@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');
body {
    font-family: 'Poppins', sans-serif;
}
body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, td, textarea, th, ul { margin: 0; padding: 0; -webkit-text-size-adjust: none; box-sizing: border-box;  }
h1, .h1, h2, .h2, h3, .h3 { margin: 0; }
a:focus, button:focus, input:focus, .btn:focus, .form-control:focus, select:focus, input[type=checkbox]:focus, input[type=radio]:focus, textarea:focus { outline: 2px dashed #000; box-shadow: none;}
ol, ul { list-style: none; }
a { transition: all .3s; color: #000; text-decoration: none; display: inline-block; }
a:hover { text-decoration: none; color: #ff6600; }
em,i{ font-style: normal; }
button, input, select, textarea { outline: 0; border-radius: 0; font-family: 'Microsoft JhengHei',Arial,Helvetica,Sans-Serif; font-size: 1em; }
body, html { width: 100%; background: #fff; color: #000; font-size: 1em; font-family: -apple-system, Segoe UI, Roboto, "微軟正黑體", "Helvetica Neue", Arial, sans-serif; height: 100%; }
html.disableScroll, html.disableScroll body { overflow: hidden; }
.img,img{ width: 100%; height: 100%; }
.img{ display: flex; justify-content: center; align-items: center; }
/* 文本顯示行數 */
.ellipsis-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ellipsis-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
/* flex  */
.flex{ display: flex; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
.flex > span { flex-shrink: 0 }
.text-indent-2 { text-indent: 35px; }
.text-indent-3 { text-indent: 70px; }
.flex-between { -webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: space-between; -webkit-moz-box-pack: space-between; box-pack: space-between; }
.flex-noWrap { flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.flex-center { -webkit-justify-content: center; justify-content: center; -moz-box-pack: center; -webkit-moz-box-pack: center; box-pack: center; }
.flex-end { -webkit-justify-content: flex-end; justify-content: flex-end; -moz-box-pack: flex-end; -webkit-moz-box-pack: flex-end; box-pack: flex-end; }
.flex-around { -webkit-justify-content: space-around; justify-content: space-around; -moz-box-pack: space-around; -webkit-moz-box-pack: space-around; box-pack: space-around; }
.flex-items-center { align-items: center; -webkit-align-items: center; box-align: center; -moz-box-align: center; -webkit-box-align: center; }
.flex-items-high { align-items: stretch; -webkit-align-items: stretch; box-align: stretch; -moz-box-align: stretch; -webkit-box-align: stretch; }
.flex-items-end { align-items: flex-end; -webkit-align-items: flex-end; box-align: flex-end; -moz-box-align: flex-end; -webkit-box-align: flex-end; }
.btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: none; }
.textLeft{ text-align: left; }
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.-color{ color: #ff6600; }
.-color4{ color: #444; }
.-colorg{ color: #bea55f; }
.-colorb{ color: #0E6BB6; }
.-color9{ color: #999999; }
h2{ font-size: 2.1875em; font-weight: bold; padding-bottom: 2.56rem;font-family: Playfair Display,serif;; }
h2.otit{ padding-bottom: 1.38rem; color: #AF9150;font-family: Playfair Display,serif;; }
h2.kvtitle{font-size: 2.5em;font-weight: bold; color: #FFFFFF;}
h4{ font-size: 1.5em; color: #000; font-weight: bold; padding-bottom: 2rem; }
.hide{ display: none; }
.card-text .subscript1 span:last-child,.card-text.subscript2 span:last-child{ font-weight: normal; }
.subscript1 span,.subscript2 span{ display: block; color: #444; margin-left: 2px;}
.subscript1 span.time{ font-family: Arial; }
.subscript3{ position: absolute;bottom: 0;left: 0; background: rgba(0, 0, 0, 0.5); padding: 10px 15px; }
.subscript3 a{ color: #fff; font-size: 0.875em; }
.time,.calendar{ font-size: 1em; font-family: Arial;}
.add,.map,.time2{ font-size: 1.125em; }
.font-3{ font-size: 1.25em; }
.font-4{ font-size: 1.5625em; }
.fontBold{ font-weight: bold; }
/*.txt{ font-size: 1.375em; font-weight: bold; text-align: justify;}*/
.txt{ font-size: 1.375em; font-weight: bold;}
.fontTitle{ font-size: 2.1875em; font-weight: bold; }
.subscript2 span{  display: flex; align-items: center; padding-bottom: 0.4375rem; line-height: 24px; }
.subscript2 span .fas{ color: #bea55f; font-size:1.25em; padding: 0 0.32rem 0 0; }
.subscript2 span:nth-child(1) i{ font-size: 1.32em; }
.subscript2 span:nth-child(1) em{ font-size: 1.125em; }
.subscript2 span:nth-child(2) .fas{ font-size: 1.2em; }
.subscript2 span:nth-child(2) em{ font-size: 1em; font-family: Arial; }
.pd-60{ padding: 0 3.75rem; }
.pt-77{ padding-top: 4.81rem; }
.h-60{ height: 60px; }
.ph-36{ padding: 3.7rem 0 3.75rem; }
.phb-60{ padding-bottom: 3.75rem;font-family: Playfair Display,serif;; }
.card-text .time2,.card-body .time1{ font-family: Arial; }
.mb-0{ margin-bottom: 0; }

/* 輪播圖片居中 */
.swiper-slide{ display: flex;justify-content: center; align-items: center; position: relative; overflow: hidden; }
.public .img,.card .img,.cross1 .img{ position: relative; overflow: hidden; }
.imgCont{ position:absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(transparent,rgba(0,0,0,0.2),rgba(0,0,0,0.4),rgba(0,0,0,0.5),rgba(0,0,0,0.6),rgba(0,0,0,0.7),rgba(0,0,0,0.8),rgba(0,0,0,0.9)) }
.imgLeft{ position:absolute; bottom: 0; left: 0; z-index: 3;transition: all .3s ease; }
.imgLeft.active{ bottom: -40%; }
.imgRight{ position:absolute; bottom: 0; right: 0; z-index: 2; }
.imgInner{ padding: 55px 0 28px 60px; position: relative; }
.labelLeft{ padding: 8px 25px 8px 18px; background: #bea55f; font-weight: bold; font-size: 1.125em; color: #fff; border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.pageviews{ text-align: right; padding: 1rem 1.63rem 1.31rem 0; }
.pageviews em{ display: block; color: #fff; font-style: normal; line-height: 26px;  }
.mem-status .pageviews .title,.pageviews .title{ font-size: 0.88em; font-weight: bold; }
.mem-status .pageviews .title{ margin-bottom: 0; line-height: 26px; }
.mem-status .pageviews .num,.pageviews .num{ font-size: 1.6em; font-weight: bold; color: #bea55f; }
.pageviews.imgCont{ bottom: -70%; transition: all .3s ease; }
.pageviews.imgCont.active{ bottom: 0; }

/* publicTextTitle 公共imgtitle */
.publicTextTitle{ color: #fff; }
.tooltip1{ padding: 0.5rem 1.5625rem; background: #bea55f; display: inline-block; border-radius: 40px; font-size: 1.125em; font-weight: bold; }
.tooltip2{ padding: 10px 30px; background: #bea55f; font-size: 1.125em; border-radius: 30px; }
.tooltippos{ position: absolute; top: -8px; left: 60px; }
.publicTextTitle h5{ font-size: 2.1875em; font-weight: bold; }
.publicTextTitle .fontTitle{ line-height: 33px; }
.publicTextTitle .subtitle{ padding: 10px 0; }
.publicTextTitle .subtitle .add{ margin-right: 20px; }
.recent-list,.video-list,.publica-list{ overflow: hidden; } 
.publica-list .card .img{ display: inline-block; }
.publica-list .card a{ display: flex; flex-direction: column; align-items: center; }
/* link */
.link a{ width: 46px; height:46px; border: 1px solid #fff; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; }
.link a:hover{ background: #bea55f; border: 1px solid #bea55f; }
.link.links a:nth-child(3) i{ font-weight: normal; font-size: 1.6em; }
.link a+a{ margin-left: 0.5rem; } 
.link a i{ font-size: 1.4em; font-weight: bold; color: #fff; line-height: 1; }
.link.links a{ border: 1px solid #bea55f; }
.link.link.links a+a{ margin-left: 0; } 
.link.links a i{ color: #bea55f; }
.link.links a:hover i{ color: #fff; }
.link.links{ text-align: right; }
.vision-con{ position: absolute; top: 72px; right: 15px; }
/* 分頁器 */
.pagination{ align-items: center; }
.page-link{ font-size: 1.125em; font-weight: bold; color: #444444; }
.page-link:hover,.page-link.cur { background: none; color: #ff6600; }
.page-link .iconfont{ font-size: 1.25em; }
/* return+related */
.overview{ border-top: 0.13rem solid #bea55f; padding: 1.625rem 0 1.4375rem;  }
.other{ border-top: 0.13rem solid #bea55f; padding: 3.75rem 0; }
.overview .return a{ font-size: 1.375em; font-weight: bold; transition: all .3s ease; }
.overview .return a i{ font-size: 2em; font-weight: bold; margin-right: 0.8rem; transition: all .3s ease; }
.overview .return a:hover i{ color: #ff6600; }
.overview .return.active a i{ margin-right: 1.3rem; }
.overview .link.links{ padding-left: 1rem; }
.related{ background: #eee; padding: 5em 0; }
.related .card a{ background: #fff; }
.related .img{ width: 100%; height: 219px; }
/* bootstrap */
.translate .card,.translateRight .card{ transition: all .3s ease; }
.translate .card.active{ transform: translateY(-5%); }
.translateRight .card.active{ transform: translateX(3%); }
.card-body{ padding: 1rem 0; }
.card,.list-group-item{ background: transparent; border-radius: 0; border: none; }
.list-group-item+.list-group-item{ border-top: #2d8cd2 solid 2px; }
.card-img, .card-img-bottom{ width: auto; height: auto; border-radius: 0; }


                       
/* yt */
.card-img-top{width: 100%;}
.card-body .card-title{ font-size: 1.375em; font-weight: bold;  line-height: 1.5625rem; height: 3.125rem;margin-bottom: 1rem;font-family: Playfair Display,serif;; }
.card-body .card-title img,.thColumn img,.related img{ width: 100%; height: 100%; }
.card-text span{ display: block; color: #444444; line-height: 22px; }
.card-text span:last-child{ font-weight: bold; }
.fixed-menu{ width: 100%; background: #fff; position: fixed;top: 0;left: 0;z-index: 10; transition: all .3s;box-shadow: 0px 1px 7px rgb(0 0 0 / 30%); border-bottom: 1px solid #eee; display: none; }
.fixed-menu>.container{  height: 56px; }
.fixed-menu.active{ top: 0; }
/* .fixed-menu .container{ padding-top: 6px; } */
.fixed-menu .drop .dropLists{ top: 62px; }
.fixed-menu .col{ display: flex; align-items: center; }
.fixed-menu .col .drop>a{ padding: 14px 0 15px 0; }
.quotation{ position: relative; }
.quotation::after{ display: inline-block; content: ''; position: absolute; top: -20px;left: 50%; width: 40px; height: 33px; background: url('../images/“.jpg')no-repeat; transform: translateX(-50%);  }
/* 手機桌機切換 */
.header{ display: block; }
.phoneMenu,.mobile-header{ display: none; }
/* btn */
.tbtn{ font-size: 1.125em; padding: 8px 23px; border-radius: 30px; border: 1px solid #fff; color: #fff; font-weight: bold; margin: 0 5px 13px 0; display: block; }
.tbtn:hover{ background: #fff; color: #bea55f; }
/* 圖片展示 */
.article .pict .img{ height: 520px; width: 100%; }
.article .pict .img img{ height: 100%; width: 100%; }
/* 內文瀏覽數 */
.scan{ margin-top: 0.75rem; }
.scan .name{ font-size: 1.125em; color: #BEA55F; font-weight: bold;    font-family: Playfair Display,serif;; }
.scan .number{ font-size: 2.1875em; color: #444444; font-family: Arial; font-weight: bold; line-height: 2rem; }
/* 麵包屑 */
.bread,.breadBv{ padding: 1.25rem 0 1.75em; }
.breadMember{ padding: 1.25rem 5% 1.75em; }
.breadFont{ justify-content: flex-end; flex-wrap: wrap; line-height: 1; }
.breadFont .item+.item::before { float: left; padding: 0 0.5rem; color: #999999; content:  "/"; }
.breadFont .item a{ font-size: 0.9375em; color: #999999; }
.breadBv .breadFont .item a{ color: #000000; }
.breadBv .breadFont .item+.item::before{  color: #000000; }



/* header-top */
h1.logo .img{ width: 367px; height: 65px;  }
h1.logo{ padding: 20px 0; line-height: 35px; }
.header{ border-bottom: 2px solid #eee; }
.header-top .header-top-nav{ margin-top: 30px; text-align: right; }
.header-top .header-top-nav a+a{ margin-left: 20px; }
.pc-list .article-text { word-wrap: break-word; word-break: break-all; word-break: break-word;}
/* header-bottom */
.header-bottom{ position: relative; }
.header-bottom.fixed{ position: fixed; top:0; left: 0;margin: 0;  }
.header-bottom .btn{ padding: 0; padding-left: 0.3rem; }
.drop:first-child .dropLists .third-item a::before{ content: '#'; font-style: normal; }
.drop .dropdownMenu,.drop .dropdownMenuFirst{ padding-bottom:1.5rem; font-size: 1.25em; font-weight: bold; position: relative; line-height: 20px; width: 100%; text-align: center;  }
.drop:first-child .dropdownMenu{ text-align: left; }
.drop .dropdownMenu.-actor{ color: #ff6600; }
.drop .dropdownMenu.-actor::after,.drop .dropdownMenu.-color::after{ content: ""; display: inline-block; width: 100%; height: 2px; background: #ff6600;position: absolute; top: 100%; left: 0; z-index: 3; }
.drop .dropLists{ position: absolute; background: #fff; top: 46px;  left: 0; width: 100%; display: none; z-index: 3; box-shadow: 0px 5px 8px rgb(0 0 0 / 22%); padding: 1.25rem 0 1.5625em 0;}
.drop .dropLists .container{ padding: 10px; }
.drop .dropLists li{ padding: 0.625rem 0; }
.drop .dropLists .drop-item{ font-weight: bolder; font-size: 1.25em; line-height: 25px; padding-right: 0.2rem; }
.drop .dropLists .drop-item.iconright::after{ content: ""; display: inline-block; background: url('../images/chevron-right.svg'); }
.drop .dropLists .drop-item .icon-xiangyoujiantou,.drop .dropLists .drop-item .fas{ font-size: 0.9em; font-weight: bolder; }
.drop .dropLists .drop-item.-actor{ color: #ff6600; }
.drop .dropLists .third-item a{ font-size: 1.068em; color: #666; }
.drop .dropLists .third-item a:hover,.drop .dropLists .third-item a.-color,.drop .dropLists .third-item a.-actor{ font-size: 1.068em; font-weight: bold; color: #ff6600; }
.drop .dropLists .third-item span{ margin:  0 10px; color: #eee; }
/* 搜索放大鏡 */
.header-bottom .form{ position: relative; top: -12px; }
.form .btn .fas{ font-size: 1.7em; font-weight: bold; }
.form.search input{ border-radius: 1.5rem; background: #eee; border: none; color: #000; font-weight: bold; font-size: 1.1875em; padding-left: 1.5rem;    font-family: Playfair Display,serif;; }
.form.search input::-webkit-input-placeholder {color: #000000;}
.form input.form-control:focus{ background: #eee; }
.searchBtn .fa-search{ font-size: 1.5rem; }
/* second */
.secline{ padding: 20px 60px 0; }
.secline .warp{ display: grid; grid-template-columns: 65% 34%; grid-column-gap: 1%; }
.secline .banner .img,.secline .banner img,.topic .top .img,.topic .top img{ width: 100%; height: 100%; }
.banner{ overflow: hidden; position: relative;--swiper-theme-color: #ff6600; }
.banner .banner-btn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; background: rgba(0, 0, 0, 0.7); }
.banner .banner-btn.swiper-button-prev{ padding: 26px 14px 26px 8px; left: 0;  border-top-right-radius: 50px; border-bottom-right-radius: 50px; }
.banner .banner-btn.swiper-button-next{ padding: 26px 8px 26px 14px; right: 0;  border-top-left-radius: 50px; border-bottom-left-radius: 50px;  }
.banner .banner-btn i{ color: #fff; font-size: 2em; font-weight: bold; }
.banner .slider-swiper{ position: relative; }
.banner .swiper-pagination{ position: absolute; z-index: 3; right: 65px;bottom: 52px;  }
.banner .swiper-pagination span{ display: inline-block; width: 10px; height: 10px; background: #ffffff; border-radius: 50%;margin-left: 5px; }
.banner .swiper-pagination span.swiper-pagination-bullet-active{ border:1px solid #fff;background: transparent; }
.topic{ background: #bea55f; }
.topic .top{ position: relative; }
.topic .top .imgInner{ padding:0 40px 40px 40px; }
.topic .top .tooltippos{ left: 40px; top: -63px; }
.topic .top .subtitle{ padding: 5px 0 0; }
.topic .top .fontTitle{ font-size: 1.5625em; line-height: 26px; }
.topic .bottom { height: 260px; }
.topic .bottom .topic-btn{ display: flex; flex-wrap: wrap; }
.topic .bottom .img{ justify-content: flex-start; }
.topic .bottom .titlebg{ font-size: 3.5em; font-family: Playfair Display,serif;; color: rgba(255, 255, 255, 0.25); line-height: 1; padding: 1rem 0 0 2rem; }
.topic .bottom .topic-btn{ padding: 1rem 2rem 0; font-size: 100%; }
/* 熱門焦點 */
.hot{ padding: 5.3rem 0 3.19rem; border-bottom: 0.13rem solid #bea55f; }
.hot .left .img{ height: 340px; }
.hot img{ width: 100%; height: 100%; }
.public .right .img{ width: 100%; height: 160px; }
.hot .left .card-body .card-title{ height: auto;font-family: Playfair Display,serif;; }
.hot .left .card-body .card-text .add{ margin-bottom: 12px; }
.hot .right{ display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; height: 100%;grid-row-gap: 30px; }
.hot .right .topic-other{ width: 100%; }
.hot .card-body .card-title{ margin-bottom: 1.25rem; height: 3.125rem;font-family: Playfair Display,serif;; } 
.hot .card-body{ padding-bottom: 0; }
.switchLeft,.switchRight{ color: #000000; }
/* recent */
.swiperTtitle{  position: relative;}
 .swiperTtitle .switch{ position: absolute; right: 0; top: 0;width: 85px; display: flex; justify-content: space-between; }
.recent{ padding: 3.69rem 0 3rem; }
.recent .img{  height: 341px; width: 100%;  }
.switch button{ border: none;background: none; padding: 0; }
.switch .fas{ font-weight: bolder; font-size: 2em; }
.recent .card-body .card-title{ height: auto; line-height: 22px; margin-bottom: 13px;font-family: Playfair Display,serif;; }
/* plywood */
.plywood,.perVideo{ height:auto; background: linear-gradient(to right, #143f7d 33%, #2d5a9b 100%); }
.plywood h2{ color: #bea55f;font-family: Playfair Display,serif;; }
.video{ position: relative; }
.plywood .iframe{ height: auto; }
.iframe{ width: 100%; margin-bottom: 1.19rem; }
.video .swiper-slide{ display: block; }
.video .txt{ color: #fff;font-family: Playfair Display,serif;; }
.videoSwitchLeft,.videoSwitchRight{ color: #fff; }
.news .list-group-item{ padding:0; }
.news .list-group-item  a{ color: #fff;  }
.news .list-group-item  a .text{ font-size: 1.375em; font-weight: bolder; line-height: 25px; padding-top: 17px;font-family: Playfair Display,serif;; }
.news .list-group-item a:hover .text{ color: #ff6600; }
.news .list-group-item  a .date{ padding: 12px 0; } 
.news .list-group-item  a .date span{ font-size: 1em; }
.news .list-group-item  a .date span:last-child{ color: #bea55f; font-weight: bold; }
/* publication */
.publication{ padding: 5rem 0; background: url('../images/pubbg.png')no-repeat;background-size: cover;  background-position: center;}
.publication .swiper-slide .tit{ width: 100%; line-height: 3rem; background: rgba(0, 0, 0, 0.55); border-bottom: 2px solid #bea55f; color: #bea55f; font-size: 1.25em; font-weight: bold; text-align: center;  }
.publication .card-body .card-title{ color: #fff; text-align: center; height: auto; font-weight: 600; margin-bottom: 14px;font-family: Playfair Display,serif;; }
.publication .card-text{ font-size: 1.125em; text-align: center; color: #fff; line-height: 15px; }
/* join */
.join{ height: 35.5rem; background: url('../images/joinbg.jpg') no-repeat; background-position: center 14%; background-size: cover; display: flex; align-items: center; position: relative; }
.join .card-text{ font-size: 1.25em; font-weight: bold; padding-bottom: 1.95rem; }
.joinBtn{ padding: 10px 25px; color: #fff; font-weight: bold; font-size: 1.25em; background: #bea55f; border-radius: 40px;font-family: Playfair Display,serif;; }
.joinBtn:hover{ background: #af9650; color: #fff; }
/* footer */
.footer{  position: relative; }
.footer .scorll-top{ position: absolute; top: -2.58rem;left: 50%; transform: translateX(-50%);transition: all .3s ease; z-index: 1; }
.footer .scorll-top a{ width: 73px; height: 73px; background-color: #194687; border-radius: 50%;  display: flex; justify-content: center; }
.footer .scorll-top a i{ font-size:1.5em; font-weight: bold; color: #fff; margin-top: 0.8rem;transition: all .1s ease; }
.footer .scorll-top.active a i{ margin-top: 0.45rem; }
.footer .warp{ background: linear-gradient(to right, #143f7d 33%, #2d5a9b 100%); padding: 3rem 0; width: 100%;position: absolute; top: 0; left: 0; z-index: 2; }
.footer .title{ font-size: 1.375em; font-weight: bold; color: #50aafa; padding-bottom: 20px; line-height: 20px;font-family: Playfair Display,serif;; }
.footer .list .list-item{ color: #fff; font-size: 1.125em; line-height: 1.9rem; }
.footer .list .list-item:first-child{ text-decoration: underline; }
.footer .list .list-item a{ color: #fff; text-decoration: underline; }
.footer .list .list-item a:hover,.footer .footer-left-item a:hover{ color: #ff6600; }
.footer .left{ padding-right: 15px; width:30%; }
.footer .center{ padding: 0 30px; }
.footer .right{ padding-left:15px; width:20%; }
.footer input.email{ width: 59%; } 
.footer input.name{ width: 39%; } 
.form { align-items: center; }
.form .code{ width: 45%; }
.form .refresh{ width: 37px; height: 36px; border: 1px solid #fff; color: #fff; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; }
.form .refresh i{ font-size: 1.25em; display: inline-block; }
.footer .form-control{ display: inline-block; border-radius: 0.4rem; }
.btn-gold{ background: #bea55f; padding: 0.42rem 1.5rem; font-weight: bold; font-size: 1.125em; color: #fff; }
.btn-gold:hover{ background: #af9650; color: #fff; }
.hr{ width: 100%; opacity: 1; background: #eee; }
.footer .bottom{ margin-top: 1rem; }
.footer .bottom .col-xl-3{ width: 31%; margin-top: 5px; }
.footer .footer-left-item { font-size: 1.125em; color: #2d8cd2; }
.footer .footer-left-item a{ color: #fff; font-weight: bold; letter-spacing: 1px;font-family: Playfair Display,serif;; }
.footer .bottom .col-xl-9{ width: 69%; margin-top: 5px;}
.footer .copy{ font-size: 1.125em; color: #fff; }
/* 全球連結列表 */
/* .cont{ margin-bottom: 3.125rem; }  */
.cont h2{ padding-bottom: 2.25rem;    font-family: Playfair Display,serif;; }
.subselect{ position: relative; width: 174px;}
.select{font-family: Playfair Display,serif;; height: 2.5em; border-radius: 1.4rem;border: 0; background: #444444; font-size: 1.125em; color: #fff; padding: 0 15px;appearance:none;-moz-appearance:none; -webkit-appearance:none; width: 100%; text-align: left;  }
.subselect .chevron-down{ position: absolute; top: -1px;right: 15px; top: 11px; transition: all 0.2s ease; z-index: 100; }
.subselect .chevron-down.active{ transform: rotate(180deg); }
.subselect .chevron-down i{ font-size: 1.4em; color: #fff; }
.subselect.curry{ height: 40px; }
.dropdown-menu{ width: 100%; background: #444444; border: none; border-radius:1.3rem; padding: 1.2rem 0; top: 3rem; }
.dropdown-menu .dropdown-item{ color: #fff;font-family: Playfair Display,serif;;}
.dropdown-item:focus, .dropdown-item:hover,.dropdown-item.cur{ background: #000; color: #fff; }
.information.lists .card .img{ height: 341px; }
.information .card{ padding-bottom: 60px; }
.information .card-body{ line-height: 20px; padding-left: 2rem; position: relative; }
.information .card-body::before{ display: inline-block; content: ""; width: 0.13rem; height: 5.94rem; background: #bea55f; position: absolute; bottom: 1.25rem; left: 1rem; text-align: justify; }
.article .title{ font-size: 3.44em; font-weight: bold; color: #0E6BB6; line-height: 60px; letter-spacing: -2px; margin-bottom: 1.9rem;font-family:ReithSans, Helvetica, Arial, freesans, sans-serif;; word-wrap: break-word; }
.article .text-bra:hover{ color: #ff6600; }
.information.lists .card-body .card-title{ height: auto;font-family: Playfair Display,serif;; }
.notes{ border-left: 5px solid #bea55f; }
.notes span{ display: block; color: #444444; line-height: 25px; }
.notes .scan{/* margin: 1.875rem 0 2.5rem;*/margin: 0.5rem 0 1.8rem; }
.article .less-n{ color: #bea55f; font-family: Arial; }
.article .less-t{ color: #bea55f; font-weight: bold; }
.article .top{ padding-bottom: 3.88rem; }
.article .text{ font-size: 1.125em; line-height: 1.88rem; text-align: justify;font-family:ReithSans, Helvetica, Arial, freesans, sans-serif;;}
.text em { font-style: italic; }
.article .subtitle{ font-size: 1.5em; font-weight: bold; }

/* 活動 */
.cross1{ width: 100%; height: 460px; margin-bottom: 3rem; margin-top: 23px; }
.cross1 .img{ height: 459px; }
.cross1 .img .img{ width: 100%; height: 100%; }
.cross1 .pageviews.imgCont{ bottom: 0; }
.cross1 .right .tit{ font-family: Playfair Display,serif;;border-top: 0.13rem solid #bea55f; border-bottom: 0.13rem solid #bea55f; position: relative; line-height: 1; padding: 22px 0 18px; }
.cross1 .right .tit::after{ display: inline-block; content: ''; position: absolute; top: -20px;left: 50%; width: 40px; height: 33px; background: url('../images/“.jpg')no-repeat; transform: translateX(-50%);  }
.cross1 .right .text{  padding: 19px 0 25px; line-height: 1.8;text-align: justify; }
.cross1 .right .subscript1 span{ font-size: 1.125em; }
.cross1 .right .subscript1 span.time{ font-family: Arial; }
.cross2{ margin-bottom: 1.5rem; }
.cross2 a{ display: grid; grid-template-columns: 542px 1fr;   }
.cross2 a .right{ border: 1px solid #eeeeee; }
.cross2 .card-body{ padding: 36px 50px 40px 40px; text-align: justify; }
.cross2 .card-body .card-title{ line-height: 1; height: auto; margin-bottom: 0; }
.cross2 .card-text{ margin: 1.25rem 0 27px; line-height: 1.88rem; text-align: justify; }

.cont .iframe{ width: 100%; height: 625px; }
.activityInside .top .img{ position: relative; }
.activityInside .subscript2{ padding-bottom: 27px; }
.activityInside .subscript2 span{ display: inline-block;   }
.activityInside .subscript2 span:nth-child(2){ margin-left: 10px; }
.activityInside .subscript2 span em{ font-weight: bold; font-size: 1.25em;  color: #444444;}
.activityInside .subscript2 span:nth-child(2) em{ font-family: Arial;}
/*焦點訪談 影響力作戰 */
.focus .img2{ height: 219px; }
.focus .card,.annual .card,.focus-list .card{ padding-top: 2.7rem;  }
.focus ul> li,.focus ul> div{ padding-bottom: 2rem; }
.focus .fine{ font-size: 0.88em; color: #666666; text-align: left; padding: 0.5rem 0 0 0.5rem; }
.other .btn-over{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
.tbtn.mbtn{ border: none; background: #eee; color: #000; margin-bottom: 0.625rem;font-family: Playfair Display,serif;; }
.tbtn.mbtn:hover,.tbtn.mbtn.cur{ background: #AF9150; color: #fff;font-family: Playfair Display,serif;; }
.focus .bgg{ background: #bea55f; font-family: Arial; color: #fff; line-height: 2.5rem; }
.focus .weekly{ line-height: 20px; }
.figure-caption{ color: #444444; font-size: 1em!important;   }
.focus .figure-caption span:nth-child(1) { font-weight: bold; font-size: 110%; display: block; line-height: 1; margin-bottom: 0.5rem; }
.focus .figure-caption a { font-weight: bold; font-size: 1.5em; color: #0E6BB6; letter-spacing: -0.1rem; margin-right: 0.625rem; line-height: 1; }
.figure-caption .time{ font-size: 89%; }
.focus .tit .right{ text-align: right; }
.generality{ margin-top: 3.5rem; border-top: 2px solid #bea55f; border-bottom: 2px solid #bea55f; padding: 2.5rem 0 2.25rem; text-align: justify; }
.remarks{ margin: 2rem 0; padding: 1rem 0; font-size: 0.88em; border-left: 0.25rem solid #eee; padding-left: 1rem; }
.remarks>div{ line-height: 1.25rem; text-align: justify; }
.thColumn .img{ width: 100%; height: 219px; }
.thColumn .subscript1 span{ line-height: 20px; }
/* 中共政軍概念所 */
.members-banner .content{ width: 63%; }
.memInsiBan .img, .members-banner .img{ width: auto; height: auto; max-width: 100%; max-height: 100%; overflow: hidden;  position: relative;} 
.members-banner .img::after{ content: ""; display: inline-block; position: absolute;top: 0;right: 0;bottom: 0;left: 0; background: rgba(0, 0, 0, 0.2); }
.members-banner .subscript3, .memInsiBan .subscript3 {right: 0; left: auto; }
.members-banner .container.position-absolute{     top: 7rem; left: 50%; transform: translateX(-50%); }
.mem-status{ padding-bottom: 5rem; }
.mem-status .title,.mem-status .caption{ font-size: 2.1875em; font-weight: bold; line-height: 34px;  margin-bottom: 30px;font-family: Playfair Display,serif;;}
.mem-status .num{ color: #999999; font-family: Arial; padding-top: 0.3rem; }
.mem-status .lists >li a{ margin-bottom: 5px;}
.mem-status .lists >li a .txt{ line-height: 24px; color: #0e6bb6;}
.mem-status .lists >li a:hover .txt{ color: #ff6600; }
.mem-team .top{ height: 350px;  background-color: #bea55f;}
.mem-team .top .container{ padding-top: 3.75rem; height: 100%;  }
.mem-team .top .left{ width: 50%; position: relative; }
.mem-team .top .left span{font-size: 2.5em; color: #fff; font-weight: bold; line-height: 1;font-family: Playfair Display,serif;; }
.mem-team .top .left::after{ content: ""; background: url(../images/members-2.png)no-repeat; display: inline-block; font-size: 8em; font-family: PlayfairDisplay-Regular; color: #fff; position: absolute; bottom: -3px; right: 53px; width: 412px; height: 140px;}
.mem-team .top .figure{ margin-bottom: 0.5rem; line-height: 1.5; display: grid; grid-template-columns: 120px 1fr; grid-column-gap: 1rem; }
.mem-team .top .name,.mem-team .top .edu,.mem-team .top .post{ color: #000; }
.mem-team .top a.figure .img{ background: #eee; width: 120px; height: 120px; border-radius: 50%; overflow: hidden;position: relative; } 
.mem-team .bottom a .figure .img{ background: #eee; position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; } 
/* .mem-team a .img img.rounded{ border-radius: 50% !important; } */
.mem-team .top .figure:hover .img::before{ content: 'more'; font-size: 1.88rem; font-family: PlayfairDisplay-Regular; position: absolute; top: 0;left: 0; right: 0;bottom: 0;  background: rgba(0, 0, 0, 0.3); color: #FFFFFF; text-align: center;border-radius: 100%; line-height: 120px; }
.mem-team .top .figure .caption div:first-child{ font-size: 1.375em; font-weight: bold;font-family: Playfair Display,serif;; }
.mem-team .top .figure .caption div:nth-child(2) span.name{ font-size: 2.5em; color: #000; font-weight: bold;font-family: Playfair Display,serif;; }
.mem-team .top .figure .caption div:nth-child(2) span.edu{ font-size: 1.3em; font-weight: bold; position: relative; top: -1rem;font-family: Playfair Display,serif;;}
.mem-team .top .figure .caption div:last-child{ font-size: 1.125em; color: #fff; font-weight: bold;}
.mem-team .bottom .row{ padding: 5.63rem 0 1.9rem; }
.mem-team .bottom .figure{ border-top: 0.31rem solid #eee; padding: 1.25rem 0 0; grid-template-columns: 120px 1fr; display: grid; grid-column-gap: 1rem;}
.mem-team .bottom .figure .caption{ line-height: 1.2; }
.mem-team .bottom .figure .name{ font-size: 2.5em; font-weight: bold; color: #bea55f; margin-right: 0.5rem; font-family: Playfair Display,serif;; }
.mem-team .bottom .figure .edu{ font-size: 1.25em; font-weight: bold; color: #bea55f; position: relative; top: -15px; margin-right: 0.7rem;font-family: Playfair Display,serif;;  }
.mem-team .bottom .figure .post{ font-size: 1.25em; font-weight: bold; color: #444; line-height: 1;font-family: Playfair Display,serif;; margin-top: 0.3rem; margin-bottom: 1rem;  }
.mem-team .bottom .figure .time2{ font-weight: normal; color: #444;font-family: Playfair Display,serif;; }
.mem-team .bottom .firstTop{ line-height: 1.4;display: flex; flex-direction: column; }
.mem-team .bottom .firstTop span{ display: inline-block; }
.mem-team .bottom .recruitBtn{ display: flex; align-items: center; justify-content: flex-end; }
.mem-team .bottom .recruitBtn .text{ color: #000; font-size: 1.375em; font-weight: bold; margin-right: 12px; }
.mem-team .bottom .recruitBtn .icon{ transition: all 0.2s ease; }
.mem-team .bottom .recruitBtn .icon.active{ transform: translateX(7px); }
.mem-team .bottom .recruitBtn i{ font-size: 2.2em; font-weight: bold; color: #000; }
.mem-team .bottom a:hover .img::after{ content: 'more'; font-size: 1.88rem; font-family: PlayfairDisplay-Regular; border-radius: 100%; position: absolute; top: 0;bottom: 0;right: 0; left: 0; background: rgba(0, 0, 0, 0.4); text-align: center; line-height: 120px; color: #fff; }
.memInsiBan{ display: flex; align-items: center;}
.memInsiBan .container.position-absolute { top: 50%; left: 50%; transform: translate(-50%,-50%); }
.rwdPic{ display: none; }
.figures{ width: 100%; overflow: hidden; display: grid; grid-template-columns: 1fr 450px; padding-right: 5%;  }
.figures .left .img{ width: 450px; height: 450px; background: #eee; }
.figures .left .img img{ max-width: 100%; max-height: 100%; width: auto; height: auto; }
.figures .left .bottom{ padding-top: 1.7rem; }
.figures .share{ font-size: 1.88rem; color: #666666; font-family: PlayfairDisplay-Regular; padding-right: 1rem; }
.figures .right{  background: #BEA55F;padding: 2.5rem 0 4rem;  width: 100%; display: flex; justify-content: flex-end; }
.figures .right .cover{ width: calc(100% - ( (100% + 450px + 5% - 1120px) / 2) );  }
.figures .right .cover>div{ padding-top: 2.5rem;  }
.figures .right .cover>div .title{ padding-bottom: 1.2rem; }
.figures .right .name{ font-size: 5.3em; font-weight: bold; line-height: 1;font-family: Playfair Display,serif;;  }
.figures .right .edu{ font-size: 1.5em; font-weight: bold; position: relative; top: -46px; padding-left: 0.5rem;font-family: Playfair Display,serif;; }
.figures .right .post{ font-size: 1em; font-weight: bold;font-family: Playfair Display,serif;; }
.figures .right .title{ font-size: 1.875em; font-weight: bold; color: #fff; display: flex; line-height: 1.88rem; overflow: hidden; align-items: center; white-space: nowrap; font-family: Playfair Display,serif;; }
.figures .right .title .str{ display: inline-block; width: 100%; width: 100%; height: 0.19rem; background: #fff; margin-left: 15px; }
.figures .right .txt{ color: #000; font-size: 1.5em; font-weight: bold; line-height: 2.3rem; padding-right: 10px;font-family: Playfair Display,serif; }
.figures .right .connect{ display: flex; align-items: flex-start; }
.figures .right .connect .tel{ margin-right: 20px; display: flex; align-items: flex-end; }
.figures .right .connect .tel .img{  margin-right: 12px; width: 48px; height: 64px; position: relative; top: -9px; }
.figures .right .connect .tel .phone{ position: relative; top: -4px; }

    /*---CBI---*/
    .figures .right .connect .IndsrEmail {
        display: flex;
        align-items: center;
        margin-right: 20px;
    }

    .figures .right .connect .IndsrEmail .img {
        margin-right: 12px;
    }

    .figures .right .connect .IndsrEmail .fa-envelope {
        color: #fff;
    }

    .figures .right .connect .IndsrEmail .IndsrEmail_text {
        font-size: 1.5em;
    }

    .figures .right .connect span {
        display: flex;
        color: #fff;
        font-family: Arial;
        font-weight: bold;
        align-items: center;
        line-height: 1.2;
    }

    .IndsrEmail .img {
        width: unset;
    }

    .IndsrEmail .IndsrEmail_text .obj {
        font-size: 1.5rem;
    }
	
.figures .right .connect span{ display: flex; color: #fff; font-family: Arial; font-weight: bold; align-items: center; line-height: 1.2; }
.figures .right .connect span:first-child{ font-size: 1.5em; }
.figures .right .connect span:last-child i.obj{ font-size: 1.375em;}
.figures .right .connect span:last-child i.num{ font-size: 2.8125em; margin-left: 10px; line-height: 1; }
.figures .right .connect .way{display: flex; align-items: center; flex-wrap: wrap; }
.figures .right .connect .way a{ height: 56px; width: 65px; display: flex; justify-content: center;align-items: center; background: #444444; border-radius: 0.5em;  display: flex; align-items: center; margin-right: 0.5rem; }
.figures .right .connect .way a.interview{ padding: 0 20px; width: auto; }
.figures .right .connect .way a:hover{ background: #000000; }
.figures .right .connect .way a i:first-child{ font-size: 2em; color: #BEA55F; }
.figures .right .connect .way a:last-child i:first-child{ font-size: 2em; font-weight: bold; }
.figures .right .connect .way a:last-child i:last-child{ font-size: 2em; font-weight: bold; color: #BEA55F; }
.dynamic{ padding: 5rem 0; border-bottom: 0.13rem solid #af9650; position: relative; }
.dynamic .dy-item { transition: all 0.3s ; }
.dynamic .dy-item li.cur{ display: none; }
.dynamic .dy-item .num{  font-weight: bold; color: #999999; }
.dynamic .dy-item .num i{ font-family: Arial; }
.unfold{  width: 80px; position: absolute; bottom: -23px;left: 50%; transform: translateX(-50%); }
 .unfold a{ display: flex; flex-direction: column; }
.unfold span:first-child{ font-weight: bold; color: #444444; }
.unfold span:last-child{display: inline-block; margin: auto; border-radius: 100%; background: #BEA55F; transform: rotate(-90deg);-webkit-transform:rotate(-90deg);width: 43px; height: 43px; text-align: center; line-height: 43px;
}
.unfold span:last-child i{  margin-top: 10px; font-size: 1.5em; font-weight: bold; color: #FFFFFF; } 
.perPublish{ padding-top: 2.82rem; margin-bottom: 2.75rem; }
.perPublish .card{ padding-bottom: 2.7rem; }
.tab-content .more{ font-weight: bold; text-align: right; display: flex; align-items: flex-end;justify-content: flex-end; }
.tab-content .more:hover{ color: #ff6600; }
.tab-content .more i{ margin-right: 0.3rem; font-size: 1.5em; }
.tab-content .more em{  font-size: 1.25em; }
.perVideo .container{ position: relative; }
.perVideo h2{ color: #bea55f; }
.perVideo .swiper-slide{ display: block; }
.perVideo .swiper-slide .txt{ color: #fff; }
.tab-content .swiper-wrapper{ height: auto; }
.perVideo button i{ color: #fff; }
.perPart.publication{ padding: 5rem 0 2rem; }
.perPart.publication .swiper-slide{ padding-bottom: 1.3rem; }
.perPart .more{  color: #fff; }
.perExper{ padding: 5rem 0 1.875rem; }
.perExper .exper-list .item{ font-size: 1.25em; font-weight: bold; padding-bottom: 0.5rem;font-family: Playfair Display,serif;  }
.perExper .exper-list .item::before{ display: inline-block; content: ''; width: 0.56rem; height: 0.56rem; background: #444444; border-radius: 100%; margin-right: 0.5rem; margin-bottom: 3px; }
.modal .wrap{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.modal.show .modal-dialog{ width: 960px; }
.modal .modal-dialog .modal-content{ padding: 2rem 4.38rem; box-sizing: border-box; position: relative; border: none; width: 960px; }
.modal .modal-dialog .modal-title{  width: 100%; position: relative; }
.modal .modal-dialog .modal-title::before{ display: inline-block; content: ""; height: 2px; background: #bea55f; width: 100%; position: absolute; top: 50%; transform:translateY(-50%); left: 0; }
.modal .modal-dialog .modal-title span{ color: #bea55f; font-size: 1.5em; font-weight: bold; background: #fff; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); padding: 0 0.5rem; }
.modal .firstname { display: flex; margin-bottom: 2.56rem; }
.modal .firstname .name { font-size: 3.44em; font-weight: bold; color: #AF9650; line-height: 3.8rem; margin-right: 1.13rem; }
.modal .firstname .name-rem span:first-child{ font-size: 1.375em; font-weight: bold; color: #666; display: block; }
.modal .firstname .name-rem span:last-child{ font-size: 1.125em; color: #666; display: block; }
.modal .seconddate .left{ width: 10%; }
.modal .seconddate .year{ font-size: 1.5em; color: #666; font-weight: bold; font-family: Arial; line-height: 1.38rem; }
.modal .seconddate .month{ font-size: 3.44em; color: #666; font-weight: bold; font-family: Arial; line-height: 2.62rem; margin-top:0.5rem; }
.modal .seconddate .right{ width: 90%; }
.modal .seconddate .appoint{ display: flex; align-items: center; justify-content: space-between; background: #19417D; color: #fff; padding: 15px 2rem 17px 1.63rem; border-radius: 4px; }
.modal .seconddate .appoint+.appoint{ margin-top: 1rem; }
.modal .seconddate .appoint .alil{ display: flex; align-items: flex-end; height: 40px; }
.modal .seconddate .appoint .alil span{ margin-right: 10px; } 
.modal .seconddate .appoint .alil i{ font-size: 2.5em; color: #329BFF; }
.modal .seconddate .appoint .day{ font-size: 2.5rem; font-family: Arial; font-weight: bold; color: #329BFF; line-height: 32px; }
.modal .seconddate .appoint .week{ color: #fff; font-weight: bold; font-size: 1.125em; padding-right: 0.4rem; } 
.modal .seconddate .appoint .morn,.modal .seconddate .appoint .isit{ color: #fff; font-family: Arial; font-size: 1.125em; padding-right: 0.4rem; } 
.modal .seconddate .appoint .clin i{ color: #ffffff; }
.modal .seconddate .appoint .oappo { display: flex; justify-content: center; align-items: center; }
.modal .seconddate .appoint .oappo span:first-child{ font-size: 1.125em; color: #000000; font-weight: bold; margin-right: 0.2rem; }
.modal .seconddate .appoint .oappo span:last-child{ font-size: 1rem; line-height: 38px; }
.modal .seconddate .appoint .appo{ display: block; transition: all 0.3s ease; }
.modal .seconddate .appoint .appo.cur{ transform: translateX(20px); }
.modal .seconddate .appoint .appo i{ font-size: 2.5em; }
.modal .seconddate .appoint .oappo{ display: none; }
.modal .seconddate .appoint#active{ background: #aaaaaa; cursor: not-allowed; }
.modal .seconddate .appoint#active i{ font-size: 2.5em; color: #fff; }
.modal .seconddate .appoint#active .day{ color: #ffffff; }
.modal .seconddate .appoint#active .appo{ display: none; }
.modal .seconddate .appoint#active .oappo{ display: flex; }
.modal .seconddate+.seconddate{ margin-top: 3.88rem; }
.modal .seconddate.thirdate .right{ color: #666666; font-size: 1.5em; font-weight: bold; }
.modal .secondtime .left span{ margin-right: 10px;display: inline-block; }
.modal .secondtime .left i{ color: #0E6BB6; font-size: 2.1875em; }
.modal .secondtime .day{ color: #0E6BB6; font-size: 2.1875em; font-weight: bold; line-height: 1; }
.modal .secondtime .week,.modal .secondtime .morn,.modal .secondtime .isit{ font-size: 1.125em; font-weight: bold; }
.modal .secondtime .left{ margin-right: 1rem; }
.modal .secondtime  .btnt{ padding: 0.6rem 1.5rem; background: #eee;border-radius: 2.3rem; color: #444444; font-weight: bold; }
.modal .form{ margin-top: 1.69rem; }
.modal .form .refresh{ background: #eee; margin: 0 0.75rem; } 
.modal .form .refresh i{ color: #000000; }
.modal .form label{ font-weight: bold; font-size: 1.375em; color: #666666; }
.modal .form .row{ display: flex; align-items: center;}
.modal .form .row.textarea{ align-items: flex-start; }
.modal .form .col-lg-3{ width: 17%; } 
/* */
.modal .form label[for=inputExtension]{ padding-left: 0;padding-right: 0; width: 9%; }
.modal .form .inputk{ width: 68%;  } 
.modal .form .inputf{ width: 21%; }
.modal .form  input{ padding: 0.8rem 0.75rem ; color: #666666; font-weight: bold; } 
.modal .form  .form-control{ border-color: #cccccc; } 
.modal .form input.form-control:focus{ background: transparent;  }
.modal .form .refresh i{margin-top: 0.4rem; padding: 0.3rem 0.4rem 0.7rem; }
.modal .seconddate .appoint.active { background: #aaaaaa; cursor: not-allowed; }
.modal .seconddate .appoint.active i { font-size: 2.5em; color: #fff; }
.modal .seconddate .appoint.active .day { color: #ffffff; }
.modal .seconddate .appoint.active .appo { display: none; }
.modal .seconddate .appoint.active .oappo { display: flex; }
.modal .modal-footer{ justify-content: center; }
.modal .modal-footer .send{ border: transparent; background: #bea55f; color: #ffffff; font-size: 1.25rem; font-weight: bold; padding: 0.75rem 3.87rem; border-radius: 50px; }
.modal .modal-footer .send:hover{ background: #af9650; } 
.btn-close{ width: 2.14rem; height: 2.14rem; padding: 0; color: #727272; position: absolute; top: 1.2rem; right: 2.5rem; background-size: 100% 100%; }
.btn-close:focus{ box-shadow: none; }
/* 搜索結果 */
.search-banner{ width: 100%; height: 230px; background: url('../images/search-banner.jpg'); display: flex; justify-content: center; align-items: center; background-position: center; }
.search-banner .form.search{ width: 576px; display: grid; grid-template-columns: 1fr 58px; grid-column-gap: 6px; }
.search-banner .form.search input{  padding: 0 1.5rem; height: 60px; border-radius: 70px;font-family: Playfair Display,serif;;  }
.search-banner .form.search .btn{ background: #444444; border-radius: 50%; color: #ffffff; width: 100%; height: 58px;}
.search-result h2 span{ font-family: Arial; color: #CDB45F; }
.search-result .content .left{ width: 20%; }
.search-result .content .left .tabmenu .tabContent { padding-bottom: 1.25rem; }
.search-result .content .left .tabTitle{ display: flex; justify-content: space-between; align-items: center; padding: 1rem 0 0.7rem; }
.search-result .content .left .tabTitle .name{ font-size: 1.38rem; font-weight: bold;font-family: Playfair Display,serif;; }
.search-result .content .left .tabTitle .icon{ display: inline-block; font-size: 1.38rem; font-weight: bold; transition: all .3s ease;transform: rotate(90deg); position: relative; right: 5px; }
.search-result .content .left .tabTitle.active .icon{ transform: rotate(270deg); }
.search-result .content .left .form-check-label{ font-weight: bold; font-size: 1.125em; color: #444444; }
.search-result .content .right{ width: 75%; }
.search-result .content .card-text{ font-size: 1.125em; }
.search-result .content .card-text .num{ color: #444444; font-family: Arial; }
.search-result .content .card-text .tt{ color: #333333;  }
#masonry{  position:relative; }
.masonry .search_list{ padding-bottom: 3.75rem;width: 383px;}
.masonry .card-body>div{ text-align: center; height: auto; }
/* 無結果 */
.not-reault{ height: 100vh; }
.search-result.not-reault .sorry{ color: #444444; font-size: 1.375em; font-weight: bold; }
.evaluation-bg .pageviews.imgCont{ bottom: -100%; }
.evaluation-bg .pageviews.imgCont.active{ bottom: 0; }
.article .person{ font-size: 1.375em; }
.article .person a{ padding-right: 15px; }
.focus .figure-img{ width:120px; height:120px}
.team .figure .img{ width: 310px; overflow: hidden; height: 357px; }
.team .figure .img img { border-radius: 50%!important; }
.team .capacity .citizen{ display: flex; align-items: center; }
.team .capacity .name{ font-size: 1.5625em; font-weight: 700;color: #806921;font-family: Playfair Display,serif; }
.team .capacity .citi{ font-size: 1.125em; font-weight: bold; width: 110px; display: inline-block; text-align-last: justify; text-align: justify; }
.team .capacity .ship{ font-size: 1.25em; font-weight: bold; display: inline-block; text-align: left; padding-left: 15px; }
.survey-team .text{ font-size: 1.125em; line-height: 1.88rem; text-align: justify; }
.survey-team .caption:not(:first-child){ margin-top: 2.82rem; }
.apply{ font-weight: bold; text-decoration: underline; }
.apply:hover{ text-decoration: underline; }
.sv-quesnaire-item+.sv-quesnaire-item{ margin-top: 10px; }
.sv-quesnaire-item span{  font-size: 1.25em; font-weight: bold; }
.sv-quesnaire-item a.apply{ margin-right: 10px; font-size: 1.125em; }
#reasonBtn .form-control{ text-align: left; }
#reasonBtn .chevron-down{ position: absolute;top: 1.2rem;  right: 0.9rem; transition: all 0.2s ease; color: #666; }
#reasonBtn .chevron-down.active { transform: rotate(180deg); }
#reasonDownMenu{ width: 100%; background: #fff; border: 1px solid #cccccc; border-radius: 0.25rem; padding: 0.9rem 0; }
#reasonDownMenu .dropdown-item{ color: #666666; }
#reasonDownMenu .dropdown-item:hover,#reasonDownMenu .dropdown-item:focus, #reasonDownMenu .dropdown-item:hover, #reasonDownMenu .dropdown-item.cur{ background: #eeeeee; }
.structure-img img{ max-width: 100%; max-height: 100%; width: auto; height: auto; }




/* 年度報告 */
table{width: auto !important;}
.pc-list{display: block;}
.phone-list{display: none;}
.numCont{ position: absolute; bottom: 0; width: 100%; left: -35%; }
.pageviews.numCont{ bottom: -70%; transition: all .3s ease; }
.pageviews.numCont.active{ bottom: 0; }
.annual .item{ border-top:1px solid rgba(0,0,0,.125); padding-top: 2.5rem;}
.annual .item:nth-child(-n+3){ border-top:none; }
.annual .card{ padding: 0 0 1.5rem; }
.annual .card-body .card-title{ height: auto;font-family: Playfair Display,serif;; }
.annual .card-body .card-text{ line-height: 1rem; }
.annual .card-body .card-text .time2{ font-size: 1em; }
.annual .pagination { padding-bottom: 5%; }
.article-list .Chapter span{font-family: Playfair Display,serif;;}
.mem-team .bottom .figure .caption .font-18{ font-family: Playfair Display,serif;;word-break: break-word;}
/* .details-book .mem-team .bottom .figure{border-top: 0.31rem solid #eee; padding: 1.25rem 0 0; align-items: flex-start; display: flex; } */
/* 隱私權聲明 */
.privacy-bg{background: url(../images/temp/privacy.jpg) no-repeat; background-size: cover; height: 14.125rem; width: 100%; background-position: center; }
.privacy.article .subtitle{ padding: 1.88rem 0 1.25rem;font-family: Playfair Display,serif;}
.team .subtitle{color: #BCA45F;}
.team .ul { border-bottom: 1px solid #eee; padding-bottom: 1rem; }
.privacy ul { margin-left:3.5rem; }
.privacy ul li { margin-bottom:10px; list-style-type: disc; }
.tit2{font-size: 1.1em;  color:#000; font-weight: bold;  margin-bottom:70px; margin-top: 30px;}
.privacy-bg .kvtitle{position: relative;top: 6rem; font-family: Playfair Display,serif;;}
/* 聯絡我們 */
.contactUs{ width: 100%;  display: flex;}
.us .me{ background: url('../images/MAP.png')no-repeat left 62px bottom 0,linear-gradient(to right, #143f7d 33%, #2d5a9b 100%); width: 100%; padding: 75px 0 105px 62px;  }
.us .me .address li{ font-size: 1.25em; font-weight: bold; color: #fff; line-height: 36px; }
.us .me .address li a{ position: relative; }
.us .me .address li a::after{ content: ''; display: inline-block; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: 6px; left: 0; }
.contact{ font-size: 2.1875em; font-family: Playfair Display,serif;; font-weight: bold; color: #FFFFFF;  display: inline-block; padding-bottom: 20px; }
.house-img{ display: flex; justify-content: center; align-items: center; background: url('../images/house.jpg')no-repeat; background-position: center right; width: 100%; height: 100%; background-size: cover;  }
.us .map{ height: 345px; }
/* 網站地圖 */
.sitemap{ background: url('../images/sitemap.jpg') no-repeat; background-position: center center;background-size:  cover; width:100%;height: auto; }
.sitemap .title { padding-top: 32px; }
.siteTitle{display: flex; flex-wrap: wrap; vertical-align: top; padding-bottom: 59px;}
.siteTitle .title-name {margin-right: 50px;vertical-align: top;display: inline-block; padding-bottom: 60px;}
.siteTitle .title-name .fontBlack li>a:hover{color: #000;border-bottom: 1px solid #000;}
.siteTitle .title-name .fontBlack li>a{display: inline}
.fontWhile>a{ font-size: 1.56em; font-family: Playfair Display,serif;; font-weight: bold; color: #FFFFFF; line-height: 29px; }
.fontBlack li{ font-size: 1.25em; font-family: Microsoft JhengHei; font-weight: bold; color: #000000; line-height: 30px; }
/* 源起與制度 */
h2.bvtitle{font-size: 2.5em;font-weight: bold; color: #000;font-family: Playfair Display,serif;;}
.vision-bg{ background: url('../images/vision1.jpg') no-repeat; background-position: top center; width:100%;min-height: 44.4375rem; }
.vision-bg .vision-title{ width: 43.3125rem; }
.vision-bg .link.links a{background: #fff;}
.vision-bg .link.links a:hover{ background: #bea55f; }
.vision-bg .vision-title .vision-msg{ font-size: 1.375rem; font-family: Playfair Display,serif;; font-weight: bold; color: #000000; line-height: 1.5; padding-bottom: 1.5rem; }
.vision-con{position: absolute;top: 72px;right:15px;}
.phone-vision{display: none;}
/* 法規資訊 */
.regulatory-bg{background: url(../images/vision3.jpg) no-repeat; background-position: center bottom 35%; width: 100%; height: 14.1875rem;background-size: cover; }
.regulatory-bg h2{position: relative;top: 5rem;color: #fff;font-family: Playfair Display,serif;;}
.regulatorySystem{ width: 100%; margin: auto; position: relative; background: url(../images/laws.png)no-repeat; background-position: bottom 10% right 7% }
.regulatorySystem .regulations-msg ul{list-style: disc;}
/* .structure-content{padding-bottom: 5rem;} */
/* 組織架構 */
.structure-content .title{ font-size: 2.1875em; color: #000;    font-family: Playfair Display,serif;;}
/* 財務報告 */
.originSystem{ width: 100%; margin:auto;position: relative; background: url('../images/financial-bg.png')no-repeat; background-position: bottom 10% right 7%; }
.originSystem .financai-msg{ font-size: 1.375em; font-family: Microsoft JhengHei; font-weight: bold; color: #000000; display: grid; grid-template-columns: repeat(2,30%);padding-bottom: 5rem;}
.originSystem .financai-msg a{ margin-bottom: 15px;  }
.regulations-bg{ background: url('../images/temp/vision2.jpg') no-repeat; background-size: 100% 100%; width:100%;height: 793px; }
.regulations-bg .container>.row{ padding-top: 80px; }
.regulations-msg  .txt{ width: 100%; margin-bottom: 20px; }
.regulations-msg >div{line-height: 49px;}
/* 人才招募 */
.recruit-list .con .bottom .btn-price>button{ height: 45px; background: #444; border-radius: 5px; color: #eee; font-size: 1.125em; border: none;padding-left:20px;padding-right: 20px; }
.recruit-list .con .bottom .btn-price>div{ font-size:1.125em; font-family: Microsoft JhengHei; font-weight: 400; color: #000000; line-height: 24px;width: 58%;}
.recruit-list .con{width: 80%;}
.recruit-list{border-bottom: 1px solid #eee;width: 100%; display: flex; justify-content: space-between; padding: 2.5rem 0 2rem;}
.recruit-list:last-child{border: none;}
.recruit-list .bottom .btn-price{ align-items: center; flex-wrap: wrap; }
.unit{ height: 45px; line-height:45px;background: #444444; border-radius: 5px; font-family: Playfair Display,serif;; font-size: 1.125em; border: none;padding-left:20px;padding-right: 20px; color: #fff; margin-right: 15px; }
.unit:hover{ color: #fff; background: #000000; }
.span-000{ font-size:1.125em; font-family: Microsoft JhengHei; font-weight: 400; color: #000000; line-height: 24px;}
.font-14{ font-size: 0.875rem; font-family: Microsoft JhengHei; font-weight: 400; color: #666666; line-height: 20px; }
.color-0{color: #000;}
.color-f{color: #fff;}
.-background-0{ background: #000 !important; }
.background-eee{background: #eee !important;}
.fontsize-18{ font-size: 1.125em; color: #000;line-height: 30px; }
.font-18{font-size: 1.125em;line-height: 22px;font-family: Playfair Display,serif;;}
.fontsize-18-444{ font-size: 1.125em; color: #444;font-family: Arial }
.color-ff6{ font-size: 1.375em; color: #ff6600; }
.color-25{ color:#bea55f; font-size: 1.5625em; border-bottom:1px solid #bea55f }
.fontsize-25{font-size: 1.5625em;color: #000;font-family: Playfair Display,serif;;}
.fontsize-25-cd{font-size: 1.5625em;color: #CDB45F;line-height: 45px;}
.fontsize-35{ font-size: 2.1875em; font-family: Arial; font-weight: bold; color: #444444; }
.font-35{font-size: 2.1875em;color: #000000; line-height: 40px;font-family: Playfair Display,serif;;}
.fontsize-55{font-size: 3.4375em; font-family: Arial; font-weight: normal; color: #000000; line-height: 65px;}
button{border:none}
.textJustify{text-align: justify;line-height: 28px}
.welcomeToJoin-bg{ background: url('../images/joinbg.jpg') no-repeat; background-position: center center; width:100%;height: 35.625rem;background-size: cover; }
.welcomeToJoin-bg  .bvtitle{ padding-top: 9%;font-family: Playfair Display,serif;; }
.welcomeToJoin-bg .title{ width: 33rem; font-size: 1.375em; font-family: Microsoft JhengHei; font-weight: bold; color: #000000; line-height: 36px; }
.recruit-list .btn button{ background: #BCA45F; width: 12.125rem; height: 3.0625rem; border-radius: 35px; color: #fff; border: none; font-weight: bold; font-size: 1.25rem; }
.recruit-list .btn button:hover{ background: #af9650; }
.recruit-list .con .top .name .name-class{ color: #BCA45F; }
.recruit-list:last-child{border: none;}
.recruit-list .con .top .icon-span{ display: inline-block; line-height: 18px; margin-right: 10px; }
.recruit-list .con .top i{font-size: 1.8em; line-height: 25px;}
.talent-details .time{ line-height: 45px; }
.talent-details .msg .left{ width: 50%; }
.talent-details .msg .right{ width: 50%; }
.talent-details .msg .right .fontsize-18{text-align: justify;}
.talent-details .msg .right .fontsize-18 span{font-size: 1.125em;}
/* 人才招募詳情 */
.talent-details-bg{background: url(../images/talent2.jpg) no-repeat; background-size: cover; width: 100%; height: 14.125rem; background-position: center; }
.talent-details-bg .bvtitle{position: relative;top: 5rem;font-family: Playfair Display,serif;;}
.talent-details .title{ font-size: 2.5em; font-family: Playfair Display,serif;; }
.recruit-list .con .top { align-items: flex-start; margin-bottom: 0.625rem; }
.recruit-list .con .top .name{ display: flex; align-items: flex-start; }
.recruit-list .con .top .name span{ display: inline-block; }
.recruit-list .con .top .name .line{ width:3px; background-color: #eee; height: 25px; margin: 0 16px; }
.recruit-list .con .top .name .military-service{ line-height: 22px;font-family: Playfair Display,serif;; }
.recruit-list .con .top .name .name-class{ line-height: 22px;font-family: Playfair Display,serif;; }
/* 目錄列表頁 */
.annualDetails-bg{ background: url('../images/temp/jpg.jpg') no-repeat; background-position: center center; width: 100%; height: 18.75rem; position: relative; }
.annualDetails-bg .kvtitle{ position: relative; top: 5rem;font-family: Playfair Display,serif;; }
.black-bg{background: url('../images/black.png') no-repeat; background-position: center center; width: 100%; height: 18.75rem;}
.annual-details .other{clear: both;}
.details-bg .details-content{ position: relative;}
.details-bg .details-book{ display: grid; grid-template-columns: 350px 1fr; grid-column-gap: 50px;margin-top: -1.4rem; }
.details-bg .details-book .book-left img{ width: 100%; height: auto; }
.book-left .downloadbtn,.details-left .downloadbtn{ display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 3px; height: 48px; margin-top: 20px; }
.book-left .downloadbtn a,.details-left .downloadbtn a{ font-family: Playfair Display,serif;;width: 100%;color: #fff; background: #444; text-align: center; line-height: 48px; font-weight: bold; font-size: 1.125em; }
.book-left .downloadbtn a:hover,.details-left .downloadbtn a:hover{ background: #000; }
.book-left .data{ display: grid; grid-template-columns: 1fr 1fr; margin-top: 26px; text-align: center; }
.book-left .data>.load:first-child{ border-right:2px solid #eee; }
.book-left .data .name{ font-size: 1.125em; font-weight: bold; color: #CDB45F;font-family: Playfair Display,serif;; }
.book-left .data .number{ display: flex; align-items: center; justify-content: center; }
.book-left .data .number::after{ content: '+'; font-size: 1.125em; font-family: Arial; color: #444444; display: none; }
.book-left .data .number.-active::after{ display: block; }
.book-left .data .number span{ font-family: Arial; font-size: 2.1875em; font-weight: bold; color: #444444; }
.book-text .title{ font-size: 3.3475em; font-weight: bold; letter-spacing: -3px; margin-top: 74px; line-height: 60px;font-family: Playfair Display,serif;; }
.book-text .subdate{ font-size: 1.125em; margin-top: 10px; color: #444444; font-family: Arial; }
.book-text .Chapter{ font-size: 1.5625em; line-height: 45px; }
.book-text .name{width: 8rem;}
.book-text .directory>a{ line-height: 24px; margin: 35px 0 10px; }
/* 文章內容頁 */
.article-text .top{ display: flex; justify-content: space-between; margin-top: 74px;  }
.article-text .top .title{ font-size: 3.4375em; line-height: 60px; letter-spacing: -3px;  font-family: Playfair Display,serif;;word-break: break-word;text-align: initial; }
.article-text .policy{ padding-top: 70px; font-family: Playfair Display,serif;;}
.article-text .artlist{ padding-top: 10px; }
.article-list a{ display: block;font-family: Playfair Display,serif;; }
.article-text .title{width: 76%; border-right: 1px solid #eeeeee; padding-right: 5%;}
.article-text .numViews{width: 24%;}
.article-text .article-img img{width: 99px;height: 99px;}
.article-text .avatar .avatar-img img{width: 120px;}
.article-text .flex a{margin-bottom:1rem}
.map-img{width: 34.125rem; margin: auto;}
.map-img img{width: 35.25rem;height: 20.8125rem;}
.article-text .line-eee{border-bottom: 1px solid #eee; padding: 0.5rem 0;}
.article-text .line-eee:hover{background: #eeeeee;}
.line-eee div:first-child{width: 53%; padding-right: 7%; }
.line-eee div:nth-child(2){width: 40%;}
.committee-list .row .name { border-bottom: 1px solid #eee; padding-bottom: 0.5rem; margin-bottom: 1rem; font-size: 1.125em; }
/* 作者群 */
.mem-team .bottom .caption div:first-child,.mem-team .bottom .caption div:nth-child(3){ color: #000; }
/* .article-text .mem-team .bottom .figure .caption{ width: 75%; } */
.article-text .mem-team .bottom .figure .caption div:first-child{ letter-spacing: -1px;font-family: Playfair Display,serif;;word-break: break-word; }
/* 戰略與評估 */
.color-fff{ font-size: 1.125em; color: #fff;display: -webkit-flex; }
.fontsize-60{ font-size: 3.75em; color: #BEA55F; }
.bottom-be{border-bottom:3px solid #BEA55F}
.bottom-ff{border-bottom:3px solid #ff6600;}
.fontsize-24{font-size: 1.5em;color: #000;}
.fontsize-45{font-size: 2.8125em;color: #BEA55F; }
.color-c{color: #CDB45F;}
.font-14-fff{ font-size: 0.875rem;color: #fff; line-height: 20px; }
.font-30{font-size: 1.875em;}
.article-text .mem-team .bottom .row { padding: 2.63rem 0 1.9rem; }
.evaluation-bg{ background: linear-gradient(to right, #143f7d 33%, #2d5a9b 100%); width: 100%; height: 28.90rem; margin-top: 1%; overflow: hidden;margin-bottom: 3.5rem; }
.evaluation-bg .card{ flex-direction: inherit; height: 28.75rem;}
.evaluation-bg .card .position-relative{ width: 21.25rem;}
.evaluation-img{width: 100%;height: 100%;}
.evaluation-img img{width: 100%;height: 100%;margin-top:0.4%}
.evaluation-num .bottom-be .fontsize-60 {font-size: 3.125em;}
.evaluation-num { padding-left: 35px;width: calc(100% - 340px); }
.evaluation-num .evaluation-ul ul { list-style-type: disc;  }
.evaluation-num .bottom-ff{margin-top: 2.3rem;}
.evaluation-ul{width: 95%;}
.evaluation-ul .list { font-size: 1.125em; color: #fff; line-height: 22px; font-family: Arial; font-weight: bold; margin-top: 0.5rem!important; text-align: justify; padding-left: 15px; display: flex; position: relative; }
.evaluation-ul .list::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #fff; border-radius: 100%; position: absolute; top: 10px;left: 0; }
.evaluation-ul .list span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.evaluation-ul .t{padding-right: 10px;}
.evaluation-list .row{ padding-bottom: 100px; }
.evaluation-list .list-img{ border: 1px solid #CCCCCC;}
.evaluation-list .list-img img{width: 100%;}
.evaluation-list .list-line{ border-top: 5px solid #BEA55F;}
.evaluation-list .list-line .flex{margin-top: -8%;}
.evaluation-list .list-line .date{margin-top: 1rem;}
.evaluation-list .imgCont2{ position: absolute; bottom: 0; width: 40%; background: linear-gradient(transparent,rgba(0,0,0,0.2),rgba(0,0,0,0.4),rgba(0,0,0,0.5),rgba(0,0,0,0.6),rgba(0,0,0,0.7),rgba(0,0,0,0.8),rgba(0,0,0,0.9)); }
.evaluation-list .pageviews{ padding: 0.8rem !important; text-align: left !important; display: flex; justify-content: space-between; }
.evaluation-list .card{ display: grid; grid-template-columns: 1fr 1fr; margin-top: 60px;}
.evaluation-list .card-body .fontsize-45{ font-weight: 600;line-height: 1.2; font-size: 1.5625em; margin-top: 1rem;font-family: Playfair Display,serif; }
.progress{ height: 5px; }
.progress .progress-bar{ background-color: #ff6600; transition: width .2s ease; }
/* 戰略諮委 */
.committeeTitle {width: 46%;}
.committeeTitle .committee-title{font-size: 1.875rem; font-weight: bold; padding-bottom: 1rem; border-bottom: 1px solid #eee; margin-bottom: 2rem;color: #BEA55F;    font-family: Playfair Display,serif;;}
.committee-name .name{ font-size: 1.5em;font-weight: bold;padding-bottom: 1.5rem;    font-family: Playfair Display,serif;; } 
.strategic-list{display: grid;grid-template-columns: repeat(2,49%);justify-content: space-between;}
.strategic-list .name {border-bottom: 1px solid #eee; padding-bottom: 0.5rem;margin-bottom: 1rem;font-size: 1.125em;font-family:ReithSans, Helvetica, Arial, freesans, sans-serif;}
.team-list{border-bottom: 1px solid #eee; padding-top: 1.5rem; padding-bottom: 1.5rem; align-items: center;}
.team-list .left {width:60%;height: 310px;}
.team-list .left .img{width: 310px; height: 310px;position: relative;top: 50%;transform: translateY(-50%);}
.team-list .left .img img{width: 100%;}
.team-list .left .list-capacity{    width: 55%; text-align: center; background: #CDB45F;}
.team-list .right .educational .tit{font-size:1.125em;padding-bottom: .5rem;}
.team-list .left .list-capacity .name{    font-size: 2.5em; font-weight: bold; padding-bottom: 0.5rem; color: #000; line-height: 1; font-family: Playfair Display,serif;; position: relative; top: 40%; transform: translateY(-40%);}
.team-list .right .educational .name {font-size:1.25em;font-weight: bold;padding-bottom: .5rem;font-family: Playfair Display,serif;}
.team-list .right{width: 40%; }
.team-list .right .educational{ margin-left: 2rem; }
.team-list .right .educational:first-child{border-bottom: 1px solid #eee; padding-bottom: 1rem;margin-bottom: 1rem;}
.team-list .left .list-capacity .capacity {font-weight: bold; font-size: 1.65em; margin-bottom: 5px; font-family: Playfair Display,serif;; color: #fff; position: relative; top: 40%; transform: translateY(-40%); }
.mem-team a .images{width: 120px;height: 120px;text-align: center; border-radius: 50%; overflow: hidden;}
/* .rounded{border-radius: 50% !important;} */
.school .bottom .row { padding: 0.63rem 0 1.9rem; }
.pc-list .mem-team .bottom .figure .name { line-height: 1; margin-top: 0.5rem;    font-family: Playfair Display,serif;;word-break: break-word; }
._researchmember{width: 70%;}
.pc-list  .article-text .mem-team .edu {  font-family: Playfair Display,serif;;top: 0px;}
._researchmember .mt-3 .-color4{font-family: Playfair Display,serif;;    word-break: break-word;}
._researchmember .mt-3  .flex span{font-family: Playfair Display,serif;;}
 .directory  .fontBold a{font-family: Playfair Display,serif;;}
.directory .fontsize-25-cd span{font-family: Playfair Display,serif;;}
.book-text .Chapter span{font-family: Playfair Display,serif;}
.evaluation-list .list-line .fontsize-24{ font-family: Playfair Display,serif;; line-height: 1.2; margin-top: 1rem;}


/* cy */
.drop .dropLists .drop-item.active{ color: #ff6600; }
.dropdown-toggle::after{ display: none; }
.cont-section,.annual-details,.page,.talent-details{ margin-bottom: 5rem; }
.aftermost{ margin-top: 50px; }
.annualmost{ margin: 50px 0 3.5rem; }
.notHr{ margin-top: 2.5rem; }
.notHrsec{ margin: 2.5rem 0 5rem; }
.hasHr{ margin: 2.5rem 0 5rem; padding-top: 2rem; border-top: 2px solid #eee; }
.note .link.links{ text-align: left; }
.internatinal-img{ width: 310px; height: 310px; }
div.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.footer .center .cimg.img{ width: 87px; height: 30px; }
.focus .note{ padding-top: 1rem; }
/* .mem-team .top a .figure .img img,.mem-team .bottom a .figure .img img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } */


/* 選單修改 */
.fixed-menu .menu .drop,.header-bottom .menu .drop{ position: relative; }
.drop .dropdownMenu { padding: 0 17px 1.5rem;font-family: Playfair Display,serif;; }
.drop:first-child,.drop:first-child .dropdownMenu{ padding-left: 0; }
.drop:last-child,.drop:last-child .dropdownMenu{ padding-right: 0; }
.drop .dropLists{ position: absolute; background: #fff; top: 46px; left: 0; width: auto; display: none; z-index: 3;  box-shadow: 0px 5px 8px rgb(0 0 0 / 22%); padding: 1.25rem 0 1.5625em 0;padding: 35px 30px; border: 1px solid #ebebeb;}
.drop.second .dropLists{ padding: 35px 0; /* transform: translateX(15px);*/ }
 .drop.second:first-child .dropLists{ left: -12px;  }
.drop.third .dropLists{ transform: translateX(-26%);}
.drop .dropLists .drop-item{ padding: 0.625rem 0; font-weight: bolder; font-size: 1.25em; line-height: 25px; display: block; }
.drop.second .dropLists .drop-item{ white-space: nowrap;  }
.drop.second .dropLists .drop-item{ padding: 0.625rem 30px; text-align: center;    font-family: Playfair Display,serif;; }
.drop .dropLists .drop-item:first-child{ padding-top: 0; } 
.drop .dropLists .drop-item:last-child{ padding-bottom: 0; } 
.dropLists .warpper{ display: flex; }
.dropLists .warpper .second-li{ width: 215px; }
.dropLists .warpper .second-li+.second-li{ margin-left: 20px; }
.dropLists .warpper .second-li .drop-item{ padding: 0 0 8px 0; border-bottom: 2px solid #000; margin-bottom: 35px; font-family: Playfair Display,serif;; }
.dropLists .warpper .second-li .drop-item.thirdMenu{ margin-bottom: 20px;}
.dropLists .warpper .second-li .third-item a{ margin-bottom: 6px; display: block; }
.dropLists .warpper .second-li .third-item a:hover{ font-weight: inherit; }
.drop .dropLists .third-item a{ font-size: 1.0625em;  color: #333; display: block; }
.fixed-menu .col .drop>a{ padding: 20px 1.1rem 15px 1.5rem; }
.fixed-menu .col .drop:first-child>a{ padding-left: 0; }
.dropLists .warpper .second-li .drop-item.thirdMenu span{ display: none; }
.drop .dropLists .third-item a.-color{ color: #ff6600; }
.focus>.text-bra{ margin-top: 1rem; }
.search-result{ min-height: 171px; margin-bottom: 5rem; }
.search-result .hasHr{ margin: 2.5rem 0 0; }
#pagination2 .custom-pagination >div.page-to{display: none; }
#pagination2 .custom-pagination a.prev-page,#pagination2 .custom-pagination a.next-page{ width: auto; background: transparent; border: none;  float: none; font-size: 1.125em; font-weight: bold; color: #444444; }
#pagination2 .custom-pagination a.prev-page:hover,#pagination2 .custom-pagination a.next-page:hover{ color: #ff6600; }
.pagination#pagination2{ justify-content: center; }
#pagination2 .custom-pagination{ display: flex; width: 100%; margin: 0!important; justify-content: center; align-items: center;  }
#pagination2 .custom-pagination >div{ display: flex; }
#pagination2 .custom-pagination >div a{ margin: 0.35rem .75rem; font-size: 1.125em; font-weight: bold; color: #444444;  }
#pagination2 .custom-pagination >div a.current-page,#pagination2 .custom-pagination >div a:hover{ color: #ff6600; }
tbody, td, tfoot, th, thead, tr{ border-width: 1px; }

@media (max-width: 1439.99px){
    .secline{ padding: 20px 15px 0; }
    .secline .warp{ display: grid; grid-template-columns: 78% 21%; grid-column-gap: 1%; }
    /* .topic .bottom{ background: none; } */
    .topic .bottom .titlebg{ font-size: 3em; padding: 0 15px; line-height: 60px; }
    .topic .bottom .topic-btn{ padding: 0.2rem 1rem; }
    .modal{ height: 100vh; overflow: hidden; }
    .figures{ padding:  0 15px 0 0; }
    .figures .right .cover{ padding-left: 30px;  width: calc(100% - ( (100% + 450px + 15px - 1120px) / 2))  }    
    .modal{ height: 100vh; overflow: hidden; }
    .tbtn{ margin: 0 2px 5px 0; }
    .topic .top .imgInner{ padding: 0 15px 20px; }
    .topic .top .tooltippos{ left: 15px; top: -49px; }    
    .breadMember{ padding-right: 15px; }
    .memInsiBan .img img,.members-banner .img img{ width: 1920px; }
    .masonry .search_list{ width: 48%; }
    /* yt */
    .planetmap{display: block;}
    .planetmap2{display: none;}
}
@media(min-width: 1440px){ 
    .memInsiBan .img img,.members-banner .img img{ width: 100%; }
    /* yt */
    .planetmap{display: none;}
    .planetmap2{display: block;}
 }
@media(min-width: 1200px) {
    .container {
        max-width:1150px; 
    }
    .annualDetails-bg .white-bg{ height: 74px; position: absolute; bottom: 0; width: 100%; clear: both; }
    .details-bg { position: relative; margin-top: -74px; padding: 15px 0 145px; }
    .annualDetails-bg .white-bg .bg-copy{ width: calc((100% - 1150px) / 2 + 1150px); height: 100%;background: #ffffff; float: right;  }
    .hot .left .card{ background: url('../images/pic-world.png') no-repeat; background-position: bottom center; height: 100%; }
    .plywood .plywood-warp,.perVideo .perVideo-warp{  padding: 5rem 15px; background: url('../images/plywoodbg1.png')left 3% no-repeat,url('../images/plywoodbg2.png') 83% bottom no-repeat; }
    .annual .img{ width: 100%; height: 468px; }
    .annual .img img{ width: 100%; height: 100%; }
}
@media (min-width: 1199.98px) and (max-width: 992px)  {
    .container {
        max-width: 960px;
    }    
}
@media (max-width: 1199.98px) and (min-width: 992px)  {
    .recruit-list{ display: block; }
    .recruit-list .cdbtn{ text-align: right; }
     /* yt */
     .financiaReport-bg{width: 100%;}
     .annualDetails-bg .kvtitle { top: 7rem; }
     .mem-team .bottom .figure .edu{top:-10px}
     .annual-details .details-content .breadannual{margin-top: 1rem;}
     .evaluation-img{width: 100%;}
     .evaluation-list .list-line .msg { margin-top: 27%; }
     .evaluation-list .list-line>div{margin-left:1rem !important}
     .evaluation-list .pageviews{padding: 0.3rem !important;}
     .evaluation-num .bottom-ff{margin-top: 2.3rem;}
     .evaluation-num .bottom-be .fontsize-60{font-size: 2.8125em;}
}
@media (max-width: 991.98px) {
    .container {
        width: 95%; /*手機版*/
        max-width: none;
        padding-right: 15px;
        padding-left: 15px;
    }   
    /* 手機版 */ 
    .subscript1 span, .subscript2 span{ font-size: 0.875em; line-height: 1.2; }
    .pcPic{ display: none; }
    .rwdPic{ display: block; }
    .secline{ padding: 0; }
    a:hover{ color: #000; }
    .header{ display: none; }
    .phoneMenu{ display: block; position: fixed; top: 0; left: 0; z-index: 99999999999999; background: #fff; width: 100%; height: 70px;}
    h1.logo{ padding: 12px 0 12px 15px; }
    h1.logo .img{ width: 255px; height: 45px;  } 
    .mobile-menu .drop.col-md-2{ width: 100%; }
    #mobile-toggle { display: none; width: 25px; height: 32px; text-indent: -9999px;display: block; position: absolute; right: 15px; top: 18px;}
    #mobile-toggle::before, #mobile-toggle hr, #mobile-toggle::after {  content: ""; position: absolute; left: 0; display: block; width: 25px; height: 4px; margin: 0; padding: 0; background: #000; border: none; border-radius: 3px; transition: all .3s; }
    #mobile-toggle::before, #mobile-toggle hr, #mobile-toggle::after { content: ""; position: absolute; left: 0; display: block; width: 25px; height: 4px; margin: 0; padding: 0; background: #000; border: none; border-radius: 3px; transition: all .3s; }
    #mobile-toggle hr { top: 12px; background-color: #000; opacity: 1; }
    #mobile-toggle.active hr{ display: none; } 
    #mobile-toggle::before { top: 4px; }
    #mobile-toggle.active::before{ top: 50%; transform: rotate(45deg); }
    #mobile-toggle::after { bottom: 8px; }
    #mobile-toggle.active::after{ top: 50%; transform: rotate(-45deg); }
    #mobile{ position: relative; display: none;width: 100%; height: auto; background: #fff; overflow-x: hidden; }
    .phoneMenu .ph-header{ position: relative; z-index: 11; border-bottom: 1px solid #eeeeee; background: #fff; height: 70px; }
    .offcanva-body{ padding: 0; }
    .phoneMenu .offcanva-top .header-top-nav{ border-top: 1px solid #cccccc; }
    .phoneMenu .offcanva-top .header-top-nav a{ display: block; padding: 0.5rem 30px; font-size: 1.125em; }
    .modal-backdrop{ z-index: 8; }
    .phoneMenu .offcanva-top{ height: 100%; position: fixed; left: 0;top: 0; width: 100%; transform: translateY(-100%); visibility: hidden; transition: all 0.3s ease; background: #fff; z-index: 9; overflow: hidden; height: 100vh;  }
    .phoneMenu .offcanva-top.active{ visibility: visible; transform: translateY(0%);z-index: 10;}
    .phoneMenu .offcanva-top .offcanva-warp{ height: 100%; overflow: auto; padding: 70px 0; }
    .phoneMenu .offcanva-top .top-nav{ position: relative; padding: 1.6rem 15px 1rem; display: grid; grid-template-columns: 1fr 2px 100px; grid-column-gap: 0.5rem; align-items: center;  }
    .phoneMenu .offcanva-top .top-nav .form{ width: 100%;}
    .phoneMenu .offcanva-top .top-nav .right{  font-size: 1.38em; font-weight: 600; text-align: center; }
    .phoneMenu .offcanva-top .top-nav span{ display: inline-block; height: 100%; width: 2px; background: #eeeeee; }
    .fixed-menu{ display: none; visibility: hidden; }
    .phoneMenu .offcanva-top .top-nav .btn{ padding: 5px; }
    .drop .dropLists{ position: static; box-shadow: none; padding: 0.3rem 0; }
    .drop .dropLists .container{ padding: 0; }
    .drop .dropLists li{ display: block; border-bottom: 2px solid #eee; padding: 0.3rem 0; }
    .drop .dropLists .drop-item{ width: 100%; padding: 0.5rem 0 0.5rem 3.7rem; }
    .drop .dropLists .drop-item:not(.thirdMenu)>span{ display: none; }
    .drop .dropLists .third-item{ width: 100%; flex-wrap: wrap; padding: 0.5rem 1.5rem 1rem 3.7rem; display: none; }    
    .drop .dropdownMenu,.drop .dropdownMenuFirst{ padding: 1rem 30px; display: block; text-align: left; }    
    .drop .dropdownMenu.-color{ color: #ff6600; }
    .drop .dropdownMenu.-color::after{ background: #eee; }    
    .drop .dropLists .drop-item span{  transition: all .3s ease; }
    .drop .dropLists .drop-item.active span{ transform: rotate(90deg);-webkit-transform:rotate(90deg); display: inline-block; color: #ff6600; }
    .secline .warp{ display: block; padding: 0; }
    .secline.row>*{ padding: 0; }
    .banner .swiper-pagination{ right: 50%; transform: translateX(50%); bottom: 10px; }   
    .hot,.recent{ padding: 3rem 0 2rem; }
    .publication{ padding: 3rem 0; }
    .join{ background: #fff url('../images/joinbg-mo.jpg') no-repeat; background-position: top center; height: auto; padding: 3rem 0; background-size: 400px 200px; }
    .join .row{ justify-content: center; }   
    .modal-dialog{ max-width: 70%; } 
    .topic .top{ display: none; }
    .hot .left{ margin-bottom: 30px; }
    .hot .left .img{ height: auto; }    
    .recent .img{ height: auto; }
    .recent .textCenter{ text-align: left; }
    .footer .title{ padding-bottom: 5px; }
    .iframe,.plywood .iframe,.cont .iframe{ height: auto; }
    .footer .left,.footer .center,.footer .right{ width:100%; margin-bottom: 40px; }
    .footer .center{ padding: 0 15px; }
    .footer .bottom{ margin: 0; }
    .footer .bottom .row{ display: block; }
    .footer .bottom div.col-xl-3,.footer .bottom div.col-xl-9{ width: 100%; margin: 0; }
    .cont>.container>.title{ display: block; padding-bottom: 1.9rem; }
    .cont>.container>.title h2{ padding-bottom: 10px; }
    .subselect{  margin-left: calc(100% - 174px); }
    .cross1{ margin-top: 0; margin-bottom: 01.5rem; }
    .cross1,.cross1 .img,.information .lists .card .img,.related .img,.thColumn .img{ height: auto; }
    .card-body .card-title img, .thColumn img, .related img{ width: auto; height: auto; }
    .related .card+.card{ margin-top: 20px; }    
    .w-75,.w-25,.members-banner .content{ width: 100%!important; }    
    .focus>div:nth-child(2){ display: block; }    
    .cross1 .right{ margin-top: 30px; }
    .cross2 .card-body{ padding: 0; }
    .cross2 a{ display: block; }
    .translateRight .card.active{ transform: translateX(0); }
    .mem-team .top{ height: auto; }
    .mem-team .top .container{ display: block; padding-top: 2rem; padding-bottom: 2rem; height: auto; }
    .mem-team .top .left,.mem-team .top .figure,.search-result .content .left,.search-result .content .right{ width: 100%; }
    .mem-team .top .left::after{ background: transparent; }
    .mem-team .bottom .row{ padding-top: 2rem; }
    .figures{ grid-template-columns:1fr; padding: 0; }
    .figures .right .connect{ display: block; }
    .thColumn .card-body .card-title{ margin-bottom: 10px; }
    .perPublish .card{ padding: 0; }
    .return.me-4{ margin-right: 0!important; }
    .other div.container{ flex-direction: column; align-items: flex-end; }
    .thColumn .col-lg-4{ margin-bottom: 30px; }
    .thColumn .col-lg-4 .card-body{ padding: 1rem 0 0; }
    .search-result .content{ display: block; }
    .masonry .search_list{ padding-bottom: 2rem; }
    .hot .right .img img{ width: 100%; height: 100%; }
    .hot .left .img{ height: auto; }




    
     
  


    /* yt */
    .pc-list{display: none;}
    .phone-list{display: block;}
    .phone-vision{display: block;}
    .vision-bg{display: none;}
    .phone-vision .bvtitle{font-size: 2.0625em;}
    .phone-vision .vision-title .vision-msg { font-size: 1.25rem; font-weight: bold; color: #000000; line-height: 1.5; padding-bottom: 1.5rem; text-align: justify; }
    .txt{font-size: 1.25em;}  
    .regulatory-bg { background-position: center center 35%; }  
    .phone-list  .mem-team a .img .rounded { position: relative; width: 120px; height: 120px;border-radius: 50%  !important; overflow: hidden; }
    .vision-bg .vision-title{width: 100%;}
    .vision-bg{ background-size: 1920px 100%;}
    .details-bg .details-book,.details-left .details-bg .details-left{ grid-template-columns:1fr; grid-column-gap: 0;margin-top: 0; }
    .details-bg .details-book .details-img{margin: auto;}
    .article-text .top{ display: block; margin-top: 0; }
    .article-text .title{ width: 100%; padding: 0; border-right: transparent; }
    .article-text .numViews{ width: 100%; margin-top: 10px; }
    .article-text .numViews .textRight{ text-align: left; }
    /* 源起與制度 */
    .financial-bg .financial { width: 100%; }
    .financial-bg .financai-msg{  width: 100%; }
    .abbreviation .tit2>img {width: 18.1875rem; height: 3rem; right: 1rem;}
    .abbreviation .tit>img { width: 20.5625rem; height: 3.94rem; position: absolute; right: 5rem; bottom: 3.5rem; }
    .recruit-list{ display: flex!important; flex-direction: column!important; }
    .recruit-list .cdbtn{ text-align: right; }
    .contactUs{display: flex;flex-direction: column;}
    .contactUs .house-img{width:100%;height: 23rem; }
    .us{ width: 100%; }
    .us .me{width: 100%; padding: 15px 15px 40px;background: transparent linear-gradient(to right, #143f7d 33%, #2d5a9b 100%);}
    .sitemap{height: auto;}
    .siteTitle .title-name{padding-bottom: 0rem;}
    .welcomeToJoin-bg{ background: url('../images/joinbg-mo.jpg')no-repeat; background-position: center center; height: auto; }
    .welcomeToJoin-bg .container{ width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); padding-bottom: 80px; }
    .welcomeToJoin-bg .title{width: 100%;}
    .talent-details .msg{display: flex;flex-direction: column;}
    .talent-details .msg .left{width: 100%;}
    .talent-details .msg .right { width: 100%; }
    .talent-list .recruit-list .con .bottom .btn-price{display: flex;flex-direction: column; align-items: flex-start;}     
    .regulations-msg a{margin-left: 0;}   
    .details-bg { width: 100%; }
    .details-bg .details-book .book-left{margin: auto;}
    .details-bg .details-book .details-left{ display: flex; flex-direction: column;}
    .map-img{width: 100%;}
    .details-content{ display: flex; flex-direction: column;padding-bottom: 2rem }
    .evaluation-bg{height: auto;}
    .evaluation-bg .evaluation-blue{display: flex;flex-direction: column;padding-bottom: 3%;height: auto}
   .evaluation-img{margin: auto;margin-top: 2rem; height: auto; width: auto; display: flex; justify-content: center;}
   /* .evaluation-img img{ width: auto; height: auto; } */
   .evaluation-list .list-line .msg { margin-top: 15%; }
    .evaluation-num{ padding: 0;  width: 100%;}
    .talent .title{display: flex;flex-direction: column;font-size: 1.25em;}   
    .us .map{width: 100%;}
    .book-text .name,.book-text .names{/*display: none;*/text-align: end;word-break: break-word;}
    .book-text .name { width: 10rem; }
    .book-text .ps-5{padding-left: 0% !important;border-bottom: 1px solid #eee;}
    .article-text .fontsize-55{width: 100%;}
    .article-text>.mt-4{display: flex;flex-direction: column;text-align: initial;}
    .recruit-list .con .top .icon-span{ padding-top: 7px;display: none; }
    .recruit-list .con .top .name{ align-items: flex-start; flex-wrap: wrap; }   
    .recruit-list .con .top .icon-span{ padding-top: 7px; }
    .recruit-list .con .top .name{ align-items: flex-start; flex-wrap: wrap; }     
   .unit{ margin-bottom: 10px; }
    .plywood .plywood-warp,.perVideo .perVideo-warp{ background-size:60% auto;padding: 4rem 0; }
     .banner .banner-btn.swiper-button-next{  padding: 26px 14px 26px 14px; }
     .banner .banner-btn.swiper-button-prev{ padding: 26px 14px 26px 14px; }
    .footer .center form{ margin-top: 8px; }
    .footer .right .link{ margin-top: 7px; }     
    .topic .bottom{ padding-bottom: 1.4rem; }
    .regulations-bg{ height: auto; padding-bottom: 3rem; }
    .annual .item:nth-child(1),.annual .item:nth-child(2){ padding-top: 0; }
   .annualDetails-bg .kvtitle{top: 7rem;}
   .visionAndSystem,.sitemap,.sitemap{margin:70px 0 0 }
   .details-bg .details-book .directory{padding-bottom: 74px;}
   .book-text .title,.article-text .top .title{font-size:2.5em;line-height: 1.2}
   .privacy-bg .kvtitle{font-size: 2.0625em;} 
   .talent-details-bg .bvtitle,.welcomeToJoin-bg .bvtitle,.vision-bg .bvtitle,.contact,.financial-bg h2,.regulations-bg h2 {font-size: 2.0625em;}
   .talent .title .font-35{font-size: 1.65em;}
   .talent-details .title{font-size: 1.875em;line-height: 1.2;}
   .recruit-list .con .top .name .military-service ,.recruit-list .con .top .name .name-class{ font-size: 1.4375em; }
   .cont .-color4{padding-bottom: 1.5rem;}
   .vision-bg .vision-title .vision-msg{font-size: 1.25em;}
   .evaluation-num .evaluation-ul ul { padding-bottom: 1rem; }
   .book-text .Chapter{width: 100%;}
   .details-bg .details-book .article-text .font-35{font-size:1.875em;font-size: 1.875em; margin-top: 1rem !important;}
   .details-bg .details-book .article-text .fontsize-25{margin-top: 1.5rem;}
   .article-text .policy { padding-top: 35px; }
   .sitemap .h2{font-size: 2.0625em;}
   .siteTitle .title-name{padding-bottom: 50px;}
   .regulations-msg .txt{font-size: 1.25em;}
   .regulatory-bg h2{font-size:2.1875em ;}
   .regulatorySystem .regulations-msg{padding-left: 2rem;}
   .vision-con{position: static; padding-bottom: 1rem;}
   .originSystem,.regulatorySystem{background: transparent;width: 100%;}
   .evaluation-bg .card .position-relative{margin: auto;}
   .school-list .img{height: auto;}
    .details-bg .details-book .details-left .article-list{border-top: 1px solid #eee; padding-top: 1rem;}
    .details-bg .details-book .details-left .article-list .tit-menu{font-size: 1.25em; font-weight: bold;}
    .article-text .title-tit{    font-size: 2.5em; font-weight: bold; line-height: 1.1; padding-bottom: 1rem; margin-top: 2rem; color: #0E6BB6;} 
    .phone-list .article-text{padding-bottom: 1rem;}
    .phone-list .article-text .textJustify{text-align: initial;}
    .black-bg{background-image: linear-gradient(to left, rgb(179 170 170 / 10%), rgb(88 84 84));}

     /* cy */
     .cross1 .right .tit{ line-height: 1; }
     .cross1 .right .text{ padding: 1rem 0; line-height: 1.6; }
     .cross2 .card-body .card-title{ line-height: 1.2; }
     .cross2 .card-text{ margin: 1rem 0; line-height: 1.5; }
     .cross1 .right .subscript1 span{ line-height: 1.3; font-size: 95%; }
     .subscript2 span{ font-size: 90%; }
     .cross2 a .right{ padding: 0.625rem; }
     .article .pict .img{ height: auto; }
     .notes .scan{ margin: 0 0 1rem; }
     .related .browse a{ padding-top: 1rem; }
     .card-body .card-title{ height: auto; line-height: 1.2; margin-bottom: 0.3rem; font-size: 1.25em; }
     .information .card{ padding-bottom: 2rem; }
     .information .card-body{ padding-bottom: 0; }
     .information .card-body::before{ bottom: 0; }
     .article .text{ font-size: 1em; }
     h2.kvtitle{ font-size: 2.0625em;font-family: Playfair Display,serif;; }
     .members-banner{ height: auto; margin-top: 80px; }
     .members-banner .txt{ font-size: 1.25em; }
     .mem-status .lists >li a .txt{ font-size: 1.25em; }
     .mem-status .lists >li a span.num{ font-size: 0.875em; }
     .mem-team .top .left span{ line-height: 1.2; font-size: 2.0625em; }
     .mem-team .top .left{ margin-bottom: 1.5rem; }
     .mem-team .top .figure{ display: grid; grid-template-columns: 120px 1fr; grid-column-gap: 10px; }
     .mem-team .top .figure .caption div:nth-child(2) span:first-child,.mem-team .bottom .figure .name{ font-size: 2.0625em; }     
     .mem-team .bottom .firstTop{ line-height: 1.2; position: relative; margin-bottom: 0.6rem; }
     .mem-team .bottom .firstTop .post{ position: static; font-size: 1.125em; }
     .mem-team .bottom .figure .edu{ font-size: 1.125em; position: static; }     
     .mem-team .bottom .figure .caption{ width: 100%; }     
     .figures .right .cover{ padding: 0 30px; }
     .figures .right .cover>div{ padding-top: 1.5rem; }
     .figures .right .cover>div:last-child>div{ justify-content: flex-start; }
     .figures .right .cover>div .title{ padding-bottom: 0.5rem; }
     .figures .right .connect .way a{ margin-top: 0.5rem; }
     .figures .right .name{ font-size: 3.5rem; }
    .figures .right .edu{ top: -26px; }
    .figures .right .post{ font-size: 1.25em; position: static; display: block; }
    .figures .right .cover{ padding: 0 15px; }
    .figures .right .cover>div .title{ font-size: 1.625em;  }
    .figures .right .txt{ font-size: 1.25em; line-height: 1.2; }
    .figures .right .connect .tel{ margin-top: 1rem; }
    .figures .link a:hover{ background: #ffffff; }
    .figures .link a:hover i{ color: #bea55f; }    
    .figures .right .connect .way a:last-child i:last-child{ display: none; }
    .thColumn .subscript1 span{ font-size: 0.875em; }
    .tab-content .more i{ font-size: 1.25em; }
    .tab-content .more em{ font-size: 1.125em; }
    .dynamic{ padding: 3rem 0 5rem; }
    .dynamic .dy-item li a{ display: block; }
    .dynamic .dy-item .txt{ font-size: 1.25em; display: inline-block; }
    .dynamic .dy-item .num{ display: block; text-align: right; }
    .perExper .exper-list .item{ font-size: 1.125em; }
    .drop .dropLists.show{ display: block; }
    .focus .link.links{ margin-top: 0; }
    .hot .left .card-body .card-text .add{ margin-bottom: 0; }
    .hot .card-body .card-title{ height: auto; margin-bottom: 0.3rem; }    
    .mem-team .top .figure .caption .cap-top>span,.mem-team .bottom .firstTop>span{ display: block; }
    .mem-team .top .figure .caption div:nth-child(2){ margin-bottom: 0.625em; }
    .mem-team .top .figure .caption div:nth-child(2) span.edu{ font-size: 1.125em;position: static; }
    .mem-team .top .figure .caption div:nth-child(2) { position: relative; }
    .mem-team .top .figure .caption div:nth-child(2) span.post{ position: static; font-size: 1.25em; font-weight: bold; }
    .mobile-menu .drop .dropLists.show,.drop .dropLists.show .third-item.show{ display: block; }
    .information.lists .card .img{ height: auto; }
    .mem-team .bottom .figure{ display: grid; grid-template-columns: 120px 1fr; grid-column-gap: 10px; }
    .modal.show .modal-dialog{ max-width: 100%; width: 100%; height: 100vh;min-height: 100vh; background: #fff; }
    .modal .modal-dialog .modal-content{ padding: 100px 15px 0; height: 100%; overflow: auto;  }
    .modal-body{ padding: 1rem 0; }
    .modal .seconddate { display: block; }
    .modal .seconddate .left,.modal .seconddate .right{ width: 100%; }
    .modal .seconddate .left>div{ display: inline-block;}
    .modal .seconddate .right{ margin-top: 10px; }
    .modal .seconddate .month{ margin-top: 0; }
    .btn-close{ top: 85px; width: 20px; height: 20px; right: 10px; }
    .ph-36{ padding: 2rem 0 2rem; }
    .modal .firstname .name{ font-size: 2.5em; line-height: 1.2; }
    .modal .firstname .name-rem span:first-child{ font-size: 1.25em; }
    .modal .seconddate .year{ font-size: 1.375em; }
    .modal .seconddate .month{ font-size: 2.5em; }
    .modal .firstname{ margin-bottom: 1rem; }
    .modal .seconddate .appoint .alil{ align-items: center; }
    .modal .seconddate .appoint .alil span{ margin-right: 0.3rem; line-height: 1; }
    .modal .seconddate .appoint .alil i{ font-size: 1.8em; }
    .modal .seconddate .appoint .alil span.day{ font-size: 2.0625em; }
    .modal .seconddate .appoint .morn, .modal .seconddate .appoint .isit{ padding-right: 0; }
    .modal .modal-dialog .modal-title span{ font-size: 1.375em; }
    .modal .secondtime .left i{ font-size: 1.8em; }
    .modal .secondtime .left span.day{ font-size: 1.875em; }
    .modal-body .secondtime{ flex-wrap: wrap; }
    .modal .secondtime .left span{ margin-right: 0.3rem; }
    .search-result .content .left .tabTitle .name,.search-result .content .left .tabTitle .icon{ font-size: 1.25em; }
    .search-result .content .left .form-check-label{ font-size: 1em; }
    .search-result.not-reault .sorry{ font-size: 1.25em; }
    .search-result.not-reault .pt-77{ padding: 2rem 0 1.4rem; font-size: 2.0625em; }
    .figures .right{ justify-content: center; }
    .unfold{ width: 100px; }
    .unfold a{ text-align: center; }
    .talent{ margin: 70px 0 0; }
    .annual-details{ margin: 70px 0 3.5rem; }
    .breadannual { position: static;padding: 1rem 0 0; }
    .mem-status .text-end{ position: static; margin-bottom: 1rem; }
    .mem-team .bottom .recruitBtn .text{ font-size: 1.25em; }
    .overview .return a i,.mem-team .bottom .recruitBtn i{ font-size: 1.5em; }
    .related{ padding: 3rem 0 5rem; }
    .overview .return a{ font-size: 1.25em; }
    .mem-status .bread,.breadBv{ padding: 1rem 0; }
    .breadMember{ padding: 1rem 0 1rem 15px; }
    .breadFont{ justify-content: flex-start; }
    .join .container{ padding: 10rem 15px 3rem; }
    .join .card{ width: 100%; }
    .join .card-body{ padding: 0; }
    .annual .item:nth-child(3){ border-top: 2px solid #eee; }
    .structure-content .bread,.regulatorySystem .bread,.originSystem .bread,.talent .bread{ padding-top: 1rem; }
    .origin{ margin-bottom: 0; }
    .figures .left .img{  width: 100%;}
    .memInsiBan{ margin-top: 80px; }
    /* 修改選單*/
    .phoneMenu .drop .dropdownMenu,.drop .dropdownMenuFirst,.drop:first-child .dropdownMenu{ padding: 1rem 30px; display: block; text-align: left; }   
    .phoneMenu .drop .dropLists{ border: none; } 
    .phoneMenu .drop.second .dropLists .drop-item{ text-align: left; padding-left: 3.7rem; border-bottom: 2px solid #eee; }
    .phoneMenu .drop .dropLists{ padding: 0.8rem 0; margin: 0 15px; }
    .phoneMenu .drop .dropLists.curry{ display: block; }
    .dropLists .warpper{ display: block; }
    .dropLists .warpper .second-li{ width: auto; }
    .drop.third .dropLists{ transform: translateX(0); }
    .dropLists .warpper .second-li+.second-li{ margin-left: 0 }
    .dropLists .warpper .second-li{ margin: 0; }
    .dropLists .warpper .second-li .drop-item{ padding: 0; border-color: #eee; padding: 0.625rem 30px; margin-bottom: 0; }
    .dropLists .warpper .second-li .drop-item.thirdMenu{ margin-bottom: 0;  }
    .drop .dropLists .third-item a{ display: inline-flex; align-items: center; }
    .drop .dropLists .third-item a::after{ content: '|'; display: inline-block; padding: 0 5px 3px; color: #333; }
    .drop .dropLists .third-item.active{ display: block; }    
    .dropLists .warpper .second-li .drop-item.thirdMenu span{ display: inline-block; }
    .related .img{ height: 200px; }
    .bread, .breadBv{ padding: 0.8rem 0 1rem; }
    .secline,.cont-search,.contactUs{ margin: 80px 0 0; }
    .cont{ margin-top: 70px; }
    .focus .w-25{ padding-top: 15px; }
    .topBar{ display: none; }
     .related .img{ height: 200px; }
     .drop .dropLists .drop-item:last-child{ padding-bottom: 0.625rem; }   
     .topic .bottom{ height: 150px; }  
     .topic .bottom .titlebg{ font-size: 2em;line-height: 1.2; }
     .pageviews.imgCont{bottom:0}
     .article-list a { border-bottom: 1px solid #eee; padding-bottom: 5px; width: 100%; }
 }
  
 @media (max-width:768px) {
    .add, .map, .time2{ font-size: 1em; }
    .article .title{ font-size: 2.5em; line-height: 1; padding-bottom: 0!important; }
    h2{ font-size: 1.875em; padding-bottom: 1.8rem; }
    .fontTitle{ font-size: 1.625em; }
    .font-3{ font-size: 1.125em; }
    .time{ font-size: 1em; }
    .tooltip1,.tbtn{ font-size: 1em; padding: 0.3125rem 1.25rem;  }
    .focus .figure-caption a{ margin-right: 0.3rem; }
    .focus .figure-caption span:nth-child(3) { letter-spacing: -0.05rem; font-size: 94%; }
    .footer .list .list-item{ font-size: 0.9375em; line-height: 1.8; }
    .footer .title { font-size: 1.25em; padding-bottom: 10px; }
    .recruit-list .con .top .name{ display: block; }
    .recruit-list .con .top .name .military-service{ display: block; line-height: 35px; }
    .recruit-list .con .top .name .name-class{ display: block; line-height: 36px; }
    .recruit-list .con .top .name .line{ display: none; }
    .tooltippos{ top: 8px; }
    .labelLeft{ padding: 0.3125em 1.25em 0.3125em 0.875em; }
    .recent .card-body .card-title{ margin-bottom: 0.5rem; }
    .focus .tit .right{ text-align: left; }     
    .plywood .news{ margin-top: 3.125rem; }
    .joinBtn{ padding: 0.375rem 1.25rem; }
    .remarks{ padding: 0.5rem; }
    .perExper{ padding: 3rem 0; }
    .figures .right .edu,.figures .right .post{ position:static; }
    .figures .right .cover>div>span{ display: block; }
    
     /* yt */
     .evaluation-list .list-line .msg { margin-top: 20%; }
     .recruit-list .con .bottom .btn-price>div{padding-bottom: 1rem;}
     .map-img img{width: 100%;height: auto}
     .structure-content .title{font-size: 1.875em;}
     .originSystem .financai-msg{grid-template-columns: repeat(2,50%);} 
     .regulatorySystem .regulations-msg{padding-left: 0;}
     .regulatorySystem .regulations-msg ul{list-style: none;}
     .details-bg .details-book{margin-top: 1rem;}   
     .evaluation-num .bottom-ff{margin-top: 2.3rem;}
     .evaluation-num .bottom-be .fontsize-60{font-size:3.125em}
     .team-list,.team-list .left{flex-direction: column;}
     .team-list .left .list-capacity{text-align: left;margin-top: 1rem;width: 100%;padding-bottom:2rem}
     .team-list .left .img{margin: auto;position: initial; top: 0; transform: translateY(0);}
     .team-list .right{margin-left: 0rem;width: 100%;margin-top:8.5rem;}
     .team-list .left{width: 100%;}
     .team-list .right .educational:first-child{margin-top: 1rem;}
     .team-list .right .educational { margin-left: 0rem; }
     /* gai */
     .cont h2{ padding-bottom: 1rem;   }
     .activityInside .pict .col-md-3{ padding-top: 15rem; }
 }
 @media (min-width: 576px){ 
    .modal-dialog{ max-width: 960px; margin: 0; }
    .modal-dialog-centered{ min-height: 100%; }
    
 }
 
 @media (max-width: 480px){ 
    .phoneMenu .offcanva-top .top-nav .right{ font-size: 110%; }
    .publicTextTitle .subtitle{ padding: 0 0 10px; }
    .tooltippos{ top: -6px; left: 25px; }
    .banner .imgInner{ padding: 1.875rem 1.5em; }
    .banner .banner-btn.swiper-button-next{  padding: 10px 4px 10px 8px ; }
    .banner .banner-btn.swiper-button-prev{ padding: 10px 8px 10px 4px ; }
    .banner .banner-btn i{ font-size: 1em; }
    .banner .publicTextTitle .fontTitle{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .banner .subtitle span{ display: block; }
    /*.hot img{ width: auto; height: auto; }*/
	.hot img{ width: inherit; height: auto; }
    .hot .card-text .right{ font-size: 3rem; }
    .form:last-child{ flex-wrap: wrap; }
    .form .code{ width: 50%; }
    .form .btn-gold{ margin-top: 10px; padding: 0.25rem 1.125rem; }
    .search-banner .form.search{ padding: 0 15px;     grid-template-columns: 1fr 40px; }
    .search-banner .form.search input{  height: 40px; font-size: 1.125em; }
    .search-banner .form.search .btn{ line-height: 40px; padding: 0; height: 40px;}
    .form .btn .fas{  font-size: 1.3em; display: inline-block;  }
    .financial-bg .financai-msg{ grid-template-columns: 1fr; }
    .financial-bg .financai-msg a{ width: 100%; }
    .hot .card-body .card-title{ height: auto; margin-bottom: 1rem; }
    .swiperTtitle .switch{ width: 60px; }
    .switch .fas{ font-size: 1.5em; }
    .form.mb-3{ margin-bottom: 0.6rem!important; }
    .hot .right{ grid-column-gap: 20px; grid-row-gap: 20px; }
    .mem-status .title{ position: relative; }
    .mem-status .title .otit{ font-size: 1.875em; margin-top: 3rem; }
    .mem-status .title .link.links{ position: absolute; top: 0; right: 0; }
    .mem-status .lists >li a span{ display: block; }
    .mem-status .lists >li a .txt{ line-height: 1.3; }
    .mem-status .lists >li a span.num{ text-align: right; }
    .mem-status .lists >li a{ margin-bottom: 10px; }
    .modal .firstname{ display: block; }
    .modal .seconddate .appoint#active i{ font-size: 1.8em; }
    .modal .seconddate .appoint{ padding: 0.75rem 0.8rem; }
    .modal .seconddate .appoint .appo i{ font-size: 1.5rem; }
    .modal .seconddate .appoint .oappo span:first-child{ font-size: 1em; }
    .modal .seconddate .appoint .oappo span:last-child{ display: none; }
    .modal .secondtime .btnt{ padding: 0.3rem 1rem; border-radius: 1.5rem; }
    .modal .form label{ font-size: 1.25em; line-height: 1;}
    .modal .form input{ padding: 0.5rem 0.75rem; font-size: 0.875em; }
    .modal .form .row{ margin-bottom: 0.5rem!important; }
    .modal-body .form .mb-3{ flex-wrap: wrap; }
    .modal .form label[for=inputExtension]{ width: 13%; }
    .modal .form .inputk{ width: 60%; }
    .modal .form .inputf{ width: 35%; }
    .phoneMenu .offcanva-top .top-nav{ grid-template-columns: 1fr 2px 74px;  }
    .annual .item:nth-child(2){ border-top: 2px solid #eee; }
    .team .figure{ flex-direction: column;  }
    .team .figure .capacity { padding-top: 0.8rem; }
    
    /* yt */
    .financial-bg .financai-msg .flex{display: flex;flex-direction: column;text-align: center;}
    .abbreviation .tit,.abbreviation .tit2{right: 2rem;}
    .evaluation-img{ width: auto; height: auto; }
    .evaluation-num .flex .bottom-be{ width: 100%; }
    .evaluation-num .flex .bottom-be .fontsize-60{font-size: 2.5em; line-height: 1.2;}
    .evaluation-num .bottom-ff { margin-top: 2.8rem; }
    .recruit-list .con .top .name{ display: block; }
    .annual .item:nth-child(2){ padding-top: 2.5rem; }
    .contactUs .house-img { width: 100%; height: 17rem; }
    .details-bg .details-book{margin-top: 1rem;}
    .details-bg .details-content .breadcrumb{margin-top:1rem}
    .annualDetails-bg .kvtitle { top: 6rem; }
    .talent-details .classBtn{flex-direction: column;margin-top: 1rem;}
    .unit{width: auto;text-align: center;}
    .talent .title .font-35{font-size:1.65em ;}
    .black-bg,.annualDetails-bg{ height: 14.75rem; }
    .originSystem .financai-msg{display: grid; grid-template-columns: repeat(1,100%);}
    .evaluation-num .flex{    border-bottom: 3px solid #BEA55F; flex-direction: column;}
    .evaluation-num .bottom-ff { margin-top: 0rem; }
    .bottom-ff,.bottom-be{border-bottom: transparent;}
    .article-text .avatar .avatar-img img{width: 120px;height: 120px;}    
    .article-text .mt-3 .flex{flex-direction: column;}
    .team-list .right:nth-child(3){margin-top: 11.5rem;}
    .strategic-list{display: grid;grid-template-columns: repeat(1,100%);}
 }

@media print {
    .annualDetails-bg, #mobile-toggle, .links, .annualmost, .details-left, .footer {
        display: none !important;
    }

    .phoneMenu {
        position: absolute !important;
    }

    .annual-details {
        margin: 0 !important;
    }

    .cont {
        margin: 0 !important;
    }

    .article-text {
        margin-top: 15px !important;
    }

    * {
        -webkit-print-color-adjust: exact !important;
    }

    .noBreak {
        break-inside: avoid;
    }

    .noPrint {
        display: none;
    }
}

@page {
    size: A4 portrait;
}