/* ************************************ other ********************************************/

/* lightbox */
.LightboxArea {position: fixed;display: none;justify-content: center;align-items: center;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);padding: 0 20px;z-index: 1050;}
.LightboxArea.Light-open{display: flex;}
.LightboxArea .Lightbox {background-color: white;padding: 80px 40px 20px;border-radius: 20px;max-width: 700px;box-sizing: border-box;}
.LightboxArea .Lightbox .btn {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 40px;max-height: 550px;overflow: auto;}
.LightboxArea .Lightbox .btn a {display: block;width: calc(50% - 10px);border: 1px solid #BFBFBF;box-sizing: border-box;}
.LightboxArea .Lightbox .btn img {object-fit: contain;display: block;}
.LightboxArea .Lightbox .close {border: 2px solid #161B80;border-radius: 30px;background: #FFFFFF;color: #161B80;font-size: 18px;margin: 0 auto;box-shadow: none;padding: 10px;font-weight: 700;display: block;min-width: 240px;transition: background-color .3s, color .3s;text-transform: uppercase;font-family: "Noto Sans JP", sans-serif;text-align: center;cursor: pointer;}
.LightboxArea .Lightbox .close::before {display: inline-block;content: "";width: 17px;height: 16px;background: url(/content/dam/sites/www_silcot_com_tw/wet/images/common/img-close-btn.png) center no-repeat;background-size: cover;margin-right: 15px;vertical-align: middle;transform: translateY(-1px);transition:.3s,}
.LightboxArea .Lightbox font{color:#161B80}
.buy-btn{cursor: pointer;}

@media screen and (min-width: 768px){
.LightboxArea .Lightbox .close:hover{background-color: #161B80;color: white;}
.LightboxArea .Lightbox .close:hover font{color:white}
.LightboxArea .Lightbox .close:hover::before{background-color: #161B80;background: url(/content/dam/sites/www_silcot_com_tw/wet/images/common/img-close-btn-w.png)center no-repeat;}
}

@media screen and (max-width: 768px){
.LightboxArea .Lightbox {max-width: 100%;padding: 40px 40px 20px;}
.LightboxArea .Lightbox .btn {margin-bottom: 20px;max-height: 500px;}
.LightboxArea .Lightbox .btn a {width:100%;display: flex;justify-content: center;}
.LightboxArea .Lightbox .btn img {width: auto;max-height: 100px;}
.LightboxArea .Lightbox .btn .bg-01{background-color: #ed6d00;}
.LightboxArea .Lightbox .btn .bg-02{background: #F43E2E;background: linear-gradient(180deg,rgba(244, 62, 46, 1) 0%, rgba(254, 103, 54, 1) 100%);}
.LightboxArea .Lightbox .btn .bg-03{background-color:#de006f;}
.LightboxArea .Lightbox .close{min-width: 100%;}
}

/* 自訂義 */
.m-r-5 img{margin-right: 5px;}
#item_reliable .p-product-feature02__main:has(.white-svg){background:url(/content/dam/sites/jp_silcot_com/wet/images/common/img-bg-obj-02.svg);background-repeat: no-repeat;background-position: center;background-size: contain;}

/* header */
header .spOnly {display: none !important;}
.buy-style{background-color: #1e428f !important;color: white !important;display: flex !important;align-items: center;gap: 10px;}
.buy-style::before {content: "";display: block;background: url(/content/dam/sites/common/images/icon-cart-01.svg) no-repeat center;width: 20px;height: 20px;background-size: cover;}

@media screen and (min-width: 1025px) {
.buy-style:hover{background-color: #ed9a00 !important;}
}

@media screen and (max-width: 1025px) {
.buy-style{width: 280px;height: 60px;background-image: none !important;justify-content: center;margin: 20px auto 0;}
}

@media only screen and (min-width: 1025px) {
    #temp-header .CMP-CM20-language-select {display: none;}
}

/* home */
.product-box01{position: relative;margin-bottom: 150px;}
.product-box02{position: relative;}
.p-top-mv .uc-mod-carousel-02 li {margin-bottom: -5px;}
.p-top-mv .slick-list {height: max-content !important;;}
.WipeBox .uc-lyt-grid-col{display:flex;align-items:center}
@media only screen and (min-width: 769px) {
.p-top-mv .slick-list {height: max-content !important;}
}
@media screen and (max-width: 769px){
.product-box01 .c-btn a{top: 85px;}
.product-box02 .c-btn a{top: 85px;}
.video-box .uc-mod-media-02 .uc-object iframe {position:static;}
.video-box .uc-inner {padding:0 !important;;}
.video-box iframe{min-height:260px;min-width:calc(100vw - 5.20833vw*2)}
.WipeBox .uc-lyt-grid-col{display:flex;justify-content:center}
.Wipe02 .p-top-feature__bg{left: -50% !important;;}
}

/* products */
.flex-center{justify-content: center;margin-top: 20px;}
.flex-center .uc-lyt-grid-col-flex img{transition: transform 0.3s ease;}
.p-lineup__wrapper .uc-lyt-grid-col-offset-2 {margin: 0 auto !important;}
.nowrapper {justify-content:center !important;}
.nowrapper .uc-lyt-grid-col-offset-2 {margin: 0 !important;}
.p-lineup__wrapper > .uc-lyt-grid-col-flex > .uc-lyt-box-advance .p-lineup__box .products02 {max-width: 100% !important;}
#item_noroclear .p-product-feature01 {
    background: url(/content/dam/sites/www_silcot_com_tw/wet/images/products/noroclear/img-sp-bg-03.png) repeat-y center top #EDF5FC !important;
}
@media only screen and (min-width: 769px) {
    #item_noroclear .p-product-feature01 {
        background: url(/content/dam/sites/www_silcot_com_tw/wet/images/products/noroclear/img-pc-bg-03.png) repeat-y center top #EDF5FC !important;
    }
}

@media only screen and (min-width: 769px) {
.p-lineup__wrapper > .uc-lyt-grid-col-flex > .uc-lyt-box-advance .p-lineup__box .products02 {max-width: 80% !important;width:100% !important;}
.flex-center .uc-lyt-grid-col-sp-5:has(.products02){max-width:100% !important;}
.uc-lyt-box-advance:has(.products02){display: flex;align-items: end;justify-content: center;} 
}
@media screen and (max-width: 768px) {
.flex-center .uc-lyt-grid-col-offset-sp-1,.flex-center .uc-lyt-grid-col-offset-sp-0{margin: 0 auto;}
.flex-center:has(.products01){flex-direction:column;gap: 40px;}
.flex-center .uc-lyt-grid-col-sp-5:has(.products02){flex: 0 0 80%!important;max-width: 200px!important;}
}
@media screen and (min-width: 769px), print {
.flex-center .uc-lyt-grid-col-3 {-webkit-box-flex: 0;-ms-flex: 0 0 40%!important;flex: 0 0 40%!important;max-width: 40%!important;}
}

.bg-color{position: relative;}
.bg-color::before{content: "";position: absolute;width: 200px;height: 200px;left: 50%;top: 50%;transform: translate(-50%,-50%);background-repeat: no-repeat;background-position: center;background-size: contain;z-index: -1;transition: transform 0.3s ease;}

@media screen and (min-width: 768px) {
    .flex-center .uc-lyt-grid-col-flex:hover img{transform: translateY(-15px);}
    .flex-center .uc-lyt-grid-col-flex:hover .bg-color::before{transform: translate(-50%,-50%) scale(1.2);}
}


.bg-color-green::before{background-image: url(/content/dam/sites/www_silcot_com_tw/wet/images/products/bg-green.svg);}
.bg-color-teal::before{background-image: url(/content/dam/sites/www_silcot_com_tw/wet/images/products/bg-teal.svg);}
.bg-color-blu::before{background-image: url(/content/dam/sites/www_silcot_com_tw/wet/images/products/bg-blu.svg);}



/* all-page */
/* Customize */
.Customize-body .m-bottom {margin-bottom: 100px;}
.Customize-body .p-lineup-movement{padding-bottom:0}
.Customize-body .p-product-feature01__scene {margin-top: 20px;}
.Customize-body .sec3-cardbox{margin-top: 65px;display:flex;flex-wrap: wrap;gap: 5%;justify-content: center;}
.Customize-body .sec3-cardbox .CMP-CM11-image-and-text{width: 30%;overflow:hidden;object-position:center;object-fit: cover;}
.Customize-body .sec3-cardbox .CMP-CM11-image-and-text img{width: 100%;object-position:bottom;object-fit: cover;border-radius:10px;aspect-ratio: 3 / 2;box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.3);}
.Customize-body .sec3-cardbox .CMP-CM11-image-and-text .uc-caption{margin:10px 0 30px;font-size:26px;font-weight:600;color:#1e428f;padding:0}
.Customize-body .sec3-cardbox .uc-mod-media-01 .uc-object{margin:0}
.Customize-body .project-box{display:flex;flex-direction:column;gap: 30px;max-width: 810px;margin: 65px auto 0;position: relative;z-index: 1;}
.Customize-body .project-box .box{display:flex;align-items:center;flex-wrap:wrap;gap:20px;}
.Customize-body .project-box .box > div{flex:1}
.Customize-body .project-box .box h4{color:white;font-size:30px;background-color:#005B55;width:max-content;padding:5px 10px;border-radius:10px;position:relative;}
.Customize-body .project-box .box h4::after{content:"";width:100%;height:100%;position:absolute;left:8px;top:0;background-color:#6CA726;z-index: -1;border-radius:10px;}
.Customize-body .project-box .box .TG{display:flex;flex-wrap:wrap;position:relative}
.Customize-body .project-box .box img{max-height: 225px;border-radius:10px;box-sizing:border-box;}
.Customize-body .project-box .box .TG .text{flex:auto;margin:40px 0 20px;border-left: 1.5px solid #005B55;}
.Customize-body .project-box .box .TG .noborder{border: none;}
.Customize-body .project-box .box .TG .text p{font-size: 24px !important;color:#005B55;font-weight:600;padding-left:25px;line-height:1.8}
.Customize-body .project-box .box .TG .text span{font-size:12px}
.Customize-body .project-box .box:nth-child(even) h4{background-color:#6CA726;}
.Customize-body .project-box .box:nth-child(even) h4::after{background-color:#005B55;}
.Customize-body .gree-title .uc-mod-mulit-link {font-size:24px !important;color:white;background-color:#6CA726;width:max-content;margin:0 auto;padding:0 15px;border-radius:50px}
.Customize-body .p-product-feature02__img-ttl p{font-size: 20px !important;}
.Customize-body .img-text .uc-caption{font-size:17px !important;}
.Customize-body .illustrate-txt .uc-lyt-grid-col{margin:0 !important;text-align:center;}
.Customize-body .illustrate-txt .uc-lyt-grid-container{justify-content:center !important;}
.Customize-body .illustrate-txt .uc-lyt-grid-container .p-product-feature02__note-txt p{font-size: 22px !important;font-weight:700 !important;color:#1e428f}
.Customize-body .illustrate-txt .c-attention p{font-size:14px !important;color:#333;padding-bottom:10px}
.Customize-body .illustrate-txt .c-attention{width:max-content;margin:20px auto}
.Customize-title h3{font-size: 46px !important;margin: 110px 0 40px;}
.Customize-body .project-box .box:has(.img-box){flex-direction:column;align-items:start}
.Customize-body .img-box{/* flex: 1; */display:flex;width:100%;padding: 60px 20px 0;justify-content:space-around}
.Customize-body .img-box img{margin:0 !important;max-height: 100% !important;width: calc(50% - 10px);}
.Customize-body .project-box .box-2 .TG{height:0}

.Customize-noroclear .border-top{border-top: #d1dcf4 solid 1px;padding-top: 40px;}
.Customize-noroclear .project-box .box h4{background-color: #0F4C81;}
.Customize-noroclear .project-box .box h4::after {background-color: #3a7ec7;}
.Customize-noroclear .project-box .box:nth-child(even) h4{background-color: #3a7ec7;}
.Customize-noroclear .project-box .box:nth-child(even) h4::after{background-color:#0F4C81;}
.Customize-noroclear .project-box .box .TG .text p {color: #1e428f;}

.Customize-noroclear .TB-bg .box{position: relative;margin: 0 0 30px 0;}
.Customize-noroclear .TB-bg .box::before{position: absolute;content: "";background-image: url(/content/dam/sites/www_silcot_com_tw/wet/images/products/noroclear/img-pc-kodawari-section01-01.png);background-size: 90px auto;z-index: -1;width: calc(100% + 40px);height: calc(100% + 40px);left: 0;top: 0;background-size: contain;background-position:right 0}

.Customize-noroclear .noroclear-BF-01::before {position: absolute;content: "";background-image: url(/content/dam/sites/www_silcot_com_tw/wet/images/products/noroclear/noroclear-BF-01.png);background-size: 90px auto;left: 492px;top: -73px;width: 100%;height: 100%;z-index: -1;}
.Customize-noroclear .noroclear-BF-01::after {position: absolute;content: "";background-image: url(/content/dam/sites/www_silcot_com_tw/wet/images/products/noroclear/snowflake.png);background-size: 80px auto;left: 378px;top: -109px;width: 100%;height: 100%;z-index: -1;}

@media screen and (max-width: 768px) {
.Customize-noroclear .TB-bg .box{margin: 0;padding: 0 0 40px 0;}
.Customize-noroclear .TB-bg .box::before{width: 110%;height: 105%;left: -5%;bottom: 0;background-position: bottom;background-size: 95%;}
}

@media screen and (max-width: 768px) {
.Customize-noroclear .noroclear-BF-01::before {left: 296px;top: -54px;background-size: 70px auto;}
.Customize-noroclear .noroclear-BF-01::after {left: 206px;top: -78px;background-size: 60px auto;}
}

.Customize-body .reliable-BF-01::before{position:absolute;content:"";background-image:url(/content/dam/sites/www_silcot_com_tw/wet/images/products/reliable/reliable-BF-01.png);background-size: 120px auto;left: 303px;top: -84px;width:100%;height:100%;z-index:-1}
.Customize-body .reliable-BF-01::after{position:absolute;content:"";background-image:url(/content/dam/sites/www_silcot_com_tw/wet/images/products/reliable/reliable-BF-02.png);background-size: 200px auto;left: 314px;top: 102px;width:100%;height:100%;z-index:-1;}
.Customize-body .reliable-BF-02::before{position:absolute;content:"";background-image:url(/content/dam/sites/www_silcot_com_tw/wet/images/products/reliable/reliable-BF-03.png);background-size: 50px auto;left: 224px;top: -76px;width:100%;height:100%;z-index:-1}
.Customize-body .reliable-BF-03::before{position:absolute;content:"";background-image:url(/content/dam/sites/www_silcot_com_tw/wet/images/products/reliable/reliable-BF-04.png);background-size: 60px auto;left: 225px;top: 75px;width:100%;height:100%;z-index:-1}

@media screen and (max-width: 768px) {
.Customize-body .reliable-BF-01::before{left: 200px;top: -58px;background-size: 87px auto;}
.Customize-body .reliable-BF-01::after{left: 201px;top: 80px;background-size: 160px auto;}
.Customize-body .reliable-BF-02::before{left: 151px;top: -55px;background-size: 35px auto;}
.Customize-body .reliable-BF-03::before{left: 188px;top: 56px;background-size: 50px auto;}
}

.Customize-body .virus_nonalc-BF-01::before{position:absolute;content:"";background-image:url(/content/dam/sites/www_silcot_com_tw/wet/images/products/virus_nonal/nonalc-BF-01.png);background-size: 90px auto;left: 274px;top: -73px;width:100%;height:100%;z-index:-1}
.Customize-body .virus_nonalc-BF-02::before{position:absolute;content:"";background-image:url(/content/dam/sites/www_silcot_com_tw/wet/images/products/virus_nonal/nonalc-BF-03.png);background-size: 90px auto;left: 409px;top: -75px;width:100%;height:100%;z-index:-1}
.Customize-body .virus_nonalc-BF-03::before{position:absolute;content:"";background-image:url(/content/dam/sites/www_silcot_com_tw/wet/images/products/virus_nonal/nonalc-BF-02.png);background-size: 90px auto;left: 5px;top: 7px;width:100%;height:100%;z-index: -1;}
.Customize-body .virus_nonalc-BF-04::before{position:absolute;content:"";background-image:url(/content/dam/sites/www_silcot_com_tw/wet/images/products/virus_nonal/nonalc-BF-04.png);background-size: 120px auto;left: 369px;top: -91px;width:100%;height:100%;z-index:-1}

@media screen and (max-width: 768px) {
.Customize-body .virus_nonalc-BF-01::before{left: 183px;top: -54px;background-size: 70px auto;}
.Customize-body .virus_nonalc-BF-02::before{left: 267px;top: -56px;background-size: 70px auto;}
.Customize-body .virus_nonalc-BF-03::before{left: 221px;top: -73px;background-size: 70px auto;}
.Customize-body .virus_nonalc-BF-04::before{left: 245px;top: -71px;background-size: 96px auto;}

}




@media only screen and (min-width: 769px) {
.Customize-body .p-product-feature01__scene {margin-top: 65px;}
.padding-B {padding-bottom: 50px !important;}
.padding-TB {padding: 50px 0 !important;}
#item_virus_nonal .p-product-introduce {padding-bottom: 60px !important;}
.max-w-product .uc-lyt-grid-col-4 {flex: 0 0 66.666666%;max-width: 66.666666%;}
}

@media screen and (max-width: 768px) {
.Customize-body .project-box .box .TG .noborder{margin:16.3px  !important;}
.Customize-body .project-box .box > div{width: 100%;}
.Customize-body .project-box .box h4 br{display:none}
.Customize-body .project-box .box img{margin:0 auto;}
.Customize-body .project-box .box{flex-direction:column;align-items:start}
.Customize-noroclear .border-top{padding-top:35px}
.Customize-body .m-bottom {margin-bottom: 50px;}
.Customize-title h3{font-size: 24px !important;margin: 0 0 30px;}
.padding-B {padding-bottom: 25px !important;}
.padding-TB {padding: 25px 0 !important;}
.illustrate-txt .c-attention p{font-size:14px !important;color:#333}
.Customize-body .p-lineup-movement{padding: 0;}
.Customize-body .sec3-cardbox{margin-top: 20px;gap: 4%;}
.Customize-body .sec3-cardbox .CMP-CM11-image-and-text{width: 48%;}
.Customize-body .sec3-cardbox .CMP-CM11-image-and-text .uc-caption{margin:10px 0 25px;font-size:14px;}
.Customize-body .project-box {margin: 50px auto 0;gap: 30px;}
.Customize-body .project-box .box h4{font-size: 18px;}
.Customize-body .project-box .box .TG{flex-direction:column}
.Customize-body .project-box .box .TG img{width:100%;height:auto;max-height: 100%;margin: 0 auto 20px;max-width: 300px;}
.Customize-body .project-box .box .TG .text{margin: 30px 0;min-height:100%;}
.Customize-body .project-box .box .TG .text p{font-size: 18px !important;}
.Customize-body .gree-title .uc-mod-mulit-link {font-size:18px !important;}
.Customize-body .p-product-feature02__img-ttl p{font-size: 17px !important;}
.Customize-body .img-text .uc-caption{font-size:15px !important;}
.Customize-body .illustrate-txt .c-attention{width:100%;margin:20px auto;}
.Customize-body .illustrate-txt .c-attention p{font-size:14px !important;color:#333;padding-bottom:15px}  
.Customize-body .illustrate-txt .uc-lyt-grid-container .p-product-feature02__note-txt p {font-size: 18px !important;}
.Customize-body .img-box{flex-direction:column;padding:30px 0 0;gap:20px}
.Customize-body .img-box img{display:block;width:100%;max-width:300px;margin:0 auto !important;}
/* .Customize-body .project-box .box-2 .TG{height:auto} */
}