/* CSS Document */ dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; list-style:none; } .clear{ clear:both;} img{ border:0px;} #mainbanner { width:984px; padding-bottom:25px; height: 375px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } /*-----------------------------------------首頁設定--------------------------------------------------*/ /*--------主形象-------*/ #wrap_banner .main_slider { width:971px; height: 365px; padding-top: 15px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; } /*.main_slider { clear:both; background:#ff4040; border:1px solid #ff4040; padding:5px; margin-bottom:10px;}*/ #wrap_banner .main_slider .right{ position:relative; float:right; width:751px; background-color:#000;} #wrap_banner .main_slider .left{float:left; width:195px; height:auto;} #wrap_banner .slider_poster{ height:365px; width:751px;} /*right*/ #wrap_banner .main_slider .right .info { position:absolute; bottom:0px; height:40px; width:751px;/*background: url(../../images/movie_info_back.png) repeat-x;*/ background: rgba(0,0,0,0.8);padding-left: 10px;float:left; } #wrap_banner .main_slider .right .info ul li{ float:left; list-style:none; } #wrap_banner .main_slider .right .info li a{background: url(../../images/movie_info.png) no-repeat scroll 50% 0 transparent; display:block; height:40px;} #wrap_banner .main_slider .right .info li.nav1{background: url(../../images/movie_info.png) left top; display:block; height:40px; width:173px;} #wrap_banner .main_slider .right .info .nav2 a { background-position:-173px 0px; width:106px;} #wrap_banner .main_slider .right .info .nav2 a:hover {background-position:-173px -40px; } #wrap_banner .main_slider .right .info .nav2.selected a{background-position:-173px -40px; } /*.main_slider .right .info .nav3 a { background-position:-281px 0px; width:109px;} .main_slider .right .info .nav3a:hover {background-position:-281px -40px; }*/ #wrap_banner .main_slider .right .info div .nav3 a { height:28px; width:103px; margin-top: -3px; margin-left: -5px; background-image: url(../../images/btn_notice.png); background-repeat: no-repeat; background-position: 0px 0px; z-index:99999; } #wrap_banner .main_slider .right .info div .nav3 a:hover {background:url(../../images/btn_notice_1.png); height:28px; width:103px;} #wrap_banner .main_slider .right .info .nav3.selected a{background-position:-281px -40px; } #wrap_banner .main_slider .right .info .nav4 a { background-position:-390px 0px; width:112px;} #wrap_banner .main_slider .right .info .nav4 a:hover {background-position:-390px -40px; } #wrap_banner .main_slider .right .info .nav4.selected a{background-position:-390px -40px; } #wrap_banner .main_slider .right .info .nav5 a { background-position:-502px 0px; width:96px;} #wrap_banner .main_slider .right .info .nav5 a:hover {background-position:-502px -40px; } #wrap_banner .main_slider .right .info .nav5.selected a{background-position:-502px -40px; } #wrap_banner .main_slider .right .info .nav6 a { background-position:-598px 0px; width:115px;} #wrap_banner .main_slider .right .info .nav6 a:hover {background-position:-598px -40px; } #wrap_banner .main_slider .right .info .nav6.selected a{background-position:-598px -40px; } #wrap_banner .main_slider .right .info div{margin:6px 6px 0 0; padding:3px 10px 0px 10px; text-align:center; height:25px; float:left;} #wrap_banner .nav1{background:url(../../images/index_fb_bk.png) left top no-repeat;} #wrap_banner .main_slider .right .info div a{ background:none; display: inline-block ;height:auto; margin:0px;} /*JQuery left左邊分類的圖(現正上映、近期上映) */ #accordion { height: auto;overflow: hidden; } #accordion li {overflow: hidden;list-style-type:none;} #accordion #head01 .opened { background:url(../../images/main_slider_title01_hover.gif) left top no-repeat;width:195px; height:30px; display:block;} #accordion #head01 .closed { background:url(../../images/main_slider_title01.gif) left top no-repeat;width:195px; height:30px; display:block;} #accordion #head02 .opened { background:url(../../images/main_slider_title02_hover.gif) left top no-repeat;width:195px; height:30px; display:block} #accordion #head02 .closed { background:url(../../images/main_slider_title02.gif) left top no-repeat;width:195px; height:30px; display:block;} #accordion #head03 .opened { background:url(../../images/main_slider_title03_hover.gif) left top no-repeat;width:195px; height:30px; display:block} #accordion #head03 .closed { background:url(../../images/main_slider_title03.gif) left top no-repeat;width:195px; height:30px; display:block;} #accordion #head04 .opened { background:url(../../images/main_slider_title04_hover.gif) left top no-repeat;width:195px; height:30px; display:block} #accordion #head04 .closed { background:url(../../images/main_slider_title04.gif) left top no-repeat;width:195px; height:30px; display:block;} #accordion #head05 .opened { background:url(../../images/main_slider_title05_hover.gif) left top no-repeat;width:195px; height:30px; display:block} #accordion #head05 .closed { background:url(../../images/main_slider_title05.gif) left top no-repeat;width:195px; height:30px; display:block;} #accordion #head06 .opened { background:url(../../images/main_slider_title06_hover.gif) left top no-repeat;width:195px; height:30px; display:block} #accordion #head06 .closed { background:url(../../images/main_slider_title06.gif) left top no-repeat;width:195px; height:30px; display:block;} /*單一物必 移到按鈕上時的顏色 */ #accordion a.now { background:url(../../images/index_nowon_bg.jpg) left top repeat-x #bb3e46; padding:4px 5px; display:block; margin-bottom:2px;padding-bottom:2px; border-bottom:1px dotted #ad353d;-moz-box-shadow: 2px 2px 2px #054082;} #accordion a:hover.now { background:url(../../images/index_nowon_bg_hover.jpg) left top repeat-x #bb3e46;text-decoration: none;} #accordion a.selected { background:url(../../images/index_nowon_bg_hover.jpg) left top repeat-x #bb3e46;} #accordion img{float:left ;width:70px; height:48px; border:1px solid #6b6b6b} #accordion a:hover img{ border:1px solid #ec9ea4} #accordion .text { width:105px; float:left; color:#fff; font-size:13px; font-weight:bold; padding:5px 0 0 8px; letter-spacing:0px; line-height:15px; text-align: left; } #accordion .text .star{ background:url(../../images/star_icon.png) left top no-repeat; padding-left:16px; color:#c3dffb; letter-spacing:0px;} #accordion .text .countdown{color:#c3dffb;letter-spacing:0px; padding-top:2px;} #accordion .text .countdown span{ font-size:16px; line-height:16px; margin:0 3px;} /*采昌家族頻道*/ /*--------主形象-------*/ #wrap_banner2 .main_slider { width:971px; height: auto;overflow:hidden; padding-top: 8px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; } /*#wrap_banner2 .main_slider { clear:both; background:#ff4040; border:1px solid #ff4040; padding:5px; margin-bottom:10px;}*/ #wrap_banner2 .main_slider .right{ position:relative; float:right; width:751px;height:auto;} #wrap_banner2 .main_slider .left{float:left; width:195px; height:200px; overflow:hidden;} #wrap_banner2 .slider_poster{ height:365px; width:751px;} /*right*/ #wrap_banner2 .main_slider .right .info { position:absolute; bottom:0px; height:40px; width:761px;background: url(../../images/movie_info_back.png) repeat-x; padding-left: 10px;float:left; } #wrap_banner2 .main_slider .right .info ul li{ float:left; list-style:none; } #wrap_banner2 .main_slider .right .info li a{background: url(../../images/movie_info.png) no-repeat scroll 50% 0 transparent; display:block; height:40px;} #wrap_banner2 .main_slider .right .info li.nav1{background: url(../../images/movie_info.png) left top; display:block; height:40px; width:173px;} #wrap_banner2 .main_slider .right .info .nav2 a { background-position:-173px 0px; width:106px;} #wrap_banner2 .main_slider .right .info .nav2 a:hover {background-position:-173px -40px; } #wrap_banner2 .main_slider .right .info .nav2.selected a{background-position:-173px -40px; } /*#wrap_banner2 .main_slider .right .info .nav3 a { background-position:-281px 0px; width:109px;} #wrap_banner2 .main_slider .right .info .nav3a:hover {background-position:-281px -40px; }*/ #wrap_banner2 .main_slider .right .info div .nav3 a { height:28px; width:103px; margin-top: -3px; margin-left: -5px; background-image: url(../../images/btn_notice.png); background-repeat: no-repeat; background-position: 0px 0px; z-index:99999; } #wrap_banner2 .main_slider .right .info div .nav3 a:hover {background:url(../../images/btn_notice_1.png); height:28px; width:103px;} #wrap_banner2 .main_slider .right .info .nav3.selected a{background-position:-281px -40px; } #wrap_banner2 .main_slider .right .info .nav4 a { background-position:-390px 0px; width:112px;} #wrap_banner2 .main_slider .right .info .nav4 a:hover {background-position:-390px -40px; } #wrap_banner2 .main_slider .right .info .nav4.selected a{background-position:-390px -40px; } #wrap_banner2 .main_slider .right .info .nav5 a { background-position:-502px 0px; width:96px;} #wrap_banner2 .main_slider .right .info .nav5 a:hover {background-position:-502px -40px; } #wrap_banner2 .main_slider .right .info .nav5.selected a{background-position:-502px -40px; } #wrap_banner2 .main_slider .right .info .nav6 a { background-position:-598px 0px; width:115px;} #wrap_banner2 .main_slider .right .info .nav6 a:hover {background-position:-598px -40px; } #wrap_banner2 .main_slider .right .info .nav6.selected a{background-position:-598px -40px; } #wrap_banner2 .main_slider .right .info div{margin:6px 6px 0 0; padding:3px 10px 0px 10px; text-align:center; height:25px; float:left;} #wrap_banner2 .nav1{background:url(../../images/index_fb_bk.png) left top no-repeat;} #wrap_banner2 .main_slider .right .info div a{ background:none; display: inline-block ;height:auto; margin:0px;}