@charset "utf-8";



/* 這是處理 android 表格的問題 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {-webkit-text-fill-color: #fff;}
/*select{-webkit-appearance:none;}*/
.fixfont{font-size:100%!important;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
	-webkit-text-fill-color: #444 !important;
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
/*
#########################################################
#  共 享 設 定
##########################################################
*/
/* pop */
#pop{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:#000;overflow:hidden;}
#popin{position:relative;z-index:2;width:90%;height:100%;overflow:hidden;}
.popclosebg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;}
.popclosebtn{position:absolute;z-index:3;top:0;right:0;width:10%;height:4rem;width:4rem;over-float:hidden;}
.popclosebtn img{height:4rem;}
.popallcenter{position:absolute;top:50%;left:50%;width:5rem;transform:translate(-50%,-50%);}
#pop .leftbtn{position:absolute;top:50%;left:1%;width:3%;}
#pop .rightbtn{position:absolute;top:50%;right:1%;width:3%;}
#popin img{  max-width: 100%;  max-height: 100%;  width: 100%;  height: 100%;  object-fit: contain;}
/* ## page wrap ################## */
html,body{text-align:center;background:#fff;}
.show400{display:none!important;}
.hide400{display:block;}
.pagewrap{width:100%;max-width:1920px;margin:0 auto;}/* 頁面框  */
.centerwrap{position:relative;width:64%;margin:0 auto;z-index:1;}/* 內容框 */
.centerwrap2{position:relative;width:80%;margin:0 auto;z-index:1;}/* 內容框寬版 */
.w100{width:100%;}
.w50{width:50%;}
.w25{width:25%;}
.h100{height:100%;}
.inblock{display:inline-block;}
.vabottom{vertical-align:bottom;}
/* ## font size ################## */
/* base字體 中 19 1vw 4vw  小 15 0.85vw 3.4vw 大 23px 1.15vw 4.6vw */
html{font-size:1.2rem;line-height:1.6;}/* 等於中間的 1vw */
.fbold{font-weight:700!important;}
.fbolder{font-weight:900!important;}
.fsize80{font-size:4.3rem;line-height:1.5;}
.fsize70{font-size:3.8rem;line-height:1.5;}
.fsize60{font-size:3.3rem;line-height:1.5;}
.fsize54{font-size:3.0rem;line-height:1.5;}
.fsize52{font-size:2.9rem;line-height:1.5;}
.fsize50{font-size:2.8rem;line-height:1.5;}
.fsize46{font-size:2.3rem;line-height:1.5;}
.fsize44{font-size:2.3rem;line-height:1.5;}
.fsize42{font-size:2.2rem;line-height:1.5;}
.fsize40{font-size:2.1rem;line-height:1.5;}
.fsize38{font-size:2rem;line-height:1.5;}
.fsize37{font-size:1.9rem;line-height:1.5;}
.fsize35{font-size:1.8rem;line-height:1.5;}
.fsize33{font-size:1.7rem;line-height:1.5;}
.fsize31{font-size:1.6rem;line-height:1.5;}
.fsize29{font-size:1.5rem;line-height:1.5;}
.fsize27{font-size:1.4rem;line-height:1.5;}
.fsize25{font-size:1.3rem;line-height:1.6;}
.fsize23{font-size:1.2rem;line-height:1.6;}
.fsize21{font-size:1.1rem;line-height:1.6;}
.fsize19{font-size:1rem;line-height:1.6;}
.fsize17{font-size:0.9rem;line-height:1.6;}
.fsize15{font-size:0.8rem;line-height:1.6;}

.mover{transition: all 1s;margin-top:100px;opacity:0;}
.moverleft{margin-top:0;margin-left:100px;opacity:0;}
.moverright{margin-top:0;margin-left:-100px;opacity:0;}
.mover.on{margin-top:0px;opacity:1;}
.moverleft.on{margin-left:0px;}
.moverright.on{margin-left:0px;}



/* ## line height change ################## */
.fonts{line-height:1!important;}
.fonts2{line-height:1.25!important;}
.fontl{line-height:1.75!important;}
.fontl2{line-height:2!important;}
.fontl3{line-height:2.4!important;}
/* ## color ################## */
.fcolorfff{color:#fff;}
.fcolor000{color:#000;}
.fcolor999{color:#999;}
.fcolor24{color:#242424;}
.fcolortag{color:#376eb2;}/* tag的顏色*/
.fcolorfef3cc{color:#fef3cc;}
.fcolor015835{color:#015835;}
.fcolor3b8240{color:#3b8240;}
.fcolorcda158{color:#cda158;}
.bgfff{background:#ffffff;}
.bgcolor1{background:#2a5237;} /*menu*/
.bgcolor2{background:#3b823e;} /*官方色*/
.bgcolor3{background:#ffefe2;} /*淺色底*/
.bgcolor4{background:#cda158;} /*淺綠*/
.bgcolor5{background:#cda156;} /*cda156*/
.bgcolor6{background:#d2dfc5;}/*d2dfc5*/
.bgcolor7{background:#cda156;}/*cda156*/
/* ## layer(z-index) ################## */
.z001{z-index: 1!important;}
.z002{z-index: 2!important;}
.z003{z-index: 3!important;}
.z004{z-index: 4!important;}
.z005{z-index: 5!important;}
.z006{z-index: 6!important;}
.z009{z-index: 9!important;}
/* padding */
.vpad10{padding:0.5rem 0;}
.vpadb10{padding:0 0 0.5rem 0;}
.vpad20{padding:1rem 0;}
.vpad30{padding:1.5rem 0;}
.vpad40{padding:2rem 0;}
.vpad50{padding:2.5rem 0;}
.vpad60{padding:3rem 0;}
.vpad70{padding:3.5rem 0;}
.vpad80{padding:4rem 0;}
.vpad90{padding:4.5rem 0;}
.vpad100{padding:5rem 0;}
.bmar10{margin:0 0 0.5rem 0!important;}
.pad10{padding:0.5rem;}
.pad20{padding:1rem;}
.pad30{padding:1.5rem;}
.pad40{padding:2rem;}
.scrolltop{position:fixed;bottom:2rem;right:50%;margin-right:-900px;border-radius:50px;height:3rem;width:3rem;text-align:center;box-shadow:0 0 0 0.5rem rgba(255,255,255,0.5);}
.scrolltop i{display:block;line-height:2.8rem;height:2.8rem;}

/*
#########################################################
#  頁 面 設 定 (框架)
##########################################################
*/



/* index header */

/* header  ################## */
header{position:fixed;top:0;left:50%;transform:translateX(-50%);height:115px;width:100%;max-width:1920px;}
.headerplaceholder{height:115px;}
header .centerwrap{height:100%;}
.menulogo{display:inline-block;}
.navbox{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.navitem{margin:0 10px;position:relative;display:inline-block;color:#fff;}
.navitem.on{color:#cfa156;}

/*
#########################################################
#  各 頁 設 定
##########################################################
*/
/* 內頁共用 */
.bline{border-bottom:0.2rem solid #cda156;}
.bline2{border-bottom:0.2rem solid #015835;}
.blocktitle{padding:1rem 0;}
.blocktitle span{display:inline-block;}
.blocktitle span .qspan{display:inline-block;position:absolute;top:0;height:100%;text-align:center;}
.blocktitle span .qspan img{height:100%;}
.blocktitle span .qspan.lq{left:-2.5rem;}
.blocktitle span .qspan.rq{right:-2.5rem;}
.hoteladdblock{border-left:0.5rem solid #3b8240;padding-left:1rem;}
.fa.rotate{transform:rotate(180deg);}
/* video */
.videobox{position:absolute;top:5px;left:5px;border:0.5rem solid #cca256;height:calc(100% - 1rem);width:calc(100% - 1rem);}

/*split */
.splitwrap:after{  content:'';  display:table;  clear:both;}
.split2{position:relative;width:50%;float:left;}
.split2.type2{width:48%;margin-right:4%;margin-bottom:1rem;height:20rem;}
.split2.type2:nth-child(2n){margin-right:0;}
.split2.type3{height:22rem;float:left;}
.split2.type3:nth-child(1){width:22rem;margin-right:2rem;overflow:hidden;}
.split2.type3:nth-child(1) p.rely{margin:1.5rem 3rem 1.5rem 1.5rem;}
.split2.type3:nth-child(1) p.fixer{font-size:14rem;line-height:1;bottom:5%;right:-5%;opacity:0.3;}
.split2.type3:nth-child(2){width:calc(100% - 24rem);}
.split2.type4{width:49%;margin-right:2%;float:left;}
.split2.type4:nth-child(2n){margin-right:0;}
.split2.type4:after{  content:'';  display:table;  clear:both;}
.split2.type5{width:45%;margin-right:10%;float:left;height:16rem;margin-bottom:2rem;}
.split2.type5:nth-child(2n){margin-right:0;}
.split2.type6{float:left;}
.split2.type6:nth-child(1){width:38%;margin-right:4%;}
.split2.type6:nth-child(2){width:58%;margin-right:0;}
.flexwrap{  display:flex;flex-wrap:wrap;flex-direction: row;    -webkit-box-pack: justify;    justify-content: space-between;}
.flexwrap .fitem2{width:48%;}

/*photolist */
.photoblock{  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 0.5rem;   width: 100%;    margin: 0.5rem auto; }
.photoitem{background: #ccc;width:100%;border-radius: 0.3rem;}
.photoselect{padding:0.2rem 1rem;margin:0 1rem 0 0;border-radius:5rem;}

/* list */
ul.list1{list-style: disc;list-style-position: inside;}
ul.list1 li::marker{  color: #cda156;}
ul.list2{list-style: disc;list-style-position: inside;}
ul.list2 li::marker{  color: #2a5237;}

.facirle{position:relative;float:left;margin-right:0.5rem;}
.facirle span{position:absolute;top:0;line-height:1.5;left:50%;transform:translateX(-50%);}
.facirle i{font-size: 1.5em;line-height:1;}
/*map */
.map1{width:100%;height:28rem;}
.map2{position:absolute;left:0;bottom:0;width:100%;height:14rem;}

/* conventioninfo */
.evbg{top:50%;left:0;transform:translateY(-50%);}
.evbg2{bottom:0;left:0;}
.eiconbox:after{  content:'';  display:table;  clear:both;}
.eicon{display:inline-block;float:left;width:22%;margin-right:4%;}
.eicon img{width:70%;}
.eicon:nth-child(4){margin-right:0;}
.fsitem .fsclick{margin-left:1rem;transition:all 0.8s;transform-origin: center;}
.fscontent{transition:all 0.8s;}
.fscontent.off{opacity:0;filter:blur(0.3rem);height:0;}

/* about */
.abox{display:inline-block;padding:0.5rem 1rem;}
.abox .qspan{display:inline-block;position:absolute;top:0;right:-1.5rem;height:100%;text-align:right;}
.abox .qspan img{height:100%;}
.aicon{height:2.3rem;}
.abox2{display:inline-block;padding:0.5rem 1rem;margin-left:1rem;}
.abox2 .qspan{display:inline-block;position:absolute;}
.abox2 .qspan img{height:100%;}
.abox2 .qspan:nth-child(1){top:0;left:-1.5rem;height:100%;text-align:left;}
.abox2 .qspan:nth-child(3){top:0;right:-1.5rem;height:100%;text-align:right;}

/* Recognitions */
.rbox{    display: flex;    -webkit-box-align: center;    align-items: center;    -webkit-box-pack: center;    justify-content: center;min-height:15rem;}
.rboxitem{width:50%;}
.rboxin{padding:2rem 2rem;}
/* ############################################### */
/* index */
/*index banner*/
.ibannerlogobox{width:50%;top:15%;left:25%;height:80%;z-indx:2;}
.ibanner1{opacity:0;margin-top:10%;transition:all 1s;}
.ibanner2{opacity:0;margin-top:10%;transition:all 1s;}
.ibanner1.on{opacity:1;margin-top:0%;}
.ibanner2.on{opacity:1;margin-top:2%;}
#indexblock2{}
#icenterbox{top:0;left:0;height:100%;width:100%;}
.iiconbox{width:42%;margin-left:50%;transform:translateX(-50%);}
.iiconbox:after{  content:'';  display:table;  clear:both;}
.iicon{display:inline-blobk;width:45%;padding:3rem 2.5%;float:left;}




/* ################################################################################## */
@media screen and (max-width: 1920px) {
	html{font-size:0.982vw;}
	.mover{margin-top:calc(100vw / 19.2);}
	.moverright{margin-top:0;margin-right:calc(100vw / 19.2);}
	.moverleft{margin-top:0;margin-left:calc(100vw / 19.2);}
	.scrolltop{margin-right:0;right:3%;}


	/* header  ################## */
	header{height:calc(115vw / 19.2);}
	.headerplaceholder{height:calc(115vw / 19.2);}
	.navitem{margin:0 calc(10vw / 19.2);}
	/* footer   ################## */
	/* footer1 */
	/* footer2 */
	.footer21{padding:calc(30vw / 19.2) 0;}
	.footerlogo{height:calc(107vw / 19.2)}
	.footer22{padding:calc(30vw / 19.2) 0;}
	.footer22 a{margin-right:calc(10vw / 19.2);}
	/*
	#########################################################
	#  各 頁 設 定
	##########################################################
	*/

	/* ############################################### */
	/* index */
}

@media screen and (max-width: 700px) {
	html{font-size:2.9vw;}
	body{transform:none;overflow-x:auto;}
	.show400{display:block!important;}
	.hide400{display:none!important;}
	.centerwrap{position:relative;width:90%;margin:0 auto;z-index:1;}/* 內容框 */
	.centerwrap2{position:relative;width:90%;margin:0 auto;z-index:1;}/* 內容框寬版 */
	.scrolltop{margin-right:0;right:3%;}
	.mover{margin-top:calc(100vw / 6);}
	.moverright{margin-top:0;margin-right:calc(100vw / 6);}
	.moverleft{margin-top:0;margin-left:calc(100vw / 6);}
	.ibannerlogobox{width:50%;right:-50%;}
	/* header  ################## */
	header{height:12vw;}
	.headerplaceholder{height:12vw;}
	/* header1 */
	.sidemenuicon{position:absolute;top:1vw;right:0;height:10vw;width:10vw;font-size:8vw!important;line-height:10vw!important;color:#fff;text-align:center;}
	.navitem{min-width:auto;width:100%;margin:8vw 0;position:relative;display:block;}
	.navitem.on{}
	.navbox{position:fixed;top:0;left:100%;width:90%;padding:12vw 5%;height:calc(100vh - 24vw);opacity:0.3;filter: blur(5px);transform:none;transition:all 1s;}
	.navbox.on{left:0;opacity:1;filter: blur(0);}
	

	#pop .leftbtn{position:absolute;top:50%;left:2%;width:6%;}
	#pop .rightbtn{position:absolute;top:50%;right:2%;width:6%;}


	/*
	#########################################################
	#  各 頁 設 定
	##########################################################
	*/
	
	/*split */
	.split2{position:relative;width:100%;float:none;}
	.split2.type2{width:100%;margin-right:0%;margin-bottom:1rem;height:auto;}
	.split2.type2:nth-child(2n){margin-right:0;}
	.split2.type3{height:auto;float:none;}
	.split2.type3:nth-child(1){width:100%;margin-right:0;overflow:hidden;height:12rem;}
	.split2.type3:nth-child(1) p.rely{margin:1.5rem 3rem 1.5rem 1.5rem;}
	.split2.type3:nth-child(1) p.fixer{font-size:12rem;line-height:1;bottom:0;right:-5%;opacity:0.3;}
	.split2.type3:nth-child(2){margin-top:0.5rem;width:100%;height:auto;}
	.split2.type4{width:100%;margin-right:0%;float:none;}
	.split2.type4:nth-child(2n){margin-right:0;}
	.split2.type4:after{  content:'';  display:table;  clear:both;}
	.split2.type5{width:100%;margin-right:0%;float:none;height:auto;margin-bottom:2rem;}
	.split2.type6:nth-child(1){width:100%;margin-right:0%;}
	.split2.type6:nth-child(2){width:100%;margin-right:0;margin-top:2rem;}
	.flexwrap .fitem2{width:100%;}

	/*photolist */
	.photoblock{  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 0.6rem;   width: 100%;    margin: 0.6rem auto; }
	.photoitem{background: #ccc;width:100%;border-radius: 0.3rem;}



	/*map */
	.map1{width:100%;height:28rem;}
	.map2{position:relative;left:auto;bottom:auto;width:100%;height:16rem;margin-top:0.5rem;}
	
	/* ############################################### */
	/* index */
	.ibannerlogobox{width:100%;top:10%;left:0%;height:90%;z-indx:2;}
	.ibanner1{opacity:0;margin-top:10%;transition:all 1s;}
	.ibanner2{opacity:0;margin-top:10%;transition:all 1s;}
	.ibanner1.on{opacity:1;margin-top:0%;}
	.ibanner2.on{opacity:1;margin-top:2%;}
	#icenterbox{top:5%;left:0;height:90%;width:100%;}
	.iiconbox{width:90%;}
	/* 內頁 */
	.rboxitem:nth-child(1) .rboxin{padding:2rem 0 2rem 1rem;}
	.rboxitem:nth-child(2) .rboxin{padding:2rem 1rem 2rem 0;}
}
/* ########################################### */