@charset 'utf-8';
@import url(https://www.asus.com.cn/css/2015/fontapi.css);
#hd *,#hd li,#hd ul,body,html{padding:0;margin:0}
#hd .txt-center,#hd h2{text-align:center}
#hd .hd-more,#hd .w95,#hd h2{position:relative}
#hd .hd-more h4,#hd h2{-webkit-text-fill-color:transparent;text-shadow:0 0 0 transparent}
@font-face{font-family:jerseym54;src:url(../css/font/Jersey_es_modified.eot),url(../css/font/Jersey_es_modified.eot?#iefix) format("embedded-opentype"),url(../css/font/Jersey_es_modified.ttf) format("truetype"),url(../css/font/Jersey_es_modified.svg#rogfont) format("svg");font-weight:400;font-style:normal}
#hd *{text-decoration:none;list-style-type:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;word-break:break-word}
::selection{background:#bdb6ac;color:#fff}
::-moz-selection{background:#bdb6ac;color:#fff}
#hd{background:#000;color:#fff;font-size:16px}
#hd img{display:block;height:auto;border:none;max-width:100%!important;margin:0 auto}
#hd a,#hd b,#hd h2,#hd h3,#hd h4,#hd li,#hd p,#hd small{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,"寰粺姝ｉ粦楂�","Microsoft JhengHei",sans-serif;margin:0;line-height:normal;color:#fff}
#hd h3,#hd h5{margin-bottom:50px}
#hd h2,#hd h3,#hd h5,#hd h6{font-family:jerseym54,Geneva,Roboto,Helvetica,Arial,"Microsoft JhengHei",sans-serif;font-weight:400}
#hd .hd-sec-esd .txt-box p.txt-style,#hd h4,#hd span.txt-absent{font-family:'Fjalla One',sans-serif}
#hd h2{font-size:85px;line-height:85px;color:#ffa83a!important;margin-bottom:30px;width:100%;background:#ffa83a;background:-moz-linear-gradient(-45deg,#ffa83a 40%,#ad7a00 50%,#ddcca4 55%,#805e13 60%);background:-webkit-linear-gradient(-45deg,#ffa83a 40%,#ad7a00 50%,#ddcca4 55%,#805e13 60%);background:linear-gradient(135deg,#ffa83a 40%,#ad7a00 50%,#ddcca4 55%,#805e13 60%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83a', endColorstr='#805e13', GradientType=1);-webkit-background-clip:text}
#hd .txt-gold,#hd h3,#hd h5{color:#ffa83a}
#hd h3{font-size:60px;line-height:60px;margin-top:30px}
#hd #hd_sec_chokes h4+p,#hd h3+h4,#hd h4+.txt-smallTitle{margin-top:-10px}
#hd h4{font-size:30px;font-weight:400;margin-bottom:20px;text-transform:uppercase}
#hd h5{font-size:48px;line-height:1;margin-top:30px}
#hd h6{font-size:20px}
#hd p{font-size:17px;letter-spacing:0;font-weight:300;line-height:1.7rem;margin:0 0 30px}
#hd small{font-size:14px}
#hd span.txt-absent{font-weight:700;font-size:44px}
#hd span.txt-plus{font-family:Roboto,sans-serif;font-weight:700}
#hd .txt-gold{font-weight:400}
#hd .txt-grey{color:#9b9b9b;font-weight:400}
#hd .txt-bold{font-weight:700;border-bottom:1px solid #fff;display:inline-block;margin-bottom:5px}
#hd .txt-smallTitle{font-size:18px;font-weight:600;margin:20px 0;letter-spacing:1px}
#hd .txt-link{text-decoration:underline;display:block;margin-bottom:30px}
#hd .w1920,#hd .w900,#hd .w95,#hd .w950{margin:0 auto}
#hd .txt-left{text-align:left}
#hd .w95{width:94%}
#hd .w1920{max-width:1920px;overflow:hidden}
#hd .w1100,#hd .w1200,#hd .w1300,#hd .w1400{width:90%;max-width:1200px;margin:0 auto;position:relative}
#hd .w1100{max-width:1100px}
#hd .w1300{max-width:1300px}
#hd .w1400{max-width:1400px}
#hd .w950{max-width:950px}
#hd .w900{max-width:900px}
#hd .col25,#hd .col40,#hd .col45,#hd .col50,#hd .col55,#hd .col60{display:inline-block;margin-left:-5px;vertical-align:middle}
#hd .col25{width:25%}
#hd .col33{width:33.33%}
#hd .col45{width:45%}
#hd .col50{width:50%}
#hd .col55{width:55%}
#hd .col60{width:60%}
#hd .col40{width:40%}
#hd .ib-top{vertical-align:top}
#hd .ib-bottom{vertical-align:bottom}
#hd .fleft{float:left}
#hd .fright{float:right}
#hd .hd_1024-on,#hd .hd_mobile-on{display:none}
#hd .hd-more{height:150px;background-image:url(../img/more.png);background-position:center center;background-size:1200px;cursor:pointer}
#hd .hd-more span{width:100%;display:block;text-align:center}
#hd .hd-more h4{font-family:jerseym54,Geneva,Roboto,Helvetica,Arial,"Microsoft JhengHei",sans-serif;display:inline-block;color:#ffa83a!important;background:#ffa83a;background:-moz-linear-gradient(-45deg,#ffa83a 6%,#b87a00 30%,#e8d7af 64%,#8b5e13 96%);background:-webkit-linear-gradient(-45deg,#ffa83a 6%,#b87a00 30%,#e8d7af 64%,#8b5e13 96%);background:linear-gradient(135deg,#ffa83a 6%,#b87a00 30%,#e8d7af 64%,#8b5e13 96%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83a', endColorstr='#8b5e13', GradientType=1);-webkit-background-clip:text}
#hd .hd-more:after,#hd .hd-more:before{content:'';display:block;position:absolute;background-color:#ffa83a;top:3px;margin:auto;left:0;bottom:0;right:0}
#hd .hd-more:before{width:20px;height:3px}
#hd .hd-more:after{width:3px;height:20px}
#hd .hd-more.hd-open:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#hd .hd-more.hd-open:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
#hd .hd-more-content{display:none}
@media all and (-ms-high-contrast:none){#hd .hd-more h4,#hd h2{background:0 0}
}
@supports (-ms-accelerator:true){#hd .hd-more h4,#hd h2{background:0 0}
}
#hd .hd-bg-dark{background:url(../img/title/tuf-bg.png) 0 top no-repeat}
#hd .hd-bg-reverse,#hd .hd-bg-reverse>div{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}
#fp-nav ul li.active{height:30px;margin-bottom:12px}
#fp-nav ul li a span,#fp-nav ul li:hover a span{width:8px;height:8px;top:0;left:0;right:0;margin:0}
#fp-nav ul li.active a span,#fp-nav ul li.active:hover a span{top:0;left:0;right:0;height:30px;width:8px;margin:0 0 7px;border-radius:6px;background-color:#ffa83a}
#fp-nav ul li:hover a span{background-color:#ffa83a}
#fp-nav ul li .fp-tooltip{color:#ffa83a}
#hd #scrollUp{float:left;position:fixed;right:10px;bottom:50px;width:50px;height:50px;cursor:pointer;z-index:999;opacity:0;border:2px solid #ffa83a;background:url(../img/icon/scrollUp.png) center center no-repeat rgba(0,0,0,.8)}
#hd .title-animation-left:before,#hd .title-animation-right:before{content:"";width:20%;height:300px;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);z-index:-3;position:absolute}
#hd #scrollUp.hd-show{opacity:1}
#hd #scrollUp:active,#hd #scrollUp:hover{background-color:#000;background-position:center 30%;border-color:#ffa83a;box-shadow:0 0 10px #ffa83a}
#hd .title-animation-left:before{top:0;left:0;background:#000;background:-moz-linear-gradient(left,#000 0,#fec400 50%,#000 100%);background:-webkit-linear-gradient(left,#000 0,#fec400 50%,#000 100%);background:linear-gradient(to right,#000 0,#fec400 50%,#000 100%);animation:bg-light-left 4s linear infinite}
#hd .title-animation-right:before{top:1px;right:0;background:#000;background:-moz-linear-gradient(left,#000 0,#fec400 50%,#000 100%);background:-webkit-linear-gradient(left,#000 0,#fec400 50%,#000 100%);background:linear-gradient(to right,#000 0,#fec400 50%,#000 100%);animation:bg-light-right 4s linear infinite}
#hd #hd_networking:after,#hd #hd_way:after{z-index:-2;content:""}
#hd #hd_appMenu li.active>div:after,#hd #hd_radarList .owl-next,#hd #hd_radarList .owl-prev,#hd #hd_radarMenu li h4,#hd #hd_radarMenu li h4:before,#hd #scrollUp,#hd .hd-more:after,#hd .hd-more:before,#hd .hd_sec_nav li h6{-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#hd .badges-effect .owl-stage:after,#hd .hd_sec_nav li div img,#hd .hd_sec_overclock figure .img_top{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
#hd .hd_sec_nav ul{overflow:hidden;margin-right:-5px}
#hd .hd_sec_nav li{display:inline-block;vertical-align:top;margin-left:-5px;width:16.666%;transform:translateZ(0)}
#hd .hd_sec_nav li:nth-child(2) h6,#hd .hd_sec_nav li:nth-child(5) h6{border-left:0;border-right:0}
#hd .hd_sec_nav li h6{padding:15px 6px;background-color:#1e1e1e;border:3px solid #000}
#hd .hd_sec_nav li:hover h6{color:#fff;border-color:#000;background-color:#ff9f3a;text-shadow:3px 3px 5px rgba(0,0,0,.3)}
#hd .hd_sec_nav li div{overflow:hidden}
#hd .hd_sec_nav li div img{width:100%;max-width:none}
#hd .hd_sec_nav li:hover div img{opacity:.5;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
#hd .hd_sec_gaming{padding:100px 0 30px}
#hd #hd_kv{position:relative;background:url(../img/kv/thermal_armor_bg.jpg) center 0 no-repeat}
#hd #hd_kv .w1200{width:77%}
#hd #hd_kv img{width:54.25%;position:absolute;bottom:10%;right:-7%}
#hd #hd_kv .col55{padding-top:46%;padding-bottom:10%}
#hd #hd_kv .col55 p{padding-right:12%}
#hd .hd_sec_spec{padding:50px 0;background:url(../img/bg-spec.jpg) center top no-repeat;background-size:contain}
#hd .hd_sec_spec .w1200>img{padding-right:15%}
#hd .hd_sec_spec ul{position:absolute;top:0;left:0;width:100%;height:100%}
#hd .hd_sec_spec ul li{position:absolute}
#hd .hd_sec_spec ul li p{font-size:16px;letter-spacing:.5px;line-height:1.25;margin-bottom:15px;max-width:290px}
#hd .hd_sec_spec ul li b{font-weight:700}
#hd .hd_sec_spec ul li p span{display:inline-block;vertical-align:bottom;margin-bottom:-25px;padding-left:10px}
#hd .hd_sec_spec ul li:nth-child(-n+7){left:5%}
#hd .hd_sec_spec ul li:nth-child(1){top:5%}
#hd .hd_sec_spec ul li:nth-child(2){top:12.8%}
#hd .hd_sec_spec ul li:nth-child(3){top:23.5%}
#hd .hd_sec_spec ul li:nth-child(4){top:31%}
#hd .hd_sec_spec ul li:nth-child(5){top:36.5%}
#hd .hd_sec_spec ul li:nth-child(6){top:59.2%}
#hd .hd_sec_spec ul li:nth-child(7){top:80%}
#hd .hd_sec_spec ul li:nth-child(n+8){left:75%}
#hd .hd_sec_spec ul li:nth-child(8){top:12.5%}
#hd .hd_sec_spec ul li:nth-child(9){top:17.5%}
#hd .hd_sec_spec ul li:nth-child(10){top:28%}
#hd .hd_sec_spec ul li:nth-child(11){top:31%}
#hd .hd_sec_spec ul li:nth-child(12){top:62%}
#hd .hd_sec_spec ul li:nth-child(13){top:85%}
#hd .hd_sec_spec ul li:nth-child(14){top:92.5%}
#hd #hd_way{padding-top:60px;position:relative}
#hd #hd_way:after{position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:60%;background:url(../img/title/title_way.png) center top no-repeat;background-size:contain}
#hd .hd_sec_audiomode{padding-top:100px}
#hd .hd_sec_audiomode .left{padding-right:10%;margin-top:-10%}
#hd .hd_sec_audiomode .right{position:relative}
#hd .hd_sec_audiomode .right h4{margin:50px 0 10px}
#owl-mode{border:1px solid #fff;box-shadow:0 0 15px rgba(255,255,255,.8)}
#owl-modecontent{width:80%;margin:0 auto}
#mode_next,#mode_prev{width:19px;height:34px;background:url(../img/icon/arrow_r.jpg) no-repeat;position:absolute;top:0;bottom:0;margin:auto 0;cursor:pointer}
#mode_next{right:0}
#mode_prev{left:0;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}
#mode_clickable{width:100%;height:65%;position:absolute;top:0;left:0;z-index:3}
#mode_clickable li{width:11%;height:0;padding-bottom:11%;position:absolute;top:28.5%;cursor:pointer}
#mode_clickable li:nth-child(1){left:17.5%}
#mode_clickable li:nth-child(2){left:44.5%}
#mode_clickable li:nth-child(3){left:72.5%}
#hd .hd_sec_audio{padding:90px 0 50px}
#hd .hd_sec_audio .w1200{z-index:2}
#hd .hd_sec_audio .w1300{margin-top:-150px}
#hd .hd_sec_audio .txt-pic{margin:0 0 0 auto;max-width:780px!important;width:63%;position:relative}
#hd .hd_sec_audio .txt-pic ul{display:none}
#hd .hd_sec_audio .txt-box{position:absolute;top:170px;right:755px;max-width:500px;width:40%}
#hd .hd_sec_audio .txt-box .txt-gold{position:relative}
#hd .hd_sec_audio .txt-box li h4:after{content:'';display:block;position:absolute}
#hd .hd_sec_audio .txt-box li:nth-child(1) h4:after{border-top:2px solid #FF8D00;width:75%;height:62px;top:50%;left:50%;bottom:100%}
#hd .hd_sec_audio .txt-box li:nth-child(2) h4:after{border-bottom:2px solid #FF8D00;border-right:2px solid #FF8D00;width:85%;height:50px;left:79%;bottom:50%}
#hd .hd_sec_audio .txt-box li:nth-child(3) h4:after{border-bottom:2px solid #FF8D00;border-right:2px solid #FF8D00;width:90%;height:0;left:65%;bottom:40%}
#hd .hd_sec_audio .txt-box li:nth-child(4) h4:after{border-bottom:2px solid #FF8D00;border-right:2px solid #FF8D00;width:120%;height:0;left:54%;bottom:40%}
#hd .hd_sec_lighting{padding:120px 0;background-color:#000}
#hd .hd_sec_lighting .hd-lighting{position:relative;overflow:hidden}
#hd .hd_sec_lighting h3{margin-bottom:20px}
#hd .hd_sec_lighting #hd-lightingimg{position:relative;z-index:9;width:100%}
#hd .hd_sec_lighting #colorbox{width:50%;height:0;padding-bottom:110%;position:absolute;top:1px;right:1px;z-index:1;overflow:hidden}
#hd .hd_sec_lighting #color{width:100%;height:100%;position:absolute;top:0;right:0}
#hd .hd_sec_lighting .left{position:relative;z-index:1}
#hd .hd_sec_lighting .right{position:relative;z-index:3}
#hd .hd_sec_lighting .hd-controls li{width:16.6666%;display:inline-block;margin-right:-5px;vertical-align:top;text-align:center;padding:10px 5px;opacity:.5;cursor:pointer;transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s}
#hd .hd_sec_lighting .hd-controls li img{margin:0 auto 10px}
#hd .hd_sec_lighting .hd-controls li small{display:block;font-weight:700;font-size:12px;letter-spacing:1px}
#hd .hd_sec_lighting .hd-controls li.lighting-active{opacity:1}
#colorpicker{display:block;width:110px;margin:10px 20px 10px auto;position:absolute;bottom:-130px;right:0}
#hd #hd_networking{padding:60px 0 0;position:relative}
#hd #hd_networking:after{position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:60%;background:url(../img/title/title_networking.png) center top no-repeat;background-size:contain}
#hd .hd_sec_lan{position:relative;padding:150px 0}
#hd .hd_sec_lan .w1200{position:relative;z-index:2}
#hd .hd_sec_lan img{width:40%;position:absolute;top:100px;right:10%}
#hd .hd_sec_languard{direction:rtl}
#hd .hd_sec_languard .col50{direction:ltr}
#hd .hd_sec_languard .right{padding-left:5%}
#hd .hd_sec_turbo{padding:100px 0}
#hd .hd_sec_turbo h4+p{margin-bottom:70px}
#hd .hd_sec_turbo .ui{display:inline-block;vertical-align:bottom;width:80%;position:relative}
#hd .hd_sec_turbo .ui_img{width:75%;margin:0 0 0 auto}
#hd .hd_sec_turbo .ui_img>ul{display:none}
#hd .hd_sec_turbo .hd_txt li{width:100%;text-align:left;position:absolute;left:4%}
#hd .hd_sec_turbo .hd_txt li img,#hd .hd_sec_turbo .hd_txt li p{display:inline-block;vertical-align:middle;margin-bottom:0}
#hd .hd_sec_turbo .hd_txt li p{width:22%}
#hd .hd_sec_turbo .hd_txt li:nth-child(1){top:15%}
#hd .hd_sec_turbo .hd_txt li:nth-child(2){top:40%}
#hd .hd_sec_turbo .hd_txt li:nth-child(3){top:85%}
#hd .hd_sec_turbo .hd_txt li:nth-child(1) p{padding-top:2%}
#hd .hd_sec_turbo .hd_txt li:nth-child(1) img{width:37%}
#hd .hd_sec_turbo .hd_txt li:nth-child(2) p{width:18%}
#hd .hd_sec_turbo .hd_txt li:nth-child(2) img{width:10%}
#hd .hd_sec_turbo .hd_txt li:nth-child(3) img{width:64%}
#hd .hd_sec_turbo .bar{display:inline-block;vertical-align:bottom;width:20%;margin-left:-10px}
#hd #hd_performance{padding:60px 0 0;position:relative}
#hd #hd_performance:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:80%;background:url(../img/title/title_performance.png) center top no-repeat;background-size:contain;z-index:-2}
#hd .hd_sec_ddr4{position:relative;padding:50px 0}
#hd .hd_sec_ddr4 h3+p{margin-bottom:50px}
#hd .hd_sec_ddr4 .right{padding-left: 20px}
#hd .hd_sec_ddr4 .txt-smallTitle{margin-bottom: 0}
#hd .hd_sec_ddr4 .txt-absent{padding:0 2px}
#hd #hd_cooling:after,#hd #hd_ultrafast:after{content:"";width:100%;height:0;z-index:-2;top:0}
#hd .hd_sec_ddr4 figure{position:relative;display:block}
#hd .hd_sec_ddr4 figure img{margin-bottom:20px;margin-left:0}
#hd .hd_sec_ddr4 img.short{max-width:89%!important}
#hd .hd_sec_ddr4 figure p{display:block;position:absolute;left:2%;bottom:0;margin-bottom:0;font-size:12px}
#hd .hd_sec_ddr4 small{display:block;margin-top:70px}
#hd .hd_sec_overclock{background:url(../img/performance/overclock_bg.jpg) right top no-repeat;background-size:60%;padding:250px 0 150px}
#hd .hd_sec_overclock .w1200{direction:rtl}
#hd .hd_sec_overclock .w1200>.col50{direction:ltr}
#hd .hd_sec_overclock .right{padding-left:5%}
#hd .hd_sec_overclock figure{position:relative;border:1px solid #fff;box-shadow:0 0 10px rgba(255,255,255,.4)}
#hd .hd_sec_overclock .img_top{position:absolute;top:0;left:0;cursor:crosshair;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#hd #hd_ultrafast{padding:60px 0 0;position:relative}
#hd #hd_ultrafast:after{position:absolute;left:0;padding-bottom:60%;background:url(../img/title/title_ultrafast.png) center top no-repeat;background-size:contain}
#hd .hd_sec_ultrafast h5{margin-bottom:30px}
#hd .hd_sec_ultrafast img{margin-left:0}
#hd .hd_sec_ultrafast .col50:nth-child(-n+2){vertical-align:top;padding:0 5%}
#hd .hd_sec_ultrafast{padding:70px 0}
#hd .hd_sec_ultrafast .col50:first-child p,#hd .hd_sec_ultrafast .col50:nth-child(2) p{margin-bottom:50px}
#hd .hd_sec_ready{padding-bottom:100px}
#hd .hd_sec_ready .col55{margin-left:-7%;margin-right:-2%;margin-top:-5%}
#hd .hd_sec_ready .col50{position:relative;padding-left:5%}
#hd #hd_cooling{padding:60px 0 0;position:relative}
#hd #hd_cooling:after{position:absolute;left:0;padding-bottom:60%;background:url(../img/title/title_cooling.png) center top no-repeat;background-size:contain}
#hd .hd_sec_fan{padding:90px 0;background-position:center center;background-repeat:no-repeat;background-size:contain}
#hd .hd_sec_fan h3{margin-top:0;margin-bottom:30px}
#hd .hd_sec_fan .fleft{position:relative}
#hd .hd_sec_fan .fleft img{margin-left:auto;margin-right:50px}
#hd .hd_sec_fan .fan_cover li{position:absolute;top:0;left:0;right:0;margin:0 auto;opacity:0}
#hd .hd_sec_fan .fan_cover li.hd-active{opacity:1}
#hd .hd_sec_fan .hd-filter{margin:30px 0}
#hd .hd_sec_fan .hd-filter li{display:inline-block;vertical-align:top;width:25%;margin:20px 0 20px -5px;padding:0 2% 0 0;cursor:pointer}
#hd .hd_sec_fan .hd-content{position:relative;background:#131313;max-width:550px;padding:30px 16%}
#hd .hd_sec_fan .hd-content:before{content:'';display:block;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px;background:#ffbf3a;background:-moz-linear-gradient(left,#c58000 3%,#ffbf3a 48%,#804600 100%);background:-webkit-linear-gradient(left,#c58000 3%,#ffbf3a 48%,#804600 100%);background:linear-gradient(to right,#c58000 3%,#ffbf3a 48%,#804600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c58000', endColorstr='#804600', GradientType=1 );z-index:-1}
#hd .hd_sec_fan .hd-content li img{margin:10px auto 0}
#hd .hd_sec_fan .hd-content li{display:none}
#hd .fan_icon,#hd .hd_sec_fan .hd-content li.hd-active{display:block}
#hd .hd_sec_fan .hd-content p{margin-bottom:0}
#hd .fan_icon{background-image:url(../img/fan/spritesheet.png);background-repeat:no-repeat;width:47px;height:47px;margin:0 auto 5px;opacity:.8}
#hd .hd_sec_fan li.hd-active .fan_icon,#hd .hd_sec_fan li:hover .fan_icon{opacity:1}
#hd .fan_icon.fan_temp{background-position:-5px -5px}
#hd .hd-active .fan_icon.fan_temp{background-position:-62px -5px}
#hd .fan_icon.fan_one{background-position:-5px -62px}
#hd .hd-active .fan_icon.fan_one{background-position:-62px -62px}
#hd .fan_icon.fan_pwm{background-position:-119px -5px}
#hd .hd-active .fan_icon.fan_pwm{background-position:-119px -62px}
#hd .fan_icon.fan_smart{background-position:-5px -119px}
#hd .hd-active .fan_icon.fan_smart{background-position:-62px -119px}
#hd #hd_reliability{padding:60px 0 0;position:relative}
#hd #hd_reliability:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:60%;background:url(../img/title/title_reliability.png) center top no-repeat;background-size:contain;z-index:-2}
#hd #hd_reliability .w900{width:90%;padding:40px 0 30px}
#hd #hd_reliability .w1200{padding:40px 0}
#hd .hd-sec-core .col45,#hd .hd-sec-esd .col45{padding:0 10px}
#hd .hd-sec-esd .w1200>p{max-width:950px;margin:-10px auto 30px}
#hd .hd-sec-esd .hd-guardbox{position:relative;max-width:1050px;margin:0 auto}
#hd .hd-sec-esd .txt-box{position:absolute;width:100%;left:0;top:52%;margin-left:4%;text-align:center}
#hd .hd-sec-esd .txt-box figure{width:20%;display:inline-block;vertical-align:top;padding:25px 20px;margin:0 1.4% 2.8%;background-color:rgba(255,141,0,.4)}
#hd .hd-sec-esd .txt-box figure p{margin-bottom:12px;line-height:1.5rem}
#hd .hd-sec-esd .txt-box p.txt-style{position:relative;text-transform:uppercase;letter-spacing:1px;padding-bottom:12px;min-height:3.8rem}
#hd .hd-sec-esd .txt-box p.txt-style:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;color:#f0b427;background:#683b02;background:-moz-linear-gradient(left,#683b02 0,#f0b427 42%,#fac233 50%,#f0b427 58%,#683b02 100%);background:-webkit-linear-gradient(left,#683b02 0,#f0b427 42%,#fac233 50%,#f0b427 58%,#683b02 100%);background:linear-gradient(to right,#683b02 0,#f0b427 42%,#fac233 50%,#f0b427 58%,#683b02 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#683b02', endColorstr='#683b02', GradientType=1)}
#hd #owl-hd-badges{position:relative;padding-top:40px}
#hd #owl-hd-badges .owl-dots{position:absolute;width:100%;bottom:10px;z-index:4}
#hd #owl-hd-badges .owl-dots .owl-dot{display:inline-block;margin:0 4px}
#hd #owl-hd-badges .owl-dots .owl-dot span{display:block;width:15px;height:15px;border-radius:8px;border:2px solid #ffa83a;background-color:#ffa83a}
#hd #owl-hd-badges .owl-dots .owl-dot.active span,#hd #owl-hd-badges .owl-dots .owl-dot:hover span{background:0 0}
#hd #owl-hd-badges .item{background-image:url(../img/stability/B350MA.jpg);background-position:0 top;background-repeat:no-repeat;background-size:300%;height:0;padding-bottom:93.75%;position:relative}
#hd #owl-hd-badges .owl-item:nth-child(2) .item{background-position:50% top}
#hd #owl-hd-badges .owl-item:nth-child(3) .item{background-position:100% top}
#hd #owl-hd-badges .item .hd-item-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20% 5% 0}
#hd #owl-hd-badges .item .hd-item-content img{max-height:86px;width:auto;margin-bottom:20px}
#hd #owl-hd-badges .owl-item{position:relative;z-index:2}
#hd #owl-hd-badges .item .hd-item-content h4{margin-top:30px}
#hd #owl-hd-badges .item .hd-item-content p{max-width:410px;margin:0 auto 15px}
#hd .badges-effect .owl-stage:after{content:"";position:absolute;top:2px;height:0;width:32.9%;padding-bottom:30.7%;z-index:3;border:2px solid #ffa83a;box-shadow:0 0 300px rgba(0,0,0,1) inset,0 0 150px rgba(0,0,0,1) inset;-webkit-transform:all .3s;-moz-transform:all .3s;-ms-transform:all .3s;-o-transform:all .3s;transform:all .3s;visibility:visible;pointer-events:none}
#hd .badges-effect .owl-stage.eq0:after{left:0}
#hd .badges-effect .owl-stage.eq1:after{left:33.33%}
#hd .badges-effect .owl-stage.eq2:after{left:66.66%}
#hd #hd_freeze{padding-top:100px}
#hd #hd_freeze>div{min-height:90vh;padding:50px 0}
#hd #hd_freeze .col40{width:44%}
#hd #hd_freeze #hd_sec_chokes{padding:50px 0 120px}
#hd #hd_freezePic{position:absolute;top:70px;left:52%;width:700px}
#hd #hd_freezeDescript{position:absolute;top:0;right:0;width:100%;height:100%}
#hd #hd_freezeDescript li{position:absolute;top:0;right:0;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;-ms-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease}
#hd #hd_freezeDescript li.on{opacity:1;-webkit-animation:showFromBottom .4s ease forwards;-o-animation:showFromBottom .4s ease forwards;animation:showFromBottom .4s ease forwards}
#hd #hd_freeze img.hd-ab{position:absolute;top:0;left:0}
#hd .hd_sec_intel{padding:30px 0 150px;max-width:1050px}
#hd .hd_sec_intel h3{margin-bottom:120px}
#hd .hd_sec_intel img{display:inline-block;vertical-align:top;width:80px}
#hd .hd_sec_intel .hd_content{display:inline-block;vertical-align:top;width:calc(100% - 90px);margin-left:-6px;padding-left:70px;margin-bottom:30px}
@-webkit-keyframes bg-light-left{0%{left:-20%}
25%{left:30%}
25.1%{left:50%}
100%,50%{left:100%}
}
@keyframes bg-light-left{0%{left:-20%}
25%{left:30%}
25.1%{left:50%}
100%,50%{left:100%}
}
@-webkit-keyframes bg-light-right{0%{right:-20%}
25%{right:30%}
25.1%{right:50%}
100%,50%{right:100%}
}
@keyframes bg-light-right{0%{right:-20%}
25%{right:30%}
25.1%{right:50%}
100%,50%{right:100%}
}
.hd-rainbow{height:500%!important;background:url(../img/way/rainbow.jpg)}
.hd-comet{background:#000;background:-moz-linear-gradient(-45deg,#000 0,#000 39%,red 54%,#00ff2b 60%,#000 73%,#000 100%);background:-webkit-linear-gradient(-45deg,#000 0,#000 39%,red 54%,#00ff2b 60%,#000 73%,#000 100%);background:linear-gradient(135deg,#000 0,#000 39%,red 54%,#00ff2b 60%,#000 73%,#000 100%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1)}
.hd-flash{background:#484848;background:-moz-linear-gradient(left,#484848 0,red 15%,#484848 27%,red 40%,#484848 53%,red 63%,#484848 78%,red 90%,#484848 100%);background:-webkit-linear-gradient(left,#484848 0,red 15%,#484848 27%,red 40%,#484848 53%,red 63%,#484848 78%,red 90%,#484848 100%);background:linear-gradient(to right,#810000 0,#810000 25%,red 50%,#810000 75%,#810000 100%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#484848', GradientType=1)}
.hd-yoyo{background:#000;background:-moz-linear-gradient(red 0,#ffa200 8%,#ff0 15%,#00cb07 23%,#00cb07 31%,#07a9ff 38%,#07a9ff 46%,#1044ff 54%,#1044ff 62%,#1b2f7f 69%,#1b2f7f 77%,#d92f7f 85%,#000 92%,#000 100%);background:-webkit-linear-gradient(red 0,#ffa200 8%,#ff0 15%,#00cb07 23%,#00cb07 31%,#07a9ff 38%,#07a9ff 46%,#1044ff 54%,#1044ff 62%,#1b2f7f 69%,#1b2f7f 77%,#d92f7f 85%,#000 92%,#000 100%);background:linear-gradient(red 0,#ffa200 8%,#ff0 15%,#00cb07 23%,#00cb07 31%,#07a9ff 38%,#07a9ff 46%,#1044ff 54%,#1044ff 62%,#1b2f7f 69%,#1b2f7f 77%,#d92f7f 85%,#000 92%,#000 100%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);box-shadow:0 0 50px 20px #000 inset}
.hd-starryNight{background:#000!important}
.starry_night{display:none}
.starry_night li{width:10%;height:10%;background-color:#FFF;position:absolute;background:radial-gradient(circle,#ffa83a,#ffa83a,#000,#000);animation:starryNight 2s infinite}
.starry_night li:nth-child(1){right:60%;top:4%}
.starry_night li:nth-child(2){right:40%;top:20%}
.starry_night li:nth-child(3){right:30%;top:30%}
.starry_night li:nth-child(4){right:50%;top:60%}
.starry_night li:nth-child(5){right:30%;top:80%}
.starry_night li:nth-child(6){right:55%;top:90%}
@-webkit-keyframes static{0%,50%{opacity:1}
}
@keyframes static{0%,50%{opacity:1}
}
@-webkit-keyframes breathing{0%{opacity:1}
50%{opacity:.3}
}
@keyframes breathing{0%{opacity:1}
50%{opacity:.3}
}
@-webkit-keyframes strobing{0%{opacity:1}
50%{opacity:.3}
}
@keyframes strobing{0%{opacity:1}
50%{opacity:.3}
}
@-webkit-keyframes music{0%,40%,70%{opacity:1}
10%,100%,60%{opacity:.3}
}
@keyframes music{0%,40%,70%{opacity:1}
10%,100%,60%{opacity:.3}
}
@-webkit-keyframes cycle{0%,100%{background-color:red}
15%{background-color:orange}
30%{background-color:#ff0}
45%{background-color:#00CB07}
60%{background-color:#07A9FF}
75%{background-color:#1044FF}
90%{background-color:#a12fd9}
}
@keyframes cycle{0%,100%{background-color:red}
15%{background-color:orange}
30%{background-color:#ff0}
45%{background-color:#00CB07}
60%{background-color:#07A9FF}
75%{background-color:#1044FF}
90%{background-color:#a12fd9}
}
@-webkit-keyframes colorrun{0%{-webkit-filter:hue-rotate(359deg)}
100%{-webkit-filter:hue-rotate(0)}
}
@keyframes colorrun{0%{-webkit-filter:hue-rotate(359deg);filter:hue-rotate(359deg)}
100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}
}
@-webkit-keyframes rainbow{0%{-webkit-transform:translateY(-50%) skewY(-40deg)}
100%{-webkit-transform:translateY(0) skewY(-40deg)}
}
@keyframes rainbow{0%{transform:translateY(-50%) skewY(-40deg)}
100%{transform:translateY(0) skewY(-40deg)}
}
@-webkit-keyframes cpu{0%{background-color:red}
30%,90%{background-color:#ff0}
60%{background-color:green}
}
@keyframes cpu{0%{background-color:red}
30%,90%{background-color:#ff0}
60%{background-color:green}
}
@-webkit-keyframes comet{0%{z-index:1;width:200%;transform:translateX(-100%)}
100%{z-index:1;width:200%;transform:translateX(50%)}
}
@keyframes comet{0%{z-index:1;width:200%;transform:translateX(-100%)}
100%{z-index:1;width:200%;transform:translateX(50%)}
}
@-webkit-keyframes flash{0%{z-index:1;width:200%;transform:translateX(-100%) skewX(135deg)}
100%{z-index:1;width:200%;transform:translateX(50%) skewX(135deg)}
}
@keyframes flash{0%{z-index:1;width:200%;transform:translateX(-100%) skewX(135deg)}
100%{z-index:1;width:200%;transform:translateX(50%) skewX(135deg)}
}
@-webkit-keyframes yoyo{0%,100%{z-index:1;width:220%;height:300%;transform:translate(-80%,-30%) rotate(45deg)}
50%{z-index:1;width:220%;height:300%;transform:translate(30%,-30%) rotate(45deg)}
}
@keyframes yoyo{0%,100%{z-index:1;width:220%;height:300%;transform:translate(-80%,-30%) rotate(45deg)}
50%{z-index:1;width:220%;height:300%;transform:translate(30%,-30%) rotate(45deg)}
}
@-webkit-keyframes starryNight{0%{transform:translateX(0)}
100%{transform:translateX(800%)}
}
@keyframes starryNight{0%{transform:translateX(0)}
100%{transform:translateX(800%)}
}
@media screen and (max-width:1440px){#hd h2{font-size:72px;line-height:72px}
#hd .hd_sec_nav li h6{font-size:17px}
#hd .hd_sec_gaming{width:70%;padding:70px 0 0}
#hd #hd_kv img{bottom:8%}
#hd .hd_sec_spec{padding:50px 0}
#hd .hd_sec_spec .w1200{width:70%}
#hd .hd_sec_spec .w1200>img{padding:0 28% 0 15%}
#hd .hd_sec_spec ul li:nth-child(-n+9){left:6%}
#hd .hd_sec_spec ul li:nth-child(n+10){left:73%}
#hd .hd_sec_spec ul li p{font-size:14px;max-width:250px}
#hd .hd_sec_audio{padding:50px 0}
#hd .hd_sec_lighting{padding:50px 0 130px}
#hd .hd_sec_lan{padding-bottom:50px}
#hd .hd_sec_overclock{padding:200px 0 100px;background-size:60%}
#hd #hd_freeze #hd_sec_chokes,#hd .hd_sec_ready{padding-bottom:50px}
#hd #hd_freeze{padding-top:50px}
#hd .hd_sec_intel{padding-bottom:100px}
#hd .hd_sec_intel h3{margin-bottom:70px}
}
@media screen and (max-width:1366px){#hd #hd_kv img{bottom:5%}
#hd .hd_sec_audio{padding:50px 0}
#hd .hd_sec_audio .txt-pic ul{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
#hd .hd_sec_audio .txt-pic ul li{width:30px;height:30px;border-radius:15px;line-height:26px;position:absolute;text-align:center;background:#ffa83a;border:2px solid #000;color:#000}
#hd .hd_sec_audio .txt-pic ul li:nth-child(1){top:43%;left:21%}
#hd .hd_sec_audio .txt-pic ul li:nth-child(2){top:40%;left:40%}
#hd .hd_sec_audio .txt-pic ul li:nth-child(3){top:70%;left:35%}
#hd .hd_sec_audio .txt-pic ul li:nth-child(4){top:87%;left:46%}
#hd .hd_sec_audio .txt-box .txt-gold{margin-bottom:0}
#hd .hd_sec_audio .txt-box li h4:after{display:none}
#hd .hd_sec_audio .txt-box li p{margin-bottom:10px}
#hd .hd_sec_audio .txt-box{width:47%;max-width:600px;right:auto;left:0}
#hd .hd_sec_audio .txt-box li{position:relative;padding-left:40px}
#hd .hd_sec_audio .txt-box li:after{counter-increment:li;margin-right:10px;display:block;width:30px;height:30px;border-radius:15px;line-height:30px;position:absolute;top:0;left:0;text-align:center;background:#1e1e1e;border:1px solid #ffa83a}
#hd .hd_sec_audio .txt-box li:nth-child(1):after{content:"1"}
#hd .hd_sec_audio .txt-box li:nth-child(2):after{content:"2"}
#hd .hd_sec_audio .txt-box li:nth-child(3):after{content:"3"}
#hd .hd_sec_audio .txt-box li:nth-child(4):after{content:"4"}
#hd #owl-hd-badges .item .hd-item-content{padding-top:14%}
}
@media screen and (max-width:1280px){#hd .hd_sec_nav li h6{height:82px}
#hd #hd_kv{background-size:1440px}
#hd #hd_kv .col55{padding-top:40%;padding-bottom:5%}
#hd #hd_kv img{width:50%;right:-2%;bottom:10%}
#hd .hd_sec_spec .w1200{width:85%}
#hd .hd_sec_audiomode .left{padding-right:30px}
#hd .hd_sec_audiomode .right h4{margin:30px 0 10px}
#hd .hd_sec_audio{padding:30px 0 50px}
#hd #hd_networking{padding-top:20px}
#hd .hd_sec_turbo .ui li{left:6%}
#hd #owl-hd-badges .item .hd-item-content{padding-top:8%}
#hd #owl-hd-badges .item .hd-item-content img{height:16%;margin-bottom:15px}
#hd #owl-hd-badges h4{margin-bottom:15px}
#hd #owl-hd-badges p{font-size:16px;line-height:1.5em}
}
@media screen and (max-width:1024px){#hd #hd_ultrafast:after,#hd #hd_way:after{background-size:168%}
#hd h2{padding:0 10px}
#hd h3{font-size:48px;margin:20px 0}
#hd h6{font-size:18px}
#hd .hd_sec_nav li h6{font-size:18px;padding:10px;height:76px}
#hd .title-animation-left:before{top:20px}
#hd #hd_kv .w1200{width:90%}
#hd #hd_kv .col55{padding-bottom:11%}
#hd #hd_kv .col55 p{padding-right:5%}
#hd .hd_sec_lighting .hd-controls li img{width:50px}
#colorpicker{right:auto;left:-150px;bottom:20px}
#hd .hd_sec_audiomode,#hd .hd_sec_lan{padding-top:50px}
#hd .hd_sec_ddr4{padding-top:10px}
#hd .hd_sec_overclock{padding:150px 0 50px}
#hd .hd_sec_fan{padding:50px 0}
#hd .hd_sec_turbo .ui{width:85%}
#hd .hd_sec_turbo .ui li{left:3%}
#hd .hd_sec_turbo .bar{width:15%}
#hd #hd_cooling:after,#hd #hd_reliability:after{background-size:180%}
#hd #hd_reliability .w1200{padding-bottom:0}
#hd #owl-hd-badges .item .hd-item-content{padding-top:5%}
#hd #owl-hd-badges .item .hd-item-content h4,#hd #owl-hd-badges .item .hd-item-content img{margin-bottom:10px}
#hd #owl-hd-badges .item .hd-item-content p{margin:0 auto 6px}
#hd #hd_performance.title-animation-right:before{margin-top:13px}
#hd #hd_performance:after{background-size:160%;margin-top:13px}
#hd .hd_sec_ddr4 small{margin-top: 20px}
#hd .hd_sec_ultrafast{padding:40px 0 0}
#hd .hd_sec_audio{padding:40px 0}
#hd .hd_sec_audio .txt-box{position:relative;width:100%;max-width:none;padding-top:30px;top:0}
#hd .hd_sec_audio .w1200 .col40{width:100%}
#hd .hd_sec_audio .w1300{margin-top:0}
#hd .hd_sec_audio .txt-pic{width:90%;margin:0 auto}
#hd .hd_sec_lighting{padding:60px 0}
#hd .hd_sec_intel{padding:0 0 50px}
}
@media screen and (max-width:1023px){#hd .hd_1024-on{display:block}
#hd .hd_1024-off{display:none}
#hd .hd_sec_nav li{width:33.3333%}
#hd .hd_sec_nav li h6{height:auto}
#hd .hd_sec_spec .w1200>img{padding:0}
#hd .hd_sec_spec ul{position:relative;margin-top:30px;-webkit-column-count:3;-moz-column-count:3;column-count:3;counter-reset:li}
#hd .hd_sec_spec ul li:nth-child(n){position:relative;top:0;left:0;display:inline-block;width:100%;vertical-align:top;padding-left:35px;padding-top:3px;margin-bottom:5px}
#hd .hd_sec_spec ul li:nth-child(n):before{content:counter(li);counter-increment:li;margin-right:10px;display:block;width:25px;height:25px;line-height:23px;position:absolute;top:0;left:0;text-align:center;background:#1e1e1e;border:1px solid #ffa83a;border-radius:15px}
#hd .hd_sec_spec ul li p+img{display:inline-block}
#hd .hd_sec_spec ul li p span{margin-bottom:-15px}
#hd .hd_sec_turbo .ui{width:100%}
#hd .hd_sec_turbo .ui li{left:3%}
#hd .hd_sec_turbo .bar{width:100%;margin-top:30px}
#hd .hd-sec-esd .txt-box{position:relative;margin-left:0;margin-top:-18%;padding-bottom:50px}
#hd .hd-sec-esd .txt-box figure{width:30%}
#hd #owl-hd-badges{padding-top:0}
#hd #owl-hd-badges .item .hd-item-content{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px}
#hd .badges-effect .owl-stage:after{display:none}
#hd .badges-effect:after{content:"";position:absolute;top:2px;left:0;width:calc(100% - 4px);height:98%;z-index:3;border:2px solid #ffa83a;box-shadow:0 0 150px rgba(0,0,0,1) inset;visibility:visible;pointer-events:none}
#hd #hd_freeze .col40{width:50%}
#hd #hd_freezePic{width:530px}
#hd #hd_freeze #hd_sec_chokes{padding:50px 0}
}
@media screen and (max-width:768px){#hd h2,#hd h3,#hd h4{line-height:1}
#hd #hd_kv .col55,#hd .hd-sec-core .col45,#hd .hd-sec-core .col55,#hd .hd_sec_gaming{width:100%}
#hd .hd_mobile-off{display:none}
#fp-nav.right{right:0}
#hd h2{font-size:60px;margin-bottom:0}
#hd h3{font-size:38px}
#hd h4{font-size:24px}
#hd p{font-size:16px;line-height:1.25rem}
#hd span.txt-absent{font-size:31px}
#hd h5{font-size:32px}
#hd .hd-more{height:108px}
#hd .hd-more h4{margin-bottom:10px}
#hd #hd_kv{margin-top:30px;background-size:150%;background-position:right bottom}
#hd #hd_kv .col55,#hd #hd_kv .col55 p{padding:0}
#hd #hd_kv img{position:relative;width:70%;margin:-30px auto 0;padding-bottom:12%}
#hd .hd_sec_spec{padding:0 0 60px}
#hd .hd_sec_spec ul{-webkit-column-count:2;-moz-column-count:2;column-count:2}
#hd section{padding-top:40px!important}
#hd #hd_cooling:after,#hd #hd_networking:after,#hd #hd_reliability:after{background-size:140%}
#hd .hd_sec_turbo{padding:50px 0}
#hd .hd_sec_overclock{padding-top:100px;background-size:80%}
#hd .hd_sec_fan .fleft img{width:95%;margin:0 auto}
#hd .hd_sec_fan .hd-filter{margin:-30px 0 0}
#hd .hd_sec_fan .hd-content{padding:20px 10px}
#hd #hd_performance.title-animation-right:before,#hd #hd_performance:after{margin-top:0}
#hd .hd_sec_ddr4 .right>p{margin-bottom:0}
#hd .hd_sec_fan .col50,#hd .hd_sec_overclock .col50{width:100%;padding:0;margin-left:0}
#hd .hd_sec_overclock figure{margin-top:30px}
#hd .hd_sec_fan .fleft{display:block;width:100%;max-width:450px!important;margin:0 auto 30px;float:none}
#hd .hd_sec_fan .hd-content{max-width:none}
}
@media screen and (max-width:767px){#hd .hd_mobile-on{display:block}
#hd .hd_sec_lighting{padding:30px 0}
#hd .hd_sec_lighting .left,#hd .hd_sec_lighting .right{width:100%;float:none}
#hd .hd_sec_lighting .left{display:block;max-width:500px;margin:0 auto}
#colorpicker{display:none!important}
#hd .hd_sec_turbo .ui li{position:relative;padding-left:30px}
#hd .hd_sec_turbo .ui_img{width:100%;margin-bottom:20px}
#hd .hd_sec_turbo .ui_img>ul{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
#hd .hd_sec_turbo .ui_img li{width:30px;height:30px;border-radius:15px;line-height:26px;position:absolute;text-align:center;background:#ffa83a;border:2px solid #000;color:#000;padding-left:0}
#hd .hd_sec_turbo .ui_img li:nth-child(1){top:3%;left:59%}
#hd .hd_sec_turbo .ui_img li:nth-child(2){top:40%;left:15%}
#hd .hd_sec_turbo .ui_img li:nth-child(3){top:55%;left:85%}
#hd .hd_sec_turbo .hd_txt li:nth-child(n) p{width:100%;padding:0;margin:8px 0}
#hd .hd_sec_turbo .hd_txt li:before{content:'';display:block;width:24px;height:24px;line-height:24px;border-radius:13px;position:absolute;top:0;left:-20px;border:2px solid #ffa83a;text-align:center}
#hd #hd_freezePic,#hd .hd_sec_turbo .hd_txt li img{display:none}
#hd .hd_sec_turbo .hd_txt li:nth-child(1):before{content:'1'}
#hd .hd_sec_turbo .hd_txt li:nth-child(2):before{content:'2'}
#hd .hd_sec_turbo .hd_txt li:nth-child(3):before{content:'3'}
#hd #hd_sec_chokes .col40,#hd #hd_sec_components .col40{width:100%}
}
@media screen and (max-width:620px){#hd .title-animation-left:before,#hd .title-animation-right:before{height:150px}
#hd .hd_sec_nav li{width:50%}
#hd .hd-sec-esd .txt-box figure,#hd .hd_sec_audio .hd_audioList li,#hd .hd_sec_intel .hd_content,#hd .hd_sec_intel .hd_pic{width:100%}
#hd .hd_sec_audiomode .col50,#hd .hd_sec_ddr4 .col50,#hd .hd_sec_lan .col45,#hd .hd_sec_lan img,#hd .hd_sec_languard .col50,#hd .hd_sec_ready .col50,#hd .hd_sec_ready .col55,#hd .hd_sec_ultrafast .col50{width:100%;padding:0;margin-left:0}
#hd #hd_networking:after{background-size:180%}
#hd #hd_cooling,#hd #hd_performance,#hd #hd_reliability,#hd #hd_ultrafast{padding-top:0!important}
#hd .hd_sec_lan img{position:relative;top:0;right:0}
#hd .hd_sec_ddr4 figure p{bottom:3px}
#hd .hd_sec_ultrafast .col50:first-child p,#hd .hd_sec_ultrafast .col50:nth-child(2) p{max-width:none}
#hd .hd_sec_intel .hd_content{margin-top:20px;padding-left:0;text-align:center}
#hd .hd_sec_intel img{display:block;margin:0 auto}
}
@media screen and (max-width:480px){#fp-nav.right{display:none}
#hd #scrollUp{bottom:10px}
#hd .hd_sec_nav li{width:100%}
#hd .hd_sec_spec ul{-webkit-column-count:1;-moz-column-count:1;column-count:1}
#hd #hd_networking,#hd #hd_way{padding-top:0!important}
#hd .hd_sec_lighting .hd-controls li{width:25%}
#hd .hd_sec_ddr4 figure p{bottom:0}
#hd .hd_sec_turbo .ui_img li:nth-child(3){top:45%}
#hd .hd-sec-esd .txt-box figure{padding:15px 5px}
#hd .hd-sec-esd .txt-box p.txt-style{min-height:0}
}