html, body {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-color: #000;
	-webkit-text-size-adjust: none; 
	font-family: "苹方-简", "Pingfang SC", "冬青黑体简体中文", "HiraginoSansGB", "黑体-简", "微软雅黑", "Avenir Next", "Droid Sans", Helvetica, Arial, sans-serif;;
}

body.loaded {
	background-image: url(asserts/bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	body {
		background-image: url(asserts/bg@2x.jpg);
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3),
only screen and (                min-resolution: 3dppx) {
	body {
		background-image: url(asserts/bg@3x.jpg);
	}
}

section.page {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0);
	opacity: 0;
	z-index: 0;
	/*overflow: hidden;*/
	display: none;
	overflow: hidden;
}
section.page.show {
	opacity: 1;
	z-index: 1;
	display: block;
	overflow: visible;
}

section img.img-width-100 {
	width: 100%;
	height: auto;
}

section.page > img[class|="page-bg"] {
	position: absolute;
	z-index: 0;
	top: 0;
	width: 100%;
	height: auto;
}
section.page .will-draw {
	opacity: 0;
}
section.page.draw .will-draw {
	opacity: 1;
}

@-webkit-keyframes bump {
	0% {-webkit-transform: translateY(0);}
	100% {-webkit-transform: translateY(8px);}
}
@keyframes bump {
	0% {transform: translateY(0);}
	100% {transform: translateY(8px);}
}
@-webkit-keyframes splash {
	0% {opacity: 0.5;}
	100% {opacity: 0.8;}
}
@keyframes splash {
	0% {opacity: 0.5;}
	100% {opacity: 0.8;}
}

a.btn-mute {
	position: fixed;
	z-index: 10;
	display: block;
	width: 28px;
	height: 28px;
	top: 10px;
	right: 10px;
	/*background-color: white;*/
	border-radius: 50%;
	border: 1px solid white;
	box-sizing: border-box;
	opacity: 0.8;
}
a.btn-mute:after {
	width: 1px;
	height: 27px;
	position: absolute;
	display: block;
	content: "";
	background-color: white;
	transform: rotate(-45deg);
	left: 12px;
	top: -1px;
	opacity: 0;
}
a.btn-mute.muted {
	opacity: 0.5;
}
a.btn-mute.muted:after {
	opacity: 1;
}
span.icon-music {
	position: absolute;
	display: block;
	width: 11px;
	height: 12px;
	border: 1.5px solid white;
	box-sizing: border-box;
	border-bottom: none;
	left: 9px;
	top: 5px;
	transform: skew(0, -10deg);
}
span.icon-music:before,
span.icon-music:after {
	display: block;
	content: "";
	background-color: white;
	width: 6px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	bottom: -3px;
}
span.icon-music:before {
	left: -6px;
}
span.icon-music:after {
	right: -1.5px;
}

a.btn-next {
	display: block;
	position: absolute;
	width: 24px;
	height: 36px;
	left: 50%;
	margin-left: -12px;
	bottom: 0;
	z-index: 10;
	background-color: transparent;
	-webkit-animation: bump 2s ease-in-out infinite alternate;
	animation: bump 2s ease-in-out infinite alternate;
	display: none;
}
a.btn-next .show {
	display: block;
}
.icon-arr-down {
	display: block;
	width: 15px;
	height: 1px;
	left: 10px;
	background-color: rgb(255,200,55);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.icon-arr-down:after {
	display: block;
	content: " "; 
	width: 1px;
	height: 15px;
	background-color: rgb(255,200,55);
	position: absolute;
	bottom: 0px;
	right: 0px;
}
a.btn-next .icon-arr-down {
	position: absolute;
	opacity: 0.5
}
a.btn-next .icon-arr-down:nth-child(1) {
	top: 10px;
	-webkit-animation: splash 1s 0.4s linear infinite alternate;
	animation: splash 1s 0.4s linear infinite alternate;
}
a.btn-next .icon-arr-down:nth-child(2) {
	top: 17px;
	-webkit-animation: splash 1s linear infinite alternate;
	animation: splash 1s linear infinite alternate;
}
a.btn-next .icon-arr-down:nth-child(3) {
	top: 19px;
	-webkit-animation: splash 1s 0.8s linear infinite alternate;
	animation: splash 1s 0.8s linear infinite alternate;
}

.txt-center-group p {
	margin: 22px 0;
	line-height: 22px;
	color: #FACD89;
	font-size: 14px;
	font-weight: 200;
	text-align: center;
}
@media only screen and (min-width: 375px) {
	.txt-center-group p {
		letter-spacing: .1em;
		margin: 22px 0;
	}
}

p.content-text {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	margin: 22px 0;
	color: #BD9F69;
	text-align: justify;
}

span.big {
	margin-top: 15px;
	font-size: 30px;
	color: white;
}

a.btn-more {
	font-size: 12px;
	font-weight: 700;
	color: white;
	width: 4em;
	margin-left: -2em;
	position: absolute;
	left: 50%;
	bottom: 0;
	text-decoration: none;
	border-bottom: 4px solid #FACD89;
	padding-bottom: 6px;
}

a.btn-close {
	display: block;
	width: 44px;
	height: 44px;
	position: relative;
	margin-left: -22px;
	left: 50%;
	bottom: 0;
	text-decoration: none;
	margin-top: 32px;
}
@media (min-width: 414px) {
	a.btn-close {
		margin-top: 48px;
	}
}
a.btn-close > .icon-close {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #FACD89;
	margin: 6px;
	opacity: .5;
	color: black;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
}

div.loading {
	position: fixed;
	z-index: 11;
	width: 100%;
	height: 100%;
	background-color: black;
}
div.loading > .loading-indicator {
	width: 8px;
	height: 8px;
	display: block;
	content: "";
	position: absolute;
	background-color: white;
	border-radius: 50%;
	opacity: .5;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -4px;
}
div.loading > .loading-indicator:nth-child(1)  {
	margin-left: -18px;
	-webkit-animation: splash 0.6s 0s linear infinite alternate;
	animation: splash 0.6s 0s linear infinite alternate;
}
div.loading > .loading-indicator:nth-child(2)  {
	-webkit-animation: splash 0.6s 0.2s linear infinite alternate;
	animation: splash 0.6s 0.2s linear infinite alternate;
}
div.loading > .loading-indicator:nth-child(3) {
	margin-left: 10px;
	-webkit-animation: splash 1s 0.4s linear infinite alternate;
	animation: splash 0.6s 0.4s linear infinite alternate;
}

#page-0 {
	background-color: black;
}
#page-0 > #svg-container {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
#page-0 .index-title {
	position: relative;
	margin-top: 25%;
	z-index: 2;
	opacity: 0;
	/*-webkit-transform: translateY(-20px);*/
	/*transform: translateY(-20px);*/
	/*-webkit-transition: opacity 4s, -webkit-transform 3s ease-out;*/
	/*transition: opacity 4s transform 2s ease-out;*/
}
#page-0 .index-title.show {
	/*-webkit-transform: translateY(0);*/
	/*transform: translateY(0);*/
	opacity: 1;
}
#page-0 .text-content {
	color: #bd9f69;
	font-size: 14px;
	line-height: 28px;
	margin: 0;
	text-align: right;
	position: absolute;
	width: 90%;
	bottom: 8%;
	letter-spacing: 0.7em;
	/*font-family: "Songti SC Light", serif;*/
	opacity: 0;
	z-index: 2;
	/*-webkit-transform: translateX(-40px);*/
	/*transform: translateX(-40px);*/
	/*-webkit-transition: opacity 4s, -webkit-transform 3s ease-out;*/
	/*transition: opacity 4s transform 2s ease-out;*/
}
#page-0 .text-content > p {
	margin: 0;
}
#page-0 .text-content.show {
	/*-webkit-transform: translateX(0);*/
	/*transform: translateX(0);*/
	opacity: 1
}

