@charset "utf-8";
/* ------------------------------
HTML Redefine Tags
------------------------------ */
body {
	font-family:"新細明體",Arial,Verdana, sans-serif;
	font-size: 15px;
	margin:0;
	padding:0;
	background-color:#ededed;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	color:#333333;
	
	
}
html,
body {
   margin:0;
   padding:0;
   height:100%;
}




input,form,textarea,h1,h2,h3,h4,h5,h6,div,p,table {
	margin: 0;
	padding: 0;
}

p{
	padding-bottom:30px;
	clear:both;
	text-align:justify;
	
}


th {
	text-align: left;
}

td{
	vertical-align:top;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #6eb43f;
	margin-bottom: 18px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EEEEEE;
	font-weight: bold;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding: 0px 0;
	margin-bottom: 10px;
	color: #6eb43f;
}

a,a:visited { 
	color:#2c95bd;
	text-decoration:underline;
	
}

a:hover {
	color:#900;
	text-decoration:underline;
	
}
a:focus {
	outline: none;
	


}


select {
	
}



ul {
	list-style: none;
}



img{
	border:0;
}




.clear {
	clear: both;
	line-height: 1px;
}








.hspace20{
	float:left;
	padding-left:20px;
}


.right{
	float:right;
}

.left{
	float:left;
}

.center{
	text-align:center;
}

.bold{
	font-weight:bold;
}











#container {
   min-height:100%;
   position:relative;
   margin:auto;
   padding:auto;
   
   width:100%;
  

   
}



#main_container {
   min-height:100%;
   position:relative;
   margin:auto;
   padding:auto;
   
   width:980px;
    background-image:url(../images/container.jpg);
   background-repeat:no-repeat;
 

   
}



#main_content_container{
   width:980px;
   margin:auto;
   padding:auto;

   padding:0px 0px 200px 0px; /* Height of the footer */

      
}



#inside_content{
	color:#333;
	
}



#header {
	
	width:970px;
	height:224px;
	margin:auto;
    padding:auto;
	clear:both;

	position:relative;
	padding:10px 5px 0px 5px ;

	
}








#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:197px;   /* Height of the footer */
   margin:auto;
   padding:auto;
   padding:0px 0px 0px 0px;
   background-image:url(../images/footer.png);
   background-position:bottom center;
   background-repeat:repeat-x;
  

   
  
}
#footer_content_container{
	clear:both;
   width:960px;
   margin:auto;
   padding:auto;
   padding:0px 10px 0px 10px;
   font-size:12px;
   background-image:url(../images/footer_content_container.png);
   background-repeat:repeat-x;
   background-position:bottom center;
   height:135px;
   

   
}





/**************************************************************
					footer
**************************************************************/

#btn_top{
	clear:both;
	width: 84px;
	height: 62px;
	padding:auto;
	margin:auto;
}

#btn_top a:link, #btn_top a:visited {
	float: left;
	width: 84px;
	height: 62px;
	background-image:url(../images/button/btn_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_top a:hover,#btn_top a:active,#btn_top a.current:link, #btn_top a.current:visited{
	float: left;
	width: 84px;
	height: 62px;
	background-image:url(../images/button/btn_top.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}




#footer_nav {
	float:left;

	
	padding-top:27px;



}

#footer_nav ul{
	color:#FFFFFF;
	font-size:13px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	
}




#footer_nav ul li { 
	display: block; 
	float:left;
	
	
	background:url(../images/separator_footer.png) no-repeat left 50%;


	
	padding: 0px 15px 0px 15px;
}


#footer_nav  ul li:first-child{
	float:left;
	display: block; 
	background:url(../images/separator_footer2.png) no-repeat left 4px;
	padding: 0px 15px 0px 0px;
}



#footer_nav  ul li:last-child {
	float:left;
	display: block; 
	padding: 0px 0px 0px 15px;
	
}


#footer_nav a:link,#footer_nav a:visited {
	color:#FFFFFF;
	text-decoration: none;
	font-weight:normal;
	font-size:13px;
	
}


