/* css reset */
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    font-family: 'Noto Sans TC', sans-serif;
}

html {
    overflow-x: hidden;

}

body {
    position: relative;
    overflow-x: hidden;
    /* background: linear-gradient(#1b86b8, #381870); */
    height: 100%;
}

.share-line {
    position: absolute;
    display: block;
    z-index: 1;
    opacity: 0;
}

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #331f49;
    z-index: 99;
}


#status img {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(1.5);

}


/* nav-bar */
.nav_bar {
    display: flex;
    position: fixed;
    width: 100%;
    color: #fff;
    background-color: #362176;
    justify-content: center;
    z-index: 5;
    box-shadow: 0 3px 10px #0072fe56;
}

.menu_list_pc {
    display: flex;
}

.menu_list_pc li {
    text-align: center;
    padding: 15px 20px;
    cursor: pointer;
    transition: 0.1s;
}

.menu_list_pc li:hover {
    text-shadow: 0 0 10px #0074fe;
}

.menu_list_pc li span p:nth-child(1) {
    font-size: 1.2rem;
}

.menu_list_pc li span p:nth-child(2) {
    font-size: 0.8rem;
}

.menu_box,
.menu_list_mb {
    display: none;
}

.logo {
    position: absolute;
    display: block;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 100px;
    height: 78%;
    margin-top: auto;
    margin-left: 3%;
    margin-bottom: auto;
    background: url('../images/logo.svg') center center no-repeat;
    background-size: contain;
    transition: 0.5s;
}

.logo a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

.logo:hover {
    opacity: 0.7;
}

.header_social_area {
    position: absolute;
    display: block;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 12%;
    height: 60%;
    margin-top: auto;
    margin-bottom: auto;
    /* border: 1px solid #fff; */
    font-size: 0;
    text-align: center;
}

.header_social_area a {
    position: relative;
    display: inline-block;
    outline: none;
    width: 40px;
    height: 40px;
    transition: 0.5s;
}

.header_social_area a:hover {
    opacity: 0.7;
}

.header_social_area a:nth-child(1) {
    margin-right: 15px;
    background-image: url(../images/logo-fb.svg);
    background-size: cover;

}

.header_social_area a:nth-child(2) {
    margin-right: 15px;
    background-image: url(../images/logo-line.svg);
    background-size: cover;
    width: 42px;
}

.header_social_area a:nth-child(3) {
    margin-right: 15px;
    background-image: url(../images/logo-bt.svg);
    background-size: cover;

}

/* kv-top */
.section_1 {
    position: relative;
    overflow: hidden;
    background: url(../images/kv/main_bg.png) top center no-repeat;
    background-size: cover;
}

.kv-top {
    position: relative;
    width: 100%;
    height: 50vw;
}

.taiwanfuture-logo {
    position: absolute;
    top: 6.5vw;
    left: 50%;
    transform: translateX(-50%);
    width: 15vw;
}

.kv-earth {
    position: absolute;
    z-index: 3;
    width: 36%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

#piece_1,
#piece_2,
#piece_3,
#piece_4,
#piece_5,
#piece_6,
#piece_7,
#piece_8,
#piece_9,
#piece_10,
#piece_11,
#piece_12,
#piece_13,
#piece_14,
#piece_15,
#piece_16,
#piece_17,
#piece_18 {
    display: none;
}

#wave1 {
    position: absolute;
    z-index: 2;
    width: 120%;
    left: -13%;
    right: 0;
    bottom: 0;
    margin: 0 auto -16% auto;
    mix-blend-mode: lighten;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    transition: 2s;
}

#wave1.polygon {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    /* animation: draw 10s linear forwards;
    -moz-animation: draw 10s linear forwards;
    -webkit-animation: draw 10s linear forwards; */
}

@keyframes draw {
    0% {
        clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

#wave2 {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: -34%;
    right: 0;
    top: 0;
    margin: 0 auto 0 auto;
    mix-blend-mode: lighten;
}

.star_point {
    position: absolute;
    z-index: 1;
    mix-blend-mode: screen;
    width: 40%;
}

.star_point.left {
    left: -5%;
    mix-blend-mode: screen;
}

.star_point.right {
    right: -5%;
    transform: rotateY(180deg);
}

.star {
    position: absolute;
    z-index: 1;
    mix-blend-mode: screen;
    width: 8%;
    opacity: 0;
}

.star.star1 {
    top: 29%;
    left: 16%;
}

.star.star2 {
    top: 7%;
    left: 2%;
}

.star.star3 {
    top: 58%;
    left: 2%;
}

.star.star4 {
    top: 20%;
    right: 14%;
}

.video-sec {
    position: relative;
    text-align: center;
    color: #32ffff;
    padding: 0vw 0;
    padding-bottom: 7rem;
    z-index: 2;
}

.video_left {
    width: 60%;
    left: -30%;
    top: 40%;
}

.video_right {
    width: 60%;
    right: -30%;
    top: 50%;
    transform: scale(-1);
}

.video.star.star1 {
    top: 60%;
    left: 1%;
}

.video.star.star4 {
    top: 75%;
    right: 5%;
}

.video-sec h2 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    margin-top: 3rem;
}

.video-title {
    font-size: 2.2rem;
    color: #ffce33;
}


.video_iframe {
    width: 64vw;
    height: 36vw;
    max-width: 1272px;
    max-height: 715.5px;
}

.day1time {
    display: none;
}

.day2time {
    display: none;
}

.latestNews-sec {
    position: relative;
    text-align: center;
    padding: 0vw 0;
    padding-bottom: 7rem;
    z-index: 2;
}

.latestNews_content_box {
    position: relative;
    display: block;
    width: 64vw;
    max-width: 1272px;
    margin: 0 auto;
}

