/*外框架*/
.order_wrap .content_bg{
	position: relative;
	width: 100%;
	padding: 40px 0 50px;
	background: #f9f9f9;
}
.order_wrap .content_bg:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top:-90px;
	height: 90px;
	width: 100%;
	background: url(../../images/triangle.png) no-repeat top left;
	background-size: 100% 100%;
}

/*___________________STEP_________________*/
.order_wrap ol.step{
    margin: auto;
    text-align: center;
    padding: 50px 0 110px ;
    background: #fff;
}
.order_wrap ol.step li{
	display: inline-block;
	vertical-align: middle;
}
.order_wrap ol.step li + li {
	margin-left: 110px;
}
.order_wrap ol.step span{
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #ccc;
	line-height: 80px;
	font-size: 38px;
	color: #fff;
	font-family: 'Acme', sans-serif;
	margin-bottom: 25px;
	position: relative;
	border:6px solid #fff;
	box-sizing: content-box;
}
.order_wrap ol.step li + li span:before{
	content: '';
	display: inline-block;
	width: 126px;
	height: 7px;
	background: rgba(204, 204, 204, 0.5);
	position: absolute;
	right: 100%;
	top: 45%;

}
/*現在位置*/
.order_wrap ol.step li.step01 span{
	background: #6abbce;
	border:6px solid #d7f0f4;
}
.order_wrap ol.step li.step01 + li span:before{
	background: rgba(215, 240, 244, 0.5);
}

/*___________________訂購流程_________________*/

/*共用*/
.order_wrap .mainTitle{
	width: 100%;
	color: #287399;
	font-weight: bolder;
	font-size: 20px;
	background: rgba(135, 186, 222, 0.5);
	padding:15px 0 15px 30px;
	box-sizing: border-box;
	margin-bottom: 25px;
}

/*行程訂購單---------------*/
.order_wrap .buyItem {
	margin-bottom: 20px;
}
.order_wrap .buyItem  p.list {
	line-height: 1.3;
	margin-bottom: 25px;
}
.order_wrap .buyItem  p.list:before{
    content: "▸";
    display: inline-block;
    padding: 0 20px 0 30px;	
    font-size: 24px;
    color: rgba(135, 186, 222, 0.5);
}
/*費用明細*/
.order_wrap .buyItem .css_table{
	display: table;
	width: 100%;
}
.order_wrap .buyItem .css_thead, .order_wrap .buyItem .css_tr{
	display: table-row;
}
/*表頭*/
.order_wrap .buyItem .css_thead{
	color: #fff;
	background: #87bade;
}
.order_wrap .buyItem .css_thead .css_td{
	padding: 10px 0;
}
.order_wrap .buyItem .css_td{
	display: table-cell;
	text-align: center;
}
/*每列*/
.order_wrap .buyItem .css_tr .css_td{
	padding: 15px 0;
}
.order_wrap .buyItem .css_tr + .css_tr .css_td{
	border-top: 1px solid #e2e0e0;
}
.order_wrap .buyItem .css_tr:last-child .css_td{
	border-bottom: 1px solid #87bade;
}
/*類型*/
.order_wrap .buyItem .css_table .type{
	text-align: left;
	line-height: 1.3;
	padding: 10px 0 10px 20px;
}
.order_wrap .buyItem .css_table .type span.block{
	display: block;
	font-size: 15px;
	color: #ff5858;
}

/*總計*/
.order_wrap .buyItem .buyDetail .total{
	text-align: right;
}
.order_wrap .buyItem .buyDetail .total span{
	font-size: 1.5em;
	color: #333333;
	font-weight: 600;
	min-width: 120px;
	display: inline-block;
}
.order_wrap .buyItem .buyDetail #totalAfterDiscount span{
	color: #dc3644;
	font-size: 1.5em;
	font-weight: 600;
	min-width: 120px;
	display: inline-block;
}

