/*遊戲特色*/


:root{
    --navWitdth:30px;
    --feaW:90%;
}

.features{text-align:center;}
.featuresZone{padding: 90px 30px 0;}
.featuresZone h2{margin-bottom:.5em;}
.featuresZone h3{
    font-weight: 400;
    letter-spacing: .5em;
    font-size: 17px;
    max-width:500px;
    margin:0 auto 1em;
}

.featuresZone h3:before,
.featuresZone h3:after
{
    content: "";
    width: 15px;
    height: 1px;
    background:#333;
    margin: 0 1em;
}

.featuresZone .txt{  
    margin:30px auto 0;
}

.featuresSwipe {
    width:var(--feaW);
    padding-top:0px;
    position:absolute;
    z-index: 0;
    transform:translateY(80px);
    opacity:0;
    transition:all .7s;
    left:calc(50% - calc(var(--feaW)/2));
 }

.featuresSwipe.active{
    z-index: 10;
    transform:translateY(0);
    opacity:1;
}


.featuresZone .swiper-slide p{
    color:#fff;
    background:#4295c8;
    margin: 40px auto 5px;
    max-width: 600px;
    padding: 5px 0;
    clip-path: polygon(4%  0, 100% 0,  96% 100%, 0 100%);
    display:none;
}

.featuresZone .swiper-slide img{
    margin: 20px auto 50px;
    filter: var(--shadow);
}

.featuresZone .txt article .btn-prev,
.featuresZone .txt article .btn-next
{
    position:absolute;
    left:-35px;
    z-index:99;
    height:100%;
    top:0;
    width: var(--navWitdth);
}

.featuresZone .txt article .btn-next{
    right:-35px;
    left:auto;
}





/*nav Tab*/
.tab{}

.tab ul {filter: var(--shadow);}

.tab ul li{
background: #5f5f5f;
    font-size: 13px;
    padding: 1em 0.5em 1em;
    letter-spacing: .1em;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    transition: all .4s;
    color: #b9b9b9;
    margin: 0 1px;
    line-height: 1.2;
}

.tab ul li.active{
     background:#33a6b8;
     color:#fff;
}

.tab ul li:hover{
    background:orange;
    color:#fff;
}



.featuresSwipe .swiper-wrapper{
    margin:auto;
    padding-bottom: 0px;
}

.featuresSwipe .swiper-pagination{
    bottom:0;
}

.featuresSwipe .swiper-pagination-bullet{
    width:15px;height:15px;border-radius:0;
    clip-path: polygon(0 50%, 50% 0,  100% 50%, 50% 100%);   
}

.featuresSwipe .swiper-pagination-bullet-active{background-color:#ff8400;}

.featuresSwipe .btn-prev,
.featuresSwipe .btn-next{
   
}



#videoSwipe{
    padding:30px 2px;
    background: #000;
}


/*IPHONE 8PLUS*/

@media(max-height:630px){
    .featuresZone{
            padding-top: 70px ;
    }

    .featuresZone .txt{margin:0 auto;}

    .tab ul li {
        font-size: 12px;
        padding: 1em 0.3em 1em;
    }
}