
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  
}

body {
  overflow-x: hidden;
  font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
  margin:0;
  color:#4c4c4c;
  font-size: 1em;
}

p {letter-spacing: 1.5px; line-height: 3em; }
a {outline: none; color: #4c4c4c;
 }
a:hover {
  color: #f9ab4d;
  text-decoration: none;
} 
a:focus, a:active, a.active {outline:none; color:#f9ab4d; text-decoration: none; }
h1, h2, h3, h4, h5, h6 {font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif; letter-spacing: 2px; }

.backToTop {
    display: none;
    width: 18px;
    line-height: 1.2;
    padding: 5px 0;
    background-color: #3B4653;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
    z-index: 9999;
}
.navbar {
  background-color: #3B4653;
  
}

.nav-item a:hover {
  color:#f9ab4d;
}
.breadcrumb {
  background-color: #FFFFFF;
  text-align: right;
}

.container {
  max-width: 1440px;
}
.ptitle {
  text-align: center;
}
.item h5 {
  color: #f9ab4d;
}
.inner {
  margin-bottom: 70px;
}
.tab-pane {
  padding-top: 10px;
}
.black {
  background-color: #3B4653;
  padding: 20px 0;
}

.footer h3,.footer p {
  color: #ffffff
}
.footer a {
  color:rgba(255,255,255,.5);
}
.footer a:hover {
  color: #f9ab4d;
  text-decoration: none;
}
/* header */
.header {margin-top:90px;width:100%;padding:30px 0 15px 0;background: linear-gradient(to bottom, #e7e7e7 0%,#fff 100%);}
.header-content{margin: 0 auto; width:90%;max-width: 1366px;}
.video{margin-top:20px;height:500px;}


@media (max-width: 768px) {
  .header {margin-top:84px;}
  .video{margin-top:15px;height:420px;}
}

@media (max-width: 640px) {
  .header {margin-top:56px;padding:20px 0 10px 0;}
  .video{margin-top:10px;height:320px;}
  .footer p {
    font-size: 0.8em;
  }
  .inner {
    margin-bottom: 30px;
  }
 

}

@media (max-width: 480px) {
  .video{margin-top:5px;height:240px;
  }
}

@media (max-width: 320px) {
  .video{margin-top:3px;height:180px;}
}
