@charset "utf-8";

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html {
    min-height: inherit !important;
  }

  body {
    font-size: 18px;
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    min-height: inherit !important;
  }

  * {
    box-shadow: none !important;
  }

  a {
    text-decoration: none !important;
  }

  ul,
  ol {
    /* list-style-type: none; */
    margin: 0;
    padding: 0;
  }

  table th,
  table td {
    vertical-align: top;
    padding: 5px 5px 5px 0 !important;
  }

  .container {
    width: 100%;
    padding: 0 !important;
    max-width: none !important;
  }

  #headerZone {
    position: relative !important;
  }

  #wrapperInner {
    padding-top: 0 !important;
  }

  #mobileNavWrap,
  #mainNavWrap,
  #topNavWrap,
  #leftNavWrap,
  #footerZone,
  /* #mainVisualWrap, */
  #insideVisualWrap,
  #breadcrumb,
  .photosWrap,
  #backToTop,
  .accordCtrls,
  .pagination  {
    display: none !important;
  }
  #mainContent{ width: 100%!important; padding: 0!important;}
  #contentWrap {
    padding-top: 20px;
    border-top: 2px solid #000;
    margin-top: 20px;
  }

  hr {
    margin: 20px 0 !important;
  }

  h1#pageTitle { font-size:24px!important; border:none!important; margin-bottom: 20px; }
  #content h2 {
    font-size: 22px !important;
  }
  .tab-container .tab-content{ padding-bottom: 0;}
  .tab-container .tab-content .tabpanel{
    display: block !important;
    opacity: 1 !important;
    padding-bottom: 30px;
  }
  .tab-container .tab-menu ul li.mobileSelected {
    display: none !important;    
  }
  .accordion-item .accordion-content{
    display: block !important;
  }
  #content hr{ margin: 20px 0;}
  #content .common-btn, #content .common-link{
    border: 2px solid #000;
  }
  .photoslider-wrap .swiper-wrapper{
    width: 100%!important;
    height: auto;
		transform: none!important;
    overflow: initial!important;
    flex-wrap: wrap;
  }
  .photoslider-wrap .swiper-wrapper .swiper-slide{
    margin-bottom: 20px;
  }

  #content .flexbox.col-2 .item{
    width: calc((100% - 20px) / 2);	
  }

  #content .flexbox.col-3 .item{
    width: calc((100% - 40px) / 3);	
  }

/*********** Index Page Start *********/
  section{
    padding-bottom: 30px!important;
    margin-bottom: 0!important;
  }
  #jobWrap, #swiper-control-caption, .swiper-button-prev, .swiper-button-next, #main-visual-wrap div.swiper-slide a:after, .swiper-wrapper .swiper-slide.swiper-slide-duplicate, .swiper-control-wrap, #deptWrap, #mediaWrap, #videoWrap .swiper-slide a span.img:before{
    display: none!important;
  }
  #main-visual-wrap .swiper-wrapper, #newsWrap .swiper-wrapper, #dramaWrap .swiper-wrapper, #video-wrap  .swiper-wrapper{
		display: block;
		height: auto;
		transform: none!important;
		width: 100%;
    overflow: initial!important;
	}
  #dramaWrap .swiper-wrapper, #video-wrap  .swiper-wrapper{
    display: flex;
    flex-wrap: wrap;
  }
	#main-visual-wrap .swiper-wrapper .swiper-slide{
		display: table;
		table-layout: fixed;
		margin: 0;
		margin-bottom: 15px!important;
		transform: none!important;
		opacity: 1!important;
    width: 100%!important;
	}
	#main-visual-wrap .swiper-wrapper .caption{
		display: table-cell!important;
		position: relative;
		vertical-align: top;
		color: #000!important;
		padding: 15px!important;
		border: 0!important;
		left: 0;
		top: 0;
		transform: none!important;
		font-size: 1.5em;
	}
  #main-visual-wrap div.swiper-slide .caption>div{
    opacity: 1!important;
    transform: translateY(0)!important;
  }
	#main-visual-wrap .swiper-wrapper .swiper-slide a{
		height: auto;
		padding: 0;
		display: table-cell!important;
		width: 400px;
		vertical-align: top;
		transform: none!important;
	}
  #main-visual-wrap .swiper-wrapper .swiper-slide a span{
    position: relative;
    width: 100%;
    height: auto;
  }
	#main-visual-wrap .swiper-wrapper .swiper-slide .img img{
		display: block;
		width: 400px!important;
		transform: none!important;
		left: 0!important;
		height: auto!important;
		min-height: initial!important;
	}
  #news-wrap .swiper-slide{
    width: 100%!important;
  }
  #news-wrap .swiper-slide, #drama-wrap .swiper-slide, #video-wrap  .swiper-slide{
    margin-bottom: 20px;
  }
  #news-wrap .swiper-slide:not(.swiper-slide-visible){
    opacity: 1;
  }
  #news-wrap .swiper-slide a, #drama-wrap .swiper-slide a{
    border: 2px solid #000;
  }
  #news-outer{
    padding: 0!important;
    width: 100%!important;
    overflow: hidden!important;
    transform: none!important;
  }
  #drama-wrap .swiper-slide{
    width: calc(50% - 40px)!important;
  }
  #btmWrap .flexbox{
    display: block;
  }
  #btmWrap .flexbox>div{
    width: 100%!important;
    padding: 0!important;
  }
  #btmWrap .flexbox .innerContainer{
    padding: 0!important;
  }
  #video-wrap  .swiper-slide{
    width: calc(50% - 20px)!important;
  }
  section#newsWrap, section#dramaWrap{page-break-before: always;}
/*********** Index Page End *********/

/*********** additional Inside Page Start *********/
  .history-wrap .history-items .history-item{
    width: 100%;
    padding: 0!important;
    margin-top: 0!important;
    margin-bottom: 30px;
  }
  .history-wrap .history-items .history-item:not(:last-child):after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    bottom: -20px;
  }
  .history-wrap .history-items .history-item .detail:before, .history-wrap .history-items .history-item .detail-wrap:before, .history-wrap .history-items .history-item:before{
    display: none!important;
  }
  .history-wrap .history-items .history-item .detail{
    border: 2px solid #000;
    padding: 15px;
    border-radius: 0!important;
  }
  .history-wrap .history-items .history-item .detail-wrap{
    border-radius: 0!important;
    padding: 0!important;
  }
/*********** additional Inside Page End *********/


.accordion-item .accordion-content[aria-hidden=true] a[href], .accordion-item .accordion-content[aria-hidden=true] area[href], .accordion-item .accordion-content[aria-hidden=true] input:not([disabled]), .accordion-item .accordion-content[aria-hidden=true] select:not([disabled]), .accordion-item .accordion-content[aria-hidden=true] textarea:not([disabled]), .accordion-item .accordion-content[aria-hidden=true] button:not([disabled]), .accordion-item .accordion-content[aria-hidden=true] [tabindex]:not([disabled]), .accordion-item .accordion-content[aria-hidden=true] [contenteditable=true]:not([disabled]){
	visibility: visible;
}
}