/* commom Start */
.no-gutter > [class*=col-] { padding-right:0; padding-left:0; }

.maincontainer-narrow { margin-top:70px; margin-bottom:0; }
@media (min-width: 1501px) {
	.maincontainer-narrow { padding-right:150px; padding-left:150px; }
}
@media (min-width:1200px) and (max-width:1500px) {
	.maincontainer-narrow { padding-right:50px; padding-left:50px; }
}
@media (max-width: 767px) {
	.maincontainer-narrow { margin-top:60px; }
}

.centerblock-title, .centerbottom-title, .centerfooter-title {
	font-size:36px; font-weight:bold; border-left:6px solid #FFBA00;
	padding-left:44px; margin:0 0 70px; color:#333;
}
@media (max-width: 991px) {
	.centerblock-title, .centerbottom-title, .centerfooter-title {
		font-size:28px; padding-left:24px; margin:0 0 50px;
	}
}
/* commom End */

/* ============================================================
   Header / main navbar — CADCH_00025A design
   (Hero Video Carousel.dc.html：選單 / 次選單 / 語言 / 搜尋)
   ============================================================ */
.main-navbar {
	background:#fff;
	z-index:1030;
	padding:0;
	border-bottom:1px solid rgba(12,16,19,.1);
	transition:box-shadow .35s ease;
}
.main-navbar.is-stuck { box-shadow:0 6px 24px rgba(12,16,19,.1); }
.main-navbar > .container-fluid {
	min-height:88px;
	align-items:center;
	gap:24px;
	padding-left:clamp(16px,4vw,60px);
	padding-right:clamp(16px,4vw,60px);
	transition:min-height .3s cubic-bezier(.4,0,.2,1);
}
.main-navbar.is-stuck > .container-fluid { min-height:64px; }
.main-navbar .navbar-brand { padding:0; margin:0; }
.brand-logo { height:46px; width:auto; display:block; transition:height .3s cubic-bezier(.4,0,.2,1); }
.main-navbar.is-stuck .brand-logo { height:34px; }
@media (max-width: 991.98px) {
	.main-navbar > .container-fluid,
	.main-navbar.is-stuck > .container-fluid { min-height:64px; }
	.brand-logo, .main-navbar.is-stuck .brand-logo { height:34px; }
}

/* ---- desktop: offcanvas acts as an inline nav ---- */
@media (min-width: 992px) {
	.main-navbar .offcanvas {
		position:static; transform:none; visibility:visible;
		background:transparent; border:0; width:auto; flex-grow:1;
	}
	.main-navbar .offcanvas-header { display:none; }
	.main-navbar .offcanvas-body { display:flex; align-items:center; padding:0; }
	.main-navbar .main-menu { align-items:stretch; gap:8px; }
	.main-navbar .main-menu > .nav-item { display:flex; align-items:center; }
}

/* ---- top-level links ---- */
.main-navbar .main-menu .nav-link {
	color:#2b3338;
	font-weight:500;
	font-size:16px;
	padding:.5rem 1rem;
	border:0; background:none;
	transition:color .25s, box-shadow .25s;
}
@media (min-width: 992px) {
	.main-navbar .main-menu > .nav-item > .nav-link { box-shadow:inset 0 -2px 0 transparent; }
	.main-navbar .main-menu > .nav-item > .nav-link:hover,
	.main-navbar .main-menu > .nav-item > .nav-link:focus,
	.main-navbar .main-menu > .nav-item.show > .nav-link {
		color:#0c1013; box-shadow:inset 0 -2px 0 #FFBA00;
	}
}
.main-navbar .main-menu > .nav-item > .dropdown-toggle::after { content:none; border:0; margin:0; }

