#enquiry input , #enquiry textarea {
	padding-left:2px;
	padding-right:2px;
		font-size:12px;
				font-family:"lucida grande" ,tahoma,verdana,arial,sans-serif;
			}			
	.blur ,
	textarea.blur ,
	input.blur {
		color: #999;
	}



#floatMenu {
    position:absolute;
    top:60px;
    left:50%;
    margin-left:378px;
    width:105px;
}
#floatMenu ul {
    margin-bottom:20px;
    list-style:none;
}
#floatMenu ul li{
padding:0px;
margin:0px;
border:1px solid #999;
  margin-bottom:2px;
}
#floatMenu ul li a {
    display:block;
		width:auto;
    /*border:0px solid #999;*/
    background-color:#ffffff;
    border-left:6px solid #3A4966;
    text-decoration:none;
    color:#000000;
    padding:5px 5px 5px 5px;
  
}
    #floatMenu ul li a:hover {
        border-color:#2A3958;
        background-color:#DFE5EF;
    }
    
body { 
margin: 0px;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
background:  #DFE5EF; 
background:  url(images/bg.jpg) #F7F7F7;
/*background: #000000; */
/*background: #D5D6D8; */

/*font-family: Arial, Times New Roman,Times,serif;*/

font-family:"lucida grande" ,tahoma,verdana,arial,sans-serif;


}


ul, li{
padding:0px;
margin:0px;
}
#body{
width:720px;
/*width:95%;*/
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
/*padding-left: 7px;
padding-right: 7px;*/
text-align:left;
font-size:12px;
padding:5px 10px 0px 10px;
border-left:1px solid #6E8187;
border-right:1px solid #6E8187;

background:  url(images/top.jpg) repeat-x #F5F5F5;
}
.info a{
color:#ffffff;
}


h1{
display:inline;
font-size:13px;

}

* { 
/*font-family:"lucida grande" ,tahoma,verdana,arial,sans-serif;
font-family:"新細明體",arial,sans-serif;
*/
}


a img{
border:0px;
}

body a{
color: #183064;
}


body a:hover{
text-decoration: underline;
}

a, a:visited, a:active{
text-decoration: none;
}


.right{
float:right;
}


.left{
float:left;
}
.clear{
clear:both;
}



.infobox
{
	background-color: #fff9d7;
	border: 1px solid #e2c822;
	color: #333333;
	padding: 10px;
margin-bottom:2px;

}
.errorbox
{
	background-color: #ffebe8;
	border: 1px solid #dd3c10;
	color: #333333;
	padding: 10px;
margin-bottom:2px;

}

.greybox
{
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	color: #333333;
	padding: 10px;
	margin-bottom:2px;

}
.bluebox
{
	background-color: #eceff6;
	border: 1px solid #d4dae8;
	color: #333333;
	padding: 10px;

}


.price {
border-top:1px solid #ADADAD;
border-left:1px solid #ADADAD;
margin-bottom:20px;
}

.price td ,
.price th{
border-bottom:1px solid #ADADAD;
border-right:1px solid #ADADAD;
padding:3px 15px 3px 15px;
}

.price th{
background:#2A3958;
color:#ffffff;
}


.enquiry_table {
border-top:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
margin-bottom:20px;
}

.enquiry_table td ,
.enquiry_table th{
border-bottom:1px solid #E1E1E1;
border-right:1px solid #E1E1E1;
padding:3px 15px 3px 15px;
}

.enquiry_table th{
background:#2A3958;
color:#ffffff;
}
.highlight{
background:#A0DD95;
font-weight:bold;
}
.price_text{
margin-top:5px;
}

.main div.item{
/*border:1px solid #cccccc;
background:#2A3958;*/
margin-bottom:2px;
}


.suggest {
padding:0px;
margin:0px;
}
.suggest li{
list-style:none;
padding:2px 0px 2px 5px;
margin:0px 0px 10px 5px;
border:1px solid #B9B760;
border-left:10px solid #B9B760; 
background:#FFFFE5;

}



.youtube_float{
border-bottom:0px solid #000000;

margin:10px 10px 10px 0px;
padding:5px;
background:#DFE5EF;
float:left;
width:320px;
height:300px;
overflow:hidden;

}

.youtube_float img{
border:1px solid #ffffff;
filter:alpha(opacity=100);
opacity: 1; 
width:320px;
height:240px;
}

.youtube_float img:hover{
border:1px solid #226AB6;
filter:alpha(opacity=90);
opacity: 0.9; 

}


.url{
width:250px;
font-size:10px;
background:#F7F7F7;
color:#555555;
border:1px solid #CCCCCC;
padding-left:4px;
padding-top:4px;
padding-bottom:4px;
margin-top:1px;
#margin-top:0px;
vertical-align: middle;

}


.main div.item h2{
border:1px solid #16223A; 
color:#ffffff;
background:#2A3958;
padding:5px 10px 3px 10px;
font-weight:normal;
margin:0px;
display:block;
letter-spacing:2px;

cursor:pointer;
font-size:13px;

}



.main div.item .content .back{
margin-top:10px;
}
.main div.item .content{
border:1px solid #CECFCE;
background:#F9F9F9;
padding: 10px 10px 5px 10px;
margin:0px;
clear:both;
letter-spacing:2px;
font-size:13px;
line-height:1.8em;
margin-bottom:20px;
font-family:arial,sans-serif;

}

.main{

}



.list div.reply{
margin-top:10px;
background:#DCFFD5;

border:1px solid #0D6202;
padding:5px;
}


