@charset "utf-8";

.site-showcase-content{--theme:#b7813b;--minor:#191919;--text:#191919;--theme-text:#ece9e4;--background:#f4f4f4;--box-shadow:0.05em 0.05em 0.2em 0.05em rgb(0 0 0 / 50%);}
.site-showcase-content *{color:inherit;padding:0;margin:0;box-sizing:border-box;list-style:none;line-height:1.35;}
.site-showcase-content{margin:0;padding:0;font:16px 'Google Sans Flex',sans-serif;-webkit-font-smoothing:antialiased;color:var(--text);background-color:var(--background);}
.site-showcase-content div, .site-showcase-content dl, .site-showcase-content dt, .site-showcase-content dd, .site-showcase-content ul, .site-showcase-content ol, .site-showcase-content li, .site-showcase-content h1, .site-showcase-content h2, .site-showcase-content h3, .site-showcase-content h4, .site-showcase-content h5, .site-showcase-content h6, .site-showcase-content p, .site-showcase-content pre, .site-showcase-content code, .site-showcase-content form, .site-showcase-content fieldset, .site-showcase-content legend, .site-showcase-content input, .site-showcase-content button, .site-showcase-content textarea, .site-showcase-content blockquote{margin:0;padding:0;word-break:break-word;}
.site-showcase-content input{outline:0;}
.site-showcase-content input::-webkit-outer-spin-button, .site-showcase-content input::-webkit-inner-spin-button{-webkit-appearance:none;}
.site-showcase-content input[type="number"]{-moz-appearance:textfield;appearance:textfield;}
.site-showcase-content :focus-visible{outline:none;}
.site-showcase-content button{outline:0}
.site-showcase-content textarea{font-family:'HarmonyOS',sans-serif !important;resize: none;}
.site-showcase-content img{display:block;border:0;max-width:100%;}
.site-showcase-content img.lazy-load{max-width:unset;}
.site-showcase-content a{text-decoration:none;}
.site-showcase-content a:hover{text-decoration:none;color:var(--theme);}
.site-showcase-content a:visited{text-decoration:none;}
.site-showcase-content a:active{text-decoration:none;}
.site-showcase-content a:link{text-decoration:none;}
.site-showcase-content ::-webkit-scrollbar{width:4px;height:4px;background-color:#F5F5F5;}
.site-showcase-content ::-webkit-scrollbar-track{border-radius:3px;background-color:#E2E2E2;}
.site-showcase-content ::-webkit-scrollbar-thumb{border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:var(--theme);}
.site-showcase-content ::selection{background-color:var(--theme);color:var(--background);}
.site-showcase-content ::-moz-selection{background-color:var(--theme);color:var(--background);}
.site-showcase-content ::-webkit-selection{background-color:var(--theme);color:var(--background);}
.site-showcase-content .clearfix:before, .site-showcase-content .clearfix:after{content:" ";display:table;clear:both;}
.site-showcase-content .themeFont{font-family:'Lora',sans-serif !important;}
.site-showcase-content .container{width:96%;max-width:100em;margin:0 auto;}
.site-showcase-content .fr{float:right;}
.site-showcase-content .fl{float:left;}
.site-showcase-content .flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.site-showcase-content .flex_d-c{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.site-showcase-content .flex_d-r{-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.site-showcase-content .flex_wrap{-webkit-box-pack:wrap;-ms-flex-pack:wrap;-webkit-justify-content:wrap;justify-content:wrap;flex-wrap:wrap;}
.site-showcase-content .flex_j-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}
.site-showcase-content .flex_j-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.site-showcase-content .flex_j-s-b{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.site-showcase-content .flex_j-s-a{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;}
.site-showcase-content .flex_a-end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.site-showcase-content .flex_a-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.site-showcase-content .flex_a-b{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.site-showcase-content .flex_a-b{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.site-showcase-content .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.site-showcase-content .ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.site-showcase-content .ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.site-showcase-content .ellipsis-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.site-showcase-content .show{display:block;}
.site-showcase-content .hide{display:none;}
.site-showcase-content .aligncenter{display:block;margin-left:auto;margin-right:auto;}
.site-showcase-content .alignright{float:right;margin:0.5em 0 0.5em 1em;}
.site-showcase-content .alignleft{float:left;margin:0.5em 1em 0.5em 0;}
.site-showcase-content .pc_block{display:block;}
.site-showcase-content .m_block{display:none;}
.site-showcase-content .bg-color{background-color: var(--background);}
.site-showcase-content .nav_modal{display:none;font-size:16px;position:fixed;z-index:1004;}
.site-showcase-content .nav_m_mask{display:none;}
.site-showcase-content .nav_mask{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:999;}
.site-showcase-content .btn{display:inline-block;transition:all 0.65s;position:relative;overflow:hidden;color:#ffffff;background:var(--theme);line-height:1;padding:0.5em 1.5em;border-radius:0.35em;border:1px solid var(--theme);min-width:9em;text-align:center;font-size:1.25em;}
.site-showcase-content .btn-empty{background:none;color:#fff;border-color:#fff;}
.site-showcase-content .btn:hover{color:var(--theme);background:var(--text);border-color:var(--text);}
.site-showcase-content .btn-empty:hover{background:var(--theme);color:#fff;border-color:var(--theme);}
/* .btn:before {content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%);}
.btn:hover:before {animation:btn-black-animation .75s;z-index:1;}
.btn-white:hover:before {animation:btn-animation .75s;z-index:1;} */
@keyframes btn-animation{
0% {background:rgba(0,0,0);transform:translateX(-50%) translateY(-50%) scale(0);opacity:.25;}
to {background:transparent;transform:translateX(-50%) translateY(-50%) scale(1);opacity:0;}
}
@keyframes btn-black-animation{
0% {background:var(--theme);transform:translateX(-50%) translateY(-50%) scale(0);opacity:.25;}
to {background:transparent;transform:translateX(-50%) translateY(-50%) scale(1);opacity:0;}
}
@media screen and (max-width:680px){
.site-showcase-content .pc_block{display:none;}
.site-showcase-content .m_block{display:block;}
}
@media screen and (min-width:880px){@-webkit-keyframes img_change{0% {-webkit-transform:scale(1)}
50% {-webkit-transform:scale(1.2)}
100% {-webkit-transform:scale(1)}
}
@-moz-keyframes img_change{0% {-moz-transform:scale(1)}
50% {-moz-transform:scale(1.2)}
100% {-moz-transform:scale(1)}
}
@-o-keyframes img_change{0% {-o-transform:scale(1)}
50% {-o-transform:scale(1.2)}
100% {-o-transform:scale(1)}
}
@keyframes img_change{0% {transform:scale(1)}
50% {transform:scale(1.2)}
100% {transform:scale(1)}
}
@-webkit-keyframes p_change{0% {-webkit-transform:translateX(0);}
50% {-webkit-transform:translateX(15px);}
100% {-webkit-transform:translateX(0);}
}
@-moz-keyframes p_change{0% {-moz-transform:translateX(0);}
50% {-moz-transform:translateX(15px);}
100% {-moz-transform:translateX(0);}
}
@-o-keyframes p_change{0% {-o-transform:translateX(0);}
50% {-o-transform:translateX(15px);}
100% {-o-transform:translateX(0);}
}
@keyframes p_change{0% {transform:translateX(0);}
50% {transform:translateX(15px);}
100% {transform:translateX(0);}
}
}
@keyframes smoothScroll{
0% {transform: translateY(-50px);}
100% {transform: translateY(0px);}
}
@media screen and (min-width: 1024px){
.site-showcase-content .color-item{transition:all 0.5s;}
.site-showcase-content .color-settings .color-item{opacity: 0.6 !important;}
.site-showcase-content .color-settings .color-activate{opacity: 1 !important;}
}