@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&display=swap");
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
audio,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
summary,
time,
video {
  border: 0;
  outline: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

body {
  line-height: 1;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote {
  display: block;
}

nav ul {
  list-style: none;
}

ol {
  list-style: none;
}

ul {
  list-style: none;
}

ul ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

mark {
  background: none;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input[type=submit],
input[type=button],
button {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: middle;
}

input,
select,
a img {
  vertical-align: middle;
}

:root {
  --remBasicSize: 16px;
}

#time .container .title_area .location, #time .container .title_area .date, #time .container .title_area .h1, #time .container .title_area .logo, #main_video .container .title_area .title_h1, #main_video .container .title_area .big_title, #data_stripe .container .title_area .title_h1, #data_stripe .container .title_area .big_title, #highlight .container .title_area .big_title, #about .container .title_area .title_h1, #about .container .title_area .big_title, #kv .container .title_area .location, #kv .container .title_area .date, #kv .container .title_area .logo, #fixed-signup-btn {
  text-indent: -999999px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

body,
html {
  font-family: "Noto Sans TC", Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  background: #ddd;
  background-color: #fff;
  color: #000;
  font-size: 16px;
}

input,
select,
textarea,
button,
option,
li {
  font-family: "Noto Sans TC", Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  color: #212121;
}

a,
button {
  text-decoration: none;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
}
a:focus, a:hover, a:active,
button:focus,
button:hover,
button:active {
  outline: none;
  text-decoration: none;
}

::-webkit-scrollbar {
  display: none;
}

.ctr_both {
  clear: both;
}

.m_auto {
  display: block;
  margin: 0 auto;
}

.flex_r {
  display: flex;
  flex-direction: row;
}

.flex_c {
  display: flex;
  flex-direction: column;
}

body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

#progress {
  position: fixed;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: #cdebb4;
}
#progress .loading {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100vw;
  height: 100vh;
  background: url(../images/loading.jpg) no-repeat center top;
  background-size: cover;
}
#progress .loading .bg {
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  top: 0;
  z-index: 0;
}
#progress .loading .bg .bgmp4 {
  width: 100%;
  height: auto;
}
#progress .loading video {
  position: relative;
  width: 100vw;
  margin: 0 auto;
  height: 100vh;
  z-index: 2;
  -o-object-fit: fill;
     object-fit: fill;
}
#progress .loading .loading_video {
  display: block;
}
#progress .loading .loading_video_mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  #progress .loading .loading_video {
    display: none;
  }
  #progress .loading .loading_video_mobile {
    display: block;
  }
}
:root {
  --remBasicSize: 16px;
}

/*思源*/
.wrapper {
  overflow: hidden;
  width: 100vw;
  min-width: 320px;
  margin: 0 auto;
  width: auto;
  color: #221714;
  font-weight: 300;
}

.container {
  width: 1280px;
  margin: 0 auto;
  height: auto;
  position: relative;
}

/*-------------------------

          loading

-------------------------*/
.progress {
  position: fixed;
  inset: 0;
  background-color: #aacc93;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 當進度條跑完後自動觸發淡出 */
  animation: fadeout 0.8s ease forwards;
  animation-delay: 3s; /* 等 3 秒 (進度條跑完) 再淡出 */
  /* 背景條背景 */
  /* 粉紅色進度條 */
  /* 進度條跑動動畫 */
  /* 畫面淡出動畫 */
}
.progress .loading {
  text-align: center;
}
.progress .girl_area {
  position: relative;
  top: calc(-0.625 * var(--remBasicSize));
  width: calc(9.875 * var(--remBasicSize));
  height: calc(11.9375 * var(--remBasicSize));
  display: block;
  margin: 0 auto calc(1.25 * var(--remBasicSize));
}
.progress .girl_area .girl img {
  position: relative;
  top: calc(0 * var(--remBasicSize));
  left: calc(-3.125 * var(--remBasicSize));
  width: calc(11.125 * var(--remBasicSize));
  height: calc(12.5625 * var(--remBasicSize));
  display: block;
  margin: 0 auto calc(1.25 * var(--remBasicSize));
}
.progress .girl_area .scsc img {
  position: relative;
  top: calc(-8.75 * var(--remBasicSize));
  right: calc(-3.125 * var(--remBasicSize));
  width: calc(12.125 * var(--remBasicSize));
  height: calc(4.6875 * var(--remBasicSize));
  display: block;
  margin: 0 auto calc(1.25 * var(--remBasicSize));
}
.progress .logo_load img {
  position: relative;
  top: calc(1.25 * var(--remBasicSize));
  width: calc(9.8125 * var(--remBasicSize));
  height: calc(3.125 * var(--remBasicSize));
  display: block;
  margin: 0 auto calc(1.25 * var(--remBasicSize));
}
.progress .progress-bar-bg {
  width: calc(17.5 * var(--remBasicSize));
  height: calc(0.375 * var(--remBasicSize));
  background: #fafeef;
  border-radius: calc(0.015625 * var(--remBasicSize));
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: calc(0.625 * var(--remBasicSize));
}
.progress .progress-bar {
  width: 0%;
  height: 100%;
  background: #c188ad;
  border-radius: calc(0.015625 * var(--remBasicSize));
  animation: loading 3s linear forwards;
}
@keyframes loading {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes fadeout {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

@media screen and (max-width: 750px) {
  .progress {
    position: fixed;
    /* 背景條背景 */
    /* 粉紅色進度條 */
  }
  .progress .girl_area {
    position: relative;
    top: calc(-1.875 * var(--remBasicSize));
    width: calc(16.125 * var(--remBasicSize));
    height: calc(18.1875 * var(--remBasicSize));
    display: block;
    margin: 0 auto calc(1.25 * var(--remBasicSize));
  }
  .progress .girl_area .girl img {
    position: relative;
    top: calc(0 * var(--remBasicSize));
    left: calc(-3.125 * var(--remBasicSize));
    width: calc(18.625 * var(--remBasicSize));
    height: calc(20.0625 * var(--remBasicSize));
    display: block;
    margin: 0 auto calc(1.25 * var(--remBasicSize));
  }
  .progress .girl_area .scsc img {
    position: relative;
    top: calc(-11.25 * var(--remBasicSize));
    right: calc(-7.5 * var(--remBasicSize));
    width: calc(16.0625 * var(--remBasicSize));
    height: calc(4.6875 * var(--remBasicSize));
    display: block;
    margin: 0 auto calc(1.25 * var(--remBasicSize));
  }
  .progress .logo_load img {
    position: relative;
    top: calc(2.5 * var(--remBasicSize));
    width: calc(18.125 * var(--remBasicSize));
    height: calc(5.75 * var(--remBasicSize));
    display: block;
    margin: 0 auto calc(1.25 * var(--remBasicSize));
  }
  .progress .progress-bar-bg {
    width: calc(17.5 * var(--remBasicSize));
    height: calc(0.375 * var(--remBasicSize));
    background: #fafeef;
    border-radius: calc(0.015625 * var(--remBasicSize));
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    border-radius: calc(0.625 * var(--remBasicSize));
  }
  .progress .progress-bar {
    width: 0%;
    height: 100%;
    background: #c188ad;
    border-radius: calc(0.015625 * var(--remBasicSize));
    animation: loading 3s linear forwards;
  }
}
/*-------------------------

        立即報名按鈕

-------------------------*/
#fixed-signup-btn {
  position: fixed;
  display: block;
  right: calc(1.25 * var(--remBasicSize));
  bottom: calc(1.25 * var(--remBasicSize));
  padding: calc(0.625 * var(--remBasicSize)) calc(1.25 * var(--remBasicSize));
  text-decoration: none;
  z-index: 77;
  width: calc(9 * var(--remBasicSize));
  height: calc(12.5 * var(--remBasicSize));
  overflow: visible;
}
#fixed-signup-btn .fixed_girl {
  position: absolute;
  right: calc(0.1875 * var(--remBasicSize));
  top: calc(1.25 * var(--remBasicSize));
  width: calc(9 * var(--remBasicSize));
  height: calc(13.0625 * var(--remBasicSize));
  background: url(../images/fixed/girl.webp) no-repeat center top/contain;
}
#fixed-signup-btn .fixed_btn {
  position: absolute;
  right: calc(1.25 * var(--remBasicSize));
  top: calc(0.625 * var(--remBasicSize));
  width: calc(2.1875 * var(--remBasicSize));
  height: calc(9.75 * var(--remBasicSize));
  background: url(../images/fixed/btn.png) no-repeat center top/contain;
}
#fixed-signup-btn .stripeinstyle {
  position: absolute;
  left: calc(0 * var(--remBasicSize));
  top: calc(0 * var(--remBasicSize));
  width: calc(6.6875 * var(--remBasicSize));
  height: calc(3.875 * var(--remBasicSize));
  background: url(../images/fixed/stripeinstyle.png) no-repeat center top/contain;
}
#fixed-signup-btn .fixed_icon_m {
  display: none;
}

