.bg{
    display: block;
    width: 70%;
    background-image: url('../img/desktop01.gif');
    height: 50%;
    position: absolute;
    text-align: center;
    margin: 8vh 10% 10% 13%;
    background-size: 100% 100%;
    z-index: 9;
}
.boder_in_bg{
    /* border: 1px solid black; */
    width: 93%;
    height: 90%;
    margin: 3% 0% 3% 3%;
}
.img_logo{
    width: 20%;
    margin-top: 1%;
}
.text_title{
    color: white;
    font-weight: bold;
}
.text_content{
    height: 28%;
    margin-bottom: 2%;
}
.sub_title1{
    color:white;
    margin-bottom: 0px;
}
.sub_title2{
    color:white;
    margin-bottom: 0px;
    margin-top: 2px;
}
.content{
    color:white;
    font-weight: 100;
}
.menu_3_area{
    height: 60%;
    display: none;
    position: absolute;
    width:50%;
    margin-left: 34vw;
    margin-top: 10vh;
}
.menu_3_area_h{
    height: 50%;
    display: flex;
    position: absolute;
    width:67%;
    margin-left: 12vw;
    margin-top: 51vh;
}
.icon_3_area{
    width:60%
}
.img_icon{
    width:50%;
   
}
.btn_3_area{
    background: linear-gradient(90deg, #eeca64 0%, #ae7723 50%, #eeca64 100% );
    width: 50%;
    height: 15%;
    border-radius: 10px;
    border-color: #ffffff00;
    color:white;
    font-weight: bold;
    margin-top: 2%;
}
.close_card{
    background-repeat: no-repeat;    
	background-position: center;
	position:absolute; 
	right:-3%; 
	top: -15%; 
	z-index:99999; 
	width:30px; 
	height:100px;
}
.menu_2_icon{
    display: flex;
}
.hiendai{
    margin-left: 13vw;
}
.btn_hiendai{
    margin-left: 1vw;
    height: 10%;
}
.btn_mienbac{
    margin-left: 1vw;
    height: 20%;
}
.btn_mienbac_h{
    margin-left: 1vw;
    height: 10%;
}
.btn_miennam{
    margin-left: 1vw;
    height: 20%;
}
.btn_miennam_h{
    margin-left: 1vw;
    height: 10%;
}
.btn_hiendai_h{
    margin-left: 1vw;
    height: 10%;
}
.banner_newyear{
    background-image: url('../img/banner.png');
    height: 7%;
    position: relative;
    background-size: 100% 100%;
}
.sub_title1_2024{
    color: white;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 100;
    width: 50%;
    float: right;
    margin-top: 30%;
    text-align: justify;
    /*top: ;*/
    right: 10%;
    margin-right: 5%;
    font-family: 'Roboto thin';
}
.sub_title2_2024{
    color: white;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 100;
    width: 50%;
    float: right;
    margin-top: 2%;
    text-align: justify;
    /*top: ;*/
    right: 10%;
    margin-right: 5%;
    font-family: 'Roboto thin';
}
.content_2024{
    color: white;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 700;
    width: 50%;
    float: right;
    margin-top: 0%;
    text-align: justify;
    /*top: ;*/
    right: 10%;
    margin-right: 5%;
    font-family: 'Roboto black';
}
@media only screen and (max-width:800px){
    .menu_3_area {
    height: 60%;
    display: none;
    position: absolute;
    width: 90%;
    margin-left: 15vw;
    margin-top: 10vh;
}
    .hiendai{
        margin-left: 23vw;
    }
    .menu_3_area_h{
        height: 36%;
        display: flex;
        position: absolute;
        width:100%;
        margin-left: -8vw;
        margin-top: 64vh;
    }
    .btn_mienbac_h{
        margin-left: 0vw;
        height: 11%;
        width:58%
    }
    .btn_miennam_h{
        margin-left: 0vw;
        height: 11%;
        width:58%
    }
    .btn_hiendai_h{
        margin-left: 0vw;
        height: 11%;
        width:58%
    }
}
@media only screen and (max-width:500px){
    .bg{
        display: block;
        width: 70%;
        background-image: url('../img/mobile.gif');
        height: 71%;
        position: absolute;
        text-align: center;
        margin: 11% 10% 10% 13%;
        background-size: 100% 100%;
        z-index:9
    }
    .boder_in_bg{
        /* border: 1px solid black; */
        width: 87%;
        height: 97%;
        margin: 3% 0% 3% 6%;
    }
    .menu_3_area{
        height: 50%;
        display: none;
        position: absolute;
        width: 80%;
        margin-left: 15vw;
        margin-top: 28vh;
    }
    .img_logo{
        width: 45%;
        margin-top: 38%;
    }
    .text_content{
        height: 35%;
        margin-bottom: 2%;
    }
    .btn_3_area{
        /* background: linear-gradient(90deg, #eeca64 0%, #ae7723 50%, #eeca64 100% );
        width: 75%;
        height: 10%;
        border-radius: 10px;
        border-color: #ffffff00;
        color:white;
        font-weight: bold;
        margin-top: 2%; */
    }
    .icon_3_area{
        width:90%
    }
    .hiendai{
        margin-left: 18vw;
        /* display: inline-block; */
    }
    .img_hiendai{
        /* margin-top: 45%; */
       
        
    }
    .btn_hiendai{
        /* margin-top: -120%; */
        margin-left: 5vw;
        width:60%
    }
    .btn_hiendai_h{
        margin-right: 0vw;
        height: 5vh;
        width:23vw
        
    }
    .mienbac{
        /* margin-top: 10%;
        margin-left: 5%; */
    }
    .btn_mienbac{
        /* margin-top: -120%; */
        margin-left: 4vw;
        width:71%
    }
    .btn_mienbac_h{
        margin-right: 0vw;
        height: 5vh;
        width:25vw
        
    }
    .miennam{
        /* margin-right: 10%;
        float:right;
        margin-top: -42%; */
    }
    .btn_miennam{
        /* margin-top: -120%; */
        margin-left: 4vw;
        width:71%
    }
    .btn_miennam_h{
        margin-right: 0vw;
        height: 5vh;
        width:25vw
        
    }
    .close_card{
        background-repeat: no-repeat;    
        background-position: center;
        position:absolute; 
        right:0%; 
        top: -5%; 
        z-index:99999; 
        width:30px; 
        height:100px;
    }
    .banner_newyear{
        background-image: url('../img/banner.png');
        height: 5%;
        position: relative;
        background-size: 100% 100%;
    }
    .menu_3_area_h{
        height: 20%;
        display: flex;
        position: absolute;
        width:100%;
        margin-left: -8vw;
        margin-top: 70vh;
    }
    .sub_title1_2024{
    color: white;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 100;
    width: 100%;
    float: right;
    margin-top: 70%;
    text-align: justify;
    /*top: ;*/
    right: 10%;
    margin-right: 5%;
    font-family: 'Roboto thin';
}
.sub_title2_2024{
    color: white;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 100;
    width: 100%;
    float: right;
    margin-top: 190%;
    text-align: justify;
    /*top: ;*/
    right: 10%;
    margin-right: 0%;
    font-family: 'Roboto thin';
}
.content_2024{
    color: white;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    float: right;
    margin-top: 0%;
    text-align: justify;
    /*top: ;*/
    right: 10%;
    margin-right: 0%;
    font-family: 'Roboto black';
}
}