body{
margin:0;
padding:0;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  height: 100%;
}
.relat{
width:100%;
height:auto;
position:relative;
}
.cycle-slideshow img{
width:100%;
height:auto;
}
.cycle-pager-active{
color: #e5a900;
}
.upbg img{
width:100%;
height:auto;
z-index:899;
position:absolute;
left:0;
top:0;
}
#prev{
width:auto;
height:auto;
position:absolute;
left:20%;
top:30%;
z-index:900;
cursor:pointer;
}
/*第一則讓左箭頭消失*/
#prev.disabled{
display:none;
}
/*最後一則讓右箭頭消失*/
#next.disabled{
display:none;
}
#next{
width:auto;
height:auto;
position:absolute;
right:20%;
top:30%;
z-index:900;
cursor:pointer;
}
#prev:hover{
opacity:0.5;
}
#next:hover{
opacity:0.5;
}
.grayBar{
width:100%;
height:auto;
position:absolute;
left:0;
bottom:0%;
z-index:998;
background-color: rgba(0, 0, 0, 0.5);
padding-top:15px;
padding-bottom:15px;
}
#per-slide-template{
width:60%;
height:auto;
margin:0 auto;
}
a{
float:left;
width:25%;
text-align:center;
text-decoration:none;
color:white;
}
a:hover{
opacity:0.8;
}
a:after {
content: "．";
color:white;
float:right;
}
a:last-child:after{
content: "";
}