/*================ default ==================*/
:root {
    --cr-light: #FFFFFF;
    --cr-black: #111111;
    --cr-dark: #333333;
    --cr-gray: #666666;
    --cr-green: #00A94F;
    --cr-green2: #007938;
    --transition: .3s ease-in-out;
    --radius: 8px;
}

body{padding: 0 !important;}

.icw .main {font-style: normal; font-weight: 500; color: var(--cr-gray); font-family: 'kurious-looped';}
.icw .main .text-light{color: var(--cr-light) !important;}
.icw .main .text-black{color: var(--cr-black) !important;}
.icw .main .text-dark{color: var(--cr-dark) !important;}
.icw .main .text-green{color: var(--cr-green) !important;}
.icw .main .text-gray{color: var(--cr-gray) !important;}
.icw .main a.link{transition: var(--transition); text-decoration: none;}
.icw .main .btn{border-radius: 8px; height: 45px; display: flex; justify-content: center; align-items: center; padding: 0 15px;
    margin: 0; border: 0; font-size: 16px; font-weight: 600;
}
.icw .main .btn{overflow: hidden; position: relative; z-index: 1}
.icw .main .btn:before{content: '';position: absolute; z-index: -1; top: 0; left: -100%;
    width: 100%; height: 100%;transition: var(--transition);opacity: 0;
}
.icw .main .btn:hover:before{left: 0;opacity: 1;}
.icw .main .btn-primary{color: var(--cr-light); background-color: var(--cr-green);}
.icw .main .btn-primary:before{background-color: #0BC160;}
.icw .main .btn-secondary{color: #03730F; background-color: #64FD30;}
.icw .main .btn-secondary:before{background-color: #bbff85;}

.row-0{margin: 0px;}
.row-0 > div{padding: 0px;}

.row-20{margin: 0 -10px;}
.row-20 > div{padding: 0 10px;}

.row-flex{display: flex; flex-wrap: wrap;}
.row-flex.align-items-center{align-items: center;}
.row-flex > div{float: none;}
.row-flex > .col{ flex-basis: 0;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%;}
.row-flex > .col-auto{-webkit-box-flex: 0;flex: 0 0 auto; width: auto; max-width: none;}
.row-flex > .col-12 {-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
.row-flex > .col-6 {-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}

.item-list{padding: 0; margin: 0; list-style: none;}
.item-list:after{content: ''; display: table; clear: both;}
.item-list > li{float: left;}

.DBThaiTextX{font-family: "DBThaiTextX";}
.DBThaiTextXBd{font-family: "DBThaiTextXBd";}
.Kanit{font-family: "Kanit";}

/*============================== TEXT ===============================*/
.icw .nowrap{white-space: nowrap;}
.icw .text-light{color: var(--cr-light) !important;}
.icw .text-dark{color: var(--cr-dark) !important;}
.icw .text-green{color: var(--cr-green) !important;}
.icw .text-gray{color: var(--cr-gray) !important;}
.icw .text-lightgray{color: var(--cr-lightgray) !important;}
.icw .text-red{color: var(--cr-red) !important;}

.icw .main {font-style: normal; font-weight: 500; color: var(--cr-gray); font-family: 'kurious-looped';}
.icw .main strong{font-weight: 600;}

.icw h1,.icw h2,.icw h3,.icw h4,.icw h5,.icw h6,
.icw .h1,.icw .h2,.icw .h3,.icw .h4,.icw .h5,.icw .h6{margin: 0 0 0.6em;}

.icw h1,.icw h2,.icw h3,.icw h4,.icw h5,.icw h6,
.icw .h1,.icw .h2,.icw .h3,.icw .h4,.icw .h5,.icw .h6,
.icw h1 strong,.icw h2 strong,.icw h3 strong,.icw h4 strong,.icw h5 strong,.icw h6 strong,
.icw .h1 strong,.icw .h2 strong,.icw .h3 strong,.icw .h4 strong,.icw .h5 strong,.icw .h6 strong{font-family: 'kurious-looped'; margin: 0;}

.icw h1,.icw .h1 {font-weight: 500; line-height: 1.5em;}
.icw h1 strong,.icw .h1 strong{font-weight: 600;}
.icw h2,.icw .h2 {font-weight: 500; line-height: 1.5em;}
.icw h2 strong,.icw .h2 strong{font-weight: 600;}
.icw h3,.icw .h3 { font-weight: 500; line-height: 1.5em;}
.icw h3 strong,.icw .h3 strong{font-weight: 600;}
.icw h4,.icw .h4 { font-weight: 500; line-height: 1.5em;}
.icw h4 strong,.icw .h4 strong{font-weight: 600;}
.icw h5,.icw .h5 { font-weight: 500; line-height: 1.5em;}
.icw h5 strong,.icw .h5 strong{font-weight: 600;}
.icw h6,.icw .h6 { font-weight: 500; line-height: 1.5em;}
.icw h6 strong,.icw .h6 strong{font-weight: 600;}

.icw p{margin: 0 0 0.6em; line-height: 1.2em;}
.icw p{font-family: 'kurious-looped'; font-size: 16px; }
.icw p strong{font-weight: 600;}

.icw p.desc {font-family: 'kurious-looped'; font-size: 16px; font-weight: 500; line-height: 1.5em; margin: 0;}
.icw p.desc strong{font-weight: 600;}

.icw .caption{font-family: 'kurious-looped'; font-size: 13px; font-weight: 500; line-height: 1.5em;}
.icw .caption strong{font-weight: 600;}

.icw a.link{font-family: 'kurious-looped'; font-weight: 600; color: var(--cr-green); text-decoration: underline;}

@media screen and (min-width: 200px) {
    .icw h1,.icw .h1 {font-size: 28px; line-height: 1.4em;}
    .icw h2,.icw .h2 {font-size: 24px; line-height: 1.4em;}
    .icw h3,.icw .h3 {font-size: 20px; line-height: 1.4em;}
    .icw h4,.icw .h4 {font-size: 18px; line-height: 1.5em;}
    .icw h5,.icw .h5 {font-size: 16px; line-height: 1.5em;}
    .icw h6,.icw .h6 {font-size: 16px; line-height: 1.5em;}
}
@media screen and (min-width: 768px) {
    .icw h1,.icw .h1{font-size: 42px; line-height: 1.3em;}
    .icw h2,.icw .h2{font-size: 33px; line-height: 1.4em;}
    .icw h3,.icw .h3{font-size: 26px; line-height: 1.3em;}
    .icw h4,.icw .h4{font-size: 20px; line-height: 1.4em;}
    .icw h5,.icw .h5{font-size: 18px; line-height: 1.5em;}
    .icw h6,.icw .h6{font-size: 16px; line-height: 1.5em;}
}

/*============================== Hidden & Visible ===============================*/
.visible-w1199{display: none;}
.visible-w991{display: none;}
.visible-w767{display: none;}
.visible-w414{display: none;}
.visible-w375{display: none;}
.visible-w360{display: none;}

@media (max-width: 1199px){
    .visible-w1199{display: block;}
    .hidden-w1199{display: none;}
}
@media (max-width: 991px){
    .visible-w991{display: block;}
    .hidden-w991{display: none;}
}
@media (max-width: 767px){
    .visible-w767{display: block;}
    .hidden-w767{display: none;}
}
@media (max-width: 414px){
    .visible-w414{display: block;}
    .hidden-w414{display: none;}
}
@media (max-width: 375px){
    .visible-w375{display: block;}
    .hidden-w375{display: none;}
}
@media (max-width: 360px){
    .visible-w360{display: block;}
    .hidden-w360{display: none;}
}


.container{margin-right: auto; margin-left: auto;padding-left: 16px;padding-right: 16px; width: 100%; max-width: 1140px;}
.container:before,
.container:after{content: ''; display: table; clear: both;}

.section{position: relative; overflow: hidden; background-color: var(--cr-light);}
.section:before{content: ''; position: absolute; z-index: 0; top: 0; left: 0; right: 0; background-color: #F8F9FB; display: none;}
.section .sc-inner{position: relative; z-index: 1;}
.section .sc-heading{margin-bottom: 24px; text-align: center;}
.section .sc-heading h1{color: var(--cr-light); margin: 0;}

.section .tab-content {position: relative;opacity: 0;height: 0;overflow: hidden;visibility: hidden; display: block; transition: .3s ease-in-out;}
.section .tab-content.active {opacity: 1;height: auto;overflow: visible;visibility: visible;}


/*=============== responsive ================*/
@media screen and (min-width: 200px) {
    .section:before{height: 273px;}

    .section .sc-head{padding: 114px 0 0;  background-size: cover; background-repeat: no-repeat; background-position: center;}

    .section .sc-head.-need{background-image: url(../img/bg-head-need-m.jpg);}
    .section .sc-head.-type{background-image: url(../img/bg-head-type-m.jpg); padding-bottom: 32px;}
    .section .sc-head.-wantbase{background-image: url(../img/bg-head-wantbase-m.jpg);}
    .section .sc-head.-typebase{background-image: url(../img/bg-head-typebase-m.jpg);}

    .section .sc-body{}
    .section .sc-body.-package{padding-top: 0;}
    .section .sc-body.-package .sc-body-banner{padding-top: 32px;}
    .section .sc-body.-package .product-list .body .item-list > li{width: 100%;}
    .section .sc-body.-package .product-list .body .thumb{border-radius: 8px 8px 0 0; margin: 0;}
    .section .sc-body.-package .product-list .body .content{border-radius: 8px; background: #FFF; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); padding: 24px;}
    .section .sc-body.-package .product-list .body .content .title{font-size: 18px; margin-bottom: 8px;}
    .section .sc-body.-package .product-list .body .content .desc-list{padding: 0; margin: 0 0 0 1.2em;}
    .section .sc-body.-package .product-list .body .content .desc-list{font-size: 16px; font-weight: 500; line-height: 1.5em; color: #666; list-style: disc;}
    .section .sc-body.-package .product-list .body .content .spacial{margin-top: 16px;}
    .section .sc-body.-package .product-list .body .content .spacial .info{display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;}
    .section .sc-body.-package .product-list .body .content .spacial .txt{color: #66CB95; font-size: 16px; font-weight: 600; line-height: 1.5em;}
    .section .sc-body.-package .product-list .body .content .spacial .date{color: #999; text-align: right;font-family: 'kurious-looped';font-size: 13px;font-weight: 500;line-height: 1.5em;}
    .section .sc-body.-package .product-list .body .content .spacial .desc{font-size: 16px; overflow: visible; max-height: inherit; min-height: inherit; display: block;}

    .section .sc-menu{}

    .section .picture-cover{position: relative; max-width: 932px; margin: 0 auto;
        opacity: 0; height: 0; overflow: hidden;visibility: hidden; transition: .3s ease-in-out;
    }
    .section .picture-cover.active{opacity: 1; height: auto; overflow: visible; visibility: visible;}
    /*.section .picture-cover:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;
        background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,1) 100%);
    }*/
    .section .picture-cover img{max-width: 100%;}

    .section .picture-content{margin-bottom: 0; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; padding: 15px;}
    .section .picture-content .title{line-height: 1.2; color: var(--cr-green); margin: 0 0 10px;}
    .section .picture-content .desc{color: var(--cr-gray); margin: 0;}

    .section .product-list{position: relative; padding: 48px 0;}
    .section .product-list:nth-child(odd){background: #fff;}
    .section .product-list:nth-child(even){background: #F4F4F4;}
    .section .product-list .head{margin-bottom: 24px; text-align: center; padding: 0 16px;}
    .section .product-list .head .txt{color: var(--cr-black); line-height: 1.5em; margin: 0 0 8px;}
    .section .product-list .head .desc{color: var(--cr-dark); line-height: 1.5em; margin: 0;}
    .section .product-list .body{position: relative; margin: 6px auto; width: 100%; max-width: 1140px; padding: 0 16px;}
    .section .product-list .body .item-list{margin: -6px; padding: 0;}
    .section .product-list .body .item-list:after{content: ''; display: table; clear: both;}
    .section .product-list .body .item-list > li{float: left; list-style: none; width: 50%; padding: 6px;}
    .section .product-list .body .item-list > li > a{transition: var(--transition); text-decoration: none;}
    .section .product-list .body .thumb{border-radius: var(--radius); position: relative; overflow: hidden; margin-bottom: 16px; padding-bottom: 60.165%;}    
    .section .product-list .body .thumb img.filter-black {-webkit-filter: brightness(20%); filter: brightness(97%);}
    .section .product-list .body .thumb img{transition: var(--transition); position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
    .section .product-list .body .thumb a{display: block; height: 100%;}

    .section .product-list .body .thumb {box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);}
    .section .product-list .body .thumb.-card img{transform: scale(1.1);}

    .section .product-list .body .content{position: relative;}
    .section .product-list .body .content .title{font-size: 16px; color: var(--cr-black); line-height: 1.5em; min-height: 3.0em;
        max-height: 3.0em; overflow: hidden; display: -webkit-box; margin: 0;
        -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    }
    .section .product-list .body a:hover .content .title {color: var(--cr-green);}
    .section .product-list .body .content .desc{font-size: 16px; color: var(--cr-gray); line-height: 1.6em; min-height: 3.0em;
        max-height: 3.0em; overflow: hidden; display: -webkit-box; margin: 0; font-family: 'kurious-looped';
        -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: none;
    }
    .section .product-list .desc-note {
        font-size: 10px;
        line-height: 14px;
        height: 14px;
        margin-bottom: 0;
        margin-top: 16px;
        display: none;
    }
    .section .product-list .body .content .action{display: none; padding-top: 24px;}
    .section .product-list .body .content .action .more{font-size: 16px; font-weight: 600; color: var(--cr-green); position: relative;}
    .section .product-list .body .content .action .more:after{content: '\e900';font-family: "iconavigation"; margin-left: 10px; font-size: 10px;
        position: absolute; top: 23%;
    }

    .section .tab-control{position: relative; height: 64px;}
    /*.section .tab-control:before{content: ''; position: absolute; height: 2px; left: 0; bottom: 0; right: 0;  background-color: #DBDBDB; border-radius: 50px; z-index: 4;}*/
    .section .tab-control .timebar{position: absolute; z-index: 5; left: 0; bottom: 0px; height: 2px; 
        background-color: #BCBCBC; transition: 0ms ease-in-out; border-radius: 50px;
    }
    .section .tab {position: relative; z-index: 2; overflow: auto; margin-right: 25px; border-bottom: 0px solid var(--cr-border);}
    .section .tab .control{display: flex; flex-wrap: nowrap; justify-content: space-between; width: 720px; gap: 16px;}
    /*.section .tab .control:after{content: ''; display: table; clear: both;}*/
    .section .tab .control a {display: flex; justify-content: center; align-items: center; height: 64px; line-height: 1.4; white-space: nowrap;
        font-weight: 600; font-size: 16px; color: #BABABA;text-align: center; position: relative; z-index: 1; flex-direction: column;
        border-bottom: 3px solid transparent; gap: 8px; text-decoration: none; transition: none;
    }
    .section .tab .control a .ic-nvg{font-size: 24px;}
    .section .tab .control a.active {color:var(--cr-light); font-weight: 600; pointer-events: none; border-bottom-color:var(--cr-green);}
    .section .tab .selector {display: none; height: 2px; background-color: var(--cr-green); position: absolute;
        left: 0;bottom: 0;z-index: 0; border-radius: 0;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
        -o-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
        transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    }

    .section .tab.active{overflow: visible;}
    .section .tab.active .control {display: block; flex-wrap: inherit; width: auto; margin-left: -16px; margin-right: -42px;
        position: relative; z-index: 1; top: 64px; padding: 16px 12px; background-color: #018464; 
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
    }
    .section .tab.active .control:before{content: ''; position: absolute; top: 0; left: 16px; right: 16px; height: 1px; background-color: #e5e5e5;}
    .section .tab.active .control a {display: inline-flex; height: auto; padding: 8px 16px; border: 1px solid #ddd; 
        border-radius: 8px; background-color: #fff; margin: 4px; color: #999; flex-direction: row; white-space: normal; text-align: left;
    }
    .section .tab.active .control a .ic-nvg{margin-right: 0px;}
    .section .tab.active .control a.active {border-color: var(--cr-green); color: var(--cr-green);}

    .section .action-dropdown{display: flex; position: absolute; z-index: 3; top: 0; right: 0; width: 20px; height: 58px;
        border-left: 1px solid #DBDBDB; align-items: center; justify-content: flex-end;
    }
    .section .action-dropdown .link{display: block; position: relative; width: 25px; height: 32px; font-size: 12px; line-height: 32px; text-align: right;}
    .section .action-dropdown .link:before{content: ""; position: absolute; width: 8px; height: 8px; 
        transition: var(--transition); transform: rotate(135deg); top: -5px; right: 0; bottom: 0; margin: auto;
        border-top: 1px solid var(--cr-light); border-right: 1px solid var(--cr-light);
    }
    .section .action-dropdown .link.active:before{transform: rotate(-45deg); top: 5px;}
    .section .tab-dropdown{position: absolute; z-index: 2; top: 0px; left: 0; right: 0;  opacity: 0; visibility: hidden; transition: var(--transition);}
    .section .tab-dropdown.active{opacity: 1; visibility: visible; }
    .section .tab-dropdown .txt{ font-weight: 500; font-size: 16px; color: var(--cr-light); line-height: 58px;}

    /*.section .personal-need{padding: 32px 16px; background-color: var(--cr-light); border-radius: var(--radius); box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);}*/
    .section .personal-need .product-list .body .item-list > li{width: 100%;}
    .section .personal-need .product-list .body .item-list > li a{display: flex;}
    .section .personal-need .product-list .body .thumb{-webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none;}
    .section .personal-need .product-list .body .thumb img{width: 130px;}
    .section .personal-need .product-list .body .content{ flex-basis: 0; -webkit-box-flex: 1;flex-grow: 1; padding-top: 10px; padding-left: 16px;}
    .section .personal-need .product-list .body .content .title{min-height: inherit;}

    .section .personal-need.-new .product-list .body .item-list > li{width: 50%;}
    .section .personal-need.-new .product-list .body .item-list > li a{display: block;}
    .section .personal-need.-new .product-list .body .thumb img{width: 100%;}
    .section .personal-need.-new .product-list .body .content{padding-top: 0px; padding-left: 0px;}
    .section .personal-need.-new .product-list .body .content .title{min-height: 3em;}

    .section .sc-menu.-psn-need .tab .control{width: auto;}
    .section .sc-menu.-psn-need .tab.active .control{width: auto;}

    .section .sc-menu.-psn-type{margin-bottom: 24px;}
    .section .sc-menu.-psn-type.tab-control:before{content: ''; position: absolute; height: 1px; left: 0; bottom: -2px; right: 0;  background: rgba(219, 219, 219, 0.60); z-index: 4;}


    .section .sc-body-heading{padding: 48px 0; background: #EAFDF3;}
    .section .sc-body-heading .top{text-align: center; margin-bottom: 8px;}
    .section .sc-body-heading .top .subtitle{margin: 0 0 8px; line-height: 1.5em;}
    .section .sc-body-heading .top .title{margin: 0; line-height: 1.5em;}
    .section .sc-body-heading .bottom{display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: column;}
    .section .sc-body-heading .bottom .thumb{order: 1;  -webkit-box-flex: 0;flex: 0 0 auto; width: auto; max-width: none;}
    .section .sc-body-heading .bottom .thumb .inner{width: 100%; border-radius: 8px; border: 1px solid #BCF2D0; background: #D5F9E2; padding: 24px 16px;}
    .section .sc-body-heading .bottom .thumb .txt{text-align: center; margin-bottom: 16px; color: var(--cr-dark); line-height: 1.5em;}
    .section .sc-body-heading .bottom .content{order: 2; margin-top: 24px; flex-basis: 0;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%;}
    .section .sc-body-heading .bottom .content .txt{margin-bottom: 16px; color: var(--cr-black); line-height: 1.5em; text-align: center;}
    .section .sc-body-heading .bottom .content .list{padding: 0; margin: 0; list-style: none;}
    .section .sc-body-heading .bottom .content .list > li{position: relative; padding-left: 80px;}
    .section .sc-body-heading .bottom .content .list > li + li{margin-top: 24px;}
    .section .sc-body-heading .bottom .content .icon{position: absolute; left: 0; top: 8px; width: 64px;}
    .section .sc-body-heading .bottom .content .info{min-height: 90px;}
    .section .sc-body-heading .bottom .content .info .title{color: var(--cr-black); margin: 0;}
    .section .sc-body-heading .bottom .content .info .desc{color: var(--cr-dark); margin: 0; font-family: 'kurious-looped';}

    .section .sc-body-banner{background: var(--cr-light); padding: 48px 0 0;}
    .section .sc-body-banner .wrapper{position: relative;}
    .section .sc-body-banner .thumb{position: relative; z-index: 0; text-align: center; border-radius: 8px; overflow: hidden;}
    .section .sc-body-banner .action { position: absolute; z-index: 1; text-align: center; left: 0; bottom: 24px; right: 0; margin: auto;}
    .section .sc-body-banner .action .btn {height: 40px; line-height: 40px; padding: 0 24px; color: var(--cr-green); background-color: var(--cr-light); display: inline-flex;}
    .section .sc-body-banner .action .btn:before {background-color: #0BC160;}
    .section .sc-body-banner .action .btn:hover{color: var(--cr-light);}


    .section .sc-head.-need .tab.active .control {background-color: #018464;}
    .section .sc-head.-type .tab.active .control {background-color: #018464;}
    .section .sc-head.-wantbase .tab.active .control {background-color: #0b6b5f;}
    .section .sc-head.-typebase .tab.active .control {background-color: #0b6b5f;}

}


@media screen and (min-width: 361px) {
}
@media screen and (max-width: 767px) {
    ::-webkit-scrollbar {display: none;}
}


@media screen and (min-width: 768px) {
    .section:before{height: 185px;}

    .section .sc-head.-need{background-image: url(../img/bg-head-need.jpg);}
    .section .sc-head.-type{background-image: url(../img/bg-head-type.jpg);}
    .section .sc-head.-wantbase{background-image: url(../img/bg-head-wantbase.jpg);}
    .section .sc-head.-typebase{background-image: url(../img/bg-head-typebase.jpg);}

    .section .sc-body.-package .product-list .body .item-list > li{width: calc(100%/2);}

    .section .picture-cover img{position: relative; right: -16px;}

    .section .picture-content{margin-bottom: 0; padding: 25px}
    .section .picture-content .title{font-size: 24px;}
    .section .picture-content .desc{font-size: 18px;}

    .section .product-list .body .item-list > li{width: 33.33%;}
    /*.section .product-list + .product-list{margin-top: 30px;}*/
    .section .product-list{padding: 64px 0;}
    .section .product-list .head{margin-bottom: 32px}
    .section .product-list .body .content .title{font-size: 18px;}



    .section .personal-need .product-list .body .item-list > li{width: 50%;}

    .section .personal-need.-new .product-list .body .item-list > li{width: 33.33%;}
    .section .personal-need.-new .product-list .body .content .title{margin-bottom: 8px;}


    .section .sc-body-banner .action{ left: 32px; bottom: 24px; right: auto; text-align: left;}


    .section .sc-menu.-psn-type{margin-bottom: 28px;}

    .section .sc-head.-wantbase .tab-control{height: auto;}
    .section .sc-head.-wantbase .tab-control:before{display: none;}
    .section .sc-head.-wantbase .tab{overflow: visible; margin-right: 0; border-bottom: 0px solid var(--cr-border); display: flex; justify-content: center;}
    .section .sc-head.-wantbase .tab .control{flex-wrap: wrap; justify-content: space-around; gap: 32px; width: auto; margin-right: 0;}
    .section .sc-head.-wantbase .tab .control a {white-space: normal; border-bottom: 3px solid transparent; color: #BABABA; height: auto; padding-bottom: 8px;}
    .section .sc-head.-wantbase .tab .control a {color: #BABABA; flex-basis: 0;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%;}
    .section .sc-head.-wantbase .tab .control a .ic-nvg{font-size: 24px;}
    .section .sc-head.-wantbase .tab .control a span{display: block; border-bottom: 0px solid transparent; line-height: 1.5em; white-space: nowrap;}
    .section .sc-head.-wantbase .tab .control a.active {color:var(--cr-light); border-bottom-color: var(--cr-green);}

    .section .sc-head.-wantbase .action-dropdown{display: none;}
    .section .sc-head.-wantbase .tab-dropdown{display: none;}

}

@media screen and (min-width: 992px) {
    .section:before{height: 247px;}

    .section .sc-body.-package .product-list .body .item-list > li{width: calc(100%/3);}

    .section .picture-content .title{font-size: 35px;}
    .section .picture-content .desc{font-size: 20px;}

    .section .product-list .body .item-list{margin: -12px;}
    .section .product-list .body .item-list > li{width: calc(100%/3); padding: 12px;}
    .section .product-list .body .thumb{margin-bottom: 0; border-radius: 8px 8px 0 0;}
    .section .product-list .body .item-list > li a:hover .thumb img{transform: scale(1.1);}
    .section .product-list .body .item-list > li .thumb a:hover img{transform: scale(1.1);}
    .section .product-list .body .item-list > li a:hover .thumb.-card img{transform: scale(1.2);}
    .section .product-list .body .item-list > li .thumb.-card a:hover img{transform: scale(1.2);}
    .section .product-list .body .content{border-radius: var(--radius); background: var(--cr-light); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); padding: 24px;}
    .section .product-list .body .content .desc {display: -webkit-box;}
    /*.section .product-list .body .content .action{display: block;}*/

    
    .section .product-list .desc-note {display: -webkit-box;}

    .section .tab-control{height: auto;}
    .section .tab-control:before{display: none;}
    .section .tab{overflow: visible; margin-right: 0; border-bottom: 0px solid var(--cr-border); display: flex; justify-content: center;}
    .section .tab .selector {height: 100%; border-radius: 22px;}
    .section .tab .control{flex-wrap: wrap; justify-content: space-around; gap: 48px; width: auto; margin-right: 0;}
    .section .tab .control a {white-space: normal; border-bottom: 3px solid transparent; color: #BABABA; height: auto; padding-bottom: 8px;}
    .section .tab .control a {color: #BABABA; flex-basis: 0;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%;}
    .section .tab .control a .ic-nvg{font-size: 24px;}
    .section .tab .control a span{display: block; border-bottom: 0px solid transparent; line-height: 1.5em; white-space: nowrap;}
    .section .tab .control a.active {color:var(--cr-light); border-bottom-color: var(--cr-green);}
    /*.section .tab .control a.active span{border-block-color: var(--cr-green);}*/

    .section .action-dropdown{display: none;}
    .section .tab-dropdown{display: none;}

    .section .sc-menu.-psn-need .tab {width: auto; margin: 0 auto; display: flex; justify-content: center;}
    .section .sc-menu.-psn-need .tab .control{width: auto; justify-content: space-around; gap: 32px;}
    
    .section .personal-need.-new .product-list .body .content a:hover .title{color: var(--cr-green);}
    .section .product-list .body .content .action .more:hover {text-decoration: underline;}



    .section .sc-menu.-psn-type:before{display: block;}
    .section .sc-menu.-psn-type.tab-control:before{left: -16px; right: -16px;}
    .section .sc-menu.-psn-type .tab {width: auto; margin: 0 auto; width: auto; justify-content: space-around; display: flex;}
    .section .sc-menu.-psn-type .tab .control{width: auto; justify-content: space-around; gap: 48px;}
    .section .sc-menu.-psn-type .tab .control a .ic-nvg{display: none;}

    /*.section .personal-need .product-list .head{padding-bottom: 25px;}*/
    .section .personal-need .product-list .body .item-list{margin: -12px;}
    .section .personal-need .product-list .body .item-list > li{width: calc(100%/3); padding: 12px;}
    .section .personal-need .product-list .body .item-list > li a{display: block;}
    .section .personal-need .product-list .body .content{padding-left: 0;}
    .section .personal-need .product-list .body .content .title{max-height: 3.0em;-webkit-line-clamp: 2; font-size: 18px;}

    .section .personal-need.-new .product-list .body{margin: 12px auto;}
    .section .personal-need.-new .product-list .body .item-list{margin: -12px;}
    .section .personal-need.-new .product-list .body .item-list > li{padding: 12px;}
    .section .personal-need.-new .product-list .body .content .title{min-height: 3.0em; margin-bottom: 8px;}


    .section .product-list .body .content, 
    .section .personal-need.-new .product-list .body .content{padding: 24px; border-radius: 0 0 8px 8px;}


    .section .sc-body-heading{padding: 64px 0;}
    .section .sc-body-heading .top{margin-bottom: 12px;}
    .section .sc-body-heading .bottom{flex-direction: row;}
    .section .sc-body-heading .bottom .thumb{order: 2; }
    .section .sc-body-heading .bottom .thumb .inner{width: 546px; padding: 24px 48px;}
    .section .sc-body-heading .bottom .content{order: 1; margin-top: 0; margin-right: 24px;}
    .section .sc-body-heading .bottom .content .txt{text-align: left;}
    .section .sc-body-heading .bottom .content .list > li{padding-left: 120px;}
    .section .sc-body-heading .bottom .content .list > li + li{margin-top: 16px;}
    .section .sc-body-heading .bottom .content .icon{width: 80px;}


    .section .sc-body-banner .action {left: 48px; bottom: 48px;}


    .section .sc-head.-wantbase .tab .control{gap: 48px;}

}

@media screen and (min-width: 1200px) {
    .section .sc-head{padding: 178px 0 0;}

    .section .sc-body{}
    .section .sc-body.-package{padding-top: 0;}

    .section .product-list .body{padding: 0;}
    .section .product-list .body .item-list > li{width: calc(100%/3);}

    .section .tab .control a{transition: var(--transition);}

    .section .sc-body-heading .bottom{margin: 0 -16px;}

    .section .sc-body-banner .action {left: 48px; bottom: 48px;}

    .section .sc-menu.-psn-need .tab .control{gap: 48px;}

}


/*########### loading ###########*/
.load-div {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*width: 100%;
    height: 100%;*/
    z-index: 100000;
    background: white;
}


.loader-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.loader {
    border: 8px solid #ccc;
    border-radius: 50%;
    border-top: 8px solid #00a950;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


.inactive {
    display: none !important;
}




@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*########### end loading ###########*/

@media screen and (min-width: 200px) and (max-width: 767px) {
    .section .product-list.cash-revolving ul.item-list li:last-child .title:last-child {
        min-height: 0;
    }

    .section .product-list .desc-note{height: auto;}
    .section .product-list.cash-revolving .desc-note{height: auto !important;}
}

@media screen and (min-width: 767px) and (max-width: 850px) {
    .section .product-list.cash-revolving .item-list .title {
        min-height: 25px !important;
    }

    .section .product-list .desc-note{height: auto;}
    .section .product-list.cash-revolving .desc-note{height: auto !important;}
}

@media screen and (min-width: 200px) and (max-width: 900px) {
    .section .product-list .desc-note {
        margin-top: 10px !important;
    }
}