html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
  font-family: "Microsoft JhengHei", 微軟正黑體,  "Microsoft YaHei", 微軟雅黑體, Verdana, Sans-serif !important;
}
div, ul, li, table,tr, th, td
{
  font-family: "Microsoft JhengHei", 微軟正黑體,  "Microsoft YaHei", 微軟雅黑體, Verdana, Sans-serif !important;
}
html{
  overflow-x: hidden !important;
}
body {
  font-size: 100%;
  font-family: "Microsoft JhengHei", 微軟正黑體,  "Microsoft YaHei", 微軟雅黑體, Verdana, Sans-serif !important;
  overflow-x: hidden !important;
}
.logo{
  font-family: "Microsoft JhengHei", 微軟正黑體,  "Microsoft YaHei", 微軟雅黑體, Verdana, Sans-serif !important;
  font-size: 18px;
  font-weight: bold;
  color: #221814;
  padding-left: 5px;
}
footer p{
  font-size: 15px;
}
.pointer{
  cursor: pointer;
}
@media (max-width: 991px) {
  .mobile-header{
    width: 100%;
    min-width: 300px;
  }
  .mobile-toggle{
    width: 20%;
  }
  .mobile-logo{
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .mobile-logo{
    width: 80%;
  }
}

/*Menu*/
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav>li>a{
  font-size: 13.5px;
}

/*Icon*/
.fa-3em{
  font-size: 3em
}
.fa-4em{
  font-size: 4em
}
.font-size-15{
  font-size: 15px !important;
}
.padding-top-10{
  padding-top: 10px;
}

/*Slider*/
.slider-padding-150{
      padding: 150px 0;
}

/*Product*/
.mar-right-8{
  margin-right: 8px;
}
.product-text{
  margin-bottom: 0px;
  text-align: left;
}
.font-size-13{
  font-size: 13.5px !important;
}

/*News*/
.mar-topbottom-5{
  margin-top: 5px;
  margin-bottom: 5px;
}

/*Footer*/

.fa-15em{
  font-size: 1.5em
}
.line-height-40{
  line-height: 40px;
}
.mar-top-15{
  margin-top: 15px;
}

.fa-12em{
  font-size: 1.2em
}

select.form-control {
  height: 40px;
  color: #555;
}

.form-box.style3 {
  border: none;
  background: rgb(127, 12, 120);
  border-radius: 0px;
}
.btn-border{
  border: 1px solid #fff;
}

.inline-form-3 .form-group{
  margin-bottom: 0px;
}

.overlay-darker {
    background: rgba(0,0,0,.55);
}

@media only screen and (max-width: 680px){
  .inline-form-3 .form-group {
      width: 48%;
  }
  .inline-form-3 .form-group:last-child {
      width: 98%;
  }
  .inline-form-3 .form-group, .inline-form-3 .form-group:last-child {
      margin-right: 1% !important;
      margin-left: 1% !important;
  }
  .inline-form-3 .form-group{
    margin-bottom: 15px;
  }
  .inline-form-3 .form-group:last-child{
    margin-bottom: 0px;
  }
  .section, section {
    padding: 20px 0 40px;
  }
}

.btn-width-half{
  width: 48%;
}

.label-wrap .label {
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    border-radius: 2px;
    font-size: 10px;
    padding: 3px 6px 3px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 11px;
    vertical-align: top;
    font-weight: 500;
}

.label-position{
  position: absolute;
  right: 25px;
  top: 20px;
}

.label-purple{
  background-color: #7f0c78;
  font-size: 13px !important;
  line-height: 15px !important;
}

.process-step {
  color: #ffffff;
}

.news-text{
  font-size: 13px;
  margin-bottom: 0px;
}

.header-top-section.dark-bg.navbar {
    opacity: .9;
    background: #7f0c78!important;
}

.header-text{
  float: none;
}

.header-text li{
  float: left;
  height: 35px;
}

.header-title{
  padding-left: 5px;
}

.footer-text, .about-text, .text-justify{
  text-align: justify;
  padding-bottom: 25px;
}

.padding-b-0{
  padding-bottom: 0px;
}

.product-text li{
    font-size: 15px;
    margin-bottom: 5px;
}

@media (max-width: 1366px) {
  .header-tel{
    padding-right: 15px;
  }
}

@media (max-width: 992px) {
  .header-title{
    padding-left: 15px;
  }
  .address-top{
    margin-top: 40px;
  }
}

.banner-pic img{
  width: auto !important;
}