@charset "utf-8";
@import url("reset.css");
@import url("SiteMap.css");
/* CSS Document */

/*---基本樣式 start---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote {margin:0;padding:0;}
li {
	list-style-type: none;
}

html>body, html>body .index{height: auto;} 
body {
	background-color: #ffffff;
	margin: 0px;
	
}
img{border-style: none;}
body,td,th,select,input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 15px;}
a:link {text-decoration: underline; color: #333333; blr:expression(this.onFocus=this.blur());}
a:visited {text-decoration: underline; color: #333333; blr:expression(this.onFocus=this.blur());}
a:hover {text-decoration: none; color: #333333; blr:expression(this.onFocus=this.blur());}
a:active {text-decoration: none; color: #333333; blr:expression(this.onFocus=this.blur());}
a:focus {-moz-outline-style:none;}
.clear{clear:both;}
.redword{color:#FF0000;}
.redword2{color:#FF0000; font-size:14px; font-weight:bold;}
.redword3{color:#FF0000; font-size:16px; font-weight:bold;}
.orange{color:#f68319;}
.blueword{ color:#09C;}
.blueword2{ color:#09C; line-height:12px; display:inline-block; padding-left:10px;}
.note{ color:#09c; line-height:21px; padding-top:5px;}
.forgetPwIdTitle{ background:#ccc; line-height:30px; padding:0 5px; font-size:13px; color:#333; margin-right:2px; }

/*---基本樣式 end---*/

#TOP_HEADER_bg{
	height: 212px;
	width: 100%;
	margin: 0 auto;
	text-align:center;
}

#TOP_HEADER {
	height: 210px;
	width: 1000px;
	margin: 0 auto;
	text-align:center;
    background-image:url(../images/head_bg.jpg);
	background-repeat:repeat-x;
	position:relative;
	border-top:#ff8a00 solid 3px;
	
}

/*.WELCOME{ text-align:left; line-height:21px; color:#333333; padding:2px 0 0 22px; z-index:110; white-space:nowrap;}*/
.WELCOME{ position:absolute; top:0; left:0; display:block; text-align:left; line-height:21px; color:#333333; padding:2px 0 0 22px; z-index:110; white-space:nowrap;}
.WELCOME span{ color:#F60; padding:0 3px;}
#TOP_HEADER .iRead_LOGO {
	float:left;
	text-align:left;
	padding:4px 0 5px 21px;
	position:absolute;
	z-index:100;
	top: 27px;
	left: 0px;
}

#TOP_HEADER_menu{
	width: 720px;
	height:120px;
    float:right;
	padding:0 6px 0 0;
	text-align:right;
	position:relative;
	z-index:150;
}
.FLASHBG
{
	width:990px;
	height:80px;
	position:absolute;
	left: 5px;
	top: 105px;
	z-index:1;	
}
#TOP_HEADER_menu_img{
    float:left;
	padding-top:20px;
	padding-right:15px;
	padding-left:25px;
}
#TOP_HEADER_menu_img a img{ width:340px; height:55px;}

#TOP_HEADER_menu_txt{
	display:block;
	width:330px;
	margin-top:12px;
	padding:5px 0;
    float:right;
	overflow:auto;
	_dispaly:inline-block;

}
#TOP_HEADER_menu_txt li{
	float:left;
	/*padding-left:10px; background-image:url(../images/TopHeaderMenu_01.jpg); background-repeat:repeat-x;
	background-position:left top;*/
}
#TOP_HEADER_menu_txt li a{
	display:block;
	width:64px;
	*width:63px;
	font-size:12px;
	line-height:21px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	background-image:url(../images/TopHeaderMenu.gif);
	/*background-image:url(../images/TopHeaderMenu_02.jpg);
	padding:0 8px 0 3px;
	background-position:right top;
	background-repeat:no-repeat;*/
}
#TOP_HEADER_menu_txt li a:hover{ color:#333333;}
#TOP_HEADER_menu_txt a.FB{ *color:#000; display:block; float:left; width:85px; line-height:20px; padding:0 7px 0 16px; background:url(../images/facebook16x16.gif) no-repeat left center; text-decoration:none;}
#TOP_HEADER_menu_txt a.Gmail{ *color:#000; display:block; float:left; width:70px; line-height:20px; padding:0 3px 0 16px; background:url(../images/google16x16.gif) no-repeat left center; text-decoration:none;}
#TOP_HEADER_menu_txt span.NOTE{ display:block; *white-space:nowrap; float:left; text-align:left; padding:5px 5px 5px 0; *padding-left:5px; background-color:#FEFAE9; color:#069; }

#TOP_HEADER_menu_txt a:hover.FB, #TOP_HEADER_menu_txt a:hover.Gmail{ color:#369;}

#TOP_HEADER_menu2{
	position:absolute;
	overflow:auto;
	width: 1000px;
	height:40px;
	text-align:left;
	padding:0;
	top:171px;
	left:0;
	z-index:120;
}

