@charset "utf-8";
/* ===== Reset ===== */

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

caption,
th {
	text-align: left;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

*:focus {
	outline: none;
}

small {
	font-size: 100%;
}

ins {
	text-decoration: none;
}

/* remove onfocus outline */

input,
input:active,
input:focus {
	outline: 0;
	outline-style: none;
	outline-width: 0;
}

/* ie */

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	border: none;
}

/* ff*/

/* clearfix */

.clearfix:after,
.header:after,
.footer:after,
.btn-box:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* ===== 整體預設 ===== */

a:link,
a:visited {
	color: #06c;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #06c;
	text-decoration: underline;
}

a:active {
	border-color: transparent;
	outline: 0;
	color: #194d92;
}

a img {
	border: 0;
	vertical-align: bottom;
}

a:focus {
	outline: 0 none;
}

img {
	vertical-align: top;
}

b,
strong,
strong em,
caption,
th,
thead,
dt,
legend {
	font-weight: bold;
}

ol {
	list-style-position: inside;
}

input:focus,
textarea:focus,
select:focus {
	outline-width: 0;
}

label,
input,
select,
option {
	vertical-align: middle;
}

label {
	margin-right: .7em;
}

input[type="radio"],
input[type="checkbox"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="file"],
input[type="button"],
input[type="submit"],
input[type="reset"],
textarea {
	padding: 1px 3px;
}

textarea {
	resize: none;
}

select {
	padding: 2px 0;
	margin-left: 0;
	border: 1px solid #777;
	border-color: #777 #aaa #aaa #777;
	border-radius: 2px;
}

/* Text field highlighted on focus */

input[type="text"],
input[type="email"],
input[type="password"] {
	border: 1px solid #777;
	border-color: #777 #aaa #aaa #777;
	background: #fff url("/st_ec/img/input-bg.jpg") repeat-x 0 -2px;
	padding: 3px;
	padding: 4px 3px 2px \9;
	border-radius: 2px;
}

input.it-1,
input[type="text"].it-1,
input[type="email"].it-1,
input[type="password"].it-1 {
	border: 1px solid #777;
}

input.it-2,
input[type="text"].it-2,
input[type="email"].it-2,
input[type="passwoed"].it-2 {
	border: 2px solid #298fca;
	padding: 2px;
}

/* 包 label 的元件加右 margin */

label input[type="radio"],
label input[type="checkbox"] {
	margin-right: 4px;
	vertical-align: middle;
	outline: 0;
}

.placeholder {
	color: #999;
}

h1 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

.ui-datepicker {
	z-index: 19999 !important;
}

.dm {
	border-collapse: collapse;
	border: 0 none;
	margin: 0 auto;
}

/* ===== 大範圍佈局 ===== */

body {
	background: #fff;
	vertical-align: baseline;
	line-height: 1.231;
	font-size: 13px;
	color: #222;
	font-family: Arial, "Microsoft JhengHei" , "Helvetica Neue", Helvetica, sans-serif !important;
}

.container {
	margin: 0 auto;
	text-align: left;
}

/* z值 */

.topnav,
.loginbar {
	z-index: 948;
}

.topnav li,
.loginbar li {
	z-index: 949;
}

.topnav li div {
	z-index: 951;
}

.menu ul li {
	z-index: 926;
}

.path ul {
	z-index: 901;
}

/* ===== 通用樣式 ===== */

/* 陰影 */

.topnavi .dropdown div,
.index .menu ul,
.index .menu ul ul,
.submenu,
.sector ul,
.inside,
.box-on,
.footer,
.footer.mem-2b,
.fresh,
.theme,
.tour-pic img,
.quick-banner,
.new-items,
.article,
.b2e-login,
.corporations,
.sitemap .main,
.seo .main,
.fb-box,
.index .card,
.index .tab-box,
.news-list,
div#cruise-products.sector.intro #cruise-content .mdle h3,
.filter,
.dot-pager {
	box-shadow: 0 2px 2px 0px rgba(160, 160, 160, .35);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#dddddd');
}

/* 下左右 4px 圓角 */

