body {
	width: 640px;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	margin: 0px;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url('../_img/bg/bg-color.jpg');
}

#info {
	position: fixed;
	left: 5%;
	top: 10px;
	padding: 50px;
	width: 90%;
	align: center;
	font-size: 30px;
	font-family: sans-serif;
	background-color: rgba(0,0,0,0.5);
	color: white;
	-webkit-box-sizing: border-box;
	word-break: break-all;
	z-index: 100;
	height: auto;
}

#orientation_cover {
	position: absolute;
	width: 640px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 200px 228px;
	background-image: url('../_img/orientationchange.png');
	background-color: rgba(0,0,0,0.8);
	z-index: 5000;
	visibility: hidden;
}

/*@media (orientation:portrait) {#orientation_cover {visibility: hidden; } }
@media (orientation:landscape) {#orientation_cover {visibility: visible; } }*/

@media screen and (min-aspect-ratio: 13/9) {#orientation_cover {visibility: visible; } }
@media screen and (max-aspect-ratio: 13/9) {#orientation_cover {visibility: hidden; } }

#music {
	position: fixed;
	right: 45px;
	top: 43px;
	width: 50px;
	height: 51px;
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 37px 103px;
	background-image: url('../_img/music.png');
	overflow: hidden;
	z-index: 1000;
}

#logo {
	position: fixed;
	left: 20px;
	top: 25px;
	width: 134px;
	height: 91px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/suntory-logo.png');
}

.btn {
	position: absolute;
	margin: auto;
	margin-bottom: 50px;
	top: 925px;
	width: 240px;
	height: 55px;
	border-radius: 7px;
	background-color: rgba(165,85,15,0.4);	
}

.btn-obj {
	position: absolute;
	top: -7px;
	width: 233px;
	height: 54px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}



#container {
	position: absolute;
	bottom: 0px;
	width: 640px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

#arrow {
	position: absolute;
	margin: auto;
	margin-top: -120px;
	left: 0;
	right: 0;
	top: 100%;
	width: 95px;
	height: 120px;
	opacity: 0;
	z-index: 10;
}

#arrow-obj {
	width: 95px;
	height: 120px;
	background-repeat: no-repeat;
	background-size: 95px 60px;
	background-image: url('../_img/arrow.png');
	background-position: 0px 40px;
}


@-webkit-keyframes arrow-transform {
	from{background-position: 0px 40px; }
	to{background-position: 0px 00px; }
}

.module-section {
	position: absolute;
	width: 640px;
	height: 100%;
	visibility: hidden;
	overflow: hidden;
	display: none;
}

#bg-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 640px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/bg/bg-color.jpg');
	overflow: hidden;
}

#bg-home {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/home/home-bg-color.jpg');
}

#bg-pattern {
	position: absolute;
	width: 640px;
	height: 100%;
	opacity: 0.4;
	background-repeat: repeat;
	background-image: url('../_img/bg/bg-pattern.png');
}

.lightSpd-0 {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/bg/bg-light-spd-0.png');
}

.lightSpd-1 {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/bg/bg-light-spd-1.png');
}

#bg-element {
	position: absolute;
	width: 100%;
	height: 100%;
	
	-webkit-animation: bg-element-shake 0.1s infinite;
}

@-webkit-keyframes bg-element-shake {
	from{
		margin-left: -1px;
		margin-top: 2px;
		/*margin-top: random(3)+px;*/
		/*-webkit-transform: rotate(10deg);*/
	}
	to{
		margin-left: 1px;
		margin-top: -2px;
		/*-webkit-transform: rotate(0deg);*/
	}
}

#bg-lightSpd-0 {
	left: 20%;
	top: -50px;
	width: 92px;
	height: 256px;
	opacity: 0.4;
	-webkit-transform: rotate(165deg);
}

#bg-lightSpd-1 {
	left: 80%;
	top: -140px;
	width: 117px;
	height: 328px;
	opacity: 0.5;
	-webkit-transform: rotate(200deg);
}

#bg-lightSpd-2 {
	margin-left: -120px;
	left: 100%;
	top: 20%;
	width: 93px;
	height: 250px;
	opacity: 0.5;
	-webkit-transform: rotate(-125deg);
}

#bg-lightSpd-3 {
	margin-left: -75px;
	left: 100%;
	top: 60%;
	width: 93px;
	height: 250px;
	opacity: 0.4;
	-webkit-transform: rotate(-60deg);
}

#bg-lightSpd-4 {
	margin-left: -75px;
	margin-top: -145px;  
	left: 100%;
	top: 100%;
	width: 93px;
	height: 250px;
	opacity: 0.3;
	-webkit-transform: rotate(-35deg);
}

#bg-lightSpd-5 {
	top: 62%;
	width: 87px;
	height: 234px;
	opacity: 0.4;
}


#bg-stone {
	position: absolute;
	width: 100%;
	height: 100%;
}

.bg-stone {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#bg-stone-0 {
	left: -10px;
	top: 35%;
	width: 82px;
	height: 84px;
	opacity: 0.6;
	background-image: url('../_img/bg/bg-stone-0.png');
}

#bg-stone-1 {
	left: 65%;
	top: 37%;
	width: 75px;
	height: 90px;
	background-image: url('../_img/bg/bg-stone-1.png');
}

#bg-stone-2 {
	left: 30%;
	top: 65%;
	width: 92px;
	height: 100px;
	opacity: 0.6;
	background-image: url('../_img/bg/bg-stone-2.png');
}

.bg-line {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/bg/bg-line.png');
}

#bg-line-0 {
	left: 10%;
	top: 73%;
	width: 322px;
	height: 25px;
	-webkit-transform: rotate(15deg);
}

#bg-line-1 {
	left: 23%;
	top: 78%;
	width: 207px;
	height: 17px;
}

#bg-line-2 {
	left: 60%;
	top: 50%;
	width: 356px;
	height: 30px;
	opacity: 0.3;
	-webkit-transform: rotate(70deg);
}
























