@charset "UTF-8";
.floatLeft {
  float: left;
}

.hidden-xs {
  display: block;
}

.hidden-xs-tableCell {
  display: table-cell;
}

.addTime::before {
  content: "活動時間 :";
  font-family: "微軟正黑體";
  color: #595757;
  font-weight: bold;
}

.addPosition::before {
  content: "活動地點 :";
  font-family: "微軟正黑體";
  color: #595757;
  font-weight: bold;
}

.addAddress::before {
  content: "活動地址 :";
  font-family: "微軟正黑體";
  color: #595757;
  font-weight: bold;
}

.addOrganizer::before {
  content: "主辦單位 :";
  font-family: "微軟正黑體";
  color: #595757;
  font-weight: bold;
}

.addLink::before {
  content: "相關網址 :";
  font-family: "微軟正黑體";
  color: #595757;
  font-weight: bold;
}

.addActiveContent::before {
  content: "活動內容 :";
  font-family: "微軟正黑體";
  color: #595757;
  font-weight: bold;
}


.addTime_eng::before {
    content: "Period :";
    font-family: "微軟正黑體";
    color: #595757;
    font-weight: bold;
}

.addPosition_eng::before {
    content: "Venue :";
    font-family: "微軟正黑體";
    color: #595757;
    font-weight: bold;
}

.addAddress_eng::before {
    content: "Address :";
    font-family: "微軟正黑體";
    color: #595757;
    font-weight: bold;
}

.addOrganizer_eng::before {
    content: "Organizer :";
    font-family: "微軟正黑體";
    color: #595757;
    font-weight: bold;
}

.addLink_eng::before {
    content: "Website :";
    font-family: "微軟正黑體";
    color: #595757;
    font-weight: bold;
}

.addActiveContent_eng::before {
    content: "Details :";
    font-family: "微軟正黑體";
    color: #595757;
    font-weight: bold;
}

svg {
  stroke: #595757;
  fill: #fff;
}

a.selected svg {
  stroke: #B60029;
  fill: #fff;
}

#master_Top1_keywordT {
  color: #ABACB1;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  font-size: 16px;
  height: 32px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}

#master_Top1_keywordT:hover,
#master_Top1_keywordT:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  color: #B60029;
  font-size: 16px;
  height: 32px;
  outline: none;
}

/* ==============================
    全域
   ============================== */
* {
  font-family: "微軟正黑體", "新細明體";
}

body {
  overflow-x: hidden;
  line-height: 1.5;
  margin: 0;
}

.masterLogoPic {
  width: 250px;
}

.forFooter {
  width: 100%;
  background-color: #B60029;
  margin-top: 3rem;
}

.ActivePic {
  width: 100%;
}

.owl-carousel .owl-dots {
  position: relative;
  margin-top: -40px;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  color: #FFF;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.5);
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
  margin-right: 25px;
}

/* .process1::before {
    content: "1";
    line-height: 1rem;
    font-size: 2rem;
}

.process1::after {
    content: "\D\A閱讀並同意\D\A報名規定";
    white-space: pre;
    line-height: 1rem;
}

.process2::before {
    content: "2";
    line-height: 1rem;
    font-size: 2rem;
}

.process2::after {
    content: "\D\A填寫\D\A報名表";
    white-space: pre;
    line-height: 1rem;
}

.process3::before {
    content: "3";
    line-height: 1rem;
    font-size: 2rem;
}

.process3::after {
    content: "\D\A完成報名\D\A等候錄取";
    white-space: pre;
    line-height: 1rem;
} */
.processBlock {
  display: flex;
  justify-content: center;
  align-items: center;
}

.redBall {
  width: 100px;
  /* height+padding-top=實際高 */
  height: 90px;
  padding: 5px 0;
  border: 1px solid #B60029;
  border-radius: 50px;
  background-color: #B60029;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.whiteBall {
  width: 100px;
  /* height+padding-top=實際高 */
  height: 90px;
  padding: 5px 0;
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  color: #B60029;
  border: 1px solid #B60029;
  font-size: 14px;
}

.tableBlock,
.blankBlock {
  height: 0.5rem;
}

.tableFooter {
  width: 100%;
  border-spacing: 0;
}

.table-text-center {
  text-align: center;
}

/* ==============================
    專區
   ============================== */
.SelectBlock {
  height: 40px;
  text-align: center;
}
.SelectBlock select {
  margin-top: 10px;
  width: 200px;
  border-radius: 5px;
  padding: 0.5em 0;
  border: 1px solid #ABACB1;
  outline: none;
}

