@charset "UTF-8";
/* 第一banner */
.list{ list-style:none; margin:0; padding:0;}

.sliderBox{width:930px; overflow:hidden; position:relative; padding-top:15px; margin:auto;}
.sliderBox h2{ line-height:2.5em; font-size:24px; font-weight:bold; margin:0; padding-left:50px;}

.slider{ padding:10px 0; width:830px; height:430px; overflow:hidden; margin:auto; position:relative;}
.slider ul{ overflow:hidden; width:2485px; position:absolute; left:0;} /* my_favorite 目前預設6個banner，三輪，如更多，要重新調整width */
.slider li{ float:left; margin:0 15px 0 18px; text-align:center; width:380px;}
.slider a, .slider img{ display:inline-block; width:370px; height:200px; padding:2px; overflow:hidden; border:solid 5px #591b37; margin-bottom:15px;}
.slider a:hover{ opacity: 0.5; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=50); /* 透明度100% IE 的寫法 */}

.btn_go, .btn_cancel { float:left; margin: 15px 5px 30px 0; width:110px; height:26px; display:block;}
.btn_go a { background:url(../images/btn_go_off.png) left top no-repeat; border:0px;}
.btn_go a:hover { background:url(../images/btn_go_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}
.btn_cancel a {  background:url(../images/btn_cancel_off.png) left top no-repeat; border:0px;}
.btn_cancel a:hover { background:url(../images/btn_cancel_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}

.status{ text-align:center; margin-top:5px; position:relative\9; *margin-left:435px;}
.status li{ cursor:pointer; background:#FFF; display:inline-block; text-indent:-9999px; border:2px solid #CCC; width:8px; height:8px; border-radius:100%; margin:0 5px; *float:left; }
.status li.now{ background:#09C; border-color:#999;}

.dIcon{ text-indent:-9999px; position:absolute; top:150px; display:block; width:20px; height:20px; background:url(../images/all.png) no-repeat; width:38px; height:47px;}
.next{ right:10px; background-position:-44px -2px;}
.prev{ left:10px; background-position:0 -2px;}
.next:hover{ background-position:-44px -55px;}
.prev:hover{ background-position:0 -55px;}

/* 第二banner */
.list2{ list-style:none; margin:0; padding:0;}

.sliderBox2{width:930px; overflow:hidden; position:relative; padding:30px 0 15px; margin:auto;}
.sliderBox2 h2{ line-height:2.5em; font-size:24px; font-weight:bold; margin:0; padding-left:50px;}

.slider2{ padding:20px 0 10px; width:830px; height:430px; overflow:hidden; margin:auto; position:relative;}
.slider2 ul{ overflow:hidden; width:1650px; position:absolute; left:0;} /* my_favorite 目前預設6個banner，三輪，如更多，要重新調整width */
.slider2 li{ float:left; margin:0 20px; text-align:center; width:235px;}
.slider2 a, .slider2 img{ display:inline-block; width:225px; height:180px; padding:2px; overflow:hidden; border:solid 0px #591b37; margin-bottom:15px;}
.slider2 a:hover{ opacity: 0.5; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=50); /* 透明度100% IE 的寫法 */}

.btn_go2, .btn_cancel2 { float:left; margin: 15px 5px 30px 0; width:110px; height:26px; display:block;}
.btn_go2 a { background:url(../images/btn_go_off.png) left top no-repeat; border:0px;}
.btn_go2 a:hover { background:url(../images/btn_go_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}
.btn_cancel2 a {  background:url(../images/btn_cancel_off.png) left top no-repeat; border:0px;}
.btn_cancel2 a:hover { background:url(../images/btn_cancel_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}
.btn_buy2 a {width:125px; height:30px; background:#fff; color:#591b37; border:#591b37 1px solid; text-align: center; padding:5px 0; /*margin-right:5px;*/ margin: 0 auto; font-size:16px; font-weight:bold; text-decoration:none; /*float:left;*/}
.btn_buy2 a:hover {background:#591b37; color:#fff;}

.status2{ text-align:center; margin-top:5px; position:relative\9; *margin-left:435px;}
.status2 li{ cursor:pointer; background:#FFF; display:inline-block; text-indent:-9999px; border:2px solid #CCC; width:8px; height:8px; border-radius:100%; margin:0 5px; *float:left; }
.status2 li.now{ background:#09C; border-color:#999;}

.dIcon2{ text-indent:-9999px; position:absolute; top:150px; display:block; width:20px; height:20px; background:url(../images/all.png) no-repeat; width:38px; height:47px;}
.next2{ right:10px; background-position:-44px -2px;}
.prev2{ left:10px; background-position:0 -2px;}
.next2:hover{ background-position:-44px -55px;}
.prev2:hover{ background-position:0 -55px;}

/* 第三banner，使用在pro_info */
.list3{ list-style:none; margin:0; padding:0;}

.sliderBox3{width:350px; /*overflow:hidden;*/ position:relative; padding-bottom:15px; margin:auto; float:left;}
.sliderBox3 h2{ line-height:2.5em; font-size:24px; font-weight:bold; margin:0; padding-left:50px;}

.slider3{ padding:20px 0 10px; width:300px; height:400px; overflow:hidden; margin:auto; position:relative;}
.slider3 ul{ overflow:hidden; width:1180px; position:absolute; left:0;} /* my_favorite 目前預設6個banner，三輪，如更多，要重新調整width */
.slider3 li{ float:left; margin:0 30px; text-align:center; width:235px;}
.slider3 a, .slider3 img{ display:inline-block; width:250px; height:355px; padding:2px; overflow:hidden; margin-bottom:15px;}
.slider3 a:hover{ opacity: 0.5; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=50); /* 透明度100% IE 的寫法 */}

.btn_go3, .btn_cancel3 { float:left; margin: 15px 5px 30px 0; width:110px; height:26px; display:block;}
.btn_go3 a { background:url(../images/btn_go_off.png) left top no-repeat; border:0px;}
.btn_go3 a:hover { background:url(../images/btn_go_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}
.btn_cancel3 a {  background:url(../images/btn_cancel_off.png) left top no-repeat; border:0px;}
.btn_cancel3 a:hover { background:url(../images/btn_cancel_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}

.status3 { text-align:center; margin-top:5px; position:relative\9; *margin-left:435px;}
.status3 li { cursor:pointer; background:#FFF; display:inline-block; /*text-indent:-9999px;*/ border:1px solid #E8E8E8; width:80px; height:80px; /*border-radius:100%;*/ margin:0; *float:left; }
.status3 li.now { /*background:#09C;*/ border-color:#999;}

.dIcon3 { text-indent:-9999px; position:absolute; top:420px; display:block; width:20px; height:20px; background:url(../images/all.png) no-repeat; width:38px; height:47px;}
.next3 { right:-30px; background-position:-44px -2px; z-index:5;}
.prev3 { left:-30px; background-position:0 -2px;}
.next3:hover { background-position:-44px -55px;}
.prev3:hover { background-position:0 -55px;}

/* 第四banner，使用在topic */
.list4{ list-style:none; margin:0; padding:0;}

.sliderBox4{width:930px; overflow:hidden; position:relative; padding-bottom:15px; margin:50px auto 0; float:left;}
.sliderBox4 h2{ line-height:2.5em; font-size:24px; font-weight:bold; margin:0; padding-left:50px;}

.slider4{ padding:20px 0 10px; width:450px; height:400px; /*overflow:hidden;*/ margin:auto; position:relative;}
.slider4 ul{ overflow:hidden; width:1780px; position:absolute; left:0px;} /* my_favorite 目前預設6個banner，三輪，如更多，要重新調整width */
.slider4 li{ float:left; margin:0 30px; text-align:center; /*width:235px;*/}
.slider4 a, .slider4 img{ display:inline-block; /*width:100%; height:355px;*/ padding:2px; overflow:hidden; margin-bottom:15px;}
.slider4 a:hover{ opacity: 0.5; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=50); /* 透明度100% IE 的寫法 */}

.btn_go4, .btn_cancel3 { float:left; margin: 15px 5px 30px 0; width:110px; height:26px; display:block;}
.btn_go4 a { background:url(../images/btn_go_off.png) left top no-repeat; border:0px;}
.btn_go4 a:hover { background:url(../images/btn_go_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}
.btn_cancel4 a {  background:url(../images/btn_cancel_off.png) left top no-repeat; border:0px;}
.btn_cancel4 a:hover { background:url(../images/btn_cancel_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}

.status4 { text-align:center; margin-top:5px; position:relative\9; *margin-left:435px;}
.status4 li{ cursor:pointer; background:#FFF; display:inline-block; /*text-indent:-9999px;*/ border:1px solid #E8E8E8; width:80px; height:80px; /*border-radius:100%;*/ margin:0; *float:left; }
.status4 li.now{ /*background:#09C;*/ border-color:#999;}

.dIcon4 { text-indent:-9999px; position:absolute; top:150px; display:block; width:20px; height:20px; background:url(../images/all.png) no-repeat; width:38px; height:47px;}
.next4 { right:0; background-position:-44px -2px; z-index:5;}
.prev { left:-30px; background-position:0 -2px;}
.next4:hover { background-position:-44px -55px;}
.prev4:hover { background-position:0 -55px;}

/* 第五banner，使用在pro_more */
.list5{ list-style:none; margin:0; padding:0;}

.sliderBox5{width:235px; /*overflow:hidden;*/ position:relative; padding-bottom:15px; margin:auto; float:left;}
.sliderBox5 h2{ line-height:2.5em; font-size:24px; font-weight:bold; margin:0; padding-left:50px;}

.slider5{ padding:20px 0 0; width:240px; height:530px; overflow:hidden; margin:auto; position:relative;}
.slider5 ul{ overflow:hidden; width:715px; position:absolute; left:0;} /* my_favorite 目前預設6個banner，三輪，如更多，要重新調整width */
.slider5 li{ float:left; margin:0; text-align:center; width:235px; height:540px;}
.slider5 a, .slider5 img{ display:inline-block; width:250px; height:355px; padding:2px; overflow:hidden; margin-bottom:15px;}
.slider5 a:hover{ opacity: 0.5; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=50); /* 透明度100% IE 的寫法 */}

.btn_go5, .btn_cancel5 { float:left; margin: 15px 5px 30px 0; width:110px; height:26px; display:block;}
.btn_go5 a { background:url(../images/btn_go_off.png) left top no-repeat; border:0px;}
.btn_go5 a:hover { background:url(../images/btn_go_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}
.btn_cancel5 a {  background:url(../images/btn_cancel_off.png) left top no-repeat; border:0px;}
.btn_cancel5 a:hover { background:url(../images/btn_cancel_on.png) left top no-repeat; opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */}

.status5 { text-align:center; margin-top:5px; position:relative\9; *margin-left:435px;}
.status5 li { cursor:pointer; background:#FFF; display:inline-block; /*text-indent:-9999px;*/ border:1px solid #E8E8E8; width:80px; height:80px; /*border-radius:100%;*/ margin:0; *float:left; }
.status5 li.now { /*background:#09C;*/ border-color:#999;}

.dIcon5 { text-indent:-9999px; position:absolute; top:250px; display:block; width:20px; height:20px; background:url(../images/all.png) no-repeat; width:38px; height:47px;}
.next5 { right:-30px; background-position:-44px -2px; z-index:5;}
.prev5 { left:-30px; background-position:0 -2px;}
.next5:hover { background-position:-44px -55px;}
.prev5:hover { background-position:0 -55px;}