@charset "utf-8";
body *{
	font-family: Arial, Helvetica, sans-serif;
}

html, body, p {
	margin:0;
	padding:0;
	height: 100%;
}

input, textarea, select{
	border:#ccc solid 1px;
	font-size:12px;
}

html{
	background-image:url(image/img_bg.jpg);
	background-color:#F4F2E6;
	/*background-image:url(image/img_bg.jpg);*/	
	background-position:center 40px; 
	background-repeat:no-repeat;
		
}

#menu_, #footer_middle, #banner, #main_content{
	padding:0;
	width:1000px;
	margin:auto;
}

#menu_{
	overflow:hidden;
	height:40px;
}

#menu{
	background:url(image/img_menu_bg.jpg) repeat-x 0 0;
	width:100%;
}

#container{
	/*background-color:#F4F2E6;*/
	height:100%;
	margin:0;
	padding:0;
	width:100%;
}

#footer {
	height:45px;
    width:100%;
    background-color:#FFFFFF;
	margin:0;
	padding:0;
	clear:both;
}

#footer_middle{
	
	vertical-align:bottom;
}

#footer_top{
	background-image:url(image/img_footer_bar.jpg);
	height:4px;
	overflow:hidden;
	width:100%;
}

#footer_bottom{
	clear:both;
	background-color:#2F7AB3;
	height:6px;
	width:100%;
	overflow:hidden;
}


#content{
	
	min-height: 100%;
    /*margin: 0 auto;
	margin-bottom:-45px;*/
}

form{
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.copyright{
	font-size: 11px;
	color: #575757;
	line-height: 18px;
}

.ysd {
	font-size: 11px;
	color: #575757;
	line-height: 18px;
}
.ysd:hover {
	color: #FF9D20;
	text-decoration: none;
}

.left{
	float:left;
}
.right{
	float:right;
}


/* for content right */
.right_content{
	width:800px;
	float:left;
	margin-left:-1px;
}

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

.right_content li{
	margin:0;
	padding:0;
	list-style-type:none;
	background-repeat:no-repeat; 
	background-position: 13px 7px;
	height:289px;
}

.right_content li.right_content_top{
	position:relative;
	background-repeat:no-repeat; 
	background-position: 13px 13px;
	height:295px;
	_margin-top:-3px;
}

.right_content li.right_content_top div{
	position:absolute; 
	top:22px; 
	left:214px; 
	width:565px; 
	height:265px; 
	background-image:url(image/img_right_white_area.gif); 
	background-repeat:no-repeat;
}

.right_content li.right_content_top div span.span_left{
	width:277px;
	float:left;
}

.right_content li.right_content_top div span.span_left img{
	 margin-top:20px; 
	 margin-left:15px;
}

.right_content li.right_content_middle{
	position:relative;
	background-repeat:no-repeat; 
	background-position: 13px 7px;
	height:289px;
	_margin-top:-6px;
}

.right_content li.right_content_middle div{
	position:absolute; 
	top:15px; 
	left:214px; 
	width:565px; 
	height:265px; 
	background-image:url(image/img_right_white_area.gif); 
	background-repeat:no-repeat;
}

.right_content li.right_content_middle div span.span_left{
	width:277px; 
	float:left;
}

.right_content li.right_content_middle div span.span_left img{
	 margin-top:20px; 
	 margin-left:15px;
}

.right_content li.right_content_bottom{
	position:relative;
	background-repeat:no-repeat; 
	background-position: 13px 7px;
	height:295px;
	_margin-top:-6px;
}

.right_content li.right_content_bottom div{
	position:absolute; 
	top:15px; 
	left:214px; 
	width:565px; 
	height:265px; 
	background-image:url(image/img_right_white_area.gif); 
	background-repeat:no-repeat;
}

.right_content li.right_content_bottom div span.span_left{
	width:277px; 
	float:left;
}

.right_content li.right_content_bottom div span.span_left img{
	 margin-top:20px; 
	 margin-left:15px;
}


/* end */

/* for content left */
.left_content{
	width:200px;
	float:left;
	padding-top:30px;
}

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

.left_content li{
	margin:0;
	padding:0;
	list-style-type:none;	
	background-image:url(image/img_left_content_flyer_middle.png);
}

.left_content li.flyer_top{
	line-height:42px;
	font-size:19px;
	color:#bbb;
	height:42px;
	background-image:url(image/img_left_content_flyer_top.png);
}

.left_content li.flyer_top span{
	display:inline-table; 
	width:2px; 
	background-color:#8ab3d1; 
	margin-left:10px; 
	line-height:17px;
	margin-right:8px;	
}

.left_content li.flyer_middle{
	padding: 1px 0;
}

.left_content li.flyer_middle img{
	margin-left:8px;
}

.left_content li.flyer_bottom{
	margin-top:-22px;
	*margin-top:-22px;
	height:42px;
	*position:relative;
	*z-index:-1;
	background-image:url(image/img_left_content_flyer_bottom.png);
}
/* end */



/* for index banner */
#banner{
	height:208px;
}

