/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
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}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/*全域設定*/

html{
	padding: 0;
	margin: 0;
	line-height: 1;
}

body{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Tahoma,PMingLiU;
	word-break: break-all;
	color: #555;
}

h3{
	font-size: 2.5em;
	letter-spacing: 2px;
	color: #00913a;
}

h4{
	font-size: 1.8em;
	letter-spacing: 1px;
	color: #00913a;
}

h5{
	font-size: 1.4em;
	letter-spacing: 1px;
	color: #00913a;
}

div{

}

ul,ol,dl{
	padding-left: 0;
}

ul{
	list-style-type: none;
}

li{

}

a{
	font-size: 1em;
	line-height: 1.2;
	color: #0088cc;
	text-decoration: none;
}

a:hover{
	cursor: pointer;
	color: #005580;
}

hr{
	margin: 15px 0;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ffffff;
}

/*排版*/

.layout-fluid-l{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

.layout-fluid-m{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

.layout-fluid-s{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.layout-solid-l{
	width: 1024px;
	margin: 0 auto;
}

.layout-solid-m{
	width: 980px;
	margin: 0 auto;
}

.layout-solid-s{
	width: 800px;
	margin: 0 auto;
}

.layout-fluid-a,.layout-100{
	width: 100%;
	float: none;
}

.layout-98{
	width: 98%;
}

.layout-96{
	width: 96%;
}

.layout-95{
	width: 95%;
}

.layout-94{
	width: 94%;
}

.layout-92{
	width: 92%;
}

.layout-90{
	width: 90%;
}

.layout-85{
	width: 85%;
}

.layout-80{
	width: 80%;
}

.layout-75{
	width: 75%;
}

.layout-70{
	width: 70%;
}

.layout-65{
	width: 65%;
}

.layout-60{
	width: 60%;
}

.layout-55{
	width: 55%;
}

.layout-50{
	width: 50%;
}

.layout-45{
	width: 45%;
}

.layout-40{
	width: 40%;
}

.layout-35{
	width: 35%;
}

.layout-30{
	width: 30%;
}

.layout-25{
	width: 25%;
}

.layout-20{
	width: 20%;
}

.layout-15{
	width: 15%;
}

.layout-10{
	width: 10%;
}

.layout-5{
	width: 5%;
}

/*內置區塊*/


.fluid-box{
	zoom: 1;
}

.fluid-box:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}

	/*.fluid-box-right > 
	.fluid-1-1,
	.fluid-2-1,.fluid-2-2,
	.fluid-3-1,.fluid-3-2,.fluid-3-3,
	.fluid-4-1,.fluid-4-2,.fluid-4-3,.fluid-4-4,
	.fluid-5-1,.fluid-5-2,.fluid-5-3,.fluid-5-4,.fluid-5-5,
	.fluid-10-1,.fluid-10-2,.fluid-10-3,.fluid-10-4,.fluid-10-5,.fluid-10-6,.fluid-10-7,.fluid-10-8,.fluid-10-9,.fluid-10-10{
		display: block;
		float: right;
	}*/

	.fluid-box > 
	.fluid-1-1,
	.fluid-2-1,.fluid-2-2,
	.fluid-3-1,.fluid-3-2,.fluid-3-3,
	.fluid-4-1,.fluid-4-2,.fluid-4-3,.fluid-4-4,
	.fluid-5-1,.fluid-5-2,.fluid-5-3,.fluid-5-4,.fluid-5-5,
	.fluid-10-1,.fluid-10-2,.fluid-10-3,.fluid-10-4,.fluid-10-5,.fluid-10-6,.fluid-10-7,.fluid-10-8,.fluid-10-9,.fluid-10-10{
		display: block;
		float: left;
	}

	.fluid-box > .fluid-1-1,.fluid-2-2,.fluid-3-3,.fluid-4-4,.fluid-5-5,.fluid-10-10{
		width: 100%;
		float: none;
	}

	.fluid-box > .fluid-2-1,.fluid-4-2,.fluid-10-5{
		width: 50%;
	}

	.fluid-box > .fluid-2-1,.fluid-4-2,.fluid-10-5{
		width: 50%;
	}

	.fluid-box > .fluid-3-1{
		width: 33%;
	}

	.fluid-box > .fluid-3-1:last-child{
		width: 34%;
	}

	.fluid-box > .fluid-3-2{
		width: 67%;
	}

	.fluid-box > .fluid-4-1{
		width: 25%;
	}

	.fluid-box > .fluid-4-3{
		width: 75%;
	}

	.fluid-box > .fluid-5-1,.fluid-10-2{
		width: 20%;
	}

	.fluid-box > .fluid-5-2,.fluid-10-4{
		width: 40%;
	}

	.fluid-box > .fluid-5-3,.fluid-10-6{
		width: 60%;
	}

	.fluid-box > .fluid-5-4,.fluid-10-8{
		width: 80%;
	}

	.fluid-box > .fluid-10-1{
		width: 10%;
	}

	.fluid-box > .fluid-10-3{
		width: 30%;
	}

	.fluid-box > .fluid-10-7{
		width: 70%;
	}

	.fluid-box > .fluid-10-9{
		width: 90%;
	}

	.fluid-box > .ost-2-1,.ost-4-2,.ost-10-5{
		margin-left: 50%;
	}

	.fluid-box > .ost-3-1{
		margin-left: 33%;
	}

	.fluid-box > .ost-3-2{
		margin-left: 66%;
	}

	.fluid-box > .ost-4-1{
		margin-left: 25%;
	}

	.fluid-box > .ost-4-3{
		margin-left: 75%;
	}

	.fluid-box > .ost-5-1,.ost-10-2{
		margin-left: 20%;
	}

	.fluid-box > .ost-5-2,.ost-10-4{
		margin-left: 40%;
	}

	.fluid-box > .ost-5-3,.ost-10-6{
		margin-left: 60%;
	}

	.fluid-box > .ost-5-4,.ost-10-8{
		margin-left: 80%;
	}

	.fluid-box > .ost-10-1{
		margin-left: 10%;
	}

	.fluid-box > .ost-10-3{
		margin-left: 30%;
	}

	.fluid-box > .ost-10-7{
		margin-left: 70%;
	}

	.fluid-box > .ost-10-9{
		margin-left: 90%;
	}

/*屬性轉換與對齊*/

.i-bk{
	display: inline-block;
}

.bk{
	display: block;
}

.i-bk-center,.i-center{
	text-align: center;
}

.i-bk-right,.i-right{
	text-align: right;
}

.bk-center{
	margin: 0 auto;
}

.bk-right{
	float: right;
}

/*top bar*/

#top_bar{
	position: fixed;
	z-index: 99;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 6px #888;
}

	#top_bar .inner{
		width: 90%;
	}

/*常用標籤*/

.clear{
	clear: both;
}

.layout-test{
	box-shadow: 0 0 1px #000 inset;
}

.table{
	width: 98%;
	margin: 20px auto 40px;
	text-align: center;
	border: 6px;
}

	.table tr{
		border-top: 1px solid #ddd;
	}

	.table tr:first-child{
		border-top: none;
	}

	.table.hover tr:hover{
		background: #fff9e7;
	}

	.table tr:nth-child(even){
		background: #f8f8f8;
	}

		.table tr th{
			padding: 10px 0;
		}

		.table tr td{
			padding: 10px 0;
		}