﻿@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	height: auto;
	font-size: medium;
	font-family: "微軟正黑體";
}
h1 {
	color: rgb(80,147,220);
	line-height: 100%;
	margin: 0;
	letter-spacing: 2px;
	text-transform: capitalize;
}
h2 {
	padding:0 0 0 30px;
	background:url(../images/icon_01.jpg) no-repeat 5px 6px;
	color: rgb(83,148,220);
}
h3 {
	font-size:120%;
	color: rgb(83,148,220);
	margin:0;
	padding:0;
}
h5 {
	font-size: medium;
	font-family: "微軟正黑體";
	font-weight: normal;
	display: inline-block;
}
h5 a:link {
	color: #333;
	text-decoration: none;
}
h5 a:visited {
	color: #333;
}
h5 a:hover {
	color: #333;
	text-decoration: underline;
}
.text_red {
	color:#F00;
}
.text_white {
	color:#FFF;
}
.text_A {
	color:#0070c0;
}

/*Header*/
.HeadFirst {
	width: 100%;
	max-width: 1250px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg.jpg) no-repeat;
}
.Logo {
	width: auto;
	height: auto;
	margin: 10px;
	display: inline-block;
}
.Logo img {
	width: 282;
	height: auto;
}
.HeadRightBox {
	width: 75%;
	height: auto;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}
.Blind {
	width: auto;
	display: inline-block
}
.HeadMenu {
	width: 95%;
	list-style-type: none;
	display: inline-block;
	margin: 5px 0 20px 0;
	padding: 0;
}
.HeadMenu li {
	margin: 0;
	display: inline-block;
}
.HeadMenu li a:link {
	color: #999;
	text-decoration: none;
}
.HeadMenu li a:visited {
	color: #999;
}
.HeadMenu li a:hover {
	color: #F06;
	text-decoration: underline;
}
.HeadMenu li:after {
	content: "│";
	display: inline;
	margin: 0 10px;
}
.HeadMenu li:last-child {
	color: transparent;
	margin: 0;
}
/*Header end*/

/*Title*/
.mainitem {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	background: #4c89cc;
}
.mainitem img {
	width:100%;
	padding: 25px 0;
	max-width:921px;
}
/*Title end*/

/*Main content*/
.main_content {
	width: 100%;
	max-width: 1250px;
	height: auto;
	margin: 0 auto;
}
.content {
	width: 70%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	line-height:180%;
}
.right {
	width: 29%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
	.right a {
		text-decoration:none;
	}
	.button_1 {
		width:85%;
		height:auto;
		margin:20px auto;
		padding:20px 0;
		border-radius:6px;
		text-indent : 3em;
		font-size:200%;
		color:#FFF;
		background:url(../images/btn_01.png) #ff8535 no-repeat 10px 5px;
	}
	.button_1:hover {
		background:url(../images/btn_01.png) #ff9753 no-repeat 10px 5px;
	}
	.button_2 {
		width:85%;
		height:auto;
		margin:20px auto;
		padding:20px 0;
		border-radius:6px;
		text-indent : 3em;
		font-size:200%;
		color:#FFF;
		background:url(../images/btn_02.png) #ff8535 no-repeat 10px 5px;
	}
	.button_2:hover {
		background:url(../images/btn_02.png) #ff9753 no-repeat 10px 5px;
	}
	.button_3 {
		width:85%;
		height:auto;
		margin:20px auto;
		padding:20px 0;
		border-radius:6px;
		text-indent : 3em;
		font-size:200%;
		color:#FFF;
		background:url(../images/btn_03.png) #c76435 no-repeat 10px 5px;
	}
	.button_3:hover {
		background:url(../images/btn_03.png) #d28967 no-repeat 10px 5px;
	}
	.links_title {
		width:100%;
		padding:10px 0;
		background:#ea4e72;
		text-align:center;
		color:#FFF;
		font-size:150%;
	}
	.links ul {
		width:100%;
		padding:0;
		list-style:none;
		text-align:center;
	}
	.links ul li {
		width:100%;
		padding:10px 0;
	}
/*Main content end*/

/*Footer*/
.Inscription {
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #b6b8ba;
	text-align: center;
}
.InscriptionItem a {
	color: #2165e0;
	margin: 0 0 0 10px;
}
.InscriptionItem a:hover {
	color: #F06;
}
.InscriptionInfo {
	width: 50%;
	height: auto;
	margin: 0 8px;
	display: inline-block;
	line-height: 150%;
	font-size: medium;
	font-family: "微軟正黑體";
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
.InscriptionInfo a {
	color: #2165e0;
}
.InscriptionInfo a:hover {
	color: #F06;
}
.Inscription span {
	margin: 0 30px 0 0;
	color: #666
}
.InscriptionRight {
	width: auto;
	height: auto;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.InscriptionRight img {
	vertical-align: middle;
}
/*Footer end*/

/*留言板上方*/
.message_up {
	width:60%;
	margin:0 auto;
	padding:20px 0;
	display:block;
	text-align:center;
}
.message_search {
	width:80%;
	display:inline-block;
}

/*Table horA*/
#horA {
	width:100%;
	border-collapse: collapse;
	text-align: left;
	margin:0 0 20px 0;
	word-wrap: break-word;
	word-break: break-all;
}
#horA th {
	font-weight: bold;
	color: #000;
	padding: 20px 0px 20px 15px;
	text-align:left;
}
#horA td {
	padding: 20px 10px;
}
#horA td a:link {
	text-decoration: none
}
#horA td a:visited {
	COLOR:#fff;
	text-decoration: none
}
#horA td a:hover {
	COLOR:#f95637;
	text-decoration:underline;
}
#horA .odd {
	background: #e5e9f4;
}
/*Table horB*/
#horB {
	width:100%;
	border-collapse: collapse;
	text-align: left;
	margin:0 0 20px 0;
}
#horB th {
	font-weight: bold;
	color: #FFF;
	padding: 20px 0px 20px 15px;
	text-align:left;
	background:#4d6aa4;
}
#horB td {
	padding: 20px 10px;
}
#horB tr:nth-child(odd){
	background-color:#ccc;
	}
#horB td a:link {
	text-decoration: none
}
#horB td a:visited {
	COLOR:#000;
	text-decoration: none
}
#horB td a:hover {
	COLOR:#f95637;
	text-decoration:underline;
}
#horB .odd {
	background: #e5e9f4;
}

/*頁碼*/
.page_number {
	text-align:center;
	padding:10px 0 30px 0;
}

/*按鈕*/
.CheckBtn {
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	padding: 15px 25px;
	text-align: center;
	font-size: 0.813rem;
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
}
.CheckBtn a:link {
	color:#FFFFFF;
	text-decoration: none;
}
.CheckBtn a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
.CheckBtn a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
.CheckBtn:hover {
	background-color: #000;
}

.AddBtn {
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	padding: 15px;
	text-align: center;
	font-size: 0.813rem;
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
}
.AddBtn a:link {
	color:#FFFFFF;
	text-decoration: none;
}
.AddBtn a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
.AddBtn a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
.AddBtn:hover {
	background-color: #000;
}
/*RWD*/
@media screen and (max-width: 750px) {
.HeadFirst {
	background:none;
	text-align:center;
}
.HeadMenu {
	text-align:center;
}
.content {
	width: 99%;
}
.right {
	width:99%;
}
}
@media screen and (max-width: 492px) {
.InscriptionInfo {
	width: 95%;
}
}