#banner ul{
	margin:0;
	padding:0;
}

#banner li{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
}

.banner_index_logo{
	width:200px;
}

.banner_index_content{
	width:600px;
	height:208px;
	text-align:center;
}
.banner_index_word{
	width:200px;
	height:208px;
	line-height:208px;
	font-size:26px;
	text-decoration:underline;
	color:#FFFFFF;
	text-align:left;
}
/* end */



/* top menu */
#menu_ul{
	color: #575757;
	margin:0;
	padding:0;
}
#menu_ul li{
	color: #575757;
	margin:0;
	padding:0 7px;
	display:inline;
}
#menu_ul img{
	padding:0;
	padding-right:8px;
	vertical-align:middle;
}
#menu_ul img.icon{
	margin-top:-2px;
	*margin-top:1px;
	_margin-top:2px;
}
#menu_ul img.bar1{
	margin-bottom:1px;
}
#menu_ul a {
	vertical-align:baseline;
	font-size: 15px;
	color: #575757;
}

#menu_ul a:hover {
	vertical-align:baseline;
	font-size: 15px;
	color: #575757;
	text-decoration:none;
}

#menu_ul .hotline{
	color: #016893;
	font-weight:bold;
	font-size:12px;
}

#menu_ul .language{
	color: #848484;
	vertical-align:baseline;
}
/* end */


/* sub_bulid */
.sub_buliding{
	display:block;
	margin-top:20px;
	margin-left:280px;
	*margin-left:230px;
	_margin-left:230px;
	color: #848484;
}
.sub_buliding dl{
	/*margin:0;
	padding:0;*/
}
.sub_buliding dd{
	/*margin:0;
	padding:0;*/
	padding:5px 0;
}
/* end */

dd.write_area{
	text-align:center; 
	position:relative;
	width:245px;
}

dd.write_area span{
	position:absolute;
	text-align:center; 
	width:110px; 
	top:35px; 
	left:68px;
	font-weight:bold;
	color:#FFFFFF;
}

.write_area_font{
	display:block;
	font-size:13px;
	width:245px;
	overflow:hidden;/* for FF,Opera ，固定寬度;隱藏多餘的字符*/ 
	word-wrap:break-word;
	word-break:normal;/* for IE,Safari ，支持自動換行*/ 
}

.write_area_title{
	color:#666;
}

/* left_content_aboutus */
.office_left_content{
	width:200px;
	float:left;
	padding-top:30px;
	position:relative;
	z-index:1;
}

.office_left_content ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.office_left_content li.left_menu_top{
	 background-image:url(../image/left_menu_top.png);
	 background-repeat:no-repeat;
	 width:195px;
	 overflow:hidden;
	 height:12px;
	 padding-left:5px;
}

.office_left_content li.left_menu_middle{
	 background-image:url(../image/img_ash_bg_menu_middle.png);
	 /*border-left:#dbd9cf 2px solid;
	 background-color:#e5e1c4;*/
	 width:191px;
	 overflow:hidden;
	 padding-left:10px;
	 margin-top:-2px;
}

.office_left_content li.left_menu_bottom{
	 position:relative;
	 /*background-image:url(../image/img_ash_bg_menu_bottom.png);*/
	 background-image:url(../image/left_menu_bottom.png);
	 background-repeat:no-repeat;
	 height:20px;
	 padding-left:5px;
	 z-index:100;
	 /*margin-top:-1px;*/
	 width:195px;
	 overflow:hidden;
}

.office_left_content li.left_menu_middle ul.sub_list{
	height:auto;
	color:#616264;
	font-size:11px;
	z-index:200;
	position:relative;
}

.office_left_content li.left_menu_middle ul.sub_list li.sl_head{
	background-image:url(../image/img_left_menu_title_orange.jpg);
	padding-left:32px;
	font-size:14px;
	font-weight:bold;
	line-height:31px;
	height:31px;
	margin-top:0px;	
}

.office_left_content li.left_menu_middle ul.sub_list li.sl_content{
	background-image:url(../image/img_left_menu_title_middle.jpg);
	padding-top:12px;
	padding-left:20px;
	height: expression( this.scrollHeight < 156 ? "155px" : "auto" );
	min-height:155px;
	padding-bottom:10px;
	color:898989;
}

