@import url(baradmin.css); 	/* administration access in footer */
@import url(userbar.css); 	/* usermenu in header */
html {margin:0px;padding:0px;}
body {margin:0px;padding:0px;font-family: "微軟正黑體", "新細明體", Verdana, Arial, Helvetica, sans-serif;}
#xo-wrapper {width:1000px;margin:0px auto;box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);background-color:#FFF;}
#xo-canvas {width:960px;margin:0px 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: #D44932;}

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;}

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:#ddd;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: #FFF;
	margin:0px;
	background: #424242 url(images/424242bg_4_4.gif) top left repeat;
	}
.itemInfo {text-align: right; padding: 3px; background-color: transparent;}
#content .itemTitle {
	padding:3px 0px 3px 6px;
	font-size:16px;
	font-weight: 900;
	display:block;
	}
.itemTitle a {color:#FFF; background-color: transparent;font-weight: 900;}
.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:#707981;color:#FFF;padding:4px;vertical-align:middle;text-align:center;}

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

#CHCCD-globalnav {
	position:		absolute;
	width:			960px;
	height:			40px;
	padding:		0px;
	margin:			0px;
	z-index:		3;
	top:			100px;
	left:			0px;
	background-color:transparent;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

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:#707981;color:#FFF;vertical-align:middle;}
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:#707981;color:#FFF;vertical-align:middle;}

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

#centerLcolumn, #bottomLcolumn {width:476px;padding:0px 4px 0px 0px;}
#centerRcolumn, #bottomRcolumn {width:476px;padding:0px 0px 0px 4px;}

#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:#707981;color:#FFFFFF;vertical-align:middle;}
td#rightcolumn div.blockContent {padding: 0px; line-height: 20px;background-color: transparent;}

.blockTitle {
	padding: 0px;
	color:#FFF;
	margin:0px 0px 5px 0px;
	background: #424242 url(images/424242bg_4_4.gif) top left repeat;
	}
div.blockTitle div.itemHead {
	padding:3px 0px 3px 6px;
	font-size:16px;
	font-weight: 900;
	display:block;
	}
.blockContent {margin:0px 0px 10px 0px;padding: 0px; line-height: 20px;}
.blockContent:last-child {margin:0px;}
div#footer {margin:10px 0px 0px 0px;font-size:10px;vertical-align: middle; color:#999;padding:0px 20px;line-height:20px;}
div#footer a {color:#999;font-weight:normal;}
div#footer a:hover {color:#D44932;}
div#footerbar {font-size:12px;text-align:left;background-color:transparent;padding:10px 0px;border-top:1px solid #DDD;}
div#footerbar strong {color:#333;}

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:#D44932;}
#lubricating a.menuMain {padding: 10px 26px;}

ul#mainmenu {border-top:1px solid #DDD;}
#mainmenu *{margin:0;padding:0;line-height:1.0em;}
#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 {display: block; padding: 10px 24px; background:#F7F7F7 url(images/itemHead_bg.gif) no-repeat 8px 50%; font-weight: normal;}
#mainmenu a:hover { background-color: #EEE;color:#D44932;}
#mainmenu a.menuTop {padding: 10px 24px;}
#mainmenu a.menuMain {padding: 10px 24px;}
#mainmenu a.menuSub {padding: 10px 24px;background:#F7F7F7 url(images/itemHead_bg.gif) no-repeat 8px 50%;}
#mainmenu a.menuSub:hover {background-color:#EEEEEE;color:#D44932;}
/* 以下是往右展開的功能 */
#mainmenu ul {
	position:		absolute;
	width:			100%; /* left offset of submenus need to match (see below) */ 
	border-top:		1px solid #dddddd;
}
#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.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:#D44932;}
#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:#D44932;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_2014H/PIE.htc);	padding: 5px; font-weight: 500;	}
tr.head td {background-color:#D44932;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;}

.title{margin-top:0px;}
.photo{border:1px solid #CCC;padding:4px;background-color:#FFF;margin:0px 5px;}

/** 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 **/
/** cart and nc_product Fix START **/
div#cart_product_index .product_title,div#nc_product_product_index .product_title{color:#D44932;border-radius:0px;background:none;border:none;font-size:18px;}
div#cart_product_index .product_date_title,div#nc_product_product_index .product_date_title{color:#D44932;}
div#cart_product_index .product_photo{box-shadow:none;}
div#nc_product_category_index ul.item_block li{width:172px;height:170px;padding:5px 0px 0px;margin:5px;}
div#cart_category_index .item_block li:hover a,div#nc_product_category_index .item_block li:hover a{color:#D44932;}


/** cart and nc_product Fix END **/
/* search start */
.headersearch {z-index:102;}
.headersearch form {float:left;}
.headersearch input {
	text-indent:-500px;
	cursor:pointer;
	border:0px;
	border-left:1px solid #E5E5E5;
	width:40px;
	background:#F7F7F7 url(images/search.png) no-repeat 12px center;
	padding:8px 0px 7px 0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	margin-bottom:0px; 
	-webkit-transition:width 0.3s, background-color 0.3s;
	-moz-transition:width 0.3s, background-color 0.3s;
	-o-transition:width 0.3s, background-color 0.3s;
	-ms-transition: width 0.3s, background-color 0.3s;
	transition:width 0.3s, background-color 0.3s;
	outline:none;
}
.headersearch input:hover {background-color:#EEE;}
.headersearch input:focus {
	color:#656565;
	background-color:#EEE;
	text-indent:25px;
	width:160px;
	cursor:text;
	border-left:1px solid #E5E5E5;
	padding-left:15px;
	padding-right:15px;
}
/* search END */
/* boxbutton start */
#footerbar a.boxbutton{
	display:inline-block;
	font-weight:bold;
	text-shadow: 0px 1px 0px #9B3928;
	float:right;
	background-color:#D44932;
	padding:4px 10px;
	border-radius:20px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.2);
	margin-top:30px;
	color:#FFF;
	letter-spacing:1px;
	transition:all 0.6s ease;
}
#footerbar a.boxbutton:hover{
	background-color:#252525;
	text-shadow: 0px 1px 0px #000;
	transition:all 0.6s ease;
}
/* boxbutton End */
/*mesakfr_xop_pagepath FIX START */
ul.xop_page_path{background:#EEE url(images/bc_bg.gif) repeat-x 0px 0px;border-radius:4px;}
/*mesakfr_xop_pagepath FIX END */
/*pages START */
#pages_view_index .xop_page_path li{padding:2px 15px 0px 10px;}
#pages_view_index .pagetitle{line-height:20px;}
.page{line-height:2.0;}
/*pages END */