.tabbtn{background:url(../images/bgtabbtn.jpg) repeat; width: 92%;
    max-width: 1400px;  position: relative;
        margin: 0 0 70px 0; left: 50%; top: 35px;
    transform: translateX(-50%);  border-radius: 80px; z-index: 2;text-align: center; }

.tabbtn li{display: inline-block; width: 12%; margin: 2%;  color: #fff; vertical-align: top;
background:rgba(0,0,0,0.8); border-radius: 2em; position: relative; }

.tabbtn li a{display:block; color: #fff; font-size: 22px; line-height: 2em; }
.tabbtn li a.active{color: #ffcf3d;}
.tabbtn li a img{position:absolute; top: 50%; left: 0;
    transform: translate(-50%,-50%); transition: all .3s;}
.tabbtn li a span{
    line-height: unset;
}
.tabbtn li a:hover{color: #ffcf3d;}
.tabbtn li a:hover img {transform: translate(-55%,-50%);}

.tabbtn:after{content: ""; display: block; position: absolute; left: 50%; bottom: 0;
width: 10%; height: 27%; background:url(../images/bgtabbtn.jpg) repeat;
-webkit-clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
    transform: translate(-50%,95%);
}

.tabbtn.fixed{ position: fixed;
    top: 0;
    margin: 0;
    width: 100%;
    max-width: inherit;
    border-radius: 0;}
.tabbtn.fixed li{
    margin: 10px 1.5%;
}
.tabbtn.fixed li a{ font-size: 14px; line-height: 2em;}
.tabbtn.fixed li a img{    width: 25px;}


@media screen and (max-width:1426px){   
    .tabbtn{    margin:0 0 8vw 0; top: 2vw;}
    .tabbtn li{width: 12%; margin: 10px 0.5%;}
    .tabbtn li a{font-size: 16px; line-height: 2.5em;}
    .tabbtn li a span{display: none;}
    .tabbtn li a img{    width: 30%; max-width: 50px;}
}/*media*/

@media screen and (max-width:800px){
    .tabbtn{width: 100%;border-radius: 20px;}
    .tabbtn li a img{ display: none; }
    .tabbtn li{width: auto;  padding: 0 1.5%;}
}

@media screen and (max-width:550px){
    
    .tabbtn li a { line-height: 2em; }
    .tabbtn li{ padding: 0 1%;}
}/*media*/

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

    .tabbtn.fixed li{margin: 10px 0.5%;}
    .tabbtn li a {font-size: 14px;}
}/*media*/



.poiMenu{display: inline-flex;justify-content: center;flex-wrap: nowrap;width: 100%;}
.poiMenu li{font:400 20px/1.3 "Noto Sans TC";margin: 5px 10px;background: #f09904;color: #fff; border-radius: 20px;padding: 5px 10px;cursor: pointer;}

@media only screen and (max-width: 800px) {
.poiMenu{flex-wrap: wrap;}
.poiMenu li{font:400 16px/1.3 "Noto Sans TC";margin: 5px;}
}