:root,::after,::before{--ws-bg-body:#ffffff;--ws-color-body:#000000;--ws-bggradient-body: unset;--ws-bg-top:#f2fdf5 ;--ws-color-top:#088750;--ws-bggradient-top: unset;--ws-bg-banner:#ffffff;--ws-color-banner:#000000;--ws-bggradient-banner: unset;--ws-bg-menu:#ffffff;--ws-color-menu:#000000;--ws-bggradient-menu:radial-gradient(circle at 50% 0%, #ffffff 0%, #dfe9f3 50%, #c3cfe2 100%);--ws-bg-slideshow:#ffffff;--ws-color-slideshow:#ffffff;--ws-bggradient-slideshow: unset;--ws-bg-main:#2555c8;--ws-color-main:#aaaaaa;--ws-bggradient-main: unset;--ws-bg-bottom:#8b2c1f;--ws-color-bottom:#ffffff;--ws-bggradient-bottom: unset;--ws-bg-design:#8b2c1f;--ws-color-design:#f7f7f7;--ws-bggradient-design: unset;--ws-bg-hover:#ed8d3f;--ws-color-hover:#ffffff;--ws-bggradient-hover: unset;--ws-bg-title:#8b2c1f;--ws-color-title:#ffffff;--ws-bggradient-title:linear-gradient(to right, #cb2d3e, #ef473a);--ws-bg-cotab:#82c2de;--ws-color-cotab:#90096c;--ws-bggradient-cotab:conic-gradient(from 45deg at 50% 50%, #ffffff, #e2ebf0, #c3cfe2, #ffffff);--ws-bg-timeline:#000000;--ws-color-timeline:#ffffff;--ws-bggradient-timeline: unset;--ws-bg-maulienket:#ffffff;--ws-color-maulienket:#ff4242;--ws-bggradient-maulienket: unset;--ws-bg-maulienkethover:#ffbaba;--ws-color-maulienkethover:#ff0000;--ws-bggradient-maulienkethover: unset;--ws-bg-mautheh:#ffffff;--ws-color-mautheh:#2937ff;--ws-bggradient-mautheh: unset;--ws-bg-boxmau1:#186B23;--ws-color-boxmau1:#ffffff;--ws-bggradient-boxmau1: unset;--ws-bg-boxmau2:#ff9f0c;--ws-color-boxmau2:#ffffff;--ws-bggradient-boxmau2:linear-gradient(97deg, rgba(255,159,0,1) 0%, rgba(199,130,10,1) 100%);--ws-bg-boxmau3:#5db15a;--ws-color-boxmau3:#ffffff;--ws-bggradient-boxmau3: unset;--ws-bg-boxmau4:#0987f9;--ws-color-boxmau4:#ffffff;--ws-bggradient-boxmau4:conic-gradient(from 90deg at 50% 50%, #283048, #859398, #283048);--ws-bg-boxmau5:#720808;--ws-color-boxmau5:#ffffff;--ws-bggradient-boxmau5:linear-gradient(to top, #23074d 0%, #cc5333 100%);--ws-bg-boxmau6:rgba(245,245,245,0.7);--ws-color-boxmau6:#ffffff;--ws-bggradient-boxmau6:linear-gradient(to top, #23074d 0%, #cc5333 100%);--ws-font-size-body:13px;--ws-font-size-body-mobile:13px;--ws-font-size-top:13px;--ws-font-size-top-mobile:13px;--ws-font-size-menu:15px;--ws-font-size-menu-mobile:15px;--ws-font-size-slideshow:30px;--ws-font-size-slideshow-mobile:30px;--ws-font-size-title:22px;--ws-font-size-title-mobile:16px;--ws-font-size-titlecotab:20px;--ws-font-size-titlecotab-mobile:14px;--ws-font-size-tieudetin:15px;--ws-font-size-tieudetin-mobile:14px;--ws-font-size-noidung:15px;--ws-font-size-noidung-mobile:14px;--ws-mainwidth:1200px;--ws-mainwidthhome:1200px}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-ext-400i.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-400i.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-ext-400i.woff2') format('woff2');unicode-range: U+1F00-1FFF}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-400i.woff2') format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-hebrew-400i.woff2') format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-vietnamese-400i.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-ext-400i.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-400i.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-ext-700i.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-700i.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-ext-700i.woff2') format('woff2');unicode-range: U+1F00-1FFF}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-700i.woff2') format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-hebrew-700i.woff2') format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-vietnamese-700i.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-ext-700i.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-body';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-700i.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-ext-400n.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-400n.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-ext-400n.woff2') format('woff2');unicode-range: U+1F00-1FFF}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-400n.woff2') format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-hebrew-400n.woff2') format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-vietnamese-400n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-ext-400n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-400n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-ext-700n.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-700n.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-ext-700n.woff2') format('woff2');unicode-range: U+1F00-1FFF}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-700n.woff2') format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-hebrew-700n.woff2') format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-vietnamese-700n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-ext-700n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-body';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-700n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-menu';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-vietnamese-400i.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-menu';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-latin-ext-400i.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-menu';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-latin-400i.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-menu';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-vietnamese-700i.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-menu';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-latin-ext-700i.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-menu';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-latin-700i.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-menu';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-vietnamese-400n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-menu';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-latin-ext-400n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-menu';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-latin-400n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-menu';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-vietnamese-700n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-menu';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-latin-ext-700n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-menu';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/saira/saira-latin-700n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-ext-400i.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-400i.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-ext-400i.woff2') format('woff2');unicode-range: U+1F00-1FFF}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-400i.woff2') format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-hebrew-400i.woff2') format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-vietnamese-400i.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-ext-400i.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-400i.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-ext-700i.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-700i.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-ext-700i.woff2') format('woff2');unicode-range: U+1F00-1FFF}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-700i.woff2') format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-hebrew-700i.woff2') format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-vietnamese-700i.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-ext-700i.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-title';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-700i.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-ext-400n.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-400n.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-ext-400n.woff2') format('woff2');unicode-range: U+1F00-1FFF}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-400n.woff2') format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-hebrew-400n.woff2') format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-vietnamese-400n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-ext-400n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-400n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-ext-700n.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-cyrillic-700n.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-ext-700n.woff2') format('woff2');unicode-range: U+1F00-1FFF}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-greek-700n.woff2') format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-hebrew-700n.woff2') format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-vietnamese-700n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-ext-700n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-title';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/arimo/arimo-latin-700n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-titlecotab';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/patrickhand/patrickhand-vietnamese-400n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-titlecotab';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/patrickhand/patrickhand-latin-ext-400n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-titlecotab';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/patrickhand/patrickhand-latin-400n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-cyrillic-ext-400i.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-cyrillic-400i.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-vietnamese-400i.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-latin-ext-400i.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-latin-400i.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-cyrillic-ext-700i.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-cyrillic-700i.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-vietnamese-700i.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-latin-ext-700i.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-tieudetin';font-style:italic;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-latin-700i.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-cyrillic-ext-400n.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-cyrillic-400n.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-vietnamese-400n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-latin-ext-400n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:400;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-latin-400n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-cyrillic-ext-700n.woff2') format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-cyrillic-700n.woff2') format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-vietnamese-700n.woff2') format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-latin-ext-700n.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face {font-family: 'ws-font-tieudetin';font-style:normal;font-weight:700;font-display: swap;src: url('https://xeananh.mauwebdep.org/resources/varcss/fonts/exo2/exo2-latin-700n.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}body {background-color:rgba(243,243,243,0.9); margin:0px; }@media(max-width:640px){.bgimgtimeline{background-image:url("https://data.webso.vn/storage/uploads/logo/timeline-4887-hinhmobile.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover}}@media(min-width:641px){.bgimgtimeline{background-image:url("https://data.webso.vn/storage/uploads/logo/timeline-4887-hinh.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover}}:root{--tk-green:#0F7A3D; --tk-green-2:#16a34a;--tk-green-soft: #e9f9ef;--tk-ink:#0f172a;--tk-mute: #64748b;--tk-line: #e6ecf3;--tk-page: #fff}.tracuu-section{ padding:26px 0 56px; }.tracuu-wrap{ max-width:500px; margin:0 auto; }.tracuu-card{background:#fff; border-radius:20px; padding:26px 22px 20px;box-shadow:0 1px 2px rgba(15,23,42,.06), 0 14px 34px -16px rgba(15,23,42,.35);border:1px solid var(--tk-line)}.tracuu-header{ text-align:center; margin-bottom:18px; }.tracuu-icon{width:56px; height:56px; margin:0 auto 12px; border-radius:18px;display:grid; place-items:center; font-size:23px; color:#fff;background:linear-gradient(145deg, var(--tk-green-2), var(--tk-green));box-shadow:0 8px 18px -8px rgba(15,122,61,.65)}.tracuu-title{ font-size:22px; font-weight:800; color:var(--tk-ink); margin:0 0 6px; }.tracuu-sub{ font-size:13.5px; color:var(--tk-mute); margin:0; line-height:1.5; }.tracuu-form{ display:flex; flex-direction:column; gap:12px; }.tc-field{ display:block; margin:0; }.tc-lb{display:block; font-size:12.5px; font-weight:700; color:var(--tk-ink);margin:0 0 5px 3px}.tc-lb i{ color:var(--tk-green); margin-right:4px; font-size:12px; }.tc-field input{width:100%; height:48px; padding:0 16px;border:1.5px solid #dbe3ec; border-radius:14px; background:#fbfdff;font-size:15px; font-weight:600; color:var(--tk-ink); outline:none;transition:border-color .15s ease, box-shadow .15s ease, background .15s ease}.tc-field input::placeholder{ color:#a8b4c4; font-weight:500; }.tc-field input:focus{border-color:var(--tk-green-2); background:#fff;box-shadow:0 0 0 4px rgba(22,163,74,.12)}#tracuuMa{ letter-spacing:.06em; text-transform:uppercase; }.btn-tracuu{margin-top:4px; height:50px; border:0; border-radius:999px; cursor:pointer;font-size:15.5px; font-weight:800; color:#fff;background:linear-gradient(145deg, var(--tk-green-2), var(--tk-green));box-shadow:0 10px 20px -10px rgba(15,122,61,.75);transition:filter .15s ease, transform .06s ease, box-shadow .15s ease}.btn-tracuu:not(:disabled):hover{ filter:brightness(1.06); }.btn-tracuu:not(:disabled):active{ transform:translateY(1px); box-shadow:0 5px 12px -8px rgba(15,122,61,.8); }.btn-tracuu:disabled{ background:#dfe5ec; color:#93a1b3; cursor:not-allowed; box-shadow:none; }.btn-tracuu.is-busy{ opacity:.75; }.tc-need{ margin:0; text-align:center; font-size:12px; color:#94a3b8; }.tc-need[hidden]{ display:none; }.tracuu-result:empty{ display:none; }.tracuu-result{ margin-top:18px; }.tk-loading{background:#fff; border:1px solid var(--tk-line); border-radius:16px;padding:26px; text-align:center; color:var(--tk-mute); font-weight:600}.tk-loading i{ color:var(--tk-green); margin-right:6px; }.tk-note{display:flex; align-items:flex-start; gap:10px;background:#fff; border:1px solid var(--tk-line); border-left:4px solid #f59e0b;border-radius:14px; padding:14px 16px; font-size:14px; font-weight:600; color:var(--tk-ink);box-shadow:0 8px 20px -14px rgba(15,23,42,.3)}.tk-note i{ color:#f59e0b; margin-top:2px; }.tk-note-empty{ border-left-color:var(--tk-mute); }.tk-note-empty i{ color:var(--tk-mute); }.tk{position:relative; background:#fff; border-radius:20px;border:1px solid var(--tk-line);box-shadow:0 2px 4px rgba(15,23,42,.06), 0 20px 44px -20px rgba(15,23,42,.5);overflow:hidden}.tk::after{content:''; position:absolute; inset:7px; border-radius:14px;border:1.5px dashed #cfe3d6; pointer-events:none}.tk-top{display:flex; align-items:center; justify-content:space-between; gap:10px;padding:15px 20px; color:#fff;background:linear-gradient(135deg, var(--tk-green-2), var(--tk-green))}.tk-brand{ display:flex; align-items:center; gap:9px; font-weight:800; font-size:15.5px; min-width:0; }.tk-brand i{ font-size:16px; opacity:.9; }.tk-brand span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.tk-tt{flex:0 0 auto; font-size:11.5px; font-weight:800; padding:5px 11px; border-radius:999px;background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.45); white-space:nowrap}.tk-tt-ok{ background:#fff; color:#0F7A3D; border-color:#fff; }.tk-tt-huy{ background:#fee2e2; color:#b91c1c; border-color:#fecaca; }.tk-tt-chott{ background:#fef3c7; color:#92400e; border-color:#fde68a; }.tk-route{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:10px;padding:18px 20px 14px}.tk-pt b{ display:block; font-size:17px; font-weight:800; color:var(--tk-ink); line-height:1.25; }.tk-pt small{ display:block; font-size:11px; color:var(--tk-mute); margin-top:2px; }.tk-pt-r{ text-align:right; }.tk-arrow{ display:flex; align-items:center; gap:5px; color:var(--tk-green); }.tk-arrow i{ font-size:14px; }.tk-dot{ width:22px; height:2px; background:repeating-linear-gradient(90deg,#bcd9c6 0 4px,transparent 4px 8px); }.tk-when{display:flex; align-items:center; justify-content:space-between; gap:12px;margin:0 20px 16px; padding:12px 15px; border-radius:14px;background:var(--tk-green-soft); border:1px solid #cfeeda}.tk-when-lb{ display:block; font-size:11px; color:var(--tk-mute); font-weight:600; margin-bottom:1px; }.tk-when b{ font-size:14.5px; font-weight:800; color:var(--tk-ink); }.tk-gio{ font-size:22px !important; color:var(--tk-green) !important; line-height:1.1; }.tk-when-r{ text-align:right; }.tk-tear{ position:relative; height:0; border-top:2px dashed #dbe5ee; margin:0 14px; }.tk-notch{position:absolute; top:-12px; width:22px; height:22px; border-radius:50%;background:var(--tk-page); border:2px solid #dbe5ee}.tk-notch-l{ left:-25px; }.tk-notch-r{ right:-25px; }.tk-body{ padding:14px 20px 4px; }.tk-row{display:grid; grid-template-columns:20px 96px 1fr; gap:8px; align-items:start;padding:7px 0; border-bottom:1px dashed #eef2f7; font-size:13.5px}.tk-row:last-child{ border-bottom:0; }.tk-row i{ color:var(--tk-green); font-size:13px; margin-top:2px; }.tk-lb{ color:var(--tk-mute); font-weight:600; }.tk-val{ color:var(--tk-ink); font-weight:700; word-break:break-word; }.tk-diem{ display:block; line-height:1.45; }.tk-diem-gio{ color:var(--tk-green-2); font-weight:800; }.tk-diem-pl{ font-style:normal; font-weight:700; font-size:12px; white-space:nowrap; }.tk-diem-pl-1{ color:#f97316; }.tk-diem-pl-2{ color:#2563eb; }.tk-diem-pl-3{ color:#78716c; }.tk-diem-pl-4{ color:#9333ea; }.tk-diem-sub{ display:block; margin-top:2px; font-size:12px; font-weight:500; color:var(--tk-mute); line-height:1.4; }.tk-diem-pl{ margin-right:4px; }.tk-money{ margin:10px 20px 16px; padding-top:10px; border-top:1px solid var(--tk-line); }.tk-m{ display:flex; justify-content:space-between; align-items:center; padding:4px 0; font-size:13.5px; }.tk-m span{ color:var(--tk-mute); font-weight:600; }.tk-m b{ color:var(--tk-ink); font-weight:700; }.tk-m-giam b{ color:#dc2626; }.tk-m-tong{ margin-top:6px; padding-top:9px; border-top:1px dashed #dbe5ee; }.tk-m-tong span{ color:var(--tk-ink); font-weight:800; font-size:14.5px; }.tk-m-tong b{ color:#dc2626; font-size:19px; font-weight:800; }.tk-m-datra span, .tk-m-datra b{ color:#5b7a68; font-weight:700; }.tk-m-conlai{margin-top:8px; padding:9px 12px; border-radius:12px;background:#eaf5ec; border:1px solid #cfe6d5}.tk-m-conlai span{ color:#186B23; color:var(--ws-bg-title, #186B23); font-weight:800; font-size:14.5px; }.tk-m-conlai b{color:#186B23; color:var(--ws-bg-title, #186B23);font-weight:800; font-size:19px; letter-spacing:-.01em}.tk-btn-tt{display:flex; align-items:center; justify-content:center; gap:9px;margin-top:13px; height:50px; border-radius:999px; text-decoration:none;background:linear-gradient(145deg,#f97316,#ea580c); color:#fff;font-size:15.5px; font-weight:800;box-shadow:0 10px 22px -10px rgba(234,88,12,.8);transition:filter .15s ease, transform .06s ease}.tk-btn-tt:hover{ filter:brightness(1.06); color:#fff; }.tk-btn-tt:active{ transform:translateY(1px); }.tk-btn-tt i{ font-size:15px; }.tk-btn-tt em{font-style:normal; font-weight:800; font-size:14px;background:rgba(255,255,255,.24); border-radius:999px; padding:3px 10px}.tk-tear-2{ margin-bottom:0; }.tk-stub{display:flex; align-items:center; justify-content:space-between; gap:14px;padding:15px 20px 17px; background:#fbfdff}.tk-ma{font-size:20px; font-weight:800; letter-spacing:.09em; color:var(--tk-green);font-family:"Courier New", ui-monospace, monospace}.tk-bars{flex:0 0 auto; width:112px; height:38px; border-radius:4px;background:repeating-linear-gradient(90deg,var(--tk-ink) 0 2px, transparent 2px 4px,var(--tk-ink) 4px 5px, transparent 5px 9px,var(--tk-ink) 9px 12px, transparent 12px 14px);opacity:.82}@media(max-width:575.98px){.tracuu-section{ padding:20px 0 40px; }.tracuu-card{ padding:20px 16px 16px; border-radius:16px; }.tracuu-title{ font-size:19px; }.tk-route{ padding:15px 16px 12px; }.tk-pt b{ font-size:15.5px; }.tk-when{ margin:0 16px 14px; padding:11px 13px; }.tk-gio{ font-size:19px !important; }.tk-body{ padding:12px 16px 4px; }.tk-money{ margin:8px 16px 14px; }.tk-stub{ padding:13px 16px 15px; }.tk-row{ grid-template-columns:18px 1fr; row-gap:1px; }.tk-row .tk-val{ grid-column:2; }.tk-bars{ width:84px; height:32px; }.tk-ma{ font-size:17px; }}.tk-huy{ margin-top:10px; text-align:center; }.tk-huy [hidden]{ display:none !important; }.tk-btn-huy{ background:#fff; border:1.5px solid #fecaca; color:#b91c1c; border-radius:999px; padding:9px 18px; font-weight:700; font-size:13.5px; cursor:pointer; }.tk-btn-huy:hover{ background:#fef2f2; }.tk-huy-box{ background:#fff7ed; border:1px solid #fed7aa; border-radius:12px; padding:12px 14px; text-align:left; }.tk-huy-box p{ margin:0 0 10px; color:#7c2d12; font-size:13.5px; line-height:1.5; }.tk-huy-act{ display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }.tk-huy-ok{ background:#dc2626; color:#fff; border:0; border-radius:999px; padding:8px 16px; font-weight:700; cursor:pointer; }.tk-huy-ok:disabled{ opacity:.6; cursor:default; }.tk-huy-no{ background:#fff; color:#44403c; border:1.5px solid #e2e5ea; border-radius:999px; padding:8px 16px; font-weight:700; cursor:pointer; }.tk-huy-msg{ border-radius:12px; padding:10px 14px; font-size:13.5px; font-weight:600; }.tk-huy-msg.is-huy{ background:#fef2f2; color:#b91c1c; border:1px solid #fecaca; }.tk-huy-msg.is-cho{ background:#fffbeb; color:#92400e; border:1px solid #fde68a; }.tk-huy-msg.is-err{ background:#f8fafc; color:#475569; border:1px solid #e2e8f0; }.tk-huy-cho{ margin-top:10px; background:#fffbeb; color:#92400e; border:1px solid #fde68a; border-radius:12px; padding:9px 12px; font-size:13px; font-weight:600; display:flex; gap:8px; align-items:center; }.tk-m-phihuy b{ color:#b91c1c; }.tk-m-hoan{ background:#ecfdf3; border:1px solid #a7f3d0; border-radius:12px; padding:9px 12px; margin-top:6px; }.tk-m-hoan b{ color:#047857; font-size:16px; }.tk-m-huy{ background:#f1f5f9; border:1px solid #e2e8f0; border-radius:12px; padding:9px 12px; margin-top:6px; color:#475569; }.tk-m-huy b{ color:#475569; font-weight:600; font-size:13px; }.cat-timeline {position: relative;background-position: left top;background-size: 100% auto;background-repeat: no-repeat;display: block;width: 100%;color: #FFF;margin-bottom: 20px}.cat-timeline2 {width: 100%;height: 100%;background-color: rgba(0, 109, 0, 0.34);padding: 65px 0 10px 0}.cat-timeline-content {display: block}.cat-timeline-content a {cursor: pointer;color: #FFF}.cat-timeline-content #breadcrumbs>ul>li:first-child:before {padding-right: 0}.cat-timeline-content #breadcrumbs li:first-child {padding-left: 0}.cat-timeline-content .product-title-big {color: #FFF}@media (max-width: 768px) {.cat-timeline2 {padding-top: 35px}.cat-timeline {background-size: cover}}ul.tags {margin-top: 20px}ul.tags li {float: left;margin-top: 10px;list-style: none}ul.tags li a {padding: 3px 3px;color: #434343;text-transform: none;transition: all 0.7s ease;display: inline-block;font-size: 13px;border-radius: 5px;background-color: #dcdcdc;margin-right: 10px;transition: all ease 0.7s;-webkit-transition: all 0.7s ease}ul.tags li a:hover {background-color: var(--ws-bg-main);color: #FFF}ul.tags li.tags_label {font-weight: bold;padding: 3px 0;padding-right: 5px;margin-top: 10px}ul.tags li.tags_label i {margin-right: 5px}.dangkyform{margin-top:30px}.dangkyform .panel-heading{background-color:#fff;border:none}.dangkyform .panel-body{padding:0}.dangkyform .panel-heading label p{font-family: "UTMHelve_Bold";color: var(--ws-bg-title);font-size: 23px}.dangkyform .box-lienhe form{background-color:#eeeeee}.dangkyform .box-lienhe .tieude{display:inline-block;width:100%;padding:7px 7px;font-size:14px;font-weight: bold;background:linear-gradient(#f8f8f8, #ddd);text-align:left;color:#00609a;text-transform: uppercase}.dangkyform .box-lienhe .form-group{display:flex;padding:8px 0;border-bottom: 1px solid #e2e1e1;border-top: 1px solid #fdfafa;margin-bottom:0}.dangkyform .box-lienhe .input-group{display:inline-block;width:100%}.dangkyform .box-lienhe .input-group-addon{border:none;font-weight: bold;font-size:14px;color:black;width:21%;text-align:left;float:left;padding:10px 12px}.dangkyform .box-lienhe .form-control{width:75%}.dangkyform .box-lienhe .tencheckbox{font-size: 13px;font-weight: 700;color: var(--ws-bg-title);font-style: italic}.nhomcheckbox{width:15%;display:inline-block}.noidungnhangui p{font-size: 14px;padding: 10px 12px;margin: 0}.noidungnhangui ul li{background-size: 16px 16px!important;padding-left: 22px;background: url("{$root_path}uploads/images/accepicon.png") no-repeat 0 4px;margin-left: 5px;font-size: 13px;font-style: italic;font-weight: 700;color: #0060af}@media(max-width: 1024px){.dangkyform .box-lienhe .input-group-addon{width:25%}}@media(max-width: 768px){.dangkyform .box-lienhe .input-group-addon{width:100%}.dangkyform .box-lienhe .form-control{width:90%}.nhomcheckbox{width:24%}.dangkyform .box-lienhe .input-group{padding-left:10px}}@media(max-width: 480px){.dangkyform .box-lienhe .form-control{width:95%}.nhomcheckbox{width:49%}}@media(max-width: 320px){.nhomcheckbox{width:100%}}@media (max-width: 1190px) {.titlebase>a::before,.titlebase>a::after {display: none}.ws-container,.ws-paddingmobile {padding-left: 10px;padding-right: 10px}body {background-size: 100% !important}}@media (max-width: 1024px) {#col1 {display: none}}@media (max-width: 768px) {.clickToCall i {display: block;font-size: 25px;line-height: 1.8;color: #FFF}.clickToCall {cursor: pointer;position: fixed;top: 50%;right: 10px;background-color: red;width: 50px;height: 50px;border: .3em solid yellow;border-radius: 50%;text-align: center;z-index: 99;-webkit-animation: buglua 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);-moz-animation: buglua 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);-ms-animation: buglua 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);-o-animation: buglua 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);animation: buglua 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-ms-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;transition: background-color 0.3s ease}.clickToCall::after {background-color: yellow;content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;border-radius: 50%;-webkit-animation: bugluas 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation: bugluas 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);-ms-animation: bugluas 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);-o-animation: bugluas 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);animation: bugluas 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1)}@-webkit-keyframes buglua {0% {transform: scale(1)}10% {transform: scale(0.96)}20% {transform: scale(1.04)}52%,100% {transform: scale(1)}}@-o-keyframes buglua {0% {transform: scale(1)}10% {transform: scale(0.96)}20% {transform: scale(1.04)}52%,100% {transform: scale(1)}}@-moz-keyframes buglua {0% {transform: scale(1)}10% {transform: scale(0.96)}20% {transform: scale(1.04)}52%,100% {transform: scale(1)}}@keyframes buglua {0% {transform: scale(1)}10% {transform: scale(0.96)}20% {transform: scale(1.04)}52%,100% {transform: scale(1)}}@-webkit-keyframes bugluas {0% {transform: scaleX(1) scaleY(1);opacity: 0}10% {transform: scaleX(1) scaleY(1);opacity: .7}30%,99% {transform: scaleX(1.5) scaleY(1.5);opacity: 0}100% {transform: scaleX(1) scaleY(1);opacity: 0}}@-o-keyframes bugluas {0% {transform: scaleX(1) scaleY(1);opacity: 0}10% {transform: scaleX(1) scaleY(1);opacity: .7}30%,99% {transform: scaleX(1.5) scaleY(1.5);opacity: 0}100% {transform: scaleX(1) scaleY(1);opacity: 0}}@-moz-keyframes bugluas {0% {transform: scaleX(1) scaleY(1);opacity: 0}10% {transform: scaleX(1) scaleY(1);opacity: .7}30%,99% {transform: scaleX(1.5) scaleY(1.5);opacity: 0}100% {transform: scaleX(1) scaleY(1);opacity: 0}}@keyframes bugluas {0% {transform: scaleX(1) scaleY(1);opacity: 0}10% {transform: scaleX(1) scaleY(1);opacity: .7}30%,99% {transform: scaleX(1.5) scaleY(1.5);opacity: 0}100% {transform: scaleX(1) scaleY(1);opacity: 0}}.btn- i {display: none}.logo-mobi {float: left;padding: 5px 15px}.phone-mobile a {color: #FFF}.phone-mobile {float: left;color: #FFF;font-size: 14px;display: block;text-align: center;padding: 0 10px;line-height: 34px}#wapper_wapper {overflow: hidden}#colcontent {float: none;width: 100%}#wrap_noidung {-webkit-transition: transform 200ms linear;-moz-transition: transform 200ms linear;-ms-transition: transform 200ms linear;-o-transition: transform 200ms linear;transition: transform 200ms linear}#wrap_noidung.pullRight {-webkit-transform: translateX(270px);-moz-transform: translateX(270px);-ms-transform: translateX(270px);-o-transform: translateX(270px);transform: translateX(270px)} }@media (max-width: 640px) {}@media (max-width: 480px) {.phone-mobile {left: 40%} }@media (max-width: 375px) {}@media (max-width: 360px) {}@media (max-width: 320px) {}:root {--max-width: var(--ws-mainwidth);--ff-main: 'Roboto', sans-serif;--fz-menu: 18px;--fz-heading: 18px;--fz-body: 16px;--yellow: rgb(255, 255, 0);--color-star: #f1c734;--xanh-demo: #00d1f9;--bg-menu-mobile: #1c2f7f;--color-menu-mobile: #FFFFFF}* {scroll-behavior: smooth}html,body,div,span,applet,object,iframe,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,tt,var,b,u,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;vertical-align: baseline;color: inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block}h1,h2,h3,h4,h5 {font-weight: normal;font-family: unset}.select-none {user-select: none}.text-yellow {color: var(--yellow)}.text-star {color: var(--color-star)}.fz-heading {font-size: var(--fz-heading)}.fz-body {font-size: var(--fz-body)}.text-top {color: var(--ws-bg-top)}.text-menu {color: var(--ws-bg-menu)}.text-main {color: var(--ws-bg-main)}.text-bottom {color: var(--ws-bg-bottom)}.text-design {color: var(--ws-bg-design)}.text-title {color: var(--ws-bg-title)}.text-hover {color: var(--ws-bg-hover)}.bg-top {background-color: var(--ws-bg-top)}.bg-menu {background-color: var(--ws-bg-menu)}.bg-main {background-color: var(--ws-bg-main)}.bg-bottom {background-color: var(--ws-bg-bottom)}.bg-design {background-color: var(--ws-bg-design)}.bg-title {background-color: var(--ws-bg-title)}.bg-hover {background-color: var(--ws-bg-hover)}.bg-boxmau1 {background-color: var(--ws-bg-boxmau1);background: var( --ws-bggradient-boxmau1)}.bg-boxmau2 {background-color: var(--ws-bg-boxmau2);background: var( --ws-bggradient-boxmau2)}.bg-boxmau3 {background-color: var(--ws-bg-boxmau3);background: var( --ws-bggradient-boxmau3)}.bg-boxmau4 {background-color: var(--ws-bg-boxmau4);background: var( --ws-bggradient-boxmau4)}.bg-boxmau5 {background-color: var(--ws-bg-boxmau5);background: var( --ws-bggradient-boxmau5)}.bg-boxmau6 {background-color: var(--ws-bg-boxmau6);background: var( --ws-bggradient-boxmau6)}.color-menu {background-color: var(--ws-color-menu)}.color-main {background-color: var(--ws-color-main)}.color-bottom {background-color: var(--ws-color-bottom)}.color-design {background-color: var(--ws-color-design)}.color-title {background-color: var(--ws-color-title)}.color-hover {background-color: var(--ws-color-hover)}.text-boxmau1 {color: var(--ws-bg-boxmau1)}.text-boxmau2 {color: var(--ws-bg-boxmau2)}.text-boxmau3 {color: var(--ws-bg-boxmau3)}.text-boxmau4 {color: var(--ws-bg-boxmau4)}.text-boxmau5 {color: var(--ws-bg-boxmau5)}.text-boxmau6 {color: var(--ws-bg-boxmau6)}.color-boxmau1 {color: var(--ws-color-boxmau1)}.color-boxmau2 {color: var(--ws-color-boxmau2)}.color-boxmau3 {color: var(--ws-color-boxmau3)}.color-boxmau4 {color: var(--ws-color-boxmau4)}.color-boxmau5 {color: var(--ws-color-boxmau5)}.color-boxmau6 {color: var(--ws-color-boxmau6)}.cotcontent_2cot,.cotcontent_3cot {padding: 0px 15px}.clearfix:before,.clearfix:after {display: table;content: " ";-webkit-box-sizing: border-box;box-sizing: border-box}.clearfix:after {clear: both}.fs-10,.fs11 {font-size: 11px}.fs-9,.fs12 {font-size: 12px}.fs-8.fs13 {font-size: 13px}.fs-7.fs14 {font-size: 14px}.fs15 {font-size: 15px}body {font-family: "ws-font-body", Arial, Helvetica, sans-serif;color: var(--ws-color-body);background-color: var(--ws-bg-body);background-image: var(--ws-bggradient-body);font-size: var(--ws-font-size-body);line-height: 1.6;background-size: 100%}body .iframe iframe {max-width: 100%;height: 100%}ol,ul,li {list-style: none}blockquote,q {quotes: none}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none}table {border-collapse: collapse;border-spacing: 0}a {text-decoration: none}a:hover {cursor: pointer}a:hover,a:focus,a:visited {text-decoration: none}img {border: none}img.lazy {opacity: 0}img:not(.initial) {transition: opacity 0.3s}img.lz-loaded,img.initial,img.loaded,img.error {opacity: 1}img:not([src]) {visibility: hidden}@-moz-document url-prefix() {img:-moz-loading {visibility: hidden}}input {line-height: normal}button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0}.font-title {font-family: 'ws-font-title', sans-serif}.font-title-tin {font-family: unset}.fixed {position: fixed;top: 0;opacity: 1}.viewed-container {bottom: 10px;right: 0;z-index: 9999}.viewed-container>a {width: 40px;height: 40px}.viewed-data {right: 100%;top: -300px;min-width: 320px}.viewed-item:hover i.fa-trash {color: #F00 !important}.viewed-content {max-height: 500px;overflow-y: auto}.viewed-data img {width: 90px}.viewed-data .name {font-size: 14px}[role='button'] {cursor: pointer}.bg-top {background-color: var(--ws-bg-top) !important}.bg-menu {background-color: var(--ws-bg-menu) !important}.bg-main {background-color: var(--ws-bg-main) !important}.bg-bottom {background-color: var(--ws-bg-bottom) !important}.bg-design {background-color: var(--ws-bg-design) !important}.bg-title {background-color: var(--ws-bg-title) !important}.bg-hover {background-color: var(--ws-bg-hover) !important}.color-top {color: var(--ws-color-top) !important}.color-menu {color: var(--ws-color-menu) !important}.color-main {color: var(--ws-color-main) !important}.color-bottom {color: var(--ws-color-bottom) !important}.color-design {color: var(--ws-color-design) !important}.color-title {color: var(--ws-color-title) !important}.color-hover {color: var(--ws-color-hover) !important}.custom-checkbox-md.custom-checkbox.rounded-0 .custom-control-label::before,.custom-checkbox-xl.custom-checkbox.rounded-0 .custom-control-label::before {border-radius: 0}.custom-checkbox-md.custom-checkbox .custom-control-label::before,.custom-checkbox-md.custom-checkbox .custom-control-label::after {width: 1.5rem;height: 1.5rem}.custom-checkbox-xl.custom-checkbox .custom-control-label::before,.custom-checkbox-xl.custom-checkbox .custom-control-label::after {width: 2rem;height: 2rem}.offcanvas {z-index: 9999}.ws-container {width: 100%;position: relative;max-width: var(--ws-mainwidth);margin-left: auto;margin-right: auto}.home .ws-container {max-width: var(--ws-mainwidthhome)}#loadDataAjaxPage #idloadpage {display: none}[role="button"] {cursor: pointer !important}.nothome .main-wrap {padding-top: 15px}.main-wrap .cotb {flex: 0 0 333px}.cotb img,.cotb table,.cotb object,.cotb iframe {max-width: 100% !important}.main-wrap .cotb_2cot,.main-wrap .cota_2cot {flex: 0 0 290px}.main-wrap .cotb_3cot,.main-wrap .cota_3cot {flex: 0 0 260px}#sidebar:empty {display: none !important}.login-box {position: relative;border-radius: 0;z-index: 9999}.py-6 {padding-top: 60px;padding-bottom: 60px}.py-7 {padding-top: 70px;padding-bottom: 70px}.py-8 {padding-top: 80px;padding-bottom: 80px}.py-9 {padding-top: 100px;padding-bottom: 100px}.px-6 {padding-left: 60px;padding-right: 60px}.px-7 {padding-left: 70px;padding-right: 70px}.px-8 {padding-left: 80px;padding-right: 80px}.px-9 {padding-left: 100px;padding-right: 100px}.mt--1 {margin-top: -10px}.mt--2 {margin-top: -20px}.mt--3 {margin-top: -40px}.mt--4 {margin-top: -60px}.mt--5 {margin-top: -80px}.mb--1 {margin-bottom: -10px}.mb--2 {margin-bottom: -20px}.mb--3 {margin-bottom: -40px}.mb--4 {margin-bottom: -60px}.mb--5 {margin-bottom: -80px}.groupboxgrid .col img,.groupboxgrid .col table,.groupboxgrid .col * {max-width: 100%}.clickToCall {display: none}span.menu-lbl,.phone-mobile {display: none}.bggradient-top {background-color: var(--ws-bg-top);background-image: var(--ws-bggradient-top)}.bggradient-banner {background-color: var(--ws-bg-banner);background-image: var(--ws-bggradient-banner)}.bggradient-menu {background-color: var(--ws-bg-menu);background-image: var(--ws-bggradient-menu)}.bggradient-main {background-color: var(--ws-bg-main);background-image: var(--ws-bggradient-main)}.bggradient-bottom {background-color: var(--ws-bg-bottom);background-image: var(--ws-bggradient-bottom)}.bggradient-design {background-color: var(--ws-bg-design);background-image: var(--ws-bggradient-design)}.bggradient-title {background-color: var(--ws-bg-title);background-image: var(--ws-bggradient-title)}.bggradient-hover {background-color: var(--ws-bg-hover);background-image: var(--ws-bggradient-hover)}.bggradient-timeline {background-color: var(--ws-bg-timeline);background-image: var(--ws-bggradient-timeline)}.go-top {display: none;position: fixed;bottom: 60px;right: 8px;text-decoration: none;color: #000;font-size: 12px;opacity: 0.5;width: 40px;height: 40px;border-radius: 50%;z-index: 999;background: var(--ws-bg-main)}.go-top .tool-tip {display: none;background-color: #0075ff;color: #FFF;border: 1px solid #607D8B;position: absolute;right: 42px;top: 20px;opacity: 1;min-width: 80px;padding: 3px 5px;border-radius: 6px}.go-top .tool-tip:after {content: "";display: block;position: absolute;top: -10px;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 0;height: 0;border-style: solid;border-width: 0 10px 17.3px 10px;border-color: transparent transparent #007bff transparent}.go-top:hover .tool-tip {display: block;-webkit-animation: ani-totop 1s linear infinite;animation: ani-totop 1s linear infinite}.go-top>span {position: absolute;top: 5px;left: 0;right: 0;margin-left: auto;margin-right: auto;text-align: center;width: 30px;height: 30px;background-color: #FFF;border-radius: 50%;-webkit-transition: all ease 400ms;transition: all ease 400ms}.go-top>span .fa {font-size: 25px;font-weight: bold;color: #494d4e}.go-top:hover {background-color: #494d4e;opacity: 1}.jratingcategories {margin: auto}.menu-fix-right {position: fixed;right: 0;bottom: 30%;display: flex;flex-direction: column;z-index: 999999}.menu-fix-right ul li {margin-bottom: 10px}#loaddatacart .modal-header {position: relative;color: #464646;font-family: "ws-font-title", Arial, sans-serif;font-size: 16px;background: var(--ws-bg-main)}#loaddatacart .modal-header:after {content: '';position: absolute;border: 10px solid transparent;border-top-color: var(--ws-bg-main);left: calc(50% - 20px);top: 100%}.loogoo {max-width: 100px;display: table;margin: auto}#loaddatacart .close {color: #464646;padding: 5px}.modal-dialog {pointer-events: auto}.popuplogo {width: 100%}.dangkytuvan img {padding: 2px;box-shadow: 0 0 0 0 rgba(202, 160, 53, 0.5);-webkit-animation: won 1s infinite cubic-bezier(0, 0, 0, 0);-moz-animation: won 1s infinite cubic-bezier(.5, 0, 0, 1);-ms-animation: won 1s infinite cubic-bezier(.5, 0, 0, 1);animation: won 1s infinite cubic-bezier(.5, 0, 0, 1)}#myModal {z-index: 999999}#myModal-loaddata .modal-dialog,#myModal .modal-dialog {width: 100%}.lab-input {width: 100%;float: left;margin-bottom: 15px;clear: none}.guidk-donhang {display: block;border: 1px solid #fff;background: #0E6AE2;text-decoration: none;overflow: hidden;height: 35px;position: relative;width: 100%;margin: 20px auto 0;padding: 0 !important;color: #fff;text-transform: uppercase}.guidk-donhang:hover {transform: translateX(0);border-color: #1fbfac}.modal-header {border-bottom: 0}.close {color: #fff;opacity: 1}.form-left {float: left;width: 48%}.form-right {width: 48%;float: right}.m-2 {margin: 2.5px}#loaddatacart .modal-header {position: relative;color: #464646;font-family: "ws-font-title", Arial, sans-serif;font-size: 16px;background: var(--ws-bg-main);display: inline-block}#loaddatacart .modal-header:after {content: '';position: absolute;border: 10px solid transparent;border-top-color: var(--ws-bg-main);left: calc(50% - 20px);top: 100%}.loogoo {max-width: 100px;display: table;margin: auto}#loaddatacart .close {color: #464646;padding: 5px}@-webkit-keyframes ani-totop {0%,100% {-webkit-transform: translateY(0);transform: translateY(0)}25%,75% {-webkit-transform: translateY(-15px);transform: translateY(-15px)}50% {-webkit-transform: translateY(-25px);transform: translateY(-25px)}}@keyframes ani-totop {0%,100% {-webkit-transform: translateY(0);transform: translateY(0)}25%,75% {-webkit-transform: translateY(-15px);transform: translateY(-15px)}50% {-webkit-transform: translateY(-25px);transform: translateY(-25px)}}.ws-wating {display: none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, .7);z-index: 999999}.ws-wating-content {position: absolute;top: calc(50% - 30px);left: 0;right: 0;margin-left: auto;margin-right: auto;width: 80px;height: 80px;background-color: #0075ff;border: 3px solid #FFF;border-radius: 50%;display: -moz-flex;display: -ms-flex;display: -o-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-align-items: center;align-items: center}.ws-wating-load {position: absolute;top: 25px;width: 100%;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-animation: aniWaiting 1.2s linear infinite;animation: aniWaiting 1.2s linear infinite}.ws-wating-load:before {content: "";width: 20px;height: 20px;background-color: yellow;border-radius: 50%}.ws-wating-text {position: absolute;top: 12px;width: 100%;font-size: 14px;color: #FFF;text-align: center}.ws-wating-text p {margin: 0;line-height: 50px}@-webkit-keyframes aniWaiting {from {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}@keyframes aniWaiting {from {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}@-webkit-keyframes rotate360 {100% {-webkit-transform: rotate(360deg)}}@keyframes rotate360 {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}.rotate360:hover {-webkit-animation: rotate360 2s;animation: rotate360 2s}h1.title {font-size: 20px;text-transform: uppercase;margin: 0}.user h1.title {margin-bottom: 20px}h1.title a {color: #000}h1.title a:hover {color: #F00}#loadingwatingpage {position: fixed;top: 39%;left: 50%;width: 120px;margin-left: -60px;border-radius: 20px}#loadingwatingpage>div {margin: 5px}#idloadpagemore {display: none !important}#idloadpagemore>button {background-color: var(--ws-bg-title);color: var(--ws-color-title);border-radius: 30px;transition: 0.3s}#idloadpagemore>button:hover {background-color: var(--ws-bg-hover);columns: var(--ws-color-hover)}.loadDataAjaxPageMore #idloadpagemore {display: table !important}.filtertop>.group-filter {float: left;padding: 3px 20px;font-family: 'ws-font-tieudetin', 'ws-font-body';font-size: var(--ws-font-size-tieudetin)}.filtertop .phannhom-content {background-color: var(--ws-bg-body);color: var(--ws-color-body);box-shadow: 0px 0px 2px #dfdfdf;border-radius: 3px;display: inline-block;width: 100%}.filtertop .filterlabel {background-color: #1CB2ED;line-height: 30px;color: #FFF;border-radius: 3px 0px 0px 3px;cursor: pointer}.filtertop>.group-filter>ul {width: 200px}.sort-list>select {max-width: 130px;border-radius: 0px;background-color: #eeeeee54;font-size: 13px;border-radius: 25px}.type-view {position: relative;margin-left: auto}.type-view ul {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center}.type-view ul li:first-child {margin-right: 5px}.type-view ul li {padding: 5px 8.5px}.clear {clear: both}.title-name {font-size: var(--ws-font-size-title);font-family: 'ws-font-title', 'ws-font-body'}.thongkecontent {background-color: #FFF;border-radius: 3px;max-width: 200px}.text-line-through {text-decoration: line-through}span.sao {color: red;font-size: 10px;vertical-align: middle}.bottomfix {background-position: top center;background-repeat: no-repeat}.no-focus:focus,.no-focus:hover,.no-focus:active,.no-focus:visited {outline: none;-webkit-box-shadow: none;box-shadow: none;border: none}#fullpopup {position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;z-index: 9;padding: 0;margin: 0}#contentpopup {position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: 9;background: transparent;width: 100%;height: 100%}.closepopup {position: absolute;right: 0;top: 0;padding: 10px 15px;color: red;font-weight: bold;background-color: white;font-size: 20px;z-index: 99;cursor: pointer}.contentpopup {max-width: 650px;height: auto;left: 0;margin: auto;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}.menu-bottom,#btn-right {display: none}.loadingaj {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999}.loadingaj .spinner-border {width: 3rem;height: 3rem}.xemtatca {display: inline-block;position: relative;float: right}.xemtatca a {padding: 14px 11px;background-color: transparent;font-size: 14px;color: #000;text-transform: uppercase}.xemtatca a .fa {vertical-align: middle;padding-right: 5px;padding-top: 3px;color: var(--ws-bg-title)}.xemtatca a:hover {color: var(--ws-bg-hover)}.nothome .noidung_thongbao {display: none}.noidung_home table,.noidung_home img,.noidung_home *,.noidung_home iframe {max-width: 100%}.margin-0 {margin: 0 !important}@-webkit-keyframes xoayvong {from {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg)}}@keyframes xoayvong {from {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg)}}img.xoayvong {animation: xoayvong 2s linear 0s infinite;-webkit-animation: xoayvong 2s linear 0s infinite;-moz-animation: xoayvong 2s linear 0s infinite;-o-animation: xoayvong 2s linear 0s infinite}.img-inline {display: inline-block}.btn-primary:hover>a {color: inherit}.share-global>li {width: 35px;height: 35px;background-color: #DDD}#wapper_success {background-color: rgb(255, 255, 255);position: fixed;width: 100%;height: 100%;min-height: 3000;z-index: 999999999999999999;top: 0}.content_success {width: 100%;max-width: 1000px;display: table;margin: auto}.content_success img {max-width: 100% !important;height: auto !important}.error-page {width: 100%;max-width: 600px;display: table;margin: auto}.content-main {min-width: 0}.nothome .content-main {margin-bottom: 30px}@media(max-width: 1024px) {.ws-container .ws-container {padding: 0 !important}}@media (max-width: 768px) {.fixed {position: fixed;top: 0;opacity: 1}.cotcontent_2cot,.cotcontent_3cot {padding: 0px 5px}.main-wrap .cotb,.main-wrap .cota {display: none}}@media(max-width: 640px) {.list-subcat {display: none}}@media(max-width: 480px) {body {font-size: var(--ws-font-size-body-mobile)}.filtertop>.group-filter {width: 50%}.title-base {font-size: 20px}.xemtatca {position: absolute;right: 0}.sms-item {display: none !important}}@media(max-width: 375px) {.noidung_thongbao .noidung li {width: 100%;margin-bottom: 10px}.noidung_thongbao .noidung li:last-child {width: 100%}}.ratio-3x2{ --bs-aspect-ratio: calc(2 / 3 * 100%); } .ratio-2x1{ --bs-aspect-ratio: 50%; }.ratio-3x4{ --bs-aspect-ratio: calc(4 / 3 * 100%); } .ratio-9x12 { --bs-aspect-ratio: calc(12 / 9 * 100%); }.ratio-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }.ratio-9x18 { --bs-aspect-ratio: 200%; } .ratio-2x3{ --bs-aspect-ratio: 150%; } .ratio > img {width: 100% !important;height: 100% !important;object-fit: contain;object-position: center center}#searchMultiContent ul {max-height: 450px;overflow-y: auto}.search-group {position: relative}.resultsContent {width: 100%;position: absolute;z-index: 999999;border-radius: 10px !important;padding: 8px;border: none;left: 0px}.resultsContent .container {padding-left: 0px;padding-right: 0px}.resultsContent .nav-tabs {border-bottom: 1px solid var(--ws-bg-title)}.resultsContent .nav-link {text-transform: uppercase}.resultsContent .nav-link.active {background-color: var(--ws-bg-title);color: var(--ws-color-title)}.resultsContent .tab-content ul li {padding: 8px}.resultsContent .itemliresultsearch img {width: 100%;height: auto}.resultsContent ul li:nth-child(2n+2) {background-color: rgba(232, 232, 232, 0.279)}section.header .resultsContent{max-width: 390px;right: 0px !important;left: unset !important}.close-resultsearchreal {position: absolute;right: 20px;cursor: pointer}.resultsearchreal {color: #000}.form-search-container {position: absolute;top: 35%;width: 940px;left: 50%;margin-left: -450px}.form-search-container button,.form-search-container .form-control {height: 54px;border-radius: 0}.form-search-container .form-control:focus,.form-search-container .form-control:hover {outline: none;box-shadow: none;border-color: #CCC;border-right: none}.form-search-container button {border-left: none;padding-left: 15px;padding-right: 15px;border-color: #FFF}.form-search-container .btn-default:visited,.form-search-container .btn-default:active,.form-search-container .btn-default:hover,.form-search-container .btn-default:focus {background-color: #FFF;border-color: #FFF;box-shadow: none;outline: none}.search-fixed {position: fixed;width: 100%;height: 100%;display: none;top: 0;left: 0;background: rgba(245, 245, 245, .9);z-index: 99995!important;opacity: 0;cursor: url(https://xeananh.mauwebdep.org/resources/layout1/images/search-close.png) 32 32, auto;-moz-transition: opacity .2s ease, visibility .4s ease-in;-o-transition: opacity .2s ease, visibility .4s ease-in;-webkit-transition: opacity .2s ease, visibility .4s ease-in;transition: opacity .2s ease, visibility .4s ease-in}.search-fixed.opened {opacity: 1;display: block}.form-search-container .txt {background-color: #fff;border-radius: 3px 0 0 3px;border: 0;color: #292929;font-weight: 900;font-size: 22px !important;line-height: 54px;min-height: 54px;height: 54px;padding: 0 0 0 40px;margin-bottom: 0;text-transform: capitalize}#searchFrm {right: 0;z-index: 99;min-width: 350px;top: 100%}#searchFrm .fa {color: #000}.search-box {display: block;position: relative}.search-box form {border: 1px solid #CCC;padding: 5px;border-radius: 4px}.search-box button,.search-box input {border: none}.search-box input {width: 90%}.search-box input:hover,.search-box input:focus {outline: none;border: none}.search-box button {background: transparent;float: right}.search-button button .fa {font-size: 18px}.searchmobi {display: none}#resSearch {position: absolute;top: 100%;z-index: 99999999;width: 100%;background-color: #fff;margin-left: auto;margin-right: auto;left: 0;right: 0}#resSearch a {color: #333}.search-result {cursor: default}.search-result ul li {padding: 5px 10px;display: flex;align-items: top}.search-result .info {padding-left: 20px}#resSearch ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5}#resSearch ul::-webkit-scrollbar {width: 6px;background-color: #F5F5F5}#resSearch ul::-webkit-scrollbar-thumb {background-color: #000000}#resSearch ul {border: thin solid #eeeded;padding: 10px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);max-height: 440px;overflow-y: auto;background-color: white;z-index: 99999999}.item-ls {padding: 2.5px 0;border-bottom: 1px dashed #CCC;padding-top: 8px;cursor: pointer}.item-ls:hover {background-color: #ECECEC}.item-ls .image {float: left}.item-ls .name {display: table;padding-left: 10px}.item-ls .gia {color: red}.banner-search>form {position: relative}.top-search .input-group .form-control {border-radius: 5px 0 0 5px !important}@media (max-width: 768px) {#resSearch {max-width: 100%}.resultsContent {width: calc(100% - 30px);left: 15px}}@media (max-width: 480px) {#searchFrm {min-width: 300px}}.frm-comment .starrr .fa-star {font-size: 1.6rem;padding: 0}.binhluan_mota:empty {display: none !important}.ul-comment .badge-info.badge {background-color: var(--bs-info)}.ul-comment li .chan,.ul-comment li .le {padding: 1rem}.select-none {user-select: none}.text-yellow {color: var(--yellow)}.text-star {color: var(--color-star)}.form-group.icon-input {position: relative}.form-group.icon-input i.fa {position: absolute;left: 5px;top: 0;line-height: 34px;color: rgba(0, 0, 0, .35);font-size: 18px}.form-group.icon-input textarea,.form-group.icon-input input {padding-left: 25px}.comment_col1 {float: left;width: 48%;margin-right: 2%}.comment_col2 {float: right;width: 48%}.comment button {float: right;margin-left: 25px}.titlecomment {font-size: 14px;font-weight: bold;text-transform: uppercase;background-color: var(--ws-bg-main);color: #FFF;padding: 8px 10px;display: table;border-radius: 5px;margin-bottom: 15px;position: relative}.titlecomment:after,.titlecomment:before {top: 100%;left: 30%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none}.titlecomment:after {border-color: rgba(136, 183, 213, 0);border-top-color: var(--ws-bg-main);border-width: 13px;margin-left: -13px}.titlecomment:before {border-color: rgba(194, 225, 245, 0);border-top-color: var(--ws-bg-main);border-width: 15px;margin-left: -15px}.frm-comment {background-color: rgba(241, 241, 241, 0.48);padding: 10px;border-radius: 5px}.frm-comment .btngroup {display: table;margin: auto}.frm-comment input {padding-right: 15px}.frm-comment .btngroup button {float: left;margin: 8px}.frm-comment .require {color: #F00;font-style: italic;position: absolute;right: 9px;top: 0;font-size: 25px}.countcomment {font-weight: bold;padding-left: 5px}.ul-comment li .binhluan_name {font-weight: bold;padding: 6px;color: #127711}.ul-comment li .binhluan_mota {padding: 3px 3px 5px 10px;border-left: 5px solid #78B43D;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin-left: 20px}.ul-comment li .chan {background-color: #E8E8E8}.ul-comment li .le {background-color: #E8E8E8}.ul-comment li {margin-bottom: 15px}.ul-comment li ul {margin-left: 30px;background-color: #F9F9F9;margin-top: 10px}.ul-comment li ul li .binhluan_mota {border-left: 5px solid #F26328}.binhluan_title {font-weight: bold;background-color: #CCC;padding: 5px 8px;text-transform: uppercase;margin-top: 10px;margin-bottom: 10px}.ngaybinhluan {color: #579619;font-style: italic;padding-left: 20px}.traloibinhluan {margin: 8px 20px;font-style: italic;cursor: pointer}.traloibinhluan a {color: #000}.traloibinhluan a:hover {color: red}.ul-comment li .binhluan_nhom3 {background-color: #FFF}.ul-comment li .binhluan_nhom4 {background-color: #DDD}.ul-comment li ul li ul li .binhluan_mota {border-left: 5px solid #E1CE52}.ul-comment li ul li ul li ul li .binhluan_mota {border-left: 5px solid #04AFDB}.xemthembinhluan {display: table;margin: auto}.xemthembinhluan a {padding: 10px 10px;background-color: #E8E8E8;text-transform: uppercase}.xemthembinhluan a:hover {background-color: #CCC}#replace_binhluan {display: none}@media (max-width:480px) {.comment_col1,.comment_col2 {width: 100%}}.group_sharelink {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 15px;border-bottom: 1px dashed #e0e0e06c;font-size: 13px;position: relative;background-color: #f7f8f8;border-radius: 10px;border-left: 3px solid var(--ws-bg-title)}.mangxahoi {float: right;display: table;padding-top: 0px}.textshare {float: right;line-height: 40px;font-weight: bold;color: #FFF}.mangxahoi a {display: block;height: 30px;line-height: 30px}.mangxahoi div {float: left;margin: 0px 5px}.mangxahoi div:hover {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s}.mangxahoi .zalo {float: left}.mangxahoi .sharefacebook {margin-top: 3px}.mangxahoi .facebook {width: 30px;height: 30px;border: 1px solid #1f69b2;text-align: center;line-height: 30px;background-color: #1f69b2}.mangxahoi .facebook a {color: #FFF}.mangxahoi .facebook:hover {background-color: #1077dc}.mangxahoi .google {width: 30px;height: 30px;border: 1px solid #db4a39;text-align: center;line-height: 30px;background-color: #db4a39}.mangxahoi .google a {color: #FFF}.mangxahoi .google:hover {background-color: #f5523e}.mangxahoi .tweet {width: 30px;height: 30px;border: 1px solid #41b4e3;text-align: center;line-height: 30px;background-color: #41b4e3}.mangxahoi .tweet a {color: #FFF}.mangxahoi .tweet:hover {background-color: #30baf2}.mangxahoi .digg {width: 30px;height: 30px;border: 1px solid #0196be;text-align: center;line-height: 30px;background-color: #0196be}.mangxahoi .digg a {color: #FFF}.mangxahoi .digg:hover {background-color: #03b6e6}.cart-modun-view,#loaddatacart {max-height: 350px;overflow-y: auto}.btn-datngay {border: none;box-shadow: none;outline: none;padding: 9px 5px;display: inline-block;font-size: 1rem;line-height: 1;border-radius: 20px;padding-left: 15px;padding-right: 15px}.btn-datngay:hover {color: var(--ws-color-hover);background-color: var(--ws-bg-hover)}.quantity-group {border-radius: 20px;border: 1px solid #dfdfdf;padding: 0px 5px}.quantity-group span {display: contents}.content-group {flex: auto}.row.no-gutters.quantity-group span {border-radius: 20px !important}.quantity-group input.form-control {border-top: 0;border-bottom: 0}.quantity-group input.form-control:focus,.quantity-group input.form-control:hover {outline: none;box-shadow: none}.quantity-group i {margin: 3px 0px;padding: 0px 10px;user-select: none;border-radius: 10px}.cartitemsl {width: 25px;height: 25px;border-radius: 50%;background-color: #ffeb3b;top: -10px;color: #000;text-align: center;font-weight: bold;margin-top: -26px;margin-left: -15px;font-size: 14px;line-height: 25px}input[name=quantity]::-webkit-outer-spin-button,input[name=quantity]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}input[name=quantity] {-moz-appearance: textfield}.item-product-cart {width: 100%;margin-bottom: 25px;border-left: 1px solid var(--ws-bg-hover);padding-left: 10px}.item-product-cart li {position: relative}.item-product-cart li .namephienban {font-size: 13px;margin-bottom: 3px;font-style: italic;display: inline-block;line-height: 40px}.item-product-cart li.cartinfo {width: 100%;display: flex}.item-product-cart li.cartlist {padding: 3px 0px}.item-product-cart li img {width: 20%;float: left}.item-product-cart li p.name {width: 75%;float: right}.item-product-cart li.cartlist {border-bottom: 1px dashed #dfdfdf}.item-product-cart li:nth-child(2n+2) {background-color: #f3f2f254}.cart-body-content {max-height: 400px;overflow-y: auto;overflow-x: hidden}.cart-item-remove {position: absolute;top: 5px;right: 3px;color: #dfdfdf;width: 28px;height: 28px;border: 1px solid #dfdfdf;border-radius: 50%;line-height: 28px;text-align: center;transition: all 0.3s ease 0s}.cart-item-remove:hover {border: 1px solid #F00;color: #F00}.cart-item .quantity input[type='number'] {width: 50px;border-style: solid}.cart-item-update {border-radius: 0;background-color: red;border-color: red;color: #FFF}.group-quantity .btn-change {border: 1px solid #CCC;min-width: 30px;display: flex;justify-content: center}.cart-item .cart-item-update {border: 1px solid #CCC;margin-right: 10px}.phuongthucthanhtoan .form-check {padding-bottom: 8px;box-shadow: 0px 0px 1px #dfdfdf;padding: 5px;margin-left: 15px;border-radius: 5px;margin-bottom: 5px}.phuongthucthanhtoan .pttt_ct {padding: 10px}blockquote {position: relative;font-size: 1.2em;margin: 0 0 1.25em;padding: 0 1.25em 0 1.25em;border-left: 2px solid var(--ws-bg-title);font-style: italic;color: #333}ul.listdanhmuc li a,ul.listdanhmuc li h2,ul.listdanhmuc li {font-size: 14px}.cssbox.fsfa1 i[class*=fa] {font-size: 20px}.cssbox.fsfa2 i[class*=fa] {font-size: 30px}.cssbox.fsfa3 i[class*=fa] {font-size: 40px}.cssbox.fsfa4 i[class*=fa] {font-size: 50px}.cssbox.colortitle i {color: var(--ws-color-title)}.cssbox.colorbgtitle i {color: var(--ws-bg-title)}.cssbox.text-center p {text-align: center}.font-title {font-family: 'ws-font-title', 'ws-font-body', Arial, Helvetica, sans-serif}.font-menu {font-family: 'ws-font-menu', 'ws-font-body', Arial, Helvetica, sans-serif}.cssbox.bgtitle {background-image: var(--ws-bggradient-title);background-color: var(--ws-bg-title);color: var(--ws-color-title)}.textcolortitle {color: var(--ws-color-title)}.textcolorbgtitle {color: var(--ws-bg-title)}.cssbox .textcounter {font-size: 49px;display: inline-flex;margin: auto}.margintoptru50 {margin-top: -50px !important}.margintoptru100 {margin-top: -100px !important}.margintoptru130 {margin-top: -130px !important}.cssbox.textcountercolorred .textcounter {color: #F00}.cssbox.textcountercolorwhite .textcounter {color: rgb(255, 255, 255)}.cssbox.textcountercolorblue .textcounter {color: rgb(10, 68, 184)}.cssbox.cssbox.textcountercolororange .textcounter {color: rgb(197, 109, 2)}.hieuungi1 li:hover i {transform: translate3d(0, -10px, 0) scale(1.05, 1.05)}.hieuungi1 i {transition: .3s}.hieuungli1 li {position: relative;padding: 15px !important}.hieuungli1 li:hover {color: var(--ws-color-title)}.hieuungli1 li:hover * {color: var(--ws-color-title)}.hieuungli1 li:first-child::before {right: 100%}.hieuungli1 li::before {content: '';position: absolute;top: 0;left: 0;right: 99.6%;bottom: 0;border-radius: 10px;background-color: var(--ws-bg-title);background-image: var(--ws-bggradient-title);z-index: -1;-webkit-transition: 0.4s;transition: 0.4s}.hieuungli1 li:hover::before {right: 0}.hieuungli2 li {border: 1px dashed #dfdfdf;border-radius: 10px}.hieuungli2 li:hover {box-shadow: 0px 0px 10px #b5b5b5}.hieuungli2 li::before {right: 100%}.cssbox img {max-width: 100%}.toong {--Nhexa: 5;--gap: 10px;--size: 135px;--margin: 41px;--marginTop: -87px;font-weight: bold}.toong ul li {list-style: none !important}.toong>ul>li {text-align: center}.toong>ul>li>ul {display: inline-flex;margin: auto}.toong>ul>li:not(:first-child) {margin-top: -93px}.toong>ul>li>ul>li {display: flex;align-items: center;justify-content: center;background: #fff;width: var(--size);padding: 0.8rem 0;height: calc(var(--size) / 1.1111111);clip-path: url(#hexagono);clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);text-transform: uppercase;color: #000;overflow: hidden;float: left;margin-left: var(--margin);margin-right: var(--margin);transition: all 0.3s}.toong>ul>li>ul>li:hover {background-image: var(--ws-bggradient-hover);background-color: var(--ws-bg-hover);color: var(--ws-color-hover);transition: all 0.6s}.toong>ul>li>ul>li:hover a {color: var(--ws-color-hover);transition: all 0.1s}.toong>ul>li>ul>li>span {padding: 5px 12px;display: block}.toong>ul>li:nth-child(3)>ul>li {background-color: rgb(215 215 215 / 29%) !important}.toong>ul>li:nth-child(3)>ul>li:nth-child(2) {background-image: var(--ws-bggradient-hover);background-color: var(--ws-bg-hover);color: var(--ws-color-hover)}.toong>ul>li:nth-child(3)>ul>li:nth-child(2) img {max-width: 100%;max-height: 100%}.toong>ul>li:not(:first-child) {margin-top: var(--marginTop)}@media(max-width:600px) {.toong {--Nhexa: 5;--gap: 10px;--size: 120px;--margin: 30px;--marginTop: -84px;font-weight: bold}.toong>ul>li {font-size: 13px}.toong>ul>li:nth-child(3)>ul>li:nth-child(1),.toong>ul>li:nth-child(3)>ul>li:nth-child(3) {display: none}}.btn-title,.btn-title a {background-color: var(--ws-bg-title);background-image: var(--ws-bggradient-title);color: var(--ws-color-title);border-radius: 30px;transition: all 0.3s ease 0s}.btn-title:hover,.btn-title:hover a {background-color: var(--ws-bg-hover);background-image: var(--ws-bggradient-hover);color: var(--ws-color-hover)}.btn-title-outline {border: 2px solid var(--ws-bg-title);background-color: #FFF;color: #000000d4;border-radius: 30px}.btn-title-outline:hover {border: 2px solid var(--ws-bg-hover);background-color: var(--ws-bg-title);color: var(--ws-color-title)}.btn-hover,.btn-hover a {background-color: var(--ws-bg-hover);color: var(--ws-color-hover)}.btn-hover:hover,.btn-hover:hover a {background-color: var(--ws-bg-title);color: var(--ws-color-title)}.ulcss .image {width: 90px;height: 90px;background-color: #dfdfdf5f;color: #2c2c2cdb;flex-direction: column;flex-wrap: nowrap;justify-content: center;transition: all 0.3s}.ulcss li:hover .image {background-color: var(--ws-bg-hover);background-image: var(--ws-bggradient-hover);color: var(--ws-color-hover);transition: all 0.5s;transform: rotateY(180deg)}body .ul3 {width: 100%}.ul4flex {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr))}body .ul4,body .ul3,body .ul2 {display: inline-block;width: 100%}body ul.ul_img_center li img {float: unset;display: table;margin: auto}body ul.ul_icon_center li i.fa,body ul.ul_icon_center li i.fal,body ul.ul_icon_center li i.far,body ul.ul_icon_center li i.fad {float: unset;display: table;margin: auto;transition: all 0.3s}body .i_colorhover li:hover i {transition: all 0.3s;color: var(--ws-color-hover)}body .i_colorbghover li:hover i {transition: all 0.3s;color: var(--ws-bg-hover);text-shadow: #FFF}.ul2_46 {width: 100%}.ul2_46 li {float: left}.ul2_46 li:first-child {width: 40%}.ul2_46 li:last-child {width: 60%}.ul2_46.huongdan li img {float: left;margin-right: 6px}body .ul2 li {width: 50%;float: left;padding: 15px !important;margin: 10px 0%;box-sizing: border-box}body .ul3 li {display: block;width: 33.333%;float: left;box-sizing: border-box;padding: 3% !important;position: relative}.ul3 li p {text-align: center}body .ul4 li {width: 23%;margin: 1%;float: left}body .ul2 li,body .ul3 li,body .ul4 li,body .ul5 li {list-style: none !important}.ul2 li img,.ul3 li img,.ul4 li img,.ul5 li img {transition: all 0.3s ease 0s;float: left;margin: 0px 5px 5px 0px}.ul2 li:hover img,.ul3 li:hover img,.ul4 li:hover img,.ul5 li:hover img {transform: rotate(360deg)}.itemsanpham .ws-badge {z-index: 99;padding: 3.5px}.hieuung1 {position: relative;display: flex;flex-wrap: wrap}.hieuung2 {animation-name: pulse;animation-duration: 1s;animation-iteration-count: infinite}.hieuung3 {animation-name: zoomIn;animation-duration: 1s;animation-iteration-count: infinite}.hieuung4 {position: relative}.hieuung4::after {content: "";position: absolute;height: 100%;top: 0;left: 0;background-image: var(--ws-bggradient-hover);background-color: var(--ws-bg-hover);transition: transform 0.5s ease 0s;z-index: -1;width: 100%;transform: scaleX(0);transform-origin: center right}.hieuung4:hover::after {transform: scale(1);transform-origin: center left}.hieuung5:after {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);animation: animatedgradient 1s ease-in-out alternate infinite;-webkit-animation: animatedgradient 1s ease-in-out alternate infinite}.hieuung10 {animation-name: swing;animation-delay: 1s;animation-duration: 3s;animation-iteration-count: infinite}.hieuung10 {animation-name: swing;animation-delay: 1s;animation-duration: 3s;animation-iteration-count: infinite}ul.hieuung1 li {background-color: var(--bs-light);color: #000;padding: 10px;border-radius: 5px;box-shadow: 0px 0px 2px #dfdfdf}ul.hieuung1 li:hover {box-shadow: 0px 0px 4px #999}.i_trai {position: absolute;height: 0px;width: 1px;left: 0px;top: 0px;background-color: var(--ws-bg-hover);transition: all 0.5s ease}.i_tren {position: absolute;height: 1px;width: 0px;right: 0px;top: 0px;background-color: var(--ws-bg-hover);transition: all 0.5s ease}.i_phai {position: absolute;height: 0px;width: 1px;right: 0px;bottom: 0px;background-color: var(--ws-bg-hover);transition: all 0.5s ease}.i_duoi {position: absolute;height: 1px;width: 0px;left: 0px;bottom: 0px;background-color: var(--ws-bg-hover);transition: all 0.5s ease}.hieuung1:hover .i_trai {height: 100%;bottom: 0px;top: inherit}.hieuung1:hover .i_tren {width: 100%;left: 0px}.hieuung1:hover .i_phai {height: 100%;top: 0px;bottom: inherit}.hieuung1:hover .i_duoi {width: 100%;right: 0px;left: inherit}.title1 {position: relative;margin: 0 -25px;font-size: 40px;background: var(--ws-bg-title);color: var(--ws-color-title);box-shadow: 0 0 10px #AAA;padding: 3px 18px}.title1:before {content: "";display: block;position: absolute;bottom: -25px;width: 0;height: 0;border-style: solid;border-color: var(--ws-bg-title) transparent;border-width: 25px 0 0 25px;left: 0}.box__logo {text-align: center;border-left: 3px solid var(--ws-bg-hover);border-right: 3px solid var(--ws-bg-hover);border-radius: 50%;height: 300px;width: 300px;margin: auto;background-color: #FFF;position: relative;z-index: 2;box-shadow: 0 50px 30px rgb(80 87 99 / 5%), 0 0 50px rgb(80 87 99 / 10%)}.box__logo:before {content: '';position: absolute;top: 20%;right: -60%;width: 60%;height: 60%;border-left: 3px solid var(--ws-bg-hover);border-radius: 50%;z-index: 1}.box__logo:after {content: '';position: absolute;top: 20%;left: -60%;width: 60%;height: 60%;border-right: 3px solid var(--ws-bg-hover);border-radius: 50%;z-index: 1}.box__logo .item_l {display: inline-flex;width: 100%;height: 100%;justify-content: center;align-items: center}.box__logo .item_l img {max-width: 100% !important;max-height: 100% !important;height: auto !important}.box__icon img {width: 100%}.custom-btn {width: 130px;height: 40px;color: var(--ws-color-title);border-radius: 5px;padding: 10px 25px;font-family: 'Lato', sans-serif;font-weight: 500;background: transparent;cursor: pointer;transition: all 0.3s ease;position: relative;display: inline-block;box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);outline: none}.btn-1 {background: rgb(6, 14, 131);background: linear-gradient(0deg, rgba(6, 14, 131, 1) 0%, rgba(12, 25, 180, 1) 100%);border: none}.btn-1:hover {background: rgb(0, 3, 255);background: linear-gradient(0deg, rgba(0, 3, 255, 1) 0%, rgba(2, 126, 251, 1) 100%)}.btn-2 {background: rgb(96, 9, 240);background: linear-gradient(0deg, rgba(96, 9, 240, 1) 0%, rgba(129, 5, 240, 1) 100%);border: none}.btn-2:before {height: 0%;width: 2px}.btn-2:hover {box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4)}.btn-3 {background: rgb(0, 172, 238);background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%);width: 130px;height: 40px;line-height: 42px;padding: 0;border: none}.btn-3 span {position: relative;display: block;width: 100%;height: 100%}.btn-3:before,.btn-3:after {position: absolute;content: "";right: 0;top: 0;background: rgba(2, 126, 251, 1);transition: all 0.3s ease}.btn-3:before {height: 0%;width: 2px}.btn-3:after {width: 0%;height: 2px}.btn-3:hover {background: transparent;box-shadow: none}.btn-3:hover:before {height: 100%}.btn-3:hover:after {width: 100%}.btn-3 span:hover {color: rgba(2, 126, 251, 1)}.btn-3 span:before,.btn-3 span:after {position: absolute;content: "";left: 0;bottom: 0;background: rgba(2, 126, 251, 1);transition: all 0.3s ease}.btn-3 span:before {width: 2px;height: 0%}.btn-3 span:after {width: 0%;height: 2px}.btn-3 span:hover:before {height: 100%}.btn-3 span:hover:after {width: 100%}.btn-4 {background-color: #4dccc6;background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);line-height: 42px;padding: 0;border: none}.btn-4:hover {background-color: #89d8d3;background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%)}.btn-4 span {position: relative;display: block;width: 100%;height: 100%}.btn-4:before,.btn-4:after {position: absolute;content: "";right: 0;top: 0;box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .9), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255, 255, 255, .9), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);transition: all 0.3s ease}.btn-4:before {height: 0%;width: .1px}.btn-4:after {width: 0%;height: .1px}.btn-4:hover:before {height: 100%}.btn-4:hover:after {width: 100%}.btn-4 span:before,.btn-4 span:after {position: absolute;content: "";left: 0;bottom: 0;box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .9), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255, 255, 255, .9), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);transition: all 0.3s ease}.btn-4 span:before {width: .1px;height: 0%}.btn-4 span:after {width: 0%;height: .1px}.btn-4 span:hover:before {height: 100%}.btn-4 span:hover:after {width: 100%}.btn-5 {width: 130px;height: 40px;line-height: 42px;padding: 0;border: none;background: rgb(255, 27, 0);background: linear-gradient(0deg, rgba(255, 27, 0, 1) 0%, rgba(251, 75, 2, 1) 100%)}.btn-5:hover {color: #f0094a;background: transparent;box-shadow: none}.btn-5:before,.btn-5:after {content: '';position: absolute;top: 0;right: 0;height: 2px;width: 0;background: #f0094a;box-shadow: -1px -1px 5px 0px #fff, 7px 7px 20px 0px #0003, 4px 4px 5px 0px #0002;transition: 400ms ease all}.btn-5:after {right: inherit;top: inherit;left: 0;bottom: 0}.btn-5:hover:before,.btn-5:hover:after {width: 100%;transition: 800ms ease all}.btn-6 {background: rgb(247, 150, 192);background: radial-gradient(circle, rgba(247, 150, 192, 1) 0%, rgba(118, 174, 241, 1) 100%);line-height: 42px;padding: 0;border: none}.btn-6 span {position: relative;display: block;width: 100%;height: 100%}.btn-6:before,.btn-6:after {position: absolute;content: "";height: 0%;width: 1px;box-shadow: -1px -1px 20px 0px rgba(255, 255, 255, 1), -4px -4px 5px 0px rgba(255, 255, 255, 1), 7px 7px 20px 0px rgba(0, 0, 0, .4), 4px 4px 5px 0px rgba(0, 0, 0, .3)}.btn-6:before {right: 0;top: 0;transition: all 500ms ease}.btn-6:after {left: 0;bottom: 0;transition: all 500ms ease}.btn-6:hover {background: transparent;color: #76aef1;box-shadow: none}.btn-6:hover:before {transition: all 500ms ease;height: 100%}.btn-6:hover:after {transition: all 500ms ease;height: 100%}.btn-6 span:before,.btn-6 span:after {position: absolute;content: "";box-shadow: -1px -1px 20px 0px rgba(255, 255, 255, 1), -4px -4px 5px 0px rgba(255, 255, 255, 1), 7px 7px 20px 0px rgba(0, 0, 0, .4), 4px 4px 5px 0px rgba(0, 0, 0, .3)}.btn-6 span:before {left: 0;top: 0;width: 0%;height: .5px;transition: all 500ms ease}.btn-6 span:after {right: 0;bottom: 0;width: 0%;height: .5px;transition: all 500ms ease}.btn-6 span:hover:before {width: 100%}.btn-6 span:hover:after {width: 100%}.btn-7 {background: linear-gradient(0deg, rgba(255, 151, 0, 1) 0%, rgba(251, 75, 2, 1) 100%);line-height: 42px;padding: 0;border: none}.btn-7 span {position: relative;display: block;width: 100%;height: 100%}.btn-7:before,.btn-7:after {position: absolute;content: "";right: 0;bottom: 0;background: rgba(251, 75, 2, 1);box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, .9), -4px -4px 5px 0px rgba(255, 255, 255, .9), 7px 7px 20px 0px rgba(0, 0, 0, .2), 4px 4px 5px 0px rgba(0, 0, 0, .3);transition: all 0.3s ease}.btn-7:before {height: 0%;width: 2px}.btn-7:after {width: 0%;height: 2px}.btn-7:hover {color: rgba(251, 75, 2, 1);background: transparent}.btn-7:hover:before {height: 100%}.btn-7:hover:after {width: 100%}.btn-7 span:before,.btn-7 span:after {position: absolute;content: "";left: 0;top: 0;background: rgba(251, 75, 2, 1);box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, .9), -4px -4px 5px 0px rgba(255, 255, 255, .9), 7px 7px 20px 0px rgba(0, 0, 0, .2), 4px 4px 5px 0px rgba(0, 0, 0, .3);transition: all 0.3s ease}.btn-7 span:before {width: 2px;height: 0%}.btn-7 span:after {height: 2px;width: 0%}.btn-7 span:hover:before {height: 100%}.btn-7 span:hover:after {width: 100%}.btn-8 {background-color: #f0ecfc;background-image: linear-gradient(315deg, #f0ecfc 0%, #c797eb 74%);line-height: 42px;padding: 0;border: none}.btn-8 span {position: relative;display: block;width: 100%;height: 100%}.btn-8:before,.btn-8:after {position: absolute;content: "";right: 0;bottom: 0;background: #c797eb;transition: all 0.3s ease}.btn-8:before {height: 0%;width: 2px}.btn-8:after {width: 0%;height: 2px}.btn-8:hover:before {height: 100%}.btn-8:hover:after {width: 100%}.btn-8:hover {background: transparent}.btn-8 span:hover {color: #c797eb}.btn-8 span:before,.btn-8 span:after {position: absolute;content: "";left: 0;top: 0;background: #c797eb;transition: all 0.3s ease}.btn-8 span:before {width: 2px;height: 0%}.btn-8 span:after {height: 2px;width: 0%}.btn-8 span:hover:before {height: 100%}.btn-8 span:hover:after {width: 100%}.btn-9 {border: none;transition: all 0.3s ease;overflow: hidden}.btn-9:after {position: absolute;content: " ";z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background-color: #1fd1f9;background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);transition: all 0.3s ease}.btn-9:hover {background: transparent;box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255, 255, 255, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);color: #fff}.btn-9:hover:after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255, 255, 255, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3)}.btn-10 {background: rgb(22, 9, 240);background: linear-gradient(0deg, rgba(22, 9, 240, 1) 0%, rgba(49, 110, 244, 1) 100%);color: #fff;border: none;transition: all 0.3s ease;overflow: hidden}.btn-10:after {position: absolute;content: " ";top: 0;left: 0;z-index: -1;width: 100%;height: 100%;transition: all 0.3s ease;-webkit-transform: scale(.1);transform: scale(.1)}.btn-10:hover {color: #fff;border: none;background: transparent}.btn-10:hover:after {background: rgb(0, 3, 255);background: linear-gradient(0deg, rgba(2, 126, 251, 1) 0%, rgba(0, 3, 255, 1)100%);-webkit-transform: scale(1);transform: scale(1)}.btn-11 {border: none;background: rgb(251, 33, 117);background: linear-gradient(0deg, rgba(251, 33, 117, 1) 0%, rgba(234, 76, 137, 1) 100%);color: #fff;overflow: hidden}.btn-11:hover {text-decoration: none;color: #fff}.btn-11:before {position: absolute;content: '';display: inline-block;top: -180px;left: 0;width: 30px;height: 100%;background-color: #fff;animation: shiny-btn1 3s ease-in-out infinite}.btn-11:hover {opacity: .7}.btn-11:active {box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2)}.btn-12 {position: relative;right: 20px;bottom: 20px;border: none;box-shadow: none;width: 130px;height: 40px;line-height: 42px;-webkit-perspective: 230px;perspective: 230px}.btn-12 span {background: rgb(0, 172, 238);background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%);display: block;position: absolute;width: 130px;height: 40px;box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);border-radius: 5px;margin: 0;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s}.btn-12 span:nth-child(1) {box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: 50% 50% -20px;-moz-transform-origin: 50% 50% -20px;transform-origin: 50% 50% -20px}.btn-12 span:nth-child(2) {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: 50% 50% -20px;-moz-transform-origin: 50% 50% -20px;transform-origin: 50% 50% -20px}.btn-12:hover span:nth-child(1) {box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg)}.btn-12:hover span:nth-child(2) {box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);color: transparent;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg)}.btn-13 {background-color: #89d8d3;background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%);border: none;z-index: 1}.btn-13:after {position: absolute;content: "";width: 100%;height: 0;bottom: 0;left: 0;z-index: -1;border-radius: 5px;background-color: #4dccc6;background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;transition: all 0.3s ease}.btn-13:hover {color: #fff}.btn-13:hover:after {top: 0;height: 100%}.btn-13:active {top: 2px}.btn-14 {background: rgb(255, 151, 0);border: none;z-index: 1}.btn-14:after {position: absolute;content: "";width: 100%;height: 0;top: 0;left: 0;z-index: -1;border-radius: 5px;background-color: #eaf818;background-image: linear-gradient(315deg, #eaf818 0%, #f6fc9c 74%);box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5);transition: all 0.3s ease}.btn-14:hover {color: #000}.btn-14:hover:after {top: auto;bottom: 0;height: 100%}.btn-14:active {top: 2px}.btn-15 {background: #b621fe;border: none;z-index: 1}.btn-15:after {position: absolute;content: "";width: 0;height: 100%;top: 0;right: 0;z-index: -1;background-color: #663dff;border-radius: 5px;box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);transition: all 0.3s ease}.btn-15:hover {color: #fff}.btn-15:hover:after {left: 0;width: 100%}.btn-15:active {top: 2px}.btn-16 {border: none;color: #000}.btn-16:after {position: absolute;content: "";width: 0;height: 100%;top: 0;left: 0;direction: rtl;z-index: -1;box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;transition: all 0.3s ease}.btn-16:hover {color: #000}.btn-16:hover:after {left: auto;right: 0;width: 100%}.btn-16:active {top: 2px}.btn-17 {background: var(--ws-bg-title);color: var(--ws-color-title);font-size: 14px;font-weight: 600;text-transform: uppercase;border-radius: 12px;padding: 10px 20px;background: linear-gradient(90deg, rgba(250, 115, 35, 0.3) 0%, rgba(255, 119, 62, 0.3) 47%, rgba(248, 56, 0, 0.3) 100%);border: 2px solid #fff;transition: all .2s linear;box-shadow: 0 0 0 0 rgb(235 243 242 / 70%);-webkit-animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1);transition: all 0.3s}.btn-17:hover {background: linear-gradient(45deg, #c7011c60, #d30635, #992a39, #d30635, #6c0816);background-size: 400% 400%;-webkit-animation: flicker 20s ease infinite;animation-duration: 20s;animation-timing-function: ease;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: normal;animation-fill-mode: none;animation-play-state: running;animation-name: flicker;animation: flicker 20s ease infinite;animation-duration: 20s;animation-timing-function: ease;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: normal;animation-fill-mode: none;animation-play-state: running;animation-name: flicker;box-shadow: 0px 2px 4px 1px rgb(255 255 255 / 30%);transition: all 0.3s}.btn-18 {background: rgb(63, 94, 251);background: radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(70, 170, 252, 1) 100%)}.btn-19 {background: linear-gradient(90deg, #67B7D3 .16%, #C3D03A 100.25%);border-radius: 50px;position: relative;overflow: hidden;display: inline-block;color: #fff;padding: 10px 30px;font-weight: 700;font-size: 16px;line-height: 28px}.hieuungnut1,.btn-tuvanbaogia {color: var(--ws-color-title);background-color: var(--ws-bg-title);background-image: var(--ws-bggradient-title);transition: all 0.3s ease 0s;font-weight: bold;animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1);transition: all 0.3s;border: 2px solid #fff;transition: all .2s linear;box-shadow: 0 0 0 0 rgb(235 243 242 / 70%);-webkit-animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1);transition: all 0.3s}.hieuungnut1:hover,.btn-tuvanbaogia:hover {color: var(--ws-color-hover);background-color: var(--ws-bg-hover);background-image: var(--ws-bggradient-hover);background-size: 400% 400%;box-shadow: 0px 2px 4px 1px rgb(255 255 255 / 30%);transition: all 0.3s;animation-duration: 20s;animation-timing-function: ease;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: normal;animation-fill-mode: none;animation-play-state: running;animation-name: flicker;animation: flicker 20s ease infinite;animation-duration: 20s;animation-timing-function: ease;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: normal;animation-fill-mode: none;animation-play-state: running;animation-name: flicker}.hieuungicon1>li {text-align: left}.hieuungicon1 i {font-size: 45px;padding: 5px;color: var(--ws-color-title);opacity: .7;transition: all 0.3s;transition: all 0.5s linear;transform-style: preserve-3d;float: left;margin-right: 10px}.hieuungicon1>li:hover i {transform: rotateY(180deg)}.hieuungicon1 li:after {position: absolute;content: '';width: 100%;height: 0%;left: 0px;right: 0px;bottom: 0px;z-index: -1;transition: all 500ms ease;z-index: 2}.hieuungicon1 li:hover * {position: inherit;color: var(--ws-color-hover);z-index: 9999999}.borderli li {border-right: 1px solid #dfdfdf}.borderli li:last-child {border-right: none}.hieuungicon2 .iconi {width: 100px;height: 100px;margin: 5px;border-radius: 50%;float: left;margin-right: 10px;position: relative;text-align: center;padding: 20px 15px;overflow: hidden}.hieuungicon2 .iconi::before {width: 0;height: 0;background: var(--ws-bg-hover);content: "";position: absolute;left: 50%;top: 50%;border-radius: 100%;transition: all 0.5s}.hieuungicon2 li:hover .iconi::before {left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s ease 0s}.hieuungicon2 li:hover .iconi i {color: var(--ws-color-hover)}.hieuungicon2 .iconi i {font-size: 50px;opacity: .8}.hieuungicon2 .iconi:hover i {opacity: 1}.hieuungicon2 .iconi {width: 100px;height: 100px;margin: 5px;border-radius: 50%;float: left;margin-right: 10px;position: relative;text-align: center;padding: 20px 15px;overflow: hidden}.hieuungicon2 .iconi::before {width: 0;height: 0;background: var(--ws-bg-hover);content: "";position: absolute;left: 50%;top: 50%;border-radius: 100%;transition: all 0.5s}.hieuungicon2 li:hover .iconi::before {left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s ease 0s}.hieuungicon2 li:hover .iconi i {color: var(--ws-color-hover)}.hieuungicon2 .iconi i {font-size: 50px;opacity: .8}.hieuungicon2 .iconi:hover i {opacity: 1}.hieuungulli1 li {box-shadow: 0px 0px 2px #dfdfdf;margin: 10px;border-radius: 15px;text-align: justify;transition: 0.5s ease 0s;padding: 30px 15px;color: rgb(87, 87, 87)}.hieuungulli1 li:hover {margin-top: -10px;transition: all 0.5s ease 0s;box-shadow: 0px 0px 2px var(--ws-bg-title)}.hieuungulli1 li {box-shadow: 0px 0px 2px #dfdfdf;margin: 10px;border-radius: 15px;text-align: justify;transition: 0.5s ease 0s;padding: 30px 15px;color: rgb(87, 87, 87)}.hieuungulli1 li:hover {margin-top: -10px;transition: all 0.5s ease 0s;box-shadow: 0px 0px 2px var(--ws-bg-title)}@media (max-width: 480px) {.cssbox .textcounter {font-size: 30px}.margintoptru130 {margin-top: 0px !important}body .ul4flex {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr))}body .ul2_46 li {width: 100% !important}body .ul4 li {width: 48%;float: left}body .ul3 li {width: 48%;float: left}body .ul2 li {width: 98%;margin: 1%;float: left}.borderli li {border: none !important}}@media(max-width:415px) {body .ul3 li {width: 98%;float: left;margin: 1%}}@media(max-width:320px) {body .ul4 li {width: 98%;float: left}body .ul3 li {width: 98%;float: left}body .ul2 li {width: 98%;margin: 1%;float: left}}@-webkit-keyframes fixedAnim {0% {right: 125%}125% {right: 0}}@keyframes fixedAnim {0% {right: 125%}125% {right: 0}}@-webkit-keyframes shiny-btn1 {0% {-webkit-transform: scale(0) rotate(45deg);opacity: 0}80% {-webkit-transform: scale(0) rotate(45deg);opacity: 0.5}81% {-webkit-transform: scale(4) rotate(45deg);opacity: 1}100% {-webkit-transform: scale(50) rotate(45deg);opacity: 0}}@keyframes won {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)}}@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}@keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px)}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px)}100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px)}100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px)}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}}@keyframes fadeInDownLeft {0% {opacity: 0;transform: translate(-20px, -20px)}100% {opacity: 1;transform: translate(0, 0)}}@keyframes fadeInDownRight {0% {opacity: 0;transform: translate(20px, -20px)}100% {opacity: 1;transform: translate(0, 0)}}@keyframes fadeInUpRight {0% {opacity: 0;transform: translate(20px, 20px)}100% {opacity: 1;transform: translate(0, 0)}}@keyframes fadeInUpLeft {0% {opacity: 0;transform: translate(-20px, 20px)}100% {opacity: 1;transform: translate(0, 0)}}@keyframes fadeOutLeft {0% {opacity: 1;transform: translateX(0)}100% {opacity: 0;transform: translateX(-20px)}}@keyframes shake {0%,100% {transform: translateX(0)}10%,30%,50%,70%,90% {transform: translateX(-1px)}20%,40%,60%,80% {transform: translateX(1px)}}@keyframes bounceInDown {0% {transform: translateY(-200px)}100% {transform: translateY(0)}}@keyframes bounceInUp {0% {transform: translateY(200px)}100% {transform: translateY(0)}}@keyframes bounceInLeft {0% {transform: translateX(-100%)}100% {transform: translateX(0)}}@keyframes bounceInRight {0% {transform: translateX(100%)}100% {transform: translateX(0)}}@keyframes bounceOutLeft {0% {transform: translateX(0)}100% {transform: translateX(-100%)}}@keyframes bounceOutUp {0% {transform: translateY(0)}100% {transform: translateY(-100%)}}@keyframes bounceOutRight {0% {transform: translateX(0)}100% {transform: translateX(100%)}}@keyframes zoomIn {0% {transform: scale(0)}80% {transform: scale(1.05)}100% {transform: scale(1)}}@keyframes my {0% {color: #f8cd0a}50% {color: #2ca2d8}100% {color: #f8cd0a}}@keyframes my1 {0% {color: #f8cd0a}50% {color: #950815}100% {color: #f8cd0a}}@keyframes flicker {0% {background-position: 0 0}50% {background-position: 400% 0}100% {background-position: 0 0}}@keyframes appear {0% {opacity: 0}100% {opacity: 1}}@keyframes swing {20% {-webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg)}40% {-webkit-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg)}60% {-webkit-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg)}80% {-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg)}100% {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0)}}@keyframes pulse {0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}50% {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}}@keyframes animatedgradient {100% {left: 125%}}@-webkit-keyframes animatedgradient {100% {left: 125%}}@keyframes wsAnimPulse {0%, 100% { transform: scale(1); }50% { transform: scale(1.05); }}.ws-anim-pulse {animation: wsAnimPulse 2s ease-in-out infinite}@keyframes wsAnimBounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0); }40% { transform: translateY(-20px); }60% { transform: translateY(-10px); }}.ws-anim-bounce {animation: wsAnimBounce 2s ease infinite}@keyframes wsAnimFloat {0%, 100% { transform: translateY(0); }50% { transform: translateY(-10px); }}.ws-anim-float {animation: wsAnimFloat 3s ease-in-out infinite}@keyframes wsAnimShake {0%, 100% { transform: translateX(0); }10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }20%, 40%, 60%, 80% { transform: translateX(5px); }}.ws-anim-shake {animation: wsAnimShake 1.5s ease-in-out infinite}@keyframes wsAnimSpin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.ws-anim-spin {animation: wsAnimSpin 3s linear infinite}.ws-anim-spin-slow {animation: wsAnimSpin 8s linear infinite}@keyframes wsAnimSwing {0%, 100% { transform: rotate(0deg); }20% { transform: rotate(15deg); }40% { transform: rotate(-10deg); }60% { transform: rotate(5deg); }80% { transform: rotate(-5deg); }}.ws-anim-swing {animation: wsAnimSwing 2s ease-in-out infinite;transform-origin: top center}@keyframes wsAnimGlow {0%, 100% { box-shadow: 0 0 5px rgba(0,123,255,0.3); }50% { box-shadow: 0 0 20px rgba(0,123,255,0.8), 0 0 40px rgba(0,123,255,0.4); }}.ws-anim-glow {animation: wsAnimGlow 2s ease-in-out infinite}@keyframes wsAnimGlowGold {0%, 100% { box-shadow: 0 0 5px rgba(255,193,7,0.3); }50% { box-shadow: 0 0 20px rgba(255,193,7,0.8), 0 0 40px rgba(255,193,7,0.4); }}.ws-anim-glow-gold {animation: wsAnimGlowGold 2s ease-in-out infinite}@keyframes wsAnimBlink {0%, 100% { opacity: 1; }50% { opacity: 0.3; }}.ws-anim-blink {animation: wsAnimBlink 1.5s ease-in-out infinite}@keyframes wsAnimWobble {0%, 100% { transform: translateX(0) rotate(0deg); }15% { transform: translateX(-15px) rotate(-5deg); }30% { transform: translateX(10px) rotate(3deg); }45% { transform: translateX(-8px) rotate(-3deg); }60% { transform: translateX(5px) rotate(2deg); }75% { transform: translateX(-3px) rotate(-1deg); }}.ws-anim-wobble {animation: wsAnimWobble 2s ease-in-out infinite}@keyframes wsAnimHeartbeat {0%, 100% { transform: scale(1); }14% { transform: scale(1.15); }28% { transform: scale(1); }42% { transform: scale(1.15); }70% { transform: scale(1); }}.ws-anim-heartbeat {animation: wsAnimHeartbeat 1.5s ease-in-out infinite}@keyframes wsAnimSlideLR {0%, 100% { transform: translateX(0); }50% { transform: translateX(15px); }}.ws-anim-slide-lr {animation: wsAnimSlideLR 2s ease-in-out infinite}@keyframes wsAnimSlideUD {0%, 100% { transform: translateY(0); }50% { transform: translateY(10px); }}.ws-anim-slide-ud {animation: wsAnimSlideUD 2s ease-in-out infinite}@keyframes wsAnimRotateSlow {0%, 100% { transform: rotate(0deg); }25% { transform: rotate(5deg); }75% { transform: rotate(-5deg); }}.ws-anim-rotate-slow {animation: wsAnimRotateSlow 4s ease-in-out infinite}@keyframes wsAnimBreathe {0%, 100% { transform: scale(1); opacity: 1; }50% { transform: scale(1.03); opacity: 0.9; }}.ws-anim-breathe {animation: wsAnimBreathe 4s ease-in-out infinite}@keyframes wsAnimFlash {0%, 50%, 100% { opacity: 1; }25%, 75% { opacity: 0; }}.ws-anim-flash {animation: wsAnimFlash 2s ease-in-out infinite}@keyframes wsAnimTada {0%, 100% { transform: scale(1) rotate(0deg); }10%, 20% { transform: scale(0.9) rotate(-3deg); }30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }}.ws-anim-tada {animation: wsAnimTada 2s ease-in-out infinite}@keyframes wsAnimRubber {0%, 100% { transform: scaleX(1); }30% { transform: scaleX(1.25) scaleY(0.75); }40% { transform: scaleX(0.75) scaleY(1.25); }50% { transform: scaleX(1.15) scaleY(0.85); }65% { transform: scaleX(0.95) scaleY(1.05); }75% { transform: scaleX(1.05) scaleY(0.95); }}.ws-anim-rubber {animation: wsAnimRubber 2s ease-in-out infinite}@keyframes wsAnimJello {0%, 100% { transform: skewX(0deg) skewY(0deg); }11.1% { transform: skewX(-12.5deg) skewY(-12.5deg); }22.2% { transform: skewX(6.25deg) skewY(6.25deg); }33.3% { transform: skewX(-3.125deg) skewY(-3.125deg); }44.4% { transform: skewX(1.5625deg) skewY(1.5625deg); }55.5% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }66.6% { transform: skewX(0.390625deg) skewY(0.390625deg); }77.7% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}.ws-anim-jello {animation: wsAnimJello 2s ease-in-out infinite}@keyframes wsAnimFlipY {0% { transform: perspective(400px) rotateY(0deg); }100% { transform: perspective(400px) rotateY(360deg); }}.ws-anim-flip {animation: wsAnimFlipY 3s ease-in-out infinite}@keyframes wsAnimBorderDash {0% { background-position: 0 0, 100% 0, 100% 100%, 0 100%; }100% { background-position: 100% 0, 100% 100%, 0 100%, 0 0; }}.ws-anim-border-run {background-image:linear-gradient(90deg, #0d6efd 50%, transparent 50%),linear-gradient(0deg, #0d6efd 50%, transparent 50%),linear-gradient(90deg, #0d6efd 50%, transparent 50%),linear-gradient(0deg, #0d6efd 50%, transparent 50%);background-size: 20px 2px, 2px 20px, 20px 2px, 2px 20px;background-position: 0 0, 100% 0, 100% 100%, 0 100%;background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;animation: wsAnimBorderDash 1.5s linear infinite}@keyframes wsAnimTextGlow {0%, 100% { text-shadow: 0 0 5px rgba(0,123,255,0.3); }50% { text-shadow: 0 0 20px rgba(0,123,255,0.8), 0 0 40px rgba(0,123,255,0.4); }}.ws-anim-text-glow {animation: wsAnimTextGlow 2s ease-in-out infinite}@keyframes wsAnimColorShift {0% { color: #0d6efd; }25% { color: #dc3545; }50% { color: #198754; }75% { color: #ffc107; }100% { color: #0d6efd; }}.ws-anim-color-shift {animation: wsAnimColorShift 4s ease-in-out infinite}@keyframes wsAnimBgShift {0% { background-color: rgba(13,110,253,0.1); }33% { background-color: rgba(220,53,69,0.1); }66% { background-color: rgba(25,135,84,0.1); }100% { background-color: rgba(13,110,253,0.1); }}.ws-anim-bg-shift {animation: wsAnimBgShift 5s ease-in-out infinite}.ws-anim-fast { animation-duration: 0.8s !important; }.ws-anim-slow { animation-duration: 5s !important; }.border-gradient-1,.border-gradient-2,.border-gradient-3,.border-gradient-4,.border-gradient-5,.border-gradient-6,.border-gradient-7,.border-gradient-8 {border: 3px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box}.border-gradient-1 { background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #667eea, #764ba2); }.border-gradient-2 { background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #f093fb, #f5576c); }.border-gradient-3 { background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #4facfe, #00f2fe); }.border-gradient-4 { background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #f5af19, #f12711); }.border-gradient-5 { background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #a18cd1, #fbc2eb); }.border-gradient-6 { background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #f7971e, #ffd200); }.border-gradient-7 { background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #0072ff, #00c853); }.border-gradient-8 { background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #ff0844, #ffb199, #f7971e, #00c853, #0072ff, #764ba2); }.ws-anim-pause-hover:hover { animation-play-state: paused !important; }.main-wrap .cotb_2cot,.main-wrap .cota_2cot {flex: 0 0 290px !important}.home-group-title{padding: 6px 0 4px;position: relative;z-index: 9}.home-group-content{width: 100%;position: relative;min-height: 40px;padding-bottom: 10px;padding-top: 10px;display: flow-root}.cathome_title.title-home{ font-size: var(--ws-font-size-title)}.cathome_title.title-home h2{margin: 0;font-family: var(--ws-font-title), system-ui, sans-serif;font-size: var(--ws-font-size-title);font-weight: 800;letter-spacing: .5px;line-height: 1.15;text-transform: uppercase}.cathome_title.title-home .cathome_a{color: inherit;text-decoration: none;display: inline-flex;align-items: center;transition: opacity .25s ease}.cathome_title.title-home .cathome_a:hover{ opacity: .85; }.tieudephu{ display: none; }.cathome_more{float: right;margin-left: 14px;margin-top: 8px}.category-sub{overflow: hidden;min-width: 0;margin-top:10px}@media (max-width: 780px){.cathome_title.title-home{}.cathome_more{ display: none !important; }.category-sub{padding: 15px 0px;clear: both;float: none;width: 100%}}@media (max-width: 480px){.cathome_title.title-home h2{ font-size: var(--ws-font-size-title-mobile); }}.cathome_sub{display: flex;flex-wrap: wrap;align-items: center;list-style: none;margin: 0;padding: 4px 0 0;gap: 6px}.cathome_sub li{flex: 0 0 auto;list-style: none;position: relative;margin: 0 6px 0 0}.cathome_sub li:last-child{ margin-right: 0; }.cathome_sub li > span,.cathome_sub li > a{cursor: pointer;display: inline-flex;align-items: center;gap: 6px;padding: 13px 26px;font-family: var(--ws-font-menu), var(--ws-font-body), system-ui, sans-serif;font-size: var(--ws-font-size-menu, 15px);font-weight: 600;line-height: 1.2;text-decoration: none;color: #334155;background: #eef2f7;border: 0;border-radius: 999px;transition: color .25s ease, background .25s ease, box-shadow .25s ease;white-space: nowrap}.cathome_sub li > span:hover,.cathome_sub li > a:hover{color: #0f172a;background: #e2e8f0}.cathome_sub li.active > span,.cathome_sub li.active > a,.cathome_sub li.active > span:hover,.cathome_sub li.active > a:hover{color: var(--ws-color-title);background: var(--ws-bg-title);box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--ws-bg-title) 55%, transparent)}.cathome_sub .owl-nav,.cathome_sub .owl-dots{ display: none; }@media (max-width: 780px){.category-sub{padding-top: 12px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none}.category-sub::-webkit-scrollbar{ display: none; }.cathome_sub{flex-wrap: nowrap;padding-top: 0;padding-right: 8px}.cathome_sub .owl-stage-outer{ overflow: visible !important; }}@media (max-width: 480px){.cathome_sub li > span,.cathome_sub li > a{padding: 10px 18px;font-size: var(--ws-font-size-menu-mobile, 15px)}}.cathome_more{display: inline-flex;align-items: center;gap: 6px;font-family: var(--ws-font-body), system-ui, sans-serif;font-size: var(--ws-font-size-body-mobile);color: var(--ws-bg-title);background: color-mix(in srgb, var(--ws-bg-title) 4%, #fff);border: 1px solid color-mix(in srgb, var(--ws-bg-title) 18%, transparent);padding: 6px 12px;border-radius: 999px;text-decoration: none;white-space: nowrap;line-height: 1;transition: color .3s ease, background .3s ease, border-color .3s ease}.cathome_more i,.cathome_more svg{transition: transform .3s ease;flex-shrink: 0;font-size: 11px}.cathome_more:hover{color: #fff;background: var(--ws-bg-title);border-color: var(--ws-bg-title)}.cathome_more:hover i,.cathome_more:hover svg{ transform: translateX(3px); }@media (max-width: 480px){.cathome_more{ padding: 5px 10px; gap: 4px; }.cathome_more span{ display: none; }.cathome_more i,.cathome_more svg{ font-size: 12px; }}body.home .home-group-content .cathome_title,body.home .home-group-content .cathome_sub li > a,body.home .home-group-content .cathome_more,body.home .xemthemdm{border-radius:30px}.timelinegroup{min-height: 180px;max-height: 230px;overflow: hidden}.timeline-container {position: relative;background-size: cover;z-index: 8;background-color: var(--ws-bg-timeline);color: var(--ws-color-timeline);background-image: var(--ws-bggradient-timeline);position: absolute;width: 100%;height: 100%;top:0;left:0}.timeline-container:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #00000017;z-index: -1}.timeline-container .breadcrumb-item+.breadcrumb-item::before {color: var(--ws-color-timeline)}@keyframes gradientAnimation {0% {background-position: 0% 50%}100% {background-position: 100% 50%}}.bgimgtimeline {width: 100vw;background: linear-gradient(45deg, #e29e05, #288aaa, #078bb0);background-size: 200% 200%;animation: gradientAnimation 5s linear infinite alternate-reverse}#breadcrumbs {border-radius: 3px;padding: 7px 0px;-webkit-box-shadow: 0px 1px 1px #CCC;box-shadow: 0px 1px 1px #CCC}.breadcrumb-wrap .breadcrumb {margin-bottom: 0px}.breadcrumb-wrap {padding: 12px 0;margin: 0;border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f5f5f5;background: -moz-linear-gradient(90deg, #FFFFFF50 0, #E8E8E860 100%, #FFFFFF50 100%);background: -webkit-gradient(linear, 90deg, color-stop(0, FEFEFE), color-stop(100%, E8E8E8), color-stop(100%, FFFFFF));background: -webkit-linear-gradient(90deg, #FFFFFF50 0, #E8E8E860 100%, #FFFFFF50 100%);background: -o-linear-gradient(90deg, #FFFFFF50 0, #E8E8E860 100%, #FFFFFF50 100%);background: -ms-linear-gradient(90deg, #FFFFFF50 0, #E8E8E860 100%, #FFFFFF50 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');background: linear-gradient(90deg, #FFFFFF50 0, #E8E8E860 100%, #FFFFFF50 100%)}.timeline-container .title-name {margin: 16px auto;padding: 5px 5px;display: table;margin: auto;border-bottom: 2px solid var(--ws-bg-title);margin-bottom: 20px}.timeline-container nav {display: table;margin: auto}.list-quangc {width: 100%}.list-quangc li {position: relative}.list-quangc li iframe {max-width: 100% !important}.list-quangc li img {max-width: 100%}.list-quangc li .image {display: inline-flex}@media (max-width:480px) {.list-quangc {width: 100%;display: contents;flex: unset}.list-quangc li {width: 100%;max-width: 100%;padding: 5px 0px}}.danhmucnoibat-item{--c-fg:var(--ws-color-boxmau1, #ffffff);--c-bg:var(--ws-bg-boxmau1, #4a9d5b);--c-fill:var(--ws-bggradient-boxmau1, var(--ws-bg-boxmau1, linear-gradient(135deg,#3f8f50 0%,#7fc98c 100%)));--c-tint:color-mix(in srgb, var(--c-bg) 9%,#fff);--c-tint2: color-mix(in srgb, var(--c-bg) 20%, #fff);--c-deep:color-mix(in srgb, var(--c-bg) 80%, #000);--c-ink: #2b3240;--c-line:#ebeef4;--c-card:#ffffff;--r: 13px;--e: cubic-bezier(.22,.77,.32,1);--e-bounce: cubic-bezier(.34,1.56,.64,1);--sh-soft: 0 2px 6px rgba(20,25,60,.06);--sh-lift: 0 4px 10px rgba(20,25,60,.08);--sh-lift-a: 0 4px 10px color-mix(in srgb, var(--c-bg) 15%, transparent);margin-bottom: 16px}.danhmucnoibat-item .inner{position: relative; height: 100%;background: var(--c-card); border-radius: var(--r);transition: transform .4s var(--e), box-shadow .4s var(--e), background .4s var(--e), border-color .4s var(--e)}.danhmucnoibat-item .itemdanhmucBox{ position: relative; width: 100%; }.danhmucnoibat-item .image{ position: relative; width: 100%; }.danhmucnoibat-item .image > a{align-items: center; justify-content: center;border-radius: var(--r); overflow: hidden;background: var(--c-tint); text-decoration: none;transition: transform .45s var(--e), box-shadow .45s var(--e), background .45s var(--e), filter .45s var(--e)}.danhmucnoibat-item .image .img{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }.danhmucnoibat-item .image .img img{ width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--e), filter .5s var(--e); }.danhmucnoibat-item .image .img i.fa{ font-size: clamp(24px,3vw,40px); line-height: 1; color: var(--c-bg); transition: color .4s var(--e), transform .5s var(--e); }.danhmucnoibat-item .name{display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; height: 2.7em; line-height: 1.35;margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--c-ink); text-decoration: none;transition: color .3s var(--e), letter-spacing .3s var(--e)}@media (min-width:1024px){ .row-cols-lg-10 .danhmucnoibat-item{ width: 10%; } }@property --cf8{ syntax:'<angle>'; initial-value:0deg; inherits:false; }.danhmucnoibat-item .inner{ border:2px solid transparent; background:linear-gradient(var(--c-card),var(--c-card)) padding-box, transparent border-box; }@keyframes cf8k{ to{ --cf8:360deg } }.danhmucnoibat-item:hover .inner{ background:linear-gradient(var(--c-card),var(--c-card)) padding-box, conic-gradient(from var(--cf8), transparent 0 38%, var(--c-bg) 46%, transparent 54% 88%, var(--c-bg) 96%, transparent 100%) border-box; animation:cf8k 3s linear infinite; box-shadow:var(--sh-lift); }.danhmucnoibat-item .inner{ border-radius:var(--r) 4px var(--r) 4px; }.danhmucnoibat-item .image > a{ border-radius:calc(var(--r) - 2px) 4px calc(var(--r) - 2px) 4px; }.danhmucnoibat-item:hover .inner::before, .danhmucnoibat-item:hover .inner::after{ border-color:var(--c-bg); width:22px; height:22px; }@media (prefers-reduced-motion: reduce){.danhmucnoibat-item *{ animation: none !important; transition-duration: .01ms !important; }}.danhmucconhome-item{--e: cubic-bezier(.22,.77,.32,1);margin-bottom: 20px}.danhmucconhome-item .dmch-card{display:flex; flex-direction:column; height:100%;background:#fff; border:1px solid #e6e9f0; border-radius:16px; overflow:hidden;text-decoration:none; color:inherit;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:box-shadow .4s ease, border-color .4s ease}.danhmucconhome-item .dmch-card:hover{box-shadow:0 8px 20px rgba(16,24,40,.09);border-color:#dbe5dd}.danhmucconhome-item .dmch-media{position:relative; display:block; width:100%; aspect-ratio:16/9;background:linear-gradient(135deg,#bbf7d0 0%,#dcfce7 46%,#fef9c3 100%);overflow:hidden}.danhmucconhome-item .dmch-media > img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;transition:transform .8s ease}.danhmucconhome-item .dmch-card:hover .dmch-media > img{ transform:scale(1.035); }.danhmucconhome-item .dmch-media .img{position:absolute; inset:0; width:100%; height:100%;display:flex; align-items:center; justify-content:center; background:transparent !important}.danhmucconhome-item .dmch-media .img img{ width:100%; height:100%; object-fit:cover; }.danhmucconhome-item .dmch-media i{ font-size:clamp(30px,3.4vw,48px); line-height:1; color:#16a34a; }.danhmucconhome-item .dmch-body{padding:14px 16px; display:flex; flex-direction:column; gap:4px}.danhmucconhome-item .dmch-sub{font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#16a34a}.danhmucconhome-item .dmch-title{margin:0; font-size:15px; font-weight:700; line-height:1.35; color:#0f172a;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}@media (max-width:600px){.danhmucconhome-item{ margin-bottom:14px; }.danhmucconhome-item .dmch-body{ padding:12px 13px; }.danhmucconhome-item .dmch-title{ font-size:14px; }}.dmch-wide.owl-carousel .owl-dots{ position:static !important; top:auto; right:auto; text-align:center; margin-top:16px; }.dmch-wide.owl-carousel .owl-dots .owl-dot span{width:8px; height:8px; margin:0 4px; background:#cbd5e1 !important;border-radius:999px !important; clip-path:none !important;transition:background .25s ease, width .25s ease}.dmch-wide.owl-carousel .owl-dots .owl-dot.active span{ background:#16a34a !important; width:22px; border-radius:6px !important; }@media (prefers-reduced-motion: reduce){.danhmucconhome-item *{ animation:none !important; transition-duration:.01ms !important; }}.itemhotrotructuyen .name{height: 56px;overflow: hidden;line-height: 28px}.title_hotrotructuyen{padding: 8px;font-weight: bold;font-size: 15px;text-align: center}.itemhotrotructuyen .diachi{height: 84px;overflow: hidden;line-height: 28px}.itemhotrotructuyen .actions img{height: 30px;width: auto}.itemhotrotructuyen .actions i{font-size: 26px;color: rgb(78, 78, 78)}#wapper_slide {z-index: 8}.bgcolorslideshow {background-color: var(--ws-bg-slideshow);background-image: var(--ws-bggradient-slideshow);color: var(--ws-color-slideshow)}.mt-100px {margin-top: 100px}.mt-120px {margin-top: 120px}.mt-150px {margin-top: 150px}.mt-200px {margin-top: 200px}.slide_content {width: 100%;margin: auto}.slide_content .auto-container .content-box {top: 50px}.slide_content .content-box p {font-size: 38px;margin-top: 20px}.slide_content .content-box p:nth-child(1) {font-size: 35px}.slide-item {display: block}.slide-col1 {float: left;width: 40%}.owl-carousel .owl-item {position: relative}.slide-col2 {float: right;width: 60%;line-height: 0px}button.owl-dot {border: none}button.owl-dot:focus,button.owl-dot:hover,button.owl-dot:visited {outline: none;box-shadow: none}.owl-carousel .owl-nav {opacity: 0}.owl-carousel:hover .owl-nav {opacity: 1;transition: .2s}.owl-carousel .owl-item img {-webkit-transform-style: flat;-moz-transform-style: flat;-ms-transform-style: flat;-o-transform-style: flat;transform-style: flat}.owlslide .owl-nav [class*="owl-"] {position: absolute;top: 35%}.owlslide .owl-nav [class*="owl-"]>span {font-size: 65px}.owl-theme.owlslide .owl-nav [class*=owl-]:hover {background: transparent;color: inherit;text-decoration: none;outline: none;box-shadow: none}.owlslide .owl-nav .owl-prev {left: 10px}.owlslide .owl-nav .owl-next {right: 10px}.owlslide .item {position: relative;overflow: hidden}.owlslide .item picture,.owlslide .item picture img {display: block;width: 100%}.owlslide .owl-item img {transform: scale(1);transform-origin: center center;will-change: transform;backface-visibility: hidden}.owlslide .owl-item.ws-kb img {animation: wsKenBurns 6s ease-out forwards}@keyframes wsKenBurns {from { transform: scale(1); }to { transform: scale(1.12); }}#wapper_slide .owlcarousel .item {overflow: hidden}#wapper_slide .owlcarousel .owl-item img {transform-origin: center center}#wapper_slide .owlcarousel .owl-item.active img {animation: wsKenBurns 12s ease-out forwards}#wapper_slide .owlcarousel .owl-item picture,#wapper_slide .owlcarousel .owl-item img {pointer-events: none}.owl-carousel .wsFadeOut,.owl-carousel .wsFadeIn,.owl-carousel .wsZoomOut,.owl-carousel .wsZoomIn {animation-duration: .8s;animation-fill-mode: both}.owl-carousel .wsFadeOut { animation-name: wsFadeOut; }.owl-carousel .wsFadeIn{ animation-name: wsFadeIn; }.owl-carousel .wsZoomOut { animation-name: wsZoomOut; }.owl-carousel .wsZoomIn{ animation-name: wsZoomIn; }@keyframes wsFadeOut { from { opacity: 1; } to { opacity: 0; } }@keyframes wsFadeIn{ from { opacity: 0; } to { opacity: 1; } }@keyframes wsZoomOut { from { opacity: 1; transform: scale(1); }to { opacity: 0; transform: scale(1.08); } }@keyframes wsZoomIn{ from { opacity: 0; transform: scale(1.06); } to { opacity: 1; transform: scale(1); } }.owlslide .owl-item .content-box > * {opacity: 0;transform: translateY(45px);transition: opacity .9s cubic-bezier(.2, .7, .2, 1),transform .9s cubic-bezier(.2, .7, .2, 1)}.owlslide .owl-item.active .content-box > * {opacity: 1;transform: translateY(0)}.owlslide .owl-item.active .content-box > *:nth-child(1) { transition-delay: .35s; }.owlslide .owl-item.active .content-box > *:nth-child(2) { transition-delay: .55s; }.owlslide .owl-item.active .content-box > *:nth-child(3) { transition-delay: .75s; }.owlslide .owl-item.active .content-box > *:nth-child(4) { transition-delay: .95s; }.owlslide .owl-item.active .content-box > *:nth-child(n+5) { transition-delay: 1.15s; }.owlslide .owl-item .content-box > p { margin-top: 0; }@media (prefers-reduced-motion: reduce) {.owlslide .owl-item.ws-kb img { animation: none; }.owlslide .owl-item .content-box > * {transition: opacity .3s ease;transform: none}}.owlslide .owl-item .auto-container {position: absolute;width: 100%;height: 100%;font-family: 'ws-font-slideshow', 'ws-font-body', arrial}.owlslide .owl-item .auto-container .content-box {width: 100%;display: table;margin: auto;position: absolute;left: 50%}.owlslide .owl-item p {opacity: 0;transition: all 2s ease 0s;margin-top: 50px;font-size: 18px}.owlslide .owl-item.active p {opacity: 1;margin-top: 0px}.owlslide .owl-item.active p:nth-child(1) {transition: all 2s ease 0s}.owlslide .owl-item.active p:nth-child(2) {transition: all 2.5s ease 0s}.owlslide .owl-item.active p:nth-child(3),.owlslide .owl-item.active p:nth-child(4),.owlslide .owl-item.active p:nth-child(5) {transition: all 3s ease 0s}@media(max-width:1190px) {.owlslide .owl-item .auto-container .content-box {width: 92%;margin: 4%}}@media(max-width:768px) {body .formposition {position: relative !important}.slide_content .auto-container .content-box {top: 10px}.slide_content .content-box p {font-size: 20px;margin-top: 10px}.slide_content .content-box p:nth-child(1) {font-size: 28px;margin-bottom: 8px}.mt-100px {margin-top: 20px}.mt-120px {margin-top: 20px}.mt-150px {margin-top: 20px}.mt-200px {margin-top: 20px}}@media(max-width:480px) {.owlslide .owl-item .auto-container .content-box {margin: 2%;left: 0;bottom: 5px}}:where(.danhmuccol, .ul_noidung_templates, .group_thongke, .itemhotrotructuyen, .lienketwebsite, .group-filter) {--col-text: #1e293b;--col-text-soft:#475569;--col-text-muted: #64748b;--col-border: rgba(15,23,42,.06);--col-bg-soft:rgba(15,23,42,.025);--col-bg-hover: rgba(15,23,42,.04);--col-radius-sm:6px;--col-radius-md:10px;--col-ease: cubic-bezier(.4,0,.2,1)}.danhmuccol > ul,.danhmuccol ul ul {list-style: none;padding: 0;margin: 0}.danhmuccol li {list-style: none;padding-left: 0;border: none;display: block}.danhmuccol > ul > li {border-bottom: 1px solid var(--col-border)}.danhmuccol > ul > li:last-child { border-bottom: 0; }.danhmuccol > ul > li > a {position: relative;display: flex;align-items: center;padding: 12px 38px 12px 18px; color: var(--col-text);font-size: 13.5px;font-weight: 600;text-transform: uppercase;letter-spacing: .3px;line-height: 1.35;text-decoration: none;cursor: pointer;transition: color .25s var(--col-ease),padding-left .25s var(--col-ease),background .25s var(--col-ease)}.danhmuccol > ul > li > a::after {content: "";position: absolute;left: 0; top: 50%;width: 3px; height: 0;background: linear-gradient(180deg, var(--ws-bg-hover), var(--ws-bg-title));border-radius: 0 2px 2px 0;transform: translateY(-50%);transition: height .35s var(--col-ease)}.danhmuccol > ul > li:hover > a,.danhmuccol > ul > li.active > a {color: var(--ws-bg-hover);padding-left: 24px;background: linear-gradient(90deg, var(--col-bg-hover), transparent 90%)}.danhmuccol > ul > li:hover > a::after,.danhmuccol > ul > li.active > a::after { height: 60%; }.danhmuccol > ul > li > a::before {content: "\f192";font-family: "Font Awesome 5 Pro";font-weight: 400;font-size: 11px;margin-right: 10px;color: var(--ws-bg-title);transition: transform .35s var(--col-ease), color .25s var(--col-ease)}.danhmuccol > ul > li:hover > a::before,.danhmuccol > ul > li.active > a::before {color: var(--ws-bg-hover);transform: rotate(180deg) scale(1.15)}.danhmuccol ul ul {display: none;background: var(--col-bg-soft);padding: 4px 0;overflow: hidden}.danhmuccol li.hasChild > ul {display: block;max-height: 0;padding-top: 0;padding-bottom: 0;overflow: hidden;transition: max-height .45s var(--col-ease),padding .35s var(--col-ease)}.danhmuccol li.active > ul {display: block;max-height: 2000px;padding-top: 4px;padding-bottom: 4px}.danhmuccol > ul > li > ul > li > a {display: flex;align-items: center;padding: 8px 14px 8px 28px;font-size: 13px;font-weight: 500;color: var(--col-text-soft);text-decoration: none;transition: color .25s var(--col-ease),padding-left .25s var(--col-ease),background .25s var(--col-ease)}.danhmuccol > ul > li > ul > li > a::before {content: "\f0da";font-family: "Font Awesome 5 Pro";font-weight: 400;font-size: 10px;margin-right: 8px;color: #94a3b8;transition: transform .25s var(--col-ease), color .25s var(--col-ease)}.danhmuccol > ul > li > ul > li:hover > a,.danhmuccol > ul > li > ul > li.active > a {color: var(--ws-bg-hover);padding-left: 32px;background: var(--col-bg-soft)}.danhmuccol > ul > li > ul > li:hover > a::before,.danhmuccol > ul > li > ul > li.active > a::before {color: var(--ws-bg-hover);transform: translateX(3px)}.danhmuccol > ul > li > ul > li > ul > li > a {display: flex;align-items: center;padding: 6px 14px 6px 36px;font-size: 12.5px;font-weight: 400;color: var(--col-text-muted);text-decoration: none;transition: color .25s var(--col-ease),padding-left .25s var(--col-ease)}.danhmuccol > ul > li > ul > li > ul > li > a::before {content: "\f105";font-family: "Font Awesome 5 Pro";font-weight: 400;font-size: 10px;margin-right: 6px;color: #94a3b8;transition: transform .25s var(--col-ease), color .25s var(--col-ease)}.danhmuccol > ul > li > ul > li > ul > li:hover > a {color: var(--ws-bg-hover);padding-left: 40px}.danhmuccol > ul > li > ul > li > ul > li:hover > a::before {color: var(--ws-bg-hover);transform: translateX(3px)}.danhmuccol .ws-hassub { position: relative; }.danhmuccol .ws-hassub > i.fa,.danhmuccol .ws-hassub > a > i.fa {position: absolute;right: 8px; top: 50%;transform: translateY(-50%);width: 26px; height: 26px;line-height: 26px;text-align: center;border-radius: 50%;cursor: pointer;color: #94a3b8;font-size: 12px;background: transparent;transition: transform .35s var(--col-ease),color .25s var(--col-ease),background .25s var(--col-ease)}.danhmuccol .ws-hassub:hover > i.fa,.danhmuccol .ws-hassub.active > i.fa,.danhmuccol .ws-hassub.active > a > i.fa {color: var(--ws-bg-hover);background: var(--col-bg-hover);transform: translateY(-50%) rotate(180deg)}.danhmuccol li .count {margin-left: auto;padding: 1px 8px;border-radius: 999px;background: var(--col-bg-hover);font-size: 11px;font-weight: 500;color: var(--col-text-soft)}.ul_noidung_templates {list-style: none;margin: 0;padding: 0}.ul_noidung_templates > li {list-style: none;position: relative;padding: 8px 14px;border-top: 1px dashed var(--col-border);transition: background .25s var(--col-ease),padding-left .3s var(--col-ease)}.ul_noidung_templates > li:first-child { border-top: 0; }.ul_noidung_templates > li:hover {background: var(--col-bg-soft);padding-left: 18px; }.ul_noidung_templates > li::before {content: "";position: absolute;left: 0;top: 50%;width: 0;height: 60%;background: linear-gradient(180deg, var(--ws-bg-hover), var(--ws-bg-title));border-radius: 0 2px 2px 0;transform: translateY(-50%);transition: width .35s var(--col-ease);pointer-events: none}.ul_noidung_templates > li:hover::before { width: 3px; }.ul_noidung_templates > li:has(.itemTPL:not(:has(.img))),.ul_noidung_templates > li:not(:has(.itemTPL)) {padding-top: 4px;padding-bottom: 4px}.ul_noidung_templates .itemTPL {display: flex;flex-wrap: wrap;align-items: center;column-gap: 12px;row-gap: 4px}.ul_noidung_templates .itemTPL > .img {flex: 0 0 70px;align-self: center}.ul_noidung_templates .itemTPL > p.tieude {flex: 1 1 0;min-width: 0;align-self: center; }.ul_noidung_templates .itemTPL > .motatin,.ul_noidung_templates .itemTPL > .chitiet {flex: 1 1 100%}.ul_noidung_templates .itemTPL:has(.img) > .motatin,.ul_noidung_templates .itemTPL:has(.img) > .chitiet {margin-left: 82px}.ul_noidung_templates li .img {width: 70px;height: 50px;margin: 0;overflow: hidden;border-radius: var(--col-radius-sm);background: var(--col-bg-soft);float: none}.ul_noidung_templates li .img img,.ul_noidung_templates li .img a img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .5s var(--col-ease)}.ul_noidung_templates > li:hover .img img { transform: scale(1.06); }.ul_noidung_templates li p.tieude {margin: 0;padding: 0;font-weight: 500;line-height: 1.4}.ul_noidung_templates li p.tieude a {display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: var(--col-text);font-size: 13px;text-decoration: none;transition: color .25s var(--col-ease)}.ul_noidung_templates > li:hover p.tieude a { color: var(--ws-bg-hover); }.ul_noidung_templates .itemTPL:not(:has(.img)) p.tieude a::before {content: "\f054";font-family: "Font Awesome 5 Pro";font-weight: 400;font-size: 9px;color: var(--ws-bg-hover);margin-right: 6px;opacity: .55;transition: opacity .25s var(--col-ease),transform .25s var(--col-ease)}.ul_noidung_templates > li:hover .itemTPL:not(:has(.img)) p.tieude a::before {opacity: 1;transform: translateX(2px)}.ul_noidung_templates li .motatin {margin: 0;font-size: 12px;line-height: 1.5;color: var(--col-text-muted);font-weight: 400;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-height: none}.ul_noidung_templates li .meta {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 2px;font-size: 11px;color: var(--col-text-muted);font-weight: 400}.ul_noidung_templates li .meta span { display: inline-flex; align-items: center; gap: 4px; }.ul_noidung_templates li .meta i { font-size: 10px; opacity: .7; }.ul_noidung_templates li .chitiet {display: none;margin-top: 2px;padding: 0;background: transparent !important;border-radius: 0;box-shadow: none;color: var(--ws-bg-hover);font-size: 11.5px;font-weight: 500;cursor: pointer;text-decoration: none;float: none;transform: none;transition: color .25s var(--col-ease)}.ul_noidung_templates li .chitiet a {display: inline-flex;align-items: center;gap: 4px;color: inherit;text-decoration: none}.ul_noidung_templates li .chitiet::after {content: "\f105";font-family: "Font Awesome 5 Pro";font-size: 10px;margin-left: 3px;transition: transform .25s var(--col-ease)}.ul_noidung_templates li .chitiet:hover {color: var(--ws-bg-title);background: transparent !important;transform: none;box-shadow: none}.ul_noidung_templates li .chitiet:hover::after { transform: translateX(3px); }.ul_noidung_templates.show-chitiet li .chitiet,.ul_noidung_templates li.show-chitiet .chitiet {display: inline-flex}.ul_noidung_templates li > a {display: flex;align-items: center;padding: 8px 4px 8px 0;color: var(--col-text);font-size: 13px;font-weight: 500;line-height: 1.45;text-transform: none;text-decoration: none;cursor: pointer;transition: color .25s var(--col-ease),padding-left .25s var(--col-ease)}.ul_noidung_templates li > a::before {content: "\f054";font-family: "Font Awesome 5 Pro";font-weight: 400;flex: 0 0 auto;font-size: 9px;color: var(--ws-bg-hover);margin-right: 8px;opacity: .55;transition: opacity .25s var(--col-ease),transform .25s var(--col-ease)}.ul_noidung_templates li > a:hover,.ul_noidung_templates li.active > a {color: var(--ws-bg-hover);padding-left: 6px}.ul_noidung_templates li > a:hover::before,.ul_noidung_templates li.active > a::before {opacity: 1;transform: translateX(2px)}.group_thongke {list-style: none;padding: 6px 0;margin: 0}.group_thongke > li {display: flex;justify-content: space-between;align-items: center;padding: 9px 16px;transition: background .25s var(--col-ease)}.group_thongke > li:not(:last-child) {border-bottom: 1px dashed var(--col-border)}.group_thongke > li:hover { background: var(--col-bg-soft); }.group_thongke > li .label {color: var(--col-text-soft);font-size: 13px;padding: 0;display: flex;align-items: center;gap: 8px}.group_thongke > li .label i {color: var(--ws-bg-title);width: 18px;text-align: center}.group_thongke > li > div:last-child {padding: 2px 12px;border-radius: 999px;background: var(--col-bg-hover);color: var(--ws-bg-hover);font-size: 12px;font-weight: 600}.itemhotrotructuyen {list-style: none;padding: 0;margin: 0}.itemhotrotructuyen li {padding: 10px 12px;transition: background .25s var(--col-ease)}.itemhotrotructuyen li.name {text-align: center;background: rgba(243,250,255,.55);color: var(--col-text);font-weight: 600;font-size: 13px}.itemhotrotructuyen li a.phone {color: var(--ws-bg-hover);font-size: 16px;font-weight: 700;text-decoration: none;transition: color .25s var(--col-ease)}.itemhotrotructuyen li a.phone:hover { color: var(--ws-bg-title); }.itemhotrotructuyen li i {width: 38px; height: 38px;line-height: 36px;text-align: center;border-radius: 50%;border: 1px solid #eaf0f5;background: #f9f9f9;color: #0d2954;font-size: 17px;box-shadow: 0 2px 4px rgba(0,0,0,.05);transition: transform .35s var(--col-ease),box-shadow .35s var(--col-ease),color .25s var(--col-ease)}.itemhotrotructuyen li > a > img {width: 32px;border-radius: 50%;transition: transform .35s var(--col-ease),box-shadow .35s var(--col-ease)}.itemhotrotructuyen li a:hover i,.itemhotrotructuyen li a:hover img {transform: translateY(-2px) scale(1.06);box-shadow: 0 6px 16px rgba(0,0,0,.15),inset 0 0 0 2px var(--ws-bg-title);color: var(--ws-bg-title)}.itemhotrotructuyen li a.itemchat {float: left;margin: 5px 14px 5px 0;text-decoration: none}.itemhotrotructuyen li.lastli {display: flex;align-items: center;border-bottom: 1px dashed #efefef}.tag_bottomfix {padding: 8px 12px 4px}.tag_bottomfix .tags_label { display: none; }.tag_bottomfix .tags {display: inline-block;margin: 0 6px 6px 0;padding: 4px 12px;border-radius: 999px;background: var(--col-bg-hover);color: var(--col-text);font-size: 12px;text-decoration: none;transition: background .25s var(--col-ease),color .25s var(--col-ease),transform .25s var(--col-ease)}.tag_bottomfix .tags:hover {background: var(--ws-bg-hover);color: var(--ws-color-hover);transform: translateY(-1px)}.noidung_danhmuc {padding: 12px;color: var(--col-text);font-size: 13.5px;line-height: 1.6}.noidung_danhmuc img {height: auto !important;max-width: 100%;border-radius: var(--col-radius-sm)}.noidung_danhmuc p { margin: 0 0 8px; }.noidung_danhmuc p:last-child { margin-bottom: 0; }ul.lienketwebsite {list-style: none;padding: 8px 12px;margin: 0}ul.lienketwebsite li {border-bottom: 1px dashed var(--col-border);font-weight: 500}ul.lienketwebsite li:last-child { border-bottom: 0; }ul.lienketwebsite li a {display: flex;align-items: center;padding: 10px 6px;color: var(--col-text);text-decoration: none;border-radius: var(--col-radius-sm);transition: color .25s var(--col-ease),padding-left .25s var(--col-ease),background .25s var(--col-ease)}ul.lienketwebsite li a:hover {color: var(--ws-bg-hover);background: var(--col-bg-soft);padding-left: 12px}ul.lienketwebsite li a i {width: 28px; height: 28px;line-height: 28px;text-align: center;border-radius: 50%;background: var(--col-bg-hover);color: var(--ws-bg-title);margin-right: 10px;transition: background .35s var(--col-ease),color .35s var(--col-ease),transform .5s var(--col-ease)}ul.lienketwebsite li a:hover i {background: var(--ws-bg-hover);color: var(--ws-color-hover);transform: rotate(360deg)}.search-sidebar-content { padding: 14px; }.content_cotmobile .titlelienquan .htitle a {display: inline-block;padding: 10px 0 10px 12px;font-weight: 600}.danhmucmobile ul li {padding: 4px 0;background: #fff;border-radius: var(--col-radius-sm)}.group-filter.groupmore > ul.limitheight {position: relative;height: 155px;padding-bottom: 34px;overflow: hidden;transition: height .35s var(--col-ease)}.group-filter.groupmore.show > ul.limitheight,.group-filter.groupmore.show > ul {height: auto !important;padding-bottom: 8px}.group-filter .actioncloseoption {position: absolute;bottom: 0; left: 0;width: 100%;padding: 14px 5px 6px;background: linear-gradient(180deg,rgba(255,255,255,0)0%,rgba(250,250,250,.95) 35%,rgba(250,250,250,.95) 100%);color: var(--ws-bg-hover);font-size: 11.5px;font-style: italic;font-weight: 500;text-align: center;cursor: pointer;transition: color .25s var(--col-ease)}.group-filter .actioncloseoption:hover { color: var(--ws-bg-title); }.group-filter.groupmore.show .actioncloseoption {position: static;background: transparent;padding: 8px 5px}.group_tin_noidung .accordion-button:not(.collapsed) {color: var(--ws-bg-hover);background: var(--col-bg-soft);box-shadow: inset 0 -1px 0 var(--col-border)}.liitemservice {list-style: none;margin: 0 0 4px;padding: 0;border: none;background: transparent}.liitemservice:last-child { margin-bottom: 0; }.ul_noidung_templates > li.liitemservice {padding: 0;border-top: none;background: transparent}.ul_noidung_templates > li.liitemservice::before { display: none; }.ul_noidung_templates > li.liitemservice:hover {padding-left: 0;background: transparent}.liitemservice a {position: relative;display: flex;align-items: center;gap: 3px;padding: 5px 14px 5px 20px !important;color: var(--col-text);font-family: 'ws-font-tieudetin', 'ws-font-body'; font-size: 13px;font-weight: 700;line-height: 1.3;text-decoration: none;text-transform: lowercase; overflow: hidden;z-index: 0;transition: color .3s var(--col-ease),border-color .3s var(--col-ease),transform .3s var(--col-ease),box-shadow .35s var(--col-ease)}.liitemservice a::first-letter {text-transform: uppercase}.liitemservice a::before {content: "\f138";font-family: "Font Awesome 5 Pro";font-weight: 900; flex: 0 0 auto;width: auto;height: auto;background: transparent;border-radius: 0;color: var(--ws-bg-hover);font-size: 14px;line-height: 1;transform: none;transition: color .3s var(--col-ease),transform .35s var(--col-ease),text-shadow .3s var(--col-ease)}.liitemservice a:hover,.liitemservice.active a,.liitemservice a.active {color: var(--ws-color-hover, #fff);border-color: transparent;transform: translateX(3px)}.liitemservice a:hover::after,.liitemservice.active a::after,.liitemservice a.active::after {transform: translateX(0) skewX(0)}.liitemservice a:hover::before,.liitemservice.active a::before,.liitemservice a.active::before {color: #fff;transform: translateX(2px) scale(1.15);text-shadow: 0 0 10px rgba(255, 255, 255, .7)}.liitemservice.active a,.liitemservice a.active {transform: translateX(0);box-shadow: 0 4px 12px rgba(0, 0, 0, .1)}@media (max-width: 1024px) {.group_tin_tieude .htitle .tentieude {font-size: 12px;padding: 10px 5px}.ul_noidung_templates li .img {flex-basis: 75px;width: 75px;height: 60px}}@media (max-width: 768px) {#colcontent #wapper_slide { display: none; }.ul_noidung_templates > li { padding: 10px; }.ul_noidung_templates .itemTPL { gap: 10px; }}.danhmuccol > ul > li > ul > li > ul {background: var(--col-bg-soft);padding: 2px 0}.danhmuccol > ul > li > ul > li > ul > li > a {display: flex; align-items: center;padding: 5px 14px 5px 42px;font-family: var(--col-serif);font-size: 12.5px; font-style: italic; font-weight: 400;color: var(--col-text-muted);text-decoration: none;transition: color .25s var(--col-ease), padding-left .25s var(--col-ease)}.danhmuccol > ul > li > ul > li > ul > li > a::before {content: "▸";margin-right: 8px;color: #d4c4a3;font-style: normal;font-family: sans-serif;font-size: 11px}.danhmuccol > ul > li > ul > li > ul > li:hover > a {color: var(--ws-bg-hover); padding-left: 48px}.danhmuccol > ul > li > ul > li > ul > li > ul {background: transparent;padding: 0}.danhmuccol > ul > li > ul > li > ul > li > ul > li > a {display: flex; align-items: center;padding: 4px 14px 4px 56px;font-family: var(--col-serif);font-size: 12px; font-style: italic; font-weight: 400;color: var(--col-text-muted);opacity: .85;text-decoration: none;transition: color .25s var(--col-ease), padding-left .25s var(--col-ease), opacity .25s var(--col-ease)}.danhmuccol > ul > li > ul > li > ul > li > ul > li > a::before {content: "·";margin-right: 8px;color: #c8b89a;font-style: normal;font-family: sans-serif;font-size: 14px;line-height: 1}.danhmuccol > ul > li > ul > li > ul > li > ul > li:hover > a {color: var(--ws-bg-hover);padding-left: 62px;opacity: 1}@media (max-width: 768px) {.danhmuccol > ul > li > ul > li > ul > li > a { padding-left: 34px; }.danhmuccol > ul > li > ul > li > ul > li:hover > a { padding-left: 40px; }.danhmuccol > ul > li > ul > li > ul > li > ul > li > a { padding-left: 46px; }.danhmuccol > ul > li > ul > li > ul > li > ul > li:hover > a { padding-left: 52px; }}.group_tin:not(:last-of-type) {margin-bottom: 20px}.group_tin_tieude {height: 40px;background-color: var(--ws-bg-title);border-bottom: 2px solid #0003}.group_tin_tieude * {text-transform: uppercase}.group_tin_tieude .tintieudecolor {background: rgb(255, 255, 255);background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0.1089067780569698) 0%, rgba(186, 186, 186, 0.299918014012026) 55%, rgba(181, 181, 181, 0.148232620753599) 100%)}.group_tin_tieude .img {background-color: var(--ws-bg-title);height: 40px;width: 40px;line-height: 40px;padding: 0px 10px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}.group_tin_tieude .img i {font-size: 20px;line-height: 40px}.group_tin_tieude .img i img {max-height: 35px}.group_tin_tieude .img i,.group_tin_tieude .img img {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg)}.group_tin_tieude .tentieude {padding-left: 15px}.group_tin_tieude .img img {vertical-align: middle;max-width: 30px;max-height: 90%}.group_tin_tieude,.group_tin_tieude a {color: var(--ws-color-title);font-size: 16px;font-weight: bold;line-height: 40px}.group_tin_tieude a:hover {color: rgb(255, 60, 0)}.group_tin_noidung {position: relative;border: 1px solid #F1F1F1;border-top: none}.group_tin_noidung *,.group_tin_noidung table {max-width: 100%}.header {display: flex;width: 100%;margin: auto}.bgcolormenu {background-color: var(--ws-bg-menu);background-image: var(--ws-bggradient-menu);color: var(--ws-color-menu)}.menugroup {display: flex}.menugroup .search-menu {width: 75%;margin: auto 10px;position: relative}.search-menu .resultsearchreal {position: absolute;top: 100%;width: 100%}.search-menu .input-group input.form-control {height: 40px;border: none;border-radius: 3px 0px 0px 3px}.menu-container {width: 100%;max-width: 1200px;margin: auto;display: flex}.menu-container.fixed {background-color: var(--ws-bg-menu)}.baoquatMenu .cssmenu {float: right;margin-top: 20px}#wapper_menu .baoquatMenu {display: none}.menu-banner-container {background-color: #fff}#wapper_menu.fixed .logo_stupid img {height: 52px}#btn-right {display: none}.cssmenu #menu-button {display: none}.cssmenu>ul>li.notfull.has-sub {position: relative}#wapper_menu .searchdesktop {display: table;padding: 5px 9px;border: 1px solid var(--ws-bg-hover);background: transparent;cursor: pointer;color: var(--ws-bg-hover);margin-left: auto}#wapper_menu .search-box {display: block;position: absolute;top: calc(100% + 3px);right: 0;width: 325px;display: none}#wapper_menu .search-content {position: relative}#wapper_menu .search-box form {background: #fff}.wapper-menu-mobile {display: none;background-color: var(--ws-bg-menu);width: 100%}.fixed {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;opacity: 1;display: block}.searchBtnRepon {display: none;float: right;cursor: pointer;background: var(--ws-bg-hover)}.searchBtnRepon .fa {color: #fff;padding: 10px;font-size: 20px}.openwapmobile {display: block !important}.wap-menumobile {position: fixed;width: 100%;height: 100%;display: inline-block;background-color: #0000003b;z-index: 9999;top: 0;display: none}.content-menuobile.openmenumobile {transform: translate(0%);transition: all 0.3s ease 0s;z-index: 99999}.content-menuobile {background-color: #FFF;width: 80%;max-width: 350px;overflow-y: scroll;height: 100%;position: fixed;top: 0;z-index: 9999;right: 0;transform: translateX(100%);display: none;transition: all 0.3s ease 0s}.btn-menu-mobile {display: none}@media (max-width: 1024px) {.content-menuobile {display: block}#cssmenu {display: none}.content-menuobile {display: block}.btn-menu-mobile {text-transform: uppercase;padding: 8px;font-size: 16px;display: block;margin-right: 8px;font-size: 22px;display: block}.btn-menu-mobile i {margin-right: 8px;font-size: 22px}.btn-menu-mobile span {font-size: 18px}.menu-banner {flex-wrap: wrap}.menu_content.ws-container {padding-left: 0;padding-right: 0}.banner_item1 a img {width: 70%;margin-left: auto}}@media (max-width: 768px) {.header {background-color: var(--ws-bg-menu)}.menugroup {width: 100%;display: flex;align-content: stretch;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: baseline}.content-menuobile {display: block}.menu_content {display: none}.menu-container .ws-container,.menu-banner-container .ws-container {padding-left: 0;padding-right: 0}.menu-banner {padding: 10px 0 0}.item.banner {display: table;margin-left: auto;margin-right: auto;margin-bottom: 10px}.menu-banner {display: block}.menu-banner.fixed {background-color: var(--ws-bg-main);padding: 0 15px}.menu-banner .item {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}.banner_item0 {position: unset;width: unset;height: unset;padding: 5px}.banner_item0 a {position: unset}.banner_item0 a img {width: 80%;margin: auto}.wapper-menu-mobile .hotline-top {float: right;cursor: pointer}.wapper-menu-mobile .login-box {padding: 10px}.wapper-menu-mobile .login-box .btn-login {color: #fff}#wapper_menu,#btn-right {display: block}.menu_content {padding: 10px 0px !important}.wapper-menu-mobile {display: block;position: relative}#wapper_menu.ws-container {padding-left: 0;padding-right: 0}.logo_stupid {float: unset;margin: 5px auto}}@media (max-width: 768px) {.header-mobile-container {background-color: var(--bg-menu-mobile);color: var(--color-menu-mobile)}.header-mobile-container .header-logo img {max-height: 31px;vertical-align: middle}}@media (max-width: 640px) {.banner-info {margin-left: 0}.header-mobile-container .header-menu-dropdown {width: 100%}}@media (max-width: 480px) {.banner-info {display: none}}@media (max-width: 360px) {.searchBtnRepon {display: table}}.FixEffect1 .FixContent.sticky-scroll.fixed {position: fixed;top: 0;left: 0;width: 100vw;z-index: 10;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transition: transform .3s ease;-webkit-transition: transform .3s ease;-moz-transition: transform .3s ease;-o-transition: transform .3s ease}.FixEffect1 .FixContent.sticky-scroll {transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);transition: transform .3s ease;-webkit-transition: transform .3s ease;-moz-transition: transform .3s ease;-o-transition: transform .3s ease}.FixEffect2 .FixContent.sticky-scroll.fixed {position: fixed;top: 0;left: 0;width: 100vw;z-index: 10;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transition: transform .3s ease;-webkit-transition: transform .3s ease;-moz-transition: transform .3s ease;-o-transition: transform .3s ease;transition: opacity .45s ease;-webkit-transition: opacity .45s ease;-moz-transition: opacity .45s ease;-o-transition: opacity .45s ease;opacity: 1}.FixEffect2 .FixContent.sticky-scroll {opacity: 0;transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);transition: transform .3s ease;-webkit-transition: transform .3s ease;-moz-transition: transform .3s ease;-o-transition: transform .3s ease}.FixEffect3 .FixContent.sticky-scroll.fixed {position: fixed;top: 0;left: 0;width: 100vw;z-index: 10;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);transition: transform .3s ease;-webkit-transition: transform .3s ease;-moz-transition: transform .3s ease;-o-transition: transform .3s ease;opacity: 1}.FixEffect3 .FixContent.sticky-scroll {opacity: 0;transform: rotateX(180deg);-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transition: transform .3s ease;-webkit-transition: transform .3s ease;-moz-transition: transform .3s ease;-o-transition: transform .3s ease}.header.sticky-top {top: -1px}.btn-menumobile { display: none; }@keyframes btn22-morph {0%, 100% { border-radius: 22px 12px 22px 12px / 12px 22px 12px 22px; }25% { border-radius: 12px 22px 14px 20px / 18px 14px 22px 16px; }50% { border-radius: 18px 14px 22px 16px / 14px 22px 12px 20px; }75% { border-radius: 14px 20px 12px 22px / 22px 12px 18px 14px; }}@media (max-width: 1024px) {.btn-menumobile {position: relative;display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;margin-right: 8px;background: var(--ws-bg-title, #ec4899);background-image: var(--ws-bggradient-title,linear-gradient(135deg, #ec4899, #8b5cf6));color: var(--ws-color-title, #fff);font-size: 12.5px;font-weight: 700;text-transform: uppercase;letter-spacing: .8px;line-height: 1;cursor: pointer;user-select: none;animation: btn22-morph 6s ease-in-out infinite;box-shadow: 0 6px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.25);transition: transform .3s ease}.btn-menumobile:hover,.btn-menumobile:active {transform: translateY(-2px) scale(1.04);animation-duration: 2.5s}.btn-menumobile i {font-size: 17px; line-height: 1; margin: 0 !important;text-shadow: 0 1px 2px rgba(0,0,0,.15)}.btn-menumobile span {font-size: 12px;text-shadow: 0 1px 2px rgba(0,0,0,.15)}}.bottom .item-bottom { --dmb-color: var(--ws-color-bottom, #fff); --dmb-bg: var(--ws-bg-bottom, #315f7e); --dmb-accent: color-mix(in srgb, var(--dmb-color) 70%, transparent); --dmb-hover: var(--dmb-color); --dmb-line: color-mix(in srgb, var(--dmb-color) 50%, transparent); --dmb-line-soft: color-mix(in srgb, var(--dmb-color) 22%, transparent); --dmb-surface: color-mix(in srgb, var(--dmb-color) 8%, transparent); --dmb-surface-hover: color-mix(in srgb, var(--dmb-color) 14%, transparent); --dmb-shadow: color-mix(in srgb, var(--dmb-bg) 40%, transparent)}.danhmuc-bottom { position: relative}.danhmuc-bottom>ul, .danhmuc-bottom>ul>li>ul { margin: 0; padding: 0; list-style: none}.danhmuc-bottom>ul>li { --dmb-icon-code: "\f085"; min-width: 0}.danhmuc-bottom>ul>li:nth-child(2) { --dmb-icon-code: "\f1b2"}.danhmuc-bottom>ul>li:nth-child(3) { --dmb-icon-code: "\f1ea"}.bottom .item-bottom .bottom-title { position: relative; margin-bottom: 20px !important; display: inline-flex; align-items: center; gap: 10px; color: var(--dmb-color); font-size: 16px; font-weight: 700; line-height: 1.3; letter-spacing: .055em; text-transform: uppercase; text-decoration: none; transition: color .3s ease, transform .3s ease}.danhmuc-bottom>ul>li:hover>.bottom-title, .bottom .item-bottom>.bottom-title:hover { color: var(--dmb-hover); transform: translateY(-2px)}.danhmuc-bottom>ul>li:hover>.bottom-title::after, .bottom .item-bottom>.bottom-title:hover::after { width: 100%}.danhmuc-bottom>ul>li>ul>li { position: relative; padding-left: 18px; list-style: none}.danhmuc-bottom>ul>li>ul>li::before { content: ""; position: absolute; left: 0; top: 15px; width: 6px; height: 6px; border: 2px solid var(--dmb-accent); border-radius: 50%; transition: background .25s ease, transform .3s ease}.danhmuc-bottom>ul>li>ul>li>a { display: inline-block; position: relative; padding: 6px 0; color: var(--dmb-color); font-size: 13px; line-height: 1.55; text-decoration: none; transition: color .25s ease, transform .3s ease}.danhmuc-bottom>ul>li>ul>li:hover::before { background: var(--dmb-hover); transform: scale(1.25)}.danhmuc-bottom>ul>li>ul>li:hover>a { color: var(--dmb-hover); transform: translateX(5px)}.bottom .item-bottom a:focus-visible, .bottom .item-bottom .bottom-title:focus-visible { outline: 2px solid var(--dmb-accent); outline-offset: 3px; border-radius: 3px}@media(max-width:575.98px) { .bottom .item-bottom .bottom-title {font-size: 15px } .danhmuc-bottom>ul>li>ul>li>a {padding: 5px 0 }}@media(prefers-reduced-motion:reduce) { .bottom .item-bottom * {transition: none !important }}.user-layout {display: flex;gap: 24px;min-height: calc(100vh - 200px)}.user-layout-sidebar {flex: 0 0 250px}.user-layout-content {flex: 1;min-width: 0}.user-sidebar {background: #fff;border-radius: 8px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);overflow: hidden;position: sticky;top: 20px}.user-sidebar-profile {padding: 20px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #fff;text-align: center}.user-sidebar-avatar {width: 60px;height: 60px;border-radius: 50%;background: rgba(255, 255, 255, 0.3);margin: 0 auto 12px;overflow: hidden}.user-sidebar-avatar img {width: 100%;height: 100%;object-fit: cover}.user-sidebar-avatar--default {display: flex;align-items: center;justify-content: center;font-size: 28px}.user-sidebar-name {font-weight: 600;font-size: 14px;margin-bottom: 4px}.user-sidebar-role {font-size: 12px;opacity: 0.85}.user-sidebar-section {border-top: 1px solid #f0f0f0;padding: 16px;&:first-of-type {border-top: none}}.user-sidebar-section-title {font-size: 12px;font-weight: 600;color: #666;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 12px}.user-sidebar-menu {list-style: none;padding: 0;margin: 0}.user-sidebar-menu li {margin-bottom: 0}.user-sidebar-menu a {display: block;padding: 10px 12px;color: #333;text-decoration: none;border-radius: 6px;transition: all 0.2s ease;font-size: 14px}.user-sidebar-menu a i {margin-right: 8px;width: 16px}.user-sidebar-menu li:hover a {background: #f5f5f5;color: #667eea}.user-sidebar-menu li.active a {background: #667eea;color: #fff}.user-sidebar-logout {margin-top: 20px;padding-top: 16px;border-top: 1px solid #f0f0f0}.user-sidebar-logout a {color: #dc3545}.user-sidebar-logout:hover a {background: #fff5f5;color: #dc3545}.user-panel {background: #fff;border-radius: 8px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);overflow: hidden}.user-panel-header {display: flex;justify-content: space-between;align-items: center;padding: 20px 24px;border-bottom: 1px solid #f0f0f0}.user-panel-header-left,.user-panel-header-right {display: flex;align-items: center;gap: 12px}.user-panel-title {font-size: 18px;font-weight: 600;color: #333;margin: 0}.user-panel-title i {margin-right: 8px;color: #667eea}.user-panel-body {padding: 24px}.user-form-grid {display: grid;gap: 16px}.user-form-row {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px}.user-form-group {display: flex;flex-direction: column}.user-form-group--full {grid-column: 1 / -1}.user-form-label {font-size: 13px;font-weight: 600;color: #333;margin-bottom: 8px;display: block}.user-form-value {font-size: 14px;color: #666;line-height: 1.6}.user-form-value--bio {line-height: 1.8;white-space: pre-wrap}.user-input-icon {position: relative;display: flex;align-items: center}.user-input-icon i {position: absolute;left: 12px;color: #999;font-size: 14px}.user-input-icon .form-control {padding-left: 36px}.user-form-actions {display: flex;gap: 12px;margin-top: 24px;justify-content: flex-end}.user-gender-select {display: flex;gap: 12px}.user-gender-option {flex: 1;padding: 12px;border: 2px solid #e0e0e0;border-radius: 6px;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: 8px}.user-gender-option input {cursor: pointer}.user-gender-option:hover {border-color: #667eea;background: #f9f9ff}.user-gender-option--active {background: #f0f5ff;border-color: #667eea;color: #667eea}.user-gender-tags {display: flex;gap: 12px}.user-gender-tag {padding: 8px 12px;background: #f5f5f5;border-radius: 4px;font-size: 13px;display: flex;align-items: center;gap: 6px}.user-gender-tag--active {background: #e8f0ff;color: #667eea}.user-checkbox-label {display: flex;align-items: center;gap: 8px;cursor: pointer;font-size: 14px}.user-checkbox-label input {cursor: pointer}.user-balance-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;margin-bottom: 32px}.user-balance-card {padding: 24px;border-radius: 12px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #fff;display: flex;gap: 16px}.user-balance-card--secondary {background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.user-balance-card-icon {flex: 0 0 60px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);border-radius: 8px}.user-balance-card-content {flex: 1}.user-balance-card-label {font-size: 12px;opacity: 0.9;margin-bottom: 8px}.user-balance-card-value {font-size: 28px;font-weight: 700;margin-bottom: 16px}.user-balance-unit {font-size: 16px;margin-left: 6px}.user-balance-card-actions {display: flex;gap: 8px;flex-wrap: wrap}.user-balance-info {background: #f9f9ff;padding: 20px;border-radius: 8px;margin-top: 24px}.user-balance-info-title {font-size: 14px;font-weight: 600;margin-bottom: 12px;color: #333}.user-balance-info-list {list-style: none;padding: 0;margin: 0}.user-balance-info-list li {padding: 8px 0;font-size: 13px;color: #666;line-height: 1.6}.user-address-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 16px}.user-address-card {border: 2px solid #e0e0e0;border-radius: 8px;overflow: hidden;transition: all 0.2s ease}.user-address-card:hover {border-color: #667eea;box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15)}.user-address-card--default {border-color: #667eea;background: #f9f9ff}.user-address-card-header {padding: 12px 16px;background: #f5f5f5;display: flex;justify-content: space-between;align-items: center}.user-address-name {font-size: 14px;color: #333}.user-address-badge {font-size: 11px;background: #667eea;color: #fff;padding: 4px 8px;border-radius: 4px;font-weight: 600}.user-address-card-body {padding: 16px}.user-address-card-body p {margin: 8px 0;font-size: 13px;color: #666;display: flex;align-items: flex-start;gap: 8px}.user-address-card-body i {color: #667eea;margin-top: 2px}.user-address-card-footer {padding: 12px 16px;border-top: 1px solid #f0f0f0;display: flex;justify-content: space-between;align-items: center}.user-address-link {color: #667eea;text-decoration: none;font-size: 13px;font-weight: 600;transition: all 0.2s ease}.user-address-link:hover {color: #764ba2}.user-address-actions {display: flex;gap: 8px}.user-address-action {padding: 6px 12px;border: 1px solid #e0e0e0;background: #fff;border-radius: 4px;color: #333;text-decoration: none;font-size: 12px;cursor: pointer;transition: all 0.2s ease}.user-address-action:hover {border-color: #e0e0e0;background: #f5f5f5}.user-address-action--delete:hover {background: #fff5f5;color: #dc3545;border-color: #dc3545}.user-address-add-box {background: #f9f9ff;padding: 20px;border-radius: 8px}.user-address-form {display: grid;gap: 16px}.user-address-form-head {border-bottom: 1px solid #e7e7f5;padding-bottom: 12px;margin-bottom: 4px}.user-address-form-title {font-size: 16px;font-weight: 700;color: #4a4ad0;margin: 0;display: flex;align-items: center;gap: 8px}.user-address-type {display: flex;gap: 12px;flex-wrap: wrap}.user-address-type-item {display: inline-flex;align-items: center;gap: 8px;margin: 0;cursor: pointer;padding: 8px 16px;border: 1px solid #e0e0e0;border-radius: 8px;font-size: 13px;color: #555;transition: all 0.2s ease}.user-address-type-item:hover {border-color: #667eea}.user-address-type-item input {accent-color: #667eea}.user-address-type-item input:checked + span {color: #4a4ad0;font-weight: 600}.user-address-default-toggle {display: inline-flex;align-items: center;gap: 8px;cursor: pointer;font-size: 13px;color: #555;margin: 0}.user-address-default-toggle input {width: 16px;height: 16px;accent-color: #667eea}.user-address-tag {display: inline-flex;align-items: center;gap: 6px;font-size: 11px;color: #4a4ad0;background: #eef0ff;padding: 3px 10px;border-radius: 12px;font-weight: 600}.user-address-tag i {color: #667eea !important;margin-top: 0 !important}.user-address-footer-left {display: flex;align-items: center}.user-address-default-text {font-size: 12px;color: #2e9e5b;font-weight: 600;display: inline-flex;align-items: center;gap: 6px}.user-address-form .select2-container {width: 100% !important}.user-transaction-list {overflow-x: auto}.user-transaction-table {width: 100%;border-collapse: collapse;font-size: 13px}.user-transaction-table thead {background: #f5f5f5}.user-transaction-table th {padding: 12px;text-align: left;font-weight: 600;color: #333;border-bottom: 1px solid #e0e0e0}.user-transaction-table td {padding: 12px;border-bottom: 1px solid #f0f0f0;color: #666}.user-transaction-table tbody tr:hover {background: #f9f9f9}.user-transaction-table .col-date {width: 140px;white-space: nowrap;color: #999}.user-transaction-table .col-desc {min-width: 250px}.user-transaction-table .col-type {width: 100px}.user-transaction-table .col-amount {width: 120px;text-align: right;font-weight: 600}.user-transaction-table .col-status {width: 100px}.user-empty-state {text-align: center;padding: 48px 24px;color: #999}.user-empty-state i {display: block;margin-bottom: 16px;font-size: 48px}.user-empty-state p {font-size: 14px;margin: 0}.user-pagination {display: flex;justify-content: center;gap: 8px;margin-top: 24px;padding-top: 24px;border-top: 1px solid #f0f0f0}.user-changepass-form {max-width: 400px}@media (max-width: 768px) {.user-layout {flex-direction: column;gap: 16px}.user-layout-sidebar {flex: 0 0 auto;position: static}.user-sidebar {position: static}.user-form-row {grid-template-columns: 1fr}.user-balance-container {grid-template-columns: 1fr}.user-address-grid {grid-template-columns: 1fr}.user-panel-header {flex-direction: column;align-items: flex-start;gap: 12px}.user-panel-body {padding: 16px}.user-transaction-table {font-size: 12px}.user-transaction-table th,.user-transaction-table td {padding: 8px}}@media (max-width: 480px) {.user-layout {gap: 12px}.user-panel-body {padding: 12px}.user-form-actions {flex-direction: column}.user-form-actions .btn {width: 100%}.user-balance-card {flex-direction: column}.user-sidebar-menu a {padding: 8px 10px;font-size: 13px}}.edit-info-group p-3 {padding: 1rem}.col-label,.row-user {font-size: 13px}.required {color: red}.user-container {width: 94%;max-width: 450px;margin: auto;border-radius: 15px;padding: 25px;background-color: #FFF;box-shadow: 0 1px 4px rgb(0 0 0 / 15%)}@keyframes authFadeInUp {from { opacity: 0; transform: translateY(30px); }to { opacity: 1; transform: translateY(0); }}@keyframes authPulse {0%, 100% { transform: scale(1); }50% { transform: scale(1.05); }}@keyframes authShimmer {0% { background-position: -200% center; }100% { background-position: 200% center; }}.auth-card {width: 94%;max-width: 480px;margin: 40px auto;background: #fff;border-radius: 20px;box-shadow: 0 20px 60px rgba(102, 126, 234, 0.15), 0 1px 3px rgba(0,0,0,0.08);overflow: hidden;animation: authFadeInUp 0.6s ease}.auth-header {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding: 32px 30px 28px;text-align: center;position: relative;overflow: hidden}.auth-header::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);animation: authPulse 4s ease-in-out infinite}.auth-header-icon {width: 64px;height: 64px;background: rgba(255,255,255,0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 14px;backdrop-filter: blur(10px);position: relative}.auth-header-icon i {font-size: 28px;color: #fff}.auth-header h2 {color: #fff;font-size: 22px;font-weight: 700;margin: 0 0 4px;position: relative}.auth-header p {color: rgba(255,255,255,0.85);font-size: 13px;margin: 0;position: relative}.auth-body {padding: 30px}.auth-input-group {margin-bottom: 18px}.auth-input-group label {display: block;font-size: 13px;font-weight: 600;color: #444;margin-bottom: 6px}.auth-input-group label .required {color: #e74c3c;margin-left: 2px}.auth-input-wrap {position: relative}.auth-input-wrap .auth-icon {position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: #aaa;font-size: 16px;transition: color 0.3s ease;z-index: 2}.auth-input-wrap input,.auth-input-wrap select {width: 100%;padding: 12px 14px 12px 42px;border: 2px solid #e8ecf4;border-radius: 12px;font-size: 14px;color: #333;background: #f8f9fd;transition: all 0.3s ease;outline: none}.auth-input-wrap input:focus,.auth-input-wrap select:focus {border-color: #667eea;background: #fff;box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.12)}.auth-input-wrap input:focus + .auth-icon,.auth-input-wrap input:focus ~ .auth-icon {color: #667eea}.auth-input-wrap input.ws-input-error {border-color: #e74c3c;box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.1)}.auth-input-wrap .auth-no-icon {padding-left: 14px}.auth-row {display: flex;gap: 14px}.auth-row > * {flex: 1;min-width: 0}.auth-divider {display: flex;align-items: center;gap: 12px;margin: 22px 0 18px;font-size: 13px;font-weight: 600;color: #667eea}.auth-divider::before,.auth-divider::after {content: '';flex: 1;height: 1px;background: linear-gradient(90deg, transparent, #e0e0e0, transparent)}.auth-divider i {font-size: 14px}.auth-gender {display: flex;gap: 12px;margin-top: 6px}.auth-gender label {display: flex;align-items: center;gap: 8px;padding: 10px 20px;border: 2px solid #e8ecf4;border-radius: 10px;cursor: pointer;font-size: 14px;font-weight: 500;color: #555;transition: all 0.3s ease;flex: 1;justify-content: center}.auth-gender label:hover {border-color: #667eea;background: #f5f3ff}.auth-gender input[type="radio"] {accent-color: #667eea;width: 16px;height: 16px}.auth-gender input[type="radio"]:checked + span {color: #667eea;font-weight: 600}.auth-btn {width: 100%;padding: 14px;border: none;border-radius: 12px;font-size: 16px;font-weight: 700;color: #fff;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden;margin-top: 8px;letter-spacing: 0.5px}.auth-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition: left 0.5s ease}.auth-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4)}.auth-btn:hover::before {left: 100%}.auth-btn:active {transform: translateY(0)}.auth-btn i {margin-right: 8px}.auth-footer {text-align: center;padding: 20px 30px;background: #f9fafb;border-top: 1px solid #f0f0f0;font-size: 14px;color: #666}.auth-footer a {color: #667eea;font-weight: 600;text-decoration: none;transition: color 0.2s ease}.auth-footer a:hover {color: #764ba2;text-decoration: underline}.auth-social {margin-top: 20px;padding-top: 20px;border-top: 1px solid #f0f0f0}.auth-social-title {text-align: center;font-size: 13px;color: #999;margin-bottom: 14px}.auth-captcha {margin-bottom: 18px}.auth-captcha-wrap {display: flex;gap: 10px;align-items: stretch}.auth-captcha-wrap input {flex: 1;padding: 12px 14px;border: 2px solid #e8ecf4;border-radius: 12px;font-size: 14px;background: #f8f9fd;transition: all 0.3s ease;outline: none}.auth-captcha-wrap input:focus {border-color: #667eea;background: #fff;box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.12)}.auth-captcha-box {display: flex;align-items: center;gap: 8px;background: #f0f2f5;border-radius: 12px;padding: 4px 10px;border: 2px solid #e8ecf4}.auth-captcha-box img {height: 36px;border-radius: 6px}.auth-captcha-box a {color: #667eea;font-size: 18px;cursor: pointer;transition: transform 0.3s}.auth-captcha-box a:hover {transform: rotate(180deg)}.auth-card-dropdown .auth-header {padding: 22px 24px 18px}.auth-card-dropdown .auth-header-icon {width: 48px;height: 48px;margin-bottom: 10px}.auth-card-dropdown .auth-header-icon i {font-size: 22px}.auth-card-dropdown .auth-header h2 {font-size: 18px}.auth-card-dropdown .auth-body {padding: 24px}.auth-card-dropdown .auth-input-group {margin-bottom: 14px}.auth-card-dropdown .auth-btn {padding: 12px;font-size: 15px}.auth-card-dropdown .auth-footer {padding: 14px 24px}.auth-card-register {max-width: 540px}@media (max-width: 576px) {.auth-card {width: 100%;margin: 20px auto;border-radius: 16px}.auth-header {padding: 24px 20px 20px}.auth-body {padding: 20px}.auth-row {flex-direction: column;gap: 0}.auth-gender {flex-direction: column;gap: 8px}.auth-footer {padding: 16px 20px}}.khoahoc-tabs-nav {list-style: none;padding: 0;margin: 0 0 24px 0;display: flex;border-bottom: 2px solid #e0e0e0}.khoahoc-tabs-nav-item {padding: 12px 20px;cursor: pointer;font-size: 14px;font-weight: 600;color: #666;border-bottom: 2px solid transparent;margin-bottom: -2px;transition: all 0.2s ease;display: flex;align-items: center;gap: 8px}.khoahoc-tabs-nav-item:hover {color: #667eea}.khoahoc-tabs-nav-item.active {color: #667eea;border-bottom-color: #667eea}.khoahoc-tabs-badge {background: #667eea;color: #fff;font-size: 11px;padding: 2px 8px;border-radius: 10px;font-weight: 600}.khoahoc-tabs-content {display: none}.khoahoc-tabs-content.active {display: block}.khoahoc-list {display: flex;flex-direction: column;gap: 16px}.khoahoc-card {display: flex;gap: 16px;padding: 16px;border: 1px solid #e8e8e8;border-radius: 8px;transition: all 0.2s ease;align-items: flex-start}.khoahoc-card:hover {border-color: #667eea;box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1)}.khoahoc-card-left {flex: 0 0 120px}.khoahoc-card-img {width: 120px;height: 80px;border-radius: 6px;overflow: hidden;background: #f5f5f5}.khoahoc-card-img img {width: 100%;height: 100%;object-fit: cover}.khoahoc-card-img--default {display: flex;align-items: center;justify-content: center;color: #ccc}.khoahoc-card-body {flex: 1;min-width: 0}.khoahoc-card-title {font-size: 15px;font-weight: 600;margin: 0 0 8px 0;line-height: 1.4}.khoahoc-card-title a {color: #333;text-decoration: none}.khoahoc-card-title a:hover {color: #667eea}.khoahoc-card-meta {display: flex;gap: 12px;flex-wrap: wrap;margin-bottom: 8px}.khoahoc-badge {font-size: 11px;padding: 3px 10px;border-radius: 4px;font-weight: 600;display: inline-flex;align-items: center;gap: 4px}.khoahoc-badge--company {background: #e8f4fd;color: #1976d2}.khoahoc-badge--personal {background: #f3e8fd;color: #7b1fa2}.khoahoc-meta-date {font-size: 12px;color: #999;display: inline-flex;align-items: center;gap: 4px}.khoahoc-card-action {flex: 0 0 auto;display: flex;align-items: center}.khoahoc-card-exam {margin-top: 4px}.khoahoc-exam-status {display: flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 500;padding: 4px 0}.khoahoc-exam-status--warning {color: #b45309}.khoahoc-exam-status--warning i {color: #d97706}.khoahoc-exam-status--ready {color: #15803d}.khoahoc-exam-status--ready i {color: #16a34a}.khoahoc-exam-status--pass {color: #15803d}.khoahoc-exam-status--pass i {color: #eab308}.khoahoc-exam-status--fail {color: #b91c1c}.khoahoc-exam-status--fail i {color: #dc2626}.khoahoc-exam-detail {font-weight: 400;color: #666}.khoahoc-exam-note {font-size: 12px;color: #888;font-style: italic;margin-top: 2px}.khoahoc-exam-date {margin-top: 2px}.khoahoc-progress {display: flex;align-items: center;gap: 10px;margin-top: 6px;margin-bottom: 6px}.khoahoc-progress-bar {flex: 1;height: 6px;background: #e8e8e8;border-radius: 3px;overflow: hidden;max-width: 200px}.khoahoc-progress-fill {height: 100%;background: #667eea;border-radius: 3px;transition: width 0.3s ease}.khoahoc-progress-fill--complete {background: #2e7d32}.khoahoc-progress-text {font-size: 12px;color: #888;white-space: nowrap}.khoahoc-makhoahoc-form {max-width: 500px;margin: 0 auto;text-align: center;padding: 40px 20px}.khoahoc-makhoahoc-icon {color: #667eea;margin-bottom: 20px}.khoahoc-makhoahoc-title {font-size: 20px;font-weight: 600;color: #333;margin: 0 0 8px 0}.khoahoc-makhoahoc-desc {font-size: 14px;color: #888;margin: 0 0 24px 0}.khoahoc-makhoahoc-input-group {display: flex;gap: 8px}.khoahoc-makhoahoc-input-group .form-control {flex: 1;padding: 10px 16px;font-size: 15px;border: 2px solid #e0e0e0;border-radius: 8px;transition: border-color 0.2s ease}.khoahoc-makhoahoc-input-group .form-control:focus {border-color: #667eea;outline: none;box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15)}.khoahoc-makhoahoc-input-group .btn {padding: 10px 20px;border-radius: 8px;font-weight: 600;white-space: nowrap}.khoahoc-makhoahoc-result {margin-top: 20px;text-align: left}.khoahoc-makhoahoc-result .alert {border-radius: 8px;padding: 12px 16px;font-size: 14px}.khoahoc-result-courses {margin-top: 12px;padding: 0;list-style: none}.khoahoc-result-courses li {padding: 8px 12px;background: #f9f9f9;border-radius: 6px;margin-bottom: 6px;font-size: 13px;display: flex;align-items: center;gap: 8px}.khoahoc-result-courses li i {color: #2e7d32}@media (max-width: 768px) {.khoahoc-card {flex-direction: column}.khoahoc-card-left {flex: 0 0 auto}.khoahoc-card-img {width: 100%;height: 160px}.khoahoc-card-action {width: 100%}.khoahoc-card-action .btn {width: 100%}.khoahoc-makhoahoc-input-group {flex-direction: column}.khoahoc-tabs-nav-item {padding: 10px 14px;font-size: 13px}}.khoahoc-container {background: #fff;border-radius: 8px;padding: 24px}.khoahoc-header {display: flex;align-items: center;gap: 12px;margin-bottom: 20px}.khoahoc-header h3 {font-size: 18px;font-weight: 600;margin: 0;color: #333}.khoahoc-header h3 i {color: #667eea;margin-right: 4px}.khoahoc-learning-time {margin-top: 4px}.tracnghiem-container {background: #fff;border-radius: 8px;padding: 24px}.tracnghiem-header {margin-bottom: 24px;padding-bottom: 16px;border-bottom: 1px solid #f0f0f0}.tracnghiem-header h3 {font-size: 18px;font-weight: 600;margin: 0 0 4px 0;color: #333}.tracnghiem-header h3 i {color: #667eea;margin-right: 6px}.tracnghiem-header p {margin: 0}.tracnghiem-eligibility {max-width: 640px;margin: 0 auto}.tracnghiem-check-list {display: flex;flex-direction: column;gap: 12px}.tracnghiem-check-item {display: flex;align-items: flex-start;gap: 14px;padding: 16px;border-radius: 10px;border: 1px solid #e8e8e8;background: #fafafa;transition: all 0.2s ease}.tracnghiem-check--pass {border-color: #d4edda;background: #f8fff9}.tracnghiem-check--fail {border-color: #f5c6cb;background: #fff8f8}.tracnghiem-check-icon {flex: 0 0 28px;font-size: 22px;padding-top: 2px}.tracnghiem-check-text {flex: 1;font-size: 14px;line-height: 1.5}.tracnghiem-check-text strong {display: block;font-size: 15px;color: #333;margin-bottom: 2px}.tracnghiem-check-progress {margin-top: 6px}.tracnghiem-check-progress small {display: block;margin-top: 4px;color: #666}.tracnghiem-start {display: flex;justify-content: center;padding: 40px 20px}.tracnghiem-start-card {text-align: center;max-width: 500px}.tracnghiem-start-icon {color: #667eea;margin-bottom: 20px}.tracnghiem-start-card h4 {font-size: 20px;font-weight: 600;margin: 0 0 8px 0;color: #333}.tracnghiem-start-info {text-align: left;background: #f9f9ff;border-radius: 8px;padding: 20px;margin-top: 20px}.tracnghiem-start-info-item {display: flex;align-items: center;gap: 10px;padding: 8px 0;font-size: 14px;color: #555}.tracnghiem-start-info-item i {color: #667eea;width: 20px;text-align: center}.tracnghiem-start-actions {display: flex;gap: 12px;justify-content: center}.tracnghiem-sidebar {background: #fff;border: 1px solid #e8e8e8;border-radius: 8px;padding: 16px}.tracnghiem-timer {text-align: center;font-size: 28px;font-weight: 700;color: #333;padding: 12px;background: #f5f5f5;border-radius: 8px;margin-bottom: 12px}.tracnghiem-timer i {color: #667eea;margin-right: 6px}.tracnghiem-timer--warning {background: #fff3e0;color: #e65100;animation: timer-pulse 1s ease infinite}.tracnghiem-timer--expired {background: #ffebee;color: #c62828}@keyframes timer-pulse {0%, 100% { opacity: 1; }50% { opacity: 0.7; }}.tracnghiem-info-box {font-size: 13px;color: #555;padding: 8px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 12px}.tracnghiem-nav-list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 6px}.tracnghiem-nav-item {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border: 1px solid #e0e0e0;border-radius: 4px;font-size: 12px;font-weight: 600;color: #666;cursor: pointer;transition: all 0.2s ease}.tracnghiem-nav-item:hover {border-color: #667eea;color: #667eea}.tracnghiem-nav-item.done {background: #667eea;color: #fff;border-color: #667eea}.tracnghiem-question {background: #fff;border: 1px solid #e8e8e8;border-radius: 8px;padding: 20px;margin-bottom: 16px}.tracnghiem-question-title {font-size: 15px;line-height: 1.6;margin: 0 0 16px 0;color: #333}.tracnghiem-answer {padding: 10px 14px;border: 1px solid #f0f0f0;border-radius: 6px;margin-bottom: 8px;transition: all 0.2s ease;cursor: pointer}.tracnghiem-answer:hover {background: #f9f9ff;border-color: #667eea}.tracnghiem-answer .form-check-input:checked ~ .form-check-label {color: #667eea;font-weight: 500}.tracnghiem-answer:has(.form-check-input:checked) {background: #f0f5ff;border-color: #667eea}.tracnghiem-result {padding: 20px 0}.tracnghiem-result-card {display: flex;align-items: center;gap: 24px;padding: 24px;border-radius: 12px;background: #f9f9f9}.tracnghiem-result--pass {background: #e8f5e9;border: 1px solid #c8e6c9}.tracnghiem-result--fail {background: #ffebee;border: 1px solid #ffcdd2}.tracnghiem-result-info h4 {font-size: 24px;font-weight: 700;margin: 0 0 8px 0}.tracnghiem-result--pass .tracnghiem-result-info h4 {color: #2e7d32}.tracnghiem-result--fail .tracnghiem-result-info h4 {color: #c62828}.tracnghiem-result-info p {margin: 4px 0;font-size: 14px;color: #555}.user-layout--exam {display: block}.user-layout--exam .user-layout-sidebar--exam {flex: none;margin-bottom: 12px}.user-layout--exam .user-layout-content {flex: 1}.user-layout--exam .user-panel {overflow: visible}.user-layout--exam .tracnghiem-sidebar {position: sticky;top: 10px}.tracnghiem-mobile-timer {display: none}@media (max-width: 767.98px) {.tracnghiem-start-actions {flex-direction: column}.tracnghiem-result-card {flex-direction: column;text-align: center}.tracnghiem-container {padding: 12px}.tracnghiem-mobile-timer {display: block;position: fixed;top: 0;left: 0;right: 0;z-index: 1050;background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.12)}.tracnghiem-mobile-timer-bar {display: flex;align-items: center;justify-content: space-between;padding: 8px 12px}.tracnghiem-mobile-timer-left {font-size: 22px;font-weight: 700;color: #333}.tracnghiem-mobile-timer-left i {color: #667eea;margin-right: 4px;font-size: 18px}.tracnghiem-mobile-timer-right {display: flex;align-items: center;font-size: 13px;color: #666}.tracnghiem-mobile-timer--warning .tracnghiem-mobile-timer-left {color: #e65100;animation: timer-pulse 1s ease infinite}.tracnghiem-mobile-timer--warning {background: #fff3e0}.tracnghiem-mobile-nav {padding: 8px 12px 12px;border-top: 1px solid #f0f0f0;background: #fafafa}.user-layout--exam .tracnghiem-container {padding-top: 60px}}.user-profile-card {background: #fff;border: 1px solid #eef0f4;border-radius: 14px;box-shadow: 0 2px 10px rgba(0, 0, 0, .04);overflow: hidden}.user-dashboard-welcome {border: 0;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #fff}.user-dashboard-welcome__inner {display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 22px 28px}.user-dashboard-welcome .welcome-text h4 {margin: 0 0 6px;font-weight: 700;font-size: 1.3rem;line-height: 1.3}.user-dashboard-welcome .welcome-text p {margin: 0;font-size: 14px;opacity: .92}.user-dashboard-welcome .welcome-icon {flex: 0 0 auto;font-size: 48px;line-height: 1;opacity: .9;animation: welcomeWave 2.4s ease-in-out infinite;transform-origin: 70% 70%}@keyframes welcomeWave {0%, 60%, 100% { transform: rotate(0deg); }15% { transform: rotate(14deg); }30% { transform: rotate(-8deg); }45% { transform: rotate(12deg); }}.user-stat-card {height: 100%;display: flex;align-items: center;gap: 14px;background: #fff;border: 1px solid #eceef3;border-radius: 14px;padding: 16px 18px;box-shadow: 0 2px 10px rgba(0, 0, 0, .05);transition: transform .25s ease, box-shadow .25s ease}.user-stat-card:hover {transform: translateY(-3px);box-shadow: 0 12px 26px rgba(0, 0, 0, .1)}.user-stat-card .stat-icon {flex: 0 0 auto;width: 48px;height: 48px;border-radius: 13px;display: inline-flex;align-items: center;justify-content: center;font-size: 20px;color: #fff}.stat-icon--blue { background: linear-gradient(135deg, #4e7bff, #7aa0ff); }.stat-icon--yellow { background: linear-gradient(135deg, #f7a733, #fcb842); }.stat-icon--green{ background: linear-gradient(135deg, #11998e, #38d96e); }.stat-icon--purple { background: linear-gradient(135deg, #667eea, #764ba2); }.user-stat-card .stat-info {min-width: 0}.user-stat-card .stat-value {font-size: 1.45rem;font-weight: 700;color: #222;line-height: 1.1}.user-stat-card .stat-label {margin-top: 2px;font-size: 13px;color: #7a808a}.user-profile-card__header {display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 15px 20px;border-bottom: 1px solid #f0f1f4}.user-profile-card__header .header-title {display: inline-flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 700;color: #222}.user-profile-card__header .header-title i {color: #667eea}.user-profile-card__header .header-link {display: inline-flex;align-items: center;gap: 5px;font-size: 13px;font-weight: 600;color: #667eea;text-decoration: none;transition: gap .2s ease, opacity .2s ease}.user-profile-card__header .header-link:hover {gap: 9px;opacity: .8}.user-profile-card__body {padding: 18px 20px}.user-order-table {margin: 0;font-size: 14px}.user-order-table thead th {background: #f7f8fa;color: #555;font-weight: 600;font-size: 13px;border: 0;padding: 12px 16px;white-space: nowrap}.user-order-table tbody td {padding: 13px 16px;vertical-align: middle;border-color: #f1f2f5;color: #444}.user-order-table tbody tr:hover {background: #fafbff}.user-order-table tbody td strong {color: #222}.user-order-badge {display: inline-block;padding: 4px 12px;border-radius: 999px;font-size: 12px;font-weight: 600;white-space: nowrap}.badge-order-placed { background: #eef2ff; color: #4258c9; }.badge-approved { background: #e6f7ff; color: #0d7fc4; }.badge-packaging{ background: #fff4e5; color: #c47b0d; }.badge-shipped{ background: #f0e9ff; color: #7a3fd0; }.badge-completed{ background: #e7f8ee; color: #1f9d57; }.badge-cancelled{ background: #feebec; color: #d3434b; }@media (max-width: 576px) {.user-dashboard-welcome__inner {padding: 18px 18px}.user-dashboard-welcome .welcome-icon {font-size: 38px}.user-stat-card {padding: 13px 14px;gap: 11px}.user-stat-card .stat-icon {width: 42px;height: 42px;font-size: 18px}.user-stat-card .stat-value {font-size: 1.25rem}}.order-list {display: flex;flex-direction: column;gap: 14px}.order-card {border: 1px solid #eef0f5;border-radius: 12px;background: #fff;overflow: hidden;transition: box-shadow .18s ease, border-color .18s ease}.order-card:hover {border-color: #d4d8f5;box-shadow: 0 6px 18px rgba(102, 126, 234, .08)}.order-card-head {display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 12px 16px;background: #fafbff;border-bottom: 1px solid #f0f1f5}.order-card-code {display: flex;align-items: center;gap: 8px;font-weight: 700;font-size: 14px;color: #1f2333}.order-card-code i { color: #667eea; }.order-status {display: inline-block;font-size: 11px;font-weight: 700;line-height: 1;padding: 6px 12px;border-radius: 999px;white-space: nowrap}.order-status.is-new { color: #1d4ed8; background: #e0e7ff; }.order-status.is-approved{ color: #0369a1; background: #e0f2fe; }.order-status.is-packing { color: #92600a; background: #fef3c7; }.order-status.is-shipping{ color: #6d28d9; background: #ede9fe; }.order-status.is-done{ color: #15803d; background: #dcfce7; }.order-status.is-cancel{ color: #b91c1c; background: #fee2e2; }.order-status.is-unknown { color: #555; background: #eceff3; }.order-card-body {display: flex;align-items: center;gap: 16px;padding: 14px 16px;flex-wrap: wrap}.order-thumbs {display: flex;align-items: center;gap: 6px}.order-thumb {width: 52px;height: 52px;border-radius: 8px;border: 1px solid #eef0f5;overflow: hidden;background: #f7f8fc;display: flex;align-items: center;justify-content: center;flex: 0 0 auto}.order-thumb img {width: 100%;height: 100%;object-fit: cover}.order-thumb--more {font-size: 13px;font-weight: 700;color: #667eea;background: #eef0ff}.order-thumb--empty { color: #c3c7d6; font-size: 20px; }.order-card-meta {flex: 1 1 160px;min-width: 140px}.order-meta-line {margin: 0 0 4px;font-size: 13px;color: #555}.order-meta-line:last-child { margin-bottom: 0; }.order-meta-line i { color: #9aa0d4; }.order-card-total {text-align: right;margin-left: auto}.order-total-label {display: block;font-size: 12px;color: #888;margin-bottom: 2px}.order-total-value {font-size: 18px;font-weight: 800;color: #e7372c}.order-total-value sup { font-size: 11px; margin-left: 1px; }.order-card-foot {display: flex;gap: 8px;justify-content: flex-end;padding: 10px 16px;border-top: 1px solid #f3f4f8;background: #fcfcff}.order-btn {display: inline-flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;text-decoration: none;padding: 7px 14px;border-radius: 8px;border: 1px solid transparent;cursor: pointer;transition: all .15s ease}.order-btn--view {color: #fff;background: #667eea;border-color: #667eea}.order-btn--view:hover { background: #5158d8; color: #fff; }.order-btn--delete {color: #dc3545;background: #fff;border-color: #f2c2c7}.order-btn--delete:hover { color: #fff; background: #dc3545; border-color: #dc3545; }.order-pagination {margin-top: 18px;display: flex;justify-content: flex-end}.order-modal .modal-header {background: #fafbff;border-bottom: 1px solid #eef0f5}.order-modal .modal-title {font-size: 16px;font-weight: 700;color: #1f2333;display: flex;align-items: center;gap: 8px}.order-modal .modal-title i { color: #667eea; }.order-detail-top {display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;padding-bottom: 12px;margin-bottom: 14px;border-bottom: 1px dashed #e6e8f0}.order-detail-code {font-weight: 700;color: #1f2333;margin-right: 10px}.order-detail-code i { color: #667eea; }.order-detail-date { font-size: 12px; color: #888; }.order-detail-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 16px}.order-detail-box {border: 1px solid #eef0f5;border-radius: 10px;padding: 12px 14px;background: #fafbff}.order-detail-box-title {font-size: 13px;font-weight: 700;color: #444;margin: 0 0 8px;display: flex;align-items: center;gap: 6px}.order-detail-box-title i { color: #667eea; }.order-detail-box p {margin: 0 0 5px;font-size: 13px;color: #444;line-height: 1.5}.order-detail-box p:last-child { margin-bottom: 0; }.order-detail-box p span { color: #888; }.order-detail-box--invoice {grid-column: 1 / -1;background: #f6fcf8;border-color: #cdedd8}.order-detail-box--invoice .order-detail-box-title i { color: #2ca25f; }.order-detail-products { margin-bottom: 14px; }.order-detail-table-wrap { overflow-x: auto; }.order-detail-table {width: 100%;border-collapse: collapse;font-size: 13px}.order-detail-table th,.order-detail-table td {padding: 9px 10px;border-bottom: 1px solid #f0f1f5;vertical-align: middle}.order-detail-table thead th {background: #f6f7fb;color: #555;font-weight: 600;text-align: left;white-space: nowrap}.order-detail-table .text-center { text-align: center; }.order-detail-table .text-end { text-align: right; }.order-detail-product {display: flex;align-items: center;gap: 10px}.order-detail-product-img {width: 44px;height: 44px;border-radius: 6px;object-fit: cover;border: 1px solid #eef0f5;flex: 0 0 auto}.order-detail-product-name a { color: #1f2333; text-decoration: none; }.order-detail-product-name a:hover { color: #667eea; }.order-detail-summary {margin-left: auto;max-width: 320px;border-top: 1px dashed #e6e8f0;padding-top: 12px}.order-summary-line {display: flex;justify-content: space-between;font-size: 13px;color: #555;margin-bottom: 6px}.order-summary-total {margin-top: 6px;padding-top: 8px;border-top: 1px solid #eef0f5;font-size: 16px;font-weight: 800;color: #e7372c}@media (max-width: 640px) {.order-card-body { gap: 12px; }.order-card-total { margin-left: 0; text-align: left; width: 100%; }.order-detail-grid { grid-template-columns: 1fr; }.order-detail-summary { max-width: 100%; }.order-card-foot { flex-wrap: wrap; }.order-btn { flex: 1 1 auto; justify-content: center; }}:root {--bg-aqua: #f2f9ff;--bg-hotline: #00d1f9}.xemthemdm {display: table !important;margin: 20px auto;text-align: center;padding: 5px 20px;border-radius: 25px;border: 1px solid #dfdfdf;background-color: #eaeaea;position: relative;overflow: hidden;transition: all 0.5s}.xemthemdm::before {content: "";position: absolute;top: 0;left: 0;width: 0px;height: 100%;background-color: var(--ws-bg-hover);transition: all 0.5s}.xemthemdm a {color: #000;position: inherit;font-size: 13px}.xemthemdm:hover.xemthemdm::before {background-color: var(--ws-bg-hover);transition: all 0.5s;width: 100%}.xemthemdm:hover a {color: var(--ws-color-hover)}.group_menu_col_home {background-color: #dfdfdf40;box-shadow: 0px 0px 2px #dfdfdf;border-radius: 6px 0px 0px 6px;margin-bottom: 20px}.group_menu_col_home .category-sub {float: left;width: 100%;height: 100%}.group_menu_col_home .cathome_sub {display: inline-block}.group_menu_col_home .cathome_sub li a {line-height: 30px}.form_homepage {max-width: 600px;display: table;margin: auto;padding: 30px 10px}.home-group-item.is-bg {background-size: auto}:root {--bg-aqua: #f2f9ff;--bg-hotline: #00d1f9}.group_menu_col_home {background-color: #dfdfdf40;box-shadow: 0px 0px 2px #dfdfdf;border-radius: 6px 0px 0px 6px;margin-bottom: 20px}.group_menu_col_home .category-sub {float: left;width: 100%;height: 100%}.group_menu_col_home .cathome_sub {display: inline-block}.group_menu_col_home .cathome_sub li a {line-height: 30px}.form_homepage {max-width: 600px;display: table;margin: auto;padding: 30px 10px}.ws-section-eyebrow {display: inline-flex;align-items: center;gap: 8px;font-size: 13px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;color: var(--ws-bg-main, #2563eb);padding: 6px 14px;border-radius: 999px;background: color-mix(in srgb, var(--ws-bg-main, #2563eb) 10%, transparent);margin-bottom: 12px}.ws-section-title {font-family: var(--ws-font-title, inherit);font-size: clamp(24px, 2.4vw, 34px);font-weight: 700;line-height: 1.2;margin: 0 0 18px 0;color: var(--ws-color-title, #0f172a)}.ws-contact-hero {position: relative;border-radius: 28px;padding: 56px 40px;margin: 20px 0 40px;overflow: hidden;color: #fff;isolation: isolate}.ws-contact-hero__bg {position: absolute;inset: 0;background:radial-gradient(1200px 400px at 90% -10%, rgba(255, 255, 255, .25), transparent 60%),radial-gradient(800px 400px at -10% 120%, rgba(255, 255, 255, .15), transparent 60%),linear-gradient(135deg, var(--ws-bg-main, #1e40af) 0%, var(--ws-bg-hover, #3b82f6) 60%, var(--ws-bg-title, #6366f1) 100%);z-index: -1}.ws-contact-hero__bg::before {content: "";position: absolute;inset: 0;background-image: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .18) 2px, transparent 2px),radial-gradient(circle at 70% 70%, rgba(255, 255, 255, .12) 2px, transparent 2px);background-size: 40px 40px, 60px 60px;opacity: .6;animation: ws-hero-drift 30s linear infinite}@keyframes ws-hero-drift {0% { background-position: 0 0, 0 0; }100% { background-position: 400px 400px, -400px 400px; }}.ws-contact-hero__inner { position: relative; max-width: 760px; }.ws-contact-hero__badge {display: inline-flex;align-items: center;gap: 8px;padding: 8px 18px;border-radius: 999px;background: rgba(255, 255, 255, .18);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, .3);font-size: 13px;font-weight: 500;margin-bottom: 18px}.ws-contact-hero__title {font-family: var(--ws-font-title, inherit);font-size: clamp(28px, 4vw, 48px);font-weight: 800;line-height: 1.15;margin: 0 0 14px;color: #fff;text-shadow: 0 2px 20px rgba(0, 0, 0, .15)}.ws-contact-hero__sub {font-size: clamp(15px, 1.2vw, 17px);line-height: 1.6;opacity: .92;margin: 0 0 26px;max-width: 560px}.ws-contact-hero__quick {display: flex;flex-wrap: wrap;gap: 12px}.ws-contact-hero__chip {display: inline-flex;align-items: center;gap: 10px;padding: 12px 22px;background: rgba(255, 255, 255, .95);color: var(--ws-bg-main, #1e40af);border-radius: 999px;font-weight: 600;font-size: 15px;text-decoration: none;transition: transform .25s ease, box-shadow .25s ease, background .25s ease;box-shadow: 0 6px 22px rgba(0, 0, 0, .12)}.ws-contact-hero__chip:hover {transform: translateY(-2px);background: #fff;box-shadow: 0 10px 30px rgba(0, 0, 0, .2);color: var(--ws-bg-title, #6366f1)}.ws-contact-hero__chip i { font-size: 14px; }.ws-contact-cards {display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;margin-bottom: 48px}.ws-ccard {position: relative;display: flex;align-items: center;gap: 16px;padding: 22px 20px;background: #fff;border-radius: 20px;border: 1px solid rgba(15, 23, 42, .06);box-shadow: 0 6px 24px rgba(15, 23, 42, .04);text-decoration: none;color: inherit;overflow: hidden;transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease}.ws-ccard::before {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, var(--ccard-from), var(--ccard-to));opacity: 0;transition: opacity .3s ease;z-index: 0}.ws-ccard:hover {transform: translateY(-6px);box-shadow: 0 20px 40px rgba(15, 23, 42, .12);border-color: transparent;color: #fff}.ws-ccard:hover::before { opacity: 1; }.ws-ccard:hover .ws-ccard__icon { background: rgba(255, 255, 255, .22); color: #fff; }.ws-ccard:hover .ws-ccard__arrow { opacity: 1; transform: translateX(0); }.ws-ccard > * { position: relative; z-index: 1; }.ws-ccard__icon {flex: 0 0 54px;width: 54px;height: 54px;display: inline-flex;align-items: center;justify-content: center;border-radius: 16px;background: linear-gradient(135deg, var(--ccard-from), var(--ccard-to));color: #fff;font-size: 22px;transition: background .3s ease}.ws-ccard__body { flex: 1; min-width: 0; }.ws-ccard__label {font-size: 12px;text-transform: uppercase;letter-spacing: 1.2px;opacity: .65;font-weight: 600;margin-bottom: 4px}.ws-ccard__value {font-size: 15px;font-weight: 600;line-height: 1.4;word-break: break-word}.ws-ccard__arrow {opacity: 0;transform: translateX(-6px);transition: opacity .3s ease, transform .3s ease;font-size: 14px}.ws-ccard--c1 { --ccard-from: #6366f1; --ccard-to: #8b5cf6; }.ws-ccard--c2 { --ccard-from: #10b981; --ccard-to: #059669; }.ws-ccard--c3 { --ccard-from: #f59e0b; --ccard-to: #ef4444; }.ws-ccard--c4 { --ccard-from: #0ea5e9; --ccard-to: #2563eb; }.ws-contact-main {display: grid;grid-template-columns: 1fr 1.15fr;gap: 32px;margin-bottom: 56px}.ws-contact-detail {height: 100%;padding: 32px 28px;background: #fff;border-radius: 24px;border: 1px solid rgba(15, 23, 42, .06);box-shadow: 0 6px 24px rgba(15, 23, 42, .04)}.ws-contact-detail__content {font-size: 15px;line-height: 1.75;color: #475569}.ws-contact-detail__content p:last-child { margin-bottom: 0; }.ws-social-row {margin-top: 28px;padding-top: 24px;border-top: 1px dashed rgba(15, 23, 42, .12)}.ws-social-row__label {display: block;font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 1.4px;color: #64748b;margin-bottom: 12px}.ws-social-row__list { display: flex; flex-wrap: wrap; gap: 10px; }.ws-social-row__btn {width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;border-radius: 12px;background: #f1f5f9;color: #475569;text-decoration: none;transition: transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease}.ws-social-row__btn:hover {transform: translateY(-3px) scale(1.04);color: #fff;box-shadow: 0 10px 24px rgba(15, 23, 42, .18)}.ws-social-row__btn--fb:hover { background: #1877f2; }.ws-social-row__btn--yt:hover { background: #ff0000; }.ws-social-row__btn--ig:hover { background: linear-gradient(135deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888); }.ws-social-row__btn--tt:hover { background: #000; }.ws-social-row__btn--zl:hover { background: #0068ff; }.ws-contact-form {position: relative;padding: 36px 32px;border-radius: 24px;background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);border: 1px solid rgba(15, 23, 42, .06);box-shadow: 0 20px 45px -15px rgba(15, 23, 42, .15);overflow: hidden}.ws-contact-form::before {content: "";position: absolute;top: -120px;right: -120px;width: 280px;height: 280px;border-radius: 50%;background: radial-gradient(circle, color-mix(in srgb, var(--ws-bg-main, #6366f1) 25%, transparent), transparent 70%);pointer-events: none}.ws-contact-form__head { position: relative; margin-bottom: 26px; }.ws-contact-form__eyebrow {display: inline-flex;align-items: center;gap: 8px;font-size: 13px;font-weight: 600;color: var(--ws-bg-main, #2563eb);margin-bottom: 10px;text-transform: uppercase;letter-spacing: 1.5px}.ws-contact-form__title {font-family: var(--ws-font-title, inherit);font-size: clamp(22px, 2vw, 28px);font-weight: 700;margin: 0 0 8px;color: #0f172a}.ws-contact-form__desc {font-size: 14px;color: #64748b;margin: 0;line-height: 1.6}.ws-lh-alert {position: relative;display: flex;align-items: center;gap: 10px;padding: 12px 40px 12px 16px;border-radius: 12px;background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c;font-size: 14px;margin-bottom: 18px}.ws-lh-alert__close {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: transparent;border: 0;font-size: 20px;color: #b91c1c;cursor: pointer;line-height: 1}.ws-lh-form { position: relative; }.ws-lh-row {display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-bottom: 16px}.ws-lh-row:has(.ws-lh-field--full) { grid-template-columns: 1fr; }.ws-lh-field {position: relative;border-radius: 14px;background: #fff;border: 1.5px solid #e2e8f0;transition: border-color .25s ease, box-shadow .25s ease}.ws-lh-field:focus-within {border-color: var(--ws-bg-main, #2563eb);box-shadow: 0 0 0 4px color-mix(in srgb, var(--ws-bg-main, #2563eb) 15%, transparent)}.ws-lh-field__icon {position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: #94a3b8;font-size: 16px;pointer-events: none;transition: color .25s ease}.ws-lh-field--textarea .ws-lh-field__icon { top: 22px; transform: none; }.ws-lh-field:focus-within .ws-lh-field__icon {color: var(--ws-bg-main, #2563eb)}.ws-lh-input {width: 100%;border: 0;background: transparent;padding: 18px 16px 12px 46px;font-size: 15px;color: #0f172a;outline: none;font-family: inherit;border-radius: 14px}.ws-lh-textarea { resize: vertical; min-height: 110px; padding-top: 22px; }.ws-lh-label {position: absolute;left: 46px;top: 50%;transform: translateY(-50%);color: #94a3b8;font-size: 15px;pointer-events: none;transition: all .2s ease;background: transparent;padding: 0 6px;border-radius: 4px}.ws-lh-field--textarea .ws-lh-label { top: 18px; transform: none; }.ws-lh-input:focus ~ .ws-lh-label,.ws-lh-input:not(:placeholder-shown) ~ .ws-lh-label {top: -1px;transform: translateY(-50%);left: 14px;font-size: 12px;color: var(--ws-bg-main, #2563eb);background: #fff;font-weight: 600}.ws-lh-field--textarea .ws-lh-input:focus ~ .ws-lh-label,.ws-lh-field--textarea .ws-lh-input:not(:placeholder-shown) ~ .ws-lh-label {top: 0}.ws-lh-req { color: #ef4444; font-style: normal; margin-left: 2px; }.ws-lh-actions {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 14px;margin-top: 22px}.ws-lh-submit {position: relative;display: inline-flex;align-items: center;gap: 10px;padding: 14px 36px;border-radius: 999px;border: 0;background: linear-gradient(135deg, var(--ws-bg-main, #2563eb), var(--ws-bg-title, #6366f1));color: #fff;font-size: 15px;font-weight: 600;cursor: pointer;overflow: hidden;isolation: isolate;transition: transform .25s ease, box-shadow .25s ease;box-shadow: 0 10px 22px -5px color-mix(in srgb, var(--ws-bg-main, #2563eb) 60%, transparent)}.ws-lh-submit:hover {transform: translateY(-2px);box-shadow: 0 16px 32px -5px color-mix(in srgb, var(--ws-bg-main, #2563eb) 70%, transparent)}.ws-lh-submit__shine {position: absolute;inset: 0;background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .35) 50%, transparent 70%);transform: translateX(-100%);transition: transform .8s ease;z-index: -1}.ws-lh-submit:hover .ws-lh-submit__shine { transform: translateX(100%); }.ws-lh-submit__text { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; }.ws-lh-hint {display: inline-flex;align-items: center;gap: 6px;font-size: 13px;color: #64748b}.ws-lh-hint i { color: #10b981; }.ws-contact-map { margin-bottom: 40px; }.ws-contact-map__head { text-align: center; margin-bottom: 28px; }.ws-contact-map__head .ws-section-eyebrow { margin-inline: auto; }.ws-contact-map__wrap {border-radius: 28px;overflow: hidden;box-shadow: 0 20px 50px -15px rgba(15, 23, 42, .18);background: #fff;border: 1px solid rgba(15, 23, 42, .06)}.ws-map-board {display: grid;grid-template-columns: 300px 1fr;min-height: 460px}.ws-map-board--single { grid-template-columns: 1fr; }.ws-map-board__side {padding: 24px 18px;background: linear-gradient(180deg, #f8fafc, #eef2ff);border-right: 1px solid rgba(15, 23, 42, .06)}.ws-map-board__label {font-size: 12px;text-transform: uppercase;letter-spacing: 1.5px;font-weight: 700;color: #6366f1;margin-bottom: 14px;display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;background: #fff;border-radius: 999px;box-shadow: 0 2px 6px rgba(15, 23, 42, .06)}.ws-map-board__tabs { display: flex; flex-direction: column; gap: 8px; }.ws-map-tab {display: flex;align-items: flex-start;gap: 12px;padding: 14px 14px;border-radius: 14px;background: #fff;color: #334155;text-decoration: none;border: 1.5px solid transparent;transition: all .25s ease;cursor: pointer}.ws-map-tab:hover {border-color: color-mix(in srgb, var(--ws-bg-main, #2563eb) 30%, transparent);transform: translateX(4px);color: var(--ws-bg-main, #2563eb)}.ws-map-tab.is-active,.ws-map-tab.active {background: linear-gradient(135deg, var(--ws-bg-main, #2563eb), var(--ws-bg-title, #6366f1));color: #fff;border-color: transparent;box-shadow: 0 10px 20px -6px color-mix(in srgb, var(--ws-bg-main, #2563eb) 60%, transparent)}.ws-map-tab.is-active .ws-map-tab__dot,.ws-map-tab.active .ws-map-tab__dot {background: rgba(255, 255, 255, .22);color: #fff}.ws-map-tab__dot {flex: 0 0 36px;width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;border-radius: 10px;background: color-mix(in srgb, var(--ws-bg-main, #2563eb) 12%, transparent);color: var(--ws-bg-main, #2563eb);font-size: 15px;transition: background .25s ease, color .25s ease}.ws-map-tab__text { display: flex; flex-direction: column; min-width: 0; }.ws-map-tab__text strong { font-size: 14px; font-weight: 700; line-height: 1.3; }.ws-map-tab__text small { font-size: 12px; opacity: .8; margin-top: 2px; line-height: 1.4; }.ws-map-board__frame { position: relative; min-height: 460px; background: #f1f5f9; }.ws-map-board__frame iframe,.ws-map-board__frame > .tab-content,.ws-map-board__frame #loadmap,.ws-map-board__frame #loadmap iframe {width: 100% !important;min-height: 460px;border: 0;display: block}.ws-map-board__frame .tab-pane { min-height: 460px; }.ws-contact-mota,.ws-contact-noidung {background: #fff;border-radius: 20px;padding: 24px 28px;margin-bottom: 32px;border: 1px solid rgba(15, 23, 42, .06);box-shadow: 0 4px 18px rgba(15, 23, 42, .03);line-height: 1.75;color: #475569}.ws-contact-mota:empty,.ws-contact-noidung:empty { display: none; }.form_homepage { max-width: 420px; margin: auto; }.row-input-lienhe input,.row-input-lienhe textarea {border-radius: 12px !important;padding-left: 40px;padding-right: 20px;height: 44px;border: 1.5px solid #e2e8f0;transition: border-color .25s ease, box-shadow .25s ease}.row-input-lienhe textarea { height: 90px; padding-top: 12px; }.row-input-lienhe input:focus,.row-input-lienhe textarea:focus {border-color: var(--ws-bg-main, #2563eb);box-shadow: 0 0 0 4px color-mix(in srgb, var(--ws-bg-main, #2563eb) 15%, transparent)}.row-input-lienhe i.fal {position: absolute;top: 14px;left: 14px;color: #94a3b8}.row-input-lienhe:hover i.fal { color: var(--ws-bg-main, #2563eb); }.row-input-lienhe .required-lienhe {font-weight: 700;color: #ef4444;font-size: 16px;position: absolute;top: 8px;right: 12px}.mapslienhe iframe { width: 100% !important; border: 0; }.group-map {background: #fff;padding: 18px;border-radius: 20px;box-shadow: 0 6px 22px rgba(15, 23, 42, .06);border: 1px solid rgba(15, 23, 42, .06)}@media (max-width: 1199px) {.ws-contact-cards { grid-template-columns: repeat(2, 1fr); }.ws-contact-main{ grid-template-columns: 1fr; }.ws-map-board { grid-template-columns: 240px 1fr; }}@media (max-width: 767px) {.ws-contact-hero { padding: 40px 24px; border-radius: 22px; }.ws-contact-hero__title { font-size: 28px; }.ws-contact-hero__chip{ padding: 10px 16px; font-size: 13px; }.ws-contact-cards { grid-template-columns: 1fr; gap: 12px; }.ws-ccard { padding: 18px 16px; border-radius: 16px; }.ws-contact-detail,.ws-contact-form{ padding: 24px 20px; border-radius: 20px; }.ws-lh-row{ grid-template-columns: 1fr; gap: 12px; }.ws-map-board { grid-template-columns: 1fr; min-height: unset; }.ws-map-board__side { border-right: 0; border-bottom: 1px solid rgba(15, 23, 42, .06); }.ws-map-board__tabs { flex-direction: row; overflow-x: auto; padding-bottom: 4px; }.ws-map-tab { flex: 0 0 220px; }.ws-map-board__frame,.ws-map-board__frame iframe,.ws-map-board__frame #loadmap,.ws-map-board__frame #loadmap iframe { min-height: 360px; }.ws-lh-actions{ flex-direction: column; align-items: stretch; }.ws-lh-submit { justify-content: center; }}.itemcontent {margin: 15px 0}.itemcontent .contentbox {display: flex;flex-direction: column;height: 100%;background: #ffffff;border: 1px solid rgba(15, 23, 42, 0.06);border-radius: 16px;overflow: hidden;transition: transform .35s ease, box-shadow .35s ease}.itemcontent:hover .contentbox {transform: translateY(-3px);box-shadow: 0 18px 40px rgba(17, 24, 39, 0.1)}.itemcontent .card-image-wrap {position: relative;overflow: hidden;background: #f3f4f6;aspect-ratio: 16 / 10}.itemcontent .card-image-wrap a {display: block;width: 100%;height: 100%}.itemcontent .card-image-wrap img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .5s ease}.itemcontent:hover .card-image-wrap img {transform: scale(1.05)}@supports not (aspect-ratio: 16 / 10) {.itemcontent .card-image-wrap {height: 230px}}.itemcontent .date-overlay {position: absolute;top: 14px;left: 14px;min-width: 56px;padding: 8px 10px;background: #ffffff;border-radius: 8px;box-shadow: 0 4px 12px rgba(17, 24, 39, 0.12);text-align: center;line-height: 1;z-index: 2;pointer-events: none}.itemcontent .date-overlay__day {display: block;font-family: var(--ws-font-tieudetin, inherit);font-size: 20px;font-weight: 800;color: #0f172a;line-height: 1.1}.itemcontent .date-overlay__mon {display: block;margin-top: 2px;font-size: 11px;font-weight: 700;color: #64748b;text-transform: uppercase;letter-spacing: .3px}.itemcontent .card-image-wrap .cat-badge {position: absolute;top: 14px;right: 14px;z-index: 2;padding: 6px 12px;background: var(--ws-bg-title);color: var(--ws-color-title);font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .3px;border-radius: 999px;line-height: 1}.itemcontent .card-info-wrap {display: flex;flex-direction: column;flex: 1 1 auto;padding: 18px 22px 22px}.itemcontent .meta-top {display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin-bottom: 10px;font-size: 13px;color: #94a3b8;font-weight: 500}.itemcontent .meta-item a {color: inherit;text-decoration: none;transition: color .2s ease}.itemcontent .meta-item a:hover {color: var(--ws-bg-title)}.itemcontent .meta-dot {width: 4px;height: 4px;background: #cbd5e1;border-radius: 50%;display: inline-block}.itemcontent .name {margin: 0 0 10px}.itemcontent .name a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-family: var(--ws-font-tieudetin, inherit);font-size: var(--ws-font-size-tieudetin, 20px);font-weight: 800;line-height: 1.35;color: #0f172a;text-decoration: none;transition: color .25s ease}.itemcontent .name a:hover {color: var(--ws-bg-title)}.itemcontent .description {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin: 0 0 18px;font-size: var(--ws-font-size-mota, 14px);line-height: 1.65;color: #94a3b8}.itemcontent .btn-detail {display: inline-flex;align-items: center;justify-content: center;align-self: flex-start;margin-top: auto;padding: 12px 28px;background: var(--ws-bg-maulienket, var(--ws-bg-title));background-image: var(--ws-bggradient-maulienket, none);color: var(--ws-color-maulienket, var(--ws-color-title));font-family: var(--ws-font-tieudetin, inherit);font-size: 13px;font-weight: 800;letter-spacing: .8px;text-transform: uppercase;text-decoration: none;border: 0;border-radius: 4px;transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease, filter .25s ease}.itemcontent .btn-detail:hover,.itemcontent .btn-detail:focus {background: var(--ws-bg-maulienkethover, var(--ws-bg-maulienket, var(--ws-bg-title)));background-image: var(--ws-bggradient-maulienkethover, var(--ws-bggradient-maulienket, none));color: var(--ws-color-maulienkethover, var(--ws-color-maulienket, var(--ws-color-title)));transform: translateY(-2px);box-shadow: 0 8px 18px rgba(15, 23, 42, .15);filter: brightness(1.03);text-decoration: none}@media (max-width: 991.98px) {.itemcontent .card-info-wrap {padding: 16px 18px 18px}.itemcontent .name a {font-size: var(--ws-font-size-tieudetin-mobile, 17px)}}@media (max-width: 575.98px) {.itemcontent .card-image-wrap {aspect-ratio: 16 / 9}@supports not (aspect-ratio: 16 / 9) {.itemcontent .card-image-wrap {height: 200px}}.itemcontent .date-overlay {top: 10px;left: 10px;min-width: 48px;padding: 6px 8px}.itemcontent .date-overlay__day {font-size: 17px}.itemcontent .btn-detail {padding: 10px 22px}}.itemcontenthome .name {font-weight: bold;height: 44px;overflow: hidden}.itemcontenthome .name a {font-family: 'ws-font-tieudetin', 'ws-font-body', Arial, Helvetica, sans-serif;font-size: var(--ws-font-size-tieudetin);line-height: 22px}.itemcontenthome .description,.itemcontenthome .description p,.itemcontenthome .description span {font-size: 13px !important;color: rgb(68, 68, 68)}.itemcontenthome img {width: 100%}@media(max-width:480px) {.itemcontenthome .contentbox {background-color: #FFF;padding: 10px;box-shadow: 0px 0px 3px #dfdfdf;border-radius: 20px;margin: 5px}}.serviceitem { margin-bottom: 22px; }.serviceBox{position: relative;display: grid;grid-template-columns: 46% 54%;border-radius: 16px;overflow: hidden;background:linear-gradient(#fff, #fff) padding-box,linear-gradient(135deg, rgba(37,99,235,.35), rgba(255,0,0,.18), rgba(16,185,129,.22)) border-box;border: 1px solid transparent;box-shadow:0 10px 28px rgba(16,24,40,.10),0 1px 0 rgba(255,255,255,.9) inset;transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, border-color .28s ease;will-change: transform;isolation: isolate}.serviceitem:nth-child(even) .serviceBox{ grid-template-columns: 54% 46%; }.serviceitem:nth-child(even) .service-bg{ order: 2; }.serviceitem:nth-child(even) .service-content{ order: 1; }.serviceBox:hover{transform: translateY(-6px);box-shadow:0 18px 46px rgba(16,24,40,.16),0 1px 0 rgba(255,255,255,.92) inset}.serviceBox::after{content:"";position:absolute;inset: -40%;background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.18) 48%, transparent 62%);transform: translateX(-35%) rotate(10deg);opacity: 0;transition: opacity .2s ease, transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index: 3}.serviceBox:hover::after{opacity: 1;transform: translateX(35%) rotate(10deg)}.serviceBox .service-bg{position: relative;min-height: 220px;background: #f2f4f7;overflow: hidden}.serviceBox .service-bg::before{content:"";position:absolute;inset:0;background: radial-gradient(120% 90% at 20% 20%, rgba(37,99,235,.18), transparent 55%);z-index: 2;pointer-events:none}.serviceBox .service-bg img,.serviceBox .service-bg i,.serviceBox .service-bg .bg-gradient{width:100%;height:100%;object-fit:cover;display:block;transform: scale(1);transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .65s ease;will-change: transform}.serviceBox:hover .service-bg img{transform: scale(1.08) translateX(1%);filter: saturate(1.05) contrast(1.03)}.serviceBox .service-overlay{ display:none; }.serviceBox .service-content-hover{ display:none; }.serviceBox .service-content{position: relative;padding: 20px 20px 18px;display: flex;flex-direction: column;justify-content: center;gap: 10px;z-index: 4}.serviceBox .ten{margin: 0;font-weight: 800;font-size: var(--ws-fsize-tieudetin,16px);line-height: 23px;color: #0b5ed7;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;position: relative;padding-bottom: 6px}.serviceBox .ten::after{content:"";position:absolute;left:0;bottom:0;height: 2px;width: 44px;background: linear-gradient(90deg, #2563eb, rgba(255,0,0,.55));border-radius: 2px;transform-origin: left center;transform: scaleX(.55);transition: transform .28s ease, width .28s ease;opacity: .95}.serviceBox:hover .ten::after{width: 78px;transform: scaleX(1)}.serviceBox .ten:hover{ color: var(--ws-bg-hover,#ff0000); }.serviceBox .description{margin: 0;color: #475467;font-size: 13px;line-height: 1.65;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.serviceBox .service-content::after{content:"";position:absolute;left:0; right:0; bottom:0;height: 44px;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.92));pointer-events:none;opacity: .35}@media (max-width: 768px){.serviceBox{ grid-template-columns: 1fr; }.serviceitem:nth-child(even) .serviceBox{ grid-template-columns: 1fr; }.serviceitem:nth-child(even) .service-bg,.serviceitem:nth-child(even) .service-content{ order: initial; }.serviceBox .service-bg{ min-height: 190px; }}@media (prefers-reduced-motion: reduce){.serviceBox, .serviceBox *{ transition: none !important; }.serviceBox::after{ display:none !important; }}.itemintro {margin-bottom: 20px}.itemintro .contentbox {background-color: #FFF;padding: 10px;box-shadow: 0px 0px 3px #dfdfdf;border-radius: 20px;margin: 5px}.itemintro .image img {width: 100%;border-radius: 15px}.content-list .itemintro .image {max-width: 250px}.content-list .contentbox {display: flex}.content-list .itemintro a.d-table {margin: initial}.itemintro .cat {color: var(--ws-bg-hover)}.itemintro .cat i {padding-right: 5px}.itemintro .name {height: 44px;overflow: hidden;box-sizing: border-box;margin: 10px 0;font-family: 'ws-font-tieude', Arial, Helvetica, sans-serif;font-size: var(--ws-font-size-tieude)}.content-list .itemintro .name {margin-top: 0;height: auto}.itemintro .name a {line-height: 22px;font-size: 14px;font-weight: bold;display: block;box-sizing: border-box}.itemintro .image {padding: 0px}.content-list .cat {display: none}.itemintro .description {height: 60px;overflow: hidden;display: block;line-height: 20px}.content-list .itemintro .description {height: auto}.itemintro a.d-table {margin-left: auto;margin-right: auto}.content-list .main-contentt {padding-left: 20px}.home_img_intro img {width: 100%;border: 3px solid #FFF;border-radius: 8px}.home_mota_intro {font-size: 16px}@media (max-width:640px) {.home_mota_intro {margin-left: 0px}}.recruitment .contentbox {background-color: #f8f8f8;color: #000;-webkit-transition: .5s;transition: .5s;box-shadow: 0 5px 10px 0 rgb(50 65 141 / 7%);position: relative;overflow: hidden}.recruitment:hover .contentbox {box-shadow: 0 0px 4px 0 rgb(0 0 0 / 5%)}.wbutton_right_icon {position: absolute;bottom: 5px;right: 24px}.wbutton_right_icon a {position: relative;color: var(--ws-bg-main);z-index: 1}.wbutton_right_icon a::before {content: '';position: absolute;height: 110px;width: 110px;border: 2px solid #f7f7f7;bottom: -83px;z-index: -1;transform: rotate(-35deg);right: -38px;border-radius: 0 20px;transition: .5s}.recruitment:hover .wbutton_right_icon a {color: var(--ws-color-hover)}.recruitment:hover .wbutton_right_icon a::before {background: var(--ws-bg-hover)}.recruitment .date-published {background-color: var(--ws-bg-main);color: var(--ws-color-main);padding: 0.4rem;position: absolute;bottom: 0;left: 0}.recruitment .ngaydang {font-size: 14px;padding: 10px 0 0;display: block}.recruitment:hover .image:before {-webkit-transform: scale(1.2);transform: scale(1.2)}.recruitment .image:before {position: absolute;content: '';top: 0;left: 0;bottom: 0;right: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: .5s;transition: .5s;z-index: 1;background: #00000080}.recruitment .image {overflow: hidden}.recruitment:hover .witr_top_category {-webkit-transform: scale(1);transform: scale(1)}.witr_top_category span ul li a {padding: 3px 10px;border-radius: 5px;margin: 0 10px 10px 0;display: inline-block;background: var(--ws-bg-main);color: var(--ws-color-main)}.witr_top_category {position: absolute;left: 20px;top: 20px;z-index: 999;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: .5s;transition: .5s}.recruitment:hover .image img {-webkit-transform: scale(1.2);transform: scale(1.2)}.recruitment .image img {width: 100%;height: auto !important;-webkit-transition: .5s;transition: .5s}.content-list .recruitment .image {max-width: 250px}.content-list .contentbox {display: flex}.content-list .recruitment a.d-table {margin: initial}.recruitment .cat {color: var(--ws-bg-hover)}.recruitment .cat i {padding-right: 5px}.recruitment .name {height: 44px;overflow: hidden;box-sizing: border-box;margin: 10px 0;font-family: 'ws-font-tieude', Arial, Helvetica, sans-serif;font-size: var(--ws-font-size-tieude)}.content-list .recruitment .name {margin-top: 0;height: auto}.recruitment .name a {line-height: 22px;font-size: 14px;font-weight: bold;display: block;box-sizing: border-box;font-size: var(--ws-font-size-tieudetin);font-family: "ws-font-tieudetin", 'ws-font-body', Arial, sans-serif}.recruitment .image {padding: 0px}.content-list .cat {display: none}.recruitment .description {height: 60px;overflow: hidden;display: block;line-height: 20px;margin-bottom: 30px;font-size: 13px}.content-list .recruitment .description {height: auto}.btn-hover-only:hover {background-color: var(--ws-bg-hover);color: var(--ws-color-hover)}.recruitment .main-contentt {padding: 25px 20px;background-color: #fff}.content-list .main-contentt {padding-left: 20px}@media (max-width: 360px) {.content-grid .recruitment {max-width: 100%;flex: 0 0 100%}.content-list .contentbox {display: block}.content-list .recruitment .image {max-width: 100%}.content-list .main-contentt {padding-left: 0}}.recruitmenthome .name {font-weight: bold;height: 44px;overflow: hidden}.recruitmenthome .name a {font-family: 'ws-font-tieudetin', 'ws-font-body', Arial, Helvetica, sans-serif;font-size: var(--ws-font-size-tieudetin);line-height: 22px}.recruitmenthome .description,.recruitmenthome .description p,.recruitmenthome .description span {font-size: 13px !important;color: rgb(68, 68, 68)}.recruitmenthome img {width: 100%}@media(max-width:480px) {.recruitmenthome .contentbox {background-color: #FFF;padding: 10px;box-shadow: 0px 0px 3px #dfdfdf;border-radius: 20px;margin: 5px}}.itemgallery{border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 2px #dfdfdf}.itemgallery img {width: 100%}.itemgallery a {display: flex}.itemgallery .image {overflow: hidden}.itemgallery .image img {transform: scale(1);transition: all .6s}.itemgallery:hover .image img {transform: scale(1.05);transition: all .6s}.itemgallery .altimage {background: linear-gradient(0deg, rgba(15,15,15,0.83) 0%, rgba(110,110,110,0) 100%);color: #FFF;text-align: center;padding: 8px 3px;position: absolute;bottom: 0;width: 100%;opacity:1;transition:all 0.3s ease 0s;transform: scale(1)}.itemgallery:hover .altimage {opacity: 1;transform: scale(1.05);background: linear-gradient(0deg,rgba(110,110,110,0) 0%, rgba(15,15,15,0.83) 100%);transition:all 0.3s ease 0s}.itemgallery .altimage2 {opacity: 1 !important}.itemgallery .altimage2 a {width: 100%;display: block}.customerreviewRun .owl-dots {position: absolute;top: -40px;right: 0}.customerreviews .fancybox-content {max-width: 960px}.customerreviews .media-object {max-width: 600px}.customerreviews .media-left {padding-right: 20px}.owl-carousel .custom-item {width: 100%}.custom-item {color: #000}.custom-item .img {margin-bottom: -45px;border: 2px solid #FFF;width: 150px;overflow: hidden;transition: all 0.3s}.custom-item .group-info {padding-top: 55px !important;border: 1px solid #FFF}.custom-item:hover .group-info {border: 1px solid #dfdfdf}.custom-item:hover .img {border-color: var(--ws-bg-hover);transition: all 0.3s}.custom-item .ten {font-weight: bold;color: var(--ws-bg-main);display: block;font-size: var(--ws-font-size-tieudetin);text-align: left;text-align: center;padding: 10px;line-height: 20px;text-transform: uppercase;margin-bottom: 10px;font-family: 'ws-font-tieudetin', 'ws-font-body'}.custom-item .xemchitiet {color: var(--ws-color-hover);cursor: pointer;display: table;margin: auto}.custom-item .chucvu {font-style: italic;color: #00d1f9;font-size: 13px;line-height: 1.5}@media (max-width: 480px) {.custom-item .info {text-align: left}}.accordion-body {max-height: 500px;overflow: auto}.accordion-flush .accordion-item .accordion-button {padding: 8px 20px}#accordionQuestion.accordion-question .accordion-item {margin-bottom: 0;background-color: transparent;border: none;border-bottom: 1px dashed #dfdfdf;border-radius: 0;box-shadow: none;overflow: hidden;transition: background-color .25s ease}#accordionQuestion.accordion-question .accordion-item:last-child {border-bottom: none}#accordionQuestion.accordion-question .accordion-header {margin: 0}#accordionQuestion.accordion-question .accordion-button {width: 100%;padding: 14px 18px;font-family: inherit;font-size: 15.5px;font-weight: 600;line-height: 1.4;color: #1d1d1d;background-color: transparent;background-image: none;border: 0;border-radius: 0;box-shadow: none;transition: background-color .25s ease, color .25s ease}#accordionQuestion.accordion-question .accordion-button:focus {outline: none;box-shadow: none}#accordionQuestion.accordion-question .accordion-button:hover {color: var(--ws-bg-title)}#accordionQuestion.accordion-question .accordion-button:not(.collapsed) {color: var(--ws-bg-title);background-color: transparent;background-image: none}#accordionQuestion.accordion-question .accordion-button::after {flex-shrink: 0;width: 1rem;height: 1rem;margin-left: auto;background-size: 1rem;transition: transform .25s ease}#accordionQuestion.accordion-question .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236b7280'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}#accordionQuestion.accordion-question .accordion-body {padding: 12px 18px 16px;font-size: 15px;line-height: 1.7;color: #6b6b6b;background-color: transparent;max-height: none;overflow: visible}@media (max-width: 767.98px) {#accordionQuestion.accordion-question .accordion-button {padding: 12px 14px;font-size: 14.5px}#accordionQuestion.accordion-question .accordion-body {padding: 10px 14px 14px;font-size: 14px}}.itemvideohome {background-color: #FFF;box-shadow: 0px 0px 2px #dfdfdf;border-radius: 8px;text-align: center;background-color: #f3f3f3}.itemvideohome i {font-size: 50px;color: rgb(211, 10, 10)}.video-over {top: 0;left: 0;background-color: rgba(0, 0, 0, .1);cursor: pointer}.itemvideo .content-container {overflow: hidden}.itemvideo img {width: 100%;transform: scale(1);transition: all 0.2s ease 0.2s}.itemvideo:hover img {transform: scale(1.1);transition: all 0.2s ease 0.2s}.itemvideo .name {font-family: 'ws-font-tieudetin', 'ws-font-body', Arial, Helvetica, sans-serif;text-align: center;background-color: #ffffff;line-height: 20px;height: 50px;overflow: hidden}.itemvideo video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; }.designby {background-color: var(--ws-bg-design);color: var(--ws-color-design);font-family: 'ws-font-bottom', 'ws-font-body', Arial, Helvetica, sans-serif;font-size: var(--ws-font-size-designby)}.designby p {line-height: 22px;margin: 0px}:root {--tienich-width-main: 60px;--tienich-width: 40px;--tienich-height: 40px;--tienich-circle-width: 50px;--tienich-circle-height: 50px}.vitri1 {top: 80px;left: 0px}.vitri2 {top: 80px;right: 0px}.vitri3 {bottom: 50px;left: 0px}.vitri4 {bottom: 50px;right: 0px}.tienichcuocgoi {position: fixed;z-index: 999}.tienichcuocgoi ul {padding: 10px 10px;width: var( --tienich-width-main)}.tienichcuocgoi ul li {margin-bottom: 10px;position: relative;display: flex}.tienichcuocgoi ul li .icimg,.tienichcuocgoi ul li .tienichname {float: left;position: absolute;display: flex}.tienichcuocgoi.vitri2 ul li .icimg,.tienichcuocgoi.vitri4 ul li .icimg,.tienichcuocgoi.vitri2 ul li .tienichname,.tienichcuocgoi.vitri4 ul li .tienichname {float: right}.tienichcuocgoi ul li img {width: var(--tienich-width);height: var(--tienich-height);border-radius: 50%}.tienichcuocgoi ul li a {line-height: var(--tienich-height);height: var(--tienich-height);min-width: var(--tienich-width)}.tienich_lenh {width: var(--tienich-width);height: var(--tienich-height);background-color: var(--ws-bg-title);color: var(--ws-color-title);border-radius: 50%;text-align: center;line-height: var(--tienich-height);margin: 5px 10px;cursor: pointer;display: none}.tienich_lenh i {font-size: 25px}.tienichcuocgoi ul li .icimg {z-index: 9}.tienichcuocgoi ul li a:hover .icimg {-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center}.tienichcuocgoi ul li .tienichname {display: none;width: 0px;position: absolute;white-space: nowrap;box-shadow: 0px 0px 2px #00000057;transition: min-width 1s;z-index: 8}.tienichcuocgoi ul li a:hover .tienichname {width: auto;display: block;left: 0px;right: unset;background-color: #FFF;box-shadow: 0px 0px 2px #00000057;border-radius: 40px;padding: 0px 10px 0px 50px}.tienichcuocgoi.vitri2 ul li a:hover .tienichname,.tienichcuocgoi.vitri4 ul li a:hover .tienichname {padding: 0px 50px 0px 10px;right: 0px;left: unset}.tienichcuocgoi ul li.sodienthoai a {padding-right: 13px;color: #F00;font-size: 20px;text-transform: uppercase;font-weight: bold;font-family: 'ws-font-title', 'ws-font-body'}.suntory-alo-phone {background-color: transparent;cursor: pointer;width: var(--tienich-circle-width);height: var(--tienich-circle-height);position: fixed;transition: visibility 0.5s ease 0s;z-index: 200000}.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {border-color: #005c91;opacity: 1}.suntory-alo-ph-circle {animation: 2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color: #ff8383;border: 2px solid #fc2020;border-radius: 100%;width: var(--tienich-circle-width);height: var(--tienich-circle-height);left: -5px;opacity: 0.1;position: absolute;top: -5px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s}.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {background-color: #f072724d}.suntory-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border: 2px solid transparent;border-radius: 100%;height: var(--tienich-width);width: var(--tienich-height);position: absolute;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s}.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {background-color: #ff3434}.suntory-alo-ph-img-circle {border: 2px solid transparent;border-radius: 100%;width: var(--tienich-width);height: var(--tienich-height);opacity: 1;transform-origin: 50% 50% 0}@keyframes suntory-alo-circle-img-anim {0% {transform: rotate(0deg) scale(1) skew(1deg)}10% {transform: rotate(-25deg) scale(1) skew(1deg)}20% {transform: rotate(25deg) scale(1) skew(1deg)}30% {transform: rotate(-25deg) scale(1) skew(1deg)}40% {transform: rotate(25deg) scale(1) skew(1deg)}50% {transform: rotate(0deg) scale(1) skew(1deg)}100% {transform: rotate(0deg) scale(1) skew(1deg)}}@keyframes suntory-alo-circle-anim {0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg)}50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg)}100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg)}}@keyframes suntory-alo-circle-fill-anim {0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg)}50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg)}100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg)}}@keyframes phonering-alo-circle-img-anim {0% {-webkit-transform: rotate(0) scale(1) skew(1deg)}10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg)}30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg)}50% {-webkit-transform: rotate(0) scale(1) skew(1deg)}100% {-webkit-transform: rotate(0) scale(1) skew(1deg)}}img.lac {-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center}.tienichcuocgoi.themes1 ul.active {max-height: 100%;visibility: visible}.tienichcuocgoi.themes1 ul {max-height: 0;overflow: hidden;visibility: hidden}.tienichcuocgoi.themes1 ul li a:hover .tienichname {display: none !important}.tienichcuocgoi.themes1 .tienich_lenh {display: table}.tienichcuocgoi.themes3.vitri2 ul li.sodienthoai a .tienichname,.tienichcuocgoi.themes3.vitri4 ul li.sodienthoai a .tienichname {left: unset;width: auto;display: block;left: unset;right: 0px;background-color: #FFF;box-shadow: 0px 0px 2px #00000057;border-radius: 40px;padding: 0px 50px 0px 10px}.tienichcuocgoi.themes3.vitri1 ul li.sodienthoai a .tienichname,.tienichcuocgoi.themes3.vitri3 ul li.sodienthoai a .tienichname {left: unset;width: auto;display: block;left: 0px;right: unset;background-color: #FFF;box-shadow: 0px 0px 2px #00000057;border-radius: 40px;padding: 0px 10px 0px 50px}.tienichcuocgoi.themes4 ul li a .icimg {-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center}.tienichcuocgoi.themes4.vitri2 ul li.sodienthoai a .tienichname,.tienichcuocgoi.themes4.vitri4 ul li.sodienthoai a .tienichname {left: unset;width: auto;display: block;left: unset;right: 0px;background-color: #FFF;box-shadow: 0px 0px 2px #00000057;border-radius: 40px;padding: 0px 50px 0px 10px}.tienichcuocgoi.themes4.vitri1 ul li.sodienthoai a .tienichname,.tienichcuocgoi.themes4.vitri3 ul li.sodienthoai a .tienichname {left: unset;width: auto;display: block;left: 0px;right: unset;background-color: #FFF;box-shadow: 0px 0px 2px #00000057;border-radius: 40px;padding: 0px 10px 0px 50px}.tiMbGroup {background: #fff;border-radius: 10px 10px 0 0;bottom: 0;box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);display: flex;left: 0;padding: 10px 0 0;position: fixed;width: 100%;z-index: 100;display: block}ul.timb {width: 100%;text-align: center}ul.timb li.btn-menu-mobile i {margin-right: 0px}ul.timb li.btn-menu-mobile {text-transform: unset;padding: unset;color: unset;display: block;margin-right: unset;text-align: center}ul.timb li {font-size: 11px;color: #3f3f3f;text-align: center}ul.timb>li>span,ul.timb>li>a>span {width: 100%;text-align: center;display: block;height: 28px}ul.timb li i {font-size: 20px}ul.timb>li>a img {max-width: 25px;max-height: 25px;display: table;margin: auto}ul.timb .cartitemsl {right: 0;margin-top: 0}@media(min-width:769px) {.tiMbGroup {display: none}}@media(max-width:768px) {.tienichcuocgoi {display: none}}ul.timb li .showlistdm {display: none;opacity: 0;transition: all 0.3s ease 0s}ul.timb li.active {color: #F00}ul.timb li.active .showlistdm {SIZE: A5;background-color: #FFF;position: fixed;height: calc(100% - 55px);width: 100%;left: 0;bottom: 55px;display: block;opacity: 1;transition: all 0.3s ease 0s;color: #000}.contentloadmobile {position: relative;height: 100%}ul.ultabmenu {width: 130px;overflow-y: auto;overflow-x: unset;height: 100%;background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 49%, rgba(242, 242, 242, 1) 100%)}ul.ultabmenu::-webkit-scrollbar {width: 0px}ul.ultabmenu .nav-item {width: 100%}.nav-item .linkitem {display: inline-block;width: 100%;color: #272727;border-bottom: 1px solid #dfdfdf5e;padding: 5px 4px}.nav-item .linkitem .icimg {width: 100%;display: inline-block;text-align: center}.nav-item .linkitem img {max-width: 90%;height: auto;border-radius: 8px}.nav-item .linkitem.active {font-weight: bold;background-color: #FFF}.nav-item .linkitem span.img {width: 100%;display: inline-block}.nav-item .linkitem span.img img {max-width: 90%;height: auto}.contentloadmobile .tab-content {width: 100%}.tabgroupcontentmb {height: 100%;overflow-y: auto;overflow-x: hidden;padding-top: 20px}.listcate>div.col {text-align: left;border-left: 1px solid var(--ws-bg-title);margin-bottom: 15px}.listcate>div>a {font-weight: bold}.listcate .groupboxdm {margin: 0px 10px}.listcate .itemdmc2 {font-weight: bold;font-size: 14px}.listcate .itemdmc3 a {font-size: 14px}.closemnb {position: absolute;z-index: 99999}.ullisttin li .img {width: 70px;display: inline-flex;float: left}.ullisttin li .img img {width: 100%;height: auto}.ullisttin li .name {font-weight: bold;margin-left: 8px;text-align: left}.ldp_title_wrap{ margin-bottom: 10px; }.title_ldp{margin: 0;font-family: var(--ws-font-title), system-ui, sans-serif;font-size: var(--ws-font-size-title);font-weight: 800;letter-spacing: .5px;line-height: 1.15;text-transform: uppercase;text-align: left}@media(max-width:480px){.title_ldp{ font-size: var(--ws-font-size-title-mobile); }}.galleryitem .image{display: flex; align-items: center;justify-content: center}.galleryitem .image img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all 0.3s}.galleryitem .image:hover img{transform: scale(1.05);transition: all 0.3s ease 0s}.galleryitem .galleryitem-name{padding: 5px;text-align: center;font-weight: bold;font-size: 16px}.galleryitem-namev2 {position: absolute;width: 100%;bottom: 0;left: 0;padding: 8px 15px;font-weight: bold;font-size: 16px;text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.54); }.ul-tabldp{margin: auto}.ul-tabldp>li{padding: 8px 10px;font-weight: bold}.ul-tabldp>li.active{color: red}.tool-menu {--color-arrow: var(--ws-bg-title);--color-border-arrow: var(--ws-bg-title);float: right}.tool-menu .toolmenuicon {}.tool-menu>li .toolmenuicon i:last-child {top: 100%;left: 50%;transform: translateX(-50%);z-index: 9;margin-top: 10px}.tool-menu>li .toolmenuicon i:last-child {visibility: hidden;overflow: 0}.tool-menu>li.active .toolmenuicon i:last-child {visibility: visible;opacity: 1;-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration: 0.8s}.tool-menu>li>.toolmenuicon i:last-child:after,.tool-menu>li>.toolmenuicon i:last-child:before {bottom: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none}.tool-menu>li>.toolmenuicon i:last-child:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: var(--color-arrow);border-width: 5px;margin-left: -5px}.tool-menu>li>.toolmenuicon i:last-child:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: var(--color-border-arrow);border-width: 7px;margin-left: -7px}.tool-menu .cartitemsl {margin-right: 0px}.header-iconnav .fa-caret-up,.header-user .fa-caret-up {display: none}.tool-menu .toolmenucontent {z-index: 999;width: 100%;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;visibility: hidden;opacity: 0}.toolmenu-heading {background-color: var(--ws-bg-title);color: var(--ws-color-title)}.sanphamyeuthichtoolicon i {font-size: 23px}.sanphamyeuthichtoolicon.active i {color: #F00}@media (min-width: 992px) {.tool-menu .toolmenucontent {width: 400px}}.tool-menu .toolmenucontent.show {visibility: visible;opacity: 1;margin-top: 10px;z-index: 9999}.search-dropdown>form {background-color: #fff;padding: 1.5rem}.search-dropdown>form input[type="text"]:focus {outline: none;box-shadow: none}.search-dropdown>form .btn:hover {background-color: transparent;color: var(--ws-color-hover)}.menu-mobile-show .header-iconnav .fa-caret-up,.header-user.active .fa-caret-up {bottom: -5px;left: 50%;transform: translateX(-50%);display: block}.toolmenuicon i:first-child {padding-left: 5px;padding-right: 7px}@media(max-width:768px) {#toolmenu {background-color: transparent}}@media (max-width: 640px) {.toolmenuicon i:first-child {padding-left: 8px;padding-right: 8px}.toolmenucontent {left: 0;width: 100% !important;padding-left: 15px !important;padding-right: 15px !important;height: 100vh !important}.search-dropdown.toolmenucontent {box-shadow: none !important}.tool-menu .toolmenucontent.show,.tool-menu>li .toolmenuicon i:last-child {margin-top: 0}.tool-menu .toolmenucontent {z-index: 99;width: 100vw;-webkit-animation-duration: 0.4s;animation-duration: 0.4s}.header-menu-dropdown {overflow-y: auto}}section.bottom {font-size: var(--ws-font-size-bottom);font-family: 'ws-font-bottom', 'ws-font-body'}.bgcolorbottom {background-color: var(--ws-bg-bottom);color: var(--ws-color-bottom);background-image: var(--ws-bggradient-bottom)}.group_bottom_menu .bottom-content li {padding-bottom: 0.5rem}.bottom .item-bottom {padding:30px 15px}.bottom .item-bottom>ul>li {margin-bottom: 30px}.bottomcontent i[class^="fa"] {width: 30px;height: 30px;color: #000;text-align: center;line-height: 30px;border: 1px solid #FFF;border-radius: 15px;background-color: #f9f9f9;transition: all 0.3s}.bottomcontent p:hover i[class^="fa"] {transition: all 0.3s;-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;background-color: #e9e9e9}@media(max-width:480px){.bottom .item-bottom {padding:15px 15px}}.bottom .item-bottom { --dmb-color: var(--ws-color-bottom, #fff); --dmb-bg: var(--ws-bg-bottom, #315f7e); --dmb-accent: color-mix(in srgb, var(--dmb-color) 70%, transparent); --dmb-hover: var(--dmb-color); --dmb-line: color-mix(in srgb, var(--dmb-color) 50%, transparent); --dmb-line-soft: color-mix(in srgb, var(--dmb-color) 22%, transparent); --dmb-surface: color-mix(in srgb, var(--dmb-color) 8%, transparent); --dmb-surface-hover: color-mix(in srgb, var(--dmb-color) 14%, transparent); --dmb-shadow: color-mix(in srgb, var(--dmb-bg) 40%, transparent)}.danhmuc-bottom { position: relative}.danhmuc-bottom>ul, .danhmuc-bottom>ul>li>ul { margin: 0; padding: 0; list-style: none}.danhmuc-bottom>ul>li { --dmb-icon-code: "\f085"; min-width: 0}.danhmuc-bottom>ul>li:nth-child(2) { --dmb-icon-code: "\f1b2"}.danhmuc-bottom>ul>li:nth-child(3) { --dmb-icon-code: "\f1ea"}.bottom .item-bottom .bottom-title { position: relative; margin-bottom: 20px !important; display: inline-flex; align-items: center; gap: 10px; color: var(--dmb-color); font-size: 16px; font-weight: 700; line-height: 1.3; letter-spacing: .055em; text-transform: uppercase; text-decoration: none; transition: color .3s ease, transform .3s ease}.danhmuc-bottom>ul>li:hover>.bottom-title, .bottom .item-bottom>.bottom-title:hover { color: var(--dmb-hover); transform: translateY(-2px)}.danhmuc-bottom>ul>li:hover>.bottom-title::after, .bottom .item-bottom>.bottom-title:hover::after { width: 100%}.danhmuc-bottom>ul>li>ul>li { position: relative; padding-left: 18px; list-style: none}.danhmuc-bottom>ul>li>ul>li::before { content: ""; position: absolute; left: 0; top: 15px; width: 6px; height: 6px; border: 2px solid var(--dmb-accent); border-radius: 50%; transition: background .25s ease, transform .3s ease}.danhmuc-bottom>ul>li>ul>li>a { display: inline-block; position: relative; padding: 6px 0; color: var(--dmb-color); font-size: 13px; line-height: 1.55; text-decoration: none; transition: color .25s ease, transform .3s ease}.danhmuc-bottom>ul>li>ul>li:hover::before { background: var(--dmb-hover); transform: scale(1.25)}.danhmuc-bottom>ul>li>ul>li:hover>a { color: var(--dmb-hover); transform: translateX(5px)}.bottom .item-bottom a:focus-visible, .bottom .item-bottom .bottom-title:focus-visible { outline: 2px solid var(--dmb-accent); outline-offset: 3px; border-radius: 3px}@media(max-width:575.98px) { .bottom .item-bottom .bottom-title {font-size: 15px } .danhmuc-bottom>ul>li>ul>li>a {padding: 5px 0 }}@media(prefers-reduced-motion:reduce) { .bottom .item-bottom * {transition: none !important }}.danhmuc-bottom {--dmb-cols: 1;--dmb-gap: 1.5rem;--dmb-track: 1fr}@media (min-width: 768px) {.danhmuc-bottom {--dmb-cols: 3}}.danhmuc-bottom>ul {display: grid;grid-template-columns: repeat(var(--dmb-cols), var(--dmb-track));gap: var(--dmb-gap);width: 100%;margin: 0;padding: 0;list-style: none}.danhmuc-bottom>ul>li {min-width: 0}.bottom .item-bottom.danhmuc-bottom>ul>li {margin-bottom: 0}.bottom-vungtren,.bottom-vungduoi {display: block;width: 100%;padding: 14px 0}.bottom-vungtren > .ws-container > *:first-child,.bottom-vungduoi > .ws-container > *:first-child { margin-top: 0; }.bottom-vungtren > .ws-container > *:last-child,.bottom-vungduoi > .ws-container > *:last-child { margin-bottom: 0; }.bottom-vungtren img,.bottom-vungduoi img { max-width: 100%; height: auto; }.bottom-vungtren iframe,.bottom-vungduoi iframe { max-width: 100%; }@media (max-width: 767.98px) {.bottom-vungtren,.bottom-vungduoi { padding: 10px 0; }}.bottom {--bt-color: var(--ws-color-bottom, #fff);--bt-bg: var(--ws-bg-bottom, #315f7e);--bt-line: color-mix(in srgb, var(--bt-color) 44%, transparent);--bt-border: color-mix(in srgb, var(--bt-color) 17%, transparent);--bt-surface: color-mix(in srgb, var(--bt-color) 10%, transparent);--bt-surface-soft: color-mix(in srgb, var(--bt-color) 2%, transparent)}.bottom .row > .item-bottom {position: relative;isolation: isolate;padding-top: 18px;padding-bottom: 18px}.bottom .row > .item-bottom:nth-child(even)::before {background: linear-gradient(225deg, var(--bt-surface), var(--bt-surface-soft) 55%, transparent)}@media (min-width: 768px) {.bottom .row > .item-bottom + .item-bottom::after {content: "";position: absolute;z-index: 2;top: 7%;bottom: 7%;left: -3px;width: 7px;background:radial-gradient(circle, var(--bt-color) 0 3px, transparent 3.5px) center / 7px 7px no-repeat,linear-gradient(to bottom, transparent, var(--bt-line) 20%, var(--bt-line) 80%, transparent) center / 1px 100% no-repeat;pointer-events: none}}@media (max-width: 767.98px) {.bottom .row > .item-bottom + .item-bottom::after {content: "";position: absolute;z-index: 2;right: calc(var(--bs-gutter-x, 1.5rem) * .5);left: calc(var(--bs-gutter-x, 1.5rem) * .5);top: -3px;height: 7px;background:radial-gradient(circle, var(--bt-color) 0 3px, transparent 3.5px) center / 7px 7px no-repeat,linear-gradient(to right, transparent, var(--bt-line) 20%, var(--bt-line) 80%, transparent) center / 100% 1px no-repeat;pointer-events: none}}section.bottom {position: relative;isolation: isolate;overflow: hidden}section.bottom > .bgcolorbottom {position: relative}section.bottom > .bgcolorbottom > .ws-container {position: relative;z-index: 3}section.bottom::before,section.bottom::after,section.bottom > .bgcolorbottom::before,section.bottom > .bgcolorbottom::after {content: "";position: absolute;z-index: 1;pointer-events: none;transform-origin: center;backface-visibility: hidden;will-change: transform, opacity, filter;animation-iteration-count: infinite !important;animation-play-state: running !important;animation-fill-mode: both !important}section.bottom {--bt-text: var(--ws-color-bottom, #ffffff);--bt-c1: var(--ws-bottom-c1, color-mix(in srgb, var(--bt-text) 56%, #38bdf8));--bt-c2: var(--ws-bottom-c2, color-mix(in srgb, var(--bt-text) 53%, #a78bfa));--bt-c3: var(--ws-bottom-c3, color-mix(in srgb, var(--bt-text) 53%, #fbbf24));--bt-c4: var(--ws-bottom-c4, color-mix(in srgb, var(--bt-text) 54%, #2dd4bf))}section.bottom::before {top: 10%; left: 3%; width: 96px; height: 96px; border-radius: 50%;border: 2px solid color-mix(in srgb, var(--bt-c1) 46%, transparent);box-shadow: inset 0 0 28px color-mix(in srgb, var(--bt-c1) 20%, transparent), 380px 165px 0 -35px color-mix(in srgb, var(--bt-c2) 37%, transparent);--wsm-scale: 1.1; animation: wsm-pulse 7.1s ease-in-out infinite !important}section.bottom::after {right: 5%; top: 12%; width: 86px; height: 74px;border: 2px solid color-mix(in srgb, var(--bt-c4) 48%, transparent);background: color-mix(in srgb, var(--bt-c4) 22%, transparent);clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);animation: wsm-spin 20.2s linear infinite !important}section.bottom > .bgcolorbottom::before {left: 35%; bottom: 10%; width: 52px; height: 52px; border-radius: 12px;border: 2px solid color-mix(in srgb, var(--bt-c2) 48%, transparent);background: color-mix(in srgb, var(--bt-c2) 23%, transparent);--wsm-angle: 12deg; animation: wsm-swing 7.8s ease-in-out infinite !important}section.bottom > .bgcolorbottom::after {right: 29%; bottom: 12%; width: 22px; height: 22px; border-radius: 50%;background: color-mix(in srgb, var(--bt-c3) 48%, transparent);box-shadow: -260px -120px 0 2px color-mix(in srgb, var(--bt-c1) 37%, transparent), 190px -135px 0 4px color-mix(in srgb, var(--bt-c4) 37%, transparent);--wsm-distance: 16px; animation: wsm-float-xy 12.4s ease-in-out infinite !important}@keyframes wsm-float-y {0%, 100% { transform: translateY(calc(var(--wsm-distance, 15px) * -1)); }50% { transform: translateY(var(--wsm-distance, 15px)); }}@keyframes wsm-float-x {0%, 100% { transform: translateX(calc(var(--wsm-distance, 15px) * -1)); }50% { transform: translateX(var(--wsm-distance, 15px)); }}@keyframes wsm-float-xy {0%, 100% { transform: translate(calc(var(--wsm-distance, 15px) * -1), calc(var(--wsm-distance, 15px) * -1)); }25% { transform: translate(var(--wsm-distance, 15px), calc(var(--wsm-distance, 15px) * -1)); }50% { transform: translate(var(--wsm-distance, 15px), var(--wsm-distance, 15px)); }75% { transform: translate(calc(var(--wsm-distance, 15px) * -1), var(--wsm-distance, 15px)); }}@keyframes wsm-swing {0%, 100% { transform: rotate(calc(var(--wsm-angle, 10deg) * -1)); }50% { transform: rotate(var(--wsm-angle, 10deg)); }}@keyframes wsm-spin {to { transform: rotate(360deg); }}@keyframes wsm-pulse {0%, 100% { transform: scale(1); opacity: .57; }50% { transform: scale(var(--wsm-scale, 1.1)); opacity: .85; }}section.bottom{--ws-bottom-item-rule:3}:where(.top-container) {--ws-top-ease: cubic-bezier(.4,0,.2,1);--ws-top-radius: 8px;--ws-top-radius-sm: 6px;--ws-top-shadow: 0 12px 28px rgba(15,23,42,.10), 0 2px 6px rgba(15,23,42,.05);--ws-top-divider: rgba(15,23,42,.06);--ws-top-text: #1e293b;--ws-top-text-muted: #475569;--ws-top-tint: rgba(15,23,42,.04)}.top-container {background-color: var(--ws-bg-top);color: var(--ws-color-top)}.bgcolortop {background-color: var(--ws-bg-top);background-image: var(--ws-bggradient-top);color: var(--ws-color-top)}.thongtin-top { color: var(--ws-color-top); }.thongtin-top p { line-height:38px; }.thongtin-top ul { display:flex; }.thongtin-top * { color:inherit !important; font-size:14px; }.thongtin-top ul > li { padding:0 10px; }.thongtin-top ul > li:last-child {border-left:1px solid #ccc}.login-top-group [class^="btn-"] { color:#fff; }.login-top-group a:hover { color:#ff0; }.ul_ketnoivoichungtoi {display:inline-flex;margin:3px 15px}.ul_ketnoivoichungtoi li {position:relative;width:36px; height:36px;margin:0 3px; padding:3px;border:1px solid rgba(255,255,255,.46);border-radius:50%;text-align:center}.ul_ketnoivoichungtoi li::before {content:"";position:absolute;left:50%; top:50%;width:0; height:0;border-radius:50%;background-color: var(--ws-bg-hover);color: var(--ws-color-hover);z-index:-1;transition: all .3s var(--ws-top-ease)}.ul_ketnoivoichungtoi li:hover {box-shadow:0 0 3px #dfdfdf}.ul_ketnoivoichungtoi li:hover::before {left:0; top:0;width:100%; height:100%;background-color: var(--ws-bg-hover)}.ul_ketnoivoichungtoi li:hover::before i {color: var(--ws-color-hover)}.ul_ketnoivoichungtoi li a { color: var(--ws-bg-title); }.ul_ketnoivoichungtoi li i {font-size:20px;margin-top:4px;color:#fff}#wapper_top .menutop {z-index:9999}#wapper_top .menutop > ul {display:flex;z-index:9999}#wapper_top .menutop > ul > li {position:relative;height:100%;display:flex; align-items:center;z-index:9;border-left:1px solid rgba(243,243,243,.10);border-right:1px solid rgba(95,95,95,.13);perspective: 1000px}#wapper_top .menutop > ul > li:first-child { border-left:0; }#wapper_top .menutop > ul > li:last-child { border-right:0; }#wapper_top .menutop > ul > li > a {position:relative;display:block;padding:8px 1rem;color: var(--ws-color-top);font-size: var(--ws-font-size-top);text-decoration:none;transition: background .25s var(--ws-top-ease),color .25s var(--ws-top-ease)}#wapper_top .menutop > ul > li > a:hover,#wapper_top .menutop > ul > li.active > a {background-color: rgba(255,255,255,.08)}#wapper_top .menutop > ul > li:has(> ul) > a {padding-right: calc(1rem + 14px)}#wapper_top .menutop > ul > li:has(> ul) > a::after {content:"\f107";font-family:"Font Awesome 5 Pro";position:absolute;right:.85rem; top:50%;font-size:10px; opacity:.65;transform: translateY(-50%);transition: transform .3s var(--ws-top-ease),opacity .3s var(--ws-top-ease)}#wapper_top .menutop > ul > li:has(> ul):hover > a::after {opacity:1;transform: translateY(-50%) rotate(180deg)}#wapper_top .menutop ul ul {position:absolute;left:0; top:200%;min-width:210px; max-width:280px;padding:5px 0;background: linear-gradient(160deg,#ffffff 0%,#f8fafc 55%,#f1f5f9 100%);color: var(--ws-top-text);border-radius: var(--ws-top-radius);border-top: 2px solid var(--ws-bg-title);box-shadow: var(--ws-top-shadow);transform-origin: top center;transform: perspective(1000px) rotateX(-90deg);visibility:hidden; opacity:0;transition: opacity .35s var(--ws-top-ease),transform .45s cubic-bezier(.34,1.3,.64,1),visibility 0s linear .35s;z-index:9999}#wapper_top .menutop > ul > li:hover > ul {visibility:visible; opacity:1;top: calc(100% + 8px);transform: perspective(1000px) rotateX(0);transition: opacity .35s var(--ws-top-ease),transform .45s cubic-bezier(.34,1.3,.64,1),visibility 0s}#wapper_top .menutop ul ul ul {top:0; left:100%;transform-origin: left center;transform: perspective(1000px) rotateY(-90deg)}#wapper_top .menutop ul ul li:hover > ul {visibility:visible; opacity:1;top:0; left: calc(100% + 6px);transform: perspective(1000px) rotateY(0);transition: opacity .35s var(--ws-top-ease),transform .45s cubic-bezier(.34,1.3,.64,1),visibility 0s}#wapper_top .menutop > ul > li:has(> ul)::after {content:"";position:absolute;left:0; right:0;top:100%; height:12px;background:transparent;pointer-events:auto}#wapper_top .menutop ul ul li:has(> ul)::after {content:"";position:absolute;top:0; bottom:0;left:100%; width:8px;background:transparent;pointer-events:auto}#wapper_top .menutop ul ul li {position:relative;opacity:0;transform: translateX(-6px);transition: opacity .3s var(--ws-top-ease),transform .3s var(--ws-top-ease),background .2s var(--ws-top-ease)}#wapper_top .menutop > ul > li:hover > ul > li,#wapper_top .menutop ul ul li:hover > ul > li {opacity:1; transform: translateX(0)}#wapper_top .menutop > ul > li:hover > ul > li:nth-child(1) { transition-delay:.04s; }#wapper_top .menutop > ul > li:hover > ul > li:nth-child(2) { transition-delay:.08s; }#wapper_top .menutop > ul > li:hover > ul > li:nth-child(3) { transition-delay:.12s; }#wapper_top .menutop > ul > li:hover > ul > li:nth-child(4) { transition-delay:.16s; }#wapper_top .menutop > ul > li:hover > ul > li:nth-child(5) { transition-delay:.20s; }#wapper_top .menutop > ul > li:hover > ul > li:nth-child(6) { transition-delay:.24s; }#wapper_top .menutop > ul > li:hover > ul > li:nth-child(7) { transition-delay:.28s; }#wapper_top .menutop > ul > li:hover > ul > li:nth-child(n+8) { transition-delay:.32s; }#wapper_top .menutop ul ul li > a {position:relative;display:block;padding:7px 26px 7px 16px;color: var(--ws-top-text);font-size:13px; font-weight:400;line-height:1.35;text-decoration:none;text-transform:none;white-space:nowrap;transition: padding-left .25s var(--ws-top-ease),color .25s var(--ws-top-ease),background .25s var(--ws-top-ease)}#wapper_top .menutop ul ul ul li > a {padding:6px 24px 6px 14px;font-size:12px}#wapper_top .menutop ul ul li + li > a {border-top:1px solid var(--ws-top-divider)}#wapper_top .menutop ul ul li > a::before {content:"";position:absolute;left:8px; top:50%;width:5px; height:5px;border-radius:50%;background: var(--ws-bg-hover);transform: translateY(-50%) scale(0);transition: transform .25s var(--ws-top-ease)}#wapper_top .menutop ul ul li:hover > a {background: linear-gradient(90deg,var(--ws-top-tint),transparent 90%);color: var(--ws-bg-hover);padding-left:22px}#wapper_top .menutop ul ul ul li:hover > a {padding-left:20px}#wapper_top .menutop ul ul li:hover > a::before {transform: translateY(-50%) scale(1)}#wapper_top .menutop ul ul li:has(> ul) > a::after {content:"\f105";font-family:"Font Awesome 5 Pro";position:absolute;right:14px; top:50%;font-size:10px;color:#94a3b8;transform: translateY(-50%);transition: transform .25s var(--ws-top-ease),color .25s var(--ws-top-ease)}#wapper_top .menutop ul ul li:has(> ul):hover > a::after {color: var(--ws-bg-hover);transform: translateY(-50%) translateX(3px)}@media (prefers-reduced-motion: reduce) {#wapper_top .menutop *,#wapper_top .menutop ul ul li {transition-duration: .01ms !important;transition-delay: 0s !important;animation-duration: .01ms !important} }@media(max-width:640px){.thongtin-top *{font-size:10px}}.close-popuphome {position: absolute;top: 2px;right: 5px;z-index: 9;color: #FFF;font-size: 25px}.close-popuphomei {box-shadow: 0px 0px 2px #FF0;border-radius: 50%}.popuphome img {width: 100%;max-width: 100%}.popuphome iframe {width: 100%}#popuphome .modal-content {border: none !important}#popuphome .modal-body {display: table;margin: auto}.bgcolorbanner {background-color: var(--ws-bg-banner);background-image: var(--ws-bggradient-banner);color: var(--ws-color-banner)}.banner-item img {max-width: 100%}.banner {float: left}.banner-info {width: 70%;float: right;font-size: 13px;position: relative}.banner-container {position: absolute;width: 100%}.search-group {border: 1px solid var(--ws-bg-menu);box-shadow: 0px 0px 2px #dfdfdf;border-radius: 50px;background-color: #FFF}.search-group input.form-control {background-color: transparent;border: none}.search-group .resultsearchreal .resultsContent {left: 0}.search-group .btn {border-radius: 35px}.search-group .resultsearchreal {position: absolute;top: 100%;width: 100%;z-index: 1099}.search-group .input-group input.form-control {height: 46px;border-radius: 3px 0px 0px 3px}.cart-button {background-color: var(--ws-bg-hover);color: var(--ws-color-hover)}.cart-button a {color: var(--ws-color-title)}.tuvan-giohang {min-width: 120px}.item.giohang {margin-left: auto}.tuvan-giohang>ul {display: flex;align-items: center}.tuvan-giohang ul>li {display: flex;align-items: center;font-size: 14px;color: #000}.fa-size-circle {width: 30px;height: 30px;text-align: center;vertical-align: middle;margin: 0;line-height: 1}.tuvan-giohang ul>li:not(:first-child) {margin-left: 20px}.tuvan-giohang ul>li h3 {font-size: 14px;display: block;margin: 0;padding-bottom: 3px}.cart-badge {right: -10px}.banner-wrap {position: relative}.banner_item {float: left}.banner_item0 {position: absolute;left: 0;bottom: 0;width: 225px;height: 169px;background: var(--ws-bg-menu);z-index: 99}.banner_item0 * {color: var(--ws-color-menu)}.banner_item0:after {content: '';background: url(https://xeananh.mauwebdep.org//templates/images/after-banner.png) no-repeat;position: absolute;left: 100%;top: 0;width: 125px;height: 169px}.banner_item0 a {justify-content: flex-end;padding: 0 !important;position: absolute;bottom: 0px;right: 0px}.banner_item1 {float: right;margin-bottom: 60px}.banner_content {width: 100%;margin: auto}.banner_content .banner-ngonngu {display: none}.banner_item a {display: flex;padding: 10px 0}.banner_item a img {display: inline-block;transition: all ease .3s;-webkit-transition: all ease .3s}.banner-hotline {padding: 8px 15px}.banner-search {width: 420px;text-align: center;margin-left: auto;margin-right: auto;display: table}.banner-thanhtoan {display: block;float: left;margin-left: 105px;padding-top: 40px}.banner-thanhtoan ul li {float: left;margin-right: 30px}.banner_content .marquee {display: block;position: absolute;width: 38%;top: 0;left: 0;right: 0;margin: auto}.banner_content .marquee p {color: #5ea700;line-height: 42px;font-size: 18px;text-transform: capitalize}.banner_content .cart {display: flex;float: right}.banner_content .cart a {background-color: var(--ws-bg-menu);border: 1px solid var(--ws-bg-menu);color: var(--ws-color-menu);padding: 9px 10px;border-radius: 5px;font-size: 14px;margin-left: 30px;transition: all ease .3s;-webkit-transition: all ease .3s}.dangky {padding: 10px 15px;background: #f26c4f;color: #fff;text-transform: uppercase;font-size: 14px;display: flex}.dangky img {margin-right: 10px}.banner_content .cart a .fa {font-size: 22px;vertical-align: middle;padding-right: 3px}.banner_content .cart a #countCart {background-color: #FFF;border-radius: 50%;padding: 2px 5px;padding-left: 4px;display: inline-block;line-height: 1}.social {display: table;width: calc(100% - 290px);float: right;background: #fff;border-radius: 30px 0 0 30px;padding-left: 60px;height: 60px;display: flex;align-items: center;position: absolute;right: 0;bottom: 0;z-index: 9}.social ul li {float: left;margin-right: 20px;font-size: 18px;color: #353535}.social ul li:first-child {margin-right: 50px}#wapper_banner .social .search-box {display: table;position: absolute}#wapper_banner .social .box-search {display: flex}#wapper_banner .search-box form {padding: 0;border-radius: 10px;border: unset}#wapper_banner .search-box input {border-radius: 10px 0 0 10px;border: 1px solid #e1e1e1;height: 38px}#wapper_banner .search-box button {border-radius: 0 10px 10px 0;background: var(--ws-bg-menu);color: var(--ws-color-menu);border: 1px solid var(--ws-bg-menu)}.social ul li img {float: left;margin-right: 5px}.social ul li .fa {float: left;color: #0cb8b6 !important;font-size: 15px;width: 20px;height: 20px;border-radius: 50%;margin-right: 10px;background: #f4f4f4;display: flex;align-items: center;padding: 0 4px}@media(max-width: 1024px) {.social ul li {font-size: 14px}.social ul li:first-child {margin-right: 20px}.social ul li img {margin-right: 0}#wapper_banner .social .search-box {right: 5px !important}.banner_content {padding: 0 15px}.banner-search {width: 350px}.banner-hotline {width: 15%}.banner-slogan {display: none}.banner-thanhtoan {margin-left: 25px;padding: 10px 0}}@media(max-width: 768px) {.tuvan-giohang {min-width: 90px}.banner_item0 {background: unset}#wapper_banner {position: relative}.banner-hotline,.banner-search {display: none}.banner-a {float: none;width: 100%}.banner-b {float: none;position: absolute;top: 0;right: 8px}.banner_content {background: var(--ws-bg-top);color: var(--ws-color-top)}.banner_content .banner-ngonngu {display: block}.banner_content .cart {float: right}.banner_content .banner-ngonngu .ngonngu {border: 1px solid #d4d4d4;border-radius: 0px 0px 5px 5px;padding: 3px 3px 0px 3px;position: absolute;top: 0;width: 12%;bottom: auto;margin-top: 0}.banner-thanhtoan {display: none}.banner_item {float: none;display: table;margin: auto}.social {display: none}.banner-nho {display: none}.banner_item1 {display: none}.item.giohang {display: none}.wapper_banner .banner > .banner-item:nth-child(2)>a { display: table; margin: auto}}@media(max-width: 640px) {.banner_content .banner-ngonngu .ngonngu {width: 14%}}@media(max-width: 480px) {.banner-group-item>img {max-width: 80px}.tuvan-giohang {min-width: auto;padding: 0 20px}.tencongty {font-size: 18px}.banner_content .cart {float: none;width: 100%;text-align: center;margin: auto;display: block;margin-bottom: 10px}.banner_content .cart a {margin: 0;display: inline-block}}@media(max-width: 375px) {.banner_content .banner-ngonngu .ngonngu {width: 24%}}@media(max-width: 360px) {.banner-a {float: none}.banner_content .banner-ngonngu .ngonngu {width: 25%}}@media(max-width: 320px) {.banner-b {right: 0}.banner_content .banner-ngonngu .ngonngu {width: 28%}}.bn-row{display:flex; align-items:center; justify-content:space-between; gap:16px;padding:11px 4px; flex-wrap:wrap}.bn-left{ display:flex; align-items:center; gap:16px; min-width:0; }.bn-logo{ display:inline-flex; align-items:center; text-decoration:none; flex:0 0 auto; }.bn-logo-text{ font-size:22px; font-weight:800; letter-spacing:.5px; color:#14532d; line-height:1; }.bn-camket{ display:flex; align-items:flex-start; gap:8px; color:#14532d; min-width:0; }.bn-camket-ic{ color:#16a34a; font-size:17px; margin-top:2px; flex:0 0 auto; }.bn-camket-tx{ font-size:13.5px; font-weight:600; line-height:1.35; }.bn-camket-tx b{ color:#15803d; }.bn-right{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }@media(max-width:991px){.bn-row{ padding:3px 2px; gap:10px; }.bn-camket-tx{ font-size:12.5px; }.bn-info{ gap:12px; }}@media(max-width:575px){.bn-left{ gap:10px; }.bn-logo-text{ font-size:18px; }.bn-camket-tx{ font-size:11.5px; }.bn-right{ gap:10px; width:100%; justify-content:flex-end; }}.bn-tracuu{display: inline-flex; align-items: center; gap: 6px;padding: 7px 16px; border-radius: 999px;background: #eef2f7;background: color-mix(in srgb, var(--ws-bg-title, #16a34a) 8%, #fff);border: 1px solid #dfe5ec;border-color: color-mix(in srgb, var(--ws-bg-title, #16a34a) 22%, #fff);color: var(--ws-bg-title, #16a34a);font-weight: 700; font-size: 13.5px; text-decoration: none;transition: background .16s ease, border-color .16s ease}.bn-tracuu:hover{background: #e4eaf2;background: color-mix(in srgb, var(--ws-bg-title, #16a34a) 16%, #fff);border-color: color-mix(in srgb, var(--ws-bg-title, #16a34a) 40%, #fff);color: var(--ws-bg-title, #16a34a)}.bn-info p{ margin: 0; }.bn-right{ align-items: center; gap: 12px; }.bn-tracuu-mb{display: inline-flex; align-items: center; gap: 6px;padding: 8px 14px; border-radius: 999px;background: color-mix(in srgb, var(--ws-bg-title, #16a34a) 10%, #fff);border: 1px solid color-mix(in srgb, var(--ws-bg-title, #16a34a) 25%, #fff);color: var(--ws-bg-title, #16a34a);font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap}.bn-tracuu-mb:hover{ color: var(--ws-bg-title, #16a34a); }@media (min-width: 768px){.cssmenu-center > ul{ justify-content: center; }}.bn-center{ flex: 1 1 auto; display: flex; justify-content: center; min-width: 0; }.bn-left{ flex: 0 1 auto; }.bn-right{ flex: 0 0 auto; }.bn-center .bn-info{ justify-content: center; text-align: center;font-size: 13.5px; color: #14532d; line-height: 1.4; }.bn-center .bn-info p{ margin: 0; }@media (max-width: 1199.98px){.bn-row{ flex-wrap: wrap; }.bn-center{ order: 3; flex: 1 0 100%; }}@media (max-width: 767.98px){.bn-row{ justify-content: center; }.bn-left{ flex: 1 0 100%; justify-content: center; }.bn-logo{ justify-content: center; }}.bn-logo .banner-item{ margin: 0; padding: 0; }.bn-logo picture{ margin: 0 !important; display: inline-flex; align-items: center; }.title-ext {font-family: 'ws-font-title', 'ws-font-body';font-size: var(--ws-font-size-title);text-transform: uppercase;display: inline-block;position: relative;margin-bottom: 30px}.title-ext::before {content: "";width: 99px;height: 2px;background-color: var(--ws-bg-title);bottom: 0;left: 0;position: absolute}@media(max-width:480px) {.title-ext {font-size: 25px}}.group_formtimxe{--timxe-h: 54px;--timxe-gap: 10px;--timxe-tx-pad: 2px;--timxe-main: var(--ws-bg-title, #16a34a);padding: 15px;background-color: var(--timxe-panel-bg, rgba(245,245,245,.7));background-image: none;color: var(--timxe-panel-color, #404040);border-radius: 40px;box-shadow: 0px 1px 2px #7fafc2;margin: 15px auto}@media(min-width:768px){.group_formtimxe{padding: 15px} }.group_formtimxe input, .group_formtimxe select{border-radius: 15px}.select2-selection{border-radius: 20px !important;background-color: #fff !important;border: 1px solid #ced4da !important}.select2-search--dropdown {border-radius: 15px !important}.select2-search--dropdown .select2-search__field {border-radius: 15px !important}.select2-dropdown{border-radius: 10px !important;overflow: hidden}.select2-dropdown.select2-dropdown--above{border-radius: 15px !important} .select2-selection--single .select2-selection__rendered{padding-left: 40px !important;line-height: 32px !important}.timxe-wrap.has-tomtat.is-collapsed .group_formtimxe{ display:none; }.timxe-wrap.has-tomtat.is-collapsed{ padding-bottom:4px; }.timxe-tomtat{display:flex; align-items:center; justify-content:space-between;gap:18px; padding:6px 6px 2px; color:#fff}.timxe-tomtat-info{ min-width:0; }.timxe-tomtat-tuyen{font-size:32px; font-weight:800; line-height:1.22; letter-spacing:-.01em;word-break:break-word}.timxe-tomtat-arrow{ margin:0 10px; font-weight:600; opacity:.92; }.timxe-tomtat-ngay{ margin-top:5px; font-size:16px; font-weight:500; opacity:.9; }.timxe-tomtat-btn{flex:0 0 auto; display:inline-flex; align-items:center; gap:10px;border:0; background:transparent; padding:6px 2px; cursor:pointer;color:inherit; font-size:17px; font-weight:600; line-height:1;transition:opacity .15s ease}.timxe-tomtat-btn:hover{ opacity:.8; }.timxe-tomtat-lb{ text-decoration:underline; text-underline-offset:5px; }.timxe-tomtat-btn i{ font-size:15px; transition:transform .2s ease; }.timxe-wrap:not(.is-collapsed) .timxe-tomtat-btn i{ transform:rotate(180deg); }@media(min-width:768px){.timxe-tomtat{ display:none; }.timxe-wrap.has-tomtat.is-collapsed .group_formtimxe{ display:block; }}@media(max-width:767.98px){.home-group-item:has(.timxe-wrap.has-tomtat.is-collapsed) .home-group-des,.home-group-item.timxe-datim .home-group-des{ display:none; }}@media(max-width:767.98px){.timxe-tomtat{ gap:10px; padding:4px 2px 2px; }.timxe-tomtat-tuyen{ font-size:21px; }.timxe-tomtat-arrow{ margin:0 6px; }.timxe-tomtat-ngay{ margin-top:3px; font-size:13.5px; }.timxe-tomtat-btn{ font-size:14px; gap:6px; }.timxe-tomtat-btn i{ font-size:12px; }}.group_formtimxe .row{ align-items:center; }.timxe-combo{ position:relative; }.timxe-trigger{display:flex; align-items:center; gap:8px;height:var(--timxe-h,54px); padding:0 8px 0 7px;background:#fff; border:1px solid #e6e9f0;border-radius:calc(var(--timxe-h,54px) / 2);box-shadow:0 1px 2px rgba(16,24,40,.06);transition:border-color .16s ease, box-shadow .16s ease}.timxe-combo.open .timxe-trigger,.timxe-trigger:focus-within{border-color:var(--timxe-main);box-shadow:0 0 0 3px rgba(22,163,74,.15);box-shadow:0 0 0 3px color-mix(in srgb, var(--timxe-main) 20%, transparent)}.timxe-ic{flex:0 0 auto; width:36px; height:36px; border-radius:50%;display:grid; place-items:center;background:#ecfdf3; box-shadow:inset 0 0 0 1px #bbf7d0;background:color-mix(in srgb, var(--timxe-main) 10%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--timxe-main) 30%, #fff);color:var(--timxe-main); font-size:15px}.timxe-ic--den{background:#fff7ed; box-shadow:inset 0 0 0 1px #fed7aa; color:#c2410c}.timxe-combo--den .timxe-item-ic{background:#fff7ed; box-shadow:inset 0 0 0 1px #fed7aa; color:#c2410c}.timxe-combo--den .timxe-item:hover .timxe-item-ic,.timxe-combo--den .timxe-item.act .timxe-item-ic{background:#ffedd5; box-shadow:inset 0 0 0 1px #fdba74}.timxe-combo--den .timxe-item:hover, .timxe-combo--den .timxe-item.act{ background:#fff7ed; }.timxe-combo.loading .timxe-ic{ color:transparent; }.timxe-combo.loading .timxe-ic::after{content:""; width:16px; height:16px; border-radius:50%;border:2px solid rgba(22,163,74,.25); border-top-color:#16a34a;border-color:color-mix(in srgb, var(--timxe-main) 25%, transparent);border-top-color:var(--timxe-main);animation:timxeSpin .7s linear infinite}@keyframes timxeSpin{ to{ transform:rotate(360deg); } }.timxe-input{flex:1 1 auto; min-width:0; height:100%;padding:0 0 0 var(--timxe-tx-pad,2px); margin:0;border:0; outline:0; background:transparent;font-weight:600; font-size:14px; color:#1f2937}.timxe-input::placeholder{ color:#9aa4b2; font-weight:400; }.timxe-input::selection{ background:color-mix(in srgb, var(--timxe-main) 25%, #fff); color:var(--timxe-main); }.timxe-input::-moz-selection{ background:color-mix(in srgb, var(--timxe-main) 25%, #fff); color:var(--timxe-main); }.timxe-caret{flex:0 0 auto; color:#94a3b8; font-size:13px;padding:8px; cursor:pointer; transition:transform .18s ease, color .16s ease}.timxe-combo.open .timxe-caret{ transform:rotate(180deg); color:var(--timxe-main); }.timxe-panel{position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:60;background:#fff; border:1px solid #eceff4; border-radius:16px;box-shadow:0 18px 44px -14px rgba(16,24,40,.30);overflow:hidden; display:none}.timxe-combo.open .timxe-panel{ display:block; animation:timxeIn .16s ease; }@keyframes timxeIn{ from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none} }.timxe-list{ max-height:320px; overflow-y:auto; padding:6px; }.timxe-list::-webkit-scrollbar{ width:8px; }.timxe-list::-webkit-scrollbar-thumb{ background:#cdeed7; border-radius:8px;background:color-mix(in srgb, var(--timxe-main) 28%, #fff); }.timxe-list::-webkit-scrollbar-thumb:hover{ background:#9fdcb0;background:color-mix(in srgb, var(--timxe-main) 45%, #fff); }.timxe-grp{display:flex; align-items:center; gap:6px;margin:6px 4px 2px; padding:6px 10px 5px;font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.4px;color:#15803d; background:linear-gradient(90deg,#f0fdf4 0%,#ffffff 100%);color:var(--timxe-main);background:linear-gradient(90deg, color-mix(in srgb, var(--timxe-main) 9%, #fff) 0%, #ffffff 100%);border-left:3px solid var(--timxe-main); border-radius:6px}.timxe-grp::before{content:"\f3c5"; font-family:"Font Awesome 5 Pro","Font Awesome 5 Free"; font-weight:900;font-size:.7rem; color:var(--timxe-main)}.timxe-item{display:flex; width:100%; align-items:center; gap:10px;padding:7px 10px 7px 14px; text-align:left; cursor:pointer;border:0; background:transparent; border-radius:10px;transition:background .14s ease}.timxe-item:hover, .timxe-item.act{ background:#f0fdf4;background:color-mix(in srgb, var(--timxe-main) 8%, #fff); }.timxe-item-ic{flex:0 0 auto; width:30px; height:30px; border-radius:50%;display:grid; place-items:center;background:#ecfdf3; box-shadow:inset 0 0 0 1px #bbf7d0;background:color-mix(in srgb, var(--timxe-main) 10%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--timxe-main) 30%, #fff);color:var(--timxe-main); font-size:13px}.timxe-item:hover .timxe-item-ic, .timxe-item.act .timxe-item-ic{background:#dcfce7; box-shadow:inset 0 0 0 1px #86efac;background:color-mix(in srgb, var(--timxe-main) 18%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--timxe-main) 45%, #fff)}.timxe-item-ten{min-width:0; font-weight:600; font-size:13.5px; color:#0f172a;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.timxe-item.act .timxe-item-ten{ color:var(--timxe-main); }.timxe-empty{ padding:26px 12px; text-align:center; color:#7686a0; font-weight:600; font-size:14px; }.timxe-foot{display:flex; align-items:center; gap:6px;border-top:1px solid #eef1f5; background:#f8fdfa;padding:9px 14px; font-size:12px; font-weight:600; color:#7c8a82}.timxe-foot i{ color:#16a34a; }.select2-selection--single {height: calc(2.25rem + 2px) !important}.timxe-date-field{position:relative; flex:1 1 auto; min-width:0; height:100%;display:flex; align-items:center}.group_formtimxe input.timxe-date{width:100%; height:100%; margin:0;padding:0 0 0 var(--timxe-tx-pad,2px); border:0 !important; outline:0; background:transparent !important;border-radius:0 !important;font-weight:600; font-size:14px; color:#1f2937}.timxe-date-ph{position:absolute; left:var(--timxe-tx-pad,2px); top:0; bottom:0; right:26px;display:flex; align-items:center; pointer-events:none;font-size:14px; font-weight:400; color:#9aa4b2;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.group_formtimxe input.timxe-date:invalid{ color:transparent; }.group_formtimxe input.timxe-date:focus{ color:#1f2937; }.group_formtimxe input.timxe-date:focus ~ .timxe-date-ph,.group_formtimxe input.timxe-date:valid ~ .timxe-date-ph{ display:none; }.timxe-date-field.has-val input.timxe-date{ color:#1f2937; }.timxe-date-field.has-val .timxe-date-ph{ display:none; }.group_formtimxe input.timxe-date::-webkit-calendar-picker-indicator{ cursor:pointer; }.btn-timchuyen{height:var(--timxe-h,54px);display:flex; align-items:center; justify-content:center; gap:7px;width:max-content; max-width:100%; margin:auto;padding:0 28px;background: linear-gradient(180deg,#16a34a 0%,#15803d 100%);background-color: var(--timxe-main);background-image: var(--ws-bggradient-title, none);font-weight: bold; color: var(--ws-color-title, #fff); border:0;border-radius: calc(var(--timxe-h,54px) / 2);box-shadow: 0 6px 16px -6px rgba(0,0,0,.38);transition: filter .15s ease, transform .05s ease}.btn-timchuyen:hover{ filter: brightness(1.06); color: var(--ws-color-title, #fff); }.btn-timchuyen:active{ transform: translateY(1px); }.doichuyen{display:flex; align-items:center; justify-content:center; margin:auto;width:48px; height:48px; border-radius:50%; font-size:20px;padding:0; line-height:1; cursor:pointer;border:1px solid var(--timxe-main); color:var(--timxe-main); background:#fff;transition: background .15s ease, color .15s ease, transform .15s ease}.doichuyen:hover{ color:var(--ws-color-title,#fff); background-color:var(--timxe-main); }.doichuyen:active{ transform:scale(.92) rotate(180deg); }.doichuyen i{ line-height:1; display:block; }.no-date-icon::-webkit-calendar-picker-indicator {opacity: 0;display: none}.no-date-icon::-webkit-input-placeholder { color: #aaa}.no-date-icon::-moz-placeholder { color: #aaa}.no-date-icon:-ms-input-placeholder { color: #aaa}.no-date-icon::-ms-input-placeholder { color: #aaa}.no-date-icon::placeholder {color: #aaa}@media(max-width:767.98px){.group_formtimxe{--timxe-h:48px; --timxe-gap:10px;overflow:visible; }.group_formtimxe .timxe-ic{ width:32px; height:32px; font-size:14px; }.group_formtimxe .btn-timchuyen{ width:100%; margin:0; padding:0 18px; }.group_formtimxe .row{ position:relative; row-gap:var(--timxe-gap); }.group_formtimxe .row > [class*="col-"]{ margin-top:0 !important; margin-bottom:0 !important; }.group_formtimxe .timxe-col-swap{position:absolute !important; top:0; left:0; right:0; height:0; padding:0; margin:0 !important}.group_formtimxe .timxe-col-swap .doichuyen{position:absolute; right:20px; margin:0; z-index:5;top:calc(var(--timxe-h) + var(--timxe-gap) / 2);transform:translateY(-50%);width:44px; height:44px; font-size:17px; background:#fff;box-shadow:0 4px 12px -4px rgba(21,128,61,.45)}.group_formtimxe .timxe-col-swap .doichuyen:hover{ background:var(--timxe-main); }.group_formtimxe .timxe-col-swap .doichuyen:active{ transform:translateY(-50%) scale(.92); }.group_formtimxe .timxe-col-swap .doichuyen i{ transform:rotate(90deg); }.group_formtimxe .timxe-caret{ display:none !important; }.group_formtimxe .timxe-trigger{ padding-right:14px; }.timxe-list{ max-height:46vh; }}body.no-scroll {overflow: hidden;height: 100%}.menumobile-head {display: flex;align-items: center;justify-content: space-between;height: 52px;padding: 0 14px;background: #fff;border-bottom: 1px solid #eef0f4}.home-menumobile {width: 34px;height: 34px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--ws-color-title);background: var(--ws-bg-title);font-size: 18px;line-height: 1;text-decoration: none;transition: filter .16s ease, transform .16s ease}.home-menumobile:hover,.home-menumobile:focus {color: var(--ws-color-title);filter: brightness(1.12);transform: translateY(-1px)}.close-menumobile {width: 34px;height: 34px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #334155;font-size: 20px;line-height: 1;cursor: pointer;transition: background .16s ease, color .16s ease}.close-menumobile:hover {background: #f1f5f9;color: #0f172a}.content-menumobile {height: calc(100% - 52px); overflow-y: auto}.content-menumobile::-webkit-scrollbar {width: 4px}.content-menuobile {overflow-y: unset !important}.noidungchitiet {font-size: var(--ws-font-size-noidung)}.noidungchitiet h1,.noidungchitiet h1 a,.noidungchitiet h2,.noidungchitiet h2 a,.noidungchitiet h3,.noidungchitiet h3 a,.noidungchitiet h4,.noidungchitiet h4 a,.noidungchitiet h5,.noidungchitiet h5 a,.noidungchitiet h6,.noidungchitiet h6 a{font-family: 'ws-font-body', 'ws-font-body', Arial, Helvetica, sans-serif;color: var(--ws-color-mautheh)}.noidungchitiet h2 {font-size: 20px;font-weight: bold;line-height: 1.3;margin: 12px 4px}.noidungchitiet h2 span.fa {font-size: 20px}.noidungchitiet h3 span.fa {font-size: 18px}.noidungchitiet h4 span.fa {font-size: 17px}.noidungchitiet h3 {font-size: 18px;font-weight: bold;line-height: 1.3;margin: 10px 2px}.noidungchitiet h4 {font-size: 16px;line-height: 1.3}.noidungchitiet h5,.noidungchitiet h6 {font-size: 16px;line-height: 1.3}.noidungchitiet iframe,.noidungchitiet video,.noidungchitiet object {max-width: 100% !important}.noidungchitiet table {margin: auto;border: 1px solid #6d6d6d}.noidungchitiet table tr:first-child {background-color: #dfdfdf}.noidungchitiet table td {border: 1px dashed rgb(171, 171, 171);vertical-align: middle;padding: 8px 5px}.noidungchitiet table td p {text-indent: 0}.noidungchitiet p {text-align: left;margin: 4px 0px;line-height: 30px;min-height: 25px}.noidungchitiet ul {list-style: disc;margin: 10px 0px 10px 5px}.noidungchitiet ul li {list-style: disc;margin: 10px 12px 10px 15px;line-height: 1.3}.noidungchitiet ol,.noidungchitiet ol li {list-style: auto;margin: 10px 12px 10px 10px;line-height: 1.3}.noidungchitiet ul.list-quangc {display: inline-flex}.noidungchitiet img {max-width: 100%;height: auto !important}.noidungchitiet .captchadiv img {max-width: unset}.noidungchitiet h1.title {margin-bottom: 15px}#chitiet img,.noidungchitiet img,.noidungchitiet table,.noidungchitiet p {max-width: 98%;height: auto}.noidungchitiet a {color: var(--ws-color-maulienket)}.noidungchitiet a:hover {color: var(--ws-color-maulienkethover)}.noidungchitiet .mota {font-size: var(--ws-font-size-mota);line-height: 25px}.noidungmenu {font-size: var(--ws-font-size-body)}.noidung_menu {font-size: 15px;padding: 10px 5px;line-height: 25px;margin-bottom: 10px}.noidung_menu table {max-width: 100%}@media (max-width: 1024px) {.noidungchitiet table,.noidungchitiet figure,.noidungchitiet video,.noidungchitiet iframe {max-width: 100% !important}}@media (max-width: 768px) {#chitiet img,.noidungchitiet img {max-width: 100% !important;height: auto !important}}@media(max-width: 640px) {.noidungchitiet img,.noidungchitiet table {max-width: 100%;height: auto !important}}@media(max-width: 480px) {.noidungchitiet {font-size: var(--ws-font-size-noidung-mobile)}.noidungchitiet table,.noidungchitiet iframe {width: 100% !important}}.doitac-container {background-color: #f7f7f7;padding: 25px 0}.doitacRun.owl-carousel .owl-item img {width: auto;margin-left: auto;margin-right: auto;display: table}.item-doitac{background-color: #bfbfbf;border-radius: 15px;padding-left: 8px;padding-bottom: 8px}.doitac_inner{background-color: #FFF;border-radius: 15px;overflow: hidden}.centery, .centery-after:after, .centery-before:before { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ease-in-200 { -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } @-webkit-keyframes slideInDown1 {0% { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); visibility: visible }100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }}@keyframes slideInDown1 {0% { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); visibility: visible }100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }}.slideInDown1 { -webkit-animation-name: slideInDown1; animation-name: slideInDown1 } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform } .hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform,opacity;transition-property: transform,opacity} .hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px) } .hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;border-radius: 0px;z-index:-1;top:0;left:0;right:0;bottom:0;background: #47A252;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2caee2; border-radius: 50px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover { color: #fff } .hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1) } .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%); background: #1F3CAA; border-radius: 0px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover { color: #fff } .hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1) } @-webkit-keyframes hvr-wobble-top {16.65% {-webkit-transform: skew(-12deg);transform: skew(-12deg)}33.3% {-webkit-transform: skew(10deg);transform: skew(10deg)}49.95% {-webkit-transform: skew(-6deg);transform: skew(-6deg)}66.6% {-webkit-transform: skew(4deg);transform: skew(4deg)}83.25% {-webkit-transform: skew(-2deg);transform: skew(-2deg)}100% {-webkit-transform: skew(0);transform: skew(0)}}@keyframes hvr-wobble-top {16.65% {-webkit-transform: skew(-12deg);transform: skew(-12deg)}33.3% {-webkit-transform: skew(10deg);transform: skew(10deg)}49.95% {-webkit-transform: skew(-6deg);transform: skew(-6deg)}66.6% {-webkit-transform: skew(4deg);transform: skew(4deg)}83.25% {-webkit-transform: skew(-2deg);transform: skew(-2deg)}100% {-webkit-transform: skew(0);transform: skew(0)}}.hvr-wobble-top {display: block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transform-origin: 0 100%;transform-origin: 0 100%}.hvr-wobble-top:hover,.hvr-wobble-top:focus,.hvr-wobble-top:active {-webkit-animation-name: hvr-wobble-top;animation-name: hvr-wobble-top;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1}.hover_sang2 { position: relative; overflow: hidden; } .hover_sang2:before { position: absolute; top: 0; left: -85%; z-index: 10; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover_sang2:hover:before { transition: 1s; left: 100%; } .hover_sang { display: block; position: relative; overflow: hidden; } .hover_sang:hover:before { left: 0; top: 0; } .hover_sang:before { left: -100%; top: -100%; } .hover_sang:after { bottom: -100%; right: -100%; } .hover_sang:before, .hover_sang:after { display: block; } .hover_sang:before, .hover_sang:after { background: rgba(255,255,255,0.3) none repeat scroll 0 0; content: ""; height: 100%; position: absolute; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 8; } .hover_sang:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .hover_sang img { transition: 0.7s; } .hover_sang:hover:after { right: 0; bottom: 0; } .hover_sang3{ overflow:hidden; position:relative}.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out}.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out}.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5)}.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5)}.imgxoay { transform: rotateY(360deg); transition: all 0.6s linear; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}@-webkit-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}@keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}.pros_img { flex-shrink: 0; margin-right: 8px; } .pros_img img { width: 100%; } .pros_txt { flex: 1; } .pros__title { font-size: 14px; color: #000; transition: all 0.2s linear; line-height: 1.3; margin-bottom: 3px; } .pros__title:hover { color: red; transition: all 0.2s linear; } span.pros__price_new { font-weight: bold; color: #000; margin-right: 5px; } span.pros__price_old { font-size: 13px; color: #000; } .pros__price_old i { font-style: normal; margin-right: 5px; text-decoration: line-through; opacity: 0.8; } .pros__title:hover { color: red; transition: all 0.3s; } .pic_product img { width:100%; } a.img2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: all 3s; } .pic_product:hover a.img2 { opacity: 1; transition: all 1s; } .pic_product { overflow: hidden; position: relative; } .item_tieuchi { position: absolute; top: 50%; left: 50%; z-index: 5; margin-left: -62px; margin-top: -62px; width: 120px; height: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; background: url("https://xeananh.mauwebdep.org/resources/layout1/images/tron1.png")no-repeat; background-size: 100% 100%; } .item_tieuchi:nth-child(1) { transform: rotate(0deg) translate(0px, -217.5px) rotate(0deg); } .item_tieuchi:nth-child(2) { transform: rotate(64deg) translate(0px, -241.5px) rotate(-65deg); } .item_tieuchi:nth-child(3) { transform: rotate(120deg) translate(0px, -245.5px) rotate(-120deg); } .item_tieuchi:nth-child(4) { transform: rotate(180deg) translate(0px, -217.5px) rotate(-180deg); } .item_tieuchi:nth-child(5) { transform: rotate(245deg) translate(0px, -245.5px) rotate(-246deg); } .item_tieuchi:nth-child(6) { transform: rotate(297deg) translate(0px, -245.5px) rotate(-297deg); } .pic-tieuchi:hover { transform: rotate(360deg); transition: 1s; } .container_tieuchi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 5; } .item_tieuchi:before { content: ''; position: absolute; top: -4px; z-index: -2; width: -webkit-calc(100% + 8px); width: calc(100% + 8px); height: -webkit-calc(100% + 8px); height: calc(100% + 8px); background: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; } .item_tieuchi:after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; } .around_tc:after { content: ''; position: absolute; z-index: 1; top: 5%; left: 7%; width: 85%; height: 90%; background: url("https://xeananh.mauwebdep.org/resources/layout1/images/tron.png")no-repeat; background-size: 100% 100%} .around_tc { position: relative; width: 100%; max-width: 570px; margin-left: auto; margin-right: auto; height: 520px; } p.pic-tieuchi { margin-bottom: 0; } .bottom_qt { position: absolute; top: 50%; left: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 55%; height: 60%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .info_bottom_qt:before { position: absolute; content: ''; background: var(--maincolor); width: 60px; height: 3px; left: 40%; bottom: 50%; } @-webkit-keyframes spin1 {0% { -webkit-transform: rotate(0); transform: rotate(0) }100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }}@keyframes spin1 {0% { -webkit-transform: rotate(0); transform: rotate(0) }100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }}@-webkit-keyframes spin2 {0% { -webkit-transform: rotate(72deg); transform: rotate(72deg) }100% { -webkit-transform: rotate(-288deg); transform: rotate(-288deg) }}@keyframes spin2 {0% { -webkit-transform: rotate(72deg); transform: rotate(72deg) }100% { -webkit-transform: rotate(-288deg); transform: rotate(-288deg) }}@-webkit-keyframes spin3 {0% { -webkit-transform: rotate(-144deg); transform: rotate(-144deg) }100% { -webkit-transform: rotate(216deg); transform: rotate(216deg) }}@keyframes spin3 { 0% { -webkit-transform: rotate(-144deg); transform: rotate(-144deg) } 100% { -webkit-transform: rotate(216deg); transform: rotate(216deg) }} @-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}}@keyframes rotating {from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}}.hotline-fix {position: fixed;left: 20px;bottom: 80px;z-index: 11}.hotline-fix:before {position: absolute;left: -14px;top: -14px;content: "";width: 76px;height: 76px;-webkit-animation: rotating 5s linear infinite;-moz-animation: rotating 5s linear infinite;-ms-animation: rotating 5s linear infinite;-o-animation: rotating 5s linear infinite;animation: rotating 5s linear infinite}.hotline-fix a {display: block;width: 208px;padding: 6px 0 6px 55px;border-radius: 24px;height: 48px;background: var(--color-red);color: #fef4f4;font-size: 13px;line-height: 1.2;position: relative;z-index: 1}.hotline-fix a:before {position: absolute;left: 4px;top: 4px;content: "";width: 40px;height: 40px;background: #fff no-repeat;-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;border-radius: 50%}@-moz-keyframes coccoc-alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg)}10%,30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg)}20%,40% {-moz-transform: rotate(25deg) scale(1) skew(1deg)}100%,50% {-moz-transform: rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim {0%,100%,50% {-webkit-transform: rotate(0) scale(1) skew(1deg)}10%,30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}20%,40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim {0%,100%,50% {-o-transform: rotate(0) scale(1) skew(1deg)}10%,30% {-o-transform: rotate(-25deg) scale(1) skew(1deg)}20%,40% {-o-transform: rotate(25deg) scale(1) skew(1deg)}}.hotline-fix a span {display: block;color: #ffd500;overflow: hidden;font-size: 17px;font-family: "RobotoBold"}.bike { animation: mymove 5s linear 2s infinite; } @keyframes mymove { 0% { left: 0px; } 100% { left: 100%; }} .animate-border {position: relative;display: block;width: 150px;height: 3px;background: #CC1B1B;overflow: hidden;margin-top: 5px !important;margin: auto}.animate-border:after {position: absolute;content: "";width: 30px;height: 3px;left: 15px;bottom: 0;border-left: 10px solid #fff;border-right: 10px solid #fff;-webkit-animation: animborder 2s linear infinite;animation: animborder 2s linear infinite}@-webkit-keyframes animborder {0% {-webkit-transform: translateX(0);transform: translateX(0)}100% {-webkit-transform: translateX(113px);transform: translateX(113px)}}@keyframes animborder {0% {-webkit-transform: translateX(0);transform: translateX(0)}100% {-webkit-transform: translateX(113px);transform: translateX(113px)}}@-webkit-keyframes my{0%{background:#E42323}50%{background:#EF9F0B}100%{background:#E42323}}@-moz-keyframes my{0%{background:#E42323}50%{background:#EF9F0B}100%{background:#E42323}}@-o-keyframes my{0%{background:#E42323}50%{background:#EF9F0B}100%{background:#E42323}}@keyframes my{0%{background:#E42323}50%{background:#EF9F0B}100%{background:#E42323}}.color-change{-webkit-animation:my 700ms infinite;-moz-animation:my 700ms infinite;-o-animation:my 700ms infinite;animation:my 700ms infinite}.hrv-rotateY img { transition: all 0.9s ease 0s; }.hrv-rotateY:hover { text-decoration: none; }.hrv-rotateY:hover img { transition: all 0.7s ease 0s; transform: rotateY(180deg); text-decoration: none; }.progress-wrap {position: fixed;bottom: 80px;right: 20px;height: 50px;width: 50px;cursor: pointer;display: block;border-radius: 50px;z-index: 1001010;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear}.progress-wrap.active-progress {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}.progress-wrap::after {position: absolute;content: "\27A2";transform: rotate(-90deg);text-align: center;line-height: 50px;font-size: 25px;font-weight: 900;color: #025738;left: 0;top: 0;height: 50px;width: 50px;cursor: pointer;display: block;z-index: 1;-webkit-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear}.progress-wrap svg path {fill: none}.progress-wrap svg.progress-circle path {stroke: #025738;stroke-width: 4;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear}.list-items{height:419px;overflow-y:scroll;padding-right:10px}.list-items::-webkit-scrollbar{background:#000;width:5px;height:11px}.list-items::-webkit-scrollbar-thumb{background:#BBBBBB}.list-items .items-active{margin-bottom:12px}.list-items .items-active .name-click{font-size:20px;color:#fff;font-family:'MuliBold';width:100%;border:1px solid #fff;padding:10px 10px;padding-left:15px;cursor:pointer;text-transform:uppercase}.list-items .items-active .name-click i{width:43px;height:43px;margin-right:7px;transition:all 0.5s ease}.list-items .items-active .desc-items{display:none;color: #fff;padding:10px 0;line-height:25px}.list-items .items-active.active .name-click{border-color:#20b000;color:#20b000}.list-items .items-active.active .name-click i{transform:rotate(-90deg)}.list-items .items-active.active .desc-items{display:block}.shape1 img {-webkit-animation: movescale 5s linear infinite;animation: movescale 5s linear infinite}.shape2 img {-webkit-animation: movebounce 5s linear infinite;animation: movebounce 5s linear infinite}.shape3 img {-webkit-animation: moveleftbounce 5s linear infinite;animation: moveleftbounce 5s linear infinite}.shape4 img {-webkit-animation: moveleftbounce 5s linear infinite;animation: moveleftbounce 5s linear infinite}.shape5 img {-webkit-animation: animationFramesOne 20s infinite linear;animation: animationFramesOne 20s infinite linear}.shape6 img {-webkit-animation-name: rotateme;animation-name: rotateme;-webkit-animation-duration: 30s;animation-duration: 30s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}.shape7 img {-webkit-animation-name: rotateme;animation-name: rotateme;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}.shape8 img {-webkit-animation: moveleftbounce 5s linear infinite;animation: moveleftbounce 5s linear infinite}.shape13 img {-webkit-animation-name: rotateme;animation-name: rotateme;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}.shape1,.shape2,.shape3,.shape4,.shape5,.shape6,.shape7,.shape8,.shape9,.shape10,.shape11,.shape12,.shape13 {position: absolute}.rotateme {-webkit-animation-name: rotateme;animation-name: rotateme;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear}@-webkit-keyframes movescale {0% {-webkit-transform: scale(.8);transform: scale(.8)}50% {-webkit-transform: scale(1);transform: scale(1)}100% {-webkit-transform: scale(.8);transform: scale(.8)}}@keyframes movescale {0% {-webkit-transform: scale(.8);transform: scale(.8)}50% {-webkit-transform: scale(1);transform: scale(1)}100% {-webkit-transform: scale(.8);transform: scale(.8)}}@-webkit-keyframes movebounce {0% {-webkit-transform: translateY(0px);transform: translateY(0px)}50% {-webkit-transform: translateY(20px);transform: translateY(20px)}100% {-webkit-transform: translateY(0px);transform: translateY(0px)}}@keyframes movebounce {0% {-webkit-transform: translateY(0px);transform: translateY(0px)}50% {-webkit-transform: translateY(20px);transform: translateY(20px)}100% {-webkit-transform: translateY(0px);transform: translateY(0px)}}@-webkit-keyframes moveleftbounce {0% {-webkit-transform: translateX(0px);transform: translateX(0px)}50% {-webkit-transform: translateX(20px);transform: translateX(20px)}100% {-webkit-transform: translateX(0px);transform: translateX(0px)}}@keyframes moveleftbounce {0% {-webkit-transform: translateX(0px);transform: translateX(0px)}50% {-webkit-transform: translateX(20px);transform: translateX(20px)}100% {-webkit-transform: translateX(0px);transform: translateX(0px)}}@keyframes animationFramesOne {0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg)}20% {-webkit-transform: translate(73px, -1px) rotate(36deg);transform: translate(73px, -1px) rotate(36deg)}40% {-webkit-transform: translate(141px, 72px) rotate(72deg);transform: translate(141px, 72px) rotate(72deg)}60% {-webkit-transform: translate(83px, 122px) rotate(108deg);transform: translate(83px, 122px) rotate(108deg)}80% {-webkit-transform: translate(-40px, 72px) rotate(144deg);transform: translate(-40px, 72px) rotate(144deg)}100% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg)}}@-webkit-keyframes rotateme {from {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}@keyframes rotateme {from {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}@-webkit-keyframes rotatemetwo {from {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(-360deg);transform: rotate(-360deg)}}@keyframes rotatemetwo {from {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(-360deg);transform: rotate(-360deg)}}.fs8 {font-size: 8px}.fs9 {font-size: 9px}.fs10 {font-size: 10px}.fs11 {font-size: 11px}.fs12 {font-size: 12px}.fs14 {font-size: 14px}.fs16 {font-size: 16px}.fs18 {font-size: 18px}.fs20 {font-size: 20px}.fs22 {font-size: 22px}.fs24 {font-size: 24px}.fs26 {font-size: 26px}.fs28 {font-size: 28px}.fs32 {font-size: 32px}.fs36 {font-size: 36px}.fs42 {font-size: 42px}.fs48 {font-size: 48px}.fs60 {font-size: 60px}.fs72 {font-size: 72px}.btn-hotro247{--h247-1:#16a34a; --h247-2:#0f9d58; --h247-3:#0b7a43;position:relative; display:inline-flex; align-items:center; gap:.45rem;padding:.22rem .85rem .22rem .28rem; border:0; cursor:pointer;border-radius:999px; text-align:left; line-height:1.1;color:var(--ws-color-boxmau6,#fff);background-color:var(--ws-bg-boxmau6,var(--h247-1));background-image:var(--ws-bggradient-boxmau6);box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 -2px 6px rgba(0,0,0,.18) inset, 0 8px 18px -6px rgba(0,0,0,.28), 0 2px 4px rgba(0,0,0,.15);transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .18s ease, filter .18s ease}.btn-hotro247:hover{transform:translateY(-2px); filter:brightness(1.05);box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 -2px 6px rgba(0,0,0,.18) inset, 0 14px 26px -6px rgba(0,0,0,.34), 0 4px 8px rgba(0,0,0,.18)}.btn-hotro247:active{transform:translateY(1px) scale(.99);box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 -1px 4px rgba(0,0,0,.22) inset, 0 5px 12px -4px rgba(0,0,0,.26)}.btn-hotro247:focus-visible{ outline:2px solid currentColor; outline-offset:2px; }.btn-hotro247__ic{position:relative; flex:0 0 auto; width:31px; height:31px; border-radius:50%;display:grid; place-items:center; font-size:15px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),rgba(255,255,255,.28) 45%,rgba(255,255,255,.1));color:var(--ws-color-boxmau6,var(--h247-3));box-shadow:0 2px 5px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.6) inset}.btn-hotro247__ic::after{content:""; position:absolute; inset:-5px; border-radius:50%;border:2px solid currentColor; opacity:.45;animation:h247pulse 2.2s ease-out infinite}@keyframes h247pulse{ 0%{transform:scale(.75);opacity:.7} 80%,100%{transform:scale(1.25);opacity:0} }.btn-hotro247__ic i{ animation:h247ring 2.6s ease-in-out infinite; transform-origin:50% 45%; }@keyframes h247ring{ 0%,88%,100%{transform:rotate(0)} 91%{transform:rotate(-12deg)} 94%{transform:rotate(12deg)} 97%{transform:rotate(-8deg)} }.btn-hotro247__tx{ display:flex; flex-direction:column; }.btn-hotro247__tx b{ font-size:12.5px; font-weight:700; letter-spacing:.2px; line-height:1.15; }.btn-hotro247__tx small{ font-size:10px; opacity:.92; font-weight:400; line-height:1.15; }.hotro247-modal{ --h247-1:#16a34a; --h247-3:#0b7a43; --h247-main: var(--ws-bg-title, #16a34a); }.hotro247-modal .modal-dialog-centered{ align-items:flex-start; }.hotro247-modal .modal-dialog{ margin-top:7vh; }@media (max-width:575.98px){ .hotro247-modal .modal-dialog{ margin-top:4vh; } }.hotro247-modal .modal-content{ border:0; border-radius:20px; overflow:hidden; box-shadow:0 30px 70px -20px rgba(0,0,0,.5); }.hotro247-modal .modal-header{background:linear-gradient(135deg,#16a34a,#0b7a43);background-color:var(--h247-main);background-image:var(--ws-bggradient-title, none);color:var(--ws-color-title,#fff); border:0; padding:1rem 1.25rem}.hotro247-modal .modal-title{ font-weight:700; display:flex; align-items:center; }.hotro247-modal .modal-header .btn-close{ filter:invert(1) grayscale(1) brightness(2); opacity:.9; }.hotro247-modal .modal-body{ padding:1.25rem 1.4rem; }.hotro247-body .hotro-heading{ font-size:18px; font-weight:700; color:var(--h247-main); margin:0 0 .75rem; }.hotro247-body .hotro-body{ font-size:15px; line-height:1.7; color:#334155; }.hotro247-body .hotro-body img{ max-width:100%; height:auto; }.hotro247-loading{ text-align:center; padding:2.5rem 0; color:var(--h247-main); }.hotro247-loading p{ margin:.75rem 0 0; font-size:14px; }.hotro247-body .hotro-line{display:flex; align-items:center; gap:14px; margin-top:12px;padding:14px 16px; border-radius:16px; text-decoration:none;background:#fff; border:1px solid rgba(37,144,59,.18);border-color:color-mix(in srgb, var(--h247-main) 22%, #fff);box-shadow:0 6px 18px -12px rgba(0,0,0,.35);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}.hotro247-body .hotro-line:hover{transform:translateY(-1px); border-color:rgba(37,144,59,.4);border-color:color-mix(in srgb, var(--h247-main) 45%, #fff);box-shadow:0 12px 24px -14px rgba(0,0,0,.42)}.hotro247-body .hotro-line__ic{flex:0 0 auto; width:46px; height:46px; border-radius:14px;display:grid; place-items:center; font-size:18px;color:var(--ws-color-title,#fff);background:linear-gradient(135deg,#16a34a,#0b7a43);background-color:var(--h247-main);background-image:var(--ws-bggradient-title, none)}.hotro247-body .hotro-line__info{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }.hotro247-body .hotro-line__info span{ font-size:13px; color:#64748b; font-weight:600; }.hotro247-body .hotro-line__info strong{ font-size:19px; font-weight:800; color:#0f172a; letter-spacing:.2px; }.hotro247-body .hotro-line__go{ flex:0 0 auto; color:#94a3b8; font-size:15px; }.hotro247-body .hotro-callback{ margin-top:1rem; padding-top:1rem; border-top:1px dashed #d9e2ec; }.hotro247-body .hotro-callback__hint{ font-size:14px; color:#475569; line-height:1.55; margin-bottom:.6rem; }.hotro247-body .hotro-callback__hint i{ color:var(--h247-main); margin-right:4px; }.hotro247-body .hotro-callback__hint b{ color:var(--h247-main); }.hotro247-body .hotro-callback__row{ display:flex; gap:8px; align-items:stretch; }.hotro247-body .hotro-callback__input{flex:1 1 auto; min-width:0; height:44px; padding:0 14px;border:1px solid #cbd5e1; border-radius:12px; font-size:15px; color:#0f172a;background:#fff; outline:none; transition:border-color .15s, box-shadow .15s}.hotro247-body .hotro-callback__input:focus{ border-color:var(--h247-main);box-shadow:0 0 0 3px rgba(22,163,74,.15);box-shadow:0 0 0 3px color-mix(in srgb, var(--h247-main) 20%, transparent); }.hotro247-body .hotro-callback__btn{flex:0 0 auto; height:44px; padding:0 20px; border:0; cursor:pointer;border-radius:12px; font-size:15px; font-weight:700;color:var(--ws-color-title,#fff);background:linear-gradient(135deg,#16a34a,#0b7a43);background-color:var(--h247-main);background-image:var(--ws-bggradient-title, none);box-shadow:0 4px 12px rgba(0,0,0,.22); transition:filter .15s}.hotro247-body .hotro-callback__btn:hover{ filter:brightness(1.05); }.hotro247-body .hotro-callback__btn:disabled{ opacity:.65; cursor:default; }.hotro247-body .hotro-callback__msg{ margin-top:.55rem; font-size:13.5px; font-weight:600; }.hotro247-body .hotro-callback__msg.is-ok{ color:var(--h247-main); }.hotro247-body .hotro-callback__msg.is-err{ color:#dc2626; }.hotro247-body .hotro-hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }.hover1 {transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s}.hover1:hover {box-shadow: 0px 2px 2px #dfdfdf;zoom: 1.1;transition: all 0.3s ease 0s;padding: 10px;border-radius: 8px}.danhmucsanpham {--dmsp-panel-w: 250px;--dmsp-container-w: var(--ws-mainwidth, 1200px)}.label-dmsp {background-color: var(--ws-bg-hover);background-image: var(--ws-bggradient-hover);color: var(--ws-color-hover);font-size:16px; text-transform:uppercase;padding:8px 15px;font-weight:600;letter-spacing:.3px;width: var(--dmsp-panel-w);font-family: 'ws-font-menu', 'ws-font-body'}.danhmucsanpham .panel-dmsp {font-family: 'ws-font-menu', 'ws-font-body';font-size: var(--ws-font-size-menu);position:absolute; left:0;top: calc(100% + 8px);width: var(--dmsp-panel-w);min-height:380px; box-sizing:border-box;background-color:#fff; color:#1e293b;box-shadow: 0 14px 30px rgba(15,23,42,.12),0 4px 8px rgba(15,23,42,.06);border-left:1px solid var(--ws-bg-hover);border-radius:8px 0px 0px 8px;padding:0px 0;z-index:1100;display:flex;flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;transform: translateY(-18px) scale(.95) rotateX(-12deg);transform-origin: top center;transition:opacity .35s ease,transform .55s cubic-bezier(.34, 1.56, .64, 1),visibility 0s linear .35s}.danhmucsanpham .panel-dmsp::before {content:"";position:absolute;left:0; right:0;top:-8px; height:8px;background:transparent}.danhmucsanpham:hover .panel-dmsp,.label-dmsp:hover ~ .panel-dmsp {visibility:visible;opacity:1;pointer-events:auto;transform: translateY(0) scale(1) rotateX(0);transition:opacity .3s ease,transform .55s cubic-bezier(.34, 1.56, .64, 1),visibility 0s linear 0s}.danhmucsanpham {position:relative; z-index:1100;perspective: 1200px; }.danhmucsanpham:hover {z-index:1200}.danhmucsanpham .panel-dmsp > ul {flex:1 0 auto;min-height:inherit;display:flex;flex-direction:column}.label-dmsp {position:relative;overflow:hidden;cursor:pointer;transition:transform .35s cubic-bezier(.34, 1.56, .64, 1),box-shadow .35s ease,letter-spacing .35s ease}.label-dmsp::after {content:"";position:absolute;top:0; left:-120%;width:80%; height:100%;background: linear-gradient(115deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);pointer-events:none;transition: left .7s cubic-bezier(.4, 0, .2, 1)}.danhmucsanpham:hover .label-dmsp {transform: translateY(-1px);box-shadow: 0 8px 22px rgba(0,0,0,.18);letter-spacing:.6px}.danhmucsanpham:hover .label-dmsp::after {left:120%}.danhmucsanpham .panel-dmsp > ul > li {border-bottom:1px solid rgba(0,0,0,.04);transition: background-color .25s ease, background-image .25s ease}.danhmucsanpham .panel-dmsp > ul > li:last-child { border-bottom:0; }.danhmucsanpham .panel-dmsp > ul > li:first-child,.danhmucsanpham .panel-dmsp > ul > li:first-child > a {border-top-left-radius:8px;border-top-right-radius:8px}.danhmucsanpham .panel-dmsp > ul > li:last-child,.danhmucsanpham .panel-dmsp > ul > li:last-child > a {border-bottom-left-radius:8px;border-bottom-right-radius:8px}.danhmucsanpham .panel-dmsp > ul > li > a {position:relative;display:block;padding:9px 10px 9px 30px;color:#1e293b;font-size:13.5px; font-weight:500;line-height:1.4;opacity:0;transform: translateX(-16px);transition:color .25s ease,padding-left .25s ease,opacity .4s ease,transform .5s cubic-bezier(.34, 1.56, .64, 1)}.danhmucsanpham:hover .panel-dmsp > ul > li > a {opacity:1;transform: translateX(0)}.danhmucsanpham:hover .panel-dmsp > ul > li:nth-child(1) > a { transition-delay: 0s, 0s, .15s, .15s; }.danhmucsanpham:hover .panel-dmsp > ul > li:nth-child(2) > a { transition-delay: 0s, 0s, .20s, .20s; }.danhmucsanpham:hover .panel-dmsp > ul > li:nth-child(3) > a { transition-delay: 0s, 0s, .25s, .25s; }.danhmucsanpham:hover .panel-dmsp > ul > li:nth-child(4) > a { transition-delay: 0s, 0s, .30s, .30s; }.danhmucsanpham:hover .panel-dmsp > ul > li:nth-child(5) > a { transition-delay: 0s, 0s, .35s, .35s; }.danhmucsanpham:hover .panel-dmsp > ul > li:nth-child(6) > a { transition-delay: 0s, 0s, .40s, .40s; }.danhmucsanpham:hover .panel-dmsp > ul > li:nth-child(n+7) > a { transition-delay: 0s, 0s, .45s, .45s; }.danhmucsanpham .panel-dmsp > ul > li > a::before {content:"";position:absolute; left:14px; top:50%;width:5px; height:5px; border-radius:50%;background: var(--ws-bg-hover);transform: translateY(-50%);transition: transform .25s ease, background .25s ease}.danhmucsanpham .panel-dmsp > ul > li:hover {background-color: var(--ws-bg-hover);background-image: var(--ws-bggradient-hover)}.danhmucsanpham .panel-dmsp > ul > li:hover > a {color: var(--ws-color-hover);padding-left:34px}.danhmucsanpham .panel-dmsp > ul > li:hover > a::before {background:#fff;transform: translateY(-50%) translateX(3px)}.danhmucsanpham .panel-dmsp > ul > li:hover > a::after {content:"";position:absolute; right:-1px; top:50%;transform: translateY(-50%);border:9px solid transparent;border-right-color:#fff;pointer-events:none}.danhmucsanpham .panel-dmsp > ul > li > ul {font-family: 'ws-font-menu', 'ws-font-body';position:absolute; left:100%;top:0; bottom:0;width: calc(var(--dmsp-container-w) - var(--dmsp-panel-w));max-width: calc(100vw - var(--dmsp-panel-w) - 30px);min-width: 500px;min-height:380px;padding:18px 20px;background-color:#fff;box-shadow: 14px 14px 30px rgba(15,23,42,.10);border-left:1px solid rgba(0,0,0,.05);border-radius:0 8px 8px 0; overflow-x:auto;--bs-gutter-y:0; --bs-gutter-x:0;display:none}.danhmucsanpham .panel-dmsp > ul > li:hover > ul {display:flex; flex-wrap:wrap;align-content:flex-start}.danhmucsanpham .panel-dmsp > ul > li > ul > li {flex:0 0 100%;padding:10px 16px 14px;box-sizing:border-box;border-left:0;border-bottom:1px solid rgba(15,23,42,.07); opacity:0;transform: translateY(6px);transition: opacity .35s ease, transform .35s ease}.danhmucsanpham .panel-dmsp > ul > li > ul > li:last-child {border-bottom:0}.danhmucsanpham .panel-dmsp > ul > li > ul > li:nth-child(2n+1) {border-left:0}.danhmucsanpham .panel-dmsp > ul > li:hover > ul > li {opacity:1; transform: translateY(0)}.danhmucsanpham .panel-dmsp > ul > li:hover > ul > li:nth-child(1) { transition-delay:.04s; }.danhmucsanpham .panel-dmsp > ul > li:hover > ul > li:nth-child(2) { transition-delay:.10s; }.danhmucsanpham .panel-dmsp > ul > li:hover > ul > li:nth-child(3) { transition-delay:.16s; }.danhmucsanpham .panel-dmsp > ul > li:hover > ul > li:nth-child(4) { transition-delay:.22s; }.danhmucsanpham .panel-dmsp > ul > li:hover > ul > li:nth-child(n+5) { transition-delay:.28s; }.danhmucsanpham .panel-dmsp > ul > li > ul > li > a {position:relative;display:block;padding:4px 0 9px;margin-bottom:6px;color:#1e293b;font-size:13px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;border-bottom:1px solid rgba(15,23,42,.06);transition: color .25s ease}.danhmucsanpham .panel-dmsp > ul > li > ul > li > a::after {content:"";position:absolute;left:0; bottom:0;width:32px; height:2px;background: linear-gradient(90deg,var(--ws-bg-hover),var(--ws-bg-title));border-radius:2px;transition: width .35s cubic-bezier(.4,0,.2,1)}.danhmucsanpham .panel-dmsp > ul > li > ul > li:hover > a {color: var(--ws-bg-hover)}.danhmucsanpham .panel-dmsp > ul > li > ul > li:hover > a::after {width:80%}.danhmucsanpham .panel-dmsp > ul > li > ul > li > ul {display:grid;grid-template-columns: repeat(4, 1fr);column-gap:16px;row-gap:0;margin-top:6px}.danhmucsanpham .panel-dmsp > ul > li > ul > li > ul > li {position:relative;overflow:hidden;margin:0}.danhmucsanpham .panel-dmsp > ul > li > ul > li > ul > li > a {position:relative;display:block;padding:6px 4px 6px 14px;margin:0;color:#475569;font-size:13px;font-weight:400;text-transform:none;border-radius:4px;transition: color .25s ease,background .25s ease,padding-left .25s ease}.danhmucsanpham .panel-dmsp > ul > li > ul > li > ul > li > a::before {content:"";position:absolute;left:0; top:50%;width:3px; height:0;background: linear-gradient(180deg,var(--ws-bg-hover),var(--ws-bg-title));border-radius:2px;transform: translateY(-50%);transition: height .25s cubic-bezier(.4,0,.2,1)}.danhmucsanpham .panel-dmsp > ul > li > ul > li > ul > li:hover > a {color: var(--ws-bg-hover);background: linear-gradient(90deg,rgba(0,0,0,.035),transparent 85%);padding-left:18px}.danhmucsanpham .panel-dmsp > ul > li > ul > li > ul > li:hover > a::before {height:18px}@media (max-width:1024px) {.danhmucsanpham .panel-dmsp > ul > li > ul {width: calc(100vw - var(--dmsp-panel-w) - 30px);min-width: 400px}.danhmucsanpham .panel-dmsp > ul > li > ul > li > ul {grid-template-columns: repeat(2, 1fr)}}.cssmenu #menu-button { display:none; }#cssmenu {font-family:'ws-font-menu','ws-font-body';font-size: var(--ws-font-size-menu)}.cssmenu > ul {display:flex; position:relative; z-index:1000}.cssmenu > ul > li {display:flex; align-items:center;z-index:1000}.cssmenu > ul > li.notfull { position:relative; }.cssmenu > ul > li:hover { z-index:1100; }.cssmenu > ul > li > a {position:relative; display:block;padding:14px 1.5rem;color: var(--ws-color-menu);font-size: var(--ws-font-size-menu);text-decoration:none;text-transform:none;transition: color .3s ease,background .35s ease,box-shadow .35s ease;z-index:1}.cssmenu > ul > li:hover > a,.cssmenu > ul > li.active > a {color:var(--ws-bg-hover)}.cssmenu > ul > li:has(> ul):hover > a::before {transform: translateY(-50%) rotate(180deg) scale(1.1);text-shadow: 0 0 8px rgba(255,255,255,.5)}.cssmenu > ul > li:has(> ul) > a {padding-right: calc(1.5rem + 14px)}.cssmenu > ul > li:has(> ul) > a::before {content:"\f107";font-family:"Font Awesome 5 Pro";position:absolute;right:1rem; top:50%; transform: translateY(-50%);font-size:11px; opacity:.8;transition: transform .3s ease, opacity .3s ease}.cssmenu > ul > li:has(> ul):hover > a::before {transform: translateY(-50%) rotate(180deg);opacity:1}.cssmenu > ul > li.notfull > ul,.cssmenu > ul > li.notfull ul ul {position:absolute; top:100%; left:0;min-width:230px; max-width:800px;width: max-content;padding:6px 0;background-color:#fff; color:#000;border-radius:6px;border-top:3px solid var(--ws-bg-title);box-shadow: 0 14px 30px rgba(15,23,42,.12),0 4px 8px rgba(15,23,42,.06);visibility:hidden; opacity:0;transform: perspective(1000px) rotateX(-90deg);transform-origin: top center;backface-visibility: hidden;transition: opacity .3s ease,transform .6s cubic-bezier(.34, 1.56, .64, 1),visibility 0s linear .35s;z-index:1100}.cssmenu > ul > li.notfull:hover > ul {visibility:visible; opacity:1;transform: perspective(1000px) rotateX(0);transition: opacity .3s ease,transform .6s cubic-bezier(.34, 1.56, .64, 1),visibility 0s linear 0s}.cssmenu > ul > li.notfull ul ul {top:0; left:100%;transform: perspective(1000px) rotateY(-90deg);transform-origin: left center}.cssmenu > ul > li.notfull ul li:hover > ul {visibility:visible; opacity:1;transform: perspective(1000px) rotateY(0);transition: opacity .3s ease,transform .6s cubic-bezier(.34, 1.56, .64, 1),visibility 0s linear 0s}.cssmenu > ul > li.notfull > ul::before {content:"";position:absolute;top:-15px; left:24px;border:7px solid transparent;border-bottom-color: var(--ws-bg-title)}.cssmenu ul ul li {position:relative;transition: background .2s ease}.cssmenu > ul > li.notfull ul li {opacity:0;transform: translateX(-10px);transition:background .2s ease,opacity .35s ease,transform .4s cubic-bezier(.34, 1.56, .64, 1)}.cssmenu > ul > li.notfull:hover > ul > li,.cssmenu > ul > li.notfull ul li:hover > ul > li {opacity:1;transform: translateX(0)}.cssmenu > ul > li.notfull:hover > ul > li:nth-child(1),.cssmenu > ul > li.notfull ul li:hover > ul > li:nth-child(1) { transition-delay: 0s, .10s, .10s; }.cssmenu > ul > li.notfull:hover > ul > li:nth-child(2),.cssmenu > ul > li.notfull ul li:hover > ul > li:nth-child(2) { transition-delay: 0s, .14s, .14s; }.cssmenu > ul > li.notfull:hover > ul > li:nth-child(3),.cssmenu > ul > li.notfull ul li:hover > ul > li:nth-child(3) { transition-delay: 0s, .18s, .18s; }.cssmenu > ul > li.notfull:hover > ul > li:nth-child(4),.cssmenu > ul > li.notfull ul li:hover > ul > li:nth-child(4) { transition-delay: 0s, .22s, .22s; }.cssmenu > ul > li.notfull:hover > ul > li:nth-child(5),.cssmenu > ul > li.notfull ul li:hover > ul > li:nth-child(5) { transition-delay: 0s, .26s, .26s; }.cssmenu > ul > li.notfull:hover > ul > li:nth-child(n+6),.cssmenu > ul > li.notfull ul li:hover > ul > li:nth-child(n+6) { transition-delay: 0s, .30s, .30s; }.cssmenu ul ul li > a {position:relative; display:block;padding:9px 32px 9px 16px;color:#222;font-size:13.5px; font-weight:500;text-decoration:none;text-transform:initial;transition: padding-left .25s ease, color .25s ease, background .25s ease}.cssmenu ul ul li + li > a {border-top:1px solid rgba(0,0,0,.04)}.cssmenu ul ul li > a::before {content:"";position:absolute;left:6px; top:50%;width:6px; height:6px; border-radius:50%;background: var(--ws-bg-hover);transform: translateY(-50%) scale(0);transition: transform .25s ease}.cssmenu ul ul li:hover > a {background: linear-gradient(90deg, rgba(0,0,0,.04), transparent 90%);color: var(--ws-bg-hover);padding-left:24px}.cssmenu ul ul li:hover > a::before {transform: translateY(-50%) scale(1)}.cssmenu ul ul li:has(> ul) > a::after {content:"\f105";font-family:"Font Awesome 5 Pro";position:absolute;right:12px; top:50%; transform: translateY(-50%);color:#999; font-size:11px;transition: transform .25s ease, color .25s ease}.cssmenu ul ul li:has(> ul):hover > a::after {color: var(--ws-bg-hover);transform: translateY(-50%) translateX(3px)}.cssmenu > ul > li.fullmenu > ul {position:absolute;left:0; right:0; top:100%;width:75%; max-height:480px;margin-left:auto; margin-right:auto;padding:18px 20px;background-color:#fff;border-radius:6px;border-top:3px solid var(--ws-bg-title);box-shadow: 0 14px 30px rgba(15,23,42,.14);overflow-y:auto;visibility:hidden; opacity:0;transform: perspective(2000px) rotateX(-90deg);transform-origin: top center;backface-visibility: hidden;transition: opacity .35s ease,transform .65s cubic-bezier(.34, 1.56, .64, 1),visibility 0s linear .4s;display:flex; flex-wrap:wrap;z-index:1100}.cssmenu > ul > li.fullmenu:hover > ul {visibility:visible; opacity:1;transform: perspective(2000px) rotateX(0);transition: opacity .35s ease,transform .65s cubic-bezier(.34, 1.56, .64, 1),visibility 0s linear 0s}.cssmenu > ul > li.fullmenu > ul > li {flex:0 0 33.3333%;padding:6px 16px 14px;box-sizing:border-box;border-left:1px dashed rgba(15,23,42,.08);opacity:0;transform: translateY(6px);transition: opacity .35s ease, transform .35s ease}.cssmenu > ul > li.fullmenu > ul > li:nth-child(3n+1) {border-left:0}.cssmenu > ul > li.fullmenu:hover > ul > li {opacity:1; transform: translateY(0)}.cssmenu > ul > li.fullmenu:hover > ul > li:nth-child(1) { transition-delay:.04s; }.cssmenu > ul > li.fullmenu:hover > ul > li:nth-child(2) { transition-delay:.10s; }.cssmenu > ul > li.fullmenu:hover > ul > li:nth-child(3) { transition-delay:.16s; }.cssmenu > ul > li.fullmenu:hover > ul > li:nth-child(4) { transition-delay:.22s; }.cssmenu > ul > li.fullmenu:hover > ul > li:nth-child(n+5) { transition-delay:.28s; }.cssmenu > ul > li.fullmenu > ul > li > a {position:relative;display:block;padding:4px 0 9px;margin-bottom:6px;color:#1e293b;font-size:13px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;transition: color .25s ease}.cssmenu > ul > li.fullmenu > ul > li > a::before {content:""; display:none}.cssmenu > ul > li.fullmenu > ul > li > a::after {content:"";position:absolute;left:0; right:auto;top:auto; bottom:0;transform:none;width:32px; height:2px;background: linear-gradient(90deg,var(--ws-bg-hover),var(--ws-bg-title));border-radius:2px;font-size:0;color:transparent;transition: width .35s cubic-bezier(.4,0,.2,1);display:block !important}.cssmenu > ul > li.fullmenu > ul > li:hover > a::after { width:80%; }.cssmenu > ul > li.fullmenu > ul > li:hover > a { color: var(--ws-bg-hover); }.cssmenu > ul > li.fullmenu > ul > li > a {border-bottom:1px solid rgba(15,23,42,.06)}.cssmenu > ul > li.fullmenu > ul > li li {position:relative;overflow:hidden}.cssmenu > ul > li.fullmenu > ul > li li > a {position:relative;display:block;padding:6px 4px 6px 14px;color:#475569;font-size:13px;font-weight:400;text-transform:none;border-radius:4px;transition: color .25s ease,background .25s ease,padding-left .25s ease}.cssmenu > ul > li.fullmenu > ul > li li > a::before {content:"";position:absolute;left:0; top:50%;width:3px; height:0;background: linear-gradient(180deg,var(--ws-bg-hover),var(--ws-bg-title));border-radius:2px;transform: translateY(-50%);transition: height .25s cubic-bezier(.4,0,.2,1)}.cssmenu > ul > li.fullmenu > ul > li li:hover > a {color: var(--ws-bg-hover);background: linear-gradient(90deg,rgba(0,0,0,.035),transparent 85%);padding-left:18px}.cssmenu > ul > li.fullmenu > ul > li li:hover > a::before {height:18px}.cssmenu > ul > li.fullmenu > ul::before { display:none !important; }.cssmenu > ul > li.fullmenu > ul > li li:has(> ul) > a::after { display:none !important; }@media (max-width:1024px) {#cssmenu { display:none; }}.owl-carousel .owl-dots{text-align: center;margin-top: 16px}.owl-carousel .owl-dots [class*=owl-]{ margin: 0 !important; }.owl-carousel .owl-dots .owl-dot span{display: block;width: 8px; height: 8px;margin: 0 4px !important;background-color: #cbd5e1;border-radius: 999px;clip-path: none;transition: background .18s ease, width .18s ease}.owl-carousel .owl-dots .owl-dot:hover span{background-color: #94a3b8}.owl-carousel .owl-dots .owl-dot.active span{background-color: var(--ws-bg-title);width: 22px;border-radius: 6px}.owl-carousel .owl-nav{ margin: 0; }.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{position: absolute; top: 38%; transform: translateY(-50%);width: 42px; height: 42px; border-radius: 50%;display: flex; align-items: center; justify-content: center;background: #fff !important;color: var(--ws-bg-title) !important;border: 1px solid #e6efe9;box-shadow: 0 6px 18px -6px rgba(16, 24, 40, .35);clip-path: none;opacity: 0; z-index: 3;transition: opacity .18s ease, background .18s ease, color .18s ease}.owl-carousel .owl-nav button.owl-prev{ left: -6px; }.owl-carousel .owl-nav button.owl-next{ right: -6px; }.owl-carousel:hover .owl-nav button.owl-prev,.owl-carousel:hover .owl-nav button.owl-next{ opacity: 1; }.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover{background: var(--ws-bg-title) !important;color: var(--ws-color-title) !important}.owl-carousel:hover .owl-nav button.disabled{ opacity: .3; cursor: default; }.owl-carousel .owl-nav i{font-size: 15px !important; line-height: 1; color: inherit !important}.nav-double .owl-stage-outer{ margin-right: 60px; }.nav-double .owl-nav{opacity: 1 !important;position: absolute; right: 0; top: -2px; height: 20px; margin: 0}.nav-double .owl-nav button.owl-prev,.nav-double .owl-nav button.owl-next{width: 28px; height: 28px; top: 5px; position: relative;opacity: 1 !important;left: auto; right: auto}@media (max-width: 767.98px){.owl-carousel .owl-nav{ display: none !important; }}ul.pagination {margin: 20px auto}.pagination-outer{ text-align: center; }.pagination{font-family: 'Poppins', sans-serif;display: inline-flex;position: relative}.pagination li a.page-link{color: #333;background-color: #ddd;font-size: 18px;font-weight: 600;line-height: 37px;height: 38px;width: 38px;padding: 0;margin: 0 8px;border: none;border-radius: 50%;position: relative;z-index: 1;transition: all 0.4s ease 0s}.pagination li:first-child a.page-link,.pagination li:last-child a.page-link{font-size: 30px;line-height: 35px;font-weight: 400;border: none}.pagination li a.page-link:hover,.pagination li a.page-link:focus,.pagination li.active a.page-link:hover,.pagination li.active a.page-link{color: #fff;background-color: #065382}.pagination li a.page-link:before,.pagination li a.page-link:after{content: '';background-color: #065382;height: 8px;width: 8px;border-radius: 50%;opacity: 0;position: absolute;left: 5px;top: 5px;z-index: -1;transition: all 0.4s ease 0s}.pagination li a.page-link:after{left: auto;right: 5px;top: auto;bottom: 5px}.pagination li a.page-link:hover:before,.pagination li a.page-link:focus:before,.pagination li.active a.page-link:hover:before,.pagination li.active a.page-link:before{opacity: 1;box-shadow: -7px -7px rgba(0,0,0,0.2);left: -2px;top: -2px}.pagination li a.page-link:hover:after,.pagination li a.page-link:focus:after,.pagination li.active a.page-link:hover:after,.pagination li.active a.page-link:after{opacity: 1;box-shadow: 7px 7px rgba(0,0,0,0.2);right: -2px;bottom: -2px}@media only screen and (max-width: 480px){.pagination{font-size: 0;display: inline-block}.pagination li{display: inline-block;vertical-align: top;margin: 10px 0}}.tab .nav-tabs{display:table;margin: auto;background: #eeeeee;border-radius: 50px;border: none;padding: 6px;margin-top: 10px;margin-bottom: 20px}.tab .nav-tabs li{float: none;display: inline-block;position: relative}.tab .nav-tabs li span{font-size: 16px;font-weight: 700;background: none;color: #999;border: none;padding: 7px 15px;border-radius: 50px;transition: all 0.5s ease 0s;display: block;cursor: pointer}.tab .nav-tabs li span:hover{background: var(--ws-bg-hover);color: #fff;border: none}.tab .nav-tabs li.active span,.tab .nav-tabs li.active span:focus,.tab .nav-tabs li.active span:hover{border: none;background: var(--ws-bg-hover);;color: #fff}.tab {box-shadow: 0px 0px 2px #d9d9d9;padding: 5px 20px;border-radius: 15px;margin-bottom: 20px}@media only screen and (max-width: 480px){.tab .nav-tabs{border-radius: 10px}.tab .nav-tabs li{width: 100%;text-align: center;margin-bottom: 5px}.tab{padding: 0px;box-shadow: 0px}}.toc {position: relative;background: #fff;color: #1e1e1e;font-size: 14px;line-height: 1.6;border-radius: 12px;border: 1px solid rgba(0,0,0,.08);box-shadow: 0 2px 12px rgba(0,0,0,.04);transition: box-shadow .3s ease, border-color .3s ease}.toc:hover {border-color: rgba(0,0,0,.12);box-shadow: 0 4px 20px rgba(0,0,0,.07)}.toc > strong {cursor: pointer;font-size: 15px;font-weight: 700;padding: 6px 0;color: var(--ws-bg-title, #1e293b);letter-spacing: .3px;transition: color .2s;user-select: none}.toc > strong i {transition: transform .35s cubic-bezier(.4,0,.2,1)}.tocload_min > ul {display: none}.toc > ul {margin: 12px 0 0 0 !important;padding: 0;border-top: 1px solid rgba(0,0,0,.06);padding-top: 12px}.toc li {list-style: none !important;margin: 0 !important;padding: 0 !important;position: relative}.toc > ul > li {margin-bottom: 2px !important}.toc li ul {margin: 0;padding: 0 0 0 16px;border-left: 2px solid rgba(0,0,0,.06);margin-left: 10px !important}.toc a {display: block;padding: 6px 12px 6px 14px;color: #334155;text-decoration: none;font-weight: 500;border-radius: 6px;position: relative;transition: all .25s ease;border-left: 3px solid transparent}.toc > ul > li > a {font-weight: 600;font-size: 14px}.toc li ul a {font-size: 13px;font-weight: 400;padding: 4px 12px 4px 12px}.toc a:hover {color: var(--ws-bg-hover, #e65100);background: linear-gradient(90deg, rgba(var(--ws-bg-hover-rgb, 230,81,0), .06), transparent);border-left-color: var(--ws-bg-hover, #e65100);transform: translateX(3px)}.toc a.toc-active {color: #fff;background: var(--ws-bggradient-hover, var(--ws-bg-hover, #e65100));border-left-color: transparent;border-radius: 6px;font-weight: 600;box-shadow: 0 2px 8px rgba(0,0,0,.12)}.toc a.toc-active:hover {transform: none;filter: brightness(1.08)}.toc.fixedtoc {position: fixed;top: 120px;left: var(--toc-left, 20px);right: auto !important;bottom: auto !important;z-index: 999;width: 44px;height: 44px;border-radius: 50%;padding: 0 !important;margin: 0 !important;overflow: hidden;background: var(--ws-bggradient-hover, var(--ws-bg-hover, #e65100));border: none;box-shadow: 0 4px 20px rgba(0,0,0,.18), 0 1px 4px rgba(0,0,0,.1);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1),padding .3s ease,box-shadow .3s ease;animation: toc-float-in .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes toc-float-in {0% { opacity: 0; transform: scale(.5) translateY(20px); }100% { opacity: 1; transform: scale(1) translateY(0); }}.toc.fixedtoc:hover {box-shadow: 0 6px 28px rgba(0,0,0,.22);transform: scale(1.06)}.toc.fixedtoc > strong {color: #fff;font-size: 0;display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;margin: 0}.toc.fixedtoc > strong::before {content: "\f0ca";font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";font-weight: 300;font-size: 18px;color: #fff;display: flex;align-items: center;justify-content: center}.toc.fixedtoc > strong i {display: none !important}.toc.fixedtoc > ul {display: none !important}.toc.fixedtoc.toc-expanded {width: min(380px, calc(100vw - 40px));height: auto;max-height: min(60vh, 500px);border-radius: 14px;padding: 16px 18px 18px !important;background: #fff;border: 1px solid rgba(0,0,0,.1);overflow: hidden;cursor: default;animation: none;display: flex;flex-direction: column}.toc.fixedtoc.toc-expanded > strong {order: -1;color: var(--ws-bg-title, #1e293b);font-size: 15px;width: 100%;height: auto;padding: 0 0 10px;margin: 0 0 4px;display: block;text-align: center;border-bottom: 1px solid rgba(0,0,0,.06);flex-shrink: 0}.toc.fixedtoc.toc-expanded > strong::before {display: none}.toc.fixedtoc.toc-expanded > strong i {display: inline-block !important;color: var(--ws-bg-hover, #e65100)}.toc.fixedtoc.toc-expanded > ul {display: block !important;overflow-y: auto;max-height: min(50vh, 420px);scrollbar-width: thin;scrollbar-color: var(--ws-bg-hover, #e65100) transparent;padding-right: 4px}.toc.fixedtoc.toc-expanded > ul::-webkit-scrollbar {width: 4px}.toc.fixedtoc.toc-expanded > ul::-webkit-scrollbar-thumb {background: var(--ws-bg-hover, #e65100);border-radius: 4px}.toc.fixedtoc.toc-expanded > ul::-webkit-scrollbar-track {background: transparent}.toc.fixedtoc::after {content: "";position: absolute;bottom: 3px;left: 50%;transform: translateX(-50%);width: 16px;height: 2px;border-radius: 2px;background: rgba(255,255,255,.5)}.toc.fixedtoc.toc-expanded::after {display: none}@media (max-width: 767px) {.toc.fixedtoc {top: 80px;left: 10px !important;width: 40px;height: 40px}.toc.fixedtoc > strong {width: 40px;height: 40px}.toc.fixedtoc > strong::before {font-size: 16px}.toc.fixedtoc.toc-expanded {left: 10px !important;width: calc(100vw - 20px);max-height: 55vh}.toc.fixedtoc::after {width: 14px}}.xt-more{ display: flex; justify-content: center; margin-top: 12px; }.xt-btn{display: inline-flex; align-items: center; gap: 7px;padding: 8px 20px; border-radius: 999px; cursor: pointer;background: #fff;border: 1px solid #cfe3d5;border-color: color-mix(in srgb, var(--ws-bg-title, #16a34a) 30%, #fff);color: var(--ws-bg-title, #16a34a);font-size: 13.5px; font-weight: 700; line-height: 1.2;transition: background .16s ease, border-color .16s ease}.xt-btn:hover{background: color-mix(in srgb, var(--ws-bg-title, #16a34a) 8%, #fff);border-color: color-mix(in srgb, var(--ws-bg-title, #16a34a) 50%, #fff)}.xt-btn i{ font-size: 12px; transition: transform .2s ease; }[data-xt] .xt-box:not(.is-collapsed) ~ .xt-more .xt-btn i{ transform: rotate(180deg); }