@charset "utf-8";

@import url(layout.css);
@import url(block.css);
@import url(forms.css); 
@import url(content.css);
@import url(modules.css);

html {}

body {
	background: #FFF url(../img/bg_body.jpg) left top repeat-x;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
}

/* ------------ logo in header ------------ */
#header .logo { padding: 13px 0 0 20px;}

/* ------------ Site name in header ------------ */
#header .sitename {}
#header .sitename a {}
#header .sitename a:hover{}

/* ------------ slogan in header ------------ */
#header .slogan {}

#date_time, #date_time input {text-shadow: 1px 1px 2px #aaa;}

/* ------------ banner ------------ */
#banner {
	text-align: center;
	padding: 5px;
}

/* ------------ content  ------------ */
#xo-content {
	clear: both;
	font-size: 1.0em;
	/*line-height: 170%;/*設定後會使upload topbar無法水平*/
	overflow: hidden;
	vertical-align: top;
	/*margin: 5px;*/
}
/* ------------ footer  ------------ */
#xo-footer .xo-footer-editarea {
	width: 910px;
	margin: 0 auto;
	/*background: #F3F3F3 url(../img/bg_foot_textarea_c0c0c0.jpg) left bottom repeat-x;*/
	border-top: 1px solid #F5F5F5;
	/*min-height: 160px;*/
}

/* V------------ for table ------------ */
/*
.outer { border: 1px solid silver;}
.head {background-color: #265EB9; padding: 2px; font-weight: bold; color: #FFF;}
.head a {color: #FFF; text-decoration: underline;}
.head a:hover {text-decoration: none;}
.even, tr.even td {
	background-color: #F5F5F5;
	padding: 2px;
	border-top: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px dotted #E2E2E2;
	border-left: 1px solid #E2E2E2;
}
tr.even td a, .odd a, tr.odd td a {
	color: #666;
	font-weight: normal;
}
.even:hover, tr.even td:hover, .odd:hover, tr.odd td:hover {
	background-color: #ECEBEA;
}
.odd, tr.odd td {
	background-color: #F5F5F5;
	padding: 2px;
	border-top: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px dotted #E2E2E2;
	border-left: 1px solid #E2E2E2;
}
.foot {padding: 2px; font-weight: bold; text-align: center;}
*/

.outer {background-image: url(../img/bg_outer.jpg);}
/* --- COLOR BLUE
.head {background-color: #0064C8; padding: 2px; font-weight: bold; color: #FFF;}
.head a {color: #FFF; text-decoration: none;}
.head a:hover {text-decoration: underline;}
 --- */
.head {background-color: #ECEBEA; padding: 2px; font-weight: bold; color: #666;}
.head a {color: #666; text-decoration: none;}
.head a:hover {text-decoration: underline;}

.even, tr.even td {background-image: url(../img/bg_outer.jpg); border: 1px solid #ECEBEA; padding: 2px;}
.odd, tr.odd td {background-image: url(../img/bg_outer.jpg); border: 1px solid #ECEBEA; padding: 2px;}

.even a, tr.even td a, .odd a, tr.odd td a {color: #666; font-weight: normal; padding: 2px;}
.even:hover, tr.even td:hover, .odd:hover, tr.odd td:hover {background-color: #ECEBEA; padding: 2px;}
.foot {font-weight: bold; text-align: center; padding: 2px;}

/* V------------ System Comment ------------ */
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #0053A6; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #0053A6; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}