.container {
   padding: 20px 3% 20px 3%;
   border-radius: 10px;
   width: calc(100% - 20px);
   max-width: 1030px;
   margin: 30px auto;
   position: relative;
   min-height: auto;
   background: #fdfcf5;
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.container:last-child {
   display: none;
}

.main_title {
   font-size: 25px;
   font-weight: 500;
   padding: 10px 0;
   color: #31b5b2;
}

.main_cont {
   padding-bottom: 10px;
   border-bottom: 1px dashed #31b5b2;
   font-size: 15px;
}

.list {
   padding-top: 10px;
   padding-bottom: 10px;
   border-bottom: 1px dashed #31b5b2;
}

.rule {
   font-size: 19px;
   font-weight: 500;
   color: #666666;
   margin: 5px 0;
}

.rule_cont {
   font-size: 15px;
}

.go_index {
   font: 300 15px "Noto Sans TC", Helvetica, Arial, sans-serif;
   display: block;
   width: 80px;
   height: 30px;
   line-height: 30px;
   padding: 0 15px;
   text-align: center;
   border: 0px;
   border-radius: 5px;
   background: #638c9e;
   color: #fdfcf5;
   text-decoration: none;
   cursor: pointer;
   outline: none;
   margin: 20px auto;
}

.go_index:hover {
   background: #52bf88;
}

select {
   font: 300 15px "Noto Sans TC", Helvetica, Arial, sans-serif;
   display: inline-block;
   vertical-align: middle;
   width: 100%;
   max-width: 300px;
   height: 30px;
   line-height: 30px;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   padding: 0 8px;
   margin: 3px 2px;
   background: #ffffff;
   box-shadow: inset 1px 1px 0px rgb(0 0 0 / 10%);
   width: auto;
}