@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@1,500&family=Noto+Serif+TC:wght@200;400;500;600;700&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  font-family: "Noto Serif TC", serif;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  box-sizing: border-box;
}

.pc {
  display: block !important;
}
@media (max-width: 740px) {
  .pc {
    display: none !important;
  }
}

.mobile {
  display: none !important;
}
@media (max-width: 740px) {
  .mobile {
    display: block !important;
  }
}

a {
  outline: none !important;
}

.w-100 {
  width: 100% !important;
}

.search_color {
  color: red;
  background-color: yellow;
}

.test01 {
  color: #fff;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 740px) {
  .row {
    flex-wrap: wrap;
  }
}
.row.row-pad-0 {
  margin: 0px 0px;
}
.row.row-pad-0 > .col {
  padding: 0px;
}
.row.row-pad-1 {
  margin: 0px -1px;
}
.row.row-pad-1 > .col {
  padding: 1px;
}
.row.row-pad-2 {
  margin: 0px -2px;
}
.row.row-pad-2 > .col {
  padding: 2px;
}
.row.row-pad-3 {
  margin: 0px -3px;
}
.row.row-pad-3 > .col {
  padding: 3px;
}
.row.row-pad-4 {
  margin: 0px -4px;
}
.row.row-pad-4 > .col {
  padding: 4px;
}
.row.row-pad-5 {
  margin: 0px -5px;
}
.row.row-pad-5 > .col {
  padding: 5px;
}
.row.row-pad-6 {
  margin: 0px -6px;
}
.row.row-pad-6 > .col {
  padding: 6px;
}
.row.row-pad-7 {
  margin: 0px -7px;
}
.row.row-pad-7 > .col {
  padding: 7px;
}
.row.row-pad-8 {
  margin: 0px -8px;
}
.row.row-pad-8 > .col {
  padding: 8px;
}
.row.row-pad-9 {
  margin: 0px -9px;
}
.row.row-pad-9 > .col {
  padding: 9px;
}
.row.row-pad-10 {
  margin: 0px -10px;
}
.row.row-pad-10 > .col {
  padding: 10px;
}
.row.row-pad-11 {
  margin: 0px -11px;
}
.row.row-pad-11 > .col {
  padding: 11px;
}
.row.row-pad-12 {
  margin: 0px -12px;
}
.row.row-pad-12 > .col {
  padding: 12px;
}
.row.row-pad-13 {
  margin: 0px -13px;
}
.row.row-pad-13 > .col {
  padding: 13px;
}
.row.row-pad-14 {
  margin: 0px -14px;
}
.row.row-pad-14 > .col {
  padding: 14px;
}
.row.row-pad-15 {
  margin: 0px -15px;
}
.row.row-pad-15 > .col {
  padding: 15px;
}
.row.row-pad-16 {
  margin: 0px -16px;
}
.row.row-pad-16 > .col {
  padding: 16px;
}
.row.row-pad-17 {
  margin: 0px -17px;
}
.row.row-pad-17 > .col {
  padding: 17px;
}
.row.row-pad-18 {
  margin: 0px -18px;
}
.row.row-pad-18 > .col {
  padding: 18px;
}
.row.row-pad-19 {
  margin: 0px -19px;
}
.row.row-pad-19 > .col {
  padding: 19px;
}
.row.row-pad-20 {
  margin: 0px -20px;
}
.row.row-pad-20 > .col {
  padding: 20px;
}
.row.row-pad-21 {
  margin: 0px -21px;
}
.row.row-pad-21 > .col {
  padding: 21px;
}
.row.row-pad-22 {
  margin: 0px -22px;
}
.row.row-pad-22 > .col {
  padding: 22px;
}
.row.row-pad-23 {
  margin: 0px -23px;
}
.row.row-pad-23 > .col {
  padding: 23px;
}
.row.row-pad-24 {
  margin: 0px -24px;
}
.row.row-pad-24 > .col {
  padding: 24px;
}
.row.row-pad-25 {
  margin: 0px -25px;
}
.row.row-pad-25 > .col {
  padding: 25px;
}
.row.row-pad-26 {
  margin: 0px -26px;
}
.row.row-pad-26 > .col {
  padding: 26px;
}
.row.row-pad-27 {
  margin: 0px -27px;
}
.row.row-pad-27 > .col {
  padding: 27px;
}
.row.row-pad-28 {
  margin: 0px -28px;
}
.row.row-pad-28 > .col {
  padding: 28px;
}
.row.row-pad-29 {
  margin: 0px -29px;
}
.row.row-pad-29 > .col {
  padding: 29px;
}
.row.row-pad-30 {
  margin: 0px -30px;
}
.row.row-pad-30 > .col {
  padding: 30px;
}
.row.row-pad-31 {
  margin: 0px -31px;
}
.row.row-pad-31 > .col {
  padding: 31px;
}
.row.row-pad-32 {
  margin: 0px -32px;
}
.row.row-pad-32 > .col {
  padding: 32px;
}
.row.row-pad-33 {
  margin: 0px -33px;
}
.row.row-pad-33 > .col {
  padding: 33px;
}
.row.row-pad-34 {
  margin: 0px -34px;
}
.row.row-pad-34 > .col {
  padding: 34px;
}
.row.row-pad-35 {
  margin: 0px -35px;
}
.row.row-pad-35 > .col {
  padding: 35px;
}
.row.row-pad-36 {
  margin: 0px -36px;
}
.row.row-pad-36 > .col {
  padding: 36px;
}
.row.row-pad-37 {
  margin: 0px -37px;
}
.row.row-pad-37 > .col {
  padding: 37px;
}
.row.row-pad-38 {
  margin: 0px -38px;
}
.row.row-pad-38 > .col {
  padding: 38px;
}
.row.row-pad-39 {
  margin: 0px -39px;
}
.row.row-pad-39 > .col {
  padding: 39px;
}
.row.row-pad-40 {
  margin: 0px -40px;
}
.row.row-pad-40 > .col {
  padding: 40px;
}
.row.row-pad-41 {
  margin: 0px -41px;
}
.row.row-pad-41 > .col {
  padding: 41px;
}
.row.row-pad-42 {
  margin: 0px -42px;
}
.row.row-pad-42 > .col {
  padding: 42px;
}
.row.row-pad-43 {
  margin: 0px -43px;
}
.row.row-pad-43 > .col {
  padding: 43px;
}
.row.row-pad-44 {
  margin: 0px -44px;
}
.row.row-pad-44 > .col {
  padding: 44px;
}
.row.row-pad-45 {
  margin: 0px -45px;
}
.row.row-pad-45 > .col {
  padding: 45px;
}
.row.row-pad-46 {
  margin: 0px -46px;
}
.row.row-pad-46 > .col {
  padding: 46px;
}
.row.row-pad-47 {
  margin: 0px -47px;
}
.row.row-pad-47 > .col {
  padding: 47px;
}
.row.row-pad-48 {
  margin: 0px -48px;
}
.row.row-pad-48 > .col {
  padding: 48px;
}
.row.row-pad-49 {
  margin: 0px -49px;
}
.row.row-pad-49 > .col {
  padding: 49px;
}
.row.row-pad-50 {
  margin: 0px -50px;
}
.row.row-pad-50 > .col {
  padding: 50px;
}
.row.row-pad-51 {
  margin: 0px -51px;
}
.row.row-pad-51 > .col {
  padding: 51px;
}
.row.row-pad-52 {
  margin: 0px -52px;
}
.row.row-pad-52 > .col {
  padding: 52px;
}
.row.row-pad-53 {
  margin: 0px -53px;
}
.row.row-pad-53 > .col {
  padding: 53px;
}
.row.row-pad-54 {
  margin: 0px -54px;
}
.row.row-pad-54 > .col {
  padding: 54px;
}
.row.row-pad-55 {
  margin: 0px -55px;
}
.row.row-pad-55 > .col {
  padding: 55px;
}
.row.row-pad-56 {
  margin: 0px -56px;
}
.row.row-pad-56 > .col {
  padding: 56px;
}
.row.row-pad-57 {
  margin: 0px -57px;
}
.row.row-pad-57 > .col {
  padding: 57px;
}
.row.row-pad-58 {
  margin: 0px -58px;
}
.row.row-pad-58 > .col {
  padding: 58px;
}
.row.row-pad-59 {
  margin: 0px -59px;
}
.row.row-pad-59 > .col {
  padding: 59px;
}
.row.row-pad-60 {
  margin: 0px -60px;
}
.row.row-pad-60 > .col {
  padding: 60px;
}
.row.row-pad-61 {
  margin: 0px -61px;
}
.row.row-pad-61 > .col {
  padding: 61px;
}
.row.row-pad-62 {
  margin: 0px -62px;
}
.row.row-pad-62 > .col {
  padding: 62px;
}
.row.row-pad-63 {
  margin: 0px -63px;
}
.row.row-pad-63 > .col {
  padding: 63px;
}
.row.row-pad-64 {
  margin: 0px -64px;
}
.row.row-pad-64 > .col {
  padding: 64px;
}
.row.row-pad-65 {
  margin: 0px -65px;
}
.row.row-pad-65 > .col {
  padding: 65px;
}
.row.row-pad-66 {
  margin: 0px -66px;
}
.row.row-pad-66 > .col {
  padding: 66px;
}
.row.row-pad-67 {
  margin: 0px -67px;
}
.row.row-pad-67 > .col {
  padding: 67px;
}
.row.row-pad-68 {
  margin: 0px -68px;
}
.row.row-pad-68 > .col {
  padding: 68px;
}
.row.row-pad-69 {
  margin: 0px -69px;
}
.row.row-pad-69 > .col {
  padding: 69px;
}
.row.row-pad-70 {
  margin: 0px -70px;
}
.row.row-pad-70 > .col {
  padding: 70px;
}
.row.row-pad-71 {
  margin: 0px -71px;
}
.row.row-pad-71 > .col {
  padding: 71px;
}
.row.row-pad-72 {
  margin: 0px -72px;
}
.row.row-pad-72 > .col {
  padding: 72px;
}
.row.row-pad-73 {
  margin: 0px -73px;
}
.row.row-pad-73 > .col {
  padding: 73px;
}
.row.row-pad-74 {
  margin: 0px -74px;
}
.row.row-pad-74 > .col {
  padding: 74px;
}
.row.row-pad-75 {
  margin: 0px -75px;
}
.row.row-pad-75 > .col {
  padding: 75px;
}
.row.row-pad-76 {
  margin: 0px -76px;
}
.row.row-pad-76 > .col {
  padding: 76px;
}
.row.row-pad-77 {
  margin: 0px -77px;
}
.row.row-pad-77 > .col {
  padding: 77px;
}
.row.row-pad-78 {
  margin: 0px -78px;
}
.row.row-pad-78 > .col {
  padding: 78px;
}
.row.row-pad-79 {
  margin: 0px -79px;
}
.row.row-pad-79 > .col {
  padding: 79px;
}
.row.row-pad-80 {
  margin: 0px -80px;
}
.row.row-pad-80 > .col {
  padding: 80px;
}
.row.row-pad-81 {
  margin: 0px -81px;
}
.row.row-pad-81 > .col {
  padding: 81px;
}
.row.row-pad-82 {
  margin: 0px -82px;
}
.row.row-pad-82 > .col {
  padding: 82px;
}
.row.row-pad-83 {
  margin: 0px -83px;
}
.row.row-pad-83 > .col {
  padding: 83px;
}
.row.row-pad-84 {
  margin: 0px -84px;
}
.row.row-pad-84 > .col {
  padding: 84px;
}
.row.row-pad-85 {
  margin: 0px -85px;
}
.row.row-pad-85 > .col {
  padding: 85px;
}
.row.row-pad-86 {
  margin: 0px -86px;
}
.row.row-pad-86 > .col {
  padding: 86px;
}
.row.row-pad-87 {
  margin: 0px -87px;
}
.row.row-pad-87 > .col {
  padding: 87px;
}
.row.row-pad-88 {
  margin: 0px -88px;
}
.row.row-pad-88 > .col {
  padding: 88px;
}
.row.row-pad-89 {
  margin: 0px -89px;
}
.row.row-pad-89 > .col {
  padding: 89px;
}
.row.row-pad-90 {
  margin: 0px -90px;
}
.row.row-pad-90 > .col {
  padding: 90px;
}
.row.row-pad-91 {
  margin: 0px -91px;
}
.row.row-pad-91 > .col {
  padding: 91px;
}
.row.row-pad-92 {
  margin: 0px -92px;
}
.row.row-pad-92 > .col {
  padding: 92px;
}
.row.row-pad-93 {
  margin: 0px -93px;
}
.row.row-pad-93 > .col {
  padding: 93px;
}
.row.row-pad-94 {
  margin: 0px -94px;
}
.row.row-pad-94 > .col {
  padding: 94px;
}
.row.row-pad-95 {
  margin: 0px -95px;
}
.row.row-pad-95 > .col {
  padding: 95px;
}
.row.row-pad-96 {
  margin: 0px -96px;
}
.row.row-pad-96 > .col {
  padding: 96px;
}
.row.row-pad-97 {
  margin: 0px -97px;
}
.row.row-pad-97 > .col {
  padding: 97px;
}
.row.row-pad-98 {
  margin: 0px -98px;
}
.row.row-pad-98 > .col {
  padding: 98px;
}
.row.row-pad-99 {
  margin: 0px -99px;
}
.row.row-pad-99 > .col {
  padding: 99px;
}
.row.row-pad-100 {
  margin: 0px -100px;
}
.row.row-pad-100 > .col {
  padding: 100px;
}
.row .col.col-0 {
  flex: 0 0%;
  min-width: 0%;
  display: none;
}
.row .col.col-1 {
  flex: 0 1%;
  min-width: 1%;
}
.row .col.col-2 {
  flex: 0 2%;
  min-width: 2%;
}
.row .col.col-3 {
  flex: 0 3%;
  min-width: 3%;
}
.row .col.col-4 {
  flex: 0 4%;
  min-width: 4%;
}
.row .col.col-5 {
  flex: 0 5%;
  min-width: 5%;
}
.row .col.col-6 {
  flex: 0 6%;
  min-width: 6%;
}
.row .col.col-7 {
  flex: 0 7%;
  min-width: 7%;
}
.row .col.col-8 {
  flex: 0 8%;
  min-width: 8%;
}
.row .col.col-9 {
  flex: 0 9%;
  min-width: 9%;
}
.row .col.col-10 {
  flex: 0 10%;
  min-width: 10%;
}
.row .col.col-11 {
  flex: 0 11%;
  min-width: 11%;
}
.row .col.col-12 {
  flex: 0 12%;
  min-width: 12%;
}
.row .col.col-13 {
  flex: 0 13%;
  min-width: 13%;
}
.row .col.col-14 {
  flex: 0 14%;
  min-width: 14%;
}
.row .col.col-15 {
  flex: 0 15%;
  min-width: 15%;
}
.row .col.col-16 {
  flex: 0 16%;
  min-width: 16%;
}
.row .col.col-17 {
  flex: 0 17%;
  min-width: 17%;
}
.row .col.col-18 {
  flex: 0 18%;
  min-width: 18%;
}
.row .col.col-19 {
  flex: 0 19%;
  min-width: 19%;
}
.row .col.col-20 {
  flex: 0 20%;
  min-width: 20%;
}
.row .col.col-21 {
  flex: 0 21%;
  min-width: 21%;
}
.row .col.col-22 {
  flex: 0 22%;
  min-width: 22%;
}
.row .col.col-23 {
  flex: 0 23%;
  min-width: 23%;
}
.row .col.col-24 {
  flex: 0 24%;
  min-width: 24%;
}
.row .col.col-25 {
  flex: 0 25%;
  min-width: 25%;
}
.row .col.col-26 {
  flex: 0 26%;
  min-width: 26%;
}
.row .col.col-27 {
  flex: 0 27%;
  min-width: 27%;
}
.row .col.col-28 {
  flex: 0 28%;
  min-width: 28%;
}
.row .col.col-29 {
  flex: 0 29%;
  min-width: 29%;
}
.row .col.col-30 {
  flex: 0 30%;
  min-width: 30%;
}
.row .col.col-31 {
  flex: 0 31%;
  min-width: 31%;
}
.row .col.col-32 {
  flex: 0 32%;
  min-width: 32%;
}
.row .col.col-33 {
  flex: 0 33%;
  min-width: 33%;
}
.row .col.col-34 {
  flex: 0 34%;
  min-width: 34%;
}
.row .col.col-35 {
  flex: 0 35%;
  min-width: 35%;
}
.row .col.col-36 {
  flex: 0 36%;
  min-width: 36%;
}
.row .col.col-37 {
  flex: 0 37%;
  min-width: 37%;
}
.row .col.col-38 {
  flex: 0 38%;
  min-width: 38%;
}
.row .col.col-39 {
  flex: 0 39%;
  min-width: 39%;
}
.row .col.col-40 {
  flex: 0 40%;
  min-width: 40%;
}
.row .col.col-41 {
  flex: 0 41%;
  min-width: 41%;
}
.row .col.col-42 {
  flex: 0 42%;
  min-width: 42%;
}
.row .col.col-43 {
  flex: 0 43%;
  min-width: 43%;
}
.row .col.col-44 {
  flex: 0 44%;
  min-width: 44%;
}
.row .col.col-45 {
  flex: 0 45%;
  min-width: 45%;
}
.row .col.col-46 {
  flex: 0 46%;
  min-width: 46%;
}
.row .col.col-47 {
  flex: 0 47%;
  min-width: 47%;
}
.row .col.col-48 {
  flex: 0 48%;
  min-width: 48%;
}
.row .col.col-49 {
  flex: 0 49%;
  min-width: 49%;
}
.row .col.col-50 {
  flex: 0 50%;
  min-width: 50%;
}
.row .col.col-51 {
  flex: 0 51%;
  min-width: 51%;
}
.row .col.col-52 {
  flex: 0 52%;
  min-width: 52%;
}
.row .col.col-53 {
  flex: 0 53%;
  min-width: 53%;
}
.row .col.col-54 {
  flex: 0 54%;
  min-width: 54%;
}
.row .col.col-55 {
  flex: 0 55%;
  min-width: 55%;
}
.row .col.col-56 {
  flex: 0 56%;
  min-width: 56%;
}
.row .col.col-57 {
  flex: 0 57%;
  min-width: 57%;
}
.row .col.col-58 {
  flex: 0 58%;
  min-width: 58%;
}
.row .col.col-59 {
  flex: 0 59%;
  min-width: 59%;
}
.row .col.col-60 {
  flex: 0 60%;
  min-width: 60%;
}
.row .col.col-61 {
  flex: 0 61%;
  min-width: 61%;
}
.row .col.col-62 {
  flex: 0 62%;
  min-width: 62%;
}
.row .col.col-63 {
  flex: 0 63%;
  min-width: 63%;
}
.row .col.col-64 {
  flex: 0 64%;
  min-width: 64%;
}
.row .col.col-65 {
  flex: 0 65%;
  min-width: 65%;
}
.row .col.col-66 {
  flex: 0 66%;
  min-width: 66%;
}
.row .col.col-67 {
  flex: 0 67%;
  min-width: 67%;
}
.row .col.col-68 {
  flex: 0 68%;
  min-width: 68%;
}
.row .col.col-69 {
  flex: 0 69%;
  min-width: 69%;
}
.row .col.col-70 {
  flex: 0 70%;
  min-width: 70%;
}
.row .col.col-71 {
  flex: 0 71%;
  min-width: 71%;
}
.row .col.col-72 {
  flex: 0 72%;
  min-width: 72%;
}
.row .col.col-73 {
  flex: 0 73%;
  min-width: 73%;
}
.row .col.col-74 {
  flex: 0 74%;
  min-width: 74%;
}
.row .col.col-75 {
  flex: 0 75%;
  min-width: 75%;
}
.row .col.col-76 {
  flex: 0 76%;
  min-width: 76%;
}
.row .col.col-77 {
  flex: 0 77%;
  min-width: 77%;
}
.row .col.col-78 {
  flex: 0 78%;
  min-width: 78%;
}
.row .col.col-79 {
  flex: 0 79%;
  min-width: 79%;
}
.row .col.col-80 {
  flex: 0 80%;
  min-width: 80%;
}
.row .col.col-81 {
  flex: 0 81%;
  min-width: 81%;
}
.row .col.col-82 {
  flex: 0 82%;
  min-width: 82%;
}
.row .col.col-83 {
  flex: 0 83%;
  min-width: 83%;
}
.row .col.col-84 {
  flex: 0 84%;
  min-width: 84%;
}
.row .col.col-85 {
  flex: 0 85%;
  min-width: 85%;
}
.row .col.col-86 {
  flex: 0 86%;
  min-width: 86%;
}
.row .col.col-87 {
  flex: 0 87%;
  min-width: 87%;
}
.row .col.col-88 {
  flex: 0 88%;
  min-width: 88%;
}
.row .col.col-89 {
  flex: 0 89%;
  min-width: 89%;
}
.row .col.col-90 {
  flex: 0 90%;
  min-width: 90%;
}
.row .col.col-91 {
  flex: 0 91%;
  min-width: 91%;
}
.row .col.col-92 {
  flex: 0 92%;
  min-width: 92%;
}
.row .col.col-93 {
  flex: 0 93%;
  min-width: 93%;
}
.row .col.col-94 {
  flex: 0 94%;
  min-width: 94%;
}
.row .col.col-95 {
  flex: 0 95%;
  min-width: 95%;
}
.row .col.col-96 {
  flex: 0 96%;
  min-width: 96%;
}
.row .col.col-97 {
  flex: 0 97%;
  min-width: 97%;
}
.row .col.col-98 {
  flex: 0 98%;
  min-width: 98%;
}
.row .col.col-99 {
  flex: 0 99%;
  min-width: 99%;
}
.row .col.col-100 {
  flex: 0 100%;
  min-width: 100%;
}
@media (max-width: 992px) {
  .row .col.col-lg-0 {
    flex: 0 0%;
    min-width: 0%;
    display: none;
  }
  .row .col.col-lg-1 {
    flex: 0 1%;
    min-width: 1%;
  }
  .row .col.col-lg-2 {
    flex: 0 2%;
    min-width: 2%;
  }
  .row .col.col-lg-3 {
    flex: 0 3%;
    min-width: 3%;
  }
  .row .col.col-lg-4 {
    flex: 0 4%;
    min-width: 4%;
  }
  .row .col.col-lg-5 {
    flex: 0 5%;
    min-width: 5%;
  }
  .row .col.col-lg-6 {
    flex: 0 6%;
    min-width: 6%;
  }
  .row .col.col-lg-7 {
    flex: 0 7%;
    min-width: 7%;
  }
  .row .col.col-lg-8 {
    flex: 0 8%;
    min-width: 8%;
  }
  .row .col.col-lg-9 {
    flex: 0 9%;
    min-width: 9%;
  }
  .row .col.col-lg-10 {
    flex: 0 10%;
    min-width: 10%;
  }
  .row .col.col-lg-11 {
    flex: 0 11%;
    min-width: 11%;
  }
  .row .col.col-lg-12 {
    flex: 0 12%;
    min-width: 12%;
  }
  .row .col.col-lg-13 {
    flex: 0 13%;
    min-width: 13%;
  }
  .row .col.col-lg-14 {
    flex: 0 14%;
    min-width: 14%;
  }
  .row .col.col-lg-15 {
    flex: 0 15%;
    min-width: 15%;
  }
  .row .col.col-lg-16 {
    flex: 0 16%;
    min-width: 16%;
  }
  .row .col.col-lg-17 {
    flex: 0 17%;
    min-width: 17%;
  }
  .row .col.col-lg-18 {
    flex: 0 18%;
    min-width: 18%;
  }
  .row .col.col-lg-19 {
    flex: 0 19%;
    min-width: 19%;
  }
  .row .col.col-lg-20 {
    flex: 0 20%;
    min-width: 20%;
  }
  .row .col.col-lg-21 {
    flex: 0 21%;
    min-width: 21%;
  }
  .row .col.col-lg-22 {
    flex: 0 22%;
    min-width: 22%;
  }
  .row .col.col-lg-23 {
    flex: 0 23%;
    min-width: 23%;
  }
  .row .col.col-lg-24 {
    flex: 0 24%;
    min-width: 24%;
  }
  .row .col.col-lg-25 {
    flex: 0 25%;
    min-width: 25%;
  }
  .row .col.col-lg-26 {
    flex: 0 26%;
    min-width: 26%;
  }
  .row .col.col-lg-27 {
    flex: 0 27%;
    min-width: 27%;
  }
  .row .col.col-lg-28 {
    flex: 0 28%;
    min-width: 28%;
  }
  .row .col.col-lg-29 {
    flex: 0 29%;
    min-width: 29%;
  }
  .row .col.col-lg-30 {
    flex: 0 30%;
    min-width: 30%;
  }
  .row .col.col-lg-31 {
    flex: 0 31%;
    min-width: 31%;
  }
  .row .col.col-lg-32 {
    flex: 0 32%;
    min-width: 32%;
  }
  .row .col.col-lg-33 {
    flex: 0 33%;
    min-width: 33%;
  }
  .row .col.col-lg-34 {
    flex: 0 34%;
    min-width: 34%;
  }
  .row .col.col-lg-35 {
    flex: 0 35%;
    min-width: 35%;
  }
  .row .col.col-lg-36 {
    flex: 0 36%;
    min-width: 36%;
  }
  .row .col.col-lg-37 {
    flex: 0 37%;
    min-width: 37%;
  }
  .row .col.col-lg-38 {
    flex: 0 38%;
    min-width: 38%;
  }
  .row .col.col-lg-39 {
    flex: 0 39%;
    min-width: 39%;
  }
  .row .col.col-lg-40 {
    flex: 0 40%;
    min-width: 40%;
  }
  .row .col.col-lg-41 {
    flex: 0 41%;
    min-width: 41%;
  }
  .row .col.col-lg-42 {
    flex: 0 42%;
    min-width: 42%;
  }
  .row .col.col-lg-43 {
    flex: 0 43%;
    min-width: 43%;
  }
  .row .col.col-lg-44 {
    flex: 0 44%;
    min-width: 44%;
  }
  .row .col.col-lg-45 {
    flex: 0 45%;
    min-width: 45%;
  }
  .row .col.col-lg-46 {
    flex: 0 46%;
    min-width: 46%;
  }
  .row .col.col-lg-47 {
    flex: 0 47%;
    min-width: 47%;
  }
  .row .col.col-lg-48 {
    flex: 0 48%;
    min-width: 48%;
  }
  .row .col.col-lg-49 {
    flex: 0 49%;
    min-width: 49%;
  }
  .row .col.col-lg-50 {
    flex: 0 50%;
    min-width: 50%;
  }
  .row .col.col-lg-51 {
    flex: 0 51%;
    min-width: 51%;
  }
  .row .col.col-lg-52 {
    flex: 0 52%;
    min-width: 52%;
  }
  .row .col.col-lg-53 {
    flex: 0 53%;
    min-width: 53%;
  }
  .row .col.col-lg-54 {
    flex: 0 54%;
    min-width: 54%;
  }
  .row .col.col-lg-55 {
    flex: 0 55%;
    min-width: 55%;
  }
  .row .col.col-lg-56 {
    flex: 0 56%;
    min-width: 56%;
  }
  .row .col.col-lg-57 {
    flex: 0 57%;
    min-width: 57%;
  }
  .row .col.col-lg-58 {
    flex: 0 58%;
    min-width: 58%;
  }
  .row .col.col-lg-59 {
    flex: 0 59%;
    min-width: 59%;
  }
  .row .col.col-lg-60 {
    flex: 0 60%;
    min-width: 60%;
  }
  .row .col.col-lg-61 {
    flex: 0 61%;
    min-width: 61%;
  }
  .row .col.col-lg-62 {
    flex: 0 62%;
    min-width: 62%;
  }
  .row .col.col-lg-63 {
    flex: 0 63%;
    min-width: 63%;
  }
  .row .col.col-lg-64 {
    flex: 0 64%;
    min-width: 64%;
  }
  .row .col.col-lg-65 {
    flex: 0 65%;
    min-width: 65%;
  }
  .row .col.col-lg-66 {
    flex: 0 66%;
    min-width: 66%;
  }
  .row .col.col-lg-67 {
    flex: 0 67%;
    min-width: 67%;
  }
  .row .col.col-lg-68 {
    flex: 0 68%;
    min-width: 68%;
  }
  .row .col.col-lg-69 {
    flex: 0 69%;
    min-width: 69%;
  }
  .row .col.col-lg-70 {
    flex: 0 70%;
    min-width: 70%;
  }
  .row .col.col-lg-71 {
    flex: 0 71%;
    min-width: 71%;
  }
  .row .col.col-lg-72 {
    flex: 0 72%;
    min-width: 72%;
  }
  .row .col.col-lg-73 {
    flex: 0 73%;
    min-width: 73%;
  }
  .row .col.col-lg-74 {
    flex: 0 74%;
    min-width: 74%;
  }
  .row .col.col-lg-75 {
    flex: 0 75%;
    min-width: 75%;
  }
  .row .col.col-lg-76 {
    flex: 0 76%;
    min-width: 76%;
  }
  .row .col.col-lg-77 {
    flex: 0 77%;
    min-width: 77%;
  }
  .row .col.col-lg-78 {
    flex: 0 78%;
    min-width: 78%;
  }
  .row .col.col-lg-79 {
    flex: 0 79%;
    min-width: 79%;
  }
  .row .col.col-lg-80 {
    flex: 0 80%;
    min-width: 80%;
  }
  .row .col.col-lg-81 {
    flex: 0 81%;
    min-width: 81%;
  }
  .row .col.col-lg-82 {
    flex: 0 82%;
    min-width: 82%;
  }
  .row .col.col-lg-83 {
    flex: 0 83%;
    min-width: 83%;
  }
  .row .col.col-lg-84 {
    flex: 0 84%;
    min-width: 84%;
  }
  .row .col.col-lg-85 {
    flex: 0 85%;
    min-width: 85%;
  }
  .row .col.col-lg-86 {
    flex: 0 86%;
    min-width: 86%;
  }
  .row .col.col-lg-87 {
    flex: 0 87%;
    min-width: 87%;
  }
  .row .col.col-lg-88 {
    flex: 0 88%;
    min-width: 88%;
  }
  .row .col.col-lg-89 {
    flex: 0 89%;
    min-width: 89%;
  }
  .row .col.col-lg-90 {
    flex: 0 90%;
    min-width: 90%;
  }
  .row .col.col-lg-91 {
    flex: 0 91%;
    min-width: 91%;
  }
  .row .col.col-lg-92 {
    flex: 0 92%;
    min-width: 92%;
  }
  .row .col.col-lg-93 {
    flex: 0 93%;
    min-width: 93%;
  }
  .row .col.col-lg-94 {
    flex: 0 94%;
    min-width: 94%;
  }
  .row .col.col-lg-95 {
    flex: 0 95%;
    min-width: 95%;
  }
  .row .col.col-lg-96 {
    flex: 0 96%;
    min-width: 96%;
  }
  .row .col.col-lg-97 {
    flex: 0 97%;
    min-width: 97%;
  }
  .row .col.col-lg-98 {
    flex: 0 98%;
    min-width: 98%;
  }
  .row .col.col-lg-99 {
    flex: 0 99%;
    min-width: 99%;
  }
  .row .col.col-lg-100 {
    flex: 0 100%;
    min-width: 100%;
  }
}
@media (max-width: 740px) {
  .row .col.col-md-0 {
    flex: 0 0%;
    min-width: 0%;
    display: none;
  }
  .row .col.col-md-1 {
    flex: 0 1%;
    min-width: 1%;
  }
  .row .col.col-md-2 {
    flex: 0 2%;
    min-width: 2%;
  }
  .row .col.col-md-3 {
    flex: 0 3%;
    min-width: 3%;
  }
  .row .col.col-md-4 {
    flex: 0 4%;
    min-width: 4%;
  }
  .row .col.col-md-5 {
    flex: 0 5%;
    min-width: 5%;
  }
  .row .col.col-md-6 {
    flex: 0 6%;
    min-width: 6%;
  }
  .row .col.col-md-7 {
    flex: 0 7%;
    min-width: 7%;
  }
  .row .col.col-md-8 {
    flex: 0 8%;
    min-width: 8%;
  }
  .row .col.col-md-9 {
    flex: 0 9%;
    min-width: 9%;
  }
  .row .col.col-md-10 {
    flex: 0 10%;
    min-width: 10%;
  }
  .row .col.col-md-11 {
    flex: 0 11%;
    min-width: 11%;
  }
  .row .col.col-md-12 {
    flex: 0 12%;
    min-width: 12%;
  }
  .row .col.col-md-13 {
    flex: 0 13%;
    min-width: 13%;
  }
  .row .col.col-md-14 {
    flex: 0 14%;
    min-width: 14%;
  }
  .row .col.col-md-15 {
    flex: 0 15%;
    min-width: 15%;
  }
  .row .col.col-md-16 {
    flex: 0 16%;
    min-width: 16%;
  }
  .row .col.col-md-17 {
    flex: 0 17%;
    min-width: 17%;
  }
  .row .col.col-md-18 {
    flex: 0 18%;
    min-width: 18%;
  }
  .row .col.col-md-19 {
    flex: 0 19%;
    min-width: 19%;
  }
  .row .col.col-md-20 {
    flex: 0 20%;
    min-width: 20%;
  }
  .row .col.col-md-21 {
    flex: 0 21%;
    min-width: 21%;
  }
  .row .col.col-md-22 {
    flex: 0 22%;
    min-width: 22%;
  }
  .row .col.col-md-23 {
    flex: 0 23%;
    min-width: 23%;
  }
  .row .col.col-md-24 {
    flex: 0 24%;
    min-width: 24%;
  }
  .row .col.col-md-25 {
    flex: 0 25%;
    min-width: 25%;
  }
  .row .col.col-md-26 {
    flex: 0 26%;
    min-width: 26%;
  }
  .row .col.col-md-27 {
    flex: 0 27%;
    min-width: 27%;
  }
  .row .col.col-md-28 {
    flex: 0 28%;
    min-width: 28%;
  }
  .row .col.col-md-29 {
    flex: 0 29%;
    min-width: 29%;
  }
  .row .col.col-md-30 {
    flex: 0 30%;
    min-width: 30%;
  }
  .row .col.col-md-31 {
    flex: 0 31%;
    min-width: 31%;
  }
  .row .col.col-md-32 {
    flex: 0 32%;
    min-width: 32%;
  }
  .row .col.col-md-33 {
    flex: 0 33%;
    min-width: 33%;
  }
  .row .col.col-md-34 {
    flex: 0 34%;
    min-width: 34%;
  }
  .row .col.col-md-35 {
    flex: 0 35%;
    min-width: 35%;
  }
  .row .col.col-md-36 {
    flex: 0 36%;
    min-width: 36%;
  }
  .row .col.col-md-37 {
    flex: 0 37%;
    min-width: 37%;
  }
  .row .col.col-md-38 {
    flex: 0 38%;
    min-width: 38%;
  }
  .row .col.col-md-39 {
    flex: 0 39%;
    min-width: 39%;
  }
  .row .col.col-md-40 {
    flex: 0 40%;
    min-width: 40%;
  }
  .row .col.col-md-41 {
    flex: 0 41%;
    min-width: 41%;
  }
  .row .col.col-md-42 {
    flex: 0 42%;
    min-width: 42%;
  }
  .row .col.col-md-43 {
    flex: 0 43%;
    min-width: 43%;
  }
  .row .col.col-md-44 {
    flex: 0 44%;
    min-width: 44%;
  }
  .row .col.col-md-45 {
    flex: 0 45%;
    min-width: 45%;
  }
  .row .col.col-md-46 {
    flex: 0 46%;
    min-width: 46%;
  }
  .row .col.col-md-47 {
    flex: 0 47%;
    min-width: 47%;
  }
  .row .col.col-md-48 {
    flex: 0 48%;
    min-width: 48%;
  }
  .row .col.col-md-49 {
    flex: 0 49%;
    min-width: 49%;
  }
  .row .col.col-md-50 {
    flex: 0 50%;
    min-width: 50%;
  }
  .row .col.col-md-51 {
    flex: 0 51%;
    min-width: 51%;
  }
  .row .col.col-md-52 {
    flex: 0 52%;
    min-width: 52%;
  }
  .row .col.col-md-53 {
    flex: 0 53%;
    min-width: 53%;
  }
  .row .col.col-md-54 {
    flex: 0 54%;
    min-width: 54%;
  }
  .row .col.col-md-55 {
    flex: 0 55%;
    min-width: 55%;
  }
  .row .col.col-md-56 {
    flex: 0 56%;
    min-width: 56%;
  }
  .row .col.col-md-57 {
    flex: 0 57%;
    min-width: 57%;
  }
  .row .col.col-md-58 {
    flex: 0 58%;
    min-width: 58%;
  }
  .row .col.col-md-59 {
    flex: 0 59%;
    min-width: 59%;
  }
  .row .col.col-md-60 {
    flex: 0 60%;
    min-width: 60%;
  }
  .row .col.col-md-61 {
    flex: 0 61%;
    min-width: 61%;
  }
  .row .col.col-md-62 {
    flex: 0 62%;
    min-width: 62%;
  }
  .row .col.col-md-63 {
    flex: 0 63%;
    min-width: 63%;
  }
  .row .col.col-md-64 {
    flex: 0 64%;
    min-width: 64%;
  }
  .row .col.col-md-65 {
    flex: 0 65%;
    min-width: 65%;
  }
  .row .col.col-md-66 {
    flex: 0 66%;
    min-width: 66%;
  }
  .row .col.col-md-67 {
    flex: 0 67%;
    min-width: 67%;
  }
  .row .col.col-md-68 {
    flex: 0 68%;
    min-width: 68%;
  }
  .row .col.col-md-69 {
    flex: 0 69%;
    min-width: 69%;
  }
  .row .col.col-md-70 {
    flex: 0 70%;
    min-width: 70%;
  }
  .row .col.col-md-71 {
    flex: 0 71%;
    min-width: 71%;
  }
  .row .col.col-md-72 {
    flex: 0 72%;
    min-width: 72%;
  }
  .row .col.col-md-73 {
    flex: 0 73%;
    min-width: 73%;
  }
  .row .col.col-md-74 {
    flex: 0 74%;
    min-width: 74%;
  }
  .row .col.col-md-75 {
    flex: 0 75%;
    min-width: 75%;
  }
  .row .col.col-md-76 {
    flex: 0 76%;
    min-width: 76%;
  }
  .row .col.col-md-77 {
    flex: 0 77%;
    min-width: 77%;
  }
  .row .col.col-md-78 {
    flex: 0 78%;
    min-width: 78%;
  }
  .row .col.col-md-79 {
    flex: 0 79%;
    min-width: 79%;
  }
  .row .col.col-md-80 {
    flex: 0 80%;
    min-width: 80%;
  }
  .row .col.col-md-81 {
    flex: 0 81%;
    min-width: 81%;
  }
  .row .col.col-md-82 {
    flex: 0 82%;
    min-width: 82%;
  }
  .row .col.col-md-83 {
    flex: 0 83%;
    min-width: 83%;
  }
  .row .col.col-md-84 {
    flex: 0 84%;
    min-width: 84%;
  }
  .row .col.col-md-85 {
    flex: 0 85%;
    min-width: 85%;
  }
  .row .col.col-md-86 {
    flex: 0 86%;
    min-width: 86%;
  }
  .row .col.col-md-87 {
    flex: 0 87%;
    min-width: 87%;
  }
  .row .col.col-md-88 {
    flex: 0 88%;
    min-width: 88%;
  }
  .row .col.col-md-89 {
    flex: 0 89%;
    min-width: 89%;
  }
  .row .col.col-md-90 {
    flex: 0 90%;
    min-width: 90%;
  }
  .row .col.col-md-91 {
    flex: 0 91%;
    min-width: 91%;
  }
  .row .col.col-md-92 {
    flex: 0 92%;
    min-width: 92%;
  }
  .row .col.col-md-93 {
    flex: 0 93%;
    min-width: 93%;
  }
  .row .col.col-md-94 {
    flex: 0 94%;
    min-width: 94%;
  }
  .row .col.col-md-95 {
    flex: 0 95%;
    min-width: 95%;
  }
  .row .col.col-md-96 {
    flex: 0 96%;
    min-width: 96%;
  }
  .row .col.col-md-97 {
    flex: 0 97%;
    min-width: 97%;
  }
  .row .col.col-md-98 {
    flex: 0 98%;
    min-width: 98%;
  }
  .row .col.col-md-99 {
    flex: 0 99%;
    min-width: 99%;
  }
  .row .col.col-md-100 {
    flex: 0 100%;
    min-width: 100%;
  }
}

