﻿

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
body{background:#f95761}
.box{width: 100%;height: 100%;max-width: 750px;background:url('../images/bg1.jpg') no-repeat center top;background-size: 100% auto;overflow: hidden;}
.header{width: 100%;overflow: hidden;margin: 48px auto}
.header img{margin-left:30px;}



.tent{margin: 0 auto;padding:0 25px;overflow: hidden;}

.item{overflow: hidden;padding:20px 30px;color: white;}
.item h3{font-size: 32px;font-weight:100;margin-bottom:10px;}
.item p{font-size: 28px;padding: 0 20px;overflow: hidden;}

.item p.item-answer{color: #fff;}
.tfot{width: 100%;margin: 0 auto 80px;overflow: hidden;text-align: center;display: block;padding: 0;}
.tfot .sbtn{ background-color: #fff; width:400px; height:80px; line-height: 80px; color: #fc4a51; font-size:30px; border-radius:40px; display: inline-block; border: 0; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; }

textarea{width: 100%;height: auto;border: 0;background: white;padding: 10px;font-size: 24px;}
.tel{width: 100%;height: auto;border: 0;background: white;padding: 10px;font-size: 24px;}



.items{overflow: hidden;padding:20px 30px 0;color: white;}
.items h3{font-size:32px;font-weight:100;margin: 0;padding: 0;height: 10px;}
.items .tel{font-size:28px;padding:20px;overflow: hidden;margin: 0}


.show{display: none;}



.label{
    position: relative;
    display: block;
    text-align: left;
    cursor: pointer;
    width: 100%;
    font-size: 28px;padding: 10px 30px;overflow: hidden;
}
.check-mark {
	width: 30px;
	height: 30px;
	background-color: #f6f6f6;
	position: absolute;
	left: 0;
	display: inline-block;
	top: 15px;
	border-radius: 50rem;
}
.check-marks{
	width: 30px;
	height:30px;
	background-color: #f6f6f6;
	position: absolute;
	left: 0;
	display: inline-block;
	top: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.label .checkbox:checked + .check-mark {
	background-color: #c30201;
	transition: .1s;
}
.label .checkbox:checked + .check-marks {
	background-color: #c30201;
	transition: .1s;
}
.label .checkbox:checked + .check-mark:after {
	content: "";
	position: absolute;
	width: 16px;
	transition: .1s;
	height: 8px;
	background: #c30201;
	top: 45%;
	left: 50%;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(-50%, -50%) rotate(-45deg);
}/* checkbox circle / Card Left */

.label .checkbox:checked + .check-marks:after {
	content: "";
	position: absolute;
	width: 16px;
	transition: .1s;
	height: 8px;
	background: #c30201;
	top: 45%;
	left: 50%;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(-50%, -50%) rotate(-45deg);
}/* checkbox circle / Card Left */


.checkbox {
    display: none;
}