#footer_nav a:hover {

	color:#FFF;
	text-decoration:underline;
	font-weight:normal;
	font-size:13px;
	
}






#footer_info {
		clear:both;
		padding-top:40px;
		font-size:12px;
	
}



#logo_footer{
	float:left;
}

#logo_footer a:link, #logo_footer a:visited {
	float: left;
	width: 91px;
	height: 47px;
	background-image:url(../images/logo_footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#logo_footer a:hover,#logo_footer a:active,#logo_footer a.current:link, #logo_footer a.current:visited{
	float: left;
	width: 91px;
	height: 47px;
	background-image:url(../images/logo_footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}





#separator_footer_info {
	float: left;
	width: 1px;
	height: 47px;
	background-image:url(../images/separator_footer_info.png);
	background-repeat: no-repeat;
	margin-left:20px;
	margin-right:20px;


}


#footer_content{
	float:left;
	font-size:12px;
	color:#535353;
}











#hlist {
	clear:both;
	padding-top:10px;

}

#hlist ul{


	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	
}







#footer_info_nav {
	float:right;

	
	padding-top:20px;



}

#footer_info_nav ul{
	color:#535353;
	font-size:13px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	
}




#footer_info_nav ul li { 
	display: block; 
	float:left;
	
	
	background:url(../images/separator_footer_info_nav.png) no-repeat left 50%;


	
	padding: 0px 10px 0px 10px;
}


#footer_info_nav  ul li:first-child{
	float:left;
	display: block; 
	background:url(../images/separator_footer_info_nav2.png) no-repeat left 4px;
	padding: 0px 10px 0px 0px;
}



#footer_info_nav  ul li:last-child {
	float:left;
	display: block; 
	background:url(../images/separator_footer_info_nav.png) no-repeat left 50%;
	padding: 0px 0px 0px 10px;
	
}


#footer_info_nav a:link,#footer_info_nav a:visited {
	color:#535353;
	text-decoration: none;
	font-weight:normal;
	font-size:13px;
	
}


#footer_info_nav a:hover {

	color:#900;
	text-decoration:underline;
	font-weight:normal;
	font-size:13px;
	
}






#hlist ul li { 
	display: block; 
	float:left;
	
	padding: 0px 15px 0px 15px;
}


#hlist  ul li:first-child{
	float:left;
	display: block; 

	padding: 0px 15px 0px 0px;
}



#hlist  ul li:last-child {
	float:left;
	display: block; 
	padding: 0px 0px 0px 15px;
	
}













#header_nav {
	float:right;



}

#header_nav ul{
	color:#535353;
	font-size:13px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	
}




#header_nav ul li { 
	display: block; 
	float:left;
	
	
	background:url(../images/separator_header.png) no-repeat left 50%;


	
	padding: 0px 15px 0px 15px;
}


#header_nav  ul li:first-child{
	float:left;
	display: block; 
	background:url(../images/separator_header2.png) no-repeat left 4px;
	padding: 0px 15px 0px 0px;
}



#header_nav  ul li:last-child {
	float:left;
	display: block; 
	background:url(../images/separator_header.png) no-repeat left 50%;
	padding: 0px 0px 0px 15px;
	
}


#header_nav a:link,#header_nav a:visited {
	color:#535353;
	text-decoration: none;
	font-weight:normal;
	font-size:13px;
	
}


#header_nav a:hover {

	color:#900;
	text-decoration:underline;
	font-weight:normal;
	font-size:13px;
	
}






#logo{
	clear:both;
	padding-top:10px;
}

#logo a:link, #logo a:visited {
	float: left;
	width: 950px;
	height: 190px;
	background-image:url(../images/logo2.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;



}

#logo a:hover,#logo a:active,#logo a.current:link, #logo a.current:visited{
	float: left;
	width: 950px;
	height: 190px;
	background-image:url(../images/logo2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}



#topmenu {
	clear:both;
	width: 961px;
	height: 84px;
	background-image:url(../images/topmenu.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:auto;
	margin:auto;
	margin-top:10px;

	


}









#topmenu_nav {
	float:left;
	width: 911px;
	height: 74px;
	
	padding-top:10px;
	padding-left:50px;



}

