body{
font-size: 17px;
position: relative;
overflow-x: hidden;
background-color: #011e2d;
}
/* loading */
.loading {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: rgba(0,24,52,0.95);
}
.loading .load_img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
/* .godown {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100px;
    z-index: 2;
    width: 50px;
    height: 50px;
}
.godown img{
  width: 100%;
}
@media (max-width: 769px) {
  .godown {
    width: 30px;
    height: 30px;
}
} */

footer {  text-align: center; width: 100%;  height: auto;  padding: 50px 10px;  background-color:#003755;  position: relative;  z-index: 3; }
footer p {  color: #fff;  font-size: 15px;  margin-bottom: 0.25rem;  font-weight: 100; }
footer a{ color: #fff; border-bottom: 1px solid #fff;}
footer .link{
  color: #83dcff;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
footer a.outlink{
  border: none;
  color: #83dcff;
  letter-spacing: 2px;
}
@media all and (max-width: 415px) {
  footer { padding: 25px 20px;}
  footer p { font-size: 12px; margin-bottom: 0.25rem;}
}

/* 頁籤設置 */
.pactbox{font-family: 'Amiri',"Noto Sans TC",sans-serif;
color: #333;
background-color: #fff;}
span.nnn{
  display: none;
}
/* span:target */
#tab{
  width: 100%;
  margin: auto;
  margin-top: 50px;
  /* margin-top: -82px; */
  position: relative;
  }
  /* 頁籤ul */
  #tab>ul{
  overflow: hidden;
  margin: 0;
  padding: 10px 0px 0 0px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  }
  #tab>ul>li{
    list-style-type: none;
    width: 49%;
    display: inherit;
    padding: 0px;
  }
  #tab>ul>li>a{
    text-decoration: none;
    padding: 30px 10px;
    background: #efefef;
    font-size: 18px;
    width: 100%;
    text-align: center;
    color: #8ab0cc;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #tab>ul>li>a>img{
        width: 22px;
    margin-bottom: 3px;
    margin-right: 4px;
  }
  /* /頁籤div內容/ */
  #tab>div {
  clear:both;
  padding:0 15px;
  height:0;
  overflow:hidden;
  visibility:hidden;
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  }
  
  /* span:target */
  #tab-1:target,
  #tab-2:target{
  border: solid 1px red;
  }
  
  /* /第一筆的底色/ */
  span:target ~ #tab > ul li:first-child a {
  background:#f3f3f3;
  color: #aecde4;
  }
  span:target ~ #tab > div:first-of-type {
  visibility:hidden;
  height:0;
  padding:0 30px;
  }

  
  /* /頁籤變換&第一筆/ */
  span ~ #tab > ul li:first-child a,
  #tab-1:target ~ #tab > ul li a[href$="#tab-1"],
  #tab-2:target ~ #tab > ul li a[href$="#tab-2"]{
  background: #fff;
  background: linear-gradient(-135deg, transparent 15px, #fff 0),linear-gradient(45deg, transparent 15px, #d83636 0);
  color: #00508a;
  }
  
  /* /頁籤內容顯示&第一筆/ */
  span ~ #tab > div:first-of-type,
  #tab-1:target ~ #tab > div.tab-content-1,
  #tab-2:target ~ #tab > div.tab-content-2 {
  visibility:visible;
  height:auto;
  /* padding:30px; */
  }

@media all and (max-width: 415px) {
  #tab {
    /* margin-top: -62px; */
  }
  #tab>ul {
    padding: 0;
  }
  #tab>ul>li>a {
    font-size: 14px;
  }
  span ~ #tab > div:first-of-type, #tab-1:target ~ #tab > div.tab-content-1, #tab-2:target ~ #tab > div.tab-content-2 {
    padding: 10px;
  }
  #tab>ul>li {
    list-style-type: none;
    width: 50%;
    display: inherit;
    padding: 0px;
  }
}

@media all and (max-width: 321px) {
  #tab>ul>li>a {
    font-size: 13px;
    padding: 14px 7px 8px 7px;
    line-height: 1rem;
  }
  #tab {
    /* margin-top: -58px; */
  }
}