/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body,html{margin:0;height:100%}
body{height:100%;width:100%;margin:0;padding:0}
body{font-size:100%;line-height:1.5;font-family:Arial,"Noto Sans TC","LiHei Pro",Gotham,"Helvetica Neue",Helvetica,sans-serif;color:#393939;position:relative;background:#e2e7eb url(../images/bg.png) no-repeat center top;}
a:focus{outline:0}
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#fff}
img{border:0 none;line-height:0;display:block}
form{margin:0;padding:0}
ol,ol li,ul,ul li{margin:0;padding:0;list-style-type:none}
dd,dl,dt{margin:0;padding:0}
dl{height:1%}
button{border:0 none;cursor:pointer;padding:0;margin:0;background:0 0}
.clearfix:after,.clearfix:before{content:"";display:table;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
h1,h2,h3,h6,p{margin:0;padding:0}
/*----------------------------------------------*/
.Wrapper{width:950px;margin:auto;position:relative;background:url(../images/bg2.png) no-repeat center top}
.Wrapper2{width:950px;margin:auto;position:relative}
.Header .kv{background:url(../images/950.png) no-repeat center top;height: 828px;position: relative;z-index: 2;}
.Desc{display: block;}
.Mobile{display: none;}
.BankList li:nth-child(1){margin-top: -140px;}
.ButtonBar{margin:2% 0 5%;}
.BtnGo{display: block;width: 489px; height: 100px; background: url(../images/BtnGo.png) no-repeat;margin: auto;text-indent: -9999px;position: relative;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.BtnGo:hover {-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);}
.FlyMenu{position: fixed;left: 50%;top: 10%;margin-left: 470px; z-index: 3;}
.FlyMenu a{display: block;width: 108px; height: 140px; background: url(../images/flymenu.png) no-repeat;margin: auto;text-indent: -9999px;}
.FlyMenu a:hover {-webkit-animation: rubberBand 1s both;-moz-animation: rubberBand 1s both;-ms-animation: rubberBand 1s both;-o-animation: rubberBand 1s both;animation: rubberBand 1s both;}
.Doll{display: block;width: 410px; height: 430px; background: url(../images/dollfive.png) no-repeat;margin: auto;text-indent: -9999px;background-size: 100%;position: absolute;right: 50%;margin-right: -520px;top: 200px;}
.uptodown-play { -webkit-animation:uptodown-play 1.8s ease-in-out infinite alternate;animation:uptodown-play 1.8s ease-in-out infinite alternate;}
.Block {padding: 3% 0; line-height: 1.7}
.field , .txt{font-weight:bold;font-size:20px;line-height:32px;}
.field{width:0px;height:0px;}
.field > h2{font-size:18px;margin:0px;padding:0px;width:90px;}
.txt{padding-left:90px;}
.txt_block{background-color:#f2f2f2;border-radius:10px;font-size:15px;line-height:24px;margin:12px 0px ;padding:24px 0px 12px 0px;}
.txt_block_title{background-color:#f1d7d3;border-radius:0px 24px 24px 0px;display:inline-block;font-weight:bold;font-size:20px;line-height:1;padding:12px 24px;text-align:center;}
.txt_block ul{list-style-type:none;margin:0px;padding:0px;}
.txt_block ul>li{background-image:url(../images/lightbox_mark.png);background-position:left top;background-repeat:no-repeat;margin:12px;padding:0px 12px;}
.txt_block ul>li.Imp{background-image:none; position: relative;}
.txt_block ul>li.Imp:before{content: "★";position: absolute; color: #f00;left: -5px;}
.rule_notice_title {color: #270188;font-size: 25px;line-height: 48px;text-align: center;}
.lightbox_content ol {font-size: 15px;line-height: 24px;text-align: left;margin: 0px 32px;padding: 0px;list-style-type: disc;}
.lightbox_content ol li{list-style: decimal;}
.ActivityBlock h3{background:url(../images/TitleActivity.png)no-repeat center center; width: 275px; height: 45px;  background-size: 100%;text-indent: -9999px;margin:0 auto 3%;}
.Red{color: #f00}
.Banner{padding: 2%;}
@-webkit-keyframes uptodown-play {
	0%   { -webkit-transform: translate(0,-30px); }
	100% { -webkit-transform: translate(0,10);}
}
@keyframes uptodown-play {
	0%   { transform: translate(0,-30px);}
	100% { transform: translate(0,0);}
}
@-webkit-keyframes rubberBand {
	from,20%,53%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
	}
	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);
	}
	90% {-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}
}
@keyframes rubberBand {
	from,20%,53%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
	}
	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);
	}
	90% {-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}
}

@media screen and (max-width:1200px){
	/*.FlyMenu{bottom: 1%;}*/
}
@media screen and (max-width:950px){
	.Wrapper{width: 100%;}
	.Wrapper2{width: 100%;}
	.Doll{width: 40vmin;margin-right: -49vmin;height: 40vmin;top: 46vmin;}
	img{width: 100%; height: auto;}
}
/*----------------------------------------------*/

@media screen and (max-width:608px){
	.Block {padding: 3%}
	.Desc{display: none;}
	.Mobile{display: block;}
	.BtnGo{width: 100%;background-size: 100%;}
	.ButtonBar {position: fixed;bottom: 0;margin: 0;width: 100%;height: 0;padding-bottom: 20%; z-index: 10;}
	.ButtonBar a{ background-color: #220089;}
	.Doll{width: 50vmin;margin-right: -26vmin;height: 54vmin;top: inherit;bottom: -6vmin;}
	body{background: #e2e7eb 0 none;}
	.Header .kv{height: 0;background-size: 150%;padding-bottom: 130%;}
	.BankList li:nth-child(1){margin-top: -14vmin;}
	.Header{overflow:hidden;}
	.ActivityBlock h3{ width: 160px; height: 45px;}
	.field , .txt{font-size:18px;line-height:24px;}
	.txt {font-weight: normal;font-size: 15px;}
	.rule_notice_title {font-size: 22px;line-height: 36px;}
	.txt_block_title{text-align:left;line-height: 1.2;}

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

}