/* ------------ COMMON -----------*/
body { background-color: white; }
#content { background-color: white; }

/* ----------- header ---------- */
header.header {
    position: sticky;
    top: 0; height:96px;
    z-index: 100;
}
#navbar4section {
    position: sticky;
    top: 96px;
    !important; /* Use your header's height */
    overflow: hidden;
    background-color: #ffffff;
    z-index: 100;
    border: 1px solid silver;
    border-radius: 10px;
    margin-top:10px;
}
    #navbar4section a {
        float: left;
        display: block;
        color: #000000;
        text-align: center;
        padding: 5px 10px 5px 10px;
        /*14px 16px;*/
        text-decoration: none;
        font-size: 13px;
    }

        #navbar4section a:hover {
            background-color: #ccc;
            // #ddd color: black;
        }

        #navbar4section a.active {
            background-color: #04AA6D;
            color: white;
        }


    #navbar4section .nav-left {
        float: left;
    }

    #navbar4section .nav-right {
        float: right;
    }

.cat_section_box[id] {
    scroll-margin-top: 150px; /* Adjust as needed */
}

/* --------------------- */
h1{ font-size:1.8rem; }

h2 { font-size:1.6rem;  margin-top:30px; }

/*
h3.title { margin-top: 20px;  border-bottom: 1px solid #8CC63E; }
h3.title:first-line{  background:#8CC63E;  color:#fff; }  
h3.title strong { margin:10px 50px 10px 50px;   }
*/
h3 { font-size:1.3rem;  font-weight: bold; }
h3.title { margin-top: 50px; background-color:#fff;  color:#fff; border-bottom: 1px solid #8CC63E; }
h3.title strong { background-color:#8CC63E;   
    margin:10px 0px 10px 00px; padding: 0px 50px 0px 50px; border: 1px solid #8CC63E;   
}

/* ---- Cart ---- */
#shop_cart_item_count_badge {
    background-color:red; color:#fff; margin-left: 3px;  padding-left: 3px; padding-right: 3px;  text-align: center;
}

/* --------------------- */
.table th, .table td {
  border: 1px solid gray;
  border-collapse: collapse;
}


#top {  background:#fff; }
#top ul.menu > li a { color: #000; }
        .navbar .navbar-nav > .nav-item > .nav-link {
            padding:  5px 20px !important;
        }
.header { margin-bottom:3px!important; }

.breadcrumb-item + .breadcrumb-item::before {
            content: "\203A";   /* rsaquo: single right angle quotation */
}

#header_top_shopping_cart_counter {
    background-color: red;
    color:white;
}




/* -------- CATALOG ------------- */



.home_cat_list_left_ul {
    padding-left: 0;
    list-style-type: none;
}

/* -------- table_title_box ------------- */
table.table_title_box {   border-collapse: collapse;  }
table.table_title_box th { background-color: whitesmoke; border:1px solid silver; text-align: center; padding:2px;}
table.table_title_box td { border:1px solid silver;}


.top-search-group { margin-bottom: 2px; }


/* --------  ------------- */
.home_cat_list {
    
    
}
.home_cat_list_count_div {
    text-align: right; 
    border-bottom:1px solid silver;
    margin-bottom: 5px;
}
.home_cat_list_div {
    margin-top: 5px;
    border-bottom:1px solid silver;
    min-height: 105px;
    clear: both;
}

.catalog_list_pagination {
    margin-top: 20px;
}

#cat_catalog_list {

}

div.cat_catalog_inquire {
    margin-top: 20px;
}


#overview_page { padding-top: 0px; }
.cat_catalog_image { text-align: center; }
.cat_catalog_image img { max-height: 300px; padding-top: 50px; }

#cat_catalog_list table { width:100%; border:1px solid #dedede; }
#cat_catalog_list th { height:50px; font-weight:700;  }
#cat_catalog_list tr th:nth-child(6) {  width: 50px;   }
#cat_catalog_list td { height:50px; font-size:14px; border-top: solid 2px #dedede; }
#cat_catalog_list tr th:first-child { width: 50px; min-width: 50px; max-width: 50px;  word-break: break-all; }
#cat_catalog_list tr th:nth-child(2) { min-width:120px;  }
#cat_catalog_list tr th:nth-child(3) { min-width:120px;  }
#cat_catalog_list tr td:first-child { text-align:center; font-size:30px; color:gray; }
#cat_catalog_list tr td:nth-child(2) { font-size:18px;  }
#cat_catalog_list tr td:nth-child(5) { text-align:center;   }


#cat_section_ProductOverview { position: relative; min-height:400px;  }

.cat_section_box { margin-top:0px;  padding:10px; background-color: #fff; }
#cat_section_Specification { float: right ; width:450px;  border:1px solid silver; margin-left: 20px; margin--bottom: 20px; }
#cat_section_Specification table {  }
#cat_section_Specification th { width: 30%;  white-space: nowrap; }
#cat_section_Specification h2 {   }
#cat_section_Specification th.group_title  { text-align: center; background-color:silver ; }
#cat_section_Specification div.specification_comment  {  }



#cat_section_Figure img { margin-top: 20px; }
#cat_section_Figure div.figure_each_item  {  margin-top: 30px; }
#cat_section_Figure div.figure_group_title { font-size: 18px; font-weight: bold; color:green; margin-bottom: 10px;  }
.cat_section_figure_title { font-weight: bold; }
.cat_section_figure_image {  }

.cat_section_figure_hideContent {  overflow: hidden; line-height: 1em; height: 2em; }
.cat_section_figure_showContent {  line-height: 1em;  height: auto;  }
.cat_section_figure_text_show-more a {cursor: pointer; color: blue;}

.cat_section_document_group { font-size:20px;  margin-top: 18px; }
.cat_section_document_file  { font-size:16px;   }

.cat_section_faq_group_title {
    font-size:18px; font-weight: bold; margin-top:10px; 
}

.cat_section_faq_question {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-bottom:1px solid #ccc;
}
.faq_active, .cat_section_faq_question:hover {    background-color: #ccc; }
.cat_section_faq_question:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .faq_active:after {
    content: "\2212";
  }

.cat_section_faq_answer {   padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;  
}


#SECTION_DEBUG {

}


/* ------- us/home/cat-list -------------- */
.home_cat_list_div {  }
.home_cat_list_div .empty_img_div { float: left;  width:100px; height: 80px; border: 1px solid red; }
.home_cat_list_div .img_div { 
    float: left;  width:100px; height: 100px;   margin-right: 20px;  margin-bottom: 20px; border: 0;
}

/* ------- us/home/page -------------- */
.home_page_left_column {
    background-color: whitesmoke;
}