/************************Main Layout***************************/
html { overflow:-moz-scrollbars-vertical;overflow-y:scroll; }
body { 
    font-family: arial, "微軟正黑體";
	font-size:14px; 
	margin:0;
	padding:0;
	line-height:150%;
	color:#434140;
}

/* prevent chrome highlight */
*:focus {
    outline: 0;
}

.index{
  background: #EDEDED url(../images/bg.jpg) repeat-x;
  background-position: top center;
}
.subpage{
  background: #EDEDED url(../images/subpage_bg.jpg) repeat-x;
  background-position: top center;
}

#web_container {
  position:relative;
  background-position: top center;
  margin:0 auto;
  width:1024px;
}

#web_header {
  height:134px;
}

#web_content_container{
	width: 1024px;
}

#web_logo{
  position:absolute;
  top:10px;
  left:10px;
}

#web_login_box{
  position:absolute;
  top:10px;
  right:40px;
}

#globalMsg{
  position:fixed;
  width:300px;
  margin-left:-150px;
  top:300px;
  left:50%;
  border:1px solid green;
  padding:20px;
  text-align:center;
  background:#DCEBC6;
  color:green;
  font-size:16px;
  display:none;
  z-index:9999;
}

#web_content {
  /* background: #efefef; */
}

#web_footer {
  position:relative;
}

#web_footer_container .footer_content{
  width: 1024px;
  margin:0 auto;
}

#web_footer_top{
  height:145px;
  background:#000000;
}

#web_footer_bottom{
  height:65px;
  background:#444444;
}

#web_footer .desc{
  padding-left:10px;
}

#web_footer {color: #fff; font-size:14px;}
#web_footer A:link {text-decoration: none; color: #fff; font-size:14px;}
#web_footer A:visited {text-decoration: none; color: #fff;}
#web_footer A:active {text-decoration: none; color: #fff;}
#web_footer A:hover {text-decoration: underline; color: #f1f1f1;}

#web_footer #footer_nav{color: #ededed; font-size:14px;}
#web_footer #footer_nav A:link {text-decoration: none; color: #ededed; font-size:14px;}
#web_footer #footer_nav A:visited {text-decoration: none; color: #ededed;}
#web_footer #footer_nav A:active {text-decoration: none; color: #ededed;}
#web_footer #footer_nav A:hover {text-decoration: underline; color: #666;}



#web_copyright{
  padding:50px 0 0 0;
  font-size:10px;
  color:#cccccc;
}

#web_top_banner_area{
  position:absolute;
  top:60px;
  right:10px;
}

#web_login_area{
  position:absolute;
  top:15px;
  right:10px;
}


/************************ Search bosx ***************************/
#web_search_box {
  height:26px;
  width:200px;
  background: #fff;
}

#btn_search{
 margin:7px 5px 0px 5px;
 float:right;
}
#search_field{
 margin:5px 0px 0px 5px;
 float:left;
}
#search_field input[type='text']{
	width:120px;
	border:0;
	height:17px;
	padding:0;
	background:none;
}

#content_left{
 float:left;
 width:600px;

 min-height:500px;
 margin-left:40px;
}

#content_right{
 float:right;
 width:250px;
 min-height:500px;
 margin-right:40px;
}

#footer_logo{
  padding-left:310px;
}
#footer_nav{
  padding-top:20px;
}


/******************************** Nav Bar *********************************/
#web_navi_area{
  height:43px;
}

#web_navigation{
  background:#000000;
  position:absolute;
  top:134px;
  width: 1024px;
  height:44px;
  left:13px;
}

/*
#jsddm
{	margin: 0;
	padding: 4px 0 0 20px;
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font-size: 14px;}

	#jsddm li a
	{	display: block;
		padding: 8px 18px;
		font-weight:bold;
		text-decoration: none;
		border-right: 0px solid white;
        text-align:center;
		color: #fff;
		white-space: nowrap}

	#jsddm li a:hover
	{	color:#83A632;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #ffffff}
		
		#jsddm li ul li a:hover
		{	background: #ffffff}

        #jsddm li .selected  { color:#83A632; }

	    .web_navi_space{
	 	  padding:10px 0 0 0;
		  color:#999999;
	    }
*/
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

