<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@font-face {
    font-family: 'NotoSans-Regular';
    src: url('./fonts/NotoSansCJKtc-Regular.ttf');
    src: url('./fonts/NotoSansCJKtcNotoSansCJKtc-Regular.eot');
    src: url('./fonts/NotoSansCJKtc-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/NotoSansCJKtc-Regular.woff2') format('woff2'),
    url('./fonts/NotoSansCJKtc-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans-Medium';
    src: url('./fonts/NotoSansCJKtc-Medium.ttf');
    src: url('./fonts/NotoSansCJKtc-Medium.eot');
    src: url('./fonts/NotoSansCJKtc-Medium.eot?#iefix') format('embedded-opentype'),
    url('./fonts/NotoSansCJKtc-Medium.woff2') format('woff2'),
    url('./fonts/NotoSansCJKtc-Medium.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans-Bold';
    src: url('./fonts/NotoSansCJKtc-Bold.ttf');
    src: url('./fonts/NotoSansCJKtc-Bold.eot');
    src: url('./fonts/NotoSansCJKtc-Bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/NotoSansCJKtc-Bold.woff2') format('woff2'),
    url('./fonts/NotoSansCJKtc-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans-Black';
    src: url('./fonts/NotoSansCJKtc-Black.ttf');
    src: url('./fonts/NotoSansCJKtc-Black.eot');
    src: url('./fonts/NotoSansCJKtc-Black.eot?#iefix') format('embedded-opentype'),
    url('./fonts/NotoSansCJKtc-Black.woff2') format('woff2'),
    url('./fonts/NotoSansCJKtc-Black.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
html*{font-size:50%;}
body { font-family: "NotoSans-Regular", Arial, sans-serif; font-size: 14px; color:#000; line-height: 28px; }
/*header { background:#fff;position: relative; top: 0; z-index:99999; width:100%;}*/
header { background:#fff;position: relative; top: 0;  width:100%;}

@media(max-width: 991.98px){
    .ward{width: 100%;margin:0 auto; padding: 0 10px;}
    .ward .row{margin:0;}
    .column-left{width: 100%;}
    .column-right{width: 100%;}
}
@media(min-width: 992px){
    .ward{max-width: 970px;margin:0 auto;}
    .column-left{width: 600px;margin-right:40px;}
    .column-right{width: 300px;}
}
@media(min-width: 1200px){
    .ward{max-width: 1050px;margin:0 auto;}
    /*.row{width:100%;margin:0;}*/
    .column-left{width: 700px;margin-right:50px;}
    .column-right{width: 300px;}
}

.column-right { display: none; }
@media(min-width: 992px){
    .column-right { display: block; }
}

/*.column-right-inner {z-index: -1; right: 15px; bottom: 8%;}
@media(min-width: 1280px){
    .column-right-inner {z-index: -1; right: 9%; bottom: 8%;}
}
@media(min-width: 1440px){
    .column-right-inner {z-index: -1; right: 13%; bottom: 8%;}
}
@media(min-width: 1680px){
    .column-right-inner {z-index: -1; right: 22%; bottom: 10%;}
}*/

.mx-auto { display: block; }

a{text-decoration: none;color:#000;}
a:hover{text-decoration: none !important;color:#000;}
a,input,button {outline: none!important;}
.all-dot{width: 5px;height: 5px;background: #80dad0;border-radius: 50%;display: inline-block;position:relative;top: -3px;}
.logo { height: 40px; width: auto;margin-top: -5px;}
@media(min-width: 768px) {
    .logo { height: 50px;margin-top: 0px;}
}
@media(min-width: 1200px) {
    .logo { height: 60px;margin-top: 0px;}
}
@media(min-width: 1400px) {
    .logo { height: auto;margin-top: 0px;}
}

.header-right { float:right; min-height: 10px; }

.box-logo { width: 100%;}
.header-right { width: 100%;}
.st-container{overflow: visible;}
/*nav*/
.box-menu {clear: both;display: flex;justify-content: center;}
.menu { display: flex; justify-content: center; align-items:center;margin-bottom: 0; }
.listing-menu-con{background: #c9fcfb;display: flex; align-items:center;/*overflow: hidden;*/position:relative;height: 46px;}
.fixednav{
    background: #80dad0 !important;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    right:0;
    text-align:center;
    margin:0 auto;
    z-index: 99999;
    height:56px;
}

.listing-menu{display: flex;justify-content: space-between;align-items:center;}

.listing-menu-l { margin-left: 0; }
@media(min-width: 1440px){
    .listing-menu-l { margin-left: 50px; }
}

.listing-menu-l{
    width: 13%;
    height: 100%;
    padding: 11px 0;
    background-image: linear-gradient(to left,#6bdbda, #c8fcfb);
    background-image: -webkit-linear-gradient(to left,#6bdbda, #c8fcfb);
    background-image: -moz-linear-gradient(to left,#6bdbda, #c8fcfb);
    position:relative;
}
@media(min-width: 1440px){
    .listing-menu-l{
        width: 20%;
        height: 100%;
        padding: 11px 0;
        background-image: linear-gradient(to left,#6bdbda, #c8fcfb);
        background-image: -webkit-linear-gradient(to left,#6bdbda, #c8fcfb);
        background-image: -moz-linear-gradient(to left,#6bdbda, #c8fcfb);
        position:relative;
    }
}
@media(min-width: 1680px){
    .listing-menu-l{
        width: 25%;
        height: 100%;
        padding: 11px 0;
        background-image: linear-gradient(to left,#6bdbda, #c8fcfb);
        background-image: -webkit-linear-gradient(to left,#6bdbda, #c8fcfb);
        background-image: -moz-linear-gradient(to left,#6bdbda, #c8fcfb);
        position:relative;
    }
}


.listing-menu-l::before {
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    border-width: 25px;
    border-right-width: 25px;
    border-left-width: 25px;
    border-color: #6bdbda;
    border-top-color: rgb(107, 219, 218);
    border-bottom-color: rgb(107, 219, 218);
    border-left-width: 20px;
    border-right-width: 0px;
    border-style: dashed;
    border-left-style: dashed;
    border-left-style: solid;
    border-top-color: #c9fcfb;
    border-bottom-color: #c9fcfb;
    margin-right: 30px;
}

.listing-menu-l-con{display: flex;align-items:center;color:#fff; padding-left: auto;}
@media(min-width: 1200px){
    .listing-menu-l-con{display: flex;align-items:center;color:#fff; padding-left: 0;}
}
@media(min-width: 1440px){
    .listing-menu-l-con{display: flex;align-items:center;color:#fff; padding-left: 50%;}
}
@media(min-width: 1680px){
    .listing-menu-l-con{display: flex;align-items:center;color:#fff; padding-left: 60%;}
}


.listing-menu-l-con i{font-size:24px;}
.listing-menu-l-con a{position:relative;padding: 0 10px;color:#fff;font-weight: bold;}
.listing-menu-l-con a:before{content:"";width:5px;height: 5px;border-radius: 50%;background: #fff;position:absolute;right:0;top:450%;}

.listing-menu-l-inner { background-image: none; }
.listing-menu-l-inner:before{ border-color: rgba(255,255,255,0); }
.listing-menu-l-inner .listing-menu-l-con a {color: #6bdbda;}
.listing-menu-l-inner .listing-menu-l-con i {color: #6bdbda;}

.fixednav .listing-menu-l-con{display: none;}
.fixednav .listing-menu-l{background: none;}
.fixednav .listing-menu-l:before{border:0;}
.fixednav .listing-menu-l-fixed{display: flex !important;}

.fixednav .listing-menu-l-fixed img{height: 30px; margin-left: 0;}
@media(min-width: 1440px){
    .fixednav .listing-menu-l-fixed img{height: 30px; margin-left: 130px;}
}
@media(min-width: 1680px){
    .fixednav .listing-menu-l-fixed img{height: 30px; margin-left: 210px;}
}
.listing-menu-r{display: flex;align-items: center;position:relative;width: 16%;justify-content: flex-end;}
.listing-menu-r-con{position:absolute;top:-35px;/*right: 20%;*/right:-4px;z-index: 99999;}
.listing-menu-r-con .logo2 img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}
.listing-menu-r-con img{max-height:80px;}
.fixednav .listing-menu-r-con{display: none;}
.fixednav ul li a i{color: #fff;}
.fixednav .listing-menu-r-con-fixed{display: flex !important; /*padding-right:60px;*/ color:#fff;justify-content: space-between;}
.listing-menu-r-con-fixed{font-weight: bold;}
.listing-menu-r-con-fixed span{margin-right:20px;}
@media(max-width: 767.98px){
    .listing-menu-r{width: 180px;justify-content: flex-end;}
}
.listing-menu-r .top-button a{background: #000;color: #fff;padding: 5px 10px;border:1px solid #000;border-radius: 5px;margin-right: 10px;}
.listing-menu-r .top-button a:hover{color: #fff;}
.phone-search{padding-top: 15px;}
.box-menu li {float: left;}
.box-menu &gt; ul &gt; li { padding: 0 6px; height:46px;line-height: 46px;position: relative}
.box-menu &gt; ul &gt; li i{-webkit-text-stroke: 1px #6bdbda;color: #6bdbda; margin-left:5px; }
.box-menu &gt; ul &gt; li:hover i{color: #6bdbda;}
.fixednav .box-menu &gt; ul &gt; li i{-webkit-text-stroke: 0;}
@media(min-width: 1200px){
    .box-menu &gt; ul &gt; li { }
}
@media(min-width: 1400px){
    /*.box-menu &gt; ul &gt; li { padding: 8px 10px 8px 10px;}*/
    /*.listing-menu{ padding-right: 10%; }*/
}

.listing-menu { max-width: auto; }
@media(min-width: 1281px){
    /*.listing-menu { max-width: 1600px; }*/
}

.box-menu &gt; ul &gt; li:last-child {}
.box-menu &gt; ul &gt; li &gt; a { /*-webkit-text-stroke: 1px #7cc0bc;*/color: #6bdbda;display: block;/*padding: 3px 0px;*/ transition: all 0.5s;text-transform: uppercase; font-size: 14px;font-weight: bold;white-space: nowrap;}
.fixednav .box-menu &gt; ul &gt; li &gt; a{-webkit-text-stroke:0;color:#fff;}
.box-menu &gt; ul &gt; li.dropdown:after {
    /* border: 8px solid transparent;
    border-top: 8px solid #c7c7c7; */
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    content: '';
    left:50%;
    margin-left:-4px;
}
.box-menu &gt; ul &gt; li {text-align:center; padding-left:20px;}
@media (min-width: 1200px){
    .box-menu &gt; ul &gt; li { padding-left:35px;}
}
.box-menu &gt; ul &gt; li:hover {color:#fff; background-image: linear-gradient(to left,#3dcccb, #c8fcfb);
    background-image: -webkit-linear-gradient(to left,#3dcccb, #c8fcfb);
    background-image: -moz-linear-gradient(to left,#3dcccb, #c8fcfb);position: relative;}
.box-menu &gt; ul &gt; li.active {background-image: linear-gradient(to left,#3dcccb, #c8fcfb);
    background-image: -webkit-linear-gradient(to left,#3dcccb, #c8fcfb);
    background-image: -moz-linear-gradient(to left,#3dcccb, #c8fcfb);position: relative; margin-right:18px; }
.box-menu &gt; ul &gt; li:hover::before, .box-menu &gt; ul &gt; li.active::before {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    border-width: 23px;
    border-color: #3dcccb;
    border-left-width: 20px;
    border-right-width: 0px;
    border-style: dashed;
    border-left-style: dashed;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin-right:0px;
    z-index: 998;
}

.box-menu &gt; ul &gt; li:hover::before {
    z-index: 999;
}

.box-menu &gt; ul &gt; li.active &gt; a { color:#fff !important; }
.box-menu &gt; ul &gt; li.active i { color:#fff!important;-webkit-text-stroke: 1px #fff; }
.box-menu &gt; ul &gt; li:hover i { color:#fff!important;-webkit-text-stroke: 1px #fff; }

.fixednav .box-menu &gt; ul &gt; li:hover {background-image: linear-gradient(to left,#80dad0, #80dad0);
    background-image: -webkit-linear-gradient(to left,#80dad0 , #80dad0);
    background-image: -moz-linear-gradient(to left,#80dad0 , #80dad0);}
.fixednav .box-menu &gt; ul &gt; li:hover::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    border-width: 25px;
    border-right-width: 25px;
    border-left-width: 25px;
    border-color: #80dad0 ;
    border-top-color: #80dad0;
    border-bottom-color:  #80dad0;
    border-left-width: 20px;
    border-right-width: 0px;
    border-style: dashed;
}
.fixednav .box-menu &gt; ul &gt; li.active {background-image: linear-gradient(to left, #80dad0, #80dad0);
    background-image: -webkit-linear-gradient(to left,#80dad0 , #80dad0);
    background-image: -moz-linear-gradient(to left,#80dad0 , #80dad0);}
.fixednav .box-menu &gt; ul &gt; li.active::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    border-width: 25px;
    border-right-width: 25px;
    border-left-width: 25px;
    border-color: #80dad0;
    border-top-color:  #80dad0;
    border-bottom-color:  #80dad0;
    border-left-width: 20px;
    border-right-width: 0px;
    border-style: dashed;
    border-left-style: dashed;

}
.fixednav .box-menu &gt; ul &gt; li.active &gt; a { color:#ffe800 !important; }
.fixednav .box-menu &gt; ul &gt; li.active i { color:#ffe800 !important;-webkit-text-stroke: 1px #ffe800; }

.fixednav .box-menu &gt; ul &gt; li:hover i { color:#ffe800!important;-webkit-text-stroke: 1px #ffe800; }

.box-menu &gt; ul &gt; li.active &gt; a, .box-menu &gt; ul &gt; li.selected &gt; a {
    padding: 0 6px;
    /*-webkit-text-stroke: 1px #7cc0bc;*/
    color:#6bdbda;
    transition: all 0.5s;
}


.box-menu &gt; ul &gt; li:hover &gt; a{
    color:#fff;
    -webkit-text-stroke:0;
}
.fixednav .box-menu &gt; ul &gt; li.active &gt; a,.fixednav .box-menu &gt; ul &gt; li.selected &gt; a,.fixednav .box-menu &gt; ul &gt; li:hover &gt; a {
    color:#ffe800;
    -webkit-text-stroke:0;
}

.box-menu &gt; ul &gt; li &gt; ul {
    min-width: 160px;
    width: 650px ;
    position: absolute;
    top:100%;
    z-index: 99999;
    background: #6bdbda;
    background-size: cover;
    border-bottom:5px solid #61bbb1;
    opacity: 0;
    pointer-events: none;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    box-shadow: 0 4px 12px #7d7d7d;
}

.box-menu &gt; ul &gt; li ul li { text-align: left;padding: 4px 0;width: 100%;border-bottom: 1px solid #fff;}
.box-menu &gt; ul &gt; li ul li:first-child { padding-top: 0; }
.box-menu &gt; ul &gt; li ul li a { min-width: 140px; width: 100%;background: url(../images/add-icon.png) right no-repeat;white-space: nowrap; color:#fff; display: inline-block;position: relative;}
.box-menu &gt; ul &gt; li ul li a:hover, .box-menu &gt; ul &gt; li ul li.active a{background: url(../images/del-icon.png) right no-repeat;}
.box-menu &gt; ul &gt; li ul li:last-child a { border-bottom: none; }
.box-menu &gt; ul &gt; li ul li a:hover, .box-menu &gt; ul &gt; li ul li a.active, .box-menu &gt; ul &gt; li ul li.active a{color: #ffe800; }
.box-menu &gt; ul &gt; li.selected &gt; ul {/* display: block; */
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.box-menu &gt; ul &gt; li &gt; ul &gt; li &gt; ul{position: absolute;left: 100%;background: #fff;top: 0;display: none;}
.box-menu &gt; ul &gt; li &gt; ul &gt; li.selected &gt; ul {display: block;}

/* mobile menu */
.menu-mobile-inner .nav a{width:50%;text-align: center;color:#252525;}
.menu-mobile-inner .nav .active{background: #efefef;}
#account{background: #efefef;}

.st-menu { background-color: #6bdbda; }
.st-menu ul li a{color: #fff;box-shadow: inset 0 -1px rgba(0,0,0,0.1); }
.mobile-menu-btn { position: absolute;left: 0px;top: 5px;}
@media(min-width: 768px) {
    .mobile-menu-btn {top: 25px;}
}

.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 50px;line-height:50px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#7cc0bc;}
.menu-mobile .button-close-menu i {font-size: 20px;color:#fff;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:16px;right:8px;font-size: 18px;color:#252525;cursor: pointer;text-align: center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.menu-mobile ul li.mobile-sub-open &gt; .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content &gt; li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open &gt; .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul &gt; li { background: #fffcf8; }
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
    background:#7cc0bc ;
    box-shadow: inset 0 -1px rgba(0,0,0,0);
    color: #fff;
}
@media(max-width: 991.98px){
    .menu-mobile .dropdown .pc-icondown{display: none;}
}
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul &gt; li {
    background: #fffdf1;
}
.box-menu &gt; ul .sub-menu{overflow: hidden;padding: 30px 20px 20px;text-transform: uppercase; }
.box-menu &gt; ul .sub-menu-li{width: 33.333%;float: left;text-align: left;padding: 1px 0;}
.sub-menu-box-right-tit{text-align: left;color:#fff;margin-top: 5px;line-height: 22px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media(min-width: 1400px){
    .box-menu &gt; ul .sub-menu{padding: 30px 20px 20px;}
}

.sub-menu-box .photoBox {overflow: hidden;}
.sub-menu-box .photoBox img {
    transition: 0.5s ease-in-out;
}

.sub-menu-box .photoBox:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.btn-ud {
    padding:4px 10px;
    border-radius: 5px;
    font-size: 24px;
    border:0;
    background: none;
    color:#fff;
    outline: none;
    margin-top: 0;
}
.btn-ud:hover{color:#fff;}

/*phone menu*/
.phone-menu-btn{position:absolute;left:0;top:0;}
.rotate{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.phone-menu-box { min-height:500px; }
.phone-menu{width: 85%;position:fixed;left: -90%;top: 42px;z-index: 99999;height: 100%; padding-right:5%;}
.phone-menu-logo{background: #6cd4d5;text-align:center;padding: 10px 0;}
.phone-menu-logo img{height:60px;}
.phone-menu-first{background: #c2f4f3;margin-bottom:0;padding: 5px 0;}
.phone-menu-first::-webkit-scrollbar { width: 6px;}
.phone-menu-first::-webkit-scrollbar-track { background: #81dbd1;border-radius: 10px;}
.phone-menu-first::-webkit-scrollbar-thumb { border-radius: 10px; background: #81dbd1;
    -webkit-box-shadow: inset 0 0 6px rgba(129,219,209,0.5);}
.phone-menu-first::-webkit-scrollbar-thumb:window-inactive { background: #81dbd1;}
.phone-menu-first li a{font-weight: bold;padding: 13px 10px;background: #c2f4f3;display: block;text-align:center;color:#45aba0;}
.phone-menu-second li a{background: #fff;}
.phone-menu-logo2{background: #c2f4f3;padding: 10px 0;text-align:center;}
.phone-menu-icon{background: #81dbd1;padding: 20px 10px;text-align:center;}
.phone-menu-icon a{padding: 0 5px;}
.phone-menu {transition: 0.5s;}
.phone-menu.in{left: 0;transition: 0.5s;}
/*.phone-menu.in:before{content:"";width: 30%;height:100%;position:absolute;right:-30%;top:0;}*/
.fixedmenu{position:fixed;top:0;}

.phone-menu-second{display: none;}
.menu-first.active &gt; a, .menu-first .active &gt; a{color: #ffe800!important;}
.phone-menu-first .active .phone-menu-second{display: block;}
.phone-menu-first .fa {
    font-weight: 700;
}

/*.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #7abbb1;}
.btn-ud:hover {
  color: #fff;
  background-color: #7abbb1;
}
.btn-ud:active,
.btn-ud.active,
.open &gt; .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #7abbb1;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open &gt; .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open &gt; .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open &gt; .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #7abbb1;
}
.btn-ud:active,
.btn-ud.active,
.open &gt; .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #7abbb1;
}*/


/*header-top*/
.header-top {padding:5px 0;/*display: flex; justify-content: center;align-items:center;*/background: #80dad0;position:relative;color: #fff;text-transform: uppercase;}
@media(min-width: 767.98px){
    .header-top {padding:25px 0;/*display: flex; justify-content: center;align-items:center;*/background: #80dad0;position:relative;color: #fff;text-transform: uppercase;}
}
.header-top-con{position:relative;}
.header-top-logo{text-align:center;}
.header-top-logo .phone-logo img{height: 32px;}
.header-top-logo .pc-logo img{height: 60px;}
.header-top-icon{position:absolute;right: 0;top:5px;display: flex;}
.top-icon-search{display: flex;align-items: center;}
.search-box{
    position:absolute;
    /*right: 0px;*/
    top: 43px;
    /*display: flex;*/
    /*width: 0;*/
    overflow: hidden;
    z-index: 999999;
    /*padding: 15px;*/
    /*margin-top: 30px;*/
    display: none;
    width: 100%;
    background: #c9fcfb;
}
@media (min-width: 768px) {
    .search-box {
        top: 65px;
    }
}
@media (min-width: 1024px) {
    .search-box {
        right: 30px;
        top: -5px;
        width: 250px;
        background: transparent;
    }
}
.search-icon{position:relative;top:0;}
.search-box .search-box-close{padding: 0px 10px;background: #fff;border:0;border-radius: 3px 0 0 3px;}
.search-box .input-text{border-radius: 0 3px 3px 0;}
.header-top-icon a{padding: 0 4px;}
@media(max-width: 767.98px){
    .header-top{background: #81dbd1;position:fixed;width: 100%;top:0; box-shadow:0 1px 6px #868686;z-index: 99}
    .header-top-icon .top-icon-others{display: none;}
    .search-icon {
        top:-1px;
    }
}
@media(min-width: 1200px){
    .header-top-logo .pc-logo img{height: 90px;}
}
/*lang*/
.lang {display: flex;}
.lang a {color:#888;}
.lang span{margin: 0 5px;}
.lang a.active, .lang a:hover { color: #000; }


/*main-all*/

/*slideshow*/
.slideshow-right { padding-right: 0; }
@media(min-width: 600px){
    .slideshow-right { padding-right: 10px; }
}
.index-slideshow{position:relative;margin:0 0 5px 0; }
@media(min-width: 768px) {
    .index-slideshow{position:relative;margin:30px 10px 15px 0; }
}

.index-slideshow:before{
    content:"";
    width: 100%;
    height:100%;
    background: #c6c6c6;
    box-shadow: 0px 3px 25px #666;
    position:absolute;
    top:10px;
    left: 10px;
    z-index: -1;
}
.index-slideshow-inner{
    display: flex;
    background-image: linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -webkit-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -moz-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    padding: 10px;
}
.index-slideshow .slider-for{width: 75.35%;}
.index-slideshow .slider-for img{width: 100%;}
.index-slideshow .slider-nav{width: 24.65%;}
.index-slideshow .slider-nav .borderBox{
    padding:0;
    position:relative;
    z-index: 0;
}
.index-slideshow .slider-nav .borderBox:before{
    content:"";
    width: 36px;
    height:26px;
    background: url(../images/l-top-01.png) center no-repeat;
    background-size:cover;
    position:absolute;
    top:5px;
    left:5px;
    z-index: -1;
}
.index-slideshow .slider-nav .borderBox:after{
    content:"";
    width: 36px;
    height:26px;
    background: url(../images/r-top-01.png) center no-repeat;
    background-size:cover;
    position:absolute;
    bottom:5px;
    right:5px;
    z-index: -1;
}
.index-slideshow .slider-nav .slick-list{overflow: visible;}
.index-slideshow .slick-slide{outline: none;}
.bg-color-01{background: #39dcdd;}
.bg-color-02{background: #80fbd3;}

@media(max-width: 767.98px){
    .index-slideshow:before{display: none;}
    .index-slideshow-inner{padding: 0;background: none;}
    .index-slideshow .slider-for{width: 100%;}
    .index-slideshow .slider-nav{display: none;}
    .index-slideshow .slick-dots li {
        width: 12px;
        padding-top:6px;
        height: 24px;
    }
    .index-slideshow .slick-dots{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        bottom: -24px; height:24px;line-height: 24px;background-color: #80dad0;}
    .index-slideshow .slick-dots li button{width: 12px;height: 10px;background: url(../images/nums-bg.png) center no-repeat;background-size: cover;}
    .index-slideshow .slick-dots .slick-active button{background: url(../images/dots-bg.png) center no-repeat;background-size: cover;}
    .index-slideshow .slick-dots li button:before{display: none;}
}
@media(min-width: 768px){
    /*.index-slideshow{margin:30px auto 15px;}*/
    .index-slideshow-inner{padding: 15px;}
    .index-slideshow .slider-nav .borderBox{
        padding:11.5px 20px;
    }
    .index-slideshow .slider-nav .slick-current .borderBox{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        z-index: 9999;
        position:relative;
        right: 20px;
        box-shadow: 0 2px 18px #888;
    }
    .index-slideshow .slick-dots li button{display: none;}
    .index-slideshow .slick-dots li button:before{display: none;}
    .index-slideshow .slick-dotted.slick-slider{margin-bottom: 0;}
}
/*.index-slideshow .slider-nav{
    overflow: hidden;
    max-height: 399px;
}*/
/*slideshow end*/


/*all-item-padding*/
.all-item-padding { padding: 15px 0 30px; }
@media(min-width: 768px) {
    .all-item-padding { padding: 15px 0 30px; }
}
@media(min-width: 1200px) {
    .all-item-padding { padding: 30px 0 50px; }
}

.color-grey{color:#808080;}
.index-button{text-align: right;margin-bottom:30px;}
.index-button a{text-align:center;width: 111px;height:28px;display: inline-block;background: url(../images/index-btn-bg.png) right no-repeat;background-size:cover;color:#fff;}
.index-button a:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}
.index-minbanner{display: none;margin:5px 0 35px;}
@media(min-width: 600px) {
    .index-minbanner{display: flex;}
}
.index-minbanner .index-minbanner-img:first-child {
    margin-right:25px;
}
.index-minbanner-img{border-radius: 5px;overflow: hidden;box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5); }
.index-minbanner-img.index-minbanner-img img{
    transition: 0.5s ease-in-out;
}
.index-minbanner-img:hover img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.index-news-tabs{font-weight: bold;position:relative;color: #80dad0;height: 40px;display: block;margin:0px auto 25px;}

.index-news-tabs2{font-family: "NotoSans-Bold";font-weight: bold;position:relative;color: #80dad0;display: block; line-height: 0px; margin-bottom: 5px; font-size: 12px; }
@media(min-width: 390px) {
    .index-news-tabs2{font-family: "NotoSans-Bold";font-weight: bold;position:relative;color: #80dad0;display: block; line-height: 0px; margin-bottom: 12px; font-size: 12px;}
}
@media(min-width: 768px) {
    .index-news-tabs2{font-family: "NotoSans-Bold";font-weight: bold;position:relative;color: #80dad0;display: block; line-height: 0px;margin-bottom: 10px; font-size: 14px;}
}
.index-news-tabs3 { margin-top:0; }
@media(min-width: 768px) {
    .index-news-tabs3 { margin-top:10px; }
}
.index-news-tabs i,.index-news-tabs2 i{font-weight: bold;}
.index-news-tabs .news-tabs-tit{font-family:"NotoSans-Bold";font-size:20px;}
@media(min-width: 768px) {
    .index-news-tabs .news-tabs-tit{font-family:"NotoSans-Bold";font-size:24px;}
}
.index-news-tabs:before{
    content:"";
    position:absolute;
    bottom:0;
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -webkit-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -moz-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
}
.index-news-tabs a{color: #80dad0;}
.index-news-tabs i{font-weight: bold;}
.index-news-tabs2 a{font-family: "NotoSans-Medium";color: #6bc5bb;margin:0 5px;}
/*index-advertising*/
.index-advertising{/*background: rgba(201,252,251,0.5);*/text-align:center;width: 100%;position:fixed;bottom:0;z-index:99;}
.index-advertising-con{position:relative; background-color: #fff;box-shadow: rgba(0, 0, 0, 0.4) 0px -4px 6px -3px; padding: 0;
max-width: 728px;
margin-left: auto;
margin-right: auto;
}
.index-advertising-close{background: #fff;padding: 8px 10px;position: absolute;right: 0px;top: -30px;display: inline-block;z-index: 10000;box-shadow: -2px -2px 6px #868686;border-top-left-radius: 10px;}
.index-advertising-close i{color:#555;}
/*.index-advertising img{width: 100%;max-width: 900px;margin:0 auto;}*/
.index-fixed-icon{width: 100%;padding: 15px;background: #81dbd1;font-size:18px;font-weight: bold;box-shadow: 0 0 8px #606060;}
.index-fixed-icon span{margin-right:5px;color:#fff;}
.index-fixed-icon a{margin:0 15px;color:#fff;}
.index-fixed-icon .fa-link{transform: rotateY(180deg); }
.index-news-list-top{margin-bottom:30px;}
@media(max-width: 767.98px){
    .index-news-list-top img{ margin-bottom: 10px;}
    .index-advertising{padding-bottom: 0;}
    .index-fixed-icon a{
        margin:0 8px;
    }
    .index-fixed-icon a:first-child {
        margin-left:15px;
    }
}
.index-news-list-top img{width: 100%; }
.index-news-list-top-text{padding: 10px 10px 6px 10px;}

.index-news-list-top-text p{line-height: 36px;text-align:justify;color:#808080; font-size: 16px;}
@media(min-width: 768px){
    index-news-list-top-text {
        padding: 10px 10px 20px 10px;
    }
    .index-news-list-top-text p{line-height: 32px;text-align:justify;color:#808080; font-size: 16px;}
}

.index-news-list-top-tit{
    margin:0;
    display: block;
    line-height: 26px;
    font-size:18px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-family: "NotoSans-Medium";
    font-weight: bold;
    color:#80dad0;
    margin-bottom:10px;
}
@media(min-width: 600px){
    .index-news-list-top-tit{
        margin:0;
        display: block;
        line-height: 32px;
        font-size:26px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        font-family: "NotoSans-Medium";
        font-weight: bold;
        color:#80dad0;
        margin-bottom:10px;
    }
}

.index-news-list-top-tit a{
    color:#555;
}
.index-news-list-top-tit a:hover{
    color:#80dad0;
}
.index-news-list-top-sec{
    color:#808080;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 24px;
    font-size:17px;
}

.index-news-list-top-sec { display: none; }
@media(min-width: 768px){
    .index-news-list-top-sec { display: block; }
}

.index-news-button{text-align: right;}
.index-news-button a{color:#808080;}
.index-news-button a:hover{color:#80dad0;}

.index-line{
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -webkit-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -moz-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    margin-top:2px;
}
@media(min-width: 768px) {
    .index-line{
        margin-top:8px;
    }
}
.index-line-min{
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -webkit-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -moz-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
}
.index-line-max{
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -webkit-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    background-image: -moz-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
}
.index-news-list-bottom { margin-bottom:40px; }


.index-news-list-bottom li {display: flex;margin-bottom: 25px;}


.index-news-list-bottom li:last-child{margin-bottom:0;}
.index-news-list-bottom .li-left{width: 100%;margin-right:15px;overflow: hidden;}
@media(min-width: 1200px){
    .index-news-list-bottom .li-left{width: 400px;}
}
.index-news-list-bottom .li-left img{
    transition: 0.5s ease-in-out;
}
.index-news-list-bottom .li-left:hover.li-left img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: 0.5s;
}
.index-news-list-bottom .li-right{width:calc(800px - 415px);}

.index-news-list-bottom-inner .li-left { margin-bottom: 15px; }
@media(min-width: 768px){
    .index-news-list-bottom-inner .li-left { margin-bottom: 0; }
}


.index-news-list-bottom .li-right-tit{
    font-size:14px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    color:#555;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top:0px;
}
@media(min-width: 400px){
    .index-news-list-bottom .li-right-tit{
        font-size:14px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#555;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 18px;
        margin-bottom: 10px;
        margin-top:0px;
    }
}
@media(min-width: 600px){
    .index-news-list-bottom .li-right-tit{
        font-size:16px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#555;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 22px;
        margin-bottom: 0px;
        margin-top:0px;
    }
}
@media(min-width: 768px){
    .index-news-list-bottom .li-right-tit{
        font-size:18px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#555;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top:6px;
    }
}
.index-news-list-bottom .li-right-tit a{color:#555; font-weight:bold; font-family: "NotoSans-Regular";}
.index-news-list-bottom .li-right-tit a:hover {
    color:#80dad0;
}
@media(min-width: 768px){
    /*.index-news-list-bottom .li-right-tit a{color:#80dad0; font-weight:normal; font-family: "NotoSans-Regular";}*/
}
.index-news-list-bottom .li-right:hover .li-right-tit a { color: #80dad0; }

.index-news-list-bottom .li-right-sec{
    color: #555;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 22px;
    font-size:13px;
    display: none;
}
@media(min-width: 768px) {
    .index-news-list-bottom .li-right-sec{
        color: #555;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 22px;
        font-size:14px;
        display: block;
    }
}
.li-right-bottom{font-size:12px;display: flex;justify-content: space-between;}

.index-news-list-bottom-inner .li-right-bottom { margin-top:13px; }

@media(min-width: 768px){
    .index-news-list-bottom .li-right-bottom{padding-top: 15px;}
    .index-right-box{margin-top:38px;}
}

.index-tags{margin-bottom:25px;}
.index-tags-tit{font-size:18px;font-weight:bold;color:#80dad0;display: flex;align-items: flex-end;margin-bottom:5px;}
.index-tags-text{padding-top: 10px; }
.index-tags-text span{color:#80dad0;font-size:15px;padding: 0px 20px; display: inline-block;border:1px solid #7cc0bc;border-radius: 3px;margin:0 10px 8px 3px;}
.index-tags-text span:hover{background: #80dad0;color:#fff;}
.index-care{margin-bottom:30px;}

.index-right-img{ margin: 0 auto; margin-bottom:30px; max-width: 300px; margin-top: 30px;}
@media(min-width: 768px){
    .index-right-img{ margin: 0 auto; margin-bottom:58px; max-width: auto; margin-top: 0;}
}

.index-right-img_inner_1 { margin-bottom:52px; }
.index-right-img-inner {margin-bottom:44px;}
.index-right-img div{margin-bottom:18px;}
.index-right-img div:last-child{margin-bottom:0;}
.index-right-img img{width: 100%;}
.index-care-tit{font-size:18px;font-weight:bold;color:#80dad0;display: flex;align-items: flex-end; margin-bottom: 5px;}
.index-care-tit span{font-size:24px;}
.index-care-tab{font-family: "NotoSans-Bold";position:relative;padding: 0 20px;overflow: hidden;height: 45px;}
/*.index-care-tab:before{content:"";z-index: 99;position: absolute;top:5px;right:15px;width:8px;height:30px;background: url(../images/tabs-right.png) right no-repeat;background-size: cover;}*/
.index-care-tab a{height: 45px;line-height: 45px;margin:0 5px;display: inline-block;font-weight:bold;position:relative;text-align:center;}
.index-care-tab  {background: url(../images/choose-icon.png) 40px no-repeat;color:#80dad0;}
.index-care-tab a.active:before{
    content:"";
    width: 20px;
    height: 20px;
    position:absolute;
    top:0;
    right:-5px;
}

@media(max-width: 768px){
    .index-right-img-last { display: none !important; }
}

/*.index-care-tab .care-tab1.active:before{
  background: url(../images/heart-icon.png) center no-repeat;
  background-size: 100%;
}
.index-care-tab .care-tab2.active:before{
  background: url(../images/heart-icon2.png) center no-repeat;
  background-size: 100%;
}
.index-care-tab .care-tab3.active:before{
  background: url(../images/heart-icon3.png) center no-repeat;
  background-size: 100%;
}
.index-care-tab .care-tab4.active:before{
  background: url(../images/heart-icon4.png) center no-repeat;
  background-size: 100%;
}
.index-care-tab .care-tab5.active:before{
  background: url(../images/heart-icon5.png) center no-repeat;
  background-size: 100%;
}
.index-care-tab .care-tab6.active:before{
  background: url(../images/heart-icon6.png) center no-repeat;
  background-size: 100%;
}*/
.index-care-list-li{display: flex;align-items:center;height: 70px;padding: 0px 10px;color:#808080;font-size:15px;}
.index-care-list .care-list01 .nums{padding: 15px;color:#fff;font-size:20px;font-weight:bold;margin-right:10px;background: url(../images/nums-bg-1.png) center no-repeat;background-size: 100%;}
.index-care-list .care-list02 .nums{padding: 15px;color:#fff;font-size:20px;font-weight:bold;margin-right:10px;background: url(../images/nums-bg2.png) center no-repeat;background-size: 100%;}
.index-care-list .care-list03 .nums{padding: 15px;color:#80dad0;font-size:20px;font-weight:bold;margin-right:10px;background: url(../images/nums-bg3.png) center no-repeat;background-size: 100%;}
.index-care-list .care-list04 .nums{padding: 15px;color:#80dad0;font-size:20px;font-weight:bold;margin-right:10px;background: url(../images/nums-bg4.png) center no-repeat;background-size: 100%;}
.index-care-list .care-list05 .nums{padding: 15px;color:#fff;font-size:20px;font-weight:bold;margin-right:10px;background: url(../images/nums-bg5.png) center no-repeat;background-size: 100%;}
.index-care-list .care-list06 .nums{padding: 15px;color:#80dad0;font-size:20px;font-weight:bold;margin-right:10px;background: url(../images/nums-bg6.png) center no-repeat;background-size: 100%;}
.index-care-list .title{
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color:#80dad0;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
}

.tab-content  {width:100%;}
.index-video{padding:0 !important;background: #c9fcfb;margin-top:20px; }
/*.index-video-list{width: 33.3%;}*/
.index-video-list-text{background: #e6e6e6;padding: 15px;}
.index-video-list-text .text-tit{color:#80dad0;font-size:18px;}
.index-video .swiper-slide-active{
    /*-webkit-transform: scale(1.15);
    transform: scale(1.15);*/
    z-index: 999;
    box-shadow: 1px 5px #666;
    box-shadow: 0 2px 10px rgb(0 0 0 / 30%);
}
@media(min-width: 1200px) {
    .index-tags-tit{font-size:24px;}
}
.button:before{
    content:"";
    width: 50px;
    height: 100%;
    position:absolute;
    left: 0;
    top:0;
    background: rgba(255,255,255,0.5);
    z-index: 2;
}
.button:after{
    content:"";
    width: 50px;
    height: 100%;
    position:absolute;
    right: 0;
    top:0;
    background: rgba(255,255,255,0.5);
    z-index: 2;
}


.button .swiper-button-prev {
    width: 18px;
    height: 80px;
    background: url(../images/video-left.png) center no-repeat;
    background-size: cover;
    cursor: pointer;
    left:15px;
    top: 40%;
}

.button .swiper-button-prev:after{font-size:0;}
.button .swiper-button-next {
    width: 18px;
    height: 80px;
    background: url(../images/video-right.png) center no-repeat;
    background-size: cover;
    cursor: pointer;
    right: 15px;
    top: 40%;
}
@media(min-width: 768px) {
    .button .swiper-button-prev {
        width: 70px;
        height: 100px;
        background: url(../images/video-left.png) center no-repeat;
        background-size: 25px;
        cursor: pointer;
        left:-15px;
        top: 40%;
    }

    .button .swiper-button-prev:after{font-size:0;}
    .button .swiper-button-next {
        width: 70px;
        height: 100px;
        background: url(../images/video-right.png) center no-repeat;
        background-size: 25px;
        cursor: pointer;
        right: -15px;
        top: 40%;
    }
}
.button .swiper-button-next:after{font-size:0;}

.index-care .slick-prev:before,.index-care .slick-next:before{display: none;}
.index-care .slick-next{
    width: 8px;
    height: 30px;
    background: url(../images/tabs-right.png) right no-repeat;
    background-size: cover;
    right:10px;
}
@media(max-width:767.98px){
    .button:before,.button:after{display: block;}
    .button .swiper-button-prev,.button .swiper-button-next{display: block;}
}

/*footer*/
footer {background: #6bdbda;color: #fff;}
.footer-con{text-align: center;padding: 40px 0 80px;}
.footer-con-logo{margin-bottom:20px;}
.footer-con-logo img{height: 80px;}

.footer-con-link{margin:0 10px;font-size:14px; max-width: 305px; margin: 0 auto;}
@media(min-width: 768px) {
    .footer-con-link{margin:0 10px;font-size:16px; max-width: 100%; margin: 0 ;}
}
.footer-con-link a{color: #fff;display: inline-block; padding:0 5px;}
.footer-con-link a:hover, .footer-con-link a.active{color:#ffe800;}
.footer-con-icon{margin:15px 10px;}
.footer-con-icon a{padding: 0 5px;}

/*back-to-top*/
#back-to-top { position: fixed; right: 3%; bottom: 3%; padding: 16px;background: rgba(201,252,251,0.8);color: #fff; border-radius: 50%; z-index: 99999; }
@media(min-width: 768px) {
    #back-to-top { right: 15px; bottom: 6%;width:auto;}
    .footer-con{text-align: center;padding: 20px 0;}
}
@media(min-width: 1600px) {
    #back-to-top { right: 3%;}
}
#back-to-top a { color: #6bdbda;max-width: 60px;display: inline-block;}


/*new style*/
.path{background:none;width: 100%;}
.inner-position{border-bottom: 1px solid #f8f8f8;}
.inner-position .breadcrumb{background: none;padding: 10px 0;margin-bottom: 0;}
.inner-position .breadcrumb a{color:#000000;}
.inner-position .breadcrumb-item+.breadcrumb-item::before{content: "/"}

.inner-page ul{display: flex;justify-content: center;align-items:center;margin-top:30px;}
.inner-page ul li a{
    color: #000;
    min-width: 35px;
    display: inline-block;
    text-align: center;
    margin-right:10px;
    border-radius: 5px;
    font-weight: bold;
    font-size:18px;
}
.inner-page ul li .active{color: #80dad0;}
.inner-banner-img img{width: 100%;}

.inner-banner{margin: 30px auto 10px;text-align: center;}
@media(max-width: 767.99px) {
    /*.inner-banner { display: none; }*/
    /*.innerTop { margin-bottom: 60px; }*/
    .innerTop { margin-bottom: 0; }

    .inner-banner{margin: 20px auto 10px;text-align: center;}
}

/*inner style*/


.inner-news-tabs{margin-bottom:20px;font-weight:bold;position:relative;}
.inner-news-tabs-con{display: flex;align-items: flex-end;color:#80dad0; padding-bottom: 5px;}
.inner-news-tabs a{color:#80dad0; font-size: 16px; margin-left:5px;}
.inner-news-tabs .first{font-size:20px; margin-right:5px; font-weight:bold;}
@media(min-width: 768px){
    .inner-news-tabs a{color:#80dad0; font-size: 16px; margin-left:5px;}
    .inner-news-tabs .first{font-size:24px; margin-right:5px; font-weight:bold;}
}

.inner-news-tabs-two{position:absolute;right: 0;top:0; display: none;}
@media(min-width: 768px){
    .inner-news-tabs-two{position:absolute;right: 0;top:0; display: block;}
}
.tabs-two-icon{border:2px solid #80dad0;border-radius:5px;padding: 2px 7px;min-width: 40px;text-align: center; box-shadow: 0 0 0px 3px #cefdf7; margin-left: 8px;}
.tabs-two-icon-con{position:relative;}
.tabs-two-icon-con .tabs-two-tips{font-size:16px;display: none;color:#5db8b6;font-weight: normal;width:60px;text-align:center;position:absolute;top:-45px;left:-12px;padding: 2px 10px 6px;background: url(../images/tips-bg.png) center no-repeat;}
.tabs-two-icon:hover{background: #80dad0;color:#fff;}
.tabs-two-icon-con:hover .tabs-two-tips{display: block;}
.inner-news-tabs-icon{max-width: 36px;margin-right:5px;}
.inner-news-gird{overflow: hidden;}
.inner-news-gird .index-news-list-top-text{background: #cafcfb;}
.index-news-list-top .li-right-bottom{height: 12px;display: flex;align-items:center;justify-content: space-between;margin-top:30px;font-size:12px;}
.index-news-list-top .bottom-top{margin-top:15px;}
.inner-news-gird ul{margin-left: -15px;margin-right:-15px;margin-bottom:0;}
.inner-news-gird li{display: inline-block !important;padding: 0 10px;float: left;}
.inner-news-gird li .li-left{width: 100%;}
.inner-news-gird li .li-right{width: 100%;background: #cafcfb; padding: 15px 10px 5px 10px;}
.inner-news-gird li .li-right:hover { background: #fffd55; }
.inner-news-gird li .li-right .index-line { margin-left: -10px; }
.inner-news-gird li .li-right-tit,.inner-news-gird li .li-right-sec{padding: 3px 10px 0;line-height: 20px;}
.inner-news-gird li .li-right-bottom{padding: 0 10px 3px;}
.inner-news-gird .index-news-tabs2{padding: 0 10px;}
.inner-news-gird .li-right-tit{
    font-size:15px;
    overflow:hidden;
    color:#80dad0;
    font-weight:normal;
}
@media(min-width: 768px){
    .inner-page{margin-top: 50px;}
    .inner-news-gird li{width: 33.333%;}
}

.inner-news-list-text{display: flex;padding: 10px 0px;}
.text-tit-name { margin-bottom: 10px; line-height: 20px; /*margin-top: 10px;*/font-size:18px; }
@media(min-width: 768px){
    .inner-news-list-text{display: flex;padding: 16px 0px;}
    .text-tit-name { margin-bottom: 10px; line-height: 20px; margin-top: 0; font-size:20px; }
}
.inner-news-list-text-img{width: 95px;height:auto;border-radius: 50%;margin-right:10px;}
.inner-news-list-text .text-tit-date{display: flex;justify-content: space-between; margin-right:10px; line-height: 20px; color:#acacac;}
.inner-news-list-text .text-tit-date { font-size:12px; }
@media(min-width: 768px){
    .inner-news-list-text .text-tit-date { font-size:14px; }
}
.inner-news-list-text-tit{width: 90%;}
.inner-news-list-text .text-tit-sec{color:#acacac; line-height: 0; margin-bottom: 10px; font-size:14px; }
@media(min-width: 768px){
    .inner-news-list-text .text-tit-sec{color:#acacac; line-height: 0; margin-bottom: 10px; font-size:16px; }
}
.index-news-list-top-text p{margin-bottom: 50px; margin-top:20px;}
.inner-product-list .index-news-list-top{margin-bottom:20px;}
.inner-product-list .index-news-list-top-text{padding: 0;}
.inner-product-list-li{margin:50px auto;font-size:16px; line-height:20px;}
@media(min-width: 768px){
    .inner-product-list-li{margin:50px auto;font-size:16px; line-height:26px;}
}
.inner-product-list-li li{  color:#37aea9; text-decoration:underline; margin: 0 auto; margin-bottom:25px; max-width: 650px; }
.inner-product-list-li li:last-child{margin-bottom: 0;}
.inner-product-list-li .list-li-left{ border-radius: 5px;display: inline-block;padding: 5px 20px 3px 10px;margin-right: 5px;background: url(../images/index-btn-bg.png) right no-repeat;background-size: 100% 100%;color:#198682;}
@media(min-width: 768px){
    .inner-product-list-li .list-li-left{ border-radius: 5px; display: inline-block;padding: 8px 30px 8px 20px;margin-right: 10px;background: url(../images/index-btn-bg.png) right no-repeat;background-size: 100% 100%;color:#198682;}
}
.list-li-left img { margin-right:10px; width:20px; }
.inner-product-list-tags{padding: 15px 0;}
.inner-product-list-tags-icon{font-family: "NotoSans-Medium";float:left; width: 100px;align-items:center;height:30px;line-height: 30px;}
.inner-product-list-tags-icon img{width: 38px;height:38px;}

.inner-product-list-tags span{
    border:1px solid #6bdbda;
    margin:5px 8px 5px 0;
    color:#fff;
    background-color:#6bdbda;
    display: inline-block;
    border-radius: 5px;
    font-size: 13px;
    padding: 5px 10px;
    text-align:center;
    font-family: "NotoSans-Medium";
}
@media(min-width: 768px){
    .inner-product-list-tags span{
        border:1px solid #6bdbda;
        margin:5px 6px 5px 0;
        color:#fff;
        background-color:#6bdbda;
        display: inline-block;
        border-radius: 5px;
        font-size: 14px;
        padding: 5px 15px;
        text-align:center;
        font-family: "NotoSans-Medium";
    }
}

.product-list-left { padding-left: 45px; }
@media(min-width: 768px){
    .product-list-left { padding-left: 0; }
}

.inner-product-list-tags span:hover{background: #fff;color:#80dad0;}


.inner-product-list-li .clearlist { clear:both; float: none; margin-top:10px; }
@media(min-width: 768px){
    .inner-product-list-li .clearlist { float: left; }
}

.inner-product-list-link{
    display: flex;
    align-items:center;
    font-size:12px;
    padding: 10px 10px;
    background: #1d70b8;
    color:#fff;
    border-left: 5px solid #1b1464;
    border-right: 5px solid #1b1464;
    border-radius: 5px;
    max-width: 650px;
    margin:25px auto 40px;
    line-height: 18px;
}
@media(min-width: 768px){
    .inner-product-list-link{
        display: flex;
        align-items:center;
        font-size:18px;
        padding: 10px 20px;
        background: #1d70b8;
        color:#fff;
        border-left: 5px solid #1b1464;
        border-right: 5px solid #1b1464;
        border-radius: 5px;
        max-width: 650px;
        margin:50px auto 40px;
        line-height: 24px;
    }
}


.inner-product-list-link a{width:150px;font-size:12px;background: #2aa5ff;display: inline-block;margin-left:8px;color:#fff;padding: 4px 2px 4px 8px;border-radius: 5px;}
.inner-product-list-link a img { height: 16px;margin-top: -4px; margin-right: -2px; }
@media(min-width: 768px){
    .inner-product-list-link a {width: auto; font-size:14px;background: #2aa5ff;display: inline-block;margin-left:20px;color:#fff;padding: 2px 10px;border-radius: 5px;}
    .inner-product-list-link a img { height: auto; margin-top: -3px; }
}
.product-inner-con{display: flex;justify-content: center;margin:50px 0;}
.product-inner-con-img{margin:0 20px;}
.more-content a {
    font-size:18px;
}
@media(min-width: 768px){
    .more-content a{font-size:28px;display: inline-block;padding: 5px 0;}
}

.product-inner-con-title { border-left: 5px solid #81d8d0; font-size: 16px; margin-top: 15px; padding-left: 10px; line-height: 24px }



.tabs-list-show .index-news-list{margin-bottom:-15px;}
.index-video-bottom .index-news-tabs{margin-top:30px;}
@media(min-width: 768px) {
    .index-video-bottom .index-news-tabs{margin-top:50px;}
}
.index-video-list-text .li-right-bottom{display: flex;justify-content: space-between;}

.index-news-list-bottom-inner li {display: normal;margin-bottom: 25px;}
@media(min-width: 768px){
    .index-news-list-bottom-inner li {display: flex;margin-bottom: 25px;}
}
.index-news-list-bottom-inner .li-left { margin-bottom: 15px; margin-right: 15px; width: 400px ; }
.index-news-list-bottom-inner  .li-right{width:calc(800px - 415px);}
.index-news-list-bottom-inner .li-right-tit { font-size: 18px; font-weight: bold;  line-height: 28px;margin-bottom: 10px; }
.index-news-list-bottom-inner .li-right-tit a { color: #80dad0; }
.index-news-list-bottom-inner .li-right-sec {color: #808080;line-height: 22px;font-size: 14px;}
.index-news-list-bottom-inner .index-line { margin-top: 5px; }

.special-list .special-list-left { width: 32%; }

.special-list .special-list-right { width: 68%; padding: 15px 0 10px 20px; }
@media(min-width: 768px){
    .special-list .special-list-left { width: 30%; }
    .special-list .special-list-right { width: 70%; padding: 5px 0 10px 30px; }
}

.special-list .special-listBox { padding: 20px 2px 15px; }
@media(min-width: 768px){
    .special-list .special-listBox { padding: 20px 0 15px; }
}

.special-list .list-right-tit{
    font-size:18px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    color:#80dad0;
    overflow:hidden;
    line-height: 22px;
    margin-bottom: 3px;
    margin-top:0px;
}
@media(min-width: 400px){
    .special-list .list-right-tit{
        font-size:18px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#80dad0;
        overflow:hidden;
        line-height: 22px;
        margin-bottom: 10px;
        margin-top:0px;
    }
}
@media(min-width: 600px){
    .special-list .list-right-tit{
        font-size:16px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#80dad0;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 22px;
        margin-bottom: 0px;
        margin-top:0px;
    }
}
@media(min-width: 768px){
    .special-list .list-right-tit{
        font-size:18px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#80dad0;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top:10px;
        font-weight: bold;
    }
}

.special-list .list-right-sec{
    color: #808080;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 22px;
    font-size:13px;
    display: none;
}
@media(min-width: 768px) {
    .special-list .list-right-sec{
        color: #808080;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 22px;
        font-size:14px;
        display: block;
    }
}

.special-list .index-button { margin-bottom: 0; margin-top: 30px; display: none; }
@media(min-width: 768px) {
    .special-list .index-button { margin-bottom: 0; margin-top: 30px; display: block; }
}
.special-inner { margin-bottom: 20px; }

/*.special-list-tabs-con { font-size:  }*/


.special-list-tabs-con {font-size:18px; margin-right:5px; font-weight:bold; margin-bottom: 20px; color: #80dad0;}
.special-list-tabs-con img { height: 30px;  }
@media(min-width: 768px){
    .special-list-tabs-con {font-size:24px; margin-right:5px; font-weight:bold; margin-bottom: 20px; color: #80dad0;}
    .special-list-tabs-con img { height: 40px;  }
}

/*.special3-listBox { margin-left: -15px; margin-right: -15px; }*/

.special3-listBox .specialBox { margin-top: 20px; }
@media(min-width: 768px){
    .special3-listBox .specialBox { margin-top: 20px; padding: 0;  }
}


.special3-listBox .list-right-bottom {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    background-color: #6bdbda;
    padding: 4px 15px;
}

.special3-listBox .list-right-bottom .more a{color: #fff; font-size: 14px; font-weight: bold;}
.special3-listBox .list-right-bottom .index-times-button { color: #fff; float: right; }






/** add by elson start **/
.preview-head-wrapper {
    background-color: yellow;
    padding-top:1.75rem;
    padding-bottom:.75rem;
    height:100px;
    width: 100%;
    position: fixed;
    left:0;
    bottom:0;
    font-size:1rem;
    z-index: 99999;
    text-align: center;
}

.title-info {
    /*color: #80dad0;*/
}


.tag-module-wrapper .tag-item {
    color: #80dad0;
    font-size: 14px;
    padding: 0px 20px;
    /*display: inline-block;*/
    border: 1px solid #7cc0bc;
    border-radius: 3px;
    margin: 0 10px 8px 3px;
    height: 29px;
    line-height: 29px;
    font-weight: bold;
}

.tag-module-wrapper .tag-item:hover {
    background: #80dad0;
    color: #fff;
}



.post-tags-section a{
    border:1px solid #6bdbda;
    margin:5px 8px 5px 0;
    color:#fff;
    background-color:#6bdbda;
    display: inline-block;
    border-radius: 5px;
    font-size: 13px;
    padding: 2px 10px;
    text-align:center;
    font-family: "NotoSans-Medium";
}
@media(min-width: 768px){
    .post-tags-section a{
        border:1px solid #6bdbda;
        margin:5px 10px 5px 0;
        color:#fff;
        background-color:#6bdbda;
        display: inline-block;
        border-radius: 5px;
        font-size: 14px;
        padding: 0 15px;
        text-align:center;
        font-family: "NotoSans-Medium";
        height: 30px;
        line-height: 30px;
    }
}

.post-tags-section a:hover{background: #fff;color:#80dad0;}
.post-tags-section i {
    font-style: normal;
}


.care-group-item .nums {
    padding: 15px;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    margin-right:10px;
    background-image: url(../images/nums-bg-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.care-group-item.care-group-item-2 .nums {
    background-image: url(../images/nums-bg2.png);
}
.care-group-item.care-group-item-3 .nums {
    background-image: url(../images/nums-bg3.png?v=1.0.1);
    color:#80dad0;
}
.care-group-item.care-group-item-4 .nums {
    background-image: url(../images/nums-bg4.png);
    color:#80dad0;
}
.care-group-item.care-group-item-5 .nums {
    background-image: url(../images/nums-bg5.png);
}
.care-group-item.care-group-item-6 .nums {
    background-image: url(../images/nums-bg6.png);
}



.post-layout .item {display: flex;margin-bottom: 25px;}


.post-layout .item:last-child{margin-bottom:0;}
.post-layout .li-left{width: 100%;margin-right:15px;overflow: hidden;}
@media(min-width: 1200px){
    .post-layout .li-left{width: 400px;}
}
.post-layout .li-left:hover.li-left img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: 0.5s;
}
.post-layout .li-right{width:calc(800px - 415px);}

.post-layout .li-right-tit{
    font-size:14px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    color:#80dad0;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top:0px;
}
@media(min-width: 400px){
    .post-layout .li-right-tit{
        font-size:14px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#80dad0;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 18px;
        margin-bottom: 10px;
        margin-top:0px;
    }
}
@media(min-width: 600px){
    .post-layout .li-right-tit{
        font-size:16px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#80dad0;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 22px;
        margin-bottom: 0px;
        margin-top:0px;
    }
}
@media(min-width: 768px){
    .post-layout .li-right-tit{
        font-size:18px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        color:#80dad0;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top:10px;
    }
}
.post-layout .li-right-tit a{color:#555; font-weight:normal; font-family: "NotoSans-Regular";}
@media(min-width: 768px){
    .post-layout .li-right-tit a{color:#555; font-weight:bold; font-family: "NotoSans-Regular";}
}
.post-layout .li-right:hover .li-right-tit a { color: #80dad0; }

.post-layout .li-right-sec{
    color: #808080;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 22px;
    font-size:13px;
    display: none;
}
@media(min-width: 768px) {
    .post-layout .li-right-sec{
        color: #808080;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height: 22px;
        font-size:14px;
        display: block;
    }
}
.post-layout .li-right-bottom{font-size:12px;display: flex;justify-content: space-between;}



@media(min-width: 768px){
    .post-layout .li-right-bottom{padding-top: 15px;}
}


@media (min-width: 768px) {
    .index-news-list-bottom .li-right-sec, .post-layout .li-right-sec {
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }
}

@media (min-width: 768px){
    .index-news-list-top-sec {
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }
}

.post-related-section {
    padding-left:10px;
    padding-right:10px;
}

.post-related-section .item {
    text-decoration: none;
}
.post-related-section .item a{
    color:#37aea9;
    text-decoration: underline;
}

.tabs-two-icon.active{background: #80dad0;color:#fff;}
.tabs-two-icon {padding: 4px 7px 1px;}




.pagination {
    justify-content: center;
    margin-top: 1.375rem;
    flex-wrap: wrap;
}
.pagination .page-item {
    margin-left:4px;
    margin-right:4px;
}

.pagination .page-item .page-link {
    border-radius: 100%;
    padding: 0;
    border: none;
    color: #000;
    min-width: 20px;
    background-color: #fff!important;
    /*height: 36px;*/
    /*line-height: 34px;*/
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    outline: none!important;
}
@media (min-width: 768px) {
    .pagination .page-item .page-link {
        font-size: 18px;
        min-width: 35px;
    }
}

.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {
    outline: none!important;
    box-shadow:none;
}

.pagination .page-item.first, .pagination .page-item.prev, .pagination .page-item.next, .pagination .page-item.last {
    color:#808080;
    font-weight: normal;
}
.pagination .page-item.active .page-link {
    color:#80dad0;
    border:none;
}
.pagination .page-item .page-link:hover {
    text-decoration: underline;
}
.pagination .page-item.first, .pagination .page-item.last {
    display: none;
}


.box-empty {
    text-align: center;
    padding:3rem 0;
}

.inner-news-tabs .base-title {
    font-size:20px;
}
.search-result-title {
    font-size:18px;
    color:#80dad0;
    font-weight: bold;
}

.post-search-input-wrapper {
    margin-bottom: 1rem;
}
.post-search-input-wrapper .form-control {
    box-shadow: none !important;
    border-radius: 0!important;
    border:1px solid #80dad0;
}

.author-list-wrapper .image {
    background: -webkit-linear-gradient(0deg, #6bdbda, #c5fcf9);
    border-radius: 100%;
    padding: 3px;
}

.author-list-wrapper .image img {
    max-width: 100%;
    border-radius: 100%;
}

.author-item .author-name {
    color:#80dad0;
    line-height: 28px;
}


.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}
.editor table td {word-break: break-word}



.btn-primary {
    padding: .5rem 2rem;
    background-color: #6bdbda!important;
    color: #fff !important;
    border: 1px solid #6bdbda!important;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    white-space:nowrap;
    border-radius: 10px;
    font-size: 16px;
}

.btn.btn-full {
    width: 100%;
}
.btn.btn-min {
    padding: .2rem 1rem;
}

.btn-primary:hover {
    opacity: 0.8;
    border: 0;
}

.btn-default, .btn-default:hover, .btn-default:link, .btn-default:focus, .btn-default:active {
    overflow: hidden;
    position:relative;
    border-radius: 10px;
    background-color: #fff;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    white-space:nowrap;
    z-index: 0;
    border:1px solid #6bdbda!important;
    box-shadow:none!important;
    padding: .5rem 2rem;
    color:#6bdbda;
}

.btn-default:hover {
    opacity: 0.8;
    border: 0;
}


#back-to-top {
    line-height: 10px;
}

.box-menu &gt; ul &gt; li &gt; ul {
    width: auto;
}
.box-menu &gt; ul &gt; li &gt; ul.has-post {
    width: 650px;
}

.sub-menu-box-right-tit a {
    color:#fff;
}

.follow-item img {
    /*width: 23px;*/
    height: 22px;
}
.get-date {
    text-align: center;
    color:#80dad0;
    font-size:16px;
    font-weight: bold;
}

.load-ad-wrapper {
    text-align: center;
}

.editor .ad-image-item {
    display: inline-block;
}

.ad-image-item .caption {
    color:#808080;
    border-left:4px solid #80dad0;
    margin-top:10px;
    padding-left:10px;
    text-align:left;
}
.index-advertising-close {
    height: 30px;
    line-height: 20px;
}
.mobile-ad-style-wrapper .ad-image-item{
    display: none;
}

.mobile-ad-style-wrapper .ad-image-item:first-child{
    display: block;
}

.listing-menu-r-con-fixed a{
    color:#fff;
}

.register-content-wrapper {
    background: url('../images/form-bg.png') repeat left top;
}

.register-wrapper {
    background-color: rgba(255, 255, 255, 0.95);
    width: 100%;
    max-width: 520px;
    margin-left:auto;
    margin-right: auto;
    padding:2rem 5%;
    border-radius: 12px;
    min-height: 80vh;
}

.common-title {
    font-size: 1.725rem;
    text-align: center;
    color:#6bdbda;
    margin-bottom: 1rem;
}

.form-style {
    font-size:14px;
    color:#6bdbda;
    font-weight: bold;
    line-height: 22px;
}
.form-style a {
    color:#6bdbda;
    text-decoration: underline;
}
.form-style .form-control {
    box-shadow: none !important;
    border-radius: 4px;
    border:1px solid #eaebeb;
    background-color: #f2f2f2;
    height: calc(1.5em + .75rem + 14px);
}
.form-style2 .form-control {
    box-shadow: none !important;
    border-radius: 8px;
    border:1px solid #fff;
    background-color: #fff;
    height: calc(1.5em + .75rem + 6px);
}

@media(max-width: 767.99px) {
    .form-style2 .form-control {
        font-size: 14px;
    }
}

.form-style .form-control:focus{
    border-color:#6bdbda;
}
.form-style .has-error .form-control {
    border-color: #ff5973;
}

.form-style .control-label {
    margin-bottom: 0;
}

.form-style .row {
    width: auto!important;
    margin-right: -15px!important;
    margin-left: -15px!important;
}

#child-content .row {
    margin-right: -3px!important;
    margin-left: -3px!important;
}

#child-content .row &gt; div {
    padding-right: 3px;
    padding-left: 3px;
}


.radio-style.horizontal .item{
    display: inline-block;
    position: relative;
    line-height: 28px;
}
.radio-style .item input[type="radio"], .radio-style .item input[type="checkbox"]{
    opacity: 0;
    position: absolute;
}
.radio-style .item input[type="radio"], .radio-style .item input[type="checkbox"]{
    opacity: 0;
    position: absolute;
}

.radio-style label {
    padding-left: 24px;
}
.radio-style label:before {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #6bdbda;
    left:0;
    top:3px;
}

.radio-style.checkbox-style label:before {
    border-radius: 0;
}

.radio-style.checkbox-circle label:before {
    border-radius: 50%;
}

.radio-style input[type="radio"]:checked ~ label:before, .radio-style input[type="checkbox"]:checked ~ label:before {
    background-color: #6bdbda;
    border: 1px solid #6bdbda;
}

.radio-style input[type="radio"]:checked ~ label:after, .radio-style input[type="checkbox"]:checked ~ label:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 10px;
    left:7px;
    top:6px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg)
}

.required-style {
    color:#ff5973;
}

.form-style .btn {
    text-decoration: none;
    font-size:18px;
    line-height: 24px;
}

.form-input-title label {
    margin-bottom: 0;
}
.form-input-title .text-danger {
    width: 100%;
}

.information-type-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.information-type-list .item {
    width: 50%;
}

@media(min-width: 500px) {
    .information-type-list .item {
        width: 33.3333%;
    }
}

@media(max-width: 768px) {
    .common-padding {
        padding-top:4.275rem;
    }
}




.layui-layer {
    max-width: 98%!important;
}
.layui-layer-title {
    background-color: #6bdbda!important;
    color:#fff!important;
    font-weight: bold;
}
.layui-layer-btn {
    text-align: center!important;
}
.layui-layer-btn .layui-layer-btn0 {background-color:#6bdbda!important;color:#fff!important;border:none!important;}
.layui-layer-rim iframe {max-height: 100%!important;height: 626px!important;}

.layui-layer-setwin .layui-layer-close2 {
    right:-12px;
    top:-12px;
    width: 20px;
    height: 20px;
    background: none;
    font-family: inherit;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}
.layui-layer-setwin .layui-layer-close2:after {
    content: "\f00d";
    width: 20px;
    height: 20px;
    font-size: 1.275rem;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    color: #fff;
    /*text-shadow: 0 1px 0 #fff;*/
    opacity: .9;
}

.layui-layer-setwin .layui-layer-close1 {
    right:0;
    top:-4px;
    width: 20px;
    height: 20px;
    background: none;
    font-family: inherit;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}

.layui-layer-setwin .layui-layer-close1:after {
    content: "\f00d";
    width: 20px;
    height: 20px;
    font-size: 1.275rem;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    color: #fff;
    /*text-shadow: 0 1px 0 #fff;*/
    opacity: .9;
}

.editor .load-ad-wrapper {
    /*margin-left:-15px;
    margin-right:-15px;*/
}

.editor .load-ad-wrapper .ad-image-item{
    /*padding-left:15px;
    padding-right:15px;*/
    margin-top:15px;
    margin-bottom:15px;
}

#content {
    min-height: 50vh;
}

.error-wrapper {
    padding-top:3rem;
}

.fix-share-wrapper {
    width: 100%;
    position: fixed;
    left:0;
    bottom:0;
    z-index: 99999;
    text-align: center;
    padding:0;
    height:48px;
    line-height: 50px;
    color:#fff;
    font-size:14px;
}
.fix-share-wrapper .fa {
    font-size:22px;
    position: relative;
    top:2px;
}
.fix-share-wrapper .login-text .fa {
    font-size:16px;
    top:0px;
}
@media (min-width: 768px) {
    .fix-share-wrapper {
        font-size:16px;
    }
    .fix-share-wrapper .fa {
        font-size:18px;
        position: relative;
        top:1px;
    }
}

.fix-share-wrapper a {
    color:#fff;
}
.fix-share-wrapper a:hover {
    text-decoration: underline;
    color:#ffe800;
}


.facebook-video-module .swiper-container {
    margin-left:15px!important;
    margin-right:15px!important;
    height: 100%;
    padding:0!important;
    background-color: #fff;
}

@media(min-width: 768px) {
    .facebook-video-module .swiper-container {
        padding:30px 0!important;
    }
    .facebook-video-module .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        transform: scale(1);
        position: relative;
    }
    .facebook-video-module .swiper-slide:after {
        content:'';
        position: absolute;
        left:0;
        top:0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .6);
    }

    .facebook-video-module .swiper-slide-active, .facebook-video-module .swiper-slide-duplicate-active {
        transform: scale(1.2);
        z-index: 9999;
        background-color: #fff;
    }

    .facebook-video-module .swiper-slide-active:after, .facebook-video-module .swiper-slide-duplicate-active:after {
        display: none;
    }
}


.listing-menu-l-con i {
    position: relative;
    top:-3px;
}


.editor-wrapper{
    padding: 10px 10px 20px 10px;
    color:#808080;
}

.editor-wrapper p{line-height: 34px;text-align:justify;color:#808080; font-size: 16px;}
@media(min-width: 768px){
    .editor-wrapper p{line-height: 34px;text-align:justify;color:#808080; font-size: 16px;}
}

.search-icon img {
    height: 22px;
}
.hot-tag-icon {
    max-height: 44px;
}
.most-concern-icon {
    max-height: 34px;
}

.listing-menu {
    position: relative;
}

.home-menu-wrapper {
    text-align: right;
    height:100%;
    width: calc( (100% - 1050px)/2 );
    position: absolute;
    left:0;
    top:0;
    background-image: linear-gradient(to left,#6bdbda, #c8fcfb);
    background-image: -webkit-linear-gradient(to left,#6bdbda, #c8fcfb);
    background-image: -moz-linear-gradient(to left,#6bdbda, #c8fcfb);
    padding-right:30px;
    font-size:14px;
    line-height: 46px;
    color:#fff;
    z-index: 9998;
    font-weight: bold;
}
.fixednav .home-menu-wrapper {
    background: transparent;
}

.home-menu-wrapper::before {
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    border-width: 23px;
    border-right-width: 23px;
    border-left-width: 23px;
    border-color: #6bdbda;
    border-top-color: rgb(107, 219, 218);
    border-bottom-color: rgb(107, 219, 218);
    border-left-width: 20px;
    border-right-width: 0px;
    border-style: dashed;
    border-left-style: dashed;
    border-left-style: solid;
    border-top-color: #c9fcfb;
    border-bottom-color: #c9fcfb;
    margin-right: 30px;
}
.fixednav .home-menu-wrapper::before {
    display: none;
}
.home-menu-wrapper a {
    color:#fff;
}
.home-menu-wrapper .fa-home {
    font-size:24px;
    position: relative;
    top:2px;
}

.listing-menu-con .home-logo {
    display: none;
}

.listing-menu-con .home-text {
    display: inline;
}

.listing-menu-con.fixednav .home-text {
    display: none;
}

.listing-menu-con.fixednav .home-logo {
    display: inline;
}

.listing-menu-con.fixednav .home-logo img{
    max-width: 120px;
    max-height: 38px;
    display: inline-block;
    margin-top: 7px;
    margin-right:5px;
}

.row-no-mlr {
    margin-left:0;
    margin-right:0;
}
@media(max-width: 767.99px) {
    .m-md-l-0 {
        padding-left:0!important;
    }
    .m-md-r-0 {
        padding-right:0!important;
    }
}
@media(max-width: 991.99px){
    .container{
        max-width:100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .row {
        margin-left:-10px;
        margin-right:-10px;
    }
    .row-no-mlr {
        margin-left: 0;
        margin-right: 0;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 768px){
    .container {
        max-width: 750px;
    }

}

@media (min-width: 992px){
    .container {
        max-width: 970px;
    }

    .listing-menu-c {
        padding-left:125px;
    }
    .home-menu-wrapper {
        width: calc( (100% - 960px)/2 + 137px);
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1080px;
    }
    .listing-menu-c {
        padding-left:135px;
    }
    .home-menu-wrapper {
        width: calc( (100% - 1050px)/2 + 123px);
    }
}

.tag-module-wrapper .index-line {
    margin-top: 4px;
}
.index-line.line-h-1 {
    height:1px;
}

.sub-menu-box .menu-post-img {
    overflow: hidden;
}

.sub-menu-box img {
    transition: 0.5s ease-in-out;
}
.sub-menu-box img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sub-menu-box .col-4 {
    max-height: 230px;
    overflow-y: auto;
}

.list-sub-menu {
    font-size:16px;
}

@media(max-width: 767.99px) {
    .footer-con-copyright {
        font-size:12px;
        line-height: 20px;
    }
    .list-sub-menu {
        font-size:14px;
    }

}

.most-concern-module-wrapper .slick-current{
    color:#80dad0;
}
.most-concern-module-wrapper .index-care-list .title{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-size:16px;
}

.most-concern-module-wrapper .index-care-list .title:hover {
    /*font-size:16px;*/
}

.index-advertising.has-share-bar {
    bottom: 44px;
}

.tag-icon-icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: #6bdbda;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/inner-tags-icon.png");
    background-size: 72%;
    border-radius: 100%;
    margin-right: 5px;
}
.tag-icon-text {
    height:34px;
    line-height: 34px;
}
.hot-tags-content{
    max-width: 591px;
}
.inner-product-list-tags-icon &gt; div {
    margin-top: 3px;
}

.button-more {background-image: linear-gradient(to left,#3dcccb, #c8fcfb);
    background-image: -webkit-linear-gradient(to left,#3dcccb, #c8fcfb);
    background-image: -moz-linear-gradient(to left,#3dcccb, #c8fcfb);
    position: relative;
    height:28px;
    line-height: 28px;
    display: inline-block;
    font-size:14px;
    color:#fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    margin-right:10px;
}
.button-more:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;color:#fff;}

.button-more span {
    display: block;
    width: 100%;
    height:100%;
    padding-left:35px;
    padding-right: 10px;
    background-position: 14px center;
    background-repeat: no-repeat;
    background-image: url("../images/heart-icon-white.png");
    background-size: 16px;
    line-height: 29px;
}
.button-more::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    border-width: 14px;
    border-right-width: 18px;
    border-left-width: 18px;
    border-color: #3dcccb;
    border-top-color: rgb(61, 204, 203);
    border-bottom-color: rgb(61, 204, 203);
    border-left-width: 10px;
    border-right-width: 0px;
    border-style: dashed;
    border-left-style: dashed;
    border-left-style: solid;
    border-top-color: #fff;
    border-bottom-color: #fff;
    margin-right:0px;
}

.phone-menu-logo2 img{
    max-height: 70px;
}

.phone-menu-inner {
    background-color: #c2f4f3;
    box-shadow:0 8px 10px #868686;
    overflow-y:scroll;
    max-height: 100%;
}

.phone-menu-btn {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.phone-menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
}

.phone-menu-backdrop.active {
    visibility: visible;
    opacity: 1;
}

.phone-menu-second {
    max-height: 290px;
    overflow-y: auto;
}

.post-base-style-wrapper .item {
    margin-bottom: 30px;
}
.post-base-style-wrapper .item .caption {
    padding-top:10px;
}
.post-base-style-wrapper .item .title {
    line-height: 22px;
}
.post-base-style-wrapper .item .title a{
    color:#555;
    font-size: 16px;
}

@media (max-width: 767.98px){
    .fix-md-height {
        width: 100%;
        height: 82px;
    }
    .post-related-section {
        margin-top:15px;
        margin-bottom:25px;
    }
}

.author-list-desc {
    color: #808080;
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
    padding:15px;
    display: none;
}

.author-desc-btn {
    display: block;
    width: 40px;
    height: 30px;
    position: absolute;
    left:50%;
    bottom: -14px;
    margin-left:-10px;
    background-image: url("../images/down-icon.png");
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
}

.t-05s {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.rotate-180 {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}

@media(min-width: 768px) {
    .author-desc-btn {
        display: none;
    }
}

.special-list .special-listBox:first-child {
    padding-top:0;
}



.slideshow-module-wrapper{position:relative;margin:0 0 34px 0;}
@media(min-width: 768px) {
    .slideshow-module-wrapper{position:relative;margin:30px 10px 15px 0; }
}


.slideshow-module-wrapper .slide-gallery{
    width: 100%;
}

.slideshow-module-wrapper .slide-gallery{
    width: 100%;
}
.slideshow-module-wrapper .slide-thumbs-wrapper{
    display: none;
}

@media(min-width: 768px){
    .slideshow-module-wrapper:before{
        content:"";
        width: 100%;
        height:100%;
        background: #c6c6c6;
        box-shadow: 0px 3px 25px #666;
        position:absolute;
        top:10px;
        left: 10px;
        z-index: -1;
    }
    .slideshow-module-wrapper .slideshow-content{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .slideshow-module-wrapper .slideshow-inner{
        background-image: linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
        background-image: -webkit-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
        background-image: -moz-linear-gradient(to right,#6bdbda, #7bfad4,#c8fcfb);
    }
    .slideshow-module-wrapper .slideshow-inner{padding: 15px;}
    .slideshow-module-wrapper .slideshow-content{overflow: hidden;}
    .slideshow-module-wrapper .slide-gallery{width: 75.35%;}
    .slideshow-module-wrapper .slide-gallery img{width: 100%;}
    .slideshow-module-wrapper .slide-thumbs-wrapper{
        display: block;
        width: 24.65%;
    }
    .slideshow-module-wrapper .slide-thumbs{
        overflow: visible;
    }
}

.slideshow-module-wrapper .swiper-pagination {
    height: 28px;
    line-height: 28px;
    bottom: -27px;
    background-color: #80dad0;
    width: 100%;
}

@media(min-width: 768px) {
    .slideshow-module-wrapper .swiper-container {
        height: 288px;
    }
    .slideshow-module-wrapper .swiper-pagination {
        display: none;
    }
}
@media(min-width: 992px) {
    .slideshow-module-wrapper .swiper-container {
        height: 355px;
    }
}
@media(min-width: 1200px) {
    .slideshow-module-wrapper .swiper-container {
        height: 398px;
    }
}

.slideshow-module-wrapper .swiper-slide {
/*    text-align: center;
    font-size: 18px;
    background: #fff;

    !* Center slide text vertically *!
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
}


.slideshow-module-wrapper .slide-thumbs .item-inner:before{
    content:"";
    width: 18px;
    height:13px;
    background: url(../images/l-top-01.png) center no-repeat;
    background-size:cover;
    position:absolute;
    top:5px;
    left:1px;
    z-index: 1;
}
.slideshow-module-wrapper .slide-thumbs .item-inner:after {
    content: "";
    width: 18px;
    height: 13px;
    background: url(../images/r-top-01.png) center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 5px;
    right: 1px;
    z-index: 1;
}

.slideshow-module-wrapper .slide-thumbs img {
    position: relative;
    z-index: 999;
}

.slideshow-module-wrapper .swiper-pagination-bullet {
    display: inline-block;
    width: 15px;
    height: 14px;
    background: url(../images/nums-bg.png) center no-repeat;
    background-size: 12px;
    margin-left:4px;
    margin-right:4px;
    margin-top:7px;
    opacity: 1;
}
.slideshow-module-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: url(../images/dots-bg.png) center no-repeat;
    background-size: 12px;
}
@media(min-width: 768px){
    .slideshow-module-wrapper .slide-thumbs .item-inner{
        padding:11px 20px;
        background-color: #39dcdd;
        opacity: .8;
    }
    .slideshow-module-wrapper .slide-thumbs .swiper-slide-active .item-inner{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        z-index: 9999;
        position:relative;
        right: 20px;
        box-shadow: 2px 8px 7px #888;
        opacity: 1;
    }

    .slideshow-module-wrapper .slide-thumbs .swiper-slide-active {
        /*display: none;*/
    }
}

.post-grid-style-wrapper .li-right, .post-grid-style-wrapper .index-news-list-top-text {
    margin-top:2px;
}

.post-base-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items:stretch;
}
.post-base-item .caption {
    position: relative;
}

.post-base-item .image {
    width: 47%;
}
.post-base-item .caption {
    width: 53%;
}

.post-base-item .caption .li-right-bottom {
    line-height: 22px;
}

@media(min-width: 992px) {
    .post-base-item .image {
        width: 50%;
    }
    .post-base-item .caption {
        width: 50%;
    }
}

@media(min-width: 1200px) {
    .post-base-item .image {
        width: 358px;
    }
    .post-base-item .caption {
        width: 342px;
    }
}

.post-base-item .bottom {
    position: absolute;
    width: 100%;
    left:0;
    bottom: 0;
}

.post-grid-style-wrapper .index-news-list-bottom .li-right-bottom {
    height:22px;
}

.special-list .list-right-tit a {
    color: #80dad0;
}

@media(min-width: 968px) {
    .bg-p-tb {
        padding-top:50px;
        padding-bottom:50px;
    }
}

.contact-enquiry-wrapper {
    background-color: #c9fcfb;
    padding:1.5rem 5%;
    border-radius: 1rem;
}

.contact-enquiry-wrapper .form-group {
    margin-bottom: 1.725rem;
}
.contact-enquiry-wrapper textarea.form-control {
    height: 160px;
}

input::-webkit-input-placeholder {
    color: #b3b3b3;
}
input::-moz-input-placeholder {
    color: #b3b3b3;
}
input::-ms-input-placeholder {
    color: #b3b3b3;
}

.contact-enquiry-wrapper option {
    color: #b3b3b3;
}

.contact-enquiry-wrapper .btn {
    padding-top:.6rem;
    padding-bottom:.625rem;
}

.success-wrapper .inner {
    text-align: center;
    font-size:16px;
    padding-top:1.375rem;
    padding-bottom:1.375rem;
}

.contact-enquiry-wrapper legend img {
    max-height: 30px;
    margin-right:10px;
}
.contact-enquiry-wrapper legend {
    margin-bottom: 1rem;
    font-size:1.075rem;
    font-weight: normal;
    color:#80dad0;
}

.about-wrapper {
    font-size:14px;
    color:#80dad0;
    letter-spacing: 1px;
    padding:20px 0 20px;
    line-height: 30px;
}

.contact-desc {
    font-size:14px;
    color:#80dad0;
    text-align: center;
    letter-spacing: 1px;
    line-height: 32px;
}
@media(min-width: 768px) {
    .about-wrapper {
        font-size:18px;
        padding:20px 10px 50px;
        line-height: 36px;
    }
    .contact-desc {
        text-align: left;
        font-size:18px;
    }
    .contact-social img:first-child {
        margin-right:30px;
    }
    .contact-enquiry-wrapper legend {
        font-size:1.375rem;
    }
}

.post-author-wrapper .image {
    border-radius: 100%;
}
.special-list-tabs-con .index-line-max{
    margin-top:5px;
}

.mCSB_scrollTools {
}

.mCSB_scrollTools:after {
    content: '';
    position: absolute;
    width: 4px;
    height:230px;
    background-color: #c8fcfb;
    right:6px;
    top:0;
    border-radius: 2px;
}
.mCSB_draggerRail {
    display: none;
}

.post-list-wrapper .group-item {
    margin-top:30px;
}
@media(min-width: 768px) {
    .post-list-wrapper .group-item {
        margin-top: 60px;
    }

    .post-list-wrapper .group-item:first-child {
        margin-top: 0;
    }
}

.has-facebook-plugin-mb .facebook-page-wrapper{
    margin-bottom: 18px;
}


.post-grid-style-wrapper .inner-news-gird .index-news-list-top-text:hover { background: #fffd55; }
.like-follow-wrapper a:hover {
    -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;
}

.post-tags-inner {
    padding-top:25px;
    padding-bottom:18px;
}
.get-wrapper .image {
    overflow: hidden;
}

.get-wrapper .image img {
    transition: 0.5s ease-in-out;
}
.get-wrapper .image img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.column-right .fixed-cr-item {
    position: fixed;
    top:70px;
}

/*@media(min-width: 768px) {*/
    .white-bg-style {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 4px 8px 8px #999;
    }
    .white-bg-wrapper {
        padding: 15px 25px;
    }
    .bg-style {
        background: url('../images/form-bg.png') repeat left top;
    }
/*}*/

@media(max-width: 767.99px) {
    .white-bg-wrapper {
        padding: 15px 5%;
    }
}

.tab-title-wrapper .inner-news-tabs-icon {
    max-width: 40px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 1)!important;
}

.tag-module-wrapper .index-tags-text, .post-tags-section .product-list-left{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items:center;
    align-content:center;
}


.swiper-container-horizontal&gt;.swiper-scrollbar {
    height: 4px;
    bottom: 1px;
}
.swiper-scrollbar-drag {
    background: rgba(255,255,255,.5);
}

.mobile-main-menu-wrapper {
    background-color: #c9fcfb;
    margin-top: 5px;
    margin-bottom: -5px;
    height: 0;
    line-height: 40px;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    transition-property: all;
    transition-duration: .2s;
}
.mobile-main-menu-wrapper.open {
    height: 40px;
}
@media(min-width: 768px) and (max-width: 991.99px) {
    .mobile-main-menu-wrapper {
        margin-top: 25px;
        margin-bottom: -25px;
    }
}
.mobile-main-menu {
    width: 100%;
    height:100%;
    text-align: center;
    overflow-x: auto!important;
}

.mobile-main-menu a {
    color:#6bdbda;
}

.phone-menu-login {
    background-color: #81dbd1;
    text-align: center;
    font-size:16px;
    padding-bottom: 15px;
    margin-top: -5px;
}
.phone-menu-login a {
    color:#fff;
}
#back-to-top.has-bottom-ad {
    bottom:18%;
}

@media(max-width: 767.99px) {
    .facebook-video-module .swiper-button-prev {
        width: 30px;
        height: 30px;
        background: url(../images/arrow-left.png) 8px no-repeat;
        background-size: 10px;
        background-color: rgba(255, 255, 255, 0.7);
        top: 50%;
        left:8px;
        margin-top: -12px;
        border-radius: 100%;
    }
    .facebook-video-module .swiper-button-next {
        width: 30px;
        height: 30px;
        background: url(../images/arrow-right.png) 11px no-repeat;
        background-size: 10px;
        background-color: rgba(255, 255, 255, 0.7);
        top: 50%;
        right: 8px;
        margin-top: -12px;
        border-radius: 100%;
    }

    .facebook-video-module .swiper-slide, .facebook-video-module .swiper-slide-active{
        /*-webkit-transform: scale(1.15);
        transform: scale(1.15);*/
        z-index: 999;
        box-shadow: 1px 5px #666;
        box-shadow: 0 2px 6px rgb(0 0 0 / 60%);
    }

    .facebook-video-module .swiper-slide{
        max-height:calc(50vw - 58px);
        overflow:hidden;
    }
}


@media(min-width: 768px) {
    .facebook-video-module .swiper-button-prev {
        height:100%;
        background-size: 25px;
        top: 10%;
    }
    .facebook-video-module .swiper-button-next {
        height:100%;
        background-size: 25px;
        top: 10%;
    }
}


.post-tags-section .product-list-left{
    padding-left:0;
}


.most-concern-item {
    position: relative;
}

.most-concern-item .image{
    position: absolute;
    left:10%;
    bottom:70px;
    width: 80%;
    border:3px solid #80dad0;
    border-radius: 16px;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    filter: alpha(opacity=0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 9999999;
    box-shadow: 0 0 10px #999;
}

.most-concern-item.arrow-in-top .image{
    bottom:auto;
    top:92%;
}


.most-concern-item:hover .image{/* display: block; */
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto;
}
.most-concern-item .mci-inner {
    position: relative;
}
.most-concern-item.arrow-in-top .mci-inner:before {
    content:'';
    position: absolute;
    left:50%;
    top:-12px;
    margin-left:-10px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 10px solid #80dad0;
}
.most-concern-item.arrow-in-bottom .mci-inner:before {
    content:'';
    position: absolute;
    left:50%;
    bottom:-12px;
    margin-left:-10px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 10px solid #80dad0;
}
.most-concern-item .image img {
    border-radius: 14px;
}

.post-share-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-top: -44px;
    margin-bottom: 10px;
}

.post-share-wrapper .share-item{
    height: 30px;
    line-height: 32px;
    width: 30px;
    text-align: center;
    background-color: #1877f2;
    border-radius: 100%;
    color:#fff;
    font-size:18px;
    margin-left: 5px;
}
.post-share-wrapper .share-item.item-whatsapp{
    background-color: #47b449;
    line-height: 30px;
}
.post-share-wrapper .share-item.item-copy{
    background-color: #999;
    font-size:16px;
}

@media(min-width: 768px) {
    .ad-mb-1 {
        margin-bottom:18px;
    }
    .column-right .cr-item:last-child .index-right-img{
        margin-bottom: 0;
    }

    .post-share-wrapper .share-item{
        margin-left: 10px;
    }
}

.column-right.absolute-inner{
    position: relative;
}
.column-right.absolute-inner .column-right-inner {
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
}

figcaption {
    margin-top: 10px;
    border-left: 4px solid #80dad0;
    padding-left: 10px;
    color:#808080;
    padding-top:2px;
    font-size:16px;
}

@media(max-width: 767.99px) {
    .fix-share-icon-wrapper {
        padding-left:20px;
    }
}

.home-top-banner-wrapper {
    max-width: 76.8%;
}

.ad-carousel-wrapper .carousel-pagination {
    bottom:-4px;
}

.ad-carousel-wrapper .swiper-pagination-bullet {
    opacity: 1;
    background-color: rgba(255, 255, 255, .9);
}
.ad-carousel-wrapper .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #80dad0;
}
.ad-carousel-wrapper .swiper-button-next, .ad-carousel-wrapper .swiper-button-prev{
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
    margin-top:-18px;
}
.ad-carousel-wrapper .swiper-button-next:after, .ad-carousel-wrapper .swiper-button-prev:after{
    color: #80dad0;
    font-size:24px;
}

.index-minbanner-img .swiper-slide {
    overflow: hidden;
}

/** end by elson start **/
/****** notice-popup start ****/
#notice-popup .notice-item:first-child{
    padding: 20px;
    /*background: #fff;*/
}
.notice-popup-content {
    width: 100%;
    max-width: 720px;
    /*background-color: #fff;*/
    margin:0 auto;
    position: relative;
    overflow-y: auto;
    max-height: 86vh;
    min-height: 360px;
    /*padding:20px;*/
}
.notice-popup-content img {
    max-width: 100%!important;
    max-height: 100%!important;
}

.notice-popup-content .title {
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    color:#fff;
    font-size:18px;
    text-align: center;
}

.notice-popup-content .title a {
    color:#fff;
}
.mfp-close-btn-in .mfp-close {
    color:#fff!important;
    right: -15px;
    top:-10px;
}
/*@media (min-width: 768px) {
    .mfp-close-btn-in .mfp-close {
        color:#111!important;
    }
}*/

.mfp-container {
    position: fixed!important;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.5;
}
/****** notice-popup end ****/
/**** cookies policy start ****/
.cookie-policy-wrapper {
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    right:0;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    color:#fff;
}
@media (min-width: 768px) {
    .cookie-policy-wrapper {
        width: 20%;
    }
}
.cookie-policy-wrapper a {
    color:#fff;
    text-decoration: underline;
}
.cookie-policy-wrapper a:hover {
    color:#f50589;
    text-decoration: underline;
}
/**** cookies policy end ****/
/* add by 亮 */
.hot-search-btn{
    background: #80dad0;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
}
.hot-tag-detail{
    background: #c9fcfb;
    border: 2px solid #6bdbda;
    border-radius: 10px;
}
#input-header-keyword {
    border-radius: 8px;
}
#input-phone-header-keyword{
    padding-right: 40px;
    border-radius: 20px;
}
.search-btn img{
    width: 20px;
    height: 20px;
}
.search-btn{
    background: #6bdbda;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .hot-tag-title{
        width: 115px;
    }
}
.swiper-slide .item-inner &gt; img{
    display: none;
}





.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

@media(min-width: 768px){
    .header-top {padding: 5px 0 10px;}
}

@media(min-width: 768px){
    .header-top-icon {
        top:15px;
    }
}

@media(min-width:1200px){
    .header-top-icon {
        top:25px;
    }
}

.phone-menu {
    height: auto;
    width: 85%;
    padding-right:0;
}
</pre></body></html>