/* 手機 (小於 750px) 時，固定在底部中央 */
@media screen and (max-width: 750px) {
  #fixed-signup-btn {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(0 * var(--remBasicSize));
    width: calc(46.875 * var(--remBasicSize));
    height: calc(7.125 * var(--remBasicSize));
    background: url(../images/fixed/fixed_icon_m.png) no-repeat center bottom/contain;
    overflow: visible;
  }
  #fixed-signup-btn .fixed_icon_m {
    position: absolute;
    left: calc(2.75 * var(--remBasicSize));
    top: calc(-0.9375 * var(--remBasicSize));
    width: calc(6 * var(--remBasicSize));
    height: calc(6.125 * var(--remBasicSize));
    background: url(../images/fixed/fixed_icon_m.png) no-repeat center top/contain;
    animation: gn_flower2 3s ease-in-out infinite alternate;
    overflow: visible;
  }
  #fixed-signup-btn .fixed_girl {
    display: none;
  }
  #fixed-signup-btn .fixed_btn {
    display: none;
  }
  #fixed-signup-btn .stripeinstyle {
    display: none;
  }
}
/*-------------------------

           kv

-------------------------*/
#kv {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: calc(45 * var(--remBasicSize));
  top: calc(0 * var(--remBasicSize));
  overflow: hidden;
  background: url(../images/index/bg.png) no-repeat center top/cover;
}
#kv .container {
  position: relative;
  margin: 0 auto;
  width: 50vw;
  min-width: 1000px;
  height: 100%;
  z-index: 2;
}
#kv .container .title_area {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(18.75 * var(--remBasicSize));
  height: calc(12.5 * var(--remBasicSize));
  top: calc(6.25 * var(--remBasicSize));
}
#kv .container .title_area .logo {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(16.5 * var(--remBasicSize));
  height: calc(5.3125 * var(--remBasicSize));
  background: url(../images/index/logo.gif) no-repeat center top/contain;
  top: calc(0 * var(--remBasicSize));
}
#kv .container .title_area .date {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(14 * var(--remBasicSize));
  height: calc(1.78125 * var(--remBasicSize));
  background: url(../images/index/date.png) no-repeat center top/contain;
  top: calc(1.875 * var(--remBasicSize));
}
#kv .container .title_area .location {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(10.28125 * var(--remBasicSize));
  height: calc(1.21875 * var(--remBasicSize));
  background: url(../images/index/location.png) no-repeat center top/contain;
  top: calc(2.8125 * var(--remBasicSize));
}
#kv .container .main_area {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(33.125 * var(--remBasicSize));
  height: calc(21.25 * var(--remBasicSize));
  top: calc(8.125 * var(--remBasicSize));
}
#kv .container .main_area .people1 {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(14.5 * var(--remBasicSize));
  height: calc(21.625 * var(--remBasicSize));
  background: url(../images/index/people1.webp) no-repeat center top/contain;
  top: calc(0 * var(--remBasicSize));
  left: calc(0.8125 * var(--remBasicSize));
  z-index: 2;
}
#kv .container .main_area .people2 {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(13.375 * var(--remBasicSize));
  height: calc(20.6875 * var(--remBasicSize));
  background: url(../images/index/people2.webp) no-repeat center top/contain;
  top: calc(0.3125 * var(--remBasicSize));
  right: calc(1.875 * var(--remBasicSize));
  z-index: 2;
}
#kv .container .main_area .table {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(7.9375 * var(--remBasicSize));
  height: calc(15.4375 * var(--remBasicSize));
  background: url(../images/index/table.png) no-repeat center top/contain;
  top: calc(3.4375 * var(--remBasicSize));
  z-index: 1;
}
#kv .container .right_area {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(25 * var(--remBasicSize));
  height: calc(37.5 * var(--remBasicSize));
  top: calc(0 * var(--remBasicSize));
  right: calc(-1.25 * var(--remBasicSize));
}
#kv .container .right_area .balloon {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(8.9375 * var(--remBasicSize));
  height: calc(10.125 * var(--remBasicSize));
  background: url(../images/index/balloon.png) no-repeat center top/contain;
  top: calc(6.25 * var(--remBasicSize));
  right: calc(0.8125 * var(--remBasicSize));
  animation: kv_balloon 3s ease-in-out 1s infinite;
}
@keyframes kv_balloon {
  50% {
    top: calc(5.625 * var(--remBasicSize));
    right: calc(-0.3125 * var(--remBasicSize));
  }
}
#kv .container .right_area .circus {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(17.625 * var(--remBasicSize));
  height: calc(18.8125 * var(--remBasicSize));
  background: url(../images/index/circus.webp) no-repeat center top/contain;
  top: calc(1.875 * var(--remBasicSize));
  right: calc(10.625 * var(--remBasicSize));
}
#kv .container .right_area .magazine {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(5.4375 * var(--remBasicSize));
  height: calc(5.5625 * var(--remBasicSize));
  background: url(../images/index/magazine.png) no-repeat center top/contain;
  top: calc(30.625 * var(--remBasicSize));
  right: calc(15.625 * var(--remBasicSize));
  z-index: 1;
}
#kv .container .right_area .flower {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(5.875 * var(--remBasicSize));
  height: calc(9.25 * var(--remBasicSize));
  background: url(../images/index/flower.png) no-repeat center top/contain;
  top: calc(23.6875 * var(--remBasicSize));
  right: calc(11.25 * var(--remBasicSize));
  z-index: 2;
}
#kv .container .left_area {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(25 * var(--remBasicSize));
  height: calc(33.125 * var(--remBasicSize));
  top: calc(0 * var(--remBasicSize));
  left: calc(-1.25 * var(--remBasicSize));
}
#kv .container .left_area .light {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(11.375 * var(--remBasicSize));
  height: calc(6.8125 * var(--remBasicSize));
  background: url(../images/index/light.png) no-repeat center top/contain;
  top: calc(5 * var(--remBasicSize));
  left: calc(11.875 * var(--remBasicSize));
}
#kv .container .left_area .scsc {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(16.3125 * var(--remBasicSize));
  height: calc(5.375 * var(--remBasicSize));
  background: url(../images/index/scsc.webp) no-repeat center top/contain;
  top: calc(10.625 * var(--remBasicSize));
  left: calc(5 * var(--remBasicSize));
}
#kv .container .left_area .girl {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(11.125 * var(--remBasicSize));
  height: calc(13.1875 * var(--remBasicSize));
  background: url(../images/index/girl.webp) no-repeat center top/contain;
  top: calc(20.625 * var(--remBasicSize));
  left: calc(1.5625 * var(--remBasicSize));
}
#kv .container .tour_eiffel {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(5.3125 * var(--remBasicSize));
  height: calc(15.6875 * var(--remBasicSize));
  background: url(../images/index/tower.png) no-repeat center top/contain;
  top: calc(17.25 * var(--remBasicSize));
  left: calc(12.5 * var(--remBasicSize));
}
#kv .container .tower_101 {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(4.125 * var(--remBasicSize));
  height: calc(15.4375 * var(--remBasicSize));
  background: url(../images/index/101.png) no-repeat center top/contain;
  top: calc(17.5 * var(--remBasicSize));
  right: calc(13.125 * var(--remBasicSize));
}
#kv .container .leaf_m_b {
  display: none;
}
#kv .container .leaf_m_g {
  display: none;
}
#kv .container .vinyl {
  display: none;
}

@media screen and (max-width: 750px) {
  #kv {
    width: 100%;
    height: calc(78.125 * var(--remBasicSize));
    background: url(../images/index/bg_m.png) no-repeat center top/cover;
  }
  #kv .container {
    width: 100%;
    min-width: calc(46.875 * var(--remBasicSize));
    height: calc(78.125 * var(--remBasicSize));
  }
  #kv .container .title_area {
    width: calc(25.3125 * var(--remBasicSize));
    height: calc(17.8125 * var(--remBasicSize));
    top: calc(16.5625 * var(--remBasicSize));
  }
  #kv .container .title_area .logo {
    width: calc(25.9375 * var(--remBasicSize));
    height: calc(9.625 * var(--remBasicSize));
    top: calc(0 * var(--remBasicSize));
  }
  #kv .container .title_area .date {
    width: calc(21.25 * var(--remBasicSize));
    height: calc(3.125 * var(--remBasicSize));
    top: calc(1.875 * var(--remBasicSize));
  }
  #kv .container .title_area .location {
    width: calc(15.375 * var(--remBasicSize));
    height: calc(1.9375 * var(--remBasicSize));
    top: calc(2.8125 * var(--remBasicSize));
  }
  #kv .container .main_area {
    width: calc(46.875 * var(--remBasicSize));
    height: calc(30 * var(--remBasicSize));
    top: calc(21.25 * var(--remBasicSize));
  }
  #kv .container .main_area .people1 {
    width: calc(20.75 * var(--remBasicSize));
    height: calc(27.875 * var(--remBasicSize));
    top: calc(0 * var(--remBasicSize));
    left: calc(0.8125 * var(--remBasicSize));
    z-index: 2;
  }
  #kv .container .main_area .people2 {
    width: calc(19.625 * var(--remBasicSize));
    height: calc(26.9375 * var(--remBasicSize));
    top: calc(0.3125 * var(--remBasicSize));
    right: calc(1.875 * var(--remBasicSize));
    z-index: 2;
  }
  #kv .container .main_area .table {
    width: calc(14.1875 * var(--remBasicSize));
    height: calc(21.6875 * var(--remBasicSize));
    top: calc(4.6875 * var(--remBasicSize));
    left: calc(0.625 * var(--remBasicSize));
    z-index: 1;
  }
  #kv .container .right_area {
    width: calc(25 * var(--remBasicSize));
    height: calc(37.5 * var(--remBasicSize));
    top: calc(0 * var(--remBasicSize));
    right: calc(-1.25 * var(--remBasicSize));
  }
  #kv .container .right_area .balloon {
    display: none;
  }
  #kv .container .right_area .circus {
    width: calc(22 * var(--remBasicSize));
    height: calc(21.9375 * var(--remBasicSize));
    top: calc(-5.625 * var(--remBasicSize));
    right: calc(1.25 * var(--remBasicSize));
  }
  #kv .container .right_area .magazine {
    width: calc(7.125 * var(--remBasicSize));
    height: calc(7.3125 * var(--remBasicSize));
    top: calc(28.125 * var(--remBasicSize));
    right: calc(0 * var(--remBasicSize));
    z-index: 1;
  }
  #kv .container .right_area .flower {
    display: none;
  }
  #kv .container .left_area {
    width: calc(35.625 * var(--remBasicSize));
    height: calc(14.375 * var(--remBasicSize));
    top: calc(3.125 * var(--remBasicSize));
    left: calc(0 * var(--remBasicSize));
  }
  #kv .container .left_area .light {
    display: none;
  }
  #kv .container .left_area .scsc {
    width: calc(26.5625 * var(--remBasicSize));
    height: calc(8.75 * var(--remBasicSize));
    top: calc(0.625 * var(--remBasicSize));
    left: calc(6.25 * var(--remBasicSize));
    z-index: 2;
  }
  #kv .container .left_area .girl {
    display: none;
  }
  #kv .container .tour_eiffel {
    width: calc(6.375 * var(--remBasicSize));
    height: calc(18.6875 * var(--remBasicSize));
    top: calc(15.625 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
  }
  #kv .container .tower_101 {
    width: calc(4.6875 * var(--remBasicSize));
    height: calc(17.5 * var(--remBasicSize));
    top: calc(17.1875 * var(--remBasicSize));
    right: calc(3.125 * var(--remBasicSize));
  }
  #kv .container .leaf_m_b {
    position: absolute;
    display: block;
    margin: 0 auto;
    width: calc(7.0625 * var(--remBasicSize));
    height: calc(15.75 * var(--remBasicSize));
    background: url(../images/index/leaf_b.png) no-repeat center top/contain;
    bottom: calc(0 * var(--remBasicSize));
    left: calc(-0.5 * var(--remBasicSize));
    transform-origin: bottom center;
    animation: leaf_m_b 3s ease-in-out infinite alternate;
  }
  @keyframes leaf_m_b {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(-6deg);
    }
    100% {
      transform: rotate(6deg);
    }
  }
  #kv .container .leaf_m_g {
    position: absolute;
    display: block;
    margin: 0 auto;
    width: calc(15.4375 * var(--remBasicSize));
    height: calc(13.125 * var(--remBasicSize));
    background: url(../images/index/leaf_g.png) no-repeat center top/contain;
    bottom: calc(25 * var(--remBasicSize));
    right: calc(-5 * var(--remBasicSize));
    z-index: 2;
    transform-origin: bottom center;
    animation: leaf_m_g 4s ease-in-out infinite alternate;
  }
  @keyframes leaf_m_g {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(6deg);
    }
    100% {
      transform: rotate(-6deg);
    }
  }
  #kv .container .vinyl {
    position: absolute;
    display: block;
    margin: 0 auto;
    width: calc(7.6875 * var(--remBasicSize));
    height: calc(8.25 * var(--remBasicSize));
    background: url(../images/index/vinyl.png) no-repeat center top/contain;
    top: calc(6.25 * var(--remBasicSize));
    left: calc(6.25 * var(--remBasicSize));
    transform: rotate(-20deg);
    z-index: 1;
  }
}
/*-------------------------

          about

-------------------------*/
#about {
  position: relative;
  display: block;
  width: 100vw;
  height: calc(37.375 * var(--remBasicSize));
  width: auto;
  text-align: center;
  background: url(../images/index_about/bg.png) no-repeat center bottom/cover;
  background-color: #aacc93;
}
#about .container {
  position: relative;
  margin: 0 auto;
  width: 50vw;
  min-width: 1000px;
  height: 100%;
}
#about .container .title_area {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(29.6875 * var(--remBasicSize));
  height: calc(9.375 * var(--remBasicSize));
  top: calc(1.25 * var(--remBasicSize));
}
#about .container .title_area .big_title {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  width: calc(25.1875 * var(--remBasicSize));
  height: calc(4.21875 * var(--remBasicSize));
  background: url(../images/index_about/big_title.png) no-repeat center top/contain;
}
#about .container .title_area .title_h1 {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(1.25 * var(--remBasicSize));
  width: calc(21.3125 * var(--remBasicSize));
  height: calc(3.375 * var(--remBasicSize));
  background: url(../images/index_about/h1.png) no-repeat center top/contain;
}
#about .container .about_p {
  position: relative;
  display: inline-block;
  text-align: left;
  top: calc(5.3125 * var(--remBasicSize));
  left: calc(9.375 * var(--remBasicSize));
  font-size: calc(1 * var(--remBasicSize));
  letter-spacing: calc(0.03125 * var(--remBasicSize));
  line-height: calc(2 * var(--remBasicSize));
}
#about .container .girl2 {
  position: absolute;
  display: block;
  top: calc(6.25 * var(--remBasicSize));
  left: calc(-1.875 * var(--remBasicSize));
  width: calc(27.9375 * var(--remBasicSize));
  height: calc(20.5 * var(--remBasicSize));
  background: url(../images/index_about/girl2.webp) no-repeat center top/contain;
}
#about .container .tour_eiffel {
  position: absolute;
  display: block;
  top: calc(4.75 * var(--remBasicSize));
  right: calc(15 * var(--remBasicSize));
  width: calc(3.75 * var(--remBasicSize));
  height: calc(11.125 * var(--remBasicSize));
  background: url(../images/index_about/tower.png) no-repeat center top/contain;
}
#about .container .tower_101 {
  position: absolute;
  display: block;
  top: calc(4.9375 * var(--remBasicSize));
  right: calc(11.875 * var(--remBasicSize));
  width: calc(2.9375 * var(--remBasicSize));
  height: calc(11 * var(--remBasicSize));
  background: url(../images/index_about/101.png) no-repeat center top/contain;
}
#about .container .scsc_area {
  position: relative;
  margin: 0 auto;
  display: block;
  top: calc(7.5 * var(--remBasicSize));
  width: calc(46.875 * var(--remBasicSize));
  height: calc(3.125 * var(--remBasicSize));
}
#about .container .scsc_area .wave {
  position: relative;
  display: inline-block;
  top: calc(0 * var(--remBasicSize));
  width: calc(12.4375 * var(--remBasicSize));
  height: calc(1.5 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_about/wave.png) no-repeat center top/contain;
}
#about .container .scsc_area .scsc {
  position: relative;
  display: inline-block;
  top: calc(0 * var(--remBasicSize));
  width: calc(16.8125 * var(--remBasicSize));
  height: calc(1.875 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_about/scsc.png) no-repeat center top/contain;
}
#about .container .scsc_area .wave {
  position: relative;
  display: inline-block;
  top: calc(0 * var(--remBasicSize));
  width: calc(12.4375 * var(--remBasicSize));
  height: calc(1.5 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_about/wave.png) no-repeat center top/contain;
}

