@charset "utf-8";
/*-- mobile mode & run through --*/
/*-- mobile mode & run through --*/
/*-- mobile mode & run through --*/
/*-- mobile mode & run through --*/
/*-- mobile mode & run through --*/
/*header li.live*/
#header .OYQ .OYQ-box .links li.live{
	display:block;
}
/*slider*/
#slider{
	width:100%;
	height:280px;
	overflow:hidden;
	background:#fff url(../images/loading-default-848484.gif) center center no-repeat;
}
#slider ul.slides li{
	display:block;
	width:100%;
	height:280px;
	background-position:center center;
	background-attachment:fixed;
	background-size:cover !important;/*key*/
}
/**/
.slider-txt-box{
	display:block;
	height:120px;
	background:rgba(0,0,0,0.42);
	color:#fff;
	text-align:center;
	margin-top:80px;
	padding:0 35px;
}
.slider-txt-box .tit {
	display:inline-block;
	font-size:1.748em;
	font-weight:bold;
	height:auto;
	margin:0 auto;
	letter-spacing:0.03em;
}
.slider-txt-box .tit span{
	display:inline-block;
	margin-bottom:8px;
	line-height:1.158em;
}
/*deco-bottom-line*/
.slider-txt-box .tit .slider-h2-deco-line{
	width:100%;
}
.slider-txt-box .tit .slider-h2-deco-line table{
	width:100%;
}
.slider-txt-box .tit .slider-h2-deco-line table .td-lef .td-lef-box,
.slider-txt-box .tit .slider-h2-deco-line table .td-rig .td-rig-box{
	display:block;
	border-bottom:1px #fff solid;
	margin-bottom:5px;
}
.slider-txt-box .tit .slider-h2-deco-line table .td-cen{
	width:25px;
}
.slider-txt-box .tit .slider-h2-deco-line table img.brick{
	border:none;
}
.slider-txt-box p{
	display:none;
}

/** banner **/
.MainBox{
	width:100%;
	padding:0;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	z-index:0;
}
/**/
#banner {
	position:relative;
	width:100%;
	margin:0 auto;
}
#banner .listshow{
	width:100%;
	position:relative;
}
#banner .listshow a {
	width:100%;
	display:block;
	position:relative;
}
#banner .listshow a:focus {
	filter:alpha(opacity=50);
	opacity:0.5;
}
#banner .listshow img {
	float:left;
	width:100%;
	height:auto;
}
#banner .oneMain{ position:relative;}
#banner .oneMain .slider-txt-box{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate3d(-50%, -50%, 0);
	margin:0;
	padding:50px 35px;
	box-sizing:border-box;
	border-radius:16px;
	width:80%;
	height:auto;
	max-height:100%;
	max-width:800px;
}
#banner .listshow .mainPic{
	width:100%;
	height:auto;
	padding-bottom:34%;
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	min-height:160px;
}
#banner .listshow .slogan{
	width:100%;
	color:#fff;
	font-weight:bold;
	background-color:rgba(0,0,0,1);
	padding:15px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	overflow:hidden;
	position:absolute;
	z-index:10;
	min-height:160px;
}
#banner .slick-active .slogan{
	transition:all 1s;
	animation-duration:1s;
	animation-iteration-count:1;
	animation-name:fadeInLeft;
}
#banner .listshow .slogan strong{
    font-family:微软雅黑;
    font-size:2.5em;
    line-height:130%;
    margin-bottom:10px;
    letter-spacing:1px;
	display:inline-block;
}
#banner .listshow .slogan p{
	font-size:1.5em;
	line-height:180%;
	display:inline-block;
}
#banner .slick-active .slogan strong,
#banner .slick-active .slogan p {
    transition:all 1s;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-name:fadeInRight;
}
#banner .slick-active .mainPic.zoomOut{
	-webkit-animation-name:zoomOut;
	animation-name:zoomOut;
	-webkit-animation-duration:6s ;
	animation-duration:6s;
}
@media screen and ( max-width:767px){
	#banner .oneMain .slider-txt-box{
		padding:15px;
	}
	.slider-txt-box .tit {
		font-size:5vmin;
	}
}
@media screen and ( min-width:768px) {
	#banner .listshow .slogan{
		right:60px;
		bottom:20px;
		max-width:calc(100% - 120px);
		background-color:rgba(0,0,0,.9);
	}
	#banner .slick-active .slogan{
		animation-name:lightSpeedInLeft;
		animation-timing-function:ease-out;
	}
}
@media screen and ( min-width:991px) {
	#banner .listshow .slogan{
		right:40px;
		bottom:20px;
		max-width:700px;
		padding:20px;
	}
	#banner .listshow .slogan strong{font-size:3.2em;}
}
@media screen and ( min-width:1200px) {
	#banner .listshow .slogan{
		right:40px;
		bottom:40px;
		padding:20px 40px;
	}
}
/**/
#banner .listshow .slick-prev,
#banner .listshow .slick-next {
	position:absolute;
	display:block;
	font-size:0;
	width:60px;
	height:60px;
	background:rgba(0,0,0,.5);
	box-sizing:border-box;
	z-index:10;
	transition:all 0.5s ease;
	border:none;
}
#banner .slick-prev:before,#banner .slick-next:before{ display:none;}
#banner .listshow .slick-prev:focus {
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
#banner .listshow .slick-next:focus {
	-webkit-transition:all 0s ease;
	   -moz-transition:all 0s ease;
	     -o-transition:all 0s ease;
	        transition:all 0s ease;
}
#banner .listshow .slick-prev span,
#banner .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
#banner .listshow .slick-prev span:before,
#banner .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;  
    z-index:2;
	box-sizing:border-box;
	width:23px;
	height:23px;
}
#banner .listshow .slick-prev span:before {
	left:50%;
    top:50%;
	margin:-11px 0 0 -6px;
	border-left:3px solid #FFF;
    border-top:3px solid #FFF;
	transform:rotate(-45deg);
}
#banner .listshow .slick-next span:before {
	right:50%;
    top:50%;
	margin:-11px -6px 0 0 ;
	border-right:3px solid #FFF;
    border-top:3px solid #FFF;
	transform:rotate(45deg);
}
#banner .listshow .slick-prev {
	left:-65px;
}
#banner .listshow .slick-next {
	right:-65px;
}
#banner:hover .listshow .slick-prev,
#banner .listshow .slick-prev:focus{
	left:0;
}
#banner:hover .listshow .slick-next,
#banner .listshow .slick-next:focus{
	right:0;
}
#banner .listshow .slick-prev:hover,
#banner .listshow .slick-next:hover,
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	background-color:rgba(0,0,0,1);
}
@media screen and ( max-width:480px) {
	#banner .listshow .slick-prev,
	#banner .listshow .slick-next {
		display:none !important;
	}
}

/**/
#banner .slick-dots {
	position:absolute;
	right:10px;
	bottom:10px;
	text-align:right;
	z-index:10;
}
#banner .slick-dots li {
    display:inline-block;
	width:10px;
	height:10px;
	margin:0 0 0 5px;
	padding:0;
}
#banner .slick-dots li button {
	width:10px;
	height:10px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
