/*#############################################################
Name: 立邦貨運 - 線上查詢系統
Date: 2008-06-01
Author: Marcus
#############################################################*/

/* 全域設定 */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #36C;
}
a:hover {
	color: #06F;
}
body {
	background: #FFFFFF;
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}

p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
form {
	padding: 0px;
}
li{
	list-style:none;
}
/* 清除浮動 */
.clearer {
	clear: both;
}

/* 主結構 */
.container {
	background: #FFFFFF;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 1000px;
}

/* 上排標題 */
.header{
	background: url(../img/Logo.jpg.jpg) repeat-x;
}
.header .LogoCenter {
  	width: 100%;
  	overflow: hidden;  	
	background: url(../img/header2.jpg) repeat-x;
}
.header .LogoRight {
	float: right;
  	width: 326px;	
	text-align: right;
	vertical-align: bottom;
	padding: 94px 0px 0px 0px; /*上、右、下、左*/
  	font-size: 88%;
	background: url(../img/header3.jpg) no-repeat;
}
.header .LogoLeft {
	height: 125px;
	background: url(../img/header1.jpg) no-repeat;
}


/* 內部架構 */
.main {
	clear: both;
	padding: 8px 18px;
	overflow:auto;
}

/* 左排導覽列 */
.sidenav {
	background: #EEF3F5;
	border: 1px solid #B5CBD0;
	float: left;
	width: 175px;
}
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav h1 {
	color: #666666;
	font-size: 12px;
	height: 16px;
	margin-top: 6px;
	padding-top:8px;
	border: 1px solid #B5CBD0;
	padding-left:35px;
}
.sidenav h1 a {
	color: #666666;
	text-decoration: none;
}
.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: #EEF3F5;
	margin: 0;
	padding-left:8px;
}
.sidenav li {
	border: 1px solid #EEF3F5;
	border-top: none;
	list-style: none;
	margin: 0;
	font-size:10px;
	font-size: 0.9em;
	color: #777;
}
.sidenav li .padleft{
	padding-left:15px;
}
.sidenav li .textblue{
	color:#0000FF;
}
.sidenav li .textred{
	color:#FF0000;
}
.sidenav li .textbrown{
	color:#990000;
}
.sidenav li .textgreen{
	color:#009933;
}
.sidenav li a {
	color:#3D3D3D;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 16px;
	text-decoration: none;
	background:url(../img/Arrow.png) left center no-repeat;
}
.sidenav li a:hover {
	color:#0000FF;
	background:url(../img/blue_arrow.png) left center no-repeat;
}
.sidenav .title{
	border: 1px solid #B5CBD0;
	background:#328BC2 url(../img/NavTitle1.gif) left -1px repeat-x;zoom:1;
	padding-top:5px;
	text-align:center;
	color: #FFFFFF;
	height:20px;
}

/* 右排內容 */
.content {
	float: right;
	width: 780px;
}
.content .HighLight{
	color:#FF0000;
	font-weight:normal;
}
.content .HighLightBlue{
	color:#0000FF;
	font-weight:normal;
}
.content .HighLightBrown{
	color:#990000;
	font-weight:normal;
}
.content .HighLightGreen{
	color:#006600;
	font-weight:normal;
}
.content .item {
	background: #FFF;
}
.content .item table {
	border-collapse:collapse;
	border:1px solid #B5CBD0;
	padding: 6px 12px;
}
.content .item table td{
	border:1px solid #B5CBD0;
}
.content .item .title{
	font-size:16px;
	background:#D4EBF2;
	font-weight:bold;
	color:#666666;
	text-align:center;
}
.content .item td{
	height:30px;
}

.content .item .tdleft{
	text-align: right;
	padding-right:5px;
}
.content .item .tdright{
	text-align: left;
	padding-left:5px;
}
.content .item .text{
	background: #FFFFFF;
	line-height: 20px;
	height:230px;
}

.content a {
	color: #0000FF;
	text-decoration: none;
}
.content a:hover {
	color: #111;
}

.content .NoticeBoard {
	background: #FFF;
}
.content .NoticeBoard .Step{
	border:0px;
	text-align:left;
	}
.content .NoticeBoard .Content{
	border:0px;
	background:url(../img/Manual/Content.jpg) no-repeat;
	vertical-align:top;
	text-align:left;
	padding-left:10px;
	padding-top:8px;
	font-size:12px;
	padding-right:5px;
	width:25%;
	line-height:20px;
	cursor:pointer;
	}
.content .NoticeBoard li{
	list-style:none;
	}
.content .NoticeBoard table {
	border-collapse:collapse;
	border:1px solid #B5CBD0;
	padding: 6px 12px;
}
.content .NoticeBoard table td{
	border:1px solid #B5CBD0;
}
.content .NoticeBoard .title{
	font-size:16px;
	background:#D4EBF2;
	font-weight:bold;
	color:#666666;
	text-align:center;
}
.content .NoticeBoard td{
	height:30px;
}
.content .NoticeBoard .TrMouseOver{
	background-color: #EEF3F5;
}
.content .NoticeBoard TrMouseOut{
	background: #FFFFFF;
}
.Tips {
	background: #FFF;
	width: 780px;
	float:right;
}
.Tips a {
	color:#FF0000;
}
.Tips a:hover{
	text-decoration:underline;
	}