@media screen and (max-width: 750px) {
  #about {
    width: 100%;
    min-height: calc(69.25 * var(--remBasicSize));
    background: url(../images/index_about/bg_m.png) no-repeat center bottom/cover;
    background-color: #aacc93;
  }
  #about .container {
    width: 100%;
    min-height: calc(69.25 * var(--remBasicSize));
    min-width: calc(46.875 * var(--remBasicSize));
  }
  #about .container .title_area {
    width: calc(40.625 * var(--remBasicSize));
    height: calc(12.8125 * var(--remBasicSize));
    top: calc(3.125 * var(--remBasicSize));
  }
  #about .container .title_area .big_title {
    width: calc(30.25 * var(--remBasicSize));
    height: calc(5.0625 * var(--remBasicSize));
  }
  #about .container .title_area .title_h1 {
    width: calc(33.25 * var(--remBasicSize));
    height: calc(5.875 * var(--remBasicSize));
  }
  #about .container .about_p {
    text-align: justify;
    top: calc(21.75 * var(--remBasicSize));
    left: calc(0 * var(--remBasicSize));
    font-size: calc(1.75 * var(--remBasicSize));
    letter-spacing: calc(0.03125 * var(--remBasicSize));
    line-height: calc(3.5 * var(--remBasicSize));
    width: calc(38.75 * var(--remBasicSize));
  }
  #about .container .about_p span {
    display: none;
  }
  #about .container .girl2 {
    top: calc(15 * var(--remBasicSize));
    left: calc(8.75 * var(--remBasicSize));
    width: calc(25.125 * var(--remBasicSize));
    height: calc(18.4375 * var(--remBasicSize));
  }
  #about .container .tour_eiffel {
    top: calc(15.8125 * var(--remBasicSize));
    right: calc(8.4375 * var(--remBasicSize));
    width: calc(4.5625 * var(--remBasicSize));
    height: calc(13.625 * var(--remBasicSize));
  }
  #about .container .tower_101 {
    top: calc(18.75 * var(--remBasicSize));
    right: calc(4.375 * var(--remBasicSize));
    width: calc(3.625 * var(--remBasicSize));
    height: calc(13.5 * var(--remBasicSize));
  }
  #about .container .scsc_area {
    top: calc(23.75 * var(--remBasicSize));
    width: calc(78.125 * var(--remBasicSize));
    height: calc(4.0625 * var(--remBasicSize));
    left: calc(-15 * var(--remBasicSize));
  }
  #about .container .scsc_area .wave {
    width: calc(16.1875 * var(--remBasicSize));
    height: calc(2.625 * var(--remBasicSize));
  }
  #about .container .scsc_area .scsc {
    width: calc(21.5 * var(--remBasicSize));
    height: calc(2.375 * var(--remBasicSize));
  }
  #about .container .scsc_area .wave {
    width: calc(16.1875 * var(--remBasicSize));
    height: calc(2.625 * var(--remBasicSize));
  }
}
/*-------------------------

          highlight

-------------------------*/
#highlight {
  position: relative;
  display: block;
  width: 100vw;
  height: calc(44.375 * var(--remBasicSize));
  width: auto;
  text-align: center;
  background-color: #fafeef;
}
#highlight .container {
  position: relative;
  margin: 0 auto;
  width: 50vw;
  min-width: 1000px;
  height: 100%;
}
#highlight .container .title_area {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(29.6875 * var(--remBasicSize));
  height: calc(3.4375 * var(--remBasicSize));
  top: calc(0 * var(--remBasicSize));
}
#highlight .container .title_area .big_title {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  width: calc(17.5 * var(--remBasicSize));
  height: calc(3.125 * var(--remBasicSize));
  background: url(../images/index_highlight/big_title.png) no-repeat center top/contain;
}
#highlight .container .highlight_area {
  position: relative;
  margin: 0 auto;
  display: block;
  top: calc(1.875 * var(--remBasicSize));
  width: calc(58.75 * var(--remBasicSize));
  height: calc(38.125 * var(--remBasicSize));
}
#highlight .container .highlight_area .light1 {
  position: relative;
  display: inline-block;
  top: calc(0 * var(--remBasicSize));
  left: calc(1.25 * var(--remBasicSize));
  width: calc(21.8125 * var(--remBasicSize));
  height: calc(17.125 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_highlight/1.png) no-repeat left top/contain;
}
#highlight .container .highlight_area .light2 {
  position: relative;
  display: inline-block;
  top: calc(0 * var(--remBasicSize));
  left: calc(-3.125 * var(--remBasicSize));
  width: calc(16.96875 * var(--remBasicSize));
  height: calc(16.875 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_highlight/2_cm.png) no-repeat left top/contain;
}
#highlight .container .highlight_area .light3 {
  position: relative;
  display: inline-block;
  top: calc(0 * var(--remBasicSize));
  left: calc(-0.625 * var(--remBasicSize));
  width: calc(14.875 * var(--remBasicSize));
  height: calc(17.125 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_highlight/3_cm.png) no-repeat left top/contain;
}
#highlight .container .highlight_area .light4 {
  position: relative;
  display: inline-block;
  top: calc(1.25 * var(--remBasicSize));
  width: calc(16.4375 * var(--remBasicSize));
  height: calc(17.4375 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_highlight/4.png) no-repeat left top/contain;
  margin-right: calc(3.125 * var(--remBasicSize));
}
#highlight .container .highlight_area .light5 {
  position: relative;
  display: inline-block;
  top: calc(1.25 * var(--remBasicSize));
  width: calc(14.875 * var(--remBasicSize));
  height: calc(17.5625 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_highlight/5_cm.png) no-repeat left top/contain;
}
#highlight .container .highlight_area .light1:hover, #highlight .container .highlight_area .light2:hover, #highlight .container .highlight_area .light3:hover, #highlight .container .highlight_area .light4:hover, #highlight .container .highlight_area .light5:hover {
  transform: scale(1.05); /* 圖片放大 1.2 倍 */
  transition: transform 0.3s ease-in-out; /* 增加過渡效果，讓放大更平滑 */
}
#highlight .container .highlight_area .comingsoon {
  position: absolute;
  top: calc(0 * var(--remBasicSize));
  right: calc(0 * var(--remBasicSize));
  width: calc(3.625 * var(--remBasicSize));
  height: calc(3.8125 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  background: url(../images/index_highlight/comingsoon.png) no-repeat left top/contain;
}
#highlight .container .highlight_area .light1 .arrow {
  position: absolute;
  top: calc(12.75 * var(--remBasicSize));
  left: calc(10.625 * var(--remBasicSize));
  width: calc(0.53125 * var(--remBasicSize));
  height: calc(0.59375 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  animation: light_arrow 2s ease-in-out 1s infinite;
}
@keyframes light_arrow {
  50% {
    left: calc(11.25 * var(--remBasicSize));
  }
}
#highlight .container .highlight_area .light4 .arrow {
  position: absolute;
  top: calc(13.0625 * var(--remBasicSize));
  left: calc(12.625 * var(--remBasicSize));
  width: calc(0.53125 * var(--remBasicSize));
  height: calc(0.59375 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize));
  animation: light_arrow4 2s ease-in-out 1s infinite;
}
@keyframes light_arrow4 {
  50% {
    left: calc(13.25 * var(--remBasicSize));
  }
}
#highlight .container .highlight_area .arrow::after {
  content: "";
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
  #highlight {
    width: 100%;
    min-height: calc(78.75 * var(--remBasicSize));
  }
  #highlight .container {
    width: 100%;
    min-height: calc(78.75 * var(--remBasicSize));
    min-width: calc(46.875 * var(--remBasicSize));
  }
  #highlight .container .title_area {
    width: calc(29.6875 * var(--remBasicSize));
    height: calc(3.4375 * var(--remBasicSize));
    top: calc(0 * var(--remBasicSize));
  }
  #highlight .container .title_area .big_title {
    top: calc(0 * var(--remBasicSize));
    width: calc(22 * var(--remBasicSize));
    height: calc(3.4375 * var(--remBasicSize));
  }
  #highlight .container .highlight_area {
    position: relative;
    margin: 0 auto;
    display: block;
    top: calc(1.875 * var(--remBasicSize));
    width: calc(50 * var(--remBasicSize));
    height: calc(70 * var(--remBasicSize));
  }
  #highlight .container .highlight_area .light1 {
    top: calc(0 * var(--remBasicSize));
    left: calc(2.5 * var(--remBasicSize));
    width: calc(26.5 * var(--remBasicSize));
    height: calc(20.8125 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize));
    background: url(../images/index_highlight/1_m.png) no-repeat left top/contain;
  }
  #highlight .container .highlight_area .light2 {
    top: calc(0 * var(--remBasicSize));
    left: calc(-4.375 * var(--remBasicSize));
    width: calc(20.25 * var(--remBasicSize));
    height: calc(20.5 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize));
    background: url(../images/index_highlight/2_cm_m.png) no-repeat left top/contain;
  }
  #highlight .container .highlight_area .light3 {
    top: calc(1.4375 * var(--remBasicSize));
    left: calc(0 * var(--remBasicSize));
    width: calc(18.0625 * var(--remBasicSize));
    height: calc(20.75 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize));
    background: url(../images/index_highlight/3_cm_m.png) no-repeat left top/contain;
  }
  #highlight .container .highlight_area .light4 {
    top: calc(1.25 * var(--remBasicSize));
    left: calc(0.625 * var(--remBasicSize));
    width: calc(19.9375 * var(--remBasicSize));
    height: calc(21.125 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize));
    background: url(../images/index_highlight/4_m.png) no-repeat left top/contain;
    margin-right: calc(3.125 * var(--remBasicSize));
  }
  #highlight .container .highlight_area .light5 {
    top: calc(2.5 * var(--remBasicSize));
    left: calc(-0.9375 * var(--remBasicSize));
    width: calc(18.0625 * var(--remBasicSize));
    height: calc(21.3125 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize));
    background: url(../images/index_highlight/5_cm_m.png) no-repeat top/contain;
  }
  #highlight .container .highlight_area .comingsoon {
    top: calc(0 * var(--remBasicSize));
    right: calc(-0.625 * var(--remBasicSize));
    width: calc(4.875 * var(--remBasicSize));
    height: calc(5.0625 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize));
  }
  #highlight .container .highlight_area .light1 .arrow {
    position: absolute;
    top: calc(15.625 * var(--remBasicSize));
    left: calc(13.75 * var(--remBasicSize));
    width: calc(0.53125 * var(--remBasicSize));
    height: calc(0.59375 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize));
    animation: light_arrow 2s ease-in-out 1s infinite;
  }
  @keyframes light_arrow {
    50% {
      left: calc(15 * var(--remBasicSize));
    }
  }
  #highlight .container .highlight_area .light4 .arrow {
    position: absolute;
    top: calc(15.9375 * var(--remBasicSize));
    left: calc(15.9375 * var(--remBasicSize));
    width: calc(0.53125 * var(--remBasicSize));
    height: calc(0.59375 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize));
    animation: light_arrow4 2s ease-in-out 1s infinite;
  }
  @keyframes light_arrow4 {
    50% {
      left: calc(17.1875 * var(--remBasicSize));
    }
  }
  #highlight .container .highlight_area .arrow::after {
    content: "";
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    transform: translate(-50%, -50%);
  }
}
/*-------------------------

        marquee 

-------------------------*/
#marquee {
  position: relative;
  display: block;
  width: 100vw;
  min-height: calc(15 * var(--remBasicSize));
  width: auto;
  text-align: center;
  overflow: hidden;
  background-color: #fafeef;
}
#marquee .container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 100%;
}
#marquee .container .beauty-marquee {
  position: absolute;
  top: calc(0 * var(--remBasicSize));
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#marquee .container .outer-box {
  color: #fafeef !important;
  position: relative;
  margin: 0 auto;
}
#marquee .container .outer-box img {
  position: relative;
  width: calc(266.25 * var(--remBasicSize));
  min-height: calc(31.1875 * var(--remBasicSize));
}