.DetailArea {
  font-size: 1.2rem;
  color: #83858c;
}
.DetailArea a {
  color: #3780ff;
  text-decoration: none;
}
.DetailArea .button_example {
  color: #B60029;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #B60029;
  font-size: 16px;
}
.DetailArea .button_example:hover,
.DetailArea .button_example:focus {
  color: white;
  background-color: #B60029;
  border-radius: 5px;
  border: 1px solid #B60029;
  font-size: 16px;
}

.Title_area {
  border-top: 1px solid #F1F1F1;
  background: -moz-linear-gradient(top, #F8F8F8 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #F8F8F8 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(top, #F8F8F8 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F8F8F8", endColorstr="#ffffff", GradientType=0);
}
.Title_area .Icon_block {
  width: 70px;
  padding: 1em 0 1em 1em;
  display: inline-block;
  background-color: #B60029;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
  color: white;
}
.Title_area .P_block {
  display: inline-block;
  /* width: 100px; */
  vertical-align: central;
  font-size: 1.3rem;
  /* font-weight: bold; */
}
.Title_area .Select_block {
  float: right;
}
.Title_area .Select_block select {
  width: 200px;
  border-radius: 5px;
  padding: 0.5em 0;
  margin-top: 2em;
  margin-right: 1em;
  border: 1px solid #ABACB1;
}
.Title_area .Button_block {
  float: right;
}
.Title_area .Button_block input[type=submit] {
  margin-top: 30px;
}
.Title_area svg {
  stroke: #fff;
  fill: #B60029;
}

.StatementTable {
  padding: 0 1rem 1rem 1rem;
  line-height: 1rem;
  background-color: #f3f3f3;
  border: 1px solid #dadada;
  border-radius: 5px;
  border-spacing: 0;
  border-collapse: separate;
  border-spacing: 0;
  /* .tableStyle{
      border-collapse:collapse;
      border-spacing:0;
      line-height: 2rem;
  } */
  /* 專屬元件 */
}
.StatementTable .blankBlock {
  height: 15px;
}
.StatementTable .tableFieldName {
  color: #595757;
  font-size: 1.5rem;
}
.StatementTable .inputBlock {
  background-color: #fff;
  border-bottom: 1px solid #d2d2d2;
  padding: 0.5rem;
}
.StatementTable .scrollBlock {
  background-color: white;
  height: 100px;
  width: 100%;
  padding: 20px 0;
  overflow-y: scroll;
  border: 1px solid #d2d2d2;
  line-height: 1.5em;
}
.StatementTable .checkBlock {
  margin-top: 1em;
  text-align: center;
}
.StatementTable .P_block {
  text-align: center;
  padding: 1em;
  line-height: 1.5em;
}
.StatementTable p {
  line-height: 1.5em;
}
.StatementTable span {
  line-height: 1.5em;
}
.StatementTable .lineHeight15 {
  line-height: 1.5em;
}
.StatementTable .lineHeight0 {
  line-height: 0em;
}
.StatementTable .Input_p {
  text-align: right;
  padding: 1em;
}
.StatementTable .CC {
  font-size: 18px;
  min-height: 30px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #d2d2d2;
}
.StatementTable input[type=text] {
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  font-size: 16px;
  height: 32px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}
.StatementTable input[type=text]:hover,
.StatementTable input[type=text]:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  color: #B60029;
  font-size: 16px;
  height: 32px;
  outline: none;
}
.StatementTable input[type=password] {
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  font-size: 16px;
  height: 32px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}
.StatementTable input[type=password]:hover,
.StatementTable input[type=password]:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  color: #B60029;
  font-size: 16px;
  height: 32px;
  outline: none;
}
.StatementTable textarea {
  width: 80%;
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  font-size: 16px;
  height: 100px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}