.index .menu ul ul,
.sector ul,
.inside,
.footer,
.footer.mem-2b,
.filter {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* 四邊 4px 圓角 */

.submenu,
.banner-ads,
.box-on,
.fresh,
.theme,
.article,
.p-hdp .theme,
.b2e-login,
.corporations,
.index .card,
.index .tab-box,
.news-list {
	border-radius: 4px;
}

/* 四邊 2px 圓角 */

.tour-pic img,
.minitour-tg,
.scroll2top,
.carrier .box-title,
.new-items,
.login-area input,
.companies a {
	border-radius: 2px;
}

/* 字陰影 */

.menu li a:link,
.menu li a:visited,
.quick h3,
.search-tab .search-on a,
.f-send:hover,
.theme-tag,
.intro-tab li a {
	text-shadow: 0 -1px 2px #555;
}

/* 浮動 */

.c-f {
	clear: both;
}

.c-l {
	clear: left;
}

.c-r {
	clear: right;
}

.c-n {
	clear: none;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.float-box {
	display: inline-block;
}

.fbox {
	display: block;
	float: left;
}

/* 對齊 */

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.function-right {
	float: right;
	z-index: 9;
	margin-top: 0;
	font-weight: normal;
	color: #666;
	font-size: .85em;
}

/* 字色、粗細、底線 */

.txt-high,
a.txt-high:link,
a.txt-high:visited,
em {
	color: #c00;
}

.txt-22,
a.txt-22:link,
a.txt-22:visited {
	color: #222;
}

.txt-66,
a.txt-66:link,
a.txt-66:visited {
	color: #666;
}

.txt-gy,
a.txt-gy:link,
a.txt-gy:visited {
	color: #888;
}

.txt-oge,
a.txt-oge:link,
a.txt-oge:visited {
	color: #ed5202;
}

.txt-pp {
	color: #d52678;
}

.txt-grn,
.price-tle {
	color: #12964d;
}

.txt-b {
	font-weight: bold;
}

/* 星號 */

.star {
	font-weight: bold;
	color: #d00;
}

/* 字大小 */

.t-sm {
	font-size: 13px;
}

.t-mid {
	font-size: 15px;
}

.t-large {
	font-size: 18px;
}

.fixed-size {
	overflow: hidden;
}

/* 標題(與附註文字) */

h1,
h2,
h3 {
	font-family: '微軟正黑體', 'Microsoft JhengHei', '新細明體', 'PMingLiU', Arial, sans-serif;
}

h1 span,
h2 span,
h3 span,
h4 span,
h1 a,
h2 a,
h3 a,
h4 a {
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}

/* 商品價格 */

.price {
	vertical-align: baseline;
	display: inline;
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif, "新細明體";
}

.price i {
	font-style: normal;
	font-size: 11px;
	margin-left: 1px;
}

.price span,
.price var {
	font-size: 13px;
	vertical-align: -1px;
}

.price.t-mid span,
.price.t-mid var {
	font-size: 15px;
}

.price.t-large span,
.price.t-large var {
	font-size: 18px;
}

.price.cut {
	background: url(/st_ec/img/bg_cut.gif) repeat-x 0 center;
	color: #666;
}

/* 表格 */

.ta-left {
	text-align: left;
	padding: .5em;
}

.ta-right {
	text-align: right;
	padding: .5em;
}

.ta-center {
	text-align: center;
	padding: .5em;
}

/* 設定寬度 */

.w0-5em {
	width: .5em;
}

.w1em {
	width: 1em;
}

.w1-5em {
	width: 1.5em;
}

.w2em {
	width: 2em;
}

.w2-5em {
	width: 2.5em;
}

.w3em {
	width: 3em;
}

.w3-5em {
	width: 3.5em;
}

.w4em {
	width: 4em;
}

.w4-5em {
	width: 4.5em;
}

.w5em {
	width: 5em;
}

.w5-5em {
	width: 5.5em;
}

.w6em {
	width: 6em;
}

.w6-5em {
	width: 6.5em;
}

.w7em {
	width: 7em;
}

.w7-5em {
	width: 7.5em;
}

.w8em {
	width: 8em;
}

.w8-5em {
	width: 8.5em;
}

.w9em {
	width: 9em;
}

.w9-5em {
	width: 9.5em;
}

.w10em {
	width: 10em;
}

.w10-5em {
	width: 10.5em;
}

.w11em {
	width: 11em;
}

.w12em {
	width: 12em;
}

.w13em {
	width: 13em;
}

.w14em {
	width: 14em;
}

.w15em {
	width: 15em;
}

.w16em {
	width: 16em;
}

.w17em {
	width: 17em;
}

.w18em {
	width: 18em;
}

.w18-5em {
	width: 18.5em;
}

.w19em {
	width: 19em;
}

.w19-5em {
	width: 19.5em;
}

.w20em {
	width: 20em;
}

.w20-5em {
	width: 20.5em;
}

.w21em {
	width: 21em;
}

.w22em {
	width: 22em;
}

.w23em {
	width: 23em;
}

.w24em {
	width: 24em;
}

.w24-5em {
	width: 24.5em;
}

.w25em {
	width: 25em;
}

.w26em {
	width: 26em;
}

.w27em {
	width: 27em;
}

.w28em {
	width: 28em;
}

.w29em {
	width: 29em;
}

.w30em {
	width: 30em;
}

.w31em {
	width: 31em;
}

.w32em {
	width: 32em;
}

.w33em {
	width: 33em;
}

.w34em {
	width: 34em;
}

.w35em {
	width: 35em;
}

.w36em {
	width: 36em;
}

.w37em {
	width: 37em;
}

.w38em {
	width: 38em;
}

.w39em {
	width: 39em;
}

.w40em {
	width: 40em;
}

/* 行高 */

.line-1 {
	line-height: 1em;
}

.line-1-1 {
	line-height: 1.1em;
}

.line-1-2 {
	line-height: 1.2em;
}

.line-1-3 {
	line-height: 1.3em;
}

.line-1-4 {
	line-height: 1.4em;
}

.line-1-5 {
	line-height: 1.5em;
}

.line-1-75 {
	line-height: 1.75em;
}

.line-2 {
	line-height: 2em;
}

/* 錯誤訊息 */

.err-msg {
	color: #c00;
	background: #fccaca;
	padding: 3px 5px;
	padding: 5px 5px 0 \9;
	border: 1px dotted #e50101;
	display: inline-block;
}

q .err-msg {
	display: inline-block;
	margin: 3px 0;
}

.err-msg.big {
	font-size: 15px;
	padding: 5px 8px;
	margin: 5px 10px 5px 0;
}

.err-msg.big:before {
	content: "!";
	display: inline-block;
	vertical-align: -1px;
	font-size: 18px;
	font-family: Verdana, sans-serif;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px #333;
	border-radius: 100%;
	background: #b00;
	width: 18px;
	height: 18px;
	line-height: 17px;
	margin-right: 8px;
	padding: 4px;
}

/* 提示訊息 */

.remind-msg {
	background: #fff8e0;
	padding: 3px 8px;
	padding: 5px 8px 0 \9;
	border: 1px dotted #ccc;
	margin: 10px auto;
}

.loading {
	margin: 10px;
}

/* ===== header ===== */

.header {
	position: relative;
	height: auto;
}

.topnav,
.loginbar {
	float: right;
}

.logo {
	float: left;
	width: 300px;
	height: 55px;
	overflow: hidden;
}

.logo a:link,
.logo a:visited {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 88;
}

.logo em {
	position: absolute;
	top: 10px;
	left: 0;
	text-indent: -9999em;
}

.logo embed,
.logo object {
	vertical-align: bottom;
}

.replace,
.is-mobile #head-flash {
	display: none;
}

.is-mobile .replace {
	display: block;
}

.replace {
	position: relative;
	z-index: 8;
	width: 300px;
	height: 55px;
}

.replace a:link,
.replace a:visited {
	top: 0;
}

.header .last-one {
	background-image: none;
	padding-right: 0;
	margin-right: 0;
}

/* topnav */

.topnav {
	height: 30px;
	position: relative;
	bottom: -1px \9;
}

.topnav.in2b {
	margin-left: 0;
	/*31px*/
}

.topnav li,
.loginbar li {
	position: relative;
	display: block;
	float: left;
	padding: 3px 5px;
	background: url(/st_ec/img/header/icon_spacer.gif) no-repeat right center;
}

.topnav li {
	background-position: right center;
	background-position: right 3px \9;
}

.topnav li a:link,
.topnav li a:visited,
.loginbar a:link,
.loginbar a:visited,
.loginbar cite {
	display: block;
	float: left;
	color: #222;
	padding: 2px 2px 1px;
	padding: 1px 2px 2px \9;
}

.topnav.in2b li a:link,
.topnav.in2b li a:visited,
.loginbar.in2b a:link,
.loginbar.in2b a:visited,
.loginbar.in2b cite {
	font-size: 15px;
}

.topnav li a:hover {
	color: #06c;
}

.topnav li a:link,
.topnav li a:visited {
	text-align: center;
}

.topnav li .txt-high:link,
.topnav li .txt-high:visited {
	color: #c00;
}

.topnav li a.on-current:link,
.topnav li a.on-current:visited {
	font-weight: bold;
}

.topnav .dropdown .drop-icon {
	width: 67px;
	padding: 3px 2px 0 \9;
}

.topnav.in2b .dropdown .drop-icon {
	width: 77px;
}

.topnav .mem-list .drop-icon {
	padding-left: 16px;
	background: url(/st_ec/img/icon_user.gif) no-repeat left 2px;
}

.topnav .mem-list .order-icon {
	padding-left: 16px;
	background: url(/st_ec/img/icon_user_edit.gif) no-repeat left 3px;
}

.topnav li a b {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-left: 3px;
	background: url(/st_ec/img/dropdown_tip.gif) no-repeat center center;
}

.topnav li a:hover b {
	background-image: url(/st_ec/img/dropdown_tip_hr.gif);
}

.topnav li.dropdown {
	position: relative \9;
	top: -2px \9;
	background-position: right 5px \9;
}

.topnav li.dropdown:hover,
.topnav li.dropdown.hover {
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: 2px 4px 4px;
	background: #fff url(/st_ec/img/index/topnav_hr_bg.gif) repeat-x left top;
}

.topnav li div {
	position: absolute;
	top: 22px;
	left: -1px;
	width: 77px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px 6px 6px 10px;
	padding: 3px 6px 2px 10px \9;
}

.topnav .dropdown hr {
	position: absolute;
	top: -8px;
	left: 0;
	width: 93px;
	width: 91px \9;
	border: 1px solid white;
}

.topnav.in2b .dropdown hr {
	width: 104px;
	width: 102px \9;
}

.topnav .dropdown div a:link,
.topnav .dropdown div a:visited {
	display: block;
	width: auto;
	padding-left: 13px;
	background: url(/st_ec/img/header/icon_bullet.gif) no-repeat left center;
}

.topnav .dropdown div a:hover {
	text-decoration: underline;
	color: #06c;
}

.topnav .last-one a:link,
.topnav .last-one a:visited {
	padding: 2px 2px 0;
	padding: 1px 2px 2px \9;
}

.topnav .mem-list div {
	width: 82px;
}

.topnav.in2b .mem-list div {
	width: 110px;
}

.topnav .mem-list .drop-icon:link,
.topnav .mem-list .drop-icon:visited,
.topnav .mem-list .order-icon:link,
.topnav .mem-list .order-icon:visited {
	cursor: default;
	text-decoration: none;
}

.topnav .mem-list .drop-icon:hover {
	cursor: default;
	text-decoration: none;
	color: #222;
}

.topnav .mem-list .drop-icon:hover {}

.topnav.in2b .mem-list .drop-order:hover {
	cursor: default;
	color: #c00;
	text-decoration: none;
}

.topnav .co-list div {
	width: 95px;
}

.topnav .co-list div hr {
	width: 79px;
	width: 77px \9;
}

.topnav .co-list+li a {
	padding: 0 2px 3px \9;
	line-height: 1.1 \9;
}

/* loginbar */

.loginbar {
	height: 25px;
	margin-right: 10px;
	margin-right: 5px \9;
	margin-top: 1px \9;
}

.ie11 .loginbar {
	width: 245px;
}

.loginbar.in2b {
	width: auto;
	width: 214px \9;
}

:root .loginbar {
	margin-right: 0 \0/;
}

.loginbar a:link,
.loginbar a:visited,
.loginbar cite {
	font-weight: bold;
	color: #06c;
}

.loginbar cite {
	padding-top: 0;
	color: #222;
	height: 1.2em;
	overflow: hidden;
}

.loginbar cite a:link,
.loginbar cite a:visited {
	float: none;
	display: inline-block;
}

.loginbar.in2b {
	text-align: left;
	width: auto;
}

.loginbar li:first-child {
	width: 11em;
	overflow: hidden;
	text-align: right;
}

.loginbar.in2b li:first-child {
	width: auto;
	background: none;
	padding: 2px;
	text-align: left;
}

.loginbar li:first-child a:link,
.loginbar li:first-child a:visited {
	float: none;
	display: inline;
	position: relative;
	top: 2px;
	top: 1px \9;
}

.loginbar.in2b li:first-child a:link,
.loginbar.in2b li:first-child a:visited {
	display: inline-block;
	float: none;
}

.loginbar li:first-child cite {
	float: right;
	padding-top: 2px;
}

.loginbar.in2b li:first-child cite {
	max-width: 12em;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.loginbar li:first-child cite a:link,
.loginbar li:first-child cite a:visited {
	top: 0;
}

.feedback-entry:link,
.feedback-entry:visited {
	position: absolute;
	right: 250px;
	top: 33px;
	top: 32px \9;
	display: block;
	color: #06c;
}

.feedback-entry b {
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/st_ec/img/icon_checker.gif) no-repeat -42px -202px;
	margin-right: 3px;
}

.feedback-entry:hover {
	text-decoration: underline;
}

.feedback-entry.align-r {
	right: 0;
}

/* 麵包削 */

.path {
	padding: 5px 0;
	position: relative;
	clear: left;
}

.path a:link,
.path a:visited,
.path dfn {
	display: inline-block;
	padding: 0 5px 2px 5px;
	text-decoration: none;
}

.path a:hover {
	text-decoration: underline;
}

.path b {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/st_ec/img/bread_arr.gif) no-repeat 0 0;
	margin: 0 1px;
	vertical-align: middle;
}

