/*home in*/html,body,button{margin:0;padding:0;font-family:"微軟儷黑體","微軟正黑體",Arial,Helvetica,Geneva,sans-serifs}html{font-size:10pt;color:#5f5855}body{width:100%;min-width:1366px}.wrap{display:block;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;scroll-behavior:smooth}.ismobile .wrap{position:relative;overflow:visible}a,a:hover,a:active{text-decoration:none;color:inherit}.abtn{position:absolute;display:block;background-color:rgba(0,0,0,0)}.local .abtn{background-color:rgba(255,0,0,.6)}.abtn img{width:100%;height:100%}.csr{cursor:pointer}.content{display:block;min-height:500px}.relbox{position:relative;display:block;width:100%;height:100%}.wmid{margin:auto;width:100%;max-width:1366px;box-sizing:border-box}.sec{width:100%;display:block}.hide{display:none}.tleft{text-align:left}.tjustfy{text-align:justify}.tright{text-align:right}.tcenter{text-align:center}.full{width:100%;display:block}@media screen and (max-width:1280px){html{font-size:1vw}.wmid{padding:0 10px}}@media screen and (max-width:640px){button,select,a:active,a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent;outline:none!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{display:block;min-height:auto}}.header{height:170px;background-repeat:repeat-x;text-align:center;position:absolute;z-index:20;left:0;top:0}.header{width:100%;min-width:1366px}.header .menu{display:table;margin:0 auto}.header .menu li{margin:0;padding:0 0;display:table-cell;line-height:140px;vertical-align:middle}.header .menu li a{display:block;min-height:80px}.header .menu li img{vertical-align:middle}.header .menu li.b{cursor:pointer;transition:all 0.3s}.header .menu li.b:hover{transform:translateY(-10px)}.header .menu .logo{margin-right:50px}.header .menu .clogo{margin:0 30px}.header .menu .fb,.header .menu .line{margin-left:20px}.wrap{font-family:"微軟儷黑體","微軟正黑體",Arial,Helvetica,Geneva,sans-serifs}.wrap fieldset.htitle{border:0 solid rgba(0,0,0,0);border-top:1px solid #cdcdcc;margin:20px 0}.wrap fieldset.htitle>legend{color:#000;margin:auto;padding:0 20px;font-size:14pt;width:auto}.tb{display:table;width:100%}.tb .tr{display:table-row}.tb .td{display:table-cell;vertical-align:top;padding:10px;box-sizing:border-box}input[type=text],textarea{padding:5px;box-sizing:border-box;font-size:10pt;border:1px solid #cdcdce}form i.err{font-style:normal;color:red}@media screen and (max-width:640px){.wrap fieldset.htitle>legend{padding:0 10px;font-size:11pt}}.header{height:170px;background-repeat:repeat-x;text-align:center;position:absolute;z-index:20;left:0;top:0}.header{width:100%;min-width:1366px}.header .menu{display:table;margin:0 auto}.header .menu li{margin:0;padding:0 0;display:table-cell;line-height:140px;vertical-align:middle}.header .menu li a{display:block;min-height:80px}.header .menu li img{vertical-align:middle}.header .menu li.b{cursor:pointer;transition:all 0.3s}.header .menu li.b:hover{transform:translateY(-10px)}.header .menu .logo{margin-right:50px}.header .menu .clogo{margin:0 30px}.header .menu .fb,.header .menu .line{margin-left:20px}[data-scrollbar],[scrollbar],scrollbar{display:block;position:relative}[data-scrollbar] .scroll-content,[scrollbar] .scroll-content,scrollbar .scroll-content{-webkit-transform:translateZ(0);transform:translateZ(0)}[data-scrollbar].sticky .scrollbar-track,[scrollbar].sticky .scrollbar-track,scrollbar.sticky .scrollbar-track{background:hsla(0,0%,87%,.75)}[data-scrollbar] .scrollbar-track,[scrollbar] .scrollbar-track,scrollbar .scrollbar-track{position:absolute;opacity:0;z-index:1;transition:opacity .5s ease-out,background .5s ease-out;background:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-scrollbar] .scrollbar-track.show,[data-scrollbar] .scrollbar-track:hover,[scrollbar] .scrollbar-track.show,[scrollbar] .scrollbar-track:hover,scrollbar .scrollbar-track.show,scrollbar .scrollbar-track:hover{opacity:1}[data-scrollbar] .scrollbar-track:hover,[scrollbar] .scrollbar-track:hover,scrollbar .scrollbar-track:hover{background:hsla(0,0%,87%,.75)}[data-scrollbar] .scrollbar-track-x,[scrollbar] .scrollbar-track-x,scrollbar .scrollbar-track-x{bottom:0;left:0;width:100%;height:8px}[data-scrollbar] .scrollbar-track-y,[scrollbar] .scrollbar-track-y,scrollbar .scrollbar-track-y{top:0;right:0;width:4px;height:100%}[data-scrollbar] .scrollbar-thumb,[scrollbar] .scrollbar-thumb,scrollbar .scrollbar-thumb{position:absolute;top:0;left:0;width:4px;height:8px;background:rgba(0,0,0,.5);border-radius:4px}[data-scrollbar] .overscroll-glow,[scrollbar] .overscroll-glow,scrollbar .overscroll-glow{position:absolute;top:0;left:0;width:100%;height:100%}html,body,button{margin:0;padding:0;font-family:"微軟儷黑體","微軟正黑體",Arial,Helvetica,Geneva,sans-serifs}html{font-size:10pt;color:#5f5855}body{width:100%;min-width:1366px}.wrap{display:block;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;scroll-behavior:smooth}.ismobile .wrap{position:relative;overflow:visible}a,a:hover,a:active{text-decoration:none;color:inherit}.abtn{position:absolute;display:block;background-color:rgba(0,0,0,0)}.local .abtn{background-color:rgba(255,0,0,.6)}.abtn img{width:100%;height:100%}.csr{cursor:pointer}.content{display:block;min-height:500px}.relbox{position:relative;display:block;width:100%;height:100%}.wmid{margin:auto;width:100%;max-width:1366px;box-sizing:border-box}.sec{width:100%;display:block}.hide{display:none}.tleft{text-align:left}.tjustfy{text-align:justify}.tright{text-align:right}.tcenter{text-align:center}.full{width:100%;display:block}@media screen and (max-width:1280px){html{font-size:1vw}.wmid{padding:0 10px}}@media screen and (max-width:640px){button,select,a:active,a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent;outline:none!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{display:block;min-height:auto}}.wrap{font-family:"微軟儷黑體","微軟正黑體",Arial,Helvetica,Geneva,sans-serifs}.wrap fieldset.htitle{border:0 solid rgba(0,0,0,0);border-top:1px solid #cdcdcc;margin:20px 0}.wrap fieldset.htitle>legend{color:#000;margin:auto;padding:0 20px;font-size:14pt;width:auto}.tb{display:table;width:100%}.tb .tr{display:table-row}.tb .td{display:table-cell;vertical-align:top;padding:10px;box-sizing:border-box}input[type=text],textarea{padding:5px;box-sizing:border-box;font-size:10pt;border:1px solid #cdcdce}form i.err{font-style:normal;color:red}@media screen and (max-width:640px){.wrap fieldset.htitle>legend{padding:0 10px;font-size:11pt}}.sec-home {
  /*sec-home*/ }
  .sec-home .relbox .ribbon {
    opacity: 0;
    transform: translateY(15%);
    transition: all 0.3s;
    transition-delay: 0s; }
    .sec-home .relbox .logo {
      opacity: 0;
      transform: translateY(15%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .plate {
      opacity: 0;
      transform: translateY(15%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .flower {
      opacity: 0;
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .mlogo {
      opacity: 0;
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .item {
      opacity: 0;
      transform: translateY(15%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .mark {
      opacity: 0;
      transform: translateY(15%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .p1 {
      opacity: 0;
      transform: translateX(15%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .p2 {
      opacity: 0;
      transform: translateX(-15%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .pl {
      opacity: 0;
      transform: translateY(15%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .pr {
      opacity: 0;
      transform: translateY(15%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .date {
      opacity: 0;
      transform: translateY(-10%);
      transition: all 0.3s;
      transition-delay: 0s; }
    .sec-home .relbox .regbtn {
      opacity: 0;
      transform: translateY(-10%);
      transition: all 0.3s;
      transition-delay: 0s; }

.sec-home[class~=on] {
  /*sec-home*/ }
  .sec-home[class~=on] .relbox .plate {
    opacity: 1;
    transform: translateY(0%);
    transition: all 1.8s 0.1s cubic-bezier(0.12, 0.59, 0.31, 1.02);
    /* tgt duration delay motion */ }
    .sec-home[class~=on] .relbox .logo {
      opacity: 1;
      transform: translateY(0%);
      transition: all 1.8s 1.2s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .ribbon {
      opacity: 1;
      transform: translateY(0%);
      transition: all 1.8s 1.6s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .mlogo {
      animation: pop ease-in-out;
      animation-duration: 2s;
      animation-delay: 3s;
      animation-fill-mode: forwards; }
    .sec-home[class~=on] .relbox .flower {
      animation: pop ease-in-out;
      animation-duration: 1s;
      animation-delay: 4.5s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
    .sec-home[class~=on] .relbox .item {
      opacity: 1;
      transform: translateY(0%);
      transition: all 2.2s 2.4s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .mark {
      opacity: 1;
      transform: translateY(0%);
      transition: all 1.8s 1.2s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .p1 {
      opacity: 1;
      transform: translateX(0%);
      transition: all 1.8s 3.2s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .p2 {
      opacity: 1;
      transform: translateX(0%);
      transition: all 1.8s 3.6s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .pl {
      opacity: 1;
      transform: translateY(0%);
      transition: all 1.8s 3.2s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .pr {
      opacity: 1;
      transform: translateY(0%);
      transition: all 1.8s 3.6s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .date {
      opacity: 1;
      transform: translateY(0%);
      transition: all 1.8s 4.2s cubic-bezier(0.12, 0.59, 0.31, 1.02); }
    .sec-home[class~=on] .relbox .regbtn {
      opacity: 1;
      transform: translateY(0%);
      transition: all 1.8s 4.6s cubic-bezier(0.12, 0.59, 0.31, 1.02); }

@keyframes pop {
  0% {
    transform: scale(1.3, 1.3);
    opacity: 0; }

  5% {
    transform: scale(0.8, 0.8);
    opacity: 1; }

  15% {
    transform: scale(1.2, 1.2); }

  30% {
    transform: scale(0.9, 0.9); }

  50% {
    transform: scale(1.1, 1.1); }

  75% {
    transform: scale(0.95, 0.95); }

  100% {
    transform: scale(1, 1);
    opacity: 1; } }

.c-home {
  background: #7fbd5a; }

.sec-home {
  display: block;
  width: 100%;
  min-width: 1366px;
  /*sec-home*/ }
  .sec-home .relbox {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative; }
  .sec-home img {
    position: absolute; }
  .sec-home img.full {
    position: relative;
    width: 100%;
    min-width: 1366px; }
  .sec-home .relbox .auth {
    right: 20px;
    bottom: 20px; }
    .sec-home .relbox .ribbon {
      left: 0%;
      top: 40%;
      width: 100%; }
    .sec-home .relbox .logo {
      width: 20%;
      left: 50%;
      margin-left: -10%;
      margin-top: -2%;
      top: 24%; }
    .sec-home .relbox .plate {
      width: 40%;
      left: 50%;
      margin-left: -20%;
      top: 24%; }
    .sec-home .relbox .flower {
      width: 10%;
      left: 50%;
      margin-left: -20%;
      top: 32%; }
    .sec-home .relbox .mlogo {
      width: 23%;
      left: 50%;
      margin-left: -12%;
      top: 33%; }
    .sec-home .relbox .item {
      width: 32%;
      left: 50%;
      margin-left: -16%;
      top: 65%; }
    .sec-home .relbox .mark {
      width: 43%;
      left: 50%;
      margin-left: -21%;
      top: 77.7%; }
    .sec-home .relbox .p1 {
      width: 9%;
      left: 50%;
      margin-left: -24%;
      top: 62%; }
    .sec-home .relbox .p2 {
      width: 10%;
      left: 50%;
      margin-left: 15%;
      top: 62%; }
    .sec-home .relbox .pl {
      width: 17%;
      left: 50%;
      margin-left: -41.5%;
      top: 66%; }
    .sec-home .relbox .pr {
      width: 17%;
      left: 50%;
      margin-left: 25%;
      top: 68%; }
    .sec-home .relbox .date {
      width: 20%;
      left: 50%;
      margin-left: -10%;
      top: 89.5%; }
    .sec-home .relbox .regbtn {
      position: absolute;
      display: block;
      width: 13%;
      left: 50%;
      margin-left: -6%;
      top: 92.5%;
      cursor: pointer; }
      .sec-home .relbox .regbtn img {
        position: relative;
        width: 100%;
        transition: all 0.3s; }
        .sec-home .relbox .regbtn img:hover {
          transform: scale(1.2, 1.2); }

@media screen and (max-width: 1540px) {
  .sec-home .relbox .logo {
    margin-top: 0px;
    top: 176px; } }