a{outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
p{text-align:justify;}

A:link {text-decoration: none; color: #333333;}
A:visited {text-decoration: none; color: #333333;}
A:active {text-decoration: none; color: #333333;}
A:hover {text-decoration: underline; color: #333333;}

img {/* for jquery animated png */
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */     
	zoom: 1;
	border:0;
}


/******************************** Page Bar *********************************/
div.web_pagebar{
  margin-top:5px;
  text-align: right;
}
div.web_pagebar .display_total{
 color:#cccccc;
}
div.web_pagebar a{
  padding: 2px 5px;
  margin: 2px 2px;
  text-decoration: none;
  font-size: 10px;
  color: #ccc;
  border: 1px solid #999;
  background-color: #fff;
}
div.web_pagebar a.selected, div.web_pagebar a:hover{
  background-color: #C6E29F;
  color: #fff;
}

div.web_pagebar{
  border-bottom: 0px solid silver;
  margin-top:2px;
  margin-bottom:5px;
}

/******************************** Alert box *********************************/
div.alertYellow {
	margin-bottom: 10px;
	padding: 5px 5px 5px 30px;
	text-align: left;
	border: 1px #d8d074 solid;
	color: #838c1f;
	background: #fffcd6 url('../images/i_warning.png') 8px 50% no-repeat;
}

div.alertLoading {
	margin-bottom: 10px;
	padding: 5px 5px 5px 30px;
	text-align: left;
	border: 1px #d8d074 solid;
	color: #838c1f;
	background: url('../images/loading.gif') 8px 50% no-repeat;
}

div.alertRed {
	margin-bottom: 10px;
	padding: 5px 5px 5px 30px;
	text-align: left;
	border: 1px #c79189 solid;
	color: #784534;
	background: #ffdfda url('../images/i_error.png') 8px 50% no-repeat;
}

.alertRed A:link {text-decoration: underline; color: #0099ff;}
.alertRed A:visited {text-decoration: underline; color: #0099ff;}
.alertRed A:active {text-decoration: underline; color: #0099ff;}
.alertRed A:hover {text-decoration: none; color: red;}

div.alertGreen {
	margin-bottom: 10px;
	padding: 5px 5px 5px 30px;
	text-align: left;
	border: 1px #b3c789 solid;
	color: #597834;
	background: #f3ffda url('../images/i_ok.png') 8px 50% no-repeat;
}
/******************************** Normal Class *********************************/

.sub_title{
  font-size:16px;
  font-weight:bold;
  color:#333;
  padding:10px 0 10px 0;
  border-bottom:2px solid #efefef;
  margin:0 0 10px 0;
  width:300px;
}

.main_title{
  font-size:20px;
  font-weight:bold;
  color:#000;
  padding:10px 0 10px 0;
  border-bottom:3px solid #efefef;
  margin:0 0 10px 0;
}

/*
#web_content {}
#web_content a:link {text-decoration: none; color: #74942b;}
#web_content a:visited {text-decoration: none; color: #74942b;}
#web_content a:active {text-decoration: none; color: #74942b;}
#web_content a:hover {text-decoration: underline; color: #74942b;}
*/

#web_content  ul{
margin:10px 0 0 4px;
padding:0;
}

#web_content ul li{
  list-style: none;  
  padding:0px 0px 0px 30px; 
  background:url(../images/dot_green.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}

#web_content ul li a{
  text-decoration: none;
  font-size:14px;
  color:#333;
}

#web_content ul li a:hover{

}

.green_box{
  margin:10px 0px 10px 0px;
  width:645px;
  background: #EDEDED url(../images/green_box_bg.jpg) repeat-y;
  background-position: top left;
  padding-left:10px;
  font-style:italic;
}

.green_box .green_box_content{
  padding:20px 66px 20px 20px;
}

.green_box .green_box_quota{
  width:40px;
  float:left;
}

.green_box .right_content{
 width:490px;
  padding:0px 0 0 10px;
  float:right;
}


.star{color:red;}

div.normal{
  padding:0 20px 0 20px;   /* control shadow */
}

.normal_content{
 padding:0 13px 0 13px;   /* control shadow */
}

h1,h2,h3{ color:#666;}

div.normal_boundary{
}

 input[type='text'], input[type='password']{
    font-size:11px;
	border:1px solid #999;
	font-family: Arial;
	padding:2px 2px;
	height:16px;
	margin-bottom:2px;
}

textarea{
    margin:0px;
    font-size:12px;
	border:1px solid #cccccc;
	font-family: Arial;
	overflow:auto;
	text-align:left;
	padding:5px;
	resize:none;
}

select{
	border:1px solid #cccccc;
	padding:2px 2px;
}

.web_btn{
  padding:5px 12px 4px 12px;
  background:#000;
  color:#fff;
  text-align:center;
  font-size:14px;
}
.web_btn:link {text-decoration: none; color: #fff;}
.web_btn:visited {text-decoration: none; color: #fff;}
.web_btn:active {text-decoration: none; color: #fff;}
.web_btn:hover {text-decoration: none; color: #fff;  background:#000;}

.web_main_topic{
  padding:30px 0 10px 0;
  font-family: Georgia,"Times New Roman", Times, serif, arial, "微軟正黑體";
  font-size: 24px;
  letter-spacing: 2px;
}

.no_record{}

.btn_back{
margin-top:15px;
padding:0 0 0px 0px;
}

.box_2_3{
  background:#fff;
  width:690px;
  float:left;
  border:1px solid #ccc;
  -webkit-box-shadow:2px 2px 10px #ccc;
  box-shadow:2px 2px 10px #ccc;
}
.box_2_3 .content{
  padding:10px;
}

.big_box{
  background:#fff;
  width:340px;
  float:left;
  border:1px solid #ccc;
  -webkit-box-shadow:2px 2px 10px #ccc;
  box-shadow:2px 2px 10px #ccc;
}

.small_box{
  background:#fff;
  width:280px;
  float:left;
  border:1px solid #ccc;
  -webkit-box-shadow:2px 2px 10px #ccc;
  box-shadow:2px 2px 10px #ccc;

}

.big_box .big_box_content{
  padding:20px;
}

.big_box .sub_title_no_line{
  font-size:20px;
  font-weight:bold;
  color:#000;
  padding:0 0 10px 0;
  border-bottom:3px solid #fff;
  margin:0 0 10px 0;
}

.big_box .sub_title{
  font-size:20px;
  font-weight:bold;
  color:#000;
  padding:0 0 10px 0;
  border-bottom:3px solid #efefef;
  margin:0 0 10px 0;
}

.big_box .sub_topic{
  color:#000;
  padding:0;
}

.big_box .sub_desc{
  color:#000;
  padding:0;
}

.big_box a:link {text-decoration: none; color: #81a530;}
.big_box a:visited {text-decoration: none; color: #81a530;}
.big_box a:active {text-decoration: none; color: #81a530;}
.big_box a:hover {text-decoration: underline; color: #81a530;}

/********************** faq ****************************/
#web_faq_area{
padding:10px 0 0 0;
}

.icon_actived{
 	background: url(../images/down_icon.jpg) repeat-y;
    background-position: top left;
	padding-left:20px;
}

.icon_inactived{
 	background: url(../images/right_icon.jpg) repeat-y;
    background-position: top left;
	padding-left:20px;
}

#web_faq_area .question:link {text-decoration: none; color: #666;}
#web_faq_area .question:visited {text-decoration: none; color: #666;}
#web_faq_area .question:active {text-decoration: none; color: #666;}
#web_faq_area .question:hover {text-decoration: none; color: #666;}

#web_faq_area .answer{
  padding:0px 30px 0px 30px;
  color:#1a2d52;
  background:#fff;
}

#web_faq_area .line{
  height:1px;
  width:670px;
  background:#fff;
  margin:10px 0 20px 0;
}




/********************** link ****************************/
#web_link_area{
padding:20px 0 0 0;
}

#web_link_area .title:link {text-decoration: none; color: #19BFE8;}
#web_link_area .title:visited {text-decoration: none; color: #19BFE8;}
#web_link_area .title:active {text-decoration: none; color: #19BFE8;}
#web_link_area .title:hover {text-decoration: underline; color: #19BFE8;}



/************************ dl area  ****************************/

#web_dl_area{
  padding:20px 0 0 0;
}

#web_dl_area table{
  border-collapse: collapse;
}

#web_dl_area table th{
  text-align:center;
  padding: 7px 5px;
  vertical-align:top;
  border:1px solid #333;
  /*background: url('../images/orange_bar.jpg') repeat-x;*/
  background:#333;
  color: #fff;
}

#web_dl_area table td{
  text-align:center;
  color: #000;
  border:1px solid #cccccc;
  height:30px;
}


/************************ news_area table ****************************/

#news_left{
float:left;
 width:250px;
 min-height:500px;
 margin-left:40px;
}

#news_right{
 float:right;
 width:600px;
 min-height:500px;
 margin-right:40px;
}





#web_news_area table{
  border-collapse: collapse;
  font-size:12px;
}

#web_news_area table th{
  background:#efefef;
 /* background: url('../images/orange_bar.jpg') repeat-x;*/
  text-align:center;
  padding: 3px 2px;
  vertical-align:top;
  border:1px solid #ccc;
  color: #666;
}

#web_news_area table td{
  height:20px;
  text-align:center;
  color: #000;
  border:1px solid #cccccc;
}

#web_news_detail_area{

}

