.container_table {
  width: 95%;
  padding: 0px;
  margin:0 auto;
}




.head_table {
  display: flex;
  flex-wrap: wrap;
 justify-content: left;
  align-content: flex-start;

  padding-top: 1%;
  padding-left: 1%;
  padding-bottom: 1%;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 1%;
  background-color: #F5F7F2;
}


.w0{float:left;width: ;}
.w1{float:left;width:5%}
.w2{float:left;width:10%}
.w3{float:left;width:15%}
.w4{float:left;width:20%}
.w5{float:left;width:25%}
.w6{float:left;width:30%}
.w7{float:left;width:35%}
.w8{float:left;width:40%}
.w9{float:left;width:45%}
.w10{float:left;width:50%}
.w11{float:left;width:55%}
.w12{float:left;width:60%}
.w13{float:left;width:65%}
.w14{float:left;width:70%}
.w15{float:left;width:75%}
.w16{float:left;width:80%}
.w17{float:left;width:85%}
.w18{float:left;width:90%}
.w19{float:left;width:95%}
.w20{width:100%;margin-bottom: 0.5%;/*overflow:auto*/}

.w4_in{float:left;width:20%}
.w15_in{float:left;width:75%}

.buttomside{
  margin-left: 20px;
}
.checkboxside{
  margin :0px auto;
}

.form_border_WS_LB{
  height: ;
  background-color: ;
  /*border-color:gray;
  border-width:1px;
  border-left-style:solid;
  border-right-style:solid;
  border-bottom-style:solid;*/
}
.inputtextstyle{
margin :0px auto;
height:100%;
width:calc(100% - 150px);
padding:0px 10px;
background:white;
border-width:1px;
border-style: solid;/*groove;*/
border-color:#C3C3C3;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.inputtextstyle:focus {
border-color:#66AFE9;/*#66afe9;*/
outline: 0;
 -webkit-box-shadow: inset 0 1px 1pxrgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1pxrgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.inputtextstyle_date{
margin :0 auto;
height:25px;
width:calc(100% - 10px);
padding:0px 10px;
border-width:1px;
border-style: solid;/*groove;*/
border-color:#C3C3C3;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.inputtextstyle_date:focus {
border-color:#66AFE9;/*#66afe9;*/
outline: 0;
 -webkit-box-shadow: inset 0 1px 1pxrgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1pxrgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.inputtextstyle_none{
padding:0px 10px;
border-width:1px;
border-style: solid;/*groove;*/
border-color:#C3C3C3;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.inputtextstyle_none:focus {
border-color:#66AFE9;/*#66afe9;*/
outline: 0;
 -webkit-box-shadow: inset 0 1px 1pxrgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1pxrgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


.news-filter select {
  background: white;
  /*color: ;*/
  margin: 0px;
 /* width: calc(100%);
  height: 100%;
  padding: 8px;
  position: relative;*/
  border-radius: 5px;
  /*appearance: none;*/
 /* -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(#003d79, #003d79);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E"), -webkit-linear-gradient(#003d79, #003d79);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E"), -moz-linear-gradient(#003d79, #003d79);
  background-position: right 0.5em top 50%, 0 0;
  background-size: contain, cover;
  background-repeat: no-repeat, repeat;*/
}



@media (max-width: 320px) {
.container_table {
  width: 95%;
  padding: 0px;
  margin:0 auto;
}
.w1{float:left;width:100%}
.w2{float:left;width:100%}
.w3{float:left;width:100%}
.w4{float:left;width:100%}
.w5{float:left;width:100%}
.w6{float:left;width:100%}
.w7{float:left;width:100%}
.w8{float:left;width:100%}
.w9{float:left;width:100%}
.w10{float:left;width:100%}
.w11{float:left;width:100%}
.w12{float:left;width:100%}
.w13{float:left;width:100%}
.w14{float:left;width:100%}
.w15{float:left;width:100%}
.w16{float:left;width:100%}
.w17{float:left;width:100%}
.w18{float:left;width:100%}
.w19{float:left;width:100%}
.w20{width:100%;/*overflow:auto*/}
}

.s1{width:5%}
.s2{width:10%}
.s3{width:15%}
.s4{width:20%}
.s5{width:25%}
.s6{width:30%}
.s7{width:35%}
.s8{width:40%}
.s9{width:45%}
.s10{width:50%}
.s11{width:55%}
.s12{width:60%}
.s13{width:65%}
.s14{width:70%}
.s15{width:75%}
.s16{width:80%}
.s17{width:85%}
.s18{width:90%}
.s19{width:95%}
.s20{width:100%}

/*----手機大小----*/
@media (min-width: 321px) and (max-width: 768px) {
.container_table {
  width: 95%;
  padding: 0px;
  margin:0 auto;
}
.w1{float:left;width:100%}
.w2{float:left;width:100%}
.w3{float:left;width:100%}
.w4{float:left;width:100%}
.w5{float:left;width:100%}
.w6{float:left;width:100%}
.w7{float:left;width:100%}
.w8{float:left;width:100%}
.w9{float:left;width:100%}
.w10{float:left;width:100%}
.w11{float:left;width:100%}
.w12{float:left;width:100%}
.w13{float:left;width:100%}
.w14{float:left;width:100%}
.w15{float:left;width:100%}
.w16{float:left;width:100%}
.w17{float:left;width:100%}
.w18{float:left;width:100%}
.w19{float:left;width:100%}
.w20{width:100%;/*overflow:auto*/}

.inputtextstyle_date{
margin :0 auto;
height:100%;
width:100%;
padding:0px 10px;
background:white;
border-width:1px;
border-style: solid;/*groove;*/
border-color:#C3C3C3;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.buttin_center{

}

}

/*----半螢幕大小----*/
@media (min-width: 769px) and (max-width: 1000px) {
.container_table {
  width: 95%;
  padding: 0px;
  margin:0 auto;
}
.buttin_center{
margin :0 auto;
}

.w1{float:left;width:100%}
.w2{float:left;width:100%}
.w3{float:left;width:100%}
.w4{float:left;width:100%}
.w5{float:left;width:100%}
.w6{float:left;width:100%}
.w7{float:left;width:100%}
.w8{float:left;width:100%}
.w9{float:left;width:100%}
.w10{float:left;width:100%}
.w11{float:left;width:100%}
.w12{float:left;width:100%}
.w13{float:left;width:100%}
.w14{float:left;width:100%}
.w15{float:left;width:100%}
.w16{float:left;width:100%}
.w17{float:left;width:100%}
.w18{float:left;width:100%}
.w19{float:left;width:100%}
.w20{width:100%;/*overflow:auto*/}
}