#topmenu_nav ul{
	color:#FFFFFF;
	font-size:13px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	
}




#topmenu_nav ul li { 
	display: block; 
	float:left;
	
	
	background:url(../images/separator_topmenu.png) no-repeat left 50%;


	
	padding: 0px 15px 0px 15px;
}


#topmenu_nav  ul li:first-child{
	float:left;
	display: block; 
	background:url(../images/separator_topmenu2.png) no-repeat left 50%;
	padding: 0px 15px 0px 0px;
}



#topmenu_nav  ul li:last-child {
	float:left;
	display: block; 
	padding: 0px 0px 0px 15px;
	
}









#topmenu01{
	float:left;
}

#topmenu01 a:link, #topmenu01 a:visited {
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu01.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#topmenu01 a:hover,#topmenu01 a:active,#topmenu01 a.current:link, #topmenu01 a.current:visited{
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}




#topmenu02{
	float:left;
}

#topmenu02 a:link, #topmenu02 a:visited {
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu02.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#topmenu02 a:hover,#topmenu02 a:active,#topmenu02 a.current:link, #topmenu02 a.current:visited{
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}


#topmenu03{
	float:left;
}

#topmenu03 a:link, #topmenu03 a:visited {
	float: left;
	width: 110px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu03.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#topmenu03 a:hover,#topmenu03 a:active,#topmenu03 a.current:link, #topmenu03 a.current:visited{
	float: left;
	width: 110px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu03.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}




#topmenu04{
	float:left;
}

#topmenu04 a:link, #topmenu04 a:visited {
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu04.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#topmenu04 a:hover,#topmenu04 a:active,#topmenu04 a.current:link, #topmenu04 a.current:visited{
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu04.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}




#topmenu05{
	float:left;
}

#topmenu05 a:link, #topmenu05 a:visited {
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu05.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#topmenu05 a:hover,#topmenu05 a:active,#topmenu05 a.current:link, #topmenu05 a.current:visited{
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu05.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}


#topmenu06{
	float:left;
}

#topmenu06 a:link, #topmenu06 a:visited {
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu06.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#topmenu06 a:hover,#topmenu06 a:active,#topmenu06 a.current:link, #topmenu06 a.current:visited{
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu06.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}



#topmenu07{
	float:left;
}

#topmenu07 a:link, #topmenu07 a:visited {
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu07.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#topmenu07 a:hover,#topmenu07 a:active,#topmenu07 a.current:link, #topmenu07 a.current:visited{
	float: left;
	width: 95px;
	height: 30px;
	background-image:url(../images/topmenu/topmenu07.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}



#inside_content{
	clear:both;
	padding-top:0px;
	padding-bottom:20px;
}



#jquery_gallery{
	clear:both;
	
	width:980px;
	height:106px;
	margin:auto;
	padding:auto;
	margin-bottom:20px;

	
}


#jquery_promo01{
	clear:both;
	
	width:980px;
	height:161px;
	margin:auto;
	padding:auto;
	margin-bottom:20px;
	
}



#jquery_promo02{
	clear:both;
	
	width:980px;
	height:161px;
	margin:auto;
	padding:auto;
	margin-bottom:20px;
	
}



#jquery_promo03{
	clear:both;
	
	width:200px;
	height:136px;
	margin:auto;
	padding:auto;
	margin-bottom:20px;
	border:1px #aaaaaa solid;
	
}

#jquery_promo04{
	clear:both;
	
	width:200px;
	height:136px;
	margin:auto;
	padding:auto;
	margin-bottom:20px;
	border:1px #aaaaaa solid;
	
}


.section_title{
	float:left;
	padding-bottom:10px;
}










#btn_more{
	float:right;

}

#btn_more a:link, #btn_more a:visited {
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_more.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_more a:hover,#btn_more a:active,#btn_more a.current:link, #btn_more a.current:visited{
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_more.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}









#btn_login{
	float:left;

}

#btn_login a:link, #btn_login a:visited {
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_login.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_login a:hover,#btn_login a:active,#btn_login a.current:link, #btn_login a.current:visited{
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_login.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}








