@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

body,html {
	width: 100%;
	font: 13px '微軟正黑體','Noto Sans TC';
	text-align: center;
	color: #333333;
}

.target {
	width: 72.25%;
	margin: 0 auto;
	height: auto;
}
.target2 {
	width: 72.25%;
	margin: 0 auto;
	height: auto;
}
.pop {
	display: block;
	width: 30%;
	position: fixed;
	max-width: 160px;
	z-index: 9999;
	right: 0px;
	bottom: 20%;
	background-image: url(../images/pop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.activity_1 {
	width: 25%;
	margin: 0 auto;
	/* [disabled]-webkit-animation-delay: 0.3s; */ /* Safari 4.0 - 8.0 */
	/* [disabled]animation-delay: 0.3s; */
	float: left;
	max-width: 290px;
}
.activity_2 {
	width: 25%;
	margin: 0 auto;
	-webkit-animation-delay: 0.6s; /* Safari 4.0 - 8.0 */
	animation-delay: 0.6s;
	float: left;
	max-width: 290px;
}
.activity_3 {
	width: 25%;
	margin: 0 auto;
	-webkit-animation-delay: 0.9s; /* Safari 4.0 - 8.0 */
	animation-delay: 0.9s;
	float: left;
	max-width: 290px;
}
.activity_4 {
	margin: 0 auto;
	width: 25%;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	float: left;
	max-width: 290px;
}
.gift_1 {
	width: 25%;
	margin: 0 auto;
	-webkit-animation-delay: 0.3s; /* Safari 4.0 - 8.0 */
	animation-delay: 0.3s;
	top: auto;
	float: left;
	max-width: 290px;
}
.gift_2 {
	width: 25%;
	margin: 0 auto;
	-webkit-animation-delay: 0.6s; /* Safari 4.0 - 8.0 */
	animation-delay: 0.6s;
	/* [disabled]position: fixed; */
	float: left;
	max-width: 290px;
}
.gift_3 {
	width: 25%;
	margin: 0 auto;
	-webkit-animation-delay: 0.9s; /* Safari 4.0 - 8.0 */
	animation-delay: 0.9s;
	float: left;
	max-width: 290px;
}
.gift_4 {
	margin: 0 auto;
	width: 25%;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	float: left;
	max-width: 290px;
}
.title_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1600px;
    display: block;
}
.title_box2 {
    margin: 0 auto;
    -webkit-animation-delay: 0.6s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.6s;
}	
.title{
	width: 60%;
	max-width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]-webkit-animation-delay: 3s; */ /* Safari 4.0 - 8.0 */
	/* [disabled]animation-delay: 3s; */
}	
.tb1 {
    width: 70%;
    height: auto;
    margin: 0 auto;
    max-width: 1120px;
    /* [disabled]right: 19%; */
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.tb2 {
    width: 70%;
    margin: 0 auto;
    height: auto;
    max-width: 1120px;
}
.section1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 1600px;
	z-index: 3;
	right: auto;
	left: auto;
	text-align: center;
	background-color: #FFFFE9;
}
.section2 {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	max-width: 1600px;
	z-index: 3;
	right: auto;
	left: auto;
	text-align: center;
	background-image: url(../images/p_02.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-bottom: 4%;
}
.section3 {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	max-width: 1600px;
	z-index: 3;
	right: auto;
	left: auto;
	text-align: center;
	background-image: url(../images/P_04.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-bottom: 7%;
}
.i {
	width: 100%;
	height: auto;
	margin-top: -7%;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]bottom: 0px; */
	max-height: 177px;
	min-width: 641px;
}
.h {
	width: 100%;
	height: auto;
	margin-top: -9%;
	margin-right: auto;
	margin-left: auto;
	min-width: 641px;
	z-index: 9999;
}
.s {
	width: 53%;
	max-width: 853px;
	height: auto;
}
.hen {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 50%;
	max-width: 800px;
	height: auto;
	margin-top: -4%;
}
h2 {
	color: #d90b0d;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 80px;
	line-height: 60px;
	font-size: 30px;
	top: 0%;
}
h2 i {
	color: #d90b0d;
	display: inline-block;
	width: 30%;
	width: -moz-calc(50% - 240px);
	width: -webkit-calc(50% - 240px);
	width: calc(50% - 240px);
	margin-right: 20px;
	margin-left: 20px;
	height: 10px;
	margin-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d90b0d;
}
h4 {
	font-size: 24px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


h3 {
	font-size: 30px;
	line-height: 46px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#pointer { cursor: pointer; } /* CSS */

.feib_header {
    background-color: #FFF;
    text-align: center;
    height: 60px;
    width: 100%;
    display: block;
    margin-top: 0px;
    top: 0px;
    background-image: url(../images/logo_bar.png);
    background-position: 100% 100%;
}
.header_logo    {
	background-repeat: no-repeat;
	height: 55px;
	width: 215px;
	display: block;
	background-position: center center;
	/* [disabled]position: absolute; */
}
.header2 {
	background-color: #FFF;
	text-align: center;
	height: 60px;
	width: 100%;
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,.3);
	box-shadow: 0px 3px 5px rgba(0,0,0,.3);
	z-index: 9998;
	display: block;
	margin-top: 0px;
}
.header .logobarbg {
	height: 60px;
	width: 100%;
	border-top-color: #b71219;
	border-bottom: 5px solid #b71219;
	z-index: 0;
}
.header2 .logobarbg  {
	height: 60px;
	width: 100%;
	border-top-color: #b71219;
	border-bottom: 5px solid #b71219;
}
.header .logobarbg .logobar {
	height: 55px;
	/* [disabled]max-width: 1000px; */
	margin-right: auto;
	margin-left: auto;
	padding-left: 5%;
	width: auto;
}
.header2 .logobarbg .logobar {
	height: 55px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
	width: auto;
}
.header2 .logobarbg .logobar .logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 140px;
	display: block;
	background-position: center center;
}
.header .logobarbg .logobar ul li {
	float: left;
	font-size: 16px;
	margin-right: 10px;
	margin-left: 10px;
}
.header .logobarbg .logobar ul #mobile_logo {
	display: none;
}

