*{margin:0px;padding:0px}
html{overflow-y:scroll}
body{width:100%;height:100%;background:url(../images/bg.jpg) 0 0 repeat-x #fff}
body, input, textarea, select, option, p, div, a{font-family:微軟正黑體,微軟雅黑,Verdana,arial,sans-serif,inherit;font-size:13px;color:#585858;line-height:16px}
a, a:link, a:active, a:visited{text-decoration:none}
a:hover{text-decoration:underline}
a img{border:none}
.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix,.container{display:block}
.clear{clear:both}
.fleft{float:left}
.fright{float:right}
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}
.hide{display:none}
.tcenter{text-align:center}
.tleft{text-align:left}
.tright{text-align:right}
.vtop{vertical-align:top}
.vmiddle{vertical-align:middle}
.vbottom{vertical-align:bottom}
.margin-left-10{margin:0 0 0 10px}
.black{color:#373737}
.red_title{font-size:13px;color:#DC5110;font-weight:bold}
.png{behavior:url(css/iepngfix.htc)}
.png a img{behavior:url(css/iepngfix.htc)}
.ptop{padding:15px 0 0}
.big_title{font-size:15px;color:#DC5110;font-weight:bold}
.big_title2{color:#DC5110;font-weight:bold;padding:0 30px 0 0}
.red_text{color:#dc5110}

/*---body--*/
#site_container{width:960px;margin:0 auto}

	#lang{position:absolute;top:50px;right:40px}
	
	/*---search---*/
	#search{background:url(../images/itouch_top.png) center top no-repeat;position:absolute;top:0;left:50%;margin:0 0 0 -470px;width:960px;padding:10px 0 0;z-index:200;height:125px}
	
	/*---banner---*/
	#upper{position:relative;height:320px;width:100%;margin:75px 0 0;width:960px}
		#slide_area{position:absolute;top:-115px;left:50%;margin:0 0 0 -300px;overflow:hidden;width:600px}
			.slide{height:335px;position:relative;z-index:100;margin:100px 0 0}
				.slide div{position:absolute;top:0;left:0}
				#slide_words{position:absolute;bottom:6px;left:10px;z-index:101;color:#333}
				.slider{position:absolute;bottom:0;left:0;height:20px;width:580px;z-index:100;background:#dbdbdb;text-align:right;padding:12px 20px 0 0}
					.point{background:url(../images/point1.jpg) center center no-repeat;width:8px;height:8px;margin:1px 0 0 10px;cursor:pointer}
					.point_current{background:url(../images/point2.jpg) center center no-repeat}
	
	/*---content---*/
	#content_bg{background:url(../images/table_bg.jpg) 0 0 repeat-y;min-height:450px;position:relative;top:-4px}
		#title{position:relative;top:-1px}
		#front_contact{width:223px;text-align:center;font-size:32px;font-weight:normal;letter-spacing:4px;padding:10px 0;line-height:36px}
			#front_contact span{letter-spacing:0}
		#front_login{position:absolute;top:-156px;right:0;z-index:101}
			
		/*---left menu---*/
		.sub_title{_margin-top:2px;background:url(../images/sub_title.jpg) 0 0 no-repeat;padding:0 0 0 42px;line-height:38px;height:41px;width:226px;color:#000;font-weight:bold;font-size:18px}
		#sub_menu{position:relative;float:left;width:226px;margin:15px 0 0;font-weight:bold;display:inline}
			#sub_menu_title{margin:5px 10px 10px;font-size:12px;font-weight:bold;background:url(../images/arrow.jpg) left center no-repeat;padding:0 0 0 20px}			
				#sub_menu_title a{color:#373737}
				.sub_menu_line{margin:0 15px 0 0;height:12px;vertical-align:middle;background:url(../images/line.jpg) 0 0 no-repeat}
			
		/*---right main---*/
		#content{position:relative;float:left;margin:-39px 15px 0 0;text-align:left;width:710px;color:#585858}
			#menu{height:38px;background:url(../images/menu_bgs.jpg) 0 3px repeat-x;width:733px}
				#menu div{float:left;padding:0 50px;line-height:38px}
				#menu a{color:#fff;font-size:16px}
				#main{margin:15px;width:710px}
					#area_title{background:url(../images/title/title.jpg) 0 0 no-repeat;width:734px;height:40px;font-size:18px;float:left;line-height:40px;padding:0 0 0 15px;color:#000;font-weight:bold}
				
					/*---front_icon---*/
					#logo_list{list-style:none;float:left;position:relative;left:10px;width:700px}
					#logo_list a{float:left}
					#logo_list li{float:left;display:inline;width:300px;margin:20px;height:152px;text-align:center;font-size:16px}
					#logo_list li img{float:left;border-top:1px solid #585858;padding:5px 0 0;margin:5px 0 0}
					#logo_list li a{float:left;text-align:center;font-size:16px;color:#000;width:300px;line-height:1.2em}
					
					/*---area3---*/
					.media_point{background:url(../images/area3/media_bg.jpg) left center no-repeat;padding:0 0 0 18px;color:#c59843}				
					/*---area4---*/
					#center_level ul{list-style:none;float:left;width:700px}
					#center_level li{float:left;margin:0 16px 10px 0;height:200px}
					#center_level li img{padding:3px;border:solid 1px #CCC}
					#center_level .name{color:#dc5110;font-weight:bold;text-align:center;margin-top:5px;width:204px}
					#center_level .name a, #center_level .name a:link, #center_level .name a:active, #center_level .name a:visited{color:#dc5110;font-weight:bold;text-decoration:none}
					#center_level .name a:hover{color:#999}
					#center_level .center_img_area img{padding:0;border:none}
						.center_img{width:200px;height:150px;padding:3px;text-align:center;border:solid 1px #CCC}
					
					#mainpic_div{width:500px;text-align:center;padding:2px;border:solid 1px #CCC;height:375px}
					
					#smallpic_div{width:204px;float:left}
					#smallpic_div ul{list-style:none;float:left;width:100%;margin-left:10px;display:inline}
					#smallpic_div li{float:left;margin:0px 4px 2px 0px;width:80px;padding:2px 2px 0;border:solid 1px #CCC;text-align:center}
					#smallpic_div .name{color:#333;font-size:15px;font-weight:bold;margin:0 0 7px 10px}
					
					/*---pages---*/
					#show_page{float:left;margin:0 0 5px 10px}
					#show_page a, #show_page a:link, #show_page a:active, #show_page a:visited{background:#E65815;padding:4px 7px;color:#FFF;float:left;margin:0 5px 0 0}
					#show_page a:hover{background:#CCC;color:#333;text-decoration:none}
	
	/*---footer---*/
	#content_end{ background:url(../images/table_end.jpg) 0 0 repeat-y;min-height:22px;_height:22px;position:relative;top:-4px;_top:-6px}
	#footer{background:url(../images/footer_bg.jpg) 0 0 no-repeat;min-height:44px;_height:44px;position:relative;top:-4px;_top:-6px;text-align:right;padding:10px 55px 0 0}
		#mediapush{color:#f08e28;font-size:12px;font-weight:bold}
		
	/*---area5---*/
	.area5_header{background:#0170c0;padding:10px;width:95px;margin:0 0 20px;color:#fff}
		.area5_title{color:#0170c0}




#sub_menu2{width:211px; margin:15px 0 0 15px; font-size:12px; color:#373737; font-weight:bold; float:left; display:inline; }

#icon_list { list-style:none; float:left; }
#icon_list a { float:left; }
#icon_list li { float:left; display:inline; width:130px; margin:0px 36px 10px 0px; height:30px; }
#icon_list li img { float:left; position:relative; top:-9px; left:-3px; }
#icon_list li h2 { float:left; text-align:center; font-size:10px; color:#000; width:140px; line-height:1.2em; }


#right_content{ width:260px; position:relative; float:right; margin:5px 0px 0px 5px;}



#contact_table{ width:450px;}
#contact_table td { padding:5px;}

#contact_table2{ width:100%}
#contact_table2 td { padding:5px;}


.button_style_2 { border:solid 2px; border-color:#999999; font-size:11px; color:#585858; background-color:#FFF; padding:3px 10px 3px 10px; padding:5px 10px 3px 10px \9; *padding:5px 10px 3px 10px; _padding:5px 10px 3px 10px; cursor:pointer; text-align:center; vertical-align:middle}
.text_field_style_2 { width:200px; height:15px; border:solid 1px; border-color:#999999; }
.text_field_style_3 { width:200px; height:15px; border:solid 1px; border-color:#999999; }
.textarea_style_1 { width:200px; height:80px; border:solid 1px; border-color:#999999; }
.textarea_style_2 { width:200px; height:80px; border:solid 1px; border-color:#999999; }
.button_style_1 { border:none; background:url(../images/search_but.jpg) 0 0 no-repeat; width:77px; height:23px; color:#FFF; cursor:pointer; font-size:11px; font-weight:bold; text-align:center; vertical-align:middle}
.text_field_style_1 { border:solid 1px; border-color:#CCC; width:175px; height:21px; font-size:15px; }

.icon_list{ vertical-align:middle}
.route td{ height:20px;}
table.routeDetail td{padding: 0px 20px 0px 0px; height:20px; vertical-align:top}

div.page{float:left;margin-top:10px;}
div.page div{float:left;margin:2px;padding:3px;width:17px;height:17px;text-align:center;line-height:15px;font-weight:bold;}
div.page div.text{color:#000;background:#fff;border:solid 1px #86c5d4;}
div.page div.link{background:#dddddd;border:solid 1px #cfd1d5;}
div.page div.linkOver{background:#fff;cursor:pointer;}
div.page div.linkOver a{color:#f90;}




#folder_name { color:#E65815; font-weight:bold}
a.back, a.back:link, a.back:active, a.back:visited { color:#E65815; font-weight:bold; text-decoration:none; font-size:12px; text-decoration:none; }
a.back:hover { color:#999; }




.text_style_1 { border:solid 1px #7f9db9; height:18px; width:195px; padding-top:3px; } 

#sms_container {margin:0 auto;width:460px;padding:30px 0 0}
	.bg01, .bg02{background:url(../images/sms/bg01.png) center center no-repeat;width:180px;height:114px;padding:0 25px;line-height:104px}
	.bg02{background:url(../images/sms/bg02.png) center center no-repeat}
	.bg01 div, .bg02 div{color:#fff;font-size:26px;display:inline-block;vertical-align:middle;text-align:center;line-height:1em}
	#sms_link{text-align:center;width:460px;background:url(../images/sms/bg03.jpg) 0 0 repeat-x;margin:20px 0 0;height:37px;line-height:37px;}
	#sms_link a{font-size:22px;color:#fff}
	#sms_words{font-size:18px;text-align:center;margin:60px 0;line-height:22px}
		#sms_words a{font-size:18px}
	#sms_footer{background:#f58902;height:20px;width:460px}
	
	
.content_list { margin-bottom:5px; float:left; width:100%; border:solid 1px #eee; }
.content_list p { cursor:pointer; display:block; height:30px; line-height:30px; background-color:#eee; padding:0px 10px 0px 10px; font-weight:bold; color:#333; }
.photo_list { float:left; list-style:none; margin-left:10px; _margin-left:5px; display:inline; display:none; }
.photo_list li { float:left; margin: 5px 5px 5px 5px; display:inline; }
.photo_list li img { border:solid 1px #CCCCCC; padding:2px; }