/*-------------------------

        data_stripe

-------------------------*/
#data_stripe {
  position: relative;
  display: block;
  width: 100vw;
  min-height: calc(63.125 * var(--remBasicSize));
  width: auto;
  text-align: center;
  background-color: #aacc93;
  /*---------------
        表單 步驟1
  -----------------*/
  /*---------------
        表單 步驟2
  -----------------*/
  /*---------------
      插畫家介紹
  -----------------*/
}
#data_stripe .container {
  position: relative;
  margin: 0 auto;
  width: 50vw;
  min-width: calc(75 * var(--remBasicSize));
  height: 100%;
}
#data_stripe .container .title_area {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(29.6875 * var(--remBasicSize));
  height: calc(9.375 * var(--remBasicSize));
  top: calc(3.125 * var(--remBasicSize));
}
#data_stripe .container .title_area .big_title {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  width: calc(25.1875 * var(--remBasicSize));
  height: calc(3.9375 * var(--remBasicSize));
  background: url(../images/index_data/big_title.png) no-repeat center top/contain;
}
#data_stripe .container .title_area .title_h1 {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(1.25 * var(--remBasicSize));
  width: calc(23.125 * var(--remBasicSize));
  height: calc(3.375 * var(--remBasicSize));
  background: url(../images/index_data/h1.png) no-repeat center top/contain;
}
#data_stripe .container .stripe_p {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: calc(34.375 * var(--remBasicSize));
  height: calc(9.375 * var(--remBasicSize));
  top: calc(5.3125 * var(--remBasicSize));
  font-size: calc(1 * var(--remBasicSize));
  letter-spacing: calc(0.03125 * var(--remBasicSize));
  line-height: calc(2 * var(--remBasicSize));
}
#data_stripe .container .stripe_p strong {
  background-color: #fee0d9;
}
#data_stripe .container .pic1 {
  position: absolute;
  display: block;
  top: calc(-0.625 * var(--remBasicSize));
  left: calc(6.25 * var(--remBasicSize));
  width: calc(16.21875 * var(--remBasicSize));
  height: calc(29.3125 * var(--remBasicSize));
  background: url(../images/index_data/pic1.png) no-repeat center top/contain;
}
#data_stripe .container .pic2 {
  position: absolute;
  display: block;
  top: calc(-0.625 * var(--remBasicSize));
  right: calc(0 * var(--remBasicSize));
  width: calc(18.75 * var(--remBasicSize));
  height: calc(17.8125 * var(--remBasicSize));
  background: url(../images/index_data/pic2.png) no-repeat center top/contain;
}
#data_stripe .container .pic3 {
  position: absolute;
  display: block;
  top: calc(12.5 * var(--remBasicSize));
  right: calc(8.75 * var(--remBasicSize));
  width: calc(14.375 * var(--remBasicSize));
  height: calc(13.875 * var(--remBasicSize));
  background: url(../images/index_data/pic3.png) no-repeat center top/contain;
}
#data_stripe .container .people1 {
  position: absolute;
  display: block;
  top: calc(15.625 * var(--remBasicSize));
  left: calc(-1.25 * var(--remBasicSize));
  width: calc(11.9375 * var(--remBasicSize));
  height: calc(17.4375 * var(--remBasicSize));
  background: url(../images/index_data/people1.webp) no-repeat center top/contain;
}
#data_stripe .container .f1 {
  position: absolute;
  display: block;
  top: calc(8.125 * var(--remBasicSize));
  left: calc(5 * var(--remBasicSize));
  width: calc(3.9375 * var(--remBasicSize));
  height: calc(3.3125 * var(--remBasicSize));
  background: url(../images/index_data/f1.png) no-repeat center top/contain;
  animation: rotateFlower 2s linear infinite;
}
@keyframes rotateFlower {
  50% {
    transform: rotate(40deg);
  }
}
#data_stripe .container .f2 {
  position: absolute;
  display: block;
  top: calc(8.125 * var(--remBasicSize));
  right: calc(20.625 * var(--remBasicSize));
  width: calc(3.9375 * var(--remBasicSize));
  height: calc(3.3125 * var(--remBasicSize));
  background: url(../images/index_data/f2.png) no-repeat center top/contain;
  animation: rotateFlower2 2s linear infinite;
  z-index: 2;
}
@keyframes rotateFlower2 {
  50% {
    transform: rotate(-40deg);
  }
}
#data_stripe .container .girl {
  position: absolute;
  display: block;
  top: calc(7.5 * var(--remBasicSize));
  right: calc(-6.25 * var(--remBasicSize));
  width: calc(16.5625 * var(--remBasicSize));
  height: calc(20.125 * var(--remBasicSize));
  background: url(../images/index_data/girl.webp) no-repeat center top/contain;
  z-index: 2;
}
#data_stripe .container .scsc {
  position: absolute;
  display: block;
  top: calc(27.5 * var(--remBasicSize));
  right: calc(1.25 * var(--remBasicSize));
  width: calc(14.6875 * var(--remBasicSize));
  height: calc(7.6875 * var(--remBasicSize));
  background: url(../images/index_data/scsc.webp) no-repeat center top/contain;
  z-index: 2;
}
#data_stripe .data_step1 {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(6.25 * var(--remBasicSize));
  width: calc(46.875 * var(--remBasicSize));
  min-height: calc(15.625 * var(--remBasicSize));
}
#data_stripe .data_step1 .btn_reserve {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(0.625 * var(--remBasicSize));
  width: calc(17.5 * var(--remBasicSize));
  height: calc(3.75 * var(--remBasicSize));
  background-color: #c188ad;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: calc(3.4375 * var(--remBasicSize));
  letter-spacing: calc(0.0625 * var(--remBasicSize));
  z-index: 4;
  transition-duration: 0.5s;
  border-radius: calc(2.5 * var(--remBasicSize));
}
#data_stripe .data_step1 .btn_reserve span {
  position: relative;
  top: calc(-0.125 * var(--remBasicSize));
  left: calc(0.3125 * var(--remBasicSize));
  font-size: 0.5rem;
  line-height: calc(3.4375 * var(--remBasicSize));
  animation: main_btn_arr 2s linear infinite alternate;
}
@keyframes main_btn_arr {
  50% {
    left: calc(1.25 * var(--remBasicSize));
  }
}
#data_stripe .data_step1 .btn_reserve:hover {
  background-color: #d79bc2;
}
#data_stripe .data_step2 {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  top: calc(9.375 * var(--remBasicSize));
  width: calc(46.875 * var(--remBasicSize));
  min-height: calc(31.25 * var(--remBasicSize));
  z-index: 4;
  /*---------------
      注意事項
  ----------------*/
}
#data_stripe .data_step2 .data_area {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  width: calc(43.75 * var(--remBasicSize));
  min-height: calc(59.375 * var(--remBasicSize));
  padding: calc(1.25 * var(--remBasicSize));
}
#data_stripe .data_step2 .data_group {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  width: calc(41.25 * var(--remBasicSize));
  min-height: calc(40 * var(--remBasicSize));
  padding: calc(1.25 * var(--remBasicSize));
  text-align: left;
  background-color: #fafeef;
}
#data_stripe .data_step2 .event-theme.el-form .el-form-item button[type=submit] {
  width: calc(25 * var(--remBasicSize));
  height: calc(4.375 * var(--remBasicSize));
  font-size: calc(1.125 * var(--remBasicSize));
  letter-spacing: calc(0.03125 * var(--remBasicSize));
  border-radius: calc(0 * var(--remBasicSize));
  transition: all ease-in-out 0.2s;
  background-color: #c188ad;
  border: #c188ad;
  border-radius: calc(3.125 * var(--remBasicSize));
}
#data_stripe .data_step2 .event-theme.el-form .el-form-item button[type=submit]:hover {
  background-color: #81ab68;
}
#data_stripe .data_step2 .event-theme.el-form.success .covered {
  background-color: #82aa78;
}
#data_stripe .data_step2 .notice {
  position: relative;
  margin: 0 auto;
  display: block;
  top: calc(0 * var(--remBasicSize));
  width: calc(35 * var(--remBasicSize));
  min-height: calc(12.5 * var(--remBasicSize));
}
#data_stripe .data_step2 .notice h2 {
  position: relative;
  margin: 0 auto;
  text-align: left;
  top: calc(0.625 * var(--remBasicSize));
  left: calc(0 * var(--remBasicSize));
  height: calc(2.5 * var(--remBasicSize));
  font-size: calc(1.25 * var(--remBasicSize));
  font-weight: bold;
  letter-spacing: calc(0.0625 * var(--remBasicSize));
  color: #000;
}
#data_stripe .data_step2 .notice ul {
  position: relative;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  left: calc(0.9375 * var(--remBasicSize));
}
#data_stripe .data_step2 .notice li {
  position: relative;
  margin: 0 auto;
  text-align: justify;
  top: calc(0.3125 * var(--remBasicSize));
  margin-bottom: calc(0.5 * var(--remBasicSize));
  font-size: calc(1 * var(--remBasicSize));
  line-height: calc(1.5 * var(--remBasicSize));
  font-weight: 400;
  color: #000;
  list-style-type: decimal;
}
#data_stripe .artist_area {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  width: calc(56.25 * var(--remBasicSize));
  min-height: calc(25 * var(--remBasicSize));
}
#data_stripe .artist_area .chouyi_info {
  position: absolute;
  display: block;
  bottom: calc(0 * var(--remBasicSize));
  right: calc(0 * var(--remBasicSize));
  width: calc(40.6875 * var(--remBasicSize));
  height: calc(22.1875 * var(--remBasicSize));
  background: url(../images/index_data/chouyi_info.png) no-repeat center top/contain;
}
#data_stripe .artist_area .title_p {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(6.875 * var(--remBasicSize));
  left: calc(2.1875 * var(--remBasicSize));
  width: calc(27.5 * var(--remBasicSize));
  min-height: calc(11.25 * var(--remBasicSize));
  color: #221714;
  font-size: calc(1 * var(--remBasicSize));
  line-height: calc(2 * var(--remBasicSize));
  font-weight: 300;
  text-align: justify;
}
#data_stripe .artist_area .chouyi_ig {
  position: absolute;
  display: block;
  top: calc(4 * var(--remBasicSize));
  left: calc(21.875 * var(--remBasicSize));
  width: calc(2.625 * var(--remBasicSize));
  height: calc(2.625 * var(--remBasicSize));
  background: url(../images/index_data/btn_ig.png) no-repeat center top/contain;
  filter: brightness(1);
  transition: filter 0.3s ease-in-out;
  cursor: pointer;
}
#data_stripe .artist_area .chouyi_ig:hover {
  filter: brightness(1.1);
}
#data_stripe .artist_area .chouyi_pic {
  position: absolute;
  display: block;
  top: calc(0 * var(--remBasicSize));
  left: calc(0 * var(--remBasicSize));
  width: calc(22.6875 * var(--remBasicSize));
  height: calc(24.21875 * var(--remBasicSize));
  background: url(../images/index_data/chouyi_pic.png) no-repeat center top/contain;
}

