/*content css*/
@import "slick.css";
@import "slick-theme.css";
@import "jquery.fancybox.css";

/************ s start ************/
#content hr{
	border-top: 1px solid #939393;
}
#content hr.adobe{
	    margin-top: 50px;
}
#content #related-info p.d-table{
	 border-bottom: 1px solid #D2D2D2;
 }
 #content #related-info p span:first-child{
	padding-right: 18px;
	width: 30%;
 }
 
 #content .accordion{
	 border-top: 2px solid #399FD6;
 }
 #content .accordion .card .card-header h2{
	 display: table;
	 width: 100%;
 }
 #content .accordion .card .card-header h2 span{
	 display: table-cell;
 }
  #content .accordion .card .card-header h2 span:first-child{
	  width: 3%;
  }
  #content .accordion .card .accordion-body{
	  padding-left: 3% !important;
  }
  #content .accordion .card .collapse-toggler{
	  text-decoration: none;
  }
  #content .slideShowWrap{
	  padding: 0 34px;
	  margin-bottom: 24px;
  }
  #content .slideShowWrap h3{
	font-size: 1.25em;
	font-weight: 600;
	color: #005F92;
  }
   #content .slideShowWrap .img-wrap{
	   background-color: #000000;
   }
  #content .slider-for .slick-prev,
  #content .slider-for .slick-next{
	  width: 30px;
	  height: 78px;
	  top: 45%;
	  background-position: 0 0;
	  background-repeat: no-repeat;
	  opacity: 1;
	  background-size: 30px 78px;
  }
  #content .slider-for .slick-prev{
	  left: -34px;
	  background-image: url(../img/icon-slide-left.png);
  }
  #content .slider-for .slick-prev:hover{
	  background-image: url(../img/icon-slide-left-hover.png);
  }
  #content .slider-for .slick-next{
	  right: -34px;
	  background-image: url(../img/icon-slide-right.png);
  }
  #content .slider-for .slick-next:hover{
	  background-image: url(../img/icon-slide-right-hover.png);
  }
  #content .slideShowWrap .slider-caption{
	  margin-bottom: 15px;
  }
  #content .slideShowWrap .slider-caption p{
	  position: relative;
	  color: #000000;
	  margin-top: 0;
	  margin-bottom: 5px;
  }
  #content .slideShowWrap .slider-caption p:first-child:before{
	  content: '';
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 5px solid #006396;
	position: absolute;
	top: 0.65em;
	left: -0.7rem;
  }
 #content .slider-nav .slick-list{
	padding: 0 !important; 
	}
 #content .slider-nav .slick-slide{
	 background-color: #e0e0e0;
	 border-left: 1px solid #ffffff;
	 border-right: 1px solid #ffffff;
	 position: relative;
 }
 #content .slider-nav .slick-slide:before{
	 content: '';
	 width: 100%;
	 height: 100%;
	 display: block;
	 border: 3px solid #ffcb34;
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 -webkit-transparent: opacity 0.3s;
	 transparent: opacity 0.3s;
 }
 #content .slider-nav .slick-slide.slick-current:before{
	 opacity: 1;
 }
  #content .slider-nav .slick-slide img{
	  max-height: 105px;
	  max-width: 100%;
  }
  #content .slider-nav .slick-prev,
  #content .slider-nav .slick-next{
	  width: 30px;
	  height: 100%;
	  bottom: 0;
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  background-size: 20px 20px;
	  opacity: 1;
  }
  #content .slider-nav .slick-prev{
	  left: -34px;
	  background-image: url(../img/icon-slide-left-s.png);
  }
  /* #content .slider-nav .slick-prev:hover{
	  background-image: url(../img/icon-slide-left-hover.png);
  } */
  #content .slider-nav .slick-next{
	  right: -34px;
	  background-image: url(../img/icon-slide-right-s.png);
  }
  /* #content .slider-nav .slick-next:hover{
	  background-image: url(../img/icon-slide-right-hover.png);
  } */
  #content .pdfIcon{
	   background: url(../img/pdf-icon.png) no-repeat left top 3px;
	   background-size: 16px 18px;
		padding-left: 23px;
		display: inline-block;
   }
   #content .pdfIcon.after{
	   background-position: right top;
		padding-right: 23px;
		padding-left: 0;
		display: inline;
   }
   #content #related-content h3{
	   color: #1071CC;
	   font-size: 1.625em;
   }
   #content h3.title{
		font-size: 1.25em;
		font-weight: 600;
		color: #005F92;
   }
   #content .highlights-wrap{
	   border-bottom: 1px solid #d2d2d2;
	   color: #929292;
	   /* font-size: 0.875em; */
   }
   #content .highlights-wrap .category{
	   min-height: 50px;
   }
   #content .highlights-wrap .sFont{
	   font-size: 0.875em;
   }
   #content .highlights-wrap > div:not(:first-child){
	   border-left: 1px solid #d4d4d4;
   }
   #content .highlights-wrap > div:first-child{
	   padding-left: 0;
   }
   #content .highlights-wrap .d-table-cell:first-child{
	   width: 98px;
	   padding-right: 2.5%;
   }
   #content .highlights-wrap .d-table-cell .date-wrap{
	   color: #ffffff;
	   border-radius: 50%;
	   display: inline-block;
	   line-height: 1em;
	   width: 80px;
   }
   #content .highlights-wrap .d-table-cell .date-wrap.blue{
	   background-color: #005F92;
   }
   #content .highlights-wrap .d-table-cell .date-wrap.green{
	   background-color: #8cc235;
   }
   #content .highlights-wrap .d-table-cell .date-wrap span.date{
	   display: block;
	   font-size: 2.5rem;
	   font-weight: 300;
	   line-height: 1em;
   }
   #content .highlights-wrap .d-table-cell a{
	   display: block;
   }
   #content .more-btn{
	   padding-right: 24px;
	   background-image: url(../img/icon-right-orange.png);
	   background-position: 98% 50%;
	   background-repeat: no-repeat;
   }
   #content .more-btn.before{
	   padding-left: 24px;
	   background-position: 4% 50%;
	   padding-right: 0;
   }
   #content .blue-bg{
	   /* background-color: #149bd6; */
	   background: url(../img/bg-full-blue.png) no-repeat 100% 100% #149bd6;
	   color: #ffffff;
   }
   #content .blue-bg.withImg .row, #content .green-bg.withImg .row{
	   min-height: 275px;
   }
   #content .blue-bg.withImg .row .pt-4, #content .green-bg.withImg .row .pt-4{
	   padding-top: 30px!important;
   }
   #content .blue-bg.withImg .row .pb-3, #content .green-bg.withImg .row .pb-3{
	   padding-bottom: 30px!important;
   }
   #content .blue-bg.noBg{
	   background: #149bd6;
   }
   #content .blue-bg.noBg .row, #content .blue-bg.no-deco .row, #content .green-bg.no-deco .row{
	   min-height: 0;
   }
   #content .blue-bg.no-deco, #content .green-bg.no-deco{
	   background-image: none;
   }
   #content .blue-bg .container,
   #content .green-bg .container{
	   padding: 20px 34px;
	   color: #ffffff;
   }
   #content .blue-bg .container a,
   #content .green-bg  .container a,
   #content .green-bg span.highlight{
	   color: #ffffff;
   }
   #content .blue-bg h2,
   #content .green-bg h2{
	   color: #ffffff;
	   margin: 0;
	   margin-bottom: 15px;
   }
   #content .quick-access h2{
	   margin-bottom: 0;
   }
   #content .blue-bg p, #content .green-bg p, #content .blue-bg ul, #content .green-bg ul{
	   font-size: 1.065em;
   }
   #content .green-bg{
	  /*  background-color: #00bbc1; */
	   background: url(../img/bg-full-green.png) no-repeat 100% 100% #00bbc1;
   }
   #content .blue-bg a.btn,
   #content .green-bg a.btn{
	   color: #149bd6;
	   background: #ffffff url(../img/icon-search-button-blue.png) no-repeat right 10px center;
	   background-size: 16px 8px;
	   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
   }
   #content .blue-bg a.btn:hover,
   #content .green-bg a.btn:hover{
	   background: #EF6814 url(../img/icon-search-button.png) no-repeat right 10px center;
	   background-size: 16px 8px;
	   color: #ffffff;
   }
   #content .blue-bg .imgBg,
   #content .green-bg .imgBg {
	   background-size: cover;
	   background-position: 50% 50%;
	   min-height: 275px;
   }
   #content .quick-access>div.row{
	   font-size: 1.0625em;
	   line-height: 1.125;
   }
   #content .quick-access{
	   font-family: "Titillium Web", "微軟正黑體", "Microsoft JhengHei", sans-serif;
   }
   #content .quick-access a{
	   color: #ffffff;	  
		border-radius: 10px;
		max-width: 180px;
		margin: 0 auto;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
   }
   #content .quick-access a:hover{
	   background-color: #00639a;
	   text-decoration: none;
   }
   #content .quick-access a img{
	   max-width: 72px;
   }
   #content table.list .colType{
	       width: 150px;
   }
   #content table.list table.subTbl tr{
	   background: transparent;
   }
   #content table.list table.subTbl tr:not(:last-child) td, #content table.landList table.subTbl tr:not(:last-child) td{
	   border-bottom: 1px solid #d2d2d2;
   }
   #content .blue-border{
	   border: 2px solid #16ADE2 !important;
	   /* border-top: 2px solid transparent; */
   }
   #content .dark-blue-border{
	   border: 2px solid #005F92 !important;
   }
   #content .tabWrap .blue-border{
	   border-width: 3px!important;
   }
   #content .tabWrap .card.blue-border{
	   border: 0 !important;
   }
   #content .blue-border.card,
   #content .blue-border.collapse {
	   border-top: 0 !important;
   }
   
   #content .sub-accordion .expandBtn {
	   display: block;
		width: 20px;
		height: 20px;
		float: right;
		margin-left: 10px;
		text-indent: -99999px;
		background-image: url(../img/subtract.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 16px 16px;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
   }
   #content .sub-accordion.collapsed .expandBtn,
   #content .sub-accordion .expandBtn.collapsed{
	   background-image: url(../img/plus.png);
   }
   #content .sub-accordion.collapse .expandBtn{
	   background-image: url(../img/subtract.png);
   }
   #content .sub-accordion:not(:first-child){
	   border-top: 1px solid #d2d2d2;
	   margin-top: 1.5rem;
   }
   #content .sub-accordion h3,
   #content .sub-accordion a.add-to-cart{
	   float: left;
   }
   #content .sub-accordion a.add-to-cart{
	   background-color: #006396;
	   line-height: 1.2em;
	   height: 28px;
	   padding: 4px 40px 5px 10px;
   }
   #content .sub-accordion a.add-to-cart.active{
	   background-color: #26AEE0 !important;
	   cursor: default;
	   pointer-events: none;
	   background-image: url(../img/icon-button-tick.png);
	   background-size: 16px 12px;
   }
   #content .sub-accordion a.arrow:hover{
	   background-color: #EF6814;
	   border-bottom:1px solid #EF3800;
   }
   #content .sub-accordion .status{
	   font-size: 0.8em;
   }
   #content .sub-accordion .status.green{color: #008c21;}
   #content .sub-accordion .status.red{
	   color: #DB1227;
	   padding-right: 	28px;
	   background: url(../img/icon-alert.png) no-repeat 100% 50%;
	   background-size: auto 80%;
	}
	#sidebar.shopping-cart{
		-webkit-transition: max-height 0.3s;
		transition: max-height 0.3s;
		z-index:10;
		border-bottom:0;
	}
   #content .shopping-cart .sidebar-inner{
	   box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
   }
   #content .shopping-cart .sidebar-subtitle{
	   background-color: #399FD6;
	   color: #ffffff;
	   font-size: 1.25em;
	   font-family: 'Titillium Web', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
   }
   #content .shopping-cart #amount{
	   position: absolute;
		top: -6px;
		right: 4px;
		width: 20px;
		height: 20px;
		font-size: 0.65em;
		background-color: #DB1227;
		border-radius: 50%;
		text-align: center;
   }
   #content .shopping-cart .item{
	   border-bottom: 1px solid #d2d2d2;
	   font-size: 0.813em;
	   color: #ADADAD;
   }
   #content .shopping-cart .item span{
	   font-size: 1.231em;
	   color: #399FD6;
   }
   #content .shopping-cart .item span.status{
	   font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		position: relative;
		width: 20px;
		height: 20px;
		display: inline-block;
		float: right;
		margin-left: 10px;
		margin-top: 2px;
		background: url(../img/resources/online-tools/orders-and-notices-search/Orderuntaker.png) no-repeat 50% 50%;
   }
   #content .shopping-cart .item span.status.done{
	   background-image: url(../img/resources/online-tools/orders-and-notices-search/Ordertaker.png)
   }
   #content .remove-btn{
	   font-size: 0;
	   line-height: 0;
	   text-indent: -9999px;
	   position: relative;
	   width: 20px;
		height: 20px;
		display: inline-block;
		float: right;
		margin-left: 10px;
		margin-top: 2px;
		background: url(../img/OrderSummary-close.png) no-repeat 50% 50%;
   }
   #content .shopping-cart .more-btn{
	   padding-left: 20px;
	   font-size: 0.875em;
   }
   #content .expandBtn.arrow{
	   text-indent: -9999px;
	   font-size: 0;
	   line-height: 0;
	   width: 20px;
		height: 20px;
		display: block;
		background: url(../img/accordingArrowUp-white.png) no-repeat 50% 50%;
		background-size: 20px 20px;
   }
   #content .collapsed .expandBtn.arrow{
	   background: url(../img/accordingArrowDown-white.png) no-repeat 50% 50%;
	   background-size: 20px 20px;
   }
   /* #content ul.plainBlueArrow.white{
	   list-style-image: url(../img/thickArrowWhite-s.png);
   } */
   #content ul.plainBlueArrow.white li:before{
		content: '';
		position: absolute;
		width: 8px;
		height: 16px;
		background: url(../img/thickArrowWhite-s.png) 0 0 no-repeat;
		left: 0;
		top: 4px;
	}
   #content .sub-control-wrap{
	   border-top: 1px solid #d4d4d4;
   }
   #content .sub-control-wrap .more-btn.back{
	   background-image: url(../img/icon-left-orange.png);
	   font-size: 0.875em;
	   background-position: 4% 45%;
   }
   #content .sub-control-wrap .print-btn{
	   padding-left: 24px;
	   background: url(../img/icon-print.png) no-repeat 0 50%;
   }
   #content a.external-link{
	   padding-right: 24px;
	   background: url(../img/icon-ext-link.png) no-repeat 100% 50%;
	   background-size: 16px 16px;
   }
   #content a.external-link.before{
	   background-position: 0 50%;
	   padding-left: 24px;
	   padding-right: 0;
   }
   ul.yellowArrow.subNav{
	   font-size: 0.875em;
	   margin-top: 35px;
   }
   ul.yellowArrow.subNav li:first-child{
		color: #6c757d;
		padding-left: 0;
   }
   ul.yellowArrow.subNav li:first-child:before{
	   display: none;
   }
   #content ol.lowerAlpha{
	   list-style-type: lower-alpha;
   }
   #content ol.lowerRoman{
	   list-style-type: lower-roman;
   }
   #content .blue-border .blk .title{
	   background-color: #E4F5F1;
		color: #006396;
		text-align: center;
		font-weight: bold;
   }
   #content .blue-border .blk:not(:first-child){
	   border-left: 2px solid #16ADE2;
   }
   #content .card-deck-container.full-width .card-deck .card{
	   box-shadow: none;
   }
   #content .card-deck-container.full-width .card-deck .card .head{
	   font-size: 1.065em;
	   font-weight: 300;
   }
   #content .card-deck-container.full-width .card-deck .card .head strong{
		font-weight: 600;
		display: block;
		font-size: 1.221em;
   }
   #content .alt-bg-tbl{
	   background-color: #ffffff;
	   color: #212529;
   }
   #content .alt-bg-tbl > div:nth-child(2n){
	   background-color: #E4F5F1;
   }
   #content .alt-bg-tbl > div .arrow{
	   padding-left: 50px !important;
	   background-image: url(../img/icon-arrow-split.png);
	   background-position: 0 50%;
	   background-repeat: no-repeat;
	   background-size: 15px 24px;
	   -webkit-transition: padding-left 0.3s, background-size 0.3s, background-position 0.3s;
	   transition: padding-left 0.3s, background-size 0.3s, background-position 0.3s;
   }
   #content .alt-bg-tbl.grey-border{
	   border-left: 0;
	   border-top: 1px solid #d4d4d4;
	   border-bottom: 1px solid #666666;
   }
   #content ul.tick-list{
	   list-style-image: url(../img/taker-green-s.png);
	   padding-left: 25px;
   }
   /* #content .em-text{
	   color: #006396;
		font-size: 1.625em;
		font-weight: 400;
   } */
   #sidebar .sidebar-subtitle.icon.registration:before{
	   background: url(../img/RegistrationGuide.png) 0 0 no-repeat;
		background-size: 100% 100%;
   }
   #sidebar .sidebar-subtitle.icon.info:before{
	   background: url(../img/icon-about.png) 0 0 no-repeat;
		background-size: 100% 100%;
   }
   .tab-content .card h2{
	   cursor: pointer;
   }
   #content div.enquiryTable + .blue-border{
	   border-left: 0 !important;
	   border-right: 0 !important;
	   border-bottom: 0 !important;
   }
   #content h4{
	   color: #005F92;
	   font-size: 1.15rem;
	   font-weight: 600;
   }
   #content h5{
	   font-size: 1.15rem;
	   font-weight: 600;
   }
   #content .light-green-bg{
	   background-color: #E4F5F1;
	   max-width: 77.9%;
   }
   #content .light-green-bg.w-100{
	   max-width: 100%!important;
   }
   #content .remarks{
	   width: 100%;
	   color: #6e6e6e;
	   font-size: 0.875em;
   }
   #content .num-bg{
	   color: #ffffff;
	   background-color: #006396;
	   border-radius: 50%;
	   text-align: center;
	   width: 20px;
	   height: 20px;
	   display: inline-block;
	   vertical-align: middle;
	   line-height: 1.2em;
	   margin-right: 5px;
   }
   #content .grey-border{
	   border-left: 1px solid #d4d4d4;
   }
   #content .fancybox{
	   background-color: #e4ebe8;
	   position: relative;
   }
   #content .fancybox:before{
	   content: '';
	   background: url(../img/icon-expand.png) no-repeat 50% 50%;
	   width: 22px;
	   height: 22px;
	   position: absolute;
	   right: 8px;
	   bottom: 8px;
		display: inline-block;
   }
   #sidebar .sidebar-subtitle.icon.signboard:before{
	   background: url(../img/AboutSignboards.png) 0 0 no-repeat;
	   background-size: 100% 100%;
   }
   #content .badge{
	   font-size: 1em;
	   font-weight: normal;
	   color: #000000;
   }
   #content .badge.pink{ background-color: #F4959E; }
   #content .badge.purple{ background-color: #B3A0CD; }
   #content .badge.green{ background-color: #B2C850; }
   #content .badge.yellow{ background-color: #F9C857; }
   #content .badge.light_yellow{ background-color: #FFF172; }
   #content .badge.light_green{ background-color: #D1E9CC; }
   #content .badge.blue{ background-color: #83D1F5; }

   #content .badge.mw-type-a{ background-color: #F4959E; }
   #content .badge.mw-type-g{ background-color: #B3A0CD; }
   #content .badge.mw-type-e{ background-color: #B2C850; }
   #content .badge.mw-type-b{ background-color: #F9C857; }
   #content .badge.mw-type-c{ background-color: #FFF172; }
   #content .badge.mw-type-d{ background-color: #D1E9CC; }
   #content .badge.mw-type-f{ background-color: #83D1F5; }
   #content .badge.mw-type-h{ background-color: #B85C00; }
