/*
CSS Credit: http://www.templatemo.com/
*/

body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 17px;
	line-height: 1.5em; 
	/*background-color: #cdeeff;
	background-image: url(images/templatemo_body.jpg);*/
	background-repeat: repeat-x;
	background-position: top;
	min-width: 925px;
}

.bt{
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 14px;
	line-height: 1.5em; 
	/*background-color: #cdeeff;*/
	background-image: url(images/templatemo_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	position:relative;
	z-index:5;
}

a, a:link, a:visited { color: #d74201; text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin: 0px; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #183544; }
h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 30px 0; padding: 0; }
h2 span { font-weight: bold; }
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; }


.terms {font-size: 15px; color: #333; font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}
.flow, .faq, .service, .rental  {font-size: 16px; color: #333; font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}
.terms span, .flow span, .faq span, .service span ,.rental span{font-weight: 900;}
.ttt{font-family: Calibri, sans-serif;font-weight: 900;color:white;}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 10px; }
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#3b3823; }
cite span { color: #696443; }
em { color: #000; }

.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none; }
.tmo_list li { background: transparent url(images/templatemo_list.png) no-repeat scroll 0 0px; margin:0 0 10px; padding: 0 0 0 20px; 	line-height: 1em; }
.tmo_list li a { color: #fff; }
.tmo_list li a:hover { color: #ff4301; }


.tmo_list2 { margin: 20px 0 20px 20px; padding: 0; list-style: none; }
.tmo_list2 li { background: transparent url(images/tick.png) no-repeat scroll 0 0px; margin:0 0 10px; padding: 0 0 0 30px; color: #333; line-height: 1.3em; font-size: 18px;font-weight: bold;}

.btn_more a {
	display: block;
	width: 82px;
	height: 27px;
	color: #666;
	padding: 3px 0 0 0;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
    background: url(images/templatemo_button.png) no-repeat;
}

.btn_more a:hover {
	color: #333;
	text-decoration: none;
    background:	url(images/templatemo_button_hover.png) no-repeat;
}

#topmenu {
	height: 80px;
	width: 100%;
    background:ffffff;
	background:	url(images/title_bg.png) no-repeat;
	box-shadow: 0px 1px 8px #999999;
		
}

#topmenu #logo{
	margin-left: 28px;
	padding-top: 6px;
	width:200px;
}
#topmenu #logo a {
	text-decoration: none;
}
#topmenu #logo a span { 
	display: block;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	margin-left: 5px;
	margin-top: -10px;
}

#company_info {
	width:100%;
	min-width:700px;
	position:absolute;
	float: right;
	text-align:right;
	line-height:20px;
	font-size: 16px;
	margin-right: 5px;
	margin-top: 8px;
	color: #444444;
	font-family:'Helvetica Neue', Microsoft JhengHei,sans-serif;
}



/* new menu */

#topmenu_menu {
	float: right;
	display: inline-block;
	margin-top: -40px;

}

#topmenu_menu ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

#topmenu_menu ul li {
	padding: 0;
	margin: 0;
	display: inline-block;
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

#topmenu_menu ul li a {
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	height: 40px;
	width: 110px;
	font-size:16px; 
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #fff;	
	text-decoration: none;
	font-weight: 700;
	outline: none;
	text-shadow: 
              0 1px 0 #aaa,
               0 4px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3);
}

#topmenu_menu ul li a:hover, #topmenu_menu ul .current {
	color: #ffffff;
	background: #ab228c;
}
/* end of new menu */



#templatemo_wrapper_outer {
	width: 100%;
	//margin: 0 auto;
	
	background: url(images/templatemo_wrapper.jpg) top center no-repeat;

}


#templatemo_header {
	width: 940px;
	height: 80px;
}

#templatemo_header  #site_title {
	float: left;
	width: 210px;
	padding-top: 20px;
}

#templatemo_header  #site_title h1 {
	margin: 0;
	padding: 0;
}

#templatemo_header  #site_title a {
	margin: 0px;
	padding: 0px;
	font-size: 40px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#templatemo_header  #site_title a span {
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	margin-left: 5px;
}

#slider {
	position:relative;
	margin: 0 auto;
	height: 850px;
	max-width:1000px;
	min-width:950px;

	
}

#bookingform {
	position:absolute;
	top:35px;
	left:30px;
	width:280px;
	height:300px;
	background:#eee;
	z-index:100;
	-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;
	box-shadow: -1px 1px 3px #555, -1px 2px 3px #999;
}

#templatemo_wrapper {
	width: 90%;
	margin: 0 auto;
	max-width:1000px;
	min-width:950px;
	background:#000000;
}

