@import url("table.css");
/********************************************************************************************* 
CSS Reset 
*********************************************************************************************/   
* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
/*table, caption, tbody, tfoot, thead, tr, th, td*/ { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;  background: transparent;}
ol, ul { list-style: none;} 
blockquote, q { quotes: none;} 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} 
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border: none; }

/***************************************************************************************
* BODY ELEMENTS
***************************************************************************************/
html, body{ margin:0; padding:0; height:100%;}
html{	
		/*background: rgb(0,0,0);  Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjIyMjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top,  rgb(0,0,0) 0%, rgb(34,34,34) 35%, rgb(34,34,34) 100%, rgb(34,34,34) 100%); /* FF3.6+ */
		/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(35%,rgb(34,34,34)), color-stop(100%,rgb(34,34,34)), color-stop(100%,rgb(34,34,34))); /* Chrome,Safari4+ */
		/*background: -webkit-linear-gradient(top,  rgb(0,0,0) 0%,rgb(34,34,34) 35%,rgb(34,34,34) 100%,rgb(34,34,34) 100%); /* Chrome10+,Safari5.1+ */
		/*background: -o-linear-gradient(top,  rgb(0,0,0) 0%,rgb(34,34,34) 35%,rgb(34,34,34) 100%,rgb(34,34,34) 100%); /* Opera 11.10+ */
		/*background: -ms-linear-gradient(top,  rgb(0,0,0) 0%,rgb(34,34,34) 35%,rgb(34,34,34) 100%,rgb(34,34,34) 100%); /* IE10+ */
		/*background: linear-gradient(to bottom,  rgb(0,0,0) 0%,rgb(34,34,34) 35%,rgb(34,34,34) 100%,rgb(34,34,34) 100%); /* W3C */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 ); /* IE6-8 */
		background: #222222 url(../image/bg.gif) repeat-x left top;
}
body { text-align: center; color: #ccc; font-family: "微軟正黑體"; font-size:0.79em; }
div {}
hr { display: block; height: 1px; background-color: #ececec; }
img { max-width: 100%; height: auto; vertical-align: bottom;}
a { color:#fff; text-decoration:none; outline: none; /* for Firefox Google Chrome  */ behavior:expression(this.onFocus=this.blur()); /* for IE */}
a:hover{ color: #d3ca95; text-decoration:underline}
.block{ clear:both; display:block; height:10px;}
.line{ clear:both; display:block; height:1px; background-color:#575757;}
/***************************************************************************************
* HEADINGS
***************************************************************************************/

/* All Headings */

h1, h2, h3, h4, h5, h6 { font-family: "微軟正黑體"; color: #fff;}

/* Individual Headings */
h1 { margin: 30px 0 20px 20px; font-size: 1.7em;}
h2 { font-size: 1.4em;}
h3 {}
h4 {}
.bullet{ padding-left:10px; background:url(../image/arrow01.gif) left center no-repeat; margin-bottom:10px}
h5 {}
h6 {}

/***************************************************************************************
* PARAGRAPHS
***************************************************************************************/

/* First Paragraph */
p {}

/* Seccond Paragraph */
abbr {}
b {}

/* Blockquote */
blockquote {}
cite {}

/* Third Paragraph */
dfn {}
del {}
em {}
i {}
strong {}
ins {}
small {}

/* Quote */
q {}

/* Fourth Paragraph */
sub {}
sup {}

/***************************************************************************************
* LISTS
***************************************************************************************/

/* All Lists */
dl, ol, ul {}

/* Definition Lists */
dl {}
dt {}
dd {}

/* Ordered Lists */
ol {}
ol li {}

/* Unordered Lists */
ul {}
ul li {}

/***************************************************************************************
* FORMS
***************************************************************************************/

form{ }
form p{ clear: left; margin: 0; padding:6px 0; vertical-align:middle; text-align:left;}
form p.none{ border-bottom: 0px;}
form p label{  float: left; width:80px; text-align: left;}
fieldset{ width:530px; padding:20px; border:none;}
legend{ font-size:1.3em; font-family:"微軟正黑體" width: 200px; text-align: left; padding: 0 10px; font-weight:bold; padding: 10px 0;}

/* Inputs */
input, textarea { border:1px solid #7a7a7a; padding: 1px 4px 2px 4px; margin-bottom:2px; background-color:#333; color:#CCC}
input[type="radio"], input[type="checkbox"] { border:none;}
input[type="button"], input[type="reset"], input[type="submit"] { 	
																	*padding:1px 15px 1px 15px; 
																	_padding:1px 15px 1px 15px;
																	padding:1px 15px 1px 15px\9;
																	background-color:#cbcbcb; 
																	color:#222;
																	-webkit-border-radius: 3px;
																	-moz-border-radius: 3px;
																	border-radius: 3px;
																	border: 1px solid #222;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ 
	background-color:#e4e4e4; 
	color:#7b7b7b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
}

/* Other */
select{	background-color: #fff}
optgroup {}


/***************************************************************************************
* OTHER
***************************************************************************************/

address {}
code {}
samp {}
pre {}

kbd {}
var {}


/***************************************************************************************
* Layout
***************************************************************************************/
#wrapper{ width:100%; height:100%; min-height: 100%; height: auto !important; position : relative;}
#wrapper, #header, #container, #footer{	width:100%;}
#container{ }
#header{ height:99px; border-bottom:1px solid #333;}
#header_T{	height:28px; 
			background-color:#0d0d0d; 
			border-bottom:1px solid #3e3e3e;
}
#header_B{  height:70px;
			background: rgb(34,34,34);
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333), to(#222));
			background: -moz-linear-gradient(#333, #222);
			filter:Alpha(Opacity=90, FinishOpacity=90, Style=2) /* for ie*/
}
#contentwrapper{	float: left; 
					width: 100%; 
					text-align:left;
}
#contentInner{ margin: 0 0 50px 200px; }
#leftcolumn{ float: left; width: 200px; margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/ }
#leftcolumn_inner{ margin:0 20px 0 0; }
.left{ float:left;}
.right{ float:right;}
.innerTube{ margin:0 auto; width:960px;  /*position:relative*/ }

.martop_1{ margin-top:6px;}
.martop_2{ margin-top:22px;}
.martop_3{ margin-top:13px;}

/* Header
************************************************************************************************************************************************************/
#logo, #logo a{	clear: both;
		background: url(../image/logo1.png) no-repeat left top;
		display: block;
		width:196px;
		height:27px;
		margin: 0 auto; 
}

.topmenu{}
.topmenu ul{ margin: 0; padding: 0;}
.topmenu li{ display: inline-block; vertical-align:middle;}
.topmenu li.fb{ background: url(../image/facebook.gif) no-repeat left center; padding-left:10px; height:16px; font-family: Tahoma, Geneva, sans-serif}
.topmenu li.line{ background: url(../image/line.png) no-repeat left center; padding-left:10px; height:16px; font-family: Tahoma, Geneva, sans-serif}
.topmenu li.go{ background: url(../image/google.gif) no-repeat left center; padding-left:10px; height:16px; font-family: Tahoma, Geneva, sans-serif}
.topmenu li a{ float: left; display: block; padding: 0px 10px; border-right: 1px solid #7a7a7a; text-decoration: none; color:#cccccc;}
.topmenu li a:hover{ color: #d3ca95; text-decoration: underline;}
.topmenu li a.none{ border-right: none;}
.topmenu .user{color: #e5d6a7}

.infobox{ width:960px; position:fixed; bottom:120px;}

/* =Navigation
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.navigation ul{
margin: 0;
padding: 0;
font: bold 13px "微軟正黑體"
list-style-type: none;
overflow: hidden;
width: 100%;
}

.navigation li{
display: inline;
margin: 0;
}

.navigation li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 10px; /*padding inside each tab*/
text-align:left;
}

.navigation li a:hover, .navigation li a.stay, .navigation a.selected{
	color:#d3ca95;
}

.navigation li .eng{font-size:10px; font-weight:normal; color:#999; font-family:Tahoma, Geneva, sans-serif; letter-spacing:normal;}

.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
font: normal 13px "微軟正黑體"
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #2e2e2e;
border: 1px solid #050505;
/*border-bottom: 1px solid #ececec;*/
visibility: hidden;
z-index: 100;

}

.ddsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
/*border: 1px solid #ececec;*/
background-color:#333;
}

.ddsubmenustyle li a.none{ border-bottom: none;}
.ddsubmenustyle li a{
display: block;
width: 140px; /*width of menu (not including side paddings)*/
text-decoration: none;
padding: 6px 0;
font-size: 13px;
font-family: "微軟正黑體";
border-bottom:1px solid #1a1a1a;
border-top:1px solid #5c5c5c;
margin:0px;
letter-spacing:1px;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 140px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
	color: #333333;
	background-color:#e6e6e6;
}



/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}


/* Recommend Icon
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#recommend ul{ margin:0; padding:0;}
#recommend li{ display: inline; margin-right:12px;}
#recommend li.none{ margin-right: 0;}
#recommend li img{ border:1px solid #777;}


/*     */
.category{ 
    margin: 0;
    padding: 0;
    text-align: left;
	background: #313131;
 	border: 1px solid #575757;
}
.category h3{ margin:0 0 20px 0; padding: 5px 10px; border-bottom:1px solid #575757; color:#fff; background-color:#222;}
.category .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 15px "微軟正黑體"
color: #fff;
/*width: 195px;
height:30px;*/
display:block;
overflow:hidden;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
cursor: hand;
cursor: pointer;
text-align:left;
z-index:100;
}
.category .menuheader a{ color:#fff; text-decoration:none; display: block; background: url(../image/arrow-01.gif) no-repeat left top; }
.category .menuheader a:hover, .category .menuheader a.selected{ color:#d3ca95;}
.category .menuthis,.category .menuthis a,.category .openheader, .category .openheader a{ /*CSS class to apply to expandable header when it's expandedbackground-image: url(../image/titlebar-active.png);*/ }
.category .categoryitems{ margin:8px 0px; padding:0;}
.category ul{ /*CSS for UL of each sub menu*/list-style-type: none; margin: 0; padding: 0; /*bottom spacing between each UL and rest of content*/  }
.category ul li{ padding-bottom:5px; /*bottom spacing between menu items*/ margin-bottom:5px; border-bottom:1px solid #575757; background: url(../image/bullet_sq.gif) no-repeat 10px 8px;
padding-left: 20px; /*link text is indented 19px*/ font: bold 1.2em "微軟正黑體"}
.category ul li.none{ border-bottom:none;}
.category ul li a{
/*color: #d8c28a;*/
/*display: block;*/
text-decoration: none;
font-weight: normal;
/*border-bottom: 1px solid #dadada;*/
}
/*.category ul li a:visited{ color: #ff6000;}*/
.category ul li a:hover, .category ul li a.selected{ /*hover state CSS */color: #d3ca95;}

.category ul ul{ margin: 5px 20px 10px 0; padding-top:10px; /*background-color:#252525*/ border-top:1px solid #d3ca95}
.category li li{ background: none; padding:3px 0 0 0; font-size:0.98em; border-bottom:none;}

/* Content
************************************************************************************************************************************************************/

/* =breadcrumb
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#breadcrumb{	margin-bottom:15px; 
				padding: 0 0 5px 8px; 
				text-align: left; 
				/*background-color: #fcfcfc;*/ 
				border-bottom: 1px solid #333;
}
#breadcrumb h4{		padding-bottom:5px; 
					border-bottom:0px solid #aaa; 
					display:inline;
					background:url(../image/bullet_sq.gif) no-repeat left 7px;
					padding-left:12px;
}
#breadcrumb span{ color:#d3ca95; }


/* =Product Catalog
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#ProCatalog{ margin:0 0 0 15px; padding: 0; width:100%; }
#ProCatalog .ImageBox{	margin: 10px 27px 10px 0; 
						text-align:center; 
						width:160px; 
						height:auto;
						float: left; 
						/* Do rounding (native in Firefox and Safari) 
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;*/
}
#ProCatalog .space{ margin-right:16px;}
#ProCatalog .ImageBox a{ padding: 5px 0; display:block; background-color: #333333; border:1px solid #444;}
#ProCatalog .ImageBox a:hover{  border:1px solid #555;}

#ProCatalog .ImageBox .pic{	margin: 0 ;
							padding:0px;
							border:0px solid #575757;
							/* Do rounding (native in Firefox and Safari)
							-webkit-border-radius: 10px;
							-moz-border-radius: 10px;
							border-radius: 20px 10px;*/
}
#ProCatalog .ImageBox h3{ 	margin:10px 0 ; 
							font-size: 1em; 
							font-weight: normal;
							display:block;
							/*overflow: hidden;*/
}
#ProCatalog .ImageBox a{ text-decoration: none;}
#ProCatalog .ImageBox a:hover{ }
#ProCatalog .ImageBox p{ margin:0; padding:0;}
.price{ font-family:Verdana, Geneva, sans-serif; color:#aaa; line-height:24px;}
.line-through{ text-decoration:line-through}

#diamondCate{ float:left; margin-right:15px;}
#diamondPrice{ float:left;}
#diamondPrice .slider{ float:left; margin-right:10px;}
#diamondPrice .number{ float:left; font-family:Verdana, Geneva, sans-serif;}
#diamondPrice input{ border: 1; color: #9b7ba2; font-weight: bold;}

.shapebox, .caratbox, .pricebox, .cutbox, .colorbox, .clarity, .polish, .symmetry{ 
	float:left; width:232px; margin: 0 10px 10px 0; display:block; height:60px; position:relative;}
.nonespace{ margin-right:0;}

.ShapeList{ }
.ShapeList ul{ margin:0; padding:0; list-style: none;}
.ShapeList li{ display:inline-block; }
.ShapeList li a{ float: left; display:block; height:16px; background: url(../image/dia_shape.gif) no-repeat; }
.ShapeList li a.none{ background:none}

.ShapeList .shape01 a{ width:16px; margin-right:4px; background-position: 0 0;}
.ShapeList .shape02 a{ width:16px; margin-right:4px; background-position: -22px 0;}
.ShapeList .shape03 a{ width:16px; margin-right:3px; background-position: -44px 0;}
.ShapeList .shape04 a{ width:16px; margin-right:3px; background-position: -66px 0;}
.ShapeList .shape05 a{ width:16px; margin-right:0px; background-position: -88px 0;}
.ShapeList .shape06 a{ width:16px; margin-right:2px; background-position: -110px 0;}
.ShapeList .shape07 a{ width:16px; margin-right:2px; background-position: -132px 0;}
.ShapeList .shape08 a{ width:16px; margin-right:3px; background-position: -154px 0;}
.ShapeList .shape09 a{ width:17px; background-position: -176px 0;}
.ShapeList .shape10 a{ width:20px; background-position: -193px 0;}

.ShapeList .shape01 a.selected{ background-position: 0 -16px;}
.ShapeList .shape02 a.selected{ background-position: -22px -16px;}
.ShapeList .shape03 a.selected{ background-position: -44px -16px;}
.ShapeList .shape04 a.selected{ background-position: -66px -16px;}
.ShapeList .shape05 a.selected{ background-position: -88px -16px;}
.ShapeList .shape06 a.selected{ background-position: -110px -16px;}
.ShapeList .shape07 a.selected{ background-position: -132px -16px;}
.ShapeList .shape08 a.selected{ background-position: -154px -16px;}
.ShapeList .shape09 a.selected{ background-position: -176px -16px;}
.ShapeList .shape10 a.selected{ background-position: -193px -16px;}

.ShapeList .shape01 a:hover{ background-position: 0 -16px;}
.ShapeList .shape02 a:hover{ background-position: -22px -16px;}
.ShapeList .shape03 a:hover{ background-position: -44px -16px;}
.ShapeList .shape04 a:hover{ background-position: -66px -16px;}
.ShapeList .shape05 a:hover{ background-position: -88px -16px;}
.ShapeList .shape06 a:hover{ background-position: -110px -16px;}
.ShapeList .shape07 a:hover{ background-position: -132px -16px;}
.ShapeList .shape08 a:hover{ background-position: -154px -16px;}
.ShapeList .shape09 a:hover{ background-position: -176px -16px;}
.ShapeList .shape10 a:hover{ background-position: -193px -16px;}

.hidden{ text-indent: -5000px;}


/*     */
#GiaContentLCol{ float: left; width:520px; margin-right:15px;}
#GiaContentRCol{ float: left;}

/* =Product Content 
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#infoPhoto{ float:left; width:340px; text-align:left;}
#infoText { margin-left:30px; float:left; width:380px;}
#infoText h1{ margin:20px 0 25px 0; font-size:1.4em; }
#infoText h4{ font-weight: normal; color:#ccc}
#infoText a{ text-decoration:none}
#infoText p{ line-height:1.8;}

.photo { 	padding:10px;
			text-align: center;
			width:300px; 
			height:300px; 
			display:block;
			/*background-color: #fff;*/
			border: 1px solid #575757;
			/*Do rounding (native in Firefox and Safari)
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;*/
}
.thumbnail{ margin-top:5px; clear:both;}
.thumbnail ul{ margin:0; padding:0; list-style: none;}
.thumbnail li{	margin:2px 4px 2px 0;
				padding:3px;
				text-align: center;
				float:left; 
				background-color: #222;
				border: 1px solid #333;
				width:70px;
						 
							/*Do rounding (native in Firefox and Safari)
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;*/
}
.thumbnail li img, .thumbnail li img a, .thumbnail li img a:hover{ border:none;}

.reviewPro{ margin:20px 0 0 25px; clear:both;}
.reviewPro ul{ margin:0; padding:0; list-style: none;}
.reviewPro li{	margin: 10px 20px 10px 0; 
						text-align:center; 
						width:120px; 
						height:auto;
						float: left; 
						/* Do rounding (native in Firefox and Safari) 
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;*/
}


/* =Pagination
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.pagination{ 
	clear: both;
	text-align:center;
	/*background-color:#c1c1c1;*/
	font:12px Geneva, Arial, Helvetica, sans-serif; 
}
div.pagination a{
	padding: 2px 5px 2px 5px; 
	margin: 0px; 
	font-weight: bold;
	text-decoration: none; /* no underline */ 
	/*border: 1px solid #f0f0f0;
	color:#0f5b95;*/
}
div.pagination a:hover, div.pagination a:active{ 
	border: 0px solid #e4e4e4; 
	color: #9b78a2; 
}
div.pagination span.current,div.pagination strong{ 
	padding: 2px 5px 2px 5px; 
	margin: 2px; 
	color: #9b78a2; 
	/*border: 1px solid #f0f0f0;*/
}
div.pagination span.disabled{ 
	padding: 2px 0px 2px 0px; 
	margin: 2px;
	color: #969696;
}
div.pagination span a{ 
	margin:0px;
}


/* =Member
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.SearchBox{
	width:920px;
	margin: 25px auto 0 auto;
	padding: 5px 0 3px 0;
	background: #282828;
	/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0F0F0), to(#FFF));
	background: -moz-linear-gradient(#F0F0F0, #FFF);*/
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #515151;
	z-index:100
}
.SearchBoxInner{ 
	margin:5px; 
	padding: 10px 20px; 
	overflow: hidden;
}

.SearchBox h3{ }


/* =tab content
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.shadetabs{
	padding: 0px 0 6px 0;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 0;
	padding: 6px 20px;
	margin-right: 2px;
	border: 1px solid #575757;
	color: #555;
	background: #222 url(../image/bg_tab_up.gif) top left repeat-x;
    /*Do rounding (native in Firefox and Safari)
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;*/
}
/*.shadetabs li a:visited{ color: #2d2b2b;}*/
.shadetabs li a:hover{ color: #555;}
.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 0px;
	color:#e5d6a7;
	font-weight: bold;
}
.shadetabs li a.selected{ /*selected main tab style */
	background: #222 /*url(../image/bg_tab_over.gif) repeat-x left top*/;
	/*background-image: url(../image/bg_tab_over.gif) repeat-x left top;*/
	border-bottom-color: #323232;
}
.shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none;}
.tabcontent{ display:none; min-height:360px;}



