@charset "utf-8";
/* CSS Document */

.left { float: left; width: 247px; margin:0 15px 0 1px;}
.center { float: left; width: 477px;}
.right { float: right; width: 219px; margin-right:30px;}

.indexcf { float: right; width: 216px; height:220px; margin:10px -15 0 0;background: url(/images/index/cfbg.png) center top no-repeat;position:relative; z-index:2;}
.indexcf .more{ width: 32px; height: 8px; position: absolute; right: 6px; top: 10px;background:url(/images/btn_more.png) no-repeat;}
.indexcf .more:hover{background-position:0px bottom;}
.indexcfmovie{ width:202px; height:164px; position:absolute; top:35px; right:6px;}




.indexfb { float: right; width: 216px; height:289px; margin:8px 0 0 0;}
.indexfbtop { float: left; width: 216px; height:9px; margin: 0; background: url(/images/index/fbtop.png) center top no-repeat;}
.indexfbfooter { float: left; width: 216px; height:9px; margin: 0; background: url(/images/index/fbfooter.png) center top no-repeat;}
.indexfbbg { float: left; width: 216px; background-color:#0072bb;}
.indexfbzone {  width: 201px; height:271px; margin: 0 0 0 8px; background-color:#fff;clip: rect(5px,auto,auto,1px)}

.mtime{float: right; width: 216px; height:59px; margin:12px 0 0 0; background: url(/images/index/mtime.png) center top no-repeat;}

.slock{float: right; width: 216px; height:122px; margin:12px 0 0 0; background: url(/images/index/slock.jpg) center top no-repeat;}
.slockbtnzone{float: left; margin:90px 0 0 6px;}
.slockbtn{float: left; width: 75px; height:18px; margin:0 0 0 5px;background:url(/images/index/slock_btn.png) center bottom no-repeat; font-size:12px; color:#FFF; text-align:center; line-height:18px;}
.slockbtn:hover{background-position:0px top;}

.screenzone{float: left; width: 940px; height:190px; margin: 0 30px;position:relative;}
.screenzone .more{ width: 32px; height: 8px; position: absolute; right: 7px; top: 22px;background:url(/images/btn_more.png) no-repeat;}
.screenzone .more:hover{background-position:0px bottom;}
.screenzonetitle{position:absolute; width: 107px; height:35px; top: 7px; left:4px; z-index:1;background: url(/images/index/screenzone.png) center top no-repeat;}
.screenzoneline{float: left; width: 936px; height:2px; margin: 37px 0 0 0; background-color:#0072bb;}
.screenzoneimg { float: left; width: 136px; height:100px; margin:11px 0 0 14px; border:2px solid #959595;}
.screenzoneimg:hover{border:2px solid #02d2ff;}

#focus_dl{ width:100%; height:285px; overflow:hidden; position:relative; margin:0; *margin:-19px 0 0 0;float:left;}
#focus_dl .bg{ width:477px; height:215px; position:absolute; z-index:0; top:0px; left:0px;background-color:#0072bb;}
#focus_dl dt{ width:477px; height:69px; position:absolute; z-index:5; left:0px; bottom:0px;}
#focus_dl dt i{ width:20px; height:69px; position:absolute; z-index:7; bottom: 0px; cursor:pointer;}
#focus_dl dt i.curr{ filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1;opacity: 1;}
#focus_dl dt .btn_left{ left:0px; background-position:0 0; background: url(/images/big_bn/bnbtnleft.jpg) no-repeat left top;}
#focus_dl dt .btn_left:hover{background-position:0 0; filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity: .5;opacity: .5; background: url(/images/big_bn/bnbtnleft.jpg) no-repeat left bottom;}
#focus_dl dt .btn_right{ right:0px; background-position:-2px -42px;background: url(/images/big_bn/bnbtnright.jpg) no-repeat left top;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
#focus_dl dt .btn_right:hover{background: url(/images/big_bn/bnbtnright.jpg) no-repeat left bottom;}
#focus_dl dt b{ width:477px; height:69px; overflow:hidden; position:absolute; z-index:6; left:19px; bottom:0px;}
#focus_dl dt img{ width:139px; height:67px; border:1px solid #bbcfdb; position:absolute; z-index:8; top:0; cursor:pointer; }
#focus_dl dt img.curr{ border:4px solid #4799ea; width:133px; height:61px;}
#focus_dl dd{ width:469px; height:207px; display:none; position:absolute;top:4px;right:4px;} 
#focus_dl dd img{width:469px; height:207px;} 

.notice{ width:100%; height:219px; position:relative; background: url(/images/index/noticetitle.png) center top no-repeat;float:left; margin:9px 0 0 0;}
.notice_menu {height: 20px;width: 301px;position: absolute; right: 43px; top: 38px;}
.notice_menu li{width:40px;height:20px;float:left; margin-right:3px;}
.notice_menu a{width:100%;height:20px;display:block;background:url(/images/index/noticebtn_n.png) no-repeat;}
.notice_menu a:hover,.notice_menu a.stand{background:url(/images/index/noticebtn_o.png) no-repeat;}
.notice_menu .N1 a,.N1 a:hover{background-position:0px 0px;}
.notice_menu .N2 a,.N2 a:hover{background-position:-43px 0px;}
.notice_menu .N3 a,.N3 a:hover{background-position:-86px 0px;}
.notice_menu .N4 a,.N4 a:hover{background-position:-129px 0px;}
.notice_menu .N5 a,.N5 a:hover{background-position:-172px 0px;}
.notice_menu .N6 a,.N6 a:hover{background-position:-215px 0px;}
.notice_menu .N7 a,.N7 a:hover{background-position:-258px 0px;}
.noticeList{ width:460px; position:absolute;left: 15px; top: 77px; font-size:12px;}
.noticeList li{width:100%; margin-bottom:8px;float:left; line-height:16px;}
.noticeList h1{width:48px; margin-right:10px; float:left; color:#fff; background:url(/images/newsicon.gif) no-repeat; text-align:center;line-height:16px; font-size:11px; letter-spacing: 2px;}
.noticeList h2{width:58px;float:right;color:#949494;font-size:11px}
.noticeList a{ width:340px; height:14px; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-decoration: none; color:#000;}.noticeList a:hover{color:#ff8b00;}
.notice .more{ width: 32px; height: 8px; position: absolute; right: 6px; top: 43px;background:url(/images/btn_more.png) no-repeat;}
.notice .more:hover{background-position:0px bottom;}

.shop{width:100%; height:195px; margin-top:16px;background:url(/images/index/shopbg.png) no-repeat center top;float:left;position:relative;font-size:12px;}
.shop .more{ width: 32px; height: 8px; position: absolute; right: 17px; top: 19px;background:url(/images/btn_more.png) no-repeat;}
.shop .more:hover{background-position:0px bottom;}
.shopList{width:470px; float:left;margin:48px 0px 0px 8px;}
.shopList li{width:100px;height:143px;float:left;margin:0px 8px;}
.shopList .shopTab{width:100%;position:relative;margin-bottom:0px;}
.shopList .shopTab img{position:absolute;left:0px; top:-8px; z-index:1;}
.shopList h2{width:80px;height:80px;border:2px solid #d7d7d7; margin: 0 0 0 10px;}
.shopList h2:hover{border:2px solid #2392ff;}
.shopList h3{float:left;width:30px; margin:0 4px 0 12px;text-align:center;font-family:Arial,"新細明體";color:#fff; background-color:#0072bb; line-height:14px;}
:root .shopList h3 {padding-top:3px\9; line-height:14px\9;}
.shopList h4{float:left;width:50px;font-family:Arial,"新細明體";font-weight:bold;color:#ff9000;}
.shopList p{width:100%;margin:6px 0 4px 0;text-align:center;_width:120px;_margin:auto;width:90px;height:31px}
.shopList a{color:#444;}

.pointzone{float: right; width:202px; height:auto; margin: 12px 9px 0 0;}
.pointzone .pointbtn1{ background:url(/images/index/pointbtn1.png) no-repeat;}
.pointzone .pointbtn2{ background:url(/images/index/pointbtn2.png) no-repeat;}
.pointzone .pointbtn3{ background:url(/images/index/pointbtn3.png) no-repeat;}
.pointzone .pointbtn4{ background:url(/images/index/pointbtn4.png) no-repeat;}
.pointzone .pointbtn1,.pointbtn2,.pointbtn3,.pointbtn4{float: left; width:202px; height:43px; margin-bottom:7px;}
.pointzone .pointbtn1:hover,.pointbtn2:hover,.pointbtn3:hover,.pointbtn4:hover{background-position:0px -43px;}

.pd {float:right;width:219px; height:182px; position:relative; background-image: url(/images/index/indexpdbg.png); margin-top:12px; *margin-top:19px;}
.pd .more{ width: 32px; height: 8px; position: absolute; right: 17px; top: 31px;background:url(/images/btn_more.png) no-repeat;}
.pd .more:hover{background-position:0px bottom;}
#divMbx { float:right; margin: 58px 31px 0 0;}
#divMbx .slides_area { position:relative; overflow:hidden; /*zoom:1;*/ width:154px; height:112px; margin:5px 0 0 14px; *margin:-14px 0 0 14px;}
#divMbx .slides { position:relative; overflow:hidden; width:154px; height:112px; }
#divMbx .slides li { display:none }
#divMbx .slides li.on { position:absolute; top:0; left:0; width:154px; display:block; }
#divMbx .slides li.of { position:absolute; top:0; left:0; width:154px; display:none; }
.slides_area .prev,.slides_area .next{display:block !important}
#divMbx a.prev { position:absolute; left:4px; top:40px; overflow:hidden; display:inline-block; text-indent:-9000px; background:url(/images/products/pd_arrow.png) no-repeat 0 -20px; width: 12px; height: 20px; cursor:pointer; }
#divMbx a.prev:hover { background-position:0 -60px; }
#divMbx a.next { position:absolute; right:4px; top:40px; overflow:hidden; display:inline-block; text-indent:-9000px; background:url(/images/products/pd_arrow.png) no-repeat 0 0px; width: 12px; height: 20px; cursor:pointer; }
#divMbx a.next:hover { background-position:0 -40px; }

.smallbn {width:212px;float:right;margin: 24px 2px 0 0;}
.smallbn li{border:#999999 solid 1px;margin:auto;margin-bottom:6px;width:212px;height:67px;}
.smallbn img{border:#fff solid 2px;}