.StatementTable textarea:hover,
.StatementTable textarea:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  color: #B60029;
  font-size: 16px;
  height: 100px;
  outline: none;
}
.StatementTable input[type=checkbox] {
  display: block;
  width: 0px;
  height: 0px;
}
.StatementTable input[type=checkbox] + label[data-info=forCheckbox] {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 5px;
  margin-top: 5px;
  box-sizing: border-box;
}
.StatementTable label[data-info=forCheckbox]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: white;
  vertical-align: text-bottom;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 2px;
  box-sizing: border-box;
  transition: background ease-in 0.5s;
  border: 1px solid #ABACB1;
}
.StatementTable input[type=checkbox]:checked + label[data-info=forCheckbox]::before {
  box-sizing: border-box;
  background-color: #B60029;
  line-height: 20px;
  content: "✓";
  color: white;
  width: 20px;
  height: 20px;
  text-align: center;
}
.StatementTable input[type=radio] {
  display: block;
  height: 0px;
  width: 0px;
}
.StatementTable input[type=radio] + label[data-info=forRadio] {
  vertical-align: text-bottom;
  width: 48%;
  margin-left: 5px;
  box-sizing: border-box;
}
.StatementTable label[data-info=forRadio]::before {
  box-sizing: border-box;
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #ABACB1;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  transition: background ease-in 0.5s;
}
.StatementTable input[type=radio]:checked + label[data-info=forRadio]::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #B60029;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}
.StatementTable select {
  width: 150px;
  border-radius: 5px;
  padding: 0.5em 0;
  border: 1px solid #ABACB1;
  outline: none;
}

.tableTitle {
  background-color: #f3f3f3;
  height: 32px;
}
.tableTitle td {
  border-left: 3px solid #B60029;
  text-align: left;
  vertical-align: bottom;
}
.tableTitle span {
  color: #B60029;
  font-size: 1.5rem;
  padding-left: 5px;
}

.activeTable {
  margin-top: 20px;
  width: 100%;
  font-size: 16px;
  color: #000;
  border-spacing: 0px;
  border: 1px solid #d2d2d2;
  padding: 0 0.5rem 1rem 0.5rem;
  background-color: #F8F8F8;
  border-radius: 5px;
  text-align: center;
}
.activeTable a {
  color: #3780ff;
  text-decoration: none;
}
.activeTable .tableTitle {
  background-color: #F8F8F8;
  height: 46px;
}
.activeTable .tableFieldName {
  background-color: #dfdfdf;
  height: 42px;
}
.activeTable .tableContent {
  background-color: #fff;
  height: 42px;
}
.activeTable .tableFieldName td,
.activeTable .tableContent td {
  border-bottom: 1px dotted #d2d2d2;
}

/* ==============================
    元件
   ============================== */
.paginationMember {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paginationMember ul {
  flex: 0 0 340px;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.paginationMember ul li {
  flex: 0 0 45px;
  padding: 10px 0;
  text-align: center;
  align-self: stretch;
  border: 1px solid #F1F1F1;
}
.paginationMember ul li a {
  color: #3780ff;
  text-decoration: none;
}

input[type=submit] {
  color: #B60029;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #B60029;
  font-size: 16px;
}

input[type=submit]:hover,
input[type=submit]:focus {
  color: white;
  background-color: #B60029;
  border-radius: 5px;
  border: 1px solid #B60029;
  font-size: 16px;
}

input[type=button] {
  color: #B60029;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #B60029;
  font-size: 16px;
}

input[type=button]:hover,
input[type=button]:focus {
  color: white;
  background-color: #B60029;
  border-radius: 5px;
  border: 1px solid #B60029;
  font-size: 16px;
}

.buttonBlock {
  padding: 10px 10px;
  height: 60px;
}

.buttonSmall {
  padding: 0 4px;
  height: 30px;
}

input[type=text] {
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #B60029;
  font-size: 16px;
  height: 32px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}

input[type=text]:hover,
input[type=text]:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #B60029;
  color: #B60029;
  font-size: 16px;
  height: 32px;
  outline: none;
}

input[type=password] {
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #B60029;
  font-size: 16px;
  height: 32px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}

input[type=password]:hover,
input[type=password]:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #B60029;
  color: #B60029;
  font-size: 16px;
  height: 32px;
  outline: none;
}

textarea {
  width: 80%;
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #B60029;
  font-size: 16px;
  height: 100px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}

textarea:hover,
textarea:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #B60029;
  color: #B60029;
  font-size: 16px;
  height: 100px;
  outline: none;
}

input[type=checkbox] {
  display: block;
  height: 0px;
  width: 0px;
}

input[type=checkbox] + label[data-info=forCheckbox] {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 5px;
  margin-top: 5px;
  box-sizing: border-box;
}

label[data-info=forCheckbox]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: white;
  vertical-align: text-bottom;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 2px;
  box-sizing: border-box;
  transition: background ease-in 0.5s;
  border: 1px solid #B60029;
}