/************************ will ****************************/

#left{
 float:left;
 width:600px;
 margin-left:40px;
}

#right{
 float:right;
 width:250px;
 margin-right:40px;
}

.long_field,short_field{
  margin-bottom:10px;
}

.long_field input[type=text], 
.long_field input[type=password]{
  width:280px;
}

.long_field textarea{
  width:570px;
  border:1px solid #999;
}

.short_field input[type=text], 
.short_field input[type=password]{
  width:210px;
}

.short_field textarea{
  width:205px;
  border:1px solid #999;
}

.error{
  color:red;
  font-size:11px;
  font-style:italic;
}

.admin_msg{
  color:green;
  font-size:12px;
  font-weight:bold;
  font-style:italic;
}

/************************ news_file_area ****************************/
.news_file_area{
  padding-bottom:20px;
}
.news_file_area table{
  border-collapse: collapse;
}

.news_file_area table th{
  text-align:left;
  padding: 3px 3px;
  vertical-align:top;
  border:1px solid #333;
  background: #333 url('../images/orange_bar.jpg') repeat-x;
  color: #fff;
}

.news_file_area table td{
  padding:0 5px;
  height:25px;
  color: #000;
  border:1px solid #cccccc;

}

.news_file_area a:link {text-decoration: none; color: #19BFE8;}
.news_file_area a:visited {text-decoration: none; color: #19BFE8;}
.news_file_area a:active {text-decoration: none; color: #19BFE8;}
.news_file_area a:hover {text-decoration: underline; color: #19BFE8;}


/**************** profile ****************/

#profile_list_area{
  margin-left:10px;

}

#profile_list{
  list-style:none;
  margin:0;
  padding:0;

}

#profile_list li{	
float: left;
list-style: none;
border:1px solid #cccccc;
margin:15px 15px;
  -webkit-box-shadow:2px 2px 10px #666666;
  box-shadow:2px 2px 10px #666666;
    }
#profile_list li a{
display: block;
padding: 10px 20px 10px 20px;
text-decoration: none;
border-right: 0px solid white;
color: #333333
white-space: nowrap;
}

