@charset "utf-8";

/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top; }
body { font-size:13px; color:#666;}

/* less set */
@color_default:#01b1e1;
@color_light:#40c9f2;
@color_dark:#006ec6;
@color_pale:#cef2f1;

.OWT{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.BScover{background-position:center center; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.opacity(@num:70){-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=@num)";filter:alpha(opacity=@num);opacity:@num/100;}
.outside_shadow(@x: 0, @y: 0, @blur: 4px, @color: #999){
	-moz-box-shadow:@x @y @blur @color;
	-webkit-box-shadow:@x @y @blur @color;
	-khtml-box-shadow:@x @y @blur @color;
	box-shadow:@x @y @blur @color;
}
.inside_shadow(@x: 0, @y: 0, @blur: 4px, @color: #ccc){
	-moz-box-shadow:@x @y @blur @color inset;
	-webkit-box-shadow:@x @y @blur @color inset;
	-khtml-box-shadow:@x @y @blur @color inset;
	box-shadow:@x @y @blur @color inset;
}
.gradient(@topcolor,@bottomcolor){
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, @topcolor), color-stop(1, @bottomcolor));
	background:-moz-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-webkit-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-o-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-ms-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:linear-gradient(to bottom, @topcolor 5%, @bottomcolor 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=@topcolor, endColorstr=@bottomcolor,GradientType=0);
	background-color:@bottomcolor;
}

.drop-shadow {position: relative;}
.drop-shadow:before,.drop-shadow:after {content: "";position: absolute; z-index: -1;bottom: 15px; left: 10px; width: 50%; max-width: 150px; height: 20%;
-webkit-box-shadow: 0 20px 10px #333;-moz-box-shadow: 0 20x 10px #333;box-shadow: 0 20px 10px #333;-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);transform: rotate(-3deg);}
.drop-shadow:after {right:10px;left: auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);}

a {color:#555; text-decoration:none;}
a:hover {color:@color_dark; text-decoration:none;}
::-moz-selection{background-color:@color_default; color:#fff;}
::selection {background-color:@color_default; color:#fff;} 
h1, h2, h3, h4, h5{font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.price, .date{ font-weight:bold; font-family:Tahoma,Geneva,sans-serif; }

/* button */
.button {
	.inside_shadow(@x: 0, @y: 1px, @blur: 0, @color: @color_pale);
	.gradient(@color_light,@color_default);
	border-radius:4px;
	border:1px solid @color_default;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:1.3em;
	line-height:26px;
	font-weight:bold;
	padding:2px 20px 2px 40px;
	position:relative;
	text-shadow:0px 1px 0px @color_dark;
}
.button:hover {
	.inside_shadow(@x: 0, @y: 1px, @blur: 0, @color: @color_light);
	.gradient(@color_default,@color_dark);
	text-shadow:none;
	border-color:@color_dark;
	color:#fff;
}

.button span{ position:absolute; left:15px; top:3px; line-height:26px; font-size:1.2em;}

.brtools{ clear:both; height:32px; }
.detail .brtools{ margin-top:30px;}
.brtools.middle{ text-align:center;}

/*nodata*/
.nodata{ line-height:80px; border:2px solid #eee; font-size:1.6em; text-align:center; color:#aaa; background-color:#f9f9f9; border-radius:10px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; .inside_shadow(@x: 0, @y: 0, @blur: 10px, @color: #ddd)}
.nodata .font_icon{padding-right:10px; font-size:1.1em;}

.quote_p{ position:relative; margin-bottom:20px; line-height:24px; padding:10px 15px 10px 75px; font-size:14px; background-color:#f6f6f6; border-radius:5px;height:auto!important;height:48px;min-height:48px;}
.quote_p:before{ position:absolute; left:20px; top:20px; font-size:3em; color:#e0e0e0;}


/* ----------  wrapper ---------- */
.wrapper { clear:both; margin:0 auto; padding:0px; width:960px; padding:0 39px; border-left:1px solid @color_pale; border-right:1px solid @color_pale;}

.header{height:195px; margin-bottom:15px;}
.header .logo{ height:70px; padding:20px 0 8px 0;}
.header .logo img{ max-height:70px;}

/*marquee*/
.slidertext{ margin-top:6px; border:1px solid #e0e0e0; height:27px; .gradient(#e0e0e0,#fff); padding-left:150px; padding-right:10px; position:relative;}
.slidertext h4{ width:90px; padding-left:50px; color:#333; font-size:16px; font-weight:bold; line-height:27px; background:url(../images/marquee_title_bg.jpg) 0 0 no-repeat; border-right:1px solid #e0e0e0; position:absolute; left:0; top:0;}
.slidertext p{line-height:27px; font-size:13px;}
.slidertext ul.marquee {display: block; padding: 0;margin: 0;list-style: none;position: relative;overflow: hidden;width: 100%;height:27px; }
.slidertext ul.marquee li {position: absolute;top: -999em; left: 0; line-height:27px; font-size:13px; display: block;white-space: nowrap;}



/* menu */
.menu { height:50px;}
.sf-menu ul {position:absolute; top:-999em;width:100%;}
.sf-menu ul li {width:100%; margin:0; padding:0;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {position:relative; width:136px; zoom:1; float:left; display:inline; border-right:1px solid #fff;.gradient(@color_default,@color_dark)}
.sf-menu li.last{ border:0; width:138px;}
.sf-menu li a{display:block; color:#fff; text-align:center;  position:relative; padding:10px 15px; line-height:30px; font-size:13px; transition:all 0.5s ease 0s; z-index:2; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.sf-menu li .bg{ width:100%; height:0; overflow:hidden; position:absolute; z-index:1; left:0; top:0; .gradient(#f8f8f8,#ccc)}
.sf-menu li.sfHover a{color:#333; text-decoration:none; outline:0; }
.sf-menu>li.current {.gradient(@color_dark, @color_default)}
.sf-menu li.sfHover .bg{ height:50px;}
.sf-menu>li>a:hover, .sf-menu>li.current>a:hover{color:#333;}
.sf-menu li li, .sf-menu li.sfHover li{ clear:both; width:100%; margin:0; padding:0; border:0; background:#ccc;}
.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.current li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a{color:#333; border:0; padding:10px 15px; line-height:20px; }
.sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li.sfHover li.sfHover a, .sf-menu li li a:hover, .sf-menu li.sfHover li a:hover, .sf-menu li.current li a:hover, .sf-menu li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li a:hover{color:#fff; background-color:@color_dark;}
.sf-menu a.sf-with-ul,.sf-menu li li a.sf-with-ul {padding-right:35px; min-width:1px;}
.sf-menu li li a.sf-with-ul {padding-right:25px;}
.sf-sub-indicator {position:absolute;display:block;right:15px; top:17px; text-align:center; overflow:hidden;font-family:'FontAwesome';speak: none;font-weight: normal;font-variant: normal;line-height:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:15px;-webkit-transform: scale(0.75);  -o-transform: scale(1);}
.sf-sub-indicator:before{content: "\f0d7";}
.sf-menu li li .sf-sub-indicator{top:15px; right:10px; font-size:12px;}
.sf-menu li li .sf-sub-indicator:before{content: "\f0da";}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:50px; z-index:999; border:0;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:100%; top:0; border:0;padding-top:0; padding-left:1px;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:100%; top:0;}

/* ----------  footer ---------- */
.footer {clear:both; margin-top:25px; border-top:1px solid #d8d8d8; padding:20px 0 20px 160px; background:url(../images/bottomlogo.jpg) 10px 30px no-repeat;}
.copyright{ padding-right:100px; background:url(../images/taicoan.jpg) right top no-repeat;}
.copyright p{ line-height:20px; font-size:13px;}
.copyright strong{ padding-right:5px; }
.copyright table{ width:100%; border:0;}
.copyright table td{ height:20px; line-height:20px; }
.copyright table td.T1{ width:180px;}
.footer .link{ margin-top:10px; line-height:20px; text-align:right;}
.footer .gray{ color:#999;}
.footer .gray:hover{ color:#ccc;}
.footer span{ padding:0 8px; color:#666;}

/* ----------  index css  ---------- */
.content{ clear:both; width:960px;}
.content .col-1{ width:215px; margin-right:20px;}
.content .col-2{ width:725px;}
.content .col-3{ width:540px; margin-right:20px;}
.content .col-4{ width:165px;}

/* banner */
.banner{width:540px; height:320px; clear: both; overflow: hidden; margin:0; position: relative; }
.mainslider{width:540px;height:320px; position:relative; list-style:none; padding:0;background:url(../images/loading.gif) center no-repeat; }
.mainslider li{width:540px; height:320px; position:relative;}
.mainslider li a{ display:block; height:100%; width:100%; overflow:hidden; border-radius:10px; .BScover}
.rslides_nav{ display: none;}
.rslides_tabs{margin:0; height:16px; float:left; position:absolute; left:50%; bottom:10px; z-index:2; }
.rslides_tabs li{float:left; margin-left:10px; right:50%; position:relative;}
.rslides_tabs a{cursor:pointer; display:block; border:2px solid @color_light; width:12px; height:12px;  background-color:@color_pale; border-radius:10px; position:relative; overflow:hidden; text-indent:-999px;}
.rslides_tabs li.rslides_here a, .rslides_tabs li.rslides_here a:hover{background-color:@color_dark; border-color:@color_pale;}
.rslides_tabs a:hover{background-color:@color_light; border-color:@color_default;}


.leftlink li{ width:215px; height:80px; margin-bottom:5px; }
.leftlink li a{ display:block; height:100%; width:100%; overflow:hidden;  border-radius:5px; .BScover}
.leftlink li.last{ margin-bottom:0;}

.rightlink li{ width:165px; height:95px; margin-bottom:5px;}
.rightlink li a{ display:block; height:100%; width:100%; overflow:hidden; border-radius:10px; .BScover}
.rightlink li.last{ margin-bottom:0;}

.mainspot{ margin-top:20px; position:relative; width:540px;}
.mainspot .title{ height:35px; position:relative; margin-bottom:10px;}
.mainspot .title .line{overflow:hidden; height:17px; border-bottom:2px dotted #ccc; position:relative; z-index:1; }
.mainspot .title h3{ line-height:35px; position:absolute; z-index:2; left:0; top:0; background:#fff url(../images/icon_spot.jpg) 0 center no-repeat; padding:0 10px 0 40px; font-size:15px; color:#333;}

.mainspot .prev, .mainspot .next {position:absolute; border-radius:3px; bottom:0; color:#999;  text-align:center; line-height:120px; width:15px; height:120px; overflow:hidden; display:block; z-index:3; background-color:#eee; }
.mainspot .prev:hover, .mainspot .next:hover{ background-color:@color_default; color:#fff;}
.mainspot .prev { left:0;}
.mainspot .next { right:0;}

.spotslider{ height:120px; width:504px; margin:0 auto;}
.spotslider ul{ clear:both; height:120px; overflow:hidden;}
.spotslider li{ float:left; width:120px; height:120px; margin:0 3px;}
.spotslider li .photo{width:120px; height:90px; display:block; overflow:hidden;  border-radius:5px; margin-bottom:5px; .BScover}
.spotslider li .spotname{ line-height:25px; display:block; text-align:center; font-size:13px; padding:0 5px; background-color:#eee;border-radius:5px; .OWT}
.spotslider li.over .spotname{ color:@color_dark; background-color:#f8f8f8;}

.textlink{ margin-top:20px;}
.textlink li{ height:22px; padding:5px 0 3px 45px; margin:2px 0; background-image:url(../images/link_logo.jpg); background-repeat:no-repeat;} 
.textlink li a{font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; color:#333; font-size:14px; line-height:20px; border-bottom:2px solid #fff;}
.textlink li.kinmen{ background-position:5px 0;}
.textlink li.kinmen a:hover{color:#333; border-color:#0178ff;}
.textlink li.penghu{ background-position:5px -30px;}
.textlink li.penghu a:hover{color:#333; border-color:#306cbc;}
.textlink li.matsu{ background-position:5px -60px;}
.textlink li.matsu a:hover{color:#333; border-color:#6b66a6;}
.textlink li.tsa{ background-position:5px -90px;}
.textlink li.tsa a:hover{color:#333; border-color:#41b4de;}
.textlink li.taiwan{ background-position:5px -120px;}
.textlink li.taiwan a:hover{color:#333; border-color:#64cef4;}
.textlink li.aoaws{ background-position:5px -150px;}
.textlink li.aoaws a:hover{color:#333; border-color:#bcd7e4;}

.maintrip li{ border-bottom:1px dotted #ccc; padding:0 80px 15px 170px; margin-bottom:15px; position:relative; height:auto!important;height:80px;min-height:80px; }
.maintrip li.last{ margin-bottom:0;}
.maintrip li .photo{display:block; position:absolute; left:10px; top:0; height:80px; width:140px; overflow:hidden; border-radius:5px; .BScover}
.maintrip li .triptitle{ font-size:14px; font-weight:bold; color:@color_default; line-height:20px; display:block; margin-bottom:6px; }
.maintrip li .triptitle:hover{ color:@color_dark}
.maintrip li p{line-height:18px;}
.maintrip li .readmore{ position:absolute; right:10px; top:30px; padding:0 5px; line-height:20px; display:inline-block; background-color:@color_default; color:#fff; border-radius:3px; .OWT}
.maintrip li .readmore:hover{ color:#fff; background-color:@color_dark;}

/* ----------  pages css  ---------- */
.pagebanner{ width:960px; clear:both; margin-bottom:20px; border-radius:10px; overflow: hidden;}
.content .detail{ height:auto!important;height:300px;min-height:300px; }
.content .page_h2{ color:#fff; position:relative; font-size:20px; margin-bottom:20px; line-height:30px; padding:5px 120px 5px 20px; border-radius:20px;  text-shadow:2px 2px 4px #333; .gradient(@color_default,@color_dark)}
.content .page_h2 .info{ position:absolute; right:100px; top:5px; right:20px; line-height:30px; font-size:18px;}

.detailtitle{overflow:hidden; height:30px; position:relative; border-radius:15px; margin-bottom:15px; .gradient(@color_light,@color_default)}
.detailtitle h4{color:#fff; font-size:16px; line-height:20px; margin:0; padding:4px 150px 6px 40px; text-shadow:2px 2px 2px #000;}
.detailtitle h4 .font_icon{ position:absolute; left:20px; top:4px; line-height:20px;}
.detailtitle .info{ position:absolute; top:5px; right:15px; line-height:20px; text-align:right;  color:#fff;}
.detailtitle .info .font_icon{padding:0 5px; font-size:0.9em; font-weight:normal;}
.nes {color:#f00; padding:0 5px;}
.detailtitle .info a{ color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
.detailtitle .info a .font_icon{ padding-left:5px; font-size:0.8em; font-weight:normal;}
.detailtitle .info a:hover{ color:@color_pale;}


.htmledit{ clear:both; line-height:150%; }
.detail .htmledit p{ line-height:180%; margin-bottom:5px;}
.detail .htmledit .default_p{ line-height:24px; padding-bottom:10px;}
.detail .htmledit .default_h4{ clear:both; line-height:20px; margin-top:0px; margin-bottom:10px; color:@color_default; font-size: 1.2em;}
.detail .htmledit .default_strong{font-size:13px; padding:0 5px;}
.detail .htmledit .default_img{ border:4px solid #fff; -moz-box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999;-khtml-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;}

.htmledit .templist { width:100%; overflow:hidden; border-collapse:collapse;}
.htmledit .templist th{ color:#333; font-weight:1.2em; padding:5px 10px; background-color:#ccc; line-height:20px; text-align:left;border:1px solid #e4e4e4;}
.htmledit .templist td{ padding:5px 10px; line-height:20px; border:1px solid #e4e4e4;} 
.htmledit .templist tr.even td{background-color:#f2f2f2;}
.htmledit .templist tr.odd td{background-color:#fcfcfc;}
.htmledit .templist tr.over td{background-color:#eee;}

.navigation{overflow:hidden; text-align:right; height:20px; padding-bottom:5px; line-height:20px;  border-bottom:1px solid #ccc; margin-bottom:10px;}
.navigation a{color:#7s7a7a; font-weight:bold; }
.navigation a.font_icon:before{ font-size:1.2em; padding-right:5px;}
.navigation a:hover{color:@color_light;}
.navigation span{padding:0 10px; font-size:1.2em;}
.navigation strong{ color:#333; font-size:1.2em; }


/*sidebar*/
.sidebar{clear:both; border:5px solid @color_pale; border-radius:10px; padding:15px;}
.sidebar h3{ padding:0 0 10px 5px; border-bottom:2px solid @color_pale; line-height:30px; font-size:18px; color:@color_dark;}
.sidebar h3 span{ padding-right:10px; line-height:24px; font-weight:normal; font-size:1.1em;}
.sidebar li{clear:both; border-bottom:1px solid @color_pale; padding:3px 0;}
.sidebar li a{ line-height:20px; color:@color_default; display:block; padding:10px 10px 10px 35px; font-size:15px; position:relative; transition:all 0.5s ease 0s;}
.sidebar li a em{ font-style:normal; position:absolute; left:18px; top:11px; font-size:0.8em;}
.sidebar li a:hover, .sidebar .current a:hover{ color:@color_dark; background-color:@color_pale;}
.sidebar li a.nav-top-item{ padding-right:30px; }
.sidebar li a.nav-top-item span{position:absolute; top:10px; right:10px;cursor:pointer; font-size:1em; }
.sidebar li ul{ border:0; margin:0; display:none; list-style:none;}
.sidebar li.last{ border:0;}
.sidebar li li{ border:0; position:relative;}
.sidebar li li a{ padding:5px 10px 5px 37px; font-size:13px;}
.sidebar li li a em{ left:25px; top:5px; font-size:1em;}
.sidebar li li.opened>a.nav-top-item{z-index:201; color:@color_default; background-color:#ccc; }
.sidebar li li a.nav-top-item span{ top:11px; right:10px; cursor:default; font-size:0.7em;}
.sidebar li li ul{ position:absolute; z-index:200; top:0; left:100%; width:100%; background-color:#eee; padding:0; .outside_shadow(@x: 3px, @y: 3px, @blur: 3px, @color: #999);}
.sidebar li li li.opened a.nav-top-item{z-index:203; background-color:transparent;}
.sidebar li li li a:hover{ background-color:#fff;}
.sidebar li li li ul{ z-index:202; background-color:#eee}
.sidebar li li li li a:hover{background-color:#fff;}
.sidebar li.current>a, .sidebar li.opened.current>a{ color:@color_dark; font-weight:bold;}


.featuregroup, .strokegroup, .hotelgroup, .trafficgroup, .refereegroup, .othergroup{ clear:both; width:100%; margin-bottom:20px;}
.featuregroup .detailtitle{.gradient(#ff5db2,#f0027e)}
.strokegroup .detailtitle{.gradient(#faa71d,#e56e12)}
.trafficgroup .detailtitle{.gradient(#7ee41e,#61bb0c)}
.refereegroup .detailtitle{.gradient(#cccccc,#999999)}
.othergroup .detailtitle{.gradient(#8786ae,#3a345a)}

.featuregroup li{ float:left; padding:30px 15px 10px 165px; width:300px; position:relative;  height:auto!important;height:100px;min-height:100px; }
.featuregroup li .photo{ width:140px; position:absolute; text-align:center;  left:10px; top:30px; overflow:hidden;}
.featuregroup li .photo img{border-radius:5px; max-width:140px; max-height:140px;}
.featuregroup li .title{ font-size:15px;position:absolute; left:10px; top:0; line-height:30px; display:block; color:#808000;}
.featuregroup li p{ line-height:20px; }

/*.strokegroup li{ float:left; padding:30px 15px 10px 165px; width:300px; position:relative;  height:auto!important;height:200px;min-height:200px; }
.strokegroup li .photo{ width:140px; position:absolute; text-align:center; top:30px; left:10px;overflow:hidden; border-radius:5px; .BScover}
.strokegroup li .photo img{border-radius:5px; max-width:140px; max-height:140px; margin-bottom:10px;}
.strokegroup li .title{position:absolute; left:10px; top:0; font-size:15px; line-height:30px; display:block; color:#808000;}
.strokegroup li p{ line-height:20px; padding-bottom:5px;}
.strokegroup li p strong{ padding-right:5px;}*/

.strokegroup li { margin-bottom:20px;}
.strokegroup li p{ line-height:20px; padding:5px 10px;}
.strokegroup li .title{ color:#808000;  font-size:15px; padding:0 10px; line-height:20px; display:block;}
.strokegroup li .photolist{ margin-left:10px; width:950px; overflow:hidden;}
.strokegroup li .photolist .photo{ float:left; width:180px; height:120px; margin-right:10px; overflow:hidden; border-radius:5px; .BScover}

.hotelgroup li { margin-bottom:20px;}
.hotelgroup li p{ line-height:20px; padding:5px 10px;}
.hotelgroup li .title{ color:@color_dark;  font-size:15px; padding:0 10px; line-height:20px; display:block;}
.hotelgroup li .photolist{ hmargin-left:10px; width:950px; overflow:hidden; }
.hotelgroup li .photolist .photo{ float:left; width:180px; height:120px; margin-right:10px; overflow:hidden; border-radius:5px; .BScover}

.refereegroup li{margin-bottom:20px; padding:0 10px;}
.refereegroup li .title{ height:30px; overflow:hidden; line-height:30px; border-radius:0 10px 0 0; background-color:#eee; font-size:15px; color:#333;}
.refereegroup li .title span{ display:inline-block; color:#fff; padding:0 15px; background-color:#999; margin-right:20px;}
.refereegroup li .dining{ line-height:20px; margin-top:5px; font-size:12px;}
.refereegroup li .dining span{ color:#FF0080; padding:0 20px 0 5px;}
.refereegroup li .groupdetail{ padding:10px; border:1px solid #ccc; position:relative;  height:auto!important;height:140px;min-height:140px; border-radius:0 0 10px 10px;}
.refereegroup li .groupdetail table{ width:100%; table-layout:fixed;}
.refereegroup li .groupdetail .photo{width:180px; vertical-align:middle; padding-left:10px;}
.refereegroup li .groupdetail p{ line-height:20px;}
.refereegroup li .groupdetail p strong{ color:#808000;}
.refereegroup li .groupdetail .photo img{border-radius:5px; width:180px; height:120px;}

.othergroup strong.title{ display:block; line-height:20px; color:@color_dark; padding-bottom:5px;}
.quote{ width:98%; overflow:hidden; border-collapse:collapse; border:2px solid #76933c; margin:0 auto 15px auto; table-layout:fixed;}
.quote th, .quote td{ line-height:20px; padding:5px 10px; border:1px solid #76933c; text-align:center; font-size:14px; color:#999; vertical-align:middle; font-weight:bold;}
.quote .head th{ border-top-width:2px;}
.quote th{ background-color:#c4d79b; color:#555;}
.quote th.title{ background-color:#76933c; color:#fff;}
.quote td .price{ color:@color_dark;}
.quote td img{border-radius:5px; width:280px; height:150px;}
.quote td.text-left{ text-align:left;}
.quote td .hotel{ line-height:18px; margin:5px 10px; text-align:left; position:relative; padding-left:60px; min-height:18px;}
.quote td .hotel .title{ position:absolute; top:0; left:0; line-height:18px; color:#999;}


.from_post.contactus{ position:relative; padding-left:390px; margin-top:20px;}
.googlemap{ position:absolute; left:0; top:0; width:360px; border:4px solid #eee; padding:1px; }
#map_canvas{height:360px;}
.googlemap iframe{ margin:0; padding:0; overflow:hidden;}
.maplink{line-height:30px; font-size:13px;transition:all 0.5s ease 0s; background-color:@color_default; display:block; text-align:center; font-weight:bold; color:#fff;}
.maplink:hover{background-color:@color_light; color:#fff;}

/* content list */
.content_list{ overflow:hidden; padding:10px; background-color:#f9f9f9; border-radius:10px; }
.content_list table { width:100%;table-layout:fixed; overflow:hidden;border-collapse:collapse;}
.content_list table th{text-align:left; padding:10px; font-size:15px; line-height:20px; color:#333; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; border:1px solid #f9f9f9;}
.content_list table td{padding:5px 10px; vertical-align:top; line-height:20px; border:1px solid #f9f9f9;}
.content_list table td a{font-size:13px; transition:all 0.5s ease 0s;}
.content_list table tbody tr.even td{background-color:#E2E2E2;}
.content_list table tbody tr.odd td{background-color:#ECECEC;}
.content_list table tbody tr.over td{background-color:#fff;}
.content_list table tbody tr.over td a{ color:@color_default;}
.content_list table tbody tr.out td{background-color:none;}

.content_list.list_team table td{ vertical-align:middle;}
.list_team .T1{ width:80px; text-align:center;}
.list_team .T2{ width:50px; text-align:center;}
.list_team td .date, .list_team  td .model{font-size:11px; font-weight:bold; font-family: Tahoma,Geneva,sans-serif; display:block;}
.list_team td .model{ color:@color_default;}
.list_team td .price{ color:@color_dark; font-size:14px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold;}
.list_team .T2 span.font_icon{ line-height:20px; padding:2px 5px; display:inline-block; background-color:#d0d0d0; color:#a0a0a0;border-radius:3px;}
.list_team .T2 .font_icon:before{ padding-right:3px;}
.list_team .T2 a.font_icon{line-height:20px; padding:2px 5px; display:inline-block;background-color:@color_default; color:#fff; border-radius:3px;}
.list_team .T2 a.font_icon:hover{ color:#fff; background-color:@color_dark;}

/* page tools css */
.grayr {margin:10px 0 0 0; padding:10px; font-size:12px; text-align:center;}
.grayr a{padding:5px 8px; margin:2px; font-weight:bold; background-color:#f0f0f0; transition:all 0.5s ease 0s; border-radius:3px;}
.grayr a:hover{ background-color:@color_pale;}
.grayr a:active {color:#fff; background-color:@color_default;}
.grayr span.current {padding:5px 8px; font-weight:bold; margin:2px; color:#fff; background-color:@color_default;  border-radius:3px;}
.grayr span.disabled {padding:5px 8px; margin:2px; color:#ccc; font-weight:bold; background-color:#f0f0f0;  border-radius:3px;}
.grayr .icon-chevron-left{ padding-right:5px; font-size:0.8em;}
.grayr .icon-chevron-right{ padding-left:5px; font-size:0.8em;}

.page_navigation{clear: both; margin:10px 0 0 0;padding:10px; overflow: hidden; font-size:12px; text-align: center;}
.page_link, .next_link, .previous_link{padding:5px 8px; margin:2px; font-weight:bold; background-color:#f0f0f0; transition:all 0.5s ease 0s; border-radius:3px;}
.page_link:hover, .next_link:hover, .previous_link:hover{background-color:@color_pale;}
.active_page {padding:5px 8px; font-weight:bold; margin:2px; color:#fff; background-color:@color_default;  border-radius:3px;}
.page_navigation .icon-chevron-left{ padding-right:5px; font-size:0.8em;}
.page_navigation .icon-chevron-right{ padding-left:5px; font-size:0.8em;}

/* ----------  rentcar ----------  */
.group1{ border-top:5px solid #59a1cf; position:relative; border-radius:15px; .gradient(#fff,#e8e8e8)}
.group1 .carphoto{ position: absolute; z-index:1; width:450px; bottom:10px; right:-40px;}
.group1 .groupdetail{ position:relative; z-index:2; padding:20px 0 80px 30px;}
.group1 .groupdetail h1{ color:@color_default; font-size:40px; line-height:50px; margin:0;}
.group1 .groupdetail h2{ color:#7a7a7a; font-size:36px; line-height:40px; margin:0; font-weight:normal; font-family:"Myriad Pro";}
.group1 .groupdetail ul{ padding:0; margin:0; list-style:none;}
.group1 .groupdetail li{color: #808284;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;font-size: 15px;line-height: 25px;padding-left: 24px; background-repeat:no-repeat;}

.car_button{border-radius:16px;display:inline-block;cursor:pointer;color:#fff;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;font-size:15px;line-height:28px;font-weight:bold;padding:1px 20px 3px 20px;.gradient(#28a7e1,#004ea2)}
.car_button:hover {color:#fff;.gradient(#6cb9e5,#0b54a6)}
.car_button.dark{.gradient(#004ca0,#070258)}
.car_button.dark:hover{.gradient(#1f60ab,#1f1762)}

.group2{ border-top:5px solid #005bb3; margin-top:20px; border-radius:15px; position:relative; padding:20px 30px 0 240px; overflow:hidden;}
.group2 .leftpic{ position:absolute; left:0; top:0; width:220px; height:180px;}
.group2 h3{ line-height:30px; color:@color_dark; font-size:24px; margin:0 0 5px 0;}


/* ----------  hotel ----------  */
.hoteltrip li{ border-bottom:1px dotted #ccc; padding:0 10px 15px 170px; margin-bottom:15px; position:relative; height:auto!important;height:80px;min-height:80px; }
.hoteltrip li.last{ margin-bottom:0;}
.hoteltrip li .photo{display:block; position:absolute; left:10px; top:0; height:80px; width:140px; overflow:hidden; border-radius:5px; .BScover}
.hoteltrip li .hoteltitle{ font-size:14px; font-weight:bold; color:@color_default; line-height:20px; display:block; margin-bottom:6px; padding-right:80px; .OWT}
.hoteltrip li .price{ color:#FF0080; position:absolute; line-height:20px; top:0; right:10px; font-size:14px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold;}
.hoteltrip li .hoteltitle:hover{ color:@color_dark;}
.hoteltrip li p{line-height:18px;}

.leftcatalog{ float:left; width:400px; margin-right:20px;}
.rightinfo{float:left; width:305px;}

.largeimg{ width:400px; height:300px; overflow:hidden; margin-bottom:13px; }
.largeimg .highslide{display:block; height:100%; width:100%; overflow:hidden;  border-radius:10px; .BScover}

.catalog{ height:62px; position:relative;}
.catalog .prev, .catalog .next {position:absolute; border-radius:3px; bottom:0; color:#999;  text-align:center; line-height:62px; width:15px; height:62px; overflow:hidden; display:block; z-index:3; background-color:#eee;}
.catalog .prev:hover, .catalog .next:hover{ background-color:@color_default; color:#fff;}
.catalog .prev {left:0;}
.catalog .next {right:0;}
.thumbs_list{ height:62px; width:360px; margin:0 auto;}
.thumbs_list li{ float:left; margin:0 4px !important; padding:0; width:82px; height:62px;}
.thumbs_list li a{display:block; height:60px; width:80px; border:1px solid #ccc; overflow:hidden;  border-radius:3px; .BScover}
.thumbs_list li.over a{border-color:@color_dark;}

.hotelname{ line-height:20px; padding-bottom:10px; margin-bottom:15px; font-size:20px; display:block; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; color:@color_dark; border-bottom:2px solid @color_dark;}
.rightinfo li{ position:relative; padding:5px 0 5px 80px; line-height:20px; border-bottom:1px dotted #ccc;}
.rightinfo li strong{ position:absolute; left:5px; top:5px;  line-height:20px; color:@color_dark; font-size:14px;}
.rightinfo li strong:before{ padding-right:5px; font-size:0.8em;}


/* ----------  contact us details ----------  */
input, textarea{color:#666; padding:4px 10px; background:#f8f8f8; border:1px solid #ccc;line-height:20px;height:20px; transition:all 0.5s ease 0s;}
textarea{height:80px; width:70%;}
select{color:#666; line-height:20px;height:20px;  border:1px solid #ccc; background:#f8f8f8; margin:5px 0;}
input:hover, textarea:hover{ border-color:#aaa;}
input:focus, textarea:focus{color:#000; background:#fff; border-color:@color_default; .outside_shadow(@x: 0, @y: 0, @blur: 4px, @color: @color_light)}
input:disabled{background-color:#333; color:#777;}
input.type1, select.type1{ width:50%;}
input.type2, select.type2{ width:20%;}
input.type3, select.type3{ width:10%;}
.from_post li{ padding-left:130px; margin-bottom:15px; position:relative;}
.from_post li .title{ font-size:14px; line-height:30px; color:#333; display:block; width:120px; text-align:right; position:absolute; left:0; top:0;}
.from_post li strong{line-height:30px; color:#333;}
.from_post li .fg{padding:0px 10px; line-height:30px; display:inline; color:#999;}
.from_post li .nes{line-height:30px;}
.from_post li .check{ clear:both; display:block; line-height:20px; color:#f00; padding-top:5px;}
.from_post li .check img{ padding:2px 5px 0 0;}
.from_post li .codeimg{padding:6px 0 0 10px;cursor:pointer;}
.from_post li.last{ border:0; margin-bottom:0;}
.from_post .radio, .from_post .checkbox{ background:none; display:inline; border:0; padding:0px; width:12px; height:12px; margin:5px 3px 6px 0;}
.from_post .brtools{ margin:20px 0 0 130px;}
.select_content{ height:30px; position:relative; width:332px;}
.select_content .type{ display:block; padding:4px 40px 4px 10px; line-height:20px; border:1px solid #ccc; color:#666; position:relative;}
.select_content .type .font_icon{ width:28px; height:28px; line-height:28px; border-left:1px solid #ccc; text-align:center; display:block; position:absolute; right:0; top:0; .gradient(#f9f9f9,#eee)}
.select_content .type:hover, .select_content .type.over{color:#555; border-color:#aaa;}
.select_content .type:hover .font_icon, .select_content .type.over .font_icon{ border-color:#aaa;.gradient(#f9f9f9,#f2f2f2)}
.select_content ul{ display:none; position:absolute; z-index:10; top:29px; left:0; width:330px; border:1px solid #aaa;}
.select_content li{ clear:both; padding:0; margin:0;}
.select_content li a{ padding:5px 10px; display:block; line-height:20px; background:#f8f8f8; transition:all 0.5s ease 0s;}
.select_content li a:hover{background:#eee; color:@color_default;}

/* ----------  add by 141007 ----------  */
.ticketlist{ margin-right:-20px;}
.ticketlist .group{ float:left; width:470px; margin:0 20px 20px 0;}
.ticketlist .group .photo{ width:470px; height:180px; overflow:hidden; border-radius:10px 10px 0 0; .BScover}
.ticketlist .group .title{background-color: #eee; color: #333;font-size: 14px; line-height:20px; padding:5px 10px 5px 60px; position:relative;}
.ticketlist .group .title .text{background-color: #999;color: #fff;display:block; padding: 0 15px;line-height:50px; height:100%; font-weight:bold; position:absolute; left:0; top:0;}
.ticketlist .group .title strong{ padding-left:20px;}
.ticketlist .group .price { color: #006ec6; font-size:1.1em; padding:0 5px;}
.ticketlist .group .groupdetail{border-radius: 0 0 10px 10px; padding: 10px; border-color:#ccc; border-style: solid; border-width:0 1px 1px 1px;}
.ticketlist .group .groupdetail h4{color:#808000;display: block;font-size: 16px;line-height: 20px; margin-bottom:5px;}