﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-webkit-tap-highlight-color:transparent}a{text-decoration:none}.hide{zoom:1;filter:alpha(opacity=0);opacity:0}.wrap{width:100%;min-width:1200px;background:#fff;position:relative;font-family:"微軟正黑體"}.header{width:100%;height:55px;background:#492582;position:relative;overflow:hidden}.header a{display:block}.header .fb_logo{background:url(../images/fb_logo.png) no-repeat;width:33px;height:32px;float:right;margin:12px 15px 0 0}.header .fb_logo:hover{opacity:.8}.header .one_logo{background:url(../images/01_logo.png) no-repeat;width:153px;height:32px;float:right;margin:12px 16px 0 0}.kv{width:100%;height:798px;position:relative;background:url(../images/kv_bg.jpg) no-repeat top center;overflow:hidden}.kv h1{display:none}.kv .benq_logo{background:url(../images/benq_logo.png) no-repeat;width:150px;height:80px;-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;width:130px;height:72px;position:absolute;top:20px;left:30px}.kv .kv_inner{width:1200px;height:798px;margin:auto;position:relative;font-size:20px;color:#351568;line-height:23px;text-align:center}.kv .icon_0{background:url(../images/icon_0.png) no-repeat top center;width:245px;height:183px;position:absolute;top:570px;left:170px;overflow:hidden}.kv .icon_0 p{margin:73px 0 0 85px}.kv .icon_1{background:url(../images/icon_1.png) no-repeat top center;width:261px;height:160px;position:absolute;top:591px;left:468px;overflow:hidden}.kv .icon_1 p{margin:39px 0 0 100px}.kv .icon_2{background:url(../images/icon_2.png) no-repeat top center;width:251px;height:171px;position:absolute;top:575px;left:767px;overflow:hidden}.kv .icon_2 p{margin:39px 0 0 93px}.nav{width:990px;height:85px;margin:auto}.nav ul{overflow:hidden}.nav ul li{width:330px;height:85px;float:left;border-right:2px solid #fff;box-sizing:border-box}.nav ul li:last-child{border-right:0}.nav ul li a{display:block;width:100%;height:100%;background:#d1d1d1;transition:all .5s}.nav ul li a.nav1{background:#d1d1d1 url(../images/btn_0.png) no-repeat center}.nav ul li a.nav1:hover{background:#a7a7a7 url(../images/btn_0.png) no-repeat center}.nav ul li a.nav2{background:#d1d1d1 url(../images/btn_1.png) no-repeat center}.nav ul li a.nav2:hover{background:#a7a7a7 url(../images/btn_1.png) no-repeat center}.nav ul li a.nav3{background:#d1d1d1 url(../images/btn_2.png) no-repeat center}.nav ul li a.nav3:hover{background:#a7a7a7 url(../images/btn_2.png) no-repeat center}#area1{width:100%;height:686px;background:url(../images/area_bg1.jpg) no-repeat top center;position:relative}#area1 h2{display:none}#area1 .tv{width:1037px;height:614px;background:url(../images/tv.png) no-repeat center;position:absolute;top:46px;left:50%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}#area1 .tv .tv_content{width:970px;height:546px;overflow:hidden;position:absolute;top:8px;left:26px}.swiper-wrapper{width:970px;height:464px}.swiper-button-prev{border-left:15px solid #fff;border-bottom:15px solid #fff;width:50px;height:50px;background:none;position:absolute;top:46%;left:-45px;-moz-transform:translate(0, -30%) rotate(45deg);-ms-transform:translate(0, -30%) rotate(45deg);-webkit-transform:translate(0, -30%) rotate(45deg);transform:translate(0, -30%) rotate(45deg)}.swiper-button-next{border-right:15px solid #fff;border-bottom:15px solid #fff;width:50px;height:50px;background:none;position:absolute;top:46%;right:-30px;-moz-transform:translate(0, -30%) rotate(-45deg);-ms-transform:translate(0, -30%) rotate(-45deg);-webkit-transform:translate(0, -30%) rotate(-45deg);transform:translate(0, -30%) rotate(-45deg)}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{height:82px;bottom:0}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}.swiper-pagination{background:#000;border-top:1px solid #acacac}.swiper-pagination-bullet{width:121px;height:82px;border-right:1px solid #acacac;box-sizing:border-box;border-radius:0;opacity:1;position:relative}.swiper-pagination-bullet.swiper-pagination-bullet-active::before{content:"";width:100%;font-size:18px;color:#fff;position:absolute;top:50%;left:50%;z-index:2;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:"";width:100%;height:100%;background:rgba(0,0,0,0.7);position:absolute;top:0;left:0;z-index:1}.swiper-pagination-bullet:nth-child(1){background:url(../images/swiper1.jpg) no-repeat center}.swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active::before{content:"高清晰度"}.swiper-pagination-bullet:nth-child(2){background:url(../images/swiper2.jpg) no-repeat center}.swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active::before{content:"雙色域切換"}.swiper-pagination-bullet:nth-child(3){background:url(../images/swiper3.jpg) no-repeat center}.swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active::before{content:"寬廣色域"}.swiper-pagination-bullet:nth-child(4){background:url(../images/swiper4.jpg) no-repeat center}.swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active::before{content:"HDR PRO"}.swiper-pagination-bullet:nth-child(5){width:122px;background:url(../images/swiper5.jpg) no-repeat center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}.swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active::before{content:"獨家黑湛屏"}.swiper-pagination-bullet:nth-child(6){background:url(../images/swiper6.jpg) no-repeat center}.swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active::before{content:"護眼低藍光"}.swiper-pagination-bullet:nth-child(7){background:url(../images/swiper7.jpg) no-repeat center}.swiper-pagination-bullet:nth-child(7).swiper-pagination-bullet-active::before{content:"娛樂連網"}.swiper-pagination-bullet:nth-child(8){width:122px;border-right:0;background:url(../images/swiper8.jpg) no-repeat center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}.swiper-pagination-bullet:nth-child(8).swiper-pagination-bullet-active::before{content:"遊戲模式"}#area2{width:100%;height:746px;background:url(../images/area_bg2.jpg?t=0302) no-repeat top center;position:relative}#area2 h2{font-size:36px;color:#fff;position:absolute;top:84px;left:50%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}#area2 .content_area2{width:990px;height:746px;position:relative;margin:auto}#area2 .content_area2 a.try{display:block;width:990px;height:276px;background:url(../images/try_content.png) no-repeat top left;background-size:auto 100%;position:absolute;top:210px;left:80px;-moz-transition:all,.4s;-o-transition:all,.4s;-webkit-transition:all,.4s;transition:all,.4s}#area2 .content_area2 a.try:hover{-moz-transform:scale(1.04);-ms-transform:scale(1.04);-webkit-transform:scale(1.04);transform:scale(1.04);-moz-transform-origin:40% center;-ms-transform-origin:40% center;-webkit-transform-origin:40% center;transform-origin:40% center}#area3{width:100%;background:url(../images/area_bg3.jpg) no-repeat bottom center;position:relative;padding:0 0 100px 0}#area3 h2{width:990px;height:78px;margin:auto;padding:15px 0 60px 0;font-size:36px;line-height:78px;color:#fff;text-align:center;background:url(../images/area3_title_bg.png) no-repeat 0px 15px}#area3 ul{overflow:hidden;width:990px;margin:auto}#area3 ul li{display:block;float:left;margin:0 21px 21px 0}#area3 ul li:nth-child(2n){margin:0 0 21px 0}#area3 ul li a{display:block;position:relative;background:#000;overflow:hidden;-moz-transition:all,.5s;-o-transition:all,.5s;-webkit-transition:all,.5s;transition:all,.5s}#area3 ul li a::before{content:attr(author);position:absolute;top:360px;left:50%;z-index:9;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);font-size:20px;line-height:30px;color:#fad62e;background:url(../images/icon2.png) no-repeat 0px 2px;padding:0 0 0 30px;-moz-transition:all,.5s;-o-transition:all,.5s;-webkit-transition:all,.5s;transition:all,.5s}#area3 ul li a::after{content:attr(title);width:70%;position:absolute;top:390px;left:50%;z-index:9;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);font-size:20px;line-height:30px;color:#fff;-moz-transition:all,.5s;-o-transition:all,.5s;-webkit-transition:all,.5s;transition:all,.5s}#area3 ul li a:hover::before{top:60px}#area3 ul li a:hover::after{top:90px}#area3 ul li a:hover img{opacity:.2}#area3 ul li a img{display:block;opacity:1;-moz-transition:all,.5s;-o-transition:all,.5s;-webkit-transition:all,.5s;transition:all,.5s}
