.cms-main-content{overflow: hidden; background-color: transparent;}
.cms-about h4 { font-size: 1.75rem; display: block;margin:6% auto; font-weight: 700;  }
#cms-main p{font-size:1.063rem; color: #333; }
#cms-main .cms-about p { font-weight:400; line-height:1.875rem; width: 100%; display: block; margin-bottom: 2%;}
.cms-about figure img{ width: 100%; max-width: 100%;}
/*about us----*/
.cms-main-wrap{ width: 100%; padding-right: 10px; padding-left: 10px; max-width: calc((100% - 40px)/12*12 + 40px); margin: auto; height: auto;  display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; background-color: transparent;}
 @media (min-width:1200px) {
.cms-main-wrap{  padding-right:20px; padding-left: 20px;max-width: 1280px; }
}
@media (min-width:1400px) {
.cms-main-wrap { padding-right: 40px; padding-left: 40px; max-width: 1440px; }
}
 




.cms-main-facility { width: 100%; padding:0px;position: relative; display: flex; flex-wrap: wrap; margin: 5% auto 0 auto;background-color: transparent;}
.cms-main-facility-item { width:55%; display: flex; flex-wrap: wrap;  padding:30px 0px; position: relative;   }
.cms-main-facility-item .cms-title-v{width: 10%;}
#cms-main .cms-main-facility .cms-title-v p{padding:0px; margin: 0px;}
.cms-main-txt{width: 80%;  margin:0 5% 0 5%; padding: 5px 20px;   position: relative;z-index: 3; }
#cms-main .cms-main-facility p{ width: 100%; padding: 5px 0px; margin: 10px 0px;  font-weight: 400; line-height:2rem;;  }
#cms-main .cms-main-facility h3{ width: auto;  margin:0px;  font-size: 2rem; color: #be892f;  font-weight: 500; text-shadow: 0px 0px rgba(255,255,255,1);}
.cms-main-facility-item  .cms-title-3{ position: relative; z-index: 3;}
.cms-main-facility-item  .cms-title-3::after{ content: ""; position: absolute; left: 0;  bottom: 0; width: 40px; height: 3px;background-color:#505761;}
.cms-main-card{ width:45%;  margin:0px; padding:30px 0px 0px 30px;  display: flex; flex-wrap: wrap;position: relative; }
.cms-main-card figure img {  width: 100%; max-width: 100%; transition: all 0.3s; }
.cms-item-1{ width: 100%; position: relative; z-index: 1;}
.cms-item-2{width: 50%; position: absolute; z-index:99; top: 70%; right:15%;  }
.cms-item-2 figure img {opacity: .5; }
@media (max-width:1024px) {
.cms-main-facility { padding:0px 30px;}
.cms-main-card figure:after{ width:60px; height:60px;bottom:80px; left:80%; right: auto; position:absolute;z-index:0; background: #e0e0e0; }
}
@media (max-width: 768px) {
.cms-main-facility-item { width: 100%; }
.cms-main-facility-item .cms-title-v{width: 100%;writing-mode: horizontal-tb;}
.cms-main-card { width:100%; padding:0px 20px;}
.cms-main-card figure{ max-width: 100%;}   
.cms-main-txt{ width: 100%; padding: 0px;margin: auto; }  
.cms-item-2{width: 30%;  top: 70%; right:0;  }
} 

@media (max-width: 767.98px) {
.cms-main-facility { padding:0px;}
.cms-main-facility-item {padding: 30px 20px;}
}

/*-------------------*/
/***** bg *****/
/*------------------*/
.cms-about-box .cms-about-box-style{  background: #fff;  box-shadow: 0 55px 30px -30px rgba(125, 125, 125, 0.7);}
.cms-box-wrap{ margin-top: 100px; padding:0px 30px; display: flex; flex-wrap: wrap; justify-content: center;position: relative; background-color: transparent; z-index: 0;}
.cms-box-wrap-bottom{ margin-top: 30px;}
.cms-box-wrap h3{ margin:0px 0px 20px 0px; font-size: 1.875rem; position: relative; z-index: 2;}
.cms-box-wrap p{ margin: 0px 5px!important; font-size: 1.125rem; line-height: 2rem;  position: relative; z-index: 2;}
.cms-box-left{ width: 45%; margin-top: 5%; margin-left: 10%; position: relative; z-index: 1}
.cms-box-right{width: 40%;   margin: 0px 0px 0px -10%; padding: 80px 60px 80px 0px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content:flex-start;z-index: 0; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;  }
.tea-pot{width:30%; height: 200px; position: absolute; left: -18%; top: 0%;background: url("../images/index/tea-cup.png") no-repeat right top; background-size: 40% auto; }
@media (max-width:1024px) {
.cms-box-wrap{ margin-top: 0px; padding:0px 30px; }
.cms-box-left{ width: 55%; margin-top:8%; }
.cms-box-right{width: 55%;  padding: 30px 20px 10px 0px}
.tea-pot{width:35%; height: 300px; position: absolute; left: -15%; top:10px;  background-size: 50% auto; }
}

@media (max-width:768px) {
.cms-box-wrap{ margin-top: 60px; padding:0px 30px; }
.cms-box-left{ width: 60%;  }
.cms-box-right{width: 50%; padding: 80px 0px 80px 0px}
.tea-pot{width:30%; height: 300px; position: absolute; right:15%; top:45%;  background-size: 50% auto; }
}
@media (max-width:767.98px) {
 .cms-box-wrap h3{  font-size: 1.5rem; }   
.cms-box-left{ width: 100%;margin-top: 0px; order: 2; }
.cms-box-right{width: 100%; padding: 30px 0px; margin: auto; order: 1;}
.tea-pot{ width: 20%; min-width: 80px; height: 200px; position: absolute; left: -10%; top:10px;  background-size: 50% auto; }
}
.cms-box-wrap-2{ margin: 0px auto; padding:0px 30px; display: flex; flex-wrap: wrap; justify-content: center;position: relative; background-color: transparent; z-index: 0;}
.cms-box-righ-2{width: 55%; margin: 0px 0px 0px -5%; padding: 80px 60px 80px 0px; display: flex; flex-wrap: wrap; justify-content:flex-start;z-index: 0; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;  }
.cms-box-left-2{ width: 45%; margin-top: 5%; position: relative; z-index: 1}
.cms-box-right .cms-title-v{margin-left: 10%;}
@media (max-width:920px) {
 .cms-box-wrap-2{ width: 100%; padding:0px; }   
.cms-box-righ-2{width:100%; margin: 0px; padding: 80px 0px;  }
.cms-box-left-2{ width:60%; left:-2%;bottom: -50px;   position: absolute; z-index: 1}

}
.bg-right{ background: url("../images/about/bg-paper.jpg") repeat left bottom; position: relative; }
/*.bg-right:before{ display: block; content:"";position: absolute;z-index: 0;  left:0px; top:0px; width: 100%; height: 240px; background: url("../images/index/mask.png") repeat-x left top ; }
*/
.bg-about{ width: 100%; height: 100vh;display: block;position: absolute; z-index: 9; left:0px; top:0; background: url("../images/index/nu-w-6.svg") no-repeat left 25%;background-size:20% auto ;  background-attachment: fixed; animation: bounceInLeft 4s ;  }
.graphy1{width: 20%; height: 100vh; position: absolute; z-index: -9; right: 14%; top:16%; bottom: auto; opacity: .5; animation: bounceInUp 4s ;}
.graphy2{width: 100%; height: 100vh; position: absolute; z-index: -9; right: 0px; top:0px; bottom: auto; opacity: .5; background: url("../images/index/nu-w-8.svg") no-repeat left 70% fixed; background-size:15%; animation: bounceInUp 4s ;}
.graphy3{width: 30%; height: 100vh; position: absolute; z-index: -9; left: 70px; right: auto; top:0px; bottom: auto; opacity: 1; animation: bounceInUp 6s ;}
.bg-about-time {  background:url("../images/about/about-02.jpg") no-repeat left bottom; background-size:80% auto;  position: relative;z-index: 0;}
 .abs-graphy { position: absolute;  width: 60%;}

/*-------------------*/
/***** service *****/
/*------------------*/
.cms-service-box { width:70%;  margin:20px auto;   padding:0px 20px; display: flex; flex-wrap: wrap; align-items: center;position: relative;  z-index: 1;}
.cms-service-box .item{ width: 50%; max-width: 100%; margin:0px; padding: 30px 0px 40px 0px; height: auto }
.cms-service-box .item-2{ width: 50%; max-width: 100%; margin:0px; padding: 80px 0px 0px 0px;  display: flex; flex-wrap: wrap; align-items: center;}
.cms-service-box .item-2 img{ height: auto; margin: 0px; padding:10px; }
.cms-service-box .item img{ margin: 0px;  padding:10px; }
.cms-service-box p{ font-size: 1.063rem; color: #333;}

@media (max-width:768px) {
.cms-service-box { width:100%; padding: 0px;}   
.graphy1{width: 20%; height: 100vh; position: absolute; z-index: 9; right: 14%; top:16%; bottom: auto; opacity: .5; animation: bounceInUp 4s ;}
.graphy3{width: 70%;left: 70px; }
.bg-about-time {  background-position: -30% bottom; background-size:100% auto;  position: relative;z-index: 0;}

}



/*-------------------*/
/***** about-team*****/
/*------------------*/
.about-team{ padding: 40px 20px; display: flex; flex-wrap: wrap; justify-content: center;position: relative;z-index: 0;  }
.about-team .cms-title-v{height:80%;}
.about-team-column:nth-child(odd) {  width: calc(15% - 11.66667px); max-width: calc(15% - 11.66667px); -webkit-box-flex: 0; -ms-flex: 0 0  calc(15% - 11.66667px); flex: 0 0  calc(15% - 11.66667px);}
.about-team-column:nth-child(2n) {  width: calc(85% - 8.33333px); max-width: calc(85% - 8.33333px);  -webkit-box-flex: 0; -ms-flex: 0 0 calc(85% - 8.33333px);  flex: 0 0 calc(85% - 8.33333px); margin-left: 20px;}
.about-team-main { position: relative; margin-top: 17px; display: flex; flex-wrap: wrap;}
.about-team-main-row {  width: calc(50% - 8.33333px);   position: relative; margin-bottom: 33px; padding-left: 30px;}
.about-team-main-row-full {  width: calc(85% - 8.33333px);   position: relative; margin-bottom: 33px; padding-left: 30px;}
.about-team-main-name { font-size:1.313rem; font-weight:700; font-family: 'Noto Serif TC', serif; line-height: 1.5; letter-spacing: normal; position: relative; }
.about-team-main-name:before {  width: 12px;  height: 12px;  content: "";  position: absolute; left:-20px; top:8px; background:url("../images/icon/square.svg") no-repeat left top; background-size: 12px;   }
.about-team-main-name+.about-team-main-summary { margin-top: 11px;}
.about-team-main-summary { font-size:1.063rem;  line-height: 1.5; letter-spacing: 1px; color: #666;}

.about-team-main-row-new {width: 100%; max-width: 1045px;}
.about-team-main-row-new-menu {display: flex; flex-flow: wrap; align-items: flex-start; justify-content: flex-start; padding: 0 0 30px 0; /*position: sticky; top: 50px; z-index: 100;*/}
.about-team-main-row-new-menu > div {display: flex; flex-flow: column; justify-content: center; align-items: center; position: relative; z-index: 1; width: 13.398%; margin: 0 1.035666% 10px 0;}
.about-team-main-row-new-menu > div:nth-child(7n+7), .about-team-main-row-new-menu > div:last-child {margin: 0 0 10px 0;}
.about-team-main-row-new-menu > div > .img {width: 71px; height: 71px; line-height: 0; font-size: 0; margin: auto;}
.about-team-main-row-new-menu > div > .con {width: 12px;  height: 12px; background:url("../images/icon/square.svg") no-repeat left top; background-size: 12px; display: block; margin: auto;}
.about-team-main-row-new-menu > div > .tit {font-size:1.125rem; font-weight:700; font-family: 'Noto Serif TC', serif; line-height: 1.3; letter-spacing: normal; text-align: center; padding: 0; margin: 0;}
.about-team-main-row-new-menu > div > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; line-height: 0; font-size: 0;}
.about-team-main-row-new-title {font-size:1.125rem; font-weight:700; font-family: 'Noto Serif TC', serif; line-height: 1.3; letter-spacing: normal; display: flex; flex-flow: column; justify-content: center; align-items: center; padding: 0; margin: 0 0 30px 0; position: relative; z-index: 1;}
.about-team-main-row-new-title > a {position: absolute; bottom: 5px; right: 0; z-index: 100; /*font-size: 76.161%;*/ opacity: 0.3; font-size: 0; line-height: 0; display: flex; flex-flow: column;}
.about-team-main-row-new-title > a:hover {color: #a01f35!important; opacity: 1;}
.about-team-main-row-new-title > a::before {content: ''; border-top: 2px solid #000; border-left: 2px solid #000; width: 24px; height: 24px; position: absolute; top: -7px; right: 0; transform: rotate(45deg);}
.about-team-main-row-new-title > a::after {content: ''; border-top: 3px dotted #000; border-bottom: 3px dotted #000; width: 24px; height: 0px; display: block;}
.about-team-main-row-new-title::before {content: ''; width: 2px; height: 80px; background: #000; display: block;}
.about-team-main-row-new-list {display: flex; flex-flow: wrap; justify-content: flex-start; padding: 0 0 21px 0;}
.about-team-main-row-new-list + .about-team-main-row-new-title {margin: 20px 0 30px 0;}
.about-team-main-row-new-list > div {width: 32.058%; margin: 0 1.913% 19px 0; padding: 15px 10px 30px 10px; background-image: linear-gradient(133deg, #f7f6f2 0%, #f4f4f4 100%);}
.about-team-main-row-new-list > div:nth-child(3n+3), .about-team-main-row-new-list > div:last-child {margin: 0 0 19px 0;}
.about-team-main-row-new-list > div > .img {padding-bottom: 69.842%; height: 0; position: relative; z-index: 1; line-height: 0; font-size: 0;}
.about-team-main-row-new-list > div > .tit {font-size:1.063rem; color: #666666; font-weight:400; font-family: 'Noto Serif TC', serif; line-height: 1.529; letter-spacing: normal; text-align: center; padding: 0; margin: 0 0 7px 0;}
.about-team-main-row-new-list > div > p {font-size: 0.938rem!important; color: #a01f35!important; font-weight: 400; font-family: 'Noto Serif TC', serif; line-height: 1.533; letter-spacing: normal; text-align: center; padding: 0; margin: 0;}
.about-team-main-row-new-note {background: #f4f4f4; padding: 24px 20px 15px 20px; margin: 0 0 60px 0; position: relative; z-index: 1;}
.about-team-main-row-new-note::before {content: ''; height: 0; width: 0; border-color: transparent transparent #f4f4f4 transparent; border-style: solid solid solid solid; border-width: 16px 15px; position: absolute; top: -32px; right: calc(50% - 15px);}
.about-team-main-row-new-note > .tit {font-size:1.125rem; color: #333333; font-weight:700; font-family: 'Noto Serif TC', serif; line-height: 1.523; letter-spacing: normal; text-align: center; padding: 0; margin: 0 0 17px 0;}
.about-team-main-row-new-note > .con {width: 100%; max-width: 549px; margin: auto; font-family: 'Noto Serif TC', serif; font-size: 0.875rem; color: #666666; line-height: 1.714;}
.about-team-main-row-new-note > .con p, .about-team-main-row-new-note > .con li {font-family: 'Noto Serif TC', serif; font-size: 0.875rem; color: #666666; line-height: 1.714;}
.about-team-main-row-new-note > .con ul, .about-team-main-row-new-note > .con ol {padding-left: 17px;}
.about-team-main-row-new-note > .con > .ite {display: flex; flex-flow: wrap; align-items: flex-start; justify-content: flex-start;}
.about-team-main-row-new-note > .con > .ite > div {width: 21.86%; margin: 0 4.186666% 23px 0;}
.about-team-main-row-new-note > .con > .ite > div:nth-child(4n+4), .about-team-main-row-new-note > .con > .ite > div:last-child {margin: 0 0 23px 0;}
.about-team-main-row-new-note > .con > .ite > div > .img {width: 100%; max-width: 60px; line-height: 0; font-size: 0; margin: 0 auto 5px auto;}
.about-team-main-row-new-note > .con > .ite > div > .tit {font-size:1.063rem; color: #666666; font-weight:400; font-family: 'Noto Serif TC', serif; line-height: 1.529; letter-spacing: normal; text-align: center; padding: 0; margin: 0 0 3px 0;}
.about-team-main-row-new-note > .con > .ite > div > p {font-size: 0.938rem!important; color: #a01f35!important; font-weight: 400; font-family: 'Noto Serif TC', serif; line-height: 1.533; letter-spacing: normal; text-align: center; padding: 0; margin: 0;}
.about-team-main-row-new-note > .con > .tit {font-size:1.313rem; color: #333333; font-weight:700; font-family: 'Noto Serif TC', serif; line-height: 1.5; letter-spacing: normal; text-align: center; padding: 0; margin: 0 0 7px 0;}

.imgCenter, .imgCenter a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 10;}
.imgCenter img {width: auto!important; height: auto!important; max-width: 100%!important; max-height: 100%!important;}

@media (max-width:992px) {
    .about-team-main-row-new-menu > div > .img {width: 55px; height: 55px;}
    .about-team-main-row-new-menu > div > .tit {font-size: 1.125rem;}
}
@media (max-width:920px) {
 .about-team .cms-title-v,.cms-title-v{height:auto;}
.about-team-column:nth-child(odd) {  width: calc(20% - 11.66667px); max-width: calc(20% - 11.66667px);-webkit-box-flex: 0; -ms-flex: 0 0 calc(20% - 11.66667px); flex: 0 0  calc(20% - 11.66667px);}
.about-team-column:nth-child(2n) {  width: calc(80% - 8.33333px); max-width: calc(80% - 8.33333px);  -webkit-box-flex: 0; -ms-flex: 0 0 calc(80% - 8.33333px);  flex: 0 0 calc(80% - 8.33333px); margin-left: 20px;}   
.about-team-main-row {  width: calc(100% - 8.33333px);}
}
@media (max-width:767.98px) {
    
 .about-team .cms-title-v, .cms-title-v{flex-direction: column;   writing-mode: horizontal-tb;}
 .cms-title-v p{padding:10px; line-height: 1.15rem; }
  .about-team-column:nth-child(odd) {width: 100%; max-width:100%; flex: 0 0 100%;}
.about-team-column:nth-child(2n) { width: 100%; max-width:100%; flex: 0 0 100%;margin-left: 0px;}   
  .about-team-main-row-full {  width: 100%;  }

}
@media (max-width:576px) {
    .about-team-main-row-new-menu > div > .img {width: 40px; height: 40px;}
    .about-team-main-row-new-menu > div > .tit {font-size: 0.813rem;}
    .about-team-main-row-new-list > div, .about-team-main-row-new-list > div:nth-child(3n+3) {width: 49%; margin: 0 2% 19px 0; padding: 15px 10px 20px 10px;}
    .about-team-main-row-new-list > div:nth-child(2n+2), .about-team-main-row-new-list > div:last-child {margin: 0 0 19px 0; padding: 15px 10px 20px 10px;}
}
@media (max-width:430px) {
    .about-team-main-row-new-menu {justify-content: center;}
    .about-team-main-row-new-menu > div > .img {width: 50px; height: 50px;}
    .about-team-main-row-new-menu > div > .tit {font-size: 1rem;}
    .about-team-main-row-new-title {font-size: 1.188rem; margin: 0 0 20px 0;}
    .about-team-main-row-new-list > div > .img {padding-bottom: 74%;}
    .about-team-main-row-new-list > div > .img img {transform: scale(0.75, 0.75);}
    .about-team-main-row-new-list > div > .tit {font-size: 0.938rem;}
    .about-team-main-row-new-list > div > p {font-size: 0.875rem!important;}
    .about-team-main-row-new-menu > div, .about-team-main-row-new-menu > div:nth-child(7n+7) {width: 21%; margin: 0 5.33% 20px 0;}
    .about-team-main-row-new-menu > div:nth-child(4n+4), .about-team-main-row-new-menu > div:last-child {margin: 0 0 20px 0;}
    .about-team-main-row-new-note {padding: 24px 10px 15px 10px;}
    .about-team-main-row-new-note > .con > .ite > div, .about-team-main-row-new-note > .con > .ite > div:nth-child(4n+4) {width: 49%; margin: 0 2% 20px 0;}
    .about-team-main-row-new-note > .con > .ite > div:nth-child(2n+2), .about-team-main-row-new-note > .con > .ite > div:last-child {margin: 0 0 20px 0;}
}
@media (max-width:350px) {
    .about-team-main-row-new-menu > div > .img {width: 40px; height: 40px;}
    .about-team-main-row-new-menu > div > .tit {font-size: 0.813rem;}
    .about-team-main-row-new-list > div, .about-team-main-row-new-list > div:nth-child(3n+3), .about-team-main-row-new-list > div:nth-child(2n+2), .about-team-main-row-new-list > div:last-child {width: 100%; max-width: 335px; margin: 0 auto 19px auto;}
    .about-team-main-row-new-list > div > .img {padding-bottom: 56%;}
    .about-team-main-row-new-list > div > .tit {font-size: 1.063rem;}
    .about-team-main-row-new-list > div > p {font-size: 0.938rem !important;}
}
 
.about-item{padding: 80px 20px;   }
@media (max-width:920px) {
.about-item{   padding: 80px 0px;   }
}
.about-item-summary { width: 100%;display: flex; flex-wrap: wrap; margin: 0px;padding: 0px; }
.about-item-summary li{ width: auto; padding:0px; margin: 5px 2px; list-style: none; font-size:1.063rem; font-weight: 400; line-height: 1.75;  color: #666;}
.about-item-summary li:after{ content: " / " ; display: inline-block; margin-left: 5px;}

.about-item-column{ width: 80%; margin: auto; padding: 20vh 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-self: center;}

/**banner=================================*/
.cms-item-banner { width: 100%; max-width:100%; height: auto; margin:0px auto; padding:0px; position: relative; z-index: 2;  }
.cms-item-banner .imgSliderBox {  width: 100%;  display: flex; flex-wrap: wrap;justify-content: center; }
.cms-item-banner img{ display: block; width: 100%; max-width: 100%;  height: auto; position: relative;  -webkit-animation: zoom 6s ease-in-out; -moz-animation: zoom 6s ease-in-out; -o-animation: zoom 6s ease-in-out; -ms-animation: zoom 6s ease-in-out; animation: zoom 6s ease-in-out;animation-iteration-count:infinite;   -webkit-animation-duration: 6s; animation-duration: 6s;  animation-direction:alternate;}
  
.cms-item-banner .cms-sloga {   position: absolute;  width: 100%;  display: flex; flex-wrap: wrap; justify-content:center; align-self: flex-start;  z-index: 9; }   
 
.item-v{ width:auto; padding: 20px 30px;  }
.item-v-name{  width: auto; height: 100%; margin:0px 5px 0px 20px; font-size:1.675rem; line-height:3rem; letter-spacing: 1px; font-weight:700;  word-wrap:break-word;word-break:keep-all;font-family: 'Noto Serif TC', serif;}
.item-summary{  width: auto; height: 100%; margin:0px 5px; padding: 0px; list-style: none; }
.item-summary li{ font-size: 1.063rem; margin:0px 3px; letter-spacing: 1px; }
@media (max-width:1200px) {
    .cms-box-righ-2 .item-v .item-v-name {font-size: 1.475rem; line-height: 2rem;}
    .cms-box-righ-2 .item-v .item-summary li {font-size: 1rem; line-height: 1.5; letter-spacing: 0; margin: 0;}
}
@media (max-width:767.98px) {
 .cms-box-wrap-2 .cms-box-left-2 {position: relative; left: auto; bottom: auto; overflow: hidden; width: 100%; padding-bottom: 50%;}
 .cms-box-wrap-2 .cms-box-left-2 img {position: absolute; top: 0%; left: 50%; display: block; width: 100%; height: 100%; object-fit:cover; transform:translate(-50%,-50%);}
 .cms-box-wrap-2 .cms-box-righ-2 {padding: 40px 0px;}
 .cms-box-wrap-2 .cms-box-righ-2, .cms-box-wrap-2 .cms-box-righ-2 .item-v {writing-mode: horizontal-tb;}
 .cms-box-wrap-2 .cms-box-righ-2 .item-v {width: 100%; padding: 0;}
 .cms-box-wrap-2 .cms-box-righ-2 .item-v .item-summary {height: auto; margin: 0 20px;}
 .cms-box-righ-2 .item-v .item-v-name {height: auto; margin: 0 20px;}
 .item-v{ width:auto; padding: 20px 0px 0px 0px;  }
   
}
/*----------------------------------------/
timeline
----------------------------------------*/
.cms-about-time {padding:10vh 0; background-image: url("../images/index/nu-w-7.svg"),url("../images/about/about-02.jpg"); background-repeat: no-repeat;  background-position:15% 0px,right bottom; background-size:25% auto,70% auto;  position: relative;z-index: 0;}
.timeline { position: relative; max-width: 1160px;  margin: 0 auto;  z-index:1;}
.timeline::after {  content: '';  position: absolute; width: 1px; background-color: #000; top: 0; bottom: 0;  left: 50%;  margin-left: -3px; z-index:1;}
.timewrap { padding: 10px 40px; position: relative; background-color: inherit; width: 50%;z-index:9;}
.timewrap::after { color: #000; margin:0px;  content: attr(data-year)' '; position: absolute; font-weight:700;  width: 66px; height: 66px; right: -33px; background-color:#fff;  border-color: #000; border-style: solid;  border-width:1px; top: 15px; border-radius: 50%; z-index:9; line-height: 65px; text-align: center;}
.circlecontainer { color: #b69472; content: " "; position: absolute; width: 66px; height: 66px; right: -33px; background-color: #774e36; border-color: #b69472; border-style: solid;  border-width:1px; top: 15px;  border-radius: 50%;  z-index:99;}
.left { left: 0; text-align:left!important;}
.right { left: 50%; text-align:left; }
.right::after { left: -36px;}
.time-content { color:#774e36; padding: 20px; position: relative; border-radius: 6px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; flex-direction: column; }
#cms-main .time-content h3{ width: 100%; margin: 5px 0px!important; font-family: 'Noto Serif TC', serif; font-weight: 700;color: #000; }
#cms-main .time-content p{ width: 100%; margin: 5px 0px!important;}
.time-content figure{ margin: 0 auto 20px auto; }
.contentboxr { color:#b69472; padding: 20px 30px; background-color: #181818; position: relative; border-style: solid;  border-left: 1px; border-left-color:#181818; border-width:1px; left:-43px;  z-index:5; line-height:1.2;}
.containerbox { padding: 10px 40px; position: relative; background-color: inherit;  width: 50%;}
.contentboxr::after { display: none !important; visibility: hidden;}

 .cms-dot li.no{background: none;} 
.ce-box{ width:100%; display: flex; flex-wrap: wrap; align-content: flex-start; }
.ce{ width:50%; display: flex; flex-wrap: wrap; flex-direction: column; margin: 10px 0px;}
.ce figure{ width: 100%; max-width: 100px; margin:0px 0px 10px 0px;}
.ce figcaption{width: 100%;  }
.ce strong{ font-size: .9rem; font-weight: 700;  }
@media screen and (max-width: 600px) {
.timeline::after { left: 51px; }
.flex-container { display:none; visibility:hidden; }
.timewrap {  width: 100%; padding-left: 70px; padding-right: 25px; }
.contentboxr { color:#b69472; padding: 10px 20px; background-color: #181818;  position: relative; border-style: solid; border-left: 0px; border-left-color:#181818; border-right: 0px; border-right-color:#181818; width:330%;}
.timewrap::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;}
.left::after, .right::after { left: 15px; }
.right {  left: 0%; text-align:left;}
.left { text-align:left; }
}