/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
section {
    display: none
}
#printPdf, #pdf-content, #cart_item_water_area {
    /* display: block !important; */
}
section:first-child {
    display: block
}

body {
    background-color: #fff
}

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
}


html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

body,html {
    -webkit-font-smoothing: antialiased;
    color: #4d4d4d;
    font-family: 'M PLUS 1', Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Yu Gothic,Meiryo,sans-serif;
    width: 100%
}
.m2-font{
    font-family: 'M PLUS 1', Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Yu Gothic,Meiryo,sans-serif;
}
.text-price {
    font-size: 25px;
    font-weight: bold;
}
.text-topleft {
    background-color: white;
    font-weight: bold;
    color: #D95220;
    font-size: 15px;
    padding: 0px 3% 2px 3%;
    position: absolute;
    top: 5px;
    left: 6px;
}
@media screen and (min-width: 768px) and (max-width: 876px) {
    .text-topleft {
        font-size: 12px;
    }
}
.text-container {
    display: inline-block;
}
.line-2 {
    text-align: left; /* Canh trái dòng thứ hai */
    display: block;
}
@media screen and (max-width: 315px) {
    .text-price {
        font-size: 20px;
    }
}
.bg-transparent {
    background-color: transparent;
}
.align-top {
    vertical-align: top!important;
}
/* End common css */

:root {

    --fs-lg-1: 23px;
    --fs-lg-2: 25px;

    --color-org-1: #FF792F;
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none;
    cursor: pointer;
}

.un_cartSelector_item_select:after,
select:disabled
{
    opacity: 0.5;
    cursor: not-allowed;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: #f0f0f0 !important; /* Thay đổi màu nền */
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

.clearfix {
    clear: both;
}

.ease-linear {
    transition: all .5s cubic-bezier(.25,.25,.75,.75)
}

.hidden-item,
.hidden-block
{
    visibility: hidden;
}

.box_wrapper {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    /*max-width: 850px;*/
    max-width: 995px;
    padding-left: 20px;
    padding-right: 20px;
}

.ly_header {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    text-align: center;
    width: 100%
}

.ly_footer {
    font-size: 11px;
    letter-spacing: .025em;
    padding-bottom: 39px;
    padding-top: 10px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .ly_footer {
        padding-bottom:15px
    }
}

.ly_content {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media screen and (max-width: 767px) {
    .ly_content {
        min-height:calc(100vh - 132px)
    }
}

.ly_content img {
    height: auto;
    max-width: 100%
}

.label_target_construction_2 {
    padding-top: 2px;
}

body.jsoff,html.jsoff {
    opacity: 1
}

@media screen and (max-width: 767px) {
    body,html {
        min-width:0;
        overflow-x: hidden
    }
}

body.bg-white,html.bg-white {
    background-color: #fff
}

h1,h2,h3,h4,h5,p,ul {
    margin: 0;
    padding: 0
}

a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    text-decoration: none;
    transition: opacity .2s cubic-bezier(.25,.25,.75,.75)
}

a:active,a:hover,a:link,a:visited {
    color: #4d4d4d
}

a:hover {
    opacity: .8;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    a:hover {
        opacity:1
    }
}

@media screen and (max-width: 767px) {
    section {
        min-height:calc(100vh - 92px)
    }
}

.jsoff #wrapper {
    opacity: 1
}

#wrapper {
    opacity: 0;
    overflow: hidden;
    background-color: #FCEBBA;
    min-height: 100vh;
}

#wrapper img {
    height: auto
}

@media screen and (max-width: 767px) {
    .pc {
        display:none
    }
}

.bl_ttl {
    background-color: #ff792f;
    text-align: center
}

.bl_ttl_inner {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    /* max-width: 375px; */
    position: relative
}

.bl_ttl span.txt {
    font-size: 22px;
    line-height: 1.36;
    position: relative;
    z-index: 1;
    color: #fff;
}

.bl_ttl span.txt-black{
    color: black;
}

.bl_ttl span.bg {
    /* position: absolute; */
    z-index: 0
}

.bl_ttl span.bg img {
    vertical-align: top;
    /* margin-right: 150px; */
}


.bl_backBtn {
    align-items: center;
    background-color: #dbdbdb;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    letter-spacing: .025em;
    line-height: 1.6875;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    transition: all .1s cubic-bezier(.25,.25,.75,.75);
    width: 220px
}

