@charset "UTF-8";
.icons-sprite, .icons-cal, .icons-chevrons-down, .icons-fi_search, .icons-search { background-image: url('../images/icons-s5ef8c23a38.png'); background-repeat: no-repeat; }

.icons-cal { background-position: 0 0; }

.icons-chevrons-down { background-position: 0 -40px; }

.icons-fi_search { background-position: 0 -84px; }

.icons-search { background-position: 0 -128px; }

.unreset address, .unreset blockquote, .unreset dd, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }

.unreset li { display: list-item; }

.unreset head { display: none; }

.unreset table { display: table; }

.unreset tr { display: table-row; }

.unreset thead { display: table-header-group; }

.unreset tbody { display: table-row-group; }

.unreset tfoot { display: table-footer-group; }

.unreset col { display: table-column; }

.unreset colgroup { display: table-column-group; }

.unreset td, .unreset th { display: table-cell; }

.unreset caption { display: table-caption; }

.unreset th { font-weight: bolder; text-align: center; }

.unreset caption { text-align: center; }

.unreset body { margin: 8px; }

.unreset h1 { font-size: 2em; margin: 0.67em 0; }

.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }

.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }

.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }

.unreset h5 { font-size: .83em; margin: 1.5em 0; }

.unreset h6 { font-size: .75em; margin: 1.67em 0; }

.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }

.unreset blockquote { margin-left: 40px; margin-right: 40px; }

.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }

.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }

.unreset pre { white-space: pre; }

.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }

.unreset big { font-size: 1.17em; }

.unreset small, .unreset sub, .unreset sup { font-size: 0.83em; }

.unreset sub { vertical-align: sub; }

.unreset sup { vertical-align: super; }

.unreset table { border: 1px solid; border-spacing: 2px; }

.unreset thead, .unreset tbody, .unreset tfoot { vertical-align: middle; }

.unreset th, .unreset tr { vertical-align: inherit; border: 1px solid; padding: 5; font-size: 100%; }

.unreset td { vertical-align: inherit; border: 1px solid; padding-left: 5px; font-size: 100%; }

.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }

.unreset hr { border: 1px inset; }

.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }

.unreset ol { list-style-type: decimal; }

.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }

.unreset ul { list-style-type: disc; }

.unreset u, .unreset ins { text-decoration: underline; }

.unreset br:before { content: "\A"; white-space: pre-line; }

.unreset center { text-align: center; }

.unreset :link, .unreset :visited { text-decoration: underline; }

.unreset :focus { outline: thin dotted invert; }

