﻿/*---------------------------------------------
Menu
---------------------------------------------*/
div#sysmenu {	
	width:770px;
	height:30px;
	margin-bottom:15px;
	background-color:#5b96c8; 
}

div#sysmenu .item {
	display:block;
	text-align:center;
	width:110px;
	height:30px;
	background-color:#5b96c8; 
	color:#ffffff;
	font-weight:bold;
	line-height:30px;
	text-decoration:none;
}

div#sysmenu .hover {
	background-color:#3b81c5; 
	color:#ffffff;
}

div#sysmenu .selected {
	background-color:#3b81c5; 
	color:#ffffff;
}


/*---------------------------------------------
Login
---------------------------------------------*/
div#login {
	border:solid 1px #3b81c5;
	background-color:#ffffff;
	margin:50px 210px;
	width:350px; /* [width]350px+(margin:210px+210px)=770px */
	font-size:12px;
	text-align:left;
}

div#login div.inbox {
	width:300px; /* [width]300px+(padding:25px+25px=350px */
	padding:0 25px;
	margin-bottom:15px;
}

/* Title */
div#login h1 {
	width:335px; /* [width]335px+(padding:15px)=350px */
	height:30px;
	padding-left:15px;
	background-color:#5b96c8;
	color:#ffffff;
	font-size:14px;
	line-height:30px;
	margin-bottom:20px;
}

/* Table */
div#login table {
	width:296px; /* [width]296px+(line:2px+2px)=300px */
	margin-bottom:10px;
	border:solid 2px #3b81c5;
	}

div#login th {
	width:90px;
	text-align:center;
	background-color:#3b81c5;
	color:#ffffff;
	border:solid 1px #3b81c5;
	border-bottom-color:#ffffff;
}

div#login td {
	padding-top:10px;
	padding-left:10px;
	background-color:#f5fbfe;
	border:solid 1px #3b81c5;
}

div#login div#button {
	width:300px;
}

/* List [main.aspx] */
div#login ul {
	font-size:14px;
	padding-left:15px;
}

div#login li {
	margin-bottom:10px;
}

div#login li span {
	font-weight:bold;
	font-size:16px;
}


/*---------------------------------------------
Contents
---------------------------------------------*/
div#sys_container {
	border:solid 1px #3b81c5;
	background-color:#ffffff;
	width:670px; /* [width]670px+(margin:50px+50px)=770px */
	margin:25px 50px;
	font-size:12px;
	text-align:left;
}

div#sys_container div.inbox{
	width:620px;
	margin-bottom:15px;
	padding:0 25px;
}

div.inbox_sub{
	width:620px;
	margin:15px 0;
	padding:0 25px;
}

div#sys_container div.inbox div.left {
	width:300px;
	padding-right:20px;
	float:left;
}

div#sys_container div.inbox div.right {
	width:300px;
	float:right;
}

div.sbox10 {
	margin-bottom:10px;
}

div.sbox20 {
	margin-bottom:20px;
}

div#sys_container p.sysdetail_box {
	width:620px;
	text-align:center;
}

/* Title */
div#sys_container h1.title {
	background-color:#5b96c8;
	width:655px; /* [width]655px+(padding:15px)=670px */
	margin-bottom:20px;
	padding-left:15px;
	color:#ffffff;
	font-size:14px;
	line-height:30px;
	text-align:left;
}

h1.subtitle {
	width:620px;
	margin-bottom:5px;
	color:#3b81c5;
	font-size:14px;
	text-align:left;
}

/* table */
table.sys_table {
	border:solid 2px #000099;
	width:616px; /* [width]616px+(line:2px+2px)=620px */
}

table.sys_table th.n,
table.sys_table td.n,
table.sys_table th.w,
table.sys_table td.w {
	border:solid 1px #000099;
	margin:0;
	padding:5px;
	color:#000000;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
}

table.sys_table th.n,
table.sys_table th.w {
	background-color:#3b81c5;
	color:#ffffff;
}

table.sys_table td.n,
table.sys_table td.w {
	background-color:#eeeeee;
}

table.sys_table th.n {
	width:58px; /* [width]58px+(padding:5px+5px)+(line:1px+1px)=70px */
}

table.sys_table td.n {
	width:534px; /* [width]534px+(padding:5px+5px)+(line:1px+1px)=546px */
}

table.sys_table th.w {
	width:98px; /* [width]98px+(padding:5px+5px)+(line:1px+1px)=110px */
}

table.sys_table td.w {
	width:494px; /* [width]494px+(padding:5px+5px)+(line:1px+1px)=506px */
}

/* Mncd Table */
div#sys_container table.mncd_table {
	border:solid 2px #000099;
	width:296px; /* [width]296px+(line:2px+2px)=300px */
}

div#sys_container table.mncd_table th {
	border:solid 1px #000099;
	background-color:#3b81c5;
	width:90px;
	color:#ffffff;
	text-align:center;
}

div#sys_container table.mncd_table td {
	border:solid 1px #000099;
	background-color:#eeeeee;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
}

div#sys_container table.mncd_table td.new {
	padding-top:0;
	height:30px;
	vertical-align:middle;
}



