@import "about.css?v=20200811";

/*=================================================================
             npac custom to replace CSS - All Rights Reserved.
==================================================================*/

/*公用*/
iframe {width: 100vw;height: 60vh;}		/* iframe 自適應 */
#search .overlay-content{padding: 0 2rem !important;max-width: 600px}
.searchbar .total{margin:.5rem 0 1rem 0;}

.INDEX #NTTinfo{position: relative;}
.INDEX #NTTinfo.collapse:not(.show) {display: block !important;}
.INDEX .btn-NTTinfo{display: none}

body.INDEXEN1 #news,	/* 隱藏英文享生活 */
body.INDEXJP1 #news,	/* 隱藏日文享生活 */
body[class*='EXPLORE'] .main-content > h2,		/* 隱藏探索學習標題 */
.hidden{display: none !important;visibility: hidden !important;}
.btn-disable, .disable{pointer-events: none;cursor: not-allowed;}

.breadcrumb-item + .breadcrumb-item::before {content: "\003E";}
.breadcrumb-item.home + .breadcrumb-itempointer-events: none;}
.TOPIC2 .breadcrumb-item.active{display: none;}

.nav-item .nav-link:hover{text-shadow: 2px 2px 2px rgba(0,0,0,.5);} 

.post-text {max-width: 680px;}
.post-content h2 + h3 {margin: 1.5rem 0 .6rem;}
.post-content div > h3:first-child {margin: 0.5rem 0 .6rem;}
.post-content p {position: relative;}

.grid-wrap {margin-bottom: 5vh;}

.row{width: 100%}

a:not([href]):not([tabindex])::before {
  content: "";
  display: none;
  height: 0;
  margin-top: 0;
  visibility: hidden;
}

@media (min-width: 960px) {
  a:not([href]):not([tabindex])::before {
    height: 0;
    margin-top: 0;
  }
}

/* 編輯器範本*/
.pLg{font-size:1.2rem;}
.post-content .cube {position: relative;padding-top: 2rem;}
.post-content .cube::after {display: none;}
.post-content .cube .ac-title {
  display: inline-block;
  width: auto;
  letter-spacing: 0;
  position: absolute;
  top: -1rem;
  left: -1rem;
  background: #c7c7c7;
  padding: .25rem 2rem;
}

