diff --git a/public/images/static-recruit-bg-1.png b/public/images/static-recruit-bg-1.png
new file mode 100644
index 0000000..37260c8
Binary files /dev/null and b/public/images/static-recruit-bg-1.png differ
diff --git a/public/images/static-sprite.png b/public/images/static-sprite.png
new file mode 100644
index 0000000..ada7d71
Binary files /dev/null and b/public/images/static-sprite.png differ
diff --git a/src/app/[slug]/metadataBySlug.tsx b/src/app/(main)/[slug]/metadataBySlug.tsx
similarity index 100%
rename from src/app/[slug]/metadataBySlug.tsx
rename to src/app/(main)/[slug]/metadataBySlug.tsx
diff --git a/src/app/[slug]/page.tsx b/src/app/(main)/[slug]/page.tsx
similarity index 75%
rename from src/app/[slug]/page.tsx
rename to src/app/(main)/[slug]/page.tsx
index 43aef52..1c0bafa 100644
--- a/src/app/[slug]/page.tsx
+++ b/src/app/(main)/[slug]/page.tsx
@@ -6,7 +6,6 @@ import { findBySlug } from "@/lib/slug/slugMap";
 import { notFound } from "next/navigation";
 import type { Metadata } from "next";
 
-// Cache findBySlug để tránh gọi 2 lần
 const getCachedSlugData = cache(async (slug: string) => {
     if (!slug) return null;
     // fetch data
@@ -19,11 +18,13 @@ export async function generateMetadata({
 }: {
     params: Promise<{ slug: string }>;
 }): Promise<Metadata> {
-    const { slug } = await params;
-    const result = await getCachedSlugData(slug);
+    const { slug }  = await params;
+    const result    = await getCachedSlugData(slug);
     
     if (!result) {
-        return { title: "Local PC" };
+        return { 
+            title: "Local PC" 
+        };
     }
     
     return metadataBySlug(result);
@@ -34,12 +35,11 @@ export default async function SlugPage({
 }: {
     params: Promise<{ slug: string }>;
 }) {
-    const { slug } = await params;
-    const result = await getCachedSlugData(slug);
+    const { slug }  = await params;
+    const result    = await getCachedSlugData(slug);
     
     if (!result) {
         notFound();
     }
-    
     return renderBySlug(result, slug);
 }
\ No newline at end of file
diff --git a/src/app/[slug]/renderBySlug.tsx b/src/app/(main)/[slug]/renderBySlug.tsx
similarity index 94%
rename from src/app/[slug]/renderBySlug.tsx
rename to src/app/(main)/[slug]/renderBySlug.tsx
index a60577c..a9e97df 100644
--- a/src/app/[slug]/renderBySlug.tsx
+++ b/src/app/(main)/[slug]/renderBySlug.tsx
@@ -7,6 +7,7 @@ import ArticleDetail from "@/components/article/detail";
 import ArticleHome from "@/components/article/home";
 
 export function renderBySlug(result: any, slug: string) {
+    
     switch (result.type) {
         case "product_category":
             return <ProductCategory slug={result.data} />;
@@ -15,7 +16,7 @@ export function renderBySlug(result: any, slug: string) {
             return <ProductDetail slug={result.data} />;
 
         case "article_home":
-            return <ArticleHome slug={slug} />;
+            return <ArticleHome />;
 
         case "article_category":
             return <ArticleCategory slug={result.data} />;
diff --git a/src/app/cart/page.tsx b/src/app/(main)/cart/page.tsx
similarity index 100%
rename from src/app/cart/page.tsx
rename to src/app/(main)/cart/page.tsx
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
new file mode 100644
index 0000000..76a02bf
--- /dev/null
+++ b/src/app/(main)/layout.tsx
@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import Header from "@/components/other/header";
+import Footer from "@/components/other/footer";
+
+export default function MainLayout({ children }: { children: ReactNode }) {
+    return (
+        <>
+            <Header />
+            {children}
+            <Footer />
+        </>
+    );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/(main)/page.tsx
similarity index 100%
rename from src/app/page.tsx
rename to src/app/(main)/page.tsx
diff --git a/src/app/send-cart/page.tsx b/src/app/(main)/send-cart/page.tsx
similarity index 100%
rename from src/app/send-cart/page.tsx
rename to src/app/(main)/send-cart/page.tsx
diff --git a/src/app/tin-tuc/page.tsx b/src/app/(main)/tin-tuc/page.tsx
similarity index 100%
rename from src/app/tin-tuc/page.tsx
rename to src/app/(main)/tin-tuc/page.tsx
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 9ce8d07..eedfefa 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,8 +1,6 @@
 import type { Metadata } from "next";
 import type { ReactNode } from 'react';
 import { Toaster } from 'sonner';
-import Header from "@/components/other/header";
-import Footer from "@/components/other/footer";
 import TooltipProvider from "@/components/providers/TooltipProvider";
 import '../styles/globals.css';
 
@@ -11,29 +9,15 @@ export const metadata: Metadata = {
     description: "hoanghapc",
 };
 
-export default function RootLayout({
-    children,
-}: {
-    children: ReactNode;
-}) {
+export default function RootLayout({ children }: { children: ReactNode }) {
     return (
         <html lang="vi">
-        <body>
-            <Header />
-
-            <TooltipProvider>
-                {children}
-            </TooltipProvider>
-
-            <Footer />
-
-            <Toaster
-                position="top-right"
-                closeButton
-                richColors
-            />
-
-        </body>
+            <body>
+                <TooltipProvider>
+                    {children}
+                </TooltipProvider>
+                <Toaster position="top-right" closeButton richColors />
+            </body>
         </html>
     );
 }
\ No newline at end of file
diff --git a/src/app/tuyen-dung/layout.tsx b/src/app/tuyen-dung/layout.tsx
new file mode 100644
index 0000000..a231fce
--- /dev/null
+++ b/src/app/tuyen-dung/layout.tsx
@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import Header from "@/components/other/otherHeader";
+import Footer from "@/components/other/otherFooter";
+import '@/styles/static_page.css';
+import '@/styles/tuyen_dung.css';
+
+export default function TuyenDungLayout({ children }: { children: ReactNode }) {
+    return (
+        <>
+            <Header />
+            {children}
+            <Footer />
+        </>
+    );
+}
\ No newline at end of file
diff --git a/src/app/tuyen-dung/page.tsx b/src/app/tuyen-dung/page.tsx
new file mode 100644
index 0000000..2438418
--- /dev/null
+++ b/src/app/tuyen-dung/page.tsx
@@ -0,0 +1,11 @@
+import RecruitPage from "@/components/recruit";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+    title: "Tuyển dụng nhân sự - Cơ hội việc làm tại Hoàng Hà PC",
+    description: "Tìm kiếm việc làm tại Hoàng Hà PC",
+};
+
+export default function Home() {
+    return <RecruitPage />;
+}
diff --git a/src/components/article/Category/video/index.tsx b/src/components/article/Category/video/index.tsx
index cfb2f1f..e2cefc3 100644
--- a/src/components/article/Category/video/index.tsx
+++ b/src/components/article/Category/video/index.tsx
@@ -5,7 +5,7 @@ import { useShowMore } from "@/hooks/useShowMore"
 import { VideoData } from "@/data/articles/Video";
 import ShowMoreButton from "@/components/shared/ButtonShowMore"
 
-export default function VideoList({ slug }: any) {
+export default function VideoList() {
 
     useEffect(() => {
         Fancybox.bind('[data-fancybox]', {});
diff --git a/src/components/other/otherFooter/index.tsx b/src/components/other/otherFooter/index.tsx
new file mode 100644
index 0000000..52c38c3
--- /dev/null
+++ b/src/components/other/otherFooter/index.tsx
@@ -0,0 +1,48 @@
+export default function otherFooter() {
+    return (
+        <>
+            <div className="global-footer-group global-another-footer">
+                <div className="container">
+                    <div className="row">
+                        <div className="col">
+                            <p className="title">Hệ thống showroom</p>
+                            <div className="footer-list footer-address-list">
+                                <p>Showroom Phường Đống Đa, Hà Nội <a href="https://www.google.com/maps?cid=1799208662881911592" target="_blank" rel="nofollow">Xem chỉ đường</a></p>
+                                <p>Showroom Phường Cầu Giấy, Hà Nội <a href="https://www.google.com/maps?cid=16126995113448725617" target="_blank" rel="nofollow">Xem chỉ đường</a></p>
+                                <p>Showroom Vinh, Nghệ An <a href="https://www.google.com/maps?cid=18378371598496621760" target="_blank" rel="nofollow">Xem chỉ đường</a></p>
+                                <p>Showroom Hồ Chí Minh <a href="https://www.google.com/maps?cid=16687797477015774475" target="_blank" rel="nofollow">Xem chỉ đường</a></p>
+                            </div>
+                        </div>
+                        <div className="col">
+                            <p className="title">Chính sách tại Hoàng Hà PC</p>
+                            <div className="footer-list">
+                                <a href="/chinh-sach-bao-hanh">Chính sách bảo hành</a>
+                                <a href="/chinh-sach-bao-mat">Chính sách bảo mật</a>
+                                <a href="/van-chuyen-giao-nhan">Chính sách vận chuyển, giao nhận</a>
+                            </div>
+                        </div>
+                        <div className="col">
+                            <p className="title">Cộng đồng Hoàng Hà PC</p>
+                            <div className="footer-list">
+                                <a href="https://www.facebook.com/hoanghapc" rel="nofollow">Hoàng Hà PC Fanpage</a>
+                                <a href="https://www.facebook.com/groups/hoanghapc" rel="nofollow">Hoàng Hà PC Group</a>
+                                <a href="https://twitter.com/hoanghapc" rel="nofollow">Hoàng Hà PC Tik Tok</a>
+                                <a href="https://www.youtube.com/channel/UC5-eX5HHykW9T3sgmKT6rJQ" rel="nofollow">Hoàng Hà Media</a>
+                            </div>
+                        </div>
+                        <div className="col">
+                            <p className="title">Hotline hỗ trợ khách hàng</p>
+                            <div className="footer-list footer-support-list">
+                                <p>Hotline Hà Nội: <a href="tel:0969.123.666">0969.123.666</a></p>
+                                <p>Hotline Hồ Chí Minh: <a href="tel:0968.123.666">0968.123.666</a></p>
+                                <p>Hotline Bảo Hành: <a href="tel:19006100">19006100</a></p>
+                                <p>Chăm Sóc Khách Hàng: <a href="tel:090.135.9999">090.135.9999</a></p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/components/other/otherHeader/index.tsx b/src/components/other/otherHeader/index.tsx
new file mode 100644
index 0000000..c66602b
--- /dev/null
+++ b/src/components/other/otherHeader/index.tsx
@@ -0,0 +1,81 @@
+import Link from "next/link";
+
+export default function otherHeader() {
+    return (
+        <>
+            <div>
+                <div className="global-header-container global-another-header">
+                    <div className="container d-flex align-items-center justify-content-between position-relative">
+                        <Link href="/" className="logo-header">
+                            <img src="/images/logo.png" 
+                                alt="HoangHaPc" 
+                                width={247} 
+                                height={96} 
+                                className="d-block h-auto w-auto m-auto" />
+                        </Link>
+
+                        <div className="another-header-right">
+                            <Link href="/he-thong-cua-hang" className="header-item font-700"> Hệ thống Showroom </Link>
+                            <Link href="/huong-dan-mua-tra-gop" className="header-item font-700"> Trả góp </Link>
+                            <Link href="/chinh-sach-bao-hanh" className="header-item font-700"> Bảo hành </Link>
+                            <Link href="/lien-he" className="header-item font-700"> Liên hệ </Link>
+
+                            <div className="header-item">
+                                <p className="box-title text-white font-700 m-0 cursor-pointer"> Hotline </p>
+                                
+                                <div className="list-hotline-group">
+                                    <div className="item">
+                                        <span className="num">1</span>
+                                        <span className="txt-phone">Hỗ Trợ Kỹ Thuật - Bảo Hành: 19006100</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">2</span>
+                                        <span className="txt-phone">Hotline Hà Nội (Mr. Long): 0969.123.666</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">3</span>
+                                        <span className="txt-phone">Hotline Hà Nội (Mr. Nghĩa): 0396.122.999</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">4</span>
+                                        <span className="txt-phone">Hotline Hà Nội (Mr. Huy): 0396.138.999</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">5</span>
+                                        <span className="txt-phone">Hotline Hà Nội (Mr. Duy): 0396.178.999</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">6</span>
+                                        <span className="txt-phone">Hotline Hà Nội (Mr. Thụ): 0922.635.999</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">7</span>
+                                        <span className="txt-phone">Hotline Nghệ An (Mr. Hưng): 0988.163.666</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">8</span>
+                                        <span className="txt-phone">Hotline Nghệ An (Mr. Xuân Huy): 0356.072.072</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">9</span>
+                                        <span className="txt-phone">Hotline Hồ Chí Minh (Mr. Bình): 0968.123.666</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">10</span>
+                                        <span className="txt-phone">Hotline Hồ Chí Minh (Mr. Khanh): 0379.260.260</span>
+                                    </div>
+                                    <div className="item">
+                                        <span className="num">11</span>
+                                        <span className="txt-phone">Hotline Hồ Chí Minh (Mr. Kiên): 0359.072.072</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div className="global-header-block" style={{ height: 60 }} />
+            </div>
+
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/components/recruit/index.tsx b/src/components/recruit/index.tsx
new file mode 100644
index 0000000..a305330
--- /dev/null
+++ b/src/components/recruit/index.tsx
@@ -0,0 +1,108 @@
+'use client';
+
+import { useState, useEffect, useMemo } from 'react';
+import { categories } from "@/data/categories";
+import { JobData } from "@/data/articles/Job";
+import RecruitItem from "@/components/shared/RecruitItem"
+
+export default function RecruitPage() {
+
+    useEffect(() => {
+        const originalBg = document.body.style.background;
+        document.body.style.background = '#FFFFFF';
+
+        return () => {
+            document.body.style.background = originalBg;
+        };
+    }, []);
+
+    const { job } = categories.article.all_category;
+    const [jobId, setJobId] = useState(0);
+    const [jobList, setJobList] = useState(JobData.list);
+
+    const jobHandle = (e: number | string) => {
+        const id = Number(e);
+        setJobId(id);
+
+        if (id === 0) {
+            setJobList(JobData.list);
+            return;
+        }
+
+        const filtered = JobData.list.filter((item: any) =>
+            item.categories?.some((cat: any) => cat.id === id)
+        );
+
+        setJobList(filtered);
+    };
+
+
+
+    return (
+        <div className="recruit-page mb-16">
+            <div className="recruit-header">
+                <div className="container">
+                    <div className="text-box d-flex align-items-start justify-content-center flex-column">
+                        <h1>Join the Journey</h1>
+                        <h2>
+                            Hành trình thành công bền vững của Hoàng Hà PC phụ thuộc vào công sức xây dựng của tập thể. Chúng tôi hy vọng bạn sẽ là một phần của tập thể này, cùng nhau tạo nên nhiều giá trị tích cực. Môi trường của Hoàng Hà PC đề cao sự đoàn kết, sáng tạo và phù hợp với xu thế của thị trường. Vì vậy, hãy thử sức với những cơ hội việc làm tại Hoàng Hà PC, chúng tôi cần những con người nhiệt huyết và khao khát phát triển tài năng giống như bạn.
+                        </h2>
+                    </div>
+                </div>
+            </div>
+
+            <div className="recruit-content container">
+                <div className="col-left">
+                    <div className="item">
+                        <h3 className="box-title">PHÒNG BAN</h3>
+                        <div className="js-item-cat">
+                            <div className="recruit-filter-search">
+                                {/* <input type="text" placeholder="Tìm nhanh phòng ban" onKeyUp="searchProvinceTg(this)" /> */}
+                                <input type="text" placeholder="Tìm nhanh phòng ban" />
+                                <button type="submit" className="static-icons static-icon-search" />
+                            </div>
+
+                            <div className="cat-list-group" id="js-job-cat">
+                                {/* <button type="button" onClick="_getJobList(0)" className="item current"></button> */}
+                                <button type="button" className={`item ${jobId === 0 ? 'current' : ''}`}
+                                    onClick={() => jobHandle(0)}
+                                >
+                                    <i className="bx bx-square text-16" />
+                                    <span className="ml-1">Tất cả</span>
+                                </button>
+
+                                {
+                                    job.map((item: any) =>
+                                        <button type="button"
+                                            className={`item ${jobId === item.id ? 'current' : ''}`}
+                                            key={item.id}
+                                            onClick={() => jobHandle(Number(item.id))}
+                                        >
+                                            <i className="bx bx-square text-16" />
+                                            <span className="ml-1"> {item.title} </span>
+                                        </button>
+                                    )
+                                }
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div className="col-right">
+                    <p className="title">CÁC CƠ HỘI VIỆC LÀM</p>
+                    
+                    <div id="js-job-holder">
+                        {jobList.length === 0 ? (
+                            <p className="font-600 text-20 mt-3 text-center pt-5">Không có thông tin tuyển dụng ... !</p>
+                        ) : (
+                            jobList.map((item: any) => (
+                                <RecruitItem key={item.id} item={item} />
+                            ))
+                        )}
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    )
+}
diff --git a/src/components/shared/RecruitItem.tsx b/src/components/shared/RecruitItem.tsx
new file mode 100644
index 0000000..d652e30
--- /dev/null
+++ b/src/components/shared/RecruitItem.tsx
@@ -0,0 +1,52 @@
+'use client'
+import Link from "next/link";
+
+interface RecruitItemProps {
+    item: any;
+}
+
+export default function RecruitItem({ item }: RecruitItemProps) {
+    if (!item) return null;
+
+    return (
+        <>
+            <div className="recruit-item js-recruit-item">
+                <ul className="ul">
+                    <li>
+                        <Link href={item.url} className="item-title"> {item.title} </Link>
+                    </li>
+
+                    <li>
+                        <i className="static-icons static-icon-clock" />
+                        <span className="item-extent">Thời hạn:</span> {item.extend.end_date}
+                        <span className="date-note js-date-note" data-date={item.extend.end_date}>{/*// time format*/}</span>
+                    </li>
+                    
+                    {item.extend.location &&
+                        <li>
+                            <i className="static-icons static-icon-location" />
+                            <span className="item-extent">Địa điểm:</span>
+                            {item.extend.location}
+                        </li>
+                    }
+                </ul>
+
+                <ul className="ul item-right">
+                    <li>
+                        <i className="static-icons static-icon-time" />
+                        <p>Toàn thời gian</p>
+                        <p>8h00 - 18h00</p>
+                    </li>
+                    <li>
+                        <i className="static-icons static-icon-dola" />
+                        <p>Mức lương</p>
+                        <p>
+                            {item.extend.salary ? item.extend.salary : 'Thỏa thuận'}
+                        </p>
+                    </li>
+                </ul>
+            </div>
+
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/lib/slug/slugMap.ts b/src/lib/slug/slugMap.ts
index 830eb35..092a866 100644
--- a/src/lib/slug/slugMap.ts
+++ b/src/lib/slug/slugMap.ts
@@ -6,10 +6,10 @@ export type SlugResult =
     | ReturnType<typeof resolveProductPage>;
 
 export function findBySlug(slug?: string): SlugResult | null {
+    
     if (!slug || slug.trim() === '') {
         return null;
-    }
-
+    }    
     // PRODUCT
     const product = resolveProductPage(slug);
     if (product) return product;
diff --git a/src/styles/static_page.css b/src/styles/static_page.css
new file mode 100644
index 0000000..783a7d8
--- /dev/null
+++ b/src/styles/static_page.css
@@ -0,0 +1,584 @@
+.global-breadcrumb {display: none;}
+.contact-info-page * {box-sizing: border-box;}
+.global-header-block{display:none}
+.global-header-container{top:-50px;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
+.global-header-container .item-support-group{width:1200px;margin:auto;top:calc(100% + 8px);-webkit-filter:drop-shadow(0px 2px 4px rgba(0,0,0,0.2));filter:drop-shadow(0px 2px 4px rgba(0,0,0,.2));border-radius:10px;background:#fff;overflow:hidden;position:absolute;left:0;right:0;z-index:99;margin-top:8px;-webkit-transition:.1s all;-o-transition:.1s all;transition:.1s all;opacity:1;visibility:hidden;font-size:16px;line-height:20px}
+.global-header-container .item-support-group .title{margin:0;text-align:center;color:#fff;font-weight:700;font-size:28px;line-height:64px;background:-o-linear-gradient(358.44deg,#f52194 2.74%,#fa9f2c 96.84%);background:linear-gradient(91.56deg,#f52194 2.74%,#fa9f2c 96.84%)}
+.global-header-container .item-support-group .row{padding:24px}
+.global-header-container .item-support-group .col-title{margin-bottom:18px;color:#212a36;font-weight:700;font-size:19px;line-height:24px;text-align:center}
+.global-header-container .item-support-group table{margin-bottom:40px}
+.global-header-container .item-support-group table:last-child{margin:0}
+.global-header-container .item-support-group tr:first-child td{padding:0}
+.global-header-container .item-support-group td{padding:7px 12px}
+.global-header-container .item-support-group b{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.global-header-container .item-support-group .icon-zalo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:24px;height:24px;margin-right:8px;background-position:center;background-repeat:no-repeat;background-size:24px;vertical-align:bottom}
+.global-header-container .item-support-group .col-item{padding:24px 40px}
+.global-header-container .list-hotline-group{-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.4);box-shadow:0 0 4px 0 rgba(0,0,0,.4);border-radius:8px;background:#fff;position:absolute;top:calc(100% + 20px);right:0;width:450px;z-index:2;overflow:hidden;-webkit-transition:.12s all;-o-transition:.12s all;transition:.12s all;opacity:0;visibility:hidden}
+.global-header-container .list-hotline-group .item{margin:0;border:0;line-height:32px;padding:8px 16px;border-bottom:1px solid #e5eaf1;color:#212a36;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.global-header-container .list-hotline-group .item:hover{background:#e5eaf1}
+.global-header-container .list-hotline-group .num{width:32px;height:32px;line-height:32px;text-align:center;margin-right:16px;border-radius:4px;font-weight:700;font-size:20px;-webkit-box-shadow:0 0 0 1px #1988ec;box-shadow:0 0 0 1px #1988ec}
+.global-another-header{background:#0676da;z-index:9999;position: sticky;top:0;left: 0;right: 0;-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);padding: 0 !important;z-index: 1002 !important}
+.global-another-header .container{padding-top:10px;padding-bottom:10px}
+.global-another-header .another-header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.global-another-header .logo-header{max-width:146px;}
+.global-another-header .header-item{margin-right:40px;color:#fff;line-height:40px}
+.global-another-header .header-item:last-child{margin:0}
+.global-another-header .header-item:hover .item-support-group{top:100%;opacity:1;visibility:visible}
+.global-another-header .header-item:hover .list-hotline-group{top:calc(100% + 6px);visibility:visible;opacity:1}
+.global-another-header .header-item .box-title{border-radius:28px;line-height:40px;display:block;width:130px;text-align:center;font-size:16px;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}
+.global-another-header .item-showroom .box-title{width:auto;-webkit-box-shadow:unset;box-shadow:unset;font-weight:700;font-size:14px;color:#fff}
+.global-another-header .item-support-group{margin-top:0}
+.global-another-footer{background:#0062b9!important;padding:32px 0;color:#fff;font-size:16px;line-height:27px;text-align: justify;}
+.global-another-footer a{display:table;color:#fff;font-size:16px;line-height:27px}
+.global-another-footer .title{font-weight:700;font-size:20px;line-height:24px;padding-bottom:12px;margin-bottom:12px;position:relative}
+.global-another-footer .title::after{content:'';width:150px;height:2px;background:#fafafa;position:absolute;bottom:0;left:0}
+.global-another-footer p{margin:0}
+.global-another-footer .footer-address-list a{display:inline-block}
+.global-another-footer .footer-support-list a{font-weight:700;display:inline-block}
+.row{display: flex;flex-wrap:wrap;gap: 24px;}
+.col{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
+.blue-light, .global-another-footer .footer-address-list a, .global-another-footer .footer-support-list a {color: #00fff0;}
+:root{--blue-0:#0676da;--blue-1:#005bad;--blue-2:#1988ec;--blue-3:#69d4f5;--blue-4:#1d94ff1a;--blue-5:#00fff0;--black-1:#212a36;--grey-2:#404d5f;--gray-3:#697789;--grey-4:#cacaca;--gray-6:#e5eaf1;--red:#fa5252;--green:#0db899;--orange:#ff8125;--bg-color-1:linear-gradient(300.63deg,rgba(29,148,255,0.05) 7.16%,rgba(116,205,255,0.05) 40.27%);--bg-color-2:linear-gradient(300.63deg,rgba(6,120,219,1) 0%,rgba(0,246,202,1) 99.26%);--bg-color-3:linear-gradient(300.63deg,rgba(6,120,219,0.4) 0%,rgba(0,246,202,0.4) 99.26%);--w-792:792px;--w-588:588px;--w-510:510px}
+.color-primary{color:var(--blue-2)}
+.color-secondary{color:var(--gray-3)}
+.color-black{color:var(--black-1)}
+.color-blue-1{color:var(--blue-1)}
+.color-red{color:var(--red)}
+.color-green{color:var(--green)}
+.color-orange{color:var(--orange)}
+.bg-color-1{background:var(--bg-color-1)}
+.bg-color-2{background:var(--bg-color-2)}
+.gradient-color{color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important}
+.gradient-color-1{background:linear-gradient(to bottom right,#cd49c0 0%,#ce0707 100%)}
+.gradient-color-2{background:linear-gradient(to bottom right,#49adcd 0%,#07ce7a 100%)}
+.gradient-color-3{background:linear-gradient(to bottom right,#cd5149 0%,#ce9607 100%)}
+.gradient-color-4{background:linear-gradient(to bottom right,#74cdff 0%,#1d94ff 100%)}
+*,::after,::before{margin:0;padding:0;box-sizing:inherit}
+body{background: #fff;}
+.container{max-width:1220px;padding:0 10px}
+img{width:100%}
+.contact-list{list-style:none;gap:12px;padding: 0;margin: 0}
+.contact-list li{gap:12px}
+.wraper-icon{position:relative}
+.wraper-icon span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
+.static-icons{display:block;background:url(/images/static-sprite.png?v=2) no-repeat;background-size:1036px 1028px}
+.showroom-region .static-icons,.achievement .static-icons{width:180px;height:180px}
+.showroom-region .static-icons{margin:24px auto }
+.contact-list .static-icons{width:36px;height:36px;border:1px dotted var(--gray-3);border-radius:50%}
+.showroom-features .static-icons,.core-values .static-icons,.condition-box .static-icons{width:80px;height:80px}
+.warranty-policy-guild .static-icons{width:26px;height:26px}
+.static-icon-10-years{background-position:-10px -14px!important}
+.static-icon-box{background-position:-212px -10px!important}
+.static-icon-box-2{background-position:-271px -12px!important}
+.static-icon-box-phone{background-position:-336px -20px!important}
+.static-icon-box-sms{background-position:-469px -20px!important}
+.static-icon-card{background-position:-591px 0!important}
+.static-icon-card-vizit{background-position:-701px -18px!important}
+.static-icon-chat-tear{background-position:-221px -92px!important}
+.static-icon-check-blue{background-position:-705px -91px!important;width:82px!important}
+.static-icon-clock{background-position:-771px -12px!important}
+.static-icon-clock-2{background-position:-20px -216px!important}
+.static-icon-clock-3{background-position:-98.5px -216px!important}
+.static-icon-creation{background-position:-157.5px -203px!important}
+.static-icon-device{background-position:-266.5px -212px!important}
+.static-icon-dola{background-position:-324px -214.5px!important}
+.static-icon-drink{background-position:-373.5px -206px!important}
+.static-icon-group{background-position:-477.5px -216px!important}
+.static-icon-headphone{background-position:-532.5px -206px!important}
+.static-icon-laptop{background-position:-632.5px -200px!important}
+.static-icon-location{background-position:-739.5px -211px!important;width:40px;height:40px}
+.static-icon-location-3{background-position:-271.5px -287.5px!important;width:39px;height:54px}
+.static-icon-location-4{background-position:-95.5px -285.5px!important}
+.static-icon-location-small{background-position:-477.5px -287.5px!important;width:16px;height:18px}
+.static-icon-location-small.icon-2{background-position:-467.5px -279.5px!important}
+.static-icon-lock{background-position:-536.5px -322px!important;width:182px;height:182px}
+.static-icon-logo{background-position:-20px -548px!important}
+.static-icon-logo-small{background-position:-350.5px -442.5px!important;width:48px;height:49px}
+.static-icon-mail{background-position:-757.5px -278.5px!important}
+.static-icon-motobike{background-position:-151px -532px!important}
+.static-icon-note{background-position:-16px -341.5px!important}
+.static-icon-note-2{background-position:-148.5px -334.5px!important}
+.static-icon-oto{background-position:-251.5px -531px!important}
+.static-icon-phone{background-position:-343.5px -335.5px!important}
+.static-icon-polygon-6{background-position:-359.5px -548px!important;width:48px;height:48px}
+.static-icon-polygon{background-position:-401.5px -442.5px!important}
+.static-icon-red-cancel{background-position:-453.5px -571px!important}
+.static-icon-region-hcm{background-position:-585.5px -548px!important}
+.static-icon-region-hn{background-position:-836px -20px!important}
+.static-icon-region-ttbh{background-position:-822.5px -240px!important}
+.static-icon-rocket{background-position:-796.5px -454px!important}
+.static-icon-search{background-position:-20px -460px!important;width:20px;height:20px}
+.static-icon-shield{background-position:-148px -646px!important}
+.static-icon-shield-2{background-position:-240px -645px!important}
+.static-icon-shield-3{background-position:-343px -656px!important;width:58px;height:69px}
+.static-icon-star-yellow{background-position:-78px -458px!important;margin:0 4px}
+.static-icon-tetris{background-position:-795.5px -649px!important}
+.static-icon-time-1{background-position:-144px -460px!important}
+.static-icon-top-10{background-position:-9px -846px!important}
+.static-icon-try-hard{background-position:-207px -841px!important}
+.static-icon-upgrade{background-position:-306.5px -841px!important}
+.static-icon-user{background-position:-203px -452px!important}
+.static-icon-wifi{background-position:-257px -442px!important}
+.static-icon-38{width:38px;height:38px}
+.static-icon-28{width:28px;height:28px}
+.static-icon-amd{background-position:25px -242px!important}
+.static-icon-intel{background-position:-408px -163px!important}
+.static-icon-asus{background-position:-276px -165px!important}
+.static-icon-gigabyte{background-position:-116px -163px!important}
+.static-icon-msi{background-position:-540px -165px!important}
+.static-icon-asrock{background-position:1px 4px!important}
+.static-icon-nzxt{background-position:-148px 0!important;height:53px!important}
+.static-icon-dell{background-position:-277px 7px!important;width:156px!important}
+.static-icon-apple{background-position:-411px 11px!important}
+.static-icon-samsung{background-position:-567px -1px!important;height:56px!important}
+.static-icon-lg{background-position:-648px -41px!important}
+.static-icon-ms{background-position:-170px -106px!important}
+.static-icon-acer{background-position:-318px -106px!important}
+.static-icon-aoc{background-position:24px -164px!important;width:140px!important}
+.static-icon-viewsonic{background-position:-454px -239px!important}
+.static-icon-lenovo{background-position:12px -50px!important}
+.static-icon-seagate{background-position:-161px -41px!important;width:166px!important}
+.static-icon-wd{background-position:-342px -41px!important}
+.static-icon-microlab{background-position:-502px -49px!important}
+.static-icon-toshiba{background-position:-2px -107px!important}
+.static-icon-logitech{background-position:-460px -99px!important}
+.static-icon-qleadtech{background-position:-613px -107px!important}
+.static-icon-hp{background-position:-115px -225px!important}
+.static-icon-coolermaster{background-position:-267px -240px!important}
+.static-icon-edra{background-position:-604px -236px!important}
+.icons-manufacturer{display:block;background:url(/images/sprite-manufacturer.png?v=1) no-repeat;background-size:764px 306px}
+.icons-manufacturer-group{width:160px;height:64px}
+.text-14{font-size:14px;line-height:18px}
+.text-16{font-size:16px;line-height:20px}
+.text-20{font-size:20px;line-height:24px}
+.text-24{font-size:24px;line-height:28px}
+.text-28{font-size:28px;line-height:32px}
+.text-32{font-size:32px;line-height:38px}
+.text-40{font-size:40px;line-height:48px}
+.heading-primary{max-width:792px;margin:0 auto;position:relative;margin-bottom:32px}
+.heading-primary::after{content:"";position:absolute;border-bottom:1px solid #74cdff;max-width:350px;width:100%;height:1px;bottom:0;left:50%;transform:translateX(-50%)}
+.font-weight-500{font-weight:500}
+.font-weight-600{font-weight:600}
+.list-style-none{list-style:none}
+.list-style-cricle{list-style-type:circle;padding-left:20px}
+.list-style-cricle--blue li::marker{color:var(--blue-1)}
+a{text-decoration:none;display:block;font-size:inherit;color:inherit}
+a:hover{text-decoration:none}
+h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin-bottom:0}
+ul,ol,dl,label{margin-bottom:0}
+.py-8{padding:80px 0!important}
+.pb-8{padding-bottom:80px!important}
+.pt-6{padding-top:64px!important}
+.py-6{padding:64px 0!important}
+.py-4x{padding:40px 0!important}
+.pb-4x{padding-bottom:40px}
+.py-3x{padding:32px 0!important}
+.pb-3x{padding-bottom:32px!important}
+.mb-3x{margin-bottom:32px!important}
+.max-w-792{max-width:var(--w-792)}
+.section-hero{height:400px;background-position:center;background-repeat:no-repeat;background-size:cover}
+.section-hero .container{height:100%}
+.section-hero .text-box{max-width:487px;height:100%;text-align:left}
+.showroom .swiper-button-next,.showroom .swiper-button-prev{background-color:#fff;width:40px;height:40px;border-radius:50%}
+.showroom .swiper-button-next:after,.showroom .swiper-button-prev:after{font-size:12px;font-weight:700}
+.showroom .swiper-pagination{bottom:unset!important;top:-8px}
+.showroom .swiper-pagination-bullet{width:48px;height:2px;border-radius:5px;background-color:#fff;opacity:1}
+.showroom .swiper-pagination-bullet-active{background-color:var(--blue-2)}
+.btn{position:relative;padding:12px 40px;border-radius:28px;font-weight:600;color:#fff;width:fit-content;border:none}
+.btn:hover{background-color:var(--blue-3);color:#fff}
+.btn-white{color:var(--blue-1);background-color:#fff}
+.btn-white-2{color:var(--blue-2);background-color:#fff}
+.btn-red{background-color:red;box-shadow:3px 3px 0 #cb3636}
+.btn-red:hover{background-color:red;transform:scale(1.02)}
+.btn-blue{background-color:var(--blue-1)}
+.btn-blue-2{background-color:var(--blue-2);box-shadow:3px 3px 0 #0066c1;transition: .2s all}
+.btn-blue-2:hover{background-color:var(--blue-2);transform:scale(1.02)}
+.btn-blue-3{font-weight:500;color:var(--blue-5);border:1px solid var(--blue-5)}
+.btn-gradient{width:100%;padding:23px 0;background:var(--bg-color-3);border-radius:8px}
+.btn-gradient:hover{background:var(--bg-color-2)}
+.box-r8{border-radius:8px}
+.box-gradient-item{border-radius:8px;border-left:1px solid #74cdff;border-right:1px solid #1d94ff;border-top:1px solid #74cdff;border-bottom:1px solid #1d94ff}
+.form-q-input{width:100%;padding:4px 0;border:none;outline:none;border-bottom:1px solid #d9d9d9}
+.form-q-input::placeholder{color:#a3a3a3}
+.form-q-input-search{max-width:215px}
+.form-q-input-upload{background-color:rgba(202,202,202,0.2);border-radius:4px;border:1px dashed var(--grey-4)}
+.form-q-input-upload:hover{background-color:rgba(202,202,202,0.4)}
+.form-q-input-upload label{width:100%;padding:16px;color:#a3a3a3;cursor:pointer}
+.bumble-chat{position:relative;width:268px;height:150px;border:4px solid var(--blue-3);border-radius:24px;background-color:#f2f9ff;padding:22px 26px}
+.bumble-chat::after{content:"";position:absolute;bottom:-23px;left:50%;transform:translateX(-50%) rotate(-135deg);background-color:inherit;width:40px;height:40px;border-left:4px solid var(--blue-3);border-top:4px solid var(--blue-3)}
+.bumble-chat p{line-height:25px;color:var(--blue-0)}
+.grid{display:grid}
+.grid--content-1{grid-template-columns:40% auto}
+.grid--guild-content{grid-template-columns:283px auto}
+.grid--2-cols{grid-template-columns:repeat(2,1fr)}
+.grid--3-cols{grid-template-columns:repeat(3,1fr)}
+.grid--4-cols{grid-template-columns:repeat(4,1fr)}
+.grid--5-cols{grid-template-columns:repeat(5,1fr)}
+.grid--gap-1{gap:32px 24px}
+.grid--gap-2{gap:24px}
+.grid--gap-4{gap:80px}
+.showroom-header{background-image:url(/images/static-showroom-top.png?v=1)}
+.showroom-region-box .grid{column-gap:60px}
+.showroom-region-box ul{list-style:none}
+.showroom-region-box li{width:100%;border:2px solid var(--gray-6);border-radius:10px}
+.showroom-region-box li:hover, .showroom-region-box li.active{background-color:var(--blue-4);border-color:var(--blue-2);cursor:pointer}
+.showroom-region-box li a{margin-bottom:24px;font-size: 22px;}
+.showroom-item{border-bottom:1px solid var(--blue-3)}
+.showroom-content h3{background-image:linear-gradient(to right bottom,rgba(197,241,255,0.5),rgba(197,241,255,0.5)),url(/images/static-showroom-bg.jpg?v=1);background-size:cover;gap:8px;padding:32px 0;margin-bottom:0}
+.showroom .showroom-content {display: none}
+.showroom .showroom-content.active {display: block}
+.showroom-contact h2,.showroom-contact h4{color:var(--blue-0)}
+.showroom-image{min-width:0}
+.showroom-image-content{border:1px solid var(--blue-2)}
+.showroom-image-bottom{height:72px;gap:50px}
+.showroom-image-bottom-logo{background-color:var(--blue-2);padding:12px 4px 12px 16px;position:relative}
+.showroom-image-bottom-logo::after{content:"";position:absolute;top:0;left:67px;bottom:0;width:50px;background-color:var(--blue-2);clip-path:polygon(0 0,0% 100%,100% 100%)}
+.showroom-image-bottom p{color:var(--blue-2);margin-bottom:0;padding-right:24px}
+.showroom-image .static-icon-location-small{margin-right:9px;transform:translateY(3px)}
+.showroom-features{background-color:#f5f8fd}
+.showroom-features ul{list-style:none}
+.buy-online-header{background-image:url(/images/static-buy-online-banner.png?v=1)}
+.buy-online-header .text-box{color:var(--blue-2)}
+.buy-online .deco-top{position:relative}
+.buy-online .deco-top-block-1{width:100%;height:73px}
+.buy-online .deco-top-block-2{position:absolute;top:40px;right:0;max-width:481px}
+.buy-online .deco-bottom{margin-top:145px;position:relative;transform:rotate(180deg)}
+.buy-online .guild-solution:not(:last-child){border-bottom:1px solid var(--blue-3)}
+.buy-online .guild-solution-header{max-width:589px}
+.buy-online .guild-solution-content{margin-top:40px}
+.buy-online .guild-solution .contact-list{gap:unset}
+.buy-online .guild-solution .contact-list li{border:none}
+.buy-online .guild-solution .contact-list .static-icons{border:none;filter:invert(46%) sepia(73%) saturate(3697%) hue-rotate(190deg) brightness(97%) contrast(90%);margin:0;transform:translate(1px,1px)}
+.buy-online .guild-solution .contact-list .border-wraper{border:1px dotted var(--gray-3);border-radius:50%;margin-right:12px}
+.buy-online .guild-solution-2{background-image:url(/images/static-buy-online-bg-1.png?v=1);width:100%;height:828px;position:relative;background-size:contain}
+.buy-online .guild-solution-2 .guild-solution-header{position:absolute;top:64px;left:10px}
+.buy-online .guild-solution-2 .guild-solution-content{position:absolute;top:200px;left:100px;margin-top:0}
+.buy-online .guild-solution-2 .guild-solution-content .bumble-chat{width:384px;height:152px;padding:16px}
+.buy-online .guild-solution-2 .guild-solution-content .bumble-chat p{line-height:28px}
+.buy-online .guild-solution-3 .guild-step-list{list-style:none}
+.buy-online .guild-solution-3 .guild-step-list-item{border:2px solid var(--blue-2);border-radius:8px;position:relative}
+.buy-online .guild-solution-3 .guild-step-list .wrap .guild-step-list-item:first-child::after{position:absolute;content:"";bottom:-18px;left:50%;border-left:2px solid var(--blue-2);height:16px}
+.buy-online .guild-solution-3 .guild-step-list .wrap .guild-step-list-item:nth-child(2)::after{position:absolute;content:"";top:50%;right:-26px;border-top:2px solid var(--blue-2);width:24px}
+.buy-online .guild-solution-3 .guild-step-list h4{display:inline-block;min-width:150px;border-bottom:2px solid #74cdff}
+.about-us{color:var(--grey-2)}
+.about-us ul{list-style:none}
+.about-us-header{position:relative;box-shadow:0 4px 4px rgba(0,0,0,0.25)}
+.about-us-header-bg{background-image:linear-gradient(to right,rgba(29,148,255,0.3),rgba(29,148,255,0.3)),url(/images/static-about-us-section-hero.png?v=1);filter:blur(2px)}
+.about-us-header .text-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
+.about-us-header .static-icon-logo{width:102px;height:102px}
+.about-us-header .deco-header{background:url(/images/static-deco-top.png?v=1) no-repeat;width:633px;height:33px;position:absolute;bottom:0}
+.about-us-header .deco-header-1{left:0}
+.about-us-header .deco-header-2{right:0;transform:scaleX(-1)}
+.about-us-content .wrap{padding:32px 0;border-bottom:1px solid var(--blue-3);background-color:rgba(116,205,255,0.05)}
+.about-us-content .wrap h4{max-width:792px;margin:0 auto}
+.about-us .summary{box-shadow:0 4px 4px rgba(0,0,0,0.25)}
+.about-us .summary .grid{column-gap:102px}
+.about-us .core-values{background-color:rgba(116,205,255,0.05)}
+.about-us .business{background-color:rgba(116,205,255,0.05)}
+.about-us .customer{background-color:var(--blue-2)}
+.about-us .customer-list{padding:32px 64px}
+.about-us .customer-list :not(:last-child){margin-bottom:16px}
+.about-us .customer-list li{display:flex;gap:16px;align-items:center;padding:8px}
+.about-us .customer-list span{display:block;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 12px rgba(255,255,255,0.9)}
+.warranty-policy{color:#000;background-color:#fafafa}
+.warranty-policy .static-icon-mail{background-position:-764.5px -287.5px!important}
+.warranty-policy .static-icon-phone{background-position:-347.5px -339.5px!important}
+.warranty-policy .static-icon-location-small{background-position:-471.5px -283.5px!important}
+.warranty-policy .static-icon-clock{background-position:-775px -16px!important}
+.warranty-policy .btn{padding:12px 24px}
+.warranty-policy ul{list-style-type:circle;padding-left:20px}
+.warranty-policy .line{position:relative;max-width:725px;width:100%;opacity:.6}
+.warranty-policy .line p{width:8px;height:8px;border:2px solid var(--grey-4);border-radius:50%;margin:auto 0}
+.warranty-policy .line::after{content:"";position:absolute;border-top:2px solid var(--grey-4);width:100%;top:50%;transform:translateY(-50%);left:8px}
+.warranty-policy-header{background-image:url(/images/warranty-policy-header-banner.png?v=1)}
+.warranty-policy-header .text-box{max-width:588px}
+.warranty-policy-header .text-box h3{position:relative;width:100%}
+.warranty-policy-header .text-box h3 p{position:absolute;top:16px;left:50px;margin-bottom:0}
+.warranty-policy-header .text-box h3 span{font-weight:500;color:var(--blue-5)}
+.warranty-policy-header .text-box .static-icon-mail{width:19px;height:15px;filter:invert(110%) sepia(75%) saturate(3574%) hue-rotate(92deg) brightness(104%) contrast(107%)}
+.warranty-policy-guild-item{position:relative;border:2px solid #c9e0f4;border-radius:16px;background-color:#fff;padding:40px 80px;margin-bottom:52px;box-shadow:11px 12px 0 #c9e0f4}
+.warranty-policy-guild-item span{color:red}
+.warranty-policy-guild-item h3{color:var(--blue-1);margin-bottom:20px;white-space:nowrap}
+.warranty-policy-guild-item li::marker{color:var(--blue-1)}
+.warranty-policy-guild-item .col-right .static-icon-phone{filter:brightness(0) invert(1);transform:rotate(20deg)}
+.warranty-policy-guild-item .col-left{position:relative}
+.warranty-policy-guild-item .col-left .line-col{content:"";position:absolute;right:-46px;top:0;width:6px;height:100%;background-color:#fafafa;border-radius:5px}
+.warranty-policy-location li{transform:translateY(-8px)}
+.warranty-policy-location span{display:inline-block;width:125px}
+.warranty-policy-location .wraper{display:inline-table;transform:translateY(8px)}
+.warranty-policy-location .static-icons{margin-right:6px;filter:invert(50%) sepia(16%) saturate(487%) hue-rotate(174deg) brightness(97%) contrast(88%)}
+.warranty-policy-condition{background:url(/images/static-warranty-policy-bg-1.png?v=1) no-repeat;background-size:cover}
+.warranty-policy-condition .grid{column-gap:80px}
+.warranty-policy-condition .condition-box{border-radius:16px}
+.warranty-policy-condition .condition-box h3{color:#a3a3a3}
+.warranty-policy-condition .condition-box img{max-width:368px;display:block;margin:0 auto}
+.warranty-policy-condition .condition-box-true{padding-bottom:24px!important}
+.warranty-policy-condition .condition-box-true p{color:var(--blue-0)}
+.warranty-policy-condition .condition-box-fail p{color:red}
+.warranty-policy-condition .condition-box .static-icons{transform:translate(-12px,-8px)}
+.warranty-policy-general{border-bottom:7px dashed rgba(202,202,202,0.4)}
+.warranty-policy-general .general-item h2{font-size:96px;line-height:120px;font-weight:900;color:var(--grey-4);max-width:354px;width:100%}
+.warranty-policy-general .general-item h2 span{max-width:220px}
+.warranty-policy-general .general-item-content{display:flex;flex-direction:column;justify-content:center;padding-left:64px;border-left:2px solid #d9d9d9;min-height:120px}
+.warranty-policy-general .general-item-content h4{font-size:18px;line-height:22px}
+.warranty-policy-general .general-item-2 li::marker{color:var(--blue-1)}
+.warranty-policy-in-home{padding-bottom:0!important}
+.warranty-policy-in-home ul{list-style:none;padding-left:0}
+.warranty-policy-in-home ul li{gap:20px}
+.warranty-policy-in-home ul p{max-width:500px}
+.warranty-policy-manufacturer ul{padding-left:0}
+.warranty-policy-manufacturer li{display:flex;align-items:center;justify-content:center;background-color:var(--blue-1);height:100px;border-radius:8px}
+.warranty-policy-manufacturer li:hover{background-color:#1f94fc}
+.contact-info{padding-bottom:80px;background:linear-gradient(180deg,rgba(209,233,255,0.4) 0%,rgba(255,255,255,0) 100%)}
+.contact-info .text-20{line-height:28px}
+.contact-info .grid{column-gap:30px}
+.contact-info .btn{padding:12px;display: block;width: 100%;text-align: center}
+.contact-info-header{position:relative;width:100%}
+.contact-info-header-text{max-width:800px}
+.contact-info-header-image{position:absolute;top:27px;right:0;max-width:255px}
+.contact-info-box{padding:30px 50px;background-color:#fff;border-radius:10px;box-shadow:2px 0 2px 4px rgba(167,218,255,0.08);border:1px solid transparent}
+.contact-info-box:hover{border:1px solid #00f}
+.contact-info-box h3{margin-top:12px;color:var(--grey-4);}
+.contact-info-box h4{color:var(--blue-0)}
+.ship-policy ul{list-style-type:circle}
+.ship-policy ul li::marker{color:var(--blue-1)}
+.ship-policy-header{background-image:url(/images/static-ship-policy-bg-0.png?v=1)}
+.ship-policy-form-header{height:240px;background:linear-gradient(300.63deg,rgba(29,148,255,0.1) 7.16%,rgba(116,205,255,0.1) 40.27%)}
+.ship-policy-form-header h4{max-width:430px;font-weight:500px}
+.ship-policy-form-header ul{gap:40px}
+.ship-policy-form-header ul li{max-width:320px;background:rgba(213,240,255,0.5);backdrop-filter:blur(8px);border-radius:8px;padding-right:30px}
+.ship-policy-form-header ul img{max-width:134px}
+.ship-policy-form-header ul p{max-width:140px}
+.ship-policy-form-inner-city{position:relative;margin:130px auto 80px}
+.ship-policy-form-inner-city img{max-width:575px;position:absolute;top:-90px;left:50%;transform:translateX(-50%)}
+.ship-policy-form-inner-city h4{padding:90px 0 64px;background:#edf5fd;border:1px solid var(--blue-1);border-radius:24px}
+.ship-policy-form-outside-city{height:700px;background-image:url(/images/static-ship-policy-bg-1.png?v=1)}
+.ship-policy-form-outside-city .wraper{max-width:600px}
+.ship-policy-pay{padding:40px 0 80px}
+.ship-policy-pay .grid{column-gap:80px}
+.ship-policy-pay-top{padding:40px 70px 0;background-color:rgba(202,202,202,0.2)}
+.ship-policy-pay-top h3{max-width:1040px;border-bottom:5px solid #fff}
+.ship-policy-pay-top img{max-width:150px}
+.ship-policy-pay-top .wraper{margin-left:32px}
+.ship-policy-pay-top ul{padding-left:20px;font-weight:500}
+.ship-policy-pay-bottom p{color:#fa5252}
+.ship-policy-pay-bottom ul{padding-left:20px;max-width:780px}
+.ship-policy-pay-bottom ul li::marker{color:#000}
+.privacy-policy{background-color:#fafafa;color:#000}
+.privacy-policy-header{background-image:url(/images/static-privacy-policy-bg-1.png?v=1)}
+.privacy-policy-header .text-box{max-width:unset}
+.privacy-policy-content{grid-template-columns:4fr 7.2fr;column-gap:80px}
+.privacy-policy-navbar ul{transition:all .3s;list-style:none;padding:40px;gap:32px;background-color:#fff;border:1px solid #0676da;border-radius:16px}
+.privacy-policy-navbar ul.sticky{position:fixed;top:20px}
+.privacy-policy-content .nav-item {margin-bottom: 10px}
+.privacy-policy-content .nav-item:last-child {margin: 0}
+.privacy-policy-navbar span{position:relative;display:block;width:50px;height:50px;border-radius:50%;border: 1px solid #CACACA;color: #CACACA;background: #fff}
+.privacy-policy-navbar span .line-col{position:absolute;border-left:1px solid #d9d9d9;height:24px;top:53px}
+.privacy-policy-navbar li a:hover,.privacy-policy-navbar li a.active{cursor:pointer}
+.privacy-policy-navbar li a.active span{color:var(--blue-1);border-color:var(--blue-1)}
+.privacy-policy-navbar li a.active p{color:var(--blue-1)}
+.privacy-policy-navbar li a:hover p {color: #000;}
+.privacy-policy-navbar li a:hover span{border-color: #A3A3A3;color: #A3A3A3}
+.privacy-policy-navbar .current a span {color: #005BAD;border: 1px solid #005BAD}
+.privacy-policy-navbar .current a p {color: #005BAD}
+.privacy-policy-navbar li:nth-child(4) .line-col{height:47px}
+.privacy-policy-navbar li:nth-child(5) .line-col{height:72px}
+.privacy-policy-navbar li:nth-child(6) .line-col{height:63px}
+.privacy-policy-navbar p{font-weight:500;margin-left:12px;max-width:258px;color:#6b6b6b}
+.privacy-policy-item .line-row{max-width:210px;border-bottom:4px solid #d9d9d9}
+.privacy-policy-item .box{list-style:none}
+.privacy-policy-item .box .static-icon-location-small{background-position:-467.5px -279.5px!important}
+.privacy-policy-item .box-1{column-gap:20px;margin-bottom:36px}
+.privacy-policy-item .box-1 li{max-width:165px;padding:14px 0 12px}
+.privacy-policy-item .box-2{gap:80px}
+.privacy-policy-item .box-2 li{gap:12px;background-color:transparent!important}
+.privacy-policy-item .box li{text-align:center;border-radius:10px}
+.privacy-policy-item .box li:nth-child(1){color:var(--blue-1);background-color:#cde4f8}
+.privacy-policy-item .box li:nth-child(1) .box-icon{background-color:var(--blue-1)}
+.privacy-policy-item .box li:nth-child(2){color:var(--red);background-color:rgba(255,139,139,0.2)}
+.privacy-policy-item .box li:nth-child(2) .box-icon{background-color:var(--red)}
+.privacy-policy-item .box li:nth-child(3){color:var(--green);background-color:rgba(74,248,216,0.2)}
+.privacy-policy-item .box li:nth-child(3) .box-icon{background-color:var(--green)}
+.privacy-policy-item .box li:nth-child(4){color:var(--orange);background-color:rgba(255,150,73,0.2)}
+.privacy-policy-item .box li:nth-child(4) .box-icon{background-color:var(--orange)}
+.privacy-policy-item .box-icon{width:34px;border-radius:50%}
+.privacy-policy-item .box .static-icons{width:34px;height:34px;filter:brightness(0) invert(1)}
+.privacy-policy-data-colection .static-icons{width:22px;height:22px;filter:invert(68%) sepia(0%) saturate(0%) hue-rotate(166deg) brightness(95%) contrast(92%)}
+.privacy-policy-data-colection .static-icon-location-small{background-position:-472.5px -285.5px!important}
+.privacy-policy-data-colection .static-icon-phone{background-position:-348.5px -341.5px!important}
+.privacy-policy-contact-list{list-style:none}
+.privacy-policy-contact-list.grid{column-gap:20px}
+.privacy-policy-contact-list .static-icons{position:absolute;width:93px;height:80px;top:-45%;left:50%;transform:translateX(-50%)}
+.privacy-policy-contact-list li{position:relative;margin-top:65px;text-align:center;padding:40px 38px 32px;border:4px solid #3c9ffc;border-radius:16px}
+.payment-guild{color:var(--grey-2)}
+.payment-guild .btn-white-2{border:1px solid #69d4f5;margin: auto}
+.payment-guild-header{background-image:url(/images/static-payment-guild-bg-1.png?v=1);height:1050px;border-bottom:1px solid var(--blue-3)}
+.payment-guild-header .text-box{max-height:800px}
+.payment-guild-header-content{position:relative}
+.payment-guild-header-features{position:absolute;padding:0 10px;left:0;bottom:55px}
+.payment-guild-header-features li{background:var(--bg-color-1);border:1px solid #69d4f5;backdrop-filter:blur(8px);border-radius:8px}
+.payment-guild-header-features .line-white{max-width:64px;border-bottom:1px solid #fff}
+.payment-guild .payment-transfer h4{position:relative}
+.payment-guild .payment-transfer h4::after{content:"";position:absolute;max-width:60px;width:100%;border-bottom:1px solid #bdc6d3;left:50%;transform:translateX(-50%);bottom:0}
+.payment-guild .payment-transfer li{border:1px solid var(--blue-3);border-radius:8px}
+.payment-guild .payment-delivery .col-left,.payment-guild .payment-installment .col-left{max-width:510px}
+.payment-guild .payment-delivery .col-right,.payment-guild .payment-installment .col-right{max-width:588px}
+.installment-guild{color:var(--grey-2)}
+.installment-guild .static-icons{width:32px;height:32px}
+.installment-guild-header{background-image:url(/images/static-installment-guild-bg-1.png?v=1);height:800px}
+.installment-guild .installment-MPOS .col-right .box{border-radius:8px;border:1px solid var(--blue-3);overflow:hidden}
+.installment-guild .installment-MPOS .col-right .box .table{z-index:-1;transform:translate(-1px,1px);width:100.5%;border-radius:8px}
+.installment-guild .installment-MPOS .col-right .box td{padding:16px;color:var(--grey-2);border: 1px solid #dee2e6}
+.installment-guild .installment-card .heading-primary{max-width:850px}
+.installment-guild .installment-card-item h5{height:36px}
+.recruit{color:#000}
+.recruit-header{background-image:url(/images/static-recruit-bg-1.png?v=1)}
+.recruit-header .text-box{margin:0 0 0 auto;max-width:545px}
+.recruit-header h1{margin-bottom:22px}
+.recruit .grid{grid-template-columns:242px auto}
+.recruit-filter h4{padding:12px 16px;width:100%;border-radius:10px}
+.recruit-filter-search button{border:none;background-color:transparent}
+.recruit-filter ul{font-size:12px;line-height:14px}
+.recruit-filter ul label{padding:1px 0;transform:translateY(1px)}
+.recruit-filter ul label:hover{cursor:pointer}
+.recruit-article:not(:last-child){border-bottom:1px solid var(--grey-4)}
+.recruit-article-text .static-icons{width:24px;height:24px}
+.recruit-article-text ul{margin-top:20px}
+.recruit-article-text li:not(:last-child){margin-bottom:14px}
+.recruit-article-text b{font-weight:400;color:#a3a3a3;margin:0 6px}
+.recruit-article-text a:hover{color:var(--blue-1)}
+.recruit-article-features .box{padding:12px 32px;border-radius:11px;border:1px solid transparent}
+.recruit-article-features .box .static-icons{width:28px;height:28px}
+.recruit-article-features .box i{margin-bottom:6px}
+.recruit-article-features .box-1{background-color:rgba(6,118,218,0.1);border-color:var(--blue-1)}
+.recruit-article-features .box-2{background-color:rgba(255,129,37,0.1);color:var(--orange);border-color:var(--orange)}
+.recruit .paging-item{display:flex;align-items:center;justify-content:center;color:#a3a3a3;width:40px;height:32px;background-color:#fafafa;border:1px solid var(--grey-4);border-radius:6px}
+.recruit .paging-item:not(:last-child){margin-right:8px}
+.recruit .paging-item.current,.recruit .paging-item:hover{background-color:var(--blue-1);color:#fff}
+.recruit .paging-item p{font-size:30px;transform:translateY(-3px)}
+.recruit-details{background-color:#fafafa;color:#000}
+.recruit-details .static-icon-clock-3{background-position:-96.5px -214px!important}
+.recruit-details .grid{grid-template-columns:8fr 3.6fr;column-gap:40px}
+.recruit-details .box{background-color:#fff}
+.recruit-details .form-q li{position:relative}
+.recruit-details .form-q li:not(:last-child){margin-bottom:24px}
+.recruit-details .form-q li span{position:absolute;right:0;top:0}
+.recruit-details-content-top{padding-top:40px}
+.recruit-details-content-top li{position:relative;padding:0 32px;text-align:center}
+.recruit-details-content-top li:not(:last-child)::after{content:"";position:absolute;height:100%;right:-10%;top:0;border-right:1px solid #ececec}
+.recruit-details-content-top .static-icon-clock-3{filter:invert(100%) sepia(75%) saturate(2295%) hue-rotate(330deg) brightness(100%) contrast(95%)}
+.recruit-details-content-main{border-top:1px solid #ececec;padding:32px 0 40px;margin:0 40px}
+.recruit-details-content-main h5{margin-bottom:20px}
+.recruit-details-content-main li:not(:last-child){margin-bottom:16px}
+.recruit-details .col-right .box{padding:32px 24px}
+.recruit-details-relative{margin-top:40px}
+.recruit-details-relative li:not(:last-child){margin-bottom:16px}
+.recruit-details-relative li:hover{color:var(--blue-1)}
+.recruit-details .trueForm{background:var(--bg-color-2)}
+.warranty-logo-list a {margin: 0 24px 24px 0;background: #005BAD;border-radius: 8px;position: relative;width: calc(100% / 5 - 21px);padding-bottom: 100px}
+.warranty-logo-list a:nth-child(5n) {margin-right: 5px}
+.warranty-logo-list a img {position: absolute;inset: 0 0 0 0;max-width: 50%;max-height: 50%;margin: auto;width: auto;height: auto}
+.warranty-logo-list a:hover {background: #1F94FC}
+.contact-box-bottom .contact-info {padding: 0;background: 0;}
+.showroom-region-box ul {display: flex;flex-wrap: wrap;column-gap: unset !important}
+.showroom-region-box ul li {margin: 0 24px 0 0;width: calc(100% / 4 - 22px)}
+.showroom-region-box ul li:nth-child(n+4) {margin-right: 0}
+.buy-online .guild-solution-content ul {display: flex;flex-wrap: wrap;gap: unset}
+.buy-online .guild-solution-content ul .box-gradient-item {margin: 0 10px 10px 0;width: calc(100% / 4 - 42px)}
+.buy-online .guild-solution-content ul .box-gradient-item:nth-child(4n) {margin-right: 0}
+.buy-online .guild-solution-content .box-gradient-item h3 {min-height: 36px;}
+.contact-info-content .contact-info-box {padding: 30px 20px;margin: 0 12px 0 0;width: calc(100% / 4 - 9px)}
+.contact-info-content .contact-info-box:nth-child(4n) {margin-right: 0}
+.contact-info-content .contact-info-box h4 {color: #0676DA;line-height: 32px;text-align: center;font-size: 20px}
+.contact-info-content .contact-info-box p {min-height: 72px;}
+.payment-guild .guild-solution ul {display: flex;flex-wrap: wrap;gap: unset}
+.payment-guild .guild-solution .box-gradient-item {margin: 0 12px 12px 0;width: calc(100% / 4 - 43px)}
+.payment-guild .guild-solution .box-gradient-item:nth-child(4n) {margin-right: 0}
+.payment-guild .guild-solution .box-gradient-item h4 {min-height: 36px}
+.showroom-item .swiper img {position: unset;}
+
+.recruit-page{background:#fff}
+.recruit-page .recruit-filter-search{position:relative;width:212px;border-bottom:1px solid #d9d9d9}
+.recruit-page .recruit-filter-search input{border:0;margin:0;padding:0;color:#a3a3a3;margin-right:7px;width:100%;height:23px}
+.recruit-page .recruit-filter-search button{background-color:unset;border:0;padding:0;margin:0;width:23px;height:23px;position:absolute;top:0;right:-30px;background-position:-20px -460px}
+.recruit-page .cat-list-group a{margin-top:17px;display:flex;align-items:center;gap: 6px;color:#000;font-size:14px;line-height:18px;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
+.recruit-page .cat-list-group input{vertical-align:text-top}
+.recruit-page .cat-list-group .current,.recruit-page .cat-list-group a:hover{color:#005bad;font-weight:700}
+.recruit-page .cat-list-group .current i::before{content:"\f8f4"}
+.recruit-header{position:relative;background:url(/images/static-recruit-bg-1.png?v=1) no-repeat center;background-size:cover;margin-bottom:60px}
+.recruit-header .text-box{max-width:550px;margin:auto 0 auto auto;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
+.recruit-header .text-box h1{margin-bottom:22px;color:#005bad;font-weight:600;font-size:28px;line-height:32px}
+.recruit-header .text-box h2{font-weight:400;font-size:16px;line-height:20px;text-align:justify;margin:0}
+.recruit-header .container{position:relative;padding-bottom:400px}
+.recruit-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
+.recruit-content .col-left .item{margin-bottom:40px}
+.recruit-content .col-left{width:242px;margin-right:80px}
+.recruit-content .col-right{width:calc(100% - 322px)}
+.recruit-content .col-left .box-title{margin-bottom:16px;text-align:center;color:#fff;line-height:44px;background:-o-linear-gradient(149.37deg,#0678db 0,#00f6ca 99.26%);background:linear-gradient(300.63deg,#0678db 0,#00f6ca 99.26%);border-radius:10px;font-weight:700;font-size:16px}
+.recruit-content .col-right .title{font-weight:600;font-size:28px;line-height:32px;color:#005bad;margin:0}
+.recruit-content .recruit-item{padding:32px 0;border-bottom:1px solid #cacaca;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
+.recruit-content .recruit-item:last-child{border:0}
+.recruit-content .recruit-item .item-title{font-weight:700;font-size:20px;line-height:24px;color:#000;margin-bottom:6px;width:100%}
+.recruit-content .recruit-item .item-title:hover{color:#005bad}
+.recruit-content .recruit-item li{margin-bottom:14px;font-size:16px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex}
+.recruit-content .recruit-item li:last-child{margin:0}
+.recruit-content .recruit-item ul:first-child{width:calc(100% - 400px)}
+.recruit-content .recruit-item .static-icons{width:24px;height:24px;margin-right:6px}
+.recruit-content .recruit-item .item-extent{color:#a3a3a3;margin-right:5px;white-space:nowrap}
+.recruit-content .recruit-item .date-note{margin-left:5px;color:#fa5252}
+.recruit-content .recruit-item .static-icon-clock{background-position:-98.5px -216px !important}
+.recruit-content .recruit-item .static-icon-location{background-position:-95.5px -285.5px !important}
+.recruit-content .recruit-item .static-icon-time{background-position:-144px -460px !important}
+.recruit-content .recruit-item .static-icon-dola{background-position:-324px -214px !important}
+.recruit-content .recruit-item .item-right{display:-webkit-box;display:-ms-flexbox;display:flex;width:365px;margin-left:35px}
+.recruit-content .recruit-item .item-right .static-icons{width:28px;height:28px;margin-bottom:6px}
+.recruit-content .recruit-item .item-right li{margin:0 16px 0 0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;width:170px;height:98px;border:1px solid #005bad;border-radius:11px;background:rgba(6,118,218,.1);line-height:20px;color:#005bad;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.recruit-content .recruit-item .item-right li:last-child{margin:0;background:rgba(255,129,37,.1);border:1px solid #ff8125;color:#ff8125}
+.recruit-content .recruit-item .item-right p{width:100%;margin:0}
+.recruit-detail-page{padding-top:50px;padding-bottom:80px}
+.recruit-detail-page .col-right{width:30%}
+.recruit-detail-page .col-left{margin-right:40px;width:calc(100% - 30% - 40px)}
+.recruit-detail-page .page-title{display:inline-block;font-weight:700;font-size:28px;line-height:32px;margin:0 2px 18px 0}
+.recruit-detail-page .recruit-date{display:inline-block;font-weight:700;font-size:16px;margin:0 2px 18px 0;color:#fa5252}
+.recruit-detail-page .recruit-location{color:#005bad;font-weight:500;font-size:20px;line-height:23px;margin-bottom:40px}
+.recruit-detail-page .recruit-content-group{background:#fff;padding:40px}
+.recruit-detail-page .recruit-detail-content{margin-top:32px;font-size:16px}
+.recruit-detail-page .recruit-extend-list{border-bottom:1px solid #ececec;padding-bottom:12px;margin-bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}
+.recruit-detail-page .recruit-extend-list .item{border-right:1px solid #ececec;flex: 1;font-size:16px;line-height:20px}
+.recruit-detail-page .recruit-extend-list .item:first-child{color:#0db866}
+.recruit-detail-page .recruit-extend-list .item:nth-child(2){color:#005bad}
+.recruit-detail-page .recruit-extend-list .item:nth-child(3){color:#ff8125}
+.recruit-detail-page .recruit-extend-list .item:nth-child(4){color:#fa5252;border:0}
+.recruit-detail-page .recruit-extend-list .item p{margin:0}
+.recruit-detail-page .recruit-extend-list .item b{display:block}
+.recruit-detail-page .recruit-extend-list .static-icons{display:block;margin:auto auto 4px;width:30px;height:30px}
+.recruit-detail-page .recruit-extend-list .icon-member{background-position:-476px -216px}
+.recruit-detail-page .recruit-extend-list .icon-time-work{background-position:-143px -460px}
+.recruit-detail-page .recruit-extend-list .icon-payment{background-position:-323px -214.5px}
+.recruit-detail-page .recruit-extend-list .icon-clock{background-position:-96.5px -214px;-webkit-filter:invert(100%) sepia(75%) saturate(2295%) hue-rotate(330deg) brightness(100%) contrast(95%);filter:invert(100%) sepia(75%) saturate(2295%) hue-rotate(330deg) brightness(100%) contrast(95%)}
+.recruit-detail-page .recruit-form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.recruit-detail-page .recruit-form-group .btn-submit{display:block;margin-bottom:16px;line-height:72px;background:-o-linear-gradient(149.37deg,#0678db66 0,#00f6ca66 99.26%);background:linear-gradient(300.63deg,#0678db66 0,#00f6ca66 99.26%);border-radius:8px;text-align:center;color:#fff;font-weight:700;font-size:20px;text-transform:uppercase;width:100%}
+.recruit-detail-page .recruit-form-group .btn-upload{background:rgba(202,202,202,.2);border:1px dashed #cacaca;border-radius:4px;text-align:center;color:#a3a3a3;line-height:46px}
+.recruit-detail-page .recruit-form-group .btn-submit:hover{background:-o-linear-gradient(149.37deg,#00f6ca66 0,#0678db66 99.26%);background:linear-gradient(300.63deg,#00f6ca66 0,#0678db66 99.26%)}
+.recruit-detail-page .recruit-form-group .recruit-form-holder{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background:#fff;padding:32px 24px;width:100%}
+.recruit-detail-page .recruit-form-group label{display:block;margin-bottom:24px;border-bottom:1px solid #d9d9d9;padding-bottom:4px;position:relative}
+.recruit-detail-page .recruit-form-group label:last-child{margin:0}
+.recruit-detail-page .recruit-form-group .input-text{display:block;color:#a3a3a3;font-size:16px;line-height:20px;border:0;margin:0;padding:0}
+.recruit-detail-page .recruit-form-group .readonly{font-size:16px;color:#fa5252;position:absolute;top:0;right:0}
+.recruit-detail-page .recruit-same-cate-group{padding:32px 24px;background:#fff;margin-bottom:40px;font-size:16px;line-height:19px}
+.recruit-detail-page .recruit-same-cate-group .title{font-weight:600;font-size:20px;line-height:24px;margin-bottom:24px}
+.recruit-detail-page .recruit-same-cate-group a{display:block;color:#000;margin-top:14px}
+.recruit-detail-page .recruit-same-cate-group a:hover{color:#005bad}
+.recruit-detail-page .recruit-file-group{background:rgba(202,202,202,.2);border:1px dashed #cacaca;border-radius:4px}
+.recruit-detail-page .recruit-file-group label{text-align:center;padding:0;border:0}
+.recruit-detail-page .recruit-file-group .btn-upload{margin:0;color:#a3a3a3;line-height:46px;cursor:pointer}
+.recruit-category-page{padding-top:40px;padding-bottom:40px}
+.recruit-category-page .recruit-item{background:#fff;padding:32px;border-radius:10px;margin-top:16px;border:0;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
+.recruit-category-page .recruit-item:hover{-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.2);box-shadow:0 0 6px 0 rgba(0,0,0,.2)}
+
+
+@media (min-width: 1624px) {
+    .showroom-region .static-icons {margin: 64px auto 34px auto;}
+    .showroom-region-box li a {font-size: 28px;margin-bottom: 54px}
+  	.buy-online .guild-solution-content .box-gradient-item h3, .payment-guild .guild-solution .box-gradient-item h4 {min-height: unset;}
+}
\ No newline at end of file
diff --git a/src/styles/tuyen_dung.css b/src/styles/tuyen_dung.css
new file mode 100644
index 0000000..c969cac
--- /dev/null
+++ b/src/styles/tuyen_dung.css
@@ -0,0 +1,584 @@
+.global-breadcrumb {display: none;}
+.contact-info-page * {box-sizing: border-box;}
+.global-header-block{display:none}
+.global-header-container{top:-50px;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
+.global-header-container .item-support-group{width:1200px;margin:auto;top:calc(100% + 8px);-webkit-filter:drop-shadow(0px 2px 4px rgba(0,0,0,0.2));filter:drop-shadow(0px 2px 4px rgba(0,0,0,.2));border-radius:10px;background:#fff;overflow:hidden;position:absolute;left:0;right:0;z-index:99;margin-top:8px;-webkit-transition:.1s all;-o-transition:.1s all;transition:.1s all;opacity:1;visibility:hidden;font-size:16px;line-height:20px}
+.global-header-container .item-support-group .title{margin:0;text-align:center;color:#fff;font-weight:700;font-size:28px;line-height:64px;background:-o-linear-gradient(358.44deg,#f52194 2.74%,#fa9f2c 96.84%);background:linear-gradient(91.56deg,#f52194 2.74%,#fa9f2c 96.84%)}
+.global-header-container .item-support-group .row{padding:24px}
+.global-header-container .item-support-group .col-title{margin-bottom:18px;color:#212a36;font-weight:700;font-size:19px;line-height:24px;text-align:center}
+.global-header-container .item-support-group table{margin-bottom:40px}
+.global-header-container .item-support-group table:last-child{margin:0}
+.global-header-container .item-support-group tr:first-child td{padding:0}
+.global-header-container .item-support-group td{padding:7px 12px}
+.global-header-container .item-support-group b{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.global-header-container .item-support-group .icon-zalo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:24px;height:24px;margin-right:8px;background-position:center;background-repeat:no-repeat;background-size:24px;vertical-align:bottom}
+.global-header-container .item-support-group .col-item{padding:24px 40px}
+.global-header-container .list-hotline-group{-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.4);box-shadow:0 0 4px 0 rgba(0,0,0,.4);border-radius:8px;background:#fff;position:absolute;top:calc(100% + 20px);right:0;width:450px;z-index:2;overflow:hidden;-webkit-transition:.12s all;-o-transition:.12s all;transition:.12s all;opacity:0;visibility:hidden}
+.global-header-container .list-hotline-group .item{margin:0;border:0;line-height:32px;padding:8px 16px;border-bottom:1px solid #e5eaf1;color:#212a36;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.global-header-container .list-hotline-group .item:hover{background:#e5eaf1}
+.global-header-container .list-hotline-group .num{width:32px;height:32px;line-height:32px;text-align:center;margin-right:16px;border-radius:4px;font-weight:700;font-size:20px;-webkit-box-shadow:0 0 0 1px #1988ec;box-shadow:0 0 0 1px #1988ec}
+.global-another-header{background:#0676da;z-index:9999;position: sticky;top:0;left: 0;right: 0;-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);padding: 0 !important;z-index: 1002 !important}
+.global-another-header .container{padding-top:10px;padding-bottom:10px}
+.global-another-header .another-header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.global-another-header .logo-header{max-width:146px;}
+.global-another-header .header-item{margin-right:40px;color:#fff;line-height:40px}
+.global-another-header .header-item:last-child{margin:0}
+.global-another-header .header-item:hover .item-support-group{top:100%;opacity:1;visibility:visible}
+.global-another-header .header-item:hover .list-hotline-group{top:calc(100% + 6px);visibility:visible;opacity:1}
+.global-another-header .header-item .box-title{border-radius:28px;line-height:40px;display:block;width:130px;text-align:center;font-size:16px;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}
+.global-another-header .item-showroom .box-title{width:auto;-webkit-box-shadow:unset;box-shadow:unset;font-weight:700;font-size:14px;color:#fff}
+.global-another-header .item-support-group{margin-top:0}
+.global-another-footer{background:#0062b9!important;padding:32px 0;color:#fff;font-size:16px;line-height:27px;text-align: justify;}
+.global-another-footer a{display:table;color:#fff;font-size:16px;line-height:27px}
+.global-another-footer .title{font-weight:700;font-size:20px;line-height:24px;padding-bottom:12px;margin-bottom:12px;position:relative}
+.global-another-footer .title::after{content:'';width:150px;height:2px;background:#fafafa;position:absolute;bottom:0;left:0}
+.global-another-footer p{margin:0}
+.global-another-footer .footer-address-list a{display:inline-block}
+.global-another-footer .footer-support-list a{font-weight:700;display:inline-block}
+.row{display: flex;flex-wrap:wrap;gap: 24px;}
+.col{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
+.blue-light, .global-another-footer .footer-address-list a, .global-another-footer .footer-support-list a {color: #00fff0;}
+:root{--blue-0:#0676da;--blue-1:#005bad;--blue-2:#1988ec;--blue-3:#69d4f5;--blue-4:#1d94ff1a;--blue-5:#00fff0;--black-1:#212a36;--grey-2:#404d5f;--gray-3:#697789;--grey-4:#cacaca;--gray-6:#e5eaf1;--red:#fa5252;--green:#0db899;--orange:#ff8125;--bg-color-1:linear-gradient(300.63deg,rgba(29,148,255,0.05) 7.16%,rgba(116,205,255,0.05) 40.27%);--bg-color-2:linear-gradient(300.63deg,rgba(6,120,219,1) 0%,rgba(0,246,202,1) 99.26%);--bg-color-3:linear-gradient(300.63deg,rgba(6,120,219,0.4) 0%,rgba(0,246,202,0.4) 99.26%);--w-792:792px;--w-588:588px;--w-510:510px}
+.color-primary{color:var(--blue-2)}
+.color-secondary{color:var(--gray-3)}
+.color-black{color:var(--black-1)}
+.color-blue-1{color:var(--blue-1)}
+.color-red{color:var(--red)}
+.color-green{color:var(--green)}
+.color-orange{color:var(--orange)}
+.bg-color-1{background:var(--bg-color-1)}
+.bg-color-2{background:var(--bg-color-2)}
+.gradient-color{color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important}
+.gradient-color-1{background:linear-gradient(to bottom right,#cd49c0 0%,#ce0707 100%)}
+.gradient-color-2{background:linear-gradient(to bottom right,#49adcd 0%,#07ce7a 100%)}
+.gradient-color-3{background:linear-gradient(to bottom right,#cd5149 0%,#ce9607 100%)}
+.gradient-color-4{background:linear-gradient(to bottom right,#74cdff 0%,#1d94ff 100%)}
+*,::after,::before{margin:0;padding:0;box-sizing:inherit}
+body{background: #fff;}
+.container{max-width:1220px;padding:0 10px}
+img{width:100%}
+.contact-list{list-style:none;gap:12px;padding: 0;margin: 0}
+.contact-list li{gap:12px}
+.wraper-icon{position:relative}
+.wraper-icon span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
+.static-icons{display:block;background:url(/images/static-sprite.png?v=2) no-repeat;background-size:1036px 1028px}
+.showroom-region .static-icons,.achievement .static-icons{width:180px;height:180px}
+.showroom-region .static-icons{margin:24px auto }
+.contact-list .static-icons{width:36px;height:36px;border:1px dotted var(--gray-3);border-radius:50%}
+.showroom-features .static-icons,.core-values .static-icons,.condition-box .static-icons{width:80px;height:80px}
+.warranty-policy-guild .static-icons{width:26px;height:26px}
+.static-icon-10-years{background-position:-10px -14px!important}
+.static-icon-box{background-position:-212px -10px!important}
+.static-icon-box-2{background-position:-271px -12px!important}
+.static-icon-box-phone{background-position:-336px -20px!important}
+.static-icon-box-sms{background-position:-469px -20px!important}
+.static-icon-card{background-position:-591px 0!important}
+.static-icon-card-vizit{background-position:-701px -18px!important}
+.static-icon-chat-tear{background-position:-221px -92px!important}
+.static-icon-check-blue{background-position:-705px -91px!important;width:82px!important}
+.static-icon-clock{background-position:-771px -12px!important}
+.static-icon-clock-2{background-position:-20px -216px!important}
+.static-icon-clock-3{background-position:-98.5px -216px!important}
+.static-icon-creation{background-position:-157.5px -203px!important}
+.static-icon-device{background-position:-266.5px -212px!important}
+.static-icon-dola{background-position:-324px -214.5px!important}
+.static-icon-drink{background-position:-373.5px -206px!important}
+.static-icon-group{background-position:-477.5px -216px!important}
+.static-icon-headphone{background-position:-532.5px -206px!important}
+.static-icon-laptop{background-position:-632.5px -200px!important}
+.static-icon-location{background-position:-739.5px -211px!important;width:40px;height:40px}
+.static-icon-location-3{background-position:-271.5px -287.5px!important;width:39px;height:54px}
+.static-icon-location-4{background-position:-95.5px -285.5px!important}
+.static-icon-location-small{background-position:-477.5px -287.5px!important;width:16px;height:18px}
+.static-icon-location-small.icon-2{background-position:-467.5px -279.5px!important}
+.static-icon-lock{background-position:-536.5px -322px!important;width:182px;height:182px}
+.static-icon-logo{background-position:-20px -548px!important}
+.static-icon-logo-small{background-position:-350.5px -442.5px!important;width:48px;height:49px}
+.static-icon-mail{background-position:-757.5px -278.5px!important}
+.static-icon-motobike{background-position:-151px -532px!important}
+.static-icon-note{background-position:-16px -341.5px!important}
+.static-icon-note-2{background-position:-148.5px -334.5px!important}
+.static-icon-oto{background-position:-251.5px -531px!important}
+.static-icon-phone{background-position:-343.5px -335.5px!important}
+.static-icon-polygon-6{background-position:-359.5px -548px!important;width:48px;height:48px}
+.static-icon-polygon{background-position:-401.5px -442.5px!important}
+.static-icon-red-cancel{background-position:-453.5px -571px!important}
+.static-icon-region-hcm{background-position:-585.5px -548px!important}
+.static-icon-region-hn{background-position:-836px -20px!important}
+.static-icon-region-ttbh{background-position:-822.5px -240px!important}
+.static-icon-rocket{background-position:-796.5px -454px!important}
+.static-icon-search{background-position:-20px -460px!important;width:20px;height:20px}
+.static-icon-shield{background-position:-148px -646px!important}
+.static-icon-shield-2{background-position:-240px -645px!important}
+.static-icon-shield-3{background-position:-343px -656px!important;width:58px;height:69px}
+.static-icon-star-yellow{background-position:-78px -458px!important;margin:0 4px}
+.static-icon-tetris{background-position:-795.5px -649px!important}
+.static-icon-time-1{background-position:-144px -460px!important}
+.static-icon-top-10{background-position:-9px -846px!important}
+.static-icon-try-hard{background-position:-207px -841px!important}
+.static-icon-upgrade{background-position:-306.5px -841px!important}
+.static-icon-user{background-position:-203px -452px!important}
+.static-icon-wifi{background-position:-257px -442px!important}
+.static-icon-38{width:38px;height:38px}
+.static-icon-28{width:28px;height:28px}
+.static-icon-amd{background-position:25px -242px!important}
+.static-icon-intel{background-position:-408px -163px!important}
+.static-icon-asus{background-position:-276px -165px!important}
+.static-icon-gigabyte{background-position:-116px -163px!important}
+.static-icon-msi{background-position:-540px -165px!important}
+.static-icon-asrock{background-position:1px 4px!important}
+.static-icon-nzxt{background-position:-148px 0!important;height:53px!important}
+.static-icon-dell{background-position:-277px 7px!important;width:156px!important}
+.static-icon-apple{background-position:-411px 11px!important}
+.static-icon-samsung{background-position:-567px -1px!important;height:56px!important}
+.static-icon-lg{background-position:-648px -41px!important}
+.static-icon-ms{background-position:-170px -106px!important}
+.static-icon-acer{background-position:-318px -106px!important}
+.static-icon-aoc{background-position:24px -164px!important;width:140px!important}
+.static-icon-viewsonic{background-position:-454px -239px!important}
+.static-icon-lenovo{background-position:12px -50px!important}
+.static-icon-seagate{background-position:-161px -41px!important;width:166px!important}
+.static-icon-wd{background-position:-342px -41px!important}
+.static-icon-microlab{background-position:-502px -49px!important}
+.static-icon-toshiba{background-position:-2px -107px!important}
+.static-icon-logitech{background-position:-460px -99px!important}
+.static-icon-qleadtech{background-position:-613px -107px!important}
+.static-icon-hp{background-position:-115px -225px!important}
+.static-icon-coolermaster{background-position:-267px -240px!important}
+.static-icon-edra{background-position:-604px -236px!important}
+.icons-manufacturer{display:block;background:url(/images/sprite-manufacturer.png?v=1) no-repeat;background-size:764px 306px}
+.icons-manufacturer-group{width:160px;height:64px}
+.text-14{font-size:14px;line-height:18px}
+.text-16{font-size:16px;line-height:20px}
+.text-20{font-size:20px;line-height:24px}
+.text-24{font-size:24px;line-height:28px}
+.text-28{font-size:28px;line-height:32px}
+.text-32{font-size:32px;line-height:38px}
+.text-40{font-size:40px;line-height:48px}
+.heading-primary{max-width:792px;margin:0 auto;position:relative;margin-bottom:32px}
+.heading-primary::after{content:"";position:absolute;border-bottom:1px solid #74cdff;max-width:350px;width:100%;height:1px;bottom:0;left:50%;transform:translateX(-50%)}
+.font-weight-500{font-weight:500}
+.font-weight-600{font-weight:600}
+.list-style-none{list-style:none}
+.list-style-cricle{list-style-type:circle;padding-left:20px}
+.list-style-cricle--blue li::marker{color:var(--blue-1)}
+a{text-decoration:none;display:block;font-size:inherit;color:inherit}
+a:hover{text-decoration:none}
+h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin-bottom:0}
+ul,ol,dl,label{margin-bottom:0}
+.py-8{padding:80px 0!important}
+.pb-8{padding-bottom:80px!important}
+.pt-6{padding-top:64px!important}
+.py-6{padding:64px 0!important}
+.py-4x{padding:40px 0!important}
+.pb-4x{padding-bottom:40px}
+.py-3x{padding:32px 0!important}
+.pb-3x{padding-bottom:32px!important}
+.mb-3x{margin-bottom:32px!important}
+.max-w-792{max-width:var(--w-792)}
+.section-hero{height:400px;background-position:center;background-repeat:no-repeat;background-size:cover}
+.section-hero .container{height:100%}
+.section-hero .text-box{max-width:487px;height:100%;text-align:left}
+.showroom .swiper-button-next,.showroom .swiper-button-prev{background-color:#fff;width:40px;height:40px;border-radius:50%}
+.showroom .swiper-button-next:after,.showroom .swiper-button-prev:after{font-size:12px;font-weight:700}
+.showroom .swiper-pagination{bottom:unset!important;top:-8px}
+.showroom .swiper-pagination-bullet{width:48px;height:2px;border-radius:5px;background-color:#fff;opacity:1}
+.showroom .swiper-pagination-bullet-active{background-color:var(--blue-2)}
+.btn{position:relative;padding:12px 40px;border-radius:28px;font-weight:600;color:#fff;width:fit-content;border:none}
+.btn:hover{background-color:var(--blue-3);color:#fff}
+.btn-white{color:var(--blue-1);background-color:#fff}
+.btn-white-2{color:var(--blue-2);background-color:#fff}
+.btn-red{background-color:red;box-shadow:3px 3px 0 #cb3636}
+.btn-red:hover{background-color:red;transform:scale(1.02)}
+.btn-blue{background-color:var(--blue-1)}
+.btn-blue-2{background-color:var(--blue-2);box-shadow:3px 3px 0 #0066c1;transition: .2s all}
+.btn-blue-2:hover{background-color:var(--blue-2);transform:scale(1.02)}
+.btn-blue-3{font-weight:500;color:var(--blue-5);border:1px solid var(--blue-5)}
+.btn-gradient{width:100%;padding:23px 0;background:var(--bg-color-3);border-radius:8px}
+.btn-gradient:hover{background:var(--bg-color-2)}
+.box-r8{border-radius:8px}
+.box-gradient-item{border-radius:8px;border-left:1px solid #74cdff;border-right:1px solid #1d94ff;border-top:1px solid #74cdff;border-bottom:1px solid #1d94ff}
+.form-q-input{width:100%;padding:4px 0;border:none;outline:none;border-bottom:1px solid #d9d9d9}
+.form-q-input::placeholder{color:#a3a3a3}
+.form-q-input-search{max-width:215px}
+.form-q-input-upload{background-color:rgba(202,202,202,0.2);border-radius:4px;border:1px dashed var(--grey-4)}
+.form-q-input-upload:hover{background-color:rgba(202,202,202,0.4)}
+.form-q-input-upload label{width:100%;padding:16px;color:#a3a3a3;cursor:pointer}
+.bumble-chat{position:relative;width:268px;height:150px;border:4px solid var(--blue-3);border-radius:24px;background-color:#f2f9ff;padding:22px 26px}
+.bumble-chat::after{content:"";position:absolute;bottom:-23px;left:50%;transform:translateX(-50%) rotate(-135deg);background-color:inherit;width:40px;height:40px;border-left:4px solid var(--blue-3);border-top:4px solid var(--blue-3)}
+.bumble-chat p{line-height:25px;color:var(--blue-0)}
+.grid{display:grid}
+.grid--content-1{grid-template-columns:40% auto}
+.grid--guild-content{grid-template-columns:283px auto}
+.grid--2-cols{grid-template-columns:repeat(2,1fr)}
+.grid--3-cols{grid-template-columns:repeat(3,1fr)}
+.grid--4-cols{grid-template-columns:repeat(4,1fr)}
+.grid--5-cols{grid-template-columns:repeat(5,1fr)}
+.grid--gap-1{gap:32px 24px}
+.grid--gap-2{gap:24px}
+.grid--gap-4{gap:80px}
+.showroom-header{background-image:url(/images/static-showroom-top.png?v=1)}
+.showroom-region-box .grid{column-gap:60px}
+.showroom-region-box ul{list-style:none}
+.showroom-region-box li{width:100%;border:2px solid var(--gray-6);border-radius:10px}
+.showroom-region-box li:hover, .showroom-region-box li.active{background-color:var(--blue-4);border-color:var(--blue-2);cursor:pointer}
+.showroom-region-box li a{margin-bottom:24px;font-size: 22px;}
+.showroom-item{border-bottom:1px solid var(--blue-3)}
+.showroom-content h3{background-image:linear-gradient(to right bottom,rgba(197,241,255,0.5),rgba(197,241,255,0.5)),url(/images/static-showroom-bg.jpg?v=1);background-size:cover;gap:8px;padding:32px 0;margin-bottom:0}
+.showroom .showroom-content {display: none}
+.showroom .showroom-content.active {display: block}
+.showroom-contact h2,.showroom-contact h4{color:var(--blue-0)}
+.showroom-image{min-width:0}
+.showroom-image-content{border:1px solid var(--blue-2)}
+.showroom-image-bottom{height:72px;gap:50px}
+.showroom-image-bottom-logo{background-color:var(--blue-2);padding:12px 4px 12px 16px;position:relative}
+.showroom-image-bottom-logo::after{content:"";position:absolute;top:0;left:67px;bottom:0;width:50px;background-color:var(--blue-2);clip-path:polygon(0 0,0% 100%,100% 100%)}
+.showroom-image-bottom p{color:var(--blue-2);margin-bottom:0;padding-right:24px}
+.showroom-image .static-icon-location-small{margin-right:9px;transform:translateY(3px)}
+.showroom-features{background-color:#f5f8fd}
+.showroom-features ul{list-style:none}
+.buy-online-header{background-image:url(/images/static-buy-online-banner.png?v=1)}
+.buy-online-header .text-box{color:var(--blue-2)}
+.buy-online .deco-top{position:relative}
+.buy-online .deco-top-block-1{width:100%;height:73px}
+.buy-online .deco-top-block-2{position:absolute;top:40px;right:0;max-width:481px}
+.buy-online .deco-bottom{margin-top:145px;position:relative;transform:rotate(180deg)}
+.buy-online .guild-solution:not(:last-child){border-bottom:1px solid var(--blue-3)}
+.buy-online .guild-solution-header{max-width:589px}
+.buy-online .guild-solution-content{margin-top:40px}
+.buy-online .guild-solution .contact-list{gap:unset}
+.buy-online .guild-solution .contact-list li{border:none}
+.buy-online .guild-solution .contact-list .static-icons{border:none;filter:invert(46%) sepia(73%) saturate(3697%) hue-rotate(190deg) brightness(97%) contrast(90%);margin:0;transform:translate(1px,1px)}
+.buy-online .guild-solution .contact-list .border-wraper{border:1px dotted var(--gray-3);border-radius:50%;margin-right:12px}
+.buy-online .guild-solution-2{background-image:url(/images/static-buy-online-bg-1.png?v=1);width:100%;height:828px;position:relative;background-size:contain}
+.buy-online .guild-solution-2 .guild-solution-header{position:absolute;top:64px;left:10px}
+.buy-online .guild-solution-2 .guild-solution-content{position:absolute;top:200px;left:100px;margin-top:0}
+.buy-online .guild-solution-2 .guild-solution-content .bumble-chat{width:384px;height:152px;padding:16px}
+.buy-online .guild-solution-2 .guild-solution-content .bumble-chat p{line-height:28px}
+.buy-online .guild-solution-3 .guild-step-list{list-style:none}
+.buy-online .guild-solution-3 .guild-step-list-item{border:2px solid var(--blue-2);border-radius:8px;position:relative}
+.buy-online .guild-solution-3 .guild-step-list .wrap .guild-step-list-item:first-child::after{position:absolute;content:"";bottom:-18px;left:50%;border-left:2px solid var(--blue-2);height:16px}
+.buy-online .guild-solution-3 .guild-step-list .wrap .guild-step-list-item:nth-child(2)::after{position:absolute;content:"";top:50%;right:-26px;border-top:2px solid var(--blue-2);width:24px}
+.buy-online .guild-solution-3 .guild-step-list h4{display:inline-block;min-width:150px;border-bottom:2px solid #74cdff}
+.about-us{color:var(--grey-2)}
+.about-us ul{list-style:none}
+.about-us-header{position:relative;box-shadow:0 4px 4px rgba(0,0,0,0.25)}
+.about-us-header-bg{background-image:linear-gradient(to right,rgba(29,148,255,0.3),rgba(29,148,255,0.3)),url(/images/static-about-us-section-hero.png?v=1);filter:blur(2px)}
+.about-us-header .text-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
+.about-us-header .static-icon-logo{width:102px;height:102px}
+.about-us-header .deco-header{background:url(/images/static-deco-top.png?v=1) no-repeat;width:633px;height:33px;position:absolute;bottom:0}
+.about-us-header .deco-header-1{left:0}
+.about-us-header .deco-header-2{right:0;transform:scaleX(-1)}
+.about-us-content .wrap{padding:32px 0;border-bottom:1px solid var(--blue-3);background-color:rgba(116,205,255,0.05)}
+.about-us-content .wrap h4{max-width:792px;margin:0 auto}
+.about-us .summary{box-shadow:0 4px 4px rgba(0,0,0,0.25)}
+.about-us .summary .grid{column-gap:102px}
+.about-us .core-values{background-color:rgba(116,205,255,0.05)}
+.about-us .business{background-color:rgba(116,205,255,0.05)}
+.about-us .customer{background-color:var(--blue-2)}
+.about-us .customer-list{padding:32px 64px}
+.about-us .customer-list :not(:last-child){margin-bottom:16px}
+.about-us .customer-list li{display:flex;gap:16px;align-items:center;padding:8px}
+.about-us .customer-list span{display:block;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 12px rgba(255,255,255,0.9)}
+.warranty-policy{color:#000;background-color:#fafafa}
+.warranty-policy .static-icon-mail{background-position:-764.5px -287.5px!important}
+.warranty-policy .static-icon-phone{background-position:-347.5px -339.5px!important}
+.warranty-policy .static-icon-location-small{background-position:-471.5px -283.5px!important}
+.warranty-policy .static-icon-clock{background-position:-775px -16px!important}
+.warranty-policy .btn{padding:12px 24px}
+.warranty-policy ul{list-style-type:circle;padding-left:20px}
+.warranty-policy .line{position:relative;max-width:725px;width:100%;opacity:.6}
+.warranty-policy .line p{width:8px;height:8px;border:2px solid var(--grey-4);border-radius:50%;margin:auto 0}
+.warranty-policy .line::after{content:"";position:absolute;border-top:2px solid var(--grey-4);width:100%;top:50%;transform:translateY(-50%);left:8px}
+.warranty-policy-header{background-image:url(/images/warranty-policy-header-banner.png?v=1)}
+.warranty-policy-header .text-box{max-width:588px}
+.warranty-policy-header .text-box h3{position:relative;width:100%}
+.warranty-policy-header .text-box h3 p{position:absolute;top:16px;left:50px;margin-bottom:0}
+.warranty-policy-header .text-box h3 span{font-weight:500;color:var(--blue-5)}
+.warranty-policy-header .text-box .static-icon-mail{width:19px;height:15px;filter:invert(110%) sepia(75%) saturate(3574%) hue-rotate(92deg) brightness(104%) contrast(107%)}
+.warranty-policy-guild-item{position:relative;border:2px solid #c9e0f4;border-radius:16px;background-color:#fff;padding:40px 80px;margin-bottom:52px;box-shadow:11px 12px 0 #c9e0f4}
+.warranty-policy-guild-item span{color:red}
+.warranty-policy-guild-item h3{color:var(--blue-1);margin-bottom:20px;white-space:nowrap}
+.warranty-policy-guild-item li::marker{color:var(--blue-1)}
+.warranty-policy-guild-item .col-right .static-icon-phone{filter:brightness(0) invert(1);transform:rotate(20deg)}
+.warranty-policy-guild-item .col-left{position:relative}
+.warranty-policy-guild-item .col-left .line-col{content:"";position:absolute;right:-46px;top:0;width:6px;height:100%;background-color:#fafafa;border-radius:5px}
+.warranty-policy-location li{transform:translateY(-8px)}
+.warranty-policy-location span{display:inline-block;width:125px}
+.warranty-policy-location .wraper{display:inline-table;transform:translateY(8px)}
+.warranty-policy-location .static-icons{margin-right:6px;filter:invert(50%) sepia(16%) saturate(487%) hue-rotate(174deg) brightness(97%) contrast(88%)}
+.warranty-policy-condition{background:url(/images/static-warranty-policy-bg-1.png?v=1) no-repeat;background-size:cover}
+.warranty-policy-condition .grid{column-gap:80px}
+.warranty-policy-condition .condition-box{border-radius:16px}
+.warranty-policy-condition .condition-box h3{color:#a3a3a3}
+.warranty-policy-condition .condition-box img{max-width:368px;display:block;margin:0 auto}
+.warranty-policy-condition .condition-box-true{padding-bottom:24px!important}
+.warranty-policy-condition .condition-box-true p{color:var(--blue-0)}
+.warranty-policy-condition .condition-box-fail p{color:red}
+.warranty-policy-condition .condition-box .static-icons{transform:translate(-12px,-8px)}
+.warranty-policy-general{border-bottom:7px dashed rgba(202,202,202,0.4)}
+.warranty-policy-general .general-item h2{font-size:96px;line-height:120px;font-weight:900;color:var(--grey-4);max-width:354px;width:100%}
+.warranty-policy-general .general-item h2 span{max-width:220px}
+.warranty-policy-general .general-item-content{display:flex;flex-direction:column;justify-content:center;padding-left:64px;border-left:2px solid #d9d9d9;min-height:120px}
+.warranty-policy-general .general-item-content h4{font-size:18px;line-height:22px}
+.warranty-policy-general .general-item-2 li::marker{color:var(--blue-1)}
+.warranty-policy-in-home{padding-bottom:0!important}
+.warranty-policy-in-home ul{list-style:none;padding-left:0}
+.warranty-policy-in-home ul li{gap:20px}
+.warranty-policy-in-home ul p{max-width:500px}
+.warranty-policy-manufacturer ul{padding-left:0}
+.warranty-policy-manufacturer li{display:flex;align-items:center;justify-content:center;background-color:var(--blue-1);height:100px;border-radius:8px}
+.warranty-policy-manufacturer li:hover{background-color:#1f94fc}
+.contact-info{padding-bottom:80px;background:linear-gradient(180deg,rgba(209,233,255,0.4) 0%,rgba(255,255,255,0) 100%)}
+.contact-info .text-20{line-height:28px}
+.contact-info .grid{column-gap:30px}
+.contact-info .btn{padding:12px;display: block;width: 100%;text-align: center}
+.contact-info-header{position:relative;width:100%}
+.contact-info-header-text{max-width:800px}
+.contact-info-header-image{position:absolute;top:27px;right:0;max-width:255px}
+.contact-info-box{padding:30px 50px;background-color:#fff;border-radius:10px;box-shadow:2px 0 2px 4px rgba(167,218,255,0.08);border:1px solid transparent}
+.contact-info-box:hover{border:1px solid #00f}
+.contact-info-box h3{margin-top:12px;color:var(--grey-4);}
+.contact-info-box h4{color:var(--blue-0)}
+.ship-policy ul{list-style-type:circle}
+.ship-policy ul li::marker{color:var(--blue-1)}
+.ship-policy-header{background-image:url(/images/static-ship-policy-bg-0.png?v=1)}
+.ship-policy-form-header{height:240px;background:linear-gradient(300.63deg,rgba(29,148,255,0.1) 7.16%,rgba(116,205,255,0.1) 40.27%)}
+.ship-policy-form-header h4{max-width:430px;font-weight:500px}
+.ship-policy-form-header ul{gap:40px}
+.ship-policy-form-header ul li{max-width:320px;background:rgba(213,240,255,0.5);backdrop-filter:blur(8px);border-radius:8px;padding-right:30px}
+.ship-policy-form-header ul img{max-width:134px}
+.ship-policy-form-header ul p{max-width:140px}
+.ship-policy-form-inner-city{position:relative;margin:130px auto 80px}
+.ship-policy-form-inner-city img{max-width:575px;position:absolute;top:-90px;left:50%;transform:translateX(-50%)}
+.ship-policy-form-inner-city h4{padding:90px 0 64px;background:#edf5fd;border:1px solid var(--blue-1);border-radius:24px}
+.ship-policy-form-outside-city{height:700px;background-image:url(/images/static-ship-policy-bg-1.png?v=1)}
+.ship-policy-form-outside-city .wraper{max-width:600px}
+.ship-policy-pay{padding:40px 0 80px}
+.ship-policy-pay .grid{column-gap:80px}
+.ship-policy-pay-top{padding:40px 70px 0;background-color:rgba(202,202,202,0.2)}
+.ship-policy-pay-top h3{max-width:1040px;border-bottom:5px solid #fff}
+.ship-policy-pay-top img{max-width:150px}
+.ship-policy-pay-top .wraper{margin-left:32px}
+.ship-policy-pay-top ul{padding-left:20px;font-weight:500}
+.ship-policy-pay-bottom p{color:#fa5252}
+.ship-policy-pay-bottom ul{padding-left:20px;max-width:780px}
+.ship-policy-pay-bottom ul li::marker{color:#000}
+.privacy-policy{background-color:#fafafa;color:#000}
+.privacy-policy-header{background-image:url(/images/static-privacy-policy-bg-1.png?v=1)}
+.privacy-policy-header .text-box{max-width:unset}
+.privacy-policy-content{grid-template-columns:4fr 7.2fr;column-gap:80px}
+.privacy-policy-navbar ul{transition:all .3s;list-style:none;padding:40px;gap:32px;background-color:#fff;border:1px solid #0676da;border-radius:16px}
+.privacy-policy-navbar ul.sticky{position:fixed;top:20px}
+.privacy-policy-content .nav-item {margin-bottom: 10px}
+.privacy-policy-content .nav-item:last-child {margin: 0}
+.privacy-policy-navbar span{position:relative;display:block;width:50px;height:50px;border-radius:50%;border: 1px solid #CACACA;color: #CACACA;background: #fff}
+.privacy-policy-navbar span .line-col{position:absolute;border-left:1px solid #d9d9d9;height:24px;top:53px}
+.privacy-policy-navbar li a:hover,.privacy-policy-navbar li a.active{cursor:pointer}
+.privacy-policy-navbar li a.active span{color:var(--blue-1);border-color:var(--blue-1)}
+.privacy-policy-navbar li a.active p{color:var(--blue-1)}
+.privacy-policy-navbar li a:hover p {color: #000;}
+.privacy-policy-navbar li a:hover span{border-color: #A3A3A3;color: #A3A3A3}
+.privacy-policy-navbar .current a span {color: #005BAD;border: 1px solid #005BAD}
+.privacy-policy-navbar .current a p {color: #005BAD}
+.privacy-policy-navbar li:nth-child(4) .line-col{height:47px}
+.privacy-policy-navbar li:nth-child(5) .line-col{height:72px}
+.privacy-policy-navbar li:nth-child(6) .line-col{height:63px}
+.privacy-policy-navbar p{font-weight:500;margin-left:12px;max-width:258px;color:#6b6b6b}
+.privacy-policy-item .line-row{max-width:210px;border-bottom:4px solid #d9d9d9}
+.privacy-policy-item .box{list-style:none}
+.privacy-policy-item .box .static-icon-location-small{background-position:-467.5px -279.5px!important}
+.privacy-policy-item .box-1{column-gap:20px;margin-bottom:36px}
+.privacy-policy-item .box-1 li{max-width:165px;padding:14px 0 12px}
+.privacy-policy-item .box-2{gap:80px}
+.privacy-policy-item .box-2 li{gap:12px;background-color:transparent!important}
+.privacy-policy-item .box li{text-align:center;border-radius:10px}
+.privacy-policy-item .box li:nth-child(1){color:var(--blue-1);background-color:#cde4f8}
+.privacy-policy-item .box li:nth-child(1) .box-icon{background-color:var(--blue-1)}
+.privacy-policy-item .box li:nth-child(2){color:var(--red);background-color:rgba(255,139,139,0.2)}
+.privacy-policy-item .box li:nth-child(2) .box-icon{background-color:var(--red)}
+.privacy-policy-item .box li:nth-child(3){color:var(--green);background-color:rgba(74,248,216,0.2)}
+.privacy-policy-item .box li:nth-child(3) .box-icon{background-color:var(--green)}
+.privacy-policy-item .box li:nth-child(4){color:var(--orange);background-color:rgba(255,150,73,0.2)}
+.privacy-policy-item .box li:nth-child(4) .box-icon{background-color:var(--orange)}
+.privacy-policy-item .box-icon{width:34px;border-radius:50%}
+.privacy-policy-item .box .static-icons{width:34px;height:34px;filter:brightness(0) invert(1)}
+.privacy-policy-data-colection .static-icons{width:22px;height:22px;filter:invert(68%) sepia(0%) saturate(0%) hue-rotate(166deg) brightness(95%) contrast(92%)}
+.privacy-policy-data-colection .static-icon-location-small{background-position:-472.5px -285.5px!important}
+.privacy-policy-data-colection .static-icon-phone{background-position:-348.5px -341.5px!important}
+.privacy-policy-contact-list{list-style:none}
+.privacy-policy-contact-list.grid{column-gap:20px}
+.privacy-policy-contact-list .static-icons{position:absolute;width:93px;height:80px;top:-45%;left:50%;transform:translateX(-50%)}
+.privacy-policy-contact-list li{position:relative;margin-top:65px;text-align:center;padding:40px 38px 32px;border:4px solid #3c9ffc;border-radius:16px}
+.payment-guild{color:var(--grey-2)}
+.payment-guild .btn-white-2{border:1px solid #69d4f5;margin: auto}
+.payment-guild-header{background-image:url(/images/static-payment-guild-bg-1.png?v=1);height:1050px;border-bottom:1px solid var(--blue-3)}
+.payment-guild-header .text-box{max-height:800px}
+.payment-guild-header-content{position:relative}
+.payment-guild-header-features{position:absolute;padding:0 10px;left:0;bottom:55px}
+.payment-guild-header-features li{background:var(--bg-color-1);border:1px solid #69d4f5;backdrop-filter:blur(8px);border-radius:8px}
+.payment-guild-header-features .line-white{max-width:64px;border-bottom:1px solid #fff}
+.payment-guild .payment-transfer h4{position:relative}
+.payment-guild .payment-transfer h4::after{content:"";position:absolute;max-width:60px;width:100%;border-bottom:1px solid #bdc6d3;left:50%;transform:translateX(-50%);bottom:0}
+.payment-guild .payment-transfer li{border:1px solid var(--blue-3);border-radius:8px}
+.payment-guild .payment-delivery .col-left,.payment-guild .payment-installment .col-left{max-width:510px}
+.payment-guild .payment-delivery .col-right,.payment-guild .payment-installment .col-right{max-width:588px}
+.installment-guild{color:var(--grey-2)}
+.installment-guild .static-icons{width:32px;height:32px}
+.installment-guild-header{background-image:url(/images/static-installment-guild-bg-1.png?v=1);height:800px}
+.installment-guild .installment-MPOS .col-right .box{border-radius:8px;border:1px solid var(--blue-3);overflow:hidden}
+.installment-guild .installment-MPOS .col-right .box .table{z-index:-1;transform:translate(-1px,1px);width:100.5%;border-radius:8px}
+.installment-guild .installment-MPOS .col-right .box td{padding:16px;color:var(--grey-2);border: 1px solid #dee2e6}
+.installment-guild .installment-card .heading-primary{max-width:850px}
+.installment-guild .installment-card-item h5{height:36px}
+.recruit{color:#000}
+.recruit-header{background-image:url(/images/static-recruit-bg-1.png?v=1)}
+.recruit-header .text-box{margin:0 0 0 auto;max-width:545px}
+.recruit-header h1{margin-bottom:22px}
+.recruit .grid{grid-template-columns:242px auto}
+.recruit-filter h4{padding:12px 16px;width:100%;border-radius:10px}
+.recruit-filter-search button{border:none;background-color:transparent}
+.recruit-filter ul{font-size:12px;line-height:14px}
+.recruit-filter ul label{padding:1px 0;transform:translateY(1px)}
+.recruit-filter ul label:hover{cursor:pointer}
+.recruit-article:not(:last-child){border-bottom:1px solid var(--grey-4)}
+.recruit-article-text .static-icons{width:24px;height:24px}
+.recruit-article-text ul{margin-top:20px}
+.recruit-article-text li:not(:last-child){margin-bottom:14px}
+.recruit-article-text b{font-weight:400;color:#a3a3a3;margin:0 6px}
+.recruit-article-text a:hover{color:var(--blue-1)}
+.recruit-article-features .box{padding:12px 32px;border-radius:11px;border:1px solid transparent}
+.recruit-article-features .box .static-icons{width:28px;height:28px}
+.recruit-article-features .box i{margin-bottom:6px}
+.recruit-article-features .box-1{background-color:rgba(6,118,218,0.1);border-color:var(--blue-1)}
+.recruit-article-features .box-2{background-color:rgba(255,129,37,0.1);color:var(--orange);border-color:var(--orange)}
+.recruit .paging-item{display:flex;align-items:center;justify-content:center;color:#a3a3a3;width:40px;height:32px;background-color:#fafafa;border:1px solid var(--grey-4);border-radius:6px}
+.recruit .paging-item:not(:last-child){margin-right:8px}
+.recruit .paging-item.current,.recruit .paging-item:hover{background-color:var(--blue-1);color:#fff}
+.recruit .paging-item p{font-size:30px;transform:translateY(-3px)}
+.recruit-details{background-color:#fafafa;color:#000}
+.recruit-details .static-icon-clock-3{background-position:-96.5px -214px!important}
+.recruit-details .grid{grid-template-columns:8fr 3.6fr;column-gap:40px}
+.recruit-details .box{background-color:#fff}
+.recruit-details .form-q li{position:relative}
+.recruit-details .form-q li:not(:last-child){margin-bottom:24px}
+.recruit-details .form-q li span{position:absolute;right:0;top:0}
+.recruit-details-content-top{padding-top:40px}
+.recruit-details-content-top li{position:relative;padding:0 32px;text-align:center}
+.recruit-details-content-top li:not(:last-child)::after{content:"";position:absolute;height:100%;right:-10%;top:0;border-right:1px solid #ececec}
+.recruit-details-content-top .static-icon-clock-3{filter:invert(100%) sepia(75%) saturate(2295%) hue-rotate(330deg) brightness(100%) contrast(95%)}
+.recruit-details-content-main{border-top:1px solid #ececec;padding:32px 0 40px;margin:0 40px}
+.recruit-details-content-main h5{margin-bottom:20px}
+.recruit-details-content-main li:not(:last-child){margin-bottom:16px}
+.recruit-details .col-right .box{padding:32px 24px}
+.recruit-details-relative{margin-top:40px}
+.recruit-details-relative li:not(:last-child){margin-bottom:16px}
+.recruit-details-relative li:hover{color:var(--blue-1)}
+.recruit-details .trueForm{background:var(--bg-color-2)}
+.warranty-logo-list a {margin: 0 24px 24px 0;background: #005BAD;border-radius: 8px;position: relative;width: calc(100% / 5 - 21px);padding-bottom: 100px}
+.warranty-logo-list a:nth-child(5n) {margin-right: 5px}
+.warranty-logo-list a img {position: absolute;inset: 0 0 0 0;max-width: 50%;max-height: 50%;margin: auto;width: auto;height: auto}
+.warranty-logo-list a:hover {background: #1F94FC}
+.contact-box-bottom .contact-info {padding: 0;background: 0;}
+.showroom-region-box ul {display: flex;flex-wrap: wrap;column-gap: unset !important}
+.showroom-region-box ul li {margin: 0 24px 0 0;width: calc(100% / 4 - 22px)}
+.showroom-region-box ul li:nth-child(n+4) {margin-right: 0}
+.buy-online .guild-solution-content ul {display: flex;flex-wrap: wrap;gap: unset}
+.buy-online .guild-solution-content ul .box-gradient-item {margin: 0 10px 10px 0;width: calc(100% / 4 - 42px)}
+.buy-online .guild-solution-content ul .box-gradient-item:nth-child(4n) {margin-right: 0}
+.buy-online .guild-solution-content .box-gradient-item h3 {min-height: 36px;}
+.contact-info-content .contact-info-box {padding: 30px 20px;margin: 0 12px 0 0;width: calc(100% / 4 - 9px)}
+.contact-info-content .contact-info-box:nth-child(4n) {margin-right: 0}
+.contact-info-content .contact-info-box h4 {color: #0676DA;line-height: 32px;text-align: center;font-size: 20px}
+.contact-info-content .contact-info-box p {min-height: 72px;}
+.payment-guild .guild-solution ul {display: flex;flex-wrap: wrap;gap: unset}
+.payment-guild .guild-solution .box-gradient-item {margin: 0 12px 12px 0;width: calc(100% / 4 - 43px)}
+.payment-guild .guild-solution .box-gradient-item:nth-child(4n) {margin-right: 0}
+.payment-guild .guild-solution .box-gradient-item h4 {min-height: 36px}
+.showroom-item .swiper img {position: unset;}
+
+.recruit-page{background:#fff}
+.recruit-page .recruit-filter-search{position:relative;width:212px;border-bottom:1px solid #d9d9d9}
+.recruit-page .recruit-filter-search input{border:0;margin:0;padding:0;color:#a3a3a3;margin-right:7px;width:100%;height:23px}
+.recruit-page .recruit-filter-search button{background-color:unset;border:0;padding:0;margin:0;width:23px;height:23px;position:absolute;top:0;right:-30px;background-position:-20px -460px}
+.recruit-page .cat-list-group .item{margin-top:17px;display:flex;align-items:center;gap: 6px;color:#000;font-size:14px;line-height:18px;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
+.recruit-page .cat-list-group input{vertical-align:text-top}
+.recruit-page .cat-list-group .current,.recruit-page .cat-list-group .item:hover{color:#005bad;font-weight:700}
+.recruit-page .cat-list-group .current i::before{content:"\f8f4"}
+.recruit-header{position:relative;background:url(/images/static-recruit-bg-1.png?v=1) no-repeat center;background-size:cover;margin-bottom:60px}
+.recruit-header .text-box{max-width:550px;margin:auto 0 auto auto;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
+.recruit-header .text-box h1{margin-bottom:22px;color:#005bad;font-weight:600;font-size:28px;line-height:32px}
+.recruit-header .text-box h2{font-weight:400;font-size:16px;line-height:20px;text-align:justify;margin:0}
+.recruit-header .container{position:relative;padding-bottom:400px}
+.recruit-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
+.recruit-content .col-left .item{margin-bottom:0}
+.recruit-content .col-left{width:242px;margin-right:80px}
+.recruit-content .col-right{width:calc(100% - 322px)}
+.recruit-content .col-left .box-title{margin-bottom:16px;text-align:center;color:#fff;line-height:44px;background:-o-linear-gradient(149.37deg,#0678db 0,#00f6ca 99.26%);background:linear-gradient(300.63deg,#0678db 0,#00f6ca 99.26%);border-radius:10px;font-weight:700;font-size:16px}
+.recruit-content .col-right .title{font-weight:600;font-size:28px;line-height:32px;color:#005bad;margin:0}
+.recruit-content .recruit-item{padding:32px 0;border-bottom:1px solid #cacaca;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
+.recruit-content .recruit-item:last-child{border:0}
+.recruit-content .recruit-item .item-title{font-weight:700;font-size:20px;line-height:24px;color:#000;margin-bottom:6px;width:100%}
+.recruit-content .recruit-item .item-title:hover{color:#005bad}
+.recruit-content .recruit-item li{margin-bottom:14px;font-size:16px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex}
+.recruit-content .recruit-item li:last-child{margin:0}
+.recruit-content .recruit-item ul:first-child{width:calc(100% - 400px)}
+.recruit-content .recruit-item .static-icons{width:24px;height:24px;margin-right:6px}
+.recruit-content .recruit-item .item-extent{color:#a3a3a3;margin-right:5px;white-space:nowrap}
+.recruit-content .recruit-item .date-note{margin-left:5px;color:#fa5252}
+.recruit-content .recruit-item .static-icon-clock{background-position:-98.5px -216px !important}
+.recruit-content .recruit-item .static-icon-location{background-position:-95.5px -285.5px !important}
+.recruit-content .recruit-item .static-icon-time{background-position:-144px -460px !important}
+.recruit-content .recruit-item .static-icon-dola{background-position:-324px -214px !important}
+.recruit-content .recruit-item .item-right{display:-webkit-box;display:-ms-flexbox;display:flex;width:365px;margin-left:35px}
+.recruit-content .recruit-item .item-right .static-icons{width:28px;height:28px;margin-bottom:6px}
+.recruit-content .recruit-item .item-right li{margin:0 16px 0 0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;width:170px;height:98px;border:1px solid #005bad;border-radius:11px;background:rgba(6,118,218,.1);line-height:20px;color:#005bad;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.recruit-content .recruit-item .item-right li:last-child{margin:0;background:rgba(255,129,37,.1);border:1px solid #ff8125;color:#ff8125}
+.recruit-content .recruit-item .item-right p{width:100%;margin:0}
+.recruit-detail-page{padding-top:50px;padding-bottom:80px}
+.recruit-detail-page .col-right{width:30%}
+.recruit-detail-page .col-left{margin-right:40px;width:calc(100% - 30% - 40px)}
+.recruit-detail-page .page-title{display:inline-block;font-weight:700;font-size:28px;line-height:32px;margin:0 2px 18px 0}
+.recruit-detail-page .recruit-date{display:inline-block;font-weight:700;font-size:16px;margin:0 2px 18px 0;color:#fa5252}
+.recruit-detail-page .recruit-location{color:#005bad;font-weight:500;font-size:20px;line-height:23px;margin-bottom:40px}
+.recruit-detail-page .recruit-content-group{background:#fff;padding:40px}
+.recruit-detail-page .recruit-detail-content{margin-top:32px;font-size:16px}
+.recruit-detail-page .recruit-extend-list{border-bottom:1px solid #ececec;padding-bottom:12px;margin-bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}
+.recruit-detail-page .recruit-extend-list .item{border-right:1px solid #ececec;flex: 1;font-size:16px;line-height:20px}
+.recruit-detail-page .recruit-extend-list .item:first-child{color:#0db866}
+.recruit-detail-page .recruit-extend-list .item:nth-child(2){color:#005bad}
+.recruit-detail-page .recruit-extend-list .item:nth-child(3){color:#ff8125}
+.recruit-detail-page .recruit-extend-list .item:nth-child(4){color:#fa5252;border:0}
+.recruit-detail-page .recruit-extend-list .item p{margin:0}
+.recruit-detail-page .recruit-extend-list .item b{display:block}
+.recruit-detail-page .recruit-extend-list .static-icons{display:block;margin:auto auto 4px;width:30px;height:30px}
+.recruit-detail-page .recruit-extend-list .icon-member{background-position:-476px -216px}
+.recruit-detail-page .recruit-extend-list .icon-time-work{background-position:-143px -460px}
+.recruit-detail-page .recruit-extend-list .icon-payment{background-position:-323px -214.5px}
+.recruit-detail-page .recruit-extend-list .icon-clock{background-position:-96.5px -214px;-webkit-filter:invert(100%) sepia(75%) saturate(2295%) hue-rotate(330deg) brightness(100%) contrast(95%);filter:invert(100%) sepia(75%) saturate(2295%) hue-rotate(330deg) brightness(100%) contrast(95%)}
+.recruit-detail-page .recruit-form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.recruit-detail-page .recruit-form-group .btn-submit{display:block;margin-bottom:16px;line-height:72px;background:-o-linear-gradient(149.37deg,#0678db66 0,#00f6ca66 99.26%);background:linear-gradient(300.63deg,#0678db66 0,#00f6ca66 99.26%);border-radius:8px;text-align:center;color:#fff;font-weight:700;font-size:20px;text-transform:uppercase;width:100%}
+.recruit-detail-page .recruit-form-group .btn-upload{background:rgba(202,202,202,.2);border:1px dashed #cacaca;border-radius:4px;text-align:center;color:#a3a3a3;line-height:46px}
+.recruit-detail-page .recruit-form-group .btn-submit:hover{background:-o-linear-gradient(149.37deg,#00f6ca66 0,#0678db66 99.26%);background:linear-gradient(300.63deg,#00f6ca66 0,#0678db66 99.26%)}
+.recruit-detail-page .recruit-form-group .recruit-form-holder{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background:#fff;padding:32px 24px;width:100%}
+.recruit-detail-page .recruit-form-group label{display:block;margin-bottom:24px;border-bottom:1px solid #d9d9d9;padding-bottom:4px;position:relative}
+.recruit-detail-page .recruit-form-group label:last-child{margin:0}
+.recruit-detail-page .recruit-form-group .input-text{display:block;color:#a3a3a3;font-size:16px;line-height:20px;border:0;margin:0;padding:0}
+.recruit-detail-page .recruit-form-group .readonly{font-size:16px;color:#fa5252;position:absolute;top:0;right:0}
+.recruit-detail-page .recruit-same-cate-group{padding:32px 24px;background:#fff;margin-bottom:40px;font-size:16px;line-height:19px}
+.recruit-detail-page .recruit-same-cate-group .title{font-weight:600;font-size:20px;line-height:24px;margin-bottom:24px}
+.recruit-detail-page .recruit-same-cate-group a{display:block;color:#000;margin-top:14px}
+.recruit-detail-page .recruit-same-cate-group a:hover{color:#005bad}
+.recruit-detail-page .recruit-file-group{background:rgba(202,202,202,.2);border:1px dashed #cacaca;border-radius:4px}
+.recruit-detail-page .recruit-file-group label{text-align:center;padding:0;border:0}
+.recruit-detail-page .recruit-file-group .btn-upload{margin:0;color:#a3a3a3;line-height:46px;cursor:pointer}
+.recruit-category-page{padding-top:40px;padding-bottom:40px}
+.recruit-category-page .recruit-item{background:#fff;padding:32px;border-radius:10px;margin-top:16px;border:0;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
+.recruit-category-page .recruit-item:hover{-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.2);box-shadow:0 0 6px 0 rgba(0,0,0,.2)}
+
+
+@media (min-width: 1624px) {
+    .showroom-region .static-icons {margin: 64px auto 34px auto;}
+    .showroom-region-box li a {font-size: 28px;margin-bottom: 54px}
+  	.buy-online .guild-solution-content .box-gradient-item h3, .payment-guild .guild-solution .box-gradient-item h4 {min-height: unset;}
+}
\ No newline at end of file