#loading-title {
	position: absolute;
	left: 50%;
	top: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#loading-progress {
	position: absolute;
	margin-left: -238px;
	left: 50%;
	top: 50%;
	width: 476px;
	height: 50px;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.5);
	background-color: rgba(255,255,255,0.5);
	overflow: hidden;
	-webkit-box-sizing: border-box;
}

#progress-int {
	position: absolute;
	margin: auto;
	top: 10px;
	left: 0;
	right: 0;
	width: 90px;
	height: 28px;
}

#int-percent {
	position: absolute;
	left: 68px;
	width: 26px;
	height: 27px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/loading/percent.png');
}

.progress-int {
	position: absolute;
	width: 21px;
	height: 28px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 21px 274px;
	background-image: url('../_img/loading/int.png');
}

#int-hundred {
	left: 0px;
	background-position: 0px 30px;
}

#int-tens {
	left: 21px;
}

#int-digits {
	left: 44px;
}

#progress-bar {
	position: relative;
	width: 0%;
	height: 100%;
	border-radius: 10px;
	background-color: #feb62c;
	background-repeat: repeat-x;
	background-image: url('../_img/loading/loading-progress-line.png');
	-webkit-animation: progre-bar 3s linear infinite;
}


@-webkit-keyframes progre-bar {
	from{background-position: 0px 0px; }
	to{background-position: 152px 0px; }
}

#progress-shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: inset -2px -2px 6px rgba(0,0,0,0.4);
}

#progress-glow {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: inset 3px 3px 10px rgba(255,255,255,0.8);
}



































#section-home {
	z-index: 5;
}

#home-bg-right {
	position: absolute;
	margin-top: -570px;
	top: 0%;
	right: 0;
	width: 377px;
	height: 564px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/home/bg-right.png');
}

@-webkit-keyframes bg-right-in {
	from{
		margin-top: -420px;
		opacity: 0;
	}
	to{
		margin-top: 190px;
		opacity: 1;
	}
}

@-webkit-keyframes bg-right-out {
	from{
		margin-top: 190px;
		opacity: 1;
	}
	to{
		margin-top: -420px;
		opacity: 0;
	}
}

#home-bg-left {
	position: absolute;
	margin-left: -90px;
	margin-top: -680px;
	left: 0;
	top: 0%;
	width: 514px;
	height: 677px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/home/bg-left.png');
}

@-webkit-keyframes bg-left-in {
	from{
		margin-top: -550px;
		opacity: 0;
	}
	to{
		margin-top: 220px;
		opacity: 1;
	}
}

@-webkit-keyframes bg-left-out {
	from{
		margin-top: 220px;
		opacity: 1;
	}
	to{
		margin-top: -677px;
		opacity: 0;
	}
}

#home-bg-bottom {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 300px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/home/bg-bottom.png');
}

#home-people {
	position: absolute;
	bottom: 0px;
	width: 640px;
	height: 532px;
	right: -600px;
	bottom: -100px;
}

@-webkit-keyframes people-in {
	from{
		right: -600px;
		bottom: -100px;
	}
	to{
		right: -5px;
		bottom: -5px;
	}
}

#people-main {
	position: absolute;
	width: 640px;
	height: 532px;
	background-image: url('../_img/home/people.png');
}

/*#people-shadow {
	position: absolute;
	left: 65px;
	top: 15px;
	width: 559px;
	height: 520px;
	opacity: 0.35;
	background-size: 100% 100%;
	background-image: url('../_img/home/people-shadow.png');
}

@-webkit-keyframes people-shadow-in {
	from{left: 65px; top: 15px; }
	to{left: 110px; top: 10px; }
}

p {
	-webkit-margin-before: 0px; -moz-margin-before: 0px; -o-margin-before: 0px; margin-before: 0px;
    -webkit-margin-after: 0px; -moz-margin-after: 0px; -o-margin-after: 0px; margin-after: 0px;
    -webkit-margin-start: 0px; -moz-margin-start: 0px; -o-margin-start: 0px; margin-start: 0px;
    -webkit-margin-end: 0px; -moz-margin-end: 0px; -o-margin-end: 0px; margin-end: 0px;
}*/

#home-title-up {
	position: absolute;
	top: 100px;
	/*top: -200px;*/
	left: 5px;
	width: 365px;
	height: 164px;
	/*border: 5px solid blue;
	-webkit-box-sizing: border-box;*/
}

#home-title-down {
	position: absolute;
	top: 165px;
	/*top: -200px;*/
	left: 30px;
	width: 670px;
	height: 177px;
	/*border: 5px solid blue;
	-webkit-box-sizing: border-box;*/
}

.title-txt {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
}

#title-up-0 {
	/*left: 0px;
	top: -317px;
	width: 164px;
	height: 103px;*/
	left: 120px;
	top: 143px;
	width: 80px;
	height: 50px;
	background-image: url('../_img/home/title-up-0.png');
	/*-webkit-animation: up-one 1s cubic-bezier(0.75, 0.18, 0.32, 0.88) infinite;*/
}

@-webkit-keyframes up-0 {
	from{top: -317px; }
	to{top: 83px; }
}

#title-up-1 {
	/*left: 35px;
	top: -347px;
	width: 184px;
	height: 112px;*/
	left: 155px;
	top: 113px;
	width: 92px;
	height: 56px;
	background-image: url('../_img/home/title-up-1.png');
}

@-webkit-keyframes up-1 {
	from{top: -347px; }
	to{top: 53px; }
}

#title-up-2 {
	/*left: 100px;
	top: -373px;*/
	width: 191px;
	height: 136px;
	left: 200px;
	top: 67px;
	background-image: url('../_img/home/title-up-2.png');
}

@-webkit-keyframes up-2 {
	from{top: -373px; }
	to{top: 27px; }
}

