@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for free studio
FileName: top.css
--------------------------------------------------------------------- */

/* top */
#top { padding: 0 10px;}
#top .main_image { margin-bottom: 10px;}
#top .information { margin-bottom: 10px;}
#top .serial_number_box { margin-bottom: 50px;}
#top .serial_number_form { width: 822px; height: 110px; background: url(../image/serialform_bg.gif) no-repeat;}
#top .serial_number_form { position: relative;}
#top .serial_number_form .box1 { width: 70px; position: absolute; top:29px; left:435px;}
#top .serial_number_form .box2 { width: 70px; position: absolute; top:29px; left:527px;}
#top .serial_number_form .box3 { width: 70px; position: absolute; top:29px; left:619px;}
#top .serial_number_form .box4 { width: 70px; position: absolute; top:29px; left:710px;}
#top .serial_number_form .login_btn { width: 355px; height: 30px; position: absolute; top:58px; left:430px;}


.serial_massage {
	text-align: center;
	margin: 20px 0;
	font-weight: bold;
	font-size: 14px;
}

#ng {
	margin-bottom: 10px;
}

#ng p {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 2;
}

#ng p a {
	color: #F60;
	text-decoration: none;
}

#ng p a:hover {
	text-decoration: underline;
}

#ng p.ng_massage {
	font-size: 18px;
	color: #F00;
}

/* ========== system maintenance ========== */
#system {
	border: 10px solid #CCC;
	padding: 5px 10px;
	margin-bottom: 10px;
}

#system .info {
	font-weight: bold;
}

#system .time {
	font-weight: bold;
	color: #F00;
}