/***********************************************/
/* tmpinc.css             		               */
/* 2016/12/13								   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
@charset "utf-8";
/* 網頁預設文字顏色 */
body{
	background-color: #003366;
	color: #000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif, Verdana,"微軟正黑體", "新細明體";
	line-height: 22px;
}
form {
	font-size: 16px;
	margin: 0;
}
a:link,a:active,a:visited {
	color:#00f;text-decoration:none;}
a:hover { text-decoration:inherit; color : #0f0; }
hr { height: 0px; border: solid #000000 0px; border-top-width: 1px;}
input[type=button],input[type=submit],input[type=reset] {
    background-color: #4F709F; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
	/*width:120px;*/
    /*padding: 15px 32px;
    display: inline-block;*/
}
/* 主要格式設定 */
* {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
fieldset {
	border:0;
	padding:10px;
	margin-bottom:10px;
	background:#EFE;
	font-size:18px;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);
	background:linear-gradient(top,#EFEFEF,#FFFFFF);

	box-shadow:3px 3px 10px #666;
	-moz-box-shadow:3px 3px 10px #666;
	-webkit-box-shadow:3px 3px 10px #666;

	position:relative;
	}
fieldset a:link, fieldset a:visited, fieldset a:hover {
	font-size:18px;
}
legend {
	padding:5px 10px;
	background-color:#4F709F;
	color:#FFF;
	font-size:20px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

	box-shadow:2px 2px 4px #666;
	-moz-box-shadow:2px 2px 4px #666;
	-webkit-box-shadow:2px 2px 4px #666;

	position:absolute;
	left:10px;top:-11px;
	border-left:hidden;
	}
.nav{
	font-size:18px;
}
.container{
	position:relative;
	top:-10px;
	background-color:#fff;
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	box-shadow:0px 0px 100px rgba(255,255,255,1);
	/*height:1800px;*/
}
.topbar{
	background-color:#003366;
	color:#fff;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
	height: 20px;
}
.banner{
	background-color:#fff;
	margin: 0px 0px 20px 0px;
	height:50px;
}
.ban_1{float:left;}
.ban_2{float:left;}
.ban_3{float:right;}
.arealeft{
	float:left;
	background-color:#fff;
	width: 180px;
	margin-left:0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.arealeft a:link, .arealeft a:active,.arealeft a:visited { color:#666;text-decoration:none; }
.arealeft a:hover { text-decoration:inherit; color : #0f0; }
.areacenter{
	float: left;
	padding: 10px 10px 0 10px;
	background-color:#fff;
	width: 900px;
}
.areacontent{
	float: left;
	padding: 10px 10px 0 10px;
	background-color:#fff;
	width: 1090px;
}
.arearight{
	float: left;
	background-color:#fff;
	width: 180px;
	padding: 10px 20px 0 0;
}
.popbox{
	background-color:#fff;
	color:#000;
	padding: 0 auto;
}
.footer{
	/*position:absolute;*/
	bottom:0;
	background-color:#fff;
	width:100%;
}

ul.nav {
	margin:0;
	padding:0 0 0 10px;
	font-size:18px;
	list-style: none; /* 這會移除清單標記 */
	/*border-top: 1px solid #666;  這會建立連結的上方邊框，其他則都會使用下方邊框放置在 LI 上 */
	margin-bottom: 15px; /* 這會在下方的內容上建立導覽間的間距 */
}
ul.nav li {
	border-bottom: 1px solid #666;/*  這會建立按鈕分隔 */
	font-size:16px;
}
ul.nav a, ul.nav a:visited { /* 將這些選取器放入群組，即可確保您的連結即使在受到點擊後仍保有按鈕外觀 */
	padding: 5px 5px 5px 5px;
	display: block; /* 這會為連結提供區塊屬性，使連結能填滿包含它的整個 LI，讓整個區域都能回應滑鼠點按動作。 */
	/*width: 160px;  這個寬度使整個按鈕都可用於 IE6 的點按動作。如果不需要支援 IE6，就可將其移除。請從側邊列容器的寬度減去此連結的間距來計算適當的寬度。 */
	text-decoration: none;
	background-color: #fff;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* 這會同時變更滑鼠及鍵盤導覽器的背景及文字顏色 */
	background-color: #003366;
	color: #ffffff;
}
.fltrt {  /* 這個類別可用來讓元素在頁面中浮動，浮動的元素必須位於頁面上相鄰的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓元素在頁面左方浮動，浮動的元素必須位於頁面上相鄰的元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果已移除 .container 上的 overflow:hidden) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* 字體顏色 */
.font_black {
	color:#000;
}
.font_white {
	color:#fff;
}
.font_blue {
	color:#00f;
}
.font_red {
	color:#F00;
}
.font_red2 {
	color: #F00;
	font-weight: bold;
	font-size: 16px;
}