@charset "utf-8";
/* CSS Document */
/*此刻不顯示  小版*/
.MidShow{display:none;}

/*此刻不顯示在RWD選單的項目*/
.RWDMenuShow{display:none !important;}

/*原本全版訊息寬度*/
.BlockBig{width:76%;}
.LinkShowHome{width:180px;height:90px;}
.SystemLinkShow{width:22%;}
/*.LOGO{margin-left:90px;margin-top:10px;}LOGO*/
.MainTop{height:300px;background-image:url(../../ImgCommon/TopImg.png?v2);background-repeat:no-repeat;background-position:center top;}
.AdSysTitle{margin-top:210px;padding-left:13%;claer:both;margin-left:-565px;}/*系統標題圖*/

/*網站版本&子網名稱*/
.Version { 
    /*background-color:#ab452f;*/
    color:#ffffff;
    padding:0px 0px 0px 0px;
    display:inline-block;
    margin-bottom:10px;
}
.VersionInner{ 
    margin:3px 3px 4px 3px;
}
.VersionInner td{ 
    border:#ffffff 1px solid;
    padding:4px;
}
.BarTop .NaviLink{ float:right; margin-top:-75px; letter-spacing:1pt;padding-right:5px;width:auto; } 


/*UL part3*/
.AreaBlock3DIV {display:inline-block;width:100%;margin-top:15px;padding:0px 10px;}
.AreaBlock3{ /*display:table;*/padding:0; /*margin-bottom:20px;*/}
.AreaBlock3 li { display:inline-block;width:33.3%; margin:0px;margin-bottom:10px; line-height:200%; text-align:center;}
.AreaBlock3 .AreaBlock3Li{text-align:center;}
.AreaBlock3Home li:nth-child(1){padding-right:6px;}
.AreaBlock3Home li:nth-child(2){padding-left:4px;padding-right:4px;}
.AreaBlock3Home li:nth-child(3){padding-left:6px;}

