/*
Theme Name: cbliv
Theme URI: http://www.huitheme.com
Description: Crazy uncle
Author: Crazy uncle
Author URI: http://www.huitheme.com
Version: 2026.09
*/

@charset "UTF-8";

body{font-family:Georgia,serif;color:var(--main);font-size:14px;line-height:1;}
p{margin-top:0;margin-bottom:10px;}
ol,ul,dl{padding:0;margin:0;list-style:none;}
a,ins{color:var(--main);text-decoration:none;background-color:transparent;}
a:hover{color:var(--main);text-decoration:none;}
*:focus,textarea:focus,button:focus,input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}

::-webkit-scrollbar{width:5px;background:#ccc;}
::-webkit-scrollbar-thumb{background:var(--main);}
body.page-template-page-solutions ::-webkit-scrollbar{height:2px!important;}

@media (min-width:1200px){
    .container{max-width: 1300px;}
}

.font_jh{font-family:"Microsoft JhengHei",sans-serif;}

.color_main{color: var(--main);}

.bg_main{background-color: var(--main);}

.border_main{border:1px solid var(--main);}

.dan_a a{color:rgb(255 255 255 / 80%);}

.btn_hover_main:hover{background:#fff;color:var(--main)!important;border:1px solid var(--main)!important;}
.btn_hover_qian:hover{background-color: var(--main)!important;color:#fff!important;;}

/*nav*/
.header-menu{}
.header-menu .header-menu-ul{font-size:0px;text-align:center;}
.header-menu .header-menu-ul li{display:inline-block;position:relative;}
.header-menu .header-menu-ul li:hover{}
.header-menu .header-menu-ul li a{padding: 32px 20px;display: flex;font-size: 14px;color: #444;position:relative;font-weight:600;}
.header-menu .header-menu-ul li a:hover{}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top: 78px;left:-9px;background:#fff;width: 230px;z-index:99;padding: 10px;box-shadow: 0px 3px 10px 5px rgb(0 0 0 / 10%);border-radius: 0 0 3px 3px;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;}
.header-menu .header-menu-ul li .sub-menu li a{font-size: 13px;padding: 12px 20px;line-height: 20px;}
.header-menu .header-menu-ul li .sub-menu li a:hover{color: #fff;background:var(--main);border-radius: 3px;}
.header-menu .header-menu-ul li .sub-menu li a:after{display:none}
.header-menu .header-menu-ul li .sub-menu .sub-menu{position:absolute;left:200px;top:0px;}
.header-menu .header-menu-ul li.menu-item-has-children>a:after{content:'\F282';font-family:'bootstrap-icons';font-size:12px;transform:scale(0.7);display:block;padding: 1px 0px 0px 5px;}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children a:after{content:'\F282';font-family:'bootstrap-icons';display:block;float:right;transform:rotate(270deg);-webkit-transform:rotate(270deg);}

.hero_content{padding-left: max( calc((100vw - 1300px) / 2 + 12px), 12px );}
@media (max-width:1200px){
.hero_content{padding-left: max( calc((100vw - 960px) / 2 + 12px), 12px );}
}
@media (max-width:992px){
.hero_content{padding-left: max( calc((100vw - 720px) / 2 + 12px), 12px );padding-right: max( calc((100vw - 720px) / 2 + 12px), 12px );}
}
@media (max-width:768px){
.hero_content{padding-left: max( calc((100vw - 540px) / 2 + 12px), 12px );padding-right: max( calc((100vw - 540px) / 2 + 12px), 12px );}
}

.before_yuandian{display:flex;align-items: center;}
.before_yuandian:before{width:7px;height:7px;border-radius:50%;background:var(--main);content:"";margin-right: 8px;}

.index_solution_border:after{position:absolute;z-index:1;inset:20px -20px -20px 20px;border: 1px solid rgb(0 0 0 / 10%);content:"";}
@media (max-width:768px){.index_solution_border:after{display:none;}}


.index_support_list{background:rgba(247,246,241,0.035);transition:transform 220ms ease,background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease;}
.index_support_list:hover{border-color:rgba(247,246,241,0.52);background:rgba(247,246,241,0.085);box-shadow:0 16px 28px rgba(8,23,19,0.16);transform:translateY(-3px);}

.index_support_border{position:relative;}
.index_support_border:before{width:32px;height:1px;background:rgba(247,246,241,0.5);content:"";position:absolute;left:25px;bottom:5px;}

.index_img_before{position:relative;}
.index_img_before:before{position:absolute;inset:14px;border:1px solid rgba(247,246,241,0.7);content:"";pointer-events:none;}



.ProductCarousel_thumbs{display:flex;flex-wrap:nowrap;overflow:hidden;gap:10px;}
.ProductCarousel_thumbs button{flex:0 0 calc((100% - 42px) / 5);border:1px solid #ccc;background:none;margin:0;padding:4px;box-sizing:border-box;}
.ProductCarousel_thumbs button.active{border-color:var(--main);}
.ProductCarousel_prev,.ProductCarousel_next{position:absolute;top:50%;transform:translateY(-50%);background:rgb(0 0 0 / 40%);border:none;margin:0;padding:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
#ProductCarousel:hover .ProductCarousel_prev:disabled,#ProductCarousel:hover .ProductCarousel_next:disabled{opacity:.25;pointer-events:none;}
.ProductCarousel_prev{left:20px;}
.ProductCarousel_next{right:20px;}
.ProductCarousel_prev span,.ProductCarousel_next span{width:18px;height:18px;}
#ProductCarousel:hover .ProductCarousel_prev,#ProductCarousel:hover .ProductCarousel_next{opacity:1;pointer-events:visible;}
#ProductCarousel .carousel-item{transition:all 0.2s ease;}


.cp_shenming_note::after{content:attr(data-note);position:absolute;top:calc(100% + 10px);left:0;width:400px;padding: 20px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);line-height: 1.6;text-align:left;color:#333;opacity:0;visibility:hidden;pointer-events:none;z-index: 9;}
.cp_shenming_note.is-active::after{opacity:1;visibility:visible;}
@media (max-width:768px){
.cp_shenming_note::after{width:100%;}
}



/*zw*/
.wznrys{}
/*hr*/
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}

/*zw def*/
.wznrys .autolinks{border-bottom:1px solid var(--main);position: relative;padding-left:18px;}
.wznrys .autolinks:before{content:'\F470';font-family:'bootstrap-icons';position:absolute;left:0;top:50%;transform:translateY(-50%);}


.wznrys p{line-height:2;padding-bottom: 20px;margin-bottom:0;margin-top:0;}
.wznrys img{max-width:100%;height:auto;}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom: 20px;margin-top: 10px;line-height:30px;}
.wznrys h1{font-size: clamp(24px, 3vw, 28px);}
.wznrys h2{font-size: clamp(22px, 3vw, 26px);}
.wznrys h3{font-size: clamp(20px, 3vw, 24px);}
.wznrys h4{font-size: clamp(18px, 3vw, 22px);}
.wznrys h5{font-size: clamp(16px, 3vw, 20px);}
.wznrys h6{font-size: clamp(14px, 3vw, 18px);}
.wznrys ol,
.wznrys ul{margin-bottom:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:20px;margin-bottom:12px;line-height:2;padding-left:8px;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid var(--main);}
.wznrys strong{font-weight:bold;}
.wznrys .wp-block-image{margin-bottom:30px;}
/*blockquote*/
.wznrys blockquote{position:relative;border-left: 4px solid var(--main);padding: 30px;margin: 0px 0px 30px 0px;background: #fff;}
.wznrys blockquote p{padding: 0;}
.wznrys blockquote cite{padding-bottom:0px;display:flex;font-size:16px;font-style:inherit;color:#777;}

/*wp-caption*/
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}

/*wz_code*/
.wznrys pre.wp-block-code{margin:50px 0px;position:relative;background:#282922;padding-top:36px;border-radius:5px;box-shadow:0 10px 30px 0 rgba(0,0,0,.4);}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;border-radius:0px 0px 10px 10px;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;}
.wznrys pre.wp-block-code code table tr{border-bottom:1px solid #272727;}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#5a5a5a;font-weight:300;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #272727;text-indent:12px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}

/*figure*/
.wznrys figure{margin-bottom:25px;}
.wznrys figure.wp-block-gallery{display:flex;flex-wrap:wrap;gap:20px;--wp--style--unstable-gallery-gap:20px;}

/*wz_table*/
.wznrys .wp-block-table{}
.wznrys .wp-block-table table{border:1px solid #e9e9e9;font-size:14px;margin-bottom:20px;border-right:none;border-bottom:none;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{border-bottom:1px solid #e7e7e7;}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:12px 20px;border-right:1px solid #e7e7e7;}

/*wp-block-audio*/
.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}

/*wp-block-search*/
.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#dc3544;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}

/*float*/
.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}

/*text-align*/
.has-text-align-left{text-align:left;}
.has-text-align-center{text-align:center;}
.has-text-align-right{text-align:right;}

/*font-size*/
.has-small-font-size{font-size:12px;}
.has-medium-font-size{font-size:16px;}
.has-large-font-size{font-size:20px;}
.has-x-large-font-size{font-size:24px;}

/*font-color*/
.has-black-color{color:#000000}
.has-black-background-color{background-color:#000000}
.has-cyan-bluish-gray-color{color:#ABB8C3}
.has-cyan-bluish-gray-background-color{background-color:#ABB8C3}
.has-white-color{color:#FFFFFF}
.has-white-background-color{background-color:#FFFFFF}
.has-pale-pink-color{color:#F78DA7}
.has-pale-pink-background-color{background-color:#F78DA7}
.has-vivid-red-color{color:#CF2E2E}
.has-vivid-red-background-color{background-color:#CF2E2E}
.has-luminous-vivid-orange-color{color:#FF6900}
.has-luminous-vivid-orange-background-color{background-color:#FF6900}
.has-luminous-vivid-amber-color{color:#FCB900}
.has-luminous-vivid-amber-background-color{background-color:#FCB900}
.has-light-green-cyan-color{color:#7BDCB5}
.has-light-green-cyan-background-color{background-color:#7BDCB5}
.has-vivid-green-cyan-color{color:#00D084}
.has-vivid-green-cyan-background-color{background-color:#00D084}
.has-pale-cyan-blue-color{color:#8ED1FC}
.has-pale-cyan-blue-background-color{background-color:#8ED1FC}
.has-vivid-cyan-blue-color{color:#0693E3}
.has-vivid-cyan-blue-background-color{background-color:#0693E3}
.has-vivid-purple-color{color:#9B51E0}
.has-vivid-purple-background-color{background-color:#9B51E0}

/*iframe*/
.wznrys iframe{width: 100%;height:600px;}

/*mbx*/
.breadcrumb_loop{list-style:none;padding:0px;background:none;margin:0;display:flex;}
.breadcrumb_loop li{display:flex;margin: 5px 0px;color: #888888;}
.breadcrumb_loop li a{display:flex;font-weight: 600;color: #294b44;}
.breadcrumb_loop li a:after{content:'\F56A';font-family:'bootstrap-icons';margin:0px 5px;color:#ccc;}
.breadcrumb_loop li:last-child a:last-child:after{display:none}
@media (max-width:768px){
    .breadcrumb_loop{white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
}

/*fanye*/
.posts-nav{text-align:center;}
.posts-nav .page-numbers{color:var(--main);display:inline-block;padding: 12px 15px;font-size:12px;background:#fff;margin:0 2px;font-family:Arial;transition:all .6s;font-weight: 700;}
.posts-nav .current,.posts-nav .page-numbers:hover{color:#fff;background-color:var(--main);}



/*mobile_anniu*/
#mobile_right_nav{width:300px;border:none;background: #fff;overflow-y: auto;}
#mobile_right_nav .mobile_head{padding:15px 22px;color:#fff;background:#fff;}
#mobile_right_nav .mobile_head img{height:40px}
#mobile_right_nav .menu-zk{}
#mobile_right_nav .menu-zk li{line-height:60px;position:relative;}
#mobile_right_nav .menu-zk li a{font-size: 15px;display:block;border-bottom: 1px solid #0000000d;color: #1c332e;padding:0px 30px;}
#mobile_right_nav .menu-zk .sub-menu{display:none;background: #f8f9fa;}
#mobile_right_nav .menu-zk .sub-menu.show{display:block;}
#mobile_right_nav .menu-zk .sub-menu li{line-height: 54px;}
#mobile_right_nav .menu-zk .sub-menu li a{font-size:12px;color:#333;border-bottom: none;}
#mobile_right_nav .menu-zk .menu-item-has-children .czxjcdbs:before{content:"\F279";font-family:'bootstrap-icons';position:absolute;right:20px;top:15px;color:#ffffff;width:30px;height:30px;line-height:30px;text-align:center;display:block;cursor:pointer;background:var(--main);;border-radius:50%;font-size:10px;}
#mobile_right_nav .menu-zk .menu-item-has-children .kai:before{content:"\F27C";font-family:'bootstrap-icons';}


.faq_button[aria-expanded="false"]::after{content:'\F64D';font-family:'bootstrap-icons';font-size:18px;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.faq_button[aria-expanded="true"]::after{content:'\F64D';font-family:'bootstrap-icons';font-size:18px;transform:rotate(45deg);-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}


#quote_list{height: 100dvh;}
.quote_list_header{height: 72px;}
#quote_list_body{height: calc(100dvh - 132px);overflow-y: auto;}
.quote_list_footer{height: 60px;}
.quote_remove{opacity:1;}
@media (hover:hover) and (pointer:fine){.quote_remove{opacity:0;}
.quote_item:hover .quote_remove{opacity:1;}
}
.quote_qty{width:40px;border:0;text-align:center;padding:0;}
.quote_qty:focus{outline:0;}
.quote_list_form{width:calc(100% - 10px);background: var(--main);bottom:6px;opacity:0;visibility:hidden;transform:translateY(100%);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.quote_list_form.show{opacity:1;visibility:visible;transform:translateY(0);}


.banner_show{animation:white-shadow 2s infinite,red-shadow 2s infinite;background:#fff;}
.banner_show:hover{background:var(--main);}
@keyframes white-shadow{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.5);transition:box-shadow 0.5s ease-in-out,-webkit-box-shadow 0.5s ease-in-out;}
100%{box-shadow:0 0 0 40px transparent;transform:translate3d(0,0,0);transition:box-shadow 0.5s ease-in-out,-webkit-box-shadow 0.5s ease-in-out;}
}
@keyframes red-shadow{0%{box-shadow: 0 0 0 0 var(--main);}
100%{box-shadow:0 0 0 40px transparent;}
}

#contact_main{scroll-margin-top:78px;}
@media (max-width:768px){#contact_main{scroll-margin-top:56px;}
}

dialog::backdrop {
    background: rgb(0 0 0 / 60%) !important;
    backdrop-filter: blur(8px);
}


@media (max-width:768px){
.foot_nav_mobild{margin-bottom: 15px;}
.foot_nav_mobild .foot_nav{display:none;margin-top:20px;}
.foot_nav_mobild_btn.shows{transform:rotate(45deg);}
}



#sulo_navbar{top:78px;}
#sulo_navbar a{color:#b4b4b4;}
#sulo_navbar a.active{color:var(--main);}
@media (max-width:768px){
#sulo_navbar{top:56px;}
}

.big_fs{font-size: clamp(40px, 4vw, 60px);}
.title_fs{font-size: clamp(34px, 3vw, 48px);}
.medium_fs{font-size: clamp(24px, 3vw, 32px);}
.small_fs{font-size: clamp(20px, 3vw, 24px);}

@media (max-width:560px){
.big_fs{font-size:12vw;}
.title_fs{font-size:8vw;}
.medium_fs{font-size:6vw;}
.small_fs{font-size:5vw;}
}

/*mobile display*/
.cxs1200{display:none;}
.cxs992{display:none;}
.cxs768{display:none;}
@media (max-width:1200px){
.cxs1200{display:block!important;}
.bxs1200{display:none!important;}
}
@media (max-width:992px){
.cxs992{display:block!important;}
.bxs992{display:none!important;}
}
@media (max-width:768px){
.cxs768{display:block!important;}
.bxs768{display:none!important;}
}