.path span {
	display: inline-block;
	margin: 0 1px;
}

.path select {
	position: relative;
	top: 2px \9;
	margin: 0 1px;
}

/*====== submit 按鈕 ======*/

/* 小 */

.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;
}

/* 中 */

.btn-m,
input[type="submit"].btn-m,
input[type="button"].btn-m,
.btn-mg,
input[type="submit"].btn-mg,
input[type="button"].btn-mg {
	text-align: center;
	width: 90px;
	height: 30px;
	padding: 4px 0 8px;
	padding: 7px 0 5px \9;
	background: #7f77d9;
	border: 0;
	background: url(/st_ec/img/btn_submit_m.gif) no-repeat 0 0;
	color: #fff;
}

.btn-m-sub,
input[type="submit"].btn-m-sub,
input[type="button"].btn-m-sub,
	{
	text-align: center;
	width: 90px;
	height: 30px;
	padding: 4px 0 8px;
	padding: 7px 0 5px \9;
	background: #7f77d9;
	border: 0;
	background: url(/st_ec/img/btn_submit_gray_m.gif) no-repeat 0 0;
	color: #fff;
}

.btn-m:hover,
input[type="submit"].btn-m:hover,
input[type="button"].btn-m:hover,
.btn-m-sub,
input[type="submit"].btn-m-sub:hover,
input[type="button"].btn-m-sub:hover {
	background-position: 0 -30px;
	background-position: 0 0 \9;
	*background-position: 0 -30px;
	cursor: pointer;
	padding: 6px 0 7px;
	padding: 7px 0 5px \9;
}

.btn-m-sub:hover,
input[type="submit"].btn-m:hover,
input[type="button"].btn-m:hover,
input[type="submit"].btn-mg:hover,
input[type="button"].btn-mg:hover {
	background-position: 0 -30px;
	background-position: 0 0 \9;
	*background-position: 0 -30px;
	cursor: pointer;
	padding: 6px 0 7px;
	padding: 7px 0 5px \9;
}

.btn-mg,
input[type="submit"].btn-mg,
input[type="button"].btn-mg {
	background: url(/st_ec/img/btn_submit_mg.gif) no-repeat 0 0;
	color: #999;
}

/* 大 */