/* ---- dropdown panel ---- */
.main-navbar .dropdown-menu {
	border:1px solid rgba(12,16,19,.1);
	border-radius:0;
	box-shadow:0 16px 36px rgba(12,16,19,.14);
	padding:8px 0;
	margin-top:0;
	min-width:210px;
}
.main-navbar .dropdown-item {
	padding:12px 22px;
	font-size:15px;
	color:#2b3338;
	white-space:nowrap;
	border-left:2px solid transparent;
	transition:background .2s, color .2s, border-color .2s;
}
.main-navbar .dropdown-item:hover,
.main-navbar .dropdown-item:focus,
.main-navbar .dropdown-item:active {
	background:#f5f6f7; color:#0c1013; border-left-color:#FFBA00;
}
@media (min-width: 992px) {
	/* 2nd-level panel: kept in the layout (display:block) so it can fade + slide
	   in on hover — matches the .dc mockup. Anchored to the item's bottom edge
	   (hover-open has no Popper data → BS5's [data-bs-popper]{top:100%} never fires). */
	.main-navbar .navbar-nav .dropdown > .dropdown-menu {
		display:block; margin-top:0;
		opacity:0; visibility:hidden; transform:translateY(-8px); pointer-events:none;
		transition:opacity .22s ease, transform .22s ease, visibility .22s;
	}
	.main-navbar .navbar-nav .dropdown > .dropdown-menu:not(.dropdown-menu-end) {
		position:absolute; top:100%; left:-16px;
	}
	.main-navbar .navbar-nav .dropdown > .dropdown-menu.dropdown-menu-end {
		position:absolute; top:100%; right:0; left:auto;
	}
	.main-navbar .navbar-nav .dropdown:hover > .dropdown-menu,
	.main-navbar .navbar-nav .dropdown > .dropdown-menu.show {
		opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;
	}
}

/* ---- 3rd-level submenu ---- */
.dropdown-menu .dropdown-submenu { position:relative; }
.dropdown-menu .dropdown-submenu > .dropdown-menu { top:0; left:100%; margin:-8px 0 0; }
@media (min-width: 992px) {
	.main-navbar .dropdown-submenu > .dropdown-menu {
		display:block;
		opacity:0; visibility:hidden; transform:translateY(-8px); pointer-events:none;
		transition:opacity .2s ease, transform .2s ease, visibility .2s;
	}
	.main-navbar .dropdown-submenu:hover > .dropdown-menu {
		opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;
	}
}
.dropdown-submenu > a.dropdown-toggle::after { content:"\203A"; border:0; float:right; margin:0 0 0 1em; transform:none; }

/* ---- search trigger (circle icon on desktop) ---- */
.main-navbar .nav-search .nav-link i { font-size:1rem; }
@media (min-width: 992px) {
	.main-navbar .main-menu > .nav-item.nav-search { margin-left:8px; }
	.main-navbar .main-menu > .nav-item.nav-search > .nav-link {
		display:flex; align-items:center; justify-content:center;
		width:40px; height:40px; border-radius:50%;
		border:1px solid rgba(12,16,19,.2);
		color:#0c1013;
		transition:background .25s, color .25s;
	}
	.main-navbar .main-menu > .nav-item.nav-search > .nav-link:hover {
		background:#0c1013; color:#fff; box-shadow:none;
	}
}

