@charset "big5";
body {margin:0px;padding-top:0px;text-align:center;background:url(images/bg.gif) repeat-y center top;}
body,td,th {font-size:12px;color:#000000;line-height:20px;font-family:Arial;}
ul,li,form {padding:0px;margin:0px;list-style:none;}
a {color:#000000; text-decoration:none;}
a:hover {color:#0033CC; text-decoration:underline;}
/*-----------------------------------------------*/
#Border_div {text-align:left;width:949px;margin:auto;}
#Border_div100 {width:100%;text-align:center;float:left;clear:left;}
#Border_div5 {width:100%;text-align:center;height:5px;font-size:5px;line-height:5px;float:left;clear:left;}
/*-----------------------------------------------*/
#top_logo {float:left;padding-top:6px;}
#top_region {float:left;padding:5px 0 0 4px;background:url(images/top_ico04.gif) no-repeat right top;}
	#top_region div {float:left;width:497px;clear:left;margin-top:1px;}
	#top_region li {float:left;height:21px;width:66px;padding:2px 0px 1px 0px;text-align:center;}
		#top_region li a {color:#000;text-decoration:none;}
		#top_region li a:hover {color:#f30;text-decoration:none;}
		#top_region .on {background:#f50;}
			#top_region .on a {color:#fff;font-weight:bold;}
		
	#top_region .top_region_class {width:75px;}
		#top_region .top_region_class a {color:#fff;text-decoration:none;}
	#top_region .top_region1 {background:url(images/top_region1.gif) repeat-y left top;}
	#top_region .top_region2 {background:url(images/top_region2.gif) repeat-y left top;}
	#top_region .top_region3 {background:url(images/top_region3.gif) repeat-y left top;}
#top_writeRegion {position:relative;width:0px;height:0px;float:left;}
	#top_writeRegion_V2 {position:absolute;z-index:3;left:410px;top:31px;z-index:5;}
	#top_writeRegion_V2 a {width:66px;height:21px;line-height:15px;padding-top:4px;float:left;clear:left;text-align:center;background:url(images/top_writeRegion_V2.gif) no-repeat left top;}
	#top_writeRegion_V2 a:hover {color:#f40;text-decoration:none;background:url(images/top_writeRegion_V2.gif) no-repeat left -25px;}

#top_company {float:right;width:210px;height:75px;text-align:left;}
	#top_company #top_company_menu {background:#000;color:#666;text-align:left;padding-top:3px;height:20px;}
	#top_company #top_company_menu a {color:#666;text-decoration:none;padding:0px 8px;}
	#top_company #top_company_menu a:hover {color:#06f;text-decoration:none;}
	#top_company #top_company_menu img {border:0px;}
#new_header_list {text-align:left;overflow:visible;height:21px;}
/*-----------------------------------------------*/
.menu {}
#user_login {float:left;width:300px;text-align:center;background:url(images/Ico07.gif) repeat-x left top;}
	#user_login .login_form {padding:5px 0px;}
	#user_login .news {padding:0px 5px 8px 5px;text-align:left;overflow-y:hidden;height:21px;}
	#user_login .news a {color:#0033CC;text-decoration:none;}
	#user_login .news a:hover {color:#ff3300;text-decoration:none;}
	#user_login .news .news_class {line-height:20px;text-decoration:none;background:url(images/Ico01.gif) no-repeat right center;padding:2px 5px;}
		#user_login .news a.news_class {color:#fff;}
#right_login {float:left;width:649px;background:url(images/Ico08.gif) repeat-x left top;}
	#right_login #right_login_class {float:left;background:url(images/Ico09.jpg) no-repeat left top;}
	#Thing_header_list {text-align:left;overflow:visible;height:21px;}
		#Thing_header_list a {font-size:12px;color:#06c;}
		#Thing_header_list a:hover {color:#f60;}
/*-----------------------------------------------*/
#intro {width:950px;margin:auto;}
#introV {margin:4px auto 0px auto;width:950px;border-bottom:5px;}
	#introV li {float:left;height:150px;padding:0 5px;}
/*-----------------------------------------------*/
#user_left_menu {padding:5px 0px 5px 5px;}
	#user_left_menu h4 {background:#06c;padding:5px 8px;color:#fff;font-size:14px;margin:0px;}
	#user_left_menu li {border-bottom:1px dashed #ddd;padding:5px 0px;}
	#user_left_menu a {background:url(images/Ico04.gif) no-repeat 8px 2px;padding-left:20px;font-size:12px;color:#000;}
	#user_left_menu a:hover {color:#f30;text-decoration:none;}
#ExecuteHtml_list {padding-left:10px;}
	#ExecuteHtml_list li {float:left;width:160px;text-align:left;line-height:12px;border-left:5px #f60 solid;margin:4px 0;padding-left:10px;}
	#ExecuteHtml_list li span {color:red;}
.red {font-size:12px;color:#f00;}
.ash {font-size:12px;color:#999;}
.intro_left {vertical-align:top;}
.intro_right2 {vertical-align:top;}
/*-----------------------------------------------*/
#Thing_list {padding:10px 0px;}
	#Thing_list a {color:#06c;}
	#Thing_list a:hover {color:#f30;text-decoration:none;}

#Thing_class {padding:1px;border:1px #ccc solid;margin:0px 0px 5px 5px;}
	#Thing_class #Thing_class_title { background:#0066CC;color:#fff;font-size:14px;font-weight:bold;padding:5px 8px;}
	#Thing_class #Thing_class_list {padding:5px 0px;}
	#Thing_class #Thing_class_list ul {padding:0px;margin:0px;list-style:none;}
	#Thing_class #Thing_class_list li {margin:0px;list-style:none;}
	#Thing_class #Thing_class_list li {padding:4px 8px 4px 8px;}
	#Thing_class #Thing_class_list li a {font-size:14px;color:#0066CC;font-weight:bold;}
	#Thing_class #Thing_class_list li a:hover {color:#ff3300;}
	#Thing_class #Thing_class_list li font {font-size:12px;color:#CC0000;}
/*-----------------------------------------------*/
#this_way {font-family:Arial;font-size:12px;}
#page {padding:8px 0px 15px 0px;text-align:center;color:#666; border-top:1px dashed #ccc; clear:left;}
	#page a {color:#06c;text-decoration:none;font-size:14px;}
	#page a:hover {color:#f50;text-decoration:underline;}
#V203_title {padding:10px 0px;border-bottom:1px #ddd dashed;text-align:center;}
	#V203_title h1,h2 {font-size:24px;line-height:30px;padding:0px;margin:0px;}
#V203_content {padding:10px;text-align:left;font-size:14px;line-height:200%;}
#news_view_title {}
#news_view_title h1,h2 {font-size:20px;line-height:200%;padding:10px 0;margin:0px;}
#news_view_date {padding-bottom:5px;border-bottom:1px dashed #bbb;color:#333;}
#news_view_abstract {margin:10px;padding:10px;border:1px dashed #ccc;color:#666;text-align:left;}
#news_view_content {padding:10px 10px 10px 10px;color:#222;text-align:left;font-size:14px;line-height:25px;}
#news_view_Article {border-top:1px dashed #bbb;color:#666;padding:12px 0px 0 0;font-size:12px;height:30px;}
	#news_view_Article #news_view_Article_left {float:left;width:320px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	#news_view_Article #news_view_Article_center {float:left;width:70px;text-align:center;}
	#news_view_Article #news_view_Article_right {float:right;width:320px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	#news_view_Article a {text-decoration:underline;color:#0033CC;}
	#news_view_Article a:hover {text-decoration:none;color:#FF3300;}
#web_left {padding-left:5px;padding-top:5px;}
#web_right {width:240px;padding-right:5px;padding-top:5px;}
/*--------------------------------------------------------------------------------*/
#demo {overflow:hidden;height:150px;border:1px #ff6600 solid;border-top:0px;text-align:left; background:#fff;}
	#demo li {padding:8px 5px;}
		#demo li a {color:#666666;text-decoration:none;}
		#demo li a:hover {text-decoration:underline;color:#000;}
/*------------------------------*/
#news_class_title {}
#news_class_title h2{font-size:20px;line-height:30px;padding:5px 0;margin:0px;}
#news_class_title h2 img{margin:0px 2px;}
#news_class_title h2 a{font-size:14px;line-height:30px;text-decoration:none;}
#news_class_title h2 a:hover {color:#FF6600;}
#news_class_abstract {margin-bottom:10px;padding:10px;border:1px dashed #B5E0F5;color:#666;text-align:left;background:#FDFFF6;}
#news_class_content {padding:10px 0px;color:#888;text-align:left;font-size:12px;line-height:16px;vertical-align:top;height:auto;}
#news_class_content li {width:200px;float:left;height:26px;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#news_class_content li img {padding:0px 5px 4px 5px;}
#news_class_content li a.styleV01 {color:#888;}
#news_class_content li a {color:#0033CC; text-decoration:none;}
#news_class_content li a:hover {color:#FF3300;}
#news_class_copy {border-top:1px dashed #bbb;color:#333;padding:6px 0px;font-size:13px;clear:both;}
	#news_class_copy a {color:#333;}
	#news_class_copy a:hover {color:#0033FF;}
/*--------------------------------------------------------------------------------*/
#news_right_title {margin-top:6px;border:1px;font-size:14px;font-weight:bold;color:#fff;}
#news_right_list {border:1px #308CFD solid;border-top:0px;background:#fff;margin-bottom:6px;}
	#news_right_list ul {padding:6px;text-align:left;}
		#news_right_list ul li {display:block;padding:4px 0px;border-bottom:1px #eee solid;}
			#news_right_list ul li img {margin-right:3px;}
			#news_right_list ul li a {font-size:12px;text-decoration:none;}
			#news_right_list ul li a:hover {text-decoration:underline;}
/*-----------------------------------------------*/
#footer {margin:0px auto;width:940px;}
#footer .links {background:#06c;display:block;padding:4px 0px 3px 0px;width:100%;float:left;color:#BAD2F8;}
	#footer .links a {color:#fff;text-decoration:none;font-size:12px;}
	#footer .links a:hover {text-decoration:underline;color:#ff0;}
#footer #footer_copy {padding:8px 0px;width:100%;float:left;line-height:20px;font-size:12px;}
	#footer #footer_copy p {margin:0px;padding:0px;line-height:180%;font-size:12px;}
	#footer #footer_copy a {text-decoration:none;color:#0033CC;}
	#footer #footer_copy a:hover {text-decoration:none;color:#FF3300;}
	
	/*°l¥[ªº¼Ë¦¡*/
#massage {
		width:100%;
		padding-top:250px;
		margin:auto;
		left:0px;
		top:0px;
		z-index:2;
		position:absolute;
		visibility:hidden;
		display:none;
		} 
#massage .massage_header {background:#f60;width:290px;text-align:left;padding:10px 10px 8px 10px;margin:auto;} 
		#massage .massage_header font {color:#fff;font-size:14px}
		#massage .massage_header a {color:#fff;font-size:14px;text-decoration:none;}
	#massage .massage_links {text-align:center;padding:40px 0px 50px 0px;width:308px;background:#fff;margin:auto;border:1px solid #f60;}
		#massage .massage_links a {font-size:16px;color:#f60;padding:0px 6px;font-weight:bold;}
		#massage .massage_links a:hover {color:#06c;text-decoration:none;}
#mask {position:absolute;top:0;left:0;width:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;z-index:1;visibility:hidden;display:none;} 
#highline {display:none;}