@charset "UTF-8";

body{
	background:#292929;
}

.quickTop{
	width:100%;
	height:60px;
	background:#d42c2c;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
	display:none;
}

.quickTopInner{
	width:100%;
	height:60px;
	position:relative;
	text-align:right;
}

header{
	width:100%;
	height:60px;
	background:#fff;
	position:relative;
	text-align:right;
}

.mLogo{
	width:100px;
	height:60px;
	position:absolute;
	left:0px;
	top:0px;
}

a.topBtn{
	display:inline-block;
	float:right;
}

.quickTop img,
header img{
	height:60px;
}

.sampleBox{
	position:relative;
}

.sampleBoxMov{
	position:absolute;
	width:50%;
	left:2%;
	top:12%;
	box-sizing:border-box;
	padding:20px;
}

.rightSide{
	top:17%;
	left:46%;
}

.secType{
	top:63%;
}

.secType.rightSide{
	top:68%;
}


.payBoxLi{
	width:100%;
	height:auto;
	overflow:hidden;
/*	min-height:400px;*/
	background:url('../img/7_lisa_mo_payment_02.jpg');
	box-sizing:border-box;
	padding:0px 20px 0px 20px;
}


.payBoxLi ul{
	width:100%;
	height:auto;
	overflow:hidden;
}

.payBoxLi ul li{
	width:33.333%;
	float:left;
	display:inline-block;
	box-sizing:border-box;
	padding:10px;
}

.payBoxLi .totalBox{
	width:100%;
	height:auto;
	overflow:hidden;
	font-weight:bold;
	margin-top:10px;
}

.payBoxLi .totalBox .totalTit{
	width:20%;
	float:left;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#fff;
}

.payBoxLi .totalBox .totalIpb{
	width:50%;
	float:left;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#fff;
}

.payBoxLi .totalBox .totalIpb input[type='text']{
	width:100%;
	height:58px;
	font-size:25px;
	text-align:right;
	padding:0px 10px;
	background:none;
	border:none;
	box-sizing:border-box;
	font-weight:bold;
}

.payBoxLi .totalBox .totalBtn{
	width:30%;
	float:left;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#ff2c2c;
	color:#fff;
}



section.joinForm{
	width:100%;
	padding:20px 20px;
	box-sizing:border-box;
	background:#fff;
}

section.joinForm h2{
	display:block;
	color:#d42c2c;
	font-size:21px;
	line-height:60px;
}

section.joinForm h2 span{
	font-size:12px;
	color:#666;
	float:right;
}

section.joinForm h2 span b{
	color:#d42c2c;
}

section.joinForm table{
	width:100%;
}

section.joinForm table th{
	width:30%;
	text-align:left;
	font-size:13px;
	padding:10px 0px;
	color:#2d2d2d;
/*	font-weight:normal;*/
	border-bottom:1px solid #aaa;
}

section.joinForm table th span{
	font-size:12px;
	color:#d42c2c;	
}

section.joinForm table td{
	width:70%;
	font-size:13px;
	padding:10px 0px;
	color:#666;
	border-bottom:1px solid #ccc;
}

section.joinForm table td p{
	display:block;
	line-height:40px;
}

section.joinForm table td button{
	width:25%;
/*	background:#666;*/
/*	color:#fff;*/
	border:none;
	border-radius:5px;
	font-size:12px;
	line-height:40px;
	background:#d42c2c;
	color:#fff;
}


section.joinForm table tr.underLine th{
	border-bottom:none;
}

section.joinForm table tr.underLine td{
	border-bottom:none;
}

section.joinForm table td select,
section.joinForm table td input[type=password],
section.joinForm table td input[type=text]{
	width:40%;
	height:40px;
	background:#eee;
	border:none;
	border-radius:5px;
	color:#2d2d2d;
	padding:0px 5px;
	font-size:13px;
}

section.joinForm table td select.w20,
section.joinForm table td input.w20{
	width:20% !important;
}

section.joinForm table td select.w25,
section.joinForm table td input.w25{
	width:25% !important;
}

section.joinForm table td select.w30,
section.joinForm table td input.w30{
	width:30% !important;
}

section.joinForm table td select.w50,
section.joinForm table td input.w50{
	width:50% !important;
}

section.joinForm table td select.w60,
section.joinForm table td input.w60{
	width:60% !important;
}	

section.joinForm table td select.w80,
section.joinForm table td input.w80{
	width:80% !important;
}	


section.joinForm .agree{
	width:100%;
	height:150px;
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
	box-sizing:border-box;
	padding:10px 20px;
	font-size:12px;
	background:#eee;
	color:#2d2d2d;
}

section.joinForm .agree a{
	color:#2d2d2d;
}

span.agreeTxt{
	display:inline-block;
	font-size:14px;
	color:#2d2d2d;
}

section.joinForm .joinBtnSet{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	padding:20px 0px;
	border-top:1px solid #eee;
}

section.joinForm .joinBtnSet button{
	width:30%;
	height:40px;
	text-align:center;
	background:#d42c2c;
	color:#fff;
	border-radius:5px;
	margin:0px 10px;
	font-size:15px;
}



section.joinForm .joinBtnSet button.cenBtn{
	background:#666;
	color:#fff;
}

table.paymentTbl{
	
}

table.paymentTbl td{
	text-align:right;
	padding-right:40px;
	font-size:17px;
}

a.joinTag{
	font-size:12px;
	display:block;
	width:100%;
	text-align:center;
}

footer{
	border-top:1px solid #292929;
}

footer img,
section img{
	width:100%;
	display:inline-block;
}




.gotoTop{
	width:50px;
	height:50px;
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:1000;
	display:none;
}

.gotoTop img{
	width:100%;
}

@media only screen and (orientation: landscape) {
/* ¸ð¹ÙÀÏ °¡·ÎÀ϶§ */	

	.sampleBoxMov{
		width:45%;
		left:5%;
		top:12%;
	}

	.rightSide{
		top:17%;
		left:50%;
	}

	.secType{
		top:63%;
	}

	.secType.rightSide{
		top:68%;
	}

}