@charset "utf-8";
/* CSS Document */

@import url("inc/reset.css");

* { 
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
	text-align:-moz-center;	/* for firefox */
	#text-align:center;	/* for IE */
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F4F4F4;
	background-image:url(/pic/bg.gif);
	background-repeat:repeat-y;
	background-position:center;	
	font-size:12px;
	text-align:left;
	line-height:18px;	
	font-family: 微軟正黑體, Myriad Pro, Helvetica, sans-serif;
	color:#6c541f;
}

a:hover img.glow {
	opacity:0.8;	/* CSS3 standard */
	#filter:alpha(opacity=80);	/* for IE */
}

.clear {clear:both;}
#HEADER_BAR {	
	padding-top:0px;	
	margin:0 auto;
	width:990px;
	height:5px;
	background-color:#a68003;
	overflow:visible;	
	/*border:1px dotted #FFFFFF;*/
}

#HEADER {	
	padding-top:0px;	
	margin:0 auto;
	width:990px;
	height:100px;
	background-image:url(/pic/header_bg.png);
	background-repeat:repeat-y;
	overflow:visible;	
}
#HEADER_Logo {	
	float:left;
	width:360px;	
	/*Logo 235px 80px*/
	/*background-image:url(/pic/logo.png);*/
	margin-top:6px;	
	margin-left:10px;		
	border:0px dotted #CCCCCC;
}
#HEADER_Logo  img {width: 100%;}

#HEADER_Right{
	float:right;	
	position:relative;
	/*margin-left:400px;*/
	width:620px;	
	margin-top:0px;	
	border:0px dotted #CCCCCC;
}
#HEADER_Right .urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

#HEADER_Right .urbangreymenu ul li{
float:right;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#HEADER_Right .urbangreymenu ul li a{
font-size:14px;
font-weight:normal;
text-align:center;
color: #6c541f;
display: block;
min-width:110px;
padding: 5px 15px;
line-height: 17px;
/*border-right:1px solid #cccccc;*/
text-decoration: none;
}

#HEADER_Right .urbangreymenu ul li a:visited{
color: #6c541f;
}

#HEADER_Right .urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #333333;
opacity:0.6;	/* CSS3 standard */
#filter:alpha(opacity=60);	/* for IE */
}

#HEADER_MENU{	
	width:990px;
	height:35px;
	margin-top:0px;
	margin-left:0px;
	/*border:1px dotted #CCCCCC;*/
}
#BANNER {
	position: relative;
	margin:0 auto;
	width:990px;
	height:350px;
	padding:0 0px;
}
#pager_wrap {position:absolute; left: 37px; bottom:35px; z-index:999;overflow:hidden;width:100%;}
#banner_pager {display:inline-block;height:100%;}
#banner_pager a{display:inline-block;float:left;margin:0 5px;background-color:#fff;height:6px;width:6px;border-radius:50%;border:1px solid #999;}
#banner_pager a.cycle-pager-active {background-color:#999;border:1px solid #999;}

#Content_BANNER {
	margin:0 auto;
	width:990px;	
	border:0px dotted #CCCCCC;	
}
#Content_BANNER p{	
	text-align:justify;
	font-size:14px;
	color:#999999;
	margin-left:10px;	
	/*margin:0px 10px 0px 10px; /* Top Right Bottom Left */
	line-height:12px;
	/*border-bottom:1px solid #999;*/	
	text-decoration:none;
}
#Content_BANNER a {	
	color:#999999;
	font-size:14px;	
	text-decoration:none;
}
#Content_BANNER a:hover {	
	color:#6c541f;		
	text-decoration:none;
}

#Content_BANNER #CB_img_wrap{
	position: relative;
	width:990px;
	height:150px;
	background: url(/pic/about.png) center center no-repeat;
	background-size: 100% 100%;
}
.CB_img_title{
	position: absolute;
	bottom: 0;
	padding: 15px 20px;
	width: 314px;
	color:#CFBFA5;
	font-size: 48px;
	font-weight:bold;
	line-height:1;
}
	