/* FOOTER*/
.footer-title {font-size: 1.1rem;font-weight: 400;font-family: 'Noto Serif TC', serif;border-left: #D20031 solid 6px;}

#NTTinfo ul li,#NTTinfo ul li a {font-size: 0.9rem;padding-right: 0;}
#NTTinfo .btn-map,.footer-link {font-size: 0.9rem;}
#NTTinfo > .container > .row > div > .row > div:last-child {display: none;}
.copyright .btn-top{position: fixed;right: 16px;bottom: 32px;}
.subscribe{margin-top: 7px;}
.subscribe input{padding-left: 108px;}
.subscribe:before{
  display: inline-block;
  position: absolute;
  content: '電子報訂閱';
  font-family: 'Noto Serif TC', serif;
  padding: 0 12px 0 0;
  font-size: 0.9rem;
  bottom: 9px;
  left:27px;
  pointer-events: none;
  border-right: 1px solid #000;
}

@media (min-height: 768px) {
  .copyright p{
       margin-right: 0;
  }
}

/*首頁*/
@media (max-height: 767px) {
  #hot{min-height: 768px;}
  .main-menu .menu > ul > li > ul.normal-sub > li:not(.item-image) a::after {display: none;}
}

/* 節目列表*/
.legend-wrap {max-width: 1140px;padding: 0 0 40px 0;text-align: right;}

/*----強制改篩選器名稱*/
#bdg_series_2 .filtertags-name{font-size: 0 !important;color: transparent !important;}
#bdg_series_2 .filtertags-name:before{content: "NTT夏日放／FUN時光";font-size: 1rem !important;color: #333 !important;}

/*----篩選器英文強制首字母大寫*/
#type_16 ~ label{text-transform:capitalize !important;}

/*節目內頁*/
#programForm .swiper-container{background: #000 !important;}

.section-nav li a {padding: .5rem 0;}
.event-infolist-wrap {flex: 0 0 26%;width: 100%;max-width: 100%;transition: none;}
.event-infolist-wrap .event-info {overflow-y: scroll;overflow-x: hidden;max-height: calc(100vh - 300px);margin-bottom: 1.5rem;position: relative;padding-right: 25px;}
.event-infolist-wrap .event-info::-webkit-scrollbar-track {background-color: #dbdbdb;border-right: 1px solid transparent;}
.event-infolist-wrap .event-info::-webkit-scrollbar-thumb {background-color: #636363;}
.event-infolist-wrap .event-info::-webkit-scrollbar-thumb:hover {background-color: #3d3d3d;}
.event-infolist-wrap.fixed {top: 95px;}
.event-infolist-wrap.fixed .event-info {max-height: calc(100vh - 300px);}

.video-slider .swiper-container{height:auto !important;}

@media (max-width: 959px) {
  	#programDetail .post-featured-image {margin-top: 0;padding-top: 66%;}
}
@media (max-width: 1440px) {
  	.event-infolist-wrap.fixed {-ms-flex: 0 0 26%;flex: 0 0 26%;max-width: calc(26% + 1rem);}
	.swiper-slide .nav-item {transition: all 0.2 ease-in-out;}
}
@media (min-width: 1500px){
  	.artists-list .swiper-button-prev {left: -20px;right: auto;}
}

/* 探索學習*/
.EXPLORE .fullsrc-img p,
.JPNTTEXPLORE .fullsrc-img p,
.EMEXPLORE .fullsrc-img p {
  font-size: 1.1rem;
}

/* 商店*/
.img-slider .swiper-container {background: transparent !important;}

/*最新消息*/
.wrapper.NEWS .parallax-image{
  background: url(https://www.npac-ntt.org/dispUploadBox/Banner/20200602115132347H6mn.JPG);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/* 贊助 */
.logo .swiper-slide {padding: 4%;}

/* 導覽 */
.hasEvent{
	min-height: 46px;
}
/* 建築空間 */
@media (max-width: 500px) {body[class*='BUILDING2'] .TracePoint{display: none;}
}

/* 招標訊息*/
.list-collapse .reser-date {padding: 3px .5rem;vertical-align: text-bottom;}
.reser-title{display: block}

/* 技術資料*/
body.ENTECHNICAL .resource-wrap .nav-slider li:last-of-type,
body.JPTECHNICAL .resource-wrap .nav-slider li:last-of-type {display: block;}

@media (min-width: 1280px) {
  body.ENTECHNICAL .resource-wrap .resource-item:last-of-type .resource-info>.title,
  body.JPTECHNICAL .resource-wrap .resource-item:last-of-type .resource-info>.title {
    position: absolute;
    width: calc(60% - 35px);
  }

  body.ENTECHNICAL .resource-wrap .resource-item:last-of-type .resource-description,
  body.JPTECHNICAL .resource-wrap .resource-item:last-of-type .resource-description {
    padding-top: 4rem;
  }
}

/*影音專區*/
.nttonline + .videodetector,.videodetector + .videodetector{margin-bottom: 4rem;}
.shortcut-wrap{position:relative;width: 100%;bottom: 0;}


#videoNotice{width:100vw;height: 100vh;z-index: 99;text-align: center;background: rgba(0,0,0,.7);}
#videoNotice img{display: block;margin: 80px auto 2rem auto;}
#videoNotice a{margin: 1rem;cursor: pointer;font-size: 0.9rem;text-decoration: none;border-radius: 0;}
#videoNotice .link{color: #FFF;padding: 6px 45px;border: 1px solid #999;}
#videoNotice .link:hover{background: #333;}
#videoNotice .more{background: #F1F0EE;border: 1px solid #FFF !important;}
#videoNotice .more:hover{background: #CCC;}

@media (max-height:679px){
  #videoNotice img{margin: 0 auto;}
}

@media (max-height:559px){
  #videoNotice img{height:calc(100% - 60px);margin: 0 auto;}
}

@media (max-width:763px){
  #videoNotice img{width:100%;min-width:763px; max-width: 763px;height:auto;margin: 0 auto;float: right;}
}


@media (max-width:413px){
  #videoNotice img{width:190%;}
}

/*利益迴避*/
.tender .callout{position: absolute;top:178px;right: -10px; width: 280px;background: transparent;}
.tender .callout.post-content .link::after {top: 10px;}
@media (max-width:1199px){
	.tender .callout{top:118px;}
}
@media (max-width:959px){
	.tender .callout{top:23px;right: -10px; width: 260px;}
	.tender .callout i{display: none}
	.tender .callout.post-content .link::after {top: 9px;}
}
@media (max-width:413px){
	.tender .callout{position: relative;top:-12px;right: 0; width: 100%;}
	.tender .callout i{display: none}
	#search .overlay-content{padding: 0 2rem;max-width: 100%;width: 100%}
}
/* 組織架構 */
.org-chart{display:block;clear:both;margin-bottom:30px;position:relative}.post-content .org-chart ul li{margin-bottom:0!important}.org-chart.cf:after,.org-chart.cf:before{content:" ";display:table}.org-chart.cf:after{clear:both}.org-chart ul{padding:0;margin:0;list-style:none}.org-chart ul li{position:relative}.org-chart ul li span{display:block;min-height:80px;border:3px solid #dedede;text-align:center;overflow:hidden;text-decoration:none;color:#272727;font-size:14px;box-shadow:4px 4px 9px -4px rgba(0,0,0,.4);-webkit-transition:all linear .1s;-moz-transition:all linear .1s;transition:all linear .1s;background:#eaeaea;padding:4px}.org-chart ul li span strong{font-weight:700}.org-chart ul li span em{font-style:normal;font-size:12px}.org-chart .lvl-b{background:#333;color:#eaeaea}.org-chart .board{width:70%;margin:0 auto;display:block;position:relative}.org-chart .board:before{content:"";display:block;position:absolute;height:calc(100% - 90px);width:calc(50% - 2px);border-right:2px solid #d8d9d1}.org-chart ul.columnOne{height:90px;position:relative;width:100%;display:block;clear:both}.org-chart.eng ul.columnOne{height:120px}.org-chart ul.columnOne li{width:280px;margin:0 auto}.org-chart ul.columnTwo{position:relative;width:100%;display:block;height:90px;clear:both}.org-chart ul.columnTwo li:first-child{width:30%;float:left}.org-chart ul.columnTwo li{width:30%;float:right}.org-chart ul.columnTwo:before{content:"";display:block;width:70%;height:22px;border-top:2px solid #d8d9d1;border-left:2px solid #d8d9d1;border-right:2px solid #d8d9d1;margin:0 auto;top:10px}.org-chart ul.columnTwo.next li:after{content:"";display:block;width:0;height:22px;border-left:2px solid #d8d9d1;margin:0 auto;top:10px}.org-chart ul.columnThree{position:relative;width:100%;display:block;clear:both}.org-chart ul.columnThree li:first-child{width:30%;float:left;margin-left:0}.org-chart ul.columnThree li{width:30%;margin-left:5%;float:left}.org-chart ul.columnThree li:last-child{width:30%;float:right;margin-left:0}.org-chart ul.columnThree:before{content:"";display:block;position:relative;width:80%;height:10px;border-top:2px solid #d8d9d1;margin:0 auto;top:40px}.org-chart .departments{width:100%;display:block;clear:both}.org-chart .departments:before{content:"";display:block;width:85%;height:22px;border-top:2px solid #d8d9d1;border-left:2px solid #d8d9d1;border-right:2px solid #d8d9d1;margin:0 auto;top:0}.org-chart .department{border-left:2px solid #d8d9d1;width:calc((100% / 8) - 10px);float:left;margin:0 4px}.org-chart .department:after{content:"";position:absolute;display:block;width:10px;height:22px;border-left:2px solid #d8d9d1;left:50%;top:-22px}.org-chart .department:first-child:after{display:none}.org-chart .department:last-child:after{display:none}.org-chart .department.central{background:#f2f3f0}.org-chart .department.central:after{display:none}.org-chart .department span{border-left:1px solid #dedede}.org-chart .department li{padding-left:25px;border-bottom:2px solid #d8d9d1;height:90px}.org-chart .department li span{background:#eaeaea;top:45px;position:absolute;z-index:1;width:95%;vertical-align:middle;right:0;line-height:14px;border:3px solid #dedede}.org-chart .department .sections{margin-top:-20px}.boss0,.boss1,.boss2,.boss3{font-size:1rem!important;line-height:1.25;height:auto!important;padding:.75rem!important;font-weight:600!important;color:#000!important;border:3px solid #d20031!important;border-radius:6px}.org-chart ul>li>span.boss0{background:#d20031;color:#fff!important}.org-chart ul>li>span.boss1{background:#f3eae8;color:#d20031}.org-chart ul>li>span.boss2{background:#f3eae8;border:1px solid #d20031!important}.org-chart ul>li>span.boss3{background:#d20031}
/* ----組織架構 RWD MEDIA QUERIES */
@media all and (max-width:767px){.org-chart .board{margin:0;width:100%}.org-chart .departments:before{border:none}.org-chart .department{float:none;width:100%;margin-left:0;background:#f2f3f0;margin-bottom:40px}.org-chart .department:not(:first-child){margin-top:80px}.org-chart .department:before{content:"";display:block;position:absolute;width:15px;height:80px;border-left:2px solid #d8d9d1;z-index:1;top:-80px;left:0;margin-left:-2px}.org-chart .department:after{display:none}.org-chart .department:first-child:before{display:none}}

/* 熱門搜尋關鍵字 */
#search .searchWords > div {
  color: #ffffff;
  margin: 3rem 0 1rem 0;
  font-weight: 700;
  font-size: 1.5rem;
  font-family: 'Noto Serif TC', serif;
}
#search .searchWords .btn-link {
  display: inline-block;
  color: #FFF;
  text-decoration: underline;
  margin: 0 .6rem 0;
  word-break: pre-wrap;
  line-height: 2;
  font-family: "Microsoft JhengHei", "LiHei Pro", sans-serif;
  padding: 0;
}
/* 查詢結果頁 */
.searchbar .searchWords {
  margin: 1rem 0;
}
.searchbar .searchWords > div {
  font-weight: 700;
  font-family: 'Noto Serif TC', serif;
  font-size: 1rem;
  display: inline;
  margin: 1rem 0;
}
.searchbar .searchWords .btn-link {
  display: inline-block;
  text-decoration: underline;
  margin-right: .8rem;
  line-height: 1.5;
  font-family: "Microsoft JhengHei", "LiHei Pro", sans-serif;
  padding: 0; 
}
/* Login */
.show_hide_password .input-group-append > .btn {
  border: 1px solid #ced4da ;
  width: 46px;
  text-align: center;
}
.show_hide_password .input-group-append > .btn i.fas:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-eye:before {
    content: "\f06e";
}