.header .logobarbg .logobar ul li a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	line-height: 80px;
	padding-right: 5px;
	padding-left: 5px;
	height: 60px;
	display: block;
}
.header .logobarbg .logobar ul li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b71219;
}
#pc {
	display: block;
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	bottom: 0px;
}
.pc {
    display: block;
    width: 100%;
    height: 100%;
    margin-right: auto;
    padding: 0px;
    margin-left: auto;
    margin-top: 0px;
    bottom: 0px;
}
#mobile {
	display: none;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.mobile {
    display: none;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.top {
	width: 100%;
	height: 60px;
}
.gotop {
	display: none;
	position: fixed;
	background-image: url(../images/gotop.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 45px;
	right: 0px;
	bottom: 12%;
	cursor: pointer;
	z-index: 9999;
}
.page1 {
	width: 100%;
	height: auto;
	max-width: 1600px;
	margin: 0 auto;
	z-index: 3;
	right: auto;
	left: auto;
	text-align: center;
}
.page1_b {
	width: 100%;
	background-position: center center;
	height: auto;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-clip: content-box;
	background-image: url(../images/p_03_2.png);
	max-width: 2600px;
	min-width: 641px;
}
.w3 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}
.page2 {
    width: 80%;
    height: auto;
    padding: 0px;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    z-index: 3;
    margin-top: 3%;
    margin-bottom: 0px;
}
.page3 {
	width: 100%;
	padding: 0px;
	height: auto;
	max-width: 1600px;
	margin: 0px auto;
	z-index: 3;
	min-width: 641px;
}
.page_gold {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #EAEAE5;
}
.hand1 {
	width: 100%;
	max-width: 500px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	z-index: 3;
	float: left;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-right: auto;
	margin-bottom: auto;
	height: auto;
	bottom: auto;
}
.hand2 {
	width: 100%;
	z-index: 3;
	padding: 0px;
	margin-right: auto;
	margin-top: 0px;
	right: 0px;
	top: 0px;
	float: left;
	bottom: auto;
	left: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	height: auto;
	max-width: 500px;
}
.hand3 {
	width: 100%;
	z-index: 3;
	bottom: auto;
	left: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	padding: 0px;
	float: left;
	right: 0px;
	top: 0px;
	margin-top: 0px;
	margin-right: auto;
	height: auto;
	max-width: 500px;
}
.hand4 {
	width: 100%;
	z-index: 3;
	margin-right: auto;
	padding: 0px;
	margin-bottom: auto;
	right: 0px;
	bottom: auto;
	float: left;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	height: auto;
	max-width: 500px;
}
#footer {
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    bottom: 0px;
    background-image: url(../images/footer.png);
    display: block;
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #D12700;
}
.footerbg {
    width: 100%;
    margin: 0 auto;
    max-width: 1600px;
    background-repeat: repeat-x;
    height: auto;
}
.footerbg_l {
    position: absolute;
    float: left;
    width: 17%;
    left: 15%;
    right: auto;
    margin: 0 auto;
    max-width: 276px;
}
.footerbg_r {
    width: 17%;
    right: 15%;
    left: auto;
    position: absolute;
    margin: 0 auto;
    float: right;
    max-width: 276px;
}
#footer_m {
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: none;
}
#footerbg01 {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    background-repeat: repeat-x;
    height: auto;
}
#footerbg02 {
    display: none;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    background-repeat: repeat-x;
    height: auto;
}

.button1 {
    height: auto;
    width: 42%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5%;
    display: block;
    max-width: 672px;
    z-index: 99;
}
.but {
    width: 12%;
    margin-left: auto;
    margin-bottom: 0;
    background-image: url(../images/button2.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    max-width: 120px;
    margin-right: 0px;
    right: 0px;
    float: right;
    margin-top: -4%;
}
.notes_box {
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: block;
    max-width: 1600px;
}
.notes {
	display: none;
	width: 100%;
}
.notes1 {
	width: 52%;
	height: auto;
	margin: 0 auto;
	display: block;
	max-width: 832px;
}
.notes2 {
	width: 52%;
	height: auto;
	margin: 0 auto;
	display: none;
	max-width: 832px;
}
.n1 {
    width: 100%;
    height: auto;
    padding-right: 12.vw;
}
#n {
    display: block;
    height: 0;
    overflow: hidden;
    margin-right: 0px;
}
#n2 {
	width: 100%;
	height: auto;
	max-width: none;
}
.n1-txt   {
    line-height: 180%;
    font-size: 1.2vw;
    color: #333333;
    text-align: justify;
    margin-right: auto;
    letter-spacing: 0.1px;
    word-wrap: break-word;
    word-break: break-all;
    padding-left: 1.5vw;
    text-indent: -1.5vw;
    padding-right: 1vw;
}
.n1-txt1 {
    width: 100%;
    line-height: 180%;
    font-size: 1.2vw;
    color: #333333;
    text-align: justify;
    margin-right: auto;
    margin-left: -1vw;
    letter-spacing: 0.1px;
    word-wrap: break-word;
    word-break: break-all;
    text-indent: 0;
}
.n1-txt2 {
    text-indent: 1.2vw;
    margin-left: -2.8vw;
    padding-left: 1.2vw;
    font-size: 1.2vw;
}
.n1-txt3 {
    text-indent: 1.2vw;
    font-size: 1.2vw;
    margin-left: -2.8vw;
    padding-left: 1.2vw;
}
.n1-txt4 {
	text-indent: 1.2vw;
	font-size: 1.2vw;
	/* [disabled]margin-left: -4.8vw; */
	padding-left: 0vw;
}
.txt2-box {
	margin-left: 1.8vw;
}
.txt3-box {
    margin-left: 3.2vw;
}
.txt4-box {
	/* [disabled]margin-left: 1.6vw; */
}
.txt5-box {
	margin-left: 1.2vw;
}


