@charset "utf-8";
/* CSS Document */
/**


 * Description: CSS Reset & Public Components
*/
.f-fl{ float: left;}
.f-fr{ float: right;}
.f-clear { overflow:hidden; display:block; clear:both; height:0;}
.f-clearfix:before, .f-clearfix:after { content:''; display:table;}
.f-clearfix:after { clear:both;}
.f-clearfix,.f-zm { *zoom:1;}
ol,ul{ list-style: none; padding: 0; margin: 0;}
a,.animation{ color: #2D8CFF; 
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
a:hover { color:#029bfc;}


/*header*/

.header{height:70px;overflow:visible;position:absolute;margin:0 auto;width:100%; z-index: 101;}
.header .container-fluid{padding:0;max-width:1200px;height:100%;border-bottom:1px rgba(255,255,255,.15) solid}
@media(max-width:1000px){
	.header .container-fluid{margin-left:20px;margin-right:20px}
	.header nav{ left: 40%;}
}
.header .container-fluid>.container-fluid{padding:0}
.header-logo{position:relative;text-decoration:none;color:#fff;top:12px;font-size:17px;font-weight:400;font-family:MyriadProSemiBold;line-height:36px;vertical-align:top;overflow:hidden;height:32px;display:inline-block}
.header-logo img{vertical-align:top;margin-right:5px;width:32px}
.header-logo:hover{color:#fff;text-decoration:none}
@media(max-width:875px){.header-logo img{margin-right:0}
.header-logo span{display:none}
}
@media(max-width:767px){
	.header-logo span{display:inherit}
}
.header nav{position:absolute;left:55%;top:25px; -webkit-transform:translateX(-27%);-ms-transform:translateX(-27%);-o-transform:translateX(-27%);transform:translateX(-27%);white-space:nowrap;text-align:center}
.header nav>ul{margin:0;padding:0}
.header nav li{list-style:none;font-weight:500;font-size:15px}
.header nav li.nav-item{display:inline-block}
.header nav li.nav-item>a{display:inline-block;padding:0 15px;height:32px;line-height:32px;text-decoration:none;color:#fff;opacity:.7;-webkit-transition:opacity .2s,padding .2s;-o-transition:opacity .2s,padding .2s;transition:opacity .2s,padding .2s}
.header nav li.nav-item>a:hover{opacity:1}

@media(max-width:992px){.header nav{left:33%}
.header nav li.nav-item>a{padding:0 5px}
}
.header .lang{float:right;margin-top:12px}
.header .lang .btn .i-flag{margin-top:-2px}
.header .lang a .i-flag{margin-top:-3px;margin-left:-5px;margin-right:10px}
[dir=rtl] .header .lang a .i-flag{margin-left:10px;margin-right:-5px}
[dir=rtl] .header .lang{float:left}
.header .menu-selector{position:absolute;right:20px;left:auto;top:12px}
[dir=rtl] .header .menu-selector{left:70px;right:auto}
.header .aka-dropdown-toggle,.header .dropdown-toggle{color:rgba(255,255,255,.7);font-size:15px;font-weight:500;background:0 0;margin-top:-2px}
.header .aka-dropdown-toggle:focus,.header .dropdown-toggle:focus{background:0 0;color:rgba(255,255,255,.7)}
.header .aka-dropdown-toggle:active,.header .aka-dropdown-toggle:hover,.header .dropdown-toggle:active,.header .dropdown-toggle:hover{color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.header .open .dropdown-toggle,.header .open .dropdown-toggle:active,.header .open .dropdown-toggle:focus,.header .open .dropdown-toggle:hover,.header .open.aka-dropdown-toggle,.header .open.aka-dropdown-toggle:active,.header .open.aka-dropdown-toggle:focus,.header .open.aka-dropdown-toggle:hover{background:rgba(255,255,255,.1);color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.header .dropdown .caret{color:#fff;opacity:.5;-webkit-transform:scaleX(.7);-ms-transform:scaleX(.7);-o-transform:scaleX(.7);transform:scaleX(.7)}
.header .dropdown .dropdown-menu{margin-top:11px}
.header .dropdown .dropdown-menu a{ text-align: left; padding-top:0;padding-bottom:0;line-height:42px;font-weight:500;font-size:15px;color:#7a7a7a;-webkit-transition:color .2s,background-color .2s;-o-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}
.header .dropdown .dropdown-menu a:hover{color:#333}
@media(max-width:767px){.header nav{position:fixed;top:54px;left:auto;right:20px;z-index:1000;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-background-clip:padding-box;background-clip:padding-box;color:#ccc;-webkit-transition:right .2s;-o-transition:right .2s;transition:right .2s}
[dir=rtl] .header nav{right:auto;left:20px}
.header nav .dropdown-backdrop{display:none}
.header nav.nav-open{display:block!important}
.header nav.dropdown-opened-inside{right:170px;left:auto}
[dir=rtl] .header nav.dropdown-opened-inside{left:170px;right:auto}
.header nav li.nav-item{display:block; overflow: initial;}
.header nav .btn.dropdown-toggle,.header nav li.nav-item>a{display:block;padding:3px 20px;clear:both;font-weight:500;line-height:26px;color:#7a7a7a;white-space:nowrap;opacity:1;width:100%;text-align:left}
[dir=rtl] .header nav .btn.dropdown-toggle,[dir=rtl] .header nav li.nav-item>a{text-align:right}
.header nav .btn.dropdown-toggle:hover,.header nav li.nav-item>a:hover{color:#262626;background-color:#f5f5f5}
.header nav .btn.dropdown-toggle .caret,.header nav li.nav-item>a .caret{border-left:4px dashed;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:3px solid transparent;color:#333;float:right;margin-top:10px;margin-right:-10px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.header nav .open .dropdown-toggle,.header nav .open .dropdown-toggle:active,.header nav .open .dropdown-toggle:focus,.header nav .open .dropdown-toggle:hover{color:#333;background-color:#f5f5f5}
.header nav .dropdown-menu{position:fixed;top:56px;right:30px;left:auto;margin-top:0!important}
[dir=rtl] .header nav .dropdown-menu{left:20px;right:auto}
}
.btn{ border: 0;}
.pro_title { color:#FFFFFF; padding-left:20px; font-size:16px;}

.visible-xs-block{ display: none!important;}
@media (max-width: 767px){
.visible-xs-block { display: block!important;}
.navbar-collapse.in{overflow-y: inherit;}

}


.header nav li .form-control{ color: #8b758b; width:80%; height: 30px; font-size: 12px; border-radius: 0; border: 0px solid #c8ced9; border-right:  0px solid #c8ced9; border-radius:30px 0 0 30px;}
.header nav li .form-control+button{ border: 0; border-radius: 0; height: 30px; line-height: 15px; padding: 0 15px; background-color: white !important; border-radius: 0 30px 30px 0;}

.clear {
    clear: both;
}
.header .newTest .dropdown-menu a{
    height: 40px;
    line-height: 40px;
    text-align: left;
}




/*header*/

.header{height:70px;overflow:visible;position:absolute;margin:0 auto; width:100%; z-index: 101;}
.header .container-fluid{padding:0;max-width:1200px;height:100%;border-bottom:1px rgba(255,255,255,.15) solid}
@media(max-width:1000px){
	.header .container-fluid{margin-left:20px;margin-right:20px}
	.header nav{ left: 40%;}
}
.header .container-fluid>.container-fluid{padding:0}
.header-logo{position:relative;text-decoration:none;color:#fff;top:15px;font-size:17px;font-weight:400;font-family:MyriadProSemiBold;line-height:36px;vertical-align:top;overflow:hidden;height:40px;display:inline-block}
.header-logo img{vertical-align:top;margin-right:5px;width:27px}
.header-logo:hover{color:#fff;text-decoration:none}
@media(max-width:875px){.header-logo img{margin-right:0}
.header-logo span{display:none}
}
@media(max-width:767px){
	.header-logo span{display:inherit}
}
.header nav{position:absolute;left:55%;top:25px; -webkit-transform:translateX(-27%);-ms-transform:translateX(-27%);-o-transform:translateX(-27%);transform:translateX(-27%);white-space:nowrap;text-align:center}
.header nav>ul{margin:0;padding:0}
.header nav li{list-style:none;font-weight:500;font-size:15px}
.header nav li.nav-item{display:inline-block}
.header nav li.nav-item>a{display:inline-block;padding:0 15px;height:32px;line-height:32px;text-decoration:none;color:#fff;opacity:.7;-webkit-transition:opacity .2s,padding .2s;-o-transition:opacity .2s,padding .2s;transition:opacity .2s,padding .2s}
.header nav li.nav-item>a:hover{opacity:1}

@media(max-width:992px){.header nav{left:33%}
.header nav li.nav-item>a{padding:0 5px}
}
.header .lang{float:right;margin-top:12px}
.header .lang .btn .i-flag{margin-top:-2px}
.header .lang a .i-flag{margin-top:-3px;margin-left:-5px;margin-right:10px}
[dir=rtl] .header .lang a .i-flag{margin-left:10px;margin-right:-5px}
[dir=rtl] .header .lang{float:left}
.header .menu-selector{position:absolute;right:20px;left:auto;top:12px}
[dir=rtl] .header .menu-selector{left:70px;right:auto}

.header .aka-dropdown-toggle,.header .dropdown-toggle{color:#fff;font-size:15px;font-weight:500;background:0 0;margin-top:-2px}
.header .aka-dropdown-toggle:focus,.header .dropdown-toggle:focus{background:0 0;color:rgba(255,255,255,.7)}
.header .aka-dropdown-toggle:active,.header .aka-dropdown-toggle:hover,.header .dropdown-toggle:active,.header .dropdown-toggle:hover{color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.header .open .dropdown-toggle,.header .open .dropdown-toggle:active,.header .open .dropdown-toggle:focus,.header .open .dropdown-toggle:hover,.header .open.aka-dropdown-toggle,.header .open.aka-dropdown-toggle:active,.header .open.aka-dropdown-toggle:focus,.header .open.aka-dropdown-toggle:hover{background:rgba(255,255,255,.1);color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.header .dropdown .caret{color:#fff;opacity:.5;-webkit-transform:scaleX(.7);-ms-transform:scaleX(.7);-o-transform:scaleX(.7);transform:scaleX(.7)}
.header .dropdown .dropdown-menu{margin-top:11px}
.header .dropdown .dropdown-menu a{ text-align: left; padding-top:0;padding-bottom:0;line-height:42px;font-weight:500;font-size:14px;color: #666666;-webkit-transition:color .2s,background-color .2s;-o-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}
.header .dropdown .dropdown-menu a:hover{color:#333}
@media(max-width:767px){.header nav{position:fixed;top:54px;left:auto;right:20px;z-index:1000;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-background-clip:padding-box;background-clip:padding-box;color:#ccc;-webkit-transition:right .2s;-o-transition:right .2s;transition:right .2s}
[dir=rtl] .header nav{right:auto;left:20px}
.header nav .dropdown-backdrop{display:none}
.header nav.nav-open{display:block!important}
.header nav.dropdown-opened-inside{right:170px;left:auto}
[dir=rtl] .header nav.dropdown-opened-inside{left:170px;right:auto}
.header nav li.nav-item{display:block; overflow: initial;}
.header nav .btn.dropdown-toggle,.header nav li.nav-item>a{display:block;padding:3px 20px;clear:both;font-weight:500;line-height:26px;color:#7a7a7a;white-space:nowrap;opacity:1;width:100%;text-align:left}
[dir=rtl] .header nav .btn.dropdown-toggle,[dir=rtl] .header nav li.nav-item>a{text-align:right}
.header nav .btn.dropdown-toggle:hover,.header nav li.nav-item>a:hover{color:#262626;background-color:#f5f5f5}
.header nav .btn.dropdown-toggle .caret,.header nav li.nav-item>a .caret{border-left:4px dashed;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:3px solid transparent;color:#333;float:right;margin-top:10px;margin-right:-10px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.header nav .open .dropdown-toggle,.header nav .open .dropdown-toggle:active,.header nav .open .dropdown-toggle:focus,.header nav .open .dropdown-toggle:hover{color:#333;background-color:#f5f5f5}
.header nav .dropdown-menu{position:fixed;top:56px;right:30px;left:auto;margin-top:0!important}
[dir=rtl] .header nav .dropdown-menu{left:20px;right:auto}
}
.btn{ border: 0;}
.pro_title { color:#FFFFFF; padding-left:20px; font-size:18px;}

.visible-xs-block{ display: none!important;}
@media (max-width: 767px){
.visible-xs-block { display: block!important;}
.navbar-collapse.in{overflow-y: inherit;}

}


.header nav li .form-control{ color: #8b758b; width:80%; height: 30px; font-size: 12px; border-radius: 0; border: 0px solid #c8ced9; border-right:  0px solid #c8ced9; border-radius:30px 0 0 30px;}
.header nav li .form-control+button{ border: 0; border-radius: 0; height: 30px; line-height: 15px; padding: 0 15px; background-color: white !important; border-radius: 0 30px 30px 0;}

.clear {
    clear: both;
}







/*footer*/
.footer{color:white;background:#2f3939;position:relative; padding-left:10%;}
.footer .container.top{ padding: 60px 15px 40px;}
.footer .footer-links-block{font-size:14px;line-height:20px; padding:0 20px 10px 0}
.footer .footer-links-block h4{margin-top:10px;margin-bottom:10px;font-size:15px;font-weight:400;font-family:MyriadProSemiBold}
.footer .footer-links-block ul{margin:20px 0;padding:0}

.footer .footer-links-block a:hover{ text-decoration: underline !important; }
.footer .copy{
	padding:10px 20px;
	min-height:40px;
	color:rgba(255,255,255,.2);
	text-align:center;
	font-size:12px;
	padding-bottom:20px;
	line-height:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3E4A4A;
}



/*th_index_ban*/
.th_index_ban { background: url(../images/index-banner.webp); background-size: cover;}
.th_index_ban a{ width: 100%; height: 100%; display: block; color: white;  padding: 10% 0 15%;}
.th_index_ban a .banner-title { font-size:30px; margin-bottom: 10px; color:#00CC99; }
.th_index_ban a .banner-title img { margin-right: 20px;width: 60px;vertical-align: middle;}
.th_index_ban a .banner-summary { margin-bottom: 20px; font-size: 18px; line-height: 26px;}
.th_index_ban a .index-banner-more { color: color:#00CC99; font-size: 16px;}
.th_index_ban a .index-banner-more span{ color:#00CC99;}
.th_index_ban a:hover .index-banner-more{ color: #00CC99;}
.th_index_ban a:hover .index-banner-more span{ padding-left: 10px; color: #00CC99;}

.th_index_02{padding:80px 0 90px 0;}
.th_index_02 .box{transition:.5s}
.th_index_02 .box:nth-child(1){border-right:1px solid #e0e0e0}
.th_index_02 .box:nth-child(3){border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
.th_index_02 .box:nth-child(3) img{height:94px!important}
.th_index_02 .box:nth-child(4){border-top:1px solid #e0e0e0}
.th_index_02 .box:nth-child(4) img{height:47px!important}
.th_index_02 .box .shows{display:flex;align-items:center;height:190px;transition:.5s;padding-left:6%}
.th_index_02 .box .shows .left{width:24%;float:left;text-align:center;display:flex;justify-content:center;align-items:center}
.th_index_02 .box .shows .left img{}
.th_index_02 .box .shows .right{width:70%;float:left}
.th_index_02 .box .shows .right .name{color:#333;font-size:24px;margin-bottom:10px}
.th_index_02 .box .shows .right .desc{color:#233349;font-size:15px}
.th_index_02 .box .hides{display:none;align-items:center;height:190px;transition:.5s}
.th_index_02 .box .hides .left{width:43%;float:left;padding-left:54px}
.th_index_02 .box .hides .left .name{color:#fff;font-size:18px;margin-bottom:10px}
.th_index_02 .box .hides .left .read{display:inline-block;position:relative}
.th_index_02 .box .hides .left .read:hover::before{-webkit-animation:super-learn .5s linear;-moz-animation:super-learn .5s linear;animation:super-learn .5s linear}
.th_index_02 .box .hides .left .read:hover em{margin-left:20px}
.th_index_02 .box .hides .left .read::before{content:'';height:1px;background:#fff;position:absolute;right:0;bottom:0;left:0;width:98%}
@keyframes super-learn{
	from{width:0}
    to{width:98%}
}
.th_index_02 .box .hides .left .read a{color:#fff;font-size:16px}
.th_index_02 .box .hides .left .read em{margin-left:10px;transition:.5s}
.th_index_02 .box .hides .right{width:57%;float:left}
.th_index_02 .box .hides .right a{transition:.5s;display:block;width:203px;text-align:center;background-color:#fff;border-radius:3px;margin:auto;color:#328feb;font-size:18px;padding:12px 0;margin-bottom:24px}
.th_index_02 .box .hides .right a:last-child{margin-bottom:inherit}
.th_index_02 .box .hides .right a::before{margin-right:15px}
.th_index_02 .box .hides .right a:hover{background-color:#043b71;color:#fff}

.th_index_02 .box:hover{background-color:#3ac2aa;border-color:#3ac2aa;}
.th_index_02 .box:hover .shows{display:none}
.th_index_02 .box:hover .hides{display:flex}

@media all and (max-width: 768px) {
.th_index_02 .box:hover{background-color:#328feb;border-color:#328feb}
.th_index_02 .box:hover .shows{display:none}
.th_index_02 .box:hover .hides{display:none}	
}


.th_index_03{padding: 30px 0 70px 0;}
.th_index_03 h1{ margin-bottom: 25px; font-weight: 600;}
.th_index_03 .index-title { margin-bottom: 25px; text-align: center; font-size: 36px; font-weight: 600;}
.th_index_03 .news-box{width: 100%;}
.th_index_03 .news-list-left li{position: relative; overflow: hidden;height:330px;width: 100%;}
.th_index_03 .index-news-img{width: 100%;height:100%;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.th_index_03 .news-list-left li a:hover img , 
.th_index_03 .index-news-img-box:hover img{
transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05);
-moz-transform:scale(1.05,1.05);
-webkit-transform:scale(1.05,1.05);
-o-transform:scale(1.05,1.05);}
.th_index_03 .news-list-left li a{position: absolute; left:0;top:0;width: 100%;height: 100%;color: white;}
.th_index_03 .news-list-left li a h2{position: absolute; bottom: 10px; height: 60px; line-height: 34px;overflow: hidden; padding: 0 10px; font-size:18px ;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.th_index_03 .news-list-left .news-list-hot{margin-top:2%;width: 49%; height: 180px;}
.th_index_03 .news-list-right li {  padding-bottom: 18px;  margin-bottom: 18px;  border-bottom: solid 1px #e5e5e5;}
.th_index_03 .news-list-right li .index-news-cont { display: inline-block; width: 75%; padding-right: 20px; vertical-align: top;}
.th_index_03 .news-list-right li .index-news-cont h2 { margin-bottom:1px; font-size: 16px; line-height:18px;}
.th_index_03 .news-list-right li .index-news-cont a { color: #333; text-decoration: none;}
.th_index_03 .news-list-right li .index-news-cont a:hover{ color: #029bfc;}
.th_index_03 .news-list-right li .index-news-cont span { color: #999;}
.th_index_03 .index-news-img-box { display: inline-block; width: 24%; vertical-align: top; overflow: hidden;}
.th_index_03 .index-news-control{margin-top: 40px; text-align: center;}
.th_index_03 .index-news-control a{position:relative;padding: 12px 50px; display: inline-block; border: solid 1px #029bfc; color: #029bfc;}
.th_index_03 .index-news-control a:hover{color: white;}
.th_index_03 .index-news-control a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #029bfc; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out; }
.th_index_03 .index-news-control a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.th_index_03 .index-news-control a {position: relative; padding: 12px 50px; display: inline-block; border: solid 1px #029bfc;color: #029bfc;}
.th_index_03 .index-news-control a span{ color: #029bfc; display: inline-block; padding-left: 10px;}
.th_index_03 .index-news-control a:hover span{ color: white;}

.th_index_04{ background-color: #f5f5f5; padding: 60px 0 70px;}
.th_index_04 h1{ margin-bottom: 25px; font-weight: 600;}
.th_index_04 .view-item{width:100%; padding: 10px 0;}
.th_index_04 .view-item dl{position:relative;padding:40px 25px 30px;height:440px;background: #fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3) ; text-align: center;}
.th_index_04 .view-item dl dd.iph-star{margin:10px 0 20px 0;text-align:center}
.th_index_04 .view-item dl dd.iph-star i{display:inline-block;width:18px;height:18px;background:url(../images/start.png) no-repeat}
.th_index_04 .view-item dl dd.iph-star .gray {  background-position: 0 -22px;}
.th_index_04 .view-item dl dd.iph-star .half { background-position: 0 -45px;}
.th_index_04 .view-item dl dd.view-cont{line-height:24px;color:#666}
.th_index_04 .view-item dl dd.viewer{position:absolute;left:0;bottom:30px;width:100%;text-align:center}
.th_index_04 .view-item dl dd.viewer img{width:60px;height:60px;border-radius:50%}
.th_index_04 .view-item dl dd.viewer span{display:block;margin-top:5px}



.list_box_new { background:#FBFBFB; padding:20px;}
.list_box_new ul{margin:0;  padding:0;   list-style: none;    border-left:2px   #DDDDDD  dotted;   }
.list_box_new ul li{   position:relative; padding-left: 30px;   }
 .list_box_new ul li::before{   content:"";  position:absolute;  left:-5px; top:20px;  width:8px; height:8px;border-radius:8px;background:#999;  }
 .list_box_new ul li.active::before{  background: red;  }
.list_box_new  ul li p{margin:0;}


.list_steps ul{margin:0;  padding:0;   list-style: none;    border-left:2px   #DDDDDD  dotted;   }
.list_steps ul li{   position:relative; padding-left: 30px; margin-bottom:15px; color: #233349;  }
 .list_steps ul li::before{   content:"";  position:absolute;  left:-5px; top:20px;  width:8px; height:8px;border-radius:8px;background:#999;  }
 .list_steps ul li.active::before{  background: red;  }
.list_steps  ul li p{margin:0;}


 
 
.th_index_05{ padding: 30px 0;
background: -webkit-linear-gradient(left,#0dd9ff, #238fff); 
  background: -o-linear-gradient(left, #0dd9ff, #238fff); 
  background: -moz-linear-gradient(left, #0dd9ff, #238fff); 
  background: linear-gradient(left, #0dd9ff,#238fff); }
.th_index_05 dl{padding: 20px 0; width: 100%;text-align: center;color: white; }
.th_index_05 dl dt{font-size: 24px; margin-bottom: 5px;}
.th_index_05 .promise-icon{display: block;width: 70px;height: 70px; margin: 0 auto 20px auto; background: url(../images/index-promise.png) ;}
.th_index_05 .promise-secure{background-position-x: -70px;}
.th_index_05 .promise-lifeTime{background-position-x: -140px;}
.th_index_05 .promise-support{background-position-x: 70px;}

.th_index_06{padding: 60px 0 70px 0;}
.th_index_06 h1{ margin-bottom: 25px; font-weight: 600;}
.th_index_06 .index-product-box{display:table-cell;margin-bottom:30px;width:50%;padding:40px 30px 0 30px;background: #f5f5f5; vertical-align: top;}

.th_index_06 .index-product-box a{display: block;}
.th_index_06 .index-product-box .index-product-img{float: left;width: 25%;}
.th_index_06 .index-product-box .index-product-info{float: left; width: 75%; padding-left: 30px;padding-bottom: 30px;}
.th_index_06 .index-product-box .index-product-info dt h2{margin-bottom:8px;font-size: 20px; color: #333;font-weight: bold;}
.th_index_06 .index-product-box .index-product-info dd{padding: 3px 0 3px 15px;line-height: 26px;background: url(../images/point-gray.png) left 14px no-repeat; color: #666;}



.th_two_01{	padding:165px 0 130px 0;background-image:url(../images/iso/iso_burner_bg.webp);background-repeat: no-repeat;}
.th_two_01 h1{ color: white; font-weight:700; font-family: MyriadProRegular; font-size: 38px; line-height:1.6em; margin-bottom: 10px; margin: .27em 0;}
.th_two_01 p{ color: rgba(255,255,255,.9);  margin-top: 22px; margin-bottom:20px;font-family: Roboto; font-size: 14px; line-height: 28px;}
.th_two_01 .cta-buttons{display: inline-block; padding-top: 24px; padding-bottom: 16px}
.th_two_01 .cta-buttons a{ display: inline-block; border-radius: 6px; font-weight: 600; padding: 15px 16px; font-size: 20px; color: white; line-height: 1.33333;text-align: center;}
.th_two_01 .cta-buttons a:first-child{ min-width: 184px; margin-right: 16px; background-color: #2dcb21; margin-bottom: 10px;}
.th_two_01 .cta-buttons a:first-child:hover{ background-color: #239f1a;}
.th_two_01 .cta-buttons a:last-child{ min-width: 120px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);}
.th_two_01 .cta-buttons a:last-child:hover{box-shadow: inset 0 0 0 0px rgba(255,255,255,.4);}
.th_two_01 .app-os{ padding-bottom: 7px;}
.th_two_01 .app-os img { opacity: .3;  margin-right: 27px;}
.th_two_01 .app-os img:nth-child(1){margin-top:7px}
.th_two_01 .app-os img:nth-child(2){margin-top:10px}
.th_two_01 .ios-10-ready{opacity:.6; color: white; display:inline-block;line-height:18px;vertical-align:middle;position:relative;bottom:-5px;font-size:14px;}





.ultradmg_main{padding:165px 0 130px 0;	background-image:url(../images/dmg/ultradmg_bg_img.webp);background-repeat: no-repeat;}
.ultradmg_main h1{ color: white; font-weight:700; font-family: MyriadProRegular; font-size: 36px; line-height:1.6em; margin-bottom: 10px; margin: .27em 0;}
.ultradmg_main p{ color: rgba(255,255,255,.9);  margin-top: 22px; margin-bottom:20px; font-size: 14px; line-height: 28px;}
.ultradmg_main .cta-buttons{display: inline-block; padding-top: 24px; padding-bottom: 16px}
.ultradmg_main .cta-buttons a{ display: inline-block; border-radius: 6px; font-weight: 600; padding: 15px 16px; font-size: 20px; color: white; line-height: 1.33333;text-align: center;}
.ultradmg_main .cta-buttons a:first-child{ min-width: 204px; margin-right: 16px; background-color: #2dcb21; margin-bottom: 10px;}
.ultradmg_main .cta-buttons a:first-child:hover{ background-color: #239f1a;}
.ultradmg_main .cta-buttons a:last-child{ min-width: 180px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);}
.ultradmg_main .cta-buttons a:last-child:hover{box-shadow: inset 0 0 0 0px rgba(255,255,255,.4);}
.ultradmg_main .app-os{ padding-bottom: 7px;}
.ultradmg_main .app-os img { opacity: .3;  margin-right:7px;}
.ultradmg_main .app-os img:nth-child(1){margin-top:10px}
.ultradmg_main .app-os img:nth-child(2){margin-top:10px}
.ultradmg_main .ios-10-ready{opacity:.6; color: white; display:inline-block;line-height:18px;vertical-align:middle;position:relative; margin-bottom:20px; bottom:-10px;font-size:12.5px;}



.bitlocker_main{padding:165px 0 130px 0;	background-image:url(../images/bitlocker/bitlocker_bg.jpg);background-repeat: no-repeat;}
.bitlocker_main h1{ color: white; font-weight:700; font-family: MyriadProRegular; font-size: 36px; line-height:1.6em; margin-bottom: 10px; margin: .27em 0;}
.bitlocker_main p{ color: rgba(255,255,255,.9);  margin-top: 22px; margin-bottom:20px;font-family: Roboto; font-size: 14px; line-height: 28px;}
.bitlocker_main .cta-buttons{display: inline-block; padding-top: 24px; padding-bottom: 16px}
.bitlocker_main .cta-buttons a{ display: inline-block; border-radius: 6px; font-weight: 600; padding: 15px 16px; font-size: 20px; color: white; line-height: 1.33333;text-align: center;}
.bitlocker_main .cta-buttons a:first-child{ min-width: 204px; margin-right: 16px; background-color: #2dcb21; margin-bottom: 10px;}
.bitlocker_main .cta-buttons a:first-child:hover{ background-color: #239f1a;}
.bitlocker_main .cta-buttons a:last-child{ min-width: 180px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);}
.bitlocker_main .cta-buttons a:last-child:hover{box-shadow: inset 0 0 0 0px rgba(255,255,255,.4);}
.bitlocker_main .app-os{ padding-bottom: 7px;}
.bitlocker_main .app-os img { opacity: .3;  margin-right:7px;}
.bitlocker_main .app-os img:nth-child(1){margin-top:10px}
.bitlocker_main .app-os img:nth-child(2){margin-top:10px}
.bitlocker_main .ios-10-ready{opacity:.6; color: white; display:inline-block;line-height:18px;vertical-align:middle;position:relative; margin-bottom:20px; bottom:-10px;font-size:12.5px;}



.winpassgo_main{padding:150px 0 120px 0; background-image:url(radial-gradient(at%20bottom,rgba(255,255,255,.2),rgba(255,255,255,0)%2060%25));	background-image:url(../images/windows/winpassgo_bg_main.webp);background-repeat: no-repeat;}

.winpassgo_main h1{ color: white; font-weight:700; font-family: MyriadProRegular; font-size: 36px; line-height:1.6em; margin-bottom: 10px; margin: .27em 0;}
.winpassgo_main p{ color: rgba(255,255,255,.9);  margin-top: 22px; margin-bottom:20px; font-size: 14px; line-height: 28px;}
.winpassgo_main .cta-buttons{display: inline-block; padding-top: 24px; padding-bottom: 16px}
.winpassgo_main .cta-buttons a{ display: inline-block; border-radius: 6px; font-weight: 600; padding: 15px 16px; font-size: 20px; color: white; line-height: 1.33333;text-align: center;}
.winpassgo_main .cta-buttons a:first-child{ min-width: 184px; margin-right: 16px; background-color: #FF9933; margin-bottom: 10px;}
.winpassgo_main .cta-buttons a:first-child:hover{ background-color: #FFCC00;}
.winpassgo_main .cta-buttons a:last-child{ min-width: 120px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);}
.winpassgo_main .cta-buttons a:last-child:hover{box-shadow: inset 0 0 0 0px rgba(255,255,255,.4);}
.winpassgo_main .app-os{ padding-bottom: 7px;}
.winpassgo_main .app-os img { opacity: .9;  margin-right: 7px;}
.winpassgo_main .app-os img:nth-child(1){margin-top:7px}
.winpassgo_main .app-os img:nth-child(2){margin-top:10px}
.winpassgo_main .os-10-ready{opacity:.9; color: white; display:inline-block;line-height:18px;vertical-align:middle;position:relative;bottom:-5px;font-size:14px;}





.anywingo_main{padding:150px 0 120px 0; background-image:url(radial-gradient(at%20bottom,rgba(255,255,255,.2),rgba(255,255,255,0)%2060%25));	background-image:url(../images/windows/anywingo_main_bg.webp);background-repeat: no-repeat;}

.anywingo_main h1{ color: white; font-weight:700; font-family: MyriadProRegular; font-size: 36px; line-height:1.6em; margin-bottom: 10px; margin: .27em 0;}
.anywingo_main p{ color: rgba(255,255,255,.9);  margin-top: 22px; margin-bottom:20px;font-family: Roboto; font-size: 14px; line-height: 28px;}
.anywingo_main .cta-buttons{display: inline-block; padding-top: 24px; padding-bottom: 16px}
.anywingo_main .cta-buttons a{ display: inline-block; border-radius: 6px; font-weight: 600; padding: 15px 16px; font-size: 20px; color: white; line-height: 1.33333;text-align: center;}
.anywingo_main .cta-buttons a:first-child{ min-width: 184px; margin-right: 16px; background-color: #2dcb21; margin-bottom: 10px;}
.anywingo_main .cta-buttons a:first-child:hover{ background-color: #239f1a;}
.anywingo_main .cta-buttons a:last-child{ min-width: 120px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);}
.anywingo_main .cta-buttons a:last-child:hover{box-shadow: inset 0 0 0 0px rgba(255,255,255,.4);}
.anywingo_main .app-os{ padding-bottom: 7px;}
.anywingo_main .app-os img { opacity: .9;  margin-right: 7px;}
.anywingo_main .app-os img:nth-child(1){margin-top:7px}
.anywingo_main .app-os img:nth-child(2){margin-top:10px}
.anywingo_main .os-10-ready{opacity:.9; color: white; display:inline-block;line-height:18px;vertical-align:middle;position:relative;bottom:-5px;font-size:14px;}




.th_two_02 .container{ border-bottom: 1px solid #e5e5e5;  padding:100px 15px;}
.th_two_02 .content{ padding-top:20px;}
.th_two_02 .content h2{color:#262626;font-size:26px;line-height:36px;font-weight:600;font-family:MyriadProRegular}
.th_two_02 .content p{font-size:15.5px;margin:0 0 10px;line-height:28px;color: #333333;margin-top:16px;}

.th_two_03{ padding: 100px 0;}
.th_two_03 .content{ padding-top: 50px;}
.th_two_03 .content h2{color:#262626;font-size:26px;line-height:36px;font-weight:600;font-family:MyriadProRegular}
.th_two_03 .content p{font-size:15.5px;margin:0 0 10px;line-height:28px;color:#333333;margin-top:16px}
.th_two_03 .block-backups-wireless-list{margin-top:32px;text-transform:uppercase;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:rgba(0,0,0,.5)}
.th_two_03 .block-backups-wireless-list strong{font-weight:700;margin-top:10px;display:block}

.th_two_04{color:#fff; background-size:150% 100%;background-position:center center;position:relative;width:100%;overflow:hidden;padding-top:80px;padding-bottom:80px; width:100%;    }
.anywingo_USB_dvd_main{ background-color:#F3F3F3;}
		
.th_two_04 h2{color:#333333;font-size:26px;line-height:36px;font-weight:600;font-family:MyriadProRegular; text-align:center;}
.th_two_04 p{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height: 1.428571429;
	color: #333; margin:0 0 10px;line-height:25px; margin-top:16px;text-align:center; }

.th_two_04  ul { list-style:; padding: 0 12px; }
.th_two_04  ul li { font-weight: 300; color:#333333; font-size: 15px; text-align: left; padding-left: 15px; line-height: 24px;}
.th_two_04  .ISO_box_main {
	margin:0 auto;
	margin-bottom:40px;
	border: thin dashed #37be94;
	width:65%;
	padding:10px;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}
.th_two_04 .top_box_text{ padding-left:10%;  }

.th_two_05{ padding-top:10px;}
.width_bg { background-color:#F7F9FD; padding-top:10%; padding-bottom:10%;}
.width_bg_3 { background-color:#F7F9FD; padding-top:2%; padding-bottom:2%;}
.th_two_05 .container{ border-bottom: 1px solid #e5e5e5;  padding: 60px 0;}
.th_two_05 .content{ padding-top: 40px;}
.th_two_05 .content h2{color:#262626;font-size:24px;line-height:36px;font-weight:600;font-family:MyriadProRegular}
.th_two_05 .content p{font-size:15.5px;margin:0 0 10px;line-height:28px;color:#333333;margin-top:16px}
.th_two_05 .content p a {transition: box-shadow .4s,-webkit-box-shadow .4s; color: #319eff; text-decoration: none;}
.th_two_05 .content p a:hover{ color: #0078e4;}

.th_two_06{ padding:70px 0;}
.th_two_06 .content{ padding-top: 50px;}
.th_two_06 .content h2{color:#262626;font-size:24px; font-weight:600;line-height:36px;font-family:MyriadProRegular}
.th_two_06 .content p{font-size:15.5px;margin:0 0 10px;line-height:28px;color:#333333;margin-top:16px}
.compareison_list li{ list-style: disc; list-style-position:inside;}

.th_two_07{
	overflow:hidden;
	position:relative;
	width:100%;
	overflow:hidden;
	padding-top:60px;
	padding-bottom:60px;
	background-color: #3ac2aa;
}
.th_two_07 .SYSGeeker-logo{width:65px;height:65px;margin:0 0 31px}
.th_two_07 h2{color:white;font-size:28px;line-height:36px;font-weight:600;font-family:MyriadProRegular}
.th_two_07 p{font-size:15.5px;margin:0 0 10px;line-height:28px;color:white;margin-top:16px}
.th_two_07 .cta-buttons{display: inline-block; padding-top: 24px; padding-bottom: 16px}
.th_two_07 .cta-buttons a{ display: inline-block; border-radius: 6px; font-weight: 600; padding: 15px 16px; font-size: 20px; color: white; line-height: 1.33333;text-align: center;}
.th_two_07 .cta-buttons a:first-child{ min-width: 184px; margin-right: 16px; background-color: #2dcb21; margin-bottom: 10px;}
.th_two_07 .cta-buttons a:first-child:hover{ background-color: #239f1a;}
.th_two_07 .cta-buttons a:last-child{ min-width: 120px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);}
.th_two_07 .cta-buttons a:last-child:hover{box-shadow: inset 0 0 0 0px rgba(255,255,255,.4);}
.th_two_07 p.sub {  font-size: 12px; color: white;  line-height: 20px; opacity: .7;}


.dmg_download_main{
	overflow:hidden;
	position:relative;
	width:100%;
	overflow:hidden;
	padding-top:60px;
	padding-bottom:60px;
	margin-top:5%;
	background-color: #0688EC;
}
.dmg_download_main .SYSGeeker-logo{width:65px;height:65px;margin:0 0 31px}
.dmg_download_main h2{color:white;font-size:28px;line-height:36px;font-weight:600;font-family:MyriadProRegular}
.dmg_download_main p{font-family:Roboto;font-size:15px;margin:0 0 10px;line-height:28px;color:white;margin-top:16px}
.dmg_download_main .cta-buttons{display: inline-block; padding-top: 24px; padding-bottom: 16px}
.dmg_download_main .cta-buttons a{ display: inline-block; border-radius: 6px; font-weight: 600; padding: 15px 16px; font-size: 20px; color: white; line-height: 1.33333;text-align: center;}
.dmg_download_main .cta-buttons a:first-child{ min-width: 184px; margin-right: 16px; background-color: #2dcb21; margin-bottom: 10px;}
.dmg_download_main .cta-buttons a:first-child:hover{ background-color: #239f1a;}
.dmg_download_main .cta-buttons a:last-child{ min-width: 120px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);}
.dmg_download_main .cta-buttons a:last-child:hover{box-shadow: inset 0 0 0 0px rgba(255,255,255,.4);}
.dmg_download_main p.sub {  font-size: 12px; color: white;  line-height: 20px; opacity: .7;}





.th_two_08{padding-top:60px;padding-bottom:60px;background-image:-webkit-gradient(linear,left top,left bottom,from(#e5e9ee),to(rgba(201,205,212,0)));background-image:-webkit-linear-gradient(top,#e5e9ee,rgba(201,205,212,0));background-image:-o-linear-gradient(top,#e5e9ee,rgba(201,205,212,0));background-image:linear-gradient(to bottom,#e5e9ee,rgba(201,205,212,0));background-position:-48px top padding-top: 20px;background-image:url(../images/map.png);background-position:center center;background-repeat:no-repeat}
.th_two_08 .testimonials-slider{max-width:870px;margin:40px auto;overflow:hidden}
.th_two_08 .testimonial-item{width:290px;display:table-cell;padding-left:20px;padding-right:20px}
.th_two_08 .testimonial-item .testimonial-item-head{min-height:100px}
.th_two_08 .testimonial-item .testimonial-item-head .testimonial-item-title{color:#303030;margin-bottom:1px;line-height:24px}
.th_two_08 .testimonial-item .testimonial-item-head .testimonial-item-title b{font-weight:700}
.th_two_08 .testimonial-item .testimonial-item-head .testimonial-item-by{font-size:15px;margin-bottom:6px;line-height:24px}
.th_two_08 .testimonial-item .testimonial-item-head .testimonial-item-stars{margin-left:-2px}
.th_two_08 .testimonial-item .testimonial-item-head .testimonial-item-stars .stars-empty{background-image:url(../images/comment-star.svg)}
.stars-empty{background-image:url(../images/comment-star-filled.svg);background-size:18px 13px;background-repeat:repeat-x;background-position:left center;width:90px;height:13px}
.th_two_08 .testimonial-item .testimonial-item-body{font-size:15px;line-height:28px}
.th_two_08 .reviews-all{padding-left:20px;font-size:16px;color:#00b271;text-decoration:none}
.th_two_08 .reviews-all:hover{color:#0078e4}
.th_two_08 .bor{ border-bottom: 1px solid #e5e5e5;}
.th_two_08 .twitter-follow-button{display: inline-block; margin-top: -30px; margin-bottom: 30px;}
.th_two_08 .twitter-follow-button{color:#319eff;}
.th_two_08 .twitter-follow-button:hover{color:#0078e4}
.th_two_08 h2{font-size:28px;}


.th_two_09{ padding-bottom: 30px;}
.th_two_09 h2{color:#262626;font-size:28px;line-height:36px;font-weight:500;font-family:MyriadProRegular}
.th_two_09 .block-howto-list{padding-top:7px;padding-bottom:50px}
.th_two_09 .block-howto-list a{font-size:15px;font-weight:400;-webkit-box-shadow:inset 0 0 0 1px #e5e5e5,0 8px 16px transparent;box-shadow:inset 0 0 0 1px #e5e5e5,0 8px 16px transparent;margin-bottom:8px;margin-right:3px;padding-left:17px;color:#00b271;-webkit-transition:-webkit-box-shadow .4s;transition:-webkit-box-shadow .4s;-o-transition:box-shadow .4s;transition:box-shadow .4s;transition:box-shadow .4s,-webkit-box-shadow .4s}
.th_two_09 .btn-lg{border:0;padding-top:13px;padding-bottom:13px;font-family:roboto,sans-serif;font-weight:500}
.th_two_09 .btn{border:0;-webkit-transition:background .2s,-webkit-box-shadow .2s;transition:background .2s,-webkit-box-shadow .2s;-o-transition:background .2s,box-shadow .2s;transition:background .2s,box-shadow .2s;transition:background .2s,box-shadow .2s,-webkit-box-shadow .2s}
.th_two_09 .block-howto-list a .glyphicon-play{font-size:10px;color:#cad5df;top:-1px;margin-left:14px;margin-right:3px}
.th_two_09 .block-howto-list a:hover{background:#fff;color:#319eff;z-index:10;-webkit-box-shadow:inset 0 0 0 1px #e5e5e5,0 8px 16px rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px #e5e5e5,0 8px 16px rgba(0,0,0,.12)}
.th_two_09 .bor{ border-bottom: 1px solid #e5e5e5;}

.th_two_10{position:relative;width:100%;overflow:hidden; padding-top:30px;}
.th_two_10 h2{color:#262626;font-size:28px;line-height:36px;font-family:MyriadProRegular; font-weight:600;text-align:center;margin-top:45px;margin-bottom:2px}

.bricks-container{padding-top:30px;padding-bottom:30px}
.bricks-container li{display:block;width:calc(25% + 1px); background-color:#FFFFFF;padding-bottom:20px;overflow:hidden;   
 border:1px  #D1D1D1 solid;display:block;text-align:center;float:left;margin-right:-1px;margin-bottom:-1px;-webkit-transition:border-color .4s,-webkit-box-shadow .4s;transition:border-color .4s,-webkit-box-shadow .4s;-o-transition:box-shadow .4s,border-color .4s;transition:box-shadow .4s,border-color .4s;transition:box-shadow .4s,border-color .4s,-webkit-box-shadow .4s;position:relative}
.brick-icon{height:120px}
.brick-icon img{margin-top:24px;max-width:96px}
.brick{ cursor: initial;}
.brick span{display:block}
.brick-title{color:#333;font-size:16px;font-weight:600;font-family:MyriadProSemiBold;margin-top:3px; padding-bottom:10px;}
.brick-description{color: #707070;padding:0 10px;font-size:15px}
/*.brick:hover{text-decoration:none;-webkit-box-shadow:0 12px 30px rgba(0,0,0,.2);box-shadow:0 12px 30px rgba(0,0,0,.2);border:1px #d8d8d8 solid;z-index:10}*/

@media all and (max-width: 768px) {
.th_two_01{padding:70px 0 20px 0;}
.th_two_02 .container{ padding-top: 30px; padding-bottom: 30px;}
.th_two_02 .content{padding-top: 20px;}
.th_two_03{ padding: 0px 0;}
.th_two_03 .content{ padding-top: 30px;}
.th_two_04{ padding-top: 30px; padding-bottom: 30px;}
.th_two_05 .container{ padding: 30px 15px;}
.th_two_05 .content{ padding-top: 20px;}
.th_two_06{ padding: 30px 0;}
.th_two_06 .content{ padding-top: 0px;}
.th_two_08 h2{ margin-top: 0;}
.th_two_08 .testimonials-slider{ max-width: 100%; margin: 20px 0;}
.th_two_08 .testimonials-slider .testimonials{ width: 100%;}
.th_two_08 .testimonial-item{ width: 100%; display: initial;}
.th_two_08 .testimonial-item .testimonial-item-head{ min-height: 80px;}
.th_two_09 h2{ text-align: center;}
.th_two_09 .block-howto-list a { font-weight: 400; text-align: left;white-space: normal; border: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; position: relative;  padding-top: 0; padding-bottom: 0; margin-bottom: 15px!important; display: block;}
.th_two_10{padding:0 15px 20px 15px;}
.th_two_10 h2{margin-top: 0px;margin-bottom:0px}
.bricks-container li{width:calc(50% + 1px);}

}

.th_three_01{padding:100px 0 70px 0;
    background-image: -webkit-gradient(linear,left top,right bottom,from(rgba(28,156,237,0.9)),to(rgba(9,24,56,0.9)));
    background-image: -webkit-linear-gradient(top left,rgba(28,156,237,0.9),rgba(9,24,56,0.9));
    background-image: -o-linear-gradient(top left,rgba(28,156,237,0.9),rgba(9,24,56,0.9));
    background-image: linear-gradient(to bottom right,rgba(28,156,237,0.9),rgba(9,24,56,0.9));
    background-position: center center;}
.th_three_01 h1{ color: white; font-weight: 400; font-family: MyriadProRegular; font-size: 36px; line-height: 44px; margin-bottom: 10px; margin: .67em 0;}
.th_three_01 p{ color: rgba(255,255,255,.7); font-weight: 600; margin-top: 22px;font-family: Roboto; font-size: 17px; line-height: 28px;}
.th_three_01 .cta-buttons{display: inline-block; padding-top: 24px; padding-bottom: 16px}
.th_three_01 .cta-buttons a{ display: inline-block; border-radius: 6px; font-weight: 600; padding: 15px 16px; font-size: 20px; color: white; line-height: 1.33333;text-align: center;}
.th_three_01 .cta-buttons a:first-child{ min-width: 184px; margin-right: 16px; background-color: #f0552c; margin-bottom: 10px;}
.th_three_01 .cta-buttons a:first-child:hover{ background-color: #da3a0f;}
.th_three_01 .cta-buttons a:last-child{ min-width: 120px; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);}
.th_three_01 .cta-buttons a:last-child:hover{box-shadow: inset 0 0 0 0px rgba(255,255,255,.4);}
.th_three_01 .app-os{ padding-bottom: 7px;}
.th_three_01 .app-os img { opacity: .3;  margin-right: 27px;}
.th_three_01 .app-os img:nth-child(1){margin-top:7px}
.th_three_01 .app-os img:nth-child(2){margin-top:10px}
.th_three_01 .ios-10-ready{opacity:.6; color: white; display:inline-block;line-height:18px;vertical-align:middle;position:relative;bottom:-5px;font-weight:600;font-size:18px;}

.th_three_02{padding:60px 0;background-image:-webkit-gradient(linear,left top,right top,from(#134ca2),to(#5dcafd));background-image:-webkit-linear-gradient(left,#134ca2,#5dcafd);background-image:-o-linear-gradient(left,#134ca2,#5dcafd);background-image:linear-gradient(to right,#134ca2,#5dcafd)}
.th_three_02 .content{ padding-top: 100px; color: rgba(255,255,255);}
.th_three_02 h1{ color: white; font-weight: 400; font-family: MyriadProRegular; font-size: 36px; line-height: 44px; margin-bottom: 10px; margin: .67em 0;}
.th_three_02 p{ color: rgba(255,255,255); font-weight: 600; margin-top: 22px;font-family: Roboto; font-size: 17px; line-height: 28px;}


.th_three_03 h2{color:#262626;font-size:28px;line-height:36px;font-weight:400;font-family:MyriadProRegular}
.th_three_03 p{font-family:Roboto;font-size:17px;margin:0 0 10px;line-height:28px;color:#7a7a7a;margin-top:16px}
.th_three_03 .ha-sm{ margin: 0 auto;}
.th_three_03 .bor{ border-bottom: 1px solid #e5e5e5;}
.th_three_03 .container{ padding-top: 60px;}
.th_three_03 .container.bor{ padding-bottom: 60px;}
.th_three_04 .container{ border-bottom: 1px solid #e5e5e5;  padding: 0 0;}
.th_three_04 .content{ padding-top: 100px;}
.th_three_04 .content h2{color:#262626;font-size:28px;line-height:36px;font-weight:400;font-family:MyriadProRegular}
.th_three_04 .content p{font-family:Roboto;font-size:17px;margin:0 0 10px;line-height:28px;color:#7a7a7a;margin-top:16px}
.th_three_04 .content p a {transition: box-shadow .4s,-webkit-box-shadow .4s; color: #319eff; text-decoration: none;}
.th_three_04 .content p a:hover{ color: #0078e4;}

@media all and (max-width: 768px) {
.th_three_04 .container{ padding: 0 15px;}
.th_three_04 .content{ padding-top: 20px;}
.th_three_05{ min-height: 600px !important;}
.th_two_07 p.sub{ text-align: center;}
}

.th_three_05{padding:60px 0;min-height:760px;background-image:url(../images/view.jpg);background-position:center bottom;-webkit-background-size:cover;background-size:cover}
.th_three_05 h2{color:#262626;font-size:28px;line-height:36px;font-weight:400;font-family:MyriadProRegular}
.th_three_05 p{font-family:Roboto;font-size:17px;margin:0 0 10px;line-height:28px;color:#7a7a7a;margin-top:16px}
.th_three_05 p a {transition: box-shadow .4s,-webkit-box-shadow .4s; color: #319eff; text-decoration: none;}
.th_three_05 p a:hover{ color: #0078e4;}


.th_four_01{background:url(../images/support_bg_1.webp) center center no-repeat;background-size:cover;text-align:center;padding:70px 0;font-size:25px;color:#fff}
.th_four_02{border-bottom: solid 1px #f0f0f0; text-align: center;}
.th_four_02 a{display: inline-block;padding: 0 30px;    line-height: 58px; color: #333;border-bottom: solid 2px transparent; font-size: 18px;}
.th_four_02 .s_crt , .th_four_02 a:hover{color: #3ac2aa; border-bottom:solid 2px #3ac2aa}

@media all and (max-width: 768px){
.th_four_03 .ceil { width: 95% !important;}
.th_four_03 .support_p{ font-size: 24px;}
.th_four_04 .article_right{ margin-top: 10px !important;}
.th_four_04 .article_right li{ width: 95%; overflow: hidden;}
.th_four_04 .article_right li a{  overflow: hidden; display: block;}
}
@media all and (max-width:640px) {
.th_four_02 a{float:left;width: 50%; padding: 0;}
}

@media all and (max-width: 680px){
.th_four_01 { font-size: 20px; background-position-x: 40%;  background-size: auto 100%;}
.support_banner h1 { font-size: 30px;}
}
@media all and (max-width: 420px){
.th_four_01 { font-size: 16px; background-position-x: 35%;}
}


.th_four_03{ padding-top: 40px;}
.th_four_03 .support_p{text-align:center;margin-bottom:30px;font-size:15px;line-height:28px}
.th_four_03 .ceil{
	margin:0 0 30px 3.3%;
	padding-top:30px;
	width:100%;
	text-align:center;
	background-color: #E8F9F2;
}
.th_four_03 .ceil h3{padding:5px 0;line-height:20px;color:#444;font-weight:600; font-size:22px;}
.th_four_03 .ceil p{padding:0px 20px 0px;color:#555;line-height:18px;}
.th_four_03 .ceil ul li {list-style-type:disc;list-style-position: inside; text-align:left; margin-left:32%;}

.th_four_04{ padding: 40px 0; }
.th_four_04 h1{	font-size:24px;	padding-bottom:2px;}
.title_line_bottom{
	width:50%;
	text-align:center;
	margin:0 auto;
	padding-bottom:2px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1ECF9B;
}
.title_line{ width:21%; text-align:center; margin:0 auto;}
.th_four_04 .article_img_list{position:relative;overflow:hidden;max-width: 100%;  border-radius: 5px; }
.th_four_04 .article_img_list img{width: 100%; height: 100%;  left:0; top:0}
.th_four_04 .article_right{width: 100%; padding-top:40px;}
.th_four_04 .article_right li{line-height:30px;height:26px;padding:0 30px 2.5% 2.5%; margin-bottom:2.5%;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing: content-box;border-bottom: dashed 1px #929292;list-style-type: disc;overflow: hidden; white-space: nowrap; }
.th_four_04 .article_right li a{font-size: 14px; color: #333;}
.th_four_04 .article_right .index a,
.th_four_04 .article_right li a:hover{color: #0078e4;}


.th_five_01{
	width:100%;
	padding-bottom:150px;
	
	background-image: url(../images/store_bg_img.webp);
	background-repeat: no-repeat;
	background-position: center center;
}

.th_five_02 {
	margin-top:40px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding-bottom:30px;
}
.th_five_01 h2{color:white;font-size:30px;text-align:center; margin: 0; padding-top:150px; }
.th_five_01 .t11{ color:#FFFFFF; margin-top:20px;}

.main-product{margin-top:30px}
.th_five_02 .roww{padding:10px;background: #fff}

.th_five_02  .hot_product_box{ float:right; margin-top:40px;}


.th_five_02 .detail-box{padding:25px 0 60px 34px;}
.th_five_02 .detail-box .text_ISO_pro{ font-size:15.5px; color:#363636; }
.th_five_02 .detail-box p{padding-bottom:15px; }


.th_five_02 h1{font: normal 30px/46px Open Sans,Arial,Helvetica,sans-serif; color: #2e2e2e;}
.th_five_02 h1 a{font: normal 30px/46px Open Sans,Arial,Helvetica,sans-serif; color: #2e2e2e;}
.th_five_02 h1 a:hover{color:#2372cb}
.th_five_02 ul{margin:0;padding:0}
.th_five_02 ul li{list-style:none;font-size:14px;color: #4C4C4C;margin-bottom:10px;padding-left:35px;background:url(../images/list-1.webp) no-repeat 10px 8px}
.th_five_02 ul li.o{background-position:10px -55px}
.th_five_02 .buy-box-40{padding-right:70px}
.th_five_02 .buy-40{width:186px;float:left;margin-right:15px}
.th_five_02 .buy-40 .price{text-align:center;margin:20px 0 5px}
.buy-box-40 .buy-40 .price .org{text-decoration:line-through;font-size:17px;color:#777;margin-right:20px}
.buy-box-40 .buy-40 .price .sell{font-size:25px;color:#e03434}
.buy-now-40{display:block;width:186px;height:55px;background-position:15px 11px;background-repeat:no-repeat;background-color:#37be94;border-radius:5px}
.buy-now-40:hover{background-color:#ff9555;text-decoration:none}
.buy-now-40:focus{background-color:#ff8439;text-decoration:none}
.buy-now-40 span{display:block;height:55px;line-height:55px;width:135px;text-align:center;font-size:20px;color:#fff;margin-left:50px}


.buy-now-44{display:block;width:186px;height:55px;background-position:15px 11px;background-repeat:no-repeat;background-color: #259dd5;border-radius:5px}
.buy-now-44:hover{background-color:#ff9555;text-decoration:none}
.buy-now-44:focus{background-color:#ff8439;text-decoration:none}
.buy-now-44 span{display:block;height:55px;line-height:55px;width:135px;text-align:center;font-size:17px;color:#fff;margin-left:50px}



.buy-win-40{background-image:url(../images/win-w-40.png)}
.buy-mac-40{background-image:url(../images/mac-w-40.png)}
.buy-box-30{width:353px}
.buy-box-30 .buy-30{width:134px;float:right;margin-right:20px}
.buy-box-30 .buy-30 .price{text-align:center;margin:16px 0 5px}
.buy-box-30 .buy-30 .price .org{text-decoration:line-through;font-size:15px;color:#777;margin-right:5px}


@media all and (max-width: 768px){
.th_five_01 h2 { font-size: 29px; line-height: 35px; margin-top: 25px;}
.th_five_02 .detail-box { padding: 20px 0 30px;}
.th_five_02 .roww{ background: none;}
}


.th_five_03{ padding-bottom: 20px;}
.th_five_03 .detail-box{background:white;padding-top:33px;padding-bottom:45px; margin-top: 20px;}
.th_five_03 .bgcolor{background-color:white}
.th_five_03 .detail-box .img{text-align:center}
.th_five_03 .detail-box h2{font-size:25px;font-weight:400;color:#424242;text-align:center;margin-top:25px;margin-bottom:10px}
.th_five_03 .detail-box h2 a:hover{color:#2372cb}
.th_five_03 .info{max-width:345px;margin:0 auto;font-size:15px;color:#363636;text-align:center}
.th_five_03 .buy-box-30{width:320px;margin:0 auto}
.th_five_03 .buy-box-30 .price .org{text-decoration:line-through;font-size:15px;color:#777;margin-right:5px}
.th_five_03 .buy-box-30 .price .sell{font-size:20px;color:#e03434}
.th_five_03 .buy-now-30{display:block;width:134px;height:37px;background-position:10px 6px;background-repeat:no-repeat;background-color:#ff8439;border-radius:5px}
.th_five_03 .buy-now-30 span{display:block;height:37px;line-height:37px;width:102px;text-align:center;font-size:14px;color:#fff;margin-left:34px}
.th_five_03 .buy-now-30:hover{ background-color: #ff9555;}
.th_five_03 .buy-win-30 { background-image: url(../images/win-w-30.png);}
.th_five_03 .buy-mac-30 { background-image: url(../images/mac-w-30.png);}

.th_five_04{ padding-bottom: 20px;}
.th_five_04 h1{margin-top:45px;margin-bottom:15px;padding-left:10px;border-left:4px solid #ea8d54;color:#424242;font-size:30px;line-height:30px}
.th_five_04 .detail-box{background:white;padding-top:33px;padding-bottom:45px; margin-top: 20px;}
.th_five_04 .bgcolor{background-color:white}
.th_five_04 .detail-box .img{text-align:center}
.th_five_04 .detail-box h2{font-size:20px;font-weight:400;color:#424242;text-align:center;margin-top:25px;margin-bottom:10px}
.th_five_04 .detail-box h2 a:hover{color:#2372cb}
.th_five_04 .info{max-width:345px;margin:0 auto;font-size:14px;color:#939393;text-align:center}
.th_five_04 .buy-box-30 .buy-30{float: initial; text-align: center; width: 100%; margin-right: 0;}
.th_five_04 .buy-box-30{width:100%;margin:0 auto; }
.th_five_04 .buy-box-30 .price .org{text-decoration:line-through;font-size:15px;color:#777;}
.th_five_04 .buy-box-30 .price .sell{font-size:20px;color:#e03434}
.th_five_04 .buy-now-30{display:inline-block;width:134px;height:37px;background-position:10px 6px;background-repeat:no-repeat;background-color:#ff8439;border-radius:5px}
.th_five_04 .buy-now-30 span{display:block;height:37px;line-height:37px;width:102px;text-align:center;font-size:14px;color:#fff;margin-left:34px}
.th_five_04 .buy-win-30 { background-image: url(../images/win-w-30.png);}
.th_five_04 .buy-mac-30 { background-image: url(../images/mac-w-30.png);}


.th_five_05 h1{ font-size: 16px;}
.th_five_06{ padding: 50px 0;}
.th_five_06 .buy-box2{border: solid 1px #dedede; min-height: 310px;  padding-top: 45px;  background-color: white;}
.th_five_06 .buy-box2 p{ font-size: 16px; line-height: 24px;}
.th_five_06 .buy-box2 ul { list-style:; padding: 0 12px;}
.th_five_06 .buy-box2 ul li { font-weight: 300; font-size: 15px; text-align: left;  line-height: 24px; list-style-type:disc; margin-left:30px;}
.th_five_06 .buy-box2 p.text { font-size: 15px; padding: 15px 0 10px 0; font-weight:600;}

.th_five_07{ padding-bottom: 50px;}
.th_five_07 h1 {font: normal 30px/46px Open Sans,Arial,Helvetica,sans-serif; color: #2e2e2e;}
.th_five_07 .buy-question a { display: inline-block; height: 56px;  line-height: 56px;  border: solid 2px #9b9b9b; font-size: 18px; font-weight: 500;color: #2e2e2e; transition: none; width: 100%; margin-bottom: 40px;}
.th_five_07 .buy-question a.faq {background: url(../images/buy-icon.png) no-repeat 20px -60px;}
.th_five_07 .buy-question a.billing { background: url(../images/buy-icon.png) no-repeat 20px 12px;}
.th_five_07 .buy-question a.contact { background:  url(../images/buy-icon.png) no-repeat 20px -142px;}
.th_five_07 .buy-question a.faq.curr {background: url(../images/buy-icon-hover.png) no-repeat 20px -60px;}
.th_five_07 .buy-question a.billing.curr { background: url(../images/buy-icon-hover.png) no-repeat 20px 12px;}
.th_five_07 .buy-question a.contact.curr { background:  url(../images/buy-icon-hover.png) no-repeat 20px -142px;}
.th_five_07 .buy-question a.curr{ border: solid 2px #25d4d2; color: #25d4d2;}
.th_five_07 .tavc .span9{ display: none;}
.th_five_07 .buy-box { padding: 10px 30px 10px 30px;}
.th_five_07 p.text1 { font-weight: 600;font-size: 16px; line-height: 1.67;}
.th_five_07 p.text2 {font-weight: 300;line-height: 25px; font-size:15.5px;}


.th_five_08{ padding-bottom: 50px;  background: url(../images/map.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.th_five_08 h1 {font: normal 36px/46px Open Sans,Arial,Helvetica,sans-serif; color: #2e2e2e;}
.th_five_08 p.text1 { font-size: 18px; font-weight: 600;  line-height: 2;}
.th_five_08 p.text2 { font-weight: 300; padding: 10px 50px 20px 50px;}
.th_five_08 p.text3 { margin-top: 30px;font-size: 36px;color: #259bd6;}

.th_sex_1{ no-repeat center bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
	background-size:cover;
  background-color: #36BF95;
	
	background-repeat: no-repeat;
	background-position: center center;
}
.th_sex_1 h1{margin:8%; padding:5% 2% 0% 2%; font-size:45px; color:#FFFFFF; font-weight:600; }
.th_sex_1 .line_box_1 {padding:80px;}

.tabBox_side {margin-top:40px;background:#f2f2f2;}
.tabBox_side h5 {background:#259bd6;color:#fff; margin:0; padding:20px 20px; font-size: 18px;}
.tabNav_side {padding:0 15px 30px 15px;}
.tabNav_side ul {margin:10px 0 10px 10px;}
.tabNav_side ul li {font-size:12px;}
.tabNav_side ul li a {color: #2e2e2e; font-size:12px;display:block; padding:5px 0;line-height:20px;}
.tabNav_side ul li:hover {color:#259bd6;}
.tabNav_side ul li a:hover {text-decoration:none;color:#259bd6;}
.text_box_1{padding-left:150px;}
.th_sex_2 { margin:0 auto; }
.th_sex_2 .post_content {margin-top:2%; font-size: 16px; line-height:27px; }

.th_sex_2 .post_content ul.steps_li li { list-style-type: disc; margin-left:10%; margin-bottom:5px;}

.th_sex_2 .post_content p { color: #233349; font-size:1.7rem; padding:8px 0; 	}
.quote_box {
	
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #DDDDDD;
	padding-left:14px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:10px;
	margin-bottom:30px;
	margin-top:30px;
	font-style: italic;
}

.quote_box p{font-size:15px;}

blockquote {
    border:none;

    quotes: "\201C""\201D""\2018""\2019";
}
blockquote h3 {

  font-weight:200;
  font-size:16px
}
blockquote h3:before { 
content: open-quote;
font-size:50px;
color:#889c0b;

  font-weight:200;
} 
blockquote h3:after { 
content: close-quote;

font-size:50px;
color:#889c0b;
  font-weight:200;
  
  
}

.user_question {
	padding:10px;
	border-radius:20px;
	background-color: #F0F0F0;
}

.th_sex_2 .font-color{background-color:#f3f3f3; padding:0.4em; color:#0099FF;}
.th_sex_2  .small_title{
width:280px;
	color:#0099FF;
	font-size:22px;
	line-height:1.7em;

	
	font-weight:600;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #00CCFF;
}

.th_sex_2 .post_content h4{ font-weight:600; }


.preparation_list li{ line-height:2em; list-style:disc; font-size:15px;}

.th_sex_2 .post_content img{ display: block;   aspect-ratio: attr(width) / attr(height);
}
.th_sex_2 .post_content h3 { }


.th_sex_2 .post_content p img{display:block;margin:0 auto;}

.list_fea_box, .th_sex_2 .post_content .posttip {
	
	padding: 20px 0 10px 20px;
	margin: 20px auto;
	background-color:#F7F9FA;}
.list_fea_box, .th_sex_2 .post_content .posttip ul li { color: #6fa549;  font-weight: normal;  line-height: 2.3; list-style: disc; margin-left:20px;}

.list_fea_box .posttip ul li { color: #0099FF;  font-weight: normal;  line-height: 2.3; list-style: disc; margin-left:20px;}
.list_fea_box, .th_sex_2 .post_content .posttip ul li a { color: #00AB11; !important;}
.list_fea_box .posttip ul li a { color: #0099FF; !important; text-decoration:none; font-size:15px;}
.list_fea_box .posttip ul li a:hover {text-decoration: underline;}





.faq-component h2.newh2{
	margin:32px auto!important;
	line-height:45px;
	font-size:28px;
	color: #333333;
	text-align:center;
	font-weight:700;
	padding:10px 20px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #B4B4B4;
}



.th_sex_2 .post_content .posttip ul li a:hover {text-decoration:underline;}


.th_sex_2 h2.newh2{line-height:32px;font-size:28px;color:#259bd6;text-align:center;font-weight:400; margin-top:55px; padding-bottom:10px;}
.th_sex_2 .post_content p a { color: #2D8CFF; !important;}
.yarpp-related {margin:3em 0 3em 0 !important;width:100%; padding-left:20px;}
.yarpp-related-none {border:none;}
.th_sex_2 .post_content h2.newh2{
	
	line-height:45px;
	font-size:32px;
	color: #000000;
	text-align:center;
	font-weight:700;
	
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #B4B4B4;
}
.yarpp-related .related-posts_li{width:100%;padding:1px 0; font-size:16px; line-height:2em;color:#37Be94; margin-let:20px; list-style-position:inside;list-style:disc;}
.text_part_list li{ list-style: disc; line-height:1.5em; margin-left:20px;}
.note_box{
	padding:10px 20px;
	border: thin dashed #00CCCC;
	background-color: #F9F9F9;
}
.note_box h4{margin-top:10px;}
.note_box p{font-size:14px; }
.test_note_box{background: #FFF1DD;padding:20px 20px;}
.note_box ul li{ list-style:disc; list-style-position:inside; line-height:1.8em;}

.prepare_box{padding:0px 20px;}
.prepare_box ul li{ list-style:disc; margin-bottom:15px; line-height:1.8em; padding-left:-5px; color:#233349;}





.th_sex_2 .post_content p.txt{color:#fff}

.th_sex_2 .post_content .post-re-btn,.th_sex_2 .post_content .post-re-btn2{margin-top:10px;margin-bottom:30px;border-radius:100px;color:#fff!important;font-size:20px;font-weight:600;background:#259bd6 url(../images/icon2.png) no-repeat 205px -152px;padding:13px 90px 13px 36px;transition:none;line-height:1.5;display:inline-block}


.th_sex_2 .download_box_list p.txt{color:#fff}
.th_sex_2 .download_box_list .post-re-btn{margin-top:10px;margin-bottom:30px;border-radius:100px;color:#fff!important;font-size:20px;font-weight:600;background:#259bd6 url(../images/icon2.png) no-repeat 210px -153px;padding:7px 90px 5px 36px;transition:none;line-height:1.5;display:inline-block}
.th_sex_2 .download_box_list .post-re-btn span{ font-size:10px; display: block; font-weight:normal;}
.th_sex_2 .download_box_list .post-re-btn2 span{ font-size:10px; display: block; font-weight:normal;}
.th_sex_2 .download_box_list a{ text-decoration:none;}


.th_sex_2 .download_box_list .post-re-btn2{margin-top:10px;margin-bottom:30px;border-radius:100px;color:#fff!important;font-size:20px;font-weight:600;background:#259bd6 url(../images/icon2.png) no-repeat 210px -223px;padding:7px 90px 5px 36px;transition:none;line-height:1.5;display:inline-block}


.download_box_list .post-re-btn2:hover{background: #00CCFF url(../images/icon2.png) no-repeat 210px -223px;}
.download_box_list .post-re-btn:hover{background: #00CCFF url(../images/icon2.png) no-repeat 210px -153px;}



.th_seven_01 .download_box_list p.txt{color:#fff}
.th_seven_01 .download_box_list .post-re-btn{margin-top:10px;margin-bottom:30px;border-radius:100px;color:#fff!important;font-size:20px;font-weight:600;background:#259bd6 url(../images/icon2.png) no-repeat 200px -153px;padding:7px 90px 5px 36px;transition:none;line-height:1.5;display:inline-block}
.th_seven_01 .download_box_list .post-re-btn span{ font-size:10px; display: block; font-weight:normal;}
.th_seven_01 .download_box_list .post-re-btn2 span{ font-size:10px; display: block; font-weight:normal;}


.th_seven_01 .download_box_list .post-re-btn2{margin-top:10px;margin-bottom:30px;border-radius:100px;color:#fff!important;font-size:20px;font-weight:600;background:#259bd6 url(../images/icon2.png) no-repeat 200px -223px;padding:7px 90px 5px 36px;transition:none;line-height:1.5;display:inline-block}






.th_sex_2 .post_content .post-right ul li{font-weight:400;line-height:1.88}
.th_sex_2 .post_content .related-posts_li a{font-weight:400!important;color:#2D8CFF; line-height:2em;font-size:15px;}
.probox{background: #37be94; border-radius: 20px;  color:#fff;padding:10px 40px;margin:40px 0;position:relative}
.probox .arrow{position:absolute;height:22px;top:-22px;left:20px}
.probox h3{font-size:22px;font-weight:500;line-height:1.2em;padding-bottom:5px}
.probox h3 a{ color:#FFFFFF;}
.probox .txt{font-size:20px;margin-top:0px;padding:0!important}

.probox li{list-style:disc;margin-left:15px; font-size:14px;}
.probox .sys{margin:20px 0;line-height:32px;font-size:16px}
.probox .sys .and_icon,.probox .sys .app_icon,.probox .sys .mac_icon,.probox .sys .win_icon{display:inline-block;background:url(../images/sys_icon3.png) no-repeat;width:32px;height:32px;text-indent:-9999px;margin:0 10px}
.probox .sys .win_icon.curr,.probox .sys .win_icon:hover{background-position:-32px 0}
.btn_try{display:inline-block;vertical-align:middle;padding:5px 30px;border:solid 2px #fff;border-radius:2px;background:#fff;color:#0960b0!important;font-size:18px;line-height:36px;font-family:MaisonNeueMED,Lato,sans-serif,Arial,Helvetica;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;text-align:center;text-decoration:none!important}
.probox .sys .mac_icon{background-position:0 -78px}



.th_seven_01{ padding-top: 50px;}
.tip_box_main {
	padding:10px;
	border-top-width: 1px;
	
	border-top-style: dashed;
	
	border-top-color: #d3d3d3;

}
.th_seven_01 h3{font-size:25px;color: #484848;}
.th_seven_01 .top{ position: relative;}
.th_seven_01 .top p{position:absolute;bottom:0;width:100%;height:50px;line-height:50px;margin:0;background-color:rgba(0,0,0,.8);font-size:18px;color:#fff}
.th_seven_01 .top p span{font-weight:300;font-style:italic;color:#289ae5;margin-left:26px;margin-right:35px}
.th_seven_01 .top .pb-box{ font-size:15px; color:#00CC99; margin-left:20px; }




.th_seven_01 .top p a{color:#fff}
.th_seven_01 .top p a:hover{color:#289ae5}
.th_seven_01 .row-fluid { padding-top: 25px; overflow: hidden;} 
.th_seven_01 .row-fluid ul{ width: 110%;}
.th_seven_01 .row-fluid ul li{ float: left; width: 48%; margin-right: 2%;}
.th_seven_01 .row-fluid ul li p span{font-weight:300;font-style:italic;color:#289ae5;margin-right:10px}
.th_seven_01 .row-fluid ul li p{margin:0;font-size:16px;color:#484848; line-height: 24px; padding-top: 10px;}
.th_seven_01 .h3{font:400 28px/32px Open Sans,Arial,Helvetica,sans-serif;font-size:36px;color:#484848}
.th_seven_01 .top-stories-right ul{list-style:none;margin:0 20px}
.th_seven_01 .top-stories-right ul li{margin-bottom:10px; padding-bottom:5px;}
.th_seven_01 .top-stories-right ul li a{font-size:14px;color:#383838}
.th_seven_01 .top-stories-right ul li a:hover{color:#00b271}
.th_seven_01 .top-stories-right ul li p{margin:13px;font-size:14px;color:#383838;opacity:.7;font-weight:300}
.th_seven_01 .top-stories-right .fs14{font-size:14px!important}

.th_seven_02 h3{font-size: 36px;color: #484848;}
.th_seven_02 ul li{border-bottom: solid 1px #E8E8E8; margin-bottom:50px; padding-top:10px;}
.th_seven_02 ul li a{font-size:20px;color:#383838}
.th_seven_02 .more_bg{font-size:15px;color: #0099FF;}





.th_seven_02 .img_pro{ float:left;max-width:100%; display:block; margin:0 auto;}
.th_seven_02 h4{font-size:16px; font-weight:300; color:#2e2e2e; opacity: .7;}
.th_seven_02 ul li p{margin-top:10px;font-size:14px; color: #757575;}
.th_seven_02 ul li p .lsa{color:#2188cc!important; font-size:14px;}
.th_seven_02 ul li p span{margin-left:14px;font-weight:300;font-size:14px;}
.review-pagination{margin-top:50px; padding-bottom: 50px;}
.review-pagination a.current{color: #00CCFF; font-size:17px;background:#CCCCCC; padding:5px 5px;}
.review-pagination .page-numbers{font-size:14px;color:#383838;margin:0 5px}
.review-pagination .page-numbers{font-size:14px;color:#383838;margin:0 5px}
.review-pagination .page-numbers{font-size:14px;color:#383838;margin:0 5px}
.review-pagination .page-numbers{font-size:14px;color:#383838;margin:0 5px}
.review-pagination .next{display:inline-block;width:66px;line-height:28px;font-size:14px;margin:0 5px;height:28px;border-radius:100px;background-color:#259bd6;color:#fff!important;text-align:center}






@media all and (max-width: 768px){
.th_seven_01 .top-stories-right ul{ margin: 20px 0 0;}
.review-pagination{ margin-top: 10px; padding-bottom: 20px;}
}

.footer .footer-links-block li a{	display:inline-block;
	font-size:13px;
	font-weight:300;
	padding-top:7px;
	padding-bottom:7px;
	color:#8F8F8F;

}
.social-icons li a img{
	vertical-align:middle;

	opacity:0.7;
}
.social-icons  li a:hover > img{
	opacity:1;
}

.social-icons span {padding-left:20px;}


.post-meta_top{position: relative;padding: 50px 0 10px 15px;border-bottom: 1px solid #eee; margin-bottom:10px;}
.post-meta_top img{	width:60px; margin-right:20px; height: 60px;left: 0;/* top: 50%; */transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 50%;	}
.post-meta_top p{display: inline-block;vertical-align: top;margin-right:10px; 	}
.post-meta_top p i{	display: inline-block;	opacity: .5;}
.post-meta_top .social-wrap{margin-top: 10px;}
.post-meta_top .category{margin-left: 10px;}



.post-meta_author{position: relative;padding: 50px 0 30px 15px; background:#F3F4F6; margin-bottom:10px;}
.post-meta_author img{ float:left;	width:60px; margin-right:20px; height: 60px;left: 0;/* top: 50%; */transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 50%;}
.post-meta_author p{display: inline-block; vertical-align: top;margin-right:10px; font-size: 0.875rem;	}
.post-meta_author p i{	display: inline-block;	opacity:.5;}
.post-meta_author.social-wrap{margin-top: 10px;}
.post-meta_author .category{margin-left: 10px;}




.what-kind-of ul li { background-color:#CCCCCC;}
.what-kind-of a{color:#999;letter-spacing:.0267rem;width:100%;line-height:.8667rem;padding:.3333rem 1.2rem;border-radius:1px}
.what-kind-of a:hover{color:#2b57bf}
 .what-kind-of a.been-choice{color:#4b79e3;position:relative;border:1px solid #4b79e3}
.what-kind-of a.been-choice::after{display:block;content:'';position:absolute;top:50%;right:1.2rem;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);width:7.3px;height:13.1px;background:url(../images/blue.png) no-repeat center center;background-size:100% 100%}
.detail-of-kind{width:78.51%;float:left;padding-left:6.688%;margin-bottom:1.3333rem}

     .sub_pro_title {
	padding-bottom:8px;
	padding-top:8px;
	
	padding-left:10px;
	font-size:24px;
	margin-top:40px;
	line-height:1.7em;
	font-weight:600;
	border-left-width:6px;
	border-left-style: solid;
	border-left-color: #37BE94;

}

.test_note_box ul li { list-style-type:disc; list-style:inside; font-size:14px;}

   .sub_pro_title_h5{
	padding-bottom:8px;
	padding-top:8px;
	padding-left:10px;
	font-size:20px;
	line-height:1.2em;
	font-weight:600;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #37BE94;

}


     .resTable {margin:20px 0 30px 0; overflow:auto; color:#666666;}
	.tableStyle {border-collapse:inherit;border-spacing:1px;}
	.tableStyle th,.tableStyle td {padding:5px; border:solid #add9c0; border-width:0px 1px 1px 0px; font-size:13px;}
	
	.tableStyle th span {padding:0 0 5px 0; display:block; font-size:12px;}
	.tableStyle .tableProName {text-align:center;}
	.tableStyle .tableProName .proName {text-align:center; line-height:1.2em; font-size:16px; padding:10px 0;}
	.tableStyle .tableProBtn .price {color:#fda500;}
	.tableStyle .tableProBtn a {margin:2px 0;}
	.tableStyle th {color:#fff; line-height:1.2em;padding:15px 10px;}
.comparison_box .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.video-responsive{  overflow:hidden;  padding-bottom:56.25%;   position:relative;  height:0;}
.video-responsive iframe{  left:0;   top:0;   height:100%;  width:100%;  position:absolute;}



.known_ultradmg{
    padding:50px 0;
}
.known_ultradmg h2{
    margin-bottom: 30px;
	font-weight:700;
	font-size:30px;
}
.known_ultradmg p.title-desc{
    color: #333333;
    margin-bottom:74px;
	font-size:15.5px;
	line-height:1.7em;
}
.known_ultradmg .recover1{
    margin-top:58px;
    margin-left: -25px;
}
.known_ultradmg .recover2{
    margin:48px 0;
    margin-left: -83px;
}
.known_ultradmg .recover3{
    margin:48px 0;
    margin-left:  -25px;
}
.known_ultradmg .recover img{
    width: 72px;
    height: 72px;
}

.known_ultradmg .recover p.title{
    width: 253px;
    /*font-family: OpenSans-Semibold;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666;
    margin:15px auto 0;
}
.known_ultradmg .remove1{
    margin-top:58px;
    margin-right: -25px;
}
.known_ultradmg .remove2{
    margin:48px 0;
    margin-right: -83px;
}
.known_ultradmg .remove3{
    margin:48px 0;
    margin-right:  -25px;
}
.known_ultradmg .remove img{
    width: 72px;
    height: 72px;
}
.known_ultradmg .remove p.title{
    width: 177px;
    /*font-family: OpenSans-Semibold;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666;
    margin:15px auto 0;
}
.known_ultradmg .react{
    display: inline-block;
    width: 350px;
    padding: 54px 0;
    border-radius: 20px;
    line-height: 50px;
    box-shadow: 0 2px 40px ;
    box-shadow: 0 2px 40px #b1b1b1;
    margin:0 40px;
    vertical-align: middle;
}
.known_ultradmg .react .img{
    display: block;
}
.known_ultradmg .locked-pdf-file img{
    max-width: 120%;
}
.known_ultradmg .react1 {
    display: inline-block;
    width: 350px;
    padding: 54px 0;
    line-height: 50px;
    text-align: center;
    background: #fff;
    transform: skewX(-3deg);
    border-radius: 20px;
    box-shadow: 0 2px 40px ;
    box-shadow: 0 2px 40px #b1b1b1;
    vertical-align: middle;
}
.known_ultradmg .react1 span.img{
    display: block;
    transform: skewX(3deg);
}
.known_ultradmg .react2 span.img{
    display: block;
    transform: skewX(-3deg);
}
.known_ultradmg .react1 .text {
    display: inline-block;
    transform: skewX(3deg);
}
.known_ultradmg .react2{
    display: inline-block;
    width: 350px;
    padding: 54px 0;
    line-height: 50px;
    text-align: center;
    background: #fff;
    transform: skewX(3deg);
    border-radius: 20px;
    box-shadow: 0 2px 40px ;
    box-shadow: 0 2px 40px #b1b1b1;
    vertical-align: middle;
}
.known_ultradmg .react2 .text {
    display: inline-block;
    transform: skewX(-3deg);
}
.known_ultradmg .react1:hover{
    background-color: #fff9f1;
}
.known_ultradmg .react2:hover{
    background-color: #fff9f1;
}
.known_ultradmg .react:hover{
    background-color: #fff9f1;
}

.locked_zip{
    padding:50px 0;
}
.locked_zip p.title-desc{
    margin-bottom: 100px;
    color:#666666;
}
.locked_zip .content{
    display: inline-block;
    vertical-align: text-top;
    width: 270px;
    height: 280px;
    margin: 0 15px;
    background-color: #45a5e6;
    border-radius: 20px;
}


.hts-toggle{position:relative;margin-bottom:20px; margin-top:15px;}.hts-toggle.hts-toggle--active .hts-toggle__title:before{background-image:url(../images/plus-circle.svg)}
.hts-toggle ul li{ line-height:1.9em; list-style:disc; list-style-position: inside;}
 .hts-toggle__content p{ padding-top:15px;}
.hts-toggle.hts-toggle--active .hts-toggle__content{max-height:9999px;opacity:1}
.hts-toggle .hts-toggle__title{background:#f0f2f5;padding:15px 15px 15px 45px;font-size:18px;font-weight:700;line-height:1;color:#333;position:relative;}
.hts-toggle .hts-toggle__title::before{position:absolute;top:50%;left:12px;margin-top:-10px;background-image:url(../images/plus-circle.svg);background-repeat:no-repeat;background-position:center center;background-size:20px;display:block;width:20px;height:20px;content:''}


 .new_here{
        padding: 0 5px;
    }
    .new_here h2.set_animation{
        padding: 0;
        margin: 0 0 20px 0;
		font-weight:600;
		font-size:29px;
    }
    .new_here p.desc{
        margin-bottom: 40px;
        padding: 0;
    }
    .new_here .box_bg1, .new_here .box_bg2, .new_here .box_bg3{
        margin: 0;
    }
    .new_here .box_bg3{
        margin: 0;
        padding-top: 0;
    }

.new_here .sys_box {
    border-radius: 10px;
    margin: 0 57px;
    padding: 10px;
}
.new_here .sys_box:hover{
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.13);
}
.new_here .content {
    padding: 30px 25px;
}
.new_here p.desc {
    margin-bottom: 5px;
    color: #494949;
	line-height:1.6em;
	font-size:15.5px;
}



.ensure{
    padding:70px 0;
}
.ensure h2{
    margin-bottom:70px;
	font-weight:700;
}
.ensure .bottom_bt{
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #45a5e6;
    border-radius: 20px;
    color: #ffffff;
    margin-top:40px;
}
.ensure .bottom_bt:hover{
    background-color: #4cb8ff;
}
.ensure .desc-bt{
    margin-bottom:90px;
    position: relative;
}
.ensure .desc-bt a{
    padding:0 20px;
    font-weight: bold;
}
.ensure .desc-bt a.curr{
    color: #f24c3d;
}
.ensure .desc-bt a:hover{
    color: #333333;
}
.ensure .desc-bt a.curr:hover{
    color: #f24c3d;
}
.ensure .desc-bt .line{
    position:absolute;
    left:50%;
    display: inline-block;
    width: 1px;
    height: 30px;
    background-color: #e0e0e0;
    margin-left: -10px;
}
.ensure .right-txt-box{
    position: relative;
    text-align: left;
    border-radius: 20px;
    border: solid 2px #f2f2f2;
    margin-bottom: 20px;
    padding: 25px 0 13px 35px;
    cursor: pointer;
}
.ensure .right-txt-box .title{
    font-weight: bold;
}
.ensure .right-txt-box .desc{
   color: #666666; font-size:15.5px;
}
.ensure .curr .right-txt-box{
    position: relative;
    border:solid 2px #45a5e6;
    background: #fff;
}
.ensure .curr .right-txt-box span{
    position: absolute;
    content:"";
    left: -44px;
    top:50%;
    margin-top:-22px;
    display:inline-block;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-right: 22px solid #45a5e6;
    border-left: 22px solid transparent;
    border-bottom: 22px solid transparent;
}
.ensure .curr .right-txt-box span:before{
    position: absolute;
    content:"";
    left: -17px;
    top: 0px;
    margin-top:-20px;
    display:inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #fff;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.ensure .carousel-inner{
    margin-top:30px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.d-desc{
    background: url(../images/three_metods.png) no-repeat center 0;
    background-size: cover;
    padding: 40px 0 40px 50px;
    border-radius: 20px;
    margin-top:5px;
}
.new_here .head p:first-child {
    padding-top: 76px;
}
.new_here .head p {
    color: #fff;
    font-size: 18px;
}
.new_here p.title{
    font-size:20px;
    font-weight:800;
  
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
}
.new_here p.time{
    font-size: 15.5px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
}
.new_here h2.set_animation{
    padding-bottom: 1px;

}
.new_here .box_bg3{
  
}


.why_content_item{width: 100%;margin-top: 20px;}




/* why */
.why{padding:30px 0;}
.why h2{margin-bottom:5px;}
.why_content{display: flex;justify-content: space-between;flex-wrap: wrap;}
.why_content_item{display: flex;width: 48%;box-shadow: 1px 4px 12px 0px rgba(0, 0, 0, 0.12);border-radius: 20px;margin-top: 4%;/* align-items: center; */padding: 25px 30px;transition: all 0.3s ease;text-align: left;cursor: pointer;}
.why_content_item picture{width:90px;height:90px;flex-shrink: 0;flex-grow: 0;margin-right: 25px;align-self: center;}
.why_content_item h5{font-weight:bold;margin-top:0;line-height:1em;}
.why_content_item:hover{box-shadow: 3px 8px 24px 0px rgba(0, 0, 0, 0.24);}
.why_content_item_text p{color: #333333; font-size:15.5px;}




#myCarousel2{box-shadow:3px 8px 24px 0px rgba(0,0,0,0.24);-moz-box-shadow:3px 8px 24px 0px rgba(0,0,0,0.24);box-shadow:3px 8px 24px 0px rgba(0,0,0,0.24);}
#myCarousel3{box-shadow:3px 8px 24px 0px rgba(0,0,0,0.24);-moz-box-shadow:3px 8px 24px 0px rgba(0,0,0,0.24);box-shadow:3px 8px 24px 0px rgba(0,0,0,0.24);}
a.bottom_bt2,a.buy{color:#fff!important;background:#ffb317!important;border-color:#ffb317!important;}
a.bottom_bt2:hover,a.buy:hover{background:#faa800!important;border-color:#faa800!important;}
.banner_href a,.bottom-banner a{font-weight:bold;}
.support-more{font-size:18px;font-weight:bold;}
/*移动端*/
@media (min-width:320px) and (max-width:767px){.body_bg .users_say .right-content .text{height:auto;}
}
@media (min-width:768px) and (max-width:1023px){.body_bg .users_say .right-content .text{height:auto;}
}
@media (min-width:1024px) and (max-width:1200px){.body_bg .users_say .right-content .text{height:auto;}
}
@media (min-width:1300px) and (max-width:1700px){}
@media (min-width:400px) and (max-width:580px){.explore_more .content .box_left{margin-left:100px;font-size:14px;padding-right:10px;}
.explore_more .left-box .content .box_left p{display:inline-block;width:200px;text-align:left;margin-left:62px;}
.explore_more .left-box .content img{position:relative;right:300px;}
.explore_more .left-box .content img{position:relative;right:300px;}
#video-iframe{width:100%;}
}
@media (max-width:400px){.explore_more .content .box_left{position:relative;left:60px;font-size:14px;}
.explore_more .left-box .content img{position:relative;right:200px;}
.explore_more .right-box .content .box_left{position:relative;left:30px;}
.explore_more .left-box .content .box_left p{display:inline-block;width:160px;text-align:left;}
.explore_more .right-box .content .box_left p{display:inline-block;width:160px;}
#video-iframe{width:100%;}
}

.cmd_box{
	background:#F0F0F0;
	padding:20px 20px;
	border: thin solid #E0E0E0;
}








@media screen and (max-width: 767px) {
    
   .why{padding: 0 0 50px;}
    .why_content_item{width: 100%;margin-top: 20px;}

   
}


 .slide-box{  padding-left:20px;
		   padding-top:20px;
            display: -webkit-box;
			background:#CCCCCC;
            overflow-x: scroll;
            -webkit-overflow-scrolling:touch;     }
        .slide-item{
            padding:20x 10px;
            height: 235px;
        }



.user-guide { margin-bottom:10%;

    
	
}
.user-guide .headline{padding-top:6.25rem;margin-bottom:3.125rem;text-align:center}
.user-guide .headline h2{margin-bottom:1.625rem;color:#333;font-size:2.5rem;font-weight:700}
.user-guide .headline p{line-height:1.625rem; font-size:16px;}

.user-guide .step {
    float: left;
    padding-left: 0;
    margin-left: 1rem;
    border-left: .0625rem dashed #a8a8a8;
    color: #666666;
}
.user-guide .step li {
    position: relative;
    padding-left: 1.5rem;
    cursor: pointer;
	margin-bottom:10%;
}
.user-guide .step li span {
    position: absolute;
    top: 0;
    left: -1rem;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    background: transparent;
}
.user-guide .step li span i {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin: 0.3125rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.875rem;
    border-radius: 0.6875rem;
    background: #888888;
}
.user-guide .step .current > .step-title { color: #0075ef; }
.user-guide .step .current > span { background: #d4e9ff; border: none; color: #fff; }
.user-guide .step .current > span i { background: #0075ef; border: none; color: #fff; }
.user-guide .step .step-title {
    font-size: 1.8rem;
    font-weight: bold;
}
.user-guide .step-img{
    position: relative;
    height: 100%;
}
.user-guide .step-img li {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    animation: scale8 .6s ease both;
}
.user-guide .step-img li:first-child {display: block;}
.user-guide .step-img li img{
    width: 100%;
    height: auto;
    border: .0625rem  #e5e5e5 solid;
}
@keyframes scale8 {
    from { transform: scale(0.8, 0.8); }
}
.user-guide .btn-first{
    width: 16rem;
}
.user-guide .btn-first:hover i {
    -webkit-transform: scale(2.56, 6);
    -moz-transform: scale(2.56, 6);
    transform: scale(2.56, 6);
}
.user-guide .btn-second {
    border: none;
    background: #168eff;
}
.user-guide .btn-second a:hover {
    background: #0083ff;
}
.user-guide .btn-second:hover i { background: #0083ff; }
@media (max-width: 991px) {
    .user-guide .step-img {
        height: 29.375rem;
    }
}
@media (max-width: 767px) {
    .user-guide {
        top: -8.125rem;
        padding-bottom: 0;
    }
    .user-guide .btn-first {
        width: 100%;
    }
    .user-guide .step-img {
        height: 16.25rem;
    }
}






  .setup-table{
    width:100%;
    border-collapse:collapse;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size:14px;
  }
  .setup-table th,
  .setup-table td{
    padding:12px 14px;
    border:1px solid #e6e6e6;
    text-align:left;
    vertical-align:middle;
  }
  .setup-table thead th{
    background:#f7f7f8;
    font-weight:600;
  }
  .setup-table a{
    color:#2563eb;
    text-decoration:none;
  }
  .setup-table a:hover{ text-decoration:underline; }
  
  
  .parts-wrap{
    padding:18px;
    border-radius:18px;
 background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    border:1px solid #eef1f6;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }

  .parts-title{
    margin: 0 0 12px;
    font-size:14px;
    font-weight:700;
    color:#334155;
  }

  .parts{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:12px;
  }

  .parts li{
    display:flex;
    gap:12px;
    align-items:center;
    padding:16px 18px;
    border-radius:14px;
    background:#fff;
    border:1px solid #e9edf4;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
  }

  .parts .badge{
    width:40px;
    height:40px;
    border-radius:12px;
    display:grid;
    place-items:center;
    font-weight:800;
    color:#0f172a;
    background:#eaf2ff;
    flex:0 0 auto;
  }

  .parts .text{
    font-size:18px;
  
    color:#0f172a;
    line-height:1.2;
  }

  /* optional: hover */
  .parts li:hover{
    transform: translateY(-1px);
    transition: 160ms ease;
  }
     
 .faq-box{
    margin: 24px 0;
    padding: 18px;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: #0f172a;
  }
  .faq-box h2{
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .2px;
  }
  .faq{
    display: grid;
    gap: 10px;
  }
  .faq details{
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    overflow: hidden;
  }
  .faq summary{
    cursor: pointer;
    padding: 14px 16px;
    font-weight: 700;
    font-size: 15px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .faq summary::-webkit-details-marker{ display:none; }
  .faq summary::after{
    content: "+";
    font-weight: 900;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #f1f5f9;
    border: 1px solid #e5e7eb;
    flex: 0 0 auto;
  }
  .faq details[open] summary::after{ content: "–"; }
  .faq .ans{
    padding: 0 16px 14px;
    color: #334155;
    font-size: 14px;
    line-height: 1.55;
  }
  .faq .ans ul{
    margin: 8px 0 0;
    padding-left: 18px;
  }





 .fda-block{
    margin: 18px 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color:#0f172a;
  }

  /* Title with background */
  .fda-title{
    margin:0 0 14px;
    padding:12px 14px;
    border-radius:12px;
    font-size:18px;
    font-weight:900;
    letter-spacing:.2px;
    background: linear-gradient(90deg, #eaf2ff 0%, #f2f6ff 45%, #ffffff 100%);
    border:1px solid #dbe7ff;
  }

  .method{
   
    padding:14px;
    margin:12px 0;
  }

  .method-head{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:23px;
    font-weight:900;
    margin:0 0 10px;
  }

  .num{
    width:34px;height:34px;
    border-radius:12px;
    display:grid;place-items:center;
    font-weight:900;
    background:#eaf2ff;
    border:1px solid #dbe7ff;
    flex:0 0 auto;
  }

  /* UL/LI steps */
  .steps{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:10px;
  }
  .steps li{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:12px 14px;
    border-radius:14px;

    color:#334155;
    line-height:1.55;
    font-size:14px;
  }
  .dot{
    width:24px;height:24px;
    border-radius:9px;
    display:grid;place-items:center;
    font-size:12px;
    font-weight:900;
    background:#ffffff;
    border:1px solid #e5e7eb;
    color:#0f172a;
    flex:0 0 auto;
    margin-top:1px;
  }
  .steps b{ color:#0f172a; }