@charset "utf-8";
/*------------------------------
	Module - Dom Booking
------------------------------*/

/*	Structure
------------------------------*/
/*-- main --*/
.domBooking .mdl_main {
	background:url(/commonY15/img/modules/dom/bg_booking.gif) no-repeat center top #ca3540;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}
.domBooking .mdl_main_head {
	padding:20px 0 10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.domBooking .mdl_main_body {
	padding:0 10px 10px;
}

/*-- layer --*/
.domBooking .mdl_layerWrap {
	width:100%;
	min-height:100%;
	position:absolute;
	top:150%;
	z-index:1000;
	background-color:#e9ecf0;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.6);
}
.domBooking .mdl_layer {
	width:100%;
	overflow:hidden;
}
.domBooking .mdl_layer_head {
	height:44px;
	line-height:44px;
	padding:0 10px;
	border-bottom:2px solid #282f39;
	position:relative;
	font-weight:bold;
}
.domBooking .mdl_layer_head .mdl_icon_close {
	position:absolute;
	top:50%;
	right:9px;
	margin-top:-11px;
}
.domBooking .mdl_layer_sHead {
	height:32px;
	line-height:32px;
	padding:0 10px;
	background-color:#282f39;
	color:#fff;
}
.domBooking .mdl_layer_body {
}
.domBooking .mdl_layer_btm {
	padding:20px 10px;
}


/*	Utility
------------------------------*/
/*-- icon --*/
.domBooking [class^="mdl_icon_"],
.domBooking [class*=" mdl_icon_"] {
	display:inline-block;
	vertical-align:middle;
	background-image:url(/commonY15/img/modules/dom/sprite/icons_booking.png);
	background-repeat:no-repeat;
	background-size:278px auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.domBooking .mdl_icon_departure {
	width:22px;
	height:22px;
	background-position:0 0;
}
.domBooking .mdl_icon_arrival {
	width:22px;
	height:22px;
	background-position:-27px 0;
}
.domBooking .mdl_icon_calendar {
	width:22px;
	height:22px;
	background-position:-54px 0;
}
.domBooking .mdl_icon_adult {
	width:22px;
	height:22px;
	background-position:-81px 0;
}
.domBooking .mdl_icon_child {
	width:22px;
	height:22px;
	background-position:-108px 0;
}
.domBooking .mdl_icon_baby {
	width:22px;
	height:22px;
	background-position:-135px 0;
}
.domBooking .mdl_icon_baby {
	width:22px;
	height:22px;
	background-position:-135px 0;
}
.domBooking .mdl_icon_people {
	width:22px;
	height:22px;
	background-position:-162px 0;
}
.domBooking .mdl_icon_time {
	width:22px;
	height:22px;
	background-position:-189px 0;
}
.domBooking .mdl_icon_fare {
	width:22px;
	height:22px;
	background-position:-216px 0;
}
.domBooking .mdl_icon_close {
	width:22px;
	height:22px;
	background-position:-243px 0;
}
.domBooking .mdl_icon_swap {
	width:44px;
	height:44px;
	background-position:0 -27px;
}
.domBooking .mdl_icon_plusOn {
	width:34px;
	height:34px;
	background-position:-49px -27px;
}
.mdl_icon_plusOff {
	width:34px;
	height:34px;
	background-position:-88px -27px;
}
.domBooking .mdl_icon_minusOn {
	width:34px;
	height:34px;
	background-position:-127px -27px;
}
.domBooking .mdl_icon_minusOff {
	width:34px;
	height:34px;
	background-position:-166px -27px;
}
.domBooking .mdl_icon_possible {
	width:34px;
	height:29px;
	background-position:-205px -27px;
}
.domBooking .mdl_icon_impossible {
	width:34px;
	height:29px;
	background-position:-244px -27px;
}


/*	Compornents
------------------------------*/
/*-- block --*/
/* elmBox */
.domBooking .mdl_elmBox {
	background-color:#e9ecf0;
}
.domBooking .mdl_elmBox_inr {
	display:table;
	width:100%;
	height:44px;
	min-height:44px;
	padding:0 10px;
}
.domBooking .mdl_elmCell {
	display:table-cell;
	vertical-align:middle;
}

/* elmList */
.domBooking .mdl_elmList_head {
	border-top:1px solid #515151;
}
.domBooking .mdl_elmList_head > .inr {
	display:block;
	padding:12px 10px;
	position:relative;
	background-color:#282f39;
	color:#fff;
	font-size:1.6rem;
}
.domBooking .mdl_elmList_head > .inr.close { background-color:#282f39; }
.domBooking .mdl_elmList_head > .inr.open { background-color:#39434f; }
.domBooking .mdl_elmList_item {
	border-top:1px solid #515151;
}
.domBooking .mdl_elmList_item:first-child {
	border-top:none;
}
.domBooking .mdl_elmList_item > .inr {
	display:block;
	padding:12px 10px;
	background-color:#e9ecf0;
	font-size:1.6rem;
}

/*-- txt --*/
.domBooking .mdl_data {
	vertical-align:middle;
	font-size:1.6rem;
}
.domBooking .mdl_data .deno {
	margin-left:2px;
	font-size:1.2rem;
}
.domBooking .mdl_data .year,
.domBooking .mdl_data .mth,
.domBooking .mdl_data .day,
.domBooking .mdl_data .per {
	font-size:1.8rem;
}
.domBooking .mdl_data .DoW {
	font-size:1.2rem;
}
.domBooking .mdl_data .pre {
	margin-right:5px;
	font-size:1.2rem;
}
.domBooking .mdl_data .suf {
	margin-left:5px;
	font-size:1.2rem;
}
.domBooking .mdl_data .unSelect {
	color:#a9a9a9;
}

/*-- btn --*/
.domBooking .mdl_compBtn {
	display:block;
	width:84%;
	margin:0 auto;
	padding:16px 30px 14px;
	background-color:#2d2d2d;
	position:relative;
	text-align:center;
	color:#fff;
	font-weight:bold;	
}
.domBooking .mdl_compBtn:after {
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

/*-- input --*/
.domBooking .mdl_radioWrap {
	position:relative;
	height:48px;
	line-height:48px;
}
.domBooking .mdl_radioWrap input[type="radio"] {
	-webkit-appearance:none;
	width:12px;
	height:12px;
	border:none;
	border-radius:6px;
	position:absolute;
	top:50%;
	left:14px;
	margin-top:-6px;
	background-color:#e9ecf0;
}
.domBooking .mdl_radioWrap input[type="radio"]:checked {
	background-color:#3a4450;
}
.domBooking .mdl_radioWrap input[type="radio"]:before {
	content:"";
	display:block;
	width:20px;
	height:20px;
	border:2px solid #3a4450;
	border-radius:10px;
	position:absolute;
	top:-4px;
	left:-4px;
	background-color:transparent;
}
.domBooking .mdl_radioWrap label {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0 10px 0 40px;
}


/*	Unique
------------------------------*/
/*-- main --*/
.domBooking .mdl_airportSet {
	position:relative;
}
.domBooking .mdl_airportSet_swap {
	position:absolute;
	top:50%;
	right:4px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.domBooking .mdl_detailSet_head {
	height:40px;
	line-height:40px;
	padding:0 5px;
	position:relative;
	color:#fff;
}
.domBooking .mdl_detailSet_head:after {
	right:5px;
}
.domBooking .mdl_detailSet_head.close {
	border-bottom:1px solid rgba(255,255,255,0.6);
}
.domBooking .mdl_detailSet_body {
	overflow:hidden;
}
.domBooking .mdl_detailSet .mdl_elmBox.time,
.domBooking .mdl_detailSet .mdl_elmBox.fare {
	width:48%;
	-webkit-width:calc(50% - 5px);
	width:calc(50% - 5px);
}
.domBooking .mdl_detailSet .mdl_elmBox.time {
	float:left;
}
.domBooking .mdl_detailSet .mdl_elmBox.fare {
	float:right;
}
.domBooking .mdl_detailSet .mdl_data {
	font-size:1.4rem;
	vertical-align:baseline;
}
.domBooking .mdl_discSkynext {
	background-color:rgba(255,255,255,0.1);
	border-top:1px solid rgba(255,255,255,0.2);
	border-left:1px solid rgba(255,255,255,0.2);
}
.domBooking .mdl_discSkynextInr {
	display:block;
	padding:9px 10px 10px 9px;
	color:#fff;
	font-size:12px;
}

/*-- airportPanel --*/
.domBooking .airportPanel .mdl_layer_head {
	border-bottom:none;
}

/*-- peoplePanel --*/
.domBooking .peoplePanel .mdl_elmList {
	border-bottom:1px solid #515151;
}
.domBooking .peoplePanel .mdl_elmBox_inr {
	table-layout:fixed;
	min-height:50px;
	padding-right:15px;
}
.domBooking .peoplePanel .mdl_elmCell.cell_icon {
	width:32px;
}
.domBooking .peoplePanel .mdl_elmCell.cell_btn {
	width:49px;
	text-align:right;
}

/*-- timePanel --*/
.domBooking .timePanel .mdl_elmList {
	border-bottom:1px solid #515151;
}

/*-- farePanel --*/
.domBooking .farePanel .mdl_radioWrap .mdl_icon_possible,
.domBooking .farePanel .mdl_radioWrap .mdl_icon_impossible {
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-14px;
}

/*-- calendarPanel --*/
.domBooking .mdl_calFixedHead{
z-index: 10;
background: #dadde2;
}
.domBooking .mdl_calFixedHead .mdl_elmBox.dateBox { background-color:#282f39; color:#a9a9a9; }
.domBooking .mdl_calFixedHead .mdl_elmBox.dateBox .mdl_elmBox_inr.col2 { height:38px; padding:0 8px;box-sizing: border-box;}
.domBooking .mdl_calFixedHead .mdl_elmBox.dateBox .mdl_elmBox_inr.col2 .mdl_elmCell { padding:6px 0 7px; }
.domBooking .mdl_calFixedHead .mdl_elmBox.dateBox .mdl_data .entering { color:#fff; font-size:1.4rem; }
.domBooking .mdl_calFixedHead .mdl_elmBox.dateBox .mdl_data .year { font-size:1.2rem; }
.domBooking .mdl_elmBox_inr.col2 .mdl_elmCell{
width: 50%;
}
.domBooking .mdl_calWrap {
width:100%;
position:relative;
background: #fff;
padding: 119px 0 114px;
}
.domBooking .mdl_calBox {
display:block;
}
.domBooking .mdl_calBox_head {
height:51px;
position:relative;
}
.domBooking .mdl_calBox_mth {
line-height:51px;
text-align:center;
font-size:1.6rem;
font-weight:bold;
}
.domBooking .mdl_calBox_navItem {
position:absolute;
top:0;
}
.domBooking .mdl_calBox_navItem a {
display:table-cell;
vertical-align:middle;
width:44px;
height:44px;
text-align:center;
}
.domBooking .mdl_calBox_navItem .mdl_calBox_navIcon {
display:inline-block;
width:8px;
height:12px;
background-image:url(/commonY15/img/sprite/icons_utility.png);
background-repeat:no-repeat;
background-size:250px 250px;
}
.domBooking .mdl_calBox_navItem.prev { left:0; }
.domBooking .mdl_calBox_navItem.next { right:0; }
.domBooking .mdl_calBox_navItem.prev .mdl_calBox_navIcon { background-position:-13px -17px; }
.domBooking .mdl_calBox_navItem.next .mdl_calBox_navIcon { background-position:0 -17px; }
.domBooking .mdl_calBox_navItem.prev.unSelect .mdl_calBox_navIcon {	background-position:-13px -34px; }
.domBooking .mdl_calBox_navItem.next.unSelect .mdl_calBox_navIcon {	background-position:0 -34px; }

.domBooking .mdl_calTbl {
table-layout:fixed;
}
.domBooking .mdl_calTbl th,
.domBooking .mdl_calTbl td {
text-align:center;
line-height:1.2;
}
.domBooking .mdl_calTbl td:empty{
border: 0;
}
.domBooking .mdl_calTbl th {
vertical-align:middle;
height:30px;
border-bottom:1px solid #bdc0c4;
background-color:#dadde2;
}
.domBooking .mdl_calTbl td {
border: 1px solid #e9ecf0;
}
.domBooking .mdl_calTbl td .inr {
display:block;
padding:16px 0;
position:relative;
background-color:#fff;
}
.domBooking .mdl_calTbl td .edge {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
margin-top:-20px;
font-size:1.0rem;
}
.domBooking .mdl_calWrap .mdl_compBtn{
opacity: 0.3;
}

.domBooking .mdl_calFixedBtm{
width: 100%;
position: fixed;
bottom: 20px;
z-index: 10;
}
.domBooking .mdl_compBtn.mdl_btn_disabled,
.domBooking [class^="btn"].mdl_btn_disabled,
.domBooking [class*=" btn"].mdl_btn_disabled {
opacity: 0.3;
}
.domBooking .mdl_calWrap .mdl_compBtn a{
display: block;
width: 84%;
margin: 0 auto;
padding: 16px 30px 14px;
background-color: #2d2d2d;
position: relative;
text-align: center;
color: #fff;
font-weight: bold;
}
/* color */
.domBooking .mdl_calTbl th:nth-of-type(7),
.domBooking .mdl_calTbl td:nth-of-type(7) .inr {
color:#0e5f9e;
}
.domBooking .mdl_calTbl td:nth-of-type(1) .inr.unSelect,
.domBooking .mdl_calTbl td.holiday .inr.unSelect {
color:#daa1a7;
}
.domBooking .mdl_calTbl td:nth-of-type(7) .inr.unSelect {
color:#97aec9;
}
.domBooking .mdl_calTbl th:nth-of-type(1),
.domBooking .mdl_calTbl td:nth-of-type(1) .inr,
.domBooking .mdl_calTbl td.holiday .inr {
color:#ca3540;
}
.domBooking .mdl_calTbl td .inr.unSelect {
background-color:#e9ecf0;
color:#999;
}
.domBooking .mdl_calTbl td .inr.unSelect .edge {
color:#999;
}
.domBooking .mdl_calTbl td .inr.act {
background-color:#d1666e;
color:#fff;
}
/*  */
.mdl_tglSwitch {
display:table;
table-layout:fixed;
width:100%;
height:44px;
min-height:44px;
padding:5px;
}
.mdl_tglSwitch > label {
display:table-cell;
vertical-align:middle;
width:50%;
text-align:center;
color:#a9a9a9;
font-size:1.4rem;
line-height:1.2;
padding: 0 5px;
}
.mdl_tglSwitch > input[type="radio"] {
background:transparent;
}
.mdl_tglSwitch > input[type="radio"]:checked + label {
background-color:#d8dbdf; color:#333;
}

.domBooking .mdl_icon_class{
width: 22px;
height: 22px;
background-position: 4px -72px;
}
.domBooking .depDate .def,
.domBooking .arrDate .def{
color: #a9a9a9;
margin-left: 5px;
}
.domBooking .arrDate .mdl_elmCell{
position: relative;
}
.domBooking .arrDate .mdl_elmCell:before{
content: "";
width: 89%;
width: calc(100% - 35px);
height: 1px;
background: #848484;
display: inline-block;
position: absolute;
top: 0;
left: 33px;
}
.domBooking .arrDate .mdl_icon_calendar{
background: none;
}
.domBooking .mdl_calTbl td.start .inr,
.domBooking .mdl_calTbl td.end .inr {
background-color: #d1666e;
color: #fff;
position: relative;
}
.domBooking .mdl_calTbl td.interval .inr {
background-color: #ebc8cc;
}
.domBooking .mdl_calTbl td.start .inr:before,
.domBooking .mdl_calTbl td.end .inr:after {
content: "";
display: block;
width: 7px;
height: 40px;
background-image: url(/commonY15/img/modules/dom/sprite/icons_booking.png);
background-repeat: no-repeat;
background-size:278px auto;
position: absolute;
top: 50%;
margin-top: -21px;
}
.domBooking .mdl_calTbl td.start .inr:before {
left: 3px;
background-position: -20px -72px;
}
.domBooking .mdl_calTbl td.end .inr:after {
right: 3px;
background-position: -28px -72px;
}