/* Add here all your css styles (customizations) */
/*
 * 黑體: Heiti TC
 * 新細明體: PMingLiU
 * 微軟正黑體: Microsoft JhengHei
 * 微軟雅黑體: Microsoft YaHei
 */

h1 {
  font-size: 32px;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6,
.title-v1 p,
.header .navbar-nav > li > a {
  font-family: "Heiti TC", "Microsoft YaHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

body {
  font-family: Arial, "Microsoft JhengHei", serif;
  font-size: 16px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

.tw p,
.cn p,
.ja p {
  text-align: justify;
}

a:focus {
  color: initial;
}

.opacity {
  /*opacity: .25;*/
  position: relative;
}
.opacity:after {
  position: absolute;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  font-family : FontAwesome;
  content: '\f011';
  color: #555;
  padding-top: 60px;
  font-size: 48px;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

a.anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
}

#topcontrol {
  line-height: 1.6;
}

.bg-image-v1 {
  /*background: url(../images/bg-second-factory.jpg) repeat fixed;*/
  /*background: url(../images/bg-factory-aerial-view.jpg) repeat fixed;*/
  /*background-size: cover;*/
}
.bg-image-v1:before {
  background: rgba(0,0,0,0.3);
}
.breadcrumbs-v3.img-v1 {
  /*background: url(../images/bg-factory-aerial-view.jpg) no-repeat;*/
  /*background: url(../images/bg-second-factory.jpg) no-repeat;*/
  /*background-attachment: fixed;*/
  /*background-size: 100%;*/
  /*background-position: center center;*/
}

.table th {
    text-align: center;
}
.table td {
  /*line-height: 2 !important;*/
}

.table tr:first-child td {
  border-top: 0;
}

.table>thead>tr>th {
  border-bottom: 2px solid #ddd;
}

.table th {
    background-color: #f8f8f8;
}

.table tr th:first-child,
.table tr td:first-child {
    padding-left: 20px;
}
.table tr th:last-child,
.table tr td:last-child {
    padding-right: 20px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 12px;
}

.panel-default>.panel-heading {
    /*background-color: #fff;*/
    padding: 10px 15px;
}

.photo {
  padding: 5px;
  margin-bottom: 30px;
  border: solid 1px #efefef;
  text-align: center;
}
.photo img {
  width: 100%;
  height: auto;
}

.popover {
  font-size: 13px;
  border-radius: 0;
  color: #777;
}

.footer-v1 .copyright {
  font-size: 13px;
}
.list-inline {
  margin-left: 0;
}
.headline h2 {
  font-size: 26px;
  border-left: 10px solid #72C02B;
  padding-left: 10px;
}
.headline h2, .headline h3, .headline h4 {
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 1px solid #72c02c;
}

.headline-center p {
  font-size: 16px;
  text-align: center;
}

.service-block-v6 .service-desc h2 {
  font-size: 20px;
  margin: 10px 0;
  text-transform: none;
}
.service-block-v6 .service-desc {
  margin-bottom: 20px;
}
.header .logo {
  float: left;
}
.header .logo img {
  margin: 10px 0;
  height: 60px;
}
.header .topbar ul.languages li a {
  text-transform: none;
  font-size: 12px;
}
.navbar-toggle {
  margin-left: 10px;
}

.dropdown-menu {
  min-width: 100% !important;
}
.dropdown {
  position: relative !important;
}
.dropdown.mega-menu-fullwidth {
  position: static !important;
}
/* 特定子選單向左展開 */
.dropdown-menu-left {
  left: auto !important;
  right: 100% !important;
}

.header .topbar ul.loginbar {
  white-space: nowrap;
}
.header .topbar ul.languages li.active a i {
  margin-top: 6px;
}

.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover {
  font-size: 15px;
  text-transform: initial;
  /*font-family: "Comic Sans MS", cursive, sans-serif;*/
  /*font-weight: bold;*/
}

.header-fixed .header.header-fixed-shrink {
  z-index: 1010;
}
.header .navbar-nav > li > a {
  font-size: 18px;
  text-transform: none;
}
.en .header .navbar-nav > li > a,
.ja .header .navbar-nav > li > a {
  font-size: 16px;
}
.header .mega-menu .mega-menu-content {
  /*text-align: center;*/
  padding: 0;
}

.mega-menu-content h3 {
  /*background-color: #fafafa;*/
  /*border-bottom: 1px dashed #ddd;*/
  /*border-top: 1px dashed #ddd;*/
}
/*.mega-menu-content h3:hover,*/
.mega-menu-content .active h3,
.mega-menu-content .active {
  background-color: #eee;
}

.header .mega-menu .equal-height-list h3 {
  font-weight: bold;
  text-transform: capitalize;
  padding: 5px 0;
  margin: 0 0 5px 0;
}

.header .dropdown-menu li a {
  font-size: 15px;
  line-height: 1.6;
}

.header .dropdown-menu h3 a {
  font-size: 17px;
  /*text-decoration: underline !important;*/
  color: #72c02c;
  /*font-weight: bold;*/
}

.editors-container img {
  max-width: 100%;
  height: auto;
}
.sidebar-nav-v1 li a {
    font-weight: bold;
}
.sidebar-nav-v1 li ul a {
    font-size: 16px;
    padding: 6px 30px 6px 25px;
}
.sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a {
    background: #fff;
}
.sidebar-nav-v1 > li > a {
	background: #f8f8f8;
}
.sidebar-nav-v1 > li.active > a {
    color: #72c02c;
}
.tab-v1 .nav-tabs a {
    font-size: 16px; 
    padding: 10px 20px;
}

@media (min-width: 992px) {
  .header-fixed .header.header-fixed-shrink .logo img {
    height: 40px;
    width: 100%;
  }
  .header .mega-menu .disable-icons li a {
    /*padding: 5px 5px 5px 30px;*/
    padding: 5px 15px;
    white-space: nowrap;
  }
  .header .mega-menu .disable-icons li > a:before {
    content: '‧';
  }
  .header .mega-menu .disable-icons li h3 a {
    padding: 0;
    border-bottom: 1px solid;
    display: inline-block;
    margin: 0 15px;
  }
  /*    .en .header .mega-menu .disable-icons li h3 a {
          font-size: 15px;
      }*/
  .header .mega-menu .equal-height-in-2 {
    padding: 30px 0;
    border-left: 1px solid #eee;

    /*http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28left\%2C\%20rgba\%28255\%2C255\%2C255\%2C1\%29\%200\%25\%2C\%20rgba\%28250\%2C250\%2C250\%2C1\%29\%20100\%25\%29\%3B'*/
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(250,250,250,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=1);
  }
  .header .mega-menu .equal-height-list {
    /*margin-bottom: 30px;*/
  }
  .header .navbar-nav > li > a {
    padding: 9px 25px 9px 15px;
  }
  .header .dropdown-menu li a {
    /*padding: 6px 20px;*/
  }
}
@media (max-width: 991px) {
  hr {
    margin: 15px 0;
  }
  .content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header .mega-menu .equal-height-list h3,
  .header .mega-menu .equal-height-list li a {
    font-size: 15px;
  }
  .header .mega-menu .equal-height-list li a {
    border-bottom: 0;
    margin-left: 0;
  }
  .header .mega-menu .equal-height-list h3 {
    border-top: 1px solid #eee;
    padding: 0;
  }
  .header .logo img {
    height: 48px;
    width: 100%;
    margin: 4px 0;
  }
  .header .topbar {
    line-height: 2;
  }
  .loginbar {
    padding-left: 0;
    width: 100%;
    text-align: center;
  }
  .loginbar ul.languages {
    text-align: left;
  }
  .header .navbar-nav > li > a {
    padding: 10px 15px;
  }
  .header .navbar-nav .open .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header .navbar-nav .open .dropdown-menu > li > a {
    line-height: 1.8;
  }
  .header .dropdown .dropdown-submenu > a {
    font-size: 15px;
  }
  .header .mega-menu .dropdown-submenu .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mega-menu-content h3 {
    background-color: #fafafa;
  }
}