#WRAPPER {
	margin:0 auto;
	width:990px;
    min-height:360px;
	padding:0 0px;	
	z-index:1;
}
#SIDE {
	float:left;		
	margin-top:10px;	
	padding:0px;
	width:260px;	
	height:100%;
	border:0px dotted #cccccc;
}
#SIDE h2 {	
	font-size:14px;
	color:#CCCCCC;
	/*border-bottom:0px solid #a68003;	*/
	margin-left:10px;
	margin-right:20px;
	text-decoration:none;
}
#SIDE h3 {	
	font-size:14px;
	color:#6c541f;
	/*border-bottom:1px solid #999;*/
	padding:5px;	
	text-decoration:none;
}
#SIDE p {	
	text-align:left;
	font-size:14px;
	color:#000000;
	margin-left:10px;	
	/*margin:0px 10px 0px 10px; /* Top Right Bottom Left */
	line-height:20px;
	/*border-bottom:1px solid #999;*/	
	text-decoration:none;
}
#SIDE li {	
	text-align:justify;
	font-size:14px;
	color:#CCCCCC;
	/*border-bottom:1px solid #999;*/
	padding:0px;	
	text-decoration:none;
}
#SIDE a {	
	color:#6c541f;
	font-size:14px;
	display: block;
	width:240px;
	padding: 5px 5px 5px 5px;
	line-height: 16px;
	text-decoration:none;
}
#SIDE a:hover {	
	color:#000000;
	background:#F4F4F4;
	/*text-decoration:underline;*/
	text-decoration:none;
}

#DEFAULT_CONTENT {			
	position:relative;
	float:left;
	width:100%;	
	margin-top:10px;
	margin-bottom:30px;
	/*height:800px;*/
	_height:1%;		
	border:0px dotted #CCCCCC;
}
#DEFAULT_CONTENT h2 {	
	font-size:18px;
	color:#6c541f;
	border-bottom:1px solid #a68003;
	margin-left:50px;
	margin-right:50px;
	text-decoration:none;
}
#DEFAULT_CONTENT h3 {	
	font-size:16px;
	color:#6c541f;
	/*border-bottom:1px solid #999;*/
	padding:5px;	
	text-decoration:none;
}
#DEFAULT_CONTENT p {	
	text-align:left;
	font-size:16px;
	color:#000000;
	margin-left:70px;
	margin-right:70px;	
	/*margin:0px 10px 0px 10px; /* Top Right Bottom Left */
	line-height:24px;
	/*border-bottom:1px solid #999;*/	
	text-decoration:none;
}
#DEFAULT_CONTENT li {	
	text-align:left;
	font-size:14px;
	color:#CCCCCC;
	/*border-bottom:1px solid #999;*/
	padding:0px;	
	text-decoration:none;
}
#DEFAULT_CONTENT a {	
	color:#000000;
	font-size:16px;
	text-decoration:none;
}
#DEFAULT_CONTENT a:hover {	
	color:#6c541f;
	font-size:16px;
	/*text-decoration:underline;*/
	text-decoration:none;
}

	
#CONTENT {			
	position:relative;
	float:left;
	width:720px;	
	margin-top:10px;
	margin-bottom:30px;
	_height:1%;		
	border:0px dotted #CCCCCC;
}

#CONTENT .superb_kings_thumb {
    margin-left:30px;
	margin-right:40px;	
}

#CONTENT .superb_kings_thumb a{
    padding: 2px 4px;
}


#CONTENT h2 {	
	font-size:18px;
	color:#6c541f;
	border-bottom:1px solid #a68003;
	margin-left:10px;
	margin-right:20px;
	text-decoration:none;
}
#CONTENT h3 {	
	font-size:16px;
	color:#6c541f;
	/*border-bottom:1px solid #999;*/
	padding:5px;	
	text-decoration:none;
}
#CONTENT p {	
	text-align:justify;
	font-size:14px;
	color:#000000;
	margin-left:30px;
	margin-right:40px;	
	line-height:24px;
	text-decoration:none;
}