/*
   #content .badge.mw-type-h{ background-color: #682D8D; }
*/

#content table.mw-item-detail {
    border-bottom: 1px solid #d4d4d4;
    border-collapse: collapse;
    border-top: 1px solid #d4d4d4;
    border-spacing: 0;
    width: 100%;
}

#content table.mw-item-detail > tbody > tr > th {
    padding: .5rem 1rem;
    vertical-align: middle;
    width: 35%;
}

#content table.mw-item-detail > tbody > tr:nth-of-type(even) {
    background-color: #E4F5F1;
}

#content table.mw-item-detail > tbody > tr > td {
    padding: .5rem 1rem;
    vertical-align: top;
}

#content ol.mw-items-comparision-detail > li {
    margin-bottom: 1rem;
}

#content ol.mw-items-comparision-detail ul li {
    margin-bottom: .25rem;
}

#content ol.mw-items-comparision-detail ul li:first-child {
    margin-top: .25rem;
}

@media (max-width: 767.98px) {
    #content table.mw-item-detail > tbody > tr,  #content table.mw-item-detail > tbody > tr > th,  #content table.mw-item-detail > tbody > tr > td {
        display: block;
        width: 100%;
    }
    
    #content table.mw-item-detail > tbody > tr > th {
        padding: 1rem 1rem 0 1rem;
    }
    
    #content table.mw-item-detail > tbody > tr > td {
        padding: .5rem 1rem 1rem 1rem;
    }
}

