* {
    position: relative;
}

/* .sbrd {
    border: 1px solid gray;
} */
@font-face {
  font-family: 'Comic Neue Bold';
  src: local('ComicNeue-Bold.woff2'),
  url('ComicNeue-Bold.woff2'),
  url('ComicNeue-Bold.woff');
}
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    height: 100%;
}

.row_header {
    height: 15vh;
}

.input_line{
    list-style: none;
}

.row_content {
    min-height: 55vh;
    height: 100%;
    background-color: #27232f;
    color: #f3f7f7;
    font-weight: bold;
    padding: 50px 50px;
}


.logo {
    font-family: 'Comic Neue Bold', "Segoe Print", "Microsoft JhengHei", "STHeiti", sans-serif !important;
    font-size: 60px;
    font-weight: bold;
    height: 200px;
    /* border: 2px solid blue; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo a {
    color: inherit;
    text-decoration: none;
}

.content .button {
    display: inline-block;
    padding: 10px 25px;
    margin-right: 10px;
    border: solid 2px #f3f7f7;
    cursor: pointer;
  }
  .content a {
    color: inherit;
    text-decoration: none;
  }
  .content .button_color_white {
    background-color: #f3f7f7;
    color: #333333;
  }
  .content .button_color_major {
    background-color: #27232f;
    color: #f3f7f7;
  }
  .content .button_color_sub1 {
    background-color: #ffb336;
    color: #333333;
  }
  .content .button_color_sub2 {
    background-color: #333333;
    color: #f3f7f7;
  }
  
  .content_major {
    background-color: #27232f;
    color: #f3f7f7;
    font-weight: 500;
  }



.content .button_color_white {
  background-color: #f3f7f7;
  color: #333333;
}
.content .button_color_major {
  background-color: #27232f;
  color: #f3f7f7;
}
.content .button_color_sub1 {
  background-color: #ffb336;
  color: #333333;
}
.content .button_color_sub2 {
  background-color: #333333;
  color: #f3f7f7;
}


.input_line {
    list-style: none;
    padding-left: 0px;
    text-align: right;
    width: 100%;
}

.input_line li {    
    margin-top: 15px;
    width: 100%;
}

#txtLink {
    font-size: 20px;
    min-height: 40px;
    width: 100%;
    overflow: hidden;
    overflow-y: auto; /* 垂直內容超出時出現捲軸 */
    resize: none;
    /* transition: height 0.2s ease; */
}

#lbMessage {
    /* display: block; */
    color: #ffb336;
    /* top: -55px; */
    font-size: 22px;
    /* padding: 0;
    margin: 0; */
    height: 22px;
    font-weight: bold;
}

#rowLabelMessage {
  margin-top: 5px;
  margin-bottom: 20px;
}

#rowButtonSubmit {
  margin: 30px 0px 15px 0;
}

.txtPassword {
  font-size: 14px;
}

.code-block {
    padding-top: 35px; /* Add padding to the top to make space for the copy button */
}