@charset "utf-8";
/* CSS Document */
label {cursor: pointer;}
img {border:none;}
#body {
	font-size:12px;
	margin:10px 0;
	padding:0;
	color:#545454;
}
#body * {
	padding:0;
	margin:0;
	list-style-type: none;
}
#body a {
	color:#545454;
}
#body a:hover { text-decoration:underline;}
#body div.clear {
	height:1px;
	clear: both;
	width:100%;
}
#body #main {
	width:795px;
	float:right;
}
#main #nav {margin-bottom:10px;}
#main #nav a {color:#4e5d94;}
#main h1 {
	color:#4e5d94;
	font-size:22px;
	font-weight:normal;
	margin-bottom:20px;
}
#main div.description {
	line-height:20px;
	margin-right:18px;
	margin-bottom:10px;
}
#main div.item {
	border-top:3px solid #e1e1e1;
	padding:10px 0 15px 0;
	background-image: -ms-linear-gradient(top, #efefef 0%, #fff 100%);
	background-image: -moz-linear-gradient(top, #efefef 0%, #fff 100%);
	background-image: -o-linear-gradient(top, #efefef 0%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #efefef));
	background-image: -webkit-linear-gradient(top, #efefef 0%, #fff 100%);
	background-image: linear-gradient(top, #efefef 0%, #fff 100%);
	position:relative;
}
#main div.item dd.detail { position:absolute;bottom:10px;right:10px;}
#main div.item div.image-price {
	float:left;
	margin-right:10px;
	padding:2px;
	border:1px solid #ccc;
}

#main div.item div.image-price div.price {text-align:center;background:#4e5d94;color:#fff;font-style: italic;padding:5px 0;margin-top:3px;}
#main div.item div.image-price div.price span {font-size:20px;padding:0 5px;font-style:normal;}
#main div.item div.image-price img {padding:1px;}
#main div.item dt {
	font-size:22px;
}
#main div.item dt a {color:#4e5d94;}
#main div.item dd {padding:5px 0;}
#main div.item dd.passcity {font-size:14px;}
#main div.item dd.description {line-height:20px;}

#main div.item2 {background:#fff;border:none;border-bottom:1px #ccc dashed;}
#main div.item2 ul li {font-size:14px;margin-bottom:12px;}
#main div.item2 ul li a {font-weight:bold;color:#4e5d94;}
#main div.item2 ul li p {font-size:11px;}
#main div.item2 ul li span.price {margin-right:20px;color:#a31022;float:right;}
#main div.item2 ul li.last { text-align:right;}
#main div.item2 ul li.last a {font-size:12px;margin-right:10px;font-weight:normal;}
#main div.item2 div.image-price { position:relative;}
#main div.item2 div.image-price div.category-title {
	position:absolute;
	padding:10px;
	background-image: url(/tours/image/pic/bg-opacity-30x68.png);
	background-repeat: repeat;
	color:#fff;
	bottom:3px;
	left:3px;
	width:262px;
	font-size:14px;
	font-weight:bold;
}
#main div.item2 div.image-price div.category-title a {color:#fff;}

#main h2.index {font-size:18px;color:#4e5d94;font-weight:normal;margin:10px 0;}
#main div.item3 {width:390px;margin-top:10px;}
#main div.item3 div.image-title { position:relative;}
#main div.item3 div.image-title .title { position:absolute;top:2px;left:3px;
	padding:10px;
	background-image: url(/tours/image/pic/bg-opacity-30x68.png);
	background-repeat: repeat;
	font-size:14px;
}
#main div.item3 div.image-title .title a {color:#fff;}
#main div.item3 div.image-title img {padding:2px;border:1px solid #ccc;}
#main div.item3 ul {height:65px;}
#main div.item3 ul li {margin:5px 0;}
#main div.item3 ul li a {color:#4e5d94;}
#main div.item3 ul li span.price {float:right;color:#a31022;}
#main div.item3.left {float:left;}
#main div.item3.right {float:right;}

#main table#searchtable {background:#e1e1e1;}
#main table#searchtable th, #main table#searchtable td {padding:5px;}
#main table#searchtable thead {}
#main table#searchtable thead th { text-align:left;background:#4e5d94;color:#fff;}
#main table#searchtable tbody {}
#main table#searchtable tbody tr:hover td {background:#f1f1f1;}
#main table#searchtable tbody td {background:#fff;}
#main table#searchtable tbody td span.price {color:#a31022;font-weight:bold;}
#main table#searchtable tbody td p {font-weight:bold;font-size:14px;}
#main table#searchtable tbody td a {color:#4e5d94;}

