@charset "utf-8";
/* CSS Document */

body{
	background:#84becf;
	min-height:652px;
}

.logo{
	background:url(/images/red/logo.png) no-repeat center;
	-moz-background-size:auto 100%;  
    background-size:100% auto;
	width:50vw;
	position:absolute;
	top: 3vw;
	left: 1vw;
}

.index{
	width:inherit;
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ed7e7), color-stop(1, #84becf));*/
	min-height:140vw;
	padding-top:5vw;
}


.sbody{
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	margin:auto;
}

.index .big{
	background:url(/images/red/big01.png) no-repeat center;
	-moz-background-size:100% auto;  
    background-size:100% auto;
	width:95vw;
	margin:auto;
	height:70vw;
	padding-bottom: 8vw;
	margin-top:20vw;
	margin-bottom:8vw;
}

.help .big{
	background:url(/images/red/box03.png) no-repeat center;
	-moz-background-size:auto 100%;  
    background-size:auto 100%;
	width:79vw;
	margin:auto;
	height:65vw;
	padding:auto 10vw;
	padding-top:20vw;
	padding-bottom: 8vw;
	margin-top:20vw;
	margin-bottom:-8vw;
}

.help .big .txt{
	background:url(/images/red/txt03.png) no-repeat center;
	-moz-background-size:auto 100%;  
    background-size:auto 90%;
	width:80%;
	margin:auto;
	height:inherit;
	z-index:20;
}

.need .big{
	background:url(/images/red/tit02.png) no-repeat center;
	-moz-background-size:100% auto;  
    background-size:100% auto;
	width:95vw;
	margin:auto;
	height:60vw;
	padding-bottom: 8vw;
	margin-bottom:8vw;
}

.yesb .oktxt{
	background:url(/images/red/txt_ok04.png) no-repeat center;
	-moz-background-size:100% auto;  
    background-size:100% auto;
	width:90vw;
	margin:auto;
	height:50vw;
	padding-bottom: 8vw;
	margin-bottom:8vw;
}

.yesb .failtxt{
	background:url(/images/red/txt_fail04.png) no-repeat center;
	-moz-background-size:100% auto;  
    background-size:100% auto;
	width:80vw;
	margin:auto;
	height:60vw;
	padding-bottom: 8vw;
	margin-bottom:8vw;
}

.yesb .timetxt{
	background:url(/images/red/txt_time04.png) no-repeat center;
	-moz-background-size:100% auto;  
    background-size:100% auto;
	width:60vw;
	margin:auto;
	height:6vw;
	padding-bottom: 8vw;
	margin-bottom:8vw;
}

.line{
	display:-webkit-box;
	display:-moz-box;
	-moz-box-align:stretch;
	-webkit-box-align:stretch;
	height:12vw;
	margin:0 10vw;
	margin-bottom:5vw;
}

.line.big{
	height:15vw;
}

.line.sbig{
	height:30vw;
}

.line .item{
	-webkit-box-flex:1;
    -moz-box-flex:1;
	width:1%;
	text-align:center;
	height:inherit;
}

.line .item2{
	-webkit-box-flex:2;
    -moz-box-flex:2;
	width:1%;
	height:inherit;
}

.btn{
	width:50%;
	height:100%;
	margin:auto;
	height:inherit;
}

.larg .btn{
	width:60%;
}

.item .btn{
	width:85%;
	height:100%;
	margin:auto;
	height:inherit;
}

.btn.need{
	background:url(/images/red/btn_need.png) no-repeat center;
	-moz-background-size:auto 100%;  
    background-size:auto 100%;
}

.btn.help{
	background:url(/images/red/btn_help.png) no-repeat center;
	-moz-background-size:auto 100%;  
    background-size:auto 100% ;
}

.btn.wait{
	background:url(/images/red/btn_wait.png) no-repeat center;
	-moz-background-size:100% auto;  
    background-size:100% auto;
}

.btn.back{
	background:url(/images/red/btn_back.png) no-repeat center;
	-moz-background-size:auto 100%;  
    background-size:auto 100%;
}

.btn.sesn{
	background:url(/images/red/btn_sn.png) no-repeat center;
	-moz-background-size:100% auto;  
    background-size:100% auto;
}

.sn{
	font-family:Tahoma, Geneva, sans-serif !important;
	width:100%;
	height:inherit;
	vertical-align:bottom;
	text-align:center;
	color:#A46027 !important;
	font-size:6vw !important;
}