/*a*/
a{text-decoration: none;}
a:hover{text-decoration: none;}


.wrapper {
    position: relative;
    width: 100%;
    text-align: left;
    overflow: hidden;
    font-family:"微軟正黑體","Microsoft JhengHei","Apple LiGothic Medium", Arial, Helvetica, sans-serif;
    transition: all 0.2s;
    background:url(../images/bg.jpg) center top no-repeat;
}

.wrapper img {
    border: 0;
    vertical-align: top;
}


.wrapper h2{text-indent:-9999px; height:855px; position: relative; }
.wrapper h2 img{position: absolute; left: 50%; animation:hh 1s linear; animation-fill-mode: forwards; opacity: 0;}
.wrapper h2 img.hh1{    top: 49px; margin-left: -349px; animation-delay: 0s;}
.wrapper h2 img.hh2{    top: 93px; margin-left: -511px; animation-delay: 0.5s; animation-duration: 2.2s;}
.wrapper h2 img.hh3{    top: 204px; margin-left: 74px; animation-delay: 1.2s; animation-duration: 1.5s;}
.wrapper h2 img.hh4{  top: 228px; margin-left: -344px; animation-delay: 1s; animation-duration: 2.2s;}
.wrapper h2 img.hh5{  top: 353px; margin-left: 116px; animation-delay: 2.5s;}
@keyframes hh {
   from { opacity: 0; }
     to { opacity: 1;}
}
@media screen and (max-width:1180px){
.wrapper{background-size: 170%; }
.wrapper h2{height: 73vw; }
.wrapper h2 img.hh1 {
top: 4vw;
margin-left: -30%;
width: 25%;}
.wrapper h2 img.hh2 {
top: 7.5vw;
margin-left: -43.5%;
width: 85%;
}
.wrapper h2 img.hh3 {
    top: 17vw;
    margin-left: 7%;
    width: 37%;
}
.wrapper h2 img.hh4 {
    top: 19vw;
    margin-left: -29.5%;
    width: 39%;
}
.wrapper h2 img.hh5 {
    top: 29.5vw;
    margin-left: 10vw;
    width: 30.5%;
}
}/*media*/



.pageBtn{ width:92%; max-width:1050px; background:rgba(0,0,0,0.5); margin: 0 auto; text-align: center;     margin: 0 auto 11px auto; clip-path: polygon(1% 0%, 99% 0%, 100% 50%, 99% 100%, 1% 100%, 0% 50%);

}
.pageBtn li{display:inline-block; padding:10px 0; width:48%; transition:all .2s;}
.pageBtn li:first-child{border-right:1px solid #fff;}
.pageBtn li a{display: block; color:#fff; font-size:18px; font-weight:bold; }
.pageBtn li a:hover{color:#ffffcc; }
.pageBtn li:hover{background:rgba(0,0,0,0.2);}

.pageBtn.fixed{position: fixed; top: 0; left: 50%; transform: translateX(-50%);}

@media screen and (max-width:768px){
	.pageBtn{ clip-path: polygon(3% 0%, 97% 0%, 100% 50%, 97% 100%, 3% 100%, 0% 50%);
margin: 0 auto;
	}
	.pageBtn li {
    padding: 5px 0;
   
}
	.pageBtn li a{font-size: 14px;}
}/*media*/