#profile_list li img{
  border:1px solid #cccccc;
}


/**************** Gallery  ****************/

#gallery_list_area{
  margin-top:35px;
}

#gallery_list{
  list-style:none;
  margin:0;
  padding:0;
}

#gallery_list li{	
float: left;
list-style: none;
border:1px solid #cccccc;
margin:15px 15px;
  -webkit-box-shadow:2px 2px 7px #ccc;
  box-shadow:2px 2px 7px #ccc;
}

#gallery_list li a{

text-decoration: none;
border-right: 0px solid white;
color: #333333
white-space: nowrap;
}

#gallery_list li img{
  border:1px solid #cccccc;
  margin: 10px 10px 10px 10px;
}

#gallery_list_area .topic{
  padding: 10px 0 0 0;
  font-size:18px;
  font-weight:bold;
}

#gallery_list_area .desc{
  padding: 0 20px 0 0;
}

/**************** Gallery Detail  ****************/

#gallery_detail_area{
  margin-top:35px;
}

#gallery_detail_list{
  list-style:none;
  margin:0;
  padding:0;
}

#gallery_detail_list li{	
float: left;
list-style: none;
border:1px solid #cccccc;
margin:15px 15px;
  -webkit-box-shadow:2px 2px 7px #ccc;
  box-shadow:2px 2px 7px #ccc;
}

