@charset "utf-8";
.centerwrap{  width:1200px;  margin:0 auto;}

body{background:#f3eedd;}
body#indexpage{background:#cfeffa;}
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%;}
.inlineblock span{display:inline-block;}
/* index */
header{z-index:15;position:absolute;top:0;left:0;width:100%;}
#indexmenu{z-index:5;position:absolute;top:40px;height:60px;left:0;width:100%;text-align:center;}
.menuitem{transform:translateY(-50%);margin:0 20px;margin-top:30px;display:inline-block;}

#index_mainwrap{z-index:5;position:relative;margin:0;}
#index_mainwrap .centerwrap{position:relative;  width:1280px;  margin:0 auto;min-height:768px;}
#indexbgimg{position:absolute;top:0;left:0;}
#indexkids{position:absolute;top:440px;left:48%;transform:translateX(-50%);z-index:19;}
#indexearth{position:absolute;top:118px;left:48%;transform:translateX(-50%);z-index:18;animation: earthmove 9s infinite;}
#indexlogobox{position:absolute;top:241px;left:260px;z-index:20;animation: logomove 4s infinite;transform-origin:  50% 50%;}
#indexheart{position:absolute;top:-45px;left:80px;opacity:0;z-index:1;animation: heartmove 4s infinite;}
#indexlogo{position:relative;;z-index:2;}

#index_mainwrap footer{position:absolute;bottom:0;left:0;width:100%;height:80px;}
#indexfooter{margin:0 auto;}
footer .centerwrap{text-align:center;}
/* 動態 */
.shake{animation: shakeme 0.5s 1;transform-origin:  50% 50%;}
@keyframes shakeme {
  0%{    transform: rotate(0deg) ; }
  20%{    transform: rotate(10deg) ; }
  40%{    transform: rotate(-10deg) ; }
  60%{    transform: rotate(6deg) ; }
  80%{    transform: rotate(-6deg) ; }
  99%{    transform: rotate(0deg) ; }
}
/* RWD index */
#index2_mainwrap{z-index:5;position:relative;margin:0;overflow:hidden;text-align:center;}
#index2_mainwrap .centerwrap{position:relative;z-index:1;width:1000px;margin:30px auto 100px auto;}
#index2_mainwrap.type31 .centerwrap{width:1140px;max-width:94%;}
#index2_mainwrap .centerwrapin{position:relative;border:10px solid #f0eef2;border-radius: 15px;background:#e2dee6;z-index:2;padding:40px 25px;}
#index2_mainwrap .centerwrapin.typegame{background:#ffffd6;border:10px solid #875936;}
#index2_mainwrap.type31 .centerwrapin{position:relative;border:10px solid #fff8db;border-radius: 15px;background:#ffe9ad;z-index:2;padding:100px 25px;margin-bottom:300px;}
#index2_mainwrap.type31 .mtitle{margin-top:15px;}
#index2_mainwrap.type31 .centerwrapin .xtitle{position:absolute;top:0;left:0;width:100%;}
#index2_mainwrap.type31.p2 .centerwrapin{padding:130px 25px;}
#index2_mainwrap .centerwrapin p,#index2_mainwrap .centerwrapin .p{padding:5px 0;font-size:21px;line-height:36px;color:#000000;}
#index2_mainwrap .centerwrapin .colorred{color:#c20000;font-weight: bold;}
#index2_mainwrap .centerwrapin .colorblue{color:#1e55a6;font-weight: bold;}
#index2_mainwrap .centerwrapin .colorp{color:#573e75;font-weight: bold;}
#index2_mainwrap .centerwrapin .big{font-size:26px;}
#index2_mainwrap .centerwrapin ol{padding-left: 55px;}
#index2_mainwrap .centerwrapin ol li{position:relative;list-style:none;font-size:21px;line-height:36px;color:#000000;font-weight: normal;}
#index2_mainwrap .centerwrapin ol .prenumber{    position: absolute;    top: 0;    left: -55px;font-size:21px;line-height:36px;color:#000000;}
#index2_mainwrap .centerwrapin ol li h5{font-size:21px;line-height:36px;color:#000000;font-weight: bold;}
#index2_mainwrap .centerwrapin ol li ol{padding-left: 22px;}
#index2_mainwrap .centerwrapin ol li ol li{list-style: decimal;list-style-position: outside;}
#index2_mainwrap .centerwrapin ol li ol li ol{padding-left: 42px;}
#index2_mainwrap .centerwrapin ol li ol li ol .prenumber{    position: absolute;    top: 0;    left: -50px;font-size:21px;line-height:36px;color:#000000;}
#index2_mainwrap .centerwrapin ol li ol li ol li{list-style:none;font-size:21px;line-height:36px;color:#000000;font-weight: normal;}


