#content_container {
    color: var(--color_dark_gray);
}
#content_container #products_container h2 {
    color: var(--color_h2);
    font-family: var(--font_section_en_large);
    font-size: 20pt;
    border-bottom: 1px solid rgb(0, 118, 173);
    margin-bottom: 4px;
}

#content_container #products_container h2:hover {
    box-shadow: 0px 4px 6px rgba(50,50,50,0.10);
}

#content_container #products_container h3 {
    color: var(--color_h3);
    font-family: var(--font_section_en_large);
    font-size: 20pt;
    border-left: 3px solid rgb(0, 179, 255) transparent;
    border-bottom: 1px solid rgb(160, 181, 190);
    margin-bottom: 16px;
}

#content_container #products_container h3:hover {
    padding-left: 8px;
    border-left: 3px solid rgb(0, 179, 255);
    border-bottom: 1px solid rgb(201, 219, 226);
    animation-name: home_product_h3_animation;
    animation-duration: 0.5s;
}
@keyframes home_product_h3_animation {
    from {
        padding-left: 3px;
        border-left: 3px solid rgb(253, 254, 255);
    }
    to {
        padding-left: 8px;
        border-left: 3px solid rgb(0, 179, 255);
    }
}

#products_container b {
    color: var(--text_hilight_color);
    font-weight: normal;
}

#products_container ul {
    padding-left: 24px;
}

#products_container #parameter_table{
    background-color: rgb(255,255,255);
}

#products_container #parameter_table th{
    background-color: rgb(235, 235, 235);
    font-weight: normal;
    padding: var(--padding_16px);
}
#products_container #parameter_table th:hover{
    background-color: var(--home_menu_bg); /*rgb(235, 235, 235);*/
    font-weight: normal;
}
#products_container #parameter_table tr{
    background-color: rgb(200,200,200);
}

#products_container #parameter_table td{
    background-color: var(--home_menu_bg);
    padding: var(--padding_16px);
    font-size: 11pt;
}

#products_container #parameter_table td:hover{
    background-color: var(--content_bg_light_gray);
}

#products_container #product_menu ul{
    list-style-type: none;
    width: 100% !important;
    margin: 0;
    margin-top: 16px;
    padding: 0;
}
#products_container #product_menu ul li{
    /*display: inline;*/
    width: 100% !important;
    margin-bottom: 2px;
}
#products_container #product_menu ul li a{
    background-color: var(--home_menu_bg);
    color: rgb(80,80,80);
    font-family: 'Noto Sans Thai', sans-serif;
    display: block;
    text-decoration: none;
    padding: var(--padding_8px);
    border-radius: 4px 4px 4px 4px;
}
#products_container #product_menu ul li a:hover{
    background-image: var(--theme_blue_gradient_to_right);
    /*background-color: rgb(114, 14, 14);*/
    color: rgb(255,255,255);
    text-align: right;
    width: 100%;
    animation-name: product_menu_animation;
    animation-duration: 0.5s;
    box-shadow: 4px 0px 12px rgba(0,0,0,0.30);
}
@keyframes product_menu_animation {
    from {
        background-color: var(--theme_blue_gradient_to_left);
        width: 90%;
    }
    to {
        background-color: rgb(32, 96, 214);
        width: 110%;
    }
}

#product_section_about, 
#product_section_head,
#product_section_neck,
#product_section_bottom_structures,
#product_section_comm,
#product_section_patrol,
#product_section_control_system,
#product_section_table
{
    position: absolute;
    left: -3000px;
    top: -3000px;
    display: none;
}

#product_section_5g_lierda,
#product_section_5g_evk,
#product_section_5g_module,
#product_section_5g_terminal {
    position: absolute;
    left: -3000px;
    top: -3000px;
    display: none;
}

#product_section_arvr_rokid_air,
#product_section_arvr_rokid_airpro,
#product_section_arvr_rokid_glass2,
#product_section_arvr_xcraft,
#product_section_arvr_rokid_exp {
    position: absolute;
    left: -3000px;
    top: -3000px;
    display: none;
}

.url_links a {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 12pt;
    text-decoration: none;
    color: rgb(0, 0, 0);
    padding: 10px 8px 10px 8px;
}

.url_links a:hover {
    color: rgb(0, 4, 255);
    background-color: var(--content_bg_light_gray);
    border-left: 1px solid rgb(0, 0, 0);
    border-right: 1px solid rgb(0, 0, 0);
    /*border-radius: 6px 6px 6px 6px;*/
}



.product_image_block {
    vertical-align: top;
}

.product_image_block img {
    border-radius: 16px;
    padding: 8px;
    animation-name: product_img_animation;
    animation-duration: 0.5s;
    animation-fill-mode: reverse;
}
@keyframes product_img_animation {
    from {
        padding: 0px;
    }
    to {
        padding: 8px;
    }
}
.product_image_block img:hover {

    animation-name: product_img_hover_animation;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
@keyframes product_img_hover_animation {
    from {
        padding: 8px;
        opacity: 0.8;
    }
    to {
        padding: 0px;
        opacity: 1.0;
    }
}

.normal_ul {
}
.normal_ul li {
    padding-bottom: 10px;
}
.normal_ul li:hover {
    color: var(--text_hilight_color);
    /*animation-name: product_ul_animation;
    animation-duration: 0.5s;*/
}
@keyframes product_ul_animation {
    from {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    to {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}