/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/src/css/home/collection_entry.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.accesskey {
  font-size: 1rem;
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 0.625rem;
  z-index: 1; }
  @media screen and (min-width: 951px) {
    .accesskey:after {
      content: "";
      width: calc(100% + 0.25rem);
      height: calc(100% + 0.25rem);
      border: 0.125rem dotted #69853a;
      border-radius: 0.1875rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      top: -0.125rem;
      left: -0.125rem;
      z-index: 5;
      opacity: 0;
      -webkit-transition: opacity 0.1s ease-out;
      transition: opacity 0.1s ease-out; }
    .accesskey:focus:after {
      opacity: 1; } }
  @media screen and (max-width: 950px) {
    .accesskey {
      display: none; } }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0625rem; }

.title {
  font-size: 3.4375rem;
  font-family: "Oradano", "GenWanMin-SB", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-weight: normal;
  -webkit-transform: scaleY(1.15);
      -ms-transform: scaleY(1.15);
          transform: scaleY(1.15);
  letter-spacing: 0.1875rem; }

.txt {
  font-size: 1.125rem;
  line-height: 2.05556; }

.pic {
  position: relative;
  overflow: hidden; }

.img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }

.video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0; }

.textarea {
  white-space: pre-wrap; }

:focus,
button:focus {
  outline: 0; }

a {
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  a:hover {
    color: inherit;
    text-decoration: none; }

.hide {
  display: none; }

@media screen and (max-width: 950px) {
  body .pc {
    display: none; } }

.clear:before, .clear:after {
  content: "";
  display: table; }

.clear:after {
  clear: both; }

.c {
  clear: both; }

img {
  width: 100%;
  height: auto;
  display: block; }

iframe {
  width: 100%;
  height: auto; }

.landing_sec {
  width: 100%;
  height: 100vh;
  background-image: url(../img/bg_1.webp);
  background-size: 100% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 40;
  overflow: hidden; }
  .landing_sec::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../img/bg_6.webp);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0; }
  .landing_sec .container {
    max-width: 47.8125rem;
    margin-top: 5rem;
    z-index: 1; }
    @media screen and (max-width: 950px) {
      .landing_sec .container {
        margin-top: 0rem; } }

.landing_bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }

.landing_title_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.25rem; }

.landing_title_inner {
  position: relative;
  left: -1.6875rem;
  padding: 3.375rem 5rem 3.375rem 6.3125rem; }

.landing_title {
  font-family: "Oradano", "GenWanMin-SB", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 3.25rem;
  font-weight: normal;
  -webkit-transform: scaleY(1.15);
      -ms-transform: scaleY(1.15);
          transform: scaleY(1.15);
  letter-spacing: 0.4375rem;
  position: relative; }

.title_bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }

.landing_content {
  font-size: 1.25rem;
  font-family: "Oradano", "GenWanMin-SB", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  line-height: 2;
  position: relative;
  left: -0.625rem; }

.space {
  height: 10vh; }

.ins_hamburger,
.ins_funcbtn {
  display: none !important; }

.ins_enter {
  text-align: center;
  position: relative;
  margin-top: 3.125rem; }

.cate_sec {
  padding-top: 6.25rem;
  padding-bottom: 9.375rem; }
  .cate_sec .container {
    max-width: none;
    width: calc(100% - 18.375rem); }

.cate_bg {
  position: absolute;
  top: 0;
  left: 0; }

.cate_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.cate_col {
  position: relative; }
  .cate_col.cate_1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25rem;
            flex: 0 0 25rem; }
    .cate_col.cate_1 .cate_img {
      -webkit-transform: rotate(-4deg);
          -ms-transform: rotate(-4deg);
              transform: rotate(-4deg);
      top: 2.8125rem;
      left: -2.1875rem; }
    .cate_col.cate_1 .cate_title {
      padding-top: 3.875rem; }
  .cate_col.cate_2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 39.6875rem;
            flex: 0 0 39.6875rem;
    left: -1.5625rem; }
    .cate_col.cate_2 .cate_img {
      top: 6rem;
      left: -0.125rem; }
    .cate_col.cate_2 .cate_title {
      padding-top: 10rem; }
  .cate_col.cate_3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26.5625rem;
            flex: 0 0 26.5625rem; }
    .cate_col.cate_3 .cate_img {
      -webkit-transform: rotate(5.7deg);
          -ms-transform: rotate(5.7deg);
              transform: rotate(5.7deg);
      top: 2.875rem;
      left: -1.8125rem; }
    .cate_col.cate_3 .cate_title {
      padding-top: 4.75rem;
      position: relative;
      left: -5.625rem; }

.cate_link:hover .cate_pic {
  opacity: 1;
  -webkit-filter: drop-shadow(0 0 1.25rem rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0 1.25rem rgba(0, 0, 0, 0.2));
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02); }

.cate_link:hover .cate_title {
  color: #69853a; }

.cate_pic {
  opacity: .7;
  -webkit-filter: drop-shadow(0 0 0.625rem rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 0.625rem rgba(0, 0, 0, 0.25));
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.cate_img {
  position: relative; }

.cate_title {
  font-size: 1.9375rem;
  font-family: "Oradano", "GenWanMin-SB", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-weight: normal;
  text-align: center;
  -webkit-transition: color .2s ease-out;
  transition: color .2s ease-out; }


/*# sourceMappingURL=collection_entry.min.css.map*/