#main{
	width:100%;
}



#main .topInfo{
	width:100%;
	padding:20px 3%;
	box-sizing:border-box;
	background:#fff;
}

#main .topInfo .txA{
	display:inline-block;
}

#main .topInfo .txA .greet{
	font-size:15px;
	color:#222;
}

#main .topInfo .txA .level{
	font-size:18px;
	color:#222;
	margin-top:10px;
	font-family:'ONE-Mobile-bold'
}


#main .topInfo .txA .starList{
	width:100%;
	margin-top:1.2em
}

#main .topInfo .txA .starList li{
	width:25px;
	display:inline-block;
	margin-right:2px;
}

#main .topInfo .txA .starList li img{
	width:100%;
}


#main .topInfo .arrow{
	display:inline-block;
	float:Right;
	width:40px;
}

#main .topInfo .arrow img{
	width:100%;
}



#main .noti{
	widtH:100%;
	padding:10px 0px;
	text-align:center;
	background:#EEE7E7;
}

#main .noti .ico{
	width:25px;
	display:inline-block;
	vertical-align:Middle;
}

#main .noti .ico img{
	width:100%;
}


#main .noti .tx{
	display:inline-block;
	vertical-align:Middle;
	font-size:14px;
	color:#777;
	
}







#main .visual{
	width:100%;
	background:#f7f7f7;
}


#main .visual .mySwiper{
	width:100%;
	padding:30px 0%;
	box-sizing:border-box;
}

#main .visual .mySwiper .swiper-wrapper>div{
	width:100% !important;
	position:Relative;
	border-radius:10px;
	padding:20px;
}

#main .visual .mySwiper .swiper-wrapper>div:nth-child(1){
	background:#fff;
}

#main .visual .mySwiper .swiper-wrapper>div:nth-child(2){
	background:#FF6A3B;
	color:#fff;
}
#main .visual .mySwiper .swiper-wrapper>div:nth-child(3){
	background:#FFC700;
	color:#fff;
}



#main .visual .mySwiper .swiper-wrapper>div .subjA{
	widtH:100%;
}

#main .visual .mySwiper .swiper-wrapper>div .subjA .nm{
	widtH:100%;
	font-size:14px;
	font-family:'Rajdhani';
}

#main .visual .mySwiper .swiper-wrapper>div .subjA .pay{
	widtH:100%;
	font-size:22px;
	font-family:'Rajdhani';
	font-weight:600;
	margin-top:5px
}


#main .visual .mySwiper .swiper-wrapper>div .subjA .subs{
	widtH:100%;
	font-size:14px;
	word-break:Keep-all;
	line-height:22px;
	margin-top:20px;
}



#main .visual .mySwiper .swiper-wrapper>div .qrBtn{
	widtH:100%;
	margin-top:100px;
	font-size:15px;
	font-family:'Rajdhani';
}


#main .visual .mySwiper .swiper-wrapper>div .qrBtn .arrow{
	width:9px;
	display:inline-block;
	margin-left:10px;
}


#main .visual .mySwiper .swiper-wrapper>div .qrBtn .arrow img{
	width:100%;
}




#main .visual .mySwiper .swiper-wrapper>div .handImg{
	width:100%;
	position:absolute;
	width:40%;
	right:0px;
	bottom:0;
}

#main .visual .mySwiper .swiper-wrapper>div .handImg img{
	width:90%;
}




#main .shortList{
	width:100%;
	background:#f7f7f7;
	padding:0px 3% 30px;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:bottom;
}



#main .shortList li{
	width:32%;
	display:inline-block;
	float:left;
	margin-left:2%;
	background:#fff;
	border-radius:10px;
	padding:15px;
	box-sizing:border-box;
	margin-top:10px;
}

#main .shortList li:nth-child(3n+1){
	margin-left:0%;
}



#main .shortList li .subj{
	font-size:13px;
	color:#222;
}


#main .shortList li .ico{
	display:inline-block;
	margin-top:20px;
}

#main .shortList li .ico img{
	height:35px;
}



#main .memBuy{
	width:100%;
	background:#f7f7f7;
	padding:30px 3% 10px;
	box-sizing:border-box
}

#main .memBuy .subjA{
	width:100%;
}

#main .memBuy .subjA .subs{
	width:100%;
	font-size:16px;
	color:#222;
	font-family:'rajdhani';
}


#main .memBuy .subjA .subjLine{
	width:100%;
	display:inline-block;
	margin-top:5px;
}

#main .memBuy .subjA .subjLine .subj{
	font-size:18px;
	color:#222;
	display:inline-block;
}

#main .memBuy .subjA .subjLine .arrow{
	width:8px;
	display:inline-block;
	float:Right;
}

#main .memBuy .subjA .subjLine .arrow img{
	width:100%;
}





#main .memBuy .memBuyList{
	width:100%;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	margin-top:20px;
	
}

#main .memBuy .memBuyList li{
	width:100%;
	display:inline-block;
	margin-top:20px;
}

#main .memBuy .memBuyList .ico li:first-child{
	margin-top:0px;
}


#main .memBuy .memBuyList .ico{
	display:inline-block;
	vertical-align:middle;
	
}

#main .memBuy .memBuyList li:first-child .ico img{
	width:25px;
}

#main .memBuy .memBuyList li:nth-child(2) .ico img{
	width:18px;
	margin-right:7px;
}



#main .memBuy .memBuyList .subj{
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	color:#222;
}

#main .memBuy .memBuyList .price{
	display:inline-block;
	vertical-align:middle;
	float:Right;
	font-size:15px;
	color:#FF6A3B;
	font-family:'rajdhani'
}

#main .aboutBanner{
	display:inline-block;
	width:100%;
	background:#f7f7f7;
	padding:0px 3%;
	box-sizing:border-box;
}



#main .aboutBanner a{
	display:inline-block;
	width:100%;
	background:#FF6A3B;
	box-sizing:border-box;
	padding:10px 10px 0px 10px;
	border-radius:10px;
}


#main .aboutBanner a .tx{
	display:inline-block;
	font-size:15px;
	color:#fff;
	margin-top:10px;
}

#main .aboutBanner a .img{
	display:inline-block;
	float:Right;
	width:50px;
}

#main .aboutBanner a .img img{
	width:100%;
}