/* ---- language switcher (desktop pill + dropdown) ---- */
.main-navbar .nav-lang { margin-left:6px; }
.nav-lang-btn {
	display:flex; align-items:center; gap:7px;
	height:40px; padding:0 14px;
	border:1px solid rgba(12,16,19,.2) !important;
	border-radius:20px;
	font-family:"Barlow Condensed","Oswald","Helvetica Neue",-apple-system,"Segoe UI",sans-serif;
	font-size:16px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
	color:#0c1013 !important; background:none;
	box-shadow:none !important;
	transition:border-color .25s;
}
.nav-lang-btn:hover { border-color:#FFBA00 !important; }
.nav-lang-dot { width:6px; height:6px; border-radius:50%; background:#FFBA00; }
.nav-lang-caret { font-size:10px; letter-spacing:0; opacity:.55; }
.nav-lang-menu { min-width:178px; }
.nav-lang-menu .dropdown-item { display:flex; align-items:center; gap:10px; }
.nav-lang-menu .dropdown-item.is-active { color:#0c1013; font-weight:600; border-left-color:#FFBA00; }
.nav-lang-menu .lc {
	font-family:"Barlow Condensed","Oswald",sans-serif;
	font-size:13px; font-weight:600; letter-spacing:.2em; opacity:.5; min-width:26px;
}

/* ---- hamburger ---- */
.nav-burger {
	width:44px; height:44px; padding:0;
	display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
	border:1px solid rgba(12,16,19,.2); border-radius:2px; background:none;
}
.nav-burger:focus { box-shadow:none; }
.nav-burger span { display:block; width:20px; height:2px; background:#0c1013; }

/* ---- mobile stacked panel ---- */
@media (max-width: 991.98px) {
	.main-navbar .offcanvas-body { display:flex; flex-direction:column; align-items:stretch; }
	.main-navbar .main-menu { width:100%; }
	.main-navbar .main-menu .nav-item { border-bottom:1px solid rgba(12,16,19,.08); }
	.main-navbar .main-menu .nav-link { padding:15px 0; font-size:17px; }
	.main-navbar .main-menu .dropdown > .dropdown-toggle { position:relative; padding-right:48px; }
	.main-navbar .main-menu .dropdown > .dropdown-toggle::after {
		content:"+"; position:absolute; right:0; top:50%;
		width:36px; height:36px; margin:0;
		display:flex; align-items:center; justify-content:center;
		border:1px solid rgba(12,16,19,.18); border-radius:50%;
		font-size:18px; font-weight:400; line-height:1; color:#0c1013;
		transform:translateY(-50%);
		transition:transform .25s ease;
	}
	.main-navbar .main-menu .dropdown > .dropdown-toggle.show::after,
	.main-navbar .main-menu .dropdown > .dropdown-toggle[aria-expanded="true"]::after {
		transform:translateY(-50%) rotate(45deg);
	}
	.main-navbar .main-menu .dropdown-menu {
		position:static !important; transform:none !important; inset:auto !important;
		border:0; box-shadow:none; padding:0 0 10px; margin:0; min-width:0;
	}
	.main-navbar .main-menu .dropdown-menu .dropdown-item {
		padding:11px 0 11px 16px; border-left:2px solid rgba(255,186,0,.5); color:#6b757c;
	}
	.main-navbar .main-menu .dropdown-menu .dropdown-item:hover { background:none; color:#0c1013; }
	.nav-lang-chips { display:flex; flex-wrap:wrap; gap:8px; padding-top:16px; }
	.nav-lang-chips a {
		padding:9px 16px; font-size:15px; border-radius:20px;
		border:1px solid rgba(12,16,19,.18); color:#2b3338;
	}
	.nav-lang-chips a.is-active { border-color:#FFBA00; background:rgba(255,186,0,.14); color:#0c1013; }
}

/* ---- shoppingcart block (wr/cart) ---- */
.navbar-cart { display:flex; align-items:center; }
@media (min-width: 992px) { .navbar-cart { margin-left:.5rem; } }
.navbar-cart .rd-navbar-cart-wrap,
.navbar-cart .rd-navbar-cart-floating { position:static; width:auto; box-shadow:none; background:transparent; }
.navbar-cart .rd-navbar-cart-link { display:inline-flex; align-items:center; gap:.35rem; color:#252525; padding:.4rem .6rem; }
.navbar-cart .rd-navbar-cart-link:hover { color:#a37700; }
.navbar-cart .rd-navbar-cart-items { list-style:none; margin:0; padding:0; }

/* ============================================================
   Fullscreen search overlay
   ============================================================ */
body.search-open { overflow:hidden; }
.site-search {
	position:fixed; inset:0; z-index:1090;
	display:flex; align-items:center; justify-content:center;
	background:rgba(6,9,11,.94);
	-webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
	opacity:0; visibility:hidden;
	transition:opacity .35s, visibility .35s;
}
.site-search.is-open { opacity:1; visibility:visible; }
.site-search-inner { width:100%; max-width:860px; padding:0 clamp(20px,5vw,40px); }
.site-search-eyebrow {
	font-family:"Barlow Condensed","Oswald",sans-serif;
	font-size:15px; font-weight:600; letter-spacing:.3em; text-transform:uppercase;
	color:#FFBA00; margin-bottom:22px;
}
.site-search-form {
	display:flex; align-items:center; gap:18px;
	border-bottom:2px solid rgba(255,255,255,.28); padding-bottom:14px;
}
.site-search-input {
	flex:1; min-width:0;
	background:none; border:0; outline:none;
	color:#fff; font-size:clamp(20px,4vw,30px); font-weight:300; line-height:1.3; padding:0;
}
.site-search-input::placeholder { color:rgba(255,255,255,.4); }
.site-search-input:focus,
.site-search-input:focus-visible {
	outline:0; border:0; box-shadow:none !important;   /* kill style.css input-FIX glow */
}
.site-search-submit {
	flex-shrink:0; width:54px; height:54px;
	display:flex; align-items:center; justify-content:center;
	background:#FFBA00; border:0; border-radius:50%;
	color:#0c1013; font-size:20px; cursor:pointer;
	transition:transform .25s;
}
.site-search-submit:hover { transform:scale(1.08); }
.site-search-hints { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:28px; }
.site-search-hints-lb {
	font-family:"Barlow Condensed","Oswald",sans-serif;
	font-size:13px; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
	color:rgba(255,255,255,.45); margin-right:6px;
}
.site-search-hints button {
	padding:9px 18px; border-radius:20px;
	background:none; border:1px solid rgba(255,255,255,.22);
	color:rgba(255,255,255,.8); font-size:15px; cursor:pointer;
	transition:background .25s, color .25s, border-color .25s;
}
.site-search-hints button:hover { background:#FFBA00; border-color:#FFBA00; color:#0c1013; }
.site-search-close {
	position:absolute; top:26px; right:28px;
	width:52px; height:52px;
	display:flex; align-items:center; justify-content:center;
	background:none; border:1px solid rgba(255,255,255,.25); border-radius:50%;
	color:#fff; font-size:20px; cursor:pointer;
	transition:background .25s, color .25s, border-color .25s;
}
.site-search-close:hover { background:#fff; color:#0c1013; border-color:#fff; }
@media (max-width: 767.98px) {
	.site-search-close { top:14px; right:14px; width:44px; height:44px; }
}

/* intro-block Start */
/* intro */
.intro-block{margin-top:120px;}

@media (min-width: 1501px) {
	.intro-block{padding-right:150px;padding-left:150px;}
}

@media (min-width:1200px) and (max-width:1500px){
	.intro-block{padding-right:50px;padding-left:50px;}
}

@media (max-width: 767px) {
	.intro-block{margin-top:60px;}
}

.intro{display:block;line-height:2em;}
.intro-block h3{font-size:36px;font-weight:bold;border-left:6px solid #FFBA00;padding-left:44px;margin:0px;color:#333;}
.intro-txt{padding:0px 50px;color:#737373;}
@media (max-width: 991px) {
	.intro-block h3{font-size:28px;padding-left:24px;}
	.intro-txt{padding:0px 30px;}
}

/* subject */
.subject{line-height:2em;margin-top:60px;}
.subject-item{margin-bottom:40px;}
.subject-item a{display:block;color:inherit;text-decoration:none;}
.subject-item .fa,
.subject-item .subject-icon{color:#FFBA00;}
.subject-item .subject-icon{display:inline-block;font-size:4em;line-height:1;transition:color 0.3s ease-out;}
.subject-item:hover .subject-icon{color:#4555B9;}
.subject-title{font-size:22px;font-weight:bold;margin:30px 0px 10px;color:#4555B9;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.3s ease-out;}
.subject-item:hover .subject-title{color:#FFBA00;}
.subject-txt{color:#737373;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* about */
.about{display:block;border:6px solid #FFBA00;margin:14.5% 12.8% 50px 14.6%;padding:50px 44px 18px;position:relative;}
.about-title{font-size:22px;font-weight:bold;color:#333;margin-bottom:10px;}
.about-txt{line-height:2em;color:#737373;}
.about-img{margin:-41.4% -37% 48px 0px;}
.about-img img{max-width:100%;height:auto;}

.about .more{
	display:inline-block;
	position:absolute;
	right:-120px;
	bottom:50px;
	color:#4555B9;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	transform:rotate(-90deg);
	transition:all 0.3s ease-out;
}
.about:hover .more{color:#FFBA00;}

@media (max-width: 1280px) {
	.about{margin:0px 0px 50px;padding:40px 20px 20px;}
	.about-img{margin:0px 0px 48px;}
	.about .more{position:static;transform:rotate(0deg);margin-top:20px;}
}
/* intro-block End */

/* ============================================================
   Home Welcome / Home Products — 首頁兩段（白底、同一個 .hw-wrap 容器）
   Home Welcome  : nc_vision bid 39 intro / 40 subject / 38 about
                   設計稿 CADCH_00025A/Home Welcome.dc.html
   Home Products : nc_vision bid 42 about02 / 43 intro02 + wr bid 35 product
                   設計稿 CADCH_00025A/Home Products.dc.html
   bid 38/39/42/43 用 tmpl_1/tmpl_2 的 $block.bid 分支；bid 40 用 tmpl_4；
   bid 35 用 themes/…/modules/wr/blocks/wr_block_new.html
   ============================================================ */
.home-welcome,
.home-products {
	--hw-ink:#0c1013;
	--hw-mut:#5d666c;
	--hw-mut2:#8b959b;
	--hw-accent:#FFBA00;
	--hw-gold:#c08c00;
	--hw-soft:#f7f8f9;
	--hw-cond:"Barlow Condensed","Oswald","Helvetica Neue",-apple-system,"Segoe UI",sans-serif;
	background:#fff;
	padding:clamp(56px,9vw,96px) 0 clamp(64px,10vw,104px);
}
.home-welcome a,
.home-products a { text-decoration:none; }
.hw-wrap { max-width:1440px; margin:0 auto; padding:0 clamp(20px,5vw,40px); }
.hw-row { --bs-gutter-x:clamp(28px,4vw,64px); row-gap:clamp(40px,6vw,64px); }

/* ---- 左上「Welcome」標題塊（bid 39）---- */
.hw-intro { display:block; color:inherit; margin-bottom:clamp(34px,5vw,54px); }
.hw-eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.hw-eyebrow-bar { flex:none; width:4px; height:26px; background:var(--hw-accent); }
.hw-eyebrow-tx {
	font-family:var(--hw-cond); font-size:15px; font-weight:600;
	letter-spacing:.3em; text-transform:uppercase; color:var(--hw-mut2);
}
.hw-intro-title {
	margin:0 0 16px; font-size:clamp(27px,4vw,38px); font-weight:700;
	line-height:1.18; color:var(--hw-ink); text-wrap:pretty;
}
.hw-intro-txt { max-width:620px; font-size:16px; line-height:1.95; color:var(--hw-mut); text-wrap:pretty; }
.hw-intro-txt p { margin:0 0 .8em; }
.hw-intro-txt > :last-child { margin-bottom:0; }

/* ---- 左下 2×2 圖示卡（bid 40）---- */
.hw-subjects { --bs-gutter-x:28px; row-gap:28px; }
.hw-subject {
	display:flex; flex-direction:column; height:100%;
	padding:30px 28px 28px; background:var(--hw-soft);
	border-top:2px solid rgba(12,16,19,.08); color:inherit;
	transition:background .3s, transform .3s, box-shadow .3s, border-color .3s;
}
.hw-subject:hover {
	background:#fff; border-top-color:var(--hw-accent);
	box-shadow:0 20px 44px rgba(12,16,19,.12); transform:translateY(-4px);
}
.hw-subject-ico {
	display:flex; align-items:center; justify-content:center;
	width:52px; height:52px; margin-bottom:20px;
	background:rgba(255,186,0,.14); color:var(--hw-gold); font-size:24px;
	transition:background .3s, color .3s;
}
.hw-subject:hover .hw-subject-ico { background:var(--hw-accent); color:var(--hw-ink); }
.hw-subject-title { margin-bottom:10px; font-size:19px; font-weight:700; line-height:1.35; color:var(--hw-ink); }
.hw-subject-txt { font-size:15px; line-height:1.9; color:var(--hw-mut); text-wrap:pretty; }

/* ---- 共用「READ MORE」---- */
.hw-more {
	align-self:flex-start; display:inline-flex; align-items:center; gap:8px; margin-top:18px;
	font-family:var(--hw-cond); font-size:14px; font-weight:600;
	letter-spacing:.22em; text-transform:uppercase; color:var(--hw-mut2);
	border-bottom:1px solid transparent; padding-bottom:4px;
	transition:color .25s, border-color .25s;
}
.hw-subject:hover .hw-more,
.hw-about:hover .hw-more { color:var(--hw-ink); border-bottom-color:var(--hw-accent); }

/* ---- 右欄 About Us 卡（bid 38）---- */
.hw-about { display:block; position:relative; padding:34px 0 34px 18px; color:inherit; }
.hw-about-frame {
	position:absolute; left:0; top:34px; right:34px; bottom:0;
	border:2px solid var(--hw-accent); pointer-events:none;
	transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.hw-about:hover .hw-about-frame { transform:translate(6px,-6px); }
.hw-about-media { position:relative; display:block; overflow:hidden; background:#eef0f1; }
.hw-about-media img {
	display:block; width:100%; aspect-ratio:16/11; object-fit:cover;
	transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.hw-about:hover .hw-about-media img { transform:scale(1.05); }
.hw-about-card {
	position:relative; background:#fff; margin:-56px 0 0 34px;
	padding:30px 34px 34px; box-shadow:0 18px 44px rgba(12,16,19,.1);
}
.hw-about-eyebrow {
	margin-bottom:10px; font-family:var(--hw-cond); font-size:13px; font-weight:600;
	letter-spacing:.28em; text-transform:uppercase; color:var(--hw-accent);
}
.hw-about-title { margin-bottom:14px; font-size:clamp(21px,2.4vw,25px); font-weight:700; line-height:1.25; color:var(--hw-ink); }
.hw-about-txt { font-size:15px; line-height:1.95; color:var(--hw-mut); text-wrap:pretty; }
.hw-about-txt p { margin:0 0 .8em; }
.hw-about-txt > :last-child { margin-bottom:0; }
.hw-about .hw-more { margin-top:22px; }

/* ---- 後台編輯鈕 ---- */
.hw-edit { margin-top:14px; }
.hw-edit a { display:inline-block; padding:4px 10px; border:1px dashed rgba(12,16,19,.3); font-size:12px; color:var(--hw-mut2); }

/* ---- RWD ---- */
@media (max-width: 991.98px) {
	.hw-about { padding:0 0 18px; }
	.hw-about-frame { display:none; }
	.hw-about-card { margin:-40px 16px 0; padding:26px 22px 28px; }
}
@media (prefers-reduced-motion: reduce) {
	.hw-about-frame, .hw-about-media img { transition:none; }
}

/* ============================================================
   Home Products — 產品橫向捲軸（wr bid 35）
   左欄 about02 / 右上 intro02 共用 .hw-about / .hw-intro（見上）
   ============================================================ */
.home-products .hw-intro { margin-bottom:0; }
.home-products .hw-intro-title { font-size:clamp(25px,3.4vw,34px); }

.hp-products-block { margin-top:clamp(28px,4vw,38px); }
.hp-scroller-head { display:flex; justify-content:flex-end; margin-bottom:16px; }
.hp-nav { display:flex; gap:10px; }
.hp-nav-btn {
	width:48px; height:48px; flex:none;
	display:flex; align-items:center; justify-content:center;
	border:1px solid rgba(12,16,19,.18); border-radius:50%; background:none;
	color:rgba(12,16,19,.35); font-size:24px; line-height:1; cursor:pointer;
	transition:background .25s, color .25s, border-color .25s;
}
.hp-nav-btn:not(.is-off):hover { background:var(--hw-ink); border-color:var(--hw-ink); color:#fff; }
.hp-nav-btn.is-off { cursor:default; opacity:.5; }
@media (max-width: 767.98px) { .hp-scroller-head { display:none; } }

.hp-scroller {
	display:flex; gap:22px; overflow-x:auto; padding-bottom:6px;
	scroll-snap-type:x mandatory; scroll-behavior:smooth;
	scrollbar-width:none; -ms-overflow-style:none;
}
.hp-scroller::-webkit-scrollbar { display:none; }
.hp-card {
	flex:0 0 auto; width:268px; max-width:78vw; scroll-snap-align:start;
	background:#fff; border:1px solid var(--hw-line, rgba(12,16,19,.1)); color:inherit;
	transition:transform .3s, box-shadow .3s, border-color .3s;
}
.hp-card:hover {
	border-color:rgba(255,186,0,.9);
	box-shadow:0 22px 46px rgba(12,16,19,.14);
	transform:translateY(-6px);
}
.hp-card-media { position:relative; overflow:hidden; background:#eef0f1; aspect-ratio:4/3; }
.hp-card-media img {
	width:100%; height:100%; object-fit:cover; display:block;
	transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.hp-card:hover .hp-card-media img { transform:scale(1.06); }
.hp-card-tag {
	position:absolute; left:0; bottom:0; max-width:100%;
	padding:7px 14px; background:var(--hw-accent); color:var(--hw-ink);
	font-size:13px; font-weight:500;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.hp-card-foot {
	display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
	padding:20px 20px 22px;
}
.hp-card-title { font-size:16px; font-weight:500; line-height:1.55; color:var(--hw-ink); }
.hp-card-arw {
	flex-shrink:0; font-family:var(--hw-cond); font-size:20px; color:var(--hw-accent);
	opacity:0; transform:translateX(-6px); transition:opacity .25s, transform .25s;
}
.hp-card:hover .hp-card-arw { opacity:1; transform:translateX(0); }

.hp-scroller-foot { display:flex; align-items:center; gap:26px; margin-top:26px; flex-wrap:wrap; }
.hp-track { position:relative; flex:1; min-width:160px; height:3px; background:rgba(12,16,19,.1); cursor:pointer; }
.hp-track-bar {
	position:absolute; top:0; left:0; height:3px; width:30%;
	background:var(--hw-accent); transition:left .2s linear, width .2s linear;
}
.hp-all {
	display:inline-flex; align-items:center; gap:10px; flex-shrink:0; white-space:nowrap;
	font-family:var(--hw-cond); font-size:15px; font-weight:600;
	letter-spacing:.22em; text-transform:uppercase; color:var(--hw-mut);
	border:1px solid rgba(12,16,19,.18); border-radius:26px; padding:13px 24px;
	transition:color .25s, border-color .25s;
}
.hp-all:hover { color:var(--hw-ink); border-color:var(--hw-accent); }
@media (prefers-reduced-motion: reduce) {
	.hp-scroller { scroll-behavior:auto; }
	.hp-card, .hp-card-media img, .hp-card-arw { transition:none; }
}

/* recommend Start */
.recommend a{display:block;height:600px;color:#FFF;position:relative;overflow:hidden;}
.recommend a:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background:rgba(0,0,0,0.25);
	z-index:1;
	transition:all 0.35s;
}
.recommend a:hover:before{background:rgba(0,0,0,0.4);}

.recommend-mask{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	transform:scale(1.0);
	transition:transform 0.7s;
}
.recommend a:hover .recommend-mask{transform:scale(1.1);}

.recommend-caption{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	padding:0px 50px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:2;
}

.recommend-title{font-size:36px;font-weight:bold;line-height:1em;margin-bottom:30px;}
.recommend-txt{line-height:2em;}

.recommend-more{display:inline-block;background-color:#FFF;color:#555;font-weight:bold;padding:10px 15px 8px;border-radius:3px;margin-top:20px;transition:all 0.2s ease-in-out;}
.recommend a:hover .recommend-more{background-color:#121212;color:#FFF;}

@media (min-width:992px) and (max-width:1500px){
	.recommend-caption{padding:0px 15px;}
	.recommend-title{font-size:28px;}
}

@media (max-width: 767px) {
	.recommend a{height:360px;}
	.recommend-caption{padding:0px 15px;}
	.recommend-title{font-size:28px;}
	.recommend-more{margin-top:10px;}
}
/* recommend End */

/* footer-list Start */
.footer-list li:first-child{margin-bottom:10px;}
.footer-list li:first-child a{color:#FFBA00;font-size:15px;font-weight:bold;}
.footer-list li:first-child a:hover{text-decoration:none;cursor:default;}
.footer-list ul{display:none;}
/* footer-list End */

/* news_block_new Start */
.news_block_new div.home-thumbnails{border:none;}

.news_block_new div.thumbnails-4by3:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background:rgba(255,186,0,0);
	z-index:1;
	transition:all 0.35s;
}

.news_block_new a{display:block;}
.news_block_new a:hover div.thumbnails-4by3:before{background:rgba(255,186,0,0.3);}

.block-news-title{border-left:3px solid #FFBA00;padding-left:29px;font-size:22px;font-weight:bold;color:#4555B9;margin:30px 0px 20px;transition:all 0.35s;}
.news_block_new a:hover .block-news-title{color:#FFBA00;}

.block-news-txt{padding-left:30px;color:#737373;}
.news_block_new div.excerpt-more{font-size:14px;margin-bottom:20px;}
.excerpt-txt{line-height:2em;}

.block-news-txt .more{
	display:inline-block;
	color:#4555B9;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:20px;
	transition:all 0.35s;
}
.news_block_new a:hover .block-news-txt .more{color:#FFBA00;}
/* news_block_new End */

/* share-buttons Start */
ul.share-buttons{list-style:none;padding:0px;margin:0px 0px 10px;}
ul.share-buttons li{display:inline-block;width:40px;height:40px;float:left;margin:0px 3px;}
ul.share-buttons li:first-child{margin-left:0px;}
ul.share-buttons li:last-child{margin-right:0px;width:auto;height:auto;}

ul.share-buttons li a{display:inline-block;width:40px;height:40px;background-color:#FF0000;border-radius:100%;position:relative;}
ul.share-buttons li a:before{
	position:absolute;
	width:40px;
	height:40px;
	line-height:40px;
	font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";
	font-weight:900;
	color:#FFF;
	text-align:center;
}

ul.share-buttons li.share-buttons-email a{background-color:#A6A9AC;}
ul.share-buttons li.share-buttons-email a:before{content:"\f0e0";font-size:16px;line-height:42px;}

ul.share-buttons li.share-buttons-googleplus a{background-color:#DC4B38;}
ul.share-buttons li.share-buttons-googleplus a:before{content:"\f0d5";font-size:16px;line-height:42px;font-family:"Font Awesome 6 Brands";font-weight:400;}

ul.share-buttons li.share-buttons-facebook a{background-color:#3C5B99;}
ul.share-buttons li.share-buttons-facebook a:before{content:"\f09a";font-size:20px;line-height:42px;font-family:"Font Awesome 6 Brands";font-weight:400;}

/*line*/
iframe.line-it-button{
	width:40px !important;
	height:40px !important;
	padding:5px 0px 0px 5px;
	background:#06C755;
	border-radius:100%;
}
/* share-buttons End */