#gallery_detail_list li a{

text-decoration: none;
border-right: 0px solid white;
color: #333333
white-space: nowrap;
}

#gallery_detail_list li img{
  border:1px solid #cccccc;
  margin: 3px 3px 3px 3px;
}
#gallery_detail_list .topic{
  padding:0px 3px;
  font-size:12px;
}

/**************** product  ****************/

#product_area{
  margin-top:35px;
}

#product_area_list{
  list-style:none;
  margin:0;
  padding:0;
}

#product_area_list li{	
float: left;
list-style: none;
border:1px solid #cccccc;
margin:15px 15px;
  -webkit-box-shadow:2px 2px 7px #ccc;
  box-shadow:2px 2px 7px #ccc;
}

#product_area_list li a{

text-decoration: none;
border-right: 0px solid white;
color: #333333
white-space: nowrap;
}

#product_area_list li img{
  border:1px solid #cccccc;
  margin: 3px 3px 3px 3px;
}
#product_area_list .topic{
  padding:0px 3px;
  font-size:12px;
}

/********************** Contact Table ****************************/
#contact_form table {
	border-collapse: collapse;
	text-align:center;
	background:#ffffff;
}

#contact_form table tr th{
    font-size:12px;
	padding: 10px 10px;
	text-align:right;
    vertical-align:top;
	border-bottom:1px dashed #e5e5e5;
	color: #333;
}

#contact_form table td {
    text-align:left;
	color: #3D3D3D;
	border-bottom:1px dashed #e5e5e5;
}

.mandatory_star{
  color:#0099ff;
}

#contact_form input[type=text], #contact_form input[type=password]{
	width:300px;
    font-size:12px;
	border:1px solid #cccccc;
	font-family: Arial;
	padding:3px 3px;
    margin:5px;
	height:18px;
}


#contact_form textarea{
    margin:5px;
    font-size:12px;
	border:1px solid #cccccc;
	font-family: Arial;
	height:150px;
	overflow:auto;
	min-width:300px;
	text-align:left;
	padding:3px;
	resize:none;
}

#contact_form select{
    margin:5px;
	min-width:308px;
	border:1px solid #cccccc;
	padding:3px 3px;
}

#contact_form input[type=button]{
  margin: 5px 0 0 0;
  text-align:center;
  width:70px;
  padding:3px 3px;
  border:1px solid #cccccc;
  cursor:pointer;
  color:#999999;
  background:#ffffff;
}




/******************** Banner **************/
#banner_list_area{
  margin:70px 0px 0px 25px;
}

#banner_list_area ul{
  margin:0px;
  padding:0px;
}

#banner_list_area ul li{
 list-style:none;
 float:left;
}
.spec_item{
 padding-right:20px;
 padding-bottom:10px;
}
.last_item{
  margin:0px;
  padding:0px;
}

#banner_list_area img{
  -webkit-box-shadow:2px 2px 10px #666666;
  box-shadow:2px 2px 7px #666666;
}




/* home page */

.content_small_box{
  border:1px solid #d9d9d9;
}
.content_small_box_header{
  background:#f5f5f5;
  padding:5px;
  min-height:20px;
  _height:20px;
}

.content_small_box_header .icon{
  float:left;
  height:15px;
  width:14px;
  background: #fff url(../images/left_top_icon.jpg) no-repeat;
}
.content_small_box_middle{
  background:#fff;
  padding:5px;
  min-height:50px;
  _height:50px;
}


.link_box{
  border:1px solid #7ea34f;
  margin-bottom:12px;
  padding:10px;
}
.link_box img {
 vertical-align:middle;
}


