@charset "utf-8";
/*-- mobile mode & run through --*/
/*-- mobile mode & run through --*/
/*-- mobile mode & run through --*/
/*-- mobile mode & run through --*/
/*-- mobile mode & run through --*/
/*tagzone*/
.content-box-titlezone ul li{
	padding:0 0 0 0;
}
.tagzone{
	background:#FCF4EA;
	border:none;
	overflow:auto;
	height:auto;
	border:1px rgba(199,176,145,0.7) solid;
}
.tagzone > ul{
}
.tagzone > ul > li{
	float:left;
	margin:0 5% 0.88em 0;
	width:47.5%;
}
.intro .tagzone > ul > li{
	width:auto;
	margin:0 0.88em 0.88em 0;
}
.tagzone > ul >li:nth-child(even){
	float:left;
	margin:0 0 0.88em 0;
	width:47.5%;
}
.intro .tagzone > ul >li:nth-child(even){
	width:auto;
}
.tagzone > ul > li:nth-last-child(1){
	margin:0 0 0 0;
}
.tagzone > ul > li > a{
	display:inline-block;
	color:#594A3C;
	font-size:1.048em;
	font-weight:bold;
	letter-spacing:0.05em;
	background:#C7B091 url(../images/tagzone-li-tag-ico.png) left top no-repeat;
	background-position:10px 13px;
	padding:8px 0px 8px 8px;
	border-radius:3px;
	width:100%;
	text-align:center;
}
.intro .tagzone > ul > li > a{
	padding:7px 10px 7px 32px;
}
.tagzone > ul > li > a.on{
	color:#fff;
	background-color:#FF3000 !important;
}
.tagzone > ul > li > a:hover,
.tagzone > ul > li > a:focus,
.tagzone > ul > li > a:active{
	color:#fff;
	background:#594A3C url(../images/tagzone-li-tag-ico.png) left top no-repeat;
	background-position:11px 11px;
}
.tagzone > ul > li > ul.sort{
	background:#FFF;
	padding:12px 15px;
	display:none;/*key*/
	border:1px rgba(92,78,64,0.5) solid;
	border-top:1px rgba(92,78,64,0.25) solid;
}
.tagzone > ul > li > ul.sort > li{
	line-height:2.28em;
}
.tagzone > ul > li > ul.sort > li > a{
	color:rgba(92,78,64,0.95);
	font-size:1.028em;
	font-weight:bold;
	font-family:"微軟雅黑體","Microsoft YaHei";
	letter-spacing:0.05em;
}
.tagzone > ul > li > ul.sort > li > a:hover,
.tagzone > ul > li > ul.sort > li > a:focus,
.tagzone > ul > li > ul.sort > li > a:active {
	color:#F90;
}
/*sm-cb-article*/
.sm-cb-article{
	clear:both;
}
.content-box-article .sm-h3{
	display:block;
	color:#43382C;
	font-size:1.628em;
	font-weight:bold;
	background:url(../images/sm-h3-heat-ico.png)left top no-repeat;
	border-bottom:1px #D3BD9A dashed;
	padding:0 0 13px 38px;
	margin:13px 0 13px 0;
}
.sm-cb-article h4{
	font-size:1.208em;
	line-height:1.28em;
	margin:25px 0 20px 0;
}
.sm-cb-article h5{
	font-size:1em;
	line-height:1.14em;
	margin:12px 0 0 0;
}
/*table*/
.sm-cb-article p,
.sm-cb-article table{
	padding:0 0 0 0;
	margin:0 0 30px 0;
}
.sm-cb-article table{
	width:100%;
	line-height:1.28em;
	-webkit-overflow-scrolling:touch;
}
.sm-cb-article th,
.sm-cb-article td{
	border:1px #9e9e9e solid;
	text-align:center;
	padding:5px;
	vertical-align: middle;
}
.sm-cb-article thead td,
.sm-cb-article tr:nth-child(1) td,
.sm-cb-article thead th,
.sm-cb-article table th{
	color:#FFF;
	background:#666;
}
.scroll-box > table{ font-size:1em; padding-left:0 !important;}
.scroll-box > table + p {
	margin:10px 0 0 0;
}
.scroll-box > table th span,.scroll-box > table td span{
	display: inline-block;
	margin:0;
	color:#FFF !important;
}
.scroll-box > table th .en{
	display:block;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:0.8125em !important;
	line-height:120%;
	color:#f3d5aa !important;
}
.scroll-box > table td .en{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:0.8125em !important;
	line-height:120%;
	color:#fff !important;
}
.full-pic{ text-align:center; padding:0 38px;}
.full-pic > img{
	display:inline-block !important;
	padding:0 !important;
}

