@charset "utf8";

body,td,th {
	font-size: 10pt;
	line-height: 150%;
	color: #666;
}
.w_10px {
	font-size: 10pt;
}

.bg_link {
	background-image: url(images/main_09.png);
	text-align: right;
	font-size: 10pt;
}
.bg_main {
	background-image: url(images/main_15.png);
}
.inputhigh {
	height: 14px;
}

.bg_bt {
	background-image: url(images/main_44.png);
	text-align: center;
}

.bg_left {
	background-image: url(images/main_40.png);
	}
.bg_right {
	background-image: url(images/main_43.png);
	}	
	
.w_center {
	text-align: center;
}
#area_context {
	font-size: 10pt;
	line-height: 150%;
}
.w_01 {
	color: #52C5E4;
}
.w_02 {
	color: #A6EC72;
	font-weight: bold;
}
.w_03 {
	color: #ED72C5;
}
.w_04 {
	color: #BBB;
}
.w_05 {
	color: #F1D14A;
}
.w_06 {
	color: #754AF1;
}
.w_07 {
	color: #BE1313;
}
.w_08 {
	color: #135CBE;
}
.w_09 {
	color: #13BE9F;
}
.w_10 {
	color: #68BE13;
}
.w_11 {
	color: #D1B100;
}
.w_black {
	color: #000;
}
.rework {
	color: #F00;
}


.area_width {
	margin: 0 auto;        /*---這樣firefox區塊就可以置中了，因為上下方高度0，左右方長度他會"auto"自動調整--- */
	width:90%;             /*---這邊先設定c1的寬度為整個瀏覽器的80%--- */
	text-align:left;          /*---這邊就可以讓c1區域內的文字靠左對齊--- */
	background-color: #FDF0F9;         /*---區塊背景用粉紅色的比較清楚 xd--- */
	padding:10px;
}
.area_police {
	margin: 0 auto;        
	width:90%;            
	text-align:left;         
	background-color: #F9F0C9;      
	padding:10px;
}
.area_qna {
	margin: 0 auto;
	width:90%;
	text-align:left;
	background-color: #E5ECF0;
	padding:10px;
}
.area_news02 {
	text-align:left;
	background-color: #D9E4E8;
	padding:3px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 90%;
}

.area_feed {
	margin: 0 auto;
	width:90%;
	text-align:left;
	background-color: #FDFAEA;
	padding:10px;
}
.area_index {
	margin: 0 auto;
	width:90%;
	text-align:left;
	background-color: #FDFAEA;
	padding:10px;
	height: 180px;
}

.area_breast {
	margin: 0 auto;
	width:90%;
	text-align:left;
	background-color: #E3DBFC;
	padding:10px;
}
.area_rule {
	margin: 0 auto;
	width:90%;
	text-align:left;
	background-color: #FBF0F0;
	padding:10px;
}
.area_internal {
	margin: 0 auto;
	width:90%;
	text-align:left;
	background-color: #CEDDF1;
	padding:10px;
}
.area_news03 {
	text-align:left;
	background-color: #E8EFF9;
	padding:3px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 90%;
}

.area_pro {
	margin: 0 auto;
	width:90%;
	text-align:left;
	background-color: #E7F8F4;
	padding:10px;
}
.area_news01 {
	text-align:left;
	background-color: #E6F9F5;
	padding:3px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.area_data {
	
	margin: 0 auto;
	width:90%;
	text-align:left;
	background-color: #F8FCF3;
	padding:10px;
}
.area_left {
	margin: 0 auto;
	width:90%;
	text-align:left;
	padding:10px;
}

a {
	text-decoration: none;
}

#list_style {padding: 0px 1px;_padding: 0px;text-align: left;vertical-align: top;}
#list_style li{float: left;}
#list_menu {
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	padding: 0px 0px 0px0px;
	text-align: left;
	vertical-align: top;
}
#list_menu li{
	line-height: 14px;
	color: #933;
	background-image: url(images/dot_line.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	vertical-align: top;
	float: none;
	padding: 12px 15px 12px 0px;
	width: 120px;
}
#list_menu li a{
	line-height: 20px;
	color: #666666;
	font-size: 14pt;
	font-family: "微軟正黑體", "Arial Unicode MS";
}
#list_menu li a:hover{
	color: #930;
}

#wrapper_content8 {
background-image: url(images/list_bg.jpg);
background-repeat: repeat-y;
background-position: 229px top;
background-color: white;
float: left;
}
