body {
  background-attachment: scroll;
  background-position: left top;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/**** funvoyage style ****/
/* 共用 */
.fun_width{ max-width: 1370px;}

/* 上標 header */
.fun_header{ position: fixed; width: auto; left: 0; right: 0; display: block; z-index: 9999;  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.fun_header.public{ position: relative; background: #ffffff;}
.header.gizle .fun_header,.header.gizle .fun_header.public{ background-color: #787a44; border-color: transparent; box-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.header.gizle .fun_header.public{ position: fixed; }
.header.gizle .fun_header.public .module { min-height: 54px !important; }
/* 上標子選單 */
.fun_subnav{ position: absolute; top: 0; right: 0; z-index: 1030; width: 700px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .fun_subnav{ top: -42px;}
.fun_subnav .function-row { padding-top: 8px; padding-right: 52px; }
.fun_subnav .function-row .row-content{  justify-content: flex-end;}
.fun_subnav .function-row li{ -ms-flex: 0; flex: 0; max-width: initial; position: relative;}
.fun_subnav .function-row li:first-child{ padding-left: 15px; flex: 0 0 155px; opacity: 0.8;}
.fun_subnav .function-row li:first-child::before { content: ""; position: absolute; width: 20px; height: 20px; left: 0; top: 5px; 
	 background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/4aa99df2-4454-49bc-a133-7788ff950fe4.svg); background-position: center; background-repeat: no-repeat; background-size: 19px;  -webkit-filter: brightness(10);}
.fun_subnav .function-row li a { padding: 3px 10px;}
.fun_subnav .function-row li:nth-child(2) a,.fun_subnav .function-row li:nth-child(3) a,
.fun_subnav .function-row li:nth-child(4) a,.fun_subnav .function-row li:nth-child(5) a{ width: 26px; height: 26px; position: relative;  opacity: 0.8; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.fun_subnav .function-row li:nth-child(2) a { width: 22px; }
.fun_subnav .function-row li:nth-child(2) a:hover,.fun_subnav .function-row li:nth-child(3) a:hover,
.fun_subnav .function-row li:nth-child(4) a:hover,.fun_subnav .function-row li:nth-child(5) a:hover{ opacity: 1;}
.fun_subnav .function-row li:nth-child(2) a h3,.fun_subnav .function-row li:nth-child(3) a h3,
.fun_subnav .function-row li:nth-child(4) a h3,.fun_subnav .function-row li:nth-child(5) a h3{ font-size: 0;}
.fun_subnav .function-row li:nth-child(5) a::before{content: ""; position: absolute; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/7b924c5e-cc73-4f11-9d9b-82404c2b70d5.svg);  background-position: center; background-repeat: no-repeat;
	width: 25px; height: 25px;}
.fun_subnav .function-row li:nth-child(2) a::before,.fun_subnav .function-row li:nth-child(3) a::before,
.fun_subnav .function-row li:nth-child(4) a::before,.fun_subnav .function-row li:nth-child(5) a::before { content: ""; position: absolute; left: 0; top: 5px; -webkit-filter: brightness(10); }
.fun_subnav .function-row li:nth-child(2) a::before { width: 25px; height: 19px;  background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/5efedde1-dca6-4bfe-aa00-5959b7964e7d.svg); background-position: center; background-repeat: no-repeat;}
.fun_subnav .function-row li:nth-child(3) a::before { width: 26px; height: 19px; background-size: 26px;  background-image: url( https://materials.fillo.com.tw/materials/funvoyage/images/a7e7bd98-b7a2-4e2d-8a60-4b377086ee18.svg); background-position: center; background-repeat: no-repeat;}
.fun_subnav .function-row li:nth-child(4) a::before { width: 25px; height: 21px; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/a4c22d88-99ec-4449-9813-6e710e747814.svg); background-position: center; background-repeat: no-repeat;}
.fun_subnav .function-row li:nth-child(5) a::before {  width: 20px; height: 20px; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/7b924c5e-cc73-4f11-9d9b-82404c2b70d5.svg); background-position: center; background-repeat: no-repeat;}
.fun_subnav .function-row li:nth-child(6)>a, .fun_subnav .function-row li:last-child>a { background: #787a44;  border: 1px solid #787a44; width: auto; height: 32px;  text-align: center; white-space: nowrap;}
.fun_subnav .function-row li:nth-child(6)>a:hover, .fun_subnav .function-row li:last-child>a:hover{ background:transparent;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.fun_subnav .function-row li:last-child { padding: 0;  padding-left: 6px; text-align: right !important; }
.fun_subnav .function-row li a h3 {margin-top: 0; font-weight: normal; font-family: 'Roboto', sans-serif !IMPORTANT; letter-spacing: 0.08rem; }
.fun_subnav .showName { flex-wrap: nowrap; padding: 0; }
.fun_subnav .function-row li a.SignOut { margin: 0; border-radius: 0; padding: 1px 5px; background: #787a44; border: 1px solid #bdbea3; line-height: 16px; font-size: 14px; }
.fun_subnav .function-row li a.SignOut:hover { background: #636535; border: 1px solid #636535; }
.fun_subnav.public .function-row li:nth-child(6)>a:hover h3,.fun_subnav.public .function-row li:last-child>a:hover h3{ color:#787a44 !important}
.fun_subnav.public .function-row li:first-child a h3{ color: #545454 !important;}
.fun_subnav.public .function-row li:first-child::before {-webkit-filter:none;}
.fun_subnav.public .function-row li:nth-child(2) a::before,.fun_subnav.public .function-row li:nth-child(3) a::before,
.fun_subnav.public .function-row li:nth-child(4) a::before,.fun_subnav.public .function-row li:nth-child(5) a::before {-webkit-filter:none; }
@media (max-width: 1400px){
	.fun_subnav .function-row { padding-right: 20px; }
}
@media (max-width:991px){
	.fun_subnav { width: 400px; right: 45px;}
	.fun_subnav .function-row { padding-top: 11px; padding-right: 20px; }
	.fun_subnav .function-row li:first-child,.fun_subnav .function-row li:nth-child(2),
	.fun_subnav .function-row li:nth-child(3),.fun_subnav .function-row li:nth-child(4),.fun_subnav .function-row li:nth-child(5){display: none;}
	.header.gizle .fun_subnav{ top: initial;}
}

/* 主選單 nav */
.fun_nav .header-part .navbar-brand { height: 90px; padding: 24px 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .fun_nav .header-part .navbar-brand { height: 54px; padding: 10px 0 10px 20px; }
.fun_nav .header-part{ position: relative;  padding: 0 48px; z-index: 1030; height: 94px; border-bottom: 1px solid rgb(255 255 255 / 30%); align-items: flex-end; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .fun_nav .header-part{ height: 54px;  border-bottom: 0;}
.fun_nav .header-part .navbar-nav li>a>i { display: none; }
.fun_nav .header-part .navbar-nav li:first-child,.fun_nav .header-part .navbar-nav li:last-child{ display: none;}
.fun_nav .header-part .navbar-nav .nav-link{ color:#ffffff; }
.fun_nav .header-part .navbar-nav li a, .fun_nav .header-part .navbar-nav .nav-link { line-height: 17px; font-size: 17px; letter-spacing: 0.03rem; padding: 15px 22px; outline: none; }
.fun_nav .header-part .dropdown-menu{ border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
.fun_nav .header-part .navbar-nav li a.dropdown-item { padding: 11px; font-size: 16px; text-align: center; }
.fun_nav .header-part .navbar-nav li a.dropdown-item:hover{ color:#787a44}
.fun_nav .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid #d8d6d6; }
.fun_nav .header-part .dropdown.show,
.fun_nav .header-part .navbar-nav .nav-link:hover,.fun_nav .header-part .dropdown.show,
.fun_nav .header-part .dropdown.show a:hover,.fun_nav .header-part .dropdown-menu.show .nav-link:hover{ background-color: transparent; color: #ffffff; text-shadow: 0px 0px 8px rgb(255 255 255 / 80%);}
.fun_nav .header-part .dropdown-toggle::after { background: url(https://materials.fillo.com.tw/materials/funvoyage/images/476b6129-6787-4b49-9d6e-9c6cdeb4761a.svg); background-position: center; background-repeat: no-repeat; background-size: 11px; width: 12px; height: 6px; border: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.fun_nav .header-part .dropdown.show .dropdown-toggle::after  { transform: rotate(180deg);}
.fun_nav .header-part .dropdown-menu.show::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; position: absolute; top: -8px; left: 50%; transform: translate(-50%, 0); }
.fun_nav.public .header-part .navbar-nav .nav-link { color: #545454; }
.header.gizle .fun_nav.public .header-part .navbar-nav .nav-link { color: #ffffff; }
.header.gizle .fun_nav.public .header-part .navbar-brand img { -webkit-filter: brightness(5); }
.fun_nav.public .header-part .dropdown-toggle::after { background: url(https://materials.fillo.com.tw/materials/funvoyage/images/2c255e24-8320-4dbb-a5a6-15f14431a682.svg); background-position: center; background-repeat: no-repeat; background-size: 11px; width: 12px; height: 6px; border: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.header.gizle  .fun_nav.public .header-part .dropdown-toggle::after { background: url(https://materials.fillo.com.tw/materials/funvoyage/images/476b6129-6787-4b49-9d6e-9c6cdeb4761a.svg); background-position: center; background-repeat: no-repeat; background-size: 11px; }
.fun_nav.public .header-part .dropdown.show,.fun_nav.public .header-part .navbar-nav .nav-link:hover,.fun_nav.public .header-part .dropdown.show,.fun_nav.public .header-part .dropdown.show a:hover,.fun_nav.public .header-part .dropdown-menu.show .nav-link:hover{ color:#545454;}
.fun_nav.public .navbar-expand-lg .navbar-nav .dropdown-menu { top: calc(100% + 10px); }
@media (max-width: 1400px){
	.fun_nav .header-part{ padding: 0 20px;}
	.fun_nav .header-part .navbar-nav li a, .fun_nav .header-part .navbar-nav .nav-link { line-height: 16px; font-size: 16px; letter-spacing: 0.0rem; padding: 18px 10px; }
	.fun_nav .header-part .navbar-nav li a.dropdown-item { font-size: 15px; }
	.fun_subnav .function-row li:nth-child(6)>a h3, .fun_subnav .function-row li:last-child>a h3{ font-size: 15px;}
}
@media (max-width: 1199px){
	.fun_nav .header-part .navbar-brand{ padding: 26px 0;}
}
@media (max-width: 991px){
	.fun_nav .header-part { padding: 0; height: 54px; }
	.fun_nav .header-part .navbar-toggler{ border: 0; outline: none;  padding: 12px 16px; position: absolute; right: 0; top: 0; height: 54px;}
	.fun_nav .header-part .navbar-toggler-icon{ width: 24px; height: 24px;  background-size: 24px; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/9b8af91c-4c66-4d0c-b86f-b3e57b75cc91.svg); -moz-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; -webkit-transition: 0.5s ease 0s; transition: 0.5s ease 0s; display: block;}
	.fun_nav .header-part button[aria-expanded="true"] .navbar-toggler-icon { width: 24px; height: 24px; background-size: 24px; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/1b1df367-4412-49d8-8502-c63385d71a4e.svg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform:rotate(180deg);}
	.fun_nav .header-part .navbar-brand { padding: 10px 0 10px 20px; height: 54px;}
	.fun_nav .header-part .navbar-collapse>ul { background: rgb(0 0 0 / 60%); }
	.header.gizle .fun_nav .header-part .navbar-collapse>ul { background:#787a44; }
	.fun_nav .header-part .dropdown-menu{ background: transparent !important; box-shadow: none !important;}
	.fun_nav .header-part .dropdown-menu.show::before{ display: none;}
	.fun_nav .header-part .navbar-nav li a, .fun_nav .header-part .navbar-nav .nav-link{padding:15px;} 
	.fun_nav .header-part .navbar-nav li a.dropdown-item { padding:15px 30px; color: #ffffff; text-align: left; }
	.fun_nav .header-part .navbar-nav li+li, .fun_nav .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid rgb(255 255 255 / 20%); }
	.fun_nav.public .header-part .navbar-toggler-icon{background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/6acc448c-0d23-4c6a-93a5-90ad5f5e018b.svg);}
	.fun_nav.public .header-part button[aria-expanded="true"] .navbar-toggler-icon { background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/6600a777-1fa0-4599-83f6-08dd636447cf.svg);  }
	.header.gizle .fun_nav.public .header-part .navbar-toggler-icon,.header.gizle .fun_nav.public .header-part button[aria-expanded="true"] .navbar-toggler-icon{  -webkit-filter: brightness(10);}
	.fun_nav.public .header-part .navbar-collapse>ul { background:#ffffff; }
	.fun_nav.public .header-part .navbar-nav li+li,.fun_nav.public .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid rgb(237 237 237); }
	.header.gizle .fun_nav.public .header-part .navbar-nav li+li,.header.gizle .fun_nav.public .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid rgb(255 255 255 / 20%);}
	.fun_nav.public .header-part .navbar-nav li a.dropdown-item{ color:#545454; }
	.header.gizle .fun_nav.public .header-part .navbar-nav li a.dropdown-item{ color:#ffffff; }
}
@media (max-width: 767px){
	.fun_nav .header-part .navbar-nav li:first-child,.fun_nav .header-part .navbar-nav li:last-child{ display: block;}
	.fun_nav .showName { padding: 0; align-items: center; }
	.fun_nav .header-part .navbar-nav li a.SignOut { background: transparent; border: 1px solid rgb(255 255 255 / 50%); border-radius: 0; padding: 5px; font-size: 15px; }
	.fun_nav.public .header-part .navbar-nav li a.SignOut { border: 1px solid rgb(119 121 67); color: #777943; }
	.header.gizle .fun_nav.public .header-part .navbar-nav li a.SignOut { border: 1px solid rgb(255 255 255 / 50%); color:#ffffff; }
}
@media (max-width: 400px){
	.fun_nav .header-part .navbar-brand,.header.gizle .fun_nav .header-part .navbar-brand{ padding: 10px 0 12px 10px; height: 54px; }
	.fun_nav .header-part .navbar-toggler { padding: 12px 10px; }
}


/* 首頁slider*/
.fun_slider_block{ position: relative;}
.fun_slider .carousel-item img{ object-fit: cover; width: 100%; height: 100%; }
.fun_slider .carousel-inner::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0), rgb(0 0 0 / 40%)); width: 100%; height: 280px; left: 0; top: 0; z-index: 2; }
.fun_slider .carousel-fade .carousel-item{ height: 100vh;}
.fun_slider .carousel-caption {  width: calc(100% - 200px); right: initial; left: 50%; bottom: 50%; transform: translate(-50%, 50%); display: block !important; }
.fun_slider .bs-carousel .carousel-item .main_slider_title p{ font-family: 'Roboto', sans-serif !important; font-size: 30px; font-style: italic; text-shadow: none;  font-weight: 300;}
.fun_slider .main_slider_title h2 { font-size: 55px; margin-bottom: 18px; letter-spacing: 0.4rem; }
.fun_slider .main_slider_title h3{ font-size: 30px; margin-bottom: 44px; letter-spacing: 0.05rem; font-weight: 300;}
.fun_slider .main_slider_title button{ position: relative; cursor: pointer;  background-color:#787a44; border:1px solid #787a44; color:#ffffff; font-size: 18px; font-weight: 300; font-family: 'Roboto', sans-serif !important;  padding:7px 70px 7px 15px; outline: none;}
.fun_slider .main_slider_title button span.arrow { display: block;width: 50px; height: 1px; background-color: #ffffff; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s;  font-size: 0;}
.fun_slider .main_slider_title button span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ffffff; position: absolute; right: -3px; bottom: 0; }
.fun_slider .main_slider_title button:hover span.arrow{ width: 25px;}
.fun_slider .carousel-indicators{align-items: center;}
.fun_slider .carousel-indicators li{ width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; margin-left: 5px;  opacity: 0.7;}
.fun_slider .carousel-indicators .active{ width: 14px; height: 14px; opacity: 1;}
.fun_slider .carousel-control-next,.fun_slider .carousel-control-prev{ opacity: 1;}
.fun_slider .carousel-control-next-icon,.fun_slider .carousel-control-prev-icon{ background: url(https://materials.fillo.com.tw/materials/funvoyage/images/476b6129-6787-4b49-9d6e-9c6cdeb4761a.svg); background-position: center; background-repeat: no-repeat; background-size: 20px; width: 24px; height: 24px;  }
.fun_slider .carousel-control-prev-icon{transform: rotate(90deg); }
.fun_slider .carousel-control-next-icon{ transform: rotate(270deg); }
.fun_slider .carousel-control-next-icon:hover,.fun_slider .carousel-control-prev-icon:hover { background-size: 24px; }
.slider_cover_top{ position: absolute; top: 100px; left: 50%; width: calc(100% - 200px);  height: 200px; transform: translate(-50%, 0); background: transparent; z-index: 3; }
/* .slider_cover_bottom{ position: absolute; top: 600px; left: 50%; width: calc(100% - 200px);  height: 200px; transform: translate(-50%, 0); background: transparent; z-index: 3; } */
@media (max-width: 767px){
	.slider_cover_top,.slider_cover_bottom{ display: none;}
	.fun_slider .bs-carousel .carousel-item .main_slider_title p { font-size: 24px; }
	.fun_slider .main_slider_title h2 { font-size: 40px; letter-spacing: 0.2rem; }
	.fun_slider .main_slider_title h3 { font-size: 24px; letter-spacing: 0.02rem; }
	.fun_slider .carousel-indicators { display: none; }
}
@media (max-width: 575px){
	.fun_slider .carousel-caption{ width: calc(100% - 100px);}
	.fun_slider .bs-carousel .carousel-item .main_slider_title p { font-size: 18px; }
	.fun_slider .main_slider_title h2 { font-size: 28px; letter-spacing: 0.05rem; }
	.fun_slider .main_slider_title h3 { font-size: 18px; letter-spacing: 0.02rem; margin-bottom: 30px }
	.fun_slider .main_slider_title button{ font-size: 15px;}
	.fun_slider .carousel-control-next, .fun_slider .carousel-control-prev{width: 40px;}
}

/* 手機版scroll down動畫 */
.fun_scroll { position: absolute; z-index: 1; bottom: 125px; text-align: center; }
.fun_scroll section { position: relative; width: 100%; height: 100%; }
.fun_scroll #scroll_down div { padding-top: 70px; color:#ffffff; text-decoration: none; font-size: 18px; letter-spacing: 1px; }
.fun_scroll #scroll_down div span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; font-size:0; }
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



/* 首頁主題區 */
.web-page-frame .main_theme .main_theme_title > .module-container > .main { margin: 0; }
.main_theme+.main_theme { margin-top: 85px; }
.main_theme:last-child{ margin-bottom: 100px;}
.main_theme .main_theme_title{ padding: 40px 0 25px;}
.main_theme .main_theme_title h2{ margin-bottom: 0; font-size: 30px; font-weight: 600; color:#ffffff; letter-spacing: 1.5px;}
.main_theme .main_theme_title h2 span{ margin-right: 20px; padding-left: 15px; font-family: 'Roboto', sans-serif !important; color:#898647; font-size:60px; font-weight: 200; letter-spacing: -0.05rem;;}
.main_theme.theme2 .main_theme_title h2 span { color: #feeabe; }
.main_theme .mix-wrapper { padding: 15px; }
.main_theme .mix-wrapper>.row+.row { margin-top: 40px; }
.main_theme .pic-content,.main_theme .editor-content { margin-top: 0; margin-bottom: 0; padding: 0; }
.main_theme .editor-content{ padding: 67px;  display: flex; flex-flow: column; justify-content: space-between; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png); }
.main_theme .editor-content .more{ text-align: right;}
.main_theme .editor-content a{ position: relative; cursor: pointer; background-color: #787a44; border: 1px solid #787a44; color: #ffffff !important; text-decoration: none; font-size: 18px; font-weight: 300; font-family: 'Roboto', sans-serif !important; padding: 10px 70px 10px 15px; outline: none; }
.main_theme.theme1 .editor-content a{ background-color: #033739; border: 1px solid #033739; }
.main_theme .editor-content a span.arrow { display: block;width: 50px; height: 1px; font-size: 0; background-color: #ffffff; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.main_theme .editor-content a span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ffffff; position: absolute; right: -3px; bottom: 0; }
.main_theme .editor-content a:hover span.arrow{ width: 25px;}
.main_theme .editor-content .area { position: relative;  display: table; font-size: 24px; color: #c46c19; font-weight: 600; letter-spacing: 1px; margin-bottom: 26px; padding-bottom: 5px; }
.main_theme .editor-content .area::before { content: ""; position: absolute; width: 100%; height: 1px; background: #c46c19; bottom: 0; left: 0; }
.main_theme .editor-content h4{ color:#333333; font-size: 24px; font-weight: 600; margin-bottom: 32px; line-height: 32px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.main_theme .editor-content p { font-size: 16px; line-height: 2rem; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.main_theme .editor-content p.date{ position: relative; margin-bottom: 10px; padding-left: 26px; font-family: 'Roboto', sans-serif !important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.main_theme .editor-content p.date::before{ content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 19px; 
	background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/0d82340e-cfd8-4204-9168-b453b3fc00cc.svg); background-position: center; background-repeat: no-repeat;}

@media (max-width: 1370px){
	.main_theme .main_theme_title { padding: 40px 15px 25px; }
	.main_theme .mix-wrapper>.row { margin: 15px; }
	.main_theme .editor-content { padding: 40px;}
}
@media (max-width: 1199px) and (min-width: 768px) {
	.main_theme .theme_block .pic-content>.row { height: 100%; }
	.main_theme .theme_block .pic-content .img-box img { aspect-ratio: 5/4; object-fit: cover; object-position: center center; }
}

@media (max-width: 991px) {
	.main_theme .editor-content { padding: 20px; }
	.main_theme .editor-content .area,.main_theme .editor-content h4{ font-size: 20px; margin-bottom: 16px;}
	.main_theme .editor-content p{ font-size: 14px; margin-bottom: 16px; line-height: 1.5rem;}
	.main_theme .editor-content p.date::before{ top:0;}
	.main_theme .editor-content p.date{font-size: 16px; }
	.main_theme .editor-content a{ font-size: 14px; }

}
@media (max-width: 575px) {
	.main_theme .mix-wrapper { padding: 10px; }
	.main_theme .main_theme_title { padding: 40px 15px 15px; }
	.main_theme .main_theme_title h2 { font-size: 24px; font-weight: 600; }
	.main_theme .main_theme_title h2 span{ font-size: 40px; margin-right: 10px; padding-left: 10px;}
}

/* 精選遊程 */
.featured_top_pic .bgfixed::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0), rgb(0 0 0 / 40%)); width: 100%; height: 280px; left: 0; top: 0; z-index: 0; }
.featured_top_pic .featured_top_title{ position: absolute; left: 50%; top: 180px; transform: translate(-50%, 0); text-align: center; }
.featured_top_pic .featured_top_title h2{ font-size: 55px; letter-spacing: 0.3rem;}
.featured_top_pic .featured_top_title h3 {  margin-bottom: 15px; font-size: 30px; font-weight: 300; font-style: italic; font-family: 'Roboto', sans-serif !important; letter-spacing: 0.04rem; }
.featured_nav{position: absolute; bottom: 0; left: 0;}
.featured_nav div.link-list { background: rgb(0 0 0 / 60%);}
.featured_nav div.link-list ul{ max-width: 1370px; margin: 0 auto; height: 65px; display: -ms-flexbox; display: flex; }
.featured_nav div.link-list ul li{position: relative; flex: 1; text-align: center; padding: 18px 10px; border-left: 1px solid rgb(255 255 255 / 30%);}
.featured_nav.europe div.link-list ul li:first-child:before,
.featured_nav.asia div.link-list ul li:nth-child(2):before,
.featured_nav.africa div.link-list ul li:nth-child(3):before,
.featured_nav.Americas div.link-list ul li:nth-child(4):before,
.featured_nav.Oceania div.link-list ul li:nth-child(5):before,
.featured_nav.polar div.link-list ul li:nth-child(6):before { content: "";position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #787a44 transparent; bottom: 0; left: 50%; transform: translate(-50%, 0); }
.featured_nav div.link-list ul li:last-child{ border-right: 1px solid rgb(255 255 255 / 30%)}
.featured_nav div.link-list ul li a{ padding: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.featured_nav div.link-list ul li:hover a { color: rgb(255 255 255 / 60%) !important; }
.featured_continent_title{ padding: 40px 0 25px;}
.web-page-frame .featured_continent_title > .module-container > .main { margin: 0; }
.featured_continent_title h2{ margin-bottom: 0; font-size: 30px; font-weight: 600; color:#ffffff; letter-spacing: 1.5px;}
.featured_continent_title h2 span{ margin-right: 20px; padding-left: 15px; font-family: 'Roboto', sans-serif !important; color:#feeabe; font-size:60px; font-weight: 200; letter-spacing: -0.05rem;;}
.featured_block .mix-wrapper { background: #ffffff; padding: 58px; }
.featured_block { margin-bottom: 70px; }
.featured_block .mix-wrapper>.row { position: relative;     margin: 0;}
.featured_block .mix-wrapper>.row+.row { margin-top: 40px; }
.featured_block .mix-wrapper>.row::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.featured_block .pic-content,.featured_block .editor-content { margin-top: 0; margin-bottom: 0; padding: 0; }
.featured_block .pic-content.img-mode { flex: 0; max-width: 520px; min-width: 520px; width: 520px; }
.featured_block .editor-content section { position: absolute; left: -70px; top: 50%;  transform: translate(0,-50%); z-index: 1; background:transparent; width: calc(100% + 50px); }
.featured_block .order-md-first.editor-content section { left: initial; right: -70px; }
.featured_block .editor-content section>div { display: -ms-flexbox; display: flex; flex-flow: column; justify-content: space-between;   background: #ffffff;  padding: 20px 25px; box-shadow: 0px 0px 8px rgb(0 0 0 / 20%);}
.featured_block .editor-content section article { display: -ms-flexbox; display: flex;  flex-wrap: wrap;}
.featured_block .editor-content section article>div:first-child{ flex: 0; min-width: 100px; max-width: 100px; width: 100px; }
.featured_block .editor-content section article>div:first-child>span { position: relative; display: block; font-size: 42px; color: #787a44; font-family: 'Roboto', sans-serif !important; font-style: italic; line-height: 42px; text-align: center; padding-bottom: 13px; width: 47px; }
.featured_block .editor-content section article>div:first-child>span::before { content: ""; width: 1px; height: 70px; background: #787a44; position: absolute; transform: rotate(30deg);     right: -22px; top: -4px; }
.featured_block .editor-content section article>div:first-child>span.days::after { content: "Days"; position: absolute; font-size: 14px; line-height: 14px; bottom: 0; left: 50%; transform: translate(-50%, 0); }
.featured_block .editor-content section article h3{ font-size: 24px; color: #333333; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.featured_block .editor-content section article h4 { margin-bottom: 0; font-size: 16px; font-weight: 600; color: #333333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.featured_block .editor-content section article .title { flex: 1; }
.featured_block .editor-content section article p { color: #333333;  flex: 0 0 100%; margin-top: 16px;  margin-bottom: 0; line-height:30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.featured_block .editor-content .route_link .dateAndMore { position: relative; width: 100%; clear: both; border:1px solid #a3a57a; height: 42px; padding-left: 25px; }
.featured_block .editor-content .route_link .dateAndMore::before { content: ""; position: absolute; left: 12px; top: 10px; width: 18px; height: 19px; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/2eea2ed8-7741-406b-ad47-f563b6d6dd31.svg); background-position: center; background-repeat: no-repeat; }
.featured_block .editor-content .route_link .price { position: relative; color: #c46c19; font-size: 36px; font-family: 'Roboto', sans-serif !important; font-style: italic; font-weight: 500; float: right; line-height: 36px; margin: 5px 0; }
.featured_block .editor-content .route_link .price::before { content: "$"; position: absolute; font-size: 18px; font-weight: 400; font-family: 'Roboto', sans-serif !important; top: 4px; left: -13px; }
.featured_block .editor-content .route_link .price::after { content: "起"; font-size: 15px; padding-left: 3px; }
.featured_block .editor-content .route_link .dateAndMore>a { position: absolute; cursor: pointer; right: 0; top: 0; border-radius: 0; background-color: #787a44; border: 1px solid #787a44; color: #ffffff; text-decoration: none; font-size: 18px; font-weight: 300; font-family: 'Roboto', sans-serif !important; padding:8px 68px 8px 15px; height: 100%; outline: none; }
.featured_block .editor-content .route_link .dateAndMore>a span.arrow { display: block;width: 50px; height: 1px; font-size: 0; background-color: #ffffff; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.featured_block .editor-content .route_link .dateAndMore>a span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ffffff; position: absolute; right: -3px; bottom: 0; }
.featured_block .editor-content .route_link .dateAndMore>a:hover span.arrow{ width: 25px;}
/* .featured_block .editor-content .route_link .dateAndMore>div::after { content: "..."; position: absolute; padding-left: 10px; font-size: 36px; color: #787a44; top: 0px; line-height: 12px; letter-spacing: 1px; } */
.featured_block .editor-content .route_link .dateAndMore>div span { position: relative; font-size: 28px; color: #333333; font-family: 'Roboto', sans-serif !important; padding-right: 24px;  padding-left: 15px; line-height: 38px; }
.featured_block .editor-content .route_link .dateAndMore>div span::after { content: "月"; font-size: 15px; position: absolute; bottom: -1px; right: 7px; line-height: 28px;}
.featured_block .editor-content .route_link .dateAndMore>div a{ color: #333333; font-family: 'Roboto', sans-serif !important; position: relative; font-size: 18px; vertical-align: text-bottom; text-decoration: none; }
.featured_block .editor-content .route_link .dateAndMore>div a+a { margin-left: 15px; }
.featured_block .editor-content .route_link .dateAndMore>div a::after { content: ""; position: absolute; width: 100%; height: 1px; background: #333333; left: 0; bottom: 0; }
.featured_block .editor-content .route_link .dateAndMore>div a:hover::after{ background: transparent;}
.featured_block .editor-content .route_link .dateAndMore>div a+a::before { content: ".";    position: absolute; padding-right: 0; padding-left: 0; top: -12px; left: -10px; font-size: 24px; width: 10px; }
/* more彈出式窗 */
.more_pop .modal-content{ min-height: 180px;}
.more_pop .modal-header{ padding-bottom: 0; border-bottom: 0;}
.more_pop .modal-body{ padding: 0 30px 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 18px; color: #333333;}
.more_pop .modal-body a.messenger{ color: #ffffff;  text-decoration: none; padding-left: 25px; padding: 5px 10px 5px 35px; position: relative; display: table; background-color: #787a44; border: 1px solid #787a44; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.more_pop .modal-body a.messenger:hover{ background-color: #033739; border: 1px solid #033739; }
.more_pop .modal-body a.messenger::before{  content: "'"; position: absolute; left: 10px; top:8px; width: 20px; height: 20px; background-image: url(https://www.funvoyage.com.tw/material-alias/messenger_icon.svg); background-position: center; background-repeat: no-repeat; -webkit-filter: brightness(10);}
.more_pop .modal-body .phone{ flex:0 0 100%; text-align: center; margin-bottom: 10px;}
.more_pop .modal-body .phone a{ color: #787a44;}
.more_pop .modal-body .phone span{ color: #787a44; font-family: 'Roboto', sans-serif !important; font-style: italic; font-size: 24px; margin-left: 5px; }
@media (max-width: 1370px){
    .featured_continent_title{
        padding: 40px 15px 25px;
    }
}
@media (max-width: 1199px) {
	.featured_block .editor-content section{ left: -160px; width: calc(100% + 140px); }
	.featured_block .order-md-first.editor-content section { right: -160px; }
}

@media (max-width: 991px) {
	.featured_block .mix-wrapper>.row { flex-flow: column; }
	.featured_block .pic-content.img-mode img { object-fit: cover; object-position: center center; width: 100%; }
	.featured_block .editor-content section{ position: initial;  top: initial;   left: initial; width: 100%; transform: initial;}
	.featured_block .order-md-first.editor-content section{ right: initial;}
	.featured_block .pic-content.img-mode { max-width: initial; min-width: initial; width: 100%; }
	.featured_block .pic-content.img-mode img { object-fit: cover; object-position: center center; aspect-ratio: 5/2.5; width: 100%; }
	.featured_block .order-md-last.pic-content.img-mode { -ms-flex-order: 0; order: 0; }
	.featured_block .order-md-first.editor-content { -ms-flex-order: 1; order: 1; }
	.featured_block .editor-content section article h3,
	.featured_block .editor-content section article h4{ -webkit-line-clamp: 2; }
	.featured_block .editor-content section article p{-webkit-line-clamp: initial }
}
@media (max-width: 767px) {
    .featured_top_pic .featured_top_title h2 { font-size: 40px; letter-spacing: 0.2rem; }
    .featured_top_pic .featured_top_title h3 { font-size: 24px;}
    .featured_nav div.link-list ul li a{ font-size: 20px !important;}
	.featured_block .mix-wrapper { padding: 30px; }
	.featured_block .editor-content section article>div:first-child>span{ font-size: 38px;line-height: 38px;}
	.featured_block .editor-content section article>div:first-child>span::before{ height: 63px;}
	.featured_block .editor-content section article h3 { font-size: 20px; line-height: 1.8rem;}
    .featured_block .editor-content section article h4 { line-height: 1.4rem; }
	.featured_block .editor-content section article p{   font-size: 14px;  line-height: 1.5rem;}
	.featured_block .editor-content .route_link .price{ font-size: 28px;}
	.featured_block .editor-content .route_link .dateAndMore>div span{ font-size: 20px;}
	.featured_block .editor-content .route_link .dateAndMore>div a{font-size: 16px; }
	.featured_block .editor-content .route_link .dateAndMore>div span::after{     bottom: -4px;}
	.featured_block .editor-content .route_link .dateAndMore>a{ font-size: 14px;}
}
@media (max-width: 575px) {
    .featured_continent_title h2{ font-size: 24px; font-weight: 600; } 
    .featured_continent_title h2 span{ font-size: 40px; margin-right: 10px; padding-left: 10px; }
    .featured_nav div.link-list ul{height: 55px;}
    .featured_nav div.link-list ul li{ padding: 10px 0px;}
    .featured_nav div.link-list ul li a { font-size: 16px !important; }
    .featured_block .editor-content .route_link .dateAndMore>a { position: relative; right: initial; top: initial; float: right; margin-top: 10px; }
    .featured_block .editor-content section article>div:first-child{ margin-bottom: 10px;}
    .featured_block .editor-content section article { flex-flow: column; }
    .featured_block .editor-content section article .title { margin-top: 10px; }
    .featured_block .editor-content section article>div:first-child>span::before { height: 56px; right: -19px; top: -2px; }
    .featured_block .editor-content .route_link .dateAndMore>div::after{ display: none;}
}


/* 台灣旅遊-依區域 */
.featured_top_pic.taiwan .featured_top_title{ top: 160px;}
.taiwan_tab { position: absolute; bottom: 96px;; left: 50%; transform: translate(-50%, 0); }
.taiwan_tab div.link-list { background: transparent; min-height: initial;}
.taiwan_tab div.link-list ul { display: flex; justify-content: flex-end; align-items: flex-end;}
.taiwan_tab div.link-list ul li { background: rgb(0 0 0 / 60%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.taiwan_tab.area div.link-list ul li:hover{ background: #787a44; }
.taiwan_tab.area div.link-list ul li:first-child { height: 44px; background: #787a44; }
.taiwan_tab div.link-list ul li+li{ margin-left: 1px;}
.taiwan_tab div.link-list ul li a{ line-height: 18px;  padding: 10px 17px 10px 31px;  position: relative;}
.taiwan_tab div.link-list ul li a::before { content: ""; width: 18px; height: 19px; position: absolute; left: 12px; top: 9px; }
.taiwan_tab div.link-list ul li:nth-child(1) a::before { background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/b84b0ffd-8c2c-49b0-b1b2-281e5465fa65.svg); background-position: center; background-repeat: no-repeat;  -webkit-filter: grayscale(1) brightness(100);}
.taiwan_tab div.link-list ul li:nth-child(2) a::before { background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/affefca3-e2a0-4244-91b5-462a0ace61d5.svg); background-position: center; background-repeat: no-repeat;  }
.taiwan_tab div.link-list ul li:nth-child(3) a::before { background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/fea615e5-52ff-4848-bcfe-6f1e469b6715.svg); background-position: center; background-repeat: no-repeat; }
.taiwan_tab div.link-list ul li i{ display: block;}
.taiwan_tab.area div.link-list ul li:first-child a{ padding: 13px 17px 13px 31px; }
.taiwan_tab.area div.link-list ul li:first-child a::before{ top: 12px;}
.taiwan_nav { margin: -96px auto 0; }
.taiwan_nav>.module-container { height: 96px; background: #ffffff; margin-right: -15px; margin-left: -15px; display: flex; justify-content: center; align-items: center; }
.taiwan_nav>.module-container>.main { background: transparent; }
.taiwan_nav>.module-container>.main>.dp-tbl{ width: auto;}
.taiwan_nav>.module-container>.main>.header-title.dp-tbl { position: relative; color: #033739; font-size: 20px; font-weight: 600; line-height: 42px; padding: 0 14px 0 24px; }
.taiwan_nav .header-title.dp-tbl::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/b84b0ffd-8c2c-49b0-b1b2-281e5465fa65.svg); width: 26px; height: 36px; position: absolute; background-position: center; background-repeat: no-repeat; left: 0; top: 2px; }
.featured_block.taiwan .mix-wrapper { padding: 15px 58px 58px; }
.taiwan_nav>.module-container>.main ul li a { color: #545454; font-size: 20px; line-height: 20px;background-color: #ffffff;  border-radius: 0; font-weight: 600; border: 1px solid #545454; padding: 10px 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.taiwan_nav>.module-container>.main ul li a.active, .taiwan_nav>.module-container>.main ul li a:hover{ background-color: #033739; border: 1px solid #033739; color: #ffffff; }
.taiwan_nav>.module-container>.main ul li+li { margin-left: 4px; }
@media (max-width: 767px) {
	.taiwan_nav>.module-container { height: auto;}
	.taiwan_nav>.module-container>.main { flex-flow: column; align-items: center; margin-bottom: 20px; }
	.taiwan_nav>.module-container>.main>.header-title.dp-tbl{ margin: 20px 0;}
	.featured_block.taiwan .mix-wrapper { padding: 30px; }
}
@media (max-width: 575px) {
	.taiwan_tab { bottom:80px}
	.taiwan_nav { margin: -80px auto 0; }
	.web-page-frame .taiwan_nav.block-item>.module-container{justify-content: left; overflow: scroll;  height: 80px;}
	.taiwan_nav>.module-container>.main{ margin-top: 20px;  margin-bottom: 0;}
	.web-page-frame .taiwan_nav.block-item>.module-container>.main>.header-title.dp-tbl{ display: none;}
	.web-page-frame .taiwan_nav .main .blk-tabs>ul{flex-wrap: nowrap; padding-left: 20px; padding-right: 20px;}
	.web-page-frame .taiwan_nav .main .blk-tabs>ul>li.nav-item{white-space: nowrap; }

}

/* comingsoon */
.comingsoon { margin: -96px auto 50px; background: #ffffff; height: 400px; }
.comingsoon>.module-container, .comingsoon>.module-container>.main, .comingsoon>.module-container>.main>div:nth-child(2) { height: 100%; }
.comingsoon article{ height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/3d0d13c7-d591-41ef-bda1-d5da404a1604.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.comingsoon h3 { position: relative; display: table; margin: 58px auto 0; font-size: 24px; line-height: 36px; font-weight: 600; color: #898647; letter-spacing: 0.5px; }
.comingsoon h4 { font-size: 30px; font-weight: 500; font-style: italic; font-family: 'Roboto', sans-serif !important; letter-spacing: 0.04rem; margin: 30px auto; display: table; color: #333333; }

/* 關於合勝 */
.featured_top_pic.about .featured_top_title { top: 160px; }
.about_content>.module-container>.main{padding-bottom: 50px;}
.about_content_block { height: 630px; }
.about_content_block section{ position: absolute;  text-align: center; background: #ffffff; width: 1373px; height: 100%; padding: 20px; top: -100px; left: 50%; transform: translate(-50%, 0); box-shadow: 0px 3px 20px 3px rgb(0 0 0 / 12%); overflow: hidden;}
.about_content_block section::before{content: ""; position: absolute; left: 0; top: 0;  background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/7bd035b3-396a-45a9-b35e-c18ad5b44f71.jpg); background-repeat: no-repeat; width: 645px;
    height: 389px; z-index: -1;}
.about_content_block section h2 { margin-top: 58px; font-size: 24px; color: #333333; letter-spacing: 0.5px; }
.about_content_block section h3 { position: relative; display: table; margin: 0 auto; font-size: 24px; line-height: 36px; font-weight: 600; color: #898647; letter-spacing: 0.5px; margin-top: 26px; margin-bottom: 45px; padding-bottom: 20px; }
.about_content_block section h3::after{ content: ""; position: absolute; left: 50%; bottom: 0; transform:translate(-50%, 0);; height: 1px; width: 115%; 
	background: -moz-linear-gradient(left,  rgba(137,134,71,0) 0%, rgba(137,134,71,1) 7%, rgba(137,134,71,1) 50%, rgba(137,134,71,1) 93%, rgba(137,134,71,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(137,134,71,0) 0%,rgba(137,134,71,1) 7%,rgba(137,134,71,1) 50%,rgba(137,134,71,1) 93%,rgba(137,134,71,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(137,134,71,0) 0%,rgba(137,134,71,1) 7%,rgba(137,134,71,1) 50%,rgba(137,134,71,1) 93%,rgba(137,134,71,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00898647', endColorstr='#00898647',GradientType=1 ); /* IE6-9 */
}
.about_content_block section article { max-width: 836px; margin: 0 auto; color: #333333; font-size: 18px; line-height: 36px;}
.about_content_block section article p{ margin-bottom: 0;}
.about_content_block section article p+p { margin-top: 38px; }
.about_content_block section article div { position: relative; display: table; margin: 12px auto 0; padding-left: 120px;  padding-right: 120px;}
.about_content_block section article div::before,.about_content_block section article div::after{ content: ""; position: absolute; width: 90px; height: 1px; background:#898647; top:50%; transform: translate(0, -50%);}
.about_content_block section article div::before{left: 0;}
.about_content_block section article div::after{ right: 0;}
@media (max-width: 1400px) {
	.about_content_block section{ width: 90%;}
}
@media (max-width: 991px) {
	.about_content_block { height: 680px; }
	.about_content_block section{ padding: 20px 40px;}
	.about_content_block section article{ font-size: 16px; line-height: 32px;}
}
@media (max-width: 767px) {
	.about_content_block section h2 { margin-top: 40px; font-size: 20px; }
	.about_content_block section h3 { font-size: 20px; line-height: 32px; margin-top: 18px; margin-bottom: 25px; }
	.about_content_block section article{ line-height: 30px;}
	.about_content_block section article p+p { margin-top: 28px; }
}
@media (max-width: 575px) {
	.about_content_block { height: 780px;  }
	.about_content_block section { padding: 20px 30px; width: 86%; }
	.about_content_block section h2 { margin-top: 80px; font-size: 18px; text-align: left;}
	.about_content_block section h3{text-align: left; }
	.about_content_block section article p { text-align: justify; }
	.featured_top_pic.about .bgfixed{ min-height: 400px !important;}
	.featured_top_pic.about .featured_top_title { top: 120px; }
	.about_content_block section article{ font-size: 15px; line-height: 26px;}
	.about_content_block section article div{  padding-left: 40px;	padding-right: 40px;}
	.about_content_block section article div::before, .about_content_block section article div::after{ width: 30px;}
}

/* 旅程故事 */
.story_top_pic .bgfixed::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0), rgb(0 0 0 / 40%)); width: 100%; height: 280px; left: 0; top: 0; z-index: 0; }
.story_top_pic .story_top_title{ position: absolute; left: 50%; top: 180px; transform: translate(-50%, 0); text-align: center; }
.story_top_pic .story_top_title h2{ font-size: 55px; letter-spacing: 0.3rem;}
.story_top_pic .story_top_title h3 {  margin-bottom: 15px; font-size: 30px; font-weight: 300; font-style: italic; font-family: 'Roboto', sans-serif !important; letter-spacing: 0.04rem; }
.story_nav{position: absolute; bottom: 0; left: 0;}
.story_nav div.link-list { background: rgb(196 108 25 / 60%);}
.story_nav div.link-list ul{ max-width: 1370px; margin: 0 auto; height: 65px; display: -ms-flexbox; display: flex; }
.story_nav div.link-list ul li{position: relative; flex: 1; text-align: center; padding: 18px 10px; border-left: 1px solid rgb(255 255 255 / 30%);}
.story_nav.interview div.link-list ul li:first-child:before,
.story_nav.storyimage div.link-list ul li:nth-child(2):before,
.story_nav.chat div.link-list ul li:nth-child(3):before,
.story_nav.video div.link-list ul li:nth-child(4):before{ content: "";position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #033739 transparent; bottom: 0; left: 50%; transform: translate(-50%, 0); }
.story_nav div.link-list ul li:last-child{ border-right: 1px solid rgb(255 255 255 / 30%)}
.story_nav div.link-list ul li a{ padding: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.story_nav div.link-list ul li:hover a { color: rgb(255 255 255 / 60%) !important; }
.story_continent_title{ padding: 40px 0 25px;}
.web-page-frame .story_continent_title > .module-container > .main { margin: 0; }
.story_continent_title h2{ margin-bottom: 0; font-size: 30px; font-weight: 600; color:#ffffff; letter-spacing: 1.5px;}
.story_continent_title h2 span{ margin-right: 20px; padding-left: 15px; font-family: 'Roboto', sans-serif !important; color:#feeabe; font-size:60px; font-weight: 200; letter-spacing: -0.05rem;;}
.story_block .mix-wrapper { background: #ffffff; padding: 58px;  box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.story_block { margin-bottom: 70px; }
.story_block .mix-wrapper>.row { position: relative;     margin: 0;}
.story_block .mix-wrapper>.row+.row { margin-top: 40px; }
.story_block .mix-wrapper>.row::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.story_block .pic-content,.story_block .editor-content { margin-top: 0; margin-bottom: 0; padding: 0; }
.story_block .pic-content.img-mode .img-box::before { content: ""; border: 1px solid rgb(255 255 255 / 80%); border-width: 1px 0 0 1px; width: 20px; height: 20px; position: absolute; top: 24px; left: 24px; }
.story_block .pic-content.img-mode .img-box::after { content: ""; border: 1px solid rgb(255 255 255 / 80%); border-width: 0 1px 1px 0; width: 20px; height: 20px; position: absolute; bottom: 24px; right: 24px; }
.story_block .pic-content.img-mode { flex: 0; max-width: 520px; min-width: 520px; width: 520px; }
.story_block .pic-content.img-mode .img-fluid { aspect-ratio: 5/4.1; object-fit: cover; object-position: center center; }
.story_block .editor-content section{ height: 100%; display: -ms-flexbox; display: flex; align-items: center;}
.story_block .editor-content section>div { position: relative; display: -ms-flexbox; display: flex; flex-flow: column; justify-content: space-between; padding: 30px 56px 70px 80px; }
.story_block .editor-content section article { display: -ms-flexbox; display: flex;  flex-wrap: wrap;}
.story_block .editor-content section article h3{ font-size: 24px; color: #333333; margin-top: 14px; margin-bottom: 0; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.story_block .editor-content section article .title { flex: 1; position: relative;}
.story_block .editor-content section article .title::before { content: ""; position: absolute; width: 4px; height: 100%; background: #c46c19; top: 0; left: -20px; }
.story_block .editor-content section article .title span.editor{color: #333333; font-size: 15px; letter-spacing: 0.2px;}
.story_block .editor-content section article .title span.days{ color: #c46c19; font-size: 16px; letter-spacing: 0.2px; padding-right: 10px;}
.story_block .editor-content section article p { color: #333333;  flex: 0 0 100%; margin-top: 16px;  margin-bottom: 0; line-height:30px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.story_block .editor-content .more_link a { position: absolute; right: 50px; bottom: 0; color: #033739; text-decoration: none; font-size: 18px; font-weight: 300; font-family: 'Roboto', sans-serif !important; padding: 8px 68px 8px 15px; outline: none; }
.story_block .editor-content .more_link a span.arrow { display: block;width: 50px; height: 1px; font-size: 0; background-color: #033739; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.story_block .editor-content .more_link a span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #033739; position: absolute; right: -3px; bottom: 0; }
.story_block .editor-content .more_link a:hover span.arrow{ width: 25px;}

/* 旅程故事文章 */
.story_block .article .mix-wrapper{box-shadow: none;  padding: 40px 58px 0;}
.story_block .article .mix-wrapper>.row::before{ background-image: none;}
.story_block .article .pic-content.img-mode { flex: initial; max-width: initial; min-width: initial; width: initial;  width: 100%; }
.story_block .article .pic-content.img-mode .img-fluid { aspect-ratio: initial; object-fit: inherit; object-position: initial; width: 100%; }
.story_block .article .pic-content.img-mode .img-box::before,.story_block .article .pic-content.img-mode .img-box::after{ display: none;}
.story_block .article .editor-content section>div{ padding: 0px 0 40px 20px;}
.story_block .article .editor-content section article h3 { font-size: 20px; color: #033739; margin-top: 0;}
.story_block .article.text_block .mix-wrapper{ padding: 0 120px;}
.story_block .article.text_block .editor-content section>div{ padding: 0;}
.story_block .article.text_block .editor-content section article h3{ margin-top: 40px; margin-bottom: 20px;}
.story_block .article.text_block .editor-content section article p{ margin-top: 0; -webkit-line-clamp: initial;}
.story_block .article.text_block .editor-content section article p+p{ margin-top: 50px;}
.story_block .article.text_block .editor-content section article p:last-child{ padding-bottom: 40px; border-bottom: 1px solid #ded1ab;}
.story_block .article.text_block .pic-content.img-mode .img-fluid { aspect-ratio: 5/3; object-fit: cover; object-position: center center; }
.recent_articles_title { background: #ffffff; padding: 0 58px; }
.web-page-frame .widget-item.recent_articles_title > .module-container > .main { background: #F0F0F0; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png);  margin: 70px auto 0; padding:26px 40px; position:relative; }
.recent_articles_title .header-title { color: #c46c19; font-size: 24px; padding-left: 28px; position: relative;}
.recent_articles_title .header-title::before{ content: ""; position:absolute; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/93d19583-c94a-4ebc-8dd1-92f4cc5c201e.svg); width: 24px; height: 24px; top: 7px; left: 0;}
.recent_articles_title .more_link { position: absolute; right: 20px; top: 35px; }
.recent_articles_title .more_link a { color: #033739; text-decoration: none; font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif !important; padding: 8px 68px 8px 15px; outline: none; }
.recent_articles_title .more_link a span.arrow { display: block;width: 50px; height: 1px; font-size: 0; background-color: #033739; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.recent_articles_title .more_link a span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #033739; position: absolute; right: -3px; bottom: 0; }
.recent_articles_title .more_link a:hover span.arrow{ width: 25px;}
.recent_articles { background: #ffffff; padding: 0 58px;}
.web-page-frame .widget-item.recent_articles> .module-container > .main { background: #F0F0F0; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png); margin: 0 auto 70px; padding: 0 20px;}
.recent_articles .hover-wall .htpro_tit{ display: none;}
.recent_articles .hover-wall .icon_info{ border-radius: 0; box-shadow: none;  background: transparent;}
.recent_articles .hover-wall .icon_info:hover{ box-shadow: none;}
.recent_articles .hover-wall figure .b_img { aspect-ratio: 5/3.5; object-fit: cover; object-position: center center; }
.recent_articles .hover-wall .icon_info h3{ font-size: 16px; letter-spacing: 0.2px; padding: 0;}
.recent_articles .hover-wall figure .overlay i{ display: none;}
.recent_articles .hover-wall .icon_info figure{ position: relative;}
.recent_articles .hover-wall .icon_info figure::before { content: ""; border: 1px solid rgb(255 255 255 / 80%); border-width: 1px 0 0 1px; width: 20px; height: 20px; position: absolute; top: 13px; left: 13px; z-index: 1;}
.recent_articles .hover-wall .icon_info figure::after { content: ""; border: 1px solid rgb(255 255 255 / 80%); border-width: 0 1px 1px 0; width: 20px; height: 20px; position: absolute; bottom: 13px; right: 13px; }

/* 旅途映像 */
.web-page-frame .widget-item.storyimage_block > .module-container > .main { padding: 50px; background: #ffffff; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.storyimage_block > .module-container > .main .container-fluid>.row{ justify-content:space-between;}
.storyimage_block > .module-container > .main .container-fluid>.row>div { -ms-flex: 0 0 calc(25% - 20px); flex: 0 0 calc(25% - 20px); max-width: calc(25% - 20px); margin-bottom: 30px;}
.storyimage_block > .module-container > .main .container-fluid>.row>div .ig_box{ justify-content: center; cursor: pointer;}
.storyimage_block > .module-container > .main .container-fluid>.row>div .ig_box figure p.cont{ display: none;}
.storyimage_block > .module-container > .main .container-fluid>.row>div .ig_box figure p.heart{ text-align: center; width: 100%; margin: 0;}
.storyimage_block > .module-container > .main .container-fluid>.row>div .ig_box figure p.heart span::before { padding-right: 0; content: ""; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/d1e42493-549c-404a-98d6-811f5ffefaeb.svg); background-repeat: no-repeat; background-position: center; width: 45px; height: 45px; opacity: 0.5; }
.storyimage_block .modal-header{ border-bottom: 0; padding-top: 36px; padding-bottom: 10px;}
.storyimage_block .modal-header h5.modal-title { font-size: 20px; line-height: 20px; font-weight: 600; padding-left: 16px; position: relative; }
.storyimage_block .modal-header h5.modal-title::before { content: ""; width: 4px; height: 100%; position: absolute; top: 0; left: 0; background: #c46c19; }
.storyimage_block .modal{ z-index: 9999;}
.storyimage_block .modal-header .close { padding: 10px 20px; color: #b4b4b4; opacity: 1; }
.storyimage_block > .module-container > .main .container-fluid .ig_imgbox{margin-right: 10px; width: 56px; height: 56px; border: 1px solid #1a4033; border-radius: 50px;}
.storyimage_block > .module-container > .main .container-fluid .ig_titbox p { font-size: 16px; color: #333333; line-height: 56px;}
.storyimage_block > .module-container > .main .container-fluid .ig_titbox span { color: #c46c19; letter-spacing: 0; font-size: 14px; }
.storyimage_block > .module-container > .main .container-fluid .light_info { padding-left: 0 !important; padding-right: 0 !important; }
.storyimage_block > .module-container > .main .container-fluid .light_igcont { padding: 0 !important; }
.storyimage_block > .module-container > .main .container-fluid .each_icons{ display: none;}
.storyimage_block > .module-container > .main .container-fluid .light_igcont .ig_contbox { margin-top: 25px; margin-bottom: 25px; font-size: 14px; }

/* 旅程故事-影音專區 */
.video_block { padding: 50px 50px 0; background: #ffffff; box-shadow: 0 10px 10px rgb(0 0 0 / 20%);}
.video_info { padding: 0 50px 60px; background: #ffffff; box-shadow: 0 10px 10px rgb(0 0 0 / 20%);}
.video_info > .module-container > .main { background: #f1f1f1; padding: 15px 30px; }
.video_info article{  display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center;  min-height: 110px;}
.video_info article .info_title{position: relative; flex: 0 0 33.3333%;}
.video_info article .info_title::before{ content: ""; position: absolute; width: 1px; height: 100%; top: 0; right: 0; background-color:#e1b78f;}
.video_info article .info_title h3{ color:#c46c19; font-size: 18px; padding-right: 30px;}
.video_info article .info_title h4{color:#333333; font-size: 18px;}
.video_info article .info_text{ flex:0 0 66.6666%; color:#333333; font-size: 14px; line-height: 24px; padding: 0 30px;}
.video_link{padding: 0 50px 60px ; background: #ffffff; box-shadow: 0 10px 10px rgb(0 0 0 / 20%);}
.video_link .hover-wall .htpro_tit{ display: none;}
.video_link .hover-wall .icon_info{ box-shadow: none; border-radius: 0;}
.video_link .hover-wall .icon_info:hover{ box-shadow: none; }
.video_link .hover-wall .icon_info h3 { position: relative; margin-bottom: 0; padding: 0 0 10px 16px; font-size: 18px; }
.video_link .hover-wall .icon_info h3::before{ content: ""; position: absolute; width: 4px; height: 100%; top: 0; left: 0; background-color: #c46c19;}
.video_link .hover-wall .icon_info h4 { position: relative; font-size: 16px; font-style:normal; padding: 0 0 0 16px; line-height: 24px;}
.video_link .hover-wall .icon_info h4::before{ content: ""; position: absolute; width: 4px; height: 100%; top: 0; left: 0; background-color: #c46c19;}
.video_link .hover-wall figure .overlay{ background: rgb(10 42 43 / 50%);}
.video_link .hover-wall figure .b_img { aspect-ratio: 5/2.8; object-fit: cover; object-position: center center; }
.video_link .hover-wall figure .overlay i{ font-size: 0; background-image: url(https://materials.fillo.com.tw/materials/funvoyage/images/ad2a083e-fe8d-4360-9509-a5baa355f8f6.svg); background-repeat: no-repeat; background-position: center; 
	width: 40px; height: 40px; opacity: 0.8; transform: translate(-50%, -50%); margin-left: 0; margin-top: 0;}
.video_link .hover-wall .icon_info:hover figure .overlay i{ margin-top: 0;}

@media (max-width: 1370px){
    .story_continent_title{ padding: 40px 15px 25px; }
}
@media (max-width: 1199px) {
	.story_block .pic-content.img-mode { max-width: 400px; min-width: 400px; width: 400px; }
	.story_block .pic-content.img-mode .img-fluid { aspect-ratio: 5/4.2; }
	.story_block .editor-content section article p{ -webkit-line-clamp: 4;}
}
@media (max-width: 991px) {
	.story_block .editor-content section>div { padding: 10px 26px 50px 40px; }
	.story_block .editor-content section article h3{ font-size: 20px;}
	.story_block .editor-content .more_link a{ right: 16px; font-size: 15px;}
	.story_block .editor-content section article p{ font-size: 15px;}
	.story_block .editor-content section article .title span.days{ font-size: 14px;}
	.story_block .editor-content section article .title span.editor{  font-size: 13px;}
	.story_block .pic-content.img-mode { max-width: 360px; min-width: 360px; width: 360px; }
	.story_block .pic-content.img-mode .img-fluid { aspect-ratio: 5/4; }
	.storyimage_block > .module-container > .main .container-fluid>.row>div { -ms-flex: 0 0 calc(33.33333% - 20px); flex: 0 0 calc(33.33333% - 20px); max-width: calc(33.33333% - 20px); }
	.video_link { padding: 0 35px 60px; }
}
@media (max-width: 767px) {
    .story_top_pic .story_top_title h2 { font-size: 40px; letter-spacing: 0.2rem; }
    .story_top_pic .story_top_title h3 { font-size: 24px;}
    .story_nav div.link-list ul li a{ font-size: 20px !important;}
	.story_block .mix-wrapper { padding: 30px; }
	.story_block .mix-wrapper>.row { flex-flow: column; }
	.story_block .editor-content section{ position: initial;  top: initial;   left: initial; width: 100%; transform: initial;}
	.story_block .order-md-first.editor-content section{ right: initial;}
	.story_block .pic-content.img-mode { max-width: initial; min-width: initial; width: 100%; }
	.story_block .pic-content.img-mode .img-fluid { aspect-ratio: 5/3; width: 100%; }
	.story_block .order-md-last.pic-content.img-mode { -ms-flex-order: 0; order: 0; }
	.story_block .order-md-first.editor-content { -ms-flex-order: 1; order: 1; }
	.story_block .editor-content section article h3{ -webkit-line-clamp: 2; }
	.story_block .editor-content section article p{-webkit-line-clamp: initial }
	.story_block .editor-content section>div { padding: 20px 26px 60px 40px; }
	.story_block .editor-content .more_link a{ margin-bottom: 10px;}
	.story_block .article.text_block .mix-wrapper{ padding: 0 58px;}
	.story_block .article .order-md-last.pic-content.img-mode{ order: 2;}
	.video_info article .info_title{ flex:0 0 100%; padding-bottom: 5px;}
	.video_info article .info_title::before { width: 100%; height: 1px; top: initial; right: 0; bottom: 0; }
	.video_info article .info_text{ flex:0 0 100%; padding:10px 0 0 0;}
}
@media (max-width: 575px) {
	.story_continent_title h2{ font-size: 24px; font-weight: 600; } 
    .story_continent_title h2 span{ font-size: 40px; margin-right: 10px; padding-left: 10px; }
    .story_nav div.link-list ul{height: 55px;}
    .story_nav div.link-list ul li{ padding: 10px 0px;}
    .story_nav div.link-list ul li a { font-size: 16px !important; }
	.story_block .mix-wrapper { padding: 20px; }
    .story_continent_title h2{ font-size: 24px; font-weight: 600; } 
    .story_continent_title h2 span{ font-size: 40px; margin-right: 10px; padding-left: 10px; }
	.story_block .article .mix-wrapper{ padding: 20px 20px 0;}
	.story_block .article.text_block .mix-wrapper { padding: 0 20px; }
	.recent_articles_title .header-title{ font-size: 20px;}
	.recent_articles_title .header-title::before{ top: 5px;}
	.recent_articles_title,.recent_articles{ padding: 0 20px; }
	.web-page-frame .widget-item.recent_articles_title > .module-container > .main{padding: 26px 20px;}
	.web-page-frame .widget-item.recent_articles> .module-container > .main{ padding: 0;}
	.recent_articles_title .more_link{ right: 10px; top: 30px;}
	.story_block .article.text_block .editor-content section article h3{ font-size: 18px;}
	.web-page-frame .widget-item.storyimage_block > .module-container > .main{ padding: 20px;}
	.storyimage_block > .module-container > .main .container-fluid>.row>div { -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); margin-bottom: 20px; }
	.storyimage .story_continent_title h2 { font-size: 20px; }
	.storyimage .story_continent_title h2 span{ font-size: 30px;}
	.video_info > .module-container > .main { padding: 15px; }
	.video_block { padding: 20px 35px 0; }
	.video_info { padding: 0 35px 40px;}
	.video_link { padding: 0 20px 40px;}
}


/* 最新活動 */
.event_slider .bs-carousel{ padding-bottom: 50px;}
.event_slider .carousel-fade .carousel-item{ text-decoration: none;}
.event_slider .carousel-caption{ left: 0; bottom: 0; width: 100%; background: rgb(0 0 0 / 40%); text-align: left; padding: 28px 75px; }
.event_slider .bs-carousel .carousel-item h5{ font-size: 24px; text-shadow: none; font-weight: 400;}
.event_slider .bs-carousel .carousel-item h5 span { font-family: 'Roboto', sans-serif !important; font-weight: 300; font-style: italic; font-size: 26px; margin-right: 5px; }
.event_slider .bs-carousel .carousel-item article { padding-right: 170px; position: relative; }
.event_slider .bs-carousel .carousel-item article h2 { font-size: 24px; margin: 0;}
.event_slider .bs-carousel .carousel-item article h2 span { font-size: 32px; margin-right: 5px; letter-spacing: 2px;}
.event_slider article button{ position: absolute; right: 0; bottom: 0; float: right; cursor: pointer;  background-color:#787a44; border:1px solid #787a44; color:#ffffff; font-size: 18px; font-weight: 300; font-family: 'Roboto', sans-serif !important;  padding:7px 70px 7px 15px; outline: none;}
.event_slider article button span.arrow { display: block;width: 50px; font-size: 0; height: 1px; background-color: #ffffff; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.event_slider article button span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ffffff; position: absolute; right: -3px; bottom: 0; }
.event_slider article button:hover span.arrow{ width: 25px;}
.event_slider ol.carousel-indicators { bottom: 0; margin-bottom: 20px; align-items: center;}
.event_slider .carousel-indicators li{ width: 9px; height: 9px; border: 0; border-radius: 10px; background-color: #545454;}
.event_slider .carousel-indicators li.active{ width: 12px; height: 12px; background-color:#898647;}
.event_slider .carousel-control-next,.event_slider .carousel-control-prev{ opacity: 1; width: 10%;}
.event_slider .carousel-control-next-icon,.event_slider .carousel-control-prev-icon{ background: url(https://materials.fillo.com.tw/materials/funvoyage/images/476b6129-6787-4b49-9d6e-9c6cdeb4761a.svg); background-position: center; background-repeat: no-repeat; background-size: 20px; width: 24px; height: 24px;  }
.event_slider .carousel-control-prev-icon{transform: rotate(90deg); }
.event_slider .carousel-control-next-icon{ transform: rotate(270deg); }
.event_slider .carousel-control-next-icon:hover,.event_slider .carousel-control-prev-icon:hover { background-size: 24px; }
.event .story_nav div.link-list { background:rgb(229 167 63 / 80%);}
.story_continent_title.event h2{ color: #e5a73f;}
.story_continent_title.event h2 span{ color: #787a44;}
.story_nav.event div.link-list ul li:first-child:before,.story_nav.lecture div.link-list ul li:nth-child(2):before,
.story_nav.promotions div.link-list ul li:nth-child(3):before{ content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #F4EDDA transparent; bottom: 0; left: 50%; transform: translate(-50%, 0); }
.story_block.event .editor-content section article .title::before{ background: #e5a73f;}
.story_block.event .editor-content section article .title span.days{ color:#e5a73f;}
.story_block.event .article .editor-content section article h3{ color: #333333;}
.story_block.event .article.text_block .editor-content section article p:last-child{ border-bottom: none;}
.event_detail_back { background: #ffffff; padding: 50px 0; }
.event_detail_back .more_link{ margin: 0 auto; display: table;}
.event_detail_back .more_link a { position: relative; color: #787a44; text-decoration: none; font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif !important; padding:8px 10px 8px 72px; outline: none; }
.event_detail_back .more_link a span.arrow { display: block; width: 50px; height: 1px; font-size: 0; background-color: #787a44; position: absolute; top: 50%; left: 15px; -webkit-transition: all .4s; transition: all .4s; }
.event_detail_back .more_link a span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid;border-width: 4px 10px 0 0; border-color: transparent #787a44 transparent transparent; position: absolute; left: -3px; bottom: 0; }
.event_detail_back .more_link a:hover span.arrow{ width: 25px;}
.lecture_info .ads-wrapper { margin: 0; background: #ffffff; padding: 47px 37px; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.lecture_info .ads-wrapper .item-box { margin-bottom: 60px !important; }
.lecture_info .ads-wrapper .item_box figure{ border-radius: 0;}
.lecture_info .ads-wrapper .item_box .item_more_txt h3 { padding-left: 18px; margin: 0; position: relative; font-family: 'Roboto', sans-serif !important; font-weight: 400; color: #333333; font-size: 16px; }
.lecture_info .ads-wrapper .item_box .item_more_txt h3::before { content: ""; position: absolute; width: 4px; height: 100%; background: #e5a73f; left: 0; }
.lecture_info .ads-wrapper .item_box .item_more_txt h3 span { font-size: 24px; font-weight: 500; font-style: italic; margin-right: 5px; color: #787a44; }
.lecture_info .ads-wrapper .item_box .item_more_txt>span.item_tag { display: block; margin: 0; padding-left: 18px; color: #333333; font-size: 15px;}
.lecture_info .ads-wrapper .item_box .item_more_txt>span.item_tag:nth-child(2){ margin-bottom: 15px; padding-top: 10px; position: relative; font-size: 18px; font-weight: 600;}
.lecture_info .ads-wrapper .item_box .item_more_txt>span.item_tag:nth-child(2)::before{ content: ""; position: absolute; width: 4px; height: 100%; background: #e5a73f; top: 0; left: 0; }
.lecture_info .ads-wrapper .item_box h4,.lecture_info .ads-wrapper .item_box .item_btn,
.lecture_info .ads-wrapper .item_box span.item_btn_hover,.lecture_info .ads-wrapper .item_box:hover span.item_btn_hover{ display: none;}
.lecture_info .ads-wrapper .item_morebox{ display: none;}

@media (max-width: 767px) {
	.event_slider .carousel-caption{ display: block !important; padding: 15px 25px;}
	.event_slider .bs-carousel .carousel-item h5{ font-size: 18px;}
	.event_slider .bs-carousel .carousel-item h5 span{ font-size: 20px;}
	.event_slider .bs-carousel .carousel-item article h2{ font-size: 20px;}
	.event_slider .bs-carousel .carousel-item article h2 span{ font-size: 24px;}
	.event_slider article button{ font-size: 15px;}
	.story_continent_title.event h2 { font-size: 24px; font-weight: 600; }
	.story_continent_title.event h2 span{font-size: 40px; margin-right: 10px; padding-left: 10px; }
	.lecture_info .ads-wrapper{ padding:  35px 25px;}
}
@media (max-width: 575px) {
	.event_slider .carousel-caption{ position: relative;  color: #787a44;  background: #F4E9D5;}
	.event_slider .bs-carousel .carousel-item article{ padding: 0;}
	.event_slider article button{ display: none;}
	.lecture_info .ads-wrapper .item-box { margin-bottom: 40px !important; }
	.story_continent_title.event h2 { font-size:18px;}
	.story_continent_title.event h2 span{font-size: 26px; }
	.lecture_info .ads-wrapper{ padding:  25px 15px;}
}

/* gotop */
.fun_gotop .actGotop{ bottom: 40px; right: 0; width: 50px; height: 50px;}
.fun_gotop .actGotop a,.fun_gotop .actGotop a:link{ width: 50px; height: 50px;  border-radius: 0;}
.fun_gotop .actGotop a i{ width: 50px; top: 10px; font-size: 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.fun_gotop .actGotop a:hover i{ top: 14px;}
.fun_gotop .side_box{bottom: 90px; }
.fun_gotop .side_box .side_bar { margin-bottom: 0; padding: 0; width: 50px; background: transparent; border: 1px solid #969696; box-shadow: none; border-radius: 0;}
.fun_gotop .side_box .side_bar li{ height: 50px; position: relative;}
.fun_gotop .side_box .side_bar li:last-child a { display: flex; width: 100px; position: absolute; height: 52px; right: -51px; border: 1px solid #969696; overflow: hidden; top: -1px; justify-content: space-between; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.fun_gotop .side_box .side_bar li:last-child a:hover { right: -1px;  background: #ffffff; }
.fun_gotop .side_box .side_bar li a i { font-size: 24px; line-height: 32px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease;}
.fun_gotop .side_box .side_bar li a:hover i{ font-size: 26px;}
.fun_gotop .side_box .side_bar li img{ width: 24px; margin: 0 auto; display:initial; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease;}
.fun_gotop .side_box .side_bar li a:hover img { width: 26px; }
.fun_gotop .side_box .side_bar li:last-child a>p { flex: 0 0 50px;  line-height: 38px;}
@media (max-width: 767px) {
	.fun_gotop.public .actGotop { bottom: 50px; }
}
@media (max-width: 575px) {
	.fun_gotop .side_box { bottom: 50px; }
	.fun_gotop.public .side_box { bottom: 100px; }
	.fun_gotop .side_box>ul>li:nth-child(1),.fun_gotop .side_box>ul>li:nth-child(4){ display: none;}	
	.fun_gotop .actGotop { bottom: 0;}
}


/* 下標 footer */
.fun_footer .footer-sample .logo-part {  margin-top: 0; }
.fun_footer .footer-sample { padding-top: 30px; padding-bottom: 30px; }
.fun_footer .footer-sample>.col-sm-3, .fun_footer .footer-sample>.col-sm-7, .fun_footer .footer-sample>.col-sm-2{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.fun_footer .footer-sample .logo-part .logo { max-width: 309px; }
.fun_footer .footer-sample .contact-us-part { max-width: 800px;  margin: 25px auto; text-align: center; }
.fun_footer .footer-sample .contact-us-part .contact-use-row { letter-spacing: 0.05rem; line-height: 35px; }
.fun_footer .footer-sample .contact-us-part .contact-use-row a{ color:#545454;}
.fun_footer .footer-sample .contact-us-part .contact-use-row:nth-child(3), .fun_footer .footer-sample .contact-us-part .contact-use-row:last-child { padding-right: 0; }
.fun_footer .footer-sample .contact-us-part .contact-use-row:first-child::before { content: "電話"; padding-right: 5px; }
.fun_footer .footer-sample .contact-us-part .contact-use-row:nth-child(2)::before { content: "傳真"; padding-right: 5px; }
.fun_footer .footer-sample .contact-us-part .contact-use-row:nth-child(3)::before { content: "E-mail"; padding-right: 5px; }
.fun_footer .footer-sample .contact-us-part .contact-use-row:last-child{ margin-top: 5px; }
.fun_footer .footer-sample .service-item-part { margin-top: 0; text-align: center; }
.fun_footer .footer-sample .service-item-part .social-btn { margin-top: 0; }
.fun_footer .footer-sample .service-item-part .social-btn a { margin-right: 20px; font-size: 23px; color: #545454;}
.fun_footer .footer-sample .service-item-part .social-btn a:last-child { margin-right: 0; }
.fun_footer .powered { font-size: 13px; border-bottom: 10px solid #787a44; padding-bottom: 5px; }

/* 會員登入頁 */
.member_home .signin_width { margin-top: 130px; margin-bottom: 180px; }
@media (max-width: 767px){
	.member_home  .signin_width { margin-top: 100px; margin-bottom: 120px; }
}

/* 公版GOTOP */
.go-to-top { display: none !important; }

/* 訂購流程頁 */
.group_home.D_products_signup_list div#page1:before { content: "*訂購報名無需線上付款，完成後將由專人致電聯繫，確認線上報名優惠及細節。"; font-size: 20px; font-weight: 600; color: #c46c19; line-height: 40px; }
.group_home.D_products_signup_list div#page1 .subscriber_info_content .subscriber_info_left .member-l_btn.VerifyButton{ font-size: 0; line-height: initial;}
.group_home.D_products_signup_list div#page1 .subscriber_info_content .subscriber_info_left .member-l_btn.VerifyButton::before { content: "驗證"; font-size: 16px; }
.group_home.D_products_signup_list div#page1 .subscriber_info_content .subscriber_info_left .remind-mobile>span.red-txt{ font-size: 0;}
.group_home.D_products_signup_list div#page1 .subscriber_info_content .subscriber_info_left .remind-mobile>span.red-txt::before { content: "行程報名諮詢請先驗證手機號碼"; font-size: 14px; }
@media (max-width: 575px){
	.group_home.D_products_signup_list div#page1:before { font-size:18px; line-height: 30px;}
}

/* 搜尋列表頁 */
.search_con .filter_list { display: none; }
.search_con .list_con { flex: 0 0 100%; max-width: 100%; }
.search-area .search-box .search-btn { background: #c46c19; }
.search-area .search-box .select-place .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-date .title i,
section.search_banner .search-area .search-box .select-input .data-icon-search{color: #787a44; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7; }
.list_con>.title>.text-right>p>span.text_blue { color: #787a44; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill: #787a44; }
figure.block_style .main_words .go-date,.pic_style figure.block_style .go-date{  font-size: 1.1rem;}
figure.block_style .main_words .go-date>span.text-danger,
.pic_style figure.block_style .go-date>span.text-danger,
.search_table tbody td.go-date .go-date>span.text-danger{ color: #787a44 !important; }
figure.block_style .main_words a:hover,
.pic_style figure.block_style .main_words a:hover,
.search_table .main_words .title_main:hover{ color: #787a44 !important; }
.list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgba(120 122 68 / 50%);}
.irs-bar { height: 3px; top: 33px; border-top: none; border-bottom: none; background: #787a44}
.irs-bar-edge {  height: 10px; top: 33px; width: 14px; border: 1px solid #787a44; border-right: 0; background: #787a44; background: -webkit-gradient(linear,left bottom,left top,from(#787a44),to(#787a44)); background: linear-gradient(to top,#787a44 0,#787a44 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px}
.irs-slider { top: 25px; width: 20px; height: 20px; border: none; background: #ddd; background: #787a44; border-radius: 27px; -moz-border-radius: 27px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer}
.irs-slider.state_hover,.irs-slider:hover { background: #fff; border: 2px solid #787a44}
.irs-from,.irs-single,.irs-to { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #787a44; border-radius: 3px; -moz-border-radius: 3px}
.irs-grid-pol { opacity: .5; background: ≈;}
.irs-grid-pol.small { background: #999}
.irs-grid-text { bottom: 5px; color: #99a4ac}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i { color: #787a44; }
.filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #787a44;}
.filter_list .accordion .card.travel-days .form-check .badge-primary{ background-color: #797979;}
.filter_list .form-check .customcheck.disabled .checkmark, .filter_list .form-check .customcheck.disabled input:checked~.checkmark{ background-color: #ddd; border-radius: 0; border: 1px solid #fff; }
section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active,section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #787a44; color: #787a44; }
section.search_con .pagination .page-item .page-link:focus{ box-shadow: none;}
section.search_con .pagination .page-item .page-link:hover svg, section.search_con .pagination .page-item .page-link:active svg{ fill: #787a44;}
.search_table.table .thead { background: #797979; height: 2.8rem; line-height: 2.8rem;}
.search_table tbody td.go-airport img { margin: 0 auto; }
/* 字體尺寸調整 */
figure.block_style .pic_all .item_days{ font-size: 1.7rem;}
figure.block_style .main_words a{ font-size: 1.25rem;}
figure.block_style .price_box span,.search_table tbody td.tour-price span {font-size: 1.2rem; font-weight: 600;}
.pic_style figure.block_style .price_all h4 span{font-size: 1.2rem; font-weight: 600; }
figure.block_style .price_box small { font-size: 0.9rem; }
figure.block_style .main_words h6{ font-size: 0.9rem;}
figure.block_style .main_words h6>div span { font-size: 1rem; }
figure.block_style .note_words>div{ font-size: 1rem;} 
.search_table.table .thead th { font-size: 1rem; font-weight: 400; }
@media(min-width:1200px ){
	.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 110px; bottom: calc(50% - (140px/2)); }
}
/* 更改搜尋列表順序 */
@media(max-width:575px ){
	.D_products_group_search>.web-page-frame>.row:nth-child(2)>.col-md-12>div>.row>.col-lg-12>.row>.col-12 { display: flex; flex-flow: column; }
	.D_products_group_search>.web-page-frame>.row:nth-child(2)>.col-md-12>div>.row>.col-lg-12>.row>.col-12>section.search_con{ order: 1; }
	.D_products_group_search>.web-page-frame>.row:nth-child(2)>.col-md-12>div>.row>.col-lg-12>.row>.col-12>section.group_banner.search_banner{ order: 2; }
}

/* 團型列表 */
/* .D_products_group_mold section#tripFeatures, .D_products_group_mold section#tripNote { display: none; } */
.group_table.tripdown .IconMean,.style_icon{ display: none;}
.D_products_group_mold section#tripDown{ order: 10;}
.D_products_group_mold section.group_banner .media-grouop{ display: none;}
.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #dedede; border-color: #dedede; }
section.group_table.tripdown .style_icon ul li a.nav-link{ color: #787a44; border: 1px solid #787a44;}
section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#787a44; }
section.group_table:before { -webkit-filter: grayscale(1) opacity(.3); }
section.group_table.trip_features:after, section.group_table.trip_airline:after, section.group_table.trip_day:after, section.group_table.trip_note:after, section.group_table.view_intro:after, section.group_table.tripdown:after{ background: #dedede;}
section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2, section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2, section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2 { position: relative; color: #333333; margin-bottom: 0; font-size: 2.3rem; text-shadow: none; }
section.group_table.trip_features .container>div>h2::after, section.group_table.trip_airline .container>div>h2::after,
section.group_table.trip_day .container>div>h2::after, section.group_table.trip_note .container>div>h2::after,
section.group_table.view_intro .container>div>h2::after, section.group_table.tripdown .container>div>h2::after{content: ""; background: #787a44; width: 50px; height: 3px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0); }
.D_products_group_mold section.group_banner .info .btn-primary{background: #787a44; border-color: #787a44; font-size: 0;}
.D_products_group_mold section.group_banner .info .btn-primary::before{ content: "出團日期＆詳細行程"; font-size: 1.2rem; }
.D_products_group_mold section.group_banner .info .btn-primary small{ display: none;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #033739; border-color: #033739; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }
section.group_table.tripdown .search_table tbody td.go-airport img { margin: 0 auto; }
.search_table tbody td.sale-situation .btn.btn-primary,.search_table tbody td.sale-situation .btn.btn-primary:hover{ background: #787a44; border-color: #787a44; color: #ffffff;}
.D_products_group_mold section.group_table .table td.tour-price small{ display: none;}/*20231211隱藏出團日期起字*/
/* section.group_table.tripdown .style_icon{display: none;} */
/* 字體尺寸調整 */
section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.2rem; font-weight: 600; }

/* 調整行程特色為滿版 */
.D_products_group_mold section.group_table.trip_features .container .group_table_box{ padding: 0;}
.D_products_group_mold section.group_table.trip_features .container .group_table_box>div>div:not(.trips_title){ padding: 0; }
@media (max-width: 575.98px){
	.D_products_group_mold section.group_table.trip_features .container{ width: 100%;}
}

/* 隱藏月曆，強制顯示列表模式 */
.D_products_group_mold #search-calendar, .D_products_group_detail #search-calendar{display: none;}
.D_products_group_mold #search-table, .D_products_group_detail #search-table{display: block;opacity: 1;}
.D_products_group_mold #pills-tab .nav-item #pills-home-tab, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab,
.D_products_group_detail #pills-tab .nav-item #pills-home-tab, .D_products_group_detail #pills-tab .nav-item #pills-contact-tab{opacity: 0;}
.D_products_group_mold #pills-tab .nav-item, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab, .D_products_group_detail #pills-tab .nav-item, .D_products_group_detail #pills-tab .nav-item { list-style: none; }

@media (min-width: 576px){a
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 540px; }
}
@media (min-width: 768px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 720px; }
}
@media (min-width: 992px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 960px; }
	
}
@media (min-width: 1200px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 1440px; }
}
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ background: #fff; width:calc(100% - 30px); margin-left:auto; margin-right:auto; }
.web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center{ width: 100%; margin-bottom: 3rem; }
/* .web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center>a{background: #00223d; border: 1px solid #00223d; color: #ffffff; line-height: 1.3rem;} */

@media (max-width: 575.98px){
	.D_products_group_mold section.group_banner { margin-top:0; }
	/* 團型預設出團備註收合 */
	.D_products_group_mold section.group_table.trip_note .collapse{display: block!important; }
	.D_products_group_mold section.group_table.trip_note .collapse.show{  display: none!important; }
	.D_products_group_mold section.trip_note #headingSix.card-header a[aria-expanded="false"]:after { content: "−"!important; transform: rotate(180deg); }
	.D_products_group_mold section.trip_note #headingSix.card-header a[aria-expanded="true"]:after { content: "+"!important; transform: rotate(90deg); }
	.D_products_group_mold section.trip_note .card-header .btn { background: #797979; color: #fff; }
	.D_products_group_mold section.trip_note .card-header a[aria-expanded="false"]:after { color: #fff; }
	.D_products_group_mold section.trip_note .collapsing { height: 0 !important; }
	/* 手機版出發日期樣式調整 */
	section.group_table.tripdown .search_table tbody td.tour-name { padding-top: 15px; padding-right: 26px; position: relative; background: #f0f0f0; border-radius: 6px; }
	section.group_table.tripdown .search_table tbody td.tour-name::after { content: ""; position: absolute; background: url(https://www.funvoyage.com.tw/material-alias/arrow_green.svg) no-repeat center; width: 20px; height: 20px; margin-right: 5px; right: 0; top: 50%; transform: translate(0, -50%); }
	section.group_table.tripdown .search_table tbody td.tour-name a.title_main{ text-decoration: underline;}
}


/* 個團明細頁 */
section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 { display: none; }
section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
section.group_table.trip_day .info_box .info_box_title { margin-left: 0; width: 100%; }
section.group_banner.trip_banner h1{ font-size: 2rem; margin-bottom: 28px;}
section.group_banner.trip_banner h3.price { font-size: 1.6rem; }
section.group_banner.trip_banner h3.price span, section.group_banner.trip_banner h3.price small{ font-size: 60%;}
section.group_banner.trip_banner h6{ font-size: 1rem;}
section.group_banner .price_content .panel-info .panel-heading { padding: 8px; background: #797979; font-size: 1rem; }
section.group_banner .price_content .panel-info .panel-body { padding: 15px 8px; font-size: 1em; }
section.group_banner .basic-air-aircraft,section.group_banner .basic-air-airport{ font-size: 1.2rem; font-weight: normal;}
section.group_banner .basic-air-airport i{ color: #787a44;}
section.group_banner.trip_banner .brief h5{font-size: 1rem; }
section.group_banner .price_content .panel-info { border: 1px solid #797979; }
section.group_banner .basic-air-info { border: 1px solid #787a44; }
section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3 { color: #787a44; }
.basic-air-info .go i, .basic-air-info .back i { color: #d7d9bc; font-size: 2rem; }
section.group_banner .basic-air-btn a { float: right; font-size: 1.2rem; font-weight: bold; background: #787a44; border: 1px solid #787a44; padding: 5px 25px; color: #fff; border-radius: 50px; }
section.group_banner .basic-air-btn a:hover { background:#033739; }
section.group_banner .basic-air-info .time { font-size: 1.1rem; }
.modal-content h5.modal-title strong{ color: #787a44;}
.flight_details .details_box > h4 { background: #787a44;}
.flight_details .details_box > h4 i { color: #d7d9bc; }
.flight_details { border: 1px solid #787a44; }
.trip_day .group_table_box table .thead { background: #797979; height: 2.8rem; font-weight: normal; color: #fff; font-size: 1rem; line-height: 2.8rem; }
section.group_table.trip_day table.table tr.thead th:nth-child(2) { background:#797979; }
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{ display: none; background: #797979;  }
.day_con .text_gary2.hotel a { color: #c46c19; }
.Day_menu .swiper_day .swiper-slide a:hover { color: #fff; background: #787a44; border: 1px solid #787a44; }
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{background: #797979; }
.web-page-frame .group_table ul{list-style:disc; padding-left: 20px;}
.web-page-frame .group_table ol{ list-style:decimal; padding-left: 20px;}
.D_products_group_detail section.group_table .table td.tour-price small{ display: none;}/*20231211隱藏出團日期起字*/
/* 隱藏天氣 */
.D_products_group_mold .trip_note .card:last-child { display: none; }
/* 隱藏行程特色標題 */
section.group_table.trip_features .container .group_table_box>.title_s { display: none; }
/* 小標題樣式 */
.group_table .trips_title{ font-size: 1.4rem; border-radius: 100px; border: 1px solid #111; display: table; margin: 3rem auto 1rem; padding: 5px 30px; }
/*預設備註開*/
#collapseFour.collapse { display: block!important; }
#collapseFour.collapse.show { display: none!important; }
section.trip_note #headingFour.card-header a[aria-expanded="false"]:after { content: "−"!important; transform: rotate(180deg); }
section.trip_note #headingFour.card-header a[aria-expanded="true"]:after { content: "+"!important; transform: rotate(90deg); }
section.trip_note .card-header .btn { background: #797979; color: #fff; }
section.trip_note .card-header a[aria-expanded="false"]:after { color: #fff; }
#collapseFour.collapsing { height: 0 !important; }
/* 調整明細頁寬度及背景色 */
body.D_products_group_detail,.D_products_group_detail section.group_banner.trip_banner .basic_box{ background: #ffffff; }
.D_products_group_detail section.group_table.trip_day .container .group_table_box,
.D_products_group_detail section.group_table.trip_features .container .group_table_box { padding: 10px; }
.day_con .info_box>div.col-12{ padding-left: 0; padding-right: 0;}

@media (min-width: 576px) {
	.D_products_group_detail section.group_banner.trip_banner .container,
    .D_products_group_detail section.group_table.trip_features .container,
	.D_products_group_detail section.group_table.trip_airline .container,
	.D_products_group_detail section.group_table.trip_day .container,
	.D_products_group_detail section.group_table.trip_note .container,
	.D_products_group_detail section.group_table.view_intro .container,
	.D_products_group_detail section.group_table.tripdown .container { max-width: 100%; width: 90%; }
}
@media (min-width: 1300px) {
	.D_products_group_detail section.group_banner.trip_banner .container,
	.D_products_group_detail section.group_table.trip_features .container,
    .D_products_group_detail section.group_table.trip_airline .container,
	.D_products_group_detail section.group_table.trip_day .container,
	.D_products_group_detail section.group_table.trip_note .container,
	.D_products_group_detail section.group_table.view_intro .container,
	.D_products_group_detail section.group_table.tripdown .container { max-width: 1500px; }
}

/* 調整行程特色為滿版 */
.D_products_group_detail section.group_table.trip_features .container .group_table_box{ padding: 0;}
.D_products_group_detail section.group_table.trip_features .container .group_table_box>div>div:not(.trips_title){ padding: 0; }
@media (max-width: 575.98px){
	.D_products_group_detail section.group_table.trip_features .container{ width: 100%;}
}
/* 側選單 */
.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
.sub_menu-trip .server_menu a i{ font-size: 18px;}
.sub_menu-trip .server_menu > ul > li a i {margin-right: 2px;}
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after { margin-left: 5px; }
.sub_menu-trip .server_menu > ul > li a>img { width: 22px; }
.sub_menu-trip .server_menu a{ color:#797979;}
.sub_menu-trip .server_menu li:nth-child(1) { background: #c46c19; }
.sub_menu-trip .server_menu > ul > li{box-shadow: none;}
.sub_menu-trip .server_menu > ul > li+li { border-top: 1px solid #b9b9b8 }
.sub_menu-trip .server_menu > ul > li.query-fixed-btn,.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.sub_menu-trip .server_menu > ul > li.download-fixed-btn,.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ background: #E2E8DE; }
.sub_menu-trip .server_menu > ul > li.query-fixed-btn, .sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{ display: none;}
.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { border-left: 0; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ color: #ffffff; }
@media (min-width: 992px){
	.sub_menu-trip .server_menu > ul{ margin-bottom: 0;}
	.sub_menu-trip .server_menu > ul > li { height: 45px; font-size: 1rem;}
	.sub_menu-trip .server_menu > ul > li a{padding: 5px 8px; border-left: 1px solid #b9b9b8;}
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){padding: 5px 8px 5px 12px; }
	.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; }
	.sub_menu-trip .trip_menu li a span{ font-size: 0.9rem;}
	.sub_menu-trip .trip_menu i { display: none; }
	.sub_menu-trip .trip_menu li:last-child a{ border:0; padding-bottom: 0;}
	.sub_menu-trip .trip_menu li a:hover span { color: #787a44; }
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul{ height: 45px; width: 180px;}
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
}
@media (min-width: 1351px) and (max-width: 1550px){
	section.group_banner .basic-air-info .go h3,section.group_banner .basic-air-info .back h3 { font-size: 1.2rem; }
	.basic-air-info .go h4, .basic-air-info .back h4 { font-size: 1.1rem; }
}
@media (max-width: 1400px){
	section.group_banner.trip_banner h1 { font-size: 2rem; }
}
@media (max-width: 1350px){
	.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
}
@media (max-width: 991.98px){
	.trip_day .table tr.text_gary.has_note>td:first-child { background: #efefef; text-align: center; width: 100%;}
	.day_con .info_box { width: 100%; }
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6.seat { margin-top: 10px; }
	.sub_menu-trip .trip_menu select { border-top: 1px solid #b9b9b8; }
	.sub_menu-trip .trip_menu:after { border: solid #787a44;     border-width: 0 1px 1px 0;}
	.sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left: 1px solid #b9b9b8; }
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img { padding-top: 16px; margin: 0 auto; }
	.sub_menu-trip .server_menu{ width: 100vw;}
	/* .sub_menu-trip .trip_menu{ display: none;} */
}
@media (max-width: 767px){
section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2,
section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2,
section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2{ font-size: 1.8rem;}
}
@media (max-width: 576px){
	.sub_menu-trip .server_menu > ul > li a{font-size: 14px; padding-top: 3px;}
	.sub_menu-trip .server_menu > ul > li a i {  line-height: 45px; margin: 0; font-size: 15px;}
	.sub_menu-trip .trip_menu { width: 40vw; }
}
@media (max-width: 991.98px) and (min-width:577px){
	.sub_menu-trip .server_menu > ul > li a { padding-top: 16px; }
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ padding-top: 16px;}
}
@media (max-width: 575px){
	section.group_banner.trip_banner h1 { font-size: 1.6rem; margin-bottom: 18px; }
	section.group_banner.trip_banner h3.price { font-size: 1.2rem; }
	.basic-air-info .go h3, .basic-air-info .back h3{ font-size: 1.4rem;}
	.basic-air-info .go i, .basic-air-info .back i { font-size: 1.2rem; }
	.basic-air-info .go h4, .basic-air-info .back h4 { padding: 10px; }
	section.group_banner .basic-air-btn a{font-size: 1rem; }
	section.group_table.trip_day .info_box .info_box_title .day_title{ font-size: 1.6rem;}
	section.group_table.trip_day .info_box .info_box_title .day_sub-title { font-size: 1.3rem; line-height: 2rem; }
}

/* 行程內容的iframe影片 */
.day_style_16 .videobox { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.day_style_16 .videobox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9,
.day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15, .day_style_16,.day_style_17{ margin-bottom: 10px;}
.day_style_17 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.day_style_17 img {width:100%; height: 380px;}
@media (max-width: 767px){
    .day_style_17 img { height: auto !important; }
}