@charset "utf-8";
html {
    font-size: medium;
}
body {
    font-family: LiHei Pro, Heiti TC, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    margin: 0;
    line-height: 1.483;
    font-size: 110%;
    color: #1b1f34;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
a,
a:hover {
    color: inherit;
}
a {
    text-decoration: none;
}
/***/
.not_list {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 0;
}
.not_list,
.not_list > li {
    list-style: none;
}
.full_width {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
}
.yt_embed {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.yt_embed::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.yt_embed > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
}
/******/
.main_body {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    padding: 30px;
}
@media screen and (max-width:1024px) {
    .main_body {
        padding: 20px;
    }
}
/***/
.tpmnntr_main_image img,
.thmntrlnks_item_image img {
    width: 100%;
}
.top_main_intro > div:first-child {
    margin-top: 0;
}
.top_main_intro > div {
    margin-top: 30px;
}
@media screen and (max-width:1024px) {
    .top_main_intro > div {
        margin-top: 30px;
    }
}
.tpmnntr_text_intro {
    background-color: #ffd03c;
    padding: 30px;
    text-align: center;
    font-weight: bold;
}
.intro_title {
    font-size: 150%;
    margin-bottom: 0.5em;
}
.intro_content {
    line-height: 1.8;
}
/***/
.video_theme_intro {
    margin-top: 30px;
    text-align: center;
}
.vdthmntr_title_sub,
.vdthmntr_title_main {
    font-weight: bold;
}
.vdthmntr_title_sub {
    font-size: 175%;
    color: #FF4F4F;
}
.vdthmntr_title_main {
    font-size: 200%;
    color: #007CD4;
    margin-bottom: 30px;
}
.vdthmntr_theme_list {
    background: linear-gradient(to top, #1D2033 50%, #FFF 50%);
    overflow: hidden;
}
.vdthmntr_theme_list > ul {
    display: inline-flex;
    width: 100%;
    max-width: 1400px;
    justify-content: center;
    margin-left: -20px;
    margin-top: -20px;
}
.vdthmntr_theme_list > ul > li {
    flex-grow: 1;
    padding-left: 20px;
    padding-top: 20px;
}
.vdthmntr_theme_item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    color: #FFF;
}
.vdthmntr_theme_item_icon img {
    height: 3em;
    margin-right: 30px;
}
.vdthmntr_theme_list li:nth-child(1) .vdthmntr_theme_item {
    background-color: #ff4f4f;
}
.vdthmntr_theme_list li:nth-child(2) .vdthmntr_theme_item {
    background-color: #007cd4;
}
.theme_intro_video {
    background-color: #1D2033;
    padding: 30px;
}
@media screen and (max-width:768px) {
    .vdthmntr_theme_item {
        display: block;
    }
    .vdthmntr_theme_item_icon img {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
/***/
.theme_intro_video ~ div {
    padding-top: 30px;
}
/***/
.theme_enter_links {
    overflow: hidden;
}
.theme_enter_links > ul {
    display: flex;
    margin-left: -20px;
    margin-top: -20px;
}
.theme_enter_links > ul > li {
    flex-grow: 1;
    padding-left: 20px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
}
.thmntrlnks_item {
    text-align: center;
    flex-grow: 1;
}
.thmntrlnks_item_image ~ div {
    padding-top: 30px;
    padding-left: 1em;
    padding-right: 1em;
}
.thmntrlnks_item_image ~ div:last-child {
    padding-bottom: 30px;
}
.thmntrlnks_item_title {
    color: #FFF;
    font-size: 150%;
    font-weight: bold;
}
.thmntrlnks_item_link {
    padding-left: 1em;
    padding-right: 1em;
}
.thmntrlnks_item_link > a {
    display: block;
    background-color: #1D2033;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 1em;
}
@media screen and (max-width:768px) {
    .theme_enter_links > ul {
        display: block;
    }
}
/***/
[data-theme="2"] .thmntrlnks_item_title {
    color: #1D2033;
}
/***/
[data-theme="1"] .thmntrlnks_item_desc {
    color: #B9E9FC;
}
[data-theme="2"] .thmntrlnks_item_desc {
    color: #727171;
}
[data-theme="3"] .thmntrlnks_item_desc {
    color: #FCCCC5;
}
/***/
[data-theme="1"] {
    background-color: #007cd4;
}
[data-theme="1"] + .thmntrlnks_item_link {
    background: linear-gradient(to bottom, #007cd4 50%, #FFF 50%);
}
/**/
[data-theme="2"] {
    background-color: #ffd03c;
}
[data-theme="2"] + .thmntrlnks_item_link {
    background: linear-gradient(to bottom, #ffd03c 50%, #FFF 50%);
}
/**/
[data-theme="3"] {
    background-color: #ff4f4f;
}
[data-theme="3"] + .thmntrlnks_item_link {
    background: linear-gradient(to bottom, #ff4f4f 50%, #FFF 50%);
}
/***/
.how_to_participate > div:not(.hwtprtcpt_link),
.news_list > div {
    background-color: #FFF4E7;
    padding: 30px;
}
.hwtprtcpt_title,
.nwslst_title {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
}
.hwtprtcpt_content > ol > li {
    margin-top: 1em;
}
.hwtprtcpt_content_item {
    display: flex;
}
.hwtprtcpt_content_number {
    width: 1.8em;
    min-width: 1.8em;
    margin-right: 0.8em;
}
.hwtprtcpt_link {
    background: linear-gradient(to bottom, #FFF4E7 50%, #FFF 50%);
    text-align: center;
}
.hwtprtcpt_link > a {
    display: inline-block;
    background-color: #FF4F4F;
    color: #FFF;
    padding: 1em 2em;
}
/***/
.reward_info_title {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    color: #007CD4;
}
.rwrdnfcnt_item {
    display: flex;
    align-items: center;
    background-color: #FFF4E7;
}
.reward_info_content li {
    margin-top: 1em;
}
.reward_info_content li:nth-child(odd) .rwrdnfcnt_item {
    background-color: #007CD4;
    color: #FFF;
}
.rwrdnfcnt_item_imge {
    width: 10em;
    min-width: 10em;
}
.rwrdnfcnt_item_title,
.rwrdnfcnt_item_content {
    padding: 1em;
}
.rwrdnfcnt_item_content {
    flex-grow: 1;
}
@media screen and (max-width:768px) {
    .rwrdnfcnt_item {
        flex-wrap: wrap;
    }
    .rwrdnfcnt_item_imge {
        min-width: 0;
        max-width: 40%;
    }
    .rwrdnfcnt_item_title {
        flex-grow: 1;
        padding-bottom: 0;
    }
    .rwrdnfcnt_item_content {
        width: 100%;
        min-width: 100%;
    }
}
/***/
.phtsbnr_image {
    background: url(./Images/photos_banner.png) center center repeat-x;
    background-size: auto 100%;
    height: 200px;
    margin-left: -30px;
    margin-right: -30px;
}
@media screen and (max-width: 1024px) {
    .phtsbnr_image {
        margin-left: -20px;
        margin-right: -20px;
        background-size: cover;
    }
}
.phtsbnr_link {
    text-align: center;
}
.phtsbnr_link a {
    display: inline-block;
    background-color: #1D2033;
    color: #FFF;
    padding: 1em 2em;
    margin-top: 30px;
}
/***/
.nwslst_list {
    overflow: hidden;
    margin-top: 1em
}
.nwslst_list > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
}
.nwslst_list > ul > li {
    /* flex-grow: 1; */
    width: 50%;
    min-width: 50%;
    padding-left: 20px;
    padding-top: 20px;
}
.nwslstlst_item {
    min-height: 100%;
    background-color: #FFF;
}
.nwslstlst_item_top {
    display: flex;
}
.nwslstlst_item_top_time {
    font-size: 150%;
    font-weight: bold;
    line-height: 1.2;
    width: 5em;
    min-width: 5em;
    padding: 1em 0;
    color: #007CD4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.nwslstlst_item_top_image {
    flex-grow: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./Images/nwslstlst_item_top_image1.png);
    background-position: center center;
}
.nwslstlst_item_top_image::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 24.82993197278912%;
    /* background-color: #000; */
}
li:nth-child(5n+1) .nwslstlst_item_top_image {
    background-image: url(./Images/nwslstlst_item_top_image2.png);
    background-position: center center;
}
li:nth-child(5n+2) .nwslstlst_item_top_image {
    background-image: url(./Images/nwslstlst_item_top_image3.png);
    background-position: right center;
}
li:nth-child(5n+3) .nwslstlst_item_top_image {
    background-image: url(./Images/nwslstlst_item_top_image4.png);
    background-position: left center;
}
li:nth-child(5n+4) .nwslstlst_item_top_image {
    background-image: url(./Images/nwslstlst_item_top_image5.png);
    background-position: left center;
}
.nwslstlst_item_content {
    padding: 1em;
}
@media screen and (max-width:768px) {
    .nwslst_list > ul > li {
        width: 100%;
        min-width: 100%;
    }
}
/***/
.block_bottom {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -30px;
}
/**/
.blckbtm_contact {
    padding: 1em;
    background-color: #FFD03B;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
}
/**/
.blckbtm_logos {
    background: url(./Images/blckbtm_logos_bg.png) center center repeat rgba(0, 0, 0, 0.8);
    background-size: auto 291px;
    padding: 30px;
}
.blckbtm_logos > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    overflow: hidden;
}
.blckbtm_logos ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -20px;
    margin-top: -20px;
}
.blckbtm_logos ul > li {
    flex-grow: 1;
    padding-left: 20px;
    padding-top: 20px;
}
.blckbtmlgs_item {
    text-align: center;
}
.blckbtmlgs_item_text {
    color: #FFF;
    margin-top: 1em;
    font-size: 125%;
}
/**/
.blckbtm_copyright {
    text-align: center;
    color: #FFF;
    background-color: #007CD4;
    padding: 1em;
}