body::-webkit-scrollbar {
    width: 0.5em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


ul.works-menu  { margin:0.5em 0 0 -2em;}
.works-menu li { list-style:none; border-bottom: dashed 1px #999; line-height:2; color:#FFF;
display: inline-block; width:47%;  margin:0 2px;}
.works-menu li a{  color:#FFF;font-size:13px; text-decoration:none; letter-spacing:-1px;
-webkit-transition: all 0.5s linear; /* mouseout變回原形*/
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;}
.works-menu li a:hover,.works-menu li:hover { background:rgba(0,0,0,0.8) url(../images/clients.png) no-repeat 350px bottom ;color:#ff0; border:none;
background-image: linear-gradient(90deg, #ffb253 0%, #f56259 100%);
-webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}

  @media screen and (max-width: 270px) {
.works-menu li {display: block; width:100%; margin:0 5px;}
  }
/*--- 手機 --*/
  @media only screen and (max-width: 768px) {
.works-menu iframe { position: relative; width:90% !important; height:400px !important;}

  }