/*reg 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}}.c-reg {
  background-image: url(../img/reg/bg.jpg); }

.sec-reg {
  padding-top: 260px;
  margin-bottom: 100px; }
  .sec-reg .rtitle {
    position: absolute;
    left: 150px;
    top: -40px;
    margin-top: -3%;
    opacity: 0; }
  .sec-reg .p {
    position: absolute;
    left: -50px;
    top: 50px;
    margin-left: 3%;
    opacity: 0; }
  .sec-reg[class~=on] .rtitle {
    opacity: 1;
    margin-top: 0px;
    transition: all 0.8s ease-in-out; }
    .sec-reg[class~=on] .p {
      opacity: 1;
      margin-left: 0px;
      transition: all 0.5s 0.5s ease-in-out; }

.sec-reg {
  /*sec-reg*/ }
  .sec-reg .okbox {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 0%;
    width: 0%;
    z-index: 21; }
    .sec-reg .okbox .close {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 80px;
      height: 80px; }
    .sec-reg .okbox .bg {
      position: fixed;
      background: rgba(0, 0, 0, .8);
      left: 0px;
      top: -100%;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: opacity 0.3s; }
    .sec-reg .okbox .inbox {
      position: fixed;
      left: 50%;
      top: -100%;
      height: 616px;
      width: 700px;
      margin-left: -350px;
      margin-top: -308px;
      display: none; }
    .sec-reg .okbox[class~=on] .bg {
      opacity: 1;
      top: 0px; }
      .sec-reg .okbox[class~=on] .inbox {
        display: block;
        top: 50%;
        animation-name: okboxani;
        animation-fill-mode: forword;
        animation-duration: 0.5s; }
  .sec-reg .schform {
    position: absolute;
    left: 190px;
    top: 330px;
    border: 0px solid #f00; }
    .sec-reg .schform input {
      width: 340px;
      height: 30px;
      vertical-align: top;
      border: 0px solid #fff;
      line-height: 30px;
      font-size: 12pt;
      font-family: "微軟儷黑體", "微軟正黑體", Arial, Helvetica, Geneva, sans-serifs; }
    .sec-reg .schform .schbtn {
      vertical-align: top;
      width: 40px;
      height: 30px; }
  .sec-reg .regform .row {
    display: block;
    margin-bottom: 24px; }
    .sec-reg .regform .row .cola {
      display: inline-block;
      width: 330px;
      height: 60px;
      border: 2px solid #e92a33;
      margin-right: 9px;
      border-radius: 10px;
      box-sizing: border-box;
      padding: 5px; }
      .sec-reg .regform .row .cola input {
        width: 98%;
        height: 40px;
        line-height: 40px;
        border: 0px solid #fff;
        font-size: 14pt;
        font-family: "微軟儷黑體", "微軟正黑體", Arial, Helvetica, Geneva, sans-serifs; }
      .sec-reg .regform .row .cola select {
        width: 98%;
        height: 40px;
        border: 0px solid #fff;
        font-size: 14pt;
        font-family: "微軟儷黑體", "微軟正黑體", Arial, Helvetica, Geneva, sans-serifs; }
    .sec-reg .regform .row .cola[class~=addr-c] {
      width: 190px; }
    .sec-reg .regform .row .cola[class~=addr-d] {
      width: 240px; }
    .sec-reg .regform .row .cola[class~=g_addrbox] {
      width: 558px; }
    .sec-reg .regform .cost {
      display: none; }
    .sec-reg .regform .regbtn {
      position: absolute;
      left: 500px;
      top: 1570px;
      transition: all 0.3s; }
      .sec-reg .regform .regbtn:hover {
        transform: scale(1.2, 1.2); }
  .sec-reg .regform .buybox {
    position: absolute;
    left: 110px;
    top: 870px;
    border: 1px solid rgba(0, 0, 0, 0); }
  .sec-reg .regform .infobox {
    position: absolute;
    left: 110px;
    top: 1270px;
    border: 1px solid rgba(0, 0, 0, 0); }
  .sec-reg .regform .authbox {
    position: absolute;
    left: 110px;
    top: 1480px;
    border: 1px solid rgba(0, 0, 0, 0); }
    .sec-reg .regform .authbox .chkbox {
      width: 40px;
      height: 40px;
      position: absolute;
      left: 240px;
      top: 0px; }
    .sec-reg .regform .authbox .gop {
      width: 150px;
      height: 40px;
      position: absolute;
      left: 480px;
      top: 0px; }
    .sec-reg .regform .authbox .got {
      width: 100px;
      height: 40px;
      position: absolute;
      left: 690px;
      top: 0px; }
    .sec-reg .regform .authbox #agree {
      display: none; }
    .sec-reg .regform .authbox #agree:checked + label {
      xbackground-color: #699;
      position: absolute;
      left: 240px;
      top: 0px;
      width: 40px;
      height: 40px;
      display: block;
      background-image: url(../img/reg/chk.png);
      background-size: cover; }

@keyframes okboxani {
  from {
    opacity: 0;
    transform: translateY(-10%); }

  to {
    opacity: 1;
    transform: translateY(0%); } }