form,
fieldset{
    padding: 0;
    margin: 0;
    border: 0;
}
form .list{
    margin: 17px 0;
    font-size: 16px;
    overflow:hidden;
}
form .list p{}
form .list span{
    font-size: 15px;
    color: #7c7c7c;
    line-height: 110%;
    padding-left: 15px;
}
form .list p input{
    background: #f2f2f2;
    padding: 12px 20px;
    width: calc(100% - 40px);
    font-size: 16px;
}
form .list p input[type="checkbox"]{ width:auto;}
form .list.notice h3{
    background: #db267e;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    line-height: 110%;
}
form .list.code input{
    width: 100px;
}
form .list.box article{
    background: #fff;
    overflow: auto;
    max-height: 250px;
    padding: 20px 15px 20px 20px;
    border: 1px solid #c1c1c1;
}
form .list.last .back{ float:left;}
form .list.last .back.check, form .list.last .back.join{margin-left: 10px;}
form .list.last .send{float:right;}
form .list.last a{
    display: block;
    background: #2d2d2d;
    color: #fff;
    line-height: 110%;
    padding: 10px 35px;
}
form .list.last .back.join a{background: #ffc052;}
form .list.last .back.check a{background: #5360ee;}
form .list.last #btnOK{
    background: #d7237b;
}
form .list #agreeClause{width: auto;padding: 0;}
@media screen and (max-width: 640px) {
	form .list.box article{
		max-height: 150px;
	}
}
@media screen and (max-width: 560px){
	form .list.last a {
    display: block;
    background: #2d2d2d;
    color: #fff;
    line-height: 110%;
    padding: 10px 14px;
    font-size: 14px;
}
}
@media screen and (max-width: 480px){
	form .list.last .send {
    float: none;
}
form .list.last #btnOK {
    margin: 52px 0 0;
    text-align: center;
}
form .list.last .back.check, form .list.last .back.join {
    margin-left: 13px;
}
}
@media screen and (max-width: 380px){
	form .list.last #btnOK {
    margin: 50px 0 0;
    text-align: center;
}
}