/*主區塊*/
.main_box { height:360px; width:1220px; margin:0 auto; clear:both;}
.main_left_box { height:360px; width:210px; float:left; background-color:#20b493;}

.main_left { margin:0 5px 5px 5px;}
.main_left_title { height:35px; font-size:18px; font-weight:bold; color:#FFFFFF; line-height:35px; position:relative;}
.main_left_title span { color:#FF0; font-size:18px; font-weight:bold; margin:0; padding:0; }
.main_left_icon { background-image:url(../images/icon_01.jpg); background-repeat:no-repeat; background-position:left; padding-left:26px; margin:0 0 0 40px ; line-height:35px;}

.main_left_Licon { position:absolute; width:20px;}
.main_left_Ricon { position:absolute; right:10px; width:20px;}
.main_left_Micon { position:absolute; left:30px; width:140px; }

.main_left_time { height:35px; background-color:#FFFFFF; list-style:none; text-align:center; line-height:35px;}
.main_left_time li { text-align:center; display: inline; padding:0px; font-weight:bold; font-size:10px; font-family:"Microsoft JhengHei",Verdana, Geneva, sans-serif ;} 
.main_left_time li span { background-color:#000000; color:#FFFFFF; font-size:18px; padding:0 3px; margin:0px; letter-spacing:2px}
.main_left_main_01 { height:115px; background-color:#FFFFFF;}
.main_left_main_01 img { width:200px; height:115px;}
.main_left_main_02 { width:200px; height:135px; margin:0; padding:0; background-color:#FFFFFF;}
.main_left_main_02 img { width:200px; height:135px;}


.main_middle_box { height:360px; width:800px; float:left; position:relative;}
.main_middle_box img { height:360px; width:800px; position:absolute; z-index:1;}

.main_icon_L01 { left:0px;top:142px; position:absolute; z-index:2;  }
.main_icon_L01 img {width:38px; height:76px; position:static;}
.main_icon_R01 { right:0px;top:142px; position:absolute; z-index:2; }
.main_icon_R01 img {width:38px; height:76px; position:static;}

.main_middle_icon { height:25px; list-style:none; text-align:center; line-height:35px; position:absolute; width:800px; z-index:2; bottom:10px;}
.main_middle_icon li { height:25px; width:120px; text-align:center; display:inline-block; padding:0px; margin:3px; line-height:25px; filter:alpha(opacity=70); opacity: 0.7; 
background-color:#000000; color:#FFFFFF; font-size:13px; font-family:"Microsoft JhengHei",Verdana, Geneva, sans-serif ; cursor:pointer; border:#333333 solid 1px;} 
.main_middle_icon a { color:#FFFFFF;}
.main_middle_icon li:link {
	background-color:#000;
	filter:alpha(opacity=70); opacity: 0.7;
}
.main_middle_icon li:visited {
	background-color:#000;
	filter:alpha(opacity=100); opacity: 1;

}
.main_middle_icon li:hover {
	background-color:#000;
	filter:alpha(opacity=100); opacity: 1;

}
.main_middle_icon li:active {
	background-color:#000;
	filter:alpha(opacity=100); opacity: 1;

}


.main_right_box { height:360px; width:210px; float:left;}

.main_right { border:#dcdcdc solid 1px; border-collapse: collapse; height:358px; width:208px;}
.main_right_title { height:30px; background-color:#eeeeee; position:relative;}
.main_right_text p { padding-left:15px; margin-left:5px; font-size:16px; letter-spacing:0px; color:#000000; line-height:30px; font-weight:bold; 
background-image:url(../images/icon_02.png); background-position:left; background-repeat:no-repeat; position:absolute; left:0;}
.main_right_icon { position:absolute; right:5px; margin-top:9px; z-index:1; }
.main_right_icon img { float:left; margin-left:2px; position:inherit;}

.main_right_main_01 { height:80px;}
.main_right_main_01 img { width:208px; height:80px;}
#main_border {border-collapse: collapse; border-bottom:#dcdcdc solid 1px;}
.main_right_main_02 { height:75px; }
.main_right_main_02 img { width:208px; height:75px; }
.main_right_main_03 { height:32px;}
.main_right_main_03 img { width:208px; height:32px;}




/*頻道區*/
.channel_box { height:535px; width:1220px; margin:30px auto 0 auto; clear:both; display:block;}
.channel_left_box { height:535px; width:230px; float:left; position:relative;}
.channel_left_box img { height:535px; width:230px; z-index:1;}
.channel_left_icon { position:absolute; left:5px; top:5px; z-index:2; }
.channel_left_icon img { width:13px; height:13px; margin-right:2px; position:inherit; float:left;}


.channel_middle_box { height:535px; width:740px; float:left; margin:0 10px;}
.channel_middle_title { height:37px; background-color:#eeeeee; margin-bottom:3px;}
.channel_middle_main_01 { height: 233px; border-collapse: collapse; border: #dcdcdc solid 1px; position:relative;  }

.channel_middle_main_02 { height: 208px; border-collapse: collapse; border: #dcdcdc solid 1px; position:relative;}

#icon_T01 {top:78px;}
#icon_T02 {top:66px;}
.icon_L01 { left:0; position:absolute; z-index:2; width:38px; height:76px; display:none;}
.icon_R01 { right:0; position:absolute; z-index:2; width:38px; height:76px; display:none;}

/*點獨_快捷*/
.channel_list_box { width:704px; margin:auto;}
.channel_list { width:150px; float:left; margin:0 17.5px; background-color:#FFF; }
.channel_img { width:150px; height:150px; position:relative;}
.channel_img img { width:140px; height:140px; margin:5px;  z-index:1;}
.channel_icon { position:absolute; bottom:10px; left:5px; z-index:2;}
.channel_icon img { width:61px; height:15px; margin:0;}
.channel_list_a { width:150px; height:22px; margin-bottom:3px; background-color:#a18d58; color:#FFF; font-size:15px; line-height:22px; text-align:center;}
.channel_list_b { width:150px; height:25px; margin-bottom:3px; color:#666; line-height:25px; font-size:13px; overflow:hidden;}
.channel_list_c { width:150px; height:25px; margin-bottom:3px; position:relative; line-height:25px;}
.channel_list_c_L { position:absolute; left:0; text-align:left; color:#666; font-size:11px; text-decoration:line-through;}
.channel_list_c_R { position:absolute; right:0; text-align:right; color:#fb591c; font-size:18px; font-weight:bold;}



.channel_right_box { height:535px; width:230px; float:left; position:relative;}
.channel_right_box img { height:535px; width:230px; z-index:1;}
.channel_right_icon { position:absolute; right:5px; top:5px; z-index:2; width:30px; }
.channel_right_icon img { width:13px; height:13px;  margin-left:2px; position:inherit; float:left;}


/*頻道區下方bn*/
.middle_bn_box { height:100px; width:1220px; margin:20px auto 0 auto; clear:both;}
.middle_bn_box img { width:1220px; height:100px;}

/*排行榜*/
.ranking_box { width:1220px; margin:20px auto 0 auto; clear:both;}
.ranking_title { width:1218px; border-left:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; border-top:#dcdcdc solid 1px; overflow:hidden;}
.ranking_title ul li { vertical-align:middle; margin:0; padding:5px 0 0 0; width:477px;line-height:30px; font-size:15px; float:left; text-align:center; border-right:#aaaaaa solid 1px;  background-image:url(../images/ranking_bar_b.png); background-position:top; background-repeat:repeat-x; background-color:#eeeeee;}
.ranking_title ul li:hover {background-image:url(../images/ranking_bar_a.png);background-color:transparent;}
.ranking_title ul li.active {background-image:url(../images/ranking_bar_a.png);background-color:transparent;}
.ranking_title ul li a { color:#333333; display:block; margin:0; padding:0;}
.ranking_title ul li.active a { color:#43b133}
.ranking_title ul li a:hover { color:#43b133}

#ranking_f { background-color:#43b133; background-image:none; color:#FFFFFF ; font-weight:bold; border-right:none; width:263px; font-size:18px; line-height:35px; margin:0; padding:0;}
#ranking_f a { color:#FFFFFF}
#ranking_f :hover { color:#FFFFFF}
.ranking_list { width:1218px; border-left:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px; text-align:center; clear:both; }
.ranking_list ul li { width:165px; display:inline-block; text-align:center; margin:3px 0 0 0; padding:0 0 5px 0; position:relative; }
.ranking_list ul li img { width:135px; height:135px; margin:5px; }
.ranking_list_a { width:150px; height:22px; color:#666; line-height:22px; font-size:13px; margin:auto; overflow:hidden; text-align:center;}
.ranking_list_b { width:150px; height:22px; position:relative; line-height:22px; margin:auto;overflow:hidden;}
.ranking_list_b_L { position:absolute; left:0; text-align:left; color:#666; font-size:11px; text-decoration:line-through;}
.ranking_list_b_R { position:absolute; right:0; text-align:right; color:#fb591c; font-size:18px; font-weight:bold;}
#ranking_list_icon_k { width:28px; height:16px; background-image:url(../images/icon_crown.png); margin:0px; padding:0; position:absolute; right:5px; top:5px;}
#ranking_list_icon_n { width:28px; height:28px; background-image:url(../images/icon_no.png); margin:0px; padding:0; position:absolute; right:5px; top:21px;}
#ranking_list_icon_n p { font-size:15px; font-weight:bold; color:#FFFFFF; line-height:28px; text-align:center;}
#ranking_list_icon_sale { width: 45px; height: 45px; background-image: url(../images/icon_sale.png); margin: 0px; padding: 0; position: absolute; right: 5px; top: 15px; text-align: center; letter-spacing: -2px;overflow:hidden;}
#icon_sale01 { font-size: 21px; font-weight: bold; color: #FFFFFF; line-height: 45px; text-align: center; margin: 0px; padding: 0;}
#icon_sale02 { font-size: 21px; font-weight: bold; color: #FFFFFF; line-height: 45px; text-align: center; margin: 0px; padding: 0;}
#icon_sale03 { font-size: 13px; color: #FFFFFF; line-height: 45px; text-align: center; margin: 0px; padding: 0 0 0 2px;}


/*兌換區*/
.convert_box { width:1220px; margin:30px auto 0 auto; clear:both;}
.convert_left_box { width:603px; float:left; margin-right:5px; border:#dcdcdc solid 1px;}
.convert_right_box { width:603px; float:left; margin-left:5px; border:#dcdcdc solid 1px;}

#convert_title { height:40px; padding:0; margin:0; background-color:transparent;}
#convert_title a { padding:0; margin:0;}
.convert_main_L { width:160px; border-right:#dcdcdc solid 1px; float:left;}
.convert_main_L ul li { width:160px; height:45px;  background-color:#eeeeee; line-height:45px; text-align:left; border-top:#aaaaaa solid 1px;}
.convert_main_L ul li a { color:#333333; display:block; margin:0; text-align:center;}
.convert_main_L ul li.active a { color:#FFFFFF; background-color:#c276ba;}
.convert_main_L ul li a:hover { color:#FFFFFF; background-color:#c276ba;}

.convert_main_R { width:442px;float:left; text-align:center;}

.convert_main_R ul li { width:140px; display:inline-block; text-align:center; margin-top:0px;}
.convert_main_R ul li img { width:110px; height:110px; margin:5px;}
.convert_main_R_a { width:135px; height:18px; color:#666; line-height:18px; font-size:13px; margin:auto; overflow:hidden; text-align:center;}
.convert_main_R_b { width:140px; height:18px; line-height:18px; margin:auto; text-align:center; color:#fb591c; font-size:15px; font-weight:bold; overflow:hidden;}
.convert_main_R_b span {font-size:11px; margin:0; padding:0;}

.convert_main_R_Lb { width:140px; height:18px; line-height:18px; margin:auto; text-align:center; color:#fb591c; font-size:11px; font-weight:bold; overflow:hidden;}
.convert_main_R_Lb span {font-size:15px; margin:0; padding:0;}

/*分館*/
.store_box { width:1220px; margin:30px auto 0 auto; clear:both;}
.store_title { height:35px; width:1220px; overflow:hidden;}
#store_icon_01 { width:232px; margin:0; padding:0; text-align:left; list-style-type: none;}
#store_icon_01 a { margin:0; padding:0; text-align:left;}
#store_no1 a { margin-left:0px;}
#store_icon_02 { width:40px; text-align:right; margin:0; padding:0; list-style-type: none;}
.store_title ul li { list-style-type: disc; float: left; line-height: 35px; text-align: left; font-size: 15px; padding: 0; margin: 0 0 0 50px;}
.store_title ul li a { margin-left:0;}
.store_main_box { border:#dcdcdc solid 1px;}
#store_no1 { margin: 0; padding: 0; margin-left: 25px;}

.store_main_Rbn_box { width:210px; float:right; border-left:#dcdcdc solid 1px; margin:0; padding:0;}
.store_main_Rbn_01 {border-bottom:#dcdcdc solid 1px; margin:0; padding:0; width:210px; height:100px;}
.store_main_Rbn_01 img { width:210px; height:100px; margin:0; padding:0;}
.store_main_Rbn_02 {width:210px; height:190px;}
.store_main_Rbn_02 img { width:210px; height:190px; margin:0; padding:0;}


.store_main_list { width:775px; float:left; text-align:center;}
.store_main_list ul li { width:185px; display:inline-block; text-align:center; margin-top:3px;}
.store_main_list ul li img { width:135px; height:135px; margin:5px; }
.store_main_list_a { width:170px; height:22px; color:#666; line-height:22px; font-size:13px; margin:auto; overflow:hidden; text-align:center;}
.store_main_list_b { width:150px; height:22px; position:relative; line-height:22px; margin:auto;}
.store_main_list_b_L { position:absolute; left:0; text-align:left; color:#666; font-size:11px; text-decoration:line-through;}
.store_main_list_b_R { position:absolute; right:0; text-align:right; color:#fb591c; font-size:18px; font-weight:bold;}



.store_main_Lbn_01 img { width:227px; height:388px; border:#b48d67 solid 2px; float:left;}
.store_main_Lbn_01_1 img { width:227px; height:388px; border:#099 solid 2px; float:left;}
.store_main_Lbn_02 img { width:227px; height:388px; border:#3152d6 solid 2px; float:left;}
.store_main_Lbn_03 img { width:227px; height:388px; border:#448aca solid 2px; float:left;}
.store_main_Lbn_04 img { width:227px; height:388px; border:#fea650 solid 2px; float:left;}
.store_main_Lbn_05 img { width:227px; height:388px; border:#69a418 solid 2px; float:left;}
.store_main_Lbn_06 img { width:227px; height:388px; border:#f591aa solid 2px; float:left;}
.store_main_Lbn_08 img { width:227px; height:388px; border:#9e4294 solid 2px; float:left;}


/*服務*/
.added_box {  width:1220px; margin:30px auto 0 auto; clear:both;}

.added_line { border-bottom:#7d7d7d solid 2px; width:100%; height:30px; position:0 0 3px 0;}
#added_title_box_L { float:left; width:480px; text-align:left; margin-left:10px;}
#added_title_box_R { float:left; width:auto; text-align:left;  margin-left:10px;}
.added_title p { padding-left:15px; margin-left:5px; font-size:16px; letter-spacing:0px; color:#000000; line-height:30px; font-weight:bold; 
background-image:url(../images/icon_02.png); background-position:left; background-repeat:no-repeat;}

.added_main_box_L { border-right:#dcdcdc solid 1px; margin:20px 0; width:490px; float:left; text-align:center; }
.added_main_box_L ul li { display:inline-block; width:117px; text-align:center; line-height:20px;}
.added_main_box_L ul li img { width:80px; height:80px;}
.added_main_box_L ul li ul li a { font-size:18px; font-weight:bold;}
.added_main_box_L ul li ul li a span { font-size:11px; font-weight:bold; margin:0; padding:0; letter-spacing:0px;}

.added_main_box_R { margin:20px 0; width:729px; float:left; text-align:center; position:relative; }
.added_main_box_R ul li { display:inline-block; padding:0; text-align:center;}
.added_main_box_R ul li img { width:162px; height:120px;}


.added_icon_L01 { left:10px;top:22px; position:absolute; z-index:2;  }
.added_icon_L01 img {width:38px; height:76px; position:static;}
.added_icon_R01 { right:10px;top:22px; position:absolute; z-index:2; }
.added_icon_R01 img {width:38px; height:76px; position:static;}


/*導覽列*/
.Navbar_box { width:40px; position:fixed; top:15%; z-index:9999;}
.Navbar_box_a ul li { display:block; width:40px; height:40px; margin:2px 0; padding:0; border:#358e9e solid 1px; background-color:#FFFFFF; text-align:center; vertical-align:middle;}
.Navbar_box_a ul li:hover { background-color:#358e9e;}
.Navbar_box_a ul li a { font-size:18px;  color:#358e9e; line-height:15px; display:block;  margin:5px 0 0 0; padding:0;}
.Navbar_box_a ul li a:hover { color:#FFFFFF;}
.Navbar_box_a ul li span { font-size:12px; font-weight:bold; color:inherit; line-height:10px; margin:0; padding:0; background-image:none;}
.Navbar_box_a ul li span:hover { color:#ffffff;}

.Navbar_box_b ul li { display:block; width:40px; height:40px; margin:2px 0; padding:0; border:#43b134 solid 1px; background-color:#FFFFFF; text-align:center; vertical-align:middle;}
.Navbar_box_b ul li:hover { background-color:#43b134;}
.Navbar_box_b ul li a { font-size:18px;  color:#43b134; line-height:25px; display:block;  margin:0; display:block;}
.Navbar_box_b ul li a:hover { color:#FFFFFF;}
.Navbar_box_b ul li p { font-size:12px; font-weight:bold; line-height:10px; margin:0; padding:0; background-image:none;}

.Navbar_line { border-top:#43b134 solid 1px; margin:10px 2px; width:40px; padding:0;}
.Navbar_top { width:40px; height:20px; margin:2px 2px;}

/*170203_新版會員專區*/

.vip_main {width: 1220px; height:180px; margin:30px auto 0 auto; clear:both; background-image:url(../images/vip_bg.jpg); background-size:cover; background-position:center; position:relative;}
.vip_main span { width:160px; height:50px; display:block; background-image:url(../images/VIP_BOX_ICON.png); background-position:center; background-size:cover; position:absolute; top:65px; left:15px;}
.vip_main ul { width:1020px; height:160px; padding:0px; margin:0px; background-color:#FFFFFF; position:absolute; right:10px; top:10px;}
.vip_main ul li { list-style:none; float:left; border-left:#999999 dashed 1px; height:140px; width:230px; padding:0px 12px; margin:10px 0;}
.vip_main ul li:nth-child(1) { border-left:#FFFFFF solid 1px;}
.vip_main ul li a { display:block;}

@media only screen and (max-width: 1300px) {
#Navbar_none { display:none;}
}