.campaignDiscountAmount {
	font-family: 'Times New Roman', 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Apple LiGothic', 'Heiti TC', 'LiHei Pro', Arial, 'PMingLiU', sans-serif;
	color: #dc3644;
	font-size: 1.5em;
	font-weight: 600;
	display: inline-block;
}
 /*手機板的文字*/
 #tag-phone{
 		display:none;
 		
 	
 }

/*訂單資訊---------------*/
.order_wrap .orderInfo + .orderInfo:before {
    content: "";
    display: block;
    width: 98%;
    margin: auto;
    top: -20px;
    position: relative;
    height: 2px;
    background: #fff;
    border-bottom: 1px inset rgba(224, 224, 224, 0.46);
}
.order_wrap .orderInfo .note{
	padding: 10px 0 20px 20px;
	color: #d34a4a;
	font-size: 22px;
}
.order_wrap .orderInfo .note > p{
	padding: 15px 0 0 10px;
	font-size: 14px;
}

.order_wrap .orderInfo .form {
	width: 94%;
	margin: auto;
	box-sizing: border-box;
	font-size: 0;
}

/*占一行*/
.order_wrap .orderInfo .row{
	/* width: 100%; */
}
/*占半行*/
.order_wrap .orderInfo .half-row{
	width: 50%;
	display: inline-block;
}
.order_wrap .orderInfo .half-row{
	font-size: 16px;
	position: relative;
	margin-bottom: 15px;
	vertical-align: top;
}
.order_wrap .orderInfo .row:after, .order_wrap .orderInfo .half-row:after{
	content: '';
    display: block;  
    height: 0;  
    clear: both; 
}

.order_wrap .orderInfo .question{
	width: 120px;
    position: absolute;
    top: 0;
    left: 0;
    padding:10px 0; 
}
.order_wrap .orderInfo .answer{
	width: 100%;
	padding: 0 30px 0 120px;
	float: left;
	box-sizing: border-box;
}
/*必填提醒*/
.order_wrap .orderInfo em{
	color: #d34a4a;
	font-size: 20px;
}

.order_wrap .orderInfo .form .answer > input{
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	font-size: 16px;
    padding-left: 8px;
    box-sizing: border-box;
}
.order_wrap .orderInfo .form .answer input.w35{
	width: 35%;
}
.order_wrap .orderInfo .form .answer input.w65{
	width: 63%;
	float: right;
}

.order_wrap .radioSty li {
    line-height: 40px;
    float: left;
    margin-right: 20px;
}
.order_wrap .radioSty:after{
    content: "";
    display: block;  
    height: 0;  
    clear: both; 
}
.order_wrap .orderInfo .form textarea, .order_wrap .orderInfo .form select{
	width: 100%;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	font-size: 16px;
	box-sizing: border-box;
}
.order_wrap .orderInfo .form select{
	height: 40px;
    padding: 0px 0px 0px 8px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../../images/icon/select_icon.jpg) no-repeat right center;
	background-size: contain;
	margin-bottom: 10px;
}

/*180724-新增接送資訊 css start*/
.clockpicker > input, .twzipcode input, .twzipcode div > input {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  padding-left: 8px;
  box-sizing: border-box;
}

.twzipcode div:nth-child(1) {
  width: 20%;
  display: inline-block;
}

.twzipcode div {
  width: 25%;
  display: inline-block;
}

@media (max-width: 600px) {
  .twzipcode div:nth-child(1) {
    width: 100%;
    display: inline-block;
  }
  .twzipcode div {
    width: 100%;
  }
  .twzipcode input, .twzipcode div > input {
    margin-bottom: 10px;
  }
}
/*新增180724-新增接送資訊 css end*/

/*餐食需求*/
.order_wrap select.foodDemand + input {
	display: none;
}
.order_wrap select.foodDemand + input.show{
	display: block;
}

/*付款方式---------------*/
.order_wrap .payment{
	padding-left: 30px;
	margin-bottom: 30px;
}
.order_wrap .payment input, .order_wrap .payment label{
	vertical-align: middle;
}
.order_wrap .payment input{
	margin-right: 5px;
}