input[type=checkbox]:checked + label[data-info=forCheckbox]::before {
  box-sizing: border-box;
  background-color: #B60029;
  line-height: 20px;
  content: "✓";
  color: white;
  width: 20px;
  height: 20px;
  text-align: center;
}

input[type=radio] {
  display: block;
  height: 0px;
  width: 0px;
}

input[type=radio] + label[data-info=forRadio] {
  vertical-align: text-bottom;
  width: 48%;
  margin-left: 5px;
  box-sizing: border-box;
}

label[data-info=forRadio]::before {
  box-sizing: border-box;
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #B60029;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  transition: background ease-in 0.5s;
}

input[type=radio]:checked + label[data-info=forRadio]::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

select {
  width: 200px;
  border-radius: 5px;
  padding: 0.5em 0;
  border: 1px solid #B60029;
  outline: none;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}

.select_block {
  text-align: center;
}
.select_block select {
  box-sizing: border-box;
  margin: 1em 1em 0 1em;
  text-align: center;
  width: 90%;
  border-radius: 5px;
  padding: 0.5em 0;
  border: 1px solid #ABACB1;
  outline: none;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}

.Statement {
  display: block;
  padding: 0 1rem 1rem 1rem;
  background-color: #f3f3f3;
  border: 1px solid #dadada;
  border-radius: 5px;
  border-spacing: 0;
  border-collapse: separate;
  border-spacing: 0;
  box-sizing: border-box;
  /* 專屬元件 */
}
.Statement .loginBlock {
  display: flex;
  flex-flow: row wrap;
  margin: 2rem 0;
}
.Statement .loginBlock .name {
  flex: 1 2 45%;
  margin: 1em 0 1em 0;
  text-align: right;
}
.Statement .loginBlock .name p {
  padding: 0.3em 1em 0 0;
}
.Statement .loginBlock .content {
  flex: 2 1 50%;
  margin: 1em 0;
}
.Statement .fieldNameBlock {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  text-align: center;
  background-color: #dfdfdf;
  border-bottom: 1px dotted #d2d2d2;
  margin-top: 1.5em;
  padding: 10px 0;
  border-radius: 5px 5px 0 0;
}
.Statement .fieldContentBlock {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px dotted #d2d2d2;
  padding: 10px 0;
}
.Statement .fieldContentBlock:nth-last-child(1) {
  border-radius: 0 0 5px 5px;
}
.Statement .marginLeft75 {
  margin-left: 75%;
}
.Statement .blankBlock {
  height: 15px;
}
.Statement .fieldName {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  float: left;
  width: 20%;
  height: 55px;
  color: #000000;
  background-color: #dfdfdf;
  border-bottom: 1px solid #d2d2d2;
  font-size: 14px;
}
.Statement .fieldName span {
  flex: 0;
  padding-right: 10px;
}
.Statement .fieldContent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 10px 0 10px 10px;
  background-color: #fff;
  border-bottom: 1px solid #d2d2d2;
  float: left;
  width: 80%;
  height: 55px;
}
.Statement .inputBlock {
  background-color: #fff;
  border-bottom: 1px solid #d2d2d2;
  padding: 0.5rem;
}
.Statement .scrollBlock {
  background-color: white;
  height: 100px;
  width: 100%;
  padding: 20px 0;
  overflow-y: scroll;
  border: 1px solid #d2d2d2;
}
.Statement .checkBlock {
  margin-top: 1em;
  text-align: center;
}
.Statement .P_block {
  text-align: center;
  padding: 1em;
}
.Statement .Input_p {
  text-align: right;
  padding: 1em;
}
.Statement .CC {
  font-size: 18px;
  min-height: 30px;
  background-color: #dfdfdf;
  border-bottom: 1px solid #d2d2d2;
}
.Statement input[type=text] {
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  font-size: 16px;
  width: 150px;
  height: 32px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}
.Statement input[type=text]:hover,
.Statement input[type=text]:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  color: #B60029;
  font-size: 16px;
  height: 32px;
  outline: none;
}
.Statement input[type=password] {
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  font-size: 16px;
  width: 150px;
  height: 32px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}
