.park{
    top: 10vmin;
    left: 0vmin;
}
.list{
    top: 25vmin;
    left: 0px;
    font-size: 22px;
    z-index: 999;
}
        #dbspan {
            top: 20vmin;
            right: 65vmin;
            position: absolute;
            padding: 5px;
            font-size: 24px;
            font-weight: 600;
            color: #8B0000;
            background-color: white;
            z-index: 11;
            text-decoration: none;
        }

.carmine{
  color: #8B0000 !important;
}
.card-title{
    color: #FFF;
    font-size: 2em;
}
.card-body-ty{
    background-color: #7285A9;
}
.card-body-tp{
    background-color: #929493;
}
.card-body-ml{
    background-color: #A6A29F;
}
.card-body-hc{
    background-color: #929493;
}
.card-body-hs{
    background-color: #A0ABB9;
}
.card-body-il{
    background-color: #BDCACA;
}
.card-body-nt{
    background-color: #A6A29F;
}
.card-body-kl{
    background-color: #929493;
}
.card{
  border-color:transparent ;
  background-color:rgba(255,255,255,0.2);
  height: auto;
}
.card-img{
    height: 360px;
     width: 100%;
   overflow: hidden;
}
.card-img img{
     width: 100%;
    height: 360px;
    object-fit: cover;
}
.card-text{
    color: #FFF;
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: 600;
}
.card-content{
    color: #FFF;
    line-height: 1.3;
    font-size: 1.3em;
    font-weight: 600;
}
hr {
    color: #45526B;
    border: 1.2px solid;
}

