@charset "UTF-8";

/*
Theme Name: Chun Ni
Theme URI: https://glenlau.cn/themes/chunni/
Author: Glen Liu
Author URI: https://glenlau.cn/
Description: sheng zheng Chun Ni business website.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
Text Domain: chunni
Tags: chunni, website, factory,
*/

body{font-family: Arial,Helvetica,sans-serif; color:#34212B;}
h1, h2, h3, h4, h5, h6 {font-family: Arial,Helvetica,sans-serif; font-weight: 600; /*"Microsoft YaHei",*/ color: #297BB3;}
.site-title{color: #297BB3;}
.box-shadow { display: flex; justify-content: start; align-items: center; background: #fff; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); margin: 50px 0; padding: 20px;}

/* header */
.header-top-social{display: flex;}

/* sidebar */
.social-share-link ul{display: flex;}

/* footer */
.footer-area::before{background: #297BB3;}
.footer-contact li{margin-bottom: 10px;}
.footer-company-title{ color: #ffffff;}

/* about */
.about .counter-box .counter{ display: unset;}
.about .counter-box .plus{ font-size: 20px; color: #ffffff;}

/* single */
.single h3.blog-details-title {font-size: 24px;}
/* blog single */
.single .site-breadcrumb {padding-top: 50px; padding-bottom: 50px;}
.single .author-social { display: flex;}
/* product single */
.inquiry-tips{ text-align:center;}
.inquiry-tips .content{ margin:20px auto;}
.product .blog-single-content .blog-meta{align-items:unset; margin-right: calc(var(--bs-gutter-x) * 0); margin-left: calc(var(--bs-gutter-x) * 0);}
.product .blog-single-content .blog-thumb-img{ text-align: center; }
.product .blog-single-content .blog-thumb-img,
.product .blog-single-content .content-items{ border:1px solid #cfcfcf; padding: 10px;}
.product .blog-single-content .content-items table tr{border-bottom:1px solid #cfcfcf;}
.product .blog-single-content .content-items table tr:last-child{ border: none;}
.product .blog-single-content .content-pdf-download{ padding: 10px;}
.product .blog-single-content .blog-meta .blog-meta-right{ }
.product .blog-single-content .blog-details-content{margin-right:0; margin-left:0;}
.product .blog-single-content .blog-details-content .heading{ margin-bottom: 15px;}
.product .blog-single-content .blog-details-content .product-specification table { }
.product .blog-single-content .blog-details-content .product-specification table tr{border-bottom:1px solid #cfcfcf;}
.product .blog-single-content .blog-details-content .product-specification table th{ background-color: #efefef;}
.product .blog-single-content .blog-details-content .product-specification table th,
.product .blog-single-content .blog-details-content .product-specification table td{ padding: 5px;}

.product-list .dline {border-bottom:1px solid #ced4da; height:5px; margin-bottom:10px;}
.product-list .blog-item-info{padding:10px 0;}
table.parameter{width:100%; padding:5px;}
table.parameter th,
table.parameter td{ font-size:14px;}

/* seled table */
img.selection-img{max-height:300px;}
.card { margin-bottom:20px; background-color: #ffffff; width: 100%; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; /*  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5); */ }  .table-concept { width: 100%; height: 100%; max-height: 100%; overflow: auto; box-sizing: border-box; } .table-concept .table-radio { display: none; } .table-concept .table-radio:checked + .table-display { display: block; } .table-concept .table-radio:checked + .table-display + table { width: 100%; display: table; } .table-concept .table-radio:checked + .table-display + table + .pagination { display: flex; } .table-concept .table-radio:checked + .table-display + table + .pagination > label.active { color: #ffffff; background-color: dimgray; cursor: default; } .table-concept .table-radio:checked + .table-display + table + .pagination > label.disabled { color: #ffffff; background-color: #b5b5b5; cursor: default; } .table-concept .table-display { background-color: #ffffff; text-align: right; padding: 10px; display: none; position: sticky; left: 0; } .table-concept table { background-color: #ffffff; font-size: 16px; border-collapse: collapse; display: none; } .table-concept table tr:last-child td { border-bottom: 0; } .table-concept table tr th, .table-concept table tr td { text-align: left; padding: 15px; box-sizing: border-box; } .table-concept table tr th { color: #ffffff; font-weight: normal; background-color: #8f8f8f; border-bottom: solid 2px #d8d8d8; position: sticky; top: 0; } .table-concept table tr td { border: solid 1px #d8d8d8; border-left: 0; border-right: 0; white-space: nowrap; } .table-concept table tbody tr { transition: background-color 150ms ease-out; } .table-concept table tbody tr:nth-child(2n) { background-color: whitesmoke; } .table-concept table tbody tr:hover { background-color: #ebebeb; } .table-concept .pagination { background-color: #8f8f8f; width: 100%; display: none; position: sticky; bottom: 0; left: 0; } .table-concept .pagination > label { background-color: #8f8f8f; color: #ffffff; padding: 10px; cursor: pointer; } .table-concept .pagination > label:hover { background-color: darkgray; } .table-concept .pagination > label:active { background-color: #767676; }  .table-title { color: #ffffff; background-color: #2f2f2f; padding: 15px; } .table-title h2 { margin: 0; padding: 0; }  .button-container { width: 100%; box-sizing: border-box; display: flex; justify-content: flex-end; } .button-container span { color: #8f8f8f; text-align: right; min-height: 100%; display: flex; align-items: center; justify-content: center; margin-left: 10px; margin-right: 10px; } .button-container button { font-family: inherit; font-size: inherit; color: #ffffff; padding: 10px 15px; border: 0; margin: 0; outline: 0; border-radius: 0; transition: background-color 225ms ease-out; } .button-container button.primary { background-color: #147eff; } .button-container button.primary:hover { background-color: #479aff; } .button-container button.primary:active { background-color: #0065e0; } .button-container button.primary { background-color: #147eff; } .button-container button.primary:hover { background-color: #479aff; } .button-container button.primary:active { background-color: #0065e0; } .button-container button.danger { background-color: #d11800; } .button-container button.danger:hover { background-color: #ff2205; } .button-container button.danger:active { background-color: #9e1200; } .button-container button svg { fill: #ffffff; vertical-align: middle; padding: 0; margin: 0; }
.selection-feature table tr{ border: solid 1px #cfcfcf;}
.selection-feature table td{ padding: 5px 10px; }