.btn-l,
input[type="submit"].btn-l,
input[type="button"].btn-l,
.btn-lg,
input[type="submit"].btn-lg,
input[type="button"].btn-lg {
	text-align: center;
	width: 110px;
	height: 30px;
	padding: 5px 0 8px;
	padding: 7px 0 5px \9;
	background: #7f77d9;
	border: 0;
	background: url(/st_ec/img/btn_submit_l.gif) no-repeat 0 0;
	color: #fff;
}

.btn-lg,
input[type="submit"].btn-lg,
input[type="button"].btn-lg {
	background: url(/st_ec/img/btn_submit_lg.gif) no-repeat 0 0;
}

.btn-l:hover,
input[type="submit"].btn-l:hover,
input[type="button"].btn-l:hover,
.btn-lg:hover,
input[type="submit"].btn-lg:hover,
input[type="button"].btn-lg: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;
}

/* LL--inbond */

.btn-LL,
input[type="submit"].btn-LL,
input[type="button"].btn-LL,
.btn-LLg,
input[type="submit"].btn-LLg,
input[type="button"].btn-LLg {
	text-align: center;
	width: 146px;
	height: 30px;
	padding: 4px 0 8px;
	padding: 7px 0 5px \9;
	background: #7f77d9;
	border: 0;
	background: url(/st_ec/img/btn_submit_LL.gif) no-repeat 0 0;
	color: #fff;
}

.btn-LLg,
input[type="submit"].btn-LLg,
input[type="button"].btn-LLg {
	background: url(/st_ec/img/btn_submit_sg.gif) no-repeat 0 0;
}

.btn-LL:hover,
input[type="submit"].btn-LL:hover,
input[type="button"].btn-LL:hover,
.btn-LLg:hover,
input[type="submit"].btn-LLg:hover,
input[type="button"].btn-LLg:hover {
	background-position: 0 -30px;
	background-position: 0 0 \9;
	cursor: pointer;
	padding: 6px 0 7px;
	padding: 7px 0 5px \9;
}

/* 調整過的基本型 btn */

input.btn-func,
input[type="submit"].btn-func,
input[type="button"].btn-func,
input[type="reset"].btn-func {
	font-size: 12px;
	padding: 0 5px;
	padding: 3px 5px 0 \9;
}

/* 付款 */

.btn-pay:link,
.btn-pay:visited {
	color: #06c;
	padding: 2px 0;
	padding: 4px 0 0 \9;
	line-height: 1.1;
	text-align: center;
	display: block;
	border-radius: 2px;
	border: 1px solid #999;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, .1);
	background: #fff;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 60%, rgba(220, 220, 220, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0);
}

.btn-pay:hover {
	text-decoration: none;
	position: relative;
	top: 1px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, .3);
	background: #eee;
	background: linear-gradient(to bottom, rgba(220, 220, 220, 1) 0%, rgba(255, 255, 255, 1) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff', GradientType=0);
}

.btn-dtl,
.input.btn-dtl,
[type="button"].btn-dtl,
[type="submit"].btn-dtl {
	background: #fff;
	border: 1px solid #06c;
	border-radius: 3px;
	color: #06c;
	cursor: pointer;
	padding: 4px 7px;
}

.btn-dtl:hover,
.input.btn-dtl:hover,
[type="button"].btn-dtl:hover,
[type="submit"].btn-dtl:hover {
	text-decoration: underline;
}

.btn-dtl:active,
.input.btn-dtl:active,
[type="button"].btn-dtl:active,
[type="submit"].btn-dtl:active {
	position: relative;
	top: 1px;
}

/* 按鈕容器 */

.btn-box {
	clear: both;
	padding: 10px 0;
}

.btn-box input {
	float: right;
}

.btn-box .btn-func {
	margin: 3px .7em 0 0;
}

.btn-box .btn-s,
.btn-box .btn-m,
.btn-box .btn-l {
	margin-left: .3em;
}

.has-prompt {
	position: relative;
	margin: 10px 0;
	clear: left;
}

.prompt {
	position: absolute;
	top: 30px;
	right: 0;
}

.prompt i {
	display: block;
	float: right;
	margin-right: 15px;
	width: 11px;
	height: 7px;
	background: url(/st_ec/img/prompt_tip.gif) no-repeat 0 0;
}

.prompt div {
	margin-top: 5px;
	padding: .5em;
	background: #fff;
	border: 1px solid #0a52ab;
	color: #555;
}

/* ie6 position fixed */

.fixed-top {
	position: fixed;
	bottom: auto;
	top: 0;
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	top: auto;
}

.fixed-left {
	position: fixed;
	right: auto;
	left: 0;
}

.fixed-right {
	position: fixed;
	right: 0;
	left: auto;
}

/* scroll to top */

.scroll2top:link,
.scroll2top:visited {
	position: fixed;
	bottom: 30px;
	margin-left: 951px;
	display: block;
	width: 20px;
	height: 48px;
	background: url(/st_ec/img/icon_go2t.gif) no-repeat 0 0;
	z-index: 999;
}

.scroll2top:hover {
	background-position: -20px 0;
}

.scroll2top span {
	visibility: hidden;
}