#btn_confirm{
	float:left;

}

#btn_confirm a:link, #btn_confirm a:visited {
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_confirm.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_confirm a:hover,#btn_confirm a:active,#btn_confirm a.current:link, #btn_confirm a.current:visited{
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_confirm.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}






#btn_reset{
	float:left;

}

#btn_reset a:link, #btn_reset a:visited {
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_reset.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_reset a:hover,#btn_reset a:active,#btn_reset a.current:link, #btn_reset a.current:visited{
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_reset.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}







#btn_reset2{
	float:left;

}

#btn_reset2 a:link, #btn_reset2 a:visited {
	float: left;
	width: 84px;
	height: 30px;
	background-image:url(../images/button/btn_reset2.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_reset2 a:hover,#btn_reset2 a:active,#btn_reset2 a.current:link, #btn_reset2 a.current:visited{
	float: left;
	width: 84px;
	height: 30px;
	background-image:url(../images/button/btn_reset2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}



#other_nav {
	float:right;

	
	padding-top:10px;



}

#other_nav ul{
	color:#535353;
	font-size:13px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	
}




#other_nav ul li { 
	display: block; 
	float:left;
	
	
	background:url(../images/separator_other.png) no-repeat left 50%;


	
	padding: 0px 15px 0px 15px;
}


#other_nav  ul li:first-child{
	float:left;
	display: block; 
	background:url(../images/separator_other2.png) no-repeat left 4px;
	padding: 0px 15px 0px 0px;
}



#other_nav  ul li:last-child {
	float:left;
	display: block; 
	background:url(../images/separator_other.png) no-repeat left 50%;
	padding: 0px 0px 0px 15px;
	
}


#other_nav a:link,#other_nav a:visited {
	color:#535353;
	text-decoration: none;
	font-weight:normal;
	font-size:13px;
	
}


#other_nav a:hover {

	color:#900;
	text-decoration:underline;
	font-weight:normal;
	font-size:13px;
	
}







/**************************************************************
				content_box
**************************************************************/
#content_box {
	clear:both;
	margin-bottom:20px;
	
}
#content_box .top_left_part{
	background-image:url(../images/content_box.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:15px;
	height:15px;
}
#content_box .top_right_part{
	background-image:url(../images/content_box.png);
	background-repeat:no-repeat;
	background-position:right top;
	width:15px;
	height:15px;
}
#content_box .bottom_left_part{
	background-image:url(../images/content_box.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:15px;
	height:15px;
}
#content_box .bottom_right_part{
	background-image:url(../images/content_box.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	width:15px;
	height:15px;
}
#content_box .top_border_part{
	background-image:url(../images/content_box_top.png);
	background-repeat:repeat-x;
	background-position:top center;
	height:10px;
}

#content_box .bottom_border_part{
	background-image:url(../images/content_box_bottom.png);
	background-repeat:repeat-x;
	background-position:bottom center;
	height:10px;
}
#content_box .left_border_part{
	background-image:url(../images/content_box_left.png);
	background-repeat:repeat-y;
	background-position:top left;
	height:10px;
}

#content_box .right_border_part{
	background-image:url(../images/content_box_right.png);
	background-repeat:repeat-y;
	background-position:top right;
	height:10px;
}

#content_box .middle_part{
	width:750px;
	height:180px;
	padding:10px 10px 10px 10px ;
	background-color:#f5f5f5;
}

#content_box .middle_part_half{
	width:490px;
	height:260px;
	padding:10px 10px 10px 10px ;
	background-color:#f5f5f5;
}


#content_box .middle_part_right{
	width:700px;
	height:600px;
	padding:10px 20px 10px 20px ;
	background-color:#f5f5f5;
	line-height:24px;

}

#content_box .middle_part_left{
	width:160px;
	height:180px;
	padding:10px 10px 10px 10px ;
	background-color:#f5f5f5;
}

#table_list{
	clear:both;
}

#table_list .date{
		padding-left:5px;
		color:#ea6300;
		width:100px;
		font-weight:bold;
	
}



