@media screen and (max-width:767px) {
    .frame_all{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #ares_video{
        width: 100%;
        height: 80em;
    }

    #index_video{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    #hot_product{
        margin-top: 10em;
        width: clamp(55rem, 80%, 130rem);
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #hot_product_header{
        width: 65rem;
        font-weight: 800;
        display: grid;
        grid-template-columns: minmax(10rem, 0fr) auto;
        grid-template-rows: auto;
        grid-column-gap: 2rem;
        justify-content: center;
        align-items: center;
    }

    #hot_product_header_div{
        font-size: 6rem;
        color: #0A0044;
    }

    #hot_product_content_tab{
        width: 100%;
        height: 35em;
        margin-top: 1.2em;
        display:grid;
        grid-template-columns: minmax(70rem, 130rem);
        grid-template-rows: 34% 33% 34%;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 2em;
        background-color: #fff;
        /* border: #0A0044 solid .1em; */

    }

    .product_content_style_change{
        height: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: 4rem;
    }

    .product_content_currect_status{
        height: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: 4rem;
        font-weight: 800;
        color: #F5F8FF;
        background-color:  #0A0044;
    }

    #hot_product_content_info{
        width: 100%;
        height: 130em;
        margin-top: 5em;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 5%;
        grid-template-rows: 100%;
        align-items: center;
        justify-content: center;
        /* background-color: #0A0044; */
    }

    .hot_product_content_info_frame{
        width: 100%;
        height: 100%;
    }

    .hot_product_content_info_probably{
        width: 100%;
        height: 100%;
        /* background-color: #fff; */
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: 48% 48%;
        grid-column-gap: 10%;
        grid-row-gap: 2%;
        transition: .3s;
        place-content:center;
    }

    .hot_product_content_info_probably_button{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        font-size: 3rem;
        cursor: pointer;
        /* cursor: pointer; */
    }

    .hot_product_content_info_details_ares{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 30% 20% 40% 10%;
        background-color: #fff;
        padding: 1em;
        border-radius: 1.5em;
        text-align: center;
        cursor: pointer;
    }

    .hot_product_content_info_details_ares_img{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0A0044;
    }

    .hot_product_content_info_details_ares_main_title{
        display: grid;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        font-size: 4rem;
        font-weight: 800;
        word-break: break-all;
    }

    .hot_product_content_info_details_ares_sub_title{
        font-size: 3rem;
        overflow: hidden;
    }

    .hot_product_content_info_details_ares_button{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .hot_product_content_info_details_ares_button_div{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 90%;
        border-radius: .5em;
        /* border: #0A0044 solid .12em; */
        font-size: 3rem;
    }


    .hot_product_content_info_details_ares_isnull{
        grid-column-start:1;
        grid-column-end:3;
        background-color: #fff;
        display: grid;
        align-items: center;
        justify-content: center;
        font-size: 4rem;
        font-weight: 800;
        letter-spacing: .2rem;
        border-radius: 1rem;
        color: #0A0044;
    }


    #hot_product_content_botton{
        margin-top: 1em;
        width: clamp(57em, 70%, 80em);
        height: 15em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 50% 30%;
        grid-row-gap: 20%;
        align-items: center;
        justify-content: center;
        letter-spacing: .1em;
    }

    #hot_product_content_botton_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 40% 40%;
        grid-template-rows: 100%;
        grid-column-gap: 20%;
    }

    .hot_product_content_botton_div_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: minmax(6rem, 0fr) minmax(16rem, 25rem);
        grid-template-rows: 100%;
        /* border: #0A0044 solid .1em; */
        border-radius: 1em;
        background-color: #fff;
    }


    .hot_product_content_botton_div_div2{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: minmax(16rem, 25rem) minmax(6rem, 0fr);
        grid-template-rows: 100%;
        font-size: 1.5rem;
        /* border: #0A0044 solid .1em; */
        border-radius: 1em;
        background-color: #fff;
    }



    #hot_product_content_botton_div3{
        font-size: 3rem;
        text-align: center;
    }


    #show_content{
        margin-top: 40em;
        width: clamp(60rem, 77%, 130rem);
        color: #0A0044;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #show_content_div{
        font-weight: 800;
        font-size: 6rem;
        text-align: center;
    }

    #show_content_div2{
        font-style: italic;
        margin-top: 1.5em;
        font-size: 4rem;
        text-align: center;
    }

    #show_content_div3{
        margin-top: 10em;
        width: clamp(50em, 80%, 100em);
    }


    .show_content_div3_div{
        margin-top:10em;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 20em 5em auto auto;
    }

    .show_content_div3_div_svg{
        color: #4255ff;
    }

    .show_content_div3_div_svg2{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 6rem;
        font-weight: 800;
        text-align: center;
    }

    .show_content_div3_div_svg3{
        margin-top:1em;
        text-align: center;
        font-size: 4rem;
    }

    #our_ares{
        margin-top: 40em;
        width: clamp(3rem, 80%, 130rem);
        height: 340em;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .our_ares_main_title{
        text-align: center;
        width: 100%;
        color: #0A0044;
        font-size: 6rem;
        font-weight: 800;
    }

    .our_ares_subtitle{
        margin-top: .6em;
        text-align: center;
        width: 100%;
        font-size: 4rem;
    }

    .our_ares_content{
        margin-top: 10em;
        width: 100%;
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: auto;
        grid-column-gap: 10%;
        grid-row-gap: 15em;
    }

    .our_ares_content_div{
        width: 100%;
        height: 50em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 35% 5% 35% 25%;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div_svg{
        color: #0A0044;
        color: #4255ff;
    }

    .our_ares_content_div_div_svg2{
        color: #0A0044;
        font-weight: 800;
        font-size: 4rem;
        text-align: center;
    }

    .our_ares_content_div_div_svg3{
        width: 100%;
        height: 60%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div_div{
        width: clamp(8em, 70%, 10em);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: #0A0044 solid .1em;
        border-radius: .5em;
        font-size: 3rem;
    }



    #news_frame{
        margin-top: 40em;
        width: clamp(57rem, 80%, 80rem);
        height: auto;
        color: #0A0044;
        display: flex;
        align-items: center;
        /* justify-content: center;  */
        flex-direction: column;

    }

    #news_frame_title{

        font-weight: 800;
        width: 100%;
        /* height: 5em; */
        text-align: center;
        font-size: 6rem;
    }

    #news_frame_content{
        margin-top: 4em;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 100%;
        grid-row-gap: 10em;
        align-items: center;
        justify-content: center;
    }

    .news_frame_content_div_all{
        width: 100%;
        background-color: #fff;
        border-radius: 2em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 45em auto;
        overflow: hidden;
        color: #0A0044;
        transform: scale(1);
        box-shadow: #0A0044 0 0 0 0;
        cursor: pointer;
        transition: .3s;
    }


    .news_frame_content_div{
        height: 100%;
        width: 100%;

    }

    .news_frame_content_div_div2{
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        grid-row-gap:2em;
    }

    .news_frame_content_div_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .news_frame_content_div_img2{
        width: 100%;
        transform: scale(1);
        transition: .3s;
    }


    .news_frame_content_div_main_title{
        height: 100%;
        width: 100%;
        font-size: 4.5rem;
        font-weight: 800;
        display: flex;
        align-items: center;
    }

    .news_frame_content_div_sub_title{
        font-size: 4rem;
    }

    .news_frame_content_div_date{
        font-size: 3rem;
    }

    #news_frame_content_div{
        margin-top: 2em;
        padding: 3%;
        border: #0A0044 solid .1em;
        border-radius: .5em;
        font-size: 4rem;
        cursor: pointer;
    }




    #search_our_product{
        margin-top: 40em;
        width: clamp(55rem, 80%, 130rem);
        border-radius: 1em;
        overflow: hidden;
        padding: 1em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto 50rem;
        grid-row-gap:5rem;
        margin-bottom: 5em;
    }

    .search_our_product_div{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        color: #0A0044;
        letter-spacing: .05rem;
    }

    .search_our_product_div_div{
        font-weight: 800;
        font-size: 6rem;
    }

    .search_our_product_div_div1_2{
        width: 100%;
        font-weight: 800;
        font-size: 4rem;
        margin-top:3rem;
    }

    .search_our_product_div_div2{
        width: 50rem;
        height:100%;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 25% 25% 25% 25%;
        grid-column-gap: 1rem;
        place-self:center;
    }

    .search_our_product_div_div2_div{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .search_our_product_div_div2_div_div{
        width: 100%;
        height: 80%;
        border-radius: 2em;
        border: #0A0044 solid .3em;
        display: grid;
        grid-template-columns: minmax(15rem, 0fr) auto;
        grid-template-rows: 100%;
    }

    .search_our_product_div_div2_div_div_img{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }


    .search_our_product_div_div2_div_div_font{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 3.5rem;
        font-weight: 800;
    }



}