#title-up-3 {
	/*left: 163px;
	top: -412px;*/
	width: 235px;
	height: 161px;
	left: 263px;
	top: 32px;
	background-image: url('../_img/home/title-up-3.png');
}

@-webkit-keyframes up-3 {
	from{top: -412px; }
	to{top: -12px; }
}

#title-down-0 {
	/*left: 0px;
	top: -310px;*/
	left: 100px;
	top: 140px;
	width: 184px;
	height: 83px;
	background-image: url('../_img/home/title-down-0.png');	
}

@-webkit-keyframes down-0 {
	from{top: -310px; }
	to{top: 90px; }
}

#title-down-1 {
	/*left: 52px;
	top: -320px;*/
	left: 152px;
	top: 100px;
	width: 207px;
	height: 91px;
	background-image: url('../_img/home/title-down-1.png');	
}

@-webkit-keyframes down-1 {
	from{top: -320px; }
	to{top: 80px; }
}

#title-down-2 {
	/*left: 110px;
	top: -340px;*/
	left: 210px;
	top: 80px;
	width: 233px;
	height: 110px;
	background-image: url('../_img/home/title-down-2.png');	
}

@-webkit-keyframes down-2 {
	from{top: -340px; }
	to{top: 60px; }
}

#title-down-3 {
	/*left: 187px;
	top: -364px;*/
	left: 287px;
	top: 56px;
	width: 260px;
	height: 134px;
	background-image: url('../_img/home/title-down-3.png');	
}

@-webkit-keyframes down-3 {
	from{top: -364px; }
	to{top: 36px; }
}

#title-down-4 {
	/*left: 290px;
	top: -387px;
	width: 282px;
	height: 154px;*/
	/*left: 500px;*/
	/*top: 100px;*/
	left: -400px;
	top: -400px;
	width: 1128px;
	height: 616px;
	background-image: url('../_img/home/title-down-4.png');	
}

@-webkit-keyframes down-4 {
	from{top: -387px; }
	to{top: 13px; }
}

#title-down-5 {
	/*left: 420px;
	top: -408px;
	width: 252px;
	height: 176px;*/
	/*left: 630px;
	top: 100px;*/
	left: -500px;
	top: -600px;
	width: 1008px;
	height: 604px;
	/*width: 50px;
	height: 35px;*/
	background-image: url('../_img/home/title-down-5.png');	
}

@-webkit-keyframes down-5 {
	from{top: -408px; }
	to{top: -8px; }
}

#home-light {
	position: absolute;
	width: 100%;
	height: 500px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url('../_img/home/light-spd.png');
	/*-webkit-animation: light-flash 0.1s infinite;*/
}


/*@-webkit-keyframes light-flash {
	from{
		background-position: 3px 2px; 
	}
	to{
		background-position: 0px 0px; 
	}
}*/



















#section-arrangement {
	visibility: hidden;
	display: none;
	overflow-x: hidden; 
	overflow-y: scroll;
}

.arrangement-title {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#arrangement-title-0 {
	/*top: 65px;*/
	top: 200px;
	width: 254px;
	height: 45px;
	opacity: 0;
	background-image: url('../_img/arrangement/arrangement-title-0.png');
}

#arrangement-title-1 {
	/*top: 125px;*/
	top: 260px;
	width: 423px;
	height: 53px;
	opacity: 0;
	background-image: url('../_img/arrangement/arrangement-title-1.png');
}

#arrangement-container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*-webkit-box-sizing: border-box;
	border: 5px solid red;*/
}

.arrangement-icon {
	position: absolute;
	left: 260px;
	width: 33px;
	height: 33px;
	opacity: 0;
	/*left: 51px;
	width: 133px;
	height: 133px;*/
}

.icon-obj {
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block;
	overflow: visible;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#icon-0 {
	/*top: -4px;*/
	overflow: visible;
	top: 264px;
	z-index: 10;
}

#icon-obj-0 {
	background-image: url('../_img/arrangement/icon-0.png');
}

#icon-1 {
	/*top: 174px;*/
	top: 434px;
	
}

#icon-obj-1 {
	background-image: url('../_img/arrangement/icon-1.png');
}

#icon-2 {
	/*top: 352px;*/
	top: 612px;
}

#icon-obj-2 {
	background-image: url('../_img/arrangement/icon-2.png');
}

#icon-3 {
	/*top: 529px;*/
	top: 789px;
}

#icon-obj-3 {
	background-image: url('../_img/arrangement/icon-3.png');
}

.icon-back {
	position: absolute;
	left: 254px;
	/*left: 57px;*/
	width: 139px;
	height: 139px;
	opacity: 0;
	border-radius: 50%;
	background-color: #c58739;
}

#icon-back-0 {
	top: 210px;
}

#icon-back-1 {
	top: 388px;
}

#icon-back-2 {
	top: 566px;
}

#icon-back-3 {
	top: 744px;
}

.arrangement-icon-frame {
	position: absolute;
	left: 240px;
	width: 137px;
	height: 137px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/arrangement/icon-frame.png');
}

#icon-frame-0 {
	top: 210px;
}

#icon-frame-1 {
	top: 388px;
}

#icon-frame-2 {
	top: 566px;
}

#icon-frame-3 {
	top: 744px;
}



.frame-number {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

#frame-number-0 {
	background-image: url('../_img/arrangement/icon-number-0.png');
}

#frame-number-1 {
	background-image: url('../_img/arrangement/icon-number-1.png');
}

#frame-number-2 {
	background-image: url('../_img/arrangement/icon-number-2.png');
}

#frame-number-3 {
	background-image: url('../_img/arrangement/icon-number-3.png');
}

.icon-txt {
	position: absolute;
	left: 85px;
	width: 31px;
	height: 91px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#icon-txt-0 {
	top: 230px;
	background-image: url('../_img/arrangement/icon-txt-0.png');
}

#icon-txt-1 {
	top: 408px;
	background-image: url('../_img/arrangement/icon-txt-1.png');
}