.Statement input[type=password]:hover,
.Statement input[type=password]:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  color: #B60029;
  font-size: 16px;
  height: 32px;
  outline: none;
}
.Statement textarea {
  width: 80%;
  color: #B60029;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  font-size: 16px;
  height: 100px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
  box-shadow: 1px 1px 3px 2px rgba(235, 235, 235, 0.5) inset;
}
.Statement textarea:hover,
.Statement textarea:focus {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ABACB1;
  color: #B60029;
  font-size: 16px;
  height: 100px;
  outline: none;
}
.Statement input[type=checkbox] {
  display: none;
}
.Statement input[type=checkbox] + label[data-info=forCheckbox] {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 5px;
  margin-top: 5px;
  box-sizing: border-box;
}
.Statement label[data-info=forCheckbox]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: white;
  vertical-align: text-bottom;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 2px;
  box-sizing: border-box;
  transition: background ease-in 0.5s;
  border: 1px solid #ABACB1;
}
.Statement input[type=checkbox]:checked + label[data-info=forCheckbox]::before {
  box-sizing: border-box;
  background-color: #B60029;
  line-height: 20px;
  content: "✓";
  color: white;
  width: 20px;
  height: 20px;
  text-align: center;
}
.Statement input[type=radio] {
  display: none;
}
.Statement input[type=radio] + label[data-info=forRadio] {
  vertical-align: text-bottom;
  width: 48%;
  margin-left: 5px;
  box-sizing: border-box;
}
.Statement label[data-info=forRadio]::before {
  box-sizing: border-box;
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #ABACB1;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  transition: background ease-in 0.5s;
}
.Statement input[type=radio]:checked + label[data-info=forRadio]::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #B60029;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}
.Statement select {
  width: 150px;
  border-radius: 5px;
  padding: 0.5em 0;
  border: 1px solid #ABACB1;
  outline: none;
}
.Statement .title {
  background-color: #f3f3f3;
  height: 32px;
  border-left: 3px solid #B60029;
  margin-left: 20px;
}
.Statement .title span {
  display: block;
  color: #B60029;
  font-size: 1.5rem;
  padding-left: 5px;
  padding-top: 3px;
}

/* 桌機 */
@media (min-width: 980px) {
  .WebSize {
    padding: 0 15%;
  }

  .carouselBlock {
    width: 100vw;
  }

  .blankBlock {
    height: 3em;
  }

  #NewsTab2 > a:first-child {
    margin-left: 15%;
  }

  .hiddencontent2 {
    padding: 0 15%;
    min-height: 500px;
  }

  #NewsTab2 a,
#NewsTab2 a:active,
#NewsTab2 a:visited {
    width: 14%;
    padding: 1rem 0;
    margin-top: 0;
  }

  #NewsTab2 a[data-info=NotHome],
#NewsTab2 a[data-info=NotHome]:active,
#NewsTab2 a[data-info=NotHome]:visited {
    width: 14%;
    padding: 1rem 0;
    margin-top: 0;
  }

    .processCenter {
        flex: 0 0 460px;
    }

  .redBall {
    margin-top: 2rem;
  }

  .whiteBall {
    margin-top: 2rem;
  }

  .iChangeSize {
    margin: 50px 1rem 0 1rem;
  }

  .table-rwd-td1 {
    width: 20%;
  }

  .table-rwd-td2 {
    width: 40%;
  }

  .table-rwd-td3 {
    width: 30%;
  }

  .StatementTable,
.Statement {
    margin: 1rem 15%;
    width: 70%;
  }
  .StatementTable .fieldNameBlock .activeBlock,
.Statement .fieldNameBlock .activeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldNameBlock .timeBlock,
.Statement .fieldNameBlock .timeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldNameBlock .nameBlock,
.Statement .fieldNameBlock .nameBlock {
    flex: 0 0 40%;
  }
  .StatementTable .fieldNameBlock .locationBlock,
.Statement .fieldNameBlock .locationBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldContentBlock,
.Statement .fieldContentBlock {
    margin: 0 0;
  }
  .StatementTable .fieldContentBlock .activeBlock,
.Statement .fieldContentBlock .activeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldContentBlock .timeBlock,
.Statement .fieldContentBlock .timeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldContentBlock .nameBlock,
.Statement .fieldContentBlock .nameBlock {
    flex: 0 0 40%;
  }
  .StatementTable .fieldContentBlock .locationBlock,
.Statement .fieldContentBlock .locationBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldRwdContent,
.Statement .fieldRwdContent {
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
    padding: 10px 0 10px 10px;
    background-color: #fff;
    float: left;
    height: 55px;
    width: 30%;
  }
  .StatementTable .passwordBlock,