@media screen and (max-width: 750px) {
  #data_stripe {
    width: 100%;
    min-height: calc(125 * var(--remBasicSize));
  }
  #data_stripe .container {
    width: 100%;
    min-height: calc(125 * var(--remBasicSize));
    min-width: calc(46.875 * var(--remBasicSize));
    /*---------------
          表單 步驟1
    -----------------*/
    /*---------------
          表單 步驟2
    -----------------*/
    /*---------------
        插畫家介紹
    -----------------*/
  }
  #data_stripe .container .title_area {
    width: calc(46.875 * var(--remBasicSize));
    height: calc(15 * var(--remBasicSize));
    top: calc(21.25 * var(--remBasicSize));
  }
  #data_stripe .container .title_area .big_title {
    top: calc(0 * var(--remBasicSize));
    width: calc(31.5 * var(--remBasicSize));
    height: calc(4.9375 * var(--remBasicSize));
  }
  #data_stripe .container .title_area .title_h1 {
    top: calc(1.875 * var(--remBasicSize));
    width: calc(34.625 * var(--remBasicSize));
    height: calc(4.625 * var(--remBasicSize));
  }
  #data_stripe .container .stripe_p {
    text-align: justify;
    width: calc(20.9375 * var(--remBasicSize));
    height: calc(45 * var(--remBasicSize));
    top: calc(21.25 * var(--remBasicSize));
    right: calc(-8.75 * var(--remBasicSize));
    font-size: calc(1.75 * var(--remBasicSize));
    line-height: calc(3.5 * var(--remBasicSize));
  }
  #data_stripe .container .stripe_p span {
    display: none;
  }
  #data_stripe .container .stripe_p strong {
    background-color: #fee0d9;
  }
  #data_stripe .container .pic1 {
    top: calc(35 * var(--remBasicSize));
    left: calc(1.25 * var(--remBasicSize));
    width: calc(19.3125 * var(--remBasicSize));
    height: calc(34.9375 * var(--remBasicSize));
  }
  #data_stripe .container .pic2 {
    top: calc(0 * var(--remBasicSize));
    right: calc(5 * var(--remBasicSize));
    width: calc(18.75 * var(--remBasicSize));
    height: calc(17.8125 * var(--remBasicSize));
  }
  #data_stripe .container .pic3 {
    top: calc(5 * var(--remBasicSize));
    right: calc(19.375 * var(--remBasicSize));
    width: calc(14.375 * var(--remBasicSize));
    height: calc(13.875 * var(--remBasicSize));
  }
  #data_stripe .container .people1 {
    top: calc(55.3125 * var(--remBasicSize));
    left: calc(31.875 * var(--remBasicSize));
    width: calc(13.3125 * var(--remBasicSize));
    height: calc(18.875 * var(--remBasicSize));
  }
  #data_stripe .container .f1 {
    top: calc(60.625 * var(--remBasicSize));
    left: calc(21.875 * var(--remBasicSize));
    width: calc(3.9375 * var(--remBasicSize));
    height: calc(3.3125 * var(--remBasicSize));
  }
  #data_stripe .container .f2 {
    top: calc(15.625 * var(--remBasicSize));
    right: calc(3.125 * var(--remBasicSize));
    width: calc(3.9375 * var(--remBasicSize));
    height: calc(3.3125 * var(--remBasicSize));
  }
  #data_stripe .container .girl {
    top: calc(-0.625 * var(--remBasicSize));
    right: calc(27.5 * var(--remBasicSize));
    width: calc(17.8125 * var(--remBasicSize));
    height: calc(21.375 * var(--remBasicSize));
  }
  #data_stripe .container .scsc {
    display: none;
  }
  #data_stripe .container .data_step1 {
    top: calc(3.125 * var(--remBasicSize));
    width: calc(46.875 * var(--remBasicSize));
    min-height: calc(23.75 * var(--remBasicSize));
  }
  #data_stripe .container .data_step1 .btn_reserve {
    top: calc(9.375 * var(--remBasicSize));
    width: calc(26.25 * var(--remBasicSize));
    height: calc(5.625 * var(--remBasicSize));
    font-size: 1rem;
    font-weight: 400;
    line-height: calc(5.625 * var(--remBasicSize));
    z-index: 4;
    border-radius: calc(3.75 * var(--remBasicSize));
  }
  #data_stripe .container .data_step1 .btn_reserve span {
    position: relative;
    top: calc(-0.125 * var(--remBasicSize));
    left: calc(0.9375 * var(--remBasicSize));
    font-size: 0.5rem;
    line-height: calc(3.4375 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 {
    top: calc(13.75 * var(--remBasicSize));
    width: calc(46.875 * var(--remBasicSize));
    min-height: calc(31.25 * var(--remBasicSize));
    /*---------------
        注意事項
    ----------------*/
  }
  #data_stripe .container .data_step2 .data_area {
    top: calc(0 * var(--remBasicSize));
    width: calc(46.25 * var(--remBasicSize));
    min-height: calc(105 * var(--remBasicSize));
    padding: calc(0 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .data_group {
    top: calc(0 * var(--remBasicSize));
    width: calc(42.5 * var(--remBasicSize));
    min-height: calc(40 * var(--remBasicSize));
    padding: calc(2.5 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .event-theme.el-form .el-form-item button[type=submit] {
    width: calc(33.75 * var(--remBasicSize));
    height: calc(5 * var(--remBasicSize));
    font-size: calc(1.75 * var(--remBasicSize));
    letter-spacing: calc(0.03125 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .event-theme.el-form .el-form-item {
    margin-bottom: 0.2vw;
  }
  #data_stripe .container .data_step2 .event-theme.el-form .el-form-item.one-line .el-form-item__label {
    font-size: calc(1.75 * var(--remBasicSize));
    margin-top: calc(1.875 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .event-theme.el-form .el-form-item .el-input__inner {
    font-size: calc(1.75 * var(--remBasicSize));
    margin-top: calc(1.875 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .event-theme.el-form .el-checkbox__label, #data_stripe .container .data_step2 .event-theme.el-form .el-radio__label {
    font-size: calc(1.5625 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .event-theme.el-form [fieldtype=Checkbox] {
    margin-top: calc(1.25 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .event-theme.el-form [fieldtype=Checkbox] .form__field, #data_stripe .container .data_step2 .event-theme.el-form [fieldtype=Checkbox] .single-checkbox {
    margin-bottom: 0vw;
  }
  #data_stripe .container .data_step2 .event-theme.el-form .el-form-item .form__field {
    font-size: calc(1.5625 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .notice {
    top: calc(0 * var(--remBasicSize));
    width: calc(34.375 * var(--remBasicSize));
    min-height: calc(28.125 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .notice h2 {
    top: calc(0.625 * var(--remBasicSize));
    left: calc(0 * var(--remBasicSize));
    height: calc(3.4375 * var(--remBasicSize));
    font-size: calc(1.875 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .notice ul {
    top: calc(0 * var(--remBasicSize));
    left: calc(0.9375 * var(--remBasicSize));
  }
  #data_stripe .container .data_step2 .notice li {
    top: calc(0.3125 * var(--remBasicSize));
    margin-bottom: calc(0.5 * var(--remBasicSize));
    font-size: calc(1.625 * var(--remBasicSize));
    line-height: calc(2.4375 * var(--remBasicSize));
    font-weight: 400;
    color: #000;
    list-style-type: decimal;
  }
  #data_stripe .container .artist_area {
    top: calc(0 * var(--remBasicSize));
    width: calc(46.875 * var(--remBasicSize));
    min-height: calc(45.3125 * var(--remBasicSize));
  }
  #data_stripe .container .artist_area .chouyi_info {
    position: relative;
    margin: 0 auto;
    display: block;
    bottom: calc(-6.875 * var(--remBasicSize));
    right: calc(0 * var(--remBasicSize));
    width: calc(40.8125 * var(--remBasicSize));
    height: calc(37.6875 * var(--remBasicSize));
    background: url(../images/index_data/chouyi_info_m.png) no-repeat center top/contain;
  }
  #data_stripe .container .artist_area .title_p {
    position: relative;
    display: block;
    margin: 0 auto;
    top: calc(15.625 * var(--remBasicSize));
    left: calc(0 * var(--remBasicSize));
    width: calc(36.875 * var(--remBasicSize));
    min-height: calc(18.75 * var(--remBasicSize));
    color: #221714;
    font-size: calc(1.625 * var(--remBasicSize));
    line-height: calc(2.625 * var(--remBasicSize));
  }
  #data_stripe .container .artist_area .chouyi_ig {
    top: calc(11.125 * var(--remBasicSize));
    left: calc(19.375 * var(--remBasicSize));
    width: calc(3.375 * var(--remBasicSize));
    height: calc(3.375 * var(--remBasicSize));
    z-index: 5;
  }
  #data_stripe .container .artist_area .chouyi_pic {
    top: calc(0 * var(--remBasicSize));
    left: calc(20 * var(--remBasicSize));
    width: calc(22.1875 * var(--remBasicSize));
    height: calc(21.8125 * var(--remBasicSize));
    background: url(../images/index_data/chouyi_pic_m.png) no-repeat center top/contain;
  }
}
/*-------------------------

        marquee 

-------------------------*/
#marquee2 {
  position: relative;
  display: block;
  width: 100vw;
  min-height: calc(15.625 * var(--remBasicSize));
  width: auto;
  text-align: center;
  overflow: hidden;
  background-color: #fafeef;
}
#marquee2 .container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 100%;
}
#marquee2 .container .beauty-marquee2 {
  position: absolute;
  top: calc(0 * var(--remBasicSize));
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#marquee2 .container .outer-box {
  color: #fafeef !important;
  position: relative;
  margin: 0 auto;
}
#marquee2 .container .outer-box img {
  position: relative;
  width: calc(266.25 * var(--remBasicSize));
  min-height: calc(31.1875 * var(--remBasicSize));
  transform: translateX(-50%);
  top: calc(-16.25 * var(--remBasicSize));
}

/*-------------------------

        main_video

-------------------------*/
#main_video {
  position: relative;
  display: block;
  width: 100vw;
  height: calc(59.375 * var(--remBasicSize));
  width: auto;
  text-align: center;
  background: url(../images/index_video/bg.png) no-repeat center bottom/contain;
  background-color: #fafeef;
  background-size: calc(160 * var(--remBasicSize)) auto;
}
#main_video .container {
  position: relative;
  margin: 0 auto;
  width: 50vw;
  min-width: 1000px;
  height: 100%;
}
#main_video .container .title_area {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(29.6875 * var(--remBasicSize));
  height: calc(9.375 * var(--remBasicSize));
  top: calc(1.25 * var(--remBasicSize));
}
#main_video .container .title_area .big_title {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  width: calc(27.625 * var(--remBasicSize));
  height: calc(4.6875 * var(--remBasicSize));
  background: url(../images/index_video/big_title.png) no-repeat center top/contain;
}
#main_video .container .title_area .title_h1 {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(1.25 * var(--remBasicSize));
  width: calc(19.0625 * var(--remBasicSize));
  height: calc(3.375 * var(--remBasicSize));
  background: url(../images/index_video/h1.png) no-repeat center top/contain;
}
#main_video .container .about_p {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  top: calc(3.125 * var(--remBasicSize));
  font-size: calc(1 * var(--remBasicSize));
  letter-spacing: calc(0.03125 * var(--remBasicSize));
  line-height: calc(2 * var(--remBasicSize));
}
#main_video .container .light {
  position: absolute;
  display: block;
  top: calc(4.375 * var(--remBasicSize));
  left: calc(0 * var(--remBasicSize));
  width: calc(14.375 * var(--remBasicSize));
  height: calc(7.5625 * var(--remBasicSize));
  background: url(../images/index_video/light.png) no-repeat center top/contain;
}
#main_video .container .balloon {
  position: absolute;
  display: block;
  top: calc(2.5 * var(--remBasicSize));
  right: calc(5 * var(--remBasicSize));
  width: calc(8.9375 * var(--remBasicSize));
  height: calc(10.125 * var(--remBasicSize));
  background: url(../images/index_video/balloon.png) no-repeat center top/contain;
  animation: kv_balloon2 3s ease-in-out 1s infinite;
}
@keyframes kv_balloon2 {
  50% {
    top: calc(1.25 * var(--remBasicSize));
    right: calc(3.75 * var(--remBasicSize));
  }
}
#main_video .container .tour_eiffel {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(5.3125 * var(--remBasicSize));
  height: calc(15.6875 * var(--remBasicSize));
  background: url(../images/index_video/tower.png) no-repeat center top/contain;
  top: calc(30 * var(--remBasicSize));
  left: calc(-5 * var(--remBasicSize));
  transform: rotate(-5deg);
}
#main_video .container .tower_101 {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(4.125 * var(--remBasicSize));
  height: calc(15.4375 * var(--remBasicSize));
  background: url(../images/index_video/101.png) no-repeat center top/contain;
  top: calc(30 * var(--remBasicSize));
  right: calc(-4.375 * var(--remBasicSize));
  transform: rotate(5deg);
}
#main_video .container .main_videobox {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(5.625 * var(--remBasicSize));
  width: calc(55.625 * var(--remBasicSize));
  height: calc(31.25 * var(--remBasicSize));
  background-color: #739b5a;
  z-index: 4;
}
#main_video .container .btn_more_music {
  position: relative;
  display: block;
  margin: 0 auto;
  top: calc(8.75 * var(--remBasicSize));
  width: calc(17.5 * var(--remBasicSize));
  height: calc(3.75 * var(--remBasicSize));
  background-color: #c188ad;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: calc(3.4375 * var(--remBasicSize));
  letter-spacing: calc(0.0625 * var(--remBasicSize));
  z-index: 4;
  transition-duration: 0.5s;
  border-radius: calc(2.5 * var(--remBasicSize));
}
#main_video .container .btn_more_music span {
  position: relative;
  top: calc(-0.125 * var(--remBasicSize));
  left: calc(0.3125 * var(--remBasicSize));
  font-size: 0.5rem;
  line-height: calc(3.4375 * var(--remBasicSize));
  animation: main_btn_arr 2s linear infinite alternate;
}
@keyframes main_btn_arr {
  50% {
    left: calc(1.25 * var(--remBasicSize));
  }
}
#main_video .container .btn_more_music:hover {
  background-color: #d79bc2;
}