.AreaBlock3 li a{ color:#333333;}
.AreaBlock3 li img{margin-bottom:10px;}
.AreaBlock3 .AreaBlockTitle { font-size:1rem; }
.AreaBlock3 li .SocialImg{ width:100%; max-width:320px; }
.AreaBlock3 .FunctionButton { font-size:2rem; }
.AreaBlock3 .FunctionButton div { font-size:1.8rem; font-weight:bold; background-color:#A31F34; border-radius:10px;}
.AreaBlock3 .FunctionButton:hover div{ background-color:#B99765; }
.AreaBlock3 .FunctionButton a { color:#ffffff; }

@media (max-width: 1580px) {
	/*原本全版訊息寬度改為滿版*/
	.SystemLinkShow{width:18%;}
}
@media (max-width: 1200px) {
	/*原本全版訊息寬度改為滿版*/
	.SystemLinkShow{width:23%;}
}
@media (min-width: 1100px){
	
	body .navbar-collapse
	{
		width:100%;
		margin: 0;
		padding:0;
		position: relative;
	}

	body .navbar-toggle {
	    display: none;
	}

}
@media (max-width: 1101px) {
.LOGO{width:100%;}/*LOGO*/
}
@media (max-width: 1000px) {
	.ForeImg{width:100%;}
	/*原本全版訊息寬度改為滿版*/
	.BlockBig{width:73%;}
	.SystemLinkShow{width:25%;}
	.AdTitle{width:36.7%;margin-top:1%;}/*標語圖*/
	.AdSysTitle{}/*系統標題圖*/
	.LOGO{width:100%;}/*LOGO*/
	/*UL part3*/
	.AreaBlock3 li {width:50%; }
}
@media (max-width: 950px) {
.AdTitle{width:33%;margin-top:20px;}/*標語圖*/
}
@media (max-width: 880px) {
	
	body .top{ height: 155px;}
	/*LOGO 中版
	.Logo { 
	    width: 100%;
	    margin: 0 auto 0 auto;
	*/
	/*原本全版訊息寬度改為滿版*/
	.BlockBig{width:68%;}
	.SystemLinkShow{width:30%;}
	.AdTitle{width:30%;margin-top:30px;}/*標語圖*/
	.AdSysTitle{width:36%;margin-top:210px;padding-left:13%;claer:both;margin-left:-535px;}/*系統標題圖*/
	/*.LOGO{margin-left:0%;}LOGO*/
	
	/*導覽連結列*/
	.BarTop .NaviLink{ float:right; margin-top:-40px; padding-top:0px; padding-right:5px; } 
}
@media (max-width: 820px) {
	body .navbar-default .navbar-nav>li>a {
	    font-size: 120%;
	}
}


@media (max-width: 768px) {
	
	/*原本全版訊息寬度改為滿版*/
	.BlockBig{width:100%;}
	.AdTitle{display:none;}/*標語圖*/
	.AdSysTitle{width:38%;margin-top:260px;claer:both;margin-left:-270px;position:absolute;}/*系統標題圖*/
	/*.AdSysTitle{width:32%;margin-top:55px;margin-left:1%;}/*系統標題圖 old code*/
	
	/*此刻才顯示  小版*/
	.MidShow{display:block;}
	.MidShow .SystemLinkBlock {width:15%;max-width:200px;margin:5px;}
	
	/*導覽連結列NO*/
	.BarTop .NaviLink{ z-index:10; color:#ffffff; margin-top:0px; padding-top:15px; float:left; } 
	.BarTop .NaviLink { width:100%;} 

	.NaviLink a:link,.NaviLink a:visited,.NaviLink a:hover,.NaviLink a:active {
		color:#ffffff !important;/*不會被原設定覆蓋*/
	}
	/*隱藏表格 低重要*/
	.LowerInfor{display:none;}
	/*顯示在RWD選單的項目*/
	.RWDMenuShow{display:block !important;}

	/*首頁連結*/
	.LinkShowHome{width:140px;height:70px;}
	

	body .menu .navbar-collapse{
	    height: auto !important;
	    display: none !important;
	    /* margin-top: -45px; */
	}

	body .menu .navbar-collapse.in {
	    display: inline !important;
	}
	body .navbar .nav>li{
	    margin: 0;
	    float: none;
	    display: flex;
	    width: 100%;
	    display: inline;
	}

	/*置頂選單*/
	body .menu.HideMenu{
	    background-color: transparent;
	    box-shadow: none;
	    height: 46px;
	    position: static !important;
	}

	body .menu.HideMenu .navbar-default {
	    top: 0;
	}
	
	
	

}


@media (max-width: 700px) {
	.AdSysTitle{width:38%;margin-top:260px;claer:both;margin-left:-290px;position:absolute;}/*系統標題圖*/
	}
	

@media (max-width: 640px) {
	/*.LOGO{width:71%;}/*LOGO*/
	
	body .nav-collapse li,body .nav-collapse li a {
		float: none;padding: 0;
	}	
}

@media (max-width: 600px) {
	.AdSysTitle{width:38%;margin-top:260px;claer:both;margin-left:-310px;position:absolute;}/*系統標題圖*/
	.LinkShowHome{width:100px;height:50px;}
}
/*@media (max-width: 550px) {
	.UnitNoTitle{padding-top:5px;margin-top:-40px;}
}*/
@media (max-width: 510px) {
	/*.LOGO{width:100%;margin-top:10px;}LOGO*/
	.MainTop{height:auto;background-image:url('../../TopImg000.png123');}/*上幅高*/
	.AdSysTitle{width:45%;margin-top:32%;margin-left:-60%;}/*系統標題圖*/
	.Leader_Photo{max-width:100% !important;width:100% !important;}/*長官照片*/
	.Commissioner_Photo{max-width:230px;max-height:200px;}/*專員照片*/
	.Account_Photo{max-width:230px;max-height:250px;}/*科室成員照片*/

	/*隱藏表格 中重要*/
	.MidInfor{display:none;}
	.LinkShowHomeBot{width:160px;height:80px;}

	/*UL part3*/
	.AreaBlock3 li {width:100%; }
	
}
@media (max-width: 422px) {
	
	/*相關連結小版*/
	.LinkShowHomeBot{width:140px;height:70px;}
}
@media (max-width: 480px) {
	/*導覽連結列*/
	.BarTop .NaviLink{ float:right; padding-top:12px; letter-spacing:1.2pt;padding-right:10px;} 
}

@media (max-width: 350px) {
	.LinkShowHomeBot{width:110px;height:55px;}
}
.MenuMidShow{
	display:none !important;
}

@media(max-width: 768px){
.MenuMidShow{
	display: block !important;
}
}

/*單位報名狀況*/
.AreaBlockDIV {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    padding: 0px 10px;
}

.AreaBlock {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.AreaBlock li {
    display: inline-block;
    width: 20%;
    padding: 5px;
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
    border:0px solid #333;
}

.AreaBlock li table{
    border:1px solid #ccc;
    width:100%;
}
.AreaBlock li table td{
  padding:0px 3px 0px 3px;
  vertical-align: middle;
  line-height: 200%;
}
.AreaBlock li table td img{
  vertical-align: middle;
}
@media (max-width: 1500px) {
  .AreaBlock li {
    width: 25%;
  }
}
@media (max-width: 1300px) {
  .AreaBlock li {
    width: 33.3%;
  }
}
@media (max-width: 1000px) {
  .AreaBlock li {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .AreaBlock li {
    width: 100%;
  }
}
/*RWD表格*/
.RWDtable{background:white;border-collapse:collapse;}
.RWDtable tr,.RWDtable th,.RWDtable td{border:none;border-bottom:1px solid #ffffff;}
.RWDtable th{padding:10px 3px;text-align:left;}.RWDtable td{padding:0px 3px;text-align:left;}
.RWDtable th{background:#595959;color:#ffffff;}
.RWDtable tr td{background:#e6e6e6;color:#333333;}
.RWDtable tr:nth-of-type(2n+2) td{background:#ffffff}
.RWDtable .bt tfoot th,.RWDtable .bt tfoot td,.RWDtable .bt tbody td{padding:0}
.RWDtable .bt tfoot th:before,.RWDtable.bt tfoot td:before,.RWDtable.bt tbody td:before{background:#595959;color:white;margin-right:5px;padding:2px 10px;}/*左th*/
.RWDtable .bt tfoot th .bt-content,.RWDtable.bt tfoot td .bt-content,.RWDtable.bt tbody td .bt-content{display:inline-block;padding:2px 5px}
.RWDtable .bt tfoot th:first-of-type:before,.RWDtable.bt tfoot th:first-of-type .bt-content,.RWDtable.bt tfoot td:first-of-type:before,.RWDtable.bt tfoot td:first-of-type .bt-content,.RWDtable.bt tbody td:first-of-type:before,.RWDtable.bt tbody td:first-of-type .bt-content{padding-top:10px;}
.RWDtable.bt tfoot th:last-of-type:before,.RWDtable.bt tfoot th:last-of-type .bt-content,.RWDtable.bt tfoot td:last-of-type:before,.RWDtable.bt tfoot td:last-of-type .bt-content,.RWDtable.bt tbody td:last-of-type:before,.RWDtable.bt tbody td:last-of-type .bt-content{padding-bottom:10px;}
.RWDtable.bt thead,.RWDtable.bt tbody th{display:none;}
.RWDtable.bt tfoot th,.RWDtable.bt tfoot td,.RWDtable.bt tbody td{border:none;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;vertical-align:top;float:left\9;width:100%\9}
.RWDtable.bt tfoot th::before,.RWDtable.bt tfoot td::before,.RWDtable.bt tbody td::before{content:attr(data-th) "";display:inline-block;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;width:6.5em}
.RWDtable.bt tfoot th.bt-hide,.RWDtable.bt tfoot td.bt-hide,.RWDtable.bt tbody td.bt-hide{display:none}
.RWDtable.bt tfoot th .bt-content,.RWDtable.bt tfoot td .bt-content,.RWDtable.bt tbody td .bt-content{vertical-align:top}

.bt-wrapper.active{max-height:310px;overflow:auto;-webkit-overflow-scrolling:touch;}

.RWDtableBorder{background:white;border-collapse:collapse;}
.RWDtableBorder tr,.RWDtableBorder th,.RWDtableBorder td{border:1px solid #4d4d4d; line-height:1.8rem; ;font-size:1.1rem;}
.RWDtableBorder th{padding:10px 0px;text-align:center;vertical-align:middle;}.RWDtableBorder td{padding:0px 0px;text-align:center;vertical-align:middle;}
.RWDtableBorder th{background:#595959;color:#ffffff;}.RWDtableBorder th a{color:#ffffff;}
.RWDtableBorder tr td{background:#e6e6e6;color:#333333;}.RWDtableBorder td i{color:#595959;}
.RWDtableBorder td .fa-medal{font-size:1.4rem;}
.RWDtableBorder td .ScoreMoscot{width:50%;min-width:80px;max-width:120px;}
.RWDtableBorder tr:nth-of-type(2n+2) td{background:#ffffff}
.RWDtableBorder .bt tfoot th,.RWDtableBorder .bt tfoot td,.RWDtableBorder .bt tbody td{padding:0;}
.RWDtableBorder .bt tfoot th:before,.RWDtableBorder.bt tfoot td:before,.RWDtableBorder.bt tbody td:before{background:#595959;color:white;margin-right:5px;padding:2px 10px;}/*左th*/
.RWDtableBorder .bt tfoot th .bt-content,.RWDtableBorder.bt tfoot td .bt-content,.RWDtableBorder.bt tbody td .bt-content{display:inline-block;padding:2px 5px}
.RWDtableBorder .bt tfoot th:first-of-type:before,.RWDtableBorder.bt tfoot th:first-of-type .bt-content,.RWDtableBorder.bt tfoot td:first-of-type:before,.RWDtableBorder.bt tfoot td:first-of-type .bt-content,.RWDtableBorder.bt tbody td:first-of-type:before,.RWDtableBorder.bt tbody td:first-of-type .bt-content{padding-top:10px;}
.RWDtableBorder.bt tfoot th:last-of-type:before,.RWDtableBorder.bt tfoot th:last-of-type .bt-content,.RWDtableBorder.bt tfoot td:last-of-type:before,.RWDtableBorder.bt tfoot td:last-of-type .bt-content,.RWDtableBorder.bt tbody td:last-of-type:before,.RWDtableBorder.bt tbody td:last-of-type .bt-content{padding-bottom:10px;}
.RWDtableBorder.bt thead,.RWDtableBorder.bt tbody th{display:none;}
.RWDtableBorder.bt tfoot th,.RWDtableBorder.bt tfoot td,.RWDtableBorder.bt tbody td{border:none;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;vertical-align:top;float:left\9;width:100%\9}
.RWDtableBorder.bt tfoot th::before,.RWDtableBorder.bt tfoot td::before,.RWDtableBorder.bt tbody td::before{content:attr(data-th) "";display:inline-block;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;width:6.5em}
.RWDtableBorder.bt tfoot th.bt-hide,.RWDtableBorder.bt tfoot td.bt-hide,.RWDtableBorder.bt tbody td.bt-hide{display:none}
.RWDtableBorder.bt tfoot th .bt-content,.RWDtableBorder.bt tfoot td .bt-content,.RWDtableBorder.bt tbody td .bt-content{vertical-align:top}

.RWDtableBorder input[type='submit'], .RWDtableBorder input[type='button']{ margin:3px 2px; } /*自適應表格內的按鈕間距*/




.NormalTableBorder{background:white;border-collapse:collapse;}
.NormalTableBorder tr,.NormalTableBorder th,.NormalTableBorder td{border:1px solid #4d4d4d;}
.NormalTableBorder th{padding:10px 0px;text-align:center;vertical-align:middle;}.NormalTableBorder td{padding:0px 0px;text-align:center;vertical-align:middle;}
.NormalTableBorder th{background:#343b4e;color:#ffffff;}.NormalTableBorder th a{color:#ffffff;}
.NormalTableBorder tr td{background:#e6e6e6;color:#333333;}.NormalTableBorder td i{color:#343b4e;}
.NormalTableBorder td .fa-medal{font-size:1.4rem;}
.NormalTableBorder td .ScoreMoscot{width:50%;min-width:80px;max-width:120px;}
.NormalTableBorder tr:nth-of-type(2n+2) td{background:#ffffff}
.NormalTableBorder .bt tfoot th,.NormalTableBorder .bt tfoot td,.NormalTableBorder .bt tbody td{padding:0;}
.NormalTableBorder .bt tfoot th:before,.NormalTableBorder.bt tfoot td:before,.NormalTableBorder.bt tbody td:before{background:#343b4e;color:white;margin-right:5px;padding:2px 10px;}/*左th*/
.NormalTableBorder .bt tfoot th .bt-content,.NormalTableBorder.bt tfoot td .bt-content,.NormalTableBorder.bt tbody td .bt-content{display:inline-block;padding:2px 5px}
.NormalTableBorder .bt tfoot th:first-of-type:before,.NormalTableBorder.bt tfoot th:first-of-type .bt-content,.NormalTableBorder.bt tfoot td:first-of-type:before,.NormalTableBorder.bt tfoot td:first-of-type .bt-content,.NormalTableBorder.bt tbody td:first-of-type:before,.NormalTableBorder.bt tbody td:first-of-type .bt-content{padding-top:10px;}
.NormalTableBorder.bt tfoot th:last-of-type:before,.NormalTableBorder.bt tfoot th:last-of-type .bt-content,.NormalTableBorder.bt tfoot td:last-of-type:before,.NormalTableBorder.bt tfoot td:last-of-type .bt-content,.NormalTableBorder.bt tbody td:last-of-type:before,.NormalTableBorder.bt tbody td:last-of-type .bt-content{padding-bottom:10px;}
.NormalTableBorder.bt thead,.NormalTableBorder.bt tbody th{display:none;}
.NormalTableBorder.bt tfoot th,.NormalTableBorder.bt tfoot td,.NormalTableBorder.bt tbody td{border:none;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;vertical-align:top;float:left\9;width:100%\9}
.NormalTableBorder.bt tfoot th::before,.NormalTableBorder.bt tfoot td::before,.NormalTableBorder.bt tbody td::before{content:attr(data-th) "";display:inline-block;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;width:6.5em}
.NormalTableBorder.bt tfoot th.bt-hide,.NormalTableBorder.bt tfoot td.bt-hide,.NormalTableBorder.bt tbody td.bt-hide{display:none}
.NormalTableBorder.bt tfoot th .bt-content,.NormalTableBorder.bt tfoot td .bt-content,.NormalTableBorder.bt tbody td .bt-content{vertical-align:top}

.NormalTableBorder input[type='submit'], .NormalTableBorder input[type='button']{ margin:3px 2px; } /*自適應表格內的按鈕間距*/