<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Thin.0bcdf4a7.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts//Roboto-Light.cf1d77a2.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Regular.8ff69652.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Medium.530bae4d.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Bold.a5947e77.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto-Black.cf9b4c79.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/*==========================================================================*/
/*                               M I X I N                                  */
/*==========================================================================*/
/*==========================================================================*/
/*                     H O V E R    &amp;    P C    O N L Y                     */
/*==========================================================================*/
@media screen and (min-width: 769px) {
  .submit-btn:hover {
    background-color: #015cd1 !important;
    border-color: #015cd1 !important;
  }
  .cancel-btn:hover {
    color: #fff !important;
    background-color: #015cd1 !important;
    border-color: #015cd1 !important;
  }
  .find_a, .find_out {
    cursor: pointer;
  }
  .pdetail-form .item:hover .img::after {
    left: 125%;
    transition: left 1s ease;
  }
  .pdetail-form .item:hover .ttl a {
    color: var(--main-cl);
  }
}
@media screen and (min-width: 1200px) {
  .sp320,
  .sp375,
  .sp425 {
    display: none;
  }
  #topic-path a:hover {
    text-decoration: underline;
    color: var(--main-cl);
  }
  .ubtn:hover::before {
    width: 200%;
  }
  .uproduct-item .uproduct-thumb a:hover img {
    transform: scale(1.1);
  }
  .uproduct-item .uproduct-ubtn:hover {
    transform: rotate(45deg);
  }
  .pagination li:hover {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  }
  .uex-list li:hover {
    background-color: #fef1f9;
    border-color: #eb4b91;
  }
  .ucontact .ucontact-social a:hover {
    background-color: var(--main-cl);
  }
  .ucontact .ucontact-social a:hover svg {
    color: #fff;
  }
}
/* END screen-min:1200px */
@media screen and (max-width: 1440px) {
  .ufaq .ufaq-wrapper::before {
    left: 20px;
  }
  .ufaq .ufaq-wrapper::after {
    top: 80px;
    right: 20px;
  }
  .pdetail-sidebar::before {
    right: -10px;
  }
  .article-detail .pdetail-head .pdetail-tt &gt; img {
    position: absolute;
    top: -50px;
    left: -10px;
    width: 50px;
  }
}
/* END screen-min:751px &amp;&amp; screen-max:1919px */
@media screen and (min-width: 769px) and (max-width: 992px) {
  .under .sec__article--list .swiper-wrapper {
    --col: 2;
    display: grid;
    grid-template-columns: repeat(var(--col), 1fr);
    gap: 32px 24px;
  }
  .under .sec__article--list .item {
    width: 100%;
  }
}
/* END screen-min:751px &amp;&amp; screen-max:992px */
/*==========================================================================*/
/*                        T A B L E T    D E V I C E                        */
/*==========================================================================*/
@media screen and (max-width: 1199px) {
  .utrip .utrip-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .utrip .utrip-img {
    width: fit-content;
    padding-left: 80px;
  }
  .utrip .utrip-txt {
    width: 100%;
  }
  .utrip .utrip-ibig {
    margin: 0 auto;
  }
  .utrip .utrip-head h3 {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .main-under h3 {
    font-size: 25px;
  }
  .uhighlight {
    padding: 50px 0;
  }
  .uhighlight .uhl-number {
    font-size: max(7.03125vw, 52px);
  }
  .uexperience .uexp-head {
    flex-direction: column;
  }
  .uexperience .uexp-title {
    text-align: center;
  }
}
@media screen and (max-width: 992px) {
  .utrip .utrip-eff {
    position: static;
    writing-mode: horizontal-tb;
    display: none;
  }
  .utrip .utrip-img {
    padding-left: 0;
    padding-right: 30px;
  }
  .utrip .utrip-ism {
    right: 0;
    border-width: 5px;
  }
  .utrip .utrip-head h3::before {
    content: "Hành trình";
    display: block;
    margin-bottom: -32px;
    font-size: 92px;
    line-height: 114px;
    font-weight: 800;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(235, 75, 145, 0.15) 15.71%, rgba(235, 75, 145, 0) 87.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .uexperience {
    padding: 50px 0;
  }
  .uexperience .uexp-list {
    gap: 30px;
  }
  .uexperience .uexp-list li {
    width: calc((100% - 30px) / 2);
  }
  .uexperience .uexp-title {
    width: 100%;
    margin-bottom: 20px;
  }
  .ufaq .ufaq-wrapper::before {
    width: 30px;
  }
  .ufaq .ufaq-wrapper::after {
    width: 30px;
    top: 65px;
  }
  .ufaq .ufaq-content {
    flex-direction: column;
  }
  .product-detail .pdetail-wrapper {
    flex-direction: column;
  }
  .product-detail .pdetail-cnt {
    width: 100%;
  }
  .product-detail .pdetail-sidebar {
    width: 100%;
  }
  .pdetail-cnt .pdetail-tt {
    flex-direction: column;
    align-items: flex-start;
  }
  .pdetail-cnt h3 {
    padding-right: 0;
  }
  .pdetail-cnt .pdetail-list {
    flex-wrap: wrap;
    width: 100%;
    gap: 15px 20px;
    padding-right: 0;
  }
  .pdetail-cnt .pdetail-list::before {
    display: none;
  }
  .pdetail-cnt .pdetail-head {
    margin-bottom: 40px;
  }
  .pdetail-sidebar::before {
    width: 38px;
    top: -30px;
  }
  .pdetail-similar .uproduct-item {
    width: min(90.625vw, 400px);
  }
  .ucontact .ucontact-wrapper {
    flex-direction: column;
  }
  .ucontact .ucontact-info {
    width: 100%;
  }
  .ucontact .ucontact-form {
    width: 100%;
  }
}
/*==========================================================================*/
/*                        M O B I L E    D E V I C E                        */
/*==========================================================================*/
@media screen and (min-width: 1px) and (max-width: 768px) {
  .image-l,
  .image-r {
    float: none;
    text-align: center;
    margin: 0 0 25px;
  }
  .utbl tr th + td {
    border-top: none;
  }
  .utbl tr:not(:first-child) th {
    border-top: none;
  }
  .tbl-block {
    display: block;
  }
  .tbl-block thead,
  .tbl-block tbody,
  .tbl-block tr,
  .tbl-block td,
  .tbl-block th {
    display: block;
    width: 100%;
  }
  .tbl-note {
    font-size: 12px;
    opacity: 0.6;
  }
  .tbl-scroll {
    overflow: auto;
  }
  .tbl-scroll table {
    min-width: 749px;
  }
  .text-eff {
    font-size: 11.9791666667vw;
  }
  .under-visual {
    padding: 120px 0 30px;
  }
  .under-visual .umvs-title {
    font-size: 30px;
  }
  .under-visual .umvs-label {
    font-size: 30px;
  }
  .utrip {
    padding: 50px 0;
  }
  .utrip .utrip-head h3::before {
    font-size: 11.9791666667vw;
  }
  .utrip .utrip-txt {
    margin-top: 7.8125vw;
  }
  .utrip .utrip-ism {
    width: 60%;
  }
  .utrip .aul-thead li {
    font-size: min(4.0625vw, 16px);
  }
  .utrip .utrip-tbody {
    padding: 0;
  }
  .uhighlight {
    padding: 40px 0;
  }
  .uhighlight .uhl-wrapper {
    flex-wrap: wrap;
    gap: 20px 0;
  }
  .uhighlight .uhl-item {
    width: 50%;
  }
  .uhighlight .uhl-number {
    font-size: min(12.5vw, 52px);
  }
  .uhighlight .uhl-tt {
    font-size: min(5vw, 18px);
  }
  .uexperience {
    padding: 50px 0;
  }
  .uexperience .uexp-ig {
    padding: 0 25px;
  }
  .uexperience .uexp-list {
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
  }
  .uexperience .uexp-list li {
    width: 100%;
  }
  .ufaq {
    padding: 50px 0;
  }
  .ufaq .ufaq-head {
    margin-bottom: 10px;
  }
  .ufaq .ufaq-list dt {
    padding-right: 40px;
  }
  .uproduct .uproduct-wrapper {
    flex-direction: column-reverse;
  }
  .uproduct-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .uproduct-item .up-list li {
    font-size: min(4.375vw, 16px);
  }
  .uproduct-sibar {
    width: 100%;
  }
  .ucontact .ucontact-info {
    padding: 20px;
  }
  .ucontact .ucontact-title {
    margin-bottom: 10px;
  }
  .ucontact .ucf-title {
    margin-bottom: 10px;
  }
  .ucontact .ucontact-icon {
    width: 54px;
    height: 54px;
  }
  .ucontact .ucontact-icon svg {
    font-size: 26px;
  }
  .ucontact .ucontact-tt {
    font-size: min(5.3125vw, 22px);
  }
  .ucontact .ucf-tt {
    font-size: 20px;
  }
  .ucontact .ucf-title {
    font-size: 28px;
  }
  .fcontrol .fgroup.col6 {
    width: 100%;
  }
  .uex-list {
    gap: 15px;
  }
  .fproduct {
    gap: 15px;
  }
  .fproduct .fgroup-df {
    flex-direction: column;
    gap: 15px;
  }
  .fproduct .fgroup.col8 {
    width: 100%;
  }
  .fproduct .fgroup.col4 {
    width: 100%;
  }
  .under .sec__article--list .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .under .sec__article--list .swiper-slide {
    width: 100%;
  }
  .under .sec__article--list .swiper-slide .item {
    width: 100%;
  }
  .under .sec__article--list .swiper-slide .item .info .ttl {
    font-size: 16px;
    line-height: 1.5em;
  }
  .article-detail .pdetail-head {
    margin-bottom: 16px;
  }
  .article-detail .pdetail-head .pdetail-tt {
    margin-bottom: 0;
  }
  .article-detail .pdetail-head .pdetail-tt h3 {
    font-size: calc(1.375rem + 1.5vw);
  }
  .article-detail .pdetail-head .pdetail-date svg {
    top: 2px;
  }
  .article-detail .pdetail-wrapper {
    flex-direction: column;
    gap: 48px;
  }
  .article-detail .pdetail-sidebar {
    width: 100%;
    min-width: auto;
  }
  .article-similar {
    padding: 24px 0;
  }
  .article-similar .item {
    width: 100%;
  }
  .article-detail {
    padding: 70px 0 40px;
  }
  .article-detail .pdetail-form .item {
    gap: 10px;
  }
  .article-detail .pdetail-form .ttl {
    font-size: 16px;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-detail .pdetail-form .address-room {
    padding-left: 15px;
  }
  .article-detail .pdetail-form .address-room::before {
    top: 2px;
    width: 12px;
    background-size: 12px 12px;
  }
  .article-detail .pdetail-form .address-room p {
    font-size: 14px;
  }
}
/* END min-width:1px &amp;&amp; screen-max:768px */
@media screen and (min-width: 425px) and (max-width: 768px) {
  .article-similar .item {
    width: 328px;
  }
}
@media screen and (min-width: 470px) and (max-width: 768px) {
  .under .sec__article--list .swiper-slide {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 575px) and (max-width: 768px) {
  .article-detail .pdetail-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
  }
}
@media screen and (min-width: 700px) and (max-width: 768px) {
  .uproduct-list {
    grid-template-columns: 1fr 1fr;
  }
}
/*==========================================================================*/
/*                 F O R   S P E C I F I E D   B R O W S E R                */
/*==========================================================================*/
/* EDGE  */
/* FIREFOX */
@-moz-document url-prefix() {}
/* Safari 10.1+ (which is the latest version of Safari at this time) */
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
}
/*==========================================================================*/
/*                             E N D   A L L                                */
/*==========================================================================*/

/*# sourceMappingURL=under_responsive.css.map */
</pre></body></html>