:root {
	font-size: 100%; /* 1rem = 使用者瀏覽器預設字級（通常是 16px） */
}

/* CSS Document */
body, ul, ul li, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-family: Verdana,微軟正黑體, Microsoft JhengHei, Arial, Helvetica, sans-serif;
}

html, body {
	font-size: 0.9375rem; 
	line-height: 1.5;
	height: 100%;
	font-weight: normal;
	font-style: normal;
}

/*width*/
.w100 {
	width: 100% !important
}

.w90 {
	width: 90% !important
}

.w80 {
	width: 80% !important
}

.w70 {
	width: 70% !important
}

.w60 {
	width: 60% !important
}

.w50 {
	width: 50% !important
}

.w40 {
	width: 40% !important
}

.w30 {
	width: 30% !important
}

.w20 {
	width: 20% !important
}

.w10 {
	width: 10% !important
}


/*position*/
.twocolblock:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
}

.twocolblock {
	width: 100%;
}

	.twocolblock .left {
		float: left;
	}

	.twocolblock .right {
		float: right;
	}

/*align*/
.alignCenter {
	text-align: center !important;
}

.alignLeft {
	text-align: left !important;
}

.alignRight {
	text-align: right !important
}

/*margin*/
.MTR0 {
	margin: 0;
}

.MT5 {
	margin-top: 5px;
}

.MT10 {
	margin-top: 10px;
}

.MT15 {
	margin-top: 15px;
}

.MT20 {
	margin-top: 20px;
}

.MT25 {
	margin-top: 25px
}

.MT30 {
	margin-top: 30px;
}

.MT40 {
	margin-top: 40px;
}

.MT45 {
	margin-top: 45px;
}

.MT50 {
	margin-top: 50px;
}

.MB50 {
	margin-bottom: 50px;
}

.MT80 {
	margin-top: 80px;
}

.MT110 {
	margin-top: 110px;
}

.MT130 {
	margin-top: 130px;
}

.MB5 {
	margin-bottom: 5px;
}

.MB10 {
	margin-bottom: 10px;
}

.MB15 {
	margin-bottom: 15px;
}

.MB20 {
	margin-bottom: 20px;
}

.MB30 {
	margin-bottom: 30px;
}

.MB45 {
	margin-bottom: 45px;
}

.MR5 {
	margin-right: 5px;
}

.MR10 {
	margin-right: 10px;
}

.MR15 {
	margin-right: 15px;
}

.MR20 {
	margin-right: 20px;
}

.MR30 {
	margin-right: 30px;
}

.ML5 {
	margin-left: 5px;
}

.ML10 {
	margin-left: 10px;
}

.ML15 {
	margin-left: 15px
}

.ML20 {
	margin-left: 20px;
}

.ML30 {
	margin-left: 30px;
}

.MTB5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.MTB10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.MTB15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.MLR5 {
	margin-right: 5px;
	margin-left: 5px
}

.MLR10 {
	margin-right: 10px;
	margin-left: 10px
}

.MLR15 {
	margin-right: 15px;
	margin-left: 15px
}

.MLR20 {
	margin-right: 20px;
	margin-left: 20px
}

/*padding*/
.PTB5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.PTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.PLR5 {
	padding-left: 5px;
	padding-right: 5px;
}

.PLR10 {
	padding-left: 10px;
	padding-right: 10px;
}

.padding10ALL {
	padding: 10px;
}

/*table*/
.table-colored {
	border-collapse: separate;
	border-spacing: 0 1em;
	color: #000;
}

	.table-colored tr {
		background-color: #f3f6ed;
	}

	.table-colored td {
		padding: 5px 12px;
	}

	.table-colored tr td:first-child {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}

	.table-colored tr td:last-child {
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.table-colored th {
		/*background: #46821F;*/
		background: #2f5714;
		color: #fff;
		padding: 5px 12px;
	}

	.table-colored tr:nth-child(even) {
		background-color: #f5f5f5;
	}

	.table-colored a {
		color: #3E3E3E;
	}

		.table-colored a:hover {
			color: #8bbf49;
			text-decoration: underline;
		}

/*border*/
.borderBottom {
	border-bottom: 1px dashed #ccc;
}

/*font*/
.font-bold {
	font-weight: bold;
}

.fontweight01 {
	font-weight: 400;
}

.fontweight02 {
	font-weight: 300;
}

.font00 {
	font-size: 2.125rem;
}

.font01 {
	font-size: 1.5rem;
}

.font02 {
	font-size: 1.25rem;
}

.font03 {
	font-size: 1.0625rem;
}

.font04 {
	font-size: 0.875rem;
}

/* lineheight */
.lineheight01 {
	line-height: 1.8;
}

.lineheight02 {
	line-height: 2;
}

/*color*/
.whiteColor {
	color: #fff
}

.greyColor {
	color: #3d3d3d;
}

.greenColor {
	/*color: #84CA52;*/
	color: #357906;
}

.blackColor {
	color: #000;
}

.redColor {
	color: red;
}

.blinditem a {
	/*color: #3d3d3d;*/
	color:black;
}

	.blinditem a:hover {
		/*color: #84CA52;*/
		color: #357906;
		text-decoration: underline;
	}

.whiteColor a {
	color: #FFF;
}

	.whiteColor a:hover {
		color: #FFF;
		text-decoration: underline;
	}

.txtshadow {
	text-shadow: 0.1em 0.1em 0.4em #486f2c;
}

.txtshadow2 {
	text-shadow: 0.1em 0.1em 0.4em #1e3b77 ;/*#32adca;*/
	;
}

/*background */
.bggrey {
	background: #3d3d3d;
}

.bggreen {
	/*background: #69A83E;*/
	background: #357906;
}

.bgblue {
	/*background: #32adca;*/
	background: #1e3b77;
}


/*btn*/
.btn01 {
	/*background: #46821F;*/
	background: #2f5714;
	padding: 5px 20px;
	border-radius: 5px;
	text-align: center;
	border: 0;
	color:white;
}

	.btn01:hover {
		background: #3F7226;
		color:white;
	}

.btn02 {
	border: 1px solid #fff;
	background: 0;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
	text-align: center;
}

	.btn02:hover {
		background: #fff;
		/*color: #84CA52;*/
		color: #357906;
	}

#search_input:hover, #search_input:focus {
	background-color: #ffc107;
}