body,
input,
textarea,
.mbr-company .list-group-text {
  font-family: "微軟正黑體";
}
.mbr-footer-content li,
.mbr-footer .mbr-contacts li {
  font-family: "微軟正黑體";
}
.btn,
.alert,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.mbr-figure .mbr-figure-caption,
.mbr-gallery-title,
.mbr-map [data-state-details],
.mbr-price {
  font-family: "微軟正黑體";
}
.container-block{
    width: 1200px;
    margin: 0 auto;
} 
a:hover{
  text-decoration: none;
  color: #fff;
  transition: all .2s ease-in-out; 
}
.mbr-footer-content h1,
.mbr-footer .mbr-contacts h1,
.mbr-footer-content h2,
.mbr-footer .mbr-contacts h2,
.mbr-footer-content h3,
.mbr-footer .mbr-contacts h3,
.mbr-footer-content h4,
.mbr-footer .mbr-contacts h4,
.mbr-footer-content p strong,
.mbr-footer .mbr-contacts p strong,
.mbr-footer-content strong,
.mbr-footer .mbr-contacts strong {
  font-family: 'Montserrat', sans-serif;
}
.btn-sm,
.lead a,
.lead blockquote,
.mbr-section-subtitle,
.mbr-section-hero .mbr-section-lead,
.mbr-cards .card-subtitle,
.mbr-testimonial .card-block {
  font-family: "微軟正黑體";
}
.mbr-author-name {
  font-family: "微軟正黑體";
}
.mbr-author-desc {
  font-family: 'Lora', serif;
}
.mbr-plan-title {
  font-family: 'Montserrat', sans-serif;
}
.mbr-plan-subtitle,
.mbr-plan-price-desc {
  font-family: "微軟正黑體";
}
.bg-primary {
  background-color: #c0a375 !important;
}

.btn-primary {
  background-color: #c0a375;
  border-color: #c0a375;
  color: #ffffff;
  font-size: 14px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #a07e49;
  border-color: #a07e49;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #a07e49 !important;
  border-color: #a07e49 !important;
}
.btn-secondary {
  background-color: #bfcecb;
  border-color: #bfcecb;
  color: #ffffff;
}

.lead a,
.lead a:hover {
  color: #c0a375;
}
.lead blockquote {
  border-color: #c0a375;
}

.scrollToTop_wraper {
  opacity: 0 !important;
}

.mbr-cards-col{
  min-height: 455px;
  padding: 40px 0;
  margin-bottom: 2px;
  background: #fff;
}
.article .mbr-cards-col{
  min-height: initial;
}

.article .mbr-cards .card-img + .card-block{
  padding-top: 20px;
}
.mbr-cards .display-2{
  margin-top: 0;
  padding: 40px 0;
}
.text-center{
  text-align: center;
}

.striped .mbr-cards-col:nth-child(2n+1) {
  background-color: #2e2e2e;
}

.striped .mbr-cards-col:nth-child(2n+1) {
  background-color: #2e2e2e;
}

.card-img img{
  width: 200px;
}
.grow { 
  transition: all .2s ease-in-out; 
}
.grow:hover { 
  transform: scale(1.1); 
}
#info.mbr-section{
  padding: 0 0 120px;
}
a.fancybox:hover .card-title,.mbr-cards .card-title:hover{
  color:#fff;
}
.mbr-cards .card-title{
  color:#F1C050;
}
#form1-7 .form-control-label {
  color: #232323;
}

#form1-7{
  background: #fff;
  padding: 60px 0 20px;
}

#form1-7 .btn{
  font-size: 16px;
  width: 30%;
}

/*job-content*/
.content{
  display: none;
  color: #333;
  width: 1000px;
  padding: 20px;
  position: relative;
}
.line{
  width: 60px;
  bottom: 0;
  height: 2px;
  display: block;
  background: #F1C050;
  margin: 0 auto 30px;
}
.content a{
  color: #1554BB;
  text-decoration: underline;
}
.content .hidden{
  visibility: visible;
}
.content h1,.content h5{
  text-align: center;
  margin-bottom: 30px;
  
}
.content h1{
  font-weight: bold;
}
.content h5{
  color: #979797;

}
.education span{
  border-right: 1px solid #a5a2a2;
  padding: 0 5px;
}

.contact span{
  border-top:1px solid #1b4a96;
  color: #fff;
  font-size: 22px;
  padding: 40px 50px 0;
}