#content table.mw-item-detail th > ol, #content table.mw-item-detail td > ol {
    list-style-type: lower-roman !important;
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

#content table.mw-item-detail ol {
    padding-left: 1rem !important;
}

#content table.mw-item-detail th > ol ol, #content table.mw-item-detail td > ol ol {
    list-style-type: upper-alpha !important;
}

#content table.mw-item-detail li:not(:last-child) {
    margin-bottom: 0.5rem !important;
}

#content .mw-note {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    display: inline-block;
    height: 18px;
    margin-left: 5px;
    vertical-align: middle;
    width: 18px;
}

#content .mw-note.mw-note-1 {
    background-image: url("../images/building-works/mw-note-01.png");
}

#content .mw-note.mw-note-2 {
    background-image: url("../images/building-works/mw-note-02.png");
}

#content .mw-note.mw-note-3 {
    background-image: url("../images/building-works/mw-note-03.png");
}

#content .mw-note.mw-note-4 {
    background-image: url("../images/building-works/mw-note-04.png");
}

#content .mw-note.mw-note-5 {
    background-image: url("../images/building-works/mw-note-05.png");
}

   #content .card-body ol{
	   padding-inline-start: 20px;
   }
   
   /************ s end ************/
   
   
   /************ d start **************/
   #content .four-cards-row{
	max-width:980px;
	margin:0 auto;
}
#content .four-cards-row > div{
	padding:0 12px;
	margin-bottom:25px;
}
#content .four-cards-row > div > .card{
	border:1px solid #CFCFCF;
	height:100%;	
}
/* #content .four-cards-row > div > .card{
	display: block;
} */
#content .four-cards-row > div > .card .card-header{ padding:0; background:none; border:none; text-align: center; line-height:0;}
#content .four-cards-row > div > .card .card-img-top{ /* float: left; */  max-width:225px; */ /*for IE bug*/ }
#content .four-cards-row > div > .card .card-link:hover{ text-decoration:underline;}

.enquiryTable.contactUs .th-left{ width:35%;}
.enquiryTable  th{ padding-right:10px;}
.icon_pdf{ margin-left:5px;}
/************** d end ****************/

/* #contentWrap a{
	color: #107FCC;
} */
.btn {
	padding: 9px 15px 10px 15px;
	border-radius: 0;
}
.btn.arrow {
	padding-right: 38px;
	height: 40px;
	background: #33B8BA url('../img/icon-search-button.png') no-repeat right 10px center;
	background-size: 16px 8px;
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.25);
	border: none;
}
.btn.arrow.down{
	background-image: url('../img/icon-ShowMore-button.png');
	background-size: 10px 18px;
}
.btn.arrow:hover {
	background-color: #EF6814;
}
.btn.opp-color.arrow {
	background-color: #EF6814;
}
.btn.opp-color.arrow:hover {
	background-color: #33B8BA;
}
.btn.arrow.small{
	padding-top: 3px;
	padding-bottom: 3px;
	height: auto;
	box-shadow: none;
}
.btn.arrow.blue{
	background-color: #006292;
	border-bottom: 1px solid #00405F;
}
.btn.arrow.blue:hover{
	background-color: #00405F;
}
.btn:hover {
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.btnWaiting {
	display:none;
	margin-right:10px;
}
.btn.disabled .btnWaiting {
	display: inline-block;
}
#content ul:not([class]), #content .no-result ul {
	padding-left: 20px;
}
#content .no-result.border{
	border-color: #d2d2d2!important;
}
#content .no-result hr{
	border-color: #d2d2d2;
	margin: 30px 0;
}
ul.plainBlueArrow {
	/* list-style-image: url('../img/thickArrowBlue-s.png'); */
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	position: relative;
}
ul.plainBlueArrow li {
	padding-bottom: 10px;
	padding-left: 15px;
	position: relative;
}
ul.plainBlueArrow li:before{
	content: '';
	position: absolute;
	width: 8px;
	height: 16px;
	background: url(../img/thickArrowBlue-s.png) 0 0 no-repeat;
	left: 0;
	top: 4px;
}
.blue-arrow:before {
    background: url(../img/thickArrowBlue-s.png) 0 0 no-repeat;
	content: '';
    display: inline-block;
    height: 16px;
    margin-right: 0.5rem;
	width: 8px;
}
.arrow-paragraph {
	padding-left: 1em;
	background: url('../img/thickArrowBlue.png') no-repeat left top 2px;
	background-size: 8px 16px;
}
#content .sitemapZone ul.plainBlueArrow ul{
	list-style-image: none;
	list-style: none;
	padding-left: 0;
	margin-top: 10px;
}
#content .sitemapZone ul.plainBlueArrow ul li{
	position: relative;
	padding-left: 15px;
}
#content .sitemapZone ul.plainBlueArrow ul li:before{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-image: none;
	background-color: #107FCC;
	left: 0;
	top: 10px;
}

