.overview_d-frame-2 .section{position:relative;color:#fff;background-color:#000}.overview_d-frame-2 .section01,.overview_d-frame-2 .section02,.overview_d-frame-2 .section07{background:#0b0803}
.overview_d-frame-2 .section08{background:#110f14}.overview_d-frame-2 .section03{background:#343434}.overview_d-frame-2 .section04,.overview_d-frame-2 .section06{background:#ffbe00}
.overview_d-frame-2 .section05{background:#222}.overview_d-frame-2 .section09{background:#1a130b}.overview_d-frame-2 .section09>h3{position:absolute;color:#fff;font-size:1em}
.overview_d-frame-2 .section10{background:url('../../../uploads/Product/gaming-chassis/d-frame-2/d-frame-2_overview_siii_01.jpg') no-repeat;background-size:cover}.overview_d-frame-2 .section04 .content,.overview_d-frame-2 .section06 .content{color:#000}
.overview_d-frame-2 .section03 .title,.overview_d-frame-2 .section03 .description{width:80%;margin-left:auto;margin-right:auto}.overview_d-frame-2 .section03 .pc{display:none}
.overview_d-frame-2 .section03 .show_pic{width:80%;margin:auto}.overview_d-frame-2 .section03 .show_pic>img{margin-top:2em}.overview_d-frame-2 .section01 .zoom{left:0;right:0;width:60%;margin:auto;position:absolute;top:10%}
.overview_d-frame-2 .section01 .title{position:absolute;top:2%;left:5%;font-size:1.6em}.overview_d-frame-2 .section01 .description{width:85%;margin:1em auto}
.overview_d-frame-2 .section02 .content{margin:auto}.overview_d-frame-2 .section04 .flow{position:relative;margin:auto;width:90%}.overview_d-frame-2 .section04 .flow .fan_flow_up{width:6%}
.overview_d-frame-2 .section04 .flow .fan_flow_right{width:18%}.overview_d-frame-2 .section04 .flow>img:not(:first-child){position:absolute;top:0}.overview_d-frame-2>.section04 .flow>img:nth-child(2){top:-2%;left:62%}
.overview_d-frame-2>.section04 .flow>img:nth-child(3){top:0;left:70%}.overview_d-frame-2>.section04 .flow>img:nth-child(4){top:2%;left:78%}.overview_d-frame-2>.section04 .flow>img:nth-child(5){top:26%;left:-5%}
.overview_d-frame-2>.section04 .flow>img:nth-child(6){top:33%;left:0}.overview_d-frame-2>.section04 .flow>img:nth-child(7){top:40%;left:-5%}.overview_d-frame-2>.section04 .flow>img:nth-child(8){top:47%;left:0}
.overview_d-frame-2>.section04 .flow>img:nth-child(9){top:54%;left:-5%}.overview_d-frame-2>.section04 .flow>img:nth-child(10){top:61%;left:0}.overview_d-frame-2 .section05 .pc_992{display:none}
.overview_d-frame-2 .section05 .mobile .block{margin-bottom:5em}.overview_d-frame-2 .section05 .mobile .block table{font-family:JosefinSans,"Microsoft JhengHei";font-size:1em}
.overview_d-frame-2 .section05 .mobile .block table img{width:100%}.overview_d-frame-2 .section05 .mobile .block table tr td{padding:1em .4em}.overview_d-frame-2 .section05 .mobile .block table tr td:first-child{width:45%}
.overview_d-frame-2>.section07 .super_speed_all{width:90%;margin:3em 0}.overview_d-frame-2>.section07 .super_speed{text-align:left;padding-bottom:.5em;font-size:1.2em;width:100%;margin:auto}
.overview_d-frame-2>.section07 .super_speed>div{display:inline-block;text-align:right;padding-right:.5em}.overview_d-frame-2>.section07 .usb30{background-color:#0169fe;width:30%}
.overview_d-frame-2>.section07 .usb31{background-color:red;width:75%}.overview_d-frame-2>.section07 .usb_faster{float:left;width:25%}.overview_d-frame-2>.section07 .faster{display:inline-block;float:right;font-size:1.2em}
.overview_d-frame-2>.section08 .content>img{position:absolute;width:20%;top:25%}.overview_d-frame-2 .section09>.title{top:45%;right:5%;width:35%;text-align:center}
.overview_d-frame-2>.section10{padding:15% 1em}.overview_d-frame-2>.section10 img:not(:last-child){display:none}.overview_d-frame-2>.section10 img{width:70%}
.overview_d-frame-2>.section10 a{color:#fff}.overview_d-frame-2 .overview_slick .slick-prev{background-position:-145px -46px}.overview_d-frame-2 .overview_slick .slick-next{background-position:-191px -46px}
.overview_d-frame-2>.section11>.content{padding:5% 0}.overview_d-frame-2>.section11 .customizable_list{position:relative}.overview_d-frame-2>.section11 .customizable_list>img:not(:last-child){position:absolute;top:0;left:0;right:0;margin:auto}
.overview_d-frame-2>.section11 .customizable_list{margin-top:5%}.overview_d-frame-2>.section11 .customizable_list>img{margin-left:0;max-width:30%}.overview_d-frame-2>.section11 .customizable_list>img:nth-child(1){left:73%}
.overview_d-frame-2>.section11 .customizable_list>img:nth-child(2){left:2%}.overview_d-frame-2>.section11 .customizable_list>img:nth-child(3){left:-19%}
.overview_d-frame-2>.section11 .color_icon{width:80%;margin:auto}.overview_d-frame-2>.section11 .color_icon .description{font-size:1em}.overview_d-frame-2>.section11 .xs_img{width:80%;margin-top:10px}
@-webkit-keyframes fan_flow_left{0%{opacity:0;margin-left:0}20%{opacity:1}80%{opacity:1}100%{margin-left:-50px;opacity:0}}@keyframes fan_flow_left{0%{opacity:0;margin-left:0}
20%{opacity:1}80%{opacity:1}100%{margin-left:-50px;opacity:0}}@-webkit-keyframes fan_flow_up{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{margin-top:-40px;opacity:0}
}@keyframes fan_flow_up{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{margin-top:-40px;opacity:0}}@-webkit-keyframes fan_flow_right{0%{opacity:0;margin-left:-20px}
20%{opacity:1}80%{opacity:1}100%{margin-left:30px;opacity:0}}@keyframes fan_flow_right{0%{opacity:0;margin-left:-20px}20%{opacity:1}80%{opacity:1}100%{margin-left:30px;opacity:0}
}@-webkit-keyframes flow_right{0%{opacity:0;margin-left:-20px}20%{opacity:1}80%{opacity:1}100%{margin-left:0;opacity:0}}@keyframes flow_right{0%{opacity:0;margin-left:-20px}
20%{opacity:1}80%{opacity:1}100%{margin-left:0;opacity:0}}@-webkit-keyframes flow_down{0%{opacity:0;margin-top:-10px}20%{opacity:1}80%{opacity:1}100%{margin-top:0;opacity:0}
}@keyframes flow_down{0%{opacity:0;margin-top:-10px}20%{opacity:1}80%{opacity:1}100%{margin-top:0;opacity:0}}@media(min-width:768px){.overview_d-frame-2 .section01 .title{font-size:2.2em;top:5%;left:5%}
.overview_d-frame-2 .section01 .zoom{-ms-transform:scale(0.2,0.2);-webkit-transform:scale(0.2,0.2);transform:scale(0.2,0.2);-webkit-transition-delay:.6s;transition-delay:.6s}
.overview_d-frame-2 .section01.scroll_active .zoom{-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}.overview_d-frame-2 .section01 .title{-webkit-transition-delay:1.2s;transition-delay:1.2s}
.overview_d-frame-2 .section01 .description{-webkit-transition-delay:2s;transition-delay:2s}.overview_d-frame-2 .section02 .content{position:absolute;left:0;right:0}
.overview_d-frame-2 .section04 .flow{margin-top:5%;width:55%}.overview_d-frame-2 .section04 .fan_flow_up{-webkit-animation:fan_flow_up 2s linear infinite;animation:fan_flow_up 2s linear infinite}
.overview_d-frame-2 .section04 .fan_flow_right{-webkit-animation:fan_flow_right 2s linear infinite;animation:fan_flow_right 2s linear infinite}.overview_d-frame-2 .section05 .mobile .block table{font-size:1.6em}
.overview_d-frame-2 .section05 .mobile .block:nth-child(2) img{width:75%}.overview_d-frame-2 .section06>div:nth-child(2){width:70%;margin:auto}.overview_d-frame-2>.section07 .super_speed{padding-bottom:.5em;font-size:1em;width:100%}
.overview_d-frame-2>.section07 .usb_faster{width:28%}.overview_d-frame-2>.section07 .usb30{-webkit-transition:all 2s;transition:all 2s}.overview_d-frame-2>.section07 .usb31{-webkit-transition:all 1s;transition:all 1s}
.overview_d-frame-2>.section07 .usb30,.overview_d-frame-2>.section07 .usb31{width:0}.overview_d-frame-2>.section07.scroll_active .usb30{width:30%;-webkit-transition:all 2.8s linear;transition:all 2.8s linear}
.overview_d-frame-2>.section07.scroll_active .usb31{width:72%;-webkit-transition:all 2.4s linear;transition:all 2.4s linear}.overview_d-frame-2>.section07 .faster{font-size:1em}
.overview_d-frame-2>.section07 .section07_icon{width:70%;margin:auto}.overview_d-frame-2>.section08 .content>img{position:relative;width:20%}.overview_d-frame-2>.section08 .content{width:50%}
.overview_d-frame-2 .section09>.title{font-size:2.2em}.overview_d-frame-2>.section10 .animate{position:relative}.overview_d-frame-2>.section10 .animate img:not(:first-child){position:absolute;top:0;left:0;right:0}
.overview_d-frame-2>.section10 .animate img.power{opacity:0;top:20%;left:25%;-webkit-transition:opacity .5s linear 2s,left 1.5s linear 2.8s,top 1.5s linear 4.5s;transition:opacity .5s linear 2s,left 1.5s linear 2.8s,top 1.5s linear 4.5s}
.overview_d-frame-2>.section10.scroll_active .animate img.power{opacity:1;top:0;left:0}.overview_d-frame-2>.section10 img{width:50%;display:block!important}
.overview_d-frame-2>.section10 img:last-child{-webkit-transition-delay:6.3s;transition-delay:6.3s}.overview_d-frame-2>.section10 a{-webkit-transition:transform 1.2s ease-out .8s,opacity 1.2s ease-out .8s;transition:transform 1.2s ease-out .8s,opacity 1.2s ease-out .8s}
.overview_d-frame-2>.section11 .customizable_list>img{-webkit-transition:1.2s;transition:1.2s}.overview_d-frame-2>.section11 .customizable_list{-ms-transform:translate3d(0,30px,0);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
.overview_d-frame-2>.section11.scroll_active .customizable_list>img{-webkit-transition-delay:1.5s;transition-delay:1.5s}.overview_d-frame-2>.section11.scroll_active .customizable_list{-webkit-transition-delay:1.2s;transition-delay:1.2s}
.overview_d-frame-2>.section11.scroll_active .customizable_list{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.overview_d-frame-2>.section11 .customizable_list>img{left:0!important}.overview_d-frame-2>.section11 .customizable_list>img:last-child{margin-left:auto;margin-right:auto}
.overview_d-frame-2>.section11.scroll_active .customizable_list>img:nth-child(1){-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}
.overview_d-frame-2>.section11.scroll_active .customizable_list>img:nth-child(2){-ms-transform:translateX(-2%);-webkit-transform:translateX(-2%);transform:translateX(-2%)}
.overview_d-frame-2>.section11.scroll_active .customizable_list>img:nth-child(3){-ms-transform:translateX(-103%);-webkit-transform:translateX(-103%);transform:translateX(-103%)}
.overview_d-frame-2>.section11>.content{max-width:1350px}.overview_d-frame-2>.section11>.content{width:90%}.overview_d-frame-2>.section11 .customizable_list>img{margin-left:0;max-width:30%}
.overview_d-frame-2>.section11 .customizable_list>img:nth-child(1){left:66%}.overview_d-frame-2>.section11 .customizable_list>img:nth-child(2){left:-1%}
.overview_d-frame-2>.section11 .customizable_list>img:nth-child(3){left:-19%}.overview_d-frame-2>.section11 .color_icon .description{font-size:1.6em}}
@media(min-width:992px){.overview_d-frame-2 .section01 .title{top:15%}.overview_d-frame-2 .section01 .description{position:absolute;right:1%;bottom:0;width:60%}
.overview_d-frame-2 .section02 .content{width:70%}.overview_d-frame-2 .section03 .phone_show{display:none}.overview_d-frame-2 .section03 .pc{display:block;position:relative}
.overview_d-frame-2 .section03 .dot{position:absolute;top:0;left:0;display:none}.overview_d-frame-2 .section03 .dot.active{display:block}.overview_d-frame-2 .section03 ul{position:absolute;top:1.5em;width:100%;padding-left:0;text-align:center;z-index:99}
.overview_d-frame-2 .section03 ul li{cursor:pointer;font-size:1.6em;color:#af8b2b;display:inline-block;width:69px;height:69px;line-height:69px;text-align:center;background:url('../../../uploads/Product/gaming-chassis/d-frame-2/d-frame-2_icon_01.png') no-repeat;background-size:cover;margin-right:10%}
.overview_d-frame-2 .section03 ul li.active{background:url('../../../uploads/Product/gaming-chassis/d-frame-2/d-frame-2_icon_02.png');background-size:cover}.overview_d-frame-2 .section03 ul li:last-child{margin-right:0}
.overview_d-frame-2 .section03 .show_pic{width:55%;position:relative}.overview_d-frame-2 .section03 .show_pic>img{margin-top:1em;opacity:0;position:absolute;top:0;-webkit-transition:transform 1.5s ease-out 3.2s,opacity 1.2s ease-out 3s;transition:transform 1.5s ease-out 3.2s,opacity 1.2s ease-out 3s;-ms-transform:translate3d(500%,0%,0);-webkit-transform:translate3d(500%,0%,0);transform:translate3d(500%,0%,0);-webkit-transition-delay:.2s;transition-delay:.2s}
.overview_d-frame-2 .section03.scroll_active .show_pic>img.active{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.overview_d-frame-2 .section03 .title,.overview_d-frame-2 .section03 .description{width:98%}.overview_d-frame-2 .section03 .title{font-size:1.6em}.overview_d-frame-2 .section03 .description{font-size:1.2em}
.flow_right{-webkit-animation:flow_right 1s ease-in-out infinite;animation:flow_right 1s ease-in-out infinite}.flow_down{-webkit-animation:flow_down 1s ease-in-out infinite;animation:flow_down 1s ease-in-out infinite}
.overview_d-frame-2 .section05 .mobile{display:none}.overview_d-frame-2 .section05 .pc_992{display:block}.overview_d-frame-2 .section05 .pc_992 .block{position:relative;padding-top:4em;padding-bottom:4em}
.overview_d-frame-2 .section05 .pc_992 .block .content{position:absolute;top:0}.overview_d-frame-2 .section05 .pc_992 .block1 .content{width:95%;left:0;right:0}
.overview_d-frame-2 .section05 .pc_992 .block2 .content{width:65%;left:5%}.overview_d-frame-2 .section05 .pc_992 .block3 .content{width:65%;left:28%}.overview_d-frame-2 .section05 .pc_992 .block>.description{position:absolute}
.overview_d-frame-2 .section05 .pc_992 .block2>.description,.overview_d-frame-2 .section05 .pc_992 .block3>.description{width:28%;left:20%;top:65%;font-size:1.2em;text-align:center}
.overview_d-frame-2 .section05 .pc_992 .block2>.description.p1{left:15%}.overview_d-frame-2 .section05 .pc_992 .block2>.description.p2{left:42%}.overview_d-frame-2 .section05 .pc_992 .block3>.description{width:22%;top:62%}
.overview_d-frame-2 .section05 .pc_992 .block3>.description.p1{left:25%}.overview_d-frame-2 .section05 .pc_992 .block3>.description.p2{left:50%}.overview_d-frame-2 .section05 .pc_992 .block3>.description.p3{left:75%}
.overview_d-frame-2>.section07 .content{width:80%;position:absolute;left:2%}.overview_d-frame-2>.section07 .faster,.overview_d-frame-2>.section07 .super_speed{font-size:1.3em}
.overview_d-frame-2>.section08 .content{width:40%}.overview_d-frame-2 .section09>.title{top:37%;right:12%}.overview_d-frame-2>.section10 .animate{width:60%}
.overview_d-frame-2>.section10 .content{width:40%;right:5%}}@media(min-width:1200px){.overview_d-frame-2 .section01 .description{bottom:2%;right:2%;width:55%}
.overview_d-frame-2 .section03 .title,.overview_d-frame-2 .section03 .description{width:95%}.overview_d-frame-2 .section03 .title{font-size:2em}.overview_d-frame-2 .section03 .description{font-size:1.4em}
.overview_d-frame-2 .section03 ul li{width:92px;height:92px;line-height:92px}.overview_d-frame-2 .section04 .flow{width:45%}.overview_d-frame-2 .section05 .pc_992 .block{padding-top:.5em;padding-bottom:.5em}
.overview_d-frame-2 .section05 .pc_992 .block .content{width:70%}.overview_d-frame-2 .section05 .pc_992 .block.block2 .content,.overview_d-frame-2 .section05 .pc_992 .block.block3 .content{width:45%}
.overview_d-frame-2 .section05 .pc_992 .block.block2 .content{left:20%}.overview_d-frame-2 .section05 .pc_992 .block.block3 .content{left:40%}.overview_d-frame-2>.section07 .content{width:65%;left:5%}
.overview_d-frame-2>.section09 .content{bottom:1em;width:70%}.overview_h-frame-2 .section09>.title{right:0;top:38%;width:45%}}@media(min-width:1400px){.overview_d-frame-2 .section01 .title{top:20%;left:12%}
.overview_d-frame-2 .section01 .description{bottom:5%}.overview_d-frame-2 .section02 .content{width:45%}.overview_d-frame-2 .section03 .show_pic{width:60%}
.overview_d-frame-2 .section03 .title{font-size:2.2em}.overview_d-frame-2 .section03 .description{font-size:1.6em}.overview_d-frame-2 .section05 .pc_992 .block2>.description,.overview_d-frame-2 .section05 .pc_992 .block3>.description{font-size:1.6em}
.overview_d-frame-2 .section05 .pc_992 .block3>.description{top:65%;width:23%}.overview_d-frame-2 .section05 .pc_992 .block3>.description.p1{left:26%}
.overview_d-frame-2 .section05 .pc_992 .block3>.description.p3{left:75%}}@media(min-width:1600px){.overview_d-frame-2 .section01 .description{bottom:18%;width:40%;right:5%}
.overview_d-frame-2 .section03 ul{top:5em}.overview_d-frame-2 .section03 .show_pic>img{margin-top:3em}.overview_d-frame-2 .section03 .title{margin-top:3em}
.overview_d-frame-2 .section03 .title,.overview_d-frame-2 .section03 .description{width:80%}.overview_d-frame-2 .section04 .flow{width:40%}.overview_d-frame-2 .section05 .pc_992 .block3>.description.p3{left:72%}
.overview_d-frame-2>.section07 .content{width:55%}.overview_d-frame-2>.section09 .content{bottom:5em}.overview_d-frame-2>.section10 .content{width:26%;right:10%}
}