.clearfix:before, .clearfix:after {
    content: " ";
    display:  block;
	 clear:  both;

}
a{
  transition: all 0.3s ease 0s !important;
  -webkit-transition: all 0.3s ease 0s !important;
	text-decoration:none !important;
  cursor:pointer;
}
a:hover{
  transition: all 0.3s ease 0s !important;
  -webkit-transition: all 0.3s ease 0s !important;
  text-decoration:none !important;
  cursor:pointer;
}
a:focus{
outline:none !important;
}
.nopad{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html,body {margin: 0; padding: 0;  max-width: 100%; height:100%; font-family: 'Prompt', sans-serif; display:block; background:#FFF;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal !important;}
ul{ list-style:none; padding:0; margin:0;}
li{ list-style:none; padding:0; margin:0;}
.fr{ float: right !important;}
.fl{ float: left !important;}
p{ padding:0; margin:0;}
.img-100{width:100%;}
.img-auto{width:auto;}
.no-pad{ padding:0 !important;}
.no-mar{margin:0 !important; }
.no-mar-b{ margin-bottom:0 !important;}
.no-border-b{ border-bottom:0 !important;}
.no-border-t{ border-top:0 !important;}
.no-border{border:0 !important;}
.m-auto{ margin:auto !important;}
.space{ display:block;}
.text-center{ text-align:center !important;}
.text-left{ text-align:left !important;}
.text-right{ text-align:right !important;}
.float-none{float:none !important;}
.p-desktop{display:block;}
.p-mobile{display:none;}
.relative{ position:relative;}
.absolute{ position:absolute !important;}
.prompt-b{font-weight:700 !important; font-family: 'Prompt', sans-serif;}
.prompt-sb{font-weight:600 !important; font-family: 'Prompt', sans-serif;}
.prompt-r{font-weight:400 !important; font-family: 'Prompt', sans-serif;}
.prompt-l{font-weight:200 !important; font-family: 'Prompt', sans-serif;}
.t-blue{color:#00ACD9 !important;}
.t-gray{color:#727678 !important; }
.bg-white{background:#FFF !important;}
.bg-gray{background:#EAF0F2 !important;}
.bg-g3{background:#333 !important;}
.bg-g5{background:#555 !important;}
.bg-f4{background:#F4F4F4 !important;}

.f-desktop{ width:100%; display:block;}
.f-mobile{ width:100%; display:none;}

.mm-desktop{ display:inline-block !important;}
.mm-mobile{display:none !important;}

.m-warp{width:100%; margin:auto; display:block;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
z-index:600;
}
.warp{width:100%; margin:auto; background:#FFF; display:block;}

.main{ width:1700px; margin:auto; display:block;}
.main2{ width:1400px; margin:auto; display:block;}
.main3{ width:1122px; margin:auto; display:block;}

.landingpage{width:600px; height:570px; display:block; position:absolute; margin:-285px 0 0 -300px; left:50%; top:50%; }
.landingpage img{width:100%;}

input::-moz-placeholder{color:#92999F; opacity:1}
input:-ms-input-placeholder{color:#92999F;}
input::-webkit-input-placeholder{color:#92999F;}

header{ width:100%; margin:0; padding:0; text-align:center; display:inline-block !important;}
header .top{width:100%; display:inline-block;}
header .top .tel{width:auto; line-height:32px; margin:9px 0; padding:0 0 0 33px; color:#727678; font-size:17px; position:relative; display:inline-block; float:left;}
header .top .tel::before{content:"\f095"; position:absolute; left:0; top:3px; width:33px; height:33px; line-height:33px; color:#00AEDB; font-size:25px;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
header .top .tel a{color:#727678; font-size:17px;}
header .top .tel a:hover{color:#727678;}
header .top .lang{width:auto;display:inline-block; float:right;}
header .top .lang a{width:50px; line-height:50px; text-align:center; color:#92999F; font-size:17px; background:#D3E0E4; display:inline-block; float:left;}
header .top .lang a:hover, header .top .lang a.active{color:#FFF; background:#00AEDB; }
header .top .search{width:auto; height:40px; line-height:40px; padding:0; margin:5px 30px; background:#FFF; display:inline-block; float:right;}
header .top .search input[type="text"] {width:78px; height:40px; line-height:40px; padding:0 14px; margin:0; color:#92999F; font-size:15px;
background:#FFF; display:inline-block; float:left;
border:0px;
}
header .top .search input[type="submit"] {width:38px; height:40px; line-height:40px; padding:0; margin:0; color:#00AEDB; font-size:23px;
text-align:center; background:transparent; display:inline-block;
border: 0px; float:left;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}
header .top .search input[type="submit"]:hover{color:#00AEDB;}
header .top .search input[type="button"] {width:38px; height:40px; line-height:40px; padding:0; margin:0; color:#00AEDB; font-size:23px;
text-align:center; background:transparent; display:inline-block;
border: 0px; float:left;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}
header .top .search input[type="button"]:hover{color:#00AEDB;}
header .top .search input::-moz-placeholder{color:#92999F; opacity:1}
header .top .search input:-ms-input-placeholder{color:#92999F;}
header .top .search input::-webkit-input-placeholder{color:#92999F;}

header .top .prove{width:auto; line-height:32px; margin:9px 0; padding:0 10px 0 38px; border-radius:4px; color:#FFF;
background:#D80100; position:relative; display:inline-block; float:right;}
header .top .prove::before{content:"\f040"; width:38px; height:32px; color:#FFF; display:inline-block; position:absolute; left:0; top:0;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
header .frame{width:100%; padding:20px 0; display:inline-block;}
header .frame .logo{width:auto; padding:0 90px 0 0; display:inline-block; float:left;}
header .frame .sub-logo{width:auto; padding:20px 0 0 0; display:inline-block; float:left;}
header .frame .sub-logo img{margin:0 10px; }
header .frame nav{width:auto; margin:31px 40px 0 0; display:inline-block; float:right; }
header .frame nav .mm{width:auto; padding:0; display:inline-block; float:left;}
header .frame nav .mm a{width:auto; padding:5px 20px; line-height:30px; color:#727678; font-size:20px; display:inline-block; position:relative;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header .frame nav .mm a p{width:100%; line-height:30px; color:#727678; font-size:20px; display:inline-block; position:relative;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header .frame nav .mm a p i{width:100%; height:1px; background:rgba(0,173,218,0); display:inline-block; position:absolute; bottom:2px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header .frame nav .mm a.active p, header .frame nav .mm a:hover p{color:#00AEDB;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header .frame nav .mm a.active p i, header .frame nav .mm a:hover p i{background:rgba(0,173,218,1);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header .frame nav .mm.dropdown.open{background:#00AEDB; border-radius:4px;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
}
header .frame nav .mm.dropdown.open a p{ color:#FFF;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header .frame nav .mm .dropdown-menu{margin:0; padding:4px 0; border:0; background:#00AEDB;
  border-radius: 0px 4px 4px 4px;
  -moz-border-radius: 0px 4px 4px 4px;
  -webkit-border-radius: 0px 4px 4px 4px;
}
header .frame nav .mm .dropdown-menu li{width:100%; display:inline-block;}
header .frame nav .mm .dropdown-menu li a{width:100%; line-height:30px; color:#FFF; background:#00AEDB; font-size:18px; border-bottom:1px solid rgba(255,255,255,0);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
header .frame nav .mm .dropdown-menu li a:hover{border-bottom:1px solid rgba(255,255,255,0.5);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
/* header nav ul{width:auto; margin:31px 40px 0 0; display:inline-block; float:right; }
header nav li{width:auto; padding:5px 20px; display:inline-block; float:left;}
header nav li a{width:auto; line-height:30px; color:#727678; font-size:20px; display:inline-block; position:relative;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header nav li a i{width:100%; height:1px; background:rgba(0,173,218,0); display:inline-block; position:absolute; bottom:2px; left:0;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header nav li a.active, header nav li a:hover{color:#00AEDB;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
header nav li a.active i, header nav li a:hover i{background:rgba(0,173,218,1);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
} */
header .frame .vat{width:auto; padding:0; border:1px solid #CCC; display:inline-block; float:right;}

main{width:100%; padding:0; display:inline-block;}

.h-banner{width:100%; padding:0; display:block; position:relative; }
.h-banner img{width:100%; }
.h-banner .lSAction > a{width:30px; height:30px; line-height:30px; color:#00AEDB; text-align:center; border:4px solid #00AEDB; border-radius:30px; background:transparent;
top:50%; margin-top:-15px;
}
.h-banner .lSAction > .lSPrev{left:35px; }
.h-banner .lSAction > .lSPrev::before{content:"\f053"; width:30px; height:30px; line-height:30px; position:absolute; font-size:15px; left:-5px; top:-4px;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.h-banner .lSAction > .lSNext{right:35px;}
.h-banner .lSAction > .lSNext::before{content:"\f054"; width:30px; height:30px; line-height:30px; position:absolute; font-size:15px; left:-3px; top:-4px;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}

.h-other{ width:100%; margin:auto; padding:40px 0 68px 0; background:#EAF0F2; display:inline-block; }
.h-other.knowledge{padding:70px 0; text-align:center;}
.h-other .btu{ line-height:20px; margin:30px 0 0 0; padding:0 0 0 34px; color:#727678; font-size:17px; display:inline-block; position:relative;}
.h-other .btu i{width:20px; height:20px; line-height:18px; color:#00AEDB; font-size:12px; text-indent:2px; text-align:center; border:2px solid #00AEDB;
border-radius:20px; position:absolute; left:0; top:0; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}
.h-other .m-frame{width:100%; display:inline-block;}
.h-other article{text-align:left; display:inline-block;}
.h-other article .bg{width:100%; background:#FFF; }
.h-other article ul{padding:0; margin:0; display:inline-block;}
.h-other article ul li{padding:0; margin:0;}
.h-other article h3{ line-height:54px; margin:0; padding:0 20px; color:#92999F; font-size:20px; display:inline-block; }
.h-other article .pic{ width:100%; display:inline-block;}
.h-other article .pic img{ width:100%;}
/*.h-all article .clip{ width:100%; height:250px; display:block;}*/
.h-other article .clip{ width:100%; display:inline-block; position:relative;}
.h-other article .clip img{width:100%; }
.h-other article .clip iframe{ width:100%; display:inline-block;}
.h-other article .content{ width:100%; padding:24px 20px; display:inline-block;}
.h-other article h4{ width:100%; height:40px; line-height:20px; margin:0 0 12px 0; padding:0; color:#727678; font-size:17px;
display:inline-block; overflow:hidden; display:block;}
.h-other article p{ width:100%; height:40px; line-height:20px; margin:0; padding:0; color:#727678; font-size:17px;
overflow:hidden; display:inline-block;}
.h-other article .bottom{ width:100%; padding:15px 20px; border-top:1px #EAF0F2 solid; display:inline-block;}
.h-other article .bottom a{width:auto; line-height:20px; padding:0 0 0 34px; margin:0; color:#727678; font-size:17px; display:inline-block; position:relative;}
.h-other article .bottom a i{width:20px; height:20px; line-height:18px; color:#00AEDB; font-size:12px; text-indent:2px; text-align:center; border:2px solid #00AEDB;
border-radius:20px; position:absolute; left:0; top:0; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}
.h-other .lSSlideOuter .lSPager.lSpg{text-align:right; position:absolute; right:40px; }
.h-other .lSSlideOuter .lSPager.lSpg > li{cursor:pointer; display:inline-block; padding:0 5px;}
.h-other .lSSlideOuter .lSPager.lSpg > li a{background:#222222;
border-radius:30px;
display: inline-block;
height:8px;
overflow: hidden;
text-indent:-999em;
width:8px;
position:relative;
z-index:99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;}
.h-other .lSSlideOuter .lSPager.lSpg > li:hover a, .h-other .lSSlideOuter .lSPager.lSpg > li.active a
{background:#428bca;}

.h-other article .content2{ width:100%; padding:24px 20px; display:inline-block;}
.h-other article .bottom2{ width:100%; padding:15px 20px; border-top:1px #EAF0F2 solid; display:inline-block; position:relative;}
.h-other article .bottom2 a{ line-height:20px; padding:0 0 0 34px; margin:0; color:#727678; font-size:17px; display:inline-block; position:relative;}
.h-other article .bottom2 a i{width:20px; height:20px; line-height:18px; color:#00AEDB; font-size:12px; text-indent:2px; text-align:center; border:2px solid #00AEDB;
border-radius:20px; position:absolute; left:0; top:0; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}
.h-other article .bottom2 .youtube{width:auto; height:50px; line-height:20px; padding:0 20px 0 60px; color:#FFF; font-size:15px; text-align:center; background:#CF3427; display:inline-block;
  position: absolute;
  right:0; top:0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  justify-content: left;
}
.h-other article .bottom2 .youtube::before{content:"\f167"; width:54px; height:50px; line-height:50px; font-size:32px; text-align:center;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
position:absolute; left:0; top:0; display:inline-block;}

.h-other .top{width:100%; margin:10px 0 0 0; display:inline-block;}
.h-other .free{ margin:10px 0; display:inline-block;}
.h-other .free img{margin-right:24px; }
.h-other .free a{width:100%; height:80px; line-height:80px; color:#FFF; font-size:35px; text-align:center; background:#00AEDB; display:inline-block;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.h-other .free a .b-regis{height:26px; line-height:26px; padding:0 0 0 34px; margin-left:24px; font-size:17px; display:inline-block; position:relative;}
.h-other .free a .b-regis i{width:20px; height:20px; line-height:26px; color:#FFF; font-size:20px; text-indent:2px; text-align:center; border:2px solid #FFF;
border-radius:20px; position:absolute; left:0; top:4px; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}
.h-other .free a .b-regis i::before{ font-size:12px; line-height:18px;}

.h-other .hot-link{ margin:10px 0; display:inline-block;}
.h-other .hot-link a{width:100%; height:80px; border:5px solid #FFF; color:#727678; background:#D3E0E4; display:inline-block;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.h-other .hot-link a .btu-faq{width:auto; margin:0 15px; display:inline-block; padding:0 0 0 36px; position:relative;}
.h-other .hot-link a .btu-faq i{width:20px; height:20px; line-height:26px; color:#00AEDB; font-size:17px; text-align:center;
border-radius:20px; position:absolute; left:0; top:2px; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.h-other .hot-link a .btu-faq i::before{ font-size:22px; line-height:20px;}
.h-other .hot-link a .btu-faq2{width:auto; margin:0 15px; display:inline-block; padding:0 0 0 36px; position:relative;}
.h-other .hot-link a .btu-faq2 i{width:20px; height:20px; line-height:26px; color:#00AEDB; font-size:17px; text-indent:2px; text-align:center; border:2px solid #00AEDB;
border-radius:20px; position:absolute; left:0; top:0; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.h-other .hot-link a .btu-faq2 i::before{ font-size:12px; line-height:18px;}

.h-other .h-nox{width:100%; margin:10px 0 30px 0; padding:0 15px; display:inline-block;}
.h-other .h-nox a{width:100%; margin:0; padding:5px; background:#00AEDB; display:inline-block;}
.h-other .h-nox span{width:58%; height:110px; display:inline-block; background:#FFF; position:relative; float:left;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.h-other .h-nox span:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top: 55px solid transparent; border-bottom: 55px solid transparent; }
.h-other .h-nox span:before { content: ""; position: absolute; right: -30px; bottom: 0; width: 0; height: 0; border-left: 30px solid #FFF; border-top: 55px solid transparent; border-bottom: 55px solid transparent; }
.h-other .h-nox span em{width:55%; height:110px; float:left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.h-other .h-nox span p{width:45%; height:110px; padding:0 10% 0 0; line-height:26px; color:#727678; font-size:22px; float:left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  justify-content: left;
}
.h-other .h-nox h5{width:42%; height:110px; line-height:40px; margin:0; color:#FFF; font-size:35px; float:left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.h-product{width:100%; padding:17px 0 0 0; display:inline-block;}
.h-product .topic{width:100%; margin:18px 0; padding:0 0 0 116px; position:relative; display:inline-block;}
.h-product .topic.m-top{margin-top:33px; }
.h-product .topic i{width:83px; height:84px; display:inline-block; position:absolute; left:0; top:50%; margin-top:-42px;}
.h-product .topic h5{width:360px; height:84px; line-height:30px; margin:0; padding:0; color:#00AEDB; font-size:25px; display:inline-block; float:left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  justify-content: left;
}
.h-product .topic .line{width:1px; height:30px; margin:27px 50px 0 0; background:#CCC; display:inline-block; float:left;}
.h-product .topic ul.nav{padding:0; margin:27px 0 0 0; border:0; display:inline-block; float:left; }
.h-product .topic ul.nav li{ width:auto; padding:0 20px; margin:0; display:inline-block; float:left;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;}
.h-product .topic ul.nav li a{line-height:30px; margin:0; padding:0; color:#727678; font-size:20px; border-radius:0; border:0;
  display:inline-block; position:relative;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.h-product .topic ul.nav li a:hover{background:transparent; }
.h-product .topic ul.nav li a em{width:100%; height:1px; background:rgba(114,118,120,0); display:inline-block; position:absolute; bottom:0; left:0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
 }
.h-product .topic ul.nav li:hover a{ color:#00AEDB;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.h-product .topic ul.nav li:hover a em {background:rgba(0,174,219,1);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.h-product .topic ul.nav li.active a{ color:#00AEDB;}
.h-product .topic ul.nav li.active a em {background:rgba(0,174,219,1);}

.m-topic{width:100%; height:200px; display:inline-block;}
.m-topic.bg-product{background:url(../images/bg-product.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-topic.bg-sleep{background:url(../images/bg-sleep.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-topic.bg-news{background:url(../images/bg-news.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-topic.bg-about{background:url(../images/bg-about.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-topic.bg-contact{background:url(../images/bg-contact.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-topic.bg-regis{background:url(../images/bg-regis.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.product{width:100%; text-align:center; display:inline-block;}
.product ul{width:100%; margin:0; padding:0 0 35px 0; border-bottom:10px solid #D3E0E4; display:inline-block;}
.product ul li{padding:15px; text-align:left; display:inline-block; float:left;}
.product figure{width:100%; padding:17px 25px; border:1px solid #CCC; display:inline-block;}
.product figure .pic{width:100%; display:inline-block;}
.product figure .pic img{width:100%;}
.product figure .container{width:100%; margin:0; padding:0; display:inline-block; position:relative;}
.product figure .container .b-btu{width:auto; line-height:32px; padding:0 20px; color:#FFF; font-size:15px; border-radius:4px;
background:#00AEDB; display:inline-block; position:absolute; right:0; bottom:0;}
.product figure span {width:100%; margin:0; padding:0; display:inline-block;}
.product figure span h6{width:100%; height:18px; overflow:hidden; margin:0; line-height:18px; color:#727678; font-size:17px; display:inline-block;}
.product figure span p{width:100%; height:36px; margin-bottom:50px; overflow:hidden; line-height:18px; color:#727678; font-size:15px; display:inline-block;}
.product figure .price{width:auto; padding:20px 0 0 0; color:#727678; font-size:17px; display:inline-block; position:relative; float:left;}
.product figure .price s{line-height:18px; color:#FF4D4D; font-size:13px; display:inline-block; position:absolute; left:0; top:0;}
.product figure .price em{line-height:18px; padding:0 0 0 7px; color:#FF4D4D; font-size:17px; font-style:normal; display:inline-block;}
.product .btu{width:auto; margin:35px 0 15px 0; padding:0 0 0 60px; display:inline-block; position:relative;}
.product .btu em{width:auto; line-height:50px; padding:0 22px; color:#FFF; font-size:20px; border-radius:4px; font-style:normal;
background:#221F73; display:inline-block; }
.product .btu i{width:49px; height:49px; line-height:40px; color:#221F73; font-size:30px; border:5px solid #221F73; border-radius:49px; display:inline-block; position:absolute; top:0; left:0;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.product .btu i::before{padding-left:5px; }

.product-detail{width:100%; display:inline-block;}
.product-detail .info{width:100%; display:inline-block;}
.product-detail .container{width:100%; margin:50px 0; padding:0; display:inline-block;}
.product-detail .container .pic{display:inline-block; float:left;}
.product-detail .container .pic em{width:100%; padding:60px; border:1px solid #EAF0F2; font-style:normal; display:inline-block;}
.product-detail .container .pic img{width:100%; }
.product-detail .container .detail{color:#727678; font-size:20px; display:inline-block; float:left;}
.product-detail .container .detail p{width:100%; padding:0; margin:0 0 40px 0; display:inline-block;}
.product-detail .container .detail figure{width:100%; margin:0 0 5px 0; padding:30px 26px; color:#727678; background:#EAF0F2; display:inline-block;}
.product-detail .container .detail figure em{ font-style:normal;}
.product-detail .container .detail .remark{width:100%; margin:40px 0; display:inline-block;}
.product-detail .container .detail .remark i{margin:0; color:#FF4C4C; font-style:normal; display:inline-block;}
.product-detail .container .detail .remark .tel{color:#727678;}
.product-detail .container .detail .remark .tel:hover{color:#727678; }
.product-detail .container .detail .bottom{width:100%; display:inline-block;}
.product-detail .container .detail .prove{width:auto; line-height:50px; margin:0; padding:0 42px 0 56px; border-radius:4px; color:#FFF; font-size:20px;
background:#D80100; position:relative; display:inline-block; float:left;}
.product-detail .container .detail .prove::before{content:"\f040"; width:46px; height:50px; color:#FFF; font-size:20px; text-align:center; display:inline-block; position:absolute; left:10px; top:0;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.product-detail .container .detail .order{width:auto; line-height:50px; margin:0 30px 0 0; padding:0 42px; border-radius:4px; color:#FFF; font-size:20px;
background:#00AEDB; position:relative; display:inline-block; float:left;}
.product-detail .features{width:100%; margin:0; padding:40px 0 50px 0; color:#727678; border-top:10px solid #D3E0E4; border-bottom:10px solid #D3E0E4; display:inline-block;}
.product-detail .features h4{width:100%; line-height:42px; margin:0 0 35px 0; font-size:30px; text-align:center; display:inline-block;}
.product-detail .features li{display:inline-block; float:left;}
.product-detail .features li p{width:100%; padding:0 0 0 15px; line-height:24px; font-size:20px; position:relative; display:inline-block;}
.product-detail .features li p::before{content:"• "; width:15px; line-height:24px; color:#00ACD9; text-align:left; position:absolute; left:0; top:0; }
.product-detail .clip{width:100%; padding:50px 0; text-align:center; display:inline-block;}
.product-detail .clip iframe{width:90%; height:720px; }

.m-product{width:100%; padding:0; display:inline-block;}
.m-product h3{width:100%; line-height:70px; margin:40px 0 0 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.m-product h5{width:100%; line-height:42px; margin:20px 0; color:#00AEDB; font-size:30px; text-align:center; display:inline-block;}
.m-product .product ul{padding:20px 0 35px 0;}
.m-product .product ul.b-top{padding:10px 5% 35px 5%; border-top:10px solid #D3E0E4;}

.main-product{width:100%; padding:0; display:inline-block;}
.main-product h3{width:100%; line-height:70px; margin:40px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.main-product h5{width:100%; line-height:36px; padding:120px 0 0 0; margin:0 0 60px 0; color:#00ADDA; font-size:25px; text-align:center; display:inline-block; position:relative;}
.main-product h5 i{ width:83px; height:84px; display:inline-block; position:absolute; left:50%; top:0; margin-left:-42px; }
.main-product ul{width:100%; margin:0; padding:0; border-bottom:0; display:inline-block;}
.main-product ul li{width:100%; padding:15px; padding:60px 0 50px 0; border-bottom:10px solid #D3E0E4; text-align:center; display:inline-block; float:left;}
.main-product ul li figure{width:100%; text-align:center; display:inline-block;}
.main-product ul li figure span{width:19%; padding:0 2px; text-align:left; display:inline-block;}
.main-product ul li figure span p{width:100%; line-height:30px; padding:10px 0 10px 34px; margin:0; color:#727678; font-size:17px; border-bottom:1px solid #D3E0E4;
position:relative; display:inline-block; }
.main-product ul li figure span p i{width:20px; height:20px; line-height:18px; color:#00AEDB; font-size:12px; text-indent:2px; text-align:center; border:2px solid #00AEDB;
border-radius:20px; position:absolute; left:0; top:15px; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}
.main-product ul li .btu{ line-height:50px; padding:0 60px 0 30px; margin:96px 0 0 0; color:#FFF; font-size:20px; border-radius:6px; background:#00AEDB;
position:relative; display:inline-block; }
.main-product ul li .btu i{width:20px; height:20px; line-height:18px; color:#FFF; font-size:12px; text-indent:2px; text-align:center; border:2px solid #FFF;
border-radius:20px; position:absolute; right:20px; top:16px; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

.sleep{width:100%; display:inline-block;}
.sleep h3{width:100%; line-height:70px; margin:40px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.sleep [data-accordion] {margin-bottom:5px; }
.sleep [data-accordion] [data-control]{border-bottom:0;}
.sleep .content{width:100%; padding:40px 0; border-bottom:10px solid #D3E0E4; display:inline-block;}
.sleep .content .topic{width:100%; height:100px; line-height:30px; padding:0 120px; color:#727678; font-size:30px; text-align:center;
position:relative; display:inline-block;
background:#EAF0F2;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
}
.sleep .content .topic em{width:120px; height:100px; line-height:99px; font-style:normal; position:absolute; right:0; top:0; display:inline-block;}
.sleep .content .topic em::before{ content:"\f077"; width:120px; height:100px; line-height:100px; text-align:center; color:#00AEDB; font-size:20px;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
position:absolute; right:0; top:0; display:inline-block;}
.sleep .content .open .topic em::before{content:"\f078";}
.sleep .content .topic i{width:120px; height:100px; line-height:100px; font-style:normal; position:absolute; left:0; top:0; display:inline-block; }
.sleep .content .topic i::before{content:"Q"; width:120px; height:100px; line-height:100px; text-align:center; color:#00AEDB; font-size:30px;
position:absolute; left:0; top:0; display:inline-block;}
.sleep .content .detail{width:100%; line-height:22px; padding:49px 120px 49px 290px; color:#727678; font-size:17px; position:relative; display:inline-block;
border:1px solid #D3E0E4; border-bottom:9px solid #D3E0E4; background:#FFF;
}
.sleep .content .detail i{width:120px; height:100px; line-height:100px; font-style:normal; position:absolute; left:0; top:0; display:inline-block;}
.sleep .content .detail i::before{content:"A"; width:120px; height:100px; line-height:100px; text-align:center; color:#00AEDB; font-size:30px;
position:absolute; left:0; top:0; display:inline-block;}

.faqs{width:100%; display:inline-block;}
.faqs h3{width:100%; line-height:70px; margin:40px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.faqs [data-accordion] {margin-bottom:5px; }
.faqs [data-accordion] [data-control]{border-bottom:0;}
.faqs .content{width:100%; padding:40px 0; border-bottom:10px solid #D3E0E4; display:inline-block;}
.faqs .content .topic{width:100%; height:100px; line-height:30px; padding:0 120px; color:#727678; font-size:30px; text-align:center;
position:relative; display:inline-block;
background:#EAF0F2;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
}
.faqs .content .topic em{width:120px; height:100px; line-height:99px; font-style:normal; position:absolute; right:0; top:0; display:inline-block;}
.faqs .content .topic em::before{ content:"\f077"; width:120px; height:100px; line-height:100px; text-align:center; color:#00AEDB; font-size:20px;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
position:absolute; right:0; top:0; display:inline-block;}
.faqs .content .open .topic em::before{content:"\f078";}
.faqs .content .topic i{width:120px; height:100px; line-height:100px; font-style:normal; position:absolute; left:0; top:0; display:inline-block; }
.faqs .content .topic i::before{content:"Q"; width:120px; height:100px; line-height:100px; text-align:center; color:#00AEDB; font-size:30px;
position:absolute; left:0; top:0; display:inline-block;}
.faqs .content .detail{width:100%; line-height:23px; padding:40px 120px 40px 290px; color:#727678; font-size:17px; position:relative; display:inline-block;
border:1px solid #D3E0E4; border-bottom:9px solid #D3E0E4; background:#FFF;
}
.faqs .content .detail i{width:120px; height:100px; line-height:100px; font-style:normal; position:absolute; left:0; top:0; display:inline-block;}
.faqs .content .detail i::before{content:"A"; width:120px; height:100px; line-height:100px; text-align:center; color:#00AEDB; font-size:30px;
position:absolute; left:0; top:0; display:inline-block;}

.news{width:100%; text-align:center; display:inline-block; }
.news h3{width:100%; line-height:70px; margin:40px 0 75px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.news .h-other article{padding:15px; }
.news .content2{border:1px solid #D3E0E4; border-top:0; border-bottom:0; }
.news .bottom{border:1px solid #D3E0E4 !important; }
.news .btu{width:auto; margin:35px 0 15px 0; padding:0; display:inline-block; position:relative;}
.news .btu em{width:auto; line-height:50px; padding:0 30px; color:#FFF; font-size:20px; border-radius:4px; font-style:normal;
background:#221F73; display:inline-block; }

.news-detail{width:100%; text-align:center; display:inline-block; }
.news-detail h3{width:100%; line-height:70px; margin:40px 0 75px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.news-detail .container{width:100%; margin:0; padding:0 0 50px 0; border-bottom:10px solid #D3E0E4; display:inline-block;}
.news-detail .content{width:100%; padding:50px 15%; color:#727678; font-size:17px; text-align:left; display:inline-block;}
.news-detail .content.border{border:1px solid #D3E0E4; border-bottom:0; }
.news-detail .content h5{width:100%; margin-bottom:34px; display:inline-block; color:#727678; font-size:20px; font-weight:700 !important; font-family: 'Prompt', sans-serif;}
.news-detail .content h6{width:100%; margin-bottom:34px; display:inline-block; color:#727678; font-size:18px; font-weight:700 !important; font-family: 'Prompt', sans-serif;}
.news-detail .content img{max-width:100%; text-align:center;}
.news-detail .bottom{width:100%; padding:15px 15%; background:#EAF0F2; text-align:left; vertical-align:top; display:inline-block;}
.news-detail .bottom .btu{width:auto; line-height:50px; color:#FFF; font-size:20px; padding:0 30px; border-radius:6px;
vertical-align:top; background:#00AEDB; display:inline-block; float:left;}
.news-detail .bottom .share{width:auto; margin-left:15px; padding:9px 10px 4px 0; border-radius:6px; background:#FFF; display:inline-block; float:left;}
.news-detail .bottom .share label{width:auto; line-height:32px; padding:0 20px; color:#727678; font-size:17px; display:inline-block; float:left;}
.news-detail .bottom .share .social{width:auto; margin-left:15px; display:inline-block; float:left;}
.slide-news {width:100%; padding:0 17%; text-align:center; border:1px solid #D3E0E4; display:inline-block; background:#FFF; position:relative;}
.slide-news section{text-align:center;}
.slide-news li img{width:100%; }
.slide-news .p-prev{width:60px; height:60px; background:url(../images/arrow-left-green.png) no-repeat;
position:absolute; left:45px; top:42%; margin-top:-30px; cursor:pointer;}
.slide-news .p-next{width:60px; height:60px; background:url(../images/arrow-right-green.png) no-repeat;
position:absolute; right:45px; top:42%; margin-top:-30px; cursor:pointer;}
.slide-news .lSSlideOuter{text-align:center;}
.slide-news .lSSlideOuter .lSPager.lSGallery{margin-bottom:6px; }
.slide-news .lSSlideOuter .lSPager.lSGallery li{border-bottom:10px solid rgba(0,117,219,0);}
.slide-news .lSSlideOuter .lSPager.lSGallery li img{opacity:0.5;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.slide-news .lSSlideOuter .lSPager.lSGallery li.active, .slide-news .lSSlideOuter .lSPager.lSGallery li:hover
{ border-bottom:10px solid rgba(0,117,219,1);
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.slide-news .lSSlideOuter .lSPager.lSGallery li.active img, .slide-news .lSSlideOuter .lSPager.lSGallery li:hover img
{opacity:1;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}

.channel{width:100%; text-align:center; display:inline-block; }
.channel h3{width:100%; line-height:70px; margin:40px 0 65px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.channel .container{width:100%; margin:0; padding:0 0 100px 0; border-bottom:10px solid #D3E0E4; display:inline-block;}
.channel .container .clip{width:1200px; margin-bottom:100px; text-align:center; display:inline-block;}
#myyoutube img{width:100%; }
.channel .container .clip .ml-slide{width:100%; padding:18px 0 0 0; background:#D3E0E4; display:inline-block;}
.channel .container .clip .ml-slide li{font-size:17px; padding:7px; padding-bottom:0; background:rgba(255,255,255,0);
border-bottom:7px solid rgba(0,174,219,0);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.channel .container .clip .ml-slide li p{
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.channel .container .clip .ml-slide li:hover{border-bottom:7px solid rgba(0,174,219,1); background:rgba(255,255,255,1);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.channel .container .clip .ml-slide li:hover p{
  color:#727678;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
/* .vdo .ml-slide li.active{
border-bottom:4px solid rgba(237,29,37,1); background:#333;
}
.vdo .ml-slide li.active .description2{
color:#FFF;
} */
.channel .container .clip .slides{width:1200px; margin:auto; padding:0 5%; position:relative;}

.channel .container .clip .p-prev{width:22px; height:22px; line-height:20px; color:#00AEDB; text-align:center; border:2px solid #00AEDB; border-radius:20px; background:transparent;
position:absolute; top:50%; left:20px; margin-top:-15px; cursor:pointer;}
.channel .container .clip .p-prev::before{content:"\f053"; width:22px; height:22px; line-height:20px; position:absolute; font-size:11px; left:-2px; top:-1px;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.channel .container .clip .p-next{width:22px; height:22px; line-height:22px; color:#00AEDB; text-align:center; border:2px solid #00AEDB; border-radius:20px; background:transparent;
position:absolute; top:50%; right:20px; margin-top:-15px; cursor:pointer;}
.channel .container .clip .p-next::after{content:"\f054"; width:22px; height:22px; line-height:22px; position:absolute; font-size:11px; left:-1px; top:-2px;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.channel .container .youtube{width:auto; height:50px; line-height:50px; padding:0 40px 0 70px; color:#FFF; font-size:15px; text-align:center;
background:#CF3427; display:inline-block; position:relative;
}
.channel .container .youtube::before{content:"\f167"; width:54px; height:50px; line-height:50px; font-size:32px; text-align:center;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
position:absolute; left:0; top:0; display:inline-block;}

.about{width:100%; display:inline-block;}
.about h2{width:100%; line-height:60px; margin:28px 0; color:#727678; font-size:45px; font-style:italic; text-align:center; display:inline-block;}
.about h3{width:100%; line-height:70px; margin:40px 0 65px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.about h5{width:100%; line-height:40px; margin:0; color:#727678; font-size:30px; text-align:center; display:inline-block;}
.about span{width:100%; line-height:24px; margin-bottom:85px; color:#727678; font-size:17px; text-align:center; display:inline-block;}
.about span font{color:#00ACD9; }
.about p{width:100%; padding:34px 0 0 0; color:#727678; font-size:20px; display:inline-block;}
.about .pic{width:100%; display:inline-block;}
.about .pic img{width:100%; }
.about article{width:100%; padding:42px 0 60px 0; border-bottom:10px solid #D3E0E4; display:inline-block;}
.about article.bottom{padding-bottom:120px; }
.about article h5{margin-bottom:36px; }
.about article li{width:100%; padding:0 0 0 15px; line-height:24px; color:#727678; font-size:20px; position:relative; display:inline-block;}
.about article li::before{content:"• "; width:15px; line-height:24px; color:#00ACD9; text-align:left; position:absolute; left:0; top:0; }
.about article p{width:100%; padding:0; color:#727678; font-size:20px; text-align:center; display:inline-block;}

.contact{width:100%; display:inline-block;}
.contact h2{width:100%; line-height:60px; margin:0 0 40px 0; color:#727678; font-size:45px; text-align:center; display:inline-block;}
.contact h3{width:100%; line-height:70px; margin:40px 0 65px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.contact .tel{width:100%; line-height:60px; margin:0; color:#727678; font-size:45px; text-align:center; display:inline-block;}
.contact .tel a{color:#727678;}
.contact .tel a:hover{color:#727678;}
.contact .mail{width:100%; line-height:40px; margin:40px 0 0 0; color:#727678; font-size:30px; text-align:center; display:inline-block;}
.contact .mail a{color:#00ADDA;}
.contact .mail a:hover{color:#00ADDA;}
.contact form{width:100%; margin:100px 0 25px 0; padding:30px 8%; text-align:center; border:1px solid #CCC; display:inline-block;}
.contact form h5{width:100%; line-height:40px; margin:10px 0 20px 0; color:#727678; font-size:30px; text-align:center; display:inline-block;}
.contact form fieldset{padding:15px; text-align:center; display:inline-block;}
.contact form input[type="text"]{width:100%; height:48px; border:1px solid #CCC; line-height:48px; margin:0; padding:0 20px; font-size:20px;
color:#727678; background:#FFF; display:inline-block;}
.contact form textarea{width:100%; height:150px; margin:0; padding:11px 20px; line-height:24px; font-size:20px; color:#727678;
border:1px solid #CCC; resize:none; background:#FFF;}
.contact form input[type="submit"] {width:300px; height:50px; line-height:50px; padding:0; margin:15px 0; border:0; border-radius:6px;
color:#FFF; font-size:20px; text-align:center;
background:#00AEDB; display:inline-block;
}
.contact form input[type="button"] {width:300px; height:50px; line-height:50px; padding:0; margin:15px 0; color:#FFF; font-size:20px;
background:#00AEDB; display:inline-block;
border: 0px;
}
.contact form .gg-captcha{width:300px; margin:15px 0; text-align:center; display:inline-block;}
.contact .map{width:100%; margin:25px 0; padding:0; text-align:center; display:inline-block;}
.contact .map iframe{width:100%; height:500px; display:inline-block;}
.contact .address{width:100%; margin:0; padding:25px 25% 100px 25%; border-bottom:10px solid #D3E0E4; text-align:center; display:inline-block;}
.contact .address h2{margin:0; }
.contact .address p{width:100%; line-height:38px; margin:42px 0; color:#727678; font-size:30px; }
.contact .address font{color:#00ADDA; }

.regis{width:100%; display:inline-block;}
.regis h2{width:100%; line-height:60px; margin:0 0 40px 0; color:#727678; font-size:45px; text-align:center; display:inline-block;}
.regis h3{width:100%; line-height:70px; margin:40px 0 65px 0; color:#00ADDA; font-size:45px; text-align:center; display:inline-block;}
.regis h5{width:100%; line-height:40px; margin:10px 0 0 0; color:#727678; font-size:30px; text-align:center; display:inline-block;}
.regis section{width:100%; margin:25px 0; padding:30px 8%; text-align:center; border:1px solid #CCC; display:inline-block;}
.regis section h5{margin:10px 0 20px 0; }
.regis section h5.margin{margin:20px 0;}
.regis section.no-border{border:0; }
.regis form fieldset{line-height:50px; padding:15px; color:#727678; font-size:14px; text-align:center; display:inline-block; position:relative;}
.regis form fieldset.star::after{content:"* "; width:20px; height:48px; color:#FF4C4C; font-size:20px; display:block; position:absolute; right:20px; top:15px;}
.regis form .remark::before{content:"* "; color:#FF4C4C; font-size:20px; }
.regis form input[type="text"],[type="number"]{width:100%; height:48px; border:1px solid #CCC; line-height:48px; margin:0; padding:0 20px; font-size:20px;
color:#727678; background:#FFF; display:inline-block;}
.regis form textarea{width:100%; height:150px; margin:0; padding:11px 20px; line-height:24px; font-size:20px; color:#727678;
border:1px solid #CCC; resize:none; background:#FFF;}
.regis form input[type="submit"] {width:300px; height:50px; line-height:50px; padding:0; margin:15px 0; border:0; border-radius:6px;
color:#FFF; font-size:20px; text-align:center;
background:#00AEDB; display:inline-block;
}
.regis form input[type="button"] {width:300px; height:50px; line-height:50px; padding:0; margin:15px 0; color:#FFF; font-size:20px;
background:#00AEDB; display:inline-block;
border: 0px;
}

.regis .insu{width:100%; margin:50px 0 0 0; text-align:center; display:inline-block;}
.regis .insu label{width:auto; border:0; line-height:50px; color:#727678; font-size:20px; display:inline-block;}
.regis .insu input[type="text"]{width:500px; margin:0 35px; text-align:center; display:inline-block;}

.regis .frame{width:100%; padding:18px; border:1px solid #CCC; display:inline-block;}
.regis .frame img{width:100%; margin-bottom:34px; }

.regis .condition{color:#727678; margin:15px 0 0 0; padding:0 8% 100px 8%; border-bottom:10px solid #D3E0E4 !important; font-size:20px;}
.regis .condition p{margin:20px 0; text-align:left;}

.cpap .checkcontainer p{width:100%; padding:0 0 0 34px; font-size:17px; color:#727678; text-align:left; display:inline-block; }
.cpap .checkcontainer p em{ color:#00ADDA; font-style:normal; display:inline-block;}
.cpap .checkcontainer{width:100%; display:block; position:relative; padding:0; margin:0; cursor:pointer; top:0; vertical-align:top;
float:left; background:transparent;
-webkit-user-select:none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.cpap .checkcontainer input { position:absolute; opacity:0; cursor:pointer;}
.cpap .radiobtn{width:16px; height:16px; text-align:center; position:absolute; bottom:29px; left:0; background:#DDD; border-radius:16px; border:0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.cpap .checkcontainer .radiobtn::after, .cpap .checkcontainer .checkmark::after
{width:10px; height:10px; background:#1A1A1A; left:3px; top:3px; }
.cpap .radiobtn:hover, .cpap label:hover .radiobtn{ border:0; z-index:50;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.cpap .radiobtn:after, .cpap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cpap .checkcontainer input:checked ~ .radiobtn, .cpap .checkcontainer input:checked ~ .checkmark{ border:0; background:#DDD; z-index:50;}
.cpap .checkcontainer .radiobtn::after, .cpap .checkcontainer .checkmark::after {
  right:4px;
  bottom:4px;
  width: 10px;
  height: 10px;
  border-radius:5px;
  background:#1A1A1A;
}
.cpap .checkcontainer input:checked ~ .radiobtn::after, .cpap .checkcontainer input:checked ~ .checkmark::after{display:block}

.media fieldset{padding:30px 0 !important; text-align:left; display:inline-block;}
.media fieldset input[type="text"]{width:65%; margin-left:34px; float:left;}
.media .checkcontainer{width:auto; line-height:50px !important; text-align:left; display:inline-block; position:relative; padding:0 !important; margin:0; cursor:pointer; font-size:18px;
float:left; background:transparent;
-webkit-user-select:none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.media .checkcontainer p{width:auto; line-height:50px; margin:0; padding:0 0 0 35px; font-size:20px; color:#727678; text-align:left; display:inline-block;}
.media .checkcontainer input { position:absolute; opacity:0; cursor:pointer;}
/* .radiobtn{width:18px; height:18px; border-radius:3px; position:absolute; top:17px; left:16px; background-color:#CCC;} */
.media .checkmark{width:17px; height:17px; position:absolute; top:18px; left:0; background:#DDD;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.media .checkmark:hover{ background:rgba(255, 180, 0, 0.3);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.media .checkcontainer input:checked ~ .radiobtn, .media .checkcontainer input:checked ~ .checkmark{ background:#DDD;}
.media .checkcontainer .radiobtn::after, .media .checkcontainer .checkmark::after {
  content: "\f00c";
  position: absolute;
  display: none;
  font-size:20px;
  top:-18px; left:2px;
  color:#1A1A1A;
  font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}
.media .checkcontainer input:checked ~ .radiobtn::after, .media .checkcontainer input:checked ~ .checkmark::after{display:block}

.nox-banner{width:100%; padding:0; display:block; position:relative;}
.nox-banner img{width:100%;}

.nox{width:100%; display:inline-block;}

.nox section{width:100%; padding:50px 0; display:inline-block;}
.nox section h5{width:100%; line-height:40px; margin:0 0 24px 0; color:#70AFD8; font-size:30px; text-align:center; display:inline-block;}
.nox section h6{width:100%; line-height:36px; font-size:25px; display:inline-block;}
.nox section p{margin:0 0 68px 0; line-height:22px; color:#727678; font-size:17px; display:inline-block;}
.nox section .all{width:100%; padding:0 12%; text-align:center;}
.nox section .ad{margin-bottom:34px; }
.nox section .clip{width:92%; margin:0 4%; display:inline-block;}
.nox section .clip iframe{width:100%; height:596px; }
.nox section .clip img{width:100%; }
.nox section span{width:100%; text-align:center; display:inline-block;}
.nox section span .logo{padding:0 15px; display:inline-block;}
.nox section span .logo img{width:100%; }
.nox section .frame{padding:0 15px; display:inline-block; float:left;}
.nox section .a1{font-size:17px; background:#70AFD8; display:inline-block;}
.nox section .t3{font-size:17px; background:#FFCD5B; display:inline-block;}
.nox section .pic{width:100%; position:relative; display:inline-block;}
.nox section .pic img{width:100%; }
.nox section .pic i{width:188px; height:188px; display:inline-block; position:absolute; right:30px; bottom:-94px; }
.nox section .a1 .content{width:100%; padding:40px 34px; color:#FFF; display:inline-block; }
.nox section .a1 .content p{width:100%; height:148px; color:#FFF; overflow:hidden; margin:40px 0 0 0; padding:0 35px 0 0; display:inline-block;}
.nox section .a1 a{width:auto; line-height:22px; border-bottom:3px solid #FFCD5B; color:#FFF; font-size:17px; display:inline-block; }
.nox section .t3 .content{width:100%; padding:40px 34px; color:#333; display:inline-block; }
.nox section .t3 .content p{width:100%; height:148px; color:#333; overflow:hidden; margin:40px 0 0 0; padding:0 35px 0 0; display:inline-block;}
.nox section .t3 a{width:auto; line-height:22px; border-bottom:3px solid #70AFD8; color:#333; font-size:17px; display:inline-block; }
.nox .bottom{width:100%; line-height:22px; padding:50px 0; color:#FFF; font-size:17px; text-align:center; background:#70AFD8; display:inline-block;}
.nox .prev{width:100%; line-height:22px; padding:62px 0; color:#FFF; font-size:17px; background:#555; text-align:center; display:inline-block;}
.nox .prev a{width:auto; line-height:26px; padding:0 0 0 34px; margin:0; color:#FFF; font-size:17px; display:inline-block; position:relative;}
.nox .prev a i{width:20px; height:20px; line-height:18px; color:#00AEDB; font-size:12px; text-indent:2px; text-align:center; border:2px solid #00AEDB;
border-radius:20px; position:absolute; left:0; top:3px; display:inline-block;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

#order{ width:960px; padding:40px 15%; background:#FFF; border:1px solid #CCC; position:relative; display:none;}
.popup{width:100%; padding:0; display:inline-block;}
.popup h5{width:100%; padding:0; margin:0 0 20px 0; color:#727678; font-size:30px; text-align:center; display:inline-block;}
.popup form{width:100%; margin:0; text-align:center; display:inline-block;}
.popup form .gg-captcha{width:300px; margin:11px 0; text-align:center; display:inline-block;}
.popup form label{width:100%; height:48px; border:1px solid #CCC; line-height:48px; margin:15px 0; padding:0 20px; font-size:20px; color:#727678;
background:#EEE; display:inline-block;}
.popup form input[type="text"]{width:100%; height:48px; border:1px solid #CCC; line-height:48px; margin:15px 0; padding:0 20px; font-size:20px; color:#727678;
background:#FFF; display:inline-block;}
.popup form textarea{width:100%; height:150px; margin:15px 0; padding:11px 20px; line-height:24px; font-size:20px; color:#727678;
border:1px solid #CCC; resize:none; background:#FFF;}
.popup form input[type="submit"] {width:300px; height:50px; line-height:50px; padding:0; margin:15px 0; border:0; border-radius:6px;
color:#FFF; font-size:20px; text-align:center;
background:#00AEDB; display:inline-block;
}
.popup form input[type="button"] {width:300px; height:50px; line-height:50px; padding:0; margin:15px 0; color:#FFF; font-size:20px;
background:#00AEDB; display:inline-block;
border: 0px;
}
.gg-captcha{width:auto; margin:15px 0; text-align:center; display:inline-block;}

form input::-moz-placeholder{color:#727678; opacity:1}
form input:-ms-input-placeholder{color:#727678;}
form input::-webkit-input-placeholder{color:#727678;}
form textarea::-webkit-input-placeholder {color:#727678 !important; opacity:1}
form textarea:-moz-placeholder {color:#727678 !important; opacity:1}
form textarea::-moz-placeholder {color:#727678 !important; opacity:1}
form textarea:-ms-input-placeholder {color:#727678 !important; opacity:1}

footer{width:100%; margin:0; padding:0; display:inline-block;}
footer .call-us{width:100%; padding:35px 0; display:inline-block;}
footer .call-us .tel{width:50%; margin:17px 0; padding:0; display:inline-block; float:left;}
footer .call-us .tel h4{line-height:42px; margin:0; padding-right:30px; color:#221F73; font-size:40px; display:inline-block; float:left;}
footer .call-us .tel a{ color:#727678; font-size:30px; display:inline-block;}
footer .call-us .tel a:hover{color:#727678;}
footer .call-us .social{width:50%; display:inline-block; float:left;}
footer .call-us .social a{line-height:30px; margin:5px 0; padding:0 0 0 44px; color:#727678; font-size:15px; position:relative; display:inline-block; float:left;}
footer .call-us .social a i{width:30px; height:30px; position:absolute; left:0; top:0; }
footer .meun{width:100%; padding:35px 0 40px 0; display:inline-block;}
footer .meun .address{width:16.66666667%; padding:0; margin:0; display:inline-block; float:left;}
footer .meun .address .logo{width:100%; margin-bottom:30px; display:inline-block;}
footer .meun .address .logo img{width:auto; }
footer .meun .address p{width:80%; color:#FFF; font-size:15px;  display:inline-block;}
footer .meun .address a{color:#FFF; font-size:15px; }
footer .meun nav{width:83.33333333%; padding:0; margin:0; display:inline-block; float:left;}
footer .meun nav li{padding:0 15px; margin:0; display:inline-block; float:left; }
footer .meun nav li:nth-child(1){width:20%;}
footer .meun nav li:nth-child(2){width:20%; }
footer .meun nav li:nth-child(3){width:60%; }
footer .meun nav li .mmenu{width:100%; line-height:30px; margin:0; padding:10px 0; color:#FFF; font-size:20px;
border-bottom:1px solid #777; display:inline-block;}
footer .meun nav li .mmenu:hover{color:#FFF;}
footer .meun nav li .mmenu.sub{margin-bottom:15px; }
footer .meun nav li span{margin:0; padding:0; display:inline-block; float:left;}
footer .meun nav li .cat-menu{width:100%; line-height:30px; margin:0 0 15px 0; padding:0; color:#FFF; font-size:20px; display:inline-block;}
footer .meun nav li .cat-menu:hover{color:#FFF;}
footer .meun nav li .sub-menu{width:100%; line-height:28px; margin:0; padding:0; color:#FFF; font-size:17px; display:inline-block;}
footer .meun nav li .sub-menu:hover{color:#FFF;}
footer .bottom{width:100%; padding:24px 0; display:inline-block;}
footer .bottom .fb-messenger{width:60px; height:60px; display:inline-block; position:fixed; right:20px; bottom:24px; }
footer .bottom .fb-messenger img{width:100%; }
footer .bottom .left{width:auto; display:inline-block; float:left; }
footer .bottom p{width:auto; line-height:32px; color:#FFF; font-size:17px; display:inline-block;}
footer .bottom .tel{width:auto; line-height:32px; margin-left:50px; color:#FFF; font-size:17px; display:inline-block;}
footer .bottom .tel font{color:#00ADDA; }
footer .bottom .prove{width:auto; line-height:32px; margin:0 0 0 20px; padding:0 10px 0 38px; border-radius:4px; color:#FFF;
background:#D80100; position:relative; display:inline-block; float:right;}
footer .bottom .prove::before{content:"\f040"; width:38px; height:32px; color:#FFF; text-align:center; display:inline-block; position:absolute; left:0; top:0;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
footer .bottom .sleep{width:auto; line-height:32px; margin:0 0 0 20px; padding:0 10px; border-radius:4px; color:#FFF;
background:#D80100; position:relative; display:inline-block; float:right;}
footer .bottom .support{width:auto; line-height:32px; margin:0 0 0 20px; padding:0 10px 0 30px; border-radius:4px; color:#FFF; position:relative; display:inline-block; float:right;}
footer .bottom .support::before{content:"\f013"; width:30px; height:32px; color:#00AEDB; display:inline-block; position:absolute; left:0; top:0;
font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}


/************************ MENU MOBILE ****************************/

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  display: none;
  position: fixed;
  height: 50px;
  top: 10px;
  width: 50px;
  z-index: 999;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

/* Icon 2 */

#nav-icon2 {
  height:37px;
  top: 20px;
  right:20px;
  width: 50px;
  padding:5px;
  background:#00AEDB;
}

#nav-icon2.mopen {
  height:37px;
  top: 15px;
  right:15px;
  width: 50px;
  padding:5px;
  background:#00AEDB;
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 20px;
  background:#FFF;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2.mopen span{background:#FFF;}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius:0;
}

#nav-icon2 span:nth-child(odd) {
  left:5px;
  border-radius:0;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 6px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 16px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 26px;
}
#nav-icon2.mopen span:nth-child(1), #nav-icon2.mopen span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.mopen span:nth-child(2), #nav-icon2.mopen span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.mopen span:nth-child(1) {
  left: 9px;
  top: 9px;
}

#nav-icon2.mopen span:nth-child(2) {
  left: calc(50% - 5px);
  top: 9px;
}

#nav-icon2.mopen span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.mopen span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.mopen span:nth-child(5) {
  left: 9px;
  top: 20px;
}

#nav-icon2.mopen span:nth-child(6) {
  left: calc(50% - 5px);
  top: 20px;
}

#nav-icon2.mclose span:nth-child(even) {
  left: 50%;
  border-radius:0;
}

#nav-icon2.mclose span:nth-child(odd) {
  left:5px;
  border-radius:0;
}

.menu-mobile{width:50%; padding:60px 0 0 0; height:100%; text-align:center; display:inline-block; background:#00AEDB; opacity:0;
position:fixed; right:0; top:0; z-index:0;
-webkit-box-shadow: -7px 0px 6px 0px rgba(0,0,0,0.25);
-moz-box-shadow: -17px 0px 6px 0px rgba(0,0,0,0.25);
box-shadow: -7px 0px 6px 0px rgba(0,0,0,0.25);
-webkit-transform: translate3d(5%,0,0)scale(.97);
-moz-transform: translate3d(5%,0,0)scale(.97);
transform: translate3d(5%,0,0)scale(.97);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
visibility: hidden;
display:none;
}
.menu-mobile.mopen {
opacity: 1;
z-index:700;
visibility:visible;
display:block;
-webkit-transform: translate3d(0,0,0)scale(1);
-webkit-animation: slideIn .35s ease-in-out;

-moz-transform: translate3d(0,0,0)scale(1);
-moz-animation: slideIn .35s ease-in-out;

transform: translate3d(0,0,0)scale(1);
animation: slideIn .35s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
overflow: auto;
}
@-webkit-keyframes slideIn {
	0%       {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
}
@-moz-keyframes slideIn {
	0%      {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
}
@keyframes slideIn {
	0%      {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
}

/*Nav Shrinking Closed Effect*/
.menu-mobile.mclose {
	opacity:0;
  z-index:0;
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-webkit-animation: slideOut .3s ease-in-out;

	-moz-transform: translate3d(5%,0,0)scale(.97);
	-moz-animation: slideOut .3s ease-in-out;

	transform: translate3d(5%,0,0)scale(.97);
	animation: slideOut .3s ease-in-out;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  visibility:hidden;
  display:none;
}
@-webkit-keyframes slideOut {
	0%      {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
}
@-moz-keyframes slideOut {
	0%      {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
}
@keyframes slideOut {
	0%      {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
}
.menu-mobile .frame{width:100%; display:inline-block;}
.menu-mobile a{width:100%; line-height:30px; padding:10px 40px 10px 30px; border-bottom:1px solid rgba(255,255,255,0.5); color:#FFF; font-size:18px;
text-align:left; display:inline-block; position:relative;}
.menu-mobile a.social{width:8%; margin-top:25px; padding:0; border-bottom:0; text-align:center; float:none;}
.menu-mobile a.social img{width:100%; }
.menu-mobile a:hover, .menu-mobile a:focus, .menu-mobile a.active{ color:#FFF;
background:#0A6AB7;
}
.menu-mobile a.social:hover{background:transparent;}
.menu-mobile a.lag{width:50%; border-top:1px solid rgba(255,255,255,0.5); text-align:center; display:inline-block; float:left;}
.menu-mobile a.lag.active{background:#0A6AB7; }
.menu-mobile a:hover i .m-normal, .menu-mobile a:focus i .m-normal, .menu-mobile a.active i .m-normal{display:none;}
.menu-mobile a:hover i .m-hover, .menu-mobile a:focus i .m-hover, .menu-mobile a.active i .m-hover{display:block;}
.menu-mobile [data-accordion] [data-control]{border-bottom:1px solid rgba(255,255,255,0.3);}
.menu-mobile [data-content] a{ padding: 10px 0 10px 40px; font-size:17px; color:#FFF;}
.menu-mobile [data-content] a:hover{color:#FFF; }
.menu-mobile [data-content] a i{left:60px;}
.menu-mobile a i{width:8%; display:inline-block; position:absolute; left:40px; top:8px; }
.menu-mobile a i img{width:100%; }
.menu-mobile a i .m-normal{display:block;}
.menu-mobile a i .m-hover{display:none;}
.menu-mobile em{width:50px; line-height:50px; position:absolute; right:0px; top:0; border-left:1px solid rgba(255,255,255,0.3); display:inline-block;}
.menu-mobile em::before{content:"\f107"; color:#FFF; text-align:center; font-size:25px; font-style:normal; display:inline-block; font-family:"FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.menu-mobile .open em::before{content:"\f106";}
.menu-mobile [data-content]:hover em{color:#FFF;}
.menu-mobile .logout{width:100%; padding:20px 0; text-align:center; border-top:1px solid #000;
display:inline-block; position:absolute; bottom:0; left:0; }
.menu-mobile .logout a{width:auto; line-height:36px; padding:0 0 0 50px; color:#484848; font-size:36px; font-weight:800; text-align:left;
display:inline-block; position:relative;}
.menu-mobile .logout a i{width:18%; display:inline-block; position:absolute; top:7px; left:0; }
.menu-mobile .logout a i img{width:100%; }
.menu-mobile .flag{width:100%; padding:7px 0 7px 30px; text-align:left; border:0; display:inline-block;}
.menu-mobile .flag a{width:auto; padding:0 20px 0 0; border:0; display:inline-block;}
/* .menu-mobile .flag a img{width:30%; } */

.followMeBar {
  padding:0;
  position: relative;
  z-index: 1;
}
.followMeBar.fixed {
  position: fixed;
  top: 228px;
  width: 100%;
  box-sizing: border-box;
  z-index: 0;
}
.followMeBar.fixed.absolute {
  position: absolute;
}

/*************************************PRELOAD**************************************/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width:262px;
  height:120px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  /*background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);*/
  /* path to your loading animation */
  background:url(../images/logo-load.jpg) no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  margin: -60px 0 0 -131px;
/* is width and height divided by two */
}
.ball {
	background-color: rgba(0,0,0,0);

	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:206px;
	/*box-shadow: 0 0 35px #2187e7;*/
  width:262px;
  height:120px;
	margin:0 auto;
	-moz-animation:spin 3s infinite linear;
	-webkit-animation:spin 3s infinite linear;
}

/*************************** CAPTCHA *******************************/

#rc-imageselect {transform:scale(0.77) !important; -webkit-transform:scale(0.77) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0;}