.Statement .passwordBlock {
    height: 100px;
  }
  .StatementTable .passwordBlock .fieldName,
.Statement .passwordBlock .fieldName {
    height: 100%;
  }
  .StatementTable .passwordBlock .fieldContent,
.Statement .passwordBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .IdBlock,
.Statement .IdBlock {
    height: 80px;
  }
  .StatementTable .IdBlock .fieldName,
.Statement .IdBlock .fieldName {
    height: 100%;
  }
  .StatementTable .IdBlock .fieldContent,
.Statement .IdBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .addressBlock,
.Statement .addressBlock {
    height: 55px;
  }
  .StatementTable .addressBlock .fieldName,
.Statement .addressBlock .fieldName {
    height: 100%;
  }
  .StatementTable .addressBlock .fieldContent,
.Statement .addressBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .addressBlock .fieldContent input[type=text],
.Statement .addressBlock .fieldContent input[type=text] {
    margin-left: 5px;
    width: 250px;
  }

  .forSecButton {
    margin-top: 0;
    margin-left: 20px;
  }

  .visible-xs-block {
    display: none;
  }

  .visible-xs-inline {
    display: none;
  }

  .visible-xs-table {
    display: block;
  }

  .visible-xs-flex {
    display: none;
  }

  .TimeTop {
    background-color: #B60029;
    margin-bottom: 1.5rem;
    font-size: 16px;
    color: white;
    height: 32px;
    /* line-height: 40px;刻意壓低 */
    line-height: 40px;
    letter-spacing: 1px;
  }

  .PhoneButtonBlock {
    display: none;
  }
}
/* 平板 */
@media (min-width: 768px) and (max-width: 979px) {
  .WebSize {
    padding: 0 10%;
  }

  .carouselBlock {
    width: 100vw;
  }

  .blankBlock {
    height: 20px;
  }

  #NewsTab2 > a:first-child {
    margin-left: 10%;
  }

  .hiddencontent2 {
    padding: 0 10%;
    min-height: 500px;
  }

  .visible-xs-inline {
    display: none;
  }

  .visible-xs-flex {
    display: none;
  }

  #NewsTab2 a,
#NewsTab2 a:active,
#NewsTab2 a:visited {
    width: 16%;
    padding: 1rem 0;
    margin-top: 0;
  }

  #NewsTab2 a[data-info=NotHome],
#NewsTab2 a[data-info=NotHome]:active,
#NewsTab2 a[data-info=NotHome]:visited {
    width: 16%;
    padding: 1rem 0;
    margin-top: 0;
  }

  .processCenter {
    flex: 0 0 460px;
  }

  .redBall {
    margin-top: 1rem;
  }

  .whiteBall {
    margin-top: 1rem;
  }

  .iChangeSize {
    margin: 40px 1rem 0 1rem;
  }

  .StatementTable,
.Statement {
    margin: 1rem 10%;
    width: 80%;
  }
  .StatementTable .fieldNameBlock,
.Statement .fieldNameBlock {
    display: flex;
  }
  .StatementTable .fieldNameBlock .activeBlock,
.Statement .fieldNameBlock .activeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldNameBlock .timeBlock,
.Statement .fieldNameBlock .timeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldNameBlock .nameBlock,
.Statement .fieldNameBlock .nameBlock {
    flex: 0 0 40%;
  }
  .StatementTable .fieldNameBlock .locationBlock,
.Statement .fieldNameBlock .locationBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldContentBlock,
.Statement .fieldContentBlock {
    margin: 0 0;
  }
  .StatementTable .fieldContentBlock .activeBlock,
.Statement .fieldContentBlock .activeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldContentBlock .timeBlock,
.Statement .fieldContentBlock .timeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldContentBlock .nameBlock,
.Statement .fieldContentBlock .nameBlock {
    flex: 0 0 40%;
  }
  .StatementTable .fieldContentBlock .locationBlock,
.Statement .fieldContentBlock .locationBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldRwdContent,
.Statement .fieldRwdContent {
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
    padding: 10px 0 10px 10px;
    background-color: #fff;
    float: left;
    height: 55px;
    width: 30%;
  }
  .StatementTable .passwordBlock,
.Statement .passwordBlock {
    height: 100px;
  }
  .StatementTable .passwordBlock .fieldName,
.Statement .passwordBlock .fieldName {
    height: 100%;
  }
  .StatementTable .passwordBlock .fieldContent,
