@font-face {
    font-family: PingFang;
    src: url('fonts/PingFang.ttc')
}

@font-face {
    font-family: MyriadPro;
    src: url('fonts/MyriadPro-Regular.otf')
}

@font-face {
    font-family: Arvo;
    src: url('Arvo-Bold.ttf')
}

@font-face {
    font-family: Arvo-Bold;
    src: url('fonts/Arvo-Bold.ttf')
}

@font-face {
    font-family: Raleway-Bold;
    src: url('fonts/Raleway-Bold.ttf')
}

@font-face {
    font-family: Raleway-Light;
    src: url('fonts/Raleway-Light.ttf')
}

@font-face {
    font-family: Raleway-Medium;
    src: url('fonts/Raleway-Medium.ttf')
}

@font-face {
    font-family: Raleway-Regular;
    src: url('fonts/Raleway-Regular.ttf')
}

@font-face {
    font-family: DFHeiStd-W7;
    src: url('fonts/DFHeiStd-W7.otf')
}

@font-face {
    font-family: DFHeiStd-W5;
    src: url('fonts/DFHeiStd-W5.otf')
}

@font-face {
    font-family: DFHeiStd-W3;
    src: url('fonts/DFHeiStd-W3.otf')
}

@font-face {
    font-family: 華康儷中黑;
    src: url('fonts/DFLiHei-Md-HK-BF-02.ttf')
}

@font-face {
    font-family: CenturyGothic;
    src: url('fonts/Century-Gothic.ttf')
}

@font-face {
    font-family: DIN-Regular;
    src: url('fonts/DIN-Regular.ttf')
}

@font-face {
    font-family: Ariall;
    src: url('fonts/Arial(1).ttf')
}

@font-face {
    font-family: Arial-Bold;
    src: url('fonts/Arial-Bold.ttf')
}

.column {
    max-width: 100%;
}

.circle_img {
    margin-top: 27px;
    width: 90px;
}

.readmore_img {
    width: 6px;
    margin-left: 5px;
}