#CONTENT table {	
	margin-left:30px;
	margin-right:30px;	
	text-decoration:none;
}

#CONTENT td {
    color:#000000;
    text-align:left;
    font-size:14px;		
    padding:5px;
    line-height:20px;
}



#CONTENT li {
	text-align:left;
	font-size:14px;
	color:#000000;
	/*border-bottom:1px solid #999;*/
	padding:0px;	
	text-decoration:none;
}

#CONTENT .report_link {
    text-align:left;
	margin-left:30px;
	margin-right:40px;	
	line-height:18px;
	text-decoration:none;
}

#CONTENT .report_link a {
	color:#000000;
	font-size:14px;
	text-decoration:none;
}

#CONTENT .report_link a:hover {
	color:#6c541f;
	font-size:14px;
	text-decoration:none;
}

#CONTENT a {
	color:#999999;
	font-size:14px;
	text-decoration:none;
}
#CONTENT a:hover {	
	color:#6c541f;
	font-size:14px;
	/*text-decoration:underline;*/
	text-decoration:none;
}

.remarks {font-size:12px;color:#000;}	

#FOOTER {
	clear:both;
	_height:1%;
	margin:0 auto;
	margin-bottom:10px;
	width:970px;
	padding-bottom: 10px;
	background-color: #F4F4F4;
	font-size:11px;
	color:#999999;		
	font-weight:normal;
	letter-spacing:1px;
	line-height:16px;
}
#FOOTER .SECTION {	
	float:left;
	width:25%;
	height:160px;
	font-size:12px;
	padding: 0 20px;
	color:#666666;	
	line-height:8px;	
	border-right:1px solid #CCCCCC;
	margin-bottom: 10px;
}

#FOOTER h2 {
	font-size:12px;
	/*color:#6c541f;*/
	color:#000000;	
	padding-left:0px;
	padding-top:0px;
	font-weight:bold;
	letter-spacing:1px;
}
#FOOTER h3 {
	font-size:18px;
	color:#999999;
	font-family: Times New Roman;
	border-bottom:1px solid #a68003;
	margin-left:20px;
	margin-right:20px;
	padding-top:20px;
	font-weight:bold;
	letter-spacing:1px;
}
#FOOTER a {
	color:#666666;
	font-size:11px;	
	text-decoration:none;
	font-weight:normal;
	letter-spacing:0px;	
}
#FOOTER a:hover {
	color:#999999;
	font-size:11px;	
	text-decoration:underline;
	font-weight:normal;	
	letter-spacing:0px;
}
#FOOTER_BAR {	
	padding-top:0px;	
	margin:0 auto;
	width:990px;
	height:5px;
	background-color:#a68003;
	overflow:visible;	
	/*border:1px dotted #FFFFFF;*/
}

#FOOTER_LEFT {	
	float:left;
	width:700px;
	height:100px;
	/*Logo 235px 80px*/
	/*background-image:url(/pic/logo.png);*/
	margin-top:0px;	
	margin-left:0px;		
	/*border:1px dotted #CCCCCC;*/
}
#FOOTER_RIGHT{
	float:left;
	text-align:right;
	position:relative;
	/*margin-left:400px;*/
	width:290px;
	height:100px;
	margin-top:0px;	
	/*border:1px dotted #CCCCCC;*/
}

#dod-table{width:calc(100% - 60px);box-sizing:border-box; border-collapse:collapse;}
#dod-table thead{
}
#dod-table tbody tr:hover{
	background:#f2f2f2;
}
#dod-table td{
	padding:8px;
}
#dod-table th:not(:first-child),
#dod-table td:not(:first-child){
	text-align:center;
}