body {
	font-family: "Tahoma";
	font-size: 14px;
	background-color: #fff;
}

.main_body {
	display: block;
	top: 0px;
	left: 0px;
	width: 1200px;
	height:900px;
	margin: 0 auto;
	box-sizing:border-box;
}

#splash {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 1200px;
	height: 900px;
	background-image: url('../img/splash.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-color: white;
	z-index: 9999;
}

#splash_bar {
	position: absolute;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 40px;
	top: 33%;
	box-sizing: border-box;
}

#progress {
	overflow: hidden;
	margin: 100px auto;
	padding: 0 15px;
	width: 220px;
	height: 34px;
	background: #d3d5d9;
	border-radius: 17px;
	background-image: -webkit-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: -moz-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: -o-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: linear-gradient(to bottom, #ebecef, #bfc3c7);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
}

#progress_val {
	float: right;
	margin-left: 15px;
	font: bold 15px/34px Helvetica, Arial, sans-serif;
	color: #333;
	text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

#progress_bar {
	display: block;
	overflow: hidden;
	height: 8px;
	margin: 13px 0;
	background: #b8b8b8;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 60%);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
}

#progress_in {
	display: block;
	min-width: 8px;
	height: 8px;
	background: #1997e6;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #147cd6, #24c1fc);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #147cd6, #24c1fc);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -o-linear-gradient(left, #147cd6, #24c1fc);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), linear-gradient(to right, #147cd6, #24c1fc);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

#dialog_div {
	z-index: 9;
	font-size: 80%;
	display: none;
}

.draw_layer {
	width: 320px;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
}

.white_content_box {
	display:block;
	float:left;
	width:320px;
	padding:0px 24px;
	box-sizing:border-box;
	background-color:#f2f2f2;
}

.white_content_box p {
	font-size:11px;
}

.radio {
	margin:-3px 0 0 0; vertical-align:middle;
}

label {
	margin-left:5px;
}

hr {
	border-top:1px solid #d5d3d3;
	border-left:0;
	border-right:0;
	border-bottom:0
}

.numbox_out {
	display:block;
	float:left;
	margin-bottom:20px;
}

.numbox {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	border: 1px solid #aaa9a9;
	text-align: center;
	line-height: 26px;
	border-collapse:collapse;
	margin-right:-1px;
	margin-bottom:-1px;
	cursor:pointer;
	font-size:12px;
	background-color:white;
}

.active {
	background: #ffb716;
}

.numbox_out1, .numbox_out2, .numbox_out3 {
	display:none;
}

/* media query start */
/* PC Layout: 1024px */
@media only screen and (min-width:1201px) {
	.draw_layer { left: calc(50% - 600px); }
}