@charset "utf-8";
html, div, body, p, img, h1, h2, h3{margin:0 auto;padding:0;font-style:normal; font-family:"Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";}
ul li{list-style:none; }
ul{padding:0;}
a, a:link, a:visited{text-decoration:none;color:#222;}
a:hover, a:active{text-decoration:underline;color:#222;}
.clearfloat::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.flex-box{display:-webkit-box;display: -webkit-flex;display: flex;flex-direction: row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.container{max-width:1200px; overflow:hidden;padding:0 5px;width:100%;box-sizing: border-box;}
/*common header*/
#header{width:100%; height:66px;}
#logo{width:20%; float:left; margin-top:20px; }
#search{margin:0; }
/*header-menu_dropDown and fix bar*/
.fixbar{border-top:2px solid #0382da;height:66px;position:fixed;background-color:#fff;width:100%;z-index:1;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.icon img{vertical-align:middle;margin-right:10px;}
.icon{float:left;margin-top:17px;}
.fixbar a.fix-down{display:inline-block;border:2px #0382da solid;color:#0382da;border-radius:50px;font-size:14px;margin-left:20px;width:117px;height:28px;line-height:28px;text-align:center;overflow: hidden;}
.fixbar a.fix-down:hover{background-color:#0382da;color:#fff;text-decoration:none;}
.fixbar a.fix-buy{display:inline-block;border:none;color:#0382da;background-color:#ff9600;border-radius:50px;font-size:14px;color:#fff;width:121px;height:32px;line-height:32px;text-align:center;position: relative;overflow: hidden;}
.fixbar a.fix-buy span{width: 78px;position: absolute;right: -20px;top: 0;height: 15px;background: #dc0000;line-height: 15px;-webkit-transform: rotate(30deg);transform: rotate(30deg);font-size: 12px;}
.fixtop{top:0;z-index:99;}

.nav_bg{position: fixed;top: 106px;left: 0;z-index: 5;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;}
.new_rollTopfone_box>div#winversion-top{float: right;margin-top: 15px;margin-left: 5px;display: none;}
.new_rollTopfone_box>div#winversion-top a{margin-top: 0;}
.new_rollTopfone_box .icon{position: relative;}
.new_rollTopfone_box .icon span{display: flex;align-items: center;}
.new_fixbar{z-index: 7;display: none !important;}
.new_fixbar.active{display: block !important;}
.new_fixbar .icon img{display: inline-block;}
.new_fixbar .icon span{display: inline-block;line-height: 32px;}
/*search*/
.slidingDiv{clear:both;z-index:10000;position:absolute;top:66px;background-color:#fff;width:100%;padding:20px 0;background:url(/style/images/search-box-shadow.png) repeat-x;height:45px;border-top:1px solid #ccc;}
#search{max-width:1000px;width:95%;margin:0 auto;overflow:hidden;}
/*bottom link*/
span.copyright{text-align:center;font-size:14px;padding-left:10px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> jquery.lightbox-0.5 <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*go top*/
.back-to { position: fixed; bottom: 60px; 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; }
/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
/*cookie*/

/* footer */
.new-footer{width:100%;background-color:#333;padding:25px 0}
.new-footer h3{font-size:18px;margin:20px auto;color:#fff}
.new-footer a:link,.new-footer a:visited{color:#fff}
.footer-sns{width:100%}
.footer-sns a{margin-right:5px;width:40px;height:40px;display:inline-block}
.footer-sns a.facebook{background:url(/style/images/share-sns.png) no-repeat 0 0}
.footer-sns a.twitter{background:url(/style/images/share-sns.png) no-repeat -57px 0}
.footer-sns a.youtube{background:url(/style/images/share-sns.png) no-repeat -111px 0}
#new-footer-bottom{clear:both;background:#292929;width:100%}
#new-footer-bottom p{color:#fff;text-align:center;margin:15px auto 10px}
#new-footer-bottom p a{text-align:center;color:#fff;font-size:14px}
#new-footer-bottom span.copyright{text-align:center;font-size:14px;padding-left:10px;color:#7c7c7c;}
/* language */

/* share */
 @media screen and (max-width: 1110px) {
.fixbar{height:auto;padding-bottom:10px;}
.new_fixbar{padding-bottom:14px;}
.new_rollTopfone_box .icon:hover{margin-top: 17px;}
 }
 @media screen and (max-width: 956px) {
.new_fixbar{display: none;position: fixed;top: 0;left: 0;}
.new_rollTopfone_box .icon::before {position: absolute;content: "";width: 0;height: 0;left: 104%;top: 48%;border-top: 4px solid #666;border-left: 4px solid transparent;border-right: 4px solid transparent;}
.new_rollTopfone_box .icon:hover::before{border-top: 4px solid #4aa6e5;}
#header .container{overflow:visible; }
.fixbar a.fix-down{display:none;}
.fixbar a.fix-buy{margin-top:10px;}
}

@media screen and (max-width: 850px) {
/* footer */
}
@media screen and (max-width: 798px) {
.copyright{font-size:10px;}
}
@media screen and (max-width: 480px) {
.copyright {font-size:10px;}
.new_rollTopfone_box .icon{max-width: 200px;}
.new_rollTopfone_box .icon img{float: left;}
/* footer */
}
@media screen and (max-width:375px){
/* footer */
}