/*
Template Name: Module
File:Layout
Author URI: http://www.hydesign.idv.tw/
*/

@charset "utf-8";
/* CSS Document */

html{
	overflow: scroll;
	overflow-x: auto;
}

body {
	margin: 0;
	padding: 0;
	line-height: 20px;
	background:#001f45;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* { 
	margin: 0;
	padding: 0;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: bold;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
}


p {
	line-height: 18px;
	word-spacing: normal;
	letter-spacing: 0.1em;
}

b,strong {
    font-weight: bold;
}

a:link, a:visited{
	color: #999999;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #666666;
	text-decoration: none;
}

.fc-content a{
	color: #fff;
	text-decoration: none;
}

img {
	border: 0;
}

a img { 
	border: 0;
}

hr {
    height: 0;
    box-sizing: content-box;
	-moz-box-sizing: content-box;
}

button,input,select,textarea {
    margin: 0; 
	padding:0 5px;
    font-size: 100%; 
    min-height: 30px;
    font-family: inherit; 
	
	/* IE 修正 */
	-pie-lazy-init: true;
	behavior: url(PIE.htc);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button,input {
    line-height: normal;
}

button,select {
    text-transform: none;
}

button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0; 
    box-sizing: border-box; 
}

input[type="search"] {
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #a6bada;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a6bada;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a6bada;
}

textarea {
    overflow: auto; 
    vertical-align: top; 
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*======Frame.START=====*/

#container {
	*zoom: 1;
	padding: 0;
	margin: 0 auto;
	width: 1000px;
	background-color:#FFFFFF;
}

/*header*/

#header {
	padding: 0;
	clear: both;
	height: 330px;
	display: block;
	overflow:hidden;
	position:relative;
	margin: 0 0 40px 0;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../images/top_banner.jpg);
}

.hot_logo{
	top:0;
	left:20px;
	margin: 0;
	position:absolute;
	padding: 10px 0 0 0;
}

ul.header_menu{
	bottom:0;
	padding: 0;
	margin: 0 20px;
	position:absolute;
}

ul.header_menu li{
	margin: 0;
	float: left;
	display: block;
	color: #014e97;
	list-style:none;
	position:relative;
	font-size: 14px;
	line-height:42px;
	padding: 0 40px 0 25px;
}

ul.header_menu li a,ul.header_menu li a:link{
	color: #014e97;
}

ul.header_menu li img{
	top:0;
	right:0;
	border: 0;
	padding: 0 ;
	position:absolute;
}

ul.header_menu li a:hover{
	color: #006fd8;
}

.hot_search{
	top:0;
	right:0;
	margin: 0;
	position:absolute;
	padding: 10px 0 0 0;
}

.hot_search_input{
	border:0;
	float:left;
	padding: 0;
	width:204px;
	height:34px;
	background:none;
	margin: 15px 0 0 0;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(../images/hot_search_bk.png);

}

.hot_search_botton{
	border:0;
	float:left;
	border:0px;
	width:58px;
	height:60px;
	background:none;
	margin:0 10px 0 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/hot_search_banner.png);
}


/*content*/

#content {
	padding: 0;
	display: block;
	overflow: hidden;
	margin: 0 auto 40px auto;
}

/*footer*/

#footer {
	padding: 0;
	clear: both;
	display: block;
	overflow:hidden;
	position:relative;
	background-position: top;
	background-color:#002a5b;
	background-repeat: no-repeat;
	background-image: url(../images/footer_bk.jpg);
}

#footer h1 {
	color:#02adec;
	font-size:12px;
	padding:10px 10px 5px 10px;
}

#footer p {
	color:#bdbdbd;
	font-size:10px;
	padding:5px 10px;
}

.footer_left {
	float:left;
	display:block;
}

.footer_right {
	right:0;
	bottom:0;
	float:right;
	display:block;
	position:absolute;
}


/*======Frame.END=====*/




/*======Index.START=====*/

.index {
	display:block;	
	margin: 0 auto;	
	padding: 0 20px;
	overflow:hidden;
}

.index_hgroup {
	margin: 0;
	padding: 0;
	display:block;
}

.index_hgroup h1 {
	float:left;
	color:#00398b;
	font-size:24px;
	font-weight:normal;
	padding: 0 10px 0 30px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../images/index_icon.jpg);
}

.index_hgroup img {
	float:left;
}

.index img {
	float:left;
}

.index_box {
	padding: 0;
	float: left;
	display:block;	
	margin: 0 15px 0 30px;
}

.index_box ul {
	margin: 0;
	clear:both;
	padding: 20px 0 10px 0;
}

