@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap");
body, a {
  color: #313131;
  font-size: 16px;
  font-family: "Open Sans" , "Noto Sans TC" ,'Arial', 微軟正黑體, sans-serif;
  -webkit-text-stroke: 0.1px;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 1025px) and (max-width: 1400px) {
  body, a {
    font-size: 16px;
  }
}
.clearfloat{
  clear: both;
}
body *{
  word-break: break-word;
}

html, body, form, input, .sprite {
  margin: 0px;
  padding: 0px;
}

.classLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.heading-title,
.heading-title .txt, .radio_style, .sponsor-img, .login-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.noJS > div,
.noJS > ul {
  display: none;
}

.noJS > noscript {
  display: block;
  width: 100%;
  line-height: 10em;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  overflow: -moz-scrollbars-vertical;
}


body{
  background: url(../../images/gray_bg.jpg);
  visibility: visible;
}

body.fixed {
  overflow: hidden;
}

div {
  position: relative;
}

ol,
ul {
  /* list-style: none; */
  margin: 0;
  /* padding-left: 0; */
}

.sh_sans {
  font-family: "source-han-sans-traditional", "微軟正黑體", sans-serif;
}

.sh_serif {
  font-family: "source-han-serif-tc", serif;
}

form {
  font-size: 16px;
}

label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
  cursor: pointer;
}

input {
  -webkit-autofill: unset;
  font-size: 16px;
  background-color: #eeeeee;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fcfcfc inset;
}

input:focus {
  outline: 0;
}

input[type='text'], input[type='password'] {
  vertical-align: top;
}

input[type="radio"] , input[type="checkbox"] {
  margin-right: 5px;
  cursor: pointer;
  vertical-align: middle;
}

input[type=number]::-webkit-inner-spin-button,
input [type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input.hid {
  display: none;
}

a:focus,
input:focus,
select:focus,
button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none;
}

select {
  border: 0px;
  outline: none;
}