#TOP_HEADER_menu3{
	width: 1000px;
    height:16px;
	text-align:right;
	background-image:url(../images/menu3_bg.jpg);
}

#TOP_HEADER_search_bar{
	padding:0 0 0 16px;
	text-align:left;
	line-height:18px;
	color:#333333;
	width:361px;
	position:absolute;
	top: 90px;
	left: 0px;
}

.TOP_HEADER_search_bar_img{
    vertical-align:bottom;
        margin:6px 0 0 0;
	*margin:-4px 0 0 0;
	*padding:0 0 5px 0;
}

.TOP_HEADER_search_bar2{
        background: url(../images/top_banner_searchbar.gif) no-repeat;
        border:0;
	height: 20px;
	width:331px;
	padding:6px 0 0 24px;
	color:#333333;
}

#CATA{
	display:block;
	overflow:auto;
	border-bottom:#ffa800 solid 1px;
	height:27px;
	position:absolute;
	z-index:100;
	top: 161px;
	left:0;	
}

#CATA li.CURRENT{ float:left; padding-left:10px; background-image:url(../images/CATAitem_01.jpg); background-position:left top; background-repeat:no-repeat; }
#CATA li.CURRENT a{ display:block; margin-right:1px; padding:2px 10px 0 0; font-size:13px; color:#FFF; line-height:22px; text-decoration:none;
background-image:url(../images/CATAitem_02.jpg); background-position:right top; background-repeat:no-repeat;
}
#CATA li.CURRENT a:hover{}
#CATA li{ float:left; padding-left:10px; background-image:url(../images/CATAitem2_01.jpg); background-position:left top; background-repeat:no-repeat; }
#CATA li a{ display:block; margin-right:1px; padding:2px 10px 0 0; font-size:13px; color:#444444; line-height:22px; text-decoration:none;
background-image:url(../images/CATAitem2_02.jpg); background-position:right top; background-repeat:no-repeat;
}
#CATA li a:hover{}

/*---GO在google chrome破版修正---*/