ul.yellowArrow {
	position: relative;
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}
ul.yellowArrow li {
	padding-bottom: 10px;
	position: relative;
	padding-left: 15px;
}
ul.yellowArrow li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	border-right: 2px solid #F79B37;
	border-bottom: 2px solid #F79B37;
	width: 7px;
	height: 7px;
	transform: rotate(-45deg);
}
ul.slightlySpacing li{
	padding-bottom: 5px!important;
}
ul.noBullet{
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
.titleWthDDMenu{}
.ddMenuWrap {
}
.ddMenuWrap label {
	display:inline-block;
	font-weight: normal;
	font-size: 0.9em;
	margin-right: 10px;
}
.titleWthDDMenu{ /*padding-top:20px;*/}
.titleWthDDMenu h2{ width:calc(99.99% - 260px);}
.titleWthDDMenu .rigtDDMenu{ text-align:right; width:260px; margin-top:35px;}
.titleWthDDMenu .rigtDDMenu .dropdown{ float:right;}
.ddMenuWrap select.yellowBorder {
	padding: 0 6px;
	padding-right: 25px;
	min-width: 125px;
	height: 38px;
	border: solid 2px #FDC952;
	background: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	/* color: #999; */
	color: #000;
	background-color: transparent;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background: transparent url("../img/nav-arrow-down.png") no-repeat right 8px center;
	background-size: 10px 7px;
	cursor: pointer;
}
.ddMenuWrap select.yellowBorder.error{
	border-color: #ea351e;
}
.ddMenuWrap select.yellowBorder::-ms-expand, .ddMenuWrap select.blueBorder::-ms-expand{
	display: none;
}
.ddMenuWrap select.blueBorder {
	padding: 0 6px;
	min-width: 125px;
	height: 38px;
	border: solid 2px #16ADE2;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	/*color: #999;*/
	background-color: transparent;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background: transparent url("../img/nav-arrow-down.png") no-repeat right 8px center;
	background-size: 10px 7px;
	cursor: pointer;
}
/*main content css*/
#content h2 {
	color: #006396;
	font-size: 1.625em;
	font-weight: 400;
	margin: 35px 0 20px;
}
#content #searchresult h2, #content #search h2{
	margin: 30px 0!important;
}
#content h2.mt-0{
	margin-top: 0!important;
}
#content h2.mb-0{
	margin-bottom: 0!important;
}
#content  .more-btn.float-right.sOtherBtn{
	margin-top: 35px;
}
/* #content h2 .fulllistPDFLink{
	font-size: 0.615em;
	margin-left: 10px;
} */
#content h2.small-fonts{
	font-size: 1.25em;
	font-weight: 600;
}
#content h2:first-child {
	/*margin-top:0;*/
}
#content h2.icon{
	padding-left: 75px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
#content h2.icon:before{
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#content h2.icon.enquiry:before{
	background-image: url(../img/icon-enquiry.png)
}
#content h2.icon.serviceHR:before{
	background-image: url(../img/icon-service-hr.png)
}
#content h2.icon.access:before{
	background-image: url(../img/icon-access.png)
}
#content h2.icon.qna:before{
	background-image: url(../img/qna.png)
}
#content h3.blue, #content span.highlight{
	color: #006396;
	font-size: 1.5em;
}
#content .videoItem h3.blue{
	font-size: 1.25em;
	color: #005F92;
	font-weight: 600;
}
 #content span.number{ font-family: "Titillium Web", "微軟正黑體", "Microsoft JhengHei", sans-serif;}
 #content span.black{
	 color: #000!important;
 }
#content h3.black{
	color: #000;
	font-size: 1.225em;
	font-weight: 600;
}
#content h3 + p, #content h2 + p{
	margin-top: 0;
}
#content h4.blue{
	color: #006396;
	font-size: 1.125em;
	font-weight: 600;
}
#content p {
	margin-bottom: 20px;
	margin-top: 20px;
}
/* #content>p:first-child, #content>ul:first-child, #content>ol:first-child{
	margin-top: 20px;
} */
#content .bg-grey {
	background-color: #F7F7F7;
	padding-top:0.01em;
}
#content .bg-grey .accordion .card{
	background-color: #F7F7F7;
}
#content .bg-grey .mainCol{ padding:0;}
#content .border-event-card {
	border-color: #CFCFCF!important;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
#content .border-event-card h2 {
	margin-top: -4px;
	margin-bottom: 12px;
	font-size: 1.5em;
}
#content .border-event-card h3 {
	font-size: 1em;
	font-weight: 700;
	margin-top: 20px;
}
#content .bg-img-holder {
	background-color: #F0F0F0;
}
#content .card-deck-container {
	/* overflow: hidden; */
}
#content .card-deck-container .card-deck .card {
	margin-bottom: 30px;
	border: 1px solid #CFCFCF;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
#content .card-deck-container .card-deck .card  div.inner{
	flex-shrink: 0;
	width: 100%;
}
#content .card-deck-container .card-deck .card .card-footer{
	background: transparent!important;
}
/* #content .card-deck-container .card-deck .card>a{
	flex: 0;
} */
#content .card-deck-container .card-deck .card.nth {
	margin-bottom: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}