#icon-txt-2 {
	top: 586px;
	background-image: url('../_img/arrangement/icon-txt-2.png');
}

#icon-txt-3 {
	top: 764px;
	background-image: url('../_img/arrangement/icon-txt-3.png');
}

#btn-complete {

	position: absolute;
	margin-left: -80px;
	margin-bottom: 50px;
	left: 50%;
	top: 925px;
	width: 161px;
	height: 59px;
	/*opacity: 0.6;*/
	opacity: 0;
	/*visibility: hidden;*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/arrangement/btn-complete.png');
}

@-webkit-keyframes btn-arr-complete {
	from{margin-top: -18px; }
	to{margin-top: 0px; }
}

#arrangement-txt {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 935px;
	width: 468px;
	height: 38px;
	opacity: 0;
	background-image: url('../_img/arrangement/arrangement-txt.png');
}

#demo-back {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
}

#demo-finger {
	position: absolute;
	left: 700px;
	top: 240px;
	width: 78px;
	height: 97px;
	background-repeat: no-repeat;
	background-image: url('../_img/arrangement/demo-finger.png');
	z-index: 15;
}

#demo-go {
	position: absolute;
	margin-left: -1220px;
	left: 50%;
	top: -195px;
	/*top: 395px;*/
	/*width: 244px;
	height: 100px;*/
	width: 2440px;
	height: 1000px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/arrangement/demo-go.png');
	opacity: 0;
	z-index: 20;
}































#section-open {
	/*visibility: hidden;
	display: none;*/
	/*border: 5px solid red;
	-webkit-box-sizing: border-box;*/
}

#open-txt-container {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 500px;
	height: 425px;
	
	/*border: 5px solid blue;
	-webkit-box-sizing: border-box;*/
}

.open-txt {
	position: absolute;
	left: 50%;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#open-txt-0 {
	/*top: 500px;
	width: 221px;
	height: 55px;*/
	margin-left: -1970px;
	left: 50%;
	top: 50px;
	width: 3940px;
	height: 730px;
	/*-webkit-filter: blur(10px);
	-moz-filter   : blur(10px);
	-o-filter     : blur(10px);
	-ms-filter    : blur(10px);
	filter        : blur(10px);*/

	background-image: url('../_img/open/open-txt-0.png');
}

#open-txt-1 {
	/*top: 572px;
	width: 392px;
	height: 73px;*/

	margin-left: -1960px;
	left: 50%;
	top: 50px;
	width: 3920px;
	height: 730px;
	/*-webkit-filter: blur(10px);
	-moz-filter   : blur(10px);
	-o-filter     : blur(10px);
	-ms-filter    : blur(10px);
	filter        : blur(10px);*/

	background-image: url('../_img/open/open-txt-1.png');
}

#open-txt-2 {
	margin-left: -220px;
	top: 240px;
	width: 441px;
	height: 55px;
	background-image: url('../_img/open/open-txt-2.png');
}

#open-txt-3 {
	margin-left: -2220px;
	left: 50%;
	top: -50px;
	width: 4440px;
	height: 740px;
	/*-webkit-filter: blur(10px);
	-moz-filter   : blur(10px);
	-o-filter     : blur(10px);
	-ms-filter    : blur(10px);
	filter        : blur(10px);*/
	background-image: url('../_img/open/open-txt-3.png');
}

#open-txt-4 {
	/*top: 788px;*/
	margin-left: -193px;
	top: 420px;
	width: 387px;
	height: 55px;
	background-image: url('../_img/open/open-txt-4.png');
}



























#section-shake {
	visibility: hidden;
	display: none;
	overflow-y: visible;
	/*border: 5px solid red;
	-webkit-box-sizing: border-box;*/
}

.shake-title {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#shake-title-0 {
	/*top: 130px;*/
	top: 330px;
	width: 379px;
	height: 74px;
	background-image: url('../_img/shake/shake-title-0.png');
}

#shake-title-1 {
	/*top: 215px;*/
	top: 415px;
	width: 416px;
	height: 73px;
	background-image: url('../_img/shake/shake-title-1.png');
}

#shake-hand {
	position: absolute;
	left: 135%;
	top: 90%;
	width: 5px;
	height: 5px;
	/*background-color: red;*/
	z-index: 100;
	-webkit-transform: rotate(150deg);
}

#hand-obj-clear {
	position: absolute;
	left: -549px;
	top: -640px;
	width: 549px;
	height: 640px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/shake/shake-hand-clear.png');	
}

#hand-obj-blur {
	position: absolute;
	left: -549px;
	top: -640px;
	width: 549px;
	height: 640px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/shake/shake-hand-blur.png');
}

#shake-txt {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	/*top: 90%;*/
	top: 100%;
	width: 386px;
	height: 81px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/shake/shake-txt.png');
}


#acc {
	position: fixed;
	left: 50px;
	top: 50px;
	width: auto;
	height: auto;
	line-height: 100px;
	font-size: 100px;
	font-family: sans-serif;
}


















#user-info {
	
	position: absolute;
	margin-left: -143px;
	left: 50%;
	top: 63px;
	width: 286px;
	height: 87px;
	opacity: 0;
	visibility: hidden;
	background-image: url('../_img/user/user-frame.png');
}

#user-head {
	position: absolute;
	left: -4px;
	top: -7px;
	width: 87px;
	height: 87px;
	border-radius: 50%;
	background-position: center;
	background-size: 100% auto;
	background-color: white;
}

#user-txt {
	position: absolute;
	left: 85px;
	top: 10px;
	width: 165px;
	height: 48px;

	color: black;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 2px;
	font-family: sans-serif;
	text-align: center;
	overflow: hidden;
	/*border: 2px solid white;*/
}






















#smoke-container {
	position: fixed;
	opacity: 0.5;
	overflow: hidden;
	/*border: 5px solid red;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}

#smoke-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/smoke/smoke-cover.png');
}

.smoke {
	position: absolute;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#smoke-r {
	/*left: 50%;
	top: 50%;*/
	left: 10%;
	top: 60%;
	width: 399px;
	height: 190px;
	background-image: url('../_img/smoke/smoke-r.png');
}