#main #detail {}
#main #detail.err {border:5px solid #4e5d94;padding:10px;}
#main #detail.err h1 {margin:5px;margin-left:0;}
#main #detail.err h2 {font-size:16px;font-weight:normal;}
#main #detail #detail-main {float:left;width:540px;}
#main #detail #detail-main #listimage { position:relative;}
#main #detail #detail-main #listimage div.title {
	position:absolute;
	top:0;
	left:0;
	width:520px;
	padding:10px;
	background-image: url(/tours/image/pic/bg-opacity-30x68.png);
	background-repeat: repeat;
	color:#fff;
}
#main #detail #detail-main #listimage div.title h1 {
	color:#fff;
	margin-bottom:5px;
}
#main #detail #detail-main #listimage div.title p {font-size:12px;color:#fff;}
#main #detail #detail-main h2 {font-size:24px;font-weight:normal;margin:15px 0 20px 0;}
#main #detail #detail-main h2.text {
	background-image: url(/tours/image/pic/flag-text.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 10px;padding-left:50px;
}
#main #detail #detail-main .daytourBox {
	background:#f1f1f1;padding:10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#main #detail #detail-main .daytourBox p {line-height:20px;}
#main #detail #detail-main .daytourBox .dayTourList {
	margin:10px 0;
	background:#fff;padding:10px;line-height:20px;
	border:solid 1px #cfcfcf;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#main #detail #detail-main .daytourBox .dayTourList .tourPhoto250 img {float:right;margin:0 0 10px 10px;padding:2px;border:1px solid #ccc;}
#main #detail #detail-main .daytourBox .dayTourList .tourDates {font-size:20px;font-weight:normal;margin-bottom:10px;}
#main #detail #detail-main .daytourBox .dayTourList .tourDates b {font-size:22px;}
#main #detail #detail-main .daytourBox .dayTourList .tourDates .tourDays {color:#a31022;}
#main #detail #detail-main table.pricetable {background:#ccc;font-size:14px;}
#main #detail #detail-main table.pricetable td {padding:5px;background:#fff;}
#main #detail #detail-main table.pricetable thead td {background:#4e5d94;font-weight:bold;color:#fff;}
#main #detail #detail-main #bottom-inquiry {margin-top:10px; text-align:right;}