.TOP_HEADER_search_bar_wording {
	width:73px;
	color:#333333;
	position:absolute;
	left: 380px;
	top: 90px;
	text-align:left;
	height: 27px;
}
/*---header七大分類---*/
.TOP_HEADER_blank{ display:block; overflow:auto; /*background:#ffa800;*/ background:url(../images/head_blank_bg2.jpg) repeat-x left 12px; background-repeat:repeat-x; padding:14px 0 0 0;}
.TOP_HEADER_blank a{ display:block; float:left; padding:0 15px 2px 15px; color:#333333; text-decoration:none; line-height:22px; cursor:pointer; /*border-right:#FEDF9E solid 1px;*/ background:url(../images/head_blank_gap.gif) no-repeat right center;}
.TOP_HEADER_blank a:hover{color:#ffffff; text-decoration:none; background-color:#888;}

/*---header促銷活動---*/
.TOP_HEADER_Adv{
    float:right;
	padding:2px 8px 0 8px;
	text-align:right;
	margin-top:12px;
	line-height:24px;
	color:#FFFFFF;
	background-color:#333;
	border-right:#dfdfdf 1px solid;
}

.TOP_HEADER_Adv2{
    float:right;
	padding:0;
	text-align:right;
	line-height:40px;
	color:#333;
	width:110px;

}

.TOP_HEADER_Adv img{
        margin:-3px 0 0 0;
}

.TOP_HEADER_Adv a{ color:#ffffff; text-decoration:none; display:block; padding:0 15px 0 15px; margin:0; }
.TOP_HEADER_Adv a:hover{color:#FC0; text-decoration:none; }

.TOP_HEADER_Adv2 a{ color:#fff; text-decoration:none; display:block; margin:0; background:url(../images/buyMoreBTN_bg.gif) right top; padding:7px 24px 0 0; line-height:33px;  }
.TOP_HEADER_Adv2 a:hover{color:#FFC; text-decoration:none; }

.title_login {
	height: 37px;
	width:320px;
	margin:0 auto;
	background-image: url(../images/login_01.jpg);
	float: none;
}

.body_login {
	height: auto;
	width:290px;
	margin:0 auto;
	border-left:1px solid #828282;
	border-right:1px solid #828282;
	padding:13px 0 7px 28px;
	color:#333333;
	background-color:#FFFFFF;
}

.body_login p{
    line-height:30px;
}

.body_login img{
    padding:0 0 0 80px;
}

.login_wording_bar{
    background:url(../images/wording_bar.gif) no-repeat scroll;
    border:0;
	width:145px;
	height:17px;
	padding:3px 4px 0 4px;
	color:#333333;
}

.footer_login {
	width:320px;
	height:32px;
	background-image: url(../images/login_07.gif);
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
	padding:7px 0 0 0;
}
.txtLine_01 {
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font-size: 12px;
	padding: 2px;
}

#BODY {
	width:1000px;
	margin: 0 auto;
	text-align:left;
	background:url(../images/tree_bg.jpg) no-repeat bottom;
	position:relative;
	padding-top:8px;
}

#center{
	width:772px;
	float: right;
	padding:15px 0px 0px 9px;
}

.center_title1{
	width:734px;
	height:23px;
	padding:14px 0px 0px 30px;
    color:#333333;
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	float:left;
	background:url(../images/icon_book2.gif) no-repeat 15px 16px;
}

.center_title1 #EventTitle{ margin-left:20px;}

.center_title2{
	float:left;
}

.center_title3{
	float:left;
	border-bottom:1px dotted #f68319;
	width:727px;
	height:22px;
	margin:0;
	padding:14px 0 3px 15px;
	color:#333333;
	font-size:15px;
	font-weight:bold;
	background:url(../images/center_title06.jpg) no-repeat scroll 0 18px transparent;
	clear:both;
}

.center_title3 em{
    background-color:#FFFFFF;
	font-style:normal;
	padding:0 4px;
	
	font-weight:bold;

}

.center_title3 a{ text-decoration:none;}
.center_title3 a:hover{ text-decoration:underline;}

.center_title4{
	float:left;
	border-bottom:3px double #ccc;
	width:727px;
	height:22px;
	margin:0;
	padding:14px 0 3px 15px;
	color:#C00;
	font-size:15px;
	font-weight:bold;
	background:url(../images/productDESC_h4_bg.gif) left center no-repeat;;
	clear:both;
}

.center_title4 a{ text-decoration:none;}
.center_title4 a:hover{ text-decoration:underline;}
.center_title4 em{
	font-style:normal;
	padding:0 15px;
	font-weight:bold;
}
.black_line{
    clear:both;
	margin:0;
	padding:0;
}

.center_text1{
	width:762px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
        background-color:#ffffff; 
	border:1px solid #cccccc;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	float:left;
}

.center_text1 h1{
	height:30px;
	margin:0 0 0 11px;
        padding:0;
	line-height:30px;
	font-size:14px;
	color:#333333;
	display:inline-table;
        clear:both;
}

.center_text1 h2{
	margin:0 0 10px 11px;
        padding:0;
	font-size:12px;
	color:#333333;
	display:inline-table;
        clear:both;
}

.center_text1 h3{
	margin:10px 20px 0 11px;
        padding:0;
	font-size:12px;
	text-align:right;
	color:#333333;
	display:inline-table;
        clear:both;
	float:right;
}

.center_text1 h4{
	font-size:12px;
	text-align:center;
	color:#333333;
	font-weight:normal;
	margin:0;
	padding:10px 0 10px 0;
}

.center_text1 h5{
        font-size:12px;
	color:#333333;
	text-align:right;
	margin:20px 20px 10px 0;
        padding:0;
}

.center_text1 h6{
	height:30px;
	margin:0 11px 0 11px;
    padding:0;
	line-height:30px;
	font-size:14px;
	color:#f68319;
	display:block;
    clear:both;
}

.center_text1 p{
	margin:0 14px 14px 41px;
        padding:0;
	line-height:18px;
	font-size:12px;
	color:#333333;
}
.center_text1 .Title{ color:#555; font-weight:bold; background:url(../images/arrow_gray.gif) no-repeat left 12px; padding:8px 0 0 12px;}
.center_text1 ul{
	margin:12px 14px 14px 30px;
}

.center_text1 li{
    margin:0 14px 0 30px;
	line-height:24px;
	list-style:url(../images/arrow2.gif) outside;
	font-size:12px;
	color:#333333;
}

.center_text1 a,
.center_text1 a:link,
.center_text1 a:visited{line-height:18px; font-size:12px; color:#346b91; text-decoration:underline; padding:0; margin:0;}
.center_text1 a:hover{line-height:18px;	font-size:12px;	color:#346b91; text-decoration:none;}

.center_text2{
	padding-left:46px;
}

.center_text3{
	width:50%;
	float: left;
	padding-bottom:20px;
}

.center_text3 h1{
	width:167px;
	height:30px;
	margin:0 0 5px 0;
	line-height:30px;
	font-size:15px;
	color:#333333;
}

.center_text3 h2{

	height:30px;
	margin:10px 0 0 0;
	line-height:30px;
	font-size:15px;
	color:#f68319;
	display:block;
}

.center_text3 p{
    margin:5px 0 7px 0;
}

.center_text3 img{
    margin:0 0 -7px 0;
}

.center_text3 a,
.center_text3 a:link,
.center_text3 a:visited{ font-size:13px; color: #333333; text-decoration:none;}
.center_text3 a:hover{ font-size:13px; color: #333333; text-decoration:underline;}

.center_text4{
	width:760px;
        background-color:#ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	display:inline-table;
	padding:0 0 0 2px;
	clear:both;
}

.center_text4 h1{
	height:30px;
	margin:0 0 0 11px;
	line-height:30px;
	font-size:15px;
	color:#333333;
}

.center_text4 h2{
	margin:0;
	padding:5px 5px 5px 5px;
	text-align:center;
	line-height:18px;
	font-size:12px;
	color:#333333;
}

.center_text4 p{
	color:#333333;
        padding:5px 0 10px 10px;
}

.center_text4 a,
.center_text4 a:link,
.center_text4 a:visited{ line-height:18px; font-size:12px; color:#346b91; text-decoration:underline;}
.center_text4 a:hover{ line-height:18px; font-size:12px; color:#346b91;	text-decoration:none;}

.center_text4_field1{
        color:#333333;
	font-size: 12px;
	font-weight:bold;
	line-height:24px;
	padding:6px 6px 6px 0px;
	margin-left:2px;
}

.center_text4_field2{
    color:#333333;
	font-size: 12px;
	padding:6px 2px 6px 6px;
	line-height:24px;
}

.center_text4_field2 img{
    vertical-align:bottom;
}

.center_text4_field2 a,
.center_text4_field2 a:link,
.center_text4_field2 a:visited{color:#0000ff; text-decoration:underline; cursor:pointer;}
.center_text4_field2 a:hover{color:#0000ff; text-decoration:none;}

.center_text4_field3{
        color:#333333;
        width:400px;
	font-size: 12px;
	float: left;
	margin-right:20px;
	line-height:24px;
	padding:6px 0 6px 6px;
}

.center_text4_field4{
    color:#333333;
	font-size: 12px;
	line-height:24px;
}
.inputSN{ padding:20px; margin:30px 0 0 0; border:#dfdfdf 1px solid;}
.inputSN p{ float:left;}
.inputSN p.SNblance{ padding:0 10px; color:#C30;}
.inputSN .NOTE{ clear:both; padding:15px 0; line-height:18px;}
.inputSN .snBTN input{ margin:0 3px;}
.checkCodeBox{position:relative; color:#333333;	font-size: 12px; padding:6px 2px 6px 10px; line-height:24px;}
.checkCodeBox .checkCode{
	width:100px;
	height:19px;
	background:#555;
	text-align:center;
	color:#fff;
	font-size:13px;
	line-height:19px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1px;
	position:absolute;
	top: 5px;
	left: 82px;
	}
.checkCodeBox a.refreshCode{
	display:block;
	position:absolute;
	width:100px;
	left: 195px;
	top: 5px;
}
.center_text5{
	width:764px;
	padding:14px 0px 10px 0px;
	float:left;
}

.center_text5 h1{
    color:#333333;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
	margin:0;
}

.center_text5 h2{
    color:#333333;
	text-align: left;
	font-size: 14px;
	font-weight:bold;
	margin:0;
	padding:0 0 12px 12px;
}

.center_text5 ul{
	margin:0;
	padding:0 0 10px 42px;
    color:#333333;
}

.center_text5 p{
    color:#333333;
	text-align: right;
	font-size: 12px;
	margin:0;
}

.center_text5 a{
    color:#333333;
	text-align: left;
	font-size: 12px;
	margin:0;
	padding:0 0 0 12px;
}

.center_text6{
	width:758px;
	padding:2px 2px 2px 2px;
        border:1px solid #cccccc;
	float:left;
}

.center_text6 h1{
        color:#333333;
	text-align: center;
	font-size: 13px;
	padding:10px 0px 10px 0px;
        margin:0;
	font-weight:normal;
}

.center_text6 h2{
        color:#333333;
	text-align: left;
	font-size: 12px;
	padding:10px 0 10px 12px;
        margin:0;
}

.center_text6 h3{
        color:#333333;
	text-align: right;
	font-size: 12px;
	padding:10px 12px 10px 0px;
        margin:0;
}

.center_text6 h4{
        color:#333333;
	text-align: left;
	font-size: 12px;
	font-weight:normal;
	padding:10px 0px 10px 10px;
        margin:0;
}

.center_text6 h5{
        color:#ff0000;
	text-align: center;
	font-size: 12px;
	font-weight:normal;
	padding:10px 0px 10px 0px;
        margin:0;
}

.center_text6 p{
        color:#333333;
	text-align: center;
	font-size: 12px;
	padding:10px 0px 10px 0px;
        margin:0;
}

.center_text6 a{
    cursor:pointer;
}

.center_text6 ul{
	height:18px;
    color:#333333;
	text-align: right;
	font-size: 12px;
	padding:10px 12px 10px 0px;
    margin:0 0 -1px 0;
	background:url(../images/slash_bg.jpg);
	border-bottom:1px solid #cccccc;
}

.center_text6 a,
.center_text6 a:link,
.center_text6 a:visited{color:#333333; text-decoration:underline;}
.center_text6 a:hover{color:#333333; text-decoration:none;}

.center_text7{
	width:764px;
	padding:0 0 20px 0;
	float:left;
	overflow: auto;
}

.center_text7 h1{
    color:#333333;
	text-align: left;
	font-size: 14px;
	font-weight:bold;
	margin:0;
	padding:12px 0 12px 12px;
	clear:both;
}

.center_text7 h2{
    color:#333333;
	text-align: right;
	font-size: 12px;
    font-weight:normal;
	margin:0;
	padding:10px 0 0 0;
}

.center_text7 h3{
	margin:0;
	padding:5px 5px 5px 5px;
	text-align:center;
	line-height:18px;
	font-size:12px;
	color:#333333;
}

.center_text7 p{
	padding:10px 0 0 32px;
    color:#333333;
	margin:0;
	line-height:24px;
	clear:both; float:left;
}
/*--為查詢訂單紀錄改寫--*/
.center_text7_p{
	padding:10px 0 0 44px;
        color:#333333;
	margin:0;
	line-height:24px;
	clear:both;
}

.center_text7 ul{
	margin:10px 0 0 30px;
	line-height:24px;
}

.center_text7 li{
	margin:0 0 0 30px;
    color:#333333;
	list-style:disc outside;
}

.center_text7 a,
.center_text7 a:link,
.center_text7 a:visited{color:#346b91; text-decoration:underline; cursor:pointer; vertical-align:bottom;}
.center_text7 a:hover{color:#346b91; text-decoration:none;}

.center_text8{
	float:right;
}

.center_text8 h1{
    font-weight:normal;
	font-size:12px;
	margin:0;
	padding:10px 10px 10px 0;
}

.center_text8 p{
	text-align: center;
}

/*--團購頁面用--*/
.center_text9{
	width:762px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
    background-color:#ffffff; 
	border:1px solid #cccccc;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	float:left;
}

.center_text9 h1{
	margin:20px 0 10px 11px;
    font-size:16px;
	font-weight:bold;
	color:#333333;
}

.center_text9 h2{
	margin:20px 0 0 46px;
        font-size:15px;
	font-weight:bold;
	color:#f68319;
}

.center_text9 h3{
	margin:20px 0 0 46px;
        font-size:15px;
	font-weight:bold;
	color:#333333;
}

.center_text9 p{
    color:#333333;
	margin:10px 20px 0 46px;
	line-height:18px;
	font-size:12px;
}

.center_text9 a{
    color:#346b91;
}

.center_text9 ul{
	margin:10px 0 20px 66px;
	color:#333333;
	line-height:18px;
}

.center_text9 li{
    list-style:outside decimal;
}

.textarea1{
    color:#333333;
	font-size:12px;
}

.textarea2{
    color:#333333;
	font-size:12px;
	text-align:right;
}

.center_table1{
    height:140px;
	padding:5px 10px 5px 10px;
	clear:both;
}

.center_table1 h1{
	width:98px;
	float:left;
	padding:0;
	margin:0;
	display:block;
}

.center_table1 h2{
	text-align: left;
    width:150px;
	padding:0;
	margin:0;
	float:right;
    color:#f68319;
	font-size:12px;
}

.center_table1 h3{
	text-align: left;
    width:150px;
	padding:0;
	margin:0;
	float:right;
    color:#333333;
	font-weight:normal;
}

.center_table2{
	margin:0 0 0 44px;
	padding:2px 2px 2px 2px;
	border:1px solid #cccccc;
	float:left;
	display:inline-table;
}

.center_table2 h1{
	padding:10px 10px 10px 10px;
	text-align: center;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
}

.center_table2 h2{
	padding:10px 10px 10px 10px;
	text-align: center;
	color:#333333;
	font-weight:normal;
	font-size:12px;
}

.center_table2 h3{
	padding:10px 10px 10px 10px;
	text-align: left;
	color:#333333;
	font-weight:normal;
	font-size:14px;
	margin:0;
}

.center_table2 a{
	color:#ff0000;
	font-weight:bold;
	font-size:16px;
}

.center_table3{
	margin:0 2px 0 44px;
}

.center_table4{
	margin:0 2px 0 41px;
	color:#333333;
}
.center_table4 tr, .center_table4 td{ padding:3px;}
.center_table4 h1{
    font-size:13px;
	font-weight:bold;
	padding:0;
	margin:0;
}

#center_expanddiv{
    margin:10px 0 0 12px;
	float:right;
	width:700px;
	border:1px solid #cccccc;
	padding:2px;
	position:absolute;
	z-index:10;
	visibility: hidden;
	background-color:#FFFFFF;
	left: 210px;
	top: 131px;
}

.center_expanddiv_title1{
	float:left;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding:10px 0 10px 10px;
}

.center_expanddiv_bottom1{
    width:700px;
	float:left;
	text-align:center;
	font-size:12px;
	color:#333333;
	padding:10px 0 10px 0;
	background:url(../images/slash_bg.jpg);
}

.center_expanddiv_bottom1 a{
    vertical-align:bottom;
	cursor:pointer;
}

.center_expanddiv_bottom2{
    width:60px;
	float:right;
	text-align:right;
	font-size:12px;
	color:#333333;
	margin:10px 10px 0 0;
    cursor:pointer;
}

.center_expanddiv_bottom2 a:hover{ color:#f68319;}

#center_expanddiv2{
	width:764px;
	border:1px solid #cccccc;
	padding:2px;
	z-index:10;
	visibility: hidden;
	background-color:#FFFFFF;
	position:fixed;
	_position:absolute;
	left: 200px;
	top: 200px;
}

.center_expanddiv2_title1{
	height:23px;
	padding:14px 0px 0px 10px;
    color:#333333;
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	float:left;
}

#center_expanddiv3{
	margin:10px 0 0 12px;
	padding:10px;
	position:absolute;
	z-index:200;
	visibility:hidden;
	background:url(../images/map_border.png);
	left: 90px;
	top: 37px;
	text-align:left;
	width: 970px;
}

.center_expanddiv3_bg{
	border:1px solid #666666;
	background:#ffffff url(../images/map_bg.jpg) left bottom no-repeat;
	width:900px;
	padding:2px;
}

.center_expanddiv3_list{
    width:280px;
	float:left;
	margin:20px 0 20px 20px;
	_margin:20px 0 20px 10px;
}

.center_expanddiv3_list a{ text-decoration:none;}
.center_expanddiv3_list a:hover{ text-decoration:underline;}

.center_expanddiv3_title a{ font-size:13px; color:#f68319; text-decoration:none;}
.center_expanddiv3_title a:hover{ color:#f68319; text-decoration:underline;}

#center_expanddiv3 h1{
	color:#f68319;
	font-size:14px;
	padding:0 0 5px 0;
}

#center_expanddiv3 p{
    padding:0 0 20px 0;
	color:#333333;
	line-height:18px;
}

.center_grayline{
	width:758px;
	height:1px;
	background-color:#cccccc;
}

.center_btn_box{
	width:764px;
    color:#333333;
	text-align: center;
	font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	vertical-align:bottom;
}

.center_btn_box a,
.center_btn_box a:link,
.center_btn_box a:visited{ color:#f68319; font-size:16px; font-weight:bold;	text-decoration:none;}
.center_btn_box a:hover{ color:#f68319; font-size:16px; font-weight:bold; text-decoration:underline;}

.center_btn_box2{
	width:764px;
    color:#333333;
	text-align: center;
	font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	background:url(../images/slash_bg.jpg);
	border-bottom:1px solid #e5e5e5;
}

.center_btn_box2 a{
    cursor:pointer;
}

.center_checkbox{
	width:758px;
    color:#333333;
	text-align: center;
	font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../images/slash_bg.jpg);
	border-bottom:1px solid #cccccc;
}

.center_checkbox a,
.center_checkbox a:link,
.center_checkbox a:visited{ color:#f68319; font-size: 12px; text-decoration:underline;}
.center_checkbox a:hover{ color:#f68319; font-size: 12px; text-decoration:none;}

.center_bottom{
	width:762px;
    color:#333333;
	text-align: center;
	font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom:20px;
	background-color:#FFFFFF;
}

.center_bottom a{
    vertical-align:bottom;
	cursor:pointer;
}

.center_bottom2{
	width:762px;
        color:#333333;
	text-align: center;
	font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
}

/*------------------------------會員專區首頁---------------------------------------*/
.center_text10{
	width:752px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
    background-color:#ffffff; 
	border:1px solid #cccccc;
	padding:15px 0 50px 10px;
	float:left;}
.memCenterBtn{ display:block;}
.memCenterBtn li{ float:left; list-style:none; padding:0; margin:0;}
.memCenterBtn li a{ display:block; width:248px; height:76px; text-indent:-9999px; outline:none;}
.memCenterBtn li a.memBTN01{ background:url(../images/memBtn01.jpg) left top no-repeat;}
.memCenterBtn li a.memBTN02{ background:url(../images/memBtn02.jpg) left top no-repeat;}
.memCenterBtn li a.memBTN03{ background:url(../images/memBtn03.jpg) left top no-repeat;}
.memCenterBtn li a.memBTN04{ background:url(../images/memBtn04.jpg) left top no-repeat;}
.memCenterBtn li a.memBTN05{ background:url(../images/memBtn05.jpg) left top no-repeat;}
.memCenterBtn li a.memBTN06{ background:url(../images/memBtn06.jpg) left top no-repeat;}
.memCenterBtn li a.memBTN07{ background:url(../images/memBtn07.jpg) left top no-repeat;}
.memCenterBtn li a img{}
.memCenterBtn li a:hover{ background-position: left bottom;}

/*------------------灰熊之友------------------------------*/

#mailAdress{ margin:13px 5px 0 20px; width:260px; background:url(../images/mailAdress_input_bg.gif); border:0; line-height:24px; height:24px; padding:1px 5px 1px 10px;}
.Btn_invite_a_friend{ margin-top:5px;}
.center_text6 a.invite{ color:#C30;}
#Rewards{
	margin:0;
	position: absolute;
	width: 730px;
	height: 340px;
	border:1px solid #cccccc;
	padding:10px 15px;
	overflow:auto;
	background:url(../images/rewards_bg.gif) no-repeat left bottom;
	background-color:#ffffff;
	z-index:320;
}
#Rewards .Title{ position:relative; width:100%; text-align:left; padding:0; display:block; background-image:url(../images/center_title06.jpg); background-position:left center; background-repeat:no-repeat; line-height:30px; font-size:15px; font-weight:bold; clear:both; padding:0 0 0 10px;}
#Rewards ul, #Rewards p{ padding:0; margin:0; border:none;}
#Rewards p{ line-height:30px; color:#000; font-size:13px; text-align:left; font-weight:bold; }
#Rewards .Gift{ width:260px; float:left; clear:both; border:#cccccc 1px solid; margin:10px 0; padding:10px; display:block; height:auto; }
#Rewards .Gift li{ display:block; text-align:left; background:url(../images/gift_option_bg.gif) no-repeat left center; line-height:30px; margin-top:2px;}
#Rewards .Gift li input{ margin:0 20px 0 5px;}
#Rewards .Gift li span{ font-weight:bold; color:#C30;}
#Rewards .contactInfo{ float:right; width:415px; height:230px; margin:0; padding:10px; background-image:url(../images/contact_info_bg.jpg);}
#Rewards .contactInfo p{ padding:5px 0 0 65px; color:#fff;}
#Rewards .contactInfo dl{ padding:40px 30px 0 35px; overflow:auto;}
#Rewards .contactInfo dt, #Rewards .contactInfo dd{ margin:5px 0 0 0;}
#Rewards .contactInfo dt{ float:left; width:80px; line-height:36px; font-weight:bold; }
#Rewards .contactInfo dd input{ background-image:url(../images/contact_info_input_bg.gif); width:240px; height:36px; border:none; padding:0 7px; color:#666;}
#Rewards .BtnClose{
	position:absolute;
	width:15px;
	height:15px;
	left: 720px;
	top: 10px;
}
.showDiv{ z-index:300;} 
#Rewards .redeem{ clear:both; text-align:center; padding-top:10px;}


#left{
	width:207px;
	padding-left:2px;
	float: left;
	margin:15px 0 0 0;
}

.left_list{
    background-image:url(../images/left_list_bg.jpg); 
    margin-bottom:18px;
}

.left_list_title{
	width:207px;
	height:40px;
}

.left_list_text{
	background-position:left top; 
	background-repeat:no-repeat;
	width:190px;
	margin:0 0 0 7px;
	padding-bottom:10px;
}

/*----------------瀏覽過的商品-----------------*/
.left_list_text #History{
	margin:0;
	padding:0;
}

.left_list_text #History li{
	margin:0 10px 0 15px;
	padding:10px 0 10px 13px;
	color:#333333;
	font-size:12px;
	border-bottom:1px dotted #999999;
	background:url(../images/arrow.gif) no-repeat 0px 13px;
}
.left_list_text #History a,
.left_list_text #History a:link,
.left_list_text #History a:visited{color:#333333; text-decoration:none; vertical-align:bottom; cursor:pointer;}
.left_list_text #History a:hover{color:#f68319; text-decoration:none;}

/*---------訂閱電子報----------*/
.left_list_text #ePaper{ padding:10px; line-height:18px;}

/*---------排行榜分類-----------*/
.left_list_text #rankCate{
	margin:0;
	padding:0;
}
.left_list_text #rankCate li{
	margin:0 10px 0 15px;
	padding:10px 0 10px 13px;
	color:#333333;
	font-size:12px;
	border-bottom:1px dotted #999999;
	background:url(../images/arrow.gif) no-repeat 0px 13px;
}

.left_list_text #rankCate a,
.left_list_text #rankCate a:link,
.left_list_text #rankCate a:visited{color:#333333; text-decoration:none; vertical-align:bottom; cursor:pointer;}
.left_list_text #rankCate a:hover{color:#f68319; text-decoration:none;}

.left_list_text p.BTN{
	margin:10px 0 0 0;
}

.left_list_text3 ul{
	margin:0;
	padding:0;
}

.left_list_text3 li{
	margin:0 10px 0 15px;
	padding:10px 0 10px 13px;
	color:#333333;
	font-size:12px;
	border-bottom:1px dotted #999999;
	background:url(../images/arrow.gif) no-repeat 0px 13px;
}

.left_list_text3 p{
	margin:10px 0 0 15px;
}



.CateMain{ border-bottom:#dfdfdf solid 1px; margin:5px 0; background-image:url(../images/cateMain_bg.gif); background-repeat:no-repeat; background-position:left top; height:30px;}
.CateMain p{ display:block; color:#666; font-size:15px; letter-spacing:1px; padding:7px 0 0 5px; text-decoration:none; background-image:url(../images/arrow_gray.gif); background-position:175px 50%; background-repeat:no-repeat; cursor: pointer;}

.CateSub{ margin-bottom:5px;}
.CateSub a{ display:block; line-height:20px; border-bottom:#dfdfdf dotted 1px; text-decoration:none; padding:0 10px 0 12px; color:#555555; _height:1%; background-image:url(../images/dot02.gif); background-repeat:no-repeat; background-position:left 50%;}
.CateSub a:hover{ color:#f68319; padding:0 10px 0 15px;}
.CateSub a.CURRENT2{ background:#f0ecdb; padding:0 10px 0 12px; background-image:url(../images/dot03.gif); background-repeat:no-repeat; background-position:left 50%; color:#000000;}


.left_list_msg{
	margin:10px 0 0 5px;
	padding-bottom:5px;
}
.left_list_msg .PROMOTE{ margin:0 auto; text-align:center; margin-bottom:8px; color:#666666; line-height:18px;} 
.left_list_msg img{ border:#E7E7E7 solid 5px; width:123px; height:auto;}
.left_list_msg h1{;
	margin:5px auto;
    color:#BC9838;
	line-height:18px;
	font-size:12px;
    font-weight: normal;
}

.left_list_msg p{
    color:#333333;
	line-height:18px;
	font-size:12px;
	margin:0;
}

.left_list_msg h1 a{ display:block; margin:0 auto; width:135px; color:#BC9838; text-decoration:none; text-align:center; }
.left_list_msg h1 a:hover{ color:#BC9838; text-decoration:underline;}

/*.left_list_msg a,
.left_list_msg a:link,
.left_list_msg a:visited{ color:#f68319; text-decoration:none;}
.left_list_msg a:hover{ color:#f68319; text-decoration:underline;}*/

.left_list_see_more{
    color:#f68319;
	line-height:18px;
	font-size:12px;
	text-align: right;
	width:148px;
    background-image:url(../images/more.gif); 
	background-position:right; 
	background-repeat:no-repeat;
	padding:0 21px 10px 0;
}

.left_list_see_more a,
.left_list_see_more a:link,
.left_list_see_more a:visited{color: #f68319; text-decoration:underline;}
.left_list_see_more a:hover{color: #f68319; text-decoration:none;}

.left_list_bottom{
	width:207px;
	height:31px;
        background:url(../images/left_list_bottom.jpg) no-repeat;
	padding:8px 0 0 0; 
}

.left_list_bottom p{
    text-align:center;
	padding:6px 0 0 0;
}

.left_list_bottom img{
    margin:-9px 0 0 0;
}

.left_list_bottom a,
.left_list_bottom a:link,
.left_list_bottom a:visited{ text-decoration:none; color:#f68319; font-size:13px; font-weight:bold;}
.left_list_bottom a:hover{ text-decoration:underline; color:#990000;}

.left_list_bottom h1{
    margin:0 0 16px 12px;
    *margin:10px 0 16px 12px;
	padding:0 0 0 16px;
	font-size:12px;
	font-weight:normal;
	color:#333333;
    background:url(../images/icon_book.gif) no-repeat; 
}

.left_list_bottom2{
	width:207px;
	height:73px;
        background-image:url(../images/left_list_bottom2.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
}

.left_list_bottom2 h1{
    padding:10px 0 10px 22px;
	font-size:13px;
	color:#333333;
}

.left_list_bottom2 p{
    padding:0 0 16px 22px;
	margin:0;
}

.left_list_bottom2 img{
    vertical-align:bottom;
	padding:0;
	margin:0;
}

/*---訂閱/取消電子報送出專用---*/
.left_list_bottom2_img{
    vertical-align:bottom;
	padding:0;
	margin:0;
}

.left_list_bottom2 a{
    cursor:pointer;
}

#bottom_flash{
    padding:80px 0 0 0;
}

#BottomBN{ width:980px; display:block; overflow:auto; padding:10px 0 15px 20px; border:#ccc solid 1px; overflow-y: hidden; background:url(../images/bottomBn_bg.jpg) repeat-y left top;}
#BottomBN li{ float:left;}
#BottomBN li a{ display:block; width:182px; margin:10px 12px 0 0; text-decoration:none; }
#BottomBN li a img{ width:180px; height:80px; border:#dfdfdf solid 1px;}
#BottomBN li a p{ line-height:20px; color:#333; display:block;}
#BottomBN li a:hover img{ border:#555 solid 1px;}

#FOOTER {
	width:1000px;
	height:105px;
	margin:0 auto;
	text-align:center;
}

.info{
        width:100%;
        height:81px;
	padding:6px 0 0 0;
	color: #333333;	
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	clear:both;
	background-image:url(../images/footer_bg.jpg)
}

.info_link{
	color: #346b91;	
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	padding-top:4px;
}

.info_link a,
.info_link a:link,
.info_link a:visited{color: #346b91; text-decoration:none;}
.info_link a:hover{color: #346b91; text-decoration:underline;}

.Cor_Rights {
    width:100%;
	height:24px;
	background-color:#f68319;
	border-top:#666666 1px solid;
	color: #ffffff;	
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	padding-top:6px;
}