#smoke-t {
	/*left: 40%;
	top: 10%;*/
	left: 15%;
	top: 30%;
	width: 214px;
	height: 471px;
	background-image: url('../_img/smoke/smoke-t.png');
}

#smoke-lt {
	/*left: -10%;
	top: 35%;*/
	left: 10%;
	top: 50%;
	width: 213px;
	height: 361px;
	background-image: url('../_img/smoke/smoke-lt.png');
}

#smoke-lb {
	/*left: -10%;
	top: 70%;*/
	left: 25%;
	top: 30%;
	width: 251px;
	height: 300px;
	background-image: url('../_img/smoke/smoke-lb.png');
}

#smoke-b {
	/*left: 15%;
	top: 45%;*/
	left: -20%;
	top: 20%;
	width: 546px;
	height: 599px;
	background-image: url('../_img/smoke/smoke-b0.png');
}

#smoke-bb {
	/*left: 35%;
	top: 45%;*/
	left: 15%;
	top: 10%;
	width: 493px;
	height: 468px;
	background-image: url('../_img/smoke/smoke-b1.png');
}

#smoke-stone-0 {
	position: absolute;
	/*left: 90px;
	top: 180px;*/
	left: 170px;
	top: 350px;
	width: 82px;
	height: 84px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/bg/bg-stone-0.png');
	-webkit-transform: rotate(20deg);
}

#smoke-stone-1 {
	position: absolute;
	/*left: 500px;
	top: 150px;*/
	left: 350px;
	top: 300px;
	width: 82px;
	height: 84px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/bg/bg-stone-0.png');
	-webkit-transform: rotate(75deg);
}




















.main-content {
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


.main-title {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-left: -1835px;
	margin-top: -800px;
	top: 50%;
	left: 50%;
	width: 3670px;
	height: 2540px;
}

.main-title-bar {
	position: absolute;
	/*left: 225px;
	top: 370px;*/
	left: 265px;
	top: 420px;
	width: 357px;
	height: 27px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/main/main-title-bar.png');
	-webkit-transform: rotate(-19deg);
}

#section-main-0 {
	visibility: hidden;
	display: none;
	opacity: 0;
}

#main-title-0 {
	background-image: url('../_img/main/main-title-0.png');
}

#main-people-0 {
	position: absolute;
	left: 0px;
	top: 400px;
	/*top: 475px;*/
	width: 373px;
	height: 575px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/main/main-people-0.png');
}

#main-content-0 {
	position: absolute;
	left: 380px;
	/*top: 375px;*/
	top: 450px;
	width: 218px;
	height: 509px;
	opacity: 0;
	background-image: url('../_img/main/main-content-0.png');
}














#section-main-1 {
	visibility: hidden;
	display: none;
	opacity: 0;
}

#main-title-1 {
	background-image: url('../_img/main/main-title-1.png');
}

#main-people-1 {
	position: absolute;
	left: 30px;
	top: 400px;
	/*top: 475px;*/
	width: 353px;
	height: 563px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/main/main-people-1.png');
}

#main-content-1 {
	position: absolute;
	left: 380px;
	/*top: 375px;*/
	top: 450px;
	width: 221px;
	height: 509px;
	opacity: 0;
	background-image: url('../_img/main/main-content-1.png');
}









#section-main-2 {
	visibility: hidden;
	display: none;
	opacity: 0;
}

#main-title-2 {
	background-image: url('../_img/main/main-title-2.png');
}

#main-people-2 {
	position: absolute;
	left: 30px;
	top: 400px;
	/*top: 475px;*/
	width: 292px;
	height: 533px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/main/main-people-2.png');
}

#main-content-2 {
	position: absolute;
	left: 380px;
	/*top: 375px;*/
	top: 450px;
	width: 223px;
	height: 441px;
	opacity: 0;
	background-image: url('../_img/main/main-content-2.png');
}








#section-main-3 {
	visibility: hidden;
	display: none;
	opacity: 0;
}

#main-title-3 {
	background-image: url('../_img/main/main-title-3.png');
}

#main-people-3 {
	position: absolute;
	left: 0px;
	top: 400px;
	/*top: 475px;*/
	width: 381px;
	height: 489px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/main/main-people-3.png');
}

#main-content-3 {
	position: absolute;
	left: 380px;
	/*top: 375px;*/
	top: 450px;
	width: 203px;
	height: 577px;
	opacity: 0;
	background-image: url('../_img/main/main-content-3.png');
}




























#lottery-intro {
	overflow-x: hidden;
	overflow-y: scroll;
	/*background-color: rgba(0,0,0,0.9);
	z-index: 200;
	border: 5px solid red;
	box-sizing: border-box;*/
}

#intro-back {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	/*top: 140px;*/
	top: 250px;
	width: 600px;
	height: 645px;
	border-radius: 20px;
	opacity: 0;
	background-color: rgba(255,255,255,0.3);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;	
}

.intro-content {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#intro-title {
	top: 26px;
	/*top: 38px;*/
	width: 500px;
	height: 80px;
	/*opacity: 0;*/
	/*width: 347px;
	height: 56px;*/
	background-image: url('../_img/lottery/intro/intro-title.png');
}

#intro-content {
	left: 27px;
	top: 115px;
	width: 480px;
	/*height: 453px;*/
	height: auto;
	

	/*opacity: 1;*/
	/*border: 5px solid red;*/
	overflow: hidden;
	line-height: 50px;
	letter-spacing: 7px;
	font-size: 32px;
	font-weight: bold;
	font-family: helvetica, sans-serif;
	text-align: center;
	z-index: 200;


	/*background-size: 410px 453px;
	background-image: url('../_img/lottery/intro/intro-content.png');*/
}