@media (min-width:768px) and (max-width:1023px) {
    .frame_all{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #ares_video{
        width: 100%;
        height: 80em;
    }

    #index_video{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    #hot_product{
        margin-top: 10em;
        width: clamp(55rem, 80%, 130rem);
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #hot_product_header{
        width: 65rem;
        font-weight: 800;
        display: grid;
        grid-template-columns: minmax(10rem, 0fr) auto;
        grid-template-rows: auto;
        grid-column-gap: 2rem;
        justify-content: center;
        align-items: center;
    }

    #hot_product_header_div{
        font-size: 6rem;
        color: #0A0044;
    }

    #hot_product_content_tab{
        width: 100%;
        height: 35em;
        margin-top: 1.2em;
        display:grid;
        grid-template-columns: minmax(70rem, 130rem);
        grid-template-rows: 34% 33% 34%;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 2em;
        background-color: #fff;
        /* border: #0A0044 solid .1em; */

    }

    .product_content_style_change{
        height: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: 4rem;
    }

    .product_content_currect_status{
        height: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: 4rem;
        font-weight: 800;
        color: #F5F8FF;
        background-color:  #0A0044;
    }

    #hot_product_content_info{
        width: 100%;
        height: 130em;
        margin-top: 5em;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 5%;
        grid-template-rows: 100%;
        align-items: center;
        justify-content: center;
        /* background-color: #0A0044; */
    }

    .hot_product_content_info_frame{
        width: 100%;
        height: 100%;
    }

    .hot_product_content_info_probably{
        width: 100%;
        height: 100%;
        /* background-color: #fff; */
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: 48% 48%;
        grid-column-gap: 10%;
        grid-row-gap: 2%;
        transition: .3s;
        place-content:center;
    }

    .hot_product_content_info_probably_button{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        font-size: 3rem;
        cursor: pointer;
        /* cursor: pointer; */
    }

    .hot_product_content_info_details_ares{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 30% 20% 40% 10%;
        background-color: #fff;
        padding: 1em;
        border-radius: 1.5em;
        text-align: center;
        cursor: pointer;
    }

    .hot_product_content_info_details_ares_img{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0A0044;
    }

    .hot_product_content_info_details_ares_main_title{
        display: grid;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        font-size: 4rem;
        font-weight: 800;
        word-break: break-all;
    }

    .hot_product_content_info_details_ares_sub_title{
        font-size: 3rem;
        overflow: hidden;
    }

    .hot_product_content_info_details_ares_button{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .hot_product_content_info_details_ares_button_div{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 90%;
        border-radius: .5em;
        /* border: #0A0044 solid .12em; */
        font-size: 3rem;
    }


    .hot_product_content_info_details_ares_isnull{
        grid-column-start:1;
        grid-column-end:3;
        background-color: #fff;
        display: grid;
        align-items: center;
        justify-content: center;
        font-size: 4rem;
        font-weight: 800;
        letter-spacing: .2rem;
        border-radius: 1rem;
        color: #0A0044;
    }


    #hot_product_content_botton{
        margin-top: 1em;
        width: clamp(57em, 70%, 80em);
        height: 15em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 50% 30%;
        grid-row-gap: 20%;
        align-items: center;
        justify-content: center;
        letter-spacing: .1em;
    }

    #hot_product_content_botton_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 40% 40%;
        grid-template-rows: 100%;
        grid-column-gap: 20%;
    }

    .hot_product_content_botton_div_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: minmax(6rem, 0fr) minmax(16rem, 25rem);
        grid-template-rows: 100%;
        /* border: #0A0044 solid .1em; */
        border-radius: 1em;
        background-color: #fff;
    }


    .hot_product_content_botton_div_div2{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: minmax(16rem, 25rem) minmax(6rem, 0fr);
        grid-template-rows: 100%;
        font-size: 1.5rem;
        /* border: #0A0044 solid .1em; */
        border-radius: 1em;
        background-color: #fff;
    }



    #hot_product_content_botton_div3{
        font-size: 3rem;
        text-align: center;
    }


    #show_content{
        margin-top: 40em;
        width: clamp(60rem, 77%, 130rem);
        color: #0A0044;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #show_content_div{
        font-weight: 800;
        font-size: 6rem;
        text-align: center;
    }

    #show_content_div2{
        font-style: italic;
        margin-top: 1.5em;
        font-size: 4rem;
        text-align: center;
    }

    #show_content_div3{
        margin-top: 10em;
        width: clamp(50em, 80%, 100em);
    }


    .show_content_div3_div{
        margin-top:10em;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 20em 5em auto auto;
    }

    .show_content_div3_div_svg{
        color: #4255ff;
    }

    .show_content_div3_div_svg2{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 6rem;
        font-weight: 800;
        text-align: center;
    }

    .show_content_div3_div_svg3{
        margin-top:1em;
        text-align: center;
        font-size: 4rem;
    }

    #our_ares{
        margin-top: 40em;
        width: clamp(3rem, 80%, 130rem);
        height: 340em;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .our_ares_main_title{
        text-align: center;
        width: 100%;
        color: #0A0044;
        font-size: 6rem;
        font-weight: 800;
    }

    .our_ares_subtitle{
        margin-top: .6em;
        text-align: center;
        width: 100%;
        font-size: 4rem;
    }

    .our_ares_content{
        margin-top: 10em;
        width: 100%;
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: auto;
        grid-column-gap: 10%;
        grid-row-gap: 15em;
    }

    .our_ares_content_div{
        width: 100%;
        height: 50em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 35% 5% 35% 25%;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div_svg{
        color: #0A0044;
        color: #4255ff;
    }

    .our_ares_content_div_div_svg2{
        color: #0A0044;
        font-weight: 800;
        font-size: 4rem;
        text-align: center;
    }

    .our_ares_content_div_div_svg3{
        width: 100%;
        height: 60%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div_div{
        width: clamp(8em, 70%, 10em);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: #0A0044 solid .1em;
        border-radius: .5em;
        font-size: 3rem;
    }



    #news_frame{
        margin-top: 40em;
        width: clamp(57rem, 80%, 80rem);
        height: auto;
        color: #0A0044;
        display: flex;
        align-items: center;
        /* justify-content: center;  */
        flex-direction: column;

    }

    #news_frame_title{

        font-weight: 800;
        width: 100%;
        /* height: 5em; */
        text-align: center;
        font-size: 6rem;
    }

    #news_frame_content{
        margin-top: 4em;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 110em 110em 110em;
        grid-row-gap: 10em;
        align-items: center;
        justify-content: center;
        /* overflow: hidden; */
    }

    .news_frame_content_div_all{
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 2em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 40% 60%;
        overflow: hidden;
        color: #0A0044;
        transform: scale(1);
        box-shadow: #0A0044 0 0 0 0;
        cursor: pointer;
        transition: .3s;
    }


    .news_frame_content_div{
        height: 100%;
        width: 100%;

    }

    .news_frame_content_div_div2{
        height: 98%;
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 35% 60% 5%;

    }

    .news_frame_content_div_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .news_frame_content_div_img2{
        width: 100%;
        transform: scale(1);
        transition: .3s;
    }


    .news_frame_content_div_main_title{
        height: 100%;
        width: 100%;
        font-size: 4.5rem;
        font-weight: 800;
        display: flex;
        align-items: center;
    }

    .news_frame_content_div_sub_title{
        font-size: 4rem;
    }

    .news_frame_content_div_date{
        font-size: 3rem;
    }

    #news_frame_content_div{
        margin-top: 2em;
        padding: 3%;
        border: #0A0044 solid .1em;
        border-radius: .5em;
        font-size: 4rem;
        cursor: pointer;
    }




    #search_our_product{
        margin-top: 40em;
        width: clamp(55rem, 80%, 130rem);
        border-radius: 1em;
        overflow: hidden;
        padding: 1em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto 50rem;
        grid-row-gap:5rem;
        margin-bottom: 5em;
    }

    .search_our_product_div{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        color: #0A0044;
        letter-spacing: .05rem;
    }

    .search_our_product_div_div{
        font-weight: 800;
        font-size: 6rem;
    }

    .search_our_product_div_div1_2{
        width: 100%;
        font-weight: 800;
        font-size: 4rem;
        margin-top:3rem;
    }

    .search_our_product_div_div2{
        width: 50rem;
        height:100%;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 25% 25% 25% 25%;
        grid-column-gap: 1rem;
        place-self:center;
    }

    .search_our_product_div_div2_div{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .search_our_product_div_div2_div_div{
        width: 100%;
        height: 80%;
        border-radius: 2em;
        border: #0A0044 solid .3em;
        display: grid;
        grid-template-columns: minmax(15rem, 0fr) auto;
        grid-template-rows: 100%;
    }

    .search_our_product_div_div2_div_div_img{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }


    .search_our_product_div_div2_div_div_font{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 3.5rem;
        font-weight: 800;
    }
}



