.front_first_slider{width:100%}.front_first_slider>a{margin-top:1rem; margin-bottom:1rem; display:block; overflow:hidden; border-radius:0.75rem; --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.div_img_front_first_slider{position:relative; overflow:hidden; border-top-right-radius:0.5rem}.div_img_front_first_slider h3{color:#492C17; font-size:0.75rem; line-height:1rem}.div_img_front_first_slider h2{color:#492C17; padding-top:0.75rem; padding-bottom:0.75rem; font-size:1.125rem; line-height:1.75rem; font-weight:500}.div_img_front_first_slider h5{font-size:0.75rem; line-height:1rem; --tw-text-opacity:1; color:rgb(220 38 38 / var(--tw-text-opacity))}.up_box_front_first_slider{display:flex; width:50%; flex-direction:column; align-items:center}.d_box_front_first_slider{margin-left:0.75rem; margin-right:0.75rem; display:flex; width:100%; flex-direction:column; align-items:center; justify-content:center; padding-top:0.5rem; padding-bottom:0.5rem; text-align:center}.d_box_front_first_slider h6{font-size:0.75rem; line-height:1rem; --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity))}.d_box_front_first_slider p{font-size:0.6rem; white-space:nowrap; text-align:center; --tw-text-opacity:1; color:rgb(125 211 252 / var(--tw-text-opacity))}.d_box_front_first_slider svg{margin-bottom:0.25rem; height:1.5rem; fill:#fff}@supports not (-webkit-touch-callout:none){.parallex-div{background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; }}.w-5{width:20px}.paralex_div_front{display:flex; position:relative; min-height:500px; justify-content:center; background-image:url('../img/parallex_slider-mob-11.webp'); background-repeat:no-repeat; padding:2rem; transition-property:all; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:500ms}.paralex_div_front:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; transition:1s; background-image:url('../img/parallex_slider-mob-12.webp'); opacity:0}.paralex_div_front.show:before{opacity:1}@supports (-webkit-touch-callout:none){.parallex-div{background-attachment:scroll; background-position:center; background-repeat:no-repeat; background-size:cover; background-position-y:-110px; width:100%; } .paralex_div_front:before{background-attachment:scroll; background-position:center; background-repeat:no-repeat; background-size:cover; background-position-y:-110px; width:100%; }}.box_cat_fp{margin-left:0.5rem; margin-right:0.5rem; width:50%; border-radius:0.5rem; transition-property:all; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:300ms}.box_cat_fp:hover{margin-top:-0.25rem}.div-owl-slider-fp{width:100%; aspect-ratio:5/4}#owl-slider-fp{border-radius:15px; overflow:hidden; display:block; max-height:355px; overflow:hidden; aspect-ratio:5 / 4}#owl-slider-fp .owl-item{display:flex}.sep-h{text-align:center; position:relative}.sep-h:before{content:""; width:100%; display:block; height:2px; background-color:#ba9050; position:absolute; top:50%}.sep-h h2{color:#492c17; font-size:15px; font-weight:400; width:fit-content; margin:auto; background:white; z-index:10; position:relative; padding:0 10px}#owl-slider-amazing-fp .owl-nav{display:block; align-self:center}.sec-icon-btn-slider-fp{margin:0.75rem; display:flex; flex-direction:column}.sec-icon-btn-slider-fp>div{margin-top:0.5rem; margin-bottom:0.5rem; display:flex; width:100%}.sec-icon-btn-slider-fp>div>a{width:25%; text-align:center; font-size:0.75rem; line-height:1rem}.sec-icon-btn-slider-fp>div>a>img{margin-left:auto; margin-right:auto; margin-top:0.25rem; margin-bottom:0.25rem; width:3.5rem}.hover\:bg-ashr:hover{background-color:#c09450}.hover\:text-ashr-d:hover{color:#492C17}.hover\:block:hover{display:block}.hover\:border-red-600:hover{--tw-border-opacity:1; border-color:rgb(220 38 38 / var(--tw-border-opacity))}.hover\:border-sky-800:hover{--tw-border-opacity:1; border-color:rgb(7 89 133 / var(--tw-border-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1; background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity:1; background-color:rgb(153 27 27 / var(--tw-bg-opacity))}.hover\:bg-sky-400:hover{--tw-bg-opacity:1; background-color:rgb(56 189 248 / var(--tw-bg-opacity))}.hover\:bg-sky-800:hover{--tw-bg-opacity:1; background-color:rgb(7 89 133 / var(--tw-bg-opacity))}.hover\:bg-sky-900:hover{--tw-bg-opacity:1; background-color:rgb(12 74 110 / var(--tw-bg-opacity))}.hover\:fill-red-900:hover{fill:#7f1d1d}.hover\:text-gray-800:hover{--tw-text-opacity:1; color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity:1; color:rgb(220 38 38 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\:bg-none:focus{background-image:none}.focus\:text-gray-700:focus{--tw-text-opacity:1; color:rgb(55 65 81 / var(--tw-text-opacity))}#owl-slider-best-product .owl-stage{margin:10px 8px}#owl-slider-best-product{max-height:360px}#banner_casio_front{display:flex; max-width:1280px; margin-right:auto; margin-left:auto; padding:12px}#banner_casio_front h4{font-size:1.2rem; line-height:1.4rem; font-weight:500}#banner_casio_front p{font-size:.7rem; line-height:1rem; font-weight:500; margin:12px 0px 12px 0px; text-align:inherit}#banner_casio_front a{font-size:.7rem}#slider-blog-front{max-height:330px}.ef_fade{-webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out; opacity:0}.ef_fade_show{-webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out; opacity:1}.ef_fade_top{-webkit-transition:all 1.5s ease-out; -moz-transition:all 1.5s ease-out; -o-transition:all 1.5s ease-out; transition:all 1.5s ease-out; opacity:0; margin-top:400px}.ef_fade_top_show{-webkit-transition:all 1.5s ease-out; -moz-transition:all 1.5s ease-out; -o-transition:all 1.5s ease-out; transition:all 1.5s ease-out; opacity:1; margin-top:0px}.ef_fade_right{-webkit-transition:all 1.5s ease-out; -moz-transition:all 1.5s ease-out; -o-transition:all 1.5s ease-out; transition:all 1.5s ease-out; position:relative; right:-110%}.ef_fade_right_show{-webkit-transition:all 1.5s ease-out; -moz-transition:all 1.5s ease-out; -o-transition:all 1.5s ease-out; transition:all 1.5s ease-out; position:relative; right:0%}.ef_fade_left{-webkit-transition:all 1.5s ease-out; -moz-transition:all 1.5s ease-out; -o-transition:all 1.5s ease-out; transition:all 1.5s ease-out; position:relative; left:-110%}.ef_fade_left_show{-webkit-transition:all 1.5s ease-out; -moz-transition:all 1.5s ease-out; -o-transition:all 1.5s ease-out; transition:all 1.5s ease-out; position:relative; left:0%}.s_ef_bargh{display:none; position:absolute; height:108%; background:#ffffff6e; width:25px; top:0px; transform:rotate(18deg); box-shadow:white 0 0px 31px; z-index:20}.off-span-product-archive{position:absolute; display:flex; align-items:center; justify-content:center; width:28px; height:24px; overflow:hidden; right:0; top:10px; border-radius:10px 0 0 10px; --tw-bg-opacity:1; background-color:rgb(220 38 38 / var(--tw-bg-opacity)); font-size:0.60rem; font-weight:300; --tw-text-opacity:1; color:rgb(255, 255, 255); line-height:1rem}.front_first_slider_det{display:flex; margin-top:-2px; padding:16px 0; background-image:linear-gradient(180deg, #d3388c 33%, #000000)}.bg-frs{background-color:#f4c38f}.off-span-product-archive.bg-frs{color:black}.front_cat{display:flex; position:relative; gap:3%; flex-wrap:wrap; justify-content:center; align-items:flex-start; overflow:hidden; padding:15px 5px}.front_cat a{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; height:100%; white-space:normal; width:31%; transition:.3s; border-radius:9999px; padding:2%}.front_cat a.cat_item{width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0; margin:0; border:none; box-sizing:border-box}.front_cat a.cat_item span{font-size:12px; margin-top:5px; text-align:center; width:100%}.front_cat a:hover{scale:1.1; transition:.3s}.front_cat a:hover:before{rotate:9999deg; transition:99s}.front_cat a:hover img{filter:drop-shadow(0px 0px 6px rgb(192, 148, 80)); transition:.3s}.front_cat a:before{display:block; aspect-ratio:1; content:""; width:108%; position:absolute; border:0; border-radius:9999px; top:-4%; right:-4%; transition:.3s}.front_cat span{font-size:12px; color:#3f2d13}.front_cat img{width:100%; margin:auto; transition:.3s}.front_cat:before{content:""; display:block; width:0; aspect-ratio:1; position:absolute; top:50%; right:50%; transform:translateX(50%) translateY(-50%); filter:drop-shadow(0px 0px 3px white); z-index:17; border-radius:99999px; box-shadow:0 0 71px white; pointer-events:none}.front_cat.active:before{width:170%; transition:cubic-bezier(0.59, 0.08, 0, 0.7) 2.5s}@media (min-width:350px){.xs\:w-\[150\%\]{width:150%; }}@media not all and (min-width:350px){.max-xs\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr)); }}@media (min-width:480px){.up_box_front_first_slider{flex-direction:row; } .paralex_div_front{background-image:url('../img/parallex_slider.webp'); background-size:inherit; }}@media (min-width:640px){.sm\:mt-0{margin-top:0px; } .sm\:mt-5{margin-top:1.25rem; } .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)); }}@media not all and (min-width:640px){.max-sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)); }}@media (min-width:768px){.d_box_front_first_slider{width:50%; flex-direction:row; align-items:flex-start; padding-top:0px; padding-bottom:0px; text-align:right; } .div-owl-slider-fp{aspect-ratio:43/15; } #owl-slider-fp{max-height:max-content; overflow:hidden; aspect-ratio:43/15; } .d_box_front_first_slider>div{margin-left:0.25rem; margin-right:0.25rem; } .md\:mb-0{margin-bottom:0px; } .md\:inline-block{display:inline-block; } .md\:w-1\/2{width:50%; } .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)); } .md\:flex-row{flex-direction:row; } .md\:gap-16{gap:4rem; } .front_cat a.cat_item img{width:90%; object-fit:contain; margin-bottom:5px; }}@media (max-width:767px){#owl-slider-fp{max-height:max-content; overflow:hidden; aspect-ratio:5/4; } .div-owl-slider-fp{aspect-ratio:auto; } .front_cat{display:grid !important; grid-template-columns:repeat(4, 1fr) !important; gap:5px; padding-top:10px; } .front_cat a, .front_cat .empty-cat{width:auto !important; margin:0 !important; padding:0 !important; } .front_cat a.cat_item img{width:70px; object-fit:contain; max-width:70px; padding:0; margin:5px auto; }}@media (min-width:968px){.front_first_slider_det{padding:40px 0; background-image:linear-gradient(180deg, #44bdff, #000000 136%); } #owl-slider-fp{max-height:max-content; overflow:hidden; aspect-ratio:43/15; } .front_cat{display:flex !important; grid-template-columns:unset !important; flex-wrap:nowrap !important; gap:0 !important; padding:20px 10px !important; align-items:flex-start; } .front_cat a.cat_item{flex:1 1 0 !important; width:auto !important; margin:0 !important; padding:4px !important; } .front_cat a.cat_item img{width:80% !important; max-width:90px !important; object-fit:contain; margin:0 auto 4px !important; } .lg\:right-center{transform:translateX(300%); right:50%; } .front_first_slider>a{margin-top:4rem; margin-bottom:2rem; border-radius:1.5rem; } .div_img_front_first_slider h3{font-size:1.125rem; line-height:1.75rem; } .div_img_front_first_slider h2{padding-top:1rem; padding-bottom:1rem; font-size:3rem; line-height:1; } .div_img_front_first_slider h5{font-size:1rem; line-height:1.5rem; } .d_box_front_first_slider{margin-left:1.5rem; margin-right:1.5rem; justify-content:flex-start; transition:.3s; } .d_box_front_first_slider:hover{scale:1.1; transition:.3s; } .d_box_front_first_slider h6{font-size:0.875rem; line-height:1.25rem; } .d_box_front_first_slider p{text-align:justify; font-size:0.85rem; line-height:1.25rem; } .d_box_front_first_slider svg{margin-bottom:0px; height:2.5rem; } .sec-icon-btn-slider-fp{margin:1.5rem; flex-direction:row; } .sec-icon-btn-slider-fp>div{width:50%; } .front_cat span{font-size:11px; } .s_ef_bargh{display:block; } .show_cats{display:flex; padding:30px 50px; gap:50px; aspect-ratio:auto; width:100%; position:relative; align-content:center; overflow:hidden; } .show_cats_x, .show_cats_top, .show_cats_o, .show_cats_bottom, .show_cats_left{position:static; width:100%; height:100%; aspect-ratio:1; transform:translatex(0) translatey(0); } .show_cats>a:before{border:dashed 2px #34312c; width:105%; height:105%; position:absolute; border-radius:999px; top:-2.5%; right:-2.5%; } .show_cats>a{transition:.3s; } .show_cats>a:hover{scale:1.2; transition:.3s; } .lg\:w-unset{width:unset; } .lg\:border-b-1{border-bottom-width:1px; } .lg\:text-ashr-d{color:#492C17; } .lg\:shadow-b-div-none{-webkit-mask-image:none; } .lg\:my-auto{margin-top:auto; margin-bottom:auto; } .lg\:static{position:static; } #banner_casio_front h4{font-size:2.25rem; line-height:2.5rem; font-weight:500; } #banner_casio_front p{font-size:.9rem; line-height:1.5rem; font-weight:500; margin:10px 0px 10px 0px; text-align:inherit; } .div-owl-slider-fp{aspect-ratio:2.8666666; } .lg\:text-base{font-size:0.8rem; line-height:1.4rem; } .lg\:text-2xl{font-size:1.3rem; }}@media (min-width:1280px){.xl\:w-1\/4{width:25%; } .xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr)); } .xl\:px-0{padding-left:0; padding-right:0; } .xl\:pr-0{padding-right:0; }}@media (min-width:1536px){.\32xl\:max-w-\[1280px\]{max-width:1280px; }}#owl-slider-best-product .owl-item{transition:.3s}div#banner_casio_front:hover img{scale:1.2; transition:.3s}.h-9.overflow-hidden.text-center{font-size:0.75rem; line-height:1.1rem}.h-9{height:2.5rem}#slider-blog-front img{height:160px; object-fit:cover}section.mt-8{margin-top:1rem; margin-bottom:1rem}section.mt-8 img{border-radius:15px}section.mt-8>div{padding-left:0rem; padding-right:0rem; margin-left:auto; margin-right:auto; display:grid; grid-template-columns:repeat(2, 1fr); gap:0.5rem}@media (min-width:1024px){section.mt-8>div{grid-template-columns:repeat(4, 1fr); } #owl-slider-fp{max-height:max-content; overflow:hidden; aspect-ratio:43/15; } section.mt-8>div{gap:2.5rem; } section.mt-8 img{width:100%; height:auto; display:block; border-radius:0; box-shadow:none; object-fit:contain; background-color:transparent; border-radius:15px; }}