#intro-txt {
	top: 820px;
	width: 536px;
	height: 76px;
	background-image: url('../_img/lottery/intro/intro-txt.png');
}

#intro-btn {
	top: 930px;
	width: 240px;
	height: 55px;
	border-radius: 7px;
	background-color: rgba(165,85,15,0.4);
	z-index: 100;
}

#intro-btn-obj {
	position: absolute;
	margin-bottom: 50px;
	top: -7px;
	width: 233px;
	height: 54px;
	background-image: url('../_img/lottery/intro/intro-btn.png');
}

@-webkit-keyframes btn-lottery-intro {
	from{margin-top: -18px; }
	to{margin-top: 0px; }
}














#lottery-win {
	overflow-x: hidden;
	overflow-y: scroll;
}

#win-title {
	position: absolute;
	margin-left: -895px;
	left: 50%;
	top: 100px;
	width: 1790px;
	height: 850px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/lottery/win/win-title.png');
}

#win-txt {
	position: absolute;
	margin-left: -282px;
	left: 50%;
	/*top: 260px;*/
	top: 360px;
	width: 563px;
	height: 89px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/lottery/win/win-txt.png');
}

#win-hand {
	position: absolute;
	right: -15%;
	top: 95%;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(100deg);
	
}

#win-hand-obj {
	position: absolute;
	left: -516px;
	top: -580px;
	width: 516px;
	height: 580px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/lottery/win/win-hand.png');
	/*-webkit-transform: rotate(165deg);*/
}

#win-btn {
	margin: auto;
	left: 0;
	right: 0;
}

#win-btn-obj {
	background-image: url('../_img/lottery/win/win-btn.png');
}

#win-smoke {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 750px;
}

.win-smoke {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
}

#win-smoke-rt {
	/*left: 50%;
	top: 20%;*/
	left: 30%;
	top: 40%;
	width: 345px;
	height: 260px;
	background-image: url('../_img/lottery/win/win-smoke-rt.png');
}

#win-smoke-lt {
	/*left: 0%;
	top: 0%;*/
	left: 20%;
	top: 20%;
	width: 320px;
	height: 407px;
	background-image: url('../_img/lottery/win/win-smoke-lt.png');
}

#win-smoke-rb {
	/*left: 40%;
	top: 50%;*/
	left: 20%;
	top: 30%;
	width: 488px;
	height: 469px;
	background-image: url('../_img/lottery/win/win-smoke-rb.png');
}

#win-smoke-lb {
	/*left: -15%;
	top: 45%;*/
	left: 5%;
	top: 25%;
	width: 526px;
	height: 394px;

	background-image: url('../_img/lottery/win/win-smoke-lb.png');
}















#lottery-lose {
	overflow-x: hidden;
	overflow-y: scroll;
	/*border: 5px solid red;
	-webkit-box-sizing: border-box;*/
}

#lose-hand {
	position: absolute;
	top: 80%;
	right: -30%;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(80deg);
}

#lose-hand-obj{
	position: absolute;
	left: -570px;
	top: -474px;
	width: 570px;
	height: 474px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/lottery/lose/lose-hand.png');
}

#hand-line {
	position: absolute;
	left: 254px;
	top: 257px;
	width: 50px;
	height: 54px;
	background-repeat: no-repeat;
	background-image: url('../_img/lottery/lose/lose-hand-line.png');
}

#hand-shake {
	position: absolute;
	left: -40px;
	top: -10px;
	width: 447px;
	height: 447px;
	/*opacity: 0;*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/lottery/lose/lose-shake.png');
}

#lose-title {
	position: absolute;
	margin-left: -2220px;
	left: 50%;
	top: 100px;
	width: 4440px;
	height: 1260px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/lottery/lose/lose-title.png');
}

#lose-txt {
	position: absolute;
	margin-left: -102px;
	left: 50%;
	top: 915px;
	width: 204px;
	height: 68px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/lottery/lose/lose-txt.png');
}

.lose-btn {
	position: absolute;
	margin: auto;
	/*left: 0;*/
	/*right: 0;*/
	top: 925px;
	width: 240px;
	height: 55px;
	border-radius: 7px;
	opacity: 0;
	background-color: rgba(165,85,15,0.4);
	
}

.lose-btn-obj {
	position: absolute;
	top: -7px;
	width: 233px;
	height: 54px;
}

#lose-btn-again {
	left: 63px;
}

#lose-btn-share {
	right: 63px;
}

#lose-btn-again-obj {
	background-image: url('../_img/lottery/lose/lose-btn-again.png');
}

#lose-btn-share-obj {
	background-image: url('../_img/lottery/lose/lose-btn-share.png');
}













#lottery-info {
	/*border: 5px solid red;
	-webkit-box-sizing: border-box;*/
	/*z-index: 500;*/
	/*background-color: rgba(0,0,0,0.9);*/
} 

#info-list-container {
	position: absolute;
	margin-left: -285px;
	left: 50%;
	top: 390px;
	width: 570px;
	height: 560px;
	opacity: 0;
}

#info-title {
	position: absolute;
	margin-left: -185px;
	top: 300px;
	left: 50%;
	width: 370px;
	height: 53px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/lottery/info/info-title.png');
}

.info-icon {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#info-icon-0 {
	top: -5px;
	width: 142px;
	height: 113px;
	background-image: url('../_img/lottery/info/info-icon-0.png');
}

#info-icon-1 {
	top: 362px;
	width: 135px;
	height: 108px;
	background-image: url('../_img/lottery/info/info-icon-1.png');
}

#info-icon-2 {
	top: 490px;
	width: 124px;
	height: 90px;
	background-image: url('../_img/lottery/info/info-icon-2.png');
}

#info-address-container {
	position: absolute;
	width: 467px;
	height: auto;
}

.info-input {
	position: absolute;
	height: 65px;
	border: 2px dashed #c87b2e;
	-webkit-box-sizing: border-box;

	font-family: sans-serif;
	font-size: 32px;
	color: #c87b2e;
	background-color: rgba(255,255,255,0.7);
}