#page-1 {
	background-color: black;
}
#page-1 > .page-1-svg {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 10%;
	bottom: 10%;
	z-index: 1;
}
#page-1 > .container-outline {
	position: absolute;
	z-index: 2;
	/*border: 6px solid #9C7F55;*/
	/*box-sizing: border-box;*/
	left: 10%;
	right: 10%;
	top: 10%;
	bottom: 10%;
}
#page-1 > .container-outline > .txt-top {
	width: 100%;
	/*margin-top: 30px;*/
}
#page-1 > .container-outline > .txt-top p {
	margin: 0px 0;
	line-height: 22px;
	color: #C28C4E;
	font-size: 14px;
	font-weight: 400;
	opacity: 0;
	white-space: nowrap;
}
#page-1 > .container-outline > .txt-top p:before {
	background-color: #C28C4E
}
#page-1 > .container-outline > .txt-bottom {
	width: 100%;
	position: absolute;
	bottom: 0px;
}
#page-1 > .container-outline > .txt-bottom p {
	margin: 0px 0;
	line-height: 22px;
	color: #E5E5E5;
	font-size: 13px;
	font-weight: 400;
	/*letter-spacing: .3em;*/
	text-align: left;
	opacity: 0;
	white-space: nowrap;
}
#page-1 > .container-outline > .txt-bottom p:before {
	background-color: #E5E5E5;
}
#page-1 > .container-outline p:before {
	height: 4px;
	width: 26px;
	margin-bottom: 10px;
	opacity: .72;
	display: block;
	content: "";
}
#page-1 > .container-outline p:nth-child(2n) {
	margin-left: 50%;
}
#page-1 > .container-outline > .txt-bottom p:before {
	margin-bottom: 4px;
}
#page-1.draw .txt-top p,
#page-1.draw .txt-bottom p {
	opacity: 1
}

