.cms-main-area {  background: #fff;}
/**----------------
 about 
--------------------*/
 /* Banner 內文字 =====================================================================*/
 #cms-main .cms-main-banner-txt p { font-size: 15px; margin: 0!important; color: #fff;}
/**----------------
 about 
--------------------*/
.cms-about h2 { font-size:1.75rem; font-weight: 400; margin:5% 0 1% 0; color:#de5f0c; }
#cms-main .cms-about h3 { font-size: 1.5rem;   display: block;margin:5% 0; color:#0d386d;  }
.cms-about h4 { font-size: 1.75rem; display: block;margin:6% auto;   }
#cms-main .cms-about p { margin:5% auto; font-size:1.063rem; font-weight:400; line-height:2rem; width: 100%; display: flex;  color:#56667a;	}
.cms-about figure img{ width: 100%; max-width: 100%; display: block; }
.cms-about-wrap{width: 100%; max-width: 1200px; margin:0 auto; padding:0px 20px; display: flex; flex-wrap: wrap; justify-content: center;  }


/*-------------------*/
/***** 產品目錄方格 *****/
/*------------------*/
.cms-main-facility:before{  content: ""; display: block; width:100%; height:200px; position:relative;z-index:99; pointer-events: none;margin-top: -50px; background: url("../images/index/nav-bg-01.svg") right top repeat-x; background-size: 100% auto; background-color: transparent; animation:bgcircle 5s linear infinite; }
.cms-main-facility { width: 100%; padding:0px 0px 100px 0; margin:0; position: relative; display: flex; flex-wrap: wrap; background:#fffaf1; }
.cms-main-facility-item { width:100%;display: flex; flex-wrap: wrap;  }
#cms-main .cms-main-facility-item h3{ margin:0px 0px 25px 0; width: 100%;  font-size:1.5rem; color:#0d386d; font-weight: 700;  position: relative;   }
.title-facility{ display: flex; width: 140px; height: 70px; margin:0px 0px 0px 100px;  background: url("../images/index/icon-house.svg") no-repeat left top;}
.cms-main-txt{width: 70%;   margin: auto auto 5% auto; display: flex; flex-wrap: wrap;}
#cms-main .cms-main-txt p { margin:2% auto; font-size:1.063rem; font-weight:400; line-height:2rem; width: 100%; display: flex;  color:#56667a;  }
.cms-main-facility-title{flex: 0 0 30%;}
 

 
 /* Visit ====================================================================== */

.cms-title { margin:0px auto; width: 100%; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; flex-direction:column;}
#cms-main .cms-title h1{ margin:0px; font-weight: 400; color:#eb5e02;  font-size:2rem;  }
#cms-main .cms-title h3 { margin:35px 0px 0px 0px; width:100%;  position: relative; z-index: 1;  color:#945e34;font-weight: 700; font-size: 2.25rem;  }
#cms-main .cms-title p{   justify-content: center;margin: 15px auto; font-size:0.9375rem; font-weight: 700!important;color:#0d386d; }
/*-------------------*/
/***** 關於我們純文字區塊 *****/
/*------------------*/
 .cms-main-about:before{    content: ""; display: block; position: relative; width: 100%; height: 50px; opacity:.75; top: -35px; background: url(../images/index/nav-after.svg) right top  repeat-x; background-size: 100% auto; background-color: transparent;  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(450px, -10px, 0); z-index: 99;} 
.cms-main-about:after{    content: ""; position: absolute;  width: 100%; height: 50px;  top:-25px; background: url(../images/index/nav-after.svg) left top  repeat-x; background-size:100% auto; background-color: transparent;   animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite; opacity:1; z-index: 999;}
.cms-main-about{position: relative;margin-top: 50px; width: 100%; z-index: 0; padding:0; margin: 0;   background-image: linear-gradient(to bottom, #fef3d3 0%, #fefbf4 100%); }
.cms-main-about-content {width:100%;  max-width:1100px; margin: 0 auto; padding:80px 10px; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index:1;}
.cms-main-about-content blockquote{width:100%;  max-width:600px; margin: 0 auto; display: flex; justify-content: center;  text-align-last: center; color: #0d386d;font-size:1.313rem; font-weight: 700; line-height: 2rem; }
.cms-main-about-txt{ margin:5% auto; padding:0px 15px;display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.cms-main-about-txt-1{  width: 50%; }
.cms-main-about-txt-2{  width: 35%; }

.item-circle{ display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width: 80px; height:80px; border-radius:50%; background: #f39139;}
.item-circle i{ display: flex;  color: #fff; font-size: 3rem; font-weight: 300; }
.item-wrap{flex: 0 0 70%; padding-left: 15px; }
#cms-main .item-wrap h3 {margin-bottom: 15px; color:#0d386d; line-height: 1.75rem;  }
#cms-main .item-wrap p { color:#56667a;  font-weight: 400!important; font-size:0.9375rem; line-height: 1.75rem;  }

@media (max-width: 767.98px) {
 .cms-main-about-content {width: 100%;  max-width:600px; margin:0 auto ; padding:50px 10px;  }
}
  

.cms-visit-wrap{width: 100%; margin:2% 0; padding:0px 15px 0px 50px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
#cms-main .cms-visit-wrap .item-wrap p { margin:1% 0; color:#10376b; font-weight: 400!important; font-size:1rem; line-height: 1.75rem;  }

.shadow{box-shadow: 0px 5px 6px rgba(0,0,0,.3);}
.Mobile{display: none;}
.visit-wrap{ width: 100%; max-width: 100%; display: flex; flex-wrap: wrap;  margin:10% auto; align-content: center;   position: relative; z-index: 1;  }
.visit-right{width:80%; margin: auto; display: flex; flex-wrap: wrap;  flex-direction: column; justify-content: center; align-content: center;  align-items: center; }
 .visit-left{ display: flex; width:80%; margin: 0 auto 30px auto; position: relative; z-index: 1; box-shadow: 0px 5px 6px rgba(0,0,0,.3); }
.visit-box-fully{ width: 100%; max-width: 100%;}
.visit-block { width: 100%; max-width: 1100px;margin: 30px auto;  font-size:0.95rem; }
.visit-box:not(:first-child) .visit-box__title { margin-top: 45px; }
.visit-box__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; border-bottom: 1px dashed #f5a02c; }
.visit-box__title .t-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; background:#FDF1D9;  color: #fe8c06;}
.visit-box__title .t-title { margin-left: 15px; font-size: 1.45rem; color:#0d386c; }
.visit-box__inner { margin: 30px 0px; padding-left:80px; font-size:100%; line-height:1.65rem; }
.visit-box__inner a { color: #775b1b; text-decoration: underline;  }
.t-title-line { width: 100%; font-size: 1.5rem; margin-bottom: 20px; padding:0px 0px 20px 20px;  background: url(../images/index/embassy-title.png) no-repeat left bottom;}

@media (max-width: 767.98px) {
.visit-box__inner {   padding:30px; }
}

@media all and (min-width: 1101px) { 
.bg-light{background: #f6f7f9; }
.Mobile{display: block;}
.visit-right{width:60%; }
.visit-left{ width:30%; margin:-20% auto -10px auto;  }
.visit-box__inner a:hover { opacity: .5; } 
}


/* for ie=========================== */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.visit-right{  display:inline-block; padding:5% 5% 20% 20%;}
.visit-left{ box-shadow:none; }

}

.visit-box__inner p { margin:10px; font-size: 1rem; }
.visit-box__inner span { color: #bb8200; }
.sp-brown { color:#b39a60; }
.sp-brown-dark {color: #bb8200; }
.visit-box__inner .t-title { font-size: 1.25rem; margin-bottom: 20px;  color:#3e434e;}
.visit-box__inner .t-price-big { font-size: 2rem; color: #fc7788; }
.visit-box__inner .t-price-small { color:#ac0b0b; }
.visit-box__inner .tab { margin-bottom: 25px; }
.visit-box__inner .tab td { text-align: left; padding: 15px 8px; border-right: 1px solid #d6d6d6; }
.visit-box__inner .tab tr:first-child th:first-child {  padding:10px;  font-size:1.313rem; line-height:2.5rem;  font-weight: normal; }
.visit-box__inner .tab tr:first-child td { width: 120px; }
.visit-box__inner .tab tr:last-child td, .visit-box__inner .tab tr:last-child th { border-bottom: 1px solid #d6d6d6; }
 .visit-box__inner .tab--red { border: 1px solid #ffd588;}
.visit-box__inner .tab--red tr:first-child th{  padding:10px;  color: #fff; background:#F49E04;padding-top:10px; font-size:1.313rem; line-height:2.5rem; font-weight: normal; text-align: left;}
.visit-box__inner .tab--red tr:last-child td, .visit-box__inner .tab--red tr:last-child th { border-bottom: 1px solid #ffd588; }
.visit-box__inner .tab--red tr:nth-child(even) td { background: #fff2db; }
.visit-box__inner .tab--red tr:nth-child(even) td:not(:last-child) { border-right: 1px solid #ffd588; }
.visit-box__inner .tab--red tr td{ font-size:1.125rem;  text-align: left; border-right: 1px solid #ffd588;border-bottom: 1px solid #ffd588; }
.visit-box__inner .tab--red tr th{  text-align: center; border-right: 1px solid #ffd588;border-bottom: 1px solid #ffd588; }
  .visit-box__inner .googlemap { position: relative; width: 100%; padding-bottom: 115%; }
.visit-box__inner .googlemap iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.visit-box__inner table.datatable { margin-bottom: 25px; }
.visit-box__inner table.datatable td, .visit-box__inner table.datatable th { border: 1px solid #ccc; text-align: center; padding: 15px 8px; }
.visit-box__inner ul {  }
.visit-box__inner ul li { position: relative; margin: 15px 0px 5px 0px; font-size: 1rem; line-height:1.65rem; color:#3e434e; list-style:none; }
.visit-box__inner ul li::before { position: absolute; top: 14px; left: -20px; content: ''; width: 8px; height: 8px; border-radius: 100%; background:#fe8c06; }
.visit-box__inner ul li h3{color:#fe8c06; }

.visit-box__inner ol { list-style-type: decimal; display: block; page-break-before: avoid; padding-left: 20px; }
.visit-box__inner ol li {  margin: 15px 0px 5px 0px;   display: list-item; list-style-type: inherit; font-size:1rem; line-height:1.65rem; color:#3e434e;}
.visit-box__inner .time-line { margin: 90px 0px; position: relative; margin-left: 20px; }
.visit-box__inner .alert { padding: 15px; margin:5px 10px;color:#a78244; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px;}
.visit-box__inner .alert-block { padding: 15px; margin:5px 10px;color:#a78244; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color:#fdf6e9; border: 1px solid #d0ab67; border-radius: 4px;}
.visit-box__inner .alert-block .t-title { font-size: 1.25rem; margin-bottom: 20px;  color:#a78244;}
 @media all and (min-width: 1101px) { 
.visit-box__inner .time-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 0; } }
.visit-box__inner .time-line::before { position: absolute; top: 90px; left: -12px; width: 6px; height: calc(100% - 180px); content: ''; background: #3985D3; }
@media all and (min-width: 1101px) {
.visit-box__inner .time-line::before { top: calc(50% - 3px); left: 80px; width: calc(100% - 160px); height: 6px; } 
}
.visit-box__inner .time-line li { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px;  min-height: 180px; margin-bottom: 30px; }
@media all and (min-width: 1101px) { 
.visit-box__inner .time-line li { margin-top: 245px; margin-bottom: 0; } }
.visit-box__inner .time-line li::before { z-index: 1; width: 13px; height: 13px; background: #F9A75E; border: 5px solid #F8DA5E; top: calc(50% - 9px); left: -20px; }
@media all and (min-width: 1101px) { 
.visit-box__inner .time-line li::before { top: -44px; left: calc(50% - 13px); }
.visit-box__inner .time-line li:nth-child(even) { margin-top: 0px; margin-bottom: 245px; }
.visit-box__inner .time-line li:nth-child(even)::before { top: auto; left: calc(50% - 13px); bottom: -44px; } }
.visit-box__inner .time-line__name { text-align: center; margin-bottom: 15px; }
.visit-box__inner .time-line__pic .imgfix { width: 100%; max-width: 160px; border-radius: 5px; padding-bottom: 75%; }

@media all and (max-width: 1100px) { 
.visit-box__inner .time-line__pic .imgfix { margin: 0 auto; padding-bottom: 37.8%; } 
}
.visit-box--stroke .visit-box__title { border-bottom: none; }
.visit-box--stroke .visit-box__inner a { color: #3985d2; }
.visit-box--stroke .visit-box__inner .t-title { position: relative; color: #3985d2; margin-left: 20px; }
.visit-box--stroke .visit-box__inner .t-title::before, .visit-box--stroke .visit-box__inner .t-title::after { position: absolute; content: ''; border-radius: 100%; border: 1px solid #3985d2; }
.visit-box--stroke .visit-box__inner .t-title::before { width: 15px; height: 15px; top: 6px; left: -20px; }
.visit-box--stroke .visit-box__inner .t-title::after { width: 7px; height: 7px; top: 10px; left: -16px; }


/* Table ====================================================================== */
.tab-scroll { overflow-x: auto; }