@charset "utf-8";
/* common, layout */
.hotelratings { display:inline-block; *display:inline; *zoom:1; width:50px; height:9px; overflow:hidden; background:url(/img/trip/hotelratings.png); text-indent:-1000px; line-height:9px; /*vertical-align:middle*/}
	.hotelratings.r4 { background-position:0 -9px} .hotelratings.r3 { background-position:0 -18px} .hotelratings.r2 { background-position:0 -27px} .hotelratings.r1 { background-position:0 -36px} .hotelratings.r0 { background-position:0 -45px}
	.spots .seeing { color:#e58100}	.spots .walking { color:#3e6e1a}	.spots .ticketed { color:#eb007a}	.spots .special { color:#1C5F89}	.spots .heritage { color:#1c5f89}	.spots img { position:relative; top:2px}
	
/* module */
	#side-assist h2 { background-image:url(/img/trip/title-assist.png)}
	#side-assist ul { width:204px; margin-bottom:-8px}
		#side-assist li { width:60px; min-height:80px; _height:80px; display:inline-block; *display:inline; *zoom:1; margin:0 4px 4px 0; *margin-right:8px; text-align:center; vertical-align:top}
			#side-assist li img { display:block; border:1px solid #e4e4e4}
			#side-assist li a { color:#ee3024; line-height:1.2} #side-assist li a:hover { color:#444}
			#side-assist li a:hover img { border-color:#ccc}
	#side-share h2 { background-image:url(/img/trip/title-share.png)}
	#side-share li { margin-bottom:15px} #side-share li:hover { background:#f7f7f7}
		#side-share p { text-align:justify; text-justify:inter-ideograph; line-height:1.6}
	#side-related h2 { background-image:url(/img/trip/title-related.png)}
	#side-related li { margin-bottom:15px} #side-related li:hover { background:#f7f7f7}
		#side-related .groupdate { margin-bottom:.2em; line-height:1.3;}
.tourdate-selector { position:relative; z-index:999; display:inline}
	.tourdate-selector-wrap { position:relative; top:0; left:0; z-index:2; overflow:hidden; _overflow:visible; margin:0; padding:0; background:#fff; text-align:center}
	.tourdate-selector-shade { display:none; position:absolute; z-index:1; top:-12px; left:-12px; bottom:12px; right:12px; background:#000; opacity:.5; filter:alpha(opacity=50)}
		.tourdate-selector-toggle { position:relative; display:block; padding-left:13px; background:url(/img/common/icon-drop.png) no-repeat 0 3px; background-position:0 1px\9; color:#ee3024; line-height:15px; font-size:11px; font-size:10px\9; color:#ee3024; font-weight:normal; text-align:left; cursor:pointer;} .tourdate-selector-toggle:hover { color:#a70a0a}
		.tourdate-selector-cont { display:none; font-size:15px}
			.tourdate-selector-wrap li { display:inline-block; *display:inline; *zoom:1; width:56px; min-height:250px; border-left:1px solid #e4e4e4; padding:0 5px; margin:5px 0; vertical-align:top}
				.tourdate-selector-wrap li.first { border-left:none}
				.tourdate-selector-wrap li h6 { color:#000} 
					.tourdate-selector-wrap .date b { display:block; color:#999; text-align:center; line-height:1.5}
			.tourdate-selector-wrap small { display:block; clear:both; text-align:center; font-size:11px}
	.tourdate-selector.active .tourdate-selector-shade, .tourdate-selector.active .tourdate-selector-cont { display:block} 
	.tourdate-selector.active .tourdate-selector-wrap { top:-12px; left:-12px; margin:7px; padding:5px}
	.tourdate-selector.active .tourdate-selector-shade {_display:none} .tourdate-selector.active .tourdate-selector-wrap { _border:2px solid #999}
/* index */
.heading-banner { margin-bottom:25px}
.heading-banner img { *display:block}
.tourwall { width:708px}

/* view */
.spots { color:#111; *zoom:1}
.trip-heading { position:relative; z-index:10; margin-bottom:15px}
	.trip-heading h1 { padding-right:-100px}
		.trip-heading h1.ir { text-indent:0; background:none!important; color:#333; height:auto!important}
	.trip-heading .addthis { float:right; width:100px}
	.trip-heading .info > li { position:relative; z-index:1; _height:1%; padding-left:5.2em; margin-bottom:.5em; font-size:15px; line-height:1.3}
	.trip-heading .info > li.tourdate {z-index:2}
		.trip-heading .info > li > h3 { position:absolute; left:0; top:0; color:#2f2f2f;}
		.trip-heading .info > li > small { font-size:12px}
	.trip-heading .tourdate-selector { position:absolute; margin:.2em 0 0 1em;}
	.trip-heading .register { position:relative; z-index:2; float:right; margin-top:-30px;}
		.trip-heading .register .cta-left { color:#fff2b6} 
#trip-showcase { position:relative; margin-bottom:10px}
	#trip-showcase .tabview-menu { padding:4px 0 4px 8px; text-align:left; background:#fff url(/img/trip/tabview-menu-gradient-bd.jpg) repeat-x }
		#trip-showcase .tabview-menu li { padding:2px 2px; margin:0 2px; margin:0 6px\9 0 2px; background-color:transparent; border:0; border-bottom:2px solid #fff; line-height:16px\9}
			#trip-showcase .tabview-menu li:hover { border-bottom-color:#777;}
				#trip-showcase .tabview-menu li:hover a { color:#555; }
			#trip-showcase .tabview-menu li a { *top:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333 }
				#trip-showcase .tabview-menu li.on { padding:2px 2px; margin:0 6px\9 0 2px; margin:0 6px\9; border-bottom-color:#CC0000; background-color:transparent; font-weight:bold}
				 #trip-showcase .tabview-menu li.on a {}
	#trip-showcase .tabview-cont { padding:0; border:0; background:#fff}
.trip-detail { clear:both; margin-bottom:20px}
	.trip-detail .ctrl { margin-bottom:10px}
		.trip-detail .ctrl .font-setting { margin-left:10px}
.trip-footer { padding:0 15px;}
	.trip-footer .register { margin-top:15px; text-align:center}
		.trip-footer .register .cta { padding-left:28px; background-image:url(/img/common/cta-pointer.png); background-repeat:no-repeat; background-position:8px 3px;}

.gallery-slider { position:relative; width:672px; height:240px; overflow:hidden; background:#000}
	.gallery-slider .goleft, .gallery-slider .goright { position:absolute; z-index:5; top:105px; width:27px; height:30px; overflow:hidden; background:#ee3024 url(/img/trip/gallery-slider-nav.png); color:#fff; cursor:pointer; text-indent:-1000px} .gallery-slider .goleft:hover, .gallery-slider .goright:hover { opacity:.85; -webkit-opacity:.85; filter:alpha(opacity=85)}
	.gallery-slider .goleft{ left:0} .gallery-slider .goright { right:0; background-position:-27px 0}
	.gallery-slider .legend { position:absolute; z-index:10; left:0; bottom:0; width:100%; height:25px; overflow:hidden}
		.gallery-slider .legend .bd { position:absolute; z-index:1; left:0; top:0; width:100%; height:45px; background:#000; opacity:.50; -webkit-opacity:.50; filter:alpha(opacity=50)}
			.gallery-slider .legend:hover .bd {opacity:.8; -webkit-opacity:.8; filter:alpha(opacity=80)}
		.gallery-slider .legend .cont { position:relative; z-index:2; width:100%; color:#fff; cursor:default}
			.gallery-slider .legend .cont li { height:64px; overflow:hidden; padding:6px 15px; }
				.gallery-slider .legend h5 { font-size:16px; font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif; line-height:1.1}
				.gallery-slider .legend p { padding-left:2px; line-height:1.5; color:#bbb}
				.gallery-slider .legend a { color:#fff} .gallery-slider .legend a:hover { color:#ee3024}
	.gallery-slider .slide { position:absolute; z-index:1}
			.gallery-slider .slide li { display:block; height:240px; overflow:hidden}

/* font setting */
.trip-detail-cont { font-size:13px;/* for IE6/7 */ *font-size:small; /* for IE Quirks Mode */ *font:x-small}
.trip-detail-cont table {	font-size:inherit; font:100%;} 
.trip-detail-cont select, .trip-detail-cont input, .trip-detail-cont button, .trip-detail-cont textarea,button { font-size:99%}
.trip-detail-cont.fontsize1 { font-size:100%!important}
.trip-detail-cont.fontsize2 { font-size:116%!important}
.trip-detail-cont.fontsize3 { font-size:123.1%!important}

/* 行程路線 */
#trip-route {}
	#trip-route .ctrl { padding-right:1em; margin-top:0}
	#trip-route ul { text-align:center}
	#trip-route li { display:inline-block; *display:inline; *zoom:1; width:48%; margin:0 0 1em 0; text-align:center; vertical-align:top}
		#trip-route .map { float:left; width:300px; padding:5px 5px 10px; border:1px solid #e4e4e4; background:#fff}
			#trip-route .map:hover { border-color:#bbb; background-color:#fffce8}
		 	#trip-route .map h5 { width:100%; height:30px;  margin:.4em 0 0 0; color:#2F2F2F; font-size:13px; line-height:1.3}

/* 行程特色 */
	#trip-features dl dt { padding-left:20px; margin-bottom:.3em; background:url(/img/trip/icon-toggle.png) no-repeat 0 -36px; font-size:108%; line-height:1.6; color:#2f2f2f; cursor:pointer}
		#trip-features dl dt strong { font-weight:bold}
		#trip-features dl dt:hover { color:#A70A0A}
		#trip-features dl dt.close { background-position:-40px 4px}
		#trip-features dl dd { padding:0 0 .8em 20px; margin-bottom:.4em; *height:1%; background:url(/img/common/hr-dot.png) bottom repeat-x}
			#trip-features dl dd.last { background:none}
			#trip-features dl dd > div { /*display:none;*/ font-size:93%}

/* 行程安排 */
#trip-journey .daysmenu h4 { font-size:16px; font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif}
#trip-journey .daysmenu .days { width:683px; overflow:hidden; _height:1%; _overflow:visible}
	#trip-journey .daysmenu .days a { float:left; width:56px; height:24px; margin:0 10px 5px 0; background:#999; border:1px solid #909090; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; line-height:24px; text-align:center; font-size:12px; color:#fff; font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif;}
		#trip-journey .daysmenu .days a.on { border-color:#999; background-color:#fff; color:#656565}
		#trip-journey .daysmenu .days a:hover { border-color:#444; background-color:#656565} #trip-journey .daysmenu .days a.on:hover { color:#fff}
			#trip-journey .daysmenu .days a b { padding:0 2px; font-size:19px; font-family:Helvetica,Arial,sans-serif}
#trip-journey .journey-browse { width:672px; margin:0 0 -10px -10px; padding:10px; background:#fff}
	#trip-journey .journey-browse .spots { margin-bottom:2em}
		#trip-journey .journey-browse .spots > span { margin:0 5px}
		#trip-journey .journey-browse .day .day-wrap { overflow:hidden; _height:1%; _overflow:visible; border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:8px 4px; background:#fff}
			#trip-journey .journey-browse .day .day-wrap:hover { border-color:#e4e4e4; background-color:#f7f7f7}
		#trip-journey .journey-browse .day h4 { cursor:pointer; font-size:123.1%;}
			#trip-journey .journey-browse .day h4 b { color:#a70a0a; font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif; font-weight:bold}
				#trip-journey .journey-browse .day h4 b big { padding:0 2px; font-size:138.5%; font-family:Helvetica,Arial,sans-serif; line-height:16px;}
		#trip-journey .journey-browse .day .day-cont { /*display:none*/}
			#trip-journey .journey-browse .main { float:right; width:453px;}
			#trip-journey .journey-browse .side { float:left; width:196px;}
				#trip-journey .journey-browse .main .descr { padding-bottom:1em; margin-bottom:.3em; background:url(/img/common/hr-dot.png) bottom repeat-x; /*text-align:justify; text-justify:inter-ideograph*/}
					#trip-journey .journey-browse .main .descr p { margin-bottom:1em}
						#trip-journey .journey-browse .main .descr .spots { margin:0 2px; /*white-space:nowrap*/}
							#trip-journey .journey-browse .main .descr .spots a { display:inline-block; *display:inline; *zoom:1; background:#fff; border:1px solid #888; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 2px; margin-right:-2px; color:#111}
				#trip-journey .journey-browse .main .info { overflow:hidden; _height:1%; _overflow:visible; padding-bottom:.8em; background:url(/img/common/hr-dot.png) bottom repeat-x}
					#trip-journey .journey-browse .main .info .left { float:left; width:226px; border-right:1px solid #e4e4e4;}
					#trip-journey .journey-browse .main .info .right { float:right; width:226px}
					#trip-journey .journey-browse .main .meals { padding:0 5px 0 35px; background:url(/img/trip/icon-meals.png) 15px 2px no-repeat}
					#trip-journey .journey-browse .main .hotels { padding:0 5px 0 30px; background:url(/img/trip/icon-hotels.png) 10px 2px no-repeat; line-height:1.6}
						#trip-journey .journey-browse .main .meals li { position:relative; _zoom:1; padding-left:22%; margin-bottom:.3em; line-height:1.3}
							#trip-journey .journey-browse .main .meals li b { position:absolute; left:0; top:0; width:22%; white-space:nowrap}
					#trip-journey .journey-browse .side img { display:block; padding:5px 0}
		#trip-journey .journey-browse .day.open .day-cont { display:block}
	
	
#trip-journey .journey-browse .main .hotels a{ color:#33A6B7; text-decoration:none} 
#trip-journey .journey-browse .main .hotels a:hover { color:#027283}

/* 航班時間 */
#trip-flightsched { padding:0 10px}
	#trip-flightsched h5 { height:27px; margin-bottom:.3em; padding-left:32px; background:url(/img/trip/icon-plane.png) no-repeat; color:#2f2f2f; line-height:38px; font-size:100%; }
		#trip-flightsched h5 b { margin-right:.5em; font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif; color:#656565}
	#trip-flightsched table { width:100%; margin-bottom:15px; table-layout:fixed}
		#trip-flightsched th { width:14%; border:1px solid #999; padding:8px 2px; background:#e4e4e4; text-align:center}
		#trip-flightsched td { border:1px solid #999; padding:8px 1px; background:#fff; text-align:center; line-height:1.4; word-break:break-all} 

/* 節日慶典 */
#trip-fest { overflow:hidden; _height:1%; _overflow:visible}
	#trip-fest .side { float:left; width:250px}
		#trip-fest .side .seasonmenu { height:28px; padding-top:32px; background:url(/img/trip/trip-fest-season-heading.png)}
			#trip-fest .side .seasonmenu.summer { background-position:0 -60px} #trip-fest .side .seasonmenu.autumn { background-position:0 -120px} #trip-fest .side .seasonmenu.winter { background-position:0 -180px}	
			#trip-fest .side .seasonmenu .ctrl { margin:0}
			#trip-fest .side .festmenu { padding:10px 6px}
				#trip-fest .side .festmenu li { padding-bottom:.6em; margin-bottom:.4em; background:url(/img/common/hr-dot.png) bottom repeat-x; line-height:1.3}
					#trip-fest .side .festmenu li a { display:block; padding:2px } #trip-fest .side .festmenu li a:hover { background:#fff}
					#trip-fest .side .festmenu li small { font-size:93%}
	#trip-fest .main { float:right; width:390px}
			#trip-fest .main table { width:100%; table-layout:fixed}
				#trip-fest .main table h6 { ont-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif; color:#777}
				#trip-fest .main table td { overflow:hidden; padding-bottom:.5em; vertical-align:top; /*white-space:nowrap*/}
				#trip-fest .main table .info td { line-height:1.3}
					#trip-fest .main table .info td div { padding-top:2px}
				#trip-fest .main table .desc p { margin-bottom:1em; text-align:justify; text-justify:inter-ideograph}
				#trip-fest .main table .related li { padding-bottom:.5em; margin-bottom:.3em; background:url(/img/common/hr-dot.png) bottom repeat-x; line-height:1.3}

.carousel { margin-bottom:5px}
	.carousel-cont { position:relative; width:390px; height:219px; overflow:hidden}
	.carousel-cont li { position:absolute; top:0; left:0}
	.carousel-menu { margin-top:5px; text-align:right;}
		.carousel-menu a { display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; margin:0 0 0 -3px; padding:2px; border:1px solid #ddd; background:#fff; text-decoration:none; line-height:1; text-align:center; overflow:hidden} .carousel-menu a:hover, .carousel-menu a.on { background:#555; color:#fff}
		.carousel-menu a.video { background:url(/img/common/icon-video.png) no-repeat 50% 50%!important; border:0; margin-right:5px; text-indent:-999px}
			.carousel-menu a.video.on { background-color:#ddd!important}

/* 簽證需知 */
	#trip-visa h4 { margin-bottom:1em}
	#trip-visa ol li { position:relative; _height:1%; padding:0 0 .8em 36px; margin-bottom:.8em; background:url(/img/common/hr-dot.png) left bottom repeat-x; font-size:100%}
		#trip-visa ol li b { position:absolute; left:0; top:0; float:left; width:30px; font-size:24px; font-family:Helvetica,Arial,sans-serif; color:#a70a0a; text-align:center; line-height:1.01; }
		#trip-visa ol li.last { background:none}

/* 旅客經驗分享 */
	#trip-share li { *height:1%; padding:0 20px 1em 20px; margin-bottom:1em; background:url(/img/common/hr-dot.png) bottom repeat-x}
		#trip-share li.last { background:none}
		#trip-share .tn { float:left; margin:5px 0 0 0}
		#trip-share .quote { min-height:85px; _height:85px; padding-left:119px; *padding-left:10px}
			#trip-share .quote p { margin-bottom:1em; text-align:justify; text-jusify:inter-ideograph}	
		#trip-share .ctrl { margin-bottom:0}
			#trip-share .ctrl > * { margin-left:.8em; font-size:93%}
				#trip-share .ctrl small { color:#888}

/* 留言討論 */
	#trip-bulletin .thread li { padding:10px; margin-bottom:15px; border:1px solid #f7f7f7; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#ebebeb; }
		#trip-bulletin .thread li.even { background-color:#e4e4e4}
	#trip-bulletin .thread p { margin-bottom:1em}
	#trip-bulletin .thread .ctrl { margin:0}
		#trip-bulletin .thread .ctrl > * { margin-left:.8em; font-size:93%}
	#trip-bulletin .thread small { color:#888888}
		#trip-bulletin .thread .post { padding-left:32px; background:url(/img/trip/icon-bulletin.png) no-repeat -40px 0}
		#trip-bulletin .thread .reply { padding:8px 8px 8px 40px; margin:5px 0 0 32px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fbfbfb url(/img/trip/icon-bulletin.png) no-repeat 10px -30px}
	#trip-bulletin .form { padding-top:1em}
		#trip-bulletin .form .ctrl { text-align:right}