#page-2 {
	background-color: transparent;
}
#page-2 > .page-bg-2 {
	position: absolute;
	z-index: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("asserts/bg2.jpg");
	background-size: cover;
	background-position: 50% 50%;
}
#page-2 > .content {
	position: absolute;
	left: 15%;
	top: 8%;
	right: 15%;
	bottom: 5%;
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity 1s .5s, -webkit-transform 1s .5s ease-out;
	transition: opacity 1s .5s, transform 1s .5s ease-out;
}
@media (min-width: 375px) {
	#page-2 > .content {
		top: 10%;
		bottom: 5%;
	}
}
#page-2 > .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 1s, -webkit-transform 1s ease-in;
	transition: opacity 1s, transform 1s ease-in;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
#page-2 > .overlay > .content {
	padding: 10%;
	position: relative;
}
@media (min-width: 375px) {
	#page-2 > .overlay > .content {
		padding: 15%;
	}
}
#page-2 > .overlay > .content > h3 {
	color: #C28C4E;
	font-size: 20px;
}
#page-2.show-overlay > .content {
	opacity: 0;
	z-index: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 1s, -webkit-transform 1s ease-in;
	transition: opacity 1s, transform 1s ease-in;
}
#page-2.show-overlay > .overlay {
	opacity: 1;
	z-index: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: opacity 1s .5s, -webkit-transform 1s .5s ease-out;
	transition: opacity 1s .5s, transform 1s .5s ease-out;
}
#page-2 h3.p2-title {
	position: relative;
	color: #C28C4E;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0;
	opacity: 0;
	z-index: 1;
	margin: 20% 0;
}
#page-2 img.p2-img {
	position: relative;
	height: auto;
	z-index: 0;
}
#page-2 .txt-center-group {
	position: relative;
}
#page-2 .txt-center-group p {
	opacity: 0;
	color: #C28C4E;
}
@media (min-width: 375px) {
	#page-2 .txt-center-group {
		position: relative;
		margin-top: 24px;
	}
}
#page-2 a.btn-more {
	opacity: 0;
}
#page-2.draw h3.p2-title,
#page-2.draw h6.p2-title-en,
#page-2.draw .txt-center-group p,
#page-2.draw a.btn-more {
	opacity: 1
}