.index_box ul li {
	margin: 0;
	display: block;
	color: #3a3a3a;
	list-style:none;
	font-size: 14px;
	line-height: 25px;
	padding: 0 0 0 15px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../images/news_icon.jpg);
}

.index_box ul li a{
	color: #3a3a3a;
}

.index_box ul li a:hover{
	color: #009efa;
}


.index_box p {
	color:#3a3a3a;
	clear:both;
	font-size:14px;
	display:block;	
	padding: 20px 0 10px 0;
}

.index_box p img {
	float:left;
	margin: 0 20px 0 0;
}


.index_box p a{
	color: #3a3a3a;
}

.index_box p a:hover{
	color: #009efa;
}


/*======Index.END=====*/



/*======Content.START=====*/

/*content:left*/

.sidebar {
	margin: 0;
	padding: 0;
	float: left;
	width: 226px;
	display:block;
}

.sidebar h1 {
	margin: 0px;
	color:#0268ab;
	font-size:20px;
	padding: 10px 20px;
	font-weight:normal;
}

.sidebar h1 span {
	color:#00398b;
}

.sidebar_nav {
	width: 200px;
	margin:0 auto;
	display:block;
	padding:0 0 0 0;
	background-repeat:repeat-y;
	background-image:url(../images/sidebar_bk.jpg);
}

.sidebar_nav ul {
	margin:0 auto;
	display:block;
	min-height:188px;
	padding:0 0 40px 0;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(../images/sidebar_down.jpg);
}

.sidebar_nav ul li {
	width:176px;
	margin:0 auto;
	color: #627d8c;
	display: block;
	font-size:14px;
	line-height:24px;
	list-style: none;
	padding: 5px 0 5px 5px;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-image:url(../images/sidebar_menubk.jpg);
}

.sidebar_nav ul li a,.sidebar_nav ul li a:visited {
	color: #627d8c;
	text-decoration: none;
}

.sidebar_nav ul li a:hover,.sidebar_nav ul li a:active,.sidebar_nav ul li a:focus {
	color: #0095ec;
	text-decoration: none;
}

.sidebar_nav ul li:hover{
	background-repeat:no-repeat;
	background-image:url(../images/sidebar_menubk_hover.jpg);
}



ul.sidebar_nav_2  {
	margin:0 auto;
	display:block;
	padding:10px 0 10px 20px;
	min-height:0;
	background-image:none;
}

ul.sidebar_nav_2 li {
	width:auto;
	color: #9fabb3;
	display: block;
	font-size:14px;
	line-height:20px;
	list-style: none;
	padding: 5px 0;
	margin:0 20px 0 10px;
	background-image:none;
	border-bottom:1px dashed #e6e6e6;
}

ul.sidebar_nav_2 li a,ul.sidebar_nav_2 li a:visited {
	color: #9fabb3;
	text-decoration: none;
	background-image:none;
}

ul.sidebar_nav_2 li a:hover,ul.sidebar_nav_2 li a:active,ul.sidebar_nav_2 li a:focus {
	color: #0095ec;
	text-decoration: none;
	background-image:none;
}


ul.sidebar_nav_2 li:hover{
	background-image:none;
}



/*content:artical*/

.artical{
	margin: 0;
	float:right;
	width: 774px;
	display:block;
	overflow:hidden;
	padding: 0 0 0 0;
}

.hgroup{
	height:70px;
	display:block;
	overflow:hidden;
	position:relative;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(../images/hgroup_bk.jpg);
}

.hgroup h1{
	color: #1ba1ee;
	font-size:20px;
	font-weight:normal;
	padding: 0 0 5px 20px;
}

.sitemap{
	top:0;
	right:0;
	float:right;
	color: #7e7e7e;
	font-size: 12px;
	font-weight:bold;
	position:absolute;
	padding: 0 20px 0 20px;
	background-position:left 5px;
	background-repeat:no-repeat;
	background-image:url(../images/sitemap_icon.png);
}

.sitemap a,.sitemap a:link,.sitemap a:visited{
	color: #7e7e7e;
	font-weight:normal;
	text-decoration: none;
}

.sitemap a:hover,.sitemap a:active,.sitemap a:focus {
	color: #6792b7;
	font-weight:normal;
	text-decoration: none;
}

/*段落章節*/
.section {
	margin:0 auto;
	display: block;
	padding: 0 20px;
}

.section_hgroup{
	display:block;
	overflow:hidden;
}

.section_hgroup h1{
	clear:both;
	color:#246cab;
	font-size: 16px;
	margin: 0 0 5px 0;
	padding: 15px 0 5px 0;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(../images/hgroup_line.jpg);
}

