@charset "utf-8";
.menubtn{width: 30px;vertical-align: bottom;}
.menubtn2{
    width: 30px;
    vertical-align: top;
    position: absolute;
    top: 10px;
    right: 20px;
}
.menuformin {
    margin: 15px;
    padding: 25px 20px;
    border: 1px solid #875936;
}
.none{
	    display: none;
}
#menuformbox{
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -300px;
    z-index: 9;
    width: 600px;
    height: 60%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
    text-align: center;
}
.menudata{    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 9;
    vertical-align: middle;
    line-height: 28px;
    height: 32px;
    width: 100px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
    text-align: center;}
	iframe.spacewrap{position:relative;height:80vh;width:100%;z-index:5;border:1px solid #ccc;}
	.menudata {    position: absolute;padding:5px;    top: 20px;    right: 30px;    z-index: 9;    font-size:20px; line-height:30px;height: 30px;    width: 100px;    background: #fff;    border-radius: 8px;    border: 1px solid #ccc;    text-align: center;}
	.menudata img{height:100%;}
	#menuformbox {
		position: absolute;
		top: 10%;
		left: 50%;
		margin-left: -300px;
		z-index: 9;
		width: 600px;
		height: 80%;
		background: #fff;
		border-radius: 15px;
		border: 1px solid #ccc;
		text-align: center;
	}
	.menuformname{position:relative;height:40px;padding:10px 0;}

	.menuformin {
		margin:0 20px;
		padding:20px;
		border: 1px solid #875936;
		position:relative;
		overflow-y:auto;
		height:calc(100% - 130px);
	}
	@media screen and (max-width: 980px) {
		.menudata { padding:1vw;    top: 2vw;    right: 2vw;     font-size:3.6vw; line-height:5vw;height: 5vw;    width: 16vw;  border-radius: 1vw;}
		#menuformbox {
			position: absolute;
			top: 10%;
			left: 10%;
			margin-left: 0;
			z-index: 9;
			width: 80%;
			border-radius: 2vw;
		}
		.menuformname{position:relative;height:6vw;padding:2vw 0;}
		.menubtn2 {  position: absolute;  height: 6vw;    top: 2vw;    right: 4vw;}
		.menuformin {
			margin:0 4vw;
			padding:4vw;
			height:calc(100% - 22vw);
		}
	}	
