@import url(baradmin.css); 	/* administration access in footer */
@import url(userbar.css); 	/* usermenu in header */
html { margin: 0; padding: 0;}
body { margin: 0; padding: 0; font-family: "微軟正黑體", "新細明體", Verdana, Arial, Helvetica, sans-serif;}
#xo-wrapper {}
#xo-canvas { width:	960px; margin: 0 auto; background :transparent;color: #333;}
table {width: 100%; font-size: 14px;}
table td {vertical-align: top;}

a {color: #555; text-decoration: none; font-weight: normal; background-color: transparent;}
a:hover {color: #f80;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 0px; padding: 0px; list-style: disc inside; text-align: left;}
ol { margin: 0px; padding: 0px; list-style: decimal inside; text-align: left;}
li { padding: 0px 0px 0px 0px; margin-left: 0px; margin-bottom: 0px;}
.CADCH_TD li { padding: 0px 0px 0px 0px; margin:2px 0px 6px 22px;list-style-position:outside;}
#news_block_news li { margin-bottom: 9px; border-bottom: 1px dashed #bbbbbb;}
.news_block_news li { margin-bottom: 9px; border-bottom: 1px dashed #bbbbbb;}
img.banner {border:1px solid #DDDDDD;margin-bottom:5px;}

input {border: 1px solid #AAAAAA; color: #555; font: 12px verdana, arial, helvetica, sans-serif; background :#FFFFFF url(images/input_bg.png) no-repeat right bottom;vertical-align:middle;}
input:hover {color:#fff;background-color: #5E5E5E;}
input.formButton {color:#111;border: 1px solid #D3C8B9; font: 12px verdana, arial, helvetica, sans-serif; background-color: #EBE5DE;}
input.formButton:hover {background-color: #5E5E5E;}
textarea {color:#333;border: 1px solid #EDF1F2; font-size: 12px; width: 100%; background-color :#FFFFFF; background-image: url(images/input_bg.png); background-repeat: no-repeat; background-position: right bottom;}
select {border: 1px solid #D3C8B9; color: #333; font: 12px verdana, arial, helvetica, sans-serif; background-color: #EBE5DE;}

.item {border: 0px solid #132035;}
#content .itemHead {
	padding: 0px;
	color: #36679F;
	margin:0px;
	border: 1px solid #ddd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E2E2E2));
	background: -moz-linear-gradient(#FFFFFF, #E2E2E2);
	background: -ms-linear-gradient(#FFFFFF, #E2E2E2); /*IE10*/
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#E2E2E2);
	-pie-background: linear-gradient(#FFFFFF, #E2E2E2);
	behavior: url(/themes/CHCCD_2012D/PIE.htc);
	}
.itemInfo {text-align: right; padding: 3px; background-color: transparent;}
#content .itemTitle {
	padding:3px 0px 3px 26px;
	font-size:16px;
	font-weight: 900;
	text-shadow: 0px 1px 0px #FFFFFF;
	display:block;
	background: url(images/title_bg.gif) no-repeat 4px 50%;
	border: 1px solid #fff;}
.itemTitle a {color: #333; background-color: transparent;}
.itemPoster {font-size: 11px;}
.itemPostDate {font-size: 11px;}
.itemStats {font-size: 11px;}
.itemBody {padding: 0px;line-height:2.0;}
.itemBody ol,.itemBody ul{list-style-position:outside;margin-left:20px;}
.itemText {margin: 0px; line-height:2.0;background-color: transparent;border-bottom:0px solid #131313;padding-bottom:20px;}
.itemFoot {text-align: right; padding: 4px; background-color: transparent;clear:both;}
.itemAdminLink {font-size: 12px;}
.itemPermaLink {font-size: 12px;}

th {background-color:#252525;color:#FFF;vertical-align:middle;padding:4px;}

div#header {padding:0px;width: 960px;height:490px; background :transparent; margin:0 auto; border: none;position: relative;z-index:5;}

.CIS_960W {
	background:url(images/CIS_960W_BG.gif) 0 top repeat-x #dddddd;
	border-top: 1px solid #fff;
	padding-bottom:1px;
	width:960px;
	height:58px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 3px 5px #777;
	-moz-box-shadow: 0 3px 5px #777;
	-webkit-box-shadow: 0 3px 5px #777;
	}

#CHCCD-globalnav {
	position:		absolute;
	width:			920px;
	height:			58px;
	padding:		0px;
	margin:			0px;
	z-index:		3;
	top:			0px;
	left:			4px;
	background-color:transparent;
}
#CADCH_SEARCH {
	position:		absolute;
	width:			220px;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #dfdfdf;
	font-size:		12px;
	padding:		0px;
	margin:			0px;
	z-index:		4;
	top:			30px;
	right:			0px;
	overflow:hidden;
	background: #e6e6e6;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 1px 0px #f2f2f2;
	-moz-box-shadow:0px 1px 0px #f2f2f2;
	-webkit-box-shadow:0px 1px 0px #f2f2f2;
}
#CADCH_SEARCH input[type="image"] {
	width:			30px;
	height:			6px;
	padding:		5px;
	margin-top:		6px;
	float:right;
	background-color:transparent;
	background-image:none;
	border:none;
}
#CADCH_SEARCH input[type="text"] {
	padding:		2px;
	margin:			2px;
	width:160px;
	border:none;
	height:18px;
	background-image:none;
	background-color:transparent;
}


td#leftcolumn {
	padding:6px;
	width:200px;
	font-size:12px;
	vertical-align: top;
	position:relative;
	z-index: 10;
	background: url(images/DDDDDD.gif) top left repeat-x, url(images/DDDDDD.gif) top right repeat-y, url(images/DDDDDD.gif) bottom left repeat-x, url(images/DDDDDD.gif) top left repeat-y, url(images/FFFFFF.gif) top left repeat;
	}
td#leftcolumn th {background-color:#252525;color:#FFF;vertical-align:middle;}
td#leftcolumn div.blockTitle{	width: 198px;}
td#leftcolumn div.blockContent {	padding: 0px; line-height: 20px; text-align:left;}


#centercolumn {padding:0px;text-align:left; background-color:transparent;}
#centercolumn th {background-color:#252525;color:#FFF;vertical-align:middle;text-align:center;}

#centerCcolumn, #bottomCcolumn {padding: 0px;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {padding: 0px; margin: 0px; line-height: 20px;background-color:  transparent;}

#centerLcolumn, #bottomLcolumn {	width: 50%; padding: 0px 0px 0px 0px;}#centerRcolumn, #bottomRcolumn {	width: 50%; padding: 0px 0px 0px 5px;}

#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	padding: 0px; line-height: 20px;
}

div#content {text-align: left; padding: 0px;border: 0px solid #dddddd;background-color:transparent;}
div#content table {border-spacing: 1px; border-collapse: separate;}

td#rightcolumn {width: 200px; padding: 10px; text-align:left; background:url() left bottom repeat;background:url(images/leftcolumn_bg_IE6.png) left bottom repeat;}
td#rightcolumn th {background-color:#252525;color:#FFF;vertical-align:middle;}
td#rightcolumn div.blockContent {padding: 0px; line-height: 20px;background-color: transparent;}

.blockTitle {
	padding: 0px;
	color: #36679F;
	margin:0px 0px 5px 0px;
	border: 1px solid #ddd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E2E2E2));
	background: -moz-linear-gradient(#FFFFFF, #E2E2E2);
	background: -ms-linear-gradient(#FFFFFF, #E2E2E2); /*IE10*/
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#E2E2E2);
	-pie-background: linear-gradient(#FFFFFF, #E2E2E2);
	behavior: url(/themes/CHCCD_2012D/PIE.htc);
	}
div.blockTitle div.itemHead {
	padding:3px 0px 3px 22px;
	font-size:16px;
	font-weight: 900;
	text-shadow: 0px 1px 0px #FFFFFF;
	display:block;
	background: url(images/title_bg.gif) no-repeat 6px 50%;
	border: 1px solid #fff;
	}
.blockContent {margin:0px 0px 10px 0px;padding: 0px; line-height: 20px;}
div#footer {margin:10px 0px 0px 0px;font-size:10px;text-align:right; vertical-align: middle; color: #EEE;padding:10px;line-height:20px;background: #424242 url(images/424242bg_4_4.gif) repeat 0px 0px;text-shadow:0px 1px 0px #000;}
div#footer a {color: #FFF; font-weight: normal;}
div#footerbar {font-size:12px;width:940px;text-align:left;background-color: transparent;padding:0px;text-shadow:0px 1px 0px #000;}

ul#lubricating {border-top:1px solid #DDD;display:none;}
#lubricating *{margin:0;padding:0;line-height:1.0em;}
#lubricating li{list-style:none outside; background-color: transparent; position:relative;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
#lubricating a {display: block; background:#F7F7F7 url(images/title_bg.gif) no-repeat 4px 50%; font-weight: normal;}
#lubricating a:hover { background-color: #EEE;color:#809A3F;}
#lubricating a.menuMain {padding: 10px 26px;}

ul#mainmenu,ul.mainmenu {border-top:1px solid #DDD;}
#mainmenu *,.mainmenu *{margin:0;padding:0;line-height:1.0em;}
#mainmenu li,.mainmenu li{list-style:none outside; background-color: transparent; position:relative;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
#mainmenu a,.mainmenu a {display: block; background:#F7F7F7 url(images/title_bg.gif) no-repeat 4px 50%; font-weight: normal;}
#mainmenu a:hover,.mainmenu a:hover { background-color: #EEE;color:#FF8800;}
#mainmenu a.menuTop,.mainmenu a.menuTop {padding: 10px 26px;}
#mainmenu a.menuMain,.mainmenu a.menuMain {padding: 10px 26px;}
#mainmenu a.menuSub,.mainmenu a.menuSub {padding: 10px 26px; background-color:#F7F7F7; background-color:rgba(248,248,248,0.8);}
#mainmenu a.menuSub:hover,.mainmenu a.menuSub:hover {background-color:#EEEEEE;background-color:rgba(248,248,248,1.0);color:#FF8800;}
/* 以下是往右展開的功能 */
#mainmenu ul,.mainmenu ul {
	position:		absolute;
	width:			100%; /* left offset of submenus need to match (see below) */ 
	border-top:		1px solid #dddddd;
}
#mainmenu li:hover,.mainmenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
#mainmenu li:hover ul,.mainmenu li:hover ul,
#mainmenu li.sfHover ul,.mainmenu li.sfHover ul {
	left:	198px; /* match ul width */
	top:	-1px;
}
/* 以上是往右展開的功能 */
#usermenu a {background-color: transparent; display: block; margin: 0; padding: 6px;}
#usermenu a:hover {background-color: transparent;color:#BEEC30;}
#usermenu a.menuTop {border-top: 0px solid #242424;}
#usermenu a.highlight {background-color: #dddddd;}



.outer{width:100%;background-color:#666;border-spacing:1px;border-collapse:separate;}
.outer td{padding:5px;vertical-align:middle;}
.outer tr.head td{text-align:center;}

.head {background-color:#252525;padding:5px;color:#FFF;font-weight:500;}
.odd {background-color:#F7FAF3;padding:5px;color:#333;}
.even {background-color:#EEEEEE;padding:5px;color:#333;}

.foot {	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#131313), to(#242424));	background: -moz-linear-gradient(#131313, #242424);	background: -ms-linear-gradient(#131313, #242424); /*IE10*/	-pie-background: linear-gradient(#131313, #242424);	behavior: url(/themes/CHCCD_2012D/PIE.htc);	padding: 5px; font-weight: 500;	}
tr.head td {background-color:#252525;padding:5px;color:#FFF;}
tr.odd td {background-color:#F7FAF3;padding:5px;color:#333;}
tr.even td {background-color:#EEEEEE;padding:5px;color:#333;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: 500; padding: 11px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: 500; padding: 11px;}
div.resultMsg { background-color : #CCCCCC; color: #ddd; text-align: center; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; font-weight: 500; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 11px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; height: 200px; overflow: auto;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: 500; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 11px; color: #6E523C; font-weight:500; border: 1px solid #c0c0c0; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 11px; color: #6E523C; font-weight:500; font-size: 11px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 11px;font-weight:500;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 11px;}
.comDateCaption {font-weight: 500; font-style: normal;}

/* fix bug publisher module */
#tabs ul li {list-style: none;}
/*==================== for jGrowl =========================*/
.jGrowl {margin: 200px auto; width:450px;}
.jGrowl .jGrowl-notification,.jGrowl .jGrowl-closer {
	text-shadow: 2px 2px 3px #aaa;
	border: 2px solid #666;
	border-radius : 10px;
		-webkit-border-radius : 10px;
		-moz-border-radius: 	10px;
	-khtml-border-radius: 		10px;
	box-shadow: 				2px 2px 10px rgba(102, 102, 102, .5);
		-moz-box-shadow: 		2px 2px 10px rgba(102, 102, 102, .5);
		-webkit-box-shadow: 	2px 2px 10px rgba(102, 102, 102, .5) ;
}
.jGrowl-notification .header { font-size : 1.2em; /*padding-top: .75em;*/ padding-bottom: .75em;}

/*mesakfr_xop_pagepath FIX START */
ul.xop_page_path{background:#EEE url(images/bc_bg.gif) repeat-x 0px 0px;border-radius:4px;}
ul.xop_page_path span.list-text-only{color:#36679F;}
/*mesakfr_xop_pagepath FIX END */

/** input hover Fix START **/
div#dialog_upload input:hover{color:#212121;}
div#dialog_form input:hover{color:#212121;}
div#dialog_spec input:hover{color:#212121;}
div#form_product_parent0_chzn input:hover{color:#212121;}
ul#form_product_photos_list input:hover{color:#212121;}
/** input hover Fix END **/

/** nc_vision FIX START **/
.ui-dialog{z-index:1000;}
/** nc_vision FIX END **/

/** nc_photo FIX START **/
#content .photo_block {margin:8px;}
/** nc_photo FIX END **/
.cadch_btn01{color:#000;text-shadow:0 1px 1px #fff;background:#eee;border:1px solid #ddd;padding:4px;display:inline-block;border-radius:4px;}
.cadch_btn02{color:#1B4568;text-shadow:0 1px 1px #ECF2F8;font-weight:bold;background:#BCD7EE;border:1px solid #557FAB;padding:4px 8px;display:inline-block;border-radius:4px;}
.cadch_btn03{color:#000;text-shadow:0 1px 1px #fff;background:#F0E3D7;border:2px solid #ddd;padding:8px;display:inline-block;border-radius:4px;}
.cadch_btn04{color:#53621C;text-shadow:0 1px 1px #fff;background:#EAF0D7;border:1px solid #ddd;padding:4px 8px;;display:inline-block;border-radius:4px;}
.cadch_btn05{color:#B1C177;text-shadow:0 1px 1px #4B581C;background:#607124;border:1px solid #ddd;padding:4px 6px;;display:inline-block;border-radius:4px;}
.cadch_btn06{font-size:1.5em;color:#eee;background:#95A628;border:1px solid #545E13;padding:6px;display:inline-block;border-radius:6px;}
.cadch_table01{color:#000;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #ddd;border-collapse:collapse;border-spacing:0px;}
.cadch_table01 tr:first-child {color:#FFF;text-shadow:0 1px 1px #72631E;background:#928136;}
.cadch_table01 td{border:1px solid #ddd;padding:5px;}
.cadch_table02{color:#000;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #ddd;border-collapse:collapse;border-spacing:0px;}
.cadch_table02 tr td:first-child{color:#FFF;text-shadow:0 1px 1px #72631E;background:#928136;}
.cadch_table02 td{border:1px solid #ddd;padding:5px;}
.cadch_table03{color:#000;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #C3A982;border-collapse:collapse;border-spacing:0px;}
.cadch_table03 tr:first-child {color:#50360F;text-shadow:0 1px 1px #F4C784;background:#F0AD4E;}
.cadch_table03 td{border:1px solid #C3A982;padding:5px;}
.cadch_table04{color:#000;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #C3A982;border-collapse:collapse;border-spacing:0px;}
.cadch_table04 tr td:first-child{color:#50360F;text-shadow:0 1px 1px #F4C784;background:#F0AD4E;}
.cadch_table04 td{border:1px solid #C3A982;padding:5px;}
.cadch_table05{color:#222;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #D1BEA2;border-collapse:collapse;border-spacing:0px;}
.cadch_table05 tr:first-child {color:#50360F;text-shadow:0 1px 1px #CEB999;background:#C3A982;}
.cadch_table05 td{border:1px solid #D1BEA2;padding:5px;}
.cadch_table06{color:#222;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #D1BEA2;border-collapse:collapse;border-spacing:0px;}
.cadch_table06 tr td:first-child{color:#50360F;text-shadow:0 1px 1px #CEB999;background:#C3A982;}
.cadch_table06 td{border:1px solid #D1BEA2;padding:5px;}
.cadch_table07{color:#222;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #aaa;border-collapse:collapse;border-spacing:0px;}
.cadch_table07 tr:first-child {color:#000;text-shadow:0 1px 1px #eee;background:#ddd;}
.cadch_table07 td{border:1px solid #aaa;padding:5px;}
.cadch_table08{color:#222;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #aaa;border-collapse:collapse;border-spacing:0px;}
.cadch_table08 tr td:first-child{color:#000;text-shadow:0 1px 1px #eee;background:#ddd;width:30%;}
.cadch_table08 td{border:1px solid #aaa;padding:5px;}
.cadch_table09{color:#222;text-shadow:0 1px 1px #fff;background:#FAFAFA;border:1px solid #aaa;border-collapse:collapse;border-spacing:0px;}
.cadch_table09 tr:first-child {color:#000;text-shadow:0 1px 1px #eee;background:#ddd;}
.cadch_table09 td{border:1px solid #aaa;padding:5px;text-align:center;}
.cadch_table09 td:first-child {text-align:left;}