.unreset span { font-weight: inherit; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define a styles! */
:link, :visited { text-decoration: none; }

:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

table tr td { vertical-align: middle; }

img { border: 0; }

a { color: inherit; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

/* padding */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { font-size: 100%; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* other */
code, kbd, samp, tt { font-size: 100%; }

header nav #logo a, header nav .navbar-expand-lg .navbar-nav .nav-item .nav-link, header nav .navbar-expand-lg .navbar-nav .nav_mege li a, header nav .navbar-expand-lg .navbar-nav .nav_mege .nav_mege_second li a, header nav .navbar-expand-lg .navbar-nav .nav-contact ul a, header nav .navbar-expand-lg .shortcut .mobile-item a, footer #footer .footer_sitemap .footer_sitemap_list a, footer #footer .footer_info .footer_info_contact ul .footer_info_contact_icon a, .banner_menu_block .banner_menu li a, .sidebar .sidebar_menu .collapse a, .sidebar_mobile .sidebar_mobile_content .collapse a, .news_list .news_list_title a, .news_detail .news_list .news_list_title a, .team_search li a, .btn a { width: 100%; height: 100%; display: block; color: inherit; }

header nav #logo a, .pagenum .btnleft a, .pagenum .btnright a { white-space: nowrap; text-indent: 100%; overflow: hidden; }

.table { display: table; border-spacing: 0.5rem; border-collapse: collapse; width: 100%; table-layout: fixed; }

/* animation-name: example; 動畫名稱 */
/* animation-duration: 4s; 動畫時間長度 */
/* animation-timing-function: linear; 動畫速度 */
/* animation-delay:2s; 動畫開始秒數'' */
/* animation-iteration-count: 3; 動畫循環次數 */
/* animation-direction: alternate; 動畫時間方向性 */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* $slick-font-path: "./fonts/" !default; */
/* Slider */
.slick-loading .slick-list { background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
} */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: 0px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

body { font: normal 14px/20px Verdana, "微軟正黑體", sans-serif; color: #333; }

.type-select-title { display: none; }

#wrapper { position: relative; padding-top: 70px; }

.clear { clear: both; }

hr { border: 1px #E7E7E7 solid; }

.hr20 { margin: 20px 0px; }

.hr40 { margin: 40px 0px; }

/* BOOTSTRAP */
body.modal-open { overflow: hidden; }

.bootstrap_default { /* padding:0px; */ /*  @extend %inline_block; float:none !important; */ }

.bootstrap_default.img img { width: 100%; }

/* TABLE */
.table .table_row { display: table-row; }
.table .table_cell { display: table-cell; vertical-align: middle; }

.line { border-top: 1px solid #B5B5B5; }

.text-align { text-align: right; }

.float-right { float: right; }

/* FONT */
.H1 { font-size: 32px; line-height: 48px; font-weight: 900; }

.H2 { font-size: 28px; line-height: 44px; font-weight: 900; }

.H4 { font-size: 26px; line-height: 40px; font-weight: 700; }

.H3 { font-size: 24px; line-height: 36px; font-weight: 700; }

.H5 { font-size: 22px; line-height: 32px; font-weight: 700; }

.H6 { font-size: 18px; line-height: 26px; font-weight: 700; }

.subtitle_lg { font-size: 16px; line-height: 24px; font-weight: 700; }

.subtitle_md { font-size: 14px; line-height: 20px; font-weight: 700; }

.body_lg { font-size: 16px; line-height: 24px; }

.body_md { font-size: 14px; line-height: 20px; }

.body_sm { font-size: 12px; line-height: 22px; }

header { background: #fff; width: 100%; position: fixed; top: 0px; z-index: 99; border-bottom: 1px #E7E7E7 solid; padding: 0 58px; }

header nav { height: 70px; display: flex; align-items: center; width: 100%; }

header nav .nav{ width: 100%; position: static;}

header nav .nav #navbarSupportedContent { position: absolute; right: 0; }

header nav { margin: 0px auto; padding: 16px 20px; }
header nav .nav { display: flex; align-items: center; justify-content: space-between; padding: 0px; }
header nav #logo { background: url(../images/logo.svg) no-repeat center; width: 162px; height: 25px; background-size: 162px; margin-right: 16px; }
header nav .navbar-collapse { flex-grow: unset; }
header nav .navbar-toggler { padding: 0px; cursor: pointer; overflow: hidden; }
header nav .navbar-toggler .navbar-toggler-icon { /* background:url(../images/icons/menu.svg) no-repeat; */ }
header nav .navbar-toggler .navbar-toggler-icon img { width: 30px; vertical-align: middle; }
header nav .navbar-toggler .navbar-toggler-icon:hover img { filter: drop-shadow(30px 0 #56B662); transform: translateX(-30.5px); }
header nav .navbar-expand-lg .navbar-nav { display: flex; align-items: stretch; }
header nav .navbar-expand-lg .navbar-nav .nav-item .nav-link { padding: 4px 12px; text-align: center; /* border-right: 1px #56B662 solid; */ cursor: pointer; position: relative; }
header nav .navbar-expand-lg .navbar-nav .nav-item:nth-last-child(-n+2) .nav-link { border: 0; }
header nav .navbar-expand-lg .navbar-nav .nav-item .nav-link H2 { font-weight: bold; height: 100%; display: flex; flex-direction: column; justify-content: center; }
header nav .navbar-expand-lg .navbar-nav .nav-item .nav-link span { display: block; font-size: 10px; color: #747474; }
header nav .navbar-expand-lg .navbar-nav .nav-item .nav-link:hover { background: #56B662; color: #fff; }
header nav .navbar-expand-lg .navbar-nav .nav-item .nav-link:hover span { color: #fff; }
header nav .navbar-expand-lg .navbar-nav .nav-item:hover .nav_mege { display: block; }
header nav .navbar-expand-lg .navbar-nav .nav-item:nth-last-child(-n+2) a { border-right: none; }
header nav .navbar-expand-lg .navbar-nav .nav_mege { display: none; width: max-content; position: absolute; top: 100%; left: 0px; }
header nav .navbar-expand-lg .navbar-nav .nav_mege li { border-bottom: 1px #747474 solid; position: relative; }
header nav .navbar-expand-lg .navbar-nav .nav_mege li a { background: #56B662; color: #fff; padding: 8px 16px; }
header nav .navbar-expand-lg .navbar-nav .nav_mege li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #fff; color: #56B662; }
header nav .navbar-expand-lg .navbar-nav .nav_mege li:hover .nav_mege_second { display: block; }
header nav .navbar-expand-lg .navbar-nav .nav_mege li:last-child { border: none; }
header nav .navbar-expand-lg .navbar-nav .nav_mege .nav_mege_second { display: none; width: max-content; position: absolute; top: 0px; left: 100%; }
header nav .navbar-expand-lg .navbar-nav .nav_mege .nav_mege_second li { border-bottom: 1px #747474 solid; text-align: left; }
header nav .navbar-expand-lg .navbar-nav .nav_mege .nav_mege_second li a { background: #5F9E5F; color: #fff; padding: 8px 16px; }
header nav .navbar-expand-lg .navbar-nav .nav_mege .nav_mege_second li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #fff; color: #56B662; }
header nav .navbar-expand-lg .navbar-nav .nav_mege .nav_mege_second li:last-child { border: none; }
header nav .navbar-expand-lg .navbar-nav .nav-contact { margin-left: 8px; background: #56B662; color: #fff; padding: 4px 78px 4px 12px; height: 70px; display: flex; }
header nav .navbar-expand-lg .navbar-nav .nav-contact ul { display: flex; align-items: center; }
header nav .navbar-expand-lg .navbar-nav .nav-contact ul img { width: 26px; }
header nav .navbar-expand-lg .navbar-nav .nav-contact ul a { margin-right: 8px; }
header nav .navbar-expand-lg .navbar-nav .nav-contact ul a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; opacity: 0.7; }
header nav .navbar-expand-lg .navbar-nav .nav-contact ul:last-child { margin-right: 0px; }
header nav .navbar-expand-lg .navbar-nav .nav-contact .phone p { font-weight: 700; letter-spacing: 7.54px; line-height: normal; }
header nav .navbar-expand-lg .navbar-nav .nav-contact .phone a { margin: 0; }
header nav .navbar-expand-lg .shortcut { display: flex; align-items: center; justify-content: flex-end; position: absolute; top: -6px; right: 0px; display: none; /* 				.nav-item{
					>a{@extend %a; @include transition(0.5s); background:$color-primary; overflow:hidden;
						&:hover img{filter:drop-shadow(30px 0 $color-primary); transform:translateX(-30px);}
					}
				} */ }
header nav .navbar-expand-lg .shortcut li { margin-left: 10px; font-size: 18px; line-height: 22px; }
header nav .navbar-expand-lg .shortcut .mobile-item a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #56B662; color: #fff; padding: 2px 12px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
header nav .navbar-expand-lg .shortcut .mobile-item a:hover img { filter: drop-shadow(30px 0 #56B662); transform: translateX(-30px); }

footer { background: #5F9E5F; color: #fff; margin: 180px 0px 0px 0px; position: relative; }
footer:before { content: ''; position: absolute; left: 0px; bottom: calc(100% - 50px); width: 100%; height: 160px; background-image: url(../images/Vector.png); background-repeat: no-repeat; background-size: cover; }
footer #footer { max-width: 1024px; margin: 0px auto; padding: 24px 16px; }
footer #footer .footer_sitemap .footer_sitemap_title { padding: 8px 0px; margin-bottom: 8px; border-bottom: #fff 1px solid; }
footer #footer .footer_sitemap .footer_sitemap_list a { padding: 4px 0px; }
footer #footer .footer_sitemap .footer_sitemap_list a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; opacity: 0.7; }
footer #footer .footer_info { margin-top: 32px; text-align: center; }
footer #footer .footer_info .footer_info_decs { margin: 12px 0px; }
footer #footer .footer_info .footer_info_contact ul { display: flex; align-items: center; justify-content: center; }
footer #footer .footer_info .footer_info_contact ul .footer_info_contact_tel { background: #fff; color: #56B662; padding: 8px 24px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
footer #footer .footer_info .footer_info_contact ul .footer_info_contact_icon { display: flex; align-items: center; justify-content: center; }
footer #footer .footer_info .footer_info_contact ul .footer_info_contact_icon img { width: 26px; }
footer #footer .footer_info .footer_info_contact ul .footer_info_contact_icon a { margin-left: 16px; }
footer #footer .footer_info .footer_info_contact ul .footer_info_contact_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; opacity: 0.7; }
footer #footer .footer_info .footer_info_contact ul .footer_info_contact_icon a:first-child { margin-right: 0px; }
footer #footer .footer_copyright { margin-top: 32px; text-align: center; }

#selfPaidReservation .modal-content { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#selfPaidReservation .reservation_title { color: #56B662; text-align: center; font-size: 16px; line-height: 24px; font-weight: 700; margin-bottom: 16px; }
#selfPaidReservation .checkbox { text-align: center; }

#banner .banner { position: relative; }
#banner .banner img { width: 100%; margin-bottom: -6px; }
#banner .banner span { color: #fff; border: 1px #fff solid; padding: 8px 48px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#banner_index { position: relative; }
#banner_index img { width: 100%; object-fit: cover; }
#banner_index .swiper-banner { overflow: hidden; }
#banner_index ul { align-items: center; }
#banner_index ul .banner_index_text { padding: 24px 8px 24px 40px; }
#banner_index ul .banner_index_text .body_lg { margin-top: 8px; color: #595757; }
#banner_index ul .banner_index_img img { width: 100%; margin-bottom: -6px; }

.menu_mobile { display: none; width: 100%; height: 100vh; overflow-y: scroll; background: rgba(95, 158, 95, 0.9); color: #fff; padding: 64px 16px 16px 16px; position: fixed; left: 0; top: 0; z-index: 999; }
.menu_mobile .menu_mobile_close { position: absolute; top: 16px; right: 16px; z-index: 999; }
.menu_mobile .menu_mobile_close img { width: 24px; }
.menu_mobile .menu_mobile_menu li { margin-bottom: 20px; }
.menu_mobile .menu_mobile_menu li a { width: fit-content; display: flex; align-items: center; padding: 4px; }
.menu_mobile .menu_mobile_menu li span { display: block; }
.menu_mobile .menu_mobile_menu li img { margin-left: 8px; }
.menu_mobile .menu_mobile_submenu { display: none; height: 100%; background: rgba(63, 131, 63, 0.9); padding: 64px 16px 16px 16px; position: absolute; top: 0px; right: 0px; }
.menu_mobile .menu_mobile_submenu li { margin-bottom: 12px; }
.menu_mobile .menu_mobile_submenu li a { width: fit-content; display: flex; align-items: center; padding: 4px; }
.menu_mobile .menu_mobile_submenu_menu { display: none; height: 100%; position: absolute; top: 0px; right: 0px; padding: 64px 16px 16px; background-color: rgba(63, 131, 63, 0.9); }
.menu_mobile .menu_mobile_submenu_menu li { margin-bottom: 12px; }
.menu_mobile .menu_mobile_submenu_menu li a { width: fit-content; display: flex; align-items: center; padding: 4px; }
.menu_mobile .menu_mobile_tag { display: flex; align-items: flex-end; justify-content: flex-start; flex-direction: column; }
.menu_mobile .menu_mobile_tag li { margin-bottom: 20px; text-align: right; }
.menu_mobile .menu_mobile_tag li a { width: fit-content; display: flex; align-items: center; padding: 4px; }
.menu_mobile .menu_mobile_tag li span { display: block; }
.menu_mobile .menu_mobile_tag li img { margin-left: 8px; }
.menu_mobile .menu_mobile_info { margin-top: 24px; }
.menu_mobile .menu_mobile_info .footer_info_contact_tel { background: #fff; text-align: center; color: #56B662; padding: 8px 24px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
.menu_mobile .menu_mobile_info .footer_info_contact_icon { display: flex; align-items: center; justify-content: center; margin-top: 16px; }
.menu_mobile .menu_mobile_info .footer_info_contact_icon a { width: auto; margin-left: 16px; }
.menu_mobile .menu_mobile_info .footer_info_contact_icon a img { width: 44px; }
.menu_mobile .menu_mobile_info .footer_info_contact_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; opacity: 0.7; }
.menu_mobile .menu_mobile_info .footer_info_contact_icon a:first-child { margin-right: 0px; }

.banner_menu_block { width: 100%; display: flex; align-items: center; justify-content: center; position: absolute; bottom: -20px; z-index: 2; white-space: nowrap; }
.banner_menu_block .banner_menu { padding: 0px 40px; background: #fff; width: fit-content; display: flex; align-items: center; border: 1px #E7E7E7 solid; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; overflow: hidden; }
.banner_menu_block .banner_menu {
  background: #fff; 
  align-items: center; 
  border: 1px #E7E7E7 solid; 
  border-radius: 999px; 
  -moz-border-radius: 999px; 
  -webkit-border-radius: 999px; 
  overflow: hidden; 
  background: #fff;
  width: fit-content;
  position: absolute;
  bottom: 0; /* 讓 `.banner_menu` 貼齊 `.banner_menu_block` 底部 */
  left: 50%;
  transform: translateX(-50%); /* 讓 `.banner_menu` 水平置中 */
  display: flex;
}

.banner_menu_block .banner_menu li a { padding: 12px 20px; border-right: 1px #E7E7E7 solid; text-align: center; cursor: pointer; position: relative; font-size: 15px; font-weight: bold; white-space: nowrap; }
.banner_menu_block .banner_menu li a span { display: block; font-size: 10px; color: #747474; font-weight: normal; }
.banner_menu_block .banner_menu li a:hover { background: #56B662; color: #fff; }
.banner_menu_block .banner_menu li a:hover span { color: #fff; }
.banner_menu_block .banner_menu li a:last-child { border: none; }

.banner_menu_block_mobile { display: none; text-align: center; margin-bottom: 24px; }
.banner_menu_block_mobile .H6 { background: #5F9E5F; color: #fff; padding: 12px 0px; margin-bottom: 16px; }
.banner_menu_block_mobile .catelog_menu { margin-top: 8px; }
.banner_menu_block_mobile .catelog_menu li { background: #fff; display: inline-block; margin: 0px 8px 8px 0px; }
.banner_menu_block_mobile .catelog_menu li a { display: block; border: #56B662 1px solid; color: #56B662; padding: 8px 24px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
.banner_menu_block_mobile .catelog_menu li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #6B9865; border: #6B9865 1px solid; color: #fff; }

.index_title { display: flex; align-items: center; justify-content: center; margin-bottom: 24px; text-align: center; margin-bottom: 64px; }
.index_title .H4 { font-size: 35px; color: #56B662; }
.index_title .index_title_decs { font-size: 35px; margin-top: 12px; }
.index_title .sub_title { font-size: 20px; line-height: 23px; margin-top: 7px; }
.index_title img { width: 36px; margin-left: 26px; }

.index_title.left { align-items: baseline; justify-content: flex-start; text-align: left; flex-direction: column; }
.index_title.left img { margin-left: 0px; margin-top: 31px; }

.index_title02 { text-align: center; }

.team_index { margin-top: 48px; position: relative; }
.team_index .index_title { margin: 0px 0px 35px 0px; justify-content: flex-start; }
.team_index .team_index_img {
  margin-top: 30px;
  padding: 0px;
  z-index: 2;
  overflow: hidden;
  /* height: 250px; 確保容器固定高度 */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team_index .team_index_img img {
  transform-origin: center top;
  /* width: 140%;
  margin-bottom: -6px;
  transition: transform 0.3s ease-out;
  position: absolute; */
  /* object-fit: cover; 確保圖片不變形並填滿容器 */
  /* object-position: center center; 設定圖片顯示的中心點 */
}
.team_index .team_index_text { background: #F5F5F5; padding: 100px 85px; position: relative; transition: transform 0.3s ease-out; margin-bottom: 30px;}
.team_index .team_index_text .index_title .index_title_decs { margin-top: 16px; }
.team_index .team_index_text:after { content: ""; position: absolute; right: 100%; top: 0; background: #F5F5F5; width: 70px; height: 100%; }

.videoblock { color: #fff; padding: 0px 0px 0px; margin-top: -100px; z-index: 1; position: relative; overflow: hidden; }
.videoblock > div { background: #5F9E5F; }
.videoblock .H4 { color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.videoblock .body-md { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.videoblock .video_carousel li { padding: 0px 8px; }

.videoblock::before { content: ''; display: block; width: 100%; /* 相對父元素寬度 */ max-width: 100%; /* 限制最大寬度 */ height: 100px; /* 保持比例 */ background: url(../images/Vector01.png) no-repeat center top; background-size: cover; background-repeat: no-repeat; margin-bottom: -8px; }

.videoblock::after { content: ''; display: block; width: 100%; /* 相對父元素寬度 */ max-width: 100%; /* 限制最大寬度 */ height: 150px; /* 保持比例 */ background: url(../images/Vector02.png) no-repeat center bottom; background-size: cover; background-repeat: no-repeat; margin-top: -50px; }

.index_sharing_carousel { overflow: hidden; margin-bottom: 73px; padding: 0px 58px; }
/* .index_sharing_carousel .sharing_carousel { padding: 0px 58px; } */
/* .index_sharing_carousel .sharing_carousel .sharing_list { margin: 0px 8px; } */

.index_service_carouse { margin-top: 70px; }

.branch_carousel { margin-top: 48px; }
.branch_carousel { position: relative; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
.branch_carousel img { width: 100%; margin-bottom: -6px; }
.branch_carousel .div_block_top { width: 100%; height: 100%; padding: 20px 16px; text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; position: absolute; top: 0px; background: rgba(0, 0, 0, 0.5); }
.branch_carousel .branch_carousel_title { color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.branch_carousel .branch_carousel_decs { color: #fff; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.branch_btn .btn a { font-size: 16px; }
.branch_btn .btn:has( + .btn a) a { background: #7456A2; border: 1px #7456A2 solid; }

.index_article_carousel { margin-bottom: 75px; }
.index_article_carousel .article_carousel .slick-slide { margin: 0 10px }
.index_article_carousel .article_carousel .slick-list { margin: 0 -10px }
/* .index_article_carousel .article_carousel .article_list { margin: 0px 4px; } */

.index_news_list .news_list .news_list_info {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 讓內容平均分散 */
  width: 100%;
}

.index_news_list .news_list .news_list_info > div {
  display: flex;
  align-items: center;
  flex-shrink: 0; /* 避免內容縮小 */
}


.index_news_list .news_list .news_list_info .news_list_info_catelog {
  width: 120px; /* 固定寬度 */
  text-align: center;
  font-family: monospace; /* 使用等寬字型確保間距一致 */
  letter-spacing: 2px; /* 根據字數調整間距 */
  white-space: nowrap; /* 避免換行 */
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}

.index_news_list .news_list .news_list_info .news_list_info_date {
  margin-right: 23px;
  flex-shrink: 0;
}

.index_news_list .news_list .news_list_info .news_list_title {
  width: calc(100% - 240px); /* 確保標題區域可以隨頁面縮放 */
}
/* CONTAINER */
section { max-width: 1280px; margin: 0px auto; }
section .img img { width: 100%; margin-bottom: -6px; }
section .content { max-width: 1280px; margin: 35px auto 80px auto; overflow: hidden; }
section .content .content_title { width: fit-content; color: #56B662; border: 1px #56B662 solid; padding: 4px 20px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
section .content .content_title02 { padding: 12px 0px; color: #56B662; }
section .content .textatea img { width: 100%; }
section .catelog_menu_block {
  /* overflow-x: auto;  允許水平滾動 */
  white-space: nowrap;  /* 防止內容換行 */
  scrollbar-width: none; /* 隱藏 Firefox 滾動條 */
  -ms-overflow-style: none; /* 隱藏 IE/Edge 滾動條 */
}

/* 隱藏 Chrome/Edge 的滾動條 */
section .catelog_menu_block::-webkit-scrollbar {
  display: none;
}

section .catelog_menu {
  display: flex; /* 讓項目排列在同一行 */
  width: 100%; /* 確保內容不縮小 */
  padding: 0;
  margin: 0 0 50px 0;
  overflow-x: auto;
}

section .catelog_menu li {
  flex-shrink: 0; /* 防止項目縮小 */
  padding: 10px 10px; /* 按鈕間距 */
  flex: 1 0 18%;
  text-align: center;
}
section .catelog_menu_block .catelog_menu li a { display: block; border: #7456A2 1px solid; color: #7456A2; padding: 8px 24px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
section .catelog_menu_block .catelog_menu li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #562B76; border: #562B76 1px solid; color: #fff; }
section .catelog_menu_block .catelog_menu li a.active { background: #7456A2; border: #7456A2 1px solid; color: #999999; color: #fff; }
section .catelog_menu.gary li { background: #fff; }
section .catelog_menu.gary li a { border: #747474 1px solid; color: #747474; }
section .catelog_menu.gary li a:hover { background: #747474; border: #747474 1px solid; color: #fff; }
section .catelog_menu.gary li a.active { background: #747474; border: #747474 1px solid; color: #747474; color: #fff; }

.sidebar .sidebar_title { margin-bottom: 16px; }
.sidebar .sidebar_title .H4 { color: #5F9E5F; }
.sidebar .tag li { border-radius: 0px; }
.sidebar .sidebar_menu li { padding: 8px 0px; }
.sidebar .sidebar_menu .sidebar_menu_list { color: #56B662; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 4px; }
.sidebar .sidebar_menu .sidebar_menu_list .qa_img { width: 16px; height: 16px; background: url(../images/000001.svg) no-repeat center; background-size: 16px; margin-left: 8px; display: inline-block; }
.sidebar .sidebar_menu .sidebar_menu_list[aria-expanded="true"] .qa_img { background: url(../images/000001.svg) no-repeat center; transform: rotate(180deg); background-size: 16px; }
.sidebar .sidebar_menu a.category_li { padding: 4px 0px; border-bottom: 1px #fff solid; display: block; }
.sidebar .sidebar_menu .collapse a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border-bottom: 1px #56B662 solid; }

.sidebar_mobile { display: none; }
.sidebar_mobile .sidebar_mobile_menu a { display: flex; justify-content: space-between; align-items: center; background: #6B9865; color: #fff; padding: 8px 20px; }
.sidebar_mobile .sidebar_mobile_menu img { width: 20px; }
.sidebar_mobile .sidebar_mobile_content { display: none; }
.sidebar_mobile .sidebar_mobile_content .sidebar_mobile_title { display: flex; justify-content: space-between; align-items: center; background: #56B662; color: #fff; padding: 8px 20px; }
.sidebar_mobile .sidebar_mobile_content .sidebar_mobile_title img { width: 20px; }
.sidebar_mobile .sidebar_mobile_content .sidebar_mobile_title[aria-expanded="true"] { background: #56B662; color: #fff; }
.sidebar_mobile .sidebar_mobile_content .sidebar_mobile_title[aria-expanded="true"] img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.sidebar_mobile .sidebar_mobile_content [id*=collapse] a { background: #E7E7E7; padding: 8px 20px; border-bottom: 1px #6B9865 solid; display: block; }
.sidebar_mobile .sidebar_mobile_content [id*=collapse] a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border-bottom: 1px #56B662 solid; }
.sidebar_mobile .sidebar_mobile_content .file_search { background: #6B9865; padding: 23px 13px; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form { display: flex; align-items: center; width: 100%; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form .vessel { display: flex; align-items: flex-start; width: 100%; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form label { display: none; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form input[type="text"] { background: #fff; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; width: 100%; height: 46px; color: #999999; padding: 0px 16px; border: none; border: 1px #E7E7E7 solid; line-height: 40px; outline: none; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form input[type="text"]::-webkit-input-placeholder { color: #999999; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form input[type="text"]::-moz-placeholder { color: #999999; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form input[type="text"]:-ms-input-placeholder { color: #999999; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form input[type="text"]:-moz-placeholder { color: #999999; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form input[type="text"]:focus { color: #999999; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form input[type="submit"] { background: url(../images/fi_search.png) no-repeat; background-size: 24px; width: 24px; height: 24px; position: absolute; top: 10px; right: 16px; border: none; box-shadow: none; cursor: pointer; }
.sidebar_mobile .sidebar_mobile_content .file_search .search_form input[type="submit"]:hover { opacity: 0.7; }
.sidebar_mobile ul.sidebar_mobile_menu { display: flex; justify-content: space-around; background: #6B9865; }
.sidebar_mobile ul.sidebar_mobile_menu a { padding: 8px 0px; }
.sidebar_mobile ul.sidebar_mobile_menu img { margin-left: 4px; }

.float_btn_block { position: fixed; right: 8px; top: 100px; z-index: 10; }
.float_btn_block .float_btn { display: flex; align-items: flex-start; flex-direction: column; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; overflow: hidden; }
.float_btn_block .float_btn li a { writing-mode: vertical-rl; text-orientation: upright; color: #fff; padding: 16px 8px; }
.float_btn_block .float_btn li a img { width: 20px; margin-bottom: 8px; }
.float_btn_block .float_btn li:nth-child(1) { background: #7456A2; }
.float_btn_block .float_btn li:nth-child(2) { background: #56B662; }
.float_btn_block .float_btn li:nth-child(3) { background: #EEA132; }
.float_btn_block .float_btn li:nth-child(4) { background: #EEA132; }
.float_btn_block .float_btn li:nth-child(4) a { padding: 0px 8px 8px 8px; }
.float_btn_block .float_btn li:nth-child(4) a img { width: 24px; margin-bottom: 0px; }

.tag li { display: inline-block; margin: 0px 4px 8px 0px; padding: 4px 8px; border: 1px #999999 solid; color: #999999; cursor: pointer; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
.tag li:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #562B76; border-bottom: 1px #562B76 solid; color: #fff; }
.tag li.active { background: #7456A2; border: 1px #7456A2 solid; color: #fff; }
#branch .tag li { color: #000; }
#branch .tag li:hover { color: #fff; }
#branch .tag li.active { color: #fff; }

/* BLOCK */
.breadcrumbs { background: #56B662; color: #fff; }
.breadcrumbs span { display: block; max-width: 1280px; margin: 0px auto; padding: 12px 20px; }

.form .form_list { margin-bottom: 35px; }
.form .form_list:last-child { margin-bottom: 0px; }
.form .form_list .form_list_title { font-size: 18px; font-weight: bold; margin-bottom: 18px; color: #56B662; }
.form_list_title:has(+ .form_list_content) { text-align: left; }
.form .form_list .float_label { position: absolute; top: 20px; left: 30px; margin: 0; pointer-events: none; }
.form .form_list .form_list_content { flex-grow: 1; position: relative; }
.form .form_list .form_list_content input:focus + .float_label,
.form .form_list .form_list_content input:focus + .form-text + .float_label,
.form .form_list .form_list_content select:has(option:checked:not([value=""])) + .float_label,
.form .form_list .form_list_content select.valid + .float_label { display: none; }
.form .form_list .form_list_content > li { margin-bottom: 12px; }
.form .form_list .form_list_content span.info { display: inline-block; border-bottom: 1px #999999 solid; }
.form .form_list .code { display: flex; justify-content: flex-start; }
.form .form_list .code input { background: #fff; border-radius: 0px; border: 1px #56B662 solid; width: 200px; }

.form-control { font-size: 14px; height: auto; }

.datepicker { padding: 8px !important; }
.datepicker table { padding: 8px; }
.datepicker .table-condensed { padding: 8px; }

.datepicker .datepicker-days td, .datepicker .datepicker-days th { width: 40px !important; height: 40px !important; }

.textarea { font-size: 13px; }
.textarea img { width: 100%; }
.textarea .textarea_title { font-size: 20px; margin-bottom: 20px; }

.search_form { display: flex; align-items: center; /* 	input[type="submit"]{background:url(../images/icons/search.png) no-repeat; background-size:24px; width:24px; height:24px; position:absolute; top:10px; right:$padding_2; border:none; box-shadow:none; cursor:pointer;}
	input[type="submit"]:hover {opacity: 0.7;} */ }
.search_form > .vessel { width: 240px; display: inline-block; position: relative; }
.search_form label { display: none; }
.search_form input[type="text"] { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100%; height: 46px; color: #333; padding: 0px 8px; border: none; border: 1px #E7E7E7 solid; line-height: 40px; outline: none; }
.search_form input[type="text"]::-webkit-input-placeholder { color: #333; }
.search_form input[type="text"]::-moz-placeholder { color: #333; }
.search_form input[type="text"]:-ms-input-placeholder { color: #333; }
.search_form input[type="text"]:-moz-placeholder { color: #333; }
.search_form input[type="text"]:focus { color: #333; }

input[type="text"], input[type="date"] { background: #e5e5e5; width: 100%; color: #333; font-size: 18px; padding: 19px 30px; border: none; border: 1px #E7E7E7 solid; line-height: 24px; outline: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
input[type="text"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder { color: #989898; font-size: 18px; }
input[type="text"]::-moz-placeholder, input[type="date"]::-moz-placeholder { color: #989898; font-size: 18px; }
input[type="text"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder { color: #989898; font-size: 18px; }
input[type="text"]:-moz-placeholder, input[type="date"]:-moz-placeholder { color: #989898; font-size: 18px; }
input[type="text"]:focus, input[type="date"]:focus { background: #FAFAFA; border: 1px #56B662 solid; color: #333; }

input[type="number"] { background: #e5e5e5; width: 100%; color: #333; font-size: 18px; padding: 8px 8px; border: none; border: 1px #E7E7E7 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="number"]::-webkit-input-placeholder { color: #989898; }
input[type="number"]::-moz-placeholder { color: #989898; }
input[type="number"]:-ms-input-placeholder { color: #989898; }
input[type="number"]:-moz-placeholder { color: #989898; }
input[type="number"]:focus { background: #FAFAFA; border: 1px #56B662 solid; color: #333; }

input[type="password"] { background: #e5e5e5; width: 100%; color: #333; font-size: 18px; padding: 8px 8px; border: none; border: 1px #E7E7E7 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="password"]::-webkit-input-placeholder { color: #989898; }
input[type="password"]::-moz-placeholder { color: #989898; }
input[type="password"]:-ms-input-placeholder { color: #989898; }
input[type="password"]:-moz-placeholder { color: #989898; }
input[type="password"]:focus { background: #FAFAFA; border: 1px #56B662 solid; color: #333; }

textarea { background: #e5e5e5; width: 100%; color: #333; font-size: 18px; padding: 19px 30px; border: none; border: 1px #E7E7E7 solid; line-height: 24px; outline: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
textarea::-webkit-input-placeholder { color: #989898; }
textarea::-moz-placeholder { color: #989898; }
textarea:-ms-input-placeholder { color: #989898; }
textarea:-moz-placeholder { color: #989898; }
textarea:focus { background: #FAFAFA; border: 1px #56B662 solid; color: #333; }

input[type="checkbox"] { width: 14px; height: 14px; background: #7456A2; margin: -3px 8px 0 0; vertical-align: middle; }

input[type="radio"] { appearance: none; /* 取消瀏覽器的預設樣式 */ -webkit-appearance: none; /* 為兼容 WebKit 瀏覽器 */ -moz-appearance: none; /* 為兼容 Firefox */ background: #7456A2; margin: 0px 16px 0 -8px; vertical-align: middle; }

select { width: 100%; -moz-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; width: 100%; padding: 19px 30px; cursor: pointer; border: 1px #e5e5e5 solid; background: #e5e5e5 url(../images/Polygon10.png) no-repeat center; background-position: right 20px center; font-size: 18px; }
/* 預設文字顏色 */
select.float_input { color: #333; }
/* 佔位符文字顏色 */
select.float_input.placeholder-color { color: #989898; }
/* 下拉選單中的選項維持正常的顏色 */
select.float_input option { color: #333; }

input[type="text"].cal { background: #e5e5e5 url(../images/cal.png) no-repeat center; background-position: right 20px center; }

.checkbox input[type="checkbox"] { display: none; }

.checkbox input[type="text"] { width: 160px; border: none; padding: 8px 24px; margin-left: 4px; }

.checkbox span { font-size: 18px; margin: 0px 4px 8px 0px; display: inline-block; padding: 15px 36px; color: #56B662; border: 1px #56B662 solid; cursor: pointer; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

.checkbox span:hover { background: #56B662; color: #fff; }

.checkbox input:checked + span { background: #56B662; border: 1px #56B662 solid; color: #fff; cursor: pointer; }

/* HISTORY */
.history_list_block .history_list { padding: 15px; }
.history_list_block .history_list span { display: block; }
.history_list_block .history_list .history_list_date { color: #56B662; margin-bottom: 16px; }
.history_list_block li .history_list_date { display: block; font-size: 22px; margin-bottom: 16px; max-width: 1280px; margin: 0px auto; }
.history_list_block li .history_list_info { display: block; font-size: 16px; max-width: 1280px; margin: 0px auto; }
.history_list_block li:nth-child(even) { background: #F5F5F5; }
.history_list_block li:nth-child(odd) { background: #F1F1F1; }

.video-container { height: 0; padding-bottom: 56.25%; padding-top: 30px; position: relative; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* NEWS */
.news_list { padding: 25px 0; border-bottom: 1px #E7E7E7 solid; }
.news_list .news_list_info .news_list_info_catelog { display: inline-block; padding: 4px 8px; border: 1px #7456A2 solid; color: #7456A2; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; margin-right: 13px; }
.news_list .news_list_info {
  display: grid;
  grid-template-columns: 120px auto 100px; /* 120px 分配給分類，auto 讓日期適應 */
  align-items: center;
  /* min-height: 40px; 確保 `.news_list_info` 高度一致 */
}
.news_list_info_catelog {
  width: 120px; /* 確保分類固定寬度 */
  text-align: center;
  font-family: monospace;
  letter-spacing: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}

.news_list_info_date {
  color: #6B9865;
  min-width: 100px; /* 確保日期區塊有最小寬度 */
  text-align: left; /* 確保對齊 */
  margin-left: 10px;
}
/* .news_list .news_list_info .news_list_info_date { color: #6B9865; } */
.news_list .news_list_title { display: flex; align-items: center; justify-content: space-between; }
.news_list .news_list_title .news_list_title_button { display: inline-block; margin-left: 8px; padding: 5px 20px; border: 1px #7456A2 solid; color: #7456A2; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; margin-right: 4px; }
.news_list .news_list_title .news_list_title_button img { width: 5px;vertical-align: middle; margin-left: 10px; }
.news_list .news_list_title a { font-size: 22px; display: flex; align-items: center; justify-content: space-between; padding: 0px 4px; /* 			&:hover .news_list_title_button{@include transition(0.5s); background:$color-secondary-dark; border:1px $color-secondary-dark solid; color:#fff;} */ }
.news_list .news_list_title .btn_secondary { margin-top: 0px; }
.news_list .news_list_title .btn_secondary a { padding: 10px 30px !important; color: #56B662; }
.news_list .news_list_title .btn_p_outline { margin-top: 0px; }
.news_list .news_list_title .btn_p_outline a { font-size: 16px; padding: 10px 30px !important; color: #562B76; }
.news_list .news_list_title .btn_secondary_outline { margin-top: 0px; }
.news_list .news_list_title .btn_secondary_outline a { font-size: 16px; padding: 10px 30px !important; color: #56B662; }

.news_detail img { width: 100%; max-width: 100%; }
.news_detail .news_list { border-bottom: none; }
.news_detail .news_list .news_list_info .news_list_info_catelog { display: inline-block; padding: 4px 8px; border: 1px #7456A2 solid; color: #7456A2; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; margin-right: 4px; }
.news_detail .news_list .news_list_info .news_list_info_catelog.green { border: 1px #56B662 solid; color: #56B662; }
.news_detail .news_list .news_list_info .news_list_info_date { color: #6B9865; }
.news_detail .news_list .news_list_info .news_list_info_decs { color: #747474; }
.news_detail .news_list .news_list_title .H5 { width: calc(100% - 138px); }
.news_detail .news_list .news_list_title .news_list_title_button { margin-left: 0px; padding: 4px 8px; border: 1px #7456A2 solid; color: #7456A2; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; margin-right: 4px; }
.news_detail .news_list .news_list_title a { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; padding: 8px 4px; }
.news_detail .news_list .news_list_title a:hover .news_list_title_button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #7456A2; color: #fff; }
.news_detail .btn { margin-top: 20px; }
.news_detail .new_more { justify-content: center; padding-top: 48px; margin-top: 48px; border-top: 1px #E7E7E7 solid; }
.news_detail .new_more:has(li:nth-of-type(2)) { justify-content: space-between; }
.news_detail .new_more .btn.btn_p_outline a { font-size: 16px; padding: 10px 30px !important; }

.sharing_detail .news_list .news_list_info, .article_detail .news_list .news_list_info { grid-template-columns: 1fr 100px; }
.sharing_detail .news_list .news_list_info ~ .news_list_info,
.article_detail .news_list .news_list_info ~ .news_list_info,
.machinery_detail .news_list .news_list_info { grid-template-columns: repeat(auto-fill, minmax(120px, max-content)); gap: 8px }

.machinery_detail .btn_p_outline a { font-size: 16px; padding: 10px 30px !important; }

/* MACHINERY */
#ul_machinery_list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 84px 60px; }
.machinery_list .machinery_list_img img { width: 100%; max-width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.machinery_list .machinery_list_title { margin-top: 8px; font-size: 18px; }
.machinery_list .machinery_list_decs { color: #562B76; margin-top: 8px; font-size: 16px; font-weight: bold; }

/* BRANCH */
.servicel img:not(.icv__img) { width: 100%; max-width: 100%; }
.index_branch_carousel .index_title { margin-bottom: 54px; }
.branch_list { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px #E7E7E7 solid; }
.branch_list .branch_list_img img { width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.branch_list .branch_list_info .H5 { font-size: 20px; }
.branch_list .branch_list_info div { margin-bottom: 8px; }
.branch_list .branch_list_info .btn_secondary { width: fit-content; margin-top: 12px; }

.service_carousel { margin-top: 32px; }
.service_carousel li, .service_carousel .swiper-slide { margin: 0px 8px; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
.service_carousel li img, .service_carousel .swiper-slide img { width: 100%; margin-bottom: -6px; aspect-ratio: auto; }
.service_carousel li .div_block_top, .service_carousel .swiper-slide .div_block_top { width: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(18, 28, 59, 0)); padding: 20px 16px; text-align: center; position: absolute; top: 0px; }
.service_carousel li .service_carousel_title, .service_carousel .swiper-slide .service_carousel_title { color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.service_carousel li .service_carousel_decs, .service_carousel .swiper-slide .service_carousel_decs { color: #fff; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.branch_detail_info div { display: flex; align-items: flex-start; margin-bottom: 8px; }
.branch_detail_info .phone, .branch_detail_info .tax { font-size: 16px; }
.branch_detail_info div span:first-child { flex-basis: 40px; color: #56B662; margin-right: 8px; }
.branch_detail_info div span:last-child { width: calc(100% - 48px); }
.branch_detail_info div.right { margin-top: 24px; justify-content: flex-end; }

iframe { width: 100%; height: 400px; }

#slider-product img { width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#slider-product .carousel-indicators { width: 100%; position: relative; justify-content: space-around; margin: 0px; }
#slider-product .carousel-indicators li { display: block; text-indent: inherit; opacity: .75; }
#slider-product .carousel-indicators .active { opacity: 1; }

.slider-nav { margin-top: 35px; }
.slider-nav img { width: 100%; padding: 0px 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.note { width: 100%; background: #eee; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 20px 30px; margin: 20px 0; }
.note p { white-space: pre-wrap; font-size: 18px; }

.branch_iframe { /* margin-top: -78px; */ margin-left: -15px; margin-right: -15px; }

/* TEAM */
.team_list { margin-bottom: 30px; padding: 20px 20px 24px 20px; text-align: center; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.team_list:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #56B662 solid; }
.team_list .team_list_img img { width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.team_list .team_list_title { margin: 8px 0px; }
.team_list .team_list_title div { color: #5F9E5F; }
.team_list .team_list_title span {
  display: block; color: #999999; 
  -webkit-line-clamp: 1; /* 限制最多顯示 1 行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5; /* 每行高度 */
  min-height: 1.5rem; /* 讓即使只有一行時也佔 2 行高度 */
}
.team_list .team_list_action { display: flex; align-items: center; justify-content: center; height:36px;}
.team_list_action a img {
  transition: filter 0.3s ease, transform 0.3s ease;
  width: 28px;
}
.team_list_action a:hover img {
  transform: scale(1.2); /* 放大 10% */
}

.card_title_fixed_high{
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制最多顯示 2 行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5; /* 每行高度 */
  min-height: 3rem; /* 讓即使只有一行時也佔 2 行高度 */
  height:54px;
}

.team_search { background: #56B662; margin: 0px auto 71px auto; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: flex; align-items: flex-start; overflow: hidden; width: fit-content; }
.team_search li { border-right: 1px #fff solid; }
.team_search li a { padding: 12px 24px; border: 1px #56B662 solid; }
.team_search li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #56B662; }
.team_search li:last-child { margin-right: 0px; border-right: none; }
.team_search li input[type="text"] { background: #FAFAFB; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; width: 100%; height: 46px; color: #000; padding: 0px 16px; border: none; line-height: 40px; outline: none; }
.team_search li input[type="text"]::-webkit-input-placeholder { color: #000; }
.team_search li input[type="text"]::-moz-placeholder { color: #000; }
.team_search li input[type="text"]:-ms-input-placeholder { color: #000; }
.team_search li input[type="text"]:-moz-placeholder { color: #000; }
.team_search li input[type="text"]:focus { color: #000; }
.team_search li .vessel { display: flex; align-items: flex-start; }
.team_search li input[type="submit"] { background: #EEA132; border: none; height: 46px; padding: 12px 24px; color: #fff; }

.teamy_detail .team_detail_img img { width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.teamy_detail .team_detail_img_container { margin-top: 50px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 54px 35px; }
.teamy_detail .team_detail_img_container img { width: 100%; }
.teamy_detail .team_detail_title div { font-size: 22px; margin: 0px; }
.teamy_detail .team_detail_title span { display: block; color: #999999; font-size: 16px; }
.teamy_detail .team_list_action { display: flex; align-items: center; }
.teamy_detail .team_list_action a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; opacity: 0.7; }
.teamy_detail .team_detail_info { margin-bottom: 4px; }
.teamy_detail .team_detail_info span { color: #56B662; margin-right: 8px; }

.team_carousel { margin-top: 30px; margin-bottom: 50px; }
.team_carousel li { padding: 0px 12px; }
.team_carousel img { width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 4px; }
.team_carousel .team_carousel_date { margin-top: 25px; margin-bottom: 12px; }
.team_carousel .team_carousel_title { margin-bottom: 17px; }
.team_carousel .team_carousel_tag { display: inline-block; padding: 4px 8px; background: #7456A2; color: #fff; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }

.timetable_block { padding: 48px 0px; }
.timetable_block .timetable_title { background: #56B662; color: #fff; text-align: center; padding: 20px 8px; }
.timetable_block .timetable { display: flex; align-items: center; flex-wrap: wrap; width: 100%; }
.timetable_block .timetable .timetable_week { width: 100%; background: #4DC077; color: #fff; }
.timetable_block .timetable .timetable_week ul { display: flex; align-items: center; /* 			li:first-child{flex-basis:100px;} */ }
.timetable_block .timetable .timetable_week ul li { flex: 1; text-align: center; padding: 24px 8px; }
.timetable_block .timetable .timetable_week ul li:nth-child(even) { background: rgba(255, 255, 255, 0.1); }
.timetable_block .timetable .timetable_day { width: 100%; background: #EAEAEA; }
.timetable_block .timetable .timetable_day ul { display: flex; align-items: center; /* 			li:first-child{flex-basis:100px;} */ }
.timetable_block .timetable .timetable_day ul li { flex: 1; text-align: center; padding: 24px 8px; }
.timetable_block .timetable .timetable_day ul li span, .timetable_block_mobile .time_week ul li span { height: auto; display: block; background: #56B662; color: #fff; margin-top: 4px; padding: 4px 12px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; font-size: 10px; }
.timetable_block .timetable .timetable_day ul li .schedule + .schedule, .timetable_block_mobile .time_week ul li .schedule + .schedule { margin-top: 24px; }
.timetable_block .timetable .timetable_day ul li:nth-child(even) { background: rgba(255, 255, 255, 0.1); }
.timetable_block .timetable .timetable_day:nth-child(even) { background: rgba(234, 234, 234, 0.7); }
.timetable_block .btn.btn_primary { max-width: 542px; margin: 0px auto 40px auto; }
.timetable_block .timetable_notice { width: 100%; color: #56B662; margin-top: 17px; text-align: center; font-size: 17px; }
.timetable_block_mobile { display: none; }

/* SHAEING */
#sharing .catelog_menu li a { border: #56B662 1px solid; color: #56B662; }
#sharing .catelog_menu li a:hover { background: #6B9865; border: #6B9865 1px solid; color: #fff; }
#sharing .catelog_menu li a.active { background: #56B662; border: #56B662 1px solid; color: #fff; }
#sharing .tag li:hover { background: #6B9865; border-bottom: 1px #6B9865 solid; color: #fff; }
#sharing .tag li.active { background: #56B662; border: 1px #56B662 solid; color: #fff; }

/* .sharing_list { margin-bottom: 61px; } */
.sharing_list { margin-bottom: 61px; }
.sharing_list .sharing_list_img img { width: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 12px; }
.sharing_list .sharing_list_title { margin-top: 10px; font-size: 22px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sharing_list .sharing_list_decs { color: #999999; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.sharing_list .sharing_list_title_button { display: inline-block; padding: 4px 8px; border: 1px #56B662 solid; color: #56B662; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; margin-right: 4px; }
.sharing_list .sharing_tag { margin-top: 10px; }
.sharing_list .sharing_tag li { display: inline-block; background: #56B662; margin: 0px 4px 8px 0px; padding: 4px 8px; color: #fff; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }

/* ARTICLE */
.article_list { margin-bottom: 61px; }
.article_list .article_list_img img { width: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 12px; }
.article_list .article_list_title { margin-top: 10px; font-size: 22px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article_list .article_list_decs { color: #562B76; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.article_list .article_list_date { color: #999999; margin-top: 8px; }
.article_list .article_list_title_button { display: inline-block; padding: 4px 8px; border: 1px #7456A2 solid; color: #7456A2; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; margin-right: 4px; }
.article_list .article_tag { margin-top: 10px; }
.article_list .article_tag li { display: inline-block; background: #562B76; margin: 0px 4px 8px 0px; padding: 4px 8px; color: #fff; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }

/* QA */
.qa_list { border: 1px #747474 solid; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden; margin-bottom: 40px; }
.qa_list .qa_list_text { display: flex; align-items: center; justify-content: space-between; padding: 20px 30px; color: #747474; }
.qa_list .qa_list_text .qa_img { min-width: 24px; width: 24px; height: 24px; background: url(../images/_pub.svg) no-repeat center; background-size: 24px; margin-left: 8px; display: inline-block; }
.qa_list .qa_list_text[aria-expanded="true"] { background: #5F9E5F; color: #fff; }
.qa_list .qa_list_text[aria-expanded="true"] .qa_img { min-width: 24px; width: 24px; height: 24px; background: url(../images/_pub02.svg) no-repeat center; background-size: 24px; }
.qa_list .qa_list_answer { background: #fff; font-size: 16px; }
.qa_list .qa_list_answer p { padding: 40px 30px; }

.modal-dialog .modal-content .modal-header { position: relative; border-bottom: none; padding: 32px 24px; }
.modal-dialog .modal-content .modal-header .modal-title { font-size: 24px; line-height: 32px; font-weight: bold; }
.modal-dialog .modal-content .modal-header button { position: absolute; right: 32px; top: 32px; opacity: 1; z-index: 999; cursor: pointer; }
.modal-dialog .modal-body { border-top: none; padding: 24px 24px; }
.modal-dialog .modal-footer { border-top: none; }
.modal-dialog .modal-footer .btn { margin-top: 0px; }

/* SLICK */
.slick-prev, .slick-next { width: 46px; height: 46px; }

.slick-prev { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_left_b.svg) no-repeat; opacity: 0.7; left: 0px; z-index: 9; }

.slick-prev:before { content: ""; }

/* [dir='rtl'] .slick-prev:before{content:url(../images/arrow_right.png);} */
.slick-prev:hover, .slick-prev:focus { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_left_b.svg) no-repeat; opacity: 1; }

.slick-next { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_right_b.svg) no-repeat; opacity: 0.7; right: 0px; z-index: 9; }

.slick-next:before { content: ""; }

/* [dir='rtl'] .slick-next:before{content:url(../images/arrow_left.png);} */
.slick-next:hover, .slick-next:focus { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(../images/arrow_right_b.svg) no-repeat; opacity: 1; }

.slick-dotted.slick-slider { margin-bottom: 0px; }

.slick-dots { bottom: -32px; }
.slick-dots li { width: 10px; height: 10px; margin: 0px 8px; }
.slick-dots li button { width: 10px; height: 10px; }
.slick-dots li button:before { width: 10px; height: 10px; background: #E7E7E7; font-size: 0px; opacity: 1; border-radius: 9999px; -moz-border-radius: 9999px; -webkit-border-radius: 9999px; }
.slick-dots li.slick-active button:before { background: #7456A2; font-size: 0px; opacity: 1; }

.pagenum { margin: 40px 0px 0px 0px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pagenum li a { width: 40px; height: 40px; text-align: center; display: inline-block; padding: 8px 0px; margin: 0px 6px; }
.pagenum .center a:hover { background: #56B662; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pagenum .center a.on { background: #56B662; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pagenum .btnleft a { background: url(../images/arrow_left001.png) no-repeat center 18px; opacity: 0.4; }
.pagenum .btnleft a:hover { opacity: 1; }
.pagenum .btnright a { background: url(../images/arrow_right001.png) no-repeat center 18px; opacity: 0.4; }
.pagenum .btnright a:hover { opacity: 1; }

#tinynav1 { display: none; margin-bottom: 24px; }

.tinynav01 #tinynav1 { width: 100%; padding: 24px 16px; margin-bottom: 40px; background: #56B662; color: #fff; border: 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; -webkit-appearance: none; }

.tinynav02 #tinynav1 { width: 100%; padding: 24px 16px; margin-bottom: 40px; background: #56B662; border: 0px; border: 1px #E7E7E7 solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; -webkit-appearance: none; }

.btn { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #fff; text-align: center; }
.btn a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; width: 100%; color: #1F2630; margin: 0px auto 0px auto; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }

.btn_primary { text-align: center; }
.btn_primary a { background: #56B662; border: 1px #56B662 solid; color: #fff; padding: 12px 24px; }
.btn_primary a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #6B9865 solid; background: #6B9865; }

.btn_secondary { text-align: center; }
.btn_secondary a { color: #56B662; border: 1px #56B662 solid; padding: 12px 24px; }
.btn_secondary a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #6B9865 solid; color: #6B9865; }

.btn_secondary_outline { text-align: center; }
.btn_secondary_outline a { color: #56B662; border: 1px #56B662 solid; padding: 12px 24px; }
.btn_secondary_outline a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #6B9865 solid; }

.btn_p_outline { text-align: center; }
.btn_p_outline a { color: #562B76; border: 1px #562B76 solid; padding: 12px 24px; }
.btn_p_outline a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #562B76 solid; }

.red { color: #B00020 !important; }

.black { color: #333 !important; }

.green { color: #56B662; }

#complete .content { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 36px; }
#complete .content img { width: 100%; max-width: 424px; margin-bottom: 17px; }
#complete .content .message { width: 100%; max-width: 424px; font-size: 45px; color: #56b662; background-color: #fff; border: 1px solid #56b662; padding: 20px 0; text-align: center; line-height: 47px; font-weight: bold; }
#complete .content .message span { font-size: 25px; display: block; }
#complete .btn_secondary a { font-weight: 500; padding: 10px 30px; font-size: 22px; }

#privacy .list-decimal { padding-left: 20px; }
#privacy .list-decimal li { list-style: decimal; }

#send_appointment { font-size: 22px; background: #7456a2; border: 1px solid #7456a2; color: white; }

/*Styles for screen 1440px and lower*/
@media screen and (max-width: 1440px) {
  header { padding: 0px; }
  header nav .navbar-expand-lg .navbar-nav .nav-contact { padding: 4px 20px 4px 12px; }
  .banner_menu_block { bottom: 20px; }
}
/*Styles for screen 1200px and lower*/
/*Styles for screen 1024px and lower*/
/*Styles for screen 1000px and lower*/
@media screen and (max-width: 1000px) {
  .type-select-title { text-align: center; color: #56B662; font-size: 16px; display: block; }
  #wrapper { padding-top: 70px; }
  header nav .nav { position: relative; }
  header nav #logo { background: url(../images/logo.svg) no-repeat center; width: 130px; height: 20px; background-size: 130px; }
  header nav .navbar-expand-lg .navbar-nav { display: flex; align-items: center; }
  header nav .navbar-expand-lg .navbar-nav .nav-item { width: 100%; text-align: center; }
  header nav .navbar-expand-lg .navbar-nav .nav-item > a { width: 100%; padding: 12px 24px; border-bottom: 1px #747474 solid; }
  header nav .navbar-expand-lg .navbar-nav .nav-item:last-child a { border-bottom: none; }
  header nav .navbar-expand-lg .navbar-nav .nav-icon { display: none; }
  header nav .navbar-expand-lg .navbar-nav .nav-select { display: none; }
  header nav .navbar-expand-lg .shortcut { display: flex; }
  /* CONTAINER */
  .sidebar_mobile { display: block; }
  .sidebar { display: none; }
  /* BRANCH */
  #branch .sidebar { display: block; margin-bottom: 12px; }
  #branch .sidebar .sidebar_title { display: none; }
  #branch .sidebar .sidebar_map { display: none; }
  /* SHAEING */
  #sharing .sidebar { display: block; margin-bottom: 12px; }
  #sharing .sidebar .sidebar_title li:not(.H4) { display: none; }
  #sharing .sidebar .sidebar_title li.H4 { font-size: 16px; color: #333; }
  #sharing .sidebar .sidebar_map { display: none; }
  /* ARTICLE */
  #article .sidebar { display: block; margin-bottom: 12px; }
  #article .sidebar .sidebar_title li:not(.H4) { display: none; }
  #article .sidebar .sidebar_title li.H4 { font-size: 16px; color: #333; }
  #article .sidebar .sidebar_map { display: none; }
  /* QA */
  #qa .sidebar { display: block; margin-bottom: 12px; }
  #qa .sidebar .sidebar_title li:not(.H4) { display: none; }
  #qa .sidebar .sidebar_title li.H4 { font-size: 16px; color: #333; }
  #qa .sidebar .sidebar_map { display: none; } }
@media screen and (max-width: 1000px) {
  .menu_mobile .menu_mobile_menu li { margin-left: -15px; margin-right: -15px; padding: 0 15px; }
  .menu_mobile .menu_mobile_menu li.active { background-color: #3c6832; }
}
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
  header nav .nav { position: relative; }
  .banner_menu_block { display: none; }
  .banner_menu_block_mobile { display: block; }
  .team_index { margin-top: 48px; position: relative; }
  .team_index .team_index_img { padding: 0px; z-index: 0; }
  .team_index .team_index_img img { width: 100%; margin-bottom: -6px; }
  .team_index .team_index_text { padding: 46px 50px; text-align: center; margin: -40px auto 0px auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
  .team_index .team_index_text .index_title { text-align: center !important; justify-content: center; }
  .team_index .team_index_text .index_title .index_title_decs { margin-top: 16px; }
  .team_index .team_index_text:after { display: none; }
  .index_title.left { justify-content: center; align-items: center; flex-direction: row; justify-content: center; margin-bottom: 24px; text-align: center; margin-bottom: 25px; }
  .index_title.left img { width: 24px; margin-left: 8px; margin-top: 0px; }
  .index_title.mt-5 { margin: 0px 0px 25px !important; }
  .index_title .H4 { font-size: 22px; line-height: 29px; }
  .index_title .sub_title { font-size: 12px; line-height: 1; margin-top: 0; }
  .index_title img { width: 24px; height: 24px; margin-left: 8px; display: block; }
  .index_title a { display: block; }
  .branch_carousel { margin: 0px; }
  .index_news_list .news_list { align-items: flex-start; }
  .index_news_list .news_list .news_list_info { flex-direction: column; align-items: flex-start; }
  .index_news_list .news_list .news_list_info .news_list_title { width: 100%; }
  .videoblock { margin-top: 0px; }
  .videoblock > div { background: none; }
  .videoblock .index_title02 { display: none; }
  .videoblock::before { display: none; margin: 0px; }
  .videoblock::after { display: none; margin: 0px; }
  .float_btn_block { width: 100%; right: 0px; left: 0px; top: auto; bottom: 0px; }
  .float_btn_block .float_btn { width: 100%; flex-direction: row; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
  .float_btn_block .float_btn li { width: 100%; text-align: center; }
  .float_btn_block .float_btn li a { display: inline-block; writing-mode: horizontal-tb; padding: 8px 8px; }
  .float_btn_block .float_btn li a img { margin-bottom: 0px; margin-right: 8px; }
  .float_btn_block .float_btn li:nth-child(1) { background: #7456A2; }
  .float_btn_block .float_btn li:nth-child(2) { background: #56B662; }
  .float_btn_block .float_btn li:nth-child(3) { background: #EEA132; }
  .float_btn_block .float_btn li:nth-child(4) { display: none; }
  .pagenum li a { width: 30px; height: 30px; padding: 4px 0px; }
  /* NEWS */
  .news_list .news_list_title { margin: 8px 0px 14px 0px; }
  .news_list .news_list_title .news_list_title_button { display: none; }
  .news_detail .news_list .news_list_title .H5 { width: 100%; }
  /* MACHINERY */
  #ul_machinery_list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 50px; }
  .machinery_list .machinery_list_decs { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
  footer:before { display: none; }
  footer #footer .footer_sitemap { display: none; }
  footer #footer .footer_info_contact ul { flex-direction: column; }
  footer #footer .footer_info_contact ul .footer_info_contact_icon { margin-top: 8px; }
  /* NEWS */
  /* .news_detail .new_more { display: none; } */
  /* TEAM */
  #team .content_title { width: 100%; }
  /* TEAM */
  .checkbox span:hover { background: transparent; color: #56B662; }
  .team_list { box-shadow: none; padding: 5px 10px 12px }
  .timetable_block { display: none; }
  .timetable_block { padding: 48px 0px 0px 0px; margin: 0px; }
  .timetable_block .timetable_title { background: #56B662; color: #fff; text-align: center; padding: 12px 8px; }
  .timetable_block .timetable .timetable_week { width: 25%; }
  .timetable_block .timetable .timetable_week ul { flex-direction: column; }
  .timetable_block .timetable .timetable_week ul li { height: 150px; flex: auto; text-align: center; padding: 16px 8px; width: 100%; }
  .timetable_block .timetable .timetable_week ul li:first-child { height: 48px; }
  .timetable_block .timetable .timetable_day { width: 25%; }
  .timetable_block .timetable .timetable_day ul { flex-direction: column; }
  .timetable_block .timetable .timetable_day ul li { height: 150px; flex: auto; }
  .timetable_block .timetable .timetable_day ul li:first-child { height: 48px; }
  .timetable_block_mobile { display: block; }
  .timetable_block_mobile { padding: 48px 0px 0px 0px; margin: 0px; }
  .timetable_block_mobile .timetable_title { background: #56B662; color: #fff; text-align: center; padding: 20px 8px; }
  .timetable_block_mobile .time_period ul li, .timetable_block_mobile .time_week ul li { background: #EAEAEA; }
  .timetable_block_mobile .time_week:nth-child(odd) ul li:first-child { background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), linear-gradient(#4DC077, #4DC077); }
  .timetable_block_mobile .time_week ul li { min-height: 150px; text-align: center; }
  .timetable_block_mobile .time_period ul li:nth-child(even), .timetable_block_mobile .time_week ul li:nth-child(even) { background: rgba(234, 234, 234, 0.7); }
  .timetable_block_mobile .time_period ul li:first-child, .timetable_block_mobile .time_week ul li:first-child { background: #4DC077; flex: 0 1 auto; min-width: 36px; }
  .timetable_block_mobile .time_period ul, .timetable_block_mobile .time_week ul { display: flex; }
  .timetable_block_mobile .time_period ul li, .timetable_block_mobile .time_week ul li { flex: 1; padding: 24px 8px; }
  .timetable_block_mobile .time_week ul li:first-child { color: white; }

  .team_search_block { display: none; }
  .teamy_detail .team_detail_title { margin-top: 15px; }
  .teamy_detail .team_detail_img_container { margin-top: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
  /* BRANCH */
  .branch_list { border-bottom: none; }
  .note { margin: 20px 28px; }
  .form { text-align: center; }
  .form .form_list .code { display: flex; justify-content: flex-start; }
  .form .form_list .code img { height: 40px; }
  .form .form_list .code input { width: 100%; padding: 6px 30px; } }
/*Styles for screen 680px and lower*/
@media screen and (max-width: 680px) { .team_search { flex-wrap: wrap; }
  .team_search .file_search { width: 100%; }
  .team_search .file_search .search_form { width: 100%; margin-top: 8px; }
  .team_search .file_search .search_form .vessel { width: 100%; }
  .team_index_text .index_title + div { font-size: 16px; }
  .index_sharing_carousel {  padding: 40px 8px; margin-bottom: 0; }
  /* .sharing_list { margin-bottom: 40px; } */
  .sharing_list .sharing_list_img img { margin-bottom: 12px; }
  .index_service_carouse { margin-top: 0; }
  section .content { margin: 35px auto 50px auto; }
  #article .content { margin-top: 40px; }
  .index_article_carousel { margin-bottom: 0; }
  .index_news_list { padding: 0 20px; }
  .index_news_list .news_list { padding: 10px 0;}
  .news_list .news_list_title a { font-size: 18px; }
  .news_list .news_list_title { margin: 8px 0px 0px; }
  .index_news_list .news_list .news_list_info .news_list_info_catelog { width: auto; padding: 4px 15px; }
  #complete .content img { margin-bottom: 35px; }
  #complete .content .message { padding: 6px 0; width: calc(100% - 40px); margin: auto; font-size: 35px; }
  #complete .content .message span { font-size: 20px; }
  #complete .container { margin-bottom: 40px; }
  footer { margin:0; }
  footer #footer { padding: 24px 20px; }
}
/*Styles for screen 480px and lower*/
@media screen and (max-width: 480px) {
  header nav #logo { background: url(../images/mobile_logo.svg) no-repeat center; width: 75px; height: 20px; background-size: 75px; }
}