.section_hgroup p{
	float:left;
	display:block;
	padding: 0 5px;
	color: #FFFFFF;
	font-size: 12px;
	background-color:#6dac22;
}


/*圖文*/

.figure{
	margin: 0;
}

.figure p{
	margin: 0;
	padding: 4px 5px;
	color: #5f6078;
	font-size: 12px;
}

.figcaption{
	color: #C00;
	font-size: 12px;
}

/*======Search =====*/

.search{
	display:block;
	margin: 0 20px;
	overflow:hidden;
	padding: 0 0 20px 20px;
	background-position: left 5px;
	background-repeat:no-repeat;
	background-image:url(../images/search_icon.png);
}

.search p{
	margin: 0;
	float:left;
	color:#246cab;
	padding: 0 2px;
	font-size: 12px;
	line-height:26px;
}

.search img{
	float:left;
	margin: 5px 0 0 0;
}

.date_input{
	float:left;
	width:120px;
	height:26px;
	margin:0 4px;
	color:#a6bada;
	font-size: 12px;
	border:1px solid #a6bada;
}

.search_input{
	float:left;
	height:26px;
	width:160px;
	margin:0 4px;
	color:#a6bada;
	font-size: 12px;
	border:1px solid #a6bada;
}

.select_input{
	float:left;
	width:120px;
	height:26px;
	margin:0 4px;
	color:#246cab;
	font-size: 12px;
	border:1px solid #a6bada;
}

.search_botton{
	float:left;
	width:57px;
	height:26px;
	background:none;
	border:0px solid #a6bada;
	background-repeat:no-repeat;
	background-image:url(../images/search_botton.png);
}

/*======Search.END=====*/


/*======list =====*/


.list {
	clear:both;
	margin: 0 20px;
	display:block;
	padding:0 0 10px 0;
}

.list ul {
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
}

.list ul li {
	margin:0;
	padding:0;
	float:left;
	display: block;
	list-style: none;
}

.list ul li a,.list ul li a:visited {
	color: #5f6078;
	text-decoration: none;
}

.list ul li a:hover,.list ul li a:active,.list ul li a:focus {
	color: #0050a1;
	text-decoration: none;
}

ul.list_th {
	margin:0;
	padding: 0;
	height:40px;
	font-size: 13px;
	background-repeat:repeat-x;
	background-image:url(../images/list_title_th.jpg);
}

ul.list_th li {
	color:#6c88b6;
	line-height:40px;
	text-align:center;
}

ul.list_td {
	margin:0;
	padding: 0;
	font-size: 12px;
}

ul.list_td li {
	color:#6c88b6;
	line-height:36px;
}

.list_td_1 {
	display:block;
	overflow:hidden;
	background-color:#FFFFFF;
}

.list_td_2 {
	display:block;
	overflow:hidden;
	background-color:#f4f7fb;
}

li.data{
	width:20%;
	display:block;
	text-align:center;
}

li.subject{
	width:80%;
	display:block;
}

li.centerdatafree{
	display:block;
	text-align:center;
}

li.datafree{
	display:block;
}

/*======Gallery=====*/


.list_pic ul {
	margin:0;
	padding:10px 0 0 0;
}

.list_pic ul li {
	padding: 0;
	float:left;
	width:130px;
	display: block;
	list-style: none;
	margin:0 16px 0 0;
}

.list_pic ul li a,.list_pic ul li a:visited {
	text-decoration: none;
}

.list_pic ul li a:hover,.list_pic ul li a:active,.list_pic ul li a:focus {
	text-decoration: none;
}

.list_pic ul li p {
	margin: 0;
	padding: 5px 0;
	color: #5d789d;
	display: block;
	font-size: 12px;
}

.gallery {
	padding: 0;
	margin:0 auto;
}

.gallery_big {
	margin:0;
	padding:0;
	widows:700;
	overflow:hidden;
}

.gallery_big p {
	color: #5d789d;
	font-size: 12px;
}

.gallery_small ul {
	margin:0;
	overflow:hidden;
	padding:10px 0 0 0;
}

.gallery_small ul li {
	padding: 0;
	float:left;
	width:100px;
	display: block;
	list-style: none;
	margin:0 16px 0 0;
}

.gallery_small ul li a,.gallery_pic ul li a:visited {
	text-decoration: none;
}

.gallery_small ul li a:hover,.gallery_small ul li a:active,.gallery_small ul li a:focus {
	text-decoration: none;
}

.gallery_small ul li p {
	margin: 0;
	padding: 5px 0;
	color: #5d789d;
	display: block;
	font-size: 12px;
}


