@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin: 0; padding: 0; font-weight: normal; }

fieldset,a,img { outline: none; border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/*layout*/
html,body { margin: 0; text-align: center; }
body { background-color: #FFFFFF; }

#wrapper_header	{ position: relative; width: 950px; height: 124px; margin: 0 auto; text-align: left; z-index: 2; }
#wrapper_content { overflow: hidden; position: relative; width: 950px; margin: 0 auto; margin-top: 6px; text-align: left; background-color: #eef6fa; z-index: 1; }
#wrapper_recommand { position: relative; width: 750px; height: 340px; text-align: left; margin-left: 6px; }
#wrapper_newmember { position: relative; width: 750px; height: 340px; text-align: left; margin-left: 6px; }
#wrapper_adv_750x50 { position: relative; width: 750px; height: 50px; margin-top: 0px; margin-left: 6px; } 
#wrapper_topic { float:left; width: 368px; height: 180px; text-align: left; margin-top: 10px; margin-left: 6px;  }
#wrapper_adviser { float:left; width: 368px; height: 180px; text-align: left; margin-top: 10px; margin-left: 6px; }

/*font */
select,input,textarea { font: 99% arial,helvetica,clean,sans-serif; }
h1 { position: relative; width: 150px; height: 25px; font-size: 12px; line-height: 25px; color: #FFFFFF; background-color: #01A6BC; border-bottom: 1px solid #83C5CE; text-align: center; }
h2 { padding-top: 2px; padding-right: 10px; height: 20px; font-size: 18px; line-height: 26px; color: #A40035; font-weight: bold; text-align: right; }
.h2_auto { width: auto; margin: 5px; height: 29px; background: url(/images/index/option_bg_01.gif) no-repeat #DFEFEF; }
.h2_auto2 { width: auto; margin: 5px; height: 29px; background: url(/images/index/option_bg_07.gif) no-repeat #E8FF90; }
h3 { position: relative; width: 198px; height: 25px; font-size: 12px; line-height: 25px; color: #FFFFFF; background-color: #01A6BC; border-bottom: 1px solid #83C5CE; text-align: center; }
.h3_light_blue { position: relative; width: 248px; height: 25px; font-size: 12px; line-height: 25px; color: #FFFFFF; background-color: #ADDCDF; border-bottom: 1px solid #E4F2F3; text-align: center; }
h4 { position: relative; width: 198px; height: 25px; font-size: 12px; line-height: 25px; color: #FFFFFF; background-color: #C05B99; border-bottom: 1px solid #D272A6; text-align: center; }
h5 { position: relative; width: 198px; height: 25px; font-size: 12px; line-height: 25px; color: #FFFFFF; background-color: #8ABA2A; border-bottom: 1px solid #ACCC4B; text-align: center; }
h6 { position: relative; width: 198px; height: 25px; font-size: 12px; line-height: 25px; color: #6699CC; background-color: #DFEFEF; border-bottom: 1px solid #83C5CE; text-align: center; }

/*header*/
#header_container { position: relative; width: 950px; height: 124px; margin: 0 auto; text-align: left; }
#header_bg { width: 100%; height: 124px; }
#header_upper_container { position: relative; width: 950px; height: 62px; margin: 0 auto; }

#header_logo { float: left; width: 309px; height: 62px; }
#header_logo2 { float: right; width: 181px; height: 62px; }

#header_company_menu_container { float: left; margin: 0 auto; width: 641px; height: 62px; }
#header_company_menu { font-size: 12px; margin: 2px auto; margin-top: 8px; width: 650px; height: 31px; }
	#header_company_menu ul { float: right; }
		#header_company_menu li { float: left; }
		#header_company_menu li a { text-decoration: none; color: #941821; padding: 4px 8px 3px; background: url(/images/index/menu_itemline.gif) no-repeat 0 6px; }
		#header_company_menu li a:hover { color: #F39800; text-decoration: underline; }

#header_adv_text_container { position: relative; margin: 0 auto; width: 950px; height: 25px; }
#header_adv_text { position: relative; }
.header_adv_text { float: right; width: 950px; } 
.header_adv_text ul { list-style-type: none; } 
.header_adv_text li { float: left; display: block; width: 162px; margin-left: 75px !important; margin-left: 50px; }

#header_main_menu_container { clear: both; position: relative; margin: 0 auto; width: 950px; height: 37px; }

/*content_index*/
#content_container { width: 950px; margin: 10px; margin-left: 0px; text-align: left; } 
#content_left { float: left; width: 180px; height: 980px; background: url(/images/index/left_bg.gif);} 
#content_mid { float: left; padding-bottom: 100000px; margin-bottom: -100000px; }
#content_right { float: left; width: 760px; padding-bottom: 20px; background-color: #FFFFFF; } 
#content_right_footer { float: left; width: 760px; height: 26px;  background: url(/images/index/right_footer.gif); } 

/*content_left*/
#left_news_header { position: relative; width: 180px; height: 35px; text-align: left; background: url(/images/index/left_newsheader.gif) no-repeat; }
#left_catalog_header { position: relative; width: 180px; height: 35px; margin-top: 10px; text-align: left; background: url(/images/index/left_catalogheader.gif) no-repeat; }
#left_news { height: auto; width: 150px; margin: 5px; padding: 5px; text-align: left;  border: 1px solid #e9e9cf; background-color: #FFFFFF; }
#left_catalog { position: relative; width: 180px; margin-top: 10px; margin-bottom: 20px; text-align: left; }
	.left_catalog_list { position: relative; padding-left: 10px; width: 150px;  } 
	
/*content_center*/
	/*recommand*/
	#recommand_container { position: relative; height: 340px; width: 744px; margin-top: 8px; }
	#recommand_header { float:left; height: 35px; width: 494px; background: url(/images/index/recommand_header.gif) no-repeat;}
	.recommand_inner_container { clear:both; position: relative; height: 130px; width: 750px; padding-top: 5px; padding-bottom: 10px; }
	.recommand_promo { float: left; height: 135px; width: 120px; margin-top: 5px; text-align: center; }
	.recommand_picture_container { float: left; height: 135px; width: 100px; margin-top: 5px; margin-left: 3px;text-align: center; background-color: #ffffff; }
	.recommand_picture_box { height: 90px; width: 90px; margin: 5px; margin-top: 0px; background-color: #ffffff; }

#recommand_more { float: right; font-size: 12px; margin: 8px auto; width: 240px; height: 20px;}
	#recommand_more ul { float: right; }
		#recommand_more li { float: left; }
		#recommand_more li a { text-decoration: none; color: #0099FF; padding: 4px 8px 3px; background: url(/images/index/menu_itemline.gif) no-repeat 0 6px; }
		#recommand_more li a:hover { color: #FF9900; text-decoration: underline; }
		
	/*new_member*/
	#newmember_container { position: relative; height: 340px; width: 744px; margin-top: 0px; }
	#newmember_header { float:left; height: 35px; width: 494px; background: url(/images/index/recommand_header.gif) no-repeat; }
	.newmember_inner_container { clear:both; position: relative; height: 130px; width: 750px; padding-top: 5px; padding-bottom: 10px; }
	.newmember_promo { float: left; height: 135px; width: 120px; margin-top: 5px; text-align: center; }
	.newmember_picture_container { float: left; height: 135px; width: 100px; margin-left: 3px; margin-top: 5px; text-align: center; background-color: #ffffff; }
	.newmember_picture_box { height: 90px; width: 90px; margin: 5px; margin-top: 0px; background-color: #ffffff; }

#newmember_more { float: right; font-size: 12px; margin: 8px auto; width: 240px; height: 20px;}
	#newmember_more ul { float: right; }
		#newmember_more li { float: left; }
		#newmember_more li a { text-decoration: none; color: #0099FF; padding: 4px 8px 3px; background: url(/images/index/menu_itemline.gif) no-repeat 0 6px; }
		#newmember_more li a:hover { color: #FF9900; text-decoration: underline; }
	
	/*topic*/
	#topic_containter { position: relative; height: 180px; width: 368px; text-align: center; border: 1px solid #b9af73;  }
	#topic_header { position: relative; height: 28px; width: 368px; background: url(/images/index/topic_header.gif); }
	#topic_text {  float: left; height: 25px; width: 200px; padding-left: 10px; text-align: left; }
	#topic_more {  float: left; height: 25px; width: 140px; padding-right: 10px; text-align: right; }
	.topic_list { position: relative; height: 25px; width: 340px; margin-top: 8px; margin-left: 10px; vertical-align: bottom; text-align: left;} 
	.topic_list ul { list-style: none; } 
	.topic_list li { padding-left: 30px; border-bottom: 1px solid #dfecf2; background: url(/images/index/icons/Discuss.gif) no-repeat left; }
		
	/*adviser*/
	#adviser_containter { position: relative; height: 180px; width: 368px; text-align: center; border: 1px solid #b9af73; }
	#adviser_header { position: relative; height: 28px; width: 368px; background: url(/images/index/topic_header.gif); }
	#adviser_text {  float: left; height: 25px; width: 200px; padding-left: 10px; text-align: left; }
	#adviser_more {  float: left; height: 25px; width: 140px; padding-right: 10px; text-align: right;  }
	.adviser_list { position: relative; height: 25px; width: 340px; margin-top: 8px; margin-left: 10px; vertical-align: bottom; text-align: left;} 
	.adviser_list ul { list-style: none; } 
	.adviser_list li { padding-left: 30px; border-bottom: 1px solid #dfecf2; background: url(/images/index/icons/Card2.gif) no-repeat left; }
	
/*footer*/
#wrapper_footer { position: relative; width: 950px; margin: 0 auto; text-align: left; height: 110px; background-color: #DC6E8D; }
#footer_container { position: relative; width: 950px; margin: 0 auto; }
#footer_left { float: left; width: 350px; padding: 10px; padding-bottom: 0px; }
.footer_menu { float: right; font-size: 12px; margin: 2px auto; width: 500px; height: 31px; margin-top: 50px; margin-right: 50px; } 
.footer_menu ul { float: right; } 
.footer_menu li { float: left; }
.footer_menu li a { color: #FFFFFF; padding: 4px 8px 3px; background: url(/images/index/menu_itemline.gif) no-repeat 0 6px; text-decoration: none; }
.footer_menu li a:hover { color: #FFD200; text-decoration: underline; }

/*picture*/
.picture_container { height: 130px; width: 148px; border-bottom: 1px solid #dfecf2; text-align: center; }
.picture_box { height: 90px; width: 90px; margin: 0 auto; margin-top: 8px; border: 1px solid #dfecf2; }

/*adv*/
#adv { width: 150px; } 
.adv_img { display: block; } 

/*member template setting*/
/*content_member*/
	#member_content_container { width: 928px; margin: 10px; text-align: left; } 
	#member_content_left { float: left; width: 200px; } 
	#member_content_mid { float: left; padding-bottom: 100000px; margin-bottom: -100000px; } 
	#member_content_right { float: left; margin-left: 10px; margin-top: -1px; width: 710px; padding-bottom: 20px; } 
	#member_status { width: 700px; height: 30px; margin: 5px; text-align: left; }

/*faq template setting*/
/*content_faq*/
	#wrapper_faq_content { overflow: hidden; width: 948px; margin: 0 auto; margin-top: 6px; text-align: left; background-color: #D6E6E6; border: 1px solid #83C5CE; }
	#faq_content_container { width: 928px; margin: 10px; text-align: left; }
	#faq_content_left { float: left; width: 250px; }
	#faq_content_mid { float: left; padding-bottom: 100000px; margin-bottom: -100000px; }
	#faq_content_right { float: left; margin-left: 10px; margin-top: -1px; width: 660px; padding-bottom: 20px; }
	#faq_status { width: 650px; height: 30px; margin: 5px; text-align: left; }

/*general template setting*/
/*content_general*/
	#wrapper_general_content { overflow: hidden; width: 950px; margin: 0 auto; margin-top: 6px; text-align: left; background-color: #eef6fa; }
	#general_content_container { width: 928px; margin: 10px; text-align: left; } 
	#general_content_left { float: left; width: 710px; padding-bottom: 20px; } 
	#general_content_mid { float: left; padding-bottom: 100000px; margin-bottom: -100000px; } 
	#general_content_right { float: left; margin-left: 10px; margin-top: -1px; width: 200px; padding-bottom: 20px; } 

	#general_content_sidebar_right { width: 198px; background-color: #FFFFFF; border: 1px solid #83C5CE; } 
	.general_content_sidebar_picture_container { position: relative; width: 198px; height: 100px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; }
	.general_content_sidebar_picture_left { float: left; width: 100px; height: 100px; }
	.general_content_sidebar_picture_right { float: left; width: 85px; height: 100px; padding: 5px; }
	.general_content_sidebar_picture_box { height: 90px; width: 90px; margin: 5px; border: 1px solid #83C5CE; }
	.general_content_sidebar_adv {width: 198px; height: 90px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; background-color: #FFFFFF; border: 1px solid #83C5CE; } 

/*other_setting*/
.company_bg { width: auto; background: url(/images/company/bg_01.gif) no-repeat; }
.company_bg2 { width: auto; background: url(/images/company/bg_02.gif) no-repeat; }
.more { padding: 10px; padding-right: 20px; text-align: right; }

/*menu 會員選單 */
/* 首頁回開始選單 */
	.menu_index_blue { position: relative; margin-left:15px; margin-top: 5px; width: 150px; height: 50px; font-size: 13px; line-height: 50px; color: #FFFFFF; background: url(/images/index/button_blue.gif) no-repeat; text-align: center; }
	.menu_index_green { position: relative; margin-left:15px; margin-top: 5px; width: 150px; height: 50px; font-size: 13px; line-height: 50px; color: #FFFFFF; background: url(/images/index/button_green.gif) no-repeat; text-align: center; }
	.menu_index_pink { position: relative; margin-left:15px; margin-top: 5px; width: 150px; height: 50px; font-size: 13px; line-height: 50px; color: #FFFFFF; background: url(/images/index/button_pink.gif) no-repeat; text-align: center; }
	.menu_index_red { position: relative; margin-left:15px; margin-top: 5px; width: 150px; height: 50px; font-size: 13px; line-height: 50px; color: #FFFFFF; background: url(/images/index/button_red.gif) no-repeat; text-align: center; }
	.menu_index_purple { position: relative; margin-left:15px; margin-top: 5px; width: 150px; height: 50px; font-size: 13px; line-height: 50px; color: #FFFFFF; background: url(/images/index/button_purple.gif) no-repeat; text-align: center; }

.line_solid_blue { width: auto; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #84C7CF; margin: 3px 0px 3px 0px; }