.office_left_content li.left_menu_middle ul.sub_list li.sl{
	background-image:url(../image/img_left_menu_title_middle.jpg);
	padding-top:12px;
	padding-left:20px;
}
.office_left_content li.left_menu_middle ul.sub_list li.sl_button{
	background-image:url(../image/img_left_menu_title_middle.jpg);
	text-align:right;
	padding-right:10px;
}

.office_left_content li.left_menu_middle ul.sub_list li.sl_footer{
	background-image:url(../image/img_left_menu_title_bottom.jpg);
	background-repeat:no-repeat;
	margin-top:-5px;
	margin-bottom:-3px;
	*margin-bottom:-8px;
	_margin-bottom:-5px;
}

.office_left_content li.left_menu_middle ul.sub_list_region{
	height:auto;
	color:#616264;
	font-size:11px;
	z-index:200;
	position:relative;
}

.office_left_content li.left_menu_middle ul.sub_list_region li.slr_head{
	background-image:url(../image/img_left_menu_title_green.jpg);
	padding-left:32px;
	font-size:14px;
	font-weight:bold;
	line-height:31px;
	height:31px;
	margin-top:-8px;
	
}

.office_left_content li.left_menu_middle ul.sub_list_region li.slr_sub_head{
	background-image:url(../image/img_left_menu_title_green_b.jpg);
	padding-left:32px;
	font-size:14px;
	font-weight:bold;
	line-height:31px;
	height:31px;
	margin-top:-8px;
}

.office_left_content li.left_menu_middle ul.sub_list_region li.slr_content{
	background-image:url(../image/img_left_menu_title_middle.jpg);
	padding-top:1px;
	padding-left:20px;
	padding-bottom:1px;
	height:auto;	
	color:#898989;
}


.office_left_content li.left_menu_middle ul.sub_list_region li.slr_content dt{
	font-size:12px;
	margin:8px 0; 
}
/*.office_left_content li.left_menu_middle ul.sub_list_region li.slr_content dt a:visited {
	color:#898989;
	text-decoration:none;
}
.office_left_content li.left_menu_middle ul.sub_list_region li.slr_content dt a:hover{
	color:#898989;
	text-decoration:underline;
}
.office_left_content li.left_menu_middle ul.sub_list_region li.slr_content dt a:active {
	color:#898989;
	text-decoration:none;
}
.office_left_content li.left_menu_middle ul.sub_list_region li.slr_content dt a:link {
	color:#898989;
	text-decoration:none;
}
*/
.office_left_content li.left_menu_middle ul.sub_list_region li.slr{
	background-image:url(../image/img_left_menu_title_middle.jpg);
	padding-top:12px;
	padding-left:20px;
}
.office_left_content li.left_menu_middle ul.sub_list_region li.slr_button{
	background-image:url(../image/img_left_menu_title_middle.jpg);
	text-align:right;
	padding-right:10px;
}

.office_left_content li.left_menu_middle ul.sub_list_region li.slr_footer{
	background-image:url(../image/img_left_menu_title_bottom.jpg);
	background-repeat:no-repeat;
	margin-top:-5px;
	/*margin-bottom:-4px;*/
}

/* end */

.font01{
	font-size:13px; 
	color:#595959;
}

.font02{
	color:#7a7579; 
	font-size:10px;
}

.font02_1{
	position:absolute;
	right:13px;
	color:#7a7579; 
	font-size:10px;
	text-decoration:underline;
}

.font02_1:hover{
	position:absolute;
	right:13px;
	color:#7a7579; 
	font-size:10px;
	text-decoration:underline;
}

.font02_2{
	margin-left:120px;
	color:#7a7579; 
	font-size:10px;
	text-decoration:underline;
}

.font02_2:hover{
	margin-left:120px;
	color:#7a7579; 
	font-size:10px;
	text-decoration:underline;
}

.font03{
	color:#48494b;
	font-size:11px;
}

.font04{
	color:#595959; 
	font-weight:bold; 
	font-size:15px;
}

.font05{
	color:#595959; 
	font-weight:bold; 
	font-size:13px;
}

.font06{
	font-size:12px;
	font-weight:100;
	color:#585858;
}

.font06 a{
	font-size:12px;
	font-weight:100;
	color:#585858;
}

.font06 a:hover{
	font-size:12px;
	font-weight:100;
	color:#585858;
}

.font07{
	font-size:16px;
	font-weight:900;
	color:#48494b;
}

.font08{
	color:#7a7579; 
	font-size:10px;
	text-decoration:underline;
}


.font08:hover{
	color:#7a7579; 
	font-size:10px;
	text-decoration:underline;
}

.font09{
	font-size:14px;
	font-weight:900;
	color:#48494b;
}

