@charset "utf-8";
/* -- Contact ------ */
 .cms-main-content{position: relative; padding:0px; display: block; margin:0px auto; width: 100%; max-width: 100%; }
.cms-txtcols {  -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2;  column-gap: 80px; column-rule: 1px solid #e4e8e7; padding: 10px;	}
/*.cms-main-contact {width: 100%;max-width: 960px; padding: 35px;  margin:30px auto 150px auto; background: #fff; font-weight: 500;  }
*/.cms-main-contact input,.cms-main-contact textarea { width: 100%; padding:2px 5px; background-color:transparent; border:solid 1px rgba(254,157,1,0.35);  border-radius:0px;   }
.cms-main-contact select{ width: 100%;padding:6px 5px;  background-color:transparent; border:solid 1px rgba(254,157,1,0.35); border-radius:0px; }
.cms-main-contact button{ width: 100%;padding:6px 5px;border-radius:0px!important;    }
.g-recaptcha{margin-left: 10px;}
[class^="col-"] { margin:3px auto; }

.cms-main-breads{border-bottom: none;}
 
 
.b-box { box-sizing: border-box;}
.cms-main-contact{display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.cms-banner-area { width: 50%;clear: both; position: relative; background:#0e0e0e;display: flex;   align-items: flex-end; align-content: flex-end;}
.cms-contact-detail {width: 100%;max-width: 460px; margin: 0 auto; top: 35%;left: 50%;position: absolute;color: #fff;text-align: center; line-height: 1.8;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.cms-contact-title {margin-bottom: 25px; padding-bottom: 25px; position: relative;display: block;font-size: 60px; font-weight: 700; line-height: 1; color: #fff;}  
.cms-contact-title:before { content: "";position: absolute;bottom: 0;left: 0; display: block;width: 85px; height: 1px; background-color: #fff;} 

.cms-info{ padding-top: 50px; list-style: none;}   
#cms-main .cms-info li{text-align: left; color: #fff;} 
#cms-main .cms-info li a{ color: #fff;} 
#cms-main .cms-banner-area p{ color: #fff;} 

.cms-contact-wrap { width: 50%;height: auto;  position: relative; display: flex;  flex-wrap: wrap; justify-content: center; font-size: 0.9375rem;   background: url("../images/index/bg-contact-1.jpg") center top  repeat; background-size:50% auto; font-family: "微軟正黑體", Heiti TC,'Poppins', sans-serif!important;} 
.cms-contact-wrap form{ height: auto; }
#cms-main .cms-contact-wrap .btn{ padding:10px 20px;}
.cms-contact-wrap .btn-danger{background:#ff9d00; }
.cms-contact-wrap .btn-danger:hover{border:solid 1px #ff9d00; }
   

 @media screen and (max-width: 768.98px) {
.cms-banner-area { width: 100%; }
.cms-contact-wrap{ width: 100%; padding: 10px 15px;}  
.cms-contact-detail { top:50%;   left: 50%; padding: 10px 15px;}
 .cms-contact-title {  margin-bottom: 25px; padding-bottom: 25px; font-size: 36px; }  
  .cms-info{ padding-top: 20px; padding-left: 15px;}   
  
}