#content .card-deck-container .card-deck .card .card-title, #content .justify-content-center  .card .card-title{
	padding: 0 0 14px 0;
	font-size: 1.25em;
	font-weight: 600;
	color: #005F92;
	margin: 0;
}
#content .furtherInfo .grp {
	width: 100%;
	margin-bottom: 20px;
	display: table;
}
#content .furtherInfo .grp .icon {
	display: table-cell;
	width: 120px;
	padding-left: 12px;
	vertical-align: top;
	padding-right: 10px;
}
#content .furtherInfo .grp .icon img{
	width: 100%;
}
#content .furtherInfo .grp .content {
	display: table-cell;
	width: calc(100% - 132px);
	vertical-align: top;
}
#content .furtherInfo .grp .content h3.smallBold {
	margin-top: 0;
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
	font-size: 1em;
	font-weight: 600;
}
#content .furtherInfo div.row{
	margin-bottom: 15px;
}
#content a.iconFB30 {
	padding: 10px 20px 10px 40px;
	background: url('../img/fb-30.png') no-repeat left center;
	background-size: 30px 30px;
	display: inline-block;
}
#content a.iconIG30 {
	padding: 10px 20px 10px 40px;
	background: url('../img/ig-30.jpg') no-repeat left center;
	background-size: 30px 30px;
	display: inline-block;
}
#content .qnaIcon {
	background-image: url('../img/qna.png');
	background-size: 60px 60px;
}
#content .bigIcon {
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 22px 0 0 70px;
	min-height: 70px;
	font-size: 1.25em!important;
	color: #006396!important;
	margin: 20px 0;
	font-weight: 600!important;
}
#content .accordion .card {
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid #399FD6;
}
#content .accordion>.card>.card-header {
	background-color: transparent;
	color: #095383;
	/* font-size: 1.05em; */
	font-weight: 600;
	cursor: pointer;
	background: url(../img/subtract.png) no-repeat right center;
	background-size: 16px 16px;
	padding-right: 30px;
}
#content .accordion>.card>.card-header.collapsed {
	color: #005F92;
	background-image: url(../img/plus.png);
}
/************** transform Table **************/
#content .tableResponsive{
	overflow-x: auto;
	width: 100%;
	margin-bottom: 20px;
}
#content table.transformable{
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 100%;
	border-bottom: 1px solid #D2D2D2;
}
#content table.search_result {
	border-collapse: collapse;
	margin-bottom: 50px;
	width: 100%;
	border-bottom: 1px solid #D2D2D2;
}
#content table.transformable thead th{
	padding: 0 6px;
}
#content table thead th a{
	color: #fff;
}
#content table tr.greenRow{
	background-color: #E4F5F1;
}
#content table.transformable td, #content table.search_result td, #content table.paddingTable td {
	vertical-align: top;
	padding: 10px 12px;
}
#content table.transformable.green-rows tbody tr:nth-child(even) {
    background-color: #E4F5F1;
}
#content table.search_result td .people table tr td{
	border-bottom: 1px solid #d2d2d2;
}
#content table.search_result td .people table tr:last-child td{
	border-bottom: 0;
}
#content table.paddingTable{
	width: 100%;
}
#content table.transformable.committess tbody:before{
	/* border-top: 40px solid transparent; */
	content: '';
  display: block;
  height: 30px;
}
#content table.transformable.committess thead + tbody:before{
	display: none;
}
#content table.transformable.committess tbody tr:last-child{
	border-bottom: 1px solid #d6d6d6;
}
#content table.transformable.committess tbody:last-child tr:last-child{
	border-bottom: none;
}
#content table.transformable.committess tbody tr:nth-child(even) {
    background-color: #E4F5F1;
}
#content table thead.blueBG th {
	background-color: #006396;
	color: #fff;
	padding: 4px 12px;
}
#content table thead.blueBG tr {
	border: none;
}
#content table thead.blueBG th .classIbtm, #content table thead.blueBG th .classIIbtm, #content table thead.blueBG th .classIIIbtm {
	padding: 4px 0 0;
	border-bottom: solid 5px #FF6666;
	max-width: 60%;
	margin: 0 auto;
}
#content table thead.blueBG th .classIIbtm {
	border-bottom-color: #FFCC02;
}
#content table thead.blueBG th .classIIIbtm {
	border-bottom-color: #2DC58E;
}
#content table thead th.txtLeft {
	text-align: left;
	padding-left: 20px;
}
#content table.transformable td.colHead {
}
#content table.transformable td.txtC {
}
#content table.transformable .thickBlueTxt, .fancyPopContent table.list .thickBlueTxt {
	color: #0C6494;
	font-weight: 600;
	border-bottom: 1px solid #D2D2D2;
	border-top: 1px solid #D2D2D2;
}
.fancyPopContent table.list .thickBlueTxt{
	background: #fff!important;
	border-bottom: 0;
}
#content table.transformable ul {
	padding-left: 15px;
}
#content table.transformable ul li::before {
}
#content table.transformable thead th.a {
	width: 8%;
}
#content table.transformable .colDate{
	width: 150px;
}
#content table.transformable .colType{
	width: 180px;
}
#content table.transformable .colType .row{
	border-bottom: 1px solid #d2d2d2;
	padding: 10px;
}
/* #content table.transformable .colType .row:first-child{
	padding-top: 0;
} */
#content table.transformable .colType .row:last-child{
	border-bottom: none;
	/* padding-bottom: 0; */
}
#content table.transformable thead th.b {
	width: 70%;
}
#content table.transformable thead th.c {
	width: 22%;
}
#content table.transformable thead th.w-md-25{
	width: 25%;
}
#content table.transformable thead th.d {
	width: 30%;
}
#content table.transformable thead th.e {
	width: 70%;
}
#content table.transformable tr.forceWhiteBG {
	background-color: #fff;
}
#content table.transformable tr.tallRow td {
	padding-top:24px;
}
#content .tableResponsive table{
	width: 99.8%;
	margin-bottom: 0;
}
#content table.border-Table td{
	border: 1px solid #D2D2D2;
	padding: 10px;
}
#content .classI, #content .classII, #content .classIII {
	width: 90%;
	background-color: #FFCC02;
	text-align: center;
	line-height: 48px;
	color: #000;
    font-weight: bold;
	font-size: 1.1em;
	max-width: 200px;
	margin-bottom: 18px;
}
#content .classI {
	background-color: #FF6666;
}
#content .classIII {
	background-color: #2DC58E;
}
#content .arrowLink {
	padding-left: 15px;
	background: url("../img/thickArrowBlue.png") no-repeat left top 2px;
	background-size: 8px 16px;
	color: #107FCC;
	/*display: -webkit-box;*/
}
#content .attention {
	width: 100%;
	border: solid 1px #CFCFCF;
	box-shadow: 0px 0px 2px #CFCFCF;
	margin: 25px 0;
}
#content .attention .yellowHead {
	width: 100%;
	height: 68px;
	background: #EF6814 url("../img/attention-Icon.png") no-repeat left 20px center;
	background-size: 48px 48px;
	padding-left: 90px;
	color: #fff;
	font-size: 1.3em;
	padding-top: 20px;
	margin: 0;
}
#content .attention .yellowHead.d-table .d-table-cell{
	padding-top: 10px;
	padding-bottom: 10px;
}
#content .attention .msg {
	font-size: 1em;
	padding: 18px;
}
#content .attention .msg h3 {
	font-size: 1em;
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
	font-weight: 700;
}
#content table.list.whatsnew td.cellType, #content table.list.whatsnew td.cellContent {
	display: block;
}
#content table.list.whatsnew td.cellType {
	padding-bottom: 0;
}
#content table.list.whatsnew td.cellType.underline {
	border-bottom: none;
}
#content table.list.whatsnew td.cellContent {
	width: 80%;
}
#content table.list, #content table.normalTable {
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px solid #D2D2D2;
}
#content table.list thead {
}
#content table.list th, #content table.normalTable th {
	background-color: #006396;
	color: #fff;
	padding: 4px 12px;
}
#content table.list td, #content table.normalTable td {
	vertical-align: top;
	padding: 10px;
}
#content table.list tr:nth-child(even) {
	background-color: #E4F5F1;
}
#content table.list td div {
	padding: 0 0 12px 0;
}
#content table.list td div:last-child {
	padding-bottom: 0;
}
#content table.list thead .colDate {
	width: 110px;
}
#content table.list.whatsnew tr:nth-child(even) {
	background-color: #FFF;
}
#content table.list.whatsnew tr.bgColor {
	background-color: #E4F5F1;
}
#content table.list.whatsnew thead .colDate {
	width: 110px;
}
#content table.list.whatsnew thead .colType {
	width: 180px;
}
#content table.list.whatsnew thead .colContent {
}
#content table td.underline {
	border-bottom: solid 1px #ccc;
}
#content table.noUnderline, #content table td.noUnderline{
	border-bottom:0;
}
#content table.plainTable {
	width: 100%;
	margin-bottom: 30px;
}
#content table.plainTable th{
	padding: 4px 12px;
}
#content table.plainTable td{
	vertical-align: top;
	padding: 10px;
}
#content table.plainTable td p:first-child{ margin-top:0;}
#content table.plainTable td > p:last-child{ margin-bottom:0;}


/*end content*/
/*botContent*/
.botContent {
}
#content .steps {
	width: 100%;
	/*padding: 20px 0;*/
}
#content .steps .step{ padding-bottom:20px;}
#content .steps h3 {
	margin-top:20px;
}
#content .steps .rightTxt {
	width: calc(100% - 200px);
	padding-left: 50px;
	float: left;
}
#content .steps .rightTxt ul {
	padding-left: 20px;
}
#content h3.rightBGArrow {
	position: relative;
	background-color: #000;
	line-height: 18px;
	padding: 15px 60px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
#content h3.rightBGArrow:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(12, 100, 148, 0);
	border-left-color: #0C6494;
	border-width: 24px;
	margin-top: -24px;
}
#content h3.step1BG {
	background-color: #0C6494;
}
#content h3.rightBGArrow.step1BG:after {
	border-left-color: #0C6494;
}
#content h3.step2BG {
	background-color: #1EBBC0;
	border-left-color: #1EBBC0;
}
#content h3.rightBGArrow.step2BG:after {
	border-left-color: #1EBBC0;
}
#content h3.step3BG {
	background-color: #26AEE0;
	border-left-color: #26AEE0;
}
#content h3.rightBGArrow.step3BG:after {
	border-left-color: #26AEE0;
}

/******* color code for class ******/
.text-white{
	color: #fff!important;
}
.c-1{
	background-color: #FF6666;
	color: #000!important;
}
.c-2{
	background-color: #FFCC02;
	color: #000!important;
}
.c-3{
	background-color: #2DC58E;
	color: #000!important;
}

