*{box-sizing:border-box;margin:0;padding:0;outline:0}html.nav-open,html.off-canvas-cart-open{overflow:hidden;height:100%;height:100vh;width:100vw;position:fixed;top:0;left:0;-ms-touch-action:manipulation;touch-action:manipulation}@media screen and (min-width: 1025px){html.nav-open,html.off-canvas-cart-open{position:static}}
body{font:400 1em "微软雅黑",Arial,sans-serif;width:100%;overflow-x:hidden}body.nav-open,body.off-canvas-cart-open{overflow:hidden;height:100%;height:100vh;width:100vw;position:fixed;top:0;left:0}
@media screen and (min-width: 1025px){body.nav-open,body.off-canvas-cart-open{overflow-y:auto;position:static}}
.rogue-cache.nav-user,.rogue-cache.top-cart{display:inline}p{font-size:.875em;line-height:1.5em;margin:0 0 .75em 0}
ol.list,ol.lower-alpha,ol.lower-roman,ol.decimal,ul.list{padding:0 0 0 1.25em;margin:0 0 .75em 0;font-size:.875em}ol.list ol.list,ol.list ol.lower-alpha,ol.list ol.lower-roman,ol.list ol.decimal,ol.list ul.list,ol.lower-alpha ol.list,ol.lower-alpha ol.lower-alpha,ol.lower-alpha ol.lower-roman,ol.lower-alpha ol.decimal,ol.lower-alpha ul.list,ol.lower-roman ol.list,ol.lower-roman ol.lower-alpha,ol.lower-roman ol.lower-roman,ol.lower-roman ol.decimal,ol.lower-roman ul.list,ol.decimal ol.list,ol.decimal ol.lower-alpha,ol.decimal ol.lower-roman,ol.decimal ol.decimal,ol.decimal ul.list,ul.list ol.list,ul.list ol.lower-alpha,ul.list ol.lower-roman,ul.list ol.decimal,ul.list ul.list{font-size:1em}ol.lower-alpha,ol.lower-roman,ol.decimal{padding-left:24px;margin-bottom:12px}ol.lower-alpha{list-style-type:lower-alpha}ol.lower-roman{list-style-type:lower-roman}ol.decimal{list-style-type:decimal}li{line-height:1.25em;margin-bottom:.3125em}
blockquote{color:#bbb;font-family:"Roboto","微软雅黑",Arial,sans-serif;font-size:1.125em;line-height:1.75em;margin:1.25em 0;padding-left:1.25em;border-left:3px solid #ccc}
a{color:#ea0000}
a:hover{color:#981b1e}
a img{border:none}
a.link-blue{color:#5bc0de}
a.link-blue:hover{color:#2390b0}
a.link-black{color:#000}
a.link-black:hover{color:#666}
a.link-secondary{color:#666}a.link-secondary:hover{color:#a2a2a2}
h1{font-family:"Roboto Condensed","微软雅黑",Arial,sans-serif;font-weight:700;text-transform:uppercase}
h1.super{font-family:"Roboto","微软雅黑",Arial,sans-serif}
h2{font-family:"Roboto Condensed","微软雅黑",Arial,sans-serif;font-weight:700;text-transform:uppercase}
h2.super{font-family:"Roboto","微软雅黑",Arial,sans-serif}
h3{font-family:"Roboto Condensed","微软雅黑",Arial,sans-serif;font-weight:700;text-transform:uppercase}
h3.super{font-family:"Roboto","微软雅黑",Arial,sans-serif}
h4{font-family:"Roboto Condensed","微软雅黑",Arial,sans-serif;font-weight:700;text-transform:uppercase}
h4.super{font-family:"Roboto","微软雅黑",Arial,sans-serif}
h5{font-family:"Roboto Condensed","微软雅黑",Arial,sans-serif;font-weight:700;text-transform:uppercase}
h5.super{font-family:"Roboto","微软雅黑",Arial,sans-serif}
h6{font-family:"Roboto Condensed","微软雅黑",Arial,sans-serif;font-weight:700;text-transform:uppercase}
h6.super{font-family:"Roboto","微软雅黑",Arial,sans-serif}
h1{font-size:1.75em}
h1.super{font-size:3.4375em}
@media screen and (min-width: 737px){h1{font-size:1.875em;line-height:1em}h1.super{font-size:5em}}
h2{font-size:1.375em}h2.super{font-size:2.5em}
@media screen and (min-width: 737px){h2{font-size:1.5em}h2.super{font-size:3.125em}}
h3{font-size:1.25em}h3.super{font-size:1.875em}
@media screen and (min-width: 737px){h3{font-size:1.375em}h3.super{font-size:2.5em}}
h4{font-size:1.125em}h4.super{font-size:1.25em}
@media screen and (min-width: 737px){h4{font-size:1.25em}h4.super{font-size:1.5625em}}
h5{font-size:1.125em;text-transform:capitalize}h5.super{font-size:1.25em;text-transform:uppercase}
@media screen and (min-width: 737px){h5{font-size:1.25em;text-transform:capitalize}h5.super{font-size:1.25em;text-transform:uppercase}}
.white-text{color:#fff}.gray-text{color:#a2a2a2}.bold{font-weight:bold}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.wrapper,.header-container,.footer-container,.main-container{position:relative}.wrapper.nav-open:after{content:'';position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1}
@media screen and (min-width: 1025px){.wrapper.nav-open:after{display:none}}
.header-container{z-index:3}.breadcrumbs{z-index:2}.main-container{z-index:1;margin-bottom:1.5em}.footer-container{z-index:0}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5em;padding-right:1.5em}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}
@media (min-width: 1280px){.container{padding-left:0;padding-right:0}}.container.large{max-width:853.3248px}.container.medium{max-width:640px}.container.small{max-width:426.6624px}.container.no-padding{padding-left:0;padding-right:0}.no-display,.hidden{display:none !important}.clearfix{clear:both}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}



@media screen and (min-width: 1025px){#search_mini_form{width:30%;width:calc(100% - 722px);margin-top:2.125em}}
#search_mini_form input{border-radius:2px}#search_mini_form .mag-glass{background:url("../images/sprite.png");background:none,url("../images/sprite.svg");background-repeat:no-repeat;background-size:35.25em auto;background-position:-22.5em -6.75em;width:1.625em;height:1.625em;position:absolute;right:.5em;top:.5em;cursor:pointer;z-index:4}
#search_mini_form .suggested-word{color:#ccc}#sli_autocomplete{position:absolute;height:auto;background-color:#fff;box-shadow:0 4px 16px -3px #000;padding-bottom:0.5em}


@media (min-width: 1024px) and (max-width:1920px) {
#mobile-hd{ display:none;}
}
@media (min-width: 320px) and (max-width:1023px ) {
.header-container{ display:none;}
#mobile-hd{	background: #000;}
#mobile-hd .top-nav{padding: 15px 10px;}
nav { background-color: #f3f5f8; position: fixed; width: 100%; z-index: 9999; margin: 0 auto;padding: 5px 50px 0;}
nav ul { list-style: none; padding: 0; }
nav ul li { color: rgba(255, 255, 255, 0.6); display: block; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; }
nav ul li:last-child { border: none; }
nav ul li a { color: #5ab3e8; display: block; padding: 20px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; }
nav ul li a:hover, nav ul li a:focus { text-decoration: none; color: #5ab3e8; }
#nav-toggle { position: absolute; right: 10px; top: 26px; display:none; }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #D1D1D1; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
.navicon { position: relative; height: 26px; }
.indicator { position: absolute; right: 0 !important; }
.pull { display: none;border-top: 7px solid #e60915; }
.slider-nav{background-color: #444;}
.slider-nav li{	font-size: 1em;line-height: 3em;border-bottom: 1px solid #585858;}
.slider-nav li > a{color: #fff;display: block;padding-left: 2em;width: 100%;height: 42px;position: relative;}
.slider-nav li > a:before,
.slider-nav li dd a:before{content: "";width: 27px;height: 27px;margin-left: -16.5px;margin-top: -13.5px;top: 50%;position: absolute;right: 2em;    background-image: url(../images/arrow_nav_link.png);    background-position: center center;background-repeat: no-repeat;}
.slider-nav li > a:after{content: "";height: 1px;line-height: 1px;background-color: #353535;position: absolute;bottom: 0;left: 0;right: 0;}
.slider-nav li > a.on:before{background-image: url(../images/arrow_nav_down.png);}
.slider-nav li dl{display: none;}
.slider-nav li dd a{display: block;padding-left: 2.5em;color: #fff;position: relative;border-bottom: 2px solid #727272;background: #636363;}
.phone-top{background: #444444;padding: 2em;}
.m-hd .so{background: #fff;border-radius: 15px;padding: 0 10px;position: relative;height: 30px;}
.m-hd .so .inp{float: left;width: 100%;height: 30px;border: 0;padding-right: 23px;}
.m-hd .so .sub{background: url(../images/so_btn.png) no-repeat;width: 19px;height: 15px;border: 0;position: absolute;right: 9px;top: 8px;}

.lang{text-align:center}
.lang a{display:inline-block;vertical-align:middle;background-color:#5c5c5c;color:#dedede;border:1px solid #757575;height:3em;line-height:3em;text-align:center;width:40%;font-size:0.95em;margin-top:2em}
.lang a.cur{background-color: #CA0000;}
.lang a:hover{background-color: #CA0000;}
.lang_cont{background-color:#525252;text-align:center}
.lang_cont{padding-top:1em;padding-bottom:1em}
.lang_cont a{background-color:#595959;color:#fff;border:1px solid #6F6F6F;border-radius:4px;height:3em;line-height:3em;padding-left:1.5em;padding-right:1.5em;margin-left:.5em;margin-right:.5em}

#bd{clear:both;}
}

