/* 全域 */
video {
  width: 100%;
}
.display_block {
  display: block;
}
.display_none {
  display: none;
}
/* 英文字距 */
.text_en {
  letter-spacing: 0.1em !important;
}
.text_en_1 {
  letter-spacing: 0em !important;
}
.en_25 {
  font-size: 30px !important;
}
.en_30 {
  font-size: 30px !important;
  height: 80px;
  padding-top: 5px;
  padding-bottom: 10px;
}
/* 顏色 */
.col_1 {
  background-color: white;
}
.col_2 {
  background-color: #0d0d0d;
}
.col_3 {
  background-color: gray;
}
.col_4 {
  background-color: #e70012;
}
.col_5 {
  background-color: #583201;
}
.col_6 {
  background-color: #a57d03;
}
.col_7 {
  background-color: #f2cb04;
}
.col_8 {
  background-color: #03142d;
}
.col_9 {
  background-color: #f5f5f5;
}
.col_10 {
  background: linear-gradient(#03142d, #002d71);
}
.gradient_1 {
  background: linear-gradient(to bottom, #eab92d 0%, #c79810 100%);
}
.gradient_2 {
  background: linear-gradient(to bottom, #45484d 0%, #212121 100%);
}
.gradient_3 {
  background: radial-gradient(ellipse at center, #2989d8 1%, #070a23 100%);
}
/* 字型 */
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.alfa-slab-one-regular {
  font-family: "Alfa Slab One", serif;
  font-weight: 400;
  font-style: normal;
}
.noto-sans-tc-uniquifier > {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}
/* 全域內容 */
#main_all{
  color: #ccc;
  padding-bottom: 200px;
}


/* 箭頭 */
.arrow_right {
  display: inline-block;
  border-style: solid;
  width: 10px;
  height: 10px;
  border-width: 3px 3px 0 0;
  border-color: #ccc;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: relative;
  left: 5px;
}
.arrow_left {
  display: inline-block;
  border-style: solid;
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-color: #ccc;
  transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0);
  position: relative;
  right: 5px;
}
.arrow_top {
  display: inline-block;
  border-style: solid;
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-color: #ccc;
  transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
}
.arrow_bottom {
  display: inline-block;
  border-style: solid;
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-color: #ccc;
  transform: matrix(-0.71, 0.71, -0.71, -0.71, 0, 0);
}
/* 按鈕 */
#top {
  width: 30px;
  height: 50px;
  position: fixed;
  z-index: 99;
  right: 20px;
  bottom: 10%;
}
/* 手機次導覽列按鈕 */
.side_bar_btn {
  width: 50px;
  height: 50px;
  background-color: #a57d03;
  position: fixed;
  z-index: 99;
  right: 2%;
  top: 70px;
  border-radius: 50%;
  padding-top: 13px;
  padding-left: 13px;
  box-shadow: 2px 2px 5px black;
}
.side_bar_btn:hover {
  box-shadow: 0px 0px 7px rgb(125, 207, 251);
  border: 1px solid rgb(125, 207, 251);
}
.triangle_left {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #ffffff;
  position: relative;
  left: 4px;
}
.triangle_right {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 20px 12px 0;
  border-color: transparent #ffffff transparent transparent;
  position: relative;
  right: 2px;
}
.btn {
  display: block;
  padding: 10px 12px 10px 18px;
  margin-left: auto;
  margin-right: auto;
  background-color: #0d0d0d;
  border: 0px solid #a57d03;
  color: aliceblue;
  margin-top: 50px;
  letter-spacing: 0.3em;
}
.btn a {
  text-decoration: none;
  color: #f5f5f5;
}
.btn:hover {
  /* background-color: #E70012; */
  background-color: #0d0d0d;
  color: white;
  box-shadow: 0px 0px 7px rgb(125, 207, 251);
  border: 1px solid rgb(125, 207, 251);
}
.submit {
  display: block;
  padding: 7px 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: #0d0d0d;
  border: 0px solid #a57d03;
  color: aliceblue;
  margin-top: 50px;
  border-radius: 3px;
  letter-spacing: 0.3em;
}
.submit:hover {
  /* background-color: #E70012; */
  box-shadow: 0px 0px 7px rgb(125, 207, 251);
  border: 1px solid rgb(125, 207, 251);
  color: white;
}
/* 閱讀全文 */
/* 回上一頁按鈕 */
.wp-block-buttons {
  justify-content: center;
}
.wp-block-button > a {
  display: block;
  padding: 7px 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: #0d0d0d;
  border: 1px solid #a57d03;
  color: aliceblue;
  margin-top: 20px;
  border-radius: 3px;
  letter-spacing: 0.3em;
  text-decoration: none;
}
.wp-block-button > a:hover {
  /* background-color: #E70012; */
  color: white;
  box-shadow: 0px 0px 7px #fff0c5;
  border: 1px solid white;
}
/* 內容 */
main {
  overflow: hidden;
  position: relative;
  top: 60px;
  background: radial-gradient(ellipse at center, #2989d8 1%, #070a23 100%);
}
section {
  padding-top: 100px;
  margin-top: 0px !important;
}

/* 標題 */
.section_title {
  width: 180px;
  height: 30px;
  border-bottom: 6px solid #e70012;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #f5f5f5;
  letter-spacing: 0.3em;
  position: relative;
  /* display: none; */
  opacity: 0;
  /* visibility: hidden; */
}
.sub_title {
  width: 150px;
  margin: auto auto;
  text-align: center;
  border-bottom: 1px solid white;
  padding-top: 20px;
  padding-bottom: 5px;
  color: #f5f5f5;
  letter-spacing: 0.2em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.sub_title_en {
  width: 350px !important;
}

.products_title {
  width: 100%;
  text-align: center;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #f5f5f5;
  letter-spacing: 0.3em;
}