@charset "utf-8";
/* ------------------------------------------------- 協同資料
Site Name: 
Site URI: 
Description: 
Version: 1.4
Author: 
Updated: 2010-04-11
Updated by: kerwin
---------------------------------------------------- 建議值
COLOR:
Body background: 
Container background: 
Main Text: 
Links: 
Visited links:
Hover links:
H1, H2, H3:
H4, H5, H6:
---------------------------------------------------- 頁面命名規則
#news_list, #news_view,
#member_edit, #member_forget, #member_join, #member_clause,
#store, #contact_view, #contact_ok, #contact2_view, #contact2_ok,
#question_list, #question_view, #question2_list, #question2_view, #question3_list, #question3_view
*/


/* 重設
--------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
abbr,acronym { border: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }


.txt_hack{ word-wrap: break-word; word-break: break-all; }

/* 基本
--------------------------------------------------- */
body {
	color: #333;
	font:12px/140% Arial, Helvetica, sans-serif;
	}

a {	color: #333;cursor:pointer; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin-bottom: 24px; }
h1 {  }
h2 {  }
h3 { }
h4 {}
h5 {  }

hr{ color:#018ecf}

abbr,acronym { border-bottom: 1px dotted black; } /* abbr用於縮寫，acrony頭字語的簡稱 */
acronym:after { content: " (" attr(title) ")"; } /* 列印時自動展開成全稱 */
address,caption,cite,em,strong {  }

pre,code,kbd,samp,tt{ font-family:monospace;*font-size:108%;line-height:100%; }
	
	
/* layout
--------------------------------------------------- */
#container{ background:url(../Images/t_bg.jpg) repeat-x;}
#banner_container{ height:199px;clear:both }
	#banner{ width:1000px;margin:auto; position:relative}
	#banner_flash{ padding-top:3px;}
#main_container{ min-height:215px; clear:both }
	#main_auto{ width:1000px; position:relative; margin:auto}
#down_container{ height:140px; background:url(../Images/down_bg.jpg) repeat-x; padding:10px 0;clear:both}
	#down{ width:1000px;margin:auto;clear:both}
	#down_left{ width:170px; height:60px; border-right:1px #CCC solid; padding:20px 0 0 30px; margin-top:20px;float:left;}
	#down_right{ width:730px;_width:680px; margin-right:50px; float:right;}
	
	
#main_left{ width:200px; float:left; }
#main_cen{ width:570px; margin:0 5px 0 13px; float:left;position:relative;}
	#main_cen_top{ width:540px; height:26px; background:url(../Images/main_centop.jpg) no-repeat; padding:5px 15px 0 15px; float:left}
	#main_cen_cen{ width:526px; min-height:560px;height: auto !important; height:560px; background:url(../Images/main_cen_cen.jpg) repeat-y; padding:0 22px; float:left}
	#main_cen_down{ width:540px; height:14px;padding:0 15px; margin-bottom:10px; float:left}
	
	
	
#main_right{ width:207px; position:relative;float:left}
	#main_right_top{ width:206px; height:14px; background:url(../Images/main_right_top.jpg) no-repeat; float:left}
	#main_right_cen{ width:182px; height:586px; background:url(../Images/main_right_cen.jpg) repeat-y; padding:0 12px;float:left}
	#main_right_down{ width:206px; height:14px; background:url(../Images/main_right_down.jpg) no-repeat; float:left}
	#main_gray_up{ width:180px; height:8px; background:url(../Images/gray_up.jpg) no-repeat; margin-top:10px;}
	#main_gray_cen{ width:150px; height:510px; background:#ededed; padding:0 15px; float:left}
	#main_gray_down{ width:180px; height:8px; background:url(../Images/gray_down.jpg) no-repeat; float:left}



/* 導盲磚
--------------------------------------------------- */
#toparea{position:absolute;z-index:100;left: 500px;	top:4px;}
#searcharea{position:absolute;z-index:200;left:1px;top:2px;}
#cenarea{position:absolute;	z-index:300;left:-5px;top: -4px;}

#rightarea{	position:absolute;z-index:400;left: 2px;top: 3px;}


/* up_link
--------------------------------------------------- */
#up_link{
	color:#474747;
	line-height:18px;
	font-weight:bold;
	width:470px;
	height:23px;
	background:url(../Images/up_link.png) no-repeat;
	float:right;
	z-index:100;
	position:absolute;
	left: 528px;
	top: 0px;
}
#up_link .home{ width:50px; margin-left:35px; _margin-left: 18px; float:left; }
#up_link .sitemap{width:80px;margin-left:10px;  float:left;  }
#up_link .bilingual{width:150px;margin-left:10px; float:left;  }
#up_link .contact_us{width:70px; float:left;  }
#up_link .chinese{width:50px;margin-left:12px; *margin-top: 2px; float:left; }



/* search
--------------------------------------------------- */
#search{ width:182px; height:25px; background:url(../Images/search_bg.jpg) no-repeat; margin-bottom:5px; padding:6px 0 0 18px}
.search_box{ font-size:12px; color:#0a76ae; text-align:center; font-family:Arial, Helvetica, sans-serif; border:1px #0a76ae solid;}

/* 左攔選單
--------------------------------------------------- */
 #Nav{ clear:both;}
		#Nav ul{}
		#Nav ul li{ }
		#Nav ul li a{ width:200px;display:block; text-indent:-9999px; background: url(../Images/nav.jpg) no-repeat 0 0}
		#Nav ul li a.m1{ height:39px; background-position: 0 0; }
		#Nav ul li a.m1:hover{ background-position: -200px 0px; }
		#Nav ul li a.m2{  height:39px; background-position: 0px -39px; }
		#Nav ul li a.m2:hover{ background-position: -200px -39px; }
		#Nav ul li a.m3{  height:39px; background-position: -0px -78px; }
		#Nav ul li a.m3:hover{ background-position: -200px -78px; }
		#Nav ul li a.m4{ height:39px; background-position: -0px -123px; }
		#Nav ul li a.m4:hover{ background-position: -200px -123px; }
		#Nav ul li a.m5{ height:39px; background-position: -0px -164px; }
		#Nav ul li a.m5:hover{ background-position: -200px -164px; }
		#Nav ul li a.m6{ height:39px; background-position: -0px -209px; }
		#Nav ul li a.m6:hover{ background-position: -200px -209px; }
		#Nav ul li a.m7{ height:39px; background-position: -0px -253px; }
		#Nav ul li a.m7:hover{ background-position: -200px -253px; }
		#Nav ul li a.m8{ height:39px; background-position: -0px -298px; }
		#Nav ul li a.m8:hover{ background-position: -200px -298px; }
		#Nav ul li a.m9{ height:39px; background-position: -0px -340px; }
		#Nav ul li a.m9:hover{ background-position: -200px -340px; }
		#Nav ul li a.m10{height:39px; background-position: -0px -385px; }
		#Nav ul li a.m10:hover{ background-position: -200px -385px; }
		#Nav ul li a.m11{height:39px; background-position: -0px -431px; }
		#Nav ul li a.m11:hover{ background-position: -200px -431px; }
		#Nav ul li a.m12{height:39px; background-position: -0px -474px; }
		#Nav ul li a.m12:hover{ background-position: -200px -474px; }
		#Nav ul li a.m13{ width:202px; height:85px; background:url(../Images/invoice_icon.png) no-repeat; margin-bottom:5px;}
		#Nav ul li a.m13:hover{ background:url(../Images/invoice_icon_over.png) no-repeat;}
/* youtobe
--------------------------------------------------- */
#youto_con{  margin:10px 0px;}
#youto01{ width:184px; height:146px; background:url(../Images/youto01.jpg) no-repeat; padding:16px 0 0 16px;float:left}
#youto02{ width:54px; height:33px; background:url(../Images/youto02.jpg) no-repeat; padding:14px 0 0 146px; float:left}


/* main_cen
--------------------------------------------------- */
#route{ width:360px; height:17px; text-indent:18px; background:url(../Images/route_icon.gif) no-repeat left; float:left}
#fontsize{ width:75px;font-weight:bolder;float:left; margin-top:4px; }
#fonts{ width:70px;height:19px;float:left}	
	#fonts ul {}
	#fonts ul li { width:19px;float:left; margin-left:2px; }
	#fonts ul li a{ text-indent:-9999px; height:20px; display:block}
	#fonts ul li a.sz{  background:url(../Images/f01.jpg) no-repeat bottom;}
	#fonts ul li a.sz:hover{background:url(../Images/f01_hover.jpg) no-repeat bottom; }
	#fonts ul li a.mz {  background:url(../Images/f02_hover.jpg) no-repeat bottom; }
	#fonts ul li a.mz:hover{ background:url(../Images/f02_hover.jpg) no-repeat bottom;  }
	#fonts ul li a.lz{  background:url(../Images/f03.jpg) no-repeat bottom; }
	#fonts ul li a.lz:hover{ background:url(../Images/f03_hover.jpg) no-repeat bottom;}
.cen_link { clear:both; width:535px; padding:5px 0 5px 0;}
	.cen_link h2{ display:block; width:525px; height:55px; background:url(../Images/hot_topic.jpg) no-repeat left bottom; text-indent:-9999px;}
	.cen_link ul{ display:inline-block;}
	.cen_link li{ float:left;}
	.cen_link li a{ display:block; width:133px; height:129px; text-indent:-9999px;}
	.cen_link li.link07 a{ background-image:url(../Images/link_07.jpg);}
	.cen_link li.link07 a:hover{ background-position:left bottom;}
	.cen_link li.link08 a{ background-image:url(../Images/link_08.jpg);}
	.cen_link li.link08 a:hover{ background-position:left bottom;}
	.cen_link li.link09 a{ background-image:url(../Images/link_09.jpg);}
	.cen_link li.link09 a:hover{ background-position:left bottom;}
	.cen_link li.link10 a{ background-image:url(../Images/link_10.jpg);}
	.cen_link li.link10 a:hover{ background-position:left bottom;}
	
/* main_ad
--------------------------------------------------- */
#ad{ width:526px; height:122px; margin:15px 0;}
	.ad_left{ width:19px; height:122px; float:left}
	.ad_right{width:19px; height:122px; float:left}
	.ad_cen{width:470px; height:112px; background:url(../Images/ad_cenbg.jpg) repeat-x; padding:10px 0 0 10px; float:left; overflow:hidden}
	
/* news
--------------------------------------------------- */
#news{ width:530px; margin:15px 0; }
	#news_title { width:227px; height:32px; background:url(../Images/news_title.jpg) no-repeat; text-indent:-9999px;float:left}
	#news_mof{ width:102px; height:24px; margin:5px 10px 0  0; float:right; }
	#news_content{ width:527px; background:url(../Images/news_bg.jpg) no-repeat left bottom; float:left; padding-bottom:10px;}
	#news_content #wrap{ background:url(../Images/news_bg.jpg) no-repeat left top; padding-top:10px;}
	#news_con01{ width:527; height:auto; margin:10px 20px 0 20px; border-bottom:1px #CCC solid; padding-bottom:3px;}
	
		.news_date{ width:450px; background:url(../Images/g_arrow.gif) left no-repeat; text-indent:16px; font-weight:bold; color:#008a85;}
		.news_title{ line-height:25px; font-size:15px;}
		#news_content .more { color:#2c97bd; width:40px; background:url(../Images/b_arrow.gif) no-repeat right; margin-right:10px; float:right}
		#news_content .more a{font-size:12px; color:#2c97bd;}
/* faq
--------------------------------------------------- */
#faq{ width:235px;  line-height:25px; height:143px; background:url(../Images/faq_bg.jpg) no-repeat; padding:60px 10px 10px 15px ;float:left}
	#faq .faq_01{width:230px; border-bottom:1px #CCC dotted; background:url(../Images/g_arrow2.gif) left top no-repeat; text-indent:18px;font-size:15px;}
	#faq .faq_02{width:230px; border-bottom:1px #CCC dotted; background:url(../Images/g_arrow2.gif) left top no-repeat; text-indent:18px; background-color:#e6f4db;font-size:15px;}
	#faq .more{ width:40px; font-size:12px; background:url(../Images/g_arrow03.gif) right no-repeat; float:right}
	#faq .more a{ color:#7a9f1d;font-size:12px;}

/* annou
--------------------------------------------------- */
#annou{ width:235px; height:133px;  line-height:25px; background:url(../Images/annou_bg.jpg) no-repeat; margin-left:5px;padding:60px 10px 10px 15px ; float:left }
	#annou .annou_01{width:230px; border-bottom:1px #CCC dotted; background:url(../Images/o_arrow.gif) left top no-repeat; text-indent:18px;font-size:15px;}
	#annou .annou_02{width:230px; border-bottom:1px #CCC dotted; background:url(../Images/o_arrow.gif) left top no-repeat; text-indent:18px; background-color:#ffeadf;font-size:15px;}
	#annou .more{ width:40px; font-size:12px; background:url(../Images/o_arrow2.gif) right no-repeat;float:right}
	#annou .more a{ color:#d99c04;}


/* mail_box
--------------------------------------------------- */
#mail_contact{ width:180px; height:39px;}

/* link
--------------------------------------------------- */
#link_ad{ width:auto; height:auto; margin:5px 0}
#main_gray_cen .more{ width:40px; height:18px; background:url(../Images/barrow.gif) no-repeat right; float:right }

/* down
--------------------------------------------------- */
#down_left .gov{ width:45px; height:auto; float:left}
#down_left .cce{ width:88px; height:auto; margin-left:18px; float:left}

#down_right .down_secu{ font-weight:bold ; line-height:18px;float:right;}
#down_right .down_add{ font-size:11px; text-align:right; clear:both; float:right }
#down_right .down_update{ font-size:11px;text-align:right; clear:both; margin-top:18px;float:right  }
#down_right .down_copyright{ color:#727272; font-size:11px;text-align:right; clear:both;float:right  }

/* 內容框
--------------------------------------------------- */
/* LAYOUT CLASS
--------------------------------------------------- */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.right{ float: right; }
.left{ float: left; }
.center{ text-align: center; }
.small {font-size: 0.8em;}
.hidden {display: none;}

.btnpic { 
	vertical-align: text-bottom; /* 詳細全文非固定 */
	margin: 0 0 0 3px;
}
.btnpic2 { 
	vertical-align: text-bottom; /* 詳細全文固定 */
	margin: 0 5px 0 3px;
	float:right;
	}
.btnpic3 { 
	vertical-align: text-bottom; /* 詳細全文非固定 */
	margin: 0 0 2px 3px;
}
.btnpic4 { 
	vertical-align: middle; /* 詳細全文非固定 */
	margin: 0 0 2px 3px;
}
.btnpic5 { 
	vertical-align: middle; /* 詳細全文非固定 */
	margin: 5px 0 2px 3px;
}



/* style.css 相同id
--------------------------------------------------- */
#main_cen_cen{ padding-top: 10px; }


h1.pagetitle{
width:375px;
min-height:39px;
float: left;
font-size: 160%;
font-weight: bold;
color: #ff9600;
}

.goback{
width: 55px;
height: 15px;
padding: 12px 12px 12px 18px;
font-size: 12px;
float: right;
color: #ff9600;
text-decoration: underline;
background: url(../Images/back_icon.gif) no-repeat 0 12px;
}

.print{
width: 21px;
height: 15px;
padding: 12px 12px 12px 25px;
font-size: 12px;
float: right;
color: #ff9600;
text-decoration: underline;
background: url(../Images/print_icon.gif) no-repeat 0 10px;
}

.goback a, .print a{ color: #ff9600; text-decoration: underline; font-size:12px }





/* page內容框
--------------------------------------------------- */
.contentBox{
width: 520px;
border-top: 1px solid #c97600;
border-bottom: 1px solid #c97600;
padding: 18px 0;
clear:both;
float:left;
font-size:15px;
line-height: 24px;
}

.menuList{
font-size: 18px;
}

.menuList li{
font-size: 18px;
line-height: 24px;
padding: 3px 0 3px 23px;
background: url(../Images/list_icon.gif) no-repeat 0 3px;

}

.menuList li a{
font-size: 18px;
}

/* list page and view page set
--------------------------------------------------- */
.listTh{
	width: 520px; /*height: 29px;*/  background-color: #fdf9f2;
	border-top: 1px solid #c97600; font-weight: bold;
	color: #c97600;line-height: 28px;
	clear:both;
	float:left;
	}
	
.listThName{ width: 430px; float:left; margin-left: 10px; font-size:14px; }
.listThDate{ width: 80px; float:left;font-size:14px;  }

.viewDate{ color: #ff5816; font-size:14px }
.viewTitle{ font-weight: bold; color: #4a4a4a;font-size:14px  }



.ListList{}
.ListList li{
line-height: 20px;
padding: 3px 0 3px 13px;
width: 507px;
background: url(../Images/listlist_icon.gif) no-repeat 0 6px;
float: left;
border-bottom: 1px dashed #d3d3d3;
}

.ListList li .listName{
	width: 400px;
	float:left;
	font-size:15px;
	}
.ListList li .listDate{
	width: 80px;
	float:right;
	color: #ff5816;
	font-size: 12px;
	font-weight: bold;
	}
	
	
/* 頁籤設定
--------------------------------------------------- */
div.page{ 
			color: #9d9d9d; width: 415px;
			margin: 10px 0 6px 0;
			float:left;
			text-align: center;
			display:inline !important;
			height:auto !important;
			
			}
		div.page a{ color: #555555; }
		div.page a.current{ font-weight: bold; color: #ff5816;  text-decoration: underline;  }
		
div.page a{ color: #9d9d9d; }

/* 表格設定
--------------------------------------------------- */
table {border-collapse: collapse; border-spacing: 0; }
caption,th { text-align: left; }
tr {}
th {}
td {}
/*------index_ad--------*/
.number a{ width:18px; height:18px; float:left; line-height:18px; background-color:#3369a9; color:#fff; text-align:center; font-size:12px; font-family:Verdana; 
font-weight:bold; margin-left:5px }
.number a:hover, .number a.activeSlide{ width:18px; height:18px; float:left; line-height:18px; background-color:#FF6600; color:#fff; text-align:center ; font-size:12px; text-decoration:none }