/* ------------------------------------- section ------------------------------------- */
.sec_content{
    color: #3f495c;
    width: 70%;
    height: 100%;
    line-height: 1.7;
    display: flex;
    flex-direction: column;
    align-content: center;
    margin: 0 auto;
    padding-bottom: 4rem;
}
@media (max-width: 640px) {
    .sec_content {
        width: 100%;
    }
}
/* ------------------------------------- create_article_list ------------------------------------- */
.div_article_list {
    width: 70%;
    height: auto;
    border: solid #7e8ca3 0.1px;
    border-radius: 8px;
    padding: 0;
    margin: 0 0 2rem 0;
    box-sizing: border-box;
    overflow: hidden;
}
@media (max-width: 640px) {
    .div_article_list {
        width: 80%;
    }
}
.div_article_list_0 {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: linear-gradient(to right, #d1e5ff, #ffdaf7);
    border: 0;
    box-sizing: border-box;
}
.div_article_list_1 {
    width: auto;
    height: auto;
    background-color: #fafcff;
    padding: 0.5rem;
    margin: 2px;
    border-top: solid #a8c5f7 0.1px;
    border-radius: 4px;
    box-sizing: border-box;
}
.ul_article_list{
    height: auto;
    list-style: none;
    color: #0b0f16;
    margin: 1rem 0 1rem 1rem;
    padding: 0;
}
.a_article_list{
    display: inline;
    flex-direction: row;
    text-decoration: none !important;
}
.a_article_list :any-link{
    color: #3f495c;
}
.li_article_list{
    font-size: 15px;
    font-weight: 700;
    padding: 0.5rem 0.5rem 0.5rem 2rem;
    letter-spacing: 0.2rem;
    display: flex;
    flex-direction: row;
    text-align:left;
    align-items: center;
}
@media (max-width: 640px) {
    .li_article_list {
        padding: 0.5rem 0.3rem 0.5rem 0.2rem;
    }
}
.span_article_list{
    color: #3f495c;
    margin: 0;
    text-decoration: underline #3f495c !important;
    text-underline-offset: 5px;
}
.img_article_list{
    width: 0.4rem;
    height: 0.7rem;
    filter: brightness(0) saturate(100%) invert(65%) sepia(5%) saturate(4434%) hue-rotate(185deg) brightness(95%) contrast(92%);
    padding: 0 1.2rem 0 0;
}
@media (max-width: 640px) {
    .img_article_list {
        padding: 0 1.0rem 0 0;
    }
}
/* ------------------------------------- create_relative_list ------------------------------------- */
.div_relative_list {
    width: 70%;
    height: auto;
    border: solid #7e8ca3 0.1px;
    border-radius: 8px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
}
@media (max-width: 640px) {
    .div_relative_list {
        width: 80%;
    }
}
.div_relative_list_0 {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: linear-gradient(to right, #d1e5ff, #ffdaf7);
    border: 0;
    box-sizing: border-box;
}
.div_relative_list_1 {
    width: auto;
    height: auto;
    background-color: #fafcff;
    padding: 0.5rem;
    margin: 2px;
    border-top: solid #a8c5f7 0.1px;
    border-radius: 4px;
    box-sizing: border-box;
}
.ul_relative_list{
    height: auto;
    list-style: none;
    margin: 1rem 0 1rem 1rem;
    padding: 0;
}
.ul_relative_list a{
    text-decoration: none;
    display: inline;
}
.ul_relative_list a:any-link{
    text-decoration: none;
}

.li_relative_list{
    font-size: 15px;
    font-weight: 700;
    padding: 0.5rem 0.5rem 0.5rem 2rem;
    letter-spacing: 0.2rem;
    display: flex;
    flex-direction: row;
    text-align:left;
    align-items: center;
    text-decoration: none !important;
}

@media (max-width: 640px) {
    .li_relative_list {
        padding: 0.5rem 0.3rem 0.5rem 0.2rem;
    }
}
.span_relative_list{
    font-size: 15px;
    color: #3f495c;
    margin: 0;
    display: inline;
    text-decoration: underline #3f495c !important;
    text-underline-offset: 5px;
}
.img_relative_list{
    width: 0.4rem;
    height: 0.7rem;
    filter: brightness(0) saturate(100%) invert(65%) sepia(5%) saturate(4434%) hue-rotate(185deg) brightness(95%) contrast(92%);
    padding: 0 1.2rem 0 0;
    display: inline;
}
@media (max-width: 640px) {
    .img_relative_list {
        padding: 0 1.0rem 0 0;
    }
}
/* ------------------------------------- create_point_list ------------------------------------- */
.div_point_list {
    width: 90%;
    height: auto;
    padding: 0;
    margin: 1rem 0 2rem 0;
    box-sizing: border-box;
    overflow: hidden;
}
@media (max-width: 640px) {
    .div_point_list {
        width: 98%;
    }
}
.div_point_list_0 {
    width: 100px;
    height: 25px;
    background-color: #ec95a8;
    border: solid 1px #ec95a8;
    border-radius: 25px;
    box-sizing: border-box;
    padding: 0 0 0.1rem 0.2rem;
    margin: -12px auto auto 2rem;
    display: flex;
    position: absolute;
    z-index: 1;
}
@media (max-width: 640px) {
    .div_point_list_0 {
        margin: -12px auto auto 0.8rem;
    }
}
.div_point_list_0 p {
    font-size: 14px;
    color: #fdfdff;
    letter-spacing: 0.2rem;
    line-height: 6px;
    margin: auto auto auto auto;
    display: flex;
    position: relative;
}
.div_point_list_1 {
    width: 100%;
    height: 100%;
    background-color: #fdfdff;
    border: solid 2.5px #ec95a8;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    position: relative;
}

.ul_point_list{
    height: auto;
    list-style: none;
    margin: 1.5rem 0 1rem 1rem;
    padding: 0;
}
@media (max-width: 640px) {
    .ul_point_list{
        margin: 1.5rem 0.05rem 1rem 0.05rem;
    }
}
.a_point_list{
    display: flex;
    flex-direction: row;
    text-decoration: none !important;
}
.li_point_list{
    font-size: 15px;
    font-weight: 400;
    padding: 0.15rem 0.1rem 0.15rem 1rem;
    letter-spacing: 0.1rem;
    display: flex;
    flex-direction: row;
    text-align:left;
    align-items: center;
}
@media (max-width: 640px) {
    .li_point_list{
        padding: 0.15rem 0.2rem 0.15rem 0.4rem;
    }
}
.p_point_list{
    color:#3f495c;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
.p_point_list a:any-link{
    color:#3f495c;
    text-decoration: underline #3f495c !important;
    text-underline-offset: 4px;
}
.a_point_list:any-link{
    text-decoration: underline #3f495c !important;
    text-underline-offset: 4px;
}

.img_point_list{
    width: 0.4rem;
    height: 0.7rem;
    filter: brightness(0) saturate(100%) invert(65%) sepia(5%) saturate(4434%) hue-rotate(185deg) brightness(95%) contrast(92%);
    padding: 0 1.2rem 0 0;
}
/* ------------------------------------- create_article_table ------------------------------------- */
.div_article_table {
    width: 92%;
    height: auto;
    padding: 0;
    margin-bottom: 2rem;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
}
@media (max-width: 640px) {
    .div_article_table {
        width: 98%;
    }
}
.div_article_table_0 {
    width: 100%;
    height: 100%;
    background-color: #fdfdff;
    border: solid 0.1px rgba(168, 174, 202,0.7);
    border-radius: 7px;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 4px 0 2px 0;
    margin: auto;
    display: flex;
    position: relative;
}
.table_article_table_fixed{
    table-layout: fixed;
}
.div_article_table_0 table{
    width: 96%;
    border-collapse: collapse;
    margin: auto;
}
.div_article_table_0 table tbody{
    width: 100%;
}
.tr_article_table_0{
    border-bottom: 0.1px solid rgba(168, 174, 202,0.7);
    border-collapse: collapse;
}
.tr_article_table_1{
    border-bottom: 0;
    border-collapse: collapse;
}
.tr_article_table_2{
    border-bottom: 0.1px solid rgba(168, 174, 202,0.7);
    border-collapse: collapse;
}
.tr_article_table_2 td{
    padding-top: 11px;
    padding-bottom: 9px;
    font-size: 15px !important;

}
.td_article_table{
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 0.25rem 0 0.25rem 0;
}
.td_article_table a:any-link{
    color: #3f495c;
    display: flex;
    flex-direction: row;
    text-decoration: underline #3f495c !important;
    text-underline-offset: 4px;
    display: inline;
}
.td_article_table span{
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0;
    background: linear-gradient(transparent 15%, #ffe1e8 0%);
}
/* ------------------------------------- create_border_list ------------------------------------- */
.div_border_list {
    width: 90%;
    height: auto;
    padding: 0;
    margin: 0 0 1rem 0;
    box-sizing: border-box;
    overflow: hidden;
}
@media (max-width: 640px) {
    .div_border_list {
            width: 98%;
    }
}
.div_border_list_0 {
    width: 100%;
    height: 100%;
    background-color: #fdfdff;
    border: solid 0.1px rgba(168, 174, 202,0.7);
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    position: relative;
}
.ul_border_list{
    height: auto;
    list-style: none;
    margin: 0.6rem 0 0.4rem 1rem;
    padding: 0;
}
@media (max-width: 640px) {
    .ul_border_list{
        margin: 0.6rem 0.05rem 0.4rem 0.05rem;
    }
}
.a_border_list{
    display: flex;
    flex-direction: row;
    text-decoration: none !important;
}
.li_border_list{
    font-size: 15px;
    font-weight: 400;
    padding: 0.15rem 0.1rem 0.15rem 1rem;
    letter-spacing: 0.1rem;
    display: flex;
    flex-direction: row;
    text-align:left;
    align-items: center;
}
.p_border_list{
    color:#3f495c;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
.p_border_list a:any-link{
    color:#3f495c;
    text-decoration: underline #3f495c !important;
    text-underline-offset: 4px;
}
.a_border_list:any-link{
    text-decoration: underline #3f495c !important;
    text-underline-offset: 4px;
}
/* ------------------------------------- create_define_list ------------------------------------- */
.dl_define_list_0{
    width: 97%;
    height: auto;
    border: solid #989fac 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.dt_define_list_0{
    width: 100%;
    background-color: #e6edf5;
    border-bottom: solid #989fac 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.dd_define_list_0{
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 -0.1px;
}
.dl_define_list_1{
    width: 97%;
    border-top: solid #7e8ca3 0.1px;
    border-right: solid #7e8ca3 0.1px;
    border-left: solid #7e8ca3 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.dt_define_list_1{
    width: 30%;
    background-color: #edf1f5;
    border-right: solid #7e8ca3 0.1px;
    border-bottom: solid #7e8ca3 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.dd_define_list_1{
    width: 70%;
    border-bottom: solid #7e8ca3 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 -0.1px;
}
.p_define_list{
    color: #424957;
    padding: 0.5rem;
}
/* ------------------------------------- create_bookpage_label ------------------------------------- */
.div_bookpage_0{
    width: 97%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}
.div_bookpage_front_0_0{
    width: 100%;
    height:39px;
    position: relative;
    background: #424957;
    padding: 0;
    border: solid rgba(168, 174, 202,0.5) 0.5px;
    border-top-right-radius: 2em 2em;
    overflow: hidden;
}
.div_bookpage_front_0_0_border{
    width: 90%;
    height: 35px;
    background-color: rgba(255, 255, 255, 0);
    border-top: solid 2px;
    border-left: solid 2px;
    border-top-right-radius: 2em 2em;
    border-image: linear-gradient(to right, #d1d1ff, #ffdaf7);
    border-image-slice: 1;
    border-collapse: collapse;
    position: absolute;
    top: 3px;
    left: 3px;
}
.div_bookpage_front_0_1_border{
    width: 10%;
    height: 35px;
    background-color: rgba(255, 255, 255, 0);
    border-top: solid #ffdaf7 2px;
    border-top-right-radius: 2em 2em;
    border-image-slice: 1;
    border-collapse: collapse;
    position: absolute;
    top: 3px;
    right: -3px;
}
.div_bookpage_front_0_1{
    width: 100%;
    height:10px;
    position: relative;
    background: #f9f9ff;
    padding: 0;
    border-top: solid rgba(168, 174, 202,0.5) 0.5px;
    z-index: 1;
}
.div_bookpage_back_0{
    width: 50px;
    height: 40px;
    background:  linear-gradient(45deg, #46595e, #4b4c6b);;
    position: absolute;
    top: -2px;
    left: -1px;
    border-bottom: solid rgba(82, 84, 94, 0.5) 0.5px;
    border-left: solid rgba(82, 84, 94, 0.5) 0.5px;
    border-bottom-left-radius: 5px;
    border-collapse: collapse;
    transform: rotate(-70deg);
    z-index: 1;
}
.div_bookpage_back_0_border{
    width: 42px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    border: solid #ddeefa 2px;
    border-bottom-left-radius: 5px;
    border-collapse: collapse;
    right:0;
}
.img_label_star{
    width: 11px;
    height: auto;
    transform: rotate(0deg);
    transform: scale(1, -1);
    filter: brightness(0) saturate(100%) invert(86%) sepia(9%) saturate(1514%) hue-rotate(169deg) brightness(103%) contrast(104%);
    position: absolute;
    top: 16px;
    left: 10px;
}
.img_label_circle{
    width: 5px;
    height: auto;
    transform: rotate(0deg);
    transform: scale(1, -1);
    filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(2672%) hue-rotate(176deg) brightness(100%) contrast(94%);
    position: absolute;
    top: 21px;
    left: 27px;
}
.img_label_orb{
    width: 3px;
    height: auto;
    transform: rotate(0deg);
    transform: scale(1, -1);
    filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(2672%) hue-rotate(176deg) brightness(100%) contrast(94%);
    position: absolute;
    top: 18px;
    left: 20px;
}
.div_bookpage_space_0_0{
    width: 0;
    height: 0;
    position: absolute;
    top: -15px;
    left: -30px;
    border-bottom: solid rgba(168, 174, 202,0.5) 0.5px;
    transform: rotate(-35deg);
    z-index: 3;
        border-right: 40px solid transparent;
        border-left: 40px solid transparent;
        border-bottom: 40px solid #f9f9ff;
}
.div_bookpage_space_0_1{
    width: 80px;
    height: 20px;
    background-color: #f9f9ff;
    position: absolute;
    top: -20px;
    z-index: 3;
}
.div_bookpage_space_0_2{
    width: 4px;
    height: 50px;
    background-color: #f9f9ff;
    position: absolute;
    left: -4px;
    z-index: 3;
}
.h3_bookpage_0{
    font-size: 16px;
    color: #fbfcff;
    font-weight: 400;
    letter-spacing: 0.4rem;
    position: absolute;
    padding: 0.65rem 0 0 3.6rem;
}
/* ------------------------------------- create_article_label ------------------------------------- */
.div_h4_article_label{
    width: 97%;
    height: auto;
    border-bottom: solid #323946 0.1px;;
    justify-content: left;
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
}
.div_h4_article_spacer_0{
    width: 4px;
    height: auto;
    background-color: #424957;
    border-right: solid #d1d1ff 2px ;
    padding-top: 0.5rem;
}
.div_h4_article_spacer_1{
    width: 4px;
    height: auto;
    background-color: #424957;
    padding-top: 0.5rem;
}
.h4_article_label{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25rem;
    padding: 0.7rem;
}
.div_p_article_label{
    width: 97%;
    justify-content: left;
    padding: 0;
    margin-bottom: 2rem;
}
.p_article_label{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.05rem;
    padding: 0 0 0 0.5rem;
    margin: 0;
}
.p_article_label a:any-link{
    font-weight: 700;
}/* ------------------------------------- create_article_mark ------------------------------------- */

.div_p_article_mark{
    width: 97%;
    justify-content: left;
    align-items: center;
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.p_article_mark{
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05rem;
    padding: 0;
    display: inline;
}
.p_article_mark a:any-link{
    font-weight: 700;
}
.img_article_mark{
    height: 1.6rem;
    display: inline;
    vertical-align: middle;
    filter: brightness(178%) hue-rotate(33deg) opacity(80%);
}
/* ------------------------------------- create_article_sentence ------------------------------------- */

.div_p_article_sentence{
    width: 97%;
    justify-content: left;
    padding: 1rem 0 1rem 0;
}
.p_article_sentence{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.05rem;
    padding: 0 0.5rem 0 0.5rem;
}
.p_article_sentence a:any-link{
    font-weight: 700;
}
/* ------------------------------------- insert_article_banner ------------------------------------- */
.div_article_banner{
    width: 97%;
    height: auto;
}
/* ------------------------------------- create_datatable ------------------------------------- */
.div_table_record{
    width: 97%;
    border: 0.1px solid rgba(152, 162, 192, 0.4);
    border-collapse: collapse;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 1rem;
}
.table_record_0{
    width: 100%;
    color: #3e3e3f;
    border-collapse: collapse;
    margin: 0 0 -0.1px 0;
    background: linear-gradient(to right, #f5fcff, #f9fcff);
}
.table_record_0 thead tr th{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border: 0.1px solid #afc4d6;
    border-collapse: collapse;
    margin: 0;
    padding: 0.6rem;
    letter-spacing: 0.3rem;
}
.table_record_0 tbody tr td{
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    border: 0.1px solid #afc4d6;
    border-collapse: collapse;
}
.tr_datatable_0 td{
    background-color: #fdfdff;
    padding: 0.3rem 0 0.3rem 0;
}
.tr_datatable_1 td{
    background-color: #f7f7f7;
    padding: 0.3rem 0 0.3rem 0;
}
.tr_datatable_2 td{
    background-color: #494d55;
    color: #fdfdff;
    letter-spacing: 0.2rem;
    padding: 0.5rem;
}
.tr_datatable_3 td{
    background-color: rgba(203, 209, 223, 0.4);
    padding: 0.3rem 0 0.3rem 0;
    color: #5e5e5e;
    font-weight: 700 !important;
}
.r100_10{
    width: 10rem;
}
.r75_10{
    width: 7.5rem;
}
.r45_10{
    width: 4.5rem;
}
.r35_10{
    width: 3.5rem;
}
.r18_10{
    width: 1.8rem;
}
.r15_10{
    width: 1.5rem;
}
.r10_10{
    width: 1.0rem;
}
.r5_10{
    width: 0.5rem;
}
.p666_10{
    width: 66.6%;
}
.p500_10{
    width: 50%;
}
.p350_10{
    width: 35%;
}
.p334_10{
    width: 33.4%;
}
.p333_10{
    width: 33.3%;
}
.p300_10{
    width: 30%;
}
.p250_10{
    width: 25.0%;
}
.p200_10{
    width: 20.0%;
}
.p188_10{
    width: 18.8%;
}
.p187_10{
    width: 18.7%;
}
.p180_10{
    width: 18.0%;
}
.p167_10{
    width: 16.7%;
}
.p166_10{
    width: 16.6%;
}
.p150_10{
    width: 15.0%;
}
.p143_10{
    width: 14.3%;
}
.p125_10{
    width: 12.5%;
}
.p120_10{
    width: 12.0%;
}
.p111_10{
    width: 11.1%;
}
.p100_10{
    width: 10.0%;
}
.p94_10{
    width: 9.4%;
}
.p93_10{
    width: 9.3%;
}
.p84_10{
    width: 8.4%;
}
.p83_10{
    width: 8.3%;
}
.p56_10{
    width: 5.6%;
}
.p55_10{
    width: 5.5%;
}
.p50_10{
    width: 5.0%;
}
.tablefontweight_bold{
    font-weight: 700 !important;
}
.tablefontsize_small{
    font-size: 10px !important;
}
.tablefontcolor_purple{
    color: #8856aa;
}
.tablefontcolor_gray{
    color: #aaaaaa;
}
.tablefontcolor_green{
    color: #0fb8e2;
}
.noborder_right{
    border-right: none !important;
}
.noborder_both{
    border-right: none !important;
    border-left: none !important;
}
.noborder_left{
    border-left: none !important;
}
.a_left{
    text-align: left !important;
    padding-left: 0.2rem !important;
}
.insert_bold{
    font-weight: 700 !important;
}
.img_datatable_0{
    transform: scale(1.0);
    padding: 12px 0 6px 0;
}
/* ------------------------------------- create_link_sentence ------------------------------------- */
.div_link_sentence{
    width: 97%;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    vertical-align: middle;
    padding: 0;
    margin-top: 1rem;
}
.a_link_sentence{
    width: 100%;
    color: #3f495c;
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
}
.img_link_sentence{
    height: 1.5rem;
    width: auto;
    filter: brightness(0) saturate(100%) invert(65%) sepia(5%) saturate(4434%) hue-rotate(185deg) brightness(95%) contrast(92%);
    display: inline;
    vertical-align: middle;
    padding-bottom: 0.2rem;
}
.p_link_sentence_0{
    color: #3f495c;
    vertical-align: middle;
    margin: 0;
    display: inline;
}
.p_link_sentence_1{
    font-weight: 700;
    color: #3f495c;
    vertical-align: middle;
    margin: 0;
    padding-left: 0.3rem;
    display: inline;
    text-decoration: underline #3f495c !important;
    text-underline-offset: 5px;
}

/* ------------------------------------- index ------------------------------------- */

.div_index_card{
    width: 97%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 2rem;
}
.a_index_card{
    width: 32%;
    aspect-ratio: 1;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}
@media (max-width: 640px) {
    .a_index_card{
        width: 45%;
        border-radius: 1.2rem;
    }
}
.img_index_card{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.h2_index_card{
    color: #21252b;
    font-size: 13px;
    position: absolute;
    bottom: 10px;
    z-index: 2;
    -webkit-text-stroke-width: 0.0px;
    -webkit-text-stroke-color: rgb(199, 199, 199);
    text-decoration: none;
    padding: 0 1rem 0 1rem;
}
@media (max-width: 640px) {
    .h2_index_card{
        font-size: 12px;
        bottom: 4px;
        padding: 0 0.3rem 0 0.3rem;
    }
}





.div_content_spacer{
    padding-top: 1rem;
}
.div_article_spacer{
    margin-bottom: 6rem;
}
.div_content_horizon{
    width: 80%;
    border-top: solid 0.1px;
    border-image: linear-gradient(to right, #cff1dd, #e6c6d5) 1;
}
.div_salesinfomation{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    margin: 0 auto;
    justify-content:space-around;
}
.div_mv{
    width:60%;
    height:auto;
}
@media (max-width: 640px) {
    .div_mv{
        width:50%;
    }
}
.img_mv{
    max-width: 100%;
    height: auto;
}
.div_gamedescription{
    width: 40%;
    height: auto;
}
.h2_gamedescription{
    font-size: 14px;
}
@media (max-width: 640px) {
    .h2_gamedescription{
        font-size: 12px;
    }
}
.h3_gamedescription{
    font-size: 14px;
}
@media (max-width: 640px) {
    .h3_gamedescription{
        font-size: 10px;
    }
}
.div_content_1{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.div_content_1_inner{
    width: 100%;
    background-color: #f9f9ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.div_content_label{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 1rem 0 1rem 0;
}
.img_content_label{
    width: 1.4rem;
    height: auto;
    filter: brightness(0) saturate(100%) invert(83%) sepia(11%) saturate(560%) hue-rotate(144deg) brightness(104%) contrast(97%);
    padding: 0.05rem 0.6rem 0 0.4rem;
}
.h2_content_label{
    display: flex;
    flex-direction: row;
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
    padding-left: 2.5rem;
    margin: 0;
}
.div_content_read{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0;
}
.p_content_read{
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.05rem;
    padding: 0 1.5rem 0 1.5rem;
}