/* Footer
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{ position:absolute; bottom:0; clear: both; width:100%; height:30px; background-color:#111; border-top: 1px solid #333; margin-top:-30px;}

#footer .inBox{ padding:10px;}


/************************************************************************************************************************************************************
* function
*************************************************************************************************************************************************************/

/* TEXT SlideShow
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#message{ 
	border:1px solid #696969; 
	background-color:#333; 
	width:790px; 
	margin:10px auto 0 auto;
}
#message .title{ 
	padding:5px 15px; 
	background-color:#000; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold; 
	color: #999;
}

.slideText {
    position: relative;
    overflow: hidden;
    width: 98%;
    height: 1.8em;
	margin:0 auto;
}
.slideText ul, .slideText li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.slideText ul {
    position: absolute;
}
.slideText li {
    text-align: center;
	display: block;
}
.slideText li a {
    overflow: hidden;
    font-size: 1em;
    height: 1.8em;
    line-height: 1.8em;
    text-decoration: none;
	color:#e5d6a7;
}
.slideText li a:hover {
    text-decoration: underline;
}

.slideText .space{ margin-right:40px;}


/* ToolTips
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
margin-top:5px;
padding: 8px;
visibility: hidden;
border:5px solid #333;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #111;
width: 200PX;
text-align:left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


.process ul{ list-style:none; width:454px; height:53px;}
.process li{ display: inline; float: left;}
.process li a{ display:block; line-height:53px; background: url(../image/process.png);}

#nav01 a{ width:  132px; background-position:       0     0;}
#nav02 a{ width:   28px; background-position:  -132px      0;}
#nav03 a{ width:  132px; background-position:  -160px     0;}
#nav04 a{ width:   28px; background-position:  -292px     0;}
#nav05 a{ width:  132px; background-position:  -320px     0;}

#nav01 a.stay{ background-position:      0   -53px;}
#nav03 a.stay{ background-position:  -160px  -53px;}
#nav05 a.stay{ background-position:  -320px  -53px;}
.hidden{ text-indent: -5000px;}

.divisions{ margin-top:6px;}
.divisions ul{ margin: 0; padding:0; list-style:none; }
.divisions li{ display:inline-block; text-align:left; font-size:0.92em; font-family:Arial, Helvetica, sans-serif; } 

.tick {
position: absolute;
width: 100px;
height: 0.8em;
z-index: 2;
overflow: hidden;
border-left: 1px solid #555;
opacity: .5;
-webkit-opacity: .5;
filter: alpha(opacity=50);
top:2.2em
}


.itembox{ border:1px solid #555; background-color:#282828; width:57px; height:57px; float:left; margin-right:10px;}

.mark{ color:#FC0}
.push{ display:block; height:30px; clear:both;}


/*    */

#News{ margin: 0 auto; padding-bottom: 10px; }
#News ul{ margin: 0; padding: 0; list-style: none;}
#News li{ margin: 0; padding: 7px 0; background: url(../image/bullet_sq.gif) no-repeat 10px 11px; border-bottom:1px dotted #666; padding-left:24px; font-size:1.1em}
#NewsBox .date{ color: #808285;}

#Llist ul{ margin: 0; padding: 0; list-style: none;}
#List ul li{ margin: 0; padding: 7px 0; font-weight: bold; font-family:"微軟正黑體" background: url(../image/bullet_sq.gif) no-repeat 10px 11px; border-bottom:1px dotted #666; padding-left:24px;}
#List ul li ul{ margin-top:8px;}
#List ul li ul li{ margin: 0; padding: 3px 0; background:none; border-bottom:none; font-weight: bold; padding-left:15px;}
#List ul li ul li ul li{ padding-left:20px; font-weight: normal; padding:2px 0 2px 15px;}
#List ul li ul li a{ color:#fff}
#List ul li ul li ul li a{ color:#ccc}