.lmap: hover{
color: #000;
font-size: .8em;
padding: 5px;
border-radius: 5px;
content: '你看到我啦(・ω・)ノ';
}



        #taiwan {
            position: absolute;
            top: 21vmin;
            right: 28vmin;
            transition: .5s;
            opacity: 1;
            width: 90vmin;
            z-index: 1;
        }
        #taiwan_s {
            top: 21vmin;
            right: 7vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            width: 80vmin;
            z-index: 1;
        }
        #nt {
            top: 25.1vmin;
            right: 33.4vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            width: 41vmin;
            z-index: 7;
            border-radius:10% 82% 49% 33% / 17% 33% 43% 83% 
        }
        #nt_l {
            top: 25.5vmin;
            right: 37vmin;
            position: absolute;
            transition: .5s;
            width: 70vmin;
            z-index: 10;
        }
        #tp {
            top: 28vmin;
            right: 51vmin;
            width: 16vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            z-index: 8;
            border-radius: 40% 55% 0% 60% / 41% 58% 41% 50%         
        }
        #tp_l {
            top: 30.2vmin;
            right: 52vmin;
            width: 45vmin;
            position: absolute;
            transition: .5s;
            z-index: 10;
        }
        #kl {
            top: 28.1vmin;
            right: 42.8vmin;
            width: 13.5vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            z-index: 8;
        }
        #kl_l {
            top: 22vmin;
            right: 37vmin;
            width: 55vmin;
            position: absolute;
            transition: .5s;
            z-index: 10;
        }
        #ty {
            top: 34.5vmin;
            right: 63vmin;
            width: 28.5vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            z-index: 5;
            border-radius: 54% 46% 13% 87% / 23% 75% 0% 77% 
        }
        #ty_l {
            top: 26vmin;
            right: 37vmin;
            width: 65vmin;
            position: absolute;
            transition: .5s;
            z-index: 10;
        }
        #hs {
            top: 43.2vmin;
            right: 66.3vmin;
            width: 28.2vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            z-index: 6;
            border-radius: 0% 100% 13% 44% / 13% 90% 10% 70% 
        }
        #hs_l {
            top: 26vmin;
            right: 40vmin;
            width: 55vmin;
            position: absolute;
            transition: .5s;
            z-index: 10;
        }
        #hc {
            top: 46.5vmin;
            right: 87vmin;
            width: 12.8vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            z-index: 10;
        }
        #hc_l {
            top: 26vmin;
            right: 37vmin;
            width: 50vmin;
            position: absolute;
            transition: .5s;
            z-index: 10;
        }
        #ml {
            top: 54.6vmin;
            right: 74.7vmin;
            width: 38vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            z-index: 2;
            border-radius: 48% 56% 0% 60% / 41% 58% 41% 0% 
        }
        #ml_l {
            top: 28vmin;
            right: 37vmin;
            width: 65vmin;
            position: absolute;
            transition: .5s;
            z-index: 10;
        }
        #il {
            top: 41.8vmin;
            right: 36vmin;
            width: 35.3vmin;
            position: absolute;
            transition: .5s;
            opacity: 0;
            z-index: 6;
            border-radius: 100% 0% 0% 0% / 98% 0% 3% 0% 
        }
        #il_l {
            top: 26vmin;
            right: 47vmin;
            width: 50vmin;
            position: absolute;
            transition: .5s;
            z-index: 10;
        }
        #nt:hover {
            opacity: 1;
            transform: translate(0px,-5px);
        }
        #tp:hover {
            opacity: 1;
            transform: translate(0px,-5px);
        }
        #kl:hover {
            opacity: 1;
            transform: translate(0px,-5px);
        }
        #ty:hover {
            opacity: 1;
            transform: translate(0px,-5px);
        }
        #hs:hover {
            opacity: 1;
            transform: translate(0px,-5px);
        }
        #hc:hover {
            opacity: 1;
            transform: translate(0px,-5px);
        }
        #ml:hover {
            opacity: 1;
            transform: translate(0px,-5px);
        }
        #il:hover {
            opacity: 1;
            transform: translate(0px,-5px);
        }



        #tp_num {
            top: 34vmin;
            right: 57vmin;
            position: absolute;
            border-color: white;
            color: white;
            border-radius: 20px;
            font-size: 2vmin;
            padding: 0;
            opacity: 0.7;
            width: 3vmin;
            height: 3vmin;
            background-color: #D1D4CD;
            z-index: 8;
        }
        #nt_num {
            top: 46vmin;
            right: 57vmin;
            position: absolute;
            border-color: white;
            color: white;
            border-radius: 20px;
            font-size: 2vmin;
            padding: 0;
            opacity: 0.7;
            width: 3vmin;
            height: 3vmin;
            background-color: #717071;
            z-index: 8;
        }
        #kl_num {
            top: 33vmin;
            right: 48vmin;
            position: absolute;
            border-color: white;
            color: white;
            border-radius: 20px;
            font-size: 2vmin;
            padding: 0;
            opacity: 0.7;
            width: 3vmin;
            height: 3vmin;
            background-color: #D1D4CD;
            z-index: 8;
        }
        #ty_num {
            top: 40vmin;
            right: 80vmin;
            position: absolute;
            border-color: white;
            color: white;
            border-radius: 20px;
            font-size: 2vmin;
            padding: 0;
            opacity: 0.7;
            width: 3vmin;
            height: 3vmin;
            background-color: #B4B5B5;
            z-index: 8;
        }
        #il_num {
            top: 60vmin;
            right: 48vmin;
            position: absolute;
            border-color: white;
            color: white;
            border-radius: 20px;
            font-size: 2vmin;
            padding: 0;
            opacity: 0.7;
            width: 3vmin;
            height: 3vmin;
            background-color: #717071;
            z-index: 8;
        }
        #hc_num {
            top: 51vmin;
            right: 93vmin;
            position: absolute;
            border-color: white;
            color: white;
            border-radius: 20px;
            font-size: 2vmin;
            padding: 0;
            opacity: 0.7;
            width: 3vmin;
            height: 3vmin;
            background-color: #E6E2DF;
            z-index: 10;
        }
        #hs_num {
            top: 55vmin;
            right: 80vmin;
            position: absolute;
            border-color: white;
            color: white;
            border-radius: 20px;
            font-size: 2vmin;
            padding: 0;
            opacity: 0.7;
            width: 3vmin;
            height: 3vmin;
            background-color: #717071;
            z-index: 10;
        }
        #ml_num {
            top: 67vmin;
            right: 96vmin;
            position: absolute;
            border-color: white;
            color: white;
            border-radius: 20px;
            font-size: 2vmin;
            padding: 0;
            opacity: 0.7;
            width: 3vmin;
            height: 3vmin;
            background-color: #B4B5B5;
            z-index: 10;
        }