#table_list .title{
		padding-left:5px;
		color:#ea6300;
		font-weight:bold;
	
}




#table_list tr.row td{
	border-top:1px #CCC solid;


	padding:10px 10px 10px 10px;
	
}


#table_list tr:first-child td{
	border-top:none;
	padding-top:0px;

	
}

#table_list tr.title_row td{
		padding:5px 10px 5px 10px;
		color:#333;
		font-weight:bold;
		background-color:#CCC;
		
	
}


a.link_black:link, a.link_black:visited {

	
	text-decoration:none;
	color:#666;
	font-weight:bold;
	font-size:inherit;


}

a.link_black:hover,a.link_black:active,a.link_black.current:link, a.link_black.current:visited{
	color:#900;
	text-decoration:underline;
	font-weight:bold;
	font-size:inherit;
	
	
}






#table_form .title{
	font-weight:bold;
	vertical-align:middle;
	padding: 5px 15px 5px 0px ;
	
}

#table_form .content{
	vertical-align:middle;
	padding: 5px 5px 5px 10px ;
	font-weight:bold;
	
}

#table_form .title2{
	font-weight:bold;
	vertical-align:middle;
	padding: 5px 15px 5px 10px ;
	
}

#table_form .content2{
	vertical-align:middle;
	padding: 5px 5px 5px 10px ;

	
}


#table_form .subtitle{
	vertical-align:middle;
	padding: 5px 5px 5px 10px ;
	background-color:#CCC;
	font-weight:bold;

	
}


input.input_short2{

	width:145px ;
	height:17px; 
	

	margin:0;
	padding: 4px 5px 0px 5px;
	
	border:1px #CCC solid;
	
	font-size:13px;
	font-weight:normal;
	background-color:#FFFFFF;
	font-family: Arial,Verdana,  sans-serif;
	text-align:left;
	color:#333333;
}



input.input_short{

	width:250px ;
	height:17px; 
	

	margin:0;
	padding: 4px 5px 0px 5px;
	
	border:1px #CCC solid;
	
	font-size:13px;
	font-weight:normal;
	background-color:#FFFFFF;
	font-family: Arial,Verdana,  sans-serif;
	text-align:left;
	color:#333333;
}

input.input_middle{

	width:300px ;
	height:17px; 
	

	margin:0;
	padding: 4px 5px 0px 5px;
	
	border:1px #CCC solid;
	
	font-size:13px;
	font-weight:normal;
	background-color:#FFFFFF;
	font-family: Arial,Verdana,  sans-serif;
	text-align:left;
	color:#333333;
}


input.input_long{

	width:400px ;
	height:17px; 
	

	margin:0;
	padding: 4px 5px 0px 5px;
	
	border:1px #CCC solid;
	
	font-size:13px;
	font-weight:normal;
	background-color:#FFFFFF;
	font-family: Arial,Verdana,  sans-serif;
	text-align:left;
	color:#333333;
}





textarea.input_long{

	width:400px ;
	height:200px; 
	

	margin:0;
	padding: 4px 5px 0px 5px;
	
	border:1px #CCC solid;
	
	font-size:13px;
	font-weight:normal;
	background-color:#FFFFFF;
	font-family: Arial,Verdana,  sans-serif;
	text-align:left;
	color:#333333;
}







.button_area{
	clear:both;
	padding-top:10px;
	float:right;
}

#table_main_content {
	width:100%;
}

#table_main_content td.left_side{
	width:200px;
}
#table_main_content td.right_side{
	padding-left:10px;
}

.login_user{
	clear:both;
	padding-top:0px;
	color:#ea6300;
	font-weight:bold;
}


.login_user_home{
	float:left;
	
	padding-top:5px;
	margin-left:20px;
	color:#ea6300;
	font-weight:bold;
}













#user_func_list {
	float:left;

	
	padding-top:15px;



}

#user_func_list ul{
	color:#FFFFFF;
	font-size:13px;
	margin: 0;
	padding: 0;
	list-style-type: none;

	
}




