@charset "utf-8";
@import url(nav.css);


/* reset */
/* ----------------------------------------------------------------------------------- */
body,htnl{height:100%;word-wrap:break-word;}
	*{padding:0; margin:0; list-style-type:none; box-sizing: border-box;}
	a{text-decoration:none; outline:0;}
	h1,h2,h3,h4,h5,h6{ font: inherit; padding: 0;/*  margin: 0; */margin:0 0 0.5em 0; word-wrap: break-word;line-height:normal; font-weight:normal;}
	dd{padding: 0.2em 0 0.2em 1em; }
	
	.txtLeft{text-align:left !important;}
	.txtRight{text-align:right !important;}
	.txtCenter{text-align:center !important;}
	.floatLeft,.image-left{float:left; }
	.floatRight,.image-right{float:right;}
	.image-left{margin:0 15px 30px 0; clear:left;}
	.image-right{margin:0 0 10px 15px; clear:right;}
	.floatClear{clear:both; height:1px;}
	.clearfix{display:block;}
	.clearfix::before, .clearfix::after{display:table; content:"";}
	.clearfix, .clearfix::after{clear:both;}
	img{max-width:100%;  overflow:hidden; border:none;line-height:normal; vertical-align:middle;}
	.table{ display: table; }
	.tr{display: table-row;}
	.td,.th{display: table-cell;}


	body a{
	transition: 0.2s all ease;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	-ms-transition: 0.2s all ease;
}


/* ----------------------------------------------------------------------------------- */
/* build */
	/* font setup */
	body {color: #747474;font-size:90%; line-height: 1.8; font-family: 'VAG Rounded LT W01 Thin',Helvetica,Arial,"PingFang TC","微軟正黑體","Microsoft JhengHei",sans-serif;}
	/* color setup*/
	a,.HightLight,.submenuOver a{color:#8fc04e;}
	a:hover{color: #6fc4f8;}
	/* layout */
	.content{color: #666;line-height: 1.6em;}
		.content p{margin: 1em 0;}
		.hover_TX{-webkit-transition: 0.3s ease all;transition: 0.3s ease all;}
		.w100{ width:100%; }
		.w45{ width:45%; }
		.w50{ width:50%; }
		.w55{ width:55%; }
		.wp{max-width:1210px; margin:0 auto;padding:1.1em 0;}
		.wp_sub{max-width:1120px; margin:0 auto;padding:2em 0;}
		.table{display: table;}
		.table .tr{display:table-row;}
		.table .td{display:table-cell;}
		.table .th{display:table-cell; text-align:center; padding:0.5em; border:#fff 1px solid; vertical-align:middle; background:#ffd64a;}
		.spce{margin:0 0.5em;}
		
/* banner */
.banner li:before{ content: url(../images/banner_hr.gif); display: block; margin: 0.5em 0 0.3em; clear: both;}
	.banner li:nth-child(1):before{content:none;}
	.banner li::after{display:table; content:"";clear:both;}
	.banner li .txt{/* width: 71%;  */color: #747474; width: calc(100% - 51px - 1em); float: right;}


/* footer */
footer{background: #e5e5e5;margin-top:3em;}
	footer span{margin:0 0.5em;}
	.footnav{text-align: center;}
	.foot_bottom{font-size: 90%; border-top:1px solid #fff;margin-top:0.5em; padding-top: 0.5em;}
	footer .info{float:left; width: 60%;}
	footer .info img{float:left;max-width: 55px; margin-top: -4px;}
	.infotxt{}
	.foot_bottom .copyright{float:right; width: 35%;text-align: right;}
	.copyright .author{}
	/* font-color */
	.mainContent a:not(.more),footer a{color: #747474;}



@media screen and (min-width: 1920px) {
}
@media screen and (max-width: 1920px) {
}

@media screen and (max-width: 1680px) {
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1228px) {
	/* build */
		/* layout */
/* 		.content{color: #666;line-height: 1.6em;}
			.content p{margin: 1em 0;}
			.hover_TX{-webkit-transition: 0.3s ease all;transition: 0.3s ease all;}
			.w100{ width:100%; }
			.w50{ width:50%; }
 */			.wp{padding:1.1em 1.4em;}
			/* .wp_sub{max-width:1120px; margin:0 auto;padding:2em 0;}
			.table{display: table;}
			.table .tr{display:table-row;}
			.table .td{display:table-cell;}
			.table .th{display:table-cell; text-align:center; padding:0.5em; border:#fff 1px solid; vertical-align:middle; background:#ffd64a;}
 */
}

@media screen and (max-width: 1160px) {
	/* latout */
	.wp,.wp_sub{padding:2em 1.5em;}
}
@media screen and (max-width: 1019px) {
	/* footer */
	footer .info img{float:none;}
	.copyright span.fmail2{display: block;}
	.foot_bottom .info,.foot_bottom .info span, .foot_bottom .copyright
	{width: 100%; display: block;text-align: left;margin: 0;}
}
@media screen and (max-width: 872px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 320px) {
}