@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;800&display=swap');
/* 顏色宣告 */
:root{
    --aos-delay: 120ms;
    /* A版 */
    --color-primary-A: #198964;
    --color-secondary-A: #fde440;
    /* B版 */
    --color-primary-B: #198964;
    --color-secondary-B: #0e2a1f;
    /* C版 */
    --color-primary-C: #198964;
    --color-secondary-C: #f9dc1c;
    /* D版 */
    --color-primary-D: #14805E;
    --color-secondary-D:#fde440;
    /* E版 */
    --color-primary-E: #999999;
    --color-secondary-E: #fde440;
    /* F版 */
    --color-primary-F: #a21116;
    --color-secondary-F: #e53935;
}
/* 共用 */
body{
    color: #5d5d5d;
    font-family: '-apple-system','Helvetica Neue','Helvetica','Noto Sans','Noto Sans TC','Microsoft YaHei','Microsoft JhengHei',Arial,'sans-serif';
    font-size: 1rem;
    margin: 0;
}
*, *::before, *::after{
    box-sizing: border-box;
}
img{
    border-style: none;
    display: block;
    max-width: 100%;
}
ul, ul li{
    list-style: none;
    margin: 0;
    padding: 0;
}
a{ text-decoration: none; }
.d-flex{ display: flex; }
.bgimg{
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/* logo Flex置中 */
.headOrder h1{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headOrder h1 img{
    max-height: calc(90% - 10px);
    max-width: 92%;
}
.copyright{ text-align: center; }
/* 時區 */
.topinfo .d-flex{ justify-content: space-between; }

/* PHP新增区块, 预设关闭 */
.footer_text {display: none;}
.webfeatures {display: none;}

/* lineDetection 线路检测 */
.card-body .lineDetection::before,
.card-body .lineDetection.success::before,
.card-body .lineDetection.error::before{
    content: "\2714";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: .5em;
    width: 1.2em;
    height: 1.2em;
    background-color: #198964;
    color: #fff;
}
.card-body .lineDetection.error::before{
    content: "\2718";
    background-color: #c00;
}

/* ==================================================== */
/* ﹀﹀﹀﹀﹀﹀﹀﹀﹀ typeA for B站 star ﹀﹀﹀﹀﹀﹀﹀﹀﹀ */
/* font */
.typeA{
    font-family: '-apple-system','Barlow','Helvetica Neue','Helvetica','Noto Sans','Noto Sans TC','Microsoft YaHei','Microsoft JhengHei',Arial,'sans-serif';
}
.typeA .headOrder{}
.typeA .navOrder{}
.typeA .mainOrder{}
.typeA .copyright{
    text-align: left;
    color: #fff;
    line-height: 1;
}
/* Main */
.typeA.bgimg{
    background-image: url('/images_plus/navigation/typeA2_bg.jpg');
    min-height: 100vh;
    padding: 0 40px 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.typeA .d-flex{
    min-height: calc(100vh - 250px - 50px - 40px);
    padding: 40px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* Logo */
.typeA .headOrder h1{
    position: relative;
    height: 150px;
    width: 340px;
}
.typeA .headOrder h1 img{
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.typeA .headOrder h1::before{
    content: '';
    display: block;
    background-color: var(--color-primary-A);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.typeA .headOrder h1::after{
    content: '';
    background-color: var(--color-secondary-A);
    height: 100%;
    position: absolute;
    width: calc(100% + 30px);
    display: block;
    top: 30px;
    left: 0;
    z-index: 1;
}
/* Menu */
.typeA .topinfomenu{
    display: none;
}
.typeA .navOrder .navDisplay{
    display: flex;
}
.typeA .navOrder .navDisplay .nav-item{
    flex: 1;
    min-width: 150px;
    text-align: center;
}
.typeA .navOrder .navDisplay .nav-item a{
    background-color: #000;
    color: #fff;
    display: block;
    padding: 20px;
    transition: all .5s;
    vertical-align: middle;
    width: 100%;
    white-space:nowrap;
}
.typeA .navOrder .navDisplay .nav-item a:hover{
    background-color:rgba(0, 0, 0, .8);
    color: var(--color-secondary-A);
}
.typeA .navOrder .navDisplay .nav-item a.home{
    background-color: var(--color-secondary-A);
    color: #000;
}
.typeA .navOrder .navDisplay .nav-item a.home:hover{
    background-color: var(--color-primary-A);
}
.typeA .navOrder .navDisplay .nav-item a.home::before{
    content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    margin: -2px 8px 0 0;
    vertical-align: middle;
}
/* Content */
.typeA .mainOrder .defwebsite{
    background: rgba(0, 0, 0, .9);
    border:5px solid var(--color-secondary-A);
    max-width: calc(50vw - 100px);
    padding: 30px 65px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    position: fixed;
    bottom: 40px;
    right: 40px;
}
.typeA .mainOrder .defwebsite .websiteTitle{
    color: #fff;
    margin: 0 0 15px 0;
}
.typeA .mainOrder .defwebsite .websiteName{
    color: var(--color-secondary-A);
    font-size: 2.75rem;
    font-weight: 800;
    word-break: normal;
}
/* List */
.typeA .mainOrder{
    min-width: 100%;
    padding: 80px 0 0;
    display: flex;
    flex-direction: column;
}
.typeA .mainOrder .linegroup{
    order: 1;
    width: 50%;
}
.typeA .mainOrder .linegroup ul{
    counter-reset: listcounter;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.typeA .mainOrder .linegroup ul .line-card .card-header{
    display: none;
}
.typeA .mainOrder .linegroup ul .line-card{
    background: rgba(0, 0, 0, .9);
    counter-increment: listcounter;
    margin-bottom: 2%;
    transition: all .5s;
    width: 49%;
}
.typeA .mainOrder .linegroup ul .line-card:hover{
    background: rgba(0, 0, 0, .6);
}
/* .typeA .mainOrder .linegroup ul .line-card .lineDetection{
    display: none;
} */
.typeA .mainOrder .linegroup ul .line-card .card-body{
    font-size: 1.125rem;
    font-weight: bold;
    padding: 40px 100px 40px 30px;
    position: relative;
}
.typeA .mainOrder .linegroup ul .line-card .lineTitle::before{
    content: '';
    background-color: var(--color-primary-A);
    display: block;
    height: 70%;
    width: 6px;
    position: absolute;
    left: 0;
    top: 15%;
}
.typeA .mainOrder .linegroup ul .line-card .card-body::before{
    content: 'GO';
    border-radius: 30px;
    border: 2px solid #fff;
    color: var(--color-secondary-A);
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: all .5s;
    width: 60px;
    position: absolute;
    right: 35px;
    top: calc(50% - 30px);
}
.typeA .mainOrder .linegroup ul .line-card:hover .card-body::before{
    background-color: var(--color-primary-A);
    color: #fff;
}
.typeA .mainOrder .linegroup ul .line-card .card-body::after{
    content: counter(listcounter);
    color: #fff;
    display: block;
    font-size: 7em;
    line-height: 100%;
    opacity: .05;
    text-align: center;
    transform: translate(0, -50%);
    width: 34%;
    position: absolute;
    right: 0;
    top: 50%;
}
.typeA .mainOrder .linegroup ul .line-card .card-body h3{
    color: #fff;
    margin: 0 0 20px 0;
    word-wrap: break-word;
}
.typeA .mainOrder .linegroup ul .line-card .card-body p{
    color: var(--color-secondary-A);
    margin: 0;
    word-wrap: break-word;
}
.typeA .mainOrder .linegroup ul .line-card .card-body p.lineDetection::before{
    margin: .5em;
    margin-left: 0;
}
.typeA .mainOrder .infoweb{
    order: 2;
    padding: 20px 0 30px;
}
.typeA .mainOrder .infoweb a{
    background-color:var(--color-secondary-A);
    border-radius: 50px;
    color: #000;
    display: inline-block;
    font-weight: bold;
    padding: 15px 30px;
    transition: all .5s;
}
.typeA .mainOrder .infoweb a:hover{
    color: var(--color-secondary-A);
    background-color: var(--color-primary-A);
}
@media only screen and (max-width: 1036px){
    .typeA .headOrder{
        width: 30%;
    }
}
@media only screen and (max-width: 1024px){
    /* Main */
    .typeA.bgimg{
        background-position: right top;
    }
    .typeA .mainOrder .defwebsite{
        max-width: 40%;
    }
    .typeA .mainOrder .defwebsite .websiteName{
        font-size: 1.75rem;
    }
    /* List */
    .typeA .mainOrder .linegroup ul .line-card{
        margin: 0 0 1rem;
        width: 100%;
    }
}
@media only screen and (max-width: 991px){
    /* Main */
    .typeA.bgimg{
        padding: 0 0 20px;
    }
    .typeA .d-flex{
        padding: 0 0 0;
    }
    .typeA .copyright{
        text-align: center;
    }
    .typeA .mainOrder .defwebsite{
        max-width: 100%;
        margin-bottom: 1rem;
        position: unset;
    }
    .typeA .headOrder{
        width: 100%;
    }
    .typeA .headOrder h1{
        height: 80px;
        width: 100%;
    }
    .typeA .headOrder h1::after{
        display: none;
    }
    .typeA .mainOrder{
        padding: 20px 20px 0 20px;
    }
    /* List */
    .typeA .mainOrder .linegroup{
        width: 100%;
    }
    .typeA .mainOrder .line-card{
        margin: 0 0 1rem 0;
        width: 100%;
    }
    .typeA .mainOrder .infoweb{
        margin-bottom: 20px;
        text-align: center;
    }
    .typeA .mainOrder .infoweb a{
        width: 100%;
    }
    /* Menu */
    .typeA .navOrder{
        width: 100%;
    }
}
@media only screen and (max-width: 600px){
    .typeA .navOrder .navDisplay .nav-item{
        flex: 1;
        min-width: auto;
        text-align: center;
    }
}
@media only screen and (max-width: 414px){
    .typeA .mainOrder .defwebsite{
        padding: 20px;
    }
    .typeA .navOrder .navDisplay{
        display: unset;
    }
    .typeA .navOrder .navDisplay .nav-item{
        flex: 1;
        float: left;
        min-width: unset;
        text-align: center;
        width: 50%;
    }
}
/* ︿︿︿︿︿︿︿︿︿ typeA for B站 end ︿︿︿︿︿︿︿︿︿ */
/* ==================================================== */

/* ==================================================== */
/* ﹀﹀﹀﹀﹀﹀﹀﹀﹀ typeB for B站 star ﹀﹀﹀﹀﹀﹀﹀﹀﹀ */
/* font */
.typeB,
.typeB a{ color: #fff; }
.typeB{ font-family: '-apple-system','Century Gothic','Helvetica','Noto Sans','Noto Sans TC','Microsoft YaHei','Microsoft JhengHei',Arial,'sans-serif'; }
.typeB a:hover{ color: yellow; }

.typeB .d-flex{ flex-direction: column; }
.typeB.bgimg{
    background-color: var(--color-primary-B);
    background-image: url('/images_plus/navigation/typeB_bg.jpg');
}
.typeB .headOrder{
    background-color: var(--color-secondary-B);
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.typeB .headOrder h1{
    max-height: 100px;
    position: relative;
    width: 100%;
    height: 90px;
}
.typeB h1 img{
    margin: 0 auto;
}
.typeB .navOrder,
.typeB footer{
    max-width: 1300px;
    transform: translate(-50%, 0%);
    width: 100%;
    z-index: 1;
    position: fixed;
    left: 50%;
}
.typeB .navOrder{
    bottom: 0;
}
.typeB footer{
    font-size: 11px;
    bottom: 10px;
}
.typeB .navOrder .navDisplay{
    background-color: rgba(0,0,0,0.7);
    height: auto;
    position: relative;
    width: 100%;
    display: inline-flex;
    justify-content:center;
}
.typeB .navOrder .nav-item{
    font-size: 16px;
    font-weight: bold;
    height: 130px;
    margin: -50px 3% 50px;
    position: relative;
    width: 130px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.typeB .navOrder .nav-item::after{
    content: '';
    background: url('/images_plus/navigation/typeB_diamond1_dark.png') no-repeat;
    background-size: cover;
    height: 38px;
    width: 100%;
    z-index: 0;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.typeB .navOrder .nav-item .nav-link{
    color: var(--color-primary-B);
    height: 80%;
    line-height: 1.3em;
    position: relative;
    text-align: center;
    width: 80%;
    z-index: 1;
    -webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.7));
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.typeB .navOrder .nav-link::before{
    content: '';
    background-image: url('/images_plus/navigation/typeB_diamond1.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 120%;
    padding: 10%;
    text-align: center;
    width: 120%;
    z-index: -1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.typeB .navOrder .nav-item .nav-link::before{
    transition: .6s ease;
}

.typeB .navOrder .nav-item:hover .nav-link::before{
    transform: rotate(360deg);
}
.typeB .navOrder .nav-item .nav-link:hover{
    color: #000;
    transition: .6s ease;
}
/*-- content --*/
.typeB .mainOrder{
    margin: 0 auto 200px;
    max-width: 1300px;
    padding: 0 5%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* 易記網址標題 */
.typeB .mainOrder .defwebsite{
    background: url('/images_plus/navigation/typeB_defwebsite_TitleBg.svg') no-repeat center 0.5em;
    height: 90px;
    line-height: 1.5em;
    margin: 30px 30% 0;
    position: relative;
    text-align: center;
    width: 500px;
}
.typeB .mainOrder .defwebsite::before,
.typeB .mainOrder .defwebsite::after{
    content: '';
    background: url('/images_plus/navigation/typeB_diamond_icon.svg') no-repeat;
    display: block;
    height: 60px;
    width: 50px;
    position: absolute;
    top: 20%;
}
.typeB .mainOrder .defwebsite::before{ left: 3%; }
.typeB .mainOrder .defwebsite::after{ right: 3%; }
.typeB .mainOrder .defwebsite .websiteTitle{
    font-size: 24px;
    height: 2em;
    margin: -0.5em auto;
    position: relative;
    width: 60%;
    word-break: break-all;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.typeB .mainOrder .defwebsite .websiteName{
    color: yellow;
    font-size: 18px;
    font-weight: bold;
    margin: 0.8em auto;
    position: relative;
    width: 80%;
}
.typeB .mainOrder .infoweb{
    background: url('/images_plus/navigation/typeB_naviBigTitle.png') no-repeat;
    height: fit-content;
    margin-top: 50px;
    min-height: 135px;
    position: relative;
    width: 28%;
}
.typeB .mainOrder .infoweb a{
    background: #222;
    border-radius: 5px;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: .5s ease;
    width: 90px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.typeB .mainOrder .infoweb a:hover{
    background: #f9dc1c;
    color: #000;
}
.typeB .mainOrder .linegroup{
    margin-top: 50px;
    position: relative;
    width: 65%;
}
.typeB .mainOrder .linegroup .lineDisplay .line-card{
    border-bottom: 1px solid #999;
    display: inline-flex;
    flex-direction: row;
    height: auto;
    margin: 0 2% 6%;
    padding-bottom: 3%;
    position: relative;
    width: 45%;
}
.typeB .mainOrder .linegroup .lineDisplay .line-card .line-link{
    display: inline-flex;
    height: 100%;
    width: 100%;
}
.typeB .mainOrder .linegroup .card-header{
    background: -webkit-linear-gradient(300deg, rgba(255, 255, 255, 0.8)0%, rgba(255, 255, 255, 0)80%);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.8)0%, rgba(255, 255, 255, 0)80%);
    color: #fff;
    display: block;
    font-size: 48px;
    height: 80px;
    line-height: 2.5em;
    margin-right: 0.3em;
    padding-right: 5px;
    text-align: right;
    width: 80px;
}
/* cube hover animation */
.typeB .mainOrder .linegroup .lineDisplay .line-card:hover .card-header{
    -webkit-animation: cube 1.5s ease infinite;
    animation: cube 1.5s ease infinite;
    background-size: 200% 200%;
}
.typeB .mainOrder .linegroup .card-header span:first-child{
    display: none;
}
.typeB .mainOrder .linegroup .lineTitle{
    margin: 0;
}
.typeB .mainOrder .linegroup .lineDisplay .line-card .line-link .card-body{
    width: calc(100% - 80px - 0.3em);
}
.typeB .mainOrder .linegroup h3,
.typeB .mainOrder .linegroup p{
    margin: 0.7em 0;
    word-break: break-all;
}
/* tablet */
@media only screen and (max-width: 1366px){
    .typeB .mainOrder .infoweb{
        background-size: cover;
        min-height: 110px;
        width: 20%;
    }
    .typeB .mainOrder .infoweb a{ right: -25%;}
    .typeB .navOrder{ height: 110px; }

}
/* pad 橫式 */
@media only screen and (max-width: 1024px){
    /* 資訊導航 */
    .typeB .mainOrder .infoweb{
        min-height: 90px;
        width: 25%;
    }
    .typeB .mainOrder .infoweb a{ right: -30%; }
    /* title */
    .typeB .mainOrder .defwebsite{ margin: 30px 25% 0; }
}
/* pad 直式 */
@media only screen and (max-width: 768px){
    /* 資訊導航 */
    .typeB .mainOrder .infoweb{
        min-height: 65px;
        width: 20%;
    }
    .typeB .mainOrder .infoweb a{ right: -50%; }
    /* title 鑽石 */
    .typeB .mainOrder .defwebsite{ margin: 30px 20% 0; }
    .typeB .mainOrder .defwebsite::before,
    .typeB .mainOrder .defwebsite::after{ height: 45px; }
    .typeB .mainOrder .infoweb a{
        font-size: 15px;
        width: 80px;
    }
    /* List */
    .typeB .mainOrder .linegroup h3{ font-size: 15px; }
    .typeB .mainOrder .linegroup p{
        font-size: 13px;
        margin: 0.5em 0;
    }
    /*方框 */
    .typeB .mainOrder .linegroup .card-header{
        font-size: 36px;
        height: 60px;
        width: 60px;
    }
    .typeB .mainOrder .linegroup .lineDisplay .line-card .line-link .card-body{ width: calc(100% - 60px - 0.3em); }
}
@media only screen and (min-width: 561px){
    /* websiteList delay */
    .typeB .lineDisplay .line-card:nth-child(8n+1){ transition-delay: calc( 0 * var(--aos-delay)); }
    .typeB .lineDisplay .line-card:nth-child(8n+2){ transition-delay: calc( 1 * var(--aos-delay)); }
    .typeB .lineDisplay .line-card:nth-child(8n+3){ transition-delay: calc( 2 * var(--aos-delay)); }
    .typeB .lineDisplay .line-card:nth-child(8n+4){ transition-delay: calc( 3 * var(--aos-delay)); }
    .typeB .lineDisplay .line-card:nth-child(8n+5){ transition-delay: calc( 4 * var(--aos-delay)); }
    .typeB .lineDisplay .line-card:nth-child(8n+6){ transition-delay: calc( 5 * var(--aos-delay)); }
    .typeB .lineDisplay .line-card:nth-child(8n+7){ transition-delay: calc( 6 * var(--aos-delay)); }
    .typeB .lineDisplay .line-card:nth-child(8n+8){ transition-delay: calc( 7 * var(--aos-delay)); }
}
/* big phone */
@media only screen and (max-width: 560px){
    /* logo */
    .typeB h1 img{}
    /* content */
    .typeB .mainOrder{
        margin: 0 auto 200px;
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    /* 資訊導航 */
    .typeB .mainOrder .infoweb{
        min-height: 60px;
        width: 40%;
        left: -10%;
    }
    .typeB .mainOrder .infoweb{
        margin-top: 30px;
    }
    .typeB .mainOrder{
        margin: 0 auto 150px;
    }
    /* title 鑽石 */
    .typeB .mainOrder .defwebsite{
        width: 100%;
    }
    /* List */
    .typeB .mainOrder .linegroup{
        width: 100%;
    }
    .typeB .mainOrder .linegroup .lineDisplay{
        padding: 0 0 20px 0;
    }
    .typeB .mainOrder .linegroup .lineDisplay .line-card{
        margin: 0 auto 20px;
        width: 60%;
        display: flex;
    }
    /* footer */
    .typeB .navOrder{
        height: 90px;
    }
    .typeB .navOrder .nav-item{
        font-size: 13px;
        height: 90px;
        margin: -50px 2% 50px;
        width: 90px;
    }
}
/* small phone */
@media only screen and (max-width: 400px){
    /* 資訊導航 */
    .typeB .mainOrder .infoweb{
        width: 50%;
    }
    /* title 鑽石 */
    .typeB .mainOrder .defwebsite{
        height: 65px;
        width: 100%;
    }
    .typeB .mainOrder .defwebsite::before,
    .typeB .mainOrder .defwebsite::after{
        height: 30px;
        width: 30px;
        top: 30%;
    }
    .typeB .mainOrder .defwebsite .websiteName{
        color: yellow;
        font-size: 13px;
        margin: 0.3em auto;
        width: 65%;
    }
    /* List */
    .typeB .mainOrder{
        margin: 0 auto 100px;
    }
    .typeB .mainOrder .linegroup{
        margin-top: 20px;
    }
    .typeB .mainOrder .linegroup .lineDisplay .line-card{
        width: 90%;
    }
    /* footer */
    .typeB .navOrder{
        height: 80px;
    }
    .typeB .navOrder .nav-item{
        font-size: 13px;
        height: 70px;
        margin: -35px 1% 34px;
        width: 70px;
    }
    .typeB .navOrder .nav-item::after{
        height: 20px;
        bottom: -10px;
    }
}
@keyframes cube{
    0%{ background-position: 100% -200%; }
    50%{ background-position: 100% 100%; }
    100%{ background-position: 100% 100%; }
}
/* ︿︿︿︿︿︿︿︿︿ typeB for B站 end ︿︿︿︿︿︿︿︿︿ */
/* ==================================================== */

/* ==================================================== */
/* ﹀﹀﹀﹀﹀﹀﹀﹀﹀ typeC for B站 star ﹀﹀﹀﹀﹀﹀﹀﹀﹀ */
.typeC .mainOrder .infoweb,
/* .typeC .mainOrder .lineDisplay .lineDetection{
    display: none;
} */
/* font */
.typeC,
.typeC a{ color: #fff; }
.typeC.bgimg{
    background-image: url('/images_plus/navigation/typeC_bg.jpg');
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.typeC .headOrder h1{
    height: 92px;
}
.typeC .headOrder h1 img{
    transition: 0.4s;
}
.typeC .d-flex{
    flex-direction: column;
}
.typeC .headOrder,
.typeC footer{
    border: 0px solid rgba(255,255,255,0.9);
    position: fixed;
    width: 100%;
    z-index: 99;
}
.typeC .headOrder{
    background-color: var(--color-primary-C);
    border-width: 0 0 1px 0;
    box-shadow: 0 50px 50px rgba(0,0,0,1);
}
.typeC .headOrder::before,
.typeC .headOrder::after,
.typeC footer::before,
.typeC footer::after{
    content: '';
    background-color: var(--color-primary-C);
    border: 0px solid rgba(255,255,255,0.9);
    box-sizing: content-box;
    height: 40px;
    width: 20%;
    position: absolute;
    top: 100%;
}
.typeC .headOrder::before{
    border-width: 0 1px 1px 0;
    transform: skewX(-40deg);
    left: -5%;
}
.typeC .headOrder::after{
    border-width: 0 0 1px 1px;
    transform: skewX(40deg);
    right: -5%;
}
.typeC .navOrder{
    width: 100%;
    z-index: 999;
    position: fixed;
    bottom: 60px;
    order: 2;
}
.typeC .navOrder .navDisplay{
    margin: 0px auto;
    display: flex;
    justify-content: center;
}
.typeC .navOrder .navDisplay li{
    margin: 0 2%;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.typeC .navOrder .navDisplay li:nth-child(4){
    order: -1;
}
.typeC .navOrder .navDisplay li::before{
    content: '';
    background: url('/images_plus/navigation/typeC_btn.png') 50% 50% #000;
    background-size: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px #fff;
    display: block;
    height: 100px;
    transition: 0.5s;
    width: 100px;
    z-index: -1;
    position: absolute;
}
.typeC .navOrder .navDisplay li:hover::before{
    border: 2px solid var(--color-secondary-C);
    box-shadow: 0 0 15px var(--color-secondary-C);
    transform: rotate(-180deg);
}
.typeC .navOrder .navDisplay li a{
    font-size: 14px;
    height: 100px;
    transition: 0.5s;
    width: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    filter: drop-shadow(0px 3px 2px #000);
}
.typeC .navOrder .navDisplay li a:hover{
    color: var(--color-secondary-C);
}
.typeC .navOrder .navDisplay li a::before{
    display: block;
    font:normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    font-size: 38px;
    margin-bottom: 5px;
}
.typeC .navOrder .navDisplay li a.signup::before{
    content: "\f022";   /*fa-list-alt*/
}
.typeC .navOrder .navDisplay li a.mobile::before{
    content: "\f108";   /*fa-desktop*/
}
.typeC .navOrder .navDisplay li a.connect::before{
    content: "\f27b";   /*fa-commenting-o*/
}
.typeC .navOrder .navDisplay li a.home::before{
    content: "\f015";   /*fa-home*/
}
.typeC .mainOrder{
    margin: 150px auto;
    text-align: center;
    width: 1200px;
}
.typeC .mainOrder .defwebsite{
    color: var(--color-primary-C);
    display: inline-grid;
    margin: 0 auto 40px;
    position: relative;
    filter: brightness(5);
}
.typeC .mainOrder .defwebsite .websiteName{
    filter: hue-rotate(35deg);
}
.typeC .mainOrder .defwebsite::before,
.typeC .mainOrder .defwebsite::after{
    content: '';
    background: url('/images_plus/navigation/typeC_bg_line.png') 100% 0%;
    display: block;
    height: 23px;
    width: 245px;
    position: absolute;
    top: calc(50% - 10px);
}
.typeC .mainOrder .defwebsite::before{
    right: calc(100% + 30px);
}
.typeC .mainOrder .defwebsite::after{
    transform: rotateY(180deg);
    left: calc(100% + 30px);
}
.typeC .mainOrder .lineDisplay{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}
.typeC .mainOrder .lineDisplay li{
    margin: 60px 1%;
    width: 23%;
}
.typeC .mainOrder .lineDisplay li a{
    display: block;
    border-radius: 30px 30px 0 0;
    box-shadow: 0 -5px 5px var(--color-primary-C);
    position: relative;
}
.typeC .mainOrder .lineDisplay li a::before{
    content: '';
    display: block;
    border-radius: 30px 30px 0 0;
    background-image: linear-gradient(rgba(0,0,0,0.1) , var(--color-primary-C), rgba(0,0,0,0.1));
    opacity: 0.5;
    transition: 0.4s;
    z-index: 0;
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: brightness(1.3);
}
.typeC .mainOrder .lineDisplay li a:hover::before{
    animation-name: Shinee;
    animation-duration: 1s;
    filter: brightness(2.3);
}
.typeC .mainOrder .lineDisplay li a::after{
    content: '';
    background-image: linear-gradient(90deg, transparent, #fff, transparent);
    display: block;
    height: 1px;
    width: 100%;
}
.typeC .mainOrder .lineDisplay li .card-header{
    color: var(--color-secondary-C);
    background-image: linear-gradient(#111 40% , transparent 70%);
    border-radius: 50%;
    box-shadow: inset 0 15px 13px rgba(255,255,255, 0.2);
    height: 140px;
    width: 140px;
    z-index: 1;
    position: absolute;
    left: calc(50% - 70px);
    top: -50px;
}
.typeC .mainOrder .lineDisplay li .card-header span{
    display: inline-block;
    margin-top: 10px;
    transform: skewX(-15deg);
}
.typeC .mainOrder .lineDisplay li .card-header .listNo{
    font-size: 350%;
    margin-left: 10px;
}
.typeC .mainOrder .lineDisplay li .card-body{
    box-sizing: content-box;
    min-height: 140px;
    padding: 30px 10px 10px 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.typeC .mainOrder .defwebsite h2,
.typeC .mainOrder .lineDisplay li .card-body h3,
.typeC .mainOrder .lineDisplay li .card-body p{
    margin: 0.5em 0;
}
/* .typeC .mainOrder .lineDisplay li .card-body .lineDetection{
    display: none;
} */
.typeC footer{
    color: #666;
    background-color: #111;
    border-width: 1px 0 0 0;
    box-shadow: 0 -80px 80px rgba(0,0,0,1);
    padding: 4em 0 1.5em;
    bottom: 0;
}
.typeC footer::before,
.typeC footer::after{
    background-color: #111;
    bottom: 100%;
    top: auto;
}
.typeC footer::before{
    border-width: 1px 1px 0 0;
    transform: skewX(40deg);
    left: -5%;
}
.typeC footer::after{
    border-width: 1px 0 0 1px;
    transform: skewX(-40deg);
    right: -5%;
}
/* websiteList delay */
@media only screen and (min-width: 1281px){
    .typeC .lineDisplay .line-card:nth-child(8n+1){ transition-delay: calc( 0 * var(--aos-delay)); }
    .typeC .lineDisplay .line-card:nth-child(8n+2){ transition-delay: calc( 1 * var(--aos-delay)); }
    .typeC .lineDisplay .line-card:nth-child(8n+3){ transition-delay: calc( 2 * var(--aos-delay)); }
    .typeC .lineDisplay .line-card:nth-child(8n+4){ transition-delay: calc( 3 * var(--aos-delay)); }
    .typeC .lineDisplay .line-card:nth-child(8n+5){ transition-delay: calc( 4 * var(--aos-delay)); }
    .typeC .lineDisplay .line-card:nth-child(8n+6){ transition-delay: calc( 5 * var(--aos-delay)); }
    .typeC .lineDisplay .line-card:nth-child(8n+7){ transition-delay: calc( 6 * var(--aos-delay)); }
    .typeC .lineDisplay .line-card:nth-child(8n+8){ transition-delay: calc( 7 * var(--aos-delay)); }
    .typeC .mainOrder .lineDisplay{
        min-height: 500px;
    }
}
@media only screen and (max-width: 1280px){
    .typeC .mainOrder{
        width: 90%;
    }
    .typeC .mainOrder .lineDisplay li{
        width: 30%;
    }
}
@media only screen and (max-width: 767px){
    .typeC .mainOrder .defwebsite::before,
    .typeC .mainOrder .defwebsite::after{
        height: 15px;
        left: calc(50% - 122px);
        top: calc(100% + 20px);
    }
    .typeC .mainOrder .defwebsite::before{
        top: -20px;
    }
    .typeC .mainOrder .lineDisplay li{
        width: 45%;
    }
}
@media only screen and (max-width: 539px){
    .typeC .mainOrder .lineDisplay li{
        width: 80%;
    }
    .typeC .navOrder .navDisplay{
        transform: scale(.7);
    }
    .typeC .headOrder h1{
        height: 80px;
    }
    .typeC .headOrder h1 img{
        max-width: calc(90% - 40px);
    }
    .typeC .headOrder::before,
    .typeC .headOrder::after,
    .typeC footer::before,
    .typeC footer::after{
        height: 25px;
    }
    .typeC .mainOrder{
        margin-top: 130px;
    }
    .typeC .mainOrder .defwebsite{
        margin-bottom: 80px;
    }
    .typeC .mainOrder .lineDisplay li{
        margin: 40px 1%;
    }
    .typeC .mainOrder .lineDisplay li .card-header{
        color: var(--color-secondary-C);
        height: 120px;
        width: 120px;
        left: calc(50% - 60px);
        top: -50px;
    }
    .typeC .mainOrder .lineDisplay li .card-body{
        min-height: auto;
    }
}
@keyframes Shinee{
    0%{ filter: brightness(1.3); }
    10%{ filter: brightness(2.3); }
    20%{ filter: brightness(1.3); }
    30%{ filter: brightness(2.3); }
    40%{ filter: brightness(2.3); }
    100%{ filter: brightness(2.3); }
}
/* ︿︿︿︿︿︿︿︿︿ typeC for B站 end ︿︿︿︿︿︿︿︿︿ */
/* ==================================================== */

/* ==================================================== */
/* ﹀﹀﹀﹀﹀﹀﹀﹀﹀ typeD for B站 star ﹀﹀﹀﹀﹀﹀﹀﹀﹀ */
.topinfo,
/* .typeD .lineDetection, */
.typeD .webRefresh{
    display:none;
}
.typeD .d-flex{
    flex-direction: column;
}
.typeD .headOrder{
    background-color: var(--color-primary-D);
    padding: 2px 0;
    width: 100%;
    z-index: 999;
}
/* logo 背景 */
.typeD h1{
    height: 75px;
}
.typeD h1 img{
    margin: 0 auto;
}
.typeD.bgimg{
    background-image: url('/images_plus/navigation/typeD_bg.jpg');
}
/*主選單 */
.typeD .navOrder{
    background: #303030;
    margin: 65px 0 0;
    padding: 23px 0;
    width: 100%;
    order: 1;
    position: fixed;
    bottom: 34px;
    z-index: 1;
}
/* 主要域名 */
.typeD .defwebsite{
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.77) 23%, rgba(0,0,0,0.8) 24%, rgba(0,0,0,0.8) 78%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.77) 23%, rgba(0,0,0,0.8) 24%, rgba(0,0,0,0.8) 78%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.77) 23%, rgba(0,0,0,0.8) 24%, rgba(0,0,0,0.8) 78%, rgba(0,0,0,0) 100%);
    padding: 10px;
    text-align: center;
    transition: all .5s;
    width: 350px;
    position: absolute;
    top: 20%;
    left: 20%;
}
.typeD .defwebsite::before,
.typeD .defwebsite::after{
    content: '';
    background-image: linear-gradient(90deg, transparent, var(--color-primary-D), transparent);
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.typeD .defwebsite::after{
    top: 0;
}
.typeD .websiteTitle{
    color: #fff;
    font-size: 1.2em;
    line-height: 1.25em;
    margin: 0;
}
.typeD .websiteName{
    color: var(--color-secondary-D);
    font-size: 1.1em;
    margin-top: 2%;
}
.typeD .websiteTitle,
.typeD .websiteName{
    text-shadow: 3px 3px 3px #000;
    transition: all .5s;
}
/* 線路選單 */
.typeD .mainOrder{
    margin: 0 auto;
    width: 75%;
}
.typeD .linegroup{
    padding: 400px 0 200px 0;
}
.typeD .linegroup ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.typeD .line-card{
    background-color: rgba(255,255,255,0.7);
    border: 2px solid #9d9d9d;
    cursor: pointer;
    height: 110px;
    margin: 4px 4px 6px 4px;
    position: relative;
    transition: all .5s;
    width: calc(100% / 4 - 8px);
}
.typeD .line-card:hover{
    border: 2px solid var(--color-primary-D);
    background-color: rgba(255,255,255,0.85);
}
.typeD .line-card::before{
    content: '';
    background-color: #9d9d9d;
    clip-path: polygon(0 0, 38% 0, 20% 100%, 0% 100%);
    height: 103%;
    transition: all .5s;
    width: 100%;
    position: absolute;
    left: -2px;
    top: -2px;
}
.typeD .card-header span:last-child{
    clip-path: polygon(0 0, 37% 0, 20% 100%, 0% 100%);
    height: 100%;
    text-indent: -10px;
    width: 100%;
}
.typeD .line-card:hover::before{
    background-color:var(--color-primary-D);
}
.typeD .navDisplay{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
}
.typeD .navDisplay li{
    border-radius: 50%;
    border: 2px #cccccc94 solid;
    cursor: pointer;
    height: 90px;
    margin: 0 0.3%;
    transition: all .5s;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.typeD .navDisplay li:hover{
    border: 2px var(--color-secondary-D) solid;
}
.typeD .navDisplay li:hover a{
    color: var(--color-secondary-D);
}
.typeD .listNo{
    font-size: 7.5em;
    letter-spacing: -10px;
}
.typeD .navDisplay a{
    color: #fff;
    text-align: center;
}
.typeD .navOrder .navDisplay li a{
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    text-shadow: 2px 2px 19px #000;
    transition: 0.5s;
}
.typeD .card-body{
    color: #5a5959;
    float: right;
    padding: 6% 0 0 0;
    width: 65%;
}
.typeD .card-body h3,
.typeD .card-body p{
    margin: 0;
    word-wrap: break-word;
}
.typeD .card-body h3{
    font-size: 1.2em;
    line-height: 1.35em;
}
.typeD .card-body p{
    font-size: 0.8em;
}
.typeD .card-body p.lineDetection::before{
    margin: .5em;
    margin-left: 0;
}
.typeD .card-header span{
    color: #fff;
    position: absolute;
}
.typeD .line-card:hover .card-header span{
    color: var(--color-secondary-D);
}
.typeD .line-card:hover .card-body h3{
    color: var(--color-primary-D);
}
.typeD .home::before,
.typeD .connect::before,
.typeD .mobile::before,
.typeD .signup::before{
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-size: 45px;
    margin-bottom: 5px;
}
/* icon */
.typeD .home::before{
    content: "\f015";
}
.typeD .connect::before{
    content: "\f086";
}
.typeD .mobile::before{
    content: "\f0ed";
}
.typeD .signup::before{
    content: "\f097";
}
/* footer */
.typeD footer{
    background: #151515;
    border-top: 1px solid #2d2d2d;
    color: #525252;
    /* font-size: 0.3em; */
    padding: 10px 0 10px;
    width: 100%;
    position: fixed;
    bottom: 0;
}
/* websiteList delay */
@media only screen and (min-width: 1280px){
    .typeD .lineDisplay .line-card:nth-child(8n+1){ transition-delay: calc( 0 * var(--aos-delay)); }
    .typeD .lineDisplay .line-card:nth-child(8n+2){ transition-delay: calc( 1 * var(--aos-delay)); }
    .typeD .lineDisplay .line-card:nth-child(8n+3){ transition-delay: calc( 2 * var(--aos-delay)); }
    .typeD .lineDisplay .line-card:nth-child(8n+4){ transition-delay: calc( 3 * var(--aos-delay)); }
    .typeD .lineDisplay .line-card:nth-child(8n+5){ transition-delay: calc( 4 * var(--aos-delay)); }
    .typeD .lineDisplay .line-card:nth-child(8n+6){ transition-delay: calc( 5 * var(--aos-delay)); }
    .typeD .lineDisplay .line-card:nth-child(8n+7){ transition-delay: calc( 6 * var(--aos-delay)); }
    .typeD .lineDisplay .line-card:nth-child(8n+8){ transition-delay: calc( 7 * var(--aos-delay)); }
}
@media only screen and (max-width: 1280px){
    .typeD .mainOrder{
        margin: 0 auto;
        width: 90%;
    }
    .typeD .defwebsite{
        top: 20%;
        left: 10%;
    }
    /* 線路選單 */
    .typeD .linegroup{
        padding: 300px 0 200px 0;
    }
    .typeD .line-card{
        height: 90px;
        width: 32%;
    }
    .typeD .listNo{
        font-size: 6em;
    }
    .typeD .card-header span:last-child{
        text-indent: -5px;
    }
    .typeD .card-body{
        padding: 4% 0 0 0;
    }
    .typeD .card-body h3{
        line-height: 1.3em;
    }
}
@media only screen and (max-width: 767px){
    .typeD .mainOrder{
        width: 80%;
    }
    .typeD .line-card{
        width: 47%;
    }
    .typeD.bgimg{
        background-position: 50% top;
    }
    .typeD .defwebsite{
        top: 140px;
        left: calc(50% - 175px);
    }
}
@media only screen and (max-width: 539px){
    .typeD h1 img{}
    .typeD .card-body{
        padding: 3% 0px 0 0;
    }
    .typeD .card-body h3{
        font-size: 1.3em;
        line-height: 1.33em;
    }
    .typeD .line-card{
        width: 100%;
    }
}
@media only screen and (max-width: 320px){
    .typeD .line-card{
        width: 100%;
    }
    .typeD .linegroup{
        padding: 230px 0 10px 0;
    }
    .typeD .linegroup .linegroup ul{
        justify-content: center;
    }
    .typeD .card-header span:last-child,
    .typeD .line-card::before{
        clip-path: polygon(0 0, 37% 0, 27% 100%, 0% 100%);
    }
    .typeD .defwebsite{
        width: 80%;
    }
    .typeD .defwebsite::after{
        bottom: 48px;
    }
    .typeD .defwebsite{
        left: calc(50% - 145px);
    }
    .typeD .navDisplay li{
        margin: 0 0.1%;
    }
    .typeD .navDisplay li{
        height: 72px;
        width: 72px;
    }
    .typeD .copyright{
        font-size: 12px;
    }
    .typeD .home::before,
    .typeD .connect::before,
    .typeD .mobile::before,
    .typeD .signup::before{
        font-size: 32px;
    }
    .typeD .navOrder{
        margin: 50px 0 0;
    }
    .typeD .navOrder .navDisplay li a{
        font-size: 12px;
        letter-spacing: 0px;
    }
    .typeD.bgimg{
        background-position: 55% top;
    }
    .typeD .card-body h3{
        font-size: 1.1em;
        line-height: 1.2em;
    }
    .typeD .card-body{
        padding: 10% 0px 0 0;
    }
}
/* ︿︿︿︿︿︿︿︿︿ typeD for B站 end ︿︿︿︿︿︿︿︿︿ */
/* ==================================================== */

/* ﹀﹀﹀﹀﹀﹀﹀﹀﹀ typeE for B站 star 0327新增 ﹀﹀﹀﹀﹀﹀﹀﹀﹀ */
/* font */
.typeE {
    font-family: '-apple-system', 'Barlow', 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Noto Sans TC', 'Microsoft YaHei', 'Microsoft JhengHei', Arial, 'sans-serif';
}

.typeE .headOrder {}

.typeE .navOrder {
    display: none;
}

.typeE .mainOrder {}

.typeE .copyright {
    display: none;
}


/* Main */
.typeE.bgimg {
    background-image: url('/images_plus/navigation/typeE_bg.jpg');
    min-height: 100vh;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.typeE_img {
    display: none;
}

.typeE .d-flex {
    min-height: calc(100vh - 250px - 50px - 40px);
    padding: 40px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    background-image: url('/images_plus/navigation/typeE_back.png');
    width: 45vw;
    background-size: cover;
    background-color: transparent;
}
.typeE .footer_text {
    display: block;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 45vw;
}
/* Logo */
.typeE .headOrder {
    margin: 0 auto;
}
.typeE .headOrder h1 {
    display: inline-block;
    margin: 0;
    padding: 0 65px;
    position: relative;
}

.typeE .headOrder h1 img {
    margin: 0 auto;
    max-height: 100px;
    max-width: 100%;
    position: relative;
    z-index: 9;
}



/* Menu */
.typeE .topinfomenu {
    display: none;
}

.typeE .navOrder .navDisplay {
    display: flex;
}

.typeE .navOrder .navDisplay .nav-item {
    flex: 1;
    min-width: 150px;
    text-align: center;
}

.typeE .navOrder .navDisplay .nav-item a {
    background-color: #000;
    color: #fff;
    display: block;
    padding: 20px;
    transition: all .5s;
    vertical-align: middle;
    width: 100%;
    white-space: nowrap;
}

.typeE .navOrder .navDisplay .nav-item a:hover {
    background-color: rgba(0, 0, 0, .8);
    color: var(--color-secondary-E);
}

.typeE .navOrder .navDisplay .nav-item a.home {
    background-color: var(--color-secondary-E);
    color: #000;
}

.typeE .navOrder .navDisplay .nav-item a.home:hover {
    background-color: var(--color-primary-E);
}

.typeE .navOrder .navDisplay .nav-item a.home::before {
    content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    margin: -2px 8px 0 0;
    vertical-align: middle;
}

/* Content */
.typeE .mainOrder .defwebsite {
    background: rgba(0, 0, 0, .9);
    border: 5px solid var(--color-secondary-E);
    max-width: calc(50vw - 100px);
    padding: 30px 65px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: none;
}

.typeE .mainOrder .defwebsite .websiteTitle {
    color: #fff;
    margin: 0 0 15px 0;
}

.typeE .mainOrder .defwebsite .websiteName {
    color: var(--color-secondary-E);
    font-size: 2.75rem;
    font-weight: 800;
    word-break: normal;
}

/* List */
.typeE .mainOrder {
    min-width: 100%;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 40vh;
}

.typeE .mainOrder .linegroup {
    order: 1;
    width: 600px;
}

.typeE .mainOrder .linegroup ul {
    counter-reset: listcounter;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.typeE .mainOrder .linegroup ul .line-card .card-header {
    display: none;
}

.typeE .mainOrder .linegroup ul .line-card {
    background: rgba(255, 255, 255, 1);
    margin-bottom: 15px;
    transition: all .5s;
    width: 47%;
    min-height: 70px;
    border-radius: 8px;
}

.typeE .mainOrder .linegroup ul .line-card:hover {
    background: rgba(0, 0, 0, .6);
}

.typeE .mainOrder .linegroup ul .line-card .lineDetection {
    display: none;
}

.typeE .mainOrder .linegroup ul .line-card .card-body {
    font-size: 1.125rem;
    font-weight: bold;
    padding: 10px 30px 10px 30px;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.typeE .mainOrder .linegroup ul .line-card:hover .card-body::before {
    background-color: var(--color-primary-E);
    color: #fff;
}

.item-img {
    display: none;
}
.typeE .mainOrder .linegroup ul .line-card .card-body .item-img {
    display: block;
    height: 32px;
    width: 32px;
    margin-right: 5px;
    background-size: cover;
}
.typeE .mainOrder .linegroup ul .line-card .card-body h3 {
    color: var(--color-primary-E);
    margin: 0 0 0 0;
    word-wrap: break-word;
}
.typeE .mainOrder .linegroup ul .line-card:hover .card-body h3 {
    color: var(--color-secondary-E);
}
.typeE .mainOrder .linegroup ul .line-card .card-body p {
    color: var(--color-primary-E);
    margin: 0;
    word-wrap: break-word;
    line-height: 18px;
    display: none;
}
.typeE .mainOrder .linegroup ul .line-card:hover p {
    color: var(--color-secondary-E);
}

.typeE .mainOrder .infoweb {
    order: 2;
    padding: 20px 0 30px;
    display: none;
}

.typeE .mainOrder .infoweb a {
    background-color: var(--color-secondary-E);
    border-radius: 50px;
    color: #000;
    display: inline-block;
    font-weight: bold;
    padding: 15px 30px;
    transition: all .5s;
}

.typeE .mainOrder .infoweb a:hover {
    color: var(--color-secondary-E);
    background-color: var(--color-primary-E);
}

@media only screen and (max-width: 1399px) {
    .typeE .mainOrder .linegroup {
        width: 85%;
    }
}
@media only screen and (max-width: 991px) {
    .typeE.bgimg {
        background-position: top right;
    }
    .typeE .d-flex,
        .typeE .footer_text{
        width: 60vw;
    }

}
@media only screen and (max-width: 767px) {
    .typeE .typeE_img {
        display: block;
        background-image: url('/images_plus/navigation/typeE_bg.jpg');
        height: 50vh;
        background-position-x: right;
        background-position-y: center;
        background-size: cover;

    }
    .typeE.bgimg {
        background-size: cover;
        background-image: none;
    }
    .typeE .headOrder {
        position: fixed;
        top: 80px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
    .typeE .d-flex,
    .typeE .footer_text {
        width: 100vw;
    }
    .typeE .d-flex {
        margin-top: 0;
        min-height: 50vh;
        height: unset;
        background-color: #35795c;
        padding: 20px 0 0 0;
    }
    .typeE .mainOrder .linegroup ul .line-card {
        width: 100%;
    }
}
/* ︿︿︿︿︿︿︿︿︿ typeE for B站 end ︿︿︿︿︿︿︿︿︿ */


/* ﹀﹀﹀﹀﹀﹀﹀﹀﹀ typeF for B站 star 0409新增, 250708更新 ﹀﹀﹀﹀﹀﹀﹀﹀﹀ */
/* font */
.typeF {
    --BgBoxColorOpRGB: 255 255 255;
    --BgFooterColorRGB: var(--BgBoxColorOpRGB);
}
.typeF {
    font-family: -apple-system, 'system-ui', BlinkMacSystemFont, "PingFang SC", "Roboto", "Noto Sans SC", 'Noto Sans TC', sans-serif, Arial;
}
.typeF a { cursor: pointer;}
.typeF a:hover { color: var(--color-secondary-F);}
.typeF .navOrder {font-weight: 200;position: absolute;right: 15px;top: 20px;}
.typeF .copyright { display: none;}
/* Main */
.typeF.bgimg {
    background-image: url('/images_plus/navigation/typeF_bg.jpg');
    background-color: rgb(247 248 250);
    background-position: right top;
    min-height: 100vh;
    width: 100%;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.typeF .d-flex {
    min-height: calc(100vh - 250px - 50px - 40px);
    padding: 40px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    height: 100vh;
    width: 45vw;
    background-size: cover;
    background-color: transparent;
}

/* footer_text */
.typeF .footer_text {
    background: var(--color-primary-F);
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 15px 0;
    width: 100vw;
    text-align: center;
    letter-spacing: 1px;
    position: fixed;
    bottom: 0;
    z-index: 10;
}
.typeF .footer_text::before {
    content: '';
    position: absolute;
    top: 0;bottom: 0;left: 0;right: 0;
    background: linear-gradient(135deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 30%) 100%);
    z-index: -1;
}
.typeF .footer_text .webfeatures {
    font-size: 14px;
    margin: 0 auto 8px;
    padding: 0 20px 8px;
    position: relative;
    text-align: center;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
}
.typeF .footer_text .webfeatures::before {
    content: '';
    background-color: currentColor;
    display: inline-block;
    height: 20px;
    aspect-ratio: 1 / 1;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMzEuNSA2NEMyMy41MzY1IDYyLjI3OTIgMTYuOTYxNyA1OC4zNTc2IDExLjc3NTYgNTIuMjM1NEM2LjU4OTU5IDQ2LjExMzIgMy45OTc3MSAzOS4zMTY0IDQgMzEuODQ1VjEzLjg1TDMxLjUgNUw1OSAxMy44NVYzMS44NDVDNTkgMzkuMzE4MyA1Ni40MDgxIDQ2LjExNjEgNTEuMjI0NCA1Mi4yMzg0QzQ2LjA0MDYgNTguMzYwNiAzOS40NjU4IDYyLjI4MTEgMzEuNSA2NFpNMzEuNSA1Ny44MDVDMzcuNDU4MyA1Ni4xODI1IDQyLjM4NTQgNTIuOTM3NSA0Ni4yODEyIDQ4LjA3QzUwLjE3NzEgNDMuMjAyNSA1Mi4xMjUgMzcuNzk0MiA1Mi4xMjUgMzEuODQ1VjE3LjkwNjNMMzEuNSAxMS4yNjg4TDEwLjg3NSAxNy45MDYzVjMxLjg0NUMxMC44NzUgMzcuNzk0MiAxMi44MjI5IDQzLjIwMjUgMTYuNzE4OCA0OC4wN0MyMC42MTQ2IDUyLjkzNzUgMjUuNTQxNyA1Ni4xODI1IDMxLjUgNTcuODA1Wk0yMS4xODc1IDQ2LjNINDEuODEyNVYzMS41NUgzOC4zNzVWMjguNkMzOC4zNzUgMjYuOTc3NSAzNy43MDI0IDI1LjU4OSAzNi4zNTcyIDI0LjQzNDZDMzUuMDEyIDIzLjI4MDIgMzMuMzkyOSAyMi43MDIgMzEuNSAyMi43QzI5LjYwNzEgMjIuNjk4IDI3Ljk4OTIgMjMuMjc2MiAyNi42NDYzIDI0LjQzNDZDMjUuMzAzMyAyNS41OTMgMjQuNjI5NiAyNi45ODE0IDI0LjYyNSAyOC42VjMxLjU1SDIxLjE4NzVWNDYuM1pNMjguMDYyNSAzMS41NVYyOC42QzI4LjA2MjUgMjcuNzY0MiAyOC4zOTI1IDI3LjA2NCAyOS4wNTI1IDI2LjQ5OTZDMjkuNzEyNSAyNS45MzUyIDMwLjUyODMgMjUuNjUyIDMxLjUgMjUuNjVDMzIuNDcxNyAyNS42NDggMzMuMjg4NiAyNS45MzEyIDMzLjk1MDkgMjYuNDk5NkMzNC42MTMyIDI3LjA2OCAzNC45NDIxIDI3Ljc2ODEgMzQuOTM3NSAyOC42VjMxLjU1SDI4LjA2MjVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMzEuNSA2NEMyMy41MzY1IDYyLjI3OTIgMTYuOTYxNyA1OC4zNTc2IDExLjc3NTYgNTIuMjM1NEM2LjU4OTU5IDQ2LjExMzIgMy45OTc3MSAzOS4zMTY0IDQgMzEuODQ1VjEzLjg1TDMxLjUgNUw1OSAxMy44NVYzMS44NDVDNTkgMzkuMzE4MyA1Ni40MDgxIDQ2LjExNjEgNTEuMjI0NCA1Mi4yMzg0QzQ2LjA0MDYgNTguMzYwNiAzOS40NjU4IDYyLjI4MTEgMzEuNSA2NFpNMzEuNSA1Ny44MDVDMzcuNDU4MyA1Ni4xODI1IDQyLjM4NTQgNTIuOTM3NSA0Ni4yODEyIDQ4LjA3QzUwLjE3NzEgNDMuMjAyNSA1Mi4xMjUgMzcuNzk0MiA1Mi4xMjUgMzEuODQ1VjE3LjkwNjNMMzEuNSAxMS4yNjg4TDEwLjg3NSAxNy45MDYzVjMxLjg0NUMxMC44NzUgMzcuNzk0MiAxMi44MjI5IDQzLjIwMjUgMTYuNzE4OCA0OC4wN0MyMC42MTQ2IDUyLjkzNzUgMjUuNTQxNyA1Ni4xODI1IDMxLjUgNTcuODA1Wk0yMS4xODc1IDQ2LjNINDEuODEyNVYzMS41NUgzOC4zNzVWMjguNkMzOC4zNzUgMjYuOTc3NSAzNy43MDI0IDI1LjU4OSAzNi4zNTcyIDI0LjQzNDZDMzUuMDEyIDIzLjI4MDIgMzMuMzkyOSAyMi43MDIgMzEuNSAyMi43QzI5LjYwNzEgMjIuNjk4IDI3Ljk4OTIgMjMuMjc2MiAyNi42NDYzIDI0LjQzNDZDMjUuMzAzMyAyNS41OTMgMjQuNjI5NiAyNi45ODE0IDI0LjYyNSAyOC42VjMxLjU1SDIxLjE4NzVWNDYuM1pNMjguMDYyNSAzMS41NVYyOC42QzI4LjA2MjUgMjcuNzY0MiAyOC4zOTI1IDI3LjA2NCAyOS4wNTI1IDI2LjQ5OTZDMjkuNzEyNSAyNS45MzUyIDMwLjUyODMgMjUuNjUyIDMxLjUgMjUuNjVDMzIuNDcxNyAyNS42NDggMzMuMjg4NiAyNS45MzEyIDMzLjk1MDkgMjYuNDk5NkMzNC42MTMyIDI3LjA2OCAzNC45NDIxIDI3Ljc2ODEgMzQuOTM3NSAyOC42VjMxLjU1SDI4LjA2MjVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==");
}
.typeF .footer_text .webfeatures::after {
    content: '';
    background: linear-gradient(90deg, transparent 0%, currentColor 25%, currentColor 75%,transparent 100%);
    height: 1px;
    width: calc(100% + 60px);
    position: absolute;
    bottom: 0;
    transform: translateX( calc(-25% + 30px) );
    opacity: 0.5;
}

/* Logo */
.typeF .headOrder {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.typeF .headOrder h1 {
    display: inline-block;
    margin: 0;
    padding: 0 65px;
    position: relative;
}
.typeF .headOrder h1 img {
    margin: 0 auto;
    max-height: 100px;
    position: relative;
    z-index: 9;
}

/* Menu */
.typeF .topinfomenu {
    display: none;
}
.typeF .navOrder .navDisplay {
    display: flex;
}
.typeF .navOrder .navDisplay .nav-item {
    flex: 1;
    text-align: center;
    margin: 7px;
}
.typeF .navOrder .navDisplay li a::before{    
    font:normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;    
    font-size: 20px;    
    margin-right: 5px;
}
.typeF .navOrder .navDisplay li a.mobile::before {
    content: "\f019";
}
.typeF .navOrder .navDisplay li a.connect::before {
    content: "\f27b";
}
.typeF .navOrder .navDisplay .nav-item:first-child,
.typeF .navOrder .navDisplay .nav-item:last-child {
    display:none; 
}
.typeF .navOrder .navDisplay .nav-item > a {
    background-color: #fbfbfd;
    border-radius: 18px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
    color: #5F6368;
    font-weight: 900;
    font-size: 14px;
    height: 36px;
    width: fit-content;
    padding: 1vh;
    vertical-align: middle;
    white-space: nowrap;
    transition: all .5s;
    display: flex;
    align-items: center;
}
.typeF .navOrder .navDisplay .nav-item > a.mobile {
    color: var(--color-primary-F);
}
.typeF .navOrder .navDisplay .nav-item a:hover {
    color: var(--color-secondary-F);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.typeF .navOrder .navDisplay .nav-item a.home {
    background-color: var(--color-secondary-F);
    color: #000;
}

.typeF .navOrder .navDisplay .nav-item a.home:hover {
    background-color: var(--color-primary-F);
}

.typeF .navOrder .navDisplay .nav-item a.home::before {
    content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    margin: -2px 8px 0 0;
    vertical-align: middle;
}

/* Content WebSite */
.typeF .mainOrder .defwebsite {
    order: 0;
    color: #8d8d8d;
    font-size: 22px;
    display: inline-grid;
    margin: 0 auto 15px;
    position: relative;
    text-align: center;
}
.typeF .mainOrder .defwebsite .websiteTitle {
    font-size: 1em;
    margin-top: 8px;
    margin-bottom: 8px;
}
.typeF .mainOrder .defwebsite .websiteName {
    font-size: 0.85em;
    font-weight: 600;
    word-break: normal;
}

/* List */
.typeF .mainOrder {
    min-height: 20vh; 
    min-width: 100%;
    padding: 0 0 90px 0;
    margin-bottom: 60px; 
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.typeF .mainOrder::before {
    content: "";
    order: 2;
    background:url('/images_plus/navigation/typeF_title02.png') no-repeat 50% 50%;
    background-size: contain;
    display: block;
    width: 70%;
    height: 15vh;
    display: none;
}
.typeF .mainOrder::after {
    content: "";
    order: 1;
    display: block;
    background: url(/images_plus/navigation/typeF_title01.png?ver=3) no-repeat center -10px;
    background-size: 80% auto;
    width: 100%;
    aspect-ratio: 500 / 50;
    margin-bottom: 0;
    background: none;
}
.typeF .mainOrder .linegroup {
    order: 3;
    width: 90%;
}
.typeF .mainOrder .linegroup ul {
    counter-reset: listcounter;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.typeF .mainOrder .linegroup ul .line-card {
    background: rgb(var(--BgBoxColorOpRGB) / 90%);
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0 0 0 / 8%);
    min-height: 8vh;
    width: 100%;
    margin-bottom: 2.5vh;
    transition: all .5s;
}
.typeF .mainOrder .linegroup ul .line-card:hover {
    box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
}
.typeF .mainOrder .line-card .card-header {
    display: none;
}
.typeF .mainOrder .line-card .card-body { 
    font-size: 1.125rem;
    font-weight: bold;
    height: 100%;
    padding: 10px 110px 10px 30px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.typeF .mainOrder .line-card .card-body::after {
    content: '';
    position: absolute;
    right: 5%;
    background-color: var(--color-primary-F);
    display: inline-block;
    height: 40px;
    aspect-ratio: 1 / 1;
    transition: all .5s;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjVlbSIgaGVpZ2h0PSIxZW0iIHZpZXdCb3g9IjAgMCAxMiAyNCI+IDxwYXRoIGQ9Ik0wIDBoMTJ2MjRIMHoiIGZpbGw9Im5vbmUiIC8+IDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMTU3IDEyLjcxMUw0LjUgMTguMzY4bC0xLjQxNC0xLjQxNGw0Ljk1LTQuOTVsLTQuOTUtNC45NUw0LjUgNS42NGw1LjY1NyA1LjY1N2ExIDEgMCAwIDEgMCAxLjQxNCIgLz48L3N2Zz4=");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjVlbSIgaGVpZ2h0PSIxZW0iIHZpZXdCb3g9IjAgMCAxMiAyNCI+IDxwYXRoIGQ9Ik0wIDBoMTJ2MjRIMHoiIGZpbGw9Im5vbmUiIC8+IDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMTU3IDEyLjcxMUw0LjUgMTguMzY4bC0xLjQxNC0xLjQxNGw0Ljk1LTQuOTVsLTQuOTUtNC45NUw0LjUgNS42NGw1LjY1NyA1LjY1N2ExIDEgMCAwIDEgMCAxLjQxNCIgLz48L3N2Zz4=");
}

/* 图标 */
.typeF .mainOrder .line-card:hover .card-body .item-img::before,
.typeF .mainOrder .line-card:hover .card-body::after{
    background-color: var(--color-secondary-F);
}
.typeF .mainOrder .line-card .card-body .item-img {
    background: rgb(0 0 0 / 3%) !important;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
    height: 65px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.typeF .mainOrder .line-card .card-body .item-img::before {
    content: '';
    background-color: var(--color-primary-F);
    border-radius: 50%;
    height: 50px;
    aspect-ratio: 1 / 1;
    z-index: 0;
    transition: all .5s;
}
.typeF .mainOrder .line-card .card-body .item-img::after {
    content: '';
    color: #fff;
    background-color: currentColor;
    display: inline-block;
    height: 30px;
    aspect-ratio: 1 / 1;
    position: absolute;
    z-index: 1;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNCAzMkM0IDE2LjUzNiAxNi41MzYgNCAzMiA0QzQ3LjQ2NCA0IDYwIDE2LjUzNiA2MCAzMkM2MCA0Ny40NjQgNDcuNDY0IDYwIDMyIDYwQzE2LjUzNiA2MCA0IDQ3LjQ2NCA0IDMyWk0zMC42MjIgOC4wNEMzMC42NDQ5IDguMzc2MTcgMzAuNTcxOSA4LjcxMTk0IDMwLjQxMTYgOS4wMDgyN0MzMC4yNTEyIDkuMzA0NjEgMzAuMDEgOS41NDkzMyAyOS43MTYgOS43MTRMMjIuMjMgMTMuODcyQzIyLjA3NzEgMTMuOTU3IDIxLjkxMzcgMTQuMDIxNSAyMS43NDQgMTQuMDY0TDIwLjk3IDE0LjI1OEwyMS40MDIgMTcuMjhMMjguMzkyIDE4LjY4QzI4Ljc4MTkgMTguNzU3NyAyOS4xMzk4IDE4Ljk0OTkgMjkuNDIgMTkuMjMyTDM4IDE0Ljk0VjExLjIzNEMzOCAxMC43NTczIDM4LjE3MDIgMTAuMjk2MiAzOC40ODAxIDkuOTMzODlDMzguNzg5OSA5LjU3MTU5IDM5LjIxOSA5LjMzMTg5IDM5LjY5IDkuMjU4QzM2Ljc3MzUgOC4yNzM1OSAzMy42OTQ5IDcuODYxNCAzMC42MjIgOC4wNFpNMTUuNTYyIDE0LjUxMkMxMS42NjY0IDE4LjE2NzMgOS4xMDM5OCAyMy4wMTk2IDguMjgyIDI4LjI5OEwxNC42MTYgMjUuMTMyQzE0LjY2MTMgMjUuMDI0IDE0LjcxNzMgMjQuOTIgMTQuNzg0IDI0LjgyTDE5LjI2IDE4LjExNEMxOS41Mjc0IDE3LjcxMjYgMTkuOTMwOSAxNy40MjE0IDIwLjM5NiAxNy4yOTRMMTkuOTk2IDE0LjUwMkwxNy41MzYgMTUuMTE2QzE3LjE4MzcgMTUuMjA2NSAxNi44MTMzIDE1LjE5ODEgMTYuNDY1NSAxNS4wOTE5QzE2LjExNzYgMTQuOTg1NyAxNS44MDU3IDE0Ljc4NTggMTUuNTY0IDE0LjUxNE04LjEzMiAyOS40OTRDOC4wNDQgMzAuMzE1MyA4IDMxLjE0NzMgOCAzMS45OVYzMi4wMUM4IDM0LjczOCA4LjQ1OCAzNy4zNjIgOS4yOTggMzkuODA2TDE0LjcxOCA0NS44M0MxNC44OTYgNDUuNjE2MSAxNS4xMTY3IDQ1LjQ0MTcgMTUuMzY2IDQ1LjMxOEwxOC45NjIgNDMuNTE4QzE5LjE0ODUgNDMuNDI1NiAxOS4zNDgyIDQzLjM2MjggMTkuNTU0IDQzLjMzMkwyMC4zNyAzMy41NUMxOS44NTUzIDMzLjQ2OTIgMTkuMzkyNSAzMy4xOTA4IDE5LjA4IDMyLjc3NEwxNC44NSAyNy4xMzJDMTQuNjY4NyAyNi44OTA5IDE0LjU0NDIgMjYuNjEyIDE0LjQ4NiAyNi4zMTZMOC4xMzIgMjkuNDk0Wk0xNC4zIDQ2Ljg2TDEwLjQ1NiA0Mi41ODhDMTEuNjAxMSA0NC45MTYgMTMuMTE2MSA0Ny4wNDI5IDE0Ljk0MiA0OC44ODZDMTQuNzIwNiA0OC40MzEyIDE0LjUzMTUgNDcuOTYxMyAxNC4zNzYgNDcuNDhDMTQuMzEwMiA0Ny4yODAzIDE0LjI4NDQgNDcuMDY5NyAxNC4zIDQ2Ljg2Wk0zMiA1NkMzNy4xMzIgNTYgNDEuODg4IDU0LjM4OCA0NS43OSA1MS42NDRMNDYuMjgyIDQ3LjcxOEM0Ni4wNTIgNDcuNzQ4MSA0NS44MTg1IDQ3LjczNzkgNDUuNTkyIDQ3LjY4OEwzOS41NjYgNDYuMzQ4QzM5LjE0ODggNDYuMjU0OSAzOC43NzI0IDQ2LjAzMDYgMzguNDkyIDQ1LjcwOEwyOC44MzIgNTAuMTY4TDI4LjgyMiA1MC4yNDhMMjguMyA1My45MDhDMjguMjU4IDU0LjE5NiAyOC4xNTYgNTQuNDY4IDI4LjAwOCA1NC43MDhDMjguODg2IDU1LjIgMjkuODA2IDU1LjYxNiAzMC43MjggNTUuOTY4QzMxLjE0OCA1NS45ODggMzEuNTcyIDU1Ljk5ODcgMzIgNTZaTTQ3LjM1IDQ3LjIzNkw0Ni45MDIgNTAuODE2QzUxLjE4MjcgNDcuNDI3NyA1NC4xODAyIDQyLjY4MTMgNTUuNCAzNy4zNkw1Mi40NzQgMzguODIyQzUyLjQzMzIgMzguOTI2NiA1Mi4zODM3IDM5LjAyNzcgNTIuMzI2IDM5LjEyNEw0Ny43NDIgNDYuNzY0QzQ3LjYzNjQgNDYuOTQwNiA0Ny41MDQyIDQ3LjA5OTggNDcuMzUgNDcuMjM2Wk01Mi41NjIgMzcuNjZMNTUuNjQ4IDM2LjExOEM1NS44ODI3IDM0Ljc3OCA1NiAzMy40MDUzIDU2IDMyQzU2IDI2Ljc0NiA1NC4zMTIgMjEuODg2IDUxLjQ0OCAxNy45MzRDNTEuMzk3NCAxOC4zODQ5IDUxLjE5NSAxOC44MDUzIDUwLjg3NCAxOS4xMjZMNDkuMTA0IDIwLjg5NkM0OC45MDkgMjEuMDkwOSA0OC42NzU4IDIxLjI0MzQgNDguNDE5IDIxLjM0MzlDNDguMTYyMyAyMS40NDQ0IDQ3Ljg4NzUgMjEuNDkwOCA0Ny42MTIgMjEuNDhMNDguMzg2IDMxLjc3QzQ4LjU5MTEgMzEuOTA1NiA0OC43Njk0IDMyLjA3NzggNDguOTEyIDMyLjI3OEw1Mi4yMzggMzYuOTM0QzUyLjM5OCAzNy4xNTQgNTIuNTA2IDM3LjQwNCA1Mi41NjIgMzcuNjZaTTIxLjM4MiAzMy40NDhMMjAuNTUgNDMuNDMyQzIwLjY5NjUgNDMuNDg2MiAyMC44MzYxIDQzLjU1NzMgMjAuOTY2IDQzLjY0NEwyNy45NTIgNDguM0MyOC4yNjM1IDQ4LjUwODQgMjguNTEwMyA0OC44MDAyIDI4LjY2NCA0OS4xNDJMMzguMDQ0IDQ0LjgxNEMzOC4wMTQ2IDQ0LjY3NTkgMzcuOTk5OCA0NC41MzUyIDM4IDQ0LjM5NFYzNi4zNTRDMzcuOTk5NyAzNi4wNjU1IDM4LjA2MTcgMzUuNzgwMyAzOC4xODIgMzUuNTE4TDI5LjE3NCAzMC4yNjRDMjkuMDQwNSAzMC4zNjE2IDI4Ljg5NTQgMzAuNDQyMiAyOC43NDIgMzAuNTA0TDIxLjQyMiAzMy40M0wyMS4zODIgMzMuNDQ4Wk0yOS44MTggMjkuNDgyTDM4LjgyNCAzNC43MzZDMzguOTU4MiAzNC42MzgzIDM5LjEwMzkgMzQuNTU3NyAzOS4yNTggMzQuNDk2TDQ2LjU0MiAzMS41ODRDNDYuODAxNyAzMS40OCA0Ny4wODA0IDMxLjQzMTYgNDcuMzYgMzEuNDQyTDQ2LjU4NiAyMS4xNTJMMzguOTcgMTYuNTgyQzM4LjY5NCAxNi40MTYzIDM4LjQ2MjEgMTYuMTg2NSAzOC4yOTQgMTUuOTEyTDI5LjkyNiAyMC4wOTZDMjkuOTc1MyAyMC4yNjkzIDMwIDIwLjQ1MDcgMzAgMjAuNjRWMjguNjQ2QzMwLjAwMDMgMjguOTM0NSAyOS45MzgzIDI5LjIxOTcgMjkuODE4IDI5LjQ4MloiIGZpbGw9ImJsYWNrIi8+PC9zdmc+");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNCAzMkM0IDE2LjUzNiAxNi41MzYgNCAzMiA0QzQ3LjQ2NCA0IDYwIDE2LjUzNiA2MCAzMkM2MCA0Ny40NjQgNDcuNDY0IDYwIDMyIDYwQzE2LjUzNiA2MCA0IDQ3LjQ2NCA0IDMyWk0zMC42MjIgOC4wNEMzMC42NDQ5IDguMzc2MTcgMzAuNTcxOSA4LjcxMTk0IDMwLjQxMTYgOS4wMDgyN0MzMC4yNTEyIDkuMzA0NjEgMzAuMDEgOS41NDkzMyAyOS43MTYgOS43MTRMMjIuMjMgMTMuODcyQzIyLjA3NzEgMTMuOTU3IDIxLjkxMzcgMTQuMDIxNSAyMS43NDQgMTQuMDY0TDIwLjk3IDE0LjI1OEwyMS40MDIgMTcuMjhMMjguMzkyIDE4LjY4QzI4Ljc4MTkgMTguNzU3NyAyOS4xMzk4IDE4Ljk0OTkgMjkuNDIgMTkuMjMyTDM4IDE0Ljk0VjExLjIzNEMzOCAxMC43NTczIDM4LjE3MDIgMTAuMjk2MiAzOC40ODAxIDkuOTMzODlDMzguNzg5OSA5LjU3MTU5IDM5LjIxOSA5LjMzMTg5IDM5LjY5IDkuMjU4QzM2Ljc3MzUgOC4yNzM1OSAzMy42OTQ5IDcuODYxNCAzMC42MjIgOC4wNFpNMTUuNTYyIDE0LjUxMkMxMS42NjY0IDE4LjE2NzMgOS4xMDM5OCAyMy4wMTk2IDguMjgyIDI4LjI5OEwxNC42MTYgMjUuMTMyQzE0LjY2MTMgMjUuMDI0IDE0LjcxNzMgMjQuOTIgMTQuNzg0IDI0LjgyTDE5LjI2IDE4LjExNEMxOS41Mjc0IDE3LjcxMjYgMTkuOTMwOSAxNy40MjE0IDIwLjM5NiAxNy4yOTRMMTkuOTk2IDE0LjUwMkwxNy41MzYgMTUuMTE2QzE3LjE4MzcgMTUuMjA2NSAxNi44MTMzIDE1LjE5ODEgMTYuNDY1NSAxNS4wOTE5QzE2LjExNzYgMTQuOTg1NyAxNS44MDU3IDE0Ljc4NTggMTUuNTY0IDE0LjUxNE04LjEzMiAyOS40OTRDOC4wNDQgMzAuMzE1MyA4IDMxLjE0NzMgOCAzMS45OVYzMi4wMUM4IDM0LjczOCA4LjQ1OCAzNy4zNjIgOS4yOTggMzkuODA2TDE0LjcxOCA0NS44M0MxNC44OTYgNDUuNjE2MSAxNS4xMTY3IDQ1LjQ0MTcgMTUuMzY2IDQ1LjMxOEwxOC45NjIgNDMuNTE4QzE5LjE0ODUgNDMuNDI1NiAxOS4zNDgyIDQzLjM2MjggMTkuNTU0IDQzLjMzMkwyMC4zNyAzMy41NUMxOS44NTUzIDMzLjQ2OTIgMTkuMzkyNSAzMy4xOTA4IDE5LjA4IDMyLjc3NEwxNC44NSAyNy4xMzJDMTQuNjY4NyAyNi44OTA5IDE0LjU0NDIgMjYuNjEyIDE0LjQ4NiAyNi4zMTZMOC4xMzIgMjkuNDk0Wk0xNC4zIDQ2Ljg2TDEwLjQ1NiA0Mi41ODhDMTEuNjAxMSA0NC45MTYgMTMuMTE2MSA0Ny4wNDI5IDE0Ljk0MiA0OC44ODZDMTQuNzIwNiA0OC40MzEyIDE0LjUzMTUgNDcuOTYxMyAxNC4zNzYgNDcuNDhDMTQuMzEwMiA0Ny4yODAzIDE0LjI4NDQgNDcuMDY5NyAxNC4zIDQ2Ljg2Wk0zMiA1NkMzNy4xMzIgNTYgNDEuODg4IDU0LjM4OCA0NS43OSA1MS42NDRMNDYuMjgyIDQ3LjcxOEM0Ni4wNTIgNDcuNzQ4MSA0NS44MTg1IDQ3LjczNzkgNDUuNTkyIDQ3LjY4OEwzOS41NjYgNDYuMzQ4QzM5LjE0ODggNDYuMjU0OSAzOC43NzI0IDQ2LjAzMDYgMzguNDkyIDQ1LjcwOEwyOC44MzIgNTAuMTY4TDI4LjgyMiA1MC4yNDhMMjguMyA1My45MDhDMjguMjU4IDU0LjE5NiAyOC4xNTYgNTQuNDY4IDI4LjAwOCA1NC43MDhDMjguODg2IDU1LjIgMjkuODA2IDU1LjYxNiAzMC43MjggNTUuOTY4QzMxLjE0OCA1NS45ODggMzEuNTcyIDU1Ljk5ODcgMzIgNTZaTTQ3LjM1IDQ3LjIzNkw0Ni45MDIgNTAuODE2QzUxLjE4MjcgNDcuNDI3NyA1NC4xODAyIDQyLjY4MTMgNTUuNCAzNy4zNkw1Mi40NzQgMzguODIyQzUyLjQzMzIgMzguOTI2NiA1Mi4zODM3IDM5LjAyNzcgNTIuMzI2IDM5LjEyNEw0Ny43NDIgNDYuNzY0QzQ3LjYzNjQgNDYuOTQwNiA0Ny41MDQyIDQ3LjA5OTggNDcuMzUgNDcuMjM2Wk01Mi41NjIgMzcuNjZMNTUuNjQ4IDM2LjExOEM1NS44ODI3IDM0Ljc3OCA1NiAzMy40MDUzIDU2IDMyQzU2IDI2Ljc0NiA1NC4zMTIgMjEuODg2IDUxLjQ0OCAxNy45MzRDNTEuMzk3NCAxOC4zODQ5IDUxLjE5NSAxOC44MDUzIDUwLjg3NCAxOS4xMjZMNDkuMTA0IDIwLjg5NkM0OC45MDkgMjEuMDkwOSA0OC42NzU4IDIxLjI0MzQgNDguNDE5IDIxLjM0MzlDNDguMTYyMyAyMS40NDQ0IDQ3Ljg4NzUgMjEuNDkwOCA0Ny42MTIgMjEuNDhMNDguMzg2IDMxLjc3QzQ4LjU5MTEgMzEuOTA1NiA0OC43Njk0IDMyLjA3NzggNDguOTEyIDMyLjI3OEw1Mi4yMzggMzYuOTM0QzUyLjM5OCAzNy4xNTQgNTIuNTA2IDM3LjQwNCA1Mi41NjIgMzcuNjZaTTIxLjM4MiAzMy40NDhMMjAuNTUgNDMuNDMyQzIwLjY5NjUgNDMuNDg2MiAyMC44MzYxIDQzLjU1NzMgMjAuOTY2IDQzLjY0NEwyNy45NTIgNDguM0MyOC4yNjM1IDQ4LjUwODQgMjguNTEwMyA0OC44MDAyIDI4LjY2NCA0OS4xNDJMMzguMDQ0IDQ0LjgxNEMzOC4wMTQ2IDQ0LjY3NTkgMzcuOTk5OCA0NC41MzUyIDM4IDQ0LjM5NFYzNi4zNTRDMzcuOTk5NyAzNi4wNjU1IDM4LjA2MTcgMzUuNzgwMyAzOC4xODIgMzUuNTE4TDI5LjE3NCAzMC4yNjRDMjkuMDQwNSAzMC4zNjE2IDI4Ljg5NTQgMzAuNDQyMiAyOC43NDIgMzAuNTA0TDIxLjQyMiAzMy40M0wyMS4zODIgMzMuNDQ4Wk0yOS44MTggMjkuNDgyTDM4LjgyNCAzNC43MzZDMzguOTU4MiAzNC42MzgzIDM5LjEwMzkgMzQuNTU3NyAzOS4yNTggMzQuNDk2TDQ2LjU0MiAzMS41ODRDNDYuODAxNyAzMS40OCA0Ny4wODA0IDMxLjQzMTYgNDcuMzYgMzEuNDQyTDQ2LjU4NiAyMS4xNTJMMzguOTcgMTYuNTgyQzM4LjY5NCAxNi40MTYzIDM4LjQ2MjEgMTYuMTg2NSAzOC4yOTQgMTUuOTEyTDI5LjkyNiAyMC4wOTZDMjkuOTc1MyAyMC4yNjkzIDMwIDIwLjQ1MDcgMzAgMjAuNjRWMjguNjQ2QzMwLjAwMDMgMjguOTM0NSAyOS45MzgzIDI5LjIxOTcgMjkuODE4IDI5LjQ4MloiIGZpbGw9ImJsYWNrIi8+PC9zdmc+");
}
.typeF .mainOrder .line-card:nth-child(3n+2) .card-body .item-img::after{
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNTYuMDAwNyAxMC42NjczSDQ4LjAwMDdWOC4wMDA2NUM0OC4wMDA3IDYuNTMzOTggNDYuODAwNyA1LjMzMzk4IDQ1LjMzNCA1LjMzMzk4SDE4LjY2NzNDMTcuMjAwNyA1LjMzMzk4IDE2LjAwMDcgNi41MzM5OCAxNi4wMDA3IDguMDAwNjVWMTAuNjY3M0g4LjAwMDY1QzYuNTMzOTggMTAuNjY3MyA1LjMzMzk4IDExLjg2NzMgNS4zMzM5OCAxMy4zMzRWMjEuMzM0QzUuMzMzOTggMzIuNzc0IDEwLjEwNzMgMzkuNjgwNyAxOC4xNjA3IDM5Ljk3NEMxOS4zMzU1IDQyLjAxMzkgMjAuOTQ2MSA0My43Njk1IDIyLjg3NzUgNDUuMTE1NUMyNC44MDg4IDQ2LjQ2MTQgMjcuMDEzNCA0Ny4zNjQ2IDI5LjMzNCA0Ny43NjA3VjUzLjMzNEgyMS4zMzRWNTguNjY3M0g0Mi42NjczVjUzLjMzNEgzNC42NjczVjQ3Ljc2MDdDMzYuOTg5MSA0Ny4zNjgyIDM5LjE5NTIgNDYuNDY2NCA0MS4xMjcgNDUuMTIwMUM0My4wNTg5IDQzLjc3MzggNDQuNjY4NyA0Mi4wMTYzIDQ1Ljg0MDcgMzkuOTc0QzUzLjg2NzMgMzkuNjgwNyA1OC42NjczIDMyLjc3NCA1OC42NjczIDIxLjMzNFYxMy4zMzRDNTguNjY3MyAxMS44NjczIDU3LjQ2NzMgMTAuNjY3MyA1Ni4wMDA3IDEwLjY2NzNaTTEwLjY2NzMgMjEuMzM0VjE2LjAwMDdIMTYuMDAwN1YzMi4wMDA3QzE2LjAwMDcgMzIuNzQ3MyAxNi4wODA3IDMzLjQ5NCAxNi4xNjA3IDM0LjIxNEMxMS4yNTQgMzIuMzIwNyAxMC42NjczIDI0LjgyNzMgMTAuNjY3MyAyMS4zMzRaTTM2LjkzNCAzMC45ODczTDMyLjAwMDcgMjguNDAwN0wyNy4wNjczIDMwLjk4NzNMMjguMDAwNyAyNS40OTRMMjQuMDAwNyAyMS42MDA3TDI5LjUyMDcgMjAuODAwN0wzMi4wMDA3IDE1Ljc4NzNMMzQuNDgwNyAyMC44MDA3TDQwLjAwMDcgMjEuNjAwN0wzNi4wMDA3IDI1LjQ5NEwzNi45MzQgMzAuOTg3M1pNNTMuMzM0IDIxLjMzNEM1My4zMzQgMjQuODI3MyA1Mi43NDczIDMyLjMyMDcgNDcuODQwNyAzNC4yMTRDNDcuOTQ3MyAzMy40OTQgNDguMDAwNyAzMi43NDczIDQ4LjAwMDcgMzIuMDAwN1YxNi4wMDA3SDUzLjMzNFYyMS4zMzRaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNTYuMDAwNyAxMC42NjczSDQ4LjAwMDdWOC4wMDA2NUM0OC4wMDA3IDYuNTMzOTggNDYuODAwNyA1LjMzMzk4IDQ1LjMzNCA1LjMzMzk4SDE4LjY2NzNDMTcuMjAwNyA1LjMzMzk4IDE2LjAwMDcgNi41MzM5OCAxNi4wMDA3IDguMDAwNjVWMTAuNjY3M0g4LjAwMDY1QzYuNTMzOTggMTAuNjY3MyA1LjMzMzk4IDExLjg2NzMgNS4zMzM5OCAxMy4zMzRWMjEuMzM0QzUuMzMzOTggMzIuNzc0IDEwLjEwNzMgMzkuNjgwNyAxOC4xNjA3IDM5Ljk3NEMxOS4zMzU1IDQyLjAxMzkgMjAuOTQ2MSA0My43Njk1IDIyLjg3NzUgNDUuMTE1NUMyNC44MDg4IDQ2LjQ2MTQgMjcuMDEzNCA0Ny4zNjQ2IDI5LjMzNCA0Ny43NjA3VjUzLjMzNEgyMS4zMzRWNTguNjY3M0g0Mi42NjczVjUzLjMzNEgzNC42NjczVjQ3Ljc2MDdDMzYuOTg5MSA0Ny4zNjgyIDM5LjE5NTIgNDYuNDY2NCA0MS4xMjcgNDUuMTIwMUM0My4wNTg5IDQzLjc3MzggNDQuNjY4NyA0Mi4wMTYzIDQ1Ljg0MDcgMzkuOTc0QzUzLjg2NzMgMzkuNjgwNyA1OC42NjczIDMyLjc3NCA1OC42NjczIDIxLjMzNFYxMy4zMzRDNTguNjY3MyAxMS44NjczIDU3LjQ2NzMgMTAuNjY3MyA1Ni4wMDA3IDEwLjY2NzNaTTEwLjY2NzMgMjEuMzM0VjE2LjAwMDdIMTYuMDAwN1YzMi4wMDA3QzE2LjAwMDcgMzIuNzQ3MyAxNi4wODA3IDMzLjQ5NCAxNi4xNjA3IDM0LjIxNEMxMS4yNTQgMzIuMzIwNyAxMC42NjczIDI0LjgyNzMgMTAuNjY3MyAyMS4zMzRaTTM2LjkzNCAzMC45ODczTDMyLjAwMDcgMjguNDAwN0wyNy4wNjczIDMwLjk4NzNMMjguMDAwNyAyNS40OTRMMjQuMDAwNyAyMS42MDA3TDI5LjUyMDcgMjAuODAwN0wzMi4wMDA3IDE1Ljc4NzNMMzQuNDgwNyAyMC44MDA3TDQwLjAwMDcgMjEuNjAwN0wzNi4wMDA3IDI1LjQ5NEwzNi45MzQgMzAuOTg3M1pNNTMuMzM0IDIxLjMzNEM1My4zMzQgMjQuODI3MyA1Mi43NDczIDMyLjMyMDcgNDcuODQwNyAzNC4yMTRDNDcuOTQ3MyAzMy40OTQgNDguMDAwNyAzMi43NDczIDQ4LjAwMDcgMzIuMDAwN1YxNi4wMDA3SDUzLjMzNFYyMS4zMzRaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==");
}
.typeF .mainOrder .line-card:nth-child(3n+3) .card-body .item-img::after{
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNy4wMzQxNiAxMy4xNDMzQzcuODI4MzkgMTIuMzQ5MyA4LjgxMDMzIDExLjc2ODkgOS44ODg4NCAxMS40NTU3QzEwLjk2NzMgMTEuMTQyNiAxMi4xMDc1IDExLjEwNzEgMTMuMjAzNCAxMS4zNTIzQzE0LjI5OTMgMTEuNTk3NiAxNS4zMTU2IDEyLjExNTcgMTYuMTU3NyAxMi44NTg2QzE2Ljk5OTkgMTMuNjAxNiAxNy42NDA4IDE0LjU0NTIgMTguMDIwOCAxNS42MDJDMjEuMjkxNyAxNC4yOTYgMjQuODY1MyAxMy45NDIgMjguMzI4OSAxNC41ODFDMzEuNzkyNCAxNS4yMTk5IDM1LjAwNDUgMTYuODI1NiAzNy41OTQyIDE5LjIxMjdMMzguMTQ2MiAxOS43NDMzTDU4Ljg4NzUgNDAuNDg0N0M1OS44MzY4IDQxLjQzMTMgNTkuOTA4OCA0Mi45NjczIDU5LjEwNjIgNDQuMDA3M0w1OC44ODc1IDQ0LjI1NTNMNTMuMjMxNSA0OS45MTRDNTIuODMxOSA1MC4zMTM3IDUyLjMxNTcgNTAuNTc2IDUxLjc1NzMgNTAuNjYzM0M1MS4xOTg5IDUwLjc1MDUgNTAuNjI3MyA1MC42NTgxIDUwLjEyNDggNTAuMzk5M0w0OS44Mjg4IDUwLjIyMDdMNDAuMjcxNSA0My42MDQ3QzM3LjUzOTkgNDcuNTY0MyAzMy4zODUyIDUwLjMxNjYgMjguNjczOCA1MS4yODc1QzIzLjk2MjQgNTIuMjU4NCAxOS4wNTggNTEuMzczIDE0Ljk4MzYgNDguODE1OUMxMC45MDkxIDQ2LjI1ODggNy45NzkwNSA0Mi4yMjc1IDYuODA0NTQgMzcuNTYyNkM1LjYzMDAyIDMyLjg5NzggNi4zMDE3IDI3Ljk1OTYgOC42Nzk1IDIzLjc3OEM3Ljc0ODY3IDIzLjI5NTYgNi45NDQ3MSAyMi42MDA2IDYuMzMyOTIgMjEuNzQ5MkM1LjcyMTEzIDIwLjg5NzggNS4zMTg3NiAxOS45MTQyIDUuMTU4NDYgMTguODc4MUM0Ljk5ODE3IDE3Ljg0MjEgNS4wODQ0OCAxNi43ODI4IDUuNDEwMzkgMTUuNzg2NEM1LjczNjMgMTQuNzg5OSA2LjI5MjYyIDEzLjg4NDQgNy4wMzQxNiAxMy4xNDMzWk0zMS41NDYyIDI2LjM2MkMzMC42Nzk0IDI1LjQ5NTMgMjkuNjUwNSAyNC44MDc3IDI4LjUxODEgMjQuMzM4N0MyNy4zODU2IDIzLjg2OTYgMjYuMTcxOSAyMy42MjgyIDI0Ljk0NjIgMjMuNjI4MkMyMy43MjA0IDIzLjYyODIgMjIuNTA2NyAyMy44Njk2IDIxLjM3NDMgMjQuMzM4N0MyMC4yNDE4IDI0LjgwNzcgMTkuMjEyOSAyNS40OTUzIDE4LjM0NjIgMjYuMzYyQzE2LjU5NTcgMjguMTEyNCAxNS42MTI0IDMwLjQ4NjUgMTUuNjEyNCAzMi45NjJDMTUuNjEyNCAzNS40Mzc1IDE2LjU5NTcgMzcuODExNiAxOC4zNDYyIDM5LjU2MkMyMC4wOTY2IDQxLjMxMjQgMjIuNDcwNyA0Mi4yOTU4IDI0Ljk0NjIgNDIuMjk1OEMyNy40MjE2IDQyLjI5NTggMjkuNzk1NyA0MS4zMTI0IDMxLjU0NjIgMzkuNTYyQzMzLjI5NjYgMzcuODExNiAzNC4yOCAzNS40Mzc1IDM0LjI4IDMyLjk2MkMzNC4yOCAzMC40ODY1IDMzLjI5NjYgMjguMTEyNCAzMS41NDYyIDI2LjM2MlpNMjIuMTE5NSAzMC4xMzI3QzIyLjQ4NyAyOS43NDQzIDIyLjkyODYgMjkuNDMzNiAyMy40MTgyIDI5LjIxODlDMjMuOTA3OCAyOS4wMDQxIDI0LjQzNTYgMjguODg5NyAyNC45NzAyIDI4Ljg4MjRDMjUuNTA0OCAyOC44NzUxIDI2LjAzNTQgMjguOTc1IDI2LjUzMDcgMjkuMTc2M0MyNy4wMjYgMjkuMzc3NiAyNy40NzYgMjkuNjc2MSAyNy44NTM5IDMwLjA1NDNDMjguMjMxOSAzMC40MzI0IDI4LjUzMDIgMzAuODgyNSAyOC43MzEzIDMxLjM3NzlDMjguOTMyMyAzMS44NzMzIDI5LjAzMiAzMi40MDQgMjkuMDI0NCAzMi45Mzg2QzI5LjAxNjkgMzMuNDczMiAyOC45MDIyIDM0LjAwMDggMjguNjg3MiAzNC40OTA0QzI4LjQ3MjMgMzQuOTc5OSAyOC4xNjEzIDM1LjQyMTQgMjcuNzcyOCAzNS43ODg3QzI3LjAxNTkgMzYuNTA0MiAyNi4wMDk4IDM2Ljg5NjQgMjQuOTY4MyAzNi44ODE2QzIzLjkyNjggMzYuODY2OSAyMi45MzIxIDM2LjQ0NjUgMjIuMTk1NyAzNS43MDk4QzIxLjQ1OTQgMzQuOTczMSAyMS4wMzk0IDMzLjk3ODIgMjEuMDI1MiAzMi45MzY3QzIxLjAxMSAzMS44OTUyIDIxLjQwMzYgMzAuODg5MiAyMi4xMTk1IDMwLjEzMjdaTTEyLjY5MDIgMTYuOTE0QzEyLjU2NzIgMTYuNzg2NiAxMi40MiAxNi42ODUxIDEyLjI1NzQgMTYuNjE1MkMxMi4wOTQ3IDE2LjU0NTMgMTEuOTE5NyAxNi41MDg1IDExLjc0MjcgMTYuNTA3QzExLjU2NTcgMTYuNTA1NSAxMS4zOTAxIDE2LjUzOTIgMTEuMjI2MiAxNi42MDYyQzExLjA2MjQgMTYuNjczMyAxMC45MTM1IDE2Ljc3MjMgMTAuNzg4MyAxNi44OTc1QzEwLjY2MzEgMTcuMDIyNyAxMC41NjQxIDE3LjE3MTUgMTAuNDk3MSAxNy4zMzU0QzEwLjQzIDE3LjQ5OTMgMTAuMzk2MyAxNy42NzQ4IDEwLjM5NzggMTcuODUxOUMxMC4zOTk0IDE4LjAyODkgMTAuNDM2MiAxOC4yMDM5IDEwLjUwNiAxOC4zNjY1QzEwLjU3NTkgMTguNTI5MiAxMC42Nzc1IDE4LjY3NjMgMTAuODA0OCAxOC43OTkzQzExLjA1NjMgMTkuMDQyMiAxMS4zOTMxIDE5LjE3NjYgMTEuNzQyNyAxOS4xNzM2QzEyLjA5MjMgMTkuMTcwNSAxMi40MjY3IDE5LjAzMDMgMTIuNjczOSAxOC43ODMxQzEyLjkyMTEgMTguNTM1OSAxMy4wNjE0IDE4LjIwMTUgMTMuMDY0NCAxNy44NTE5QzEzLjA2NzQgMTcuNTAyMyAxMi45MzMgMTcuMTY1NSAxMi42OTAyIDE2LjkxNFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNy4wMzQxNiAxMy4xNDMzQzcuODI4MzkgMTIuMzQ5MyA4LjgxMDMzIDExLjc2ODkgOS44ODg4NCAxMS40NTU3QzEwLjk2NzMgMTEuMTQyNiAxMi4xMDc1IDExLjEwNzEgMTMuMjAzNCAxMS4zNTIzQzE0LjI5OTMgMTEuNTk3NiAxNS4zMTU2IDEyLjExNTcgMTYuMTU3NyAxMi44NTg2QzE2Ljk5OTkgMTMuNjAxNiAxNy42NDA4IDE0LjU0NTIgMTguMDIwOCAxNS42MDJDMjEuMjkxNyAxNC4yOTYgMjQuODY1MyAxMy45NDIgMjguMzI4OSAxNC41ODFDMzEuNzkyNCAxNS4yMTk5IDM1LjAwNDUgMTYuODI1NiAzNy41OTQyIDE5LjIxMjdMMzguMTQ2MiAxOS43NDMzTDU4Ljg4NzUgNDAuNDg0N0M1OS44MzY4IDQxLjQzMTMgNTkuOTA4OCA0Mi45NjczIDU5LjEwNjIgNDQuMDA3M0w1OC44ODc1IDQ0LjI1NTNMNTMuMjMxNSA0OS45MTRDNTIuODMxOSA1MC4zMTM3IDUyLjMxNTcgNTAuNTc2IDUxLjc1NzMgNTAuNjYzM0M1MS4xOTg5IDUwLjc1MDUgNTAuNjI3MyA1MC42NTgxIDUwLjEyNDggNTAuMzk5M0w0OS44Mjg4IDUwLjIyMDdMNDAuMjcxNSA0My42MDQ3QzM3LjUzOTkgNDcuNTY0MyAzMy4zODUyIDUwLjMxNjYgMjguNjczOCA1MS4yODc1QzIzLjk2MjQgNTIuMjU4NCAxOS4wNTggNTEuMzczIDE0Ljk4MzYgNDguODE1OUMxMC45MDkxIDQ2LjI1ODggNy45NzkwNSA0Mi4yMjc1IDYuODA0NTQgMzcuNTYyNkM1LjYzMDAyIDMyLjg5NzggNi4zMDE3IDI3Ljk1OTYgOC42Nzk1IDIzLjc3OEM3Ljc0ODY3IDIzLjI5NTYgNi45NDQ3MSAyMi42MDA2IDYuMzMyOTIgMjEuNzQ5MkM1LjcyMTEzIDIwLjg5NzggNS4zMTg3NiAxOS45MTQyIDUuMTU4NDYgMTguODc4MUM0Ljk5ODE3IDE3Ljg0MjEgNS4wODQ0OCAxNi43ODI4IDUuNDEwMzkgMTUuNzg2NEM1LjczNjMgMTQuNzg5OSA2LjI5MjYyIDEzLjg4NDQgNy4wMzQxNiAxMy4xNDMzWk0zMS41NDYyIDI2LjM2MkMzMC42Nzk0IDI1LjQ5NTMgMjkuNjUwNSAyNC44MDc3IDI4LjUxODEgMjQuMzM4N0MyNy4zODU2IDIzLjg2OTYgMjYuMTcxOSAyMy42MjgyIDI0Ljk0NjIgMjMuNjI4MkMyMy43MjA0IDIzLjYyODIgMjIuNTA2NyAyMy44Njk2IDIxLjM3NDMgMjQuMzM4N0MyMC4yNDE4IDI0LjgwNzcgMTkuMjEyOSAyNS40OTUzIDE4LjM0NjIgMjYuMzYyQzE2LjU5NTcgMjguMTEyNCAxNS42MTI0IDMwLjQ4NjUgMTUuNjEyNCAzMi45NjJDMTUuNjEyNCAzNS40Mzc1IDE2LjU5NTcgMzcuODExNiAxOC4zNDYyIDM5LjU2MkMyMC4wOTY2IDQxLjMxMjQgMjIuNDcwNyA0Mi4yOTU4IDI0Ljk0NjIgNDIuMjk1OEMyNy40MjE2IDQyLjI5NTggMjkuNzk1NyA0MS4zMTI0IDMxLjU0NjIgMzkuNTYyQzMzLjI5NjYgMzcuODExNiAzNC4yOCAzNS40Mzc1IDM0LjI4IDMyLjk2MkMzNC4yOCAzMC40ODY1IDMzLjI5NjYgMjguMTEyNCAzMS41NDYyIDI2LjM2MlpNMjIuMTE5NSAzMC4xMzI3QzIyLjQ4NyAyOS43NDQzIDIyLjkyODYgMjkuNDMzNiAyMy40MTgyIDI5LjIxODlDMjMuOTA3OCAyOS4wMDQxIDI0LjQzNTYgMjguODg5NyAyNC45NzAyIDI4Ljg4MjRDMjUuNTA0OCAyOC44NzUxIDI2LjAzNTQgMjguOTc1IDI2LjUzMDcgMjkuMTc2M0MyNy4wMjYgMjkuMzc3NiAyNy40NzYgMjkuNjc2MSAyNy44NTM5IDMwLjA1NDNDMjguMjMxOSAzMC40MzI0IDI4LjUzMDIgMzAuODgyNSAyOC43MzEzIDMxLjM3NzlDMjguOTMyMyAzMS44NzMzIDI5LjAzMiAzMi40MDQgMjkuMDI0NCAzMi45Mzg2QzI5LjAxNjkgMzMuNDczMiAyOC45MDIyIDM0LjAwMDggMjguNjg3MiAzNC40OTA0QzI4LjQ3MjMgMzQuOTc5OSAyOC4xNjEzIDM1LjQyMTQgMjcuNzcyOCAzNS43ODg3QzI3LjAxNTkgMzYuNTA0MiAyNi4wMDk4IDM2Ljg5NjQgMjQuOTY4MyAzNi44ODE2QzIzLjkyNjggMzYuODY2OSAyMi45MzIxIDM2LjQ0NjUgMjIuMTk1NyAzNS43MDk4QzIxLjQ1OTQgMzQuOTczMSAyMS4wMzk0IDMzLjk3ODIgMjEuMDI1MiAzMi45MzY3QzIxLjAxMSAzMS44OTUyIDIxLjQwMzYgMzAuODg5MiAyMi4xMTk1IDMwLjEzMjdaTTEyLjY5MDIgMTYuOTE0QzEyLjU2NzIgMTYuNzg2NiAxMi40MiAxNi42ODUxIDEyLjI1NzQgMTYuNjE1MkMxMi4wOTQ3IDE2LjU0NTMgMTEuOTE5NyAxNi41MDg1IDExLjc0MjcgMTYuNTA3QzExLjU2NTcgMTYuNTA1NSAxMS4zOTAxIDE2LjUzOTIgMTEuMjI2MiAxNi42MDYyQzExLjA2MjQgMTYuNjczMyAxMC45MTM1IDE2Ljc3MjMgMTAuNzg4MyAxNi44OTc1QzEwLjY2MzEgMTcuMDIyNyAxMC41NjQxIDE3LjE3MTUgMTAuNDk3MSAxNy4zMzU0QzEwLjQzIDE3LjQ5OTMgMTAuMzk2MyAxNy42NzQ4IDEwLjM5NzggMTcuODUxOUMxMC4zOTk0IDE4LjAyODkgMTAuNDM2MiAxOC4yMDM5IDEwLjUwNiAxOC4zNjY1QzEwLjU3NTkgMTguNTI5MiAxMC42Nzc1IDE4LjY3NjMgMTAuODA0OCAxOC43OTkzQzExLjA1NjMgMTkuMDQyMiAxMS4zOTMxIDE5LjE3NjYgMTEuNzQyNyAxOS4xNzM2QzEyLjA5MjMgMTkuMTcwNSAxMi40MjY3IDE5LjAzMDMgMTIuNjczOSAxOC43ODMxQzEyLjkyMTEgMTguNTM1OSAxMy4wNjE0IDE4LjIwMTUgMTMuMDY0NCAxNy44NTE5QzEzLjA2NzQgMTcuNTAyMyAxMi45MzMgMTcuMTY1NSAxMi42OTAyIDE2LjkxNFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+");
}

.typeF .mainOrder .line-card .card-body h3 {
    color: #202124;
    font-size: 18px;
    font-weight: 600;
    word-wrap: break-word;
    margin: 0 0 0 0;
    margin-right: .8vw;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.typeF .mainOrder .line-card .card-body h3::after {
    content: '点击进入';
    color: #70757A;
    font-size: 14px;
    font-weight: 400;
}
.typeF .mainOrder .line-card .card-body p {
    color: var(--color-primary-F);
    margin: 0;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 18px;
    margin-right: 10px;
}
.typeF .mainOrder .line-card:hover .card-body p {
    color: var(--color-secondary-F);
}
.typeF .mainOrder .line-card .card-body p.lineDetection {
    display: none;
}

/* 刷新线路 */
.typeF .mainOrder .infoweb {
    order: 4;
    padding: 20px 0 30px;
    display: none;
}
.typeF .mainOrder .infoweb a {
    background-color: var(--color-primary-F);
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 15px 30px;
    transition: all .5s;
}
.typeF .mainOrder .infoweb a:hover {
    background-color: var(--color-secondary-F);
}

@media only screen and (max-width: 991px) {
    .typeF .d-flex {width: 60vw;}
}
@media only screen and (max-width: 767px) {
    .typeF.bgimg {
        background-size: auto 72%;
        background-position: right bottom 45px;
    }
    .typeF.bgimg::before {
        content:'';
        background: linear-gradient(to bottom, rgb(247 248 250) 52%, rgb(247 248 250 / 65%) 65%, rgba(255 255 255 / 0) 100%);
        width: 100%;
        height: 50vh;
        position: fixed;
        top: 0;
        pointer-events: none;
        z-index: -1;
    }
    .typeF .d-flex {
        width: 100vw;
        margin-top: 0;
        min-height: 50vh;
        align-items: start;
        padding: 200px 0 0 0;
    }
    .typeF .headOrder {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        position: fixed;
        top: 100px;
    }
    .typeF .navOrder {
        top: 10px;
        right: 10px;
    }
    .typeF .mainOrder .linegroup {
        width: 80%;
    }
    .typeF .mainOrder .line-card .card-body p.lineName {
        display: block;
    }
}
@media only screen and (max-width: 320px) {
    .typeF .navOrder .navDisplay .nav-item { min-width: auto;}
    .typeF .mainOrder .line-card .card-body::after { display: none;}
}
/* ︿︿︿︿︿︿︿︿︿ typeF for B站 end ︿︿︿︿︿︿︿︿︿ */

/* 行動裝置(1024px 以下，包含 iPad Pro 與所有手機)，取消aos.js後，正常顯示 */
@media (max-width: 1024px) {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition-property: none !important;
        pointer-events: auto !important;
    }
}