/* Page 3 */
#page-3 > .content {
	position: absolute;
	left: 23%;
	top: 8%;
	right: 23%;
	bottom: 5%;
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity 1s .5s, -webkit-transform 1s .5s ease-out;
	transition: opacity 1s .5s, transform 1s .5s ease-out;
}
@media (min-width: 375px) {
	#page-3 > .content {
		top: 10%;
		bottom: 5%;
	}
}
#page-3.show-overlay > .content {
	opacity: 0;
	z-index: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 1s, -webkit-transform 1s ease-in;
	transition: opacity 1s, transform 1s ease-in;
}
#page-3.show-overlay > .overlay {
	opacity: 1;
	z-index: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: opacity 1s .5s, -webkit-transform 1s .5s ease-out;
	transition: opacity 1s .5s, transform 1s .5s ease-out;
}
#page-3 h3.p3-title {
	position: relative;
	color: #C28C4E;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0;
	opacity: 0;
	z-index: 1;
	margin: 20% 0;
}
#page-3 h3.p3-title:before {
	width: 6px;
	height: 60px;
	background-color: #C28C4E;
	display: block;
	content: "";
	float: left;
	margin-right: 8px;
}
#page-3 > .content > p {
	padding-left: 14px;
	opacity: 0;
}
#page-3 a.btn-more {
	opacity: 0;
}
#page-3.draw h3.p2-title,
#page-3.draw .content p,
#page-3.draw a.btn-more {
	opacity: 1
}
#page-3 > .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 1s, -webkit-transform 1s ease-in;
	transition: opacity 1s, transform 1s ease-in;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
#page-3 > .overlay > .content {
	padding: 10%;
	position: relative;
}
@media (min-width: 375px) {
	#page-3 > .overlay > .content {
		padding: 15%;
	}
}
#page-3 > .overlay > .content > h3 {
	color: #C28C4E;
	font-size: 20px;
}
#page-3 > .overlay > .content > img.avatar {
	position: relative;
	left: 20%;
	width: 60%;
}
/* end page 3*/

/* Page 4 */
#page-4 h3.p4-title {
	position: relative;
	color: #C28C4E;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0;
	opacity: 0;
	z-index: 1;
}
#page-4 h3.p4-title:before {
	width: 6px;
	height: 60px;
	background-color: #C28C4E;
	display: block;
	content: "";
	float: left;
	margin-right: 8px;
}
#page-4 > .avatar2 {
	position: absolute;
	left: 10%;
	top: 5%;
	width: 58%;
	height: auto;
	opacity: 0;
}
#page-4 > .content {
	position: absolute;
	left: 27%;
	/*top: 45%;*/
	right: 8%;
	bottom: 5%;
	opacity: 1;
	z-index: 1;
}
#page-4 > .content p {
	opacity: 0;
}
#page-4.draw .h3.p4-title,
#page-4.draw .avatar2,
#page-4.draw .content p {
	opacity: 1;
}

#page-5 {
	color: #BD9F69;
}
#page-5 > div {
	margin: 0 10%;
}
#page-5 .header {
	margin-bottom: 20px;
}
#page-5 .p5-title {
	font-size: 15px;
	line-height: 1em;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 10px;
}
#page-5 .p5-title-en {
	font-size: 13px;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	display: block;
	font-family: "Avenir Next" serif;
}
#page-5 .p5-title-en span {
	margin: 0 10px;
	padding: 6px 20px;
	border-bottom: 2px solid #BD9F69;
}
#page-5 .sub {
	margin: 12px 0;
}
#page-5 .sub > .left {
	position: relative;
	left: 0;
	width: 50%;
	float: left;
	text-align: right;
}
#page-5 .sub > .right {
	left: 20px;
	position: relative;
}
#page-5 .sub > .left > p,
#page-5 .sub > .right > p {
	margin: 0;
	font-size: 12px;
	line-height: 16px;
}

#page-5 .list .item {
	margin: 8px 0;
	padding-left: 6px;
	border-left: 3px solid #BD9F69;
}
#page-5 .list .item p {
	margin: 7px 0;
	line-height: 1em;
	font-size: 12px;
}
#page-5 .list .item p:nth-child(2) {
	font-size: 10px;
	line-height: 1em;
}
#page-5 .sep {
	text-align: center;
	font-size: 14px;
	margin-top: 12px;
	position: relative;
}
#page-5 .sep:before,
#page-5 .sep:after {
	display: block;
	content: "";
	width: 28%;
	height: 2px;
	background-color: #BD9F69;
	position: absolute;
	top: 50%;
}
#page-5 .sep:after {
	right: 0;
}