.latestNews_tittle_word {
    position: relative;
    display: block;
    background-color: #ffce33;
    width: 27%;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.latestNews_tittle_word span {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: bold;
    color: #5a009b;
    letter-spacing: 0.2rem;
}

.latestNews_text_area {
    text-align: center;
    letter-spacing: 0.1rem;
    border: 2px solid #ffce33;
    padding: 5% 5%;
    background-color: #fff;
    border-radius: 5px;
}

.latestNews_text_area ul {
    width: fit-content;
    margin: 0 auto;
}

.latestNews_text_area ul li {
    font-size: 1.7rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 2%;
    list-style: none;
    /* list-style-type: disc; */
    width: fit-content;
    text-align: justify;

}

.latestNews_text_area ul li:nth-child(2) {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.latestNews_text_area ul li:last-child {
    margin-bottom: 0%;
}

.latestNews_text_area ul li a {
    text-decoration: none;
    background-color: #a30094;
    border: solid 2px #a30094;
    color: white;
    padding: 5px 30px;
    border-radius: 5px;
    transition: 0.5s;
}

.latestNews_text_area ul li a:hover {
    background-color: white;
    border: solid 2px #a30094;
    color: #a30094;
}

/* .page_section{
    position: relative;
} */

/* page_section */
.page_section {
    text-align: center;
    position: relative;
}

.section-title {
    position: relative;
    font-size: 2rem;
    color: #000000;
    padding-top: 3vw;
    padding-bottom: 2vw;
    font-weight: 600;
    width: 100%;
    height: 11rem;
}

.white {
    color: #fff;
}

.dark-purple {
    color: #500089;
}

.ss-show {
    display: none;
}

.ss-hide {
    display: block;
}


.section-title h3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.section-title h3::before {
    content: "";
    position: absolute;
    background: url(../images/title_icon.svg) center center no-repeat;
    background-size: contain;
    width: 3.5rem;
    height: 2rem;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
}

.section-title h3::after {
    content: "";
    position: absolute;
    background: url(../images/title_icon.svg) center center no-repeat;
    background-size: contain;
    width: 3.5rem;
    height: 2rem;
    transform: scaleX(-1);
    right: -70px;
    top: 50%;
    transform: translateY(-50%) scale(-1);
}

.section_8 .section-title h3::before {
    background: url(../images/title_icon2.svg) center center no-repeat;
}

.section_8 .section-title h3::after {
    background: url(../images/title_icon2.svg) center center no-repeat;
}

.section-subtitle {
    color: #110345;
    padding-top: 3rem;
    padding-bottom: 5rem;
    font-weight: 600;
    font-size: 1.5rem;
    position: relative;
}

.section-subtitle h3 {
    border-bottom: solid 2px #110345;
    padding: 0 1.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.page-content {
    width: 85vw;
    max-width: 1280px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.slider-content {
    width: 70vw;
}

.trend-content {
    width: 90vw;
    max-width: 1480px;
    z-index: 2;
}

.section_2 {
    background-color: #e9eaff;
}

.leader-amount {
    display: inline-flex;
    flex-wrap: wrap;
    color: #fff;
    padding: 2rem 0;
    max-width: 780px;
}

.circle {
    width: 200px;
    height: 200px;
    margin: 30px;
    position: relative;
    background-image: url(../images/circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    filter: drop-shadow(0 0 10px rgba(187, 0, 255, 0.75));
}

.circle-word {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.leader-amount h2 {
    margin-top: 3rem;
    margin-bottom: 0.6rem;
    color: #ffce33
}

.trend-issue {
    display: inline-flex;
    margin-bottom: 5vw;
}

.issue {
    letter-spacing: 2px;
    height: 24rem;
    /* border: solid 3px #1491af; */
    margin: 15px;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
    color: #fff;
}

/* .issue::before {
    content: "";
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    border: solid 1px #1491af;
}

.issue::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(#00000000, #00000085);
} */

.issue:nth-child(1) {
    background: url(../images/issue1.jpg) center center no-repeat;
    background-size: cover;
}

.issue:nth-child(2) {
    background: url(../images/issue2.jpg) center center no-repeat;
    background-size: cover;
}

.issue:nth-child(3) {
    background: url(../images/issue3.jpg) center center no-repeat;
    background-size: cover;
}

.issue:nth-child(4) {
    background: url(../images/issue4.jpg) center center no-repeat;
    background-size: cover;
}

.issue h2 {
    width: 100%;
    padding: 15px 55px;
    position: relative;
    top: 50%;
    transform: translatey(-50%);
    z-index: 1;
}

.issue:nth-child(1) h2 {
    background: #b416dbbc;
}

.issue:nth-child(2) h2 {
    background: #251693bb;
}

.issue:nth-child(3) h2 {
    background: #1490afd1;
}

.issue:nth-child(4) h2 {
    background: #82ce6fd0;
}

.issue-describe {
    width: 100%;
    height: 0%;
    position: absolute;
    border-radius: 12px;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    background: #8c50cc;
    z-index: 2;
    font-size: 16px;
    padding-top: 15px;
    transition: 0.5s;
}

.issue:nth-child(2) .issue-describe {
    background-color: #251693;
}

.issue:nth-child(3) .issue-describe {
    background-color: #1491af;
}

.issue:nth-child(4) .issue-describe {
    background-color: #76b763;
}

.issue-describe p {
    position: relative;
    top: 0%;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    text-align: left;
    padding: 23px;
    text-align: justify;
}

.plus {
    width: 35px;
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 3;
    transition: 0.5s;
}

.issue:hover>.plus {
    transform: rotate(180deg);
}

.issue:hover>.issue-describe {
    opacity: 1;
    height: 100%;
    top: 50%;
}

.issue:hover>.issue-describe p {
    display: block;
}


/* section_4 */
.section_4 {
    background-color: #fff;
}

.purple {
    color: #6020a5;
    font-size: 2rem;
}

.sub-title {
    font-size: 1.5rem;
    color: #000000;
    font-weight: 500;
}


.speaker-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding-bottom: 7rem;
    justify-content: center;
}

.speaker-area2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 7rem;
}

.speaker {
    width: 16rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5rem 2rem 0rem 2rem;
}

.speaker1 {
    width: auto;
}

.speaker-img {
    width: 16rem;
    height: 16rem;
    background-color: #ffffff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;

}

.speaker-img::before {
    content: '';
    position: absolute;
    inset: 0px;
    background-image: url(../images/speaker-border.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.speaker-img img {
    width: 100%;
}


.speaker-name,
.speaker_name {
    font-size: 1.7rem;
    font-weight: 600;
    color: #985fc1
}

.name-eng,
.name_eng {
    font-size: 1.5rem;
    color: #985fc1
}

.speaker-title,
.speaker_title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #000000;
}

.more-btn {
    padding: 5px 30px;
    background-color: #8760bf;
    color: #fff;
    font-size: 1.3rem;
    border-radius: 5px;
    margin-top: 15px;
    cursor: pointer;
    border: solid 2px #8760bf;
    transition: 0.5s
}

.more-btn:hover {
    background-color: #fff;
    color: #8760bf;
    border: solid 2px #8760bf;
}

/* speaker-popup */
.speaker-popup {
    display: none;
}

.speaker-popup.active {
    display: block;
}

.speaker-popup-bg {
    width: 100vw;
    height: 100%;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.75);
}



.speaker-popup-content {
    background-color: #fff;
    width: 85vw;
    max-width: 1080px;
    padding: 50px;
    border-radius: 10px;
    position: relative;
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
}

.close-sec {
    position: sticky;
    top: 0px;
}

.popup-close {
    font-size: 2rem;
    position: absolute;
    right: -42px;
    top: -42px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.5s;
    width: 30px;
    height: 30px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e6e4e4;
    letter-spacing: 0;
}

.popup-close:hover {
    color: #500089;
}

.popup-top {
    display: flex;
    /* margin-bottom: 50px; */
}

.top-img {
    width: 30%;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    margin: 30px;
    overflow: hidden;
    position: relative;
}

.top-img::before {
    content: '';
    position: absolute;
    inset: 0px;
    background-image: url(../images/speaker-border.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.top-img img {
    width: 100%;
}

.national {
    color: #6020a5;
    margin-bottom: 15px;
}

.speaker-detail {
    width: 70%;
}

.career,
.academic,
.intro {
    text-align: justify;
}

.dashline-3 {
    border: none;
    height: 1px;
    background: #1491af;
    background: repeating-linear-gradient(90deg, #1491af, #1491af 6px, transparent 6px, transparent 12px);
}

.schedule {
    border: solid 2px #1491af;
    border-radius: 10px;
    position: relative;
    margin-bottom: 50px;
}

.speaker-schedule h3 {
    margin: 3rem 0;
    font-size: 1.5rem;
    color: #1491af;
}

.schedule p {
    position: absolute;
    padding: 5px 20px;
    background-color: #1491af;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 5px;
    top: -24px;
    left: -17px;
}

.date-time,
.title-subtitle {
    padding: 20px;
    /* border-bottom: solid 1px #1491af; */
}

.day-schedule {
    border-bottom: solid 1px #1491af;
}

.day-schedule:nth-last-child(1) {
    border-bottom: none;
}

.date-time {
    border-right: solid 1px #1491af;
    width: 25%;
}

.popup-day1,
.popup-day2 {
    border-collapse: collapse;
    width: 100%;
}

/* .schedule1,.schedule2 {
        display: none;
    } */


.date,
.title {
    font-size: 1.2rem;
    font-weight: 600;
}



/* section_5 */
.section_5 {
    background-color: #e9eaff;
}

.agenda-area {
    position: relative;
}

.agenda-date {
    display: flex;
    position: relative;
    top: 2px;
}

.agenda-date-tag {
    padding: 7px 15px;
    color: #8760bf;
    font-size: 1.2rem;
    font-weight: 600;
    border: solid 2px;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
    background-color: #fff;
    margin-right: 1px;
    cursor: pointer;
}

.inactive {
    background-color: #8760bf;
    color: #fff;
    border: solid 2px #8760bf;
    border-bottom: none;
}

.schedule-chart {
    width: 100%;
    border: solid 2px #8760bf;
    border-radius: 0 0 10px 10px;
    padding: 2rem;
    background-color: white;
}

.agenda-schedule {
    font-size: 1rem;
    display: none;
    height: 35rem;
    overflow: hidden;
}

.text-left {
    text-align: left;
}

.text-left p {
    color: #8760bf;
    font-weight: 500;
}

.active {
    height: fit-content;
}

.agenda-schedule th,
.agenda-schedule td {
    padding: 10px;
    border-bottom: solid 1px #8760bf;
}

.align-middle {
    /* width: 20px; */
    border: solid 1px #8760bf;
    font-weight: 600;
}


.agenda-schedule table {
    /* padding: 1rem 5rem; */
    width: 85%;
    border-collapse: collapse;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 1px;
}

.agenda-schedule table thead {
    color: #8760bf;
    border-bottom: solid 2px #8760bf;
    font-size: 1.3rem;
}

.speech-title {
    white-space: nowrap;
    font-weight: 600;
}

.agenda-schedule td p {
    font-size: 1rem;
}

.rest {
    background-color: #8860bf36;
    color: #8760bf;
}

.show {
    display: block;
}

.table-bottom {
    display: none;
}

.agenda-more-area {
    width: 100%;
    position: relative;
    height: 6rem;
}

.agenda-more-btn {
    font-size: 1.2rem;
    background-color: #8760bf;
    color: #fff;
    position: absolute;
    padding: 5px 25px;
    border-radius: 10px;
    left: 50%;
    top: -20%;
    transform: translateX(-50%);
    cursor: pointer;
    transition: 0.5s;
}

.agenda-more-btn:hover {
    background-color: #331f49;
}

.agenda-more-btn img {
    width: 20px;
}

.agenda-more-btn.active img {
    transform: rotate(180deg);
}

.dowload-area {
    width: 100%;
    position: relative;
    height: 6rem;
    padding-bottom: 5rem;
}

.download_pdf_btn {
    background-color: #331f49;
    padding: 10px 20px 10px 50px;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 10px;
    position: absolute;
    right: 0%;
    top: -20px;
    transition: 0.5s
}

.download-icon {
    width: 25px;
    position: absolute;
    left: 15px;
}

.download_pdf_btn:hover {
    background-color: #8760bf;
}

.dashline-1 {
    position: relative;
    top: 45%;
    border: none;
    height: 2px;
    background: #985fc1;
    background: repeating-linear-gradient(90deg, #985fc1, #985fc1 12px, transparent 12px, transparent 24px);
}

/* section_8 */
.section_8 {
    overflow: hidden;
    padding-bottom: 5rem;
    background-image: url(../images/background.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.report-slider img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    transition: 0.5s;
}

.report-slider-item {
    margin: 10px;
    margin-bottom: 50px;
    text-align: left;
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #a30094;
    position: relative;
    transition: 0.5s;
}

.report-slider-item:hover {
    transform: scale(1.03);
}

.slick-prev:before {
    display: block;
    background: url(../images/report-slick-arrow.svg) center center no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
}

.slick-next::before {
    display: block;
    background: url(../images/report-slick-arrow.svg) center center no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%) scaleX(-1);
}

.report-slider-item p {
    font-size: 1.2rem;
    padding: 10px;
    height: 104px;
    color: #3f3f3f;
    text-align: justify;
}

.report-more {
    padding: 7px 25px;
    border-radius: 10px;
    background-color: #a30094;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: -18px;
    transition: 0.5s;
    border: solid 2px #a30094;
}

.report-more:hover {
    background: #ffffff;
    color: #a30094;
    border: solid 2px #a30094;
}

/* section_9 */
.section_9 {
    margin-top: 3vw;
}

.trend-slider-item {
    margin: 10px;
    display: flex;
    flex: 1 1 250px;
    border: solid 2px #a30094;
    border-radius: 10px;
    padding: 30px 20px;
    margin-bottom: 50px;
    gap: 30px;
    background-color: white;
    cursor: pointer;
    transition: 0.5s;
}

@media(hover:hover) {
    .trend-slider-item:hover {
        transform: scale(1.01);
    }
}

.trend-img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.trend-slider img {
    width: 100%;
}

.trend-slider-item .trend-title {
    text-align: left;
    color: #a30094;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 10px;
    text-align: justify;
}

.trend-slider-item p {
    color: #3f3f3f;
    text-align: left;
    font-size: 1rem;
    margin-top: 10px;
    padding: 10px;
    text-align: justify;
}

.trend-more-btn {
    border: 2px solid #a30094;
    width: fit-content;
    float: right;
    background-color: #a30094;
    color: white;
    padding: 10px;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.5s;
    font-size: 1.3rem;
}

.trend-more-btn:hover {
    background-color: white;
    color: #a30094;
}

.slick-prev,
.slick-next {
    z-index: 1;
}

.trend-slider .slick-prev:before {
    display: block;
    background: url(../images/trend-slick-arrow.svg) center center no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.trend-slider .slick-next:before {
    display: block;
    background: url(../images/trend-slick-arrow.svg) center center no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%) scaleX(-1);
}

.trend_left {
    width: 60%;
    left: -20%;
    top: 30%;
}

.trend_right1 {
    width: 60%;
    right: -20%;
    top: 0%;
    transform: scale(-1);
}

.trend_right2 {
    width: 60%;
    right: -20%;
    top: 80%;
    transform: scale(-1);
}

.trend.star.star1 {
    top: 48%;
    left: 1%;
}

.trend.star.star4 {
    top: -15%;
    right: 3%;
}

/* section_6 */
.section_6 {
    background-color: #fff;
    padding: 3rem 0;
}


.signup-content {
    background-color: #f2f4f4;
    border-radius: 15px;
}

.event-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5rem;
    margin: 1rem;
}

.dashline-2 {
    position: relative;
    width: 80%;
    margin: 0 auto;
    top: 45%;
    border: none;
    height: 1px;
    background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 12px, transparent 12px, transparent 24px);
}

.event {
    text-align: left;
    margin-right: 7rem;
    font-size: 1.2rem;
}

.detail-title {
    color: #8760bf;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.detail-title img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}


#embed-map-canvas img {
    max-width: none !important;
    background: none !important;
    font-size: inherit;
    font-weight: inherit;
}


.mode-explain {
    margin-left: 20px
}


.mode-explain li {
    list-style-type: disc;
    list-style-position: outside;
    color: #1770c9;
    font-size: 1rem;
    margin: 7px 0;
}

.go-signup {
    color: #fff;
    background-color: #5491f5;
    padding: 3px 5px;
    border-radius: 3px;
    cursor: pointer;
}

.go-signup:hover {
    opacity: 0.7;
}

.map {
    overflow: hidden;
    max-width: 100%;
    width: 500px;
    height: 350px;
}



/* section_7 */
.signup {
    width: 100%;
    display: flex;
    justify-content: center;
    /* text-align: left; */
}

input,
select {
    border-radius: 5px;
    padding: 3px;
    border: solid 1px #a9a9a9;
}

.signup form {
    width: 70%;
    padding-bottom: 5rem;
    font-size: 1.2rem;
}

.signup-input {
    margin: 1.5rem 0;
    display: flex;
    justify-content: left;
}

/* input[type=text]:focus {
    outline: solid 2px #ce3428
} */

.red {
    color: #ce3428
}

.black {
    color: #000;
}

.signup-input select {
    font-size: 1.1rem;
}

.input-title {
    width: 30%;
    text-align: end;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.input-option {
    width: 40%;
    font-size: 1.1rem;
}

.agree-pact {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.agree-pact p {
    font-size: 1rem;
    text-align: left;
    margin-top: 0.5rem;
    text-align: justify;
}

.input-name input,
.input-name select {
    font-size: 1.2rem;
}

.agenda-select div {
    margin-bottom: 1rem;
    text-align: left;
}

.signup-notice {
    text-align: left;
    color: #ce3428;
    padding-bottom: 2rem;
    text-align: justify;
    padding-left: 30px;
}

.notice {
    text-align: left;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.signup-notice li {
    list-style-type: decimal;
    margin-bottom: 1rem;
}

.submit-click {
    padding: 5px 30px;
    font-size: 1.2rem;
    letter-spacing: 5px;
    background-color: #8760bf;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 5px;
    border: none;
}

.submit-click:hover {
    background-color: #331f49;
}

/* award */
.award-detail {
    width: 70%;
    margin: 1rem auto;
    text-align: left;
    padding-bottom: 5rem;
}

.award-plan {
    margin-left: -30px !important;
    margin-bottom: 0.7rem;
}

.award-detail p {
    font-size: 1.2rem;
    margin-left: -20px;
    text-align: justify;
}

.award-notice {
    margin-bottom: 3rem;
}


.award-notice li {
    font-size: 1.2rem;
    list-style-type: decimal;
    margin-bottom: 1rem;
    text-align: justify;
}

.award-pic {
    display: flex;
    flex-wrap: wrap;
}

.prize {
    margin: 0.5rem;
    width: 10rem;
    text-align: center;
}

.prize p {
    font-size: 1rem;
    margin: 0;
    text-align: center;
}

.prize-pic {
    width: 100%;
}

.prize-title {
    display: block;
    font-weight: 600;
    padding-bottom: 0.5rem;
    color: #500089;
}

.prize-title.gift {
    height: 4rem;
}

.prize-title.gift::before {
    position: relative;
    content: '';
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.prize-title.gift span {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.win-person {
    margin-left: 2rem;
}

.award-name-list {
    display: none;
}

.prize-more-btn {
    font-size: 1rem;
    background-color: #8760bf;
    color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.5s;
    width: fit-content;
    margin: 5px auto;
}

.prize-more-btn:hover {
    background-color: #331f49;
}

.show-more {
    width: 100%;
    position: relative;
    height: 6rem;
}

.show-more-btn {
    font-size: 1.2rem;
    background-color: #8760bf;
    color: #fff;
    position: absolute;
    padding: 5px 30px;
    border-radius: 5px;
    left: 50%;
    top: -20%;
    transform: translateX(-50%);
    cursor: pointer;
    transition: 0.5s;
}

.show-more-btn:hover {
    background-color: #331f49;
}

.name-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0.5rem 0;
}

.name {
    margin-left: 0 !important;
    padding: 0rem 3rem 1rem 0rem;
}

.dropped {
    display: block;
}

.title-list {
    color: #500089;
}

/* section_10 */
.section_10 {
    background-color: #fff;
}

.review-slider-item {
    margin: 15px;
}

.review-slider img {
    width: 100%;
}

.review-slider-item p {
    /* text-align: left; */
    color: #000000;
    font-size: 1.2rem;
}

.review-slider .slick-prev:before {
    display: block;
    background: url(../images/review-arrow-grey.svg) center center no-repeat;
    width: 80px;
    height: 10px;
    position: absolute;
    left: 25px;
    top: -120px;
}

.review-slider .slick-next:before {
    display: block;
    background: url(../images/review-arrow-grey.svg) center center no-repeat;
    transform: scaleX(-1);
    width: 80px;
    height: 10px;
    position: absolute;
    right: 25px;
    top: -127px;
}

/* section_11 */
.section_11 {
    background-color: #fff;
}

.section_11-subtitle {
    padding-top: 7rem;
}

.main-logo img {
    width: 12rem;
    margin: 2rem 5rem 5rem 5rem;
}

/* section_12 */
.section_12 {
    background-color: #fff;
}

.partner-logo-sec {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 5rem;
    align-items: center;
}

.partner-logo {
    width: calc(33% - 4rem);
    margin: 2rem;
    object-fit: contain;
}

.partner-logo img {
    height: 2.2rem;

}

.nologo {
    display: none;
}

.chiayi img {
    height: 3.2rem;
}

.yunlin img {
    height: 3.5rem;
}

.TenChen img {
    height: 3.5rem;
}

.CT img {
    height: 3.1rem;
}

.diageo img {
    height: 2.8rem;
}

.BankofTaiwan img {
    height: 3rem;
}

.ITA img {
    height: 2rem;
}

.allianz img {
    height: 2.8rem;
}

.kaohsiung img {
    height: 2.7rem;
}

.everrich img {
    height: 2rem;
}

.MOA img {
    height: 2.6rem;
}

.MegaBank img {
    height: 3.2rem;
}

.esun img {
    height: 2.8rem;
}

.TDCC img {
    height: 2.4rem;
}

.FPG img {
    height: 6rem;
}

.ASE img {
    height: 3.4rem;
}

.TFE img {
    height: 2.3rem;
}

.CDF img {
    height: 2.3rem;
}

.industrial img {
    height: 3rem;
}

.evergreen img {
    height: 3.5rem;
}

.evaair img {
    height: 3.2rem;
}

.POPradio img {
    height: 3rem;
}

.hitfm img {
    height: 4.5rem;
}

.iCRT img {
    height: 3.5rem;
}

.TVBS img {
    height: 6rem;
}

.FTV img {
    height: 3rem;
}

.SETN img {
    height: 3.5rem;
}

/* section_13 */
.section_13 {
    background-color: #fff;
}

/* right-fixed-area */
.right-fixed-area {
    position: fixed;
    right: 10px;
    bottom: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    transition: 0.5s;
    z-index: 3;
}

.right-fixed-area.show {
    opacity: 1;
}

.go-to-top {
    width: 50px;
    margin-top: 3rem;
    cursor: pointer;

}

.go-to-information,
.go-to-signup,
.contact-us {
    width: 60px;
    background-color: #8760bf;
    padding: 20px 10px;
    color: #fff;
    text-align: center;
    border-radius: 35px;
    cursor: pointer;
    transition: 0.5s;
}

.go-to-signup img,
.contact-us img {
    width: 35px;
}

.go-to-information {
    font-size: 1.3rem;
    background-color: #ffce33;
    color: #000;
    font-weight: 600;
    position: relative;
    z-index: 3;
}

.go-to-information::before {
    content: '';
    position: absolute;
    border-radius: 35px;
    z-index: -1;
    inset: 0;
    animation: informationAni 1.5s infinite;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes informationAni {
    0% {
        border: 1px solid #ffcf3300;

        width: 100%;
        height: 100%;
    }

    50% {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        border: 1px solid #ffcf33;
    }

    100% {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        border: 1px solid #ffcf33;
    }
}

.go-to-signup {
    z-index: 2;
}

.contact-us {
    background-color: #a30094;
    margin-top: -10px;
    z-index: 1;
}

.go-to-information:hover,
.go-to-signup:hover,
.contact-us:hover,
.go-to-top:hover {
    opacity: 0.7;
}

/* footer */
footer {
    background-color: #362176;
    color: #fff;
    text-align: center;
    padding: 1.5rem;
}

/* latest news */
.news-popup {
    display: none;
}

.news-popup-bg {
    width: 100vw;
    height: 100%;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #110344c0;
}

.news-popup-content {
    background-color: #ffffff;
    max-width: 960px;
    width: 85vw;
    padding: 2rem 3rem;
    position: relative;
    border-radius: 0.7rem;
}

.news-popup-close {
    position: absolute;
    font-size: 2rem;
    top: 10px;
    right: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.5s;
}


.news-popup-close:hover {
    color: #500089;
}

.news-popup-content h2 {
    margin-bottom: 2rem;
    color: #8760bf;
    /* margin-left: -1.5rem; */
    text-align: center;
    font-size: 2rem;
}


.news-popup-content ul li {
    list-style-type: disc;
    /* list-style-position: inside; */
    margin: 1rem 0;
    font-size: 1.3rem;
}

.news-title {
    font-size: 1.5rem;
    color: #ce3428;
    font-weight: 600;
}

/* prize popup */
.prize-popup {
    display: none;
}

.prize-popup-content {
    background-color: #fff;
    width: 85vw;
    max-width: 1080px;
    padding: 50px;
    border-radius: 10px;
    position: relative;
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
}

.prize-notice {
    margin: 20px;
    font-size: 1.2rem;
}

.prize-notice li {
    list-style-type: decimal;
    margin: 10px 0;
    text-align: justify;
    margin-left: 10px;
}

.prize-notice ul {
    padding-left: 20px;

}

.prize-notice ul li {
    list-style-type: square;
}

.prize-notice ul li ul li {
    list-style-type: circle;
}

/* signup_popup */
.signup-popup {
    display: none;
}



.signup-popup-content {
    background-color: #ffffff;
    width: 85vw;
    max-width: 500px;
    padding: 3rem;
    position: relative;
    border-radius: 0.7rem;
    font-size: 1.2rem;
}

.signup-popup-content h3 {
    text-align: center;
    margin-bottom: 2rem;
    color: #500089;
}

@media screen and (max-width:1540px) {
    .header_social_area a {
        width: 35px;
        height: 35px;
    }

    .header_social_area a:nth-child(2) {
        width: 37px;
    }

    .menu_list_pc li span p:nth-child(1) {
        font-size: 1rem;
    }

    .menu_list_pc li span p:nth-child(2) {
        font-size: 0.5rem;
    }

    .speaker-area2 {
        display: inline-flex;
        max-width: 960px;
    }

    .speaker-img {
        width: 14rem;
        height: 14rem;
    }

    .speaker-name,
    .speaker_name {
        font-size: 1.6rem;
    }

    .name-eng,
    .name_eng {
        font-size: 1.3rem;
    }

    .speaker-title,
    .speaker_title {
        font-size: 1.1rem;
    }

    .more-btn {
        padding: 5px 26px;
        font-size: 1rem;
    }

    .speaker {
        margin: 4rem 2rem 0rem 2rem;
    }

    .report-slider-item p {
        height: 151px;
    }
}

@media screen and (max-width:1420px) {
    .issue h2 {
        padding: 15px 48px;
    }

    .issue-describe p {
        padding: 18px;
    }

    .ss-show.session {
        display: block;
    }
}

@media screen and (max-width:1360px) {

    .trend-issue {
        display: inline-flex;
        flex-wrap: wrap;
        max-width: 580px;
    }

    .review-slider .slick-prev:before {
        top: -131px;
    }

    .review-slider .slick-next:before {
        top: -138px;
    }
}

@media screen and (max-width:1300px) {
    .menu_list_pc {
        display: none;
    }

    .header_social_area {
        display: none;
    }

    .nav_bar {
        height: 60px;
    }

    .menu_box {
        display: block;
        font-size: 2.3rem;
        position: fixed;
        right: 20px;
        cursor: pointer;
    }

    .menu_list_mb {
        width: 100vw;
        min-height: 100vh;
        height: auto;
        background-color: #110345;
        z-index: 9;
        text-align: center;
        display: block;
        position: relative;
        left: -200%;
        transition: 0.5s;
        overflow-y: auto;
    }

    .mb_item {
        padding: 0.8rem 0;
        border-bottom: solid 1px #fff;
        cursor: pointer;
        font-size: 0.8rem;
    }

    .menu_close_box {
        font-size: 2rem;
        position: absolute;
        right: 20px;
        top: 10px;
        cursor: pointer;
    }

    .mb_header_social_area a {
        position: relative;
        display: inline-block;
        outline: none;
        width: 30px;
        height: 30px;
        transition: 0.5s;
    }

    .mb_header_social_area a:nth-child(1) {
        margin-right: 4%;
        background: url(../images/logo-fb.svg) center center no-repeat;
        background-size: contain;
    }

    .mb_header_social_area a:nth-child(2) {
        margin-right: 4%;
        background: url(../images/logo-line.svg) center center no-repeat;
        background-size: contain;
    }

    .mb_header_social_area a:nth-child(3) {
        margin-right: 4%;
        background: url(../images/logo-bt.svg) center center no-repeat;
        background-size: contain;
    }

    .speaker-detail {
        width: 50%;
    }

    .top-img {
        width: 15rem;
        height: 15rem;
    }

    .taiwanfuture-logo {
        top: 10vw;
        width: 19vw;
    }

    .kv-top {
        height: 58vw;
    }

    .latestNews_text_area {
        padding: 5% 7%;
    }

    .latestNews_tittle_word {
        width: 40%;
    }

    .section-subtitle {
        height: 7rem;
    }

    .event {
        margin-right: 0rem;
    }

    .partner-logo-sec {
        padding: 0 10% 10% 10%;
    }

    .partner-logo {
        width: calc(33% - 2rem);
        margin: 2rem 1rem;
    }

    /* .partner-logo img {
        width: 100%;
        height: auto;
    } */

    .TDCC img {
        width: 90%;
        height: auto;
    }

    .ITA img {
        width: 100%;
        height: auto;
    }

    .TBB img {
        width: 115%;
        height: auto;
    }

    .TWSE img {
        width: 110%;
        height: auto;
    }

    .hitfm img {
        width: 50%;
    }

}

@media screen and (max-width:1200px) {
    .review-slider .slick-next:before {
        top: -187px;
    }

    .review-slider .slick-prev:before {
        top: -180px;
    }

    .section-title {
        font-size: 1.7rem;
        padding-top: 5rem;
        padding-bottom: 3rem;
        height: 11rem;
    }

    .purple {
        font-size: 1.6rem;
    }

    .partner-logo {
        width: calc(40% - 2rem);
        margin: 3rem;
    }

    .partner-logo img {
        height: 3rem;
        width: auto;
    }

    .yunlin img {
        height: 3.3rem;
    }

    .kaohsiung img {
        height: 2.5rem;
    }

    .YTF img {
        height: 2.3rem;
    }

    .CT img {
        height: 2.8rem;
    }

    .allianz img {
        height: 2.8rem;
    }

    .ITA img {
        height: 2.2rem;
    }

    .MegaBank img {
        height: 3.2rem;
    }

    .ASE img {
        height: 3.5rem;
    }

    .FPG img {
        height: 6.5rem;
    }

    .CDF img {
        height: 2.5rem;
    }

    .DHL img {
        height: 2.5rem;
    }

    .TBB img {
        height: 2rem;
        transform: translateX(0);
    }

    .TWSE img {
        height: 2.2rem;
    }

    .TDCC img {
        height: 2.5rem;
    }

    .esun img {
        height: 2.6rem;
    }

    .everrich img {
        height: 2rem;
    }

    .LionTravel img {
        height: 2.5rem;
    }

    .TFE img {
        height: 2.4rem;
    }

    .hitfm img {
        height: 4.5rem;
    }

    .csbc img {
        height: 2.4rem;
    }

    .iCRT img {
        height: 3.4rem;
    }

    .yahoo img {
        height: 2.6rem;
    }

    .ETtoday img {
        height: 2.3rem;
    }

    .TVBS img {
        height: 6rem;
    }

    .SETN img {
        height: 3.4rem;
    }
}

@media screen and (max-width:1130px) {
    .speaker-area2 {
        display: inline-flex;
        max-width: 640px;
    }

    .review-slider .slick-prev:before {
        top: -167px;
    }

    .review-slider .slick-next:before {
        top: -174px;
    }
}

@media screen and (max-width:1024px) {
    .event-detail {
        flex-direction: column;
    }

    .event {
        margin-bottom: 3rem;
    }

    .review-slider .slick-prev:before {
        top: -141px;
    }

    .review-slider .slick-next:before {
        top: -148px;
    }

    .partner-logo-sec {
        padding: 0;
    }

}


@media screen and (max-width:920px) {

    .video-title {
        font-size: 1.8rem;
        color: #ffce33;
    }

    .latestNews_tittle_word span {
        font-size: 1.8rem;
    }

    .latestNews_text_area ul li {
        font-size: 1.2rem;
    }

    .latestNews_text_area ul li a {
        font-size: 1.2rem;
    }

    .leader-amount {
        max-width: 521px;
    }

    .agenda-schedule th,
    .agenda-schedule td {
        font-size: 1rem;
        padding: 7px;
    }

    .agenda-date-tag {
        font-size: 1rem;
    }

    .agenda-schedule table {
        width: 90%;
    }

    .download_pdf_btn {
        font-size: 1.2rem;
        padding: 10px 20px 10px 42px;
    }

    .download-icon {
        width: 20px;
    }

    .review-slider .slick-prev:before {
        top: -119px;
    }

    .review-slider .slick-next:before {
        top: -126px;
    }

    .trend-slider-item {
        margin: 10px;
        display: block;
    }

    .ss-show.award {
        display: block;
    }
}

@media screen and (max-width:860px) {
    .section-title {
        height: 8rem;
        padding-top: 3rem;
        font-size: 1.5rem;
    }

    .long-title {
        width: 260px;
    }

    .purple {
        font-size: 1.5rem;
    }

    .sub-title {
        font-size: 1.3rem;
    }

    .agenda-schedule {
        height: 26rem;
    }

    .ss-hide {
        display: none;
    }

    .active {
        height: fit-content;
    }

    .review-slider .slick-prev:before {
        top: -160px;
    }

    .review-slider .slick-next:before {
        top: -167px;
    }

    .report-slider-item p {
        height: 157px;
    }

    .popup-top {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .speaker-detail {
        width: 80%;
    }

    .signup form {
        width: 90%;
    }

    .input-name input {
        width: 65%;
        margin-right: 2px;
    }

    .input-name {
        display: flex;
        width: 60%;
    }

    .input-option {
        width: 54%;
    }

    .FPC img {
        height: 2.7rem;
    }

    .prize {
        width: 9rem;
    }
}

@media screen and (max-width:754px) {
    .latestNews_tittle_word {
        width: 50%;
    }

    .latestNews_tittle_word span {
        font-size: 1.5rem;
    }

    .latestNews_text_area ul li {
        font-size: 1rem;
    }

    .latestNews_text_area ul li a {
        font-size: 1rem;
    }

    .speaker-area2 {
        display: inline-flex;
        max-width: 320px;
    }

    .speaker {
        margin: 4rem 2rem 0rem 2rem;
    }

    /* .purple {
        margin-top: 5rem;
    } */

    .review-slider .slick-prev:before {
        top: -142px;
    }

    .review-slider .slick-next:before {
        top: -149px;
    }

    .partner-logo {
        width: calc(42% - 2rem);
        margin: 2rem;
    }

    .partner-logo img {
        width: 80%;
        height: auto;
    }

    .partner-logo-sec {
        padding-bottom: 2rem;
    }

    .TBB img {
        width: 110%;
    }

    .FPG img {
        width: 55%;
    }

    .CT img {
        width: 65%;
    }

    .yunlin img {
        width: 85%;
    }

    .allianz img {
        width: 87%;
    }

    .TenChen img {
        width: 70%;
    }

    .diageo img {
        width: 55%;
    }

    .ASE img {
        width: 70%;
    }

    .TDCC img {
        width: 100%;
    }

    .evaair img {
        width: 70%;
    }

    .LionTravel img {
        width: 85%;
    }

    .esun img {
        width: 70%;
    }

    .TWSE img {
        width: 110%;
    }

    .ITA img {
        width: 100%;
    }

    .POPradio img {
        width: 75%;
    }

    .hitfm img {
        width: 50%;
    }

    .iCRT img {
        width: 45%;
    }

    .csbc img {
        width: 65%;
    }

    .yahoo img {
        width: 60%;
    }

    .ETtoday img {
        width: 90%;
    }

    .TVBS img {
        width: 40%;
    }

    .FTV img {
        width: 57%;
    }

    .SETN img {
        width: 45%;
    }
}

@media screen and (max-width:680px) {
    .circle {
        width: 180px;
        height: 180px;
        margin: 12px;
    }

    .circle::after {
        width: 200px;
        height: 200px;
    }

    .circle p {
        font-size: 0.9rem;
    }

    .leader-amount {
        max-width: 448px;
    }

    .trend-issue {
        display: inline-flex;
        flex-wrap: wrap;
        max-width: 300px;
    }

    .review-slider .slick-prev:before {
        top: -124px;
    }

    .review-slider .slick-next:before {
        top: -131px;
    }

    .award-subtitle {
        font-size: 1.2rem;
    }
}

@media screen and (max-width:600px) {
    .report-slider-item {
        margin: 30px;
        margin-top: 0;
    }

    .slick-prev:before {
        left: 2px;
    }

    .slick-next:before {
        right: 2px;
    }

    .review-slider .slick-prev:before {
        top: -154px;
        left: 37px;
    }

    .review-slider .slick-next:before {
        top: -161px;
        right: 37px;
    }
}

@media screen and (max-width:540px) {
    #status img {
        width: 100px;
        height: 100px;
    }

    .logo {
        width: 80px;
    }

    .kv-top {
        height: 145vw;
    }

    .section_1 {
        background: url(../images/kv/main_bg.png) top center no-repeat;
        background-size: 100% 190%;
    }

    .kv-earth {
        width: 78%;
    }

    #wave1 {
        width: 179%;
        left: -45%;
        margin: 0 auto 9% auto;
    }

    .star_point {
        width: 73%;
    }

    .star_point.left {
        left: -40%;
    }

    .star_point.right {
        right: -40%;
    }

    .star {
        width: 16%;
    }

    .star.star2 {
        top: 12%;
    }

    .star.star4 {
        top: 29%;
        right: 6%;
    }

    .video_left {
        width: 80%;
        left: -50%;
        top: 60%;
    }

    .video_right {
        width: 80%;
        right: -50%;
        top: 75%;
        transform: scale(-1);
    }

    .video.star.star4 {
        top: 83%;
        right: -1%;
    }

    .trend.star.star1 {
        top: 48%;
        left: -1%;
    }

    .trend.star.star4 {
        top: -7%;
        right: 2%;
    }

    .issue:hover>.issue-describe p {
        font-size: 0.85rem;
    }

    .taiwanfuture-logo {
        top: 31.5vw;
        width: 41vw;
    }

    .pc-show {
        display: none;
    }

    .ss-show {
        display: block;
    }


    .section-title {
        padding-top: 2rem;
        height: 3rem;
        padding-bottom: 4rem;
    }

    .section-title h3 {
        font-size: 1.5rem;
    }

    .long-title {
        width: 231.5px;
    }

    .section-title h3::before {
        width: 2.7rem;
        height: 2rem;
        left: -50px;
    }

    .section-title h3::after {
        width: 2.7rem;
        height: 2rem;
        right: -50px;
    }

    .video-sec h2 {
        font-size: 1.2rem;
    }

    .video_iframe {
        width: 80vw;
        height: 45vw;
    }

    .video-sec {
        /* padding: 12vw 0; */
        padding-bottom: 3rem;
    }

    .latestNews_content_box {
        width: 80vw;
    }

    .leader-amount {
        max-width: 320px;
    }

    .circle {
        width: 145px;
        height: 145px;
        margin: 12px 7px;
    }

    .circle::after {
        width: 150px;
        height: 150px;
        filter: blur(0.3rem);
    }

    .circle p {
        font-size: 0.7rem;
    }

    .trend-slider .slick-prev:before {
        left: 10px;
        top: -1300%;
        transform: translateY(-50%);
    }

    .trend-slider .slick-next:before {
        right: 10px;
        top: -1300%;
        transform: translateY(-50%) scaleX(-1);
    }

    .issue-describe p {
        padding: 27px;
        font-weight: 600;
    }

    .leader-amount h2 {
        margin-top: 2.5rem;
        margin-bottom: 0.2rem;
        font-size: 1.2rem;
    }

    .purple {
        margin-top: 2rem;
        font-size: 1.4rem;
    }

    .sub-title {
        font-size: 1.1rem;
    }

    .speaker-area {
        padding-bottom: 4rem;
        flex-direction: column;
    }

    .speaker {
        margin: 2rem 2rem 2rem 2rem;
    }

    .speaker-img {
        width: 15rem;
        height: 15rem;
    }

    .popup-top {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .schedule p {
        top: -30px;
        left: -10px;
    }

    .date,
    .title {
        font-size: 1rem;
    }

    .time {
        font-size: 0.7rem;
        font-weight: 500;
    }

    .date-time,
    .title-subtitle {
        padding: 10px;
    }

    .top-img {
        width: 10rem;
        height: 10rem;
        margin: 10px;
    }

    .national {
        text-align: center;
    }

    .speaker-name,
    .speaker_name {
        text-align: center;
        font-size: 1.4rem;
    }

    .name-eng,
    .name_eng {
        text-align: center;
        font-size: 1.2rem;
    }

    .speaker-detail {
        width: 100%;
    }

    .speaker-popup-content {
        padding: 15px;
    }

    .prize-popup-content {
        padding: 30px 15px;
    }

    .prize-notice ul {
        padding-left: 10px;
    }

    .popup-close {
        right: 0px;
        top: 0px;
    }

    .speaker-title {
        font-size: 0.95rem;
        text-align: center;
    }

    .schedule-chart {
        padding: 2rem 0;
    }

    .agenda-schedule th,
    .agenda-schedule td {
        font-size: 0.8rem;
        padding: 5px;
    }

    .agenda-schedule td p {
        font-size: 0.8rem;
    }

    .event {
        font-size: 1.1rem;
        margin-bottom: 1.5rem;
    }

    .event p {
        font-size: 1rem;
    }

    .event-detail {
        padding-bottom: 3rem;
    }

    .map {
        max-width: 100%;
        width: 300px;
        height: 200px;
    }

    .signup {
        margin-top: -2rem;
    }

    .signup-input {
        flex-direction: column;
    }

    .agree-pact {
        width: 100%;
    }

    .ss-noshow {
        display: none;
    }

    .input-title {
        width: 100%;
        text-align: start;
    }

    .signup-input select {
        font-size: 1rem;
    }

    .input-option {
        width: 100%;
        font-size: 1rem;
    }

    .input-name {
        display: flex;
        width: 100%;
    }

    .input-name input {
        width: 60%;
        margin-right: 5px;
        font-size: 1rem;
    }

    .input-name select {
        width: 40%;
    }

    .agenda-schedule {
        height: 23rem;
    }

    .award-detail {
        width: 80%;
        padding-bottom: 3rem;
    }

    .award-detail p {
        font-size: 1rem;
        text-align: center;
    }
    .name-list{
        text-align: center;
        justify-content: center;
    }
    .name{
        padding: 0rem 1rem 1rem 0rem;
    }

    .win-person {
        margin-left: 0;
    }

    .prize-title.gift {
        height: fit-content;
    }

    .award-notice li {
        font-size: 1rem;
    }

    .prize-notice {
        margin: 20px;
        font-size: 1rem;
    }

    .prize {
        width: 60vw;
    }

    .prize p {
        font-size: 1.2rem;
    }

    .prize-pic {
        width: 80%;
    }

    .active {
        height: fit-content;
    }

    .award-subtitle {
        font-size: 1.2rem;
    }

    .title-list {
        font-size: 1.1rem !important;
    }

    .agenda-select,
    .agree {
        text-align: start;
        font-size: 1.1rem;
        /* margin-left: 1rem; */
    }

    .signup form {
        width: 90%;
    }

    .notice {
        font-size: 1rem;
        margin-left: 0;
    }

    .signup-notice {
        font-size: 1rem;
        margin-left: 1rem;
        padding-left: 0px;
    }

    .right-fixed-area {
        bottom: 5%;
        right: 2px;
        z-index: 4;
        transform: scale(0.8);
    }

    .review-slider .slick-prev:before {
        top: -133px;
    }

    .review-slider .slick-next:before {
        top: -140px;
    }

    .report-slider-item p {
        height: 150px;
        font-size: 1rem;
    }

    .report-slider-item {
        margin: 10px;
        margin-bottom: 20px;
    }

    .slick-prev:before {
        left: -25px;
    }

    .slick-next:before {
        right: -25px;
    }

    .review-slider-item p {
        font-size: 1rem;
    }

    .main-logo img {
        width: 7rem;
        margin: 1rem 3rem 3rem 3rem;
    }

    .section-subtitle {
        height: 5rem;
    }

    .section-subtitle h3 {
        font-size: 1.5rem;
    }

    .section_11-subtitle {
        padding-top: 3rem;
    }

    .partner-logo {
        width: calc(50% - 2rem);
        margin: 1rem 1rem;
        text-align: left;
    }

    .partner-logo img {
        width: 90%;
        height: auto;
    }

    .partner-logo-sec {
        padding-bottom: 3rem;
    }

    .nologo {
        display: block;
    }

    .TBB img {
        width: 160%;
    }

    .yunlin img {
        width: 92%;
    }

    .TenChen img {
        width: 80%;
    }

    .esun img {
        width: 80%;
    }

    .YTF img {
        width: 93%;
    }

    .MegaBank img {
        width: 85%;
    }

    .diageo img {
        width: 62%;
    }

    .evaair img {
        width: 85%;
    }

    .everrich img {
        width: 95%;
    }

    .CDF img {
        width: 100%;
    }

    .CT img {
        width: 72%;
    }

    .ASE img {
        width: 80%;
    }

    .LionTravel img {
        width: 110%;
    }

    .TDCC img {
        width: 140%;
    }

    .FPG img {
        width: 60%;
    }

    .allianz img {
        width: 105%;
    }

    .ITA img {
        width: 130%;
    }

    .TFE img {
        width: 100%;
    }

    .TWSE img {
        width: 140%;
    }

    .POPradio img {
        width: 80%;
    }

    .hitfm img {
        width: 50%;
    }

    .csbc img {
        width: 70%;
    }

    .iCRT img {
        width: 55%;
    }

    .yahoo img {
        width: 65%;
    }

    .ETtoday img {
        width: 120%;
    }

    .TVBS img {
        width: 50%;
    }

    .FTV img {
        width: 60%;
    }

    .SETN img {
        width: 55%;
    }

    .signup-popup-content h3 {
        font-size: 1.3rem;
    }

    .signup-popup-content {
        padding: 2rem;
    }

    footer {
        font-size: 0.8rem;
    }

    .news-popup-content ul li {
        font-size: 1.1rem;
    }

    .news-popup-content h2 {
        margin-bottom: 2rem;
        color: #500089;
        /* margin-left: -1.5rem; */
        text-align: center;
        font-size: 1.8rem;
    }

}

@media screen and (max-width:460px) {

    .review-slider .slick-prev:before {
        top: -115px;
    }

    .review-slider .slick-next:before {
        top: -122px;
    }
}

@media screen and (max-width:385px) {
    .review-slider .slick-prev:before {
        top: -97px;
    }

    .review-slider .slick-next:before {
        top: -104px;
    }
}


.cls-1 {
    stroke: url(#linear-gradient-14);
    stroke-width: 5px;
}

.cls-1,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6,
.cls-7,
.cls-8,
.cls-9,
.cls-10,
.cls-11,
.cls-12,
.cls-13,
.cls-14,
.cls-15,
.cls-16,
.cls-17,
.cls-18,
.cls-19,
.cls-20,
.cls-21,
.cls-22,
.cls-23,
.cls-24,
.cls-25 {
    fill: none;
}

.cls-1,
.cls-2,
.cls-3,
.cls-4,
.cls-5,
.cls-6,
.cls-7,
.cls-8,
.cls-9,
.cls-10,
.cls-11,
.cls-12,
.cls-13,
.cls-14,
.cls-15,
.cls-17,
.cls-18,
.cls-19,
.cls-20,
.cls-21,
.cls-22,
.cls-23,
.cls-24,
.cls-25 {
    stroke-miterlimit: 10;
}

.cls-2 {
    stroke: url(#linear-gradient-2);
}

.cls-2,
.cls-24 {
    stroke-width: .5px;
}

.cls-3 {
    stroke: url(#linear-gradient-10);
}

.cls-3,
.cls-12,
.cls-13,
.cls-14 {
    stroke-width: 2px;
}

.cls-4 {
    stroke: url(#_未命名漸層_10-6);
}

.cls-4,
.cls-22 {
    stroke-width: 3px;
}

.cls-5 {
    stroke: url(#linear-gradient-6);
}

.cls-26 {
    isolation: isolate;
}

.cls-6 {
    stroke: url(#linear-gradient-3);
}

.cls-6,
.cls-15,
.cls-18 {
    stroke-width: .7px;
}

.cls-7 {
    stroke: url(#_未命名漸層_10-2);
}

.cls-8 {
    stroke: url(#linear-gradient-13);
}

.cls-8,
.cls-20 {
    stroke-width: 4px;
}

.cls-27 {
    fill: url(#radial-gradient);
    mix-blend-mode: multiply;
}

.cls-9 {
    stroke: url(#_未命名漸層_10-7);
    stroke-width: 3.5px;
}

.cls-10 {
    stroke: url(#linear-gradient-7);
}

.cls-11 {
    stroke: url(#_未命名漸層_3);
}

.cls-12 {
    stroke: url(#_未命名漸層_10-4);
}

.cls-13 {
    stroke: url(#linear-gradient-9);
}

.cls-28 {
    clip-path: url(#clippath);
}

.cls-14 {
    stroke: url(#linear-gradient-11);
}

.cls-29 {
    mix-blend-mode: color-dodge;
}

.cls-15 {
    stroke: url(#linear-gradient-4);
}

.cls-17 {
    stroke: url(#_未命名漸層_10-3);
    stroke-width: 1.5px;
}

.cls-18 {
    stroke: url(#linear-gradient-5);
}

.cls-19 {
    stroke: url(#linear-gradient-8);
}

.cls-20 {
    stroke: url(#_未命名漸層_10-8);
}

.cls-21 {
    stroke: url(#linear-gradient-15);
    stroke-width: 6px;
}

.cls-22 {
    stroke: url(#linear-gradient-12);
}

.cls-23 {
    stroke: url(#_未命名漸層_10);
}

.cls-24 {
    stroke: url(#linear-gradient);
}

.cls-25 {
    stroke: url(#_未命名漸層_10-5);
    stroke-width: 2.5px;
}