@media screen and (max-width: 750px) {
  #main_video {
    width: 100%;
    min-height: calc(75 * var(--remBasicSize));
    background: url(../images/index_video/bg.png) no-repeat center bottom/contain;
    background-size: calc(156.25 * var(--remBasicSize)) auto;
    background-color: #fafeef;
  }
  #main_video .container {
    width: 100%;
    min-height: calc(75 * var(--remBasicSize));
    min-width: calc(46.875 * var(--remBasicSize));
  }
  #main_video .container .title_area {
    width: calc(40.625 * var(--remBasicSize));
    height: calc(16.875 * var(--remBasicSize));
    top: calc(5 * var(--remBasicSize));
    left: calc(-1.25 * var(--remBasicSize));
    z-index: 2;
    display: block;
  }
  #main_video .container .title_area .big_title {
    width: calc(33.1875 * var(--remBasicSize));
    height: calc(5.5 * var(--remBasicSize));
  }
  #main_video .container .title_area .title_h1 {
    top: calc(1.875 * var(--remBasicSize));
    width: calc(28.75 * var(--remBasicSize));
    height: calc(4.75 * var(--remBasicSize));
  }
  #main_video .container .about_p {
    text-align: justify;
    width: calc(32.5 * var(--remBasicSize));
    height: calc(11.25 * var(--remBasicSize));
    top: calc(2.5 * var(--remBasicSize));
    font-size: calc(1.75 * var(--remBasicSize));
    letter-spacing: calc(0.03125 * var(--remBasicSize));
    line-height: calc(3.5 * var(--remBasicSize));
  }
  #main_video .container .about_p span {
    display: none;
  }
  #main_video .container .light {
    top: calc(-3.125 * var(--remBasicSize));
    left: calc(0 * var(--remBasicSize));
    width: calc(14.375 * var(--remBasicSize));
    height: calc(7.5625 * var(--remBasicSize));
  }
  #main_video .container .balloon {
    top: calc(-6.875 * var(--remBasicSize));
    right: calc(5 * var(--remBasicSize));
    width: calc(8.9375 * var(--remBasicSize));
    height: calc(10.125 * var(--remBasicSize));
    background: url(../images/index_video/balloon.png) no-repeat center top/contain;
    animation: kv_balloon2 3s ease-in-out 1s infinite;
  }
  @keyframes kv_balloon2 {
    50% {
      top: calc(-8.125 * var(--remBasicSize));
      right: calc(4.375 * var(--remBasicSize));
    }
  }
  #main_video .container .tour_eiffel {
    width: calc(5.3125 * var(--remBasicSize));
    height: calc(15.6875 * var(--remBasicSize));
    top: calc(16.5625 * var(--remBasicSize));
    left: calc(0.625 * var(--remBasicSize));
  }
  #main_video .container .tower_101 {
    width: calc(4.125 * var(--remBasicSize));
    height: calc(15.4375 * var(--remBasicSize));
    top: calc(16.875 * var(--remBasicSize));
    right: calc(0.9375 * var(--remBasicSize));
  }
  #main_video .container .main_videobox {
    top: calc(5.625 * var(--remBasicSize));
    width: calc(46.875 * var(--remBasicSize));
    height: calc(27.0625 * var(--remBasicSize));
    border: calc(0.8125 * var(--remBasicSize)) #739b5a solid;
  }
  #main_video .container .btn_more_music {
    position: relative;
    display: block;
    margin: 0 auto;
    top: calc(10.625 * var(--remBasicSize));
    width: calc(26.25 * var(--remBasicSize));
    height: calc(5.625 * var(--remBasicSize));
    font-size: 1rem;
    font-weight: 400;
    line-height: calc(5.625 * var(--remBasicSize));
    border-radius: calc(3.75 * var(--remBasicSize));
    z-index: 4;
  }
  #main_video .container .btn_more_music span {
    position: relative;
    top: calc(-0.125 * var(--remBasicSize));
    left: calc(0.9375 * var(--remBasicSize));
    font-size: 0.5rem;
    line-height: calc(3.4375 * var(--remBasicSize));
  }
}
/*-------------------------

        time

-------------------------*/
#time {
  position: relative;
  display: block;
  width: 100vw;
  height: calc(31.25 * var(--remBasicSize));
  width: auto;
  text-align: center;
  background: url(../images/index_time/bg.png) no-repeat center bottom/contain;
  background-size: calc(44.625 * var(--remBasicSize)) auto;
  background-color: #aacc93;
}
#time .container {
  position: relative;
  margin: 0 auto;
  width: 50vw;
  min-width: 1000px;
  height: 100%;
}
#time .container .title_area {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(15.625 * var(--remBasicSize));
  height: calc(17.8125 * var(--remBasicSize));
  top: calc(12.5 * var(--remBasicSize));
}
#time .container .title_area .logo {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(16.5 * var(--remBasicSize));
  height: calc(5.3125 * var(--remBasicSize));
  background: url(../images/index_time/logo.gif) no-repeat center top/contain;
  top: calc(0 * var(--remBasicSize));
}
#time .container .title_area .h1 {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(15.1875 * var(--remBasicSize));
  height: calc(3.375 * var(--remBasicSize));
  background: url(../images/index_time/h1.png) no-repeat center top/contain;
  top: calc(1.875 * var(--remBasicSize));
  margin-bottom: calc(1.875 * var(--remBasicSize));
}
#time .container .title_area .date {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(14 * var(--remBasicSize));
  height: calc(1.78125 * var(--remBasicSize));
  background: url(../images/index_time/date.png) no-repeat center top/contain;
  top: calc(1.875 * var(--remBasicSize));
}
#time .container .title_area .location {
  position: relative;
  display: block;
  margin: 0 auto;
  width: calc(10.28125 * var(--remBasicSize));
  height: calc(1.21875 * var(--remBasicSize));
  background: url(../images/index_time/location.png) no-repeat center top/contain;
  top: calc(2.8125 * var(--remBasicSize));
}
#time .container .scsc {
  position: absolute;
  display: block;
  top: calc(4.375 * var(--remBasicSize));
  left: calc(12.5 * var(--remBasicSize));
  width: calc(19.1875 * var(--remBasicSize));
  height: calc(7.5625 * var(--remBasicSize));
  background: url(../images/index_time/scsc.webp) no-repeat center top/contain;
}
#time .container .vinyl {
  position: absolute;
  display: block;
  top: calc(4.375 * var(--remBasicSize));
  right: calc(23.75 * var(--remBasicSize));
  width: calc(5.3125 * var(--remBasicSize));
  height: calc(4.75 * var(--remBasicSize));
  background: url(../images/index_time/vinyl.png) no-repeat center top/contain;
  transform: rotate(5deg);
}
#time .container .people1 {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(14.5 * var(--remBasicSize));
  height: calc(21.625 * var(--remBasicSize));
  background: url(../images/index/people1.webp) no-repeat center top/contain;
  top: calc(9.375 * var(--remBasicSize));
  left: calc(6.25 * var(--remBasicSize));
  z-index: 2;
}
#time .container .people2 {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: calc(13.375 * var(--remBasicSize));
  height: calc(20.6875 * var(--remBasicSize));
  background: url(../images/index/people2.webp) no-repeat center top/contain;
  top: calc(9.375 * var(--remBasicSize));
  right: calc(8.75 * var(--remBasicSize));
  z-index: 2;
}

