/* Minification failed. Returning unminified contents.
(193,26): run-time error CSS1031: Expected selector, found '/'
(193,26): run-time error CSS1025: Expected comma or open brace, found '/'
(866,39): run-time error CSS1031: Expected selector, found ','
 */

.banner{width:100%; height:410px; background-size:cover;}
.nobg{display:block;}
.cruisebg{background:url(../images/other/cruise_banner.jpg) no-repeat center top;}
.roombg{background:url(../images/other/room_banner.jpg) no-repeat center top;}
.localbg{background:url(../images/other/local_banner.jpg) no-repeat center top;}
.foodbg{background:url(../images/other/food_banner.jpg) no-repeat center top;}
.experiencesbg{background:url(../images/other/activity_banner.jpg) no-repeat center top;}
.equipmentbg{background:url(../images/other/Experiences_banner.jpg) no-repeat center top;}
.downloadbg{background:url(../images/other/download_banner.jpg) no-repeat center top;}
.newsbg{background:url(../images/other/news_banner.jpg) no-repeat center top;}
.deckbg{background:url(../images/other/deck_banner.jpg) no-repeat center top;}
.parkingbg{background:url(../images/other/parking_banner.jpg) no-repeat center top;}
.registration{height:300px;}
.reg-img{background-image:url(../images/other/registration_banner.jpg);}
.whitebg{background:url(../images/other/white_bg.jpg) repeat;}
.green{color:#4c9200;}
.red{color:#FF0000;}


ul.breadcrumb{padding:20px 0; text-align:right;}
ul.breadcrumb li{display:inline-block; font-size:12px; line-height:12px; color:#666; padding-right:10px; margin-right:10px; border-right:1px solid #666;}
ul.breadcrumb li a{color:#666;}
ul.breadcrumb li a:hover{color:#999;}
ul.breadcrumb li:last-child{margin-right:0; padding-right:0; color:#888; border-right:none;}

ul.btn{text-align:center; margin:3% 0;}
ul.btn li{ display:inline-block; margin-right:5%;}
ul.btn li:last-child{margin-right:0;}
ul.btn li a, ul.btn li input{background:#9889a7; padding:10px 50px; border:none; border-radius:6px; color:#fff; font-size:20px; transition:all 0.5s ease-in-out;} 
ul.btn li a:hover, ul.btn li input:hover{cursor:pointer;}


/* search */
.search{padding-top:8vw;}
.search .s_title{text-align:center; font-size:36px; line-height:32px; color:#fff; letter-spacing:0.7em; white-space:nowrap; text-shadow:0 0 12px rgba(0,0,0,0.7); margin-bottom:1.5vw;}
.search .s_title span{font-size:16px; font-weight:300; letter-spacing:0.07em; text-transform:uppercase;}
.search .s_title::first-letter{padding-left:0.7em;}
.search .s_label{color:#000; text-align:center;}
.search .s_label li{margin-right:10px; display:inline-block;} 
.search .s_label li:last-child{margin-right:0;}
.search .s_label li label{margin-right:3px; float:left; padding:10px 3px; font-size:20px; line-height:20px;}
.search .s_label li .text_basic{background:rgba(255,255,255,0.7); border:0; padding:10px;font-size:16px; color:#000; width:150px;}
.search input.s_btn{background:url(../images/primary/search_btn.svg) no-repeat 30px 7px #ff7e00; background-size:26px 26px; padding:10px 30px 10px 70px; color:#fff; font-size:18px; letter-spacing:0.07em; border:0; cursor:pointer;}
.search input.s_btn:hover{background-color:#c50000;}


/* itinerary */
.itinerary{margin-bottom:30px; border:#e1e1e1 1px solid; box-shadow:inset 0 0 3px rgba(255,255,255,1); background:#e1e1e1; display: -webkit-flex; display: flex;}
.itinerary .trip, .itinerary .right-price{padding:30px;}
.itinerary .trip{-webkit-flex: 3; flex: 3; padding-bottom:0;}
.itinerary .trip h3{font-size:36px; line-height:40px; color:#4c9200; font-weight:bold; margin:0 0 15px 0; padding:0;}
.itinerary .trip h3 a{color:#4c9200; transition:all 0.5s ease-in-out;}
.itinerary .trip h3 a:hover{color:#777; margin-left:2px;}
.itinerary .trip ul.porttext{margin-bottom:10px;}
.itinerary .trip ul.porttext li{display:inline-block; font-size:16px; margin-right:30px;}
.itinerary .trip ul.porttext li:last-child{margin-right:0;}
.itinerary .trip ul.porttext li img{width:7px; height:11px; margin:0 8px;}
.itinerary .trip .docked{margin-bottom:15px; font-size:16px;}
.itinerary .trip .docked span{margin:0 8px;}
.itinerary .trip ul.port li{display:inline-block; width:22.6%; margin:0 2.4% 2.4% 0; font-size:14px; color:#555; text-align:center;}
.itinerary .trip ul.port li img{width:100%; height:auto; border:3px solid #fff; box-shadow: 0 0 7px rgba(0,0,0,0.5); margin-bottom:3px;}
.itinerary .trip ul.port li:nth-child(4n){margin-right:0;}
.itinerary ul.right-price{-webkit-flex: 1; flex: 1; background:#fff;}
.itinerary ul.right-price li{margin-bottom:15px; font-size:14px; text-align:center;}
.itinerary ul.right-price li:first-child{font-size:16px; text-align:left;}
.itinerary ul.right-price li:nth-child(2) strong{font-size:46px; line-height:46px; font-weight:700; font-style:italic; margin:0 12px;text-align:center;}
.itinerary ul.right-price li:nth-child(2) img{width:29px; height:29px;}
.itinerary ul.right-price li:last-child{margin-bottom:0;}
.itinerary ul.right-price li.btn-it{margin:30px 0;}
.itinerary ul.right-price li.btn-it a{padding:10px 50px; color:#fff; font-size:24px; letter-spacing:0.1em;}
.itinerary ul.right-price li.btn-it a:hover{background-color:#9f9e8e;}
.bgcolor-orange{background-color:#ff9600;}
.bgcolor-purple{background-color:#9889a7;}


/* itinerary-tab */
ul.tab{margin:0 0 30px 0; text-align:center;}
ul.tab li{display:inline-block; margin:0 10px 20px 10px; text-align:center;}
ul.tab li a{padding:15px; border-radius:6px; color:#4c9200; background:#fff; border:#4c9200 1px solid; font-size:20px; line-height:20px; display:block;}
ul.tab li a:hover{background:#4c9200; color:#fff;}
ul.tab li.current a{background:#4c9200; color:#fff; position:relative;}
ul.tab li.current a:after{content:""; position:absolute; border-color: #4c9200 transparent transparent; border-style: solid solid solid; border-width: 10px; bottom: -20px; left: 45%; width:0; height: 0;}
ul.tab li.promotion a, ul.tab li.current.promotion a{background:#ff0000; border-color:#ff0000; color:#fff;}
ul.tab li.current.promotion a:after{border-color: #ff0000 transparent transparent;}
.dropdown{display:none;}
ul.style-purple li a{padding:15px 40px; color:#9889a7; border-color:#9889a7;}
ul.style-purple li a:hover{background:#9889a7;}
ul.style-purple li.current a{background:#9889a7;}
ul.style-purple li.current a:after{border-color: #9889a7 transparent transparent;}


/* itinerary-list */
.table-img{margin:40px 0 10px; text-align:center;}
.table-img img{max-width:100%; height:auto;}
.itinerary-table{background:#fff; padding:30px; box-shadow:0 0 9px rgba(0,0,0,0.5); width:100%; margin:40px auto;}
.itinerary-table th,td{padding:8px; font-size:18px; text-align:center; border-bottom:1px solid #c8c8c8; border-width:0 0 1px 0 !important;}
.itinerary-table thead th{letter-spacing:0.07em;}
.itinerary-table tbody td.trip-name{/*text-align:left;*/}
.itinerary-table tbody td.trip-name a{color:#003cff; transition:all 0.5s ease-in-out;}
.itinerary-table tbody td.trip-name a:hover{margin-left:2px;}
.itinerary-table tbody tr:last-child td{border-bottom:none;}
.trip-price{font-weight:bold; font-size:24px; font-family:Arial, sans-serif;}
.order-btn a{color:#ab69d5; font-size:18px; border-radius:5px; padding:7px 8px 7px 40px; background:url(../images/other/order-icon.svg) no-repeat 8px 7px; background-size:24px 23px;}

.sold-out{color:#666; font-size:18px; background:url(../images/other/sold-out-icon.svg) no-repeat 23% 3px; background-size:20px 20px; padding-left:26px;}
.footable-detail-row .footable-details.itinerary-table{box-shadow:none; background:#ecf8cd; margin:0; padding:10px;}
.footable-detail-row .footable-details.itinerary-table tbody tr:last-child th{border-bottom:none;}
.footable-detail-row .footable-details.itinerary-table tbody th{background:#dde9bb; border-bottom-color:#fff; text-align:left; width:70px;}
.footable-detail-row .footable-details.itinerary-table tbody td{border-color:#d6e1b7; text-align:left;}


/* registration */
.registration-block{/*margin-bottom:20px;*/}
.registration-block .reg-title{text-align:center; position:relative; width:500px; margin:0 auto 20px auto; font-size:24px; letter-spacing:0.3em;}
.registration-block .reg-title::first-letter{padding-left:0.3em;}
.registration-block .reg-title:before, .registration-block .reg-title:after{position:absolute; width:99px; height:7px; top:-5px;}
.registration-block .reg-title:before{content:url(../images/index/line_left.svg); left:0;}
.registration-block .reg-title:after{content:url(../images/index/line_right.svg); right:0;}
.registration-block form{width:100%; margin:auto; padding-bottom:40px;}
.registration-block .reg-title.m_t{margin-top:40px;}
.registration-block form .half{margin-bottom:8px;}
.registration-block form .row{margin-bottom:8px; color:#444; background:#f0f0f0;}
.registration-block form .half .row{margin-bottom:0; width:49.7%;}
.registration-block form .half .row:nth-child(odd){float:left;}
.registration-block form .half .row:nth-child(even){float:right;}
.registration-block form .half .row label.item{width:30.2%;}
.add_cabin{padding:16px; border:1px solid #dbdbdb; margin-bottom:20px !important; background:#fff;}
.registration-block form .row label.item{width:15%; padding:10px; letter-spacing:0.07em; background:#b2aeb6; float:left; color:#fff; border-right:4px #fff solid; font-size:18px;}
.registration-block form .row:nth-last-child(2) img{vertical-align:middle; margin-left:10px;}
.registration-block form .text_basic{background:#fff; border:1px #aaa solid; border-radius:6px;/* box-shadow:inset 0 2px 8px 0 rgba(0,0,0,0.2);*/ margin:9px 1% 8px 1%; padding:4px 10px; line-height:22px; font-size:16px;}
.registration-block form .no_input{margin-left:1%; padding:5px 10px; display:inline-block; font-size:16px; width:68.8%; margin-top:6px;}
.registration-block form .no_input .text_basic{padding:4px 10px; margin:0 1%;}
.registration-block form .sex{display:inline-block; width:auto;}
.registration-block form .tips{width:100%; padding:15px; border:1px solid #aaa; margin:15px 0 40px 0;}
.reg_voyagename{font-size:22px !important; font-weight:bold; color:#3d76f9; line-height:22px;}
.people{font-size:15px; font-weight:700; margin:0 3px;}
.blue-fonts{color:#3d76f9;}
.red-fonts{color:#FF0000;}
.total{font-size:28px !important; line-height:24px; font-weight:700; margin-right:7px;}
.w8{width:8.5%;}
.w12{width:12%;}
.w15{width:15%;}
.w20{width:20%;}
.w30{width:30%;}
.w45{width:45%;}
.w50{width:50%;}
.w65{width:65%;}
.w82{width:82.5%;}
.w97{width:97.5%;}
.w100{width:100%;}
.h120{height:120px;}
.cabin-type{margin-bottom:10px; color:#3A81FF; font-size:24px; font-weight:bold;}
.cabin-type img{/*vertical-align:middle; */margin-right:6px; width:20px; height:19px;}
/*.cabin-type .add_person{float:right; font-size:16px;}
.cabin-type .add_person a{color:#9889a7; position:relative; transition:all 0.5s ease-in-out;}
.cabin-type .add_person a:before, .cabin-type .add_person a:after{position:absolute; background:#9889a7; content:""; transition:all 0.5s ease-in-out;}
.cabin-type .add_person a:before{right:68px; top:10px; width:15px; height:2px;}
.cabin-type .add_person a:after{right:74px; top:4px; width:2px; height:15px;}
.cabin-type .add_person a:hover{color:#3A81FF;}
.cabin-type .add_person a:hover:before, .cabin-type .add_person a:hover:after{background:#3A81FF;}
.delete-icon{width:100%;}
.delete-icon img{width:100%; height:auto;}
.reg-table{width:100%; margin-bottom:20px;}
.reg-table th,td{padding:8px; font-size:16px; text-align:center; border-bottom:1px solid #c8c8c8;}
.reg-table thead th{letter-spacing:0.07em; background:#b2aeb6; color:#fff;}
.reg-table tbody td .text_basic{ margin:5px 0;}*/
.cabin-type .extend{display:none;}
.add_cabin .person{float:right; font-size:14px; width:130px; text-align:right;}
.add_cabin .person .text_basic{font-weight:normal;}
.add_cabin .traveler{margin-bottom:15px; font-weight:normal;}
.add_cabin .traveler .t_num{font-size:16px; font-weight:700; color:#000; margin-bottom:10px;}
.add_cabin .traveler .row{background:none; font-size:16px;}
.add_cabin .traveler .row label.item{font-size:16px; padding:6px 10px; width:17%;}
.add_cabin .traveler .row .text_basic{margin-top:2px; margin-bottom:0;}

.add_item{padding:15px 15px 5px 15px; background:#f0f0f0; margin:15px 0 30px 0;}
.add_item .item-title{font-size:16px; margin-bottom:10px; cursor:pointer; 
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-name: blink; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: blink;
    animation-duration: 0.5s;}
.add_item .item-title.blink{
    /*color:#000;*/
	animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-name: blink; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: blink;
    animation-duration: 0.5s;}	
* Chrome, Safari, Opera */
@-webkit-keyframes blink {
    from {color: #000;}
    to {color: #ff0000;}
}
 
/* Standard syntax */
@keyframes blink {
    from {color: #000;}
    to {color: #ff0000;}
}

.add_item .item-title img{width:13px; height:13px; vertical-align:middle; margin-right:10px; transition:all 0.5s ease-in-out;/* transform:rotate(270deg);*/}
.img-on{transform:rotate(90deg);}
.add_item ul{ margin-bottom:10px;}
.add_item ul li{display:inline-block; width:24.7%; padding-right:10px; font-size:15px; color:#666;}
.add_item ul li a{color:#666;}
.add_item ul li.addport{font-weight:bold; width:100%; display:block; padding-right:0; color:#3A81FF; margin-bottom:5px;}
.add_item ul li.addport.gray{color:#666;}
.add_item ul:last-child{margin-bottom:0;}
.add_item ul li img{width:25px; height:25px; margin-left:10px; vertical-align:middle;}
.add{height:0; overflow:hidden; transform: translateY(30%); transition:all 0.5s ease-in-out;}
.openadd{height:auto; transform: translateY(0); margin-bottom:15px;}
.add_price{font-size:20px; font-weight:700; margin:0 6px;}

/* lightbox */
.lightbg{width:100%; height:100%; background:rgba(0,0,0,.7); padding:30px 0 0 0; opacity:0;	position:fixed; overflow:hidden; transition: 0.5s ease-in-out; z-index:-2;}
.lightbg.lightbox-show{top:0; bottom: 0; opacity:1; z-index:99999999;}
.light_overbox{width:1000px; height:95%; margin:auto;}
.lightbg:target{top:0; bottom: 0; opacity:1; z-index:99999997;}	
.lightbox{/*border:3px solid #fff;*/ margin:0 auto; width:95%; border-radius:10px; background:#fff; padding:1.5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.flight{/*height:600px;*/ height:97%; margin-bottom:40px; overflow-y:hidden;}
.flight h3{text-align:center; font-size:24px; margin:0 0 20px 0;}
.flight table{margin:auto; width:100%; border:1px solid #ccc; border-width:1px 0 0 1px;}
.flight table th,td{padding:5px 8px; border:1px solid #ccc; border-width:0 1px 1px 0; text-align:center;}
.flight table thead th{background:#666; color:#fff; font-size:15px; font-weight:bold;}
.flight table thead th .car_img{margin-top:15px;}
.flight table thead th .car_img img{width:100%; height:auto;}
.flight table tbody th{background:#ddd; color:#444; font-size:15px;}
.flight table tbody td{font-size:14px; color:#444;}
.flight table tbody td img{vertical-align:middle;}
.light_lightbox-close {width:50px;	height:50px; font-size:28px; position:absolute;	top: 20px;right: 2%;	}
	/* 利用偽元素做出 \ 以及 / 的線條 */
.light_lightbox-close:after {width:30px;	height:1px; content: ""; display:block;	background:#fff; position:absolute;	top: 23px; left: 10px;	transform: rotate(45deg);}
.light_lightbox-close:before {width:30px;	height:1px; content: ""; display:block;	background:#fff; position:absolute; top: 23px; left: 10px; transform: rotate(-45deg);}
.precautions{margin:50px 0 0 0;}
.precautions h4{text-align:center; font-size:24px; margin:0 0 20px 0;}
.precautions .edit{border:1px solid #ccc; width:100%; padding:20px; margin-bottom:0;}

.flight .tour{width:97%; margin:auto;}
.flight .tour .t_img{ margin-bottom:10px;}
.flight .tour .t_img img{width:100%; height:auto;}
.flight .tour .t_info{flex:50%; padding:12px; background:#f0f0f0; text-align:left;}
.flight .tour .t_info .edit{font-size:13px; line-height:20px; width:100%; margin-bottom:0;}
.flight .tour .t_info ul.t_field{margin-top:15px;}
.flight .tour .t_info ul.t_field li{margin-bottom:2px; color:#379200; font-size:13px; text-align:left;}
.flight .tour .t_info ul.t_field li:last-child{margin-bottom:0;}







.registration-block form .row.subtotal{margin-top:10px;}
.registration-block form .row.subtotal label.item{ width:17%; padding:8px 10px;}
.registration-block form .row.subtotal .total{font-size:24px !important; font-weight:600;}
.notic{width:100%; padding:15px; margin-bottom:20px; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.2);}
.h500{max-height:500px; overflow-y:scroll;}
.agree{text-align:center; margin-top:20px; font-size:16px; color:#3d76f9; background:#f0f0f0; padding:10px 0;}
.calculate-name{margin-bottom:20px;}
.calculate-name h2{font-size:30px; color:#3d76f9; display:inline-block; margin:0; padding:0;}
.calculate-name img{width:22px; height:31px; margin-right:15px; vertical-align:baseline;}
.calculate-name .set-out{font-size:16px; margin-left:15px; display:inline-block;}

.cal-step{font-size:18px; margin-bottom:20px; /*padding:10px; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.2);*/}
.cal-step img{width:17px; height:17px; margin-right:10px; vertical-align:middle;}
.cal-step .add_room{float:right; font-size:16px;}
.cal-step .add_room a{color:#9889a7; position:relative; transition:all 0.5s ease-in-out;}
.cal-step .add_room a:before, .cal-step .add_room a:after{position:absolute; background:#9889a7; content:""; transition:all 0.5s ease-in-out;}
.cal-step .add_room a:before{right:68px; top:10px; width:15px; height:2px;}
.cal-step .add_room a:after{right:74px; top:4px; width:2px; height:15px;}
ul.calbtn{background:#fff; margin-bottom:20px; box-shadow:0 0 7px rgba(0,0,0,0.2); padding:30px 0; margin-bottom:0;}
ul.calbtn li{margin-right:2%;}
ul.calbtn li a{background:#ccc;} 
ul.calbtn li:nth-child(1) input{background:#ff9600;} 
ul.count{background:none; box-shadow:none; margin-bottom:0;}
.calculate-result{margin:0 0 50px 0; padding:30px 20px; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.2);}
.calculate-result .r-tips{margin-bottom:20px; color:#333; font-size:14px;}
.calculate-result ul.re-list{margin-bottom:30px; }
.calculate-result ul.re-list li{border-bottom:1px dotted #c1b4cd; font-size:16px; color:#555;}
.calculate-result ul.re-list li .spe-price{font-size:26px; font-style:italic; font-weight:700; color:#009BFF; margin:0 10px 0 0;}
.calculate-result ul.re-list li .count-left{width:160px; padding:10px; background:rgba(0,0,0,0.1) !important; text-align:center;/* background:url(../images/other/calculation-icon3.svg) no-repeat 15px 15px; background-size:30px 29px;*/}
.calculate-result ul.re-list li .count-right{width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); font-size:14px; padding:10px;}
.calculate-result ul.re-list li .count-right .cou-list{margin-bottom:7px; font-size:15px;}
.calculate-result ul.re-list li:nth-child(odd){background-color:#ebe6f1;}
/*.calculate-result ul.re-list li:last-child{border-bottom:none;}*/
ul.result{background:none; box-shadow:none; margin-bottom:0;}
ul.result li a{background:#9889a7;} 
.result-ok{margin-bottom:30px;}


/* 航程報名 */
.voyages_price{margin:0 auto 20px auto;}
.voyages_price .single_room{width:48.8%; margin:0 2% 2% 0; display:inline-block; vertical-align:top; box-shadow:0 0 7px rgba(0,0,0,0.3);}
.voyages_price .single_room:nth-child(2n){margin-right:0;}
.voyages_price .single_room ul{ -webkit-display:flex; display:flex;}
.voyages_price .single_room ul li{flex:50%;}
.voyages_price .single_room ul.room-type li{background:#fff; font-size:13px;}
.voyages_price .single_room ul.room-type li:nth-child(1){position:relative;}
.voyages_price .single_room ul.room-type li:nth-child(1) img{width:100%; height:auto; display:block;}
.voyages_price .single_room ul.room-type li:nth-child(1) .cover_more{width:100%; height:100%; position:absolute; left:0; top:0;}
.voyages_price .single_room ul.room-type li:nth-child(1) .cover_more:after{position:absolute; content:"房型介紹"; bottom:0; left:0; width:100%; text-align:center; font-size:16px; letter-spacing:0.1em; color:rgba(255,255,255,0); transition:all 0.5s ease-in-out;}
.voyages_price .single_room ul.room-type li:nth-child(2){padding:10px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl{margin-bottom:8px; color:#333;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dt{text-align:center; margin-bottom:12px; font-size:18px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dt .grade_en{padding:3px 5px; font-size:14px; font-weight:600; color:#fff; margin-right:10px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dd{margin-bottom:2px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dd .field_left{float:left; width:36%; font-size:14px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dd .field_right{float:right; width:64%; font-size:14px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dd .field_right.facilities{min-height:42px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dd:last-child{margin-bottom:0;}
.voyages_price .single_room ul.room-type li:nth-child(2) .room-btn{text-align:center; font-size:14px; margin:10px 0; display:none;}
.voyages_price .single_room ul.room-type li:nth-child(2) .room-btn a{padding:5px 12px; color:#fff; background:#af99c6; border:1px #af99c6 solid;}
/*.voyages_price .single_room ul.room-type li:nth-child(2) .room-btn a:hover{ color:#fff;}*/
.voyages_price .single_room ul.price-block li:nth-child(1){color:#fff; font-size:13px; padding:4px 10px;}
.voyages_price .single_room ul.price-block li:nth-child(1) ul li{padding:0;}
.voyages_price .single_room ul.price-block li:nth-child(1) ul li:nth-child(2){text-align:left;}
.original, .discouned{font-size:20px; line-height:20px; font-weight:700; margin-right:7px;}
.original{text-decoration:line-through;}
.discouned{color:#fffc00;}
.voyages_price .single_room ul.price-block li:nth-child(2){text-align:center;}
.voyages_price .single_room ul.price-block li:nth-child(2) img{width:28px; height:27px; vertical-align:middle; margin-right:10px;}
.voyages_price .single_room ul.price-block li:nth-child(2) a{padding:12px 10px; color:#fff; font-size:16px; display:block;}




.delete-box{margin-bottom:10px; position:relative; padding-right:5px; height:30px; font-size:16px; line-height:30px; text-align:right;}
.delete-box a{color:#9889a7;}
.delete-box a:hover{color:#999;}
.delete-box .close-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  /*left: 50%;*/
  right:36px !important;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #9889a7;
  /* these are the upper and lower lines in the menu menu */
}
.delete-box .close-icon::before, .delete-box .close-icon::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
}
.delete-box .close-icon::before {
  bottom: 8px;
}
.delete-box .close-icon::after {
  top: 8px;
}
.delete-box .close-icon {
  background-color: rgba(255, 255, 255, 0);
}
.delete-box .close-icon::before, .delete-box .close-icon::after {
  background-color: #9889a7;
}
.delete-box .close-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.delete-box .close-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* room */
.room-list{display:inline-block; vertical-align:top; width:30.9%; margin:0 1% 2.5% 1%;}
.room-list .r_list_img{width:100%; background:#000; overflow:hidden;}
.room-list .r_list_img img{max-width:100%; width:100%; height:auto; display:block; transition:all 0.5s ease-in-out;}
.room-list dl{color:#333; padding:12px; background:#dcdcdc;}
.room-list dl dt{margin-bottom:12px; font-size:18px;}
.room-list dl dt a{color:#333;}
.room-list dl dt .grade_en{padding:3px 5px; font-size:14px; font-weight:600; color:#fff; margin-right:10px;}
.room-list dl dd{margin-bottom:2px; font-size:13px;}
.room-list dl dd .field_left{float:left; width:23%;}
.room-list dl dd .field_right{float:right; width:77%;}
.room-list dl dd:last-child{margin-bottom:0;}
ul.room-img{-webkit-display:flex; display:flex; margin-bottom:40px;}
ul.room-img li{flex:1;}
ul.room-img li:first-child img{max-width:100%; height:auto; display:block;}
ul.room-img li:nth-child(2){background:#f2f2f2;}
ul.room-img li:nth-child(2) img{ width:72%; height:auto;}
.room-list.r_inf{display:inherit; width:100%; margin:0 0 40px 0;}
.room-list.r_inf dl{background:none; padding:0; text-align:center;}
.room-list.r_inf dl dt{font-size:30px; letter-spacing:0.1em; margin-bottom:20px;}
.room-list.r_inf dl dt .grade_en{font-size:18px; letter-spacing:normal; padding:5px 8px;}
.room-list.r_inf dl dd{font-size:16px; margin-bottom:10px;}
ul.equipment{text-align:center; margin-bottom:80px;}
ul.equipment li{width:65px; display:inline-block; margin:0 2px 10px 2px; color:#777; font-size:12px;}
ul.equipment li img{width:100%; height:auto;}
.voyage_title{text-align:center; margin:0 auto 50px auto; color:#666;}
.voyage_title svg{width:42px; height:54px; margin-bottom:6px;}
.voyage_title svg #icon1{fill:#e0efff;}
.voyage_title svg #icon2{fill:#d1e8ff;}
.voyage_title h3{font-size:26px; letter-spacing:0.15em; font-weight:normal; margin:0; padding:0;}
.voyage_title .small_en{color:#888; font-size:13px; font-weight:300; margin:13px 0; position:relative;}
.voyage_title .small_en:before, .voyage_title .small_en:after{content:""; position:absolute; left:45.5%; width:106px; height:1px; background:#b6b6b6;}
.voyage_title .small_en:before{top:-7px;} 
.voyage_title .small_en:after{bottom:-7px;}
.room_block{margin-bottom:80px;}
.room_block .voyage_title{margin-top:100px;}
.room_block .edit{text-align:center; line-height:36px;}
/* promation */
.promation{margin:40px 0 100px 0; text-align:center;}
.promation .sale{position:relative;/* display:inline-block;*/}
.promation .sale img{width:100%; height:auto;}
.promation .sale .scale{position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0);}
.slick-slide{border:5px #fff solid;}

.room-list.other-design dl dt a{color:#4f2f70; font-weight:bold;}
.room-list.other-design dl dd .field_left{letter-spacing:0.1em;}
.other-img{width:860px; margin:0 auto; position:relative;}
.other-img .img-show img{width:100%; height:auto;}
.other-img .prev, .other-img .next{width:21px; height:32px; position:absolute; bottom:-40px; cursor:pointer; z-index:99;}
.other-img .prev{background:url(../images/other/grey-left.jpg) no-repeat; left:30%;}
.other-img .next{background:url(../images/other/grey-right.jpg) no-repeat; right:30%;}
.other-img .slick-dots{margin-bottom:0;}
.other-img.to-att{width:65%; margin:0;}
.room-list.r_inf.foratt{width:35%; margin:0;}
.room-list.r_inf.foratt dl{background:#fff; text-align:left; padding-left:15px;}
.price-foratt{display:inline-block; vertical-align:text-top; font-size:16px;}

/* grid: Move Up */
.grid{margin:0 1% 30px 1%;}
.grid li {width:22.8%; background:#f0f0f0; border:1px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.3); display:inline-block; vertical-align:top; margin:0 1% 1.5% 1%; transition:all ease 0.8s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li { opacity: 1;
}

.grid li a,
.grid li img { outline: none; border: none; display: block;
	max-width: 100%;
}
.grid li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

/* news-list */
.news-single .n-img{margin-bottom:10px; position:relative; background:#9889a7;}
.news-single .n-img img{display:block; transition:all 0.5s ease-in-out;}
.news-single .n-img .n-day{position:absolute; left:8px; bottom:-15px; padding:7px 20px; border-radius:6px; background:#4c9200; z-index:99; font-size:14px; line-height:14px; color:#fff; text-align:right;}
.news-single .n-img .n-day span{font-size:12px; font-weight:300; font-style:italic;}
.news-single .n-img .n-day:after{content:""; position:absolute; border-color: #4c9200 transparent transparent; border-style: solid solid solid; border-width: 10px; bottom: -17px; left: 30px; width:0; height: 0;}
.news-single .n-title{margin:35px auto 10px auto; font-size:16px; line-height:22px; width:95%;}
.news-single .n-title a{color:#000;}
.news-single .n-text{margin:0 auto 10px auto; font-size:14px; color:#555; line-height:20px; width:95%;}
.news-single .n-more a{padding:12px; background:#9889a7; text-align:center; font-size:13px; color:#fff; position:relative;}
.news-single .n-more a:before, .news-single .n-more a:after{position:absolute; content:""; background-color:#fff;}
.news-single .n-more a:before { width: 2px; height: 10px; top: 16px; left: -moz-calc(50% - 30px); left: -webkit-calc(50% - 30px); left: calc(50% - 38px); }
.news-single .n-more a:after { width: 10px; height: 2px; top: 20px; left: -moz-calc(50% - 42px); left: -webkit-calc(50% - 42px); left: calc(50% - 42px); }
.news-detail{margin-bottom:40px;}
.news-detail .n-d-title{font-size:30px; font-weight:bold; color:#000000; line-height:36px; margin-bottom:40px;}
.news-detail .n-d-title .newsday{padding:7px 30px; border-radius:6px; margin-right:20px; background:#4c9200; font-size:18px; line-height:18px; font-weight:normal; color:#fff; position:relative; display:inline-block;}
.news-detail .n-d-title .newsday span{font-size:16px; font-weight:300; font-style:italic;}
.news-detail .n-d-title .newsday:after{content:""; position:absolute; border-color: transparent transparent transparent #4c9200; border-style: solid solid solid; border-width: 10px; top: 38%; right: -18px; width:0; height: 0;}

/* deck */
.flex{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
ul.floor{flex:1;}
ul.floor li{position:relative; padding-left:35px; margin-bottom:36px;}
ul.floor li:before, ul.floor li:after{position:absolute; content:"";}
ul.floor li:before{width:16px; height:16px; border-radius:50%; border:2px #9889a7 solid; left:0; top:3px; transition:all 0.5s ease-in-out;}
ul.floor li:after{width:1px; height:36px; background:#9889a7; left:10px; top:28px;}
ul.floor li:last-child:after{display:none;}
ul.floor li a{font-size:20px; color:#9889a7;}
ul.floor li.current-this:before{border-radius:inherit; border:none; content:url(../images/other/floor-icon.svg); width:20px; height:20px;}
ul.floor li.current-this a{color:#8a4aca; font-weight:bold;}
.deck{flex:3;}
.deck .d-introduction{flex:2;}
.deck .d-introduction .d-title{font-size:20px; color:#5ba8ff; background:url(../images/other/deck-icon.svg) no-repeat 10px top, url(../images/other/deck-line.gif) repeat-x bottom; background-size:22px 28px, auto auto; padding:2px 10px 10px 45px; margin-bottom:25px;}
.deck .d-introduction ul{margin-bottom:40px;}
.deck .d-introduction ul li{display:inline-block; vertical-align:top; width:47.6%; margin:0 1% 15px 1%;}
.deck .d-introduction ul li img{margin-bottom:10px; max-width:100%; height:auto; transition:all 0.5s ease-in-out;}
.deck .d-introduction ul li .d-name{margin-bottom:12px; font-size:18px; padding:0 10px;}
.deck .d-introduction ul li .d-name a{color:#333;}
.deck .d-introduction ul li .d-name .d_en{padding:3px 5px; font-size:14px; font-weight:600; color:#fff; margin-right:10px;}
.deck .boat{flex:1; padding-left:40px; text-align:right;}
.deck .boat img{max-width:100%; height:auto;}


@media only screen and (max-width: 1240px)
{
.search{padding-top:10vw;}
.search .s_label li label{font-size:18px;}
.search .s_label li .text_basic{width:120px;}
.search input.s_btn{padding:10px 20px 10px 60px;}
.itinerary-table th,td, .order-btn a, .sold-out{font-size:16px;}
.itinerary-table thead th{letter-spacing:normal;}
.trip-price{font-size:20px;}
.voyage_title h3{font-size:22px;}
}

@media only screen and (max-width: 1200px)
{
.voyage_title .small_en:before, .voyage_title .small_en:after{left:44.5%;}
.light_overbox{width:90%;}
.voyages_price .single_room ul.room-type{display:inherit; width:100%;}
.voyages_price .single_room ul.room-type li:nth-child(1) img{width:100%;}
.voyages_price .single_room ul.room-type li:nth-child(1) .cover_more:hover:after{transform:translateY(-8vw);}
}

@media only screen and (max-width: 1024px)
{

.nobg{display:none;}
.m_top{margin-top:80px;}
.m_top.for_itin_list{margin-top:65px;}
.search{display:none;}
.itinerary .trip{-webkit-flex: 2.8; flex: 2.8; }
.itinerary ul.right-price{-webkit-flex: 1.2; flex: 1.2;}
ul.tab{display:none;}
/*ul.tab li{margin:0 10px;}
ul.tab li a{padding:15px 30px;}*/
/* Dropdown style */
/*.dropdown {
  width: 100%;
  margin: 0 auto 25px auto;
  display:block;
}
.dropdown:nth-child(3){margin-bottom:0;}
.dropdown dt a {
  display: block;
  width: 100%;
  border-radius: 3px;
  text-decoration: none;
  background:#4c9200;
}
.dropdown dt a:hover, .dropdown dt a:active {
  border-color: #4c9200;
}
.dropdown dt span {
  display: block;
  padding: 0.8em 1em;
  background: url(../images/other/scroll_arrow_down.gif) no-repeat 99% 24px;
  border-right: 1em solid transparent;
  cursor: pointer;
  color:#fff;
  font-size:16px;
}
.dropdown dd {
  position: relative;
}
.dropdown dd ul {
  display: none;
  padding:10px 0;
  position: absolute;
  left: 0;
  width: 100%;
  list-style: none;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #777;
  border-radius: 3px;
  z-index:99999;
}
.dropdown dd li a {
  display: block;
  padding: 0 1em;
  text-decoration: none;
  color:#4c9200;
  font-size:14px;
  line-height:2.2em;
}

.selected {
	font-size:12px;
}*/
.add_item ul li{width:49.7%; margin-bottom:7px;}


.dropdown {
  position: relative;
  display: block;
  text-align: left;
  width:98%;
  margin:0 auto 25px auto;
  /*overflow:hidden;*/
}
.dropdown > button {
  position: relative;
  border: 0;
  width:100%;
  box-sizing:border-box;
  padding: 10px 50px 10px 30px;
  overflow: hidden;
  background: none;
  color: white;
  font-size: 16px;
  letter-spacing: .03em;
  line-height: normal;
  text-transform: uppercase;
  z-index: 2;
}

.dropdown > button[aria-expanded="true"] { color: #fff; }

.dropdown > button[aria-expanded="true"]:before {
  /*-webkit-transform: translateY(calc(100% - 3px));
  -ms-transform: translateY(calc(100% - 3px));
  transform: translateY(calc(100% - 3px));*/
}

.dropdown > button[aria-expanded="true"]:after {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #fff transparent;
}

.dropdown > button:before {
  content: '';
  display: block;
  position: absolute;
  border-radius:4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #4c9200;
  z-index: -1;
  -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
  transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
  -webkit-transform: translateZ(0) translateY(0);
  transform: translateZ(0) translateY(0);
}

.dropdown > button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: white transparent transparent transparent;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.dropdown > button:focus:before { background: #4c9200; }

.dropdown button + ul {
  position: absolute;
  overflow: hidden;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 10px 0;
  background: #fff;
  border:1px solid #4c9200;
  border-width:0 1px 1px 1px;
  -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.2s;
  transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.2s;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  /*max-height: 200px;*/
  visibility: visible;
  z-index: 1;
}

.dropdown button + ul[aria-hidden='true'] {
  height: 0;
  visibility: hidden;
  top:0;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.dropdown button + ul li a {
  display: block;
  color: #4c9200;
  padding: 0 1em;
  font-size: 14px;
  line-height:2.2em;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/*.dropdown button + ul li a:hover, .dropdown button + ul li a:focus { background: #dedede; }*/



.style-purple-small dt{background:#9889a7; padding: 10px; width: 100%; margin-bottom: 10px; border-radius: 6px; box-sizing: border-box; position: relative;}
.style-purple-small dt a{color: #fff; font-size: 16px;}
.style-purple-small dt::before{position: absolute; right: 20px; top: calc(50% - 1px); content: ""; width: 16px; height: 2px; background: #fff;}
.style-purple-small dt::after{position: absolute; right: 26px; top: calc(50% - 8px); right: 30px; content: ""; width: 2px; height: 16px; background: #fff; transition: all 0.5s ease-in-out; transform: rotate(-90deg);}
.style-purple-small dt.selected::after{right: 27px; transform: rotate(0deg);}
.style-purple-small dt a:hover, .style-purple-small dt a:active {border-color: #9889a7;}
.style-purple-small dd li a{color:#9889a7;}
.style-purple-small:nth-child(3){margin-bottom:25px;}
.style-purple-small dd ul{padding: 0 10px;}
.style-purple-small dd ul li{padding: 10px;}
.style-purple-small dd ul li a{font-size: 15px;}
.style-purple-small dd ul li:first-child{display: none;}
.other-img{width:90% !important; margin:auto !important;}
.other-img .prev{left:-20px;}
.other-img .next{right:-20px;}
.other-img .prev, .other-img .next{bottom:50%;}
.room-list.r_inf.foratt{width:90%; margin:0 auto 40px auto;}
ul.floor li a{font-size:16px;}
ul.floor li:after{height:30px;}
}

@media only screen and (min-width: 980px)
{
.order-btn a:hover{background-color:#f1e0fc;}
.room-list .r_list_img:hover img{opacity:0.5; transform:scale(1.1);}
.promation .sale .sale_name{position:absolute; bottom:0; left:0; font-size:1.7em; width:100%; transition:all 0.5s ease-in-out; z-index:10;}
.promation .sale .sale_name a{color:#fff; background:rgba(30,61,104,0.4); padding:10px; display:block;}
.promation .sale:hover .sale_name{bottom:40%;}
.promation .sale:hover .sale_name a{background:rgba(30,61,104,1);}
.promation .sale:hover .scale{background:rgba(0,0,0,0.4);}
ul.btn li a:hover, ul.btn li input:hover{background-color:#cbc4d3;/* padding:10px 60px;*/ text-shadow:0 0 7px rgba(0,0,0,0.7);/* transform:translateY(-8px);*/}
ul.calbtn li a:hover, ul.calbtn li input:hover{padding:10px 60px; background-color:#ccc;}
ul.calbtn li:nth-child(1) input:hover{background-color:#ff9600; transform:translateY(0);}
.add_item ul li a:hover{color:#000;}
.room-list dl dt a:hover{color:#7e6696;}
.cal-step .add_room a:hover{color:#3A81FF;}
.cal-step .add_room a:hover:before, .cal-step .add_room a:hover:after{background:#3A81FF;}
.voyages_price .single_room ul.room-type li:nth-child(1) .cover_more:hover{background:rgba(0,0,0,0.5);}
.voyages_price .single_room ul.room-type li:nth-child(1) .cover_more:hover:after{color:rgba(255,255,255,1); transform:translateY(-3.5vw);}
.voyages_price .single_room ul.price-block li:nth-child(2):hover a{background:#b2aeb6;}
.grid li:hover{box-shadow:0 0 7px rgba(0,0,0,0.5); background:#fff; cursor:pointer;}
.news-single .n-img:hover img{ opacity:0.6;}
.news-single .n-title a:hover{color:#4f2f70;}
.news-single .n-more a:hover{background:#4f2f70;}
ul.floor li:hover a{color:#8a4aca;}
ul.floor li:hover:before{border-color:#8a4aca;}
.deck .d-introduction ul li:hover img{opacity:0.5;}
.deck .d-introduction ul li .d-name a:hover{color:#4f2f70;}
}

@media only screen and (max-width: 980px)
{
.itinerary .trip, .itinerary .right-price{padding:20px;}
.itinerary .trip h3{font-size:30px;}
.itinerary ul.right-price li:nth-child(2) strong{font-size:40px; line-height:40px; margin:0 10px;}
.itinerary ul.right-price li.btn-it{margin:20px 0;}
.itinerary ul.right-price li.btn-it a{padding:10px 0; display:block;}
/*ul.tab li{margin:0 7px;}
ul.tab li a{font-size:18px; padding:10px 20px;}*/
.itinerary-table tbody td.trip-name a:hover{margin-left:0;}
.sold-out{background-size:50% 20px;}
.room-list dl dd .field_left{width:35%;}
.room-list dl dd .field_right{width:65%;}
.voyage_title{margin-bottom:30px;}
.voyage_title .small_en:before, .voyage_title .small_en:after{left:43.5%;}
.promation{margin:0 0 70px 0;}
.promation .sale .sale_name{position:absolute; bottom:0; left:0; font-size:1.3em; width:100%; z-index:10;}
.promation .sale .sale_name a{background:rgba(30,61,104,0.7); color:#fff; padding:10px; display:block;}
.registration-block form .text_basic, .registration-block form .no_input{font-size:14px;}
.registration-block form .row label.item{font-size:16px; padding:12px 10px;}
.voyages_price .single_room{width:48.6%;}
.voyages_price .single_room ul{display:inherit; width:100%;} 
.voyages_price .single_room ul li:nth-child(1) ul{ -webkit-display:flex; display:flex;}
.voyages_price .single_room ul.room-type li:nth-child(2) .room-btn{display:block;}
/* 旅客資訊-欄位調整 */
/*.add_cabin .table-run .fooicon-plus, .add_cabin .table-run .fooicon-minus{border-color:#9889a7;}
.add_cabin .table-run .fooicon-plus:before, .add_cabin .table-run .fooicon-plus:after, .add_cabin .table-run .fooicon-minus:before{background-color:#9889a7;}
.add_cabin .table-run .footable-details > tbody > tr > th{background-color:#b2aeb6; color:#fff;}
.delete-icon{width:30px;}*/
.add_cabin .traveler .row label.item, .registration-block form .row.subtotal label.item{width:20%;}
.light_lightbox-close{top:2%; right:5px;}
.news-detail .n-d-title{font-size:24px; line-height:30px;}
.deck .d-introduction ul li{width:47.5%;}
.deck .d-introduction ul li .d-name{font-size:16px; padding:0;}
.deck .d-introduction .edit{line-height:24px;}
}


@media only screen and (max-width: 767px)
{
.itinerary{display:inherit;}
.itinerary ul.right-price li:first-child{text-align:center;}
.itinerary ul.right-price li.btn-it{width:49.4%; display:inline-block; margin:inherit;}
.itinerary ul.right-price li.btn-it:last-child{margin-left:0.2%;}
.itinerary-table{width:97% !important;}
.sold-out{background-position:left 3px; background-size:20px 20px;}
.voyage_title .small_en:before, .voyage_title .small_en:after{left:42%;}
.registration-block form .half{margin-bottom:0;}
.registration-block form .half .row{width:100%; margin-bottom:8px;}
.registration-block form .row label.item{letter-spacing:normal; width:30% !important; padding:10px 20px;}
.registration-block form .no_input{/*width:55%; */margin-top:0; margin-left:0; padding:5px;}
.w15{width:20%;}
.w45, .w82{width:68%;}
.cal-step{font-size:16px;}
.grid li {width:31.2%;}
ul.floor{flex:inherit; width:100%; margin-bottom:20px;}
ul.floor li{display:inline-block; padding-left:25px; margin:0 1% 10px 0; width:32.3%;}
ul.floor li:nth-child(3n){margin-right:0;}
ul.floor li:after{display:none;}
}

@media only screen and (max-width: 640px)
{
ul.btn li a, ul.btn li input{font-size:18px; padding:10px 30px;}
.itinerary .trip ul.port li{width:auto; margin-bottom:5px;}
.itinerary .trip ul.port li img{display:none;}
.trip-price{font-size:18px; font-family:inherit; font-weight:700;}
.order-btn a{padding-left:35px;}
.itinerary-table th, td, .order-btn a, .sold-out{font-size:15px;}
.room-list{width:47.5%;}
.voyage_title{margin-bottom:5px; border-bottom:1px #999 solid;}
.voyage_title svg{display:none;}
.voyage_title .small_en:before, .voyage_title .small_en:after{display:none;}
.voyage_title h3{font-size:18px; display:inline-block;}
.voyage_title .small_en{font-size:12px; display:inline-block; margin-left:10px;}
.registration-block .reg-title{width:90%; letter-spacing:normal; font-size:22px;}
.registration-block .reg-title:before, .registration-block .reg-title:after{width:70px; height:auto;}
.registration-block form .half .row{width:100%; margin-bottom:3px;}
.registration-block form .half .row label.item{width:auto; font-size:16px; padding:10px;}
.registration-block form .row label.item{font-size:16px; padding:10px;}
.registration-block form .text_basic{margin-top:6px;}
.calculate-name img{margin-right:8px;}
.calculate-name h2{font-size:24px;}
.calculate-name .set-out{font-size:14px;}
.calculate-result{padding:15px;}
.calculate-result ul.re-list li{font-size:14px; background-size:26px 25px;/* padding-left:50px;*/}
.w15{width:25%;}
.add_cabin{padding:10px;}
.cabin-type{font-size:17px;}
.cabin-type img{width:15px; height:auto; margin-right:3px;}
.cabin-type .extend{position:relative; float:right; font-size:14px; color:#777; display:block; padding:5px 26px 0 0; cursor: pointer;}
.cabin-type .extend:before, .cabin-type .extend:after{position:absolute; content:""; background-color:#777;  -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out;}
.cabin-type .extend:before { width: 3px; height: 15px; right: 10px; top: 8px; }
.cabin-type .extend:after { width: 15px; height: 3px; right: 4px; top: 14px; }
.cabin-type .extend .close-1{display:none;}
.cabin-type .extend.extend-open:before{transform: rotate(270deg);}
.cabin-type .extend.extend-open:after{transform: rotate(180deg);}
.cabin-type .extend.extend-open .close-2{display: none;}
.cabin-type .extend.extend-open .close-1{display: inline;}
.add_cabin .person{float:none; text-align:left; margin-bottom:10px;}
.add_cabin .traveler .t_num{margin-bottom:5px;}
.add_cabin .traveler .row{font-size:12px;}
.add_cabin .traveler .row label.item, , .registration-block form .row.subtotal label.item{width:40% !important; font-size:13px;}
.add_cabin .traveler .row .text_basic{margin-top:0; padding:3px;}
.add_cabin .traveler .row .w12{width:18%;}
.add_cabin .traveler .row .w50{width:58%;}
.add_item ul li{width:100%; display:inherit; font-size:13px; margin-bottom:10px;}
ul.equipment{margin-bottom:40px;}
.room_block .voyage_title{margin-top:60px;}
.grid li {width:47.9%;}
.news-detail .n-d-title{font-size:20px; line-height:26px;}
.news-detail .n-d-title .newsday{font-size:15px; line-height:15px; padding:5px 20px; margin-right:10px;}
.news-detail .n-d-title .newsday span{font-size:12px;}
.news-detail .n-d-title .newsday:after{top:30%; right:-15px;}
ul.floor li{width:48.9%; vertical-align:top;}
ul.floor li:nth-child(2n){margin-right:0 !important;}
ul.floor li:nth-child(3n){margin-right:1%;}
.deck{display:block;}
.deck .d-introduction, .deck .boat{width:100%; flex:inherit;}
.deck .boat{padding-left:0; text-align:center;}


.close-btn{height: 0; overflow: hidden; }
.close-btn .traveler{transition: all 1s ease-out; transform: translateY(-100%); opacity: 0;}
.close-btn.open{height: auto;}
.close-btn.open .traveler{transform: translateY(0); opacity: 1;}
.flight h3, .precautions h4{font-size:18px; margin-bottom:10px;}
.flight table thead th, .flight table tbody th, .precautions .edit{font-size:13px;}
.precautions{margin-top:20px;}
.precautions .edit{padding:10px;}
.lightbg{padding-top:40px;}
.light_lightbox-close{top:0;}
}


@media only screen and (max-width: 480px)
{
.itinerary .trip, .itinerary .right-price{padding:15px;}
.itinerary .trip h3{font-size:26px;}
.itinerary .trip ul.porttext li{font-size:15px;}
.itinerary ul.right-price li.btn-it{width:49.3%;}
.itinerary ul.right-price li.btn-it a{font-size:20px; letter-spacing:normal;}
/*.sold-out{background-position:28% 3px;}*/
.room-list{width:96%; margin:0 auto 10px auto; display:inherit;}
.room-list dl{padding:6px;}
.room-list dl dt{font-size:16px;}
.room-list dl dt .grade_en{margin-right:5px;}
/*.room-list dl dd .field_left, .room-list dl dd .field_right{float:none; width:100%;}*/
.room-list dl dd .field_left{width:auto;}
.room-list dl dd .field_right{float:none; width:100%;}
ul.room-img{display:inherit;}
.room-list.r_inf dl dt{font-size:22px;}
.room-list.r_inf dl dt .grade_en{font-size:16px;}
.promation .sale .sale_name{font-size:1em;}
.w15{width:40%;}
.calculate-name .set-out{display:inherit; width:88%; margin:auto;}
.registration-block form .row label.item{width:100% !important; border-right:none; padding:4px 10px !important;}
.add_cabin .traveler .row label.item{margin-bottom:3px;}
.add_cabin .traveler .row .w12{width:20%;}
.add_item{padding:10px 15px 0 15px;}
.add_item .item-title{font-size:14px; font-weight:bold;}
/*.add_item .w8{width:12%;}*/
.w8{width:14%;}
.w30{width:40%;}
.voyages_price .single_room{margin:0 auto 20px auto !important; width:96%; display:inherit; box-shadow:0 0 15px rgba(0,0,0,.4);}
.voyages_price .single_room ul.room-type li:nth-child(1) img,
.voyages_price .single_room ul.room-type li:nth-child(2) dl dd,  
.voyages_price .single_room ul.room-type li:nth-child(2) .room-btn{display:none;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl{margin-bottom:0;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dt{position:relative; text-align:left; margin-bottom:6px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dt:before, .voyages_price .single_room ul.room-type li:nth-child(2) dl dt:after{position:absolute; content:""; background-color:#777;  -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dt:before { width: 3px; height: 15px; right: 14px; top: 8px; }
.voyages_price .single_room ul.room-type li:nth-child(2) dl dt:after { width: 15px; height: 3px; right: 8px; top: 14px; }
.voyages_price .single_room ul.room-type li:nth-child(2) dl dt.opened:before { width: 15px; height: 3px; right: 8px; top: 14px; display:none; }
/*.voyages_price .single_room ul.room-type li:nth-child(2) dl dt.opened:after { width: 15px; height: 3px; right: 8px; top: 14px; }*/
.voyages_price .single_room ul.price-block li:nth-child(2) a{padding:8px 10px;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dd .field_left{width:25%;}
.voyages_price .single_room ul.room-type li:nth-child(2) dl dd .field_right{width:75%;}
.voyages_price .single_room ul.price-block li:nth-child(1){padding:2px 10px;}
.voyages_price .single_room ul.price-block li:nth-child(2) img{width:24px; height:auto;}
}


@media only screen and (max-width: 400px)
{
.registration-block .reg-title{font-size:20px;}
.grid li {width:95%; display:inherit; margin:0 auto 20px auto; position:inherit !important; top:0 !important;}
.news-single .n-img img{width:100%; height:auto;}
.deck .d-introduction ul li{width:47.4%;}
.calculate-result ul.re-list li .spe-price{font-size:22px;}
}