/*Q&A*/
#qaContent ul.accordionPart {
  margin: 10px 10px 30px 30px;
}
#qaContent ul.accordionPart li {
  border-bottom: solid 1px #ececec;
  padding-bottom: 12px;
  margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
  padding-left: 28px;
  color: #0B4AB1;
  cursor: pointer;
  font-size: 18px;
}
#qaContent ul.accordionPart li .qa_title_on {
  color: #1186ec;
}
#qaContent ul.accordionPart li .qa_content {
  margin: 6px 0 0;
  padding-left: 28px;
  color: #333;
}

#service ol li,#privacy ol li,#member-service ol li{
  padding-bottom: 25px;
}

/*footer*/
.footer p{
  color: #b7b7b7;
  margin-top: 10px;
}

/*V2*/

.v2 .mbr-section-hero .mbr-section-title{
  color:#1A59C0;
}
.v2 .mbr-section-hero h3{
    color: #1f63d2;
}
.v2 .mbr-cards .card-title{
  color:#909090;
}
.v2 a.fancybox:hover .card-title,.v2 .mbr-cards .card-title:hover{
  color:#1A59C0;
}
.v2 .contact span{
  color: #333;
  border-top: 1px solid #c5c4c4;
}
.v2 .footer p{
  color: #9a9a9a;
  margin-top: 10px;
}


/*Responsive*/

@media screen and (min-width: 1000px) {
  .mbr-cards-col {
    min-height: 480px
  }
}

@media screen and (min-width: 1200px) and (max-width: 1450px) {
  .mbr-section {
    position: relative;
    padding: 30px 0 10px;
}
  .mbr-cards-col {
    min-height: 505px
  }
  #info.mbr-section {
    padding: 0 0 56px;
}
.contact span {
    padding: 10px 50px 0;
}
.footer p,.v2 .footer p{
  margin: 0;
}
}

@media screen and (max-width: 1201px){
  .container-block,.content{
    width: 90%;
  }
  .mbr-section-full{
    height: 100vh;
  }
  .display-1{
    font-size: 62px;
  }
  .mbr-section-hero .mbr-section-lead{
    font-size: 18px;
  }
  .mbr-cards .striped .card {
    padding:0 3%;
  }
  #form1-7 .btn{
    width: 80%;
  }
}


@media screen and (min-width: 992px ) and (max-width: 1100px) {
    .mbr-section {
        padding: 56px 0 0px;
    }
    .card-img img {
        width: 170px;
    }
}


@media screen and (max-width: 991px){
.card-img img {
    width: 88%;
  }
}


@media screen and (max-width: 480px){
  body{
    overflow-x: hidden
  }
  .container-block{
    width: 100%;
  }
  .mbr-cards .card{
    margin-bottom: 20px;
  }
  .card-img img {
    width: 75%;
  }
  #info.mbr-section{
    padding: 0;
  }
  #qaContent ul.accordionPart{
    margin: 0;
  }
  .mbr-section-full > .mbr-table-cell {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.mbr-section-hero .mbr-section-title{
  font-size: 40px;
}
  .mbr-cards-col{
    min-height: initial;
  }
  .mbr-arrow a{
    background: none;
  }
  .contact span{
    padding: 5px 0 0;
    display: block;
  }
  .contact + .mbr-section-btn{
    margin-top: 20px;
  }

  .mbr-section{
    padding: 20px 0 0;
  }
  .article .mbr-section{
    padding: 0 0 20px;
  }
  .article .mbr-cards .card-img + .card-block{
    padding: 10px 0;
  }
  .article .mbr-iconfont.mbr-iconfont-features2, .mbr-iconfont.mbr-iconfont-features3{
    margin-top: 0;
  }
  .article .mbr-cards .card-title{
    font-size: 16px;
  }
  .mbr-cards .display-2{
    padding: 0;
  }
  .display-2{
    font-size: 33px;
  }
  #form1-7 {
    padding: 0 0 20px;
  }
  .content{
    width: 100%;
  }
  .job-title{
    font-size: 26px;
  }
  .container-block, .content h5{
    font-size: 16px;
    margin-bottom: 15px;
  }
  .article .mbr-section-title + .lead p{
    line-height: 1.6;
    font-size: 16px;
  }
  .mbr-iconfont.mbr-iconfont-features2, .mbr-iconfont.mbr-iconfont-features3{
    font-size: 80px;
    margin-top: 20px;
  }
}