.list div.item .heading{
font-weight:bold;
}
.list div.item{
border:1px solid #3A4966;
border-left:10px solid #3A4966; 
margin-bottom:10px;
padding:10px;

}


.date{
font-size:12px;
}

.top{
/*margin-bottom:10px;*/
text-align:center;
}
.gallery div{
margin-bottom:10px;
margin-right:5px;
/*border:5px solid #ff0000;
padding:5px;
float:left;*/
float:left;
}

.gallery a img{
border:2px solid #3C3C3C;
filter:alpha(opacity=100);
opacity: 1; 

}

.gallery a:hover img{
border:2px solid #5091DB;
filter:alpha(opacity=90);
opacity: 0.9; 
}


.youtube a{
color: #2A3958;
font-size:12px;
}
.youtube div{
margin-bottom:5px;
}

/* ==================== a button  ====================*/
input.button,
input.submit{

border:1px solid #16223A; /*16223A*/
background:#2A3958; font-size:12px; 
  cursor:pointer;  
font-family: arial,sans-serif;
padding-top:1px;
#padding-top:2px;

padding-bottom:2px;
#padding-bottom:0px;
/*line-height:15px;*/
/*height:1.7em;*/
/*#line-height:12px;*/
color:#FFFFFF;


	vertical-align:middle;
}

input.button:hover,
input.submit:hover{
background:#3A4966;
}


.info{
margin:0px 0px 5px 0px;
}
.top{
margin:15px 0px 2px 0px;
}



textarea.error , input.error  ,  select.error {
border:1px dotted #ff0000;
}

label.error {
/* remove the next line when you have trouble in IE6 with labels in list */
color: #ff0000;
display:block;
margin-left:2px;
margin-top:0px;
margin-bottom:0px;
font-size:12px;
}


form{
margin:0px
}


#enquiry .choice label{
cursor:pointer;
margin-right:0px;
width:148px;
float:left;
}

#enquiry .choice label:hover{
color:#0000ff;

}
#enquiry .text{
width:400px;
margin-top:2px;
}
#enquiry textarea{
width:400px;
height:58px;
font-size:12px;
margin-top:2px;
}

.youtube_url label{
color:#226AB6;
font-size:12px;

}

.youtube_url input{
width:250px;
font-size:10px;
background:#ffffff;
color:#555555;
border:1px solid #cccccc;
padding-left:4px;
padding-top:4px;
padding-bottom:4px;
cursor:pointer;
margin-top:1px;
#margin-top:0px;
vertical-align: middle;
font-family:"lucida grande" ,tahoma,verdana,arial,sans-serif;

}
/* CopyURL ==================================*/

#CopyURL {
/*border:1px solid #ff0000;*/
margin: 3px 0px 0px 0px;
padding: 0px 0px 1px 0px;
#padding: 0px 0px 0px 0px;
}
#CopyURL input{
width:250px;
font-size:10px;
background:#F7F7F7;
color:#555555;
border:1px solid #CCCCCC;
padding-left:4px;
padding-top:4px;
padding-bottom:4px;
margin-top:1px;
#margin-top:0px;
vertical-align: middle;
font-family:"lucida grande" ,tahoma,verdana,arial,sans-serif;
}


#CopyURL label{
width:35px;
line-height:2em;
#line-height:2.3em;
height:24px;
float:left;

}

.url_div{
text-align:left;
width:256px;
float:left;

}
.copy_div{
width:80px;
float:left;

}


#copy_btn {
background:#2A3958; font-size:12px;
color:#ffffff; cursor:pointer; 
display:block;
margin-top:1px;/*jason*/
#margin-top:1px;/*jason*/

margin-left:0px;
/*padding:3px 8px 2px 8px;
#padding:4px 8px 1px 8px;*/
text-align:center;
color:#FFFFFF; 
line-height:1.8em;
height:20px;
border:1px solid #2A3958;

}
#copy_btn.hover {
background:#3A4966;
}
#copy_btn.active {
/*background:#ff0000;*/
}

/* CopyURL ================================== */                        



.nav UL li{
float:left;
width:100px;
margin:2px;
list-style:none;

}

.nav UL li a{
color:#ffffff;
display:block;
width:100%;
border:1px solid #2A3958;
background:#2A3958;

}

.nav UL li a:hover{
background:#3A4966;
}



.openClose{
border:1px solid #16223A; 
color:#ffffff;
background:#2A3958;
padding:5px 10px 3px 10px;
font-weight:normal;
margin:0px;
font-size:13px;
display:block;
letter-spacing:2px;
cursor:pointer;
margin-bottom:0px;
}

.openClose:hover {
text-decoration: none;
background:#3A4966;
}


.method a,.method a:visited{
color:#D9D9D9;
/*border-bottom:2px solid #ffffff;*/
text-decoration:none;
}
.method a:hover{
color:#ffffff;
/*border-bottom:2px solid #ffffff;*/
text-decoration:none;
background:#226AB6;
}



.method {
border-top:1px solid #ADADAD;
border-left:1px solid #ADADAD;

}

.method td ,
.method th{
border-bottom:1px solid #ADADAD;
border-right:1px solid #ADADAD;

}
	.method td{
	padding:0px 10px 0px 10px;
	}
	.method img{
	margin:0px 10px 0px 0px;
	}


a:focus{
outline:none;
}

.blue_border {
	border: #0099cc 1px solid; 
	BACKGROUND-COLOR: #ddedfb;  
	padding: 10px; 
	MARGIN: 10px;
	WIDTH: 80%; COLOR: #000000; LINE-HEIGHT: 1.8em; 
	
	
	FONT-FAMILY: "Verdana" , "Courier New" , "Courier" , "mono"; 

}