/*====== jQuery-UI 樣式複寫 ======*/
.ui-datepicker-trigger {
	cursor: pointer;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

.DataTables_sort_wrapper {
	color: #222;
	font-weight: bold;
	display: inline;
	position: relative;
}

.data-tb .double-title .DataTables_sort_wrapper {
	top: .7em;
	display: block;
}

.data-tb .double-title .DataTables_sort_wrapper strong {
	position: relative;
	top: -.7em;
}

.data-tb .double-title .DataTables_sort_wrapper strong em {
	display: inline-block;
	position: relative \9;
	top: 3px \9;
}

.DataTables_sort_icon {
	position: absolute;
	right: -13px;
	top: 1px;
	cursor: pointer;
}

.data-tb .double-title .DataTables_sort_icon {
	right: -5px;
}

.ui-dialog {
	position: fixed !important;
	z-index: 1002 !important;
}

.is-mobile .ui-dialog {
	position: absolute !important;
}

.ui-dialog-content h1 {
	padding: 5px;
}

/* dialog 兩枚按忸 */

.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dia-buttonpane button {
	font-size: 12px;
	background: #eaeaea url(/st_ec/img/ui/btn_bg_gy.gif) repeat-x 0 -8px;
	border: 1px solid #aaa;
	padding: 0 8px;
	float: right;
}

.ui-dialog-buttonset button span.ui-button-text {
	padding: 3px 1.2em 0 \9;
}

.ui-dialog-buttonset button:hover {
	background-position: 0 -5px;
}

.ui-dialog-buttonset button:first-child+button,
.ui-dia-buttonset button:first-child+button {
	margin-top: 2px;
	margin-top: 4px \9;
	font-size: 15px;
	border: 1px solid #aaa;
	padding: 2px 8px 3px;
	padding: 5px 8px 0 \9;
	*padding: 0 8px;
	background: url(/st_ec/img/ui/btn_bg.gif) repeat-x 0 0;
	border: 0 none \9;
	color: #fff;
}

.ui-dialog-buttonset button:first-child+button span.ui-button-text,
.ui-dia-buttonset button:first-child+button span.ui-button-text {
	padding: 4px 1.2em;
	color: #fff;
}

.ui-dialog-buttonset button:first-child+button:hover,
.ui-dia-buttonset button:first-child+button:hover {
	background: #5bb7fc url(/st_ec/img/ui/btn_bg_hover.gif) repeat-x 0 -4px;
}

/* 確認訊息 dialog */

.confirm-msg,
.alert-msg {
	padding: 3px 0 0 60px;
	background: url(/st_ec/img/icon_confirm.png) no-repeat 0 -2px;
}

.alert-msg {
	background: url(/st_ec/img/icon_alert.png) no-repeat 0 10px;
}

.querymark-msg {
	padding: 0 1.5em 1em;
	padding-left: 5em;
	margin: 1em 0 0 1em;
	background: url(/st_ec/img/icon_confirm.png) no-repeat 0 -2px;
}

.double-confirm-msg {
	padding: 0 1.5em 1em 4.5em;
	margin: 1em 0 0 1em;
	background: url(/st_ec/img/icon_alert.png) no-repeat 0 10px;
}

/* Google Map Infowindow */

.infoBox {
	background: url(/st_ec/img/hotelmap/infowin_arr.gif) no-repeat left center;
	padding-left: 7px;
	margin: 15px 0 0 15px;
}

.infoBox img {
	float: right;
}

.info-win {
	width: 310px;
	height: auto;
	text-align: left;
	padding: 10px 10px 10px 15px;
	border: 5px solid #a0a0a0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(85, 85, 85, .8);
}

.info-title {
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
	overflow: auto;
}

.info-title img {
	margin-right: 7px;
	display: block;
	float: left;
}

.info-name {
	font-size: 13px;
	display: block;
	float: left;
	color: #0c41dd;
	margin-top: 3px;
	width: 75%;
}

.info-name strong {
	font-size: 15px;
	display: block;
}

.info-tip {
	width: 10px;
	height: 19px;
	background: url(/st_ec/img/hotelmap/infowin_arr.gif) no-repeat 0 0;
}

.info-detail {
	line-height: 1.5em;
	padding-top: 7px;
	overflow: auto;
	zoom: 1;
	width: 305px;
	height: 100px;
}

.info-detail dt,
.info-detail dd {
	display: block;
	float: left;
}

.info-detail dt {
	width: 6em;
	clear: left;
	text-align: right;
}

.info-detail dd {
	width: 17em;
}

.info-win.for-store .info-detail {
	height: 140px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.info-win.for-store .info-detail dt {
	width: 5.5em;
}

.info-win.for-store .info-detail dd {
	width: 15.5em;
}

.info-win.for-scene .info-detail {
	height: 40px;
}

.content p.info-more,
.info-more {
	padding: 0;
	margin-top: 3px;
	text-align: right;
}

.info-more a:link b,
.info-more a:visited b {
	display: inline-block;
	width: 13px;
	height: 7px;
	background: url(/st_ec/img/hotelmap/info_more_arr.gif) no-repeat 0 0;
}

/*====== 影響到登入、查密碼等 dialog 的樣式 （原本寫在 member.css內）======*/

/* 忘記密碼+寄送 dialog */

.pw-add,
.send-add {
	display: block;
	padding: .5em .5em 1.2em;
	line-height: 1.5;
}

.send-add {
	padding: .2em .7em .5em;
}

.pw-add.t-large {
	height: 40px;
}

.pw-add.t-large img {
	float: left;
	border: 1px solid #ccc;
}

.pw-add.t-large h3 {
	line-height: 1.2;
	margin-left: 175px;
	margin-top: 3px;
	font-size: 1em;
	font-weight: normal;
}

#askpwForm_personId,
#askpwForm_birthday {
	padding: 8px 10px;
}

#askpwForm_personId.it-2,
#askpwForm_birthday.it-2 {
	border: 2px solid #0a52ab;
	padding: 7px 9px;
}

#askpwDialog .join .ti2 p {
	line-height: 2.7;
}

#askpwDialog .join li {
	padding: .5em 0;
}

#askpwDialog .pw-add,
#askpwDialog .send-add {
	padding: .5em;
}

#askpwDialog .err-msg {
	margin-top: 3px;
	margin-top: -2px \9;
}

/*註冊-欄位*/

.join {
	margin: 0 auto;
	clear: both;
	background: #fff;
}

.join li {
	padding: 1em 0;
	margin: 0 auto;
	clear: both;
	border-top: 1px dotted #ddd;
	overflow: auto;
	list-style-type: none;
	width: 93%;
}

.join p {
	line-height: 1.5;
}

.join li.first-one {
	border-top: none;
}

.join li.hotspot {
	background-color: #fff7e0;
}

.join-other {
	margin-top: 45px;
	padding-bottom: 1px;
}

.ti,
.ct,
.ti2,
.ct2,
.ti3 {
	float: left;
	text-align: left;
	padding-top: 0;
	vertical-align: top;
}

.ti,
.ti2,
.ti3 {
	width: 120px;
	text-align: right;
	font-weight: bold;
}

.ti2 {
	width: 100px;
}

.ct {
	width: 390px;
}

.ct p.twoline,
.ct2 p.twoline {
	margin-bottom: 3px;
}

.ct p input,
.ct2 p input {
	border-radius: 2px;
}

.btn-bar {
	padding-right: 395px;
	margin-top: -10px;
	padding-bottom: 12px;
}

/*錯誤訊息*/

.msg-area,
.msg-area-s,
.msg-area-pw {
	display: block;
	vertical-align: middle;
	float: right;
	width: 370px;
	color: #666;
}

.msg-area-s {
	width: auto;
	text-align: left;
	float: left;
}

.msg-area-pw {
	width: 220px;
	text-align: left;
}

.msg-area p {
	line-height: 1.3em;
	margin: 0px;
	padding-top: 3px;
}

.msg-error,
.msg-error2 {
	background: #fffafa;
	border: 1px solid #f66;
	color: #d12;
	padding: 3px;
	margin-right: 3px;
}

.msg-error2 {
	margin: 0px 3px -5px 21px;
}

.msg-error b {
	background: url(/st_ec/img/ui-icons_cd0a0a_256x240.png) no-repeat -18px -144px;
	display: inline-block;
	height: 16px;
	margin: 0 3px -3px 0;
	overflow: hidden;
	width: 12px;
}

.ct-frd {
	width: 320px;
	vertical-align: top;
}

.icon-info b {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(/st_ec/img/icon_checker.gif) no-repeat -162px -22px;
	margin-right: 3px;
	vertical-align: -2px;
}

/* 首頁 footer */

.footer {
	clear: both;
	margin-top: 25px;
	padding: 20px;
	width: 908px;
	border-top: 2px solid #a1c7e4;
	background: #fff;
}

.footer>p {
	text-align: center;
	margin: 0 auto;
}

.btm-nav li {
	list-style-type: none;
	display: block;
	float: left;
}