.Statement .passwordBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .IdBlock,
.Statement .IdBlock {
    height: 80px;
  }
  .StatementTable .IdBlock .fieldName,
.Statement .IdBlock .fieldName {
    height: 100%;
  }
  .StatementTable .IdBlock .fieldContent,
.Statement .IdBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .addressBlock,
.Statement .addressBlock {
    height: 55px;
  }
  .StatementTable .addressBlock .fieldName,
.Statement .addressBlock .fieldName {
    height: 100%;
  }
  .StatementTable .addressBlock .fieldContent,
.Statement .addressBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .addressBlock .fieldContent input[type=text],
.Statement .addressBlock .fieldContent input[type=text] {
    margin-left: 5px;
    width: 200px;
  }

  .forSecButton {
    margin-top: 0;
    margin-left: 20px;
  }

  .visible-xs-block {
    display: block;
  }

  .visible-xs-table {
   display: block; 
  }

  .TimeTop {
    background-color: #B60029;
    margin-bottom: 1.5rem;
    font-size: 16px;
    color: white;
    height: 32px;
    /* line-height: 40px;刻意壓低 */
    line-height: 40px;
    letter-spacing: 1px;
  }

  .PhoneButtonBlock {
    display: none;
  }
}
/* 手機 */
@media (max-width: 767px) {
  .WebSize {
    padding: 0 0;
  }

  .carouselBlock {
    width: 100vw;
  }

  .blankBlock {
    height: 15px;
  }

  #NewsTab2 > a:first-child {
    margin-left: 0;
  }

  .hiddencontent2 {
    padding: 0;
    min-height: 500px;
  }

  .visible-xs-inline {
    padding-left: 5px;
    display: inline;
  }

  .visible-xs-flex {
    display: flex;
  }

  .PhoneButtonBlock {
    height: 40px;
    text-align: center;
  }
  .PhoneButtonBlock input[type=submit] {
    margin-top: 10px;
  }
  .PhoneButtonBlock input[type=submit]:hover,
.PhoneButtonBlock input[type=submit]:focus {
    margin-top: 10px;
  }

  #NewsTab2 a,
#NewsTab2 a:active,
#NewsTab2 a:visited {
    width: 50%;
    padding: 1rem 0;
    margin-top: 0;
  }

  #NewsTab2 a[data-info=NotHome],
#NewsTab2 a[data-info=NotHome]:active,
#NewsTab2 a[data-info=NotHome]:visited {
    width: 50%;
    padding: 0.5rem 0;
    margin-top: 0;
  }

  .hidden-xs {
    display: none;
  }

  .hidden-xs-tableCell {
    display: none;
  }

  /* 上方紅條 */
  /*     body.IndexBg {
      margin: 0;
      padding: 0;
      height: 100%;
      font-family: Arial, Helvetica, sans-serif;
      background: url() repeat-x 0 0;
      text-align: center;
      vertical-align: top;
  } */
  /* 佛誕辰文字 */
  .TopMenuMidCenter {
    padding-top: 5px;
    font-size: 10px;
  }

  #NewsTab2 a.selected, #NewsTab2 a.selected:active, #NewsTab2 a.selected:visited {
    border-bottom: 0;
  }

  .processCenter {
    flex: 0 0 350px;
  }

  .redBall {
    margin-top: 1rem;
  }

  .whiteBall {
    margin-top: 1rem;
  }

  .iChangeSize {
    font-size: 20px;
    margin: 55px 5px 0 5px;
  }

  .StatementTable,
.Statement {
    padding: 0 5px 1rem 5px;
    margin: 1rem 0;
    width: 100%;
  }
  .StatementTable .fieldNameBlock,
.Statement .fieldNameBlock {
    display: none;
  }
  .StatementTable .fieldNameBlock .activeBlock,
.Statement .fieldNameBlock .activeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldNameBlock .timeBlock,
.Statement .fieldNameBlock .timeBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldNameBlock .nameBlock,
.Statement .fieldNameBlock .nameBlock {
    flex: 0 0 40%;
  }
  .StatementTable .fieldNameBlock .locationBlock,
.Statement .fieldNameBlock .locationBlock {
    flex: 0 0 20%;
  }
  .StatementTable .fieldContentBlock,
.Statement .fieldContentBlock {
    text-align: left;
    margin: 0 10px;
  }
  .StatementTable .fieldContentBlock .activeBlock,