.centerwrap{  width:1920px;  margin:0 auto;max-width:100%;}
.fcolorerr{color:#875936;font-weight:bold;}
.fcolorerr1{color:#875936;font-weight:bold;}
.forminput{	background:#ffcccc !important;}
body{background:#81c4ea;}
body#indexpage{background:#8db037;}
body#inpage{background:#ffffff;}
body#event1_indexpage{background:#c1eaf8;}
body#event2_indexpage{background:#f7f7f7;}
body#event3_indexpage{background:#ffffff;}
.show400{display:none!important;}
.btn{cursor: pointer;}
.mx100{max-width:100%;}
.autospan{display: flex;}
.autospan span:nth-child(1){word-break:keep-all;}
.nopad{padding:0!important;}
.colorred{color:#ff0000!important;}
.colorsp1{color:#253e59;}
.big{font-size:120%;}
.dh3{height:70vw;}
/* page */
#index_body{z-index:1;position:relative;margin:0;width:1920px; margin:0 auto;max-width:100%;}
header{z-index:15;position:absolute;top:0;left:0;width:100%;}/* 手機板 */
/*PC*/
#indexmenu{z-index:5;position:absolute;top:15px;height:calc(70% / 9.6);left:0;width:100%;text-align:center;}
#indexmenu .menuicon{float:left;margin-right:15px;}
#indexmenu .menuicon.fR{max-width:4%;}
#indexmenu .centerwrap{position:relative;  width:1680px;margin:0 auto;max-width:94%;height:100%;}
#inmenu{z-index:5;position:relative;top:auto;height:auto;left:auto;width:auto;text-align:center;}
#inmenu .menuicon{float:left;margin-right:15px;max-height:60%;}
#inmenu .menuicon.fR{max-width:4%;}
#inmenu .centerwrap{position:absolute; top:15px; left:50%;transform:translateX(-50%);width:1680px;margin:0 auto;max-width:94%;height:100%;z-index:2;}
#inmenu .inmenubg{position:relative;z-index:1;width:100%;}

.menuitem{position:relative;font-size:20px;color:#282828;line-height:55px;display:inline-block;margin:0 5px;font-weight:bold;width:190px;text-align:center;max-width:calc(190% / 17);}
.menuitem span{position:relative;z-index:1;}
.menuitem .background{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:0;transition:all 0.4s;opacity:0;max-width:100%;}
.menuitem:hover .background{opacity:1;}
.menuitem:hover span{color:#ffffff;}

.menuitem .background2{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:0;transition:all 0.4s;opacity:1;max-width:100%;}
.menuitem:hover .background2{opacity:0;}
/* main area */
#index_mainwrap{z-index:1;position:relative;margin:0;}
#index_mainwrap .centerwrap{position:relative;  width:1920px;  margin:0 auto;max-width:100%;}
#inpage #index_mainwrap .centerwrap{max-width:90%;margin:0 auto;}
#indexbgimg{position:relative;top:0;left:0;z-index:0;max-width:100%;}
#indexbgimgm{position:relative;top:0;left:0;z-index:0;width:100%;}
#indexslogan{position:absolute;top:calc(493% / 9.6);left:calc(924% / 19.2);z-index:20;width:calc(207% / 19.2);animation: logomove 4s infinite;transform-origin:  50% 50%;}


.formline{position:relative;margin:10px 0;font-size:1vw;line-height:2vw;color:#000;}
.formline.title{font-size:1.6vw;line-height:3vw;font-weight:800;}
.formline span{display:inline-block;font-size:1vw;line-height:2vw;float:left;color:#000;}
.formline span:nth-child(1){width:3vw;text-align:left;}
.formline span:nth-child(2){width:calc(100% - 3vw);}
.formline.type2 span:nth-child(1){width:6vw;text-align:left;}
.formline.type2 span:nth-child(2){width:calc(100% - 6vw);}

.formline span input{width:calc(100% - 12px);border:1px solid #ccc;border-radius:8px;font-size:1vw;line-height:2vw;color:#222;padding:0 5px;}
.formline a{color:#22589e;text-decoration:underline;}
.formline .formbtn{display:inline-block;border-radius:15px;background:#f3a720;color:#881b21;padding: 3px 20px;margin-top:10px;}
@media screen and (max-width: 1920px) {
	.menuitem{font-size:1.1vw;line-height:3vw;}
}

/* footer */

#index_body footer{position:absolute;bottom:calc(30% / 9.6);;left:0;width:100%;z-index:1;text-align:center;}
#index_body footer img{max-width:30%;}
footer#infooter{position:relative;bottom:auto;left:auto;width:auto;z-index:1;text-align:center;background:#21599f;padding:1vw 0;}
/* 內頁 */


/* 動態 */
@keyframes logomove {
  0%{    transform: rotate(0deg) ;    margin-top:0px;  }
  10%{    transform: rotate(10deg) ;    margin-top:-5px;  }
  20%{    transform: rotate(-10deg) ;    margin-top:-5px;  }
  30%{    transform: rotate(5deg) ;    margin-top:-5px;  }
  40%{    transform: rotate(-5deg) ;    margin-top:-5px;  }
  50%{    transform: rotate(0deg) ;    margin-top:0px;  }
}
/*手機板*/

@media screen and (max-width: 1000px) {
  .show400{display:block!important;}
  .hide400{display:none!important;}
  .centerwrap{  width:90%;  margin:0 auto;}
  .section{margin:5vw 0;}/*區塊*/
  .section.spwidth{width:100%;}
  .split2{width:100%;float:none;margin:5vw 0;}/*手機板要上下*/
  #in_bodywrap .centerwrap{width:100%;}
  body#indexpage{background:#8db037;}
  header{position:fixed;z-index:9;top:3vw;left:0;width:100%;height:auto;background:none;}
  #inpage{padding-top:13vw;}
  #inpage header{background:#fff;top:0; padding:3vw 0;;}
  
  header h1{font-size:5vw;line-height:12vw;margin-left:3vw;}
  header .menuicon{height:6.5vw;}
  i.menuicon{font-size:8vw;line-height:8vw;height:6vw;color:#21599f;transition: all 1s;margin-left:3vw;}
  header .menuitem{font-size:5vw;line-height:10vw;padding:5vw 0;color:#000;width:auto;max-width:100%;}
  .dh3{height:170vw;}
  
  

  .topmenuwrap{position:fixed;width:100%;top:12vw;left:100%;opacity:0;text-align:center;z-index:1;background:#83c4ea;padding:10vw 0;transition: all 1s;    height: calc(100% - 15vw);text-align:center;}
  header.on .topmenuwrap{left:0;opacity:1;}
  .menuitem{font-size:5vw;color:#253e59;line-height:8vw;display:block;margin:0 3vw;font-weight:bold;}
  .meenuitem:hover{color:#253e59;}
  /* index */
  #indexslogan{position:absolute;top:calc(540% / 12.8);left:calc(290% / 8);z-index:20;width:calc(330% / 8);animation: logomove 4s infinite;transform-origin:  50% 50%;}
  #index_mainwrap footer{position:absolute;bottom:10px;left:0;width:100%;height:60vw;z-index:1;}
  #index_body footer{padding:5vw 0;}
  #index_body footer img{max-width:90%;}
  
  #popin{width:90%;}
  #popin.type2{width:90%;min-height:20vw;}
    #popformbox{position:relative;padding:8vw 5vw;background:#fff;border-radius:5vw;}
	#popcontent{padding:50px 30px;}
	.popclosebtn{position:relative;margin-bottom:2vw;font-size:3.5vw;line-height:7vw;}
	.popclosebtn span{position:relative;display:inline-block;}
	.popclosebtn i{font-size:7vw;line-height:7vw;margin-right:1vw;}
	.formline{font-size:3.5vw;line-height:7vw;margin:2vw 0;}
	.formline.title{font-size:5vw;line-height:10vw;}
	.formline span{font-size:3.5vw;line-height:7vw;}
	.formline span:nth-child(1){display:none;}
	.formline span:nth-child(2){width:100%;}
	.formline.type2 span:nth-child(2){width:100%;}
	.formline span input{border-radius:2vw;font-size:3.5vw;line-height:7vw;}
	.formline .formbtn{border-radius:4vw;padding: 0.5vw 5vw;margin-top:2vw;}
}
@media screen and (max-width: 800px) {

}
@page {
  size: A4 portrait; /* 混合使用 */
  margin: 5%; /* 邊界與內容的距離 */
}
@media print {
  body * {
    visibility: hidden;
  }
  #printbox, #printbox * {
    visibility: visible;
    font-size:16pt;
    line-height:24pt;
  }
    .ev5printtitle{text-align:center;display:block;font-size:30pt!important;line-height: 40pt!important;}
  #printbox {
    position: absolute;
    left: 0;
    top: 0;
    width:84%;
    margin: 10px 8%;

  }
  .mapbox img{width:70%;}

}