.btm-nav li.b2c-ft-logo {
	margin-right: 25px;
}

.btm-nav a:link,
.btm-nav a:visited {
	color: #06c;
	display: block;
	background: url(/st_ec/img/index/btm_nav_spacer.gif) no-repeat left center;
	padding: 2px .6em;
}

.btm-nav li:first-child a:link,
.btm-nav li:first-child a:visited {
	width: 168px;
	height: 27px;
	background: url(/st_ec/img/cms_sprite.png) no-repeat -80px -388px;
	text-indent: -999em;
	margin-top: -6px;
}

.btm-nav li:first-child+li a:link,
.btm-nav li:first-child+li a:visited {
	background: none;
}

.btm-nav li.last a:link,
.btm-nav li.last a:visited {
	padding-right: 0;
}

.footer-phone {
	clear: both;
	float: left;
	width: 234px;
	height: 140px;
	padding: 0 0 0 138px;
	margin: 10px 25px 0 0;
	background: url(/st_ec/img/home_sprite.png) no-repeat -200px -80px;
}

.footer-phone li {
	list-style-type: none;
	font-weight: bold;
	font-size: 24px;
}

.footer-phone li:first-child {
	margin: 12px 0 0 33px;
	font-size: 39px;
	color: #247fd3;
	text-shadow: 0 1px 0 #fff;
}

.footer-phone li small {
	font-size: 15px;
	vertical-align: middle;
}

.footer-phone li:first-child+li+li {
	margin-top: 5px;
}

.company-info {
	float: left;
	margin-top: 9px;
	color: #555;
}

.company-info p {
	text-align: left;
	line-height: 1.75;
	font-size: 13px;
	-webkit-text-size-adjust: 100%;
}

.company-info div {
	text-align: left;
	margin: .2em 0.1em 0;
}

