.TopBg1{background-color:#F0F4E7; }
.TopBg2{background-color:#F0F4E7; }
.TopBg2 img{width:100%; max-width:1500px;}
.TopLOGO{width:100%; max-width:1400px;}
.Toplink{ text-align:right; vertical-align:middle; }
.White{color:#FFFFFF;}
.middle{vertical-align:middle;}
.center{text-align:center;}
.top{vertical-align:top;}
.bottom{vertical-align:bottom;}
.left{text-align:left;}
.right{text-align:right;}
.FloatNone{float:none !important;}
.MoreButton{
	
	border-radius:20px; 
	border-style:none; 
	border:1px solid #d2d2d2;
	padding:3px 15px;
	cursor:pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,ffffff+51,f5f5f5+100 */
background: rgb(253,253,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(249,249,249,1) 51%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(249,249,249,1) 51%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(249,249,249,1) 51%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.MoreButton:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
#LeftMenu_a{color:#666;padding-top:20px;padding-left:30px;  border:0px solid #000;}
#LeftMenu_a:Hover{color:#db2500; background-image:url(../Image/Hover_Icon.png); background-repeat:no-repeat; background-position:left bottom;}
#LeftMenu1_a{color:#666;padding-left:25px;  border:0px solid #000;}
#LeftMenu1_a:Hover{color:#db2500; background-image:url(../Image/Hover_Icon.png); background-repeat:no-repeat; background-position:left bottom;}
#TopFont{color:#333333;font-family:'cwTeXYen',Verdana, Geneva, sans-serif;font-size:1.2rem;text-decoration:none;}
#TopFont:Hover{color:#db2500;}
.clear{clear:both;}
.MainImg{width:394px;}
/*Msg Style*/
.msg_height{min-height:35px;}
.Error_Msg{
    /*background: #ff9b7a;*/
    display: block;
    color: #db2500;
    padding: 0px 10px;    
    line-height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Success_Msg{
    /*background: #ff9b7a;*/
    display: block;
    color: #3ba127;
    padding: 0px 10px;    
    line-height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Success_Msg01{
    /*background: #ff9b7a;*/
    display: block;
    color: #CC0000;
    padding: 0px 10px;    
    line-height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.FormTitle{color:#1A1A1A;font-weight:bold; line-height:26px; vertical-align:middle;}
.FormTitle03{color:#FFFFFF;font-weight:bold; vertical-align:middle;}
.FormTitle02{color:#1A1A1A;font-weight:bold; vertical-align:middle;}
.FormTitle11{color:#9F0050;font-weight:bold; vertical-align:middle;}
.DetailTitle{background-color:#CC0000; font-size:1.5rem; vertical-align:top;padding:10px; color:#FFFFFF;font-family: Verdana, Geneva, sans-serif,"微軟正黑體";}
.SubTitle{
color:#1A1A1A;
padding:5px;
font-size:1.2rem;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-weight:bold;
border-bottom:dotted 2px #0c4379;
}
.Button_Add{
border-style: none;
padding:8px 15px 8px 15px;/*top right bottom left*/
border:#cccccc 1px solid;
background-color:#595959;
margin:0 0px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_Add:hover {background-color:#3A3737;}

.Button_Edit {
border-style: none;
padding:8px 15px 8px 15px;/*top right bottom left*/
background-color:#1E3D9B;
border:#cccccc 1px solid;
margin:0 0px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_Edit:hover {background-color:#1F327D;}

.Button_result {
    border-style: none;
    padding:8px 15px 8px 15px;/*top right bottom left*/
    background-color:#55772F;
    border:#cccccc 1px solid;
    margin:0 0px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align:top;
    vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
    color:#FFFFFF;
    }
    .Button_result:hover {background-color:#155436;}
    
.Button_Check {
        border-style: none;
        padding:8px 15px 8px 15px;/*top right bottom left*/
        background-color:#595959;
        border:#cccccc 1px solid;
        margin:0 0px 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        vertical-align:top;
        vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
        color:#FFFFFF;
        }
    .Button_Check:hover {background-color:#333333;}


.Button_Del {
border-style: none;
padding:8px 15px 8px 15px;/*top right bottom left*/
border:#cccccc 1px solid;
background-color:#D71513;
margin:0 0px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_Del:hover {background-color:#931B1B;}

/* 新增*/
.Button_Submit {
border-style: none;
padding:8px 25px 8px 25px;/*top right bottom left*/
border:#cccccc 1px solid;
background-color:#55772F;
margin:0 0px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_Submit:hover {background-color:#155436;}

.Button_General {
border-style: none;
padding:8px 25px 8px 25px;/*top right bottom left*/
background-color:#595959;
border:#cccccc 1px solid;
margin: 0 0px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#fff;
}
.Button_General:hover {background-color:#666666; color: #fff;}
.Button_General_On {
border-style: none;
padding:8px 10px 8px 10px;/*top right bottom left*/
background-color:#0069AD;
border:#cccccc 1px solid;
margin: 0 0px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}

.Button_Bulletin{
    padding:8px 10px 8px 10px;/*top right bottom left*/
    background-color: #062232;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    border: 0px #423934 solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    width: 120px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .Button_Bulletin:hover{
    background-color: #5B8E60;
    color: #ffffff;
    border: 0px;
  }




.TableBlock_shadow{
	-moz-box-shadow: 0px 2px 6px 2px #CCCCCC;
	-webkit-box-shadow: 0px 2px 6px 2px #CCCCCC;
	box-shadow: 2px 2px 4px 2px #CCCCCC;
	/* For IE 8 */
	*ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC')";
	/* For IE 5.5 - 7 */
	*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC');
	border-radius: 8px;
	padding:0px;
}
.TableBlock_shadow_Head_Import{
/*border-top-right-radius: 10px;
border-top-left-radius: 10px; */
color:#FFFFFF;
padding:10px;
font-size:1.2rem;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-style: italic;
background-color:#CC3300;
}
.TableBlock_shadow_Head_Gerneral{
border-top-right-radius: 10px;border-top-left-radius: 10px;
color:#FFFFFF;
padding:10px;
font-size:1.2rem;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-style: italic;
background-color:#0c4379;
}
.TableBlock_shadow_Head_Gerneral td{
color:#FFFFFF;
font-size:0.8rem;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
}

.TableBlock_shadow_Head_AdminMenu{
border-top-right-radius: 10px;border-top-left-radius: 10px;
color:#FFFFFF;
padding:10px;
font-size:1.2rem;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-style: italic;
background-color:#94c914;
}
.TableBlock_shadow_Head_AdminMenu td{
color:#FFFFFF;
font-size:0.8rem;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
}

.TableBlock_shadow_Head_Back{   /*管理端*/
border-top-right-radius: 10px;border-top-left-radius: 10px;
color:#FFFFFF;
padding:10px;
font-size:1.2rem;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
background-color:#062232;
}
.TableBlock_shadow_Head_Back td{
color:#FFFFFF;
font-size:1.1rem;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-weight: bold;
}


.TableBlock_shadow_Head_Index{   /*使用者端*/
    border-top-right-radius: 10px;border-top-left-radius: 10px;
    color:#FFFFFF;
    padding:10px;
    font-size:1.2rem;
    font-family: "微軟正黑體";
    background-color:#333333;
}
.TableBlock_shadow_Head_Index td th{
    color:#FFFFFF;
    font-size:1.1rem;
    font-family: "微軟正黑體";
    font-weight: bold;
}

.Dot_Gerneral{
background-color:#0c4379;
-moz-border-radius: 99em;
-webkit-border-radius: 99em;
border-radius: 99em;height:6px;width:6px;}
.LeftMenuBg{
background-position:right top;
background-repeat:no-repeat;
height:500px;
}
.Black a{color:#333333;}
.stripe tr.alt td {
 background-color:#FFFFFF;
}

.bulletin_stripe  tr td {
    padding: 12px 10px;
    border-bottom: 1px dashed #c6c6c6;
    line-height: 24px;
    vertical-align: top;
}

.bulletin_stripe tr:nth-child(2n) {
  background-color: #f4f6f8;
}

/*按鈕分頁*/
.Navi_NoUse {
border-style: none;
padding:8px 10px 8px 10px;/*top right bottom left*/
background-color:#595959;  
margin:2px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Navi_NoUse:hover {background-color:#D84F4E;}

.Navi_Use {
border-style: none;
padding:8px 10px 8px 10px;/*top right bottom left*/
background-color:#db2500;
margin:2px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.ResultFCate{
border-style: none;
padding:1px 8px 2px 8px;/*top right bottom left*/
margin: 5px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
vertical-align:middle;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
white-space:nowrap;
text-align:center;
}
.NewsCate{
border-style: none;
padding:3px 10px;/*top right bottom left*/
margin: 5px;

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 0px;
vertical-align:middle;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
white-space:nowrap;
text-align:center;
}
/*類別標題*/
@media(max-width:315px){
	.ResultFCate{writing-mode:vertical-lr; padding:2px 5px 2px 8px;/*top right bottom left*/ }
    .NewsCate{writing-mode:vertical-lr; padding:2px 5px 2px 8px;/*top right bottom left*/ }
	}
	
.NewsNew{
border-style: none;
padding:2px 2px 2px 2px;/*top right bottom left*/
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
vertical-align:middle;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
white-space:nowrap;
text-align:center;
background-color:#fe592c;
font-size:0.8rem;
-webkit-transform:scale(0.8);display:inline-block;
}
.Table_Title1{background-color:#333333; color:#FFFFFF; }
.Table_Title1 td{ padding:5px; vertical-align:middle;}
.input_require{color:#ff0000;}
.LowerInfor{padding:0px; vertical-align:super; /*white-space:nowrap;*/ text-align:center; border:0px solid #333;}
.MidInfor{padding:10px; vertical-align:middle; /*white-space:nowrap;*/ text-align:center; border:0px solid #333;}
fieldset {
	vertical-align:top;
    margin: 0px 20px 0 20px;
    padding:10px; 
    border: 1px solid #CCCCCC;
	position:relative;
    border-radius: 5px;
}
/*區塊標題*/
legend {
	width:auto;
    margin-left: 1em;
	padding-top: 1px;/*IE7修正字會被砍掉*/
    color:#333333;
    font-weight: bold;
	font-size:1rem;
	border:0px;
	background-color:transparent;
	padding-bottom:0px;
	padding-top:0px;
	
}
/*網站導覽*/
.SubLayer1 {
    display: inline-block;
    margin: 7px;
    border: #cccccc 1px solid;
    max-width:300px;
}
.SubLayer1 div {
    background-color: #333333;
    padding: 8px 10px 8px 10px;
    color:#ffffff;
}
.SubLayer1 ul {
    padding: 0px;
}
.SubLayer1 div a {
    color: #ffffff;
}
.SubLayer2 {
    margin-left: 8px;
    padding-right: 8px;    
    display: list-item;
}
.SubLayer3 {
    margin-left: 16px;
}
.WebLayer {
    line-height:26px;
}
/*首頁*/
.HomeTitleHr{
    position:relative; 
    height:3px;
    border-top: solid #333333 3px;
}
.Homecontainer{
    width:100%;
    position:relative; 
    margin:auto;
    max-width: 1400px;
}
.HomeArea{
background-position:left top; 
background-repeat:no-repeat;
width:100%;
height:66px; 
border:0px solid #000000; 
position:relative; 
margin:auto;
max-width: 1400px;
}

.HomeTitle{
background-position:left top; 
left:0px;
top:20px;
font-weight: bold;
color:#333333;
width:100%;
height:66px; 
position:relative; 
margin:auto;
max-width: 1400px;

}

.HomeTitle h2{
font-size:1.6rem;
font-family: arial,"Microsoft JhengHei","微軟正黑體",sans-serif !important; 
padding: 5px 5px;
border-bottom:solid 6px #333333;
}

.TitleHomeArea{
width:95%; 
padding:0px 10px; 
border-radius:10px;
margin-top:50px;
margin:auto;
}
.KeyArea{color:transparent !important; font-size:0.2rem; line-height:0.2rem; z-index:999; position:relative;}
.KeyArea:visited,.KeyArea:focus{text-decoration:none;color:#333 !important;}
#NaviKey{color:#3fbaba;}
.MenuKey{text-decoration:none;color:transparent !important;}
.MenuKey:visited,.MenuKey:focus{text-decoration:none;color:#ffffff !important;}
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.sr-only-focusable:active,.sr-only-focusable:focus{
	position:static;
	width:auto;
	height:auto;
	margin:0;
	overflow:hidden;
	clip:auto
}[role=button]{cursor:pointer}
.transparent{color:transparent !important;}
/*各頁標題*/
.PageTitle{
    background-size:contain; 
    background-position:top left; 
    background-repeat:no-repeat; 
    vertical-align:top; 
    width:100%;
    margin:-10px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    border-bottom:solid 6px #062232;
}
.PageTitle_h2{
    background-color:#ffffff;
    font-family: Geneva, sans-serif;
    font-size:1.5rem; 
    font-weight:bold; color:#000000;
    padding:5px 5px; 
    display: table;
    line-height:1.5;
}

.PageTitle_h3{
    font-size: 20px;
    font-weight: bold;
    display: inline;
    line-height: 1.8;
}

.bulletinDetail{
    color:#6f6f6f;
    list-style:none;
}

.bulletinContent{
    padding: 15px;
    border-width:1px;
    border-style:dashed;
    border-color:#d2d2d2;
    border-radius: 10px;
    background-color:#fafafa;
}

.bulletinContent iframe{
    max-width: 100%;
}

/*登入*/
#error_message { color:#db2400; font-weight:bold; }


/* 通過與不通過icon */
.fa-check-circle{
    color:#3ba127;
}
.fa-times{
    color:#DF2B1F;
}


.LeftMenuBlock{
    margin-top:20px;
    min-width:210px;
    max-width:250px;
    width:100%;
    background-color:#fff;
    min-height:450px;
    vertical-align:top;
    margin-right:0px;
    /*border-radius:17px 17px 0px 0px;*/
    border:#afafaf solid 0.1px;
    position: relative;
    box-shadow: 1px 1px 5px 0px #afafaf;
}
.LeftMenuTitle{
color:#ffffff;
font-weight:bold;
height:40px;
width:100%;
text-align:center;
padding:22px 0;
background-color:#062232;
background-repeat:no-repeat;
background-position:left bottom;
font-size:1.4rem;

/*border-radius:15px 15px 0px 0px;*/
}
.LeftMenuTitle_bline{
height:6px;
background-color:#062232;
}
.LeftMenuSubItem , .LeftMenuSubItem a{
/*color:#444444;*/
font-size:1.2rem;
height:45px;
text-align:center;
background-repeat:no-repeat;
vertical-align:middle;
width:100%;
line-height:1.5;
}
.LeftMenuSubItem , .LeftMenuSubItem a:focus:hover{
  background-color:#fffdfd00;
  }
.LeftMenuSubItem , .LeftMenuSubItem a:visited:hover{
  background-color:#fffdfd00;
    }
.LeftMenuSubItem , .LeftMenuSubItem a:link:hover{
    background-color:#fffdfd00;
    }
.LeftMenuSubItem{
border-top:1px #062232 solid;
height: 70px;
}

.LeftMenuSubItem a:hover{
text-decoration:none;
}

/*111*/
.LeftMenuSubItem2 , .LeftMenuSubItem2 a{
    /*color:#444444;*/
    font-size:1.2rem;
    height:45px;
    text-align:center;
    
    background-repeat:no-repeat;
    vertical-align:middle;
    width:100%;
}

.LeftMenuSubItem2{
    border-top:1px #2d3031 solid;
    height: 60px;
    background-color: #d1faff;
}
    
.LeftMenuSubItem2 a:hover{
    text-decoration:none;
}

/* Sweep To Right */
.hvr-sweep-to-right {
    /*display: inline-block;
    vertical-align: middle;*/
    
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    /*position: relative;*/
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
  }
  .hvr-sweep-to-right a:link,.hvr-sweep-to-right a:visited ,.hvr-sweep-to-right a{color:#444444;}
  /*.hvr-sweep-to-right:hover a{color:#ffffff;}*/
  .hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e0e0e0; 
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
  }
  .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  

  .blankSpace{
    padding: 20px;
  }

  .CateBox{
    border-style: none;
    padding:10px 25px;/*top right bottom left*/
    margin-right: 10px;
    vertical-align:middle;
    vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
    color:#FFFFFF;
    white-space:nowrap;
    text-align:left;
  }


  .img_style{
    border:1px #000000 solid;
    width: 300px;
    height: 225px;
    box-shadow:3px 3px 5px 6px #cccccc;
    text-align:center;
  }
  .img_style > img{
    width: 280px;
    height: 150px;
  }
  .imgCate{
    position:relative; 
    top:-230px;
    left:-100px;
    width: 200px;
    height:50px;
  }

/*rwd表格*/

.RWDtableBorder {
    background: white;
    border-collapse: collapse;
    /*width: 95%;*/
}

.RWDtableBorder tr,
.RWDtableBorder th,
.RWDtableBorder td {
    border: 1px solid #4d4d4d;
}

.RWDtableBorder th {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.RWDtableBorder td {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.RWDtableBorder th {
    background: #062232;
    color: #ffffff;
}

.RWDtableBorder th a {
    color: #ffffff;
}

.RWDtableBorder tr td {
    background: #e6e6e6;
    color: #333333;
}

.RWDtableBorder td i {
    color: #062232;
    font-size: 20px;
}

.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: #333333;
    color: white;
    margin-right: 5px;
    padding: 2px 10px;
}

:after, :before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

@media (max-width: 768px) {
  
    /* 將表格中間的空間刪掉 */
    .RWDtableBorde {
      border-spacing: 0px;
    }
  
    /* 隱藏表頭列 */
    .RWDtableBorde:first-of-type {
      display: none;
    }
    
    .RWDtableBorde td {
      display: table;
      padding: 0;
    }
   
    .RWDtableBorde:before{
      content: attr(data-th);
      display: table-cell;
      font-weight: bold;
      color: #fff;
      padding: 3px 10px;
      white-space: nowrap;
      text-align: left !important;
      width: 60px;
      background-color: #333333;
      vertical-align: top;
    }
  
    .RWDtableBorde span{
      padding: 3px 10px;
      display: inline-block;
    }
}
   /* 教師註冊 最外邊框架 -------------- */
   .form_contain{
    margin:0 auto;
    max-width:  95%;
    margin-top: 20px;
  }
   /* 必填符號-修飾符 ----------------- */
   .required::after{
    content: "*";
    color: #D0021B;
    font-size: 18px;
   }

   .form_teacher_list li{
      display: flex;
      margin-bottom: 20px;
   }
   /* 項目 */
   .leftArea{
      flex: 3.5; 
      text-align: right;

   }   
    /* 選單 */
   .rightArea{
      display: flex;
      align-items: flex-start;
      flex: 6.5; 
        
   }  
   .Postal_rightArea{
      flex: 7.5; 
   }
   .leftArea span{
      font-size: 20px;
      margin-bottom: 20px;
      font-weight: bold;
      padding-top: 6px;
      padding-right: 10px;
   }

   .Menu_Adminleft{
    min-width:170px;
    margin-left: 15px;
   }

   .stripe{
       margin: 20px;
       border: 1px #333333 solid;
       border-collapse:collapse;
   }
   .search_data input[type='text']{
       padding: 0!important;
       font-size: 15px!important;
   }

/* 輪播圖 */

.MemberType{
    display: flex;
    flex-direction: row-reverse;
}

.MemberType_item{
    padding: 0px 16px 0 16px;
    height: 40px;
    background-color: #b7cfda;
    border: 1px #196383 solid;
    margin-right: 5px;
    color: #062232;
    position: relative;
    border-radius: 3px;
    font-size: 1rem;

}

.MemberType_item:hover{
    background-color: #196383;
    color: #ffffff;
}
/*下載*/
.DowloadinContent{
    padding: 15px;
    border-width: 1px;
    border-style: dashed;
    border-color: #c3d8ac;
    border-radius: 15px;
    background-color: #e5efd8;
    margin-bottom:15px;
}


/*學習路線*/
  .Up_menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;;
  }
  .AreaBtn{
    text-align: center;
    background-color: #F5F5F5;
    color: #999999;
    margin: 10px 20px;
    padding: 10px 40px;
    line-height: 1.2em;
    border-radius: 40px;
    border: 0px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
  }
  .Page_Title{
    background-color: #999999;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 28px;
    font-weight: bold;
  }
  .Chick{
    background-color: #D2EAF5;
    color: #062232;
  }

/*內頁文章內容小標題*/

.ArticleContentTitle {
    font-size: 1.2rem;
    padding: 10px 10px;
    background-color: #346780;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ArticleContentTitle h4 {
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 0;
}

.ArticleContentTitle h4 i {
    padding-right: 7px;
}
.LineHeight_Normal {
    line-height: 26px;
}

.contain_data{
    margin: 0 auto;
    width: 100%;
    position: relative;	
    box-shadow: 0px 2px 5px 0px rgba(2, 1, 2, 0.30);
  }
.TitleHomeArea{
  /*height: 30%;*/
  padding-top: 20px;
}

.TitleHomeArea2{
  /*height: 30%;*/
  padding-top: 5px;
}
.Button_Bulletin{
  background-color: #062232;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  border: 0px #423934 solid;
  border-radius: 30px;
  height: 40px;
  width: 120px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.Button_Bulletin:hover{
  background-color: #5B8E60;
  color: #ffffff;
  border: 0px;
}

@media screen and (max-width: 768px) { 
  .contain_data{
    margin: 0 auto;
    width: 100%;
    position: relative;	
    box-shadow: 0px 0px 0px 0px rgba(2, 1, 2, 0.30);
  }
    
  }


  /* 公告------------------------------------------- */
.Bulletin_list{
    max-width: 100%;
    margin:0 auto;
    padding-left: 0px;
  }

  .list_data{
    border-bottom: 1px solid #dbdbdb;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .list_data a{
    display: block;
  }

  .list_data:hover,a:hover{
    color:#8b6000;
    text-decoration:none;
    background-color: #f0f0f0;
    /*position: relative;	*/
    /*box-shadow: 6px 6px 10px 0px #707070;*/
  }

  .Bulletin_list_item{
    display: flex;
  }
  .Bulletin_list_item li{
    margin-right: 10px;
  }
  .Bulletin_list_Time{
    flex-grow:1;
    text-align: right;
    color: #6e6e6e;
  }

  @media screen and (max-width: 750px) { 
    .Bulletin_list_item{
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
    
  }
/* 圖片--------------------------------------*/

  .EbookAreaBlock img { 
   box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
  }

/* 相簿---------CSS */
 .AreaBlock3PadDIV{
  display:inline-flex;  /*以inline方式呈現，但同時擁有block的屬性*/
  max-width: 100%;
  margin-top:15px;
  border: 0px #000 solid;
  justify-content: center;
 }

.AreaBlock3PadDIV li { 
  display:inline-flex; 
   /*line-height:200%; */
   box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
   padding: 10px;
   margin: 3px;
   position:relative;
   margin-bottom: 10px;
   line-height: 200%;
   text-align: center;
   justify-content: space-evenly;
   border: 0px #000 solid;
   height: 300px; 
   object-fit:cover;
   font-weight: 700;
  }


/*
  .CateBox{
    position:absolute;
    top:10px;
    left:-10px;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
  }
*/
  .contain_nav{
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .nav-item{
    margin-right: 10px;
  }

  .Bulletin_contain{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    
    width: 70%;
  }

/*---------------------手機PC顯示----------*/

.pc_show{display: block;width: 100%;}
.ph_show{display:none;}

@media(max-width:768px){
  .pc_show{display: none;}
  .ph_show{display: block;width: 100%;}
}




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