#banner .slick-dots li button:before {
	display:block;
	width:10px;
	height:10px;
	font-size:0;
	line-height:10px;
	opacity:1;
	width:10px;
    height:10px;    
    background:rgba(0,0,0,.5);   
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#banner .slick-dots li.slick-active button:before {
    background:rgba(255,255,255,1);
}
/*content*/
#content{
	text-align:center;
	/*margin:50px 0 0 0;/*(for:live-box)*/
}
#content .sm-padding{
	padding:20px;
}
#content h2.cont-sm-h2{
	display:inline-block;
	color:#515140;
	font-size:1.438em;
	letter-spacing:0.02em;
	line-height:0.958em;
	margin-top:35px;
}
#content h2.cont-sm-h2 a{
	color:#515140;
	cursor:text;
	display:inline-block;
	margin:-6px 0 0 0;
}
#content h2.cont-sm-h2 strong{
	font-weight:bold;
}
#content h2.cont-sm-h2 em{
	font-style:normal;
}
#content h2.cont-sm-h2 .goal{
    display:block;
    margin:8px 0 0;
	font-size:0.658em;
    line-height:1.45em;
	letter-spacing:0.02em;
}
#content h2.cont-sm-h2 .goal .ico{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../images/home-h2-goal-ico.png) left top no-repeat;
	vertical-align:sub;
	margin:0 -3px 0 0;
}
#content h2.cont-sm-h2 .goal .dark{
	color:#654B25;
}
#content h2.cont-sm-h2 .goal .light{
	display:block;
	color:#987139;
	font-size:0.928em;
}
#content h2 .txt{
	display:block;
}
#content h2 .bar{
	display:inline-block;
	width:80px;
	height:5px;
	background:#FF4000;
}
/*map -start-*/
.map {
	clear:both;
	width:100%;
	background:#e5e1d6;
	padding:0;
	margin:0 0 0 0;
	border-top:16px #784e28 solid;
}
.map .map-box{
	width:100%;
	text-align:center;
	position:relative;
}
.map-box .taiwan-map {
	position:relative;
	width:100%;
	min-height:420px;
	text-align:center;
}
.map-box .taiwan-map::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/map2022.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
@media screen and ( max-width:990px) {
	.map,.map-box .taiwan-map::before{
		background-size:contain;
		background-position:50% 0;
	}
	.map-box .taiwan-map::before{opacity:0.8;}
}
@media screen and ( min-width:991px) {
	.map {
		padding:0 0 40px 0;
	}
	.map-box .taiwan-map {
		max-width:990px;
		margin:0 auto;
	}
}
@media screen and ( min-width:1200px) {
	.map-box .taiwan-map {
		max-width:1200px;
	}
}
/*bookmark*/
.map-box .bookmark{
	display:block;
}
.map-box .bookmark ul.FCS-3A{
	display:inline-flex;
	list-style:none;
}
.map-box .bookmark ul.FCS-3A li{
	float:left;
	margin:0 10px 0 0;
}
.map-box .bookmark ul.FCS-3A li.last{
	margin:0 0 0 0;
}
.map-box .bookmark ul.FCS-3A li a{
	display:inline-block;
	width:48px;
	height:48px;
	color:#b28850;
	font-size:0.88em;
	background:#e5e1d6;
	border:1px #b28850 solid;
	border-radius:50px;
	padding:16px 0 0 0;
	letter-spacing:-0.02em;
	position:relative;
}
.map-box .bookmark ul.FCS-3A li a:after{
	content:url(../images/map-li-after-dashed-line.png);
	position:absolute;
	top:20px;
	right:-21px;
}
.map-box .bookmark ul.FCS-3A li.last a:after{
	display:none;
}
.map-box .bookmark ul.FCS-3A li a:hover,
.map-box .bookmark ul.FCS-3A li a:active{
	color:#fff;
	background:#b28850;
}
.map-box .bookmark ul.FCS-3A li.active a{
	color:#fff;
	background:#b28850;
}
.map-box .bookmark div.MK41-ESSMs{
	width:100%;
	padding:20px;
	margin:0;
}
/**/
.map-box .bookmark div.MK41-ESSMs #tab-2018{
}
.map-box .bookmark div.MK41-ESSMs ul.promote-list{
	width:100%;
	height:100%;
	padding:0;
	margin:0 auto;
	list-style:none;
	position:relative;
	max-width:1100px;
}
ul.promote-list > li {
	width:100%;
	margin:0 0 10px;
}
ul.promote-list > li > a {
	display:block;
	transition:none;
}
ul.promote-list li a h3,
ul.promote-list li h3 {
	position:relative;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:left;
	padding:12px;
	border:none;
	border-radius:0;
	background-color:#926b38;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
ul.promote-list > li:hover > a h3,
ul.promote-list > li > a.open h3,
ul.promote-list > li > a:hover h3,
ul.promote-list > li > a:focus h3 {
	background-color:#648000;
}
ul.promote-list li a h3 span.main,
ul.promote-list li h3 span.main {
	display:inline-block;
}
ul.promote-list li a h3 span.minor,
ul.promote-list li h3 span.minor {
	display:inline-block;
}
ul.promote-list li a h3 span.arrow,
ul.promote-list li h3 span.arrow {
	display:inline-block;
	width:19px;
	height:19px;
	background:url(../images/promote-list-li-a-arrow.png) 50% 50% no-repeat;
	background-size:cover;
	margin-left:5px;
}
/**/
ul.promote-list > li.menu-dropdown > a span.arrow {
	background-image:url(../images/promote-list-li-a-open.png);
	background-size:cover;
}
ul.promote-list > li.menu-dropdown > a.open span.arrow {
    -webkit-transform:rotate(405deg);
	    -ms-transform:rotate(405deg);
            transform:rotate(405deg);
}
/**/
ul.promote-list > li.cstt h3 {
	background-color:#888;
}
ul.promote-list > li.cstt h3 span.arrow {
	background:url(../images/promotelist-cstt.png) left top no-repeat;
}
/**/
ul.promote-list li a .txt {
	color:#fff;
	padding:12px;
	text-align:left;
}
ul.promote-list li a .txt ul {
}
ul.promote-list li a .txt ul li {
	line-height:1.5em;
    text-shadow:0px 0px 8px rgba(0,0,0,0.28);
}
ul.promote-list li a .txt ul li span.unit {
}
ul.promote-list > li > ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1;
	line-height:1.5em;	
}
.map-box .bookmark div.MK41-ESSMs img{
	display:none;
}
.map-box .bookmark .each-site-intro-window{
	display:none;/*none*/
	position:absolute;
	left:0;
	top:150px;
	width:900px;
	height:590px;
	background:rgba(0,0,0,0.72);
	overflow:inherit;
	padding:60px 0 0;
}
/*map -End-*/
@media screen and (max-width:767px){
	ul.promote-list{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	ul.promote-list > li{
		width:calc(50% - 6px);
		margin:6px 0;
	}
	ul.promote-list > li > ul {
		display:none;
	}
	ul.promote-list > li > ul li {
		display:inline-block;
		width:100%;
	}
	ul.promote-list > li > ul li a {
		position:relative;
		display:inline-block;
		width:100%;
		text-align:left;
		color:#594A39;
		font-weight:bold;
		letter-spacing:0;
		padding:8px 12px;
		background:#FFF;
		box-sizing:border-box;
		border-top:1px solid rgba(89,74,57,.3);
		z-index:1;
	}
	ul.promote-list > li > ul li:first-child a {
		border:none;
	}
	ul.promote-list > li > ul li a:hover,
	ul.promote-list > li > ul li a:focus {
		color:#FFF;
		background:#de3600;
	}
	ul.promote-list > li > ul li a:before {
		position:absolute;
		content:"";
		display:block; 
		right:15px;
		top:50%;
		width:10px;
		height:10px;
		margin:-5px 1px 0 0;
		border-right:2px solid #594A39;
		border-top:2px solid #594A39;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		z-index:2;
		box-sizing:border-box;
	}
	ul.promote-list > li > ul li a:after {
		position:absolute;
		content:"";
		right:15px;
		top:50%;
		display:block;   
		width:12px;
		height:2px;
		margin:-1px 0 0 0;
		background:#594A39;
		z-index:2;
	}
	ul.promote-list > li > ul li a:hover:before,
	ul.promote-list > li > ul li a:focus:before {
		border-color:#FFF;
	}
	ul.promote-list > li > ul li a:hover:after,
	ul.promote-list > li > ul li a:focus:after {
		background:#FFF;
	}
}
@media screen and (max-width:420px){
	ul.promote-list > li{
		width:100%;
	}
}
@media screen and (min-width:768px){
	.map { padding-top:60px;}
	/*map -start-*/
	.map .map-box{
		width:100%;
		margin:0 auto;
		text-align:center;
		position:relative;
		max-width:720px;
	}
	/*bookmark*/
	.map-box .bookmark{
		display:block;
		position:relative;
	}
	.map-box .bookmark div.MK41-ESSMs{
		margin:0 auto;
		padding:0;
		width:100%;
	}
	.map-box .bookmark .MK41-ESSMs .taiwan-map{
		height:800px;
	}
	/*ul.promote-list*/
	ul.promote-list > li {		
		position:absolute;
		display:inline-block;
		width:auto;
		margin:0;
	}
	ul.promote-list > li.show {
		z-index:2;
	}
	ul.promote-list > li.zone001 {
		top:85px;
		left:265px;
	}
	ul.promote-list > li.zone002 {
		top:160px;
		right:30px;
	}
	ul.promote-list > li.zone003 {
		top:315px;
		right:60px;
	}
	ul.promote-list > li.zone004 {
		top:535px;
		right:170px;
	}
	ul.promote-list > li.zone005 {
		top:230px;
		left:110px;
	}
	ul.promote-list > li.zone006 {
		top:310px;
		left:130px;
	}
	ul.promote-list > li.zone007 {
		top:395px;
		left:10px;
	}
	ul.promote-list > li.zone008 {
		top:465px;
		left:20px;
	}
	ul.promote-list > li.zone009 {
		top:545px;
		left:35px;
	}
	ul.promote-list > li.zone010 {
		top:-30px;
		right:130px;
	}
	ul.promote-list > li.zone011 {
		top:-30px;
		left:390px;
	}
	ul.promote-list > li.zone012 {
		top:30px;
		left:320px;
	}
	ul.promote-list > li.zone013 {
		top:90px;
		left:260px;
	}
	ul.promote-list > li.zone014 {
		top:150px;
		left:200px;
	}
	ul.promote-list > li.zone015 {
		top:210px;
		left:200px;
	}
	ul.promote-list > li.zone016 {
		top:330px;
		left:140px;
	}
	ul.promote-list > li.zone017 {
		top:450px;
		left:140px;
	}
	ul.promote-list > li.zone018 {
		top:510px;
		left:110px;
	}
	ul.promote-list > li.zone019 {
		top:700px;
		right:310px;
	}
	ul.promote-list > li > a {
		min-width:170px;
		transition:none;
		-webkit-box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
		   -moz-box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
				box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
	}
	ul.promote-list > li > a:hover,
	ul.promote-list > li > a:focus {
		background-position:0 -117px;
	}
	/*map -End-*/
	ul.promote-list > li.btnLeft > a::before,
	ul.promote-list > li.btnRight > a::before {
		position:absolute;
		content:'';
		display:block;
		top:50%;
		width:10px;
		height:10px;
		background:#926b38;
		margin-top:-5px;
		-webkit-box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
		   -moz-box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
				box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
		-webkit-border-radius:100px;
		   -moz-border-radius:100px;
				border-radius:100px;
	}
	ul.promote-list > li:hover > a::before,
	ul.promote-list > li > a.open::before,
	ul.promote-list > li > a:hover::before,
	ul.promote-list > li > a:focus::before {
		background:#648000;
	}
	ul.promote-list > li.btnLeft > a::before {
		right:-25px;
	}
	ul.promote-list > li.btnRight > a::before {
		left:-25px;
	}
	ul.promote-list > li.btnLeft > a::after,
	ul.promote-list > li.btnRight > a::after {
		position:absolute;
		content:'';
		display:block;
		top:50%;
		width:15px;
		height:2px;
		background:#926b38;
		margin-top:-1px;
	}
	ul.promote-list > li:hover > a::after,
	ul.promote-list > li > a.open::after,
	ul.promote-list > li > a:hover::after,
	ul.promote-list > li > a:focus::after {
		background:#648000;
	}
	ul.promote-list > li.btnLeft > a::after {
		right:-15px;
	}
	ul.promote-list > li.btnRight > a::after {
		left:-15px;
	}
	ul.promote-list > li > ul {
		position:absolute;
		top:43px;
		display:none;
		width:100%;
		text-align:left;
		letter-spacing:-9px;
		background:#EBE5D7;
		box-sizing:border-box;
		-webkit-box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
		   -moz-box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
				box-shadow:0 0px 5px rgba(0%,0%,0%,.3);
	}
	ul.promote-list > li.zone004 > ul,
	ul.promote-list > li.zone009 > ul {
		top:auto;
		bottom:43px;
	}
	ul.promote-list > li.btnLeft > ul {
		right:0%;
	}
	ul.promote-list > li.btnRight > ul {
		left:0%;
	}
	ul.promote-list > li > ul li {
		display:inline-block;
		width:100%;
		background:#FFF;
	}
	ul.promote-list > li > ul li a {
		position:relative;
		display:inline-block;
		width:100%;
		text-align:left;
		color:#594A39;
		font-weight:bold;
		letter-spacing:0;
		padding:9.5px 30px 9.5px 15px;
		box-sizing:border-box;
		border-top:1px solid rgba(89,74,57,.3);
		z-index:1;
	}
	ul.promote-list > li > ul li:first-child a {
		border-top:none;
	}
	ul.promote-list > li > ul li a:hover,
	ul.promote-list > li > ul li a:focus {
		color:#FFF;
		background:#de3600;
	}
	ul.promote-list > li > ul li a:before {
		position:absolute;
		content:"";
		display:block; 
		right:12px;
		top:50%;
		width:8px;
		height:8px;
		margin:-4px 1px 0 0;
		border-right:2px solid #594A39;
		border-top:2px solid #594A39;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		z-index:2;
		box-sizing:border-box;
	}
	ul.promote-list > li > ul li a:after {
		position:absolute;
		content:"";
		right:12px;
		top:50%;
		display:block;   
		width:10px;
		height:2px;
		margin:-1px 0 0 0;
		background:#594A39;
		z-index:2;
	}
	ul.promote-list > li > ul li a:hover:before,
	ul.promote-list > li > ul li a:focus:before {
		border-color:#FFF;
	}
	ul.promote-list > li > ul li a:hover:after,
	ul.promote-list > li > ul li a:focus:after {
		background:#FFF;
	}
}
@media screen and (min-width:991px){
	.map .map-box{
		max-width:990px;
	}
	ul.promote-list > li.zone001 {
		top:80px;
		left:405px;
	}
	ul.promote-list > li.zone002 {
		top:155px;
		right:185px;
	}
	ul.promote-list > li.zone003 {
		top:315px;
		right:195px;
	}
	ul.promote-list > li.zone004 {
		top:545px;
		right:310px;
	}
	ul.promote-list > li.zone005 {
		top:225px;
		left:250px;
	}
	ul.promote-list > li.zone006 {
		top:310px;
		left:275px;
	}
	ul.promote-list > li.zone007 {
		top:385px;
		left:170px;
	}
	ul.promote-list > li.zone008 {
		top:460px;
		left:180px;
	}
	ul.promote-list > li.zone009 {
		top:545px;
		left:170px;
	}
	ul.promote-list > li.zone010 {
		top:-30px;
		right:130px;
	}
	ul.promote-list > li.zone011 {
		top:-30px;
		left:390px;
	}
	ul.promote-list > li.zone012 {
		top:30px;
		left:320px;
	}
	ul.promote-list > li.zone013 {
		top:90px;
		left:260px;
	}
	ul.promote-list > li.zone014 {
		top:150px;
		left:200px;
	}
	ul.promote-list > li.zone015 {
		top:210px;
		left:200px;
	}
	ul.promote-list > li.zone016 {
		top:330px;
		left:140px;
	}
	ul.promote-list > li.zone017 {
		top:450px;
		left:140px;
	}
	ul.promote-list > li.zone018 {
		top:510px;
		left:110px;
	}
	ul.promote-list > li.zone019 {
		top:700px;
		right:310px;
	}
	ul.promote-list > li.menu-dropdown > a span.arrow {
		background-image:url(../images/promote-list-li-a-arrow.png);
	}
	ul.promote-list > li.menu-dropdown > a.open span.arrow {
		-webkit-transform:rotate(0);
			-ms-transform:rotate(0);
				transform:rotate(0);
	}
	ul.promote-list > li > ul {
		position:absolute;
		display:block;
		top:0;
		width:200px;
		height:0;
		letter-spacing:-9px;
		margin:-10px 0;
		background:none;
		box-sizing:border-box;
		visibility:hidden;
		overflow:hidden;
		opacity:0;
		-webkit-box-shadow:0 0px 5px rgba(0%,0%,0%,0);
		   -moz-box-shadow:0 0px 5px rgba(0%,0%,0%,0);
				box-shadow:0 0px 5px rgba(0%,0%,0%,0);
	}
	ul.promote-list > li.zone004 > ul,
	ul.promote-list > li.zone009 > ul {
		bottom:0;
	}
	ul.promote-list > li.btnLeft > ul {
		right:100%;
	}
	ul.promote-list > li.btnRight > ul {
		left:100%;
	}
	ul.promote-list > li > ul.focu-show {
		height:inherit;
		padding:5px;
		visibility:visible;
		opacity:1;
		z-index:10;
	}
	ul.promote-list > li > ul li {
		padding:5px;
		border:none;
		background:none;
	}
	ul.promote-list > li > ul li a {
		background:#FFF;
		-webkit-box-shadow: 0 0px 5px rgba(0%,0%,0%,.3);
		   -moz-box-shadow: 0 0px 5px rgba(0%,0%,0%,.3);
				box-shadow: 0 0px 5px rgba(0%,0%,0%,.3);
	}
}
@media screen and (min-width:1200px){
	.map .map-box{
		max-width:1200px;
	}
	ul.promote-list li a h3,
	ul.promote-list li h3 {
		font-size:1.125em;
		letter-spacing:0.05em;
	}
	ul.promote-list li a h3 span.arrow,
	ul.promote-list li h3 span.arrow {
		width:22px;
		height:22px;
		margin-left:10px;
	}
	ul.promote-list > li.zone001 {
		top:80px;
		left:405px;
	}
	ul.promote-list > li.zone002 {
		top:150px;
		right:165px;
	}
	ul.promote-list > li.zone003 {
		top:305px;
		right:190px;
	}
	ul.promote-list > li.zone004 {
		top:545px;
		right:310px;
	}
	ul.promote-list > li.zone005 {
		top:230px;
		left:245px;
	}
	ul.promote-list > li.zone006 {
		top:300px;
		left:265px;
	}
	ul.promote-list > li.zone007 {
		top:387px;
		left:165px;
	}
	ul.promote-list > li.zone008 {
		top:465px;
		left:165px;
	}
	ul.promote-list > li.zone009 {
		top:545px;
		left:165px;
	}
	ul.promote-list > li.zone010 {
		top:-30px;
		right:140px;
	}
	ul.promote-list > li.zone011 {
		top:-30px;
		left:400px;
	}
	ul.promote-list > li.zone012 {
		top:30px;
		left:330px;
	}
	ul.promote-list > li.zone013 {
		top:90px;
		left:270px;
	}
	ul.promote-list > li.zone014 {
		top:150px;
		left:210px;
	}
	ul.promote-list > li.zone015 {
		top:210px;
		left:210px;
	}
	ul.promote-list > li.zone016 {
		top:330px;
		left:150px;
	}
	ul.promote-list > li.zone017 {
		top:450px;
		left:150px;
	}
	ul.promote-list > li.zone018 {
		top:510px;
		left:120px;
	}
	ul.promote-list > li.zone019 {
		top:700px;
		right:320px;
	}
	/*map -End-*/
	ul.promote-list > li.btnLeft > a::before {
		right:-50px;
	}
	ul.promote-list > li.btnRight > a::before {
		left:-50px;
	}
	ul.promote-list > li.btnLeft > a::after,
	ul.promote-list > li.btnRight > a::after {
		width:40px;
	}
	ul.promote-list > li.btnLeft > a::after {
		right:-40px;
	}
	ul.promote-list > li.btnRight > a::after {
		left:-40px;
	}
	ul.promote-list > li > ul {
		width:220px;
	}
	ul.promote-list > li > ul li a {
		font-size:1.125em;
	}
	ul.promote-list > li > ul li a:before {
		right:15px;
		width:10px;
		height:10px;
		margin:-5px 1px 0 0;
	}
	ul.promote-list > li > ul li a:after {
		right:15px;
		width:12px;
	}
}

/*each-site-intro-window*/
.each-site-intro-window .lef-pic{
	float:left;
	width:380px;
}
.each-site-intro-window .lef-pic img{
	width:320px;
}
.each-site-intro-window .rig-txt{
	float:right;
	width:520px;
	text-align:left;
	color:#fff;
	padding:0 30px 0 0;
}
.each-site-intro-window .rig-txt .tags{
	position:absolute;
	top:55px;
	right:30px;
}
.each-site-intro-window .rig-txt .tags span{
	display:inline-block;
	width:45px;
	line-height:45px;
	border-radius:50px;
	font-size:0.858em;
	text-align:center;
}
.each-site-intro-window .rig-txt .tags span.zone{
	color:#111;
	background:#fff;
}
.each-site-intro-window .rig-txt .tags span.degree{
	color:#fff;
	background:#eb6100;
}
.each-site-intro-window .rig-txt h3{
	font-size:2.288em;
	letter-spacing:0.05em;
	margin:0 0 25px 0;
}
.each-site-intro-window .rig-txt .text{
	font-size:1.032em;
    line-height:1.56em;
    letter-spacing:0.06em;
    margin:0 0 25px 0;
	padding:0 0 25px 0;
	border-bottom:1px #fff dashed;
}
.each-site-intro-window .rig-txt .list{
	font-size:1.032em;
	padding:0 0 25px 0;
	border-bottom:1px #fff dashed;
}
.each-site-intro-window .rig-txt .list ul li{
	line-height:1.888em;
	letter-spacing:0.06em;
	margin:0 0 7px 0;
}
.each-site-intro-window .rig-txt .list ul li span.tit{
	display:inline-block;
    vertical-align:baseline;
    color:#111111;
    background:#fff;
    border-radius:15px;
    padding:0px 11px;
	line-height:28px;
    margin:0 7px 0 0;
    font-size:0.955em;
}
.each-site-intro-window .rig-txt .attr{
	padding:15px 0;
	overflow:auto;
}
.each-site-intro-window .rig-txt .attr ul li{
	text-align:center;
	float:left;
	display:inline-block;
	margin:0 18px 0 0;
}
.each-site-intro-window .rig-txt .attr ul li .ico{
	text-align:center;
}
.each-site-intro-window .rig-txt .attr ul li .ico img{
	display:inline-block;
	width:50px;
	height:50px;
}
.each-site-intro-window .rig-txt .attr ul li .txt{
	margin:5px 0 0 0;
	font-size:0.885em;
}
.each-site-intro-window .rig-txt a.read-more-btn{
	clear:both;
	display:block;
	color:#000;
    font-size:1.128em;
    font-weight:bold;
    letter-spacing:0.06em;
	background:rgba(255,255,255,0.9);
	text-align:center;
	width:100%;
	line-height:50px;
	opacity:0.8;
}
.each-site-intro-window .rig-txt a.read-more-btn .read-more-btn-ico-plus{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:sub;
	background:url(../images/read-more-btn-ico-plus.png) left top no-repeat;
}
.each-site-intro-window .rig-txt a.read-more-btn:hover{
	opacity:1;
}
/*zone-search*/
.zone-search{
	position:static;
	display:inline-block;
	width:280px;
	height:auto;
	background:#efede7;
	border-radius:0 0 15px 15px;
	margin:50px 0 0 0;
	/*key*/
	display:none;
}
.zone-search h3{
	color:#fff;
	height:65px;
	background:#323130;
	position:relative;
	border-radius:15px 15px 0 0;
}
.zone-search h3 .ill{
	position:absolute;
	bottom:0;
	left:16px;
	display:inline-block;
	width:177px;
	height:117px;
	background:url(../images/zone-search-h3-ill.png) left top no-repeat;
}
.zone-search h3 .txt{
	position:absolute;
	right:32px;
	top:20px;
	font-size:1.628em;
	font-weight:bold;
}
.zone-search .zone-search-in{
	padding:22px 25px;
}
.zone-search-in .selectors > ul{
	display:block;
	list-style:none;
}
.zone-search-in .selectors > ul > li > a.tit{
	display:block;
	color:#fff;
	font-size:1.128em;
	font-weight:bold;
	font-family:"微軟雅黑體", "Microsoft YaHei";
	letter-spacing:0.08em;
	background:#9f7c54;
	border:none;
	width:100%;
	padding:9px 15px;
	margin:0 0 10px 0;
	border-radius:5px;
}
.zone-search-in .selectors > ul > li > a.tit:hover,
.zone-search-in .selectors > ul > li > a.tit:active{
	background:#ea5414;
}
.zone-search-in .selectors > ul > li > a.on{
	background:#ea5414;
}
.zone-search-in .selectors > ul > li > ul{
	display:none;
	background:#fff;
    margin:0 0 10px 0;
    padding:16px;
	list-style:none;
}
.zone-search-in .selectors > ul > li > ul.open {
	display:block;
}
.zone-search-in .selectors > ul > li > ul > li{
    line-height:1.628em;
}
.zone-search-in .selectors > ul > li > ul > li > a{
	color:#333;
    font-size:1.088em;
    font-weight:normal;
    letter-spacing:0.03em;
}
.zone-search-in .selectors > ul > li > ul > li > a:hover{
	color:#f39700;
}
.zone-search-in .btns{
	display:block;
	overflow:hidden;
	padding:10px 0 30px;
}
.zone-search-in .btns ul{
	list-style:none;
}
.zone-search-in .btns ul li{
	float:left;
	width:50%;
}
.zone-search-in .btns ul li:nth-child(1),
.zone-search-in .btns ul li:nth-child(2){
	margin:0 0 20px 0;
}
.zone-search-in .btns ul li a{
	display:block;
	text-align:center;
}
.zone-search-in .btns ul li a span{
	display:block;
}
.zone-search-in .btns ul li a span.ico{
	display:inline-block;
	width:85px;
	height:85px;
	border:5px #fff solid;
	border-radius:50px;
}
.zone-search-in .btns ul li a.btn-001-pay span.ico{
}
.zone-search-in .btns ul li a.btn-002-ars span.ico{
}
.zone-search-in .btns ul li a.btn-003-vrs span.ico{
}
.zone-search-in .btns ul li a.btn-004-pos span.ico{
}
.zone-search-in .btns ul li a span.txt{
	color:#fff;
	font-size:1.128em;
	font-weight:bold;
	text-shadow:0px 0px 3px rgba(0,0,0,0.85);
	margin:5px 0 0 0;
}
.zone-search-in .btns ul li a:hover span.ico{
	border:5px #669933 solid;
}
.zone-search-in .btns ul li a:hover span.txt{
	color:#669933;
	text-shadow:none;
}
.zone-search-in .btns ul li a.checked span.ico{
	border:5px #e62b17 solid;
}
.zone-search-in .btns ul li a.checked span.txt{
	color:#e62b17;
	text-shadow:none;
}
.zone-search-in .advenced-search-btn{
	display:block;
	width:100%;
	line-height:45px;
	color:#FFF;
	font-size:1.128em;
	font-weight:bold;
	font-family:"微軟雅黑體","Microsoft YaHei";
	background:#323130 url(../images/advenced-search-btn-ico.png) left top no-repeat;
	background-position:57px 12px;
	border:none;
	border-radius:5px;
	letter-spacing:0.07em;
	padding:0 0 0 12px;
}
.zone-search-in .advenced-search-btn:hover{
	background:#669933 url(../images/advenced-search-btn-ico.png) left top no-repeat;
	background-position:57px 12px;
	cursor:pointer;
}
/*map -End-*/
/*news*/
#content .news{
}
#content .news .list-box{
	text-align:center;
	margin-top:15px;
	margin-bottom:40px;
}
.list-box ul{
	list-style:none;
	margin-bottom:20px;
}
.list-box ul li{
	display:block;
	text-align:left;
	padding:18px 0;
	border-bottom:1px #D3BD9A dashed;
	line-height:1.58em;
}
.list-box ul li:nth-child(1){
	border-top:1px #D3BD9A dashed;
}
.list-box span.date{
	display:inline-block;
	color:rgba(142,118,90,0.88);
	font-size:0.888em;
	border:1px rgba(142,118,90,0.75) solid;
	border-radius:5px;
	padding:0 0.5em;
	margin-bottom:8px;
}
.list-box a h3.tit{
	display:block;
	color:#333333;
	font-size:1.088em;
	font-weight:normal;
}
.list-box a:hover h3.tit,
.list-box a:active h3.tit{
	color:#FF8000;
}
/*info*/
#content .info{
	background:#9CC813;
}
#content .info .article-box{
	background:#9CC813;
	padding:40px 20px 20px;
	border:1px rgba(255,255,255,0.75) solid;
	border-radius:10px;
	text-align:center;
	margin:0 0 20px 0;
}
.article-box .atc-txt{
	text-align:left;
}
.article-box .atc-txt h3.catelog{
	color:#ffffff;
	font-size:1.088em;
	font-weight:normal;
	letter-spacing:0.04em;
}
.article-box .atc-txt h4.tit a{
	display:inline-block;
	color:#464637;
	border-left:8px #FF4000 solid;
	line-height:1.15em;
	margin:0.44em 0 0.88em;
	font-size:1.658em;
	font-weight:normal;
	padding:0 0 0 0.4em;
	letter-spacing:0.02em;
	text-align:left;
}
.article-box .atc-txt h4.tit a:hover,
.article-box .atc-txt h4.tit a:active{
	color:#704518;
}
.article-box .atc-txt .media{
	width:100%;
	max-width:540px;
	height:auto;
	overflow:hidden;
	position:relative;
}
.article-box .atc-txt .media .outline-mask{
	width:100%;
	height:100%;
	border:4px rgba(255,255,255,0.85) solid;
	position:absolute;
}
.article-box .atc-txt p{
	color:#353526;
	font-size:0.958em;
	line-height:1.58em;
	letter-spacing:0.03em;
	margin:0.88em 0;
	/*multi-line-ellipsis*/
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4; /*key行數*/
	line-height:1.58em; /*key行高*/
	height:6.32em; /*key行數乘以行高*/
	/*下兩行視情況增加*/
	padding-left:10px; /*key!!節尾空一格*/
	margin-left:-10px; /*key!!節尾空一格*/
}
.article-box a.atc-more-btn{
	display:inline-block;
	color:#ffffff;
	font-size:1.148em;
	font-weight:bold;
	letter-spacing:0.02em;
	background:#FF4000 url(../images/atc-mote-btn-arrow.png) left top no-repeat;
	background-position:30px 18px;
	border-radius:7px;
	padding:15px 0;
	width:100%;
	margin:40px 0 0 0;
}
.article-box a.atc-more-btn:hover,
.article-box a.atc-more-btn:active{
	background-color:#704518;
}
/*process*/
#content .process{
	background:#ffffff;
}
#content .process .flow-box{
	text-align:center;
	padding:55px 20px;
}
.flow-box ul{
	list-style:none;
}
.flow-box ul li{
	display:block;
	margin-bottom:25px;
}
.flow-box ul li:nth-last-child(1){
	margin-bottom:0;
}
.flow-box ul li img{
	width:100%;
	max-width:155px;
	height:auto;
}
.flow-box ul li h3{
	color:#444434;
	font-size:1.408em;
	font-weight:normal;
	letter-spacing:0.05em;
	margin:0.7em 0 0.35em;
}
.flow-box ul li p{
	color:#888;
	font-size:1.128em;
	line-height:;
	letter-spacing:;
}
.flow-box ul li.arrow img{
	width:24px;
	height:32px;
}
.flow-box a.process-more-btn{
	display:inline-block;
	color:rgba(77,60,64,0.85);
	font-size:1.148em;
	font-weight:bold;
	letter-spacing:0.02em;
	background:#D3BD9A url(../images/atc-mote-btn-arrow.png) left top no-repeat;
	background-position:30px 18px;
	border-radius:7px;
	padding:15px 0;
	width:100%;
	margin:40px 0 0 0;
}
/*adver*/
.adver{
	width:100%;
	height:150px;
	background:#F4F1EB;
}
.adver .adver-box{
	width:auto;
	background:#F4F1EB;
	padding-top:40px;
}
.adver .adver-box .adv-slider{
	width:85%;
	height:70px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.adver .adver-box ul.slides li{
	width:200px !important;
	height:70px !important;
	margin-right:0px /*change key*/
}

/*--iPad mode column:768px row:1024px --*/
@media screen and (min-width:768px) and (max-width:1024px){
	/*slider*/
	#slider{
		height:400px;
	}
	#slider ul.slides {
		list-style:none;
	}
	#slider ul.slides li{
		height:400px;
	}
	#slider ul.slides li .slider-txt-box{
		height:130px;
		margin-top:135px;
	}
	/*content*/
	#content .sm-padding{
		padding:40px;
	}
	#content .info .article-box{
		padding:40px;
	}
	/*neww*/
	#content .news .list-box{
		margin-top:20px;
	}
	.list-box ul{
		list-style:none;
		margin-bottom:40px;
	}
	/*info*/
	.article-box .atc-txt .media{
		margin-bottom:1.38em;
		max-width:100%;
	}
	.article-box .atc-txt h4.tit{
		font-size:1.328em;
		opacity:0.9;
	}
	.article-box .atc-txt p{
		line-height:1.68em;
		-webkit-line-clamp:4; /*key行數*/
		height:6.72em; /*key行數乘以行高*//
	}
	/*process*/
	.flow-box a.process-more-btn{
		margin:80px 0 0 0;
	}
	#content .process .flow-box{
		padding:55px 20px 20px;
	}
	/*adver*/
	.adver{
		width:100%;
		height:150px;
	}
	.adver .adver-box{
		width:auto;
	}
	.adver .adver-box .adv-slider{
		width:75%;
		height:70px;
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}
	.adver .adver-box ul.slides li{
		width:200px !important;
		height:70px !important;
		margin:0 9px /*change*/
	}
}
@media screen and (min-width:767px) and (max-width:769px){
	/*for iPad row-mode*/
	/*adver*/
	.adver .adver-box .adv-slider{
		width:85%;
		height:70px;
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}
}

