.wrapper{background-attachment:fixed;background-image:url(https://static.vnncdn.net/v1/background/bg-full-pc-detail-cate-v1.png);background-position:top;background-repeat:no-repeat;background-size:100% auto}@media(max-width:768px){.wrapper{background-image:none}}@media(max-width:767px){.wrapper .back-to-top{display:none}}.wrapper .main{background:none;position:relative}.wrapper .main.main-stock-guide{margin-top:95px}@media(max-width:768px){.wrapper .main.main-stock-guide{margin-top:0}}.wrapper .main .container{-ms-grid-columns:300px 1fr;grid-template-columns:300px 1fr}.wrapper .main .container__left{position:relative}@media(max-width:768px){.wrapper .main .container__left{bottom:0;left:0;position:fixed;right:0;z-index:880}}.wrapper .main .container__left .category-menu{background:#fff;border-radius:15px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.1);box-shadow:0 2px 2px 0 rgba(0,0,0,.1);padding:0 20px 20px;position:sticky;top:50px;z-index:10}@media(max-width:768px){.wrapper .main .container__left .category-menu{border-radius:10px 10px 0 0;border-top:1px solid #302497;-webkit-box-shadow:none;box-shadow:none;padding:15px 24px!important;position:relative;top:auto;z-index:auto}}.wrapper .main .container__left .category-menu button{background:none;border:none;cursor:pointer;outline:none}.wrapper .main .container__left .category-menu-mobile-head{display:none}@media(max-width:768px){.wrapper .main .container__left .category-menu-mobile-head{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}.wrapper .main .container__left .category-menu-mobile-title{color:#302497;font-family:notosans-bold;font-size:18px;line-height:18px}.wrapper .main .container__left .category-menu-mobile-toggle{color:#2a2a2a;font-family:notosans-regular;font-size:14px;line-height:16px;padding-right:20px;position:relative}.wrapper .main .container__left .category-menu-mobile-toggle:after{background-image:url(https://static.vnncdn.net/v1/icon/icon-toggle-menu.svg);background-repeat:no-repeat;background-size:contain;bottom:2.5px;content:"";position:absolute;right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:12px}.wrapper .main .container__left .category-menu-mobile-toggle.active:after{bottom:0;top:2.5px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}@media(max-width:768px){.wrapper .main .container__left .category-menu-list{max-height:0;opacity:0;overflow:hidden;-webkit-transition:max-height .35s ease,opacity .3s ease;transition:max-height .35s ease,opacity .3s ease}}.wrapper .main .container__left .category-menu-list .category-accordion-item{border-bottom:1px solid #f2f2f2;padding-bottom:20px;padding-top:20px}.wrapper .main .container__left .category-menu-list .category-accordion-item:last-child{border-bottom-width:0;padding-bottom:0}.wrapper .main .container__left .category-menu-list .category-accordion-trigger{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.wrapper .main .container__left .category-menu-list .category-accordion-trigger .name{color:#302497;-ms-flex:1;flex:1;font-family:notosans-bold;font-size:18px;line-height:28px;text-align:left}.wrapper .main .container__left .category-menu-list .category-accordion-trigger .icon{background-image:url(https://static.vnncdn.net/v1/icon/icon-accordion-down.svg);background-repeat:no-repeat;background-size:contain;height:24px;width:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.wrapper .main .container__left .category-menu-list .category-accordion-trigger.active .icon{background-image:url(https://static.vnncdn.net/v1/icon/icon-accordion-up.svg)}.wrapper .main .container__left .category-menu-list .category-accordion-panel{max-height:0;opacity:0;overflow:hidden;-webkit-transition:max-height .35s ease,opacity .3s ease;transition:max-height .35s ease,opacity .3s ease}.wrapper .main .container__left .category-menu-list .category-accordion-panel.active{opacity:1}.wrapper .main .container__left .category-menu-list .category-accordion-panel a,.wrapper .main .container__left .category-menu-list .category-accordion-panel p{color:#505050;font-family:notosans-regular;font-size:15px;line-height:20px}.wrapper .main .container__left .category-menu-list .category-accordion-panel a{display:block}.wrapper .main .container__left .category-menu-list .category-accordion-panel a.active,.wrapper .main .container__left .category-menu-list .category-accordion-panel a:hover{color:#302497}.wrapper .main .container__left .category-menu-list .category-accordion-panel a:first-child{padding-top:10px}.wrapper .main .container__left .category-menu-list .category-accordion-panel a:not(:first-child){padding-top:12px}.wrapper .main .container__right{background:#fff;border-radius:15px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1);max-width:800px;padding-left:20px;padding-right:20px}@media(max-width:768px){.wrapper .main .container__right{background:none;border-radius:none;-webkit-box-shadow:none;box-shadow:none;max-width:none;padding:0}}.wrapper .main .container__right.banner-full{background:none;-webkit-box-shadow:none;box-shadow:none;max-width:none;padding:0}.wrapper .main .container__right.banner-full .banner-stock-guide{aspect-ratio:349/219;background-image:url(https://static.vnncdn.net/v1/background/banner-pc-detail-cate.png);background-repeat:no-repeat;background-size:100% auto;cursor:pointer}@media(max-width:768px){.wrapper .main .container__right.banner-full .banner-stock-guide{aspect-ratio:2/3;background-image:url(https://static.vnncdn.net/v1/background/banner-mb-detail-cate.png);margin:16px 15px 15px}}.wrapper .main .container__right .img-mb-top{display:none}@media(max-width:768px){.wrapper .main .container__right .img-mb-top{display:block;margin-bottom:8px}}.wrapper .main .container__right .navigation-page{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;margin-top:20px}@media(max-width:768px){.wrapper .main .container__right .navigation-page{padding-bottom:50px}}.wrapper .main .container__right .navigation-page .btn-nav{background:none;border:none;border-radius:10px;cursor:pointer;outline:none;position:relative}.wrapper .main .container__right .navigation-page .btn-nav .text{font-family:notosans-regular;font-size:16px;line-height:38px}.wrapper .main .container__right .navigation-page .btn-back{border:1px solid #6c6c6c;color:#6c6c6c;padding:0 10px 0 24px}.wrapper .main .container__right .navigation-page .btn-back:before{background-image:url(https://static.vnncdn.net/v1/icon/icon-btn-nav-back.svg);background-repeat:no-repeat;background-size:contain;content:"";height:12px;left:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.wrapper .main .container__right .navigation-page .btn-next{background:#302497;color:#fff;margin-left:20px;padding:0 24px 0 10px}.wrapper .main .container__right .navigation-page .btn-next:after{background-image:url(https://static.vnncdn.net/v1/icon/icon-btn-nav-next.svg);background-repeat:no-repeat;background-size:contain;content:"";height:12px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.wrapper .main .container__right .main-content .vnn-figure-image-gallery .vnn-image-compare-slider,.wrapper .main .container__right .main-content .vnn-figure-image-gallery .vnn-image-gallery-slider,.wrapper .main .container__right .main-content iframe{width:calc(100% - 20px)!important}@media(max-width:768px){.wrapper .main .container__right .main-content .related-news{padding-left:0;padding-right:0}.wrapper .main .container__right .main-content .commentComponent{margin:0}}