/* ScrollBar */
::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); background-color:rgba(0,0,0,0.0);}

::-webkit-scrollbar{ width:9px; height:0px; background-color: #ffffff;}

::-webkit-scrollbar-thumb{ border-radius:0px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #0db7d7;}

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

template, [hidden] { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

button, input, select, textarea { font: inherit; }

optgroup { font-weight: bold; }

button, input, select { overflow: visible; }

button, input, select, textarea { margin: 0; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

[disabled] { cursor: default; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* unit========================================= */
.socialBox > a, footer .leftFooter div ul li, a[class^="btn-"], #lotteyPage nav .nav a { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }



.wrap, section[id^=page] h3:before, section[id="noticeBox"] h3:before { margin-left: auto; margin-right: auto; }

a[class^="btn-"]:before, #page1:after, #page2:after, #noticeBox:after { content: ''; display: block; position: absolute; left: 0; top: 0; transition: all .3s; }

strong, a[class^="btn-"], section[id^=page] h3, section[id="noticeBox"] h3, section[id^=page] h3 + span, section[id="noticeBox"] h3 + span, #lotteyPage .reward-points span, #lotteyPage .lottery-times span, button.styled, .popup-content h4 { font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Arial Unicode MS", "新細明體-ExtB", "微軟正黑體"; font-weight: bold; }

h1, h2, h3, h4, h5, h6, #lotteyPage nav .nav { font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Arial Unicode MS", "新細明體-ExtB", "微軟正黑體"; }

.wrap { position: relative; clear: both; }
@media (min-width: 765px) { .wrap { width: 1100px; } }

/* myReset========================================= */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Arial Unicode MS", "新細明體-ExtB", "微軟正黑體"; line-height: 1.5; color: #555; min-width: 320px; font-size: 14px; }
@media (min-width: 765px) { html, body { overflow-x: hidden; min-width: 1000px; } }

/*
li, p { text-align: justify; }
*/

p {
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; color: #563b36; }

h1 { font-size: 42px; }

h2 { font-size: 32px; }

h3 { font-size: 30px; }

h4 { font-size: 18px; }

h5 { font-size: 18px; }

h6 { font-size: 20px; }

p, li { padding: 0; font-size: 15px; font-family: verdana, Microsoft JhengHei; color: #555; }

ul, ol { padding: 0; margin: 0; list-style: none; }

a { text-decoration: none; color: #0097b9; outline: none; }

input, button, select, textarea, option { outline: none; border: none; border: 5px solid rgba(128, 128, 128, 0.2); color: #555; }

input:focus, button:focus, select:focus, textarea:focus { border-color: rgba(27, 134, 218, 0.8); }

select { border: 5px solid rgba(128, 128, 128, 0.2); appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../img/arrow.png") no-repeat scroll right center transparent; background-size: 0.625rem auto; padding-right: 20px; }

select::-ms-expand { display: none; }

.nesteaTxt p { font-size: 0.25rem; text-align: center; }

html { font-size: 40px; }

body { background-image: url('../img/pic.png'); color: #555; }

main { overflow: hidden; }

a[class^="btn-"] { font-size: 0.9375rem; width: 5.20833rem; padding: 0.41667rem 0; border-radius: 0.26042rem; position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

a[class^="btn-"]:before { width: 1.5625rem; height: 3.64583rem; background-color: rgba(255, 255, 255, 0.3); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); left: -0.52083rem; top: -0.72917rem; }

.btn-01.disable, .btn-02.disable { cursor: default; color: rgba(255, 255, 255, 0.5); background-color: rgba(128, 128, 128, 0.5); box-shadow: 0 0 5px rgba(255, 255, 255, 0.2) inset; }

.btn-01 { color: #563b36; background-color: #ffd851; box-shadow: 0 0 8px #ffae00 inset; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 5px 0 #C78800; }
.btn-01:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); }
@media (min-width: 765px) { .btn-01:active { background-color: #F5C000; position: relative; top: 5px; left: 0; box-shadow: 0 -5px 0 #8C6C26; }
  .btn-01:active:before { display: none; } }

.btn-02 {
	color: white;
	background-color: #FF8306;
	box-shadow: 0 5px 0 #dc7207;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.btn-02:hover { -webkit-filter: brightness(0.7); filter: brightness(0.7); }
@media (min-width: 765px) { .btn-02:active { background-color: #FF8306; position: relative; top: 5px; left: 0; box-shadow: 0 -5px 0 #dc7207; }
  .btn-02:active:before { display: none; } }

#sideBar { display: none; }
@media (min-width: 765px) { #sideBar { display: block; } }

section[id^=page], section[id="noticeBox"] { padding-top: 1.08333rem; padding-bottom: 1.08333rem; position: relative; }
section[id^=page] h3, section[id="noticeBox"] h3 { font-size: 0.9375rem; padding-bottom: 0.10417rem; }
section[id^=page] h3:before, section[id="noticeBox"] h3:before { content: ''; display: block; width: 2.60417rem; height: 2.60417rem; max-width: 128px; max-height: 128px; background-repeat: no-repeat; background-size: 100%; margin-bottom: 0.10417rem; }
section[id^=page] h3 + span, section[id="noticeBox"] h3 + span { padding: 0.3125rem 1.04167rem; display: block; color: white; }
section[id^=page] h4, section[id="noticeBox"] h4 { margin-top: 0.52083rem; border: 1px solid white; border-radius: 50px; line-height: 1.45833rem; margin-left: 2.23958rem; margin-right: 2.23958rem; margin-bottom: 0.20833rem; }
section[id^=page] h4 + span, section[id="noticeBox"] h4 + span { letter-spacing: 1px; }
section[id^=page] p, section[id="noticeBox"] p { margin: 0.20833rem 1.04167rem 0.63333rem; color: white; }
section[id^=page] .imgBox, section[id="noticeBox"] .imgBox { margin: 1.5625rem 0 0; }
section[id^=page] .imgBox img, section[id="noticeBox"] .imgBox img { width: 6.25rem; }
@media (min-width: 765px) { section[id^=page], section[id="noticeBox"] { padding-top: 50px; padding-bottom: 50px; }
  section[id^=page] h3, section[id="noticeBox"] h3 { font-size: 60px; }
  section[id^=page] h3 + span, section[id="noticeBox"] h3 + span { font-size: 20px; margin-bottom: 20px; }
  section[id^=page] h4, section[id="noticeBox"] h4 { font-size: 24px; margin-left: 340px; margin-right: 340px; line-height: 60px; margin-bottom: 10px; }
  section[id^=page] p, section[id="noticeBox"] p { font-size: 18px; padding-left:10px; padding-right: 10px; line-height: 2; margin-bottom: 30px; font-family: Verdana, Microsoft JhengHei; }
  section[id^=page] .ch, section[id^=page] i[class^=time], section[id^=page] i[class^=bubble], section[id="noticeBox"] .ch, section[id="noticeBox"] i[class^=time], section[id="noticeBox"] i[class^=bubble] { display: block; position: absolute; background-repeat: no-repeat; }
  section[id^=page] i[class^=time], section[id="noticeBox"] i[class^=time] { background-size: 100% auto; background-image: url('../img/time.png'); }
  section[id^=page] .bubble1, section[id="noticeBox"] .bubble1 { opacity: .3; width: 525px; height: 699px; background-image: url('../img/bubble1.png'); }
  section[id^=page] .bubble2, section[id="noticeBox"] .bubble2 { opacity: .3; width: 699px; height: 487px; background-image: url('../img/bubble2.png'); }
}

#page0 {
	height: 13.40rem;
	background-image: url(../img/index_mob.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	background-color: #e31e36;
	position: relative;
}

@media (min-width: 565px) { #page0 { background-size: auto; background-position: center top; background-image: url('../img/index2.jpg'); height: 500px; }
 }

#page1 {
	background-image: url(../img/page1bg.png);
	background-repeat: repeat;
}

#page1:after { width: 100%; height: 1.25rem; background-image: url('../img/wave.png'); background-size: 1.875rem auto; background-position: center top; background-repeat: repeat-x; top: -0.52083rem; z-index: 8888; }

#page1 h3 { color:#25201d; }
#page1 h3:before { background-image: url('../img/event01.png');
                    }
#page1 h4 { color:#25201d; }
#page1 h4 + span { color:#25201d; }
#page1 p { font-size: 0.375rem; color:#1c1818; }
#page1 ol { padding: 0.41667rem; background-color: white; margin-top: 0.3125rem; margin-left: 0.20833rem; margin-right: 0.20833rem; text-align: left; }
#page1 ol > li { display: inline-block; margin-right: -4px; width: 50%; font-size: 0.34375rem; border-left: 1px solid rgba(0, 176, 255, 0.6); border-bottom: 1px solid rgba(0, 176, 255, 0.6); line-height: 40px; padding-left: 8px; background-color: white; font-weight: 600; }
#page1 ol > li:nth-child(1), #page1 ol > li:nth-child(2) { border-top: 1px solid rgba(0, 176, 255, 0.6); }
#page1 ol > li:nth-child(2n) { border-right: 1px solid rgba(0, 176, 255, 0.6); }
#page1 ol > li img { vertical-align: middle; margin-right: 0.10417rem; }
#page1 .btn-01 { margin-bottom: 0.52083rem; }

@media (min-width: 765px) { #page1:after { top: -40px; height: 90px; background-size: 120px auto; }
  #page1 .ch { width: 476px; height: 612px; background-image: url('../img/ch_02.png'); top: 163px; right: 680px; z-index:2;}
  #page1 .time1 { width: 100px; height: 100px; top: 200px; left: -150px; opacity: .4; }
  #page1 .time2 { width: 150px; height: 150px; left: -260px; top: 520px; opacity: .6; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
  #page1 .time3 { width: 110px; height: 110px; left: 1280px; top: 620px; opacity: .3; -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg); }
  #page1 .bubble1 { left: -480px; top: 50px; }
  #page1 .bubble2 { left: 1000px; top: 10px; }
  #page1 p { font-size: 17px;color:#25201d;z-index:5; }
  #page1 ol { width: 700px; margin-left: auto; margin-right: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
  #page1 ol > li { width: 33.3%; font-size: 16px; padding-left: 10px; letter-spacing: 0; }
  #page1 ol > li:nth-child(3) { border-top: 1px solid rgba(0, 176, 255, 0.6); }
  #page1 ol > li:nth-child(2n) { border-right: none; }
  #page1 ol > li:nth-child(3n) { border-right: 1px solid rgba(0, 176, 255, 0.6); }
  #page1 ol > li:last-child { border-right: 1px solid rgba(0, 176, 255, 0.6); }
  #page1 ol > li img { margin-right: 6px; }
  #page1 .btn-01 { margin-bottom: 50px; } }



/* content */


.stt1{
	width: 100px;
	font-size: 1.3rem;
	line-height: 0.5rem;
	font-size: 16px;
	line-height: 24px;
	color: #5a4030;
	font-weight: bold;
	text-align: center;
	display: inline;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;	
}

.stt2{
	width:150px;
	font-size: 1.3rem;
	line-height: 2rem;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display:block;
	padding:2px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color:#00b7ee;
	
}		


@media (min-width: 765px) {
#tt1{}	

#notic_n{
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
	
#ttable{
	width: 900px;
	margin-top: -50px;
	margin-right: auto;
	margin-left: auto;
}
	
.stt1{
	float: left;
	width: 180px;
	line-height: 2rem;
	font-size: 24px;
	line-height: 24px;
	color: #5a4030;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 50px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.stt2{
    float:left;
	width:150px;
	font-size: 1.3rem;
	line-height: 2rem;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display:block;
	padding:3px;
	margin-top:3px;
	margin-right:8px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color:#00b7ee;
}	


}

tr, td {
    border: 1px solid #666;
}



/*--frame--*/

.ctit{
	background-image: url(../img/page1bg.png);
	background-repeat: repeat;
    width:800px;
    height:800px;
}

.tit {
	width:100%;
	background-attachment: scroll;
	background-image: url(../img/titb.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align:center;
	/*padding-bottom:5px;
	padding-top:5px;*/
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;	
	z-index:5;
	}
	
.cbox{
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
	/*display:none;*/
	}
	
.cbox2{
	position: relative;
	width: 100%;
	/*border: 1px solid #d1cfc3;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #1c1818;	
	margin-top: 20pt;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	z-index:1;
	}
	
.cbox3{
	background-color: #f0e5cd;
	padding: 15px;
	color: #584c45;
	width: 1000px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	z-index:1;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3c618e;
	border-right-color: #3c618e;
	border-bottom-color: #3c618e;
	border-left-color: #3c618e;
	}
	
.cboxa{
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
	display:none;
}


@media (min-width: 1000px) {
.cbox2{width:100%;}		
}

@media (min-width: 640px) {
.cbox2{width:100%;}		
}


@media (max-width: 640px) {
.cbox{
	padding-left:0px;
	padding-right:0px;
	}
	
.cbox2{width:100%;}	
.cbox3{width:100%;}	
}

/*/////////////////////////*/
.tit2 {
	width:100%;
	background-attachment: scroll;
	background-image: url(../img/titb2.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align:center;
	/*padding-bottom:5px;
	padding-top:5px;*/
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;	
	}
	
.gbox{
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
	/*display:none;*/
	}


@media (min-width: 1000px) {
.gbox2{width:97%;}	
}

@media (max-width: 640px) {
.gbox{
	padding-left:0px;
	padding-right:0px;
	}
.gbox2{width:100%;}	
}

/*footer*/
footer { background-color: #3a3a3a; padding: 20px 0; }

/* Footer */
footer { position: relative; background-image: url('../img/bg3.jpg'); }
footer .notice_box { margin-bottom: 0.52083rem; border-bottom: 1px rgba(128, 128, 128, 0.4) solid; padding-bottom: 0.26042rem; padding-left: 0.52083rem; padding-right: 0.52083rem; clear: both; overflow: hidden; }
footer .notice_box .classICON { float: left; background-image: url('../img/class15.png'); background-repeat: no-repeat; width: 1.25rem; height: 1.25rem; margin-top: 0.14583rem; margin-right: 0.3125rem; margin-bottom: 1.5625rem; background-size: 100%; }
footer .notice_box p { letter-spacing: 0; color: rgba(255, 255, 255, 0.5); font-size: 0.375rem; }
footer .copyright_box .txt p { text-align: center; letter-spacing: 0; font-size: 0.375rem; color: rgba(255, 255, 255, 0.5); }
footer .copyright_box .txt > ol { padding-top: 0.52083rem; text-align: center; }
footer .copyright_box .txt > ol > li { display: inline-block; vertical-align: top; margin-right: -4px; font-size: 0.375rem; margin-right: 0.05208rem; }
footer .copyright_box .txt > ol > li > a { padding-bottom: 0.05208rem; border-bottom: 1px rgba(128, 128, 128, 0.4) solid; color: rgba(255, 255, 255, 0.5); }

@media (min-width: 768px) { footer .goTop { left: 49%; top: -15px; width: 35px; height: 35px; background-size: 30%; cursor: pointer; }
  footer .notice_box { margin-bottom: 20px; padding-bottom: 25px; padding-left: 0; padding-right: 0; }
  footer .notice_box .classICON { width: 45px; height: 45px; margin-top: 5px; margin-right: 20px; margin-bottom: 150px; background-size: 100%; margin-bottom: 0; }
  footer .notice_box p { letter-spacing: 1px; font-size: 14px; }
  footer .copyright_box .logo { display: inline-block; vertical-align: top; text-align: left; padding-right: 60px; }
  footer .copyright_box .txt { display: inline-block; vertical-align: top; border-left: 1px rgba(128, 128, 128, 0.4) solid; padding-left: 60px; }
  footer .copyright_box .txt p { text-align: left; letter-spacing: 0; font-size: 14px; padding-bottom: 5px; }
  footer .copyright_box .txt > ol { padding-top: 5px; text-align: center; }
  footer .copyright_box .txt > ol > li { display: inline-block; vertical-align: top; margin-right: -4px; margin-right: 5px; font-size: 14px; }
  footer .copyright_box .txt > ol > li > a { padding-bottom: 3px; } }
@media (min-width: 768px) { }

/* Sprite */
.logo { height:49px;width:163px; background: url('../img/pay_small_logo.png');margin:0 auto; }

@media (min-width: 768px) { .logo { width:163px; margin-right: 20px;margin-bottom: 10px; } }



.ch_01 { width: 12.5rem; height: 0; padding-bottom: 14.0625rem; background: url('../img/reservation/spriteIMG_400.png'); background-size: 100%; background-position: 0 0%; }
@media (min-width: 768px) { .ch_01 { width: 400px; display: block; height: 0; padding-bottom: 450px; background: url('../img/reservation/spriteIMG_400.png'); background-size: 100% auto; background-position: 0 0%; } }

.ch_02 { width: 12.5rem; height: 0; padding-bottom: 9.375rem; background: url('../img/reservation/spriteIMG_400.png'); background-size: 100%; background-position: 0 47.13115%; }
@media (min-width: 768px) { .ch_02 { width: 400px; display: block; height: 0; padding-bottom: 300px; background: url('../img/reservation/spriteIMG_400.png'); background-size: 100% auto; background-position: 0 47.13115%; } }

.ch_03 { width: 13.125rem; height: 0; padding-bottom: 16.60312rem; background: url('../img/reservation/spriteIMG_400.png'); background-size: 100%; background-position: 0 100%; }
@media (min-width: 768px) { .ch_03 { width: 420px; display: block; height: 0; padding-bottom: 531.3px; background: url('../img/reservation/spriteIMG_400.png'); background-size: 100% auto; background-position: 0 100%; } }


.act1{
	width: 100%;
	background-color: #bfbaa2;
	margin:0 auto;
	padding:10px;
}

.act2{width:800px;float:right;}

#backbtn{width: 500px;height: 100px;margin:0 auto;}

.back{
	background-image: url(../img/backbtn.png);
	width: 222px;
	height: 53px;
	background-repeat: no-repeat;
	display:block;
	float:left;
    margin-left:20px;
}

.back2{
	background-image: url(../img/backbtn2.png);
	width: 222px;
	height: 53px;
	background-repeat: no-repeat;
	display:block;
    float:left;
}


#phone{width:500px;}



#logo{
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	width: 383px;
	height: 167px;
	padding-top:80px;
	margin-top:10px;
	margin:0px auto;
	display:block;
	text-align:center;
}

#btn1{
	max-width: 100%;
    height: auto;	
	cursor: pointer;
	margin-left:100px;
	z-index:99;	
}

#btn1 img{
	 max-width: 100%;
    height: auto;
}

#btn2{
    max-width: 100%;
    height: auto;
	margin-left:50px;
	cursor: pointer;
	z-index:99;	
}

#btn2 img{
	 max-width: 100%;
    height: auto;
	z-index:99;	
	
}

/** 滑動選單 **/
#roll {
	display:block;
	width:130px;
	position:fixed;
	top: 80%;
	right: 30px;
	z-index: 9999;
	}

#top {
	position:relative;
	cursor:pointer;
	height:58px;
	width:58px;
	}
#top {
	background-image: url(../img/gotop.png);
	background-repeat: no-repeat;
	}

.noti2{
	width:100%;
	text-align:center;
    display:block;
	color:#e30606;
	font-size:24px;
	font-weight:bold;
	}

.acdeti{
	width:100%;
	text-align:center;
    display:block;
	color:#5a4030;
	font-size:24px;
	font-weight:bold;
	}
	

	
@media (max-width: 640px) {
	
	#phone{width:100%; padding-top:-50px;}

	.act1{width:100%;}
	.act2{width:100%;}


#logo{
	background-image: url(../img/logo_s.png);
	width: 308px;
	height: 135px;
	position:absolute;
	top: 40px;
	margin:0 auto;
	background-repeat: no-repeat;
}

#btn1{
	 max-width: 100%;
    height: auto;
	margin:0 auto;
	cursor: pointer;
	z-index:99;
}

#btn1 img{
	 max-width: 100%;
    height: auto;
}

#btn2{	
	 max-width: 100%;
    height: auto;
	margin:0 auto;
	cursor: pointer;
    z-index:99;
}

#btn2 img{
	 max-width: 100%;
    height: auto;
}


#roll {
   
	position:fixed;
	top: 90%;
	right: -65px;
	z-index: 9999;
	}
	
#backbtn{display:block;width: 222px;height:120px;}

.back{
	background-image: url(../img/backbtn.png);
	width: 222px;
	height: 53px;
	background-repeat: no-repeat;
	display:block;
   	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.back2{
	background-image: url(../img/backbtn2.png);
	width: 222px;
	height: 53px;
	background-repeat: no-repeat;
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}

.noti2{
	width:100%;
	text-align:center;
    display:block;
	color:#e30606;
	font-size:16px;
	font-weight:bold;
	}

.acdeti{
	width:100%;
	text-align:center;
    display:block;
	color:#5a4030;
	font-size:16px;
	font-weight:bold;
	}		
}

.chbg{
	width: 100%;
	background: #39120d; /* Old browsers */
	background: -moz-linear-gradient(top, #39120d 51%, #421808 54%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #39120d 51%,#421808 54%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #39120d 51%,#421808 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39120d', endColorstr='#421808',GradientType=0 ); /* IE6-9 */
	border-radius: 50px;
	color: #ffda10;
	
	  text-shadow: #4b1805 0px 2px,  #4b1805 2px 0px,  #4b1805 -2px 0px, 
     #4b1805 0px -2px, #4b1805 -1.4px -1.4px,  #4b1805 1.4px 1.4px, 
     #4b1805 1.4px -1.4px,  #4b1805 -1.4px 1.4px; 
	
	font-size: 24px;
  position: relative;
  padding: 5px 0 5px 40px;
  text-align: left;
  margin-bottom:10px;
	border: 2px solid #ba6910;
	}

.bl{
	background: #34aca0; /* Old browsers */
background: -moz-linear-gradient(top, #34aca0 48%, #0f746c 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #34aca0 48%,#0f746c 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #34aca0 48%,#0f746c 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34aca0', endColorstr='#0f746c',GradientType=0 ); /* IE6-9 */
	}	


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


.chbg label {
  cursor: pointer;
  margin-left: 15px;
  
  font-size:0.6rem;
}



@media (max-width: 640px) {
.chbg label {
  font-size:0.5rem;
  margin-right:30px;
  margin-left:0;
}


}

/*--
.chbg label:before, .chbg label:after {
  content: '';
  position: absolute;
  top: 50%;
  border-radius: 50%;
}
-**/


.chbg input[type="radio"] {
	left: 0;
	width: 30px;
	height: 30px;
	background: #f7f7f7;
	margin-top: -15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
.chbg input[type="radio"]:after {
	left: 5px;
	width: 20px;
	height: 20px;
	opacity: 0;
	background: #e30606;
	margin-top: -10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
/*--
.chbg input[type="radio"] {
  position: absolute;
  top: 0;
  left: -9999px;
  visibility: hidden;
}
.chbg input[type="radio"]:checked + label:after{
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
--*/
.styled-input--square label:before, .styled-input--square label:after {
  border-radius: 0;
}

.styled-input--rounded label:before {
  border-radius: 10px;
}
.styled-input--rounded label:after {
  border-radius: 6px;
}

.styled-input--diamond .chbg {
  padding-left: 45px;
}
.styled-input--diamond label:before, .styled-input--diamond label:after {
  border-radius: 0;
}
.styled-input--diamond label:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.styled-input--diamond input[type="radio"]:checked + label:after,
.styled-input--diamond input[type="checkbox"]:checked + label:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 1;
}



#step{
   text-align:center;
}

#step img{
	max-width: 100%;
	height: auto;
	border: 2px solid #a9a9a9;
}


.mh_download{width:200px;height:73px; float:left;background:url(../img/btn_index.png) center top no-repeat; margin-top:13px; margin-left:8px;}
.mh_download a{width:200px;height:73px; float:left;}
.mh_download a:hover{background:url(../img/btn_index_a.png) center top no-repeat;}
.mh_buy{width:200px;height:73px; float:left;background:url(../img/btn_down.png) center top no-repeat; margin-top:13px; margin-left:8px;}
.mh_buy a{width:200px;height:73px; float:left;}
.mh_buy a:hover{background:url(../img/btn_down_a.png) center top no-repeat;}
.mh_Maintain{width:220px;height:73px; float:left;background:url(../img/btn_Maintain.jpg) center top no-repeat; margin-top:13px; margin-left:8px;}
.mh_Maintain a{width:220px;height:73px; float:left;}
.mh_Maintain a:hover{background:url(../img/btn_forum.jpg) center top no-repeat;}
.ts_forum{width:200px;height:73px; float:left;background:url(../img/btn_discord.png) center top no-repeat; margin-top:13px; margin-left:8px;}
.ts_forum a{width:200px;height:73px; float:left;}
.ts_forum a:hover{background:url(../img/btn_discord_a.png) center top no-repeat;}

.table-c{ width:725px;float:left;padding-left:2px;padding-top:5px;}
.table-c table{border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.table-c table td{border-left:1px solid #ffffff;border-top:1px solid #ffffff;padding:5px 5px;}
.table-c a{color:#ca4c0e}
.table-c a:link {color: #ca4c0e; text-decoration:none;} 
.table-c a:active:{color: #ffae00; text-decoration:none;} 
.table-c a:visited {color:#ca4c0e;text-decoration:none;}
.table-c a:hover {color: #ffae00; text-decoration:none;}

.mytable{background:#ffffff;margin-top:8px;margin-bottom:10px}
.mytable tr{background:#bfbaa2}
.mytable tr td{height:25px;line-height:25px; vertical-align:middle;padding-left:8px;}
.mytable a{color:#ca4c0e}
.mytable a:link {color: #ca4c0e; text-decoration:none;} 
.mytable a:active:{color: #ffae00; text-decoration:none;} 
.mytable a:visited {color:#ca4c0e;text-decoration:none;}
.mytable a:hover {color: #ffae00; text-decoration:none;}

.banklist ul,.banklist ul li{ list-style:none;margin:0 auto;padding:0;}
.banklist ul{margin-top:10px}
.banklist ul li{position:relative;height:45px;line-height:45px;float:left;overflow:hidden;}
.banklist ul li label b{top:0;left:0;position:absolute;display:block;width:180px;height:45px;background-color:#fff;opacity:0;filter: "alpha(opacity=0)"; /* IE 8 */   filter: alpha(opacity=0);   /* IE 4-7 */   zoom: 1; }

.mgl_14{margin-left:2px;}
.w_main{width:100%;margin:0 auto;overflow:hidden;}
.top_left{width:1000px;height:272px; float:left; padding-top:20px;}
.w_236{width:216px;height:272px; float:left;}