* {
    padding: 0;
    margin: 0;
  }
  button {
    border: none;
    background: none;
    outline: none;
  }
  body {
    position: relative;
    min-height: 100vh;
  }
  
  /* padding */
  .py-1 {
    padding-top: 1.33rem;
    padding-bottom: 1.33rem;
  }
  .pb-8 {
    padding-bottom: 8.8rem;
  }
  .px-2 {
    padding-left: 2.13rem;
    padding-right: 2.13rem;
  }
  .px-2\.6 {
    padding-left: 2.67rem;
    padding-right: 2.67rem;
  }
  .p-3 {
    padding: 3.2rem;
  }
  .ml-0\.8 {
    margin-left: .85rem;
  }
  .mt-1 {
    margin-top: 1.07rem;
  }
  .mt-1\.5 {
    margin-top: 1.71rem;
  }
  .mt-0\.8 {
    margin-top: .85rem;
  }
  .mt-2 {
    margin-top: 2.13rem;
  }
  .mt-2\.4 {
    margin-top: 2.4rem;
  }
  .mt-3 {
    margin-top: 3rem;
  }
  .mt-5 {
    margin-top: 5.33rem;
  }
  .mt-9 {
    margin-top: 9.6rem;
  }
  
  /* text color */
  .text-white {
    color: #fff;
  }
  .text-gray-100 {
    color: #B3B3B3;
  }
  .text-gray-200 {
    color: #808080;
  }
  .text-black {
    color: #1a1a1a;
  }
  .text-gray-400 {
    color: #4d4d4d;
  }
  
  /* line-height */
  .leading-tight {
    line-height: 2.24rem;
  }
  
  /* text size */
  .text-xs {
    font-size: 1.28rem;
  }
  .text-sm {
    font-size: 1.49rem;
  }
  .text-base {
    font-size: 1.6rem;
  }
  .text-lg {
    font-size: 1.92rem;
  }
  .text-xl {
    font-size: 2.13rem;
  }
  .font-medium {
    font-weight: 500;
  }
  
  /* text-center */
  .text-center {
    text-align: center;
  }
  
  /* background-color */
  .bg-green-600 {
    background-color: #16b998;
  }
  .active\:bg-green-700:active {
    background-color: #14A689;
  }
  .active\:bg-gray-50:active {
    background-color: #F5F6F7;
  }
  .bg-white {
    background-color: #fff;
  }
  
  /* layout */
  .flex {
    display: flex;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .align-center {
    align-items: center;
  }
  .size-2 {
    width: 2.56rem;
    height: 2.56rem;
  }
  .w-5 {
    width: 5.33rem;
  }
  .w-7 {
    width: 7.3rem;
  }
  .w-full {
    width: 100%;
  }
  .h-5 {
    height: 5.33rem;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .absolute {
    position: absolute;
  }
  .bottom-3 {
    bottom: 3.2rem;
  }
  .bottom-7 {
    bottom: 7.68rem;
  }
  
  .box-border {
    box-sizing: border-box;
  }
  
  /* border-radius */
  .rounded {
    border-radius: .32rem;
  }
  .rounded-xl {
    border-radius: .85rem;
  }
  
  /* border */
  .border-1 {
    border-width: .11rem;
  }
  .border-solid {
    border-style: solid;
  }
  .border-gray-100 {
    border-color: rgba(0,0,0,.1);
  }
  
  /* object-fit */
  .object-cover {
    object-fit: cover;
  }
  
  /* ul */
  .list-none {
    list-style-type: none;
  }
  
  /* cursor */
  .cursor-pointer {
    cursor: pointer;
  }
  .select-none {
    user-select: none;
  }
  
  /* custom */
  .rules li{
    display: flex;
    align-items: center;
    margin-top: .85rem;
  }
  .rules li::before {
    margin-right: 1.28rem;
    content: ' ';
    width: .43rem;
    height: .43rem;
    border-radius: 1000px;
    background-color: #4d4d4d;
  }
  
  .hide {
    display: none;
  }

  .forbid {
    pointer-events: none;
    background: #808080;
  }
  
  .js_login {
    background: #FFFFFF;
    background-image: linear-gradient(180deg, #EAFFFB 0%, rgba(255,255,255,0.50) 100%);
  }
  
  a {
    color: #567895;
    text-decoration: none;
  }