@charset "UTF-8";
/* CSS Document */
body {
    color: #363636;
	background: #f5f5f5;
    font: 0.875em Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
.header-box {
	padding:4em 0em;
	background-color:rgba(140,194,8,1);
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-size:cover;
	position: relative;
}
.header-box .logo-box {
	width: 6.25em;
	height: 6.25em;
	border-radius: 50%;
	border: #ffffff 0.1875em solid;
	margin: 0 auto 1.25em auto;
	background-color: #ffffff;
}
.header-box .logo-box img {
	width: 100%;
	height: 100%;
}
.switch-box {
	width: 100%;
}
.switch-box .img-box{
	width: 9.5em; 
	height: 9.5em;
	margin: 2.5em auto 0.625em auto;
}
.switch-box .img-box img{
	width: 100%;
	height: 100%;
}
.switch-box .tips-box{
	width: calc(100% - 2.5em); 
	padding: 1.25em;
	font-size: 1em;
	margin-top: 0.625em;
}
.main-container {
	width: calc(100% - 2em); 
	margin: 0 1em;
	position: absolute;
	z-index: 2;
	top: 14em;
	left: 0;
	border-radius: 0.625em;
	background-color: #ffffff;
}
.main-container .title-box {
	width: calc(100% - 2em); 
	padding: 2em 1em 1em 1em;
	font-size: 1.35em;
	color: #636363;
	font-weight: 500;
	text-align:center;
}
.main-container .input-box {
	width: width: calc(100% - 2.5em); 
	padding: 1.25em 1.25em 0.625em 1.25em;
}
.main-container .notice-box {
	width: width: calc(100% - 2.5em); 
	padding: 0 1.25em 2.6em 1.25em;
}
.main-container .notice-box .notice-title-box {
	width: 100%;
	height: 2em;
	font-size: 1em;
	color: #363636;
	font-weight: 400;
	text-align: center;
	line-height: 2em;
	padding-bottom: 0.8em;
}
.main-container .notice-box .notice-content-box {
	width: 100%;
	font-size: 0.875em;
	color: #9c9c9c;
	line-height: 1.35em;
}