#templatemo_slider {
	width: 90%;
	height: 350px;
}



#templatemo_content p {
	margin-bottom: 10px;
}


.col_w300 {
	float: left;
	width: 280px;
	padding-right: 20px;
	margin-right: 20px;
}

.col_w450 {
	float: left;
	width: 430px;
	padding-right: 20px;
	margin-right: 20px;
}

.col_w800 {
	float: left;
	width: 780px;
	padding-right: 20px;
	margin-right: 20px;
}

.col_w280 {
	width: 280px;
}

.col_w220 {
	float: left;
	width: 200px;
	padding-right: 20px;
	margin-right: 20px;
}

.col_last {
	margin-right: 0;
}

.sb_news_box {
	margin-bottom: 20px;
}

.sb_news_box img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 15px;
	border: 2px solid #fff;
}
.sb_news_box h6 a { font-size: 14px; color: #333; }


.news_box {
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #fff;
}

.news_box h2 {
	color: #183544;
	margin-bottom: 10px;
}

.news_box .news_meta {
	margin-bottom: 10px;
}

.news_box img {
	float: left;
	width: 220px;
	height: 180px;
	margin-right: 30px;
	border: 1px solid #fff;
	padding: 4px;
}

.news_box_last {
	margin: 0;
	padding: 0;
	border: none;
}

.service_box {
	clear: both;
	margin-bottom: 50px;
}

.service_box img {
	float: left;
	width: 48px;
	height: 48px;
}

.service_box .sb_right {
	float: right;
	width: 520px;
}

#contact_form {
	padding: 0;
}

#contact_form form {
	margin: 0px;
	padding: 0px;
}

#contact_form form .input_field {
	width: 270px;
	padding: 5px;
	background: #fff;
	border: 1px solid #dfdfdf;
	font-size: 12px;
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

#contact_form form label {
	display: block;
	width: 100px;
	margin-right: 10px;
	font-size: 16px;	
}

#contact_form form textarea {
	width: 266px;
	height: 140px;
	padding: 5px;
	background: #fff;
	border: 1px solid #dfdfdf;
	font-size: 12px;
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
#contact_form .submit_btn {
	padding: 5px 14px;
	background: #fff;
	border: 1px solid #dfdfdf;
}

/* footer */

#templatemo_footer_wrapper {
	clear: both;
	width: 100%;
	background: url(images/templatemo_wrapper_bottom.jpg) bottom repeat-x;
vertical-align: bottom;
bottom:0px;
position:relative;
}

#templatemo_footer {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	color: #000;
/*	background: url(images/templatemo_footer.png) center repeat-y;*/
}

#templatemo_footer .tmo_list {
	margin-left: 0px;
}

#templatemo_footer .tmo_list li a {
	color: #000;
}

#footer_top {
	width: 960px;
	height: 10px;
	margin: 0 auto;
/*	background: url(images/templatemo_footer_top.png) left no-repeat;*/
}

/* social */

#templatemo_footer  #social_box {
	clear: both;
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

#social_box li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#social_box li a {
	width: 24px;
	height: 24px;
	margin: 0 5px 5px 0;
	text-decoration: none;
	border: none;
}

/* end of social */

/* copyright */

#templatemo_copyright {
	clear: both;
	width: 100%;
	padding: 5px;
	margin: 0 auto;
	text-align: center;
	color: #ccc;
	background: #0a273a;
	font-size: 10px;

}
#templatemo_copyright a {
	color: #fff;
}

#templatemo_bottom {
	position:relative;
	clear: both;
	width: 100%;
	height: 20px;
	padding: 5px;
	margin: 0 auto;
	text-align: center;
	color: #ccc;
	background: #509bcc;
	border-top: 1px solid #fff;
	font-size: 14px;
	font-weight: 900;

}
#templatemo_bottom a {
	color: #fff;
}

#contents{
	position:relative;
	margin-top:20px;
	padding-top:5px;
	padding-left:5px;
	width: 1000px;
	height: 650px;
	background: #fff;
	-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;
}


#Four_row_country{
	float: left;
	width:720px;
}

#Four_row_country li{
	float: left;
	margin:5px;
	width:170px;
	height:80px;
	line-height:27px;
	background: #0000ff;
	-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;

	font-family: Arial,"Microsoft JhengHei",sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	color:#fff;
  text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black;

}


#Four_row_country li a{
	display: block;
	height:80px;
	color:#fff;
	text-decoration:none;
}

#Four_row_country li:hover {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    3px 3px 3px 0px rgba(50, 50, 50, 1);
	box-shadow:         3px 3px 3px 0px rgba(50, 50, 50, 1);
}
	
