@charset 'utf-8';

div, article, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


ul, li, ol { list-style: none; margin: 0; padding: 0; } dl, dt, dd { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } li img, dt img, dd img { vertical-align: top; }
img { border: 0; } form { margin: 0; padding: 0; }
a { cursor:pointer; outline: none; behavior:expression(this.onFocus=this.blur());}
* { font-family: "微軟正黑體", "Hiragino Kaku Gothic Pro", Meiryo, Arial, Helvetica, sans-serif; word-break: break-all; line-height: 1.5; }

.ptcl {width: 100%; height: 1900px; position: absolute; z-index: 1; }

body { margin: 0; padding: 0; line-height: 2.0em; font-size: 14px; background: #000; }


body:before {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("../images/bg_sp.jpg") bottom center/cover no-repeat fixed;
  z-index: -1;
}





.main_visual { width:100%; height:100%; background: url(../images/main_visual_pc.jpg) no-repeat top center; float: left; overflow: hidden; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.main_visual { width:100%;  background: url(../images/main_visual_pc.jpg) no-repeat top center; float: left; overflow: hidden; background-size: 8rem 4.5rem; margin-top: 70px; }
}

.wrapper{ width:100%; min-width:240px; margin:0px auto 0; padding:0; position:relative;}
.pcimg{ height:1080px; display:block; } .pcimg img{ width:100%;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.pcimg{ height: 4.5rem; }
}
.spimg{display:none;} .spimg img{ width:100%;}


.info { top: 625px; left: 40px; position: absolute; }
.man { position: absolute; z-index: 0; }
.manmove{ position: absolute; top: 0px; left: 150px;
    -webkit-animation: mango 4s ease-in-out 1.1s normal infinite;
            animation: mango 4s ease-in-out 1.1s normal infinite;  }
@-webkit-keyframes mango {
    0%{      top: 3px  }
   50%{      top: -3px  }
  100%{      top: 3px  }
}
@keyframes mango {
    0%{      top: 3px  }
   50%{      top: -3px  }
  100%{      top: 3px  }
}

.logobb { position: absolute; top:0px;}



.visual-left { width: 100%; height: 100%; position: absolute; top:12%; left: 1%;  }
@media screen and (min-width: 920px) and (max-width: 1870px){
.visual-left {  }
}
@media screen and (max-width: 919px) {
.visual-left { width: 100%; top:14%; left: 0.5%; z-index: 1;}
}

.qqr { position: fixed; right:1%; bottom:300px; z-index: 99;}
.btn_evgo { position: absolute; top: 0px; right: 0; width: 193px; height: 46px; background: url(../images/btn_evgo.png) no-repeat center; background-size: contain; }
.btn_fbb { position: absolute; top: 50px; right: 0; width: 193px; height: 46px; background: url(../images/btn_fbb.png) no-repeat center; background-size: contain; }
.btn_ig { position: absolute; top: 100px; right: 0; width: 193px; height: 46px; background: url(../images/btn_ig.png) no-repeat center; background-size: contain; }
.btn_yt { position: absolute; top: 150px; right: 0; width: 193px; height: 46px; background: url(../images/btn_yt.png) no-repeat center; background-size: contain; }
.btn_bktop { position: absolute; top: 200px; right: 35px; width: 102px; height: 83px; background: url(../images/btn_bktop.png) no-repeat center; background-size: contain; }

@media screen and (max-width: 919px) {
.qqr {  right:0.1rem; bottom:270px;}
.btn_evgo { position: absolute; top:0px; right:0px; width: 79px; height: 46px; background: url(../images/btn_evgo_sp.png) no-repeat center; background-size: contain;}
.btn_fbb { position: absolute; top:50px; right:0px; width: 79px; height: 46px; background: url(../images/btn_fbb_sp.png) no-repeat center; background-size: contain;}
.btn_ig { position: absolute; top:100px; right:0px; width: 79px; height: 46px; background: url(../images/btn_ig_sp.png) no-repeat center; background-size: contain;}
.btn_yt { position: absolute; top:150px; right:0px; width: 79px; height: 46px; background: url(../images/btn_yt_sp.png) no-repeat center; background-size: contain;}
.btn_bktop { position: absolute; top:195px; right:3px; width: 74px; height: 60px; background: url(../images/btn_bktop_sp.png) no-repeat center; background-size: contain;}
}



@media screen and (min-width: 1871px) {
.button_apkk { position: absolute; top: 680px; left: 50%; margin-left: -150px; width: 320px; height: 129px; background: url(../images/btn_steam.png) no-repeat center; background-size: contain; }
}
@media screen and (min-width: 920px) and (max-width: 1870px){
.button_apkk { position: absolute; top: 2.9rem; left: 50%; margin-left: -0.6rem; width: 1.4rem; height: 0.8rem; background: url(../images/btn_steam.png) no-repeat center; background-size: contain; }
}
@media screen and (max-width: 919px) {
.button_apkk { position: absolute; top:9rem; left: 0.1rem; width: 3.5rem; height: 2rem; background: url(../images/btn_steam.png) no-repeat center; background-size: contain; }
}

@media screen and (min-width: 1871px) {
.btn_video { position: absolute; top: 480px; left: 50%; margin-left: -470px; width: 872px; height: 514px; background: url(../images/btn_movie.png) no-repeat center; background-size: contain; }
}
@media screen and (min-width: 920px) and (max-width: 1870px){
.btn_video { position: absolute; top: 1.8rem; left: 50%; margin-left: -2rem; width: 4rem; height: 2.5rem; background: url(../images/btn_movie.png) no-repeat center; background-size: contain; }
}
@media screen and (max-width: 919px) {
.btn_video { position: absolute; top:6rem; left: 0.1rem; width: 7rem; height: 4rem; background: url(../images/btn_movie.png) no-repeat center; background-size: contain;}
}

@media screen and (min-width: 1871px) {
.guide { position: absolute; top: 290px; left: 50%; margin-left: -800px; width: 1599px; height: 1110px; background: url(../images/guide.png) no-repeat center; background-size: contain; }
}
@media screen and (min-width: 920px) and (max-width: 1870px){
.guide { position: absolute; top: 0.85rem; left: 50%; margin-left: -3.35rem; width: 6.4rem; height: 5rem; background: url(../images/guide.png) no-repeat center; background-size: contain; }
}
@media screen and (max-width: 919px) {
.guide { position: absolute; top:3rem; left: 1rem; width: 5.5rem; height: 29rem; background: url("../images/guide_sp.png") no-repeat center; overflow: hidden; margin-top: 0px; background-size: 5.5rem 29rem;}
}





.button_logo { position: absolute; top: 18%; left: 24%; width: 50%; height: 30%; background: url(../images/button_logo.png) no-repeat center; background-size: contain; z-index: 10;}

@media screen and (max-width: 919px) {
.button_logo { top:6.2rem; left: 1.3rem; width: 5rem; height: 2rem;}
}



.tnote { margin: 0 auto; color: #ffea00; font-family: 'Noto Sans TC', sans-serif; position: relative; font-size: 24px; letter-spacing: 0em; font-weight: 500; padding-top: 60px; padding-bottom: 15px;}

.rule { position: relative; margin: 1.5%; text-align: left;}
.rule img { margin: 1% auto;}
.rule li{ font-size: 18px; line-height: 1.7em; letter-spacing: 0em; font-weight: 500; color: #fff; list-style-type:decimal; margin-left:25px; text-align: left;}
.rule p { font-size: 18px; line-height: 1.7em; letter-spacing: 0em; font-weight: 500; color: #fff; text-align: left; }
.rule li a{ color: #52ccff;} 
@media screen and (max-width: 919px) {
.rule { margin: 1.5%; }
.rule li { font-size: 14px; line-height: 1.4em;  }
.rule img { width: 100%; margin: 0.2rem auto;}
}







.content{ width:100%; min-width:240px; max-width:1200px; margin:0px auto 0 auto; position:relative; /*text-align: center;*/}




.ctbox { width:100%; min-width:240px; max-width:1200px; margin:0px auto 0 auto; position:relative; margin-bottom: 2%;}



@media screen and (min-width: 1399px) {
/*.slogan { width: 194px; height: 595px; position: absolute; top:200px; right:-100px; background: url(../images/slogan1.png) no-repeat;}*/
/*.slogan { width: 455px; height: 187px; position: absolute; top:160px; left:-80px; background: url(../images/slogan2.png) no-repeat;}*/
}
@media (max-width: 1399px) and (min-width: 920px){
/*.slogan { width: 457px; height: 187px; position: absolute; top:140px; left:0px; background: url(../images/slogan2.png) no-repeat;}	*/
}
/*@media screen and (max-width: 1399px) {
.slogan { width: 380px; height: 193px; position: absolute; top:140px; left:0px; background: url(../images/slogan2.png) no-repeat;}
}*/
@media screen and (max-width: 919px) {
/*.slogan { position: absolute; top: 1.3rem; left:4rem; width: 3.4rem; height: 3.1rem; background: url(../images/slogan2sp.png) no-repeat top center; background-size: 3.4rem 3.1rem; z-index: 99;}*/
}

.border-radius { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

.userBox { width: 500px; background-color: #173377; color: #fff; padding:10px; font-size:90%; position: absolute; top:610px; left:50%;  margin-left: -260px;
-webkit-box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
   -moz-box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
        box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8); }

.userBox2 { width: 500px; background-color: rgba(0,0,0,0.4); color: #fff; padding:10px; font-size:90%; position: absolute; top:720px; left:50%;  margin-left: -50px;
-webkit-box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
   -moz-box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
        box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8); }

.userBox3 { width: 500px; /*background-color: #3d4367;*/ color: #fff; padding:10px; font-size:90%; position: absolute; top:580px; left:50%;  margin-left: -250px;
-webkit-box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
   -moz-box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
        box-shadow:0px 0px 10px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8); }

.accountBox,.logType{ margin-bottom:10px; margin-right:20px; margin-left:10px; display: inline-block; font-size:150%; font-weight: bolder;}
.accountBox b,.logType b{ font-size:110%; margin-left:10px; text-align:left; color: #00deff; text-overflow:ellipsis; white-space: nowrap; }


.linkBox { width: 700px; color: #8f98ca; padding:10px; font-size:90%; position: absolute; top:650px; left:50%;  margin-left: -300px;}

.inviteBox,.copyType{ margin-bottom:10px; margin-right:10px; margin-left:10px; display: inline-block; font-size:200%; font-weight: bolder;}
.inviteBox b,.copyType b{ font-size:110%; margin-left:10px; text-align:left; color: #00deff; text-overflow:ellipsis; white-space: nowrap; }

.urlzone { width: 350px; margin-bottom: 4%; padding: 8px 10px; border: 2px solid #8f98ca; background-color: #fff; font-size:90%; color: #c5c5c5; }




.btn_logout{ font-size:110%; color:#c1c1c1; padding: 5px 30px; border: 1px solid #2b2b2e;
text-decoration: none; font-weight:bold; display:inline-block;
text-shadow:-1px -1px 0px rgba(047,048,053,1),-1px -1px 0px rgba(047,048,053,0.3);
-webkit-box-shadow:0px 0px 5px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
   -moz-box-shadow:0px 0px 5px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
        box-shadow:0px 0px 5px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8); 
background: #45464b; /* Old browsers */
background: -moz-linear-gradient(top,#828385 0%,#45464b); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,from(#828385),to(#45464b));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #828385 0%,#45464b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #828385 0%,#45464b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #828385 0%,#45464b 100%); /* IE10+ */
background: linear-gradient(to bottom, #828385 0%,#45464b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828385', endColorstr='#45464b',GradientType=0 ); /* IE6-9 */	}
.btn_logout:hover { color:#fff;
background: #45464b; /* Old browsers */
background: -moz-linear-gradient(top,#c2c2c4 0%,#45464b); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,from(#c2c2c4),to(#45464b));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c2c2c4 0%,#45464b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c2c2c4 0%,#45464b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c2c2c4 0%,#45464b 100%); /* IE10+ */
background: linear-gradient(to bottom, #c2c2c4 0%,#45464b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c4', endColorstr='#45464b',GradientType=0 ); /* IE6-9 */	}

.btn_copy{ font-size:150%; color:#c1c1c1; padding: 5px 30px; border: 1px solid #2b2b2e;
text-decoration: none; font-weight:bold; display:inline-block;
text-shadow:-1px -1px 0px rgba(047,048,053,1),-1px -1px 0px rgba(047,048,053,0.3);
-webkit-box-shadow:0px 0px 5px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
   -moz-box-shadow:0px 0px 5px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8);
        box-shadow:0px 0px 5px rgba(051,051,051,0.2),inset 0px 0px 2px rgba(255,255,255,0.8); 
background: #45464b; /* Old browsers */
background: -moz-linear-gradient(top,#828385 0%,#45464b); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,from(#828385),to(#45464b));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #828385 0%,#45464b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #828385 0%,#45464b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #828385 0%,#45464b 100%); /* IE10+ */
background: linear-gradient(to bottom, #828385 0%,#45464b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828385', endColorstr='#45464b',GradientType=0 ); /* IE6-9 */	}
.btn_copy:hover { color:#fff;
background: #45464b; /* Old browsers */
background: -moz-linear-gradient(top,#c2c2c4 0%,#45464b); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,from(#c2c2c4),to(#45464b));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c2c2c4 0%,#45464b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c2c2c4 0%,#45464b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c2c2c4 0%,#45464b 100%); /* IE10+ */
background: linear-gradient(to bottom, #c2c2c4 0%,#45464b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c4', endColorstr='#45464b',GradientType=0 ); /* IE6-9 */	}



.reservation-rightbox { display: flex; width: 500px; height: 455px; position: absolute; top:470px; left:670px; padding: 10px; background: #fff0dd; z-index: 10; /*overflow: auto;*/ flex-direction: column; border: 4px solid #e7ca87;}
.reservation-rightbox .fb-box { flex: 1; /*overflow: auto;*/ margin-top: -80px; margin-bottom: 10px; }

.reservation-leftbox { display:block; width: 100%; max-width:600px; min-width: 360px; position: absolute; top:280px; left:32px; text-align:center; background-color: #fff0dd; border: 4px solid #e7ca87;}

.reservation-bottombox { display:block; width: 100%; max-width:1140px; min-width: 360px; position: absolute; top:270px; left:32px; text-align:center; background-color: #fff0dd; border: 4px solid #e7ca87;}








.reservation-txt1 { display:block; width: 1035px; height: 359px; margin: 40px auto 12px 20px; background: url(../images/reservation-txt1.png) no-repeat;}
.reservation-txtlink { display:block; width: 203px; height: 205px; margin: -170px auto 10px 20px; background: url(../images/link.png) no-repeat;}
.reservation-txtlor { display:block; width: 46px; height: 46px; margin: -150px auto 10px 235px; background: url(../images/text-or.png) no-repeat;}
/*.reservation-txtlink { display:block; width: 203px; height: 205px; margin: 0px auto 10px 200px; background: url(../images/link.png) no-repeat;}*/

.reservation-txt2 { display:block; width: 1044px; height: 629px; margin: 30px auto 0 35px; background: url(../images/reservation-txt2.png) no-repeat;}

.reservation-txt3 { display:block; width: 1089px; height: 308px; margin: 40px auto 12px 20px; background: url(../images/reservation-txt3.png) no-repeat;}

.reservation-txt4 { display:block; width: 1063px; height: 340px; margin: 0px auto 12px 20px; background: url(../images/reservation-txt4.png) no-repeat;}

.reservation-txt5 { display:block; width: 1093px; height: 299px; margin: 0px auto 20px auto; background: url(../images/reservation-txt5.png) no-repeat;}

.reservation-txt6 { display:block; width: 952px; height: 117px; margin: 40px auto 20px 20px; background: url(../images/reservation-txt6.png) no-repeat;}

.reservation-txt7 { display:block; width: 1091px; height: 517px; margin: 40px auto 20px auto; background: url(../images/reservation-txt7.png) no-repeat;}

.reservation-qrcode { display:block; width: 403px; height: 132px; margin: 15px auto 0 auto; background: url(../images/reservation-qrcode.png) no-repeat;}

.reservation-qrcode_btn{ width:100%; text-align:center; margin: 0 auto 0 auto; display: inline-block; z-index: 999; }
.reservation-qrcode_btn a img{ margin:0 6%; width:100%; max-width:165px;}  

@media screen and (max-width: 919px) {
.reservation-qrcode_btn a img{ margin:0 8%; width:32%; max-width:250px;}  
}

@media screen and (max-width: 600px) {
.reservation-qrcode_btn a img{ margin:0 6%; width:34%; max-width:165px;}
}




.reservation-man1 { width: 692px; height: 625px; background: url(../images/gundam.png) no-repeat top center; position: absolute; top:360px; left:720px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.reservation-man1 { width:2.8rem; height: 2.4rem; background: url(../images/gundam.png) no-repeat top center; background-size: 2.8rem 2.4rem; position: absolute; top:1.3rem; left: 50%; margin-left: 3.7rem; }
}
/*@media screen and (min-width: 920px) and (max-width: 1599px){ 
.reservation-man1 { width:3.3rem; height: 2.7rem; background: url(../images/gundam.png) no-repeat top center; background-size: 3.3rem 2.7rem; position: absolute; top:3.9rem; left: 50%; margin-left: 4rem; }
}*/

.reservation-man2 { width: 375px; height: 399px; background: url(../images/reservation-man2.png) no-repeat top center; position: absolute; top:400px; left:-320px; 
}
.reservation-man3 { width: 307px; height: 253px; background: url(../images/reservation-man3.png) no-repeat top center; position: absolute; top:1200px; left:1100px; }

.reservation-title1 { width: 218px; height: 38px; background: url(../images/reservation-title1.png) no-repeat top center; position: absolute; top:280px; left:40px; }

.reservation-title2 { width: 479px; height: 38px; background: url(../images/reservation-title2.png) no-repeat top center; position: absolute; top:320px; left:60px; }

.move1 {position: absolute;
	-webkit-animation: saman 3.5s ease-in-out 1s normal infinite;
    animation: saman 3.5s ease-in-out 1s normal infinite; }
@-webkit-keyframes saman {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px); } }

@keyframes saman {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px); } }

.move2 {position: absolute;
	-webkit-animation: saman2 3.5s ease-in-out 1s normal infinite;
    animation: saman2 3.5s ease-in-out 1s normal infinite; }
@-webkit-keyframes saman2 {
  0%, 100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes saman2 {
  0%, 100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }


.rfr-line { width: 200%; position: absolute; top:640px; left:-190px;}
.rfr-line img { max-width:1608px; width:100%; }


/*.rfr-ball { position: absolute; top:675px; left: 56px;}
.rfr-ball li { display: inline-block; width:63px; height: 63px; }
.rfr-ball { width:100%;}
.rfr-ball img { max-width:63px; width:100%; } 
.rfr-ball01 { margin-left: 0px;}
.rfr-ball02 { margin-left: 195px;}
.rfr-ball03 { margin-left: 196px;}
.rfr-ball04 { margin-left: 196px;}
.rfr-ball05 { margin-left: 196px;}
*/

.rfr-ball01 { position: absolute; top: 675px; left: 56px;}
.rfr-ball02 { position: absolute; top: 675px; left: 320px;}
.rfr-ball03 { position: absolute; top: 675px; left: 584px;}
.rfr-ball04 { position: absolute; top: 675px; left: 850px;}
.rfr-ball05 { position: absolute; top: 675px; left: 1110px;}

.rfr-ball01 img,.rfr-ball02 img,.rfr-ball03 img,.rfr-ball04 img,.rfr-ball05 img { max-width:63px; width:100%; }



.rfr-reward { position: absolute; top:250px; left: -10px; /*background-color: chartreuse;*/}
.rfr-reward li { display: inline-block; width:1072px; height: auto; margin: 4px 0px;}

.rfr-reward {width:100%; text-align:center; }
.rfr-reward img { max-width:1072px; width:100%; } 


.rfr-man1 { width: 456px; height: 531px; background: url(../images/man1.png) no-repeat top center; position: absolute; top:350px; left:1250px; }
.rfr-man2 { width: 475px; height: 484px; background: url(../images/man2.png) no-repeat top center; position: absolute; top:350px; left:-300px; }


@media screen and (min-width:919px) {
.rfr-imgpc { display: show; }
.rfr-imgsp { display: none;}
}
@media screen and (max-width:919px) {
.rfr-imgpc { display: none; }
.rfr-imgsp { display: show;}
}



.content1 { width:100%; height:1080px; background: url(../images/bg1.jpg) no-repeat top center;  overflow: hidden; margin:0 auto 0 auto;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.content1 {width:100%;  height: 4.5rem; background: url(../images/bg1.jpg) no-repeat top center; overflow: hidden; background-size: 8rem 4.5rem; }
}
@media screen and (max-width:919px) {
.content1 { width:100%; height: 11rem; background: url(../images/bg1sp.jpg) no-repeat top center; overflow: hidden; margin-top: -2.5%; background-size: 7.68rem 11rem;}
}


.content2 { width:100%; height:5400px; background: url(../images/bg2.jpg) no-repeat top center;  overflow: hidden; margin:0 auto 0 auto;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.content2 {width:100%;  height: 20rem; background: url(../images/bg2.jpg) no-repeat top center; overflow: hidden; background-size: 100% 20rem; }
}
@media screen and (max-width:919px) {
.content2 { width:100%; height: 71rem; background: url(../images/bg2sp.jpg) no-repeat top center; overflow: hidden; margin-top: 0%; background-size: 7.68rem 71rem;}
}

.content3 { width:100%; height:1500px; background: url(../images/bg3.jpg) no-repeat top center;  overflow: hidden; margin:0 auto 0 auto;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.content3 {width:100%;  height: 6rem; background: url(../images/bg3.jpg) no-repeat top center; overflow: hidden; background-size: 10rem 6rem; }
}
@media screen and (max-width:919px) {
.content3 { width:100%; height: 33rem; background: url(../images/bg3sp.jpg) no-repeat top center; overflow: hidden; margin-top: -2.5%; background-size: 7.68rem 33rem;}
}

.content4{ width:100%; height:1118px; background: url(../images/bg4.jpg) no-repeat top center;  overflow: hidden; margin:0px auto 0 auto;}

.content5{ width:100%; height:1033px; background: url(../images/bg5.jpg) no-repeat top center;  overflow: hidden; margin:0px auto 0 auto; }

.ctbox1,.ctbox3,.ctbox4,.ctbox5 { width:100%; min-width:240px; max-width:1200px; margin:0 auto 0 auto; position:relative;}
.ctbox2 { width:100%; min-width:240px; max-width:1440px; margin:0 auto 0 auto; position:relative;}



.ev1-title { width: 593px; height: 332px; background: url(../images/txt1_about.png) no-repeat top center; position: absolute; top:150px; left:300px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.ev1-title { width:2.4rem; height: 1.3rem; background: url(../images/txt1_about.png) no-repeat top center; overflow: hidden; background-size: 2.4rem 1.3rem; position: absolute; top:0.6rem; left: 50%; margin-left: -1.2rem; }
}
@media screen and (max-width:919px) {
.ev1-title { width:7.5rem; height: 3.4rem; background: url(../images/txt1sp_about.png) no-repeat top center; overflow: hidden; margin-top: -1%; background-size: 7.5rem 3.4rem; position: absolute; top:1.5rem; left: -0.03rem; }
}

.ev2-title { width: 1092px; height: 290px; background: url(../images/txt2_ev.png) no-repeat top center; position: absolute; top:36px; left:179px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.ev2-title { width:4rem; height: 1rem; background: url(../images/txt2_ev.png) no-repeat top center; overflow: hidden; background-size: 4rem 1rem; position: absolute; top:0.15rem; left: 50%; margin-left: -1.97rem; }
}
@media screen and (max-width:919px) {
.ev2-title { width:6.5rem; height: 3rem; background: url(../images/txt2sp_ev.png) no-repeat top center; overflow: hidden; margin-top: -1%; background-size: 6.5rem 3rem; position: absolute; top:0.7rem; left: 0.5rem; }
}

.ev2-title2 { width: 1120px; height: 116px; background: url(../images/txt2_ev2.png) no-repeat top center; position: absolute; top:914px; left:170px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.ev2-title2 { width:4.53rem; height: 0.46rem; background: url(../images/txt2_ev2.png) no-repeat top center; overflow: hidden; background-size: 4.53rem 0.46rem; position: absolute; top:3.5rem; left: 50%; margin-left: -2.35rem; }
}
@media screen and (max-width:919px) {
.ev2-title2 { width:6.5rem; height: 2.2rem; background: url(../images/txt2sp_ev2.png) no-repeat top center; overflow: hidden; margin-top: -1%; background-size: 6.5rem 2.2rem; position: absolute; top:14.5rem; left: 0.5rem; }
}

.ev3-title { width: 491px; height: 158px; background: url(../images/txt3_guide.png) no-repeat top center; position: absolute; top:76px; left:350px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.ev3-title { width:2rem; height: 0.6rem; background: url(../images/txt3_guide.png) no-repeat top center; overflow: hidden; background-size: 2rem 0.6rem; position: absolute; top:0.2rem; left: 50%; margin-left: -1.2rem; }
}
@media screen and (max-width:919px) {
.ev3-title { width:5.8rem; height: 1.8rem; background: url(../images/txt3_guide.png) no-repeat top center; overflow: hidden; margin-top: -1%; background-size: 5.8rem 1.8rem; position: absolute; top:0.8rem; left: 0.8rem; }
}

.txt2_st1 { width: 722px; height: 43px; background: url(../images/txt2_st1.png) no-repeat top center; position: absolute; top:250px; left:350px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.txt2_st1{ width:2.9rem; height: 0.17rem; background: url(../images/txt2_st1.png) no-repeat top center; overflow: hidden; background-size: 2.9rem 0.17rem; position: absolute; top:1rem; left: 50%; margin-left: -1.55rem; }
}
@media screen and (max-width:919px) {
.txt2_st1 { width:7rem; height: 0.42rem; overflow: hidden; margin-top: -1%; background-size: 7rem 0.42rem; position: absolute; top:3.8rem; left: 0.2rem; }
}

.txt2_st2 { width: 723px; height: 43px; background: url(../images/txt2_st2.png) no-repeat top center; position: absolute; top:528px; left:350px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.txt2_st2{ width:2.9rem; height: 0.17rem; background: url(../images/txt2_st2.png) no-repeat top center; overflow: hidden; background-size: 2.9rem 0.17rem; position: absolute; top:2.15rem; left: 50%; margin-left: -1.55rem; }
}
@media screen and (max-width:919px) {
.txt2_st2 { width:7rem; height: 0.42rem; /*background: url(../images/txt2sp_ev.png) no-repeat top center;*/ overflow: hidden; margin-top: -1%; background-size: 7rem 0.42rem; position: absolute; top:8.9rem; left: 0.2rem; }
}




.evtxt01 { width: 1000px; height: 4927px; background: url(../images/evtxt01.png) no-repeat top center; position: absolute; top:375px; left:215px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.evtxt01{ width:3.8rem; height: 18.2rem; background: url(../images/evtxt01.png) no-repeat top center; overflow: hidden; background-size: 3.8rem 18.2rem; position: absolute; top:1.38rem; left: 50%; margin-left: -1.87rem; }
}
@media screen and (max-width:919px) {
.evtxt01 { width: 7rem; height: 65.7rem; background: url(../images/evtxt01sp.png) no-repeat top center; overflow: hidden; background-size: 7rem 65.7rem; position: absolute; top:4.3rem; left: 0.2rem; }
}

.btn_apply01 { width: 135px; height: 40px; background: url(../images/btn_apply01.png) no-repeat top center; position: absolute; top:1130px; left:510px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.btn_apply01{ width:0.5rem; height: 0.15rem; background: url(../images/btn_apply01.png) no-repeat top center; overflow: hidden; background-size: 0.5rem 0.15rem; position: absolute; top:4.17rem; left: 50%; margin-left: -0.75rem; }
}
@media screen and (max-width:919px) {
.btn_apply01 { width: 2.3rem; height: 0.7rem; background: url(../images/btn_apply01.png) no-repeat top center; overflow: hidden; background-size: 2.3rem 0.7rem; position: absolute; top:15.45rem; left: 4.5rem; }
}

.announcement { width: 241px; height: 23px; background: url(../images/announcement.png) no-repeat top center; position: absolute; top:1245px; left:700px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.announcement{ width:1rem; height: 0.09rem; background: url(../images/announcement.png) no-repeat top center; overflow: hidden; background-size: 1rem 0.09rem; position: absolute; top:4.59rem; left: 50%; margin-left: -0rem; }
}
@media screen and (max-width:919px) {
.announcement { width: 3.53rem; height: 0.35rem; background: url(../images/announcement.png) no-repeat top center; overflow: hidden; background-size: 3.53rem 0.35rem; position: absolute; top:17.5rem; left: 0.55rem; }
}

.list01 { width: 1000px; height: 537px; background: url(../images/list01.png) no-repeat top center; position: absolute; top:1750px; left:218px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.list01{ width:4.08rem; height: 2.15rem; background: url(../images/list01.png) no-repeat top center; overflow: hidden; background-size: 4.08rem 2.15rem; position: absolute; top:6.4rem; left: 50%; margin-left: -1.86rem; }
}
@media screen and (max-width:919px) {
.list01 { width: 7.1rem; height: 3.8rem; background: url(../images/list01.png) no-repeat top center; overflow: hidden; background-size: 7.1rem 3.8rem; position: absolute; top:25.3rem; left: 0.2rem; }
}

.list02 { width: 997px; height: 1101px; background: url(../images/list02.png) no-repeat top center; position: absolute; top:2376px; left:218px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.list02{ width:4.08rem; height: 4.3rem; background: url(../images/list02.png) no-repeat top center; overflow: hidden; background-size: 4.08rem 4.3rem; position: absolute; top:8.7rem; left: 50%; margin-left: -1.86rem; }
}
@media screen and (max-width:919px) {
.list02 { width: 7.1rem; height: 8.5rem; background: url(../images/list02.png) no-repeat top center; overflow: hidden; background-size: 7.1rem 8.5rem; position: absolute; top:29.9rem; left: 0.2rem; }
}

.prize { width: 1006px; height: 218px; background: url(../images/prize_pc.png) no-repeat top center; position: absolute; top:3580px; left:218px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.prize{ width:4.1rem; height: 0.88rem; background: url(../images/prize_pc.png) no-repeat top center; overflow: hidden; background-size: 4.1rem 0.88rem; position: absolute; top:13.2rem; left: 50%; margin-left: -1.86rem; }
}
@media screen and (max-width:919px) {
.prize { width: 7.1rem; height: 6rem; background: url(../images/prize_sp.png) no-repeat top center; overflow: hidden; background-size: 7.1rem 6rem; position: absolute; top:39.4rem; left: 0.2rem; }
}

.man_relay { width: 627px; height: 387px; background: url(../images/man_relay.png) no-repeat top center; position: absolute; top:3930px; left:218px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.man_relay{ width:2.3rem; height: 1.43rem; background: url(../images/man_relay.png) no-repeat top center; overflow: hidden; background-size: 2.3rem 1.43rem; position: absolute; top:14.5rem; left: 50%; margin-left: -1.86rem; }
}
@media screen and (max-width:919px) {
.man_relay { width: 7.1rem; height: 4.25rem; background: url(../images/man_relay.png) no-repeat top center; overflow: hidden; background-size: 7.1rem 4.25rem; position: absolute; top:46.7rem; left: 0.2rem; }
}

.btn_relay1 { width: 294px; height: 43px; background: url(../images/btn_relay.png) no-repeat top center; position: absolute; top:4320px; left:218px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.btn_relay1{ width:1.08rem; height: 0.155rem; background: url(../images/btn_relay.png) no-repeat top center; overflow: hidden; background-size: 1.08rem 0.155rem; position: absolute; top:15.95rem; left: 50%; margin-left: -1.86rem; }
}
@media screen and (max-width:919px) {
.btn_relay1 { width: 3.35rem; height: 0.5rem; background: url(../images/btn_relay.png) no-repeat top center; overflow: hidden; background-size: 3.35rem 0.5rem; position: absolute; top:51rem; left: 0.2rem; }
}

.btn_relay2 { width: 294px; height: 43px; background: url(../images/btn_relay.png) no-repeat top center; position: absolute; top:4320px; left:552px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.btn_relay2{ width:1.08rem; height: 0.155rem; background: url(../images/btn_relay.png) no-repeat top center; overflow: hidden; background-size: 1.08rem 0.155rem; position: absolute; top:15.95rem; left: 50%; margin-left: -0.635rem; }
}
@media screen and (max-width:919px) {
.btn_relay2 { width: 3.35rem; height: 0.5rem; background: url(../images/btn_relay.png) no-repeat top center; overflow: hidden; background-size: 3.35rem 0.5rem; position: absolute; top:51rem; left: 3.96rem; }
}



.evtxt_a1 { width: 107px; height: 82px; background: url(../images/evtxt_a.png) no-repeat top center; position: absolute; top:2470px; left:200px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.evtxt_a1 { width:0.44rem; height: 0.34rem; background: url(../images/evtxt_a.png) no-repeat top center; overflow: hidden; background-size: 0.44rem 0.34rem; position: absolute; top:9.72rem; left: 50%; margin-left: -2.2rem; }
}
@media screen and (max-width:919px) {
.evtxt_a1 { width: 1.3rem; height: 1rem; background: url(../images/evtxt_a.png) no-repeat top center; overflow: hidden; background-size: 1.3rem 1rem; position: absolute; top:39.2rem; left: 0rem; }
}
.evtxt_b1 { width: 107px; height: 82px; background: url(../images/evtxt_b.png) no-repeat top center; position: absolute; top:2800px; left:200px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.evtxt_b1 { width:0.44rem; height: 0.34rem; background: url(../images/evtxt_b.png) no-repeat top center; overflow: hidden; background-size: 0.44rem 0.34rem; position: absolute; top:11.05rem; left: 50%; margin-left: -2.2rem; }
}
@media screen and (max-width:919px) {
.evtxt_b1 { width: 1.3rem; height: 1rem; background: url(../images/evtxt_b.png) no-repeat top center; overflow: hidden; background-size: 1.3rem 1rem; position: absolute; top:47rem; left: 0rem; }
}
.evtxt_a2 { width: 107px; height: 82px; background: url(../images/evtxt_a.png) no-repeat top center; position: absolute; top:3230px; left:200px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.evtxt_a2 { width:0.44rem; height: 0.34rem; background: url(../images/evtxt_a.png) no-repeat top center; overflow: hidden; background-size: 0.44rem 0.34rem; position: absolute; top:12.83rem; left: 50%; margin-left: -2.2rem; }
}
@media screen and (max-width:919px) {
.evtxt_a2 { width: 1.3rem; height: 1rem; background: url(../images/evtxt_a.png) no-repeat top center; overflow: hidden; background-size: 1.3rem 1rem; position: absolute; top:55.9rem; left: 0rem; }
}
.evtxt_b2 { width: 107px; height: 82px; background: url(../images/evtxt_b.png) no-repeat top center; position: absolute; top:3560px; left:200px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.evtxt_b2 { width:0.44rem; height: 0.34rem; background: url(../images/evtxt_b.png) no-repeat top center; overflow: hidden; background-size: 0.44rem 0.34rem; position: absolute; top:14.15rem; left: 50%; margin-left: -2.2rem; }
}
@media screen and (max-width:919px) {
.evtxt_b2 { width: 1.3rem; height: 1rem; background: url(../images/evtxt_b.png) no-repeat top center; overflow: hidden; background-size: 1.3rem 1rem; position: absolute; top:63.7rem; left: 0rem; }
}






.mmannzone { width: 100%; max-width: 1450px; position: absolute; top:303px; left:10px;}
.mmannzone li { width: 100%; max-width: 107px; display: inline-block; margin: 0 3px;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.mmannzone { width: 100%; max-width: none; position: absolute; top:1.23rem; left: 50%; margin-left: -2.9rem;}
.mmannzone li { width: 0.43rem; max-width: none; display: inline-block; margin: 0 0.001rem 0.01rem 0rem;}
}
@media screen and (max-width: 919px) {
.mmannzone { width: 100%; max-width: none; position: absolute; top:4.4rem; left:0rem; text-align: center;}
.mmannzone li { width: 1rem; max-width: none; display: inline-block; margin: 0 0.05rem 0.1rem 0rem;}
}

.mmannzone2 { width: 100%; max-width: 1450px; position: absolute; top:573px; left:10px;}
.mmannzone2 li { width: 100%; max-width: 107px; display: inline-block; margin: 0 3px;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.mmannzone2 { width: 100%; max-width: none; position: absolute; top:2.35rem; left: 50%; margin-left: -2.9rem;}
.mmannzone2 li { width: 0.43rem; max-width: none; display: inline-block; margin: 0 0.001rem 0.01rem 0rem;}
}
@media screen and (max-width: 919px) {
.mmannzone2 { width: 100%; max-width: none; position: absolute; top:9.5rem; left:0rem; text-align: center;}
.mmannzone2 li { width: 1rem; max-width: none; display: inline-block; margin: 0 0.05rem 0.1rem 0rem;}
}

.mmannzone3 { width: 100%; max-width: 1050px; position: absolute; top:2555px; left:210px;}
.mmannzone3 li { width: 100%; max-width: 150px; display: inline-block; margin: 0 9px;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.mmannzone3 { width: 100%; max-width: none; position: absolute; top:10rem; left: 50%; margin-left: -2.1rem;}
.mmannzone3 li { width: 0.6rem; max-width: none; display: inline-block; margin: 0 0.06rem 0.01rem 0rem;}
}
@media screen and (max-width: 919px) {
.mmannzone3 { width: 100%; max-width: none; position: absolute; top:40.3rem; left:0rem; text-align: center;}
.mmannzone3 li { width: 2rem; height: 2.5rem; max-width: none; display: inline-block; margin: 0 0.15rem 1rem 0rem;}
}

.mmannzone4 { width: 100%; max-width: 1050px; position: absolute; top:2880px; left:210px;}
.mmannzone4 li { width: 100%; max-width: 150px; display: inline-block; margin: 0 9px;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.mmannzone4 { width: 100%; max-width: none; position: absolute; top:11.39rem; left: 50%; margin-left: -2.1rem;}
.mmannzone4 li { width: 0.6rem; max-width: none; display: inline-block; margin: 0 0.06rem 0.01rem 0rem;}
}
@media screen and (max-width: 919px) {
.mmannzone4 { width: 100%; max-width: none; position: absolute; top:48.1rem; left:0rem; text-align: center;}
.mmannzone4 li { width: 2rem; height: 2.5rem; max-width: none; display: inline-block; margin: 0 0.15rem 1rem 0rem;}
}

.mmannzone5 { width: 100%; max-width: 1050px; position: absolute; top:3320px; left:210px;}
.mmannzone5 li { width: 100%; max-width: 150px; display: inline-block; margin: 0 9px;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.mmannzone5 { width: 100%; max-width: none; position: absolute; top:13.19rem; left: 50%; margin-left: -2.1rem;}
.mmannzone5 li { width: 0.6rem; max-width: none; display: inline-block; margin: 0 0.06rem 0.01rem 0rem;}
}
@media screen and (max-width: 919px) {
.mmannzone5 { width: 100%; max-width: none; position: absolute; top:56.9rem; left:0rem; text-align: center;}
.mmannzone5 li { width: 2rem; height: 2.5rem; max-width: none; display: inline-block; margin: 0 0.15rem 1rem 0rem;}
}

.mmannzone6 { width: 100%; max-width: 1050px; position: absolute; top:3645px; left:210px;}
.mmannzone6 li { width: 100%; max-width: 150px; display: inline-block; margin: 0 9px;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.mmannzone6 { width: 100%; max-width: none; position: absolute; top:14.49rem; left: 50%; margin-left: -2.1rem;}
.mmannzone6 li { width: 0.6rem; max-width: none; display: inline-block; margin: 0 0.06rem 0.01rem 0rem;}
}
@media screen and (max-width: 919px) {
.mmannzone6 { width: 100%; max-width: none; position: absolute; top:64.8rem; left:0rem; text-align: center;}
.mmannzone6 li { width: 2rem; height: 2.5rem; max-width: none; display: inline-block; margin: 0 0.15rem 1rem 0rem;}
}

.tpnewscttbox { width: 829px; height: 343px; display: inline-block; text-align:center; position: absolute; top:1890px; left:310px; background: url(../images/evtxtbg.png) no-repeat top center; padding-top: 30px;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.tpnewscttbox { width: 3.35rem; height: 1.35rem; display: inline-block; text-align:center; position: absolute; top:7.47rem; left: 50%; margin-left: -1.75rem; background: url(../images/evtxtbg.png) no-repeat top center; padding-top: 0.15rem; background-size: 3.35rem 1.35rem;}	
}
@media screen and (max-width: 919px) {
.tpnewscttbox {  width: 7rem; height: 7rem; position: absolute; top:29.3rem; left:0.25rem; background: url(../images/evtxtbgsp.png) no-repeat top center; background-size: 7rem 7rem;}	
}

.city{ margin: 10px 0 20px 0; width: 94%; font-size: 20px; font-weight: bolder; color: #fff; }
.num { height:50px; width: 58%; font-size: 1.1em; margin-left: 5px; border: 1px solid #ffe900; padding:0 0 0 8px; background: #fff; color: #1f375e; font-weight: bold;}
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.city{ width: 3.1rem; font-size: 0.075rem; margin: 0.05rem 0 0.05rem 0; font-weight: bolder; color: #fff; }
.num { height:0.2rem; width: 58%; font-size: 1.1em; margin-left: 0.05rem; border: 1px solid #ffe900; padding:0 0 0 8px; background: #fff; color: #1f375e; font-weight: bold;}
}
@media screen and (max-width: 919px) {
.city{ width: 7rem; font-size: 0.3rem; margin: 0.15rem 0 0.45rem 0;}
.num { width: 4rem; height: 1rem;}	
}


.reservation-btn2 img{transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}
.reservation-btn2 img:hover{transform:scale(1.05);}

.reservation-btn1 { display: block; width: 296px; cursor: pointer; margin-left: 265px;}
.reservation-btn1 img { max-width:296px; width:100%; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.reservation-btn1 { display: block; width: 40%; margin-top: 0.15rem; margin-left: 1rem; margin-bottom: 0px;}
.reservation-btn1 img { max-width:296px; width:100%; }	
}
@media screen and (max-width: 919px) {
.reservation-btn1 { display: block; width: 70%; margin-top: 0.3rem; margin-left: 1rem; margin-bottom: 0px;}
.reservation-btn1 img { max-width:790px; width:100%; }	
}

.reservation-btn2 { display: block; width: 439px; cursor: pointer; position: absolute; top:4455px; left:540px;}
.reservation-btn2 img { max-width:439px; width:100%; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.reservation-btn2 { display: block; width: 40%; position: absolute; top:16.45rem; left:50%; margin-left: -0.64rem;}
.reservation-btn2 img { max-width:none; width:1.7rem; }	
}
@media screen and (max-width: 919px) {
.reservation-btn2 { display: block; width: 85%; position: absolute; top:52rem; left: 0.4rem;}
.reservation-btn2 img { max-width:439px; width:100%; }	
}




.ticke { width: 214px; margin: 0 auto 24px auto; color: #b9a064; font-family: 'Noto Sans TC', sans-serif; position: relative; font-size: 24px; letter-spacing: 0em; font-weight: 300; padding-top: 13px; padding-bottom: 13px; background-color: #141419; text-align: center; border: 1px solid #b9a064;
-webkit-border-radius:5px;
   -moz-border-radius:5px;
     -o-border-radius:5px;
    -ms-border-radius:5px;
        border-radius:5px;}
@media screen and (max-width: 919px) {
.ticke { width: 2.9rem; font-size: 0.35rem; padding-top: 0.2rem; padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
}

.manphoto { width:107px; position: relative; margin: 0 auto 10px auto; display: block;}
.manphoto img { max-width:107px; width:100%;  } 
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.manphoto { width:100%; text-align:center; margin: 0 auto 0.05rem auto;}
.manphoto img { max-width:107px; width:100%; } 
}
@media screen and (max-width: 919px) {
.manphoto { width:100%; text-align:center; margin: 0 auto 0.1rem auto;}
.manphoto img { max-width:107px; width:100%; } 
}

.manphoto2 { width:150px; position: relative; margin: 0 auto 10px auto; display: block;}
.manphoto2 img { max-width:150px; width:100%;  } 
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.manphoto2 { width:100%; text-align:center; margin: 0 auto 0.07rem auto;}
.manphoto2 img { max-width:150px; width:100%; } 
}
@media screen and (max-width: 919px) {
.manphoto2 { width:100%; text-align:center; margin: 0 auto 0.2rem auto;}
.manphoto2 img { max-width: none; width:2rem; } 
}

.btngroup { width:100%; text-align:center; margin: 0 auto 0 auto; display: inline-block;  }
.btnnn{ margin:0 0.5%; width:100%; max-width:58px; display: inline-block; cursor: pointer;  } 
.btnnn2{ margin:0 0.5%; width:100%; max-width:99px; display: inline-block; cursor: pointer;  } 
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.btnnn{ margin:0 0.01rem; width:0.225rem; max-width:none; display: inline-block;} 
.btnnn img { max-width:none; width:100%; } 
.btnnn2{ margin:0 0.01rem; width:0.4rem; max-width:none; display: inline-block;} 
.btnnn2 img { max-width:none; width:100%; } 
}
@media screen and (max-width: 919px) {
.btnnn{ margin:0 0.01rem; width:0.5rem; max-width:none; display: inline-block;} 
.btnnn2{ margin:0 0.01rem; width:1.3rem; max-width:none; display: inline-block;} 
.btnnn img { max-width:none; width:100%; } 
.btnnn2 img { max-width:none; width:100%; } 
}
.btngroup img{transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}
.btngroup img:hover{transform:scale(1.05);}

.chk {width: 20px; height: 20px;}
.chk01 { color: #ffea00; font-size: 20px; }
@media screen and (min-width: 920px) and (max-width: 1870px){ 
.chk {width: 0.1rem; height: 0.1rem;}
.chk01 { color: #ffea00; font-size: 0.1rem; }
}
@media screen and (max-width: 919px) {
.chk {width: 0.3rem; height: 0.3rem;}
.chk01 { color: #ffea00; font-size: 0.3rem; }
}




.ev4-title { width: 939px; height: 81px; background: url(../images/ev4title.png) no-repeat top center; position: absolute; top:70px; left:135px; }

.ev5-title { width: 939px; height: 81px; background: url(../images/ev5title.png) no-repeat top center; position: absolute; top:110px; left:135px; }


.ev1-txt1 { width: 356px; height: 26px; background: url(../images/ev1titlesub.png) no-repeat top center; position: absolute; top:515px; left:425px; }

.ev1-txt2 { position: absolute; top:1487px; left:380px; font-size: 19px; line-height: 30px; display: inline; color: #6fd9f9; text-align: center; font-weight: bolder;}

.ev2-txt { position: absolute; top:1170px; left:420px; font-size: 19px; line-height: 30px; display: inline; color: #1c479b; text-align: center; font-weight: bolder;}

.ev3-txt1 { width: 992px; height: 1054px; background: url(../images/story-txt-pc.png) no-repeat top center; position: absolute; top:220px; left:90px; }

.ev3-txt2 { position: absolute; top:1015px; left:389px; font-size: 19px; line-height: 30px; display: inline; color: #9da5cb; text-align: center; font-weight: bolder;}


.ev1-button { width: 396px; height: 153px; background:  url(../images/ev1button.png) no-repeat top center; position: absolute; top:583px; left:400px;}

.ev2-button { width: 323px; height: 130px; background:  url(../images/ev2button.png) no-repeat top center; position: absolute; top:710px; left:642px;}

.ev3-button { width: 320px; height: 84px; background:  url(../images/ev3button.png) no-repeat top center; position: absolute; top:610px; left:450px;}







.store { height: 60px; position: relative; width: 100%; background: #17253f; text-align: center; padding-bottom: 80px; padding-top: 38px; margin-top: -10px; border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
.store a { width:100%; max-width:193px;}
.store a img { width:100%; max-width:193px;}
@media screen and (max-width:919px){
.store { padding-bottom: 1rem; padding-top: 0.5rem;  }
.store a img { width:35%; max-width:none;}
}




.ev3-man2 { width: 428px; height: 823px; background: url(../images/story-man.png) no-repeat top center; position: absolute; top:43px; left:1100px; }



.listad { width: 50%; margin-left:3%; display: inline-block;}
.listad img { max-width:481px; width:100%; }

.info-pc { margin-left:3%; margin-top: 4%; display: inline-block;}

.btnlink1 { width: 31%; position: absolute; top:41.5%; left:32.8%; z-index: 10;}
.btnlink1 img { max-width:193px; width:100%; }

.btnlink2 { width: 32%; position: absolute; top:54.6%; left:31.3%; z-index: 10;}
.btnlink2 img { max-width:388px; width:100%; }


.ct-pc{ width: 100%; display:block; }
.ct-pc img { max-width:1200px; width: 100%;}

.ct-sp{ width: 100%; display: none;}
.ct-sp img { max-width:1200px; width:100%; }



.system{ width:90%; max-width:729px; position: absolute; top:250px; left:250px; text-align:center; margin-bottom: -8px; }
.system img{ text-align:center; width:100%; max-width:729px; }

.slide_selector{ max-width:400px; margin:0 auto; text-align:center;  }
.slide_selector .arrow{ width:32px; display:inline-block;}

.ss{ text-align:center; font-size: 300%; font-weight: bolder; padding-bottom: 2%; }
.ss img {border: solid 2px #8e6730;}

.ss span { width:600px; height: 30px; color: #ffffff; top:50%; margin-top: 200px;
text-shadow:1px 2px 0 #386fad, -2px -2px 0 #386fad,
              -2px 2px 0 #386fad, 2px -2px 0 #386fad,
              0px 2px 0 #386fad,  0-2px 0 #386fad,
              -2px 0 0 #386fad, 2px 0 0 #386fad,
		1px 1px 10px #000000;
}



.ss b { width:600px; height: 30px; color: #ffffff; top:50%; margin-top: 200px;
text-shadow:1px 2px 0 #386fad, -2px -2px 0 #386fad,
              -2px 2px 0 #386fad, 2px -2px 0 #386fad,
              0px 2px 0 #386fad,  0-2px 0 #386fad,
              -2px 0 0 #386fad, 2px 0 0 #386fad,
		1px 1px 10px #000000;
}


@media screen and (min-width: 919px) {
.ss b{ position: absolute; top:50%; margin-top: 190px; margin-left: 60px;}
.ss span{ display: none;}
}

@media screen and (max-width: 919px) {
.ss{ font-size: 150%; padding-bottom: 1%;}
.ss b{ display: none;}
}



.eventpop1,.eventpop2,.eventpop3,.eventpop4,.eventpop5 { border: 2px solid #97826f; display:none; vertical-align:middle; position:relative; z-index:999; box-sizing:border-box; max-width:1200px; width:100%; background-color: antiquewhite; }

.evtt { width:100%; text-align:center; margin: 0 auto; margin-bottom: -0.5%;}
.evtt img{ width:100%; } 
















.footer{ width:100%; padding-top:30px; padding-bottom:20px; clear:both; background: #000; }

.footer_wrap{ overflow: hidden; *zoom: 1; max-width:1200px; height: 100px; margin: 0 auto; padding-left:2%; padding-right:2%; background: url(../images/cr-pc.png) no-repeat top center;}




.footer_left{ float: left; width: 660px; margin-right: 0%; margin-left: 0%; /*background-color:#2DD8AB;*/ }

.footer_right{ float: right; width: 310px; margin-top: 2%; margin-right: 0%; margin-left: 0%; /*background-color:#13A664; */}


.footer_logo{ display: block;  width:508px; /*background-color:#D5686A;*/ display:inline-block;}
.footer_logo img{ width: 100%;}

.footer_txt{ width: 710px; line-height: 14px; font-size: 70%; margin-top: 1%; margin-right: 0%; margin-left: 0%; color: #fff; display:inline-block; display:block; /*background-color:#D5686A;*/ }

.footer_txt_sp{ line-height: 20px; font-size: 70%; margin-top: 1%; margin-right: 2%; margin-left: 2%; color: #fff;display:inline-block; width:50%; display:none;}


.footer_icon{ display: block; width: 46px; float: left; margin-right: 1%;}
.footer_icon img{ width: 100%;}

.footer_warning{ width: 240px; line-height: 14px; font-size: 80%;  margin-top: 2%; margin-right: 1%; margin-left: 1%; color: #fff; float: left; display:block;  /*background-color:#D5686A; */}

.footer_warning_sp{ line-height: 14px; font-size: 70%; margin-right: 2%; margin-left: 2%; color: #fff; display:inline-block; width:50%; display:none;}






.gggtop { display: none; width:50px; height:50px; position:fixed; right:0; z-index:100; cursor:pointer; background-image:url(../images/btn_top1.png); background-repeat:no-repeat; background-position:center; z-index:999;}
/*.gggtop:hover {background-image:url(../images/btn_top2.png);}*/



@media screen and (min-width:919px) {
	
body:before { background: url("../images/bg_pc.jpg") bottom center/cover no-repeat fixed; }
	
.download-icon { position: absolute; left: 200px; top: 10px; z-index: 11; background: url("../images/download-txt.png") no-repeat center 47px; height: 70px; }
.download-icon a { display: inline-block; width: 107px }
.download-icon a img { width: 100%; height: auto }
	
.gggtop { bottom:15%;}
	
}




@media screen and (max-width: 919px) {

	
.ct-sp{ display:block; width:94%; margin:10% auto 10% auto;}
.ct-pc{ display: none;}
	
/*.slogan { display: none; }*/
.info { display: none; }
.man { display: none; }

.main_visual{ background:none; }
.pcimg{ display:none; }
.spimg{ display:block; position:relative; /*z-index: 1;*/}
	
.logobb { top:0px;}

	
.btnlink1 { width: 50%; position: absolute; top:32.5%; left:36%;}
.btnlink1 img { max-width:469px; width:100%; }

.btnlink2 { width: 85%; position: absolute; top:47.5%; left:10%;}
.btnlink2 img { max-width:806px; width:100%; }
	
.content{ width:100%; margin:-20% auto 0 auto; }

	

	
	
.userBox { width:5rem; font-size: .15rem; line-height: .2rem; margin:0 auto; position: absolute; top: 4.4rem; left: 1.3rem;}	
	
.userBox2 { width:5rem; font-size: .15rem; line-height: .2rem; margin:0 auto; position: absolute; top: 3.5rem; left: 2.2rem;}	
	
.userBox3 { width:5rem; font-size: .15rem; line-height: .2rem; margin:0 auto; position: absolute; top: 4rem; left: 2.2rem;}	
	
/*.btn_logout{ display: block; text-align:center; margin:0 20%; padding: 5px 5px; font-size: .15rem;}*/

.btn_logout{ font-size: .22rem; color:#c1c1c1; padding: 5px 30px;
	text-decoration: none; font-weight:bold; display: block; text-align:center; margin:0 30%;}
	
	
.linkBox {  width:20rem; font-size: .15rem; line-height: .2rem; margin:0 auto;
position: absolute; top: 5.4rem; left: 0.2rem; /*text-align: center;*/}	

.inviteBox{  margin-right:10px; margin-left:5px; display: inline-block; font-size:200%; font-weight: bolder;  }

.urlzone { width:3.5rem;  padding: 4px 5px; border: 2px solid #8f98ca; background-color: #fff; font-size:90%; color: #c5c5c5; margin-top: 0.1rem; margin-bottom:0.1rem; }
	
/*.btn_copy{ font-size: .3rem; color:#c1c1c1; 
	text-decoration: none; font-weight:bold; display: block; text-align:center; margin:0 30%;}*/	
/*.btn_copy{ font-size:150%; color:#c1c1c1; padding: 5px 30px; border: 1px solid #2b2b2e;
	text-decoration: none; font-weight:bold; display:inline-block;}	*/
	
	
.ev1-man1,.ev1-man2,.ev3-man1,.ev3-man2 { display: none; }	
/*.ev1-man1 { width: 5.53rem; height: 7.94rem; background-size: 5.53rem 7.94rem; position: absolute; left:50%; margin-left: -6rem; top: 17rem; }

.ev1-man2 { width: 6.49rem; height: 7.93rem; background-size: 6.49rem 7.93rem; position: absolute; left:50%; margin-left: 1rem; top: 17rem;}*/

	
.reservation-leftbox { display:block; width: 97%; max-width:97%; min-width: 97%; position: absolute; top: 4rem; left: 0.1rem; z-index: 10;}
	
.reservation-rightbox { /*position: static;*/ width: 97%; height: 490px; position: absolute; top: 37.5rem; left: 0.1rem; z-index: 10; text-align: center; }
.reservation-rightbox .fb-box { /*overflow: auto;*/overflow-y:hidden; overflow-x:auto; margin-top: -60px; margin-bottom: 0px; }
	
.reservation-bottombox { display:block; width: 97%; max-width:97%; min-width: 97%; position: absolute; top: 3rem; left: 0.1rem; z-index: 10;}	
	
.reservation-txt1 { width: 7rem; height: 6.6rem; background: url(../images/reservation-txt1sp.png) no-repeat top center; background-size: 7rem 6.6rem; margin-left: 0.05rem; margin-top: 0.2rem;}
	
.reservation-txtlink { display:block;  width: 2.8rem; height: 2.8rem; background: url(../images/link.png) no-repeat; background-size: 2.8rem 2.8rem; margin: 0.3rem auto 0rem 2.2rem;}
	
.reservation-txtlor { display:block;  width: 1rem; height: 1rem; background: url(../images/text-or.png) no-repeat; background-size: 1rem 1rem; margin: 0rem auto 0rem 3rem;}

.reservation-txt2 { width: 6rem; height: 35rem; background: url(../images/reservation-txt2sp.png) no-repeat top center; background-size: 6rem 35rem; margin-left: 0.55rem; margin-top: 0.2rem;}

.reservation-txt3 { width: 7rem; height: 4.7rem; background: url(../images/reservation-txt3sp.png) no-repeat top center; background-size: 7rem 4.7rem; margin-left: 0.05rem; margin-top: 0.5rem;}
	
.reservation-txt4 { width: 6rem; height: 11rem; background: url(../images/reservation-txt4sp.png) no-repeat top center; background-size: 6rem 11rem; margin-left: 0.5rem; margin-top: 0.3rem;}
	
.reservation-txt5 { width: 6rem; height: 21rem; background: url(../images/reservation-txt5sp.png) no-repeat top center; background-size: 6rem 21rem; margin-left: 0.2rem; margin-top: 0.7rem; }
	
.reservation-txt6 { width: 6.8rem; height: 3.5rem; background: url(../images/reservation-txt6sp.png) no-repeat top center; background-size: 6.8rem 3.5rem; margin-left: 0.2rem; margin-top: 0.7rem; }
	
.reservation-txt7 { width: 6.8rem; height: 17rem; background: url(../images/reservation-txt7sp.png) no-repeat top center; background-size: 6.8rem 17rem; margin-left: 0.2rem; margin-top: 0.7rem; }

.reservation-qrcode { width: 6.05rem; height: 1.84rem; background-size: 6.05rem 1.84rem;}
	

	

	
.reservation-man1 { display: none; }
.reservation-man2 { display: none; }
.reservation-man3 { display: none; }	
.reservation-title1 { width: 3rem; height: 0.5rem; background-size: 3rem 0.5rem; top: 3.4rem; left:0.15rem; }	
.reservation-title2 { width: 6.5rem; height: 0.5rem; background-size: 6.5rem 0.5rem; top: 3rem; left:0.5rem; }	

	
.rfr-line { width: 100%;/*width: 7.26rem; height: 0.75rem;*/ position: absolute; top: 5.5rem; left:0rem; /*background: url("../images/rfr-linesp.png") no-repeat top center; background-size: 7.26rem 0.75rem;*/}	
	


.rfr-ball01 { top: 5.85rem; left: 1.1rem; }
.rfr-ball02 { top: 5.85rem; left: 2.3rem; }
.rfr-ball03 { top: 5.85rem; left: 3.45rem; }
.rfr-ball04 { top: 5.85rem; left: 4.65rem; }
.rfr-ball05 { top: 5.85rem; left: 5.8rem; }

.rfr-ball01 img,.rfr-ball02 img,.rfr-ball03 img,.rfr-ball04 img,.rfr-ball05 img { width: 0.63rem; height: 0.63rem;  }
	
	
.rfr-reward { width:100%; top: 2.9rem; left: 0rem; text-align: center; }
.rfr-reward li { display: inline-block; width:6rem; height: auto; margin: 0.2rem 0; }
	

.rfr-reward {width:100%; text-align:center; }
.rfr-reward img { max-width:6rem; width:100%; } 


/*.rfr-man1,.rfr-man2 { display: none;  }*/
.rfr-man1 { /*width: 4.08rem; height: 4.55rem; background-size: 4.08rem 4.55rem; position: absolute; top:8.7rem; left: 4rem;*/ display: none;}
.rfr-man2 { /*width: 4.03rem; height: 4.11rem; background-size: 4.03rem 4.11rem; position: absolute; top:8.7rem; left: 0rem;*/ display: none;}
	
	

.content4{ width:100%; height: 15rem; background: url(../images/bg4sp.jpg) no-repeat top center; overflow: hidden; margin-top: 0; background-size: 7.68rem 15rem;}
	
.content5{ width:100%; height: 15rem; background: url(../images/bg5sp.jpg) no-repeat top center; overflow: hidden; margin-top: 0; background-size: 7.68rem 15rem; }


.ctbox1,.ctbox2,.ctbox3,.ctbox4,.ctbox5 { width:100%; margin:0 auto; }

	

	

	
	
	
.ev1-txt1 { width: 3.56rem; height: 0.26rem; background-size: 3.56rem 0.26rem; position: absolute; top: 3.7rem; left: 2rem;}

.ev1-txt2 { top: 15.7rem; left: 1.3rem; font-size: .20rem; line-height: .3rem; }

.ev2-txt { top: 11.7rem; left: 1.7rem; font-size: .20rem; line-height: .3rem; }
	
.ev3-txt1 { position: absolute; top: 2.5rem; left: 0.2rem; width: 7.1rem; height: 9.6rem; background: url(../images/story-txt-sp.png) no-repeat top center; overflow: hidden; margin-top: 0px; background-size: 7.1rem 9.6rem;}	

.ev3-txt2 { top: 9.3rem; left: 1.6rem; font-size: .20rem; line-height: .3rem; }
	
	
.ev1-button { width: 3.96rem; height: 1.53rem; background-size: 3.96rem 1.53rem; position: absolute; top: 4.4rem; left: 1.8rem;}
	
.ev2-button { width: 3.23rem; height: 1.30rem; background-size: 3.23rem 1.30rem; position: absolute; top: 3.5rem; left: 3.9rem;}

.ev3-button { width: 3.2rem; height: 0.84rem; background-size: 3.2rem 0.84rem; position: absolute; top: 4rem; left: 3.3rem;}	
	
	
	
	

	
.ev1-title2 { width: 5.51rem; height: 1.35rem; background-size: 5.51rem 1.35rem; position: absolute; top: 9.2rem; left: 1.05rem;}
	


	
.content_{ height: 16.92rem;
	background-size: 20rem 16.92rem; }

/*.spbg{ background: url(../images/bg_sp.jpg) no-repeat top center; }*/
	
.ctbox { position:relative; margin-bottom: 2%;}

.ev1titlesub { width: 100%; margin-left:3%; display: inline-block;}
.ev1titlesub img { max-width:356px; width:50%; }
	
.listad { width: 100%; margin-left:3%;}
.listad img { max-width:962px; width:94.5%; }

.info-pc{ display: none;}


.rule li { font-size: 110%; line-height: .34rem; }

	
	
	
.system{ position: absolute; top: 2.3rem; left: 0.35rem;}	
	

.eventpop1,.eventpop2,.eventpop3,.eventpop4,.eventpop5,.recruitzone { width:100%;}	
	
.evtt { width:100%; text-align:center; margin: 0 auto; margin-bottom: -1.5%;}
.evtt img{ width:100%; } 	
	
	
	

		

	
	
	
	
.footer{ width:100%; padding-top:0px; padding-bottom:0px; }

.footer_wrap { width: 7.5rem; height: 1.7rem; background: url(../images/cr-sp.png) no-repeat top center; background-size: 7.5rem 1.7rem;}
	
.footer_left{ float: none; display:inline-block; width: 100%; margin-right: 0%; margin-left: 0%; }

.footer_right{ float: none; display:inline-block; width: 100%; margin-top: 2%; margin-right: 0%; margin-left: 0%;}	
	
.footer_logo{ text-align:center;  width: 100%;}
.footer_logo img{ max-width:508px; width:100%;}
.footer_icon{ text-align:center; width: 100%;}
.footer_icon img{ width: 46px;}
.footer_txt{ display:none;}
.footer_txt_sp{ display:block; width:100%; margin-right: 1%; margin-left: 1%; text-align:left; margin-bottom:1%;}
.footer_warning{ display:none;}
.footer_warning_sp{ display:block; width:100%; margin-right: 1%; margin-left: 1%; text-align:center; margin-bottom:1%;}

.gggtop {opacity: 0.8; bottom:0%; right:0%;}		

}


.dim,.popup { display: none; }

.dim {  position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; z-index: 150; }

.popup_close { position: absolute; }

.popup { position: fixed; left: 50%; top: 50%; background-color: #ffffff; z-index: 200;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup-video { width: 60%; padding-bottom: 40%; background-color: #000; margin-top: 1%; }
.popup-video > .video-wrap { position: absolute; display: block; width: 100%; height: 100%; }
.popup-video > .video-wrap > .video { display: block; width: 100%; height: 100%; margin-top: 0% ;}

@media screen and (max-width: 919px) {
.popup-video { width: 95%; padding-bottom: 50%; }
}

@media screen and (max-width: 919px) and (orientation: portrait) {
.popup-video { width: 95%; padding-bottom: 50%; }
}

@media screen and (max-width: 919px) and (orientation: landscape) {
.popup-video { width: 71%; padding-bottom: 40%; }
}


.close-3 { right: -76px; top: 0; width: 66px; height: 66px; background: url("../images/btn_close3.png") no-repeat center center #000000; }
@media screen and (max-width: 919px) {
.close-3 { width: 1.0625rem; height: 1.0625rem; background-size: 50%; }
}
@media screen and (max-width: 919px) and (orientation: portrait) {
.close-3 { right: 0; top: -1.375rem;  }
}
@media screen and (max-width: 919px) and (orientation: landscape) {
.close-3 { right: -2.375rem; top: 0; }
}