@charset "utf-8";
/* common */
*{font-family:Verdana, Arial, Helvetica, sans-serif;}
html,body{height:100%; margin:0; padding:0;}
body{font-size:13px; margin:0; background:url(../images/bg-main.gif) repeat-x #f2ece0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}

h1{font-size:3em;}
h2{font-size:1.615em;}
h3{font-size:1.154em;}

.wrapper{margin:0 auto; width:940px;}
.wrapper2{margin:0 auto; width:680px;}
.header-wrapper{background:url(../images/bg-admin-header.gif) no-repeat right top; height:90px;}
.footer{background:url(../images/bg-main-footer.gif) repeat-x; height:60px; text-align:center; padding-top:10px;}

.header-wrapper .info{position:absolute; margin-top:10px; height:18px; display:block; width:770px;}
.header-wrapper .info .left{float:left;}
.header-wrapper .info .right{float:right;}
.header-wrapper .title{position:absolute; margin-top:35px; color:#c33200;  width:800px;}
.header-wrapper .titleblock{position:absolute; margin-top:35px; width:800px;}

.content-wrapper .addblock{width:100%;}
.content-wrapper .addblock ul{margin:0;}
.content-wrapper .block{width:100%; height:30px;}
.content-wrapper .block .right{float:right;}
.content-wrapper .block .left{float:left;}
.content-wrapper .unitblock{margin-top:10px; margin-right:10px;display: -moz-inline-stack;display: inline-block;
vertical-align: top;zoom: 1;*display: inline; width:450px;}
.content-wrapper .unitblock .title{ width:450px; height:30px;}
.content-wrapper .unitblock .title .left{float:left;}
.content-wrapper .unitblock .title .right{float:right;}
.content-wrapper .unitblock .header{background:url(../images/unit-block-header.gif) no-repeat; height:15px; width:448px;}
.content-wrapper .unitblock .body{background:url(../images/unit-block-body.gif) repeat-y;width:428px; padding:0 10px;}
.content-wrapper .unitblock .body ul{margin:0;}
.content-wrapper .unitblock .footer{background:url(../images/unit-block-footer.gif) no-repeat; height:15px; width:448px;}

.unit-wrapper{background:url(../images/bg-unit-header2.gif) no-repeat left top; height:105px;}
.unit-wrapper .info{float:right; width:800px; text-align:right; margin-top:10px;}
.unit-wrapper .title{float:right; width:800px; text-align:right; margin-top:10px;}

#tooltip{
	position:absolute;
	border:1px solid #c6cbaf;
	background:#F30;
	padding:4px 10px;
	color:#fff;
	display:none;
	font-size:13px;
	font-weight:bold;
	z-index:999;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	filter:alpa(opacity=80);
	opacity:0.8;
	}
/* 分頁 */
div.pagination {overflow: hidden;font-size:9pt;padding:10px 0;}
div.pagination ul {list-style: none;padding: 2px 0;line-height: 16px;}
div.pagination li {display: inline;}
div.pagination.black2 {text-align:center;padding: 7px; margin: 3px;}
div.pagination.black2 a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #000000;text-decoration: none; color: #000000;}
div.pagination.black2 a:hover, div.pagination.black2 a:active {border: 1px solid #000000;background-color:#000;color: #fff;}
div.pagination.black2 li.current {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #000000;font-weight: bold;background-color: #000000;color: #FFF;}
div.pagination.black2 li.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}


			  
/* 雙色表單 */
.stripeMe table{border-collapse:collapse;}
.stripeMe td{background-color:#fff;padding:5px; border-collapse:collapse; border:1px solid #818181;}
.stripeMe td th{border:0;border-bottom:1px solid #7c7c7c; background:none;}
.stripeMe td table{border:0;}
.stripeMe td td{background:none; border:0;border-bottom:1px dashed #7c7c7c;}
.stripeMe td tr:last-child td{border-bottom: 0;}
.stripeMe td tr.alt td{background:none;}
.stripeMe th{color:#000; padding:5px; border-collapse:collapse;border:1px solid #818181; background-color:#ffd74e;}
.stripeMe tr.alt td{background-color:#f7f5f1; }
.stripeMe tr.over td{ background-color:#FFFFCC;}

._table td { background-color:#fff; border:0px solid #818181; }
._table th { background-color:#fff; border:0px solid #818181; }

.checkBoxList td{background-color:#fff;padding:5px; border-collapse:collapse; border:0px solid #818181;}

/* input */
.inputsizeSSS{width:40px;}
.inputsizeSS{width:60px;}
.inputsizeS{width:100px;}
.inputsizeM{width:150px;}
.inputsizeMM{width:200px;}
.inputsizeL{width:300px;}
.inputsizeLL{width:350px;}
.inputsizeXL{width:500px;}
.width65{width:65%;}
.width70{width:70%;}
.width75{width:75%;}
.width80{width:80%;}
.width85{width:85%;}
.width90{width:90%;}
.width95{width:95%;}
.width100{width:100%;}

/* line-height */
.lineheight01{line-height:1.2em;}
.lineheight02{line-height:1.5em;}
.lineheight03{line-height:1.8em;}
.lineheight04{line-height:2em;}

/* font */
.font-size1{font-size:0.769em;}
.font-size2{font-size:0.923em;}
.font-size3{font-size:1.154em;}
.font-size4{font-size:1.385em;}
.font-size5{font-size:1.615em;}
.font-size6{font-size:1.843em;}
.font-size7{font-size:2em;}
.font-size8{font-size:2.2em;}
.font-size9{font-size:2.5em;}
.font-bold{font-weight:bold;}
.font-normal{font-weight:normal;}


.font-white{color:#FFFFFF;}
.font-white a{color:#FFFFFF; text-decoration:none;}
.font-white a:hover{color:#B1FEFE;}

.font-gray{color:#4e4e4e;}
.font-gray a{color:#ff6000; text-decoration:none;}
.font-gray a:hover{ text-decoration:underline;}

.font-graylink{color:#4e4e4e;}
.font-graylink a{color:#4e4e4e; text-decoration:none;}
.font-graylink a:hover{color:#ff6000; text-decoration:underline;}

.font-red{color:#FF0000;}



/*
*{
scrollbar-3Dlight-color:#433E30;
scrollbar-arrow-color:#756842;
scrollbar-darkshadow-color:#555144;
scrollbar-face-color:#AB9962;
scrollbar-highlight-color:#CAC5A6;
scrollbar-shadow-color:#766E38;
scrollbar-track-color:#605F53;
}
SCROLLBAR-3DLIGHT-COLOR 捲軸邊框3D底部顏色 
SCROLLBAR-ARROW-COLOR 捲軸箭頭顏色 
SCROLLBAR-DARKSHADOW-COLOR 捲軸右下邊框陰影顏色 
SCROLLBAR-FACE-COLOR 捲軸整體面顏色 
SCROLLBAR-HIGHLIGHT-COLOR 捲軸邊框亮面顏色 
SCROLLBAR-SHADOW-COLOR 捲軸左上邊框陰影顏色 
SCROLLBAR-TRACK-COLOR 捲軸底部顏色 

*/