#register input[type=checkbox]{
	margin-right:10px;
}

/* profile */
#profile {
    width: 480px;
    margin: 0 auto;
	padding-top: 30px;
}
#profile .form-control{
	height:45px;
}
#profile p,#register .section-title p{
	background-color: #eee;    
    padding: 5px;
	border-radius: 4px;
}
#profile p.co,#profile p.cw,#register p.cw{
	background-color: #5ac29f;
}
#p-profile .check{
	text-align: center;
    padding: 15px 0 0;
    color: red;
}
#register .login-wrap{
	max-width: 480px;
	padding-top: 30px;
}
#register .login-content{
	padding: 10px 30px 20px;
}
#register .section-title{
	padding-left: 15px;
}
#register .section-title h2{
	font-size: 21px;
}
#register p.cw{
	margin-bottom:10px;
}
#registerBtn,#loginBtn{
	background-color: #fdbd15;
	-webkit-box-shadow: 0px 16px 29px 11px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 16px 29px 11px rgba(0,0,0,0.75);
	box-shadow: 0 16px 29px -11px rgba(0,0,0,0.75);
	font-weight: bold;
}
#profile .bl2 p{
	width: 196px;
	height: 34px;
	margin: 30px auto 0;
}
#p-profile .bl_{position:relative;}
#p-profile .bl_ a{
	position:absolute;
	top: 6px;
    right: 116px;
	background-color: #4a9f82;
    width: 30px;
    height: 30px;
    background-size: 60%;
    background-position: center;
    border-radius: 50%;
}
#p-profile .bbl_ p{
	padding: 10px 17px;
}
#p-profile .bbl_ a{
	position:absolute;
	top: 38px;
    right: 24px;
}
#p-profile #avatarModal img{
	float:left;
	margin:13px;
	border: 2px solid #171224;
	width:21%;
}
#p-profile #avatarModal img.on{
	border: 2px solid #171224;
	background-color:#171224;
}
#p-profile .selBtn.on{
	background-color: green;
    color: #fff;
}

#p-profile #avatarModal .modal-body{
	height: 324px;
	overflow: scroll;
}
#p-profile #nicknameModal, #p-profile #nicknameModal .modal-lg,
#p-profile #fullnameModal, #p-profile #fullnameModal .modal-lg,
#p-profile #emailModal, #p-profile #emailModal .modal-lg,
#p-profile #passModal, #p-profile #passModal .modal-lg,
#p-profile #membershipTypeModal, #p-profile #membershipTypeModal .modal-lg,
#p-profile #threePacketModal, #p-profile #threePacketModal .modal-lg,
#p-profile #membershipTimeModal, #p-profile #membershipTimeModal .modal-lg,
#p-profile #membershipTime3Modal, #p-profile #membershipTime3Modal .modal-lg,
#p-profile #paymentModal, #p-profile #paymentModal .modal-lg
{
	max-width:360px;
	margin:15px auto;
}
.modal-body {
    min-height: 224px;
}
.sH .modal-body{
	min-height: 110px;
}
#threePacketModal input {
    margin-bottom: 15px;
}
#p-profile .btnDR{
	text-align: center;
    line-height: 2;
}
#paymentModal input{
	width:100%;
	margin-bottom: 20px;
}
#paymentModal .col12{width:100%;}
#paymentModal .col6{
	width:50%;
	float: left;
}
.selBtn {
    padding: 15px;
    width: 80%;
    margin: 15px auto;
    text-align: center;
    border: 1px solid;
	cursor:pointer;
}
@media only screen and (width: 768px) {
	#p-profile #avatarModal img {
		margin: 10px;
	}
}
@media only screen and (max-width: 767px) {
	#profile{
		width:100%;
	}
	#p-profile .bl_ a{
		right:83px;
	}
	#p-profile #avatarModal img {
		width: 42%;
	}
}
@media only screen and (max-width: 375px) {
	#p-profile .bl_ a{
		right:63px;
	}
	#p-profile #avatarModal img {
		width: 41%;
	}
}
@media only screen and (max-width: 360px) {
	#p-profile .bl_ a{
		right:57px;
	}
}