/*--desk mode--*/
@media screen and (min-width:1025px){
	/*header li.live*/
	#header .OYQ .OYQ-box .links li.live{
		display:block;
	}
	/*slider*/
	#slider{
		height:670px;
	}
	#slider ul.slides {
		list-style:none;
	}
	#slider ul.slides li {
		height:670px;
	}
	#slider ul.slides li .center-box{
		position:relative;/*pos*/
		display:block;
		width:1150px;
		height:670px;
		margin:0 auto;
		box-sizing:border-box;
	}
	#slider ul.slides li .slider-txt-box{
		position:absolute;
		left:50%;
		top:50%;
		width:600px;
		height:300px;
		margin-left:-300px;
		margin-top:-150px;
		display:inline-block;
		box-sizing:border-box;
		padding:50px 50px 65px;
		color:#fff;
		background:rgba(0,0,0,0.6);
		border-radius:16px;
		text-align:center;
	}
	.slider-txt-box .tit{
		display:inline-block;
		font-size:2.858em;
		font-weight:bold;
		line-height:1.188em;
		height:auto;
		margin-top:0px;
		margin-bottom:0.5em;
		letter-spacing:0.03em;
	}
	.slider-txt-box .tit span{
		display:inline-block;
		margin-bottom:0px;
	}
	a:hover .slider-txt-box .tit{
		color:#eeffc9;
	}
	a:hover .slider-txt-box p{
		color:#eeffc9;
	}
	#slider ul.slides li a:hover .slider-txt-box{
		background:rgba(0,0,0,0.77);
		transition:all 0.3s ease;
	}
	/*deco-bottom-line*/
	.slider-txt-box .tit .slider-h2-deco-line {
		display:none;
	}
	.slider-txt-box p{
		display:block;
		color:#ffffff;
		font-size:1.088em;
	
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3; /*mount of line*/
		line-height:1.65em; /*height of line*/
		height:4.95em; /*mount x height*/
		padding-left:10px; /*for last line's tail space*/
		margin-left:-10px; /*for last line's tail space*/
	}
	/*news*/
	/*content*/
	#content{
		text-align:center;
		margin:0 0 0 0;/*RTZ*/
	}
	#content .sm-padding{
		padding:20px;
	}
	#content h2.cont-sm-h2{
		display:inline-block;
		color:#515140;
		font-size:1.958em;
		letter-spacing:0.02em;
		line-height:0.958em;
		margin-top:40px;
	}
	#content h2.cont-sm-h2 a{
		color:#515140;
		cursor:text;
		display:inline-block;
		margin:-6px 0 0 0;
	}
	#content h2.cont-sm-h2 strong{
		font-weight:bold;
	}
	#content h2.cont-sm-h2 em{
		font-style:normal;
	}
	#content h2 .txt{
		display:block;
	}
	#content h2 .bar{
		display:inline-block;
		width:80px;
		height:5px;
		background:#FF4000;
	}
	#content h2.cont-sm-h2 .goal{
		display:block;
		margin:10px 0 0;
		font-size:0.608em;
		font-weight:normal;
		line-height:1.45em;
		letter-spacing:0.04em;
		padding:0 0 0 10px;
	}
	#content h2.cont-sm-h2 .goal .ico{
		display:inline-block;
		width:20px;
		height:20px;
		background:url(../images/home-h2-goal-ico.png) left top no-repeat;
		vertical-align:sub;
		margin:0 -3px 0 0;
	}
	#content h2.cont-sm-h2 .goal .dark{
		color:#654B25;
	}
	#content h2.cont-sm-h2 .goal .light{
		display:inline-block;
		color:#987139;
		font-size:inherit;
		margin:0 0 0 -10px;
	}
	/*map -start-*/
	.map{
		clear:both;
		width:100%;
		background:#e5e1d6;
		padding:140px 0 80px 0;
		margin:-140px 0 0 0;
		border-top:none;
	}
	.map .map-box{
		width:1200px;
		margin:0 auto;
		text-align:center;
		position:relative;
	}
	.map-box h2{
		color:#803b00;
		display:block;
		text-align:center;
		position:relative;
		padding:40px 0 25px;
	}
	.map-box h2 .cht{
		font-size:2.28em;
		font-weight:bold;
		letter-spacing:0.02em;
		margin:0 0 5px 0;
	}
	.map-box h2 span.eng{
		font-size:0.958em;
		font-weight:normal;
		letter-spacing:0.02em;
	}
	/*bookmark*/
	.map-box .bookmark{
		display:block;
		position:relative;
	}
	.map-box .bookmark ul.FCS-3A{
		display:inline-flex;
		list-style:none;
	}
	.map-box .bookmark ul.FCS-3A li{
		float:left;
		margin:0 10px 0 0;
	}
	.map-box .bookmark ul.FCS-3A li.last{
		margin:0 0 0 0;
	}
	.map-box .bookmark ul.FCS-3A li a{
		display:inline-block;
		width:48px;
		height:48px;
		color:#b28850;
		font-size:0.88em;
		background:#e5e1d6;
		border:1px #b28850 solid;
		border-radius:50px;
		padding:16px 0 0 0;
		letter-spacing:-0.02em;
		position:relative;
	}
	.map-box .bookmark ul.FCS-3A li a:after{
		content:url(../images/map-li-after-dashed-line.png);
		position:absolute;
		top:20px;
		right:-21px;
	}
	.map-box .bookmark ul.FCS-3A li.last a:after{
		display:none;
	}
	.map-box .bookmark ul.FCS-3A li a:hover,
	.map-box .bookmark ul.FCS-3A li a:active{
		color:#fff;
		background:#b28850;
	}
	.map-box .bookmark ul.FCS-3A li.active a{
		color:#fff;
		background:#b28850;
	}
	.map-box .bookmark div.MK41-ESSMs .taiwan-map{
		text-align:center;
		position:relative; /*key*/
		cursor:default !important;
	}
	.map-box .bookmark div.MK41-ESSMs .taiwan-map img{
		width:auto;
		height:auto;
		display:inline-block;
		margin:0 0 0 -100px;
	}
	.map-box .bookmark div.MK41-ESSMs .taiwan-map:hover{
		cursor:pointer;
	}
	.each-site-intro-window{
		display:none;/*none*/
		position:absolute;
		left:0;
		top:0;
		width:900px;
		height:auto;
		background:rgba(0,0,0,0.72);
		overflow:inherit;
		padding:60px 0 40px;
	}
	.each-site-intro-window a.close-btn{
		display:inline-block;
		width:60px;
		height:60px;
		background:#000 url(../images/each-site-intro-window-close-ico.png) center center no-repeat;
		position:absolute;
		font-size:0px;
		top:-30px;
		right:30px;
	}
	.map-box .bookmark .each-site-intro-window a.close-btn:hover{
		background:#F33 url(../images/each-site-intro-window-close-ico.png) center center no-repeat;
	}
	.each-site-intro-window .top-table{
		color:#fff;
		padding:0 50px 25px;
	}
	.each-site-intro-window .top-table .tags{
		position:absolute;
		top:55px;
		right:50px;
	}
	.each-site-intro-window .top-table .tags span{
		display:inline-block;
		width:45px;
		line-height:45px;
		border-radius:50px;
		font-size:0.858em;
		text-align:center;
	}
	.each-site-intro-window .top-table .tags span.zone{
		color:#111;
		background:#fff;
	}
	.each-site-intro-window .top-table .tags span.degree{
		color:#333;
		font-size:1em;
		background:#f7ed11;
		font-weight:bold;
	}
	.each-site-intro-window .top-table h3 {
		font-size:2.288em;
		letter-spacing:0.05em;
		margin:0 0 25px 0;
	}
	.each-site-intro-window .top-table table{
		width:100%;
		margin:40px 0 20px;
	}
	.each-site-intro-window .top-table table,
	.each-site-intro-window .top-table table th,
	.each-site-intro-window .top-table table td{
		border:1px #fff solid;
	}
	.each-site-intro-window .top-table table th,
	.each-site-intro-window .top-table table td{
		padding:10px;
	}
	.each-site-intro-window .lef-pic{
		float:left;
		width:350px;
		text-align:right;
	}
	.each-site-intro-window .lef-pic img{
		width:320px;
	}
	.each-site-intro-window .rig-txt{
		float:right;
		width:520px;
		text-align:left;
		color:#fff;
		padding:25px 55px 0 0;
	}
	.each-site-intro-window .rig-txt .text{
		font-size:1.032em;
		line-height:1.56em;
		letter-spacing:0.06em;
		margin:0 0 25px 0;
		padding:0 0 25px 0;
		border-bottom:1px #fff dashed;
	}
	.each-site-intro-window .rig-txt .list{
		font-size:1.032em;
		padding:25px 0;
		border-top:1px rgba(255,245,18,0.8) dashed;
		border-bottom:1px rgba(255,245,18,0.8) dashed;
	}
	.each-site-intro-window .rig-txt .list ul li{
		line-height:2.288em;
		letter-spacing:0.06em;
		margin:0 0 7px 0;
	}
	.each-site-intro-window .rig-txt .list ul li span.tit{
		display:inline-block;
		vertical-align:baseline;
		color:#111111;
		background:#fff;
		border-radius:15px;
		padding:0px 11px 0px 12px;
		line-height:28px;
		margin:0 2px 0 0;
		font-size:0.988em;
		font-weight:bold;
	}
	.each-site-intro-window .rig-txt .list ul li a{
		display:inline-block;
		color:#fff;
		font-size:1.188em;
		font-weight:normal;
		text-decoration:underline;
		margin:-5px 0 0 0;
	}
	.each-site-intro-window .rig-txt .list ul li a:hover,
	.each-site-intro-window .rig-txt .list ul li a:active{
		color:#faed00;
		text-decoration:none;
	}
	.each-site-intro-window .rig-txt .attr{
		padding:15px 0;
		overflow:auto;
	}
	.each-site-intro-window .rig-txt .attr ul li{
		text-align:center;
		float:left;
		display:inline-block;
		margin:0 18px 0 0;
	}
	.each-site-intro-window .rig-txt .attr ul li .ico{
		text-align:center;
	}
	.each-site-intro-window .rig-txt .attr ul li .ico img{
		display:inline-block;
		width:50px;
		height:50px;
	}
	.each-site-intro-window .rig-txt .attr ul li .txt{
		margin:5px 0 0 0;
		font-size:0.885em;
	}
	.each-site-intro-window a.read-more-btn{
		clear:both;
		width:800px;
		display:inline-block;
		line-height:50px;
		opacity:0.8;
		color:#000;
		font-size:1.288em;
		font-weight:bold;
		letter-spacing:0.06em;
		background:rgba(255,255,255,0.9);
		text-align:center;
		margin:40px 0 8px 0;
		border-radius:5px;
	}
	.each-site-intro-window a.read-more-btn:hover{
		color:#ea5414;
	}
	.each-site-intro-window .rig-txt a.read-more-btn .read-more-btn-ico-plus{
		display:inline-block;
		width:20px;
		height:20px;
		vertical-align:sub;
		background:url(../images/read-more-btn-ico-plus.png) left top no-repeat;
	}
	.each-site-intro-window .rig-txt a.read-more-btn:hover{
		opacity:1;
	}
	/*zone-search*/
	.zone-search{
		display:none;
		position:absolute;
		right:0;
		top:250px;
		width:280px;
		height:auto;
		background:#efede7;
		border-radius:0 0 15px 15px;
	}
	.zone-search h3{
		color:#fff;
		height:65px;
		background:#323130;
		position:relative;
		border-radius:15px 15px 0 0;
	}
	.zone-search h3 .ill{
		position:absolute;
		bottom:0;
		left:22px;
		display:inline-block;
		width:177px;
		height:117px;
		background:url(../images/zone-search-h3-ill.png) left top no-repeat;
	}
	.zone-search h3 .txt{
		position:absolute;
		right:32px;
		top:20px;
		font-size:1.688em;
		font-weight:bold;
	}
	/* end ul.promote-list*/
	.zone-search .zone-search-in{
		padding:22px 25px;
	}
	.zone-search-in .selectors > ul{
		display:block;
		list-style:none;
	}
	.zone-search-in .selectors > ul > li > a.tit{
		display:block;
		color:#fff;
		font-size:1.128em;
		font-weight:bold;
		font-family:"微軟雅黑體", "Microsoft YaHei";
		letter-spacing:0.08em;
		background:#9f7c54;
		border:none;
		width:100%;
		padding:9px 15px;
		margin:0 0 10px 0;
		border-radius:5px;
	}
	.zone-search-in .selectors > ul > li > a.tit:hover,
	.zone-search-in .selectors > ul > li > a.tit:active{
		background:#ea5414;
	}
	.zone-search-in .selectors > ul > li > a.on{
		background:#ea5414;
	}
	.zone-search-in .selectors > ul > li > ul{
		display:none;
		background:#fff;
		margin:0 0 10px 0;
		padding:16px;
		list-style:none;
	}
	.zone-search-in .selectors > ul > li > ul.open{
		display:block;
	}
	.zone-search-in .selectors > ul > li > ul > li{
		line-height:1.628em;
	}
	.zone-search-in .selectors > ul > li > ul > li > a{
		color:#333;
		font-size:1.088em;
		font-weight:normal;
		letter-spacing:0.03em;
	}
	.zone-search-in .selectors > ul > li > ul > li > a:hover{
		color:#f39700;
	}
	.zone-search-in .selectors select:focus{
		outline:none;
	}
	.zone-search-in .selectors option.disabled{
		color:#CCC;
	}
	.zone-search-in .selectors select::-ms-expand{
		display:none; /*select no dropdown arrow*/
	}
	.zone-search-in .selectors select:hover{
		background:#009e96;
	}
	.zone-search-in .btns{
		display:block;
		overflow:hidden;
		padding:10px 0 30px;
	}
	.zone-search-in .btns ul{
		list-style:none;
	}
	.zone-search-in .btns ul li{
		float:left;
		width:50%;
	}
	.zone-search-in .btns ul li:nth-child(1),
	.zone-search-in .btns ul li:nth-child(2){
		margin:0 0 20px 0;
	}
	.zone-search-in .btns ul li a{
		display:block;
		text-align:center;
	}
	.zone-search-in .btns ul li a span{
		display:block;
	}
	.zone-search-in .btns ul li a span.ico{
		display:inline-block;
		width:85px;
		height:85px;
		border:5px #fff solid;
		border-radius:50px;
	}
	.zone-search-in .btns ul li a.btn-001-pay span.ico{
	}
	.zone-search-in .btns ul li a.btn-002-ars span.ico{
	}
	.zone-search-in .btns ul li a.btn-003-vrs span.ico{
	}
	.zone-search-in .btns ul li a.btn-004-pos span.ico{
	}
	.zone-search-in .btns ul li a span.txt{
		color:#fff;
		font-size:1.128em;
		font-weight:bold;
		text-shadow:0px 0px 3px rgba(0,0,0,0.85);
		margin:5px 0 0 0;
	}
	.zone-search-in .btns ul li a:hover span.ico{
		border:5px #669933 solid;
	}
	.zone-search-in .btns ul li a:hover span.txt{
		color:#669933;
		text-shadow:none;
	}
	.zone-search-in .btns ul li a.checked span.ico{
		border:5px #e62b17 solid;
	}
	.zone-search-in .btns ul li a.checked span.txt{
		color:#e62b17;
		text-shadow:none;
	}
	.zone-search-in .advenced-search-btn{
		display:block;
		width:100%;
		line-height:45px;
		color:#FFF;
		font-size:1.128em;
		font-weight:bold;
		font-family:"微軟雅黑體","Microsoft YaHei";
		background:#323130 url(../images/advenced-search-btn-ico.png) left top no-repeat;
		background-position:57px 12px;
		border:none;
		border-radius:5px;
		letter-spacing:0.07em;
		padding:0 0 0 0;
	}
	.zone-search-in .advenced-search-btn:hover{
		background:#669933 url(../images/advenced-search-btn-ico.png) left top no-repeat;
		background-position:57px 12px;
		cursor:pointer;
	}
	/*map -End-*/
	
	/*news*/
	#content .news{
	}
	#content .news .news-box{
		width:auto;
		margin:0 auto;
	}
	#content .news .list-box{
		width:850px;
		margin:20px auto 40px;
		font-size:1.228em;
	}
	.list-box ul{
		list-style:none;
		margin-bottom:20px;
	}
	.list-box span.date{
		display:inline-block;
		color:rgba(142,118,90,0.88);
		font-size:0.888em;
		border:1px rgba(142,118,90,0.75) solid;
		border-radius:5px;
		padding:0 0.5em;
		margin-bottom:0px;
		vertical-align:top;
	}
	.list-box li > a{
		display:inline-block;
		width:650px;
		margin-left:10px;
	}
	.list-box li > a h3.tit{
		display:inline-block;
		color:#333333;
		font-size:1em;
		font-weight:normal;
		line-height:1.42em;
	}
	.list-box a:hover h3.tit,
	.list-box a:active h3.tit{
		color:#FF8000;
		-webkit-transition:all 0.4s ease;
		   -moz-transition:all 0.4s ease;
			 -o-transition:all 0.4s ease;
				transition:all 0.4s ease;
	}
	/*more-btn*/
	a.more-btn{
		display:inline-block;
		color:#fff;
		background:#FF4000;
		font-size:1.088em;
		border:1px #FF4000 solid;
		border-radius:4px;
		padding:10px 20px;
	}
	a.more-btn:hover,
	a.more-btn:active{
		color:#FF4000;
		background:#ffffff;
	}
	/*info*/
	#content .info{
		background:#9CC813;
		padding:0 !important;
	}
	#content .info .info-top-box,
	#content .info .info-bot-box{
		width:100%;
		margin:0 auto;
	}
	#content .info .info-top-box{
		border-bottom:1px rgba(255,255,255,0.75) dashed;
	}
	#content .info .article-box{
		position:relative;/*pos*/
		background:#9CC813;
		width:1150px;
		height:300px;
		margin:0 auto;
		padding:0px;
		border-left:1px rgba(255,255,255,0.75) dashed;
		border-right:1px rgba(255,255,255,0.75) dashed;
		border-top:none;
		border-bottom:none;
		border-radius:0px;
		text-align:center;
	}
	.article-box .atc-txt{
		width:100%;
		height:300px;
		text-align:left;
	}
	.article-box .atc-txt h3.catelog{
		font-size:1.188em;
		text-shadow:rgba(70,70,55,0.5) 1px 1px 2px;
	}
	.article-box .atc-txt h4.tit a{
		font-size:2.088em;
		margin:0.5em 0 0.5em;
	}
	.article-box .atc-txt h4.tit a:hover{
		color:#2B7B00;
	}
	.article-box .atc-txt .media{
		position:absolute;
		width:100%;
		max-width:575px;/*change*/
		height:auto;
		overflow:hidden;
	}
	/*brick position setting*/
	.article-box-01 .atc-txt{
		padding:35px 40px 0 615px;/*575+40,syn:top*/
	}
	.article-box-01 .atc-txt .media{
		position:absolute;
		left:0px;
		top:0px;
	}
	.article-box-02 .atc-txt{
		padding:35px 615px 0 40px;/*575+40,top:syn*/
	}
	.article-box-02 .atc-txt .media{
		position:absolute;
		right:0px;
		top:0px;
	}
	.article-box-02 .atc-txt .video-container iframe, 
	.article-box-02 .atc-txt .video-container object, 
	.article-box-02 .atc-txt .video-container embed{
		height:300px !important;
	}
	.atc-txt .media .outline-mask{
		display:none;
	}
	.article-box .atc-txt p{
		color:#353526;
		font-size:0.958em;
		line-height:1.58em;
		letter-spacing:0.03em;
		margin:0 0 0.88em 0;
		/*multi-line-ellipsis*/
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3; /*key行數*/
		line-height:1.58em; /*key行高*/
		height:4.74em; /*key行數乘以行高*/
		/*下兩行視情況增加*/
		padding-left:10px; /*key!!節尾空一格*/
		margin-left:-10px; /*key!!節尾空一格*/
	}
	.article-box a.atc-more-btn{
		display:inline-block;
		color:rgba(48,64,0,1);
		font-size:1.148em;
		font-weight:normal;
		letter-spacing:0.02em;
		background:transparent url(../images/atc-mote-btn-arrow-thin.png) left top no-repeat;
		background-position:20px 14px;
		border:1px rgba(48,64,0,0.7) solid;
		border-radius:7px;
	
		padding:12px 25px 12px 40px;
		width:auto;
		margin:0 0 0 0;
	
		position:absolute;
		bottom:35px;/*syn*/
		right:330px;
	}
	.article-box a.atc-more-btn:hover{
		color:#fff;
		background:rgba(48,64,0,1) url(../images/atc-mote-btn-arrow-thin-white.png) left top no-repeat;
		background-position:20px 14px;
	}
	.article-box-02 a.atc-more-btn{
		position:absolute;
		bottom:35px;/*syn*/
		right:auto;/*key*/
		left:40px;
	}
	/*process*/
	#content .process{
		background:#ffffff;
	}
	#content .process .flow-box{
		text-align:center;
		padding:55px 0px 45px;
	}
	.flow-box ul{
		display:table;
		list-style:none;
		margin:0 auto;
	}
	.flow-box ul li{
		display:block;
		float:left;
		margin:0 45px 0;
	}
	.flow-box ul li img{
		width:100%;
		max-width:155px;
		height:auto;
	}
	.flow-box ul li h3{
		color:rgba(0,0,0,0.55);
		font-size:1.688em;
		font-weight:bold;
		letter-spacing:0.05em;
		margin:0.7em 0 0.45em;
	}
	.flow-box ul li p{
		color:#888;
		font-size:1.128em;
		line-height:;
		letter-spacing:;
	}
	.flow-box ul li.arrow{
		margin-top:60px;
	}
	.flow-box ul li.arrow img{
		width:24px;
		height:32px;
		transform:rotate(-90deg);
	}
	.flow-box a.process-more-btn{
		display:inline-block;
		width:auto;
		color:#fff;
		background:#FF4000;
		font-size:1.338em;
		font-weight:normal;
		border:1px #FF4000 solid;
		border-radius:4px;
		padding:10px 20px;
	}
	.flow-box a.process-more-btn:hover{
		color:#FF4000;
		background:#FFF;
		border:1px #FF4000 solid;
	}
	/*adver*/
	.adver{
		width:100%;
	}
	.adver .adver-box{
		width:1150px;
		margin:0 auto;
	}
	.adver .adver-box .adv-slider{
		width:1150px;
		height:70px;
		margin:0 auto;
		position:static;
		overflow:hidden;
	}
	.adver .adver-box ul.slides li{
		width:200px !important;
		height:70px !important;
		margin-right:17px /*change*/
	}
}


