body {
  background-position: left top;
  background-attachment: scroll;
}
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;
}
/**** howyoung style ****/
/* 共用 */
.hy_width{ max-width: 1440px;}
.hy_title .header-title{ font-size: 26px; font-weight: 600; text-align: center; color: #333333; display: table; margin: 0 auto; margin-top: 42px; margin-bottom: 42px; }
.hy_title .header-title p{ position: relative; color: #8ab751; font-family: 'Raleway', sans-serif !important; font-size: 20px; font-weight: 400; display: table; margin: 0 auto 5px; padding-right: 14px;}
.hy_title .header-title p::after{ content: ""; position: absolute; bottom: 6px; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width: 13px 4px 0 5px; border-color: #f5e33f transparent transparent transparent;}
.hy_hide{ display: none !important;}
.web-page-frame .row.header + .row{ padding-top: 70px;}
@media (max-width: 991px){
	.web-page-frame .row.header + .row{ padding-top: 60px;}
}
@media (max-width: 575px){
	.hy_title .header-title{ font-size: 24px; margin-top: 36px; margin-bottom: 36px;}
	.hy_title .header-title p{ font-size: 18px;}
	.hy_title .header-title p::after{ bottom: 5px;}
}

/* 上標 header */
.hy_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;}
.hy_header.public{ position: fixed; background:#8ab751;}
.header.gizle .hy_header,.header.gizle .hy_header.public{ background-color: #8ab751; border-color: transparent; box-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.header .hy_header.public .module { min-height: 54px !important; }

/* 上標子選單 */
.hy_subnav{ position: absolute; top: 0; right: 0; z-index: 1030; width: 220px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_subnav .function-row .row-content{ justify-content: flex-end; align-items: center; padding-right: 26px; height: 91px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
/* .header.gizle .hy_subnav .function-row .row-content,.header.gizle .hy_subnav.public .function-row .row-content{ height: 54px; } */
.hy_subnav .function-row li:first-child,.hy_subnav .function-row li:nth-child(2),.hy_subnav .function-row li:nth-child(3){ height: 35px; margin: 0;}
.hy_subnav .function-row li{ -ms-flex: 0; flex: 0; max-width: initial; position: relative; }
.hy_subnav .function-row li:first-child a{ position: relative; padding:5px 13px 6px 32px; background: #8ab751; border: 1px solid #8ab751; width: auto; text-align: center; white-space: nowrap; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_subnav .function-row li:first-child>a::before { content: ""; position: absolute;  background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/be161728-2cb8-42bd-a879-939f97df08ee.svg);  background-position:center; width: 13px; height: 13px; left: 14px; top: 11px; }
.header.gizle .function-row li:first-child>a,
.header .hy_subnav.public .function-row li:first-child>a{ border: 1px solid #ffffff;}
.hy_subnav .function-row li a h3{ margin-top: 0; }
.hy_subnav .function-row li:first-child a h3{ font-weight: 400; }
.hy_subnav .function-row li:nth-child(2),.hy_subnav .function-row li:nth-child(3) { flex: 0 0 35px; max-width: initial;}
.hy_subnav .function-row li:nth-child(2) a,.hy_subnav .function-row li:nth-child(3) a{ position: relative; padding: 0; width: 35px; height: 35px; display:-ms-flexbox; display: flex; justify-content: center; align-items: center; border: 1px solid #8ab751; -webkit-filter: brightness(1);  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .hy_subnav .function-row li:nth-child(2) a,
.header.gizle .hy_subnav .function-row li:nth-child(3) a,
.header .hy_subnav.public .function-row li:nth-child(2) a,
.header .hy_subnav.public .function-row li:nth-child(3) a{ border: 1px solid #ffffff; -webkit-filter: brightness(10);}
/* .hy_subnav .function-row li:nth-child(2) a::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/3e446993-5134-49ef-8646-cf39e07b8112.svg); background-size: 26px; background-position: center; background-repeat: no-repeat; width: 35px; height: 35px; position: absolute; left: -1px; top: -1px; } */
.hy_subnav .showName { flex-wrap: nowrap; padding: 0; }
.hy_subnav .function-row li a.SignOut { margin: 0; border-radius: 0; padding: 1px 5px; background: #8ab751; border: 1px solid #8ab751; line-height: 16px; font-size: 14px; }
.hy_subnav .function-row li a.SignOut:hover { background: #8ab751; border: 1px solid #8ab751; }
@media (min-width: 992px){
	.header .hy_subnav.public .function-row .row-content{ height: 70px;}
}
@media (max-width: 1400px){
  .hy_subnav .function-row .row-content{  padding-right: 10px;}
}
@media (max-width: 991px){
  .hy_subnav .function-row .row-content{ height: 55px;}
}
@media (max-width: 767px){
	.hy_header{ background-color: #8ab751; }
	.hy_subnav { right: 40px; z-index: 1050; width: 180px; }
}

/* 主選單 nav */
.hy_nav .navbar .navbar-nav{ margin: 0 auto; padding-right: 189px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .hy_nav .navbar .navbar-nav { padding-right: 127px; }
.hy_nav .header-part .navbar-brand img{ height: 74px;}
.hy_nav .header-part .navbar-brand { height: 91px; margin: 0; padding: 17px 0 0 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .hy_nav .header-part .navbar-brand { height: 54px; padding:5px 0 5px 0; }
.header.gizle .hy_nav .header-part .navbar-brand img{ height: 100%;}
.hy_nav .header-part{ position: relative;  padding: 0 36px; z-index: 1030; height: 91px; align-items: center; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .hy_nav .header-part{ height: 54px;  border-bottom: 0;}
.hy_nav li.nav-item { width: 120px;}
.hy_nav .header-part .navbar-nav li a, .hy_nav .header-part .navbar-nav .nav-link { position: relative; line-height: 24px; font-size: 17px; letter-spacing: 0.8px; text-align: center; }
.header.gizle .hy_nav .header-part .navbar-nav li a,.header.gizle .hy_nav .header-part .navbar-nav .nav-link{position: relative; line-height: 20px; font-size: 16px;}
.hy_nav .header-part .navbar-nav .nav-link:hover,.hy_nav .header-part .dropdown.show a:hover,
.hy_nav .header-part .dropdown-menu.show .nav-link:hover,.hy_nav .header-part .dropdown.show{ background-color: transparent;}
.hy_nav .navbar .navbar-nav .nav-link i{ display: none !important ; }
.hy_nav .navbar .navbar-nav .nav-link div{ font-family: 'Raleway', sans-serif !important; font-size: 15px; letter-spacing: 0.2px; font-weight: 300; }
.header.gizle .hy_nav .navbar .navbar-nav .nav-link div{ font-size: 14px;}

.hy_nav .header-part .navbar-nav .nav-link::before{  content: ""; background: #ffffff; opacity: 0; width: 0; height: 1px; position: absolute; bottom: 0;  left: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_nav .header-part .navbar-nav .nav-link:hover::before{  width: 100%;  opacity: 1;}
.hy_nav .header-part .navbar-nav .dropdown.show a::before{ display: none;}
.hy_nav .navbar .navbar-nav .nav-link.dropdown-toggle::after { position: absolute; right: 8px; top: 13px; border: 0; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/3ae3b923-6e11-4f2b-87e8-f0460eb5d272.svg); background-position: center; background-repeat: no-repeat; background-size: 10px; width: 10px; height: 10px; vertical-align: initial; margin-left: initial; }
.hy_nav .header-part .dropdown-menu { border-radius: 8px !important; }
.hy_nav .header-part .navbar-nav li a.dropdown-item { padding: 11px; font-size: 16px; line-height: 17px; text-align: center; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_nav .header-part .navbar-nav li a.dropdown-item:hover { color: #8ab751;}
.hy_nav .header-part .navbar-nav li a.dropdown-item:active { background: #f8f9fa; color: #8ab751;}
.hy_nav .header-part .navbar-nav li a.dropdown-item:first-child:hover,.hy_nav .header-part .navbar-nav li a.dropdown-item:first-child:focus{ border-top-right-radius: 8px; border-top-left-radius: 8px; }
.hy_nav .header-part .navbar-nav li a.dropdown-item:last-child:hover,.hy_nav .header-part .navbar-nav li a.dropdown-item:last-child:focus{ border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.hy_nav .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid #e3f1e3; }
.hy_nav .header-part .navbar-nav li:first-child{ display: none; }

@media (min-width: 992px){
	.hy_nav.public .header-part{ height: 88px;}
	.header.gizle .hy_nav.public .header-part { height: 76px; }
	.hy_nav.public .header-part .navbar-brand{ height: 70px; padding-top: 5px;}
	.hy_nav.public .header-part .navbar-brand img { height: 60px; }
	.hy_nav.public li.nav-item { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }
}
@media (max-width: 1400px){
	.hy_nav .header-part{ padding: 0 10px;}
	.hy_nav .header-part .navbar-nav li a, .hy_nav .header-part .navbar-nav .nav-link {  font-size: 16px; }
	.hy_nav .header-part .navbar-nav li a.dropdown-item { font-size: 15px; }
}
@media (max-width: 1199px){
	.hy_nav .header-part .navbar-brand img{ height: 44px;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hy_nav.public li.nav-item { width: 100px; }
}
@media (max-width: 991px){
	.hy_nav .header-part { padding: 0; height: 54px; }
	.hy_nav .header-part .navbar-toggler{ border: 0; outline: none;  padding: 12px 16px; position: absolute; right: 0; top: 0; height: 54px;}
	.hy_nav .header-part .navbar-toggler-icon{ width: 32px; height: 32px;  background-size: 32px; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/a72a2c60-a8d1-4b9b-9e3d-15cb569d6f83.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;}
	.hy_nav .header-part button[aria-expanded="true"] .navbar-toggler-icon { width: 32px; height: 32px; background-size: 32px; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/cf5a9286-09fc-4614-af16-25c39a8b82c9.svg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform:rotate(180deg);}
    .hy_nav .header-part .navbar-brand { height: 54px; padding:5px 0 5px 10px;}
    .header.gizle .hy_nav .header-part .navbar-brand { padding: 5px 0 5px 10px; }
    .hy_nav .header-part .navbar-brand img { height: 100%; }
	.hy_nav .header-part .navbar-collapse>ul { background: rgb(138 183 81 / 100%); }
	.header.gizle .hy_nav .header-part .navbar-collapse>ul { background:#8ab751; }
	.hy_nav .header-part .dropdown-menu{ background: transparent !important; box-shadow: none !important;}
	.hy_nav .header-part .dropdown-menu.show::before{ display: none;}
    .hy_nav .navbar .navbar-nav{ padding: 0;}
    .header.gizle .hy_nav .navbar .navbar-nav { padding-right: 0; }
    .hy_nav .navbar .navbar-nav .nav-link.dropdown-toggle::after{ right: 20px; top: 20px;}
    .hy_nav li.nav-item { width: initial; }
	.hy_nav .header-part .navbar-nav li a, .hy_nav .header-part .navbar-nav .nav-link{padding:15px 30px; line-height: 20px; width:100%;} 
    .hy_nav .navbar .navbar-nav .nav-link div.eg{display: none;}
	.hy_nav .header-part .navbar-nav li a.dropdown-item { padding:15px 30px; color: #ffffff; background: #7ca745;}
	.hy_nav .header-part .navbar-nav li+li, .hy_nav .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid rgb(255 255 255 / 20%); }
    .hy_nav .header-part .navbar-nav .nav-link::before{ display: none;}
	.hy_nav.public .header-part .navbar-toggler-icon{background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/a72a2c60-a8d1-4b9b-9e3d-15cb569d6f83.svg);}
	.hy_nav.public .header-part button[aria-expanded="true"] .navbar-toggler-icon { background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/cf5a9286-09fc-4614-af16-25c39a8b82c9.svg);  }
	.header.gizle .hy_nav.public .header-part .navbar-toggler-icon,.header.gizle .hy_nav.public .header-part button[aria-expanded="true"] .navbar-toggler-icon{  -webkit-filter: brightness(10);}
	.hy_nav.public .header-part .navbar-nav li+li,.hy_nav.public .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid rgb(237 237 237); }
}
@media (max-width: 767px){
	.hy_nav .header-part .navbar-nav li:first-child{ display: block;}
	.hy_nav .showName { padding: 0; align-items: center; }
	.hy_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; }
	.hy_nav.public .header-part .navbar-nav li a.SignOut { border: 1px solid #8ab751; color: #8ab751; }
	.header.gizle .hy_nav.public .header-part .navbar-nav li a.SignOut { border: 1px solid rgb(255 255 255 / 50%); color:#ffffff; }
	.hy_nav .navbar .navbar-nav .nav-link div.showName, .hy_nav .navbar .navbar-nav .nav-link div.member-name { display: flex; }
	.hy_nav .header-part .navbar-collapse.show, .hy_nav .header-part .navbar-collapse.collapsing { height: 100vh !important; }
	.hy_nav .header-part .navbar-collapse.show>ul, .hy_nav .header-part .navbar-collapse.collapsing>ul { height: 100%; }
}
@media (max-width: 400px){
	.hy_nav .header-part .navbar-brand,.header.gizle .hy_nav .header-part .navbar-brand{ padding: 10px 0 12px 10px; height: 54px; }
	.hy_nav .header-part .navbar-toggler { padding: 12px 10px; }
}


/* 新版上標 header 20250505 */
.hy_nav_new .mega-menu .menu-logo { width:125px; height: 70px; position: absolute; }
.hy_nav_new .mega-menu .menu-logo > li > a img { width:auto; height: 60px; left: 33px; }
.hy_nav_new .mega-menu .menu-links {  margin: 0 auto; max-height: 100% !important; float: initial; height: 70px; justify-content: center; max-width: 1000px; }
.hy_nav_new .mega-menu .menu-links>li { flex: 0 0 128px; max-width:initial; }
.hy_nav_new .mega-menu .menu-links > li > a{ font-size: 17px; line-height: 24px; height: 70px; padding: 0 20px; text-align: center; letter-spacing: 0.05rem; display: flex ; align-items: center; justify-content: center;}
.hy_nav_new .mega-menu .menu-links > li > a i.fa.fa-indicator { top: 12px; }
.hy_nav_new .mega-menu .menu-links > li:hover{ background-color: transparent;}
.hy_nav_new .mega-menu .menu-links > li>a::before{ content: ""; width: 0; height: 2px; background: #f5e33f; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.hy_nav_new .mega-menu .menu-links > li:hover>a::before{ width:calc(100% - 40px);}
.hy_nav_new .mega-menu .mg-drop-down{ padding: 10px 0; }
.hy_nav_new .mega-menu .mg-drop-down .megamenu_box { max-width: 1200px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.hy_nav_new .mega-menu .menu-links li .list_tag ul{display: -ms-flexbox; display: flex; flex-wrap: wrap;  width: 100%; }
.hy_nav_new .mega-menu .menu-links li .list_tag ul li{ flex: 0 0 33.3333%; text-align: center; margin: 0; padding: 15px 0; float:initial;}
.hy_nav_new .mega-menu .menu-links li .list_tag ul li a,.hy_nav_new .mega-menu .menu-links li .list_tag ul li a p{text-align: center; float: initial;}
.hy_nav_new .mega-menu .menu-links li .list_tag ul li a { padding: 4px 0; }
.hy_nav_new .mega-menu .menu-links li .list_tag ul li + li a { border-left: 1px solid rgb(255 255 255 / 50%); }
.hy_nav_new .mega-menu .menu-links li .list_tag ul li:nth-child(4) a{ border-left: 0;}
.hy_nav_new .mega-menu .menu-links li .list_tag ul li a p{ font-size: 15px; letter-spacing: 0.5px; color: rgb(255 255 255 / 90%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.hy_nav_new .mega-menu .menu-links li .list_tag ul li a:hover p { opacity: 0.6;}
.hy_nav_new .mega-menu .menu-links li .list_box { padding: 0 20px; flex: 0 0 20%; margin-right: 0;}
.hy_nav_new .mega-menu .menu-links li .list_box ul li { margin: 14px 0; }
.hy_nav_new .mega-menu .menu-links li .list_box ul li a {  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;color: rgb(255 255 255 / 90%)  }
.hy_nav_new .mega-menu .menu-links li .list_box ul li a p{ font-size: 15px; }
.hy_nav_new .mega-menu .menu-links li .list_box ul li:first-child a{ padding-bottom: 10px; border-bottom: 2px solid #8ab752; display: table; }
.hy_nav_new .mega-menu .menu-links li .list_box ul li:first-child a p{ font-size: 16px; }
.hy_nav_new .mega-menu .menu-links li .list_box a p{ color: #5C9712; letter-spacing: 0.05rem;}
.hy_nav_new .mega-menu .menu-links li .list_box a:hover p{ color: #ffa221 }
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger{ height: 28px; width: 35px; background: transparent; top: 50%;  right: 10px;  transform: translate(0, -50%);}
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger span,.hy_nav_new .mega-menu .menu-mobile-collapse-trigger:before,.hy_nav_new .mega-menu .menu-mobile-collapse-trigger:after{ top: 8px; height: 1.5px; width: 26px; opacity: 0.8;}
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger span{ top: 14px; position: relative;}
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger span:after{ content: ""; position: absolute; width: 26px; bottom: -28px;}
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger:after { top: 20px;}
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate( 35deg); -ms-transform: rotate(40deg); transform: rotate( 40deg); width: 24px; left: 5px; top: 6px; }
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate( -35deg); -ms-transform: rotate(-40deg); transform: rotate( -40deg); width: 24px; left: 5px; top: 21px; font-size: 0;}
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger:hover.active:hover { height: 30px; width: 45px; }
.hy_nav_new .mega-menu .menu-mobile-collapse-trigger.active { height: 30px; width: 45px; }

@media(max-width:1300px) {
    .hy_nav_new .mega-menu .menu-links>li { flex: 0 0 90px; max-width: 90px; }
    .hy_nav_new .mega-menu .menu-links > li > a{padding: 0 5px; font-size: 15px;}
    .hy_nav_new .mega-menu .menu-links > li:hover>a::before{ width:calc(100% - 20px);}
}
@media(max-width:1199px) {
	.hy_nav_new .mega-menu .menu-logo > li > a img{ height: 50px; left: 5px;}
}
@media(max-width:991px) {
    .hy_nav_new .mega-menu .menu-logo{  position: relative; width: 120px;}
    .hy_nav_new .mega-menu .menu-links>li { flex: 0 0 95px; max-width: 95px; }
	.hy_nav_new .mega-menu .menu-links{ justify-content:flex-start;}
}
@media(min-width:768px) and (max-width:991px){
    .hy_nav_new .mega-menu .menu-links>li { flex: 0 0 70px; max-width: 70px; }
}
@media(max-width:767px){ 
    .hy_nav_new { position: fixed; top: 60px; right: 0; left: 0; z-index: 1049; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; }
    .hy_nav_new .mega-menu .menu-logo {width: 100%; height: 60px; background: #8AB751; position: fixed; z-index: 1050; border-bottom: 1px solid rgb(255 255 255 / 30%);}
    .hy_nav_new .mega-menu > section.menu-list-items { border-top: 0; padding: 0;}
    .hy_nav_new .mega-menu .menu-links>li { flex: 0 0 100%; max-width: 100%; }
    .hy_nav_new .mega-menu .menu-logo > li, .hy_nav_new .mega-menu .menu-logo > li > a { float: initial;  height: 55px; }
    .hy_nav_new .mega-menu .menu-logo > li > a { padding: 0; width: 170px; }
    .hy_nav_new .mega-menu .menu-logo > li:hover > a:before{ width: 18px; height: 16px;}
	.hy_nav_new .mega-menu .menu-logo > li > a:hover{ background-color: transparent !important;}
    .hy_nav_new  .mega-menu .menu-links > li:hover>a{ background-color:rgb(109 153 54);}
    .hy_nav_new .mega-menu .menu-links { width: 100%; height: 100vh; max-height: initial !important;  border-top: 1px solid rgba(0,0,0,0.2); padding-top: 60px; padding-bottom: 150px;}
    .hy_nav_new .mega-menu .menu-links > li { border-bottom: 1px solid rgb(255 255 255 / 30%); width: 100%; margin: 0 auto; padding: 10px;}
    .hy_nav_new .mega-menu .menu-links > li > a { font-size: 15px; line-height: 15px; width: calc(100% - 50px); text-align: left; height: 50px; padding-top: 0; justify-content: flex-start; }
    .hy_nav_new .mega-menu .menu-links > li>a::before{display: none;}
    .hy_nav_new .mega-menu .menu-links > li:hover,.hy_nav_new .mega-menu .menu-links > li.activeTriggerMobile{  background-color:rgb(109 153 54) !important;}
    .hy_nav_new .mega-menu .menu-links > li > a i.fa { font-size: 1.2em; }
    .hy_nav_new .mega-menu .menu-links li div.mg-drop-down{ padding: 0 18px;}
    .hy_nav_new .mega-menu .mg-drop-down{ background: rgb(6 8 43 /100%);}
    .hy_nav_new .mega-menu .mg-drop-down .megamenu_box{ padding: 0; min-height: initial; flex-flow: column;}
    .hy_nav_new .mega-menu .menu-links li .list_box{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding: 0;}
    .hy_nav_new .mega-menu .menu-links li .list_box ul li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 18px;}
    .hy_nav_new .mega-menu .mg-drop-down h4 { font-size: 16px; }
    .hy_nav_new .mega-menu .menu-links li .list_tag ul{ flex-flow: column;}
    .hy_nav_new .mega-menu .menu-links li .list_tag ul li{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: left;}
    .hy_nav_new .mega-menu .menu-links li .list_tag{ padding-bottom: 20px;}
    .hy_nav_new .mega-menu .menu-links li .list_tag ul li a{ padding: 0 0 0 20px;}
    .hy_nav_new .mega-menu .menu-links li .list_tag ul li + li a { border-left: 0; }
    .hy_nav_new .mega-menu .menu-links li .list_tag ul li a p{ font-size: 16px;}
    .hy_nav_new .mega-menu .menu-mobile-collapse-trigger{right:5px; }
    .hy_nav_new .mega-menu > section.menu-list-items { background-color: rgb(109 153 54); }
    .hy_nav_new .mega-menu .menu-links > li.hoverTrigger.activeTriggerMobile a i { transform: rotate(180deg); }
    .hy_nav_new .mega-menu .menu-links li .list_box ul li { margin: 0 0 14px; }
    .hy_nav_new .mega-menu .menu-links li .list_box ul li:first-child a{ font-size: 16px; padding-bottom: 6px; }
    .hy_nav_new .mega-menu .menu-links li .list_box ul li a{ font-size: 14px;}
}
@media(min-width:768px){
    .hy_nav_new .mega-menu .menu-links { display:-ms-flexbox; display: flex !important;}
}


/* 首頁slider*/
.hy_slider_block{ position: relative;}
.hy_slider .carousel-item img{ object-fit: cover; width: 100%; height: 100%; -webkit-animation-name: scaleDraw; animation-name: scaleDraw; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration:6s; animation-duration: 6s; }
.hy_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; }
.hy_slider .carousel-fade .carousel-item{ height: 100vh;}
.hy_slider .carousel-caption {  width: calc(100% - 200px); right: initial; left: 50%; bottom: 50%; transform: translate(-50%, 50%); display: block !important; }
.hy_slider .main_slider_title{ position: relative; margin: 0 auto; padding: 65px 0; width: 800px; max-width: 100%; background: rgb(255 255 255 / 60%); color: #333333;}
.hy_slider .main_slider_title::before,.hy_slider .main_slider_title::after { content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); height: 1px; width: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 7%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.6) 93%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 7%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.6) 93%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 7%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 93%,rgba(255,255,255,0) 100%);
}.hy_slider .main_slider_title::before{ top: 0; }
.hy_slider .main_slider_title::after{ bottom: 0;}
.hy_slider .main_slider_title h2{ font-size: 36px; margin-bottom: 18px; letter-spacing: 0.1rem; font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;}
.hy_slider .main_slider_title h3{ font-size: 26px; margin-bottom: 44px; letter-spacing: 0.05rem; font-weight: 300; line-height: 45px;}
.hy_slider .main_slider_title h2, .hy_slider .main_slider_title h3{ text-shadow:1px 1px 5px rgb(255 255 255 / 50%);}
.hy_slider .main_slider_title button{position: absolute; cursor: pointer; background-color: #8AB748; border: 0; bottom: 0; left: 50%; transform: translate(-50%, 0); color: #ffffff; font-size: 18px; font-weight: 300; line-height: 40px; font-family: 'Raleway', sans-serif !important; padding: 7px; outline: none; width: 105px; height: 52px; border-top-left-radius: 50px; border-top-right-radius: 50px; opacity: 0.8; text-align: center; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_slider .main_slider_title button:hover{ opacity: 1;}
.hy_slider .carousel-indicators{align-items: center;}
.hy_slider .carousel-indicators li{ width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; margin-left: 5px;  opacity: 0.7;}
.hy_slider .carousel-indicators .active { width: 9px; height: 9px; border: 3px solid #ffffff; background: transparent; opacity: 0.7; }
.hy_slider .carousel-control-next,.hy_slider .carousel-control-prev{ opacity: 1; width: 10%;}
.hy_slider .carousel-control-prev{ left: 50px; }
.hy_slider .carousel-control-next{ right: 50px;}
/* .hy_slider .carousel-control-next-icon,.hy_slider .carousel-control-prev-icon{ background: url(https://materials.fillo.com.tw/materials/howyoung/images/5bcf4ca9-6176-4e91-8863-80d5a6e68670.svg); background-position: center; background-repeat: no-repeat; background-size: 30px; width: 30px; height: 81px; opacity: 0.8; }*/
.hy_slider .carousel-control-next-icon,.hy_slider .carousel-control-prev-icon { background-color: #ffffff; background: url(https://materials.fillo.com.tw/materials/howyoung/images/5bcf4ca9-6176-4e91-8863-80d5a6e68670.svg); background-position: center; background-repeat: no-repeat; background-size: 18px; width: 30px; height: 70px; opacity: 1; position: relative;}
.hy_slider .carousel-control-prev-icon{ background:url(https://howyoungtours.com.tw/material-alias/首頁/slider_arrow-_l_icon.svg) no-repeat center; background-size: 18px; } 
.hy_slider .carousel-control-next-icon:hover,.hy_slider .carousel-control-prev-icon:hover { background-size: 18px;  opacity: 1;}
.hy_slider .carousel-control-next-icon::before,.hy_slider .carousel-control-prev-icon::before{ content: ""; position: absolute; background: rgb(0 0 0 / 40%); width: 70px; height: 70px; left: 50%; top: 0; border-radius: 50%; z-index: -1; transform: translate(-50%, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.hy_slider .carousel-control-next-icon:hover::before,.hy_slider .carousel-control-prev-icon:hover::before{ background: rgb(0 0 0 / 60%); }
.slider_cover_top{ position: absolute; top: 100px; left: 50%; width: calc(100% - 200px);  height: 200px; transform: translate(-50%, 0); background: transparent; z-index: 3; }
/* 輪播縮小圖片動畫 */
@keyframes scaleDraw { 
	0% { transform: scale(1.1); } 
	100% { transform: scale(1); }
}
@media (max-width: 767px){
	.slider_cover_top,.slider_cover_bottom{ display: none;}
	.hy_slider .main_slider_title h2 { font-size: 32px; letter-spacing: 0.1rem; }
	.hy_slider .main_slider_title h3 { font-size: 20px; letter-spacing: 0.02rem; line-height: 38px; }
}
@media (max-width: 575px){
	.hy_slider .carousel-caption{ width: calc(100% - 100px);}
	.hy_slider .main_slider_title h2 { font-size: 24px; letter-spacing: 0.05rem; }
	.hy_slider .main_slider_title h3 { font-size: 18px; letter-spacing: 0.02rem; line-height: 35px;}
	.hy_slider .main_slider_title button{ font-size: 15px;}
	.hy_slider .carousel-control-next,.hy_slider  .carousel-control-prev{ display: none;}
}

/* 首頁主圖-文字切換底圖 20241217新增 */
.hy_main_pic .module-container nav ul li:hover > a { background-color:#a1806a; }
@media (max-width: 1199px){
	.hy_main_pic .module-container nav > div > div { width: 85%; }
	.hy_main_pic .module-container nav > div > div ul li a h3 { font-size: 20px; }
}
@media (max-width: 991px){
	.hy_main_pic .module-container nav > div > div > div img { max-width: 100%; width: 300px;}
}
@media (max-width: 767px){
	.hy_main_pic .module-container nav > div > div>div{ display: block; margin: 15px auto;}
	.hy_main_pic .module-container nav ul { float: none; display: -ms-flexbox; display: flex; justify-content: center; align-items: flex-start; }
	.hy_main_pic .module-container nav ul li{ float: none; display: inline-block; }
}

/* 首頁搜尋 search */
.hy_search_bg>.module-container>.main{ background:#fbfbfb; display: flex;  padding:36px; }
.hy_search .search-area .container { max-width: 100%; padding: 0; }
.hy_search .search-area .search-box{ height: 80px;}
.hy_search .search-area .search-box .select-goal .title h6,.hy_search .search-area .search-box .select-place .title h6,
.hy_search .search-area .search-box .select-date .title h6,.hy_search .search-area .search-box .select-keywords .title h6{ color: #545454; font-weight: 600;  display: block; margin: 0px;}
.hy_search .search-area .search-box .select-keywords .title,.hy_search .search-area .search-box .select-goal .title,
.hy_search .search-area .search-box .select-date .title,.hy_search .search-area .search-box .select-place .title {padding-left: 22px; height: 25px;}
.hy_search .search-area .search-box .select-keywords .title i,.hy_search .search-area .search-box .select-goal .title i,
.hy_search .search-area .search-box .select-place .title i,.hy_search .search-area .search-box .select-date .title i{ display:none;}
.hy_search .search-box .title::before{ content: ""; position: absolute; left: 13px; top: 2px; width: 15px; height: 15px;}
.hy_search .search-box .select-goal .title::before{ background-image: url('https://materials.fillo.com.tw/materials/howyoung/images/3888d808-324e-4065-88b6-347cbbe35602.svg'); }
.hy_search .search-box .select-place .title::before{ background-image: url('https://materials.fillo.com.tw/materials/howyoung/images/9b41bce0-31a6-4a59-be64-9b7e117889ef.svg'); }
.hy_search .search-box .select-date .title::before{ background-image: url('https://materials.fillo.com.tw/materials/howyoung/images/9ddac005-84d6-408b-9a97-674c1af2ba00.svg'); }
.hy_search .search-box .select-keywords .title::before{ background-image: url('https://materials.fillo.com.tw/materials/howyoung/images/5dfa7d7c-32be-4f85-83f6-bb915b1c9c84.svg');}
.hy_search .search-area .search-box .select-goal,.hy_search .search-area .search-box .select-place,
.hy_search .search-area .search-box .select-date,.hy_search .search-area .search-box .select-keywords{ background: transparent;padding: 0 10px;height: 80px; }
.hy_search .search-area .search-box .search-btn { background: #8ab751; border-radius: 30px; width: 92%; height: 45px; margin-top: 25px; float: right; display: flex; padding: 0; justify-items: center; align-items: center; outline: none;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.hy_search .search-area .search-box .search-btn:hover{ opacity: 0.8;}
.hy_search .search-area .search-box .search-btn h5 { position: relative; display: table; margin: 0 auto; padding-right: 20px; width: 120px; height: 30px; font-size: 1rem; line-height: 2rem; }
.hy_search .search-area .search-box .search-btn h5::after{ content: ""; position:absolute; top: 8px;  margin-left: 3px; width:16px; height:16px; background-image: url('https://materials.fillo.com.tw/materials/howyoung/images/ca8be74a-12ea-458d-8979-33aa302919e8.svg'); }
.hy_search .search-area .search-box .search-btn i { display: none; }
.hy_search .search-area .search-box .select-goal .select select, .hy_search .search-area .search-box .select-place .select select,
.hy_search .search-area .search-box .select-date .select input, .hy_search .search-area .search-box .select-keywords .select input{ 
height: 45px; padding: 5px 10px; border: none; border-radius: 0; background-color: transparent; color: #545454; cursor: pointer; border-bottom: 2px solid #8ab751; outline: none; outline: none;}
.hy_search .search-area .search-box .select-goal .select select, .hy_search .search-area .search-box .select-place .select select { background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/3ae3b923-6e11-4f2b-87e8-f0460eb5d272.svg); -webkit-filter: brightness(.8); background-size: 15px auto; }
.hy_search .search-area .search-box .select-date .select { width: 100%; }
.hy_search .search-area .search-box .select-date .select input { width: calc(46%); }
.hy_search .search-area .search-box .select-date .select .divide { margin: 25px 10px 0px 10px;  width: 10px; background-color: #545454;}

/* 首頁國外搜尋引擎 */
.search_foreign .group_banner.search_banner .search-area > .container{background: transparent; border-bottom: 0; max-width: 100%; padding: 0;}
.search_foreign section.group_banner .search-area .search-box{ margin: 0; height: 80px;}
.search_foreign .group_banner.search_banner .search-area{ min-height: 80px;}
.search_foreign  section.group_banner .search-area .search-box>div { padding: 0 !important; }
.search_foreign .search-area .search-box .select-place,
.search_foreign .search-area .search-box .select-goal,
.search_foreign section.group_banner .search-area .search-box .select-date,
.search_foreign section.group_banner .search-area .search-box .select-date .select input,
.search_foreign section.group_banner .search-area .search-box .select-input > input{ background-color: transparent !important;}
.search_foreign section.group_banner .search-area .search-box .select-date{ padding: 0 10px; height: 80px;}
.search_foreign section.search_banner .search-area .search-box .select-goal,
.search_foreign section.search_banner .search-area .search-box .select-place{ padding: 0 10px;}
.search_foreign section.group_banner .search-area .search-box .select-goal .title,
.search_foreign section.group_banner .search-area .search-box .select-date .title,
.search_foreign section.group_banner .search-area .search-box .select-place .title{ padding-left: 22px; height: 25px; position: relative;}
.search_foreign .search-area .search-box .select-place .title i,
.search_foreign .search-area .search-box .select-date .title i,
.search_foreign .search-area .search-box .select-goal .title i{ display: none;}
.search_foreign section.group_banner .search-area .search-box .select-goal .title h6,
.search_foreign section.group_banner .search-area .search-box .select-place .title h6,
.search_foreign section.group_banner .search-area .search-box .select-date .title h6{ color: #545454; font-weight: 600; display: block; margin: 0px;}
.search_foreign .search-area .search-box .select-place .select select,
.search_foreign .search-area .search-box .select-goal .select select,
.search_foreign section.group_banner .search-area .search-box .select-date .select input,
.search_foreign section.search_banner .search-area .search-box .select-input input{ height: 45px; padding: 5px 10px; border: none; border-radius: 0; background-color: transparent !important; color: #545454; cursor: pointer; border-bottom: 2px solid #8ab751; outline: none;}
.search_foreign section.search_banner .search-area .search-box .select-input::before { content: "關鍵字"; padding-left: 22px; color:#545454; font-size: 16px; font-weight: 600; letter-spacing: 1px; }
.search_foreign section.search_banner .search-area .search-box .select-input .data-icon-search { display: none; }
.search_foreign section.search_banner .search-area .search-box .select-input input {height: 45px; padding-left: 0;}
.search_foreign section.group_banner .search-area .search-box .select-goal .title::after,
.search_foreign section.group_banner .search-area .search-box .select-date .title::after,
.search_foreign section.group_banner .search-area .search-box .select-place .title::after{content: ""; position: absolute; left: 13px; top: 2px; width: 15px; height: 15px; left: 0;}
.search_foreign section.group_banner .search-area .search-box .select-goal .title::after{ background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/3888d808-324e-4065-88b6-347cbbe35602.svg);}
.search_foreign section.group_banner .search-area .search-box .select-place .title::after{ background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/9b41bce0-31a6-4a59-be64-9b7e117889ef.svg);}
.search_foreign section.group_banner .search-area .search-box .select-date .title::after{ background-image:  url(https://materials.fillo.com.tw/materials/howyoung/images/9ddac005-84d6-408b-9a97-674c1af2ba00.svg);}
.search_foreign section.search_banner .search-area .search-box .select-input::after { content: ""; position: absolute; left: 13px; top: 5px; width: 15px; height: 15px; left: 0; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/5dfa7d7c-32be-4f85-83f6-bb915b1c9c84.svg); }
.search_foreign section.group_banner .search-area .search-box .search-btn { background: #8ab751; border-radius: 30px; width: 92%; height: 45px; margin-top: 20px; float: right; display: flex; padding: 0; justify-items: center; align-items: center; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.search_foreign section.group_banner .search-area .search-box .search-btn:hover{ opacity: 0.8;}
.search_foreign .search-area .search-box .search-btn i{ display: none;}
.search_foreign .search-area .search-box .search-btn h5{  position: relative; display: table; width: auto; padding-left: 0; padding-right: 20px; height: 30px; font-size: 1rem; line-height: 2rem; }
.search_foreign .search-area .search-box .search-btn h5::after{content: ""; position: absolute; top: 8px; margin-left: 3px; width: 16px; height: 16px; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/ca8be74a-12ea-458d-8979-33aa302919e8.svg);}
.search_foreign section.group_banner .search-area .search-box .select-date .select input{ width: calc(46%); text-align: center;}
.search_foreign .search-area .search-box .select-date .select{ width: 100%;}
.search_foreign .search-area .search-box .select-date .select .divide { margin: 25px 10px 0px 10px; width: 10px; background-color: #545454; }

@media screen and (min-width:992px) {
	.search_foreign section.group_banner .search-area .search-box>div{ -ms-flex:1; flex: 1; max-width: 100%;}
	.search_foreign section.group_banner .search-area .search-box>div:nth-child(4) { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
	.search_foreign section.group_banner .search-area .search-box>div:last-child{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
}
@media screen and (max-width:1300px) {
    .hy_search .search-area .search-box .select-date .select input { width: calc(45%); }
    .hy_search .search-area .search-box .select-date .select { display: block; }

	.search_foreign section.group_banner .search-area .search-box .select-date .select input{ width: calc(45%); }
}
@media screen and (max-width:1300px) {
  .hy_search .search-area .search-box .select-date .select input { width: calc(44%);}

  .search_foreign section.group_banner .search-area .search-box .select-date .select input{ width: calc(44%); }
}
@media screen and (max-width:991px) {
    .hy_search .search-area .search-box { height: auto; }
    .hy_search .search-area .search-box > div { padding: 5px 0px 10px;}
    .hy_search .search-area .search-box .select-keywords .title, .hy_search .search-area .search-box .select-goal .title,
    .hy_search .search-area .search-box .select-date .title, .hy_search .search-area .search-box .select-place .title{ height: 20px;}
    .hy_search .search-area .search-box .select-date .select input { width: calc(50% - 15px); }
    .hy_search .search-area .search-box .search-btn { width: 300px; margin: 0 auto; display: block; margin-top: 10px; }
    .hy_search .search-area .search-box .select-goal, .hy_search .search-area .search-box .select-place,
    .hy_search .search-area .search-box .select-date, .hy_search .search-area .search-box .select-keywords{ height: 60px;}
    .hy_search .search-area .search-box .select-goal .select select, .hy_search .search-area .search-box .select-place .select select,
    .hy_search .search-area .search-box .select-date .select input, .hy_search .search-area .search-box .select-keywords .select input{ height: 35px;}
    .hy_search .search-area .search-box .search-btn{ float: initial; margin-top: 0;}
    .hy_search .search-area .search-box > div:last-child{ margin-bottom: 10px;}
    .hy_search .search-area .search-box .select-date .select .divide { margin: 18px 10px 0px 10px; }
	.hy_search_bg>.module-container>.main{ padding: 20px;}
	.hy_search .search-box .title::before{ top: 7px;}

	.search_foreign section.group_banner .search-area .search-box{ height: auto;}
	.search_foreign section.group_banner .search-area .search-box>div:nth-child(1),
	.search_foreign section.group_banner .search-area .search-box>div:nth-child(2) { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.search_foreign section.group_banner .search-area .search-box .select-date .select input{ width: calc(48.5%); } 
	.search_foreign section.group_banner .search-area .search-box .select-date .select .divide { margin: 25px 0.5% 0px 0.5%; width: 2%; }
	.search_foreign section.group_banner .search-area .search-box>div{ padding-bottom: 0; margin-bottom: 10px;}
	.search_foreign section.search_banner .search-area .search-box .select-input{padding: 0 10px; }
	.search_foreign section.group_banner .search-area .search-box .search-btn{ width: 300px; margin: 10px auto 0; display: block; float: initial; }
	.search_foreign .search-area .search-box .search-btn h5{ margin: 0 auto;}
	.search_foreign section.search_banner .search-area .search-box .select-input::after{ left: 8px;}
}
@media screen and (max-width:767px) {
	.hy_search_bg>.module-container>.main{ padding: 20px 0;}
	.search_foreign .group_banner.search_banner .search-area{ padding: 10px;}
}
@media screen and (max-width:575px) {
	.hy_search .search-box .title::before{ top: 6px;}
	.hy_search .search-area .search-box .select-goal .title h6, .hy_search .search-area .search-box .select-place .title h6, .hy_search .search-area .search-box .select-date .title h6, .hy_search .search-area .search-box .select-keywords .title h6{ font-size: 15px;}
	.hy_search .search-area .search-box .select-goal .select select, .hy_search .search-area .search-box .select-place .select select, .hy_search .search-area .search-box .select-date .select input, .hy_search .search-area .search-box .select-keywords .select input{ font-size: 15px;}
	.hy_search .search-area .search-box .search-btn h5{ font-size: 15px;}
}

/* 搜尋月曆 datepicker*/
.datepicker{padding: 4px 8px;}
.datepicker.dropdown-menu{  border: 1px solid #e5e5e5;}
.datepicker.datepicker-dropdown:before{  border-bottom-color: #e5e5e5;}
.datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #e5e5e5;}
.datepicker td, .datepicker th {  width: 30px;height: 30px;}
.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:hover{ background-color:#8ab751;}
.datepicker table tr td.active.active,.datepicker table tr td span.active.active,.datepicker table tr td span.active.active{background:#8ab751;}
.datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color:#8ab751;}



/* 首頁六大主題 */
.hy_main_event .wall-wrapper .thicon_info{ width: calc(100% - 10px); margin: 5px; background-color: #000000;}
.hy_main_event .wall-wrapper .thicon_info h3 { font-size: 28px; font-weight: normal; color: #fff; width: 100%; bottom: unset; top:42%; text-align: center; margin: 0; letter-spacing: 0.1rem; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35); transition: 0.35s; }
.hy_main_event .wall-wrapper .thicon_info:hover h3 { top:12%; transition: 0.35s; text-shadow: none;}
.hy_main_event .wall-wrapper .thicon_info span { padding: 0; bottom: unset; top: calc(42% + 45px); left: 50%; transform: translate(-50%, 0); text-align: center; font-family: 'Raleway', sans-serif !important; font-size: 20px; font-weight: 300; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35); transition: 0.35s; }
.hy_main_event .wall-wrapper .thicon_info:hover span{ top: calc(12% + 45px); text-shadow: none;}
.hy_main_event .wall-wrapper .thicon_info span::before,.hy_main_event .wall-wrapper .thicon_info span::after{ content: ""; background: url(https://materials.fillo.com.tw/materials/howyoung/images/7b20eeaf-fff4-4d47-b27a-9e038df17322.svg); position: absolute; bottom: 0px; height: 72px; width: 25px; }
.hy_main_event .wall-wrapper .thicon_info span::before{ left: -50px;}
.hy_main_event .wall-wrapper .thicon_info span::after { right: -50px; transform: scaleX(-1); }
.hy_main_event .wall-wrapper .thicon_info:hover span::before,.hy_main_event .wall-wrapper .thicon_info:hover span::after{ display: none;}
.hy_main_event .wall-wrapper .thicon_info .theme_info p.theme-text { position: absolute; margin-bottom: 0; padding: 0; top: 50%; left: 50%; transform: translate(-50%, 0); width: 80%; letter-spacing: 0; font-size: 15px; }
.hy_main_event .wall-wrapper .thicon_info figure{  aspect-ratio: 6/3.24; opacity: 0.9;}
.hy_main_event .wall-wrapper .thicon_info a::before { content: ''; position: absolute; top: 1rem; bottom: 1rem; left: 50%; right: 50%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; opacity: 0.5; transition: 0.35s; z-index: 3; }
.hy_main_event .wall-wrapper .thicon_info:hover a::before { left: 1rem; right: 1rem; transition: 0.35s; opacity: 1; }
.hy_main_event .wall-wrapper .thicon_info a::after { content: ''; position: absolute; top: 50%; bottom: 50%; left: 1rem; right: 1rem; border-left: 1px solid #fff; border-right: 1px solid #fff; opacity: 0.5; transition: 0.35s; z-index: 2;}
.hy_main_event .wall-wrapper .thicon_info:hover a::after { top: 1rem; bottom: 1rem; opacity: 1; transition: 0.35s; }
.hy_main_event .wall-wrapper .thicon_info .theme_info{  background: rgb(138 183 81 / 85%)!important; opacity: 0; top: 0;}
.hy_main_event .wall-wrapper .thicon_info:hover .theme_info{ opacity: 1;}
@media (max-width:1400px) and (min-width:768px) {
	.hy_main_event .wall-wrapper .thicon_info h3{ top: 33%; font-size: 26px;}
	.hy_main_event .wall-wrapper .thicon_info span{ top: calc(33% + 40px); font-size: 18px;}
}
@media (max-width: 575px){
	.hy_main_event .wall-wrapper .thicon_info h3 { top: 30%; font-size: 22px; }
	.hy_main_event .wall-wrapper .thicon_info span { top: calc(33% + 40px); font-size: 15px; }
}

/* 首頁推薦行程 */
.hy_main_push .swiper-container { padding: 0 calc(16.66666% - 30px);}
.hy_main_push .swiper-container::before {   background: url(https://howyoungtours.com.tw/material-alias/首頁/index_push_bg.jpg); background-color: #FBFBFB;  content: ""; position: absolute; width:calc(16.6666% - 25px); background-position: left bottom; background-repeat: no-repeat; background-size: initial; height: 100%; top: 0; left: 0; z-index: 5; }
.hy_main_push .swiper-container::after {  background: url(https://howyoungtours.com.tw/material-alias/首頁/index_push_bg.jpg); background-color: #FBFBFB;  content: ""; position: absolute; width:calc(16.6666% - 25px); background-position:left calc(100% - 100vw + 1920px) bottom; background-repeat: no-repeat; background-size: initial; height: 100%; top: 0; right: 0; z-index: 5; }
.hy_main_push .swiper-slide .swiper-img {margin:0; }
.hy_main_push .swiper-slide .swiper-img img { border-top-left-radius: 0; border-top-right-radius: 0; aspect-ratio: 4/5.73; object-fit: cover; object-position: center center; }
.hy_main_push .swiper-slide-style { padding: 0 20px 120px; margin: 0; background: none; border-radius: 0; box-shadow: none; position: relative; }
.hy_main_push .swiper-button-prev.swiper-button-white,.hy_main_push .swiper-button-next.swiper-button-white { width: 45px; height: 45px; background:#8ab751; opacity: 1; border-radius: 50px; top: 45%; outline: none; box-shadow: none; }
.hy_main_push .swiper-button-prev.swiper-button-white { left: calc(16.66666% - 75px); }
.hy_main_push .swiper-button-next.swiper-button-white { right: calc(16.66666% - 75px); }
.hy_main_push .swiper-button-next:after,.hy_main_push .swiper-container-rtl .swiper-button-prev:after,
.hy_main_push .swiper-button-prev:after,.hy_main_push .swiper-container-rtl .swiper-button-next:after{ width: 45px; height: 45px; background:url(https://materials.fillo.com.tw/materials/howyoung/images/6f38bace-5ae5-4a8d-9db0-c3262f0dd1f9.svg); background-size: 12px; background-position:center; background-repeat: no-repeat; font-size: 0; }
.hy_main_push .swiper-button-prev:after{ transform: scaleX(-1);}
.hy_main_push .swiper-slide .swiper-content{ background: #ffffff; width: calc(100% - 37px); position: absolute; margin: 0; bottom: 50px; left: 30px; -webkit-line-clamp: initial; padding: 15px}
.hy_main_push .swiper-slide .swiper-content h3{ margin-bottom: 15px; font-size: 17px; font-weight: 600; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hy_main_push .swiper-slide .swiper-content h4{ font-size: 15px; line-height: 20px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hy_main_push .swiper-slide .swiper-content p{ position: relative; font-family: 'Raleway', sans-serif !important;  font-weight: 500; letter-spacing: 0; font-style: italic; font-size: 20px; color: #ff8053;  text-align: right; margin-bottom: 0;}
.hy_main_push .swiper-slide .swiper-content p::after{ content: "元起"; font-size: 15px; padding-left: 3px; font-weight: 400;}
.hy_main_push .swiper-pagination{ margin-bottom: 20px;}
.hy_main_push .swiper-pagination-bullet { width: 10px; height: 10px; background: #ffffff; }
.hy_main_push .swiper-pagination-bullet-active { border: 2px solid #545454; width: 12px; height: 12px; background: transparent; }
@media (max-width: 639px){ 
	.hy_main_push .swiper-slide-style{ padding: 0 10px 120px;}
	.hy_main_push .swiper-button-prev.swiper-button-white{ left: calc(16.66666% - 50px);}
	.hy_main_push .swiper-button-next.swiper-button-white{  right: calc(16.66666% - 50px);}
}


/* 首頁影片推薦 */
.hy_main_video_block::before { content: ""; clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%); width: 55%; height: 100%; background: #8ab751; position: absolute; right: 0; bottom: 0; }
.hy_main_video_block::after { content: ""; clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%); width: 55%; height: 140px; z-index: 0; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/af61f321-b852-4cb7-be59-af32e28eb867.jpg); background-size: 1200px; position: absolute; right: 0; bottom: 0; }
.hy_main_video_block>.module-container>.main { border-bottom: 1px solid #8ab751; }
.hy_main_video { -ms-flex: 0 0 60%; flex: 0 0 66%; max-width: 66%; z-index: 1;}
.hy_main_video>.module-container>.main{ padding: 40px 80px; }
.hy_main_videotext { -ms-flex: 0 0 40%; flex: 0 0 34%; max-width: 34%; padding-right: 80px; z-index: 1; }
.hy_main_videotext.hy_title .header-title,.hy_main_videotext.hy_title .header-title p{ color: #ffffff; }
.hy_main_videotext .module-container { height: calc(100% - 42px); }
.hy_main_videotext .module-container .main{ height: 100%; position: relative;}
.hy_main_videotext article{ color: #ffffff; }
.hy_main_videotext article h3{font-size: 28px; font-weight: 600; padding-bottom: 33px; border-bottom: 1px solid #ffffff; text-align: center; }
.hy_main_videotext article h4{font-size: 20px; margin-bottom: 20px; padding-top: 30px; line-height: 30px;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.hy_main_videotext article p{ font-size: 15px; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.hy_main_videotext article .video_more { position: absolute; display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 50%; border: 1px solid #ffffff; right: 0; bottom: 80px; }
.hy_main_videotext article .video_more a { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-right: 0px; font-family: 'Raleway', sans-serif !important; color: #ffffff; font-size: 26px; font-weight: 300; text-decoration: none; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_main_videotext article .video_more:hover a{padding-right: 18px; }
.hy_main_videotext article .video_more a::after{ content: ""; position: absolute; top: 45%; right: 15px; opacity: 0; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/3ae3b923-6e11-4f2b-87e8-f0460eb5d272.svg); background-position: center; background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; transform: rotate(-90deg); -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_main_videotext article .video_more:hover a::after{ opacity: 1;}
@media (max-width: 1600px){
	.hy_main_videotext .module-container { height: calc(100% - 36px); }
	.hy_main_videotext.hy_title .header-title{ margin-top: 36px; margin-bottom: 36px;}
	.hy_main_videotext article h3{ padding-bottom: 20px; font-size: 22px;}
	.hy_main_videotext article h4 { font-size: 18px; padding-top: 15px;}
	.hy_main_videotext article .video_more{ bottom: 40px;}
}
@media (max-width: 1440px){
	.hy_main_videotext article .video_more{ width: 80px; height: 80px; bottom: 30px;}
	.hy_main_videotext article .video_more a{ font-size: 20px;}
	.hy_main_video { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.hy_main_video>.module-container>.main { padding: 40px 0 40px 40px;}
	.hy_main_videotext { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-right: 40px; padding-left: 40px; }
}
@media (max-width: 1199px){
	.hy_main_video { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.hy_main_video>.module-container>.main { padding: 80px 0 80px 20px; }
	.hy_main_videotext { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.hy_main_videotext article h4 { font-size: 16px; padding-top: 10px; margin-bottom: 10px; }
	.hy_main_videotext article p{ font-size: 14px;}
}
@media (max-width: 991px){
	.hy_main_video_block::before{ clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%); width: 130%;}
	.hy_main_video_block::after{ clip-path: initial; width: 100%; height: 60px;}
	.hy_main_video { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.hy_main_video>.module-container>.main { padding: 20px; }
	.hy_main_videotext { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.hy_main_videotext.hy_title .header-title{  margin-top: 5px; margin-bottom: 25px;}
	.hy_main_videotext .module-container { height: calc(100% - 5px); }
	.hy_main_videotext article{ padding-bottom: 100px;}
	.hy_main_videotext article h4,.hy_main_videotext article p{ -webkit-line-clamp: initial;}
	.hy_main_videotext article h4{ margin-bottom: 20px; }
	.hy_main_videotext article .video_more { width: 60px; height: 60px; bottom: 20px; }
	.hy_main_videotext article .video_more a { font-size: 16px; }
}
@media (max-width: 575px){ 
	.hy_main_video_block::before{ width: 150%;}
}

/* 首頁相關連結 */
.hy_main_related{ margin-bottom: 100px;}
.hy_main_related .swiper-container { padding: 0 calc(16.66666% - 30px);}
.hy_main_related .swiper-container::before { background:#ffffff; content: ""; position: absolute; width:calc(16.6666% - 25px); height: 100%; top: 0; left: 0; z-index: 5; }
.hy_main_related .swiper-container::after { background:#ffffff; content: ""; position: absolute; width:calc(16.6666% - 25px);  height: 100%; top: 0; right: 0; z-index: 5; }
.hy_main_related .swiper-slide-style { box-shadow: none; padding: 0 20px; margin-top: 0; margin-bottom: 0;   }
.hy_main_related .swiper-slide .swiper-img{ margin-bottom: 0;  padding: 15px; border: 1px solid #8ab751; border-radius: 10px;}
.hy_main_related .swiper-slide .swiper-img img{ width: auto; height: 35px;}
.hy_main_related .swiper-button-prev.swiper-button-white,.hy_main_related .swiper-button-next.swiper-button-white { width: 45px; height: 45px; background:#8ab751; opacity: 1; border-radius: 50px; top: 45%; outline: none; box-shadow: none; }
.hy_main_related .swiper-button-prev.swiper-button-white { left: calc(16.66666% - 75px); }
.hy_main_related .swiper-button-next.swiper-button-white { right: calc(16.66666% - 75px); }
.hy_main_related .swiper-button-next:after,.hy_main_related .swiper-container-rtl .swiper-button-prev:after,
.hy_main_related .swiper-button-prev:after,.hy_main_related .swiper-container-rtl .swiper-button-next:after{ width: 45px; height: 45px; background:url(https://materials.fillo.com.tw/materials/howyoung/images/6f38bace-5ae5-4a8d-9db0-c3262f0dd1f9.svg); background-size: 12px; background-position:center; background-repeat: no-repeat; font-size: 0; }
.hy_main_related .swiper-button-prev:after{ transform: scaleX(-1);}
@media (max-width: 575px){ 
	.hy_main_related { margin-bottom: 60px; }
	.hy_main_related .swiper-container { padding: 0 calc(16.66666% - 10px); }
	.hy_main_related .swiper-slide-style{ padding:0 10px;}
	.hy_main_related .swiper-button-prev.swiper-button-white{ left: calc(16.66666% - 50px);}
	.hy_main_related .swiper-button-next.swiper-button-white { right: calc(16.66666% - 50px); }
	.hy_main_related .swiper-container::before,.hy_main_related .swiper-container::after{ width: calc(16.6666% - 10px);}
}

/*大分館頁主圖*/
.hy_large_area_title { position: absolute; z-index: 1; color: #ffffff; max-width: 500px; left: 0; top: 0;}
.hy_large_area_title article { display: flex; align-items: flex-end; margin-top:25vh; padding-left: 30px; }
.hy_large_area_title article h2{ font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; margin: 0 5px; font-size: 42px; letter-spacing: 6px; font-weight: 600;}
.hy_large_area_title article h3 { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 3px; margin-bottom: 3px; }
.hy_large_area::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; }
.hy_large_area>.module-container>.main>div:nth-child(2) { background-size: cover; }
.hy_large_area .module-container div nav > div { max-width: 500px; height: 100%; background-color: #8ab751;}
.hy_large_area .module-container div nav > div > div{width: 100%; height: 100%; display: flex; align-items: flex-end;}
.hy_large_area .module-container div nav > div > div > div{ width: 100%; position: relative;}
.hy_large_area .module-container div nav > div > div > div:first-child{ display: none;}
.hy_large_area .module-container div nav ul.pull-right{ width: 100%; display: flex; justify-content: center; height: 350px; } 
.hy_large_area .module-container div nav ul li > a{ padding: 0;}
.hy_large_area .module-container div nav ul li article a { position: relative; display: block; }
.hy_large_area .module-container div nav ul li article>a::before { content: ""; position: absolute; opacity: 0; width: 100%; height: 2px; background: #ffffff; right: 0; bottom: -7px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.hy_large_area .module-container div nav ul li:hover article>a::before { opacity: 1;  }
.hy_large_area .module-container div nav ul li:not(:first-child) article>a::before { width: calc(100% - 12px); }
.hy_large_area .module-container div nav ul li article>a::after{ content: ""; position: absolute; opacity: 0; bottom: -11px; left: 50%; transform: translate(-50%,0); width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #ffffff transparent transparent transparent; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_large_area .module-container div nav ul li:hover > a{ background-color: transparent;}
.hy_large_area .module-container div nav ul li:hover article>a::after { opacity: 1;  }
.hy_large_area .module-container div nav ul li:not(:first-child):hover article>a::after { left: calc(50% + 12px); transform: translate(calc(-50% - 6px),0);}
.hy_large_area .module-container div nav ul li a h4{ color: #ffffff; font-size: 18px; font-weight: 400; letter-spacing: 2px; }
.hy_large_area .module-container div nav ul li:not(:first-child) article h4::before { content: "/"; padding-right: 8px; font-weight: 300;  font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;}
.hy_large_area li article{ height: 100%;}
.hy_large_area .detail{  display: flex; justify-content: center; align-items: initial; position: absolute; width: 100%; height: auto; left: 0; padding: 40px 20px;  transform: translate(0, 30px); opacity: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.hy_large_area li article:hover>.detail{ transform: translate(0); opacity: 1; pointer-events: auto; z-index: 2;}
.hy_large_area .detail a:not(:first-child){ position: relative; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; color: #ffffff; font-size: 15px; vertical-align: top; font-weight: 400; letter-spacing: 2px; padding: 20px 7px; text-align: start; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_large_area .detail a:not(:first-child)+a::before { content: ""; width: 1px; height: 100%; background: #ffffff; position: absolute; top: 0; left: 0; }
.hy_large_area .detail a:hover{color: #c1e98f;}
@media (max-width: 1440px){ 
	.hy_large_area_title article{margin-top: 130px;}
}
@media (max-width: 991px){ 
	.hy_large_area .module-container div nav ul.pull-right{ padding-top: 20px;}
	.hy_large_area .module-container>.main>div:nth-child(2){ background-size: contain; background-repeat: no-repeat; }
	.hy_large_area .module-container>.main>div:nth-child(2)>div.bg{ background-size: contain; background-repeat: no-repeat; background-position: top center;}
	.hy_large_area .module-container div nav{vertical-align: bottom;}
	.hy_large_area .module-container div nav > div{ max-width: 100%; height: 50%;}
}
@media (max-width: 767px){
	.hy_large_area .module-container>.main>div:nth-child(2){  background-position: top 54px center; }
	.hy_large_area .module-container>.main>div:nth-child(2)>div.bg{ background-position: top center; background-position: top 54px center;}
	.hy_large_area_title{ z-index: 2;}
	.hy_large_area_title article{ margin-top: 25%;}
	.hy_large_area::before{ z-index: 1;}
}
@media (max-width: 575px){
	.hy_large_area_title article{ margin-top: 40%; padding-left: 20px;}
	.hy_large_area_title article h2{ font-size: 32px;}
	.hy_large_area .module-container>.main>div:nth-child(2),
	.hy_large_area .module-container>.main>div:nth-child(2)>div.bg{ background-size: 150%; } 
	.hy_large_area .module-container div nav > div { height: 50%; }
	.hy_large_area .module-container div nav > div > div{ align-items: flex-start;}
	.hy_large_area .module-container div nav ul.pull-right{ padding-top: 30px;}
	.hy_large_area::before{ height: 250px;}
	.hy_large_area .module-container div nav ul.pull-right{ justify-content: flex-start; height: 100%; flex-flow: column;}
	.hy_large_area .detail{ justify-content: flex-start; align-items: initial; flex-flow: column; position: relative; width: 100%; display: none; padding: 5px 20px; transform: translate(0); opacity: 1; -moz-transition: initial; -o-transition:initial; -webkit-transition:initial; transition:initial} 
	.hy_large_area .module-container div nav ul li{ margin: 10px 5px;}
	.hy_large_area li article:hover>.detail{ display: block;}
	.hy_large_area .detail a:not(:first-child){  -ms-writing-mode: initial;  writing-mode: initial; padding: 10px 4px; font-size: 16px; font-weight: 300;}
	.hy_large_area .module-container div nav ul li:not(:first-child) article h4::before{ display: none;}
	.hy_large_area .module-container div nav ul li:not(:first-child):hover article>a::after { left: 50%; transform: translate(-50%,0); }
	.hy_large_area .detail a:hover{ color: #ffffff;}
	.hy_large_area .detail a:active{ color: #c1e98f;}
	.hy_large_area .detail a:not(:first-child)+a::before{ display: none;}
	.hy_large_area .module-container div nav ul li a h4{ font-size: 20px; font-weight: 300; }
	.hy_large_area .module-container div nav ul li article>a::before { width: 90%; height: 1px; background: rgb(255 255 255 / 80%); right: initial; left: 50%; transform: translate(-50%, 0); bottom: -10px; }
	.hy_large_area .module-container div nav ul li article>a::after{ bottom: -13px;}
}
@media (max-width: 450px){
	.hy_large_area_title article{ margin-top: 35%;}
	.hy_large_area .module-container div nav > div { height: 60%; }
}

/* 小分館頁主圖 */
.hy_area_top .bgfixed{ position: relative;}
.hy_area_top .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: 2; }
.hy_area_top .bgfixed article { margin: 50px auto 0; display: table; text-align: center; }
.hy_area_top .bgfixed article h3{ position: relative; font-size: 55px; font-weight: 400; letter-spacing: 10px; margin-bottom: 20px; padding-left: 10px;}
.hy_area_top .bgfixed article h3::before,.hy_area_top .bgfixed article h3:after{ content: ""; background: url(https://materials.fillo.com.tw/materials/howyoung/images/7b20eeaf-fff4-4d47-b27a-9e038df17322.svg); position: absolute; bottom:-5px; height: 72px; width: 25px;}
.hy_area_top .bgfixed article h3::before{ left: -50px; }
.hy_area_top .bgfixed article h3::after { right: -50px; transform: scaleX(-1); }
.hy_area_top .bgfixed article h4{ font-family: 'Raleway', sans-serif !important; font-size: 26px; font-weight: 400; }
@media (max-width: 767px){
	.hy_area_top .bgfixed{ min-height: 400px !important;}
	.hy_area_top .bgfixed::before{ height: 100px;}
	.hy_area_top .bgfixed article h3{ font-size: 40px; letter-spacing:5px; padding-left: 5px; }
	.hy_area_top .bgfixed article h3::before, .hy_area_top .bgfixed article h3:after{ bottom: -12px;}
	.hy_area_top .bgfixed article h4{ font-size: 24px; }
}
@media (max-width: 575px){
	.hy_area_top .bgfixed{ min-height: 300px !important;}
	.hy_area_top .bgfixed article h3{ font-size: 28px; }
	.hy_area_top .bgfixed article h3::before, .hy_area_top .bgfixed article h3:after{ bottom: -20px;}
	.hy_area_top .bgfixed article h4{ font-size: 18px; font-weight: 300; }
}

/* 小分館頁行程 */
.hy_area_route .expand-graphics{ margin: 0;}
.hy_area_route .expand-graphics .item-box { margin-bottom: 0 !important; padding-top: 60px; padding-bottom: 90px; }
.hy_area_route .expand-graphics .item_box{ position: relative; max-width: 1440px; margin: 0 auto;}
.hy_area_route .expand-graphics .item-box:nth-child(odd) { background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/b9302a37-5291-48f1-8b0e-0b1444f331b1.jpg); }
.hy_area_route .expand-graphics .item_box a { display: flex; }
.hy_area_route .expand-graphics .item-box:nth-child(even) .item_box a{ justify-content: right;}
.hy_area_route .expand-graphics .item_box span.item_btn,.hy_area_route .expand-graphics .item_box:hover span.item_btn_hover{ display: none; }
.hy_area_route .expand-graphics .item_box figure { position: relative; max-width: 1097px; border-radius: 0; margin-bottom: 0; padding-bottom: 10px;}
.hy_area_route .expand-graphics .item_box figure::after { content: ""; background: #d7d7d7; position: absolute; width:calc( 100% - 5px); height: 10px; bottom: 0;  transition: 0.5s;}
.hy_area_route .expand-graphics .item-box:nth-child(odd) .item_box figure::after{ right:0; }
.hy_area_route .expand-graphics .item-box:nth-child(even) .item_box figure::after{ left:0; }
.hy_area_route .expand-graphics .item_box:hover figure::after{ width: 0; }
.hy_area_route .expand-graphics .item_box .item_more_txt { width: 590px; position: absolute;  bottom: 30px; padding: 35px 38px 10px; height: 240px; transition: 0.5s;}
.hy_area_route .expand-graphics .item_box:hover .item_more_txt{ bottom: 22px;}
.hy_area_route .expand-graphics .item-box:nth-child(odd) .item_more_txt{background: #ffffff; right: 0;}
.hy_area_route .expand-graphics .item-box:nth-child(even) .item_more_txt{background: #f8f8f8; left: 0;}
.hy_area_route .expand-graphics .item-box:nth-child(odd) .item_box .item_more_txt::before{ content: ""; position: absolute; left: 0; top: -24px; width: 0; height: 0; border-style: solid; border-width: 27px 0 0 27px; border-color: transparent transparent transparent #ffffff;}
.hy_area_route .expand-graphics .item-box:nth-child(even) .item_box .item_more_txt::before{ content: ""; position: absolute; right: 0; top: -24px;  width: 0; height: 0; border-style: solid; border-width: 0 0 27px 27px; border-color: transparent transparent #f8f8f8 transparent;}
.hy_area_route .expand-graphics .item_box .item_more_txt h3{ position: relative; font-size: 20px; color: #8ab751; font-weight: 600; padding-left: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.hy_area_route .expand-graphics .item_box .item_more_txt h3::before { content: ""; background: #8ab751; width: 10px; height: 20px; position: absolute; left: 0; top: 2px; }
.hy_area_route .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2){ font-size: 16px; font-weight: 600; margin: 0 0 10px; padding: 0; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.hy_area_route .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3) { font-size: 15px; color: #545454; margin: 0; padding: 10px 0 0; border-top: 1px solid #d8d8d8;display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.hy_area_route .expand-graphics .item_box .item_more_txt span.item_tag{ display: block; margin: 0; padding: 0;}
.hy_area_route .expand-graphics .item_box h4{ width: 590px; position: absolute; bottom: -30px; padding: 0 38px 20px; height: 60px; font-size: 28px; font-weight: 500; text-align: right; font-family: 'Raleway', sans-serif !important; font-style: italic; transition: 0.5s; }
.hy_area_route .expand-graphics .item_box:hover h4{ bottom: -38px;}
.hy_area_route .expand-graphics .item_box h4::after{ content: "元起"; font-size: 15px; padding-left: 3px;}
.hy_area_route .expand-graphics .item_box h4>span { padding-right: 5px; font-size: 17px; }
.hy_area_route .expand-graphics .item-box:nth-child(odd) .item_box h4{ background: #ffffff; right: 0;}
.hy_area_route .expand-graphics .item-box:nth-child(even) .item_box h4{ background: #f8f8f8; left: 0;}
.hy_area_route .expand-graphics .item_box figure img{ transform: scale(1);}
.hy_area_route .expand-graphics .item_box:hover figure img{ opacity: 1;  transform: scale(1.1);}
.hy_area_route .expand-graphics .item_morebox{ margin: 0;}
@media (max-width: 991px){
    .hy_area_route .expand-graphics { padding: 30px 15px; }
    .hy_area_route .expand-graphics .item-box{ padding-top: 0; padding-bottom: 20px;}
    .hy_area_route .expand-graphics .item_box a { flex-flow: column; }
    .hy_area_route .expand-graphics .item_box figure{ padding-bottom: 0;}
    .hy_area_route .expand-graphics .item_box figure::after{ display: none;}
    .hy_area_route .expand-graphics .item_box .item_more_txt { width: 100%; position: relative; bottom: initial; padding: 20px 23px 10px; height: 240px; }
    .hy_area_route .expand-graphics .item_box:hover .item_more_txt{ bottom: initial;}
	.hy_area_route .expand-graphics .item-box:nth-child(odd) .item_more_txt{ right: initial;}
    .hy_area_route .expand-graphics .item_box h4{width: 100%; position: relative; bottom: initial; margin: 0; padding: 0 23px 10px; height: 40px; }
    .hy_area_route .expand-graphics .item_box:hover h4{ bottom: initial;}
	.hy_area_route .expand-graphics .item-box:nth-child(odd){ background-image: none;}
    .hy_area_route .expand-graphics .item-box:nth-child(odd) .item_more_txt{background: #f8f8f8; }
    .hy_area_route .expand-graphics .item-box:nth-child(odd) .item_box .item_more_txt::before{  top: -12px; left: 12px; border-width:  0 12px 12px 12px; border-color: transparent transparent #f8f8f8 transparent; }
    .hy_area_route .expand-graphics .item-box:nth-child(even) .item_box .item_more_txt::before{ top: -12px; right: initial; left: 12px; border-width:0 12px 12px 12px; border-color: transparent transparent #f8f8f8 transparent;}
    .hy_area_route .expand-graphics .item-box:nth-child(odd) .item_box h4{background: #f8f8f8; right: initial;}
}
@media (max-width: 575px){
    .hy_area_route .expand-graphics { padding: 20px 5px; }
    .hy_area_route .expand-graphics .item_box .item_more_txt h3{ font-size: 18px;}
    .hy_area_route .expand-graphics .item_box .item_more_txt h3::before{ height: 18px;}
    .hy_area_route .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2){ font-size: 15px;}
    .hy_area_route .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3){ font-size: 14px;}
    .hy_area_route .expand-graphics .item-box:nth-child(odd) .item_box h4{ font-size: 24px;}
}


/* 關於好漾 */
.web-page-frame .hy_about_block1_bg > .module-container > .main::before { content: ""; background: #8ab751; width: 400px; height: 1px; left: 0; top: 270px; position: absolute; }
.hy_about_block1 article { position: relative; display: flex; padding: 74px 60px; }
.hy_about_block1 article h3 { position: absolute; font-size: 90px; font-family: 'Raleway', sans-serif !important; font-style: italic; font-weight: 300; z-index: 1; color: #8ab751; top: 130px; left: 220px; }
.title_round_bg { flex:0 0 391px; height: 391px; position: relative; overflow: hidden;}
.title_round_bg h4 { position: absolute; margin: 0; color: #ffffff; top: 180px; left: 160px; font-weight: 300; letter-spacing: 2px; font-size: 30px; }
.title_round_bg h4::after { content: ""; width: 110px; height: 1px; background: #ffffff; position: absolute; top: 18px; left: calc(100% + 14px); }
.title_round_bg img { width: 100%; height: 100%; border-radius: 50%; }
.hy_about_block1 article .txt { color: #333333; font-weight: 400; font-size: 16px; padding: 190px 80px 0; letter-spacing: 0.5px; line-height: 32px; text-align: justify; }
.about_round_pic { position: absolute; max-width: 1440px; top:103px; left: 50%; transform: translate(-50%, 0); z-index: 1;}
.about_round_pic img { border-radius: 50%; width: 391px; height: 391px; float: right; }
.hy_about_block2 article { padding: 103px 0 103px 95px; width: calc(100% - 480px); position: relative; }
.hy_about_block2 article::before { content: ""; position: absolute; left: 0; top: 50%; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/d2ee9038-c974-4c9e-9851-1657f4cd5cbc.svg); background-repeat: no-repeat; width: 76px; height: 220px; transform: translate(0, -50%); }
.hy_about_block2 article h3{ position: relative; display: table; padding-right: 20px; font-size: 40px; font-family: 'Raleway', sans-serif !important; font-style: italic; font-weight: 400; color: #000000; margin-bottom: 24px;}
.hy_about_block2 article h3::after { content: ""; position: absolute; bottom: 6px; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width:23px 7px 0 8px; border-color: #f5e33f transparent transparent transparent; }
.hy_about_block2 article .txt { color: #333333; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; line-height: 32px; text-align: justify; }
.hy_about_block3 { background: #8ab751; }
.hy_about_block3 .main>div:nth-child(2) { max-width: 1440px; margin: 0 auto; padding: 103px 0; padding-right: 80px; display: flex; justify-content: flex-end; }
.hy_about_block3::before { content: ""; background: url(https://materials.fillo.com.tw/materials/howyoung/images/79dc986e-3a4d-4b95-98fa-af876276b32f.png); background-position: bottom left; background-repeat: no-repeat; background-size: 900px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.hy_about_block3::after{ content: ""; background: url(https://materials.fillo.com.tw/materials/howyoung/images/84a517ac-77f5-48f6-8dbf-3853555ad832.png); background-position: bottom right; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; right: 0; top: 0; }
.hy_about_block3 article{ position: relative; z-index: 1; max-width: 800px;}
.hy_about_block3 article h3{ position: relative; color: #ffffff; font-size: 34px; letter-spacing: 3px; font-weight: 400; margin-bottom: 24px; display: table; padding-right: 20px;}
.hy_about_block3 article h3::after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width:23px 7px 0 8px; border-color: #f5e33f transparent transparent transparent; }
.hy_about_block3 article .txt { color: #ffffff; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; line-height: 32px; text-align: justify; }
.hy_about_block4{ padding-top: 70px; padding-bottom: 40px; }
.hy_about_block4 .header-title{ position: relative; color: #000000; font-size: 34px; letter-spacing: 3px; font-weight: 400; margin-bottom: 24px; display: table; padding-left: 15px; padding-right: 20px; }
.hy_about_block4 .header-title::after{ content: ""; position: absolute; bottom: 4px; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width:23px 7px 0 8px; border-color: #f5e33f transparent transparent transparent;}
.hy_about_block4 .list-wrapper{ padding-right: 80px;}
.hy_about_block4 .list-wrapper .row:last-child { border-bottom: 0; }
.hy_about_block4 .list-wrapper .row { padding: 40px 0; align-items: center; background: transparent;}
.hy_about_block4 .list-wrapper .row:hover{ background: transparent;}
.hy_about_block4 .list-wrapper .pic-block{ order: 1; flex: 0 0 130px; height: 90px; display: flex; justify-content: center; align-items: center; padding-left: 40px;}
.hy_about_block4 .list-wrapper .pic-block::before { content: ""; width: 90px; height: 90px; position: absolute; border: 1px solid #797979; border-radius: 50%; }
.hy_about_block4 .list-wrapper .note-block{ order: 2; -ms-flex: 0 0 290px;  flex: 0 0 290px; max-width: 290px; padding: 0 36px; color: #000; font-size: 16px; font-weight: 600; letter-spacing: 1px;}
.hy_about_block4 .list-wrapper .note-block>div{ margin-bottom: 12px; color: #8ab751; font-size: 22px; font-family: 'Raleway', sans-serif !important; font-weight: 300;  letter-spacing: 0;}
.hy_about_block4 .list-wrapper .name-block{ order: 3; flex: 1; max-width: initial; padding: 0 0 0 20px;}
.hy_about_block4 .list-wrapper .name-block a{  cursor:default; color: #333333; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; line-height: 32px; text-align: justify; }
.hy_about_block4 .price-block{ display: none;}
.hy_about_block4 img{ width: 48px; }
.hy_about_block5_bg{
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(247,247,247,0) 36%, rgba(232,232,232,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(247,247,247,0) 36%,rgba(232,232,232,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(247,247,247,0) 36%,rgba(232,232,232,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3e8e8e8',GradientType=0 ); /* IE6-9 */
}
.hy_about_block5 article { position: relative; padding-bottom: 160px;  padding-top: 40px;}
.hy_about_block5 article .fine_bg { position: relative; background-color: #ffffff; background-image: url(https://howyoungtours.com.tw/material-alias/關於好漾/about_image12.jpg); height: 320px; max-width: 1130px; background-repeat: no-repeat; }
.hy_about_block5 article .fine_bg::after { content: ""; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/c89ae494-e131-45b7-b1ea-575b21f5d9ae.jpg); background-size: initial; height: 60px; width: 100%; max-width: 900px; position: absolute; z-index: -1; bottom: -15px; left: 30px; }
.hy_about_block5 article .fine_bg h3 { position: absolute; display: table; font-size: 56px; font-family: 'Raleway', sans-serif !important; font-style: italic; font-weight: 400; left: 0; top: 40px; margin: 0; z-index: 0; padding: 10px 20px 10px 30px; }
.hy_about_block5 article .fine_bg h3::before { content: ""; background-color: rgb(255 255 255 / 70%); position: absolute; width: 105%; height: 100%; z-index: -1; left: 0; top: 0; }
.hy_about_block5 article .fine_bg h3::after { content: ""; position: absolute; bottom: 15px; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width:23px 7px 0 8px; border-color: #f5e33f transparent transparent transparent; }
.hy_about_block5 article .txt { position: absolute; width: 960px; bottom: 100px; right: 0; background:rgb(255 255 255 / 80%); padding: 36px; color: #333333; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; line-height: 32px; text-align: justify;}
.hy_about_block5 article .txt h3 { position: relative; display: table; font-size: 36px; font-family: 'Raleway', sans-serif !important; font-style: italic; font-weight: 400; margin: 0; z-index: 0; padding: 10px 20px 10px 0px; }
.hy_about_block5 article .txt h3::after { content: ""; position: absolute; bottom: 15px; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width: 23px 7px 0 8px; border-color: #f5e33f transparent transparent transparent; }
.hy_about_map { margin-top: 8px; }
.hy_about_map .map-container { padding-bottom: 0; padding-top: 0; height: 450px; }
.hy_about_map .main .row{ margin: 0; }
.hy_about_map .main .row>.module { padding: 0; }
.hy_about_profiles .mix-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.hy_about_profiles .editor-content {-ms-flex: 1; flex: 1; max-width: initial; margin: 0; }
.hy_about_profiles .pic-content{ -ms-flex: 0 0 auto; flex:  0 0 auto; max-width: initial; margin: 0; }
.hy_about_profiles .mix-wrapper>.row { flex-flow: column; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0 0 40px; padding: 0 20px;}
.hy_about_profiles .pic-content.img-mode::before { content: ""; background: #f6f6f5; width: 100%; height: 185px; position: absolute; bottom: 0; left: 0; }
.hy_about_profiles .img-mode .img-box img { border-radius: 50%; margin: 0 auto; display: block; aspect-ratio: 5/5; object-fit: cover; object-position: center center;}
.hy_about_profiles .mix-wrapper .editor-content { background-color: #f6f6f5; margin: 0; padding: 40px 24px 30px; display: -ms-flexbox; display: flex; flex-flow: column;  justify-content: space-between; }
.hy_about_profiles .mix-wrapper .editor-content>div:first-child>h4,
.hy_about_profiles .mix-wrapper .editor-content>div:first-child>h5 { text-align: center; color: #8ab751; }
.hy_about_profiles .mix-wrapper .editor-content>div:first-child>h4 { font-size: 24px; margin-bottom: 12px; font-family: 'Raleway', sans-serif !important; letter-spacing: 0.5px;}
.hy_about_profiles .mix-wrapper .editor-content>div:first-child>h5 { font-size: 18px; margin-bottom: 24px; letter-spacing: 0.5px; }
.hy_about_profiles .mix-wrapper .editor-content>div:first-child>p { font-size: 15px; color: #333333; line-height: 26px; margin: 0; }
.hy_about_profiles .mix-wrapper .editor-content>div:last-child { border: 1px solid #8ab750; border-radius: 5px; margin-top: 20px; background-color: #ffffff; height: 100%;}
.hy_about_profiles .mix-wrapper .editor-content>div:last-child h4 {position: relative; font-size: 16px; background: #8ab750; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #ffffff; padding: 5px; padding-left: 28px; letter-spacing: 0.5px; }
.hy_about_profiles .mix-wrapper .editor-content>div:last-child>a { color: #545454; font-weight: 600; padding: 5px 14px; display: block; }
.hy_about_profiles .mix-wrapper .editor-content>div:last-child>p { text-align: left; padding: 5px 14px; margin-bottom: 5px; font-size: 15px; color: #545454; letter-spacing: 0.5px; }
/* 發展沿革 */
.hy_about_block4.history{ padding-top: 20px; padding-bottom: 20px; }
.hy_about_block4.history .list-wrapper .row { padding: 20px 0}
.hy_about_block4.history .list-wrapper .note-block{ -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px;}

@media (max-width: 1440px){
	.web-page-frame .hy_about_block1_bg > .module-container > .main::before{ display: none;}
	.about_round_pic{ padding-right: 80px;}
	.hy_about_block2 article { padding: 103px 0 103px 140px; width: calc(100% - 500px); }
	.hy_about_block2 article::before{ left: 40px;}
	.hy_about_block5 article{ padding-left: 40px; padding-right: 40px;}
	.hy_about_block5 article .txt{ right: 40px;}
	.hy_about_profiles { max-width: 95%; }
	.hy_about_profiles .mix-wrapper { padding: 0; }
}
@media (max-width: 1199px){
	.hy_about_block1 article .txt{ padding: 190px 0px 0 40px;}
	.hy_about_block3::before{ background-position: bottom left -300px;}
	.hy_about_block4 .list-wrapper { padding-right: 40px; }
}
@media (max-width: 991px){
	.hy_about_block1 article { padding: 74px 40px; }
	.hy_about_block1 article h3 { font-size: 55px; top: 130px; left: 180px; }
	.title_round_bg { flex: 0 0 300px; height: 300px; }
	.title_round_bg h4{ top: 130px; left: 120px; font-size: 24px;}
	.hy_about_block1 article .txt { padding: 140px 0px 0 40px; font-size: 15px; line-height: 30px; letter-spacing: 0.2px;}
	.about_round_pic { padding-right: 40px; top: 300px; }
	.about_round_pic img{  width: 240px; height: 240px;}
	.hy_about_block2 article { padding: 80px 42px 103px 140px; width: 100%; }
	.hy_about_block2 article .txt{ font-size: 15px; line-height: 30px; letter-spacing: 0.2px; }
	.hy_about_block3 .main>div:nth-child(2){ padding-right: 40px;}
	.hy_about_block3 article{ max-width: 80%;}
	.hy_about_block3 article .txt{ font-size: 15px; line-height: 30px;letter-spacing: 0.2px; }
	.hy_about_block4 .list-wrapper .note-block{ flex: 0 0 220px; max-width: 220px; padding: 0 24px;}
	.hy_about_block4 .list-wrapper .name-block a{ font-size: 15px; line-height: 30px; letter-spacing: 0.2px;}
	.hy_about_block5 article .fine_bg { height: 320px; max-width: 90%; }
	.hy_about_block5 article .fine_bg::after{ width: 80%;}
	.hy_about_block5 article .fine_bg h3 { font-size: 46px; right: 60px; top: 60px; }
	.hy_about_block5 article .txt { width: 80%; padding: 30px; font-size: 15px; letter-spacing: 0.2px; line-height: 30px; }
	.hy_about_block5 article .txt h3{font-size: 26px; }
	.hy_about_profiles .mix-wrapper>.row{ padding: 0 10px;}
	.hy_about_block4.history .list-wrapper .note-block{ -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px;}
}
@media (max-width: 767px){
	.hy_area_top .bgfixed article h3{ font-size: 44px; letter-spacing: 5px; }
	.hy_about_block1 article { padding: 40px 30px; flex-flow: column; }
	.hy_about_block1 article h3 { font-size: 40px; top: 50px; left: 80px; margin: 0; }
	.title_round_bg { flex: 0 0 100px; height: 100px; max-width: 100px;  position: initial;}
	.hy_about_block1 article .txt { padding: 20px 0 0;   }
	.title_round_bg h4 { top: 100px; left: 140px; font-size: 24px; color: #333333; }
	.title_round_bg h4::after { width: 60px; background: #333333; top: 18px; }
	.hy_about_block2 article { padding: 40px 30px}
	.hy_about_block2 article::before {	display: none; }
	.hy_about_block2 article h3{ font-size: 30px; margin-bottom: 15px; padding-right: 17px;}
	.hy_about_block2 article h3::after{ border-width: 16px 6px 0 7px;}
	.about_round_pic { padding-right: 15px; top: initial; position: relative; }
	.about_round_pic img { width: 100%; height: auto; border-radius: 0; aspect-ratio: 5/3.5; object-fit: cover; object-position: center center; }
	.hy_about_block3::after{ display: none;}
	.hy_about_block3 .main>div:nth-child(2) { padding: 40px 30px; }
	.hy_about_block3::before { background-position: bottom left -200px; background-size: cover; }
	.hy_about_block3 article h3{ font-size: 24px; margin-bottom: 15px; padding-right: 17px;}
	.hy_about_block3 article h3::after{ border-width: 16px 6px 0 7px;}
	.hy_about_block4 { padding-top: 40px; padding-bottom: 40px; }
	.hy_about_block4 .header-title{ font-size: 24px; margin-bottom: 15px; padding-right: 17px; padding-left: 30px;}
	.hy_about_block4 .header-title::after{border-width: 16px 6px 0 7px; }
	.hy_about_block4 .list-wrapper { padding-right: 30px; padding-left: 30px; }
	.hy_about_block4 .list-wrapper .row{padding: 20px 0;}
	.hy_about_block4 .list-wrapper .pic-block { flex: 0 0 80px; height: 80px; margin-bottom: 15px; padding-left: 0; }
	.hy_about_block4 .list-wrapper .pic-block::before{ width: 80px; height: 80px;}
	.hy_about_block4 img { width: 40px; }
	.hy_about_block4 .list-wrapper .note-block { padding: 0 0 0 18px;  flex: 0 0 180px; max-width: 180px;}
	.hy_about_block4 .list-wrapper .name-block { flex: 0 0 100%; padding: 10px 0 0 0; }
	.hy_about_block5 article { padding-left: 30px; padding-right: 30px; padding-bottom: 40px;}
	.hy_about_block5 article .txt { width: 100%; padding: 30px; right: initial; bottom: initial; position: initial; }
	.hy_about_block5 article .fine_bg { height: 200px; max-width: 100%; background-position: center; }
	.hy_about_block5 article .fine_bg h3 { font-size: 32px; right: 60px; top: 80px; }
	.hy_about_block5 article .fine_bg h3::after{ bottom: 13px; border-width: 16px 6px 0 7px;}
	.hy_about_block5 article .txt h3 { font-size: 24px; }
	.hy_about_block5 article .txt h3::after{ bottom: 13px; border-width: 16px 6px 0 7px;}
	.hy_about_profiles .mix-wrapper>.row { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.hy_about_block4 .list-wrapper .note-block{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0;}
}
@media (max-width: 575px){
	.hy_area_top .bgfixed article h3{ font-size: 28px;  }
	.hy_about_block3 article { max-width: 100%; }
	.hy_about_block3::before { background-position: bottom left -350px; }
	.hy_about_block5 article .fine_bg{ background-size: 600px}
	.hy_about_block5 article .fine_bg h3 { font-size: 24px; right: 0px; left: 0; top: 60px; }
	.hy_about_profiles .mix-wrapper>.row { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.hy_about_profiles .pic-content{ padding: 0 30px;}
	.hy_about_profiles .mix-wrapper .editor-content{ padding: 20px 24px;}
	.hy_about_profiles .mix-wrapper .editor-content>div:first-child>h4{ font-size: 22px;}
	.hy_about_profiles .mix-wrapper .editor-content>div:first-child>h5{ font-size: 17px; margin-bottom: 20px;}
}

/* 旅遊職人 */
.craftsman_preface article {padding: 84px 30px; max-width: 830px; margin: 0 auto;}
.craftsman_preface article h3,.craftsman_preface article h4{ margin-bottom: 0; color: #8ab751; font-size: 34px; letter-spacing: 2px; text-align: center; font-weight:600;}
.craftsman_preface article h4 { font-weight:400; margin-top: 16px; margin-bottom: 42px;}
.craftsman_preface article>div{ position: relative; font-size: 16px; line-height: 34px; text-align: center; color: #545454; }
.craftsman_preface article>div:first-child::before,.craftsman_preface article>div:first-child::after{ content: ""; background: #8ab751; width: calc(50% - 180px); height: 1px; position: absolute; top: 50%; transform: translate(0, -50%);}
.craftsman_preface article>div:first-child::before{ left: 0; }
.craftsman_preface article>div:first-child::after{ right: 0; }
.craftsman_planning_title { margin-top: 70px; margin-bottom: 40px; }
.craftsman_planning_title::before, .craftsman_planning_title::after{ content: ""; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/77f4e7ab-7a0b-4b9d-854b-65c96cde7af5.svg); background-repeat: no-repeat; position: absolute; width: 74px; height: 140px; left: 0; top: 0; }
.craftsman_planning_title::after { left: initial; right: 0; transform: rotateY(180deg); }
.craftsman_planning_title article { text-align: center; max-width: 1000px; margin: 0 auto; padding: 40px}
.craftsman_planning_title article h3{ font-size: 34px; letter-spacing: 2px; font-weight: 400; position: relative; display: table; margin: 0 auto 36px; padding-right: 20px;}
.craftsman_planning_title article h3::after { content: ""; position: absolute; bottom: 4px; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width: 23px 7px 0 8px; border-color: #f5e33f transparent transparent transparent; }
.craftsman_planning_title article .txt{font-size: 16px; line-height: 34px; text-align: center; color: #545454; }
.craftsman_planning .mix-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.craftsman_planning .editor-content {-ms-flex: 1; flex: 1; max-width: initial; margin: 0; }
.craftsman_planning .pic-content{ -ms-flex: 0 0 auto; flex:  0 0 auto; max-width: initial; margin: 0; }
.craftsman_planning .mix-wrapper>.row { flex-flow: column; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin: 0 0 40px; padding: 0 20px;}
.craftsman_planning .pic-content.img-mode::before { content: ""; background: #f6f6f5; width: 100%; height: 185px; position: absolute; bottom: 0; left: 0; }
.craftsman_planning .img-mode .img-box img { border-radius: 50%; margin: 0 auto; display: block; aspect-ratio: 5/5; object-fit: cover; object-position: center center;}
.craftsman_planning .mix-wrapper .editor-content { background-color: #f6f6f5; margin: 0; padding: 40px 24px 30px; display: -ms-flexbox; display: flex; flex-flow: column;  justify-content: space-between; }
.craftsman_planning .mix-wrapper .editor-content>div:first-child>h4,
.craftsman_planning .mix-wrapper .editor-content>div:first-child>h5 { text-align: center; color: #8ab751; }
.craftsman_planning .mix-wrapper .editor-content>div:first-child>h4 { font-size: 24px; margin-bottom: 12px; font-family: 'Raleway', sans-serif !important; letter-spacing: 0.5px;}
.craftsman_planning .mix-wrapper .editor-content>div:first-child>h5 { font-size: 18px; margin-bottom: 24px; letter-spacing: 0.5px; }
.craftsman_planning .mix-wrapper .editor-content>div:first-child>p { font-size: 15px; color: #333333; line-height: 26px; margin: 0; }
.craftsman_planning .mix-wrapper .editor-content>div:last-child { height: 100%; border: 1px solid #8ab750; border-radius: 5px; margin-top: 20px; background-color: #ffffff; }
.craftsman_planning .mix-wrapper .editor-content>div:last-child h4 {position: relative; font-size: 16px; background: #8ab750; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #ffffff; padding: 5px; padding-left: 28px; letter-spacing: 0.5px; }
.craftsman_planning .mix-wrapper .editor-content>div:last-child h4::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/355b1f54-e5b1-41fc-99e0-1da5eae0377b.svg); position: absolute; background-size: 15px; background-repeat: no-repeat; background-position: center; left: 10px; top: 5px; width: 16px; height: 19px; }
.craftsman_planning .mix-wrapper .editor-content>div:last-child>a { color: #545454; font-weight: 600; padding: 5px 14px; display: block; }
.craftsman_planning .mix-wrapper .editor-content>div:last-child>p { text-align: left; padding: 5px 14px; margin-bottom: 5px; font-size: 15px; color: #545454; letter-spacing: 0.5px; }
.craftsman_leader_title { margin-top: 70px; margin-bottom: 20px; }
.craftsman_leader_title::before, .craftsman_leader_title::after{ content: ""; background-image: url(https://materials.fillo.com.tw/materials/howyoung/images/77f4e7ab-7a0b-4b9d-854b-65c96cde7af5.svg); background-repeat: no-repeat; -webkit-filter: brightness(10); /* Safari */
  filter: brightness(10); position: absolute; width: 74px; height: 140px; left: 0; top: 0; }
.craftsman_leader_title::after { left: initial; right: 0; transform: rotateY(180deg); }
.craftsman_leader_title article { max-width: 1000px; margin: 0 auto; padding: 40px}
.craftsman_leader_title article h3{ color: #ffffff; font-size: 34px; letter-spacing: 2px; font-weight: 400; position: relative; display: table; margin: 0 auto 36px; padding-right: 20px;}
.craftsman_leader_title article h3::after { content: ""; position: absolute; bottom: 4px; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width: 23px 7px 0 8px; border-color: #f5e33f transparent transparent transparent; }
.craftsman_leader_title article .txt{font-size: 16px; line-height: 34px;color: #ffffff; }
.craftsman_planning{ padding-top: 40px; }
.craftsman_planning.leader .mix-wrapper .editor-content { background-color: #f5f5e7;}
.craftsman_planning.leader .pic-content.img-mode::before{ background-color: #f5f5e7;}
.craftsman_service .list-wrapper{ padding-right: 80px;}
.craftsman_service .list-wrapper .row:last-child { border-bottom: 0; }
.craftsman_service .list-wrapper .row { padding: 20px 0; align-items: center; background: transparent;}
.craftsman_service .list-wrapper .row:hover{ background: transparent;}
.craftsman_service .list-wrapper .pic-block{ order: 1; flex: 0 0 130px; height: 90px; display: flex; justify-content: center; align-items: center; padding-left: 40px;}
.craftsman_service .list-wrapper .pic-block::before { content: ""; width: 90px; height: 90px; position: absolute; border: 1px solid #797979; border-radius: 50%; }
.craftsman_service .list-wrapper .note-block{ order: 2; -ms-flex: 0 0 290px;  flex: 0 0 290px; max-width: 290px; padding: 0 36px; color: #000; font-size: 16px; font-weight: 600; letter-spacing: 1px;}
.craftsman_service .list-wrapper .note-block>div{ margin-bottom: 12px; color: #8ab751; font-size: 22px; font-family: 'Raleway', sans-serif !important; font-weight: 300;  letter-spacing: 0;}
.craftsman_service .list-wrapper .name-block{ order: 3; flex: 1; max-width: initial; padding: 0 0 0 20px;}
.craftsman_service .list-wrapper .name-block a{  cursor:default; color: #333333; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; line-height: 32px; text-align: justify; }
.craftsman_service .price-block{ display: none;}
.craftsman_service img{ width: 48px; }
@media (max-width: 1440px){
	.raftsman_preface,.craftsman_planning_title,.craftsman_planning,.craftsman_leader_title { max-width: 95%; }
	.craftsman_planning .mix-wrapper { padding: 0; }
}
@media (max-width: 1199px){
	.craftsman_service .list-wrapper { padding-right: 40px; }
}
@media (max-width: 991px){
	.hy_area_top.craftsman .module-container .bgfixed{ background-position: -700px center;}
	.craftsman_planning .mix-wrapper>.row{ padding: 0 10px;}
	.craftsman_service .list-wrapper .note-block{ flex: 0 0 220px; max-width: 220px; padding: 0 24px;}
	.craftsman_service .list-wrapper .name-block a{ font-size: 15px; line-height: 30px; letter-spacing: 0.2px;}
}
@media (max-width: 767px){
	.hy_area_top.craftsman .module-container .bgfixed{ background-position: -600px center;}
	.craftsman_planning .mix-wrapper>.row { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.craftsman_preface article h3, .craftsman_preface article h4{ font-size: 28px;}
	.craftsman_preface article>div:first-child::before, .craftsman_preface article>div:first-child::after { width: calc(50% - 160px);}
	.craftsman_planning_title article h3{ font-size: 28px;}
	.craftsman_planning_title article h3::after{ bottom: 0; border-width: 16px 6px 0 7px;}
	.craftsman_leader_title article h3{ font-size: 28px;}
	.craftsman_service .list-wrapper { padding-right: 30px; padding-left: 30px; }
	.craftsman_service .list-wrapper .row{padding: 20px 0;}
	.craftsman_service .list-wrapper .pic-block { flex: 0 0 80px; height: 80px; padding-left: 0; }
	.craftsman_service .list-wrapper .pic-block::before{ width: 80px; height: 80px;}
	.craftsman_service img { width: 40px; }
	.craftsman_service .list-wrapper .note-block { padding: 0 0 0 18px;  flex: 0 0 180px; max-width: 180px;}
	.craftsman_service .list-wrapper .name-block { flex: 0 0 100%; padding: 10px 0 0 0; }
}
@media (max-width: 575px){
	.hy_area_top.craftsman .module-container .bgfixed{ background-position: -550px center;}
	.craftsman_preface article{ padding: 60px 30px;}
	.craftsman_preface article h3, .craftsman_preface article h4{ font-size: 22px;}
	.craftsman_preface article>div:first-child::before, .craftsman_preface article>div:first-child::after { width: calc(50% - 110px);}
	.craftsman_preface article>div{ font-size: 15px;}
	.craftsman_planning_title{ margin-top: 60px;}
	.craftsman_planning_title article h3{ font-size: 24px;}
	.craftsman_planning_title article h3::after{ bottom: -2px;  right: 5px }
	.craftsman_planning_title article .txt{ font-size: 15px;}
	.craftsman_planning .mix-wrapper>.row { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.craftsman_planning .pic-content{ padding: 0 30px;}
	.craftsman_planning .mix-wrapper .editor-content{ padding: 20px 24px;}
	.craftsman_planning .mix-wrapper .editor-content>div:first-child>h4{ font-size: 22px;}
	.craftsman_planning .mix-wrapper .editor-content>div:first-child>h5{ font-size: 17px; margin-bottom: 20px;}
	.craftsman_leader_title article h3{ font-size: 22px;}
	.craftsman_leader_title article h3::after{ right: 2px; bottom: 0; border-width: 20px 5px 0 7px;}
	.craftsman_leader_title article .txt{ font-size: 15px;}
}

/* 旅遊影音 */
.video_preface article {padding: 84px 30px; max-width: 830px; margin: 0 auto;}
.video_preface article h3{ margin-bottom: 30px; color: #8ab751; font-size: 34px; letter-spacing: 2px; text-align: center; font-weight:600;}
.video_preface article>div{ position: relative; font-size: 16px; line-height: 34px; text-align: center; color: #545454; }
.video_content { padding: 0 57px 35px; }
.video_content .hover-wall .htpro_tit { margin-bottom: 45px; }
.video_content .hover-wall .htpro_tit h1{ font-size: 34px; letter-spacing: 2px; font-weight: 400; position: relative; display: table; margin:56px auto 30px; padding: 0 22px 0 0;}
.video_content .hover-wall .htpro_tit h1::after { content: ""; position: absolute; bottom: 4px; right: 0; width: 0; height: 0; transform: rotate(50deg); border-style: solid; border-width: 23px 7px 0 8px; border-color: #f5e33f transparent transparent }
.video_content .hover-wall .htpro_tit h2 { line-height: 26px; }
.video_content .hover-wall .icon_info{ border-radius: 0; }
.video_content .hover-wall>.container-fluid>.row>.col-lg-4 { margin-bottom: 55px !important; padding: 0 18px; }
.video_content .hover-wall figure .b_img{ aspect-ratio: 5/2.7; object-fit: cover; object-position: center center; }
.video_content .hover-wall .icon_info h3{ position: relative; padding: 0 30px 0 50px; font-size: 22px; letter-spacing: 0.3px; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_content .hover-wall .icon_info h3::before{ content: ""; width: 10px; height: 22px; position: absolute; background: #8ab751; left: 30px; top: 3px; }
.video_content .hover-wall .icon_info p.animate-text { padding: 0px 30px; font-size: 16px; letter-spacing: 0.3px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_content .hover-wall .icon_info figure::before{content: ""; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0), rgb(0 0 0 / 40%)); width: 100%; height: 100px; left: 0; top: 0; }
.video_content .hover-wall figure .overlay{ background: rgba(0, 0, 0, 0.5);}
.video_content .hover-wall .icon_info figure .overlay i{ font-size: 0; background: url(https://howyoungtours.com.tw/material-alias/旅遊影音/video_play_icon.svg); width: 92px; height: 92px; left: 50%; transform: translate(-50%, 0);}
@media (max-width: 767px){
	.video_preface article { padding: 60px 30px; }
	.video_preface article h3{ font-size: 28px;}
	.video_content .hover-wall>.container-fluid>.row>.col-lg-4 { margin-bottom: 40px !important; }
	.video_content .hover-wall .htpro_tit h1 { font-size: 28px; letter-spacing: 1px;}
	.video_content .hover-wall .htpro_tit h2 { font-size: 16px; }
	.video_preface_block>.module-container>.main{background-position: left top !important; }
	.video_content .hover-wall .icon_info h3{ font-size: 20px;}
	.video_content .hover-wall .icon_info h3::before{ height: 20px;}
}
@media (max-width: 575px){
	.video_content { padding: 0 30px 30px; }
	.video_preface article h3 { font-size: 22px; margin-bottom: 18px; }
	.video_preface article>div{ font-size: 15px;}
	.video_content .hover-wall .htpro_tit h1 { font-size: 22px; letter-spacing: 0.5px; margin: 34px auto 20px}
	.video_content .hover-wall .htpro_tit h1::after{ right: 2px; bottom: 0; border-width: 20px 5px 0 7px;}
	.video_content .hover-wall .htpro_tit h2 { font-size: 15px; }
	.video_preface article { padding: 40px 30px; }
	.video_content .hover-wall .icon_info h3{ padding: 0 20px 0 40px;}
	.video_content .hover-wall .icon_info h3::before{ left: 20px;}
	.video_content .hover-wall .icon_info p.animate-text{ padding: 0 20px;}
}


/* 講座 */
.lecture_tab .nav-pills li+li .nav-link { border-left: 1px solid #4d4b4b; }
.lecture_tab .nav-pills li:last-child { border-right: 1px solid #4d4b4b; }
.lecture_tab .nav-pills li:first-child { border-left: 1px solid #4d4b4b; }
.lecture_tab .nav-pills .nav-link { border-radius: 0; padding: 1rem 1.2rem; color: #ffffff;  }
.lecture_tab .nav-pills .nav-link.active,.lecture_tab .nav-pills .show>.nav-link { color: #a6d865; background-color: #4d4b4b; }
@media (max-width: 767px){
	.lecture_tab>.module-container>.main>.blk-tabs { display: block; }
	.lecture_tab .nav-pills { display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; text-align: center; }
	.lecture_tab .nav-pills li.nav-item { display: inline-block; }
	.lecture_tab .nav-pills li.nav-item+li { margin-left: -5px; }
}
@media (max-width: 575px){
	.lecture_tab .nav-pills .nav-link { padding: 1rem 0.8rem; color: #ffffff; font-size: 15px; }
}

/* 分頁共用頁籤樣式 */
.public_tab .nav-pills{ padding: 10px 0;}
.public_tab .nav-pills .nav-link {font-size: 18px; font-weight: 600; border-radius: 30px; padding: 10px 15px; color: #8ab752; background: #ffffff00; border: 2px solid #8ab752; margin: 0 5px; box-shadow: 1px 2px 3px rgb(53 84 26 / 30%); }
.public_tab .nav-pills .nav-link.active,.public_tab .nav-pills .show>.nav-link { color: #ffffff; background-color: #8ab752; }
@media (max-width: 767px){
	.public_tab>.module-container>.main>.blk-tabs { display: block; }
	.public_tab .nav-pills { display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; text-align: center; }
	.public_tab .nav-pills li.nav-item { display: inline-block; }
}
@media (max-width: 575px){
	.public_tab .nav-pills .nav-link { padding: 1rem 0.8rem; font-size: 15px; color: #69972f;}
}

/* 彈出廣告視窗 */
.hy_overlay,.hy_overlay_announcement{ display:none; z-index:99999; width:100%; height:100%; position:fixed; left:0; top:0; margin:auto; text-align:center; font-size:0}
.hy_overlay::before,.hy_overlay_announcement::before{ content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.hy_overlay::after,.hy_overlay_announcement::after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; background-color:#000; opacity:.5}
.hy_popup{ width:50%; max-width:500px; padding:10px; background-color:#fff; position:relative; z-index:1; font-size:16px; display:inline-block; vertical-align:middle}
.hy_popup img{ width:100%;aspect-ratio:1/1}
.hy_popup_close{ position:absolute; right:-15px; top:-15px; width:40px; height:40px; border-radius:50%; border:0; box-shadow:2px 2px 2px rgb(0 0 0 / 50%); background:#ebebeb; font-size:0; cursor:pointer; 
	-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.hy_popup_close::before{ position:absolute; content:""; background-image:url(https://howyoungtours.com.tw/material-alias/close_icon.svg); background-position:center; background-repeat:no-repeat;
	 width:30px; height:30px; left:50%; top:50%; transform:translate(-50%,-50%); opacity:1}
.hy_popup_close:hover{ background-color:#d8e8c3}
@media (max-width:767px){
	.hy_popup{ width:80%; padding:20px}
}

/* footer選單 */
.footer_nav .responsive-drop-down-menu { min-height: 47px;   border-top: 1px solid rgb(138,183,81,0.8); z-index: 7;}
.footer_nav .responsive-drop-down-menu > ul { max-width: 1440px; justify-content: center; margin: 0 auto; }
.footer_nav .responsive-drop-down-menu > ul > li { flex: 0 0 auto; }
.footer_nav .responsive-drop-down-menu > ul > li > a { font-size: 15px; color: #8ab751; padding: 13px 60px 9px; }
.footer_nav .responsive-drop-down-menu > ul > li.has-sub > a{ padding-right: 65px;}
.footer_nav .responsive-drop-down-menu > ul > li:hover > a,.footer_nav .responsive-drop-down-menu > ul > li.active > a { color: #8ab751; }
.footer_nav .responsive-drop-down-menu ul li ul li > a,.footer_nav .responsive-drop-down-menu ul li ul li > a { color: #8ab751; }
.footer_nav .responsive-drop-down-menu ul li ul li:hover > a,.footer_nav .responsive-drop-down-menu ul li ul li.active > a { color: #ffffff; }
.footer_nav .responsive-drop-down-menu ul li ul li:hover > ul > li:hover a { color: #ffffff; } 
.footer_nav .responsive-drop-down-menu ul li ul li a { width: 100%; padding: 10px 8px 6px; line-height: 20px; letter-spacing: -0.5px; }
.footer_nav .responsive-drop-down-menu ul li ul { width: 100%;  border: 1px solid rgb(138,183,81,0.8); }
.footer_nav .responsive-drop-down-menu ul li ul li:hover > ul > li a { color: #ffffff; }
.footer_nav .responsive-drop-down-menu > ul > li.has-sub > a:before,
.footer_nav .responsive-drop-down-menu > ul > li:hover > a:before,
.footer_nav .responsive-drop-down-menu > ul > li.active > a:before { background: url(https://materials.fillo.com.tw/materials/howyoung/images/32931c05-9a55-45c8-aa66-1c51dec2e0a7.svg); background-position: center; background-repeat: no-repeat; width: 14px; height: 14px; border: 0; top: 20px; right: 45px; }
@media (min-width: 768px){
	.footer_nav .responsive-drop-down-menu > ul > li > ul > li { width: 100%; }
}
@media (max-width: 767px){
	.footer_nav .responsive-drop-down-menu{ min-height: 40px;}
	.footer_nav .responsive-drop-down-menu .menu-button{ font-size: 0; padding: 5px 15px;}
	.footer_nav .responsive-drop-down-menu .menu-button:before{border-top: 2px solid #8ab751; border-bottom: 2px solid #8ab751; top: 18px;}
	.footer_nav .responsive-drop-down-menu .menu-button:after{ border-top: 2px solid #8ab751; top: 10px;}
	.footer_nav .responsive-drop-down-menu > ul > li.has-sub > a { padding: 5px 15px; }
	.footer_nav .responsive-drop-down-menu > ul > li.active { background: #e7f0db; }

}

/* footer */
.hy_footer .footer-wrap .fnav_wrap,.hy_footer .footer-wrap .footer_sbox,.hy_footer .footer-wrap .fb-box a .tooltiptext{ display: none;}
.hy_footer .footer-sample,.hy_footer .footer-wrap .footer_center{ background: #f9f9f9;}
.hy_footer .footer-wrap .footer_center{ padding-bottom: 0;}
.hy_footer .company-info { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;  z-index: 1; background: #e7f0db;  margin: 0 !important;  display: flex;  justify-content: flex-end;  padding-bottom: 35px;}
.hy_footer .company-info .info_box { flex: 0 0 320px; padding-top: 33px; }
.hy_footer .footer-wrap .company-info .info_box h3 { font-size: 1.1em; margin: 0 0 22px; font-weight: bold; color: #8ab751; font-size: 18px; }
.hy_footer .footer-wrap .company-info .info_box p { margin-bottom: 10px; color: #333333; font-size: 15px; }
.hy_footer .footer-wrap .contact-info{  -ms-flex: 0 0 38.333333%; flex: 0 0 38.333333%; max-width: 38.333333%; flex-wrap: wrap; margin: 0 !important; padding: 35px 10px 35px 85px; }
.hy_footer .footer-wrap .contact-info .contact-box { flex: 0 0 50%; max-width: 50%;  padding: 0 5px 0 0;}
.hy_footer .footer-wrap .contact-info .contact-box h2{ font-size: 16px; margin-bottom: 10px;}
.hy_footer .footer-wrap .contact-info .contact-box h4 { font-size: 16px; color: #333333; padding-left: 0; font-family: 'Roboto', Microsoft Jhenghei, Arial, sans-serif !important; font-weight: 400;}
.hy_footer .footer-wrap .fb-info{  -ms-flex: 0 0 28.333333%; flex: 0 0 28.333333%; max-width: 28.333333%;  margin: 0 !important; padding-top: 35px; padding-bottom: 35px;}
.hy_footer .footer-wrap .fb-info .fb-box a{display: flex; justify-content: center; align-items: center;  height: 42px; flex: 0 0 42px;  margin: 0 10px 10px; padding: 0; border: 1px solid #dddddd; border-radius: 50%;  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_footer .footer-wrap .fb-info .fb-box a:hover{border: 1px solid #545454; }
.hy_footer .footer-wrap .fb-info .fb-box a img { height: 26px; }
.hy_footer .footer-wrap .fb-info .fb-box a:hover img{opacity: 1;}
.hy_footer .footer-wrap .fb-info .fb-box a:first-child img { height: 29px; }
.hy_footer .footer-wrap .icon_wrap{ max-width: 1440px; left: 50%; bottom: 0;  transform: translate(-50%, 0); border-top: 1px solid #ececec; background: transparent; position: absolute; padding: 5px;}
.hy_footer .footer-wrap .icon_wrap p { display: block; margin: initial; text-align: right; color: #888;}
@media (max-width: 1600px){
	.hy_footer .footer-wrap .contact-info{-ms-flex: 0 0 45.333333%; flex: 0 0 45.333333%; max-width: 45.333333%; }
	.hy_footer .footer-wrap .fb-info { -ms-flex: 0 0 21.333333%; flex: 0 0 21.333333%; max-width: 21.333333%;}
}
@media (max-width: 1440px){
	.hy_footer .footer-wrap .contact-info{-ms-flex: 0 0 48.333333%; flex: 0 0 48.333333%; max-width: 48.333333%; padding: 35px 10px 35px 25px; }
	.hy_footer .footer-wrap .fb-info { -ms-flex: 0 0 18.333333%; flex: 0 0 18.333333%; max-width: 18.333333%;}
}

@media (max-width: 1199px){
	.hy_footer .footer-wrap .contact-info{ padding: 35px 10px 35px 15px; }
	.hy_footer .company-info .info_box .info-text{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.hy_footer .footer-sample .fb-box .row .fb-img-1 { width: initial; flex: 0 0 42px; max-width: 42px; }
}
@media (max-width: 991px){
	.hy_footer .company-info{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; justify-content: flex-start; padding-bottom: 20px; }
	.hy_footer .company-info .info_box { flex: 0 0 100%; padding-top: 20px; }
	.hy_footer .footer-wrap .company-info .info_box h3 { margin: 0 0 10px; font-size: 18px; }
	.hy_footer .footer-wrap .company-info .info_box p { margin-bottom: 5px; font-size: 14px; display: inline-block; padding-right: 10px; }
	.hy_footer .footer-wrap .contact-info { padding: 20px 15px 5px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.hy_footer .footer-wrap .contact-info .contact-box{font-size: 15px; margin-bottom: 10px !important; }
	.hy_footer .footer-wrap .contact-info .contact-box h2 { font-size: 15px; margin-bottom: 5px; }
	.hy_footer .footer-wrap .contact-info .contact-box h4 { font-size: 15px; margin: 2px 0; }
	.hy_footer .footer-wrap .fb-info { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px 45px;}
	.hy_footer .footer-wrap .fb-box{ margin: 0 !important;}
	.hy_footer .footer-wrap .fb-box>.row { padding: 0 15px; }
	.hy_footer .footer-wrap .icon_wrap ul.footer_bticon{ margin: 0;}
}
@media (max-width: 575px){
	.hy_footer .footer-wrap .company-info{ justify-content: center;}
	.hy_footer .footer-wrap .contact-info .contact-box { flex: 0 0 100%; max-width: 100%; padding: 0; }
	.hy_footer .footer-wrap .contact-info .contact-box h2 { margin-bottom: 0; display: inline-block; padding-right: 5px; }
	.hy_footer .footer-wrap .contact-box a { display: inline-block; }
	.hy_footer .footer-wrap .icon_wrap p{ text-align: left;}
}

/* gotop */
.hy_gotop{ z-index: 9998;}
.hy_gotop .actGotop{  width: 58px; height: 58px; bottom: 60px;}
.hy_gotop .actGotop a,.hy_gotop .actGotop a:link{ background: rgba(255,255,255,.3); color: #8ab751;  border: 1px solid #8ab751; width: 58px; height: 58px;  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.hy_gotop .actGotop a:hover{ color: #ffffff; background-color: #8ab751;}
.hy_gotop .actGotop a i { width: 58px;top: 10px; font-size: 30px; }
.hy_gotop .side_box{ bottom: 130px;}
.hy_gotop .side_bar {width: 58px; margin-bottom: 0; padding:5px 8px; box-shadow: 0px 0px 8px #c9c9c9;}
.hy_gotop .side_bar li{ border-bottom: 1px solid #e9e1e1;  padding:7px 7px 4px;}
.hy_gotop .side_bar li a i{ font-size: 24px;}
.hy_gotop .side_bar li a img { width: 24px; }
.hy_gotop .side_bar li a p{ margin:3px 0 0;}
.D_products_group_mold .hy_gotop .side_bar li:first-child,
.D_products_group_molddetail .hy_gotop .side_bar li:first-child,
.D_products_group_detail .hy_gotop .side_bar li:first-child{ border-bottom: 0;}
.D_products_group_mold .hy_gotop .side_bar li:not(:nth-child(1)),
.D_products_group_molddetail .hy_gotop .side_bar li:not(:nth-child(1)),
.D_products_group_detail .hy_gotop .side_bar li:not(:nth-child(1)){  display: none;}
@media (max-width: 575px){
	.hy_gotop .actGotop{ bottom: 60px; width: 45px;	height: 45px;}
	.hy_gotop .actGotop a, .hy_gotop .actGotop a:link{ width: 45px; height: 45px;}
	.hy_gotop .actGotop a i { width: 45px; top: 5px; }
	.D_products_group_detail .hy_gotop .side_bar{display: none;}
	.hy_gotop .side_box{ bottom: 120px;}
	.hy_gotop .side_bar { width: 45px; padding: 5px 0px; }
	.hy_gotop .side_bar li:not(:nth-child(1)){  display: none;}
	.hy_gotop .side_bar li:first-child{ border-bottom: 0;}
}


/**** 公版調整 ****/
/* 公版置頂 */
.go-to-top{ display: none !important;}

/* 會員登入 */
.member_home .signin_width { margin-top: 130px; margin-bottom: 180px; }
body.member_home.new_bg { background: #f9f9f9; }
body.member_home button.l_benPrimary{ background: #8ab751; }
body.member_home .note_box a { color: #ff8053; }
body.member_home a.font4.blue-txt2 { color: #545454; }
body.member_home .member_title { margin: 70px 0 30px; }
@media (max-width: 767px){
	.member_home  .signin_width { margin-top: 100px; margin-bottom: 120px; }
}

/* 搜尋列表頁 */
.search-area .search-box .search-btn { background: #8ab751; }
.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: #8ab751; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7; }
.list_con>.title>.text-right>p>span.text_blue { color: #8ab751; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill: #8ab751; }
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: #8ab751 !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: #8ab751 !important; }
.list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgba(138 183 81 / 70%);}
.irs-bar { height: 3px; top: 33px; border-top: none; border-bottom: none; background: #8ab751}
.irs-bar-edge {  height: 10px; top: 33px; width: 14px; border: 1px solid #8ab751; border-right: 0; background: #8ab751; background: -webkit-gradient(linear,left bottom,left top,from(#8ab751),to(#8ab751)); background: linear-gradient(to top,#8ab751 0,#8ab751 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: #8ab751; 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 #8ab751}
.irs-from,.irs-single,.irs-to { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #8ab751; border-radius: 3px; -moz-border-radius: 3px}
.irs-grid-text { bottom: 5px; color: #99a4ac}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i { color: #8ab751; }
.filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #8ab751;}
.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: #8ab751; color: #8ab751; }
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: #8ab751;}
.search_table.table .thead { background: #797979; height: 2.8rem; line-height: 2.8rem;}
.search_table tbody td.go-airport img { margin: 0 auto; }
.WinChrome section.group_banner .search-area .search-box .select-status .form-check.float-right{ font-size: 0;}
.WinChrome section.group_banner .search-area .search-box .select-status .form-check.float-right::after{ content:"只找確定成團"; font-size: 16px; color: #ffffff;}
/* 字體尺寸調整 */
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 ){
	.WinChrome section.group_banner .search-area .search-box .select-date > input, .WinChrome section.group_banner .search-area .search-box .select-input > input, .WinIe section.group_banner .search-area .search-box .select-date > input, .WinIe section.group_banner .search-area .search-box .select-input > input{     height: 60px;}
	.WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn { height: 60px; line-height: 60px; }
	.WinChrome section.group_banner .search-area .search-box .select-input i, .WinIe section.group_banner .search-area .search-box .select-input i { top: calc(35px - 14px); }
}

/* 團型列表 */
.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: #8ab751; border: 1px solid#8ab751;}
section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#8ab751; }
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:#8ab751; 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:#8ab751; border-color:#8ab751;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #8ab751; border-color: #8ab751; }
.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:#8ab751; border-color:#8ab751; color: #ffffff;}
section.group_banner .media-grouop .share_box:hover, section.group_banner .media-grouop .forword_box:hover{ background: #8ab751;}
.D_products_group_mold .group_table.tripdown{ margin-top: 0;}
.D_products_group_mold section.group_table.tripdown::before,.D_products_group_mold section.group_table.tripdown::after{display: none; }

section.search_con .list_con.mold .mold_date a.state_g .trip_st { font-size: 0; position: relative; }
section.search_con .list_con.mold .mold_date a.state_g .trip_st::after { content: "確定成團"; font-size: 13px; }

section.search_con .list_con.mold .mold_date a.state_p .trip_st { font-size: 0; position: relative; }
section.search_con .list_con.mold .mold_date a.state_p .trip_st::after { content: "即將成團"; font-size: 13px; }

/* 字體尺寸調整 */
section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.2rem; font-weight: 600; }

/* 隱藏月曆，強制顯示列表模式 */
.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; }


/* 個團明細頁 */
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%; }

li.breadcrumb-item a { color: #689530; }
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: #8ab751;}
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 #8ab751; }
section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3 { color: #8ab751; }
.basic-air-info .go i, .basic-air-info .back i { color: #d1d1d1; font-size: 2rem; }
section.group_banner .basic-air-btn a { float: right; font-size: 1.2rem; font-weight: bold; background: #8ab751; border: 1px solid #8ab751; padding: 5px 25px; color: #fff; border-radius: 50px; }
section.group_banner .basic-air-btn a:hover { background:#689530; border: 1px solid #689530; }
section.group_banner .basic-air-info .time { font-size: 1.1rem; }
.modal-content h5.modal-title strong{ color: #8ab751;}
.flight_details .details_box > h4 { background: #8ab751;}
.flight_details .details_box > h4 i { color: #ffffff; }
.flight_details { border: 1px solid #8ab751; }
.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: #646464; }
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{ background: #646464; }
.day_con .text_gary2.hotel a { color:#008842; }
.Day_menu .swiper_day .swiper-slide a:hover { color: #fff; background: #8ab751; border: 1px solid #8ab751; }
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 .search_table .tag_all a.btn.btn-danger.tag.btn-sm.float-left{ font-size: 0; position: relative;}
.D_products_group_detail .search_table .tag_all a.btn.btn-danger.tag.btn-sm.float-left::before { content: "確定成團"; font-size: 0.875rem; }

.D_products_group_detail .search_table .tag_all a.btn.btn-warning.tag.btn-sm.float-left{ font-size: 0; position: relative;}
.D_products_group_detail .search_table .tag_all a.btn.btn-warning.tag.btn-sm.float-left::before { content: "即將成團"; font-size: 0.875rem; }

.D_products_group_detail  section.group_banner.trip_banner span.btn.btn-danger.tag { font-size: 0; position: relative;  }
.D_products_group_detail  section.group_banner.trip_banner span.btn.btn-danger.tag::after {content: "確定成團"; font-size: 1.125rem; }

.D_products_group_detail  section.group_banner.trip_banner span.btn.btn-warning.tag { font-size: 0; position: relative;  }
.D_products_group_detail  section.group_banner.trip_banner span.btn.btn-warning.tag::after {content: "即將成團"; font-size: 1.125rem; }

/* 側選單 */
.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; font-size: 18px; line-height: 35px;}
.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: #ff8053; }
.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: #e7f0db; }
.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; }
.D_products_group_mold .sub_menu-trip .server_menu > ul > li.join-fixed-btn{ display: none;}
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn{ display: none;}/*隱藏個團的洽詢*/
/* 航班彈出視窗 */
.D_products_group_detail .modal { z-index: 9999; }


@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: #8ab751; }
    .sub_menu-trip .trip_menu li.remark a:hover span::before { color:#8ab751; }
	.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; }
	.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 45px;}
	.D_products_group_mold .sub_menu-trip .sub_inside,
	.D_products_group_molddetail .sub_menu-trip .sub_inside,
	.D_products_group_detail .sub_menu-trip .sub_inside{ margin-top: -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 #8ab751; 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; }
}
@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;}
    .Day_menu.day_fixed { top: 54px !important; }
}

@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: 576px){
	.sub_menu-trip .server_menu > ul > li a{font-size: 0;}
	.sub_menu-trip .server_menu > ul > li a i {  line-height: 45px; margin: 0; }
}
@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; }
	.D_products_group_detail  section.group_banner.trip_banner span.btn.btn-danger.tag::after {font-size: 0.75rem; }
	.D_products_group_detail  section.group_banner.trip_banner span.btn.btn-warning.tag::after {font-size: 0.75rem; }
}


/****** 團型明細頁start ******/
/* 調整色系 */
.D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item.active{ color: #8ab751;}
.D_products_group_molddetail section#marketing h2.TextPrimary { color: #8ab751; }
.D_products_group_molddetail .Detail.MarketingBox h2 .MarketIcon{color: #8ab751;}
.D_products_group_molddetail .MPGO .Detail .PriceBlock ul li.FlightDetails a,
.D_products_group_molddetail .MGO .Detail .PriceBlock ul li.FlightDetails a,
.D_products_group_molddetail .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover,
.D_products_group_molddetail .MGO .Detail .PriceBlock ul li.FlightDetails a:hover{ background: #8ab751; }
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link,
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #8ab751; color:#ffffff;}
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #8ab751; border-bottom-color: #8ab751; color: #8ab751; }
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #8ab751; }
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before,
.D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable .table thead th { border-bottom: 1px solid #999; }
.D_products_group_molddetail .Detail.DepartureDate .SearchTable .SaleSituation span.BtnPrimary { color: #8ab751; }
.D_products_group_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #8ab751;}
.D_products_group_molddetail .Detail.DayTrip .DayBlock > div::after{  border-color: transparent transparent transparent #8ab751;}
.D_products_group_molddetail .flight_details .details_box > h4 { background: #8ab751;}
.D_products_group_molddetail .flight_details{ border: 1px solid #8ab751; }
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left,
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: grayscale(1);}
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button{ box-shadow: none;}
.Detail.DayTrip .DayTripBtn { background-color: #8f8f8f; border: 1px solid #8f8f8f; }
.Detail.DayTrip .DayTripBtn:hover { background-color: #656565; border: 1px solid #656565; }
.Detail.DayTrip .DayTripBtn.Multiple { border: 1px solid #8f8f8f; color: #8f8f8f; }
.Detail.DayTrip .DayTripBtn.Multiple:hover { background-color: #8ab751; border:1px solid #8ab751; }
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #8ab751; color: #8ab751; width: 142px; }
.D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #ff8053; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ display: none;}/*隱藏團型的我要洽詢鈕*/
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background: #e7f0db; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #797979; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a { border-left: 0; color: #ffffff; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #8ab751;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #8ab751;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark a.tag{ white-space: normal; margin-bottom: 5px; }

.Detail.DepartureDate .IconMean span{ display: inline-flex; align-items: center}
.Detail.DepartureDate .IconMean>span:nth-child(1) { font-size: 0; position: relative; }
.Detail.DepartureDate .IconMean>span:nth-child(1)::after { content: "即將成團"; color: #333333; font-size: 0.938rem; }

.Detail.DepartureDate .IconMean>span:nth-child(2) { font-size: 0; position: relative; }
.Detail.DepartureDate .IconMean>span:nth-child(2)::after { content: "確定成團"; color: #333333; font-size: 0.938rem; }

.D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark a.btn.btn-danger.tag.btn-sm.float-left{ font-size: 0; position: relative; margin-bottom: 5px;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark a.btn.btn-danger.tag.btn-sm.float-left::after { content: "確定成團"; font-size: 14px; }

.D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark a.btn.btn-warning.tag.btn-sm.float-right{ font-size: 0; position: relative; margin-bottom: 5px;}
.D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark a.btn.btn-warning.tag.btn-sm.float-right::after { content: "即將成團"; font-size: 14px; }
/* 隱藏可售 */
/* .D_products_group_molddetail .Detail.DepartureDate .SearchTable .table thead th.AvailableSeat{ display: none; }
.Detail.DepartureDate .SearchTable .table tbody td.AvailableSeat { display: none; }
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .day-events-bottom-available{ display: none;} */
@media (min-width: 768px){
	.D_products_group_molddetail #tripfeature .DetailBox>.container{ max-width: 1440px; width: 85%;}
	.D_products_group_molddetail section#dayTrip>div.container{max-width:960px; width: 88%;}
}
@media (min-width: 992px){
	.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu{ width: 107px;}
	.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li { min-width: 107px;}
	.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span { color: #8ab751; }
	.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem;  min-width: initial;}  
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #b9b9b8; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
	.D_products_group_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{flex: 1; max-width: initial; min-width: initial;}
	.D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 300px; max-width: initial; min-width: initial;}
	.Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul{ width: 100px;}
	.Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 45px;}
}
@media (min-width: 1200px){
	.D_products_group_molddetail section#dayTrip>div.container{ max-width: 1440px; width: 85%;}
	.D_products_group_molddetail .DepartureDate>.container.clearfix.col-md-9.mx-auto { width: 85%; max-width: 1440px; }
}
@media (max-width: 1600px){
	.D_products_group_molddetail .DetailContainer{ -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 1350px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;}
}
@media (max-width: 991px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; }
}
@media (max-width: 575px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; }
    .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ flex: 0 0 130px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 15px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;}
	.D_products_group_molddetail .Detail.sub_menu-trip .server_menu a{ font-size: 0;}
	.Detail.DepartureDate .IconMean{ top: 30px;}
}

/* 天數錨點 */
#day_menu { padding-top: 60px; }
#day_menu .list-group{ margin: 0 auto; left: 0; right: 0; background: #f3f3f3; max-width: 100%; }
#day_menu .list-group.Fixed_Date_Bar { top: 59px !important; }
#day_menu .list-group .list-group-item{color:#8ab751; font-size: 14px;  padding: 10px 12px;}
#day_menu .list-group .list-group-item:hover { background-color: #f3f3f3; border-color:  #f3f3f3; color: #8ab751;}
#day_menu .list-group .list-group-item.active { background-color: #8ab751; border-color: #8ab751; color: #ffffff; }
/****** 團型明細頁end ******/

/* 訂購流程頁 */
.stepPage_group_info .available_sale{ display: none;}
.group_home .stepPage_group_title .quantity_box .quantity{ font-size: 0;}
@media (max-width: 767px){
	.group_home .stepPage_group_content.group_cabin_content .quantity_content_box .quantity_tit_m{ font-size: 0; height: 0;}
}
@media (max-width: 575px){
	.group_home .stepPage_group_content.group_cabin_content .quantity_content_box .quantity_tit_m{ height: 0;}
}

/*行程內內容使用範本*/
.day_style_1 {margin-bottom: 20px;}
.day_style_1 img {width:100%;}
.day_style_2 {margin-bottom: 20px;}
.day_style_2 img {width:100%;}
.day_style_3 {margin-bottom: 20px;}
.day_style_3 img {width:100%; height: 253px;}
.day_style_4 {margin-bottom: 20px;}
.day_style_5 {margin-bottom: 20px;}
.day_style_6 {margin-bottom: 20px;}
.day_style_7 {margin-bottom: 20px;}
.day_style_8 {margin-bottom: 20px;}
.day_style_9 {margin-bottom: 20px;}
.day_style_10 {margin-bottom: 20px; position: relative;}
.day_style_10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0px 15px;}
.day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:50px;}
.day_style_11 {margin-bottom: 20px; padding: 0;}
.day_style_11 .tp_group {padding: 0; }
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_12 {margin-bottom: 20px; padding: 0 10px;}
.day_style_12 .tp_group {border: 1px solid #ddd; padding: 10px 0; }
.day_style_13 {margin-bottom: 20px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_14 {margin-bottom: 20px;}
.day_style_15 {margin-bottom: 20px;}
@media (max-width: 1199px){
	.day_style_10 .item_text{ position: initial; max-width: 100% !important; transform: initial !important;}
}

/* 通用商品 */
/* 隱藏報名及選擇項目 start */
.product-detailsNew article#DtailBasic .basic-left { flex: 0 0 100%; max-width: 100%; }
.product-detailsNew article#DtailBasic .basic-NonPreOrder { display: none;}
.product-detailsNew div#SelectDateItem{ display: none;}
.product-detailsNew .SubInside{ z-index: 92;}
.product-detailsNew .Trip-menu>ul>li:nth-child(2) { display: none; }
@media (max-width: 991px) {
	.product-detailsNew .Trip-menu-s-box { display: none; }
	.product-detailsNew .SubInside-menu { width:100%; }
}
/* 隱藏報名及選擇項目 end */