@charset "utf-8";
/* CSS Document */
html, div, body, p, form, img, dd, h1, h2, h3, h4, input{margin:0 auto; padding:0; font-family:Lato, Arial, Helvetica, sans-serif; color:#222222; line-height:160%; font-weight:normal;}
body{font-size:62.5%;}
p{line-height:20px;}
dl, dd, dt{margin:0; padding:0;}
ul{margin:0; padding:0; list-style:none;}
li{margin:0; list-style:none; padding:0;}
img{border:none;}
a, a:link, a:visited{text-decoration:none; color:#222;}
a:hover, a:active{text-decoration:underline; color:#222;}
input{font-size:1.2em; float:left;}
table{border-collapse:collapse;}
dl, dt, dd{text-align:left;}
.clear{clear:both;}
.clearfix:after{clear:both; display:block; visibility:hidden; height:0; font-size:0; line-height:0; content:" ";}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.red{color:#F00;}
/*font*/
.mt20{margin-top:20px;}
.mr0{margin-right:0;}
.ml20{margin-left:20px;}
.noMar{margin:0px !important;}
.container{max-width:1000px; overflow:hidden; padding:0 2.5%;}
/*header css*/
#header{width:100%; height:92px; background: url("/style/images/menu-line.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);}
#header .container{overflow:visible;}
#logo{width:20%; float:left; margin-top:20px;}
.top-ad{position:relative;}
.top-ad img{position:absolute; right:0px; top:0px; cursor:pointer;}
.ad{background:url(/images/system/top-1920.jpg) no-repeat 50% 0; height:120px; display:block;}
/*top menu*/
.menu{width:70%; z-index:90; position:relative;  float:right; margin-top:30px;}
.menu li{float:left; text-align:center; font-size:15px; z-index:1;}
.menu li img#win,.menu li img#mac{margin:0 288px 0 20px;}
.menu li.store a{background-color:#63c6ff; color:#fff; border:2px #63c6ff solid; border-radius:20px; padding:0 15px 3px; height:20px;}
.menu li.store a:hover{border:2px #63c6ff solid; color:#63c6ff; background-color:#fff;}
.menu li.sale a{background:#f54786 url(/style/images/sale.gif) no-repeat;width:104px;height:24px;display:block;}
.menu li a{text-decoration:none; display:block; float:left; z-index:0; zoom:1; line-height:20px; height:26px; padding:3px 15px 0 15px;}
.menu li:hover a{color:#fff; text-decoration:none;}
.menu li:hover{background:#504f4f;}
.menu li.store:hover, .menu li.sale:hover{background:none;}
.menu ul li ul.submenu{left:0px; overflow:hidden; position:absolute; top:29px; z-index:100; font-size:15px; display:none;}
.menu ul li:hover ul.submenu{display:block;}
.menu ul li ul.submenu li{text-align:left; padding:5px 0 0 20px; width:680px; height:30px; background:#454544; font:normal 12px/40px arial, sans-serif !important; color: #999; margin:0;}
.menu ul li ul.submenu li a{height:20px; font-size:13px; color:#fff; display:inline-block; width:300px;padding-left: 20px;}
.menu ul li ul.submenu li a:hover{text-decoration:underline;}
.menu ul li ul.submenu li:nth-child(even){background:#454544;}
.menu ul li ul.submenu li:nth-child(odd){background:#504f4f;}
/*search style*/
#search-box{float:right; margin-top:0;}
#search{margin:0;}
#q{height:27px; width:258px; float:left; border:none; padding:0 10px; line-height:27px; background:none; font-size:1.4em;}
.btn_search{background:url(/style/images/search-btn.jpg) no-repeat; border:none; cursor:pointer; height:27px; width:27px; float:left; margin-left:0; overflow:hidden; line-height:200px; font-size:0;}
/*
.menu li a{text-decoration:none;display:block;height:30px;line-height:30px;border-bottom:#f3f3f3 solid 5px;padding:0 3px;float:left;z-index:0;zoom:1;}
*/
.menu .sub-menu{position:absolute; top:30px; left:0; background-color:#1898f1; width:320px; z-index:10; padding:30px 20px; display:none;}
.menu .sub-menu a{display:inline; height:auto; line-height:35px; border:none; padding:0x; float:none;}
.menu .sub-menu dt{font-size:2.4em; color:#fff; margin-bottom:10px;}
.menu .sub-menu a:link, .menu .sub-menu a:visited{color:#fff;}
.menu .sub-menu a:hover{height:auto; border:none; text-decoration:underline; color:#fff;}
/*breadcrumbs*/
#here{width:95%; margin:15px auto 25px; color:#666; font-size:1.2em; max-width:1000px; padding:0 2.5%;}
#here a:link, #here a:visited{color:#666;}
/*footer new*/
.center{max-width: 1200px;margin: 0 auto;width: 100%;}
.footer{background: #2f2f2f;font-family: Arial;}
.footer_box{display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;padding-bottom: 40px;}
.footer_box ul{text-align:left;}
.footer_box .footer_down{padding-top: 58px;margin-top: 0;}
.footer_box .footer_down li:nth-child(2) a{font-size: 14px;color: #fff;border: 1px solid #fff;box-sizing: border-box;height: 38px;line-height: 38px;width: 164px;padding-left: 12px;display: block;position: relative;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1) i{background: url(/style/images/footer-icon.png);width:24px;height: 24px;position: absolute;right: 12px;top:5px;background-position-y: -24px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1):hover{background-color:#1eb8ff;border: 1px solid #1eb8ff;text-decoration:none;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{background: url(/style/images/footer-icon.png);width:24px;height: 24px;position: absolute;right: 12px;top:5px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1){margin-top: 30px;margin-bottom: 18px;}
.footer_box ul{margin-top: 70px;}
.footer_box ul li:nth-child(1){font-size:18px;color: #fff;margin-bottom: 24px;}
.footer_box ul li{margin-bottom: 10px;}
.footer_box ul li a{font-size: 14px;color: #aeaeae;}
.footer_box ul li a:hover{text-decoration:underline;}
.footer_box ul:last-child li a i{width: 30px;height: 30px;display: inline-block;background: url(/style/images/social-media-new.png);margin-right:20px;}
.footer_box ul:last-child li a:nth-child(1) i{background-position-y: 0px;}
.footer_box ul:last-child li a:nth-child(2) i{background-position-y: -30px;}
.footer_box ul:last-child li a:nth-child(3) i{background-position-y: -60px;margin-right: 0;}
.footer>div:last-child{font-size:14px;color: #aeaeae;height: 68px;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-align:center;-webkit-align-items: center;align-items: center;-webkit-box-pack:center;-webkit-justify-content: center;justify-content: center;background: #272727;text-align:center;}

/*footer*/
.botlink{width:100%; background-color:#4b4a4f; margin-top:0px;}
.botlink .container{padding:38px 10px 40px; overflow:hidden; border-bottom: 1px solid #5d5c63;}
.botlink-box{width:30%; float:left; margin-right:3%;}
.botlink-box-new{width:28%; float:left; margin-right:5%;}
.situation{margin-left: 20px; margin-right: 30px;}
.botlink-company{width:11%;}
.botlink-support{width:17%;}
.botlink-social{width:23%; float:left;}
.botlink h3{font-size:1.8em; margin:10px auto 20px;color: #fff;}
.botlink h3.cooper{margin-top:20px;}
.botlink p{font-size:1.2em;}
.botlink a:link, .botlink a:visited, .botlink p, #footer .container p a, #footer .container p, #footer p.copyright{color:#979797;font-size: 14px;}
.botlink ul li{line-height:16px; margin:11px 0; font-size:1.2em;}
.botlink-sns{width:100%;}
.botlink-sns a{margin-right:5px;}
.botlink-sns a img{max-width:48px;}
#footer{clear:both; background:#4b4a4f; width:100%;}
#footer p{color:#fff; text-align:center; margin:25px auto 10px;}
#footer p.copyright{margin-top: 10px;margin-bottom: 26px;}
.copyright, #footer p a{text-align:center; color:#fff; font-size:14px;}
.botlink-new{background-color:#4b4a4f;padding: 15px 0;}
.botlink-new .container{border-bottom: 1px solid #5d5c63;overflow: hidden;padding: 38px 10px 40px;}
.botlink-new .botlink-box, .botlink-box-new{width:30%; float:left; margin-right:3%; _margin-right:3%;}
.botlink-new h3{color: #fff; font-size: 1.8em; margin: 10px auto;}
.botlink-new ul li{line-height:16px; margin:11px 0; font-size:1.2em;}
.botlink-new a:link, .botlink-new a:visited{color: #fff;}
a#subscribe{background: rgba(0, 0, 0, 0) url(/style/images/subscribe.png) no-repeat scroll 0 0;color: #e0e3e8;display: block; font-size: 18px;height: 30px;padding-top: 14px; width: 228px;padding-left: 11px;}
a#subscribe:hover{text-decoration: none;}
.bot_title{color: #fff;font-size: 24px;margin-bottom: 20px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> jquery.lightbox-0.5 <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:1000; text-align:center; line-height:0;}
#jquery-lightbox a img{border: none;}
#lightbox-container-image-box{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image{padding: 10px;}
#lightbox-loading{position:absolute; top:40%; left:44%; height:25%; text-align:center; line-height:0;}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:1000;}
#lightbox-container-image-box > #lightbox-nav{left: 0;}
#lightbox-nav a{outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev{left: 0; float: left;}
#lightbox-nav-btnNext{right: 0; float: right;}
#lightbox-container-image-data-box{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data{padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details{width: 70%; float: left; text-align: left;}
#lightbox-image-details-caption{font-weight: bold;}
#lightbox-image-details-currentNumber{display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose{width: 66px; float: right; padding-bottom: 0.7em;}
/*go top*/
.back-to{position: fixed; bottom: 10px; right: 10px; z-index: 999; width: 110px; overflow: hidden; zoom: 1; -ie6-position-fixed-delay: 200;}
.back-to .back-top{float: right; display: block; width: 50px; height: 50px; background: url(/images/system/gotop.png) no-repeat scroll 0 0 transparent; margin-left: 10px; outline: 0 none; text-indent: -9999em;}
.back-to{_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:10px; _margin-right:5px;}
*html{background-image:url(about:blank); background-attachment:fixed;}
#pro-main .ios-app li{float:left; background:none; font-size:12px; text-align:center; padding:0; line-height:25px; margin:10px 0; width:75px;}
#pro-main .ios-app li img{display:block;}

/*cookies*/
.usernotice_pop{display: table;width: 200px;padding: 12px;position: fixed;bottom: 20px;right: 50px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;border-radius: 5px;transition: all 0.3s ease;font-size: 12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{display:block;cursor:pointer;border:1px solid #fff;display:block;margin:10px auto;width: 28%;}

@media (max-width: 1118px){
.menu ul li#support, .menu ul li{display:none;}
}
@media screen and (max-width:830px){
.center{padding: 0 40px;box-sizing: border-box;}
.footer_box{display: block;}
.footer_box ul.footer_down li{display: block;margin-left:0;}
.footer_box .footer_down{padding-top: 30px;}
.footer_box .footer_down li:nth-child(2) a{display: inline-block;margin-right:22px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1){margin-top:0px;margin-bottom:0;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2){background: #1eb8ff;border-color: #1eb8ff;}
.footer_box .footer_down li:last-child{margin-bottom: 30px;}
.footer_box ul{border-bottom: 1px solid #4f4f4f;margin-top: 25px;}
.footer_box ul li:nth-child(1){font-size:20px;display: block;margin-bottom: 20px;margin-left: 0;}
.footer_box ul li{display: none;margin-left: 15px;}
.footer_box ul li:last-child{margin-bottom: 26px;}
.footer_box ul.active li{display: block;}
.footer_box ul li:nth-child(1) i{width:15px;height:15px;background: url(/style/images/footer-icon.png);display: inline-block;background-position-y: -72px;float: right;margin-top: 4px;}
.footer_box ul.active li:nth-child(1) i{background-position-y: -86px;}
.footer_box ul:last-child{border-bottom: none;}
}
/* for 798px or less */
@media screen and (max-width: 798px){
.menu ul li.store, .menu ul li.sale{display:inline-block;float:right;margin-right:10px;}
.botlink-box, .botlink-company, .botlink-support, .botlink-social, .botlink-box-new{width:100%;}
.ad{background:url(/images/system/top-800.jpg) no-repeat 50% 0;height:100px;display:block;}
}
@media (max-width: 635px){
.ad{background-position:80% 0;background-size:100%;}
}
@media screen and (max-width:630px){
.footer_box .footer_down li:nth-child(2) a{width: 150px;height: 38px;line-height: 38px;padding-left: 6px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1) i,.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{right:6px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2){margin-top: 20px;}
}

/* for 480px or less */
@media screen and (max-width: 480px){
.menu ul li{display:none;}
.menu ul li.store{display:inline-block;float:right;}
.menu ul li.sale{display:none;}
.botlink-box, .botlink-company, .botlink-support, .botlink-social, .botlink-box-new{width:100%;}
.container{width:93%;}
.ad{background:url(/images/system/top-480.jpg) no-repeat 50% 0;height:94px;display:block;background-size:100%;}
.usernotice_pop{width:100%;bottom:0;right:0;padding:5px 0;border-radius:0;}
.usernotice_pop span{display:inline;padding:0 15px;margin-left:5px;}
}