/*==================     ToTop     S======================*/
@font-face{font-family:'FontAwesome';
src:url('./fontawesome-webfont.woff?v=4.2.0') format('woff'),
url('./fontawesome-webfont.ttf?v=4.2.0') format('truetype');
font-weight:normal;font-style:normal
}
.fa{
display:inline-block;font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.fa-arrow-up:before{content:"\f062"}
.fa-angle-up:before{
  content:"\f106";
  font-size: 34px;
  margin-top: 5px;
  display: inline-block;  
}
.fa {
  display: inline-block;
  font: normal normal normal 16px/1 FontAwesome;
  /*font-size: inherit;*/
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.toTop {
  width: 45px;
  height: 45px;
  font-size: 24px;
  line-height: 20px;
  color: #292929;
  background:  rgba(255,255,255,0.6); /*顏色  */
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 2px grey, 0 0 2px black;
  -moz-box-shadow: 2px 2px 2px grey, 0 0 2px black;
   box-shadow: 2px 2px 2px grey, 0 0 2px black;
 /* box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);*/
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20; 
  padding-top:0px; 
  }
  .txtTop{
  font-family: Lucida Console;
  font-weight:600;
  font-size: 16px;
  display: block;
  width: 100%;
  margin-top: -10px;
  }
  .toTop:hover {
    color: #292929;
    background: #fff;
    text-decoration: none; }
/* 可能不需要
.mobile .toTop,
.tablet .toTop {
  display: none !important; }

  */
  .fa {
  line-height: inherit; }

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome"; }

.font28 {
  font-size: 28px;
}
/*==================     ToTop     E ======================*/