@media (min-width: 375px) {
#page-5 .header {
	margin-bottom: 24px;
}
#page-5 .p5-title {
	font-size: 16px;
}
#page-5 .p5-title-en {
	font-size: 14px;
}
#page-5 .sub > .left > p,
#page-5 .sub > .right > p {
	margin: 0;
	font-size: 13px;
	line-height: 18px;
}
#page-5 .sep {
	margin-top: 16px;
	margin-bottom: 16px;
}
#page-5 .list .item {
	margin: 13px 0;
}
#page-5 .list .item p {
	margin: 8px 0;
	font-size: 14px;
}
#page-5 .list .item p:nth-child(2) {
	font-size: 12px;
}
}
@media (min-width: 414px) {
#page-5 .header {
	margin-top: 24px;
	margin-bottom: 28px;
}
#page-5 .sub {
	margin: 16px 0;
}
#page-5 .sep {
	margin-top: 24px;
	margin-bottom: 24px;
}
#page-5 .sub + .list {
	margin-top: 24px;
}
}
/* Page 5 end */

h3.left-title {
	position: relative;
	font-size: 20px;
	line-height: 28px;
	color: #C28C4E;
	border-left: 4px solid #C28C4E;
	padding-left: 8px;
	margin: 0;
	font-weight: 400;
}
h3.top-title {
	position: relative;
	font-size: 20px;
	line-height: 28px;
	color: #BD9F69;
	margin: 0;
	font-weight: 400;
}
h3.top-title:before {
	display: block;
	content: "";
	height: 4px;
	width: 56px;
	background-color: #BD9F69; 
	margin-bottom: 4px;
}

/* Page 6 */
#page-6 > h3.info-time {
	position: absolute;
	top: 5%;
	left: 10%;
}
#page-6 > h3.info-addr {
	position: absolute;
	top: 20%;
	left: 40%;
}
#page-6 > img.img-ks {
	position: absolute;
	left: 6%;
	width: 88%;
	top: 38%;
}
#page-6 > h3.info-holder {
	position: absolute;
	left: 10%;
	bottom: 25%;
}
#page-6 > h3.info-sponsor {
	position: absolute;
	bottom: 13%;
	left: 50%;
	margin-left: -2em;
}
#page-6 > img.img-spr {
	position: absolute;
	bottom: 5%;
	left: 15%;
	width: 70%;
}
/* end Page 6 */

/* Page 7 */
#page-7 .content {
	position: relative;
	left: 10%;
	top: 10%;
	width: 80%;
}
#page-7 .content h3 {
	margin-top: 36px;
	margin-bottom: 24px;
}
@media (min-width: 414px) {
#page-7 .content h3 {
	margin-top: 48px;
	margin-bottom: 32px;
}	
}
#page-7 .content p {
	margin-left: 12px;
}
/* end Page 7 */

/* Page 8 */
#page-8 > .content {
	position: absolute;
	top: 10%;
	bottom: 12%;
	left: 23%;
	width: 54%;
}
#page-8 > .content p {
	margin-top: 30px;
	margin-left: 10px;
	margin-right: -10px;
	position: absolute;
	bottom: 0;
}
@media (min-width: 375px) {
#page-8 > .content {
	top: 15%;
	bottom: 15%;
	left: 23%;
	width: 54%;
}
}
@media (min-width: 414px) {
#page-8 > .content {
	top: 18%;
	bottom: 15%;
	left: 23%;
	width: 54%;
}
}
/* end Page 8 */

img.img-width-50 {
	width: 50%;
}
h3.light {
	color: #BD9F69;
	border-color: #BD9F69
}

