@charset "utf-8";
/************ BASIC ************/
*{margin:0;padding:0;list-style-type:none;}
img {border: 0px;}
body {
	font-family: 'Microsoft JhengHei', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 14px;
	margin-top: 0px;
	text-decoration: none;
	background-repeat: repeat;
	font-weight: normal;
	background: #e5e7e3;
}

ul, h1, h2, h3, h4, h5, h6, h7, h8, h9 {
list-style:none;
font-family: 'Microsoft JhengHei', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
h8 { font-size: 12px; line-height: 16px; color: #CCCCCC;}
h9 { font-size: 10px; line-height: 20px; text-align: center;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/************ Body Start ************/
#main_total { width:100%; margin: 0 auto;}
.wrapper{ width:100%; overflow:hidden; }

/************ header ************/
#main_header { padding: 10px 0px; background:#FFFFFF; border-top: 5px solid #3EACCF; }
#main_header .logo { padding-top: 5px; max-width: 400px;  }
	
/************ bar_left ************/
#main_content{ padding: 10px; background-color: #FFFFFF; }
#main_footer{ padding: 10px; background-color: #87CBE1; }
.footer_box  { font-size: 12px; line-height: 1.5em; color:#FFFFFF; text-align: center; }

/* 360px */
@media screen and (max-width:360px) {
	#main_header, #main_left, #main_content, #main_footer{ max-width:100%; margin:0 auto;}
	#main_header { height: auto; display: block; }
	#main_content{ min-width: 120px; max-width: 360px; background-color: #FFFFFF;}
	#main_left { margin: 0px; width: 100%;}
	#banner_left img{ display:none; }
	.map { width: 100%; }
	#search { padding-top: 10px;  margin-left: 10px; }
	#banner_right img{ margin: 1px 0px; width: 100%; }
	}

/* 480px */
@media screen and (min-width:361px) and (max-width:680px) {
	#main_header, #main_left, #main_content, #main_footer{ max-width:100%; margin:0 auto;}
	#main_header { height: auto; display: block; }
	#main_content{ max-width:100%; background-color: #FFFFFF;}
	#main_left { margin: 0px; width: 100%;}
	#banner_left img{ display:none; }
	.map { width: 100%; }
	#search { padding-top: 10px;  margin-left: 10px; }
	#banner_right img{ margin: 1px 0px; width: 100%; }
	}
/* 768px */
@media screen and (min-width:681px) and (max-width:900px) {
    #main_total { max-width:100%; position: relative; margin: 0 auto 0; display: block; background-image: url(../images/body_content_bg.png);}
	#main_header, #main_content, #main_footer{ max-width:100%; margin:0 auto; }
	#main_header, #search { height: auto; display: block;}
	#main_left { margin: 0px; max-width: 28%; float: left;}
	#main_right { margin: 0px 0px 0px 30%;  }
	#search { top: 15px; float:right; }
	.map { margin-left: 30px; width: 80%; }
	#banner_left img{ margin: 1px 0px; width: 100%; }
	#banner_right img{ margin: 1px 0px; width: 100%; }
	}
/* 960px */ 
@media screen and (min-width:901px) and (max-width:1023px) {
    #main_total { max-width:100%; position: relative; margin: 0 auto 0; display: block; background-image: url(../images/body_content_bg.png);}
	#main_header, #main_content, #main_footer{ max-width:100%; margin:0 auto; }	
	#main_header, #search { height: auto; display: block;}	
	#main_left { padding: 0px; width: 250px; float: left; }
	#main_right { margin: 0px 0px 0px 260px; }
	#search { top: 15px; float:right; display: block;  }
	.map { margin-left: 50px; width: 80%; }
	#banner_left img{ margin: 1px 0px; width: 100%; }
	#banner_right img{ margin: 1px 0px; width: 100%; }
	}
/* 1024px */ 
@media screen and (min-width:1024px) and (min-width:1024px) {
    #main_total { width: 1024px; position: relative; margin: 0 auto 0; display: block; background-image: url(../images/body_content_bg.png);}
	#main_header, #main_content, #main_footer{ max-width:100%; margin:0 auto; }	
	#main_header, #search { height: auto; display: block;}	
	#main_left { padding: 0px; width: 250px; float: left; }
	#main_right { margin: 0px 0px 0px 260px; }
	#search { top: 15px; float:right; }
	.map { margin-left: 50px; width: 80%; }
	#banner_left img{ margin: 1px 0px; width: 100%; }
	#banner_right img{ margin: 1px 0px; width: 100%; }	
	}
	
/************ Body End ************/
.clear {clear:both;height:0px;}

/*-- 左側選單 --*/
#menu_left { font-size: 18px; max-width:100%; list-style: none; margin: 0px; padding: 0px; background: #87CBE1; }
#menu_left li { height: 50px; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #FFFFFF; }
#menu_left li a { color: #00468C; display: block; padding: 15px 15px; text-decoration: none; font-weight: normal; }
#menu_left  li:hover { color: #00468C; background: #50B3D3; }
/*-- 左側選單 --*/

.info {
	margin: 20px 0;
	padding:0;
	list-style:none;
	}

.info ul, .info p, .info h2 {
	margin:0;
	padding:0;
	list-style:none;
	}
.info li{
	display: block;
	float:left;
	width:100%;
	margin:0 9px 0 0;
	padding:10px;
	color:#666666;
	border-bottom: 1px dotted #CCCCCC;
	}
.info li:hover {
	color:#666666;
	background-color:#E5E5E5;
	}
.info .fl_right{
	display:block;
	float:right;
	width:620px;
	padding: 5px;
	margin: 0 20px 0 0;
	}
#info .fl_left{
	display:block;
	float:left;
	width:100px;
	margin:0;
	}
.info h2{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 20px;
	margin-left: 18px;
	color:#00468C;
	}
.info h4{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 16px;
	margin-left: 18px;
	color:#8C0000;
	}
.info p{
	margin-left: 18px;
	padding:0;
	line-height:1.8em;
	}
.info span{
	font-size: 10px; vertical-align: middle;
	}
	
.red{
	color:#B30000;
	}
	
#tab_v1 { width:auto; margin: 10px 4px; background:#FFFFFF;}
#tab_v1 ul { display:table-row; padding: 2px; margin: 20px 0px; }
#tab_v1 li { display:table-cell; padding: 6.5px; }
#tab_v1 ul li:hover {
	color:#333333;
	box-shadow: 0 0 5px #B1CFE0;
	-webkit-box-shadow: 0 0 5px #B1CFE0;
	-moz-box-shadow: 0 0 5px #B1CFE0;
	}
#tab_v1 ul li p{ color:#ACAC9D; }
#tab_v1 li img{ width: 215px; }

#tab_v2 { min-width:100%; margin: 10px 4px; background:#EFBFFF;}
#tab_v2 ul { display:table-row; padding: 2px; margin: 20px 0px; }
#tab_v2 li { display:table-cell; padding: 6.5px; }

#tab_v2{
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 10px 0px;
}
#tab_v2 td, #tab_v2 th {
	padding: 10px 4px;
	border: #506A85 1px solid;
}

