@charset "utf-8";

body {
	margin:0 auto; 
	_margin-top:10px;
	background-image: url(../images/bg.jpg);
	color:#838383; 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* text */

.text_grey1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

.text_grey2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.text_grey3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.text_grey4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.text_grey5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

.text_grey6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.text_red1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #a90000;
}

.text_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
}

.text_white_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #ffffff;
}

.text_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #005886;
}

.text_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.text_red2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
}

.text_blue2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #005886;
}

.text_blue3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005886;
}

.text_red3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

.text_red4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}

.text_red5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}

.text_blue4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}

.text_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cc3300;
}

/* David Add*/
.text_orange2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc3300;
}

.text_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.text_red6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

.text_red7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
}


/* link */

.text_grey_link1{ font-family: Arial, Helvetica, sans-serif;font-size:11px; letter-spacing:normal; color:#838383; text-decoration:none;line-height: 16px;}
.text_grey_link1 a{ font-family: Arial, Helvetica, sans-serif;font-size:11px; letter-spacing:normal; color:#838383; padding:0; text-decoration:none;line-height: 16px;}
.text_grey_link1 a:hover{ font-family: Arial, Helvetica, sans-serif;font-size:11px; letter-spacing:normal; color:#666666;padding:0;text-decoration:underline;line-height: 16px;}


.text_white_link{ font-family: Arial, Helvetica, sans-serif;font-size:12px; letter-spacing:normal; color:#ffffff; text-decoration:none;line-height: 16px;}
.text_white_link a{ font-family: Arial, Helvetica, sans-serif;font-size:12px; letter-spacing:normal; color:#ffffff; padding:0; text-decoration:none;line-height: 16px;}
.text_white_link a:hover{ font-family: Arial, Helvetica, sans-serif;font-size:12px; letter-spacing:normal; color:#ffffff;padding:0;text-decoration:underline;line-height: 16px;}

.text_blue_link{ font-family: Arial, Helvetica, sans-serif;font-size:11px; letter-spacing:normal; color:#005886; text-decoration:underline;line-height: 16px;}
.text_blue_link a{ font-family: Arial, Helvetica, sans-serif;font-size:11px; letter-spacing:normal; color:#005886; padding:0; text-decoration:underline;line-height: 16px;}
.text_blue_link a:hover{ font-family: Arial, Helvetica, sans-serif;font-size:11px; letter-spacing:normal; color:#005886;padding:0;text-decoration:underline;line-height: 16px;}






/* input */

.input{

border: 1px solid #999999;
text-align: left;
width:95px;
height:18px;
padding:0px;
font-size: 11px;
line-height: 14px;
background-color:none;
color: #333333;
}


.input2{

border: 1px solid #999999;
text-align: left;
width:198px;
height:18px;
padding:0px;
font-size: 11px;
line-height: 14px;
background-color:none;
color: #333333;
}


.input3{

border: 1px solid #999999;
text-align: left;
width:30px;
height:18px;
padding:0px;
font-size: 11px;
line-height: 14px;
background-color:none;
color: #333333;
}

.input4{
border: 1px solid #cccccc;
text-align: left;
width: 110px;
height:18px;
padding:0px;
font-size: 11px;
line-height: 14px;
background-color:none;
color: #333333;
}

.input5{
border: 1px solid #cccccc;
text-align: left;
/*width:100px;*/
height:18px;
padding:0px;
font-size: 11px;
line-height: 14px;
background-color:none;
color: #333333;
}

.input6{
border: 1px solid #cccccc;
text-align: left;
width: 55px;
height:18px;
padding:0px;
font-size: 11px;
line-height: 14px;
background-color:none;
color: #333333;
}

.input_text{
border: 1px solid #cccccc;
text-align: left;
height:16px;
padding:0px;
font-size: 11px;
line-height: 20px;
background-color:none;
color: #333333;
}

.input_text2{
border: 1px solid #cccccc;
text-align: left;
width:20px;
height:16px;
padding:0px;
font-size: 11px;
line-height: 20px;
background-color:none;
color: #333333;
}

.input_login{
border: 1px solid #ffffff;
text-align: left;
width: 197px;
height:16px;
padding:0px;
font-size: 11px;
line-height: 14px;
background-color:none;
color: #333333;
}



/* table */

.express_tb1 {
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom:0px;
}

.index_tb1 {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0x;
	padding-bottom:1px;
}

.express_tb2 {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom:0px;
}

.express_tb3 {
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;

}

.express_tb4 {
	padding-left: 0px;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom:0px;
}

.pop_tb {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 11px;
	color: #FFFFFF;
}

/* image */
.table_image  {border: 3px solid #FFFFFF;; display:block;} 
.table_image A  {border: 3px solid #FFFFFF;display:block;} 
/*.table_image A:visited {border: 4px solid #ff0000;}*/
.table_image A:active  {border: 3px solid #FF0000;display:block;} 
.table_image A:hover  {border: 3px solid #FF0000;display:block;}


.w50{ width:50px;} 


/******************************1224*******************/
ul, ol, li { list-style: none; margin:0; padding:0; }
a img { border:0;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}

.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}

.pt5 { padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}

.mr10{margin-right:10px;}
.ml10{margin-left:10px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}

.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt25{ margin-top:25px;}
.mt35{ margin-top:35px;}

/*
#member {
	margin:0 auto; 
	_margin-top:10px;
	background-image: url(../images/bg.jpg);
	color:#838383; 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
*/
.nav_area { float:left; width:223px; padding-bottom:10px;}
.nav_area ul li { height:51px; width:223px; display:block; _margin-top:-3px;}

.main_area{ float:left; padding-left:5px;  text-align:left;}
.path{
	background:url(../images/member/path_bg.gif) left top no-repeat;
	width:685px;
	height:25px;
	line-height:23px;
	line-height:27px\9;
	padding-left:45px;
	color:#FFFFFF;
	padding-bottom:10px;
}
.path a {color:#FFFFFF; text-decoration:none;}
.path a:hover{ color:#fff; text-decoration: underline;}
.main_top {}
.main_body {
	background:url(../images/member/main_body.gif) left top repeat-y;
	width:660px;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:20px;
	
}
.main_bottom { padding-bottom:10px;}

.main_body .login {		
	background:url(../images/member/login_bg3.gif) left top no-repeat;
	/*width:647px;*/
	width:600px;
	height:107px;
	height:107px\9;
	padding:40px 22px 10px 0px;
	padding:30px 22px 10px 0px\9;
}
.main_body .login2 {		
	background:url(../images/member/login_bg.gif) left top no-repeat ;
	width:645px;
	height:97px;
	height:107px\9;
	padding:60px 0px 0px 0px;
	padding:60px 0px 0px 0px\9;
}
.main_body .login_a {		
	background:url(../images/member/login_bg.gif) left top no-repeat;
	width:300px;
	height:117px;
	/*height:127px\9;*/
	padding:20px 17px 10px 17px;
/*	padding:10px 22px 10px 22px\9;*/
	margin:69px auto;
	*margin:68px auto;
	_margin:0px auto;
	_margin-top:68px;
	_margin-bottom:35px;
}
.main_body .login_forget {		
	background:url(../images/member/login_forget_bg.gif) left top no-repeat;
	width:316px;
	height:137px;
	/*height:127px\9;*/
	padding:20px 17px 10px 17px;
/*	padding:10px 22px 10px 22px\9;*/
	margin:69px auto;
	*margin:68px auto;
	_margin:0px auto;
	_margin-top:68px;
	_margin-bottom:35px;
}


.main_body .login input, .main_body .login_a input  {border:1px solid #dcdcdc;}
.txt_blue { color:#226f9a; line-height:20px;}
.txt_red { color:#a00000; line-height:20px;}
.txt_red_a { color:#be0000; line-height:20px;}
.txt_333 {color:#333;}
a.link_8d8d { color:#8b8b8b; text-decoration: underline;}
a:hover.link_8d8d { color:#333;text-decoration:none;}
.benefit li {
	background:url(../images/member/point.gif) left 3px no-repeat;
	*background:url(../images/member/point.gif) left 2px no-repeat;
	padding-left:17px;
	color:#838383;
	line-height:20px;
	padding-bottom:3px;
	width:280px;
	font-size:12px;
}
.benefit li a { color:#838383;  text-decoration:none;}
.benefit li a:hover { color:#838383;  text-decoration:underline;}

.explain { 
	color:#838383;
	line-height:22px;
	border-bottom:1px dotted #666;
}
.peo_info { *margin-top:10px; padding-top:10px;}
.peo_info td { padding:0 5px 10px 5px;}
/*
.peo_info input[type="text"] { 
	background-color:#eaeaea; 
	border:none;
	color:#838383;
}
*/
.peo_info .input_text {
	background-color:#eaeaea; 
	border: 1px solid #999;
	color:#838383;
}

.input_sel{
	border: 1px solid #999999;
	text-align: left;
	height:18px;
	padding:0px;
	font-size: 11px;
	line-height: 14px;
	background-color:none;
	color: #333333;
}

.peo_info a {color:#ff6600; text-decoration:underline;}
.peo_info a:hover {color:#003481; text-decoration:underline;}

.peo_info input[type="radio"] { 
	margin:2px 0px 0 0;
	margin:0px 0px 0 0\9; 
	*margin:2px 0px 0 0!important;
 	/*vertical-align:top;*/
	vertical-align:middle;	
}
.radio_mt { margin-top:1px!important;margin-top:-3px\9!important;}
.w20{ width:20px;}
.w30{ width:30px;}
.add_ps { 
	color:#FFFFFF; 
	font-size:12px; 
	font-weight:bold; 
	width:110px; 
	padding:0 5px;
	background-color:#b5b5b5;
	line-height:18px;
	*margin:5px 0 ;
}
.add_cont { 
	font-size:11px; 
	padding-top:5px;
	color:#838383;
}
.add_cont td { padding-bottom:5px;}

.ps_area .ps_body{
	background:url(../images/member/ps_body.gif) left top repeat-y;
	width:593px;
	padding:0 20px;
}
.ps_area .ps_body ul li {
	background:url(../images/member/point.gif) left 3px no-repeat;
	*background:url(../images/member/point.gif) left 2px no-repeat;
	padding-left:17px;
	color:#838383;
	line-height:20px;
	padding-bottom:3px; 
	font-size:11px;
	font-size:10px\9;
}

.ps_area .ps_body ul li a {color:#838383; text-decoration:underline;}
.ps_area .ps_body ul li a:hover {color:#838383; text-decoration:underline;}
#shop_add { display:none; padding-left:10px;}

#program{
	display:none;
	padding-top:5px;
}
#program a {color:#ff6600; text-decoration:none;}
#program a:hover {color:#003481; text-decoration:underline;}
#program_a{
	display:none;
	padding-top:5px;
}
#program_a a {color:#ff6600; text-decoration:none;}
#program_a a:hover {color:#003481; text-decoration:underline;}

/**********order_rec**************/
.order_ps { 
	font-size:11px;
	font-size:10px\9; 
	color:#999; 
	line-height:17px;
	padding-bottom:5px;
	border-bottom:1px solid #9dbfd2;
	*margin-bottom:5px;

}
.order_ps_a{
	border-bottom:1px solid #9dbfd2;
	margin-bottom:5px;
	height:1px;
	_margin-top:-10px;
}
.order_rec th{ 
	color:#1f648b; 
	font-weight:normal;
	border-right:1px solid #fff;
	border-bottom:1px solid #ececec;
}
.order_rec td {
	border-left:1px solid #ececec;
	border-bottom:1px solid #ececec;
}
.td_r_bor{border-right:1px solid #ececec;}

.min_h_230 {	
	min-height:232px;
	height: auto !important;
	height: 232px;
}
.min_h_200 {	
	min-height:214px;
	height: auto !important;
	height: 214px;
	_height: 216px;
}
.order_rec { 
	padding-top:5px; 
	line-height:23px;
	color:#666;
	padding-bottom:5px;
	*margin-bottom:5px;
	_margin-bottom:0px;

}
.order_rec td, .order_rec th { padding:5px;}

.order_rec a {color:#666; text-decoration:underline;}
.order_rec a:hover {color:#24709b; text-decoration:underline;}

/*******************page_area*****************/
.page_area { margin-top:10px; color:#24709b; font-weight:bold; line-height:18px;}
.page_area a {color:#666; text-decoration:underline; font-weight: normal;}
.page_area a:hover {color:#24709b; text-decoration:underline;}

/*******************faq*****************/
.faqbox {}

.faqbox .faq_body {
	background: url(../images/member/faq_body.gif) left top repeat-y; 
	width:644px;
	padding:0 5px;
}

.faq_title { 
	padding:0px 0px 5px 0; 
	padding:5px 0px 5px 0\9;
	*padding:0px 0px 5px 0; 
	font-size:15px; 
	color:#a00000; 
	line-height:27px;
}
.faqbox h1 { 
	background: url(../images/member/icon_qq.gif) no-repeat; 
	line-height:20px;
	padding:0 0 0px 25px; 
	font-size:12px;
	font-weight:normal; 
	cursor:pointer;
	margin:0;
	
}
.faqbox h1 a {color:#24709b; text-decoration:none;}

.faqbox h2 {font-size:13px; font-weight:bold; margin-bottom:15px;}
.faqbox p{ padding:0 0 10px 30px; color:#666; }
.faqbox .ans {
	background:url(../images/member/icon_aa.gif) left 0px no-repeat; 
	line-height:20px; 
	padding:0px 10px 0px 25px; 
	color:#858585;
}
.faqbox .ans ul {padding:0 0 10px 0; color:#666;}
.faqbox .ans ul li { margin-bottom:5px;}
.faqbox .line{ 
	background:url(../images/member/dotline-faq.gif) repeat-x; 
	height:3px; 
	clear:both; 
	width:600px;
	display:block; 
	margin:5px 0px 5px 25px;	
}
.faqbox .openList ,.faqbox .openList_ov ,.faqbox .closeList ,.faqbox .closeList_ov { margin-top:3px;}
.openList { width:15px; height:15px; background:url(../images/member/open_off.gif) no-repeat; float:right;}
.openList_ov { width:15px; height:15px; background:url(../images/member/open_ov.gif) no-repeat; float:right;}
.closeList { width:15px; height:15px; background:url(../images/member/close_ov.gif) no-repeat; float:right;}
.closeList_ov { width:15px; height:15px; background:url(../images/member/close_ov.gif) no-repeat; float:right;}

.bonus_area { padding-top:5px; padding-bottom:10px;line-height:20px;}
.bonus_area td, .bonus_area th { padding:5px;}

.bonus_point { padding:0 0 10px 0; color:#666;}
.bonus_point a {color:#666; text-decoration:underline;}
.bonus_point a:hover {color:#24709b; text-decoration:underline;}

.bonus_tab_area {
	background:url(../images/member/tab_bg.gif) left top repeat-x;
	height:24px; 
	/*width:653px;*/
	clear:both;
	padding-bottom:10px;
}
.bonus_tab_area ul li { float:left; padding-right:1px;}
.change_tab .tab_1 a {
	background:url(../images/member/tab_01.gif) left top no-repeat;
	height:24px; 
	width:102px; 
	display:block;
}
.change_tab .tab_1 a:hover, .change_tab .tab_1 a.current {
	background:url(../images/member/tab_01_ov.gif) left top no-repeat;
	height:24px; 
	width:102px; 
	display:block;
}

.change_tab .tab_2 a {
	background:url(../images/member/tab_02.gif) left top no-repeat;
	height:24px; 
	width:102px; 
	display:block;
}
.change_tab .tab_2 a:hover, .change_tab .tab_2 a.current {
	background:url(../images/member/tab_02_ov.gif) left top no-repeat;
	height:24px; 
	width:102px; 
	display:block;
}

div.change_area div.change_con {display:none;}


.bonus_area th{ 
	color:#1f648b; 
	font-weight:normal;
	border-right:1px solid #fff;
	border-bottom:1px solid #ececec;
}
.bonus_area td {
	border-left:1px solid #ececec;
	border-bottom:1px solid #ececec;
}

/*******order_det*********/
.det_title {
	background:url(../images/member/det_title.gif) left top no-repeat;
	height:18px; 
	width:636px;
	padding-left:15px;
	padding-top:3px;
	height:16px\9; 
	padding-top:5px\9;
	color:#fff;
}
.order_det {}
.order_det td, .order_det th { padding:5px;}
.order_det th{ 
	color:#1f648b; 
	font-weight:normal;
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.order_det td {
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	color:#666;
}
.det_td_r_bor{border-right:1px solid #d9d9d9;}
.det_td_t_bor{border-top:1px solid #d9d9d9;}

.no_bor td { border:none; padding:2px 0; font-family:Arial, Helvetica, sans-serif;}
.order_det td p { 
	margin:10px 0; 
	font-size:11px;
	font-size:10px\9; 
	color:#999999; 
}

/*******************award0119*****************/
.award {}

.award .award_body {
	background: url(../images/member/faq_body.gif) left top repeat-y; 
	width:644px;
	padding:0 5px;
}

.award_title { 
	padding:0px 0px 5px 0; 
	padding:5px 0px 5px 0\9;
	*padding:0px 0px 5px 0; 
	font-size:15px; 
	color:#a00000; 
	line-height:27px;
}
.award h1 { 
	line-height:20px;
	padding:0 0 0px 15px; 
	font-size:12px;
	font-weight:normal; 
	cursor:pointer;
	margin:0;
	
}
.award h1 a {color:#24709b; text-decoration:none;}

.award h2 {font-size:13px; font-weight:bold; margin-bottom:15px;}
.award p{ padding:0 0 10px 30px; color:#666; }
.award .ans {
	line-height:20px; 
	padding:0px 10px 0px 15px; 
	color:#858585;
}
.award .ans ul {padding:0 0 10px 0; color:#666;}
.award .ans ul li { margin-bottom:5px;}
.award .line{ 
	background:url(../images/member/dotline-faq.gif) repeat-x; 
	height:3px; 
	clear:both; 
	width:600px;
	display:block; 
	margin:5px 0px 5px 15px;	
}
.award .openList ,.award .openList_ov ,.award .closeList ,.award .closeList_ov { margin-top:3px;}