.Tips table {
	border-collapse:collapse;
	border:1px solid #B5CBD0;
	padding: 6px 12px;
}
.Tips table td{
	border:1px solid #B5CBD0;
	background:url(../img/Tips.png) no-repeat;
	padding-left:26px;
	line-height:20px;
}


/*	列出表格		*/
.content .tablelist table{
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}
.content .tablelist tr{
	background-color: #F3F3F3;
}
.content .tablelist td{
	border:1px solid #CCCCCC;
	text-align:center;
	height:30px;
}
.content .tablelist .title{
	font-size:16px;
	background:#D4EBF2;
	font-weight:bold;
	color:#666666;
}
.content .tablelist .TrMouseOver{
	background-color: #EEF3F5;
}

.content .tablelist .TrMouseOut{
	background: #FFFFFF;
}

.content .tablelist a{
	color: #000000;
}

.content .tablelist a:hover{
	color: #FF0000;
}
/* 註冊表單 */
.content .CreateForm table{
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}
.content .CreateForm td{
	border:1px solid #CCCCCC;
	text-align:center;
	height:30px;
	background-color:#FFFFFF;
}
.content .CreateForm .title{
	font-size:16px;
	background-color:#D4EBF2;
	font-weight: bold;
	}
.content .CreateForm .tdleft{
	text-align: right;
	padding-right:5px;
	}
.content .CreateForm .tdright{
	text-align: left;
	padding-left:5px;
	}
.content .CreateForm option{
	background-color:#F3F3F3;
	}
.content .CreateForm .Display{
	color:#99FF66;
}

/* 下排操作  */
.operate {
	padding-top:20px;
	float: right;
	width: 780px;
}
.operate  table{
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	height:50px;
}
.operate tr{
	background:#D4EBF2;
}
.operate td {
	border:1px solid #CCCCCC;
	text-align:left;
	height:30px;
	padding-left:10px;
	}
/* 底排 */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	padding: 6px;
	width: 980px;
}
.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}

/* 元素特效 */
.ButtonStyleA {		/*	按鍵		*/
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border: 0px solid #C8D2CD;
	background-color:#5DAEF5;
	color: #FFFFFF;
	height: 25px;
	width: 50px;
	margin: 5px;
}
	
.ButtonStyleB {
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border: 0px solid #C8D2CD;
	background-color:#5DAEF5;
	color: #FFFFFF;
	height: 25px;
	width: 80px;
}
.ButtonStyleC {
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border: 0px solid #C8D2CD;
	background-color: #5DAEF5;
	color: #FFFFFF;
	height: 25px;
	width: 60px;
}
.ButtonStyleD {
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border: 0px solid #C8D2CD;
	background-color: #5DAEF5;
	color: #FFFFFF;
	height: 25px;
	width: 50px;
}
.Input {
	background-color:#EEF3F5;
	border: 1px solid #C8D2CD;
	height:20px;
	padding-top: 3px;
	color:#0000CC;
}
.InputFocus {
	background-color:#FFFFFF;
	border: 1px solid #C8D2CD;
	height:20px;
	padding-top: 3px;
	color:#0000CC;
}
.InputUnFocus {
	background-color: #EEF3F5;
	border: 1px solid #C8D2CD;
	height:20px;
	padding-top: 3px;
	color:#0000CC;
}

.textArea {
	background-color:#EEF3F5;
	border: 1px solid #C8D2CD;
	color:#0000CC;
}
.textAreaFocus {
	background-color:#FFFFFF;
	border: 1px solid #C8D2CD;
	color:#0000CC;
	}
.textAreaUnFocus {
	background-color: #EEF3F5;
	border: 1px solid #C8D2CD;
	color:#0000CC;
}

/*跑馬燈*/
#announcement div {
	border: 1px solid #B5CBD0;
	line-height: 35px !important;
	height: 32px;
	overflow-y: hidden;
	padding-left:20px;
	background:#EEEEEE;
}
#announcement div a{
	text-decoration:none;
	color:#0000FF;
	font-weight:600;
}
#announcement div a:hover{
	text-decoration:none;
	color:#FF0000;
}
#announcement li{
	float: left;
	margin-right: 20px;
	padding-left: 10px;
	background: url(../img/arrow_right.gif) no-repeat 0;
	white-space: nowrap;
	height:35px;
}
/*AJAX等待圖示*/
#Loading{
	background:#F6F6F6;
	position:absolute;
	left:0%;
	top:0%;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#ShowLoading{
	background:#FFFFFF url(../img/ajax-loader.gif) no-repeat 7% 50%;
	position:absolute;
	height:20px;
	width:180px;
	top:50%;
	left:45%;
    border:3px solid #B2D0F7; 
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font:bold 14px verdana,tahoma,helvetica;
	font-size:16px;
	font-weight:bold;
}