@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family: Arial, SimSun, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
}
ul,li{
	padding:0;
	margin-left:0;
}
ol{
	padding:0;
	margin-left:0;
	margin-top:0px; 
	margin-bottom:10px;
}
input{
	width: 90%;
	border:1px solid #d5d5d5;
}	
select{
	width: 95%;
}
div .center{
	text-align:center;
}
h3{
	line-height:0.6em;
}
.title {
	font-size: 1.1em;
	font-weight: bolder;
	color: #017fb2;
	line-height: 1.0em;
}

div #content{
	width: 96%;
	margin: 0 2%;
	line-height: 1.2em;
	padding:0.5em 0 0.5em 0;
}
.blueText {
	clear:both;
	color: #017fb2;
}
.greenText {
	clear:both;
	color: #00922d;
}
.greenText1 {
	clear:both;
	color: #00922d;
	font-family: Arial, SimSun, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height:0.3em;
}
.greenText2 {
	clear:both;
	color: #00922d;
	font-family: Arial, SimSun, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	line-height:0.3em;
}
.grayText {
	clear:both;
	color: #949494;
}

.table ul, .table li{
	list-style: none;
}
.table .left {
	float: left;
	width: 45%;
	font-size:0.8em;
}
.table .right {
	float: left;
	width: 54%;
	font-size:0.8em;
}
.table li {
	margin: 0.1em;
	padding: 0.5em 0;
	text-align: center;
}
.firstRow {
	color:white;
	background-color: #00a0e4;
}
.secondRow {
	background-color: #ace2ff;
}
.thirdRow {
	background-color: #d8f0fd;
}
.underline{
	text-decoration:underline
}
div .field {
	clear:both;
  width:90%;
	/*margin:1em 30% 0 10%;
	text-align:right;*/
}

#submit_exp{
	height:50px;
	width:50%;
	margin:20px auto;	
}
#submit_exp ul,#submit_exp li{
	list-style:none
}
#submit{
	font-size: 14px;
	width: 100%;
	height: 45px;
	color:white;
	line-height: 45px;
	background-color: #01a044;
	margin: 1em auto
}
#explanation{
	font-size:0.8em;
	height:25px;
	line-height:27px;
	float:left;
	width:250px;
	color: #00922d;
}
.text ol{
	padding:0 0 0 1.4em;
}
@media screen and (max-width:640px){
	body {
		font-size: 12px;
	}
	div #content{
		width: 100%;
		margin: 0 auto;
		line-height: 1.6em;
	}
	.table .left {
		width: 45%;
		font-size:0.8em;
	}
	.table .right {
		width: 54%;
		font-size:0.8em;
	}
	
	div .field {
		width: 90%;
		margin: 0 auto;
		text-align:justify;
	}
	input{
		width: 95%;
		height: 34px;
		margin: 0;
		margin-top: 1.5em;
		padding-left: 1em;
	}
	select{
		width: 100%;
		height: 36px;
		margin-top: 1.5em;
		padding-left: 1em;
		font-size: 12px;
	}
	#submit_exp{
		width: 100%;
		margin:20px auto;
	}
	#submit_exp ul,#submit_exp li{
		list-style:none
	}
	#submit{
		font-size:14px;
		width: 100%;
		height: 45px;
		line-height: 45px;
		cursor:pointer;
		background-color: #01a044;
		margin: 1.5em auto
	}
	#explanation{
		font-size:0.7em;
		height:25px;
		line-height:27px;
		float:left;
		width:70px;
		color: #00922d;
	}
	form .left{
		margin:0;
		float:left;
		width:100px;
	}
	form .right{
		float:left;
		width:185px;
	}
}


/********** 20140721 **********/
#main .center{
	text-align: center
}
#main .ext{
	width: 90%;
	margin: 0 auto;
	padding: .5em;
	background-color: white;
	border: 1px solid #d2d3d5;
	font-size: .8em;
	line-height: 1.4em;
	position: relative;
	top: -20px;
}
.nav {
	width:92%;
	margin:0 auto;
	clear:both;
	border: 1px solid #007ba7;
	height: 39px
}
.nav ul, .nav li {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 1em;
	height: 39px;
	line-height: 39px;
	cursor: pointer;
	background-color: #f7f6fb;
	
}
.nav li:first-child, .nav li:nth-child(2) {
	border-right: 1px solid #007ba7;
	width: 33.1%;
	float: left;
}
.nav ul:after{
	content: "";
	display: block;
	line-height: 1px;
	height: 1px;
	clear: both;
}
.nav li:last-child {
	width: 33.2%;
	float: left;
}
.nav li.active{
	background-color: #007ba7;
	color: white
}
#main .form{
	width: 92%;
	border: 1px solid #d5d5d5;
	border-top: none;
	margin: 0 auto;
}
.field ul{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	margin-top: 1.5em;

}
.field ul:after{
	content: "";
	display: block;
	line-height: 1px;
	height: 1px;
	clear: both
}
.field li{
	width: 32.6561336%;
	height: 34px;
	line-height: 34px;
	display: block;
	float: left;
	border: 1px solid #c2c2c2;
	border-right: none
}
.field .title{
	padding-left: 3px;
	color: #333333;
	font-weight: normal;
	width: 32%
}
.field .options{
	text-align: center;
	background-color: #e5e5e5
}
.field .options:last-child{
	border-right: 1px solid #c2c2c2;
}
.field .options.active{
	background-color: #01a044;
	border-top: 1px solid #01a044;
	border-bottom: 1px solid #01a044;
	color: white;
}
.field #city{
	color: #333333;
}
footer{
	width: 80%;
	margin: 0 auto
}
a, a:visited, a:active{
	color: #333333;
	text-decoration:none;
}

@media screen and (min-width:640px){
	.field {
		clear:both;
	  width:80%;
		margin:0 auto;
		text-align:right;
	}
	input, select{
		width:100%;
	}
}