/* Minification failed. Returning unminified contents.
(732,12): run-time error CSS1019: Unexpected token, found '}'
 */
 @charset 'utf-8';
/*
style.css
*/

/* ----------------------------------------
  內頁右側空間 底圖
 * ---------------------------------------- */	
 .wrapper {  
    min-height:900px;
    position: relative;
    clear: both;
    background: #efeee9;
	max-width:100%;
    display:flex;
}
.wrapper:before {
    display: block;
	float: right;
    position: absolute;
    text-align: right;
    width:350px; 
    height:350px;
    background-repeat: no-repeat;
    content: '';
    background: url(../images/wrapperBg.png) no-repeat;
	bottom:10px;
	right:0
}


@media screen and (max-width:768px) { 
.wrapper:before {background-size:90%; background-position:right center}

}



ul{list-style:none;
   list-style-type:none;
   padding:0;
   left:0;
   margin:0}
   
li{list-style:none;
   list-style-type:none;
}

main{
	max-width:100%;
	margin:3% auto 0 1%;
	display:block;
}

/* -----------------------------
  系統說明申縮
   ----------------------------- */

.target-row{
	padding:10px  15px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
	  position: relative;
	margin:0 auto;
	font-family:"微軟正黑體";
	
}


.faIcon{
	text-align: center; 
  cursor: pointer;
    position: relative;   	
	cursor: pointer;
    margin: auto;
	padding:0px 3px 0px 3px;
	display:inline-block;	
}
.target-row-Menu {
	display:inline-block;
    position: relative;
    margin: 0 auto;
	/*font-size:15px;*/
     font-size:14pt;
}
.target-row-Menu ul{
    list-style: none;
    list-style-type: none;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    left: 0;
}
.target-row-Menu ul li{
    display: inline-block;
    text-align: center;   
    cursor: pointer;
    margin: auto;}
	
