html{width:100%;height:100%;overflow-x:hidden}body{scroll-behavior:smooth;width:100%;height:100%;overflow-x:hidden}.footer__homepage__grid{display:grid;grid-template-columns:calc(50% - 5px) calc(50% - 5px);gap:10px}.indicator{bottom:0;position:absolute;left:0;width:0;height:5%;background:rgba(23,24,27,.85);color:#fff;border-radius:8px;transition:.5s}.btn_nav{color:var(--font-black-2) !important}.intro__skin-care{background:#e84c3d;color:#fff;bottom:0;position:fixed;width:100%;height:60px;z-index:20;display:flex;justify-content:center;align-items:center}.intro__skin-care--title{color:#fff;font-size:18px;font-family:var(--font-main);font-style:normal;font-weight:600;margin:auto 24px auto 0}.intro__skin-care--close{position:absolute;top:5px;right:10px;transition:.1s ease}.intro__skin-care--close:hover svg{transform:scale(1.2)}.intro__skin-care--close svg{width:28px;height:28px;fill:#fff;transition:.1s ease}.intro__skin-care--button--p{margin:auto;color:#e84c3d;font-size:16px;font-family:var(--font-main);font-style:normal;font-weight:600}.navbar-a{z-index:2}.banner_evoucher{width:100%}.box-qr img{height:105px}.box-store{justify-content:space-between;flex-direction:column;margin-left:1rem;display:flex}.box-store img{width:138px;height:48px}.banner_section1{padding:40px 0 40px 0}.banner_section2{padding:40px 0}.banner_section3{padding:0em 0 60px 0}.footer-row-1{padding:0;margin:0}.footer-col{padding:0;margin:0}.footer-row-2-col-1{display:flex;align-items:center;height:50px}.footer-copy-right{padding:1.5em 0px !important}.footer-copy-right span{display:inline-block;font-family:var(--font-main);color:rgba(0,0,0,.54);font-style:normal;font-weight:500;font-size:13px}.footer-copy-right a{cursor:pointer;font-family:var(--font-main);font-style:normal;font-weight:500;color:#027fca !important}.footer-copy-right a:hover{text-decoration:underline;color:#027fca !important;background-color:none !important;background:none !important}.footer-copy-right img{height:35px;margin-right:12px}.a-none-hover:hover{color:rgba(0,0,0,0) !important;background:none !important;background-color:none !important;opacity:1 !important}.a-none-hover:hover::before{width:0 !important}.position_nav_border{z-index:99;height:90px;position:sticky;top:0;transition:height .4s ease-in-out}.content-nav img{transition:all .4s ease-in-out;height:75px}.content-nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 2px}.nav-height-change{height:58px !important}.nav-height-change a{font-size:16px !important}.nav-font-change{font-size:14px !important}.content-nav-border{transition:height .4s ease-in-out;display:flex;align-items:center;z-index:99;height:70px;width:100%;background:#fff;filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25))}.position_nav_border{transition:height .3s ease;background-size:100%;height:70px;width:auto}.title-section{font-size:20px;font-weight:700;text-align:center;text-transform:uppercase}.banner-item{overflow:hidden}.carousel-indicators2{bottom:-21px !important}.banner-item img{-o-object-fit:cover;object-fit:cover;background-size:100%;height:100%;width:100%;transition:all .4s}.carousel-item-banner1{height:560px}.banner-box-img{border-radius:15px;height:230px}.banner-item-border-img{overflow:hidden;height:264px;width:100%;background:#fff;background-repeat:no-repeat;background-size:cover;background-position:center}.banner-item img:hover{transform:scale(1.04);opacity:.8}.account_hover:hover .status-form-function-user{display:block}.banner-item-description{padding:10px 16px 26px 16px;display:flex;align-items:center;justify-content:space-between}.banner-item-description a{position:relative}.banner-item-description a::before{content:"";color:var(--font-black-2);bottom:0;position:absolute;width:0%;height:1px;background-color:var(--font-black-2);z-index:2;transition:all .4s linear}.banner-item-description a:hover{color:var(--font-black-2) !important;background-color:none !important;background:none !important}.banner-item-description p{text-transform:uppercase;transition:font-style .5s;margin:auto 0;font-family:var(--font-main);font-style:normal;font-weight:400;font-size:16px;line-height:27px;color:var(--font-black-2)}.banner-item-description>div p{margin:0;font-family:var(--font-main);font-style:normal;font-weight:400;font-size:13px;color:rgba(0,0,0,.5882352941)}.banner-item-description>div svg{margin:auto 0;fill:rgba(0,0,0,.5882352941);height:13px;width:13px;color:#000}.banner-item-description h6{font-size:1rem;margin:auto 0;font-family:var(--font-main)}.banner_evoucher img{background-size:100%;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));width:100%;height:570px}.carousel-indicators1{bottom:-21px}.carousel-indicators1 li{border-radius:50% !important;border-top:none;border-bottom:none;height:14px;width:14px}.title-section h2{margin:0 0 1.5em 0;text-transform:uppercase;font-weight:500;font-style:normal;font-family:var(--main_color);font-size:24px;font-style:normal;text-align:center;color:var(--font-black-2)}.banner_evoucher h3{text-align:center;font-size:1em;font-family:var(--font-main);font-style:normal;font-weight:400}.footer__homepage{background-color:#f2f2f2;padding:40px 0px 40px 0px;border-bottom:1px solid #ccc}.footer__homepage_title{padding-bottom:20px;color:rgba(0,0,0,.54);font-family:var(--font-main);font-style:normal;font-weight:600;font-size:16px;letter-spacing:.2px;line-height:20px;text-shadow:0px 0px 1px rgba(162,162,162,.2784313725)}.footer__homepage a svg{fill:#fff}.footer__homepage .logo img{height:58px}.footer__homepage--a a{display:block;color:var(--font-footer);font-family:var(--font-main);font-style:normal;font-weight:500;font-size:15px;line-height:16px;margin:0px 0 12px 0;cursor:pointer;transition:all .7s linear;position:relative}.footer__homepage p{color:var(--font-footer);font-family:var(--font-main);font-style:normal;font-weight:400;font-size:14px;line-height:18px;margin:0px 0 12px 0;cursor:pointer;position:relative;margin:auto 0}.footer__homepage-info--font{color:var(--font-footer);font-family:var(--font-main);font-style:normal;font-weight:400;font-size:14px;line-height:16px;cursor:pointer;position:relative;margin:auto 0 8px 0}.left-hotline{position:fixed;bottom:100px;z-index:30;left:30px}.left-hotline:hover{background-color:none !important;background:none !important}.left-hotline:hover strong{display:block}.left-hotline strong{color:#fff;background:rgba(237,29,36,.8);display:none;vertical-align:middle;padding:0 20px;border-radius:5px;position:absolute;left:130%;margin-left:5px;white-space:nowrap;font-weight:500;font-size:18px;line-height:37px;top:50%;margin-top:-18px;transition:all .2s ease-in-out}.left-hotline strong:before{content:"";width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-right:8px solid rgba(237,29,36,.8);border-bottom:6px solid rgba(0,0,0,0);position:absolute;left:-8px;top:50%;margin-top:-6px}.left-hotline span{transform:rotate(90deg);display:block;font-size:18px;width:46px;height:46px;margin:auto;border-radius:50%;line-height:50px;text-align:center;color:#fff;background:#ed1d24;position:relative}.left-hotline span:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:solid 1px rgba(237,29,36,.6);animation-name:zoomin;animation-duration:1.5s;animation-iteration-count:infinite}.left-hotline span i{position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);animation-name:lac;animation-duration:1s;animation-iteration-count:infinite}.left-hotline span svg{transform:rotate(-80deg);position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);animation-name:lac;animation-duration:1s;animation-iteration-count:infinite}.left-hotline span:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:rgba(237,29,36,.6);z-index:-1;animation-name:zoomout;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate}.hotline1 span{background:#fff !important}@keyframes lac{10%,90%{transform:rotate(-80deg)}20%,80%{transform:rotate(-72deg)}30%,50%,70%{transform:rotate(-80deg)}40%,60%{transform:rotate(-88deg)}}@keyframes zoomout{0%{opacity:1;transform:scale(0)}100%{opacity:.5;transform:scale(1.1)}}@keyframes zoomin{0%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.5}100%{transform:scale(1);opacity:1}}.left-sidebar{position:fixed;left:30px;bottom:250px;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center}.left-sidebar a{display:block;width:45px;height:45px;margin-bottom:15px;transition:ease-in-out .3s all}.left-sidebar a:hover{background-color:none !important;background:none !important;transform:scale(1.2)}.left-sidebar a>img{width:100%}.banner_evoucher_2 a:hover{background:rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important;color:rgba(0,0,0,0) !important}.banner_evoucher_2 img{height:230px;width:100%;-o-object-fit:cover;object-fit:cover;background-size:100%}.banner_evoucher_1 li{color:#c4c4c4 !important;background-color:#c4c4c4 !important}.banner_evoucher_1 li:hover{opacity:.7 !important;color:#383841 !important;background-color:#383841 !important}.banner_evoucher_2 li{color:#c4c4c4 !important;background-color:#c4c4c4 !important}.banner_evoucher_2 li:hover{opacity:.7 !important;color:#383841 !important;background-color:#383841 !important}.title_page_footer h1{text-transform:uppercase;line-height:130%;font-size:30px;font-weight:400;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:300;padding:4rem;background:#1976d2;color:#fff;text-align:center}.body_page_footer h5{font-style:normal;font-size:14px;font-weight:600}.body_page_footer h4{font-style:normal;padding-top:1vh;font-weight:600;font-size:14px;margin-bottom:1vh}.body_page_footer a:hover{background:none !important;background-color:none !important;color:#2196f3 !important}.body_page_footer span{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:18px !important;margin:0 0 5px;padding-top:1vh;text-align:justify}.body_page_footer{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:18px;padding:20px 0;text-align:justify;margin:0 auto}.body_page_footer ul{margin-bottom:1vh}.body_page_footer li{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:18px;margin:1vh 0 0 0;text-align:justify}.body_page_footer a{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400 !important;line-height:18px;margin:0 0 5px;padding-top:1vh;text-align:justify}.body_page_footer p{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:18px;margin:0 0 5px;padding:1vh 0;text-align:justify;color:#333}.carousel-indicators .active{z-index:7;background-color:#383841 !important;background:#383841 !important}.content-nav a{padding:0 !important}.mr-nav-a{padding:0 !important}.container-nav{width:100%;padding-right:42px;padding-left:42px;margin-right:auto;margin-left:auto}.footer-copy-right-a{color:#027fca !important;font-family:var(--font-main) !important;font-style:normal !important;font-weight:500 !important;font-size:13px !important}.footer-copy-right-a:hover{color:#027fca !important;background-color:none !important;background:none !important}.p-banner-item-left{padding:0px 10px 20px 0px}.p-banner-item-right{padding:0px 0px 20px 10px}.active-a-navbar{color:#fff;z-index:2}.guide__voucher__box-img{width:80%;height:400px;border-radius:20px}.guide__voucher__box-img img{border-radius:20px;width:100%;height:100%;background-size:100% 100%;-o-object-fit:cover;object-fit:cover}.guide__voucher__title{font-family:var(--font-footer);font-size:28px;font-style:normal;font-weight:bold;color:#333;line-height:32px;margin:20px 0}.guide__voucher__content p{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:18px;margin:0 0 5px;padding:1vh 0;text-align:justify;color:#333}.guide__voucher__content li{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:18px;margin:1vh 0 0 0;text-align:justify}.guide__voucher__content h4{font-style:normal;padding-top:1vh;font-weight:600;font-size:14px;margin-bottom:1vh}.guide__voucher__content a{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400 !important;line-height:18px;margin:0 0 5px;padding-top:1vh;text-align:justify}@media screen and (max-width: 1200px){.banner_evoucher img{height:530px}.banner_evoucher_2 img{height:227px}}@media screen and (max-width: 1000px){.banner-box-img{height:200px}.carousel-item-banner1{height:460px}.carousel-indicators1{bottom:-18px}.title-section h2{font-size:24px}.banner_evoucher img{height:420px}.banner_evoucher_2 img{height:177px}}@media screen and (max-width: 800px){.footer-copy-right{padding:40px 0px}.footer__homepage-padding{padding:16px 60px 26px 60px}}@media screen and (min-width: 768px)and (max-width: 1000px){.banner-item-border-img{height:210px;width:100%}}@media screen and (max-width: 768px){.footer__homepage__grid{grid-template-columns:auto;gap:0px}.footer__homepage--a a{font-size:13px;margin:0px 0 8px 0}.footer__homepage p{font-size:13px}.footer__homepage-info--font{font-size:12px}.carousel-item-banner1{height:290px}.banner-box-img{height:140px}.p-banner-item-right{padding:0}.banner-item{overflow:hidden;padding:12px 6px 0 6px !important}.p-banner-item-left{padding:0}.footer-copy-right span{font-size:11px;line-height:14px}.footer-row-2-col-2{margin-top:10px}.footer-row-2-col-3{margin-top:10px}.text-center-mobi{text-align:center}.footer-row-2-col-1{display:inline-block;justify-content:center;width:100%}.mobi_evoucher{text-align:center}.container-nav{padding-right:22px;padding-left:22px}.mr-nav-a{padding:0 !important}.scroll-nav-height img{height:50px !important}.carousel-indicators1{bottom:-15%}.carousel-indicators1 li{height:12px;width:12px}.banner_evoucher img{height:280px}.title-section h2{margin:0;font-size:18px}.banner-item-border-img{height:264px}.mobi_evoucher .logo{text-align:center}.banner_evoucher_2 img{height:131px}.footer-copy-right-a{font-size:11px !important;line-height:14px !important}}@media screen and (max-width: 600px){.intro__skin-care--row{display:block}.intro__skin-care--title{font-size:14px;margin:auto 12px auto 0}.intro__skin-care--button--p{font-size:14px}.intro__skin-care{height:70px}.carousel-item-banner1{height:230px}.footer__homepage{padding:20px 0px 20px 0px}.banner_section1{padding:20px 0 20px 0 !important}.banner_section2{padding:20px 0}.banner-item-description p{font-size:12px}.banner-item-description>div p{font-size:12px !important}.title_page_footer h1{font-size:18px;padding:3rem}.footer-row-2-col-1{height:auto}.footer-copy-right img{margin-bottom:10px}.footer-copy-right{padding:40px 0px}.footer-row-1-col-2{width:50%}.footer-row-1-col-3{width:50%}.banner-item-description a:hover::before{width:0% !important}.banner_evoucher img{height:213px}.banner_evoucher_2 img{height:111px}.footer__homepage .info p{font-size:12px}.footer__homepage .info h6{font-size:12px}.container-nav{padding-right:0px;padding-left:0px}.position_nav_border{height:70px}.content-nav-border{height:70px}.content-nav img{height:70px}.nav-height-change{height:48px !important}.banner_evoucher_2{padding-left:6px;padding-right:6px}.footer__homepage_title{font-size:13px}.content-nav img{height:40px;width:auto}.banner-item-border-img{height:217px;width:100%}.scroll-nav-height a{font-size:14px !important}.nav-height-change a{font-size:14px !important}.carousel-indicators2{bottom:-17px !important}}@media screen and (max-width: 500px){.carousel-item-banner1{height:190px}.banner-box-img{height:120px}.banner-item-border-img{height:147px;width:100%}.banner_evoucher img{height:179px}}@media screen and (max-width: 460px){.scroll-nav-height a{font-size:14px !important}.nav-height-change a{font-size:14px !important}}@media screen and (max-width: 414px){.banner_evoucher img{height:149px}.carousel-indicators2{bottom:-17px !important}}@media(min-width: 768px)and (max-width: 991px){.header-logo{margin-left:0}}@media(max-width: 992px){.header-logo{font-size:18px}}.header-logo{display:inline-block;vertical-align:middle;position:relative;font-family:Raleway;font-weight:800;font-size:1.125rem;text-transform:lowercase;color:#263238}.header-logo{text-transform:uppercase}.header-logo:hover{color:#561157}.header-logo:before{background-image:url("/images/tikitech_icon.png") !important;width:30px;height:30px;top:-2px}.header-logo:before{content:"";position:relative;display:inline-block;vertical-align:middle;background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkzMjhBMUY1QzJBRTExRTdBNTg0RjUyMDY4NEI5NEUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkzMjhBMUY2QzJBRTExRTdBNTg0RjUyMDY4NEI5NEUxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTMyOEExRjNDMkFFMTFFN0E1ODRGNTIwNjg0Qjk0RTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTMyOEExRjRDMkFFMTFFN0E1ODRGNTIwNjg0Qjk0RTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7k18d/AAADt0lEQVR42qxVW4scRRQ+denqnp5LMrNZZ6MJKgiBiNmwD4Iyi3/Ay5PEeHlwQcirEUEixAfjg8gaX0URCSYYQUT8B2YWlCAYIQjRgLDirmuyzsW5dHXVKU9Vz/buvqceaqqr6nzn8n11hjnn4F4O6SfGWPg4eN9hOPrI8VPjwb9T1MNvVTUFh/sdMs5Aj8bAVeO5tHEwXv/95le9rc1w5oMLgK2FB8JGWm+cMlZfYlIOhUvuArIuQUBwx8kAvRUtVdJhUnxmja7VDjQZE/Iqm2UaAOcffAgkj8Bas2K0VkLIOZDVs87kXQsFCCAvgGmWSfQ6obfyPINac26l0W5fZZPilPspm44hz/QyGnPcp88IYartjb61EEkOWcahf4e8RxzMZAR6OroB/h7j4G3MZNzRo9EuoGTyTcbc97Q8shMQ5+w0c/Jx7iOzgvboqmC0L54UQry4h8wjtHsNFHujBORcvlBeIM9+rQQ/1lTRj8jdK0jfaJEix9eitLompDpGl0oy0RIZFXW6rKFD/EKoaIl+wVnr01n0+JbiYo5fUgm0KeLYIb+wV2bk5BcuxQmVxNDb2rhcAkaqcrG//fdvcZr2pcNrjvFzTMbvkYkPBOIEPkhSASb3UUGondHT88Tyu2BUx9q8OR72vwsJeo8PP7oEo942xLUaVCsxIJIVF0tMMLrE7y+qOhvObVIizzqrrzu0MM0NILHtPW/8cbuo4X+9O8SgAotFROQGHNsHs38Qg1xwkFKGejPcvRwAiXoggT6j4qSDBEoG54jNn0gYRXReIpzvgC1wwa4TxNuBPLKpN1tP6+lkV9hp48DZuFZd5TqjQtufib2TpUsCQ2veIrJSqZLzzj8Xn4aILgB3zydCLEYqDhh0+2JwWz80/1JGgvUsUyQny/ftJYT4KmXwPmaTd6gMZ0hjgZTiXfNFb5NNxlCfm3+5TDkf6yu+JrOiF0DG3Mqy4ROWwefCpyy8A/g4Gw46Js9uBdCZhPxZPsqulICQ2VU6W6bVevFaSYMOvyTd/UC50do7IlAMslhDNJdnmvZjHZnruNytljVU1Sqwiuiizm8anR2lTgI8ih+LGB1bA0Qp8KTqmweoWp1SFSfQYWBYRNGvUoo1l+7pNpsbt0NYlWr900br0DJ1nAl1gQ8l922iKAG6SuAJKVLMxh+JSD4l40plcPefTyaDAcxaUQG4vfFn0WDbC1+32ocxn4xzp3WXk8h36jQTaCALddYlKa7Ial2OBv1velt/7Ur0Xv8F/C/AAMy4yQqzQ1PZAAAAAElFTkSuQmCC);width:1.25rem;height:1.25rem}.bookdisplay{width:100%;padding-top:20px;padding-bottom:20px;text-align:center}.bookdisplay .search-box{width:60%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px}.bookdisplay .booknav .nav .nav-item{text-align:center;border-radius:30px;background-color:rgba(174,174,17,.4588235294);width:25%}.bookdisplay .booknav .nav .nav-item a{text-decoration:none;color:blue}@media only screen and (max-width: 600px){.bookdisplay .booknav .nav .nav-item{width:50% !important;margin-top:10px}}.bookdisplay .databook{display:flex;width:100%;flex-wrap:wrap}.bookdisplay .databook .book-item{width:20%;box-shadow:rgba(50,50,93,.25) 0px 6px 12px -2px,rgba(0,0,0,.3) 0px 3px 7px -3px;padding:1%;margin-bottom:10px}@media only screen and (max-width: 600px){.bookdisplay .databook .book-item{width:50%}}.bookdisplay .databook .book-item img{width:98%;height:220px}.bookdisplay .databook .book-item .titlenava p{margin-top:7px !important}.bookdisplay .databook .book-item img:hover{transform:scale(1.04)}.bookdisplay .databook .book-item a{color:#000}.bookdisplay .databook .book-item a:hover{color:#0017a9}.bookdisplay .databook .book-item p{text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media only screen and (max-width: 600px){.bookdisplay .databook .book-item img{width:98%;height:200px !important}}.bookdisplay .pagination{display:inline-block;text-align:center}.bookdisplay .pagination a{color:#000;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;margin:0 4px}.bookdisplay .pagination a.active{background-color:#4caf50;color:#fff;border:1px solid #4caf50}.bookdisplay .pagination a:hover:not(.active){background-color:#ddd}.viewpdf{display:none;margin-top:10px;margin-bottom:10px}.viewpdf .display-title{text-align:center;color:var(--main_color) !important}.viewpdf .display-title .title{font-weight:bold}.viewpdf a{color:#fff !important}.viewpdf .btnBack{padding:2px 3px;background-color:blue;color:var(--primary-text-color)}.banner_section3{max-width:1200px;margin:auto}.titlepage{text-align:center;font-size:3.5rem;font-weight:bold;color:#0017a9 !important}.titlepage .title1{background-color:#00fc86;border-radius:37px 37px 37px 37px}@media only screen and (max-width: 600px){.titlepage{font-size:2rem !important}}.banner_sectionbook{max-width:1200px;margin:auto}.banner_sectionbook img{width:100%;height:auto}.searchBook{width:100%;display:flex;justify-content:center}.searchBook button:hover{background-color:#2196f3 !important}.searchBook .search-area{width:80%;display:block;text-align:right}.searchBook .search-area input{width:100%;border-radius:6px;border:1px solid #ececec;font-size:1.25rem;line-height:1.5}.searchBook .search-area button{width:150px;margin-top:20px;margin-bottom:20px;border:none;background-color:#058f5e;padding:6px 8px;color:#fff}.booksearchResult{display:none}.booksearchResult h6{font-size:1.5rem !important;font-weight:bold !important;color:#0017a9 !important}.booksearchNoFound{display:none}.booksearchNoFound a{font-size:1.5rem !important;font-weight:bold !important;color:#b14007 !important}.booksearchNoFound .p2{font-size:1.5rem !important;font-weight:bold !important;color:#0017a9 !important}.booksearchNoFound .p1{font-size:1.5rem !important;font-weight:bold !important;color:#b14007 !important}.titleCategory{font-weight:700;font-size:14px;line-height:150%;color:#27272a}.bookCategory{background-color:#fff;padding:5px}.bookCategory ul{list-style-type:none;margin:0;padding:5px;height:100%;overflow:auto;border-radius:8px}.bookCategory ul li{list-style-type:none;-webkit-box-align:center;margin-left:5px;align-items:center;font-weight:400;font-size:15px;line-height:160%;color:#27272a}.bookCategory ul li:hover{background:rgba(39,39,42,.12);border-radius:5px;cursor:pointer}.bookCategory ul .activeMenu{background:rgba(39,39,42,.12);border-radius:5px;cursor:pointer}.bookContainer{display:flex;width:100%}.bookContainer .bookCategory{width:15%;margin-right:1%}.bookContainer .bookData{width:84%;background-color:#fff}.content-page{background-color:#efefef !important}