textarea {
  padding: 5px;
  border: 1px solid rgba(216, 216, 216, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  font-size: 16px;
  background-color: #eeeeee;
}

a {
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
  color: currentColor;
}

img {
  max-width: 100%;
}

.sprite {
  fill: #5c913e;
  vertical-align: top;
  width: 100%;
  height: 100%;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

.ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.hide {
  display: none !important;
}

.txt-underLine{
  text-decoration: underline !important;
}

@media (max-width: 1024px) {
  .hide {
    display: block !important;
  }
}

.icon {
  display: inline-block;
  vertical-align: middle;
}

.flex-none{
  flex:none !important
}

/* ======= */
.wrapper-1700 {
  width: 100%;
  max-width: 1700px;
  margin: auto;
}

.wrapper-1650 {
  width: 100%;
  max-width: 1650px;
  margin: auto;
}

.wrapper {
  width: 100%;
  max-width: 1600px;
  margin: auto;
}

.wrapper-1550 {
  width: 100%;
  max-width: 1550px;
  margin: auto;
}

.wrapper-1500 {
  width: 100%;
  max-width: 1500px;
  margin: auto;
}


/* 1536 左右padding 20px */
.wrapper-1450 {
  /* width: 100%;
  max-width: 1450px;
  margin: auto;
 */
  width: 1576px;
  margin: auto;
  max-width: 100%;
  padding: 0 20px;
}

.wrapper-1400 {
  width: 100%;
  max-width: 1400px;
  margin: auto;
}

.wrapper-1350 {
  width: 100%;
  max-width: 1350px;
  margin: auto;
}

.wrapper-1300 {
  width: 100%;
  max-width: 1300px;
  margin: auto;
}

.wrapper-1250 {
  width: 100%;
  max-width: 1250px;
  margin: auto;
}

.wrapper-1230 {
  width: 100%;
  max-width: 1230px;
  margin: auto;
}

.wrapper-1200 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.wrapper-1150 {
  width: 100%;
  max-width: 1150px;
  margin: auto;
}

.wrapper-1100 {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}

.wrapper-1000 {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.wrapper-900 {
  width: 100%;
  max-width: 900px;
  margin: auto;
}

.wrapper-800 {
  width: 100%;
  max-width: 800px;
  margin: auto;
}

.wrapper-700 {
  width: 100%;
  max-width: 700px;
  margin: auto;
}

.wrapper-600 {
  width: 100%;
  max-width: 600px;
  margin: auto;
}

.wrapper-500 {
  width: 100%;
  max-width: 500px;
  margin: auto;
}

.detail_label {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  padding: 0 6px;
  height: 20px;
  text-align: center;
  background-color: #fff;
  line-height: 20px;
  vertical-align: middle;
  font: 13px/25px Arial;
  border: 1px solid #fff;
}

.detail_label.fc-LightSalmon {
  border-color: #e9a3a8;
  color: #e9a3a8;
  line-height: 20px;
}

.logo-banner {
  text-align: center;
}

.logo-banner img {
  width: 100%;
}

.nav-fostrap ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-fostrap li {
  display: inline-block;
  position: relative;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.nav-fostrap li a {
  position: relative;
  z-index: 1;
  font-size: 20px;
  font-size: 1.25rem;
  /* color: #fff; */
  color: #222;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  
  font-family: adobe-fan-heiti-std, sans-serif; 

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  padding: 5px 0;
}

.nav-fostrap li a > p {
  font-size: 16px;
  font-size: 1rem;
  font-family: Arial;
}

.nav-fostrap li a::before {
  content: '';
  display: block;
  width: calc(100% - 2rem);
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  z-index: -1;
  border-radius: 6px;
  -webkit-transform: translate(-500%, 0%) skew(-12deg);
      -ms-transform: translate(-500%, 0%) skew(-12deg);
          transform: translate(-500%, 0%) skew(-12deg);
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.nav-fostrap li + li::after {
  content: '';
  display: block;
  width: 1px;
  height: 18px;
  background-color: #eee;
  position: absolute;
  left: 0;
  top: 50%;
  /*margin-top: -20px;*/
  transform: translateY(-50%);
}

.nav-fostrap li > a {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.nav-fostrap li:hover a, .nav-fostrap li.active a {
  color: #000;
}

.nav-fostrap li:hover a::before, .nav-fostrap li.active a::before {
  -webkit-transform: translate(-50%, 0%) skew(-12deg);
      -ms-transform: translate(-50%, 0%) skew(-12deg);
          transform: translate(-50%, 0%) skew(-12deg);
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
}

.nav-fostrap{
  align-items: center;
  display: flex;
}

.nav-fostrap-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lang-switch{
  /* border: 1px solid #fff; */
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  background: #f0f0f0;
}
  .lang-switch a{
    color: #222;
    display: block;
    font-size: 13px;
    line-height: 1;
    padding: 5px 12px;
    font-weight: bold;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lang-switch a.active{
    background: #333;
    color: #fff;
  }

@media (max-width: 1024px) {
  .nav-fostrap-link {
    padding-left: 10px;
    padding-right: 10px;
  }
  .nav-fostrap-link ul {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .nav-fostrap-link ul li {
    width: 100%;
  }
  .nav-fostrap-link ul li::after {
    display: none !important;
  }
  .nav-fostrap-link ul li a::before {
    display: none;
  }
  /* .lang-switch{
    background: #0e1937;
    padding: 5px;
  }
    .lang-switch a{
      border: 1px solid #fff;
    } */
}

@media (min-width: 1080px) and (max-width: 1600px) {
  .nav-fostrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.arrow-down {
  position: absolute;
  right: 1rem;
}

.title-mobile {
  display: none;
}

@media (min-width: 1025px) {
  .nav-header {
    /* background-color: #334882; */
  }
  .container {
    width: 96%;
  }
  .nav-bg-fostrap,
  .arrow-down {
    display: none;
  }
}

@media (max-width: 1024px) {
  .nav-fostrap {
    background: #fff;
    width: 55vw;
    height: 100%;
    display: block;
    position: fixed;
    left: -100%;
    top: 0px;
    -webkit-transition: left 0.25s ease;
    -o-transition: left 0.25s ease;
    transition: left 0.25s ease;
    z-index: 12;
  }
  .nav-fostrap li a::after {
    display: none !important;
  }
  .title-mobile {
    /*display: block;*/
    text-align: center;
    max-width: 300px;
  }
  .mobile-closeBtn {
    width: 45px;
    height: 45px;
    background-color: #000;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 55vw;
    top: 0px;
    z-index: 6;
    font-size: 25px;
    font-size: 1.5625rem;
  }
  .mobile-closeBtn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
  }
  .nav-fostrap.visible {
    left: 0px;
    -webkit-transition: left 0.25s ease;
    -o-transition: left 0.25s ease;
    transition: left 0.25s ease;
  }
  .nav-bg-fostrap {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    min-height: 65px;
    margin: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    z-index: 5;
  }
  .navbar-fostrap {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    padding: 12px;
  }
  .navbar-fostrap .mobile-navBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: #848283 1px solid;
    border-radius: 20px;
    padding: 3px 7px 3px 3px;
    font-size: 14px;
    color: #848283;
    font-weight: 100;
  }
  .navbar-fostrap .btn-ham {
    margin-top: 2px;
  }
  .navbar-fostrap .btn-ham span {
    height: 1px;
    background: #848283;
    margin: 3px 5px;
    display: block;
    width: 15px;
  }
  .navbar-fostrap .btn-ham span:nth-child(2), .navbar-fostrap .btn-ham span:nth-child(3) {
    width: 15px;
  }
  .nav-fostrap ul {
    padding-top: 5px;
    overflow: auto;
    height: calc(100dvh - 40px);
    display: block;
  }
  .nav-fostrap li {
    display: block;
    border-bottom: #eee 1px solid;
  }
  .nav-fostrap li a {
    display: block;
    color: #505050;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .nav-fostrap li:first-child:hover a {
    border-radius: 0;
  }
  .nav-fostrap li ul.dropdown {
    position: static;
    display: none !important;
    margin-left: 0;
  }
  .nav-fostrap li ul.dropdown.active {
    display: block !important;
    opacity: 1;
    visibility: visible;
  }
  .nav-fostrap li ul.dropdown li {
    padding: 0;
    border-bottom-color: #5c913e;
  }
  .nav-fostrap li ul.dropdown li a {
    background: #6b1b21;
    border-bottom: none;
    color: #fff !important;
  }
  .nav-fostrap li a.active {
    background: #802028;
    color: #fff !important;
  }
  .nav-fostrap li a.active .arrow-down {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .nav-fostrap li ul.dropdown li a {
    padding: 15px 10px 15px 30px;
  }
}

@media (max-width: 640px) {
  .title-mobile {
    max-width: 250px;
  }
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.nav-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  opacity: 0;
}

.nav-overlay.show {
  display: block;
  opacity: 1;
}

.dropdown-lang .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  border: #94252e 1px solid;
  padding: .25em .65em;
  color: #5c913e;
  height: 35px;
  font-size: 16px;
  font-size: 1rem;
}

.dropdown-lang .dropdown-toggle::after {
  display: none;
}

.dropdown-lang .dropdown-toggle .icon {
  margin-right: 0.25rem;
  margin-top: -1px;
}

.dropdown-lang .dropdown-menu {
  min-width: auto;
  border-color: #5c913e;
  padding-left: .2rem;
  padding-right: .2rem;
}

@media (min-width: 1025px) {
  .dropdown-lang {
    margin-left: 10px;
  }
}

article {
  width: 100%;
}

article p {
  margin-bottom: 0.5rem;
}

@media (max-width: 810px) {
  article iframe {
    height: 500px;
  }
}

.text-main {
  color: #5c913e;
}

.text-subs {
  color: #feebe5;
}

.text-blue {
  color: blue;
}

.normal-content {
  /* padding: 3rem 0.5rem; */
  padding: 3rem 0 4rem 0 ;

  background: url(../../images/gray_bg.jpg);
}

.normal-content article {
  /* padding: 1rem 1rem 1rem 3.25rem; */
}

@media (min-width: 1025px) and (max-width: 1400px) {
  .normal-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 1024px) {
  .normal-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.style-content {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem 2.5rem 1.5rem !important;
  background-color: #fff;
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .style-content {
    padding: 1.5rem !important;
  }
}

@media (max-width: 640px) {
  .style-content {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

/* .heading-title {
  position: relative;
  margin-bottom: 0.5rem;
}

.heading-title p {
  color: #000;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.3;
}
.heading-title .tw{

}
.heading-title .en {
  font-size: 20px;
  font-size: 1.9rem;
  font-weight: 400;
  color: #354780;
  font-weight: 600;
}

.heading-title > .icon {
  padding-right: 10px;
  max-width: 60px;
}

.heading-title .txt .icon {
  padding-right: 10px;
  max-width: 60px;
} */


.headingTxt-title{
  position: relative;
}

.headingTxt-title .txt {
  text-align: center;
  /*text-transform: uppercase;*/
  padding-bottom: 5px;
  margin-bottom: 1.25rem;
}

.headingTxt-title .txt::before {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -14px;
  background-color: #354780;
}

.headingTxt-title .txt::after {
  width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 25px;
  left: 50%;
  margin-left: -50px;
  background-color: #354780;
}

/* @media (max-width: 640px) {
  .heading-title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .heading-title p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 25px;
    font-size: 1.5625rem;
  }
  .heading-title > .icon {
    display: none;
    padding-right: 5px;
  }
  .heading-title .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .heading-title .txt .icon {
    display: none;
    padding-right: 5px;
  }
  .heading-title .txt + a {
    position: absolute;
    right: 0;
  }
} */

/* 圖文 */
.articleContainer {
  display: flex;
  flex-direction: row-reverse;
  margin: 16px 0;
}

.articleContainer__image {
  min-width: 150px;
  padding: 0.25rem 1rem;
  text-align: center;
}

.articleContainer__feature {
  flex: 1;
}

@media (max-width: 640px) {
  .articleContainer{
    flex-direction: column;
  }

  .articleContainer__image,
  .articleContainer__feature{
    width: 100%;
  }

  .articleContainer__feature{
    padding-top: 1rem;
  }

}

.titleBox {
  font-weight: 500;
  font-size: 23px;
  color: #313131;
}

.titleBox span {
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid #d6d6d6;
}

.titleBox span:last-child {
  border-right: 1px solid #d6d6d6;
}

.titleStyle, .title-lineThrogh {
  font-size: 25px;
  font-size: 1.5625rem;
  letter-spacing: 0;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 1rem;
  text-align: center;
}

.titleStyle::before, .title-lineThrogh::before {
  content: "";
  width: 14px;
  height: 2px;
  display: block;
  background-color: #0e1937;
  position: absolute;
  bottom: 0;
  left: calc(50% - 13px);
}

.titleStyle::after, .title-lineThrogh::after {
  content: "";
  width: 14px;
  height: 2px;
  display: block;
  background-color: #b5b5b6;
  position: absolute;
  bottom: 0;
  right: calc(50% - 13px);
}

.title-lineThrogh {
  line-height: 1.25;
  padding-bottom: 0;
}

.title-lineThrogh::before, .title-lineThrogh::after {
  display: none;
}

.title-lineThrogh p {
  margin-bottom: 0;
}

.title-lineThrogh .txt {
  position: relative;
  display: inline-block;
  text-align: center;
  line-height: 1;
}

.title-lineThrogh .txt::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 5px;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.title-lineThrogh .txt small {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 1em;
  padding: 0 0.5em;
  background-color: #fff;
  /* font-weight: 100; */
}

.tag-item {
  display: inline-block;
  width: auto;
  line-height: 1.1;
  margin: 2.5px;
  padding: 10px 15px;
  text-align: center;
  color: #0e1937;
  background: rgba(127, 16, 132, .1);
}

.tag-item.small {
  font-size: 14px;
}

.tag-item.sub {
  border: #feebe5 1px solid;
  color: #feebe5 !important;
  background-color: transparent;
}

.tag-item.main {
  border: #feebe5 1px solid;
  color: #feebe5 !important;
  background-color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 6px 12px 8px;
  font-weight: 600;
  background-color: #fff !important;
}

.tag-item.item-reserve, .tag-item.item-order, .tag-item.item-sold, .tag-item.item-tag {
  padding-left: 8px;
  padding-right: 8px;
  color: #fff;
}

.tag-item.item-reserve {
  background-color: #91c62e;
}

.tag-item.item-order {
  background-color: #55b1f0;
}

.tag-item.item-sold {
  background-color: #c9002d;
}

.tag-item.item-tag {
  border-radius: 20px;
  background-color: #355326;
  line-height: 1.5;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 6px;
  padding-bottom: 8px;
}

.text-middle-line {
  position: relative;
  width: 100%;
  line-height: 35px;
  text-align: center;
  color: #454445;
  font-size: 26px;
  margin-bottom: 25px;
}

.text-middle-line span {
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
}

.text-middle-line::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #BEBCBC;
  z-index: 0;
}

.pagination-wrap {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pagination-wrap .pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination-wrap .pagination .page-link {
  width: 35px;
  height: 35px;
  line-height: 1.65;
  text-align: center;
  border-radius: 0;
  border: none;
  padding: 0;
  margin-right: 1rem;
  background-color: transparent;
  border: #424242 1px solid;
}

.pagination-wrap .pagination .page-link a {
  color: #6e6d6d;
  font-size: 16px;
  font-size: 1rem;
  font-family: Arial;
}

.pagination-wrap .pagination .page-link.arrow {
  line-height: 1.45;
}

.pagination-wrap .pagination .page-link:hover, .pagination-wrap .pagination .page-link.active {
  background-color: #355326;
}

.pagination-wrap .pagination .page-link:hover a, .pagination-wrap .pagination .page-link.active a {
  color: #fff !important;
}

@media (max-width: 1024px) {
  .pagination-wrap .pagination-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .pagination-wrap .pagination-mobile .select_style {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 10px;
  }
  .pagination-wrap .pagination-mobile .select_style .form-control {
    border: 1px solid #ced4da !important;
    background: #fff;
    text-align: center;
  }
}

.select_style::after {
  content: '\f078';
  font-family: 'fontAwesome';
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.select_style select {
  width: 100%;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.select_style select,
.select_style input {
  height: 100% !important;
}

.select_style .form-control {
  border-radius: 0;
}

.select_style .disabled {
  background-color: #e9ecef;
}

.select_style .disabled select,
.select_style .disabled input {
  background: transparent;
}

select.form-control,
input.form-control,
button.form-control {
  border-radius: 0px;
}

select.form-control {
  height: auto;
  line-height: 30px;
}

.btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

ul.btn-wrap{
  list-style: none;
  padding-left: 0;
  z-index: 10;
  position:relative;
}

.btn {
  border-radius: 5px;
}
.btn.btnbg1{
  background: #355326;
  color: #fff;
  line-height: 1;
}
.btn.btnbg1:hover{
  opacity: 0.65;
  color: #fff;
}
/*check & radio style switched*/
.checkbox_style > input[type="checkbox"] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 3px;
  opacity: 0;
  cursor: pointer;
}

.checkbox_style > input + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 5px;
  margin-right: 2px;
  margin-left: 0;
  padding-left: 1.75rem;
  cursor: pointer;
  border: none;
}

.checkbox_style > input + label::before {
  content: "\f096";
  font-family: FontAwesome;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 1.5rem;
  position: absolute;
  left: 0;
  top: -3px;
}

.checkbox_style > input + label::after {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  top: 3px;
  left: 1px;
  font-size: 1rem;
  opacity: 0;
}

.checkbox_style > input:checked + label::after {
  opacity: 1;
}

.checkbox_style p {
  margin-top: 10px;
}

.checkbox_style.checkbox_style_02 > input + label::before {
  border-radius: 4px;
  margin-right: 0;
  background: #d7d7d7;
  margin: -6px 3px 0 0;
}

.checkbox_style.checkbox_style_02 > input + label::after {
  content: '';
}

.checkbox_style.checkbox_style_02 > input:checked + label::before {
  background-color: #333;
}

.checkbox_style.checkbox_style_02 > input:checked + label::after {
  content: "\f00c";
  font-family: FontAwesome;
  color: white;
  font-size: .95rem;
  top: 0;
  left: 3px;
}

.radio_style {
  margin-top: 10px !important;
}

.radio_style input[type="radio"] {
  display: none;
}

.radio_style input + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  margin-bottom: 0;
}

.radio_style input + label::before, .radio_style input + label::after {
  content: "";
  display: inline-block;
  border-radius: 50%;
}

.radio_style input + label::before {
  width: 20px;
  height: 20px;
  border: #cecece 1px solid;
  background: #fff;
  vertical-align: middle;
  margin-right: 6px;
}

.radio_style input + label::after {
  width: 10px;
  height: 10px;
  background-color: transparent;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.radio_style input:checked + label::after {
  background-color: #313131;
}

@media (min-width: 1025px) {
  .radio_style ~ .radio_style {
    margin-left: 1rem;
  }
}

.modal-style .modal-dialog {
  max-width: 640px;
}

.modal-style .modal-content {
  border-top: #94252e 4px solid;
  border-radius: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}

.modal-style .modal-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
}

.modal-style .modal-footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.modal-style .btn-wrap {
  margin-top: 1rem;
}

.modal-style .btn-wrap .btn {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.modal-style .modal-body {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 640px) {
  .modal-style .content-infoList li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal-style .content-infoList .txt {
    margin-top: 10px;
  }
  .modal-style .btn-wrap li,
  .modal-style .btn-wrap .btn {
    width: 100%;
  }
}

/* scroll fixes */
.modal-open .modal {
  padding-left: 0px !important;
  padding-right: 0px !important;
  overflow-y: scroll;
}

/* 0409更新 : search_result */
.elementor-posts-nothing-found {
  margin-bottom: 1em;
  line-height: 1.25;
}

.elementor-posts-nothing-found .h1 {
  font-weight: 900;
  font-size: 3rem;
  line-height: 1;
  opacity: 0.8;
  color: #fff;
  font-family: Helvetica;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}

.elementor-posts-nothing-found p {
  font-weight: 300;
  font-size: 18px;
  opacity: 0.7;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .elementor-posts-nothing-found .h1 {
    font-size: 4rem;
  }
}

.blockquote {
  display: block;
  background: #fff;
  padding: 15px 20px 10px 20px !important;
  margin: 20px 0 !important;
  position: relative;
  font-size: 16px;
  line-height: 1.4;
  color: #666;
  /* border-left: 6px solid #c76c0c; */
  /* border-right: 2px solid #c76c0c; */
  /* -webkit-box-shadow: 0px 0px 8px #ccc; */
          /* box-shadow: 0px 0px 8px #ccc; */
  border: 1px solid #ccc;
}

.footer-section {
  background: #0e1937;
  position: relative;
  color: #fff;
}

.footer-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem 1rem 1rem;
}

.footer-widget-list {
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
}

.footer-widget-list .footer-title{
  margin-bottom: 1rem;
}


.footer-widget-list .icon small {
  color: #c0bfbf;
  font-size: 90%;
}

@media (max-width: 640px) {
  .footer-widget {
    flex-direction: column;
  }
}

.footer-social-info, .footer-social-icon {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.footer-social-info p, .footer-social-icon p {
  margin-bottom: 0.25rem;
}

.footer-social-info p:last-child, .footer-social-icon p:last-child {
  margin-bottom: 0;
}

.footer-social-info.logo::after{
  display: none;
}

@media (min-width: 1025px) {
  .footer-social-info::after {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 69px);
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0%;
  }
}

/* .footer-social-icon p{
  display: flex;
  align-items: center;
} */

.footer-social-icon p > .icon{
  flex: none;
}

.footer-social-icon .icon {
  text-align: center;
  padding-right: 5px;
}

.footer-social-icon .icon img{
  margin-top: -3px;
}

@media (min-width: 1025px) {
  .footer-social-icon {
    padding-left: 3rem;
    padding-right: 1rem;
  }
}

@media (max-width: 640px) {
  .footer-social-icon {
    padding-top: 1rem;
  }
}

.copyright-text {
  background-color: #000;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
}

.iware {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
}

.iware p {
  display: inline-block;
  background-color: #000000;
  padding: 1px 6px;
}

.iware,
.iware a,
.iware b {
  font-size: 11px;
  font-weight: normal;
  color: #d5d5d5;
}

.float-link {
  right: 0;
  position: fixed;
  bottom: 200px;
  z-index: 3;
  transition: 0.3s;
}

.float-link .link-btn a {
  /* border-radius: 50%; */
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.float-link .link-btn a:hover {
  opacity: 0.65;
}

.float-link .link-btn.top {
  opacity: 0;
}

.float-link .link-btn.top a {
  background: #b60c37;
}

.float-link .link-btn.top span {
  position: relative;
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

/* .float-link .link-btn.top span::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
} */

.float-link.active .link-btn.top {
  opacity: 1;
}

@media (max-width: 1024px) {
  .float-link {
    display: none;
  }
}

/*.index-content:nth-child(odd) {
  background-color: #eeeeee;
}*/
/* .index-importantDate{
  background: url(../images/index-importantDate-bg.jpg) no-repeat;
  background-size: cover;
} */

.index-content article {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 640px) {
  .index-content .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .index-content .row > div {
    padding-left: 0;
    padding-right: 0;
  }
}

.index-bestPaper article {
  font-size: 22px;
  font-size: 1.375rem;
}

/* .index-importantDate .newList-title {
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 0;
}

.index-importantDate .newList-title p,
.index-importantDate .newList-title .time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
          line-height: 1.5;
}

.index-importantDate .newList-title p {
  font-size: 18px;
  font-size: 1.125rem;
}

.index-importantDate .newList-title .time {
  font-size: 18px;
  color: #083d78;
}

.index-importantDate .newsList li:nth-child(odd) .newList-title .time {
  color: #016ae1;
} */
/* .newsList{
  padding-left: 0;
}
.newsList-dot li:first-child{
  font-weight: bold;
}
.newsList-dot li:first-child .time , .newsList-dot li:nth-child(2) .time{
  font-size:1.5rem;
  flex-shrink: 0;
}
.newsList-dot li:first-child p ,.newsList-dot li:nth-child(2) p{
  font-size:1.325rem;
  font-weight: bold;
  color: #0f6cde;
}

@media (max-width: 480px) {
   .newsList-dot li:first-child .time, .newsList-dot li:nth-child(2) .time{
    font-size:1.2rem;
  }
  .newsList-dot li:first-child p, .newsList-dot li:nth-child(2) p{
    font-size:1.2rem;
  }

} */
/* .index-importantDate .newsList li:before {
    content: '';
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      left: 11px;
      top: 18px;
      background: url(../images/news-arrow.png) no-repeat;
      filter: brightness(0) saturate(100%) invert(35%) sepia(40%) saturate(3433%) hue-rotate(214deg) brightness(97%) contrast(93%);
  } */
/* @media (min-width: 1025px) {
  .index-importantDate .newsList li {
    padding-left: 40px;
    padding-right: 20px;
  }
  
  .index-importantDate .newList-title p{
    flex: 2.6;
  }
} */

/* @media (max-width:1024px){
  .index-importantDate .newList-title{
    flex-direction: column;
    align-items: flex-start;
  }

  .index-importantDate .newList-title br{
    display: none;
  }

  .index-importantDate .newList-title .time{
    width: 100%;
    padding-top: 5px;
  }
}
 */
.sponsorSwiper .swiper-wrapper {
  margin-top: 20px;
  margin-bottom: 50px;
}

.sponsorSwiper .swiper-slide ~ .swiper-slide {
  border-left: #d2d2d2 2px solid;
}

.sponsorSwiper .swiper-pagination-bullet-active {
  background: #5c913e;
}

@media (max-width: 640px) {
  .sponsorSwiper .swiper-wrapper {
    margin-top: 0;
  }
  .sponsorSwiper .swiper-slide ~ .swiper-slide {
    border-left: none;
  }
}

/* .sponsor-img {
  width: 100%;
  height: 100%;
  justify-content: center;
  border: 1px solid #eee;
  margin-bottom: 20px;
  padding: 2px;
  background: #fff;
}

.sponsor-img a,
.sponsor-img .info{
  display: block;
  width: 100%;
}

.sponsor-img .img {
  height: 0;
  padding-bottom: 100%;
}

.sponsor-img img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  margin: auto;
}

.sponsor-img p{
  font-size: 17px;
} */

/* .newsList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  border-bottom: 1px dotted #000;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 10px;
  line-height: 1.75;
}

.newsList li a:hover {
  color: #0e1937;
}

.newsList li b {
  font-weight: 400;
}

.newsList-dot li {
  padding-left: 40px;
  padding-bottom: 7px;
  margin-bottom: 8px;
}

.newsList-dot li::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 11px;
  top: 18px;
  background:url(../images/news-arrow.png) no-repeat;
  filter: brightness(0) saturate(100%) invert(35%) sepia(40%) saturate(3433%) hue-rotate(214deg) brightness(97%) contrast(93%);
}
.newsList-dot li:first-child::before, .newsList-dot li:nth-child(2)::before {
  top: 25px;
}
.newsList .timeList,
.newsList .linkList {
  width: 100%;
}

.newsList .timeList .tag-item {
  min-width: 8.1rem;
}

.newsList .linkList{
  align-items: flex-start !important;
}

.newsList .linkList .tag-item{
  flex:none
}

.newsList .linkList .tag-item + p{
    padding-top: 1rem;
}

@media (max-width: 1024px) {
  .newsList li{
    padding-left: 36px;
  }
}


@media (min-width: 1025px) {
  .newsList-pl35 li {
    padding-left: 35px;
  }
  .newsList .timeList{
    padding-right: 9rem;
  }

  .newsList .linkList{
    padding-right: 9rem;
  }
}

@media (max-width:1024px){
  .newsList-dot .newList-title{
    align-items: flex-start;
    flex-direction: column;
  }
}

.newList-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  font-size: 22px;
  font-size: 1.375rem;
}

.newList-title p {
  margin-bottom: 0;
   font-size:1.1rem;
}

.newList-title .time {
  padding-top: 3px;
  padding-right: 10px;
  font-size: 20px;
  font-size:1.1rem;
  font-family: Arial;
} */



.newsStyle {
  /* padding: 8px 16px 15px 0px; */
  /* border-bottom: 1px solid #b6b6b6; */
  /* background: #FBFBFB; */
}

.newsStyle span {
  float: left;
  width: 38px;
  height: 38px;
  margin-right: 15px;
  margin-top: 4px;
  text-align: center;
}

.newsStyle dt {
  font-size: 27px;
  color: #222;
  text-align: center;
}
.newsStyle-date{
  margin:20px 0 30px 0;
}
.newsStyle-date time {
  display: block;
  width: 100%;
  color: #222;
  font-size: 17px;
  font-weight: 500;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 16px 20px;
}
.newsStyle-date time span{
  color: #b60c37;
  font-weight: 400;
  display: inline-block;
  margin-left: 10px;
}

.classLink {
  list-style: none;
  padding-left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2rem;
  margin-bottom: 20px;
}

.classLink li {
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
}

.classLink li a {
  display: block;
  /* padding: 5.5px 15px 7.5px; */
  padding: 9px 30px;
  color: #333;
  /* font-weight: 500; */
  background-color: #fff;
  text-align: center;
  /* min-width: 150px; */
  /* border-radius: 20px; */
  /* line-height: 1.3; */
  font-size: 18px;
}

.classLink li a:hover, .classLink li a.active {
  color: #fff;
  background-color: #b80c37;
}

.classLink li .en {
  font-size: 85%;
}

@media (max-width: 960px) {
  .classLink {
    margin-bottom: 10px;
  }
  .classLink li{
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .classLink li a{
    padding: 6px 12px;
    font-size: 16px;
  }
}

.card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.5rem 0 1rem;
}

.card-wrap .card {
  width: auto;
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* max-width: calc((100% / 3) - 20px); */
  margin: 5px 15px 5px 5px;
  border-radius: 0;
  overflow: hidden;
  flex-direction: row;
}

.card-wrap .card-img-top {
  border-radius: 0;
  text-align: center;
  overflow: hidden;
  flex: 0 0 340px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.card-wrap .card-body {
  padding: 0.75rem 1.5rem 0.75rem 0.75rem;
}

.card-wrap .card-text {
  font-size: 15px;
  font-size: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.card-wrap .card-text .tag-item {
  min-width: 95px;
  margin-right: 10px;
}

.card-wrap .card-text .tag-item + * {
  padding-top: 10px;
}

@media (min-width:1000px){
  .card-wrap .card-img-top {
    padding-top: 3px;
  }
}

@media (max-width: 810px) {
  .card-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
  }
  .card-wrap .card {
    flex-direction: column;
    max-width: calc((100% / 1) - 20px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% / 1) - 20px);
            flex: 0 0 calc((100% / 1) - 20px);
  }
  .card-wrap .card-body {
    padding: 1rem;
  }
  .card-wrap .card-title {
    min-height: auto;
  }
  .card-wrap .card-img-top {
    flex:none;
    padding: 5px 5px 0 5px;
  }
}

.box {
  display: block;
  width: 100%;
  overflow: hidden;
}

.form-box .title {
  text-align: center;
  padding: 20px 0 15px;
  font-size: 30px;
  font-size: 1.875rem;
  color: #5c913e;
}

.form-box .section {
  padding: 20px 0;
}

.form-box .form-control {
  border-width: 0 0 1px 0;
}

.form-box .message {
  display: block;
  width: 100%;
  margin: 20px 0 0;
  font-size: 16px;
  text-align: right;
}

.form-box .message a {
  position: relative;
  display: inline-block;
  color: #636262;
  text-decoration: none;
  text-align: left;
  border-bottom: #ccc 1px solid;
  padding-bottom: 10px;
}

.form-box .message a::after {
  content: '→';
  display: inline-block;
  float: right;
}

.form-box.forget {
  display: none;
}

.form-box .form-list p {
  margin-bottom: 0;
}

.form-box.regis .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-box.regis .form-group > label {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.form-box.regis .form-group .form-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-box.regis .form-group .form-list label {
  margin-bottom: 0;
}

.form-box.regis.regis-form .form-group {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  margin-bottom: 5px;
  border: 1px solid #dee2e6;
}

.form-box.regis.regis-form .form-group.transfer-field{
  display: none;
}

.form-box.regis.regis-form .form-group > label {
  min-width: 230px;
  background: #f0f0f0;
  padding: 10px;
}

.form-box.regis.regis-form .form-group .form-list {
  padding: 5px 10px;
}

.form-box.regis.regis-form .form-group .form-list .form-control {
  margin-bottom: 5px;
}

/* For 增加作者用 */
.form-box.regis.regis-form .form-group.form-groupJs > label{
  background-color: #d4eee4;
}

@media (max-width: 810px) {
  .form-box.regis.regis-form .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .form-box.regis.regis-form .form-group > label {
    width: 100%;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 16px;
    font-size: 1rem;
  }
  .form-box.regis.regis-form .form-group .form-list {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-box.regis.regis-form .form-group .radio {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .form-box.regis.regis-form .form-group .btn {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    margin-left: 0 !important;
  }
  .form-box.regis.regis-form .form-group .form-input .code {
    width: inherit;
  }
}

.code-50 {
  width: 50px;
  padding-bottom: 0;
}

.code {
  width: 100px;
}

.input-code {
  width: 150px;
}

.input-code-200 {
  width: 200px;
}

.input-code-auto{
  width: auto !important;
  padding-right: 1rem;
}

.login-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0.5rem;
}

.login-status .login-text + .login-btn {
  margin-left: 5px;
}

@media (max-width: 1024px) {
  .login-status {
    margin-bottom: 1rem;
  }
}

.login-text {
  color: #666;
}

.login-text .circle {
  float: left;
  text-align: center;
  width: 38px;
  height: 38px;
  line-height: 36px;
  padding-left: 1px;
  border-radius: 50%;
  background-color: #222;
  font-size: 23px;
  margin-right: 10px;
  color: #fff;
}

.login-text .name {
  text-align: left;
  color: #b60c37;
  line-height: 1.35;
  font-size: 15px;
  display: flex;
}

.login-text .name > em {
  display: block;
  font-style: normal;
  font-size: .9em;
  color: #999;
  padding-left: 6px;
}

.login-btn .btn {
  padding: 6px 12px 8px;
  color: #3f3f3f;
  font-weight: 500;
  background-color: #dcdcdc;
}

.login-btn .btn:hover {
  background-color: #b80c37;
  color: #fff;
}

.customers {
  border-collapse: collapse;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 30px;
}

.customers td,
.customers th {
  border: 1px solid #ddd;
  padding: 8px;
  word-break: break-all;
}

.customers tr:nth-child(even) {
  background-color: #f2f2f2;
}

.customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #b60c37;
  color: white;
  font-weight: 100;
}

.customers-normal th,
.customers-normal td {
  word-break: normal;
}

.customers-normal p {
  margin-bottom: 0;
}

.customers-normal tr:nth-child(2n) {
  background-color: transparent;
}

.table_scroll {
  overflow-x: auto;
  overflow-y: hidden;
}

@media (max-width: 640px) {
  .table_scroll .customers-normal {
    width: 780px;
  }
}

.mainTime {
  background-color: #e8e7e7;
  font-size: 17px !important;
}

.otherTime {
  background: #ffede1;
}

/*== 手機的Table ==*/
@media screen and (max-width: 1000px) {
  .mobile_table table,
  .mobile_table table > tbody,
  .mobile_table table > tbody > tr,
  .mobile_table table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
  }
  .mobile_table,
  .mobile_table table {
    min-width: 100%;
    border: none !important;
  }
  .mobile_table table > thead {
    display: none;
  }
  .mobile_table table > tbody {
    width: 100%;
  }
  .mobile_table table > tbody > tr {
    margin-bottom: 15px;
  }
  .mobile_table table > tbody > tr > td {
    position: relative;
    width: 100%;
    line-height: 150%;
    padding-bottom: 10px;
    margin-bottom: 3px;
    background: #FAFAFA;
    text-align: left;
    white-space: normal !important;
    word-break: break-all;
    overflow: hidden;
  }
  .mobile_table table > tbody > tr > td::before {
    content: attr(data-title);
    display: block;
    color: #a24343;
    padding: 9px;
    background: #b60c37;
    color: #fff;
    height: 100%;
    font-size: 14px;
    margin-bottom: 4px;
  }
}

/* 0504 */
.newsList .linkBtn{
  position: absolute;
  top: 45px;
  right: 0;
}
.newsList .registrationFeebtn{
  position: absolute;
  right: 0;
  top: 0px;
}

.newsList .registrationFeebtn a{
  background:#2e86c3;
  color: #fff;
  font-size: 14px;
}

.newsList .registrationFeebtn a:hover{
  background: #355326;
  color:#fff;
}


.newsList .linkBtn a{
  font-size: 14px;
}

.newsList .linkBtn a:hover,
.newsList .linkBtn a:focus {
  color: #fff !important;
}

@media (max-width:640px){
  .newsList .linkBtn {
    position: static;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 4px;
  }
  .newsList .linkBtn.addbtn_new {
    margin-left: initial;
  }
  .newsList .registrationFeebtn{
     left: 0;
     bottom: 4px;
     top: initial;
     position: static;
     margin-top: 10px;
  }
}

@media (max-width:320px){
   .newsList .linkBtn {
      position: static;
      margin: 10px auto;
   }
    .newsList .registrationFeebtn{
      position: static;
      margin: 10px auto;
    }
}

/* 0817 */
.selection-content{
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.selection-title{
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #5d5b53;
  margin-bottom: 30px;
}

.selection-title span{
  font-size: 1.5rem;
  letter-spacing: .75px;
  font-weight: 900;
}

.selection-item{
  padding-left: 0;
}

.selection-card{
  list-style: none;
}

.selection-card-img{
  position: relative;
  width: 100%;
  box-shadow: 5px 5px 0px rgba(0,0,0,.125);
  border-radius: 10px;
  overflow: hidden;
}

.selection-card-img::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.5904) 19%,rgba(0,0,0,.4328) 34%,rgba(0,0,0,.3056) 47%,rgba(0,0,0,.2224) 56.5%,rgba(0,0,0,.1552) 65%,rgba(0,0,0,.1008) 73%,rgba(0,0,0,.06) 80.2%,rgba(0,0,0,.0336) 86.1%,rgba(0,0,0,.0168) 91%,rgba(0,0,0,.0064) 95.2%,rgba(0,0,0,.0016) 98.2%,rgba(0,0,0,0) 100%);
  transition: 0.25s;
  opacity: 0.5;
}
.selection-card-img:hover::after{
  opacity: 0;
}

@media (min-width:650px){
  .selection-content {
    display: flex;
    align-items: center;
  }

  .selection-title {
    display: block;
    flex: 0 0 250px;
    margin-right: 20px;
  }

  .selection-title span{
    display: block;
    padding-right: 10px;
  }

  .selection-item{
    flex: 1;
  }
}

@media (max-width:640px){
  .selection-content{
    margin-bottom: 1rem;
  }

  .selection-title {
    justify-content: start;
    flex-direction: column;
    line-height: 1.5;
    font-size: 1rem;
  }
  
  .selection-title span{
    font-size: 1.5rem;
  }
  
  /* .selection-title br{
    display: none;
  } */

  .selection-item {
    flex: 1;
  }
  
  .selection-card{
    margin-bottom: 15px;
  }
}

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

.sponsors-txt{
  background:#eee;
}

.index-banner {
  position: relative; 
  width: 100%;
  max-width: 1920px;
  margin: auto;
}
  .index-banner ul li {
    position: relative; }
    .index-banner ul li img {
      max-width: 100%;
      margin: auto;
      display: block; }
  .index-banner .arrow {
    border-radius: 3px;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: 0.3s; }
    .index-banner .arrow:hover::before, .index-banner .arrow:hover:after {
      opacity: 1; }
    .index-banner .arrow::before, .index-banner .arrow:after {
      content: "";
      display: block;
      width: 2px;
      height: 20px;
      position: absolute;
      background: #fff;
      transition: 0.3s;
      opacity: 0.5; }
    .index-banner .arrow.prev-btn {
      left: 40px; }
      .index-banner .arrow.prev-btn::before, .index-banner .arrow.prev-btn:after {
        left: 47%; }
      .index-banner .arrow.prev-btn::before {
        top: 16px;
        transform: rotate(45deg); }
      .index-banner .arrow.prev-btn:after {
        top: 30px;
        transform: rotate(135deg); }
    .index-banner .arrow.next-btn {
      right: 40px; }
      .index-banner .arrow.next-btn::before, .index-banner .arrow.next-btn:after {
        left: 50%; }
      .index-banner .arrow.next-btn::before {
        top: 16px;
        transform: rotate(135deg); }
      .index-banner .arrow.next-btn:after {
        top: 30px;
        transform: rotate(45deg); }
  .index-banner .prev-btn {
    left: 10%; }
  .index-banner .next-btn {
    right: 10%; }
  .index-banner .slick-dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 30px;
    padding-left: 0;
  }
    .index-banner .slick-dots li {
      display: inline-block;
      margin: 0 7px; }
      .index-banner .slick-dots li button {
        display: block;
        background: none;
        border-radius: 0;
        border-radius: 50%;
        border: none;
        font-size: 0;
        padding: 0;
        width: 12px;
        height: 12px;
        background: #fff;
        transition: 0.3s;
        cursor: pointer; 
      border:1px solid #fff;}
        .index-banner .slick-dots li.slick-active button{
          background:#000;
          border:1px solid #fff;
        }
@media (max-width:960px){
  .index-banner .arrow{
    width: 35px;
    height: 35px;
  }
  .index-banner .arrow::before, .index-banner .arrow:after{
    height: 15px;
  }
  .index-banner .arrow.prev-btn{
    left: 5px;
  }
  .index-banner .arrow.prev-btn::before{
    top: 5px;
  }
  .index-banner .arrow.prev-btn::after{
    top: 15px;
  }

  .index-banner .arrow.next-btn{
    right: 5px;
  }
  .index-banner .arrow.next-btn::before{
    top: 5px;
  }
  .index-banner .arrow.next-btn::after{
    top: 15px;
  }
  .index-banner .slick-dots{
    bottom: 15px;
  }
  .index-banner .slick-dots li{
    margin: 0 4px;
  }
  .index-banner .slick-dots li button{
    width: 8px;
    height: 8px;
  }
}

.unreset{
  overflow-x: auto;
}
.unreset img {
  max-width: 100%;
  height: auto !important; }

.sponsorslist{
  display: flex;
  flex-wrap: wrap;
  /* margin:0 -10px; */
  /* margin-bottom:20px; */
  gap: 20px;
}
.sponsorslist .sponsorsbox{
  /* margin-bottom:30px; */
  border:1px solid #dfdfdf;
  width: calc( (100% - 60px) / 4 );
  /* margin:10px; */
  transition: .4s;
}
.sponsorslist .sponsorsbox a{
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 100%; */
  aspect-ratio: 1 /1;
  padding: 10px;
}
.sponsorslist .sponsorsbox img{
  display: block;
  max-width: 100%;
  height: auto !important;
}

.sponsorslist .sponsorsbox:hover{
  border-color: #b60c37;
}

@media (max-width: 640px) {
  .sponsorslist{
    /* margin:0 -7px; */
    gap: 15px;
  }
  .sponsorslist .sponsorsbox{
    width: calc( (100% - 30px) / 3 );
    /* margin:7px; */
  }
}

@media (max-width: 480px) {
  .sponsorslist{
    /* margin:0 -7px; */
    gap: 10px;
  }
  .sponsorslist .sponsorsbox{
    width: calc( (100% - 10px) / 2 );
    /* margin:7px; */
  }
}

.index-sponsor{
  background: #fff;
  /* background:url(../images/bg-gray.jpg); */
}




/* 230314 */
.paper-id{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border: 1px solid #dee2e6;
}
.paper-id .id-title{
  font-weight: bold;
  color:#355326;
  width: 230px;
  text-align: center;
  font-size: 18px;
  padding: 10px 20px;
  background: #f2f5fa;
}
.paper-id .id-text{
  color:#222;
  padding: 10px 20px;
  /*background: #f2f5fa;*/
  font-size: 18px;
  width: calc(100% - 230px);
}

@media (max-width: 810px){
  .paper-id{
    display: block;
  }
  .paper-id .id-title{
      width: 100%;
  }
  .paper-id .id-text{
    width: 100%;
    text-align: center;
  }
}

/* 收據 */
.receiptsec { 
  color: #000;
}
.btncenter{
  text-align: center;
  margin-bottom: 15px;
}
.receiptsec .downloadbtn { 
  background: #2e86c3;
  color: #fff;
  font-size: 14px;
}

.receiptsec .downloadbox { 
  width: 100%;
  max-width: 750px;
  min-width: 630px;
  margin: 0 auto;
  font-size: 16px;
}

.receiptsec .downloadbox .receipthead { 
  text-align: center;
  font-size: 28px;
  background: url(../images/stamp1.jpg) no-repeat center center;
  margin-bottom: 10px;
}

.receiptsec .downloadbox .receipthead .t1 { 

}

.receiptsec .downloadbox .receipthead .t2 { 

}

.receiptsec .downloadbox .receipttablebox { 

}

.receiptsec .downloadbox .receipttablebox .receipttable { 
  width: 100%;
}

.receiptsec .downloadbox .receipttablebox .receipttable tbody { 

}

.receiptsec .downloadbox .receipttablebox .receipttable tbody tr { 

}

.receiptsec .downloadbox .receipttablebox .receipttable tbody tr td { 
  padding: 8px;
  border: 1px solid #000;
}
.stamp { 
  display: flex;
  align-items: center;
}

.stamp .one { 
  width: calc(100%/2);
  display: flex;
  align-items: center;
  
}

.stamp .one .stamptitle { 
  margin-right: 10px;
}

.stamp .one .stamp { 

}

.stamp .one .stamp img { 
  height: 50px;
}
.receiptsec .downloadbox .receipttablebox .couplet { 
  text-align: right;
  font-size: 12px;
  margin-top: 10px;
}

/* 證書 */
.canvas_div_pdf_proof, .canvas_div_pdf{
  width: 100%;
  overflow: auto;
}
.proofframe { 
  background: url(../images/frame.jpg) no-repeat center center;
  background-size: cover;
  width: 960px;
  height: 1280px;
  padding: 120px 140px;
  margin-top: 40px;
}

.proofframe .logo {
  position: absolute;
  top: 35px;
  width: 226px;
  left: 368px;
}

.proofframe .logo img { 

}

.proofframe .prooftitle {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  max-width: 500px;
  margin: 0 auto;
}

.proofframe .prooftitle br { 

}

.proofframe .proofnum { 
  text-align: right;
  font-size: 15px;
}

.proofframe .proofinfo { 
  padding: 50px 0px;
  line-height: 1.8;
}

.proofframe .proofinfo .proofset { 
  display: flex;
  font-size: 30px;
}

.proofframe .proofinfo .proofset.style1 { 
  font-size: 34px;
  margin-bottom: 20px;
}

.proofframe .proofinfo .proofset .t1 { 
flex-shrink: 0;
}

.proofframe .proofinfo .proofset .t2 { 
  flex: 1;
  margin-left: 5px;
}

.proofframe .proofinfo .proofset .t2 .one { 
  display: inline-block;

}
.proofframe .proofinfo .proofset .t2 .one:after { 
  content: "、";
  display: inline-block;
    
}
.proofframe .proofinfo .proofset .t2 .one:last-child:after { 
  display: none;    
}

.proofframe .proofname {
  margin-top: 50px;
  font-size: 28px;
}

.proofframe .proofstamp1 { 

}

.proofframe .proofstamp1 img { 
  max-width: 360px;
}

.proofframe .proofstamp2 { 
  text-align: center;
}

.proofframe .proofstamp2 img { 

}

.proofframe .proofdate { 
  font-size: 36px;
  text-align: center;
  letter-spacing: 0.1em;
}

.proofframe .proofdate .datetxt { 
  margin: 0 15px;
}

.proofcode { 
  font-size: 14px;
  padding: 0 63px;
}

.agreedown{
  display: flex;
  justify-content: center;
}
.downloadlink{
  color: #b60c37;
  text-decoration: underline;
  display: inline-block;
}

.downloadlink:hover{
  opacity: 0.7;
  /* color: blue; */
  
  text-decoration: underline;
}


/* footer */
footer { width: 100%; color: #fff; padding: 55px 20px 65px 20px;     background: #333333; }
footer.indexfooter { background: #2b4278; }
footer .wrapper .twopart { display: flex; flex-wrap: wrap; }
footer .wrapper .twopart .box1 { width: 100%; }
footer .wrapper .twopart .box1 .footernav { display: flex; flex-wrap: wrap; gap: 10px 60px;  margin-bottom: 30px;justify-content: center; }
footer .wrapper .twopart .box1 .footernav li { list-style: none; }
/* footer .wrapper .twopart .box1 .footernav li:last-child { padding-right: 0; } */
footer .wrapper .twopart .box1 .footernav li a { font-size: 18px;  }
footer .wrapper .twopart .box1 .footernav li a:hover { opacity: 0.7; }
footer .wrapper .twopart .box2 { width: 50%; line-height: calc(27/16); }
footer .wrapper .twopart .box2 .copyright { text-align: right; width: 100%; }
footer .wrapper .twopart .box2 .design { font-size: 13px; color: #818ba2; font-weight: 100; text-align: right; width: 100%; margin-top: 5px; }
footer .wrapper .twopart .box2 .design a b { font-weight: normal; margin-left: 5px; }
.footerinfolist ul {  padding-left: 0; display: flex; flex-wrap: wrap; gap: 10px 40px; justify-content: center;}
.footerinfolist ul li { list-style: none;  font-weight: 100; text-align: center; }
.footerinfolist ul li .txt a:hover { text-decoration: underline; }


@media (max-width: 1300px) { 
  /* footer .wrapper .twopart .box1 { width: 40%; }
  footer .wrapper .twopart .box2 { width: 60%; }  */
}
@media (max-width: 1150px) { footer .wrapper .twopart .box1 { width: 100%; }
  footer .wrapper .twopart .box2 { width: 100%; justify-content: flex-start; margin-top: 20px; }
  footer .wrapper .twopart .box2 .footernav { justify-content: flex-start; }
  footer .wrapper .twopart .box2 .copyright { text-align: left; }
  footer .wrapper .twopart .box2 .design { text-align: left; } }
@media (max-width: 600px) { footer .wrapper .twopart .box1 { display: block; }
  footer .wrapper .twopart .box1 .fLogo { margin-right: 0; margin-bottom: 15px; } }

@media (max-width: 960px) {
 footer .wrapper .twopart{
    justify-content: center;
  }
}
@media (max-width: 768px) { footer { padding: 50px 20px; } }

@media (max-width: 640px) {
.icalender_box{
  padding-left: 20px;
  padding-right: 20px;
}

.icalender_box .row {
    margin-right: 0px;
    margin-left: 0px;
}
}
@media (max-width: 480px) {
  footer .wrapper .twopart .box1 .footernav{
    gap: 10px 20px;
  }
footer .wrapper .twopart .box1 .footernav li a{
  font-size: 16px;
}

}
.proof_flex{
  display: flex; 
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}

.proof_flex .proof_txt{
  font-size: 38px;
}
.prooftitle_subtxt{
  margin-top: 20px;
}

.copyright{
  text-align: center;
  font-weight: 100;
  margin-top: 10px;
}
footer .design{
  text-align: center;
  color: #777777;
  font-size: 12px;
  font-weight: 100;
  margin-top: 30px;
  text-transform: uppercase;
}
footer .design a:hover{
  text-decoration: underline;
}



/* 20260630 header  */
.header{
  background: #fff;
}

.header-container {
  width: 1576px;
  margin: auto;
  max-width: 100%;
  padding: 0 20px;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100px;
}

.header .logo{
  order: 1;
}
.header .logo a{
  color: #222222;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.4;
}

.en .header-container {
  /* width: 1720px; */
}

.tw .header .logo a .en{
  display: none;
}

.en .header .logo a .tw{
  display: none;
}
.en .header .logo a .en{
  display: block;
  font-size: 16px;
  font-weight: 700;
}

.main-menu-block{
  margin-left: auto;
  margin-right: 60px;
  order: 2;
}
.main-menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 60px;
}
.main-menu ul li{}

.main-menu ul li a{
  color: #222;
  font-weight: bold;
  font-size: 18px;
}

.main-menu ul li a:hover,
.main-menu ul li.active a{
  color: #bb0c38;
}
 .lang-switch{
  order: 3;
 }

 .menu-bar{
  width: 50px;
  height: 50px;
  background: #eee;
  position: relative;
 }
  .menu-bar:before,
  .menu-bar:after{
    content: "";
    display: block;
    width: 60%;
    height: 2px;
    background: #555;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .4s;
  }
  .menu-bar:before{
    top: 30%;
  }
  .menu-bar:after{
    top: 65%;
  }
 .menu-bar .bar{
  width: 60%;
  height: 2px;
  background: #555;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .4s;
 }
 /*  .menu-bar.active .bar:nth-child(1){
    transform: rotate(45deg);
    left: 23%;
  }
  .menu-bar.active .bar:nth-child(2){
    transform: rotate(135deg);
    left: 23%;
  }
  .menu-bar.active:before,
  .menu-bar.active:after{
    opacity: 0;
  } */
.main-menu-block .bg{
  display: none;
}
.en .main-menu-block{
  margin-right: 40px;
}
.en .main-menu ul{
  gap: 10px 40px;
}
.en .main-menu ul li a{
  font-size: 16px;
}
.menu-bar{
  display: none;
}

@media (max-width: 1440px) {
  .main-menu-block{
    margin-right: 40px;
  }
  .main-menu ul{
    gap: 10px 40px;
  }
  .en .main-menu-block{
    margin-right: 20px;
  }
  .en .main-menu ul{
    gap: 10px 20px;
  }
}

@media (max-width: 1280px) {
  .header-container{
    height: 130px;
    justify-content: space-between;
  }
  .header .logo{
    order: initial;
  }
  .lang-switch{
    order: initial;
  }
  .main-menu-block{
    order: initial;
    width: 100%;
    margin: 0;
    border-top: 1px solid #ddd;
    padding-top: 15px;
  }
  .main-menu ul {
    width: 100%;
    justify-content: space-around;
  }

}

@media (max-width: 960px) {
  .header-container{
    height: 100px;
  }
}

@media (max-width: 480px) {
  .header-container{
    height: 75px;
  }
  .header .logo a{
    font-size: 17px;
    font-weight: 600;
  }

  .en .header .logo a .en{
    font-size: 12px;
  }
}

@media (max-width: 375px) {
  .header .logo a{
    font-size: 14px;
    font-weight: 700;
  }
}
@media (max-width: 320px) {
   .en .header .logo a .en{
    font-size: 10px;
  }
}
.close-menu{
  position: absolute;
  left: 300px;
  top: 0;
  background: #000;
  width: 50px;
  height: 50px;
  display: none;
  transition: .4s;
  cursor: pointer;
}
.close-menu:before,
.close-menu:after{
  content: "";
  display: block;
  width: 60%;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 23px;
  left: 10px;
}
.close-menu:hover{
  background:#ba0c38;
}

.close-menu:before{
  transform: rotate(45deg);
}
.close-menu:after{
  transform: rotate(135deg);
}

 .lang-switch-phone{
    display: none;
    background: #f0f0f0;
    margin-top: 20px;
  }
  .lang-switch-phone .group{
    display: flex;
  }
  .lang-switch-phone a{
    flex: 1;
    padding: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
  }
  .lang-switch-phone a.active{
    background: #333333;
    color: #fff;
  }

@media (max-width: 960px) {
  .main-menu-block{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    border: none;
    padding: 0;
    display: none;
  }
  .main-menu-group{
    width:300px;
    max-width: calc(100% - 50px);
    background: #fff;
    height: 100%;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
  } 
  .main-menu ul{
    flex-direction: column;
    gap: 0;
  }
  .main-menu ul li{
    border-bottom: 1px solid #ddd;
  }
  .main-menu ul li a{
    font-weight: 500;
    padding: 12px 7px;
    display: block;
    font-size: 16px;
  }
  .close-menu{
    display: block;
  }
  .menu-bar{
    display: block;
  }
  .lang-switch{
    display: none;
  }
  .lang-switch-phone{
    display: block;
  }
  .main-menu-block .bg{
    display: block;
  }
}
@media (max-width: 480px) {
   .menu-bar{
    width: 40px;
    height: 40px;
  }
  .header-container{
    gap: 0 5px;
  }
}
@media (max-width: 320px) {
  .main-menu-group{
    width:270px;
  } 
  .close-menu{
    left: 270px;
    width: 40px;
    height: 40px;
  }
  .close-menu:before, 
  .close-menu:after{
    width: 55%;
    top: 19px;
    left: 9px;
  }
}
/*===== index ======*/
.index-content .heading-title, .index-content .heading-title .txt{
  display: block;
}
.index-content .heading-title .txt{
  text-align: center;
}
.index-content .heading-title .txt .en{
  color: #222;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2px;
}
.index-content .heading-title .txt .sub{
  color: #222222;
  font-size: 12px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 4px;
}

@media (max-width: 960px) {
  .index-content .heading-title .txt{
    text-align: left;
  }
  .index-content .heading-title .txt .en{
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .index-content .heading-title .txt .en{
    font-weight: 500;
    font-size: 20px;
  }
  .index-content .heading-title .txt .sub{
    letter-spacing: 2px;
  }
}

/* index-news  */
.index-news{
  background: url(../../images/gray_bg.jpg);
  margin-top: -6px;
}

.index-news .wrapper-1450{
  display: flex;
  align-items: flex-start;
}
.index-news .heading-title{
  width: 384px;
  background: url(../../images/index_news_title_bg.png) no-repeat top center;
  min-height: 315px;
  /* display: flex; */
  /* width: 100%; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-news .heading-title .flex-group{}
.index-news .heading-title .txt .en,
.index-news .heading-title .txt .sub{
  color: #fff;
}
.index-news .heading-title .more{
  margin-top: 20px;
}
.index-news .heading-title .more a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 125px;
  height: 45px;
  border: 1px solid rgba(255,255,255,.5);
  font-size: 14px;
  font-weight: bold;
}
.index-news article{
  flex: 1;
  padding: 6.5em 0 6.5em 6em;
}

.index-news .newsList{
  list-style: none;
  padding-left: 0;
}
.index-news .newsList li{}
.index-news .newsList li:not(:last-child){
  margin-bottom: 30px;
}

.index-news .newsList li a{
  color: #222;
}
.index-news .newsList li .newList-title{
  display: flex;
  align-items: baseline;
}
.index-news .newsList li .newList-title .time{
  width: 100px;
  font-size: 17px;
}
.index-news .newsList li .newList-title p{
  flex: 1;
  padding-left: 80px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  transition: .4s;
}
.index-news .newsList li .txt{
  display: none;
  margin-bottom: 0;
  margin-top: 5px;
}

.index-news .newsList li:nth-child(1) .newList-title p,
.index-news .newsList li:nth-child(2) .newList-title p{
  font-weight: bold;
}

.index-news .newsList li a:hover .newList-title p{
  color:#b60c37 ;
}

@media (max-width: 1440px) {
  .index-news .heading-title{
    width: 300px;
  }
  .index-news article{
    padding: 60px 0 60px 60px;
  }
}
@media (max-width: 1024px) {
  .index-news .heading-title{
    width: 260px;
  }
  .index-news article {
    padding: 40px 0 40px 40px;
  }
  .index-news .newsList li .newList-title p{
    padding-left: 40px;
  }
}
@media (max-width: 960px) {
  .index-news{
    padding-top: 40px;
  }
  .index-news .wrapper-1450{
    flex-wrap: wrap;
  }
  .index-news .heading-title{
    width: 100%;
    min-height: auto;
    padding: 30px 40px;
    background: #b80c37;
  }
  .index-news .heading-title .flex-group{
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
    justify-content: space-between;
  }
  .index-news article {
    width: 100%;
    flex: auto;
    padding: 40px 0;
  }
  .index-news .heading-title .more{
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .index-news .heading-title{
    padding: 15px 20px;
  }
  .index-news .newsList li{
    border-bottom: 1px dotted #222;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .index-news .newsList li .newList-title{
    flex-wrap: wrap;
  }
  .index-news .newsList li .newList-title p{
    flex:auto;
    width: 100%;
    padding-left: 0;
    margin-top: 5px;
    font-size: 16px;
  }
  .index-news .newsList li:not(:last-child){
    margin-bottom: 15px;
  }
  .index-news article{
    padding: 20px 0;
  }
  .index-news .heading-title .more a{
    width: 85px;
    height: 35px;
    font-weight: 400;
  }
}

/* index-importantDate */

.index-importantDate{
  background: #fafafa url(../../images/index_date_bg.jpg) top center no-repeat;
  position: relative;
  padding: 2.5em 0 7.5em 0;
}
.index-importantDate .wrapper-1450{
  display: flex;
  flex-direction: row-reverse;
}

.index-importantDate .heading-title{
  width: 384px;
  background: url(../../images/index_date_title_bg.png) no-repeat top center;
  /* min-height: 315px; */
  height: 315px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-importantDate .newsList{
  list-style: none;
  padding-left: calc(96 / 1920 * 100vw);
  width: calc(768 / 1152 * 100%);
  padding-top: 60px;
}
.index-importantDate .newsList li{
  border-bottom: 1px dotted #222;
}

.index-importantDate .newsList .newList-title{
  display: flex;
  gap: 0 60px;
  padding: 17px 12px;
  color: #222;
}
.index-importantDate .newsList .date{
  font-size: 17px;
  font-weight: bold;
  white-space:nowrap;
  width: 80px;
}
.index-importantDate .newsList .week{
  font-size: 15px;
  color: #bb0c38;
  font-weight: bold;
  white-space:nowrap;
  width: 45px;
}
.index-importantDate .newsList .txt{
  font-size: 18px;
  flex: 1;
}

.index-importantDate article{
  display: flex;
  flex: 1;
  padding: 0;
}
.index-importantDate .index-importantDate-pic{

}

@media (max-width: 1440px) {
  .index-importantDate .heading-title{
    width: 300px;
    height: auto;
  }
}
@media (max-width: 1280px) {
  .index-importantDate{
      background: #fafafa url(../../images/index_date_bg.jpg) top right -300px no-repeat;
  }
}
@media (max-width: 1024px) {

  .index-importantDate .heading-title{
    width: 260px;
  }
  .index-importantDate{
      background-size: 170%;
  }
  .index-importantDate .newsList{
    padding-left: 0;
  }
  .index-importantDate .newsList .newList-title{
    gap:0 40px;
  }

}
@media (max-width: 960px) {
  .index-importantDate{
    background: #fafafa url(../../images/indxe_date_bg_phone.png) bottom center no-repeat;
    background-size: contain;
    padding-bottom: 30vw;
  }
  .index-importantDate .wrapper-1450{
    flex-wrap: wrap;
    flex-direction: initial;
  }
  .index-importantDate .heading-title{
    width: 100%;
    min-height: auto;
    padding: 0;
    background: none;
  }
  .index-importantDate .heading-title  .txt{
    text-align: center;
  }
  .index-importantDate article{
    width: 100%;
    flex: auto;
  }
  .index-importantDate .newsList{
    width: 100%;
    padding-top: 20px;
  }

}
@media (max-width: 640px) {
  .index-importantDate{
    background: #fafafa url(../../images/indxe_date_pic.png) bottom center no-repeat;
    background-size: contain;
    padding-bottom: 55vw;
  }
}
@media (max-width: 480px) {
  .index-importantDate .newsList .date{
    font-size:15px;
  }
  .index-importantDate .newsList .week{
    font-size: 14px;
  }
  .index-importantDate .newsList .txt{
    font-size: 16px;
    flex: none;
    width: 100%;
  }
  .index-importantDate .newsList .newList-title{
    gap: 5px 20px;
    flex-wrap: wrap;
  }
}


/* index-sponsor */

.index-sponsor{
  position: relative;
  padding: 6.25em 0;
}
.index-sponsor .wrapper-1450{
  display: flex;
}

.index-sponsor .heading-title{
  width: 384px;
  /* min-height: 315px; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-sponsor article{
  display: flex;
  flex: 1;
  padding: 0;
}

.index-sponsor .sponsorList{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.index-sponsor .sponsorbox{
  /* width: calc((100% - 120px) / 3 ); */
  width: calc(100% / 3);
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #dfdfdf;
  padding: 20px;
}
.index-sponsor .sponsorbox:nth-child(n + 4){
  border-top: 1px solid #dfdfdf;
}

.index-sponsor .sponsorbox .sponsor-pic{}
.index-sponsor .sponsorbox .info{}
.index-sponsor .sponsorbox .img{}
.index-sponsor .sponsorbox a{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 160px;
}
.index-sponsor .sponsorbox img{
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.index-sponsor .sponsorbox img:hover{
  transform: scale(1.2);
  transition: .4s;
}


@media (max-width: 1440px) {
  .index-sponsor .heading-title {
    width: 300px;
  }
}
@media (max-width: 1280px) {
  .index-sponsor .sponsorbox a{
    width: 130px;
  }
}
@media (max-width: 1024px) {
  .index-sponsor .heading-title {
      width: 260px;
  }
  .index-sponsor .sponsorbox a{
    width: 110px;
  }
}
@media (max-width: 960px) {
  .index-sponsor{
    padding: 4em 0;
  }
  .index-sponsor .wrapper-1450{
    flex-wrap: wrap;
  }
  .index-sponsor .heading-title{
    width: 100%;
  }
  .index-sponsor article{
    flex: initial;
    width: 100%;
    margin-top: 40px;
  }
  .index-sponsor .sponsorList{
    gap: 20px;
  }
  .index-sponsor .sponsorbox{
    border: 1px solid #dfdfdf;
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 640px) {
  .index-sponsor .sponsorbox a{
    width: 80px;
  }
}
@media (max-width: 480px) {
  .index-sponsor{
    padding:2em 0 4em 0;
  }
  .index-sponsor .sponsorList{
    gap: 10px;
  }
  .index-sponsor .sponsorbox{
    width: calc((100% - 10px) / 2);
  }
  .index-sponsor .sponsorbox a{
    width: 100px;
  }
}

/*===== page  =====*/
.page-content{
  padding: 3rem 0 4rem 0 ;
}
.page-content .heading-title{
  margin-bottom: 40px;
  text-align: center;
  justify-content: center;
}

.page-content .heading-title .txt{
  display: block;
}
.page-content .heading-title .en{
  color: #222;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2px;
}
.page-content .heading-title .sub{
  color: #222222;
  font-size: 12px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-content .heading-title .en{
      font-size: 24px;
  }
}
@media (max-width: 480px) {
  .page-content .heading-title {
    margin-bottom: 20px;
  }
  .page-content .heading-title .en{
     font-weight: 500;
    font-size: 20px;
  }
  .page-content .heading-title .sub{
    letter-spacing: 2px;
  }
}

.page-content .white-bg{
  background: #fff;
}
.page-content article.white-bg{
  padding: 55px 65px 75px 65px;
}
.page-content article.white-bg.proof-published{
  padding: 55px 15px 75px 15px;
}

.page-content article.white-bg{}

@media (max-width: 960px) {
  .newsStyle dt{
    font-size: 22px;
  }
  .page-content article.white-bg{
    padding: 30px;
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  .newsStyle dt{
    font-size: 18px;
    text-align: left;
  }
  .newsStyle-date{
    margin: 10px 0 20px 0;
  }
  .newsStyle-date time{
    padding: 10px;
  }
  .page-content article.white-bg{
    padding: 20px;
    border-radius: 6px;
  }
}

/* news  */
.pagenewsList{
    list-style: none;
    padding-left: 0;
}

.pagenewsList li{
  margin-bottom: 25px;
}

.pagenewsList li a{
  display: block;
  background: #fff;
  padding: 30px 40px;
  border-radius: 8px;
  transition: .4s;
  border: 1px solid transparent;
}
.pagenewsList li .newList-title{
  transition: .4s;
}
.pagenewsList li .newList-title .time{
  color: #b80c37;
  font-size: 15px;
  font-weight: 300;
  margin-top: 5px;
}
.pagenewsList li .newList-title .title{
  color: #222;
  font-size: 18px;
  font-weight: bold;
}
.pagenewsList li .txt{
  color: #222222;
  font-size: 16px;
  margin-top: 5px;
}

.pagenewsList li a:hover{
  /* background: #f1f1f1; */
  border: 1px solid #b60c37;
}
.pagenewsList li a:hover .newList-title{
  color: #b60c37;
}

@media (max-width: 640px) {
  .pagenewsList li{
    margin-bottom: 15px;
  }
  .pagenewsList li a{
    padding: 15px 20px;
  }
  .pagenewsList li .newList-title .title{
    font-size: 16px;
  }
}





.btn-back:hover{
  background: #b60c37;
  color: #fff;
}


/* 報名/論文投稿  */
.orderlist{
  list-style: none;
  padding: 0;
}
.orderbox {
  display: flex;
  gap: 20px;
}
.orderbox .info-group{
  /* width: 80%; */
  flex: 1;
}
.orderbox .tag-item{
  /* width: 130px; */
  background:#f0f0f0;
  color: #222;
  font-weight: bold;
  font-size: 18px;
  width: 190px;
}

.orderbox .tag-item + p{
  flex: 1;
  margin-left: 5px;
}

.orderbox .timeList{
  width: 100%;
}

.orderbox .btn-group{
  /* width: 90px; */
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.orderbox .registrationFeebtn{
}
.orderbox .registrationFeebtn a{
  background: #aaa;
  color: #fff;
  max-width: 240px;
}
.orderbox .registrationFeebtn a:hover{
  background: #333;
}

.orderbox .linkBtn.addbtn_new{
}
.orderbox .linkBtn.addbtn_new a{
}

@media (max-width: 768px) {
  .orderbox{
    display: block;
    border: 1px solid #eee;
    padding: 10px !important;
  }
  .orderbox .btn-group{
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
  }
  .orderbox .registrationFeebtn a{
    max-width: initial;
  }
}
@media (max-width: 480px) {
  .orderbox .timeList{
    flex-wrap: wrap;
  }
  .orderbox .tag-item{
    width: 100%;
  }
  .orderbox .tag-item + p{
    flex: auto;
    width: 100%;
    margin-left: 10px;
    text-align: center;
  }
}

.btn-main:hover,
.btn-main:focus{
  background-color: #222;
  border-color: #222;
}


.en .page-content .heading-title .sub{
  display: none;
}
.en .index-content .heading-title .txt .sub{
  display: none;
}


/* 住宿 */ 
.place-block{
}

.place-block .place-list{
  border: none;
}

.place-list .place-pic{}
.place-list .place-content{
  padding: 0.75rem 1.5rem 0.75rem 3rem;
}

.place-list .place-block-title{
  font-weight: bold;
  background: #eee;
  padding: 10px 20px;
  border-left: 5px solid #b80c37;
  line-height: 1;
}

.place-list .place-block-info{}

.place-block .place-box{
  border-bottom: 1px solid #eee;
  font-size: 16px;
}

.place-block .place-box .box-title{
  background: none;
  font-weight: bold;
  color: #222;
  text-align: left;
}
.place-block .place-box .box-txt{}
.place-block .place-box .box-txt a{
  color: #b60c37;
  text-decoration: underline;
  transition: .4s;
}
.place-block .place-box .box-txt a:hover{
  opacity: .7;
}

@media (max-width: 810px) {
  .place-list .place-content{
    padding: 30px 5px; 
  }
}

@media (max-width: 640px) {
  .place-block .place-list{
    margin: 0;
    max-width: initial;
    flex: none;
    width: 100%;
  }
  .place-block .place-box{
    flex-wrap: wrap;
  }
  .place-block .place-box .box-title{
    width: 100%;
  }
  .place-block .place-box .box-txt{
    width: 100%;
    padding: 10px 15px;
  }
}

.btn-outline-danger {
  color: #b60c37;
  border-color: #b60c37;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #b60c37;
  border-color: #b60c37;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #b60c37;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #b60c37;
  border-color: #b60c37;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}


/* 20260724  */
.form-box.regis.regis-form .form-two-group{
  width: 100%;
}
.form-box.regis.regis-form .form-two-group.keyword{
  width: calc(100% - 30px);
}

.form-box.regis.regis-form .form-two-group .form-list{
  width: 100%;
}

.form-box.regis.regis-form .form-two-group .form-list .pr-2.keep-all{
  word-break: keep-all;
}

textarea.form-control{
  min-height: 120px;
  border-radius: 0;
}

.form-box.regis.regis-form .form-group .quick-tip{
  width: 100%;
  margin-top: 5px;
  color: #b60c37;
}