.company-info b {
	width: 20px;
	height: 20px;
	background: url(/st_ec/img/index/phonebook_map.gif) no-repeat 0 -40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.company-info b.gfg-num {
	background-position: 0 0;
}

.company-info b.fax-num {
	background-position: 0 -60px;
}

.company-info b.gdg-num {
	background-position: 0 -20px;
}

.company-info div strong {
	color: #019372;
}

.company-info hr {
	border: 0;
	height: 1px;
	background: #ccc;
	margin: 7px 0;
}

img[usemap="#certMap"] {
	margin-top: 3px;
}

.tripadvisor:link,
.tripadvisor:visited {
	display: block;
	margin: 8px 0 0 2px;
}

/* sundries: */

.login-dialog-banner {
	margin: 42px 0 0;
}

/* ie8該滾了 */

.compactible {
	width: 950px;
	float: left;
	margin: 10px 0 5px;
}

.member .compactible {
	margin: 0 0 5px;
}

/*.no-support-reminder{font-size:12px; font-family:Arial, sans-serif; color:#555; text-align:center; background:#fff480; border:1px solid #cecece; padding:.75em; margin:15px auto 0; width:95%;}
.compactible .no-support-reminder{margin:0 auto;}
.no-support-reminder b{display:inline-block; width:22px; height:22px; margin-right:5px; background:url(/st_ec/img/icon_no_support.gif) no-repeat 0 0; vertical-align:middle;}
.no-support-reminder a:link, .no-support-reminder a:visited{display:inline; color:#4582DF;}*/

.htl-ie8 {
	background: #fff7b4;
	margin: 0 0 5px;
	padding: 7px 8px 6px;
	display: block;
	box-sizing: border-box;
	border: 1px dashed #e05a52;
}

.icon-ie,
.icon-chm,
.icon-ff {
	margin-right: 15px;
}

.icon-ie b,
.icon-chm b,
.icon-ff b {
	width: 16px;
	height: 18px;
	display: inline-block;
	background: url(/st_ec/img/icon_all.png) no-repeat -205px -572px;
	margin-right: 3px;
	vertical-align: middle;
}

.icon-chm b {
	background-position: -230px -572px;
}

.icon-ff b {
	background-position: -251px -572px;
}

/* 保證住房 icon */

.htl-booking {
	font-size: 12px;
	display: inline-block;
}

.icon-htl-info b {
	display: inline-block;
	background-image: url(/st_ec/img/icon_checker.gif);
	background-repeat: no-repeat;
	vertical-align: -2px;
	background-position: -164px -25px;
	margin-right: 2px;
	width: 12px;
	height: 12px;
}

/* 選機場 dialog */

.fit-dialog {
	width: 100%;
	border-collapse: collapse;
}

.fit-dialog th,
.fit-dialog td {
	padding: 2px 5px;
}

.fit-dialog thead th p {
	line-height: 1.5;
}

.fit-dialog tbody td {
	text-align: center;
	vertical-align: top;
}

.fit-dialog tbody td select {
	width: 100%;
}

/*證照應背資料icon*/

.icon-pinfo b {
	display: inline-block;
	background-image: url(/st_ec/img/icon_checker.gif);
	background-repeat: no-repeat;
	vertical-align: -3px;
	background-position: -182px -21px;
	margin-right: 2px;
	width: 16px;
	height: 16px;
}

/* GFG-STEP1 訂金字樣暫時縮小變細 */

.pd-content .feature-list .promo-item cite q.price.t-mid var {
	font-size: 13px;
}

.pd-content .feature-list .promo-item cite q.price.t-mid strong {
	font-weight: normal;
}

/* fancybox 開啟的 dialog 樣式 */

.titlebar {
	font-size: 15px;
	font-weight: bold;
	padding: .4em .5em .4em .6em;
	line-height: 1.2;
	border-radius: 2px;
	color: #fff;
	background: #0880DE url(/st_ec/img/ui/ui-bg_highlight-soft_75_0880de_1x100.png) repeat-x 50% 50%;
}

.titlebar .clo-btn:link,
.titlebar .clo-btn:visited {
	display: block;
	float: right;
	background: url(/st_ec/img/ui/ui-icons_ffffff_256x240.png) no-repeat -96px -128px;
	width: 16px;
	height: 16px;
}

.titlebar .clo-btn:hover {
	background: #c7edff url(/st_ec/img/ui/ui-icons_0a52ab_256x240.png) no-repeat -96px -128px;
	border: 1px solid #bababa;
	border-radius: 3px;
}

.ifrm-cont {
	padding: 10px;
}

.ifrm-cont h3 {
	margin: 0;
	background: none;
	border-left: #0880de 5px solid;
	font-size: 15px;
	padding: 0 0 5px 5px;
	color: #444;
	border-bottom: 1px dotted #cfcfcf;
}

.ifrm-cont .sec-pp {
	display: block;
	padding: 2px 15px 2px 20px;
	margin: 5px -8px -5px;
	line-height: 19px;
	height: 325px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ifrm-cont .sec-pp ul.htl {
	margin: 0;
}

.ifrm-cont .sec-pp ul {
	margin: 8px 0 0;
}

.ifrm-cont .sec-pp ul li {
	line-height: 1.5em;
	background: url(/st_ec/img/point.gif) no-repeat 4px 8px;
	list-style-type: none;
	padding-left: 1.2em;
	text-align: left;
}

.ifrm-cont .icon-match b {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(/st_ec/img/icon_true.png) no-repeat 0 0;
	margin: 0 2px -4px 3px;
}

.ifrm-width-control {
	padding: 5px;
}

.dlg-btn {
	display: block;
	margin: 5px 2px;
	padding: 7px 5px;
	border-top: 1px solid #aaa;
	text-align: right;
}

.dlg-btn input[type="submit"],
.dlg-btn input[type="submit"]:hover,
.dlg-btn input[type="button"],
.dlg-btn input[type="button"]:hover {
	text-align: center;
	border: 1px solid #aaa;
	background: url(/st_ec/img/ui/btn_bg_gy.gif) repeat-x 0 -8px;
	font-size: 12px;
	padding: 5px 18px;
	border-radius: 3px;
}

.dlg-btn input[type="submit"]:hover,
.dlg-btn input[type="button"]:hover {
	background-position: 0 -5px;
}

.dlg-btn input[type="submit"].btn-dlg,
.dlg-btn input[type="submit"].btn-dlg:hover,
.dlg-btn input[type="button"].btn-dlg,
.dlg-btn input[type="button"].btn-dlg:hover {
	text-align: center;
	border: 1px solid #aaa;
	background: url(/st_ec/img/ui/btn_bg.gif) repeat-x 0 0;
	color: #fff;
	font-size: 15px;
	padding: 7px 25px;
	border-radius: 3px;
}

.dlg-btn input[type="submit"].btn-dlg:hover,
.dlg-btn input[type="button"].btn-dlg:hover {
	background: url(/st_ec/img/ui/btn_bg_hover.gif) repeat-x 0 -4px;
}

/* 房型設定 popup */

.room-arrange {
	position: relative;
	display: block;
	position: absolute;
	left: 82px;
	z-index: 100;
	background: #fff;
	border: 1px solid #777;
	padding: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	border-radius: 2px;
	min-width: 411px;
	height: auto;
	margin-top: 35px;
}

.box-pointer {
	display: block;
	width: 21px;
	height: 12px;
	background: url(/st_ec/img/box_pointer_top.gif) no-repeat 0 0;
	position: absolute;
	top: -12px;
}

.search-engine .room-arrange dl {
	margin: 0;
}

/* 聯登 dialog 的樣式*/

.gone-title .ui-widget-header {
	display: none;
}

.join-cont,
.fine-cont,
.error-cont {
	background: url(/st_ec/img/loading_moo.png) #FFF no-repeat 30px -1225px;
	height: 300px;
	margin-top: 20px;
}

.fine-cont {
	background: url(/st_ec/img/loading_moo.png) #FFF no-repeat 10px -930px;
}

.error-cont {
	background: url(/st_ec/img/loading_moo.png) #FFF no-repeat 20px -330px;
}

.moo-txt {
	margin-left: 285px;
	line-height: 1.7em;
	padding-top: 50px;
	width: 300px;
}

.fine-cont .moo-txt,
.error-cont .moo-txt {
	margin-left: 245px;
	padding-top: 80px;
	width: auto;
	line-height: 2em;
}

.error-cont .moo-txt {
	margin-left: 260px;
	width: 250px;
}

.gone-title .btn-box,
.sync-cont .btn-box {
	margin-top: 20px;
	text-align: center;
}

.gone-title .btn-box input,
.sync-cont .btn-box input {
	float: none;
}

.gone-title .btn-box .btn-func,
.sync-cont .btn-box .btn-func {
	margin-right: 0;
}

.sync-cont {
	margin: 10px 0;
	padding: 0 35px;
	line-height: 1.7em;
}

.fb-txt {
	display: inline-block;
	margin: 10px 0 25px;
}

.sync-cont .login-box {
	border: 1px dashed #0099FF;
	margin: 0;
	text-align: left;
	background-image: none;
	padding: 16px;
}

.sync-cont .login-box .err-msg {
	line-height: 1em;
	margin: 0 2px;
}

.login-box div {
	background-color: #E6F0FF;
	/*padding:10px 20px; 20160721先關給RD測試同行旅客登入 */
}

.login-box p span {
	display: inline-block;
	margin-top: 10px;
}

.login-box label {
	display: block;
	height: 30px;
}

.login-box label:hover {
	color: #d52678;
}

.sync-cont .login-box input[type="text"],
.sync-cont .login-box input[type="password"] {
	padding: 8px 10px 8px 32px;
	margin: 3px 0 8px;
}

.sync-cont .login-box input[type="text"].it-2,
.sync-cont .login-box input[type="password"].it-2 {
	padding: 8px 10px 8px 32px;
	border: #00b7e6 1px solid;
}

/* 首頁會員登入filter*/

.mfp-bg {
	background: rgba(255, 255, 255, 0.6);
	background-size: cover;
	background-image: url(/st_ec/img/mb/enter_bg.png) \9;
	background-position: center center \9;
	background-repeat: repeat \9;
	position: absolute;
	z-index: 999;
	padding-right: 20px;
}

.m-title {
	display: none;
}

.m-popup {
	background: none;
	box-shadow: none;
	text-align: center;
	max-width: 550px;
}

.m-content h3 {
	font-size: 30px;
	padding: 10px 0;
	color: #333;
}

.mfp-close-btn-in .mfp-close {
	background: #666;
	border-radius: 50%;
}

.modal-active {
	-webkit-filter: blur(25px);
	-moz-filter: blur(25px);
	-ms-filter: blur(25px);
	filter: blur(25px);
}

/* 增加模糊class*/

/*新版-聯登*/

#loginForm {
	display: flex;
  flex-direction: column;
}

.spacing {
	display: flex;
  justify-content: space-between;
  margin: 5px;
}

.m-content {
	display: inline-block;
	padding: 10px;
	box-sizing: border-box;
	min-width: 300px;
}

.m-content input[type="text"],
.m-content input[type="password"] {
	display: block;
	padding: 0 0 0 35px;
	height: 38px;
	line-height: 38px;
	margin: 10px 0 0;
	font-size: 15px;
	width: 100%;
	border-color: #aaa #ccc #ccc #aaa;
	color: #333;
}

.m-content input.it-2[type="text"],
.m-content input.it-2[type="password"] {
	border: #00b7e6 1px solid;
}

.m-content input:focus { 
	border: #00b7e6 1px solid;
}

.i-user,
.i-pw,
.or-nbr,
.or-mail {
	position: relative;
}

.i-user:before,
.i-pw:before,
.or-nbr:before,
.or-mail:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 1001;
	transform: translateY(30%);
	background: url(/st_ec/img/mb/social_login.png) no-repeat 0 -376px;
}

.i-pw:before {
	background: url(/st_ec/img/mb/social_login.png) no-repeat 0 -417px;
}

.or-nbr:before {
	background: url(/st_ec/img/mb/social_login.png) no-repeat 0 -620px;
}