#index2_mainwrap .centerwrapin ul li p{font-size:21px;line-height:36px;color:#000000;font-weight:normal;}
#index2_mainwrap .centerwrapin blockquote{padding:20px;background:#f7f7f7;font-size:18px;line-height:27px;color:#000;font-weight: normal;}
#index2_mainwrap .centerwrapin blockquote ol{padding-left: 20px;}
#index2_mainwrap .centerwrapin blockquote ol li{list-style: decimal;list-style-position: outside;font-weight: normal;font-size:18px;line-height:27px;}
#index2_mainwrap .centerwrapin blockquote ol li ol{padding-left: 30px;}
#index2_mainwrap .centerwrapin blockquote ol li ol .prenumber{position: absolute;    top: 0; left: -40px;font-size:18px;line-height:27px;color:#000;}
#index2_mainwrap .centerwrapin blockquote ol li ol li{list-style: none;}
#index2_mainwrap .centerwrapin h5{font-size:26px;line-height:36px;color:#727b0e;font-weight: bold;}
#index2_mainwrap .centerwrapin ul.type2{padding-left: 22px;}
#index2_mainwrap .centerwrapin ul.type2 li{list-style: disc;list-style-position: outside;font-size:21px;line-height:36px;color:#000000;font-weight:normal;}




#index2_mainwrap .centerwrapin img{max-width:100%;}
#index2bgimg{position:relative;margin:0;width:100%;z-index:1;}
#index2bgimgu{position:absolute;top:0;left:0;width:100%;z-index:2; animation: ev2index 8s infinite;}
#index3bgimg{position:relative;margin:0;width:100%;z-index:1;}
#index3bgimgu{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);transform-origin: center;width:100%;z-index:2; animation: ev3index 18s infinite;}
#gamebgimgu{position:absolute;top:10vw;left:50%;transform: translateX(-50%);transform-origin: center;width:40%;z-index:2; animation: game 18s infinite;}
@keyframes game{
  0%{     margin-top:0px ;width:40%;opacity:1;}
  2%{    margin-top:0px ; width:0%;opacity:0;}
  7%{    margin-top:0px ; width:40%;opacity:1;}
  15%{    margin-top:-35px; }
  21%{    margin-top:-5px; }
  25%{    margin-top:-20px; }
  49%{    margin-top:22px; }
  51%{    margin-top:-15px; }
  63%{    margin-top:20px; }
  70%{    margin-top:-10px; }
  75%{    margin-top:5px; }
  80%{    margin-top:-15px; }
  85%{    margin-top:35px; }
  87%{    margin-top:10px; }
  99%{    margin-top:-5px;  width:40%;opacity:1;}
}
@keyframes gamem{
  0%{     margin-top:0px ;width:80%;opacity:1;}
  2%{    margin-top:0px ; width:0%;opacity:0;}
  7%{    margin-top:0px ; width:80%;opacity:1;}
  15%{    margin-top:-6vw; }
  21%{    margin-top:-1vw; }
  25%{    margin-top:-3vw; }
  49%{    margin-top:2.2vw; }
  51%{    margin-top:-2vw; }
  63%{    margin-top:2vw; }
  70%{    margin-top:-4vw; }
  75%{    margin-top:1vw; }
  80%{    margin-top:-2.5vw; }
  85%{    margin-top:1.5vw; }
  87%{    margin-top:1vw; }
  99%{    margin-top:-2vw;  width:80%;opacity:1;}
}
@keyframes ev2index {
  0%{     margin-top:0 ; }
  20%{    margin-top:0 ; }
  21%{    margin-top:-10px; }
  22%{    margin-top:10px; }
  23%{    margin-top:0; }
  25%{    margin-top:-5px; }
  26%{    margin-top:5px; }
  27%{    margin-top:0; }
  49%{    margin-top:0; }
  50%{    transform: rotate(0deg) ;filter: blur(0); }
  51%{    transform: rotate(5deg) ;filter: blur(3px); }
  52%{    transform: rotate(-5deg);filter: blur(3px); }
  53%{    transform: rotate(0deg) ;filter: blur(0); }
  99%{    margin-top:0; }
}
@keyframes ev3index {
  0%{     margin-top:0px ;width:100%;opacity:1;}
  2%{    margin-top:0px ; width:0%;opacity:0;}
  7%{    margin-top:0px ; width:100%;opacity:1;}
  15%{    margin-top:-35px; }
  21%{    margin-top:-15px; }
  25%{    margin-top:-20px; }
  49%{    margin-top:22px; }
  51%{    margin-top:15px; }
  53%{    margin-top:20px; }
  70%{    margin-top:-10px; }
  75%{    margin-top:5px; }
  80%{    margin-top:-10px; }
  85%{    margin-top:15px; }
  87%{    margin-top:10px; }
  99%{    margin-top:-3px;  width:100%;opacity:1;}
}
#event2indexlogo{position:absolute;top:1.5vw;left:2.2vw;z-index:99;width:14.3vw;}
#event2indexlogo2{position:absolute;top:3vw;right:1vw;z-index:99;width:11.5vw;}
#ev2indexmenu1{position:absolute;z-index:90;width:9vw;left:16.6vw;top:11.9vw;}
#ev2indexmenu2{position:absolute;z-index:90;width:12vw;left:68vw;top:6.2vw;}
#ev2indexmenu3{position:absolute;z-index:90;width:10.5vw;left:13.8vw;top:32.2vw;}
#ev2indexmenu4{position:absolute;z-index:90;width:3.55vw;left:67.5vw;top:35.7vw;}



