@charset "utf-8";
.border {

	border: 1px solid #E2D56F;
}
.greyborder {

	border: 1px solid #999999;
}
.smalltxt {
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 10px;
	line-height: 15px;
	font-weight: lighter;
}
.smalltxt_2 {
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: lighter;
}
.chitxt {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: lighter;
}
.bigger_smalltxt {
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: lighter;
}
.title {
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.jpg {
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}


.upborder {
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.box1 {

	border-top: 1px solid #EDEEE8;
	border-left: 1px none;
	border-bottom: 1px solid #BCBEB1;
	border-right: none;
}
.box2 {
	border-top: 1px solid #869898;
	border-left: 1px solid #869898;
	border-bottom: 1px solid #869898;
	border-right: 1px solid #869898;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}



.headertxt {
	font-weight: normal;
	color: #000000;
	font-family: "細明體";
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	line-height: 30px;
}
.specicaltxt {
	color:#000000;
	font-family: "細明體";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

}
.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #F9F7FA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.button1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color:#666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.downborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.price {
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #FF0000;
}
.name {

	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #003399;
}
.aboutustitle {
	font-family: "細明體";
	font-size: 24px;
	color: #FF6600;
	font-weight: bold;
}
.dashline {
	border: 1px dashed #CCCCCC;
}
.contenttxteng {

	color:#000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.contenttxt2 {

	color:#816746;
	font-family: "細明體";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.contenttxtengbold {


	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font: 80% verdana, arial, helvetica, sans-serif;
	text-align: center; /* for IE */
	/*background:url(bg_flower.jpg)*/

	
}
.contenttxteng9small {
	color:#000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 10px;
}
.Lborder {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.Rborder {


	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.Dborder {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.forumborder {
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.upbordersolid {

	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.URsolid {


	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.headertxtwhite {

	font-weight: normal;
	color: #FFFFFF;
	font-family: "細明體";
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
}
.moretxt {
	font-family: "細明體";
	font-size: 11px;
}
.Bborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.contenttxt2back {


	color:#000000;
	font-family: "細明體";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.discount {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.dashlineUnderLine {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
--------div style---------
.room_unit{
	float: none;
	width: 700px;
	height: 96px;
	border: 1px solid #CCCCCC;
	padding: 5px;
/*	margin-right: 10px;
*/
	margin-left: 6px;
	margin-right: 6px;
	position: relative;
	margin-top: 30px;
	
}
.room_unit_big{
	float: left;
	/*width: 158px;*/
	width: 290px;
	/*height: 153px;*/
	top: 15px;
/*	border: 1px dashed  #999999;*/
	padding: 5px;
	margin-left: 2px;
	margin-right: 15px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 15px;
	/*border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;*/
	/*background-image:url(productframe.png);*/
	background-repeat:no-repeat;
	z-index:0;	
	
}
.room_unit_big2{
	float: left;
	/*width: 158px;*/
	width: 600px;

	border: 1px solid  #999999;
	padding: 5px;
	margin-left: 2px;
	margin-right: 15px;
	position: relative;
	margin-top: -0px;
	margin-bottom: 20px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;

	background-repeat:no-repeat;
	z-index:0;	
	
}
.room_unit_big_back{
	float: left;
	/*width: 158px;*/
	width: 200px;
	margin-top:20px;
	height: 230px;
	border: 1px solid  #999999;
	padding: 5px;
	margin-left: 2px;
	margin-right: 6px;
	position: relative;
	margin-top: 20px;
	margin-bottom:40px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-repeat:no-repeat;
	z-index:0;	
	
}
.modelno{
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size:8px;
	/*background-image:url(modelnobg.png);*/
	background-repeat:no-repeat;
	font-size: 12px;
	color:#333333;
	position:relative;
	left: 5px;
	text-align: center;
	top: -200px;
	/*border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;*/
/*	border-bottom: 1px solid White;*/
	padding-top: 1px; 
	line-height: 14px;
	float:none;
	z-index:6;
}
.modelno_back{
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size:8px;
	width:200px;
	height:35px;

	background-repeat:no-repeat;
	font-size: 12px;
	color:#333333;
	position:relative;
	left: -5px;
	text-align: center;

	
	/*border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;*/
/*	border-bottom: 1px solid White;*/
	padding-top: 1px; 
	line-height: 14px;
	float:none;
	z-index:6;
}
.photo{ 
	position: relative;

	
	width: 120px;
	height: 173px;
	overflow:hidden;
	line-height: 1.2em;
	margin-top: 5px;


}
.productprice{

	width:50px;
	text-align:center;
	background:#FFFFFF;
	position:relative;
	text-align:left;
	top: -37px;
	left: 0px;
/*	border-bottom: 1px solid White;*/
	padding: 1px; 
	line-height: 14px;
	float:none;
	
}
.discountprice{

	width:50px;
	text-align:center;
	background:#FFFFFF;
	position:relative;
	text-align:left;
	top: -37px;
	left: 0px;
/*	border-bottom: 1px solid White;*/
	padding: 1px; 
	line-height: 14px;
	float:left;
	
}
.picframe{
	width:5px;
	text-align:center;
	background:#FFFFFF;
	position:relative;
	text-align:left;
	top: -30px;
	left: -1px;
/*	border-bottom: 1px solid White;*/
	padding-left:3px;
	padding-right:3px;
	line-height: 14px;
	float:left;
	z-index:5;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-left:1px;
	
}
.picframe_back{
	width:5px;
	text-align:center;
	background:#FFFFFF;
	position:relative;
	text-align:left;
	top: -30px;
	left: -1px;
/*	border-bottom: 1px solid White;*/
	padding-left:3px;
	padding-right:3px;
	line-height: 14px;
	float:left;
	z-index:5;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-left:1px;
	
}
.picframe a{
	text-decoration:none;
}
.bigimgmenu {
	float:right;
	background: #B89E85;
	font-size: 12px;
	color:#FFFFFF;
	position:relative;
	text-align: center;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;

}
.bigimg {
	float:left;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin:10px;
	
}

.cart{

float:left;
	font-size: 11px;
	position: absolute;
	/*padding:3px;*/
	right: 5px;
	bottom: -0px;
	left:50px;
	clear:both;

	
}
.cartback{

	font-size: 11px;
	position: absolute;
	/*padding:3px;*/
	right: 5px;
	bottom: -25px;
	left:00px;
	clear:both;
	background-color:#CCCCCC;
	padding: 2px;


	
}
.howmany{
	background:#FFFFFF;
	font-size: 11px;
	color:#333333;
	position: absolute;
	padding:5px;
	z-index:99;
	right: 5px;
	top: 150px;
	display:none;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;

}
.howmany2{
	background:#FFFFFF;
	font-size: 11px;
	color:#333333;
	position: absolute;
	padding:5px;
	z-index:99;
	right: -1px;
	top: -1px;
	display:none;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;

}
.howmany3{
	background:#FFFFFF;
	font-size: 11px;
	color:#333333;
	position: absolute;
	padding:5px;
	z-index:99;
	right: -1px;
	left: 720px;
	top: 360px;
	display:none;
	width:80px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;

}
.cross{
	padding-left:2px;
	padding-right:2px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;

}
.qu{
	margin-top:8px;

}
.buybtn{
	margin-top:8px;
	font-size: 10px;

}
.cartdiv{

}
.shoppingcart_s{
	padding-top:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: lighter;
	float:left;
	
}
.shoppingcart_text{
	padding-top:6px;
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	line-height: 15px;
	font-weight: lighter;
	/*margin-left:10px;*/
	float:left;
	
}
.shoppingcart_text a{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	font-weight: lighter;

	float:left;
	
}
.shoppingcart_text a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	font-weight: lighter;
	float:left;
	text-decoration:none;
	color:#333333;
	
}
.total_s{
	padding-top:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: lighter;
	float:left;
	
}
.flush{
	padding-top:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: lighter;
	float:left;
	
}
.checkout{
	padding-top:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: lighter;
	float:left;
	
}

.total_text{
	padding-top:6px;
	font-family: Verdana, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	line-height: 15px;
	font-weight: lighter;
	float:left;
	
}


.cart a{

	/*border:1px  #105cb6 solid;*/
	text-decoration:none;
	color:#333333;
	font-weight:lighter;
	margin-left:0px;


}
.showpic{

  position:fixed;
	top:40%;
	left:40%;
	width:20%;
	height:20%;
	background-color:green;

}
.testlayer {
left:50%;margin:0;margin-left:-250px;position:fixed;

}

.page{
	font-size: 11px;
	font-weight:lighter;
	padding:5px;
	float:left;
	position: relative;	
	font-size: 11px;
	text-align:right;
	width:616px;
	background-color:#D4CEB8;
	margin-left:5px;

}
/*.room_unit_big_cur .room_unit_time{
	background: #ffffff;
	font-size: 12px;
	color: #FF0000;
	position: absolute;
	left: -1px;
	top: -17px;
	border-left: 1px solid #CC6600;
	border-right: 1px solid #CC6600;
	border-top: 1px solid #CC6600;
/*	border-bottom: 1px solid White;*/
/*	padding-top:2px; 
	line-height: 14px;
}*/
#menubg {
background-image: url(btnbg.png);
width: 175px; /*WIDTH OF MAIN MENU ITEMS*/
height: 60px;

}
*html #menubg {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btnbg.png", sizingMethod="crop");

}
#menua {
z-index:99;
margin-left:-10px;

}
.glossymenu, .glossymenu  ul{
list-style-type: none;
margin: 0px;
padding: 0;
 /*WIDTH OF MAIN MENU ITEMS*/
width:175px;

height: 60px;
border: 0px solid black;
margin-bottom:10px;

}

.glossymenu li{
position: relative;

margin-bottom:10px;

}


.glossymenu li ul{ /*SUB MENU STYLE*/
/*WIDTH OF SUB MENU ITEMSwidth: 190px; */
top: 0;
left:50px;
display: none;

margin-left:10px;
margin-bottom:-20px;

}

.glossymenu li a{
/*background: white url(glossyback.gif) repeat-x bottom left;*/
font: 12px Verdana, Helvetica, sans-serif, "新細明體";
color: black;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;

}
.glossymenu li ul a{ /*SUB MENU STYLE*/
/*WIDTH OF SUB MENU ITEMSwidth: 190px; */
left:50px;
height:auto;
color:#666600;

margin-left:20px;

}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;

}

.glossymenu li a:visited, .glossymenu li a:active{
color: black;


}

.glossymenu li a:hover{

}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */
/*Back CSS*/
.glossymenu2, .glossymenu2  ul{
list-style-type: none;
margin: 0px;
padding: 0;
 /*WIDTH OF MAIN MENU ITEMS*/
width:175px;

height: 60px;
border: 0px solid black;
margin-bottom:10px;

}

.glossymenu2 li{
position: relative;

margin-bottom:10px;

}


.glossymenu2 li ul{ /*SUB MENU STYLE*/
/*WIDTH OF SUB MENU ITEMSwidth: 190px; */
left:50px;
display: none;
height:auto;
margin-left:20px;

}
.glossymenu2 li ul a{ /*SUB MENU STYLE*/
/*WIDTH OF SUB MENU ITEMSwidth: 190px; */
left:50px;
height:auto;
color:#666600;

margin-left:20px;

}

.glossymenu2 li a{
/*background: white url(glossyback.gif) repeat-x bottom left;*/
font: 12px Verdana, Helvetica, sans-serif, "新細明體";
color: black;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;

}

.glossymenu2 .arrowdiv{
position: absolute;
right: 2px;

}

.glossymenu2 li a:visited, .glossymenu2 li a:active{
color: black;


}

.glossymenu2 li a:hover{

}

/* Holly Hack for IE \*/
* html .glossymenu2 li { float: left; height: 1%; }
* html .glossymenu2 li a { height: 1%; }
.bugReport{
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
margin-top:20px;
margin-left:20px;
padding:30px;
float:left;
background-color:#FFFF00;
width:200px;
height:200px;

}

#centerContainer{
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		/*margin-left: 200px;*/
		margin-top: 20px;
		width:600px;

}
.centerContainer{
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		width:600px;

}
/*checkout*/
.co_model {
	/*border:1px solid #663300;*/
	font-size:12px;
/*	width:365px;*/
	height:19px;
	padding-left:5px;
	padding-top:2px;

	background: transparent ;
	/*background-image:url(textfield_bg.gif);*/
	border:0;

}
.co_qu {
	border:1px solid;
	border-color:#666600;
	background-color:#FFFFFF;
	text-align:center;
	width:20px;
}
.checkouttable{ 
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color:#6699FF;
	border: 1px solid;
	border-color:#999999;
	border-collapse: collapse;
	border-spacing: 0px;
	width:600px;
	margin-top:6px;
	
} 

.checkouttable td {
/*	border-right: 1px solid #7E7674;*/
    border-bottom: 1px solid #7E7674;
	padding: 10px 10px 10px 10px;
	color:#000000;
}
.checkouttable  td table td  {
/*	border-right: 1px solid #7E7674;*/

	border:0px;

/*	border-color:#6666CC;*/

}
.checkouttable th {

	border-left: 0px solid #7E7674;
	border-top : 1px solid #7E7674;
	border-bottom: 1px solid #7E7674;
	padding-top:5px;
	padding-bottom:5px;
	border-top-width:1PX;
	text-indent: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #404040;

}

/*out*/
.pmbig {
width:100%;
}
.pmtree {
float:inherit;

}
.pmcatalog {
float:left;

}
.pmpage {
float:none;
}
.errormsg {
font-family:Arial, Helvetica, sans-serif; size:12; color:#FF0000;
float:left;
margin-bottom:-8px;
}
/*table style//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.gtable1
{
	border                :none;
	border                :1px solid #CCC;
		border-collapse      : collapse;
}
.gtable1 td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
	/*font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;*/
}
.gtable1 th
{
	background            : #FFF url(th_bck.gif) repeat-x;
	color                 : #666;  
	padding               : 5px 10px;
	border-left           : 1px solid #CCC;
	text-align:center;
}
.gtable1 tr td
{
	border-collapse      : collapse;
	padding               : 5px 10px;
	color                 : #666;
}

.gtable1 tr td:hover
{
	background            : #FFF url(tr_bck.gif) repeat;
}

.gtable1 tr:hover td
{
	color                 : #454545;
}
.gtable1 tfoot td,tfoot th
{
	border-left           : none;
	border-top            : 1px solid #CCC;
	padding               : 4px;
	background            : #FFF url(foot_bck.gif) repeat;
	color                 : #666;
}
.gtable1 caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
.gtable1 a:link
{
	color                 : #666;
}
.gtable1 a:visited
{
	color                 : #666;
}
.gtable1 a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
.gtable1 a:active
{
	color                 : #003366;
}

/*table style//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.centerdiv
{

}
.tree
{
	border-left           : 1px solid #CCC;
	border-right          : 1px solid #CCC;
	border-top            : 1px solid #CCC;
	border-bottom         : 1px solid #CCC;
		
}
.pgtree
{
	/*border-left           : 1px solid #CCC;
	border-right          : 1px solid #CCC;
	border-top            : 1px solid #CCC;
	border-bottom         : 1px solid #CCC;*/
	margin-right:52px;
	margin-top:10px; 
	position:absolute; left:650px;
		
}
.ps_bg
{
margin-top:-1px;
}
.menubar
{
	border-left           : 1px solid #CCC;
	border-right          : 1px solid #CCC;
	border-top            : 1px solid #CCC;
	border-bottom         : 1px solid #CCC;
	background            : #FFF url(th_bck.gif) repeat-x;
	padding:5px;
	margin-bottom:5px;
	border-collapse      : collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
.abs { 
	display:none; 
    position:absolute; 
    border-style: solid; 
    background-color: white; 
    padding: 5px;
	z-index:100;
}
.txt_container {
margin-right:20px;
margin-left:650px;

float:left;
}
.reg_txt {
margin-right:20px;
font: 10px Verdana, Helvetica, sans-serif, "新細明體";
}
.login_txt {
font: 10px Verdana, Helvetica, sans-serif, "新細明體";
float:left;
}
.login_txt_field {
float:left;
size:15;
margin-right:20px;
float:left;
margin-top:5px;
font: 10px Verdana, Helvetica, sans-serif, "新細明體";
border-left           : 1px solid #CCC;
border-right          : 1px solid #CCC;
border-top            : 1px solid #CCC;
border-bottom         : 1px solid #CCC;
}
.logout_btn {
float:right;
size:15;
margin-right:20px;

}
.username_txt {

font: 10px Verdana, Helvetica, sans-serif, "新細明體";

}
.password_txt {

font: 10px Verdana, Helvetica, sans-serif, "新細明體";
}
.arrow_div {
position:absolute;
margin-top:45px;

}
/*------------------------------yui--------------------------------------*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* Menu & MenuBar styles */

.yuimenu {

    background-color:#f6f7ee;
    border:solid 1px #c4c4be;
    padding:1px;
    
}

/*

The following style rule (".yuimenu.show-scrollbars") overrides the 
".show-scrollbars" rule defined in container.css which sets the 
"overflow" property of a YAHOO.widget.Overlay instance's root HTML element to 
"auto" when it is visible.  Without this override, a Menu would have scrollbars
when one of its submenus is visible.

*/

.yuimenu.show-scrollbars {

	overflow: visible; 

}

.yui-menu-shadow {

    display: none;

}

.yuimenu .yuimenu,
.yuimenubar .yuimenu {

    position:absolute;
    visibility:hidden;

}

.yuimenubar {

 /*   background-color:#f6f7ee;*/
    
}

.yuimenubar ul {

    *zoom:1;

}

.yuimenubar ul:after {

    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    line-height:0;

}

.yuimenu h6,
.yuimenubar h6 { 

    font-size:100%;
    font-weight:normal;
    margin:0;
    border:solid 1px #c4c4be;
    color:#b9b9b9;    

}

.yuimenubar h6 {

    float:left;
    padding:4px 12px;
    border-width:0 1px 0 0;

}

.yuimenubar .yuimenu h6 {

    float:none;

}

.yuimenu h6 {

    border-width:1px 0 0 0;
    padding:5px 10px 0 10px;

}

.yuimenubar ul {

    margin:0;
    padding:0;

}

.yuimenu ul {

    border:solid 1px #c4c4be;
    border-width:1px 0 0 0;
    margin:0;
    padding:10px 0;

}

.yuimenu ul.first-of-type, 
.yuimenu ul.hastitle,
.yuimenu h6.first-of-type {

    border-width:0;

}

.yuimenubar li, 
.yuimenu li {

    list-style-type: none;    

}

.yuimenu .yui-menu-body-scrolled {

    overflow: hidden;

}

.yuimenu .topscrollbar,
.yuimenu .bottomscrollbar {

    height:16px;
    background-image:url(map.gif);
    background-repeat:no-repeat;

}

.yuimenu .topscrollbar {

    background-image:url(map.gif);
    background-position:center -72px;

}

.yuimenu .topscrollbar_disabled {

    background-image:url(map.gif);
    background-position:center -88px;

}

.yuimenu .bottomscrollbar {

    background-image:url(map.gif);
    background-position:center -104px;

}

.yuimenu .bottomscrollbar_disabled {

    background-image:url(map.gif);
    background-position:center -120px;

}


/* MenuItem and MenuBarItem styles */

.yuimenubaritem {

    float:left;

}

.yuimenuitemlabel,
.yuimenubaritemlabel {

    white-space: nowrap;
    font-size:85%;
    display:block;
    color:#000;
    text-decoration:none;

}

.yuimenuitemlabel {

    padding:2px 24px;
    outline:none;
    
}

.yuimenubaritemlabel {

    border-width:0 0 0 1px;
    border-style:solid;
    border-color:#c4c4be;
    padding:4px 24px;

}

li.first-of-type .yuimenubaritemlabel {

    border-width:0;

}

.yuimenuitemlabel .helptext {

    font-style:normal;
    margin:0 0 0 40px;
    
}

.yuimenuitemlabel .submenuindicator,
.yuimenuitemlabel .checkedindicator, 
.yuimenubaritemlabel .submenuindicator {
    
    display:block;
    height:8px;
    width:8px;
    overflow:hidden;
    vertical-align:middle;
    text-indent:9px;
    background-image:url(map.gif);
    background-repeat:no-repeat;

}

.yuimenubaritemlabel .submenuindicator {

    display:-moz-inline-stack; /* Gecko */
    display:inline-block; /* IE, Opera and Safari */
    font:0/0 arial; /* Gecko */

}

.yuimenuitemlabel .submenuindicator {

    background-position:0 0;

}

.yuimenubaritemlabel .submenuindicator {

    background-position:0 -24px;
    margin:0 0 0 10px;

}

.yuimenuitemlabel .checkedindicator {

    background-position:0 -48px;

}

.visible .yuimenuitem,
.visible .yuimenuitemlabel {

    *zoom:1;

}

.visible .yuimenuitemlabel .helptext {

    float:right;
    width:100%;
    text-align:right;
    margin:-1.2em 0 0 0;
    *cursor:hand; /* Required to restore the style of the cursor in IE */

}

.visible .yuimenuitemlabel .submenuindicator {
/*submenu arrow setting*/
    margin:-.9em -16px 4px auto;
    *margin:-.9em -16px 0 1750%;

}

.visible .yuimenuitemlabel .checkedindicator {

    margin:-.9em auto 4px -16px;
    *margin-bottom:0;

}



/* Matches selected menu items */

.yuimenuitem a.selected,
.yuimenubaritem a.selected {

    background-color:#8c8ad0;
    text-decoration:underline;
    color:#fff;

}

.yuimenubaritem a.selected .submenuindicator {

    background-position:0 -32px;

}

.yuimenuitem a.selected .submenuindicator {

    background-position:0 -8px;

}

.yuimenuitem a.selected .checkedindicator {

    background-position:0 -56px;

}


/* Matches disabled menu items */

.yuimenubaritem a.disabled .submenuindicator {

    background-position:0 -40px;

}

.yuimenuitem a.disabled {

    cursor:default;
    color:#b9b9b9;

}

.yuimenuitem a.disabled .submenuindicator {

    background-position:0 -16px;

}

.yuimenuitem a.disabled .checkedindicator {

    background-position:0 -64px;

}
            div.yui-b p {
            
                margin: 0 0 .5em 0;
                color: #999;
            
            }
            
            div.yui-b p strong {
            
                font-weight: bold;
                color: #000;
            
            }
            
            div.yui-b p em {

                color: #000;
            
            }            
            
            h1 {

                font-weight: bold;
                margin: 0 0 1em 0;
                padding: .25em .5em;
                background-color: #ccc;

            }

            #productsandservices {
            
                margin: 0 0 0px 0;
            
            }
/*-------------------------------------yui-------------------------------------------*/
/*-----------------------------------pan---------------------------------------------*/
.bigchi {
font-family:"新細明體";
font-size:12px;
font-weight:bold;

}
.bigOrangechi {
font-family:"新細明體";
font-size:12px;
color:#FF6600;

}
.headertitle {
margin-top:10px;
}
.serachbox {
border-left: 1px solid  #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;

}
.customers1 {
border-left: 1px solid  #CCCCCC;
}
.customers2 td {
/* border-bottom:1px dotted #CCCCCC; */
padding:2px;
}
/*---------------------------------------------tab----------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.noitemsdiv {
 margin:10px; 
 padding:0px;
}

.footertxt a:link {color:#FF3300}     /* unvisited link */
.footertxt a:visited {color:#FF3300}  /* visited link */
.footertxt a:hover {color:#FF3300}   /* mouse over link */
.footertxt a:active {color:#FF3300}   /* selected link */