@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap");
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
a,
img {
  outline: none; /* for Firefox */
  hlbr: expression(this.onFocus=this.blur()); /* for IE */
}
input,
textarea {
  outline: none;
} /*消除chrome黃色框*/
textarea {
  resize: none;
} /*不要縮放*/
img,
div {
  border: 0px;
}
a:link {
  color: #ff8400;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #ff8400;
}
a:hover {
  text-decoration: none;
  color: #d23100;
}
a:active {
  text-decoration: none;
  color: #ff8400;
}

body {
  font-size: 1rem;
  word-wrap: break-word;
  font-family: Arial, "Noto Sans TC", "微軟正黑體", sans-serif;
  /*font-family:Arial,"微軟正黑體", Helvetica, sans-serif;*/
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tas {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.ulibx {
	width: 88%;
	margin: 0 auto;
	color: #522c04;
}

	.ulibx > ul li {
		list-style-type: decimal;
		list-style-position: outside;
		line-height: 1.6em;
		letter-spacing: 3px;
	}
.tdbox {
    clear: both;
    margin: 0.5em auto;
    border-radius: 1em; 
    border: 1px double rgba(139, 127, 81, 0.4);
    background-color: #ede6ca;
	overflow: hidden;
}

.tdbox table tr:first-child td {
  border-bottom: 1px #579343 solid;
  padding: 0.6rem 0.3rem 0.3rem;
  font-weight: 500;
  color: #ffeb08;
     background-color: #e7ae52;
  font-size: 17px;
  /* border-radius: 1em 1em 0 0; */
}
.tdbox table tr td {
  /* text-align: center; */
  padding: 0.5rem;
  border-bottom: 1px #b7ad86 solid;
  font-size: 1em;
  line-height: 2em;
  background-color: rgb(209 196 160 / 60%);
  color: #294022;
  
}
.imgbx {
  width: 50%;
  margin: 1rem auto;
  border: 5px double #655233;
  text-align: center;
  background-color: rgba(255, 238, 0, 0.6);
  color: #343021;
}
.img200 {
  width: 215px;
  margin: 1rem auto;
  border: 5px double #655233;
  text-align: center;
  background-color: rgba(255, 238, 0, 0.6);
  color: #343021;
}
.tfbox div img,
.imgbx img,
.logo img,
.slo img,
.umk img,
.ubta img,
.ubtb img,
.ubtc img,
.ubtd img,
.ubte img,
.mcont img,
.mconf img,
.ppop img,
.dg img,
.sek img,
.uli img,
.glpo img,
.apbt img,
.dwbt img {
  width: 100%;
  display: block;
}
.tfbox div:hover,
.apdwbx div:hover,
.ubta:hover,
.ubtb:hover,
.ubtc:hover,
.ubtd:hover,
.ubte:hover {
  transform: scale(0.98);
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  filter: brightness(1.1);
  cursor: pointer;
}
@media only screen and (max-width: 520px) {
  .tdbox {
    margin: 1rem auto;
    padding: 10px;
  }
  .imgbx {
    width: 95%;
    margin: 1rem auto;
    border: 5px double #655233;
    text-align: center;
    background-color: rgba(255, 238, 0, 0.6);
    color: #343021;
  }
  
  	.ulibx {
		width: 80%;
	}	
	
	.ulibx > ul li {
		font-size: 1rem;
		line-height: 1.625rem;	
	}	
}