@media (min-width:1024px) {
    .frame_all{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #ares_video{
        width: 100%;
        height: 35em;
    }

    #index_video{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    #hot_product{
        width:clamp(57rem, 90%, 70rem);
        margin-top: 4em;
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #hot_product_header{
        width: 30rem;
        font-size: 3rem;
        font-weight: 800;
        color: #0A0044;
        letter-spacing: .01em;
        display: grid;
        grid-template-columns: minmax(4.5rem, 0fr) minmax(13rem, 0fr);
        grid-template-rows: auto;
        justify-content: center;
        align-items: center;
    }

    #hot_product_content_tab{
        height: 2.5em;
        margin-top: 1.2em;
        display:grid;
        grid-template-columns: minmax(15rem, 0fr) minmax(15rem, 0fr) minmax(15rem, 0fr);
        grid-template-rows: 100%;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: .8em;
        /* border: #0A0044 solid .1em; */
        background-color: #fff;

    }

    .product_content_style_change{
        height: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
    }

    .product_content_style_change:hover{
        font-weight: 800;
        color: #F5F8FF;
        background-color:  #0A0044;
        transition: background-color .2s ease;
        cursor: pointer;
    }

    .product_content_currect_status{
        height: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        font-weight: 800;
        color: #F5F8FF;
        background-color:  #0A0044;
    }

    #hot_product_content_info{
        width: 100%;
        height: 25em;
        margin-top: 1em;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 5%;
        grid-template-rows: 100%;
        align-items: center;
        justify-content: center;
    }

    .hot_product_content_info_frame{
        width: 100%;
        height: 100%;
        /* overflow: hidden; */
    }

    .hot_product_content_info_probably{
        height: 100%;
        display: grid;
        grid-template-columns: 24% 24% 24% 24%;
        grid-template-rows: 100%;
        grid-column-gap: 2%;
        transition: .3s;
        place-content:center;
    }

    .hot_product_content_info_probably_button{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* color: #0A0044; */
    }

    .hot_product_content_info_details_ares{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 30% 20% 40% 10%;
        background-color: #fff;
        border-radius: 1.5em;
        text-align: center;
        overflow: hidden;
        transform: scale(1);
        transition: .3s;
        cursor: pointer;
    }

    .hot_product_content_info_details_ares:hover{
        box-shadow: #0A0044 0 0 .8em .1em;
        transform: scale(1.01);
        transition: .3s;
    }

    .hot_product_content_info_details_ares_img{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        background-color: #fff;
    }



    .hot_product_content_info_details_ares_main_title{
        display: grid;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        font-size: 1.5rem;
        font-weight: 800;
        word-break: break-all;

    }

    .hot_product_content_info_details_ares_sub_title{
        width: 94%;
        height: 90%;
        font-size: 1rem;
        padding: 3%;
        overflow: hidden;
    }

    .hot_product_content_info_details_ares_button{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .hot_product_content_info_details_ares_button_div{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80%;
        height: 90%;
        border-radius: .5em;
        /* border: #0A0044 solid .12em; */
        /* cursor: pointer; */
    }


    /* .hot_product_content_info_details_ares_button_div:hover{
        color: #F5F8FF;
        background-color: #0A0044;
        font-weight: 800;
        transition: .3s;
    } */

    .hot_product_content_info_details_ares_isnull{
        grid-column-start:1;
        grid-column-end:5;
        background-color: #fff;
        display: grid;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        font-weight: 800;
        letter-spacing: .2rem;
        border-radius: 1rem;
        color: #0A0044;
    }


    #hot_product_content_botton{
        margin-top: 1em;
        width: 30rem;
        height: 5em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 60% 40%;
        align-items: center;
        justify-content: center;
    }


    #hot_product_content_botton_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 40% 40%;
        grid-template-rows: 100%;
        align-items: center;
        justify-items: center;
        grid-column-gap: 20%;
    }

    .hot_product_content_botton_div_div{
        height: 73%;
        display: grid;
        grid-template-columns: minmax(2.5rem, 0fr) minmax(8rem, 6rem);
        grid-template-rows: 100%;
        font-size: 1rem;
        /* border: #0A0044 solid .1em; */
        background-color: #fff;
        border-radius: .5em;
    }

    .hot_product_content_botton_div_div:hover{
        background-color: #0A0044;
        color: #f4f8ff;
        font-weight: 800;
        cursor: pointer;
        transition: .25s;
    }


    .hot_product_content_botton_div_div2{
        height: 73%;
        display: grid;
        grid-template-columns: minmax(4rem, 6rem) minmax(2.5rem, 0fr);
        grid-template-rows: 100%;
        font-size: 1rem;
        /* border: #0A0044 solid .1em; */
        border-radius: .5em;
        background-color: #fff;
    }

    .hot_product_content_botton_div_div2:hover{
        background-color: #0A0044;
        color: #f4f8ff;
        font-weight: 800;
        cursor: pointer;
        transition: .25s;
    }

    .hot_product_content_botton_div_div:hover{
        background-color: #0A0044;
        color: #f4f8ff;
        font-weight: 800;
        cursor: pointer;
        transition: .25s;
    }



    #hot_product_content_botton_div3{
        /* margin-top: 2em; */
        font-size: 1rem;
        text-align: center;
    }


    #show_content{
        margin-top: 7em;
        width: clamp(57rem, 80%, 100rem);
        color: #0A0044;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #show_content_div{
        font-weight: 800;
        font-size: 3rem;
        text-align:center;
    }

    #show_content_div2{
        font-style: italic;
        margin-top: 1em;
        text-align:center;
        font-size:1.5rem;
    }

    #show_content_div3{
        margin-top: 3em;
        width:100%;
        height: 20em;
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: clamp(25%, 28%, 30%) clamp(25%, 28%, 30%) clamp(25%, 28%, 30%);
        grid-column-gap: clamp(2%, 5%, 8%);
        grid-template-rows: 100%;
    }


    .show_content_div3_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 25% 5% 25% 45%;
    }

    .show_content_div3_div_svg{
        color: #4255ff;
    }

    .show_content_div3_div_svg2{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        font-weight: 800;
        text-align:center;
    }

    .show_content_div3_div_svg3{
        text-align: center;
        font-size: 1rem;
    }

    #our_ares{
        margin-top: 8em;
        width: clamp(50rem, 85%, 70rem);
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .our_ares_main_title{
        text-align: center;
        width: 100%;
        color: #0A0044;
        font-size: 3rem;
        font-weight: 800;
    }

    .our_ares_subtitle{
        margin-top: .6em;
        text-align: center;
        width: 100%;
        font-size: 1.25rem;
    }

    .our_ares_content{
        margin-top: 5em;
        width:100%;
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        grid-template-rows: auto;
        grid-row-gap: 3rem;
        place-content:center;
    }

    .our_ares_content_div{
        width: 100%;
        height: 15em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 40% 5% 30% 25%;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div_svg{
        color: #0A0044;
        color: #4255ff;
    }

    .our_ares_content_div_div_svg2{
        color: #0A0044;
        font-weight: 800;
        font-size: 1.5rem;
        text-align: center;
    }

    .our_ares_content_div_div_svg3{
        width: 100%;
        height: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .our_ares_content_div_div_div{
        width: 8rem;
        height: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: #0A0044 solid .1em;
        border-radius: .5em;
    }

    .our_ares_content_div_div_div:hover{
        color: #f4f8ff;
        background-color: #0A0044;
        font-weight: 800;
        cursor: pointer;
        transition: .3s;
    }


    #news_frame{
        margin-top: 7em;
        width: clamp(57rem, 90%, 80rem);
        color: #0A0044;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

    }

    #news_frame_title{
        font-size: 3rem;
        font-weight: 800;
    }

    #news_frame_content{
        margin-top: 2em;
        display: grid;
        grid-template-columns: 32% 32% 32%;
        grid-template-rows: 100%;
        grid-column-gap: 1%;
        align-items: center;
        justify-content: center;
    }

    .news_frame_content_div_all{
        width: 100%;
        height: 40em;
        font-size:1.2rem;
        background-color: #fff;
        border-radius: 1em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 43% 57%;
        overflow: hidden;
        color: #0A0044;
        transform: scale(1);
        box-shadow: #0A0044 0 0 0 0;
    }


    .news_frame_content_div_all:hover{
        /* box-shadow: #0A0044 0 0 1em .1em; */
        color: #f4f8ff;
        background-color: #0A0044;
        cursor: pointer;
        transform: scale(1.05);
        transition: .3s;
    }

    .news_frame_content_div{
        height: 100%;
        width: 100%;

    }

    .news_frame_content_div_div2{
        height: 98%;
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 40% 53% 7%;

    }

    .news_frame_content_div_img{
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .news_frame_content_div_img2{
        width: 100%;
        transform: scale(1);
        overflow: hidden;
        transition: .3s;
    }

    .news_frame_content_div_img2:hover{
        transform: scale(1.1);
        transition: .3s;
    }

    .news_frame_content_div_main_title{
        height: 100%;
        width: 100%;
        font-size: 1.5rem;
        font-weight: 800;
        /* color: #0A0044; */
        display: flex;
        align-items: center;
        /* justify-content: center; */
        /* text-align: center; */
    }

    #news_frame_content_div{
        width:10rem;
        margin-top: 3em;
        padding: 1%;
        border: #0A0044 solid .1em;
        border-radius: .5em;
        text-align:center;
    }

    #news_frame_content_div:hover{
        background-color: #0A0044;
        color: #f4f8ff;
        font-weight: 800;
        cursor: pointer;
        transition: .3s;
    }


    #search_our_product{
        margin-top: 6em;
        width: clamp(57rem, 90%, 90rem);
        height: 20em;
        border-radius: 1em;
        overflow: hidden;
        padding: 1em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 50% 50%;
        margin-bottom: 5em;
    }

    .search_our_product_div{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        color: #0A0044;
    }

    .search_our_product_div_div{
        font-weight: 800;
        font-size: 2.5rem;
        margin-bottom: .5em;
    }

    .search_our_product_div_div1_2{
        width: 100%;
        font-weight: 800;
        font-size: 1.5rem;
    }

    .search_our_product_div_div2{
        width: 100%;
        align-items: center;
        justify-content: center;
        color: #0A0044;
        display: grid;
        grid-template-columns: minmax(15rem, 0fr) minmax(15rem, 0fr);
        grid-template-rows: 50% 50%;
    }

    .search_our_product_div_div2_div{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .search_our_product_div_div2_div_div{
        width: 85%;
        height: 50%;
        border-radius: .8em;
        border: #0A0044 solid .15em;
        display: grid;
        grid-template-columns: 30% 70%;
        grid-template-rows: 100%;
    }

    .search_our_product_div_div2_div_div:hover{
        background-color: #0A0044;
        color: #f4f8ff;
        cursor: pointer;
        font-weight: 800;
        transition: .3s;
    }

    .search_our_product_div_div2_div_div div{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 1rem;
    }

    .news_frame_content_div_date{
        font-size: 1rem;
    }

}