@font-face {
    font-family: 'maokentangyuan_betaregular';
    src: url('font/maokentangyuan-webfont.woff2') format('woff2'),
         url('font/maokentangyuan-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'Dubai-Bold';
src: url('font/DubaiW23-Bold.woff2') format('woff2'),
    url('font/DubaiW23-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'Dubai-Medium';
    src: url('font/DubaiW23-Medium.woff2') format('woff2'),
        url('font/DubaiW23-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dubai-Regular';
    src: url('font/DubaiW23-Regular.woff2') format('woff2'),
        url('font/DubaiW23-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dubai-Light';
    src: url('font/DubaiW23-Light.woff2') format('woff2'),
        url('font/DubaiW23-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body, body.EN{
    font-family: 'Dubai-Regular', Helvetica, sans-serif;
}
body.CN{
    font-family: 'maokentangyuan_betaregular';
}
.cn_font, #cn-btn{
    font-family: 'maokentangyuan_betaregular';
}
.en_font, #en-btn{
    font-family: 'Dubai-Regular', Helvetica, sans-serif;
}
#cn-btn,#en-btn{
    border-radius: 50px;
    background-color: #dc3545;
    color: #fff;
    height: 40px;
    width: 40px;
    margin-right: 3px;
    text-align: center;
}
/* color */
h1,p,div{
    color: #4c4c4c;
}


.lang-btn {
    background-color: #810630 !important;
    border-radius: 50px !important;
    color: #fff;
    height: 40px;
    width: 40px;
    margin-right: 3px;
    padding: 0px 8px;
    font-size: 0.8em;
}

.play-btn{
    
    background-color: #6762d8 !important;
    border-color: #6762d8;
}
.circle-button {
    width: 200px !important;
    height: 200px !important;
    border-radius: 50% !important;
    background-color: #c6c6c6; /* grey background */
    border: 10px solid #ffffff; /* White border */
    outline: 2px solid #c6c6c6; /* grey outline */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff; /* White text color */
    text-decoration: none;
    cursor: pointer;
    margin: auto auto;

}
.circle-button:hover {
    background-color: #dc3546; /* Red background */
    border: 6px solid #ffffff; /* White border */
    outline: 4px solid #dc3546; /* Red outline */
}