.box-border {
  border: 1px solid #b7b7b7;
  overflow: hidden;
  border-radius: 12px;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-end {
  justify-content: end !important;
}

.align-self-center {
  align-self: center;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: end;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.pt-20 {
  padding-top: 20px !important;
}

@media (max-width: 740px) {
  .pt-md-70 {
    padding-top: 70px !important;
  }
}

.pt-0 {
  padding-top: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

@media (max-width: 740px) {
  .order-md-2 {
    order: 2;
  }
}

@media (max-width: 740px) {
  .order-md-1 {
    order: 1;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  font-family: "Noto Serif TC", serif;
  background: #fff;
  z-index: 2;
  box-sizing: border-box;
  padding: 0 20px;
}
@media (max-width: 740px) {
  .wrapper {
    overflow: hidden;
    padding: 90px 0 0;
  }
}
.wrapper img {
  width: 100%;
  max-width: 100%;
}
.wrapper .img-auto {
  width: auto;
  max-width: 100%;
}
.wrapper .header {
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding-top: 45px;
  padding-bottom: 30px;
}
@media (max-width: 740px) {
  .wrapper .header {
    position: fixed;
    padding: 0;
    height: auto;
    z-index: 99;
    left: 0;
    top: 0;
  }
}
.wrapper .header .header-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .wrapper .header .header-content {
    padding: 20px;
  }
}
.wrapper .header .header-content .main {
  display: flex;
  align-items: end;
  margin-bottom: 35px;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .main {
    margin-bottom: 0;
  }
}
.wrapper .header .header-content .main h1 {
  width: 100%;
  max-width: 360px;
  margin-right: auto;
  font-size: 0;
  text-indent: 0%;
  color: rgba(255, 255, 255, 0);
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .wrapper .header .header-content .main h1 {
    max-width: 250px;
  }
}
@media (max-width: 740px) {
  .wrapper .header .header-content .main h1 {
    max-width: 280px;
  }
}
.wrapper .header .header-content .main h1 .logo {
  display: block;
  width: 100%;
  max-width: 100%;
}
.wrapper .header .header-content .main .other {
  display: flex;
  align-items: center;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .main .other {
    display: none;
  }
}
.wrapper .header .header-content .main .other .search {
  display: flex;
  width: 180px;
  max-width: 100%;
  align-items: center;
}
.wrapper .header .header-content .main .other .search .form-control {
  width: 84%;
  border-radius: 10px;
  height: calc(2rem + 2px);
  padding: 6px 10px;
  border: 1px solid #808080;
  background-color: #f6f6f6;
  font-size: 16px;
}
.wrapper .header .header-content .main .other .search a {
  width: 38.5px !important;
}
.wrapper .header .header-content .main .other a {
  display: block;
  width: 35px;
  margin-left: 5px;
}
.wrapper .header .header-content .hamburger-btn {
  display: none;
  position: absolute;
  padding: 8px 18px;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .hamburger-btn {
    display: block;
  }
}
.wrapper .header .header-content .hamburger-menu {
  position: relative;
  display: block;
}
.wrapper .header .header-content .hamburger-menu .line {
  width: 40px;
  height: 3px;
  background-color: #8f8f8f;
  display: block;
  margin: 12px auto;
  transition: all 0.3s ease-in-out;
}
.wrapper .header .header-content .hamburger-menu .line:nth-child(2) {
  transition-delay: 0.3s;
}
.wrapper .header .header-content .animate {
  transform: rotate(90deg);
}
.wrapper .header .header-content .animate .line:nth-child(1) {
  width: 30px;
  transform-origin: left;
  transform: translateY(14px) rotate(45deg);
}
.wrapper .header .header-content .animate .line:nth-child(2) {
  transition: none;
  opacity: 0;
}
.wrapper .header .header-content .animate .line:nth-child(3) {
  width: 30px;
  transform-origin: left;
  transform: translateY(-14px) rotate(-45deg);
}
.wrapper .header .header-content .menu {
  position: relative;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu {
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: calc(100vh - 70px);
    background-color: #fff;
    right: 0;
    top: 70px;
    right: -100%;
    transition: right 0.3s ease;
    padding: 20px 20px 150px;
    box-sizing: border-box;
    overflow-y: auto;
  }
}
.wrapper .header .header-content .menu.active {
  right: 0;
  transition: right 0.5s ease;
}
.wrapper .header .header-content .menu .search-m {
  display: none;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu .search-m {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
  }
}
.wrapper .header .header-content .menu .search-m .form-control {
  width: 70%;
  border-radius: 10px;
  height: calc(2.5rem + 2px);
  display: block;
  padding: 6px 20px;
  border: 1px solid #808080;
  background-color: #f6f6f6;
  font-size: 18px;
}
.wrapper .header .header-content .menu .search-m .other-m {
  display: flex;
}
.wrapper .header .header-content .menu .search-m .other-m a {
  display: block;
  width: 45px;
  margin-left: 5px;
}
.wrapper .header .header-content .menu ul {
  margin: 0;
  display: flex;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu ul {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    z-index: 9;
  }
}
.wrapper .header .header-content .menu ul li {
  position: relative;
  flex: 1 1 auto !important;
  padding: 0 10px;
  text-align: center;
  cursor: pointer;
  padding-bottom: 20px;
  list-style-type: none;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu ul li {
    display: block;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #f1f1f1;
  }
}
.wrapper .header .header-content .menu ul li:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 24px;
  background-color: #000;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu ul li:first-child::before {
    display: none;
  }
}
.wrapper .header .header-content .menu ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 24px;
  background-color: #000;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu ul li::after {
    display: none;
  }
}
@media (min-width: 740px) {
  .wrapper .header .header-content .menu ul li:hover a {
    background-color: #dca952;
    color: #fff;
  }
}
@media (min-width: 740px) {
  .wrapper .header .header-content .menu ul li:hover .drowdown-menu {
    top: calc(100% - 10px);
    opacity: 1;
    height: auto;
    transition: 0.5s ease all;
  }
  .wrapper .header .header-content .menu ul li:hover .drowdown-menu a {
    background-color: #fff;
  }
}
.wrapper .header .header-content .menu ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  padding: 3px 25px;
  color: #333333;
  font-weight: 600;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .wrapper .header .header-content .menu ul li a {
    font-size: 16px;
    padding: 3px 5px;
  }
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu ul li a {
    display: block;
    text-align: center;
    padding: 30px 20px;
    font-size: 20px;
    color: #000;
    border-radius: 0;
  }
}
@media (min-width: 740px) {
  .wrapper .header .header-content .menu ul li a:hover {
    transition: 0.3s ease all;
  }
  .wrapper .header .header-content .menu ul li a:hover::before {
    left: 0;
    right: 0;
  }
}
.wrapper .header .header-content .menu ul li a.drowdown-btn {
  position: relative;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu ul li a.drowdown-btn::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    padding-right: 0;
    margin-right: 10px;
    vertical-align: 4px;
    border: 1px solid #888888;
    border-bottom: none;
    border-left: none;
    transform: translateY(-50%) rotate(135deg);
    left: 20px;
    top: 50%;
    transition: 0.3s ease all;
  }
}
.wrapper .header .header-content .menu ul li a.active {
  transition: 0.3s ease all;
  color: #dca952;
}
.wrapper .header .header-content .menu ul li a.active::before {
  transform: translateY(-50%) rotate(-45deg);
  transition: 0.3s ease all;
}
.wrapper .header .header-content .menu ul li .drowdown-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  top: calc(100% - 20px);
  left: 0;
  opacity: 0;
  height: 0;
  width: 100%;
  max-width: 100%;
  transition: 0.5s ease all;
  box-shadow: 0px 3px 9px #c1c1c1;
  z-index: 9;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu ul li .drowdown-menu {
    position: relative;
    opacity: 1;
    top: 0;
    border-radius: 0;
    height: auto;
    box-shadow: none;
    border: 1px solid #fff;
    padding: 5px 0 35px;
    display: none;
    overflow: visible;
    transition: none;
  }
}
.wrapper .header .header-content .menu ul li .drowdown-menu li {
  border: none;
  padding: 0;
  list-style-type: none;
}
.wrapper .header .header-content .menu ul li .drowdown-menu li::before, .wrapper .header .header-content .menu ul li .drowdown-menu li::after {
  display: none;
}
.wrapper .header .header-content .menu ul li .drowdown-menu li a {
  display: block;
  position: relative;
  color: #231815;
  padding: 10px;
  font-size: 18px;
  border-radius: 0;
}
@media (max-width: 992px) {
  .wrapper .header .header-content .menu ul li .drowdown-menu li a {
    font-size: 12px;
  }
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu ul li .drowdown-menu li a {
    font-size: 20px;
    padding: 25px 20px;
    color: #666666;
  }
}
@media (min-width: 740px) {
  .wrapper .header .header-content .menu ul li .drowdown-menu li a:hover {
    background-color: #f1f1f1;
    transition: 0.3s ease all;
  }
}
.wrapper .header .header-content .menu ul li .drowdown-menu li a::before {
  display: none;
}
.wrapper .header .header-content .menu .footer-link-m {
  display: none;
}
@media (max-width: 740px) {
  .wrapper .header .header-content .menu .footer-link-m {
    display: block;
    padding-top: 90px;
  }
}
.wrapper .header .header-content .menu .footer-link-m ul li {
  border-bottom: none;
  margin-bottom: 10px;
  list-style-type: none;
}
.wrapper .header .header-content .menu .footer-link-m ul li a {
  width: 100%;
  max-width: 210px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  background-color: #d3aa60;
  padding: 8px 20px;
  color: #fff;
  border-radius: 20px;
}
.wrapper .fixed-link {
  position: fixed;
  width: 100%;
  max-width: 35px;
  left: calc(50vw + 550px);
  bottom: 30px;
  z-index: 8;
}
@media (max-width: 740px) {
  .wrapper .fixed-link {
    max-width: 35px;
    right: 3%;
    bottom: 3%;
  }
}
@media (max-width: 1200px) {
  .wrapper .fixed-link {
    left: auto;
    right: 17px;
  }
}
.wrapper .fixed-link a {
  display: block;
  transition: 0.3s ease all;
  z-index: 1;
  margin-bottom: 20px;
}
@media (max-width: 740px) {
  .wrapper .fixed-link a {
    margin-bottom: 10px;
  }
}
.wrapper .fixed-link a img {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 740px) {
  .wrapper .fixed-link .gotop:hover {
    transform: translateY(-10px);
    transition: 0.3s ease all;
  }
}
.wrapper .fixed-link .share-btn {
  position: relative;
  display: block;
  cursor: pointer;
}
.wrapper .fixed-link .share-btn.active ul {
  width: 200px;
}
.wrapper .fixed-link .share-btn ul {
  position: absolute;
  width: 0px;
  display: flex;
  flex-direction: row-reverse;
  right: calc(100% + 10px);
  top: 0;
  transition: 0.3s ease all;
}
.wrapper .fixed-link .share-btn ul li {
  display: inline-block;
  max-width: 35px;
  padding: 0 5px;
  list-style-type: none;
}
.wrapper .fixed-link .share-btn ul li a {
  margin-bottom: 0;
  transition: 0.5s ease all;
  opacity: 0;
  transform: translateX(150%) scale(0);
}
.wrapper .fixed-link .share-btn ul li a.open {
  transform: translateX(0) scale(1);
  opacity: 1;
  transition: 0.5s ease all;
}
@media (min-width: 740px) {
  .wrapper .fixed-link .share-btn ul li a.open:hover {
    transform: translateX(0) scale(1.1);
    transition: 0.3s ease all;
  }
}
.wrapper .layout {
  max-width: 1200px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0.5;
}
.wrapper .e_swiper {
  max-width: 1366px;
  overflow: hidden;
}
.wrapper .swiper-slide {
  width: 100%;
}
.wrapper .swiper-slide img {
  display: block;
}
.wrapper .swiper-container-horizontal > .swiper-pagination-bullets,
.wrapper .swiper-pagination-custom,
.wrapper .swiper-pagination-fraction {
  bottom: -17px;
  text-align: right;
  max-width: 1200px;
  /* left: 0; */
  /* position: absolute; */
  margin: 0 auto;
  right: 0;
}
@media (max-width: 740px) {
  .wrapper .swiper-container-horizontal > .swiper-pagination-bullets,
  .wrapper .swiper-pagination-custom,
  .wrapper .swiper-pagination-fraction {
    right: auto;
    text-align: center;
  }
}
.wrapper .swiper-pagination-bullet {
  width: 35px;
  height: 5px;
  border-radius: 15px;
}
.wrapper .swiper-pagination-bullet {
  background: #8f8f8f;
  cursor: pointer;
}
.wrapper .swiper-pagination-bullet-active {
  background: #a6a6a6;
}
.wrapper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 0 15px;
}
.wrapper .e_art01 {
  max-width: 1366px;
  display: block;
  position: relative;
  margin: 100px 0;
}
@media (max-width: 740px) {
  .wrapper .e_art01 {
    margin: 30px auto;
    width: 85%;
  }
}
.wrapper .e_art01 .e_art_line {
  position: relative;
  padding: 15px 0;
  border-top: 2px solid #dca952;
  border-bottom: 2px solid #dca952;
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line {
    border-top: none;
    border-bottom: none;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box {
  position: relative;
  max-width: 1366px;
  text-decoration: none;
  display: block;
  text-align: right;
  z-index: 1;
  color: #333333;
  transition: all 0.3s ease-in-out;
}
.wrapper .e_art01 .e_art_line .e_art_box:hover {
  background: #eee;
  transition: all 0.3s ease-in-out;
}
.wrapper .e_art01 .e_art_line .e_art_box:hover .e_box_note .e_art_tit span img {
  right: -16%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box {
    display: flex;
    flex-wrap: wrap;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_box_note {
  display: inline-block;
  width: 42%;
  text-align: left;
  vertical-align: middle;
  order: 1;
  position: relative;
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note {
    flex: 100%;
    order: 2;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit {
  padding: 0 20%;
  position: relative;
}
@media (max-width: 992px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit {
    padding: 10px 12%;
  }
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit {
    padding: 22% 15% 22% 15%;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit h2 {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 2em;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit h2 {
    font-size: 20px;
    line-height: 1;
  }
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit h2 {
    font-size: 1.3em;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit h3 {
  font-size: 1.3em;
  line-height: 2em;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit h3 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit h3 {
    font-size: 1.2em;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit p {
  font-size: 1.1em;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: normal;
}
@media (max-width: 992px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit p {
    font-size: 16px;
  }
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit p {
    font-size: 1em;
    margin: 15px 0 0 0;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit span {
  position: absolute;
  width: 60%;
  /* top: 0; */
  bottom: 15%;
  /* padding: 5% 0; */
  display: block;
  border-bottom: none;
  text-align: right;
  border-bottom: none;
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit span {
    width: 100%;
    padding: 5% 0;
    bottom: auto;
    position: relative;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit span::before {
  display: none;
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit span::before {
    display: inline-block;
    content: "";
    width: calc(100% - 60px);
    height: 1px;
    background-color: #a7a7a7;
    margin-right: 10px;
    vertical-align: middle;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit span img {
  position: absolute;
  top: 58%;
  right: -15%;
  width: 10%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit span img {
    right: -35%;
  }
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_box_note .e_art_tit span img {
    position: relative;
    top: 50%;
    right: 0;
    width: 40px;
    vertical-align: middle;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_art_p {
  display: inline-block;
  width: 57%;
  vertical-align: middle;
  order: 2;
  position: relative;
}
.wrapper .e_art01 .e_art_line .e_art_box .e_art_p::after {
  content: "";
  box-sizing: border-box;
  background: #dca952 right;
  background: linear-gradient(to right, rgba(220, 169, 82, 0) 0%, rgba(220, 169, 82, 0) 10%, rgb(220, 169, 82) 10.1%, rgb(220, 169, 82) 100%);
  width: 100%;
  height: calc(100% + 60px);
  right: 0;
  padding: 30px 0;
  top: -30px;
  position: absolute;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  z-index: 0;
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_art_p::after {
    height: calc(100% + 30px);
    right: 0;
    padding: 15px 0;
    top: -15px;
  }
}
@media (max-width: 740px) {
  .wrapper .e_art01 .e_art_line .e_art_box .e_art_p {
    width: 100%;
    flex: 100%;
    order: 1;
  }
}
.wrapper .e_art01 .e_art_line .e_art_box .e_art_p img {
  width: 100%;
  border-radius: 15px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
  position: relative;
  z-index: 1;
}
.wrapper .index_news {
  position: relative;
  max-width: 1366px;
  padding: 15px 0;
}
@media (max-width: 740px) {
  .wrapper .index_news {
    margin: 0 0 50px 0;
  }
}
.wrapper .index_news .e_index_linkbt {
  position: absolute;
  width: 82%;
  /* top: 0; */
  bottom: 14.3%;
  /* padding: 5% 0; */
  display: block;
  border-bottom: none;
  text-align: right;
  border-bottom: none;
  z-index: 9;
}
@media (max-width: 740px) {
  .wrapper .index_news .e_index_linkbt {
    width: 100%;
    max-width: 100%;
    bottom: auto;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 5% 20%;
  }
}
.wrapper .index_news .e_index_linkbt::before {
  display: none;
}
@media (max-width: 740px) {
  .wrapper .index_news .e_index_linkbt::before {
    display: inline-block;
    content: "";
    width: calc(100% - 60px);
    height: 1px;
    background-color: #a7a7a7;
    margin-right: 10px;
    vertical-align: middle;
  }
}
.wrapper .index_news .e_index_linkbt img {
  position: absolute;
  top: 58%;
  right: -15%;
  width: 3%;
  transition: all 0.3s ease-in-out;
}
.wrapper .index_news .e_index_linkbt img:hover {
  right: -15.5%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 740px) {
  .wrapper .index_news .e_index_linkbt img {
    position: relative;
    top: 68%;
    right: 0;
    width: 40px;
    vertical-align: middle;
  }
}
.wrapper .index_news h2 {
  width: 23%;
  color: #dca952;
  font-weight: bold;
  font-size: 1.6em;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 992px) {
  .wrapper .index_news h2 {
    font-size: 22px;
  }
}
@media (max-width: 740px) {
  .wrapper .index_news h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 5%;
    font-size: 1.3em;
  }
}
.wrapper .index_news .e_news_list {
  width: 75%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 740px) {
  .wrapper .index_news .e_news_list {
    width: 100%;
    text-align: center;
    padding: 0 20%;
    box-sizing: border-box;
  }
}
.wrapper .index_news .e_news_list a {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 0 0 50px 0;
  color: #333;
}
@media (max-width: 992px) {
  .wrapper .index_news .e_news_list a {
    padding: 0 0 30px 0;
  }
}
.wrapper .index_news .e_news_list a:hover {
  text-decoration: underline;
}
.wrapper .index_news .e_news_list a h4 {
  width: 100%;
  display: block;
  font-size: 1em;
  line-height: 2em;
}
@media (max-width: 740px) {
  .wrapper .index_news .e_news_list a h4 {
    font-size: 0.9em;
  }
}
.wrapper .index_news .e_news_list a h3 {
  width: 100%;
  display: block;
  font-size: 1.5em;
  line-height: 2em;
}
@media (max-width: 992px) {
  .wrapper .index_news .e_news_list a h3 {
    font-size: 20px;
  }
}
@media (max-width: 740px) {
  .wrapper .index_news .e_news_list a h3 {
    font-size: 1.2em;
  }
}
.wrapper .index_link {
  position: relative;
  max-width: 1366px;
}
.wrapper .index_link h2 {
  width: 20%;
  color: #dca952;
  font-weight: bold;
  font-size: 1.6em;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 992px) {
  .wrapper .index_link h2 {
    font-size: 22px;
  }
}
@media (max-width: 740px) {
  .wrapper .index_link h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 5%;
    font-size: 1.3em;
  }
}
.wrapper .index_link .e_link_list {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 740px) {
  .wrapper .index_link .e_link_list {
    display: block;
    margin: 0 auto;
  }
}
.wrapper .index_link .e_link_list a {
  display: inline-block;
  width: 24%;
  text-decoration: none;
  margin: 0 5% 0 0;
}
@media (max-width: 740px) {
  .wrapper .index_link .e_link_list a {
    display: block;
    width: 70%;
    margin: 0 auto;
  }
}
.wrapper .breadcrumb {
  width: 1200px;
  max-width: 100%;
  background-color: #fff;
  margin: 0 auto;
  padding: 0 20px 25px;
  list-style: none;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .wrapper .breadcrumb {
    display: none;
  }
}
.wrapper .breadcrumb .breadcrumb-item {
  position: relative;
  display: inline-block;
}
.wrapper .breadcrumb .breadcrumb-item:first-child a {
  padding-left: 0;
}
.wrapper .breadcrumb .breadcrumb-item:first-child::before {
  display: none;
}
.wrapper .breadcrumb .breadcrumb-item::before {
  content: "｜";
  display: inline-block;
  color: #a7a7a7;
}
.wrapper .breadcrumb .breadcrumb-item a {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  color: #999999;
  text-decoration: none;
  padding: 0 10px;
}
.wrapper .breadcrumb .breadcrumb-item a:hover {
  color: #000;
}
.wrapper .breadcrumb .breadcrumb-item p {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  padding: 0 10px;
  margin: 0;
  display: inline-block;
}
.wrapper .section {
  position: relative;
}
.wrapper .section .content {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.wrapper .section .content .editor-text,
.wrapper .section .content .fr-view {
  color: #666666;
  box-sizing: border-box;
}
.wrapper .section .content .editor-text table,
.wrapper .section .content .fr-view table {
  margin: 10px 0;
}
.wrapper .section .content .editor-text table tr td,
.wrapper .section .content .fr-view table tr td {
  padding: 5px;
  width: auto;
  word-wrap: break-word;
  word-break: break-all;
}
@media (max-width: 740px) {
  .wrapper .section .content .editor-text table tr td p,
  .wrapper .section .content .fr-view table tr td p {
    font-size: 13px;
    word-wrap: break-word;
    word-break: break-all;
  }
}
.wrapper .section .content .editor-text .text-blue,
.wrapper .section .content .fr-view .text-blue {
  color: #0076b3;
}
.wrapper .section .content .editor-text img,
.wrapper .section .content .fr-view img {
  width: 100%;
  max-width: 100%;
}
.wrapper .section .content .editor-text ul,
.wrapper .section .content .editor-text ol,
.wrapper .section .content .fr-view ul,
.wrapper .section .content .fr-view ol {
  list-style-position: outside;
  padding-left: 20px;
}
.wrapper .section .content .editor-text h4,
.wrapper .section .content .fr-view h4 {
  font-size: 40px;
}
@media (max-width: 740px) {
  .wrapper .section .content .editor-text h4,
  .wrapper .section .content .fr-view h4 {
    font-size: 24px;
  }
}
.wrapper .section .content .editor-text p,
.wrapper .section .content .fr-view p {
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .section .content .editor-text p,
  .wrapper .section .content .fr-view p {
    font-size: 17px;
  }
}
.wrapper .section .content .editor-text a,
.wrapper .section .content .fr-view a {
  color: #d70c18;
  text-decoration: none;
}
@media (min-width: 740px) {
  .wrapper .section .content .editor-text a:hover,
  .wrapper .section .content .fr-view a:hover {
    opacity: 0.7;
  }
}
.wrapper .section .content .editor-text a.mail,
.wrapper .section .content .fr-view a.mail {
  color: #1877f2;
  text-decoration: underline;
}
.wrapper .section .content .editor-text .table-responsive,
.wrapper .section .content .fr-view .table-responsive {
  display: block;
  max-width: 1200px;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media (max-width: 740px) {
  .wrapper .section .content .editor-text .table-responsive table,
  .wrapper .section .content .fr-view .table-responsive table {
    width: 600px;
    display: block;
  }
}
.wrapper .section .content .editor-text .table-responsive table p,
.wrapper .section .content .fr-view .table-responsive table p {
  padding: 5px;
}
.wrapper .section .content .editor-text .fr-video,
.wrapper .section .content .fr-view .fr-video {
  position: relative;
  width: 100%;
  padding-bottom: 55%;
}
.wrapper .section .content .editor-text .fr-video iframe,
.wrapper .section .content .fr-view .fr-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.wrapper .section .content .l-title {
  display: flex;
  align-items: end;
  margin-bottom: 80px;
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title {
    margin-top: 15px;
    padding: 0 25px;
    margin-bottom: 50px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.wrapper .section .content .l-title img {
  width: auto;
  padding-right: 20px;
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title img {
    width: 100px;
    margin-bottom: 20px;
  }
}
.wrapper .section .content .l-title h2 {
  font-size: 80px;
  font-weight: 600;
  letter-spacing: 13px;
}
@media (max-width: 992px) {
  .wrapper .section .content .l-title h2 {
    font-size: 55px;
  }
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title h2 {
    letter-spacing: 2px;
    font-size: 35px;
  }
}
.wrapper .section .content .l-title h2 span {
  position: relative;
  padding-bottom: 30px;
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title h2 span {
    padding-bottom: 20px;
  }
}
.wrapper .section .content .l-title h2 span::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url("../img/title-deco.svg");
  background-repeat: no-repeat;
  background-size: cover;
  right: 50%;
  transform: translateX(50%);
  bottom: 0;
}
@media (max-width: 992px) {
  .wrapper .section .content .l-title h2 span::after {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title h2 span::after {
    width: 8px;
    height: 8px;
  }
}
.wrapper .section .content .l-title h2 span:first-child::after {
  content: "";
  background-position: left;
}
.wrapper .section .content .l-title h2 span:nth-child(2)::after {
  content: "";
  background-position: center;
}
.wrapper .section .content .l-title h2 span:nth-child(3)::after {
  content: "";
  width: 14px;
  height: 12px;
  background-position: right;
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title h2 span:nth-child(3)::after {
    width: 10px;
    height: 8px;
  }
}
.wrapper .section .content .l-title.award-title {
  flex-direction: row;
  align-items: end;
}
.wrapper .section .content .l-title.award-title h2 span {
  padding-bottom: 70px;
}
@media (max-width: 992px) {
  .wrapper .section .content .l-title.award-title h2 span {
    padding-bottom: 65px;
  }
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title.award-title h2 span {
    padding-bottom: 40px;
  }
}
.wrapper .section .content .l-title.award-title h2 p {
  font-size: 32px;
  letter-spacing: 1px;
  padding-top: 10px;
  padding-left: 8px;
}
@media (max-width: 992px) {
  .wrapper .section .content .l-title.award-title h2 p {
    font-size: 23px;
  }
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title.award-title h2 p {
    font-size: 12px;
  }
}
.wrapper .section .content .l-title.award-title h3 {
  font-family: "Cormorant Infant", serif;
  font-weight: 500;
  font-style: italic;
  font-size: 180px;
  color: #000;
  padding-right: 15px;
  line-height: 0.68;
  text-align: right;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .wrapper .section .content .l-title.award-title h3 {
    font-size: 140px;
  }
}
@media (max-width: 740px) {
  .wrapper .section .content .l-title.award-title h3 {
    font-size: 100px;
    padding-right: 10px;
  }
}
@media (max-width: 350px) {
  .wrapper .section .content .l-title.award-title h3 {
    width: 30%;
  }
}
@media (max-width: 740px) {
  .wrapper .section .content .l-info {
    padding: 0 25px 60px;
  }
}
.wrapper .section .content .l-info p {
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
}
@media (max-width: 740px) {
  .wrapper .section .content .l-info p {
    font-size: 16px;
  }
}
.wrapper .section .content .l-info p.text-b {
  font-size: 22px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .wrapper .section .content .l-info p.text-b {
    font-size: 18px;
  }
}
.wrapper .section .content .l-info p.text-b span {
  color: #d70c18;
}
@media (max-width: 740px) {
  .wrapper .section .content .category {
    padding: 0 25px;
    margin-bottom: 20px;
  }
}
.wrapper .section .content .category ul {
  margin: 0;
}
.wrapper .section .content .category ul.t-right {
  text-align: right;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul.t-right {
    text-align: center;
  }
}
.wrapper .section .content .category ul li {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-bottom: 20px;
  list-style-type: none;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li {
    min-width: 48%;
    padding-bottom: 10px;
  }
}
.wrapper .section .content .category ul li:hover a {
  color: #e20000;
  border: 1px solid #e20000;
}
.wrapper .section .content .category ul li:hover .category-drowdown-btn::before, .wrapper .section .content .category ul li:hover .category-drowdown-btn::after {
  background-image: url("../img/drop-down-h.svg");
  transform: rotate(-180deg);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 740px) {
  .wrapper .section .content .category ul li:hover .category-drowdown-menu {
    top: calc(100% - 10px);
    opacity: 1;
    height: auto;
    transition: 0.5s ease all;
  }
  .wrapper .section .content .category ul li:hover .category-drowdown-menu a {
    background-color: #fff;
  }
}
.wrapper .section .content .category ul li:hover.link-btn a::after {
  background-image: url("../img/external-link-02-h.svg");
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li.link-btn {
    width: auto;
  }
}
.wrapper .section .content .category ul li.link-btn a {
  position: relative;
  padding: 10px 30px 10px 40px;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li.link-btn a {
    padding: 10px 20px 10px 30px;
  }
}
.wrapper .section .content .category ul li.link-btn a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/external-link-02.svg");
  margin-left: 10px;
  vertical-align: 2px;
}
.wrapper .section .content .category ul li.link-btn a:hover::after {
  background-image: url("../img/external-link-02-h.svg");
}
.wrapper .section .content .category ul li a {
  display: block;
  font-size: 18px;
  padding: 10px 40px;
  text-decoration: none;
  color: #4d4d4d;
  border: 1px solid #a0a0a0;
  border-radius: 10px;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li a {
    text-align: center;
    font-size: 15px;
    padding: 8px 20px;
  }
}
.wrapper .section .content .category ul li a:hover {
  color: #e20000;
  border: 1px solid #e20000;
}
.wrapper .section .content .category ul li a.category-drowdown-btn {
  position: relative;
  min-width: 115px;
  text-align: center;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li a.category-drowdown-btn {
    display: none;
  }
}
.wrapper .section .content .category ul li a.category-drowdown-btn::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  background-image: url("../img/drop-down.svg");
  background-repeat: no-repeat;
  left: 14px;
  top: 15px;
  transition: all 0.3s ease-in-out;
}
.wrapper .section .content .category ul li a.category-drowdown-btn::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  background-image: url("../img/drop-down.svg");
  background-repeat: no-repeat;
  right: 14px;
  top: 15px;
  transition: all 0.3s ease-in-out;
  background-position: center;
}
.wrapper .section .content .category ul li .category-drowdown-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  top: calc(100% - 20px);
  left: 0;
  opacity: 0;
  height: 0;
  width: 100%;
  max-width: 100%;
  transition: 0.5s ease all;
  box-shadow: 0px 3px 9px #c1c1c1;
  z-index: 9;
  max-height: 190px;
  overflow-y: auto;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li .category-drowdown-menu {
    position: relative;
    opacity: 1;
    top: 0;
    border-radius: 0;
    height: auto;
    box-shadow: none;
    border: 1px solid #fff;
    padding: 5px 0 35px;
    display: none;
    overflow: visible;
    transition: none;
  }
}
.wrapper .section .content .category ul li .category-drowdown-menu li {
  border: none;
  padding: 0;
  list-style-type: none;
}
.wrapper .section .content .category ul li .category-drowdown-menu li::before, .wrapper .section .content .category ul li .category-drowdown-menu li::after {
  display: none;
}
.wrapper .section .content .category ul li .category-drowdown-menu li a {
  display: block;
  position: relative;
  color: #231815;
  padding: 10px;
  font-size: 18px;
  border-radius: 0;
  border: none;
  text-align: center;
}
@media (max-width: 992px) {
  .wrapper .section .content .category ul li .category-drowdown-menu li a {
    font-size: 18px;
  }
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li .category-drowdown-menu li a {
    font-size: 20px;
    padding: 25px 20px;
    color: #666666;
  }
}
@media (min-width: 740px) {
  .wrapper .section .content .category ul li .category-drowdown-menu li a:hover {
    background-color: #f1f1f1;
    transition: 0.3s ease all;
  }
}
.wrapper .section .content .category ul li .category-drowdown-menu li a::before {
  display: none;
}
.wrapper .section .content .category ul li .select {
  position: relative;
  cursor: pointer;
  display: none;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li .select {
    display: block;
  }
}
.wrapper .section .content .category ul li .select::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  background-image: url("../img/drop-down.svg");
  background-repeat: no-repeat;
  left: 14px;
  top: 50%;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  transform: translateY(-50%);
}
.wrapper .section .content .category ul li .select::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  background-image: url("../img/drop-down.svg");
  background-repeat: no-repeat;
  right: 14px;
  top: 50%;
  transition: all 0.3s ease-in-out;
  background-position: center;
  transform: translateY(-50%);
}
.wrapper .section .content .category ul li .select select {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  display: block;
  font-size: 18px;
  padding: 0.4rem 2rem;
  text-decoration: none;
  color: #4d4d4d;
  border: 1px solid #a0a0a0;
  background-color: #fff;
  border-radius: 12px;
  font-family: "Noto Serif TC", serif;
  text-align: left;
  text-align: -webkit-center;
  -moz-text-align-last: center;
       text-align-last: center;
  line-height: 1;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li .select select {
    font-size: 15px;
    padding: 8px 25px;
  }
}
.wrapper .section .content .category ul li .select select option {
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  text-align: -webkit-center;
}
.wrapper .section .content .category ul li .select .span {
  color: #4d4d4d;
  background: #fff;
  font-size: 18px;
  padding: 0.55rem 2rem 0.45rem;
  border: 1px solid #a0a0a0;
  line-height: var(--select-height);
  pointer-events: none;
  text-align: center;
  position: absolute;
  border-radius: 12px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  line-height: 1;
}
@media (max-width: 740px) {
  .wrapper .section .content .category ul li .select .span {
    font-size: 15px;
    padding: 8px 25px;
  }
}
.wrapper .section .content .title {
  padding: 10px 20px 25px;
  text-align: center;
}
@media (max-width: 740px) {
  .wrapper .section .content .title {
    padding: 0 20px 20px;
  }
}
.wrapper .section .content .title h3 {
  color: #4d4d4d;
  font-weight: 600;
  font-size: 25px;
}
@media (max-width: 740px) {
  .wrapper .section .content .title h3 {
    font-size: 20px;
  }
}
.wrapper .section .content .main-photo {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .wrapper .section .content .main-photo {
    border-radius: 0;
  }
}
.wrapper .section .content .main-photo.inner {
  margin-top: 60px;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .wrapper .section .content .main-photo.inner {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 740px) {
  .wrapper .section .content .main-photo.main-photo-part-all {
    border-radius: 12px;
    width: calc(100% - 60px);
    margin: 0 auto;
  }
}
.wrapper .section .content .main-photo p {
  background-color: #e20000;
  padding: 10px 20px;
  letter-spacing: 2px;
  font-size: 18px;
  color: #fff;
  text-align: right;
}
@media (max-width: 740px) {
  .wrapper .section .content .main-photo p {
    font-size: 14px;
    line-height: 1.5;
  }
}
.wrapper .section .content .main-photo .work_Swiper {
  position: relative;
}
.wrapper .section .content .main-photo .work_Swiper:hover .swiper-button-prev,
.wrapper .section .content .main-photo .work_Swiper:hover .swiper-button-next {
  opacity: 1;
  transition: 0.5s ease all;
}
.wrapper .section .content .main-photo .work_Swiper:hover .swiper-button-disabled {
  opacity: 0.35;
}
.wrapper .section .content .main-photo .work_Swiper .swiper-button-prev,
.wrapper .section .content .main-photo .work_Swiper .swiper-button-next {
  opacity: 0;
  width: 40px;
  height: 40px;
  background-color: #e20000;
  background-image: none;
  transition: 0.5s ease all;
}
.wrapper .section .content .main-photo .work_Swiper .swiper-button-next::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-left: none;
  border-bottom: none;
  transform: translateX(-75%) translateY(-50%) rotate(45deg);
  transform-origin: center;
  top: 50%;
  left: 50%;
}
.wrapper .section .content .main-photo .work_Swiper .swiper-button-prev::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-right: none;
  border-top: none;
  transform: translateX(-25%) translateY(-50%) rotate(45deg);
  transform-origin: center;
  top: 50%;
  left: 50%;
}
.wrapper .section .content .leader-photo {
  position: relative;
  padding: 40px 0;
}
@media (max-width: 740px) {
  .wrapper .section .content .leader-photo {
    padding: 40px 0 0;
  }
}
.wrapper .section .content .leader-photo::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 30px);
  top: 15px;
  border-top: 1px solid #dca952;
  border-bottom: 1px solid #dca952;
  z-index: -1;
}
@media (max-width: 740px) {
  .wrapper .section .content .leader-photo::before {
    display: none;
  }
}
.wrapper .section .content .leader-photo .photo-item {
  position: relative;
}
@media (max-width: 740px) {
  .wrapper .section .content .leader-photo .photo-item {
    margin-bottom: 100px;
  }
}
.wrapper .section .content .leader-photo .photo-item::after {
  content: "";
  position: absolute;
  width: 90%;
  height: calc(100% + 80px);
  top: -40px;
  right: 0;
  background-color: #dca952;
  border-radius: 0 12px 12px 0;
  z-index: -1;
}
@media (max-width: 740px) {
  .wrapper .section .content .leader-photo .photo-item::after {
    height: calc(100% + 40px);
    top: -20px;
  }
}
.wrapper .section .content .leader-photo .photo-item .photo {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}
.wrapper .section .content .leader-photo h2 {
  font-size: 24px;
  line-height: 1.5;
  padding-left: 10%;
}
@media (max-width: 740px) {
  .wrapper .section .content .leader-photo h2 {
    padding-left: 0;
    font-size: 18px;
  }
}
.wrapper .section .content .leader-photo .row {
  align-items: center;
}
.wrapper .section .content .more-btn {
  text-align: center;
  margin: 50px 0;
}
.wrapper .section .content .more-btn a {
  width: 30px;
  display: block;
  margin: 0 auto;
}
.wrapper .section .content .gotopage {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e20000;
  border-radius: 12px 0 0 12px;
  overflow: hidden;
  height: 36px;
  color: #fff;
}
.wrapper .section .content .gotopage .form-control {
  width: 30%;
  margin: 0 5px;
  background-color: #e20000;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  color: #fff;
  text-align: center;
}
.wrapper .section .content .next-page {
  text-align: center;
  margin-bottom: 20px;
}
.wrapper .section .content .next-page a {
  display: inline-block;
  font-size: 18px;
  color: #4d4d4d;
  padding: 10px 60px;
  border: 1px solid #a0a0a0;
  text-decoration: none;
  border-radius: 12px;
}
.wrapper .section .content .pagination {
  display: flex;
  border-radius: 12px;
  overflow: hidden;
}
.wrapper .section .content .pagination .page-item {
  flex: 1 1 auto !important;
  list-style-type: none;
}
.wrapper .section .content .pagination .page-item:nth-child(odd) {
  background-color: #e5e5e5;
}
.wrapper .section .content .pagination .page-item:nth-child(even) {
  background-color: #efefef;
}
.wrapper .section .content .pagination .page-item:first-child, .wrapper .section .content .pagination .page-item:last-child {
  background-color: #e20000;
}
.wrapper .section .content .pagination .page-item:first-child a, .wrapper .section .content .pagination .page-item:last-child a {
  color: #fff;
}
.wrapper .section .content .pagination .page-item:hover {
  background-color: #e20000;
}
.wrapper .section .content .pagination .page-item:hover a {
  color: #fff;
}
.wrapper .section .content .pagination .page-item.active {
  background-color: #e20000;
}
.wrapper .section .content .pagination .page-item.active a {
  color: #fff;
}
.wrapper .section .content .pagination .page-item.disabled {
  background-color: none;
  cursor: default;
  pointer-events: none;
}
.wrapper .section .content .pagination .page-item .page-link {
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 10px 5px;
  color: #1a1a1a;
}
.wrapper .section .content .pagination-m {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper .section .content .pagination-m .page-item {
  padding: 20px;
  border: 1px solid #a1a1a1;
  margin: 0 5px;
  padding: 10px 15px;
  list-style-type: none;
}
.wrapper .section .content .pagination-m .page-item.disabled {
  background-color: none;
  cursor: default;
  pointer-events: none;
  border: 1px solid #b2b1b2;
}
.wrapper .section .content .pagination-m .page-item.disabled .page-link {
  color: #b5b8bb;
}
.wrapper .section .content .pagination-m .page-item .page-link {
  display: block;
  font-size: 18px;
  text-decoration: none;
  color: #4d4d4d;
}
.wrapper .section .content .pagination-m p {
  font-size: 18px;
  color: #4d4d4d;
}
.wrapper .pic {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .wrapper .pic {
    margin-bottom: 60px;
  }
}
.wrapper .part-all {
  padding: 0;
}
@media (max-width: 740px) {
  .wrapper .part-all {
    padding: 0 30px;
  }
}
.wrapper .part {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 75px 50px 75px;
  border-radius: 12px;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .wrapper .part {
    border-radius: 0;
    padding: 60px 30px;
  }
}
.wrapper .part.bg-gray {
  background-color: #f0f0f0;
}
.wrapper .part.organize-part {
  padding: 30px 50px !important;
}
@media (max-width: 740px) {
  .wrapper .part.organize-part {
    padding: 25px 30px !important;
  }
}
.wrapper .part.news-part {
  padding: 30px 50px;
}
@media (max-width: 740px) {
  .wrapper .part.news-part {
    padding: 30px;
  }
}
.wrapper .part .text {
  width: 1020px;
  max-width: 100%;
  margin: 0 auto 25px;
}
.wrapper .part .text.text-less {
  height: 380px;
  overflow: hidden;
}
@media (max-width: 740px) {
  .wrapper .part .text.text-less {
    height: auto;
    overflow: visible;
  }
}
.wrapper .part .text.text-width-auto {
  width: 100%;
}
.wrapper .part .text .border-bottom-white {
  border-bottom: 1px solid #fff;
}
.wrapper .part .text .sign {
  width: auto;
  max-width: 100%;
}
@media (max-width: 740px) {
  .wrapper .part .text .sign {
    width: 120px;
  }
}
.wrapper .part .text .sign img {
  width: auto;
  max-width: 100%;
}
.wrapper .part .text h4 {
  color: #e20000;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 740px) {
  .wrapper .part .text h4 {
    padding: 0 0 40px;
  }
}
.wrapper .part .text h4.text-left {
  text-align: left;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .part .text h4.text-left {
    padding: 0 0 15px;
  }
}
.wrapper .part .text .organize-span {
  display: block;
  color: #e20000;
  font-weight: 600;
  font-size: 16px;
  padding-top: 10px;
}
@media (max-width: 740px) {
  .wrapper .part .text .organize-span {
    padding-top: 0;
    display: block;
  }
}
.wrapper .part .text p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 20px;
}
.wrapper .part .text p.weight-600 {
  font-weight: 600;
}
.wrapper .part .text p.organize-p {
  padding: 20px 10px 0;
}
@media (max-width: 740px) {
  .wrapper .part .text p.organize-p {
    margin-bottom: 10px;
    padding-top: 10px 10px 0;
  }
}
.wrapper .part .text ul li {
  position: relative;
  color: #333333;
  font-size: 18px;
  line-height: 1.5;
  padding-left: 20px;
  margin-bottom: 10px;
}
.wrapper .part .text ul li::before {
  content: "◎";
  position: absolute;
  left: 0;
}
.wrapper .part .text ul li p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
}
.wrapper .part .text ul li ol {
  padding-left: 20px;
}
.wrapper .part .text ul li ol li {
  font-size: 18px;
  list-style-type: decimal;
  padding-left: 0;
  margin-bottom: 0;
}
.wrapper .part .text ul li ol li::before {
  display: none;
}
.wrapper .part .text ul li ol li p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
}
.wrapper .part .text a {
  color: #e20000;
}
.wrapper .part.text-op {
  padding: 75px 50px;
}
.wrapper .part.text-op .text-less {
  height: auto;
  overflow: visible;
}
.wrapper .part.text-op .more-info {
  display: none;
}
.wrapper .part .more-info {
  position: absolute;
  font-size: 18px;
  color: #333333;
  text-decoration: underline;
  cursor: pointer;
  right: 50%;
  margin-top: -10px;
  transform: translateX(50%);
}
@media (max-width: 740px) {
  .wrapper .part .more-info {
    display: none;
  }
}
.wrapper .part .more-info:hover {
  color: #e20000;
}
.wrapper .part-item {
  margin-bottom: 20px;
}
.wrapper .part-item.annals {
  border-radius: 12px;
  border: 1px solid #a0a0a0;
  overflow: hidden;
}
@media (max-width: 740px) {
  .wrapper .part-item.annals {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
.wrapper .part-item .item {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 30px 50px 30px 90px;
  border-radius: 12px;
  box-sizing: border-box;
  border: 1px solid #a0a0a0;
  cursor: pointer;
  display: block;
}
@media (max-width: 740px) {
  .wrapper .part-item .item {
    border-right: none;
    border-left: none;
    border-radius: 0;
    padding: 30px 20px 30px 60px;
  }
}
.wrapper .part-item .item.active {
  display: none;
}
@media (min-width: 740px) {
  .wrapper .part-item .item:hover h5 {
    color: #e20000;
  }
}
.wrapper .part-item .item::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url("../img/more.svg");
  background-repeat: no-repeat;
  background-size: cover;
  left: 20px;
  top: 40px;
}
@media (max-width: 740px) {
  .wrapper .part-item .item::before {
    left: 10px;
    top: 30px;
  }
}
.wrapper .part-item .item h5 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .part-item .item h5 {
    font-size: 20px;
  }
}
.wrapper .part-item .item p {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
}
.wrapper .part-item .item-content {
  display: none;
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 75px 50px 100px;
  border-radius: 12px;
  box-sizing: border-box;
  background-color: #f0f0f0;
}
@media (max-width: 740px) {
  .wrapper .part-item .item-content {
    border-radius: 0;
    padding: 60px 30px;
  }
}
.wrapper .part-item .item-content .less-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url("../img/less.svg");
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  left: 20px;
  top: 40px;
}
@media (max-width: 740px) {
  .wrapper .part-item .item-content .less-btn {
    left: 10px;
    top: 30px;
  }
}
.wrapper .part-item .item-content.active {
  display: block;
}
.wrapper .part-item .item-content .text {
  width: 1020px;
  max-width: 100%;
  margin: 0 auto;
  height: 380px;
  overflow: hidden;
}
.wrapper .part-item .item-content .text.text-less {
  height: 380px;
  overflow: hidden;
}
@media (max-width: 740px) {
  .wrapper .part-item .item-content .text.text-less {
    height: auto;
    overflow: visible;
  }
}
.wrapper .part-item .item-content .text h4 {
  color: #e20000;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  padding: 0 0 35px;
}
@media (max-width: 740px) {
  .wrapper .part-item .item-content .text h4 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.wrapper .part-item .item-content .text p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 20px;
}
.wrapper .part-item .item-content .text ul li {
  position: relative;
  color: #333333;
  font-size: 18px;
  line-height: 1.5;
  padding-left: 20px;
  margin-bottom: 10px;
}
.wrapper .part-item .item-content .text ul li::before {
  content: "◎";
  position: absolute;
  left: 0;
}
.wrapper .part-item .item-content .text ul li p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
}
.wrapper .part-item .item-content .text ul li ol {
  padding-left: 20px;
}
.wrapper .part-item .item-content .text ul li ol li {
  font-size: 18px;
  list-style-type: decimal;
  padding-left: 0;
  margin-bottom: 0;
}
.wrapper .part-item .item-content .text ul li ol li::before {
  display: none;
}
.wrapper .part-item .item-content .text ul li ol li p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
}
.wrapper .part-item .item-content .text a {
  color: #e20000;
}
.wrapper .part-item .item-content .more-info {
  position: absolute;
  font-size: 18px;
  color: #333333;
  text-decoration: underline;
  cursor: pointer;
  right: 50%;
  margin-top: 10px;
  transform: translateX(50%);
}
@media (max-width: 740px) {
  .wrapper .part-item .item-content .more-info {
    display: none;
  }
}
.wrapper .part-item .item-content .more-info:hover {
  color: #e20000;
}
.wrapper .part-item .item-content.text-op {
  padding: 75px 50px;
}
@media (max-width: 740px) {
  .wrapper .part-item .item-content.text-op {
    padding: 60px 30px;
  }
}
.wrapper .part-item .item-content.text-op .text-less {
  height: auto;
  overflow: visible;
}
.wrapper .part-item .item-content.text-op .more-info {
  display: none;
}
.wrapper .part-item .annals-item {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 30px 50px 30px 90px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
}
@media (max-width: 740px) {
  .wrapper .part-item .annals-item {
    border-right: none;
    border-left: none;
    border-radius: 0;
    padding: 30px 20px 30px 60px;
  }
}
@media (min-width: 740px) {
  .wrapper .part-item .annals-item:hover::before {
    background-image: url("../img/less.svg");
  }
  .wrapper .part-item .annals-item:hover p {
    color: #d70c18;
  }
}
.wrapper .part-item .annals-item::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url("../img/more.svg");
  background-repeat: no-repeat;
  background-size: cover;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 740px) {
  .wrapper .part-item .annals-item::before {
    left: 10px;
  }
}
.wrapper .part-item .annals-item.active p {
  color: #d70c18;
}
.wrapper .part-item .annals-item.active::before {
  background-image: url("../img/less.svg");
}
.wrapper .part-item .annals-item p {
  font-size: 18px;
}
.wrapper .part-item .annals-content {
  display: block;
  padding: 80px 100px;
  background-color: #efefef;
}
@media (max-width: 740px) {
  .wrapper .part-item .annals-content {
    padding: 40px 30px;
  }
}
.wrapper .part-item .annals-content ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.wrapper .part-item .annals-content ul li {
  position: relative;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #4d4d4d;
  list-style-type: none;
}
.wrapper .part-item .annals-content ul li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #e12525;
  left: -13px;
  top: 13px;
}
.wrapper .part-item .annals-content .download-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
}
.wrapper .part-item .annals-content .download-text span a {
  color: #e20000;
  text-decoration: underline;
}
@media (min-width: 740px) {
  .wrapper .part-item .annals-content .download-text span a {
    opacity: 0.7;
  }
}
.wrapper .news {
  margin-bottom: 60px;
}
.wrapper .news .news-item .col {
  padding: 0 30px;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .wrapper .news .news-item .col {
    padding: 0;
  }
}
.wrapper .news .news-item .news-photo {
  display: block;
  text-decoration: none;
}
@media (max-width: 740px) {
  .wrapper .news .news-item .news-photo {
    display: none;
  }
}
.wrapper .news .news-item .news-info {
  margin-bottom: 5px;
}
.wrapper .news .news-item .news-info p {
  display: inline-block;
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
  overflow: visible;
}
@media (max-width: 740px) {
  .wrapper .news .news-item .news-info p {
    margin: 0;
  }
}
.wrapper .news .news-item .news-info p::after {
  display: none;
}
.wrapper .news .news-item .news-info a {
  text-decoration: none;
  display: inline-block;
  color: #dca952;
  font-size: 18px;
  margin: 0;
}
.wrapper .news .news-item .news-info a:hover {
  opacity: 0.7;
}
.wrapper .news .news-item .news-info a::before {
  content: "";
  width: 1px;
  height: 15px;
  display: inline-block;
  background-color: #333333;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: 0px;
}
.wrapper .news .news-item a {
  display: block;
  text-decoration: none;
  color: #666666;
  line-height: 1.5;
}
.wrapper .news .news-item a h3 {
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 740px) {
  .wrapper .news .news-item a h3 {
    font-size: 18px;
  }
}
.wrapper .news .news-item p {
  display: none;
  font-size: 18px;
  color: #666666;
  line-height: 1.8;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (max-width: 740px) {
  .wrapper .news .news-item p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
  }
}
.wrapper .news .news-item .news-more {
  padding-top: 5px;
  display: none;
}
@media (max-width: 740px) {
  .wrapper .news .news-item .news-more {
    display: flex;
    align-items: center;
    margin: 20px auto 0;
    width: 80%;
  }
}
@media (max-width: 740px) {
  .wrapper .news .news-item .news-more::before {
    display: inline-block;
    content: "";
    width: calc(100% - 50px);
    height: 1px;
    background-color: #a7a7a7;
  }
}
.wrapper .news .news-item .news-more > a {
  display: block;
  width: 30px;
  transition: 0.3s ease all;
  margin-bottom: 0;
}
@media (max-width: 740px) {
  .wrapper .news .news-item .news-more > a {
    width: 50px;
    padding: 10px;
  }
}
@media (min-width: 740px) {
  .wrapper .news .news-item .news-more > a:hover {
    transform: translateX(10px);
    transition: 0.3s ease all;
  }
}
.wrapper .part-list-item {
  border: 1px solid #a0a0a0;
  border-radius: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .wrapper .part-list-item {
    border-radius: 0px;
  }
}
.wrapper .part-list-item .list-item {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 30px 50px 30px 90px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
}
@media (max-width: 740px) {
  .wrapper .part-list-item .list-item {
    border-right: none;
    border-left: none;
    border-radius: 0;
    padding: 30px 20px 30px 60px;
  }
}
.wrapper .part-list-item .list-item.active h5 {
  color: #e20000;
}
.wrapper .part-list-item .list-item.active::before {
  background-image: url("../img/less.svg");
}
.wrapper .part-list-item .list-item:hover h5 {
  color: #e20000;
}
.wrapper .part-list-item .list-item::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url("../img/more.svg");
  background-repeat: no-repeat;
  background-size: cover;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 740px) {
  .wrapper .part-list-item .list-item::before {
    left: 20px;
  }
}
.wrapper .part-list-item .list-item h5 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0;
}
@media (max-width: 740px) {
  .wrapper .part-list-item .list-item h5 {
    font-size: 20px;
  }
}
.wrapper .part-list-item .list-item-content {
  position: relative;
  width: 1200px;
  max-width: calc(100% + 2px);
  display: none;
}
.wrapper .part-list-item .list-item-content h6.type {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 20px;
  border-top: 1px solid #eee;
  color: #e8191d;
}
.wrapper .part-list-item .list-item-content .table {
  width: 100%;
  text-align: left;
}
.wrapper .part-list-item .list-item-content .table th,
.wrapper .part-list-item .list-item-content .table td {
  padding: 20px;
  vertical-align: top;
}
@media (max-width: 740px) {
  .wrapper .part-list-item .list-item-content .table th,
  .wrapper .part-list-item .list-item-content .table td {
    padding: 10px;
  }
}
.wrapper .part-list-item .list-item-content .table thead th {
  font-size: 18px;
  color: #fff;
  background-color: #d70c18;
  padding: 10px 20px;
  border-right: 1px solid #fff;
}
@media (max-width: 740px) {
  .wrapper .part-list-item .list-item-content .table thead th {
    font-size: 15px;
    width: 38%;
    padding: 10px 5px;
    text-align: center;
    white-space: nowrap;
  }
}
.wrapper .part-list-item .list-item-content .table thead th:nth-child(1) {
  width: 55%;
}
.wrapper .part-list-item .list-item-content .table thead th.w-10 {
  width: 10%;
}
.wrapper .part-list-item .list-item-content .table tbody tr:nth-child(odd) {
  background-color: #efefef;
}
.wrapper .part-list-item .list-item-content .table tbody tr:nth-child(even) {
  background-color: #e5e5e5;
}
.wrapper .part-list-item .list-item-content .table tbody tr th {
  border-right: 1px solid #fff;
}
.wrapper .part-list-item .list-item-content .table tbody tr th h6 {
  font-size: 18px;
  color: #333333;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .part-list-item .list-item-content .table tbody tr th h6 {
    font-size: 16px;
  }
}
.wrapper .part-list-item .list-item-content .table tbody tr td {
  border-right: 1px solid #fff;
}
.wrapper .part-list-item .list-item-content .table tbody tr td p {
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
}
@media (max-width: 740px) {
  .wrapper .part-list-item .list-item-content .table tbody tr td p {
    font-size: 16px;
  }
}
@media (max-width: 740px) {
  .wrapper .work-part {
    padding: 0 30px;
  }
}
.wrapper .work-part .row .col {
  display: flex;
  flex-direction: column;
}
@media (min-width: 740px) {
  .wrapper .work-part .row .col:nth-child(3n+1) .work-item-content {
    margin-left: 0;
    margin-right: 12px;
  }
  .wrapper .work-part .row .col:nth-child(3n+2) .work-item-content {
    margin-left: 6px;
    margin-right: 6px;
  }
  .wrapper .work-part .row .col:nth-child(3n+3) .work-item-content {
    margin-right: 0;
    margin-left: 12px;
  }
}
.wrapper .work-part .work-item-content {
  border: 1px solid #b7b7b7;
  overflow: hidden;
  border-radius: 12px;
  height: 100%;
  flex: 1;
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content {
    height: auto;
    margin: 0px;
    flex: auto;
  }
}
.wrapper .work-part .work-item-content .work-item {
  display: block;
  text-decoration: none;
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
}
.wrapper .work-part .work-item-content .work-item .photo {
  display: block;
  padding-bottom: 55%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wrapper .work-part .work-item-content .work-item .text {
  padding: 30px 38px;
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content .work-item .text {
    padding: 15px 30px 20px;
  }
}
.wrapper .work-part .work-item-content .work-item .text .type {
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  color: #e20000;
  margin-bottom: 10px;
}
.wrapper .work-part .work-item-content .work-item .text .type:hover {
  opacity: 0.7;
}
.wrapper .work-part .work-item-content .work-item .text a {
  text-decoration: none;
  display: block;
}
.wrapper .work-part .work-item-content .work-item .text a:hover h6 {
  color: #e20000;
}
.wrapper .work-part .work-item-content .work-item .text a h6 {
  font-size: 24px;
  color: #333333;
  line-height: 1.3;
  font-weight: 600;
  min-height: 80px;
}
@media (max-width: 992px) {
  .wrapper .work-part .work-item-content .work-item .text a h6 {
    font-size: 20px;
  }
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content .work-item .text a h6 {
    font-size: 18px;
    line-height: 1.5;
    min-height: 60px;
  }
}
.wrapper .work-part .work-item-content .work-item .text a h6.height-auto {
  min-height: auto;
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content .work-item .text a h6.height-auto {
    min-height: auto;
  }
}
.wrapper .work-part .work-item-content .work-item .text p {
  font-size: 24px;
  line-height: 1.2;
  color: #666666;
  padding-top: 10px;
}
@media (max-width: 992px) {
  .wrapper .work-part .work-item-content .work-item .text p {
    font-size: 20px;
  }
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content .work-item .text p {
    font-size: 18px;
    line-height: 1.5;
  }
}
.wrapper .work-part .work-item-content .work-item.m-art .text, .wrapper .work-part .work-item-content .work-item.m-activity .text {
  padding: 30px;
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content .work-item.m-art .text, .wrapper .work-part .work-item-content .work-item.m-activity .text {
    padding: 15px 20px;
  }
}
.wrapper .work-part .work-item-content .work-item.m-art .text h6, .wrapper .work-part .work-item-content .work-item.m-activity .text h6 {
  color: #666666;
  margin-bottom: 10px;
  min-height: auto;
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info ul, .wrapper .work-part .work-item-content .work-item.m-activity .text .info ul {
  margin-bottom: 10px;
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info ul li, .wrapper .work-part .work-item-content .work-item.m-activity .text .info ul li {
  color: #dca952;
  font-size: 18px;
  line-height: 1.5;
  list-style-type: none;
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content .work-item.m-art .text .info ul li, .wrapper .work-part .work-item-content .work-item.m-activity .text .info ul li {
    font-size: 16px;
  }
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info ul li span, .wrapper .work-part .work-item-content .work-item.m-activity .text .info ul li span {
  padding: 0 5px;
  color: #666666;
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info ul li span:first-child::before, .wrapper .work-part .work-item-content .work-item.m-activity .text .info ul li span:first-child::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 17px;
  background-color: #666;
  margin: 0 10px 0 5px;
  vertical-align: -2px;
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info p, .wrapper .work-part .work-item-content .work-item.m-activity .text .info p {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 10px;
  color: #666666;
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content .work-item.m-art .text .info p, .wrapper .work-part .work-item-content .work-item.m-activity .text .info p {
    font-size: 16px;
  }
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info .label-bar, .wrapper .work-part .work-item-content .work-item.m-activity .text .info .label-bar {
  margin-top: 10px;
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info .label-bar ul, .wrapper .work-part .work-item-content .work-item.m-activity .text .info .label-bar ul {
  margin-bottom: 0;
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info .label-bar ul li, .wrapper .work-part .work-item-content .work-item.m-activity .text .info .label-bar ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 5px 5px 0;
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info .label-bar ul li a, .wrapper .work-part .work-item-content .work-item.m-activity .text .info .label-bar ul li a {
  display: block;
  color: #dca952;
  font-weight: 200;
  text-decoration: none;
  padding: 2px 10px;
  font-size: 18px;
  border: 1px solid #dca952;
  border-radius: 12px;
}
@media (max-width: 740px) {
  .wrapper .work-part .work-item-content .work-item.m-art .text .info .label-bar ul li a, .wrapper .work-part .work-item-content .work-item.m-activity .text .info .label-bar ul li a {
    font-size: 16px;
  }
}
.wrapper .work-part .work-item-content .work-item.m-art .text .info .label-bar ul li a:hover, .wrapper .work-part .work-item-content .work-item.m-activity .text .info .label-bar ul li a:hover {
  color: #fff;
  background-color: #dca952;
}
.wrapper .inner-page {
  padding-left: 40px;
}
@media (max-width: 740px) {
  .wrapper .inner-page {
    padding-right: 30px;
  }
}
.wrapper .inner-page .inner-page-info {
  position: relative;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-page-info {
    margin-bottom: 30px;
  }
}
.wrapper .inner-page .inner-page-info::before {
  content: "";
  position: absolute;
  width: 13px;
  height: calc(100% + 10px);
  background-color: #e20000;
  border-radius: 20px;
  left: -40px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-page-info::before {
    width: 7px;
    height: 100%;
    left: -25px;
  }
}
.wrapper .inner-page .inner-page-info .type {
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  color: #e20000;
  margin-bottom: 20px;
}
.wrapper .inner-page .inner-page-info .type:hover {
  opacity: 0.7;
}
.wrapper .inner-page .inner-page-info .info {
  margin-bottom: 15px;
  line-height: 1.6;
}
.wrapper .inner-page .inner-page-info .info li {
  display: flex;
  color: #d3aa60;
  font-size: 18px;
  margin-right: 20px;
  list-style-type: none;
  white-space: nowrap;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-page-info .info li {
    margin-bottom: 5px;
    font-size: 16px;
    margin-right: 10px;
  }
}
.wrapper .inner-page .inner-page-info .info li a {
  color: #d3aa60;
  text-decoration: none;
}
@media (min-width: 740px) {
  .wrapper .inner-page .inner-page-info .info li a:hover {
    opacity: 0.7;
  }
}
.wrapper .inner-page .inner-page-info .info li span {
  position: relative;
  font-size: 18px;
  color: #000;
  padding-left: 12px;
  margin-left: 10px;
  font-weight: 600;
  padding-right: 10px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-page-info .info li span {
    display: inline-block;
    font-size: 14px;
    white-space: normal;
  }
}
.wrapper .inner-page .inner-page-info .info li span::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 17px;
  background-color: #000;
  left: 0;
  top: 6px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-page-info .info li span::before {
    height: 14px;
    top: 0px;
  }
}
@media (max-width: 425px) {
  .wrapper .inner-page .inner-page-info .info li span::before {
    top: 5px;
  }
}
.wrapper .inner-page .inner-page-info h2 {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.5;
  font-weight: 600;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-page-info h2 {
    font-size: 20px;
  }
}
.wrapper .inner-page .inner-page-info p {
  font-size: 24px;
  color: #666666;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-page-info p {
    font-size: 20px;
  }
}
.wrapper .inner-page .inner-page-info p.photographer {
  font-size: 18px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-page-info p.photographer {
    font-size: 16px;
  }
}
.wrapper .inner-page .join {
  display: flex;
}
@media (max-width: 740px) {
  .wrapper .inner-page .join {
    flex-direction: column;
  }
}
.wrapper .inner-page .join h5 {
  margin-bottom: 0;
}
.wrapper .inner-page .join .join-btn {
  font-size: 18px;
  margin-left: auto;
  color: #fff;
  padding: 15px 30px;
  border-radius: 12px;
  align-self: start;
  white-space: nowrap;
}
@media (max-width: 740px) {
  .wrapper .inner-page .join .join-btn {
    margin-left: 0;
    padding: 10px 20px;
    margin-bottom: 55px;
  }
}
.wrapper .inner-page .join .join-btn.full {
  background-color: #dca952;
  cursor: auto;
}
.wrapper .inner-page .join .join-btn.join-pop {
  cursor: pointer;
  background-color: #dca952;
}
.wrapper .inner-page .join .join-btn.join-pop:hover {
  background-color: #e20000;
}
.wrapper .inner-page .inner-content {
  position: relative;
}
.wrapper .inner-page .inner-content::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 20px;
  background-color: #333333;
  border-radius: 20px;
  left: -40px;
  top: 8px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-content::before {
    width: 7px;
    height: 16px;
    left: -25px;
  }
}
.wrapper .inner-page .inner-content h3 {
  font-size: 24px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.wrapper .inner-page .inner-content .pic {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-content .pic {
    margin-bottom: 60px;
  }
}
.wrapper .inner-page .inner-content p {
  font-size: 18px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 10px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-content p {
    margin-bottom: 20px;
  }
}
.wrapper .inner-page .inner-content .label-bar p {
  font-size: 18px;
  font-weight: 200;
  color: #666666;
  margin-bottom: 10px;
}
.wrapper .inner-page .inner-content .label-bar ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 5px 5px 0;
}
.wrapper .inner-page .inner-content .label-bar ul li a {
  display: block;
  color: #d3aa60;
  font-weight: 200;
  text-decoration: none;
  padding: 8px 40px;
  border: 1px solid #d3aa60;
  border-radius: 12px;
}
@media (max-width: 740px) {
  .wrapper .inner-page .inner-content .label-bar ul li a {
    padding: 8px 20px;
  }
}
.wrapper .inner-page .inner-content .label-bar ul li a:hover {
  color: #fff;
  background-color: #d3aa60;
}
.wrapper .join-form {
  margin-top: 120px;
  border-top: 1px solid #666666;
  padding-top: 120px;
  display: none;
}
.wrapper .join-form.join-form-op {
  display: block;
}
.wrapper .join-form form .form-group {
  position: relative;
  padding: 0 20px;
  margin-bottom: 20px;
}
.wrapper .join-form form .form-group label {
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
.wrapper .join-form form .form-group label span {
  color: #e20000;
}
.wrapper .join-form form .form-group input,
.wrapper .join-form form .form-group select {
  font-size: 18px;
  border-radius: 12px;
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #929292;
}
.wrapper .join-form form .form-group .form-check-input {
  display: inline-block;
  width: 25px;
  height: 36px;
  vertical-align: middle;
  margin-right: 10px;
}
@media (max-width: 740px) {
  .wrapper .join-form form .form-group .form-check-input {
    height: 32px;
    width: 20px;
  }
}
.wrapper .join-form form .form-group .form-check-label {
  display: inline-block;
  margin: 0;
  cursor: pointer;
}
.wrapper .join-form form .form-group input:checked ~ .checkmark::after {
  display: block;
}
.wrapper .join-form form .form-group .checkmark {
  position: absolute;
  left: 20px;
  top: 3px;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border: 1px solid #878787;
  border-radius: 5px;
}
@media (max-width: 740px) {
  .wrapper .join-form form .form-group .checkmark {
    height: 25px;
    width: 25px;
  }
}
.wrapper .join-form form .form-group .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 3px;
  width: 9px;
  height: 14px;
  border: solid #cc2b1e;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
}
@media (max-width: 740px) {
  .wrapper .join-form form .form-group .checkmark::after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 12px;
  }
}
.wrapper .join-form form .form-btn {
  display: block;
  width: 100%;
  background-color: #e20000;
  color: #fff;
  border-radius: 12px;
  font-size: 18px;
  text-align: center;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  margin-top: 120px;
}
@media (max-width: 740px) {
  .wrapper .join-form form .form-btn {
    margin-top: 60px;
  }
}
.wrapper .join-form form .form-btn:hover {
  opacity: 0.7;
}
.wrapper .join-form form .verification-code {
  color: #fff;
  background-color: #666666;
  padding: 15px 20px;
  border-radius: 12px;
  text-align: center;
  margin: 0 20px 0 0;
}
.wrapper .join-form form .privacy-text {
  background-color: #f0f0f0;
  padding: 80px 90px;
  border-radius: 12px;
  margin-bottom: 20px;
  margin-top: 20px;
  /* this targets the default scrollbar (compulsory) */
  /* the new scrollbar will have a flat appearance with the set background color */
  /* this will style the thumb, ignoring the track */
}
@media (max-width: 740px) {
  .wrapper .join-form form .privacy-text {
    padding: 40px 35px;
    border-radius: 0;
  }
}
.wrapper .join-form form .privacy-text p {
  font-size: 18px;
  line-height: 1.5;
  text-align: justify;
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 50px;
}
@media (max-width: 740px) {
  .wrapper .join-form form .privacy-text p {
    max-height: 320px;
  }
}
.wrapper .join-form form .privacy-text ::-webkit-scrollbar {
  width: 15px;
}
.wrapper .join-form form .privacy-text ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #b2b2b2;
}
.wrapper .join-form form .privacy-text ::-webkit-scrollbar-thumb {
  background-color: #e20000;
  border-radius: 30px;
}
.wrapper .other-link {
  margin-top: 70px;
}
.wrapper .other-link ul li {
  padding: 40px 60px;
  background-color: #f0f0f0;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  list-style-type: none;
}
@media (max-width: 740px) {
  .wrapper .other-link ul li {
    border-radius: 0px;
    padding: 30px 40px;
  }
}
.wrapper .other-link ul li p {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  color: #333333;
}
.wrapper .other-link ul li p span {
  display: inline-block;
  margin-left: 5px;
}
.wrapper .other-link ul li p span a {
  text-decoration: none;
  display: block;
  font-size: 18px;
  color: #e20000;
  text-decoration: underline;
}
@media (min-width: 740px) {
  .wrapper .other-link ul li p span a {
    opacity: 0.7;
  }
}
.wrapper .juries {
  padding-top: 120px;
}
@media (max-width: 740px) {
  .wrapper .juries {
    padding: 60px 30px 0;
  }
}
.wrapper .juries .juries-type {
  font-size: 26px;
  font-weight: 600;
  color: #dca952;
  margin-bottom: 90px;
}
@media (max-width: 740px) {
  .wrapper .juries .juries-type {
    text-align: center;
    font-size: 22px;
    margin-bottom: 55px;
  }
}
.wrapper .juries .row {
  justify-content: space-between;
}
.wrapper .juries .juries-item {
  margin-bottom: 65px;
}
.wrapper .juries .juries-item .info {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .wrapper .juries .juries-item .info {
    margin-bottom: 25px;
  }
}
.wrapper .juries .juries-item .info .name {
  display: flex;
}
.wrapper .juries .juries-item .info .name h5 {
  font-size: 24px;
}
@media (max-width: 740px) {
  .wrapper .juries .juries-item .info .name h5 {
    font-size: 20px;
  }
}
.wrapper .juries .juries-item .info .name h6 {
  position: relative;
  font-size: 24px;
  margin-left: 20px;
  padding-left: 20px;
}
@media (max-width: 740px) {
  .wrapper .juries .juries-item .info .name h6 {
    font-size: 20px;
  }
}
.wrapper .juries .juries-item .info .name h6::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 25px;
  background-color: #333333;
  left: 0;
}
@media (max-width: 740px) {
  .wrapper .juries .juries-item .info .name h6::before {
    height: 20px;
  }
}
.wrapper .juries .juries-item .info .link {
  position: relative;
  width: 30px;
  margin-left: 20px;
}
.wrapper .juries .juries-item .info .link:hover img:nth-child(1) {
  opacity: 0;
  transition: 0.3s ease all;
}
.wrapper .juries .juries-item .info .link:hover img:nth-child(2) {
  opacity: 1;
  transition: 0.3s ease all;
}
.wrapper .juries .juries-item .info .link img:nth-child(1) {
  transition: 0.3s ease all;
}
.wrapper .juries .juries-item .info .link img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s ease all;
}
.wrapper .juries .juries-item p {
  font-size: 18px;
  line-height: 1.5;
  color: #666666;
}
.wrapper .comment {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
  margin-bottom: 60px;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 740px) {
  .wrapper .comment {
    border-radius: 0;
  }
}
.wrapper .comment .table {
  width: 100%;
  text-align: left;
}
.wrapper .comment .table th,
.wrapper .comment .table td {
  padding: 20px;
  vertical-align: top;
}
@media (max-width: 740px) {
  .wrapper .comment .table th,
  .wrapper .comment .table td {
    padding: 10px;
  }
}
.wrapper .comment .table thead th {
  font-size: 18px;
  color: #fff;
  background-color: #d70c18;
  padding: 10px 20px;
  border-right: 1px solid #fff;
}
@media (max-width: 740px) {
  .wrapper .comment .table thead th {
    font-size: 15px;
    width: 38%;
    padding: 10px 5px;
    text-align: center;
    white-space: nowrap;
  }
}
.wrapper .comment .table thead th:nth-child(1) {
  border-right: none;
  width: 12%;
}
@media (max-width: 740px) {
  .wrapper .comment .table thead th:nth-child(1) {
    width: 20%;
    border-right: 1px solid #fff;
  }
}
.wrapper .comment .table thead th:nth-child(2) {
  width: 35%;
}
@media (max-width: 740px) {
  .wrapper .comment .table thead th:nth-child(2) {
    width: 40%;
  }
}
.wrapper .comment .table thead th:nth-child(3) {
  width: 15%;
}
@media (max-width: 740px) {
  .wrapper .comment .table thead th:nth-child(3) {
    width: 38%;
  }
}
.wrapper .comment .table thead th:nth-child(4) {
  width: 15%;
}
@media (max-width: 740px) {
  .wrapper .comment .table thead th:nth-child(4) {
    width: 20%;
  }
}
@media (max-width: 740px) {
  .wrapper .comment .table thead th:nth-child(5) {
    width: 20%;
  }
}
.wrapper .comment .table tbody tr:nth-child(odd) {
  background-color: #efefef;
}
.wrapper .comment .table tbody tr:nth-child(even) {
  background-color: #e5e5e5;
}
.wrapper .comment .table tbody tr th {
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.wrapper .comment .table tbody tr th p {
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
}
@media (max-width: 740px) {
  .wrapper .comment .table tbody tr th p {
    font-size: 16px;
  }
}
.wrapper .comment .table tbody tr td {
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.wrapper .comment .table tbody tr td p {
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
}
@media (max-width: 740px) {
  .wrapper .comment .table tbody tr td p {
    font-size: 16px;
  }
}
.wrapper .comment .table tbody tr td a {
  text-decoration: none;
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
}
@media (max-width: 740px) {
  .wrapper .comment .table tbody tr td a {
    font-size: 16px;
  }
}
.wrapper .comment .table tbody tr td a:hover {
  color: #e20000;
}
.wrapper .past_award {
  position: relative;
}
@media (max-width: 740px) {
  .wrapper .past_award {
    padding: 0 40px;
    margin-top: 60px;
  }
}
.wrapper .past_award::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: linear-gradient(#fff 0%, #eee 10%, #eee 90%, #fff 100%);
  top: 0;
  left: 40%;
}
@media (max-width: 992px) {
  .wrapper .past_award::before {
    left: 50%;
  }
}
@media (max-width: 740px) {
  .wrapper .past_award::before {
    display: none;
  }
}
.wrapper .past_award .past_award-item {
  margin-bottom: 100px;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item {
    margin-bottom: 50px;
  }
}
.wrapper .past_award .past_award-item:last-child {
  margin-bottom: 0;
}
.wrapper .past_award .past_award-item .main-pic {
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  padding: 0 20px 0 30px;
  width: 450px;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .wrapper .past_award .past_award-item .main-pic {
    padding: 0 20px;
  }
}
@media (max-width: 992px) {
  .wrapper .past_award .past_award-item .main-pic {
    padding: 0 20px 0 0;
  }
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-pic {
    padding: 0;
  }
}
.wrapper .past_award .past_award-item .main-pic img {
  width: 100%;
  max-width: 100%;
}
.wrapper .past_award .past_award-item .main-pic h4 {
  width: 40%;
  font-family: "Cormorant Infant", serif;
  font-weight: 500;
  font-style: italic;
  font-size: 150px;
  color: #dba954;
  padding-right: 15px;
  line-height: 0.68;
  text-align: right;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .wrapper .past_award .past_award-item .main-pic h4 {
    width: 34%;
    font-size: 115px;
  }
}
@media (max-width: 992px) {
  .wrapper .past_award .past_award-item .main-pic h4 {
    width: 30%;
    font-size: 100px;
  }
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-pic h4 {
    width: 35%;
    font-size: 100px;
  }
}
.wrapper .past_award .past_award-item .main-pic .main-title {
  width: 60%;
  color: #dba954;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .wrapper .past_award .past_award-item .main-pic .main-title {
    width: 66%;
  }
}
@media (max-width: 992px) {
  .wrapper .past_award .past_award-item .main-pic .main-title {
    font-size: 70%;
  }
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-pic .main-title {
    width: 100%;
  }
}
.wrapper .past_award .past_award-item .main-pic .main-title h3 {
  font-size: 22px;
  margin-bottom: 5px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .wrapper .past_award .past_award-item .main-pic .main-title h3 {
    font-size: 17px;
  }
}
.wrapper .past_award .past_award-item .main-pic .main-title p {
  font-size: 18px;
}
@media (max-width: 992px) {
  .wrapper .past_award .past_award-item .main-pic .main-title p {
    font-size: 16px;
  }
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-pic .main-title p {
    font-size: 12px;
  }
}
.wrapper .past_award .past_award-item .main-info {
  position: relative;
  padding: 45px 0 0 75px;
}
@media (max-width: 1200px) {
  .wrapper .past_award .past_award-item .main-info {
    padding: 25px 0 0 20px;
  }
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info {
    padding: 60px 0 0;
  }
}
.wrapper .past_award .past_award-item .main-info .link-btn {
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.3s ease all;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info .link-btn {
    position: relative;
    display: flex;
    align-items: center;
  }
}
.wrapper .past_award .past_award-item .main-info .link-btn:hover {
  transform: translateX(5px);
  transition: 0.3s ease all;
}
.wrapper .past_award .past_award-item .main-info .link-btn a {
  display: block;
  padding: 10px;
  width: 30px;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info .link-btn a {
    width: 40px;
  }
}
.wrapper .past_award .past_award-item .main-info .link-btn::before {
  display: none;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info .link-btn::before {
    display: inline-block;
    content: "";
    width: calc(100% - 50px);
    height: 1px;
    background-color: #a7a7a7;
  }
}
.wrapper .past_award .past_award-item .main-info .external-link {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info .external-link {
    position: relative;
    display: flex;
    align-items: center;
  }
}
.wrapper .past_award .past_award-item .main-info .external-link:hover img:nth-child(1) {
  opacity: 0;
  transition: 0.3s ease all;
}
.wrapper .past_award .past_award-item .main-info .external-link:hover img:nth-child(2) {
  opacity: 1;
  transition: 0.3s ease all;
}
.wrapper .past_award .past_award-item .main-info .external-link a {
  display: block;
  width: 30px;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info .external-link a {
    width: 40px;
    padding: 10px;
  }
}
.wrapper .past_award .past_award-item .main-info .external-link img:nth-child(1) {
  transition: 0.3s ease all;
}
.wrapper .past_award .past_award-item .main-info .external-link img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s ease all;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info .external-link img:nth-child(2) {
    display: none;
  }
}
.wrapper .past_award .past_award-item .main-info .external-link::before {
  display: none;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info .external-link::before {
    display: inline-block;
    content: "";
    width: calc(100% - 50px);
    height: 1px;
    background-color: #a7a7a7;
  }
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info ul {
    padding: 0 20px;
  }
}
.wrapper .past_award .past_award-item .main-info ul li {
  display: flex;
  margin-bottom: 10px;
  list-style-type: none;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info ul li {
    flex-direction: column;
    margin-bottom: 25px;
  }
}
.wrapper .past_award .past_award-item .main-info ul li .info-title {
  font-size: 18px;
  width: 120px;
  color: #d70c18;
  margin-right: 50px;
  font-weight: 600;
  -moz-text-align-last: justify;
       text-align-last: justify;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info ul li .info-title {
    width: auto;
    letter-spacing: 2px;
    align-self: start;
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.wrapper .past_award .past_award-item .main-info ul li .info-text {
  width: calc(100% - 170px);
  font-size: 18px;
  color: #333333;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info ul li .info-text {
    width: 100%;
    font-size: 16px;
    line-height: 1.8;
  }
}
@media (max-width: 740px) {
  .wrapper .past_award .past_award-item .main-info ul li .info-text span.text-underline {
    text-decoration: underline;
    display: block;
  }
}
.wrapper .art-info-radio .main {
  position: relative;
  padding: 40px 0;
  margin-bottom: 120px;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .main {
    padding: 40px 30px 0;
  }
}
.wrapper .art-info-radio .main::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 30px);
  top: 15px;
  border-top: 1px solid #dca952;
  border-bottom: 1px solid #dca952;
  z-index: -1;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .main::before {
    display: none;
  }
}
.wrapper .art-info-radio .main .photo-item {
  position: relative;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .main .photo-item {
    margin-bottom: 100px;
  }
}
.wrapper .art-info-radio .main .photo-item::after {
  content: "";
  position: absolute;
  width: 90%;
  height: calc(100% + 80px);
  top: -40px;
  right: 0;
  background-color: #dca952;
  border-radius: 0 12px 12px 0;
  z-index: -1;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .main .photo-item::after {
    height: calc(100% + 40px);
    top: -20px;
  }
}
.wrapper .art-info-radio .main .photo-item .photo {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}
.wrapper .art-info-radio .main h2 {
  font-size: 24px;
  line-height: 1.5;
  padding-left: 10%;
  margin-bottom: 10px;
  font-weight: bold;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .main h2 {
    padding-left: 0;
    font-size: 22px;
  }
}
.wrapper .art-info-radio .main p {
  font-size: 18px;
  line-height: 1.5;
  padding-left: 10%;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .main p {
    padding-left: 0;
    font-size: 18px;
  }
}
.wrapper .art-info-radio .main .row {
  align-items: center;
}
.wrapper .art-info-radio .radio-item {
  padding: 80px 50px;
  border-radius: 12px;
  background-color: #f0f0f0;
  margin-bottom: 20px;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .radio-item {
    border-radius: 0;
  }
}
.wrapper .art-info-radio .radio-item:last-child {
  margin-bottom: 60px;
}
.wrapper .art-info-radio .radio-item .type {
  margin-bottom: 20px;
  font-size: 16px;
  color: #666666;
}
.wrapper .art-info-radio .radio-item .type span {
  color: #e20000;
  font-weight: bold;
}
.wrapper .art-info-radio .radio-item .type span::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #666666;
  margin: 0 9px;
  vertical-align: -2px;
}
.wrapper .art-info-radio .radio-item .radio-text {
  padding-top: 35px;
}
.wrapper .art-info-radio .radio-item .radio-text .radio-info {
  margin-bottom: 15px;
}
.wrapper .art-info-radio .radio-item .radio-text .radio-info li {
  display: inline-block;
  color: #d3aa60;
  font-size: 18px;
  margin-right: 20px;
  list-style-type: none;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .radio-item .radio-text .radio-info li {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.wrapper .art-info-radio .radio-item .radio-text .radio-info li a {
  color: #d3aa60;
  text-decoration: none;
}
@media (min-width: 740px) {
  .wrapper .art-info-radio .radio-item .radio-text .radio-info li a:hover {
    opacity: 0.7;
  }
}
.wrapper .art-info-radio .radio-item .radio-text .radio-info li span {
  position: relative;
  font-size: 18px;
  color: #666666;
  padding-left: 12px;
  margin-left: 10px;
  font-weight: 600;
  padding-right: 10px;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .radio-item .radio-text .radio-info li span {
    display: inline-block;
    font-size: 14px;
    white-space: normal;
  }
}
.wrapper .art-info-radio .radio-item .radio-text .radio-info li span::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 17px;
  background-color: #666666;
  left: 0;
  top: 6px;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .radio-item .radio-text .radio-info li span::before {
    height: 14px;
    top: 0px;
  }
}
.wrapper .art-info-radio .radio-item .radio-text h3 {
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  margin-bottom: 45px;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .radio-item .radio-text h3 {
    font-size: 22px;
  }
}
.wrapper .art-info-radio .radio-item .radio-text p {
  font-size: 18px;
  line-height: 1.5;
  color: #666666;
}
.wrapper .art-info-radio .radio-item .radio-text .radio-btn {
  text-align: right;
  padding-top: 25px;
}
@media (max-width: 740px) {
  .wrapper .art-info-radio .radio-item .radio-text .radio-btn {
    text-align: center;
  }
}
.wrapper .art-info-radio .radio-item .radio-text .radio-btn a {
  text-decoration: none;
  font-size: 18px;
  display: inline-block;
  border: 1px solid #a0a0a0;
  border-radius: 12px;
  background-color: #fff;
  padding: 8px 30px;
  color: #4d4d4d;
}
.wrapper .art-info-radio .radio-item .radio-text .radio-btn a:hover {
  background-color: #efefef;
}
.wrapper .art-info-radio .radio-item .radio-text .radio-btn a::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../img/radio-icon.jpg");
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}
.wrapper .member-part {
  width: 100%;
  max-width: 655px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.wrapper .member-part.width-600 {
  max-width: 600px;
}
.wrapper .member-part.width-715 {
  max-width: 715px;
}
.wrapper .member-part.width-fluid {
  max-width: 100%;
}
.wrapper .member-part.register {
  max-width: 790px;
}
.wrapper .member-part.register .form-check {
  display: block;
}
.wrapper .member-part.register .form-check .form-check-label {
  display: inline-block;
  padding: 0 30px 20px 0;
}
.wrapper .member-part.register .form-check .form-check-label.agree {
  padding: 0;
}
.wrapper .member-part.register .form-check .form-check-label:last-child {
  padding: 0;
}
.wrapper .member-part.register .form-check .form-check-label a {
  color: #d70c18;
  text-decoration: none;
}
.wrapper .member-part.register .send-btn {
  margin-top: 35px;
}
.wrapper .member-part.register .send-btn:nth-child(2) {
  margin-top: 20px;
}
.wrapper .member-part .form-group {
  margin-bottom: 27px;
}
.wrapper .member-part .form-group.hide {
  display: none;
}
@media (max-width: 740px) {
  .wrapper .member-part .form-group {
    margin-bottom: 15px;
  }
}
.wrapper .member-part .form-group p {
  font-size: 18px;
  line-height: 1.5;
  color: #666666;
  text-align: center;
}
@media (max-width: 740px) {
  .wrapper .member-part .form-group p {
    font-size: 16px;
  }
}
.wrapper .member-part .form-group p span a {
  color: #d70c18;
  text-decoration: underline;
}
.wrapper .member-part .form-group p.text-b {
  font-size: 20px;
  color: #666666;
}
.wrapper .member-part .captcha {
  border: 1px solid #929292;
  color: #666666;
  padding: 25px 20px;
  text-align: center;
  font-size: 18px;
  border-radius: 12px;
  cursor: pointer;
  transition: 0.3s ease all;
}
@media (min-width: 740px) {
  .wrapper .member-part .captcha:hover {
    color: #fff;
    background-color: 929292;
    transition: 0.3s ease all;
  }
}
.wrapper .member-part .col-form-label {
  display: block;
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
  font-size: 18px;
  font-family: "Noto Serif TC", serif;
}
.wrapper .member-part .col-form-label sup {
  color: #d70c18;
}
.wrapper .member-part .col-form-label.text-red {
  font-size: 22px;
  color: #d70c18;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .wrapper .member-part .col-form-label.text-red {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.wrapper .member-part .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #b2b2b2;
  margin: 33px 0 45px;
}
.wrapper .member-part .valid-feedback {
  font-size: 18px;
  color: #d70c18;
  padding-top: 10px;
  line-height: 1.3;
}
@media (max-width: 740px) {
  .wrapper .member-part .valid-feedback {
    font-size: 16px;
  }
}
.wrapper .member-part .valid-feedback.agree {
  padding-left: 30px;
}
.wrapper .member-part .valid-feedback span {
  padding: 0 5px;
  display: inline-block;
  font-size: 18px;
  color: #d70c18;
  text-decoration: underline;
  font-weight: bold;
}
.wrapper .member-part .form-control {
  display: block;
  width: 100%;
  font-family: "Noto Serif TC", serif;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 10px;
}
.wrapper .member-part .form-control.is-invalid {
  border-color: #d70c18;
}
.wrapper .member-part .form-control.disabled {
  border: none;
  padding: 0;
  text-align: left;
}
.wrapper .member-part .form-control.color-light-grey {
  color: #b2b2b2;
}
.wrapper .member-part .custom-control {
  position: relative;
}
.wrapper .member-part .custom-control input[type=password] {
  font-family: Arial;
}
.wrapper .member-part .custom-control .form-control {
  padding-right: 50px;
}
.wrapper .member-part .custom-control .eye-icon {
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.wrapper .member-part .send-btn {
  display: block;
  text-decoration: none;
  font-size: 22px;
  font-family: "Noto Serif TC", serif;
  font-weight: bold;
  color: #fff;
  background-color: #e20000;
  border: none;
  padding: 5px;
  width: 100%;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .wrapper .member-part .send-btn {
    font-size: 18px;
  }
}
.wrapper .member-part .send-btn:hover {
  opacity: 0.8;
}
.wrapper .member-part .send-btn.bind-btn {
  background-color: #dca952;
}
.wrapper .member-part .send-btn.btn-success {
  margin-top: 60px;
}
.wrapper .member-part .form-check {
  display: flex;
  margin-bottom: 30px;
}
.wrapper .member-part .form-check.form-check02 {
  display: block;
  text-align: center;
}
.wrapper .member-part .form-check.login-form-check {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .wrapper .member-part .form-check.login-form-check {
    flex-direction: column;
  }
}
.wrapper .member-part .form-check .form-check-label {
  position: relative;
  display: inline-block;
  margin: 0 auto 0 0;
  cursor: pointer;
  font-size: 18px;
  color: #666666;
}
.wrapper .member-part .form-check .form-check-label a {
  font-size: 18px;
  color: #666666;
}
.wrapper .member-part .form-check .form-check-label a:hover {
  opacity: 0.8;
}
.wrapper .member-part .form-check .form-check-label .form-check-input {
  display: inline-block;
  width: 16px;
  height: 22px;
  vertical-align: middle;
  margin-right: 5px;
}
@media (max-width: 740px) {
  .wrapper .member-part .form-check .form-check-label .form-check-input {
    height: 25px;
    width: 15px;
  }
}
.wrapper .member-part .form-check .form-check-label input:checked ~ .checkmark::after {
  display: block;
}
.wrapper .member-part .form-check .form-check-label .checkmark {
  position: absolute;
  left: 0;
  top: 3px;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #878787;
}
@media (max-width: 740px) {
  .wrapper .member-part .form-check .form-check-label .checkmark {
    height: 20px;
    width: 20px;
  }
}
.wrapper .member-part .form-check .form-check-label .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #cc2b1e;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
@media (max-width: 740px) {
  .wrapper .member-part .form-check .form-check-label .checkmark::after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
  }
}
@media (max-width: 740px) {
  .wrapper .member-part .form-check .btn-area {
    text-align: center;
    padding-top: 15px;
  }
}
.wrapper .member-part .form-check .m-back-btn {
  position: relative;
  font-size: 18px;
  color: #666666;
  text-decoration: none;
  line-height: 1.3;
}
.wrapper .member-part .form-check .m-back-btn:hover {
  text-decoration: underline;
}
.wrapper .member-part .form-check .m-back-btn::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #878787;
  margin: 0 20px;
}
.wrapper .member-part .form-check .forget-btn {
  font-size: 18px;
  color: #666666;
  text-decoration: none;
  line-height: 1.3;
}
.wrapper .member-part .form-check .forget-btn:hover {
  text-decoration: underline;
}
.wrapper .member-part .form-check ul li {
  display: inline-block;
  margin-right: -2px;
}
.wrapper .member-part .form-check ul li p {
  padding: 0 30px 20px;
  color: #b2b2b2;
  font-size: 18px;
}
@media (max-width: 740px) {
  .wrapper .member-part .form-check ul li p {
    padding: 0 15px 10px;
    font-size: 16px;
  }
}
.wrapper .member-part .form-check ul li p.active {
  color: #666666;
}
.wrapper .member-part .other-login a,
.wrapper .member-part .other-login .bind-a {
  text-decoration: none;
  display: block;
  padding: 2px 5px;
  font-size: 22px;
  text-align: center;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 740px) {
  .wrapper .member-part .other-login a,
  .wrapper .member-part .other-login .bind-a {
    font-size: 18px;
  }
}
.wrapper .member-part .other-login a:hover,
.wrapper .member-part .other-login .bind-a:hover {
  opacity: 0.8;
}
.wrapper .member-part .other-login .fb-login {
  color: #fff;
  background-color: #1877f2;
}
.wrapper .member-part .other-login .fb-login::before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url("../img/icon-fb-btn.svg");
  vertical-align: -8px;
  margin-right: 5px;
}
@media (max-width: 740px) {
  .wrapper .member-part .other-login .fb-login::before {
    vertical-align: -10px;
  }
}
.wrapper .member-part .other-login .fb-login.success {
  background-color: #b2b2b2;
  cursor: auto;
}
.wrapper .member-part .other-login .fb-login.success:hover {
  opacity: 1;
}
.wrapper .member-part .other-login .line-login {
  color: #fff;
  background-color: #00b900;
}
.wrapper .member-part .other-login .line-login::before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url("../img/icon-line-btn.svg");
  vertical-align: -8px;
  margin-right: 5px;
}
@media (max-width: 740px) {
  .wrapper .member-part .other-login .line-login::before {
    vertical-align: -10px;
  }
}
.wrapper .member-part .other-login .line-login.success {
  background-color: #b2b2b2;
  cursor: auto;
}
.wrapper .member-part .other-login .line-login.success:hover {
  opacity: 1;
}
.wrapper .member-part .select {
  position: relative;
  cursor: pointer;
}
.wrapper .member-part .select::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  background-image: url("../img/drop-down.svg");
  background-repeat: no-repeat;
  left: 14px;
  top: 50%;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  transform: translateY(-50%);
}
.wrapper .member-part .select::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  background-image: url("../img/drop-down.svg");
  background-repeat: no-repeat;
  right: 14px;
  top: 50%;
  transition: all 0.3s ease-in-out;
  background-position: center;
  transform: translateY(-50%);
}
.wrapper .member-part .select select {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  display: block;
  font-size: 18px;
  padding: 0.4rem 0.75rem;
  text-decoration: none;
  color: #4d4d4d;
  border: 1px solid #a0a0a0;
  background-color: #fff;
  border-radius: 12px;
  font-family: "Noto Serif TC", serif;
  line-height: 1;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
@media (max-width: 740px) {
  .wrapper .member-part .select select {
    font-size: 16px;
    padding: 8px 33px;
  }
}
.wrapper .member-part .select select option {
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
.wrapper .member-part .select .span {
  color: #4d4d4d;
  background: #fff;
  font-size: 18px;
  padding: 0.4rem 0.75rem;
  border: 1px solid #a0a0a0;
  line-height: var(--select-height);
  pointer-events: none;
  text-align: center;
  position: absolute;
  border-radius: 12px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.wrapper .member-part .member-activity-list p {
  font-size: 20px;
  text-align: center;
  color: #666666;
  margin-bottom: 65px;
}
.wrapper .member-part .member-activity-list .activity-list {
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #b2b2b2;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-activity-list .activity-list {
    flex-direction: column;
  }
}
.wrapper .member-part .member-activity-list .activity-list .activity-info {
  margin-right: auto;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-activity-list .activity-list .activity-info {
    margin-bottom: 20px;
  }
}
.wrapper .member-part .member-activity-list .activity-list .activity-info h3 {
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
  font-weight: bold;
}
.wrapper .member-part .member-activity-list .activity-list .activity-info ul {
  margin-bottom: 10px;
}
.wrapper .member-part .member-activity-list .activity-list .activity-info ul li {
  display: block;
  color: #666666;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 5px;
  list-style-type: none;
}
.wrapper .member-part .member-activity-list .activity-list .activity-info ul li span {
  padding: 0 5px;
  color: #666666;
}
.wrapper .member-part .member-activity-list .activity-list .activity-info ul li span:first-child::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 17px;
  background-color: #666;
  margin: 0 10px 0 5px;
  vertical-align: -2px;
}
.wrapper .member-part .member-activity-list .activity-list .activity-btn {
  display: flex;
  align-items: end;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-activity-list .activity-list .activity-btn {
    justify-content: end;
  }
}
.wrapper .member-part .member-activity-list .activity-list .activity-btn div {
  width: 170px;
  max-width: 100%;
  display: block;
  font-size: 18px;
  padding: 10px 5px;
  border-radius: 10px;
  margin-right: 5px;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-activity-list .activity-list .activity-btn div {
    width: 120px;
    padding: 10px;
    font-size: 16px;
  }
}
.wrapper .member-part .member-activity-list .activity-list .activity-btn div.revise-btn {
  color: #fff;
  background-color: #dca952;
}
.wrapper .member-part .member-activity-list .activity-list .activity-btn div.cancel-btn {
  color: #fff;
  background-color: #b2b2b2;
}
@media (min-width: 740px) {
  .wrapper .member-part .member-activity-list .activity-list .activity-btn div:hover {
    opacity: 0.8;
  }
}
.wrapper .member-part .member-exclusive .offers-item {
  padding: 20px 0;
  border-bottom: 1px solid #b2b2b2;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item {
    padding: 20px 30px;
  }
}
.wrapper .member-part .member-exclusive .offers-item .photo {
  border-radius: 20px;
  border: 1px solid #9ca1a9;
  overflow: hidden;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .photo {
    margin-bottom: 20px;
  }
}
.wrapper .member-part .member-exclusive .offers-item .info {
  padding-left: 30px;
  margin-bottom: 10px;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .info {
    padding: 0 20px;
  }
}
.wrapper .member-part .member-exclusive .offers-item .info h3 {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 5px;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .info h3 {
    font-size: 20px;
  }
}
.wrapper .member-part .member-exclusive .offers-item .info ul li {
  font-size: 18px;
  line-height: 1.3;
  list-style-type: none;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .info ul li {
    font-size: 16px;
    line-height: 1.5;
  }
}
.wrapper .member-part .member-exclusive .offers-item .other-btn {
  display: flex;
  padding-left: 30px;
  justify-content: space-between;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .other-btn {
    justify-content: end;
  }
}
.wrapper .member-part .member-exclusive .offers-item .other-btn .code-btn {
  width: 135px;
  max-width: 100%;
  font-size: 18px;
  color: #fff;
  background-color: #e20000;
  text-align: center;
  padding: 10px;
  border-radius: 12px;
  cursor: pointer;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .other-btn .code-btn {
    font-size: 16px;
    width: 100px;
    margin-right: 5px;
  }
}
@media (min-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .other-btn .code-btn:hover {
    opacity: 0.8;
  }
}
.wrapper .member-part .member-exclusive .offers-item .other-btn .link-btn {
  display: block;
  text-decoration: none;
  width: 135px;
  max-width: 100%;
  font-size: 18px;
  color: #fff;
  background-color: #e20000;
  text-align: center;
  padding: 10px;
  border-radius: 12px;
}
@media (max-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .other-btn .link-btn {
    font-size: 16px;
    width: 100px;
  }
}
@media (min-width: 740px) {
  .wrapper .member-part .member-exclusive .offers-item .other-btn .link-btn:hover {
    opacity: 0.8;
  }
}
.wrapper .member-part .software {
  padding: 100px 0;
}
@media (max-width: 740px) {
  .wrapper .member-part .software {
    padding: 50px 0;
  }
}
.wrapper .member-part .software p {
  display: block;
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  font-size: inherit;
  line-height: 1.5;
  font-size: 18px;
  font-family: "Noto Serif TC", serif;
}
@media (max-width: 740px) {
  .wrapper .member-part .software p {
    font-size: 16px;
  }
}
.wrapper .member-part .software .software-part {
  display: flex;
}
@media (max-width: 740px) {
  .wrapper .member-part .software .software-part {
    margin-bottom: 60px;
    justify-content: center;
  }
}
.wrapper .member-part .software .software-part .software-item {
  text-decoration: none;
  z-index: 0;
}
.wrapper .member-part .software .software-part .software-item .photo {
  position: relative;
  display: inline-block;
  width: 95px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 740px) {
  .wrapper .member-part .software .software-part .software-item .photo {
    width: 80px;
  }
}
.wrapper .member-part .software .software-part .software-item .app {
  position: relative;
  display: inline-block;
  width: 95px;
  border-radius: 50%;
  overflow: hidden;
  transform: translateX(-20px);
  z-index: -1;
}
@media (max-width: 740px) {
  .wrapper .member-part .software .software-part .software-item .app {
    width: 80px;
  }
}
.wrapper .member-part .software .software-part .software-item p {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #666666;
  padding-right: 20px;
}
@media (max-width: 740px) {
  .wrapper .member-part .software .software-part .software-item p {
    font-size: 16px;
  }
}
.wrapper .member-part .software .qrcode {
  width: 100%;
  max-width: 250px;
}
@media (max-width: 740px) {
  .wrapper .member-part .software .qrcode {
    max-width: 155px;
    margin: 0 auto;
  }
}
.wrapper .search-results {
  margin-bottom: 60px;
}
.wrapper .search-results .results-item .col {
  padding: 0 30px;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .wrapper .search-results .results-item .col {
    padding: 0;
  }
}
.wrapper .search-results .results-item a {
  display: block;
  text-decoration: none;
  color: #666666;
  margin-bottom: 30px;
  line-height: 1.5;
}
.wrapper .search-results .results-item a h3 {
  font-size: 24px;
  font-weight: 500;
}
.wrapper .search-results .results-item p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
}
.wrapper .search-results .results-item p span {
  display: inline-block;
  vertical-align: -6px;
  margin-left: 5px;
}
@media (max-width: 740px) {
  .wrapper .search-results .results-item p span {
    display: flex;
    align-items: center;
    margin: 20px auto 0;
    width: 80%;
  }
}
@media (max-width: 740px) {
  .wrapper .search-results .results-item p span::before {
    display: inline-block;
    content: "";
    width: calc(100% - 50px);
    height: 1px;
    background-color: #a7a7a7;
  }
}
.wrapper .search-results .results-item p span > a {
  display: block;
  width: 30px;
  transition: 0.3s ease all;
  margin-bottom: 0;
}
@media (max-width: 740px) {
  .wrapper .search-results .results-item p span > a {
    width: 50px;
    padding: 10px;
  }
}
@media (min-width: 740px) {
  .wrapper .search-results .results-item p span > a:hover {
    transform: translateX(10px);
    transition: 0.3s ease all;
  }
}
.wrapper .privacy {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 740px) {
  .wrapper .privacy {
    padding: 0 20px;
    box-sizing: border-box;
  }
}
.wrapper .privacy p {
  margin-bottom: 40px;
}
.wrapper .privacy ol {
  list-style-position: inside !important;
  padding-left: 0px !important;
}
.wrapper .privacy ol li {
  font-size: 18px;
  line-height: 1.5;
  list-style-type: cjk-ideographic;
  margin-bottom: 40px;
}
.wrapper .sitemap {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 740px) {
  .wrapper .sitemap {
    padding: 0 20px;
    box-sizing: border-box;
  }
}
@media (max-width: 740px) {
  .wrapper .sitemap .editor-text ul {
    padding: 0 !important;
  }
}
.wrapper .sitemap .editor-text ul li {
  position: relative;
  color: #e20000;
  font-size: 24px;
  padding-left: 40px;
  margin-bottom: 65px;
  list-style-type: none;
}
@media (max-width: 740px) {
  .wrapper .sitemap .editor-text ul li {
    padding-left: 20px;
    font-size: 20px;
    margin-bottom: 40px;
  }
}
.wrapper .sitemap .editor-text ul li::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 27px;
  border-radius: 50px;
  background-color: #e20000;
  top: 0;
  left: 0;
}
@media (max-width: 740px) {
  .wrapper .sitemap .editor-text ul li::before {
    width: 10px;
    height: 22px;
  }
}
.wrapper .sitemap .editor-text ul li ol {
  padding: 20px 0 0 !important;
}
@media (max-width: 740px) {
  .wrapper .sitemap .editor-text ul li ol {
    padding: 10px 0 0 !important;
  }
}
.wrapper .sitemap .editor-text ul li ol li {
  display: inline-block;
  padding-left: 0;
  margin: 0 10px 10px 0;
  list-style-type: none;
}
.wrapper .sitemap .editor-text ul li ol li::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background-color: #333333;
  margin-right: 10px;
}
@media (max-width: 740px) {
  .wrapper .sitemap .editor-text ul li ol li::before {
    width: 8px;
    height: 8px;
  }
}
.wrapper .sitemap .editor-text ul li ol li a {
  font-size: 24px;
  color: #333333 !important;
}
@media (max-width: 740px) {
  .wrapper .sitemap .editor-text ul li ol li a {
    font-size: 15px;
  }
}
.wrapper .footer {
  position: relative;
  padding-top: 250px;
  padding-bottom: 120px;
}
@media (max-width: 740px) {
  .wrapper .footer {
    padding-top: 135px;
    padding-bottom: 90px;
  }
}
.wrapper .footer .footer-content {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.wrapper .footer .footer-content .footer-menu {
  background-color: #d3aa60;
  padding: 20px 0;
  border-radius: 5px 0 0 5px;
}
.wrapper .footer .footer-content .footer-menu ul {
  display: flex;
  margin-bottom: 0;
  justify-content: space-around;
}
.wrapper .footer .footer-content .footer-menu ul li {
  list-style-type: none;
}
.wrapper .footer .footer-content .footer-menu ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 0 15px;
  border-right: 1px solid #fff;
  list-style-type: none;
}
@media (max-width: 1200px) {
  .wrapper .footer .footer-content .footer-menu ul li a {
    font-size: 14px;
    padding: 0 8px;
  }
}
@media (max-width: 992px) {
  .wrapper .footer .footer-content .footer-menu ul li a {
    font-size: 12px;
    padding: 0 6px;
  }
}
@media (max-width: 850px) {
  .wrapper .footer .footer-content .footer-menu ul li a {
    font-size: 11.8px;
    padding: 0 3px;
  }
}
.wrapper .footer .footer-content .footer-menu ul li a:hover {
  text-decoration: underline;
}
.wrapper .footer .footer-content .footer-menu ul li a:last-child {
  border-right: none;
}
.wrapper .footer .footer-content .footer-link {
  padding: 13px 10px;
  background-color: #d70c18;
  border-radius: 0 5px 5px 0;
}
@media (max-width: 740px) {
  .wrapper .footer .footer-content .footer-link {
    background-color: #fff;
  }
}
.wrapper .footer .footer-content .footer-link ul {
  display: flex;
  margin-bottom: 0;
  justify-content: center;
}
@media (max-width: 740px) {
  .wrapper .footer .footer-content .footer-link ul {
    width: 80%;
    margin: 0 auto;
  }
}
.wrapper .footer .footer-content .footer-link ul li {
  margin: 0 10px;
  list-style-type: none;
}
.wrapper .footer .footer-content .footer-link ul li a {
  display: block;
  width: 30px;
}
@media (max-width: 1200px) {
  .wrapper .footer .footer-content .footer-link ul li a {
    width: 28px;
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .wrapper .footer .footer-content .footer-link ul li a {
    width: 26px;
  }
}
@media (max-width: 740px) {
  .wrapper .footer .footer-content .footer-link ul li a {
    width: 40px;
  }
}
.wrapper .footer .footer-content .footer-info {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .wrapper .footer .footer-content .footer-info {
    flex-direction: column;
  }
}
@media (max-width: 740px) {
  .wrapper .footer .footer-content .footer-info {
    width: 80%;
    margin: 0 auto;
    padding-top: 0;
  }
}
.wrapper .footer .footer-content .footer-info .footer-logo {
  max-width: 235px;
  display: block;
}
@media (max-width: 740px) {
  .wrapper .footer .footer-content .footer-info .footer-logo {
    display: none;
  }
}
@media (max-width: 992px) {
  .wrapper .footer .footer-content .footer-info .footer-logo {
    padding-bottom: 5px;
  }
}
.wrapper .footer .footer-content .footer-info p {
  font-size: 16px;
  color: #b1b1b1;
  line-height: 1.3;
}
@media (max-width: 992px) {
  .wrapper .footer .footer-content .footer-info p {
    font-size: 14px;
    padding-bottom: 5px;
  }
}
@media (max-width: 740px) {
  .wrapper .footer .footer-content .footer-info p {
    padding: 5px 0;
    text-align: center;
    line-height: 1.5;
  }
}
.wrapper .footer .footer-content .footer-info p:nth-child(4) {
  font-size: 14px;
}
.wrapper .error_page {
  width: 600px;
  max-width: 100%;
  padding: 50px 20px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .wrapper .error_page {
    padding: 0 20px;
  }
}
.wrapper .error_page .logo {
  width: 100%;
  max-width: 400px;
  display: block;
  margin: 0 auto 30px;
  box-sizing: border-box;
}
.wrapper .error_page p {
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 30px;
}
.wrapper .error_page .gotohome {
  display: block;
  width: 100%;
  max-width: 300px;
  font-size: 18px;
  padding: 10px 40px;
  text-decoration: none;
  color: #4d4d4d;
  border: 1px solid #a0a0a0;
  border-radius: 10px;
  margin: 0 auto;
  box-sizing: border-box;
}
.wrapper .error_page .gotohome:hover {
  background-color: #4d4d4d;
  color: #fff;
}

.pop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  outline: 0;
  overflow: hidden;
}
.pop.pop-op {
  display: block;
  overflow-x: hidden;
  overflow-y: auto !important;
}
.pop .black {
  position: fixed;
  width: calc(100% - 17px);
  height: 100%;
  background-color: #313131;
  opacity: 0.75;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 740px) {
  .pop .black {
    width: 100%;
  }
}
.pop .black-disabled {
  position: fixed;
  width: calc(100% - 17px);
  height: 100%;
  background-color: #313131;
  opacity: 0.75;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 740px) {
  .pop .black-disabled {
    width: 100%;
  }
}
.pop .modal {
  width: 800px;
  max-width: 100%;
  display: flex;
  align-items: center;
  min-height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 30px;
}
.pop .modal .photo-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}
.pop .modal .photo-content .close-btn {
  width: 50px;
  height: 50px;
  background-image: url(../img/close-w.svg);
  background-repeat: no-repeat;
  margin-left: auto;
  background-size: 50%;
  background-position: center;
  cursor: pointer;
}
.pop .modal .photo-content .close-btn:hover {
  opacity: 0.5;
}
.pop .modal .photo-content a {
  display: block;
}
.pop .modal .pop-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  outline: 0;
  padding: 80px 150px;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .pop .modal .pop-content {
    padding: 80px 50px;
  }
}
.pop .modal .pop-content .close-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url(../img/close.svg);
  background-repeat: no-repeat;
  right: 20px;
  top: 20px;
  background-size: 50%;
  background-position: center;
  cursor: pointer;
}
.pop .modal .pop-content .close-btn:hover {
  opacity: 0.5;
}
.pop .modal .pop-content h3 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  color: #333333;
  margin-bottom: 50px;
}
@media (max-width: 740px) {
  .pop .modal .pop-content h3 {
    margin-bottom: 30px;
  }
}
.pop .modal .pop-content h3.color-red {
  color: #e20000;
  margin-bottom: 20px;
}
.pop .modal .pop-content h3.mb-50 {
  margin-bottom: 50px;
}
@media (max-width: 740px) {
  .pop .modal .pop-content h3.mb-50 {
    margin-bottom: 30px;
  }
}
.pop .modal .pop-content h4 {
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
  color: #333333;
  margin-bottom: 50px;
  word-wrap: break-word;
  word-break: normal;
}
@media (max-width: 740px) {
  .pop .modal .pop-content h4 {
    margin-bottom: 30px;
  }
}
.pop .modal .pop-content .text {
  margin-bottom: 20px;
}
.pop .modal .pop-content .text p {
  font-size: 18px;
  text-align: left;
}
.pop .modal .pop-content .text .revise-info {
  display: flex;
  align-items: center;
}
.pop .modal .pop-content .text .revise-info .select {
  position: relative;
  cursor: pointer;
  margin-left: 10px;
}
.pop .modal .pop-content .text .revise-info .select::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  background-image: url("../img/drop-down.svg");
  background-repeat: no-repeat;
  left: 14px;
  top: 50%;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  transform: translateY(-50%);
}
.pop .modal .pop-content .text .revise-info .select::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 9px;
  background-image: url("../img/drop-down.svg");
  background-repeat: no-repeat;
  right: 14px;
  top: 50%;
  transition: all 0.3s ease-in-out;
  background-position: center;
  transform: translateY(-50%);
}
.pop .modal .pop-content .text .revise-info .select select {
  width: 100px;
  max-width: 100%;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  display: block;
  font-size: 18px;
  padding: 0.4rem 0.75rem;
  text-decoration: none;
  color: #4d4d4d;
  border: 1px solid #a0a0a0;
  background-color: #fff;
  border-radius: 12px;
  font-family: "Noto Serif TC", serif;
  line-height: 1.5;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  cursor: pointer;
}
@media (max-width: 740px) {
  .pop .modal .pop-content .text .revise-info .select select {
    font-size: 16px;
    padding: 8px 33px;
  }
}
.pop .modal .pop-content .text .revise-info .select select option {
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
.pop .modal .pop-content .text .revise-info .select .span {
  color: #4d4d4d;
  background: #fff;
  font-size: 18px;
  padding: 0.5rem 0.75rem;
  border: 1px solid #a0a0a0;
  line-height: var(--select-height);
  pointer-events: none;
  text-align: center;
  position: absolute;
  border-radius: 12px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.pop .modal .pop-content .btn {
  text-align: right;
}
.pop .modal .pop-content .btn a {
  text-decoration: none;
  background-color: #e20000;
  margin-bottom: 35px;
}
@media (max-width: 740px) {
  .pop .modal .pop-content .btn a {
    margin-bottom: 10px;
  }
}
.pop .modal .pop-content .btn a:nth-last-child(2) {
  margin-bottom: 10px;
}
.pop .modal .pop-content .btn .non-members {
  background-color: #dca952;
  cursor: pointer;
}
.pop .modal .pop-content .btn a,
.pop .modal .pop-content .btn .non-members {
  font-size: 18px;
  display: block;
  color: #fff;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
}
.pop .modal .pop-content .btn a:hover,
.pop .modal .pop-content .btn .non-members:hover {
  opacity: 0.8;
}
.pop .modal .pop-content .btn .register {
  display: inline-block;
  color: #e20000;
  background-color: #fff;
  font-weight: bold;
  margin: 0;
}

.radius10 {
  border-radius: 10px;
}

.radius15 {
  border-radius: 15px;
}

.gsc-wrapper {
  padding-top: 20px;
  font-family: "Noto Serif TC", serif;
}
.gsc-wrapper .gsc-webResult .gs-no-results-result .gs-snippet {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  font-size: 18px;
  display: block;
  text-align: center;
}
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult {
  border: none;
  background-color: #f0f0f0;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-title {
  font-size: 24px;
  color: #666666;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-title {
    font-size: 20px;
  }
}
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-visibleUrl {
  color: #daab61;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-visibleUrl {
    font-size: 16px;
  }
}
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-result .gs-title *,
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gsc-cursor-page,
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-spelling a {
  font-size: 24px;
  font-weight: bold;
}
@media (max-width: 740px) {
  .gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-result .gs-title *,
  .gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gsc-cursor-page,
  .gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-spelling a {
    font-size: 20px;
  }
}
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-title b {
  color: #e8191d;
}
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gs-bidi-start-align.gs-snippet {
  font-family: "Noto Serif TC", serif;
}
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gsc-table-result {
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 740px) {
  .gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gsc-table-result {
    font-size: 16px;
  }
}
.gsc-wrapper .gsc-webResult .gsc-expansionArea .gsc-webResult .gsc-table-result .gs-snippet b {
  color: red;
}
.gsc-wrapper .gsc-cursor-box {
  margin-top: 50px !important;
}
@media (max-width: 740px) {
  .gsc-wrapper .gsc-cursor-box {
    margin-top: 30px !important;
  }
}
.gsc-wrapper .gsc-cursor-box .gsc-cursor {
  margin: 0 auto;
  display: flex;
  width: 50%;
  justify-content: center;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 740px) {
  .gsc-wrapper .gsc-cursor-box .gsc-cursor {
    width: 100%;
  }
}
.gsc-wrapper .gsc-cursor-box .gsc-cursor .gsc-cursor-page {
  font-size: 16px;
  flex: 1 1 auto !important;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 10px 5px;
  margin-right: 0;
}
.gsc-wrapper .gsc-cursor-box .gsc-cursor .gsc-cursor-page:nth-child(odd) {
  background-color: #e5e5e5;
}
.gsc-wrapper .gsc-cursor-box .gsc-cursor .gsc-cursor-page:nth-child(even) {
  background-color: #efefef;
}
.gsc-wrapper .gsc-cursor-box .gsc-cursor .gsc-cursor-page:hover {
  background-color: #e20000;
  color: #fff;
  text-decoration: none;
}
.gsc-wrapper .gsc-cursor-box .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
  color: #fff;
  background-color: #e20000;
}/*# sourceMappingURL=style.css.map */