:root{
  scroll-behavior: auto;
}
body,
html {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: Microsoft JhengHei;
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #FF0000;
}

.main {
  margin: 0 auto;
  background:no-repeat center/100% url("../images/bg.png");
  background-color: #223c53;
}

.main .inner {
  padding: 150px 0 60px 0;
  margin: 0 auto;
  position: relative;
}

.item{
  position: relative;
}
.item-1{
  margin-bottom: -5rem;
  z-index: 9;
}
.item-2{
  z-index: 8;
  margin-right: 0;
  margin-left: auto;
}
.item-3{
  padding-bottom: 3rem;
}
.itme-5{
  display: block;
  float: left;
  margin-right: 0;
  margin-left: auto;
  padding-top:  1.5rem;
  padding-left: 50px;
  padding-bottom: 50px;
}

.item-6{
	padding:100px 0 50px 0;
}

.main img {
  display: block;
}

.content {
  background-color: #fff;
  padding: 80px 0;
  scroll-margin-top: 150px ;
}

.info {
  margin: 0 auto;
  color: #555;
  line-height: 200%;
}


table.table {
  margin: 0 auto 20px auto;
  border: 1px solid #cccccc;
  border-collapse: collapse;
}

table.table td,
table.table th {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  padding: 5px 10px;
  text-align: center;
}

table.table th {
  background-color: #D8D8D8;
}

.info h1 {
  color: #006962;
  font-size: 36px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  display: inline-block;
  border-bottom: 3px solid #22cbc6;
}
.h1 {
  border-bottom: 1px solid #22cbc6;
  margin-bottom: 30px;
}

.info h2 {
  font-size: 24px;
  color: #eb5e52;
  margin: 30px 0 15px 0;
  display: flex;
  align-items: center;
}
.info h2:after{
  margin-left: 0.2em;
  display: block;
  content: '';
  height: 1em;
  width: 1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="%23eb5e52"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></g></svg>');
}
.info p {
  margin-bottom: 40px;
}

.fs-3 {
  font-size: 22px;
  font-weight: bold;
}

.info ul,
.info ol {
  padding-left: 30px;
}

a#gotoTop {
  position: fixed;
  bottom: 2vw;
  right: 2vw;
  width: 7vh;
  height: 7vh;
  display: block;
  z-index: 998;
  opacity: 0;
  transition:opacity 0.3s ;
  background-color: #fff;

}
a#gotoTop.fadeIn{
  opacity: 1;
}
.boxtxt {
  display: inline-block;
  padding: 3px 10px;
  margin: 5px 0;
  color: #fff;
  background-color: #007d7d;
}

.redtxt {
  color: #f00;
}





@media only screen and (max-width: 768px) {
  .main {
    padding: 55px 0 0 0;
    background-image: none;
  }
  .content {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }

}