.bl_backBtn:hover {
    opacity: .5
}

.bl_backBtn img {
    display: inline-block;
    margin-right: 10px
}

.un_hitoyaInsulationNav, .un_houseInsulationNav {
    margin-bottom: 50px;
    padding-top: 40px
}
@media screen and (max-width: 767px) {
    .un_hitoyaInsulationNav, .un_houseInsulationNav {
        margin-bottom:30px;
        padding-top: 26px
    }
}

.un_areaNav_inner, .un_hitoyaInsulationNav_inner, .un_houseInsulationNav_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
    .un_areaNav_inner, .un_hitoyaInsulationNav_inner, .un_houseInsulationNav_inner {
        max-width:345px
    }
}

.un_cartSelector_linkBtn, .un_hitoyaInsulationSelector_linkBtn , .un_houseInsulationSelector_linkBtn {
    align-items: center;
    border: 2px solid #e7541c;
    border-radius: 20px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: left;
    margin-bottom: 5px;
    transition: all .1s cubic-bezier(.25,.25,.75,.75);
}

.un_cartSelector_linkBtn .triangle-orange-down{
    position: relative;
    top: 0%;
    left: 10%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 18px solid #e7541c;
}

.un_hitoyaInsulationSelector_linkBtn .triangle-green-down, 
.un_houseInsulationSelector_linkBtn .triangle-green-down{
    position: relative;
    top: 0%;
    left: 10%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 18px solid #00B050;
}
.un_cartSelector_linkBtn p, 
.un_hitoyaInsulationSelector_linkBtn p, 
.un_houseInsulationSelector_linkBtn p{
    padding-left: 2rem;
}
.un_cartSelector_linkBtn.off, 
.un_hitoyaInsulationSelector_linkBtn.off, 
.un_houseInsulationSelector_linkBtn.off {
    padding-top: 10px
}
.un_cartSelector_linkBtn.off,.un_cartSelector_linkBtn.off:hover, 
.un_hitoyaInsulationSelector_linkBtn.off,.un_hitoyaInsulationSelector_linkBtn.off:hover, 
.un_houseInsulationSelector_linkBtn.off,.un_houseInsulationSelector_linkBtn.off:hover {
    background-color: #dedede
}
.un_cartSelector_linkBtn.off:hover p, 
.un_hitoyaInsulationSelector_linkBtn.off:hover p, 
.un_houseInsulationSelector_linkBtn.off:hover p {
    color: #e7541c
}
.un_cartSelector_linkBtn p, 
.un_hitoyaInsulationSelector_linkBtn p, 
.un_houseInsulationSelector_linkBtn p {
    /* color: #e7541c; */
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5
}
.un_cartSelector_linkBtn p span, 
.un_hitoyaInsulationSelector_linkBtn p span, 
.un_houseInsulationSelector_linkBtn p span {
    font-size: 20px;
    line-height: 1.4;
    margin-right: 15px;
}
.un_cartSelector_linkBtn p span.sm, 
.un_hitoyaInsulationSelector_linkBtn p span.sm, 
.un_houseInsulationSelector_linkBtn p span.sm {
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    margin-top: 10px
}
.un_cartSelector_linkBtn .img_icon_linkBtn, 
.un_hitoyaInsulationSelector_linkBtn .img_icon_linkBtn, 
.un_houseInsulationSelector_linkBtn .img_icon_linkBtn {
    margin: 10px 5px 0px 15px;
    max-width: 25px;
}

/* Start Mobile */
@media screen and (max-width: 767px) {
    .container {
        width: 100% !important;
    }

    .hidden-block {
        display: none;
    }

    .box_wrapper {
        box-sizing: border-box;
        display: block;
        max-width: 375px;
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
}
/* End Mobile */
/* iPad Air */
@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
    #wrapper {
        min-height: 1180px;
    }
}

/* iPad Pro */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
    #wrapper {
        min-height: 1366px;
    }
    .bl_banner{
        margin-bottom: 80px;
    }
}

/* Surface Pro 7 */
@media screen and (min-width: 912px) and (max-width: 1023px) and (orientation: portrait) {
    #wrapper {
        min-height: 1368px;
    }
    .bl_banner{
        margin-bottom: 80px;
    }
}

/* Asus Zenbook Fold */
@media screen and (min-width: 853px) and (max-width: 853px) and (orientation: portrait) {
    #wrapper {
        min-height: 1280px;
    }
}