#user_func_list ul li { 
	display: block; 

	
	
	background:url(../images/separator_user_func_list.png) no-repeat left 1px;


	
	padding: 0px 0px 0px 15px;
	margin-top:10px;
}


#user_func_list  ul li:first-child{

	display: block; 
	background:url(../images/separator_user_func_list.png) no-repeat left 1px;
	padding: 0px 0px 0px 15px;
	margin-top:0px;
}





#user_func_list a:link,#user_func_list a:visited {
	color:#666;
	text-decoration: none;
	font-weight:bold;
	font-size:13px;
	
	
}


#user_func_list a:hover,#user_func_list a:active,#user_func_list a.current:link, #user_func_list a.current:visited{

	color:#ea6300;
	text-decoration:underline;
	font-weight:bold;
	font-size:13px;
	
}







#btn_logout{
	float:right;
	padding-top:20px;


}

#btn_logout a:link, #btn_logout a:visited {
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_logout.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_logout a:hover,#btn_logout a:active,#btn_logout a.current:link, #btn_logout a.current:visited{
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_logout.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}





#table_list_faq{
	clear:both;
}



#table_list_faq .date{
		padding-left:5px;
		color:#ea6300;
		font-weight:bold;
		padding-right:10px;
		width:30px;
	
}

#table_list_faq .date2{
		padding-left:5px;
		color:#333;
		font-weight:bold;
		padding-right:10px;
		width:30px;
	
}

#table_list_faq .question{

		color:#ea6300;
		font-weight:bold;
	
	
}

#table_list_faq .answer{
		color:#333;
		font-weight:bold;
	
	
}


#table_list_faq tr.row td{
	border-top:1px #CCC solid;
	padding-bottom:10px;
	padding-top:20px;
	
}


#table_list_faq tr:first-child td{
	border-top:none;
	padding-top:0px;

	
}


#table_list_faq tr.row2 td{
	padding-bottom:20px;
	
}









#sitemap_list {
	float:left;

	
	padding-top:15px;



}

#sitemap_list ul{
	color:#FFFFFF;
	font-size:13px;
	margin: 0;
	padding: 0;
	list-style-type: none;

	
}




#sitemap_list ul li { 
	display: block; 

	
	
	background:url(../images/separator_user_func_list.png) no-repeat left 4px;


	
	padding: 0px 0px 0px 15px;
	margin-top:10px;
}


#sitemap_list  ul li:first-child{

	display: block; 
	background:url(../images/separator_user_func_list.png) no-repeat left 4px;
	padding: 0px 0px 0px 15px;
	margin-top:0px;
}





#sitemap_list a:link,#sitemap_list a:visited {
	color:#666;
	text-decoration: none;
	font-weight:bold;
	font-size:13px;
	
	
}


#sitemap_list a:hover,#sitemap_list a:active,#sitemap_list a.current:link, #sitemap_list a.current:visited{

	color:#ea6300;
	text-decoration:underline;
	font-weight:bold;
	font-size:13px;
	
}






#paging_info_area{

	
	clear:both;
	padding-top:40px;
}


#paging_info  {
	float:left;
	

	
}


#paging_hspace  {
	margin-left:15px;
	display:inline;


	
}


#paging{

	float:right;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:0px 10px 0px 0px;
	margin:0;
		
}


#paging ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	
}




#paging ul li { 
	display: inline; 
    background:none;
	padding: 0px 5px 0px 10px;
}

#paging ul li.last { 
	display: inline; 
    background:none;
	padding: 0px 0px 0px 10px;
}



#paging a,a:visited {
	color:#999999;
	text-decoration:none;
	background:none;
	font-weight:bold;
	font-size:13px;
	

	
}


#paging a:hover {

	color:#ea6300;
	text-decoration:none;
	background:none;
	font-weight:bold;
	font-size:13px;
	

	
}


#paging a.current,#paging a.current:visited {
	color:#ea6300;
	text-decoration:none;
	background:none;
	font-weight:bold;
	font-size:13px;
	

	
}


#paging a.current:hover {

	color:#ea6300;
	text-decoration:none;
	background:none;
	font-weight:bold;
	font-size:13px;
	

	
}