@media screen and (max-width: 750px) {
  #time {
    width: 100%;
    min-height: calc(39.125 * var(--remBasicSize));
    background: url(../images/index_time/bg_m.png) no-repeat center bottom/contain;
    background-size: calc(38.6875 * var(--remBasicSize)) auto;
    background-color: #aacc93;
    background-position: center calc(100% - -0.625 * var(--remBasicSize));
  }
  #time .container {
    width: 100%;
    min-height: calc(39.125 * var(--remBasicSize));
    min-width: calc(46.875 * var(--remBasicSize));
  }
  #time .container .title_area {
    width: calc(23.125 * var(--remBasicSize));
    height: calc(23.125 * var(--remBasicSize));
    top: calc(13.75 * var(--remBasicSize));
  }
  #time .container .title_area .logo {
    width: calc(21.875 * var(--remBasicSize));
    height: calc(7.8125 * var(--remBasicSize));
  }
  #time .container .title_area .h1 {
    width: calc(21.25 * var(--remBasicSize));
    height: calc(4.3125 * var(--remBasicSize));
    top: calc(1.875 * var(--remBasicSize));
    margin-bottom: calc(1.875 * var(--remBasicSize));
  }
  #time .container .title_area .date {
    width: calc(21.4375 * var(--remBasicSize));
    height: calc(2.75 * var(--remBasicSize));
    top: calc(2.5 * var(--remBasicSize));
  }
  #time .container .title_area .location {
    width: calc(15.75 * var(--remBasicSize));
    height: calc(1.875 * var(--remBasicSize));
    top: calc(3.4375 * var(--remBasicSize));
  }
  #time .container .scsc {
    top: calc(4.375 * var(--remBasicSize));
    left: calc(1.875 * var(--remBasicSize));
    width: calc(23.25 * var(--remBasicSize));
    height: calc(7.5625 * var(--remBasicSize));
  }
  #time .container .vinyl {
    top: calc(6.25 * var(--remBasicSize));
    right: calc(11.875 * var(--remBasicSize));
    width: calc(5.3125 * var(--remBasicSize));
    height: calc(4.75 * var(--remBasicSize));
  }
  #time .container .people1 {
    width: calc(14.5 * var(--remBasicSize));
    height: calc(21.625 * var(--remBasicSize));
    top: calc(16.875 * var(--remBasicSize));
    left: calc(-1.875 * var(--remBasicSize));
  }
  #time .container .people2 {
    width: calc(13.375 * var(--remBasicSize));
    height: calc(20.6875 * var(--remBasicSize));
    top: calc(18.125 * var(--remBasicSize));
    right: calc(0 * var(--remBasicSize));
  }
}
/*-------------------------

         lightbox

-------------------------*/
/* ---------------------
           共用
---------------------- */
.modal {
  background-color: transparent;
}

/*背景底色*/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background: rgba(38, 38, 38, 0.97);
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.modal-open .modal {
  overflow-x: auto;
  overflow-y: auto;
}

.modal .modal-content {
  position: relative;
  background-color: transparent;
  border-radius: calc(0 * var(--remBasicSize));
  outline: 0;
}