/* Page 9 */
#page-9 > .content {
	position: absolute;
	left: 10%;
	top: 4%;
	left: 10%;
	bottom: 4%;
	width: 80%;
}
#page-9 > .content > .group {
	width: 100%;
	position: relative;
	margin: 0;
	height: auto;
	/*display: flex;*/
	/*display: -webkit-flex;*/
}
#page-9 > .content > h3 {
	margin-bottom: 10px;
}
#page-9 > .content > .group:after {
	content: "";
	display: table;
	clear: both;
}
#page-9 > .content > .group img {
	/*flex: 1;*/
	float: left;
	height: auto;
}
#page-9 > .content > .group img:nth-child(even) {
	float: right;
}
#page-9 > .content .fl-50 {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 100%;
	color: #BD9F69;
	/*min-height: 10px;*/
	float: left;
	line-height: 100%;
	font-size: 12px;
	/*flex: 1;*/
}
#page-9 > .content .fl-50:nth-child(odd) {
	left: 0;
}
#page-9 > .content .fl-50 > span {
	display: block;
	height: 20px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
@media (min-width: 375px) {
#page-9 > .content {
	top: 5%;
	bottom: 5%;
}
#page-9 > .content > h3 {
	margin-bottom: 20px;
}
}
@media (min-width: 414px) {
#page-9 > .content > h3 {
	margin-bottom: 30px;
}
}
/* end Page 10 */

/* Page 10 */
#page-10 > .content {
	position: absolute;
	top: 15%;
	left: 20%;
	right: 20%;
	bottom: 20%;
	width: 60%;
}
#page-10 > .content > h3 {
	margin-bottom: 32px;
}
#page-10 > .content > ol > li {
	color: #BD9F69;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	margin: 2px 0;
	white-space: nowrap;
}
#page-10 > .content > ol > li > p {
	margin: 0.5em 0;
}
@media (min-width: 375px) {
#page-10 > .content {
	top: 18%;
}
#page-10 > .content > h3 {
	margin-bottom: 44px;
}
}
@media (min-width: 414px) {
#page-10 > .content {
	top: 20%;
}
#page-10 > .content > h3 {
	margin-bottom: 56px;
}
}
/* end Page 10 */

/* Page 11 */
#page-11 > .content {
	position: absolute;
	left: 10%;
	top: 10%;
	right: 10%;
	bottom: 10%;
	width: 80%;
}
#page-11 > .content > div {
	margin-bottom: 36px;
}
#page-11 > .content h3 {
	margin-bottom: 0px;
}
#page-11 > .content p {
	margin: 0;
	font-size: 12px;
	line-height: 20px;
}
#page-11 > .content h3.left-title + p {
	margin-left: 12px;
}
#page-11 > .content img.qr {
	margin-top: 8px;
	margin-left: 12px;
	width: 40%;
}
#page-11 > .content .info-notice {
	margin-left: 32%;
}
@media (min-width: 375px) {
#page-11 > .content {
	left: 12%;
	top: 10%;
	right: 12%;
	width: 76%;
}	
#page-11 > .content > div {
	margin-bottom: 54px;
}
#page-11 > .content h3 {
	margin-bottom: 4px;
}
#page-11 > .content p {
	font-size: 14px;
	line-height: 22px;
}
#page-11 > .content .info-notice {
	margin-left: 36%;
}
}
@media (min-width: 414px) {
#page-11 > .content {
	left: 15%;
	top: 15%;
	right: 15%;
	width: 70%;
}	
#page-11 > .content > div {
	margin-bottom: 54px;
}
#page-11 > .content h3 {
	margin-bottom: 4px;
}
#page-11 > .content p {
	font-size: 14px;
	line-height: 22px;
}
#page-11 > .content .info-notice {
	margin-left: 36%;
}
}
/* end page 11*/


/* Page 12 */
#page-12 > .content {
	position: absolute;
	top: 30%;
	left: 20%;
	right: 20%;
	width: 60%;
}
#page-12 > .content > h6 {
	color: #BD9F69;
	font-size: 13px;
	font-family: "Helvetica Neue";
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
#page-12 > .content > a {
	display: block;
	width: 100%;
	height: auto;
	background-color: #f0f0f0;
	box-sizing: border-box;
	padding: 32px;
	padding-top: 36px;
	border: 1px solid #BD9F69;
}
#page-12 > .content > span {
	font-size: 12px;
	color: #f5f5f5;
}