@charset "utf-8";

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

/** 文字icon **/
@import "font-awesome.min.css";

/** 手機選單 **/
@import url("slicknav.css") screen and (max-width:915px);

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

/** googlefont **/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

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


/** 電話萬國碼 **/
@import "intlTelInput.css";

/** icon **/

i{margin: 0 2px; padding: 0px 2px;}
    
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#fff center center; margin:0; padding:0; width:100%; height:auto; font-size:medium;line-height: 1.6;font-family:'Source Sans 3','Open Sans', "Microsoft JhengHei", sans-serif;word-break: break-word;color: #161616;}
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: #155bd5;color: #ffffff;}
::-moz-selection {background:#155bd5;color: #ffffff;}


/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{}
.slicknav_icon-bar{background-color:#FFF;}
.b-color>li:hover, .b-color>li>ul>li>a:hover{color: #4399ff;}
.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;
    max-width: 540px;
    padding-left: 5px;
}
ul.floating-menu li {
    width: 178px;
}

/** 上版 **/
header{position: fixed;width: 100%;top: 0;left: 0;padding: 0 15px; background:rgba(19,71,213,1);border-bottom: 1px #1347d5 solid;height:110px;z-index: 10000;transition: all 0.5s ease 0s;overflow: hidden;}
.head-main{max-width:1200px; margin:0 auto;  padding:0; position:relative;}
.head-tool{position:absolute; top:39px; right:0px; text-align:center; display:flex;transition: all 0.5s ease 0s;max-width: 530px;}
.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: #83c7ff ; 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 0 15px;max-height: 20px;line-height: 1.35;transition: all 0.5s ease 0s;}
.head-tool li a:hover{color: #4399ff;transition: all 0.5s ease 0s;}
/** 上版 暫不採用**/
.head-tool1 li:nth-of-type(1) a{background: url("../images/icon-point.png")no-repeat top -20px left 5px;background-size: 20px;transition: all 0.5s ease 0s;}
.head-tool1 li:nth-of-type(2) a{background: url("../images/icon-member.png")no-repeat top -20px left 5px;background-size: 20px;transition: all 0.5s ease 0s;}
.head-tool1 li:nth-of-type(3) a{background: url("../images/icon-order.png")no-repeat top -20px left 5px;background-size: 20px;transition: all 0.5s ease 0s;}
.head-tool1 li:nth-of-type(1) a:hover{background: url("../images/icon-point.png")no-repeat top 0px left 5px;background-size: 20px;transition: all 0.5s ease 0s;}
.head-tool1 li:nth-of-type(2) a:hover{background: url("../images/icon-member.png")no-repeat top 0px left 5px;background-size: 20px;transition: all 0.5s ease 0s;}
.head-tool1 li:nth-of-type(3) a:hover{background: url("../images/icon-order.png")no-repeat top 0px left 5px;background-size: 20px;transition: all 0.5s ease 0s;}
/** 上版 暫不採用 end**/
.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:90%; height:auto;}
.head-main .logo svg{}
.home{display:none;}
.header-height{height:50px;transition: all 0.5s ease 0s;box-shadow: 0px 0px 13px #000054;}
.header-height .head-main .logo{top: 8px; width:90px;transition: all 0.5s ease 0s;}
.header-height .head-tool{top:9px;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:23px; }
    .head-tool li{ margin:0 0 0 10px;}
    .header-height{height:50px;}
    .header-height .head-tool{top:8px;}
    .translateSelectStyle {
        font-size: 16px;
    }
}
@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:8px;right: 56px; }
}
@media screen and (max-width:575px){
    .head-main .logo{top: 8px;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 0 2px;}
    
	/** 手機版上版 暫不採用**/
	.head-tool1 li:nth-of-type(1) a{background: url("../images/icon-point.png")no-repeat top -22px left 4px;background-size: 22px;}
    .head-tool1 li:nth-of-type(2) a{background: url("../images/icon-member.png")no-repeat top -22px left 4px;background-size: 22px;}
    .head-tool1 li:nth-of-type(3) a{background: url("../images/icon-order.png")no-repeat top -22px left 4px;background-size: 22px;}
    .head-tool1 li:nth-of-type(1) a:hover{background: url("../images/icon-point.png")no-repeat top 0px left 4px;background-size: 22px;}
    .head-tool1 li:nth-of-type(2) a:hover{background: url("../images/icon-member.png")no-repeat top 0px left 4px;background-size: 22px;}
    .head-tool1 li:nth-of-type(3) a:hover{background: url("../images/icon-order.png")no-repeat top 0px left 4px;background-size: 22px;}
	/** 手機版上版 暫不採用 end**/
    .head-tool li span.badges{top:0px;margin: 0 0 0 4px;}
}



/** 主選單與下拉 **/
nav{margin: 0 380px 0 200px;max-width:420px;transition: all 0.5s ease 0s;}
.menu{padding:0; list-style:none; position:relative; margin:0; display:flex;}
.menu>li{flex:1; color:#fff; font-size:17px; text-align:center; position:relative; line-height:1.8;cursor:pointer; padding:0; margin:0;}
.menu>li:last-of-type{}
.menu>li:nth-child(n+6) {display:none;}
.menu>li>a{color:#fff; font-size: 1.05em; display:block; padding:40px 10px; margin:0;transition: all 0.5s ease 0s;}
.menu>li>a:hover{color: #83c7ff;position: relative;}
.menu>li>a:hover:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 25px 8px 25px;border-color: #83c7ff;position: absolute;bottom: 0;left: calc(35% - 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 #83c7ff dotted;}
.menu>li.sub>ul.sub-menu>li>a{display:block; color:#83c7ff; padding:5px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#000000;}
.header-height nav{margin: 0 277px 0 110px;transition: all 0.5s ease 0s;}
.header-height .menu>li>a{ padding:10px 10px;transition: all 0.5s ease 0s;}
.menu>li.ico{display: none}

@media screen and (max-width:1060px){
    nav{margin: 0 387px 0 150px;max-width:360px;}
    .menu>li{font-size:16px; }
    .menu>li>a{padding:26px 6px;}
    .header-height .menu>li>a{ padding:11px 6px;}
    .header-height nav{margin: 0 387px 0 110px;}
}
@media screen and (max-width:915px){
    .menu>li:nth-child(n+6) {display:block;}
	.slicknav_menu{display:none;}
	#menu{display:none;}
	.slicknav_menu{display:block;position: fixed;width: 100%;top: 0;left: 0;z-index: 10000; background:rgba(21,91,213,1);height: 50px}
}

/** 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: #0c0c0c;line-height: 1.6;margin: 25px 0 10px 0;position: relative;}
h2.i-title span.i-title-en{font-size: 14px; color: #fefefe;font-weight: normal;}
.more{font-size: 16px; color: #fff;font-weight: normal;display: flex;justify-content: center;margin: 30px 0px;}
.more a{background: #155bd5; display: block;color: #ffffff;border-radius: 3px;padding: 10px 45px;}
.more a:hover{background: #000000;box-shadow: 0 0 0 1px #155bd5;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: center;margin: 30px 0 40px 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:0px;padding: 4% 0px 2% 0px;background-color: #f4f4f4;}
.i-reservation-main-bg{margin:0px;padding: 0px;z-index: 1;height: 530px;position: absolute;top: 28%;width: 100%;background-color: rgba(0, 0, 0, .6);background-image: url(../images/service_items2.jpg);background-size: cover;
    background-position: center center;}
.i-reservation{max-width:1200px; margin:0 auto;position: relative; z-index: 4;}
.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 15px 40px 15px;text-align: center;width: calc(100%/4 - 30px);position: relative; box-shadow: 0 10px 16px rgba(56,56,56,.14);background-color: #fff;}
.i-reservation ul li:after{content: "";display: block;width: 100%;height: 100%;background: rgba(255,255,255,.6);position: absolute;bottom: 0;left: 0;z-index: -1;}
.i-reservation ul li a{display: block;position: relative;padding:15px 15px 15px 15px;border: 1px #f6f6f6 solid;background-color: #fff;color: #0c0c0c;}
.i-reservation ul li a:hover{background:rgba(19,71,213,.9); color: #fff;border-bottom-right-radius: 30px;}
.i-reservation ul li .i-reservation-icon{width: 120px;height: 120px;padding: 15px 25px 25px 17px; margin:0px auto 15px auto;position: relative;z-index: 1;background: transparent;box-shadow: 0 0 0 0 #1347d5;border-radius: 0px;transition: all 0.5s ease 0s;}
.i-reservation ul li:hover .i-reservation-icon{background: #fff;box-shadow: 0 0 0 3px rgba(19,71,213,.6);border-radius: 100px;transition: all 0.5s ease 0s;}
.i-reservation ul li .i-reservation-icon img:hover{transform: rotateY(180deg);}
.i-reservation ul li .i-reservation-icon img {max-width: 120%;transition: transform 0.8s;transform-style: preserve-3d;}
.i-reservation ul li .i-reservation-icon i {transition: transform 0.8s;transform-style: preserve-3d;}
.flip {position: relative;}
.flip:hover img { transform: rotateY(180deg);}
.flip:hover i { transform: rotateY(180deg);}
.i-reservation ul li a h3{font-size: 20px;font-weight: 500;margin: 0;padding: 0;line-height: 1.6;min-height: 57px;overflow: hidden;font-family: 'Source Sans 3';}
.i-reservation ul li h3 span{font-size: 16px;display: block;padding-top: 10px;font-weight: 330}
@media screen and (max-width:915px){
	.i-reservation ul li{width: calc(100%/2 - 20px);}
	.i-reservation ul li:nth-child(-n+2){width: calc(100%/2 - 20px);}
}
@media screen and (max-width:767px){
	.i-reservation {position: relative}
	.i-reservation ul li a{height:auto}
	.i-reservation-main-bg{top: 10%;height:1050px}
}
@media screen and (max-width:575px){
	.i-reservation {position: relative}
	.i-reservation ul li{width: calc(100%/2 - 20px);margin:30px 5px 30px 5px;}
    .i-reservation ul li:nth-child(-n+2){width: calc(100%/2 - 20px);}
	.i-reservation ul li a{height:auto}
    .i-reservation ul li .i-reservation-icon{width:90px;height:90px;padding: 15px;margin:-45px auto 15px auto; }
    .i-reservation ul li h3{font-size: 16px;}
	.i-reservation ul li h3 span{font-size: 14px;}
    .i-reservation ul li:hover .i-reservation-icon{box-shadow: 0 0 0 2px #ffc90e;}
	.i-reservation-main-bg{top: 10%;height:1050px}
}
@media screen and (max-width:450px){
	.i-reservation {position: relative}
    .i-reservation ul li .i-reservation-icon{width: 72px;height: 72px;padding: 10px;margin:2px auto 15px auto; }
	.i-reservation-main-bg{top: 10%;height:1050px}
}
@media screen and (max-width:374px){
	.i-reservation {position: relative}
    .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: 40px 15px 40px 15px;position: relative;z-index: 2;}
.i-itinerary{max-width:1200px; margin:0 auto;}
h2.i-itinerary-title{background: url("../images/icon-title001.png")no-repeat top 4px left;background-size: 52px;padding: 0 0 0 66px;}
.i-itinerary ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-itinerary ul li{padding: 0;margin: 10px;width: calc(100%/3 - 20px);}
.i-itinerary ul li a{display: block;position: relative;box-shadow: 0 3px 0 0 #1347d5;border-bottom-left-radius: 30px;}
.i-itinerary ul li a:hover{box-shadow: 0 0 0 1px #1347d5;border-bottom-left-radius: 30px;border-top-right-radius: 30px;color: #fff}
.i-itinerary ul li .i-itinerary-photo{background-position: center center;background-repeat: no-repeat;background-size: contain;box-shadow: 0 10px 16px rgba(56,56,56,.14); border-bottom-left-radius: 30px;border-top-right-radius: 30px;}
.i-itinerary ul li .i-itinerary-photo:hover{border-top-right-radius: 30px}
.i-itinerary ul li .i-itinerary-information{background: rgba(255,255,255,1);position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px;max-height: 148px;overflow: hidden;transition: all 0.5s ease 0s;border-bottom-left-radius: 30px;}
.i-itinerary ul li .i-itinerary-information h4{margin:5px 0 10px 0;padding: 0;line-height: 1.6;font-size: 18px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;height: 28px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;    font-family: 'Source Sans 3';}
.i-itinerary ul li .i-itinerary-information .i-itinerary-content{font-size: 16px;color: #0c0c0c;overflow: hidden;text-overflow: ellipsis;height: 75px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all 0.5s ease 0s;}
.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 #1347d5 solid;background: #fff;border-radius: 100px;padding: 10px;transition: all 0.5s ease 0s;border-top-right-radius: 30px}
.i-itinerary ul li:hover .i-itinerary-information{background: rgba(19,81,155,.9);max-height:inherit;overflow: hidden;height: 100%;padding:40px 15px;transition: all 0.5s ease 0s; border-top-right-radius: 30px}
.i-itinerary ul li:hover .i-itinerary-information .i-itinerary-content{height: 200px;-webkit-line-clamp: 8;transition: all 0.5s ease 0s;color:#fff;}
.i-itinerary ul li .i-itinerary-photo img{border-bottom-left-radius: 30px;border-top-right-radius: 30px}
@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 .i-itinerary-content{height:100px;-webkit-line-clamp: 4;}
    .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 .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;height: 48px;-webkit-line-clamp: 2;}
    .i-itinerary ul li:hover .i-itinerary-information{padding:15px;}
    .i-itinerary ul li:hover .i-itinerary-information .i-itinerary-content{height: 72px;-webkit-line-clamp: 3;}
    .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){
    h2.i-itinerary-title{background: url("../images/icon-title001.png")no-repeat top 4px left;background-size: 42px;padding: 0 0 0 56px;}
    .i-itinerary ul li{margin: 10px 0;width:100%;}
    .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{padding:25px 15px 15px 15px;}
    .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-reservation{max-width:1200px; margin:0 auto;position: relative; z-index: 4;}
.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 15px 40px 15px;text-align: center;width: calc(100%/4 - 30px);position: relative; box-shadow: 0 10px 16px rgba(56,56,56,.14);background-color: #fff;}
.i-reservation ul li:after{content: "";display: block;width: 100%;height: 100%;background: rgba(255,255,255,.6);position: absolute;bottom: 0;left: 0;z-index: -1;}
.i-reservation ul li a{display: block;position: relative;padding:15px 15px 15px 15px;border: 1px #f6f6f6 solid;background-color: #fff;color: #0c0c0c;}
.i-reservation ul li a:hover{background:rgba(19,71,213,.9); color: #fff;border-bottom-right-radius: 30px;}
.i-reservation ul li .i-reservation-icon{width: 120px;height: 120px;padding: 15px 25px 25px 17px; margin:0px auto 15px auto;position: relative;z-index: 1;background: transparent;box-shadow: 0 0 0 0 #1347d5;border-radius: 0px;transition: all 0.5s ease 0s;}
.i-reservation ul li:hover .i-reservation-icon{background: #fff;box-shadow: 0 0 0 3px rgba(19,71,213,.6);border-radius: 100px;transition: all 0.5s ease 0s;}
.i-reservation ul li .i-reservation-icon img:hover{transform: rotateY(180deg);}
.i-reservation ul li .i-reservation-icon img {max-width: 120%;transition: transform 0.8s;transform-style: preserve-3d;}
.i-reservation ul li .i-reservation-icon i {transition: transform 0.8s;transform-style: preserve-3d;}
.flip {position: relative;}
.flip:hover img { transform: rotateY(180deg);}
.flip:hover i { transform: rotateY(180deg);}
.i-reservation ul li a h3{font-size: 20px;font-weight: 500;margin: 0;padding: 0;line-height: 1.6;min-height: 57px;overflow: hidden;font-family: 'Source Sans 3';}
.i-reservation ul li h3 span{font-size: 16px;display: block;padding-top: 10px;font-weight: 330}
@media screen and (max-width:915px){
	.i-reservation ul li{width: calc(100%/2 - 20px);}
	.i-reservation ul li:nth-child(-n+2){width: calc(100%/2 - 20px);}
}
@media screen and (max-width:767px){
	.i-reservation {position: relative}
	.i-reservation ul li a{height:auto}
	.i-reservation-main-bg{top: 10%;height:1050px}
}
@media screen and (max-width:575px){
	.i-reservation {position: relative}
	.i-reservation ul li{width: calc(100%/2 - 20px);margin:30px 5px 30px 5px;}
    .i-reservation ul li:nth-child(-n+2){width: calc(100%/2 - 20px);}
	.i-reservation ul li a{height:auto}
    .i-reservation ul li .i-reservation-icon{width:90px;height:90px;padding: 15px;margin:-45px auto 15px auto; }
    .i-reservation ul li h3{font-size: 16px;}
	.i-reservation ul li h3 span{font-size: 14px;}
    .i-reservation ul li:hover .i-reservation-icon{box-shadow: 0 0 0 2px #ffc90e;}
	.i-reservation-main-bg{top: 10%;height:1050px}
}
@media screen and (max-width:450px){
	.i-reservation {position: relative}
    .i-reservation ul li .i-reservation-icon{width: 72px;height: 72px;padding: 10px;margin:2px auto 15px auto; }
	.i-reservation-main-bg{top: 10%;height:1050px}
}
@media screen and (max-width:374px){
	.i-reservation {position: relative}
    .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-evaluation-main{padding: 2% 15px 2% 15px;background-color: #f4f4f4;}
.i-evaluation{max-width:1200px; margin:0 auto;}
h2.i-evaluation-title{background: url("../images/icon-title003.png")no-repeat top 4px left;background-size: 52px;padding: 0 0 0 66px;}
.owl-carousel .item{padding: 0;margin: 20px 10px;background: #1347d5;border-radius: 10px;list-style-type: none}
.owl-carousel .item h4{padding: 0; margin: 0;line-height: 1.6;border: 2px #1347d5 solid;font-size: 16px;border-radius: 10px}
.owl-carousel .item h4 a {display: block;color: #fff;padding: 10px;}
.owl-carousel .item h4:hover {background: rgba(255,255,255,.15);}
.owl-carousel .i-evaluation-name{font-size: 22px;color: #fff;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-star>ul>li i{color:#fce515}
.owl-carousel .i-evaluation-information{}
.owl-carousel .i-evaluation-information>ul{padding: 0;margin: 0;background: #fff;color:#0c0c0c;}
.owl-carousel .i-evaluation-information>ul>li{padding: 0px;margin:8px 0;width: 100%;font-size: 15px;line-height: 1.4; overflow: hidden;text-overflow: ellipsis;height: 0px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;position: relative;}
.owl-carousel .i-evaluation-information>ul>li:before{display: block;width: 4px; height: 4px;border-radius: 5px; background: #1347d5;position: absolute;left:6px;top: 8px;}
@media screen and (max-width:575px){
    h2.i-evaluation-title{background: url("../images/icon-title003.png")no-repeat top 4px left;background-size: 42px;padding: 0 0 0 56px;}
}
@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{max-width:1200px; margin:0 auto;}
.i-partner-main{padding:2% 15px;background: url("../images/mumbership.jpg")no-repeat;background-size: cover;}
.i-partner-description{color:#fff; padding: 0px 8px;}
.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{padding: 15px 10px 5px 10px;}
.i-partner ul li:hover .i-partner-photo-main{}
.i-partner ul li .i-partner-photo{background-position: center center;background-repeat: no-repeat;background-size: contain;background-color: #fff; transform:scale(0.9);transition: all 0.5s ease 0s;opacity: 1;border-radius: 50px}
.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: #0c0c0c;margin:10px 0 0 0;text-align: center;}
.i-partner ul li a{display: block;padding: 10px; background: #f4f4f4;transition: all 0.5s ease 0s;border-radius:10px;height: 150px ;box-shadow: 0 0 5px 1px #0c0c0c;}
.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);}
	.i-partner-description{padding: 0px 15px;}
	.i-partner-description a {align-content: center}
}
@media screen and (max-width:575px){
    h2.i-partner-title{background: url("../images/icon-title002.png")no-repeat top 0 left;background-size: 42px;padding: 15px 0 0 56px;}
    .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;}
.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;}
}
/** 一日遊 **/
.i-reservation-contect{max-width:1200px; margin:0 auto;position: relative; z-index: 4;}
.i-reservation-contect ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.i-reservation-contect ul li{padding: 0;margin:40px 15px 40px 15px;text-align: center;width: calc(100%/4 - 30px);position: relative; box-shadow: 0 10px 16px rgba(56,56,56,.14);background-color: #fff;}
.i-reservation-contect ul li:after{content: "";display: block;width: 100%;height: 100%;background: rgba(255,255,255,.6);position: absolute;bottom: 0;left: 0;z-index: -1;}
.i-reservation-contect ul li img {max-width: 100%;transition: transform 0.8s;transform-style: preserve-3d;height:190px}
@media screen and (max-width:915px){
	.i-reservation-contect ul li{width: calc(100%/2 - 20px);}
	.i-reservation-contect ul li:nth-child(-n+2){width: calc(100%/2 - 20px);}
}
@media screen and (max-width:767px){
	.i-reservation-contect {position: relative}
}
@media screen and (max-width:575px){
	.i-reservation-contect {position: relative}
	.i-reservation-contect ul li{width: calc(100%/2 - 20px);margin:30px 5px 30px 5px;}
    .i-reservation-contect ul li:nth-child(-n+2){width: calc(100%/2 - 20px);}
}
@media screen and (max-width:450px){
	.i-reservation-contect {position: relative}
    .i-reservation-contect ul li .i-reservation-icon2{width: 72px;height: 72px;padding: 10px;margin:2px auto 15px auto; }
}
@media screen and (max-width:374px){
	.i-reservation-contect {position: relative}
    .i-reservation-contect ul li{margin:20px 5px 20px 5px;}
}



/** 內頁banner **/
.inside-banner{padding:130px 0 10px 0; 
	background: url("../images/mumbership.jpg")no-repeat;
	background-size: cover;
}
.inside-banner .banner-title{max-width:1200px; font-size:2em; color:#ffffff; margin:0 auto; padding:15px 0px 25px 0px;text-align: center; }
.banner-title-ch{ font-size:1.3em; color:#ffffff;line-height: 1.4;font-weight:800;padding: 0;letter-spacing: 2px;display: table;margin: 0 auto;text-transform: uppercase;}
.banner-title-en{ font-size:.6em; color:#83c7ff;text-transform: uppercase;line-height: 1.2;letter-spacing: 2px;position: relative;display: table;margin: 0 auto;margin-top: .6em;font-weight: 800}
@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;}
}

/** 預約內頁banner **/
.inside-banner2{padding:130px 0 10px 0; position:absolute;}
.inside-banner2 .banner-title2{font-size:2em; color:#ffffff; margin:0 auto; padding:15px 0px 25px 0px;text-align: center; display: inline-flex;flex-direction: column;float: right;bottom: 3em;right: 28px; }
.banner-title-ch2{ font-size:.6em; color:#83c7ff;line-height: 1.4;font-weight:800;padding: 0 3em 0 0;letter-spacing: 2px;display: table;margin: 0 auto;text-transform: uppercase;}
.banner-title-ch3{ font-size:.4em; color:#fff;text-transform: uppercase;line-height: 1.5;letter-spacing: 2px;position: relative;display: table;margin: 0 auto;margin-top: 1.1em;font-weight: 400;padding-right: 4em;}
@media screen and (max-width:1060px){
	.inside-banner2{padding:100px 0 10px 0;background-position: center;border-top-right-radius: 0px;height: auto;
    background: url(../images/fly.jpg)no-repeat;
    background-size: cover;
    position: relative;}
}
@media screen and (max-width:915px){
	.inside-banner2{padding:65px 0 5px 0;background-position: center;border-top-right-radius: 0px;height: auto;
    background: url(../images/fly.jpg)no-repeat;
    background-size: cover;
    position: relative;}
	.inside-banner2 .banner-title2{padding: 0px 0px 0px 50px}
    .banner-title-ch2{ font-size:20px;padding-top: 3em;padding-right: 0em}
    .banner-title-ch3{ font-size:10px;padding:0 2em}
}
@media screen and (max-width:575px){
	.inside-banner2{padding:65px 0 5px 0;background-position: center;border-top-right-radius: 0px;height: 600px;
    background: url(../images/fly.jpg)no-repeat;
    background-size: cover;
    position: relative;}
	.inside-banner2 .banner-title2{padding: 0px 0px 0px 50px}
    .banner-title-ch2{ font-size:20px;padding-top: 3em;padding-right: 0em}
    .banner-title-ch3{ font-size:10px;padding:0 2em}
}

/** Breadcrumb **/
nav[aria-label="breadcrumb"] {padding: 0 0 0 0 ;max-width: inherit;margin: 0;}
.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:#383838; content:"/";}
.breadcrumb-item a{font-weight:normal; text-decoration:none; color:#383838;}
.breadcrumb-item a:hover{color:#17a5e9; text-decoration:none;}
.breadcrumb-item.active{color: #383838;}

/** 內頁架構 **/
.content-body{max-width:1200px; margin:0 auto; padding:20px 0 40px 0;position: relative;}
.main2{margin:0 auto; padding:20px 0 40px 0;position: relative;background-color: #f6f6f6}
.main3{margin:0 auto; padding:20px 0 40px 0;position: relative;background-color: #f6f6f6;background-image: url(../images/travel.png);background-size: cover;background-position: center center;}
.content-body2{max-width:1200px;margin:0 auto; padding:20px 0 40px 0;position: relative;background-color: #fff}
.content-body3{max-width:1200px; margin:0 auto; padding:20px 0 20px 0;position: relative;}
.content-body4{max-width:800px; margin:0 auto; padding:20px 0 20px 0;position: relative;background-color: #fff;height: auto;}
.content-body .itinaritryform{max-width:1200px; margin:10px auto; padding:10px 10px 10px 10px;position: relative;border: 40px solid #f0f0f0;border-radius: 30px;}
.page-title{font-size:2em; color:#161616; padding:2px 0 2px 0px; margin:15px 0 10px 0;width: 100%;font-weight:600;position: relative;line-height: 1.4;font-family: 'Source Sans 3';}
.page-title::after {
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 80px;
    height: 5px;
	background: #155bd5;
    border-radius: 10px;}
.page-title2{font-size:2em; color:#161616; padding:20px 0 30px 0px; margin:15px 0 10px 0;width: 100%;font-weight: 600;position: relative;line-height: 1.4; text-align: center;font-family: 'Source Sans 3';}
.page-title2::after {
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 80px;
    height: 5px;
	background: #155bd5;
    border-radius: 10px}
.page-title3{font-size:2em; color:#fff; padding:20px 0 30px 0px; margin:15px 0 10px 0;width: 100%;font-weight: 600;position: relative;line-height: 1.4; text-align: center;font-family: 'Source Sans 3';}
.page-title3::after {
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 80px;
    height: 5px;
	background: #83c7ff;
    border-radius: 10px}
.page-title4{font-size:2em; color:#161616; padding:20px 20px 30px 20px; margin:15px 0 10px 0;width: 100%;font-weight: 600;position: relative;line-height: 1.4; text-align: left;font-family: 'Source Sans 3';}
.page-main{padding:20px; font-size:15px; color:#0c0c0c;height: auto;line-height: 24px}
.page-main a{color:#ffffff;text-decoration: underline;}
.page-main a:hover{color: #17a5e9;}
@media screen and (max-width:767px){
	.content-body{padding:10px 0 20px 0;}
	.content-body2{padding:10px 0 20px 0;}
	.content-body4{padding:10px 0 20px 0;}
    .page-title{font-size:2em; }
	.content-body .itinaritryform{padding:5px;position: relative;border: 10px solid #f0f0f0;border-radius: 10px;}

}
@media screen and (max-width:767px){
    .page-title2{font-size:2em; }

}

@media screen and (max-width:767px){
    .page-title3{font-size:2em; padding: 20px 20px;}

}


/** 左邊分類 暫不採用**/
.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; color:#ffffff; padding:0;width:100%;margin:15px 10px;}
.in-left-menu>ul>li>a{background:rgba(0,0,0,.6); color:#ffffff;  display:block; padding:8px 15px;box-shadow: 0 0 0 1px #ffc90e;}
.in-left-menu>ul>li>a:hover{background:rgba(0,0,0,1);box-shadow: 0 0 0 3px #ffc90e;transform: translateX(15px);}
.in-left-menu>ul>li>.current{background:#ffc90e;color:#000000;}
.in-left-menu>ul>li>.current:hover{background:#ffc90e;color:#000000;}
.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:#ffffff; 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;}
/** 左邊分類 暫不採用 end**/
.in-top-menu>ul{margin:0px 0px 15px 0px; 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{color:#161616;  display:block; padding:8px 15px;border-radius: 3px;font-size: 1em;font-weight: bold}
.in-top-menu>ul>li>a:hover{color:#fff; background:rgba(19,81,155,1);transform: translateY(-10px);font-size: 1em;font-weight: 600}
.in-top-menu>ul>li>.current{color:#161616;border-bottom: 5px solid #155bd5; font-size: 1em;font-weight:600;}
.in-top-menu>ul>li>.current:hover{background:#13519b;color:#fff;}
.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 ; }
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#155bd5;}
	.m_classLink a.main{display:block; background:none; font-size:16px; font-family:"Microsoft JhengHei", "新細明體", sans-serif; color:#ffffff; position:relative; padding:8px 15px;}
	.m_classLink a.main i{display:block; font-size:18px; width:41px; height:100%; text-align:center; color:#fff; line-height:41px; position:absolute; right:0; top:0;}
	.m_classLink a.main b{color:#fff;font-weight: 800}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:rgba(19,81,155,1); 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;font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:16px; color:#ffffff;}
	.m_classLink ul li a:hover{background:#83c7ff;color:#fff;}
	.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:#83c7ff;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;}
	/** 左邊分類 暫不採用 end**/
}

/** 司機評價 **/
.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{position: absolute;top: 2px;right: 0;}
.c-evaluation-star>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.c-evaluation-star>ul>li{padding: 0;margin: 0 4px;flex: 1;max-width: 22px;}
.c-evaluation-star>ul>li:first-of-type{margin: 0 4px 0 0;}
.comment-content{margin: 8px 0 0 0;text-align: left}
.comment-content>ul{list-style: none;padding: 0;margin: 0; }
.comment-content>ul>li{padding: 15px 15px 15px 25px;margin:8px 0;width: 100%;font-size: 16px;position: relative;border-radius: 5px;}
.comment-content>ul>li:nth-child(even){background: rgba(255,255,255,.2);}
.comment-content>ul>li:before{content: "\f599";display: block; position: absolute;font-family: 'FontAwesome';font-size: 1.2em;top:10px;left:0px}
@media screen and (max-width:767px){
    .c-evaluation-star>ul>li{max-width: 20px;}
}
@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-main{margin:0 auto; padding:20px 0 40px 0;position: relative;background-image: url(../images/news.jpg);background-size: cover;background-position: center center;background-color: rgba(0, 0, 0, .7);background-blend-mode: multiply;}
.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%/3 - 20px);text-align: center;}
.news ul li a{color:#ffffff; display:block;padding:15px;background-color: #fff;box-shadow: 0 0 16px rgba(0,0,0,.18);}
.news ul li a:hover{background: rgba(255,255,255,.1);transform: translateY(-10px);box-shadow: 0 0 0 2px #155bd5;}
.news ul li .news-date{width: 100%; color:#cccccc; font-size:13px; text-align:center; margin:-30px 0 10px 0;;text-transform: uppercase;}
.news ul li .news-date .news-day{width: 150px;height: 25px;padding: 10px; margin: 0 auto 5px auto;background: #155bd5;font-size: 18px;color: #fff;border-radius: 3px;display: flex;align-items: center;justify-content: center;}
.news ul li .news-date .news-year{font-size: 18px;color: #000000;}
.news ul li .news-content{width: 100%;font-size:18px; color:#0c0c0c;overflow: hidden;text-overflow: ellipsis;height: 50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-detail-date{color:#000000;font-size: 1.2em;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-main{margin:0 auto; padding:20px 0 40px 0;position: relative;background-image: url(../images/partner02.png);background-size: cover;background-position: center center;background-color: rgba(0, 0, 0, .8);background-blend-mode: multiply;}
.partner-main2{margin:0 auto; padding:20px 0 40px 0;position: relative;background-image: url(../images/business.jpeg);background-size: cover;background-position: center center;background-color: rgba(0, 0, 0, .8);background-blend-mode: multiply;}
.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{padding: 10px; }
.partner ul li:hover .i-partner-photo-main{box-shadow: 5px 12px 20px -5px rgba(36,36,36,.2); border: 2px solid #13519b;border-radius: 10px}
.partner ul li .i-partner-photo{background-position: center center;background-repeat: no-repeat;background-size: contain;background-color: #fff; 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: #0c0c0c;margin:10px 0 0 0;text-align: center;}
.partner ul li a{display: block;padding: 0; background: #fff;transition: all 0.5s ease 0s;height: 135px;box-shadow: 0 0 5px 1px #dddddd;border-radius: 10px}
.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 - 25px);margin: 10px;height: 120px}
}
/** 合作夥伴 圖文 **/
.partnersu-description{color:#0c0c0c; padding: 0px 10px;}
.partnersu-main{margin:20px 0 -20px 0;padding: 4% 15px 2% 15px;}
.partnersu{max-width:1200px; margin:0 auto;}
.partnersu ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.partnersu ul li{padding: 30px;margin:40px 10px 0px 10px;text-align: center;width: calc(100%/3 - 20px);position: relative;display: inline-flex;flex-direction: column;align-items: center;}
.partnersu ul li .partnersu-icon{width: 120px;height: 120px;padding: 25px; margin:-60px auto 15px auto;position: relative;z-index: 1;background: transparent;border-radius: 70px;transition: all 0.5s ease 0s;border: 2px solid #155bd5}
.partnersu ul li .partnersu-icon i {font-size: 4em; display: flex; -webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    padding-top: 2px; padding-left: 5px;}
.partnersu ul li h3{font-size: 20px;color: #0c0c0c;font-weight: bold;margin: 0;padding-top: 20px;padding-bottom: 10px;line-height: 1.6;min-height: 57px;overflow: hidden;font-family: 'Source Sans 3';}
.partnersu ul li span{font-size: 16px;display: block; color:#0c0c0c}
@media screen and (max-width:915px){
	.partnersu ul li{width: calc(100%/1 - 20px);}
	.partnersu ul li:nth-child(-n+2){width: calc(100%/1 - 20px);}
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	.partnersu ul li{width: calc(100%/1 - 10px);margin:30px 5px 30px 5px;}
    .partnersu ul li:nth-child(-n+2){width: calc(100%/1 - 10px);}
    .partnersu ul li .partnersu-icon{width:90px;height:90px;padding: 15px;margin:-45px auto 15px auto; }
}
@media screen and (max-width:450px){
    .partnersu ul li .partnersu-icon{width: 140px; height: 140px;padding-top: 35px;padding-right: 18px;
    margin: -36px auto 15px auto;}
}
@media screen and (max-width:374px){
    .partnersu ul li{margin:20px 5px 20px 5px;}
    .partnersu ul li .partnersu-icon{width: 54px;height: 54px;margin:-27px auto 15px auto; }
}
/** 企業合作 圖文 **/
.business-description{color:#0c0c0c; padding: 0px 10px;}
.business-main{margin:20px 0 -20px 0;padding: 4% 15px 2% 15px;}
.business{max-width:1200px; margin:0 auto;}
.business ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.business ul li{padding: 30px;margin:40px 10px 0px 10px;text-align: center;width: calc(100%/4 - 20px);position: relative;display: inline-flex;flex-direction: column;align-items: center;}
.business ul li img{border-radius: 10px}
.business ul li .business-icon{width: 230px; padding: 5px; background: transparent;}
.business ul li .business-icon i {font-size: 4em; display: flex; -webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    padding-top: 2px; padding-left: 5px;}
.business ul li h3{font-size: 20px;color: #0c0c0c;font-weight: bold;margin: 0;padding-top: 20px;padding-bottom: 10px;line-height: 1.6;min-height: 57px;overflow: hidden;font-family: 'Source Sans 3';}
.business ul li span{font-size: 16px;display: block; color:#0c0c0c}
@media screen and (max-width:915px){
	.business ul li{width: calc(100%/1 - 20px);}
	.business ul li:nth-child(-n+2){width: calc(100%/1 - 20px);}
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	.business ul li{width: calc(100%/1 - 10px);margin:30px 5px 30px 5px;}
    .business ul li:nth-child(-n+2){width: calc(100%/1 - 10px);}
    .business ul li .business-icon{width:400px;height:auto;padding: 15px;margin:-45px auto 15px auto; }
}
@media screen and (max-width:450px){
    .business ul li .business-icon{width: 350px; height: auto;padding-top: 35px;padding-right: 18px;
    margin: -36px auto 15px auto;}
}
@media screen and (max-width:374px){
    .business ul li{margin:20px 5px 20px 5px;}
    .business ul li .business-icon{width: 300px;height: auto;margin:-27px auto 15px auto; }
}
/** about us 圖文 **/
.aboutus-description{color:#0c0c0c; padding: 0px 10px;}
.aboutus-main{margin:20px 0 -20px 0;padding: 4% 15px 2% 15px;}
.aboutus{max-width:1200px; margin:0 auto;}
.aboutus ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.aboutus ul li{padding: 10px;margin:40px 10px 0px 10px;text-align: center;width: calc(100%/2 - 20px);position: relative;display: inline-flex;flex-direction: column;align-items: center;}
.aboutus ul li .aboutus-icon{width: 100%; padding: 0px; background: transparent;}
.aboutus ul li .aboutus-icon i {font-size: 4em; display: flex; -webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    padding-top: 2px; padding-left: 5px;}
.aboutus ul li h3{font-size: 20px;color: #0c0c0c;font-weight: bold;margin: 0;padding-top: 20px;padding-bottom: 10px;line-height: 1.6;min-height: 57px;overflow: hidden;font-family: 'Source Sans 3';}
.aboutus ul li span{font-size: 16px;display: block; color:#0c0c0c;padding: 30px;height: 250px;}
.aboutusservice{display: inline-flex;justify-content: center;}
.aboutusservice div{padding:0px 10px;font-size: 1.2em; font-weight: 500;color:#155bd5}
@media screen and (max-width:915px){
	.aboutus ul li{width: calc(100%/1 - 20px);}
	.aboutus ul li:nth-child(-n+2){width: calc(100%/1 - 20px);}
	.aboutus ul li span{height: auto;}
	.aboutusservice{display: inline-block; text-align: left}
	
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	.aboutus ul li{width: calc(100%/1 - 10px);margin:30px 5px 30px 5px;}
    .aboutus ul li:nth-child(-n+2){width: calc(100%/1 - 10px);}
    .aboutus ul li .aboutus-icon{width:400px;height:auto;padding: 15px;margin:-45px auto 15px auto; }
}
@media screen and (max-width:450px){
    .aboutus ul li .aboutus-icon{width: 350px; height: auto;padding-top: 35px;padding-right: 18px;
    margin: -36px auto 15px auto;}
}
@media screen and (max-width:374px){
    .aboutus ul li{margin:20px 5px 20px 5px;}
    .aboutus ul li .aboutus-icon{width: 300px;height: auto;margin:-27px auto 15px auto; }
}

/** 產品搜尋 **/
.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;}
.pro-photo img.index-pro-img{width:auto; height:auto; flex-shrink:0;}
.pro-list ul li .pro-information{flex: 1;padding: 15px 0 15px 15px;}
.pro-list ul li .pro-information h4{font-size:17px; color:#ffc90e; line-height:1.6; 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; color:#ffffff; 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 -10px;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;margin-left: -16px;}
    .destination ul li .features{width:100%;display: flex;justify-content: flex-end;margin: 10px 0 0 0;}
}

/** 費用試算 **/
.cost-calculation ul li.no{}
.cost-calculation{position: fixed;top:200px;right: 0;max-width: 200px;background:rgba(19,81,155,1);z-index: 10000;border-radius: 50px 0 0 50px;box-shadow: -5px 12px 20px -5px rgba(36,36,36,.8);}
.cost-calculation ul{list-style: none;padding: 0;margin: 0;}
.cost-calculation ul li{display: block;padding:20px;margin: 0;border-bottom: 1px rgba(0,0,0,.4) solid;box-shadow: 0 1px 0 0 rgba(255,255,255,.8); text-align: center;width: 200px;}
.cost-calculation ul li:last-of-type{border-bottom: 0 rgba(0,0,0,.4) solid;box-shadow: 0 0 0 0 rgba(255,255,255,0);}
.cost-calculation ul li .cost-icon{font-size: 16px;color: #c9d9f2;max-width: 50px; margin: 0 auto 5px auto;position: absolute;}
.cost-calculation ul li .cost-icon i{font-size: 1.5em;}
.cost-calculation ul li .cost-title{font-size: 1.5em;color: #c9d9f2;}
.cost-calculation ul li .cost-content{font-size: 1.5em;color: #0c0c0c;font-weight: bold;text-align: right; background-color: #fff;padding: 5px;border-radius: 10px;}
@media screen and (max-width:1310px){
    .cost-calculation ul li.no{display: none;}
    .cost-calculation{top:inherit;right:inherit;bottom: 0;left: 0;width: 100%;max-width:initial;border-radius:0;}
    .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);border-top: 1px rgba(255,255,255,.8) solid;}
    .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: 12px;color: #fff;}
    .cost-calculation ul li .cost-content{font-size: 14px;}
}
@media screen and (max-width:575px){
	.cost-calculation{}
    .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;height:30px}
}


/** 預約清單 **/
.airport-note{background:rgba(255,255,255,1);padding: 15px;text-align: center;border-radius: 5px; margin: 8px 8px 38px 8px;box-shadow: 5px 12px 20px -5px rgba(36,36,36,.2);}
.airport-note span{color:  #155bd5;}
.appointment-list{}
.appointment-list-title{font-size:18px; color:#000000; padding:5px 15px;background: #155bd5;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: #155bd5; 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;color: #0c0c0c;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:#155bd5;margin: 5px;}
.itinerary-detail-note span.itinerary-day i{margin: 0 8px 0 0;}
.itinerary-detail-note span.itinerary-area{font-size:15px; color:#155bd5;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: #155bd5;}
.itinerary-detail-price .itinerary-detail-price-content{font-size: 16px;color: #0c0c0c;}
.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;background-color: #fff;border-radius: 30px}
.attractions ul li a{display: flex;}
.attractions ul li a:hover{}
.attractions-photo-main{width: 250px;}
.attractions ul li .attractions-information{flex: 1;padding: 15px 0 15px 15px;}
.attractions ul li .attractions-information h4{font-size:17px; color:#155bd5; line-height:1.6; font-weight:bold; margin:5px 0 10px 0;overflow: hidden;text-overflow: ellipsis;height:27px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding: 0px 15px}
.attractions ul li .attractions-information .attractions-content{font-size:16px; color:#0c0c0c; overflow: hidden;text-overflow: ellipsis;height: 150px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;margin: 0 0 10px 0;padding: 0px 15px}
@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:20px 15px; font-size:16px; display: table;border-radius: 3px; color: #0c0c0c;margin: auto; text-align: center}
.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: #0c0c0c;}
.contact-information ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.contact-information ul li{display: flex;align-items: center; padding: 0;margin:10px ;width:calc(100%/3 - 20px);}
.contact-information ul li .contact-icon{width: 30px;margin: 0 10px 0 0;}
.contact-information ul li .contact-content{flex: 1;}
.contact-information ul li .contact-content span{width: 100%;display: block;color: #155bd5;font-size: 17px;}
.contact-information ul li .contact-content a{display: block;color: #0c0c0c;}
.contact-information ul li .contact-content a:hover{text-decoration: underline;color: #155bd5;}
.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:0px 0 0 3px;color: #f22121;font-size: 1em;}
@media screen and (max-width:767px){
    .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: 14px; color: #155bd5;display: block;width: 100%;margin: 10px 0;padding: 0 15px;}
.model-note>ol{padding: 0;margin: 0 0 0 22px;}
.model-note>ol>li{padding: 0;margin: 0;}
.model-note a{background:#155bd5;padding:2px 15px;margin: 0 5px;color: #fff;border-radius: 5px;display: inline-block;}
.model-note a:hover{background:#13519b;color: #155bd5; box-shadow: 0 0 0 1px #13519b;}
.model-note02{font-size: 14px; color: #eeeeee;display: block;width: 100%;text-align: right;}
.model-note03{font-size: 14px; color: #155bd5;display: block;width: 100%;margin: 10px 0;padding: 0 15px;}
.model-note04{font-size: 14px; color: #155bd5;display: flex;width: 100%;margin: 10px 0;padding: 0;}
.model-note04 a{background:#155bd5;padding:2px 15px;margin: 0 5px;color: #000000;border-radius: 5px;display: block;}
.model-note04 a:hover{background:#13519b;color: #ffffff; box-shadow: 0 0 0 1px #155bd5;}
.model-note04 .model-note-btn{width: auto;margin: 0 5px 0 0;}
.model-note04 .model-note-font{flex: 1;}
fieldset{margin: 17.5px 0;padding: 0;}
legend.form-box-title{font-weight: 800;padding: 0;margin:25px 0 15px 0;font-size: 1.1em; color: #155bd5;display: block;}
.form-box{margin: 0;}
.form-box2{margin: 0;display: flex;background: url(../images/fly.jpg)no-repeat;
    background-size: cover;
    background-position: 7em center;
    border-top-right-radius: 100px;}
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: 16px;padding: 0 5px;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion-main{display:flex; flex-wrap:wrap; }
.opinion{flex: 1; display:inline-flex; flex-wrap:wrap;margin:5px 0; border:0; border-radius:0; position: relative;}
.opinion-left01{ width:142px; min-width:140px; padding:5px 10px; font-weight:normal; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; display:flex;flex-wrap: wrap; align-items:center;text-align: right;justify-content: flex-start}
.opinion-left02{ width:110px; min-width:110px; padding:5px 10px; font-weight:normal; font-size:14px; font-family:"Microsoft JhengHei"; color:#0c0c0c; 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:#0c0c0c; 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: 1px #cccccc solid;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;background-color: #fff;border-radius: 3px;}
.input-main-style02{flex:1; width:100%;border-bottom: 1px #cccccc solid;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;background-color: transparent;border-radius: 3px;}
.input-main-style03{flex:1; width:100%;border: 1px #cccccc solid;margin-top:5px; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;background-color: transparent;border-radius: 3px;}
.input-main-style04{background-color: transparent;flex:1; width:100%; border:0; margin:0; padding:0 ; font-size:15px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;border-radius: 3px;}
.input-main-style04 select{background-color: transparent;width:100%; margin:0 0 0 0px; padding:5px 15px; line-height:1.8; border:0;border: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; min-height:39px;border-radius: 3px;}
.input-main-style04 select option{background-color: #000000;color:#999999;font-size: 14px;}
.input-main-style05{flex:1; width:100%;border: 1px #cccccc solid;margin:5px 0 0 0; padding:5px 125px 5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;background-color: transparent;border-radius: 3px}
.input-main-style06{flex:1; width:100%;border: 1px #cccccc solid;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;background-color: transparent;border-radius: 3px;}
.input-main-style07{background-color: transparent;flex:1; width:100%; border:0; margin:0; padding:0 ; font-size:15px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;border-radius: 3px;display: flex;}
.input-main-style07 select{background-color: transparent; width:100%; margin:0; padding:5px 15px; line-height:1.8;border: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c;min-height:39px;border-radius: 3px;flex: 1;}
.input-main-style07 select option{background-color: #000000;color:#999999;font-size: 14px;}
.input-main-style08{appearance:none;-moz-appearance:none;-webkit-appearance:none;flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; font-family:"Microsoft JhengHei"; color:#ffffff; line-height:1.8; display:flex; flex-wrap:wrap;justify-content: space-between}
.input-main-style08 select{background-color: transparent;width:calc(50% - 10px); margin:0 0 0 0px; padding:5px 15px; line-height:1.8; border: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; min-height:39px;border-radius: 3px;}
.input-main-style08 select option{background-color: #000000;color:#999999;font-size: 14px;border-radius: 3px;}
.input-main-style09{flex:1; width:100%; border:0;margin:0; padding:5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;background-color: transparent;border-radius: 3px;}
.input-main-style10{appearance:none;-moz-appearance:none;-webkit-appearance:none;flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; line-height:1.8; display:flex; flex-wrap:wrap;justify-content: space-between;}
.input-main-style10 select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:100%; margin:0 0 0 0px; padding:5px 15px; line-height:1.8; border: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; min-height:39px;border-radius: 3px;background: url("../images/Angle_down_font_awesome.svg")#fff no-repeat right center;background-size: 25px}
.input-main-style10 select option{background-color: #000000;color:#999999;font-size: 14px;border-radius: 3px;}
.input-main-style11{background-color: #fff;flex:1; width:100%; border:0; margin:0; padding:0 ; font-size:15px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;border-radius: 3px;}
.input-main-style11 select{background-color: transparent;width:100%; margin:0 0 0 0px; padding:5px 15px; line-height:1.8; border:0;border: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; min-height:39px;border-radius: 3px;}
.input-main-style11 select option{background-color: #000000;color:#999999;font-size: 14px;}
.input-main-style12{flex:1; width:100%;border: 1px #cccccc solid;margin:5px 0 0 0; padding:5px 125px 5px 15px; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; line-height:1.8; min-height:39px;background-color: #FFF;border-radius: 3px}
.input-main-select2{appearance:none;-moz-appearance:none;-webkit-appearance:none;flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; color:#ffffff; line-height:1.8; display:flex; flex-wrap:wrap;justify-content: space-between}
.input-main-select2 select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:calc(50% - 10px); margin:0 0 0 0px; padding:5px 15px; line-height:1.8; border: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; min-height:39px;border-radius: 3px;background: url("../images/Angle_down_font_awesome.svg")#fff no-repeat right center ;background-size: 25px}
.input-main-select2 select option{background-color: #000000;color:#999999;font-size: 14px;border-radius: 3px;}
.input-main-select{appearance:none;-moz-appearance:none;-webkit-appearance:none;flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; font-family:"Microsoft JhengHei"; color:#ffffff; line-height:1.8; display:flex; flex-wrap:wrap;justify-content: space-between}
.input-main-select select{background-color: transparent;width:calc(50% - 10px); margin:0 0 0 0px; padding:5px 15px; line-height:1.8; border:0;border: 1px #cccccc solid; font-size:16px; font-family:"Microsoft JhengHei"; color:#0c0c0c; min-height:39px;border-radius: 3px;}
.input-main-select select option{background-color: #000000;color:#999999;font-size: 14px;border-radius: 0;}
.select-style{background:#8a6e0c; font-size:15px; color:#ffffff; 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;}
.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;background: rgba(246,246,246,.8);padding: 10px;}
.open-title02{display: inline-block;}
.open-content02{display: none;background: rgba(246,246,246,.8);padding: 10px;}
.open-title03{display: inline-block;}
.open-title04{display: inline-block;}
.open-title06{display: inline-block;}
.open-content06{display: none;background: rgba(246,246,246,.8);padding: 10px;}
.open-content03{display: block;}
.open-content04{display: none;}
.open-title05{display: inline-block;}
.open-content05{display: none;background: rgba(246,246,246,.8);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: 1px #155bd5 solid;}
.input-main-style06:focus{background: rgba(255,255,255,.2);border: 1px #155bd5 solid;}
.iti{flex: 1;display: block;}
.iti__selected-flag:focus{outline: 0;}
.note{font-size: 14px;display:inline-flex;align-items: center;padding: 4px 15px;color: #155bd5;}
@media screen and (max-width:767px){
	.opinion-main{display:block;}
    label.open span{padding: 0;display: block;width: 100%;}
    .note{display:block;width: 100%;text-align: right;}
	.form-box2{margin: 0;display: block;background:none}
}
@media screen and (max-width:575px){
	.opinion{display:block;}
	.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;}
	.form-box2{margin: 0;display: block;background:none}
	
}

/**表單內容靠左**/

.form-box form .form-box2-go{margin: 0;background-color: #f4f4f4;z-index: 2;}
.form-box.form-box2-go input, .form-box2-go img{vertical-align:middle;}
@media screen and (max-width:767px){
	.form-box form .form-box2-go{position: inherit;top:30em}
}
@media screen and (max-width:575px){
	.form-box form .form-box2-go{position: inherit;top:30em}
}



/** 按鈕 **/
.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:10px 45px; text-align:center; font-size:16px; font-weight:600; color:#fff; min-width:100px; margin:5px; border:0; border-radius:3px;background:#155bd5;text-decoration: none;}
a.btn-send:hover{background:#13519b;color:#ffffff;}
a.btn-reset{background:#999999; padding:10px 45px; text-align:center; font-size:16px; color:#ffffff; font-weight:600; min-width:100px; margin:5px; border:0; border-radius:3px;text-decoration: none;}
a.btn-reset:hover{background:#666666; color:#ffffff; }
a.btn-member{padding:5px 20px; text-align:center; font-size:16px; font-weight:600; 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:600; 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:600; color:#000000; min-width:100px; margin:5px; border:0; border-radius:3px;background:#17a5e9 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:10px 40px; width:calc(50% - 10px);}
	a.btn-reset{padding:10px 40px; width:calc(50% - 10px);}
	a.btn-join{padding:10px 40px; 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: #0c0c0c;display: block;width: 100%;margin:0;padding: 0 ;}
.configuration{margin:5px 0 10px 0;background: #f6f6f6 ;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 #155bd5 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: 100px;text-align: center;}
.discount a{display: block; background: #155bd5;color: #fff; font-size: 16px;padding:8px 15px; border-radius: 3px;margin: 0px}
.discount a:hover{background: #13519b;color: #ffffff;}

@media screen and (max-width:800px){
    .discount a{padding:8px 5px;}
}

/** 會員登入 **/
.member-login-box{max-width:900px; 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:20px 0px; margin:5px;width: calc(80%/3 - 10px);border-radius: 3px;overflow: hidden;}
.login-tool ul li img{width:60%;}
@media screen and (max-width:450px){
	.login-tool ul li{width: calc(100%/3 - 10px);}
}
/** 忘記密碼 **/
.forgetpassword{padding:5px 0px;font-size: 16px;color: #155bd5;display: flex;align-items: center;justify-content: flex-end}
.forgetpassword a{color: #155bd5;text-decoration: underline; text-align: right}
.forgetpassword a:hover{text-decoration: underline;}
/** 評價 **/
.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:1200px; margin:50px auto; border-radius:5px; padding: 25px;background-color: #fff}

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

/** 會員條款 **/
.terms{padding:12px 15px;font-size: 16px;color: #0c0c0c;display: flex;align-items: center;}
.terms a{color: #f22121;text-decoration: underline;}
.terms a:hover{text-decoration: underline;}
.terms label{display: block;}
.terms input{margin: 0 5px 0 0;}
.terms-information-main{margin: 15px; }
.terms-information{max-width: 810px; background:#fff;border: 1px #0c0c0c solid; padding: 30px;border-radius: 5px;margin: 0 auto;height: calc(100vh - 40px);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.terms-information .terms-content{font-size: 16px; color: #0c0c0c;height: calc(100% - 121px);overflow-y: auto;padding: 10px 10px 10px 0px}
.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:10px 0 0 0; text-align:center; margin-top:0px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
button.agree{background: #155bd5;color: #fff;border: 0;font-family: "Microsoft JhengHei";font-size: 16px;padding:5px 45px;border-radius: 3px;}
button.agree:hover{background: #13519b;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{padding: 15px 0px}
.order-list ul{list-style:none; padding:0; margin:0;}
.order-list ul li{padding:10px 5px; margin:0;display: flex;align-items: center;text-align:left;}
.order-list ul li:nth-child(odd){background: rgba(246,246,246,1);}
.order-list ul li .order-list-content{text-align:left; margin:0;}
.order-list ul li:first-of-type{border-bottom: 3px #bcbcbc solid;background: rgba(226,226,226,1);color: #161616;font-size: 1.1em}
.order-list ul li:first-of-type .order-list-content{font-size:16px; text-align:left;}
.order-list ul li:first-of-type .order-list-content b{display:block; }
.order-list .order_number{font-size:16px; color:#161616;}
.order-list .order_date{font-size:16px; color:#161616;}
.order-list .order_total{font-size:16px; color:#161616;}
.order-list .order_status{font-size:16px; color:#161616;}
.order-list .order_details{font-size:16px; color:#161616;}
.order-list .order_details a{display:inline-flex;align-items: center;justify-content: center; color:#f22121; padding:4px 9.5px;width: 34px;height: 34px; margin: 0 auto;}
.order-list .order_details a:hover{background:#f22121;color:#ffffff;border-radius: 50px;}
.order-list .order_details a.fadeandscale_open{ display:flex;align-items: center;justify-content: center; color:#f76f00; padding:2px 9.5px;width: 100%;height: auto;font-size: 14px; margin: 0 auto;}
.order-list .order_details a.fadeandscale_open:hover{background:#f76f00; color:#fff;border-radius: 50px;}
.order-list .order_details a.edit{display:inline-flex;align-items: center;justify-content: center; color:#f76f00; padding:4px 9.5px;margin: 0 2px;width: 34px;height: 34px; }
.order-list .order_details a.edit:hover{background:#f76f00; color:#fff;border-radius: 50px;}
.order-list .order_details a.cancel{ display:flex;align-items: center;justify-content: center; color:#13519b; padding:2px 9.5px;width: 100%;height: auto;font-size: 14px; margin: 0 auto;}
.order-list .order_details a.cancel:hover{background:#13519b; color:#fff;border-radius: 50px;}
.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: #155bd5;}
.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:nth-child(odd){background: rgba(246,246,246,1);}
	.order-list ul li .order-list-content{padding:5px 0;}
	.order-list ul li:first-of-type{display:none;}
	.oproject{display:inline-block; color: #155bd5; width:100px; margin:0 ;background: rgba(255,255,255,.2);padding: 5px 10px;text-align: right;}
	.oproject-content{width:100%; max-width:100%; text-align:left;padding: 5px 10px;}
    .order-list .order_details a{padding:0px 5.5px; }
    .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;}
    .order-list .order_details a.cancel{display: table;width:auto; margin: 0;text-align: center;padding:0px 5.5px;}
    .order-list .order_details a.fadeandscale02_open1{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;}
}

/** 訂單詳細內容 **/
.orderdetail-list ul li:first-of-type{color: #161616;font-size:1em;list-style: none}
.orderdetail-content{display: block;font-size:1em;text-align: left;padding-right: 15px}

/** 訂單明細 **/
.order-detail{font-size:1em; color:#161616; margin:0 0 20px 0;}
.order-detail h2{color:#161616; font-size:1.5em; padding:5px 0px; margin:40px 0 10px 0;font-weight: 700;border-bottom: 3px solid #155bd5;
border-image: linear-gradient(90deg,rgba(21,91,213,1),rgba(21,91,213,1),rgba(255,255,255,0)) 100% 0}
.order-detail h3{color:#161616; font-size:18px; padding:0; margin:25px 0 10px 0;font-weight: 700;}
.order-detail p{}
.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;}

}

/** 總計 **/
.checkout-cart-summary{padding:10px;background: rgba(246,246,246,.5);}
.checkout-cart-summary .subtotal{font-size:16px; color:#161616; padding:5px; margin:0;}
.checkout-cart-summary .subtotal-name{font-weight:700; text-align:left;}
.checkout-cart-summary .subtotal-name .subtotal-quantity{font-weight:700;}
.checkout-cart-summary .subtotal-content{text-align:right;}
.checkout-cart-summary .total{display:flex; flex-wrap:wrap; font-size:16px; color:#161616; border-top:2px #cccccc solid; padding:8px 5px; margin:20px 10px 0 10px;}
.checkout-cart-summary .toc{color:#1347d5; font-size:20px;font-weight:700;}
@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:#0c0c0c; text-align:center; clear:both; margin:15px 0;}
.page a{background:#155bd5; color:#fff; padding:10px 45px;border-radius: 3px;}
.page a:hover{background:#13519b; color:#fff;}
.page br{display:none;}
@media screen and (max-width:640px){
	.page br{display:block;}
}


/**  下版選單 暫不採用**/
.footer-menu-main{background: #ffc90e;border-bottom: 1px #000000 solid;border-top: 1px #000000 solid;}
.footer-menu{max-width:1200px; margin:0 auto;}
.footer-menu ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.footer-menu ul li{padding: 0;margin: 0;border-right: 1px #000000 solid;font-size:15px;color: #000000;text-align: center;line-height: 1.4;}
.footer-menu ul li:last-of-type{border-right: 0;}
.footer-menu ul li span{display: inline-block;padding: 0;margin: 0;font-size:13px;line-height: 1.2;}
.footer-menu ul li a{display: block; color: #000000;padding: 5px 25px;}
.footer-menu ul li a:hover{background: #000000;color: #ffc90e;}
@media screen and (max-width:915px){
   .footer-menu-main{display: none;}
}

/** 下版 暫不採用**/
footer1{background:#1e1e1e;padding: 20px 15px;}
footer1 .footer1{max-width:1200px; margin:0 auto; display: flex;flex-wrap: wrap; align-items: center;font-size:15px; color:#eeeeee;}
footer1 .footer1 .footer-logo{width: 172px;}
footer1 .footer1 .footer-logo img{width: 100%;}
footer1 .footer1 .footer-information{margin: 0 20px;flex: 1;}
footer1 .footer1 .footer-information a{color:#eeeeee;}
footer1 .footer1 .footer-information a:hover{color:#ffc90e;}
footer1 .footer1 .footer-information .footer-contact{}
footer1 .footer1 .footer-information .footer-contact span{padding:5px 40px 5px 0;display:inline-flex;align-items: center;}
footer1 .footer1 .footer-information .footer-contact span i{width: 20px;display: inline-block;margin: 0 8px 0 0;}
footer1 .footer1 .footer-information .footer-contact span i img{width: 100%;}
footer1 .footer1 .footer-information .copyright{font-size:12px;margin: 10px 0 0 0;}
footer1 .footer1 .footer-information .copyright .wd{padding: 0 0 0 20px;display: inline-block;}
footer1 .footer1 .footer-information .copyright .wd a{color:#eeeeee;}
footer1 .footer1 .footer-information .copyright .wd a:hover{color:#ffc90e;}
footer1 .footer1 .footer-icon{width: 120px;}
footer1 .footer1 .footer-icon ul{list-style: none;padding: 0;margin: 0;display: flex;}
footer1 .footer1 .footer-icon ul li{padding: 0;margin: 0;}
footer1 .footer1 .footer-icon ul li a{display: block;padding: 10px 20px;}
footer1 .footer1 .footer-icon ul li a:hover{}
footer1 .footer1 .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;}
footer1 .footer1 .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;}
footer1 .footer1 .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;}
footer1 .footer1 .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;}
footer1 .footer1 .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;}
footer1 .footer1 .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;}
@media screen and (max-width:960px){
	footer1 .footer1 .footer-logo{width: 150px; margin: 0 auto 10px auto;}
    footer1 .footer1 .footer-information{margin: 0 20px 0 0;flex:initial;width: calc(100% - 140px);}
    footer1 .footer1 .footer-information .footer-contact span{padding:5px 15px 5px 0;}
}
@media screen and (max-width:640px){
    footer1 .footer1 .footer-information{margin: 0;width:100%;}
    footer1 .footer1 .footer-information .footer-contact span{padding:5px 15px 5px 0;}
	footer1 .footer1 .footer-icon{margin:10px auto 0 auto;}
}
@media screen and (max-width:575px){
    footer1 .footer1 .footer-information .copyright .wd{padding: 0 ;display: block;}
    footer1 .footer1 .footer-information .footer-contact span{display: block; padding:5px 0;}
}


/** footer 用這個**/
.footer{
	position:relative; 
}
.footer .footer-top{
	padding:20px 15px;
	position:relative;
	background:#1C1C1C;
}
.footer .footer-top:before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.1;
}
.footer .container2{
	max-width:1200px; margin:0 auto;
}
.footer .container2 .foop{
	padding: 20px 28px
}
.footer .single-footer{
	
}
.footer .single-footer .social{
	margin-top:25px;
}
.footer .single-footer ul{
	list-style: none;
	padding: 0;
}
.footer .single-footer .social li{
	display:inline-block;
	margin-right:10px;
}
.footer .single-footer .social li:last-child{
	margin-right:0px;
}
.footer .single-footer .social li a {
	height: 40px;
	width: 40px;
	line-height: 40px;
	border: 1px solid #fff;
	text-align: center;
	padding: 0;
	border-radius: 100%;
	display: block;
	color:#fff;
	font-size: 22px;
}
.footer .single-footer .social li a:hover{
	color:#1A76D1;
	background:rgba(255,255,255,0.3);
	border-color:transparent;
}
.footer .single-footer .social li a i{
	
}
.footer .single-footer.f-link li a i{
	margin-right:10px;
}
.footer .single-footer.f-link li{
	display:block;
	margin-bottom:12px;
}
.footer .single-footer.f-link li:last-child{
	margin:0;
}
.footer .single-footer.f-link li a {
	display: block;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
}
.footer .single-footer.f-link li a:hover{
	padding-left:8px;
}
.footer .single-footer h2{
	color:#fff;
	font-size:20px;
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:40px;
	padding-bottom:20px;
	position:relative;
}
.footer .single-footer h2::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0px;
	height: 3px;
	width: 50px;
	background: #fff;
}
.footer .single-footer .time-sidual{
	margin-top:15px;
}
.footer .single-footer .time-sidual{
	overflow:hidden;
}
.footer .single-footer .time-sidual li {
	display: block;
	color: #fff;
	width: 100%;
	margin-bottom: 5px;
}
.footer .single-footer .time-sidual li span{
	display:inline-block;
	float:right;
}
.footer .single-footer .day-head .time {
	font-weight: 400;
	float: right;
}
.footer .single-footer p{
	color:#fff;
}
.footer .single-footer .newsletter-inner{
	margin-top:20px;
	position:relative;
}
.footer .single-footer .newsletter-inner input {
	background: transparent;
	border: 1px solid #fff;
	height: 50px;
	line-height: 42px;
	width: 100%;
	margin-right: 15px;
	color: #fff;
	padding-left: 18px;
	padding-right: 70px;
	display: inline-block;
	float: left;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
	border-radius: 5px;
}
.footer .single-footer .newsletter-inner input:hover{
	padding-left: 22px;
}
.footer input::-webkit-input-placeholder {
    opacity: 1;
    color: #fff !important;
}

.footer input::-moz-placeholder {
    opacity: 1;
    color: #fff !important;
}

.footer input::-ms-input-placeholder {
    opacity: 1;
    color: #fff !important;
}
.footer input::input-placeholder {
    opacity: 1;
    color: #fff !important;
}
.footer .single-footer .newsletter-inner .button {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	line-height: 50px;
	width: 50px;
	background: #fff;
	border-left: 1px solid #fff;
	text-shadow: none;
	box-shadow: none;
	display: inline-block;
	border: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0 5px 5px 0;
	color: #1A76D1;
	font-size: 25px;
}
.footer .single-footer .newsletter-inner .button i{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.footer .single-footer .newsletter-inner .button:hover i{
	color:#2C2D3F;
}
.footer .copyright{
	background:#111111;
	padding:5px 10px;
	text-align:center;
	font-size:11px;
	color:#999;
}
.footer .copyright .copyright-content p{
	color:#fff;
}
.footer .copyright .copyright-content p a{
	color:#fff;
	font-weight:400;
	text-decoration:underline;
	display:inline-block;
	margin-left:4px;
}

/** 404 btn**/

.about_section {
color: #155bd5;
height: 100%;
}

.about_section {
  margin-bottom: 45px;
  margin-top: 45px;
  display: inline-flex;
}

@media screen and (max-width:768px){
	.about_section {flex-direction: column;}
}

.about_section .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about_section .img-box img {
  max-width: 100%;
}

.about_section .detail-box h3 {
  font-weight: bold;
  font-size: 5em;
}

.about_section .detail-box p {
  margin-top: 15px;
	color: #0c0c0c;
}

.about_section .detail-box a {
  display: inline-block;
  padding: 10px 45px;
  background-color: #155bd5;
  color: #ffffff;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
  margin-top: 15px;
}

.about_section .detail-box a:hover {
  background-color: #13519b;
}


.layout_padding {
  padding: 150px 0;
}

.layout_padding2 {
  padding: 75px 0;
}


.layout_padding3 {
  padding: 15px 0;
}

.layout_padding2-top {
  padding-top: 75px;
}

.layout_padding2-bottom {
  padding-bottom: 75px;
}

.layout_padding-top {
  padding-top: 90px;
}

.layout_padding-bottom {
  padding-bottom: 90px;
}
.full {
	width: 100%;
	float: center;
	margin: 0;
	padding: 0;
}
.content-body .full2 {
	width: 100%;
	float: center;
	margin: 30px auto;
	padding: 25px;
	border: 1px solid #cccccc;
	text-align: center;
	background-color: #fff
}
.content-body .full3 {
	width: 100%;
	float: center;
	margin: 30px auto;
	padding: 25px;
	text-align: center;
}
.content-body .full4 {
	width: 100%;
	float: center;
	margin: 30px auto;
	padding: 25px;
	text-align: left;
}
.content-body .full5 {
	width: 100%;
	float: center;
	margin: 0px 0px 30px 0px;
	padding: 25px 10px;
	text-align: center;
}
.content-body .full6 {
	width: 100%;
	float: center;
	margin: 0px 0px 30px 0px;
	padding: 25px 10px;
	text-align: left;
}
.content-body .full7 {
	width: 100%;
	float: center;
	margin: 25px;
	padding: 25px 25px;
	background-color: #f6f6f6;
	text-align: center;
}
.content-body .full8 {
	width: 100%;
	float: center;
	margin: 0px;
	padding: 25px 25px;
	background-color: #fff;
	box-shadow: 5px 12px 20px -5px rgba(36,36,36,.2);
}
.content-body .full9 {
	float: center;
	margin: 25px;
	padding: 25px 25px;
	background-color: #155bd5;
	text-align: center;
	border-radius: 10px
}
.content-body .full10 {
	width: 100%;
	float: center;
	padding: 25px 25px;
	text-align: left;
	border-radius: 10px;
	border-bottom: 6px solid #155bd5;
    box-shadow: 0 0 16px rgba(0,0,0,.18);
	background-color: #fff
}
.main_heading {
	position: relative;
	margin-bottom: 65px;
	color: #161616;
}

.main_heading.text_align_left::after {
	margin-left: 0;
}

.main_heading.text_align_right::after {
	margin-right: 0;
}
.text_align_center {
	text-align: center;
}

.main_heading .detail-box a {
  display: inline-block;
  padding: 10px 45px;
  background-color: #155bd5;
  color: #ffffff;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
  margin-top: 15px;
  font-size: 1em;
	font-weight: 600;
}

.main_heading .detail-box a:hover {
  background-color: #13519b;
}

/** SIDEBAR**/

.side_bar h4 {
	margin-top: 0;
}

.side_bar_blog {
	margin-bottom: 50px;
	float: left;
	width: 100%;
}

.post_head {
	font-weight: 600;
	margin: 0;
}

.post_head a {
	color: #000;
}

.post_date {
	margin-top: 5px;
	font-size: 14px;
}

.post_date i {
	position: relative;
	top: 0px;
	font-size: 13px;
}

.recent_post li {
	margin-bottom: 20PX;
}

.categary {
	font-size: 15px;
	list-style:none;
}
.categary ul{
	padding: 0px
}

.categary a {
	color: #161616;
	transition: ease all 0.5s;
}

.categary a i {
	margin-right: 2px;
}

.categary a i:hover {
	color:#fff;
}

.categary li {
	margin-bottom: 3px;
	transition: ease all 0.5s;
	background: #c9d9f2;
	padding: 15px 20px;
	font-weight: 600;
	font-size: 1.1em;
	list-style: none;
}

.categary li:hover,
.categary li:focus {
	padding-left: 30px;
	background: #13519b;
}

.categary li:hover a,
.categary li:focus a {
	color: #fff;
}
categary li i:focus a {
	color: #fff;
}

.tags a {
	border: solid 1px #e1e1e1;
	border-radius: 50px;
	padding: 0 18px;
	float: left;
	min-height: 50px;
	line-height: 50px;
}

.tags a:hover,
.tags a:focus {
	color: #fff !important;
	border: solid #17a5e9 1px !important;
}

.tags li {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.stepper-wrapper {
  font-family: Arial;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;


}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 30px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 30px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: #155bd5;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #155bd5;
  width: 100%;
  top: 30px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

.stepper-item .step-counter i {
	color:#ffffff;
	font-size: 2em;
}
.stepper-item .step-name {
	text-align: center
}

/** mark**/
.mark {
    z-index: 2;
    position: relative;
    display: inline-block;
    font-weight: inherit;
    padding-left: 0;
    margin-left: -7px;
	background-color: transparent;
}
.mark .line-a {
    background-color: #f1d33a;
    width: 90%;
    height: 12px;
    position: absolute;
    bottom: 20px;
    z-index: -1;
    left: 5px;
}

.mark-title {
    font-size: 2em;
    color: #161616;
    padding: 20px 0 30px 15px;
    margin: 15px 0 10px 0;
    width: 100%;
    font-weight: 600;
    position: relative;
    line-height: 1.4;
    text-align: center;
    font-family: 'Source Sans 3';
}
@media screen and (max-width:767px){
	.mark-title {padding: 20px 20px;margin: 0px;}	
}
@media screen and (max-width:575px){
    .mark-title {padding: 20px 30px;margin: 0px;}
	    
}


/** fee**/
.fee table { 
  border:1px solid #000; 
  font-size:18px; 
  width:700px;
  text-align:center;
  border-collapse:collapse;
  position: relative;
  left: 20%;
} 
.fee tr:nth-of-type(even) {
  background-color: rgb(237 238 242);
}
.fee th { 
  background-color: #155bd5;
  padding:10px;
  border:2px solid #fff;
  color:#fff;
} 
.fee td { 
  border:2px solid #fff;
  padding:5px;
} 

@media screen and (max-width:767px){
	.fee table {width:auto;left: 0;}	
}
/** fee 圖文 **/
.fee-description{color:#0c0c0c; padding: 0px 10px;}
.fee-main{margin:20px 0 -20px 0;padding: 4% 15px 2% 15px;}
.fee{max-width:1200px; margin:0 auto;}
.fee ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.fee ul li{padding: 30px;margin:40px 15px 50px 15px;text-align: center;width: calc(100%/3 - 30px);position: relative;display: inline-flex;flex-direction: column;align-items: center;border-bottom: 6px solid #155bd5;box-shadow: 0 0 16px rgba(0,0,0,.14);}
.fee ul li .fee-icon{width: 120px;height: 120px;padding: 25px; margin: -60px auto 15px auto; position: relative;
    z-index: 1; background: #fff;border-radius: 70px;transition: all 0.5s ease 0s;border: 2px solid #155bd5;}
.fee ul li .fee-icon i {font-size: 4em; display: flex; -webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    padding-top: 2px; padding-left: 5px;}
.fee ul li h3{font-size: 20px;color: #0c0c0c;font-weight: bold;margin: 0;padding-top: 20px;padding-bottom: 10px;line-height: 1.6;min-height: 57px;overflow: hidden;font-family: 'Source Sans 3';}
.fee ul li span{font-size: 16px;display: block; color:#0c0c0c}
@media screen and (max-width:915px){
	.fee ul li{width: calc(100%/1 - 20px);}
	.fee ul li:nth-child(-n+2){width: calc(100%/1 - 20px);}
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	.fee ul li{width: calc(100%/1 - 10px);margin:50px 20px;}
    .fee ul li:nth-child(-n+2){width: calc(100%/1 - 10px);}
    .fee ul li .fee-icon{width:90px;height:90px;padding: 15px;margin:-45px auto 15px auto; }
}
@media screen and (max-width:450px){
    .fee ul li .fee-icon{width: 140px; height: 140px;padding-top: 35px;padding-right: 18px;
    margin: -70px auto 15px auto;}
}
@media screen and (max-width:374px){
    .fee ul li{margin:20px 5px 20px 5px;}
    .fee ul li .fee-icon{width: 54px;height: 54px;margin:-27px auto 15px auto; }
}
/** wedding 圖文 **/
.wedding-description{color:#0c0c0c; padding: 0px 10px;}
.wedding-main{margin:20px 0 -20px 0;padding: 4% 15px 2% 15px;}
.wedding{max-width:1200px; margin:0 auto;}
.wedding ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.wedding ul li{padding: 30px;margin:40px 15px 50px 15px;text-align: center;width: calc(100%/3 - 30px);position: relative;display: inline-flex;flex-direction: column;align-items: center;border-bottom: 6px solid #155bd5;box-shadow: 0 0 16px rgba(0,0,0,.14);}
.wedding ul li .wedding-icon{padding: 15px; margin: -60px auto 15px auto; position: relative;
    z-index: 1; background: #fff;transition: all 0.5s ease 0s;}
.wedding ul li .wedding-icon i {font-size: 4em; display: flex; -webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    padding-top: 2px; padding-left: 5px;}
.wedding ul li h3{font-size: 20px;color: #0c0c0c;font-weight: bold;margin: 0;padding-top: 20px;padding-bottom: 10px;line-height: 1.6;min-height: 57px;overflow: hidden;font-family: 'Source Sans 3';}
.wedding ul li span{font-size: 16px;display: block; color:#0c0c0c}
@media screen and (max-width:915px){
	.wedding ul li{width: calc(100%/1 - 20px);}
	.wedding ul li:nth-child(-n+2){width: calc(100%/1 - 20px);}
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	.wedding ul li{width: calc(100%/1 - 10px);margin:30px 0px;}
    .wedding ul li:nth-child(-n+2){width: calc(100%/1 - 10px);}
    .wedding ul li .wedding-icon{width:90px;height:90px;padding: 15px;margin:-45px auto 15px auto; }
}
@media screen and (max-width:450px){
    .wedding ul li .wedding-icon{width: 340px; height: 200px;padding-top: 35px;padding-right: 18px;
    margin: -70px auto 15px auto;}
}
@media screen and (max-width:374px){
    .wedding ul li{margin:20px 5px 20px 5px;}
    .wedding ul li .wedding-icon{width: 280px;height: 200px;margin:-27px auto 15px auto; }
}