@charset 'utf-8'; @import url('https://fonts.googleapis.com/css?family=Fjalla+One'); @import url('https://fonts.googleapis.com/css?family=Roboto:300, 400'); @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:normal; font-style:normal} html, body{margin:0; padding:0; } #hd *{margin:0; padding:0; 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:#ffffff; } ::-moz-selection{background:#bdb6ac; color:#ffffff; } #hd{background:black; color:#fff; font-size:16px; } #hd ul, #hd li{margin:0; padding:0; } #hd img{display:block; height:auto; border:none; max-width:100% !important; margin:0 auto; } #hd h2, #hd h3, #hd h4, #hd p, #hd b, #hd small, #hd a, #hd li{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,"微軟正黑體","Microsoft JhengHei",sans-serif; margin:0; line-height:normal; color:white; } #hd h2, #hd h3, #hd h5, #hd h6{font-family:"jerseym54","Geneva","Roboto","Helvetica","Arial","Microsoft JhengHei",sans-serif; font-weight:400; } #hd h2{font-size:85px; line-height:85px; color:#ffa83a !important; margin-bottom:30px; width:100%; position:relative; text-align:center; 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; -webkit-text-fill-color:transparent; text-shadow:0 0 0 rgba(0,0,0,0); } #hd h3{font-size:55px; line-height:60px; color:#ffa83a; margin-top:30px; margin-bottom:50px; } #hd h3+h4{margin-top:-10px; } #hd h4{font-family:'Fjalla One',sans-serif; font-size:30px; font-weight:400; margin-bottom:20px; text-transform:uppercase; } #hd #hd_sec_chokes h4+p{margin-top:-10px; } #hd h4+.txt-smallTitle{margin-top:-10px; } #hd h5{font-size:48px; line-height:1; color:#ffa83a; margin-top:30px; margin-bottom:50px; } #hd h6{font-size:20px; } #hd p{font-size:17px; letter-spacing:0; font-weight:300; line-height:1.7rem; margin:0; margin-bottom:30px; } #hd small{font-size:14px; } #hd span.txt-absent{font-family:'Fjalla One',sans-serif; font-weight:bold; font-size:44px; } #hd span.txt-plus{font-family:'Roboto',sans-serif; font-weight:bold; } #hd .txt-gold{color:#ffa83a; font-weight:400; } #hd .txt-grey{color:#9b9b9b; font-weight:400; } #hd .txt-bold{font-weight:bold; 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 .txt-center{text-align:center; } #hd .txt-left{text-align:left; } #hd .w95{width:94%; margin:0 auto; position:relative; } #hd .w1920{max-width:1920px; margin:0 auto; 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; margin:0 auto; } #hd .w900{max-width:900px; margin:0 auto; } #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_mobile-on, #hd .hd_1024-on{display:none; } #hd .hd-more{height:150px; background-image:url(../img/more.png); background-position:center center; background-size:1200px; position:relative; 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; -webkit-text-fill-color:transparent; text-shadow:0 0 0 rgba(0,0,0,0); } #hd .hd-more:before{content:''; display:block; position:absolute; width:20px; height:3px; background-color:#ffa83a; top:3px; right:0; bottom:0; left:0; margin:auto; } #hd .hd-more:after{content:''; display:block; position:absolute; width:3px; height:20px; background-color:#ffa83a; top:3px; right:0; bottom:0; left:0; margin:auto; } #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 h2,#hd .hd-more h4{background:none; } } @supports (-ms-accelerator:true){#hd h2,#hd .hd-more h4{background:none; } } #hd .hd-bg-dark{background:url(../img/title/tuf-bg.png) 0 top no-repeat; } #hd .hd-bg-reverse{-webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); -ms-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); } #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, #fp-nav ul li.active:hover a span{top:0; left:0; right:0; height:30px; width:8px; margin:0; margin-bottom: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; z-index:17; width:50px; height:50px; cursor:pointer; z-index:999; opacity:0; border:2px solid #ffa83a; background:rgba(0,0,0,0.8) url('../img/icon/scrollUp.png') no-repeat center center; } #hd #scrollUp.hd-show{opacity:1; } #hd #scrollUp:hover, #hd #scrollUp:active{background-color:black; background-position:center 30%; border-color:#ffa83a; box-shadow:0 0 10px #ffa83a; } #hd .title-animation-left:before{content:""; position:absolute; top:0; left:0; width:20%; height:300px; background:#000000; background:-moz-linear-gradient(left,#000000 0%,#fec400 50%,#000000 100%); background:-webkit-linear-gradient(left,#000000 0%,#fec400 50%,#000000 100%); background:linear-gradient(to right,#000000 0%,#fec400 50%,#000000 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=1); z-index:-3; animation:bg-light-left 4s linear infinite; } #hd .title-animation-right:before{content:""; position:absolute; top:1px; right:0; width:20%; height:300px; background:#000000; background:-moz-linear-gradient(left,#000000 0%,#fec400 50%,#000000 100%); background:-webkit-linear-gradient(left,#000000 0%,#fec400 50%,#000000 100%); background:linear-gradient(to right,#000000 0%,#fec400 50%,#000000 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=1); z-index:-3; animation:bg-light-right 4s linear infinite; } #hd .hd_sec_nav li h6, #hd #scrollUp, #hd #hd_radarMenu li h4, #hd #hd_radarMenu li h4:before, #hd #hd_radarList .owl-prev, #hd #hd_radarList .owl-next, #hd .hd-more:before, #hd .hd-more:after, #hd #hd_appMenu li.active>div:after{-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 .hd_sec_nav li div img, #hd .badges-effect .owl-stage:after, #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 10px; background-color:#1e1e1e; border:3px solid #000000; } #hd .hd_sec_nav li:hover h6{color:#ffffff; border-color:#000000; 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:150px 0; background:url(../img/bg-spec.jpg) center top no-repeat; background-size:contain; } #hd .hd_sec_spec .w1200>img{padding-right:20%; } #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:0.5px; line-height:1.25; margin-bottom:15px; max-width:290px; } #hd .hd_sec_spec ul li b{font-weight:bold; } #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+9){left:2%; } #hd .hd_sec_spec ul li:nth-child(1){top:4.2%; } #hd .hd_sec_spec ul li:nth-child(2){top:12.5%; } #hd .hd_sec_spec ul li:nth-child(3){top:17.7%; } #hd .hd_sec_spec ul li:nth-child(4){top:25.5%; } #hd .hd_sec_spec ul li:nth-child(5){top:31.5%; } #hd .hd_sec_spec ul li:nth-child(6){top:38.2%; } #hd .hd_sec_spec ul li:nth-child(7){top:46.5%; } #hd .hd_sec_spec ul li:nth-child(8){top:63.5%; } #hd .hd_sec_spec ul li:nth-child(9){top:80.5%; } #hd .hd_sec_spec ul li:nth-child(n+10){left:75%; } #hd .hd_sec_spec ul li:nth-child(10){top:9%; } #hd .hd_sec_spec ul li:nth-child(11){top:17.5%; } #hd .hd_sec_spec ul li:nth-child(12){top:28%; } #hd .hd_sec_spec ul li:nth-child(13){top:38%; } #hd .hd_sec_spec ul li:nth-child(14){top:57.5%; } #hd .hd_sec_spec ul li:nth-child(15){top:74%; } #hd .hd_sec_spec ul li:nth-child(16){top:84.5%; } #hd #hd_way{padding-top:60px; position:relative; } #hd #hd_way:after{content:""; 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; z-index:-2; } #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) 0 0 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:70%; 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:82%; 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:50%; } #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:50%; } #hd .hd_sec_lighting{padding:120px 0 50px; background:url(../img/way/lighting_bg.jpg) 110% top no-repeat; background-size:45%; } #hd .hd_sec_lighting .fright{margin-top:7%; padding-left:10px; } #lighting{position:relative; overflow:hidden; } #lighting img{position:relative; z-index:2; } #color{width:99%; height:80%; position:absolute; top:1px; right:1px; background-color:#ffa83a; -webkit-animation:breathing 3s infinite; -o-animation:breathing 3s infinite; animation:breathing 3s infinite; } #hd #hd_networking{padding:60px 0 0; position:relative; } #hd #hd_networking:after{content:""; 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; z-index:-2; } #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:50%; position:absolute; top:100px; right:3%; } #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 p, #hd .hd_sec_turbo .hd_txt li img{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_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; } #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_sec_sli{position:relative; padding:10% 0; } #hd .hd_sec_sli p{padding-right:11%; } #hd .hd_sec_sli >img{width:50%; position:absolute; top:0; bottom:0; right:0; margin:auto 0; } #hd #hd_ultrafast{padding:60px 0 0; position:relative; } #hd #hd_ultrafast:after{content:""; position:absolute; top:0; left:0; width:100%; height:0; padding-bottom:60%; background:url(../img/title/title_ultrafast.png) center top no-repeat; background-size:contain; z-index:-2; } #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{margin-bottom:50px; } #hd .hd_sec_ultrafast .col50:nth-child(2) p{margin-bottom:50px; } #hd .hd_sec_ready{padding-bottom:100px; } #hd .hd_sec_ready .col55{padding-left:5%; } #hd .hd_sec_ready .col50:last-child{margin-right:-5%; } #hd #hd_cooling{padding:60px 0 0; position:relative; } #hd #hd_cooling:after{content:""; position:absolute; top:0; left:0; width:100%; height:0; padding-bottom:60%; background:url(../img/title/title_cooling.png) center top no-repeat; background-size:contain; z-index:-2; } #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 .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; display:block; width:47px; height:47px; margin:0 auto 5px; opacity:.8; } #hd .hd_sec_fan li:hover .fan_icon, #hd .hd_sec_fan li.hd-active .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-alliance .w1200 { direction: rtl; } #hd .hd-sec-alliance .right { direction: ltr; } #hd .hd-sec-alliance .hd-magnifier { position: relative; width: 95%; margin: auto; padding-bottom: 95%; } #hd .hd-sec-alliance h3 span, #hd .hd-sec-alliance h3 img { display: inline-block; vertical-align: middle; } #hd .hd-sec-alliance h3 span { padding-right: 20px; margin-top: 20px; margin-bottom: 20px; } #hd .hd-sec-alliance h3 img { width: 95px; } #hd .hd-sec-alliance p { max-width: 595px; } #hd .hd-sec-alliance p i { font-weight: bold; font-style: italic !important; display: inline-block; } #hd .hd-sec-alliance .img_content { position: absolute; width: 100%; height: 100%; overflow: hidden; } #hd .hd-sec-alliance .img_content .hd-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; transition: transform .1s ease-out; cursor: crosshair; } #hd .hd-sec-esd .col45, #hd .hd-sec-core .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{display:inline-block; vertical-align:top; padding:25px 20px; margin:0 1.4% 2.8%; background-color:rgba(255,141,0,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; font-family:'Fjalla One',sans-serif; 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 .hd-sec-esd .txt-box figure{width:30%; } #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:transparent; } #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:0px 0px 300px rgba(0,0,0,1) inset,0px 0px 150px rgba(0,0,0,1) inset; -webkit-transform:all 0.3s; -moz-transform:all 0.3s; -ms-transform:all 0.3s; -o-transform:all 0.3s; transform:all 0.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%; } 50%{left:100%; } 100%{left:100%; } } @keyframes bg-light-left{0%{left:-20%; } 25%{left:30%; } 25.1%{left:50%; } 50%{left:100%; } 100%{left:100%; } } @-webkit-keyframes bg-light-right{0%{right:-20%; } 25%{right:30%; } 25.1%{right:50%; } 50%{right:100%; } 100%{right:100%; } } @keyframes bg-light-right{0%{right:-20%; } 25%{right:30%; } 25.1%{right:50%; } 50%{right:100%; } 100%{right:100%; } } @-webkit-keyframes breathing{0%{opacity:1} 50%{opacity:.3} } @keyframes breathing{0%{opacity:1} 50%{opacity:.3} } @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 150px; } #hd .hd_sec_lighting{padding:50px 0; background-position: 115% 10%;} #hd .hd_sec_lan{padding-bottom:50px; } #hd .hd_sec_overclock{padding:200px 0 100px; background-size:60%; } #hd .hd_sec_ready{padding-bottom:50px; } #hd #hd_freeze{padding-top:50px; } #hd #hd_freeze #hd_sec_chokes{padding-bottom: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 150px; } #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 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; } /* kv */ #hd #hd_kv .w1200{width:90%; } #hd #hd_kv .col55{padding-bottom:11%; } #hd #hd_kv .col55 p{padding-right:5%; } #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_sli{padding-bottom:30px; } #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_reliability:after, #hd #hd_cooling:after{background-size:180%; } #hd #hd_reliability .w1200{padding-bottom:0px; } #hd #owl-hd-badges .item .hd-item-content{padding-top:5%; } #hd #owl-hd-badges .item .hd-item-content img{margin-bottom:10px; } #hd #owl-hd-badges .item .hd-item-content h4{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_ultrafast:after{background-size:168%; } #hd .hd_sec_ultrafast{padding:40px 0 0; } #hd #hd_way:after{background-size:168%; } #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_lighting .fleft{width:50%; } #hd .hd_sec_lighting .fright{width:50%; padding-left:20px; } #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:45%; } #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:0px 0px 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 .hd_mobile-off{display:none; } #fp-nav.right{right:0; } #hd h2{font-size:60px; line-height:1; margin-bottom:0px; } #hd h3{font-size:38px; line-height:1; } #hd h4{font-size:24px; line-height:1; } #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_sec_gaming{width:100%; } #hd #hd_kv{margin-top:30px; background-size:150%; background-position:right bottom; } #hd #hd_kv .col55, #hd .hd-sec-core .col45, #hd .hd-sec-core .col55{width:100%; } #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_reliability:after, #hd #hd_cooling:after, #hd #hd_networking:after{background-size:140%; } #hd .hd_sec_turbo{padding:50px 0; } #hd .hd_sec_overclock{padding-top:100px; background-size:80%; } #hd .hd_sec_sli{padding-top:0; } #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{margin-top:0; } #hd #hd_performance:after{margin-top:0; } #hd .hd_sec_ddr4 .right >p{margin-bottom:0} #hd .hd_sec_overclock .col50, #hd .hd_sec_sli .col50, #hd .hd_sec_fan .col50{width:100%; padding:0; margin-left:0; } #hd .hd_sec_overclock figure{margin-top:30px; } #hd .hd_sec_sli p{padding-right:0; } #hd .hd_sec_sli >img{position:relative; width:100%; max-width:450px !important; margin:0 auto; } #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_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_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_turbo .hd_txt li img{display:none; } #hd #hd_sec_components .col40, #hd #hd_sec_chokes .col40{width:100%; } #hd #hd_freezePic{display:none; } } @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_audiomode .col50, #hd .hd_sec_ultrafast .col50, #hd .hd_sec_lighting .col40, #hd .hd_sec_lighting .col60, #hd .hd_sec_lan .col45, #hd .hd_sec_lan img, #hd .hd_sec_languard .col50, #hd .hd_sec_ddr4 .col50, #hd .hd_sec_ready .col55, #hd .hd_sec_ready .col50{width:100%; padding:0; margin-left:0; } #hd .hd_sec_lighting{background-size:80%; background-position:150% top; } #hd #hd_networking:after{background-size:180%; } #hd #hd_cooling, #hd #hd_reliability, #hd #hd_performance, #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_lighting .col45{padding-bottom:50px; } #hd .hd_sec_intel .hd_content{margin-top:20px; padding-left:0; } #hd .hd_sec_intel .hd_pic, #hd .hd_sec_intel .hd_content, #hd .hd_sec_audio .hd_audioList li{width:100%; } #hd .hd_sec_intel img{display:block; margin:0 auto; } #hd .hd_sec_intel .hd_content{text-align:center; } } @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_way, #hd #hd_networking{padding-top:0 !important; } #hd .hd_sec_ddr4 figure p{bottom:0; } #hd .hd_sec_lighting{background-size:70%; } #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; } }