@charset "UTF-8";
/*common.css*/

html,body{background-color:#000;}
#wrapper{width:320px;margin:0 auto;}
.line{border-top:1px solid #c5c5c5;border-bottom:1px solid #dddcdc;margin:4px 0;}
.paragraph{margin-top:1em;}

/*----------------------------------------------------------------------*/
/*header*/
#header{height:38px;padding:0 10px;background-color:#fff;}
#header #btnSqex{float:left;width:140.5px;margin-top:13.5px;}
#header #btnYahooGame{float:right;width:75px;margin-top:11px;}

/*footer*/
#footer{clear:both;padding:10px;background-color:#d3d3d3;}
#footer dd{margin-top:4px;}

/*----------------------------------------------------------------------*/
/*font style*/
#topIndex .msgBox{font-size:12px;max-height:100%;color:#fff;line-height:1.6;text-align:center;}
#topIndex #newsArea dt{font-size:12px;line-height:12px;}
#topIndex #newsArea dd{font-size:11px;line-height:1.4;}
#topIndex #cardArea #cardText li{font-size:11px;line-height:18px;}
#footer dt{font-size:13px;font-weight:bold;text-align:center;}
#footer dd,#footer p{font-size:11px;line-height:1.5;letter-spacing:-0.25px;text-align:justify;}
#footer #copyright{font-size:10px;}

.footer_link{padding: 1rem 0;}

#info dt{font-size:12px;color:#a01d1a;font-weight:bold;text-align:left;}
#info dd{font-size:14px;color:#a01d1a;font-weight:bold;text-align:left;margin-top:2px;line-height:1.2;}

/*link color*/
a		{color:#2921c3;text-decoration:underline;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover	{color:#2921c3;}
.msgBox a,
.popBox a{color:#ff6400;text-decoration:underline;}
.msgBox a:hover,
.popBox a:hover{color:#ff3300;}
#shopping .btnWallet{width:233px;height:46px;margin:0 auto;}
#shopping .btnWallet a{display:block;width:100%;height:100%;-webkit-tap-highlight-color:rgba(158,235,255,.4);}

.popBox{color:#fff;}
.popBox p{font-size:12px;max-height:100%;line-height:1.3;}
.popBox p.notice{padding-left:1em;text-indent:-1em;text-align:left;}
.popBox h2{
	width:258px !important; height:auto !important; margin:0 auto 5px; background:url(../img/common/headline.png) left top no-repeat; background-size:100% !important;
	font-size:13px; color:#fff; line-height:26px !important; text-align:center; font-weight:bold;
}
.popBox #btnSupport p{font-size:14px;}
.popBox .checkArea p{font-size:12px;text-align:center;margin:5px;}
.popBox textarea{font-size:10px;}

.page .section p{font-size:12px;max-height:100%;line-height:1.4;}
.page p.notice{font-size:10px;padding-left:1em;text-indent:-1em;text-align:left;}
.page h2{
	width:300px; height:30px; background:url(../img/common/headline.png) left top no-repeat; background-size:300px;
	font-size:13px; color:#fff; line-height:30px; text-align:center; font-weight:bold;
}
.page h3{font-size:14px;font-weight:bold;}

#shopping h3{padding:0 7.5px;border-left:5px solid #000;font-size:12px;line-height:16px;font-weight:bold;letter-spacing:-0.5px;text-align:left;}

#legal dt{font-size:12px;max-height:100%;line-height:1.3;font-weight:bold;}
#legal dd{font-size:12px;max-height:100%;line-height:1.3;}

#rule dt,
#rule dd{font-size:12px;max-height:100%;line-height:1.3;}
#rule .section p{font-size:12px;}

.framebox{font-size:12px;}

/*----------------------------------------------------------------------*/
/*button*/
#btnClose{margin:15px auto;}
#btnBack{margin:15px auto;}
#btnPopRetire{margin:15px auto;}
#retireBox{margin:15px auto;}

.btnWhite{width:300px;height:44px;line-height:44px !important;text-align:center;}
.btnWhite a{
	display:block;width:100%;height:100%;background:url(../img/common/btn_white.png) center top no-repeat;
	background-size:100%;
	font-size:14px;color:#000;font-weight:bold;text-decoration:none;
	-moz-text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	-webkit-text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
}
.btnWhite a:hover{color:#000;}

.btnBlack{width:190px;height:44px;line-height:44px !important;text-align:center;}
.btnBlack a{
	display:block;width:100%;height:100%;background:url(../img/common/btn_black.png) center top no-repeat;
	background-size:190px;
	font-size:14px;color:#fff;font-weight:bold;text-decoration:none;
	-moz-text-shadow:0 -1px 0px rgba(0,0,0,0.3);
	-webkit-text-shadow:0 -1px 0px rgba(0,0,0,0.3);
	text-shadow:0 -1px 0px rgba(0,0,0,0.3);
}
.btnBlack a:hover{color:#fff;}

#btnReg{width:130px;height:40px;margin:20px auto 0;text-align:center;}
#btnReg a{
	display:block;width:100%;height:100%;
	font-size:14px;color:#000;font-weight:bold;text-decoration:none;
	-moz-text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	-webkit-text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	background:-moz-linear-gradient( -90deg, rgb(248,248,248) 0%, rgb(204,204,204) 100%);
	background:-webkit-linear-gradient( -90deg, rgb(248,248,248) 0%, rgb(204,204,204) 100%);
	background:-ms-linear-gradient( -90deg, rgb(248,248,248) 0%, rgb(204,204,204) 100%);
	background:linear-gradient(to bottom, #f8f8f8, #ccc) #fff;
	box-shadow:1px 1px 0px 0 rgba(0,0,0,0.1) inset,-1px -1px 0px 0 rgba(0,0,0,0.2) inset;
	line-height:40px;
	border-radius:5px;
}
#btnReg a:hover{color:#000;}

.popBox #submitBoxOn,
.popBox #submitBoxOff,
#btnPopRetire,
#retireBox{width:220px;height:45px;margin:15px auto;text-align:center;}
#btnPopRetire,#retireBox{margin-bottom:25px;}
.popBox #submitBoxOn a,
#btnPopRetire a,
#retireBox a{
	display:block;width:100%;height:100%;
	font-size:14px;color:#000;font-weight:bold;text-decoration:none;
	-moz-text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	-webkit-text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	background:-moz-linear-gradient( -90deg, rgb(248,248,248) 0%, rgb(204,204,204) 100%);
	background:-webkit-linear-gradient( -90deg, rgb(248,248,248) 0%, rgb(204,204,204) 100%);
	background:-ms-linear-gradient( -90deg, rgb(248,248,248) 0%, rgb(204,204,204) 100%);
	background:linear-gradient(to bottom, #f8f8f8, #ccc) #fff;
	box-shadow:1px 1px 0px 0 rgba(0,0,0,0.1) inset,-1px -1px 0px 0 rgba(0,0,0,0.2) inset;
	line-height:45px;
	border-radius:5px;
}
.popBox #submitBoxOff{
	/*display:block;width:100%;height:100%;*/
	font-size:14px;color:#000;font-weight:bold;text-decoration:none;
	-moz-text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	-webkit-text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	text-shadow:0 -0.5px 0px rgba(0,0,0,0.3);
	background:-moz-linear-gradient( -90deg, rgb(85,85,85) 0%, rgb(68,68,68) 100%);
	background:-webkit-linear-gradient( -90deg, rgb(85,85,85) 0%, rgb(68,68,68) 100%);
	background:-ms-linear-gradient( -90deg, rgb(85,85,85) 0%, rgb(68,68,68) 100%);
	background:linear-gradient(to bottom, #555, #444) #fff;
	box-shadow:1px 1px 0px 0 rgba(0,0,0,0.5) inset,-1px -1px 0px 0 rgba(0,0,0,0.5) inset;
	line-height:45px;
	border-radius:5px;
}

/*frame*/
.frameBoxTp{border:1px solid #ddcd84;border-bottom:none;background-color:#e0dbc1;position:relative;}
.frameBoxTp:before{content:'';width:5px;height:5px;border:1px solid #ddcd84;position:absolute;left:-1px;top:-1px;}
.frameBoxTp:after{content:'';width:5px;height:5px;border:1px solid #ddcd84;position:absolute;right:-1px;top:-1px;}
.frameBoxBt{border:1px solid #ddcd84;border-top:none;border-bottom:none;background-color:#e0dbc1;position:relative;}
.frameBoxBt:before{content:'';width:5px;height:5px;border:1px solid #ddcd84;position:absolute;left:-1px;bottom:0px;}
.frameBoxBt:after{content:'';width:5px;height:5px;border:1px solid #ddcd84;position:absolute;right:-1px;bottom:0px;}
.frameBoxIn{padding:12px 0;border:1px solid #ddcd84;border-top:none;background-color:#e0dbc1;}

/*----------------------------------------------------------------------*/
.page #contents{clear:both;padding:10px;background-color:#ebebdc;overflow:hidden;text-align:center;}
.page.pop .contbox{padding:25px 0 10px;}
.page .contbox{padding:15px 0 0;}
.page .contboxLeft{margin-top:10px;padding:0 0 10px;text-align:left;}
.page h3{margin-bottom:10px;}
.page #btnClose{margin:15px auto;}

.popBox{width:258px;padding:10px 10px 0;background-color:#323232;border:1px solid #525252;}
.popBox #btnSupport{margin:5px auto 10px;text-align:center;}
.popBox #ruleArea{width:100%;height:120px;margin:5px 0;}
#popRetire.popBox{padding:10px;}

.framebox{margin:10px auto;padding:15px;border:1px solid #d3bc72;background-color:#e8e2d5;text-align:center;}

#shopping .section{padding-bottom:20px;text-align:left;}
#shopping .btnWallet{text-align:center;}
#shopping .link{margin-top:10px;}
#shopping #btnClose{margin:5px auto 15px;}

#legal dl{overflow:hidden;}
#legal dt{clear:left;float:left;margin-top:1em;}
#legal dd{margin-top:1em;padding-left:1em;}
#legal dd.break{clear:left;}
#legal dd li{padding-left:1em;text-indent:-1em;}

#rule h3{margin:17px 0 15px;}
#rule h3:first-child{margin:15px 0 15px;}
#rule dt{clear:left;float:left;width:1.5em;}
#rule dd{padding-left:1.5em;}
#rule .paren dt{clear:left;float:left;width:2.5em;}
#rule .paren dd{padding-left:2.5em;}
#rule .endText{margin-top:2em;text-align:right;}

#birth .section{padding:0 0 10px;}
#birth select{height:25px;border:.5px solid #b2b2b2;}

#info.page .contbox{padding:15px 0 10px;}
#info dl{margin-bottom:10px;padding:5px 0 4px;border-bottom:1px solid #c1a036;border-top:1px solid #c1a036;}
#info dd{margin-top:3px;}
#info .textbox{text-align:left;}

#history h3{height:25px;margin-top:10px;border-bottom:1px solid #c1a036;border-top:1px solid #c1a036;line-height:26px;}
#history .dataList th{font-size:10px;}
#history .dataList td{font-size:9px;}

#history{}
#history .dataList thead th{background-color:#8f7034;font-weight:bold;color:#fff;text-align:center;}
#history .dataList thead th.buytime{width:17%;}
#history .dataList thead th.buyid{width:20%;}
#history .dataList thead th.buyworld{width:20%;}
#history .dataList thead th.buyhow{width:20%;}
#history .dataList thead th.buyitem{width:23%;}

#history .dataList th{height:12px;line-height:12px;border:1px solid #5f4a29;padding:5px 5px;font-size:9px;}
#history .dataList td{border:1px solid #5f4a29;padding:5px 5px;font-size:8px;word-break:break-all;}
#history .dataList td.td_wallet{width:20%;}
#history .dataList tr.odd td{background-color:#f7f9f0;}
#history .dataList tr.even td{background-color:#f4f5d7;}
#history #btnNumList{margin:15px 0 25px;overflow:hidden;}
#history #btnNumList #pageNum{float:left;width:230px;}
#history #btnNumList .prev{float:left;font-size:12px;margin:3px 0 0 3px;}
#history #btnNumList .next{float:right;font-size:12px;margin:3px 3px 0 0;}
#history #btnNumList a{text-decoration:none;}

#mypage_quit.page #popRetire .contbox{padding:15px 0 10px;text-align:center;}

#mypage .contbox{padding:15px 0 0;text-align:left;}
#mypage .framebox{margin-bottom:15px;text-align:left;}
#mypage dt{font-size:13px;margin-bottom:3px;}
#mypage dd{font-size:13px;margin-bottom:8px;}
#mypage .inputBox{width:100%;}
#mypage .btnWhite{width:270px;height:40px;margin:5px auto;}
#mypage .btnWhite a{line-height:40px;}

#prize h2{width:auto;height:auto;margin:-10px 0 0 -10px;background:none;position:relative;}
#prize .btnWhite{margin:15px 0;}
#prize .notice{font-size:8px;text-align:center;}