.target-row-Menu ul li a{color: #8a6d3b; }	

.target-row-Menu ul li a:hover{color:#13629b }		

@media only screen and (max-width:768px){
.target-row-Menu {	display:flex;font-size:14px;}	
.target-row-Menu ul li{ float:left;}
}
	
  /* -----------------------------
  最新消息內文與大小content Area
   ----------------------------- */



/*頁籤上面字的大小與區塊*/
.tabCon_News{
	font-family:"微軟正黑體";
  width:100%;
  font-size:16px;
  margin: 0 0 0 0;

}
/*頁籤區塊與下方距離*/
.tabCon_News ul.controls,
.tabCon_News .controls li {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*頁籤選單每格*/
.tabCon_News .controls li {
  display: inline-block;
  word-wrap: break-word;
   text-align:center;
 
}
/*頁籤選單每格 按下去顏色*/
.tabCon_News .controls li a {
  display: block;
  padding: 0.71em 1em;
  background:#f3f7e8;
  color:#81c24a;
  border-top:#81c24a solid 0.1em;
  border-left:#81c24a solid 0.1em;  
  border-right:#81c24a solid 0.1em; 
  border-radius:0.5em 0.5em 0 0 ;
  behavior: url(PIE.htc);
  text-decoration:none
}



 /* -----------------------------

頁籤選第一格設定
  ----------------------------- */
.tabCon_News .controls li.current a,
.tabCon_News .controls li a:hover{
  color: #fff;
  background:#81c24a;
  text-decoration:none;
}
.tabCon_News .controls li span{	width:1.438em; height:1.375em; float:left; }

/*頁籤第一格的設定*/
.tabCon_News .controls li:first-child {
    width: 14em;
    display: inline-block;
    float: left;
    margin-right:1%;
	color:#FFF;
	background-color:#81c24a;
	border-radius:0.5em 0.5em 0 0 ;
}




/*內文區塊*/
.tabCon_News .tabContentsNews>* {
  position: relative;
  border-top:#81c24a solid 0.15em;
  top: 0;
  left: 0;
  width: 100%;
  padding:1% 0 1%  0;
}


/*內文BG*/
.con{
  overflow: hidden;
  background: #FFF;
}
.con:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom:0.8em
}
.con .News-Container {
  float:left;
  width:100%;
}


/*==========================================

 
 公佈欄最新消息表單
 
===========================================*/
.NewsBox{ width: 100%;
    background: #fff;
    position: relative;
    margin: 0;
	padding:0 ;}

.NewsBox ul {
	list-style:none;
     list-style-type:none;
     padding:0; 
	  left:0;
     margin:0}

.NewsBox ul li{
    list-style-type: none;
    margin: 0;
    padding:10px 5px; 
	border-bottom:1px #d7d7d7 solid;
}
.NewsBox ul li a{	   
        display: block;
        line-height:1.8em;
        /*height:2.5em;*/
        height:2em;
        overflow: hidden;
         padding:5px 5px;  
        /*font-size:15px;*/
        font-size:14pt;
        color: #333;
		text-decoration:none
    }
.NewsBox ul li a :hover {
    text-decoration: none;
    color:#13629b
}

.NewsBox li:nth-child(even) {
    width: 100%;  
    display:table;
    background:#f5f8fc;
}


 /* -----------------------------
  列表日期
   ----------------------------- */	
.NewsBox ul li .tabs_date {
	width:13%;
     color:#13629b;
	display: table-cell;
	float:left;	
	text-align:center

}

 /* -----------------------------
  列表標題
   ----------------------------- */	
.NewsBox ul li .news_Txt{
	width:67%;
    display: table-cell;
	float: left;	
    text-align:left;
}


 /* -----------------------------
  列表單位
   ----------------------------- */	
.NewsBox ul li .name{ 
	width:20%;
	float:left;
	padding-left:5px;
	text-align:left;
	border-left:#d7d7d7 solid 1px;
	display: table-cell;
}
 /* -----------------------------
  功能型列表
   ----------------------------- */
.NewsBox ul li .title {
    width:40%;
    display: table-cell;
	float: left;	
    text-align:left;
}
.Select_Style{
    padding :4px 4px 4px 4px;
}
.NewsBox ul li .hidden-xs {
    width:15%;
    display: table-cell;
	float: left;	
    text-align:left;
}

.Span_Content{
    display: block;
    line-height: 1.8em;
    height: 3.5em;
    overflow: hidden;
    padding: 5px 5px;
    font-size: 15px;
    color: #333;
}
@media only screen and (max-width:1700px) {
    .NewsBox ul li .title {width:100%;text-align:left}
    .Span_Content{  height: 5.5em;}
    .NewsBox ul li .hidden-xs {width:25%}
}
@media only screen and (max-width:1050px) {
    .Span_Content{  height: 7.5em;}
    .NewsBox ul li .hidden-xs {width:50%}
}
@media only screen and (max-width:1024px){
.NewsBox ul li a{	vertical-align:middle;  height:4em;	}
.NewsBox ul li .tabs_date {width:18%}
.NewsBox ul li .news_Txt{width:59%}
.NewsBox ul li .name{ float:right;width:23%; text-align:left}
}
@media only screen and (max-width:768px){
.NewsBox ul li a{	vertical-align:middle; height: auto;}
.NewsBox ul li .tabs_date {width:100%; text-align:left}	
.NewsBox ul li .news_Txt{width:100%; }	
.NewsBox ul li .name{ border-left:none;float:left;width:100%; text-align:right; padding-right:5px}
}
@media only screen and (max-width:435px) {
 .Span_Content{  height: 11.5em;}
 .NewsBox ul li .hidden-xs {width:100%}
 .NewsBox ul li .hidden-xs input{width:100%}
}
/*==========================================
 
 
  申請表表單
 
===========================================*/


.applyBox{ width: 100%;
    background: #fff;
    position: relative;
    margin: 0;
	padding:0 ;}

.applyBox ul {
	list-style:none;
     list-style-type:none;
     padding:0; 
	  left:0;
     margin:0}

.applyBox ul li{
    list-style-type: none;
    margin: 0;
    padding:10px 10px; 
	border-bottom:1px #d7d7d7 solid;
}
.applyBox ul li a{	   
        display: block;
        line-height:1.8em;
        height:2.5em;
        overflow: hidden;
         padding:5px 5px;  
        /*font-size:15px;*/
        font-size:13.5pt;
        color: #333;
		text-decoration:none
    }
.applyBox ul li a:hover {
    text-decoration: none;
    color:#13629b;
}



.applyBox_lead{
	width: 100%;  
    display:table;
	color:#13629b;
	font-size:18px;
	font-weight:500;
	font-style:normal;
	background:#d9dbe2;
	text-align:center}
	
.applyBox_lead::before {
    position: absolute;
    right: 0;
    top: 0px;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-top: 8px solid #0b41a0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: "";
}

.applyBoxAtegory{
	/*font-size:16px;*/
	color:#13629b;
	padding-left:20px;
	background:#f5f8fc;
	border-left:#13629b solid 4px;
    font-size:14pt;
}


@media only screen and (max-width:800px){
.applyBox ul li a{ height:auto;}	

}


/*頁籤與內容主要區塊*/
#contentContainer { padding: 60px 0;}


/*頁籤上面字的大小與區塊*/
.tabContainer {
 font-family:"微軟正黑體";
  width:100%;
  font-size: 1em;
  margin: 0 0 0em;
}
/*頁籤區塊與下方距離*/
.tabContainer ul.controls,
.tabContainer .controls li {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*頁籤選單每格*/
.tabContainer .controls li {
  display: inline-block;
  word-wrap: break-word;
 
}
/*頁籤選單每格 按下去顏色*/
.tabContainer .controls li a {
 background:#FFF;
    display: inline-block;
    width: 100%;
   padding: 0.5em 1em;
    border: 1px solid #ddd;
    color: #333 !important;
    padding: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size:18px;
    line-height: 1.4;
    font-weight:500;
	border-top:#13629b solid 2px;
    cursor: pointer;
}

/*頁籤選第一格顏色*/
.tabContainer .controls li.current a,
.tabContainer .controls li a:hover {
  color: #333 !important;
  background:#f5f8fc;
}

/* fixed tab */
.tabContainer.tabWidthFixed .controls li {
  width: 25%;
}
/*內文區塊*/
.tabContainer .tabContentsContainer>* {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}



/* -----------------------------------------------------
   
   .面板朝上
   
   ----------------------------------------------------- */
.panel_top {
    width:80px;
    height:35px;
    display: block;
	margin: 30px auto;
	cursor: pointer;
      background:#e2ded3;	
    z-index:1;
	border:#ccc solid 1px;
   text-decoration:none
}


.panel_top_txt {
	display:block;
  text-align: center;
  vertical-align: middle;
  padding-top:5px;
  color:#8a6d3b;
  font-size:15px;
  margin:auto ;
  text-decoration:none
}

/*==========================================

 
 分頁鈕與翻頁
 
===========================================*/
.topTitle {
    border-top:2px solid #13629b;
	border-bottom:1px solid #13629b;
	width:100%;
	text-align:center;
	background-color: #f0f8ff;
	padding:5px 10px 15px}


.topTitle_text {
	font-family:"微軟正黑體"; 
    font-size:24px;
    color:#13629b;
    font-weight:500;
}



/*==========================================

 
 分頁鈕與翻頁
 
===========================================*/
.pagenationArea{
    clear: both;
	margin:40px auto;
    position: relative;
    text-align: center;
	font-style:normal
}

	
	
.pagenationArea:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
}


.paginationBox{
    margin: 0;
	left:0;
	padding:0;
    text-align: center;
    letter-spacing: 0.1em;
    list-style-type: none;
}
.paginationBox li {	
   font-size:0.875em;
    display: inline-block;
    vertical-align: middle;
}
.paginationBox li a {
	font-style:normal;
    display: block;
    min-width:1.250em;
	display: inline-block;   
    color:#222;
    font-size:14px;
    padding:5px 10px;
	background:#FFF;
	border:#CCC solid 0.063em
}

.paginationBox li a:hover{background:#f5f8fc; color:#666}
.paginationBox li.activeOne a {color:#222; font-weight:bold}

 

.paginationBox li a.controlsArrow {
	background:#e2ded3;
	color:#8a6d3b;
   font-size:14px;
       text-align: center;
    vertical-align: middle;
    margin: 0em 0.33em;
	 padding:5px 10px;
	display: inline-block;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	font-style:normal
}

.paginationBox li a.controlsArrow:hover {color:#fff;background:#13629b}


/*==========================================

2018.12.04 輸入框
 
===========================================*/
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 10px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;  
	color: #13629b;
	font-size:16px

}
.input-group-Box {
  position: relative;
  display: flex;
  width: 100%;}

/*==========================================

2018.12.04 置頂標籤
 
===========================================*/

.labelTop{   
    background-color: #337ab7;
    display: inline;
    padding:7px 5px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    float:left;
    margin-right:3px;
    text-align: center
}

/*==========================================

2018.12.04 公佈欄詳細內文區
 
===========================================*/
           .navtit {
               margin-top: 30px;
               padding: 10px 15px;
               background: #FFFFFF;
               border-bottom: 2px solid #13629b;
               display: block !important;
               height: auto !important;
               width: 100%;
               max-width: 100%;
               overflow: visible !important;
               margin: 30px auto 0px auto;
               position: relative;             
               font-family: "微軟正黑體";
           }

               .navtit h2 {
                   font-family: "微軟正黑體";
                   font-size: 20px!important;
                   line-height: 1.55em;
                   color: #13629b;
                   font-weight: 300;
               }

           .btn-share {
               display: inline-block;
               cursor: pointer;
               padding: 3px 10px;
               font-size: 12px;
               line-height: 1.5;
               color: #FFF;
               background-color: #8a6d3b;
               border-radius: 0.75rem;
           }

               .btn-share:hover {
                   display: inline-block;
                   color: #333;
               }

           .btn-fa {
               display: inline-block;
               margin-right: 3px;
           }

           @media screen and (max-width:768px) {
               .btn-share {
                   margin-top: 8px;
               }
           }

           .ContentBox {
               width: 100%;
               background: #fff;
               position: relative;
               margin: 0;
               padding: 30px 10px;
               font-family: "微軟正黑體";
               line-height: 1.8em;
               font-size: 15px;
           }

           }