.btn-moBlue{border:1px solid #00c8ff;color:#fff;background-color:#00c8ff;font-size: 15px;min-width: 110px;}
/*-----------------------navbar-----------------------------*/
.navbar{padding-top:20px;padding-bottom:20px;position:fixed;width:100%;top:0;z-index:1001;background-color:#f2f2f2}
.navbar .navbar-brand .logo{width:230px}
.navbar .navbar-collapse.show{height:100vh;width: 100%;}
.navbar .navbar-nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.navbar .nav-item{padding:5px 0;margin:4px}
.navbar .nav-item>.nav-link{padding:2px 8px;font-weight:700;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.navbar .nav-item>.nav-link:hover{color:#333}
.navbar .nav-item.contact>.nav-link{color:#00c8ff;letter-spacing:2px}
.navbar .nav-item.contact>.nav-link:hover{color:#333}
.navbar .nav-item.lang{height:24px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.navbar .nav-item.lang>.nav-link{font-size:12px;height:100%;color:#ff8000;padding:0 10px}
.navbar .nav-item.lang>.nav-link+.nav-link{border-left:1px #ff8000 solid}
.navbar .nav-item.lang>.nav-link:first-child{border-radius: 20px 0 0 20px;border-left: 2px solid #ff8000;border-top: 2px solid #ff8000;border-bottom: 2px solid #ff8000;}
.navbar .nav-item.lang>.nav-link:last-child{border-radius: 0 20px 20px 0;border-left: 1px solid #ff8000;border-top: 2px solid #ff8000;border-bottom: 2px solid #ff8000; border-right: 2px solid #ff8000 ;}
.navbar .nav-item.lang>.nav-link:hover{color:#fff;background-color:#ff8000}
.navbar .nav-item.dropdown:hover .dropdown-menu{display:block}
.navbar .nav-item.dropdown .dropdown-toggle::after{display:none}
.navbar .nav-item.dropdown .dropdown-item{color:#888;border-radius:20px}
.navbar .nav-item.dropdown .dropdown-item:hover{color:#fff;background-color:#555}
.navbar .nav-item.dropdown .dropdown-menu{min-width:initial;left:50%!important;right:auto!important;text-align:center!important;padding:15px 5px;-webkit-transform:translate(-50%,0)!important;-ms-transform:translate(-50%,0)!important;transform:translate(-50%,0)!important;background-color:transparent;background-color:#f2f2f2;border:none}
/*-----------------------組織圖-----------------------------*/
.og_img{text-align: center;}
.og_img .node_box {display: inline-block;position: relative;margin: auto;font-size: 1.2rem;}
.og_img .node_box a {display: block;padding: 14px 12px;border: 1px solid #00c8ff;color: #00C8FF;word-break: keep-all; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.og_img .node_box a:hover{background-color:#00c8ff ; color: #fff;}
.og_img > .node_box:after {content: "";border-left: 1px solid #b1b3b6;height: 27px;bottom: -1px;left: 50%;display: block;position: relative;}

.og_img .children{margin:0;position: relative; width: 100%;}
/* .og_img .children:before {content: "";border-top: 1px solid #b1b3b6;bottom: -1px;left:0;display: block;position: relative;} */
.og_img .children .node{display: inline-block;vertical-align: top;top: 0;margin: 0 20px;}
.og_img .children .node:first-child:before{content: "";width: 107%;left: 50%;display: block;position: relative;border-top: 1px solid #b1b3b6;top:0;}
.og_img .children .node:before{content: "";width: 191%;left:0;display: block;position: relative;border-top: 1px solid #b1b3b6;top:0;}
.og_img .children .node:last-child:before{content: "";width: 52%;right: 50%;display: block;position: relative;border-top: 1px solid #b1b3b6;top:0;}
.og_img .children .node_box:before {content: "";border-left: 1px solid #b1b3b6;height: 27px;bottom: 0;left: 50%;display: block;position: relative;}

@media (max-width:1070px) {
  .og_img .children .node{margin: 0 7px;}
  .og_img .children .node:before{width: 178%;}
}

@media (max-width:768px) {
  .og_img{display: flex;align-items: center;  margin-bottom: 10%;}
  .og_img .node_box{margin: inherit;}
  .og_img > .node_box{margin-left: 3rem;}
  .og_img .node_box a{width: 120px;margin: 6px 0;}
  .og_img > .node_box:after {content: "";position: absolute;border-top: 1px solid #b1b3b6;width: 18px;top: 50%;right: -18px;border-left: 0 none;left: inherit;bottom: inherit;height: inherit;}
  .og_img .children{margin: 0 32px ; width: inherit; flex: 0 0 140px;}
  .og_img .children .node{display: flex;position: relative;}
  .og_img .children .node:before{align-self: stretch;width: 1px;background: #b1b3b6;left: -22px;border-top:0 none;top:inherit}
  .og_img .children .node:first-child:before{background: linear-gradient(to top, #b1b3b6 49.9%, transparent 50%);width: 1px;left: -22px;}
  .og_img .children .node_box:before{content: "";position: absolute;top: 50%;left: -28px;width: 28px;border-top: 1px solid #b1b3b6;border-left:0 none;}
  .og_img .children .node:last-child:before{background: linear-gradient(to bottom, #b1b3b6 50%, transparent 51%);width:1px ;}
}

/*---------lightbox--------------*/
.lightbox_wrap{display: none;}
.lightbox_bg{position: fixed; background-color: rgba(51, 51, 51, 0.6);left: 0; right: 0; top:0;bottom: 0; z-index: 1200;}
.lightbox_box{position: fixed;left: 0; right: 0; top:0;bottom: 0; z-index: 1201; display: flex; align-items: center; justify-content: center;}
.lightbox_box .btn_close{ background-color:#02C8FF; color: #fff;  width: 33px; height: 33px; padding: 0; display: block;font-size: 25px; line-height: 33px; border-radius: 100%;text-align: center;font-weight: bolder;}
.lightbox_box .btn_close:hover{ background-color:rgba(2,200,255,.7);}
.lightbox_contect{ background-color: #F9F9F9; border-radius: 8px; width: 588px; min-height: 472px; margin: auto; position: relative;padding: 2%;}
.lightbox_contect .lightbox_btn_wrap{position: absolute;right: 15px;top: 15px;}
.lightbox_contect h2{font-size: 2.2rem;text-align: center;margin-bottom: 15px;color: #000; font-weight: bold;}
.lightbox_main_wrap{height: 330px;margin: 1.5rem 0;overflow-y: scroll;text-align: left;padding-right: 0.5rem; line-height: 1.8;font-size: 1.2rem;padding: 2%;}
.lightbox_main_wrap ol li ol li{padding-left: 1rem;}
@media (max-width:768px) {
  .lightbox_contect{width: 70%; height: auto;}
}
@media (max-width:560px) {
  .lightbox_contect{padding: 8%;width: 88%; }
}
/*---------cookie_wrap--------------*/
.cookie_wrap {color: #fff;width: 100%;text-align: center;background: rgb(0 0 0 / 70%);position: fixed;bottom: 0;left: 0;z-index: 30; padding: 3% 0; display: none;}
.cookie_wrap a{color: #fff;text-decoration: underline;}
.cookie_wrap a:hover{text-decoration: none;}
.cookie_wrap .cookie_block{display: flex; width: 80%;margin: auto;align-items: center;}
.cookie_wrap .cookie_block .cookie_content a{ text-decoration: underline;}
.cookie_wrap .cookie_block .cookie_content a:hover{text-decoration: none;}
.cookie_wrap .cookie_block .cookie_btn_wrap{ width: 100%;}
.cookie_wrap .cookie_block .btn-moBlue{border-radius: 2px;word-break: keep-all;padding: 2%;display: block;width: 100%;text-decoration: none;max-width: 210px;margin: auto;}
.cookie_wrap .cookie_block .cookie_content{margin-right: 1%;text-align: left;}
.cookie_wrap.show{display: block;}
.cookie_wrap.hidden{-webkit-animation: gbnew-cookie-bar-close forwards 800ms;animation: gbnew-cookie-bar-close forwards 800ms;}
@-webkit-keyframes gbnew-cookie-bar-close {
  99% {
    bottom: -100%;
  }
  100% {
    bottom: -100%;
    display: none;
  }
}
@keyframes gbnew-cookie-bar-close {
  99% {
    bottom: -100%;
  }
  100% {
    bottom: -100%;
    display: none;
  }
}
@media (max-width:991px){
  
  .cookie_wrap .cookie_block .cookie_content{margin-bottom: 5%;margin-right: 0;}
  .cookie_wrap .cookie_block{flex-direction: column;}

  .cookie_wrap .cookie_block .btn-moBlue{min-width: inherit;max-width: inherit;}
}
@media (max-width:560px){
  .cookie_wrap .cookie_block .btn-moBlue{padding: 4%;}
  .cookie_wrap .cookie_block{width: 90%;}
}
/*-----------------------footer-----------------------------*/
.footer{position:relative;background-color:#fff;padding:40px 0}
.footer .logo{max-width:190px;padding:0 20px 40px}
.footer .logo img{-o-object-fit:initial;object-fit:initial}
.footer ul{margin-top:25px;padding-left:0}
.footer ul li{padding:4px 0}
.footer ul li a{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;padding-right:5px}
.footer ul li a:hover{color:#00c8ff}
.footer ul li.footer-head{font-size:18px;color:#333;font-weight:700;line-height:18px}
.footer ul li.footer-head a{color:#333;font-weight:700;padding-bottom:5px}
.footer ul li.footer-head a:hover{color:#00c8ff}
.footer .footer-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;max-width:900px}
.footer .footer-nav .footer-item{min-width:110px;padding:0}
.footer .footer-nav .footer-item:nth-child(3){margin-right: 12px;}
.footer .footer-nav .footer-item:nth-child(4){margin-right: 10px;}
.footer .footer-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:50px}
.footer .footer-link .btn{padding:10px 4px;letter-spacing:.1px}
.footer .footer-copyright{text-align:right;letter-spacing:.1px}


/*-----------------------大黑字-----------------------------*/
.PublicTitle{font-size: 35px;color: #000;font-weight: bold;letter-spacing: 2.5px;margin-bottom: 50px;}
.secTitle{font-size:28px;font-weight:700;line-height:35px;color:#333;margin-bottom:20px}

/*-----------------------Table-----------------------------*/
.TableBlock{margin-bottom: 5rem;font-size: 15px;}
.TableBlock .table td, .TableBlock .table th{padding:1rem; vertical-align: middle;}
.table td, .table th{vertical-align: middle!important;}
.TableBlock .table thead th{color:#000;border-top: 0 none; text-align: center;}
.TableBlock .table tbody th{color:#00C6FF;width: 25%;}
.TableBlock .table tbody td ol li{ list-style-type:disc;margin-left: 20px;}

.TableBlock2{margin-bottom: 5rem;font-size: 15px;}
.TableBlock2 .table td, .TableBlock .table th{padding:1rem;}
.TableBlock2 .table thead th{color:#000;border-top: 0 none; text-align: center;}
.TableBlock2 .table tbody th{color:#00C6FF;width: 25%;}
.TableBlock2 .table tbody td ol li{ list-style-type:disc;margin-left: 20px;}

.TableBlock .text-orange {margin-bottom: 10px;}
.TableTitle .text-moBlue{font-size: 18px;margin-bottom: 10px;}
.TableTitleBlock{text-align: center;}

.TableStyle01 {word-break: break-all;}
.TableStyle01 .table thead th:nth-child(1){width: 20%;}
.TableStyle01 .table thead th:nth-child(2){width: 35%;}
.TableStyle01 .table thead th:nth-child(3){width: 38%;}
.TableStyle01 .table tbody td:nth-child(2) ol li{ list-style-type: decimal;}

.TableStyle02 .table thead th{width: 16%;}
.TableStyle02 .table thead th:nth-child(1){width: 18%;}
.TableStyle02 .table thead th:nth-child(5){width: 14%;}

.TableStyle02 a{color:#00C6FF ;border-bottom: 1px solid #00C6FF;}
.TableStyle02 a:hover{color:#333 ;border-bottom: 1px solid transparent;}
.TableStyle02{padding: 1%;}

.TableStyle03 .table tbody th{width: 30%;}
.TableStyle04 .table tbody th{width: 20%;}

.TableStyle05.WhiteBorder{padding: 1%;}
.TableStyle05.table td, .TableStyle05 .table th{padding: .5%;}
.TableStyle05 .table thead th:nth-child(1){width: 18%;}
.TableStyle05 .table thead th:nth-child(2){width: 5%;}
.TableStyle05 .table thead th:nth-child(3){width: 11%;}
.TableStyle05 .table tbody td{text-align: center;}

.TableStyle06 .table thead th{vertical-align: middle;padding: 1rem;}
.TableStyle06 .table tbody td,.TableStyle06 .table tbody th{text-align: center;}
.TableStyle07 .table tbody td{text-align: center;}
.TableStyle08 .table tbody td{text-align: center;}
.TableStyle09 .table thead th:nth-child(2){width: 50%;}
.TableStyle10 .table tbody td{text-align: center;}
.TableStyle11 .table tbody td{text-align: center;}
.TableStyle12 .table tbody td:nth-child(2){text-align: center;}
.TableStyle12 .table tbody td:nth-child(3){text-align: center;}
.TableStyle13 .table tbody th,.TableStyle13 .table tbody td{ border-bottom: 1px solid #dee2e6;}

/*---審計委員會表格---*/
.TableStyle14 .table td, .TableStyle14 .table th{padding: .4rem;}
.TableStyle14 .table tbody td:nth-last-child(1){width: 12%;}
.TableStyle14 .table tbody td:nth-last-child(2){text-align: center;width:7%; }
.TableStyle14 .table tbody td:nth-last-child(3){text-align: center;width:9%; }
.TableStyle14 .table tbody td:nth-last-child(4){width: 10%; text-align: center;}
.TableStyle14 .table tbody td:nth-last-child(6){width: 15%; text-align: center;}
/*---董事會表格---*/
.TableStyle15 .table td, .TableStyle15 .table th{padding: 1rem;}
.TableStyle15 .table thead th:nth-child(1){width: 10%;}
.TableStyle15 .table tbody td:nth-child(1){text-align: center;}
.TableStyle15 .table thead th:nth-child(2){width: 55%;}
.TableStyle15 .table thead th:nth-child(3){width: 35%;}
.TableStyle15 .table tbody td ol li{list-style: disc;margin-left: 32px;}

.Table_director{font-size: 15px;}
.Table_director th{ background-color: #00C8FF; color: #fff; border: 5px solid #fff; text-align: center; vertical-align: middle;}
.Table_director.Table_director thead th{border: 5px solid #fff;}
.Table_director th.NoBg{ background-color: transparent; color:#000}
.Table_director td{border: 0 none;}
.Table_director01 tr:last-child td{padding: 0;}
.Table_director02{margin: 0;}
.Table_director02 th:nth-child(1){width: 18%;}
.Table_director02 th:nth-child(2){width: 25%;}
.Table_director02 td{text-align: center;}
.Table_director03{margin-bottom: 5rem;}

.GovernanceTable01{margin: 0;margin-right: 5%;}
.GovernanceTable01 table tbody td:last-child{text-align: center;}
.GovernanceTable01 .table thead th{padding:0.5rem;}
.GovernanceTable02{padding: 25px;font-size: 15px;}
.GovernanceTable02 table{height: 100%;}
.GovernanceTable02 th{padding:0.5rem; color: #000; border-top: 0 none;text-align: center;}
.GovernanceTable02 td{font-size: 5rem;color: #00C6FF;}


ul.DisplayIB,ul.DisplayBlock{padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
ul.DisplayIB li ,ul.DisplayBlock li{ margin: 0 2%}
ul.DisplayIB li a{font-size: 15px; color:#02C8FF; border-bottom: 1px solid #02C8FF;}
ul.DisplayIB li a:hover{ color:#333; border-bottom: 1px solid transparent;}
ul.DisplayIB li i{display: block;text-align: center;}


.ButtonGroup ul{width: 100%; text-align: center;}
.WorkmoreArea{padding-left: 47%;}

.WorkmoreArea .btn-moBlue,.WorkmoreArea2 .btn-moBlue{background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); border: 0 none;background-size: 300% 100%; }
.WorkmoreArea .btn-moBlue:hover,.WorkmoreArea2 .btn-moBlue:hover{background-position: 100% 0;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

@media (max-width:1200px){
  .navbar .nav-item.dropdown .dropdown-menu{left:initial!important;-webkit-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;transform:translate(0,0)!important;background-color:transparent}
}

@media (max-width:991px){
  .TableStyle02 .table thead th:last-child{width: 20%;}
  .footer .logo{width:160px;padding-top:40px;padding-bottom:30px}
  .footer .footer-nav{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}
  .footer .footer-nav .footer-item{max-width:33.33%;-webkit-box-flex:0;-ms-flex:0 0 33.33%;flex:0 0 33.33%}
  .footer .footer-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  .footer .footer-copyright{text-align:center}
  .footer .footer-nav .footer-item:nth-child(3){margin-right: 0;}
  .footer .footer-nav .footer-item:nth-child(4){margin-right: 0;}
  .WorkmoreArea .btn-moBlue,.WorkmoreArea2 .btn-moBlue{padding-left:15px;padding-right:15px;}

}
@media (max-width:821px){
  /*大黑字*/
  .PublicTitle{font-size: 2.2rem;}
  /*navbar*/
  .navbar .nav-item>.nav-link{font-size:16px}
  .secTitle{font-size:22px;line-height:30px;text-align:center;margin-bottom:20px}

  footer .logo{padding-right:0;padding-top:10px}

  .TableBlock .table td, .TableBlock .table th{padding:3%;}
  .TableBlock .table thead th{display: none;}
  .TableBlock table tr{display: block;}
  .TableBlock table tbody td{position: relative;width: 100%;display: block; text-align: right;}
  .TableBlock table td[data-title]:before{font-weight: bold;content: attr(data-title);margin-right: 0.5em;font-size: 0.95em;position:absolute;left: 0;}
  .TableBlock table td:last-child{padding-right: 0;border-bottom: 2px solid #ccc; padding-right:3%;}

  .TableBlock2{padding: 2%;}
  .TableBlock2 .table td, .TableBlock .table th{padding: .5rem;}

  .TableStyle01{padding: 1%!important;}
  .TableStyle06 .table tbody td{text-align: right;}
  .TableStyle05.WhiteBorder{padding: 5%;}
  .TableStyle05 .table tbody td:nth-child(1){text-align: right;}
  .TableStyle05 .table tbody td:nth-child(2){text-align: right;}
  .TableStyle05 .table tbody td:nth-child(3){text-align: right;}
  .TableStyle04 .table tbody td{ text-align: right;}
  .TableStyle07 .table tbody td{ text-align: right;}
  .TableStyle08 .table tbody td{ text-align: right;}
  .TableStyle10 .table tbody td{ text-align: right;}
  .TableStyle11 .table tbody td{ text-align: right;}
  .TableStyle09 .table tbody td{ padding: 3% 3% 3% 100px; text-align: left;}
  .TableStyle12 .table tbody td:first-child{padding-left: 27%;}
  .TableStyle12 .table tbody td:nth-child(2){text-align: right;}
  .TableStyle12 .table tbody td:nth-child(3){text-align: right;}
  .GovernanceTable01{margin-bottom: 5rem;}
  .TableStyle04.TableBlock .table tbody td ol{margin-top: 30px;}
  .TableStyle04.TableBlock .table tbody td ol li{ list-style: none;}
  .CircleBlue{margin: 0 90%;}
  .GovernanceTable01 .table tbody td:nth-child(3){padding-left: 70px;}
  .GovernanceTable01 .table tbody td:nth-child(4){padding-left: 70px; }
  .GovernanceTable02 td{line-height: 1;}
  .btn-moBlue{padding: 2% 8%;}
  /* .TableStyle04.TableBlock .table tbody td:last-child{top :10px} */
   ul.DisplayIB li{ margin: 0 0 0 3%}
  .TableStyle02{padding: 5%;}

  .TableStyle02 ul.DisplayIB,.TableStyle02 ul.DisplayBlock{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
  .TableStyle02 ul.DisplayIB li,.TableStyle02 ul.DisplayIB li{ margin-right: 0;}
  .TableStyle02.TableBlock table td:last-child{padding-right: 1%;}

  .GovernanceTable01 table tbody td:last-child{text-align: right;}
  .TableStyle13 .table tbody th{ width: 40%;}

  .TableStyle14 .table tbody td:nth-last-child(6){width: 100%;text-align: right;}
  .TableStyle14 .table tbody td:nth-last-child(5){width: 100%;text-align: right;padding: 40px 0 10px;}
  .TableStyle14 table :nth-last-child(5):before,.TableStyle14 table :nth-last-child(1):before,.TableStyle14 table :nth-last-child(3):before{top:10px}
  .TableStyle14 .table tbody td:nth-last-child(4){width: 100%;text-align: right;}
  .TableStyle14 .table tbody td:nth-last-child(3){width: 100%;text-align: right;padding: 40px 0 10px;}
  .TableStyle14 .table tbody td:nth-last-child(2){width: 100%;text-align: right;}
  .TableStyle14 .table tbody td:nth-last-child(1){width: 100%;text-align: right;padding: 40px 0 10px;}

  .TableStyle15 .table tbody td:nth-child(1){text-align: right;}
  .TableStyle15 table td:nth-child(2):before,.TableStyle15 table :nth-child(3):before{top:10px}
  .TableStyle15 .table tbody td:nth-child(2){padding: 40px 0 10px;text-align: left;}
  .TableStyle15 .table tbody td:nth-child(3){padding: 40px 0 10px;text-align: left;}

}
@media (max-width:768px){
 .WorkmoreArea{padding-left: 0%;}
}
@media (max-width:480px){
  .TableStyle05.WhiteBorder{padding: 3%;}
  .footer .footer-nav .footer-item{max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}
  .footer .footer-copyright{font-size:12px}
  .TableStyle02.TableBlock .table td, .TableStyle02.TableBlock .table th{ padding: 3% 1%;}

}
@media (max-width:376px){
  .navbar .nav-item{margin: 1px;}
  .navbar .nav-item.dropdown .dropdown-menu{padding: 1px;}
}