/* content page */

.page_title{
	font-size:20px;
	font-weight:bold;
	color:#555657;
	line-height:25px;
	padding-bottom:10px;
}

.content_box{
  border:1px solid #d9d9d9;
}

.content_box_header{
  background:#f5f5f5;
  padding:5px;
  min-height:20px;
  _height:20px;
}
.content_box_header .icon{
  float:left;
  height:15px;
  width:14px;
  background: #fff url(../images/left_top_icon.jpg) no-repeat;
}

.content_box_middle{
  background:#fff;
  padding:0px 20px;
  min-height:400px;
  _height:400px;
}

.bigbox{
  margin-bottom:10px;
  border:1px solid #ccc;
  margin-left:40px;
  margin-right:40px;
  background: url(../images/thank_bg.jpg) no-repeat;
  background-position: bottom center;
}

#login_module{}

#signup_box{
  width:280px;
  height:187px;
  background: url(../images/green_box.jpg) no-repeat;
  background-position: bottom center;
}

#signup_box .signup_box_topic{
  color:#fff;
  font-weight:bold;
  font-size:20px;
  padding:20px 40px 5px 40px;
}

#signup_box .signup_box_inputbox{
  width:150px;
  margin:0 auto;
}
#signup_box .signup_box_inputbox input[type='text']{
  width:150px;
}

.signup_box_inputbox_error_area{
  margin:0 auto;
  width:150px;
}

#signup_box .signup_box_desc{
  color:#fff;
  font-weight:bold;
  font-size:12px;
  padding:0px 40px 5px 40px;
  text-align:center;
}

#signup_box .signup_box_btn{
  margin:10px 0 0 90px;
}





/********************** booking **************************/

#ajax_booking_area table  tr th{  text-align:center;}
#ajax_booking_area table  tr td{  text-align:center;}

.booking_area{}
.booking_area table{
  border-collapse: collapse;
  width:670px;
    border:3px solid #fff;
	  font-size:13px;
}
.booking_area img{
 vertical-align:bottom;
}

.booking_area table th{
  text-align:left;
  padding: 10px 10px;
  border:1px solid #737373;
  /*background: url('../images/orange_bar.jpg') repeat-x;*/
  background:#737373;
  color: #fff;
}

.booking_area table td{
  text-align:left;
  color: #999;
  padding:7px 7px;
  border:3px solid #fff;
  background:#EDEDED;
}


.booking_area table tr:hover td:first-child{
font-weight:bold;
color:#333;
}



.booking_area .sub_header{
  color: #fff;
  background:#81A530;
  font-weight:bold;

}

.booking_area .available{
  color: #81A530;
  background:#EEF2EE;
  cursor:pointer;
}

.booking_area .no_link_available{

  background:#bfbfbf;
}






.booking_area .btn_area{
 text-align:center;
}


/******************** account *******************/

.main_desc{
  padding:5px 0px;
  color:#999;
}
.page_link{  padding:5px 0px;}
.page_link A:link {text-decoration: none; color: #82A530; font-size:14px;}
.page_link A:visited {text-decoration: none; color: #82A530;}
.page_link  A:active {text-decoration: none; color: #82A530;}
.page_link  A:hover {text-decoration: underline; color: #688426;}


.page_link_desc{  padding-bottom:15px;}


/******************** tools *******************/
#tools_area{}
#tools_area ul{
  margin:8px 8px 0px 8px;
  padding:0;
}

#tools_area ul li{
  margin:0;
  padding:0;
  list-style:none;
}

#tools_area div{}
.tools_link_area{
  padding-top:10px;
}

#tools_area .tools_link{  padding:6px 20px;background:#99C338; margin-top:-16px; margin-bottom:7px;}
#tools_area .tools_link A:link {text-decoration: none; color: #fff; font-size:14px;}
#tools_area .tools_link A:visited {text-decoration: none; color: #fff;}
#tools_area .tools_link  A:active {text-decoration: none; color: #fff;}
#tools_area .tools_link  A:hover {text-decoration: underline; color: #fff;}

/*************** contact *************/

.map_area{
margin-left:5px;
border:1px solid #ccc;
  -webkit-box-shadow:2px 2px 10px #ccc;
  box-shadow:2px 2px 10px #ccc;
}

.gallert_title{
font-weight:bold; 
}

#index_gallery{
  margin-top:20px;
}
#index_gallery ul{padding:0;margin:0}
#index_gallery ul li{

  list-style: none;  
  padding:0;
  background:none;
  background-repeat:no-repeat;
  background-position:left top;


float:left;
margin-right:10px;
}