.font10{ color:#616264;	 font-size:24px; }

.font11:hover{ color:#616264; text-decoration:underline;}
.font11:active{ color:#616264; text-decoration:underline;}
.font11:link{ color:#616264; text-decoration:underline;}
.font11:visited{ color:#616264; text-decoration:underline;}

.font12{ color:#900; font-size:12px; }

.font13{ color:#2F7AB1;	font-size:24px;}

.font14{ color:#616264;	 font-size:18px; }

.font15{color:#898989; text-decoration:none;}

.p1{
	padding:7px;
	margin:0;
}

.p1 label{
	display:block;
	float:left;
	width:80px;
}

.r01{
	margin-left:70px;
}

#agent_border{
	border:#ccc solid 1px;
	width:600px;
	margin:0 auto;
}

.dim{
	color:#EEE;
}

.list_myclipboard{	
	height: expression( this.scrollHeight < 249 ? "250px" : "auto" );
	min-height:250px;
}

.reg_button{
	display:block;
	margin-left:45px;
	margin-top:40px;
	font-size:16px;
	font-weight:900;
	color:#48494b;
	text-decoration:underline;
}

.reg_button:hover{
	display:block;
	margin-left:45px;
	margin-top:40px;
	font-size:16px;
	font-weight:900;
	color:#48494b;
	text-decoration:underline;
}
.reg_div_login{
	float:left;
	width:400px;
}
.reg_div_reg{
	float:right; 
	background-color:#EEE; 
	height:170px; 
	width:180px; 
	padding:5px;
	border-left:#CCC 2px solid;
}

.apd{
	display:block;
	margin:0 auto;
}

.table_infopage01 { padding:0px; border-width:0px; border-style:none; border-spacing:1px; }
.table_infopage01 h2 { color: #585858; font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; text-align:left; vertical-align:top; }
.table_infopage01 th { color: #585858; font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; text-align:left; vertical-align:top; }
.table_infopage01 td { color: #585858; font-family: arial; font-size: 12px; text-decoration: none; }

.agent_error_box{	font-size:13px; color:#F00; margin-left:155px; margin-top:-6px;}

.none { display:none; } 

.agent_list{ width:757px; font-size:12px; font-weight:100;}
.agent_list th{	background-color:#F8F8F8; height:40px; border-bottom:#E3E3E3 1px solid; border-top:#2F7AB1 2px solid; padding:0 10px; }
.agent_list td{ color:#585858; height:30px; border-bottom:#E3E3E3 1px dashed; padding:0 10px; }

.agent_h1{ margin:0; padding:0; }

.reg_thanks{ margin:0; padding:0; line-height:25px;}

.h2_01{ margin:0; padding:0; font-size:16px; color:#999; padding-bottom:10px; margin-top:-20px;}

.list_paging{ font-size:18px; }
.list_paging a{ padding:0 5px; }

.b_link{ border-bottom:#2F7AB1 2px solid; width:757px; display:block;}

.contact_list{clear:both;color:#2F7AB1;font-weight:bold;}

.contact_list li{clear:both;line-height:22px;}


.btn_retail, .btn_retail_selected, .btn_retail_ct, .btn_retail_ct_selected{
	background:url(image/retail_switcher.png) no-repeat 0 0;
	text-indent:-9999px;
	width:144px;
	height:50px;
	display:block;
	position:absolute;
	right:125px;
	bottom:-7px;
}

.btn_retail_ct{
	background:url(image/retail_switcher_c.png) no-repeat 0 0;
}

.btn_retail:hover{
	background:url(image/retail_switcher_over.png) no-repeat 0 0;
}
.btn_retail_ct:hover{
	background:url(image/retail_switcher_over_c.png) no-repeat 0 0;
}

.btn_retail_selected{
	background:url(image/retail_switcher_selected.png) no-repeat 0 0;
}
.btn_retail_ct_selected{
	background:url(image/retail_switcher_selected_c.png) no-repeat 0 0;
}

.btn_office, .btn_office_selected, .btn_office_ct, .btn_office_ct_selected{
	background:url(image/office_switcher.png) no-repeat 0 0;
	text-indent:-9999px;
	width:122px;
	height:50px;
	display:block;
	position:absolute;
	right:3px;
	bottom:-7px;
}

.btn_office_ct{
	background:url(image/office_switcher_c.png) no-repeat 0 0;
}

.btn_office:hover{
	background:url(image/office_switcher_over.png) no-repeat 0 0;
}

.btn_office_selected{
	background:url(image/office_switcher_selected.png) no-repeat 0 0;
}

.btn_office_ct:hover{
	background:url(image/office_switcher_over_c.png) no-repeat 0 0;
}

.btn_office_ct_selected{
	background:url(image/office_switcher_selected_c.png) no-repeat 0 0;
}
#banner{
	position:relative;
}