/***************** tab style **************/
#content div.tabWrap{
	/* padding-bottom: 20px; */
}
#content div.tabWrap.item_5 .nav-tabs .nav-item{
	width: 20%;
}
#content div.tabWrap.item_4 .nav-tabs .nav-item{
	width: 25%;
}
#content div.tabWrap.item_3 .nav-tabs .nav-item{
	width: 33.3%;
}
#content div.tabWrap.item_2 .nav-tabs .nav-item{
	width: 50%;
}
.nav-tabs {
  display:none;
}
#content .nav-tabs{
	border-bottom: 3px solid #16ADE2;
}
#content .nav-tabs .nav-item{
	margin-bottom: -3px;
	min-height: 60px;
}
#content #search .nav-tabs .nav-item{
	/* height:60px; */
}
#content .nav-tabs .nav-link{
	background-color: #E4F5F1;
	color: #005F92;
	margin-right: 2px;
	text-align: center;
	border-radius: 0;
	font-weight: bold;
	font-size: 1.125em;
	min-height: 60px;
	border: 0;
	width: calc(100% - 2px);
	line-height: 1.2em;
	height: 100%;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #16ADE2;
}
#content .nav-tabs .nav-item:last-child .nav-link{
	margin-right: 0;
	width: calc(100% + 1px);
}
#content div.tabWrap.item_3 .nav-tabs .nav-item:last-child .nav-link{
	width: calc(100% + 1px);
}
#content div.tabWrap.item_4 .nav-tabs .nav-item:last-child .nav-link{
	width: 100%;
}
#content .nav-tabs .nav-link.active{
	background-color: #fff;
	border: 3px solid #16ADE2;
	border-bottom:0 !important;
	position: relative;
}
#content .nav-tabs .nav-link.active:before, #content .tabWrap .tab-content>.card>.card-header:before{
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border-right: 2px solid #006396;
	border-bottom: 2px solid #006396;
	transform: rotate(45deg) translateX(-50%);
	bottom: 0;
	left: 50%;
}
#content .tabWrap .tab-content>.card>.card-header{
	background-color: #E4F5F1;
	text-align: center;
	color: #006396;
	font-weight: bold;
	border: 0;
	border-radius: 0;
	margin-bottom: 2px;
}
#content .tabWrap .tab-content>.card{
	border: 0;
	border-radius: 0;
	margin-bottom: 2px;
	/* border-top: 2px solid #16ADE2;
	border-bottom: 2px solid #16ADE2;
	margin-bottom: 2px; */
}

#content .tabWrap .tab-content>.card>.card-header{
	border-top: 3px solid #16ADE2;
	background-color: #fff;
	position: relative;
	cursor: pointer;
}
#content .tabWrap .tab-content>.card>.card-header.collapsed{
	background-color: #E4F5F1;
	border-top: 0;
}
#content .tabWrap .tab-content>.card>.card-header.collapsed:before{
	display: none;
}

#content input[type=text], #content input[type=password]{
	width: 100%;
	border: 2px solid #FFCB34;
	padding: 3px 5px;
	color: #000;
	line-height: 28px;
	height: 38px;
	background: #fff;
}
#content div.fancyPop{
	width: 100%;
	border: 2px solid #FFCB34;
	padding: 3px 5px;
	color: #000;
	line-height: 28px;
	height: 38px;
	background: url("../img/nav-arrow-down.png") no-repeat right 8px center;
	background-color: #fff!important;
	background-size: 10px 7px;
	padding-right: 25px;
	overflow: hidden;
	cursor: pointer;
}
#content div.fancyPopContent{
	display: none;
}
#content input[type=text].error, #content input[type=password].error{
	border-color: #ea351e;
}
#content div.error_remark{
	color: #ea351e;
	padding-left: 23px;
	position: relative;
	margin-top: 10px;
}
#content div.error_remark:before{
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	background: url(../img/icon-alert.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
#content .date input[type=text]{
	width: 1%;
}
#content div.searchResultTableWrap{
	width: calc(100% + 40px);
	margin-left: -20px;
}
#content div.searchResultTableWrap table td, #content .formWrap table td{
	position: relative;
	padding-right: 50px;
}
#content #awardedTable table tr td{
	padding-right: 80px!important;
}
#content .formWrap table tr td:first-child:not(:last-child){
	padding-right: 0;
}

#content table.practice{
	margin-bottom: 0;
}
#content div.searchResultTableWrap table td a.expandBtn, #content .formWrap table td a.expandBtn, #content table.search_result td a.expandBtn, #content table.practice td a.expandBtn, #content table.committess td a.expandBtn, #content table.summary td a.expandBtn, #content table.expandable td a.expandBtn{
	display: block;
	width: 20px;
	height: 20px;
	right: 20px;
	position: absolute;
	text-indent: -99999px;
	top: 10px;
	/* top: 50%;
	transform: translateY(-50%); */
	background: url(../img/accordingArrowUp.png) 0 0 no-repeat;
	background-size: 20px 20px;
}
/* #content .formWrap table td a.expandBtn{
	top: 50%;
	transform: translateY(-50%);
} */
#content .formWrap.form table td a.expandBtn{
	top: 10px;
	transform: translateY(0);
}
#content table.search_result{
	width: 100%;
}
#content table.search_result td a.expandBtn{
	right: 12px;
}
#content table.practice td a.expandBtn, #content table.summary td a.expandBtn{
	right: 10px;
	transform: none;
	top: 10px;
}
#content table.search_result td a.expandBtn2{
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	text-indent: -99999px;
	background: url(../img/accordingArrowUp.png) 0 0 no-repeat;
	background-size: 20px 20px;
}
/* #content table.search_result tr{
	position: relative;
	display: block;
	width: 100%;
} */
#content table.search_result td a.expandBtn{
	transform: none;
	top: 10px;
}
#content div.searchResultTableWrap table td a.expandBtn.collapsed, #content .formWrap table td a.expandBtn.collapsed, #content table.search_result td a.expandBtn.collapsed, #content table.search_result td a.expandBtn2.collapsed, #content table.practice td a.expandBtn.collapsed, #content table.committess td a.expandBtn.collapsed, #content table.summary td a.expandBtn.collapsed, #content table.expandable td a.expandBtn.collapsed{
	background-image: url(../img/accordingArrowDown.png);
	background-size: 20px 20px;
}
#content div.searchResultTableWrap table td .ddMenuWrap{
	margin-top: -6px;
	width: 100%;
}
#content div.searchResultTableWrap table td .ddMenuWrap select{
	width: 100%;
	background-color: #fff;
}
#content .formWrap table tr.rows-show-hide td, #content .formWrap table div.rows-show-hide{
	padding-top: 0;
	font-size: 0.875em;
}
#content .formWrap table tr.rows-show-hide td span.date, #content .formWrap table div.rows-show-hide span.date{
	color: #929292;
}
/* #content .formWrap table tr td.form-des{
	padding-bottom: 0;
} */

.radioContainer, .checkboxContainer {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  /* font-size: 12px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.radioContainer input, .checkboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radioContainer input:focus ~ .checkmark, .checkboxContainer input:focus ~ .checkmark{
	outline: rgb(59, 153, 252) auto 5px;
}

/* Create a custom checkbox */
.radioContainer .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #006FC3;
}

.checkboxContainer.disabled_control .checkmark, .radioContainer.disabled_control .checkmark, #content div.fancyPop.disabled_control{
	opacity: 0.3!important;
}
.checkboxContainer .checkmark{
	position: absolute;
  top: 4px;
  left: 0;
  height: 15px;
  width: 15px;
  background: url(../img/checkBox_off.png);
  background-size: 15px 15px;
  /* background-color: #fff;
  border: 2px solid #006FC3; */
}

/* On mouse-over, add a grey background color */
.radioContainer:hover input ~ .checkmark {
  /* background-color: #ccc; */
}

/* When the checkbox is checked, add a blue background */
.radioContainer input:checked ~ .checkmark {
  /* background-color: #2196F3; */
}

/* Create the checkmark/indicator (hidden when not checked) */
.radioContainer:after, .checkboxContainer:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.radioContainer input:checked ~ .checkmark:after, .checkboxContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.radioContainer .checkmark:after {
  left: 2px;
  top: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #006FC3;
  content: '';
  position: absolute;
  display: none;
}

.checkboxContainer .checkmark:after {
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  content: '';
  position: absolute;
  display: none;
  background: url(../img/checkBox_on.png);
  background-size: 15px 15px;
}


