CINXE.COM

TotalEnergies Việt Nam

<!DOCTYPE html> <html lang="vi" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><meta name="description" content="TotalEnergies Việt Nam" /> <link rel="canonical" href="https://totalenergies.vn/" /> <meta name="robots" content="index, follow" /> <link rel="shortlink" href="https://totalenergies.vn/" /> <meta property="og:site_name" content="TotalEnergies Việt Nam" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://totalenergies.vn/node/671" /> <meta property="og:title" content="TotalEnergies Việt Nam | TotalEnergies Việt Nam" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "name": "TotalEnergies Việt Nam", "url": "https://totalenergies.vn/" }, { "@type": "WebSite", "name": "TotalEnergies Việt Nam", "url": "https://totalenergies.vn/", "potentialAction": { "@type": "SearchAction", "query": "https://totalenergies.vn//search?query={search_term_string}", "query-input": "required name=search_term_string" } } ] }</script> <style>.color-variables { --color-neutral-grey-ultra-light: #F5F9FB; --color-light-1: #285AFF; --color-neutral-white: #FFFFFF; --color-dark-1: #80CDFF; --color-dark-2: #92EAEA; --color-dark-3: #72EAC5; --color-dark-4: #BCF453; --color-dark-5: #FFE74F; --color-error: #E71731; --color-error-light: #FBD1D6; --color-neutral-grey-dark: #374649; --color-neutral-grey-light: #B7CBD3; --color-neutral-grey-medium: #69777D; --color-neutral-grey-ultra-dark: #222B2D; --color-light-2: #D43900; --color-primary: #E70000; --color-success: #00884A; --color-success-light: #B3DBC9; }</style> <link rel="preconnect" href="https://dxm.content-center.totalenergies.com" /> <link rel="icon" href="/themes/custom/butterfly_theme/favicon.ico" /> <link rel="alternate" hreflang="vi" href="https://totalenergies.vn/" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>TotalEnergies Việt Nam</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4996/files/css/css_ahwSlsaXvtWZsqmYItHQhcAIlVV1P44j2HzJYpO4TFE.css?delta=0&amp;language=vi&amp;theme=butterfly_theme&amp;include=eJyVU9FuwzAI_KG4-aSK2DRBtcEC3C5_P7faNKmdFPfFkg2HueOw3RzLvIDhtDR31Evez75hwdmB8p04Tfjlmfg6J20V8unnOkVRnKOUKozsdnrBh5AFEupxnmEUTqB7KMgtXER8BEYddZxVgPizukpxC95Zhi4LxWNABE3TjfBu8_M8FUkt4xgwZDIP0FymCgqrQt3sV-q_l1Pj2paeu2E6LlwpugQqsA50UZttneqAMv09Sn7My2lE-w0hEa8DQsgNNVC34psLrWZKAywMQeMgjz5bVIb89MUnFmK40Qpj5BcFHmP_kKkb0_Hsd4SrzZAK8dl8z2jvayneO7cr1fBcw9f4RfongRtTt9T_QZVFXL4BoxaO9g" /> <link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?ss94c7" /> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4996/files/css/css_5XXrvzCvFcghMU26FGSWWHH4HxHt_Q39JYZ433qmezg.css?delta=2&amp;language=vi&amp;theme=butterfly_theme&amp;include=eJyVU9FuwzAI_KG4-aSK2DRBtcEC3C5_P7faNKmdFPfFkg2HueOw3RzLvIDhtDR31Evez75hwdmB8p04Tfjlmfg6J20V8unnOkVRnKOUKozsdnrBh5AFEupxnmEUTqB7KMgtXER8BEYddZxVgPizukpxC95Zhi4LxWNABE3TjfBu8_M8FUkt4xgwZDIP0FymCgqrQt3sV-q_l1Pj2paeu2E6LlwpugQqsA50UZttneqAMv09Sn7My2lE-w0hEa8DQsgNNVC34psLrWZKAywMQeMgjz5bVIb89MUnFmK40Qpj5BcFHmP_kKkb0_Hsd4SrzZAK8dl8z2jvayneO7cr1fBcw9f4RfongRtTt9T_QZVFXL4BoxaO9g" /> </head> <body class="color-variables color-variation-default path-frontpage page-node-type-standard-page tw-bg-white tw-text-base tw-antialiased tw-text-dark-text"> <a href="#main-content" class="visually-hidden focusable skip-link bfly-skip-link tw-top-2.5 tw-bg-primary tw-text-white tw-py-2 tw-px-5 tw-rounded-large tw-left-1/2 -tw-translate-x-1/2 tw-font-bolder tw-outline-primary tw-outline tw-outline-2 tw-underline focus-visible:tw-z-max"> Nhảy đến nội dung </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container tw-flex tw-flex-col lg:tw-min-h-screen"> <header class="main-header tw-flex tw-items-center tw-flex-col tw-justify-center tw-border-b tw-border-solid tw-border-component-grey-ultra-light tw-z-30 tw-relative tw-top-0 tw-left-0 tw-right-0 tw-bg-component-white tw-w-full" role="banner"> <div class="container tw-flex tw-justify-between tw-w-full tw-bg-component-white"> <div> <div id="block-butterfly-theme-site-branding" data-component-id="butterfly_theme:branding" class="site-branding block block-system block-system-branding-block"> <div class="site-branding__inner tw-flex lg:tw-gap-4 md:tw-gap-2 tw-gap-4 tw-items-center"> <a href="/" aria-label="TotalEnergies - Đi đến trang chủ" rel="home" aria-current="page" class="site-branding__logo branging-logo"> <img src="/themes/custom/butterfly_theme/logo.svg" alt="TotalEnergies" width="129" height="102" loading="eager" fetchpriority="high"/> </a> <div class="branding-text header-font lg:tw-text-sm tw-inline-block tw-text-xxs tw-font-medium tw-text-component-primary tw-transition-all tw-duration-300 tw-ease-in-out"> <div class="site-slogan"> Việt Nam </div> </div> </div> </div> </div> <div class="tw-flex"> <div class="lg:tw-hidden tw-leading-none tw-flex tw-items-center tw-gap-4"> <div role="search"> <button class="js-search-button js-header-search-button search-button-header" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">Tìm kiếm</span> </button> </div> <button type="button" aria-expanded="false" class="hamburger tw-relative tw-cursor-pointer tw-w-6 tw-h-6 tw-rotate-0 tw-transition-transform tw-duration-300 tw-ease-in-out" aria-label="Menu chính"> <span></span> <span></span> <span></span> <span></span> </button> </div> <div class="main-menu__region--container lg:tw-block tw-hidden lg:tw-static tw-absolute tw-top-full tw-left-0 tw-right-0 tw-bottom-0 lg:tw-w-auto tw-w-full lg:tw-h-auto tw-h-screen tw-bg-component-white"> <div class="main-menu__region--wrapper tw-flex lg:tw-overflow-x-visible tw-overflow-x-hidden lg-max:tw-overflow-y-auto lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-pt-1 lg:tw-flex-col-reverse tw-flex-col lg:tw-gap-4 lg:tw-pl-4 lg-max:tw-px-6 tw-h-auto"> <div class="region region--main-navigation tw-flex lg:tw-justify-end primary-region__menu--container"> <nav class="tw-w-full" role="navigation" aria-label="Menu chính" id="block-butterfly-theme-mainnavigation"> <div class="primary-menu__container"> <div class="menu__item-go-back tw-hidden menu__back-button-1"> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:main-menu-navigation" class="menu menu--level-1 main-menu__primary-level tw-flex lg:tw-flex-row tw-flex-col heading-font lg:tw-items-center lg:tw-flex-wrap lg:tw-gap-x-6 lg:tw-gap-y-0.5 lg:tw-justify-end" data-level="1"> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> TotalEnergies Tại Việt Nam <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Đóng</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="https://totalenergies.vn/" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4"> TotalEnergies Tại Việt Nam </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/totalenergies-tai-viet-nam/totalenergies-vietnam" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/441"> <span> TotalEnergies Việt Nam </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="https://solar.totalenergies.asia/" target="_blank" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent"> <span> TotalEnergies Solar </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/totalenergies-tai-viet-nam/tin-tuc" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/621"> <span> Tin Tức TotalEnergies </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/totalenergies-tai-viet-nam/tuyen-dung-0" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/676"> <span> Tuyển Dụng </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/totalenergies-tai-viet-nam/tin-tuc" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/621"> <span> Tin tức </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Dầu Nhớt <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Đóng</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="/dau-nhot" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/451"> Dầu Nhớt </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/436"> <span> Dầu phương tiện vận chuyển </span> </a> <button type="button" aria-label="Dầu phương tiện vận chuyển" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="/dau-nhot/dau-phuong-tien-van-chuyen" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/436"> Dầu phương tiện vận chuyển </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen/dau-nhot-xe-so-va-tay-ga" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/461"> <span> Dầu nhớt xe số và tay ga </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--has-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen/dau-nhot-dong-co-xe-oto" class="menu__link menu__link--link menu__link--level-3 menu__link--has-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/511"> <span> Dầu nhớt động cơ xe ô tô <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </a> </div> <div class="main-menu__level-wrapper main-menu__level-4 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible lg-max:tw-absolute lg-max:tw-top-0 lg-max:tw-w-full lg-max:ltr:tw-right-0 lg-max:rtl:tw-left-0 lg-max:tw-z-40"> <div class="menu__item-go-back tw-hidden menu__back-button-4"> <button type="button" data-id="4" class="go-back__button go-back__button-4 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="/dau-nhot/dau-phuong-tien-van-chuyen/dau-nhot-dong-co-xe-oto" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/511"> Dầu nhớt động cơ xe ô tô </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-4 heading-font lg:tw-flex lg:tw-flex-col lg:tw-gap-4" data-level="4"> <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children lg-max:tw-py-4 tw-text-component-dark-text"> <div class="main-menu__sub-menu main-menu__sub-menu-4 tw-relative tw-w-full " data-button-level="4"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen/dau-nhot-dong-co-xe-oto/quartz" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg-max:tw-items-center lg:tw-inline-block lg:tw-w-auto" data-drupal-link-system-path="node/766"> <span> Quartz </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen/dau-nhot-dong-co-nong-nghiep" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/516"> <span> Dầu nhớt động cơ nông nghiệp </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen/dau-nhot-dong-co-cong-trinh-va-mo" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/471"> <span> Dầu nhớt động cơ Công Trình và Mỏ </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen/hang-hai" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/521"> <span> Dầu nhớt Hàng hải </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen/dau-nhot-xe-tai-xe-buyt" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/756"> <span> Dầu nhớt xe tải và xe buýt </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/dau-nhot/dau-cong-nghiep" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/581"> <span> Dầu công nghiệp </span> </a> <button type="button" aria-label="Dầu công nghiệp" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="/dau-nhot/dau-cong-nghiep" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/581"> Dầu công nghiệp </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-cong-nghiep/trangchudaunhotdauphuongtienvanchuyennganhximangvavatlieu" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/486"> <span> Ngành xi mặng và vật liệu </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-cong-nghiep/nganh-hoa-chat" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/576"> <span> Ngành hóa chất </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/node/706" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/706"> <span> Ngành Năng Lượng </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-cong-nghiep/trangchudaunhotdaucongnghiepnganhsanxuatthucpham" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/501"> <span> Ngành Sản Xuất Thực Phẩm </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-cong-nghiep/trangchudaunhotdaucongnghiepnganhgiacongkimloai" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/496"> <span> Ngành Gia Công Kim Loại </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-cong-nghiep/nganh-thep" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/491"> <span> Ngành Thép </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-cong-nghiep/trangchudaunhotdaucongnghiepnganhdet" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/481"> <span> Ngành Dệt </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dau-nhot/dau-cong-nghiep/trangchudaunhotdaucongnghiepnganhgovagiay" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/476"> <span> Ngành Gỗ và Giấy </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <button type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> E-Brochure </span> </button> <button type="button" aria-label="E-Brochure" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <span class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> E-Brochure </span> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/variation/xysh7dg731tah4a3ztgj3bupey/original,default?hash=gehn6cjofh3dyctwryadoqtuga7drpy&amp;dxm_cors_orign=76ABE9E30D5586637AC358998F93E703" target="_blank" aria-label="Download motorcycle lubricants brochure" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4"> <span> <span aria-hidden="true" class="icon icon--icon-download tw-text-component-primary main-menu__level-icons -tw-mt-1.5"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.014 14.501v4a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2v-4m4-5 5 5m0 0 5-5m-5 5v-12"/></svg> </span> E-Brochure Dầu nhớt xe máy </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/variation/xysh7dg731ta71cm6gkxrfjh4y/original,default?hash=gehn6cjofh3dyctwryadoqtuga7drqy&amp;dxm_cors_orign=76ABE9E30D5586637AC358998F93E703" target="_blank" aria-label="Download car lubricants brochure" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4"> <span> <span aria-hidden="true" class="icon icon--icon-download tw-text-component-primary main-menu__level-icons -tw-mt-1.5"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.014 14.501v4a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2v-4m4-5 5 5m0 0 5-5m-5 5v-12"/></svg> </span> E-Brochure Dầu nhớt xe ô tô </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/variation/xysh7dg731ta7bpioqibfzenga/original,default?hash=gehn6cjofh3dyctwryadoqtuga7dnpe&amp;dxm_cors_orign=76ABE9E30D5586637AC358998F93E703" target="_blank" aria-label="Download heavy duty lubricants brochure" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4"> <span> <span aria-hidden="true" class="icon icon--icon-download tw-text-component-primary main-menu__level-icons -tw-mt-1.5"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.014 14.501v4a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2v-4m4-5 5 5m0 0 5-5m-5 5v-12"/></svg> </span> E-Brochure Dầu nhớt xe tải </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/variation/xysh7dg731ta7mkuzsj8cyaxje/original,default?hash=gehn6cjofh3dyctwryadoqtuga7dnqe&amp;dxm_cors_orign=76ABE9E30D5586637AC358998F93E703" target="_blank" aria-label="Download industrial lubricants brochure" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4"> <span> <span aria-hidden="true" class="icon icon--icon-download tw-text-component-primary main-menu__level-icons -tw-mt-1.5"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.014 14.501v4a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2v-4m4-5 5 5m0 0 5-5m-5 5v-12"/></svg> </span> E-Brochure Dầu công nghiệp </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="https://lubconsult.totalenergies.com/Vietnam-LCR-TotalEnergies" target="_blank" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent"> <span> Tìm loại nhớt phù hợp </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/dau-nhot/tra-cuu-tds" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/961"> <span> Tra cứu TDS </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Khí Hoá Lỏng <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Đóng</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="/khi-hoa-long-lpg" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/456"> Khí Hoá Lỏng </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/khi-hoa-long/san-pham" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/446"> <span> Sản Phẩm </span> </a> <button type="button" aria-label="Sản Phẩm" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="/khi-hoa-long/san-pham" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/446"> Sản Phẩm </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/khi-hoa-long/san-pham/san-pham-dan-dung" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/586"> <span> Sản phẩm dân dụng </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/khi-hoa-long/san-pham/he-thong-bon-cong-nghiep" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/591"> <span> Hệ thống bồn công nghiệp </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/khi-hoa-long/san-pham/he-thong-binh-cong-nghiep" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/596"> <span> Hệ thống bình công nghiệp </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/hoi-dap-cung-totalenergies/tao-quan-toan/bi-quyet-toan-gas" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/601"> <span> Bí quyết an toàn ga </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/khi-hoa-long/hanh-trinh-25-nam" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/681"> <span> Hành trình 25 năm </span> </a> </div> </li> <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <button type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Bảng giá </span> </button> <button type="button" aria-label="Bảng giá" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <span class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> Bảng giá </span> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/khi-hoa-long-lpg/gia-cp-lpg-gioi-saudi-aramco" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/951"> <span> Giá CP LPG thế giới Saudi Aramco </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Dịch Vụ Và Cửa Hàng <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Đóng</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="/dich-vu-va-cua-hang" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/661"> Dịch Vụ Và Cửa Hàng </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <button type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Mô hình dịch vụ chuẩn </span> </button> <button type="button" aria-label="Mô hình dịch vụ chuẩn" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <span class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> Mô hình dịch vụ chuẩn </span> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dich-vu-va-cua-hang/mo-hinh-dich-vu-chuan/totalenergies-motozone" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/606"> <span> TotalEnergies MOTOZONE </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dich-vu-va-cua-hang/mo-hinh-dich-vu-chuan/quartz-auto-care" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/611"> <span> TotalEnergies QUARTZ AUTO CARE </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/dich-vu-va-cua-hang/mo-hinh-dich-vu-chuan/wash" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/776"> <span> Dịch vụ rửa xe Wash </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/dich-vu-va-cua-hang/mang-luoi-cua-hang" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/761"> <span> Mạng lưới cửa hàng </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Hỏi Đáp Cùng TotalEnergies <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="visually-hidden">Đóng</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="/faq/hoi-dap-cung-totalenergies" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/821"> Hỏi Đáp Cùng TotalEnergies </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="https://totalenergies.vn/hoi-dap-cung-totalenergies" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent"> <span> TotalEnergies mách bạn </span> </a> <button type="button" aria-label="TotalEnergies mách bạn" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Trở lại </button> <a href="https://totalenergies.vn/hoi-dap-cung-totalenergies" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> TotalEnergies mách bạn </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--nolink menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <span class="menu__link menu__link--nolink menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4"> <span> Mẹo hay khi sử dụng xe máy xe máy </span> </span> </div> </li> <li class="menu__item menu__item--nolink menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <span class="menu__link menu__link--nolink menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4"> <span> Mẹo hay khi sử dụng ô tô </span> </span> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/huong-dan-nhan-biet-san-pham-totalgaz" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/656"> <span> Hướng dẫn nhận biết sản phẩn Totalgaz </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/hoi-dap-cung-totalenergies/tao-quan-toan/bi-quyet-toan-gas" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children lg:tw-text-component-primary tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/601"> <span> Bí quyết sử dụng gaz an toàn </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw-rounded-large tw-z-10 lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/faq/trangchufaqstaoquanantoan" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw-w-full tw-flex tw-relative lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/826"> <span> Táo quân an toàn </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </nav> <div class="lg:tw-block tw-hidden" role="search"> <button class="js-search-button js-header-search-button search-button-main-menu ltr:tw-ml-6 rtl:tw-mr-6 lg:tw-inline-flex tw-hidden" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-dark-text"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">Tìm kiếm</span> </button> </div> </div> <div class="region region--secondary-navigation tw-flex xl:tw-gap-6 lg:tw-gap-4 tw-flex-wrap lg:tw-flex-row lg:tw-items-center tw-flex-col lg:tw-justify-end secondary-region__menu--container tw-transition-opacity tw-duration-300 tw-ease-linear tw-opacity-100 lg:tw-pt-3 lg-max:before:tw-content-[&quot;&quot;] lg-max:before:tw-h-px lg-max:before:tw-bg-grey-light lg-max:before:tw-my-5 lg-max:before:-tw-mx-2.5"> <nav role="navigation" id="block-butterfly-theme-external-menu" class="main-menu__pipe"> <div class="menu__item--button menu__item--go-back tw-hidden external__back-button-1"> </div> <ul data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-1 external-menu__container tw-flex lg:tw-items-center xl:tw-gap-6 lg:tw-gap-4 lg:tw-flex-row tw-flex-col"> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--text"> <a href="/lien-he" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/941"> <span aria-hidden="true" class="icon icon--icon-message external-menu__dropdown--icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 6.75C21 5.787 20.19 5 19.2 5H4.8C3.81 5 3 5.787 3 6.75m18 0v10.5c0 .963-.81 1.75-1.8 1.75H4.8c-.99 0-1.8-.788-1.8-1.75V6.75m18 0-9 6.125L3 6.75"/></svg> </span> Liên Hệ </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--text"> <a href="/faq" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/816"> Help and Support </a> </div> </li> </ul> </nav> <div id="block-butterfly-theme-top-right-link-block" class="block block-te-block block-top-right-link-block lg:tw-py-0 tw-py-4"> <div class="block-content tw-text-component-dark-text lg:tw-text-component-primary lg:tw-text-s tw-text-base tw-font-bold main-menu__top-right--click lg:header-font heading-font hover:tw-underline lg-max:tw-tracking-xs"> <a href="https://totalenergies.com/">TotalEnergies.com</a> </div> </div> </div> </div> </div> </div> <div class="te-search-form tw-absolute -tw-z-40 tw-bg-component-white tw-left-0 tw-right-0 visually-hidden" aria-hidden="true"> <form class="search-form container tw-flex tw-items-center rtl:tw-flex-row-reverse" id="search-form" novalidate data-drupal-selector="search-form" action="/" method="get" accept-charset="UTF-8" data-component-id="butterfly_theme:search-bar"> <div class="tw-relative tw-flex-1 js-form-item form-item js-form-type-textfield form-item-global-search js-form-item-global-search form-no-label"> <input aria-label="Tìm kiếm..." id="search-form-search-input" data-drupal-selector="edit-global-search" type="text" name="global_search" value="" maxlength="128" placeholder="Tìm kiếm..." class="form-text global-search-input tw-transition-opacity tw-w-full tw-border tw-rounded-large tw-h-12 md:tw-h-16 md:tw-px-6 tw-px-4 md:tw-py-4 tw-py-2 tw-leading-6" /> <div class="form-item--error-message tw-hidden tw-text-error tw-text-xxs tw-font-light tw-px-4 tw-py-0.5 tw-mt-1"> </div> <button class="js-search-submit--search tw-absolute ltr:tw-right-4 ltr:md:tw-right-6 rtl:tw-left-4 rtl:md:tw-left-6 tw-top-2 md:tw-top-4 tw-flex tw-items-center tw-justify-center tw-w-8 tw-h-8 tw-rounded-full tw-text-white-text tw-bg-primary tw-border tw-border-solid hover:tw-text-primary hover:tw-bg-white-text hover:tw-border-primary focus-visible:tw-text-primary focus-visible:tw-bg-white-text focus-visible:tw-border-primary focus-visible:tw-outline focus-visible:tw-outline-primary focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4" type="submit"> <span aria-hidden="true" class="icon icon--search icon--small"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">Khởi chạy tìm kiếm</span> </button> </div> <button class="tw-hidden button js-form-submit form-submit button--primary button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 tw-mt-0" id="search-form-search-submit" data-drupal-selector="edit-submit" type="submit" name="op" value="Tìm kiếm" data-component-id="butterfly_theme:button"> Tìm kiếm </button> <div class="tw-relative webform-input__wrapper"> <input data-drupal-selector="form-ofzg6y1ejrybqwusx-x9liwtqmq8lp31fkaf8v-0pxs" type="hidden" name="form_build_id" value="form-ofZg6Y1EJRybqWUSX_x9LiwTQmq8Lp31FkAf8V-0pxs" data-component-id="butterfly_theme:input" class="tw-w-full tw-border tw-border-neutral-grey-dark tw-rounded-lg tw-bg-neutral-white tw-pt-6 tw-px-4 tw-pb-2 tw-text-dark-text focus-visible:tw-outline-neutral-grey-dark" autocomplete="" /> </div> <div class="tw-relative webform-input__wrapper"> <input data-drupal-selector="edit-search-form" type="hidden" name="form_id" value="search_form" data-component-id="butterfly_theme:input" class="tw-w-full tw-border tw-border-neutral-grey-dark tw-rounded-lg tw-bg-neutral-white tw-pt-6 tw-px-4 tw-pb-2 tw-text-dark-text focus-visible:tw-outline-neutral-grey-dark" autocomplete="" /> </div> <button class="js-search-close-button search-close-button tw-w-8 tw-h-8 tw-flex tw-items-center tw-justify-center tw-text-component-primary tw-bg-transparent hover:tw-text-white-text hover:tw-bg-component-primary hover:tw-border-component-primary hover:tw-border hover:tw-border-solid focus-visible:tw-rounded-full focus-visible:tw-text-white-text focus-visible:tw-bg-component-primary focus-visible:tw-border-component-primary" type="button"> <span aria-hidden="true" class="icon icon--close"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="tw-sr-only">Đóng</span> </button> </form> </div> </div> </header> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> <main role="main" class="tw-flex-auto" dir=ltr> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div id="block-butterfly-theme-content" class="block block-system block-system-main-block"> <div class="block-content"> <article> <section id="section" data-component-id="butterfly_theme:onecol-section" class="layout layout--onecol section section--full-width"> <div class="layout__region layout__region--content tw-grid tw-gap-6"> <div class="section__row--full-width section__row tw-grid tw-grid-cols-12 tw-gap-6 "> <div class="tw-col-span-12 md:tw-col-span-12 block cover cover-homepage cover-vertical lg:tw-overflow-hidden tw-relative tw-flex-wrap tw-p-0 tw-mx-auto tw-max-w-screen-2xl tw-w-full tw-bg-neutral-grey-ultra-light" id="cover-reveal" data-component-id="butterfly_theme:cover" style="--slider-pace: 3s"> <div class="cover-slider splide" data-dir='ltr'> <div class="splide__track"> <ul class="splide__list" role="slider"> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <figure role="figure" aria-label="TotalEnergies" title="TotalEnergies"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79i1abxo51titr/cover-reveal.webp?t=resize&amp;width=0.55 1x" title="TotalEnergies" alt="Khám phá thêm về TotalEnergies trên trang chuyên dụng của chúng tôi." width="840" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79i1abxo51titr/cover-reveal.webp?t=resize&amp;width=0.42 1x" title="TotalEnergies" alt="Khám phá thêm về TotalEnergies trên trang chuyên dụng của chúng tôi." width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79i1abxo51titr/cover-reveal.webp?t=resize&amp;width=0.5&amp;t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputHeight=440 1x" title="TotalEnergies" alt="Khám phá thêm về TotalEnergies trên trang chuyên dụng của chúng tôi." width="768" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79i1abxo51titr/cover-reveal.webp?t=resize&amp;width=0.29 1x" title="TotalEnergies" alt="Khám phá thêm về TotalEnergies trên trang chuyên dụng của chúng tôi." width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79i1abxo51titr/cover-reveal.webp?t=resize&amp;width=0.29 1x" title="TotalEnergies" alt="Khám phá thêm về TotalEnergies trên trang chuyên dụng của chúng tôi." width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79i1abxo51titr/cover-reveal.webp?t=resize&amp;width=0.29" alt="Khám phá thêm về TotalEnergies trên trang chuyên dụng của chúng tôi." fetchpriority="high" width="440" height="385" loading="eager"> </picture> </figure> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <h1 class="text-color-gradient text-color-gradient-blue h1"> Energy is reinventing itself, Total is becoming TotalEnergies. </h1> <a target="_blank" aria-label="Khám phá" class="button button--secondary before:tw-content-[&quot;&quot;] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 tw-mt-6 tw-w-fit" href="https://www.totalenergies.com/energy-is-reinventing-itself"> <span>Khám phá</span> </a> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <section id="section--2" class="section--multi-row layout layout--onecol section section--full-width" data-component-id="butterfly_theme:onecol-section"> <div class="layout__region layout__region--content tw-grid tw-gap-6"> <div class="section__row--full-width section__row tw-grid tw-grid-cols-12 tw-gap-6 "> <div class="tw-col-span-12 md:tw-col-span-12 block tw-text-dark-text push-bar lg:tw-py-12 tw-py-10" id="home-page-2-lin-h" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:push-bar"> <div class="container push-bar__wrapper tw-flex tw-items-stretch tw-justify-center tw-flex-wrap lg:tw-flex-nowrap tw-gap-x-4 tw-gap-y-4 lg:tw-gap-y-0 md:tw-flex-row"> <a class="button button--primary button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 md:tw-gap-4 hover:tw-bg-transparent heading-font focus-visible:tw-no-underline hover:tw-no-underline tw-basis-full lg:tw-basis-[calc(25%_-_0.5rem)] md:tw-basis-[calc(50%_-_1rem)] tw-min-h-[60px] tw-rounded-full lg:!tw-text-xl !tw-text-lg" href="https://lubricants.catalog.totalenergies.com/catalog-vn/vi_VN"> <span aria-hidden="true" class="icon icon-png"> <img width="24" height="24" loading="lazy" src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7kwc4c6emps1yc/find-my-product-png.webp?t=resize&amp;height=96" alt="" /> </span> <span>Sản phẩm</span> </a> <a class="button button--primary button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 md:tw-gap-4 hover:tw-bg-transparent heading-font focus-visible:tw-no-underline hover:tw-no-underline tw-basis-full lg:tw-basis-[calc(25%_-_0.5rem)] md:tw-basis-[calc(50%_-_1rem)] tw-min-h-[60px] tw-rounded-full lg:!tw-text-xl !tw-text-lg" href="/dich-vu-va-cua-hang"> <span aria-hidden="true" class="icon icon-png"> <img width="24" height="24" loading="lazy" src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taht78x8npcc9p8e/which-oil-do-i-need-png.webp?t=resize&amp;height=96" alt="" /> </span> <span>Cửa hàng</span> </a> <a class="button button--primary button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-py-2 tw-px-6 md:tw-gap-4 hover:tw-bg-transparent heading-font focus-visible:tw-no-underline hover:tw-no-underline tw-basis-full lg:tw-basis-[calc(25%_-_0.5rem)] md:tw-basis-[calc(50%_-_1rem)] tw-min-h-[60px] tw-rounded-full lg:!tw-text-xl !tw-text-lg" href="/lien-he"> <span aria-hidden="true" class="icon icon-png"> <img width="24" height="24" loading="lazy" src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahst8f6mnhdujnw/contact-our-expert-png.webp?t=resize&amp;height=96" alt="" /> </span> <span>Liên hệ</span> </a> </div> </div> </div> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-12 block tw-text-dark-text block-layout-builder block-inline-blockcard-list-auto block-card-list-auto md:tw-col-span-4 tw-flex tw-flex-col tw-px-4 tw-py-6 lg:tw-p-8 tw-rounded-2xl tw-overflow-hidden" id="tin-tc-v-s-kin" style="background-color: #F5F9FB; --bg-style-color: #F5F9FB;" data-component-id="butterfly_theme:card-list-auto"> <div class="tw-text-dark-text field field--name-field-heading field--type-heading field--label-hidden field__item"><h2>Tin tức và sự kiện</h2> </div> <div class="views-element-container"><div class="js-view-dom-id-98ddcd5033321b5e0f69ab513934005f0d56c4e87d08e3be25c954c6bbe0bcec"> <div class="item-list tw-my-6" data-component-id="butterfly_theme:list-auto-items"> <ul > <li class="list-auto-item tw-border-b tw-border-solid"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">30/05 2022</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-2/chuong-trinh-khuyen-mai-xai-gas-toan-trung-ngan-qua-tang" rel="bookmark"> <span>Chương trình khuyến mại &quot;Xài Gas An Toàn - Trúng Ngàn Quà Tặng&quot;</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">06/12 2021</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-va-su-kien/totalenergies-lap-dat-he-thong-nang-luong-mat-troi-tren-mai-nha-cho-annora-viet" rel="bookmark"> <span>TotalEnergies lắp đặt hệ thống năng lượng mặt trời trên mái nhà cho Annora Việt Nam</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">04/11 2021</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-2/tt-group-va-total-hop-tac-dau-tu-3-ty-usd-phat-trien-nang-luong-tai-tao" rel="bookmark"> <span>T&amp;T Group và Total hợp tác đầu tư 3 tỷ USD phát triển năng lượng tái tạo</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">13/09 2018</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-2/total-ra-mat-san-pham-dau-nhot-total-hi-perf-4t-scooter-10w40" rel="bookmark"> <span>Total ra mắt sản phẩm dầu nhớt Total Hi-Perf 4T Scooter 10W40</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid tw-border-transparent"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">03/04 2018</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-2/don-tet-vo-tu-cung-totalenergies" rel="bookmark"> <span>Đón tết vô tư cùng TotalEnergies</span> </a> </div> </div> </li> </ul> </div> </div> </div> <div class="tw-text-dark-text field field--name-field-link field--type-link field--label-hidden tw-mt-4 field__item"> <a title="Đọc thêm Tin tức và sự kiện" class="button button--text button--with-dark-text tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4" href="/tin-tuc-va-su-kien"> <span>Đọc thêm</span> </a> </div> </div> <div class="tw-col-span-12 md:tw-col-span-12 block tw-text-dark-text block-layout-builder block-inline-blockcard-list-auto block-card-list-auto md:tw-col-span-4 tw-flex tw-flex-col tw-px-4 tw-py-6 lg:tw-p-8 tw-rounded-2xl tw-overflow-hidden" id="card-list-auto" style="background-color: #F5F9FB; --bg-style-color: #F5F9FB;" data-component-id="butterfly_theme:card-list-auto"> <div class="tw-text-dark-text field field--name-field-heading field--type-heading field--label-hidden field__item"><h2>Bảng giá gas dân dụng tháng</h2> </div> <div class="views-element-container"><div class="js-view-dom-id-d253f01e2c75f7f52b1041595df10710336bb56d777be302a582c35c93c06e93"> <div class="item-list tw-my-6" data-component-id="butterfly_theme:list-auto-items"> <ul > <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">03/03 2025</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-va-su-kien/bang-gia-gas-dan-dung-thang-32025" rel="bookmark"> <span>Bảng giá gas dân dụng tháng 3/2025</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">03/02 2025</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-va-su-kien/bang-gia-gas-dan-dung-thang-22025-0" rel="bookmark"> <span>Bảng giá gas dân dụng tháng 2/2025</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">14/01 2025</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-va-su-kien/bang-gia-gas-dan-dung-thang-12025" rel="bookmark"> <span>Bảng giá gas dân dụng tháng 1/2025</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">06/12 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-va-su-kien/bang-gia-gas-dan-dung-thang-122024" rel="bookmark"> <span>Bảng giá gas dân dụng tháng 12/2024</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid tw-border-transparent"> <div style="--thead-background-color: #285AFF; --thead-text-color: var(--white-text);" data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">05/11 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/tin-tuc-va-su-kien/bang-gia-gas-dan-dung-thang-112024" rel="bookmark"> <span>Bảng giá gas dân dụng tháng 11/2024</span> </a> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="home-page-3" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahhzjchhg5bwqjw/frontend---gia-cp-lpg-the-gioi-saudi-aramco.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahhzjchhg5bwqjw/frontend---gia-cp-lpg-the-gioi-saudi-aramco.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahhzjchhg5bwqjw/frontend---gia-cp-lpg-the-gioi-saudi-aramco.webp 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahhzjchhg5bwqjw/frontend---gia-cp-lpg-the-gioi-saudi-aramco.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahhzjchhg5bwqjw/frontend---gia-cp-lpg-the-gioi-saudi-aramco.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahhzjchhg5bwqjw/frontend---gia-cp-lpg-the-gioi-saudi-aramco.webp" alt="" width="372" title="TotalEnergies" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h2>Giá CP LPG thế giới Saudi Aramco</h2> </div> <div class="tw-break-words text-font tw-text-neutral-grey-dark tw-mt-2 card__description card__text--color"> <p><span lang="vi" dir="ltr">Tháng 11 năm 2024</span></p> </div> <a aria-label="Tìm Hiểu Thêm" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="/khi-hoa-long-lpg/gia-cp-lpg-gioi-saudi-aramco"> <span>Tìm Hiểu Thêm</span> </a> </div> </div> </div> </div> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="home-page-totalenergies-k-nim-thnh-lp-hai-nh-my" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7burbxygymr4ko/2-lul01396c-jpg.webp?t=resize&amp;width=0.22&amp;t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputHeight=246 1x" title="TotalEnergies" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7burbxygymr4ko/2-lul01396c-jpg.webp?t=resize&amp;width=0.19&amp;t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputHeight=246 1x" title="TotalEnergies" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7burbxygymr4ko/2-lul01396c-jpg.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7burbxygymr4ko/2-lul01396c-jpg.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="TotalEnergies" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7burbxygymr4ko/2-lul01396c-jpg.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518 1x" title="TotalEnergies" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7burbxygymr4ko/2-lul01396c-jpg.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=719&amp;outputHeight=518" alt="" width="719" title="TotalEnergies" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>TotalEnergies kỉ niệm thành lập hai nhà máy</h3> </div> <div class="tw-break-words text-font tw-text-neutral-grey-dark tw-mt-2 card__description card__text--color"> <p>TotalEnergies kỷ niệm Kỷ niệm 25 năm thành lập Nhà máy sản xuất dầu nhờn Gò Dầu và Kỷ niệm 30 năm thành lập Nhà máy chiết nạp khí hóa lỏng Gò Dầu.</p> </div> <a aria-label="Tìm hiểu thêm" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="/totalenergies-ki-niem-thanh-lap-hai-nha-may"> <span>Tìm hiểu thêm</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="home-page-2" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <figure role="figure" aria-label="TotalEnergies" title="TotalEnergies"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe7coonhrume7e/hinh-nho-2-jpg.webp 1x" title="TotalEnergies" alt="Product lauching" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe7coonhrume7e/hinh-nho-2-jpg.webp 1x" title="TotalEnergies" alt="Product lauching" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe7coonhrume7e/hinh-nho-2-jpg.webp?t=crop&amp;fx=0.5&amp;fy=0.5&amp;outputWidth=229&amp;outputHeight=246 1x" title="TotalEnergies" alt="Product lauching" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe7coonhrume7e/hinh-nho-2-jpg.webp 1x" title="TotalEnergies" alt="Product lauching" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe7coonhrume7e/hinh-nho-2-jpg.webp 1x" title="TotalEnergies" alt="Product lauching" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe7coonhrume7e/hinh-nho-2-jpg.webp" alt="Product lauching" width="372" height="518" loading="lazy"> </picture> </figure> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>Ra mắt siêu phẩm dầu nhớt HI-PERF 4T SCOOTER 10W40</h3> </div> <div class="tw-break-words text-font tw-text-neutral-grey-dark tw-mt-2 card__description card__text--color"> <p>Sản phẩm TOTAL HI-PERF 4T SCOOTER 10W40 hội tụ&nbsp;đủ các yếu tố của một loại dầu nhớt cao cấp dành cho xe tay ga đời mới.&nbsp;</p> </div> <a aria-label="Tìm hiểu thêm" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[&quot;&quot;] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 group-hover:tw-underline" href="/tin-tuc"> <span>Tìm hiểu thêm</span> </a> </div> </div> </div> </div> </div> </section> </article> </div> </div> </div> </main> <footer class="butterfly-main-footer main-footer tw-bg-component-bg tw-text-component-text" role="contentinfo" dir="ltr"> <div class="container"> <div> <nav role="navigation" id="block-butterfly-theme-footermainmenu"> <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu menu--level-1 butterfly-main-footer-menu"> <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-1" id="accordion-footer-1-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> TotalEnergies Tại Việt Nam </span> </button> <div data-target="footer" aria-controls="accordion-footer-1" id="accordion-footer-1-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> TotalEnergies Tại Việt Nam </span> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-1" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu menu--level-2 tw-py-0 butterfly-main-footer-menu-2" aria-labelledby="accordion-footer-1-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/totalenergies-tai-viet-nam/totalenergies-tai-viet-nam" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/466"> TotalEnergies Tại Việt Nam </a> <a href="/totalenergies-tai-viet-nam/totalenergies-tai-viet-nam" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/466"> TotalEnergies Tại Việt Nam </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/totalenergies-tai-viet-nam/tuyen-dung" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/811"> Tuyển dụng </a> <a href="/totalenergies-tai-viet-nam/tuyen-dung" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/811"> Tuyển dụng </a> </li> </ul> </div> </li> <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-2" id="accordion-footer-2-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> Sản phẩm </span> </button> <div data-target="footer" aria-controls="accordion-footer-2" id="accordion-footer-2-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> Sản phẩm </span> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-2" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw-py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-2-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/dau-nhot/dau-phuong-tien-van-chuyen" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/436"> Dầu Phương Tiện Vận Chuyển </a> <a href="/dau-nhot/dau-phuong-tien-van-chuyen" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/436"> Dầu Phương Tiện Vận Chuyển </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/dau-nhot/dau-cong-nghiep" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/581"> Dầu Công Nghiệp </a> <a href="/dau-nhot/dau-cong-nghiep" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/581"> Dầu Công Nghiệp </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/khi-hoa-long-lpg" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/456"> Khí Hóa Lỏng </a> <a href="/khi-hoa-long-lpg" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/456"> Khí Hóa Lỏng </a> </li> </ul> </div> </li> <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-3" id="accordion-footer-3-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> Dịch Vụ Và Cửa Hàng </span> </button> <div data-target="footer" aria-controls="accordion-footer-3" id="accordion-footer-3-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> Dịch Vụ Và Cửa Hàng </span> </div> <div class="bfly-main-footer-level-content lg:tw-max-h-full lg:tw-block" id="accordion-footer-3" > <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw-py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-3-id"> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/dich-vu-va-cua-hang/mo-hinh-dich-vu-chuan" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/616"> Mô hình dịch vụ chuẩn </a> <a href="/dich-vu-va-cua-hang/mo-hinh-dich-vu-chuan" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/616"> Mô hình dịch vụ chuẩn </a> </li> <li class="menu__item menu__item--link menu__item--level-2"> <a href="/dich-vu-va-cua-hang/mang-luoi-cua-hang" class="menu__link menu__link--link menu__link--level-2 lg:tw-hidden" data-drupal-link-system-path="node/761"> Hệ thống cửa hàng </a> <a href="/dich-vu-va-cua-hang/mang-luoi-cua-hang" class="menu__link menu__link--link menu__link--level-2 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/761"> Hệ thống cửa hàng </a> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-4" id="accordion-footer-4-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/totalenergies-tai-viet-nam/tin-tuc" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/621"> Tin tức và sự kiện </a> </button> <div data-target="footer" aria-controls="accordion-footer-4" id="accordion-footer-4-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/totalenergies-tai-viet-nam/tin-tuc" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/621"> Tin tức và sự kiện </a> </div> </li> <li class="menu__item menu__item--nolink menu__item--level-1"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-5" id="accordion-footer-5-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-hidden lg:tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 tw-flex tw-items-center tw-gap-4 lg:tw-hidden"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> Liên hệ: 1800 54 54 62 </span> </button> <div data-target="footer" aria-controls="accordion-footer-5" id="accordion-footer-5-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 js-accordion-trigger lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <span class="menu__link menu__link--nolink menu__link--level-1 tw-flex tw-items-center tw-gap-4 lg:tw-block lg:tw-visible tw-hidden tw-invisible"> <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> Liên hệ: 1800 54 54 62 </span> </div> </li> </ul> </nav> </div> <div> <nav role="navigation" id="block-butterfly-theme-footer"> <ul data-region="footer_secondary" data-component-id="butterfly_theme:secondary-menu-footer" class="menu menu--level-1 secondary-menu-footer tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-4 tw-gap-y-5 tw-py-10 tw-text-sm tw-font-bold"> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/general-terms-conditions-use" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/806">General Terms &amp; Conditions of Use</a> </li> <li class="menu__item menu__item--button menu__item--level-1"> <button class="hover:tw-underline menu__link menu__link--button menu__link--level-1" aria-haspopup="true" onclick="utag.gdpr.showConsentPreferences();return false;" type="button">Cookies</button> </li> <li class="menu__item menu__item--nolink menu__item--level-1"> <span class="tw-font-medium menu__link menu__link--nolink menu__link--level-1" title="Copyright">© TotalEnergies 2025</span> </li> </ul> </nav> </div> </div> </footer> <div class="loading__screen tw-fixed tw-top-0 tw-left-0 tw-w-full tw-h-full tw-bg-white tw-flex tw-items-center tw-justify-center tw-z-max"> <div class="loading__wrapper tw-flex tw-justify-center"> <img src="/themes/custom/butterfly_theme/logo.svg" alt="TotalEnergies" fetchpriority="high" width="145" height="64" loading="eager" class="tw-opacity-15 tw-self-center"/> </div> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/671","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"vi","logo_url":"\/themes\/custom\/butterfly_theme\/logo.svg"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"messages":{"required":"Tr\u01b0\u1eddng d\u1eef li\u1ec7u n\u00e0y l\u00e0 b\u1eaft bu\u1ed9c.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"tealiumiq":{"tealiumiq":{"utagurl":"https:\/\/tags.tiqcdn.com\/utag\/totalms\/vietnam-total\/prod\/utag.js","async":true,"utagData":{"language":"26","page_name":"node::671","site_name":"528355","site_type":"TEWF","env_type":"PROD"}}},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":true,"mailtoClass":"0","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"","extUseFontAwesome":false,"extIconPlacement":"after","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":[],"extExcludeNoreferrer":""}},"splide":{"labels":{"play":"Start the carousel","pause":"D\u1eebng carrousel","close":"\u0110\u00f3ng","fullscreen":"Toggle fullscreen","prev":"Side tr\u01b0\u1edbc","next":"K\u1ebf ti\u1ebfp","slideX":"Slide %s","slideLabel":"Slide %s of %s"}},"cover":{"slider_pace":"3"},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"8dd9dfb35dc3b516033dac4392b002764090b3c04a9ecbafeaaa8a6aaa945c5f"}}</script> <script src="/sites/g/files/wompnd4996/files/js/js_5Bgp01Po2YZABYjz3BLNUY-S_bw847h9aP7INclw_vw.js?scope=footer&amp;delta=0&amp;language=vi&amp;theme=butterfly_theme&amp;include=eJyNj8ESwiAMRH8Iyid1UroOaAg1BMf-vThTL3qotyT7spsYiHMv-R7sU83UdokOT-Mst7Bq34ino3WxKkKsZasCsTYt3Qx64X22hALvudIKdV_zQHFsrrnKj6I5Jm_D3xstDH9t5yGxPkbGKdZAOswX-oMdB0CF2BdIP8cT3m--AI1CfQw"></script> <script src="/themes/custom/butterfly_theme/dist/js/accordion.min.js?v=10.3.5" defer></script> <script src="/sites/g/files/wompnd4996/files/js/js_zdEp_JjcuA7CWEH34f0kMO2I9m1j6SqfnKxNU3dfPx8.js?scope=footer&amp;delta=2&amp;language=vi&amp;theme=butterfly_theme&amp;include=eJyNj8ESwiAMRH8Iyid1UroOaAg1BMf-vThTL3qotyT7spsYiHMv-R7sU83UdokOT-Mst7Bq34ino3WxKkKsZasCsTYt3Qx64X22hALvudIKdV_zQHFsrrnKj6I5Jm_D3xstDH9t5yGxPkbGKdZAOswX-oMdB0CF2BdIP8cT3m--AI1CfQw"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10