.feib_header {
}
.txt1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: none;
}
.t1 {
    width: 100%;
    line-height: 180%;
    font-size: 1.2vw;
    color: #333333;
    text-align: justify;
    padding-right: 1.2vw;
    padding-left: 0%;
    padding-bottom: 2%;
    margin-left: 1.2vw;
    text-indent : -1.2vw;
    letter-spacing: 0.1px;
    font-weight: normal;
    padding-top: 3%;
    margin-right: 0px;
    max-width: 1280px;
}
.txt_box {
}
.page table  {
	min-width: 641px;
	max-width: 1600px;
	width: 100%;
}
.gray {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #F0F0F0;
}
.gray_m {
}
.m1 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.m2 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.m3 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.m1s {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
	z-index: 1;
}
.m2s {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
.m3s {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
#s  {
	height: 500px;
	width: 100%;
	background-color: #C3C3C3;
	margin-left: 0px;
}

#sky {
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-size: 0px;
	line-height: 0px;
	background-size: 2600px auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFA2A7;
}
.kv {
	width: 100%;
	background-size: 100% auto;
	height: auto;
	margin: 0 auto;
	max-width: 1600px;
	font-size: 0px;
	line-height: 0px;
	background-image: url(../images/kv.png);
	background-position: center top;
	background-repeat: no-repeat;
	/* [disabled]background-color: #FFFFE5; */
	padding-bottom: 1.4%;
}
.tx {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	max-width: 1000px;
}
.tx img {
	width: 34%;
	height: auto;
	margin-right: 3%;
	margin-left: 55%;
	margin-top: 6.5%;
}
.vi {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.but1 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
.but2 {
	position: absolute;
	width: 100%;
	max-width: 1000px;
}
.but3 {
    position: absolute;
    width: 100%;
    max-width: 1000px;
    margin-top: 5%;
}
.but4 {
	position: absolute;
	width: 100%;
	max-width: 1000px;
}
.but5 {
	position: absolute;
	width: 100%;
	max-width: 1000px;
}
.but6 {
	position: absolute;
	width: 100%;
	max-width: 1000px;
}
.but7 {
	position: absolute;
	width: 100%;
	max-width: 1000px;
}
.but8 {
	position: absolute;
	width: 100%;
	max-width: 1000px;
}
#page {
	width: 100%;
	height: auto;
	margin: 0 auto;
	top: 0px;
	z-index: 1;
	max-width: 1600px;
	background-color: #FFFFFF;
}
.center {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	max-width: 1000px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin-top: -2%;
	/* [disabled]position: relative; */
}
.center2 {
	width: 100%;
	height: auto;
	max-width: 1000px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
.aurora {
	width: 53%;
	margin-left: auto;
	margin-right: auto;
}
.subtitle {
	width: 53%;
	height: auto;
	margin-right: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.subtitle img  {
	width: 100%;
}
#sp2 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	background-color: #F0F0F0;
}
/*footer*/
.ts-ft-L {
	height: 40px;
	background: #d80c18;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	right: 0px;
	width: 60%;
	float: left;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#feib-footer {
	width: 100%;
	height: 40px;
	z-index: 9997;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	/* [disabled]position: absolute; */
	margin-top: 0px;
	background-image: url(../images/footer.png);
	background-size: 100% 100%;
}
.footer-fluid {
	margin-right: auto;
	margin-left: auto;
	background-color: #d80c19;
}
.ts-ft-R {
	height: 40px;
	background-color: #888888;
	width: 139px;
	margin-right: auto;
	margin-left: auto;
	clear: right;
	padding-left: auto;
	padding-right: auto;
	float: right;
}
.ts {
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}.bt {
	width: 16%;
	height: 10%;
	font-size: 18px;
	line-height: 32px;
	color: #FFFFFF;
	background-color: #44A7D8;
	display: table;
	float: left;
	text-align: center;
	padding-left: 0px;
	padding-right: 30px;
	margin-left: 60.5%;
	margin-right: auto;
	margin-top: 12%;
}
.bt1 {
	width: 20%;
	margin-top: 31.5%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	float: none;
	position: static;
}
.bt1_tb {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display: block;
	float: none;
	padding: 0;
	position: absolute;
	max-width: 1000px;
}

.bt2 {
	width: 20%;
	margin-top: 42.5%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	float: none;
	position: static;
}
.bt2_tb {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display: block;
	float: none;
	padding: 0;
	position: absolute;
	max-width: 1000px;
	z-index: 3;
}
.bt3 {
	width: 40%;
	margin-right: auto;
	margin-left: 55%;
	margin-bottom: 0;
	height: auto;
	float: none;
	display: block;
}
.bt3_tb {
	width: 50%;
	;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display: block;
	float: left;
	padding: 0;
	position: absolute;
	max-width: 500px;
	z-index: 4;
	visibility: visible;
	/* [disabled]left: auto; */
	margin-top: 70.5%;
}
.bt4 {
	width: 40%;
	margin-right: 55%;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	float: none;
	display: block;
}
.bt4_tb {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display: block;
	float: left;
	padding: 0;
	position: absolute;
	max-width: 500px;
	z-index: 3;
	margin-top: 70.5%;
}
.bt5 {
	width: 20%;
	margin-top: 28.5%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	float: none;
	position: static;
}
.bt5_tb {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display: block;
	float: none;
	padding: 0;
	position: absolute;
	max-width: 1000px;
	z-index: 2;
}
.bt6 {
	width: 12%;
	margin: 38% auto 0 14%;
	height: auto;
	float: none;
	position: static;
}
.bt6_tb {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display: table;
	float: none;
	padding: 0;
	position: absolute;
	max-width: 1000px;
	margin-top: 0px;
	z-index: 1;
}
.bt7 {
	width: 12%;
	margin: 11.9% auto 0 44%;
	height: auto;
	float: none;
	position: static;
}
.bt7_tb {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	display: table;
	float: none;
	padding: 0;
	position: absolute;
	max-width: 1000px;
	z-index: 1;
}


.space {
	width: 100%;
	margin: 0 auto;
}
.space2 {
	width: 100%;
	height: 40px;
}
.m1 {
}
.z {
	/* [disabled]position: fixed; */
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}
.box {
	width: 100vw;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	padding: 0;
	margin-bottom: auto;
	align-items: center;
	justify-content: center;
	display: table-cell;
	vertical-align: middle;
}
.follow {
	margin: 0 auto;
	width: 100%;
	height: auto;
	bottom: 30px;
	top: auto;
	position: fixed;
	z-index: 99;
}
.btn_tb {
	width: 100%;
	max-width: 1000px;
	height: 43px;
	margin-right: auto;
	margin-left: auto;
}
.btn_tb2 {
	width: 100%;
	max-width: 1000px;
	height: 30%;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.btn_tb3 {
	width: 100%;
	max-width: 1000px;
	height: 30%;
	margin-right: auto;
	margin-left: auto;
	padding: 20;
	/* [disabled]display: inline-block; */
	right: 20px;
	left: 20px;
}

.btn1{
	background-image: url(../images/button1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 24%;
	height: 43px;
	background-size: 100% auto;
	padding-right: 0px;
	margin-left: 57.5%;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: auto;
}
.btn1:hover {
	background-image: url(../images/button1_a.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn1:active {
	background-image: url(../images/button1_i.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn2{
	background-image: url(../images/button2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 24%;
	height: 43px;
	background-size: 100% auto;
	padding-right: 0px;
	margin-left: 57.5%;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: auto;
}
.btn2:hover {
	background-image: url(../images/button2_a.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn2:active {
	background-image: url(../images/button2_i.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn3{
	background-image: url(../images/button1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 48%;
	height: 43px;
	background-size: 100% auto;
	padding-right: 0px;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: auto;
	margin-left: 40%;
}
.btn3:hover {
	background-image: url(../images/button1_a.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn3:active {
	background-image: url(../images/button1_i.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn4{
	background-image: url(../images/button2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 48%;
	height: 43px;
	background-size: 100% auto;
	padding-right: 0px;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: 40%;
	margin-left: auto;
}
.btn4:hover {
	background-image: url(../images/button2_a.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn4:active {
	background-image: url(../images/button2_i.gif);
	background-repeat: no-repeat;
	background-position: center center;
}









.article {
}
.button_m {
	width: 50%;
	height: auto;
	margin-top: 3%;
	display: block;
	padding: 0;
	position: absolute;
	margin-right: 25%;
	margin-left: 25%;
}
.button_tb {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	position: absolute;
	display: block;
	max-width: 1000px;
}
.tb {
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	width: 100%;
	max-width: 1000px;
	height: auto;
}

.gift {
	width: 40%;
	height: auto;
	position: absolute;
	margin-left: 6.5%;
	max-width: 1000px;
	margin-right: auto;
	float: left;
	display: block;
}
.g {
	width: 100%;
	height: auto;
	position: absolute;
	left: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}
.box2 {
	width: 100%;
	padding: 0px;
	height: auto;
	max-width: 1600px;
	margin: 0px auto;
	z-index: 3;
	background-image: url(../images/newp_03_2.png);
	background-position: center center;
	background-size: 100% auto;
	/* [disabled]background-repeat: no-repeat; */
	min-width: 641px;
}
.wheel_b {
	background-image: url(../images/wheel.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	width: 52%;
	max-width: 832px;
	height: auto;
	z-index: 1;
	}

.wheel {
	background-image: url(../images/wheel.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 100%;
	max-width: 832px;
	height: auto;
	z-index: 9;
}
.wheel_gift {
	background-image: url(../images/wheel_gift.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 100%;
	max-width: 832px;
	height: auto;
	z-index: 99;
}
.wheel_logo {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 100%;
	max-width: 832px;
	opacity: 1;
	height: auto;
}
.web1 {
	width: 100%;
	height: auto;
	background-color: #FFFEE6;
}
.pointer {
	z-index: 9999;
	position: absolute;
	width: 10%;
	max-width: 160px;
	margin-right: auto;
	margin-left: auto;
	left: 45%;
	right: 45%;
}
.pointer_box {
	width: 100%;
	height: 0px;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	z-index: 9999;
}

@media (min-width: 768px)  {
}
@media (max-width: 767px) {
	
	
	
	.header {
	background-color: #FFF;
	text-align: center;
	height: 60px;
	width: 100%;
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,.3);
	box-shadow: 0px 3px 5px rgba(0,0,0,.3);
}
.header .logobarbg {
	height: 60px;
	width: 100%;
	border-top-color: #b71219;
	border-bottom: 5px solid #b71219;
}
.header .logobarbg .logobar {
	height: 55px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
}
.header .logobarbg .logobar .menu_btn {
	background-image: url(../images/menu_btn.jpg);
	background-repeat: no-repeat;
	height: 47px;
	width: 47px;
	position: absolute;
	left: 10px;
	top: 10px;
	display: none;
}

.header .logobarbg .logobar .logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 140px;
	display: block;
	background-position: center center;
}
.header .logobarbg .logobar #menu {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	position: absolute;
	top: -5px;
	width: 250px;
	left: 0px;
	z-index: 9999;
	background-color: #FFF;
	display: none;
}
.header .logobarbg .logobar ul #mobile_logo {
	display: block;
	background-image: url(../images/logo2.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 62px;
	width: 250px;
}
.header .logobarbg .logobar ul #mobile_logo .closebtn {
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	display: block;
	height: 25px;
	width: 25px;
	position: absolute;
	top: 18px;
	right: 10px;
	font-size: 0px;
	color: rgba(255,255,255,0);
	overflow: hidden;
	border: none;
	z-index: 999;
	opacity: 1;
}
.header .logobarbg .logobar ul li {
	font-size: 16px;
}
.header .logobarbg .logobar ul li a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	line-height: 60px;
	text-align: left;
	height: 60px;
	display: block;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0b0b0+0,7f7f7f+100 */
	background: #b0b0b0; /* Old browsers */
	background: -moz-linear-gradient(top, #b0b0b0 0%, #7f7f7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b0b0b0 0%,#7f7f7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b0b0b0 0%,#7f7f7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b0b0', endColorstr='#7f7f7f',GradientType=0 ); /* IE6-9 */
}
.header .logobarbg .logobar ul li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d60d18;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dcdcdc+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
   
    
    
.menubar {
	margin-top: -60px;
	margin-right: 3%;
	/* [disabled]right: 5%; */
	margin-left: auto;
	width: 96px;
	height: 65px;
}
.menubar1 {
	/* [disabled]position: absolute; */
	width: 96px;
	margin-right: 0px;
	margin-left: 0px;
	height: 60px;
	float: right;
	padding-right: 0px;
	display: block;
	right: 0px;
	z-index: 9999;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../images/menubar1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.menubar2 {
	margin-right: 0px;
	margin-left: 0px;
	width: 96px;
	height: 60px;
	/* [disabled]position: absolute; */
	float: right;
	display: none;
	right: 0px;
	margin-top: 0px;
	z-index: 9999;
	margin-bottom: 0px;
	background-image: url(../images/menubar2.png);
	background-repeat: no-repeat;
	background-position: center center;
}	
	
	
.ui1 {
	background-image: url(../images/ui_01.png);
	height: 50px;
	width: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: right;
}
.ui1:hover {
	background-image: url(../images/ui_a_01.png);
	height: 50px;
	width: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.ui2 {
	background-image: url(../images/ui_02.png);
	height: 50px;
	width: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: right;
}
.ui2:hover {
	background-image: url(../images/ui_a_02.png);
	height: 50px;
	width: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.ui3 {
	background-image: url(../images/ui_03.png);
	height: 50px;
	width: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	float: right;
}
.ui3:hover {
	background-image: url(../images/ui_a_03.png);
	height: 50px;
	width: 70px;
	background-repeat: no-repeat;
	background-position: center center;
}
.ui4 {
	background-image: url(../images/ui_04.png);
	height: 50px;
	width: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: right;
}
.ui4:hover {
	background-image: url(../images/ui_a_04.png);
	height: 50px;
	width: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: right;
}
.ui5 {
	background-image: url(../images/ui_05.png);
	height: 50px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: right;
}
.ui5:hover {
	background-image: url(../images/ui_a_05.png);
	height: 50px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: right;
}
.ui6 {
	background-image: url(../images/ui_06.png);
	height: 50px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: right;
}
.ui6:hover {
	background-image: url(../images/ui_a_06.png);
	height: 50px;
	width: 85px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: right;
}




.ts_navbar {
	margin-top: -60px;
	margin-left: auto;
	/* [disabled]margin-right: 3%; */
	width: 70%;
	position: fixed;
	height: 50px;
	right: 3%;
}
.tsnavbar-nav {
	float: right;
	color: #565656;
}
.tsnavbar-nav>li {
	float: left
}
.tsnavbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px
}	
.menubar {
	margin-top: -60px;
	margin-right: 3%;
	/* [disabled]right: 5%; */
	margin-left: auto;
	width: 96px;
	height: 65px;
	z-index: 0;
	display: none;
}
.page2 {
    width: 100%;
    padding-left: 0px;
    padding-right: 2%;
}
.n1-txt {
    margin-left: 3vw;
    /* [disabled]padding-right: 4vw; */
}
}	
@media (max-width:640px){
#pc {
	background-repeat: no-repeat;
	text-align: center;
	display: none;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.pc {
    background-repeat: no-repeat;
    text-align: center;
    display: none;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
#mobile {
	text-align: center;
	display: block;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;

}
.kv_m {
	margin: 0 auto;
	width: 100%;
	display: block;
	background-size: 100% auto;
	height: auto;
	max-width: 1600px;
	font-size: 0px;
	line-height: 0px;
	background-image: url(../images/kv_m.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFFFE5;
	padding-bottom: 2%;
}
.button1 {
    width: 90%;
    height: auto;
    /* [disabled]margin-top: 8%; */
    margin-bottom: 2%;
}
.title_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	/* [disabled]right: 3%; */
	/* [disabled]left: 3%; */
	max-width: 640px;
	display: block;
}
.mobile {
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.feib_header {
    background-color: #FFF;
    text-align: center;
    height: 60px;
    width: 100%;
    z-index: 9999;
    /* [disabled]position: fixed; */
    display: block;
    margin-top: 0px;
    min-width: 641px;
}
.feib_header_m {
    height: 60px;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-image: url(../images/logo_barm.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 767px auto;
    background-clip: padding-box;
    z-index: 9999;
}
.header_logo_m {
	float: left;
	width: 200px;
	height: 60px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}
.header .logobarbg {
	/* [disabled]height: 60px; */
	width: 100%;
	border-top-color: #b71219;
	border-bottom: 5px solid #b71219;
}
.header2 .logobarbg  {
	height: 60px;
	width: 100%;
	border-top-color: #b71219;
	border-bottom: 5px solid #b71219;
}
.header .logobarbg .logobar {
	height: 55px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
	width: auto;
}
.header2 .logobarbg .logobar {
	height: 55px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	width: auto;
}

.header .logobarbg .logobar .logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 140px;
	display: block;
	background-position: center center;
	/* [disabled]position: absolute; */
}
.header2 .logobarbg .logobar .logo {
	background-image: url(../images/logo_m.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 140px;
	display: block;
	background-position: center center;
}
.header .logobarbg .logobar ul li {
	float: left;
	font-size: 16px;
	margin-right: 10px;
	margin-left: 10px;
}
.header .logobarbg .logobar ul #mobile_logo {
	display: none;
}

.header .logobarbg .logobar ul li a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	line-height: 80px;
	padding-right: 5px;
	padding-left: 5px;
	height: 60px;
	display: block;
}
.header .logobarbg .logobar ul li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b71219;
}
.hand1_m {
	width: 100%;
	max-width: 320px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	z-index: 3;
	float: left;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-right: auto;
	margin-bottom: auto;
	height: auto;
	bottom: auto;
}
.hand2_m {
	width: 100%;
	max-width: 320px;
	z-index: 4;
	padding: 0px;
	margin-right: 0px;
	margin-top: 0px;
	right: 0px;
	top: 0px;
	float: right;
	bottom: 0px;
	left: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: auto;
}
.hand3_m {
	width: 100%;
	z-index: 5;
	bottom: 0px;
	left: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: none;
	right: 0px;
	top: 0px;
	/* [disabled]margin-top: 20%; */
	margin-right: 0px;
	height: auto;
	max-width: 320px;
}
.hand4_m {
	width: 100%;
	z-index: 6;
	margin-right: 0px;
	padding: 0px;
	margin-bottom: 0px;
	right: 0px;
	bottom: 0px;
	float: none;
	left: 0px;
	top: 0px;
	/* [disabled]margin-top: 20%; */
	margin-left: 0px;
	height: auto;
	max-width: 320px;
}	
.tb1 {
    width: 100%;
    height: auto;
}
.tb2 {
    width: 100%;
    height: auto;
}
.activity_1m {
	width: 100%;
	margin: 0 auto;
	height: auto;
	-webkit-animation-delay: 0.0s;
	animation-delay: 0.0s;
	top: auto;
	/* [disabled]float: left; */
}
.activity_2m {
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	top: auto;
	/* [disabled]float: left; */
}
.activity_3m {
    margin: 0 auto;
    width: 33.333%;
    height: auto;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    top: auto;
    float: left;
}    
.n1 {
    width: 100%;
    height: auto;
    padding-right: 12.vw;
    padding: 0;
}
#n {
    display: block;
    overflow: hidden;
    margin-right: 0px;
}
#n2 {
	width: 100%;
	height: auto;
	max-width: none;
}
.n1-txt {
    width: 96%;
    line-height: 180%;
    font-size: 3.6vw;
    color: #333333;
    text-align: justify;
    margin-left: 6vw;
    letter-spacing: 0.1px;
    font-weight: normal;
    text-indent: -4.6vw;
    padding-right: 1%;
    margin-right: auto;
    word-wrap: break-word;
    word-break: break-all;
    /* [disabled]padding-left: 6.5vw; */
}
.n1-txt1 {
    width: 100%;
    line-height: 180%;
    font-size: 3.6vw;
    color: #333333;
    text-align: justify;
    margin-left: 1.5vw;
    letter-spacing: 0.1px;
    font-weight: normal;
    /* [disabled]margin-right: -3vw; */
    text-indent: -0.2vw;
}
.n1-txt2 {
    margin-left: -7vw;
    font-size: 3.6vw;
    word-break: break-all;
    text-align: justify;
    width: auto;
}
.n1-txt3 {
    text-indent: 7.2vw;
    font-size: 3.6vw;
    margin-left: -5.5vw;
    word-break: break-all;
    text-align: justify;
}
.txt2-box {
    margin-left: 6vw;
    text-align: justify;
}
.txt3-box {
    margin-left: 9.5vw;
}
.txt4-box {
	/* [disabled]padding-left: 1px; */
	margin-left: -0.5vw;
}
.txt5-box {
}
.txt1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: none;
}
.t1 {
    width: 100%;
    line-height: 180%;
    font-size: 1.2vw;
    color: #333333;
    text-align: justify;
    /* [disabled]max-width: 1200px; */
    padding-left: 0%;
    padding-bottom: 2%;
    margin-left: 1.2vw;
    text-indent : -1.5vw;
    letter-spacing: 0.1px;
    font-weight: normal;
    padding-top: 3%;
    margin-right: 0px;
}
.txt_box {
}       
.menu {
	/* [disabled]background-color: hsla(0,0%,100%,0.80); */
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.3);
	box-shadow: 0px 2px 5px rgba(0,0,0,.3);
	width: 256px;
	margin-right: 0px;
	margin-left: auto;
	display: none;
	height: auto;
	position: absolute;
	float: right;
	margin-top: 0px;
	z-index: 999;
	right: 0px;
	left: auto;
}	
.menubar {
	width: 50px;
	height: auto;
	display: block;
	position: absolute;
	min-width: 0px;
	right: 0px;
	top: 60px;
}
.menubar1 {
	/* [disabled]position: absolute; */
	width: 50px;
	margin-right: 0px;
	margin-left: 0px;
	height: 50px;
	float: right;
	padding-right: 0px;
	display: block;
	right: 0px;
	z-index: 9999;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../images/menubar1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.menubar2 {
	margin-right: 0px;
	margin-left: 0px;
	width: 50px;
	height: 50px;
	/* [disabled]position: absolute; */
	float: right;
	display: none;
	margin-top: 0px;
	z-index: 9999;
	margin-bottom: 0px;
	background-image: url(../images/menubar2.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 0px;
	right: 0px;
}
.menu1m {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: block;
}
.menu2m {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: block;
}
.menu3m {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: block;
}
.menu1_am {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.menu2_am {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.menu3_am {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}	
.content1m {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.content2m {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.content3m {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}

	.gotop {
    display: none;
    position: fixed;
    background-image: url(../images/gotop.png);
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    right: 0px;
    bottom: 10%;
    cursor: pointer;
    z-index: 9999;
}
.page1m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}
.page2m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	right: 0px;
	left: 0px;
	background-image: url(../images/m_02.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding-bottom: 10%;
	background-color: #FFFFE7;
}
.page2 {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: -1%;
    padding-right: 3%;
}
.page3m   {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background-image: url(../images/m_04.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding-bottom: 10%;
	background-color: #FFFFE7;
}
.center2m {
	width: 100%;
	height: auto;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
.notes1 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.notes2 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
.notes1_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.notes2_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
.btn1_m{
	background-image: url(../images/button1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 56.25%;
	background-size: 100% auto;
	padding-right: 0px;
	margin-left: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: auto;
}
.btn1_m:hover {
	background-image: url(../images/button1_a.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn1_m:active {
	background-image: url(../images/button1_i.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn2_m{
	background-image: url(../images/button2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 24%;
	height: 43px;
	background-size: 100% auto;
	padding-right: 0px;
	margin-left: 57.5%;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: auto;
}
.btn2_m:hover {
	background-image: url(../images/button2_a.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn2_m:active {
	background-image: url(../images/button2_i.gif);
	background-repeat: no-repeat;
	background-position: center center;
}	
.space_m {
	width: 100%;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
}.space_m2 {
	width: 100%;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
}
.space_m3 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFCCDE;
	height: 40px;
}
.center_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
} 
.tt_m {
	margin-right: 5%;
	margin-left: 5%;
	width: 90%;
	height: auto;
	max-width: 576px;
	display: inline-block;
}
    .page1bntm {
	background-image: url(../images/m_09.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-bottom: 2%;
}
.bt1m {
	width: 50%;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding: 0;
	display: block;
	height: auto;
}
.bt1m_tb {
	width: 100%;
	height: auto;
	max-width: 640px;
	/* [disabled]margin-bottom: 50%; */
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]bottom: 30%; */
	padding: 0;
	margin-top: 57.5%;
}
.bt2m {
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	padding: 0;
	margin-bottom: auto;
	display: block;
}
.bt2m_tb {
	width: 100%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 67.5%;
}
.bt3m {
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	padding: 0;
	margin-bottom: auto;
	display: block;
}
.bt3m_tb {
	width: 100%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 122.5%;
}
.bt4m {
	width: 50%;
	height: auto;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	padding: 0;
	margin-bottom: auto;
	display: block;
}
.bt4m_tb {
	width: 100%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 133.5%;
}
.bt5m {
	width: 50%;
	height: auto;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: auto;
	margin-bottom: auto;
	display: block;
}
.bt5m_tb {
	width: 100%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-right: auto;
	margin-top: 46%;
	padding: 0;
	margin-left: auto;
}
.bt6m {
	width: 23.4375%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-left: 71.5%;
	margin-right: auto;
}
.bt6m_tb {
	width: 100%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 32.9%;
}
.bt7m {
	margin-left: 71.5%;
	width: 23.4375%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-right: auto;
}
.bt7m_tb {
	width: 100%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-top: 66.9%;
}
.bt8m {
	width: 23.4375%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-left: 71.5%;
	margin-right: auto;
}
.bt8m_tb {
	width: 100%;
	height: auto;
	max-width: 640px;
	position: absolute;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 17.5%;
}
.title_box2 {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    padding: 0;
    height: auto;
    /* [disabled]position: absolute; */
    top: 0px;
    bottom: auto;
}
#s1m {
	position: relative;
	display: block;
	height: 0;
	overflow: hidden;
}
#s2m {
	position: relative; /*偏移值*/
	display: block;
	height: 0;
	overflow: hidden;
	top: -60px;
}
#s3m {
	position: relative; /*偏移值*/
	display: block;
	height: 0;
	overflow: hidden;
	top: -60px;
}
#s4m {
	position: relative; /*偏移值*/
	display: block;
	height: 0;
	overflow: hidden;
	bottom: auto;
}
.title_m {
	margin: 0 auto;
	width: 95%;
	height: auto;
	max-width: 608px;
	padding: 0;
	z-index: 10;
}
.vi_m {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	z-index: 1;
	margin-bottom: 0px;
	display: block;
}
.top {
	height: 60px;
	margin: 0 auto;
	width: 100%;
	display: block;
}
.img {
	border: 0;
}
.txt1_m {
	font-size: 200%;
	line-height: 150%;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 1.5% 1.5% 1.5% 1%;
	max-width: 640px;
	color: #333333;
	font-weight: lighter;
	text-align: left;
	/* [disabled]font-variant: small-caps; */
	display: none;
}
.but_m {
	width: 90%;
	margin: 0 auto;
	height: auto;
}
.but_m_box {
	width: 100%;
	/* [disabled]position: absolute; */
	height: auto;
	background-image: url(../images/kv_m2.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.ball_box {
}
.section1m {
}
.section2m {
    width: 100%;
    height: auto;
}
.target {
    background-image: url(../images/m_04.png);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
}
.gift_1 {
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.0s;
	margin: 0 auto;
	animation-delay: 0.0s;
}
.gift_2 {
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.3s;
	margin: 0 auto;
	animation-delay: 0.3s;
}

.but1_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.gray_m {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: -13%;
	margin-bottom: 4%;
	bottom: 20%;
	max-width: none;
}
.wheel_b {
	background-image: url(../images/wheel.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 96%;
	max-width: 614px;
	height: auto;
	z-index: 1;
	}

.wheel {
	background-image: url(../images/wheel.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 100%;
	max-width: 832px;
	height: auto;
	z-index: 9;
}
.wheel_gift {
	background-image: url(../images/wheel_gift.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 100%;
	max-width: 832px;
	height: auto;
	z-index: 99;
}


.menu1 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: block;
}
.menu2 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: block;
}
.menu3 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: block;
}
.menu1_a {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.menu2_a {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.menu3_a {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.content1 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.content2 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.content3 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: none;
}
.pop {
	width: 23%;
	position: fixed;
	max-width: 125px;
	z-index: 9999;
	right: 0px;
	bottom: 15%;
	background-image: url(../images/pop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
    #footer {
    /* [disabled]display: none; */
}
#footer_m {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.footerbg_l {
    position: absolute;
    float: left;
    width: 36%;
    height: auto;
    left: 0px;
    right: auto;
    margin-top: 1%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    max-width: 276px;
}
.footerbg_r {
    width: 36%;
    height: auto;
    right: 0px;
    left: auto;
    position: absolute;
    margin-top: 1%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    float: right;
    max-width: 276px;
} 
.pointer {
	width: 18%;
	left: 41%;
	right: 41%;
	position: absolute;
}
.page2m table {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	width: 84%;
	height: auto;
	right: 13%;
	left: 13%;
}
.page3m table {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	width: 84%;
	height: auto;
	right: 13%;
	left: 13%;
}
}
@media (max-width: 799px) and (min-width: 769px) {
}
@media (max-width: 768px)  {
}
@media (max-width: 399px)  {
}
@media (max-width:1200px){
}
@media (min-width:1600px){
.n1 {
    font-size: 21px;
}
.n1-txt {
    font-size: 21px;
}
.n1-txt1 {
    font-size: 21px;
}
.n1-txt2 {
    font-size: 21px;
}
.n1-txt3 {
    font-size: 21px;
}
}

@media (max-width:2400px){
}

@media (min-width:768px) and (max-width:1200px){
.n1 {
    width: 100%;
    height: auto;
    padding-right: 12.vw;
    padding: 0;
    margin-left: -1.8vw;
}
#n {
    display: block;
    height: 0;
    overflow: hidden;
    margin-right: 0px;
}
#n2 {
	width: 100%;
	height: auto;
	max-width: none;
}
.n1-txt {
    width: 100%;
    line-height: 180%;
    font-size: 1.2vw;
    color: #333333;
    text-align: justify;
    margin-right: auto;
    margin-left: 2.5vw;
    letter-spacing: 0.1px;
    font-weight: normal;
    padding-right: 2.5vw;
}
.n1-txt1 {
    width: 100%;
    line-height: 180%;
    font-size: 1.2vw;
    color: #333333;
    text-align: justify;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 0.1px;
    font-weight: normal;
}
.n1-txt2 {
    text-indent: 1.2vw;
    margin-left: -2.8vw;
    padding-left: 1.2vw;
    font-size: 1.2vw;
}
.n1-txt3 {
    text-indent: 1.2vw;
    font-size: 1.2vw;
    margin-left: -2.8vw;
    padding-left: 1.2vw;
}
.txt2-box {
	margin-left: 1.8vw;
}
.txt3-box {
    margin-left: 3.2vw;
}
.txt1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: none;
}
.t1 {
    width: 100%;
    line-height: 180%;
    font-size: 1.2vw;
    color: #333333;
    text-align: justify;
    /* [disabled]max-width: 1200px; */
    padding-left: 0%;
    padding-bottom: 2%;
    margin-left: 1.2vw;
    text-indent : -1.5vw;
    letter-spacing: 0.1px;
    font-weight: normal;
    padding-top: 3%;
    margin-right: 0px;
}
.txt_box {
}       
.page2 {
}
}

@media (min-width:641px) and (max-width:1024px){
     .footerbg_l {
    position: absolute;
    float: left;
    left: 2%;
    /* [disabled]right: auto; */
    margin: 0 auto;
    width: 23%;
}
    
.footerbg_r {
    right: 2%;
    position: absolute;
    width: 23%;
}
    #footerbg01 {
    display: none;
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    background-repeat: repeat-x;
    height: auto;
}
#footerbg02 {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
    background-repeat: repeat-x;
    height: auto;
}
#footer {
    height: auto;
}
.footerbg {
    height: 0%;
}
.pop {
    width: 12%;
    max-width: 125px;
}
}