@import url("reset.css");

/* 基本 */
body{font:12px Arial,Helvetica,sans-serif ,"新細明體";
background-color:#C2C2C2;
color:#000000;}



/* 定位 */

#WRAPPER{
	background:#F5F5F3;
}

#CONTENT_LEFT{
	float:left;
	width:210px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#CONTENT_RIGHT{
	margin-left: 240px;
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.23);
	box-shadow: 0 1px 3px rgba(0,0,0,0.23);
	min-width:500px;

}

.logo,  #nav li, .top, .middle , .bottom{
	float:left;
}
#logout ,.welcome{
	float:right;
	background-color: #A71907;
	margin-top: 28px;
}

.fl{float:left;}
.fr{float:right;}


/* 樣式 */
#HEADER{
	background-image: url(../images/hd_bg.jpg);
	background-repeat: repeat-x;
	height:60px;
}

#footer{    
width: 100%;
padding: 0;
background-color: #fef2be;
border-top: 3px solid #fec715;
font-size: 1.867em;
text-align: center;
}

#CONTENT{
}




/* 版頭 */
.top, .middle , .bottom{
}
.middle{
	background-position: 0px -65px;
	padding-top: 10px;
	padding-left: 10px;
}
.bottom{background-position: 0px -130px;width:19px; height:55px;}

.welcome{
	color:#A71907;
	line-height:24px;
	margin-top:0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-right: 10px;
	float: right;
	background-color:transparent;
}

/* 主選單 */
ul#nav{
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #faa31f;
	background-color: #454744;
	margin:0;
	width: 100%;
}

#nav li{
	float: left;
}

#nav li a{
	display:inline-block;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	line-height: 37px;
	background-color: #454744;
	height: 37px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	letter-spacing: 0.05em;
}

#nav li a:hover{
	color:#FFF;
	background-color: #64635a;
}

#nav .current a, #nav .current a span{
}
	



/* 左側選單 */

#CONTENT_LEFT ul{
	text-decoration: none;
	padding: 10px;
	margin: 0;
}

#CONTENT_LEFT ul li a{
	/*height:29px;
	line-height:29px;*/
	display: block;
	background-color: #CCCCCC;
	color: #000;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
}

#CONTENT_LEFT ul li a:hover{
	background-color:#E0E0E0;
	color: #F17B05;
}
#footer .CopyrightBox {
	display: inline-block;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.6em;
	height: 71px;
	text-align: left;
	margin-top: 5px;
}
.Copyright {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.Mark {
	background-image: url(../images/chb_logo2.png);
	height: 71px;
	width: 80px;
	float: left;
}



/* 頁尾 */
#footer p {
}
.highlight{color:#CC0001;}


	
/* 按鈕 */
.btn1, .btn1:hover {
	border: 1px solid #006D86;
	color: #000;
	display: inline-block;
	margin-bottom: 2px;
	padding: 4px 10px;
	text-decoration:none;
}

.btn1:hover{
	background-position:bottom;
}	


.logout_btn {
	color: #FFF;
	font-size: 12px;
	width:30px;
	height:27px;
	line-height:27px;
	text-decoration:none;
	display: block;
	text-align: center;
	margin-right: 10px;
}



.logout_btn:hover{
	color: #000;
}

.pagetitle {
    background-color:#faa31f;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    padding: 6px 13px;
    width:100%;
}