.pid-99d0b4c0-a584-41c6-8229-3542f4457309 {}

.block-list242 li a .date b::before {
    display: none;
}

.block-list242 li a .date b, .block-list242 li a .date span {
    display: block !important;
    text-align: center !important;
}


.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode {
    /* background: url(https://demo.gpowersoft.com/editor_saas/api/preview/image/8951564ac70f454d8dd1c4b1ea22d8d0.png?pageId=264685fbbfe440c8bbc920921abf756d) no-repeat left center;
    background-size: 100% auto;
    height: 100% */
    height: 100%;
    min-height: 470px;
}
@media screen and (max-width: 1386px) {
    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode {
        min-height: 440px;
    }
}
@media screen and (max-width: 1320px) {
    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode {
        min-height: 405px;
    }
}
.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    min-width: 184px;
    box-sizing: border-box;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(1) {
    left: 50%;
    transform: translateX(-50%);
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(2) {
    left: 0;
    top: 16.6%;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(3) {
    left: 50%;
    top: calc(33.34% + 0px);
    transform: translateX(-50%);
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(4) {
    right: 0;
    top: 16.67%;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(5) {
    left: 0;
    top: calc(50.1% + 0px);
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(6) {
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(7) {
    right: 0;
    top: calc(50.1% + 0px);
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li a {
    display: grid;
    grid-area: 1/1;
    /* Ã¨Â§â€žÃ¥Â®Å¡Ã¤Â»Å½Ã§Â¬Â¬Ã¤Â¸â‚¬Ã¨Â¡Å’Ã§Â¬Â¬Ã¤Â¸â‚¬Ã¥Ë†â€”Ã¥Â¼â‚¬Ã¥Â§â€¹Ã¦ËœÂ¾Ã§Â¤ÂºÃ©Â¡Â¹Ã§â€ºÂ® */
    width: 100%;
    place-content: center;
    aspect-ratio: 1.28;
    /* Ã¥Â®Â½Ã©Â«ËœÃ¦Â¯â€Ã¤Â¾â€¹Ã§Â¼Â©Ã¦â€Â¾ */
    object-fit: cover;
    /* Ã¤Â¿ÂÃ¦Å’ÂÃ¥â€ºÂ¾Ã§â€°â€¡Ã¥Å½Å¸Ã¦Å“â€°Ã¦Â¯â€Ã¤Â¾â€¹, Ã¤Â¼Å¡Ã¦Å“â€°Ã¥â€°ÂªÃ¥Ë†â€¡*/
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    cursor: pointer;
    position: relative;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    justify-items: center;
    background: #EEF3FA;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li a .item-info {
    text-align: center;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li a i {
    display: none;
    position: relative;
    z-index: 1;
    margin-bottom: 17px;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode ul {
    font-size: 0;
    text-align: center;
    height: 100%;
    position: relative;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li a .item-txt {
    position: relative;
    z-index: 1;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li .bg {

    position: absolute;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    position: absolute;
    left: 7.5px;
    top: 7.5px;

}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(1) a .bg {
    background: #ED7D31;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(2) a {
    background: #EEDDE1;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(2) a .bg {
    background: #E14747;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(3) a {
    background: #CCDEF1;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(3) a .bg {
    background: #004EA1;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(4) a {
    background: #E2F3FB;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(4) a .bg {
    background: #00A8D6;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(5) a {
    background: #F1E4DF;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(5) a .bg {
    background: #4472C4;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(6) a {
    background: #DEEDE2;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(6) a .bg {
    background: #1EB6A6;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(7) a {
    background: #d5edf0;
}

.pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li:nth-child(7) a .bg {
    background: #4B42B5;
}

.pid-18ae105b-11e6-43ef-b4a2-1dbdb95d501f {}

.carousel54 .slick-slider a .slick-txt {
    display: none;
}

@media screen and (max-width:1387px) {
    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li {
        min-width: 168px;
    }
}

@media screen and (max-width:1321px) {
    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li {
        min-width: 154px;
    }
}

@media screen and (max-width:998px) {
    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode {
        height: 406px;
        min-height: auto;
    }

    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode {
        max-width: 456px;
        margin: 0 auto;
    }

    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li {
        width: 154px;
    }
}

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

    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li {
        width: 141px;
        min-width: auto;
    }

    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li a .item-txt {
        font-size: 13px;
    }

    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li a i {
        width: 22px;
        margin-bottom: 5px;
    }

    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode {
        max-width: auto;
        height: 358px;
        margin: 0 auto;
    }
}

@media screen and (max-width:414px) {
     .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode ul{
         margin: 0 -10px;
     }
    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li {
        position: relative;
        transform: translateX(0%) !important;
        left: auto !important;
        right: auto;
        bottom: auto;
        top: auto !important;
        width: 50%;
        min-width: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode li a{
        /* margin: 0 10px; */
    }
    .pid-ff4fd84e-326a-4a0f-935e-5b4017d14d98 .gpCode{
        height: auto;
    }
}