.adLink {
	position:relative;
	width:100%;
	padding:35px 20px;
	box-sizing:border-box;
	margin:0 auto;
}
.adLink .listshow {	
	display:block;
	width:100%;
	padding:0 30px;
	margin:0 auto;
	box-sizing:border-box;
}
.adLink .listshow .item {
	display:inline-block;
	padding:5px;
	box-sizing:border-box;
}
.adLink .listshow .item a {
	float:left;
	width:100%;
	height:100%;	
}
.adLink .listshow .item a:focus {
	box-sizing:border-box;
	outline:1px dotted #FF0000;
}
.adLink .listshow .item a:focus img {
	opacity:0.5;
}
.adLink .listshow img {
	width:100%;
	max-width:200px;
	height:auto;
	margin:0 auto;
}
.adLink .listshow .slick-prev,
.adLink .listshow .slick-next {	
	position:absolute;
	display:block;
	font-size:0;
	width:20px;
	height:30px;
	z-index:10;
	overflow:hidden;
    -webkit-transition:all 0.8s;
            transition:all 0.8s;
}
.adLink .listshow .slick-prev {
	left:0;	
}
.adLink .listshow .slick-next {
	right:0;
}
.adLink .listshow .slick-prev span,
.adLink .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
.adLink .listshow .slick-prev span:before,
.adLink .listshow .slick-next span:before {
	position:absolute;
	content:"";
    display:block;   
    width:19px;
    height:19px;
	box-sizing:border-box;
    z-index:2;
}
.adLink .listshow .slick-prev span:before {
	left:0;
    top:50%;
	margin:-10px 0 0 4px;
	border-left:5px solid rgba(0,0,0,.5);
    border-top:5px solid rgba(0,0,0,.5);
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
.adLink .listshow .slick-next span:before {
	right:0;
    top:50%;
	margin:-10px 4px 0 0 ;
	border-right:5px solid rgba(0,0,0,.5);
    border-top:5px solid rgba(0,0,0,.5);
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}
.adLink .listshow .slick-prev:hover span:before,
.adLink .listshow .slick-next:hover span:before,
.adLink .listshow .slick-prev:focus span:before,
.adLink .listshow .slick-next:focus span:before {
	border-color:rgba(0,0,0,1);
}
@media screen and (min-width:991px) {
	.adLink {
		padding:35px 0;
	}
	.adLink .listshow {
		max-width:990px;
	}
}
@media screen and (min-width:1200px) {
	.adLink .listshow {
		max-width:1100px;
		padding:0 25px;
	}
}

#modalNodata .modal-dialog{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin:0 auto;
}
#modalNodata .modal-content{
	background:rgba(0,0,0,0.8);
}
#modalNodata .promptbox{
	font-size:2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:20px;
}
#modalNodata .modal-footer{ border-top:none;}
#modalNodata .closeBtn{
	width:50px;
	height:50px;
	display:block;
	border-radius:50px;
	border:2px solid #fff;
	box-sizing:border-box;
	margin:0 auto;
	background-color:transparent;
	position:relative;
	cursor:pointer;
}
#modalNodata .closeBtn::before,
#modalNodata .closeBtn::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:20px;
	height:2px;
	margin:0;
	background:#fff;
	margin-left:-10px;
	cursor:pointer;
}
#modalNodata .closeBtn::before {
	transform:rotate(-45deg);
}
#modalNodata .closeBtn::after {
	transform:rotate(45deg);
}
@media (max-width:767px){
	#modalNodata.modal.modal-fullscreen .modal-dialog .modal-content {
		min-height:auto;
	}
}