#tab_v2 th {
	background-color: #506A85;
	color:#ffffff;
	border: #506A85 1px solid;
	text-align: center;
}
#tab_v2 .large { text-align: left; }
#tab_v2 .phase { text-align: center; }
#tab_v2 .date { text-align: center; }
#tab_v2 .apply { text-align: center; }

#tab_v3 { min-width:100%; margin: 10px 4px; background:#EFBFFF;}
#tab_v3 ul { display:table-row; padding: 2px; margin: 20px 0px; }
#tab_v3 li { display:table-cell; padding: 6.5px; }
.FormStyle{
	border: #506A85 1px solid;
}
#tab_v3{
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
	margin: 10px 0px;
}
#tab_v3 td, #tab_v3 th {
	padding: 10px 4px;
	
}

#tab_v3 .ListTd {
	background-color: #506A85;
	color:#ffffff;
	border: #506A85 1px solid;
	text-align: center;
}
#tab_v3 .large { text-align: left; }
#tab_v3 .phase { text-align: center; }
#tab_v3 .date { text-align: center; }
#tab_v3 .apply { text-align: center; }
#banner img{  margin: 0px 1px;  max-width: 170px; max-height: 70px; }

/* 搜尋框 */
.search_box{ min-width:350px; }
.search_box input[type="text"] {
	border: thin solid #CCCCCC;
	height: 18px;
	padding: 5px;
	width: 75%;
	float:left;
  	}
.search_box input[type="submit"] {
    background: none repeat scroll 0 0 #87CBE1;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    padding: 5px;
	text-transform:uppercase;
  	}
	
.textname  {
	min-width:200px;
	border: thin solid #CCCCCC;
	height: 20px;
	padding: 5px;
  	}
	
input:focus, textarea:focus, select:focus,checkbox:focus { 
	box-shadow: 0 0 5px #B1CFE0;
	-webkit-box-shadow: 0 0 5px #B1CFE0;
	-moz-box-shadow: 0 0 5px #B1CFE0;
	}

.button { font-size: 13px; border:1px solid #CCCCCC; color: #000000; padding: 5px 10px; }
.button:hover {color: #FFFFFF; background:#2D58A6; }
	
/* 分頁樣式 page_style */
.page { margin: 15px 0;text-align: center;font-family: arial, helvetica, sans-serif;font-size: 13px;}
.page a { border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #88af3f; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none }
.page a:hover { border-right: #85bd1e 1px solid; border-top: #85bd1e 1px solid; border-left: #85bd1e 1px solid; color: #638425; border-bottom: #85bd1e 1px solid; background-color: #f1ffd6 }
.page a:active { border-right: #85bd1e 1px solid; border-top: #85bd1e 1px solid; border-left: #85bd1e 1px solid; color: #638425; border-bottom: #85bd1e 1px solid; background-color: #f1ffd6 }
.page span.current { border-right: #b2e05d 1px solid; padding-right: 5px; border-top: #b2e05d 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #b2e05d 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #b2e05d 1px solid; background-color: #b2e05d }
.page span.disabled { border-right: #f3f3f3 1px solid; padding-right: 5px; border-top: #f3f3f3 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #f3f3f3 1px solid; color: #ccc; margin-right: 2px; padding-top: 2px; border-bottom: #f3f3f3 1px solid }