/*定型化契約---------------*/
.order_wrap .checkbox{
	padding-left: 30px;
}
.order_wrap #btnAccept,
.order_wrap #btnReadNotes{
	display: inline-block;
	cursor: pointer;
}

/*submit---------------*/
.order_wrap .btnG{
	text-align: center;
	margin:35px auto 15px; 
}
.order_wrap .contractModal .contract a{
	/* padding: 20px 60px; */
	/* display: inline-block; */
	/* margin:30px 15px 20px; */
	/* color: #fff; */
	/* border-radius: 5px; */
	background: #ffef00;
	/* text-decoration: none; */
	padding: 0 5px;
}
.order_wrap .btnG a{
  	-webkit-transform: perspective(1px) translateZ(0);
 	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.order_wrap .btnG a:hover, 
.order_wrap .btnG a:focus, 
.order_wrap .btnG a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.order_wrap .btnG a.btnSubmit{
	background: #f857a6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ff5858, #f857a6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ff5858, #f857a6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
}

/*契約MODAL---------------*/
.order_wrap .contractModal{
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1055;
	display: none;
	transition: .5s;
	backdrop-filter: blur(4px);
}
/*show modal*/
.order_wrap .contractModal.show{
	display: block;
}
.order_wrap .contractPapper{
	width: 90%;
	margin:50px auto 0; 
	height: 100%;
	position: relative;
}
.order_wrap .contract{
	background: #fff;
	height: 70%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 20px;
}
.order_wrap .contractModal .btnRead{
	text-align: center;
}

.order_wrap .contractModal a:before{
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2f9cab;
  height: 8px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.order_wrap .contractModal a:hover:before, 
.order_wrap .contractModal a:focus:before, 
.order_wrap .contractModal a:active:before {
  left: 0;
  right: 0;
}
/*固定底層*/
body.modalOn{
	overflow: hidden;
}

/*訂購頁面，選填收合*/
.order_wrap .hrLine{
    width: 98%;
    color: #fff;
    background: rgba(102, 154, 193, 0.75);
    padding: 10px 0;
    border-radius: 3px;
    margin: 5px auto;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    transition: .5s;
    line-height: 22px;
}
.order_wrap .hrLine:hover {
    background: rgba(102, 154, 193, 1);
}
.order_wrap .form_frame.choose{
    display: none;
}



/* 訂購流程-第二種-美國訂房方式 ==================*/
.forStep01_v2{
	background: #fff;
	margin-top: 0;
}
.forStep01_v2 .content_bg{
	background: inherit;
}
.forStep01_v2 .content_bg:before{
	display: none;
}
.forStep01_v2 ol.step{
    padding: 50px 0 30px;
}
.forStep01_v2 .mobile_side{
	display: none;
}
/* 左右side */
.forStep01_v2 .container{
	width: 96%;
	font-size: 0;
}
.forStep01_v2 .container .font,
.forStep01_v2 .btnG{
	font-size: 18px;
}
.forStep01_v2 .Lside,.forStep01_v2 .Rside{
	display: inline-block;
	vertical-align: top;
}
.forStep01_v2 .Lside{
	width: 65%;
}
.forStep01_v2 .Rside{
	width: 35%;
}
/* 左側 Ｌ*/
.forStep01_v2 .roomNum{
    padding: 0px 0 10px 30px;
	color: #287399;
}
.forStep01_v2 .roomNum i{
	font-size: 24px;
	padding: 0 5px;
	cursor: pointer;
}
.forStep01_v2 .roomNum span{
	display: inline-block;
	padding: 7px 20px;
	border: 1px solid #87BADE;
}
.order_wrap .orderInfo .room{
	position: relative;
	border:1px solid #6abbce;
	font-size: 16px;
    margin: 10px 15px 10px 15px;
}
.order_wrap .room .mark{
	background: #6abbce;
	color: #fff;
	display: inline-block;
    padding:11px 24px;
    margin-right: 10px;
    font-size: 18px;
}
.order_wrap .room .group{
	display: inline-block;
	position: relative;
	width: calc( 100% - 120px );
}
.order_wrap .room select{
	font-size: 16px;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../../images/icon/select_icon.jpg) no-repeat right center;
    background-size: contain;
    width: 50px;
    padding: 2px 0px 2px 10px;
    border: 1px solid #e6e6e6;
}
.order_wrap .room span.price{
	color: #C1272D;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.forStep01_v2 .orderInfo{
	margin-bottom: 45px;
}
.forStep01_v2 .orderInfo + .orderInfo:before{
	display: none;
}
.forStep01_v2 .person{
	position: relative;
}
.forStep01_v2 .person + .person{
	margin-top: 15px;
}
.forStep01_v2 .person + .person:before{
    content: "";
    display: block;
    width: 96%;
    margin: auto;
    position: relative;
    height: 2px;
    border-top: 1px solid #E6E6E6;
}
/* 右側Ｒ */
.forStep01_v2 .pannel{
	margin-left: 28px;
	border: 1px solid rgba(135, 186, 222, 0.3);
	border-radius: 5px;
	overflow: hidden;
}
.forStep01_v2 .pannel .content{
	padding: 20px 17px;
    margin-top: -25px;
    font-size: 16px;
}
.forStep01_v2 .pannel .content > div{
	margin-bottom: 5px;
}
.forStep01_v2 .pannel .content p{
	line-height: 1.6;
}
.forStep01_v2 .tagStyle{
	display: inline-block;
	padding: 6px;
	color: #fff;
	background: #87BADE;
	border-radius: 2px;
	margin: 5px;
	margin-left: 0px;
}
.forStep01_v2 .pannel .feeTable{
	padding-left: 5px;
	padding-bottom: 5px;
    border-bottom: 1px solid rgba(135, 186, 222, 0.5);
}
.forStep01_v2 .pannel .feeTable span.price{
	float: right;
	color: #4d4d4d;
}
.forStep01_v2 span.price.none{
	display: none;
}
.forStep01_v2 .pannel p.room_name{
	color: #287399;
}
.forStep01_v2 .pannel p.room_detail{
	padding-left: 16px;
}
.forStep01_v2 .pannel .feeTable p{
	position: relative;
}
.forStep01_v2 .pannel .event{
	color: #C1272D;
	margin: 4px 0;
}
.forStep01_v2 .pannel .sp_tag{
	display: inline-block;
	border: 1px solid #C1272D;
	padding: 6px; 
}
.forStep01_v2 .pannel span.list{
	display: inline-block;
	width: 60%;
}
.forStep01_v2 .pannel .event span.price{
	color: #C1272D;
}
.forStep01_v2 .pannel .total{
	text-align: right;
	margin: 15px 0 8px;
	font-size: 18px;
}
/*優惠模組*/
.order_wrap .campaignDiv{
	margin-top: 25px;
	/* padding: 0 25px 0 20px; */
}
.order_wrap .campaignDiv .tag{
	display: inline-block;
	color: #fff;
	background-color: #ca0c25;
	padding: 4px 8px;
	font-size: 15px;
	margin: 5px 0;
}
.order_wrap .campaignDiv .item{
	position: relative;
	margin: 10px 0;
	text-align: right;
}
.order_wrap .campaignDiv .item-left{
	padding-right: 35%;
	line-height: 1.3;
}
.tag-left-ab{

	position: absolute;
	
}
.order_wrap .campaignDiv .item-right{
	position: absolute;
	right: 0px;
    top: 0;
    width:320px;
    text-align: center;
    color: #ca0c25;
}

.verifyCode{
	
	background-color: aquamarine;
	padding: 5px 20px 5px 20px;
	
}

/*_________________________orderStep03________________________*/
/*成功頁*/
.order_wrap .step li.step03 span{
    background: #6abbce url(../../images/icon/face_happy.png) no-repeat center 60%;
    background-size: 60%;
    border: 6px solid #d7f0f4;
}
/*失敗頁*/
.order_wrap ol.step li.fail span{
	background: #6abbce url(../../images/icon/face_sad.png) no-repeat center 50%;
	background-size: 60%;
}
/**/
.order_wrap .orderFinish{
	text-align: center;
	line-height: 2;
	margin:-50px auto 50px;
}
.order_wrap .orderFinish > span{
	display: block;
    font-weight: bolder;
    font-size: 28px;
    color: #d34a4a;
}
.order_wrap .orderFinish > span.needToPay{
	font-weight: normal;
    font-size: 23px;
    margin: 10px 0;
}
.order_wrap .orderFinish > span.needToPay img{
	width: 32px;
    vertical-align: middle;
    margin-right: 5px;
}
.order_wrap .orderFinish .btn{
	margin-top: 35px;
}
.order_wrap .orderFinish .btn li{
    display: inline-block;
    margin: 0 20px;
    width: 220px;
}
.order_wrap .orderFinish .btn li a{
	padding: 10px 0;
    display: block;
    border-radius: 5px;
    font-size: 16px;
  	-webkit-transform: perspective(1px) translateZ(0);
	color:white;
 	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	/* background: #f857a6;  
	background: -webkit-linear-gradient(to right, #ff5858, #f857a6); 
	background: linear-gradient(to right, #ff5858, #f857a6);  */
}
.order_wrap .orderFinish .btn li a:hover, 
.order_wrap .orderFinish .btn li a:focus, 
.order_wrap .orderFinish .btn li a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*fb*/
.order_wrap .orderFinish .btn .fb a{
    background: #518aba;
}
.order_wrap .orderFinish .btn .fb a span {
    background: url(../../images/icon/icon_fb.jpg) no-repeat top left;
    background-size: contain;
    padding-left: 25px;
}
.order_wrap .orderFinish .btn .contact a{
	background: #46a1c1;
}

/*______________________________RWD__________________________________________*/
@media (max-width: 1024px){
/*訂單資訊---------------*/
.forStep01_v2 .orderInfo .half-row{
	width: 100%;
}
.forStep01_v2 .orderInfo .answer{
	padding: 0 0px 0 120px;
}


}


@media (max-width: 970px){
.forStep01_v2 .Lside{
	width: 100%;
}
.forStep01_v2 .Rside{
	width: 600px;
	display: block;
	margin: 50px auto 0; 
}
.forStep01_v2 .pannel{
	margin-left: 0;
    border: 1px solid rgba(135, 186, 222, 0.75);
}	

/*行程名稱*/
.forStep01_v2 .mobile_side{
	display: block;
	margin-bottom: 20px;
	font-size: 16px;
}
.forStep01_v2 .mobile_side > div{
	position: relative;
	margin-bottom:8px; 
}
.forStep01_v2 .mobile_side .indent{
	padding-left: 90px;
	line-height: 28px;
}
.forStep01_v2 .mobile_side .tagStyle{
	width: 80px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	box-sizing: border-box;
	padding: 6px 0;
	text-align: center;
}


}

@media (max-width: 991.98px){
.order_wrap ul.order li:hover,.order_wrap  ul.order li:active{
	background: rgb(94, 161, 177);
}
.forStep01{
    margin-top: 100px;
}
/*訂單資訊---------------*/
.order_wrap .orderInfo .half-row{
	width: 100%;
}
.order_wrap .orderInfo .answer{
	padding: 0 0px 0 120px;
}


}

@media (max-width: 600px){

.order_wrap .container{
	font-size: 16px;
}

/*___________________STEP_________________*/
.order_wrap ol.step li + li {
	margin-left: 40px;
}
.order_wrap ol.step span{
	width: 60px;
	height: 60px;
	line-height: 60px;
}
.order_wrap ol.step li + li span:before{
	width: 56px;
}


/*___________________訂購流程_________________*/

/*行程訂購單---------------*/
.order_wrap .buyItem  p.list {
	position: relative;
	padding-left: 20px;
}

.order_wrap .buyItem  p.list:before{
    padding: 0px 10px 0 0px;
    position: absolute;
    line-height: 18px;
    top: 0;
    left: 0;
}

/*表頭*/
.order_wrap .buyItem .css_td{
	width: calc( 100% / 3);
}
/*每列*/
.order_wrap .buyItem .css_table .type{
	padding: 10px 0 10px 5px;
}
.order_wrap .buyItem .css_tr .count,
.order_wrap .buyItem .css_tr .sum{
	padding: 20px 0px;
}
/*費用明細*/
.order_wrap .buyItem .buyDetail{
	/* width: calc(100% - 20px); */
	/* margin-left: 20px; */
	/* font-size: 15px; */
}

/*form*/
.order_wrap .orderInfo .note{
	padding: 10px 0 25px 0px;
}

/*訂單資訊*/
.order_wrap .orderInfo .answer{
	padding: 0 0px 0 100px;
}
.order_wrap .orderInfo .form .answer > input,
.order_wrap .orderInfo .form textarea, 
.order_wrap .orderInfo .form select{
	font-size: 14px;
}
/*特殊比例*/
.order_wrap .orderInfo .form .answer input.w35{
	width: 100%;
	margin-bottom: 5px;
}
.order_wrap .orderInfo .form .answer input.w65{
	width: 100%;
	float: none;
}


/*submit---------------*/
.order_wrap .btnG a,
.order_wrap  .contractModal a{
    padding: 16px 30px;
    margin: 30px 8px 20px;
}


/*優惠模組*/
.order_wrap .campaignDiv{
	padding: 0 5px 0 0px;
}
.order_wrap .campaignDiv .item-left{
	padding-right: 50%;
}
.order_wrap .campaignDiv .item-right{
	width:185px;
}

/* 訂購流程-第二種-美國訂房方式 ==================*/
.forStep01_v2 .container{
	width: 92%;
}
.forStep01_v2 .roomNum{
    padding: 0px 0 10px 15px;
}
.forStep01_v2 .Rside{
	width: 100%;
}
.forStep01_v2 .container .font, .forStep01_v2 .btnG{
	font-size: 16px;
}
.order_wrap .orderInfo .room{
	font-size: 14px;
	margin: 10px 0;
}
.order_wrap .room .mark{
	padding: 11px 13px;
	display: block;
	margin-right: 0;
}
.order_wrap .room .group{
	width: 90%;
    margin: 5px auto;
    display: block;
}
.order_wrap .room span.price{
	right: -5px;
}
.forStep01_v2 .orderInfo .note{
	font-size: 18px;
}
.order_wrap .room span.price{
	top: -150%;
    transform: translateY(20%);
    font-size: 16px;
}


/*_________________________orderStep03________________________*/
.order_wrap .orderFinish .btn li{
    display: block;
    margin: 0 auto 20px;
}


}

.order_wrap .radioSty li {
  position: relative;
}

.order_wrap input.error, textarea.error, .scroller.error,
.order_wrap input.error:required, textarea.error:required, .scroller.error:required,
.order_wrap input.error_1, .order_wrap .form-select.error_1, textarea.error_1, .scroller.error_1,
.order_wrap input.error_1:required, textarea.error_1:required, .scroller.error_1:required,
.order_wrap input.error_2, textarea.error_2, .scroller.error_2,
.order_wrap input.error_2:required, textarea.error_2:required, .scroller.error_2:required,
.order_wrap input.error_3, textarea.error_3, .scroller.error_3,
.order_wrap input.error_3:required, textarea.error_3:required, .scroller.error_3:required,
.order_wrap input.error_4, textarea.error_4, .scroller.error_4,
.order_wrap input.error_4:required, textarea.error_4:required, .scroller.error_4:required {background: url(../../../../images/exclamation_mark.png) no-repeat right 5px center;background-size: 20px 20px; background-color: #fff;}
.select.error select,
.select.error_1 select,
.select.error_2 select,
.select.error_3 select,
.select.error_4 select {background: url(../../../../images/exclamation_mark.png) no-repeat right 20px center;background-size: 20px 20px; background-color: #fff;}
.order_wrap input[type="checkbox"]+label.error:after, .order_wrap input[type="radio"]+label.error:after,
.order_wrap input[type="checkbox"]+label.error_1:after, .order_wrap input[type="radio"]+label.error_1:after,
.order_wrap input[type="checkbox"]+label.error_2:after, .order_wrap input[type="radio"]+label.error_2:after,
.order_wrap input[type="checkbox"]+label.error_3:after, .order_wrap input[type="radio"]+label.error_3:after,
.order_wrap input[type="checkbox"]+label.error_4:after, .order_wrap input[type="radio"]+label.error_4:after,
.quantity_btn label.error_1:after {
    background: url(../../../../images/exclamation_mark.png) no-repeat left center;
    background-size: 20px 20px;
    background-color: #fff;
    display: block;
    width: 20px; 
    height: 20px;
    content:"";
    position: absolute;
    margin-left: -10px;
    margin-top: -40px;
}

/*新增180817-新增滑雪活動 css start*/
.tab-wrap {
	margin: 0 auto;
}

.tab-wrap.show-tab1 .tab1 {
	display: block;
}

.tab-wrap.show-tab2 .tab2 {
	display: block;
}

.tab1,
.tab2 {
	display: none;
}

.tab-item {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 270px;
	border: 0;
	position: relative;
	background: #c4eff9;
	background: linear-gradient(to bottom, #c4eff9 0%, #ffffff 70%);
	margin-top: 10px;
}

.left-block .l-title {
	width: 130px;
	padding: 10px;
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	border-radius: 0 5px 5px 0;
	background-color: #588d9d;
	position: relative;
}

.left-block .lb-img {
	padding: 10px;
	max-width: 220px;
	width: 100%;
	height: auto;
	margin: 20px 0 0 20px;
}

.left-block .lb-img img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.right-block {
	width: 100%;
	padding: 0 0 0 20px;
}

.right-block .r-content-wrap, .right-block .text-wrap {
	padding: 30px;
}

.level-wrap .item {
	width: 10%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}

.level-wrap .item .top {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	text-align: center;
	line-height: 60px;
	margin: 0 auto 10px;
	border: 3px solid #fff;
	font-size: 22px;
}

.level-wrap .item span {
	font-weight: 700;
}

.level-wrap .item .color1 .top {
	border-color: #32b16c;
	color: #32b16c;
}

.level-wrap .item .color1 span {
	color: #32b16c;
}

.level-wrap .item .color2 .top {
	border-color: #00736d;
	color: #00736d;
}

.level-wrap .item .color2 span {
	color: #00736d;
}

.level-wrap .item .color3 .top {
	border-color: #32b16c;
	color: #32b16c;
}

.level-wrap .item .color3 span {
	color: #32b16c;
}

.level-wrap .item .color4 .top {
	border-color: #0075a9;
	color: #0075a9;
}

.level-wrap .item .color4 span {
	color: #0075a9;
}

.level-wrap .item .color5 .top {
	border-color: #03004c;
	color: #03004c;
}

.level-wrap .item .color5 span {
	color: #03004c;
}

.level-wrap .item .color6 .top {
	border-color: #333;
	color: #333;
}

.level-wrap .item .color6 span {
	color: #333;
}

.level-wrap .item.active .color1 .top {
	background-color: #32b16c;
	color: #fff;
}

.level-wrap .item.active .color2 .top {
	background-color: #00736d;
	color: #fff;
}

.level-wrap .item.active .color3 .top {
	background-color: #32b16c;
	color: #fff;
}

.level-wrap .item.active .color4 .top {
	background-color: #0075a9;
	color: #fff;
}

.level-wrap .item.active .color5 .top {
	background-color: #03004c;
	color: #fff;
}

.level-wrap .item.active .color6 .top {
	background-color: #333;
	color: #fff;
}

.text-wrap .text-item {
	display: none;
}

.text-wrap .text-item.on {
	display: block;
}

.text-wrap .text-item .item-inner {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
}

.text-wrap .text-item p {
	font-size: 16px;
	line-height: 26px;
}

@media screen and (max-width: 1024px) {
	.right-block .r-content-wrap, .right-block .text-wrap {
		padding: 30px 10px;
	}
	.level-wrap .item {
		width: 15%;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 768px) {
	.order_wrap .orderInfo .answer.skiing-wrap {
		padding-left: 0;
	}
	.tab-wrap {
		margin: 40px auto;
	}
	.tab-item {
		background: linear-gradient(to top, #c4eff9 0%, #ffffff 45%);
	}
	.right-block .r-content-wrap, .right-block .text-wrap {
		padding: 20px 10px;
	}
	.tab-item {
		height: auto;
	}
	.level-wrap .item {
		width: 30%;
		margin-bottom: 20px;
	}
	.text-wrap .text-item .item-inner {
		font-size: 2.34375vw;
		line-height: 2.86458vw;
		margin-bottom: 10px;
	}
	.text-wrap .text-item p {
		font-size: 2.08333vw;
		line-height: 3.38542vw;
	}
}

@media screen and (max-width: 495px) {
	/*手機板的文字*/
	 	#tag-phone{
	 		display: inline-block;
	 		/* position: absolute; */
	 	}
	 	/*電腦版文字*/
	 	#tag-pc{
	 		
	 		display:none;
	 	
	 	}
	 	#promotionCode {
	 		width: calc(100% - 63px);
	 	}
}
@media screen and (max-width: 425px) {
	.tab-item {
		background: linear-gradient(to top, #c4eff9 0%, #ffffff 70%);
	}
	.left-block {
		padding: 0 20px;
	}
	.left-block .l-title {
		text-align: center;
		border-radius: 0 0 5px 5px;
	}
	.right-block {
		padding: 0;
	}
	.right-block .r-content-wrap, .right-block .text-wrap {
		padding: 20px 10px;
	}
	.tab-item {
		display: block;
		height: auto;
	}
	.level-wrap .item {
		width: 30%;
		margin-bottom: 20px;
	}
	.text-wrap .text-item .item-inner {
		font-size: 4.23529vw;
		line-height: 5.17647vw;
		margin-bottom: 10px;
	}
	.text-wrap .text-item p {
		font-size: 3.76471vw;
		line-height: 6.11765vw;
	}
	.tag-left-ab{
	
	position: inherit;
	}
}

@media screen and (max-width: 375px) {
	.text-wrap .text-item .item-inner {
		font-size: 4.8vw;
		line-height: 5.86667vw;
		margin-bottom: 10px;
	}
	.text-wrap .text-item p {
		font-size: 4.26667vw;
		line-height: 6.93333vw;
	}
	.order_wrap .campaignDiv .item-right {

    width: 182px;

	}
	
 	
}

@media screen and (max-width: 320px) {
	.text-wrap .text-item .item-inner {
		font-size: 5.625vw;
		line-height: 6.875vw;
		margin-bottom: 10px;
	}
	.text-wrap .text-item p {
		font-size: 5vw;
		line-height: 8.125vw;
	}
	.left-block .lb-img {
		margin: 10px 0 0 0;
	}
}

/*新增180817-新增滑雪活動 css end*/


/*新增181122-新增會員登入按鈕 css*/

.signIn {
    position: absolute;
    right: 10px;
    top: 0;
}

.clear{
	
	display: none;
	position: absolute;
	right: 10px;
	top: 0;
}
.clear .btn.btn-primary{
	
	color: #d34a4a;
	background-color: #FFC6D9;
}

/*新增181122-新增會員登入按鈕 css end*/