.StatementTable .fieldContentBlock .timeBlock,
.StatementTable .fieldContentBlock .nameBlock,
.StatementTable .fieldContentBlock .locationBlock,
.Statement .fieldContentBlock .activeBlock,
.Statement .fieldContentBlock .timeBlock,
.Statement .fieldContentBlock .nameBlock,
.Statement .fieldContentBlock .locationBlock {
    flex: 0 0 100%;
    display: flex;
  }
  .StatementTable .fieldContentBlock .activeBlock .name,
.StatementTable .fieldContentBlock .timeBlock .name,
.StatementTable .fieldContentBlock .nameBlock .name,
.StatementTable .fieldContentBlock .locationBlock .name,
.Statement .fieldContentBlock .activeBlock .name,
.Statement .fieldContentBlock .timeBlock .name,
.Statement .fieldContentBlock .nameBlock .name,
.Statement .fieldContentBlock .locationBlock .name {
    flex: 1 0;
    padding: 0.2em 0;
  }
  .StatementTable .fieldContentBlock .activeBlock .content,
.StatementTable .fieldContentBlock .timeBlock .content,
.StatementTable .fieldContentBlock .nameBlock .content,
.StatementTable .fieldContentBlock .locationBlock .content,
.Statement .fieldContentBlock .activeBlock .content,
.Statement .fieldContentBlock .timeBlock .content,
.Statement .fieldContentBlock .nameBlock .content,
.Statement .fieldContentBlock .locationBlock .content {
    flex: 3 0;
    padding: 0.2em 0;
  }
  .StatementTable .fieldContentBlock:nth-child(even),
.Statement .fieldContentBlock:nth-child(even) {
    background-color: #f3f3f3;
  }
  .StatementTable .fieldName,
.Statement .fieldName {
    width: 30%;
  }
  .StatementTable .fieldContent,
.Statement .fieldContent {
    width: 70%;
  }
  .StatementTable .fieldRwdContent,
.Statement .fieldRwdContent {
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
    padding: 10px 0 10px 10px;
    background-color: #fff;
    float: left;
    height: 55px;
    width: 70%;
  }
  .StatementTable .passwordBlock,
.Statement .passwordBlock {
    height: 180px;
  }
  .StatementTable .passwordBlock .fieldName,
.Statement .passwordBlock .fieldName {
    height: 100%;
  }
  .StatementTable .passwordBlock .fieldContent,
.Statement .passwordBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .IdBlock,
.Statement .IdBlock {
    height: 100px;
  }
  .StatementTable .IdBlock .fieldName,
.Statement .IdBlock .fieldName {
    height: 100%;
  }
  .StatementTable .IdBlock .fieldContent,
.Statement .IdBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .addressBlock,
.Statement .addressBlock {
    height: 200px;
  }
  .StatementTable .addressBlock .fieldName,
.Statement .addressBlock .fieldName {
    height: 100%;
  }
  .StatementTable .addressBlock .fieldContent,
.Statement .addressBlock .fieldContent {
    height: 100%;
  }
  .StatementTable .addressBlock .fieldContent input[type=text],
.Statement .addressBlock .fieldContent input[type=text] {
    width: 150px;
  }

  .forSecButton {
    margin-left: 0;
    margin-top: 10px;
  }

  .visible-xs-block {
    display: block;
  }

  .visible-xs-table {
    display: table;
  }

  .visible-xs-flex {
    display: flex;
  }

  .BotText01 {
    font-size: 12px;
  }

  .TimeTop {
    background-color: #B60029;
    margin-bottom: 1.5rem;
    font-size: 10px;
    color: white;
    height: 32px;
    /* line-height: 40px;刻意壓低 */
    line-height: 35px;
    letter-spacing: 1px;
  }

  .StatementTable input[type=text] {
    width: 150px;
  }
  .StatementTable input[type=text]:hover,
.StatementTable input[type=text]:focus {
    width: 150px;
  }
  .StatementTable input[type=password] {
    width: 150px;
  }
  .StatementTable input[type=password]:hover,
.StatementTable input[type=password]:focus {
    width: 150px;
  }
  .StatementTable textarea {
    width: 150px;
    height: 200px;
  }
  .StatementTable textarea:hover,
.StatementTable textarea:focus {
    width: 150px;
    height: 200px;
  }
  .StatementTable select {
    width: 150px;
  }

  input[type=button] {
    margin-bottom: 1rem;
  }
}
/* For320px */

/*# sourceMappingURL=master.css.map */