#info-list-container select {
	text-align: left;
	text-indent: 20px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url('../_img/lottery/info/info-arrow.png');
}

/*select { 
	padding: 0 35px 0 20px;
}*/


.info-short {
	width: 140px;
}

.info-long {
	left: 105px;
	width: 466px;  
	text-indent: 20px;
	text-align: left;
}

#selProvince {
	left: 105px;
}

#selCity {
	left: 105px;
	top: 86px;
}

#selDistrict {
	left: 105px;
	top: 171px;
}

::-webkit-input-placeholder {
	color: #c87b2e;
}

#info-address {
	top: 252px;
}

#info-phone {
	top: 373px;
}

#info-name {
	top: 493px;
}

.info-btn-obj {
	/*position: absolute;
	top: -7px;
	width: 233px;
	height: 54px;*/
}

.info-btn {
	/*position: absolute;
	margin: auto;
	top: 925px;
	width: 240px;
	height: 55px;
	border-radius: 7px;
	background-color: rgba(165,85,15,0.4);	*/
}

#info-btn-back {
	left: 63px;
}

#info-btn-submit {
	right: 63px;
}

#info-btn-back-obj {
	background-image: url('../_img/lottery/info/info-btn-back.png');
}

#info-btn-submit-obj {
	background-image: url('../_img/lottery/info/info-btn-submit.png');
}

#info-btn-back {
	opacity: 0;
	top: 885px;
}

#info-btn-submit {
	opacity: 0;
	top: 885px;
}













#lottery-confirm {
	overflow-x: hidden;
	overflow-y: scroll;
	opacity: 0;
	/*background-color: black;*/
}

#confirm-title {
	position: absolute;
	margin-left: -238px;
	left: 50%;
	top: 165px;
	width: 476px;
	height: 53px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/lottery/confirm/confirm-title.png');
}

#confirm-list-container {
	position: absolute;
	margin-left: -253px;
	left: 50%;
	top: 268px;
	width: 506px;
	height: 450px;
	border: 2px dashed #c87b2e;

	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

	font-family: sans-serif;
	font-size: 30px;
	color: #c87b2e;
	background-color: rgba(255,255,255,0.7);
	/*text-align: center;*/
}

#confirm-list-container hr {
	float: left;
	margin-top: -3px;
	margin-bottom: 0px;
	margin-left: 5%;
	width: 90%;
	height: 1px;
	border-top: 2px dashed #c87b2e;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/* confirm list fixed */
.confirm-list {
	width: 100%;
	height: 150px;
	margin: 0px;
}


.confirm-icon {
	float: left;
	width: 170px;
	height: 149px;
	background-color: #fbe2ab;
	background-repeat: no-repeat;
}

.confirm-list p{
	/*position: absolute;*/
	float: right;
	margin-right: 50px;
	margin-top: 14px;
	margin-bottom: 0px;
	right: 50px;
	width: 230px;
	height: 120px; 
	line-height: 120px;
	overflow: hidden;
	/*line-height: 40px;*/
	/*overflow-y: auto;*/
	text-align: center;
}

#address {
	font-size: 1.6rem;
	line-height: 2.6rem;
	margin-right: 25px;
	padding-right: 25px; 
	overflow-y: scroll;
}



/* confirm list fit */
/*.confirm-list {
	float: left;
	width: 100%;
	height: auto;
	margin-top: -1px;
	min-height: 150px;

	
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
    align-items:-webkit-center;
    align-items:-ms-center;
    align-items:center;
    justify-content:center;

}

.confirm-icon {
	float: left;
	top: 0;
	width: 170px;
	margin: 0px;
	min-height: 150px;
	height: 100%;
	border: 100% solid #fbe2ab;
	background-color: #fbe2ab;
	background-repeat: no-repeat;
}

.confirm-list p {
	width: 340px;
	height: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 35px;
	padding-right: 35px;
	line-height: 45px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	word-wrap:break-word;


#phone {
	width: 340px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	padding-right: 35px;
	height: 150px;
	line-height: 150px;
	overflow: hidden;
}

#name {
	width: 340px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	padding-right: 35px;
	height: 150px;
	line-height: 150px;
	overflow: hidden;
	text-overflow: ellipsis; 
}
}*/

#confirm-icon-0 {
	background-position: 50px 35px;
	background-size: 143px 113px;
	background-image: url('../_img/lottery/info/info-icon-0.png');
}

#confirm-icon-1 {
	background-position: 53px 34px;
	background-size: 135px 108px;
	background-image: url('../_img/lottery/info/info-icon-1.png');	
}

#confirm-icon-2 {
	background-position: 52px 43px;
	background-size: 124px 90px;
	background-image: url('../_img/lottery/info/info-icon-2.png');	
}

#confirm-btn-edit {
	position: absolute;
	left: 63px;
	top: 800px;
	/*top: calc(100% + 70px);*/
}

#confirm-btn-confirm {
	position: absolute;
	right: 63px;
	top: 800px;
	/*top: calc(100% + 70px);*/
}

#confirm-btn-edit-obj {
	background-image: url('../_img/lottery/confirm/confirm-btn-edit.png');
}

#confirm-btn-confirm-obj {
	background-image: url('../_img/lottery/confirm/confirm-btn-confirm.png');
}
















#lottery-complete {
	overflow-x: hidden; 
	overflow-y: scroll;
}

#complete-title {
	position: absolute;
	margin-left: -255px;
	left: 50%;
	top: 180px;
	/*top: 280px;*/
	width: 511px;
	height: 165px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/lottery/complete/complete-title.png');
}

#complete-txt {
	position: absolute;
	margin-left: -182px;
	left: 50%;
	top: 847px;
	width: 365px;
	height: 33px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/lottery/complete/complete-txt.png');
}

#complete-product {
	position: absolute;
	margin-left: -170px;
	left: 50%;
	top: 470px;
	/*top: -200px;*/
	width: 341px;
	height: 604px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/lottery/complete/complete-product.png');
}