#main #detail #detail-main .price-include-exclusion {margin-top:20px;}
#main #detail #detail-main .price-include-exclusion div {
	border:1px solid #d1d1d1;height:300px;width:49%;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#main #detail #detail-main .price-include-exclusion div h3 {
	font-size:14px;
	font-weight:normal;
	color:#fff;
	height:32px;
	background-image: -ms-linear-gradient(bottom, #c6c8ce 0%, #f3f3f3 100%);
	background-image: -moz-linear-gradient(bottom, #c6c8ce 0%, #f3f3f3 100%);
	background-image: -o-linear-gradient(bottom, #c6c8ce 0%, #f3f3f3 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f3f3f3), color-stop(1, #c6c8ce));
	background-image: -webkit-linear-gradient(bottom, #c6c8ce 0%, #f3f3f3 100%);
	background-image: linear-gradient(bottom, #c6c8ce 0%, #f3f3f3 100%);
	position:relative;
}
#main #detail #detail-main .price-include-exclusion div h3 b {
	position:absolute;
	top:0;
	left:0;
	height:32px;
	padding:8px 0  0 10px;
	width:139px;
	display:block;
	background-image: url(/tours/image/pic/flag-bg-1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #detail #detail-main .price-include-exclusion div ul {line-height:22px;margin:10px;}
#main #detail #detail-main .price-include-exclusion div ul li {list-style-position: inside;list-style-type: square;}
.price-include-exclusion .item-include {float:left;}
.price-include-exclusion .item-exclusion {float:right;}

#main #detail #detail-sub {float:right;margin-left:10px;width:240px;}
#main #detail #detail-sub #price-info {border:5px solid #4e5d94;padding:10px;line-height:24px;margin-bottom:10px;}
#main #detail #detail-sub #price-info .price { text-align:center;font-size:18px;border-bottom:1px solid #ccc;padding-bottom:5px;}
#main #detail #detail-sub #price-info .price span {font-size:24px;color:#4e5d94;font-weight:bold;}
#main #detail #detail-sub .inquiry { text-align:center;margin-top:20px;}
#main #detail #detail-sub .inquiry a {
	color:#fff;
	padding:6px 10px;
	width:90%;
	display:block;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#main #detail #detail-sub .inquiry a.booking {
	/* IE10 */
	background-image: -ms-linear-gradient(top, #3C4974 0%, #586697 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #3C4974 0%, #586697 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #3C4974 0%, #586697 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #3C4974 0%, #586697 100%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top,#3C4974 0%, #586697 100%);
}
#main #detail #detail-sub .inquiry a.tailor {
	/* IE10 */
	background-image: -ms-linear-gradient(top, #CC0000 0%, #931414 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #CC0000 0%, #931414 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #CC0000 0%, #931414 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #CC0000 0%, #931414 100%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top,#CC0000 0%, #931414 100%);
}
#main #detail #detail-sub #map {float:right;margin:10px 0;border:1px solid #ccc;}

#main #detail #detail-sub #tripadvisor {border:1px solid #ccc;margin:5px 0;padding:5px; text-align:center; position:relative;}
#main #detail #detail-sub #tripadvisor img.photo {
	margin-bottom:5px;
	/* Webkit (Safari/Chrome) */ -webkit-box-shadow: 3px 3px 10px 3px #CCCCCC;
	/* Mozilla Firefox */ -moz-box-shadow: 3px 3px 10px 3px #CCCCCC;
	/* Proposed W3C Markup */ box-shadow: 3px 3px 10px 3px #CCCCCC;
}
#main #detail #detail-sub #tripadvisor img.Medal
{
	position:absolute;
	right:0;top:10px;
}
#main #detail #detail-sub #tripadvisor p {
	width:80%;margin:0 auto;line-height:20px;font-size:14px;
}

#main #detail #tourform {
	border: 1px solid #ccc;
	margin: 20px auto;
	box-shadow: 0 0 10px #ccc;
	padding: 20px;
	line-height: 20px;
}
#main #detail #tourform td.left_menu {background:#4e5d94;color:#fff;padding:0 5px;}
#main #detail #tourform td span.highlight1 {font-size:16px;color:#990000;font-weight:bold;}

#QuestionBox {
	border:1px solid #d1d1d1;
	padding:10px;
	background-image: url(/tours/image/pic/questionBox-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#QuestionBox h3 {color:#a31022;font-size:22px;font-weight:normal;}
#QuestionBox form {margin-top:40px;}
#QuestionBox form li.input {display:block;border:1px solid #ccc;margin:10px;padding:3px;}
#QuestionBox form li.input label {width:65px;float:left;}
#QuestionBox form li.input input {width:125px;border:none;}
#QuestionBox form li textarea {margin:10px;width:198px;height:80px;border:1px solid #ccc;}
#QuestionBox p {}

#body #sub {
	width:180px;
	float:left;
}
#sub #category {
	margin-bottom:20px;
}
#sub h2 {
	background:#4e5d94;
	border-left:5px solid #343d60;
	color:#fff;
	font-weight:normal;
	font-size:15px;
	padding:7px 5px;
}
#sub #category ul li {
	padding:6px;
	padding-left:10px;
	border-bottom:1px solid #ccc;
}
#sub #category ul li.active a {color:#4e5d94;font-weight:bold;}
#sub #searchbox {
	background:#ebebeb;
	padding-bottom:10px;
}
#sub #searchbox h2 {
	background:#d1d1d1;
	color:#545454;
	border-left:5px solid #4e5d94;
}
#sub #searchbox dl {
	margin:20px 10px 10px 10px;
}
#sub #searchbox dl dt {
	font-weight:bold;
}
#sub #searchbox dl dd {
	margin:0 0 10px 0;
}
#sub #searchbox dl dd.citys {
	border:1px solid #ddd;
	background:#fff;
	border:solid 1px #ccc;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:5px 10px;

}
#sub #searchbox dl dd.citys ul {
	margin:10px 5px;
	line-height:22px;
}
#sub #searchbox dl dd.search { text-align:right;}