.text-content {  background-image: linear-gradient(to top, #868f96 0%, #596164 100%);  }
.series-name{ color: #fff; }
.series-name:before { background-color: #fff;  }
.cms-main-banner-txt h1 { color: #fff;}
.cms-main-banner-txt p {color: #fff;} 
#cms-main .cms-main-about p ,#cms-main .cms-about p{font-size:1.125rem; line-height:2rem; font-weight:400; margin-bottom: 30px; word-break: normal; color: #323232!important;}
@media (max-width:768px) {
#cms-main p {font-size:1rem; margin-bottom: 10px; }
}
/*.cms-section:before { content: ""; display: block; position: absolute; width: 1px; height: 100%; left: 42%; top: 0; border-left: 1px solid #e7e7e7  }*/
.cms-main-wrap { width: 100%; max-width: 1200px; margin: auto; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-end;  align-content: flex-start; align-items: flex-start;}
@media (max-width:1200px) {
.cms-main-wrap { padding:0px 20px; }
}
@media (max-width:767.98px) {
.cms-main-wrap { padding:0px; }
}
 /*-------------------*/
/***** 關於我們純文字區塊 *****/
/*------------------*/
.cms-main-about{position: relative; z-index: 0; padding:0px; margin: 0; /*background: #f7fbf5; */  }
.cms-main-about-box{  width: 100%;  margin: auto;  display: flex; flex-wrap: wrap; justify-content: space-between;  }
.cms-main-about-txt{width:calc(60% - 100px); margin:0 ; padding:30px 100px 30px 0px; line-height:2.5rem;  color:#000; word-break: keep-all;}
.cms-main-about-txt p{margin:10px 0px 30px 0px;font-size: 1rem; line-height:1.85rem;  font-weight: 500; }
.cms-main-about-pic{width:40%; margin:0; padding:0px; display: flex; flex-wrap: wrap;  align-items: flex-start; text-align: right;position: relative; z-index:9;  }
.cms-about-pic{width:100%; position: relative; display: flex; justify-content: center; align-items:center; align-self: center; margin: 0; z-index: 3; }
.cms-about-pic figure{margin:0px; display: flex;flex-wrap: wrap; justify-content: center; }
.cms-about-pic img{ width: 100%; max-width: 100%;  }
@media (max-width:1024px) {
.cms-main-about-txt{width:calc(60% - 100px); margin:0 ; padding:0px 100px 30px 0px; }
.cms-main-about-pic{padding-top: 50px; align-content: flex-start; align-items: flex-start; text-align: right;position: relative; z-index:9;  }
}
@media (max-width:992px) {
.cms-main-about-txt{width:100%; margin:0 ; padding:0px 100px 30px 0px; order: 1;}
.cms-main-about-pic{width:80%;  padding:0px; order: 2;  }
}
@media (max-width:767.98px) {
.cms-main-about-txt{width:100%; margin:0 ; padding:0px 20px 30px 20px; order: 1;}
.cms-main-about-pic{width:80%;  padding:0px; order: 2;  }
}
.num-box {  display: flex; flex-wrap: wrap; margin: auto 0px; padding: 0px;}
@media (min-width: 820px) {
.num-box { display: flex; justify-content: space-between; align-items: stretch; padding-top: 40px }
}
 @media (min-width: 1300px) {
 }
.num-box li{position: relative;}
@media (min-width: 1300px) {
.num-box li:before { content: ""; display: block;  position: absolute;  width: 1px;  height: 60%; top: 20%; left: -10px;  border-left: 1px solid #e7e7e7;   }
.num-box li:nth-of-type(1):before {display:none; } 
}
.num-box li { border-bottom: 1px solid #e7e7e7; display: block; padding-top: 20px; padding-bottom: 20px}
@media (min-width: 769px) and (max-width: 1299px) {
.num-box li { width: calc(50% - 40px); margin:0px 20px; }
.num-box li:nth-of-type(1),.num-box li:nth-of-type(2) { border-top: 1px solid #e7e7e7  }
}

@media (max-width: 768px) {
.num-box li { width: calc(100%/3 - 40px); margin:0px 20px; }
.num-box li:nth-of-type(1),.num-box li:nth-of-type(2) { border-top: none;  }
.num-box li:before { content: ""; display: block;  position: absolute;  width: 1px;  height: 60%; top: 20%; left: -30px;  border-left: 1px solid #e7e7e7;   }
}

@media (max-width: 767.98px) {
.num-box li {width: 100%;padding: 0px 0px; }
}
 @media (min-width: 1300px) {
.num-box li { border-bottom: none; padding: 0px 10px; }
}

.num-box strong { font-size: 2.75rem; display: inline-block;  line-height: 1em; letter-spacing: 1px}
@media (min-width: 1780px) {
.num-box strong { font-size: 3.125rem; letter-spacing: 2px  }
}
.num-box strong{color:#3c7622;}
.num-box span { font-size: 1.125rem; display: inline-block; line-height: 1.125rem; vertical-align: top;  margin-top: 5px}
.num-box p {  margin-bottom: 0; padding-bottom: 0}
.num-box h4 { font-size:1.063rem; font-weight: 400; word-break: normal; word-wrap: normal; margin-bottom: 3px; color:#333; }

/*-------------------*/
/***** 關於我們純文字區塊 *****/
/*-------------------*/
.cms-about{position: relative; z-index: 0; padding:0px; margin: 0; background: url("../images/about/bg-about.jpg") no-repeat right bottom #f5f5f5; background-size:50% auto;  }
.cms-about-box{  width: 100%;  margin: auto; padding:70px 100px 70px 0px;  display: flex; flex-wrap: wrap; justify-content: space-between; }
.cms-about-txt{width:calc(60% - 100px); margin:0 ; padding:70px 20px; line-height:2.5rem;  color:#000; word-break: keep-all;}
.cms-section { width: 100%; padding:30px 0px;position: relative; display: flex; flex-wrap: wrap; margin:0 auto;  background-color: #fff;}

.cms-box-left { padding-top: 40px; width: calc(35% - 50px); position: relative;}
.cms-box-left .cms-title:before { content: ""; display: block; width: 50%; height: 2px; bottom:0px; position: absolute;  background: #3c7622; margin-bottom: 18px;}
.cms-box-left .cms-title h2{margin:0; padding: 20px 0px 20px 0px; width: 100%;  font-size:2.5rem;text-align: left; font-weight: 700;  color:#3c7622;  position: relative; z-index: 1;} 

.cms-box-right { padding:40px; position: relative; width: calc(65% + 50px);border-left: 1px solid #e7e7e7}

@media (max-width:1180px) {
.cms-about{ background-size:70% auto;  }
.cms-about-txt{width:calc(100% - 100px); margin:0 ; padding:30px 20px;  }
   
}
@media (max-width:820px) {
.cms-box-left { padding-top: 40px; width: 100%;  } 
.cms-box-right { padding-top:0px;  width: 100%;  }
}
@media (max-width:767.98px) {
.cms-about-box{  width: 100%;  margin: auto; padding:70px 10px 70px 0px;  display: flex; flex-wrap: wrap; justify-content: space-between; }
.cms-about-txt{width: 100%;  margin:0 ; padding:30px 20px;  }
.cms-box-left { padding:0px 20px 20px 20px;    } 
.cms-box-right { padding:20px;  width: 100%;  }
.cms-about{ background-size:100% auto;  }
}  
.cms-app-text { width: 100%; border-top: 1px solid #D6D8DC; border-bottom: 1px solid #D6D8DC;  padding: 20px 0 15px 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.cms-app-text li{list-style: none; font-size:1.125rem;font-weight: 600; line-height: 30px; width: auto; color:#319d3d; padding: 0 10px 8px 30px; position: relative;}
.cms-app-text li:before {  content: " "; margin-right: 5px;  width: 18px; height: 18px; position: absolute; left: 0; background: url("../images/index/check.svg") no-repeat left 4px; background-size: 18px;}
.cms-box-wrap{  padding:0px 0px 0px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.cms-box-wrap h3{ margin: 40px 0px 20px 0px;font-size: 2.25rem; font-weight: 700; }
.cms-box-wrap p{color: #000; position: relative; z-index: 2;}
@media (max-width:767.98px) {
.cms-box-wrap h3{ margin: 0px 0px 20px 0px; }

}

.cms-main-facility { width: 100%; padding:50px 0px;position: relative; display: flex; flex-wrap: wrap; margin:0 auto; background: url("../images/about/bg-about-2.jpg")  no-repeat left bottom #00070f; background-size: 60% auto;    }
.cms-main-facility-item { width:60%; display: flex; flex-wrap: wrap;  padding:30px 60px; position: relative;   }
.cms-main-txt{width: 100%;  margin:1% 0; position: relative;z-index: 3; }
#cms-main .cms-main-facility p{ width: 100%; padding: 5px; margin: 20px 0px; color: #fff;  }
#cms-main .cms-main-facility h3{ width: auto;  margin:0px; font-weight: 700; /* font-size: 13rem; color:#e5e5e5; font-weight: 700; text-shadow: 0px 0px rgba(255,255,255,1); position: absolute; left:0px; top:-200px; opacity: .5;z-index:1; */ }
@media (min-width: 1900px) {
.cms-main-facility {padding:100px 0px;}
}
@media (max-width: 820px) {
.cms-main-facility-item { width:100%; padding:30px;   }  
 
}
@media (max-width: 767.98px) {
.cms-main-facility {  padding:20px 0px 160px 0px;  background-size: 200% auto;  }  
.cms-main-facility .cms-title h2 {font-size: 2rem;}
}
 
 /*----------------------------------------/
 aside cssmenu樣式
---------------------------------------- */
.cssmenu {width: auto; padding: 0px; text-align:center;background: rgba(0,0,0,.5); border-radius: 0px!important;}
.cssmenu > ul{font-size:0;text-align:center; width: 100%; padding: 0px;  }
.cssmenu > ul > li{display:inline-block;float:none; margin: 0; padding:10px 20px; border-radius: 0px; border:none;}
.cssmenu { width: 100%; margin-top: -64px; margin-bottom: 0px}
.cssmenu > ul > li{ width: 33.33333%}
.cssmenu > ul > li:hover,.cssmenu > ul > li:hover > a,.cssmenu > ul > li.active{ border-color:#309C3D;background:#309C3D;  border-radius:0px;}  

  @media (max-width:768px) {
  .cssmenu > ul > li{width: 100%;  padding:5px 20px; }
    
}