/*======Gallery.END=====*/



/*======Link =====*/


.link {
	clear:both;
	margin:0 auto;
	display:block;
	padding:10px 0;
}


.link ul {
	margin:0;
	padding:5px 0 40px 0;
}

.link ul li {
	margin:0;
	float:left;
	display: block;
	font-size: 12px;
	line-height:18px;
	list-style: none;
	padding: 0 0 0 20px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../images/link_icon.png);
}

.link ul li a,.link ul li a:visited {
	color: #009cff;
	text-decoration: none;
}

.link ul li a:hover,.link ul li a:active,.link ul li a:focus {
	color: #246cab;
	text-decoration: none;
}

/*======Link.END=====*/


/*======FQA=====*/

.fqa{
	margin: 0;
	padding: 0;
}

.fqa h1{
	clear:both;
	color:#246cab;
	font-size: 16px;
	padding: 5px 0;
	margin: 0;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(../images/hgroup_line.jpg);
}

.fqa h1 a{
	color:#246cab;
}

.fqa h1 a:hover{
	color:#1ba1ee;
}

.fqa p{
	margin: 0;
	color:#547093;
	font-size: 12px;
	padding: 5px 10px;
	background-color: #dee7f2;
}

/*======FQA.END=====*/

/*======pictures =====*/


.pictures {
	clear:both;
	margin:0 auto;
	display:block;
	padding:10px 0;
}

.pictures h1 {
	color: #6c88b6;
	font-size: 14px;
	font-weight:normal;
	padding: 5px 0 5px 20px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../images/pictures_h1_icon.jpg);
}

.pictures ul {
	margin:0;
	padding:5px 0 40px 0;
}

.pictures ul li {
	padding: 0;
	float:left;
	width:130px;
	height:96px;
	display: block;
	list-style: none;
	margin:0 16px 16px 0;
	background-color:#dee7f2;
}

.pictures ul li a,.pictures ul li a:visited {
	text-decoration: none;
}

.pictures ul li a:hover,.pictures ul li a:active,.pictures ul li a:focus {
	text-decoration: none;
}

/*======Link.END=====*/


/*======attachments=====*/


.attachments {
	clear:both;
	margin:0 auto;
	display:block;
	padding:10px 0;
}

.attachments h1 {
	color: #6c88b6;
	font-size: 14px;
	font-weight:normal;
	padding: 5px 0 5px 20px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../images/pictures_h1_icon.jpg);
}

.attachments ul {
	margin:0;
	padding:5px 0 40px 0;
}

.attachments ul li {
	margin: 0;
	padding: 5px 0;
	display: block;
	font-size: 12px;
	line-height:16px;
	list-style: none;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(../images/hgroup_line.jpg);
}

.attachments ul li a,.attachments ul li a:visited {
	color: #5f6078;
	padding: 0 0 0 20px;
	text-decoration: none;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../images/attachments_icon.jpg);
}

.attachments ul li a:hover,.attachments ul li a:active,.attachments ul li a:focus {
	color: #016ebc;
	text-decoration: none;
}

.attachments ul li img {
	margin: 0 5px;
}

/*======attachments.END=====*/


/*======page=====*/


.page {
	padding:0;
	clear:both;
	margin:0 auto;
	display:block;
}

.back_botton{
	border:0;
	margin:0;
	color:#FFFFFF;
	font-size: 12px;
	padding:5px 15px;
	background-color:#a6bada;
	
	/* IE 修正 */
	-pie-lazy-init: true;
	behavior: url(PIE.htc);
	
	/* 圓角效果 */
	border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

.back_botton:hover{
	background-color:#5d7aa8;
}

.top_botton{
	border:0;
	margin:0;
	color:#FFFFFF;
	font-size: 12px;
	padding:5px 15px;
	background-color:#a6bada;
	
	/* IE 修正 */
	-pie-lazy-init: true;
	behavior: url(PIE.htc);
	
	/* 圓角效果 */
	border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

.top_botton:hover{
	background-color:#5d7aa8;
}


.unmber {
	padding:0;
	clear:both;
	margin:0 auto;
	display:block;
	background-color:#d5e0ed;
}

div.page_unmber {
	width:300px;
	margin:0 auto;
	text-align:center;
	padding: 10px 20px;
}

div.page_unmber .pagenum {
	color:#246cab;
	padding:0 6px;
	font-size: 12px;
	text-align:center;
	display:inline-block;
	border:1px solid #a6bada;
}

div.page_unmber .pagenum:hover {
	color:#0087d3;
}

/*======page.END=====*/
/*列表頁上方查詢*/
.searchfrom {
    padding:15px;
}