#index_gallery ul li img{
border:1px solid #ccc;
}


.display_name{
font-weight:bold;
color:333;
}

.normal_link:link{
 text-decoration:underline;
}



#iframe_content .topic{
  font-size:20px;
  font-weight:bold;
  padding:0 0 5px 0;
}



.book_area{
  padding:5px 0 0 0;
}

.book_area table.mainTable{
  border-collapse: collapse;
}

.book_area table.mainTable th{
  text-align:right;
  padding: 7px 10px;
  vertical-align:top;
  border:1px solid #cccccc;
  background:#f1f1f1;
  color: #333;
}

.book_area table.mainTable td{
  text-align:left;
  padding: 7px 10px;
  color: #333;
  border:1px solid #cccccc;
}


.book_area table.subTable{
  border-collapse: collapse;
}

.book_area table.subTable th{
  padding:0;
  margin:0;
  border:0;
}

.book_area table.subTable td{
  padding:0;
  margin:0;
  border:0;
}

.booking_detail_area{
  padding:5px 0 0 0;
}

.booking_detail_area table{
  border-collapse: collapse;
}

.booking_detail_area table th{
  text-align:right;
  padding: 7px 10px;
  vertical-align:top;
  border:1px solid #cccccc;
  background:#f1f1f1;
  color: #333;
}

.booking_detail_area table td{
  text-align:left;
  padding: 7px 10px;
  color: #333;
  border:1px solid #cccccc;
}

.popup_detail_area{
  position:relative;
}

.popup_detail {
    z-index:999;
    display:none;
    position:absolute;
    top:-3px;
    left:-3px;
    width:100px;
    height:140px;
    background:#fff;
    padding: 5px 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 0 0 4px black;
    overflow: auto;
  }

.booking_area .owner{ background-color:#d5e3c6;}
.booking_area .owner A:link {text-decoration: none; color: #81a530;}
.booking_area .owner A:visited {text-decoration: none; color: #81a530;}
.booking_area .owner A:active {text-decoration: none; color: #81a530;}
.booking_area .owner A:hover {text-decoration: underline; color: #81a530;}

.booking_area .not_owner{background:#FFCCCC;}
.booking_area .not_owner A:link {text-decoration: none; color: red;}
.booking_area .not_owner A:visited {text-decoration: none; color: red;}
.booking_area .not_owner  A:active {text-decoration: none; color: red;}
.booking_area .not_owner  A:hover {text-decoration: underline; color: red;}

.booking_area .available{ background-color:#efefef}
.booking_area .available A:link {text-decoration: none; color: #81a530;}
.booking_area .available A:visited {text-decoration: none; color: #81a530;}
.booking_area .available A:active {text-decoration: none; color: #81a530;}
.booking_area .available A:hover {text-decoration: underline; color: #81a530;}


.booking_area .blockedSlot{ background-color:#FFCCCC;}
.booking_area .blockedSlot a{ color:red;size:11px;}

.booking_area .groupBlockedSlot{ background-color:#CCC;}



.delClass{
  text-decoration: line-through;
}

.popup_desc,.player_item{
  color:#999;
  font-size:12px;
}


#attach_list{
color:#999;
font-size:11px;
margin-bottom:10px;
}

#slide ul{
  padding:0;
  margin:0;
}
#slide ul li{
  list-style: none;  
  padding:0;
  margin:0; 
  background:none;
  background-repeat:no-repeat;
  background-position:left top;
}

#web_content .main_desc a:link {text-decoration: none; color: #74942b;}
#web_content .main_desc a:visited {text-decoration: none; color: #74942b;}
#web_content .main_desc a:active {text-decoration: none; color: #74942b;}
#web_content .main_desc a:hover {text-decoration: underline; color: #74942b;}