@charset "UTF-8";
/* 文字
flipedu guide
https://www.figma.com/design/4IeBzvxOJjjN04gVVcmXJg/Flipedu-Design-System?node-id=0-1&t=BSqNlm1elfPPZpnC-0
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap");
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip--lock, .id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip, .edu_footer_tooltip, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip--lock, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip, .author_info_container .author_name_container .btn_follow_tooltip--lock, .author_info_container .author_name_container .btn_follow_tooltip, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip, .article_social_topFixed .social_icons li.btn_collect_tooltip--lock, .article_social_topFixed .social_icons li.btn_collect_tooltip {
    position: relative;
}
@media (any-hover: hover) {
    .id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip--lock:hover::before, .id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip:hover::before, .edu_footer_tooltip:hover::before, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip--lock:hover::before, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip:hover::before, .author_info_container .author_name_container .btn_follow_tooltip--lock:hover::before, .author_info_container .author_name_container .btn_follow_tooltip:hover::before, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock:hover::before, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip:hover::before, .article_social_topFixed .social_icons li.btn_collect_tooltip--lock:hover::before, .article_social_topFixed .social_icons li.btn_collect_tooltip:hover::before, .id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip--lock:hover::after, .id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip:hover::after, .edu_footer_tooltip:hover::after, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip--lock:hover::after, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip:hover::after, .author_info_container .author_name_container .btn_follow_tooltip--lock:hover::after, .author_info_container .author_name_container .btn_follow_tooltip:hover::after, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock:hover::after, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip:hover::after, .article_social_topFixed .social_icons li.btn_collect_tooltip--lock:hover::after, .article_social_topFixed .social_icons li.btn_collect_tooltip:hover::after {
        opacity: 1;
        display: inline-block;
    }
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip--lock::before, .id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip::before, .edu_footer_tooltip::before, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip--lock::before, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip::before, .author_info_container .author_name_container .btn_follow_tooltip--lock::before, .author_info_container .author_name_container .btn_follow_tooltip::before, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock::before, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip::before, .article_social_topFixed .social_icons li.btn_collect_tooltip--lock::before, .article_social_topFixed .social_icons li.btn_collect_tooltip::before {
    content: attr(data-tooltip);
    padding: 3px 8px;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    white-space: pre;
    border-radius: 5px;
    opacity: 0;
    display: none;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip--lock::after, .id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip::after, .edu_footer_tooltip::after, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip--lock::after, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip::after, .author_info_container .author_name_container .btn_follow_tooltip--lock::after, .author_info_container .author_name_container .btn_follow_tooltip::after, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock::after, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip::after, .article_social_topFixed .social_icons li.btn_collect_tooltip--lock::after, .article_social_topFixed .social_icons li.btn_collect_tooltip::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    opacity: 0;
    display: none;
}

.payment_forms .selection-input [data-btn=openPopup] .icon-error-o {
    position: relative;
    top: 1px;
}

.homepage_visitor .adContent_info .intros .intro .introImg img, .homepage_visitor .adContent_cover .coverImg img, .homepage .authorContent_author .authors .author .imgBlock .image img, .searchResult .author .info .image, .searchResult #resourceSearchResult .resourceCard_author_imageWrap img, .payment_title_result_success img,
.payment_title_result_fail img, [class$=_image] img,
[class*="_image "] img,
[class*=imgWrap] img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.lockWrap .devider {
    width: 100%;
    height: 1px;
    margin: 35px 0;
    background: #96F187;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#96F187), to(#00DAEE));
    background: linear-gradient(to right, #96F187 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$secondary-color1", endColorstr="$secondary-color2", GradientType=1);
    /* IE6-9 */
}

.article_container .lockWrap::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 150px;
    right: 0;
    top: -150px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
}

.homepage_subscription .eventContent_heading .link, .homepage_subscription .resourceContent_heading .link, .homepage_visitor .topicContent_heading .link, .homepage_visitor .planContent .contain .linkWrap .link, .homepage_visitor .adContent_info .link, .homepage_visitor .resourceContent .link, .homepage .authorContent_tutorial .link, .homepage .authorContent_author .link, .homepage .popularContent .events_head .link,
.homepage .popularContent .topics_head .link, .teacher_resource_list .head .link,
.teacher_resource_list .head .link .count {
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    color: #004098;
}
.homepage_subscription .eventContent_heading .link:hover, .homepage_subscription .resourceContent_heading .link:hover, .homepage_visitor .topicContent_heading .link:hover, .homepage_visitor .planContent .contain .linkWrap .link:hover, .homepage_visitor .adContent_info .link:hover, .homepage_visitor .resourceContent .link:hover, .homepage .authorContent_tutorial .link:hover, .homepage .authorContent_author .link:hover, .homepage .popularContent .events_head .link:hover,
.homepage .popularContent .topics_head .link:hover, .teacher_resource_list .head .link:hover,
.teacher_resource_list .head .link .count:hover {
    opacity: 0.8;
}
.homepage_subscription .eventContent_heading .link .icon, .homepage_subscription .resourceContent_heading .link .icon, .homepage_visitor .topicContent_heading .link .icon, .homepage_visitor .planContent .contain .linkWrap .link .icon, .homepage_visitor .adContent_info .link .icon, .homepage_visitor .resourceContent .link .icon, .homepage .authorContent_tutorial .link .icon, .homepage .authorContent_author .link .icon, .homepage .popularContent .events_head .link .icon,
.homepage .popularContent .topics_head .link .icon, .teacher_resource_list .head .link .icon {
    font-size: 15px;
    margin-left: -4px;
    position: relative;
    top: 1px;
}

.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .filterForm .itemGroup label,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .filterForm .itemGroup label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .filterForm .itemGroup input[type=checkbox],
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .filterForm .itemGroup input[type=checkbox] {
    display: none;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .filterForm .itemGroup input[type=checkbox] + span,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .filterForm .itemGroup input[type=checkbox] + span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/checkbox_off.svg") no-repeat center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 6px;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .filterForm .itemGroup input[type=checkbox]:checked + span,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .filterForm .itemGroup input[type=checkbox]:checked + span {
    background: url("../images/checkbox_on.svg") no-repeat center;
}

.contain {
    margin: auto;
    max-width: 1255px;
    padding-right: 3%;
    padding-left: 3%;
}
@media (max-width: 768px) {
    .contain {
        padding-right: 2%;
        padding-left: 2%;
    }
}
@media (max-width: 767px) {
    .contain {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.contain_grid {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contain_grid--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.contain_grid--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 990px) {
    .contain_grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}
@media (max-width: 768px) {
    .contain_grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

.contain_grid_list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    margin: 0 -0.5%;
}
@media (max-width: 990px) {
    .contain_grid_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
    }
}
.contain_grid_list--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.contain_grid_list > div {
    margin: 0 0.95%;
}
@media (max-width: 990px) {
    .contain_grid_list > div {
        margin: 0;
    }
}

.d_col_1 {
    width: 6.05%;
}

.d_col_2 {
    width: 12.5%;
}

.d_col_3, .d_col_thirds {
    width: 22.95%;
}

.d_col_4, .d_col_quarters {
    width: 31.4%;
}

.d_col_5 {
    width: 39.85%;
}

.d_col_6, .d_col_halfs {
    width: 48.3%;
}

.d_col_7 {
    width: 56.75%;
}

.d_col_8 {
    width: 65.2%;
}

.d_col_9 {
    width: 73.65%;
}

.d_col_10 {
    width: 82.1%;
}

.d_col_11 {
    width: 90.55%;
}

.d_col_12, .d_col_full {
    width: 100%;
}

.d_col_2--5, .p_col_2--5, .m_col_2--5 {
    width: 20%;
}

.d_col_2--2, .p_col_2--2, .m_col_2--2 {
    width: 16%;
}

@media (max-width: 1024px) {
    .e_col_1 {
        width: 6.05%;
    }
    .e_col_2 {
        width: 12.5%;
    }
    .e_col_3, .e_col_thirds {
        width: 22.95%;
    }
    .e_col_4, .e_col_quarters {
        width: 31.4%;
    }
    .e_col_5 {
        width: 39.85%;
    }
    .e_col_6, .e_col_halfs {
        width: 48.3%;
    }
    .e_col_7 {
        width: 56.75%;
    }
    .e_col_8 {
        width: 65.2%;
    }
    .e_col_9 {
        width: 73.65%;
    }
    .e_col_10 {
        width: 82.1%;
    }
    .e_col_11 {
        width: 90.55%;
    }
    .e_col_12, .e_col_full {
        width: 100%;
    }
}
@media (max-width: 990px) {
    .p_col_1 {
        width: 6.05%;
    }
    .p_col_2 {
        width: 12.5%;
    }
    .p_col_3, .p_col_thirds {
        width: 22.95%;
    }
    .p_col_4, .p_col_quarters {
        width: 31.4%;
    }
    .p_col_5 {
        width: 39.85%;
    }
    .p_col_6, .p_col_halfs {
        width: 48.3%;
    }
    .p_col_7 {
        width: 56.75%;
    }
    .p_col_8 {
        width: 65.2%;
    }
    .p_col_9 {
        width: 73.65%;
    }
    .p_col_10 {
        width: 82.1%;
    }
    .p_col_11 {
        width: 90.55%;
    }
    .p_col_12, .p_col_full {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .m_col_1 {
        width: 7.05%;
    }
    .m_col_2 {
        width: 15.5%;
    }
    .m_col_3, .m_col_thirds {
        width: 23.95%;
    }
    .m_col_4, .m_col_quarters {
        width: 32.4%;
    }
    .m_col_5 {
        width: 40.85%;
    }
    .m_col_6, .m_col_halfs {
        width: 49.3%;
    }
    .m_col_7 {
        width: 57.75%;
    }
    .m_col_8 {
        width: 66.2%;
    }
    .m_col_9 {
        width: 74.65%;
    }
    .m_col_10 {
        width: 83.1%;
    }
    .m_col_11 {
        width: 91.55%;
    }
    .m_col_12, .m_col_full {
        width: 100%;
    }
}
.col-1 {
    width: 8.3333333333%;
}

.col-2 {
    width: 16.6666666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.3333333333%;
}

.col-5 {
    width: 41.6666666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.3333333333%;
}

.col-8 {
    width: 66.6666666667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.3333333333%;
}

.col-11 {
    width: 91.6666666667%;
}

.col-12 {
    width: 100%;
}

@media only screen and (min-width:576px) {
    .col-sm-1 {
        width: 8.3333333333%;
    }
    .col-sm-2 {
        width: 16.6666666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.3333333333%;
    }
    .col-sm-5 {
        width: 41.6666666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.3333333333%;
    }
    .col-sm-8 {
        width: 66.6666666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.3333333333%;
    }
    .col-sm-12 {
        width: 100%;
    }
}
@media only screen and (min-width:769px) {
    .col-md-1 {
        width: 8.3333333333%;
    }
    .col-md-2 {
        width: 16.6666666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.3333333333%;
    }
    .col-md-5 {
        width: 41.6666666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.3333333333%;
    }
    .col-md-8 {
        width: 66.6666666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.3333333333%;
    }
    .col-md-12 {
        width: 100%;
    }
}
@media only screen and (min-width:992px) {
    .col-lg-1 {
        width: 8.3333333333%;
    }
    .col-lg-2 {
        width: 16.6666666667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.3333333333%;
    }
    .col-lg-5 {
        width: 41.6666666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.3333333333%;
    }
    .col-lg-8 {
        width: 66.6666666667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-12 {
        width: 100%;
    }
}
@media only screen and (min-width:1024px) {
    .col-xl-1 {
        width: 8.3333333333%;
    }
    .col-xl-2 {
        width: 16.6666666667%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-4 {
        width: 33.3333333333%;
    }
    .col-xl-5 {
        width: 41.6666666667%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-7 {
        width: 58.3333333333%;
    }
    .col-xl-8 {
        width: 66.6666666667%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-12 {
        width: 100%;
    }
}
@media only screen and (width: 1024px) {
    .col-pad-1 {
        width: 8.3333333333%;
    }
    .col-pad-2 {
        width: 16.6666666667%;
    }
    .col-pad-3 {
        width: 25%;
    }
    .col-pad-4 {
        width: 33.3333333333%;
    }
    .col-pad-5 {
        width: 41.6666666667%;
    }
    .col-pad-6 {
        width: 50%;
    }
    .col-pad-7 {
        width: 58.3333333333%;
    }
    .col-pad-8 {
        width: 66.6666666667%;
    }
    .col-pad-9 {
        width: 75%;
    }
    .col-pad-10 {
        width: 83.3333333333%;
    }
    .col-pad-12 {
        width: 100%;
    }
}
* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    word-break: normal;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: "Noto Sans TC", "Arial", "微軟正黑體", "新細明體", sans-serif;
    color: #373737;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, li, ul, i, a {
    margin: 0;
    padding: 0;
    border: 0 none;
    font: inherit;
    font-family: "Noto Sans TC", "Arial", "微軟正黑體", "新細明體", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.icon {
    color: inherit;
}

div, p, a, ul, li {
    zoom: 1;
    letter-spacing: 0.2px;
    line-height: 1.6;
}

strong, th {
    font-weight: bold;
}

ul, li, img {
    border: 0 none;
    list-style-type: none;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    outline: none;
}

img, input, select {
    vertical-align: middle;
}

input[type=radio] {
    vertical-align: baseline;
}

input[type=checkbox] {
    vertical-align: middle;
}

.ie7 input[type=checkbox] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

label, input[type=button], input[type=submit], input[type=image], button {
    cursor: pointer;
}

textarea {
    overflow-x: hidden;
    overflow-y: auto;
}

button {
    width: auto;
    overflow: visible;
}

img {
    max-width: 100%;
    height: auto;
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* table */
table {
    border-spacing: 0px;
    border: 0px none;
}

table tr td, table tr th {
    padding: 0px;
    border: 0px none;
}

table, th, td {
    zoom: 1;
}

/* 解決圖片模糊問題 */
img {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

body {
    background-color: #F8F8F8;
    color: #373737;
    /** 改善內容不足時 footer 浮在半空 */
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

a:focus,
a:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #004098;
}

.clearfix,
.clearfix::before,
.clearfix::after {
    display: table;
    clear: both;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pad-nav-none {
    display: block;
}
@media (max-width: 990px) {
    .pad-nav-none {
        display: none;
    }
}

.web-show {
    display: block;
}
@media (max-width: 767px) {
    .web-show {
        display: none;
    }
}

.mob-show {
    display: none;
}
@media (max-width: 767px) {
    .mob-show {
        display: block;
    }
}

.none {
    display: none;
}

.fix-contain-full {
    padding-right: 0;
    padding-left: 0;
}

.global--bg {
    background-color: #EFEFEF;
}

.white--bg {
    background-color: #fff;
}

.grey--bg {
    background-color: whitesmoke;
}

.grey--bg-100 {
    background-color: #f8f8f8;
}

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

.hidden {
    visibility: hidden;
    line-height: 0;
}

.index .ad_box {
    width: 300px;
    text-align: center;
}
@media (max-width: 767px) {
    .index .ad_box {
        width: 100%;
        margin-top: 10px;
    }
}

.overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
    display: none;
}

.add {
    height: 100%;
    overflow: hidden;
}

.gototop {
    width: 45px;
    height: 45px;
    position: fixed;
    right: 40px;
    bottom: 45px;
    z-index: 15;
    color: #ffffff;
    background-color: #004098;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    cursor: pointer;
}
.gototop:hover {
    background-color: #0051c1;
}
@media (max-width: 767px) {
    .gototop {
        width: 35px;
        height: 35px;
        right: 20px;
        bottom: 60px;
        line-height: 35px;
        font-size: 18px;
    }
}
@media (max-width: 465px) {
    .gototop {
        right: 10px;
        bottom: 68px;
    }
}

.info--p {
    font-size: 17px;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 10px;
}

.info--text {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
    font-weight: normal;
}

.note--text {
    display: inline-block;
    font-size: 13px;
    line-height: 1.4;
    color: #616161;
}

.highline--text {
    color: #FF5C56;
}

.link--text {
    color: #306ea3;
}

.txt-link {
    display: inline-block;
    color: #004098;
}

.error--text {
    color: #FF5C56;
    font-size: 14px;
    line-height: 1.4;
}
.error--text i {
    position: relative;
    top: 2px;
    margin-right: 2px;
    font-size: 1rem;
}

.success--text {
    color: #004098;
    font-size: 14px;
    line-height: 1.4;
}
.success--text i {
    position: relative;
    top: 2px;
    margin-right: 2px;
    font-size: 1rem;
}

.ad {
    text-align: center;
    margin: 20px 0px;
    overflow: hidden;
    position: relative;
}
.ad .ecad {
    display: inline-block;
    width: 336px;
    min-height: 250px;
}
.ad .ecad img {
    width: 292px;
    height: 244px;
    max-width: 292px;
    max-height: 244px;
    border: none;
}
@media (max-width: 768px) {
    .ad .ecad img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }
}
.ad .ad-img {
    display: inline-block;
}
.ad iframe {
    margin: 10px 0;
}
.ad.ad-top {
    margin: 0;
}

.ad-cover {
    text-align: center;
    overflow: hidden;
}

.ad-mob {
    display: none;
}
.ad-mob .ad-cover {
    text-align: center;
}
@media (max-width: 767px) {
    .ad-mob {
        display: block;
    }
}

.ad-web {
    display: block;
}
.ad-web .ad-cover {
    text-align: center;
}
@media (max-width: 767px) {
    .ad-web {
        display: none;
    }
}

.ad-tag {
    padding: 30px 10px;
    background-color: whitesmoke;
    margin: 15px 0px 25px;
    border: 1px solid whitesmoke;
    border-radius: 3px;
    position: relative;
}
@media (max-width: 767px) {
    .ad-tag {
        background-color: whitesmoke;
        margin: 15px -10px 25px;
        padding: 35px 10px 30px;
    }
}
.ad-tag:after {
    content: "廣告";
    display: block;
    position: absolute;
    color: #949494;
    right: 10px;
    top: 5px;
    font-size: 12px;
    padding: 0px 5px;
    opacity: 0.5;
}

@media (max-width: 767px) {
    .ad-half-tag {
        margin: 15px -15px 25px;
    }
}
.ad-half-tag .ad-half {
    width: 49.5%;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
@media (max-width: 767px) {
    .ad-half-tag .ad-half {
        width: 100%;
        padding: 35px 10px 30px;
    }
}

.aspectration > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.aspectration[data-ratio="16:9"] {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    height: 0;
}
.aspectration[data-ratio="1:1"] {
    padding-top: 100%;
    position: relative;
    width: 100%;
}
.aspectration[data-ratio="4:3"] {
    padding-top: 75%;
}
.aspectration[data-ratio="2:1"] {
    padding-top: 50%;
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    opacity: 0.5;
    background: #fff;
    margin: 3px;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    text-indent: -9999px;
}
.slick-dots li.slick-active button {
    background-color: #00DAEE;
    opacity: 1;
}

.slick-arrow {
    position: absolute;
    top: 45%;
    height: 40px;
    margin-top: -18px;
    color: #00DAEE;
    line-height: 36px;
    font-size: 42px;
    cursor: pointer;
    z-index: 2;
}

.slick-prev {
    left: 5px;
}

.slick-next {
    right: 5px;
}

.rwd-img {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    height: 0;
}
.rwd-img > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.article_card_pic img {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    position: relative;
}
.article_card_pic:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.8;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.article_card {
    position: relative;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .article_card {
        width: 100%;
    }
}
.article_card .article_card_cover {
    position: relative;
    overflow: hidden;
}
.article_card .article_card_cover.article_recommend--ad {
    position: relative;
}
.article_card .article_card_cover.article_recommend--ad:after {
    content: "贊助";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    right: 0;
    bottom: 0;
    font-size: 13px;
    padding: 0 5px;
    opacity: 0.8;
}
.article_card .article_card_body {
    background-color: #fff;
    padding: 8px 12px 12px 12px;
}
.article_card .article_card_body a:hover .article_card_title {
    color: #373737;
}
.article_card .article_card_body .article_card_title {
    font-size: 17px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: normal;
    height: 45px;
}
@media (max-width: 768px) {
    .article_card .article_card_body .article_card_title {
        height: auto;
    }
}
.article_card .article_card_body .article_card_text {
    color: #616161;
    font-size: 17px;
    line-height: 1.5;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.article_card .article_card_body ul.article_type {
    margin-bottom: 5px;
}
.article_card .article_card_body ul.article_type li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.article_card .article_card_body ul.article_type li a {
    display: block;
    color: #004098;
    font-size: 14px;
    line-height: 1.4;
}
.article_card .article_card_body ul.article_type li a:hover {
    opacity: 0.8;
}
.article_card .article_card_body .article_author {
    margin-bottom: 5px;
}
.article_card .article_card_body .article_author p {
    display: inline;
    font-size: 13px;
    margin-right: 6px;
    padding: 0;
    line-height: 1.2;
    position: relative;
    margin-right: 10px;
    color: #949494;
}
.article_card .article_card_body .article_author p a {
    color: #949494;
    margin-left: 3px;
    line-height: inherit;
}
.article_card .article_card_body .article_author p a:hover {
    color: #004098;
}

.main_content {
    padding: 30px 0;
}

.main_wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}
.main_wrapper .fix-contain-full {
    padding-right: 3%;
    padding-left: 3%;
}
@media (max-width: 768px) {
    .main_wrapper .fix-contain-full {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .main_wrapper .fix-contain-full {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .main_wrapper {
        padding: 20px 0;
    }
}
@media (max-width: 767px) {
    .main_wrapper {
        padding: 0 0 12px 0;
    }
}
.main_wrapper .main_article {
    position: relative;
}
.main_wrapper .main_article_silder .dots {
    position: absolute;
    bottom: 10px;
    z-index: 1;
    left: 10px;
}
@media (max-width: 768px) {
    .main_wrapper .main_article_silder .dots {
        bottom: 30%;
        right: 10px;
        left: inherit;
    }
}
@media (max-width: 465px) {
    .main_wrapper .main_article_silder .dots {
        bottom: 130px;
    }
}
.main_wrapper .main_article_silder .glider_nav {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -40px;
}
.main_wrapper .main_article_silder .glider_nav span {
    font-size: 40px;
    color: #00DAEE;
}
.main_wrapper .main_article_silder .glider_nav .glider-prev {
    left: 0;
    font-size: 0;
}
.main_wrapper .main_article_silder .glider_nav .glider-next {
    right: 0;
    font-size: 0;
}
@media (max-width: 768px) {
    .main_wrapper .main_article_silder .glider_nav {
        width: 100%;
        top: 30%;
    }
}
.main_wrapper .main_article_silder .glider-dot {
    opacity: 0.5;
    background: #fff;
    margin: 3px;
    width: 10px;
    height: 10px;
}
.main_wrapper .main_article_silder .glider-dot:hover, .main_wrapper .main_article_silder .glider-dot:focus, .main_wrapper .main_article_silder .glider-dot.active {
    background: #00DAEE;
    opacity: 1;
}
.main_wrapper .main_article_silder .slick-dots {
    position: absolute;
    bottom: -5px;
    z-index: 1;
    left: 5px;
}
@media (max-width: 768px) {
    .main_wrapper .main_article_silder .slick-dots {
        bottom: 30%;
        right: 10px;
        left: inherit;
    }
}
@media (max-width: 465px) {
    .main_wrapper .main_article_silder .slick-dots {
        bottom: 110px;
    }
}
.main_wrapper .main_article_silder .slick-dots li {
    margin: 0 1px;
}
@media (max-width: 768px) {
    .main_wrapper .main_article_silder .slick-arrow {
        top: 35%;
    }
}
@media (max-width: 767px) {
    .main_wrapper .main_article_silder .slick-arrow {
        top: 30%;
    }
}
.main_wrapper .main_article_silder .article_card {
    position: relative;
    margin-bottom: 0;
}
.main_wrapper .main_article_silder .article_card .article_card_cover {
    position: relative;
    max-width: 700px;
    overflow: hidden;
}
.main_wrapper .main_article_silder .article_card .article_card_cover.article_recommend--ad:after {
    top: 0;
    bottom: inherit;
}
@media (max-width: 768px) {
    .main_wrapper .main_article_silder .article_card .article_card_cover {
        width: 100%;
        max-width: initial;
    }
}
.main_wrapper .main_article_silder .article_card .article_card_body {
    background-color: #fff;
    padding: 30px 40px;
    width: 45%;
    position: absolute;
    top: 25%;
    right: 0;
    margin-top: -30px;
}
@media (max-width: 768px) {
    .main_wrapper .main_article_silder .article_card .article_card_body {
        position: inherit;
        width: 95%;
        margin: -20px auto 0 auto;
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .main_wrapper .main_article_silder .article_card .article_card_body {
        padding: 10px;
    }
}
.main_wrapper .main_article_silder .article_card .article_card_body a:hover .article_card_title {
    color: #373737;
}
.main_wrapper .main_article_silder .article_card .article_card_body .article_card_title {
    font-size: 30px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    height: 80px;
    font-weight: bold;
}
.main_wrapper .main_article_silder .article_card .article_card_body .article_card_title span {
    color: #00DAEE;
}
@media (max-width: 768px) {
    .main_wrapper .main_article_silder .article_card .article_card_body .article_card_title {
        font-size: 24px;
        height: 30px;
        -webkit-line-clamp: 1;
    }
}
@media (max-width: 465px) {
    .main_wrapper .main_article_silder .article_card .article_card_body .article_card_title {
        height: 60px;
        -webkit-line-clamp: 2;
    }
}
.main_wrapper .main_article_silder .article_card .article_card_body .article_card_text {
    font-size: 18px;
    line-height: 1.5;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
    .main_wrapper .main_article_silder .article_card .article_card_body .article_card_text {
        display: none;
    }
}
.main_wrapper .main_article_silder .article_card .article_card_body ul.article_type {
    margin-bottom: 5px;
}
.main_wrapper .main_article_silder .article_card .article_card_body ul.article_type li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.main_wrapper .main_article_silder .article_card .article_card_body ul.article_type li a {
    display: block;
    color: #004098;
    font-size: 14px;
    line-height: 1.4;
}
.main_wrapper .main_article_silder .article_card .article_card_body ul.article_type li a:hover {
    opacity: 0.8;
}
.main_wrapper .keyword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 15px;
    margin-top: 15px;
    height: 75px;
    overflow: hidden;
}
@media (max-width: 1200px) {
    .main_wrapper .keyword {
        height: 92px;
    }
}
@media (max-width: 768px) {
    .main_wrapper .keyword {
        height: 85px;
        padding: 10px;
    }
}
@media (max-width: 767px) {
    .main_wrapper .keyword {
        margin-top: 12px;
    }
}
.main_wrapper .keyword span {
    display: inline-block;
    min-width: 91px;
    font-size: 18px;
    margin-right: 15px;
}
.main_wrapper .keyword ul {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
    max-height: 50px;
}
@media (max-width: 1200px) {
    .main_wrapper .keyword ul {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
@media (max-width: 768px) {
    .main_wrapper .keyword ul {
        margin-top: 10px;
    }
}
.main_wrapper .keyword ul li {
    display: inline-block;
    margin-right: 6px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.main_wrapper .keyword ul li a {
    font-size: 17px;
    color: #004098;
    font-weight: normal;
    border-radius: 30px;
    border: 1px solid #004098;
    padding: 5px 15px;
}
@media (max-width: 767px) {
    .main_wrapper .keyword ul li a {
        font-size: 16px;
    }
}
.main_wrapper .keyword ul li a:hover {
    border: 1px solid #1C2271;
    color: #1C2271;
    background-color: #e0e0e0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (max-width: 1200px) {
    .main_wrapper .keyword ul {
        display: block;
    }
}
.main_wrapper .submit_box {
    background-color: #fff;
    padding: 0 15px;
    margin-top: 15px;
    margin-left: -25px;
    height: 75px;
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .main_wrapper .submit_box {
        margin-top: 12px;
    }
}
.main_wrapper .submit_box span {
    width: 42px;
    height: 42px;
    font-size: 50px;
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
    background: #004098;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#004098), to(#00DAEE));
    background: linear-gradient(to right, #004098 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-color", endColorstr="$secondary-color1", GradientType=1);
    /* IE6-9 */
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
@media (max-width: 768px) {
    .main_wrapper .submit_box span {
        display: none;
    }
}
.main_wrapper .submit_box .text {
    display: table-cell;
    vertical-align: middle;
}
.main_wrapper .submit_box .text a {
    margin-left: 3px;
}
@media (max-width: 1200px) {
    .main_wrapper .submit_box {
        height: 92px;
    }
}
@media (max-width: 768px) {
    .main_wrapper .submit_box {
        height: 85px;
        margin-left: -15px;
    }
}
@media (max-width: 767px) {
    .main_wrapper .submit_box {
        margin-left: 0;
        height: auto;
        width: 100%;
        padding: 10px 10px 5px 10px;
    }
}

section {
    padding: 30px 0;
}
@media (max-width: 767px) {
    section {
        padding: 15px 0;
    }
}

.section_title {
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.section_title h2 {
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 6px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    position: relative;
    display: inline-block;
}
@media (max-width: 767px) {
    .section_title h2 {
        font-size: 24px;
    }
}
.section_title h2::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    display: block;
    bottom: -8px;
    left: 50%;
    margin-left: -50px;
    background: #004098;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#004098), to(#00DAEE));
    background: linear-gradient(to right, #004098 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-color", endColorstr="$secondary-color1", GradientType=1);
    /* IE6-9 */
}

.issue_content .issue_title {
    text-align: center;
    margin: 10px 0 20px 0;
}
.issue_content .issue_title h3 {
    font-size: 24px;
    color: #004098;
    line-height: 1.4;
}
@media (max-width: 767px) {
    .issue_content .issue_title h3 {
        font-size: 21px;
    }
}
@media (max-width: 767px) {
    .issue_content .issue_title p {
        display: none;
    }
}

.issue_card {
    position: relative;
    margin-bottom: 15px;
}
.issue_card .issue_card_cover {
    position: relative;
    overflow: hidden;
}
.issue_card .issue_card_cover.issue_recommend--ad {
    position: relative;
}
.issue_card .issue_card_cover.issue_recommend--ad:after {
    content: "贊助";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    right: 0;
    bottom: 0;
    font-size: 13px;
    padding: 0 5px;
    opacity: 0.8;
}
.issue_card .issue_card_body {
    background-color: #EFEFEF;
    padding: 12px;
}
.issue_card .issue_card_body a:hover .issue_card_title {
    color: #373737;
}
.issue_card .issue_card_body .issue_card_title {
    font-size: 17px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
}
@media (max-width: 768px) {
    .issue_card .issue_card_body .issue_card_title {
        height: auto;
    }
}
.issue_card .issue_card_body .issue_card_text {
    color: #616161;
    font-size: 17px;
    line-height: 1.5;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.activity_silder,
.brand_silder,
.resource_silder,
.index_resource_silder {
    padding-right: 20px;
    margin-left: -10px;
    margin-right: -10px;
}
@media (max-width: 1024px) {
    .activity_silder,
    .brand_silder,
    .resource_silder,
    .index_resource_silder {
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .activity_silder,
    .brand_silder,
    .resource_silder,
    .index_resource_silder {
        padding-right: 0;
    }
}
.activity_silder .slick-slider,
.brand_silder .slick-slider,
.resource_silder .slick-slider,
.index_resource_silder .slick-slider {
    margin: 0 -10px;
}
@media (max-width: 465px) {
    .activity_silder .slick-slider,
    .brand_silder .slick-slider,
    .resource_silder .slick-slider,
    .index_resource_silder .slick-slider {
        margin: 0;
    }
}
.activity_silder .slick-slide,
.brand_silder .slick-slide,
.resource_silder .slick-slide,
.index_resource_silder .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
}
.activity_silder .slick-list,
.brand_silder .slick-list,
.resource_silder .slick-list,
.index_resource_silder .slick-list {
    padding-left: 0px !important;
}

.activity_card {
    position: relative;
    margin-bottom: 15px;
}
.activity_card .activity_card_cover {
    position: relative;
    overflow: hidden;
}
.activity_card .activity_card_cover.activity_recommend--ad {
    position: relative;
}
.activity_card .activity_card_cover.activity_recommend--ad:after {
    content: "贊助";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    right: 0;
    bottom: 0;
    font-size: 13px;
    padding: 0 5px;
    opacity: 0.8;
}
.activity_card .activity_card_body {
    padding-top: 5px;
}
.activity_card .activity_card_body a:hover .activity_card_title {
    color: #373737;
}
.activity_card .activity_card_body .activity_card_title {
    font-size: 17px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: normal;
}
.activity_card .activity_card_body .activity_card_title i {
    height: 1.2em;
    display: inline;
    margin-right: 0.5em;
}
.activity_card .activity_card_body .activity_card_text {
    color: #616161;
    font-size: 17px;
    line-height: 1.5;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.activity_card .activity_card_body .activity_date {
    color: #004098;
    font-size: 14px;
    line-height: 1.4;
}

.brand_card {
    position: relative;
    margin-bottom: 15px;
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
}
.brand_card .brand_card_cover {
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    background-color: #ffffff;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}
.brand_card .brand_card_cover img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
@media (max-width: 465px) {
    .brand_card .brand_card_cover img {
        width: 260px;
        margin: 8% auto 0 auto;
    }
}
@media (max-width: 375px) {
    .brand_card .brand_card_cover img {
        margin: 0 auto;
    }
}
.brand_card .brand_card_body {
    padding: 10px;
}
.brand_card .brand_card_body a:hover .brand_card_title {
    color: #373737;
}
.brand_card .brand_card_body a:focus .brand_card_title {
    color: #373737;
}
.brand_card .brand_card_body .brand_card_title {
    font-size: 16px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
}

.edm_wrapper {
    padding: 20px 0;
}
.edm_wrapper .edm_box {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 60%;
}
@media (max-width: 1200px) {
    .edm_wrapper .edm_box {
        width: 75%;
    }
}
@media (max-width: 990px) {
    .edm_wrapper .edm_box {
        width: 90%;
    }
}
.edm_wrapper .edm_box span {
    width: 70px;
    height: 70px;
    font-size: 60px;
    padding-right: 10px;
    vertical-align: middle;
    background: -webkit-gradient(linear, right top, left top, from(#004098), to(#00DAEE));
    background: linear-gradient(to left, #004098, #00DAEE);
    background: -webkit-linear-gradient(to left, #004098, #00DAEE);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
@media (max-width: 767px) {
    .edm_wrapper .edm_box .edm_icon {
        display: inline-block;
        width: 100%;
    }
}
.edm_wrapper .edm_box .edm_icon h3 {
    display: none;
    margin: 0;
    font-size: 22px;
}
@media (max-width: 767px) {
    .edm_wrapper .edm_box .edm_icon h3 {
        display: inline-block;
    }
}
.edm_wrapper .edm_box .text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}
@media (max-width: 767px) {
    .edm_wrapper .edm_box .text {
        display: inline-block;
        width: 100%;
        padding-right: 0;
        position: relative;
        padding-top: 15px;
        margin-bottom: 10px;
    }
    .edm_wrapper .edm_box .text:after {
        background-image: none;
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        display: block;
        top: 0;
        left: 0;
        background: #FFFF41;
        background: -webkit-gradient(linear, left top, right top, from(#FFFF41), to(#00DAEE));
        background: linear-gradient(to right, #FFFF41 0%, #00DAEE 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$secondary-color1", endColorstr="$secondary-color2", GradientType=1);
    }
}
.edm_wrapper .edm_box .text h3 {
    font-size: 18px;
}
@media (max-width: 767px) {
    .edm_wrapper .edm_box .text h3 {
        display: none;
    }
}
.edm_wrapper .edm_box .text p {
    font-size: 15px;
    line-height: 1.4;
}
.edm_wrapper .edm_box .order_btn {
    display: table-cell;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .edm_wrapper .edm_box .order_btn {
        display: block;
        width: 100%;
    }
}
.podcast_wrapper {
    position: relative;
}
@media (max-width: 767px) {
    .podcast_wrapper {
        height: auto;
        margin: 0 10px;
        background: none;
        padding: 20px 10px;
    }
}
.podcast_wrapper .podcast_box {
    position: relative;
    width: 265px;
    text-align: right;
    display: inline-block;
}
@media (max-width: 767px) {
    .podcast_wrapper .podcast_box {
        text-align: center;
        width: 100%;
    }
}
.podcast_wrapper .podcast_box .podcast_title {
    position: relative;
    z-index: 1;
}
.podcast_wrapper .podcast_box .podcast_title:after {
    content: "";
    background-size: cover;
    width: 500px;
    height: 263px;
    display: inline-block;
    position: absolute;
    top: -76px;
    left: -180px;
    z-index: -1;
}
@media (max-width: 767px) {
    .podcast_wrapper .podcast_box .podcast_title:after {
        background-image: none;
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        display: block;
        bottom: -8px;
        left: 0;
        top: initial;
        background: #004098;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(#004098), to(#00DAEE));
        background: linear-gradient(to right, #004098 0%, #00DAEE 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-color", endColorstr="$secondary-color1", GradientType=1);
        /* IE6-9 */
    }
}
.podcast_wrapper .podcast_box .podcast_title .podcast_icon {
    display: inline-block;
    position: relative;
    z-index: 3;
    text-align: left;
}
.podcast_wrapper .podcast_box .podcast_title .podcast_icon i {
    font-size: 60px;
    background: -webkit-gradient(linear, right top, left top, from(#004098), to(#00DAEE));
    background: linear-gradient(to left, #004098, #00DAEE);
    background: -webkit-linear-gradient(to left, #004098, #00DAEE);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    float: left;
    padding-right: 5px;
    top: -5px;
    left: -10px;
    position: relative;
}
.podcast_wrapper .podcast_box .podcast_title .podcast_icon h3 {
    font-size: 24px;
    line-height: 1.2;
    float: left;
    font-weight: 500;
}
@media (max-width: 767px) {
    .podcast_wrapper .podcast_box .podcast_title .podcast_icon h3 br {
        display: none;
    }
}
@media (max-width: 767px) {
    .podcast_wrapper .podcast_box .podcast_title .podcast_icon h3 {
        font-size: 22px;
    }
}
.podcast_wrapper .podcast_box .podcast_title .podcast_icon p {
    font-size: 15px;
    line-height: 1.4;
    display: none;
}
@media (max-width: 767px) {
    .podcast_wrapper .podcast_box .podcast_title .podcast_icon p {
        display: block;
    }
}
.podcast_wrapper .podcast_box .podcast_title p {
    font-size: 15px;
    line-height: 1.4;
}
@media (max-width: 767px) {
    .podcast_wrapper .podcast_box .podcast_title p {
        display: none;
    }
}
.podcast_wrapper .podcast_text {
    display: inline-block;
    width: calc(100% - 280px);
    vertical-align: top;
    padding-left: 50px;
}
@media (max-width: 767px) {
    .podcast_wrapper .podcast_text {
        padding-left: 0;
        width: auto;
        margin-top: 15px;
    }
}
.podcast_wrapper .podcast_text span {
    background: #004098;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, right top, left top, from(#004098), to(#00DAEE));
    background: linear-gradient(to left, #004098 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-color", endColorstr="$secondary-color1", GradientType=1);
    /* IE6-9 */
    color: #fff;
    display: inline-block;
    font-size: 13px;
    border-radius: 30px;
    padding: 2px 12px;
    margin-bottom: 10px;
    line-height: 1.4;
}
.podcast_wrapper .podcast_text ul {
    margin-left: 20px;
}
.podcast_wrapper .podcast_text ul li {
    font-size: 15px;
    list-style-type: disc;
    line-height: 1.4;
    margin-bottom: 5px;
}
.podcast_wrapper .podcast_text ul li a:hover {
    opacity: 0.8;
}
.podcast_wrapper .podcast_text ul li i {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.search_wrapper {
    padding: 26px 0;
    background: #004098;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#004098), to(#00DAEE));
    background: linear-gradient(to right, #004098 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-color", endColorstr="$secondary-color1", GradientType=1);
    /* IE6-9 */
    position: relative;
}
@media (max-width: 990px) {
    .search_wrapper {
        padding: 20px 0 22px;
    }
}
.search_wrapper .search_box {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 990px) {
    .search_wrapper .search_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 990px) {
    .search_wrapper .search_box p {
        margin-bottom: 6px;
    }
}
.search_wrapper .search_box p span {
    display: inline;
    float: left;
    color: #fff;
    font-weight: 300;
}
@media (max-width: 990px) {
    .search_wrapper .search_box p span {
        float: none;
    }
}
@media (max-width: 767px) {
    .search_wrapper .search_box p span {
        display: block;
        text-align: center;
    }
    .search_wrapper .search_box p span:last-child {
        display: none;
    }
}
.search_wrapper .index_search_container {
    position: relative;
}
.search_wrapper .index_search_container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.search_wrapper .index_search_container input[type=text] {
    padding: 10px;
    font-size: 15px;
    border: none;
    background-color: #fff;
    color: #373737;
    border-radius: 5px;
    width: 400px;
    height: 30px;
    margin: 0 6px 0 20px;
}
@media (max-width: 990px) {
    .search_wrapper .index_search_container input[type=text] {
        width: 250px;
    }
}
.search_wrapper .index_search_container input[type=text]:focus {
    border: 1px solid #00DAEE;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
}
.search_wrapper .index_search_container button[type=submit] {
    font-size: 27px;
    border: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 30px;
    width: 30px;
    background: none;
    margin-top: -2px;
    transition: 0.3s;
}
.search_wrapper .index_search_container button[type=submit]:hover {
    cursor: pointer;
    color: #00DAEE;
}
.search_wrapper .index_search_container button[type=submit]:hover i,
.search_wrapper .index_search_container button[type=submit]:hover span,
.search_wrapper .index_search_container button[type=submit]:hover .icon {
    color: #00DAEE;
}
.search_wrapper .index_search_container button[type=submit] i,
.search_wrapper .index_search_container button[type=submit] span,
.search_wrapper .index_search_container button[type=submit] .icon {
    color: #fff;
}
.search_wrapper .index_search_container button[type=button] {
    position: absolute;
    top: 50%;
    right: 44px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #bababa;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.search_wrapper .index_search_container button[type=button] .icon-close-600::before {
    color: #fff;
}
.search_wrapper .index_search_container button[type=button][data-btn=searchBlockClearBtn] {
    display: none;
}

.search_wrapper_sm {
    display: none;
    position: relative;
    width: 100%;
    padding: 15px 10px;
    background: #004098;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#004098), to(#00DAEE));
    background: linear-gradient(to right, #004098 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-color", endColorstr="$secondary-color1", GradientType=1);
    /* IE6-9 */
}
.search_wrapper_sm form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.search_wrapper_sm form input[type=text] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    height: auto;
    border: none;
    border-radius: 5px;
    margin: 0;
    padding: 0 8px;
}
.search_wrapper_sm form input[type=text]:focus {
    border: 1px solid #00DAEE;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
}
.search_wrapper_sm form button[type=submit] {
    font-size: 30px;
    color: #fff;
    padding: 0 8px;
    line-height: 30px;
}
.search_wrapper_sm form button[type=button] {
    position: absolute;
    top: 50%;
    right: 66px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #bababa;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.search_wrapper_sm form button[type=button] .icon-close-600::before {
    color: #fff;
}
.search_wrapper_sm form button[type=button][data-btn=searchBlockClearBtn] {
    display: none;
}

.author_card {
    position: relative;
    margin-bottom: 35px;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px) {
    .author_card {
        width: 100%;
    }
}
.author_card .author_card_cover {
    position: relative;
    overflow: hidden;
}
.author_card .author_card_body {
    background-color: #fff;
    padding: 10px 10px 20px 10px;
}
.author_card .author_card_body a:hover .author_card_title {
    color: #373737;
}
.author_card .author_card_body .author_card_name {
    display: inline;
    font-weight: 700;
    font-size: 20px;
}
@media (max-width: 767px) {
    .author_card .author_card_body .author_card_name {
        display: block;
    }
}
.author_card .author_card_body .author_card_title {
    font-size: 15px;
    display: inline-block;
    color: #616161;
}
.author_card .author_card_body .author_card_info {
    color: #373737;
    font-size: 15px;
    line-height: 1.5;
    margin: 5px 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.author_card .author_card_body .author_card_btn {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -50px;
}

.author_info_container .author_info .link {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.author_info_container .author_info .link,
.author_info_container .author_info .link i {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: #004098;
}
.author_info_container .author_info .link:hover,
.author_info_container .author_info .link i:hover {
    opacity: 0.8;
}
.author_info_container .author_info .link i {
    margin-right: 3px;
}

.popup {
    text-align: center;
    display: none;
    padding: 25px;
    font-size: 17px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 280px;
}
.popup span {
    background-color: rgba(37, 37, 37, 0.8);
    border-radius: 5px;
    padding: 15px;
    color: white;
    display: block;
    padding-right: 25px;
    padding-left: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup span i {
    display: block;
    font-size: 32px;
    font-weight: 700;
    margin-right: 5px;
    color: white;
}

.fixad {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 12;
    padding: 0;
    border: none;
    background-color: transparent;
    line-height: 0;
}
.fixad iframe {
    margin: 0;
    vertical-align: bottom;
}

.errorpage_container .errorpage {
    padding: 60px 0;
}
@media (max-width: 767px) {
    .errorpage_container .errorpage {
        padding: 15px 0 25px 0;
    }
}
.errorpage_container .errorpage--h1 {
    font-size: 80px;
    color: #004098;
    line-height: 1;
    opacity: 0.2;
    margin-top: -10px;
}
.errorpage_container .errorpage button {
    margin-top: 5px;
}
.errorpage_container .errorpage img {
    width: 100px;
}
@media (max-width: 767px) {
    .errorpage_container .errorpage img {
        width: 80px;
    }
}

.recommend_books .slick-next {
    right: 20px;
}
@media (max-width: 1024px) {
    .recommend_books .slick-next {
        right: 5px;
    }
}

.activity .slick-next {
    right: 20px;
}
@media (max-width: 1024px) {
    .activity .slick-next {
        right: 5px;
    }
}
.activity .event_card {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.activity .event_card .event_card_body {
    padding-right: 0;
    padding-left: 0;
}
.activity .event_card .event_card_body .event_card_info {
    border-top: none;
    margin-top: 0;
    padding-top: 5px;
}

.resource .slick-next {
    right: 20px;
}
@media (max-width: 1024px) {
    .resource .slick-next {
        right: 5px;
    }
}
.resource .resource_card .resource_card_cover img {
    padding: 0;
}
.resource .resource_card .resource_card_body {
    padding: 10px 0;
}
.resource .resource_card .resource_card_info {
    padding: 0;
}

.resource_card {
    position: relative;
    margin-bottom: 15px;
    background-color: #ffffff;
    overflow: hidden;
}
.resource_card .resource_card_body {
    padding: 0 10px 10px 10px;
}
.resource_card .resource_card_body a:hover .resource_card_title {
    color: #373737;
}
.resource_card .resource_card_body a:focus .resource_card_title {
    color: #373737;
}
.resource_card .resource_card_body .resource_card_title {
    font-size: 17px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
}

@media (max-width: 768px) {
    .order {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

.lock_info {
    color: #004098;
    font-size: 13px;
}
.lock_info i {
    position: relative;
    top: 1px;
    margin-right: 2px;
}
.lock_info.lock_bg {
    display: inline-block;
    background-color: rgba(0, 64, 152, 0.08);
    padding: 0 5px;
    border-radius: 3px;
}

.notification {
    display: none;
    position: fixed;
    z-index: 30;
    bottom: 12%;
    right: 15px;
    padding: 16px 13px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 767px) {
    .notification {
        right: 10px;
        bottom: 20%;
    }
}
.notification_text {
    max-width: 176px;
    margin: 0 6px;
}
.notification_text .notification_link {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.notification_text .notification_link:hover, .notification_text .notification_link:active {
    color: #fff;
}
.notification_icon.icon-send {
    font-size: 24px;
    font-weight: 500;
    margin-top: 3px;
    color: #fff;
}
.notification_text, .notification_link {
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    color: #fff;
}
.notification .icon-close-600 {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

.notification.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mb-20 {
    margin-bottom: 20px;
}

[class$=_image],
[class*="_image "],
[class*=imgWrap] {
    overflow: hidden;
}
[class$=_image] img,
[class*="_image "] img,
[class*=imgWrap] img {
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
@media only screen and (min-width:769px) {
    [class$=_image] img:hover,
    [class*="_image "] img:hover,
    [class*=imgWrap] img:hover {
        opacity: 0.8;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

[class*=_tag--lock] {
    padding: 3px 5px;
    font-size: 13px;
    line-height: 1;
    color: #004098;
    background-color: #ECF0F7;
    border-radius: 3px;
}
[class*=_tag--lock] > i {
    font-size: 14px;
    color: #004098;
    position: relative;
    top: 1px;
}

[class*=_tag--outline] {
    padding: 2.5px 5px;
    outline: 1px solid #004098;
    font-size: 13px;
    line-height: 1;
    color: #004098;
    background-color: #FFF;
    border-radius: 3px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

span.link-text, a.link-text {
    vertical-align: top;
    color: #004098;
    cursor: pointer;
}
span.link-text:hover, a.link-text:hover {
    opacity: 0.8;
}

span.unlink-text-gray, a.unlink-text-gray {
    vertical-align: top;
    color: #bababa;
    font-size: 17px;
    cursor: not-allowed;
}

span.link-text-gray, a.link-text-gray {
    vertical-align: top;
    color: #616161;
    font-size: 17px;
    text-decoration: underline;
}
span.link-text-gray:hover, a.link-text-gray:hover {
    text-decoration: underline;
    color: #373737;
    cursor: pointer;
}

.textBlock a.link-text-red {
    vertical-align: baseline;
}

.btn_sm {
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
}

.btn_xs {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
}

.btn_main {
    display: inline-block;
    outline: none;
    padding: 0 15px 0 25px;
    border: 0 none;
    letter-spacing: 1;
    font-weight: normal;
    margin-bottom: 5px;
    white-space: inherit;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 20px;
    cursor: pointer;
    height: 35px;
    line-height: 34px;
    background: #004098;
    color: #fff;
}
.btn_main:hover, .btn_main:focus, .btn_main:active:focus, .btn_main.active:focus {
    outline: 0 none;
}
.btn_main:hover, .btn_main:focus, .btn_main.focus {
    color: inherit;
    text-decoration: none;
}
.btn_main i {
    position: relative;
    top: 1px;
}
.btn_main:hover, .btn_main:focus, .btn_main:active, .btn_main .active {
    background: #0051c1;
    color: #fff;
}
.btn_main:hover .disabled, .btn_main:focus .disabled, .btn_main:active .disabled, .btn_main .active .disabled {
    cursor: not-allowed;
    background: #adadad;
    color: #fff;
}
.btn_main.disabled {
    cursor: not-allowed;
    background: #adadad;
    color: #fff;
}
.btn_main.btn_sm {
    height: 26px;
    line-height: 24px;
    padding-left: 15px;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 400;
}
.btn_main.btn_sm.noicon {
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 320px) {
    .btn_main.btn_sm.noicon {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.btn_main.outline {
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #004098;
    border: 1px solid #004098;
}
.btn_main.outline:hover, .btn_main.outline:focus, .btn_main.outline:active, .btn_main.outline .active {
    background: #e0e0e0;
    color: #1C2271;
    border: 1px solid #1C2271;
}
.btn_main.outline:hover.disabled, .btn_main.outline:focus.disabled, .btn_main.outline:active.disabled, .btn_main.outline .active.disabled {
    cursor: not-allowed;
    border: 1px solid #adadad;
    color: #adadad;
    background: none;
}
.btn_main.outline.disabled {
    cursor: not-allowed;
    border: 1px solid #adadad;
    color: #adadad;
}

.btn_white {
    display: inline-block;
    outline: none;
    padding: 0 15px 0 25px;
    border: 0 none;
    letter-spacing: 1;
    font-weight: normal;
    margin-bottom: 5px;
    white-space: inherit;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 20px;
    cursor: pointer;
    height: 35px;
    line-height: 34px;
    background-color: #fff;
    color: #004098;
}
.btn_white:hover, .btn_white:focus, .btn_white:active:focus, .btn_white.active:focus {
    outline: 0 none;
}
.btn_white:hover, .btn_white:focus, .btn_white.focus {
    color: inherit;
    text-decoration: none;
}
.btn_white i {
    position: relative;
    top: 1px;
}
.btn_white:hover, .btn_white:focus, .btn_white:active, .btn_white .active {
    background: #ffff00;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ffff00), to(#00DAEE));
    background: linear-gradient(to right, #ffff00 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$secondary-color1", endColorstr="$secondary-color2", GradientType=1);
    /* IE6-9 */
    color: #004098;
}
.btn_white.outline {
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px 0 25px;
    border: 1px solid #fff;
    color: #fff;
    padding: 0 25px 0 15px;
    line-height: 32px;
}
.btn_white.outline:hover, .btn_white.outline:focus, .btn_white.outline:active:focus, .btn_white.outline.active:focus .btn_white.outline.focus {
    background: none;
}
.btn_white.outline:hover, .btn_white.outline:focus, .btn_white.outline:active:focus, .btn_white.outline.active:focus .btn_white.outline.focus {
    border: 1px solid #fff;
    color: #fff;
}
.btn_white.outline:hover, .btn_white.outline:focus, .btn_white.outline:active, .btn_white.outline .active {
    border: 1px solid #00DAEE;
    color: #00DAEE;
}
.btn_white.outline:hover:hover, .btn_white.outline:hover:focus, .btn_white.outline:hover:active:focus, .btn_white.outline:hover.active:focus .btn_white.outline:hover.focus, .btn_white.outline:focus:hover, .btn_white.outline:focus:focus, .btn_white.outline:focus:active:focus, .btn_white.outline:hover.active:focus .btn_white.outline:focus.focus, .btn_white.outline:active:hover, .btn_white.outline:active:focus, .btn_white.outline:active:active:focus, .btn_white.outline:hover.active:focus .btn_white.outline:active.focus, .btn_white.outline .active:hover, .btn_white.outline .active:focus, .btn_white.outline .active:active:focus, .btn_white.outline:hover.active:focus .btn_white.outline .active.focus, .btn_white.outline:focus.active:focus .btn_white.outline:hover.focus, .btn_white.outline:focus.active:focus .btn_white.outline:focus.focus, .btn_white.outline:focus.active:focus .btn_white.outline:active.focus, .btn_white.outline:focus.active:focus .btn_white.outline .active.focus, .btn_white.outline:active.active:focus .btn_white.outline:hover.focus, .btn_white.outline:active.active:focus .btn_white.outline:focus.focus, .btn_white.outline:active.active:focus .btn_white.outline:active.focus, .btn_white.outline:active.active:focus .btn_white.outline .active.focus, .btn_white.outline .active.active:focus .btn_white.outline:hover.focus, .btn_white.outline .active.active:focus .btn_white.outline:focus.focus, .btn_white.outline .active.active:focus .btn_white.outline:active.focus, .btn_white.outline .active.active:focus .btn_white.outline .active.focus {
    border: 1px solid #00DAEE;
    color: #00DAEE;
}

.btn_filter {
    display: inline-block;
    outline: none;
    padding: 0 15px 0 25px;
    border: 0 none;
    letter-spacing: 1;
    font-weight: normal;
    margin-bottom: 5px;
    white-space: inherit;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 20px;
    cursor: pointer;
    height: 35px;
    line-height: 34px;
    background-color: #004098;
    color: #fff;
}
.btn_filter:hover, .btn_filter:focus, .btn_filter:active:focus, .btn_filter.active:focus {
    outline: 0 none;
}
.btn_filter:hover, .btn_filter:focus, .btn_filter.focus {
    color: inherit;
    text-decoration: none;
}
.btn_filter i {
    position: relative;
    top: 1px;
}
.btn_filter:hover, .btn_filter:focus, .btn_filter:active, .btn_filter .active {
    background-color: #0051c1;
    color: #fff;
}
.btn_filter.btn_sm {
    height: 25px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
}

.btn_primary {
    display: inline-block;
    outline: none;
    padding: 0 15px 0 25px;
    border: 0 none;
    letter-spacing: 1;
    font-weight: normal;
    margin-bottom: 5px;
    white-space: inherit;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 20px;
    cursor: pointer;
    height: 35px;
    line-height: 34px;
    background: #96F187;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#96F187), to(#00DAEE));
    background: linear-gradient(to right, #96F187 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$secondary-color1", endColorstr="$secondary-color2", GradientType=1);
    /* IE6-9 */
    background-color: #004098;
    color: #004098;
    margin-bottom: 3px;
}
.btn_primary:hover, .btn_primary:focus, .btn_primary:active:focus, .btn_primary.active:focus {
    outline: 0 none;
}
.btn_primary:hover, .btn_primary:focus, .btn_primary.focus {
    color: inherit;
    text-decoration: none;
}
.btn_primary i {
    position: relative;
    top: 1px;
}
.btn_primary:hover, .btn_primary:focus, .btn_primary:active, .btn_primary .active {
    background: #ffff00;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ffff00), to(#00DAEE));
    background: linear-gradient(to right, #ffff00 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$secondary-color1", endColorstr="$secondary-color2", GradientType=1);
    /* IE6-9 */
    color: #004098;
}
.btn_primary.btn_sm {
    height: 25px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
}
.btn_primary.btn_lg {
    height: 45px;
    font-size: 22px;
    border-radius: 45px;
}
.btn_primary.disabled {
    cursor: not-allowed;
    opacity: 0.5;
    color: #fff;
}

.btn_primary-50 {
    display: inline-block;
    outline: none;
    padding: 0 15px 0 25px;
    border: 0 none;
    letter-spacing: 1;
    font-weight: normal;
    margin-bottom: 5px;
    white-space: inherit;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 20px;
    cursor: pointer;
    height: 35px;
    line-height: 34px;
    background-color: rgba(0, 64, 152, 0.05);
}
.btn_primary-50:hover, .btn_primary-50:focus, .btn_primary-50:active:focus, .btn_primary-50.active:focus {
    outline: 0 none;
}
.btn_primary-50:hover, .btn_primary-50:focus, .btn_primary-50.focus {
    color: inherit;
    text-decoration: none;
}
.btn_primary-50 i {
    position: relative;
    top: 1px;
}
.btn_primary-50.btn_sm {
    height: 25px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
}

.btn_basic {
    border: none;
    background-color: transparent;
}

.btn-mob {
    display: none;
}
@media (max-width: 767px) {
    .btn-mob {
        display: inline-block;
    }
}

.navbar {
    position: relative;
    z-index: 10;
}

.brand {
    width: 100%;
    height: 100px;
    color: #fff;
    background-color: #ffffff;
    border-bottom: 1px solid #EFEFEF;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (max-width: 990px) {
    .brand {
        height: 60px;
    }
}
.brand .contain {
    height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.brand .contain > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.brand.fixed {
    position: fixed;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 60px;
}
.brand.fixed .logo {
    position: relative;
    top: 0;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.brand.fixed .logo.scroll--down {
    top: -100px;
}
.brand.fixed .logo img {
    width: 160px;
}
.brand.fixed .hamburger {
    margin: 0 5px;
}
.brand.fixed .hamburger span {
    background: #004098;
}
.brand.fixed .btn_main,
.brand.fixed .member_state,
.brand.fixed .search_container.pad-nav-none {
    position: relative;
    top: 0px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.brand.fixed .btn_main.scroll--down,
.brand.fixed .member_state.scroll--down,
.brand.fixed .search_container.pad-nav-none.scroll--down {
    top: -100px;
}
.brand.fixed .search_container_topFixed {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.brand.fixed .search_container_topFixed input[type=text] {
    width: 83vw;
}
@media (max-width: 550px) {
    .brand.fixed .search_container_topFixed input[type=text] {
        width: 80vw;
    }
}
@media (max-width: 425px) {
    .brand.fixed .search_container_topFixed input[type=text] {
        width: 75vw;
    }
}
@media (max-width: 320px) {
    .brand.fixed .search_container_topFixed input[type=text] {
        width: 70vw;
    }
}
@media (max-width: 280px) {
    .brand.fixed .search_container_topFixed input[type=text] {
        width: 63vw;
    }
}
.brand.fixed .search_container_topFixed button[type=button] {
    position: absolute;
    top: 50%;
    right: 44px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #bababa;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.brand.fixed .search_container_topFixed button[type=button] .icon-close-600::before {
    color: #fff;
}
.brand.fixed .search_container_topFixed button[type=button][data-btn=headerClearBtn_mobile] {
    display: none;
}
.brand.fixed .search_container_topFixed.scroll--down {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.brand.fixed + .topnav {
    margin-top: 60px;
}
.brand .logo {
    position: relative;
    display: inline-block;
}
.brand .logo img {
    width: 250px;
    height: auto;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
@media (max-width: 990px) {
    .brand .logo img {
        width: 190px;
    }
}
@media (max-width: 767px) {
    .brand .logo img {
        width: 155px;
    }
}
.brand .hamburger {
    width: 30px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    margin: 0px 5px;
    z-index: 5;
}
@media (max-width: 990px) {
    .brand .hamburger {
        margin: 8px 5px;
    }
}
@media (max-width: 767px) {
    .brand .hamburger {
        width: 25px;
        margin: 5px 5px 5px 0px;
    }
}
.brand .hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #bababa;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.brand .hamburger span:nth-child(1) {
    top: 5px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.brand .hamburger span:nth-child(2) {
    top: 15px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
@media (max-width: 767px) {
    .brand .hamburger span:nth-child(2) {
        top: 13px;
    }
}
.brand .hamburger span:nth-child(3) {
    top: 25px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
@media (max-width: 767px) {
    .brand .hamburger span:nth-child(3) {
        top: 22px;
    }
}
.brand .hamburger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    left: 4px;
}
@media (max-width: 767px) {
    .brand .hamburger.open span:nth-child(1) {
        top: 5px;
    }
}
.brand .hamburger.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.brand .hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 23px;
    left: 4px;
}
.brand .btn_main {
    margin-left: 10px;
    margin-bottom: 0px;
    display: inline-block;
    min-width: 76.8px;
}
@media (max-width: 990px) {
    .brand .btn_main {
        margin-left: 0px;
    }
}
.brand .member_state {
    color: #373737;
}
.brand .member_state i {
    color: #004098;
    font-size: 20px;
}
@media (max-width: 767px) {
    .brand .member_state i {
        font-size: 22px;
        margin-right: 6px;
        display: inline-block;
        position: relative;
        top: -2px;
    }
}
.brand .member_state li {
    display: inline-block;
    font-size: 14px;
    margin-left: 15px;
}
@media (max-width: 767px) {
    .brand .member_state li {
        margin-left: 0;
    }
    .brand .member_state li.login, .brand .member_state li.register, .brand .member_state li.member_login, .brand .member_state li.edm-order {
        display: none;
    }
}
.brand .member_state li a {
    font-size: 14px;
}
.brand .member_state li.login {
    position: relative;
    margin-left: 5px;
}
.brand .member_state li.login:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    position: absolute;
    left: 36px;
    top: 3px;
    border-right: 1px solid #bababa;
}
.brand .member_state li.register {
    position: relative;
    margin-left: 15px;
}
.brand .member_state li.register:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    position: absolute;
    left: 36px;
    top: 3px;
    border-right: 1px solid #bababa;
}
.brand .member_state li.mob_login {
    position: relative;
    top: 2px;
}
@media (max-width: 768px) {
    .brand .member_state li.mob_login {
        left: 8px;
    }
}
@media (max-width: 767px) {
    .brand .member_state li.mob_login {
        top: 5px;
    }
    .brand .member_state li.mob_login:hover ul.member_login {
        display: block;
    }
    .brand .member_state li.mob_login:hover ul.member_login a {
        position: relative;
    }
    .brand .member_state li.mob_login:hover ul.member_login a > .author--notice {
        position: absolute;
        width: 5px;
        height: 5px;
        background-color: #FF5C56;
        border-radius: 50%;
        top: -10%;
        right: -10%;
    }
}
.brand .member_state li.mob_login ul.member_login {
    position: absolute;
    min-width: 130px;
    right: 0;
    top: 35px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    display: none;
    z-index: 3;
}
.brand .member_state li.mob_login ul.member_login::after {
    content: "";
    position: absolute;
    top: -6px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px;
    border-color: transparent transparent #fff;
}
.brand .member_state li.mob_login ul.member_login li {
    display: inline-block;
    margin-left: 0;
    font-size: 16px;
    padding: 3px 0;
    width: 100%;
}
.brand .member_state li.mob_login ul.member_login li a {
    font-size: 16px;
}
.brand .member_state li.member_login {
    position: relative;
    cursor: pointer;
    line-height: 40px;
}
.brand .member_state li.member_login:hover ul {
    display: block;
}
.brand .member_state li.member_login > .author--notice {
    top: 8px;
    right: -6px;
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #FF5C56;
    border-radius: 50%;
}
.brand .member_state li.member_login ul {
    position: absolute;
    min-width: 130px;
    right: 0;
    top: 38px;
    padding: 5px 0;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    display: none;
    z-index: 3;
}
.brand .member_state li.member_login ul::after {
    content: "";
    position: absolute;
    top: -6px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px;
    border-color: transparent transparent #fff;
}
.brand .member_state li.member_login ul li {
    display: inline-block;
    margin-left: 0;
    font-size: 16px;
    width: 100%;
}
.brand .member_state li.member_login ul li:first-child {
    border-bottom: 1px solid #F5F5F5;
}
.brand .member_state li.member_login ul li a {
    position: relative;
    font-size: 16px;
    width: 100%;
    padding: 5px 10px;
    display: block;
}
.brand .member_state li.member_login ul li a > .author--notice {
    top: 14%;
    right: 20%;
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #FF5C56;
    border-radius: 50%;
}

.article_social_topFixed {
    display: none;
}
@media (max-width: 990px) {
    .article_social_topFixed {
        position: absolute;
        top: -100px;
        left: 85px;
        width: 50vw;
        display: block;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .article_social_topFixed.scroll--down {
        top: 48%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media (max-width: 465px) {
    .article_social_topFixed {
        left: 65px;
    }
}
@media (max-width: 375px) {
    .article_social_topFixed {
        width: 44vw;
        left: 55px;
    }
}
@media (max-width: 280px) {
    .article_social_topFixed {
        width: 42vw;
        left: 42px;
    }
}
.article_social_topFixed .social_icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.article_social_topFixed .social_icons li i {
    font-size: 24px;
    color: #004098;
    display: block;
    position: relative;
    top: 2px;
}
.article_social_topFixed .social_icons li.text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.article_social_topFixed .social_icons li.text i {
    margin-right: 3px;
}
.article_social_topFixed .social_icons li.text span {
    font-size: 14px;
}
.article_social_topFixed .social_icons li.btn_collect--lock i {
    color: #BABABA;
    cursor: not-allowed;
}
.article_social_topFixed .social_icons li.btn_collect_tooltip::before {
    bottom: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #004098;
}
.article_social_topFixed .social_icons li.btn_collect_tooltip::after {
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: transparent transparent #004098 transparent;
}
.article_social_topFixed .social_icons li.btn_collect_tooltip--lock::before {
    bottom: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #BABABA;
}
.article_social_topFixed .social_icons li.btn_collect_tooltip--lock::after {
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: transparent transparent #BABABA transparent;
}
.article_social_topFixed .social_icons li.btn_collect_tooltip:hover::before, .article_social_topFixed .social_icons li.btn_collect_tooltip:hover::after, .article_social_topFixed .social_icons li.btn_collect_tooltip--lock:hover::before, .article_social_topFixed .social_icons li.btn_collect_tooltip--lock:hover::after {
    opacity: 1;
    display: inline-block;
}

.topnav {
    background: #fff;
    text-align: center;
    position: relative;
    height: 45px;
}
.topnav::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background: #ffff00;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ffff00), to(#00DAEE));
    background: linear-gradient(to right, #ffff00 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$secondary-color1", endColorstr="$secondary-color2", GradientType=1);
    /* IE6-9 */
}
@media (max-width: 990px) {
    .topnav {
        display: none;
    }
}
.topnav ul {
    margin: 0 0 0 -15px;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    float: left;
    background: #ffffff;
}
@media (max-width: 768px) {
    .topnav ul {
        display: none;
    }
}
.topnav ul li {
    position: relative;
    float: left;
    font-size: 18px;
    font-weight: normal;
}
.topnav ul li + li {
    margin-left: 1px;
}
.topnav ul li a {
    display: inline-block;
    color: #373737;
    text-decoration: none;
    padding: 8px 20px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
.topnav ul li a:hover {
    color: #004098;
}
@media (max-width: 1200px) {
    .topnav ul li a {
        padding: 8px 15px;
    }
}
@media (max-width: 1024px) {
    .topnav ul li a {
        padding: 8px 10px;
    }
}
.topnav ul li > ul {
    display: none;
    position: absolute;
    width: 165px;
    top: 100%;
    left: 15px;
    z-index: 3;
    text-align: left;
    padding: 10px 0;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
.topnav ul li > ul li {
    float: none;
    margin: 0;
    font-size: 16px;
    display: inline-block;
}
.topnav ul li > ul li a {
    display: block;
    padding: 5px 15px;
    font-size: 16px;
}
.topnav ul li > ul li a:hover {
    color: #004098;
}

.side_collapse_left {
    top: 0px;
    bottom: 0;
    left: 0%;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
    width: 25%;
    background-color: whitesmoke;
    z-index: 13;
    -webkit-box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
}
.side_collapse_left.in {
    -webkit-box-shadow: 4px 0 24px rgba(0, 0, 0, 0.05);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.05);
    left: -85%;
}
@media (max-width: 1200px) {
    .side_collapse_left {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .side_collapse_left {
        width: 80%;
    }
}
.side_collapse_left .side_navtop {
    background: #004098;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#004098), to(#00DAEE));
    background: linear-gradient(to right, #004098 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-color", endColorstr="$secondary-color1", GradientType=1);
    /* IE6-9 */
    padding: 15px 15px 20px;
    position: relative;
}
.side_collapse_left .side_navtop .side_navtop_photo {
    margin: 15px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
    overflow: hidden;
    display: inline-block;
}
.side_collapse_left .side_navtop .side_navtop_txt {
    margin: 15px 5px 5px 5px;
    width: calc(100% - 60px);
    vertical-align: top;
    display: inline-block;
}
.side_collapse_left .side_navtop .side_navtop_txt p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
}
.side_collapse_left .side_navtop .side_navtop_txt p > span {
    color: #fff;
    display: block;
    font-size: 16px;
}
.side_collapse_left .side_navtop .side_navtop_txt p b {
    color: #fff;
}
.side_collapse_left .side_navtop .side_navtop_txt p a {
    background-color: transparent;
    border-radius: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 0.5em;
    margin-left: 3px;
    padding: 0 10px 0 0;
    border-right: 1px solid #fff;
}
.side_collapse_left .side_navtop .side_navtop_txt p a:hover {
    color: #00DAEE;
}
.side_collapse_left .side_navtop .side_navtop_txt p a.end {
    border: 0;
    padding-left: 10px;
}
.side_collapse_left .side_navtop .side_navtop_txt a {
    background-color: #fff;
    border-radius: 30px;
    color: #004098;
    padding: 4px 15px;
    font-size: 16px;
}
.side_collapse_left .side_navtop .side_navtop_txt a i {
    position: relative;
    top: 0.1em;
}
.side_collapse_left .side_navtop .side_navtop_line {
    position: absolute;
    bottom: -5px;
    left: 0px;
    height: 18px;
    width: 800px;
    overflow: hidden;
}
.side_collapse_left .side_navtop .side_navtop_line img {
    max-width: auto;
    width: auto;
}
.side_collapse_left .side_navtop .close_btn {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 9;
}
.side_collapse_left .side_navtop .close_btn .icon-close {
    font-size: 20px;
    color: #fff;
    opacity: 0.9;
}
.side_collapse_left .side_logout {
    padding: 10px;
}
.side_collapse_left .side_logout .btn {
    width: 100%;
    text-align: center;
}
.side_collapse_left .side_nav {
    background-color: #fff;
    -webkit-box-shadow: 4px 0 24px rgba(0, 0, 0, 0.05);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 999;
}
.side_collapse_left .side_nav li span {
    padding: 10px 30px 10px 15px;
    display: block;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    font-size: 18px;
    position: relative;
}
.side_collapse_left .side_nav li span img {
    margin-top: -5px;
    max-width: 25px;
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}
.side_collapse_left .side_nav li a {
    padding: 10px 30px 10px 15px;
    display: block;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    font-size: 18px;
    position: relative;
    color: #373737;
}
.side_collapse_left .side_nav li a img {
    margin-top: -5px;
    max-width: 25px;
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}
.side_collapse_left .side_nav li i {
    position: absolute;
    right: 10px;
    top: 12px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.side_collapse_left .side_nav li .side_nav2 {
    display: none;
    background-color: #f4f3f1;
}

#openMenu span {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.rotate {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.rotate.down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.search_container {
    position: relative;
}
.search_container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.search_container input[type=text] {
    padding: 10px;
    font-size: 15px;
    border: none;
    background-color: #EFEFEF;
    color: #373737;
    border-radius: 5px;
    width: 210px;
    height: 30px;
    margin: 6px;
}
.search_container input[type=text]:focus {
    border: 1px solid #00DAEE;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
}
.search_container button[type=submit] {
    font-size: 27px;
    border: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 30px;
    width: 30px;
    background: none;
    margin: 3px 0;
    transition: 0.3s;
}
.search_container button[type=submit]:hover {
    color: #0051c1;
    cursor: pointer;
}
.search_container button[type=submit]:hover i:before, .search_container button[type=submit]:hover span:before, .search_container button[type=submit]:hover .icon:before {
    color: #0051c1;
}
.search_container button[type=submit] i:before, .search_container button[type=submit] span:before, .search_container button[type=submit] .icon:before {
    color: #004098;
}
.search_container button[type=button] {
    position: absolute;
    top: 50%;
    right: 44px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #bababa;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.search_container button[type=button] .icon-close-600::before {
    color: #fff;
}
.search_container button[type=button][data-btn=headerClearBtn_PC] {
    display: none;
}
.search_container_topFixed {
    display: none;
    position: absolute;
    left: 75px;
    top: -100px;
}
@media (max-width: 990px) {
    .search_container_topFixed {
        display: block;
    }
}
@media (max-width: 767px) {
    .search_container_topFixed {
        left: 50px;
    }
}

.category_head {
    margin-bottom: 25px;
}
@media (max-width: 768px) {
    .category_head {
        margin-bottom: 10px;
    }
}
.category_head--h1 {
    font-size: 26px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
}
.category_head--h1 a:hover {
    color: #004098;
}
.category_head--h1 a:nth-child(2) {
    margin-left: 10px;
}
.category_head--h1 i {
    color: #bababa;
    font-size: 0.8em;
    margin: 0 0.15em;
}
.category_head .subcategory_width {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto;
    height: 50px;
    vertical-align: middle;
    position: relative;
    vertical-align: top;
}
.category_head .subcategory_width ul.subcategory_ul {
    width: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.category_head .subcategory_width ul.subcategory_ul li {
    display: inline-block;
    margin: 5px 5px 5px 0;
    font-size: 17px;
    color: #373737;
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
    font-weight: normal;
    border-radius: 30px;
    padding: 3px 15px;
    cursor: pointer;
}
@media (max-width: 767px) {
    .category_head .subcategory_width ul.subcategory_ul li {
        font-size: 16px;
    }
}
.category_head .subcategory_width ul.subcategory_ul li:hover, .category_head .subcategory_width ul.subcategory_ul li:focus, .category_head .subcategory_width ul.subcategory_ul li:active, .category_head .subcategory_width ul.subcategory_ul li.active, .category_head .subcategory_width ul.subcategory_ul li.selected {
    color: #004098;
}
.category_head .subcategory_width ul.subcategory_ul li:hover h2, .category_head .subcategory_width ul.subcategory_ul li:hover span, .category_head .subcategory_width ul.subcategory_ul li:hover a, .category_head .subcategory_width ul.subcategory_ul li:focus h2, .category_head .subcategory_width ul.subcategory_ul li:focus span, .category_head .subcategory_width ul.subcategory_ul li:focus a, .category_head .subcategory_width ul.subcategory_ul li:active h2, .category_head .subcategory_width ul.subcategory_ul li:active span, .category_head .subcategory_width ul.subcategory_ul li:active a, .category_head .subcategory_width ul.subcategory_ul li.active h2, .category_head .subcategory_width ul.subcategory_ul li.active span, .category_head .subcategory_width ul.subcategory_ul li.active a, .category_head .subcategory_width ul.subcategory_ul li.selected h2, .category_head .subcategory_width ul.subcategory_ul li.selected span, .category_head .subcategory_width ul.subcategory_ul li.selected a {
    color: #004098;
}
.category_head .subcategory_width ul.subcategory_ul li h2 {
    font-weight: 500;
}
@media (max-width: 1200px) {
    .category_head .subcategory_width ul.subcategory_ul {
        display: block;
    }
}
.category_head--text {
    margin-bottom: 15px;
}
.category_head--text p {
    color: #616161;
    margin-left: 0;
}
.category_head--text p em {
    color: #004098;
    font-style: normal;
    margin: 0 5px;
}
.category_head--p {
    display: inline-block;
    margin-left: 10px;
    top: -3px;
    position: relative;
}
.category_head--p:hover {
    color: #004098;
}

.category .article_card {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
}
@media (max-width: 768px) {
    .category .article_card {
        margin-bottom: 15px;
    }
}
.category .article_card .article_card_cover {
    display: inline-block;
    width: 200px;
    float: right;
}
@media (max-width: 768px) {
    .category .article_card .article_card_cover {
        width: 100px;
    }
}
.category .article_card .article_card_body {
    width: calc(100% - 200px);
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0;
}
@media (max-width: 768px) {
    .category .article_card .article_card_body {
        width: calc(100% - 100px);
    }
}
.category .article_card .article_card_body .article_card_title {
    font-size: 21px;
    font-weight: bold;
    height: auto;
}
@media (max-width: 768px) {
    .category .article_card .article_card_body .article_card_title {
        font-size: 18px;
        font-weight: normal;
    }
}
@media (max-width: 768px) {
    .category .article_card .article_card_body .article_card_text {
        display: none;
    }
}
.category .article_card .article_card_body .tagWrap {
    display: inline-block;
    margin-right: unset;
}
@media (max-width: 767px) {
    .category .article_card .article_card_body .tagWrap {
        display: block;
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .category .article_card .article_card_body div.article_author {
        line-height: 1.2;
    }
}
@media (max-width: 990px) {
    .category .column_article_list .article_card_body .article_author {
        position: relative;
        top: inherit;
        right: inherit;
    }
}
.category .card_title {
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative;
}
.category .card_title p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}
.category .resource_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 20px;
}
@media only screen and (min-width:769px) {
    .category .resource_list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (min-width:1024px) {
    .category .resource_list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.category .resource_list .resourceCard {
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background-color: #FFF;
}

.aside_wrapper {
    float: left;
    width: 300px;
    margin-left: 20px;
}
@media (max-width: 768px) {
    .aside_wrapper {
        float: none;
        width: 100%;
        margin-left: 0;
    }
}
.aside_wrapper .ad_box {
    margin-bottom: 10px;
}
.aside_wrapper .edm_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    background-color: #EFEFEF;
    padding: 15px;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .aside_wrapper .edm_box {
        display: none;
    }
}
.aside_wrapper .edm_box span {
    width: 70px;
    height: 70px;
    font-size: 60px;
    background: -webkit-gradient(linear, right top, left top, from(#004098), to(#00DAEE));
    background: linear-gradient(to left, #004098, #00DAEE);
    background: -webkit-linear-gradient(to left, #004098, #00DAEE);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;
}
.aside_wrapper .edm_box h3 {
    font-size: 22px;
}
.aside_wrapper .edm_box .text {
    position: relative;
    padding-top: 15px;
    margin-top: 10px;
}
.aside_wrapper .edm_box .text::after {
    background-image: none;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    display: block;
    top: 0;
    left: 0;
    background: #ffff00;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ffff00), to(#00DAEE));
    background: linear-gradient(to right, #ffff00 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$secondary-color1", endColorstr="$secondary-color2", GradientType=1);
    /* IE6-9 */
}
.aside_wrapper .edm_box .text p {
    font-size: 17px;
    line-height: 1.4;
}
.aside_wrapper .edm_box .order_btn {
    margin-top: 15px;
}
.aside_wrapper .brand_silder {
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
@media (max-width: 768px) {
    .aside_wrapper .brand_silder {
        margin-left: -10px;
        margin-right: -10px;
    }
}
.aside_wrapper .brand_silder .slick-slide {
    margin-right: 0;
    margin-left: 0;
}
@media (max-width: 768px) {
    .aside_wrapper .brand_silder .slick-slide {
        margin-left: 10px;
        margin-right: 10px;
    }
}
.aside_wrapper .brand_silder .slick-list {
    padding-left: 0px !important;
}

.keyword_highlight {
    color: #004098;
}

.article_container {
    max-width: 990px;
    margin: auto;
    position: relative;
}
.article_container .category {
    padding-top: 30px;
}
.article_container.author_articlelist .category {
    padding-top: 0;
}

.author_head {
    background-color: whitesmoke;
    margin-top: -30px;
}
.author_head .author_info_container {
    max-width: 860px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    padding: 20px 0;
    margin: 0 auto;
    border: 0;
}
@media (max-width: 990px) {
    .author_head .author_info_container {
        padding: 20px;
    }
}
.author_head .author_info_container .breadcrumb {
    margin-top: 10px;
    margin-bottom: 10px;
}
.author_head .author_info--btn {
    text-align: right;
    margin-top: 10px;
}

.filter_head .subcategory_width {
    width: 100%;
    overflow: inherit;
    height: auto;
    white-space: inherit;
}
.filter_head .subcategory_width ul.subcategory_ul {
    margin-left: 0;
    height: auto;
    transform: inherit;
    -webkit-transform: inherit;
    position: inherit;
}
.filter_head .subcategory_width ul.subcategory_ul li {
    position: relative;
}
.filter_head .subcategory_width ul.subcategory_ul li.active .filter_box {
    display: block;
}
.filter_head .subcategory_width ul.subcategory_ul li i {
    position: relative;
    right: -3px;
    top: 1px;
    top: 1px;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box {
    width: 320px;
    position: absolute;
    top: 45px;
    left: 0;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(233, 233, 232);
    -webkit-box-shadow: rgba(33, 43, 54, 0.1) 0px 4px 10px 0px;
    box-shadow: rgba(33, 43, 54, 0.1) 0px 4px 10px 0px;
    z-index: 10;
    padding: 20px;
    display: none;
    cursor: initial;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .title {
    font-size: 15px;
    color: #373737;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content {
    margin-bottom: 15px;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content input {
    background-color: transparent;
    width: 110px;
    height: 35px;
    border: 1px solid rgb(213, 216, 219);
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content input:focus {
    border: 1px solid #e4007f;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content input::-webkit-input-placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content input::-moz-placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content input:-ms-input-placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content input::-ms-input-placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content input::placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content span {
    height: 35px;
    color: rgba(0, 0, 0, 0.46);
    margin: 0px tpx;
    display: inline-block;
}
@media (max-width: 767px) {
    .filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content ul {
        border: none;
    }
}
@media (max-width: 767px) {
    .filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_content ul li {
        border: 1px solid rgb(233, 233, 232);
        background: rgb(255, 255, 255);
        display: inline-block;
    }
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_bottom .btn_filter {
    float: right;
    color: #fff;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box .filter_bottom a {
    cursor: pointer;
}
.filter_head .subcategory_width ul.subcategory_ul li .filter_box.show_active {
    display: block;
}
@media (max-width: 768px) {
    .filter_head .subcategory_width {
        display: none;
    }
}
.filter_head .filterlist_mob {
    display: none;
}
.filter_head .filterlist_mob.fixed {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.0005);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.0005);
}
.filter_head .filterlist_mob.fixed p {
    padding: 5px 0 3px 10px;
}
.filter_head .filterlist_mob.fixed p small {
    display: inline-block;
}
@media (max-width: 767px) {
    .filter_head .filterlist_mob {
        display: inline-block;
        position: relative;
        z-index: 2;
        top: -2px;
    }
}
.filter_head .filterlist_mob p {
    font-size: 20px;
    font-weight: bold;
}
.filter_head .filterlist_mob p small {
    display: none;
    margin-right: 10px;
}
.filter_head .filterlist_mob ul.filter_mob {
    border-top: 1px solid #e0e0e0;
    display: none;
    overflow-y: scroll;
    height: 60vh;
}
.filter_head .filterlist_mob ul.filter_mob > li {
    border-bottom: 1px solid #EFEFEF;
    width: 100%;
    display: inline-block;
    color: #373737;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box {
    padding: 10px;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box h3, .filter_head .filterlist_mob ul.filter_mob > li .filter_box span {
    font-size: 18px;
    color: #004098;
    font-weight: bold;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box h3 small, .filter_head .filterlist_mob ul.filter_mob > li .filter_box span small {
    font-size: 14px;
    margin-left: 5px;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box .filter_content input {
    background-color: transparent;
    width: 45%;
    height: 35px;
    border: 1px solid rgb(213, 216, 219);
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box .filter_content input:focus {
    border: 1px solid #e4007f;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box .filter_content input::-webkit-input-placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box .filter_content input::-moz-placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box .filter_content input:-ms-input-placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box .filter_content input::-ms-input-placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .filterlist_mob ul.filter_mob > li .filter_box .filter_content input::placeholder {
    font-size: 14px;
    color: #ababab;
}
.filter_head .filterlist_mob ul.filter_mob > li .class_box ul li {
    display: inline-block;
    margin: 8px 0px 5px 5px;
    font-size: 17px;
    color: #373737;
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
    font-weight: normal;
    border-radius: 30px;
    padding: 3px 15px;
    cursor: pointer;
}
.filter_head .filterlist_mob ul.filter_mob > li .class_box ul li.active {
    border: 1px solid #004098;
    color: #004098;
    background-color: #fff;
}
.filter_head .filterlist_mob ul.filter_mob > li:last-child {
    border-bottom: none;
}
.filter_head .filterlist_mob ul.filter_mob .filter_bottom {
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.filter_head .filterlist_mob ul.filter_mob .filter_bottom .btn_filter {
    float: right;
}
.filter_head .filterlist_mob ul.filter_mob .filter_bottom a {
    cursor: pointer;
}

.category_tab_list > input,
.category_tab_list section > div {
    display: none;
}

#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3 {
    display: block;
}

.category_tab_list {
    margin: 0 auto;
}
.category_tab_list nav.fixed {
    position: fixed;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: 4;
    background-color: #fff;
    padding-top: 3px;
    border-bottom: solid 1px #EFEFEF;
}
.category_tab_list nav.fixed ul.tab_list {
    max-width: 990px;
    margin: auto;
    padding-right: 3%;
    padding-left: 3%;
    width: 100%;
    display: inherit;
    border-bottom: none;
}
@media (max-width: 768px) {
    .category_tab_list nav.fixed ul.tab_list {
        padding-right: 2%;
        padding-left: 2%;
    }
}
.category_tab_list ul.tab_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: solid 1px #EFEFEF;
    display: inline-block;
    line-height: 0;
}
.category_tab_list ul.tab_list li {
    margin-right: 20px;
    display: inline-block;
}
.category_tab_list ul.tab_list li label {
    float: left;
    padding: 0 0 3px 0;
    font-size: 20px;
}
.category_tab_list ul.tab_list li label:hover {
    color: #004098;
    font-weight: 500;
}
.category_tab_list ul.tab_list li label:active {
    color: #004098;
    font-weight: 500;
}
.category_tab_list section {
    clear: both;
}

#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label {
    position: relative;
    color: #004098;
    font-weight: 500;
    margin: 0 auto;
    border-bottom: solid 2px #004098;
}

@media (max-width: 767px) {
    .pagination {
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

.page {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page_numbers, .page_btn, .page_dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    margin: 5px;
}
@media (max-width: 767px) {
    .page_numbers, .page_btn, .page_dots {
        margin: 0;
    }
}
.page_dots {
    width: 35px;
    height: 35px;
    color: #373737;
    cursor: initial;
}
.page_numbers_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.page_numbers_item:hover {
    background: #fff;
    color: #004098;
}
.page_numbers_item.active {
    background: #00DAEE;
    font-weight: 700;
    color: #fff;
    border: 1px solid #00DAEE;
}
.page_btn .icon:hover {
    color: #004098;
}
.page_btn.page_btn--none .icon {
    color: #bababa;
}
.page_btn.page_btn--none .icon:hover {
    color: #bababa;
}

.article_recommendBlock {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 2;
    background-color: #ECF0F7;
    opacity: 0;
    border-bottom: solid 1px #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}
@media (max-width: 767px) {
    .article_recommendBlock {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        padding-left: 10px;
    }
}
.article_recommendBlock_title {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px;
    min-width: 60px;
}
.article_recommendBlock_title::after {
    content: "\e921";
    font-family: "icomoon";
    position: absolute;
    top: 50%;
    right: -17px;
    font-size: 12px;
    color: #00DAEE;
    line-height: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.article_recommendBlock_link {
    font-size: 14px;
    display: inline-block;
    max-width: calc(100% - 100px);
    white-space: nowrap;
    overflow-x: scroll;
}
.article_recommendBlock_link::-webkit-scrollbar {
    display: none;
}
.article_recommendBlock_link:hover {
    color: #004098;
}

.breadcrumb li {
    display: inline-block;
}
.breadcrumb li a {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
}
.breadcrumb li + li::before {
    content: "\e907";
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-family: "icomoon";
    font-size: 13px;
    color: #949494;
}

.article_label {
    font-size: 17px;
    color: #616161;
}

.article_title--h1 {
    margin: 15px 0 20px;
}
@media (max-width: 767px) {
    .article_title--h1 {
        margin: 10px 0 20px;
    }
}
.article_title--h1 h1 {
    font-size: 32px;
    letter-spacing: 0;
    line-height: 1.4;
}
@media (max-width: 767px) {
    .article_title--h1 h1 {
        font-size: 28px;
    }
}

.article_introduction {
    margin: 20px 0px 30px 0px;
    position: relative;
}
.article_introduction h2, .article_introduction p {
    font-weight: normal;
    font-size: 18px;
    line-height: 1.6;
    color: #616161;
}

.partner_info_container {
    position: relative;
    z-index: 1;
}
.partner_info_container:after {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background-color: whitesmoke;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
@media (max-width: 768px) {
    .partner_info_container:after {
        display: none;
    }
}
.partner_info_container .article_container_body {
    padding-top: 10px;
}

.partner_name_container {
    margin: 10px 0 20px;
    text-align: center;
}
@media (max-width: 767px) {
    .partner_name_container {
        margin: 10px 0 20px;
    }
}
.partner_name_container .partner-name {
    font-size: 27px;
    letter-spacing: 0;
    line-height: 1.4;
    display: inline-block;
}
@media (max-width: 767px) {
    .partner_name_container .partner-name {
        font-size: 26px;
    }
}
.partner_name_container .partner-title {
    font-size: 17px;
    color: #949494;
    display: inline-block;
}

.partner_view_container {
    margin: 6px 0;
    text-align: center;
    min-height: 418px;
    max-width: 800px;
    margin: auto;
}
@media (max-width: 990px) {
    .partner_view_container {
        min-height: 36vw;
    }
}
@media (max-width: 768px) {
    .partner_view_container {
        min-height: calc((100vw - 72px) * 0.2);
    }
}
@media (max-width: 767px) {
    .partner_view_container {
        min-height: 220px;
        margin-left: -10px;
        margin-right: -10px;
    }
}
@media (max-width: 375px) {
    .partner_view_container {
        min-height: 195px;
    }
}
@media (max-width: 320px) {
    .partner_view_container {
        min-height: 165px;
    }
}
.partner_view_container .partner_photo {
    display: inline-block;
    min-height: 418px;
}
@media (max-width: 990px) {
    .partner_view_container .partner_photo {
        min-height: calc((100vw - 72px) * 0.2);
    }
}
.partner_view_container .article_video_info {
    font-size: 14px;
    color: #949494;
    display: block;
    text-align: left;
    padding: 5px 15px;
}
.partner_view_container .article_photo_info {
    font-size: 14px;
    line-height: 1.45;
    color: #949494;
    display: block;
    text-align: left;
    margin-top: 5px;
}
@media (max-width: 767px) {
    .partner_view_container .article_photo_info {
        padding: 5px 15px;
    }
}

.partner_category_container {
    margin: 15px 0;
}
.partner_category_container ul li {
    display: inline-block;
    font-size: 17px;
}
.partner_category_container ul li i {
    background: #96F187;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#96F187), to(#00DAEE));
    background: linear-gradient(to right, #96F187 0%, #00DAEE 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$secondary-color1", endColorstr="$secondary-color2", GradientType=1);
    /* IE6-9 */
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 22px;
    position: relative;
    top: 3px;
    margin-right: 3px;
}
.partner_category_container ul li span {
    margin-right: 5px;
    color: #949494;
}

.partner_contact_container {
    padding: 10px 0;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
}
.partner_contact_container .partner_contact_box {
    padding: 0 10px;
    display: table;
    position: relative;
}
.partner_contact_container .partner_contact_box .contact_text {
    display: table-cell;
    width: 70%;
}
@media (max-width: 767px) {
    .partner_contact_container .partner_contact_box .contact_text {
        width: 100%;
        display: inline-block;
    }
}
.partner_contact_container .partner_contact_box .contact_btn {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}
@media (max-width: 767px) {
    .partner_contact_container .partner_contact_box .contact_btn {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-top: 5px;
        padding-left: 0;
    }
}

.view_contain {
    margin: 6px 0;
    text-align: center;
    min-height: 450px;
    max-width: 800px;
    margin: auto;
}
@media (max-width: 990px) {
    .view_contain {
        min-height: 36vw;
    }
}
@media (max-width: 768px) {
    .view_contain {
        min-height: calc((100vw - 72px) * 0.2);
    }
}
@media (max-width: 767px) {
    .view_contain {
        min-height: 220px;
        margin-left: -10px;
        margin-right: -10px;
    }
}
.view_contain .article_photo {
    display: inline-block;
    min-height: 450px;
}
@media (max-width: 990px) {
    .view_contain .article_photo {
        min-height: calc((100vw - 72px) * 0.2);
    }
}
@media (max-width: 767px) {
    .view_contain .article_photo {
        min-height: calc((100vw - 72px) * 0.2);
    }
}
.view_contain .article_video_info {
    font-size: 14px;
    color: #949494;
    display: block;
    text-align: left;
    padding: 5px 15px;
}
.view_contain .article_photo_info {
    font-size: 14px;
    line-height: 1.45;
    color: #949494;
    display: block;
    text-align: left;
    margin-top: 5px;
}
@media (max-width: 767px) {
    .view_contain .article_photo_info {
        padding: 5px 15px;
    }
}

.iframe_contain {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.iframe_contain--16by9:after {
    padding-top: 56.25%;
    display: block;
    content: "";
}
.iframe_contain--4by3:after {
    padding-top: 75%;
    display: block;
    content: "";
}
.iframe_contain iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article_container_head {
    max-width: 800px;
    margin: auto;
}
.article_container_head .article_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.article_container_head .article_info .tagWrap {
    margin-right: 10px;
}

.article_container_body {
    max-width: 690px;
    margin: auto;
    padding-top: 50px;
    position: relative;
}
@media (max-width: 768px) {
    .article_container_body {
        padding-top: 20px;
    }
}
.article_container_body h2 {
    font-size: 20px;
    line-height: 1.4;
    margin: 30px 0 20px;
    font-weight: 700;
}
.article_container_body h2.lightline {
    color: #FF5C56;
}
.article_container_body h2 span {
    font-size: 20px;
    line-height: 1.4;
    margin: 30px 0 20px;
    font-weight: 700;
}
.article_container_body h3 {
    font-size: 19px;
    line-height: 1.4;
    margin: 30px 0 20px;
    font-weight: 700;
}
.article_container_body p, .article_container_body em {
    font-size: 18px;
    line-height: 1.8;
    margin: 20px 0;
}
@media (max-width: 767px) {
    .article_container_body p, .article_container_body em {
        margin: 25px 0;
    }
}
.article_container_body p a, .article_container_body em a {
    font-size: 18px;
    display: inline;
    color: #004098;
}
.article_container_body a {
    font-size: 18px;
    display: inline;
    color: #004098;
}
.article_container_body .faq_q {
    margin-bottom: 0;
    margin-top: 15px;
}
.article_container_body .faq_a {
    margin: 0;
}
.article_container_body .article_photo--img {
    margin-bottom: 0;
}
.article_container_body .article_photo--img img {
    max-width: 690px;
}
@media (max-width: 768px) {
    .article_container_body .article_photo--img img {
        max-width: 100%;
    }
}
.article_container_body p.source, .article_container_body p.source span {
    font-size: 14px;
    line-height: 1.45;
    color: #949494;
    display: block;
    text-align: left;
    margin-top: 5px;
}
.article_container_body p.source strong, .article_container_body p.source span strong {
    color: #949494;
    font-weight: normal;
}
.article_container_body blockquote {
    text-align: center;
    position: relative;
    font-weight: normal;
    display: block;
    margin: 35px auto 30px;
    line-height: 1.6;
    font-size: 18px;
    color: #373737;
    width: 60%;
}
@media (max-width: 768px) {
    .article_container_body blockquote {
        width: 70%;
    }
}
@media (max-width: 767px) {
    .article_container_body blockquote {
        width: 80%;
    }
}
.article_container_body blockquote:before {
    content: "“";
    line-height: 0;
    position: absolute;
    left: -30px;
    top: 20px;
    font-size: 60px;
    font-family: arial, sans-serif;
    color: #00DAEE;
}
.article_container_body blockquote:after {
    content: "”";
    line-height: 0;
    position: absolute;
    right: -30px;
    bottom: 0px;
    font-size: 60px;
    font-family: arial, sans-serif;
    vertical-align: bottom;
    color: #00DAEE;
}
.article_container_body .article_extendReading {
    margin-bottom: 15px;
}
.article_container_body .article_extendReading p {
    margin-bottom: 0;
}
.article_container_body .article_linktag {
    margin-bottom: 15px;
}
.article_container_body .article_linktag a {
    display: inline-block;
}
.article_container_body .article_linktag a p {
    display: inline-block;
    color: #004098;
    position: relative;
    padding-left: 15px;
}
.article_container_body .article_linktag a p:before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background-color: #004098;
    position: absolute;
    left: 0;
    border-radius: 3px;
}
.article_container_body .article_linktag a p.title {
    color: #004098;
    margin-bottom: 0px;
    margin-top: 0px;
}
.article_container_body ul {
    margin-left: 25px;
}
.article_container_body ul li {
    list-style-type: disc;
    margin-bottom: 3px;
    font-size: 18px;
}
.article_container_body ol {
    margin-left: 25px;
}
.article_container_body ol li {
    list-style-type: decimal;
    margin-bottom: 3px;
    font-size: 18px;
}
.article_container_body table {
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .article_container_body table {
        width: 100% !important;
        height: auto !important;
    }
}
.article_container_body .article_detail {
    position: relative;
    font-size: 0;
}
.article_container_body .article_detail > ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}
.article_container_body .article_detail > ul li {
    display: inline-block;
    font-size: 14px;
    color: #616161;
}
.article_container_body .article_detail > ul li > * {
    display: inline-block;
    font-size: 14px;
    color: #616161;
}
.article_container_body .article_detail > ul li > * a {
    color: #616161;
    font-size: 14px;
}
.article_container_body .article_detail > ul li > * a:hover {
    color: #004098;
}
.article_container_body .article_detail ul.article_author li a {
    color: #616161;
}
.article_container_body .article_detail ul.article_author li a:hover {
    color: #004098;
}
.article_container_body .article_detail ul.article_author li span:after {
    content: "：";
    display: inline-block;
}
.article_container_body .article_detail ul.article_assort::before {
    content: "．";
    display: inline-block;
    margin-right: -5px;
}
.article_container_body .article_detail ul.article_assort a:hover {
    color: #004098;
}
.article_container_body .article_detail ul.article_time {
    margin-left: 0;
    display: block;
}
@media (max-width: 465px) {
    .article_container_body .article_detail ul.article_time {
        margin-left: 0;
    }
}
.article_container_body .article_detail time {
    display: inline-block;
    font-size: 14px;
    color: #616161;
    margin-left: 5px;
}
@media (max-width: 768px) {
    .article_container_body .article_detail time {
        display: block;
        margin-left: 0;
    }
}

.article_social_sideFixed {
    display: none;
    position: fixed;
    top: 35%;
    left: calc((100% - 920px) / 2);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}
@media (max-width: 990px) {
    .article_social_sideFixed {
        display: none;
    }
}
.article_social_sideFixed .article_social .title {
    margin-bottom: 5px;
    color: #949494;
    font-size: 0.875rem;
    text-align: center;
}
.article_social_sideFixed .article_social .social_icons {
    margin: 0;
}
.article_social_sideFixed .article_social .social_icons li {
    display: block;
    margin-bottom: 10px;
    border-radius: 50%;
    padding: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    border: 1px solid #EFEFEF;
    cursor: pointer;
}
.article_social_sideFixed .article_social .social_icons li i {
    font-size: 20px;
    color: #bababa;
    display: block;
    position: relative;
    top: 2px;
}
.article_social_sideFixed .article_social .social_icons li:nth-child(1):hover {
    border: 1px solid #375893;
}
.article_social_sideFixed .article_social .social_icons li:nth-child(1):hover i {
    color: #375893;
}
.article_social_sideFixed .article_social .social_icons li:nth-child(2):hover {
    border: 1px solid #31ae36;
}
.article_social_sideFixed .article_social .social_icons li:nth-child(2):hover i {
    color: #31ae36;
}
.article_social_sideFixed .article_social .social_icons li:nth-child(3):hover {
    border: 1px solid #373737;
}
.article_social_sideFixed .article_social .social_icons li:nth-child(3):hover i {
    color: #373737;
}
.article_social_sideFixed .article_social .btn_collectGroup {
    margin: 0;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect {
    display: block;
    margin-bottom: 10px;
    border-radius: 50%;
    padding: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    border: 1px solid #004098;
    cursor: pointer;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect i {
    font-size: 20px;
    color: #004098;
    display: block;
    position: relative;
    top: 2px;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect:hover {
    border: 1px solid #004098;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect:hover i {
    color: #004098;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect--lock, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect--lock:hover {
    border: 1px solid #EFEFEF;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect--lock i, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect--lock:hover i {
    color: #bababa;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip::before {
    top: 50%;
    left: 43px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #004098;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip::after {
    top: 50%;
    left: 31px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-color: transparent #004098 transparent transparent;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock::before {
    top: 50%;
    left: 43px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #BABABA;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock::after {
    top: 50%;
    left: 31px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-color: transparent #BABABA transparent transparent;
}
.article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip:hover::before, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip:hover::after, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock:hover::before, .article_social_sideFixed .article_social .btn_collectGroup .btn_collect_tooltip--lock:hover::after {
    opacity: 1;
    display: inline-block;
}

.article_keyword {
    margin-top: 20px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .article_keyword {
        margin-bottom: 10px;
    }
}
.article_keyword ul {
    display: inline;
    margin-left: auto;
}
.article_keyword ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.article_keyword ul li a {
    display: inline-block;
    font-size: 14px;
    background-color: #EFEFEF;
    color: #616161;
    padding: 2px 12px;
    border-radius: 20px;
}
.article_keyword ul li a:hover {
    background-color: #004098;
    color: #fff;
}

.article_guide {
    background-color: #EFEFEF;
    padding: 15px 15px 5px;
    margin: 15px 0 25px;
    position: relative;
    border-radius: 5px;
}
.article_guide .article_guide--button {
    font-size: 24px;
    border: 1px;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 3px 6px;
    line-height: 0;
    color: #00DAEE;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.article_guide .article_guide--button:active, .article_guide .article_guide--button:focus, .article_guide .article_guide--button:visited {
    background-color: #00DAEE;
    color: #fff;
    border-radius: 5px;
}
.article_guide .article_guide--button:hover {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    background-color: #00DAEE;
    color: #fff;
    border-radius: 5px;
}
.article_guide p {
    color: #373737;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
}
.article_guide div {
    margin-left: 3px;
    margin-bottom: 0px;
}
.article_guide div li a {
    line-height: 1.45;
    margin-top: 1px;
    margin-bottom: 5px;
    font-size: 17px;
    color: #373737;
    display: inline-block;
    width: calc(100% - 15px);
    vertical-align: top;
}
.article_guide div li a:active, .article_guide div li a:focus, .article_guide div li a:visited {
    color: #373737;
}
.article_guide div li a:hover {
    color: #004098;
}
@media (max-width: 768px) {
    .article_guide div li a:hover {
        color: #373737;
    }
}

ul.ad_list {
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    margin-left: -15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-text-fill-color: #004098;
}
@media (max-width: 767px) {
    ul.ad_list {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}
ul.ad_list .item::marker {
    color: #004098;
}
ul.ad_list .item a {
    text-decoration: none;
    font-size: 18px;
    line-height: 160%;
    color: #004098;
}

.author_info_container {
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    margin-bottom: 15px;
    padding: 20px;
}
.author_info_container .author_photo_container {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .author_info_container .author_photo_container {
        height: 50px;
    }
}
.author_info_container .author_photo_container .author-photo {
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    background-color: #e0e0e0;
    width: 60px;
    height: 60px;
}
@media (max-width: 767px) {
    .author_info_container .author_photo_container .author-photo {
        width: 50px;
        height: 50px;
    }
}
.author_info_container .author_photo_container .author-photo a {
    display: block;
}
.author_info_container .author_name_container {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: calc(100% - 80px);
}
@media (max-width: 767px) {
    .author_info_container .author_name_container {
        margin-left: 0px;
        width: calc(100% - 65px);
    }
}
.author_info_container .author_name_container p {
    font-size: 19px;
    font-weight: 700;
    margin: 0;
    color: #004098;
    line-height: 1.4;
}
.author_info_container .author_name_container .author_name {
    font-size: 19px;
    font-weight: 500;
    margin-right: 5px;
    color: #004098;
    line-height: 1.3;
}
.author_info_container .author_name_container .author_name a {
    color: #004098;
    line-height: 1.3;
}
.author_info_container .author_name_container .author_name--layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.author_info_container .author_name_container a:hover {
    opacity: 0.8;
}
.author_info_container .author_name_container .author_title {
    font-size: 14px;
    font-weight: normal;
    color: #616161;
    margin-top: 5px;
}
@media (max-width: 767px) {
    .author_info_container .author_name_container .author_title {
        display: block;
    }
}
.author_info_container .author_name_container .author_followGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.author_info_container .author_name_container .author_followGroup:hover .btn_follow_tooltip::before, .author_info_container .author_name_container .author_followGroup:hover .btn_follow_tooltip::after,
.author_info_container .author_name_container .author_followGroup:hover .btn_follow_tooltip--lock::before,
.author_info_container .author_name_container .author_followGroup:hover .btn_follow_tooltip--lock::after {
    opacity: 1;
    display: inline-block;
}
.author_info_container .author_name_container .btn_follow {
    font-size: 20px;
    color: #004098;
    margin-right: 3px;
    vertical-align: middle;
    margin-top: 3px;
}
.author_info_container .author_name_container .btn_follow_tooltip::before {
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #004098;
}
.author_info_container .author_name_container .btn_follow_tooltip::after {
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #004098 transparent transparent transparent;
}
.author_info_container .author_name_container .btn_follow_tooltip--lock::before {
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #BABABA;
}
.author_info_container .author_name_container .btn_follow_tooltip--lock::after {
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #BABABA transparent transparent transparent;
}
.author_info_container .author_name_container .btn_follow_text {
    font-size: 14px;
    color: #004098;
    line-height: 1.3;
}
.author_info_container .author_name_container .btn_follow--lock, .author_info_container .author_name_container .btn_follow--lock + .btn_follow_text {
    color: #BABABA;
}
.author_info_container .author_info {
    margin-top: 10px;
}
.author_info_container .author_info p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
}
.author_info_container .author_info--btn {
    text-align: right;
    margin-top: 5px;
}
.author_info_container .author_info--btn a {
    font-size: 14px;
}

.article_container_foot {
    max-width: 690px;
    margin: auto;
}

.article_container .article_container_foot .card_item_recommend {
    border-bottom: 1px solid #e0e0e0;
    margin: 0 -0.96% 10px;
}
@media (max-width: 990px) {
    .article_container .article_container_foot .card_item_recommend {
        margin: 0 0 10px;
    }
}
.article_container .article_container_foot .card_item_recommend.no-border {
    border: none;
}
.article_container .article_container_foot .card_item_recommend .contain_grid_list {
    margin: unset;
}
.article_container .article_container_foot .card_item_recommend .contain_grid_list > div {
    margin: 0 0.96%;
}
@media (max-width: 1024px) {
    .article_container .article_container_foot .card_item_recommend .contain_grid_list > div {
        margin: 0 0.76%;
    }
}
@media (max-width: 990px) {
    .article_container .article_container_foot .card_item_recommend .contain_grid_list > div {
        margin: 0;
    }
}
.article_container .article_container_foot .card_title {
    position: relative;
    margin: 15px 0 10px 0.96%;
}
@media (max-width: 1024px) {
    .article_container .article_container_foot .card_title {
        margin-left: 0.76%;
    }
}
@media (max-width: 990px) {
    .article_container .article_container_foot .card_title {
        margin-left: 0;
    }
}
.article_container .article_container_foot .card_title p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}
@media (max-width: 767px) {
    .article_container .article_container_foot .edm_wrapper {
        display: block;
    }
}
.article_container .article_container_foot .edm_wrapper .edm_box {
    width: 100%;
    padding: 15px;
    background-color: #EFEFEF;
}
@media (max-width: 767px) {
    .article_container .article_container_foot .edm_wrapper .edm_box .edm_icon {
        display: inline-block;
        width: 100%;
    }
}
.article_container .article_container_foot .edm_wrapper .edm_box .edm_icon h3 {
    display: none;
    margin: 0;
    font-size: 22px;
}
@media (max-width: 767px) {
    .article_container .article_container_foot .edm_wrapper .edm_box .edm_icon h3 {
        display: inline-block;
    }
}
@media (max-width: 767px) {
    .article_container .article_container_foot .edm_wrapper .edm_box .text {
        display: inline-block;
        width: 100%;
        padding-right: 0;
        position: relative;
        padding-top: 15px;
        margin-bottom: 10px;
    }
    .article_container .article_container_foot .edm_wrapper .edm_box .text:after {
        background-image: none;
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        display: block;
        top: 0;
        left: 0;
        background: #FFFF41;
        background: -webkit-gradient(linear, left top, right top, from(#FFFF41), to(#00DAEE));
        background: linear-gradient(to right, #FFFF41 0%, #00DAEE 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$secondary-color1", endColorstr="$secondary-color2",GradientType=1 );
    }
}
.article_container .article_container_foot .edm_wrapper .edm_box .text h3 {
    display: inline-block;
    margin: 0;
}
@media (max-width: 767px) {
    .article_container .article_container_foot .edm_wrapper .edm_box .text h3 {
        display: none;
    }
}
.article_container .article_container_foot .edm_wrapper .edm_box .text p {
    margin: 0;
}
@media (max-width: 767px) {
    .article_container .article_container_foot .edm_wrapper .edm_box .order_btn {
        display: block;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .article_container .article_container_foot .article_card {
        display: inline-block;
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .article_container .article_container_foot .article_card .article_card_cover {
        display: inline-block;
        width: 200px;
        float: left;
    }
}
@media (max-width: 465px) {
    .article_container .article_container_foot .article_card .article_card_cover {
        width: 100px;
    }
}
@media (max-width: 375px) {
    .article_container .article_container_foot .article_card .article_card_cover {
        width: 90px;
    }
}
.article_container .article_container_foot .article_card .article_card_body {
    padding: 0;
}
@media (max-width: 767px) {
    .article_container .article_container_foot .article_card .article_card_body {
        width: calc(100% - 200px);
        display: inline-block;
        vertical-align: top;
        padding: 0 0 0 15px;
    }
}
@media (max-width: 465px) {
    .article_container .article_container_foot .article_card .article_card_body {
        width: calc(100% - 100px);
    }
}
@media (max-width: 375px) {
    .article_container .article_container_foot .article_card .article_card_body {
        width: calc(100% - 90px);
    }
}
.article_container .article_container_foot .article_card .article_card_body .article_card_title {
    margin-top: 5px;
}
@media (max-width: 767px) {
    .article_container .article_container_foot .article_card .article_card_body .article_card_title {
        margin-top: 0;
    }
}
.article_container .catrgory_container_foot .card_title {
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative;
}
.article_container .catrgory_container_foot .card_title p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}
.article_container .catrgory_container_foot .brand_silder {
    padding-right: 0;
}
.article_container .lockWrap {
    position: relative;
}
.article_container .lockWrap .memberWall_horizontalLine {
    max-width: 490px;
}

.card_title {
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative;
}
.card_title p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}

/* 文章你可能感興趣廣告 */
#dfp-flip_all_recommend .ad-cover {
    display: none;
    height: 0px;
}

#articleSearch .search_wrapper_sm {
    position: fixed;
    top: 60px;
    z-index: 3;
}

/** 登入、註冊按鈕
* 付費牆、會員牆
*/
.blurAll {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.login_social {
    margin: auto;
    width: 100%;
    margin-top: 10px;
}
.login_social .btn {
    font-family: "myriad-pro", Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif, "微軟正黑體", "新細明體" !important;
    height: 50px;
    padding: 0;
    line-height: 50px;
}
.login_social .btn span {
    font-family: "myriad-pro", Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif, "微軟正黑體", "新細明體" !important;
}

.lockWrap section {
    padding: unset;
}
.lockWrap .devider {
    display: inline-block;
}
.lockWrap .payWall {
    text-align: center;
    margin-top: -10px;
}
.lockWrap .payWall_title {
    font-size: 20px;
    font-weight: 700;
    color: #373737;
    margin: 0 0 20px;
}
.lockWrap .payWall_content {
    width: 300px;
    padding: 28px 40px;
    display: inline-block;
    border-radius: 5px;
    background-color: rgba(0, 64, 152, 0.05);
}
@media (max-width: 280px) {
    .lockWrap .payWall_content {
        padding: 28px 0px;
        width: 270px;
    }
}
.lockWrap .payWall_content .payWall_sprice {
    font-size: 14px;
    font-weight: 700;
    color: #004098;
    margin: 0 0 10px;
}
.lockWrap .payWall_content .payWall_sprice span {
    font-size: 32px;
    font-weight: 700;
    color: #004098;
    margin: 0 5px;
    position: relative;
}
.lockWrap .payWall_content .payWall_sprice span::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    height: 1px;
    background: linear-gradient(92.81deg, #00419C 1.07%, #00DCEB 116.99%);
}
.lockWrap .payWall_content .payWall_description {
    font-size: 14px;
    line-height: 17px;
    color: #373737;
    max-width: 200px;
    margin: 0 auto 12px;
}
.lockWrap .payWall_content .payWall_payLink {
    display: inline-block;
    font-size: 18px;
    color: #004098;
    width: 220px;
    margin-bottom: 20px;
}
.lockWrap .payWall_content .payWall_planLink {
    font-size: 14px;
    color: #373737;
    margin: unset;
}
.lockWrap .payWall_content .payWall_planLink a {
    font-size: 14px;
    color: #004098;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #004098;
}
.lockWrap .memberWall_btnGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.lockWrap .memberWall_btnGroup a + a {
    margin-left: 5px;
}
@media (max-width: 767px) {
    .lockWrap .memberWall_btnGroup a + a {
        margin-left: 10px;
    }
}
.lockWrap .memberWall_btnGroup [data-social=line] .icon {
    color: #00C300;
}
.lockWrap .memberWall_btnGroup [data-social=facebook] .icon {
    color: #1877F2;
}
.lockWrap .memberWall_btnGroup [data-social=apple] .icon {
    color: #000;
}
.lockWrap .memberWall_btnGroup [data-social=google] img {
    width: 18px;
    height: 18px;
}
@media (max-width: 767px) {
    .lockWrap .memberWall_btnGroup [data-social=google] img {
        width: 25px;
        height: 25px;
    }
}
.lockWrap .memberWall_socialBtn, .lockWrap .memberWall_flipeduLink {
    display: inline-block;
    text-align: center;
    padding: 6px 0;
    border: 1px solid #004098;
    border-radius: 35px;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lockWrap .memberWall_socialBtn:hover, .lockWrap .memberWall_flipeduLink:hover {
    background-color: #EFEFEF;
}
.lockWrap .memberWall_socialBtn .text, .lockWrap .memberWall_flipeduLink .text {
    color: #004098;
    margin-left: 3px;
}
.lockWrap .memberWall_socialBtn {
    width: 110px;
}
@media (max-width: 767px) {
    .lockWrap .memberWall_socialBtn {
        width: 55px;
        height: 55px;
        border-radius: 50%;
    }
}
.lockWrap .memberWall_socialBtn .icon {
    font-size: 18px;
}
@media (max-width: 767px) {
    .lockWrap .memberWall_socialBtn .icon {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .lockWrap .memberWall_socialBtn .text {
        display: none;
    }
}
.lockWrap .memberWall_horizontalLine {
    max-width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px auto;
}
.lockWrap .memberWall_horizontalLine .line {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    border: 0;
    height: 1px;
    background-color: #BABABA;
}
.lockWrap .memberWall_horizontalLine .text {
    font-size: 14px;
    color: #373737;
    margin: 0 17px;
}
.lockWrap .memberWall_flipeduLink {
    width: 245px;
    margin: 0 auto;
}
.lockWrap .wall_description {
    text-align: center;
}
.lockWrap .wall_description .--subscription {
    font-size: 14px;
    line-height: 140%;
    color: #373737;
    margin: 20px 0 15px;
}
.lockWrap .wall_description .--register {
    margin-top: -10px;
}
.lockWrap .wall_description .--register .title {
    font-size: 20px;
    font-weight: 700;
    color: #373737;
    margin: 0 0 10px;
    line-height: unset;
}
.lockWrap .wall_description .--register .text {
    max-width: 227px;
    display: inline-block;
    font-size: 13px;
    line-height: 130%;
    color: #373737;
    margin-bottom: 20px;
}
.lockWrap .identityWall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lockWrap .identityWall .iconWrap {
    line-height: 1;
}
.lockWrap .identityWall .iconWrap .icon {
    font-size: 41px;
    color: #FF5C56;
}
.lockWrap .identityWall .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #373737;
}
.lockWrap .identityWall .text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #373737;
    text-align: center;
}
.lockWrap .identityWall .text--dynamic {
    display: block;
}
.lockWrap .identityWall .btnGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.popup_wrap {
    display: none;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 0 0 0 0;
}
.popup_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.popup_content {
    background-color: rgb(255, 255, 255);
    position: relative;
    max-width: 500px;
    padding: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup_content .devider {
    left: 0;
}
.popup_content .devider--up {
    margin-top: unset;
}
.popup_content .devider--bottom {
    margin-bottom: -7px;
}

input::-webkit-input-placeholder {
    color: #bababa;
    font-weight: normal;
    font-size: 14px;
}

input::-moz-placeholder {
    color: #bababa;
    font-weight: normal;
    font-size: 14px;
}

input::-moz-placeholder {
    color: #bababa;
    font-weight: normal;
    font-size: 14px;
}

input:-ms-input-placeholder {
    color: #bababa;
    font-weight: normal;
    font-size: 14px;
}

input[type=text], input[type=url], input[type=number],
input[type=password], textarea, select {
    width: 100%;
    height: 50px;
    padding: 12px 25px 12px 15px;
    margin: 4px 0;
    border: none;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type=text].error, input[type=url].error, input[type=number].error,
input[type=password].error, textarea.error, select.error {
    border: solid 10px #FF5C56;
}
input[type=text]:focus, input[type=url]:focus, input[type=number]:focus,
input[type=password]:focus, textarea:focus, select:focus {
    border: 1px solid #00DAEE;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
}

textarea::-webkit-input-placeholder {
    color: #bababa;
    font-weight: normal;
    font-size: 14px;
}

textarea::-moz-placeholder {
    color: #bababa;
    font-weight: normal;
    font-size: 14px;
}

textarea::-moz-placeholder {
    color: #bababa;
    font-weight: normal;
    font-size: 14px;
}

textarea:-ms-input-placeholder {
    color: #bababa;
    font-weight: normal;
    font-size: 14px;
}

textarea[type=text] {
    width: 100%;
    height: 100px;
    padding: 12px 25px 12px 15px;
    margin: 4px 0;
    border: none;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
}
textarea[type=text]:focus {
    border: 1px solid #00DAEE;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
}

.inputBlock {
    display: block;
}

label {
    font-size: 17px;
    display: inline-block;
}

.selection-input {
    margin-right: 25px;
}
.selection-input.selection-input--checkbox {
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 5px;
}
@media (max-width: 767px) {
    .selection-input.selection-input--checkbox {
        width: 32.5%;
        margin-right: 0;
    }
}
@media (max-width: 375px) {
    .selection-input.selection-input--checkbox {
        width: 45%;
    }
}
.selection-input.selection-input--checkbox.inputBlock {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.selection-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    -webkit-border: 0;
    border: 0;
    -webkit-outline: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 17px;
    width: 17px;
    border: 1px solid #d8d5d5;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.25rem;
    z-index: 1;
}
.selection-input input[type=radio] {
    border-radius: 50%;
    height: 18px;
    width: 18px;
    background-color: #fff;
}
.selection-input input[type=radio]:checked::before {
    height: 8px;
    width: 8px;
    position: absolute;
    content: "";
    top: 3px;
    left: 3px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    color: #004098;
    border-radius: 50%;
}
.selection-input input[type=radio]:focus {
    outline: none;
}
.selection-input input[type=radio]:checked {
    background: #004098;
    border: 2px solid #004098;
}
.selection-input input[type=checkbox] {
    top: 0;
    vertical-align: -3px;
    position: relative;
    margin-left: 1px;
    border-radius: 2px;
    background: #fff;
}
.selection-input input[type=checkbox]::after {
    content: "";
    display: none;
    position: absolute;
    left: 3px;
    top: -1px;
    width: 5px;
    height: 10px;
    border: 4px solid #fff;
    border-width: 0 2px 2px 0;
    border-radius: 2px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    background-color: transparent;
}
.selection-input input[type=checkbox]:focus {
    outline: none;
}
.selection-input input[type=checkbox]:checked {
    border: 2px solid #004098;
    background: #004098;
}
.selection-input input[type=checkbox]:checked::after {
    display: block;
}

.input--horizontal {
    margin-bottom: 20px;
    position: relative;
}
.input--horizontal .list_item_title, .input--horizontal .list_item_group {
    font-weight: 700;
}
.input--horizontal.error input {
    border: 1px solid #FF5C56;
}
.input--horizontal.copy input {
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
    color: #949494;
}
.input--horizontal.copy input:focus {
    border: 1px solid #00DAEE;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
}
.input--horizontal.checked {
    font-size: 13px;
    color: #00DAEE;
    vertical-align: middle;
    font-weight: 400;
}
.input--horizontal ol.input_group--horizontal li {
    display: inline-block;
    width: 25%;
}
@media (max-width: 767px) {
    .input--horizontal ol.input_group--horizontal li {
        width: 100%;
    }
}
.input--horizontal ol.input_group--horizontal li label {
    display: inline-block;
    width: calc(100% - 30px);
}
.input--horizontal .form_group_input--select {
    position: relative;
    padding: 12px 20px 12px 15px;
    height: 50px;
    font-size: 17px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    cursor: pointer;
    background: url("../images/svg/down.svg") no-repeat calc(100% - 0.6rem) center;
    background-size: 10px 10px;
    margin-top: 4px;
}
.input--horizontal .form_group_input--select.error {
    border: solid 10px #FF5C56;
}
.input--horizontal .form_group_input--select:focus {
    border: 1px solid #00DAEE;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 7px rgba(0, 220, 235, 0.5);
}
.input--horizontal .form_group_input--select ol.input_group--horizontal li {
    display: inline-block;
    width: 25%;
}
@media (max-width: 767px) {
    .input--horizontal .form_group_input--select ol.input_group--horizontal li {
        width: 100%;
    }
}
.input--horizontal .form_group_input--select ol.input_group--horizontal li label {
    display: inline-block;
    width: calc(100% - 30px);
}
.input--horizontal .form_group_input--select--1of2 {
    letter-spacing: 0;
}
.input--horizontal .form_group_input--select--1of2 .form_group_input--select {
    display: inline-block;
    width: 49.6%;
}
@media (max-width: 767px) {
    .input--horizontal .form_group_input--select--1of2 .form_group_input--select {
        width: 49%;
    }
}
.input--horizontal li {
    display: inline-block;
    margin-right: 25px;
}

.form-control {
    height: 50px;
    font-size: 17px;
}
.form-control.noedit {
    background-color: whitesmoke;
}

.form_list_item_title {
    font-weight: 700;
    margin-bottom: 0;
}
.form_list_item_title i.icon {
    color: #004098;
    vertical-align: -2px;
    margin: 0 2px;
    cursor: pointer;
}
.form_list_item_title .required {
    font-size: 13px;
    color: #e4007f;
    vertical-align: top;
}
.form_list_item_title .false-txt {
    color: #FF5C56;
}

.note--text label {
    font-size: 14px;
}
.note--text .selection-input--checkbox {
    font-size: 14px;
    color: #949494;
    line-height: 1.4;
}

.member_aside {
    float: left;
    width: 300px;
    margin-right: 20px;
}
@media (max-width: 990px) {
    .member_aside {
        display: none;
    }
}
.member_aside ul.member_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.member_aside ul.member_tab .member_tab_list {
    padding-bottom: 8px;
}
.member_aside ul.member_tab .member_tab_list:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}
.member_aside ul.member_tab .member_tab_list .member_tab_title {
    font-size: 16px;
    line-height: 1.4;
    color: #949494;
    margin-bottom: 8px;
}
.member_aside ul.member_tab .member_tab_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    color: #373737;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 5px;
}
.member_aside ul.member_tab .member_tab_list li a .icon-arrow-right {
    color: #373737;
}
.member_aside ul.member_tab .member_tab_list li a.active {
    background-color: #efefef;
}
.member_aside ul.member_tab .member_tab_list li a:hover p {
    color: #004098;
}
.member_aside ul.member_tab .member_tab_list li a:hover .icon-arrow-right {
    color: #004098;
}

.member_select {
    display: none;
    position: relative;
    cursor: pointer;
}
@media (max-width: 990px) {
    .member_select {
        display: block;
    }
}
.member_select p {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 17px;
    background-color: #004098;
    border: 1px solid #004098;
    border-radius: 5px;
    position: relative;
    margin-bottom: 15px;
    position: relative;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    color: #fff;
}
.member_select p span {
    position: absolute;
    right: 15px;
    font-size: 24px;
    color: #fff;
}
.member_select ul {
    background-color: #fff;
    padding: 20px 16px;
    position: absolute;
    width: 98%;
    max-height: 50vh;
    overflow: auto;
    top: 55px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 9;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    display: none;
}
.member_select ul .member_list_item {
    padding-bottom: 8px;
}
.member_select ul .member_list_item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}
.member_select ul .member_list_item .member_list_title {
    font-size: 16px;
    line-height: 1.4;
    color: #949494;
    margin: 20px 0 8px 0;
}
.member_select ul .member_list_item li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 1.5;
    color: #373737;
    padding: 10px;
}
.member_select ul .member_list_item li a .icon-arrow-right {
    color: #373737;
    width: 18px;
    height: 18px;
}
.member_select ul .member_list_item .member_list_content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
}
.member_select ul .member_list_item .member_list_content li a {
    padding: 12px;
}

.member {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /** 改善內容不足時 footer 浮在半空 */
}
.member .card {
    text-align: left;
    padding: 20px 30px;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
}
@media (max-width: 767px) {
    .member .card {
        padding: 15px 15px 20px 15px;
    }
}
.member .card .card_title {
    margin-bottom: 10px;
    border-bottom: 1px solid #f4f3f1;
    padding-bottom: 5px;
}
.member .card .card_title:not(:first-child) {
    margin-top: 60px;
}
.member .card .card_title h1,
.member .card .card_title h2 {
    font-size: 22px;
    display: inline-block;
}
.member .card .card_title a {
    float: right;
    margin-top: 10px;
    color: #004098;
    font-size: 15px;
    cursor: pointer;
}
.member .card .card_title a i {
    font-size: 13px;
    margin-left: 2px;
    color: #004098;
}
.member .card .card_title_tab {
    display: inline-block;
    font-weight: 500;
    font-size: 20px !important;
    margin-right: 16px;
    color: #949494;
}
.member .card .card_title_tab:hover {
    cursor: pointer;
}
.member .card .card_title_tab--active {
    color: #004098;
    position: relative;
}
.member .card .card_title_tab--active::after {
    position: absolute;
    bottom: -7px;
    left: 0;
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #004098;
}
.member .card .card_title.oneLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.member .card .card_title.oneLine .orderBy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.member .card .card_title.oneLine .orderBy span,
.member .card .card_title.oneLine .orderBy button {
    font-size: 17px;
    line-height: 18px;
}
.member .card .card_title.oneLine .orderBy > span {
    color: #949494;
    margin-right: 5px;
}
.member .card .card_title.oneLine .orderBy button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.member .card .card_title.oneLine .orderBy button .text {
    color: #373737;
}
.member .card .card_title.oneLine .orderBy button img {
    margin-left: 8px;
    -webkit-filter: invert(33%) sepia(34%) saturate(0%) hue-rotate(200deg) brightness(98%) contrast(82%);
    filter: invert(33%) sepia(34%) saturate(0%) hue-rotate(200deg) brightness(98%) contrast(82%);
}
.member .card .card_title.oneLine .orderBy .dropdown {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    padding: 15px 0 15px 15px;
    min-width: 120px;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    display: none;
}
.member .card .card_title.oneLine .orderBy .dropdown_list .item,
.member .card .card_title.oneLine .orderBy .dropdown_list .icon-checked {
    font-size: 17px;
    line-height: 1;
    color: #373737;
}
.member .card .card_title.oneLine .orderBy .dropdown_list .item:hover {
    cursor: pointer;
}
.member .card .card_title.oneLine .orderBy .dropdown_list .item + .item {
    margin-top: 13px;
}
.member .card .card_title.oneLine .orderBy .dropdown_list .item .icon-checked {
    opacity: 0;
}
.member .card .card_title.oneLine .orderBy .dropdown_list .item--active, .member .card .card_title.oneLine .orderBy .dropdown_list .item--active .icon-checked {
    color: #004098;
    opacity: 1;
}
.member .card .card_inner ul li {
    padding: 3px 0px;
}
.member .card .card_inner ul li:nth-last-child(1) {
    border-bottom: none;
}
.member .card .card_inner ul li p {
    display: inline-block;
    vertical-align: middle;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #373737;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li p {
        height: 28px;
        line-height: 28px;
    }
}
.member .card .card_inner ul li p:nth-child(1) {
    width: 100px;
    padding: 0;
    font-size: 16px;
    color: #616161;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li p:nth-child(1) {
        width: 70px;
    }
}
.member .card .card_inner ul li p:nth-child(1).text {
    width: initial;
    display: inline-block;
    color: #373737;
    line-height: 1.6;
    height: auto;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li p:nth-child(1).text {
        font-size: 16px;
    }
}
.member .card .card_inner ul li p:nth-child(1).text i {
    margin-right: 3px;
}
.member .card .card_inner ul li p:nth-child(1).text a {
    display: inline;
    color: #004098;
}
.member .card .card_inner ul li p:nth-child(1).text .info--text {
    font-size: initial;
    color: #949494;
    cursor: pointer;
}
.member .card .card_inner ul li p:nth-child(1).text .info--text:hover {
    color: #004098;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li p:nth-child(1).list_title {
        width: 100px;
    }
}
.member .card .card_inner ul li p:nth-child(2) {
    text-align: right;
    width: calc(100% - 104px);
    padding: 0;
    font-size: 17px;
    color: #373737;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li p:nth-child(2) {
        width: initial;
        width: calc(100% - 74px);
        font-size: 17px;
        text-align: right;
        height: auto;
        float: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
.member .card .card_inner ul li p:nth-child(2).date_expiry {
    width: initial;
    font-size: 13px;
    color: #949494;
    float: right;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li p:nth-child(2).date_expiry {
        width: 100%;
        float: none;
        text-align: left;
    }
}
.member .card .card_inner ul li p:nth-child(2).date_expiry i {
    margin: 0 3px;
    color: #949494;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li p:nth-child(2).date_expiry i {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .member .card .card_inner ul li p span.email {
        display: inline-block;
        width: calc(100% - 90px);
        vertical-align: top;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
.member .card .card_inner ul li p .form-control {
    display: inline-block;
    width: calc(100% - 120px);
    padding: 0 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.member .card .card_inner ul li .list_btn--toggle {
    float: right;
    font-size: 17px;
    line-height: 28px;
    color: #004098;
    margin-bottom: unset;
}
.member .card .card_inner ul li .list_btn--bind {
    display: none;
    min-width: 130px;
    margin-bottom: unset;
    margin-right: 10px;
}
.member .card .card_inner ul li .list_input {
    display: none;
}
.member .card .card_inner ul li .list_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 9px;
    height: 100%;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li .list_info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.member .card .card_inner ul li .list_info.list_info--show {
    margin-top: 15px;
}
.member .card .card_inner ul li .list_info.list_info--show .list_btn--bind {
    display: block;
}
@media (max-width: 767px) {
    .member .card .card_inner ul li .list_info.list_info--show .list_btn--bind {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 15px;
    }
}
.member .card .card_inner ul li .list_info.list_info--show .list_text--tip {
    margin-right: 10px;
}
.member .card .card_inner ul li .list_text--tip {
    font-size: 13px;
    line-height: 18px;
    color: #949494;
}
.member .card .card_inner .form-group .txt-link {
    margin-left: 5px;
}
.member .card .card_inner .note {
    font-size: 13px;
    color: #FF5C56;
    display: block;
    line-height: 1;
}
.member .card .card_inner > p {
    font-size: 17px;
    line-height: 28px;
    color: #373737;
}
.member .card.memberInfo .card_inner .txt-caption {
    margin-top: -12px;
}
.member .card.memberInfo .card_inner .txt-link {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #004098;
}
.member .card.memberInfo .card_inner .txt-link.fontSize-17 {
    font-size: 17px;
}
.member .creditCard_info {
    padding: 15px;
    margin-bottom: 9px;
    background-color: #F8F8F8;
    border-radius: 6px;
}
.member .creditCard_info .term span {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
}
.member .creditCard_info .term .title {
    margin-right: 8px;
}
.member .creditCard_info .note {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    color: #949494;
}
.member .myprogram .card_title {
    margin-top: 60px;
}
.member .myprogram .myprogram_box {
    margin-bottom: 15px;
}
.member .myprogram .myprogram_box.hightlight .program_card {
    background-color: rgba(0, 64, 152, 0.08);
}
.member .myprogram .myprogram_box.hightlight .program_card .program_price b {
    color: #004098;
}
.member .myprogram .myprogram_box.hightlight .program_card .program_item h5 {
    color: #004098;
}
.member .myprogram .myprogram_box.hightlight .program_list li:before {
    color: #004098;
}
.member .myprogram .myprogram_box .text {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 20px;
}
.member .myprogram .myprogram_box .program_card .text {
    margin-top: 0;
}
.member .myprogram .program_card {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: whitesmoke;
    padding: 25px;
}
.member .myprogram .program_card a {
    display: block;
    text-align: center;
}
.member .myprogram .program_card a button {
    width: 100%;
}
.member .myprogram .program_card .program_price {
    text-align: right;
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    float: right;
    margin-top: 5px;
}
@media (max-width: 767px) {
    .member .myprogram .program_card .program_price {
        width: 100%;
        float: none;
        text-align: left;
    }
}
.member .myprogram .program_card .program_price b {
    font-size: 42px;
    line-height: 24px;
    top: 3px;
    position: relative;
}
@media (max-width: 768px) {
    .member .myprogram .program_card .program_price b {
        font-size: 40px;
    }
}
.member .myprogram .program_card .program_item {
    display: inline-block;
    line-height: 1.4;
    width: 70%;
}
@media (max-width: 767px) {
    .member .myprogram .program_card .program_item {
        width: 100%;
        margin-bottom: 10px;
    }
}
.member .myprogram .program_card .program_item h5 {
    font-size: 24px;
    margin-top: 3px;
}
@media (max-width: 768px) {
    .member .myprogram .program_card .program_item h5 {
        font-size: 22px;
    }
}
.member .myprogram .program_card .program_item span {
    display: inline-block;
    font-size: 13px;
    border-radius: 15px;
    padding: 1px 10px;
    color: #004098;
    border: 1px solid #004098;
}
@media (max-width: 767px) {
    .member .myprogram .program_card {
        padding: 15px;
    }
}
.member .myprogram .program_card.yellow {
    background-color: rgba(255, 255, 65, 0.1);
}
.member .myprogram .program_list {
    margin-left: 25px;
}
.member .myprogram .program_list li {
    font-size: 16px;
    position: relative;
}
.member .myprogram .program_list li:before {
    content: "\e924";
    font-family: "icomoon";
    width: 22px;
    height: 22px;
    position: absolute;
    left: -20px;
    top: 2px;
    background-size: contain;
    font-size: 18px;
    color: #373737;
}
.member .myprogram .program_info {
    display: inline-block;
    width: calc(100% - 160px);
    vertical-align: middle;
}
@media (max-width: 767px) {
    .member .myprogram .program_info {
        width: 100%;
    }
}
.member .myprogram button {
    vertical-align: middle;
}
.member .myprogram .button-link {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    float: right;
}
@media (max-width: 768px) {
    .member .myprogram .button-link {
        float: none;
    }
}
.member .myprogram .plan_behavior {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
@media (max-width: 1024px) {
    .member .myprogram .plan_behavior {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.member .myprogram .plan_behavior .card_info {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
@media (max-width: 1024px) {
    .member .myprogram .plan_behavior .card_info {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }
}
.member .myprogram .plan_behavior .card_info .note {
    font-size: 13px;
    color: #949494;
}
@media only screen and (min-width:1024px) {
    .member .myprogram .plan_behavior .card_info .note {
        padding-right: 30px;
    }
}
.member .myprogram .plan_behavior .card_info .note a {
    font-size: 13px;
    color: #004098;
}
.member .myprogram .plan_behavior .btnGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.member_event .titleWrap .seires_main,
.member_event .titleWrap .title, .member_course .titleWrap .seires_main,
.member_course .titleWrap .title {
    text-align: left;
}
@media (max-width: 767px) {
    .member_event .titleWrap .seires_main,
    .member_event .titleWrap .title, .member_course .titleWrap .seires_main,
    .member_course .titleWrap .title {
        max-width: 245px;
        margin-left: auto;
        text-align: right;
    }
}
.member_event .signUp_table .titleWrap.titleWrap_series .seires_main {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.member_event .signUp_table .titleWrap.titleWrap_series .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.member_event .signUp_table .titleWrap .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.member_course table {
    margin-bottom: 30px;
}
.member_course [data-width=title] {
    width: 350px;
}
@media (max-width: 767px) {
    .member_course [data-width=title] {
        max-width: 100%;
    }
}
.member_course .titleWrap .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 767px) {
    .member_course .titleWrap .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}
.member .recommend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
.member .recommend > .text {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #373737;
}
.member .recommend > .text a {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #004098;
}
.member .recommend .table.table-rwd tr.order--first .order_detail {
    display: block;
}
.member .recommend .table.table-rwd tr.order td {
    padding: 0;
}
.member .recommend .table.table-rwd tr > td {
    padding: 8px;
}
@media only screen and (min-width:576px) {
    .member .recommend .table.table-rwd tr > td {
        padding: 20px;
    }
}
.member .recommend .table .order_detail {
    padding: 25px;
}
.member .recommend .table .order_detail .wrap {
    margin: 0 auto;
}
@media only screen and (min-width:769px) {
    .member .recommend .table .order_detail .wrap {
        max-width: 400px;
    }
}
.member .recommend .table .order_detail .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}
.member .recommend .table .order_detail .group .item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.member .recommend .table .order_detail .group .item:not(:last-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.member .recommend .table .order_detail .group .item + .item {
    border-left: 1px solid #e0e0e0;
}
.member .recommend .table .order_detail .group .item_title {
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    color: #373737;
}
.member .recommend .table .order_detail .group .item_info {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: #949494;
}
.member .recommend .table .order_detail .group .item .num {
    margin-right: 3px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: #004098;
}
.member .recommend .table .order_detail .codeInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7px;
}
.member .recommend .table .order_detail .codeInfo .text {
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    color: #373737;
}
.member .recommend .table .order_detail .codeInfo .date {
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    color: #949494;
}
.member .recommend .table .order_detail .code {
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #FFF;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}
.member .recommend .table .order_detail .code span {
    color: #373737;
}
.member .recommend .table .order_detail .btn_main {
    margin-top: 15px;
}
.member .recommend .table .order_detail.expired .codeInfo .text {
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    color: #FF5C56;
}
.member .recommend .table .order_detail.expired .codeInfo .date {
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    color: #004098;
}
.member .recommend .table .order_detail.expired .code span {
    color: #e0e0e0;
}
.member .recommend .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}
.member .recommend .description .title {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: #373737;
}
.member .recommend .description .list {
    padding-left: 20px;
}
.member .recommend .description .list li {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #616161;
}
.member .recommend .description .list li .highlight {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #FF5C56;
}
.member .recommend .description .list li .link {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #004098;
}
.member .recommend .description ul.list li {
    list-style: initial;
}
.member .recommend .description ol.list li {
    list-style: decimal;
}

@media (max-width: 990px) {
    .card_list {
        width: 100%;
    }
}

.orderlist .table-rwd,
.signUp .table-rwd {
    margin-top: 0px;
    font-size: 14px;
    width: 100%;
}
@media (max-width: 768px) {
    .orderlist .table-rwd,
    .signUp .table-rwd {
        min-width: 100%;
    }
}
@media (max-width: 767px) {
    .orderlist .table-rwd,
    .signUp .table-rwd {
        margin-top: -10px;
    }
}
@media (max-width: 768px) {
    .orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr,
    .signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr {
        display: block;
        border: none;
        margin-top: 0px;
        border-bottom: 1px solid #E4E4E4;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr.tr-only-hide,
    .signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr.tr-only-hide {
        display: none !important;
    }
    .orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr:last-child,
    .signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr:last-child {
        border-bottom: none;
    }
}
.orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
.signUp .table-rwd.table_recommend) tr.order td,
.signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
.signUp .table-rwd.table_recommend) tr.order td {
    padding: 0;
}
@media (max-width: 768px) {
    .orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr.order,
    .signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr.order {
        border: none;
        padding: 0;
    }
}
@media (max-width: 768px) {
    .orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr > th,
    .signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr > th {
        text-align: left;
    }
}
@media (max-width: 768px) {
    .orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr > td,
    .signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr > td {
        text-align: right;
        font-size: 15px;
        overflow: hidden;
        width: 100%;
        display: block;
        font-size: 17px;
        padding: 5px 0;
        border: none;
    }
    .orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr > td:before,
    .signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr > td:before {
        content: attr(data-th) " ";
        text-transform: uppercase;
        font-weight: normal;
        margin-right: 10px;
        float: left;
        font-size: 16px;
        color: #616161;
    }
}
@media (max-width: 767px) {
    .orderlist .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr > td,
    .signUp .table-rwd:not(.orderlist .table-rwd.table_recommend,
  .signUp .table-rwd.table_recommend) tr > td {
        padding: 5px;
    }
}
.orderlist .table-rwd tr,
.signUp .table-rwd tr {
    border: none;
}
.orderlist .table-rwd tr > th,
.signUp .table-rwd tr > th {
    border-top: none;
    text-align: center;
    font-size: 17px;
    background-color: rgba(0, 65, 156, 0.05);
    font-weight: normal;
    padding: 8px;
}
.orderlist .table-rwd tr > td,
.signUp .table-rwd tr > td {
    padding: 20px;
    text-align: center;
    font-size: 16px;
}
.orderlist .table-rwd tr > td.order,
.signUp .table-rwd tr > td.order {
    padding: 0;
}
@media (max-width: 767px) {
    .orderlist .table-rwd tr > td,
    .signUp .table-rwd tr > td {
        border: none;
    }
}
.orderlist .table-rwd tr > td .title,
.signUp .table-rwd tr > td .title {
    color: #004098;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.orderlist .table-rwd tr > td .btn-more span,
.signUp .table-rwd tr > td .btn-more span {
    color: #004098;
    font-size: 16px;
    cursor: pointer;
}
.orderlist .table-rwd tr > td .btn-more span:hover,
.signUp .table-rwd tr > td .btn-more span:hover {
    opacity: 0.8;
}

.orderlist .pagination {
    margin-top: 50px;
}
@media only screen and (min-width:769px) {
    .orderlist .pagination {
        margin-top: 30px;
    }
}

.signUp [data-width=title] {
    max-width: 200px;
}
.signUp [data-width=date] {
    width: 146px;
}
@media (max-width: 767px) {
    .signUp [data-width=date] {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .signUp [data-width=title] {
        max-width: 100%;
    }
}
.signUp .table-rwd {
    min-width: 990px;
}
@media (max-width: 767px) {
    .signUp .table-rwd {
        min-width: 100%;
    }
}
.signUp .table-rwd tr > td:nth-child(4) button {
    font-size: 16px;
}
@media (max-width: 767px) {
    .signUp .table-rwd tr > td:nth-child(4) button {
        font-size: 17px;
    }
}
.signUp .table-rwd tr > td:last-child {
    color: #373737 !important;
}
@media (max-width: 767px) {
    .signUp .table-rwd tr > td:last-child {
        font-size: 17px !important;
    }
}
@media (max-width: 767px) {
    .signUp .table-rwd tr > td.signUp_field--empty {
        padding: 0;
    }
}
.signUp_description {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #FF5C56;
    margin: 20px 0 9px;
}
.signUp_table {
    overflow: auto;
    margin-bottom: 50px;
}

@media (max-width: 736px) {
    .table-rwd.table-bordered td,
    .table-rwd.table-bordered th,
    .table-rwd.table-bordered {
        border: 0;
    }
}
.order_number--gift {
    color: #004098;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.order_number--gift:hover {
    cursor: pointer;
}

.order .order_detail {
    background-color: #f8f8f8;
    padding: 20px;
    display: none;
}
@media (max-width: 767px) {
    .order .order_detail {
        padding: 10px;
    }
}
.order .order_detail ul li {
    padding: 3px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.order .order_detail ul li:nth-last-child(1) {
    border-bottom: none;
}
.order .order_detail ul li p {
    text-align: left;
    font-weight: normal;
    font-size: 16px;
}
@media (max-width: 767px) {
    .order .order_detail ul li p:nth-child(1) {
        color: #616161;
    }
}
.order .order_detail ul li p:nth-child(2) {
    text-align: right;
}
.order .order_detail p.order-fail {
    color: #004098;
    font-size: 15px;
    font-weight: normal;
    padding: 8px;
    margin-top: 15px;
    text-align: left;
}
.order .order_detail--expiration {
    color: #FF5C56;
}

.plan_title {
    font-weight: 500;
    margin-right: 5px;
}

/* 會員_收藏與追蹤頁共同樣式 */
.collect,
.follow {
    min-height: 45vh;
}
.collect_content,
.follow_content {
    margin-bottom: 60px;
}
.collect_content--uncollect,
.follow_content--uncollect {
    padding-top: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.collect_content--uncollect > div,
.follow_content--uncollect > div {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #373737;
}
.collect_content--uncollect > div p,
.follow_content--uncollect > div p {
    font-size: 14px;
}
.collect_content--uncollect > div .icon,
.follow_content--uncollect > div .icon {
    font-size: 36px;
}
.collect_content--uncollect .btn_main,
.follow_content--uncollect .btn_main {
    font-size: 14px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 15px;
}
.collect_content--uncollect .btn_main .icon,
.follow_content--uncollect .btn_main .icon {
    font-size: 14px;
}

/* 會員_我的收藏頁 */
.collect {
    min-height: 45vh;
}
.collect .expired {
    display: none;
}
.collect_content--free {
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 36px;
}
.collect_content--free > div {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #373737;
}
.collect_content--free > div p {
    font-size: 14px;
}
.collect_content--free > div .icon {
    font-size: 36px;
}
.collect_content--free .font-bold {
    font-weight: 700;
}
.collect--free {
    min-height: 210px;
}
.collect_article {
    font-weight: 400;
    line-height: 24px;
    padding: 15px 0;
}
.collect_article:hover {
    cursor: pointer;
}
.collect_article:not(:last-child) {
    border-bottom: 1px dashed #F5F5F5;
}
.collect_article:hover .btn_basic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.collect_article_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.collect_article_head .btn_basic {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.collect_article_head .btn_basic:hover .icon,
.collect_article_head .btn_basic:hover span {
    color: #004098;
}
@media (max-width: 990px) {
    .collect_article_head .btn_basic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .collect_article_head .btn_basic .icon,
    .collect_article_head .btn_basic span {
        color: #004098;
    }
}
.collect_article_head .btn_basic,
.collect_article_head span {
    font-size: 13px;
    color: #BABABA;
}
.collect_article_head .btn_basic .icon,
.collect_article_head span .icon {
    font-size: 16px;
    margin-right: 3px;
}
.collect_article_title {
    font-weight: 400;
    font-size: 21px;
    color: #373737;
    max-width: 90%;
    margin-right: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
@media (max-width: 1200px) {
    .collect_article_title {
        max-width: 85%;
    }
}
@media (max-width: 767px) {
    .collect_article_title {
        max-width: 80%;
    }
}
@media (max-width: 465px) {
    .collect_article_title {
        max-width: 75%;
    }
}
@media (max-width: 320px) {
    .collect_article_title {
        max-width: 70%;
    }
}
.collect_article_foreword {
    font-size: 17px;
    color: #656463;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.collect_article_author {
    font-size: 13px;
    line-height: 1;
}
.collect_article_author span {
    margin-right: 6px;
}
.collect_article_author span,
.collect_article_author a {
    color: #949494;
}
.collect_article--expired {
    position: relative;
    z-index: 0;
}
.collect_article--expired .expired {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.collect_article--expired .expired > span {
    width: 60px;
    height: 60px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.collect_article--expired span {
    line-height: 1.3;
}
.collect_article--expired .btn_basic {
    position: relative;
    z-index: 2;
}
.collect_article--expired .collect_article_title,
.collect_article--expired .collect_article_foreword,
.collect_article--expired .collect_article_author span,
.collect_article--expired .collect_article_author a {
    color: #BABABA;
}
.collect_card {
    padding: 10px 10px 15px;
    border: 1px solid #F5F5F5;
    border-radius: 5px;
    line-height: 24px;
    margin-bottom: 20px !important;
    position: relative;
}
.collect_card:hover {
    cursor: pointer;
}
.collect_card .btn_basic {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 3;
    width: 26px;
    height: 26px;
    font-size: 20px;
    border-radius: 50%;
    background-color: #fff;
    color: #004098;
}
.collect_card .btn_basic .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.collect_card_image {
    margin-bottom: 10px;
}
.collect_card_image img {
    width: 100%;
}
.collect_card_title {
    font-weight: 400;
    font-size: 17px;
    min-height: 48px;
    color: #373737;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.collect_card_author {
    font-size: 14px;
}
.collect_card_author span {
    color: #656463;
}
.collect_card_authorPhoto {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.collect_card_authorPhoto img {
    border-radius: 50%;
}
.collect_card--expired {
    position: relative;
    z-index: 0;
}
.collect_card--expired .expired {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.collect_card--expired .expired > span {
    width: 60px;
    height: 60px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.collect_card--expired span {
    line-height: 1.3;
}
.collect_card--expired .collect_card_image img {
    opacity: 0.6;
}
.collect_card--expired .collect_card_title,
.collect_card--expired .collect_card_author > span {
    color: #BABABA;
}

/* 會員_作者追蹤頁 */
.follow_author {
    padding: 14px 15px;
    background-color: #f8f8f8;
    margin-bottom: 9px;
}
.follow_author_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 8px;
}
.follow_author_photo {
    display: inline-block;
    margin-right: 10px;
    min-width: 60px;
}
.follow_author_photo img {
    border-radius: 50%;
}
.follow_author_container .author_name {
    font-weight: 400;
    font-size: 19px;
    line-height: 28px;
}
.follow_author_container .author_name a {
    color: #004098;
}
.follow_author_container .author_name--layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.follow_author_container .author_name--layout .icon {
    margin: 0 5px;
    font-size: 20px;
    line-height: 28px;
    color: #004098;
}
.follow_author_container .author_title {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #656463;
}
.follow_author .author_list {
    margin-top: 10px;
}
.follow_author .author_list > div {
    position: relative;
}
@media (max-width: 990px) {
    .follow_author .author_list > div:not(:last-child) {
        margin-bottom: 12px;
    }
}
.follow_author .author_list_pill {
    position: absolute;
    top: 6px;
    left: 5px;
    padding: 1px 10px;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 9999px;
}
.follow_author .author_list_photo--article, .follow_author .author_list_photo--event {
    aspect-ratio: 5/3;
}
.follow_author .author_list_photo--resource {
    aspect-ratio: 1/1;
}
.follow_author .author_list_photo img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}
.follow_author .author_list_content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.follow_author .author_list_content .author_list_title {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.follow_author .author_list_content .author_list_date {
    font-size: 13px;
    color: #949494;
}
.follow_author .expired {
    display: none;
}
.follow_author--expired {
    position: relative;
    z-index: 0;
}
.follow_author--expired .expired {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.follow_author--expired .expired > span {
    width: 60px;
    height: 60px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.follow_author--expired:hover {
    cursor: not-allowed;
}
.follow_author--expired .btn_follow {
    position: relative;
    z-index: 2;
}
.follow_author--expired .expired > span {
    line-height: 15px;
}
.follow_author--expired .author_name a,
.follow_author--expired .author_title,
.follow_author--expired .author_list_content .author_list_title,
.follow_author--expired .author_list_content .author_list_date {
    color: #BABABA;
}
.follow_author--expired .author_list_pill {
    background-color: #BABABA;
}
.follow_author--expired .follow_author_photo img,
.follow_author--expired .author_list_photo img {
    opacity: 0.6;
}

/* 會員_序號兌換 */
.redeem .card_inner {
    padding: 25px;
    border-radius: 5px;
    background-color: rgba(0, 64, 152, 0.05);
}
.redeem .card_inner p.text--tip {
    font-size: 13px;
    line-height: 18px;
    color: #949494;
    margin-bottom: 5px;
}
.redeem .card_inner p.text--error {
    font-size: 14px;
    line-height: 18px;
    color: #FF5C56;
    margin-bottom: 10px;
}
.redeem .card_inner_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.redeem .card_inner .form-control {
    width: 300px;
    margin-right: 15px;
}
@media (max-width: 767px) {
    .redeem .card_inner .form-control {
        width: 100%;
        margin-right: 0;
    }
}
.redeem .card_inner .btn_main {
    margin-bottom: unset;
}
@media (max-width: 767px) {
    .redeem .card_inner .btn_main {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .payment_contain {
        padding-right: 6px;
        padding-left: 6px;
    }
}
.payment_userInfo, .payment_bill_box {
    padding: 1em;
    background-color: rgba(0, 64, 152, 0.08);
}
.payment_userInfo .change, .payment_bill_box .change {
    display: block;
    text-align: right;
    color: #004098;
    font-size: 16px;
}
.payment_userInfo p:nth-child(2) {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .payment_userInfo p:nth-child(2) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.payment_userInfo p:nth-child(2) span {
    font-weight: 400;
    font-size: 16px;
}
.payment_userInfo p:nth-child(2) span i {
    color: #616161;
}
.payment_userInfo p:nth-child(2) a {
    color: #004098;
}

.payment_title_Xl {
    font-size: 22px;
    margin-bottom: 20px;
}

.action_remind {
    padding: 1em 0;
    font-size: 17px;
    background-color: #EFEFEF;
    text-align: center;
}
.action_remind span {
    color: #FF5C56;
}
.action_remind li {
    font-size: 17px;
    color: #949494;
    display: inline-block;
    margin: 0 0.5em;
}
.action_remind li i {
    position: relative;
    margin-right: 0.2em;
    font-size: 1.4em;
    top: 0.15em;
}
.action_remind li.now {
    color: #373737;
}

.payment_title {
    margin-top: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #BABABA;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 400;
}
.payment_title h1 {
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
}
.payment_title h2 {
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
}
.payment_title h3 {
    font-size: 18px;
    display: inline-block;
    font-weight: 700;
    color: #1C2271;
}
.payment_title p {
    color: #004098;
}
.payment_title .selection-input {
    margin: 0;
    color: #004098;
    float: right;
}

.payment_plan_box {
    background-color: rgb(255, 255, 229);
}
.payment_plan_box.contain_grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.payment_plan_box .program_info {
    width: 100%;
}
.payment_plan_box .program_info .change {
    float: right;
    text-align: right;
    display: block;
    color: #004098;
}
.payment_plan_box .program_info .change i {
    position: relative;
    top: 2px;
}
.payment_plan_box .atm_info {
    padding-top: 13px;
    margin-top: 13px;
    border-top: 1px solid #E0E0E0;
}
.payment_plan_box .atm_info .highlight {
    font-weight: 700;
}
.payment_plan_box .atm_info button {
    font-size: 16px;
    color: #004098;
    margin-left: 4px;
}

.payment_plan_box,
.payment_plan_box_fail,
.payment_hi_box_result {
    padding: 1em;
    margin-bottom: 20px;
}
.payment_plan_box .item,
.payment_plan_box_fail .item,
.payment_hi_box_result .item {
    display: block;
    font-size: 26px;
}
.payment_plan_box .item .note,
.payment_plan_box_fail .item .note,
.payment_hi_box_result .item .note {
    color: #FF5C56;
    font-size: 14px;
}
.payment_plan_box .info,
.payment_plan_box_fail .info,
.payment_hi_box_result .info {
    text-align: right;
    font-size: 14px;
}
@media (max-width: 767px) {
    .payment_plan_box .info,
    .payment_plan_box_fail .info,
    .payment_hi_box_result .info {
        text-align: left;
        width: 100%;
    }
}
.payment_plan_box .info .price,
.payment_plan_box_fail .info .price,
.payment_hi_box_result .info .price {
    font-size: 16px;
}
.payment_plan_box .info .price b,
.payment_plan_box_fail .info .price b,
.payment_hi_box_result .info .price b {
    font-size: 26px;
    font-weight: 400;
}
@media (max-width: 767px) {
    .payment_plan_box .info .price,
    .payment_plan_box_fail .info .price,
    .payment_hi_box_result .info .price {
        display: inline-block;
    }
}
.payment_plan_box .info .price_ori,
.payment_plan_box_fail .info .price_ori,
.payment_hi_box_result .info .price_ori {
    color: #bababa;
    text-decoration: line-through;
}
@media (max-width: 767px) {
    .payment_plan_box .info .price_ori,
    .payment_plan_box_fail .info .price_ori,
    .payment_hi_box_result .info .price_ori {
        display: inline-block;
    }
}
.payment_plan_box .info .note,
.payment_plan_box_fail .info .note,
.payment_hi_box_result .info .note {
    color: #FF5C56;
}
.payment_plan_box .info .change,
.payment_plan_box_fail .info .change,
.payment_hi_box_result .info .change {
    font-size: 16px;
    color: #004098;
    margin-top: 1em;
}
.payment_plan_box .info .change i,
.payment_plan_box_fail .info .change i,
.payment_hi_box_result .info .change i {
    position: relative;
    top: 2px;
}
@media (max-width: 767px) {
    .payment_plan_box .info .change,
    .payment_plan_box_fail .info .change,
    .payment_hi_box_result .info .change {
        float: right;
        text-align: right;
    }
}
.payment_plan_box .info_result,
.payment_plan_box_fail .info_result,
.payment_hi_box_result .info_result {
    font-size: 16px;
}
.payment_plan_box .program_info ul.program_list,
.payment_plan_box_fail .program_info ul.program_list,
.payment_hi_box_result .program_info ul.program_list {
    margin-left: 25px;
}
.payment_plan_box .program_info ul.program_list li,
.payment_plan_box_fail .program_info ul.program_list li,
.payment_hi_box_result .program_info ul.program_list li {
    padding: 3px 0px;
    font-size: 16px;
    position: relative;
}
.payment_plan_box .program_info ul.program_list li:before,
.payment_plan_box_fail .program_info ul.program_list li:before,
.payment_hi_box_result .program_info ul.program_list li:before {
    content: "\e924";
    font-family: "icomoon";
    width: 22px;
    height: 22px;
    position: absolute;
    left: -20px;
    top: 2px;
    background-size: contain;
    font-size: 18px;
    color: #373737;
}
.payment_plan_box .program_info ul.program_list li:nth-last-child(1),
.payment_plan_box_fail .program_info ul.program_list li:nth-last-child(1),
.payment_hi_box_result .program_info ul.program_list li:nth-last-child(1) {
    border-bottom: none;
}
.payment_plan_box .program_info ul.program_list li p,
.payment_plan_box_fail .program_info ul.program_list li p,
.payment_hi_box_result .program_info ul.program_list li p {
    display: inline-block;
    vertical-align: middle;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #373737;
}
@media (max-width: 767px) {
    .payment_plan_box .program_info ul.program_list li p,
    .payment_plan_box_fail .program_info ul.program_list li p,
    .payment_hi_box_result .program_info ul.program_list li p {
        height: 28px;
        line-height: 28px;
    }
}
.payment_plan_box .program_info ul.program_list li p:nth-child(1),
.payment_plan_box_fail .program_info ul.program_list li p:nth-child(1),
.payment_hi_box_result .program_info ul.program_list li p:nth-child(1) {
    width: 100px;
    padding: 0;
    font-size: 16px;
    color: #616161;
}
@media (max-width: 767px) {
    .payment_plan_box .program_info ul.program_list li p:nth-child(1),
    .payment_plan_box_fail .program_info ul.program_list li p:nth-child(1),
    .payment_hi_box_result .program_info ul.program_list li p:nth-child(1) {
        width: 70px;
        font-size: 15px;
        color: #373737;
    }
}
.payment_plan_box .program_info ul.program_list li p:nth-child(1).text,
.payment_plan_box_fail .program_info ul.program_list li p:nth-child(1).text,
.payment_hi_box_result .program_info ul.program_list li p:nth-child(1).text {
    width: initial;
    display: inline-block;
    color: #373737;
    line-height: 1.6;
    height: auto;
}
@media (max-width: 767px) {
    .payment_plan_box .program_info ul.program_list li p:nth-child(1).text,
    .payment_plan_box_fail .program_info ul.program_list li p:nth-child(1).text,
    .payment_hi_box_result .program_info ul.program_list li p:nth-child(1).text {
        font-size: 16px;
    }
}
.payment_plan_box .program_info ul.program_list li p:nth-child(1).text i,
.payment_plan_box_fail .program_info ul.program_list li p:nth-child(1).text i,
.payment_hi_box_result .program_info ul.program_list li p:nth-child(1).text i {
    margin-right: 3px;
}
.payment_plan_box .program_info ul.program_list li p:nth-child(1).text a,
.payment_plan_box_fail .program_info ul.program_list li p:nth-child(1).text a,
.payment_hi_box_result .program_info ul.program_list li p:nth-child(1).text a {
    display: inline;
    color: #004098;
}
.payment_plan_box .program_info ul.program_list li p:nth-child(1).text .info--text,
.payment_plan_box_fail .program_info ul.program_list li p:nth-child(1).text .info--text,
.payment_hi_box_result .program_info ul.program_list li p:nth-child(1).text .info--text {
    font-size: initial;
    color: #949494;
    cursor: pointer;
}
.payment_plan_box .program_info ul.program_list li p:nth-child(1).text .info--text:hover,
.payment_plan_box_fail .program_info ul.program_list li p:nth-child(1).text .info--text:hover,
.payment_hi_box_result .program_info ul.program_list li p:nth-child(1).text .info--text:hover {
    color: #004098;
}

.payment_hi_box_result {
    background-color: #F8F8F8;
    border-radius: 5px;
}
.payment_hi_box_result p {
    color: #1C2271;
}

.payment_plan_box_fail {
    background-color: #EFEFEF;
}
.payment_plan_box_fail p, .payment_plan_box_fail h5, .payment_plan_box_fail .price b, .payment_plan_box_fail .price span {
    color: #949494;
}

.payment_coupon_box {
    margin-bottom: 20px;
}
.payment_coupon_box p {
    font-size: 16px;
    color: #004098;
    margin-top: 1em;
}

.payment_forms_recipient input.form-control,
.payment_forms_bill input.form-control,
.payment_forms_recommend input.form-control,
.payment_forms_give input.form-control {
    display: inline-block;
    width: 100%;
    height: 50px;
    outline: none;
    color: #373737;
    cursor: auto;
}

.payment_forms .error--text {
    margin-top: 4px;
}
.payment_forms .bill_personals .info--text,
.payment_forms .bill_company .info--text {
    margin-top: 4px;
}
.payment_forms .selection-input {
    margin: 20px 0;
}
@media (max-width: 767px) {
    .payment_forms .selection-input {
        margin: 10px 0;
    }
}
.payment_forms .selection-input .bill_personal_memberBarcode .info--text {
    margin-left: 1.6rem;
}
.payment_forms .selection-input .dropdown--first {
    margin-left: 1.6em;
}
.payment_forms .selection-input .dropdown--first > .info--text {
    margin-top: 0.5rem;
}
.payment_forms .selection-input .dropdown--first .dropdown--second {
    margin-top: 15px;
    margin-left: 1.6em;
}
.payment_forms .selection-input .dropdown--first .bill_personal_certificate, .payment_forms .selection-input .dropdown--first .bill_donate_for, .payment_forms .selection-input .dropdown--first .bill_donate_other {
    margin-top: 15px;
}
.payment_forms .selection-input .dropdown--first .bill_personal_certificate .dropdown--second input.form-control, .payment_forms .selection-input .dropdown--first .bill_donate_for .dropdown--second input.form-control, .payment_forms .selection-input .dropdown--first .bill_donate_other .dropdown--second input.form-control {
    top: -2px;
    margin-top: 0px;
}
.payment_forms .selection-input .dropdown--first .bill_personal_certificate .dropdown--second .error--text, .payment_forms .selection-input .dropdown--first .bill_donate_for .dropdown--second .error--text, .payment_forms .selection-input .dropdown--first .bill_donate_other .dropdown--second .error--text {
    display: block;
}
.payment_forms .selection-input .dropdown--first .bill_personal_mobileBarcode .dropdown--second {
    font-size: 20px;
}
.payment_forms .selection-input .dropdown--first .bill_personal_mobileBarcode .dropdown--second .slash {
    display: inline-block;
    margin-right: 10px;
    width: 10px;
}
.payment_forms .selection-input .dropdown--first .bill_personal_mobileBarcode .dropdown--second input.form-control {
    display: inline-block;
    width: calc(100% - 25px);
}
.payment_forms .selection-input [data-btn=openPopup] {
    color: #004098;
    font-size: 14px;
    margin-left: 8px;
}
@media (max-width: 320px) {
    .payment_forms .selection-input [data-btn=openPopup] {
        margin-left: unset;
    }
}
.payment_forms .selection-input [data-btn=openPopup] .icon-error-o {
    color: #004098;
}
.payment_forms_recommend .group {
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.payment_forms_recommend input.form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: 300px;
    margin: 0;
}
.payment_forms_recommend .btn_main {
    margin-bottom: 0px;
}
.payment_forms_recommend .note--text {
    font-size: 14px;
}
.payment_forms_recommend .note--text span {
    color: #FF5C56;
}

.payment_bill_box {
    margin-top: 20px;
}
.payment_bill_box p {
    text-indent: -2em;
    margin-left: 2em;
}
.payment_bill_box .selection-input {
    color: #004098;
    font-size: 16px;
}
.payment_bill_box label {
    display: initial;
}

.address {
    margin-top: 0px;
}
.address .info--text {
    position: relative;
    top: 8px;
}

.payment_send {
    margin: 30px auto;
}
.payment_send .info--text {
    color: #616161;
}
.payment_send button {
    height: 45px;
    width: 300px;
    font-size: 22px;
    border-radius: 30px;
}
@media (max-width: 767px) {
    .payment_send button {
        width: 100%;
    }
}

.under_info--text {
    margin-top: 25px;
}

.payment_check--info {
    font-size: 16px;
    line-height: 22.4px;
}
.payment_check--info ol {
    margin-top: 0.8em;
}
.payment_check--info .info--full--4 {
    max-width: calc(100% - 5em);
    margin-right: 0em;
    text-align: right;
}
.payment_check--info .info--full--8 {
    max-width: calc(100% - 10em);
    margin-right: 0em;
    text-align: right;
}

.end_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
}
.end_link a {
    font-size: 16px;
    line-height: 22px;
    color: #004098;
    margin-bottom: 1em;
}

.payment_title_result_success, .payment_title_result_fail {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}
.payment_title_result_success h2, .payment_title_result_fail h2 {
    font-size: 26px;
}
.payment_title_result_success .descrip, .payment_title_result_fail .descrip {
    font-size: 15px;
    color: #1C2271;
    margin-top: 6px;
}

.payment_title_result_success h2 {
    color: #1C2271;
}

.payment_title_result_success img,
.payment_title_result_fail img {
    width: 148px;
}

.payment_benefits--info .benefit {
    width: 47.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}
.payment_benefits--info .benefit .icon {
    width: 80px;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.payment_benefits--info .benefit .icon img {
    width: 100%;
}
.payment_benefits--info .benefit .info {
    width: calc(100% - 20px);
}
.payment_benefits--info .benefit .info h4 {
    font-size: 22px;
    margin-bottom: 8px;
}
.payment_benefits--info .benefit .info p {
    font-size: 18px;
    line-height: 1.5;
}
@media (max-width: 767px) {
    .payment_benefits--info .benefit {
        width: 100%;
    }
}

/* 訪客版form*/
.form_group--disabled > * {
    cursor: not-allowed;
}
.form_group--disabled ::-webkit-input-placeholder {
    color: #e0e0e0;
}
.form_group--disabled ::-moz-placeholder {
    color: #e0e0e0;
}
.form_group--disabled :-ms-input-placeholder {
    color: #e0e0e0;
}
.form_group--disabled ::-ms-input-placeholder {
    color: #e0e0e0;
}
.form_group--disabled ::placeholder {
    color: #e0e0e0;
}
.form_group--disabled ::-ms-input-placeholder {
    color: #e0e0e0;
}
.form_group--disabled ::-ms-input-placeholder {
    color: #e0e0e0;
}
.form_group--disabled input.form-control {
    cursor: not-allowed;
    border: 1px solid #e0e0e0;
}
.form_group--disabled label {
    cursor: not-allowed;
    color: #e0e0e0 !important;
}
.form_group--disabled select {
    color: #e0e0e0;
}
.form_group--disabled input[type=radio], .form_group--disabled input[type=checkbox] {
    cursor: not-allowed;
    border-color: #e0e0e0;
}
.form_group--disabled input[type=checkbox]:checked {
    border: 2px solid #e0e0e0;
    background: #e0e0e0;
}
.form_group--disabled .info--text {
    color: #e0e0e0;
}
.form_group--disabled .form_list_item_title {
    color: #e0e0e0;
    cursor: not-allowed;
}
.form_group--disabled .form_list_item_title span {
    color: #e0e0e0;
    cursor: not-allowed;
}
.form_group--disabled .payment_title {
    color: #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.plan [data-body=gift] {
    display: none;
}
.plan [data-body=gift] .plan_card_option,
.plan [data-body=gift] .plan_card_option > b {
    color: #004098;
}
.plan [data-body=gift].plan_body > p {
    margin-bottom: 69px;
}
.plan [data-body=gift] .plan_card {
    margin-bottom: 71px;
}
.plan [data-body=gift] .plan_card_title {
    padding: 0 30px;
}
.plan_head {
    margin-bottom: 16px;
}
.plan_tabGroup {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .plan_tabGroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.plan_tab {
    font-size: 20px;
    line-height: 18px;
    color: #373737;
    padding: 10px 0;
    margin-right: 40px;
}
@media (max-width: 767px) {
    .plan_tab {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        margin-right: 0;
    }
}
.plan_tab--active {
    font-weight: 500;
    color: #004098;
    border-bottom: 2px solid #004098;
}
.plan_body > p {
    font-size: 17px;
    line-height: 28px;
    color: #373737;
    margin-bottom: 37px;
}
.plan_body .contain_grid_list > div {
    position: relative;
}
.plan_body .plan_card--bow {
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.plan_card {
    position: relative;
    margin-bottom: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px) {
    .plan_card {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .plan_card {
        margin-bottom: 25px;
    }
}
.plan_card--highlight {
    z-index: 2;
    margin: -20px -20px -50px -20px;
    padding-top: 40px;
    padding-bottom: 30px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 64, 152, 0.5);
    box-shadow: 0 3px 8px rgba(0, 64, 152, 0.5);
}
@media (max-width: 768px) {
    .plan_card--highlight {
        margin: 0 0 35px 0;
        z-index: initial;
        padding: 20px 0;
    }
}
.plan_card--highlight .plan_card_title {
    color: #004098;
}
.plan_card--highlight .plan_card_list li:before {
    color: #004098;
}
.plan_card--highlight .plan_card_option {
    color: #004098;
}
.plan_card--highlight .plan_card_option b {
    color: #004098;
}
.plan_card--ribbon {
    position: absolute;
    top: 17px;
    left: -70px;
    width: 200px;
    padding: 2px 0;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    background-color: #FF5C56;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.plan_card_label {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 3;
    color: #FFF;
    background-color: #004098;
    padding: 3px 12px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 13px;
    z-index: 1;
}
.plan_card_cover {
    text-align: center;
}
.plan_card_cover img {
    height: 140px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
.plan_card_body {
    padding: 10px 10px 20px 10px;
}
.plan_card_body .plan_card_name {
    display: inline;
    font-weight: 500;
    font-size: 20px;
}
@media (max-width: 767px) {
    .plan_card_body .plan_card_name {
        display: block;
    }
}
.plan_card_body .plan_card_title {
    font-size: 26px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 75px;
}
.plan_card_body .plan_card_info {
    color: #373737;
    font-size: 15px;
    line-height: 1.5;
    margin: 5px 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.plan_card_body .plan_card_list {
    margin-left: auto;
    margin-right: auto;
    height: 170px;
    width: 85%;
    overflow: hidden;
}
@media (max-width: 768px) {
    .plan_card_body .plan_card_list {
        min-height: auto;
    }
}
@media (max-width: 767px) {
    .plan_card_body .plan_card_list {
        width: 65%;
    }
}
@media (max-width: 375px) {
    .plan_card_body .plan_card_list {
        width: 70%;
    }
}
@media (max-width: 320px) {
    .plan_card_body .plan_card_list {
        width: 80%;
    }
}
.plan_card_body .plan_card_list li {
    font-size: 16px;
    position: relative;
    line-height: 1.4;
    margin-bottom: 6px;
    max-height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 20px;
}
.plan_card_body .plan_card_list li:before {
    content: "\e924";
    font-family: "icomoon";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -2px;
    background-size: contain;
    font-size: 18px;
}
.plan_card_body .plan_card_option {
    text-align: center;
    margin: 5px 0;
}
.plan_card_body .plan_card_option b {
    font-size: 26px;
    font-weight: bold;
}
.plan_card_body .plan_card_option span {
    text-decoration: line-through;
    color: #bababa;
    font-size: 13px;
}

/* plan-all */
.plan-all {
    padding-top: 30px;
}

.plan-all__title {
    display: none;
}
@media (min-width: 768px) {
    .plan-all__title {
        display: block;
        color: #373737;
        text-align: center;
        font-size: 26px;
        font-weight: 700;
        line-height: 160%;
        padding-bottom: 10px;
    }
}

.plan-all__switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding-bottom: 15px;
}

.plan-all__switch-text {
    color: #949494;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.plan-all__switch-text--active {
    color: #004098;
    font-weight: 500;
}

/* components-plan-card */
.components-plan-card {
    position: relative;
    padding: 30px 15px 30px 15px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    min-width: 250px;
}
.components-plan-card:only-child {
    margin: 10px;
    max-width: 320px;
}
@media (min-width: 1440px) {
    .components-plan-card {
        min-width: 250px;
    }
}
.components-plan-card .components-plan-card__hint {
    display: none;
}
.components-plan-card .components-plan-card__title {
    color: #373737;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    min-height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 10px;
    padding-right: 10px;
}
.components-plan-card .components-plan-card__list {
    min-height: 120px;
    padding: 10px;
}
.components-plan-card .components-plan-card__list-item {
    position: relative;
    color: #373737;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 6px;
    max-height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 20px;
    overflow: hidden;
}
.components-plan-card .components-plan-card__list-item:before {
    color: #373737;
    content: "\e924";
    font-family: "icomoon";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 1px;
    background-size: contain;
    font-size: 18px;
}
.components-plan-card .components-plan-card__option {
    color: #373737;
    margin: 5px 0;
    text-align: center;
    font-size: 13px;
    line-height: 160%;
}
.components-plan-card .components-plan-card__option-sales-price {
    color: #373737;
    font-size: 26px;
    line-height: 160%;
}
.components-plan-card .components-plan-card__option-original-price {
    color: #bababa;
    font-size: 13px;
    line-height: 160%;
    text-decoration: line-through;
}
.components-plan-card .components-plan-card__option-original-price--bold {
    color: #bababa;
}
.components-plan-card .components-plan-card__price {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    place-items: center;
    gap: 8px;
    padding: 5px 0;
    min-height: 74px;
}
.components-plan-card .components-plan-card__price.only-child {
    grid-template-columns: 1fr;
}
.components-plan-card .components-plan-card__price-member,
.components-plan-card .components-plan-card__price-vip {
    text-align: center;
    width: 100%;
    max-width: 117px;
}
.components-plan-card .components-plan-card__price-member__title,
.components-plan-card .components-plan-card__price-vip__title {
    color: #616161;
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 5px;
}
.components-plan-card .components-plan-card__price-member__price,
.components-plan-card .components-plan-card__price-vip__price {
    color: #373737;
    font-size: 26px;
    line-height: 160%;
}
.components-plan-card .components-plan-card__price-member__unit,
.components-plan-card .components-plan-card__price-vip__unit {
    color: #373737;
    font-size: 12px;
    line-height: 160%;
}
.components-plan-card .components-plan-card__price-divider {
    width: 1px;
    height: 50px;
    background: #EFEFEF;
}
.components-plan-card .components-plan-card__button {
    padding: 0 12px;
    margin-bottom: 0;
}
@media (min-width: 1200px) {
    .components-plan-card .components-plan-card__button {
        padding: 0 12px;
    }
}
.components-plan-card .components-plan-card__button--width-full {
    padding: 0 12px;
    margin-bottom: 0;
    width: 100%;
}
@media (min-width: 1200px) {
    .components-plan-card .components-plan-card__button--width-full {
        padding: 0 12px;
    }
}

.components-plan-card--highlight {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 64, 152, 0.35);
    box-shadow: 0px 0px 10px 0px rgba(0, 64, 152, 0.35);
}
.components-plan-card--highlight .components-plan-card__hint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    left: 8px;
    top: 0;
    border-radius: 0px 0px 5px 5px;
    background: #ff5c56;
    color: #fff;
    font-size: 13px;
    line-height: 100%;
}
.components-plan-card--highlight .components-plan-card__title {
    color: #004098;
}
.components-plan-card--highlight .components-plan-card__list-item:before {
    color: #004098;
}
.components-plan-card--highlight .components-plan-card__option {
    color: #004098;
}
.components-plan-card--highlight .components-plan-card__option-sales-price {
    color: #004098;
}
.components-plan-card--highlight .components-plan-card__price-member__title,
.components-plan-card--highlight .components-plan-card__price-vip__title,
.components-plan-card--highlight .components-plan-card__price-member__price,
.components-plan-card--highlight .components-plan-card__price-vip__price,
.components-plan-card--highlight .components-plan-card__price-member__unit,
.components-plan-card--highlight .components-plan-card__price-vip__unit {
    color: #004098;
}
.components-plan-card--highlight .components-plan-card__button {
    background: #004098 !important;
    border: none !important;
    color: #fff !important;
}
.components-plan-card--highlight .components-plan-card__button:hover {
    background: #0051c1 !important;
}

/* components-plan-gift-card */
.components-plan-gift-card-wrapper {
    position: relative;
    min-width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.components-plan-gift-card-wrapper:only-child {
    margin: 50px 10px 10px 10px;
    max-width: 320px;
}
@media (min-width: 1440px) {
    .components-plan-gift-card-wrapper {
        min-width: 250px;
    }
}

.components-plan-gift-card__bow-tie {
    position: absolute;
    top: -56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width: 1200px) {
    .components-plan-gift-card__bow-tie {
        top: -56px;
    }
}

.components-plan-gift-card__bow-tie--highlight {
    position: absolute;
    top: -48px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width: 1200px) {
    .components-plan-gift-card__bow-tie--highlight {
        top: -49px;
    }
}

.components-plan-gift-card {
    position: relative;
    width: 100%;
    padding: 30px 15px 30px 15px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    min-width: 250px;
}
@media (min-width: 1440px) {
    .components-plan-gift-card {
        min-width: 250px;
    }
}
.components-plan-gift-card .components-plan-gift-card__ribbon {
    position: absolute;
    top: 17px;
    left: -70px;
    width: 200px;
    padding: 2px 0;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    background-color: #ff5c56;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.components-plan-gift-card .components-plan-gift-card__title {
    padding: 0 30px;
    color: #373737;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    min-height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 10px;
    padding-right: 10px;
}
.components-plan-gift-card .components-plan-gift-card__list {
    min-height: 120px;
    padding: 10px;
}
.components-plan-gift-card .components-plan-gift-card__list-item {
    position: relative;
    color: #373737;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 6px;
    max-height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 20px;
    overflow: hidden;
}
.components-plan-gift-card .components-plan-gift-card__list-item:before {
    color: #373737;
    content: "\e924";
    font-family: "icomoon";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 1px;
    background-size: contain;
    font-size: 18px;
}
.components-plan-gift-card .components-plan-gift-card__option {
    color: #373737;
    margin: 5px 0;
    text-align: center;
    font-size: 13px;
    line-height: 160%;
}
.components-plan-gift-card .components-plan-gift-card__option-sales-price {
    color: #373737;
    font-size: 26px;
    line-height: 160%;
}
.components-plan-gift-card .components-plan-gift-card__option-original-price {
    color: #bababa;
    font-size: 13px;
    line-height: 160%;
    text-decoration: line-through;
}
.components-plan-gift-card .components-plan-gift-card__option-original-price--bold {
    color: #bababa;
}
.components-plan-gift-card .components-plan-gift-card__button {
    margin-bottom: 0;
}

.components-plan-gift-card--highlight {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 64, 152, 0.35);
    box-shadow: 0px 0px 10px 0px rgba(0, 64, 152, 0.35);
}
.components-plan-gift-card--highlight .components-plan-gift-card__title {
    color: #004098;
}
.components-plan-gift-card--highlight .components-plan-gift-card__list-item:before {
    color: #004098;
}
.components-plan-gift-card--highlight .components-plan-gift-card__option {
    color: #004098;
}
.components-plan-gift-card--highlight .components-plan-gift-card__option-sales-price {
    color: #004098;
}
.components-plan-gift-card--highlight .components-plan-gift-card__button {
    background: #004098 !important;
    border: none !important;
    color: #fff !important;
}
.components-plan-gift-card--highlight .components-plan-gift-card__button:hover {
    background: #0051c1 !important;
}

/* components-plan-subscription */
.components-plan-subscription {
    position: relative;
    padding-bottom: 20px;
}
@media (min-width: 768px) {
    .components-plan-subscription {
        padding-top: 10px;
        padding-bottom: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 30px;
    }
}

.components-plan-subscription-card__wrapper {
    display: block;
}
@media (min-width: 768px) {
    .components-plan-subscription-card__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 320px;
        width: 320px;
        padding-bottom: 10px;
    }
}

.components-plan-subscription__title-english {
    display: none;
    color: rgba(0, 64, 152, 0.2);
    font-size: 48px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .components-plan-subscription__title-english {
        display: block;
        position: absolute;
        top: -40px;
    }
}

.components-plan-subscription__title {
    color: #004098;
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
}

.components-plan-subscription__title-divider {
    width: 80px;
    height: 2px;
    border-radius: 10px;
    background: #004098;
}

.components-plan-subscription__subtitle {
    color: #373737;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 16px 0;
}
@media (min-width: 768px) {
    .components-plan-subscription__subtitle {
        margin: 16px 0 24px 0;
    }
}

.components-plan-subscription__button-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
}
@media (min-width: 768px) {
    .components-plan-subscription__button-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 12px;
        padding: 20px 0px 20px 20px;
        border-radius: 5px;
        background: #004098;
    }
}

.components-plan-subscription__button {
    padding: 2px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
    border: none;
    color: #616161;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    background-color: #EFEFEF;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (min-width: 768px) {
    .components-plan-subscription__button {
        width: 200px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 4px 40px 4px 20px;
        border-radius: 20px 0px 0px 20px;
        color: #fff;
        background: #004098;
        border: none;
    }
}

.components-plan-subscription__button:hover {
    background: #004098 !important;
    color: #fff !important;
}
@media (min-width: 768px) {
    .components-plan-subscription__button:hover {
        color: #004098 !important;
        background: #fff !important;
    }
}

.components-plan-subscription__button--active {
    background: #004098 !important;
    color: #fff !important;
}
@media (min-width: 768px) {
    .components-plan-subscription__button--active {
        color: #004098 !important;
        background: #fff !important;
    }
}

.components-plan-subscription__tab-content {
    display: none;
}

.components-plan-subscription__tab-content--active {
    display: block;
}

.components-plan-subscription__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
@media (min-width: 768px) {
    .components-plan-subscription__slider {
        margin-top: 0;
    }
}
.components-plan-subscription__slider:only-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 768px) {
    .components-plan-subscription__slider:only-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.components-plan-subscription__slider .slick-list {
    padding-left: 0 !important;
}

.components-plan-subscription__slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.components-plan-subscription__slider .slick-slide {
    margin: 10px;
}

/* components-plan-e-gift-card */
.components-plan-e-gift-card__background {
    background: #ecf0f7;
}

.components-plan-e-gift-card {
    background: #ecf0f7;
    padding-top: 30px;
    padding-bottom: 20px;
}
@media (min-width: 768px) {
    .components-plan-e-gift-card {
        padding-top: 50px;
        padding-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
    }
}

.components-plan-e-gift-card-card__wrapper {
    display: block;
}
@media (min-width: 768px) {
    .components-plan-e-gift-card-card__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 320px;
        width: 320px;
        padding-bottom: 10px;
    }
}

.components-plan-e-gift-card__title-english {
    display: none;
    color: rgba(0, 64, 152, 0.2);
    font-size: 48px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .components-plan-e-gift-card__title-english {
        display: block;
    }
}

.components-plan-e-gift-card__title {
    color: #004098;
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
}

.components-plan-e-gift-card__title-divider {
    width: 80px;
    height: 2px;
    border-radius: 10px;
    background: #004098;
}

.components-plan-e-gift-card__subtitle {
    color: #373737;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0;
}
@media (min-width: 768px) {
    .components-plan-e-gift-card__subtitle {
        margin: 20px 0;
    }
}

.components-plan-e-gift-card__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}
@media (min-width: 768px) {
    .components-plan-e-gift-card__slider {
        margin-top: 0;
    }
}
.components-plan-e-gift-card__slider:only-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 768px) {
    .components-plan-e-gift-card__slider:only-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.components-plan-e-gift-card__slider .slick-list {
    padding-left: 0 !important;
    width: 100% !important;
}

.components-plan-e-gift-card__slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.components-plan-e-gift-card__slider .slick-slide {
    margin: 50px 10px 10px 10px;
}

.components-plan-e-gift-card__remark {
    color: #373737;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    .components-plan-e-gift-card__remark {
        padding-bottom: 50px;
    }
}

/* components-plan-product */
.components-plan-product {
    position: relative;
    padding-bottom: 20px;
}
@media (min-width: 768px) {
    .components-plan-product {
        padding-top: 10px;
        padding-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 30px;
    }
}

.components-plan-product__wrapper {
    display: block;
}
@media (min-width: 768px) {
    .components-plan-product__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 320px;
        width: 320px;
        padding-bottom: 10px;
    }
}

.components-plan-product__title-english {
    display: none;
    color: rgba(0, 64, 152, 0.2);
    font-size: 48px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .components-plan-product__title-english {
        display: block;
        position: absolute;
        top: -40px;
    }
}

.components-plan-product__title {
    color: #004098;
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
}

.components-plan-product__title-divider {
    width: 80px;
    height: 2px;
    border-radius: 10px;
    background: #004098;
}

.components-plan-product__subtitle {
    color: #373737;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 16px 0;
}
@media (min-width: 768px) {
    .components-plan-product__subtitle {
        margin: 16px 0 24px 0;
    }
}

.components-plan-product__button-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
}
@media (min-width: 768px) {
    .components-plan-product__button-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 12px;
        padding: 20px 0px 20px 20px;
        border-radius: 5px;
        background: #004098;
    }
}

.components-plan-product__button {
    padding: 2px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
    border: none;
    color: #616161;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    background-color: #EFEFEF;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (min-width: 768px) {
    .components-plan-product__button {
        width: 200px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 4px 40px 4px 20px;
        border-radius: 20px 0px 0px 20px;
        color: #fff;
        background: #004098;
        border: none;
    }
}

.components-plan-product__button:hover {
    background: #004098 !important;
    color: #fff !important;
}
@media (min-width: 768px) {
    .components-plan-product__button:hover {
        color: #004098 !important;
        background: #fff !important;
    }
}

.components-plan-product__button--active {
    background: #004098 !important;
    color: #fff !important;
}
@media (min-width: 768px) {
    .components-plan-product__button--active {
        color: #004098 !important;
        background: #fff !important;
    }
}

.components-plan-product__tab-content {
    display: none;
}

.components-plan-product__tab-content--active {
    display: block;
}

.components-plan-product__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
@media (min-width: 768px) {
    .components-plan-product__slider {
        margin-top: 0;
    }
}
.components-plan-product__slider:only-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 768px) {
    .components-plan-product__slider:only-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.components-plan-product__slider .slick-list {
    padding-left: 0 !important;
}

.components-plan-product__slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.components-plan-product__slider .slick-slide {
    margin: 10px;
}

.components-plan-product__title-english--position-init {
    position: initial;
}

@media (min-width: 768px) {
    .components-plan-product__empty-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 30px;
    }
}

.components-plan-product__empty {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding-top: 34px;
    padding-bottom: 70px;
}
@media (min-width: 768px) {
    .components-plan-product__empty {
        padding-top: 96.5px;
        padding-bottom: 116.5px;
    }
}

.components-plan-product__empty-title {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    color: #373737;
}

@media (min-width: 768px) {
    .components-plan-product__empty--mobile {
        display: none;
    }
}

.components-plan-product__empty-subtitle {
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #616161;
}

.components-plan-product__empty-button {
    margin-bottom: 0;
}

.components-plan-product__remark {
    color: #373737;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    .components-plan-product__remark {
        padding-bottom: 50px;
    }
}

.modal {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}
.modal.in {
    display: block;
}
.modal .modal-content {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    max-width: 40%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
}
@media (max-width: 990px) {
    .modal .modal-content {
        max-width: 70%;
    }
}
@media (max-width: 768px) {
    .modal .modal-content {
        max-width: 60%;
    }
}
@media (max-width: 767px) {
    .modal .modal-content {
        max-width: 95%;
        overflow-y: auto;
        max-height: 95vh;
    }
}
.modal .modal-content .close-btn {
    color: #aaaaaa;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 15px;
    cursor: pointer;
}
.modal .modal-content .close-btn i {
    font-weight: 700;
    color: #949494;
}
.modal .modal-content .modal-header {
    padding-bottom: 15px;
    position: relative;
    margin-top: 15px;
}
.modal .modal-content .modal-body {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}
.modal .modal-content .modal-body .modal_icon {
    font-size: 60px;
}
.modal .modal-content .modal-body .modal_icon--success {
    color: #00DAEE;
}
.modal .modal-content .modal-body .modal_icon--fail {
    color: #FF5C56;
}
.modal .modal-content .modal-body .modal_icon + .modal_title {
    margin-top: 5px;
}
.modal .modal-content .modal-body .modal_title {
    font-size: 20px;
    color: #373737;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}
.modal .modal-content .modal-body .modal_text {
    font-size: 17px;
    color: #373737;
    margin: 10px 0;
}
.modal .modal-content .modal-body .modal_text--left {
    text-align: left;
}
.modal .modal-content .modal-body .modal_account_tips {
    font-size: 17px;
    line-height: 26px;
    color: #616161;
}
.modal .modal-content .modal-body .modal_list {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}
.modal .modal-content .modal-body .modal_list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal .modal-content .modal-body .modal_list > li:not(.modal .modal-content .modal-body .modal_list > li:last-child) {
    margin-bottom: 6px;
}
.modal .modal-content .modal-body .modal_list > li span {
    color: #373737;
}
.modal .modal-content .modal-body .modal_list > li span:nth-child(2) {
    text-align: right;
}
.modal .modal-content .modal-body .modal_term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal .modal-content .modal-body .modal_term span {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
}
.modal .modal-content .modal-footer {
    text-align: center;
    font-size: 17px;
    margin-top: 15px;
}
.modal .modal-content .modal-footer .btn + .btn {
    margin: 15px 0;
}
.modal .modal-content .modal-footer .btn_contained--gray {
    font-weight: 400;
    font-size: 17px;
}
.modal .modal-content.modal-sm {
    max-width: 500px;
}

#reSubscriptionModal .modal-body p + p {
    margin-top: 5px;
}
#reSubscriptionModal .modal_text {
    margin: 0;
}

.teacher_resource_list .topicCategory .list .item .link, .teacher_resource .resource_container .resource_detail .resource_list dd .topicLink {
    display: inline-block;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #373737;
}

.teacher_resource {
    padding-bottom: 0px;
}
.teacher_resource .resource_container .resource_container_header {
    border-bottom: 1px solid #EFF3EF;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.teacher_resource .resource_container .resource_title {
    font-size: 28px;
    line-height: 1.4;
    display: inline-block;
    margin: 10px 0 15px;
}
@media (max-width: 465px) {
    .teacher_resource .resource_container .resource_title {
        font-size: 24px;
    }
}
.teacher_resource .resource_container .resource_detail .lock_info {
    margin-bottom: 10px;
}
.teacher_resource .resource_container .resource_detail .resource_list {
    margin-bottom: 10px;
}
.teacher_resource .resource_container .resource_detail .resource_list dt, .teacher_resource .resource_container .resource_detail .resource_list dd, .teacher_resource .resource_container .resource_detail .resource_list dd a {
    font-size: 17px;
    font-weight: 400;
}
.teacher_resource .resource_container .resource_detail .resource_list dt {
    color: #949494;
}
.teacher_resource .resource_container .resource_detail .resource_list dd {
    color: #373737;
}
.teacher_resource .resource_container .resource_detail .resource_list dd .link {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.teacher_resource .resource_container .resource_detail .resource_list dd .topicLink {
    border-radius: 5px;
    background-color: #ECF0F7;
    margin-bottom: 6px;
}
@media only screen and (min-width:769px) {
    .teacher_resource .resource_container .resource_detail .resource_list dd .topicLink:hover {
        background-color: #004098;
        color: #FFF;
    }
}
.teacher_resource .resource_container .resource_detail .resource_list dd .topicLink:not(:last-child) {
    margin-right: 6px;
}
.teacher_resource .resource_container .resource_detail .resource_list .resource_list_item {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
}
.teacher_resource .resource_container .resource_detail .resource_list .resource_list_item:not(:last-child) {
    margin-bottom: 8px;
}
.teacher_resource .resource_container .resource_detail .resource_btn {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.teacher_resource .resource_container .resource_detail .resource_btn [data-btn=download] {
    margin-right: 5px;
}
.teacher_resource .resource_container .resource_detail .resource_btn .resource_btnText.btn_main {
    margin-bottom: unset;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collectGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collectGroup:hover .btn_collect_tooltip::before, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collectGroup:hover .btn_collect_tooltip::after,
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collectGroup:hover .btn_collect_tooltip--lock::before,
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collectGroup:hover .btn_collect_tooltip--lock::after {
    opacity: 1;
    display: inline-block;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collect {
    color: #004098;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collect i {
    font-size: 28px;
    margin: 0 7px;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_text {
    margin-left: -5px;
    color: #004098;
    font-weight: 400;
    font-size: 17px;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip::before {
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #004098;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip::after {
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #004098 transparent transparent transparent;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip--lock::before {
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #BABABA;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collect_tooltip--lock::after {
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #BABABA transparent transparent transparent;
}
.teacher_resource .resource_container .resource_detail .resource_btn .btn_collect--lock, .teacher_resource .resource_container .resource_detail .resource_btn .btn_collect--lock + .btn_collect_text {
    color: #BABABA;
}
.teacher_resource .resource_container .resource_detail .resource_btn--mobile {
    padding: 16px 12px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 14;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
}
.teacher_resource .resource_container .resource_detail .resource_btn--mobile .btn_main,
.teacher_resource .resource_container .resource_detail .resource_btn--mobile .btn_primary {
    width: 100%;
    margin-bottom: unset;
}
.teacher_resource .resource_container .resource_detail .resource_download {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}
.teacher_resource .resource_container .resource_detail .resource_download .icon-download {
    font-size: 16px;
}
.teacher_resource .resource_container .resource_detail .resource_download .text, .teacher_resource .resource_container .resource_detail .resource_download .count {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #373737;
}
.teacher_resource .resource_container .resource_detail .resource_download .count {
    margin-right: 4px;
}
@media (max-width: 875px) {
    .teacher_resource .resource_container .resource_detail [data-status=member] .btn_collectGroup {
        margin: 6px 0 0 6px;
    }
}
@media (max-width: 767px) {
    .teacher_resource .resource_container .resource_detail [data-status=member] .btn_collectGroup {
        margin: unset;
    }
}
@media (max-width: 347px) {
    .teacher_resource .resource_container .resource_detail [data-status=member] .btn_collectGroup {
        margin: 6px 0 0 6px;
    }
}
@media (max-width: 300px) {
    .teacher_resource .resource_container .resource_detail [data-status=nonSubscriber],
    .teacher_resource .resource_container .resource_detail [data-status=visitor] {
        max-width: 210px;
    }
    .teacher_resource .resource_container .resource_detail [data-status=nonSubscriber] .btn_collectGroup,
    .teacher_resource .resource_container .resource_detail [data-status=visitor] .btn_collectGroup {
        margin: 6px 0 0 6px;
    }
}
.teacher_resource .resource_container .resource_container_body {
    padding-bottom: 20px;
}
.teacher_resource .resource_container .resource_container_body .resource_content b {
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block;
}
.teacher_resource .resource_container .resource_container_body .resource_content p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.teacher_resource .resource_container .resource_container_body .resource_content p a {
    font-size: 18px;
    color: #004098;
}
.teacher_resource .resource_container .resource_container_body .resource_content h2 {
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;
    margin: 10px 0 5px 0;
}
.teacher_resource .resource_container .resource_container_body .resource_content h3 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    margin: 10px 0 5px 0;
}
.teacher_resource .resource_container .resource_container_body .resource_content a {
    font-size: 18px;
    color: #004098;
}
.teacher_resource .resource_container .resource_container_body .resource_content ul {
    margin-left: 25px;
}
.teacher_resource .resource_container .resource_container_body .resource_content ul li {
    list-style-type: disc;
    margin-bottom: 3px;
    font-size: 18px;
}
.teacher_resource .resource_container .resource_container_body .resource_content ol {
    margin-left: 25px;
}
.teacher_resource .resource_container .resource_container_body .resource_content ol li {
    list-style-type: decimal;
    margin-bottom: 3px;
    font-size: 18px;
}
.teacher_resource .resource_container .resource_container_body .author_info_container .author_info p {
    margin-bottom: 10px;
}
.teacher_resource .resource_container .resource_container_body .author_info_container .author_info a {
    color: #004098;
}
.teacher_resource .resource_container .resource_container_body .author_info_container .author_info i {
    margin-right: 3px;
}
.teacher_resource .resource_recommend {
    background-color: #F5F5F5;
}
@media only screen and (min-width:769px) {
    .teacher_resource .resource_recommend {
        padding-bottom: 45px;
    }
}
.teacher_resource .resource_recommend .contain > .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    color: #373737;
    margin-bottom: 10px;
}
@media only screen and (min-width:769px) {
    .teacher_resource .resource_recommend .contain > .title {
        font-size: 20px;
    }
}
.teacher_resource .resource_recommend .cardList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 20px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}
@media only screen and (min-width:769px) {
    .teacher_resource .resource_recommend .cardList {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}
@media only screen and (min-width:992px) {
    .teacher_resource .resource_recommend .cardList {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.teacher_resource .resource_recommend .cardList .item:nth-child(5) {
    display: none;
}
@media only screen and (min-width:992px) {
    .teacher_resource .resource_recommend .cardList .item:nth-child(5) {
        display: block;
    }
}

.resource_images {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .resource_images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.resource_images li {
    display: block;
    outline: none;
    border: none;
}
.resource_images figure {
    display: block;
    outline: none;
    border: none;
}
.resource_images a {
    display: block;
    outline: none;
    border: none;
}
.resource_images img {
    display: block;
    outline: none;
    border: none;
}
.resource_images .resource_slider {
    max-height: 390px;
    width: 390px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #EFF3EF;
    overflow: hidden;
}
.resource_images .resource_slider a {
    display: inline-block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
}
.resource_images .resource_slider a img {
    text-align: center;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .resource_images .resource_slider {
        max-height: inherit;
        height: auto;
    }
}
@media (max-width: 990px) {
    .resource_images .resource_slider {
        height: 350px;
        width: 350px;
    }
    .resource_images .resource_slider a img {
        max-height: inherit;
    }
}
@media (max-width: 767px) {
    .resource_images .resource_slider {
        height: 340px;
        width: 340px;
    }
    .resource_images .resource_slider a img {
        max-height: inherit;
    }
}
@media (max-width: 465px) {
    .resource_images .resource_slider {
        width: 100%;
        height: auto;
        max-height: inherit;
        margin-left: 0;
    }
    .resource_images .resource_slider img {
        width: 100%;
        max-height: inherit;
        height: auto;
    }
}
.resource_images .resource_slider figure {
    margin: 0 auto;
    padding: 0 2em;
}
.resource_images .resource_slider figure a {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.resource_images .resource_slider figure a img {
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
}
.resource_images .resource_slider .slick-arrow.slick-prev {
    left: 0;
}
.resource_images .resource_slider .slick-arrow.slick-next {
    right: 0;
}
.resource_images .resource_slider .slider_counter {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    mix-blend-mode: difference;
    pointer-events: none;
    display: none;
}
@media (max-width: 465px) {
    .resource_images .resource_slider .slider_counter {
        display: block;
    }
}
.resource_images .thumb_nav {
    max-height: 390px;
    width: 70px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0;
}
@media (max-width: 990px) {
    .resource_images .thumb_nav {
        max-height: 350px;
    }
}
@media (max-width: 767px) {
    .resource_images .thumb_nav {
        max-height: 340px;
    }
}
@media (max-width: 465px) {
    .resource_images .thumb_nav {
        display: none;
    }
}
.resource_images .thumb_nav li {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EFF3EF;
    border-radius: 5px;
    overflow: hidden;
}
.resource_images .thumb_nav li img {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border: 1px solid none;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.resource_images .thumb_nav li:hover, .resource_images .thumb_nav li:focus, .resource_images .thumb_nav li.slick-current {
    border-color: #00DAEE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.resource_images .thumb_nav .slick-slide {
    margin: 3px 0;
}
.resource_images .thumb_nav.slick-slider {
    margin: -3px 0;
}
.resource_images .thumb_nav.slick-slider .slick-arrow {
    position: absolute;
    top: 45%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 32px;
    cursor: pointer;
    z-index: 2;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    text-align: center;
    vertical-align: middle;
    margin-top: 0px;
}
.resource_images .thumb_nav.slick-slider .slick-arrow.slick-prev {
    top: -22px;
    left: initial;
    right: 25px;
    background-color: rgba(0, 0, 0, 0.5);
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #fff;
    width: auto;
}
.resource_images .thumb_nav.slick-slider .slick-arrow.slick-next {
    bottom: -30px;
    top: initial;
    left: 25px;
    right: inherit;
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    width: auto;
    line-height: 70px;
    height: 70px;
    color: #fff;
}

.fancybox-button {
    background-color: rgba(0, 218, 238, 0.8);
    color: inherit;
}

.fancybox-button svg path {
    color: #ffffff;
}

.fancybox-infobar span {
    color: #ffffff;
}

.teacher_resource_list .resourceCard,
.materialCategory .resourceCard,
.teacher_resource .resourceCard {
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background-color: #FFF;
}
.teacher_resource_list .resourceCard .tagWrap,
.materialCategory .resourceCard .tagWrap,
.teacher_resource .resourceCard .tagWrap {
    display: none;
}

.teacher_resource_list .edm,
.materialCategory .edm {
    border-radius: 5px;
    padding: 30px 20px 40px;
    background-color: rgba(0, 64, 152, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.teacher_resource_list .edm .imageWrap,
.materialCategory .edm .imageWrap {
    display: inline-block;
    width: 124px;
    margin-bottom: 10px;
}
.teacher_resource_list .edm .title,
.materialCategory .edm .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.teacher_resource_list .edm .description,
.materialCategory .edm .description {
    margin-bottom: 10px;
    max-width: 450px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #373737;
}
.teacher_resource_list .edm .btn_main,
.materialCategory .edm .btn_main {
    margin-bottom: unset;
}
.teacher_resource_list .termsOfUse,
.materialCategory .termsOfUse {
    padding: 15px 3%;
    color: #373737;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .termsOfUse,
    .materialCategory .termsOfUse {
        text-align: center;
        padding: 15px 0;
    }
}
.teacher_resource_list .termsOfUse,
.teacher_resource_list .termsOfUse .btn_basic,
.materialCategory .termsOfUse,
.materialCategory .termsOfUse .btn_basic {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
.teacher_resource_list .termsOfUse .btn_basic,
.materialCategory .termsOfUse .btn_basic {
    color: #004098;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.teacher_resource_list .mask,
.materialCategory .mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    background-color: transparent;
    width: 100vw;
    height: 100vh;
}

.teacher_resource_list {
    background-color: #FFF;
}
.teacher_resource_list .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}
.teacher_resource_list .head .title {
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.teacher_resource_list .head .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.teacher_resource_list .head .link .count {
    font-weight: 500;
}
.teacher_resource_list .head .link .icon-arrow-right {
    margin-left: 3px;
    top: unset;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .filterBlock {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}
.teacher_resource_list .filterBlock .filterGroup {
    margin: 0 auto;
    max-width: 865px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 5;
}
.teacher_resource_list .filterBlock .filterGroup > .title {
    display: none;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .filterBlock .filterGroup > .title {
        display: block;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
        color: #373737;
    }
}
.teacher_resource_list .filterBlock .filterGroup .filterBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    position: relative;
    z-index: 5;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    border: 1px solid #bababa;
    border-radius: 5px 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 7px;
    padding-bottom: 7px;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .filterBlock .filterGroup .filterBar .group {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group > div + div {
    border-left: 1px solid #EFEFEF;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade,
    .teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject {
        position: relative;
        z-index: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .itemHead,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .itemHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .title,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .title {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #949494;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .title.active,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .title.active {
    color: #373737;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .icon-arrow,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .icon-arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 12px;
    line-height: 1;
    color: #616161;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade:hover,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject:hover {
    cursor: pointer;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade:hover .formWarp,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject:hover .formWarp {
    display: block;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade:hover .icon-arrow,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject:hover .icon-arrow {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    color: #004098;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .formWarp,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .formWarp {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    padding-top: 50px;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .formWarp.hidden,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .formWarp.hidden {
    display: none;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .filterForm,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .filterForm {
    padding: 20px;
    border-radius: 5px;
    background-color: #FFF;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    max-height: 50vh;
    overflow-y: auto;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .filterForm .formTitle,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .filterForm .formTitle {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    margin-bottom: 12px;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .filterForm .itemGroup,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .filterForm .itemGroup {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 18px;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .grade .filterForm .itemGroup label,
.teacher_resource_list .filterBlock .filterGroup .filterBar .group .subject .filterForm .itemGroup label {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #373737;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .searchBtn {
    border-radius: 0 5px 5px 0;
    padding: 0 10px;
    background-color: #004098;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .filterBlock .filterGroup .filterBar .searchBtn {
        padding: 0 15px;
    }
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .searchBtn:hover {
    background-color: #0051C1;
}
.teacher_resource_list .filterBlock .filterGroup .filterBar .searchBtn .icon {
    font-size: 20px;
    line-height: 1;
    color: #FFF;
    position: relative;
    top: 1px;
}
.teacher_resource_list .filterBlock .filterFactor {
    margin: 0 auto;
    max-width: 800px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.teacher_resource_list .filterBlock .filterFactor .item,
.teacher_resource_list .filterBlock .filterFactor .clearBtn {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}
.teacher_resource_list .filterBlock .filterFactor .item {
    padding: 6px 12px;
    color: #373737;
    background-color: rgba(0, 64, 152, 0.05);
    border-radius: 30px;
}
.teacher_resource_list .filterBlock .filterFactor .clearBtn {
    display: none;
    color: #949494;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.teacher_resource_list .recommend {
    padding-top: 0;
    padding-bottom: 30px;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .recommend {
        padding-top: 0;
        padding-bottom: 50px;
    }
}
.teacher_resource_list .recommend .cardList {
    display: grid;
    row-gap: 20px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .recommend .cardList {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}
@media only screen and (min-width:992px) {
    .teacher_resource_list .recommend .cardList {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.teacher_resource_list .recommend .cardList .item:nth-child(5) {
    display: none;
}
@media only screen and (min-width:992px) {
    .teacher_resource_list .recommend .cardList .item:nth-child(5) {
        display: block;
    }
}
.teacher_resource_list .topic {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: rgba(0, 64, 152, 0.03);
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .topic {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
.teacher_resource_list .topic .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .topic .contain {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }
}
.teacher_resource_list .topic .contain .btn-more {
    margin-top: 20px;
    -ms-flex-item-align: center;
    align-self: center;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .topic .contain .btn-more {
        display: none;
    }
}
.teacher_resource_list .topic .info .title {
    margin-bottom: 30px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.teacher_resource_list .topic .info .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.teacher_resource_list .topic .info .description {
    margin-bottom: 30px;
}
.teacher_resource_list .topic .info .btn_main {
    display: none;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .topic .info .btn_main {
        display: inline-block;
    }
}
.teacher_resource_list .topic .slider .imgWrap {
    padding: 8px;
    aspect-ratio: 1/1;
    background-color: #FFF;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
}
.teacher_resource_list .topic .slider .slick-slide {
    margin: 0 10px;
}
.teacher_resource_list .topic .slider .slick-list {
    padding-left: 0 !important;
}
.teacher_resource_list .topicCategory {
    padding-top: 30px;
    padding-bottom: 45px;
    border-bottom: 1px solid rgba(0, 64, 152, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .topicCategory {
        padding-top: 50px;
        padding-bottom: 65px;
    }
}
.teacher_resource_list .topicCategory .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: #004098;
    margin-bottom: 35px;
}
.teacher_resource_list .topicCategory .list {
    max-width: 865px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}
@media only screen and (min-width: 425px) {
    .teacher_resource_list .topicCategory .list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media only screen and (min-width:576px) {
    .teacher_resource_list .topicCategory .list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .topicCategory .list {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}
.teacher_resource_list .topicCategory .list .item {
    border-radius: 5px;
    background-color: #ECF0F7;
    text-align: center;
}
@media only screen and (min-width:992px) {
    .teacher_resource_list .topicCategory .list .item:hover {
        background-color: #004098;
    }
    .teacher_resource_list .topicCategory .list .item:hover .link {
        color: #FFF;
    }
}
.teacher_resource_list .popularDownload {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .popularDownload {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
.teacher_resource_list .popularDownload > .title {
    margin-bottom: 35px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.teacher_resource_list .popularDownload > .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.teacher_resource_list .popularDownload .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.teacher_resource_list .popularDownload .content .cardList {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    display: grid;
    row-gap: 20px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .popularDownload .content .cardList {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.teacher_resource_list .popularDownload .content .ad-cover {
    width: 100%;
    min-width: 300px;
}
@media only screen and (min-width:1024px) {
    .teacher_resource_list .popularDownload .content .ad-cover {
        width: 300px;
    }
}
.teacher_resource_list .free {
    background-color: rgba(0, 64, 152, 0.03);
    padding-top: 20px;
    padding-bottom: 30px;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .free {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
.teacher_resource_list .free .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    gap: 30px;
}
.teacher_resource_list .free .contain > .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.teacher_resource_list .free .cardList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 20px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}
@media only screen and (min-width:769px) {
    .teacher_resource_list .free .cardList {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.teacher_resource_list .free .edmBlock {
    width: 100%;
}
@media only screen and (min-width:1024px) {
    .teacher_resource_list .free .edmBlock {
        width: 300px;
        min-width: 300px;
    }
}

.materialCategory {
    padding-bottom: 20px;
}
@media only screen and (min-width:992px) {
    .materialCategory {
        padding-bottom: 50px;
    }
}
.materialCategory .topicCategory {
    padding: 20px 15px;
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);
}
.materialCategory .topicCategory--PC {
    display: none;
    border-radius: 5px;
}
@media only screen and (min-width:992px) {
    .materialCategory .topicCategory--PC {
        display: block;
    }
}
.materialCategory .topicCategory--mobile {
    display: none;
    position: absolute;
    z-index: 5;
    top: 57px;
    left: 0;
    width: 100%;
    border-top: 1px solid #EFEFEF;
    border-radius: 0px 0px 5px 5px;
    max-height: 50vh;
    overflow-y: auto;
}
@media only screen and (min-width:992px) {
    .materialCategory .topicCategory--mobile {
        display: none;
    }
}
.materialCategory .topicCategory .title {
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    color: #373737;
    margin-bottom: 15px;
    display: none;
}
@media only screen and (min-width:992px) {
    .materialCategory .topicCategory .title {
        display: block;
    }
}
.materialCategory .topicCategory .topicList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 7px;
}
@media only screen and (min-width:992px) {
    .materialCategory .topicCategory .topicList .item:hover a {
        color: #004098;
        background-color: #ECF0F7;
    }
    .materialCategory .topicCategory .topicList .item:hover a .icon-checked {
        font-size: 15px;
        line-height: 1;
        color: #004098;
        display: block;
    }
}
.materialCategory .topicCategory .topicList .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #373737;
}
.materialCategory .topicCategory .topicList .item a .icon-checked {
    display: none;
}
.materialCategory .topicCategory .topicList .item a.active {
    color: #004098;
    background-color: #ECF0F7;
}
.materialCategory .topicCategory .topicList .item a.active .icon-checked {
    font-size: 15px;
    line-height: 1;
    color: #004098;
    display: block;
}
.materialCategory .selectBar {
    position: sticky;
    z-index: 5;
    top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);
}
@media only screen and (min-width:992px) {
    .materialCategory .selectBar {
        display: none;
    }
}
.materialCategory .selectBar > .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    position: relative;
    z-index: 5;
}
.materialCategory .selectBar .head {
    position: relative;
    z-index: 5;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding: 7px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #bababa;
    border-radius: 5px;
}
.materialCategory .selectBar .head:hover .icon-arrow {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    color: #004098;
}
.materialCategory .selectBar .head .title {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #949494;
}
.materialCategory .selectBar .head .title.active {
    color: #373737;
}
.materialCategory .selectBar .head .icon-arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 12px;
    line-height: 1;
    color: #616161;
}
.materialCategory .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media only screen and (min-width:992px) {
    .materialCategory .contain {
        padding-top: 30px;
        gap: 30px;
    }
}
.materialCategory .contain .aside {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media only screen and (min-width:992px) {
    .materialCategory .contain .aside {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.materialCategory .contain .aside > div + div {
    margin-top: 40px;
}
@media only screen and (min-width:992px) {
    .materialCategory .contain .aside > div + div {
        margin-top: 20px;
    }
}
.materialCategory .contain .aside .edmBlock {
    margin-top: 0;
}
@media only screen and (min-width:992px) {
    .materialCategory .contain .aside .edmBlock {
        margin-top: 20px;
    }
}
.materialCategory .contain > .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media only screen and (min-width:992px) {
    .materialCategory .contain > .content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.materialCategory .contain > .content .head {
    margin-bottom: 20px;
}
.materialCategory .contain > .content .head .breadcrumb + .title,
.materialCategory .contain > .content .head .breadcrumb + .description {
    margin-top: 10px;
}
.materialCategory .contain > .content .head .title + .description {
    margin-top: 5px;
}
.materialCategory .contain > .content .head .breadcrumb a,
.materialCategory .contain > .content .head .breadcrumb span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #373737;
}
.materialCategory .contain > .content .head .breadcrumb a:hover {
    opacity: 0.8;
}
.materialCategory .contain > .content .head .breadcrumb .icon {
    font-size: 13px;
    color: #949494;
}
.materialCategory .contain > .content .head .title {
    font-size: 24px;
    font-weight: 700;
    color: #373737;
    line-height: 1.6;
}
.materialCategory .contain > .content .head .description {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    color: #616161;
}
.materialCategory .contain > .content .cardList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 20px;
    margin-bottom: 20px;
}
@media only screen and (min-width:769px) {
    .materialCategory .contain > .content .cardList {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (min-width:1024px) {
    .materialCategory .contain > .content .cardList {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.event_list .tagWrap,
.event_page .tagWrap {
    min-height: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.event_list .tagWrap .dollarSign,
.event_page .tagWrap .dollarSign {
    padding-left: 6px;
    padding-right: 6px;
}

@media (max-width: 767px) {
    .event_page .text-center {
        display: none;
    }
}
.event_page--series .event_header_imageWrap .event_header_image .tag {
    display: inline-block;
}

.event_head {
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .event_head {
        margin-bottom: 10px;
    }
}
.event_head--h1 {
    font-size: 26px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.event_head--h1 a:hover {
    color: #004098;
}
.event_head--h1 a:nth-child(2) {
    margin-left: 10px;
}
.event_head--h1 i {
    color: #bababa;
    font-size: 0.8em;
    margin: 0 0.15em;
}
.event_head--text {
    height: 40px;
    line-height: 40px;
    float: right;
    vertical-align: middle;
    color: #616161;
}
@media (max-width: 767px) {
    .event_head--text {
        font-size: 14px;
    }
}
.event_head--text li {
    display: inline;
    color: #949494;
    cursor: pointer;
}
.event_head--text li:first-child {
    position: relative;
    margin-right: 5px;
}
.event_head--text li:first-child::after {
    display: inline-block;
    content: "";
    position: relative;
    width: 1px;
    height: 15px;
    top: 2px;
    right: -5px;
    background-color: #e0e0e0;
}
.event_head--text li:hover {
    color: #004098;
}
.event_head--text p {
    color: #616161;
    margin-left: 0;
}
.event_head--text p em {
    color: #004098;
    font-style: normal;
    margin: 0 5px;
}
.event_head--p {
    display: inline-block;
    margin-left: 10px;
    top: -3px;
    position: relative;
}
.event_head--p:hover {
    color: #004098;
}

.event_promo {
    padding-top: 30px;
    /* 活動列表主活動區塊 */
}
@media (max-width: 768px) {
    .event_promo {
        padding-top: 0;
    }
    .event_promo .contain {
        padding: 0;
    }
}
.event_promo .main_event {
    background-color: #FFF;
    margin-bottom: 0;
}
.event_promo .main_event .event_card_cover {
    overflow: hidden;
}
.event_promo .main_event .event_card_cover .tag {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 8px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 5px 5px;
}
.event_promo .main_event .event_card_body {
    padding: 20px 20px 15px 20px;
    margin-left: -8.5%;
}
@media (max-width: 990px) {
    .event_promo .main_event .event_card_body {
        margin-left: 0;
    }
}
.event_promo .main_event .event_card_body a:hover .event_card_title {
    opacity: 0.8;
}
.event_promo .main_event .event_card_body .tagWrap {
    margin-bottom: 8px;
}
.event_promo .main_event .event_card_body .event_card_title {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.event_promo .main_event .event_card_body .event_card_text {
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.event_promo .main_event .event_card_body .event_card_info {
    border-top: none;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
}
.event_promo .main_event .event_card_body .event_card_info li {
    display: block;
}
.event_promo .main_event .event_card_body .event_card_info li i {
    position: relative;
    top: 2px;
    font-size: 1rem;
    margin-right: 3px;
    color: #00DAEE;
}
.event_promo .main_event .event_card_body .event_card_info li,
.event_promo .main_event .event_card_body .event_card_info li .speaker_title,
.event_promo .main_event .event_card_body .event_card_info li .speaker_name a {
    color: #949494;
}
.event_promo .main_event .event_card_body .event_card_info li .speaker_title {
    margin-right: 3px;
}
.event_promo .main_event .event_card_body .event_card_info .signup_date {
    color: #004098;
    margin-bottom: 3px;
}
@media (max-width: 767px) {
    .event_promo .main_event .event_card_body .event_card_btn a {
        width: 49%;
        text-align: center;
    }
}
.event_promo .main_event .event_card_body .lock_info {
    display: inline-block;
    font-size: 13px;
    padding: 0 5px;
    margin-bottom: 8px;
    margin-right: 5px;
    border-radius: 3px;
    background-color: rgba(0, 64, 152, 0.08);
}
.event_promo--series {
    background-color: #ECF0F7;
}
.event_promo--series .main_event .event_card_cover {
    position: relative;
}
.event_promo--series .main_event .event_card_cover .tag {
    display: inline-block;
}

.event_header {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: none;
    position: relative;
}
.event_header_imageWrap {
    z-index: 1;
    position: relative;
    max-height: 450px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.event_header_imageWrap .event_header_image {
    position: relative;
    max-width: 800px;
    width: 800px;
    height: inherit;
}
.event_header_imageWrap .event_header_image > div {
    width: 100%;
    height: inherit;
}
.event_header_imageWrap .event_header_image .tag {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 8px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 5px 5px;
}
.event_header_imageWrap .event_header_image--mask {
    position: absolute;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.event_header_imageWrap .event_header_image--mask .event_header_playBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(100deg, #96F187 0%, #00DCEB 100%);
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.event_header_imageWrap .event_header_image--mask .event_header_playBtn .icon-arrow {
    font-size: 36px;
    line-height: 1;
    color: #FFF;
    position: relative;
    left: 1px;
}
@media (max-width: 767px) {
    .event_header_imageWrap .event_header_image--mask .event_header_playBtn {
        width: 40px;
        height: 40px;
    }
    .event_header_imageWrap .event_header_image--mask .event_header_playBtn .icon-arrow {
        font-size: 20px;
    }
}
.event_header_imageWrap .event_header_image--mask .event_header_playBtn:hover {
    cursor: pointer;
}
.event_header_imageWrap .event_header_image--mask .event_header_playText,
.event_header_imageWrap .event_header_image--mask span {
    font-weight: 300;
    font-size: 17px;
    color: #fff;
}
@media (max-width: 767px) {
    .event_header_imageWrap .event_header_image--mask .event_header_playText,
    .event_header_imageWrap .event_header_image--mask span {
        font-size: 15px;
    }
}
.event_header_imageWrap .event_header_image--mask .event_header_playText span {
    font-weight: 700;
}
.event_header .event_cover {
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    width: 100%;
    height: 450px;
    -webkit-filter: brightness(1) grayscale(1%) blur(40px);
    filter: brightness(1) grayscale(1%) blur(40px);
    background-position: center center;
    background-size: cover;
    background-image: url(../images/event01.png);
}

.event_container {
    max-width: 800px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.event_container .event_title--h1 {
    margin: 15px 0 20px;
}
@media (max-width: 767px) {
    .event_container .event_title--h1 {
        margin: 10px 0 20px;
    }
}
.event_container .event_title--h1 .event_title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
}
@media (max-width: 767px) {
    .event_container .event_title--h1 .event_title {
        font-size: 27px;
    }
}
.event_container .event_title--h1 a.event_title:hover {
    color: #373737;
    opacity: 0.8;
}
.event_container .event_title--h1 .subEvent_title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 15px;
}
@media (max-width: 767px) {
    .event_container .event_title--h1 .subEvent_title {
        font-size: 20px;
    }
}
.event_container .event_content_session .count,
.event_container .event_side_session .count {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #00DAEE;
    margin-left: 10px;
    margin-right: 2px;
}
.event_container .event_content_session .text,
.event_container .event_side_session .text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    position: relative;
    top: 1px;
}
.event_container .event_container_body .event_content {
    margin-bottom: 10px;
}
.event_container .event_container_body .event_content .description h2 {
    font-size: 19px;
    line-height: 1.4;
    margin: 20px 0 0;
    font-weight: 700;
    position: relative;
    padding-left: 12px;
}
.event_container .event_container_body .event_content .description h2::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 20px;
    left: 0;
    top: 4px;
    background-color: #00DAEE;
}
.event_container .event_container_body .event_content .description p {
    font-size: 18px;
    line-height: 1.8;
    margin: 15px 0;
    word-break: break-all;
}
.event_container .event_container_body .event_content .description ul,
.event_container .event_container_body .event_content .description ol {
    margin-top: 15px;
    margin-left: 25px;
}
.event_container .event_container_body .event_content .description ul li,
.event_container .event_container_body .event_content .description ol li {
    list-style-type: decimal;
    margin-bottom: 3px;
    font-size: 18px;
    word-break: break-all;
}
.event_container .event_container_body .event_content .description ul li {
    list-style-type: disc;
}
.event_container .event_container_body .event_content .description a {
    color: #004098;
}
.event_container .event_container_body .event_content_wrap {
    margin-bottom: unset;
    overflow: hidden;
}
.event_container .event_container_body .event_content_session {
    scroll-margin-top: 80px;
}
.event_container .event_container_body .event_content_session .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.event_container .event_container_body .event_content_session .session_slider {
    margin-top: 13px;
    margin-left: -7.5px;
}
.event_container .event_container_body .event_content_session .session_slider .slick-list {
    padding-left: 0 !important;
}
.event_container .event_container_body .event_content_session .session_slider .slick-slide {
    margin: 0 7.5px;
}
.event_container .event_container_body .event_content_session .eventCard {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #D9E2F0;
}
.event_container .event_container_body .event_content_session .eventCard:hover .eventCard_title,
.event_container .event_container_body .event_content_session .eventCard:hover .authors span {
    opacity: 0.8;
}
.event_container .event_container_body .event_content_session .eventCard_head .imgWrap {
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
}
.event_container .event_container_body .event_content_session .eventCard_head .imgWrap .icon {
    opacity: 0;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: linear-gradient(100deg, #96F187 0%, #00DCEB 100%);
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.event_container .event_container_body .event_content_session .eventCard_head .imgWrap .icon .icon-arrow {
    font-size: 15px;
    line-height: 1;
    color: #FFF;
    position: relative;
    left: 1px;
}
@media (max-width: 767px) {
    .event_container .event_container_body .event_content_session .eventCard_head .imgWrap .icon {
        width: 25px;
        height: 25px;
    }
    .event_container .event_container_body .event_content_session .eventCard_head .imgWrap .icon .icon-arrow {
        font-size: 15px;
    }
}
.event_container .event_container_body .event_content_session .eventCard_body .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #949494;
    margin: 0 0 5px;
}
.event_container .event_container_body .event_content_session .eventCard--end .eventCard_head .imgWrap .icon {
    opacity: 1;
}
.event_container .event_container_body .event_content_session .eventCard .eventCard_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.event_container .event_container_body .event_content_session .eventCard .authors {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.event_container .event_container_body .event_content_session .eventCard .authors,
.event_container .event_container_body .event_content_session .eventCard .authors span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #949494;
}
.event_container .event_container_body .event_content_session .eventCard .authors .icon-user {
    font-size: 15px;
    line-height: 1;
    color: #00DAEE;
    margin-right: 5px;
}
.event_container .event_container_body .slideBtn {
    display: block;
    padding-top: 13px;
    width: 100%;
}
.event_container .event_container_body .slideBtn .text,
.event_container .event_container_body .slideBtn .icon-arrow-down {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #004098;
}
.event_container .event_container_body .slideBtn .icon-arrow-down {
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.event_container .event_container_body .slideBtn_mask {
    position: relative;
}
.event_container .event_container_body .slideBtn_mask::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 77px;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#FFF));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
.event_container .event_container_body .event_farther {
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    padding: 15px;
    margin: 20px 0;
}
.event_container .event_container_body .event_farther ul {
    margin-left: 25px;
}
.event_container .event_container_body .event_farther ul li {
    list-style-type: disc;
    margin-bottom: 3px;
    font-size: 15px;
    color: #616161;
    word-break: break-all;
}
.event_container .event_container_body .text-center {
    display: none;
}
@media (max-width: 767px) {
    .event_container .event_container_body .text-center {
        display: block;
        margin-bottom: 13px;
    }
}
.event_container .event_side {
    border-radius: 3px;
}
.event_container .event_side--sticky {
    position: sticky;
    z-index: 1;
    top: 85px;
}
.event_container .event_side .event_side_container {
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid whitesmoke;
    padding: 25px;
    border-radius: 3px;
}
.event_container .event_side .event_side_container .event_side_content .signup_date,
.event_container .event_side .event_side_container .event_side_content .signup_text {
    font-size: 15px;
    color: #004098;
}
.event_container .event_side .event_side_container .event_side_content .signup_password {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    margin-top: 10px;
}
.event_container .event_side .event_side_container .event_side_content .signup_btn {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin: 10px 0;
}
.event_container .event_side .event_side_container .event_side_content .signup_btn .btn, .event_container .event_side .event_side_container .event_side_content .signup_btn.btn_main {
    width: 100%;
    text-align: center;
}
.event_container .event_side .event_side_container .event_side_content .signup_note {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #FF5C56;
}
.event_container .event_side .event_side_container .event_mainTitle {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.event_container .event_side .event_side_container .event_mainTitle:hover {
    opacity: 0.8;
}
.event_container .event_side .event_side_container .event_side_session {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .event_container .event_side .event_side_container[data-show] {
        display: none;
    }
}
.event_container .event_side_list {
    padding: 15px 10px;
    border-radius: 5px;
    background-color: #F2F5FA;
}
.event_container .event_side_list .eventItem {
    display: inline-block;
}
.event_container .event_side_list .eventItem + .eventItem {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 64, 152, 0.05);
}
.event_container .event_side_list .eventCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}
.event_container .event_side_list .eventCard_head {
    width: 40%;
}
@media (max-width: 767px) {
    .event_container .event_side_list .eventCard_head {
        width: 30%;
    }
}
.event_container .event_side_list .eventCard_head .imgWrap {
    position: relative;
    aspect-ratio: 16/9;
    border-radius: 5px;
    overflow: hidden;
}
.event_container .event_side_list .eventCard_head .imgWrap .icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: linear-gradient(100deg, #96F187 0%, #00DCEB 100%);
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 5px;
    right: 5px;
    opacity: 0;
}
.event_container .event_side_list .eventCard_head .imgWrap .icon .icon-arrow {
    font-size: 10px;
    line-height: 1;
    color: #FFF;
    position: relative;
    left: 1px;
}
@media (max-width: 767px) {
    .event_container .event_side_list .eventCard_head .imgWrap .icon {
        width: 15px;
        height: 15px;
    }
    .event_container .event_side_list .eventCard_head .imgWrap .icon .icon-arrow {
        font-size: 10px;
    }
}
.event_container .event_side_list .eventCard_body {
    width: 60%;
}
@media (max-width: 767px) {
    .event_container .event_side_list .eventCard_body {
        width: 70%;
    }
}
.event_container .event_side_list .eventCard_body .title {
    font-size: 15px;
    line-height: 1.4;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.event_container .event_side_list .eventCard_body .title.highlight {
    font-weight: 700;
}
.event_container .event_side_list .eventCard_body .title:hover {
    opacity: 0.8;
}

.event_info {
    font-size: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    color: #616161;
}
.event_info li {
    display: block;
    color: #616161;
}
.event_info li a {
    color: #616161;
}
.event_info li a:hover {
    color: #004098;
}
.event_info li i {
    position: relative;
    top: 2px;
    font-size: 1rem;
    margin-right: 5px;
    color: #00DAEE;
}
.event_info li.signup_date,
.event_info li .signup_text {
    display: none;
    color: #004098;
    margin-bottom: 5px;
}
@media (max-width: 767px) {
    .event_info li.signup_date,
    .event_info li .signup_text {
        display: inline-block;
    }
}
.event_info li.signup_listItem {
    margin-bottom: 5px;
}
.event_info li.signup_note {
    display: none;
    font-size: 14px;
    color: #FF5C56;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .event_info li.signup_note {
        display: block;
    }
}
.event_info li .speaker_title {
    color: #616161;
    margin-right: 3px;
}
.event_info li .signup_password {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    display: none;
}
@media (max-width: 767px) {
    .event_info li .signup_password {
        display: inline-block;
    }
}
.event_info li .speaker_name {
    color: #616161;
}
.event_info .signup_passwordWrap {
    margin-bottom: 10px;
}
.event_info .signup_btn {
    display: none;
}
.event_info .signup_btn .btn_primary, .event_info .signup_btn.btn_main {
    width: 100%;
    text-align: center;
}
@media (max-width: 767px) {
    .event_info .signup_btn {
        display: block;
    }
}

.mob_signup {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 13;
    background-color: rgba(255, 255, 255, 0.8);
}
.mob_signup .mob_signup_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 20px;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
.mob_signup .mob_signup_container .btn_primary,
.mob_signup .mob_signup_container .btn_main {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
}

.event .ad_box .ad-cover {
    margin-right: -7.6%;
}
@media (max-width: 990px) {
    .event .ad_box .ad-cover {
        margin-right: 0;
    }
}
.event_popular--series {
    background-color: #ECF0F7;
}

.event_list .eventCard {
    margin-bottom: 25px;
}
.event_list .eventCard .eventCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #F8F8F8;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.event_list .eventCard .eventCard_head {
    display: block;
    position: relative;
}
.event_list .eventCard .eventCard_head .tag {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 8px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 5px 5px;
}
.event_list .eventCard .eventCard_head .imgWrap {
    aspect-ratio: 16/9;
    position: relative;
}
.event_list .eventCard .eventCard_head .imgWrap .icon {
    opacity: 0;
}
.event_list .eventCard .eventCard_body {
    background-color: #FFF;
}
.event_list .eventCard .eventCard_body .tagWrap {
    min-height: 25.9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.event_list .eventCard .eventCard_body .dollarSign {
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 500;
}
.event_list .eventCard .eventCard_body .eventCard_tag--lock {
    background-color: rgba(0, 64, 152, 0.08);
}
.event_list .eventCard .eventCard_body .date {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: #949494;
}
.event_list .eventCard .eventCard_body .title {
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
    color: #373737;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.event_list .eventCard .eventCard_body .title:hover {
    opacity: 0.8;
}
.event_list .eventCard .eventCard_body .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.event_list .eventCard .eventCard_body .info i {
    position: relative;
    top: 1px;
    font-size: 16px;
    color: #00DAEE;
}
.event_list .eventCard .eventCard_body .info .address,
.event_list .eventCard .eventCard_body .info .authors {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.event_list .eventCard .eventCard_body .info .address {
    font-size: 14px;
    font-weight: 400;
    color: #949494;
    margin-right: 10px;
}
.event_list .eventCard .eventCard_body .info .authors,
.event_list .eventCard .eventCard_body .info .authors a {
    font-size: 14px;
    font-weight: 400;
    color: #949494;
}
.event_list .eventCard .eventCard_body .info .authors a:hover {
    opacity: 0.8;
}
.event_list .eventCard .eventCard_head {
    width: 100%;
}
.event_list .eventCard .eventCard_head .imgWrap .icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(100deg, #96F187 0%, #00DCEB 100%);
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.event_list .eventCard .eventCard_head .imgWrap .icon .icon-arrow {
    font-size: 20px;
    line-height: 1;
    color: #FFF;
    position: relative;
    left: 1px;
}
@media (max-width: 767px) {
    .event_list .eventCard .eventCard_head .imgWrap .icon {
        width: 40px;
        height: 40px;
    }
    .event_list .eventCard .eventCard_head .imgWrap .icon .icon-arrow {
        font-size: 20px;
    }
}
.event_list .eventCard .eventCard_body > div:first-child {
    padding: 10px;
}
.event_list .eventCard .eventCard_body .info {
    padding: 10px;
    border-top: 1px solid #F5F5F5;
}
.event_list .eventCard .eventCard_body .title {
    min-height: 54.39px;
}
.event_list .eventCard .eventCard--series {
    border: 1px solid #8CA9D1;
}
.event_list .eventCard .eventCard--series .eventCard_head .tag {
    display: inline-block;
}
.event_list .eventCard .eventCard--series .eventCard_body {
    background-color: #8CA9D1;
}
.event_list .eventCard .eventCard--series .eventCard_body .eventCard_tag--lock {
    background-color: #FFF;
}
.event_list .eventCard .eventCard--series .eventCard_body .title,
.event_list .eventCard .eventCard--series .eventCard_body .info .address,
.event_list .eventCard .eventCard--series .eventCard_body .info .authors,
.event_list .eventCard .eventCard--series .eventCard_body .info .authors a {
    color: #FFF;
}
.event_list .eventCard .eventCard--series .eventCard_body .date {
    color: rgba(255, 255, 255, 0.7);
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent {
    padding: 10px;
    border-top: 1px solid #7F9ECB;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .list {
    margin-left: 20px;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .list li {
    margin-bottom: 3px;
    font-size: 15px;
    word-break: break-all;
    color: #FFF;
    position: relative;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .list li::before {
    content: "•";
    display: block;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .list li::marker {
    vertical-align: middle;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .list li + li {
    margin-top: 3px;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .list li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #FFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .list li a:hover {
    opacity: 0.8;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .moreLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 20.8px;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .moreLink:hover {
    opacity: 0.8;
}
.event_list .eventCard .eventCard--series .eventCard_body .subEvent .moreLink .icon {
    font-size: 13px;
    position: relative;
    top: 0.5px;
}
.event_list .eventCard .eventCard--series .eventCard_body .info {
    border-top: 1px solid #7F9ECB;
}

.searchResult #resourceSearchResult,
.searchResult #eventSearchResult,
.searchResult #collegeSearchResult {
    display: none;
}
.searchResult #emptySearchResult {
    height: 40vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.searchResult #emptySearchResult .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    color: #373737;
    margin: 8px 0 5px 0;
}
.searchResult #emptySearchResult .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 15px;
    color: #616161;
}
.searchResult #emptySearchResult .btn_main {
    margin-top: 10px;
}
.searchResult #articleSearchResult section {
    padding: unset;
}
.searchResult #articleSearchResult .articleSearchResult_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.searchResult #articleSearchResult .articleSearchResult_card:not(:last-child) {
    margin-bottom: 25px;
}
@media (max-width: 990px) {
    .searchResult #articleSearchResult .articleSearchResult_card:not(:last-child) {
        margin-bottom: 20px;
    }
}
.searchResult #resourceSearchResult section {
    padding: unset;
}
.searchResult #resourceSearchResult .resourceSearchResult_cardGroup {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 22px;
    -moz-column-gap: 22px;
    column-gap: 22px;
    row-gap: 30px;
}
@media (max-width: 1200px) {
    .searchResult #resourceSearchResult .resourceSearchResult_cardGroup {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 990px) {
    .searchResult #resourceSearchResult .resourceSearchResult_cardGroup {
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 22px;
        -moz-column-gap: 22px;
        column-gap: 22px;
        row-gap: 20px;
    }
}
@media (max-width: 465px) {
    .searchResult #resourceSearchResult .resourceSearchResult_cardGroup {
        grid-template-columns: repeat(1, 1fr);
        -webkit-column-gap: unset;
        -moz-column-gap: unset;
        column-gap: unset;
    }
}
.searchResult #resourceSearchResult .resourceSearchResult_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.searchResult #resourceSearchResult .resourceCard_link {
    display: inline-block;
    margin-bottom: 10px;
}
.searchResult #resourceSearchResult .resourceCard_image {
    aspect-ratio: 1/1;
    margin-bottom: 10px;
}
.searchResult #resourceSearchResult .resourceCard_title {
    font-size: 17px;
    font-weight: 500;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 767px) {
    .searchResult #resourceSearchResult .resourceCard_title {
        font-weight: 400;
    }
}
.searchResult #resourceSearchResult .resourceCard_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult #resourceSearchResult .resourceCard_info .resourceCard_tag--lock {
    min-width: 84.59px;
}
.searchResult #resourceSearchResult .resourceCard_author {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.searchResult #resourceSearchResult .resourceCard_author_imageWrap {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.searchResult #resourceSearchResult .resourceCard_author_imageWrap img {
    border-radius: 50%;
}
.searchResult #resourceSearchResult .resourceCard_author_link {
    font-size: 14px;
    color: #656463;
}
.searchResult #resourceSearchResult .resourceCard_author_link:hover {
    color: #004098;
}
.searchResult #eventSearchResult section {
    padding: unset;
}
.searchResult #eventSearchResult .eventSearchResult_cardGroup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 30px;
}
@media (max-width: 1200px) {
    .searchResult #eventSearchResult .eventSearchResult_cardGroup {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .searchResult #eventSearchResult .eventSearchResult_cardGroup {
        grid-template-columns: repeat(1, 1fr);
        -webkit-column-gap: unset;
        -moz-column-gap: unset;
        column-gap: unset;
    }
}
.searchResult #eventSearchResult .eventSearchResult_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.searchResult #collegeSearchResult section {
    padding: unset;
}
.searchResult #collegeSearchResult .collegeSearchResult_cardGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}
@media (max-width: 767px) {
    .searchResult #collegeSearchResult .collegeSearchResult_cardGroup {
        gap: 20px;
    }
}
.searchResult #collegeSearchResult .collegeSearchResult_cardWrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 30px;
}
@media (max-width: 1200px) {
    .searchResult #collegeSearchResult .collegeSearchResult_cardWrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .searchResult #collegeSearchResult .collegeSearchResult_cardWrapper {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
        -webkit-column-gap: unset;
        -moz-column-gap: unset;
        column-gap: unset;
    }
}
.searchResult #collegeSearchResult .collegeSearchResult_card {
    cursor: pointer;
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.searchResult #collegeSearchResult .collegeSearchResult_card:hover .image {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border-radius: 5px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .image-wrapper .new-tag {
    position: absolute;
    top: 0;
    left: 8px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 5px 5px;
    z-index: 3;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .image-wrapper .image {
    border-radius: 5px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .image-wrapper .play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(93deg, #96F187 -2.63%, #00DCEB 103.93%);
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    z-index: 3;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .image-wrapper .play-button .icon-arrow {
    font-size: 20px;
    color: #fff;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper {
    padding: 10px 0 0 0;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .tag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 13px;
    line-height: 130%;
    padding: 3px 5px;
    border-radius: 3px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .tag.blue {
    color: #004098;
    border: 1px solid #004098;
    background: #fff;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 17px;
    font-weight: 500;
    line-height: 150%;
    min-height: 51px;
    color: #373737;
    margin: 5px 0 8px 0;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .title.one-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-height: 26px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info {
    margin-bottom: 8px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 5px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .user .icon-user {
    font-size: 15px;
    color: #00DAEE;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .user .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-width: 0;
    color: #949494;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .time,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .count,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 19.6px;
    color: #949494;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .time .icon-clock,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .time .icon-face,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .time .icon-page,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .count .icon-clock,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .count .icon-face,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .count .icon-page,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .file .icon-clock,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .file .icon-face,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .file .icon-page {
    font-size: 15px;
    color: #00DAEE;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .time .text,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .count .text,
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .file .text {
    min-width: 52px;
    color: #949494;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .one-line-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .info .one-line-wrapper .user {
    margin-bottom: 0;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    min-height: 28px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .price-wrapper .price-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .price-wrapper .price-group .price {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #004098;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .price-wrapper .price-group .number {
    color: #004098;
    margin: 0 2px;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .price-wrapper .price-group .price--small {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #004098;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .price-wrapper .origin-price {
    font-size: 12px;
    line-height: 20px;
    text-decoration-line: line-through;
    color: #bababa;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .price-wrapper .origin-price .number {
    color: #bababa;
}
.searchResult #collegeSearchResult .collegeSearchResult_card .content-wrapper .price-wrapper .price--sold-out {
    font-size: 15px;
    line-height: 28px;
    color: #FF5C56;
}
.searchResult #searchBlock .search_wrapper {
    display: block;
}
@media (max-width: 990px) {
    .searchResult #searchBlock .search_wrapper {
        display: none;
    }
}
@media (max-width: 990px) {
    .searchResult #searchBlock_sm .search_wrapper_sm {
        display: block;
    }
}
.searchResult_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #EFEFEF;
}
.searchResult_header p {
    margin: 0 auto;
    font-size: 22px;
}
.searchResult_header_keyword {
    font-size: 26px;
    font-weight: 700;
    color: #004098;
}
.searchResult_header_total {
    font-weight: 700;
}
.searchResult_body {
    padding: 31px 0 50px;
}
@media (max-width: 1024px) {
    .searchResult_body {
        padding-top: 0px;
    }
}
.searchResult .author {
    padding: 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
    .searchResult .author {
        margin-bottom: unset;
    }
}
.searchResult .author .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}
.searchResult .author .info .image {
    width: 60px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
}
.searchResult .author .info .name {
    font-size: 19px;
    line-height: 1;
    color: #004098;
    margin-bottom: 5px;
}
.searchResult .author .info .jobTitle {
    font-size: 14px;
    line-height: 1.3;
    color: #616161;
}
.searchResult .author .description {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #373737;
}
@media (max-width: 1024px) {
    .searchResult .author .description {
        display: none;
    }
}
.searchResult .author .btn_more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    margin: 0 auto;
    display: none;
}
@media (max-width: 1024px) {
    .searchResult .author .btn_more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.searchResult .author .btn_more,
.searchResult .author .btn_more i {
    font-size: 13px;
    line-height: 24px;
    color: #373737;
}
.searchResult .author .btn_more .icon-arrow-down-600 {
    position: relative;
    top: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.searchResult_filterBtn--mobile {
    padding: 13px 0;
    border-bottom: 1px solid #EFEFEF;
    display: none;
}
@media (max-width: 1024px) {
    .searchResult_filterBtn--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.searchResult_filterBtn--mobile > button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.searchResult_filterBtn--mobile > button .icon-filter {
    font-size: 24px;
    color: #004098;
    margin-right: 8px;
}
.searchResult_filterBtn--mobile > button .btn_sm {
    margin: unset;
}
.searchResult_filter--PC input[type=checkbox], .searchResult_filter--mobile input[type=checkbox] {
    display: none;
}
.searchResult_filter--PC input[type=checkbox] + span, .searchResult_filter--mobile input[type=checkbox] + span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/checkbox_off.svg") no-repeat center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 6px;
}
.searchResult_filter--PC input[type=checkbox]:checked + span, .searchResult_filter--mobile input[type=checkbox]:checked + span {
    background: url("../images/checkbox_on.svg") no-repeat center;
}
.searchResult_filter--PC .searchResult_filter_subjectWrap, .searchResult_filter--mobile .searchResult_filter_subjectWrap {
    display: none;
}
.searchResult_filter--PC .searchResult_filter_fieldWrap, .searchResult_filter--mobile .searchResult_filter_fieldWrap {
    display: none;
}
.searchResult_filter--PC .searchResult_filter_collegeWrap, .searchResult_filter--mobile .searchResult_filter_collegeWrap {
    display: none;
}
.searchResult_filter--PC .searchResult_filterFactor_body button[type=button], .searchResult_filter--mobile .searchResult_filterFactor_body button[type=button] {
    margin-bottom: 8px;
    margin-right: 5px;
}
.searchResult_filter--PC {
    border-right: 1px solid #EFEFEF;
    height: 700px;
}
@media (max-width: 1024px) {
    .searchResult_filter--PC {
        display: none;
    }
}
.searchResult_filter--PC .searchResult_filter_content {
    height: calc(100% - 75px);
    padding-right: 25px;
    overflow: auto;
    overflow-anchor: none;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filter_status {
    padding: 10px 15px;
    background-color: #ECF0F7;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filter_status > label {
    font-size: 15px;
    color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filter_status > label:first-child {
    margin-right: 40px;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filter_gradeWrap p, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_subjectWrap p, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_fieldWrap p, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_collegeWrap p {
    font-size: 17px;
    font-weight: 500;
    color: #373737;
    padding-bottom: 8px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EFEFEF;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filter_grade, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_subject, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_field, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_college {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filter_grade label, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_subject label, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_field label, .searchResult_filter--PC .searchResult_filter_content .searchResult_filter_college label {
    margin-bottom: 16px;
    font-size: 15px;
    color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filterFactor {
    margin-bottom: 30px;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filterFactor_header {
    padding-bottom: 12px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 1px solid #EFEFEF;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filterFactor_header > p {
    font-size: 17px;
    font-weight: 500;
    color: #373737;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filterFactor_header > p .icon-filter {
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.searchResult_filter--PC .searchResult_filter_content .searchResult_filterFactor_header [data-btn=clearFilterFactor] {
    font-size: 14px;
    color: #949494;
    text-decoration: underline;
    text-underline-offset: 2px;
    display: none;
}
.searchResult_filter--PC .searchResult_filterBtnGroup {
    height: 75px;
    margin-right: 25px;
    padding-top: 15px;
    border-top: 1px solid #EFEFEF;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.searchResult_filter--PC .searchResult_filterBtnGroup button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding: unset;
    padding-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult_filter--PC .searchResult_filterBtnGroup button + button {
    margin-left: 10px;
}
.searchResult_filter--PC .searchResult_filterBtnGroup button i {
    top: unset;
}
.searchResult_filterWrap--mobile {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 13;
    background-color: rgba(62, 62, 62, 0.418);
}
.searchResult_filter--mobile {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 14;
    width: 100%;
    height: 0;
    background-color: #fff;
    border-radius: 10px 10px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 375px) {
    .searchResult_filter--mobile .d_col_4 {
        width: 48.3%;
    }
}
.searchResult_filter--mobile .searchResult_filter_content {
    height: calc(100% - 75px);
    overflow-y: scroll;
    padding: 30px 15px;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterFactor {
    padding-bottom: 20px;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterFactor p {
    font-size: 17px;
    font-weight: 500;
    color: #373737;
    margin-bottom: 10px;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterFactor [data-btn=clearFilterFactor] {
    font-size: 14px;
    color: #949494;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-left: 14px;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_gradeWrap, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_subjectWrap, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_fieldWrap, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_collegeWrap {
    margin-top: 25px;
    padding-bottom: 9px;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_gradeWrap p, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_subjectWrap p, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_fieldWrap p, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_collegeWrap p {
    font-size: 17px;
    font-weight: 500;
    color: #373737;
    margin-bottom: 15px;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_status {
    padding: 20px 0;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_status label {
    font-size: 15px;
    color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_status label:first-child {
    margin-right: 40px;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_grade, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_subject, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_field, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_college {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_grade label, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_subject label, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_field label, .searchResult_filter--mobile .searchResult_filter_content .searchResult_filterForm .searchResult_filter_college label {
    margin-bottom: 16px;
    font-size: 15px;
    color: #373737;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult_filter--mobile .searchResult_filterBtnGroup {
    padding: 15px 15px 0;
    height: 75px;
    border-top: 1px solid #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.searchResult_filter--mobile .searchResult_filterBtnGroup button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.searchResult_filter--mobile .searchResult_filterBtnGroup button:first-child {
    margin-right: 10px;
}
.searchResult_collect--PC {
    display: none;
    padding: 10px;
    margin-bottom: 34px;
    background-color: #ECF0F7;
}
.searchResult_collect--PC .btn_main {
    margin: unset;
}
.searchResult_collect--mobile {
    display: none;
}
@media (max-width: 990px) {
    .searchResult_collect--mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 6px 0;
        background-color: #ECF0F7;
        z-index: 13;
        text-align: center;
    }
}
.searchResult_collect--mobile span {
    font-size: 15px;
    color: #373737;
}
.searchResult_collect--mobile .btn_main {
    margin: unset;
}
.searchResult_content {
    margin-bottom: 60px;
}
@media (max-width: 1024px) {
    .searchResult_content {
        padding-top: 30px;
    }
}
.searchResult_tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #EFEFEF;
}
.searchResult_tabGroup .searchResult_tab {
    font-size: 20px;
    font-weight: 400;
    line-height: 18px;
    color: #373737;
    padding-bottom: 14px;
}
@media (max-width: 1024px) {
    .searchResult_tabGroup .searchResult_tab {
        padding-bottom: 8px;
    }
}
@media (max-width: 767px) {
    .searchResult_tabGroup .searchResult_tab {
        font-size: 17px;
    }
}
.searchResult_tabGroup .searchResult_tab:not(.searchResult_tabGroup .searchResult_tab:last-child) {
    margin-right: 40px;
}
@media (max-width: 767px) {
    .searchResult_tabGroup .searchResult_tab:not(.searchResult_tabGroup .searchResult_tab:last-child) {
        margin-right: 23px;
    }
}
.searchResult_tabGroup .searchResult_tab--active {
    border-bottom: 2px solid #004098;
    border-radius: 1px;
}
.searchResult_tabGroup .searchResult_tab--active,
.searchResult_tabGroup .searchResult_tab--active span {
    font-weight: 700;
    color: #004098;
}
.searchResult_sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult_sort--PC {
    padding-bottom: 10px;
}
@media (max-width: 1024px) {
    .searchResult_sort--PC {
        display: none;
    }
}
.searchResult_sort--mobile .searchBy + .orderBy {
    border-left: 1px solid #949494;
}
@media (max-width: 1024px) {
    .searchResult_sort--mobile .orderBy {
        padding-left: 10px;
    }
}
@media (max-width: 1024px) {
    .searchResult_sort--mobile .orderBy > span {
        display: none;
    }
}
.searchResult_sort .searchBy {
    margin-right: 15px;
}
@media (max-width: 1024px) {
    .searchResult_sort .searchBy {
        margin-right: 10px;
    }
}
.searchResult_sort .searchBy span,
.searchResult_sort .searchBy a {
    font-size: 17px;
    line-height: 18px;
}
.searchResult_sort .searchBy a {
    color: #004098;
}
.searchResult_sort .orderBy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.searchResult_sort .orderBy span,
.searchResult_sort .orderBy button {
    font-size: 17px;
    line-height: 18px;
}
.searchResult_sort .orderBy > span {
    color: #949494;
    margin-right: 5px;
}
.searchResult_sort .orderBy button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.searchResult_sort .orderBy button .text {
    color: #373737;
}
.searchResult_sort .orderBy button img {
    margin-left: 8px;
    -webkit-filter: invert(33%) sepia(34%) saturate(0%) hue-rotate(200deg) brightness(98%) contrast(82%);
    filter: invert(33%) sepia(34%) saturate(0%) hue-rotate(200deg) brightness(98%) contrast(82%);
}
.searchResult_sort .orderBy .dropdown {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    padding: 15px 0 15px 15px;
    min-width: 120px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    display: none;
}
.searchResult_sort .orderBy .dropdown_list .item,
.searchResult_sort .orderBy .dropdown_list .icon-checked {
    font-size: 17px;
    line-height: 1;
    color: #373737;
}
.searchResult_sort .orderBy .dropdown_list .item:hover {
    cursor: pointer;
}
.searchResult_sort .orderBy .dropdown_list .item + .item {
    margin-top: 13px;
}
.searchResult_sort .orderBy .dropdown_list .item .icon-checked {
    opacity: 0;
}
.searchResult_sort .orderBy .dropdown_list .item--active, .searchResult_sort .orderBy .dropdown_list .item--active .icon-checked {
    color: #004098;
    opacity: 1;
}
.searchResult_group {
    margin-top: 30px;
}
.searchResult_popup {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.2);
}
.searchResult_popup_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 480px;
    padding: 49px 0;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
}
.searchResult_popup_content p {
    color: #373737;
}
.searchResult_popup_title {
    font-size: 20px;
    font-weight: 500;
}
.searchResult_popup_text {
    font-size: 17px;
    font-weight: 400;
}
.searchResult_popup img, .searchResult_popup_title, .searchResult_popup_text {
    margin-bottom: 6px;
}
.searchResult_popup .btn_main {
    margin-bottom: unset;
}

/* 搜尋結果頁 & 舊首頁：活動卡片共用樣式 */
#eventSearchResult .eventCard_link,
.index .eventCard_link {
    margin-bottom: 10px;
}
#eventSearchResult .eventCard_body,
.index .eventCard_body {
    margin-bottom: 10px;
}
#eventSearchResult .eventCard_body .tagWrap,
#eventSearchResult .eventCard_body .eventCard_date,
.index .eventCard_body .tagWrap,
.index .eventCard_body .eventCard_date {
    display: inline;
}
#eventSearchResult .eventCard_body .tagWrap,
.index .eventCard_body .tagWrap {
    margin-right: 6px;
}
#eventSearchResult .eventCard_image,
.index .eventCard_image {
    aspect-ratio: 16/9;
    margin-bottom: 10px;
}
#eventSearchResult .eventCard_date,
#eventSearchResult .eventCard_date span,
.index .eventCard_date,
.index .eventCard_date span {
    font-size: 13px;
    color: #bababa;
}
#eventSearchResult .eventCard_title,
.index .eventCard_title {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #373737;
    min-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#eventSearchResult .eventCard_title:hover,
.index .eventCard_title:hover {
    color: #004098;
}
@media (max-width: 767px) {
    #eventSearchResult .eventCard_title,
    .index .eventCard_title {
        font-weight: 400;
    }
}
#eventSearchResult .eventCard_info .item,
.index .eventCard_info .item {
    display: inline;
}
#eventSearchResult .eventCard_info .item, #eventSearchResult .eventCard_info .item a,
.index .eventCard_info .item,
.index .eventCard_info .item a {
    color: #949494;
    font-size: 14px;
}
#eventSearchResult .eventCard_info .item i,
.index .eventCard_info .item i {
    font-size: 16px;
    color: #00DAEE;
    position: relative;
    top: 2px;
}
#eventSearchResult .eventCard_info .item.eventCard_info_author a:hover,
.index .eventCard_info .item.eventCard_info_author a:hover {
    color: #004098;
}

/* 舊首頁：活動卡片客製化樣式 */
.index .eventCard {
    margin-bottom: 25px;
}
.index .eventCard_body {
    margin-bottom: 5px;
}
.index .eventCard_title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

/* 活動列表頁 & 作者列表頁(column_articlelist_group)：活動卡片共用樣式 */
.category .eventCard {
    margin-bottom: 25px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px) {
    .category .eventCard {
        width: 100%;
        margin-bottom: 20px;
    }
}
.category .eventCard:hover .eventCard_title {
    color: #004098;
}
.category .eventCard_image {
    position: relative;
    aspect-ratio: 16/9;
}
.category .eventCard_image_mask {
    display: none;
    position: absolute;
    z-index: 1;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.category .eventCard_image--process .eventCard_image_mask {
    display: block;
    background-color: rgba(255, 92, 86, 0.9);
}
.category .eventCard_image--process .eventCard_image_mask::before {
    content: "報名中";
    font-size: 13px;
    color: #FFFFFF;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.category .eventCard_image--end .eventCard_image_mask {
    display: block;
    background-color: rgba(0, 0, 0, 0.6);
}
.category .eventCard_image--end .eventCard_image_mask::before {
    content: "報名\a結束";
    font-size: 13px;
    line-height: 1.2;
    color: #FFFFFF;
    white-space: pre-line;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.category .eventCard_link:hover {
    cursor: pointer;
}
.category .eventCard_body {
    padding: 10px 10px 0 10px;
}
.category .eventCard_body .tagWrap,
.category .eventCard_body .eventCard_date {
    display: inline;
}
.category .eventCard_body .eventCard_date {
    margin-left: 5px;
}
.category .eventCard_body .eventCard_date, .category .eventCard_body .eventCard_date span {
    font-size: 13px;
    color: #bababa;
}
.category .eventCard_title {
    margin: 5px 0 10px;
    padding: 0 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 465px) {
    .category .eventCard_title {
        height: auto;
    }
}
.category .eventCard_footer {
    border-top: 1px solid whitesmoke;
    padding: 10px;
    font-size: 14px;
}
.category .eventCard_footer .eventCard_info .item {
    display: inline;
}
.category .eventCard_footer .eventCard_info .item, .category .eventCard_footer .eventCard_info .item a {
    color: #949494;
}
.category .eventCard_footer .eventCard_info .item i {
    font-size: 16px;
    color: #00DAEE;
    position: relative;
    top: 2px;
}
.category .eventCard_footer .eventCard_info .item.eventCard_info_author a:hover {
    color: #004098;
}

/* 文章卡片共用樣式 */
#articleSearchResult .articleCard,
.category .articleCard {
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 768px) {
    #articleSearchResult .articleCard,
    .category .articleCard {
        margin-bottom: 15px;
    }
}
#articleSearchResult .articleCard_imageWrap,
.category .articleCard_imageWrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
#articleSearchResult .articleCard_image,
.category .articleCard_image {
    aspect-ratio: 16/9;
}
#articleSearchResult .articleCard_image--ad,
.category .articleCard_image--ad {
    position: relative;
}
#articleSearchResult .articleCard_image--ad::after,
.category .articleCard_image--ad::after {
    content: "贊助";
    position: absolute;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    right: 0;
    bottom: 0;
    font-size: 13px;
    padding: 0 5px;
    opacity: 0.8;
}
#articleSearchResult .articleCard_body,
.category .articleCard_body {
    padding-right: 10px;
}
#articleSearchResult .articleCard_link,
.category .articleCard_link {
    display: block;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    #articleSearchResult .articleCard_link,
    .category .articleCard_link {
        margin-bottom: 0;
    }
}

/* category：文章卡片客製化樣式 */
.category .articleCard_body .articleCard_info:first-child {
    display: none;
}
.category .articleCard_body .tagWrap {
    display: inline-block;
    margin-right: unset;
}
@media (max-width: 767px) {
    .category .articleCard_body .tagWrap {
        display: block;
        margin-top: 10px;
        line-height: 1.2;
    }
}
.category .articleCard_image {
    width: 200px;
}
@media (max-width: 768px) {
    .category .articleCard_image {
        width: 100px;
    }
}
.category .articleCard_title {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 768px) {
    .category .articleCard_title {
        font-size: 18px;
        font-weight: normal;
    }
}
@media (max-width: 767px) {
    .category .articleCard_title {
        margin-bottom: 0;
    }
}
.category .articleCard_text {
    font-size: 17px;
    line-height: 1.5;
    color: #616161;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 768px) {
    .category .articleCard_text {
        display: none;
    }
}
.category .articleCard_info {
    margin-bottom: 5px;
}
@media (max-width: 768px) {
    .category .articleCard_info {
        line-height: 1.2;
    }
}
.category .articleCard_info .articleCard_date,
.category .articleCard_info .articleCard_author {
    font-size: 13px;
    color: #949494;
    line-height: 1.2;
    margin-right: 10px;
}
.category .articleCard_info .articleCard_author:hover {
    color: #004098;
}
.category .articleCard--catrgory .articleCard_body .articleCard_info {
    display: block;
    margin-bottom: 5px;
}
.category .articleCard--catrgory .articleCard_body .articleCard_info:first-child .articleCard_type li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.category .articleCard--catrgory .articleCard_body .articleCard_info:first-child .articleCard_type li a {
    display: block;
    color: #004098;
    font-size: 14px;
    line-height: 1.4;
}
.category .articleCard--catrgory .articleCard_body .articleCard_info:first-child .articleCard_type li a:hover {
    opacity: 0.8;
}
.category .articleCard--catrgory .articleCard_body .articleCard_info:first-child .tagWrap {
    display: none;
}

/* 舊首頁：文章卡片客製化樣式 */
.index .articleCard {
    position: relative;
    margin-bottom: 15px;
}
.index .articleCard_image {
    aspect-ratio: 16/9;
    margin-bottom: 8px;
}
.index .articleCard_image--ad {
    position: relative;
}
.index .articleCard_image--ad::after {
    content: "贊助";
    position: absolute;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    right: 0;
    bottom: 0;
    font-size: 13px;
    padding: 0 5px;
    opacity: 0.8;
}
.index .articleCard_body .articleCard_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.index .articleCard_body .articleCard_info:last-child {
    display: none;
}
.index .articleCard_body .articleCard_info .tagWrap {
    margin-right: 12px;
}
.index .articleCard_body .articleCard_info .articleCard_type li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.index .articleCard_body .articleCard_info .articleCard_type li a {
    display: block;
    color: #004098;
    font-size: 14px;
    line-height: 1.4;
}
.index .articleCard_body .articleCard_info .articleCard_type li a:hover {
    opacity: 0.8;
}
.index .articleCard_title {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index .articleCard_title:hover {
    color: #004098;
}
.index .articleCard_text {
    display: none;
}

/* 搜尋結果頁：文章卡片客製化樣式 */
#articleSearchResult .articleCard_imageWrap {
    width: 22.95%;
}
@media (max-width: 768px) {
    #articleSearchResult .articleCard_imageWrap {
        width: 32.4%;
    }
}
#articleSearchResult .articleCard_body {
    width: 73.65%;
}
@media (max-width: 768px) {
    #articleSearchResult .articleCard_body {
        width: 66.2%;
    }
}
#articleSearchResult .articleCard_body .articleCard_info:last-child .tagWrap,
#articleSearchResult .articleCard_body .articleCard_info .articleCard_type {
    display: none;
}
#articleSearchResult .articleCard_body .tagWrap {
    display: inline-block;
    margin-bottom: 10px;
}
#articleSearchResult .articleCard_title, #articleSearchResult .articleCard_text {
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    #articleSearchResult .articleCard_title, #articleSearchResult .articleCard_text {
        margin-bottom: 6px;
    }
}
#articleSearchResult .articleCard_title {
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 990px) {
    #articleSearchResult .articleCard_title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #articleSearchResult .articleCard_title {
        font-weight: 400;
    }
}
#articleSearchResult .articleCard_text {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: #656463;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 767px) {
    #articleSearchResult .articleCard_text {
        display: none;
    }
}
#articleSearchResult .articleCard_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#articleSearchResult .articleCard_date, #articleSearchResult .articleCard_author {
    font-size: 13px;
    color: #949494;
    margin-right: 10px;
}
#articleSearchResult .articleCard_author:hover {
    color: #004098;
}

/* 新版活動卡片共用樣式：活動結束且有回放影片 */
.eventCard.eventCard--end .eventCard_head .imgWrap .icon {
    opacity: 1;
}

/* 首頁、教案列表/分類頁：教案卡片共用樣式 */
.resourceCard {
    padding: 8px;
}
.resourceCard > a:first-child {
    display: block;
    margin-bottom: 10px;
}
.resourceCard > a .imgWrap {
    aspect-ratio: 1/1;
}
.resourceCard > a .imgWrap:hover {
    cursor: pointer;
}
.resourceCard > a .imgWrap img {
    border-radius: 5px;
}
.resourceCard .tagWrap {
    min-height: 24.5px;
    line-height: 1;
}
.resourceCard .title {
    display: block;
    min-height: 51.19px;
    margin-top: 8px;
    font-size: 17;
    font-weight: 500;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.resourceCard .title:hover {
    opacity: 0.8;
}
.resourceCard_author {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}
.resourceCard_author .imgWrap img {
    width: 25px;
    aspect-ratio: 1/1;
    border-radius: 50%;
}
.resourceCard_author .authors {
    display: -ms-flexbox;
    display: flex;
    color: #949494;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.resourceCard_author .authors .name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #949494;
}
.resourceCard_author .authors .name:hover {
    opacity: 0.8;
}
.resourceCard_author .authors .name + .name::before {
    content: "、";
    font-size: 14px;
    color: #949494;
}

.homepage {
    background-color: #FFF;
}
.homepage img {
    display: block;
}
.homepage section {
    padding: unset;
}
.homepage .carouselContent .recommend_slider .slick-list,
.homepage .resourceContent_slider .slick-list {
    padding-left: 0 !important;
}
.homepage .carouselContent .sliderItem:hover .mainImg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.homepage .carouselContent .recommend_items .item + .item {
    padding-top: 20px;
    border-top: 1px solid #EFEFEF;
}
@media (max-width: 767px) {
    .homepage #popularKeywords {
        display: none;
    }
}
.homepage #popularKeywords_sm {
    display: none;
}
@media (max-width: 767px) {
    .homepage #popularKeywords_sm {
        display: block;
    }
}
.homepage .popularKeywords hr,
.homepage .popularKeywords_sm hr {
    border-style: none;
}
.homepage .popularKeywords .horizontalLine,
.homepage .popularKeywords_sm .horizontalLine {
    border-top: 1px dotted rgba(0, 64, 152, 0.15);
}
.homepage .popularKeywords .tags,
.homepage .popularKeywords_sm .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.homepage .popularKeywords .tag,
.homepage .popularKeywords_sm .tag {
    border: 1px solid #004098;
    border-radius: 30px;
    overflow: hidden;
}
.homepage .popularKeywords .tag a,
.homepage .popularKeywords_sm .tag a {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    color: #004098;
    line-height: 1;
    padding: 9px 15px;
}
.homepage .popularKeywords .tag:hover,
.homepage .popularKeywords_sm .tag:hover {
    border: 1px solid #1C2271;
}
.homepage .popularKeywords .tag:hover a,
.homepage .popularKeywords_sm .tag:hover a {
    background: #e0e0e0;
    color: #1C2271;
}
.homepage .popularKeywords_sm .horizontalLine:first-child {
    border-top: none;
}
.homepage .popularKeywords_sm_content {
    margin: 10px 0;
    text-align: center;
}
.homepage .popularKeywords_sm_content .title {
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #373737;
    margin-bottom: 16px;
}
.homepage .popularKeywords_sm_content .tags_main {
    margin-bottom: 10px;
}
.homepage .popularKeywords_sm_content .tags_slide {
    margin-bottom: 10px;
}
.homepage .popularKeywords_sm_content .btn_basic .text,
.homepage .popularKeywords_sm_content .btn_basic i {
    font-size: 13px;
    font-weight: 400;
    color: #373737;
}
.homepage .popularKeywords_sm_content .rotate {
    display: inline-block;
}
.homepage .popularContent {
    padding-top: 35px;
    padding-bottom: 35px;
}
@media only screen and (min-width:576px) {
    .homepage .popularContent {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
.homepage .popularContent .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
}
@media only screen and (min-width:992px) {
    .homepage .popularContent .contain {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.homepage .popularContent .events_head,
.homepage .popularContent .topics_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 35px;
}
.homepage .popularContent .events_head .title,
.homepage .popularContent .topics_head .title {
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage .popularContent .events_head .title::after,
.homepage .popularContent .topics_head .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.homepage .popularContent .articles > .title {
    margin-bottom: 35px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage .popularContent .articles > .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.homepage .popularContent .articles_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
@media only screen and (min-width:576px) {
    .homepage .popularContent .articles_body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.homepage .authorContent {
    position: relative;
    padding-top: 65px;
    padding-bottom: 65px;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
.homepage .authorContent .contain {
    position: relative;
    z-index: 1;
}
.homepage .authorContent .contain > div + div {
    border-top: 1px solid #ECF0F7;
    padding-top: 40px;
}
.homepage .authorContent_author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.homepage .authorContent_author .authors {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent_author .authors {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.homepage .authorContent_author .authors .author {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.homepage .authorContent_author .authors .author .imgBlock {
    display: block;
    width: 160px;
    height: 160px;
    margin-bottom: 10px;
    border-radius: 50%;
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#96F187), to(#00DCEB));
    background: linear-gradient(to right, #96F187, #00DCEB);
}
@media only screen and (width: 1024px) {
    .homepage .authorContent_author .authors .author .imgBlock {
        width: 130px;
        height: 130px;
    }
}
.homepage .authorContent_author .authors .author .imgBlock .image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1/1;
    width: 160px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}
@media only screen and (width: 1024px) {
    .homepage .authorContent_author .authors .author .imgBlock .image {
        width: 130px;
    }
}
.homepage .authorContent_author .authors .author .imgBlock .image img {
    height: 100%;
}
.homepage .authorContent_author .authors .author .imgBlock:hover .image {
    width: 150px;
}
@media only screen and (width: 1024px) {
    .homepage .authorContent_author .authors .author .imgBlock:hover .image {
        width: 120px;
    }
}
.homepage .authorContent_author .authors .author .name {
    font-size: 18px;
    font-weight: 700;
    color: #373737;
}
.homepage .authorContent_author .authors .author .name:hover {
    opacity: 0.8;
}
.homepage .authorContent_author .authors .author .jobTitle {
    font-size: 15px;
    font-weight: 400;
    color: #373737;
}
.homepage .authorContent_author .info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent_author .info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.homepage .authorContent_author .info .title {
    margin-bottom: 25px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage .authorContent_author .info .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.homepage .authorContent_author .info .description {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #373737;
    margin-bottom: 30px;
}
.homepage .authorContent_author .info .link {
    display: none;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent_author .info .link {
        display: block;
    }
}
.homepage .authorContent_author .ad {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width:1024px) {
    .homepage .authorContent_author .ad {
        display: block;
    }
}
.homepage .authorContent_author .ad.ad-cover {
    margin-top: 30px;
}
@media only screen and (min-width:1024px) {
    .homepage .authorContent_author .ad.ad-cover {
        margin-top: unset;
    }
}
.homepage .authorContent_author .ad .link {
    margin-bottom: 25px;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent_author .ad .link {
        display: none;
    }
}
.homepage .authorContent_tutorial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent_tutorial {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.homepage .authorContent_tutorial .info .title {
    margin-bottom: 25px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage .authorContent_tutorial .info .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.homepage .authorContent_tutorial .info .description {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    color: #373737;
    margin-bottom: 15px;
}
.homepage .authorContent_tutorial .info .introTitle {
    font-size: 17px;
    font-weight: 500;
    color: #373737;
    margin-bottom: 5px;
}
.homepage .authorContent_tutorial .info .intros {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #373737;
    margin-bottom: 30px;
}
.homepage .authorContent_tutorial .info .intros i {
    position: relative;
    top: 1px;
    margin-left: 2px;
}
.homepage .authorContent_tutorial .info .link {
    display: none;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent_tutorial .info .link {
        display: block;
        text-align: start;
    }
}
.homepage .authorContent_tutorial .tutorials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 25px;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent_tutorial .tutorials {
        margin-bottom: unset;
        gap: 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.homepage .authorContent_tutorial .tutorials .tutorialItem:last-child {
    display: none;
}
@media only screen and (min-width:1024px) {
    .homepage .authorContent_tutorial .tutorials .tutorialItem:last-child {
        display: block;
    }
}
@media only screen and (width: 1024px) {
    .homepage .authorContent_tutorial .tutorials .tutorialItem:last-child {
        display: none;
    }
}
.homepage .authorContent_tutorial .link {
    text-align: center;
    display: inline-block;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent_tutorial .link {
        display: none;
    }
}
.homepage .authorContent .vectorImg {
    position: absolute;
    z-index: 0;
    bottom: 30px;
    left: 0;
    display: none;
}
@media only screen and (min-width:769px) {
    .homepage .authorContent .vectorImg {
        display: block;
    }
}
.homepage .podcastContent {
    background-color: #ECF0F7;
    padding-top: 45px;
    padding-bottom: 45px;
}
@media only screen and (min-width:769px) {
    .homepage .podcastContent {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.homepage .podcastContent .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media only screen and (min-width:769px) {
    .homepage .podcastContent .contain {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.homepage .podcastContent .contain > div + div {
    border-top: 1px solid rgba(0, 64, 152, 0.1);
}
@media only screen and (min-width:769px) {
    .homepage .podcastContent .contain > div + div {
        border-top: unset;
        border-left: 1px solid rgba(0, 64, 152, 0.1);
    }
}
.homepage .podcastContent_newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.homepage .podcastContent_newsletter .newsIcon {
    margin-top: -10px;
    margin-right: 20px;
}
.homepage .podcastContent_newsletter .newsIcon .icon-mail2 {
    font-size: 50px;
    color: #004098;
}
@media only screen and (min-width:576px) {
    .homepage .podcastContent_newsletter .newsIcon .icon-mail2 {
        font-size: 80px;
    }
}
.homepage .podcastContent_newsletter .info .description {
    margin-bottom: 15px;
}
.homepage .podcastContent_newsletter .info .description .text {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}
.homepage .podcastContent_newsletter .info .description .text:first-child {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 6px;
}
@media only screen and (min-width:769px) {
    .homepage .podcastContent_newsletter .info .description .text:first-child {
        line-height: 28px;
    }
}
.homepage .podcastContent_newsletter .btnGroup a:first-child {
    margin-right: 6px;
}
.homepage .podcastContent_podcast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    margin-top: 20px;
}
@media only screen and (min-width:769px) {
    .homepage .podcastContent_podcast {
        padding-left: 40px;
        padding-top: unset;
        margin-top: unset;
    }
}
.homepage .podcastContent_podcast .podcastIcon {
    margin-right: 20px;
}
.homepage .podcastContent_podcast .podcastIcon .icon-podcast {
    font-size: 50px;
    color: #004098;
}
@media only screen and (min-width:576px) {
    .homepage .podcastContent_podcast .podcastIcon .icon-podcast {
        font-size: 80px;
    }
}
.homepage .podcastContent_podcast .info {
    max-width: 410px;
}
.homepage .podcastContent_podcast .info .description {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #373737;
    margin-bottom: 6px;
}
.homepage .podcastContent_podcast .info .text {
    list-style: inside;
}
.homepage .podcastContent_podcast .info .text a {
    font-size: 14px;
    line-height: 23px;
    color: #373737;
}
.homepage .podcastContent_podcast .info .text a:hover {
    opacity: 0.8;
}
.homepage .recommendCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    padding-bottom: 20px;
}
.homepage .recommendCard > a .recommendCard_image {
    aspect-ratio: 16/9;
    border-radius: 5px;
    position: relative;
    display: block;
}
.homepage .recommendCard > a .recommendCard_image:hover .mainImg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.homepage .recommendCard > a .recommendCard_image .mainImg {
    position: relative;
    margin: 0 auto;
    width: auto;
    height: 100%;
    z-index: 2;
}
.homepage .recommendCard > a .recommendCard_image .downloadBg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}
.homepage .recommendCard > a .recommendCard_image .downloadBg::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}
.homepage .recommendCard > a .recommendCard_image--download .mainImg {
    border-radius: 5px;
}
.homepage .recommendCard > a .recommendCard_image--download .downloadBg {
    display: block;
}
.homepage .recommendCard_body span + span {
    margin-left: 10px;
}
.homepage .recommendCard_title {
    margin: 5px 0 10px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media only screen and (min-width:1024px) {
    .homepage .recommendCard_title {
        font-size: 20px;
    }
}
.homepage .recommendCard_title:hover {
    opacity: 0.8;
}
.homepage .recommendCard_author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.homepage .recommendCard_author .recommendCard_image {
    aspect-ratio: 1/1;
    display: inline-block;
    min-width: 25px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 5px;
}
.homepage .recommendCard_author .authors {
    color: #949494;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.homepage .recommendCard_author .authors .name {
    color: #949494;
    font-size: 14px;
    font-weight: 400;
}
.homepage .recommendCard_author .authors .name:hover {
    opacity: 0.8;
}
.homepage .eventCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #F8F8F8;
    border-radius: 5px;
    overflow: hidden;
}
.homepage .eventCard_head {
    display: block;
    position: relative;
}
.homepage .eventCard_head .tag {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 8px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 5px 5px;
}
.homepage .eventCard_head .imgWrap {
    aspect-ratio: 16/9;
    position: relative;
}
.homepage .eventCard_head .imgWrap .icon {
    opacity: 0;
}
.homepage .eventCard_body {
    background-color: #FFF;
}
.homepage .eventCard_body .tagWrap {
    min-height: 25.9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.homepage .eventCard_body .dollarSign {
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 500;
}
.homepage .eventCard_body .eventCard_tag--lock {
    background-color: rgba(0, 64, 152, 0.08);
}
.homepage .eventCard_body .date {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: #949494;
}
.homepage .eventCard_body .title {
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
    color: #373737;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.homepage .eventCard_body .title:hover {
    opacity: 0.8;
}
.homepage .eventCard_body .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.homepage .eventCard_body .info i {
    position: relative;
    top: 1px;
    font-size: 16px;
    color: #00DAEE;
}
.homepage .eventCard_body .info .address,
.homepage .eventCard_body .info .authors {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.homepage .eventCard_body .info .address {
    font-size: 14px;
    font-weight: 400;
    color: #949494;
    margin-right: 10px;
}
.homepage .eventCard_body .info .authors,
.homepage .eventCard_body .info .authors a {
    font-size: 14px;
    font-weight: 400;
    color: #949494;
}
.homepage .eventCard_body .info .authors a:hover {
    opacity: 0.8;
}
.homepage .eventCard--series {
    border: 1px solid #8CA9D1;
}
.homepage .eventCard--series .eventCard_head .tag {
    display: inline-block;
}
.homepage .eventCard--series .eventCard_body {
    background-color: #8CA9D1;
}
.homepage .eventCard--series .eventCard_body .eventCard_tag--lock {
    background-color: #FFF;
}
.homepage .eventCard--series .eventCard_body .title,
.homepage .eventCard--series .eventCard_body .info .address,
.homepage .eventCard--series .eventCard_body .info .authors,
.homepage .eventCard--series .eventCard_body .info .authors a {
    color: #FFF;
}
.homepage .eventCard--series .eventCard_body .date {
    color: rgba(255, 255, 255, 0.7);
}
.homepage .eventCard--series .eventCard_body .subEvent {
    padding: 10px;
    border-top: 1px solid #7F9ECB;
}
.homepage .eventCard--series .eventCard_body .subEvent .list {
    margin-left: 20px;
}
.homepage .eventCard--series .eventCard_body .subEvent .list li {
    margin-bottom: 3px;
    font-size: 15px;
    word-break: break-all;
    color: #FFF;
    position: relative;
}
.homepage .eventCard--series .eventCard_body .subEvent .list li::before {
    content: "•";
    display: block;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.homepage .eventCard--series .eventCard_body .subEvent .list li::marker {
    vertical-align: middle;
}
.homepage .eventCard--series .eventCard_body .subEvent .list li + li {
    margin-top: 3px;
}
.homepage .eventCard--series .eventCard_body .subEvent .list li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #FFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.homepage .eventCard--series .eventCard_body .subEvent .list li a:hover {
    opacity: 0.8;
}
.homepage .eventCard--series .eventCard_body .subEvent .moreLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 20.8px;
}
.homepage .eventCard--series .eventCard_body .subEvent .moreLink:hover {
    opacity: 0.8;
}
.homepage .eventCard--series .eventCard_body .subEvent .moreLink .icon {
    font-size: 13px;
    position: relative;
    top: 0.5px;
}
.homepage .eventCard--series .eventCard_body .info {
    border-top: 1px solid #7F9ECB;
}
.homepage .articleCard {
    border-radius: 5px;
    overflow: hidden;
    background-color: #FFF;
}
.homepage .articleCard_body {
    padding: 15px;
}
.homepage .articleCard_body .info {
    margin-bottom: 10px;
}
.homepage .articleCard_body .info .articleCard_tag--lock {
    margin-right: 10px;
}
.homepage .articleCard_body .info .catagoryLink {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #004098;
}
.homepage .articleCard_body .info .catagoryLink:hover {
    opacity: 0.8;
}
.homepage .articleCard_body .info .catagoryLink + .catagoryLink {
    margin-left: 5px;
}
.homepage .articleCard_body .title {
    font-size: 17px;
    font-weight: 500;
    color: #373737;
    min-height: 54.39px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.homepage .articleCard_body .title:hover {
    opacity: 0.8;
}
.homepage .tutorialCard {
    overflow: hidden;
    width: 350px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
}
.homepage .tutorialCard .imgWrap {
    position: relative;
}
.homepage .tutorialCard .imgWrap .mask {
    display: none;
}
.homepage .tutorialCard--prepare .imgWrap .mask {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.homepage .tutorialCard--prepare .imgWrap .mask .text {
    color: #FFF;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
}
.homepage .tutorialCard_body {
    padding: 15px;
    background-color: #FFF;
}
.homepage .tutorialCard_body .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    margin-bottom: 9px;
    min-height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.homepage .tutorialCard_body .title:hover {
    opacity: 0.8;
}
.homepage .tutorialCard_body .info {
    margin-bottom: 19px;
}
.homepage .tutorialCard_body .info i {
    position: relative;
    top: 1px;
    font-size: 16px;
    color: #00DAEE;
}
.homepage .tutorialCard_body .info .authors {
    display: inline;
    margin-right: 10px;
}
.homepage .tutorialCard_body .info .authors,
.homepage .tutorialCard_body .info .authors span {
    font-size: 14px;
    font-weight: 400;
    color: #949494;
}
.homepage .tutorialCard_body .info .time {
    display: inline;
    min-width: 100px;
    font-size: 14px;
    font-weight: 400;
    color: #949494;
}
.homepage .tutorialCard_body .priceInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.homepage .tutorialCard_body .priceInfo .salePrice,
.homepage .tutorialCard_body .priceInfo .salePrice span {
    display: inline;
    font-size: 24px;
    font-weight: 700;
    color: #004098;
}
.homepage .tutorialCard_body .priceInfo .price,
.homepage .tutorialCard_body .priceInfo .price span {
    text-decoration: line-through;
    display: inline;
    font-size: 12px;
    font-weight: 400;
    color: #949494;
}

.homepage_visitor .carouselContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .carouselContent {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
}
.homepage_visitor .carouselContent .recommend_slider {
    margin-bottom: 30px;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .carouselContent .recommend_slider {
        border-radius: 5px;
        margin-bottom: unset;
        overflow: hidden;
    }
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem {
    position: relative;
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem .imgWrap {
    position: relative;
    z-index: 1;
    aspect-ratio: 16/9;
    margin-bottom: 15px;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .carouselContent .recommend_slider .sliderItem .imgWrap {
        margin-bottom: unset;
    }
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem .imgWrap .mainImg {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: auto;
    height: 100%;
    border-radius: 5px;
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem .imgWrap .downloadBg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem .imgWrap .downloadBg::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem--download .mainImg {
    border-radius: 5px;
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem--download .imgWrap .downloadBg {
    display: block;
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem .info {
    position: relative;
    z-index: 3;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .carouselContent .recommend_slider .sliderItem .info {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 50px 25px 40px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, rgba(0, 62, 152, 0.75)), color-stop(95%, rgba(255, 255, 255, 0)));
        background: linear-gradient(0deg, rgba(0, 62, 152, 0.75) 45%, rgba(255, 255, 255, 0) 95%);
    }
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem .info .tag {
    display: inline-block;
    padding: 3px 5px;
    font-size: 13px;
    border-radius: 3px;
    margin-bottom: 5px;
    color: #004098;
    border: 1px solid #004098;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .carouselContent .recommend_slider .sliderItem .info .tag {
        color: #FFF;
        border: 1px solid #FFF;
        margin-bottom: unset;
    }
}
.homepage_visitor .carouselContent .recommend_slider .sliderItem .info .title {
    font-size: 24px;
    font-weight: 700;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .carouselContent .recommend_slider .sliderItem .info .title {
        font-size: 30px;
        color: #FFF;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}
.homepage_visitor .carouselContent .recommend_slider .slick-dots {
    position: absolute;
    bottom: 36%;
    right: 10px;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .carouselContent .recommend_slider .slick-dots {
        bottom: 20%;
    }
}
@media only screen and (min-width:600px) {
    .homepage_visitor .carouselContent .recommend_slider .slick-dots {
        bottom: 30%;
    }
}
@media only screen and (min-width:650px) {
    .homepage_visitor .carouselContent .recommend_slider .slick-dots {
        bottom: 20%;
    }
}
@media only screen and (min-width:769px) {
    .homepage_visitor .carouselContent .recommend_slider .slick-dots {
        bottom: 0;
    }
}
.homepage_visitor .carouselContent .recommend_slider .slick-arrow {
    top: 30%;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .carouselContent .recommend_slider .slick-arrow {
        top: 36%;
    }
}
@media only screen and (min-width:650px) {
    .homepage_visitor .carouselContent .recommend_slider .slick-arrow {
        top: 40%;
    }
}
@media only screen and (min-width:769px) {
    .homepage_visitor .carouselContent .recommend_slider .slick-arrow {
        top: 50%;
    }
}
.homepage_visitor .popularKeywords_content {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
@media (max-width: 767px) {
    .homepage_visitor .popularKeywords_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.homepage_visitor .popularKeywords_content .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #373737;
    min-width: 100px;
}
.homepage_visitor .resourceContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 65px;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .resourceContent {
        padding-top: 55px;
        padding-bottom: 80px;
    }
}
.homepage_visitor .resourceContent_info .title {
    margin-bottom: 25px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage_visitor .resourceContent_info .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.homepage_visitor .resourceContent_info .description {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #373737;
    margin-bottom: 30px;
}
.homepage_visitor .resourceContent_info .link {
    display: none;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .resourceContent_info .link {
        display: block;
    }
}
@media only screen and (min-width:769px) {
    .homepage_visitor .resourceContent_slider {
        margin-left: -10px;
        margin-right: -10px;
    }
}
.homepage_visitor .resourceContent_slider .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
}
.homepage_visitor .resourceContent_slider .resourceCard {
    border: 1px solid #EFEFEF;
    border-radius: 5px;
}
.homepage_visitor .resourceContent_ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .resourceContent_ad {
        display: block;
    }
}
.homepage_visitor .resourceContent_ad.ad-cover {
    margin-top: 30px;
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .resourceContent_ad.ad-cover {
        margin-top: unset;
    }
}
.homepage_visitor .resourceContent_ad .link {
    margin-bottom: 25px;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .resourceContent_ad .link {
        display: none;
    }
}
.homepage_visitor .popularContent {
    background-color: #ECF0F7;
}
.homepage_visitor .popularContent .events .eventItem + .eventItem {
    margin-top: 25px;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .popularContent .events .eventItem + .eventItem {
        margin-top: 20px;
    }
}
.homepage_visitor .adContent {
    padding: 65px 0;
    position: relative;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .adContent {
        padding: 75px 0;
    }
}
.homepage_visitor .adContent .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
@media only screen and (min-width:992px) {
    .homepage_visitor .adContent .contain {
        gap: 40px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.homepage_visitor .adContent_cover {
    position: relative;
    z-index: 1;
    min-height: 270px;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .adContent_cover {
        min-height: 370px;
    }
}
.homepage_visitor .adContent_cover .coverImg {
    position: absolute;
    top: 12%;
    left: 0;
    margin-top: auto;
    border-radius: 100px 5px;
    overflow: hidden;
    width: 95%;
    height: 80%;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .adContent_cover .coverImg {
        top: 16%;
        left: 10%;
        width: 80%;
        height: 85%;
    }
}
@media only screen and (min-width:769px) {
    .homepage_visitor .adContent_cover .coverImg {
        top: 10%;
        left: 10%;
        width: 80%;
        height: 75%;
    }
}
@media only screen and (width: 768px) {
    .homepage_visitor .adContent_cover .coverImg {
        top: 10%;
        width: 70%;
        height: 100%;
    }
}
@media only screen and (min-width:992px) {
    .homepage_visitor .adContent_cover .coverImg {
        top: 10%;
        left: 2%;
        width: 100%;
        height: 75%;
    }
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .adContent_cover .coverImg {
        left: 0;
        width: 100%;
        height: 75%;
    }
}
@media only screen and (min-width:1400px) {
    .homepage_visitor .adContent_cover .coverImg {
        left: 0;
        width: 95%;
        height: 85%;
    }
}
@media only screen and (width: 1024px) {
    .homepage_visitor .adContent_cover .coverImg {
        left: 0;
        width: 100%;
        height: 75%;
    }
}
.homepage_visitor .adContent_info {
    position: relative;
    z-index: 1;
    padding-left: 2%;
    padding-right: 2%;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .adContent_info {
        margin-top: 20px;
    }
}
@media only screen and (min-width:769px) {
    .homepage_visitor .adContent_info {
        margin-top: unset;
    }
}
@media only screen and (width: 768px) {
    .homepage_visitor .adContent_info {
        margin-top: 40px;
    }
}
@media only screen and (min-width:992px) {
    .homepage_visitor .adContent_info {
        padding-left: unset;
        padding-right: unset;
    }
}
.homepage_visitor .adContent_info > .title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.6;
    color: #373737;
    margin-bottom: 15px;
}
.homepage_visitor .adContent_info .description {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #373737;
    margin-bottom: 30px;
}
.homepage_visitor .adContent_info .description .lf {
    display: none;
}
@media only screen and (min-width:992px) {
    .homepage_visitor .adContent_info .description .lf {
        display: block;
    }
}
.homepage_visitor .adContent_info .intros {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .adContent_info .intros {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: unset;
    }
}
.homepage_visitor .adContent_info .intros .intro {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.homepage_visitor .adContent_info .intros .intro .introImg {
    width: 45px;
    margin-bottom: 5px;
}
.homepage_visitor .adContent_info .intros .intro .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    margin-bottom: 10px;
}
.homepage_visitor .adContent_info .intros .intro .text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #373737;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .adContent_info .intros .intro + .intro {
        border-left: 1px solid #ECF0F7;
    }
}
.homepage_visitor .adContent_info .link {
    text-align: center;
    display: block;
}
@media only screen and (min-width:992px) {
    .homepage_visitor .adContent_info .link {
        text-align: left;
    }
}
.homepage_visitor .adContent .shapeBg {
    position: absolute;
    z-index: 0;
    top: 65px;
    width: 70%;
    height: 220px;
    border-radius: 0px 100px 100px 0px;
    background: linear-gradient(92.81deg, #00419C 1.07%, #00DCEB 116.99%);
}
@media only screen and (min-width:576px) {
    .homepage_visitor .adContent .shapeBg {
        top: 75px;
        width: 70%;
    }
}
@media only screen and (width: 768px) {
    .homepage_visitor .adContent .shapeBg {
        top: 65px;
        height: 35%;
    }
}
@media only screen and (min-width:769px) {
    .homepage_visitor .adContent .shapeBg {
        width: 70%;
        height: 30%;
    }
}
@media only screen and (min-width:992px) {
    .homepage_visitor .adContent .shapeBg {
        width: 40%;
        height: 55%;
    }
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .adContent .shapeBg {
        width: 40%;
    }
}
@media only screen and (min-width:1400px) {
    .homepage_visitor .adContent .shapeBg {
        width: 40%;
        height: 60%;
    }
}
@media only screen and (width: 1024px) {
    .homepage_visitor .adContent .shapeBg {
        width: 40%;
    }
}
.homepage_visitor .adContent .vectorImg {
    position: absolute;
    z-index: 0;
    top: 20px;
    right: 0;
    width: 50%;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .adContent .vectorImg {
        width: 40%;
    }
}
@media only screen and (min-width:769px) {
    .homepage_visitor .adContent .vectorImg {
        top: 40px;
        width: unset;
    }
}
.homepage_visitor .planContent {
    padding-top: 40px;
    padding-bottom: 50px;
    background-color: #ECF0F7;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .planContent {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
.homepage_visitor .planContent .contain .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}
.homepage_visitor .planContent .contain .logo img {
    width: 50px;
}
.homepage_visitor .planContent .contain > .title {
    margin: 0 auto;
    max-width: 200px;
    font-size: 24px;
    font-weight: 700;
    color: #373737;
    margin-bottom: 50px;
}
@media only screen and (min-width:425px) {
    .homepage_visitor .planContent .contain > .title {
        max-width: unset;
        text-align: center;
    }
}
.homepage_visitor .planContent .contain > .title a {
    color: #004098;
}
.homepage_visitor .planContent .contain .linkWrap {
    text-align: center;
    margin-top: 25px;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .planContent .contain .linkWrap {
        display: none;
    }
}
.homepage_visitor .planContent .plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .planContent .plans {
        gap: 40px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media only screen and (width: 1024px) {
    .homepage_visitor .planContent .plans {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.homepage_visitor .topicContent {
    padding-top: 30px;
    padding-bottom: 60px;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .topicContent {
        padding-top: 70px;
        padding-bottom: 80px;
    }
}
.homepage_visitor .topicContent_heading {
    margin-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.homepage_visitor .topicContent_heading .title {
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage_visitor .topicContent_heading .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.homepage_visitor .topicContent_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .topicContent_body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media only screen and (width: 1024px) {
    .homepage_visitor .topicContent_body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.homepage_visitor .topicContent_topics {
    width: 100%;
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .topicContent_topics {
        width: calc(100% - 300px);
    }
}
@media only screen and (width: 1024px) {
    .homepage_visitor .topicContent_topics {
        width: 100%;
    }
}
.homepage_visitor .topicContent_slider {
    margin-left: -10px;
    margin-right: -10px;
}
.homepage_visitor .topicContent_slider .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
}
.homepage_visitor .topicContent_ad {
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center;
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .topicContent_ad {
        width: 300px;
        min-width: 300px;
    }
}
.homepage_visitor .topicContent_ad,
.homepage_visitor .topicContent_ad iframe {
    margin: unset;
}
.homepage_visitor .planCard {
    height: 100%;
    padding: 30px 50px;
    background-color: #FFF;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width:576px) {
    .homepage_visitor .planCard {
        padding: 61px 82px 61px 50px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media only screen and (width: 1024px) {
    .homepage_visitor .planCard {
        padding: 61px 50px;
    }
}
.homepage_visitor .planCard--highlight {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 64, 152, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 64, 152, 0.5);
}
@media only screen and (min-width:576px) {
    .homepage_visitor .planCard .info {
        max-width: 55%;
    }
}
@media only screen and (width: 768px) {
    .homepage_visitor .planCard .info {
        max-width: 70%;
    }
}
@media only screen and (min-width:769px) {
    .homepage_visitor .planCard .info {
        max-width: 75%;
    }
}
@media only screen and (min-width:1024px) {
    .homepage_visitor .planCard .info {
        max-width: 50%;
    }
}
@media only screen and (width: 1024px) {
    .homepage_visitor .planCard .info {
        max-width: 75%;
    }
}
.homepage_visitor .planCard .title {
    font-size: 24px;
    font-weight: 700;
    color: #373737;
    margin-bottom: 12px;
    text-align: center;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .planCard .title {
        text-align: left;
    }
}
.homepage_visitor .planCard .items {
    margin-bottom: 10px;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .planCard .items {
        margin-bottom: unset;
    }
}
.homepage_visitor .planCard .items .item {
    position: relative;
    margin-left: 23px;
    font-size: 16px;
    line-height: 28px;
    color: #373737;
}
.homepage_visitor .planCard .items .item::before {
    content: "\e924";
    font-family: "icomoon";
    width: 22px;
    height: 22px;
    position: absolute;
    left: -23px;
    top: -2px;
    background-size: contain;
    font-size: 18px;
}
.homepage_visitor .planCard .priceInfo {
    width: 100%;
    text-align: center;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .planCard .priceInfo {
        width: unset;
        text-align: unset;
    }
}
.homepage_visitor .planCard .salePrice {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    color: #004098;
    margin-bottom: -5px;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .planCard .salePrice {
        display: block;
    }
}
.homepage_visitor .planCard .salePrice span {
    font-size: 36px;
    color: #004098;
}
.homepage_visitor .planCard .price {
    display: inline-block;
    text-align: end;
    font-size: 15px;
    color: #bababa;
    margin-bottom: 16px;
}
@media only screen and (min-width:576px) {
    .homepage_visitor .planCard .price {
        display: block;
    }
}
.homepage_visitor .planCard .price span {
    color: #bababa;
}
.homepage_visitor .planCard .btn_main {
    display: block;
    text-align: center;
}
.homepage_visitor .topicCard .imgWrap {
    margin-bottom: 10px;
    aspect-ratio: 16/9;
    border-radius: 5px;
    overflow: hidden;
}
.homepage_visitor .topicCard .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.homepage_visitor .topicCard .title:hover {
    opacity: 0.8;
}
.homepage_visitor .eventCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #FFFFFF;
}
.homepage_visitor .eventCard .eventCard_head .imgWrap .icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: linear-gradient(100deg, #96F187 0%, #00DCEB 100%);
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.homepage_visitor .eventCard .eventCard_head .imgWrap .icon .icon-arrow {
    font-size: 15px;
    line-height: 1;
    color: #FFF;
    position: relative;
    left: 1px;
}
@media (max-width: 767px) {
    .homepage_visitor .eventCard .eventCard_head .imgWrap .icon {
        width: 40px;
        height: 40px;
    }
    .homepage_visitor .eventCard .eventCard_head .imgWrap .icon .icon-arrow {
        font-size: 20px;
    }
}
.homepage_visitor .eventCard .eventCard_body > div:first-child {
    padding: 10px 15px;
}
.homepage_visitor .eventCard .eventCard_body .info {
    padding: 10px;
    border-top: 1px solid #F5F5F5;
}
@media only screen and (min-width:769px) {
    .homepage_visitor .eventCard {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px;
        padding: 15px;
    }
    .homepage_visitor .eventCard .title {
        margin-bottom: 10px;
    }
    .homepage_visitor .eventCard .eventCard_head {
        width: 40%;
    }
    .homepage_visitor .eventCard .eventCard_head .imgWrap {
        border-radius: 5px;
    }
    .homepage_visitor .eventCard .eventCard_body {
        width: 60%;
    }
    .homepage_visitor .eventCard .eventCard_body > div:first-child {
        padding: unset;
    }
    .homepage_visitor .eventCard .eventCard_body .info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: unset;
        border-top: unset;
    }
}
.homepage_visitor .eventCard--series {
    border: 1px solid #8CA9D1;
    background-color: #8CA9D1;
}
.homepage_visitor .eventCard--series .eventCard_head .tag {
    display: inline-block;
}
.homepage_visitor .eventCard--series .eventCard_body {
    background-color: #8CA9D1;
}
.homepage_visitor .eventCard--series .eventCard_body .eventCard_tag--lock {
    background-color: #FFF;
}
.homepage_visitor .eventCard--series .eventCard_body .title,
.homepage_visitor .eventCard--series .eventCard_body .info .address,
.homepage_visitor .eventCard--series .eventCard_body .info .authors,
.homepage_visitor .eventCard--series .eventCard_body .info .authors a {
    color: #FFF;
}
.homepage_visitor .eventCard--series .eventCard_body .date {
    color: rgba(255, 255, 255, 0.7);
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent {
    padding: 10px;
    border-top: 1px solid #7F9ECB;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .list {
    margin-left: 20px;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .list li {
    margin-bottom: 3px;
    font-size: 15px;
    word-break: break-all;
    color: #FFF;
    position: relative;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .list li::before {
    content: "•";
    display: block;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .list li::marker {
    vertical-align: middle;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .list li + li {
    margin-top: 3px;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .list li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #FFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .list li a:hover {
    opacity: 0.8;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .moreLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 20.8px;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .moreLink:hover {
    opacity: 0.8;
}
.homepage_visitor .eventCard--series .eventCard_body .subEvent .moreLink .icon {
    font-size: 13px;
    position: relative;
    top: 0.5px;
}
@media (max-width: 767px) {
    .homepage_visitor .eventCard--series .eventCard_body .info {
        border-top: 1px solid #7F9ECB;
    }
}

.homepage_subscription .searchContent {
    padding: 17px 0 20px;
    background-image: url("../images/m_herobanner.png");
    background-repeat: no-repeat;
    background-size: 100%;
}
@media only screen and (min-width:769px) {
    .homepage_subscription .searchContent {
        padding: 35px 0 45px;
        background-image: url("../images/pc_herobanner.png");
        background-size: cover;
    }
}
.homepage_subscription .searchContent_body .title {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.3;
    color: #FFF;
    margin-bottom: 8px;
}
@media only screen and (min-width:769px) {
    .homepage_subscription .searchContent_body .title {
        font-size: 38px;
        margin-bottom: 10px;
    }
}
.homepage_subscription .searchContent_body form {
    position: relative;
    width: 100%;
    padding: 18.5px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    background: linear-gradient(92.81deg, #00419C 1.07%, #00DCEB 116.99%);
}
@media only screen and (min-width:769px) {
    .homepage_subscription .searchContent_body form {
        width: 600px;
    }
}
.homepage_subscription .searchContent_body input[type=text] {
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 7.5px;
    height: 33px;
    width: 90%;
    position: relative;
}
@media only screen and (min-width:576px) {
    .homepage_subscription .searchContent_body input[type=text] {
        width: 95%;
    }
}
.homepage_subscription .searchContent_body .btn_close {
    position: absolute;
    top: 50%;
    right: 60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #bababa;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}
.homepage_subscription .searchContent_body .btn_close .icon-close-600::before {
    color: #fff;
}
.homepage_subscription .searchContent_body .btn_submit {
    font-size: 26px;
    color: #FFF;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
}
@media only screen and (min-width:576px) {
    .homepage_subscription .searchContent_body .btn_submit {
        right: 14px;
    }
}
.homepage_subscription .searchContent_body .keywords {
    display: none;
}
@media only screen and (min-width:769px) {
    .homepage_subscription .searchContent_body .keywords {
        display: block;
    }
}
.homepage_subscription .searchContent_body .keywords,
.homepage_subscription .searchContent_body .keywords a {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #FFF;
}
.homepage_subscription .searchContent_body .keywords a:hover {
    opacity: 0.8;
}
.homepage_subscription .carouselContent {
    padding-top: 30px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 36px;
}
@media only screen and (min-width:769px) {
    .homepage_subscription .carouselContent {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 65px;
    }
}
.homepage_subscription .carouselContent > div .title {
    margin-bottom: 35px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage_subscription .carouselContent > div .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
@media only screen and (min-width:769px) {
    .homepage_subscription .carouselContent .recommend_slider {
        margin-left: -10px;
        margin-right: -10px;
    }
}
.homepage_subscription .carouselContent .recommend_slider .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem {
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    overflow: hidden;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_image {
    aspect-ratio: 16/9;
    position: relative;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_image .mainImg {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: auto;
    height: 100%;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_image .downloadBg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_image .downloadBg::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem--download .mainImg {
    border-radius: 5px;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem--download .sliderItem_image .downloadBg {
    display: block;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_body {
    padding: 15px;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_body span + span {
    margin-left: 10px;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_body .tagWrap {
    min-height: 25.6px;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_body .sliderItem_title {
    min-height: 54.39px;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.homepage_subscription .carouselContent .recommend_slider .sliderItem_body .sliderItem_title:hover {
    opacity: 0.8;
}
.homepage_subscription .resourceContent {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #ECF0F7;
}
@media only screen and (min-width:992px) {
    .homepage_subscription .resourceContent {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
.homepage_subscription .resourceContent .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media only screen and (min-width:1024px) {
    .homepage_subscription .resourceContent .contain {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media only screen and (width: 1024px) {
    .homepage_subscription .resourceContent .contain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.homepage_subscription .resourceContent_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.homepage_subscription .resourceContent_heading .title {
    margin-bottom: 35px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage_subscription .resourceContent_heading .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.homepage_subscription .resourceContent_resource {
    width: 100%;
}
@media only screen and (min-width:1024px) {
    .homepage_subscription .resourceContent_resource {
        width: calc(100% - 300px);
    }
}
@media only screen and (width: 1024px) {
    .homepage_subscription .resourceContent_resource {
        width: 100%;
    }
}
.homepage_subscription .resourceContent_slider {
    margin-left: -10px;
    margin-right: -10px;
}
.homepage_subscription .resourceContent_slider .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
}
.homepage_subscription .resourceContent_ad {
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center;
}
@media only screen and (min-width:1024px) {
    .homepage_subscription .resourceContent_ad {
        min-width: 300px;
        width: 300px;
    }
}
.homepage_subscription .popularContent .articles {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media only screen and (min-width:992px) {
    .homepage_subscription .popularContent .articles {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.homepage_subscription .popularContent .topics {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media only screen and (min-width:576px) {
    .homepage_subscription .popularContent .topics {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.homepage_subscription .popularContent .topics .topicItem + .topicItem {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 64, 152, 0.05);
}
@media only screen and (min-width:769px) {
    .homepage_subscription .popularContent .topics .topicItem + .topicItem {
        padding-top: 30px;
        margin-top: 30px;
    }
}
.homepage_subscription .eventContent {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #ECF0F7;
}
@media only screen and (min-width:992px) {
    .homepage_subscription .eventContent {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
.homepage_subscription .eventContent .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 35px;
}
@media only screen and (min-width:1024px) {
    .homepage_subscription .eventContent .contain {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media only screen and (width: 1024px) {
    .homepage_subscription .eventContent .contain {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.homepage_subscription .eventContent .contain .events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media only screen and (min-width:576px) {
    .homepage_subscription .eventContent .contain .events {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.homepage_subscription .eventContent_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.homepage_subscription .eventContent_heading .title {
    margin-bottom: 35px;
    font-size: 27px;
    font-weight: 700;
    position: relative;
}
.homepage_subscription .eventContent_heading .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 80px;
    height: 2px;
    background-color: #004098;
}
.homepage_subscription .eventContent_ad {
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
}
@media only screen and (min-width:1024px) {
    .homepage_subscription .eventContent_ad {
        min-width: 300px;
        width: 300px;
    }
}
@media only screen and (width: 1024px) {
    .homepage_subscription .eventContent_ad {
        width: 100%;
    }
}
.homepage_subscription .resourceCard {
    background-color: #FFF;
    border-radius: 5px;
}
.homepage_subscription .topicCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}
.homepage_subscription .topicCard > a {
    display: block;
}
.homepage_subscription .topicCard > a:first-child {
    border-radius: 5px;
    overflow: hidden;
    width: 40%;
}
.homepage_subscription .topicCard .imgWrap {
    aspect-ratio: 16/9;
}
.homepage_subscription .topicCard .title {
    font-size: 17px;
    font-weight: 500;
    color: #373737;
    width: 60%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.homepage_subscription .topicCard .title:hover {
    opacity: 0.8;
}
.homepage_subscription .articleCard {
    border: 1px solid #EFEFEF;
}
.homepage_subscription .eventCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.homepage_subscription .eventCard_head {
    width: 100%;
}
.homepage_subscription .eventCard_head .imgWrap .icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(100deg, #96F187 0%, #00DCEB 100%);
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.homepage_subscription .eventCard_head .imgWrap .icon .icon-arrow {
    font-size: 20px;
    line-height: 1;
    color: #FFF;
    position: relative;
    left: 1px;
}
@media (max-width: 767px) {
    .homepage_subscription .eventCard_head .imgWrap .icon {
        width: 40px;
        height: 40px;
    }
    .homepage_subscription .eventCard_head .imgWrap .icon .icon-arrow {
        font-size: 20px;
    }
}
.homepage_subscription .eventCard_body > div:first-child {
    padding: 10px;
}
.homepage_subscription .eventCard_body .info {
    padding: 10px;
    border-top: 1px solid #F5F5F5;
}
.homepage_subscription .eventCard_body .title {
    min-height: 54.39px;
}

.edu_titleLogo, .edu_title {
    position: relative;
}
.edu_titleLogo:after, .edu_title:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 48px;
    height: 4px;
    background-color: #004098;
}

.edu_login .title, .edu_title {
    font-size: 26px;
    font-weight: 400;
    line-height: 39px;
    color: #373737;
    text-align: center;
}

.edu_header_login {
    width: 100%;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    background-color: #fff;
}
.edu_header_login .logoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0 auto;
    border-bottom: 1px solid #EFEFEF;
}
@media only screen and (min-width:769px) {
    .edu_header_login .logoWrap {
        width: calc(100% - 160px);
        height: 84px;
    }
}
.edu_header_login .logo {
    width: 195px;
}
.edu_header_common .brand .logo {
    margin-left: 20px;
}
.edu_header_common .brand.fixed .logo img {
    width: 200px;
}
.edu_header_common .brand.fixed .edu_account {
    top: 54px;
}
.edu_header_common .brand .edu_account {
    display: none;
    position: absolute;
    z-index: 2;
    top: 74px;
    right: 60px;
    padding: 24px 16px 32px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fff;
    width: 283px;
}
@media (max-width: 1200px) {
    .edu_header_common .brand .edu_account {
        right: 30px;
    }
}
@media (max-width: 990px) {
    .edu_header_common .brand .edu_account {
        top: 54px;
        right: 10px;
    }
}
.edu_header_common .brand .edu_account .text {
    padding: 8px 0;
    margin-bottom: 8px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #373737;
    border-bottom: 1px solid #e0e0e0;
}
.edu_header_common .brand .edu_account .accounts {
    margin-bottom: 24px;
}
.edu_header_common .brand .edu_account .accounts .account {
    padding: 12px 0;
    border-bottom: 1px solid #e0e0e0;
}
.edu_header_common .brand .edu_account .accounts .account a {
    font-size: 16px;
    line-height: 22px;
    color: #373737;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.edu_header_common .brand .edu_account .accounts .account.account--active a {
    color: #0051C1;
}
.edu_header_common .brand .edu_account .logoutBtn {
    display: block;
    padding: 12px 0;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #004098;
    background-color: #F5F5F5;
    border-radius: 45px;
}
.edu_header_common .userBtn {
    position: relative;
    top: 0;
    margin-left: 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.edu_header_common .userBtn .icon-user {
    font-size: 22px;
    color: #004098;
    position: relative;
    z-index: 1;
    top: 2px;
}
@media (max-width: 990px) {
    .edu_header_common .userBtn .icon-user {
        font-size: 25px;
    }
}
.edu_header_common .userBtn.scroll--down {
    top: -100px;
}
.edu_sidenav .side_collapse_left .side_navtop {
    padding: 45px 16px;
}
.edu_sidenav .side_collapse_left .side_navtop_txt {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin: unset;
}
.edu_footer_tooltip::before {
    top: -38px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #BABABA;
}
.edu_footer_tooltip::after {
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #BABABA transparent transparent transparent;
}
.edu_footer_tooltip::before {
    padding: 7px 17px;
    font-size: 14px;
    line-height: 1;
}
.edu_footer_tooltip:hover {
    border: 1px solid #fff !important;
    color: #fff !important;
}
.edu_footer_tooltip:hover::before, .edu_footer_tooltip:hover::after {
    opacity: 1;
    display: inline-block;
}
.edu_content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    background-color: #fff;
    padding-top: 64px;
}
@media only screen and (min-width:769px) {
    .edu_content {
        padding-top: 84px;
    }
}
.edu_content .mainBlock {
    width: 100%;
    margin: 0 auto;
    padding: 24px 16px 40px;
}
@media only screen and (min-width:769px) {
    .edu_content .mainBlock {
        width: 640px;
    }
}
.edu_content .backBtn {
    font-size: 16px;
    color: #373737;
    line-height: 23.17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
}
.edu_content .backBtn .icon-arrow-left2 {
    font-size: 20px;
    color: #373737;
    margin-right: 16px;
    position: relative;
    z-index: 1;
    top: 1px;
}
.edu_content .logo {
    margin: 0 auto;
}
.edu_content .logo_rectangle {
    width: 240px;
}
.edu_content .logo_square {
    width: 120px;
}
.edu_title {
    margin-bottom: 48px;
}
.edu_titleLogo {
    margin-bottom: 48px;
}
.edu_logos {
    width: 256px;
    margin: 0 auto;
}
@media only screen and (min-width:769px) {
    .edu_logos {
        width: 400px;
    }
}
.edu_logos .logoWrap {
    display: block;
    padding-bottom: 16px;
    border-bottom: 1px dashed #E0E0E0;
}
.edu_logos .logoWrap + .logoWrap {
    padding-top: 16px;
    border-top: 1px dashed #E0E0E0;
}
.edu_login {
    padding: 0 0 16px;
}
@media only screen and (min-width:769px) {
    .edu_login {
        width: 400px;
        padding: 0 16px 16px;
        margin: 0 auto;
    }
}
.edu_login .title {
    margin-bottom: 12px;
}
.edu_login .ssoLogin {
    margin-top: 28px;
}
.edu_login .ssoLogin .sso_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    border: 1px solid #14A83B;
    border-radius: 10px;
}
.edu_login .ssoLogin .sso_link img {
    width: 32px;
    margin-right: 4px;
}
.edu_login .ssoLogin .sso_link span {
    font-size: 18px;
    line-height: 26px;
    color: #373737;
}
.edu_login .ssoLogin .warnText {
    text-align: center;
    margin-top: 8px;
}
.edu_login .promptText {
    margin-top: 28px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #616161;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.edu_login .promptText::before, .edu_login .promptText::after {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    height: 1px;
    background-color: #656464;
}
.edu_login .promptText::before {
    margin-right: 16px;
}
.edu_login .promptText::after {
    margin-left: 16px;
}
.edu_login .generalLogin .formLabel {
    display: block;
}
.edu_login .generalLogin .formLabel span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #373737;
    margin-bottom: 8px;
    display: inline-block;
}
.edu_login .generalLogin .formLabel + .formLabel {
    margin-top: 12px;
}
.edu_login .generalLogin .passwordWrap {
    position: relative;
    margin-bottom: 8px;
}
.edu_login .generalLogin .passwordWrap .icon-eye,
.edu_login .generalLogin .passwordWrap .icon-eye-blocked {
    font-size: 14px;
    color: #949494;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.edu_login .generalLogin .formInput {
    margin: unset;
    padding: 15px 32px 15px 15px;
    border: 1px solid #EFEFEF;
    border-radius: 3px;
}
.edu_login .generalLogin .formInput::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
}
.edu_login .generalLogin .formInput::-moz-placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
}
.edu_login .generalLogin .formInput:-ms-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
}
.edu_login .generalLogin .formInput::-ms-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
}
.edu_login .generalLogin .formInput::placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
}
.edu_login .warnText {
    font-size: 14px;
    line-height: 20px;
    color: #e4007f;
}
.edu_login .btn_primary {
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    width: 100%;
    height: unset;
    padding: 12px 0;
    border-radius: 45px;
    margin-top: 28px;
    margin-bottom: unset;
    text-align: center;
}
.edu_login .link {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #004098;
    margin-top: 8px;
}

.article_container_body .eduPayWall_title, .article_container_body .eduPayWall_sprice, .article_container_body .eduPayWall_description {
    margin-top: unset;
}
.article_container_body .eduPayWall_planLink {
    margin: unset;
}

.lockWrap .eduPayWall {
    width: 303px;
    margin: 0 auto;
}
.lockWrap .eduPayWall_title {
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    color: #373737;
    margin-bottom: 20px;
    text-align: center;
}
.lockWrap .eduPayWall_content {
    padding: 12.5px 37.5px;
    background-color: #ECF0F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lockWrap .eduPayWall_sprice {
    font-size: 14px;
    line-height: 14px;
    color: #004098;
    margin-bottom: 11px;
}
.lockWrap .eduPayWall_sprice::after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: linear-gradient(92.81deg, #00419C 1.07%, #00DCEB 116.99%);
    border-radius: 10px;
    margin-top: 10px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.lockWrap .eduPayWall_sprice span {
    font-size: 50px;
    line-height: 68.1px;
    color: #004098;
}
.lockWrap .eduPayWall_description {
    font-size: 13px;
    line-height: 16.9px;
    color: #373737;
    max-width: 195px;
    margin-bottom: 10px;
}
.lockWrap .eduPayWall_payLink {
    width: 220px;
    text-align: center;
    margin-bottom: 10px;
}
.lockWrap .eduPayWall_planLink {
    font-size: 12px;
    line-height: 17px;
    color: #004098;
}

.donatePage {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
}
.donatePage input::-webkit-outer-spin-button,
.donatePage input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.donatePage input[type=number] {
    -moz-appearance: textfield;
}
.donatePage_summary .content, .donatePage_content .content {
    width: calc(100% - 32px);
    margin: 0 auto;
}
@media only screen and (min-width:769px) {
    .donatePage_summary .content, .donatePage_content .content {
        width: 100%;
    }
}
.donatePage_summary {
    position: relative;
    z-index: 2;
    padding: 70px 0 30px;
    background-color: #FFF;
}
.donatePage_summary .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.donatePage_summary .vectorImg {
    position: absolute;
    bottom: -120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.donatePage_summary .fishImg {
    width: 148px;
}
.donatePage_summary .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    color: #373737;
}
.donatePage_summary .text {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
@media only screen and (min-width:769px) {
    .donatePage_summary .text {
        max-width: 520px;
    }
}
.donatePage_content {
    position: relative;
    padding: 146px 0 130px;
    background: linear-gradient(94deg, rgba(150, 241, 135, 0.1) -2.61%, rgba(0, 220, 235, 0.1) 103.13%);
}
.donatePage_content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    color: #373737;
}
.donatePage_content::before, .donatePage_content::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 170%;
    height: 410px;
    border-radius: 50%;
    background-color: #FFF;
}
@media only screen and (min-width:576px) {
    .donatePage_content::before, .donatePage_content::after {
        width: 140%;
    }
}
.donatePage_content::before {
    top: -330px;
}
.donatePage_content::after {
    bottom: -346px;
}
.donatePage_content .gift {
    padding-bottom: 20px;
    text-align: center;
}
.donatePage_content .gift img {
    width: 50px;
}
.donatePage_content .gift .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: #373737;
    margin: 10px 0;
}
.donatePage_content .gift .text {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    color: #373737;
    margin-bottom: 5px;
}
.donatePage_content .gift .btn_basic {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
    color: #004098;
}
.donatePage_content .amount {
    width: 100%;
    padding: 50px;
    background-color: #FFF;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width:576px) {
    .donatePage_content .amount {
        width: 400px;
    }
}
.donatePage_content .amount.warn .inputWrap label {
    border-bottom: 1px solid #FF5C56;
}
.donatePage_content .amount.warn .inputMessage {
    color: #FF5C56;
}
.donatePage_content .amount .paymentInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}
.donatePage_content .amount .paymentInfo .text {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: #949494;
}
.donatePage_content .amount .btnGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
}
.donatePage_content .amount .btnGroup button {
    width: 100%;
    padding: 4.5px 0;
    border-radius: 30px;
    border: 1px solid #bababa;
    background-color: #FFF;
    font-size: 17px;
    line-height: 1.5;
    color: #373737;
}
.donatePage_content .amount .btnGroup button:hover {
    border: 1px solid #004098;
    background-color: #ECF0F7;
}
.donatePage_content .amount .inputWrap {
    margin-bottom: 10px;
}
.donatePage_content .amount .inputWrap label {
    border-bottom: 1px solid #616161;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0;
}
.donatePage_content .amount .inputWrap input {
    padding: 0;
    margin: 0;
    height: auto;
    border-radius: 0;
    border: none;
    text-align: center;
    font-size: 17px;
    line-height: 1.5;
}
.donatePage_content .amount .inputWrap input::-webkit-input-placeholder {
    font-size: 17px;
    line-height: 1.5;
    color: #bababa;
}
.donatePage_content .amount .inputWrap input::-moz-placeholder {
    font-size: 17px;
    line-height: 1.5;
    color: #bababa;
}
.donatePage_content .amount .inputWrap input:-ms-input-placeholder {
    font-size: 17px;
    line-height: 1.5;
    color: #bababa;
}
.donatePage_content .amount .inputWrap input::-ms-input-placeholder {
    font-size: 17px;
    line-height: 1.5;
    color: #bababa;
}
.donatePage_content .amount .inputWrap input::placeholder {
    font-size: 17px;
    line-height: 1.5;
    color: #bababa;
}
.donatePage_content .amount .inputWrap input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.donatePage_content .amount .inputMessage {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    color: #949494;
}
.donatePage_content .amount .confirm {
    width: 100%;
}
.donatePage_content .amount .confirm.disabled {
    cursor: not-allowed;
    background: #adadad;
    color: #fff;
}
.donatePage_content .note {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #616161;
}
.donatePage_content .note a {
    color: #004098;
}
.donatePage_description {
    position: relative;
    z-index: 2;
    padding: 30px 0 70px;
    background-color: #FFF;
}
.donatePage_description .contain > .title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: #373737;
    margin-bottom: 10px;
}
.donatePage_description .contain > .text {
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    color: #373737;
    margin-bottom: 30px;
}
@media only screen and (min-width:769px) {
    .donatePage_description .contain > .text {
        max-width: 500px;
    }
}
.donatePage_description .cardGroup {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
@media only screen and (min-width:576px) {
    .donatePage_description .cardGroup {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width:992px) {
    .donatePage_description .cardGroup {
        grid-template-columns: repeat(4, 1fr);
    }
}
.donatePage_description .cardGroup .card {
    padding: 25px;
    border-radius: 5px 25px;
    border: double 5px transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(rgba(150, 241, 135, 0.1)), to(rgba(0, 220, 235, 0.1)));
    background-image: linear-gradient(white, white), linear-gradient(to right, rgba(150, 241, 135, 0.1), rgba(0, 220, 235, 0.1));
    background-origin: border-box;
    background-clip: padding-box, border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
}
.donatePage_description .cardGroup .card img {
    width: 40px;
}
.donatePage_description .cardGroup .card .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
}
.donatePage_description .cardGroup .card .text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #373737;
}
.donatePage_description .vectorImg {
    position: absolute;
    z-index: -1;
}
.donatePage_description .vectorImg_arrow {
    top: -105px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.donatePage_description .vectorImg_airplane {
    top: -30px;
    left: -100px;
}
@media only screen and (min-width:769px) {
    .donatePage_description .vectorImg_airplane {
        top: 0px;
        left: 0;
    }
}
@media only screen and (min-width:992px) {
    .donatePage_description .vectorImg_airplane {
        top: 50px;
        left: 0;
    }
}
.donatePage_description .vectorImg_airplane img {
    width: 270px;
}
@media only screen and (min-width:769px) {
    .donatePage_description .vectorImg_airplane img {
        width: 300px;
    }
}
.donatePage .modal-content {
    position: fixed;
    max-width: none;
}
.donatePage .modal_text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
}
.donatePage .modal img {
    max-width: 300px;
}
@media only screen and (min-width:769px) {
    .donatePage .modal img {
        max-width: 400px;
    }
}

.footer {
    background-color: #004098;
    padding: 30px 0 15px;
    position: relative;
    z-index: 1;
}
.footer .footer_contain--width {
    width: 160px;
}
.footer .footer_title {
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 5px;
    font-weight: bold;
    min-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .footer .footer_title {
        font-size: 17px;
        color: #ffffff;
        border-top: 1px solid #0051c1;
        padding: 15px 0;
    }
    .footer .footer_title--nth1 {
        border-top: none;
    }
}
.footer .footer_title i {
    display: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
@media (max-width: 767px) {
    .footer .footer_title i {
        display: inline-block;
        color: #ffffff;
    }
}
@media (max-width: 767px) {
    .footer .footer_nav_list {
        padding: 0 16px 15px;
    }
}
@media (max-width: 767px) {
    .footer .footer_nav_list li {
        padding: 5px 0;
    }
}
.footer .footer_nav_list li a {
    font-size: 0.9rem;
    color: #ffffff;
}
@media (max-width: 767px) {
    .footer .footer_nav_list li a {
        font-size: 17px;
    }
}
.footer .footer_nav_list li a:hover {
    color: #00DAEE;
}
.footer .footer_nav_list li a i {
    font-size: 15px;
    color: #ffffff;
    position: relative;
    top: 2px;
    margin-right: 3px;
}
@media (max-width: 767px) {
    .footer .social_list .footer_nav_list {
        padding: 0 16px;
    }
}
.footer .footer_edm {
    text-align: center;
    margin-right: 15px;
    border-radius: 3px;
    margin: auto;
    margin-top: 10px;
}
.footer .footer_edm i {
    font-size: 26px;
    vertical-align: middle;
    padding: 0 3px;
    top: -2px;
}
.footer .footer_copyright {
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
@media (max-width: 767px) {
    .footer .footer_copyright {
        padding-bottom: 50px;
    }
}
.footer .footer_copyright p, .footer .footer_copyright a {
    font-size: 0.75rem;
    color: #bababa;
    line-height: 1.5;
}
.footer .footer_copyright a {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .footer .slide_down {
        display: none;
    }
}

.icon-arrow-down {
    width: 20px;
    height: 20px;
    right: 28px;
    z-index: 5;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    opacity: 0.9;
    cursor: pointer;
}
.icon-arrow-down.rotate {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.cookieStatement {
    display: none;
    position: fixed;
    bottom: 0;
    left: 15px;
    z-index: 29;
    width: 280px;
    padding: 20px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.05);
    border-top: 5px solid #ECF0F7;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}
@media (max-width: 767px) {
    .cookieStatement {
        width: 100%;
        left: 0;
    }
}
.cookieStatement .text, .cookieStatement .link {
    font-size: 14px;
    line-height: 20px;
}
.cookieStatement .text {
    text-align: left;
    color: #373737;
    margin-bottom: 10px;
}
.cookieStatement .link {
    color: #004098;
}
.cookieStatement .btn_main {
    margin-bottom: unset;
}

.modalTos {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modalTos .tosWrap {
    width: 320px;
    padding: 30px 20px 25px;
    background-color: #FFFFFF;
    border-radius: 5px;
}
@media (max-width: 320px) {
    .modalTos .tosWrap {
        margin: 0 16px;
    }
}
.modalTos .title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #373737;
    margin-bottom: 10px;
}
.modalTos .text, .modalTos .link {
    font-size: 17px;
    line-height: 27px;
}
.modalTos .text {
    color: #373737;
    margin-bottom: 10px;
}
.modalTos .link {
    color: #004098;
}
.modalTos .btn_main {
    margin-bottom: unset;
    width: 100%;
}

/* The switch - the box around the slider */
.components-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    max-width: 50px;
    height: 28px;
}

/* Hide default HTML checkbox */
.components-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.components-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #004098;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.components-switch-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .components-switch-slider {
    background-color: #004098;
}

input:focus + .components-switch-slider {
    -webkit-box-shadow: 0 0 1px #004098;
    box-shadow: 0 0 1px #004098;
}

input:checked + .components-switch-slider:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.components-switch-slider.round {
    border-radius: 34px;
}

.components-switch-slider.round:before {
    border-radius: 50%;
}

.page-college {
    min-height: 80vh;
}
.page-college .hero {
    padding: 0;
    background: linear-gradient(93deg, rgba(150, 241, 135, 0.08) -2.63%, rgba(0, 220, 235, 0.08) 103.93%);
}
.page-college .hero .hero-wrapper {
    padding: 30px 0 0 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper {
        padding: 50px 0 0 0;
    }
}
.page-college .hero .hero-wrapper .hero-icon--left {
    position: absolute;
    z-index: 3;
    top: 30px;
    left: -20px;
}
@media (min-width: 425px) {
    .page-college .hero .hero-wrapper .hero-icon--left {
        left: 0px;
    }
}
@media only screen and (min-width:576px) {
    .page-college .hero .hero-wrapper .hero-icon--left {
        left: 10%;
    }
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .hero-icon--left {
        left: -30px;
    }
}
@media only screen and (min-width:992px) {
    .page-college .hero .hero-wrapper .hero-icon--left {
        left: 0px;
    }
}
@media only screen and (min-width:1400px) {
    .page-college .hero .hero-wrapper .hero-icon--left {
        left: 15%;
    }
}
.page-college .hero .hero-wrapper .hero-icon--left.mobile {
    display: block;
    width: 102px;
    height: 174px;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .hero-icon--left.mobile {
        display: none;
    }
}
.page-college .hero .hero-wrapper .hero-icon--left.desktop {
    display: none;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .hero-icon--left.desktop {
        display: block;
        width: 290px;
        height: 220px;
    }
}
.page-college .hero .hero-wrapper .hero-icon--right {
    position: absolute;
    z-index: 3;
    top: 20px;
    right: -20px;
}
@media (min-width: 425px) {
    .page-college .hero .hero-wrapper .hero-icon--right {
        right: 0px;
    }
}
@media only screen and (min-width:576px) {
    .page-college .hero .hero-wrapper .hero-icon--right {
        right: 10%;
    }
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .hero-icon--right {
        right: -30px;
    }
}
@media only screen and (min-width:992px) {
    .page-college .hero .hero-wrapper .hero-icon--right {
        right: 0px;
    }
}
@media only screen and (min-width:1400px) {
    .page-college .hero .hero-wrapper .hero-icon--right {
        right: 15%;
    }
}
.page-college .hero .hero-wrapper .hero-icon--right.mobile {
    display: block;
    width: 106px;
    height: 202px;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .hero-icon--right.mobile {
        display: none;
    }
}
.page-college .hero .hero-wrapper .hero-icon--right.desktop {
    display: none;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .hero-icon--right.desktop {
        display: block;
        width: 284px;
        height: 229px;
    }
}
.page-college .hero .hero-wrapper .circle1 {
    position: absolute;
    width: 182px;
    height: 182px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 220, 235, 0.3) 0%, rgba(238, 253, 247, 0) 100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -15%;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .circle1 {
        width: 338px;
        height: 338px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0%;
    }
}
.page-college .hero .hero-wrapper .circle2 {
    position: absolute;
    width: 142px;
    height: 142px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(150, 241, 135, 0.6) 0%, rgba(238, 253, 247, 0) 100%);
    top: -30%;
    left: 10%;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .circle2 {
        width: 338px;
        height: 338px;
        top: -65%;
        left: 20%;
    }
}
.page-college .hero .hero-wrapper .circle3 {
    position: absolute;
    width: 258px;
    height: 258px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 220, 235, 0.4) 0%, rgba(231, 252, 252, 0) 100%);
    top: -50%;
    right: -10%;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .circle3 {
        width: 609px;
        height: 609px;
        top: -100%;
        right: 0%;
    }
}
.page-college .hero .hero-wrapper .text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
}
.page-college .hero .hero-wrapper .text .tag {
    background: linear-gradient(93deg, #1C2271 1.07%, #00419C 116.99%);
    border-radius: 50px;
    font-size: 12px;
    line-height: 18.2px;
    color: #fff;
    padding: 4px 15px;
    margin-bottom: 5px;
}
.page-college .hero .hero-wrapper .text .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
    color: #004098;
    margin-bottom: 10px;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .text .title {
        font-size: 48px;
    }
}
.page-college .hero .hero-wrapper .text .subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    color: #004098;
    margin-bottom: 8px;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .text .subtitle {
        font-size: 30px;
    }
}
.page-college .hero .hero-wrapper .text .subtitle .line-wrapper {
    position: relative;
    color: #004098;
    line-height: 130%;
}
.page-college .hero .hero-wrapper .text .subtitle .line-wrapper .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #00DAEE;
    opacity: 0.5;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .text .subtitle .line-wrapper .line {
        bottom: 2px;
    }
}
.page-college .hero .hero-wrapper .text .remark {
    color: #373737;
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 16px;
}
@media only screen and (min-width:769px) {
    .page-college .hero .hero-wrapper .text .remark {
        font-size: 20px;
    }
}
.page-college .hero .hero-wrapper .text .icon-arrow {
    height: 50px;
}
.page-college .course-list-header,
.page-college .event-list-header,
.page-college .product-list-header {
    max-width: 1180px;
    padding: 0 10px;
    margin: 0 auto;
}
.page-college .course-list-header .header-wrapper,
.page-college .event-list-header .header-wrapper,
.page-college .product-list-header .header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.page-college .course-list-header .header-wrapper .title,
.page-college .event-list-header .header-wrapper .title,
.page-college .product-list-header .header-wrapper .title {
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    color: #373737;
    margin-bottom: 8px;
}
.page-college .course-list-header .header-wrapper .divider,
.page-college .event-list-header .header-wrapper .divider,
.page-college .product-list-header .header-wrapper .divider {
    width: 80px;
    height: 2px;
    border-radius: 10px;
    background: #004098;
}
.page-college .course-list-header .link-wrapper,
.page-college .event-list-header .link-wrapper,
.page-college .product-list-header .link-wrapper {
    cursor: pointer;
}
.page-college .course-list-header .link-wrapper:hover,
.page-college .event-list-header .link-wrapper:hover,
.page-college .product-list-header .link-wrapper:hover {
    opacity: 0.8;
}
.page-college .course-list-header .link-wrapper .link,
.page-college .event-list-header .link-wrapper .link,
.page-college .product-list-header .link-wrapper .link {
    font-size: 17px;
    line-height: 17px;
    color: #004098;
}
.page-college .course-list-header .link-wrapper .icon-arrow-right,
.page-college .event-list-header .link-wrapper .icon-arrow-right,
.page-college .product-list-header .link-wrapper .icon-arrow-right {
    font-size: 15px;
    color: #004098;
}
.page-college .course-list-header .subtitle,
.page-college .event-list-header .subtitle,
.page-college .product-list-header .subtitle {
    font-size: 17px;
    line-height: 28px;
    color: #373737;
}
.page-college .course {
    padding: 0 0 35px 0;
    background: linear-gradient(93deg, rgba(150, 241, 135, 0.08) -2.63%, rgba(0, 220, 235, 0.08) 103.93%);
}
@media only screen and (min-width:1024px) {
    .page-college .course {
        padding: 0 0 50px 0;
    }
}
@media (min-width: 1200px) {
    .page-college .course {
        min-height: 500px;
    }
}
.page-college .course .course-card-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 25px 10px 0 10px;
}
.page-college .event {
    padding: 35px 0;
    background: #fff;
}
@media only screen and (min-width:1024px) {
    .page-college .event {
        padding: 50px 0;
    }
}
@media (min-width: 1200px) {
    .page-college .event {
        min-height: 400px;
    }
}
.page-college .event .event-card-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 25px 10px 0 10px;
}
.page-college .product {
    padding: 35px 0;
    background: #ecf0f7;
}
@media only screen and (min-width:1024px) {
    .page-college .product {
        padding: 50px 0;
    }
}
@media (min-width: 1200px) {
    .page-college .product {
        min-height: 400px;
    }
}
.page-college .product .product-card-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 25px 10px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
@media only screen and (min-width:1024px) {
    .page-college .product .product-card-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
.page-college .comment {
    padding: 35px 0 0 0;
    background: #fff;
}
@media only screen and (min-width:1024px) {
    .page-college .comment {
        padding: 50px 0 0 0;
    }
}
.page-college .comment .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
}
.page-college .comment .header .logo {
    width: 50px;
    height: 100%;
    margin-bottom: 10px;
}
.page-college .comment .header .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
}
.page-college .comment .header .title .blue {
    color: #004098;
}
.page-college .comment .header .title .gray {
    color: #373737;
}
.page-college .comment .iframe-wrapper {
    margin: 25px auto 0 auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.page-college .comment .iframe-wrapper::-webkit-scrollbar {
    display: none;
}
.page-college .comment .comment-card-wrapper {
    margin: 0 auto;
    padding: 25px 0 0 0;
}
.page-college .comment .comment-card-wrapper .slick-list {
    padding-left: 0 !important;
}
.page-college .comment .comment-card-wrapper .slick-slide {
    margin: 0 10px !important;
}
.page-college .card_comment {
    width: 100%;
    background: #F8F8F8;
    padding: 20px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
    overflow: hidden;
}
.page-college .card_comment .icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}
.page-college .card_comment .icon-wrapper .icon-star {
    font-size: 15px;
    color: #00DAEE;
}
.page-college .card_comment .content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 17px;
    line-height: 25.5px;
    color: #000;
}
.page-college .card_comment .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.page-college .card_comment .card-footer .avatar {
    width: 44px;
    height: 44px;
}
.page-college .card_comment .card-footer .course-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page-college .card_comment .card-footer .course-wrapper .user {
    font-size: 13px;
    line-height: 160%;
    color: #949494;
}
.page-college .card_comment .card-footer .course-wrapper .course-content {
    font-size: 13px;
    font-weight: 500;
    line-height: 160%;
    color: #004098;
}
.page-college .about {
    position: relative;
    padding: 35px 0 50px 0;
    background: #fff;
    overflow: hidden;
}
@media only screen and (min-width:1024px) {
    .page-college .about {
        padding: 50px 0 120px 0;
    }
}
.page-college .about .wrapper {
    position: relative;
}
@media only screen and (min-width:1024px) {
    .page-college .about .wrapper {
        min-height: 368px;
    }
}
.page-college .about .wrapper .image-paper-plane {
    position: absolute;
    top: -30px;
    right: -15px;
    width: 200px;
}
@media only screen and (min-width:1024px) {
    .page-college .about .wrapper .image-paper-plane {
        top: -45px;
        width: 344px;
    }
}
.page-college .about .wrapper .circle-left {
    width: 60%;
    height: 220px;
    border-radius: 0px 100px 100px 0px;
    background: linear-gradient(93deg, rgba(150, 241, 135, 0.5) -2.63%, rgba(0, 220, 235, 0.5) 103.93%);
}
@media only screen and (min-width:992px) {
    .page-college .about .wrapper .circle-left {
        left: 50%;
    }
}
@media only screen and (min-width:769px) {
    .page-college .about .wrapper .circle-left {
        left: 40%;
    }
}
@media only screen and (min-width:1024px) {
    .page-college .about .wrapper .circle-left {
        width: 30%;
    }
}
@media (min-width: 1440px) {
    .page-college .about .wrapper .circle-left {
        height: 317px;
    }
}
.page-college .about .wrapper .image-banner {
    position: absolute;
    top: 56px;
    left: 0;
    width: 338px;
    height: 188px;
    z-index: 3;
    border-radius: 100px 5px;
}
@media (min-width: 425px) {
    .page-college .about .wrapper .image-banner {
        left: 10%;
    }
}
@media only screen and (min-width:576px) {
    .page-college .about .wrapper .image-banner {
        left: 20%;
    }
}
@media only screen and (min-width:769px) {
    .page-college .about .wrapper .image-banner {
        left: 30%;
    }
}
@media only screen and (min-width:992px) {
    .page-college .about .wrapper .image-banner {
        left: 40%;
    }
}
@media only screen and (min-width:1024px) {
    .page-college .about .wrapper .image-banner {
        top: 78px;
        left: 10%;
    }
}
@media (min-width: 1440px) {
    .page-college .about .wrapper .image-banner {
        width: 522px;
        height: 290px;
    }
}
@media (min-width: 1600px) {
    .page-college .about .wrapper .image-banner {
        left: 15%;
    }
}
.page-college .about .wrapper .circle-right {
    position: absolute;
    top: -120px;
    right: -120px;
    width: 354px;
    height: 354px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 220, 235, 0.2) 0%, rgba(231, 252, 252, 0) 100%);
}
@media only screen and (min-width:1024px) {
    .page-college .about .wrapper .circle-right {
        width: 609px;
        height: 609px;
    }
}
.page-college .about .content {
    padding: 50px 10px 0 10px;
    z-index: 5;
}
@media only screen and (min-width:1024px) {
    .page-college .about .content {
        max-width: 460px;
        padding: 0;
        position: absolute;
        top: 87px;
        left: 50%;
    }
}
.page-college .about .content .title {
    font-size: 25px;
    font-weight: 700;
    line-height: 160%;
    color: #373737;
    margin: 0 0 15px 0;
}
.page-college .about .content .subtitle {
    font-size: 18px;
    line-height: 160%;
    color: #373737;
}
.page-college .about .content .circle-wrapper {
    max-width: 460px;
    margin: 0 auto;
    padding: 15px 0 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-college .about .content .circle-wrapper .circle {
    position: relative;
    width: 65px;
    height: 65px;
}
@media only screen and (min-width:1024px) {
    .page-college .about .content .circle-wrapper .circle {
        width: 80px;
        height: 80px;
    }
}
.page-college .about .content .circle-wrapper .circle .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-college .about .content .circle-wrapper .circle .text {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 160%;
    color: #fff;
    z-index: 3;
}
.page-college .about .content .link-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width:1024px) {
    .page-college .about .content .link-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.page-college .about .content .link-wrapper .link {
    cursor: pointer;
    font-size: 17px;
    line-height: 25.5px;
    color: #004098;
}
.page-college .about .content .link-wrapper .link:hover {
    opacity: 0.8;
}
.page-college .about .content .link-wrapper .link .icon-arrow-right {
    font-size: 15px;
    color: #004098;
}
.page-college .swiper .swiper-button-prev,
.page-college .swiper .swiper-button-next {
    color: #00daee;
}

.page-college-course {
    width: 100%;
    min-height: 80vh;
    padding-top: 20px;
    padding-bottom: 35px;
}
@media only screen and (min-width:769px) {
    .page-college-course {
        padding-top: 30px;
        padding-bottom: 45px;
        padding-left: 2%;
        padding-right: 2%;
    }
}
.page-college-course .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 0 0 10px 0;
    font-size: 14px;
    line-height: 14px;
    color: #373737;
}
.page-college-course .breadcrumb .link {
    cursor: pointer;
}
.page-college-course .breadcrumb .link:hover {
    color: #004098;
}
.page-college-course .title {
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    color: #373737;
}
.page-college-course .course-card-wrapper {
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.page-college-course .course-card-wrapper:has(.empty-search-result) {
    display: initial;
}
@media only screen and (min-width:769px) {
    .page-college-course .course-card-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width:1024px) {
    .page-college-course .course-card-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (min-width:1400px) {
    .page-college-course .course-card-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}
.page-college-course .button-wrapper {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-college-course .button-wrapper .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 7px 8.5px 17px;
    border-radius: 35px;
    background: #fff;
    border: 1px solid #004098;
    color: #004098;
    font-size: 17px;
    line-height: 14px;
}
.page-college-course .button-wrapper .button:hover {
    background: #e0e0e0;
    color: #1C2271;
    border: 1px solid #1C2271;
}

.page-college-event {
    width: 100%;
    min-height: 80vh;
    padding-top: 20px;
    padding-bottom: 35px;
}
@media only screen and (min-width:769px) {
    .page-college-event {
        padding-top: 30px;
        padding-bottom: 45px;
        padding-left: 2%;
        padding-right: 2%;
    }
}
.page-college-event .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 0 0 10px 0;
    font-size: 14px;
    line-height: 14px;
    color: #373737;
}
.page-college-event .breadcrumb .link {
    cursor: pointer;
}
.page-college-event .breadcrumb .link:hover {
    color: #004098;
}
.page-college-event .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-college-event .title-wrapper .title {
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    color: #373737;
}
.page-college-event .title-wrapper .orderBy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.page-college-event .title-wrapper .orderBy span,
.page-college-event .title-wrapper .orderBy button {
    font-size: 17px;
    line-height: 18px;
}
.page-college-event .title-wrapper .orderBy > span {
    color: #949494;
    margin-right: 5px;
}
.page-college-event .title-wrapper .orderBy button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-college-event .title-wrapper .orderBy button .text {
    color: #373737;
}
.page-college-event .title-wrapper .orderBy button img {
    margin-left: 8px;
    -webkit-filter: invert(33%) sepia(34%) saturate(0%) hue-rotate(200deg) brightness(98%) contrast(82%);
    filter: invert(33%) sepia(34%) saturate(0%) hue-rotate(200deg) brightness(98%) contrast(82%);
}
.page-college-event .title-wrapper .orderBy .dropdown {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    padding: 15px 0 15px 15px;
    min-width: 120px;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    display: none;
}
.page-college-event .title-wrapper .orderBy .dropdown_list .item,
.page-college-event .title-wrapper .orderBy .dropdown_list .icon-checked {
    font-size: 17px;
    line-height: 1;
    color: #373737;
}
.page-college-event .title-wrapper .orderBy .dropdown_list .item:hover {
    cursor: pointer;
}
.page-college-event .title-wrapper .orderBy .dropdown_list .item + .item {
    margin-top: 13px;
}
.page-college-event .title-wrapper .orderBy .dropdown_list .item .icon-checked {
    opacity: 0;
}
.page-college-event .title-wrapper .orderBy .dropdown_list .item--active, .page-college-event .title-wrapper .orderBy .dropdown_list .item--active .icon-checked {
    color: #004098;
    opacity: 1;
}
.page-college-event .event-card-wrapper {
    padding: 0;
}
.page-college-event .event-card-wrapper > div {
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.page-college-event .event-card-wrapper > div:has(.empty-search-result) {
    display: initial;
}
@media only screen and (min-width:769px) {
    .page-college-event .event-card-wrapper > div {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width:1024px) {
    .page-college-event .event-card-wrapper > div {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (min-width:1400px) {
    .page-college-event .event-card-wrapper > div {
        grid-template-columns: repeat(4, 1fr);
    }
}
.page-college-event .button-wrapper {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-college-event .button-wrapper .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 7px 8.5px 17px;
    border-radius: 35px;
    background: #fff;
    border: 1px solid #004098;
    color: #004098;
    font-size: 17px;
    line-height: 14px;
}
.page-college-event .button-wrapper .button:hover {
    background: #e0e0e0;
    color: #1C2271;
    border: 1px solid #1C2271;
}

.page-college-product {
    width: 100%;
    min-height: 80vh;
    padding-top: 20px;
    padding-bottom: 35px;
}
@media only screen and (min-width:769px) {
    .page-college-product {
        padding-top: 30px;
        padding-bottom: 45px;
        padding-left: 2%;
        padding-right: 2%;
    }
}
.page-college-product .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 0 0 10px 0;
    font-size: 14px;
    line-height: 14px;
    color: #373737;
}
.page-college-product .breadcrumb .link {
    cursor: pointer;
}
.page-college-product .breadcrumb .link:hover {
    color: #004098;
}
.page-college-product .title {
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
    color: #373737;
}
.page-college-product .product-card-wrapper {
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.page-college-product .product-card-wrapper:has(.empty-search-result) {
    display: initial;
}
@media only screen and (min-width:769px) {
    .page-college-product .product-card-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
.page-college-product .button-wrapper {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-college-product .button-wrapper .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 7px 8.5px 17px;
    border-radius: 35px;
    background: #fff;
    border: 1px solid #004098;
    color: #004098;
    font-size: 17px;
    line-height: 14px;
}
.page-college-product .button-wrapper .button:hover {
    background: #e0e0e0;
    color: #1C2271;
    border: 1px solid #1C2271;
}

.page-college-course-id {
    min-height: 80vh;
    background: #fff;
    position: relative;
}

.page-college-event-id {
    min-height: 80vh;
    background: #fff;
    position: relative;
}

.page-college-product-id {
    min-height: 80vh;
    background: #fff;
    position: relative;
}

.card_course {
    cursor: pointer;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    overflow: hidden;
}
.card_course:hover .image {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.card_course .image-wrapper {
    position: relative;
    overflow: hidden;
}
.card_course .image-wrapper .new-tag {
    position: absolute;
    top: 0;
    left: 8px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    color: #fff;
    background: #FF5C56;
    border-radius: 0px 0px 3px 3px;
    z-index: 3;
}
.card_course .image-wrapper .image {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.card_course .content-wrapper {
    padding: 15px 15px 20px 15px;
}
.card_course .content-wrapper .tag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 13px;
    line-height: 130%;
    padding: 3px 5px;
    border-radius: 3px;
}
.card_course .content-wrapper .tag.blue {
    color: #00DAEE;
    border: 1px solid #00DAEE;
    background: #fff;
}
.card_course .content-wrapper .tag.red {
    color: #FF5C56;
    border: 1px solid #FF5C56;
    background: #fff;
}
.card_course .content-wrapper .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    color: #373737;
    margin: 5px 0;
}
.card_course .content-wrapper .subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 52px;
    color: #616161;
    margin-bottom: 8px;
}
.card_course .content-wrapper .info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-width: 0;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}
.card_course .content-wrapper .info .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 19.6px;
    color: #949494;
}
.card_course .content-wrapper .info .time .icon-clock {
    font-size: 15px;
    color: #00DAEE;
}
.card_course .content-wrapper .info .time .text {
    min-width: 52px;
    color: #949494;
}
.card_course .content-wrapper .info .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 19.6px;
}
.card_course .content-wrapper .info .user .icon-user {
    font-size: 15px;
    color: #00DAEE;
}
.card_course .content-wrapper .info .user .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-width: 0;
    color: #949494;
}
.card_course .content-wrapper .price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    min-height: 34px;
}
.card_course .content-wrapper .price-wrapper .price-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.card_course .content-wrapper .price-wrapper .price-group .price {
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    color: #004098;
}
.card_course .content-wrapper .price-wrapper .price-group .number {
    color: #004098;
    margin: 0 2px;
}
.card_course .content-wrapper .price-wrapper .price-group .price--small {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #004098;
}
.card_course .content-wrapper .price-wrapper .origin-price {
    font-size: 14px;
    line-height: 22px;
    text-decoration-line: line-through;
    color: #bababa;
}
.card_course .content-wrapper .price-wrapper .origin-price .number {
    color: #bababa;
}
.card_course .content-wrapper .price-wrapper .price--sold-out {
    font-size: 14px;
    line-height: 34px;
    color: #FF5C56;
}

.card_event {
    cursor: pointer;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    overflow: hidden;
}
.card_event:hover .image {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.card_event .image-wrapper {
    position: relative;
    overflow: hidden;
}
.card_event .image-wrapper .new-tag {
    position: absolute;
    top: 0;
    left: 8px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 3px 3px;
    z-index: 3;
}
.card_event .image-wrapper .image {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.card_event .image-wrapper .play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(93deg, #96F187 -2.63%, #00DCEB 103.93%);
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    z-index: 3;
}
.card_event .image-wrapper .play-button .icon-arrow {
    font-size: 20px;
    color: #fff;
}
.card_event .content-wrapper {
    padding: 15px 15px 20px 15px;
}
.card_event .content-wrapper .date {
    font-size: 13px;
    line-height: 140%;
    color: #949494;
}
.card_event .content-wrapper .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 51px;
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #373737;
    margin: 5px 0 8px 0;
}
.card_event .content-wrapper .info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-width: 0;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-bottom: 8px;
}
.card_event .content-wrapper .info .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 19.6px;
    color: #949494;
}
.card_event .content-wrapper .info .time .icon-clock {
    font-size: 15px;
    color: #00DAEE;
}
.card_event .content-wrapper .info .time .text {
    min-width: 52px;
    color: #949494;
}
.card_event .content-wrapper .info .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 19.6px;
}
.card_event .content-wrapper .info .user .icon-user {
    font-size: 15px;
    color: #00DAEE;
}
.card_event .content-wrapper .info .user .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-width: 0;
    color: #949494;
}
.card_event .content-wrapper .price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    min-height: 28px;
}
.card_event .content-wrapper .price-wrapper .price-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.card_event .content-wrapper .price-wrapper .price-group .price {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #004098;
}
.card_event .content-wrapper .price-wrapper .price-group .number {
    color: #004098;
    margin: 0 2px;
}
.card_event .content-wrapper .price-wrapper .price-group .price--small {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #004098;
}
.card_event .content-wrapper .price-wrapper .origin-price {
    font-size: 12px;
    line-height: 20px;
    text-decoration-line: line-through;
    color: #bababa;
}
.card_event .content-wrapper .price-wrapper .origin-price .number {
    color: #bababa;
}
.card_event .content-wrapper .price-wrapper .price--sold-out {
    font-size: 14px;
    line-height: 28px;
    color: #FF5C56;
}

.empty-search-result {
    height: 40vh;
    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.empty-search-result.hidden {
    display: none !important;
}
.empty-search-result .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    color: #373737;
    margin: 8px 0 5px 0;
}
@media only screen and (min-width:769px) {
    .empty-search-result .title {
        font-size: 20px;
    }
}

.card_product {
    cursor: pointer;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    overflow: hidden;
}
.card_product:hover .image {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.card_product .image-wrapper {
    position: relative;
    overflow: hidden;
    min-width: 160px;
    min-height: 90px;
    width: 160px;
    height: 90px;
}
@media only screen and (min-width:1024px) {
    .card_product .image-wrapper {
        min-width: 240px;
        min-height: 135px;
        width: 240px;
        height: 135px;
    }
}
.card_product .image-wrapper .image {
    border-radius: 5px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.card_product .content-wrapper {
    overflow: hidden;
}
.card_product .content-wrapper .tag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px 5px;
    font-size: 13px;
    line-height: 130%;
    color: #004098;
    border: 1px solid #004098;
    border-radius: 3px;
    margin-bottom: 5px;
}
.card_product .content-wrapper .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #373737;
    margin: 0 0 8px 0;
}
@media only screen and (min-width:1024px) {
    .card_product .content-wrapper .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin: 0 0 5px 0;
    }
}
.card_product .content-wrapper .subtitle {
    display: none;
}
@media only screen and (min-width:1024px) {
    .card_product .content-wrapper .subtitle {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        min-width: 210px;
        min-height: 40px;
        font-size: 14px;
        line-height: 19.6px;
        color: #949494;
        margin-bottom: 8px;
    }
}
@media (min-width: 1200px) {
    .card_product .content-wrapper .subtitle {
        min-width: 294px;
    }
}
@media (min-width: 1250px) {
    .card_product .content-wrapper .subtitle {
        min-width: 315px;
    }
}
.card_product .content-wrapper .price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    min-width: 155px;
}
.card_product .content-wrapper .price-wrapper .price-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.card_product .content-wrapper .price-wrapper .price-group .price {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #004098;
}
.card_product .content-wrapper .price-wrapper .price-group .number {
    color: #004098;
    margin: 0 2px;
}
.card_product .content-wrapper .price-wrapper .price-group .price--small {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #004098;
}
.card_product .content-wrapper .price-wrapper .origin-price {
    font-size: 12px;
    line-height: 20px;
    text-decoration-line: line-through;
    color: #bababa;
}
.card_product .content-wrapper .price-wrapper .origin-price .number {
    color: #bababa;
}
.card_product .content-wrapper .price-wrapper .price--sold-out {
    font-size: 14px;
    line-height: 28px;
    color: #FF5C56;
}

.id_modal_equity_failure.hidden {
    display: none;
}
.id_modal_equity_failure.show {
    display: block;
}
.id_modal_equity_failure .modal_wrapper {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
}
.id_modal_equity_failure .modal_wrapper .background {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.id_modal_equity_failure .modal_wrapper .content {
    position: fixed;
    width: 100%;
    max-width: 350px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 49;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 425px) {
    .id_modal_equity_failure .modal_wrapper .content {
        max-width: 400px;
    }
}
.id_modal_equity_failure .modal_wrapper .content .button-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 15px;
    color: #949494;
}
.id_modal_equity_failure .modal_wrapper .content .image {
    margin-top: 10px;
    width: 100px;
}
.id_modal_equity_failure .modal_wrapper .content .text {
    padding: 10px;
    font-size: 17px;
    line-height: 160%;
    color: #373737;
    text-align: center;
}
.id_modal_equity_failure .modal_wrapper .content .button-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 25px;
    border-radius: 35px;
    border: none;
    background: linear-gradient(93deg, #96f187 -2.63%, #00dceb 103.93%);
    margin: 15px 0 0 0;
}
.id_modal_equity_failure .modal_wrapper .content .button-wrapper:hover {
    background: -webkit-gradient(linear, left top, right top, from(#ffff00), to(#00daee));
    background: linear-gradient(to right, #ffff00 0%, #00daee 100%);
}
.id_modal_equity_failure .modal_wrapper .content .button-wrapper .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border: none;
    background: none;
    color: #004098;
}
.id_modal_equity_failure .modal_wrapper .content .button-wrapper .button .icon-arrow-right {
    font-size: 18px;
    color: #004098;
}

.id_modal_resource.hidden {
    display: none;
}
.id_modal_resource.show {
    display: block;
}
.id_section_background {
    padding: 0;
}
.id_section_background .background {
    display: none;
}
@media only screen and (min-width:992px) {
    .id_section_background .background {
        display: block;
        position: absolute;
        width: 100%;
    }
    .id_section_background .background.course {
        height: 292px;
    }
    .id_section_background .background.product {
        height: 222px;
    }
    .id_section_background .background.event {
        height: 292px;
    }
}

.id_section_header {
    padding: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 53.9%, #FFF 100%), linear-gradient(97deg, rgba(150, 241, 135, 0.1) -0.28%, rgba(0, 220, 235, 0.1) 127.95%);
    position: relative;
    overflow: hidden;
}
@media only screen and (min-width:992px) {
    .id_section_header {
        border-radius: 0px 0px 30px 30px;
        background: none;
    }
}
.id_section_header .circle1 {
    position: absolute;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 220, 235, 0.3) 0%, rgba(238, 253, 247, 0) 100%);
    bottom: -65%;
    left: -15%;
}
@media only screen and (min-width:769px) {
    .id_section_header .circle1 {
        width: 338px;
        height: 338px;
        bottom: -30%;
        left: -12%;
    }
}
@media only screen and (min-width:992px) {
    .id_section_header .circle1 {
        display: none;
    }
}
.id_section_header .circle2 {
    position: absolute;
    width: 311px;
    height: 311px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 220, 235, 0.4) 0%, rgba(231, 252, 252, 0) 100%);
    top: -65%;
    right: -10%;
}
@media only screen and (min-width:769px) {
    .id_section_header .circle2 {
        width: 609px;
        height: 609px;
        top: -110%;
        right: 0%;
    }
}
@media only screen and (min-width:992px) {
    .id_section_header .circle2 {
        display: none;
    }
}
.id_section_header .circle3 {
    position: absolute;
    width: 191px;
    height: 191px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(150, 241, 135, 0.6) 0%, rgba(238, 253, 247, 0) 100%);
    bottom: -8%;
    right: -40%;
}
@media only screen and (min-width:769px) {
    .id_section_header .circle3 {
        width: 338px;
        height: 338px;
        bottom: -25%;
        right: -10%;
    }
}
@media only screen and (min-width:992px) {
    .id_section_header .circle3 {
        display: none;
    }
}
.id_section_header .header-wrapper {
    max-width: 1025px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}
@media only screen and (min-width:992px) {
    .id_section_header .header-wrapper {
        padding: 30px 0 30px 0;
        border-radius: 0px 0px 30px 30px;
    }
}
.id_section_header .header-wrapper .text {
    width: 100%;
    padding: 15px 10px 20px 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 5;
}
@media only screen and (min-width:992px) {
    .id_section_header .header-wrapper .text {
        padding: 0;
    }
}
.id_section_header .header-wrapper .text .tag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    border: 1px solid #004098;
    color: #004098;
    padding: 3px 5px;
}
.id_section_header .header-wrapper .text .tag.blue {
    border: 1px solid #00DAEE;
    color: #00DAEE;
}
.id_section_header .header-wrapper .text .tag.red {
    border: 1px solid #FF5C56;
    color: #FF5C56;
}
.id_section_header .header-wrapper .text .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    color: #373737;
    margin: 10px 0;
}
@media only screen and (min-width:992px) {
    .id_section_header .header-wrapper .text .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}
@media only screen and (min-width:992px) {
    .id_section_header .header-wrapper .text .title.two-lines {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        min-height: 90px;
    }
}
.id_section_header .header-wrapper .text .subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    color: #373737;
    margin-bottom: 10px;
}
@media only screen and (min-width:992px) {
    .id_section_header .header-wrapper .text .subtitle {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 24px;
        min-height: 34px;
    }
}
.id_section_header .header-wrapper .text .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 3px;
    color: #616161;
    font-size: 15px;
    font-weight: 400;
    line-height: 19.6px;
    margin: 15px 0 10px 0;
}
@media only screen and (min-width:992px) {
    .id_section_header .header-wrapper .text .date {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}
.id_section_header .header-wrapper .text .date .icon-area {
    margin-top: 2px;
    font-size: 18px;
    color: #00DAEE;
}
.id_section_header .header-wrapper .text .date .content {
    color: #616161;
}
.id_section_header .header-wrapper .text .date .status {
    color: #FF5C56;
}
.id_section_header .header-wrapper .text .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 3px;
}
.id_section_header .header-wrapper .text .user .icon-user {
    margin-top: 2px;
    font-size: 18px;
    color: #00DAEE;
}
.id_section_header .header-wrapper .text .user .content {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.6px;
    color: #616161;
}
@media only screen and (min-width:992px) {
    .id_section_header .header-wrapper .text .user .content {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}
.id_section_header .header-wrapper .text .user .content .link {
    cursor: pointer;
    color: #616161;
}
.id_section_header .header-wrapper .text .user .content .link:hover {
    color: #004098;
}
@media only screen and (min-width:992px) {
    .id_section_header #course-header {
        min-height: 266px;
    }
}
@media only screen and (min-width:992px) {
    .id_section_header #product-header {
        min-height: 196px;
    }
}
@media only screen and (min-width:992px) {
    .id_section_header #event-header {
        min-height: 267px;
    }
}

.id_section_summary_mobile,
.id_section_summary_desktop {
    padding: 0;
}
@media only screen and (min-width:992px) {
    .id_section_summary_mobile .summary-wrapper.mobile,
    .id_section_summary_desktop .summary-wrapper.mobile {
        display: none;
    }
}
.id_section_summary_mobile .summary-wrapper.desktop,
.id_section_summary_desktop .summary-wrapper.desktop {
    display: none;
}
@media only screen and (min-width:992px) {
    .id_section_summary_mobile .summary-wrapper.desktop,
    .id_section_summary_desktop .summary-wrapper.desktop {
        display: block;
        padding: 15px;
        background: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    }
}
.id_section_summary_mobile .summary-wrapper .banner-wrapper,
.id_section_summary_desktop .summary-wrapper .banner-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.id_section_summary_mobile .summary-wrapper .banner-wrapper .banner,
.id_section_summary_desktop .summary-wrapper .banner-wrapper .banner {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media only screen and (min-width:992px) {
    .id_section_summary_mobile .summary-wrapper .banner-wrapper .banner,
    .id_section_summary_desktop .summary-wrapper .banner-wrapper .banner {
        min-width: 262px;
        border-radius: 5px;
    }
}
@media (min-width: 1200px) {
    .id_section_summary_mobile .summary-wrapper .banner-wrapper .banner,
    .id_section_summary_desktop .summary-wrapper .banner-wrapper .banner {
        min-width: 285px;
    }
}
.id_section_summary_mobile .summary-wrapper .banner-wrapper .line,
.id_section_summary_desktop .summary-wrapper .banner-wrapper .line {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    height: 10px;
}
@media only screen and (min-width:992px) {
    .id_section_summary_mobile .summary-wrapper .banner-wrapper .line,
    .id_section_summary_desktop .summary-wrapper .banner-wrapper .line {
        display: none;
    }
}
.id_section_summary_mobile .summary-wrapper .content-wrapper,
.id_section_summary_desktop .summary-wrapper .content-wrapper {
    background: #fff;
    padding: 10px 15px 25px 15px;
}
@media only screen and (min-width:992px) {
    .id_section_summary_mobile .summary-wrapper .content-wrapper,
    .id_section_summary_desktop .summary-wrapper .content-wrapper {
        padding: 10px 0;
    }
}
.id_section_summary_mobile .summary-wrapper .content-wrapper .content,
.id_section_summary_desktop .summary-wrapper .content-wrapper .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}
.id_section_summary_mobile .summary-wrapper .content-wrapper .content:not(:last-child),
.id_section_summary_desktop .summary-wrapper .content-wrapper .content:not(:last-child) {
    margin-bottom: 8px;
}
.id_section_summary_mobile .summary-wrapper .content-wrapper .content .label,
.id_section_summary_desktop .summary-wrapper .content-wrapper .content .label {
    min-width: 60px;
    color: #949494;
}
.id_section_summary_mobile .summary-wrapper .content-wrapper .content .value,
.id_section_summary_desktop .summary-wrapper .content-wrapper .content .value {
    color: #616161;
}
.id_section_summary_mobile .summary-wrapper .button-wrapper,
.id_section_summary_desktop .summary-wrapper .button-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 25px;
    border-radius: 35px;
    border: none;
    background: #004098;
    margin: 5px 0 10px 0;
}
.id_section_summary_mobile .summary-wrapper .button-wrapper:hover,
.id_section_summary_desktop .summary-wrapper .button-wrapper:hover {
    background: #0051c1;
}
.id_section_summary_mobile .summary-wrapper .button-wrapper .button,
.id_section_summary_desktop .summary-wrapper .button-wrapper .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border: none;
    color: #fff;
    background: none;
}
.id_section_summary_mobile .summary-wrapper .button-wrapper .button .text,
.id_section_summary_desktop .summary-wrapper .button-wrapper .button .text {
    color: #fff;
}
.id_section_summary_mobile .summary-wrapper .button-wrapper .button .icon-arrow-right,
.id_section_summary_desktop .summary-wrapper .button-wrapper .button .icon-arrow-right {
    font-size: 18px;
    color: #fff;
}
.id_section_summary_mobile .summary-wrapper.product .content-wrapper,
.id_section_summary_desktop .summary-wrapper.product .content-wrapper {
    padding: 10px 15px 15px 15px;
}
@media only screen and (min-width:992px) {
    .id_section_summary_mobile .summary-wrapper.product .content-wrapper,
    .id_section_summary_desktop .summary-wrapper.product .content-wrapper {
        padding: 10px 0 15px 0;
    }
}
.id_section_summary_mobile .summary-wrapper.product .marketing-wrapper,
.id_section_summary_desktop .summary-wrapper.product .marketing-wrapper {
    display: none;
    font-size: 13px;
    line-height: 18px;
    color: #FF5C56;
    padding: 0 15px 15px 15px;
}
@media only screen and (min-width:992px) {
    .id_section_summary_mobile .summary-wrapper.product .marketing-wrapper,
    .id_section_summary_desktop .summary-wrapper.product .marketing-wrapper {
        padding: 0 0 15px 0;
    }
}
.id_section_summary_mobile .summary-wrapper.product .button-wrapper,
.id_section_summary_desktop .summary-wrapper.product .button-wrapper {
    margin: 0 15px 25px 15px;
}
@media only screen and (min-width:992px) {
    .id_section_summary_mobile .summary-wrapper.product .button-wrapper,
    .id_section_summary_desktop .summary-wrapper.product .button-wrapper {
        margin: 0;
    }
}
.id_section_summary_mobile .summary-wrapper.product .button-wrapper.gradient-color,
.id_section_summary_desktop .summary-wrapper.product .button-wrapper.gradient-color {
    background: linear-gradient(93deg, #96f187 -2.63%, #00dceb 103.93%);
}
.id_section_summary_mobile .summary-wrapper.product .button-wrapper.gradient-color:hover,
.id_section_summary_desktop .summary-wrapper.product .button-wrapper.gradient-color:hover {
    background: -webkit-gradient(linear, left top, right top, from(#ffff00), to(#00daee));
    background: linear-gradient(to right, #ffff00 0%, #00daee 100%);
}
.id_section_summary_mobile .summary-wrapper.product .button-wrapper.gradient-color .text,
.id_section_summary_desktop .summary-wrapper.product .button-wrapper.gradient-color .text {
    color: #004098;
}
.id_section_summary_mobile .summary-wrapper.product .button-wrapper.gradient-color .icon-arrow-right,
.id_section_summary_desktop .summary-wrapper.product .button-wrapper.gradient-color .icon-arrow-right {
    color: #004098;
}

.id_desktop-container {
    max-width: 1025px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (min-width:992px) {
    .id_desktop-container {
        padding: 0 10px;
    }
}
@media only screen and (min-width:1400px) {
    .id_desktop-container {
        padding: 0;
    }
}
.id_desktop-container .id_desktop-container__left {
    padding: 0;
}
@media only screen and (min-width:992px) {
    .id_desktop-container .id_desktop-container__left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 660px;
    }
}
.id_desktop-container .id_desktop-container__right {
    display: none;
}
@media only screen and (min-width:992px) {
    .id_desktop-container .id_desktop-container__right {
        display: block;
        padding-top: 130px;
    }
}
@media only screen and (min-width:992px) {
    .id_desktop-container .id_desktop-container__right .id_desktop-container__right-wrapper {
        max-width: 335px;
        position: sticky;
        top: 120px;
        padding: 10px 10px 100px 10px;
        overflow-y: auto;
        max-height: 90vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
}

.id_section_tab_mobile {
    z-index: 9;
    position: sticky;
    top: 60px;
    padding: 5px 10px;
    background: #fff;
}
@media only screen and (min-width:992px) {
    .id_section_tab_mobile {
        display: none;
        padding: 0;
    }
}
.id_section_tab_mobile .tab-list {
    width: 100%;
    max-width: 660px;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    border-radius: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
.id_section_tab_mobile .tab-list .tab {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #616161;
    padding: 4px 16px;
    border-radius: 30px;
    cursor: pointer;
}
.id_section_tab_mobile .tab-list .tab:hover {
    color: #00DAEE;
}
.id_section_tab_mobile .tab-list .tab.no-click {
    cursor: default;
}
.id_section_tab_mobile .tab-list .tab.active {
    background: #00DAEE;
    color: #fff;
}
.id_section_tab_mobile.sticky {
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
.id_section_tab_mobile.sticky .tab-list {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.id_section_tab_desktop {
    display: none;
    padding: 5px 0;
}
@media only screen and (min-width:992px) {
    .id_section_tab_desktop {
        display: block;
        max-width: 1025px;
    }
    .id_section_tab_desktop .tab-list-wrapper .tab-list {
        border-radius: 30px;
    }
    .id_section_tab_desktop .tab-list-wrapper .tab-list.desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    }
    .id_section_tab_desktop .tab-list-wrapper .tab-list .tab-content {
        width: 100%;
        max-width: 660px;
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 8px;
    }
    .id_section_tab_desktop .tab-list-wrapper .tab-list .tab-content .tab {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        color: #616161;
        padding: 8px 16px;
        border-radius: 30px;
        cursor: pointer;
    }
    .id_section_tab_desktop .tab-list-wrapper .tab-list .tab-content .tab:hover {
        color: #00DAEE;
    }
    .id_section_tab_desktop .tab-list-wrapper .tab-list .tab-content .tab.no-click {
        cursor: default;
    }
    .id_section_tab_desktop .tab-list-wrapper .tab-list .tab-content .tab.active {
        background: #00DAEE;
        color: #fff;
    }
    .id_section_tab_desktop .tab-list-wrapper.fixed {
        z-index: 9;
        position: fixed;
        top: 60px;
        left: 0;
        padding: 10px 0;
        background: #fff;
        width: 100%;
        -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    }
    .id_section_tab_desktop .tab-list-wrapper.fixed .tab-list {
        max-width: 1025px;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 auto;
    }
}

.id_section_intro {
    padding: 15px 10px 25px 10px;
}
@media only screen and (min-width:992px) {
    .id_section_intro {
        padding: 40px 0 25px 0;
    }
}
.id_section_intro .label {
    font-size: 19px;
    font-weight: 700;
    line-height: 140%;
    color: #373737;
    margin-bottom: 5px;
    padding-left: 7px;
    border-left: 5px solid #00DAEE;
}
.id_section_intro .content-wrapper {
    overflow: hidden;
}
.id_section_intro .content-wrapper .content h2 {
    font-size: 20px;
    line-height: 1.4;
    margin: 30px 0 20px;
    font-weight: 700;
}
.id_section_intro .content-wrapper .content h2.lightline {
    color: #FF5C56;
}
.id_section_intro .content-wrapper .content h2 span {
    font-size: 20px;
    line-height: 1.4;
    margin: 30px 0 20px;
    font-weight: 700;
}
.id_section_intro .content-wrapper .content h3 {
    font-size: 19px;
    line-height: 1.4;
    margin: 30px 0 20px;
    font-weight: 700;
}
.id_section_intro .content-wrapper .content p,
.id_section_intro .content-wrapper .content em {
    font-size: 18px;
    line-height: 1.8;
    margin: 20px 0;
    word-break: break-all;
}
@media (max-width: 767px) {
    .id_section_intro .content-wrapper .content p,
    .id_section_intro .content-wrapper .content em {
        margin: 25px 0;
    }
}
.id_section_intro .content-wrapper .content p a,
.id_section_intro .content-wrapper .content em a {
    font-size: 18px;
    display: inline;
    color: #004098;
}
.id_section_intro .content-wrapper .content a {
    font-size: 18px;
    display: inline;
    color: #004098;
}
.id_section_intro .content-wrapper .content .faq_q {
    margin-bottom: 0;
    margin-top: 15px;
}
.id_section_intro .content-wrapper .content .faq_a {
    margin: 0;
}
.id_section_intro .content-wrapper .content .article_photo--img {
    margin-bottom: 0;
}
.id_section_intro .content-wrapper .content .article_photo--img img {
    max-width: 690px;
}
@media (max-width: 768px) {
    .id_section_intro .content-wrapper .content .article_photo--img img {
        max-width: 100%;
    }
}
.id_section_intro .content-wrapper .content p.source,
.id_section_intro .content-wrapper .content p.source span {
    font-size: 14px;
    line-height: 1.45;
    color: #949494;
    display: block;
    text-align: left;
    margin-top: 5px;
}
.id_section_intro .content-wrapper .content p.source strong,
.id_section_intro .content-wrapper .content p.source span strong {
    color: #949494;
    font-weight: normal;
}
.id_section_intro .content-wrapper .content blockquote {
    text-align: center;
    position: relative;
    font-weight: normal;
    display: block;
    margin: 35px auto 30px;
    line-height: 1.6;
    font-size: 18px;
    color: #373737;
    width: 60%;
}
@media (max-width: 768px) {
    .id_section_intro .content-wrapper .content blockquote {
        width: 70%;
    }
}
@media (max-width: 767px) {
    .id_section_intro .content-wrapper .content blockquote {
        width: 80%;
    }
}
.id_section_intro .content-wrapper .content blockquote:before {
    content: "“";
    line-height: 0;
    position: absolute;
    left: -30px;
    top: 20px;
    font-size: 60px;
    font-family: arial, sans-serif;
    color: #00DAEE;
}
.id_section_intro .content-wrapper .content blockquote:after {
    content: "”";
    line-height: 0;
    position: absolute;
    right: -30px;
    bottom: 0px;
    font-size: 60px;
    font-family: arial, sans-serif;
    vertical-align: bottom;
    color: #00DAEE;
}
.id_section_intro .content-wrapper .content .article_extendReading {
    margin-bottom: 15px;
}
.id_section_intro .content-wrapper .content .article_extendReading p {
    margin-bottom: 0;
}
.id_section_intro .content-wrapper .content .article_linkTag {
    margin-bottom: 15px;
}
.id_section_intro .content-wrapper .content .article_linkTag a {
    display: inline-block;
}
.id_section_intro .content-wrapper .content .article_linkTag a p {
    display: inline-block;
    color: #004098;
    position: relative;
    padding-left: 15px;
}
.id_section_intro .content-wrapper .content .article_linkTag a p:before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background-color: #004098;
    position: absolute;
    left: 0;
    border-radius: 3px;
}
.id_section_intro .content-wrapper .content .article_linkTag a p.title {
    color: #004098;
    margin-bottom: 0px;
    margin-top: 0px;
}
.id_section_intro .content-wrapper .content ul,
.id_section_intro .content-wrapper .content ol {
    margin-top: 15px;
    margin-left: 25px;
}
.id_section_intro .content-wrapper .content ul li,
.id_section_intro .content-wrapper .content ol li {
    list-style-type: decimal;
    margin-bottom: 3px;
    font-size: 18px;
    word-break: break-all;
}
.id_section_intro .content-wrapper .content ul li {
    list-style-type: disc;
}
.id_section_intro .content-wrapper .content table {
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .id_section_intro .content-wrapper .content table {
        width: 100% !important;
        height: auto !important;
    }
}
.id_section_intro .content-wrapper .content .article_detail {
    position: relative;
    font-size: 0;
}
.id_section_intro .content-wrapper .content .article_detail > ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}
.id_section_intro .content-wrapper .content .article_detail > ul li {
    display: inline-block;
    font-size: 14px;
    color: #616161;
}
.id_section_intro .content-wrapper .content .article_detail > ul li > * {
    display: inline-block;
    font-size: 14px;
    color: #616161;
}
.id_section_intro .content-wrapper .content .article_detail > ul li > * a {
    color: #616161;
    font-size: 14px;
}
.id_section_intro .content-wrapper .content .article_detail > ul li > * a:hover {
    color: #004098;
}
.id_section_intro .content-wrapper .content .article_detail ul.article_author li a {
    color: #616161;
}
.id_section_intro .content-wrapper .content .article_detail ul.article_author li a:hover {
    color: #004098;
}
.id_section_intro .content-wrapper .content .article_detail ul.article_author li span:after {
    content: "：";
    display: inline-block;
}
.id_section_intro .content-wrapper .content .article_detail ul.article_assort::before {
    content: "．";
    display: inline-block;
    margin-right: -5px;
}
.id_section_intro .content-wrapper .content .article_detail ul.article_assort a:hover {
    color: #004098;
}
.id_section_intro .content-wrapper .content .article_detail ul.article_time {
    margin-left: 0;
    display: block;
}
@media (max-width: 465px) {
    .id_section_intro .content-wrapper .content .article_detail ul.article_time {
        margin-left: 0;
    }
}
.id_section_intro .content-wrapper .content .article_detail time {
    display: inline-block;
    font-size: 14px;
    color: #616161;
    margin-left: 5px;
}
@media (max-width: 768px) {
    .id_section_intro .content-wrapper .content .article_detail time {
        display: block;
        margin-left: 0;
    }
}
.id_section_intro .slideBtn {
    display: block;
    width: 100%;
}
.id_section_intro .slideBtn .text,
.id_section_intro .slideBtn .icon-arrow-down {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #004098;
}
.id_section_intro .slideBtn .icon-arrow-down {
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.id_section_intro .slideBtn_mask {
    position: relative;
}
.id_section_intro .slideBtn_mask::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100px;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.id_section_outline {
    padding: 15px 10px 25px 10px;
}
@media only screen and (min-width:992px) {
    .id_section_outline {
        padding: 15px 0 25px 0;
        max-width: 660px;
    }
}
.id_section_outline .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}
.id_section_outline .header .label {
    font-size: 19px;
    font-weight: 700;
    line-height: 140%;
    color: #373737;
    padding-left: 7px;
    border-left: 5px solid #00DAEE;
}
.id_section_outline .header .header-right {
    font-size: 14px;
    line-height: 19.6px;
    color: #616161;
}
.id_section_outline .header .header-right .course-count,
.id_section_outline .header .header-right .course-total-duration {
    color: #00DAEE;
}
.id_section_outline .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}
.id_section_outline .content-wrapper .card {
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}
.id_section_outline .content-wrapper .card .header {
    width: 100%;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px 16px;
    background: #ecf0f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 0px;
    -webkit-transition: border-radius 0.3s ease;
    transition: border-radius 0.3s ease;
}
.id_section_outline .content-wrapper .card .header.active {
    border-radius: 5px 5px 0 0;
}
.id_section_outline .content-wrapper .card .header.active .icon-wrapper {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.id_section_outline .content-wrapper .card .header .left-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
}
.id_section_outline .content-wrapper .card .header .left-wrapper .index-wrapper {
    padding-top: 4px;
}
.id_section_outline .content-wrapper .card .header .left-wrapper .index-wrapper .index {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    background: #004098;
    color: #fff;
}
.id_section_outline .content-wrapper .card .header .left-wrapper .title {
    text-align: left;
    font-size: 17px;
    line-height: 28px;
    color: #373737;
}
.id_section_outline .content-wrapper .card .header .icon-wrapper {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    margin-top: 4px;
}
.id_section_outline .content-wrapper .card .header .icon-wrapper .icon-arrow-down {
    font-size: 15px;
    color: #004098;
}
.id_section_outline .content-wrapper .card .content {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    background: #fff;
    border-radius: 0 0 5px 5px;
}
.id_section_outline .content-wrapper .card .content .content-wrapper-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-left: 25px;
}
.id_section_outline .content-wrapper .card .content .content-wrapper-ul .content-wrapper-li {
    list-style-type: disc;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    color: #616161;
}
.id_section_outline .content-wrapper .card .content .divider {
    border-top: 1px solid #EFEFEF;
    margin: 12px 0;
}
.id_section_outline .content-wrapper .card .content .duration-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: #616161;
    margin-bottom: 4px;
}
.id_section_outline .content-wrapper .card .content .duration-wrapper .icon-clock {
    font-size: 18px;
    color: #00DAEE;
}
.id_section_outline .content-wrapper .card .content .duration-wrapper .duration {
    font-size: 15px;
    line-height: 19.6px;
    color: #616161;
}
.id_section_outline .link-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    padding: 15px 10px;
    background: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
.id_section_outline .link-wrapper .link-wrapper-ul {
    margin-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.id_section_outline .link-wrapper .link-wrapper-ul .link-wrapper-li {
    list-style-type: disc;
    color: #949494;
    line-height: 19.6px;
}
.id_section_outline .link-wrapper .link-wrapper-ul .link-wrapper-li .link {
    font-size: 15px;
    line-height: 19.6px;
    color: #616161;
}
.id_section_outline .link-wrapper .link-wrapper-ul .link-wrapper-li .link:hover {
    color: #004098;
}

.id_section_author {
    padding: 15px 10px 0 10px;
}
@media only screen and (min-width:992px) {
    .id_section_author {
        padding: 15px 0 0 0;
    }
}
.id_section_author .label {
    font-size: 19px;
    font-weight: 700;
    line-height: 140%;
    color: #373737;
    padding-left: 7px;
    border-left: 5px solid #00DAEE;
}
.id_section_author .author-info-wrapper .author_info_container {
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    margin-bottom: 0px;
    padding: 20px;
}
.id_section_author .author-info-wrapper .author_info_container .author_photo_container {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .id_section_author .author-info-wrapper .author_info_container .author_photo_container {
        height: 50px;
    }
}
.id_section_author .author-info-wrapper .author_info_container .author_photo_container .author-photo {
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    background-color: #e0e0e0;
    width: 60px;
    height: 60px;
}
@media (max-width: 767px) {
    .id_section_author .author-info-wrapper .author_info_container .author_photo_container .author-photo {
        width: 50px;
        height: 50px;
    }
}
.id_section_author .author-info-wrapper .author_info_container .author_photo_container .author-photo a {
    display: block;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: calc(100% - 80px);
}
@media (max-width: 767px) {
    .id_section_author .author-info-wrapper .author_info_container .author_name_container {
        margin-left: 0px;
        width: calc(100% - 65px);
    }
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container p {
    font-size: 19px;
    font-weight: 700;
    margin: 0;
    color: #004098;
    line-height: 1.4;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .author_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 19px;
    font-weight: 500;
    margin-right: 5px;
    color: #004098;
    line-height: 1.3;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .author_name a {
    color: #004098;
    line-height: 1.3;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .author_name--layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container a:hover {
    opacity: 0.8;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .author_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    color: #656463;
    margin-top: 5px;
    min-height: 40px;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .author_followGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .author_followGroup:hover .btn_follow_tooltip::before, .id_section_author .author-info-wrapper .author_info_container .author_name_container .author_followGroup:hover .btn_follow_tooltip::after,
.id_section_author .author-info-wrapper .author_info_container .author_name_container .author_followGroup:hover .btn_follow_tooltip--lock::before,
.id_section_author .author-info-wrapper .author_info_container .author_name_container .author_followGroup:hover .btn_follow_tooltip--lock::after {
    opacity: 1;
    display: inline-block;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow {
    font-size: 20px;
    color: #004098;
    margin-right: 3px;
    vertical-align: middle;
    margin-top: 3px;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip::before {
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #004098;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip::after {
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #004098 transparent transparent transparent;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip--lock::before {
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #BABABA;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_tooltip--lock::after {
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #BABABA transparent transparent transparent;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow_text {
    font-size: 14px;
    color: #004098;
    line-height: 1.3;
}
.id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow--lock, .id_section_author .author-info-wrapper .author_info_container .author_name_container .btn_follow--lock + .btn_follow_text {
    color: #BABABA;
}
.id_section_author .author-info-wrapper .author_info_container .author_info {
    margin-top: 10px;
}
.id_section_author .author-info-wrapper .author_info_container .author_info p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    word-break: break-all;
    overflow-wrap: break-word;
}
.id_section_author .author-info-wrapper .author_info_container .author_info--btn {
    text-align: right;
    margin-top: 5px;
}
.id_section_author .author-info-wrapper .author_info_container .author_info--btn a {
    font-size: 14px;
}
.id_section_author .author-info-wrapper.no-slick {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    padding: 20px 0 40px 0;
}
.id_section_author .author-info-wrapper.slick-wrapper {
    max-width: calc(100vw - 40px);
    margin: 0 auto;
    padding: 10px 0 30px 0;
}
.id_section_author .author-info-wrapper.slick-wrapper .slick-list {
    padding-left: 0 !important;
}
.id_section_author .author-info-wrapper.slick-wrapper .slick-slide {
    margin: 10px !important;
}
.id_section_author .author-info-wrapper.slick-wrapper .author_info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    min-height: 144px;
}

.id_section_note {
    padding: 15px 10px 20px 10px;
}
@media only screen and (min-width:992px) {
    .id_section_note {
        padding: 15px 0 20px 0;
    }
}
.id_section_note .label {
    font-size: 19px;
    font-weight: 700;
    line-height: 140%;
    color: #373737;
    margin-bottom: 5px;
    padding-left: 7px;
    border-left: 5px solid #00DAEE;
}
.id_section_note .content p {
    font-size: 18px;
    line-height: 1.8;
    margin: 15px 0;
    word-break: break-all;
}
.id_section_note .content ol {
    margin-top: 15px;
    margin-left: 25px;
}
.id_section_note .content ol li {
    list-style-type: decimal;
    margin-bottom: 3px;
    font-size: 18px;
    word-break: break-all;
}
.id_section_note .content a {
    color: #004098;
}

.id_section_qa {
    padding: 10px 10px 25px 10px;
}
@media only screen and (min-width:992px) {
    .id_section_qa {
        padding: 20px 10px 40px 10px;
    }
}
.id_section_qa .label {
    font-size: 19px;
    font-weight: 700;
    line-height: 140%;
    color: #373737;
}
.id_section_qa .content-wrapper {
    background: #f8f8f8;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
}
@media only screen and (min-width:992px) {
    .id_section_qa .content-wrapper {
        padding: 15px;
    }
}
.id_section_qa .content-wrapper .card:not(:last-child) {
    border-bottom: 1px solid rgba(0, 64, 152, 0.05);
}
.id_section_qa .content-wrapper .card .header {
    background: #f8f8f8;
    width: 100%;
    border: none;
    cursor: pointer;
    padding: 12px 0 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0px;
}
@media only screen and (min-width:992px) {
    .id_section_qa .content-wrapper .card .header {
        padding: 12px 0 16px 10px;
    }
}
.id_section_qa .content-wrapper .card .header .left-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px;
}
.id_section_qa .content-wrapper .card .header .left-wrapper .index-wrapper {
    min-width: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px;
}
.id_section_qa .content-wrapper .card .header .left-wrapper .index-wrapper .question {
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    color: #373737;
}
.id_section_qa .content-wrapper .card .header .left-wrapper .index-wrapper .index {
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    color: #373737;
}
.id_section_qa .content-wrapper .card .header .left-wrapper .title {
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #373737;
}
.id_section_qa .content-wrapper .card .answer .answer-wrapper {
    color: #616161;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 16px 0;
    word-break: break-all;
}
.id_section_qa .content-wrapper .card .answer .answer-wrapper a {
    color: #004098;
}

.id_section_plan_mobile,
.id_section_plan_desktop {
    padding: 15px 10px 20px 10px;
}
@media only screen and (min-width:992px) {
    .id_section_plan_mobile,
    .id_section_plan_desktop {
        padding: 0 0 0 0;
    }
}
.id_section_plan_mobile .label,
.id_section_plan_desktop .label {
    font-size: 19px;
    font-weight: 700;
    line-height: 140%;
    color: #373737;
    margin-bottom: 20px;
    padding-left: 7px;
    border-left: 5px solid #00DAEE;
}
@media only screen and (min-width:992px) {
    .id_section_plan_mobile .label,
    .id_section_plan_desktop .label {
        display: none;
    }
}
.id_section_plan_mobile .id_plan_card-wrapper.mobile,
.id_section_plan_desktop .id_plan_card-wrapper.mobile {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
@media only screen and (min-width:992px) {
    .id_section_plan_mobile .id_plan_card-wrapper.mobile,
    .id_section_plan_desktop .id_plan_card-wrapper.mobile {
        display: none;
    }
}
.id_section_plan_mobile .id_plan_card-wrapper.desktop,
.id_section_plan_desktop .id_plan_card-wrapper.desktop {
    display: none;
}
@media only screen and (min-width:992px) {
    .id_section_plan_mobile .id_plan_card-wrapper.desktop,
    .id_section_plan_desktop .id_plan_card-wrapper.desktop {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan {
    padding: 20px 15px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .title,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .title {
    font-size: 17px;
    font-weight: 500;
    line-height: 140%;
    color: #373737;
    margin-bottom: 15px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .content-wrapper,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .content-wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .content-wrapper .content,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .content-wrapper .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .content-wrapper .content:last-child,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .content-wrapper .content:last-child {
    margin-bottom: 15px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .content-wrapper .content .icon-checked,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .content-wrapper .content .icon-checked {
    font-size: 16px;
    color: #004098;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .content-wrapper .content .text,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .content-wrapper .content .text {
    font-size: 14px;
    line-height: 19.6px;
    color: #616161;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .note,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .note {
    font-size: 13px;
    line-height: 18px;
    color: #FF5C56;
    margin-bottom: 15px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .slideBtn,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .slideBtn {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
@media only screen and (min-width:992px) {
    .id_section_plan_mobile .id_plan_card-wrapper .card_plan .slideBtn,
    .id_section_plan_desktop .id_plan_card-wrapper .card_plan .slideBtn {
        display: none;
    }
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .slideBtn .text,
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .slideBtn .icon-arrow-down,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .slideBtn .text,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .slideBtn .icon-arrow-down {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #004098;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .slideBtn .icon-arrow-down,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .slideBtn .icon-arrow-down {
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper .price-group,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper .price-group {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 25px;
    border-radius: 35px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border: none;
    background: #004098;
    color: #fff;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper .price-group:hover,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper .price-group:hover {
    background: #0051c1;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper .price-group .number,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper .price-group .number {
    color: #fff;
    margin: 0 2px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper .price-group .icon-arrow-right,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper .price-group .icon-arrow-right {
    font-size: 18px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper .origin-price-group,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper .origin-price-group {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 25px;
    border-radius: 35px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border: 1px solid #004098;
    background: #fff;
    color: #004098;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper .origin-price-group:hover,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper .origin-price-group:hover {
    background: #e0e0e0;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper .origin-price-group .number,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper .origin-price-group .number {
    color: #004098;
    margin: 0 2px;
}
.id_section_plan_mobile .id_plan_card-wrapper .card_plan .price-wrapper .origin-price-group .icon-arrow-right,
.id_section_plan_desktop .id_plan_card-wrapper .card_plan .price-wrapper .origin-price-group .icon-arrow-right {
    font-size: 18px;
}

.id_section_back_button {
    padding: 0;
}
@media only screen and (min-width:992px) {
    .id_section_back_button {
        max-width: 660px;
    }
}
.id_section_back_button .button-wrapper {
    padding: 8px 0 38px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.id_section_back_button .button-wrapper .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 7px 8.5px 17px;
    border-radius: 35px;
    background: #fff;
    border: 1px solid #004098;
    color: #004098;
    font-size: 17px;
    line-height: 14px;
}
.id_section_back_button .button-wrapper .button:hover {
    background: #e0e0e0;
    color: #1C2271;
    border: 1px solid #1C2271;
}

.id_section_fixed_button {
    position: fixed;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 15px 10px;
    z-index: 14;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width:992px) {
    .id_section_fixed_button {
        display: none;
    }
}
.id_section_fixed_button > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.id_section_fixed_button .button-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 25px;
    border-radius: 35px;
    border: none;
    background: #004098;
}
.id_section_fixed_button .button-wrapper:hover {
    background: #0051c1;
}
.id_section_fixed_button .button-wrapper:hover .button {
    background: #0051c1;
}
.id_section_fixed_button .button-wrapper:hover .button .text {
    background: #0051c1;
}
.id_section_fixed_button .button-wrapper .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    color: #fff;
    background: #004098;
}
.id_section_fixed_button .button-wrapper .button .text {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border: none;
    color: #fff;
    background: #004098;
}
.id_section_fixed_button .button-wrapper .button .icon-arrow-right {
    font-size: 18px;
    color: #fff;
}

.id_section_interest {
    padding: 0;
    background: #f5f5f5;
}
.id_section_interest .id_section_interest_wrapper {
    max-width: 1255px;
    padding: 30px 10px;
    margin: 0 auto;
}
@media only screen and (min-width:769px) {
    .id_section_interest .id_section_interest_wrapper {
        padding: 45px 2.5% 60px 2.5%;
    }
}
.id_section_interest .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    color: #373737;
    margin-bottom: 20px;
}
.id_section_interest .id_interest_card-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
@media only screen and (min-width:769px) {
    .id_section_interest .id_interest_card-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width:992px) {
    .id_section_interest .id_interest_card-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (min-width:1400px) {
    .id_section_interest .id_interest_card-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}
.id_section_interest .id_interest_card-wrapper .card_interest {
    cursor: pointer;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    overflow: hidden;
}
.id_section_interest .id_interest_card-wrapper .card_interest:hover .image {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.id_section_interest .id_interest_card-wrapper .card_interest .image-wrapper {
    position: relative;
    overflow: hidden;
}
.id_section_interest .id_interest_card-wrapper .card_interest .image-wrapper .image {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.id_section_interest .id_interest_card-wrapper .card_interest .content-wrapper {
    padding: 8px 12px 12px 12px;
}
.id_section_interest .id_interest_card-wrapper .card_interest .content-wrapper .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 48px;
    font-size: 17px;
    font-weight: 400;
    line-height: 140%;
    color: #373737;
    margin-bottom: 0;
}

#gtx-trans {
    display: none !important;
}