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

html{
	background:url(../img/bg_texture.gif) repeat;	
}

body{
	color:white;
	font-family:arial,"新細明體",sans-serif;
}

/*general style*/

a{
	color:white;
}

h2{
	color:#C90;
	font-size:16px;
	letter-spacing:0.2em;
	padding-bottom:10px;
}

h3{
	color:#C90;
	font-size:16px;
	letter-spacing:0.2em;
}

h4{
	color:#C90;	
}

a.button{
	color:white;
}

#container{
position:relative;
padding-top:50px;
}

/*header*/
#header{
}

#header img{
float: left;
}

#header #info{
	font-size:12px;
	text-align:left;
	overflow:hidden;
	padding-top:26px;
	line-height:15px;	
	letter-spacing:0.1em;
}

#header #home{
	padding-top:41px;
	padding-left:50px;
}

#header #home a{	
	font-size:12px;
	text-align:left;
	text-decoration:none;
	line-height:15px;	
	letter-spacing:0.1em;	
}

/*banner*/
#banner{
	padding-top:10px;
}

#banner img{
	padding-top:10px;
	padding-left:80px;
}

/* menu */

.menu {
	width:830px;
	position:relative;
	z-index:100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {	
	padding-left:0px;
	margin:0;
	list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
	float:left;
	position:relative;
}
.menu ul li img{	
	float:left;
	position:relative;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:107px; 
height:31px; 
color:#fff; 
line-height:30px; 
font-size:11px;
}

/* make the dropdown ul invisible */
.menu ul li ul {
visibility:hidden;
position:absolute;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
}


/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
visibility:visible; 
top:40px; 
left:0; 
width:150px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
color:#fff;
}

/* main */
#main .mainNews{
	list-style:disc;
	text-decoration:none;	
	font-size:14px;		
	letter-spacing:1px;
	line-height:18px;	
}

#main #sec1{
	padding-top:10px;	
}

#main #sec1 ul{
	padding-left:15px;
}

#main #sec1 ul li{
	list-style:disc;
	text-decoration:none;	
	font-size:14px;		
	letter-spacing:1px;
	line-height:18px;	
}
#main #sec1 ul li{
	list-style:disc;
	text-decoration:none;	
	font-size:14px;		
	letter-spacing:1px;
	line-height:18px;	
}

#main #sec1 ul li a{
	color:#c90;
	text-decoration:none;
}

#main #sec2{
	padding-top:10px;	
}

#main #sec2 ul{	
	overflow:hidden;
	display:inline;	
}

#main #sec2 ul li{
	float:left;
	list-style:none;
	text-align:center;
	margin-left:0;
	margin-right:15px;	
}

#main #sec2 ul li img{
	padding-top:2px;
	padding-bottom:5px;
	display:block;
}


#main #sec2 ul li a{
	float:left;
	text-decoration:none;
	display:block;	
	font-size:12px;		
	letter-spacing:0.1em;
	
}

/* footer */

#footer{
	color:white;
	font-family:arial,"新細明體",sans-serif;	
}

#footer #footer_rule{	
}

#footer #footer_rule img{
	padding-top:10px;
	float:left;
	overflow:hidden;
	display:inline;	
	
}

#footer #copyright_cht{	    
	
}

#footer #copyright_cht p{	    
	font-size:12px;		
	letter-spacing:0.1em;
	text-align:left;
	text-decoration:none;
	padding-top:10px;
}

#footer #copyright_cht a{	    
	font-size:10px;		
	letter-spacing:0.1em;
	text-align:left;
	text-decoration:none;
	padding-top:10px;
}

/* sub page */
.sub{
	padding:0px;
	margin:0px;
	
}

.sub #sub_banner{
	background:url(../img/sub_background.jpg) repeat-y;	
}

.sub #sub_banner img{
	
}

.sub .sub_menu{

}

.sub .sub_menu ul{
	overflow:hidden;
	display:inline;
}

.sub .sub_menu ul li{	

	float:left;
	text-align:center;
}

.sub .sub_menu ul li img{
	background:url(../img/sub_background.jpg) repeat-y;	
	float:left;
	text-align:center;
}


.sub .content{
	background:url(../img/sub_background.jpg) repeat-y;
	width:820px;
	float:left;	
}

.sub .content ul{		
	
}

.sub .content ul li p{
	width:550px;
}

.sub .content img{	
	float:left;	
}


.sub .content #title{
	
	color:#C90;
	font-size:14px;
	/*font-weight:bolder;	*/
	padding-left:20px;
	padding-bottom:10px;
	padding-top:5px;
}


.sub .content li p{	
	color:#333;
	font-size:12px;		
	letter-spacing:0.1em;
	text-align:left;
	text-decoration:none;
	line-height:16px;
	padding-left:20px;
}

.sub #blank{	
	float:left;	
}

.sub .cases_content{
	background:url(../img/sub_background.jpg) repeat-y;
	width:820px;
}

.sub .cases_content ul{		
}

.sub .cases_content ul li p{
	text-align:left;
}

.sub .cases_content ul li p a{
	color:#C90;
	text-decoration:none;
}


.sub .cases_content ul li p img{
	position:relative;
	margin:0px;
	padding:0px;
	float:right;
	border-right:1px solid #fff;
}


.sub .cases_content #title{
	color:#C90;
	font-size:14px;
	/*font-weight:bolder;	*/
	padding-left:20px;
	padding-bottom:10px;
	padding-top:5px;
}


.sub .cases_content li p{	
	color:#333;
	font-size:12px;		
	letter-spacing:0.1em;
	text-align:left;
	text-decoration:none;
	line-height:16px;
	padding-left:20px;
}

/* gallery */

#best{
	text-decoration:none;
	background-color:#000;
	width:820px;
}

#gallery {
	padding-top:5px;
	margin: 0px auto;
	width: 780px;
	position: relative;
	height: 750px
}

UL#thumbnails {
	margin: 0px;
	list-style-type: none;
}

UL#thumbnails li {
	padding-top:5px;
	float:left;
	position:relative;
	top: 550px;
}

UL#thumbnails li a {
	display:block;
	padding:1px 1px 1px 1px;
	background:#fff;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

UL#thumbnails li a img {	
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 50px; HEIGHT: 50px; BORDER-RIGHT-WIDTH: 0px
}
UL#thumbnails li a:hover {
	BACKGROUND: #fc0
}
UL#thumbnails li.close a:hover {
	BACKGROUND: #fff
}
#gallery p{
	color:#fff;
	font-size:12px;		
	letter-spacing:0.1em;
	text-align:left;
	text-decoration:none;
	line-height:16px;	
}

#gallery p a{
	
	color:#C90;
	font-size:14px;		
	letter-spacing:0.1em;
	text-align:left;
	text-decoration:none;
	line-height:20px;
}

#gallery ul li img{
	float:left;
}

#gallery #fullsize {
	top:45px;
	left: 0px;
	overflow: hidden;
	width: 780px;
	height: 540px;
	position: absolute;
}
#gallery #fullsize div {
	width: 780px;
	padding-top: 25px;
	height: 820px
}
#gallery #fullsize div img {
	display:block;	
}