@charset "utf-8";
@font-face {
	font-family:inF;
	font-weight:bolder;
	src: url("../font/sut.ttf");
	format("truetype");
}
@font-face {
	font-family:bf;
	src: url("../font/sol.ttf");
	format("truetype");
}
/*
@font-face {
	font-family:Arial;
	src: url("../font/arial.ttf");
	format("truetype");
}
@font-face {
	font-family:"Times New Roman";
	src: url("../font/times.ttf");
	format("truetype");
}
*/

body{
	margin:0px;	
	font-family:bf;
	font-size:18px;
	background:#1a81a3 fixed bottom;
	background-image:url(../img/bg2.png);
	background-size:4px;
	background-repeat:repeat-x;
}
a{
	text-decoration:none;
	color:inherit;
}
a:hover{
	color:#CCC;
}
table{
	font-family:bf;
}
select{
	width:410px;
	font-family:inF;
	font-size:20px;
	padding:4px 10px;
	margin:1px;
	border:1px solid #999;
	box-shadow: 0px 0px 5px #CCC;
}
.eng_btn{	
	font-family:bf;
	font-size:12px;
	background:#014156;
	color:#FFF;
	border:2px solid #CCC;
	cursor:pointer;
	padding:0px 10px;
	box-shadow: 0px 0px 5px #CCC;
}
input[type=button]{
	font-family:bf;
	font-size:18px;
	background:#014156;
	color:#FFF;
	border:2px solid #CCC;
	cursor:pointer;
	padding:0px 10px;
	box-shadow: 0px 0px 10px #CCC;
}
input[type=submit]{
	font-family:bf;
	font-size:18px;
	background:#014156;
	color:#FFF;
	border:2px solid #CCC;
	cursor:pointer;
	padding:0px 10px;
	box-shadow: 0px 0px 10px #CCC;
}
input[type=reset]{
	font-family:bf;
	font-size:18px;
	background:#014156;
	color:#FFF;
	border:2px solid #CCC;
	cursor:pointer;
	padding:0px 10px;
	box-shadow: 0px 0px 10px #CCC;
}
input[type=text]{
	font-family:inF;
	font-size:20px;
	background:#FFF;
	border:1px solid #999;
	padding:4px;
	margin:1px;
	width:400px;
	box-shadow: 0px 0px 5px #CCC;
}
input[type=text]:disabled{
	background:#e1e0e0;
	margin:1px;
	box-shadow: 0px 0px 5px #CCC;
}
input[type=password]{
	background:#FFF;
	border:1px solid #999;
	font-size:20px;
	padding:4px;
	margin:1px;
	box-shadow: 0px 0px 5px #CCC;
}
.txtSmall{ width:10px; background:#0CF; font-size:10px; }

#screen{
	font-family:bf;
	margin:0px;
	color:#000;
	text-align:center;
	width:100%;
}
#topBar{
	top:0;
	height:25px;
	width:100%;
	font-size:14px;
	background:url(../img/topBg.png) repeat-x;
	background-size:auto 25px;
	border-bottom:2px groove #CCC;
	position:fixed;
	z-index:5;
}
#head{
	background:url(../img/headSide1.png) no-repeat right bottom;
	background-size:250px auto;
	color:#FFC;
	padding:0;
	font-family:bf;
	margin:27px 0 0 0;
	height:150px;
}

#menu{
	background:url(../img/topBg.png) repeat-x;
	background-size:auto 30px;
	border-top:2px groove #CCC;	
	border-bottom:2px groove #CCC;
}

#body{
}
#bodyRight{
	color:#FFF;
	float:right;
	display:block;
	width:75%;
	padding-bottom:100px;
}
#noticeBoard{
	font-size:18px;
	background:#FFF;
	color:#333;	
	display:block;
	height:400px;
	width:100%;
	margin:5px;
	margin-bottom:100px;	
	box-shadow: 2px 2px 10px #CCC;
}
#bodyLeft{
	color:#FFF;
	float:left;
	width:25%;
}

#foot{
	background:#014156;
	background-size:auto 20px;
	position:fixed;
	top:100%;
	margin-top:-25px;
	font-family:Arial;
	font-size:10px;
	color:#FFF;
	width:100%;
	height:20px;
	padding:5px 0;
	border-top:1px groove #CCC;
	clear:both;
}
.menuStyle{
	text-decoration:none;
}
.wid-none{width:5px;}
td{
	height:20px;
}

th p.l{
	width:30%; border-right:0px solid #CCC; border-top:1px solid #CCC; margin:0; padding:0; float:left; background:#128ab2;
}
th p.r{
	width:70%; border-top:1px solid #CCC; margin:0; padding:0; float:left;	
}
td p.l{
	width:30%; border-right:0px solid #CCC; margin:0; padding:0; float:left; background:#128ab2;
}
td p.r{
	width:70%; border-right:none; margin:0; padding:0; float:left;	
}

table.data tr{
	background-size:10px;
}
table.data tr.tableHead{
	background:#039; color:#FFF; font-family:bF; background:url(../img/topBg.png); background-size:14px; height:28px; font-size:18px;
}
table.data tr.tableHead:hover{
	background:#039; color:#FFF; font-family:bF; background:url(../img/topBg.png); background-size:14px; height:28px; font-size:18px;
}

table.data tr th{
	border:1px solid #999;
	vertical-align:middle;
}
table.data tr td{
	border:1px solid #999;
}
table.data tr:hover{
	background:#1e95bd;
	color:#FFF;
}

table.data tr:hover td > * {
	background:#1e95bd;
}
table.data tr td a{
	text-decoration:underline;
}
ul{
	list-style:none;
	z-index:2;
}
li{
	cursor:pointer;
	font-size:20px;
	padding:2px 20px;
}
li:hover{
	background:#014156;
	color:#FFF;
}

#back{background:#003; opacity:0.4; filter:alpha(opacity=40); height:100%; width:100%; position:fixed; margin:-5px 0 0 0; z-index:10; display:none;}
.popup{background:#FFF; position:fixed; min-width:300px; font-size:16px; color:#000; top:45%; left:48%; margin-left:-100px; border:2px solid #666; border-radius:10px; padding:20px; z-index:12; box-shadow:0px 20px 30px #000; display:none;}
.pop-header{ font-size:20px; color:#C00; font-weight:bold;}

nav ul{
	margin:0;
	padding:0px 20px;
	list-style:none;
	position:relative;
	display:inline-table;
}
	nav ul li {
		background:none;
		color:#FFC;
		float:left;
		margin:0px 2px;
	}
	nav ul li:hover > ul {
		display: block;
	}
		nav ul ul {
			display:none;
			position:absolute;
			margin-top:2px;
			margin-left:-40px;
		}
			nav ul ul li {
				background:#04789e;
				color:#FFC;
				float: none;
				font-size:20px;
				/*border-radius:0 0 20px 0;*/
				padding:2px 22px;
				border-bottom:5px solid #999;
			}
			
			nav ul ul li:hover{
				padding-left:24px;
				padding-right:20px;
			}
				nav ul ul ul{
					display:none;
					margin-left:110px;
					margin-top:-30px;
					padding:0px;
					width:250px;
					border-left:3px solid #CCC;
					border-top:3px solid #CCC;
				}
					nav ul ul ul li{
						margin-left:0px;
					}


table.src tr td{ padding:2px 20px; }