#complete-btn {
	margin: auto;
	left: 0;
	right: 0;
	opacity: 0;
}

#complete-btn-obj {
	background-image: url('../_img/lottery/complete/complete-btn-share.png');
}















#section-share-prompt {

	/*border: 5px solid red;
	-webkit-box-sizing: border-box;*/
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
} 

#prompt-title {
	position: absolute;
	margin-left: -267px;
	/*margin-top: -105px;*/
	margin-top: 105px;
	left: 50%;
	top: 50%;
	width: 535px;
	height: 210px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/share/prompt/prompt-title.png');
}

#prompt-hand {
	position: absolute;
	right: 35px;
	top: 20px;
	width: 91px;
	height: 97px;
	opacity: 0;
	background-repeat: no-repeat;
	background-image: url('../_img/share/prompt/prompt-hand.png');
	-webkit-transform: rotate(25deg);
	/*-webkit-animation: finger-transform 0.6s cubic-bezier(.67,.01,.39,1) infinite;*/
}


@-webkit-keyframes finger-transform {
	0%{right: 55px; top: 60px; }
	100%{right: 35px; top: 20px; }
}

#prompt-line {
	opacity: 0;
}

#line-0 {
	margin-left: -90px;
	/*margin-top: 200px;*/
	left: 0%;
	top: 35%;
	width: 211px;
	height: 16px;
	-webkit-transform: rotate(-80deg);
}

#line-1 {
	margin-left: -120px;
	margin-top: 0px;
	left: 0%;
	top: 35%;
	width: 405px;
	height: 31px;
	-webkit-transform: rotate(-67deg);
}

#line-2 {
	margin-left: -200px;
	margin-top: 200px;
	left: 50%;
	top: 50%;
	width: 387px;
	height: 29px;
	-webkit-transform: rotate(-13deg);
}

#line-3 {
	margin-left: -150px;
	margin-top: 310px;
	left: 50%;
	top: 50%;
	width: 282px;
	height: 21px;
	-webkit-transform: rotate(2deg);
}

.back-line {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/share/back-line.png');
}






























#section-share-success {
	position: absolute;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	text-align: center;
}

#success-content {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
}


#success-title {
	position: absolute;
	margin: auto;
	top: 144px;
	left: 0;
	right: 0;
	width: 472px;
	height: 106px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/share/success/success-title.png');
}

#success-qr {
	width: 640px;
	height: 660px;
	/*z-index: 2000;*/
}

#success-qr img {
	width: 640px;
	height: 660px;
}

#success-txt {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 100px;
	width: 519px;
	height: 92px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/share/success/success-txt.png');
	z-index: 10;
}

#success-line {
	opacity: 0;
	z-index: 0;
}

#line-4 {
	margin-top: -30px;
	left: -80px;
	top: 50%;
	width: 200px;
	height: 15px;
	-webkit-transform: rotate(-90deg);
}

#line-5 {
	margin-top: -30px;
	left: -120px;
	top: 50%;
	width: 382px;
	height: 29px;
	-webkit-transform: rotate(-78deg);
}

#line-6 {
	margin-left: -80px;
	margin-top: 230px;
	left: 50%;
	top: 50%;
	width: 353px;
	height: 26px;
	-webkit-transform: rotate(-20deg);
}

#line-7 {
	margin-left: -20px;
	margin-top: 280px;
	left: 50%;
	top: 50%;
	width: 241px;
	height: 17px;
	-webkit-transform: rotate(-10deg);
}

























#section-rule {
	position: fixed;
	z-index: 20000;
	opacity: 0;
	background-color: rgba(0,0,0,0.7);
}

#rule-close {
	position: absolute;
	right: 22px;
	top: 44px;
	width: 141px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/rule/rule-close.png');
	/*z-index: 200;*/
}

#rule-btn {
	position: absolute;
	right: 122px;
	top: 43px;
	width: 47px;
	height: 53px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/rule/rule-btn.png');
	opacity: 0;
	visibility: hidden;
	z-index: 100;
}

#rule-title {
	position: absolute;
	margin-left: -143px;
	left: 50%;
	top: 140px;
	width: 287px;
	height: 62px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/rule/rule-title.png');
}

#rule-container {
	position: absolute;
	left: 15px;
	top: 250px;
	width: 615px;
	/*height: calc(100% - 320px);*/
	height: 730px;
	overflow-x: hidden;
	overflow-y: auto;	
	z-index: 150;
}

#rule-container::-webkit-scrollbar {
    width: 15px;
}

#rule-container::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(255,255,255,0.2); 
}

#rule-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(255,255,255,1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

#rule-content {
	width: 586px;
	height: 2190px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('../_img/rule/rule-content.png');
	background-color: rgba(0,0,0,0);
}






















#section-share-invite {
	-webkit-box-sizing: border-box;	
}

.invite-title {
	margin-left: -190px;
	width: 389px;
	height: 86px;
}

.invite-content {
	position: absolute;
	left: 50%;
	top: 42%;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#invite-title-0 {
	/*margin-top: -130px;*/
	margin-top: -460px;
	background-image: url('../_img/share/invite/invite-title-0.png');
}

#invite-title-1 {
	/*margin-top: -17px;*/
	margin-top: -350px;
	background-image: url('../_img/share/invite/invite-title-1.png');
}

#invite-txt {
	margin-left: -190px;
	margin-top: 110px;
	width: 406px;
	height: 139px;
	background-image: url('../_img/share/invite/invite-txt.png');
}

#invite-btn {
	margin-left: -120px;
	margin-top: 300px;
	left: 50%;
	top: 43%;
	opacity: 0;
}

#invite-btn-obj {
	background-image: url('../_img/share/invite/invite-btn.png');
	
}

@-webkit-keyframes btn-aaa {
	from{margin-top: 282px; }
	to{margin-top: 300px; }
}