#whatsnew{
	float: left;
	padding-left:10px;
	padding-top:5px;
	width:260px;
	height:175px;
}

#wncontent{
	background:#023;
	float: left;
	margin-left:10px;
	margin-top:5px;
	width:250px;
	-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;

}

#adv_banner{
position:relative;
	float: right;
	padding-right:10px;
	width:260px;

	-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;
}

 #adv_banner li{
	margin-bottom:3px;
	background:#023;
	width:260px;

	-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;
}

#index_space{
	width: 1000px;
	height: 450px;
}

.working_space{
	
	position: relative;
	margin: 0 auto;
	width: 1000px;
	background: #fff;
	-webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;

}

.shadding_area{
	background: #fdfeb3;
	padding:10px;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.31); 
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.31); 
	box-shadow: 1px 1px 5px rgba(0,0,0,.31); 
	-webkit-border-radius: 6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;
	font-family:arial,Microsoft JhengHei,sans-serif;
}

#trip_info{
	position:relative;
	margin: 0 auto;
	width:800px;
	
}
#payment_info{
	position:relative;
	margin: 0 auto;
	width:800px;
	
}
#member_info{
	position:relative;
	float:left;
	width:300px;
	margin-right:40px;
	margin-left:130px;
	text-align:center;
	font-size:20px;
}
#non_member_info{
	float:right;
	position:relative;
	width:300px;
	margin-right:130px;
	text-align:center;
	font-size:20px;
}
#booking_submit{
	position:relative;
	margin: 0 auto;
	width:800px;
	margin-left:40%;
}



#fill_dest{
	position:relative;
	font-size:12px;
	color:#ff0000;
	width:40px;
	top:-223px;
	left:225px;
}

#fill_cal{
	position:relative;
	font-size:12px;
	color:#ff0000;
	width:40px;
	top:-193px;
	left:225px;
}

#plan_info{
    position:relative;
    margin: 0 auto;
    width:800px;
   
}

#trade_info{
    position:relative;
    margin: 0 auto;
    width:800px;
   
}

#intro{
	font-family:arial,Microsoft JhengHei,sans-serif;
	text-align:center;
	color:#5555ff;
	font-size: 35px;
	font-weight:bold;
}

.count{
  display: block;
  margin: 0;
  width: 35px;
  Height:35px;
  font-family: sans-serif;
  font-size: 24px;
  border: solid 1px #707070;
  text-align:center;
  line-height:35px;
  vertical-align:middle;
  padding:0px;
  box-shadow: 0 0 5px 1px #a9a9a9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}

.steps{
	position:relative;
	color:#ffffff;
	font-size: 24px;
	font-family: kaiti,sans-serif;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	width: 30px;
	Height:30px;
	background-color:#ff5555;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

}

.steps_green{
	position:relative;
	color:#ffffff;
	font-size: 24px;
	font-family: kaiti,sans-serif;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	width: 30px;
	Height:30px;
	background-color:#55dd55;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.btncover {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial,"Microsoft JhengHei";
  color: #ffffff;
  font-size: 13px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btncover:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btnbook {
  background: #c334d9;
  background-image: -webkit-linear-gradient(top, #c334d9, #662bb8);
  background-image: -moz-linear-gradient(top, #c334d9, #662bb8);
  background-image: -ms-linear-gradient(top, #c334d9, #662bb8);
  background-image: -o-linear-gradient(top, #c334d9, #662bb8);
  background-image: linear-gradient(to bottom, #c334d9, #662bb8);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 16px 10px 16px 10px;
  text-decoration: none;
}

.btnbook:hover {
  background: #c750fa;
  background-image: -webkit-linear-gradient(top, #c750fa, #a550eb);
  background-image: -moz-linear-gradient(top, #c750fa, #a550eb);
  background-image: -ms-linear-gradient(top, #c750fa, #a550eb);
  background-image: -o-linear-gradient(top, #c750fa, #a550eb);
  background-image: linear-gradient(to bottom, #c750fa, #a550eb);
  text-decoration: none;
}

.btngeneral {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
}

.btngeneral:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.msgb {
  background: #ffeeff;
  margin-left:15px;
  width:720px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial,Microsoft JhengHei;
  font-size: 16px;
  padding: 15px 15px 15px 15px;
}
.msgc {
  background: #dcf4a9;
  margin-left:15px;
  width:720px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial,Microsoft JhengHei;
  font-size: 16px;
  padding: 15px 15px 15px 15px;
}

.reset{
  padding:0px;
  -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;
}

/* end of copyright */
/* end of footer */