/* ----------------------------
        彈出內容
----------------------------- */
.style-box .modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0 auto;
  display: block;
  /* 關閉按鈕 */
}
.style-box .modal-dialog .modal-body {
  width: calc(46.875 * var(--remBasicSize));
  min-height: calc(81.25 * var(--remBasicSize));
  margin-bottom: calc(5 * var(--remBasicSize));
  margin: 0 auto;
  display: block;
}
.style-box .modal-dialog .modal-body iframe {
  position: absolute;
  width: calc(46.875 * var(--remBasicSize));
  min-height: calc(81.25 * var(--remBasicSize));
}
.style-box .modal-dialog .btn_edit_pop {
  position: relative;
  margin: 0 auto;
  display: block;
  top: calc(5 * var(--remBasicSize));
  width: calc(25.625 * var(--remBasicSize));
  min-height: calc(12.5 * var(--remBasicSize));
  background-color: #faf5f1;
}
.style-box .modal-dialog .btn_edit_pop .bottom {
  position: relative;
  margin: 0 auto;
  display: block;
  bottom: calc(-3.625 * var(--remBasicSize));
  width: calc(25.625 * var(--remBasicSize));
  height: calc(3.625 * var(--remBasicSize));
  background: url(../images/index_calendar/bottom.png) no-repeat center bottom/cover;
}
.style-box .modal-dialog .head {
  position: relative;
  margin: 0 auto;
  display: block;
  top: calc(-2.5 * var(--remBasicSize));
  left: calc(-0.125 * var(--remBasicSize));
  width: calc(25.9375 * var(--remBasicSize));
  height: calc(3.125 * var(--remBasicSize));
  background: url(../images/index_calendar/head.png) no-repeat center top/contain;
}
.style-box .modal-dialog .beforeweekend {
  position: absolute;
  margin: 0 auto;
  display: block;
  left: calc(4.375 * var(--remBasicSize));
  top: calc(1.875 * var(--remBasicSize));
  width: calc(15.75 * var(--remBasicSize));
  height: calc(4.84375 * var(--remBasicSize));
  background: url(../images/index_calendar/title_beforeweekend.png) no-repeat center top/contain;
}
.style-box .modal-dialog .edit_h1 {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  color: #739b5a;
  font-size: calc(1.125 * var(--remBasicSize));
  top: calc(1.25 * var(--remBasicSize));
  width: calc(25.625 * var(--remBasicSize));
  min-height: calc(4.375 * var(--remBasicSize));
  z-index: 1;
  font-weight: 600;
}
.style-box .modal-dialog .edit_mark {
  position: absolute;
  margin: 0 auto;
  display: block;
  top: calc(6.25 * var(--remBasicSize));
  left: calc(0.625 * var(--remBasicSize));
  width: calc(3.5625 * var(--remBasicSize));
  height: calc(3.5625 * var(--remBasicSize));
  z-index: 2;
}
.style-box .modal-dialog .edit_mark img {
  width: calc(3.5625 * var(--remBasicSize));
  height: calc(3.5625 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: calc(0 * var(--remBasicSize));
  width: calc(25.625 * var(--remBasicSize));
  min-height: calc(20.625 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area .edit_block_b {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: calc(0 * var(--remBasicSize));
  width: calc(23.75 * var(--remBasicSize));
  min-height: calc(12.5 * var(--remBasicSize));
  margin-bottom: calc(1.875 * var(--remBasicSize));
  border-bottom: calc(0.0625 * var(--remBasicSize)) rgba(115, 155, 90, 0.1843137255) solid;
  padding-bottom: calc(1.25 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area .edit_block_b .edit_pic {
  position: relative;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  width: calc(11.25 * var(--remBasicSize));
  min-height: calc(13.75 * var(--remBasicSize));
  display: inline-flex;
  place-items: center;
  margin-right: calc(0.625 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area .edit_block_b .edit_pic img {
  width: 100%;
  height: 100%;
}
.style-box .modal-dialog .edit_area .edit_block_b .edit_block_b_p_area {
  position: relative;
  margin: 0 auto;
  top: calc(1.25 * var(--remBasicSize));
  width: calc(11.25 * var(--remBasicSize));
  min-height: calc(13.75 * var(--remBasicSize));
  display: inline-block;
  place-items: center;
}
.style-box .modal-dialog .edit_area .edit_block_b .edit_h2 {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  color: #739b5a;
  font-size: calc(1 * var(--remBasicSize));
  top: calc(0.625 * var(--remBasicSize));
  width: calc(11.25 * var(--remBasicSize));
  min-height: calc(2.1875 * var(--remBasicSize));
  z-index: 1;
}
.style-box .modal-dialog .edit_area .edit_block_b .edit_p {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: justify;
  color: #1e2a69;
  font-size: calc(0.875 * var(--remBasicSize));
  line-height: calc(1.3125 * var(--remBasicSize));
  top: calc(0 * var(--remBasicSize));
  width: calc(11.25 * var(--remBasicSize));
  min-height: calc(6.25 * var(--remBasicSize));
  margin-bottom: calc(0.3125 * var(--remBasicSize));
  z-index: 1;
}
.style-box .modal-dialog .edit_area .edit_block_b .edit_more {
  position: relative;
  margin: 0 auto;
  display: block;
  width: calc(8.4375 * var(--remBasicSize));
  height: calc(2.1875 * var(--remBasicSize));
  top: calc(0 * var(--remBasicSize));
  color: #ffe6d7;
  font-size: calc(0.75 * var(--remBasicSize));
  font-weight: 600;
  text-align: center;
  line-height: calc(2.1875 * var(--remBasicSize));
  background-color: #739b5a;
  letter-spacing: calc(0.0625 * var(--remBasicSize));
  cursor: pointer;
  z-index: 2;
  transition: all ease-in-out 0.3s;
}
.style-box .modal-dialog .edit_area .edit_block_b .edit_more span {
  position: relative;
  font-size: calc(0.4375 * var(--remBasicSize));
  left: calc(0.625 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area .edit_block_b .edit_more:hover {
  background-color: #a578ff;
  cursor: pointer;
}
.style-box .modal-dialog .edit_area .edit_block {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: calc(0 * var(--remBasicSize));
  width: calc(23.75 * var(--remBasicSize));
  min-height: calc(18.75 * var(--remBasicSize));
  padding-bottom: calc(1.25 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area .edit_block .edit_pic {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: calc(0 * var(--remBasicSize));
  width: calc(22.5 * var(--remBasicSize));
  min-height: calc(11.25 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area .edit_block .edit_pic img {
  width: 100%;
  height: 100%;
}
.style-box .modal-dialog .edit_area .edit_block .edit_h2 {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
  color: #739b5a;
  font-size: calc(1 * var(--remBasicSize));
  top: calc(0.625 * var(--remBasicSize));
  width: calc(22.5 * var(--remBasicSize));
  min-height: calc(1.5625 * var(--remBasicSize));
  z-index: 1;
}
.style-box .modal-dialog .edit_area .edit_block .edit_p2 {
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: justify;
  color: #1e2a69;
  font-size: calc(0.875 * var(--remBasicSize));
  line-height: calc(1.5 * var(--remBasicSize));
  top: calc(0.625 * var(--remBasicSize));
  width: calc(21.25 * var(--remBasicSize));
  min-height: calc(5 * var(--remBasicSize));
  z-index: 1;
  padding-bottom: calc(1.5625 * var(--remBasicSize));
  letter-spacing: calc(0.05 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area .edit_block .edit_more {
  position: relative;
  margin: 0 auto;
  display: block;
  width: calc(8.4375 * var(--remBasicSize));
  height: calc(2.1875 * var(--remBasicSize));
  top: calc(0 * var(--remBasicSize));
  color: #ffe6d7;
  font-size: calc(0.75 * var(--remBasicSize));
  font-weight: 600;
  text-align: center;
  line-height: calc(2.1875 * var(--remBasicSize));
  background-color: #739b5a;
  letter-spacing: calc(0.0625 * var(--remBasicSize));
  cursor: pointer;
  z-index: 2;
  transition: all ease-in-out 0.3s;
}
.style-box .modal-dialog .edit_area .edit_block .edit_more span {
  position: relative;
  font-size: calc(0.4375 * var(--remBasicSize));
  left: calc(0.625 * var(--remBasicSize));
}
.style-box .modal-dialog .edit_area .edit_block .edit_more:hover {
  background-color: #a578ff;
  cursor: pointer;
}
.style-box .modal-dialog .close {
  position: absolute;
  right: calc(1.25 * var(--remBasicSize));
  top: calc(1.25 * var(--remBasicSize));
  z-index: 10;
  width: calc(1.875 * var(--remBasicSize));
  height: calc(1.875 * var(--remBasicSize));
  color: rgb(0, 0, 0);
  background-color: transparent;
  font-size: calc(4.375 * var(--remBasicSize));
  background: url(../images/close.png) no-repeat center top/cover;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.style-box .modal-dialog .close:hover {
  transform: rotate(90deg);
  transition: all ease-in-out 0.2s;
}

@media screen and (max-width: 750px) {
  .style-box .modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    display: block;
    /* 關閉按鈕 */
  }
  .style-box .modal-dialog .modal-body {
    width: calc(46.875 * var(--remBasicSize));
    min-height: calc(137.5 * var(--remBasicSize));
    margin-bottom: calc(11.25 * var(--remBasicSize));
  }
  .style-box .modal-dialog .modal-body iframe {
    width: calc(46.875 * var(--remBasicSize));
    min-height: calc(137.5 * var(--remBasicSize));
  }
  .style-box .modal-dialog .btn_edit_pop {
    top: calc(5 * var(--remBasicSize));
    width: calc(40 * var(--remBasicSize));
    min-height: calc(6.25 * var(--remBasicSize));
    margin-bottom: calc(0 * var(--remBasicSize));
    background-color: #faf5f1;
  }
  .style-box .modal-dialog .btn_edit_pop .bottom {
    bottom: calc(-5.625 * var(--remBasicSize));
    width: calc(40 * var(--remBasicSize));
    height: calc(5.625 * var(--remBasicSize));
    background: url(../images/index_calendar/bottom.png) no-repeat center bottom/cover;
  }
  .style-box .modal-dialog .head {
    top: calc(-2.5 * var(--remBasicSize));
    left: calc(-0.125 * var(--remBasicSize));
    width: calc(40.625 * var(--remBasicSize));
    height: calc(6.25 * var(--remBasicSize));
  }
  .style-box .modal-dialog .beforeweekend {
    left: calc(7.5 * var(--remBasicSize));
    top: calc(4.375 * var(--remBasicSize));
    width: calc(26.25 * var(--remBasicSize));
    height: calc(8.0729166667 * var(--remBasicSize));
    background: url(../images/index_calendar/title_beforeweekend.png) no-repeat center top/contain;
  }
  .style-box .modal-dialog .edit_h1 {
    font-size: calc(1.875 * var(--remBasicSize));
    top: calc(2.5 * var(--remBasicSize));
    width: calc(37.5 * var(--remBasicSize));
    min-height: calc(7.5 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_mark {
    top: calc(11.875 * var(--remBasicSize));
    left: calc(1.25 * var(--remBasicSize));
    width: calc(4.75 * var(--remBasicSize));
    height: calc(4.75 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_mark img {
    width: calc(4.75 * var(--remBasicSize));
    height: calc(4.75 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area {
    top: calc(0 * var(--remBasicSize));
    width: calc(37.5 * var(--remBasicSize));
    min-height: calc(31.25 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block_b {
    top: calc(0 * var(--remBasicSize));
    width: calc(36.25 * var(--remBasicSize));
    min-height: calc(18.75 * var(--remBasicSize));
    padding-bottom: calc(3.125 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block_b .edit_pic {
    top: calc(0 * var(--remBasicSize));
    width: calc(17.5 * var(--remBasicSize));
    min-height: calc(13.75 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block_b .edit_block_b_p_area {
    top: calc(0 * var(--remBasicSize));
    width: calc(17.5 * var(--remBasicSize));
    min-height: calc(13.75 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block_b .edit_h2 {
    font-size: calc(1.875 * var(--remBasicSize));
    top: calc(0.625 * var(--remBasicSize));
    width: calc(17.5 * var(--remBasicSize));
    min-height: calc(3.4375 * var(--remBasicSize));
    z-index: 1;
  }
  .style-box .modal-dialog .edit_area .edit_block_b .edit_p {
    font-size: calc(1.625 * var(--remBasicSize));
    line-height: calc(2.25 * var(--remBasicSize));
    top: calc(0 * var(--remBasicSize));
    width: calc(17.5 * var(--remBasicSize));
    min-height: calc(6.25 * var(--remBasicSize));
    margin-bottom: calc(0.625 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block_b .edit_more {
    width: calc(12.5 * var(--remBasicSize));
    height: calc(3.125 * var(--remBasicSize));
    top: calc(0.625 * var(--remBasicSize));
    font-size: calc(1.375 * var(--remBasicSize));
    line-height: calc(3 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block_b .edit_more span {
    position: relative;
    top: calc(-0.3125 * var(--remBasicSize));
    font-size: calc(0.625 * var(--remBasicSize));
    left: calc(0.625 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block {
    top: calc(0 * var(--remBasicSize));
    width: calc(36.25 * var(--remBasicSize));
    min-height: calc(28.125 * var(--remBasicSize));
    padding-bottom: calc(1.25 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block .edit_pic {
    top: calc(0 * var(--remBasicSize));
    width: calc(32.5 * var(--remBasicSize));
    min-height: calc(16.875 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block .edit_h2 {
    font-size: calc(1.875 * var(--remBasicSize));
    top: calc(0.625 * var(--remBasicSize));
    width: calc(22.5 * var(--remBasicSize));
    min-height: calc(2.1875 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block .edit_p2 {
    color: #1e2a69;
    font-size: calc(1.625 * var(--remBasicSize));
    line-height: calc(2.4375 * var(--remBasicSize));
    top: calc(0.625 * var(--remBasicSize));
    width: calc(32.5 * var(--remBasicSize));
    min-height: calc(8.75 * var(--remBasicSize));
    padding-bottom: calc(0.9375 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block .edit_more {
    width: calc(15.625 * var(--remBasicSize));
    height: calc(3.75 * var(--remBasicSize));
    top: calc(0.625 * var(--remBasicSize));
    color: #ffe6d7;
    font-size: calc(1.5 * var(--remBasicSize));
    line-height: calc(3.75 * var(--remBasicSize));
  }
  .style-box .modal-dialog .edit_area .edit_block .edit_more span {
    position: relative;
    top: calc(-0.25 * var(--remBasicSize));
    font-size: calc(0.75 * var(--remBasicSize));
    left: calc(0.625 * var(--remBasicSize));
  }
  .style-box .modal-dialog .close {
    right: calc(1.25 * var(--remBasicSize));
    top: calc(2.8125 * var(--remBasicSize));
    width: calc(2.8125 * var(--remBasicSize));
    height: calc(2.8125 * var(--remBasicSize));
    font-size: calc(4.375 * var(--remBasicSize));
  }
}/*# sourceMappingURL=main.css.map */