.vhproducpg .sppadd{padding: 40px 0 130px;}.vprodgrip{display: flex;flex-wrap: wrap;margin: 0 -15px;gap: 20px 0;}.vprodgrip > div{padding: 0 15px;}.vprodgrip > .mlcol{width: 330px;}.vprodgrip > .hrcol{width: calc(100% - 330px);}.tpmenuprod{border-radius: 5px;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);overflow: hidden;}.tpmenuprod .mntitle{font-size: 18px;line-height: 30px;padding: 10px 45px 10px 20px;font-weight: bold;position: relative;text-transform: uppercase;background-color: var(--colorws);color: var(--colorff);}.tpmenuprod .mntitle::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 15px;width: 18px;height: 18px;background-image: url('../images/imenu.svg');background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}.tpmenuprod .mnconts{padding: 5px 20px 15px;}.tpmenuprod .mnconts > ul > li{border-bottom: 1px solid var(--coloree);}.tpmenuprod .mnconts > ul > li:last-child{border-bottom: none }.tpmenuprod .mnconts > ul > li > .msub{position: relative;}.tpmenuprod .mnconts > ul > li > .msub > a, .tpmenuprod .mnconts > ul > li > a{font-weight: 600;display: block;font-size: 15px;line-height: 25px;padding: 10px 40px 10px 0;}.tpmenuprod .mnconts > ul > li > .msub .mnbutton{position: absolute;top: 0;right: 0;width: 40px;height: 100%;cursor: pointer;font-size: 16px;}.tpmenuprod .mnconts > ul > li > .msub .mnbutton::before{content: '\f107';font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;top: 50%;transform: translateY(-50%);right: 14px;-webkit-transition: var(--effectl);-o-transition: var(--effectl);transition: var(--effectl);}.tpmenuprod .mnconts > ul > li.active > .msub .mnbutton::before{transform: translateY(-50%) rotate(180deg);}.tpmenuprod .mnconts > ul > li.active > .msub > a, .tpmenuprod .mnconts > ul > li.active > a{color: var(--colorws);}.tpmenuprod .mnconts > ul > li.active > .msub .mnbutton{color: var(--colorws);}.tpmenuprod .mnconts > ul > li ul{padding: 5px 10px 15px 20px;}.tpmenuprod .mnconts > ul > li li{margin-bottom: 8px;}.tpmenuprod .mnconts > ul > li li a{font-size: 15px;line-height: 25px;display: block;}.tpproducpg .sptitle{margin-bottom: 20px;color: var(--colorws);}.tpproducpg .sptitle, .tpproducpg .sptitle h1, .tpproducpg .sptitle h2{font-size: 40px;line-height: 50px;font-weight: bold;}.tpproducpg .sptools{margin-bottom: 20px;padding: 12px 0;border-top: 1px solid var(--coloree);border-bottom: 1px solid var(--coloree);}.tpsortprod .sogrip{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 5px 10px;}.itsortprod {position: relative;}.itsortprod .sotitle {cursor: pointer;padding-right: 15px;position: relative;font-size: 15px;line-height: 25px;text-align: right;}.itsortprod .sotitle::before {content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 0;top: 0px;-webkit-transition: var(--effectl);-o-transition: var(--effectl);transition: var(--effectl);}.itsortprod.active .sotitle::before {transform: rotate(180deg);}.itsortprod .soconts{position: absolute;right: 0px;top: calc(100% + 10px);min-width: 170px;background-color: var(--colorff);z-index: 11;opacity: 0;pointer-events: none;border: solid 1px rgba(0, 0, 0, 0.1);-webkit-transition: var(--effectl);-o-transition: var(--effectl);transition: var(--effectl);display: block;max-height: 210px;overflow: hidden;overflow-y: auto;padding: 5px 0;}.itsortprod.vleft .soconts{right: unset;left: 0;}.itsortprod.active .soconts {opacity: 1;pointer-events: auto;}.itsortprod .soconts li a {display: block;font-size: 14px;line-height: 22px;padding: 8px 15px;position: relative;color: var(--color33);}.tpproducmm .mmlist{margin-bottom: 40px;}.tpproducmm .ligrip{display: flex;flex-wrap: wrap;margin: 0 -7.5px;gap: 15px 0;}.tpproducmm .ligrip > div{padding: 0 7.5px;width: calc(100% / 3);}.itprodinfo{border-color: var(--coloree);-webkit-transition: var(--effectl);-o-transition: var(--effectl);transition: var(--effectl);}.itprodinfo:hover{border-color: var(--colorws);}.vhdetailpg .dtpadd{padding: 20px 0 65px;}.hpbreadcpg{margin-bottom: 25px;}.hpdetailpg .vdtgrip{display: flex;flex-wrap: wrap;gap: 20px 0;margin: 0 -15px;}.hpdetailpg .vdtgrip > div{padding: 0 15px;}.hpdetailpg .vdtgrip > .mlcol{width: calc(100% - 440px);}.hpdetailpg .vdtgrip > .hrcol{width: 440px;}.tpdetailee{margin-bottom: 20px;border-radius: 10px;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);padding: 20px 25px 40px;background-color: var(--colorff);}.tpdetailee .dinfos{display: flex;flex-wrap: wrap;gap: 5px 20px;margin-bottom: 5px;}.tpdetailee .dinfos .icodes{color: var(--color99);font-size: 14px;line-height: 22px;}.tpdetailee .dinfos .istote{color: var(--colorws);}.tpdetailee .dinfos .istote i{margin-right: 7px;}.tpdetailee .dtitle{margin-bottom: 6px;color: var(--color22);}.tpdetailee .dtitle, .tpdetailee .dtitle h2{font-size: 25px;line-height: 35px;font-weight: bold;}.tpdetailee .dprice{display: flex;flex-wrap: wrap;align-items: center;align-content: center;gap: 5px 12px;margin-bottom: 20px;}.tpdetailee .dprice .pnews{font-size: 30px;line-height: 40px;font-weight: bold;color: var(--colorwd);}.tpdetailee .dprice .polds{color: var(--color99);font-size: 16px;line-height: 25px;text-decoration: line-through;position: relative;top: 5px;}.tpdetailee .dprice .psale{font-size: 14px;line-height: 21px;font-weight: bold;padding: 2px 5px;border-radius: 5px;background-color: var(--colorwt);color: var(--colorwd);}.tpdetailee .dchose{margin-bottom: 20px;}.tpdetailee .dchose ul{display: flex;flex-wrap: wrap;margin: 0 -5px;gap: 10px 0;}.tpdetailee .dchose li{width: 50%;padding: 0 5px;}.tpdetailee .dchose li a{border: 1px solid var(--colore6);border-radius: 5px;display: flex;align-items: center;align-content: center;justify-content: center;position: relative;height: 100%;font-size: 15px;line-height: 22px;padding: 8px 10px;color: var(--color33);}.tpdetailee .dchose li.active a{border-color: var(--colorws);}.tpdetailee .dchose li a::before{content: '\f00c';font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;top: 0;left: 0;width: 15px;height: 15px;border-radius: 3px;font-size: 8px;background-color: var(--colorws);color: var(--colorff);display: flex;align-items: center;align-content: center;justify-content: center;opacity: 0;}.tpdetailee .dchose li.active a::before{opacity: 1;}.tpdetailee .dquant{margin-bottom: 20px;}.tpdetailee .dquant .quantity input, .tpdetailee .dquant .quantity button{height: 40px;}.tpdetailee .dlinks{margin-bottom: 30px;}.tpdetailee .dlinks ul{display: flex;flex-wrap: wrap;margin: 0 -5px;gap: 10px 0;}.tpdetailee .dlinks li{width: 50%;padding: 0 5px;}.tpdetailee .dlinks li a{display: flex;align-items: center;align-content: center;justify-content: center;font-weight: bold;font-size: 16px;line-height: 28px;border: 1px solid var(--colorws);border-radius: 5px;padding: 10px;}.tpdetailee .dlinks li.vmm a{color: var(--colorws);}.tpdetailee .dlinks li.vhh a{background-color: var(--colorws);color: var(--colorff);}.tpdetailee .dlinks li.vmm a:hover{background-color: var(--colorws);color: var(--colorff);}.tpdetailee .dlinks li.vhh a:hover{background-color: var(--colorwh);border-color: var(--colorwh);}.tpdetailee .dtools{padding-top: 20px;border-top: 1px solid var(--coloree);}.tpdetailee .totitle{margin-bottom: 10px;font-size: 18px;line-height: 27px;color: var(--color22);}.tpdetailee .toconts ul{display: flex;flex-wrap: wrap;margin: 0 -5px;gap: 10px 0;}.tpdetailee .toconts li{width: 50%;padding: 0 5px;}.tpdetailee .toconts li a{border: 1px solid var(--colore6);border-radius: 5px;display: block;padding-top: 33.25%;position: relative;overflow: hidden;}.tpdetailee .toconts li a:hover{border-color: var(--colorws);}.tpdetailee .toconts li a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 80%;max-height: 80%;}.tpdetailff{padding: 15px 30px 40px;border-radius: 10px;background-color: var(--colorwe);overflow: hidden;}.tpdetailff .fftitle{margin-bottom: 10px;color: var(--colorws);font-size: 20px;line-height: 30px;font-weight: bold;}.tpdetailff .fftitle i{margin-left: 6px;}.tpdetailff .ffconts{font-size: 15px;line-height: 25px;}.tpdetailaa{margin-bottom: 40px;}.tpdetailaa .aagrip{display: flex;flex-wrap: wrap;margin: 0 -15px;gap: 20px 0;}.tpdetailaa .aagrip > div{padding: 0 15px;}.tpdetailaa .aagrip > .lcol{width: 120px;}.tpdetailaa .aagrip > .rcol{width: calc(100% - 120px);}.slthumbfor .slick-list{margin: -5px 0;}.slthumbfor .slick-slide{padding: 5px 0;}.itthumbfor .thumb{display: block;padding-top: calc(100% - 2px);border: 1px solid transparent;position: relative;overflow: hidden;border-radius: 10px;cursor: pointer;}.itthumbfor .thumb img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 80%;max-height: 80%;}.itthumbfor{opacity: 0.5;-webkit-transition: var(--effectl);-o-transition: var(--effectl);transition: var(--effectl);}.slick-current .itthumbfor{opacity: 1;}.slick-current .itthumbfor .thumb{border-color: var(--colorws);}.slthumbnav .slick-arrow{box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);width: 40px;height: 40px;}.slthumbnav .slick-arrow::before{font-size: 16px;}.itthumbnav .thumb a{display: block;padding-top: 68.495%;position: relative;overflow: hidden;}.itthumbnav .thumb a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}.tpdetailbb{margin-bottom: 25px;}.tpdetailbb .bbtitle{margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid var(--colorws);color: var(--colorws);}.tpdetailbb .bbtitle, .tpdetailbb .bbtitle h2{font-size: 20px;line-height: 30px;font-weight: bold;}.sldetailbb .slick-arrow{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);}.sldetailbb .slick-prev{left: -25px;}.sldetailbb .slick-next{right: -25px;}.tpdetailcc{margin-bottom: 20px;}.tpdetailcc .cctitle{margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid var(--colorws);color: var(--colorws);}.tpdetailcc .cctitle, .tpdetailcc .cctitle h2{font-size: 20px;line-height: 30px;font-weight: bold;}.tpdetailcc .ccconts li{border-bottom: 1px solid var(--coloree);padding: 9px 0;display: flex;gap: 0 10px;font-size: 16px;line-height: 25px;}.tpdetailcc .ccconts li .tm{font-size: 15px;font-weight: bold;min-width: 180px;width: 180px;}.tpdetailcc .ccconts li:first-child{padding-top: 0;}.tpdetailcc .ccconts li:last-child{border-bottom: none;}.tpdetaildd .dditem{margin-bottom: 25px;}.tpdetaildd .dditem:last-child{margin-bottom: 0;}.itdetaildd .ddtitle{padding-bottom: 5px;border-bottom: 1px solid var(--colorws);color: var(--colorws);position: relative;padding-right: 50px;cursor: pointer;}.itdetaildd .ddtitle::before{content: '\f078';font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;right: 10px;top: 5px;font-size: 15px;-webkit-transition: var(--effectl);-o-transition: var(--effectl);transition: var(--effectl);}.itdetaildd.active .ddtitle::before{transform: rotate(180deg);}.itdetaildd .ddtitle, .itdetaildd .ddtitle h3{font-size: 20px;line-height: 30px;font-weight: bold;}.itdetaildd .ddconts{padding-top: 10px;font-size: 16px;line-height: 30px;display: none;}.hportherpg{border-bottom: 1px solid var(--colorff);padding: 50px 0 75px;background-color: var(--colorf6);}.hportherpg:last-child{border-bottom: none;padding: 50px 0 110px;}.tportherpg .ortitle{text-align: center;margin-bottom: 30px;text-transform: uppercase;}.tportherpg .ortitle, .tportherpg .ortitle h2{font-size: 40px;line-height: 50px;font-weight: bold;}.slortherpg .slick-arrow{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);}.slortherpg .slick-prev{left: -25px;}.slortherpg .slick-next{right: -25px;}.slortherpg .slick-list{margin: 0 -8.5px;}.slortherpg .slick-slide{padding: 0 8.5px;}@media all and (max-width: 1200px){}@media all and (min-width: 992px){.tpmenuprod .mnconts{display: block!important;}}@media all and (max-width: 991px){.vhproducpg .sppadd{padding: 20px 0 70px;}.vprodgrip > .mlcol{width: 100%;}.vprodgrip > .hrcol{width: 100%;}.tpmenuprod .mnconts{display: none;}.tpproducmm .ligrip{margin: 0 -5px;gap: 10px 0;}.tpproducmm .ligrip > div{padding: 0 5px;}.tpproducmm .mmlist{margin-bottom: 30px;}.tpproducpg .sptitle, .tpproducpg .sptitle h1, .tpproducpg .sptitle h2{font-size: 25px;line-height: 35px;}.vhdetailpg .dtpadd{padding: 20px 0 40px;}.hpdetailpg .vdtgrip{flex-direction: column-reverse;}.hpdetailpg .vdtgrip > .mlcol{width: 100%;}.hpdetailpg .vdtgrip > .hrcol{width: 100%;}.tpdetailaa{margin-bottom: 20px;}.tpdetailee .dtitle, .tpdetailee .dtitle h2{font-size: 20px;line-height: 30px;}.tpdetailee .dprice .pnews{font-size: 22px;line-height: 30px;}.tpdetailee .dprice .polds{font-size: 14px;line-height: 22px;}.tpdetailff{padding: 15px 20px 20px;}.tpdetailff .fftitle{font-size: 18px;line-height: 25px;}.tpdetailbb .bbtitle, .tpdetailbb .bbtitle h2{font-size: 18px;line-height: 25px;}.tpdetailcc .ccconts li{font-size: 15px;}.tpdetailcc .ccconts li .tm{font-size: 14px;min-width: 100px;width: 100px;}.tpdetaildd .dditem{margin-bottom: 20px;}.itdetaildd .ddtitle, .itdetaildd .ddtitle h3{font-size: 18px;}.itdetaildd .ddconts{font-size: 15px;}.hportherpg{padding: 35px 0 45px;}.hportherpg:last-child{padding: 35px 0 75px;}.tportherpg .ortitle{margin-bottom: 20px;}.tportherpg .ortitle, .tportherpg .ortitle h2{font-size: 25px;line-height: 35px;}.slortherpg .slick-list{margin: 0 -6px;}.slortherpg .slick-slide{padding: 0 6px;}}@media all and (max-width: 767px){.tpproducmm .ligrip > div{width: 50%;}.tpdetailaa .aagrip{flex-direction: column-reverse;}.tpdetailaa .aagrip > .lcol{width: 100%;}.tpdetailaa .aagrip > .rcol{width: 100%;}.slthumbfor{padding: 0 25px;}.slthumbfor .slick-list{margin: 0 -5px;}.slthumbfor .slick-slide{padding: 0 5px;}.itthumbfor .thumb{border-radius: 5px;}}