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

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

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;}
#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 #EEEEEE; color: #333; font: 12px verdana, arial, helvetica, sans-serif; background :#FFFFFF url(images/input_bg.png) no-repeat right bottom;_background-image:none;}
input:hover {color:#fff;background-color: #252525;}
input.formButton {color:#eee;border: 1px solid #EEEEEE; font: 12px verdana, arial, helvetica, sans-serif; background-color: #252525;}
input.formButton:hover {background-color: #888;}
textarea {color:#333;border: 1px solid #EEEEEE; 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 #EEEEEE; color: #333; font: 12px verdana, arial, helvetica, sans-serif; background-color: #FFFFFF;}

.item {border: 0px solid #132035;}
.item .itemHead{border-bottom:1px solid #252525;}
.itemHead {padding:0px;font-weight:normal;border-bottom:2px solid #323232;background-color: transparent;line-height:28px;}
.itemInfo {text-align: right; padding: 3px; background-color: transparent;}
.itemTitle {padding:4px 0px 6px 26px;font-size:15px;display:block;background: url(images/itemtitle.gif) no-repeat 0px 0px;line-height:28px;border-bottom:2px solid #323232;color:#252525;}
.itemTitle a {color: #323232; background-color: transparent;}
.itemPoster {font-size: 11px;}
.itemPostDate {font-size: 11px;}
.itemStats {font-size: 11px;}
.itemBody {padding: 5px;}
.itemText {margin: 0px; line-height: 20px;background-color: transparent;border-bottom:0px solid #CBBFA5;padding-bottom:20px;}
.itemFoot {text-align: right; padding: 4px; background-color: transparent;clear:both;}
.itemAdminLink {font-size: 12px;}
.itemPermaLink {font-size: 12px;}

th {	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000000), to(#444444));
	background: -moz-linear-gradient(#000000, #444444);
	background: -ms-linear-gradient(#000000, #444444); /*IE10*/
	-pie-background: linear-gradient(#000000, #444444);
	behavior: url(/themes/CHCCD_2011V/PIE.htc);
	color: #eee; padding : 4px; vertical-align : middle;}

th a{color:#BBB;}
th a:hover{color:#FFF;}

div#header_title {width: 1000px; background-color: transparent; margin:0 auto; border: none;position: relative;height:80px;z-index:6;}
div#header {padding-top:0px;width: 1000px; background-color: transparent; margin:0 auto; border: none;position: relative;z-index:5;}


#cadch_vision {
    margin :  		0 auto;
    border:  		0px solid #FFF;
	position:		relative;
	z-index:		0;
	padding: 0px;
	width: 1000px;
	background: url('images/CHCCD-globalnav_bg.png') no-repeat 50% bottom;
}
#cadch_vision_200 {
    margin :  		0 auto;
    border:  		none;
	position:		relative;
	z-index:		0;
	padding:0px;
	width:1000px;
	background:url('images/CHCCD-globalnav_bg.png') no-repeat 50% bottom;
}

.socials {
	width:180px;
	height:46px;
	float:right;
	margin:4px 0px 0px 0px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#252525), to(#323232));
	background: -moz-linear-gradient(#252525, #323232);
	background: -ms-linear-gradient(#252525, #323232); /*IE10*/
	-pie-background: linear-gradient(#252525, #323232);
	border-radius: 0px 8px 0px 8px;
	-moz-border-radius: 0px 8px 0px 8px;
	-webkit-border-radius: 0px 8px 0px 8px;
	-webkit-box-shadow: #000 0px 2px 3px;
	-moz-box-shadow: #000 0px 2px 3px;
	box-shadow: #000 0px 2px 3px;
	behavior: url(/tw/themes/CHCCD_2011V/PIE.htc);
	border-collapse:separate;/*IE9 Bug Fix*/
	padding:0px;
	text-align: center;
}
.socials a img {
	margin:0px;
}

#CHCCD-globalnav {
	position:				absolute;
	height:					70px;
	padding:				0px;
	z-index:				3;
	top:					0px;
	left:					0px;
	background:	url(images/CHCCD-globalnav_bg.png) no-repeat 0px 0px;
}
table#content {width: 1000px; background-color: #FFFFFF; margin:0 auto; vertical-align: middle; text-align:center; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF;}

td#leftcolumn {padding:0px 0px 0px 0px; width: 240px; border-right: 0px solid #cccccc; font-size:12px; background-color:transparent;}
td#leftcolumn th {background-color: #333ddd; color: #555555; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 0px; color: #252525; background-color:transparent; font-weight: 500; margin:0px;border-bottom: 1px solid #252525;}
td#leftcolumn div.blockTitle div.itemHead {padding:4px 0px 6px 26px;font-size:15px;display:block;background: url(images/itemtitle.gif) no-repeat 0px 0px;line-height:28px;}
td#leftcolumn div.blockContent {padding: 10px 10px 0px 10px; line-height: 20px; text-align:left;	background-color:transparent;}


#centercolumn {padding:0px;text-align:left; background-color:transparent;}
#centercolumn th {background-color: #ffffff; color: #EEE; vertical-align: middle;}

#centerCcolumn, #bottomCcolumn {padding: 2px 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 0px; color: #252525; background-color:transparent; font-weight: 500; margin:0px;border-bottom: 1px solid #252525;clear:both;}
#centerCcolumn div.blockTitle div.itemHead,#bottomCcolumn div.blockTitle div.itemHead {padding:4px 0px 6px 26px;font-size:15px;display:block;background: url(images/itemtitle.gif) no-repeat 0px 0px;line-height:28px;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {padding: 5px; margin: 0px; line-height: 20px;background-color:  transparent;}

#centerLcolumn, #bottomLcolumn {	width: 50%; padding: 0px 4px 1px 0px;}#centerRcolumn, #bottomRcolumn {	width: 50%; padding: 0px 0px 1px 4px;}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
	padding: 0px; color: #252525; background-color:transparent; font-weight: 500; margin:0px;border-bottom: 1px solid #252525;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-bottom: 0px solid #333ddd; padding: 10px; line-height: 20px;
}
td#centerLcolumn div.blockTitle div.itemHead , td#centerRcolumn div.blockTitle div.itemHead, td#bottomLcolumn div.blockTitle div.itemHead, td#bottomRcolumn div.blockTitle div.itemHead{padding:4px 0px 6px 26px;font-size:15px;display:block;background: url(images/itemtitle.gif) no-repeat 0px 0px;line-height:28px;}
div#content {text-align: left; padding: 2px 0px 0px 10px;}

td#rightcolumn {width: 200px; padding: 10px; text-align:left; background:url(images/leftcolumn_bg.png) left bottom repeat;background:url(images/leftcolumn_bg_IE6.png) left bottom repeat;}
td#rightcolumn th {background-color: #840707; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 6px 0px 4px 24px; color: #CCCCCC; background: url(images/title_bg.gif) no-repeat left top; font-weight: 500;height:50px;}
td#rightcolumn div.blockContent {padding: 10px; line-height: 20px;background-color: transparent;}

div#footer {text-align:left; vertical-align: middle; color: #DDD; padding:10px;line-height:20px;background:url(images/424242bg_4_4.gif) left bottom repeat;}
div#footer a {color: #DDD; font-weight: normal;}
div#footerbar {font-size:10px;text-align: right;background-color: transparent;padding-right:10px;}

#mainmenu {margin:0;padding:0;line-height:1.0em;border-top:1px solid #DDD;}
#mainmenu li{list-style:none outside; position:relative;border-collapse:separate;/*IE9 Bug Fix*/ background-color: transparent;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:#809A3F;}
#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 ul {
	position:		absolute;
	width:			100%; /* left offset of submenus need to match (see below) */ 
	border-top:1px solid #DDD;
}
#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:	218px; /* match ul width */
	top:	-1px;
}
/* 以上是往右展開的功能 */
#usermenu a {background-color: transparent; display: block; margin: 0; padding: 6px;}
#usermenu a:hover {background-color: transparent;color:#B6935F;}
#usermenu a.menuTop {border-top: 0px solid #AC9E7F;}
#usermenu a.highlight {background-color: #333ddd;}



.outer {border: 1px solid #CCC;}
.outer td{border: 1px solid #CCC;}
.head {background-color :#252525; padding: 5px;color: #FFF; font-weight: 500;}
.even {background-color: #CCCCCC; padding: 5px;color:#333;}
.odd {background-color: #DDDDDD; 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_2011V/PIE.htc);
	padding: 5px; font-weight: 500;	}
tr.head td{padding:5px;background-color:#252525;color:#FFF;}	
tr.even td {background-color: #CCCCCC; padding: 5px;color:#333;}
tr.odd td {background-color: #DDDDDD; padding: 5px;color:#333;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #333DFF; border-left: 1px solid #333DFF; 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 #333DFF; border-left: 1px solid #333DFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: 500; padding: 11px;}
div.resultMsg { background-color : #CCCCCC; color: #333; 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;}

/* TABLE OUT COLOR */
.out-table {width:100%; background-image: url(images/ffffff-dddddd.gif);}
.out-u {height: 20px; background-image: url(images/out-10-20-u.gif);}
.out-r-u {width: 20px; height: 20px; background-image: url(images/out-20-20-r-u.gif);}
.out-r {width: 20px; background-image: url(images/out-20-10-r.gif);}
.out-r-d {width: 20px; height: 20px; background-image: url(images/out-20-20-r-d.gif);}
.out-d {height: 20px; background-image: url(images/out-10-20-d.gif);}
.out-l-d {width: 20px; height: 20px; background-image: url(images/out-20-20-l-d.gif);}
.out-l {width: 20px; background-image: url(images/out-20-10-l.gif);}
.out-l-u {width: 20px; height: 20px; background-image: url(images/out-20-20-l-u.gif);}
.out-td {text-align: left; background-color: transparent;}

/* TABLE IN COLOR */
.in-table {width:100%; background-color: transparent;}
.in-u {height: 20px; background-image: url(images/in-10-20-u.gif);}
.in-r-u {width: 20px; height: 20px; background-image: url(images/in-20-20-r-u.gif);}
.in-r {width: 20px; background-image: url(images/in-20-10-r.gif);}
.in-r-d {width: 20px; height: 20px; background-image: url(images/in-20-20-r-d.gif);}
.in-d {height: 20px; background-image: url(images/in-10-20-d.gif);}
.in-l-d {width: 20px; height: 20px; background-image: url(images/in-20-20-l-d.gif);}
.in-l {width: 20px; background-image: url(images/in-20-10-l.gif);}
.in-l-u {width: 20px; height: 20px; background-image: url(images/in-20-20-l-u.gif);}
.in-td {text-align: left; background-color: #333333;}


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

.oma_product_block {
					padding:4px;
					border:#695E4D 1px solid;
					background: url(images/product_bg.gif) repeat-x left top;
					display:inline-block;
					float:left;
					position : relative;
					margin:6px;
					color:#fff;
					width:162px;
					height:162px;
					overflow:hidden;
					-webkit-box-shadow: #000 0px 0px 8px;
					-moz-box-shadow: #000 0px 0px 8px;
					box-shadow: #000 0px 0px 8px;
					border-collapse:separate;/*IE9 Bug Fix*/
					}
.chccd_product_block {padding:0px;border:#CEC2A9 1px solid;background: #000;position : relative;width:160px;height:160px;overflow:hidden;}
.chccd_product_photo {position : relative;z-index:1}
.chccd_product_block_content {font-size:12px;position : absolute;z-index:2;top:144px;left:0px;background-color:#000;width:100%;height:160px;line-height: 15px;}
#xo-canvas .chccd_product_block_content a{color:#CEC2A9;}

.product_table table{border-collapse: separate;border-spacing: 2px;}
.classify{border:1px solid #CCC;padding:4px;}
#nc_product_tabs table.np_product_table {width:716px;border-collapse:collapse; border-spacing: 0;margin:0px -10px;}
#nc_product_tabs .np_product_table td{border:1px solid #CCC;padding: 5px;}
#nc_product_tabs .np_product_table tr:hover td{ background-color: #EEE;color:#A00;}

/** Coin Slider additional styles **/
.vision{width:1000px;margin:0px auto;}
.holder { padding: 0px;border:#695E4D 10px solid; margin-top: 0px; width: 980px;background: url('images/CHCCD-globalnav_bg.png') no-repeat center bottom;}
.item_block li{background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0EFEF), to(#DFDFDD));background: -moz-linear-gradient(#F0EFEF, #DFDFDD);background: -ms-linear-gradient(#F0EFEF, #DFDFDD); /*IE10*/-pie-background: linear-gradient(#F0EFEF, #DFDFDD);border-collapse:separate;/*IE9 Bug Fix*/border:1px solid #CACACA;behavior: url(/tw/themes/CHCCD_2011V/PIE.htc);}
.cs-buttons a {
    border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    background: -webkit-linear-gradient(top,  #CCCCCC, #F3F3F3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #CCCCCC, #F3F3F3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #CCCCCC, #F3F3F3); /* opera */
    background:     -ms-linear-gradient(top,  #CCCCCC, #F3F3F3); /* IE10 */
    background:         linear-gradient(top,  #CCCCCC, #F3F3F3); /* css3 */
	-pie-background: linear-gradient(top,  #CCCCCC, #F3F3F3);
	behavior: url(/themes/CHCCD_2011V/PIE.htc);
}
a.cs-active {
    border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
    background: -webkit-linear-gradient(top,  #252525, #323232); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #252525, #323232); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #252525, #323232); /* opera */
    background:     -ms-linear-gradient(top,  #252525, #323232); /* IE10 */
    background:         linear-gradient(top,  #252525, #323232); /* css3 */ 
	-pie-background: linear-gradient(top,  #252525, #323232);	
    box-shadow: 0 0 3px #518CC6;
	-webkit-box-shadow: 0 0 3px #518CC6;
	-moz-box-shadow: 0 0 3px #518CC6;	
    border: 1px solid #323232;
	behavior: url(/themes/CHCCD_2011V/PIE.htc);
}
/** Coin Slider additional styles END **/
/** summary block START **/
.summary_block
{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#C4C5C7));
background: -moz-linear-gradient(#FEFEFE, #C4C5C7);
background: -ms-linear-gradient(#FEFEFE, #C4C5C7); /*IE10*/
-pie-background: linear-gradient(#FEFEFE, #C4C5C7);
box-shadow: #666 0px 2px 3px;
border-radius: 0px 20px 0px 20px;
border-collapse:separate;/*IE9 Bug Fix*/
behavior: url(/themes/CHCCD_2011V/PIE.htc);
height:254px;
width:214px;
float:left;
margin:10px 6px;
padding:10px;
}
.summary_photo{border-radius: 0px 20px 0px 20px;box-shadow: #444 0px 2px 3px;border-collapse:separate;/*IE9 Bug Fix*/behavior: url(/themes/CHCCD_2011V/PIE.htc);}
.summary_text{margin-top:20px;text-shadow: 1px 1px 1px #FFF;}
.summary_text h3{line-height:0;}
.summary_text a{float:right;}
/** summary block END **/