/*********** map *************/
#mapContainer{
	position: absolute;
	width: 100%;
	height: 100%;
}
#content .map div#mapDetail .title{
	color: #fff;
	font-size: 1.225em;
	background-color: #149BD6;
	padding: 10px 15px;
	position: relative;
}
#content .map div#mapDetail .link{
	padding: 10px 10px;
}
#content .map div#mapDetail .link a{
	color: #149BD6;
	font-size: 0.875em;
	display: block;
}
#content .map div#mapDetail img{
	max-width: 100%;
}
#content .map .popInfoWrap{
	background-color: #fff;
	padding: 15px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
}
#content .map .popInfoWrap .infoTilte{
	color: #006396;
	font-size: 1.725em;
	margin-bottom: 10px;
}
#content .map .popInfoWrap .detail table.list{
	margin-bottom: 0;
}
#content .map .popInfoWrap .detail table.list td{
	border: 1px solid #dee2e6;
	padding: 4px 2px;
}
#content .map .popInfoWrap .detail table.list td div.th{
	color: #006396;
}
#content .map .popInfoWrap .detail{
	overflow-y: auto;
	height: 200px;
}
#content .map .popInfoWrap:before{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  border-top: 10px solid #fff;
}
#content .map a.arrowBtn{
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	bottom: 15px;
	background: url(../img/accordingArrowUp-white.png) 0 0 no-repeat;
	background-size: 20px 20px;
	text-indent: -9999px;
}
#content .map a.collapsed.arrowBtn{
	background-image: url(../img/accordingArrowDown-white.png)
}
#content .xlsIcon{
	background: url(../img/xls_icon.png) no-repeat left top 3px;
	background-size: 16px 18px;
    padding-left: 23px;
}
#content .xlsIcon.after {
    background-position: right top;
    padding-right: 23px;
    padding-left: 0;
}
#content .docIcon{
	background: url(../img/page_word.png) no-repeat left top 3px;
    padding-left: 23px;
}
#content .docIcon.after {
    background-position: right top;
    padding-right: 23px;
    padding-left: 0;
}

#content .border-diff-lg{
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}
#content .border-diff-lg-r{
	border-right: 1px solid #d4d4d4;
}
#content .mwis .highlights-wrap{
	color: #000;
}

#content .mwis .highlights-wrap .color-date{
	color: #ADADAD;
}

#content .carousel .carousel-control-next, #content .carousel  .carousel-control-prev{
	width: 15px;
}
#content .carousel  .carousel-control-prev{
	left: -15px;
}
#content .carousel .carousel-control-next{
	right: -25px;
}
#content .carousel .carousel-indicators li{
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
#content .card-deck-container .card-deck .card.blue-border{
	border-top: 2px solid #16ADE2!important;
}


/**** different color title box *********/
#content .titleBox {
	width: 100%;
}
#content .titleBox .head{
	width: 100%;
	min-height: 68px;
	color: #005F92;
	font-size: 1.25em;
	font-weight: 600;
	/* padding-top: 20px; */
	margin: 0;
	padding: 10px 20px;
}
#content .titleBox.orange .head{
	background: #EF6814;
	color: #fff;
}
#content .titleBox.blue .head{
	background: #149BD6;
	color: #fff;
}
#content .titleBox.blue .head a{
	color: #fff;
}
#content .titleBox .msg {
	font-size: 1em;
	padding: 18px;
}
#content div.contactUs span.highlight{
	line-height: 1em;
}
#content div.contactUs table td{
	padding-bottom: 10px;
}
#content div.enquiryTable{
	padding-left: 80px;
}
#content div.enquiryTable h3.blue{
	font-size: 1.25em;
	font-weight: 600;
}
#content div.enquiryTable table th, #content div.enquiryTable table td{ vertical-align: top; font-weight: normal;}
#content div.bullet-square{
	padding-left: 20px;
	position: relative;
	line-height: 1.2em;
}
#content div.bullet-square:before{
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #006396;
	left: 5px;
	top: 6px;
}
/**** video ******/
#content #videoWrap{
	position: relative;
    padding-bottom: 56.25%;
    height: 0 !important;
    width: 100%;
}
#content #videoWrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#content .videoNav .time, #content .no-record{
	color: #6e6e6e;
	font-size: 0.825em;
}
#content .no-record a.pdfIcon{
	background-position: left 0px;
}
#content .videoNav .videoItem .video-img a{
	line-height: 0;
	display: block;
	position: relative;
}
#content .videoNav .videoItem .video-img a:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 5px solid #149BD6;
	opacity: 0;
}
#content .videoNav .videoItem.active .video-img a:before{
	/* border: 4px solid #149BD6; */
	opacity: 1;
}
#content .videoNav .videoItem.active .video-img a:after{
	content: '';
	position: absolute;
	width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #149BD6;
  left: 50%;
  transform: translateX(-50%);
  top: -15px;
}

/***** icon ******/
#content a.searchIcon{
	position: relative;
	padding-left: 40px;
	display: inline-block;
}
#content a.searchIcon:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 33px;
	height: 33px;
	background: url(../img/icon-search-yellow.png);
	background-size: 33px 33px;
}
#content a.greySearchIcon{
	background: url(../img/icon-search-grey.png) no-repeat left top 3px;
    padding-left: 23px;
    display: inline-block;
}

/******** alert ********/
#content .alert-box{
	border: 1px solid #dee2e6;
	border-top: 5px solid #EF6814;
	position: relative;
	padding: 10px 15px;
	padding-left: 65px;
	min-height: 60px;
	margin-top: 20px;
}
#content .alert-box:before{
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	top: 10px;
	left: 15px;
	background: url(../img/icon-alert.png) 0 0 no-repeat;
	background-size: 36px 36px;
}
#content h3 span.status.red{
	color: #DB1227;
	font-size: 0.8em;
}

/******** search page *********/
#content .searchBox .row{
	margin-right: -24px;
	margin-left: -24px;
}
#content .searchBox a.new-search{
	padding-left: 20px;
	background: url(../img/resources/online-tools/registers-search/NewSearch.png) 0 2px no-repeat;
	margin-right: 30px;
}
#content .searchBox #refineSearchBtn{
	display: block;
	width: 100%;
	padding: 10px 0;
	color: #005F92;
	position: relative;
	font-weight: bold;
}
#content .searchBox #refineSearchBtn:before{
	content: '';
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-right: 2px solid #005F92;
	border-bottom: 2px solid #005F92;
}
#content .searchBox #refineSearchBtn.collapsed:before{
	transform: translateY(-50%) rotate(-135deg);
}