/*Contact.aspx*/
.content-box-article .contact-txt{
	background:rgba(240,240,240,0.5);
	padding:15px;
	color:#575746;
}
.contact img.contact-kv{
	display:block;
	margin:0 0 0 0 !important;
	width:100%;
	height:auto;
}
.contact-txt h3,
.contact-txt h4 {
	font-size:1.33em;
	font-weight:normal;
	line-height:1.28em;
	margin:0 0 14px 0;
}
.contact-txt p{
	color:#575746;
	font-size:0.908em;
	line-height:1.68em;
	letter-spacing:0.088em;
	margin:0 0 0 0;
}
.contact-txt p strong{
	font-weight:normal;
}
.contact-txt p em{
	font-style:normal;
}
.contact-txt p a{
	color:#333;
	text-decoration:none;
	display:inline-block;
	margin:-5px 0 0 0;
}

/**/
.gpaTitle {
	font-size:1.5em;
	font-weight:bold;
	color:#ffffff;
	background:#92B630;
	padding:10px;
	box-sizing:border-box;
	position:relative;
	padding-left:1.5em;
}
.gpaTitle::before{
	content:"";
	width:16px;
	height:16px;
	border:5px solid #fff;
	border-radius:20px;
	box-sizing:border-box;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-8px;
}
.gpaBg{ width:100%;}
.gpaBg > dl{
	padding:15px 0;
	box-sizing:border-box;
	border-bottom:1px #D3BD9A solid;
	clear: both;
}
.gpaBg > dl:last-of-type{ border-bottom:none;}
.gpaBg > dl > dt,.gpaBg > dl > dd{ box-sizing:border-box;padding:10px 0;}
.gpaBg > dl > dt{
	font-size:1.5em;
	font-weight:bold;
	color:#967658;
}
.gpaBg ul{
	list-style:disc;
	margin-left:1.5em;
	text-align:left;
}
.gpaBg ul li{ float:none;}
/**/
.LpicWd{
	width:100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	clear:both;
	margin:20px auto;
	background-color: #f5f5f5;
	box-sizing:border-box;
	padding:10px;
}
.LpicWd .img,.LpicWd .wd{padding:5px;box-sizing:border-box;}
.LpicWd .img{width:100%; text-align:center; background-color:#fff;}
.LpicWd .img img{ max-width:100%; max-height:100%;}
.LpicWd .wd{width:100%;margin-bottom:10px;}
.LhtTit{ color:#FF4000;}
/**/
.threeWd{
	width:100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	clear:both;
	margin:20px auto;
	background-color: #f5f5f5;
	box-sizing:border-box;
	padding:10px;
}
.threeWd .img,.threeWd .wd{
	padding:5px;
	box-sizing:border-box;
}
.threeWd .img{width: 100%; text-align:center; background-color:#fff;}
.threeWd .img img{ max-width:100%; max-height:100%;}
.threeWd .wd{width:100%; margin-bottom:10px;}
.threeWd .wd ul{
	list-style-type:disc;
	margin-left:1.5em;
}
.threeWd .wd ul li{ float:none;}
/**/
.gpaTab{ margin:0 !important; width:100% !important;}
.gpaTab caption,.captionTit{
	background-color:rgba(90,69,39,1);
	border: 1px #9e9e9e solid;
	border-bottom:none;
	box-sizing:border-box;
	padding:10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.gpaTab thead{
	background-color:rgba(90,69,39,1);
}
.gpaTab tr,.gpaTab th,.gpaTab td {
	background-color:transparent !important;
}
.sm-cb-article .gpaTab tr:nth-child(1) td{ color:#000;}
.gpaTab ul{
	list-style-type:disc;
	margin-left:1.5em;
	text-align:left;
}
.gpaTab ul li{ float:none;}
/**/
.gpaBg ul.tabletolist{
	border-bottom:2px solid #eee;
	margin:0 0 20px;
	font-size:1em;
	color: #333;
	line-height:150%;
}
.gpaBg ul.tabletolist img{max-width:100%}
.gpaBg ul.tabletolist.nrh{border-bottom:none;}
.gpaBg ul.tabletolist.nrh>li{
	border:2px solid #ddd;
	box-sizing: border-box;
	margin:15px auto;
	border-radius: 5px;
}
.gpaBg ul.tabletolist.nrh>li:last-child{margin-bottom:0px;}
.gpaBg ul.tabletolist,.gpaBg  ul.tabletolist>li>ul{padding:0!important;list-style:none!important}
.gpaBg ul.tabletolist>li>ul{margin:0!important}
.gpaBg ul.tabletolist>li .titles{background-color:#bbb;display:block;color:#fff;padding:10px;font-weight:800}
.gpaBg ul.tabletolist>li>ul>li{font-weight:200;border-bottom:1px solid #eee;padding:10px}
.gpaBg ul.tabletolist>li>ul>li:hover{background-color:#efefef}
.gpaBg ul.tabletolist>li>ul>li:last-child{border-bottom:none}
.gpaBg ul.tabletolist ul>li .row_headers{
	font-size:1em;
	font-weight:bold;
	width:120px;
	float:left;
	max-width:100%;
}
.gpaBg ul.tabletolist ul>li .row_data{
	float:right;
	width:calc(100% - 130px);
	max-width:100%;
}
.fullTab ul.tabletolist ul>li .row_headers{
	font-size:1em;
	font-weight:bold;
	width:100%;
	float:left;
	max-width:100%;
}
.fullTab ul.tabletolist ul>li .row_data{
	float:right;
	width:100%;
	max-width:100%;
}
.gpaBg ul.tabletolist>li>ul>li{*zoom:1; display:block;}
.gpaBg ul.tabletolist>li>ul>li:before{content:" ";display:table}
.gpaBg ul.tabletolist>li>ul>li:after{content:" ";display:table;clear:both}
.gpaBg ul.tabletolist ul>li .row_data.html{font-weight:400; text-align:left;}
.gpaBg ul.tabletolist ul>li .row_data.html ul{list-style-type:disc}


/**/
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
/**/
.many_photo{ width:100%; overflow:hidden;}
.many_photo > ul{
	list-style-type:none;
	margin:0 -5px;
	display: flex;flex-wrap: wrap;
}
.many_photo > ul > li{
	width:100%;
	box-sizing:border-box;
	padding:5px;
}
.many_photo > ul > li .img{
	display: flex;
    width: 100%;
    height:60vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-color:#f5f5f5;
}
.many_photo img{ max-width:100%; max-height:100%;}
.many_photo > ul > li .picName{
	padding:6px 0;
	text-align:center;
	font-size:1em;
	color:#999;
}
@media screen and (min-width:768px){
	.many_photo > ul > li{ width:50%;}
	.many_photo.pt3 > ul > li{ width:33.33%;}
	.many_photo > ul > li .img{height:30vw;}
	.LpicWd{flex-direction:row;padding:15px;}
	.LpicWd .img{
		width:250px;
		height:30vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.LpicWd .wd{width:calc(100% - 250px); margin-bottom:0;}
}
@media screen and (min-width:991px){
	.many_photo > ul > li .img{height:220px;}
	.LpicWd .img{height:220px;}
	.threeWd .img,.threeWd .wd{width:33.33%;}
	.threeWd .wd{ margin-bottom:0;}
	.threeWd {
		height:220px;
		flex-direction:row;
		padding:15px;
	}
	.threeWd .img{
		height:220px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
/**/
.grayZero{
	font-size:1em;
	line-height:160%;
	margin:0 auto !important;
}
.grayZero li a{ color:#000;}
.grayZero li a:hover,
.grayZero li a:focus{ color:#eb6100;}
.grayZero,.grayZero > li ol{
	counter-reset: li;
    list-style: none !important;
}
.grayZero > li ol,.grayZero > li ul{margin-left: 1.5em;}
.grayZero > li,
.grayZero > li ol > li{counter-increment: li;}
.grayZero > li{
	padding:10px 0 10px 2em;
	margin:0 !important;
	border-bottom:1px dashed #ddd;
	position:relative;
	float:none;
}
.grayZero.nobodr > li,
.grayZero > li:last-of-type{border-bottom:none;}
.grayZero > li:before{
	content: counter(li);
	background-color:#000;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px;
	min-width:26px;
	text-align:center;
	box-sizing:border-box;
	font-weight:normal;
	margin:0;
	display:inline-block;
	vertical-align:middle;
	line-height: 110%;
	position:absolute;
	left:0;
	top:10px;
}
.grayZero > li ol > li:before{
	content: counter(li);
    font-size: 0.8em;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.6em;
    margin-left: -2em;
    margin-right: 0.5em;
    text-align: center;
	background: #cccccc;
    color: #000000;
    border-radius: 20px;
}
@media screen and (min-width:768px){	
	.tagzone ul li{
		margin:0 20px 20px 0;
	}
	.content-box-article p{
		line-height:160%;
	}
	.sm-cb-article{
		clear:both;
		padding-left:0;
	}
	.sm-cb-article .sm-h3{
		margin:26px 0 26px 0;
	}
	.sm-cb-article h4{
		font-size:1.128em;
		padding:0 0 0 38px;
		margin:25px 0 20px 0;
	}
	.sm-cb-article h4 {
		font-size:1.064em;
		padding:0 0 0 38px;
		margin:12px 0 10px 0;
	}
	.sm-cb-article h4.gpaTitle {
		font-size:1.5em;
		font-weight:bold;
		color:#ffffff;
		background:#92B630;
		padding:10px;
		padding-left:1.5em;
	}
	.sm-cb-article p,
	.sm-cb-article table{
		padding:0;
		margin:0 0 30px 0;
	}
	.sm-cb-article table{
		width:100%;
		overflow:inherit;/*change*/
	}
	.sm-cb-article th,
	.sm-cb-article td{
		border:1px #9e9e9e solid;
		text-align:center;
		padding:8px;
		vertical-align: middle;
	}
	.sm-cb-article thead td,
	.sm-cb-article tr:nth-child(1) td,
	.sm-cb-article thead th{
		color:#FFF;
		background:#666;
	}
	/*Contact.aspx*/
	.content-box-article .contact-txt{
		padding:30px;
	}
	.contact img.contact-kv{
		display:block;
		margin:0 0 0 0 !important;
		padding:0 0 0 0;
		width:100%;
		height:auto;
	}
	.contact-txt h4{
		font-size:1.558em;
		font-weight:normal;
		line-height:1.28em;
		margin:0 0 14px 0;
		padding:0 0 0 0;
	}
	.contact-txt p{
		color:#575746;
		font-size:1.018em;
		line-height:1.68em;
		letter-spacing:0.088em;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	.contact-txt p strong{
		font-weight:normal;
	}
	.contact-txt p em{
		font-style:normal;
	}
	.contact-txt p a{
		color:#575746;
		text-decoration:none;
	}
	.content-box-article .contact-form-main{
	}
}

.sm-cb-article img{
	width:auto;
	height:auto;
	padding:0;
	margin:0;
}
@media screen and (min-width:991px){
	.tagzone{
		padding:15px 15px;
		overflow:inherit;
	}
	.tagzone > ul{
		margin:0 0 0 0;
	}
	.tagzone > ul > li{
		margin:0 2% 12px 0;
		width:23.5%;
		position:relative;
	}
	.tagzone > ul > li:nth-child(even){
		margin:0 2% 12px 0;
		width:23.5%;
	}
	.tagzone > ul > li:nth-child(4n){
		margin:0 0% 12px 0;
		width:23.5%;
	}
	.intro .tagzone > ul > li:nth-child(4){
		margin:0 2% 0 0;
	}
	.tagzone > ul > li > a{
		margin:0 0 0 0;
		width:100%;
		padding:8px 53px 8px 53px;
	}
	.tagzone > ul > li:nth-child(1) > a{
	}
	.tagzone > ul > li > ul.sort{
		position:absolute;
		width:100%;
		z-index:100;
		border:1px rgba(92,78,64,0.5) solid;
		border-top:1px rgba(92,78,64,0.25) solid;
		background:#fff;
		padding:15px 18px;
		border-radius:8px;
	}
	.tagzone > ul > li > ul.sort li{
	}
	.sm-cb-article:after{
		content:"";
		display:table;
		clear:both;
	}
	.tagzone > ul > li > ul.sort > li > a:before{
		content:url(../images/tagZone-sort-li-a-arrow.png);
		vertical-align:middle;
		margin:0 7px 0 0;
	}
	/*table*/
	.sm-cb-article p,
	.sm-cb-article table{
		display:block;
		padding:0;
		margin:0 0 30px 0;
	}
	.sm-cb-article table{
		display:inline-table;
		/*width:94.2%;*/
		width:100%;
		overflow:visible;/*change*/
		margin:0 0 30px 0px;
	}
	.intro-text table{
		/*margin:0 0 30px 38px;/*splfor:intro pages*/
	}
	.sm-cb-article th,
	.sm-cb-article td{
		border:1px #9e9e9e solid;
		text-align:center;
		padding:8px;
		vertical-align: middle;
	}
	.sm-cb-article thead td,
	.sm-cb-article tr:nth-child(1) td,
	.sm-cb-article th{
		color:#FFF;
		background:#666;
	}
	.content-box-article .sm-h3{
		margin:60px 0 13px 0;
	}
	.content-box-article .sm-h3:nth-child(1){
		margin:20px 0 13px 0;
	}
	.sm-cb-article h4{
		font-size:1.288em;
		padding:0 0 0 38px;
		margin:25px 0 20px 0;
	}
	.sm-cb-article h5{
		font-size:1em;
		padding:0 0 0 38px;
		margin:12px 0 0 0;
	}
	.sm-cb-article .tab-Maps img{
		padding:0;
	}
	/*Contact.aspx*/
	.content-box-article .contact-txt{
		padding:25px 30px;
	}
	.contact img.contact-kv{
		display:none;
	}
	.contact-txt h3,
	.contact-txt h4 {
		font-size:1.33em;
		font-weight:normal;
		line-height:1.28em;
		margin:0 0 14px 0;
		padding:0 0 0 0;
	}
	.contact-txt p{
		color:#575746;
		font-size:0.908em;
		line-height:1.68em;
		letter-spacing:0.04em;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	.contact-txt p strong{
		font-weight:normal;
	}
	.contact-txt p em{
		font-style:normal;
	}
	.contact-txt p a{
		color:#575746;
		text-decoration:none;
	}
	.content-box-article .contact-form-main{
	}
}