.content_title{
	clear:both;
	color:#ea6300;
	font-weight:bold;
	padding-bottom:10px;
}

.content{
	clear:both;
	padding-top:10px;
	
}












#btn_back{
	float:right;
	padding-top:30px;

}

#btn_back a:link, #btn_back a:visited {
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_back a:hover,#btn_back a:active,#btn_back a.current:link, #btn_back a.current:visited{
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_back.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}






#btn_detail{
	float:right;

}

#btn_detail a:link, #btn_detail a:visited {
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_detail.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_detail a:hover,#btn_detail a:active,#btn_detail a.current:link, #btn_detail a.current:visited{
	float: left;
	width: 84px;
	height: 55px;
	background-image:url(../images/button/btn_detail.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}



#btn_detail2{
	float:right;

}

#btn_detail2 a:link, #btn_detail2 a:visited {
	float: left;
	width: 84px;
	height: 30px;
	background-image:url(../images/button/btn_detail2.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_detail2 a:hover,#btn_detail2 a:active,#btn_detail2 a.current:link, #btn_detail2 a.current:visited{
	float: left;
	width: 84px;
	height: 30px;
	background-image:url(../images/button/btn_detail2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}



#btn_search{
	float:right;

}

#btn_search a:link, #btn_search a:visited {
	float: left;
	width: 84px;
	height: 30px;
	background-image:url(../images/button/btn_search.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration:none;


}

#btn_search a:hover,#btn_search a:active,#btn_search a.current:link, #btn_search a.current:visited{
	float: left;
	width: 84px;
	height: 30px;
	background-image:url(../images/button/btn_search.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	text-decoration:none;
	
	
	
}


.img_border{
	border:5px #aaaaaa solid;
}









#table_list_normal{
	clear:both;
}

#table_list_normal .date{
		padding-left:5px;
		color:#ea6300;
		width:100px;
		font-weight:bold;
	
}



#table_list_normal .title{
		padding-left:5px;
		color:#ea6300;
		font-weight:bold;
	
}


#table_list_normal tr.row td{
	border-top:1px #CCC solid;
	padding-bottom:30px;
	padding-top:30px;
	
}


#table_list_normal tr:first-child td{
	border-top:none;
	padding-top:0px;

	
}


.notice_msg{
	font-weight:bold;
	color:#ea6300;
	
}

.warn_msg{
	font-weight:bold;
	color:#F00;
}






#title_news{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/news.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


#title_welcome{
	float: left;
	width: 88px;
	height: 51px;
	background-image:url(../images/title/welcome.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


#title_login{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/login.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}



#title_member_zone{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/member_zone.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


#title_about{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/about.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


#title_promotion{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/promotion.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}

#title_service{
	float: left;
	width: 150px;
	height: 51px;
	background-image:url(../images/title/service.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}

#title_quotation{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/quotation.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


#title_faq{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/faq.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}
#title_contact{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/contact.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}

#title_sitemap{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/sitemap.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}

#title_activate{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/activate.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}

#title_terms{
	float: left;
	width: 150px;
	height: 51px;
	background-image:url(../images/title/terms.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


#title_register{
	float: left;
	width: 180px;
	height: 51px;
	background-image:url(../images/title/register.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}




#title_forgot_password{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/forgot_password.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}

#title_change_password{
	float: left;
	width: 118px;
	height: 51px;
	background-image:url(../images/title/change_password.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


#title_edit_profile{
	float: left;
	width: 180px;
	height: 51px;
	background-image:url(../images/title/edit_profile.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}

#title_order_history{
	float: left;
	width: 180px;
	height: 51px;
	background-image:url(../images/title/order_history.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


#title_reciept_history{
	float: left;
	width: 180px;
	height: 51px;
	background-image:url(../images/title/reciept_history.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;

	
}


.warn_msg{
	color:#FF0000;
	font-weight:bold;
}

.confirm_msg{
	clear:both;
	text-align:center;
	padding:50px 30px 50px 30px;
	color:#333;
	background-color:#F2F2F2;
	border:1px #CCC solid;
	width:500px;
	
}