.main-area.top .main-content{margin-top: 0px; padding: 0px}
/*.main-area p,.block p,.block-txt p  { width: 100%; font-size:1.125rem;  line-height:1.75rem; font-weight: 400;  padding:5px; margin-bottom: 20px;  color:#404040; }*/
.block p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px; color: #404040; }
.block-txt p strong{  display: block;  width: 100%; font-size: 1.5rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:700;  padding:5px; margin-bottom: 10px; color: #eb9924;  }
.block p,.about-team-main-summary p ,.about-box p,.overview-list-column p,.overview-desc{ width: 100%; font-size:1.125rem;  line-height:1.875rem; font-weight: 400;  padding:5px; margin-bottom:20px;  color:#fff;  }
@media (max-width:767.98px) {
.block p,.about-team-main-summary p ,.about-box p,.overview-list-column p,.overview-desc{  margin-bottom:20px; line-height:1.75rem;   }
}
@media (max-width:1024px) {
.main-area p,.block p,.block-txt p  {  font-size:1rem;}
}

.main-wrap{ width: 100%; padding:0px; margin:0px auto; height: auto;  display: flex; flex-wrap: wrap;  }
.main-about{ position: relative; margin:0px; padding:80px 0px 100px 0px; display: flex; flex-wrap: wrap;justify-content: space-between; background-color: #fff; /*background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #fff 31%, #fff 75%, #efeeec 100%);*/}
.main-about .animated {  -webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
.block {width:50%; height: auto;margin: 0; padding:0px;  position: relative;z-index: 1 }
.block-txt{width:100%; margin:0px auto 60px auto; padding:30px 30px 30px 0px;}
.block p { width: 100%; font-size:1.125rem;  line-height:2rem; font-weight: 400;  padding:5px; margin-bottom:15px;  color:#4b566b;  }
.block p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px; color: #4b566b; }
.block-box{ width: 80%;bottom: 0px;left:0px;  position: absolute; z-index: 9; }
.post-btn{  margin-left:62.5%; }
.card-1{ width:80%; height: auto;  position: relative; z-index: 1;  }
.card-2{ width: auto; margin: 0px; padding: 0px; top:0px; left:15%; position: absolute; z-index: 2;  }
.card-3{ width: 50%;  height: auto;  top:50%; left:2%; position: absolute; z-index: 3; }
.card-2 img,.card-3 img{display: block; margin: 0; box-shadow: 0px 5px 16px rgba(0,0,0,.3)}
@media (max-width:1366px) {
.block-txt{width:100%; margin:60px auto; padding:0px 30px;}
.block p {  font-size:1rem;  line-height:1.75rem;  }
}
@media (max-width: 1280px) {
.main-about{ padding:80px 20px 40px 20px;}
.block-txt{width:100%; padding:20px;  }
.card-3{ width: 60%;  height: auto;  top:50%;  }
.card-2{ width: 70%; top:20%; right:0;left:auto;   }
}
@media (max-width: 1024px) {
.main-about{ padding:40px 0px; }
.block {width:100%;margin: 0px; padding: 0px; display: block; }  
.block-txt{ padding:20px 0px;margin: 0px;  }
.block-box{ width: 100%;}   
.card-1{ width:auto; height: auto;  margin-left: 40%;  margin-top: -30%;}
.card-2{ width: 40%;  padding: 0px; margin-top: -20%; margin-left: 60%;  position: relative; z-index: 2;  }
.card-3{  width:auto;   height: auto;   top:30%; left:auto; right:0px; position: relative; z-index: 3; }
.card-1 img,.card-2 img,.card-3 img{display: block; margin: 0; box-shadow: 0px 5px 16px rgba(0,0,0,.3)}
}
@media (max-width:992px) {
.card-1{  width:50%; height: auto;  margin:10px auto; }
.card-2{ width: 40%;  padding: 0px; margin-top: 0; margin-left: 60%;  position: relative; z-index: 2;  }
.card-3{  width:70%;   height: auto;   margin-top:-20%; left:auto; right:0px; position: relative; z-index: 3; }

    
    
    .card-1 img,.card-2 img,.card-3 img{width: 100%;}
    .main-about{ flex-direction: column-reverse }
 
}
@media (max-width:767.98px) {
   
.block-txt{ margin:20px 0px; padding:0px;}   
.card-1{  width:100%; height: auto;  margin:10px auto; }  
.card-2{ width:100%; height: auto;  margin:10px 0px 10px 0px  }
.card-3{  width:100%; height: auto; margin:10px auto;}   
}
@media (max-width:640px) {
.block p { padding:5px 0px; margin-bottom: 20px;  }    
.block-txt .btn-02{margin-bottom: 20px;}
}

.icon-list{width: 100%; margin:0px auto; padding:30px 0px; display: flex; flex-wrap: wrap;  }
.icon-list li{width:calc(100%/2); margin:0px; display:flex; flex-wrap: wrap;  align-content: flex-start; transition: all 0s ease 0s;position: relative; } 
.icon-list li .item{ width: 100%; margin:0px; padding:0px 0px 0px 10px; }
.icon-list li h3 { width: 100%; font-size:2.75rem; line-height: 2.75rem; font-weight:300;  color:#caa169;overflow: hidden; word-break: normal; word-wrap: break-word; text-overflow: ellipsis;  position: relative; }  
.icon-list li h3 span{ padding-right: 10px; font-size:1.15rem;  font-weight:400;  color:#000;  }
.icon-list li p {  width: 100%; font-size: 1rem; line-height: 1.15rem; font-weight:400; color:#777;   }  
@media (max-width: 1280px) {
.icon-list{  padding:30px 0px; }
.icon-list li h3{  font-size: 2rem; }
.icon-list li h3 span{ font-size:1rem;  }
.icon-list li p{font-size:.875rem; }
}
@media (max-width:767.98px) {
.icon-list{  padding:30px 0px 30px 0px; }
.icon-list li{width:100%; margin:0px; display:flex; flex-wrap: wrap;  align-content: flex-start; transition: all 0s ease 0s;position: relative; } 
}
.main-about-box{ position: relative; margin:0px; padding:0px; display: flex; flex-wrap: wrap;justify-content: space-between; }
.about-team { position: relative;z-index: 1;  display: block;  padding:80px 0px;     background-image: linear-gradient(135deg, #08090c 0%, #343a53 100%); }
.about-team-container,.team-esg {  display: -webkit-box; display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px 140px;  position: relative;z-index: 1; }
.about-team-container >.about-team-column:nth-child(odd) { width: calc(41.66667% - 11.66667px); max-width: calc(41.66667% - 11.66667px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(41.66667% - 11.66667px); flex: 0 0 calc(41.66667% - 11.66667px);}
.about-team-container >.about-team-column:nth-child(2n) {  width: calc(58.33333% - 8.33333px); max-width: calc(58.33333% - 8.33333px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(58.33333% - 8.33333px); flex: 0 0 calc(58.33333% - 8.33333px); margin-left: 20px;}
.about-team-container >.about-team-esg:nth-child(odd) { width: calc(45.66667% - 11.66667px); max-width: calc(45.66667% - 11.66667px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(45.66667% - 11.66667px); flex: 0 0 calc(45.66667% - 11.66667px);padding-top: 40px;}
.about-team-container >.about-team-esg:nth-child(2n) {  width: calc(54.33333% - 8.33333px); max-width: calc(55.33333% - 8.33333px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(55.33333% - 8.33333px); flex: 0 0 calc(54.33333% - 8.33333px);padding-top: 40px; padding-left: 40px; margin-left: 0px;}

.about-team-container.team-esg {display: -webkit-box; display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px 140px;  position: relative;z-index: 1; }
.about-team-container.team-esg:nth-child(odd) { flex-direction: row-reverse }
.about-team-container.team-esg .about-team-esg:nth-child(2n){margin-left: 0px; margin-right:0px; padding-right: 40px;}
 
.photo { width: 100%; height: auto; position: relative;}
.photo img {  border-radius: 10px; background-position: center;   width: inherit;height: inherit;}
.photo-image { color: rgba(0, 0, 0, 0.16);box-shadow: 0 2px 4px, 0 4px 8px -1px, 0 8px 16px -2px, 0 16px 32px -4px, 0 32px 64px -8px, 0 64px 128px -16px; background-size: 150%;}
.photo-shadow { background-color: #fff; box-shadow: 0 2px 25px 2px rgba(0, 0, 0, 1), 0 2px 50px 2px rgba(0, 0, 0, 1), 0 0 100px 3px rgba(0, 0, 0, .25); height: 1px;  margin: -1px auto 0;  width: 80%; z-index: -1;}


.about-team-main-name { margin-bottom: 20px; font-size: 26px; font-weight: 500; line-height: 1.5; letter-spacing: normal; color:#d2b589;}
.about-team-main-name:before { width: 10px; height:10px; content: ""; display: inline-block;  margin-right: 8px;  margin-bottom: 4px; background-color:#d2b589; border-radius: 2px;}
.about-team-main-row { position: relative; margin-bottom: 63px;  }
.about-team-main-summary {   margin-top: 11px;}  
.about-team-image{position: relative;}
.background{position: relative; width: 100%; height: 480px; overflow: hidden; }
.background-bg img{ width: 100%; max-width: 100%; height: auto; display: block; margin: auto; -o-object-fit: cover;  object-fit: cover; -webkit-backface-visibility: hidden;  backface-visibility: hidden; transition: all 0.3s; position: relative; z-index: 0;}
@media (max-width:1024px) {
.about-team-container {  padding: 0px 40px 30px 40px;}      
}

@media (max-width:768px) {
.about-team-container .wrapper{padding: 0px;}    
.background{ height: 380px; }    
}
@media (max-width:767.98px) {
 .about-team-container {  padding: 0px 20px;}      
.about-team { padding:0px; margin-bottom: 0px;}     
.about-team-main-name { font-size: 150%; }    
.about-team-container >.about-team-column:nth-child(odd) { width: 100%; max-width: 100%;   -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0px; }
.about-team-container >.about-team-column:nth-child(2n) {  width: 100%; max-width: 100%;   -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0px;  }
.about-team-container >.about-team-esg:nth-child(odd) { width: 100%; max-width: 100%;   -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0px;   }
.about-team-container >.about-team-esg:nth-child(2n) {  width: 100%; max-width: 100%;   -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0px;padding-top: 0px; padding-left: 0px; }
    .about-team-container >.about-team-column figure{width: 80%; margin: 10px auto;}
.background{ height: 200px; }    
}

/* ==== 底圖 === */
.bg-background {background-image: attr(src url); background-repeat: no-repeat; background-size: 100% auto;background-position:center bottom;position: absolute;z-index: 0; top:0px; left: 0; right: 0; bottom: 0; line-height: 0;  width: 100%; pointer-events: none;}
@media(max-width:767.98px) {
.bg-background {background-size:cover;}
}






.bg-feather { box-shadow: 0 0 10px 10px transparent  inset, 0 0 30px 20px transparent  inset, 0 0 50px 30px transparent inset; filter: blur(1px);  background-size:auto; background-position:left bottom; position: absolute; bottom: 0;z-index: -1; opacity: 0.5; }
.bg-feather-2 {  background-size:auto; background-position:left bottom; position: absolute; bottom: 0;z-index: -1;   }
.bg-feather-3 {  background-size:auto; background-position:left bottom;    }
@media(max-width:1440px) {
.bg-feather {   background-size:100% auto;   }    
.bg-feather-2 {  background-size:100% auto;   }    
}


@media(max-width:767.98px) {
.bg-feather {   background-size:150% auto;   }    
.bg-feather-2 {  background-size:150% auto;   }   
.bg-feather-3 {   background-size:150% auto;background-position:left bottom;    }
}



/* ==== 底圖 fix=== */
.bg-background-fix { background-image: attr(src url); background-repeat: no-repeat; background-size: 100% auto;background-position:left bottom; background-attachment: fixed; background-color: #fff; position: absolute;z-index: 0; top:0px; left: 0; right: 0; bottom: 0; line-height: 0;  width: 100%;  }
@media(max-width:1024px) {
.bg-background-fix {background-size:contain;}
}


.about-box{ width: 90%; margin:6% auto;position: relative;z-index: 1 }
.about-box .title-3 p { padding: 0px; color: #212e51; text-align: left;  }

.box { position: relative;z-index: 1; margin: 0 auto;padding:30px 30px 30px 50px; width: 80%; height: auto; transition: 0.4s;  pointer-events: all; }
.box:before {content: ""; position: absolute;z-index: 0; top: 0; left: 0;  width: 100%; height: calc(100% + 20px); background: transparent; border-top: 2px solid #d2b589; border-left: 2px solid #d2b589; box-sizing: border-box; opacity: .5}
.box:after { content: ""; position: absolute;z-index: 0; top: 0; left: 0; width: 100%; height: calc(100% + 20px); border-bottom: 2px solid #d2b589; border-right: 2px solid #d2b589; box-sizing: border-box; opacity: .5 } 
.box .fas { font-size: 25px; height: 50px; width: 50px; line-height: 50px !important;  color: #2C3A47; background-color: #fff}
.box .fa1 {position: absolute; top: 0; left: 0;}
.box .fa2 {position: absolute;  bottom: -30px; right: 0; z-index: 1;}

.box iframe{ width: 100%; height: 420px; margin: auto;}


@media(max-width:1024px) {
.box {  width: 100%;   }   
}
 
@media(max-width:767.98px) {
.about-box{ width: 100%; padding-bottom: 20px; }   
.wrapper .about-box:nth-child(2){margin-top: 20%;}
.box { width: 100%;  padding:30px 20px; } 
.box iframe{ width: 100%; height:200px; }
}
.title-wrapper {  display: flex;flex-wrap: wrap; align-items: center; margin: auto; }
.title-wrapper .title { padding: 20px 0px;   margin-right: 9vw; position: relative; }
.title-wrapper .title  h3 {font-size: 2.5rem; font-weight: 400;  letter-spacing: 3px; position: relative;  }
@media (max-width: 420px) {
.title-wrapper .title { padding: 0px;   margin-right: auto;  }  
}
.title-wrapper .subtitle { width: 80%; margin: auto; padding: 50px 100px 50px 50px;  }
.title-wrapper .subtitle p{font-size: 1rem; text-align: left; line-height: 2rem; letter-spacing: 2px; color:#4b566b; }
@media (max-width: 991.98px) {
.title-wrapper .subtitle { width: 100%;  padding: 50px 0px 50px 20px;  }
}

@media (max-width: 420px) {
.title-wrapper .subtitle { width: 100%;  padding: 0px;  }
}





.btn-item { width: 100%; margin-bottom: 30px; display: flex; flex-wrap: wrap;justify-content: center; }
.btn-item .btn{width: 40%;}
.bg-gallery{  background-image:  linear-gradient(to top, #fbf9f6 0%, #fff 100%); background-position: left bottom; background-size:100% auto; background-repeat: no-repeat;  }
.gallery .slick-arrow::before, .gallery .slick-arrow, .gallery .gallery-list .inner .inner-title, .gallery .gallery-list .inner, .gallery .gallery-list .gallery-pic::after, .gallery .gallery-list .gallery-pic::before, .gallery .gallery-list .gallery-pic, .gallery .gallery-list .item, .gallery .gallery-list .gallery-item, .team li{-webkit-transition: all 0.5s;transition: all 0.5s; }
.gallery {padding: 20px 0 100px;margin: 20px 0px 0px 0px ;position: relative;}
@media (max-width: 1199.98px) {
.gallery { margin: 130px 0 0px; padding: 0 0 80px;}
}
@media (max-width: 640px) {
.btn-item .btn{width:50%;}
}
@media (max-width: 420px) {
.gallery { margin:30px 0px; padding:0px;}
.btn-item { width: 100%; margin: 30px 0px;  }
.btn-item .btn{width:100%;}
}

.gallery-list {width: 100%;position: relative; }
.gallery-list > .gallery-item {float: left; width: 33.3333333333%;}
.gallery-list > .gallery-item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {position: absolute;left: 0;top: 0;opacity: 0;}
@media (max-width: 1023px) {
.gallery-list > .gallery-item {width: 50%;}
.gallery-list > .gallery-item:nth-child(3) {position: absolute;left: 0;top: 0;opacity: 0;	}
}
@media (max-width: 650px) {
.gallery-list > .gallery-item {width: 100%;}
.gallery-list > .gallery-item:nth-child(2),  .gallery-list > .gallery-item:nth-child(3) {position: absolute;left: 0;top: 0;opacity: 0;}
}
.gallery-list .gallery-item {padding: 0px;cursor: pointer;-webkit-transform: scale(0.8); transform: scale(0.8);}

@media (max-width: 1180px) {
.gallery-list .gallery-item {padding: 0 5px;}
}
.gallery-list .gallery-item.slick-center {	-webkit-transform: scale(1);transform: scale(1);}
.gallery-list .gallery-item.slick-center .gallery-pic {border: 3px solid #212e51;  }
.gallery-list .gallery-item.slick-center .gallery-pic::before {	opacity: 1;}
.gallery-list .gallery-item.slick-center .gallery-pic::after {opacity: 0;}
.gallery-list .gallery-item.slick-center .inner {opacity: 1;}
.gallery-list .gallery-item.left { -webkit-transform: scale(0.8) translateX(60px);  transform: scale(0.8) translateX(60px);}
 @media (max-width: 1280px) {
.gallery-list .gallery-item.left {-webkit-transform: translateX(15px); transform: translateX(15px);}
}
@media (max-width: 800px) {
.gallery-list .gallery-item.left {-webkit-transform: translateX(0); transform: translateX(0);}
}
.gallery-list .gallery-item.right {-webkit-transform: scale(0.8) translateX(-60px);transform: scale(0.8) translateX(-60px);}
@media (max-width: 1280px) {
.gallery-list .gallery-item.right {-webkit-transform: translateX(-15px);transform: translateX(-15px);}
}
@media (max-width: 800px) {
.gallery-list .gallery-item.right {-webkit-transform: translateX(0);transform: translateX(0);}
}
.gallery-list .item {position: relative;}
.gallery-list .gallery-pic { width: 100%; padding: 5px;position: relative;border: 3px solid transparent;border-radius: 0px;overflow: hidden; }

.gallery-list .gallery-pic img {width: 100%;display: block;-webkit-backface-visibility: hidden; backface-visibility: hidden;border-radius: 0px;position: relative;}
.gallery-list .inner { position: relative; z-index: 9; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;top: -30px;opacity: 0;}
.gallery-list .inner .inner-title {padding: 10px 20px; font-size: 1.125rem; font-weight: 500;color:#fff;text-align: center;background-color:#212e51; ;}
 


.gallery-list  .slick-arrow { width:50px; height: 50px;  border-radius:50%;border: solid 1px #d2b589; cursor: pointer; position: absolute; top: 45%;z-index: 5; }
@media (max-width: 1500px) {
.gallery-list  .slick-arrow {top: 40%;	}
}
@media (max-width: 640px) {
.gallery-list  .slick-arrow {top: 45%;}
}
@media (min-width: 1181px) {
.gallery-list .slick-arrow:hover {border: 1px solid #2e3348; background-color: #2e3348;}
}
 .gallery-list  .slick-arrow.slick-prev {left: 25%; }
@media (max-width: 960px) {
.gallery-list  .slick-arrow.slick-prev {left: 20px;}
}
@media (max-width: 640px) {
.gallery-list .slick-arrow.slick-prev {left: 0;}
}
.gallery-list .slick-arrow.slick-next {right: 25%; z-index: 2;}
@media (max-width: 960px) {
.gallery-list .slick-arrow.slick-next {	right: 20px; }
}
@media (max-width: 640px) {
.gallery-list .slick-arrow.slick-next {right: 0;}
}



 


 
 
 

/*STICKY ROW Normal css box-shadow works for the header as it is a single html element*/
.schedule tr.sticky {   position: sticky!important;  top: 0;  z-index: 99; background-color: #fff;}
/*STICKY COLUMN Avoid undesirable overlapping shadows by creating a faux shadow on the ::after psudo-element instead of using the css box-shadow property.*/
.schedule th.sticky,.schedule td.sticky {  position: sticky!important; left: 0; background: #fff!important; z-index: 99; }
 @media (max-width:320px) {
.schedule tr.sticky {   position: relative;  }
.schedule th.sticky,.schedule td.sticky {  position: relative; }
}


.form-wrap {width: 100%;position: relative;z-index: 2;}
.form-wrap .top-block {width: 100%;	margin:80px auto;position: relative;}
.form-wrap .schedule-out-box {width: 100%;padding: 10px;overflow: hidden;border-radius: 0px;background-color:#212e51;z-index: 2;}
.form-wrap .schedule-box {padding: 30px;border-radius: 0px;overflow: hidden;background-color: #fff;}
 @media (max-width: 840px) {
.form-wrap .schedule-out-box { padding: 10px 5px;}
 .form-wrap .schedule-box {padding: 30px 20px;border-radius: 30px;overflow: hidden;background-color: #fff;}
}

.scroll-table { width: 100%;}
 @media (max-width: 1180px) {
.scroll-table {/* overflow-x: scroll;*/ overflow: auto;}
}  

.form-wrap .schedule {width: 100%;text-align: center;border-collapse: collapse}
.form-wrap .schedule tbody {width: 100%;}
.form-wrap .schedule tr {width: 100%;border: 1px solid rgba(0, 0, 0, 0);background-color: #fff; 	border-bottom: 2px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
.form-wrap .schedule tr:first-child { -webkit-box-align: start; -ms-flex-align: start;align-items: stretch;  }
.form-wrap .schedule tr:first-child td {width: 12.5%;text-align: center;font-size: 25px;font-weight: 500;color: #191919; background-color: #fff;} 
		
@media (max-width: 640px) {
.form-wrap .schedule tr:first-child td {font-size: 18px;}
}
.form-wrap .schedule tr:first-child td.tit {width: 210px;text-align: left;}
@media (max-width: 640px) {
.form-wrap .schedule tr:first-child td.tit {width: 130px;}
}
.form-wrap .schedule tr:first-child td.week { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;  -ms-flex-direction: column; flex-direction: column;-webkit-box-align: center;  -ms-flex-align: center; align-items: center;}
@media (max-width: 640px) {
.form-wrap .schedule tr:first-child td.week {width: 100px;}
}
.form-wrap .schedule tr:first-child td.week span {font-size: 16px;color: #999999;font-weight: 700; }
.form-wrap .schedule tr td {font-size: 15px; background-color: #fff;}
.form-wrap .schedule tr td.open {vertical-align: middle;}
.form-wrap .schedule tr td.open span { display: block; font-size:1rem;font-weight: 500;  margin: 0 auto;}
.form-wrap .schedule tr td.open span.bor {  border-top:  solid 1px #eee}

.form-wrap .schedule tr td.open span strong {  display: block;font-size: 11px;}
.form-wrap .schedule td { color: #191919; position: relative; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 25px; width: 12.5%;padding: 15px 0;  background-color: #fff;}
@media (max-width: 640px) {
 .form-wrap .schedule td {width: 100px;	}
 }
.form-wrap .schedule .time-box {width: 210px;margin: 5px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;-webkit-box-align: center;  -ms-flex-align: center;align-items: center; background-color: #fff;}
@media (max-width: 640px) {
 .form-wrap .schedule .time-box {width: 130px; }
 }
.form-wrap .schedule .time-box .left {margin-right: 10px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column;flex-direction: column;  background: #fff;}
.form-wrap .schedule .time-box .left .tit {color:#d2b589;font-size: 18px; margin-bottom: 10px;}
.form-wrap .schedule .time-box .left .time { font-size:18px; color: #191919; font-weight: 400;}
.form-wrap .schedule .closed span {padding: 5px 10px; color: #666;font-size: 18px;border-radius: 35px;line-height: 1;background-color: #e5e5e5;}
.form-wrap .bottomBox { background-color: #fcf5f4; height: 100%; width: 100%; position: relative;padding: 70px 0 160px;}
@media (min-width: 1921px) {
.form-wrap .bottomBox::before {background-size: cover;}
}


.title-block {max-width: 100%;padding: 0;margin:30px auto;text-align: center;}
.title-block .txt-box {display: -webkit-box;display: -ms-flexbox;display: flex; flex-wrap: wrap;  justify-content: center; -webkit-box-align: center;  -ms-flex-align: center; align-items: center;}
.title-block .title { font-size: 32px;color:#2e3349;margin-top: 10px; margin-bottom: 10px; font-weight: 500;}
.title-block .title-en { font-weight: 700; font-size: 17px; letter-spacing: 1.7px; color: #ddbc87;}

@media (max-width: 768px) {
 .title-block .title { font-size:20px;color:#2e3349;margin-top: 10px; margin-bottom: 10px; font-weight: 500;}
 .title-block .title-en {  font-size: .9rem;letter-spacing: 1px; }
}
@media (max-width: 767.98px) {
 .title-block .title { font-size:1.375rem; }
}

.map-wrap{ width: 100%; margin-top: 50px; background:#e9e9ed;}
.map-box{ width: 50%; padding: 0px 40px;}
.map-l{ width: 50%;}



.map-list{width: 100%; margin:20px auto auto auto; padding:30px 0px; display: flex; flex-wrap: wrap;  }
.map-list li{width:calc(100%/3); margin:0px; display:flex; flex-wrap: wrap;  align-content: flex-start; transition: all 0s ease 0s;position: relative;border-left: solid 1px #2e3349 } 
.map-list li .item{ width: 100%; margin:0px; padding:20px;  }
.map-list li h3 { width: 100%; font-size:2.75rem; line-height: 2.75rem; font-weight:300;  color:#2e3349;overflow: hidden; word-break: normal; word-wrap: break-word; text-overflow: ellipsis;  position: relative; }  
.map-list li h3 span{ padding-right: 10px; font-size:1.15rem;  font-weight:400;  display: block;  color:#d7b487;  }
.map-list li p {  width: 100%; font-size: 1rem; line-height: 1.875rem;   }  
@media (max-width:840px) {
.map-list li{width:calc(100%/2);margin-bottom: 10px;  }     
}
@media (max-width:767.98px) {
.map-list li{width:100%; border-left: none;  } 
.map-list li h3 { font-size:1.375rem; line-height: 2rem;   } 
.map-list li .item{   padding:20px 0px;  }
    
}
.org-box{ width: 100%;max-width: 80%; margin:6% auto;position: relative;z-index: 11 }
@media (max-width:840px) {
.org-box{  max-width: 100%; margin:0px auto;padding: 40px 0px; }    
}