@charset "utf-8";

/** bootstrap **/
@import "bootstrap-4.2.1.css";

/** edm **/
@import "edm.css";

/** googlefont **/
@import "Open+Sans.css";

/** 電話萬國碼 **/
@import "intlTelInput.css";
:root{
    --font-color:#333; --ci1:/*#ff9e50*/#374151; --blue:#1c5cff;
}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{margin:0; padding:0; width:100%; height:auto; font-size:medium;line-height: 1.6;font-family:'Open Sans', "Microsoft JhengHei", sans-serif;word-break: break-word;color:var(--font-color);}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0;}
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#999999;font-size: 14px;}
::-moz-placeholder{color:#999999;font-size: 14px;}
:-ms-input-placeholder{color:#999999;font-size: 14px;}
input:-moz-placeholder{color:#999999;font-size: 14px;}
#field2::-webkit-input-placeholder{color:#999999;font-size: 14px;}
#field3::-webkit-input-placeholder{color:#999999;font-size: 14px; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;font-size: 14px;}
#field2::-moz-placeholder{color:#999999;font-size: 14px;}
#field3::-moz-placeholder{color:#999999;font-size: 14px; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;font-size: 14px;}
.writing-mode-vertical{writing-mode:tb-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr;}
/** 欄位樣式修改 **/
input[type="datetime-local"]::-webkit-datetime-edit-text {}/** 年月日之間的斜線或短橫線 **/
input[type="datetime-local"]::-webkit-datetime-edit-year-field {padding: 0 5px;}/** 年 **/
input[type="datetime-local"]::-webkit-datetime-edit-month-field {padding: 0 5px; }/** 月 **/
input[type="datetime-local"]::-webkit-datetime-edit-day-field {padding: 0 5px;}/** 日 **/
input[type="datetime-local"]::-webkit-calendar-picker-indicator { background-image:url("../images/datetime-local.svg");background-size: 26px;width: 26px;height: 26px; }/** icon按鈕 **/
input[type="date"]::-webkit-calendar-picker-indicator { background-image:url("../images/datetime-local.svg");background-size: 26px;width: 26px;height: 26px; }/** icon按鈕 **/

/** 清除瀏覽器的默認選擇框樣式清除，隱藏拖動箭頭 
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#ffffff url(../images/form-select.png)no-repeat right 10px center;background-size: 10px;}
select::-ms-expand { display: none; }
**/

::selection {background: #ffc90e;color: #ffffff;}
::-moz-selection {background:#ffc90e;color: #ffffff;}


/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{}
.slicknav_icon-bar{background-color:#FFF;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{color: #ffc90e;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;}
/** google 翻譯 **/
body > .skiptranslate {
    display: none !important;
}
.goog-logo-link {
    display: none !important;
}
.goog-te-gadget {
    color: transparent !important;
}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
a[href="https://translate.google.com"] {
    display: none !important;
}
body {
    top: 0px !important; 
}

ul.floating-menu {
    z-index: 100001;
    list-style: none;
    min-width:400px;
    max-width: 500px;
    padding-left: 5px;
}
ul.floating-menu li {
    width: 152px;
}

/** 上版 **/
header{position: fixed;width: 100%;top: 0;left: 0;padding: 0 15px; background:linear-gradient(to bottom, /*rgba(255,197,120,1)*/#6b7280 0%,/*rgba(251,157,35,1)*/#374151 100%);border-bottom: 1px /*#ffc90e*/#374151 solid;height:110px;z-index: 10000;transition: all 0.5s ease 0s;overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.4);}
.head-main{max-width:1200px; height: 100%; margin:0 auto;  padding:0; position:relative;}
.head-tool{position:absolute; top:0px; right:10px; text-align:center; display:flex;transition: all 0.5s ease 0s; background:#535353; padding:5px 10px; border-radius:0 0 6px 6px; box-shadow: 2px 2px 5px rgba(255,255,255,0.7);}
.head-tool li{list-style:none; padding:5px 0; margin:0 0 0 6px; color:#ffffff; font-size:15px;}
.head-tool li span.badges{background: #ffc90e ; width: 24px; height: 24px;border-radius: 50px;color: #000000;font-size: 12px;display:inline-flex;align-items: center;justify-content: center;position: relative;top: -2px;margin: 0 0 0 8px;}
.head-tool li b{font-weight: normal;}
.head-tool li a{display:block; color:#ffffff;padding: 0 5px;max-height: 20px;line-height: 1.35;transition: all 0.5s ease 0s;}
.head-tool li a:hover{color: #ffc90e;transition: all 0.5s ease 0s;}
.head-main .logo{position: absolute;top:20px;left: 0; width: 180px;transition: all 0.5s ease 0s;}
.head-main .logo a{display: block;}
.head-main .logo img{width:100%; height:auto;}
.head-main .logo svg{}
.home{display:none;}
.header-height{height:50px;transition: all 0.5s ease 0s;}
.header-height .head-main .logo{top:10px; width:90px;transition: all 0.5s ease 0s;}
.header-height .head-tool{top:0px;transition: all 0.5s ease 0s;}
@media screen and (max-width:1060px){
    header{height:80px;}
    .head-main .logo{top: 15px;width: 130px;}
    .head-tool{top:0px; }
    .head-tool li{ margin:0 0 0 10px;}
    .header-height{height:50px;}
    .translateSelectStyle {
        font-size: 12px;
    }
}
@media screen and (max-width:915px){
    header{position:inherit;height:0px;border-bottom:0;}
    .head-main .logo{position: fixed;z-index: 10000;top: 8px;left: 15px; width: 90px; }
    .head-tool{position: fixed;z-index: 10000;top:0px;right: 56px; }
}
@media screen and (max-width:575px){
    .head-main .logo{top:0px;left: 10px;width: 90px; }
    .head-tool li{margin:0 0 0 2px; }
    .head-tool li span.badges{width: 22px; height: 22px;}
    .head-tool li b{display: none;}
    .head-tool li a{height: 22px;max-height: inherit;padding: 0 5px;}
    .head-tool li a span{display: none;}
    .head-tool li a i{margin-right:5px; transform: translateY(2px); font-size:18px;}
    .head-tool li span.badges{top:0px;margin: 0 0 0 4px; display: inline-block;}
}

/** 主選單與下拉 **/
nav{transition: all 0.5s ease 0s; position: absolute; right:0; bottom:15px;}
.menu{padding:0; list-style:none; position:relative; margin:0;}
.menu>li{color:#fff; font-size:17px; text-align:center; position:relative; line-height:1.8;cursor:pointer; padding:0; margin:0; margin-left:10px; display: inline-block;}
.menu>li:last-of-type{}
.menu>li:nth-child(n+5) {display:none;}
.menu>li>a{color:#fff; font-size:20px; font-weight:600; display:block; padding:0px 10px; margin:0;transition: all 0.5s ease 0s; border-radius:8px;text-shadow: 1px 1px 2px #555;}
.menu>li>a:hover{color:#333;position: relative; background:#fff; text-shadow: none;}
.menu>li>a:hover:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 8px;border-color: transparent transparent #ffc90e transparent;position: absolute;bottom: 0;left: calc(50% - 8px);}
.menu>li.sub>ul.sub-menu{background:rgba(0,0,0,0.5); display:none; position:static; z-index:999; margin:0; padding:0; border-radius:0 0 5px 5px; overflow:hidden;}
.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:47px;}
.menu>li.sub>ul.sub-menu>li{display:block; border-top:1px #fff dotted;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:5px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#000000;}
.header-height nav{right:auto; left:120px; top:-5px; transition: all 0.5s ease 0s;}
.header-height .menu>li>a{ padding:10px 10px;transition: all 0.5s ease 0s;}
@media screen and (max-width:1060px){
    nav{left:140px; top:25px; right:auto; bottom:auto;}
    .menu>li{font-size:16px; }
    .menu>li>a{font-size:16px;}
    .header-height .menu>li>a{ padding:11px 6px;}
    .header-height nav{left:120px; top:0px;}
}
@media screen and (max-width:915px){
    .menu>li:nth-child(n+5) {display:block;}
	.slicknav_menu{display:none;}
	#menu{display:none;}
	.slicknav_menu{display:block;position: fixed;width: 100%; height:50px; top: 0;left: 0;z-index: 10000; background:var(--ci1); box-shadow:0 2px 5px rgba(0,0,0,0.6);}
}

/** edm輪播 **/
.edm-youtube{top: 7%!important;}
.edm{background:#000000; max-width:100%; margin:0 auto; position:relative;overflow: hidden;padding: 110px 0 0 0;}
.edm img{vertical-align:middle; width:100%; height:auto; }
.p-youtube{display: block;}
a.sp-video{display: block;}
@media screen and (max-width:1060px){
    .edm{padding: 80px 0 0 0;}
}
@media screen and (max-width:915px){
    .edm{padding: 50px 0 0 0;}
}

/** 配置 **/
.warpper{overflow: hidden;}
.main{}
h2.i-title{font-size: 30px; font-weight: bold;color:var(--font-color);line-height: 1.6;margin: 25px 0 10px 0;position: relative;}
h2.i-title:after{content: ''; display:inline-block; width:80px; height:5px; background:#ffc90e; position:absolute; left:calc(50% - 40px); top:45px;}
h2.i-title span.i-title-en{font-size: 14px; line-height:1; color: var(--font-color);font-weight: normal; display: block; margin-top:10px;}
.more{font-size: 13px; color: #000000;position: absolute;bottom:10px;right:0;font-weight:400;}
.more a{display:inline-block;color: #000000; padding: 1px 15px; border:1px var(--ci1) solid;}
.more a:hover{background:var(--ci1); color: #ffffff;}
@media screen and (max-width:575px){
    h2.i-title{font-size: 26px;}
    h2.i-title span.i-title-en{font-size: 12px;}
    .more{position:inherit;right:inherit; bottom:inherit;display: flex;justify-content: flex-end;margin: 5px 0 0 0;}
    .more a{display: table;}
}
@media screen and (max-width:374px){
    h2.i-title span.i-title-en{width: 100%;display: block;}
}

/** 首頁預約 **/
.i-reservation-main{margin:20px 0 -20px 0;padding: 4% 15px 2% 15px;}
.i-reservation{max-width:1200px; margin:0 auto;}
.i-reservation ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.i-reservation ul li{padding: 0;margin:40px 10px; text-align: center;width: calc(100%/4 - 20px);position: relative; height:180px; background: no-repeat center; background-size: cover;}
.i-reservation ul li a{display: block;position: relative; background:rgba(0,0,0,0.2); width: 100%; height: 100%; display: block;}
.i-reservation ul li a:hover{background: rgba(0,0,0,0.6);}
.i-reservation ul li h3{font-size: 20px;color: #ffffff;font-weight: bold; line-height: 1; overflow: hidden; transition: all 0.5s ease-in-out 0s; transform: translateY(4%); height: 92%; border:2px #fff solid; width:92%; margin:0 auto; padding-top:25%;}
.i-reservation ul li h3 span{font-size: 16px;display: block;}
.i-reservation ul li .mask{width:100%; height: 100%; background:rgba(255,255,255,0.7);}
@media screen and (max-width:915px){
	.i-reservation ul li{width: calc(100%/2 - 20px); height:140px; margin-bottom: 0;}
    .i-reservation ul li:nth-last-child(1){margin-bottom: 40px;}
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
    .i-reservation ul li .i-reservation-icon{}
    .i-reservation ul li h3{font-size: 17px;}
}
@media screen and (max-width:450px){
}
@media screen and (max-width:374px){
    	.i-reservation ul li{margin:20px 5px 20px 5px;}
    .i-reservation ul li .i-reservation-icon{width: 54px;height: 54px;margin:-27px auto 15px auto; }
}

/** 首頁精選行程 **/
.i-itinerary-main{padding:15px 15px 30px 15px; position: relative;}
.i-itinerary{max-width:1200px; margin:0 auto;}
h2.i-itinerary-title{text-align: center;}
.i-itinerary ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-itinerary ul li{padding: 0;margin: 10px;width:70%; position: relative;}
.i-itinerary ul li:after{content: ''; display: block; clear: both;}
.i-itinerary ul li a{display: block;box-shadow: 0 3px 0 0 #ffc90e;}
.i-itinerary ul li a:hover{box-shadow: 0 0 0 1px #ffc90e;}
.i-itinerary ul li .i-itinerary-photo{background-position: center center;background-repeat: no-repeat;background-size: contain;background-color: #000000; width:100%; max-width:250px; box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
.i-itinerary ul li .i-itinerary-information{background: rgba(0,0,0,.86);position: absolute;bottom: 0;right: 0;width:100%; max-width:calc(100% - 250px);padding: 15px;max-height: 148px;overflow: hidden;transition: all 0.5s ease 0s;}
.i-itinerary ul li .i-itinerary-information h4{margin:5px 0 10px 0;padding: 0;line-height: 1.6;font-size: 18px;font-weight: bold;color: #ffffff;overflow: hidden;text-overflow: ellipsis;height: 28px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-itinerary ul li .i-itinerary-information .i-itinerary-content{font-size: 16px;color: #eeeeee;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all 0.5s ease 0s;}
.i-itinerary ul li:nth-child(even){margin-left:30%;}
.i-itinerary ul li:nth-child(even) .i-itinerary-photo{float: right;}
.i-itinerary ul li:nth-child(even) .i-itinerary-information{right:auto; left:0;}
.i-itinerary ul li .i-itinerary-more{display:none;transition: all 0.5s ease 0s;}
.i-itinerary ul li .i-itinerary-more img{width: 100%;}
.i-itinerary ul li:hover .i-itinerary-more{display:flex;align-items: center;justify-content: center; width: 48px;height: 48px;margin:40px auto 0 auto;border: 3px #ffc90e solid;background: #000000;border-radius: 100px;padding: 10px;transition: all 0.5s ease 0s;}
.i-itinerary ul li:hover .i-itinerary-information{background: rgba(0,0,0,.9);max-height:inherit;overflow: hidden;height: 100%;padding:15px;transition: all 0.5s ease 0s; overflow-y: auto;}
.i-itinerary ul li:hover .i-itinerary-information .i-itinerary-content{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:8; overflow: hidden;transition: all 0.5s ease 0s;}
.jarallax{opacity:0.7;}
@media screen and (max-width:1140px){
    .i-itinerary ul li:hover .i-itinerary-information .i-itinerary-content{height:150px;-webkit-line-clamp: 6;}
    .i-itinerary ul li:hover .i-itinerary-more{margin:30px auto 0 auto;}
}
@media screen and (max-width:990px){
    .i-itinerary ul li:hover .i-itinerary-information{padding:20px 15px 15px 15px;}
    .i-itinerary ul li:hover .i-itinerary-more{margin:20px auto 0 auto;}
}
@media screen and (max-width:767px){
    .i-itinerary ul li{width:100%;}
    .i-itinerary ul li:nth-child(even){margin-left:0;}
    .i-itinerary ul li .i-itinerary-information h4{margin:0 0 5px 0;font-size: 17px;height: 27px;}
	.i-itinerary ul li .i-itinerary-information .i-itinerary-content{font-size: 15px;}
    .i-itinerary ul li:hover .i-itinerary-information{padding:15px;}
    .i-itinerary ul li:hover .i-itinerary-information .i-itinerary-content{}
    .i-itinerary ul li:hover .i-itinerary-more{margin:10px auto 0 auto;width: 40px;height: 40px;padding: 8px;}
}
@media screen and (max-width:575px){
    .i-itinerary ul li{margin: 10px 0;width:100%;}
    .i-itinerary ul li .i-itinerary-information{max-width:300px; background: rgba(0,0,0,.7)}
    .i-itinerary ul li .i-itinerary-information h4{margin:5px 0 10px 0;font-size: 18px;height: 28px;}
	.i-itinerary ul li .i-itinerary-information .i-itinerary-content{font-size: 16px;height: 75px;-webkit-line-clamp: 3;}
    .i-itinerary ul li:hover .i-itinerary-information{max-width: none; background: rgba(0,0,0,.7)}
    .i-itinerary ul li:hover .i-itinerary-information .i-itinerary-content{height: 150px;-webkit-line-clamp: 6;}
    .i-itinerary ul li:hover .i-itinerary-more{margin:20px auto 0 auto;width: 48px;height: 48px;padding: 10px;}
}
@media screen and (max-width:374px){
     h2.i-itinerary-title{background: url("../images/icon-title001.png")no-repeat top 17px left;background-size: 42px;}
}

/** 首頁司機評價 **/
.i-evaluation-main{padding: 2% 15px 0 15px;}
.i-evaluation{max-width:1200px; margin:0 auto;}
h2.i-evaluation-title{text-align: center;}
.owl-carousel .item{padding: 0;margin: 20px 10px;}
.owl-carousel .item h4{padding: 0; margin: 0;line-height: 1.6;border: 1px #ffc90e solid;font-size: 16px;}
.owl-carousel .item h4 a {display: block;color: #ffffff;padding: 10px;}
.owl-carousel .item h4:hover {background: rgba(255,255,255,.15);}
.owl-carousel .i-evaluation-name{font-size: 22px;color: #ffffff;margin: 5px 0;font-weight: bold;}
.owl-carousel .i-evaluation-star{margin: 5px 0 15px 0;}
.owl-carousel .i-evaluation-star>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.owl-carousel .i-evaluation-star>ul>li{padding: 0;margin: 0 4px;flex: 1;max-width: 20px;}
.owl-carousel .i-evaluation-star>ul>li:first-of-type{margin: 0 4px 0 0;}
.owl-carousel .i-evaluation-information{}
.owl-carousel .i-evaluation-information>ul{list-style: none;padding: 0;margin: 0;}
.owl-carousel .i-evaluation-information>ul>li{padding: 0 0 0 20px;margin:8px 0;dwidth: 100%;font-size: 15px;line-height: 1.4; overflow: hidden;text-overflow: ellipsis;height: 63px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;position: relative;}
.owl-carousel .i-evaluation-information>ul>li:before{content: "";display: block;width: 4px; height: 4px;border-radius: 5px; background: #ffc90e;position: absolute;left:6px;top: 8px;}
@media screen and (max-width:575px){
}
@media screen and (max-width:575px){
    .owl-carousel .item{margin:10px 5px;}
    .owl-carousel .i-evaluation-name{font-size: 18px;}
}
@media screen and (max-width:374px){
    h2.i-evaluation-title{background: url("../images/icon-title003.png")no-repeat top 15px left;background-size: 42px;}
}

/** 首頁合作夥伴 **/
.i-partner-main{padding:2% 15px;}
.i-partner{max-width:1200px; margin:0 auto;}
h2.i-partner-title{text-align: center;}
.i-partner ul{list-style: none;padding: 0;margin:20px 0;display: flex;flex-wrap: wrap;}
.i-partner ul li{padding: 0;margin: 10px;width: calc(25% - 20px);}
.i-partner ul li .i-partner-photo-main{box-shadow: 0 0 0 1px #ffc90e;padding: 15px ;}
.i-partner ul li:hover .i-partner-photo-main{box-shadow: 0 -2px 0 0 #ffc90e inset, 0 0 0 1px #ffc90e;}
.i-partner ul li .i-partner-photo{background-position: center center;background-repeat: no-repeat;background-size: contain; transform:scale(0.9);transition: all 0.5s ease 0s;opacity: 1;}
.i-partner ul li:hover .i-partner-photo{transform:scale(1);transition: all 0.5s ease 0s;opacity:.8;}
.i-partner ul li h3{font-size: 16px;color:var(--font-color);margin:10px 0 0 0;text-align: center;}
.i-partner ul li a{display: block;padding: 0; transition: all 0.5s ease 0s;}
.i-partner ul li a:hover{transition: all 0.5s ease 0s;}
@media screen and (max-width:767px){
    .i-partner ul li{width: calc(50% - 20px);}
}
@media screen and (max-width:575px){
    h2.i-partner-title{}
    .i-partner ul li{width: calc(50% - 10px);margin: 5px;}
}
@media screen and (max-width:374px){
    h2.i-partner-title{background: url("../images/icon-title002.png")no-repeat top 3px left;background-size: 42px;padding: 0px 0 0 56px;}
}

/** 首頁認證 **/
.i-certification-main{padding:2% 15px;}
.i-certification{max-width:1200px; margin:0 auto;}
h2.i-certification-title{background: url("../images/icon-title005.png")no-repeat top left;background-size: 51px;padding: 20px 0 0 66px;}
.i-certification ul{list-style: none;padding: 0;margin:20px 0;display: flex;flex-wrap: wrap;}
.i-certification ul li{padding: 0;margin: 10px;width: calc(25% - 20px);}
.i-certification ul li .i-certification-photo-main{box-shadow: 0 0 0 1px #ffc90e;padding: 15px ;}
.i-certification ul li:hover .i-certification-photo-main{box-shadow: 0 -2px 0 0 #ffc90e inset, 0 0 0 1px #ffc90e;}
.i-certification ul li .i-certification-photo{background-position: center center;background-repeat: no-repeat;background-size: contain;background-color: #000000; transform:scale(0.9);transition: all 0.5s ease 0s;opacity: 1;}
.i-certification ul li:hover .i-certification-photo{transform:scale(1);transition: all 0.5s ease 0s;opacity:.8;}
.i-certification ul li h3{font-size: 16px;color: #ffffff;margin:10px 0 0 0;text-align: center;}
.i-certification ul li a{display: block;padding: 0; background: #000000;transition: all 0.5s ease 0s;}
.i-certification ul li a:hover{transition: all 0.5s ease 0s;}
@media screen and (max-width:767px){
    .i-certification ul li{width: calc(50% - 20px);}
}
@media screen and (max-width:575px){
    h2.i-certification-title{background: url("../images/icon-title005.png")no-repeat top 0 left;background-size: 42px;padding: 15px 0 0 56px;}
    .i-certification ul li{width: calc(50% - 10px);margin: 5px;}
}
@media screen and (max-width:374px){
    h2.i-certification-title{background: url("../images/icon-title005.png")no-repeat top 3px left;background-size: 42px;padding: 0px 0 0 56px;}
}

/** 內頁banner **/
.inside-banner{padding:130px 0 10px 0;}
.inside-banner .banner-title{max-width:1200px; font-size:18px; color:var(--font-color); margin:0 auto; padding:0;}
.banner-title-ch{ font-size:30px; color:var(--font-color);line-height: 1.4;font-weight:normal;padding: 0;letter-spacing: 2px;display: table;margin: 0 auto; position: relative; z-index: 2; font-weight:600; text-shadow:0 0 5px #fff;}
.banner-title-en{ font-size:15px; color:#fff; line-height: 1.2; letter-spacing: 2px; position: relative; display:table; margin:-15px auto 0 auto; background: var(--ci1); min-width:160px; padding:10px 10px 5px 10px; text-align: right; font-weight:600; text-transform:capitalize;border-radius: 0 0 8px 0;}
@media screen and (max-width:1060px){
	.inside-banner{padding:100px 0 10px 0;}
}
@media screen and (max-width:915px){
	.inside-banner{padding:65px 0 5px 0;}
    .banner-title-ch{ font-size:26px;}
    .banner-title-en{ font-size:12px;}
}

/** Breadcrumb **/
nav[aria-label="breadcrumb"] {padding: 0 0 0 0 ;max-width: inherit;margin: 0; position: static;}
.breadcrumb{display:flex; flex-wrap:wrap; justify-content: flex-end; width:100%; max-width:1200px; margin:0 auto; padding:10px 15px; list-style:none; background-color:transparent; border-radius:0.25rem;font-size: 14px;}
.breadcrumb-item{padding-left:0.5rem;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:0.5rem; color:#cccccc; content:"/";}
.breadcrumb-item a{font-weight:normal; text-decoration:none; color:#666;}
.breadcrumb-item a:hover{color:#ffc90e; text-decoration:none;}
.breadcrumb-item.active{color:var(--ci1);}
.breadcrumb .breadcrumb-item:nth-child(1) a{color:var(--ci1);}
/** 內頁架構 **/
.content-body{max-width:1200px; margin:0 auto; padding:10px 0 40px 0;position: relative;}
.page-title{font-size:22px; font-weight: 600; color:var(--font-color); padding:2px 0 2px 0px; margin:15px 0 10px 0;width: 100%;font-weight:normal;position: relative;line-height: 1.4;}
.page-main, .page-main *{font-size:20px;}
.page-main{padding:0; color:#333;}
.page-main a{text-decoration: underline;}
.page-main a:hover{color: #ffc90e;}
@media screen and (max-width:767px){
	.content-body{padding:5px 0 20px 0;}
    .page-title{font-size:18px; }

}

/** 左邊分類 **/
.left-menu-title{background:#e9ecef; text-align:center; font-size:18px; font-weight:bold; padding:8px 0; border-radius:5px 5px 0 0; margin-bottom:3px; border-bottom:2px solid #6d6d6d; color:#525252;}
.in-left-menu{margin:0 20px 0 0}
.in-left-menu>ul{margin:0 ; padding:0; list-style:none;display: block;}
.in-left-menu>ul>li{font-size:16px; padding:0;width:100%;margin:15px 10px;}
.in-left-menu>ul>li>a{color:var(--font-color);  display:block; padding:8px 15px; box-shadow:2px 2px 5px rgba(0,0,0,0.6); font-weight: 600; border-bottom:5px #fff solid;}
.in-left-menu>ul>li>a:hover{transform: translateX(15px); border-color:#ffc90e;}
.in-left-menu>ul>li>.current{background:#ffc90e;color:#000000; transform: translateX(15px);}
.in-left-menu>ul>li>.current:hover{background:#ffc90e;}
.in-left-menu>ul>li ul{margin:0 -1px; padding:0; list-style:none;background: rgba(255,255,255,.2);}
.in-left-menu>ul>li ul li{padding:0;}
.in-left-menu>ul>li ul li a{font-size:15px; color:#333; display:block;position: relative;padding: 8px 8px 8px 34px;}
.in-left-menu>ul>li ul li a:before{content: "";display: block;width: 4px; height: 4px;background:#ffc90e;position: absolute;top:18px;left:20px; }
.in-left-menu>ul>li ul li a:hover{color:#ffc90e;}
.in-left-menu>ul>li>.in-left-menu-one{display:block; padding:8px 15px;box-shadow: 0 0 0 1px #ffc90e;}
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
.left-menu-title{background:#e9ecef; text-align:center; font-size:18px; font-weight:bold; padding:8px 0; border-radius:5px 5px 0 0; margin-bottom:3px; border-bottom:2px solid #6d6d6d; color:#525252;}
.in-top-menu{margin:140px 0 30px 0;}
.in-top-menu>ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap; justify-content: center;}
.in-top-menu>ul>li{font-size:16px; color:#ffffff; padding:0;width: auto;margin: 10px;}
.in-top-menu>ul>li>a{background:#000000; color:#ffffff;  display:block; padding:8px 15px; border-radius:6px;}
.in-top-menu>ul>li>.current, .in-top-menu>ul>li>a:hover{background:#ffc90e;color:#000000;}
.in-top-menu>ul>li>.current:hover{background:#ffc90e;color:#000000;}
.in-top-menu>ul>li ul{margin:5px 0 0 30px; padding:0; list-style:square;}
.in-top-menu>ul>li ul li{border-top:1px #CCC dotted; padding:5px 5px 5px 0;}
.in-top-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-top-menu>ul>li ul li a:hover{color:#71743D;}
@media screen and (max-width:767px){
    .in-left-menu{margin:0 ; } .in-top-menu{margin-top:80px;}
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; border:1px solid #ffc90e;}
	.m_classLink a.main{display:block; background:none; font-size:16px; font-family:"Microsoft JhengHei", "新細明體", sans-serif; color:var(--font-color); position:relative; padding:8px 15px;}
	.m_classLink a.main i{display:block; font-size:18px; background:#ffc90e; width:41px; height:100%; text-align:center; color:#000000; line-height:41px; position:absolute; right:0; top:0;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background: #fff; border:1px solid #ffc90e; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:8px 15px; border-top:1px solid #ffc90e; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:16px; color:var(--font-color);}
	.m_classLink ul li a:hover{background:#ffc90e;color:#000000;}
	.m_classLink ul li ul{display:block; margin:0; padding:0; list-style:none; width:100%;  border:0; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;background: rgba(255,255,255,.2);}
	.m_classLink ul li ul li{}
	.m_classLink ul li ul li a{font-size:15px;border:0; }
	.m_classLink ul li ul li a:hover{color:#ffc90e;background: none;}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
    .in-left-menu-one{display:block; padding:8px 15px; border-top:1px solid #ffc90e; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:16px; color:#ffffff;}
}

/** 司機評價 **/
.driver-evaluation{}
.driver-evaluation>ul{padding: 0;margin:0;list-style: none;display: flex;flex-wrap: wrap;}
.driver-evaluation>ul>li{padding: 0; margin: 10px;width: calc(100%/3 - 20px);border: 1px #ffc90e solid;}
.driver-evaluation>ul>li a{display: block;color: #ffffff;padding: 10px;}
.driver-evaluation>ul>li:hover {background: rgba(255,255,255,.15);}
.driver-evaluation>ul>li .evaluation-name{font-size: 22px;color: #ffffff;margin: 5px 0;font-weight: bold;}
.driver-evaluation>ul>li .evaluation-star{margin: 5px 0 15px 0;}
.driver-evaluation>ul>li .evaluation-star>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.driver-evaluation>ul>li .evaluation-star>ul>li{padding: 0;margin: 0 4px;flex: 1;max-width: 20px;}
.driver-evaluation>ul>li .evaluation-star>ul>li:first-of-type{margin: 0 4px 0 0;}
.driver-evaluation>ul>li .evaluation-information{}
.driver-evaluation>ul>li .evaluation-information>ul{list-style: none;padding: 0;margin: 0;}
.driver-evaluation>ul>li .evaluation-information>ul>li{padding: 0 0 0 20px;margin:8px 0;dwidth: 100%;font-size: 15px;line-height: 1.4; overflow: hidden;text-overflow: ellipsis;height: 63px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;position: relative;}
.driver-evaluation>ul>li .evaluation-information>ul>li:before{content: "";display: block;width: 4px; height: 4px;border-radius: 5px; background: #ffc90e;position: absolute;left:6px;top: 8px;}
@media screen and (max-width:767px){
    .driver-evaluation>ul>li{width: calc(100%/2 - 10px);margin: 5px;}
}
@media screen and (max-width:575px){
    .driver-evaluation>ul>li{margin:5px 0;width: calc(100%/1 - 0px);}
    .driver-evaluation>ul>li .evaluation-name{font-size: 18px;}
}

/** 司機評價明細頁 **/
.c-evaluation-star{ background:var(--ci1); padding:0 5px 5px 5px; display: inline-block;}
.c-evaluation-star>ul{list-style: none;padding: 0;margin: 0;display:inline-block; width:163px;}
.c-evaluation-star>ul>li{padding: 0;margin: 0 4px;flex: 1;max-width: 22px; display: inline-block;}
.c-evaluation-star>ul>li:first-of-type{margin: 0 4px 0 0;}
.comment-content{margin: 15px 0 0 0;}
.comment-content>ul{list-style: none;padding: 0;margin: 0;}
.comment-content>ul>li{padding: 15px 15px 15px 45px;margin:8px 0;font-size: 16px;position: relative;border-radius: 5px; width: calc(50% - 30px); float: left;}
.comment-content>ul>li:nth-child(even){background: rgba(255,255,255,.2);}
.comment-content>ul>li:before{content: "";display: block;width: 10px; height: 10px;border: 2px #000000 solid;box-shadow:0 0 0 1px #ffc90e;border-radius: 5px; background: #ffc90e;position: absolute;left:20px;top: 22px;}
@media screen and (max-width:767px){
    .c-evaluation-star>ul>li{max-width: 20px;}
    .comment-content>ul>li{width:100%;}
}
@media screen and (max-width:575px){
    .c-evaluation-star{position:inherit;top:inherit;right:inherit;margin: 5px 0 0 0;}
    .c-evaluation-star>ul>li{max-width:18px;}
}

/** 最新消息 **/
.news{}
.news ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.news ul li{display: block;padding:0;margin: 25px 10px;width: calc(100%/2 - 20px);text-align: justify; box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
.news ul li:hover{background:#ffc90e; transition: all 0.4s ease-in-out;}
.news ul li a{color:var(--font-color); display:block;padding:15px; font-weight: 600;}
.news ul li:hover a *{color:#fff;}
.news ul li .news-date{width:100%; color:#333; font-size:13px;}
.news ul li .news-date .news-day{width: 50px;height: 50px;padding: 10px; margin: 0 auto 5px auto;background: #ffc90e;font-weight: bold; font-size: 26px;color: #000000;border-radius: 3px;display: flex;align-items: center;justify-content: center;}
.news ul li .news-date .news-year{}
.news ul li .news-content{width: 100%;font-size:16px; color:var(--font-color);overflow: hidden;text-overflow: ellipsis;height: 50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-detail-date{border-left:3px #ffc90e solid;color:#000000;font-size: 13px;display: table;padding:3px 15px;margin: 0 0 15px 0;font-style: italic;text-transform: uppercase;}
@media screen and (max-width:767px){
	.news ul li{margin: 25px 10px;width: calc(100%/2 - 20px);}
}
@media screen and (max-width:575px){
	.news ul li{margin: 25px 0px;width: calc(100%/1 - 0px);}
}

/** 合作夥伴 **/
.partner{}
.partner ul{list-style: none;padding: 0;margin:0;display: flex;flex-wrap: wrap;}
.partner ul li{padding: 0;margin: 10px;width: calc(100%/4 - 20px);}
.partner ul li .i-partner-photo-main{box-shadow: 0 0 0 1px #ffc90e;padding: 15px ;}
.partner ul li:hover .i-partner-photo-main{box-shadow: 0 -2px 0 0 #ffc90e inset, 0 0 0 1px #ffc90e;}
.partner ul li .i-partner-photo{background-position: center center;background-repeat: no-repeat;background-size: contain; transform:scale(0.9);transition: all 0.5s ease 0s;opacity: 1;}
.partner ul li:hover .i-partner-photo{transform:scale(1);transition: all 0.5s ease 0s;opacity:.8;}
.partner ul li h3{font-size: 16px;color: #ffffff;margin:10px 0 0 0;text-align: center;}
.partner ul li a{display: block;padding: 0;transition: all 0.5s ease 0s;}
.partner ul li a:hover{transition: all 0.5s ease 0s;}
@media screen and (max-width:767px){
    .partner ul li{width: calc(100%/3 - 20px);}
}
@media screen and (max-width:575px){
    .partner ul li{width: calc(100%/2 - 10px);margin: 5px;}
}

/** 產品搜尋 **/
.pro-search-info{font-size:18px; color:#ffffff;margin-bottom:20px; text-align:center; padding:10px;background: rgba(255,255,255,.2);border-radius: 3px;}

/** 產品列表介紹 **/
.pro-store-info{font-size:15px; color:#666; padding:10px; margin-bottom:20px;}
.pro-list ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.pro-list ul li{width:100%; margin:10px 0; padding:0px;}
.pro-list ul li a{display: flex;}
.pro-list ul li a:hover{}
.pro-photo-main{width: 250px;}
.pro-photo{background:#000000; width:100%; position:relative;display:flex; height:100%; align-items:center; justify-content:center;box-shadow: 0 0 0 1px #ffc90e;}
.pro-photo img.index-pro-img{width:auto; height:auto; flex-shrink:0;}
.pro-list ul li .pro-information{flex: 1;padding:0px 0 15px 15px;}
.pro-list ul li .pro-information h4{font-size:17px; color:var(--ci1); line-height:1; font-weight:bold; padding:0; margin:5px 0 10px 0;overflow: hidden;text-overflow: ellipsis;height:27px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro-list ul li .pro-information .pro-content{font-size:16px; overflow: hidden;text-overflow: ellipsis;height: 100px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin: 0 0 10px 0;}
.pro-list ul li .pro-information .pro-day{font-size:15px; color:#bbbbbb;margin: 5px 0;}
.pro-list ul li .pro-information .pro-day i{margin: 0 8px 0 0;}
.pro-list ul li .pro-information .pro-area{font-size:15px; color:#bbbbbb;margin: 5px 0;}
.pro-list ul li .pro-information .pro-area i{margin: 0 8px 0 0;}
.pro-list ul li .pro-information .pro-price{color:#f22121; font-size:20px;margin: 10px 0 0 0; padding:0;text-align: right; display:block;}
@media screen and (max-width:767px){
	.pro-photo-main{width: 190px;}
    .pro-list ul li .pro-information .pro-content{height: 48px;-webkit-line-clamp: 2;font-size:15px;}
    .pro-list ul li .pro-information h4{font-size:16px;margin:0 0 5px 0 ;height:25px;}
    .pro-list ul li .pro-information .pro-price{ font-size:18px;}
    .pro-list ul li .pro-information .pro-day{font-size:14px;}
    .pro-list ul li .pro-information .pro-area{font-size:14px;}
}
@media screen and (max-width:575px){
    .pro-list ul li{width:calc(100%/2 - 16px);margin: 8px;}
    .pro-list ul li a{display: block;}
    .pro-photo-main{width: 100%;}
    .pro-list ul li .pro-information{width: 100%; padding: 10px 0 ;}
}

/** 產品明細 **/
.pro-detaile-title{font-size:18px; color:#333; padding:5px; margin:0 0 10px 0; font-weight:normal;}
.pro-detaile-box{display:flex; flex-wrap:wrap; margin:0 0 15px 0;}
.pro-detaile-photo-box{width:calc(50% - 25px); margin:0 25px 0 0;}
.pro-detaile-spe-box{width:50%; position:relative; padding-bottom:210px;}
.pro-detaile .pro-photo-box{background:#fff; width:100%; margin:0; padding:0;}
.pro-detaile .pro-photo-box img{width:100%; height:auto;}
.pro-list-time{background:url(../images/time.png) left center no-repeat; font-size:12px; color:#968c69; padding-left:20px;}
.pro-specification{font-size:15px; color:#333; position:relative;}
.cart-info{position:absolute; width:100%; bottom:0;}
.cart-info .price{font-size:22px; font-weight:bold; color:#F00; vertical-align:middle; display:block; text-align:right;}
.cart-info .price.origin{font-size:smaller; color:#666; text-decoration:line-through;}
.cart-info .price.special{font-size:smaller; color:#000;}
h3.pro-introduce{background:#999; font-weight:normal; border-left:5px #111111 solid; padding:8px 10px; font-size:20px; color:#fff; margin:25px 0 15px 0;}
.pro-content{padding:0px 0; font-size:15px; color:#333; clear:both;}

@media screen and (max-width:767px){
	.pro-detaile-box{display:block;}
	.pro-detaile-photo-box{width:100%; margin:0 0 15px 0;}
	.pro-detaile-spe-box{width:100%; padding-bottom:0;}
	.cart-info{position:inherit; bottom:inherit;}
}

/** 產品明細圖片特效 **/
.slider-wrap{width:100%;}
.stripViewer .panelContainer{width:400% !important;}
.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px; width:100%;}
.stripViewer{position:relative; overflow:hidden; width:100%; height:auto;}
.stripViewer .panelContainer{position:relative; left:0; top:0; width:400%;}
.stripViewer .panelContainer .wrapper{width:100%; display:flex; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.stripViewer .panelContainer img{width:auto; height:auto; max-width:100%; max-height:100%;}
.stripViewer .panelContainer .panel{float:left; position:relative;}
.stripNavL, .stripNavR, .stripNav{display:none; width:100%;}
.slider-wrap a{height:auto;}
.nav-thumb{margin-right:0;}
#movers-row{margin:5px 0 0 0; width:101%;}
#movers-row div{width:25%; float:left; padding-right:1%;}
#movers-row div a.cross-link{float:right; display:flex; width:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center; border:1px #C0C0C0 solid;}
#movers-row div a.cross-link img{width:auto; height:auto; max-width:100%; max-height:100%;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{}
.panel{width:25%;}

@media screen and (max-width:370px){
	.stripViewer .panelContainer .wrapper{height:323px;}
	#movers-row div a.cross-link{height:77px;}
}


/** 目的地 **/
.destination{}
.destination ul{list-style: none;padding: 0;margin: 0 0 0 0;display: block;counter-reset: li;}
.destination ul li{padding: 0;margin:10px 0;width: 100%;display: flex;align-items: center;counter-increment: li;font-size: 16px;}
.destination ul li:before {content: counter(li); color:#ffffff;display: inline-block; width:2em;margin-right: 0.5em; text-align: center; direction: rtl}
.destination ul li a {color:#ffffff;}
.destination ul li a:hover {color:#eeeeee;}
.destination ul li .field{flex: 1;width: 100%;}
.destination ul li .features{width: 150px;display: flex;}
.destination ul li .move{flex: 1;max-width: 50px;margin: 0 5px;text-align: center;font-size:20px;color: #f4a721;}
.destination ul li .edit{flex: 1;max-width: 50px;margin: 0 5px;text-align: center;font-size:20px;color: #1ae637;}
.destination ul li .edit a{color: #1ae637;}
.destination ul li .delete{flex: 1;max-width: 50px;margin: 0 5px;text-align: center;font-size:20px;color: #fa2424;}
.destination ul li .delete a{color: #fa2424;}
@media screen and (max-width:767px){
    .destination ul li .features{width: 90px;display: flex;}
    .destination ul li .move{max-width: 30px;font-size:18px;}
    .destination ul li .edit{max-width: 30px;font-size:18px;}
    .destination ul li .delete{max-width: 30px;font-size:18px;}
}
@media screen and (max-width:575px){
    .destination ul li{flex-wrap: wrap;}
    .destination ul li .features{width:100%;display: flex;justify-content: flex-end;margin: 10px 0 0 0;}
}

/** 費用試算 **/
.cost-calculation ul li.no{}
.cost-calculation{z-index: 10000;border-radius:10px; box-shadow:-2px 2px 5px rgba(0,0,0,0.2); width:calc(100% - 30px); max-width:1170px; margin:0 auto; text-align: center; background: #fff;}
.cost-calculation ul{list-style: none;padding: 0;margin: 0;}
.cost-calculation ul li{display:inline-block;padding:10px;margin: 0;text-align: center; vertical-align: top;}
.cost-calculation ul li .cost-icon{font-size: 16px;color: #000000;max-width: 50px; margin: 0 auto 5px auto;}
.cost-calculation ul li .cost-title{font-size: 16px;color: #000000; display: inline-block; vertical-align: top;}
.cost-calculation ul li .cost-content{font-size: 16px;color: #f22121;font-weight: bold; display: inline-block; text-align: right;}
.cost-calculation.affix{top:50px;}
@media screen and (max-width:1310px){
    .cost-calculation{width:100%;}
    .cost-calculation ul li.no{display: none;}
    .cost-calculation ul{display: flex;}
    .cost-calculation ul li{flex: 1;padding:8px; border-bottom: 0px rgba(0,0,0,.4) solid;border-right: 1px rgba(0,0,0,.4) solid;box-shadow: 1px 0px 0 0 rgba(255,255,255,.8); }
    .cost-calculation ul li:last-of-type{border-right: 0px rgba(0,0,0,.4) solid;box-shadow: 0px 0px 0 0 rgba(255,255,255,0);}
    .cost-calculation ul li .cost-icon{max-width: 40px; }
    .cost-calculation ul li .cost-title{font-size: 15px;color: #000000; display: block;}
    .cost-calculation ul li .cost-content{font-size: 15px;}
}
@media screen and (max-width:575px){
    .cost-calculation ul li .cost-icon{display: none;}
}
@media screen and (max-width:374px){
    .cost-calculation ul li{padding:6px 4px;}
    .cost-calculation ul li .cost-title{font-size: 14px;}
    .cost-calculation ul li .cost-content{font-size: 15px;}
}


/** 預約清單 **/
.airport-note{background:rgba(255,255,255,.2);padding: 15px;text-align: center;border-radius: 5px; margin: 8px 8px 38px 8px;border: 2px #ffc90e dotted;box-shadow: 0 0 0 8px rgba(255,255,255,.2);}
.airport-note span{color:  #ffc90e;}
.appointment-list{}
.appointment-list-title{font-size:18px; color:#000000; padding:5px 15px;background: #ffc90e;text-align: center;border-radius: 3px;}
.appointment-list-content{font-size:16px; color:#ffffff;padding: 16px;text-align: center;margin: 0 0 20px 0;}
.appointment-list-content02{font-size:16px; color:#ffffff;padding: 16px;margin: 0 0 0px 0;}
.appointment-list-content>ul{list-style: none;padding: 0;margin: 0;}
.appointment-list-content>ul>li{padding: 0;margin:5px 0;display: flex;}
.appointment-list-content>ul>li .appointment-list-content-title{width: 90px;font-size: 16px;color: #ffc90e; margin:0 ;background: rgba(255,255,255,.2);padding: 5px 10px;text-align: right;}
.appointment-list-content>ul>li .appointment-list-content-dep{flex: 1; color: #ffffff;font-size: 16px;padding: 5px 10px;text-align: left;}
.departure-icon{}
.departure-icon:before{content: "";display:inline-block;width: 61px;height: 25px; background: url("../images/position-icon001.png")no-repeat left top;background-size: 61px;margin:0 10px 0 0;position: relative;top: 3px;}
.destination-icon{}
.destination-icon:before{content: "";display:inline-block;width:17px;height:25px; background: url("../images/position-icon002.png")no-repeat left top;background-size: 17px;margin:0 10px 0 0;position: relative;top: 3px;}
.date-icon{}
.date-icon:before{content: "";display:inline-block;width:23px;height:25px; background: url("../images/date-icon.png")no-repeat left top;background-size: 23px;margin:0 10px 0 0;position: relative;top: 3px;}
@media screen and (max-width:767px){
    .appointment-list-title{font-size:17px; }
    .departure-icon:before{width: 53px;height: 22px; background: url("../images/position-icon001.png")no-repeat left top;background-size: 53px;}
    .destination-icon:before{width:15px;height:22px; background: url("../images/position-icon002.png")no-repeat left top;background-size: 15px;}
    .date-icon:before{width:20px;height:22px; background: url("../images/date-icon.png")no-repeat left top;background-size: 20px;}
}

/** 支付方式 **/
.pay{display: none;}

/** 行程介紹 **/
.itinerary-detail{font-size: 16px;margin: 0 0 30px 0;}
.itinerary-detail-note{margin: 0 0 10px 0;}
.itinerary-detail-note span{display: inline-block;}
.itinerary-detail-note span.itinerary-day{font-size:15px; color:#bbbbbb;margin: 5px;}
.itinerary-detail-note span.itinerary-day i{margin: 0 8px 0 0;}
.itinerary-detail-note span.itinerary-area{font-size:15px; color:#bbbbbb;margin: 5px;}
.itinerary-detail-note span.itinerary-area i{margin: 0 8px 0 0;}
.itinerary-detail-dep{border-bottom: 1px #cccccc solid;padding: 0 0 15px 0;}
.itinerary-detail-content{padding: 15px 0 0 0;}
.itinerary-detail-price{}
.itinerary-detail-price h4{font-size: 18px; font-weight:normal;padding: 0;margin:25px 0 10px 0;color: var(--ci1);}
.itinerary-detail-price .itinerary-detail-price-content{font-size: 16px;}
.itinerary-detail-price .itinerary-detail-price-content ul{list-style: none;padding: 0;margin:10px 0;display: flex;flex-wrap: wrap;}
.itinerary-detail-price .itinerary-detail-price-content ul li{padding: 0;margin: 0 10px;}
.itinerary-detail-price .itinerary-detail-price-content ul li i{margin: 0 4px;font-size: 16px;padding: 0;}
.itinerary-detail-price .itinerary-detail-price-content ul li i.fa-check{color: #30dc23;}
.itinerary-detail-price .itinerary-detail-price-content ul li i.fa-times{color: #f22121;}
.markup-note{}
.markup-note h4{font-size: 17px; font-weight:normal;line-height: 1.4; padding: 0;margin:25px 0 5px 0;color: #f22121;}
.markup-note ul{list-style: none;padding: 0;margin: 0;}
.markup-note ul li{padding: 0;margin: 0;font-size: 16px;color: #ffffff;}

/** 景點介紹 **/
h4.attractions-title{font-size:17px; color:#ffffff; line-height:1.6; font-weight:bold; padding:5px 0 5px 0; margin:0;}
.attractions{}
.attractions ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.attractions ul li{width:100%; margin:10px 0; padding:0px;}
.attractions ul li a{display: flex;}
.attractions ul li a:hover{}
.attractions-photo-main{width: 250px;}
.attractions ul li .attractions-information{flex: 1;padding:0px 0 15px 15px;}
.attractions ul li .attractions-information h4{font-size:17px; color:#ffc90e; line-height:1; font-weight:bold; padding:0; margin:5px 0 10px 0;overflow: hidden;text-overflow: ellipsis;height:27px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.attractions ul li .attractions-information .attractions-content{font-size:16px; overflow: hidden;text-overflow: ellipsis;height: 150px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;margin: 0 0 10px 0;}
@media screen and (max-width:767px){
    .attractions-photo-main{width: 190px;}
    .attractions ul li .attractions-information .attractions-content{height: 96px;-webkit-line-clamp: 4;font-size:15px;}
    .attractions ul li .attractions-information h4{font-size:16px;margin:0 0 5px 0 ;height:25px;}
}
@media screen and (max-width:575px){
    .attractions ul li{width:calc(100%/2 - 16px);margin: 8px;}
    .attractions ul li a{display: block;}
    .attractions ul li .attractions-information{width: 100%; padding: 10px 0 ;}
    .attractions ul li .attractions-information .attractions-content{height: 48px;-webkit-line-clamp: 2;}
    .attractions-photo-main{width: 100%;}
}


/** 聯絡我們 **/
.contact-body{}
.contact-note{padding:3px 15px; font-size:14px; background:#f22121;display: table;border-radius: 3px; color: #ffffff;margin:  10px 0; float: right;}
.contact-note02{font-size:15px; color:#ff5151;margin:  10px 0;text-align: center;}
.contact-note03{font-size:14px;display:block;width: 100%; }
.contact-note04{font-size:15px; color:#ff5151;margin:  10px 0;}
.contact-information{font-size: 16px; color:var(--font-color); width:300px; float: left;}
.contact-information ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.contact-information ul li{display:block;padding: 0;margin:10px ;}
.contact-information ul li .contact-icon{margin: 0 10px 0 0; font-weight: 600; font-size:18px;}
.contact-information ul li .contact-content{flex: 1; margin-left:20px;}
.contact-information ul li .contact-content span{display:inline-block;color: #ffc90e;font-size: 17px;}
.contact-information ul li .contact-content a{display: block;color:var(--font-color);}
.contact-information ul li .contact-content a:hover{text-decoration: underline;color: #ffc90e;}
.contact-body .form-box{width:calc(100% - 320px); float: right;}
.googlemap{position: relative;padding-bottom: 30%;padding-top: 30px;height: 0;overflow: hidden;}
.googlemap iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.contact-star{padding:0 5px;color: #f22121;font-size: 12px;}
@media screen and (max-width:767px){
    .contact-information, .contact-body .form-box{width:100%;}
    .contact-information ul li{width:calc(100%/2 - 20px);}
    .contact-information ul li:last-of-type{width:calc(100%/1 - 20px);}
    .googlemap{padding-bottom: 45%;}
}
@media screen and (max-width:575px){
    .contact-note03{display:inline-block;width:auto; }
	.contact-information ul li{margin:10px 0;width:100%;}
    .googlemap{padding-bottom: 60%;}
}

/** 表單欄位 **/
.model-note{font-size: 15px; color:var(--blue);display: block;width: 100%;margin: 10px 0;padding: 0 15px; font-weight:600;}
.model-note>ol{padding: 0;margin: 0 0 0 22px;}
.model-note>ol>li{padding: 0;margin: 0;}
.model-note a{background:#ffc90e;padding:2px 15px;margin: 0 5px;color: #000000;border-radius: 5px;display: inline-block;}
.model-note a:hover{background:#000000;color: #ffffff; box-shadow: 0 0 0 1px #ffc90e;}
.model-note02{font-size: 13px; color: #eeeeee;display: block;width: 100%;text-align: right;}
.model-note03{font-size: 14px; color: #ffc90e;display: block;width: 100%;margin: 10px 0;padding: 0 15px;}
.model-note04{font-size: 13px; color: #ffc90e;display: flex;width: 100%;margin: 10px 0;padding: 0;}
.model-note04 a{background:#ffc90e;padding:2px 15px;margin: 0 5px;color: #000000;border-radius: 5px;display: block;}
.model-note04 a:hover{background:#fff;color:var(--font-color); box-shadow: 0 0 0 1px #ffc90e;}
.model-note04 .model-note-btn{width: auto;margin: 0 5px 0 0;}
.model-note04 .model-note-font{flex: 1;}
fieldset{margin: 20px 0;padding: 0; width:100%;}
legend.form-box-title{font-weight:600;padding: 0;margin:25px 0 15px 0;font-size: 18px; color: #333; display: block;}
.form-box{margin: 0;}
label{margin-bottom: 0;min-width: 100px;display: inline-block;}
label input[type="checkbox"]{margin: 0 5px 0 0;}
label input[type="radio"]{margin: 0 5px 0 0;}
label.open{width: 100%;}
label.open span{font-size: 14px;padding: 0 5px;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion-main{display:flex; flex-wrap:wrap; }
.opinion{flex: 1; display:flex; flex-wrap:wrap;margin:5px 0; border:0; border-radius:0; position: relative;}
.opinion.half{width:49%; float: left;}
.opinion-left01{ width:auto; min-width:200px; padding:5px 10px; font-weight:normal; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; display:flex;flex-wrap: wrap; align-items:center;justify-content: flex-end;text-align: right;}
.opinion-left02{ width:110px; min-width:110px; padding:5px 10px; font-weight:normal; font-size:14px; font-family:"Microsoft JhengHei"; color:#ffffff; line-height:1.6; display:flex;flex-wrap: wrap; align-items:center;justify-content: flex-end;text-align: right;}
.opinion-title{ width:142px; min-width:140px; padding:5px 10px; font-weight:normal; font-size:16px; font-family:"Microsoft JhengHei"; color:#ffffff; line-height:1.8; display:flex;flex-wrap: wrap; align-items:center;justify-content: flex-end;text-align: right;}
.input-main-style01{flex:1; width:100%; border:0;border-bottom: 1px #cccccc solid;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; min-height:39px;background-color: transparent;border-radius: 0;}
.input-main-style02{flex:1; width:100%; border:0;border-bottom: 1px #cccccc solid;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; min-height:39px;background-color: transparent;border-radius: 0;}
.input-main-style03{flex:1; width:100%; border:0;border-bottom: 1px #cccccc solid;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; min-height:39px;background-color: transparent;border-radius: 0;}
.input-main-style04{background-color: transparent;flex:1; width:100%; border:0; margin:0; padding:0 ; font-size:15px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; min-height:39px;border-radius: 0;}
.input-main-style04 select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color: transparent; margin:0; padding:5px 15px; line-height:1.8; border:0;border-bottom: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color);min-height:39px;border-radius: 0;}
.input-main-style04 select option{color:#999999;font-size: 14px;}
.input-main-style05{flex:1; width:100%; border:0;border-bottom: 1px #cccccc solid;margin:0; padding:5px 125px 5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; min-height:39px;background-color: transparent;}
.input-main-style06{flex:1; width:100%; border:0;border: 1px #cccccc solid;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; min-height:39px;background-color: transparent;border-radius: 0;}
.input-main-style07{background-color: transparent;flex:1; width:100%; border:0; margin:0; padding:0 ; font-size:15px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; min-height:39px;border-radius: 0;display: flex;}
.input-main-style07 select{background-color: transparent; width:100%; margin:0; padding:5px 15px; line-height:1.8; border:0;border-bottom: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color);min-height:39px;border-radius: 0;flex: 1;}
.input-main-style07 select option{color:#999999;font-size: 14px;}
.input-main-select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color: transparent;flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color); line-height:1.8; display:flex; flex-wrap:wrap;}
.input-main-select select{background-color: transparent;width:calc(50% - 10px); margin-right:0; padding:5px 15px; line-height:1.8; border:0;border-bottom: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:var(--font-color); min-height:39px;border-radius: 0;}
.input-main-select select option{background-color: #fff;color:#333;font-size: 14px;border-radius: 0;}
.select-style{background:#8a6e0c; font-size:15px; color:var(--font-color); line-height:20px; padding:5px 10px; border:0;}
.input-style01{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:39px;}
input:disabled{background-color:rgba(255,255,255,.3); color:#aaaaaa; cursor:no-drop;}
select:disabled{background-color:rgba(255,255,255,.3); color:#aaaaaa; cursor:no-drop;}
select[id=hotelArea], select[name=county], select[name=district], #twzipcode select{width:110px;}
select[id=cooperate_hotel]{width:calc(85% - 115px);}
input[id=addr]{width:300px;}
input[id=addr] ~ .discount{position:static; display: inline-block;}
input[name=reservation_date], input[name=flight_number], select[name=people_number], select[name=add_5], select[name=add_4], select[name=add_2], select[name=add_3]{max-width:180px;}
.rb{padding:15px; margin:20px; width:calc(100% - 40px); border:1px #999 solid; box-shadow:2px 2px 5px rgba(0,0,0,0.6);}
.rb.half{width:calc(50% - 40px); min-height:330px;}
.rb legend{width:auto; background: #999; color:#fff; display: inline-block; padding:5px 15px; margin-bottom: 0;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:15px; line-height:1.5; font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}
.btn.openlink:hover{background-color:#ffbe00;}
img.code{width:100px; height:39px; margin:0; vertical-align:middle; display:inline-block;}
.open-title{display: inline-block;}
.open-content{display: none;padding: 10px;}
.open-title02{display: inline-block;}
.open-content02{display: none;padding: 10px;}
.open-title03{display: inline-block;}
.open-title04{display: inline-block;}
.open-title06{display: inline-block;}
.open-content06{display: none; padding: 10px;}
.open-content03{display: block;}
.open-content04{display: none;}
.open-title05{display: inline-block;}
.open-content05{display: none;padding: 10px;}
.input-main-style01:focus, .input-main-style02:focus, .input-main-style03:focus, .input-main-style04 select:focus, .input-main-style05:focus, .input-main-select select:focus, .input-main-style07 select:focus{background: rgba(255,255,255,.2);border-bottom: 1px #ffc90e solid;}
.input-main-style06:focus{background: rgba(255,255,255,.2);border: 1px #ffc90e solid;}
.iti{flex: 1;display: block;}
.iti__selected-flag:focus{outline: 0;}
.note{font-size: 15px;display:inline-flex;align-items: center;padding: 4px 15px;color:var(--ci1); font-weight: 600;}
@media screen and (max-width:767px){
	.opinion-main{display:block;}
    .note{display:block;width: 100%;text-align: right;}
}
@media screen and (max-width:575px){
	.opinion{display:block;}
    .opinion.half{width:100%; float: none;}
	.opinion-left01{width:100%;justify-content: flex-start;padding: 5px 0;}
	.opinion-left02{width:100%;justify-content: flex-start;}
	.opinion-title{width:100%;justify-content: flex-start;padding: 5px 0;}
	.input-main-style02{width:calc(100% - 105px); display:inline-block;}
    .model-note02{text-align:left;display: inline-block;width: auto;padding: 0 0 0 5px;}
    .note{text-align:left;}
    .model-note04{display: block;}
    .model-note04 .model-note-btn{width: auto;margin: 0 auto;text-align: center;}
    .model-note04 .model-note-font{width: 100%;margin: 5px 0 0 0;}
}

/** 按鈕 **/
.cart-btn{padding:0; text-align:center; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.btn-send{font-size:13px;}
a.btn-send{padding:5px 20px; text-align:center; font-size:16px; font-weight:normal; color:#000000; min-width:100px; margin:5px; border:1px #ffc90e solid; border-radius:6px;background:#ffc90e;text-decoration: none;}
a.btn-send:hover{background:#fff;color:#333;}
a.btn-reset{background:#999999; padding:5px 20px; text-align:center; font-size:16px; color:#ffffff; font-weight:normal; min-width:100px; margin:5px; border:1px #999 solid; border-radius:6px;text-decoration: none;}
a.btn-reset:hover{background:#fff; color:#333; }
a.btn-member{padding:5px 20px; text-align:center; font-size:16px; font-weight:normal; color:#000000; min-width:100px; margin:5px; border:0; border-radius:3px;background:#71f14e;text-decoration: none;}
a.btn-member:hover{background:#f22121;color:#ffffff;}
a.btn-join{padding:5px 20px; text-align:center; font-size:16px; font-weight:normal; color:#ffffff; min-width:100px; margin:5px; border:0; border-radius:3px;background:#1ea2fe;text-decoration: none;}
a.btn-join:hover{background:#008aea;color:#ffffff;}
a.btn-line{padding:5px 20px 5px 45px; text-align:center; font-size:16px; font-weight:normal; color:#000000; min-width:100px; margin:5px; border:0; border-radius:3px;background:#ffc90e url("../images/line.svg")no-repeat left 15px center;background-size: 25px; text-decoration: none;}
a.btn-line:hover{background:#f22121 url("../images/line-w.svg")no-repeat left 15px center;background-size: 25px;color:#ffffff;}
@media screen and (max-width:575px){
	a.btn-send{padding:5px 10px; width:calc(50% - 10px);}
	a.btn-reset{padding:5px 10px; width:calc(50% - 10px);}
	a.btn-join{padding:5px 10px; width:calc(50% - 10px);}
}

/** 航班資訊 **/
.flight-input-main-style01{flex:1; width:100%; border:0;border-bottom: 1px #cccccc solid;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#ffffff; line-height:1.8; min-height:39px;background-color: transparent;border-radius: 0;}
.flight-input-main-style01 span{color:#999999;font-size: 14px; font-family:"Microsoft JhengHei"; }
.flight-information{display: none; position: absolute;top:38px;left:142px;width:calc(100% - 142px);background:rgba(48,48,48,1);border: 1px #cccccc solid;z-index: 1;padding: 10px;}
.flight-information-input{position: relative;}
.flight-information-note{margin: 5px 0 0 0;font-size: 15px;}
.flight-content{margin:0;width:100%; position: absolute;top:39px;left:0;background:rgba(48,48,48,1);border: 1px #cccccc solid;z-index: 1;padding: 0px;}
.flight-content ul{list-style: none;padding: 0;margin: 0;}
.flight-content ul li{padding:10px;margin: 0;display: flex;text-align: center;align-items: center;color: #ffffff;}
.flight-content ul li:first-of-type{font-size: 14px; color: #cccccc;}
.flight-content ul li:hover{background: #666666;}
.flight-content ul li:first-of-type:hover{background: none;}
.flight-content ul li .flight-numbering{width: 100px;border-right: 1px #cccccc solid;padding: 0 25px 0 0;text-align: left;}
.flight-content ul li .flight-numbering .flight-company{font-size: 16px; font-weight: 600;}
.flight-content ul li .flight-numbering .flight-num{font-size: 14px;color: #cccccc;}
.flight-content ul li .flight-rout{flex: auto;display: flex;align-items: center;margin: 0 0 0 25px;}
.flight-content ul li .flight-rout .flight-go{width: auto;}
.flight-content ul li .flight-rout .flight-go .flight-time{font-size: 16px; font-weight: 600;}
.flight-content ul li .flight-rout .flight-go .flight-place{font-size: 14px;color: #cccccc;}
.flight-content ul li .flight-rout .flight-icon{width: 20px;margin: 0 20px;}
.flight-content ul li .flight-rout .flight-back{width: auto;}
.flight-content ul li .flight-rout .flight-back .flight-time{font-size: 16px; font-weight: 600;}
.flight-content ul li .flight-rout .flight-back .flight-place{font-size: 14px;color: #cccccc;}

.flight-content-main {padding:0px;margin: 0;display: flex;text-align: center;align-items: center;color: #ffffff;}
.flight-content-main .flight-numbering{width:auto;border-right: 1px #cccccc solid;padding: 0 25px 0 0;text-align: left;}
.flight-content-main .flight-numbering .flight-company{font-size: 16px; font-weight: 600;display: inline-block;}
.flight-content-main .flight-numbering .flight-num{font-size: 14px;color: #cccccc;display: inline-block;}
.flight-content-main .flight-rout{flex: auto;display: flex;align-items: center;margin: 0 0 0 25px;}
.flight-content-main .flight-rout .flight-go{width: auto;}
.flight-content-main .flight-rout .flight-go .flight-time{font-size: 16px; font-weight: 600;display: inline-block;}
.flight-content-main .flight-rout .flight-go .flight-place{font-size: 14px;color: #cccccc;display: inline-block;}
.flight-content-main .flight-rout .flight-icon{width: 20px;margin: 0 20px;}
.flight-content-main .flight-rout .flight-back{width: auto;}
.flight-content-main .flight-rout .flight-back .flight-time{font-size: 16px; font-weight: 600;display: inline-block;}
.flight-content-main .flight-rout .flight-back .flight-place{font-size: 14px;color: #cccccc;display: inline-block;}

/** 車款置物配置圖 **/
.configuration-title{font-size: 16px; color:var(--font-color);display: block;width: 100%;margin:0;padding: 0 ;}
.configuration{margin:5px 0 10px 0;background: rgba(255,255,255,.2);padding: 15px;}
.configuration ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap; justify-content: space-around;}
.configuration ul li{padding: 0;margin:10px;width: calc(100%/3 - 20px);border: 2px #ffc90e solid;}
@media screen and (max-width:800px){
    .configuration ul li{width: calc(100%/2 - 20px);}
}
@media screen and (max-width:575px){
    .configuration ul li{width: calc(100%/1 - 0px);margin: 10px 0;}
}
/** 折扣券 **/
.discount{position: absolute;bottom: 0;right: 0;color: #ffffff;font-size: 16px;min-height: 39px;line-height: 1.6;min-width: 110px;text-align: center;}
.discount a{display: block; background: #ffc90e;color: #000000; font-size: 16px;padding: 7px 15px;}
.discount a:hover{background: #f22121;color: #ffffff;}

/** 會員登入 **/
.member-login-box{max-width:900px; margin:0 auto;}
.login-box{max-width:600px; margin:0 auto;}
.login-tool {}
.login-tool ul{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.login-tool ul li{padding:0; margin:5px;width: calc(100%/3 - 10px);border-radius: 3px;overflow: hidden;}
.login-tool ul li img{width:100%;}
@media screen and (max-width:450px){
	.login-tool ul li{width:45%; text-align: center; display: inline-block;}
    .login-tool ul li a{max-width:200px; display: inline-block;}
}

/** 評價 **/
.star {position:relative;display:inline-block;line-height:1em;}
.star input {display:block;float:left;margin:0;padding:0;width:1em;height:1em;font:inherit;background:center 0/cover no-repeat;outline:0 none transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.star label {display:none;float:right;margin-left:0.5em;}
.star input:first-child {display:none; }
.star input:checked ~ input {background-position:center -1em;}
.star:hover input:checked ~ input {background-position:center 0;}
.star:hover input:hover ~ input {background-position:center -1em;}
.star input:checked + label {display:block;font-size: 14px;}
.star:hover input:checked + label {display:none;font-size: 14px;}
.star:hover input:hover + label {display:block;font-size: 14px;}
.star {font-size:25px;}
.star input {background:url("../images/star.png")no-repeat center top;background-size: 25px;margin: 0 5px;}

/** 送出訊息 **/
.jump-window-box{max-width:600px; margin:0 auto; padding: 20px;}

/** 會員評價 **/
.evaluation{background:#ffffff;border: 8px #ffc90e solid;padding: 15px; max-width: 600px; width: 100%;}

/** 會員條款 **/
.terms{padding:12px 15px;font-size: 16px;color:var(--font-color);display:block;text-align: center;}
.terms a{color: #f22121;text-decoration: underline;}
.terms a:hover{text-decoration: underline;}
.terms input{margin: 0 5px 0 0 ;}
.terms-information-main{margin: 15px; }
.terms-information{max-width: 810px; background: #fff; padding: 20px;border-radius: 5px;margin: 0 auto;height: calc(100vh - 40px);}
.terms-information .terms-content{font-size: 16px; color:var(--font-color);height: calc(100% - 121px);overflow-y: auto;}
.terms-information .terms-content ol{padding: 0;margin: 20px 0 0 20px;}
.terms-information .terms-content ol li{padding:5px 0;margin: 0;}
.agree-btn{padding:20px 0 0 0; text-align:center; margin-top:0px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
button.agree{background: #ffc90e;color: #000000;border: 0;font-family: "Microsoft JhengHei";font-size: 16px;padding:2px 20px; border-radius:5px;}
button.agree:hover{background: #f22121;color: #ffffff;}
.fa-check{padding: 0 10px 0 0;font-size: 20px;}
@media screen and (max-width:767px){
	.terms-information h4 .terms-title{text-align: center;line-height: 1.35;}
	.terms-information h4 .terms-title .terms-title-ch{font-size:30px;letter-spacing:0px;display: block;line-height: 1.2;padding: 0 0 0 8px;}
	.terms-information h4 .terms-title .terms-title-en{font-size:16px;letter-spacing:0px;display: block;padding: 0 0 0 3px;}
	.terms-information h4 .terms-title .terms-title-en span{display: none;}
	.terms-information-main{margin: 15px; }
	.terms-information{padding: 15px;}
}

/** 會員條款彈跳視窗 **/
#fadeandscale {-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.popup_visible #fadeandscale {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

/** 訂單列表 **/
.order-list{}
.order-list ul{list-style:none; padding:0; margin:0;}
.order-list ul li{padding:10px 5px; margin:0;display: flex;align-items: center;}
.order-list ul li:nth-child(odd){background:#eee;}
.order-list ul li .order-list-content{text-align:center; margin:0;}
.order-list ul li:first-of-type{border-bottom: 1px #ffc90e solid;background:var(--ci1) !important; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.7);}
.order-list ul li:first-of-type .order-list-content{font-size:16px; text-align:center;}
.order-list ul li:first-of-type .order-list-content b{display:block; }
.order-list ul li div:nth-child(1){width:150px;}
.order-list ul li div:nth-child(2){width:calc(100% - 640px);}
.order-list ul li div:nth-child(3){width:150px;}
.order-list ul li div:nth-child(4){width:150px;}
.order-list ul li div:nth-child(5){width:100px;}
.order-list ul li div:nth-last-child(2){width:80px;}
.order-list .order_number{font-size:16px; color:var(--font-color);}
.order-list .order_date{font-size:16px; color:var(--font-color);}
.order-list .order_total{font-size:16px; color:var(--font-color);}
.order-list .order_status{font-size:16px; color:var(--font-color);}
.order-list .order_details{font-size:16px; color:var(--font-color);}
.order-list .order_details a{display:flex;align-items: center;justify-content: center; color:#fff; background: var(--ci1); border:1px var(--ci1) solid; padding:2px 9.5px;width: 100%;height: auto;font-size: 14px; margin:5px auto;}
.order-list .order_details a:hover{background:#fff;color:var(--ci1);}
.order-list .order_details a.fadeandscale_open{background:#fff600; border-color:#fff600;}
.order-list .order_details a.fadeandscale_open:hover{background:#fff; color:#fff600;}
.order-list .order_details a.edit{background:#fff600; border-color:#fff600;}
.order-list .order_details a.edit:hover{background:#fff; color:#fff600;}
.order-list .order_details a.cancel{background:#f00; border-color:#f00;}
.order-list .order_details a.cancel:hover{background:#fff; color:#f00;}
.order-list .order_details a.fadeandscale02_open1{ display:flex;align-items: center;justify-content: center; color:#999999; padding:2px 9.5px;width: 100%;height: auto;font-size: 14px; margin: 0 auto;}
.order-list .order_details a.fadeandscale02_open1:hover{background:#999999; color:#000000;border-radius: 50px;}
.order-list ul li:hover{}
.oproject{display:none;}
.oproject-content{flex:1;}
.oproject-content .price-detail{display: block;font-size: 14px;color:var(--ci1);}
.price-detail-content{width: 100%;display: none;}
.order-list ul li .order-list-input{width:30px;padding: 12px 6px;margin: 0 8px 0 0;text-align: center;}
.order-list ul li:first-of-type .order-list-input{line-height: 1.2;font-size: 13px;}
.order-list ul li .order-list-input input[type="radio"] {display:none;}
.order-list ul li .order-list-input input[type="radio"] + label {width:auto;display: inline-block;padding: 0;font-size: 15px;margin-bottom: 0;min-width:inherit;}
.order-list ul li .order-list-input input[type="radio"] + label span {display:inline-block;width:18px;height:18px;margin:0;vertical-align:middle;background:url(../images/input-button.png) no-repeat left top 0px;background-size: 18px; cursor:pointer;}
.order-list ul li .order-list-input input[type="radio"]:checked + label span {background:url(../images/input-button.png) no-repeat left top -18px;background-size: 18px;cursor:pointer;}

.order-list ul li .order-list-information{flex: 1;margin-left: 0;margin-right: 0;}
@media screen and (max-width:767px){
    .order-list ul li{padding:10px 0px;align-items: flex-start;}
	.order-list ul li .order-list-content{padding:5px 0;}
	.order-list ul li:first-of-type{display:none;}
    .order-list ul li div:nth-child(1), .order-list ul li div:nth-child(2), .order-list ul li div:nth-child(3), .order-list ul li div:nth-child(4), .order-list ul li div:nth-child(5), .order-list ul li div:nth-last-child(2){width:100%;}
    .order-list ul li div.order-list-input{width:35px;}
	.oproject{display:block; text-align: left; background: var(--ci1); color:#fff; padding:5px;}
	.oproject-content{width:100%; max-width:100%; text-align:left;padding: 5px 10px;}
    .order-list .order_details a{padding:0px 5.5px; width:auto; display: inline-block;}
    .order-list ul li .order-list-input{width:25px;padding: 5px;}
    .order-list ul li .order-list-information{flex: initial;}
    .order-list .order_details a{margin: 0;}
    .order-list .order_details a.fadeandscale_open{display: table;width:auto; margin: 0;text-align: center;padding:0px 5.5px;}
    .oproject-content .price-detail{display:inline-block;padding: 0 0 0 5px;}
}

/** 訂單明細 **/
.order-detail{font-size:15px; color:var(--font-color); margin:0 0 20px 0;}
.order-detail h3{color:#fff; background: var(--ci1); font-size:18px; padding:0; margin:25px 0 10px 0; padding:5px;}
.order-numbering{color:#2d7fb9; font-size:18px;}

/** 訂單&購物車配置網格 **/
.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
.o-col-sm{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
.o-col-sm-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
.o-col-sm-1{-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%;}
.o-col-sm-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
.o-col-sm-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.o-col-sm-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.o-col-sm-5{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
.o-col-sm-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.o-col-sm-7{-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
.o-col-sm-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.o-col-sm-9{-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.o-col-sm-10{-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%;}
.o-col-sm-11{-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%;}
.o-col-sm-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}

@media screen and (max-width:767px){
	.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{width:100%; max-width:100%; flex:inherit;}
}


/** 購物車第一步驟 **/
.shopping-car{margin:0 0 20px 0; padding:10px 0;}
.shopping-car ul{list-style:none; padding:0; margin:0;}
.shopping-car ul li{padding:12px 5px; margin:0;}
.shopping-car ul li .shopping-car-content{margin:0;}
.shopping-car ul li:first-of-type{border-bottom:0; padding:8px 5px;}
.shopping-car ul li:first-of-type .shopping-car-content{font-size:15px; text-align:center;}
.shopping-car ul li:first-of-type .shopping-car-content b{display:block; background-color:#666666; line-height:2; border-radius:5px;}
.shopping-car .shop-car-info{display:flex; font-size:15px; vertical-align:middle; text-align:left; align-items:center;}
.shopping-car .shop-car-info a.pro-photo{width:60px; margin:0 15px 0 0;}
.shopping-car .shop-car-info .description{font-size:15px; margin:0px; color:#ffffff; flex:1; width:100%; text-align:left;}
.shopping-car .shop-car-info .description .shop-car-info-title{font-size:15px; font-weight:bold;}
.shopping-car .shop-car-info .description .spec{font-size:13px; color:#ffffff;}
.shopping-car .shop-car-price{display:block; height:100%; font-size:15px; color:#ffffff; text-align:center;}
.shopping-car .shop-car-price .original-price{display:block; font-size:12px; text-decoration:line-through; color:#ffffff;}
.shopping-car .shop-car-quantity{display:block; font-size:15px; text-align:center;}
.shopping-car .shop-car-subtotal{display:block; font-size:15px; color:#900; text-align:center;}
.shopping-car .shop-car-del{display:block; font-size:15px; vertical-align:middle; text-align:center;}
.shopping-car .shop-car-del a{color:#ffffff; padding:5px 10px;}
.shopping-car .shop-car-del a:hover{color:#f00;}
.shopping-car ul li.addcontainer{background-color:#eee; padding:10px 5px 10px 20px;}
.shopping-car ul li.addcontainer h1{background-color:#4697bf; margin:0 0 5px; padding:5px 10px; font-size:15px; line-height:1.2em; color:#fff; border-radius:3px;}
.shopping-car ul li.addcontainer b{color:#ffffff;}
.shopping-car ul li.addcontainer .shop-car-img img.pro-photo{margin:0 15px 0 0; width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.shopping-car ul li.addcontainer .addc-price{font-size:18px; font-weight:bold; color:#f00; margin:0 3px;}
.discountCoupon{position:relative;}
.discountCoupon span{content:"X"; display:inline-block; background-color:#e4e4e4; width:26px; height:26px; margin:1px; position:absolute; right:15px; top:0; font-size:12px; line-height:26px; text-align:center; cursor:pointer;}

@media screen and (max-width:767px){
	.shopping-car ul li .shopping-car-content{padding:5px 0;}
	.shopping-car ul li:first-of-type{display:none;}
	.shopping-car .shop-car-price{text-align:right;}
	.shopping-car .shop-car-quantity{text-align:left; flex:1; order:1;}
	.shopping-car .shop-car-subtotal{text-align:right; flex:1; order:3; font-weight:bold; font-size:18px;}
	.shopping-car .shop-car-del{width:50px; order:2;}
	.discountCoupon span{right:0;}

}

/** 總計 **/
.order-list ul li .checkout-cart-summary div:nth-child(2){width:auto;}
.checkout-cart-summary{padding:10px; background:#999; border-radius:15px;}
.checkout-cart-summary .subtotal{font-size:16px; color:#666; padding:5px; margin:0;}
.checkout-cart-summary .subtotal-name{font-weight:bold; text-align:left;}
.checkout-cart-summary .subtotal-name .subtotal-quantity{font-weight:bold;}
.checkout-cart-summary .subtotal-content{text-align:right;}
.checkout-cart-summary .total{display:flex; flex-wrap:wrap; font-size:16px; color:#666; border-top:1px #cccccc solid; padding:8px 5px; margin:10px 0 0 0;}
.checkout-cart-summary .toc{font-weight:bold; color:#333; font-size:20px;}
@media screen and (max-width:767px){
	.checkout-cart-summary .subtotal-name{padding:0;}
	.checkout-cart-summary .subtotal-content{padding:0;}
}

/** 頁次 **/
.page{font:14px/2.4 "Microsoft JhengHei"; color:var(--font-color); text-align:center; clear:both; margin:15px 0;}
.page a{background:#333333; color:#fff; padding:4px 10px;border-radius: 3px;}
.page a:hover{background:#ffc90e; color:#000000;}
.page br{display:none;}
@media screen and (max-width:640px){
	.page br{display:block;}
}

/**  下版選單 **/
.footer-menu-main{background:#686868;border-bottom: 1px #000000 solid;border-top: 1px #000000 solid;}
.footer-menu{max-width:350px;}
.footer-menu ul{list-style: none;padding: 0;margin: 0;}
.footer-menu ul li{padding: 0;margin: 0;font-size:15px;line-height: 1.4; width:49%; display: inline-block;}
.footer-menu ul li a{display: block; color: #fff;padding: 5px;}
.footer-menu ul li a:hover{background: #fff;color: #000;}
@media screen and (max-width:915px){
   .footer-menu-main{display: none;}
}

/** 下版 **/
footer{background:#110f0f;padding: 20px 15px; border-top:5px #686868 solid;}
footer .footer{max-width:1200px; margin:0 auto; display: flex;flex-wrap: wrap; align-items: center;font-size:15px; color:#eeeeee; position: relative;}
footer .footer .footer-logo{width: 172px;}
footer .footer .footer-logo img{width: 100%;}
footer .footer .footer-information{margin: 0 20px;flex: 1; max-width:400px;}
footer .footer .footer-information a{color:#eeeeee;}
footer .footer .footer-information a:hover{color:#ffc90e;}
footer .footer .footer-information .footer-contact{}
footer .footer .footer-information .footer-contact span{display:block; margin-bottom:5px;}
footer .footer .footer-information .footer-contact span i{width: 20px;display: inline-block;margin: 0 8px 0 0;}
footer .footer .footer-information .footer-contact span i img{width: 100%;}
footer .footer .footer-information .copyright{font-size:12px;margin: 10px 0 0 0;}
footer .footer .footer-information .copyright .wd{padding: 0 0 0 20px;display: inline-block;}
footer .footer .footer-information .copyright .wd a{color:#eeeeee;}
footer .footer .footer-information .copyright .wd a:hover{color:#ffc90e;}
footer .footer .footer-icon{width: 120px; position: absolute; right:30px; bottom:-15px;}
footer .footer .footer-icon ul{list-style: none;padding: 0;margin: 0;display: flex;}
footer .footer .footer-icon ul li{padding: 0;margin: 0;}
footer .footer .footer-icon ul li a{display: block;padding: 10px 20px;}
footer .footer .footer-icon ul li a:hover{}
footer .footer .footer-icon ul li:nth-of-type(1) a{width: 12px; height: 27px; background: url("../images/icon-fb.png")no-repeat center top -27px;background-size: 12px;transition: all 0.5s ease 0s;}
footer .footer .footer-icon ul li:nth-of-type(2) a{width: 24px; height: 24px; background: url("../images/icon-line.png")no-repeat center top -25px;background-size: 25px;transition: all 0.5s ease 0s;}
footer .footer .footer-icon ul li:nth-of-type(3) a{width: 24px; height: 25px; background: url("../images/icon-ig.png")no-repeat center top -25px;background-size: 24px;transition: all 0.5s ease 0s;}
footer .footer .footer-icon ul li:nth-of-type(1) a:hover{background: url("../images/icon-fb.png")no-repeat center top 0px;background-size: 12px;transition: all 0.5s ease 0s;}
footer .footer .footer-icon ul li:nth-of-type(2) a:hover{background: url("../images/icon-line.png")no-repeat center top 0px;background-size: 24px;transition: all 0.5s ease 0s;}
footer .footer .footer-icon ul li:nth-of-type(3) a:hover{background: url("../images/icon-ig.png")no-repeat center top 0px;background-size: 24px;transition: all 0.5s ease 0s;}
.footer-iso{position: absolute; right: 10px; margin-top:-65px; background: #fff; padding:10px; box-shadow: 0 -2px 3px rgba(0,0,0,0.4);}
.copyright{text-align: center; background: #4d4d4d; padding:5px 10px; font-size:11px; color:#999;}
@media screen and (max-width:960px){
	footer .footer .footer-logo{width:100%; margin: 0 0 10px 0; text-align: center;}
    footer .footer .footer-logo img{max-width:150px;}
    footer .footer .footer-information{margin: 0 20px 0 0;flex:initial;width: calc(100% - 140px);}
    footer .footer .footer-information .footer-contact span{padding:5px 15px 5px 0;}
    .footer-iso{margin-top:0; top:-5px;}
    footer .footer .footer-icon{width:auto;}
}
@media screen and (max-width:640px){
    footer .footer .footer-information{margin: 0;width:100%;}
    footer .footer .footer-information .footer-contact span{padding:5px 15px 5px 0;}
	footer .footer .footer-icon{right:10px; bottom:0;}
    footer .footer .footer-icon{right:0;}
    footer .footer .footer-icon ul{display: inline-block;}
    footer .footer .footer-icon ul li{margin-top:10px;}
}
@media screen and (max-width:575px){
    footer .footer .footer-information .copyright .wd{padding: 0 ;display: block;}
    footer .footer .footer-information .footer-contact span{display: block; padding:5px 0;}
}
.mapael .zoomButton {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 0;
    font-weight: bold;
    left: 10px;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* 縮放／重設按鈕 */
.mapael .zoomReset {
    top:400px;
}
.mapael .zoomIn {
    top: 430px;
}
.mapael .zoomOut {
    top:460px;
}
.hideit{display: none;} .clear{content: ''; display: block; clear: both;} .fl{float: left;} .fr{float: right;} .affix{position: fixed;}
.translateMenu{position: relative; padding-left:20px;}
.translateMenu a{padding:0 5px !important; display: inline-block;}
.translateMenu i{float: left; font-size:20px; position: absolute; left:0;}
.slick-prev::before{content:"" !important; border:2px #333 solid; border-right: 0; border-bottom: 0; width:20px; height: 20px; display: inline-block; transform: rotate(-45deg);}
.slick-next::before{content:"" !important; border:2px #333 solid; border-left: 0; border-bottom: 0; width:20px; height: 20px; display: inline-block; transform: rotate(45deg);}
.slick-dots li button::before{font-size:20px !important;}
.map-container{position: relative; background: #80d6ea; max-width: 1200px;}
.map-container svg{height: 500px;}
.continent-area-list{position: absolute; right: 0; top:0; width:200px; background: rgba(255, 255, 255, 0.8); padding: 15px; box-shadow: -2px 2px 5px rgba(0,0,0,0.3);}
.mapTooltip{position: absolute; transform: translate(-240px, -50px); text-align: right; background: rgba(255,255,255,0.7); width: 200px; padding: 10px;}
.continent-country{margin-bottom: 10px;}
.continent-country ul{margin-left:0; padding-left:34px;}
.reservationStep{border:1px #1e1e1e solid; border-radius: 15px; margin-top:10px; padding:15px;}
.reservationStep h5{display: inline-block; background: #fff; position:absolute; left:20px; top:-15px; font-weight: 600; letter-spacing: 2px; color:#ff5050; text-shadow: 1px 1px 0 #eee;}
.reservationStep > div{width:calc(25% - 5px); display: inline-block; padding:15px; text-align: center; vertical-align: top; font-weight: 600;}
.reservationStep .step span{display: inline-block; width:60px; line-height:60px; background: var(--ci1); color:#fff; border:2px #fff solid; border-radius:15px; text-align: center; margin-bottom:30px; font-size:40px;}
.reservationStep > div font{vertical-align: top; text-align: left;}
.reservationStep .active{background:var(--ci1); color:#fff; border-radius: 20px; box-shadow: 2px 2px 3px rgba(0,0,0,0.4); transform: translateY(20px); font-size:20px;}
.reservationStep .active .step{margin-top:-40px;}
.reservationStep .active .step span{border-radius:30px; margin-bottom:20px;}
.payment-option{width:calc(20% - 25px); margin:5px 10px; display: inline-block;}
.payment-option img{border:3px #fff solid;}
.payment-option input:checked ~ img{border-color:#ff5050;}
.congrats-title{font-size: 18px; font-weight: 600; color:#ff5050; margin-bottom:20px;}
.tabs{border-bottom:1px var(--ci1) solid; text-align: left; max-width:800px; margin:0 auto;}
.tabs button{background:#999; border:1px #999 solid; margin-right:10px; color:#fff; font-weight: 600; padding: 5px 10px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); cursor: pointer;}
.tabs button.active{background-color:#ffc90e; border-color:#ffc90e;}
.tab-content{display: none;}
.tab-content.active{display: block;}
.payment-info{max-width:800px; margin:0 auto; padding:15px 0;}
.tab-content{text-align:left;}
.tab-content ul li{list-style: none;}
.pickup-rules ol li{text-align: left;}
.tab-content table{margin:20px auto;}
.title1{font-size:30px; font-weight:600; color:var(--ci1); position: relative; margin:20px 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.title1:before{position: absolute; width:90px; height: 2px; background:var(--ci1); left:0; bottom:-5px; content: ''; display: inline-block;}
.infoBox{width:50%;}
.imgBox{width:45%; margin:0 0 20px 20px; text-align: center;}
.title2{font-size: 24px; font-width:600; color:#d055a0; border-bottom: 1px #d055a0 solid; margin:20px 0; padding-bottom: 10px;}
#banner{background: no-repeat center; background-size: cover; width:100%; height:480px;}
#banner .info{max-width:600px; padding:50px 10px; font-size:20px; font-weight: 600; text-shadow:1px 1px 1px rgba(255,255,255,0.4); color:#3c3c3c;}
#banner .info h1{font-weight:600; color:#000;}
.imgShadow{max-width:500px; margin:50px auto; font-size:20px; text-align: center; font-weight: 600;}
.imgShadow img{box-shadow:2px 2px 5px rgba(0,0,0,0.4); width:100%; margin-bottom:10px;}
.infoCenter{max-width:650px; margin:50px auto;}
.infoCenter h3{font-weight: 600; color:var(--ci1);}
.red{color:#f00;}
.priceTable{width:96%; max-width:550px; margin:50px auto;}
.priceTable tr td{text-align: center; background:#e8e8e8; padding:5px 10px;}
.priceTable tr:nth-child(odd) td{background: #c0d1ec;}
.priceTable tr.title td{background:var(--ci1); color:#fff;}
.err404{min-height:calc(100vh - 405px);}
.err404 h1{margin-top:20%; color:var(--ci1);}
.err404 h1 span{font-size:28px; color:#000;}
.orenge{color:var(--ci1);}
.dirvers .slider{height: 200px;}
.dirvers .item a{display: block; margin:15px; padding:15px; background: var(--ci1); box-shadow:2px 2px 5px rgba(0,0,0,0.4); min-height:170px; text-align: center;}
.dirvers .item .title{color:#fff; font-size:22px; font-weight:700;}
.dirvers .item .star{padding:0; height:24px; overflow-x: hidden; overflow-y: auto; display:inline-block;}
.dirvers .item .star img{height:20px; float: left; margin:0 5px;}
.dirvers .item .info{padding:0; margin-top:10px;}
.dirvers .item .info li{color:#fff; padding-left:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-weight: bold; text-align: left;}
.dirvers .item .info li:before{content:'。'; font-size: 30px; position: absolute; left:0; top:-10px;}
.loginby a{font-size:40px; line-height: 1; color:#d14c41; margin-left:20px; display: inline-block;}
.loginby a:nth-child(2){color:#0863f7;}
.loginby a:nth-child(3){color:#06c152;}
@media screen and (max-width:640px){
    .fl, .fr{float: none;}
    .rb, .rb.half{width:calc(100% - 20px); margin:20px auto; min-height: auto;}
    .translateMenu a{width:30px; overflow: hidden; color:transparent !important; position: absolute; left:0; z-index: 2;}
    .reservationStep{margin:30px 10px 0 10px; padding-top:50px;}
    .reservationStep > div{width:100%; text-align: left; display: none;}
    .reservationStep .step{display: inline-block; margin-right:15px; float: left;}
    .reservationStep .step span{font-size: 20px; width:40px; line-height: 40px; border-radius: 15px;}
    .reservationStep .active{transform:none; margin-bottom:10px; display: block;}
    .infoBox, .imgBox{width:100%;}
    .imgBox{margin:10px auto;}
    #banner .info{font-size:18px;}
    #banner .info h1{font-size:26px;}
    .tabs button{font-size:12px;}
}