.or-mail:before {
	background: url(/st_ec/img/mb/social_login.png) no-repeat 0 -652px;
}

.m-content p {
	text-align: left;
	display: inline-block;
	width: 100%;
	padding: 0 .5em;
	margin: 0 0 10px;
}

.m-content input.btn-m[type="button"] {
	background: none;
	background-color: #4fbce9;
	height: 40px;
	width: 100%;
	border-radius: 2px;
	border-bottom: 2px solid #3ab0e2;
	display: inline-block;
	font-size: 18px;
}

.m-content input.btn-m[type="button"]:hover {
	border-bottom: 0;
	padding-top: 7px;
	box-shadow: 0px 0px 5px 0px #2fa6d0 inset;
}

.m-content p var {
	font-size: 13px;
	vertical-align: middle;
	padding: 2px 0;
	display: inline-block;
	width: 48%;
	margin-left: 0;
}

.m-content p var+var {
	text-align: right;
	width: 46%;
}

.m-content p var a,
.m-content p var a:link,
.m-content p var a:visited {
	color: #06c;
}

.soc-line {
	font-size: 15px;
	color: #999;
	margin: 20px 0;
}

.soc-line:before,
.soc-line:after {
	content: "";
	display: inline-block;
	width: 41%;
	height: 1px;
	background-color: #999;
	margin: 0 10px 3px 0;
}

.soc-line:after {
	margin: 0 0 3px 10px;
}

.soc-enter {
	text-align: left;
}

.soc-enter span {
	display: block;
	margin: 5px 0;
}

.soc-enter .btn-fb a,
.soc-enter .btn-fb a:link,
.soc-enter .btn-fb a:visited,
.soc-enter .btn-gpuls a,
.soc-enter .btn-gpuls a:link,
.soc-enter .btn-gpuls a:visited {
	background: #3B5998;
	height: 40px;
	width: 100%;
	color: #FFF;
	display: inline-block;
	padding: 0;
	margin: 0;
	border-radius: 4px;
	border: 1px solid #2f477a;
	font-size: 14px;
	line-height: 40px;
	box-sizing: border-box;
	font-weight: normal;
	vertical-align: middle;
}

.btn-fb a b,
.btn-gpuls a b {
	display: inline-block;
	width: 42px;
	height: 32px;
	background: url(/st_ec/img/mb/social_login.png) no-repeat 5px -461px;
	margin: 3px 12px 3px 3px;
	vertical-align: middle;
	border-right: #2f477a 1px solid;
}

.btn-gpuls a b {
	background: url(/st_ec/img/mb/social_login.png) no-repeat 5px -502px;
	border-right: #b13c2e 1px solid;
}

.soc-enter .btn-gpuls a,
.soc-enter .btn-gpuls a:link,
.soc-enter .btn-gpuls a:visited {
	background: #DD4B39;
	border: 1px solid #b13c2e;
}

.soc-enter .btn-fb a:hover,
.soc-enter .btn-gpuls a:hover {
	text-decoration: none;
	background: url(/st_ec/img/mb/social_login.png) #2d4373 no-repeat left -83px;
}

.soc-enter .btn-fb a:hover b {
	background-position: 5px -544px;
	border-right: #24365c 1px solid;
}

.soc-enter .btn-gpuls a:hover b {
	background-position: 5px -586px;
	border-right: #9b291a 1px solid;
}

.soc-enter .btn-gpuls a:hover {
	background: #c23321;
}

/*.btn-gpuls:after,*/

.soc-enter:after,
#loginForm:after,
#orderLoginForm:after {
	content: "1. 已同步FB／G+會員帳號，即可點選登入按鈕。";
	font-size: 12px;
	font-family: "微軟正黑體", "新細明體", Arial, sans-serif;
	display: block;
	color: #333;
	width: 290px;
	padding: 8px 0 5px;
}

#loginForm:after,
#orderLoginForm:after {
	content: "2. 為方便一鍵登入，尚未同步FB／G+帳號，請先登入【會員專區】進行同步。";
	padding: 0;
	text-align: left;
}

.soc-note {
	width: 290px;
	margin: 20px 0 0;
	padding: 0 0 0 15px;
}

.soc-note li {
	padding: 5px 0;
	line-height: 1.3em;
	font-size: 13px;
	color: #666;
	text-align: left;
	list-style-position: outside;
}

.m-content .err {
	font-size: 13px;
	text-align: left;
	line-height: 1em;
	width: 300px;
}

.m-content .err span {
	margin: 2px;
}

.m-content .m-top {
	margin-top: 10px;
	width: 100%;
}

.m-content .m-top span.btn-fb,
.m-content .m-top span.btn-gpuls {
	display: inline-block;
	width: 49.2%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.index .menu li a:link,
	.index .menu li a:visited,
	.menu li a:link,
	.menu li a:visited,
	.quick h3,
	.search-tab .search-on a,
	.f-send:hover,
	.theme-tag,
	.intro-tab li a {
		text-shadow: none;
	}
	.price.cut {
		background-position: 0 -7px;
	}
	.btn-s,
	input[type="submit"].btn-s,
	input[type="button"].btn-s,
	.btn-sg,
	input[type="submit"].btn-sg,
	input[type="button"].btn-sg,
	.btn-m,
	input[type="submit"].btn-m,
	input[type="button"].btn-m,
	.btn-mg,
	input[type="submit"].btn-mg,
	input[type="button"].btn-mg,
	.btn-l,
	input[type="submit"].btn-l,
	input[type="button"].btn-l,
	.btn-lg,
	input[type="submit"].btn-lg,
	input[type="button"].btn-lg {
		padding: 5px 0 7px;
	}
	.btn-pay:link,
	.btn-pay:visited {
		padding: 2px 0 3px;
	}
	label input[type="radio"],
	label input[type="checkbox"] {
		vertical-align: text-bottom;
	}
	h3.title b {
		vertical-align: baseline;
	}
	.btn-func,
	input[type="submit"].btn-func,
	input[type="button"].btn-func,
	input[type="reset"].btn-func {
		padding: 3px 8px 4px;
	}
	.loginbar {
		margin-right: 5px;
	}
	.topnav li {
		background-position: right 7px;
	}
	.topnav.in2b .dropdown hr {
		width: 101px;
	}
	.step li p {
		vertical-align: top;
	}
	.step li p span {
		vertical-align: top;
	}
}

.ui-widget-header {
  border: 1px solid #207fb6;
  background: #0880de url(/st_ec/img/ui/ui-bg_highlight-soft_75_0880de_1x100.png) 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff url(/st_ec/img/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  background: none;
  overflow: auto;
  padding: .5em 1em;
}
.ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-dia-buttonpane {
  text-align: left;
  background-image: none;
  margin-top: .5em;
  border-width: 1px 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  height: 20px;
  margin: -10px 0 0;
  padding: 1px;
  font-size: 0px !important;
  right: 7px;
  background: #fff;
  border: none;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(/st_ec/img/ui/ui-icons_555555_256x240.png);
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}