/* ====== clearfix 清浮動 ====== */
* html .search-engine{height:1%; overflow:visible;}
*+html .search-engine{min-height:1%;}
.search-engine:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

img,div{ behavior: url(css/iepngfix.htc); } 

html{
	overflow-x:hidden;
	font-size:13px;
	color:#333;
	line-height:20px;
	letter-spacing:0.04em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table{
	margin:0px auto 8px auto;
	/*font-size:13px;*/
	color:#333;
	line-height:20px;
	letter-spacing:0.04em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


body
{
	text-align:left;
	background-image:url(/act/hsr/pic/all_bg_g.jpg);
	/*background-color:#e8e7e9;
	background-repeat:repeat-x;*/
	margin:0px auto;
	padding:0px;
}

#Layer1 {
	position:absolute;
	margin:370px 0px 0px 0px!important;*margin:370px 0px 0px 0px!important;*margin:370px 0px 0px 0px;
	width:0;
	padding-top:0px;
	z-index:1;
}

.main {
	margin:0px auto;
	padding:0px;
	width:950px;
	background-color:#f5f5f6;
	/*padding-top:35px;*/
	/*
	padding-top:35px!important;*padding-top:0px!important;*padding-top:0px;
	*margin-top:-30px!important;
	*/
}

.main .content{
	margin:0px 0px 0px 0px!important;*margin:0px 0px 0px 0px!important;*margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px;
	width:950px;
	background-image: url(/act/hsr/pic/content_bg.jpg);
	background-repeat: repeat-y;
	background-position:left top;
}

.main .content .contetn1{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px;
	width:900px;
}



.main .left{
	margin:0px 0px 0px 0px!important;*margin:0px 0px 0px 0px!important;*margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px;
	float:left;
	width:380px;
}

.main .left img{
	margin:8px 0px 0px 10px;
	padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px;
} 


.main .right{
	margin:0px 8px 0px 0px!important;*margin:0px 8px 0px 0px!important;*margin:0px 4px 0px 0px;
	padding:10px 0px 0px 0px;
	float:right;
	width:558px;
	background-image: url(/act/hsr/pic/right_bg.jpg);
	background-repeat: repeat-y;
	background-position:left top;
}



.main .right  h1{
	margin:0px 0px 3px 20px;
	color:#de6c00;
	font-size:15px;
	letter-spacing:0.04em;
	font-weight: normal;
	text-decoration:none;
}

.main .right p{
	margin:0px 20px 8px 35px;
}

.main .right ul{
	margin:0px 0px 3px 0px;
}

.main .right ul.u1{
	margin:0px 0px 3px 0px;
}

.main .right ul li{
	margin:0px 20px 1px 25px!important;*margin:0px 20px 1px 60px!important;*margin:0px 20px 1px 60px;
	list-style: disc;
}

.main .right ul.u1 li{
	margin:0px 20px 1px 60px!important;*margin:0px 20px 1px 95px!important;*margin:0px 20px 1px 95px;
	list-style: circle;
}

.main .right .line{
	margin:5px auto 3px auto!important;*margin:5px auto 3px auto!important;*margin:5px auto 3px auto;
	padding:0px!important;*padding:0px!important;*padding:0px;
	border-bottom: dashed 1px #333333;
	width:500px;
	height:2px;
	font-size:0px;
	overflow:hidden;
}

.t01{
	color:#FF3366;
}

.t02{
	color:#0033CC;
}





.main .content .contetn1 h3{
	margin:0px 10px 0px 10px;
	padding:0px 0px 2px 0px;
	color:#333;
	font-weight:normal;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.5pt;
	width:420px;

}

.main .content .contetn1 a{
	text-decoration:none;
	float:left;

}

.main .content .contetn1 a:hover{
	text-decoration:none;
	float:left;
	/*background-color: #C4FDDB;*/
}

.main .content .contetn1 .price{
	float:right;
	color:#FF0000;
}
.tb01 a{
	display:inline-block;
	text-decoration:none;
	width:60px;
	height:1.5em;
	padding-right:3px;
	

}
.tb01 a:hover{
	display:inline-block;
	height:26px;
	background-color: #C4FDDB;
}

.main .content .contetn1 p{
	margin:0px 10px 7px 10px;
	padding:0px 0px 3px 0px;
	color:#f63400;
	font-size:13px;
	letter-spacing:0.5pt;
	border-bottom:1px dashed #999999;
}

.main .content .contetn1 .t01{
	color:#828281;
}

.main .content table.tb01{
	margin:5px auto 6px auto;
}

.main .content .contetn1 .foot{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px;
	width:875px;
	background-image: url(/act/hsr/pic/f_bg.jpg);
	background-repeat: repeat-y;
	background-position:left top;
}

.main .content .contetn1 .foot p{
	color:#444444;
	border-bottom:1px dotted;
}
#dspArea1 table.input_box .box{
	margin:0px 0px 0px 5px!important;*margin:0px 0px 0px 5px!important;*margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px;
	width:330px;
	height:20px;
}
.box1{
	margin:0px 0px 0px 5px!important;*margin:0px 0px 0px 5px!important;*margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px!important;*padding:0px 0px 0px 0px;
	width:330px;
	height:60px;
}
table.tb01 {font-size:11px;}
table.tb01 td {background-color:#FFF;padding-left:5px;text-indent:-1px;overflow:hidden;}
table.tb01 tr {height:30px;}
table.tb01 th {background-color:#FFCC66;font-size:12px;}

.a:link ,a:visited ,a:active{font-size:13px; color:#00f; text-decoration:none;}

.a:hover{text-decoration:none;}

.style1{color:#F00}
.style7{color:#F00; font-family:"新細明體" }
.style8{font-family:"新細明體"}
.style9{color: #333}
.style10{color: #000}

img{vertical-align:top;}


	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	.fakewindowcontain .ui-widget-overlay {
		position: absolute;
	}
.style1{font-size:15px}
.style2{color: #f00}
.tabs_cont{width:897px; margin-bottom:-8px; overflow:hidden;}

/* .data-tb */
.data-tb{width:100%; border:1px solid #ccc; border-width:1px 0 0 1px; text-align:center; line-height:1.5em; border-collapse:collapse; font-size:12px;}
.data-tb tr.title{ background-color:#ffcc99; font-weight:bold;}
.data-tb tr.title2{background-color:#ffffcc; font-weight:bold;}
.data-tb td.price-b{ color:#00F;}
.data-tb th, .data-tb td{padding:2px 3px; border:1px solid #ccc; border-width:0 1px 1px 0; vertical-align:middle; *display:table-row;}
.data-tb thead th, .data-tb tbody th{background:#e3efff url(/st_ec/img/bg_spritex.gif) repeat-x center bottom; border-left-color:#ccc; padding:5px 2px; padding:7px 2px 3px \9; text-align:center;}
.data-tb th.ipt-checkbox, .data-tb td.ipt-checkbox, .ipt-checkbox{padding:0;}
.data-tb .pd-img img{display:block; float:left; margin:3px 6px 1px 3px;}
.data-tb th[valign="top"], .data-tb td[valign="top"]{vertical-align:top;}
.data-tb thead td{font-weight:bold; padding:5px 2px; text-align:center;}
.data-tb thead .txt-nb{font-weight:normal; padding:0;}
.data-tb thead th.gb{background:#e3efff url(/st_ec/img/bg_spritex.gif) repeat-x center -870px; }
.data-tb p{text-align:left; padding:2px; line-height:1.5em; word-break:break-all;}
.data-tb q{text-align:left;}
.data-tb input[type="text"]{margin-bottom:3px;}
.data-tb tbody .transfer{border-top:1px solid #ddd;}
.data-tb.choose-day tbody a:link, .data-tb.choose-day tbody a:visited, .data-tb.choose-day tbody td var{font-size:18px; font-weight:bold; display:block; padding:9px 0 3px;}
.data-tb.choose-day tbody td s{font-size:18px; font-weight:bold; display:block; }
.data-tb.choose-day tbody td span{font-weight: normal;}
.data-tb.choose-day tbody a:link, .data-tb.choose-day tbody a:visited{display:block;}
.data-tb.choose-day tbody td var{color:#999;}
.data-tb.choose-day tbody td s{color:#c00;}
.data-tb.choose-day tbody td .trip-day-info .price var{color:#c00;}
.data-tb .has-promo{background:url(/st_ec/img/has_promo.gif) no-repeat left top;}
.data-tb .hotel-confirmed b{width:12px; height:12px; display:inline-block; background:url(/st_ec/img/confirmed_tick.gif) no-repeat 0 0; position:relative; top:10px;}
.data-tb .hotel-confirmed a:link, .data-tb .hotel-confirmed a:visited{background:url(/st_ec/img/confirmed_tick.gif) no-repeat right bottom;}
.data-tb td .hdp-spmoney b{background:url(/st_ec/img/confirmed_tick.gif) no-repeat 0 0; bottom:0; height:12px; position:absolute; right:0; width:12px;}
.room-ok{color:#06c; font-weight:bold;}
.data-tb td .hdp-spmoney{position:relative; line-height:1.3em;}
.data-tb td .hdp-spststus{position:relative;}/*國外訂房step1日期訂購狀態*/
.data-tb td .cabin span{display:inline-block; width:4em; margin-right:.5em;}
.data-tb td .depart-loc{margin-top:4px;}
.data-tb .cozy{padding:5px 8px;}
.data-tb .cozy blockquote{float:right; text-align:right;}
.data-tb .cozy blockquote strong{width:17em; display:block; float:left;}
.data-tb .cozy blockquote .price{width:10em; display:block; float:left;}
.data-tb blockquote label:first-child + label{margin-right:0;}
.data-tb .text-top{vertical-align:top;}
.data-tb .day-bdr{background:#dcecff; _background-color:#dcecff;}
.data-tb .day-bdr a, .data-tb .day-bdr span{}
.data-tb .day-bdr-l{border-left:2px solid #cf2c6d; border-bottom:2px solid #0a52ab;}
.data-tb .day-bdr-c{border-bottom:2px solid #cf2c6d;}
.data-tb .day-bdr-r{border-top:2px solid #cf2c6d; border-right:2px solid #0a52ab; border-bottom:2px solid #cf2c6d;}
.data-tb .day-bdr-all{border:2px solid #cf2c6d;}



/* 小粒 SUBMIT BUTTON */
.btn-s, input[type="submit"].btn-s, input[type="button"].btn-s, .btn-sg, input[type="submit"].btn-sg, input[type="button"].btn-sg{text-align:center; width:66px; height:30px; padding:4px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(/st_ec/img/btn_submit_s.gif) no-repeat 0 0; color:#fff;}
.btn-sg, input[type="submit"].btn-sg, input[type="button"].btn-sg{background:url(/st_ec/img/btn_submit_sg.gif) no-repeat 0 0; color:#aaa;}
.btn-s:hover, input[type="submit"].btn-s:hover, input[type="button"].btn-s:hover, .btn-sg:hover, input[type="submit"].btn-sg:hover, input[type="button"].btn-sg:hover{background-position:0 -30px; background-position:0 0 \9; *background-position:0 -30px; cursor:pointer; padding:7px 0 7px; padding:7px 0 5px \9; *padding:8px 0px 4px;}


/* 搜尋引擎 */
.search-outer{background:#c9e4ed; border:1px solid #cbcbcb; padding:7px 0; width:700px; height:100px; margin-left:40px;}
.search-engine{letter-spacing:0; width:680px; *height:96px; height:96px; padding-left:20px; border:1px solid #cbcbcb; border-left:0; background:#fff;}
.search-engine dl{display:block; float:left; width:312px; height:23px; margin:8px 0; *margin:10px 0 0;}
.search-engine dl.location-type{padding:3px 15px; font-weight:bold;}
.search-engine dt, .search-engine dd{display:block; float:left;}
.search-engine dt{width:6em; text-align:right; font-weight:normal; padding-top:2px \9;}
.search-engine dd{margin-left:0; width:6em;}
.search-engine dd .btn-s{position:relative; top:-4px;}
.search-engine span{display:inline-block; text-align:right;}
.search-engine span.w2to3{letter-spacing:.52em; *letter-spacing:.65em; *margin-right:7px;}
#tripType{width:13em;}
#begDt{width:5em;}
#dl-box2{width:270px;}
#dl-box3{width:185px;}
#dl-box3 dd{width:8em;}
#dl-box3 dd .ui-datepicker-trigger{vertical-align:text-bottom \9; *vertical-align:0;}
#dl-box4{width:400px;}
#dl-box4 dd{width:12em;}
.cushion{display:none;}
.top{ display:inline-block; padding:3px; background-color:#0f7dbf; color:#fff; margin:10px 25px 0 0;}
.top a:link,.top a:hover,.top a:visited{ color:#fff; text-decoration:none; display:inline-block;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.search-engine dd .btn-s{top:-2px;}
#dl-box3 dd .ui-datepicker-trigger{vertical-align:text-bottom;}
}

div.footer{letter-spacing:0 !important} /*行距影響高度倒至footer高度不對*/