#index2_mainwrap .centerwrap #event2footer{bottom:0;}
#event2infooter{position:absolute;left:0;bottom:30px;text-align:center;width:100%;}
/* game */
#gameintromenu1{position:absolute;top:210px;left:200px;z-index:99;width:150px;}
#gameintromenu2{position:absolute;top:210px;left:425px;z-index:99;width:150px;}
#gameintromenu3{position:absolute;top:210px;left:650px;z-index:99;width:150px;}
#game_videobox{width:812px;margin:0 auto;}
#game_videoframe{border:6px solid #0a4d03;height:450px;overflow:hidden;border-radius: 15px;}
#game_videoframe iframe{height:450px;width:800px;}
/* submenu */
.submenuwrap{padding:30px 0;text-align:center;}
.submenuitem{display:inline-block;padding:0 30px;border-right:1px solid #000;cursor:pointer;}
.submenuitem:last-child{border-right:none;}
.sublistwrap{position:relative;}
.sublistitem{position:relative;display:none;}
.sublistitem.on{display:block;}

/* faq */

.faqitem{position:relative;margin:10px;}
.faqq{background:#fff;color:#000;font-size:21px;line-height:36px;padding:10px 50px 10px 10px;border-radius: 5px;transition: all 0.5s;}
.faqq i{position:absolute;top:10px;right:15px;font-size:30px;line-height:36px;color:#000;transition: all 0.5s;transform-origin: 50% 50%;}
.faqa{font-size:21px;line-height:36px;margin-top:15px;overflow:hidden;visibility: hidden;height:0;opacity:0;transition: all 0.5s;}
.faqitem.on {margin-bottom:40px;}
.faqitem.on .faqq{color:#fff;background:#1e55a6;}
.faqitem.on .faqq i{color:#fff;transform: rotate(180deg);}
.faqitem.on .faqa{visibility:visible;opacity: 1;height:auto;}
/* ev3 */
#indexmenu.style3{top:3.3vw;}
#indexmenu a{margin: 0 3.7vw;display:inline;}
#ev3_inbgimg{position:absolute;top:0;left:50%;transform: translateX(-50%);min-width:100%;z-index:0;}
#ev3_inbgimg2{position:absolute;bottom:0;left:50%;transform: translateX(-50%);min-width:100%;z-index:0;}
#ev3pagemenu{padding:0 0 40px 0;text-align:center;}
#ev3pagemenu a{margin: 0 40px;}
.ev3_cbg{position:absolute;left:0;bottom:0;max-width:70%!important;padding:0!important;}
.ev3_mapimg{float:left;margin-right:10px;width:55%;}
.ev3_maptext{float:left;width:calc(45% - 20px);}
/* ev2 */
#event2footer{position:absolute;bottom:4vw;left:0;width: 100%;;z-index:98;text-align: center;}
#event2footer img{margin: 0 2vw;}
#ev2_ac1_1{position:absolute;left:86.9%;width:12%;top:21.6%;height:12%;z-index:2;}
#ev2_ac1_2{position:absolute;left:86.9%;width:12%;top:34%;height:12%;z-index:2;}
#ev2_ac1_3{position:absolute;left:86.9%;width:12%;top:46.4%;height:12%;z-index:2;}
#ev2_ac1_4{position:absolute;left:86.9%;width:12%;top:58.7%;height:12%;z-index:2;}
#ev2_ac1_5{position:absolute;left:86.9%;width:12%;top:71%;height:12%;z-index:2;}
#ev2_ac1_6{position:absolute;left:86.9%;width:12%;top:83.3%;height:12%;z-index:2;}

/* fix center backgrond */
#ev2_inbgimg{position:absolute;top:0;left:50%;transform: translateX(-50%);min-width:100%;z-index:0;}
#event2_indexpage .titlebox{position:relative;text-align: left;z-index:1;}
#event2_indexpage .titlebox img{}
#event2_indexpage .ev2_actmenu1{position:absolute;z-index:2;top:210px;left:624px;}
#event2_indexpage .ev2_actmenu2{position:absolute;z-index:2;top:-20px;left:260px;}
#event2_indexpage .ev2_actmenu3{position:absolute;z-index:2;top:-20px;left:494px;}
#event2_indexpage .ev2_actmenu22{position:absolute;z-index:2;top:-20px;left:30px;}
#event2_indexpage .ev2_actmenu32{position:absolute;z-index:2;top:-20px;left:270px;padding-bottom:10px;z-index:2;}
#event2_indexpage .ev2_actmenu42{position:absolute;z-index:2;top:-20px;left:520px;z-index:1;}
#event2_indexpage .ev2_actmenu52{position:absolute;z-index:2;top:-20px;left:760px;z-index:1;}
#event2_indexpage .ev2_actmenu62{position:absolute;z-index:2;top:40px;left:220px;z-index:1;}
#event2_indexpage .ev2_actmenu72{position:absolute;z-index:2;top:40px;left:550px;z-index:1;}
.ev2_actmenu32 img{position: relative;}
.submenulist{position: absolute;left:0;top:45px;width:100%;padding-top:10px;background:#fff;display:none;opacity:0;height:0;overflow:hidden;transition: all 1s;}
.ev2_actmenu32:hover .submenulist{display:block;opacity:1;height:auto;}
.submenulist a{font-size:21px;line-height:38px;color:#000;display: block;padding:5px 10px;}
.submenulist a:hover{background:#eee;font-weight: bold;}
/* news */
#indexnewsbox{position:absolute;top:145px;left:50%;transform:translateX(-50%);height:435px;width:740px;background:#fff;border-radius: 20px;border:5px solid #c1e5e4;}
#indexnewslogo{position:absolute;left:-150px;top:-40px;z-index:2;}
#indexnewsboxin{position:relative;margin:20px 50px 20px 150px;height:calc(100% - 40px);z-index:1;}
#indexnewslist{position:relative;height:calc(100% - 26px);overflow:auto;}
.indexnewline{position:relative;padding:15px 0;border-bottom: 1px solid #b2b2b2;}
.indexnewline span{display: inline-block; font-size:18px;line-height:24px;color:#000;vertical-align: top;}
.indexnewline span a{color:#000;}
.indexnewline span:nth-child(1){width:70%;margin:0;margin-right:5%;}
.indexnewline span:nth-child(2){width:20%;margin:0;}
/* event1 index */
/*#event1indexlogo{position:absolute;top:190px;left:260px;z-index:20;animation: ev1logomove 8s infinite;transform-origin:  50% 50%;}*/
#event1indexlogo{position:absolute;top:190px;left:260px;z-index:20;}
#event1menu{z-index:5;position:absolute;top:25px;height:50px;left:0;width:100%;text-align:center;}
#event1title{float:left;margin-left:30px;}
#event1title img{margin-right:15px;}
#event1menubox{float:right;margin-top:15px;}
.ev1menuitem{margin-left:15px;}
/* event1 i page */
#event1_inpage{background:#d3eef9;}
#event1_inpage .centerwrap{width:1100px;}
#ev1bgtop{position:absolute;z-index:1;width:100%;top:0;left:0;}
#event1_inpage footer{position: relative;overflow:hidden;}
#event1_inpage footer #ev1bgbottom{position:absolute;width:100%;left:0;top:0;}
#ev1bgbottom{position:absolute;z-index:1;width:100%;}

#event1pagemain{position:relative;z-index:3;}
#event1pagemain .centertopbox{position:relative;}
#event1pagemain .centertop{position:relative;height:50px;border-top-left-radius:20px;border-top-right-radius:20px; background:#fceb94;overflow:hidden;}
#event1pagemain .centertoptitle{width:100%;}
#event1pagemain .centermain{background:#fff;padding:50px 0;text-align:center;}
#event1pagemain .centermain img{margin:0 auto;max-width:96%;}
#event1pagemain .centerbottom{width:100%;height:50px;border-bottom-left-radius:20px;border-bottom-right-radius:20px; background:#fceb94;overflow:hidden;}
#event1_inpage header{position:relative;padding-top:30px;height:60px;}


#index2_mainwrap .centerwrapin h2{font-size:40px;line-height:80px;}

/* form */
.formline{padding:3px 0; font-size:21px;line-height:38px;color:#000;}
.formline .formline input[type=checkbox]{font-size:21px;line-height:38px;padding-right:5px;}
.formline .checkboxtext,.formline .note{font-size:18px;line-height:38px;}
.formline .button{display:inline-block;font-size:21px;line-height:38px;padding:3px 20px;min-width:150px;background:#a89eb2;border-radius: 8px;color:#000;border:none;margin:0 10px;}
.formline .button a{color:#000;}
.formline span{display:inline-block;position: relative;}
.formline span:nth-child(1){width:29%;}
.formline span:nth-child(2){width:70%;}
.formline input[type=text],.formline input[type=tel],.formline input[type=email],.formline input[type=date]{font-size:21px;line-height:36px;border:1px solid #c3c3c3;width:270px;}
.formline select{font-size:21px;line-height:38px;border:1px solid #c3c3c3;width:272px;}
.formline h5{font-size:21px;line-height:38px;}
.imgwrap{position: relative;display:inline-block;min-width:120px;margin-right:5px;}
.imgwrap .imgbutton{position: relative;z-index:1;font-size:21px;line-height:36px;border:1px solid #717171;width:100%;border-radius: 8px;background:#dddddd;color:#000;text-align:center;}
.imgwrap input[type=file]{position: absolute;z-index:2;width:100%;height:100%;opacity: 0;}
.imgwrap.on{width:auto;}
.imgwrap.on .imgbutton{width:auto;padding:0 5px;display:inline-block;margin-right:5px;}
.imgwrap.on .fa{font-size:30px; cursor:pointer;}

footer .footerbg{position:relative;z-index:1;width:100%;}
footer .footerlist{position:absolute;z-index:2;left:50%;transform:translate(-50%,-50%);top:70%;}

@keyframes heartmove {
  0%{
    margin-top:10px;
    opacity:0;
  }
  10%{
    margin-top:0px;
    opacity:1;
  }
  80%{
    margin-top:0px;
    opacity:1;
  }
  85%{
    margin-top:10px;
    opacity: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;
  }
}
@keyframes ev1logomove {
  0%{
    transform: rotateY(0deg) ;
    margin-top:0px;
  }
  10%{
    transform: rotateY(360deg) ;
  }
  50%{
    transform: rotateY(360deg) ;
  }
  60%{
    transform: rotateY(0deg) ;
    margin-top:0px;
  }
}
@keyframes earthmove {
  0%{
    margin-top:0;
  }
  50%{
    margin-top:10px;
  }
}

/*手機板*/
@media screen and (max-width: 1280px) {
  #indexpage .centerwrap{width:1000px;overflow: hidden;}
  #event1_inpage .centerwrap{width:1000px;margin:0 auto;}
  #indexbgimg{position:absolute;top:0;left:50%;transform:translateX(-50%);}
  #indexlogobox{left:120px;}
  /* ev1 */
  #event1title img{transform: scale(0.8);margin-right:0;}
  .ev1menuitem{margin-left:-5px;}
  .ev1menuitem img{transform: scale(0.8);}
  footer .footerlist{transform:translate(-50%,-50%) scale(0.8);}
}
@media screen and (max-width: 1000px) {

  header{position:fixed;z-index:9;top:0;left:0;width:100%;height:12vw;background:none;}
  header h1{font-size:5vw;line-height:12vw;margin-left:3vw;}
  i.menuicon{position:absolute;top:2vw;right:4vw;font-size:10vw;line-height:12vw;height:12vw;color:#000;z-index:12;transition: all 1s;}
  i.menuicon.game{color:#fff;}

  .topmenuwrap{position:fixed;width:100%;top:15vw;left:100%;opacity:0;text-align:center;z-index:1;background:#92d1ea;padding:10vw 0;transition: all 1s;    height: calc(100% - 15vw);text-align:center;}
  .topmenuwrap.ev1{background:#c1eaf8;}
  .topmenuwrap.game{background:#1f477a;}
  header.on .topmenuwrap{left:0;opacity:1;}
  .menuitem{transform:none;margin:8vw auto;display:block;text-align: center;}
  .menuitem.s{margin-bottom:0;}
  #gamebgimgu{position:absolute;top:30vw;left:50%;transform: translateX(-50%);transform-origin: center;width:80%;z-index:2; animation: gamem 18s infinite;}
  body#indexpage{background:#92d1ea;}
  .show400{display:block!important;}
  .hide400{display:none;}
  #indexpage .centerwrap{width:100%;}
  #event1_inpage .centerwrap{width:100%;}
  #index_mainwrap .centerwrap{position:relative;  width:100%;  margin:0 auto;min-height:auto;}
  #index_mainwrap .centerwrap img{max-width:100%;}
  #indexlogobox{position:absolute;top:40vw;left:10vw;width:80vw;}
  #indexlogo{width:100%;}
  #indexheart{position:absolute;top:-7vw;left:8vw;opacity:0;width:24vw;}
  footer .centerwrap{width:100%;text-align: center;}
  #indexfooterm{max-width:80%;margin:10vw auto;}
  /* new */
  #indexnewsbox{ position:relative;margin: 35vw calc(5% - 1vw) 5vw calc(5% - 1vw);top:auto;  left:auto ;transform: none;height: auto; width: 90%; border-radius: 5vw; border: 1vw solid #c1e5e4;  }
  #indexnewslogo {      position: absolute;      left: 0;      top: -20vw;      z-index: 2;      width: 50%;  }
  #indexnewsboxin {      position: relative;      margin: 15vw 10vw 5vw 10vw;      height: auto;      z-index: 1;  }
  .indexnewline{position:relative;padding:3vw 0;border-bottom: 1px solid #b2b2b2;}
  .indexnewline span{display: block;font-size:4vw;line-height:6vw;}
  .indexnewline span a{color:#000;}
  .indexnewline span:nth-child(1){width:100%;margin:0;margin-right:0;}
  .indexnewline span:nth-child(2){width:100%;margin:0;text-align:right;}
  /* event1 index */
  body#event1_indexpage{background:#64cebb;}
  #event1_indexpage header{      position: absolute;      padding-top: 5vw;      height: 15vw;  }
  #event1_inpage header{      position: relative;      padding-top: 5vw;      height: 15vw;  }
  #event1title{margin-left:3vw;}
  #event1title img{max-height:7vw;}
  #event1indexlogo { top: 30vw;    left: 10%;    width: 80%;}
  #event1pagemain .centertop{height:8vw;border-top-left-radius:3vw;border-top-right-radius:3vw;}
  #event1pagemain .centerbottom{height:8vw;border-bottom-left-radius:3vw;border-bottom-right-radius:3vw;}
  footer .footerlist{transform:none;left:10%;top:auto;bottom:5vw;width:80%;}
  /* event2 */
  #index2bgimgm{width:100%;}
  #event2_indexpage header{position:fixed;height:16vw;background:#eaeaea;z-index:90;}
  #event2_indexpage .headerholder{position:relative;height:16vw;z-index:1;}

  #event2title{padding:3vw 0;display:inline-block;}
  #event2title img{height:8vw;margin-left:3vw;}
  .topmenuwrap.ev2{background:#eaeaea;}
  .topmenuwrap.ev2 .menuitem{color:#000;font-size:4vw;line-height: 8vw;}
  .topmenuwrap.ev2 .smenuitem{display:block;color:#000;font-size:4vw;line-height: 8vw;padding-left:10vw;}
  #event2footer img{width:60%;margin:2vw auto;}
  /* ev3 */
  #event3_indexpage{min-height: 140vw;}
  #event3_indexpage header{position:fixed;height:16vw;z-index:90;}
  #event3_indexpage header.type2{background:#eaeaea;}
  #event3_indexpage header.typegame{background:#1f477a;}
  #event3_indexpage .headerholder{position:relative;height:16vw;z-index:1;}
  #index3bgimgm{position:absolute;width:100%;left:0;top:0;}
  @media screen and (max-width: 980px) and (max-aspect-ratio: 100/160) {
    #index3bgimgm{width:auto;height:100%;max-height:190vw;top:0;left:50%;transform:translateX(-50%);}
  }
  #index2_mainwrap.type3{position:absolute;top:0;left:0;width:100%;height:100%;min-height: 140vw;background:#fff;}
  .ev3_cbg{position:absolute;left:0;bottom:0;max-width:70%!important;padding:0!important;}
  .ev3_mapimg{float:none;margin-right:0;width:100%;}
  .ev3_maptext{float:none;width:100%;margin:10vw 0;}


  /* RWD index */
  #index2_mainwrap .centerwrap .titlebox img{max-width:90%;margin-left:5vw;}
  #index2_mainwrap .centerwrap{position:relative;z-index:1;width:100%;margin:10vw auto;}
  #index2_mainwrap .centerwrap img{max-width:100%;}
  #index2_mainwrap .centerwrapin{position:relative;border:2.5vw solid #f0eef2;border-radius: 15px;background:#e2dee6;z-index:2;padding:5vw 3vw;}


  #index2_mainwrap .centerwrapin p,#index2_mainwrap .centerwrapin .p{padding:5px 0;font-size:3.6vw;line-height:6vw;color:#000000;}
  #index2_mainwrap .centerwrapin p .big{font-size:4.2vw;}

  #index2_mainwrap .mtitle{height:12vw;}
  #index2_mainwrap .centerwrapin ol{padding-left: 10vw;}
  #index2_mainwrap .centerwrapin ol li{position:relative;list-style:none;font-size:3.6vw;line-height:6vw;color:#000000;font-weight: normal;}
  #index2_mainwrap .centerwrapin ol li p{padding-top:0;}
  #index2_mainwrap .centerwrapin ol .prenumber{    position: absolute;    top: 0;    left: -10vw;font-size:3.6vw;line-height:6vw;color:#000000;}
  #index2_mainwrap .centerwrapin ol li h5{font-size:3.6vw;line-height:6vw;color:#000000;font-weight: bold;}
  #index2_mainwrap .centerwrapin ol li ol{padding-left: 3.5vw;}
  #index2_mainwrap .centerwrapin ol li ol li ol{padding-left: 7.2vw;}
  #index2_mainwrap .centerwrapin ol li ol li ol .prenumber{    position: absolute;    top: 0;    left: -8.2vw;font-size:3.6vw;line-height:6vw;}
  #index2_mainwrap .centerwrapin ol li ol li ol li{font-size:3.6vw;line-height:6vw;}
  #index2_mainwrap .centerwrapin h5{font-size:4.2vw;}
  #index2_mainwrap .centerwrapin ul.type2{padding-left: 3.5vw;}
  #index2_mainwrap .centerwrapin ul.type2 li{font-size:3.6vw;line-height:6vw;}



  #index2_mainwrap .centerwrapin blockquote{padding:4vw;font-size:3vw;line-height:4.5vw;}
  #index2_mainwrap .centerwrapin blockquote ol{padding-left: 4vw;}
  #index2_mainwrap .centerwrapin blockquote ol li{list-style: decimal;list-style-position: outside;font-weight: normal;font-size:3vw;line-height:4.5vw;}
  #index2_mainwrap .centerwrapin blockquote ol li ol{padding-left: 4vw;}
  #index2_mainwrap .centerwrapin blockquote ol li ol .prenumber{position: absolute;    top: 0; left: -7vw;font-size:3vw;line-height:4.5vw;}
  #index2_mainwrap .centerwrapin blockquote ol li ol li{list-style: none;}



  #index2_mainwrap .centerwrapin ul li p{font-size:3.6vw;line-height:6vw;color:#000000;font-weight:normal;}


  #index2_mainwrap .centerwrapin img{max-width:100%;padding:3vw 0;}
  #index2bgimg{position:relative;margin:0;width:100%;}
  #event2indexlogo{position:absolute;top:1.5vw;left:2.2vw;z-index:99;width:14.3vw;}
  #event2indexlogo2{position:absolute;top:3vw;right:1vw;z-index:99;width:11.5vw;}
  #ev2indexmenu1{position:absolute;z-index:90;width:9vw;left:16.6vw;top:11.9vw;}
  #ev2indexmenu2{position:absolute;z-index:90;width:12vw;left:68vw;top:6.2vw;}
  #ev2indexmenu3{position:absolute;z-index:90;width:10.5vw;left:13.8vw;top:32.2vw;}
  #ev2indexmenu4{position:absolute;z-index:90;width:3.55vw;left:67.5vw;top:35.7vw;}
  #index2_mainwrap .centerwrap #event2footer{bottom:0;}
  #event2infooter{position:relative;left:none;bottom:none;text-align:center;width:100%;padding:5vw 0;}
  #event2infooter img{width:70%;margin:5vw 0;}
  #index2_mainwrap.type31 .centerwrapin{margin-bottom:0;}
  /* submenu */
  .submenuwrap{padding:6vw 0;}
  .submenuitem{display:inline-block;padding:0;border-right:1px solid #000;width:calc(50% - 8px);}
  .submenuitem img{padding:0!important;}
  .submenuitem:nth-child(2n){border-right:none;}
  .submenuitem:last-child{border-right:none;}
  .sublistwrap{position:relative;}
  .sublistitem{position:relative;display:none;}
  .sublistitem.on{display:block;}

  /* faq */

  .faqitem{position:relative;margin:2vw;}
  .faqq{font-size:3.6vw;line-height:6vw;padding:2vw 10vw 2vw 2vw;border-radius: 1vw;}
  .faqq i{top:2vw;right:3vw;font-size:5vw;line-height:6vw;}
  .faqa{font-size:3.6vw;line-height:6vw;margin-top:3vw;}
  .faqitem.on {margin-bottom:10vw;}
  .faqitem.on .faqq{color:#fff;background:#1e55a6;}
  .faqitem.on .faqq i{color:#fff;transform: rotate(180deg);}
  .faqitem.on .faqa{visibility:visible;opacity: 1;height:auto;}
  /* game */
  #game_videobox{width:calc(80vw + 12px);margin:0 auto;}
  #game_videoframe{border:6px solid #0a4d03;height:auto;overflow:hidden;border-radius: 3vw;height:45vw;}
  #game_videobox img.w100{padding:0;width:100%;}
  #game_videoframe iframe{height:45vw;width:80vw;}

  /* form */
  .formline{padding:2vw 0; font-size:3.6vw;line-height:6vw;}
  .formline input[type=checkbox]{font-size:3.6vw;line-height:5vw;padding-right:1vw;vertical-align: top;}
  .formline .checkboxtext,.formline .note{font-size:3.2vw;line-height:5vw;}
  .formline .button{display:inline-block;font-size:3.6vw;line-height:6vw;padding:0.5vw 5vw;min-width:30vw;border-radius: 1vw;margin:2vw;}
  .formline .button a{color:#000;}
  .formline span{display:inline-block;position: relative;vertical-align: top;}
  .formline span:nth-child(1){width:30%;}
  .formline span:nth-child(2){width:69%;}
  .formline input[type=text],.formline input[type=tel],.formline input[type=email],.formline input[type=date]{font-size:3.6vw;line-height:6vw;border:1px solid #c3c3c3;width:calc(100% - 2px);}
  .formline select{font-size:3.6vw;line-height:6vw;border:1px solid #c3c3c3;width:100%;}
  .formline h5{font-size:3.6vw;line-height:6vw;}
  .imgwrap{position: relative;display:inline-block;min-width:20vw;margin-right:1vw;}
  .imgwrap .imgbutton{font-size:3.6vw;line-height:6vw;border:1px solid #717171;width:100%;border-radius: 1vw;}
  .imgwrap input[type=file]{position: absolute;z-index:2;width:100%;height:100%;opacity: 0;}
  .imgwrap.on{width:auto;}
  .imgwrap.on .imgbutton{padding:0 1vw;margin-right:1vw;}
  .imgwrap.on .fa{font-size:5vw;}

}
@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%;}

}