.left_img {
    width: 20px;
    margin-left: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.kid_img {
    width: 250px;
    margin-top: 10px;
}

.kid_img_2 {
    width: 250px;
    margin-top: 10px;
}

.j_bot_text {
    font-size: 11px;
    margin-top: 10px;
    font-family: DFHeiStd-W5;
}

.j_bot_text_2 {
    font-size: 11px;
    margin-top: 10px;
    font-family: DFHeiStd-W5;
}

.content_a {
    width: 316px;
    display: flex;
    justify-content: center;
}

.content_b {
    width: 316px;
    display: flex;
    justify-content: center;
}

.j_btn {
    width: 85px;
    margin-top: 24px;
    height: 27px;
    background-color: #f8b62d;
    border-radius: 6px;
    display: flex;
    font-family: Ariall;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 10px;
    cursor: pointer;
}

.j_btn_2 {
    width: 85px;
    margin-top: 32px;
    height: 27px;
    background-color: #f8b62d;
    border-radius: 6px;
    display: flex;
    font-family: Ariall;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 10px;
    cursor: pointer;
}

.right_img {
    width: 20px;
    margin-right: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.vedio_div {
    width: calc(100% - 70px);
    /*20+20+5+5+10+10*/
}

.big_pic {
    /* padding-top: 16%;
    padding-bottom: 16%; */
    text-align: center;
    color: white;
    font-size: 0.5rem;
    justify-content: center;
    align-items: center;
    /* background-image: url(); */
    background-size: cover;
    background-position: center;
}

#banner {
    width: 100%;
}

.vh1 {
    font-size: 6vw;
}

.vh2 {
    font-size: 3vw;
}

.block_a_title {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-top: 33px;
}

.block_f_title {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-top: 33px;
}

.f_title1 {
    font-size: 18px;
    /* font-weight: bold; */
    font-family: 華康儷中黑;
}

.f_title2 {
    font-size: 6px;
    letter-spacing: 1px;
    font-family: MyriadPro;
}

.a_title1 {
    font-size: 18px;
    /* font-weight: bold; */
    font-family: 華康儷中黑;
}

.a_title2 {
    font-size: 6px;
    letter-spacing: 1px;
    font-family: MyriadPro;
}

.block_b_1 {
    display: flex;
    justify-content: center;
}

.b_1_width {
    width: calc(316px / 2);
}

.b_1_left {
    text-align: center;
    /* display: flex;
justify-content: center; */
}

.b_1_right {
    display: flex;
    justify-content: center;
}

.pic_text1 {
    font-size: 12px;
    /* font-weight: bold; */
    font-family: Arvo-Bold;
    margin-top: 11px;
}

.block_c {
    margin-top: 45px;
    display: flex;
    justify-content: center;
}

.block_bot_c {
    margin-top: 45px;
    display: flex;
    justify-content: center;
}

.block_j {
    margin-top: 11px;
    display: flex;
    justify-content: center;
}

.block_j_2 {
    margin-top: 11px;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.j_width {
    width: 316px;
    height: 408px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.j_width_2 {
    margin-top: 22px;
    width: 316px;
    min-height: 408px;
    /* height: auto; */
    display: flex;
    background-color: white;
    z-index: 1;
    align-items: center;
    justify-content: center;
    padding: 25px;
}

.hot_flex {
    display: flex;
    justify-content: center;
}

.j_title {
    font-size: 18px;
    /* font-weight: bold; */
    margin-top: 10px;
    font-family: 華康儷中黑;
}

.j_title_2 {
    font-size: 18px;
    /* font-weight: bold; */
    margin-top: 10px;
    font-family: 華康儷中黑;
}

.orange_text {
    color: #f8b62d;
    margin-right: 5px;
    font-family: DFHeiStd-W5;
}

.j_div_1_num {
    font-size: 8px;
    font-family: Raleway-Regular;
}

.j_div_1_num_2 {
    font-size: 8px;
    font-family: Raleway-Regular;
}

.j_div1 {
    font-size: 11px;
    color: gray;
}

.j_div1_2 {
    font-size: 11px;
    color: gray;
}

.pic_text2 {
    font-size: 12px;
    font-family: DFHeiStd-W5;
}

.pic_3_flex {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pic_text3 {
    height: 25px;
    width: 75px;
    font-size: 7px;
    font-weight: bold;
    font-family: Ariall;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    border-radius: 30px;
    background-color: #f8b62d;
    color: white;
    padding-left: 10px;
    padding-right: 5px;
    cursor: pointer;
}

.c_width {
    width: 316px;
    display: flex;
}

.c_width_bot {
    width: 316px;
    display: flex;
}

.c_width_left {
    width: calc(316px / 2);
}

.c_width_left_bot {
    width: calc(316px / 2);
    text-align: right;
}

.c_width_right {
    width: calc(316px / 2);
}

.c_width_right_bot {
    width: calc(316px / 2);
}

.c_bar {
    width: 60px;
    height: 5px;
    background-color: #f8b62d;
}

.bar_flex {
    display: flex;
    justify-content: flex-end;
}

.c_bar_bot {
    width: 60px;
    height: 5px;
    background-color: #f8b62d;
}

.c_left_text1 {
    width: 125px;
    font-size: 18px;
    /* font-weight: bold; */
    font-family: Arvo-Bold;
    margin-top: 5px;
}

.c_left_text2 {
    font-size: 18px;
    font-weight: bold;
}

.c_left_text3 {
    font-size: 12px;
    /* font-weight: bold; */
    font-family: 華康儷中黑;
}

.c_left_text1_bot {
    font-size: 18px;
    /* font-weight: bold; */
    font-family: Arvo-Bold;
    margin-top: 5px;
}

.c_left_text2_bot {
    font-size: 18px;
    font-weight: bold;
}

.c_left_text3_bot {
    font-size: 12px;
    /* font-weight: bold; */
    font-family: 華康儷中黑;
}

.c_right_text1 {
    font-size: 11px;
    color: gray;
    margin-top: 14px;
    padding-left: 17px;
    font-family: DFHeiStd-W5;
}

.c_right_text1_bot {
    font-size: 11px;
    color: gray;
    margin-top: 14px;
    font-family: DFHeiStd-W5;
    padding-right: 34px;
    text-align: right;
}

.block_d {
    margin-top: 45px;
    display: flex;
    justify-content: center;
}

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

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* padding-top: 30px; */
    /* height: 0; */
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vedio_width {
    width: calc(100% - 40px);
}

.block_e {
    margin-top: -35px;
    display: flex;
    justify-content: center;
}

.block_e_2 {
    margin-top: -12px;
    display: flex;
    justify-content: center;
}

.block_g {
    margin-top: 35px;
    display: flex;
    justify-content: center;
}

.e_width {
    height: 100px;
    width: 100%;
    background-color: #f8b62d;
}

.e_width_2 {
    height: 85px;
    width: 100%;
    background-color: #f8b62d;
}

.g_width {
    width: 316px;
    height: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    border: 3px #f8b62d solid;
}

.g_div_1 {
    display: flex;
    align-items: center;
    height: 48px;
    display: flex;
}

.g_div_2 {
    margin-top: 10px;
    font-size: 11px;
    font-family: DFHeiStd-W5;
}

.g_div_1_left {
    font-size: 52px;
    color: #f8b62d;
    /* font-weight: bold; */
    font-family: Arvo-Bold;
}

.g_div_1_right_1 {
    font-size: 16px;
    /* font-weight: bold; */
    font-family: 華康儷中黑;
}

.g_div_1_right_2 {
    font-size: 10px;
    background-color: #f8b62d;
    border-radius: 33px;
    height: 14px;
    font-family: Arvo-Bold;
    /* width: 96px; */
    display: flex;
    align-items: center;
    padding-right: 14px;
    padding-left: 14px;
    color: white;
}

.g_div_1_right {
    padding-left: 14px;
}

.block_h {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.block_h_left {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.g_right_img {
    width: 314px;
    height: 171.594px;
    border: 1px #f8b62d solid;
}

.box_shadow {
    box-shadow: 3px 1px 7px rgba(0, 0, 0, 0.2);
}

.block_dot {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.round {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #f8b62d;
    margin-left: 10px;
}