#content .search_result .show-hide-row td{
	padding-left: 30px;
	/* padding-top: 0; */
}
#content input.filterText{
	padding-right: 44px;
}
#content a#filterBtn{
	position: absolute;
	width: 38px;
	height: 38px;
	right: 15px;
	top: 0;
	text-indent: -9999px;
	background: url(../img/icon-search-wt.png) 50% 50% no-repeat;
	background-size: 22px 22px;
	background-color: #F79B37;
}
#content input#searchText{
	padding-right: 44px;
}
#content input#searchText + label{
	position: absolute;
	width: 38px;
	height: 38px;
	right: 15px;
	top: 0;
}
#content input#searchText + label a{
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	background: url(../img/icon-search-wt.png) 50% 50% no-repeat;
	background-size: 22px 22px;
	background-color: #F79B37;
	display: block;
}
#content table.practice td.notices_title{
	position: relative;
	padding-right: 40px;
}
#content table.practice tr.disable{
	background-color: #F2F2F2;
}
#content #searchResultZone{
	display: none;
}
#content .sortWrap{
	color: #929292;
	font-size: 0.875em;
}
#content .sortWrap a.sortBtn{
	margin: 0 5px;
}
#content .sortWrap a.sortBtn.selected{
	color: #fff;
	background-color: #EF6814;
	border-radius: 20px;
	padding: 0 10px;
	text-decoration: none;
}
#content .resultWrap .pos, #content .resultWrap .title , #content .resultWrap .title a{
	color: #005f92;
	font-weight: bold;
}
#content .resultWrap .pos{
	min-width: 30px;
}
#content .resultWrap strong{
	color: #ee6713!important;
}
#content .resultWrap .addInfo{
	color: #939393;
	font-size: 0.875em;
}
#content .resultWrap .addInfo .url{
	word-break: break-all;
}
#content .resultWrap #prevBtn, #content .resultWrap #nextBtn{
	position: relative;
}
#content .resultWrap #prevBtn:before, #content .resultWrap #nextBtn:before{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 5px;
}
#content .resultWrap #prevBtn:before{
	left: 0;
	background: url(../img/icon-left-orange.png);
}
#content .resultWrap #nextBtn:before{
	right: 0;
	background: url(../img/icon-right-orange.png);
}
#content .resultWrap .pageBtn.selected{
	font-weight: bold;
	color: #000;
}
#content label{
	margin-bottom: 0.1rem;
}
#content .filterZone{
	position: relative;
	padding-bottom: 4px;
	margin-bottom: 15px;
	width: 100%;
}
#content .filterZone>div{
	display: inline-block;
	float: left;
}
#content .filterZone>div.tag{
	line-height: 38px;
	position: relative;
	z-index: 20;
	background: #fff;
}
#content .filterZone>div.tag:after{
	content: '';
	position: absolute;
	left: -30px;
	width: 30px;
	height: 38px;
	background: #fff;
	z-index: 20;
	top: 0;
}
#content .filterZone a{
	display: inline-block;
	position: relative;
	padding: 7px 0;
	margin: 0 15px;
}
#content .filterZone a.selected{
	font-weight: bold;
	color: #1f1f2c;
}
#content .filterZone a.selected:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 15px;
	background: url(../img/icon-search-current.png) 0 0 no-repeat;
	background-size: 100% 100%;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
	z-index: 10;
}
#content .filterZone:after{
	content: '';
	width: 110%;
	height: 4px;
	background: #006292;
	position: absolute;
	left: -5%;
	bottom: 0;
}
#content .filterZone .filerOption{
	position: relative;
	padding-left: 15px;
	width: calc(100% - 50px);
	z-index: 10;
}
#content .filterZone .variable-width{
	/* overflow: hidden; */
	
}
#content .filterZone .variable-width .slick-list{
	overflow: inherit;
}
#content .filterZone .variable-width .slick-slide{
	background-color: transparent;
}
#content .input-group.date .input-group-text{
	background-color: transparent;
	color: #F79B37;
	border: 2px solid #FFCB34;
	border-left: 0;
	border-radius: 0;
}
#content  input.datetimepicker-input{
	border-right: 0;
}
#content #advSearch .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, #content #advSearch .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{
	display: none;
}
#content #advSearch .bootstrap-datetimepicker-widget.dropdown-menu{
	margin: 0;
	border-radius: 0;
	border: 2px solid #F79B37;
	padding: 15px;
}
#content #advSearch .table td, #content #advSearch .table th{
	border: 0;
}
#content #advSearch .datepicker-days table thead tr:first-child{
	border-bottom: 1px solid #dee2e6;
}
#content #advSearch .datepicker-days table thead tr:first-child th{
	padding-bottom: 15px;
}
#content #advSearch .datepicker-days table thead tr th.dow{
	padding-top: 15px;
}
#content #advSearch .datepicker-days table thead tr th.picker-switch{
	color: #005F92;
	font-size: 1.25em;
}
#content #advSearch .datepicker-days table thead tr th.prev, #content #advSearch .datepicker-days table thead tr th.next{
	color: #F79B37;
}
#content #advSearch .bootstrap-datetimepicker-widget table td.old, #content #advSearch .bootstrap-datetimepicker-widget table td.new{
	color: #fff!important;
	cursor: default!important;
}
#content #advSearch .bootstrap-datetimepicker-widget table td.old:hover, #content #advSearch .bootstrap-datetimepicker-widget table td.new:hover{
	background-color: #fff!important;
}
#content #advSearch .bootstrap-datetimepicker-widget table td.old:hover:after, #content #advSearch .bootstrap-datetimepicker-widget table td.new:hover:after{
	display: none;
}
#content #advSearch .bootstrap-datetimepicker-widget table td.today{
	font-weight: bold;
}
#content #advSearch .bootstrap-datetimepicker-widget table td.today:before{
	display: none;
}
#content #advSearch .bootstrap-datetimepicker-widget table td, #content #advSearch .bootstrap-datetimepicker-widget table th{
	border-radius: 0;
}
#content #advSearch .bootstrap-datetimepicker-widget table td.day:hover {
	background: transparent;
	position: relative;
	cursor: pointer; 
}
#content #advSearch .bootstrap-datetimepicker-widget table td.day.active:hover{
	background: #007bff;
}
#content #advSearch .bootstrap-datetimepicker-widget table td.day:hover:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: 2px solid #FDC952;
}
#content #advSearch .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
	background-color: transparent!important;
}
#content #advSearch .bootstrap-datetimepicker-widget table td.disabled, #content #advSearch .bootstrap-datetimepicker-widget table td.disabled:hover{
	color: #b1b1b1;
}
#content #no-result{
	display: none;
}
#content .key{
	color: #ff0000;
}
#content .border-bottom{
	border-color: #d4d4d4!important;
}
#content .pr-10px{
	padding-right: 10px!important;
}
#content .pl-10px{
	padding-left: 10px!important;
}
.fancyPopContent{
	padding: 20px;
	width: 980px;
	max-width: 100%;
}
.fancyPopContent h3{
	font-size: 1.25em;
	font-weight: 600;
	color: #005F92;
}
.fancyPopContent table.list{
	width: 100%;
	border-bottom: 1px solid #D2D2D2;
}
.fancyPopContent table.list th{
	background-color: #006396;
	color: #fff;
	padding: 4px 12px;
}
.fancyPopContent table.list td{
	vertical-align: top;
	padding: 10px;
}
.fancyPopContent table.list tr:nth-child(even) {
	background-color: #E4F5F1;
}
.fancyPopContent table.list label{
	margin-bottom: 0;
}
.popover{
	max-width: 600px;
	border-color: #0D75C9;
	border-width: 2px;
	border-radius: 0;
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
}
.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before{
	border-bottom-color: #0D75C9;
}
.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before{
	border-top-color: #0D75C9;
}
#content .divResult h2{
	margin-bottom: 15px!important;
}
#content div.popupRemarks{
	display: inline-block;
}
#content #searchresult h3.title{
	font-family: 'PT Sans';
	width: auto!important;
	margin-bottom: 0;
}
#content .card-header{
	border-radius: 0!important;
}
#content .minor-works-cat h3.title{
	margin-bottom: 20px;
}
#content .minor-works-cat h5{
	margin-bottom: 15px;
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
}
#content .minor-works-cat h4{
	font-family: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
}
#content .minor-works-cat .card-header{
	font-size: 1.250em;
	font-weight: 600;
	font-family: "Titillium Web", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
#content .minor-works-cat .card-deck-container .card-deck .card .card-footer{
	padding-top: 0!important;
}
#content .minor-works-cat .card-body ol:last-child{
	margin-bottom: 4px;
}
#content .minor-works-intro .blue-border{
	border-width: 3px!important;
	border-color: #1CA7E0!important;
}
#content .minor-works-intro .badge{
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
	font-weight: 700;
}
#content .minor-works-intro ul.yellowArrow.subNav{
	font-size: 1em;
}
#content #details span.highlight{
	font-size: 1.688em;
}
#content #details .alt-bg-tbl.grey-border{
	border-bottom-color: #d4d4d4;
}
#content table.expandable td .areaList > li{
	padding-right: 40px;
}
#content table.expandable td .areaList > li a.expandBtn {
	top: 4px;
}
#content table.list td .areaList div{
	padding-bottom: 0;
}
#content table caption{
	display: none;
}
#content img[data-toggle="popover"]{
	cursor: pointer;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #929292!important;
    opacity: 1; /* Firefox */
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #929292!important;
}

input::-ms-input-placeholder { /* Microsoft Edge */
    color: #929292!important;
}

.fancybox-container table caption{
	display: none;
}

/*--- list-view ---*/
.list-view {
    border-bottom: 1px solid #D2D2D2;
}

.list-view > lh {
    background-color: #006396;
    color: #fff;
    display: block;
    font-weight: bold;
    width: 100%;
}

.list-view > li:nth-child(odd) {
    background-color: #E4F5F1;
}

.list-view > lh, .list-view > li {
    padding: 10px 12px;
}

.list-view.have-counter {
    counter-rest: list-item;
}

.list-view.have-counter > li {
    counter-increment: list-item;
    display: flex;
}

.list-view.have-counter > li::before {
    content: counter(list-item) "." !important;
    flex: 0 0 2em !important;
    font-weight: bold !important;
    display: block;
}

.list-view.no-style-type {
    list-style-type: none;
    padding-left: 0;
}
/*--- end list-view ---*/