init

.gitignore

@@ -0,0 +1 @@
+node_modules

css/reset.css

@@ -0,0 +1,54 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+button {
+	padding: 0;
+}
+p{
+	margin-bottom: 0 !important;
+}

css/style.css

@@ -0,0 +1,743 @@
+body {
+  font-family: 'Helvetica Neue'; }
+
+.sec-00__slider {
+  width: 100%;
+  height: 100%; }
+  .sec-00__slider-1, .sec-00__slider-2, .sec-00__slider-3, .sec-00__slider-4, .sec-00__slider-5 {
+    height: 110px;
+    background-position: center center;
+    background-size: cover;
+    background-repeat: no-repeat; }
+
+.navbar {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  padding-top: 5px;
+  padding-bottom: 5px;
+  background-color: white !important;
+  z-index: 99; }
+  .navbar-toggler {
+    padding-left: 0;
+    border-color: transparent !important; }
+    .navbar-toggler:focus {
+      box-shadow: none; }
+  .navbar-toggler-icon {
+    display: flex;
+    justify-items: center; }
+    .navbar-toggler-icon i {
+      font-size: 25px;
+      line-height: 30px;
+      display: inline-block; }
+  .navbar-search {
+    padding-right: 2px; }
+  .navbar-brand {
+    font-size: 1.5rem; }
+
+.navbar-main.sticky {
+  position: fixed;
+  top: 0;
+  width: 100%; }
+
+.navbar-main.sticky + .sec-01 {
+  padding-top: 68px; }
+
+.sec-01 {
+  padding: 0 1.5rem;
+  margin-top: 1.5rem; }
+  @media screen and (max-width: 385px) {
+    .sec-01 {
+      padding: 0 1rem; } }
+  .sec-01 .col {
+    text-align: center;
+    vertical-align: bottom;
+    display: flex;
+    align-items: flex-end;
+    justify-content: center; }
+    @media screen and (max-width: 385px) {
+      .sec-01 .col {
+        /* padding: 0 .3rem;
+            &.special {
+                padding-left: 0;
+            } */ } }
+    .sec-01 .col img {
+      margin: 0 auto;
+      margin-bottom: 0;
+      vertical-align: baseline; }
+  .sec-01 .slick-dots {
+    width: 16%;
+    margin: 0 auto;
+    margin-top: 1.5rem;
+    height: 5px;
+    background-color: #d6d6d6;
+    border-radius: 2rem;
+    display: flex;
+    position: static; }
+    .sec-01 .slick-dots li {
+      margin: 0px;
+      width: 50%; }
+      .sec-01 .slick-dots li.slick-active button {
+        background-color: #EE7800; }
+      .sec-01 .slick-dots li button {
+        padding: 0;
+        width: 100%;
+        height: 5px;
+        border-radius: 2rem; }
+        .sec-01 .slick-dots li button::before {
+          opacity: 0; }
+  .sec-01 .slick-dotted.slick-slider {
+    margin-bottom: 0; }
+
+.sec-02 {
+  margin: 1.5rem 0;
+  margin-bottom: 2rem; }
+  .sec-02__slider {
+    width: 100%;
+    height: 100%; }
+    .sec-02__slider-1, .sec-02__slider-2, .sec-02__slider-3, .sec-02__slider-4, .sec-02__slider-5, .sec-02__slider-6 {
+      height: 32vh;
+      background-position: center center;
+      background-size: cover;
+      background-repeat: no-repeat; }
+
+.sec-03 {
+  margin-bottom: .8rem; }
+  .sec-03__tabdiv {
+    box-sizing: content-box;
+    border-bottom: 3px solid rgba(221, 221, 221, 0.863);
+    padding-left: .9rem;
+    padding-right: .9rem;
+    align-items: center;
+    justify-content: space-between; }
+    .sec-03__tabdiv .more {
+      padding-bottom: .4rem; }
+    .sec-03__tabdiv .nav-item {
+      position: relative;
+      padding-right: 6px;
+      padding-left: 6px; }
+      .sec-03__tabdiv .nav-item::after {
+        position: absolute;
+        content: " ";
+        width: 100%;
+        height: 60%;
+        left: 0;
+        top: 5px;
+        background-color: transparent;
+        border-right: 1px solid #b3b3b3;
+        z-index: -1; }
+      .sec-03__tabdiv .nav-item:nth-of-type(3)::after {
+        display: none; }
+    .sec-03__tabdiv .nav-item-link {
+      color: black;
+      font-weight: 400;
+      font-size: 1.2rem;
+      padding-bottom: .35rem;
+      border: none;
+      position: relative; }
+      @media screen and (max-width: 385px) {
+        .sec-03__tabdiv .nav-item-link {
+          font-size: 1.1rem; } }
+      .sec-03__tabdiv .nav-item-link.active {
+        color: #EE7800; }
+      .sec-03__tabdiv .nav-item-link::before {
+        position: absolute;
+        content: " ";
+        width: 101%;
+        height: 100%;
+        left: -2px;
+        top: 3px;
+        background-color: transparent;
+        border-bottom: 3px solid #EE7800;
+        opacity: 0; }
+    .sec-03__tabdiv .nav-item-link.active::before {
+      opacity: 1; }
+  .sec-03 .tab-content {
+    padding: .8rem 0; }
+  .sec-03 .tab-pane {
+    height: 100%; }
+  .sec-03 .tabpar {
+    min-width: 100%;
+    height: 100%;
+    overflow-x: auto;
+    display: flex;
+    padding: 0 12px;
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none; }
+    .sec-03 .tabpar::-webkit-scrollbar {
+      display: none; }
+    .sec-03 .tabpar__card {
+      margin: 3px;
+      display: inline-block;
+      min-width: 340px;
+      position: relative;
+      font-size: 14px; }
+      .sec-03 .tabpar__card__imgfr {
+        width: 100%;
+        height: 28vh;
+        overflow: hidden; }
+      .sec-03 .tabpar__card__img {
+        width: 100%;
+        height: 100%; }
+      .sec-03 .tabpar__card__play {
+        position: absolute;
+        right: 1rem;
+        bottom: 5rem;
+        width: 2.5rem; }
+
+.sec-04 {
+  background-color: #F4F4F4;
+  padding: 1.5rem 1rem; }
+  .sec-04 .card {
+    box-shadow: 1px 2px 8px 1px #d6d6d6;
+    text-decoration: none; }
+    .sec-04 .card-title {
+      font-size: 1.1rem;
+      line-height: 1.6rem;
+      color: #4C4C4C;
+      font-weight: 500; }
+    .sec-04 .card__imgfr {
+      width: 100%; }
+      .sec-04 .card__imgfr img {
+        width: 100%;
+        height: 100%; }
+
+.sec-05__video {
+  width: 100%;
+  height: 32vh;
+  position: relative; }
+  .sec-05__video__play {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 3.5rem;
+    height: 3.5rem; }
+  .sec-05__video__img {
+    width: 100%;
+    height: 100%; }
+
+.sec-05 p {
+  font-size: 14px;
+  text-align: center; }
+
+.sec-06 .carousel {
+  height: 32vh; }
+  .sec-06 .carousel-inner {
+    height: 100%;
+    overflow: hidden; }
+  .sec-06 .carousel-item {
+    height: 100%;
+    width: 100%;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center; }
+  .sec-06 .carousel-control-next-icon, .sec-06 .carousel-control-prev-icon {
+    width: 2.5rem;
+    height: 2.5rem; }
+
+.sec-07__slider {
+  width: 100%; }
+
+.sec-07__imgfr {
+  width: 100%;
+  height: 28vh;
+  overflow: hidden; }
+  .sec-07__imgfr img {
+    width: 100%; }
+
+.sec-07__cardtxt {
+  font-size: 14px;
+  padding-right: .6rem; }
+
+.sec-07 .slick-dots {
+  width: 15%;
+  margin: 0 auto;
+  margin-top: 1.5rem;
+  height: 5px;
+  background-color: #d6d6d6;
+  border-radius: 1rem;
+  display: flex;
+  position: static; }
+  .sec-07 .slick-dots li {
+    margin: 0px;
+    width: 33.33%; }
+    .sec-07 .slick-dots li.slick-active button {
+      background-color: #EE7800; }
+    .sec-07 .slick-dots li button {
+      padding: 0;
+      width: 100%;
+      height: 5px;
+      border-radius: 1rem; }
+      .sec-07 .slick-dots li button::before {
+        opacity: 0; }
+
+.sec-07 .slick-dotted.slick-slider {
+  margin-bottom: 0; }
+
+.sec-08__slider {
+  height: 100%; }
+  .sec-08__slider-1, .sec-08__slider-2, .sec-08__slider-3 {
+    height: 28vh;
+    background-position: center center;
+    background-size: contain;
+    background-repeat: no-repeat; }
+
+.sec-09 {
+  margin-bottom: 1rem; }
+  .sec-09__cardgrp {
+    min-width: 100%;
+    height: 20vh;
+    overflow-x: auto;
+    display: flex;
+    box-shadow: 0 4px 2px -2px #d8d8d8;
+    -webkit-box-shadow: 0 4px 2px -2px #d8d8d8;
+    -moz-box-shadow: 0 4px 2px -2px #d8d8d8;
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none; }
+    .sec-09__cardgrp::-webkit-scrollbar {
+      display: none; }
+  .sec-09__card {
+    margin: 5px;
+    display: inline-block;
+    min-width: 35vw; }
+    .sec-09__card__imgfr {
+      width: 100%; }
+      .sec-09__card__imgfr img {
+        width: 100%;
+        height: 100%; }
+    .sec-09__card p {
+      font-size: 12.5px;
+      margin-top: .5rem; }
+
+.sec-10 {
+  margin-bottom: 1.5rem;
+  /* &__imgfr {
+        width: 100%;
+        height: 100%;
+        img{ 
+            width: 100%;
+        }
+    } */ }
+  .sec-10__slider {
+    width: 100%; }
+    .sec-10__slider-1, .sec-10__slider-2, .sec-10__slider-3, .sec-10__slider-4, .sec-10__slider-5, .sec-10__slider-6 {
+      height: 28vh;
+      background-position: center center;
+      background-size: cover;
+      background-repeat: no-repeat; }
+  .sec-10__cardtxt {
+    font-size: 14px; }
+
+.sec-11__slider {
+  width: 100%; }
+  .sec-11__slider-1, .sec-11__slider-2, .sec-11__slider-3, .sec-11__slider-4, .sec-11__slider-5, .sec-11__slider-6 {
+    height: 28vh;
+    background-position: center center;
+    background-size: cover;
+    background-repeat: no-repeat; }
+
+.sec-11__imgfr {
+  width: 100%;
+  height: 100%; }
+  .sec-11__imgfr img {
+    width: 100%; }
+
+.sec-11__cardtxt {
+  font-size: 14px; }
+
+.morelink {
+  text-decoration: none;
+  color: #EE7800; }
+  .morelink:hover {
+    color: #EE7800; }
+
+.fixed_menu {
+  height: 82px;
+  position: fixed;
+  z-index: 4;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background-color: #fff;
+  box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.sec-menu {
+  display: none;
+  z-index: 105;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  font-size: 14px; }
+  .sec-menu-block {
+    padding-top: 61px;
+    margin: 0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    overflow-y: scroll;
+    max-width: 100%; }
+  .sec-menu-list {
+    background: white;
+    margin-bottom: 0; }
+    .sec-menu-list .navbar-nav {
+      padding: 0 2rem;
+      width: 100%; }
+      .sec-menu-list .navbar-nav .dropdown-menu {
+        border: none;
+        padding: 0;
+        height: 0;
+        opacity: 0;
+        transition: all 1s; }
+        .sec-menu-list .navbar-nav .dropdown-menu.show {
+          height: fit-content;
+          opacity: 1; }
+        .sec-menu-list .navbar-nav .dropdown-menu .dropdown-item {
+          padding-left: 3rem; }
+          .sec-menu-list .navbar-nav .dropdown-menu .dropdown-item:active, .sec-menu-list .navbar-nav .dropdown-menu .dropdown-item.active, .sec-menu-list .navbar-nav .dropdown-menu .dropdown-item:focus {
+            background-color: white; }
+          .sec-menu-list .navbar-nav .dropdown-menu .dropdown-item:hover {
+            background-color: white; }
+        .sec-menu-list .navbar-nav .dropdown-menu .sub-menu .dropdown-item {
+          padding-left: 6rem; }
+    .sec-menu-list .nav-item {
+      font-size: 17px;
+      display: block;
+      width: 100%; }
+    .sec-menu-list .nav-link {
+      padding-top: 11px;
+      padding-bottom: 8px;
+      color: #707070;
+      position: relative; }
+      .sec-menu-list .nav-link .link_div {
+        width: 25px; }
+      .sec-menu-list .nav-link a {
+        color: #707070;
+        text-decoration: none; }
+      .sec-menu-list .nav-link.show i {
+        transform: rotate(-180deg); }
+      .sec-menu-list .nav-link .expand {
+        position: absolute;
+        right: 10px; }
+        .sec-menu-list .nav-link .expand i {
+          font-size: 11px;
+          color: #D3D3D3;
+          transition: all .5s; }
+      .sec-menu-list .nav-link.text-main {
+        color: #EE7800; }
+    .sec-menu-list .sub-link .expand {
+      position: absolute;
+      right: 25px;
+      top: 8px; }
+    .sec-menu-list .sub-menu {
+      display: none; }
+    .sec-menu-list .sub-menu.show {
+      display: block; }
+    .sec-menu-list hr {
+      margin: 3px 0;
+      background-color: #bbbbbb; }
+  .sec-menu-follows {
+    padding: 2rem 2.5rem;
+    background-color: #e6e6e6ef;
+    margin-top: -9px; }
+    .sec-menu-follows-title {
+      color: #797979;
+      font-size: 14px; }
+  .sec-menu-links {
+    margin-bottom: 2.5rem; }
+    .sec-menu-links a {
+      color: #797979;
+      text-decoration: none;
+      display: inline-block;
+      padding: 1px 0;
+      border-bottom: 1px solid #acacac;
+      margin: 0 .6rem;
+      flex-wrap: nowrap; }
+      @media screen and (max-width: 385px) {
+        .sec-menu-links a {
+          margin: 0 .4rem; } }
+  .sec-menu .follows-fp {
+    color: #797979;
+    text-decoration: none;
+    font-weight: 400;
+    display: block;
+    padding-left: .5rem; }
+    .sec-menu .follows-fp:nth-of-type(1) {
+      margin-bottom: .6rem; }
+  .sec-menu .copyright {
+    color: #797979;
+    font-size: 13px; }
+
+.sec-search {
+  display: none;
+  z-index: 107;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  font-size: 14px; }
+  .sec-search-block {
+    padding-top: 61px;
+    margin: 0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100;
+    height: 100%;
+    overflow-y: scroll;
+    background-color: rgba(0, 0, 0, 0.774); }
+  .sec-search-list {
+    background-color: #F3F3F3;
+    padding: 1rem;
+    padding-bottom: 1.4rem; }
+    .sec-search-list hr {
+      background-color: #aaaaaa; }
+  .sec-search-form {
+    width: 100%; }
+  .sec-search .searchBar {
+    font-size: 17px;
+    padding: .5rem .3rem;
+    display: inline-block;
+    width: 88%;
+    outline: none;
+    border: 2px solid #EE7800;
+    border-radius: 5px; }
+  .sec-search .searchBtn {
+    outline: none;
+    border: none;
+    background-color: transparent;
+    display: inline-block;
+    width: 10%; }
+  .sec-search-hots {
+    padding: 1rem;
+    background-color: white;
+    box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61); }
+    .sec-search-hots__title {
+      color: #AAAAAA;
+      font-size: 18px;
+      font-weight: 400;
+      padding-top: .5rem; }
+    .sec-search-hots__link {
+      display: inline-block;
+      text-decoration: none;
+      color: #797979;
+      border: 1px solid #797979;
+      border-radius: 3rem;
+      padding: .3rem .5rem;
+      margin-right: .8rem;
+      margin-bottom: .8rem; }
+      .sec-search-hots__link:hover {
+        color: #797979; }
+
+.sec-login {
+  display: none;
+  z-index: 109;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  font-size: 14px; }
+  .sec-login-block {
+    padding-top: 61px;
+    margin: 0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100;
+    height: 100%;
+    overflow-y: hidden;
+    background-color: #F3F3F3; }
+  .sec-login-list {
+    background-color: #F3F3F3;
+    padding: 1rem;
+    padding-bottom: 1.4rem; }
+    .sec-login-list hr {
+      background-color: #aaaaaa; }
+  .sec-login-btns {
+    padding: 1rem;
+    background-color: white;
+    box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61); }
+
+.sec-favor {
+  display: block;
+  z-index: 111;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  font-size: 14px; }
+  .sec-favor-title {
+    color: #4C4C4C;
+    font-size: 18px; }
+  .sec-favor-block {
+    padding-top: 61px;
+    margin: 0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100;
+    height: 100%;
+    overflow-y: auto;
+    background-color: #F3F3F3; }
+  .sec-favor-list {
+    background-color: #F3F3F3;
+    padding: 1rem;
+    padding-bottom: 1.4rem; }
+    .sec-favor-list hr {
+      background-color: #aaaaaa; }
+  .sec-favor-form .form-user, .sec-favor-checklist .form-user {
+    width: 50%;
+    color: #707070;
+    font-size: 16px; }
+  .sec-favor-form .form-progressbar, .sec-favor-checklist .form-progressbar {
+    width: 50%;
+    display: flex;
+    justify-content: space-between; }
+    .sec-favor-form .form-progressbar li, .sec-favor-checklist .form-progressbar li {
+      width: 1.6rem;
+      height: 1.6rem;
+      border-radius: 50%;
+      border: 2px solid #D3D3D3;
+      line-height: 1.4rem;
+      display: flex;
+      justify-content: center;
+      position: relative;
+      color: #D3D3D3;
+      background-color: #F3F3F3;
+      z-index: 2; }
+      .sec-favor-form .form-progressbar li.active, .sec-favor-checklist .form-progressbar li.active {
+        border: 2px solid #EE7800;
+        color: #EE7800; }
+        .sec-favor-form .form-progressbar li.active::before, .sec-favor-checklist .form-progressbar li.active::before {
+          border-top: 2px solid #EE7800; }
+      .sec-favor-form .form-progressbar li::before, .sec-favor-checklist .form-progressbar li::before {
+        position: absolute;
+        content: " ";
+        width: 4rem;
+        height: 0;
+        border-top: 2px dashed #D3D3D3;
+        right: 100%;
+        top: 50%;
+        z-index: 1; }
+      .sec-favor-form .form-progressbar li:nth-of-type(1)::before, .sec-favor-checklist .form-progressbar li:nth-of-type(1)::before {
+        display: none; }
+  .sec-favor-form .form-step, .sec-favor-checklist .form-step {
+    background-color: white;
+    border-radius: 3px;
+    padding: 1.5rem 1rem;
+    padding-bottom: 1.5rem;
+    box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
+    overflow: visible; }
+    .sec-favor-form .form-step .next, .sec-favor-checklist .form-step .next {
+      padding: .6rem 5rem;
+      background-color: #EE7800;
+      border-radius: 3px;
+      color: white;
+      border: none;
+      outline: none; }
+  .sec-favor-form .form-step1, .sec-favor-checklist .form-step1 {
+    display: block; }
+  .sec-favor-form .form-step2, .sec-favor-checklist .form-step2 {
+    display: none; }
+  .sec-favor-form .form-step3, .sec-favor-checklist .form-step3 {
+    display: none;
+    position: relative;
+    padding-bottom: 1.5rem; }
+  .sec-favor-form input[type="checkbox"], .sec-favor-form input[type="radio"], .sec-favor-checklist input[type="checkbox"], .sec-favor-checklist input[type="radio"] {
+    display: none; }
+  .sec-favor-form .imgfr, .sec-favor-checklist .imgfr {
+    background-image: url("../images/2_2.webp");
+    background-position: center center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 4.5rem;
+    border-radius: 8px;
+    border: 2px solid transparent; }
+  .sec-favor-form h4, .sec-favor-checklist h4 {
+    color: #AAAAAA;
+    font-size: 15px;
+    font-weight: 400; }
+  .sec-favor-form input[type="checkbox"]:checked + .fs-label-info .imgfr, .sec-favor-checklist input[type="checkbox"]:checked + .fs-label-info .imgfr {
+    border: 2px solid #EE7800; }
+  .sec-favor-form input[type="checkbox"]:checked + .fs-label-chbox, .sec-favor-checklist input[type="checkbox"]:checked + .fs-label-chbox {
+    border: 1px solid #EE7800;
+    color: #EE7800; }
+  .sec-favor-form input[type="radio"]:checked + .fs-label-chbox, .sec-favor-checklist input[type="radio"]:checked + .fs-label-chbox {
+    border: 1px solid #EE7800;
+    color: #EE7800; }
+  .sec-favor-form .step3-block, .sec-favor-checklist .step3-block {
+    margin-bottom: 1rem; }
+    .sec-favor-form .step3-block:nth-of-type(3), .sec-favor-checklist .step3-block:nth-of-type(3) {
+      margin-bottom: 0; }
+    .sec-favor-form .step3-block-title, .sec-favor-checklist .step3-block-title {
+      color: #AAAAAA;
+      display: block;
+      margin-bottom: .5rem;
+      font-size: 1rem; }
+    .sec-favor-form .step3-block .radio, .sec-favor-checklist .step3-block .radio {
+      display: inline-block;
+      padding: .25rem .7rem;
+      margin-right: .4rem;
+      border: 1px solid #707070;
+      border-radius: 2rem;
+      color: #797979;
+      margin-bottom: .5rem; }
+  .sec-favor-form .skip, .sec-favor-checklist .skip {
+    padding: .3rem 1rem;
+    color: #AAAAAA;
+    border: none;
+    outline: none;
+    background-color: transparent; }
+  .sec-favor-form .btngrp, .sec-favor-checklist .btngrp {
+    /* position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: -6rem; */
+    display: flex;
+    flex-direction: column;
+    align-items: center; }
+    .sec-favor-form .btngrp .next, .sec-favor-checklist .btngrp .next {
+      transform: translateY(0rem); }
+  .sec-favor-checklist .form-user {
+    margin: 0 auto;
+    text-align: center;
+    margin-bottom: 1rem; }
+  .sec-favor-btns {
+    padding: 1rem;
+    background-color: white;
+    box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61); }
+
+.text-main {
+  color: #EE7800; }
+
+.text-phone {
+  color: #EA068C;
+  text-decoration: none; }
+
+#videoModal .modal-content {
+  background-color: transparent;
+  border: none; }
+
+.fixed-btn {
+  position: fixed;
+  right: 15px;
+  bottom: 8rem; }
+  .fixed-btn .btn-gotop {
+    padding: 1.2rem .8rem;
+    background-color: rgba(255, 255, 255, 0.897);
+    display: flex;
+    align-items: center;
+    box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+    -moz-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

images/icon/blogs.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52.304" viewBox="0 0 52 52.304"><defs><style>.a{fill:#ee7800;}.b,.c{fill:none;stroke:#4c4c4c;stroke-width:1.5px;}.b{stroke-miterlimit:10;}.c{stroke-linecap:round;stroke-linejoin:round;}.d{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}</style></defs><g transform="translate(690.5 -262.263)"><g transform="translate(-850.771 -188)"><circle class="a" cx="4.441" cy="4.441" r="4.441" transform="translate(171.559 468.668)"/><g transform="translate(176 451.319)"><circle class="b" cx="1.735" cy="1.735" r="1.735" transform="translate(10.223 10.279)"/><path class="c" d="M315.279,656.453l-3.2,2.681-6.156-7.337,3.2-2.681" transform="translate(-290.297 -649.116)"/><line class="c" x1="9.775" y2="8.202" transform="translate(0.854 13.13)"/><path class="c" d="M310.4,658.9c-2.279,1.911-3.224,5.765-3,8.011l-17.98,4.456,7.51-16.934c2.174.607,6.132.346,8.41-1.567" transform="translate(-289.416 -649.316)"/></g></g><text class="d" transform="translate(-664.5 310.567)"><tspan x="-26" y="0">專欄文章</tspan></text></g></svg>

images/icon/designer.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="53.497" viewBox="0 0 40 53.497"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;}.c,.d{fill:none;stroke:#4c4c4c;stroke-width:1.5px;}.c{stroke-miterlimit:10;}.d{stroke-linecap:round;stroke-linejoin:round;}</style></defs><g transform="translate(476.524 -261.498)"><text class="a" transform="translate(-456.524 310.995)"><tspan x="-19.5" y="0">設計師</tspan></text><path class="b" d="M138.144,742.081l-3.858-5.686,9.194-3.858,4.942,7.511" transform="translate(-608.31 -456.038)"/><g transform="translate(-472.024 262.248)"><circle class="c" cx="4.998" cy="4.998" r="4.998" transform="translate(11.782 0)"/><path class="c" d="M162.551,734.4a5.37,5.37,0,0,0-3.588-4.578,5.5,5.5,0,0,0-6.5,2.555l-4.008,6.944a5.274,5.274,0,0,0-.335.706h-4.935a1.937,1.937,0,0,0-1.891,1.379,1.9,1.9,0,0,0,1.824,2.407H162.04a.883.883,0,0,0,.888-.9C162.869,740.583,162.647,735.815,162.551,734.4Z" transform="translate(-135.953 -718.67)"/><path class="d" d="M138.9,740.1l-3.617-5.331,8.62-3.617,4.633,7.042" transform="translate(-135.285 -718.852)"/><line class="d" y1="3.298" x2="1.999" transform="translate(7.092 18.003)"/></g></g></svg>

images/icon/forum.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="48.491" viewBox="0 0 40 48.491"><defs><style>.a,.b,.c{fill:none;stroke-miterlimit:10;}.a{stroke:#dc5d00;stroke-width:2px;}.a,.c{stroke-linecap:round;}.b,.c{stroke:#4c4c4c;stroke-width:1.5px;}.d{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}</style></defs><g transform="translate(544.526 -266.509)"><path class="a" d="M442.421,659.288h17.012" transform="translate(-974.66 -386.665)"/><path class="a" d="M442.421,663.267h17.012" transform="translate(-974.66 -386.877)"/><path class="a" d="M442.421,667.246h17.012" transform="translate(-974.66 -387.089)"/><path class="b" d="M461.505,670.714a2.2,2.2,0,0,0,2.2-2.2v-13.1a2.2,2.2,0,0,0-2.2-2.2H440.472a2.2,2.2,0,0,0-2.2,2.2v13.1a2.2,2.2,0,0,0,2.2,2.2h5.484v3.759a.237.237,0,0,0,.372.2l5.168-3.933S458.091,670.714,461.505,670.714Z" transform="translate(-974.514 -385.956)"/><g transform="translate(-531.831 271.986)"><path class="c" d="M442.932,658.208h17.012" transform="translate(-442.932 -658.208)"/><path class="c" d="M442.932,662.187h17.012" transform="translate(-442.932 -658.421)"/><path class="c" d="M442.932,666.166h17.012" transform="translate(-442.932 -658.633)"/></g><text class="d" transform="translate(-524.526 311)"><tspan x="-19.5" y="0">討論區</tspan></text></g></svg>

images/icon/mueble.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52.839" viewBox="0 0 52 52.839"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;}.c{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g transform="translate(342.524 -262.156)"><text class="a" transform="translate(-316.524 310.995)"><tspan x="-26" y="0">居家商品</tspan></text><path class="b" d="M3.411,0H15.827a3.411,3.411,0,0,1,3.411,3.411v8.582a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V3.411A3.411,3.411,0,0,1,3.411,0Z" transform="translate(-328.137 263.525)"/><path class="c" d="M293.484,730.776V733h17.8v-2.219a2.633,2.633,0,0,1,1.233-2.228v-4.439a3.851,3.851,0,0,0-3.851-3.852H296.1a3.852,3.852,0,0,0-3.852,3.852v4.439A2.634,2.634,0,0,1,293.484,730.776Z" transform="translate(-619.337 -457.351)"/><path class="c" d="M313.832,728.312a2.641,2.641,0,0,0-2.642,2.641v2.219h-17.8v-2.219a2.642,2.642,0,0,0-5.283,0v4.438a2.642,2.642,0,0,0,2.642,2.641h23.081a2.641,2.641,0,0,0,2.641-2.641v-4.438A2.641,2.641,0,0,0,313.832,728.312Z" transform="translate(-619.246 -457.529)"/><g transform="translate(-327.087 280.504)"><path class="c" d="M292.25,738.252V744a.482.482,0,0,0,.482.482h.852a.481.481,0,0,0,.462-.342l2.075-5.886Z" transform="translate(-292.25 -738.252)"/><path class="c" d="M312.884,738.252V744a.482.482,0,0,1-.482.482h-.852a.482.482,0,0,1-.462-.342l-2.075-5.886Z" transform="translate(-292.619 -738.252)"/></g></g></svg>

images/icon/newcase.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="55.644" viewBox="0 0 40 55.644"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;stroke:#ee7800;}.b,.c{stroke-miterlimit:10;stroke-width:1.5px;}.c{fill:none;stroke:#4c4c4c;}</style></defs><g transform="translate(266.524 -259.351)"><text class="a" transform="translate(-246.524 310.995)"><tspan x="-19.5" y="0">新建案</tspan></text><path class="b" d="M.5,0H2.8a.5.5,0,0,1,.5.5V6.831a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V.5A.5.5,0,0,1,.5,0Z" transform="translate(-248.491 280.778)"/><g transform="translate(-255.991 260.101)"><path class="c" d="M385.225,745.463V717.92a.947.947,0,0,0-.947-.947H367.237a.945.945,0,0,0-.945.945v27.545a.947.947,0,0,0,.947.947h17.04A.947.947,0,0,0,385.225,745.463Z" transform="translate(-366.292 -716.973)"/><g transform="translate(3.386 4.13)"><line class="c" x2="2.665"/><line class="c" x2="2.665" transform="translate(4.748)"/><line class="c" x2="2.665" transform="translate(9.495)"/></g><g transform="translate(3.386 8.399)"><line class="c" x2="2.665"/><line class="c" x2="2.665" transform="translate(4.748)"/><line class="c" x2="2.665" transform="translate(9.495)"/></g><g transform="translate(3.386 12.667)"><line class="c" x2="2.665"/><line class="c" x2="2.665" transform="translate(4.748)"/><line class="c" x2="2.665" transform="translate(9.495)"/></g><g transform="translate(3.386 16.936)"><line class="c" x2="2.665"/><line class="c" x2="2.665" transform="translate(4.748)"/><line class="c" x2="2.665" transform="translate(9.495)"/></g><path class="c" d="M.5,0H3.3a.5.5,0,0,1,.5.5V7.858a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V.5A.5.5,0,0,1,.5,0Z" transform="translate(7.568 21.579)"/></g></g></svg>

images/icon/portfolio.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="27.482" height="50.567" viewBox="0 0 27.482 50.567"><defs><style>.a{fill:#ee7800;}.b{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;stroke-width:1.5px;}.c{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}</style></defs><g transform="translate(817.5 -264)"><g transform="translate(-847 -186.369)"><rect class="a" width="9.826" height="9.826" rx="1" transform="translate(47.156 450.369)"/><g transform="translate(32 452.266)"><rect class="b" width="9.826" height="9.826" rx="1"/><rect class="b" width="9.826" height="9.826" rx="1" transform="translate(12.377)"/><rect class="b" width="9.826" height="9.826" rx="1" transform="translate(0 12.713)"/><rect class="b" width="9.826" height="9.826" rx="1" transform="translate(12.377 12.713)"/></g></g><text class="c" transform="translate(-804.5 310.567)"><tspan x="-13" y="0">圖輯</tspan></text></g></svg>

images/icon/price.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="51.243" viewBox="0 0 52 51.243"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;}.c,.d{fill:none;stroke:#4c4c4c;stroke-width:1.5px;}.c{stroke-miterlimit:10;}.d{stroke-linecap:round;stroke-linejoin:round;}</style></defs><g transform="translate(202.55 -263.751)"><text class="a" transform="translate(-176.55 310.995)"><tspan x="-26" y="0">實價登錄</tspan></text><path class="b" d="M0,0H25.714a0,0,0,0,1,0,0V3.9A1.524,1.524,0,0,1,24.19,5.428H1.524A1.524,1.524,0,0,1,0,3.9V0A0,0,0,0,1,0,0Z" transform="translate(-188.573 279.652)"/><g transform="translate(-190.276 264.501)"><path class="c" d="M463.086,739.875a2.324,2.324,0,0,0,2.317-2.317V722.922a2.324,2.324,0,0,0-2.317-2.317h-22.82a2.324,2.324,0,0,0-2.317,2.317v14.637a2.324,2.324,0,0,0,2.317,2.317Z" transform="translate(-437.949 -720.605)"/><path class="d" d="M446.936,745.435h9.589" transform="translate(-438.003 -720.754)"/><line class="c" x1="27" transform="translate(0.454 13.571)"/><line class="c" y2="4.22" transform="translate(13.727 20.028)"/></g></g></svg>

images/icon/soft.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="55.995" viewBox="0 0 52 55.995"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;}.c,.d{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;stroke-width:1.5px;}.d{stroke-linecap:round;}</style></defs><g transform="translate(412.524 -259)"><text class="a" transform="translate(-386.524 310.995)"><tspan x="-26" y="0">軟裝佈置</tspan></text><path class="b" d="M237.465,730.155l-3.136-11.418a.473.473,0,0,0-.456-.347H224.9a.472.472,0,0,0-.456.347l-3.137,11.417a.476.476,0,0,0,.459.6h15.239A.475.475,0,0,0,237.465,730.155Z" transform="translate(-613.126 -459.39)"/><g transform="translate(-393.836 261.051)"><path class="c" d="M235.6,728.8l-3.137-11.418a.472.472,0,0,0-.456-.347h-8.97a.474.474,0,0,0-.457.347L219.442,728.8a.476.476,0,0,0,.459.6h15.239A.476.476,0,0,0,235.6,728.8Z" transform="translate(-219.425 -717.031)"/><line class="d" x2="13.182" transform="translate(1.619 28.132)"/><line class="c" y2="15.765" transform="translate(8.096 12.367)"/><line class="d" y2="6.795" transform="translate(11.132 12.367)"/></g></g></svg>

images/icon/video.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="48.317" viewBox="0 0 36 48.317"><defs><style>.a{fill:#ee7800;}.b{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;stroke-width:1.5px;}.c{fill:#4c4c4c;font-size:13px;font-family:Helvetica-Bold, Helvetica;font-weight:700;}</style></defs><g transform="translate(612.5 -265.25)"><path class="a" d="M373.8,661.656v7.138a.532.532,0,0,0,.777.472l6.855-3.544a.533.533,0,0,0,0-.945l-6.856-3.593A.532.532,0,0,0,373.8,661.656Z" transform="translate(-972.144 -388.334)"/><path class="b" d="M375.436,654.408c-3.4,0-6.822.106-10.171.318a3.516,3.516,0,0,0-3.279,3.3,56.7,56.7,0,0,0,0,11.914,3.49,3.49,0,0,0,3.275,3.3c3.891.21,7.583.316,10.972.316s6.589-.106,9.526-.316a3.527,3.527,0,0,0,3.285-3.3,56.694,56.694,0,0,0,0-11.914,3.522,3.522,0,0,0-3.279-3.3C382.311,654.515,378.835,654.408,375.436,654.408Z" transform="translate(-969.897 -388.408)"/><path class="b" d="M372.674,660.531v7.138a.533.533,0,0,0,.777.473l6.855-3.545a.532.532,0,0,0,0-.944l-6.855-3.594A.533.533,0,0,0,372.674,660.531Z" transform="translate(-970.484 -388.706)"/><text class="c" transform="translate(-594.5 310.567)"><tspan x="-17.583" y="0">Video</tspan></text></g></svg>

images/menu/agent.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23.264" height="17.658" viewBox="0 0 23.264 17.658"><defs><style>.a,.b,.c{fill:none;stroke-miterlimit:10;stroke-width:1.5px;}.a{stroke:#ee7800;}.a,.c{stroke-linecap:round;}.b,.c{stroke:#4c4c4c;}.d{fill:#4c4c4c;}</style></defs><g transform="translate(-36.25 -652.229)"><path class="a" d="M-183.533,269.746a9.468,9.468,0,0,0,12.306,0" transform="translate(229.689 395.066)"/><g transform="translate(268.976 438.733)"><path class="b" d="M-224.652,214.6l-6.857,5.608a1.272,1.272,0,0,0-.467.984v7.94A1.272,1.272,0,0,0-230.7,230.4h13.543a1.272,1.272,0,0,0,1.271-1.272V221.04a1.272,1.272,0,0,0-.467-.985l-6.686-5.457A1.271,1.271,0,0,0-224.652,214.6Z" transform="translate(0)"/><path class="c" d="M-183.533,269.746a9.468,9.468,0,0,0,12.306,0" transform="translate(-39.287 -44.667)"/><circle class="d" cx="1.152" cy="1.152" r="1.152" transform="translate(-223.933 221.054)"/></g></g></svg>

images/menu/building.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.887" height="22.591" viewBox="0 0 14.887 22.591"><defs><style>.a{fill:#ee7800;stroke:#ee7800;stroke-width:1.5px;}.a,.b{stroke-miterlimit:10;}.b{fill:none;stroke:#4c4c4c;}</style></defs><g transform="translate(-37.5 -512.683)"><g transform="translate(-714.436 754.034)"><path class="a" d="M.5,0H1.921a.5.5,0,0,1,.5.5V5.01a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V.5A.5.5,0,0,1,.5,0Z" transform="translate(757.937 -226.419)"/><g transform="translate(752.436 -240.851)"><path class="b" d="M380.179,737.87v-20.2a.7.7,0,0,0-.694-.694h-12.5a.693.693,0,0,0-.693.693v20.2a.7.7,0,0,0,.694.694h12.5A.7.7,0,0,0,380.179,737.87Z" transform="translate(-366.292 -716.973)"/><g transform="translate(2.484 3.029)"><line class="b" x2="1.955"/><line class="b" x2="1.955" transform="translate(3.482)"/><line class="b" x2="1.955" transform="translate(6.965)"/></g><g transform="translate(2.484 6.16)"><line class="b" x2="1.955"/><line class="b" x2="1.955" transform="translate(3.482)"/><line class="b" x2="1.955" transform="translate(6.965)"/></g><g transform="translate(2.484 9.291)"><line class="b" x2="1.955"/><line class="b" x2="1.955" transform="translate(3.482)"/><line class="b" x2="1.955" transform="translate(6.965)"/></g><g transform="translate(2.484 12.422)"><line class="b" x2="1.955"/><line class="b" x2="1.955" transform="translate(3.482)"/><line class="b" x2="1.955" transform="translate(6.965)"/></g><path class="b" d="M.5,0H2.284a.5.5,0,0,1,.5.5V5.763a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V.5A.5.5,0,0,1,.5,0Z" transform="translate(5.551 15.827)"/></g></g></g></svg>

images/menu/cart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.145" height="19.609" viewBox="0 0 20.145 19.609"><defs><style>.a{fill:#ee7800;}.b{fill:#4c4c4c;stroke:#4c4c4c;stroke-width:0.3px;}</style></defs><g transform="translate(-33.269 -144.612)"><path class="a" d="M.356,0h9.853L9.055,4.984,2.2,5.716Z" transform="translate(40 151)"/><g transform="translate(-1.889 -3.303)"><path class="b" d="M80.549,521.865a2.071,2.071,0,1,0,2.071,2.071h0A2.071,2.071,0,0,0,80.549,521.865Zm0,3.222a1.151,1.151,0,1,1,1.151-1.151A1.151,1.151,0,0,1,80.549,525.087Z" transform="translate(-38.913 -358.633)"/><path class="b" d="M279.08,521.865a2.071,2.071,0,1,0,2.071,2.071h0A2.071,2.071,0,0,0,279.08,521.865Zm0,3.222a1.151,1.151,0,1,1,1.151-1.151A1.151,1.151,0,0,1,279.08,525.087Z" transform="translate(-228.698 -358.633)"/><path class="b" d="M1.2,180.471l-14.982-.207L-14.194,179a2.117,2.117,0,0,0-1.979-1.427h-1.542a.46.46,0,0,0-.46.46.46.46,0,0,0,.46.46h1.542a1.2,1.2,0,0,1,1.1.805l2.923,8.815-.23.529a2.209,2.209,0,0,0,.207,2,2.14,2.14,0,0,0,1.726.967H-1.49a.46.46,0,0,0,.46-.46.46.46,0,0,0-.46-.46h-8.953a1.174,1.174,0,0,1-.967-.552,1.266,1.266,0,0,1-.115-1.1l.184-.414,9.689-1.013a2.532,2.532,0,0,0,2.186-1.933l1.1-4.626a.391.391,0,0,0-.069-.391A.576.576,0,0,0,1.2,180.471Zm-1.565,4.994a1.565,1.565,0,0,1-1.4,1.22l-9.574.99-2.14-6.49,14.108.207Z" transform="translate(53.484 -29.506)"/></g></g></svg>

images/menu/champion.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17.823" height="15.595" viewBox="0 0 17.823 15.595"><defs><style>.a{fill:#4c4c4c;}.b{fill:#ee7800;stroke:#ee7800;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g transform="translate(-37.115 -839.999)"><path class="a" d="M17.052,6.084V3.856H5.913V6.084H2.571V8.312A3.344,3.344,0,0,0,6.915,11.5a5.573,5.573,0,0,0,3.453,2.27v3.453H9.254a2.228,2.228,0,0,0-2.228,2.228h8.912a2.228,2.228,0,0,0-2.228-2.228H12.6V13.77a5.572,5.572,0,0,0,3.453-2.27,3.344,3.344,0,0,0,4.345-3.189V6.084ZM5.913,10.331A2.021,2.021,0,0,1,3.894,8.312V7.2H5.913V8.312A5.556,5.556,0,0,0,6.277,10.3,2.022,2.022,0,0,1,5.913,10.331ZM19.071,8.312A2.017,2.017,0,0,1,16.687,10.3a5.556,5.556,0,0,0,.365-1.985V7.2h2.019Z" transform="translate(34.545 836.143)"/><path class="b" d="M.5,0H1.921a.5.5,0,0,1,.5.5V5.01a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V.5A.5.5,0,0,1,.5,0Z" transform="translate(49.421 851.01) rotate(180)"/></g></svg>

images/menu/designs.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.329" height="19.438" viewBox="0 0 19.329 19.438"><defs><style>.a,.b,.c{fill:none;stroke:#4c4c4c;}.a{stroke-miterlimit:10;}.b,.c{stroke-linejoin:round;}.c{stroke-linecap:round;}.d{fill:#ee7800;}</style></defs><g transform="translate(-35.5 -282.935)"><g transform="translate(36 283.435)"><g transform="translate(3.852 1.228)"><line class="a" y1="1.099" x2="1.099" transform="translate(0 0)"/><line class="a" y1="1.099" x2="1.099" transform="translate(0.926 0.926)"/><line class="a" y1="1.099" x2="1.099" transform="translate(2.778 2.778)"/><line class="a" y1="1.977" x2="1.977" transform="translate(0.973 1.852)"/></g><g transform="translate(12.033 10.395)"><line class="a" y1="1.977" x2="1.977" transform="translate(0 0)"/><line class="a" y1="1.099" x2="1.099" transform="translate(1.804 0.926)"/><line class="a" y1="1.977" x2="1.977" transform="translate(2.778 2.778)"/><line class="a" y1="1.099" x2="1.099" transform="translate(2.73 1.852)"/></g><g transform="translate(0 0)"><path class="b" d="M102.463,535.153l-5.283-5.283-3.724,3.724,5.283,5.283" transform="translate(-93.456 -529.871)"/><rect class="c" width="5.267" height="8.084" transform="translate(8.681 12.515) rotate(-45)"/></g><g transform="translate(3.452 1.941)"><path class="d" d="M101.265,547.362l11.892-11.892-2.429-2.429L98.836,544.934" transform="translate(-98.836 -533.042)"/></g><line class="a" x2="2.489" y2="2.489" transform="translate(2.016 13.997)"/><g transform="translate(0.241 0.729)"><path class="a" d="M116.337,534.7l.384-.384a1.488,1.488,0,0,0,0-2.1h0l-.384-.384a1.489,1.489,0,0,0-2.105,0l-.384.384" transform="translate(-99.626 -531.39)"/><path class="a" d="M98.723,547.538l12.19-12.19-2.489-2.489-12.19,12.19-1.765,4.072a.146.146,0,0,0,.191.191Z" transform="translate(-94.458 -531.782)"/></g></g></g></svg>

images/menu/discuss.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.651" height="16.774" viewBox="0 0 19.651 16.774"><defs><style>.a,.b,.c{fill:none;stroke-miterlimit:10;}.a{stroke:#dc5d00;stroke-width:2px;}.a,.c{stroke-linecap:round;}.b,.c{stroke:#4c4c4c;}</style></defs><g transform="translate(-36.5 -562.173)"><g transform="translate(-765.112 850)"><g transform="translate(805.046 -284.126)"><path class="a" d="M442.421,659.288H454.9" transform="translate(-442.421 -659.288)"/><path class="a" d="M442.421,663.267H454.9" transform="translate(-442.421 -660.504)"/><path class="a" d="M442.421,667.246H454.9" transform="translate(-442.421 -661.72)"/></g><g transform="translate(802.112 -287.327)"><path class="b" d="M455.314,666.05a1.616,1.616,0,0,0,1.612-1.612v-9.612a1.616,1.616,0,0,0-1.612-1.612H439.887a1.616,1.616,0,0,0-1.612,1.612v9.612a1.616,1.616,0,0,0,1.612,1.612h4.022v2.757a.174.174,0,0,0,.273.143l3.79-2.885S452.809,666.05,455.314,666.05Z" transform="translate(-438.275 -653.215)"/><g transform="translate(3.233 3.467)"><path class="c" d="M442.932,658.208h12.478" transform="translate(-442.932 -658.208)"/><path class="c" d="M442.932,662.187h12.478" transform="translate(-442.932 -659.424)"/><path class="c" d="M442.932,666.166h12.478" transform="translate(-442.932 -660.641)"/></g></g></g></g></svg>

images/menu/fb.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43" height="43" viewBox="0 0 43 43"><defs><style>.a{fill:#3b5998;}.b{fill:#fff;}</style></defs><g transform="translate(0.385 0.231)"><g transform="translate(0)"><circle class="a" cx="21.5" cy="21.5" r="21.5" transform="translate(-0.385 -0.231)"/><path class="b" d="M25.623,17.387h2.267V14H25.223c-3.262.124-3.929,1.965-4,3.894h0v1.689H19v3.307h2.222v8.889h3.351V22.889h2.738l.533-3.316H24.574V18.551a1.084,1.084,0,0,1,1-1.165Z" transform="translate(-2.156 -1.555)"/></g></g></svg>

images/menu/freelecture.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18.699" height="20.865" viewBox="0 0 18.699 20.865"><defs><style>.a{fill:#4c4c4c;}.b{fill:#ee7800;}</style></defs><g transform="translate(-36.005 -606.183)"><g transform="translate(36.005 606.183)"><path class="a" d="M39.454,8.695l1.131-1.132L37.931,4.909,36.8,6.042a9.674,9.674,0,0,1,2.654,2.653Z" transform="translate(-21.886 -2.787)"/><path class="a" d="M11.587,6.355a9.056,9.056,0,1,0,9.058,9.056,9.055,9.055,0,0,0-9.058-9.056Zm0,17.013a7.957,7.957,0,1,1,7.959-7.958,7.957,7.957,0,0,1-7.959,7.958Z" transform="translate(-2.533 -3.602)"/><path class="a" d="M18.336,1.9a9.057,9.057,0,0,1,3.755,0V1.211h.536V.048H17.8V1.212h.536Z" transform="translate(-11.158 -0.048)"/><path class="b" d="M23.327,11.447v6.878H30.2a6.878,6.878,0,0,0-6.878-6.878Z" transform="translate(-14.294 -6.488)"/></g></g></svg>

images/menu/lecture.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.802" height="22.366" viewBox="0 0 14.802 22.366"><defs><style>.a{fill:#ee7800;}.b{fill:#4c4c4c;stroke:#4c4c4c;stroke-width:0.3px;}</style></defs><g transform="translate(-38.436 -695.576)"><rect class="a" width="4.457" height="9.208" rx="1" transform="translate(46.883 705.17)"/><path class="b" d="M102.329,5.93a.69.69,0,0,0-.552-1.1H91.434V4.019a1.028,1.028,0,0,1,.3-.731l.975-.975a.347.347,0,0,0,.039-.047,1.208,1.208,0,1,0-.479-.479.343.343,0,0,0-.047.039l-.975.975a1.713,1.713,0,0,0-.5,1.219v.808H88.676a.69.69,0,0,0-.552,1.1l2.62,3.494V20H90.4a1.036,1.036,0,0,0-1.034,1.034v.69a.345.345,0,0,0,.345.345h11.033a.345.345,0,0,0,.345-.345v-.69A1.036,1.036,0,0,0,100.053,20h-.345V9.424ZM93.33.69a.517.517,0,1,1-.517.517A.518.518,0,0,1,93.33.69ZM98.674,20a.345.345,0,1,0,0,.69h1.379a.345.345,0,0,1,.345.345v.345H90.055v-.345a.345.345,0,0,1,.345-.345h6.9a.345.345,0,1,0,0-.69H91.434V7.585H97.3a.345.345,0,1,0,0-.69H91.089a.345.345,0,0,0-.345.345V8.275L88.676,5.517h13.1L99.709,8.275V7.24a.345.345,0,0,0-.345-.345h-.69a.345.345,0,1,0,0,.69h.345V20Z" transform="translate(-49.389 695.726)"/></g></svg>

images/menu/line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="42" height="43" viewBox="0 0 42 43"><defs><style>.a{fill:#00c200;}.b{fill:#fff;}</style></defs><g transform="translate(0.077 0.231)"><g transform="translate(0)"><g transform="translate(0)"><ellipse class="a" cx="21" cy="21.5" rx="21" ry="21.5" transform="translate(-0.077 -0.231)"/><g transform="translate(10.492 11.556)"><path class="b" d="M33.441,22.645A5.182,5.182,0,0,0,33.53,22c0-.276,0-.56,0-.836C33.272,16.618,28.552,13,22.774,13,16.818,13,12,16.831,12,21.56c0,4.347,4.071,7.938,9.352,8.489a.578.578,0,0,1,.516.64h0l-.222,2.027a.587.587,0,0,0,.516.649.578.578,0,0,0,.32-.062,25.582,25.582,0,0,0,8.712-6.276,23.306,23.306,0,0,0,1.422-2.018A7.209,7.209,0,0,0,33.441,22.645Z" transform="translate(-12 -13)"/><path class="a" d="M17.312,24.067V20.511a.551.551,0,0,0-.551-.551h0a.551.551,0,0,0-.551.551h0v4.107a.551.551,0,0,0,.551.551h2.2a.551.551,0,0,0,.551-.551h0a.551.551,0,0,0-.551-.551Z" transform="translate(-12.468 -13.773)"/><path class="a" d="M21.187,25.164h-.24a.418.418,0,0,1-.427-.427v-4.4a.418.418,0,0,1,.427-.427h.24a.427.427,0,0,1,.436.427v4.4a.427.427,0,0,1-.436.427Z" transform="translate(-12.946 -13.767)"/><path class="a" d="M25.88,20.461v2.533s-2.2-2.862-2.231-2.907a.587.587,0,0,0-.436-.178.569.569,0,0,0-.533.569v4.134a.551.551,0,0,0,.551.551h0a.551.551,0,0,0,.551-.551h0V22.088s2.231,2.9,2.267,2.925a.524.524,0,0,0,.373.151.569.569,0,0,0,.551-.569V20.452a.542.542,0,0,0-.551-.542h0a.542.542,0,0,0-.542.551Z" transform="translate(-13.186 -13.767)"/><path class="a" d="M31.748,20.461h0a.542.542,0,0,0-.551-.551H29a.542.542,0,0,0-.551.551h0v4.151a.551.551,0,0,0,.551.551h2.2a.551.551,0,0,0,.551-.551h0a.551.551,0,0,0-.551-.551H29.552v-.978H31.2a.542.542,0,0,0,.551-.551h0a.542.542,0,0,0-.551-.542H29.552v-.978H31.2a.551.551,0,0,0,.551-.551Z" transform="translate(-13.827 -13.767)"/></g></g></g></g></svg>

images/menu/pen.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22.286" height="19.944" viewBox="0 0 22.286 19.944"><defs><style>.a{fill:#ee7800;}.b,.c{fill:none;stroke:#4c4c4c;}.b{stroke-miterlimit:10;}.c{stroke-linecap:round;stroke-linejoin:round;}</style></defs><g transform="translate(-34 -422.079)"><g transform="translate(34 422.783)"><ellipse class="a" cx="3.257" cy="3.257" rx="3.257" ry="3.257" transform="translate(0 12.725)"/><g transform="translate(3.258)"><ellipse class="b" cx="1.273" cy="1.273" rx="1.273" ry="1.273" transform="translate(7.498 7.539)"/><path class="c" d="M312.787,654.5l-2.344,1.967-4.516-5.381,2.344-1.967" transform="translate(-294.462 -649.116)"/><line class="c" x1="7.17" y2="6.016" transform="translate(0.627 9.63)"/><path class="c" d="M304.807,657.29a7.6,7.6,0,0,0-2.2,5.876l-13.188,3.268,5.508-12.421a7.6,7.6,0,0,0,6.169-1.149" transform="translate(-289.416 -650.262)"/></g></g></g></svg>

images/menu/person.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.753" height="19.442" viewBox="0 0 21.753 19.442"><defs><style>.a{fill:#ee7800;}.b,.c{fill:none;stroke:#4c4c4c;}.b{stroke-miterlimit:10;}.c{stroke-linecap:round;stroke-linejoin:round;}</style></defs><g transform="translate(-34 -376.224)"><g transform="translate(34 376.724)"><path class="a" d="M137.115,739.537l-2.83-4.17,6.743-2.83,3.625,5.509" transform="translate(-134.285 -722.084)"/><g transform="translate(1.467)"><ellipse class="b" cx="3.666" cy="3.666" rx="3.666" ry="3.666" transform="translate(8.642 0)"/><path class="b" d="M156.866,733.1a3.939,3.939,0,0,0-2.632-3.358,4.036,4.036,0,0,0-4.769,1.874l-2.94,5.093a3.869,3.869,0,0,0-.245.518h-3.62a1.42,1.42,0,0,0-1.387,1.012,1.393,1.393,0,0,0,1.338,1.766h13.881a.647.647,0,0,0,.651-.663C157.1,737.638,156.937,734.141,156.866,733.1Z" transform="translate(-137.357 -721.565)"/><path class="c" d="M137.939,737.716l-2.653-3.91,6.322-2.653,3.4,5.165" transform="translate(-135.285 -722.13)"/><line class="c" y1="2.419" x2="1.466" transform="translate(5.202 13.205)"/></g></g></g></svg>

images/menu/pinterest.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="42.308" height="42.304" viewBox="0 0 42.308 42.304"><defs><style>.a{fill:#e42b33;}.a,.b{fill-rule:evenodd;}.b{fill:#fefefe;}</style></defs><g transform="translate(0)"><path class="a" d="M1243.975,388.647a21.152,21.152,0,1,1-21.151,21.152,21.155,21.155,0,0,1,21.151-21.152Z" transform="translate(-1222.824 -388.647)"/><path class="b" d="M1296.88,435.834c-7.125,0-10.719,4.87-10.719,8.933a8.016,8.016,0,0,0,.279,2.146,4.724,4.724,0,0,0,2.793,3.319.517.517,0,0,0,.749-.355c.069-.252.232-.887.308-1.15a.668.668,0,0,0-.215-.8,3.814,3.814,0,0,1-.818-1.482,4.8,4.8,0,0,1-.175-1.322c0-3.617,2.84-6.856,7.386-6.856,4.024,0,6.242,2.347,6.242,5.483a12.53,12.53,0,0,1-.278,2.644c-.627,2.867-2.271,4.962-4.477,4.962a2.246,2.246,0,0,1-2.369-2.753c.215-.864.529-1.763.79-2.6a8.961,8.961,0,0,0,.534-2.472,1.948,1.948,0,0,0-2.021-2.146c-1.609,0-2.9,1.58-2.9,3.7a5.768,5.768,0,0,0,.1,1.07,4.624,4.624,0,0,0,.377,1.2s-1.643,6.633-1.928,7.795a15.293,15.293,0,0,0-.046,5.437.2.2,0,0,0,.36.08,15.2,15.2,0,0,0,2.706-4.675c.186-.641,1.051-3.937,1.051-3.937a4.367,4.367,0,0,0,3.664,1.785c3.931,0,6.829-2.782,7.77-6.845a13.1,13.1,0,0,0,.325-2.959c0-4.246-3.768-8.2-9.494-8.2Z" transform="translate(-1274.674 -427.134)"/></g></svg>

images/menu/prize.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="11.343" height="17.253" viewBox="0 0 11.343 17.253"><defs><style>.a{fill:#ee7800;}.b{fill:none;stroke:#4c4c4c;stroke-linecap:round;stroke-linejoin:round;}</style></defs><g transform="translate(-40.497 -792.374)"><circle class="a" cx="3" cy="3" r="3" transform="translate(44 796)"/><g transform="translate(40.997 792.874)"><path class="b" d="M17.843,6.671A5.171,5.171,0,1,1,12.671,1.5a5.171,5.171,0,0,1,5.171,5.171Z" transform="translate(-7.5 -1.5)"/><path class="b" d="M11.394,20.827l-.894,6.73,3.694-2.216,3.694,2.216-.894-6.738" transform="translate(-9.022 -11.305)"/></g></g></svg>

images/menu/sofa.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.805" height="18.477" viewBox="0 0 21.805 18.477"><defs><style>.a{fill:#ee7800;}.b{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;}</style></defs><g transform="translate(-34.5 -468.865)"><g transform="translate(-662.318 708.892)"><path class="a" d="M3.411,0H10.7A3.411,3.411,0,0,1,14.11,3.411V8.8a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V3.411A3.411,3.411,0,0,1,3.411,0Z" transform="translate(699.518 -237.606)"/><g transform="translate(697.318 -239.527)"><path class="b" d="M293.155,727.973V729.6h13.054v-1.628a1.932,1.932,0,0,1,.9-1.634v-3.256a2.825,2.825,0,0,0-2.825-2.826h-9.213a2.826,2.826,0,0,0-2.826,2.826v3.256A1.932,1.932,0,0,1,293.155,727.973Z" transform="translate(-289.28 -720.257)"/><path class="b" d="M306.976,728.312a1.937,1.937,0,0,0-1.938,1.937v1.628H291.984V730.25a1.938,1.938,0,0,0-3.875,0V733.5a1.938,1.938,0,0,0,1.938,1.938h16.93a1.937,1.937,0,0,0,1.937-1.937V730.25A1.937,1.937,0,0,0,306.976,728.312Z" transform="translate(-288.109 -722.534)"/><g transform="translate(2.97 12.908)"><path class="b" d="M292.25,738.252v4.215a.353.353,0,0,0,.354.354h.625a.353.353,0,0,0,.339-.251l1.522-4.318Z" transform="translate(-292.25 -738.252)"/><path class="b" d="M311.852,738.252v4.215a.353.353,0,0,1-.354.354h-.625a.354.354,0,0,1-.339-.251l-1.522-4.318Z" transform="translate(-296.988 -738.252)"/></g></g></g></g></svg>

images/menu/style.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18.824" height="18.424" viewBox="0 0 18.824 18.424"><defs><style>.a{fill:#ee7800;}.b{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;}</style></defs><g transform="translate(-35.5 -237.17)"><g transform="translate(36 237.17)"><rect class="a" width="7.208" height="7.208" rx="1" transform="translate(11.116 0)"/><g transform="translate(0 1.391)"><rect class="b" width="7.208" height="7.208" rx="1"/><rect class="b" width="7.208" height="7.208" rx="1" transform="translate(9.078)"/><rect class="b" width="7.208" height="7.208" rx="1" transform="translate(0 9.325)"/><rect class="b" width="7.208" height="7.208" rx="1" transform="translate(9.078 9.325)"/></g></g></g></svg>

images/menu/tv.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22.441" height="12.933" viewBox="0 0 22.441 12.933"><defs><style>.a{fill:#ee7800;}.b{fill:#4c4c4c;stroke:#4c4c4c;stroke-width:0.5px;}</style></defs><g transform="translate(-36.295 -749.013)"><path class="a" d="M3.411,0h1.92A3.411,3.411,0,0,1,8.742,3.411V5.7a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V3.411A3.411,3.411,0,0,1,3.411,0Z" transform="translate(43.146 756)"/><g transform="translate(36.548 749.263)"><path class="b" d="M356.144,431.2a.889.889,0,0,1-.849-.85v-4.822a1.39,1.39,0,0,1,.427-1.161l.466-.387,4.4-3.653a1.2,1.2,0,0,1,1.813,0l5.082,4.217-.332.4-5.326-4.348a.525.525,0,0,0-.662,0l-4.918,3.984a1.05,1.05,0,0,0-.389.815v4.669a.525.525,0,0,0,.523.525l10.751.043V427.8a.571.571,0,0,0-.219-.45l-.087-.068-2.693-2.125.329-.412,2.8,2.233a1.076,1.076,0,0,1,.439.912v2.747h4.18l.7.578Z" transform="translate(-355.285 -418.778)"/><path class="b" d="M635.952,388.594h.487v-3.109h-.487v1.31h-1.117v.488h1.117Z" transform="translate(-625.529 -385.486)"/><rect class="b" width="0.991" height="0.488" transform="translate(11.424 1.31)"/><path class="b" d="M745.9,430.627h-1.085l-.721-.6H745.9a1.682,1.682,0,0,0,1.68-1.68v-1.636a1.682,1.682,0,0,0-1.68-1.68H741.29a2.282,2.282,0,0,1-2.279-2.279V421.6a2.282,2.282,0,0,1,2.279-2.279h4.44a2.282,2.282,0,0,1,2.279,2.279v1.062h-.6V421.6a1.682,1.682,0,0,0-1.68-1.68h-4.44a1.682,1.682,0,0,0-1.68,1.68v1.151a1.682,1.682,0,0,0,1.68,1.68H745.9a2.282,2.282,0,0,1,2.279,2.279v1.636A2.282,2.282,0,0,1,745.9,430.627Z" transform="translate(-726.238 -418.197)"/></g></g></svg>

images/menu/videos.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.308" height="15.043" viewBox="0 0 21.308 15.043"><defs><style>.a{fill:#ee7800;}.b{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;}</style></defs><g transform="translate(-34.499 -331.563)"><g transform="translate(-714.226 620.34)"><path class="a" d="M373.8,661.514v5.235a.39.39,0,0,0,.57.346l5.028-2.6a.391.391,0,0,0,0-.693l-5.029-2.635A.39.39,0,0,0,373.8,661.514Z" transform="translate(382.76 -944.394)"/><g transform="translate(749.226 -288.278)"><path class="b" d="M371.767,654.408c-2.493,0-5,.078-7.46.233a2.579,2.579,0,0,0-2.405,2.42,41.587,41.587,0,0,0,0,8.739,2.56,2.56,0,0,0,2.4,2.42c2.854.154,5.562.232,8.048.232s4.833-.078,6.987-.232a2.587,2.587,0,0,0,2.409-2.42,41.587,41.587,0,0,0,0-8.739,2.584,2.584,0,0,0-2.405-2.42C376.81,654.486,374.261,654.408,371.767,654.408Z" transform="translate(-361.672 -654.408)"/><path class="b" d="M372.674,660.389v5.236a.391.391,0,0,0,.57.347l5.028-2.6a.39.39,0,0,0,0-.692l-5.028-2.636A.391.391,0,0,0,372.674,660.389Z" transform="translate(-365.034 -656.117)"/></g></g></g></svg>

images/menu/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="42" height="43" viewBox="0 0 42 43"><defs><style>.a{fill:red;}.b{fill:#fff;}</style></defs><g transform="translate(-0.231 0.231)"><g transform="translate(0)"><g transform="translate(0)"><ellipse class="a" cx="21" cy="21.5" rx="21" ry="21.5" transform="translate(0.231 -0.231)"/><path class="b" d="M33.01,18.253a2.5,2.5,0,0,0-1.778-1.778c-1.582-.436-8-.436-8-.436s-6.391,0-8,.436a2.533,2.533,0,0,0-1.778,1.778A28.09,28.09,0,0,0,13,23.214a26.365,26.365,0,0,0,.436,4.951,2.48,2.48,0,0,0,1.778,1.778c1.582.409,8,.409,8,.409s6.391,0,8-.436a2.525,2.525,0,0,0,1.778-1.778,27.788,27.788,0,0,0,.453-4.925,26.526,26.526,0,0,0-.436-4.96Zm-11.885,8v-6.08l5.334,3.04Z" transform="translate(-1.676 -1.781)"/></g></g></g></svg>

index.html

@@ -0,0 +1,1182 @@
+<!DOCTYPE html>
+<html lang="zh_TW">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <meta name="copyright" content="2021 © 幸福空間 │ All Rights Reserved.">
+    <meta name="creation-date" content="2021-08-05 12:00:04 GTM+8">
+    <meta name="description" content="讓幸福室內設計，走進您的生活，解決您的裝潢問
+    題!幸福空間是台灣最大的室內設計、設計師與設計個案影音平台之一，找尋室內設計點子與案例我
+    們一定能幫助你!">
+    <meta name="distribution" content="Taiwan">
+    <meta name="keywords" content="">
+    <meta name="revisit-after" content="1 days">
+    <meta name="robots" content="all">
+    <meta name="format-detection" content="telephone=no">
+
+    <meta property="og:description" content="讓幸福室內設計，走進您的生活，解決您的裝潢問題!
+    幸福空間是台灣最大的室內設計、設計師與設計個案影音平台之一，找尋室內設計點子與案例我們一定能幫助
+    你!"/>
+    <meta property="og:site_name" content="幸福空間"/>
+    <meta property="og:title" content="幸福空間 - 台灣最大的室內設計、設計師與設計個案影音平台"/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:locale" content="zh_TW">
+    <title>幸福空間 - 室內設計、裝潢、居家生活、影音平台</title>
+
+    <link rel="icon" href="images/favicon.ico">
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+    crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
+        rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
+        crossorigin="anonymous">
+        
+    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+  <div style="overflow-x:hidden;">
+    <section class="sec-00 w-100">
+        <div class="container-fluid" style="padding:0;margin:0;height: 110px;">
+            <div class="sec-00__slider">
+              <!--   <div class="sec-00__slider-1" onclick="window.open(`https://hhh.com.tw/designers/cases/447/1-page/new-sort/`);"></div>
+                <div class="sec-00__slider-2" onclick="window.open(`https://hhh.com.tw/designers/cases/31/1-page/new-sort/`);"></div>
+                <div class="sec-00__slider-3" onclick="window.open(`https://hhh.com.tw/deco/`);"></div>
+                <div class="sec-00__slider-4" onclick="window.open(`https://m.hhh.com.tw/columns/lists/all-columntypea/`);"></div>
+                <div class="sec-00__slider-5" onclick="window.open(`https://m.hhh.com.tw/columns/lists/all-columntypea/`);"></div> -->
+            </div>
+        </div>
+    </section>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <a href="https://m.hhh.com.tw/" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0 d-flex align-items-center">
+                <img width="25" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMDMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMC4wMDMgMjAiPgogIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1KSI+CiAgICA8cGF0aCBpZD0iUGF0aF8yMjcyIiBkYXRhLW5hbWU9IlBhdGggMjI3MiIgZD0iTTE5Ljg4LDE4Ljk4bC00Ljg2Mi00Ljg2YTguNTM5LDguNTM5LDAsMSwwLS44NDMuODQzbDQuODYyLDQuODZhLjYuNiwwLDAsMCwuNDIxLjE3Ny41ODQuNTg0LDAsMCwwLC40MjEtLjE3N0EuNi42LDAsMCwwLDE5Ljg4LDE4Ljk4Wk0xLjI0Myw4LjUyOGE3LjMzMyw3LjMzMywwLDEsMSw3LjMzMyw3LjMzNUE3LjM0LDcuMzQsMCwwLDEsMS4yNDMsOC41MjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2VlNzgwMCIvPgogIDwvZz4KPC9zdmc+Cg==" alt="">
+            </div>
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <!-- <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                  <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="#">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">Link</a>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                      Dropdown
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                      <li><a class="dropdown-item" href="#">Action</a></li>
+                      <li><a class="dropdown-item" href="#">Another action</a></li>
+                      <li><hr class="dropdown-divider"></li>
+                      <li><a class="dropdown-item" href="#">Something else here</a></li>
+                    </ul>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                  </li>
+                </ul>
+                <form class="d-flex">
+                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                  <button class="btn btn-outline-success" type="submit">Search</button>
+                </form> -->
+            </div>
+        </div>
+    </nav>
+
+    <section class="sec-01 w-100">
+      <div class="container-fluid" style="padding:0;margin:0;">
+        <div class="sec-01__slider">
+            <div class="sec-01__slider-1">
+              <div class="row">
+                <div class="col">
+                  <a href=""><img src="images/icon/portfolio.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/cases/lists/" target="_blank"><img src="images/icon/designcases.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/columns/lists/all-columntypea/" target="_blank"><img src="images/icon/blogs.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/videos/lists/" target="_blank"><img src="images/icon/video.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/forum/category/" target="_blank"><img src="images/icon/forum.svg" alt=""></a>
+                </div>
+              </div>
+            </div>
+            <div class="sec-01__slider-2">
+              <div class="row">
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/designers/lists/" target="_blank"><img src="images/icon/designer.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/brand-index.php?brand_id=194" target="_blank"><img src="images/icon/soft.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/products/lists/" target="_blank"><img src="images/icon/mueble.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/builder/lists/" target="_blank"><img src="images/icon/newcase.svg" alt=""></a>
+                </div>
+                <div class="col special">
+                  <a href="https://www.leju.com.tw/" target="_blank"><img src="images/icon/price.svg" alt=""></a>
+                </div>
+              </div>
+            </div>
+        </div>
+    </div>
+    </section>
+    <section class="sec-02 w-100">
+      <div class="container-fluid" style="padding:0;margin:0;">
+        <div class="sec-02__slider">
+         <!--  <div class="sec-02__slider-1" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);"></div>
+          <div class="sec-02__slider-2" onclick="window.open(`https://hhh.com.tw/designers/cases/28/1-page/new-sort/`);"></div>
+          <div class="sec-02__slider-3" onclick="window.open(`https://event.hhh.com.tw/topglory/designer_523.html`);"></div> -->
+        </div>
+      </div>
+    </section>
+    <section class="sec-03 w-100">
+      <div class="container-fluid" style="padding:0;margin:0;">
+        <div class="sec-03__tabdiv d-flex">
+          <ul class="nav row nav-pills gx-2" id="pills-tab" role="tablist">
+            <li class="nav-item col" role="presentation">
+              <button class="nav-item-link bg-transparent active" id="pills-hot-tab"
+              data-bs-toggle="pill" data-bs-target="#pills-hot" type="button" role="tab"
+              aria-controls="pills-hot" aria-selected="true">最夯設計</button>
+            </li>
+            <li class="nav-item col" role="presentation">
+              <button class="nav-item-link nav-item-active bg-transparent" id="pills-video-tab"
+              data-bs-toggle="pill" data-bs-target="#pills-video" type="button" role="tab"
+              aria-controls="pills-video" aria-selected="false">影音實錄</button>
+            </li>
+            <li class="nav-item col" role="presentation">
+              <button class="nav-item-link nav-item-active bg-transparent" id="pills-blog-tab"
+              data-bs-toggle="pill" data-bs-target="#pills-blog" type="button" role="tab"
+              aria-controls="pills-blog" aria-selected="false">專欄文章</button>
+            </li>
+          </ul>
+          <div class="more">
+            <a href="https://hhh.com.tw/cases/lists/" class="morelink" target="_blank">更多 more ></a>
+          </div>
+        </div>
+      <div class="tab-content" id="pills-tabContent">
+        <div class="tab-pane fade show active" id="pills-hot" role="tabpanel"
+            aria-labelledby="pills-hot-tab">
+            <div class="container-fluid" style="padding:0;margin:0;">
+              <div class="tabpar">
+                <!-- <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div>
+                <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div>
+                <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div> -->
+              </div>
+            </div>
+        </div>
+        <div class="tab-pane fade" id="pills-video" role="tabpanel"
+            aria-labelledby="pills-video-tab">
+            <div class="container-fluid" style="padding:0;margin:0;">
+              <div class="tabpar">
+                <!-- <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div>
+                <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div>
+                <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div> -->
+              </div>
+            </div>
+        </div>
+        <div class="tab-pane fade" id="pills-blog" role="tabpanel"
+          aria-labelledby="pills-blog-tab">
+          <div class="container-fluid" style="padding:0;margin:0;">
+            <div class="tabpar">
+              <!-- <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+              </div>
+              <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+              </div>
+              <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+              </div> -->
+            </div>
+          </div>
+        </div>
+      </div>
+      
+    </section>
+    <section class="sec-04">
+      <div class="container" style="margin:0;">
+        <div class="row gx-2 gy-2 mb-2">
+          <a href="https://hhh.com.tw/event170427/" class="col card p-2 text-center me-2">
+            <h5 class="card-title">老屋翻新<br>住宅改造</h5>
+            <div class="card__imgfr"><img src="images/renovation.png" alt=""></div>
+          </a>
+          <a href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php" class="col card p-2 text-center">
+            <h5 class="card-title">觀眾最愛<br>設計師</h5>
+            <div class="card__imgfr"><img src="images/designerlink.png" alt=""></div>
+          </a>
+        </div>
+        <div class="row gx-2 gy-2">
+          <a href="https://event.hhh.com.tw/2021-Top-Brands/" class="col card p-2 text-center me-2">
+            <h5 class="card-title">消費者<br>愛用品牌</h5>
+            <div class="card__imgfr"><img src="images/brandlink.png" alt=""></div>
+          </a>
+          <a href="https://event.hhh.com.tw/topglory/" class="col card p-2 text-center">
+            <h5 class="card-title">國際大賞<br>GLORY</h5>
+            <div class="card__imgfr"><img src="images/awardlink.png" alt=""></div>
+          </a>
+        </div>
+      </div>
+    </section>
+    <section class="sec-05 py-4">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">VIDEO</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/videos/lists/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding:0;margin:0;">
+        <div class="sec-05__video mb-2" data-bs-toggle="modal" data-bs-target="#videoModal">
+          <img src="images/Play-Button.png" alt="" class="sec-05__video__play">
+          <img src="images/maxresdefault.jpeg" alt="" class="sec-05__video__img">
+        </div>
+        <p class="px-2">EP.2 永久棟距開闊視野生態濕地公園首排連呼吸都療癒</p>
+      </div>
+    </section>
+    <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+          <div class="modal-body text-center">
+            <iframe width="340" height="230"></iframe>
+          </div>
+        </div>
+      </div>
+    </div>
+    <section class="sec-06 py-4">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">主題企劃</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/topic/detail/402/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="" style="padding:0 1rem;">
+        <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
+          <div class="carousel-inner">
+           <!--  <div class="carousel-item active" onclick="window.open(`https://m.hhh.com.tw/cases/detail/12422/`);" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/name_12422_20200601145042.jpg);">
+              
+            </div>
+            <div class="carousel-item" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5763/`);" style="background-image: url(https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index01_312.jpg);">
+              
+            </div> 
+            <div class="carousel-item" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5763/`);" style="background-image: url(https://cloud.hhh.com.tw/upload/_hcolumn/clogo_5763_20210528143431.jpg);">
+              
+            </div> -->
+          </div>
+          <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Previous</span>
+          </button>
+          <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Next</span>
+          </button>
+        </div>
+      </div>
+    </section>
+
+    <section class="sec-07 py-2">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">編輯精選</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/columns/lists/all-columntypea/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-07__slider row mx-0">
+          <!-- <div class="sec-07__slider-1 sec-07__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5613/`);">
+            <div class="sec-07__imgfr mb-2"><img src="images/2_2.webp" alt=""></div>
+            <p class="sec-07__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-07__slider-2 sec-06__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5613/`);">
+            <div class="sec-07__imgfr mb-2"><img src="images/2_2.webp" alt=""></div>
+            <p class="sec-07__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-07__slider-3 sec-06__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5613/`);">
+            <div class="sec-07__imgfr mb-2"><img src="images/2_2.webp" alt=""></div>
+            <p class="sec-07__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div> -->
+        </div>
+      </div>
+    </section>
+    <section class="sec-08 pb-2">
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-08__slider mx-0">
+          <!-- <div class="sec-08__slider-1 mx-1" style="width: 70vw; background-image: url(https://images.hhh.com.tw/uploads/_had/adlogo_15356_1588832058.jpg);" onclick="window.open(`https://event.hhh.com.tw/2021-Most-Favorite-Designers/?utm_source=INDEX_BANNER&adid=15356`);"></div>
+          <div class="sec-08__slider-2 mx-1" style="width: 70vw; background-image: url(https://images.hhh.com.tw/uploads/_had/adlogo_15927_1627805018.jpg);" onclick="window.open(`https://hhh.com.tw/topic/detail/402/`);"></div>
+          <div class="sec-08__slider-3 mx-1" style="width: 70vw; background-image: url(https://images.hhh.com.tw/uploads/_had/adlogo_15356_1588832058.jpg);" onclick="window.open(`https://event.hhh.com.tw/2021-Most-Favorite-Designers/?utm_source=INDEX_BANNER&adid=15356`);"></div> -->
+        </div>
+      </div>
+    </section>
+    <section class="sec-09 py-2">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">來選好物</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/products/lists/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-09__cardgrp">
+         <!--  <div class="sec-09__card">
+            <div class="sec-09__card__imgfr"><img src="https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png" alt=""></div>
+            <p>LEAF 320i 空氣清淨機</p>
+          </div>
+          <div class="sec-09__card">
+            <div class="sec-09__card__imgfr"><img src="https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png" alt=""></div>
+            <p>LEAF 320i 空氣清淨機</p>
+          </div>
+          <div class="sec-09__card">
+            <div class="sec-09__card__imgfr"><img src="https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png" alt=""></div>
+            <p>LEAF 320i 空氣清淨機</p>
+          </div> -->
+        </div>
+      </div>
+    </section>
+    <section class="sec-10 py-2">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">本週推薦</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/designers/lists/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-10__slider row mx-0">
+          <!-- <div class="sec-10__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13338/`);">
+            <div class="sec-10__slider-1 mb-2"></div>
+            <p class="sec-10__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-10__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13338/`);">
+            <div class="sec-10__slider-2 mb-2"></div>
+            <p class="sec-10__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-10__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13338/`);">
+            <div class="sec-10__slider-3 mb-2"></div>
+            <p class="sec-10__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div> -->
+        </div>
+      </div>
+    </section>
+    <!-- "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13256_20210512143633.jpg" -->
+    <section class="sec-11 py-2">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">粉絲推薦</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/cases/lists/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-11__slider row mx-0">
+          <!-- <div class="sec-11__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13256/`);">
+            <div class="sec-11__slider-1 mb-2"></div>
+            <p class="sec-11__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-11__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13256/`);">
+            <div class="sec-11__slider-2 mb-2"></div>
+            <p class="sec-11__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-11__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13256/`);">
+            <div class="sec-11__slider-3 mb-2"></div>
+            <p class="sec-11__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div> -->
+        </div>
+      </div>
+    </section>
+    <div class="fixed-btn">
+      <!-- <div class="btn-gotop mb-2">
+        <img src="images/gotop.png" width="28" alt="">
+      </div> -->
+      <div class="btn-gotop">
+        <img src="images/gotop.png" width="28" alt="">
+      </div>
+    </div>
+    <div style="margin-bottom:120px;"></div>
+    <!-- bottom fixed menu -->
+    <div class="container-fluid px-0 m-0 fixed_menu">
+      <div class="row gx-2">
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/about/request/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/40a8bf5.svg" alt=""></a></div>
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/about/calculator/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/170ebf4.svg" alt=""></a></div>
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/decoquery/lists/address/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/479aa61.svg" alt=""></a></div>
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/program/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/dc6b655.svg" alt=""></a></div>
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/login/index" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/76749fd.svg" alt=""></a></div>
+      </div>
+    </div>
+    <div class="sec-menu">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <div class="navbar-brand navbar-back me-0">
+              <i class="fas fa-chevron-left"></i>
+            </div>
+            <a href="#" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0">
+            </div>
+            <!--<div class="collapse navbar-collapse" id="navbarSupportedContent">
+                 <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                  <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="#">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">Link</a>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                      Dropdown
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                      <li><a class="dropdown-item" href="#">Action</a></li>
+                      <li><a class="dropdown-item" href="#">Another action</a></li>
+                      <li><hr class="dropdown-divider"></li>
+                      <li><a class="dropdown-item" href="#">Something else here</a></li>
+                    </ul>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                  </li>
+                </ul>
+                <form class="d-flex">
+                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                  <button class="btn btn-outline-success" type="submit">Search</button>
+                </form> 
+            </div> -->
+        </div>
+      </nav>
+      <div class="container-fluid sec-menu-block px-0">
+        
+          <div class="navbar sec-menu-list w-100">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+              <li class="nav-item">
+                <a class="nav-link active text-main d-flex align-items-center" aria-current="page" href="https://shop.hhh.com.tw/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/cart.svg" alt=""></div>
+                  <p>+好物</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link text-main d-flex align-items-center" href="https://m.hhh.com.tw/about/calculator/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/budget.svg" alt=""></div>
+                  <p>估預算</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link text-main d-flex align-items-center" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/style.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/photos/index/`);"><p>找風格</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="position: static;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/nordic-style/" target="_blank">北歐風</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/modern-style/" target="_blank">現代風</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/industry-style/" target="_blank">工業風</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/designs.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/cases/lists/`);"><p>挑設計</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown2" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/cases/lists/small-ctype/" target="_blank">小坪數</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/cases/lists/renovation-condition/" target="_blank">老屋翻新</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/search/lists/case/%E9%A2%A8%E6%B0%B4-keyword/" target="_blank">風水</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown3" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/videos.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/videos/lists/`);"><p>看影音</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown3" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/videos/lists/" target="_blank">發燒影音</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/video-list-5945tw.php" target="_blank">呼叫師傅</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown4" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/person.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/designers/lists/`);"><p>設計師</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown4" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/designers/lists/" target="_blank">設計師總覽</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php" target="_blank">觀眾最愛設計師</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/topglory/" target="_blank">Glory國際大賞</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://hhh.com.tw/event170427/" target="_blank">老屋翻新</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/decoquery/lists/address/" target="_blank">查証照</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown5" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/pen.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/columns/lists/all-columntypea/`);"><p>專欄文章</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown5" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item dropdown">
+                    <span class="dropdown-item nav-link sub-link" id="subDropdown1">
+                      <a href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/" target="_blank"><p>編輯精選</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hometrends-columntypeb/" target="_blank">居家趨勢</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hotrank-columntypeb/" target="_blank">人氣排行</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/archdesign-columntypeb/" target="_blank">建築設計</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/styleselection-columntypeb/" target="_blank">風格選店</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/charitable-columntypeb/" target="_blank">公益活動</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/exhibition-columntypeb/" target="_blank">展演資訊</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link">
+                      <a href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/" target="_blank"><p>居家設計</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/smallhouse-columntypeb/" target="_blank">小宅規劃</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/oldhouse-columntypeb/" target="_blank">老屋翻新</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/stylebuild-columntypeb/" target="_blank">風格營造</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/color-columntypeb/" target="_blank">配色佈置</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/goodhouse-columntypeb/" target="_blank">好宅特輯</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/proposal-columntypeb/" target="_blank">設計提案</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link">
+                      <a href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/" target="_blank"><p>裝修前線</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/news-columntypeb/" target="_blank">新聞最前線</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/allocation-columntypeb/" target="_blank">預算分配</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/process-columntypeb/" target="_blank">施工流程</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/knowledge-columntypeb/" target="_blank">建材知識</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/decorating-columntypeb/" target="_blank">裝潢撇步</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link">
+                      <a href="https://m.hhh.com.tw/columns/lists/plus-columntypea/" target="_blank"><p>生活PLUS</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/fengshui-columntypeb/" target="_blank">居家風水</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/housekeeping-columntypeb/" target="_blank">家事清潔</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/storageskills-columntypeb/" target="_blank">收納技巧</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/renovation-columntypeb/" target="_blank">改造修繕</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/retire-columntypeb/" target="_blank">退休好幸福</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link">
+                      <a href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/" target="_blank"><p>品牌好物</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/furnishings-columntypeb/" target="_blank">家具家飾</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/appliances-columntypeb/" target="_blank">美型家電</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/recommend-columntypeb/" target="_blank">推薦廚衛</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/homegoods-columntypeb/" target="_blank">居家好物</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/quality-columntypeb/" target="_blank">優質建材</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/brandnews-columntypeb/" target="_blank">品牌快訊</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link" >
+                      <a href="https://m.hhh.com.tw/columns/lists/focus-columntypea/" target="_blank"><p>房市焦點</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/housingnews-columntypeb/" target="_blank">房市新聞</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/specsearch-columntypeb/" target="_blank">建案特搜</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/buyandsell-columntypeb/" target="_blank">買屋賣屋</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/mortgage-columntypeb/" target="_blank">房貸税務</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/renting-columntypeb/" target="_blank">租房須知</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/topic/lists/1-page/new-sort/" target="_blank">主題企劃</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown6" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/sofa.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/products/lists/`);"><p>居家商品</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown6" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/" target="_blank">商品總覽</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/furniture-pcategorya/" target="_blank">傢俱</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/household-pcategorya/" target="_blank">家電</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/kitchen-pcategorya/" target="_blank">廚房</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/bathroom-pcategorya/" target="_blank">衛浴</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/lighting-pcategorya/" target="_blank">照明</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brands/lists/" target="_blank">品牌總覽</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brand-index.php?brand_id=194" target="_blank">軟裝佈置</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Top-Brands/index.php" target="_blank">消費者愛用品牌</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://m.hhh.com.tw/builder/lists/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/building.svg" alt=""></div>
+                  <p>新建案</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://m.hhh.com.tw/forum/category/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/discuss.svg" alt=""></div>
+                  <p>討論區</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://event.hhh.com.tw/agent/lecture.html" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/freelecture.svg" alt=""></div>
+                  <p>免費報名幸福講堂</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item d-flex align-items-center">
+                <a class="nav-link d-flex align-items-center" href="https://event.hhh.com.tw/agent/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/agent.svg" alt=""></div>
+                  <p>幸福經紀人</p>
+                  <span class="ms-2"><a class="text-phone" href="tel:0800-366-086">0800-366-086</a></span></a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="http://gstv.com.tw/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/tv.svg" alt=""></div>
+                  <p>幸福空間居家台</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://event.hhh.com.tw/contest/2018/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/prize.svg" alt=""></div>
+                  <p>ADA 亞洲設計獎</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://event.hhh.com.tw/2019global-award/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/champion.svg" alt=""></div>
+                  <p>國際設計大獎代辦</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center mb-1" href="https://www.leju.com.tw/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/Image 1@2x.png" alt="" width="20"></div>
+                  <p>樂居網</p>
+                </a>
+              </li>
+            </ul>
+          </div>
+          <div class="sec-menu-follows w-100">
+            <h5 class="sec-menu-follows-title w-100">追蹤我們</h5>
+            <div class="d-flex justify-content-between">
+              <a href="https://www.facebook.com/hhhfb"><img src="images/menu/fb.svg" alt="" class="d-inline-block"></a>
+              <a href="https://line.me/ti/p/%40ovs4341s"><img src="images/menu/line.svg" alt="" class="d-inline-block"></a>
+              <a href="https://www.youtube.com/user/gorgeousspace"><img src="images/menu/youtube.svg" alt="" class="d-inline-block"></a>
+              <a href="https://www.instagram.com/gorgeous_space/"><img src="images/menu/instagram@2x.png" alt="" width="43" class="d-inline-block"></a>
+              <a href=""><img src="images/menu/pinterest.svg" alt="" class="d-inline-block"></a>
+            </div>
+            <div class="py-4">
+              <a href="https://www.facebook.com/agent.hhh.com.tw" class="follows-fp"><img src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">幸福經紀人粉絲專頁</a>
+              <a href="https://www.facebook.com/retire.tw/" class="follows-fp"><img src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">退休好幸福粉絲專頁</a>
+            </div>
+            <div class="sec-menu-links">
+              <div class="d-flex mb-2">
+                <a href="https://m.hhh.com.tw/about/contact/">關於我們</a>
+                <a href="https://m.hhh.com.tw/about/contact/">聯絡我們</a>
+                <a href="https://m.hhh.com.tw/about/privacy_policy/">隱私保護</a>
+                <a href="https://m.hhh.com.tw/about/timeline/">公司歷程</a>
+              </div>
+              <div class="d-flex">
+                <a href="https://www.104.com.tw/company/d6hr8sg">企業徵才</a>
+                <a href="https://m.hhh.com.tw/about/sitemap/">網站地圖</a>
+              </div>
+            </div>
+            <div class="copyright text-center">幸福空間　版權所有<br>© Gorgeous Space Co.Ltd. All Rights Reserved</div>
+          </div>
+      
+      </div>
+    </div>
+
+    <div class="sec-search">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <div class="navbar-brand navbar-backs me-0">
+              <i class="fas fa-chevron-left"></i>
+            </div>
+            <a href="#" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0">
+            </div>
+            <!--<div class="collapse navbar-collapse" id="navbarSupportedContent">
+                 <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                  <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="#">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">Link</a>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                      Dropdown
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                      <li><a class="dropdown-item" href="#">Action</a></li>
+                      <li><a class="dropdown-item" href="#">Another action</a></li>
+                      <li><hr class="dropdown-divider"></li>
+                      <li><a class="dropdown-item" href="#">Something else here</a></li>
+                    </ul>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                  </li>
+                </ul>
+                <form class="d-flex">
+                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                  <button class="btn btn-outline-success" type="submit">Search</button>
+                </form> 
+            </div> -->
+        </div>
+      </nav>
+      <div class="container-fluid sec-search-block px-0">
+        <div class="sec-search-list w-100">
+          <div class="sec-search-form">
+            <input type="text" name="searchQuery" class="searchBar">
+            <button type="button" class="searchBtn">
+              <img width="30" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMDMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMC4wMDMgMjAiPgogIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1KSI+CiAgICA8cGF0aCBpZD0iUGF0aF8yMjcyIiBkYXRhLW5hbWU9IlBhdGggMjI3MiIgZD0iTTE5Ljg4LDE4Ljk4bC00Ljg2Mi00Ljg2YTguNTM5LDguNTM5LDAsMSwwLS44NDMuODQzbDQuODYyLDQuODZhLjYuNiwwLDAsMCwuNDIxLjE3Ny41ODQuNTg0LDAsMCwwLC40MjEtLjE3N0EuNi42LDAsMCwwLDE5Ljg4LDE4Ljk4Wk0xLjI0Myw4LjUyOGE3LjMzMyw3LjMzMywwLDEsMSw3LjMzMyw3LjMzNUE3LjM0LDcuMzQsMCwwLDEsMS4yNDMsOC41MjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2VlNzgwMCIvPgogIDwvZz4KPC9zdmc+Cg==" alt="">
+            </button>
+          </div>
+          <hr>
+          <div class="sec-search-hots">
+            <h4 class="sec-search-hots__title">熱搜關鍵字</h4>
+            <hr>
+            <div class="d-flex flex-wrap">
+              <a class="sec-search-hots__link">小坪數</a>
+              <a class="sec-search-hots__link">收納</a>
+              <a class="sec-search-hots__link">軟裝佈置</a>
+              <a class="sec-search-hots__link">幸福經紀人</a>
+              <a class="sec-search-hots__link">承炫設計</a>
+              <a class="sec-search-hots__link">風水</a>
+              <a class="sec-search-hots__link">北歐風</a>
+              <a class="sec-search-hots__link">周石設計</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="sec-login">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <div class="navbar-brand navbar-backs me-0">
+              <i class="fas fa-chevron-left"></i>
+            </div>
+            <a href="#" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0">
+            </div>
+        </div>
+      </nav>
+      <div class="container-fluid sec-login-block px-0">
+        <div class="sec-login-list w-100">
+          <h4 class="sec- text-center">會員登入</h4>
+          <hr>
+          <div class="sec-login-btns">
+            
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="sec-favor d-none">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <div class="navbar-brand navbar-back-fav me-0">
+              <i class="fas fa-chevron-left"></i>
+            </div>
+            <a href="#" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0">
+            </div>
+        </div>
+      </nav>
+      <div class="container-fluid sec-favor-block px-0">
+        <div class="sec-favor-list w-100">
+          <h4 class="sec-favor-title text-center">我的喜好</h4>
+          <hr>
+          <div class="sec-favor-form">
+            <form action="" method="" id="msform">
+              <div class="d-flex justify-content-between align-items">
+                <div class="form-user">Hi 陳喬治</div>
+                <ul class="p-0 form-progressbar">
+                  <li class="active">1</li>
+                  <li>2</li>
+                  <li>3</li>
+                </ul>
+              </div>
+              <fieldset class="form-step form-step1 text-center">
+                <div style="position: relative;">
+                <h4 class="mb-3">請選擇設計風格 / 多選</h4>
+                <div class="row mb-2">
+                  <input type="checkbox" value="北歐風" name="q1" id="1a" checked/>
+                  <label class="col-4 mr fs-label-info text-center" for="1a">
+                    <div class="imgfr mb-1"></div>
+                    <p>北歐風</p>
+                  </label>
+                  <input type="checkbox" value="現代風" name="q1" id="1b" />
+                  <label class="col-4 mr fs-label-info text-center" for="1b">
+                    <div class="imgfr mb-1"></div>
+                    <p>現代風</p>
+                  </label>
+                  <input type="checkbox" value="工業風" name="q1" id="1c" />
+                  <label class="col-4 mr fs-label-info text-center" for="1c">
+                    <div class="imgfr mb-1"></div>
+                    <p>工業風</p>
+                  </label>
+                </div>
+                <div class="row mb-2">
+                  <input type="checkbox" value="美式風" name="q1" id="1d" />
+                  <label class="col-4 mr fs-label-info text-center" for="1d">
+                    <div class="imgfr mb-1"></div>
+                    <p>美式風</p>
+                  </label>
+                  <input type="checkbox" value="鄉村風" name="q1" id="1e" />
+                  <label class="col-4 mr fs-label-info text-center" for="1e">
+                    <div class="imgfr mb-1"></div>
+                    <p>鄉村風</p>
+                  </label>
+                  <input type="checkbox" value="古典風" name="q1" id="1f" />
+                  <label class="col-4 mr fs-label-info text-center" for="1f">
+                    <div class="imgfr mb-1"></div>
+                    <p>古典風</p>
+                  </label>
+                </div>
+                <div class="row mb-2">
+                  <input type="checkbox" value="新古典風" name="q1" id="1g" />
+                  <label class="col-4 mr fs-label-info text-center" for="1g">
+                    <div class="imgfr mb-1"></div>
+                    <p>新古典風</p>
+                  </label>
+                  <input type="checkbox" value="休閒多元" name="q1" id="1h" />
+                  <label class="col-4 mr fs-label-info text-center" for="1h">
+                    <div class="imgfr mb-1"></div>
+                    <p>休閒多元</p>
+                  </label>
+                  <input type="checkbox" value="其他" name="q1" id="1i" />
+                  <label class="col-4 mr fs-label-info text-center" for="1i">
+                    <div class="imgfr mb-1"></div>
+                    <p>其他</p>
+                  </label>
+                </div>
+                <input class="next" type="button" value="下一步">
+              </div>
+              </fieldset>
+              <fieldset class="form-step form-step2 text-center">
+                <div style="">
+                <h4 class="mb-3">請選擇喜歡的居家空間 / 多選</h4>
+                <div class="row mb-2">
+                  <input type="checkbox" value="北歐風" name="q2" id="2a" checked/>
+                  <label class="col-4 mr fs-label-info text-center" for="2a">
+                    <div class="imgfr mb-1"></div>
+                    <p>客廳</p>
+                  </label>
+                  <input type="checkbox" value="現代風" name="q2" id="2b" />
+                  <label class="col-4 mr fs-label-info text-center" for="2b">
+                    <div class="imgfr mb-1"></div>
+                    <p>餐廳</p>
+                  </label>
+                  <input type="checkbox" value="工業風" name="q2" id="2c" />
+                  <label class="col-4 mr fs-label-info text-center" for="2c">
+                    <div class="imgfr mb-1"></div>
+                    <p>臥室</p>
+                  </label>
+                </div>
+                <div class="row mb-2">
+                  <input type="checkbox" value="美式風" name="q2" id="2d" />
+                  <label class="col-4 mr fs-label-info text-center" for="2d">
+                    <div class="imgfr mb-1"></div>
+                    <p>廚房</p>
+                  </label>
+                  <input type="checkbox" value="鄉村風" name="q2" id="2e" />
+                  <label class="col-4 mr fs-label-info text-center" for="2e">
+                    <div class="imgfr mb-1"></div>
+                    <p>浴室</p>
+                  </label>
+                  <input type="checkbox" value="古典風" name="q2" id="2f" />
+                  <label class="col-4 mr fs-label-info text-center" for="2f">
+                    <div class="imgfr mb-1"></div>
+                    <p>玄關</p>
+                  </label>
+                </div>
+                <div class="row mb-2">
+                  <input type="checkbox" value="新古典風" name="q2" id="2g" />
+                  <label class="col-4 mr fs-label-info text-center" for="2g">
+                    <div class="imgfr mb-1"></div>
+                    <p>兒童房</p>
+                  </label>
+                  <input type="checkbox" value="休閒多元" name="q2" id="2h" />
+                  <label class="col-4 mr fs-label-info text-center" for="2h">
+                    <div class="imgfr mb-1"></div>
+                    <p>陽台</p>
+                  </label>
+                  <input type="checkbox" value="其他" name="q1" id="2i" />
+                  <label class="col-4 mr fs-label-info text-center" for="2i">
+                    <div class="imgfr mb-1"></div>
+                    <p>其他</p>
+                  </label>
+                </div>
+                <input class="next" type="button" value="下一步">
+                </div>
+              </fieldset>
+              <fieldset class="form-step form-step3 text-center">
+                <h4 class="mb-3 text-center">請選擇以下條件</h4>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title">房屋坪數 / 單選</span>
+                  <input type="radio" value="20坪以下" name="q3" id="3a" />
+                  <label class="mr fs-label-chbox radio" for="3a">20坪以下</label>
+                  <input type="radio" value="20~30坪" name="q3" id="3b" />
+                  <label class="mr fs-label-chbox radio" for="3b">20~30坪</label>
+                  <input type="radio" value="30~40坪" name="q3" id="3c" />
+                  <label class="mr fs-label-chbox radio" for="3c">31~50坪</label>
+                  <input type="radio" value="50坪以上" name="q3" id="3e" />
+                  <label class="mr fs-label-chbox radio" for="3e">50坪以上</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title text-left">房屋預算 / 單選</span>
+                  <input type="radio" value="20坪以下" name="q4" id="4a" />
+                  <label class="mr fs-label-chbox radio" for="4a">100萬以下</label>
+                  <input type="radio" value="20~30坪" name="q4" id="4b" />
+                  <label class="mr fs-label-chbox radio" for="4b">101~200萬</label>
+                  <input type="radio" value="30~40坪" name="q4" id="4c" />
+                  <label class="mr fs-label-chbox radio" for="4c">201~300萬</label>
+                  <input type="radio" value="50坪以上" name="q4" id="4e" />
+                  <label class="mr fs-label-chbox radio" for="4e">301萬以上</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title text-left">裝修屋況 / 單選</span>
+
+                  <input type="radio" value="20坪以下" name="q5" id="5a" />
+                  <label class="mr fs-label-chbox radio" for="5a">新成屋</label>
+                  <input type="radio" value="20~30坪" name="q5" id="5b" />
+                  <label class="mr fs-label-chbox radio" for="5b">中古屋</label>
+                  <input type="radio" value="30~40坪" name="q5" id="5c" />
+                  <label class="mr fs-label-chbox radio" for="5c">毛胚屋</label>
+                  <input type="radio" value="50坪以上" name="q5" id="5e" />
+                  <label class="mr fs-label-chbox radio" for="5e">老屋翻新</label>
+                  <input type="radio" value="50坪以上" name="q5" id="5e" />
+                  <label class="mr fs-label-chbox radio" for="5e">自地自建</label>
+                </div>
+                <div class="btngrp text-center">
+                  <input class="skip d-block mb-2" type="button" value="略過">
+                  <input class="next d-block" type="button" value="下一步">
+                </div>
+              </fieldset>
+            </form>
+          </div>
+          <div class="sec-favor-checklist d-none">
+            <form action="" method="">
+              <div class="form-user">Hi 陳喬治</div>
+              <fieldset class="form-step text-center">
+                <h4 class="mb-3 text-center">請選擇以下條件</h4>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title">設計風格 / 多選</span>
+
+                  <input type="checkbox" value="20坪以下" name="style" id="north" />
+                  <label class="mr fs-label-chbox radio" for="north">北歐風</label>
+                  <input type="checkbox" value="20~30坪" name="style" id="modern" />
+                  <label class="mr fs-label-chbox radio" for="modern">現代風</label>
+                  <input type="checkbox" value="30~40坪" name="style" id="indust" />
+                  <label class="mr fs-label-chbox radio" for="indust">工業風</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="usa" />
+                  <label class="mr fs-label-chbox radio" for="usa">美式風</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="casual" />
+                  <label class="mr fs-label-chbox radio" for="casual">休閒多元</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="country" />
+                  <label class="mr fs-label-chbox radio" for="country">鄉村風</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="old" />
+                  <label class="mr fs-label-chbox radio" for="old">古典風</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="other" />
+                  <label class="mr fs-label-chbox radio" for="other">其他</label>
+                </div>
+                <div class="step3-block text-start mb-3">
+                  <span class="step3-block-title">喜歡的居家空間 / 多選</span>
+
+                  <input type="checkbox" value="20坪以下" name="space" id="salon" />
+                  <label class="mr fs-label-chbox radio" for="salon">客廳</label>
+                  <input type="checkbox" value="20~30坪" name="space" id="restaurant" />
+                  <label class="mr fs-label-chbox radio" for="restaurant">餐廳</label>
+                  <input type="checkbox" value="30~40坪" name="space" id="bedroom" />
+                  <label class="mr fs-label-chbox radio" for="bedroom">臥室</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="kitchen" />
+                  <label class="mr fs-label-chbox radio" for="kitchen">廚房</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="bathroom" />
+                  <label class="mr fs-label-chbox radio" for="bathroom">浴室</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="porch" />
+                  <label class="mr fs-label-chbox radio" for="porch">玄關</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="childroom" />
+                  <label class="mr fs-label-chbox radio" for="childroom">兒童房</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="balcony" />
+                  <label class="mr fs-label-chbox radio" for="balcony">陽台</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="others" />
+                  <label class="mr fs-label-chbox radio" for="others">其他</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title">房屋坪數 / 單選</span>
+
+                  <input type="radio" value="20坪以下" name="feet" id="below20" />
+                  <label class="mr fs-label-chbox radio" for="below20">20坪以下</label>
+                  <input type="radio" value="20~30坪" name="feet" id="20to30" />
+                  <label class="mr fs-label-chbox radio" for="20to30">20~30坪</label>
+                  <input type="radio" value="30~40坪" name="feet" id="30to50" />
+                  <label class="mr fs-label-chbox radio" for="30to50">31~50坪</label>
+                  <input type="radio" value="50坪以上" name="feet" id="above50" />
+                  <label class="mr fs-label-chbox radio" for="above50">50坪以上</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title text-left">房屋預算 / 多選</span>
+                  <input type="checkbox" value="20坪以下" name="budget" id="below1m" />
+                  <label class="mr fs-label-chbox radio" for="below1m">100萬以下</label>
+                  <input type="checkbox" value="20~30坪" name="budget" id="100to200" />
+                  <label class="mr fs-label-chbox radio" for="100to200">101~200萬</label>
+                  <input type="checkbox" value="30~40坪" name="budget" id="200to300" />
+                  <label class="mr fs-label-chbox radio" for="200to300">201~300萬</label>
+                  <input type="checkbox" value="50坪以上" name="budget" id="300up" />
+                  <label class="mr fs-label-chbox radio" for="300up">301萬以上</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title text-left">裝修屋況 / 單選</span>
+
+                  <input type="radio" value="20坪以下" name="condition" id="new" />
+                  <label class="mr fs-label-chbox radio" for="new">新成屋</label>
+                  <input type="radio" value="20~30坪" name="condition" id="aged" />
+                  <label class="mr fs-label-chbox radio" for="aged">中古屋</label>
+                  <input type="radio" value="30~40坪" name="condition" id="unfinished" />
+                  <label class="mr fs-label-chbox radio" for="unfinished">毛胚屋</label>
+                  <input type="radio" value="50坪以上" name="condition" id="refurbish" />
+                  <label class="mr fs-label-chbox radio" for="refurbish">老屋翻新</label>
+                  <input type="radio" value="50坪以上" name="condition" id="selfown" />
+                  <label class="mr fs-label-chbox radio" for="selfown">自地自建</label>
+                </div>
+                <div class="btngrp text-center">
+                  <input class="next d-block mb-3" type="button" value="下一步">
+                </div>
+              </fieldset>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+    <!-- bootstrap JS -->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+        crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    
+    <script async defer src="js/index.js"></script>
+</body>
+</html>

js/getData.js

@@ -0,0 +1,33 @@
+let result;
+$.ajax({
+    method: "GET",
+    url: "../json/data.json",
+    dataType: "json",
+}).done(function (msg) {
+    result = [...msg];
+    console.log(result);
+    renderSec00(result);
+    renderSec02(result);
+});
+
+function renderSec00(data) {
+    let temp = data[0]['data'];
+    let str = '';
+    for(let i = 0; i < temp.length; i++){
+        console.log(temp[i]['imgUrl']);
+        str+= `<div class="sec-00__slider-${i+1}" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
+    }
+    $('.sec-00__slider').html(str);
+    console.log(str);
+}
+
+function renderSec02(data) {
+    let temp = data[1]['data'];
+    let str = '';
+    for(let i = 0; i < temp.length; i++){
+        console.log(temp[i]['imgUrl']);
+        str+= `<div class="sec-02__slider-${i+1}" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
+    }
+    $('.sec-02__slider').html(str);
+    console.log(str);
+}

js/index.js

@@ -0,0 +1,368 @@
+$(".sec-01__slider").slick({
+        dots: true,
+        autoplay: false,
+        arrows: false,
+    });
+
+    let result;
+      $.ajax({
+          method: "GET",
+          url: "../json/data.json",
+          dataType: "json",
+      }).done(function (msg) {
+          result = [...msg];
+          console.log(result);
+          renderSec00(result);
+          renderSec02(result);
+          renderSec03(result);
+          renderSec06(result);
+          renderSec07(result);
+          renderSec08(result);
+          renderSec09(result);
+          renderSec10(result);
+          renderSec11(result);
+      });
+
+      function renderSec00(data) {
+          let temp = data[0]['data'];
+          let str = '';
+          for(let i = 0; i < temp.length; i++){
+              console.log(temp[i]['imgUrl']);
+              str+= `<div class="sec-00__slider-${i+1}" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
+          }
+          $('.sec-00__slider').html(str);
+          $(".sec-00__slider").slick({
+            dots: false,
+            speed: 800,
+            autoplay: true,
+          });
+      }
+
+      function renderSec02(data) {
+          let temp = data[1]['data'];
+          let str = '';
+          for(let i = 0; i < temp.length; i++){
+              console.log(temp[i]['imgUrl']);
+              str+= `<div class="sec-02__slider-${i+1}" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
+          }
+          $('.sec-02__slider').html(str);
+          $(".sec-02__slider").slick({
+              dots: false,
+              autoplay: true,
+              arrows: true,
+              fade: true,
+              autoplaySpeed: 4000,
+          });
+      }
+
+      function renderSec03(data) {
+          let temp = data[2]['data'];
+          for(let i = 0; i < temp.length; i++){
+            if(temp[i]["tab"] == '最夯設計'){
+              let str = '';
+              let sub = temp[i]["data"];
+              for(let j = 0; j < sub.length; j++){
+                str+= `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+              }
+              $('#pills-hot .tabpar').html(str);
+            }
+            if(temp[i]["tab"] == '影音實錄'){
+              let str = '';
+              let sub = temp[i]["data"];
+              for(let j = 0; j < sub.length; j++){
+                str+= `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""><img class="tabpar__card__play" src="images/Play-Button.png"></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+              }
+              $('#pills-video .tabpar').html(str);
+            }
+            if(temp[i]["tab"] == '專欄文章'){
+              let str = '';
+              let sub = temp[i]["data"];
+              for(let j = 0; j < sub.length; j++){
+                str+= `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+              }
+              $('#pills-blog .tabpar').html(str);
+            }
+          }
+          const cardText = document.querySelectorAll('.tabpar__card p');
+          cardText.forEach((item, i) => {
+            let len = item.textContent.length;
+            if(len > 20) {
+              let str = item.textContent.substring(0, 20) + '...';
+              item.textContent = str;
+            }
+          })
+      }
+      function renderSec06(data) {
+          let temp = data[3]['data'];
+          let str = '';
+          for(let i = 0; i < temp.length; i++){
+              console.log(temp[i]['imgUrl']);
+              if(i === 0) {
+                str+= `<div class="carousel-item active" onclick="window.open('${temp[i]['link']}');"
+                  style="background-image: url('${temp[i]['imgUrl']}');">
+                </div>`
+              } else {
+                str+= `<div class="carousel-item" onclick="window.open('${temp[i]['link']}');"
+                  style="background-image: url('${temp[i]['imgUrl']}');">
+                </div>`
+              }
+          }
+          $('.sec-06 .carousel-inner').html(str);
+          
+      }
+      function renderSec07(data) {
+          let temp = data[4]['data'];
+          let str = '';
+          for(let i = 0; i < temp.length; i++){
+              console.log(temp[i]['imgUrl']);
+              str+= `
+              <div class="sec-07__slider-${i+1} sec-07__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                <div class="sec-07__imgfr mb-2"><img src="${temp[i]['imgUrl']}" alt=""></div>
+                <p class="sec-07__cardtxt">${temp[i]['description']}</p>
+              </div>`
+          }
+          $('.sec-07__slider').html(str);
+          $(".sec-07__slider").slick({
+            arrows: false,
+            slidesToShow: 1,
+            centerMode: true,
+            infinite: false,
+            dots: true,
+            centerPadding: '12px'
+        });
+        const cardText = document.querySelectorAll('.sec-07__cardtxt');
+          cardText.forEach((item, i) => {
+            let len = item.textContent.length;
+            if(len > 20) {
+              let str = item.textContent.substring(0, 25) + '...';
+              item.textContent = str;
+            }
+          })
+      }
+      function renderSec08(data) {
+          let temp = data[5]['data'];
+          let str = '';
+          for(let i = 0; i < temp.length; i++){
+              str+= `<div class="sec-08__slider-${i+1} mx-1" style="width: 70vw; background-image: url('${temp[i]['imgUrl']}');" onclick="window.open('${temp[i]['link']}');"></div>`
+          }
+          $('.sec-08__slider').html(str);
+          $(".sec-08__slider").slick({
+            arrows: false,
+            slidesToShow: 1,
+            centerMode: true,
+            infinite: false,
+            dots: false,
+            centerPadding: '12px'
+          });
+      }
+      function renderSec09(data) {
+          let temp = data[6]['data'];
+          let str = '';
+          for(let i = 0; i < temp.length; i++){
+              str+= `<div class="sec-09__card" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-09__card__imgfr"><img src="${temp[i]['imgUrl']}" alt=""></div>
+                    <p>${temp[i]['description']}</p>
+                    </div>`
+          }
+          $('.sec-09__cardgrp').html(str);
+      }
+      function renderSec10(data) {
+          let temp = data[7]['data'];
+          let str = '';
+          for(let i = 0; i < temp.length; i++){
+              str+= `<div class="sec-10__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-10__slider-${i+1} mb-2" style="background-image: url('${temp[i]['imgUrl']}');"></div>
+                    <p class="sec-10__cardtxt">${temp[i]['description']}</p>
+                    </div>`
+          }
+          $('.sec-10__slider').html(str);
+          $(".sec-10__slider").slick({
+            arrows: false,
+            slidesToShow: 1,
+            centerMode: true,
+            infinite: false,
+            dots: false,
+            centerPadding: '12px'
+          });
+      }
+      function renderSec11(data) {
+          let temp = data[8]['data'];
+          let str = '';
+          for(let i = 0; i < temp.length; i++){
+              str+= `<div class="sec-11__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-11__slider-${i+1} mb-2" style="background-image: url('${temp[i]['imgUrl']}');"></div>
+                    <p class="sec-11__cardtxt">${temp[i]['description']}</p>
+                    </div>`
+          }
+          $('.sec-11__slider').html(str);
+          $(".sec-11__slider").slick({
+            arrows: false,
+            slidesToShow: 1,
+            centerMode: true,
+            infinite: false,
+            dots: false,
+            centerPadding: '12px'
+          });
+      }
+    
+    window.addEventListener('scroll', fixedOnScroll);
+    
+    const navbar = document.querySelector('.navbar-main');
+    
+    function fixedOnScroll() {
+        const sticky = 110;
+        if(window.pageYOffset >= sticky){
+            navbar.classList.add('sticky');
+        } else {
+            navbar.classList.remove('sticky');
+        }
+    }
+    
+    $('.navbar-toggler').click(function(){
+        $(".sec-menu").css('display', 'block');
+    });
+    
+    $('.navbar-back').click(function(){
+        $(".sec-menu").css('display', 'none');
+        
+    });
+    
+    $('.subexpand').click(function(){
+        $(this).parent().next().toggleClass('show');
+        $(this).parent().toggleClass('show');
+    });
+    
+    $('.navbar-search').click(function(){
+        $(".sec-search").css('display', 'block');
+    })
+    
+    $('.navbar-backs').click(function(){
+        $(".sec-search").css('display', 'none');
+    });
+
+    $('.navbar-back-fav').click(function(){
+      $(".sec-favor").css('display', 'none');
+    })
+    
+    $('#videoModal').on('shown.bs.modal', function () {
+        $('#videoModal iframe').attr('src', 'https://www.youtube.com/embed/G7baBXAhC_I?controls=0&autoplay=1&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fm.hhh.com.tw&amp;widgetid=1');
+      })
+      $('#videoModal').on('hidden.bs.modal', function () {
+        $('#videoModal iframe').removeAttr('src');
+      });
+
+      $('.btn-gotop').click(function () {
+        $('html, body').animate({
+            scrollTop: 0
+        }, 500)
+    });
+
+    $(window).scroll(function() {
+		if ( $(this).scrollTop() > 500 ){
+		    $('.fixed-btn').fadeIn(222);
+		} else {
+			$('.fixed-btn').stop().fadeOut(222);
+		}
+    }).scroll();
+    
+const searchBtn = document.querySelector('.searchBtn');
+const searchBar = document.querySelector('.searchBar');
+const searchHotLink = document.querySelectorAll('.sec-search-hots__link');
+searchBtn.addEventListener('click', search);
+searchBar.addEventListener('keyup', pressSearch);
+function search() {
+  console.log(searchBar.value);
+  if(searchBar.value == '') {
+    window.location.href = 'https://m.hhh.com.tw/search/lists/case/';
+  } else {
+    window.location.href = `https://m.hhh.com.tw/search/lists/case/${searchBar.value}-keyword/`;
+    console.log(`https://m.hhh.com.tw/search/lists/case/${searchBar.value}-keyword/`)
+  }
+}
+
+function pressSearch(e) {
+  if (e.keyCode === 13) {
+    e.preventDefault();
+    search();
+  }
+}
+
+searchHotLink.forEach((item, i) => {
+  console.log(item.textContent);
+  item.addEventListener('click', function() {
+    window.location.href = `https://m.hhh.com.tw/search/lists/case/${this.textContent}-keyword/`;
+  })
+})
+
+    //jQuery time
+var current_fs, next_fs, previous_fs; //fieldsets
+var left, opacity, scale; //fieldset properties which we will animate
+var animating; //flag to prevent quick multi-click glitches
+
+$(".next").click(function(){
+	 if(animating) return false;
+	 animating = true;
+	
+	current_fs = $(this).parent().parent();
+	next_fs = $(this).parent().parent().next();
+	
+	//activate next step on progressbar using the index of next_fs
+	$(".form-progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
+	
+	//show the next fieldset
+	next_fs.animate({opacity: 1}, {
+		step: function(now, mx) {
+			//as the opacity of current_fs reduces to 0 - stored in "now"
+			//1. scale current_fs down to 80%
+			scale = 0 + (1 + now) * .5 ;
+			//2. bring next_fs from the right(50%)
+			left = (now * 50)+"%";
+			//3. increase opacity of next_fs to 1 as it moves in
+			opacity = 0 + now;
+			next_fs.css({
+        'transform': 'scale('+scale+')',
+      });
+			next_fs.css({'opacity': opacity});
+		}, 
+		duration: 400, 
+		complete: function(){
+			next_fs.show();
+			animating = false;
+		}, 
+		//this comes from the custom easing plugin
+		easing: 'easeInOutBack'
+  }); 
+	//hide the current fieldset with style
+	 current_fs.animate({opacity: 0}, {
+		step: function(now, mx) {
+			//as the opacity of current_fs reduces to 0 - stored in "now"
+			//1. scale current_fs down to 80%
+			scale = 1 - (1 - now) * 0.2;
+			//2. bring next_fs from the right(50%)
+			left = (now * 50)+"%";
+			//3. increase opacity of next_fs to 1 as it moves in
+			opacity = 1 - now;
+			current_fs.css({
+        'transform': 'scale('+scale+')',
+      });
+			next_fs.css({'opacity': opacity});
+		}, 
+		duration: 400, 
+		complete: function(){
+			current_fs.hide();
+			animating = false;
+		}, 
+		//this comes from the custom easing plugin
+		easing: 'easeInOutBack'
+  }); 
+});
+    

json/data.json

@@ -0,0 +1,269 @@
+[
+    {
+        "id": 0,
+        "block": "topCarousel",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1607045683.webp",
+                "link": "https://hhh.com.tw/designers/cases/447/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603855335.webp",
+                "link": "https://hhh.com.tw/designers/cases/31/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16107_1628644163.webp",
+                "link": "https://hhh.com.tw/deco/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16051_1623141203.png",
+                "link": "https://hhh.com.tw/designers/cases/33/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16115_1629356240.webp",
+                "link": "https://hhh.com.tw/designers/cases/438/1-page/new-sort/"
+            }
+
+        ]
+    }, 
+    {
+        "id": 1,
+        "block": "sec02",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1629084955.jpg",
+                "link": "https://hhh.com.tw/columns/detail/2963/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15660_1604643433.jpg",
+                "link": "https://hhh.com.tw/designers/cases/28/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16110_1628768668.jpg",
+                "link": "https://event.hhh.com.tw/topglory/designer_523.html"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15781_1601366572.jpg",
+                "link": "https://hhh.com.tw/softouch"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1627115824.jpg",
+                "link": "https://v.hhh.com.tw/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16105_1628489359.jpg",
+                "link": "https://c.hhh.com.tw/?utm_source=homepage&utm_medium=banner&utm_campaign=0809"
+            }
+        ]
+    },
+    {
+        "id": 2,
+        "block": "sec03",
+        "data": [
+            {
+                "tab":"最夯設計",
+                "data": [
+                    {
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13605_20210823155754.jpg",
+                        "link": "https://m.hhh.com.tw/cases/detail/13605/",
+                        "description": "漫步北歐光境"
+                    },
+                    {
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13604_20210823152753.jpg",
+                        "link": "https://m.hhh.com.tw/cases/detail/13604/",
+                        "description": "27坪小資宅，清新空間粉衛浴｜北歐風｜3房、2廳、2衛"
+                    },
+                    {
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13603_20210823151031.jpg",
+                        "link": "https://m.hhh.com.tw/cases/detail/13603/",
+                        "description": "HC Design│PLAY GROUND│現代風│50坪"
+                    }
+                ] 
+            },
+            {
+                "tab":"影音實錄",
+                "data": [
+                    {
+                        "imgUrl": "https://img.youtube.com/vi/LLPdsC718LY/hqdefault.jpg",
+                        "link": "https://m.hhh.com.tw/video-post.php?id=4159",
+                        "description": "把渡假飯店搬回家 八里左岸美景盡收眼底！"
+                    },
+                    {
+                        "imgUrl": "https://img.youtube.com/vi/bRfzayE3OH0/hqdefault.jpg",
+                        "link": "https://m.hhh.com.tw/video-post.php?id=4160",
+                        "description": "為女友改造！美式低奢風現代宅【Softouch Home】"
+                    },
+                    {
+                        "imgUrl": "https://img.youtube.com/vi/KBcBa0-qKBU/hqdefault.jpg",
+                        "link": "https://m.hhh.com.tw/video-post.php?id=3892",
+                        "description": "挑戰1萬5！雜亂工作室升級工業風臥房【Softouch Home】"
+                    }
+                ] 
+            },
+            {
+                "tab":"專欄文章",
+                "data": [
+                    {
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point01_349_05.jpg",
+                        "link": "https://m.hhh.com.tw/columns/detail/6007/",
+                        "description": "「咖啡輪船」今日開航！星巴克特色門市再＋1"
+                    },
+                    {
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point04_449_11.jpg",
+                        "link": "https://m.hhh.com.tw/columns/detail/6006/",
+                        "description": "穿堂煞、樑壓床了怎麼辦？用設計破解20個常見室內風水迷思"
+                    },
+                    {
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index02_263.jpg",
+                        "link": "https://m.hhh.com.tw/columns/detail/6005/",
+                        "description": "【好宅專輯】112萬搞定！三代同堂現代風收納機能宅"
+                    }
+                ] 
+            }
+        ]
+    },
+    {
+        "id": 3,
+        "block": "sec06",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer546_81_07.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13320/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer737_03_01.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12997/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12422_20200601145042.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12422/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index02_241.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5926/"
+            }
+        ]
+    },
+    {
+        "id": 4,
+        "block": "sec07",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index05_249.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5649/",
+                "description": "就要給你好看！三星8K量子電視首用Mini LED技術，顏值功能再進化"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point05_244_01.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5626/",
+                "description": "沒有設計師也能擁有個性小宅？裝潢套餐讓你講究不將就"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcolumn/clogo_5345_20210127183205.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5345/",
+                "description": "告別舊日陰霾 用寢具為居家生活注入安穩力量"
+            }
+        ]
+    },
+    {
+        "id": 5,
+        "block": "sec08",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15356_1588832058.jpg",
+                "link": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/?utm_source=INDEX_BANNER&adid=15356"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15927_1627805018.jpg",
+                "link": "https://hhh.com.tw/topic/detail/402/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16106_1628489482.jpg",
+                "link": "https://c.hhh.com.tw/?utm_source=homepage&utm_medium=banner&utm_campaign=0809"
+            }
+        ]
+    },
+    {
+        "id": 6,
+        "block": "sec09",
+        "data": [
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png",
+                "link": "https://hhh.com.tw/product-post.php?id=2273",
+                "description": "LEAF 320i 空氣清淨機"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2272_20201014114308.png",
+                "link": "https://hhh.com.tw/product-post.php?id=2272",
+                "description": "LEAF 120 空氣清淨機"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2271_20201014113209.png ",
+                "link": "https://hhh.com.tw/product-post.php?id=2271",
+                "description": "MP-C20U 小空間空氣清淨機"
+            }
+        ]
+    },
+    {
+        "id": 7,
+        "block": "sec10",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer355_14_02.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13369/",
+                "description": "被落羽松環繞 都市裡的日式步調"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12994_20210202192001.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12994/",
+                "description": "奔跑吧親子宅 我家比公園好玩"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13584_20210816172801.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13584/",
+                "description": "又見單寧！歲月沉澱後的退休生活"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer432_42_03.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12999/",
+                "description": "混搭風│極簡無印"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point02_134_01.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5436/",
+                "description": "憂慮「醛」消失！拭除疲憊的馨暖和風"
+            }
+        ]
+    },
+    {
+        "id": 8,
+        "block": "sec11",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer738_04_03.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13071/",
+                "description": "木質系灰藍曲調｜英式混搭寓所｜小坪數"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11746_20191015155016.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/11746/",
+                "description": "跳脫傳統設計 斜角開創通透大空間"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13125_20210319112543.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13125/",
+                "description": "馨暖木韻蔓延 藝術家的舒心逸境｜現代風｜3房、2廳、2衛｜25坪"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12523_20200717134716.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12523/",
+                "description": "變形與組合──複合式的空間設計（中）"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12835_20201204092123.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12835/",
+                "description": "風華英倫、意境品味"
+            }
+        ]
+    }
+]

package-lock.json

@@ -0,0 +1,1737 @@
+{
+  "name": "hhh-home-mb",
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@babel/code-frame": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.14.5.tgz",
+      "integrity": "sha512-9pzDqyc6OLDaqe+zbACgFkb6fKMNG6CObKpnYXChRsvYGyEdc7CA2BaqeOM+vOtCS5ndmJicPJhKAwYRI6UfFw==",
+      "dev": true,
+      "requires": {
+        "@babel/highlight": "^7.14.5"
+      }
+    },
+    "@babel/helper-validator-identifier": {
+      "version": "7.14.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.9.tgz",
+      "integrity": "sha512-pQYxPY0UP6IHISRitNe8bsijHex4TWZXi2HwKVsjPiltzlhse2znVcm9Ace510VT1kxIHjGJCZZQBX2gJDbo0g==",
+      "dev": true
+    },
+    "@babel/highlight": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.14.5.tgz",
+      "integrity": "sha512-qf9u2WFWVV0MppaL877j2dBtQIDgmidgjGk5VIMw3OadXvYaXn66U1BFlH2t4+t3i+8PhedppRv+i40ABzd+gg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.14.5",
+        "chalk": "^2.0.0",
+        "js-tokens": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "@types/minimist": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
+    },
+    "@types/normalize-package-data": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true
+    },
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true
+    },
+    "ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "amdefine": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
+      "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+      "dev": true
+    },
+    "ansi-styles": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+      "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+      "dev": true
+    },
+    "aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+      "dev": true
+    },
+    "are-we-there-yet": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
+      "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
+      "dev": true,
+      "requires": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^2.0.6"
+      }
+    },
+    "arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true
+    },
+    "asn1": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
+      "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "dev": true
+    },
+    "async-foreach": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
+      "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
+      "dev": true
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
+      "dev": true
+    },
+    "aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+      "dev": true
+    },
+    "aws4": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
+      "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==",
+      "dev": true
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "dev": true,
+      "requires": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true
+    },
+    "camelcase-keys": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.3.1",
+        "map-obj": "^4.0.0",
+        "quick-lru": "^4.0.1"
+      }
+    },
+    "caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+      "dev": true
+    },
+    "chalk": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+      "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^2.2.1",
+        "escape-string-regexp": "^1.0.2",
+        "has-ansi": "^2.0.0",
+        "strip-ansi": "^3.0.0",
+        "supports-color": "^2.0.0"
+      }
+    },
+    "chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "dev": true
+    },
+    "cliui": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
+      "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
+      "dev": true,
+      "requires": {
+        "string-width": "^3.1.0",
+        "strip-ansi": "^5.2.0",
+        "wrap-ansi": "^5.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        }
+      }
+    },
+    "code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
+      "dev": true
+    },
+    "color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+      "dev": true
+    },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
+    },
+    "console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
+      "dev": true
+    },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+      "dev": true
+    },
+    "cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "requires": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      }
+    },
+    "dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true
+    },
+    "decamelize-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
+      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "dev": true,
+      "requires": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "dependencies": {
+        "map-obj": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+          "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+          "dev": true
+        }
+      }
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
+      "dev": true
+    },
+    "delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
+      "dev": true
+    },
+    "ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "dev": true,
+      "requires": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "emoji-regex": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+      "dev": true
+    },
+    "env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true
+    },
+    "error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "dev": true
+    },
+    "extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "dev": true
+    },
+    "extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "dev": true
+    },
+    "fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "requires": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      }
+    },
+    "forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "dev": true
+    },
+    "form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dev": true,
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      }
+    },
+    "fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dev": true,
+      "requires": {
+        "minipass": "^3.0.0"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+      "dev": true
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "gauge": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+      "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.0.3",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.0",
+        "object-assign": "^4.1.0",
+        "signal-exit": "^3.0.0",
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1",
+        "wide-align": "^1.1.0"
+      }
+    },
+    "gaze": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz",
+      "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
+      "dev": true,
+      "requires": {
+        "globule": "^1.0.0"
+      }
+    },
+    "get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true
+    },
+    "get-stdin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+      "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+      "dev": true
+    },
+    "getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "globule": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
+      "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
+      "dev": true,
+      "requires": {
+        "glob": "~7.1.1",
+        "lodash": "~4.17.10",
+        "minimatch": "~3.0.2"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.6",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz",
+      "integrity": "sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==",
+      "dev": true
+    },
+    "har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
+      "dev": true
+    },
+    "har-validator": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
+      "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.3",
+        "har-schema": "^2.0.0"
+      }
+    },
+    "hard-rejection": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      }
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true
+    },
+    "has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
+      "dev": true
+    },
+    "hosted-git-info": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.0.2.tgz",
+      "integrity": "sha512-c9OGXbZ3guC/xOlCg1Ci/VgWlwsqDv1yMQL1CWqXDL0hDjXuNcq0zuR4xqPSuasI3kqFDhqSyTjREz5gzq0fXg==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^6.0.0"
+      }
+    },
+    "http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      }
+    },
+    "indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
+    },
+    "is-core-module": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.5.0.tgz",
+      "integrity": "sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+      "dev": true,
+      "requires": {
+        "number-is-nan": "^1.0.0"
+      }
+    },
+    "is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true
+    },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
+      "dev": true
+    },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
+      "dev": true
+    },
+    "js-base64": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
+      "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
+    },
+    "jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
+      "dev": true
+    },
+    "json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
+    "json-schema": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
+      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
+      "dev": true
+    },
+    "jsprim": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
+      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.2.3",
+        "verror": "1.10.0"
+      }
+    },
+    "kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true
+    },
+    "lines-and-columns": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
+      "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
+      "dev": true
+    },
+    "locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "requires": {
+        "p-locate": "^4.1.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
+    "lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
+    "map-obj": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.2.1.tgz",
+      "integrity": "sha512-+WA2/1sPmDj1dlvvJmB5G6JKfY9dpn7EVBUL06+y6PoljPkh+6V1QihwxNkbcGxCRjt2b0F9K0taiCuo7MbdFQ==",
+      "dev": true
+    },
+    "meow": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
+      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
+      "requires": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize": "^1.2.0",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      }
+    },
+    "mime-db": {
+      "version": "1.49.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.49.0.tgz",
+      "integrity": "sha512-CIc8j9URtOVApSFCQIF+VBkX1RwXp/oMMOrqdyXSBXq5RWNEsRfyj1kiRnQgmNXmHxPoFIxOroKA3zcU9P+nAA==",
+      "dev": true
+    },
+    "mime-types": {
+      "version": "2.1.32",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.32.tgz",
+      "integrity": "sha512-hJGaVS4G4c9TSMYh2n6SQAGrC4RnfU+daP8G7cSCmaqNjiOoUY0VHCMS42pxnQmVF1GWwFhbHWn3RIxCqTmZ9A==",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.49.0"
+      }
+    },
+    "min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist-options": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
+      "requires": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0",
+        "kind-of": "^6.0.3"
+      }
+    },
+    "minipass": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.3.tgz",
+      "integrity": "sha512-Mgd2GdMVzY+x3IJ+oHnVM+KG3lA5c8tnabyJKmHSaG2kAGpudxuOf8ToDkhumF7UzME7DecbQE9uOZhNm7PuJg==",
+      "dev": true,
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
+    "minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "dev": true,
+      "requires": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      }
+    },
+    "mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true
+    },
+    "nan": {
+      "version": "2.15.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz",
+      "integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==",
+      "dev": true
+    },
+    "node-gyp": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-7.1.2.tgz",
+      "integrity": "sha512-CbpcIo7C3eMu3dL1c3d0xw449fHIGALIJsRP4DDPHpyiW8vcriNY7ubh9TE4zEKfSxscY7PjeFnshE7h75ynjQ==",
+      "dev": true,
+      "requires": {
+        "env-paths": "^2.2.0",
+        "glob": "^7.1.4",
+        "graceful-fs": "^4.2.3",
+        "nopt": "^5.0.0",
+        "npmlog": "^4.1.2",
+        "request": "^2.88.2",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.2",
+        "tar": "^6.0.2",
+        "which": "^2.0.2"
+      }
+    },
+    "node-sass": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-6.0.1.tgz",
+      "integrity": "sha512-f+Rbqt92Ful9gX0cGtdYwjTrWAaGURgaK5rZCWOgCNyGWusFYHhbqCCBoFBeat+HKETOU02AyTxNhJV0YZf2jQ==",
+      "dev": true,
+      "requires": {
+        "async-foreach": "^0.1.3",
+        "chalk": "^1.1.1",
+        "cross-spawn": "^7.0.3",
+        "gaze": "^1.0.0",
+        "get-stdin": "^4.0.1",
+        "glob": "^7.0.3",
+        "lodash": "^4.17.15",
+        "meow": "^9.0.0",
+        "nan": "^2.13.2",
+        "node-gyp": "^7.1.0",
+        "npmlog": "^4.0.0",
+        "request": "^2.88.0",
+        "sass-graph": "2.2.5",
+        "stdout-stream": "^1.4.0",
+        "true-case-path": "^1.0.2"
+      }
+    },
+    "nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "dev": true,
+      "requires": {
+        "abbrev": "1"
+      }
+    },
+    "normalize-package-data": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.2.tgz",
+      "integrity": "sha512-6CdZocmfGaKnIHPVFhJJZ3GuR8SsLKvDANFp47Jmy51aKIr8akjAWTSxtpI+MBgBFdSMRyo4hMpDlT6dTffgZg==",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "^4.0.1",
+        "resolve": "^1.20.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "npmlog": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+      "dev": true,
+      "requires": {
+        "are-we-there-yet": "~1.1.2",
+        "console-control-strings": "~1.1.0",
+        "gauge": "~2.7.3",
+        "set-blocking": "~2.0.0"
+      }
+    },
+    "number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+      "dev": true
+    },
+    "oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+      "dev": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "requires": {
+        "p-try": "^2.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "requires": {
+        "p-limit": "^2.2.0"
+      }
+    },
+    "p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true
+    },
+    "parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      }
+    },
+    "path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "dev": true
+    },
+    "path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
+      "dev": true
+    },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true
+    },
+    "psl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
+      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
+      "dev": true
+    },
+    "punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "dev": true
+    },
+    "qs": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
+      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
+      "dev": true
+    },
+    "quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true
+    },
+    "read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "requires": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "dependencies": {
+        "hosted-git-info": {
+          "version": "2.8.9",
+          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+          "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+          "dev": true
+        },
+        "normalize-package-data": {
+          "version": "2.5.0",
+          "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+          "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+          "dev": true,
+          "requires": {
+            "hosted-git-info": "^2.1.4",
+            "resolve": "^1.10.0",
+            "semver": "2 || 3 || 4 || 5",
+            "validate-npm-package-license": "^3.0.1"
+          }
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        },
+        "type-fest": {
+          "version": "0.6.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+          "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+          "dev": true
+        }
+      }
+    },
+    "read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "requires": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "0.8.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+          "dev": true
+        }
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dev": true,
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "requires": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      }
+    },
+    "request": {
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+      "dev": true,
+      "requires": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      }
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+      "dev": true
+    },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
+    },
+    "resolve": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
+      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+      "dev": true,
+      "requires": {
+        "is-core-module": "^2.2.0",
+        "path-parse": "^1.0.6"
+      }
+    },
+    "rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "sass-graph": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz",
+      "integrity": "sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.0.0",
+        "lodash": "^4.0.0",
+        "scss-tokenizer": "^0.2.3",
+        "yargs": "^13.3.2"
+      }
+    },
+    "scss-tokenizer": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
+      "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
+      "dev": true,
+      "requires": {
+        "js-base64": "^2.1.8",
+        "source-map": "^0.4.2"
+      }
+    },
+    "semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^6.0.0"
+      }
+    },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
+      "dev": true
+    },
+    "shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "requires": {
+        "shebang-regex": "^3.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true
+    },
+    "signal-exit": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
+      "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
+      "dev": true
+    },
+    "source-map": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+      "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+      "dev": true,
+      "requires": {
+        "amdefine": ">=0.0.4"
+      }
+    },
+    "spdx-correct": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
+      "requires": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "requires": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-license-ids": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.9.tgz",
+      "integrity": "sha512-Ki212dKK4ogX+xDo4CtOZBVIwhsKBEfsEEcwmJfLQzirgc2jIWdzg40Unxz/HzEUqM1WFzVlQSMF9kZZ2HboLQ==",
+      "dev": true
+    },
+    "sshpk": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
+      "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
+      "dev": true,
+      "requires": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      }
+    },
+    "stdout-stream": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz",
+      "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==",
+      "dev": true,
+      "requires": {
+        "readable-stream": "^2.0.1"
+      }
+    },
+    "string-width": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+      "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+      "dev": true,
+      "requires": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      }
+    },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      }
+    },
+    "strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "requires": {
+        "min-indent": "^1.0.0"
+      }
+    },
+    "supports-color": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+      "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+      "dev": true
+    },
+    "tar": {
+      "version": "6.1.6",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.6.tgz",
+      "integrity": "sha512-oaWyu5dQbHaYcyZCTfyPpC+VmI62/OM2RTUYavTk1MDr1cwW5Boi3baeYQKiZbY2uSQJGr+iMOzb/JFxLrft+g==",
+      "dev": true,
+      "requires": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^3.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      }
+    },
+    "tough-cookie": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+      "dev": true,
+      "requires": {
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
+      }
+    },
+    "trim-newlines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true
+    },
+    "true-case-path": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz",
+      "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.2"
+      }
+    },
+    "tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
+      "dev": true
+    },
+    "type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true
+    },
+    "uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+      "dev": true
+    },
+    "validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "requires": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "which-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+      "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
+      "dev": true
+    },
+    "wide-align": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
+      "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
+      "dev": true,
+      "requires": {
+        "string-width": "^1.0.2 || 2"
+      }
+    },
+    "wrap-ansi": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+      "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.0",
+        "string-width": "^3.0.0",
+        "strip-ansi": "^5.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        }
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+      "dev": true
+    },
+    "y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "dev": true
+    },
+    "yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "yargs": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
+      "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
+      "dev": true,
+      "requires": {
+        "cliui": "^5.0.0",
+        "find-up": "^3.0.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^3.0.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^13.1.2"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "path-exists": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+          "dev": true
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        },
+        "yargs-parser": {
+          "version": "13.1.2",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
+          "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
+          "dev": true,
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          }
+        }
+      }
+    },
+    "yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true
+    }
+  }
+}

package.json

@@ -0,0 +1,15 @@
+{
+  "name": "hhh-home-mb",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "compile:sass": "node-sass sass/main.scss css/style.css -w"
+  },
+  "author": "ana",
+  "license": "ISC",
+  "devDependencies": {
+    "node-sass": "^6.0.1"
+  }
+}

sass/main.scss

@@ -0,0 +1,945 @@
+body {
+    font-family: 'Helvetica Neue';
+}
+.sec-00 {
+    &__slider {
+        width: 100%;
+        height: 100%;
+        &-1, &-2, &-3, &-4, &-5 {
+            height: 110px;
+            background-position: center center;
+            background-size: cover;
+            background-repeat: no-repeat;
+        }
+    }
+}
+
+.navbar {
+    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
+    -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
+    -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background-color: white !important;
+    z-index: 99;
+    &-toggler {
+        padding-left: 0;
+        border-color: transparent !important;
+        &:focus {
+            box-shadow: none;
+        }
+    }
+    &-toggler-icon {
+        display: flex;
+        justify-items: center;
+        i {
+            font-size: 25px;
+            line-height: 30px;
+            display: inline-block;
+        }
+    }
+    &-search {
+        padding-right: 2px;
+    }
+    &-brand {
+        font-size: 1.5rem;
+    }
+}
+
+.navbar-main.sticky {
+    position: fixed;
+    top: 0;
+    width: 100%;
+}
+
+.navbar-main.sticky + .sec-01 {
+    padding-top: 68px;
+}
+
+.sec-01 {
+    padding: 0 1.5rem;
+    margin-top: 1.5rem;
+    @media screen and(max-width: 385px) {
+        padding: 0 1rem;
+        
+    }
+    .col {
+        text-align: center;
+        vertical-align: bottom;
+        display: flex;
+        align-items: flex-end;
+        justify-content: center;
+        @media screen and(max-width: 385px) {
+            /* padding: 0 .3rem;
+            &.special {
+                padding-left: 0;
+            } */
+        }
+            img {
+                margin: 0 auto;
+                margin-bottom: 0;
+                vertical-align: baseline;
+            }
+        
+    }
+    .slick-dots {
+        width: 16%;
+        margin: 0 auto;
+        margin-top: 1.5rem;
+        height: 5px;
+        background-color: rgb(214, 214, 214);
+        border-radius: 2rem;
+        display: flex;
+        position: static;
+        li {
+            &.slick-active {
+                button {
+                    background-color: #EE7800;
+                }
+            }
+            margin: 0px;
+            width: 50%;
+            button {
+                padding: 0;
+                width: 100%;
+                height: 5px;
+                border-radius: 2rem;
+                &::before {
+                    opacity: 0;
+                }
+            }
+        }
+    }
+    .slick-dotted.slick-slider {
+        margin-bottom: 0;
+    }
+}
+
+.sec-02 {
+    margin: 1.5rem 0;
+    margin-bottom: 2rem;
+    &__slider {
+        width: 100%;
+        height: 100%;
+        &-1, &-2, &-3, &-4, &-5, &-6{
+            height: 32vh;
+            background-position: center center;
+            background-size: cover;
+            background-repeat: no-repeat;
+        }
+        
+    }
+}
+
+.sec-03 {
+    margin-bottom: .8rem;
+    &__tabdiv {
+        box-sizing: content-box;
+        border-bottom: 3px solid rgba(221, 221, 221, 0.863);
+        padding-left: .9rem;
+        padding-right: .9rem;
+        align-items: center;
+        justify-content: space-between;
+        .more {
+            padding-bottom: .4rem;
+        }
+        .nav {
+            &-item {
+                position: relative;
+                padding-right: 6px;
+                padding-left: 6px;
+                &::after {
+                    position: absolute;
+                    content: " ";
+                    width: 100%;
+                    height: 60%;
+                    left: 0;
+                    top: 5px;
+                    background-color: transparent;
+                    border-right: 1px solid rgb(179, 179, 179);
+                    z-index: -1;
+                }
+                &:nth-of-type(3)::after {
+                    display: none;
+                }
+            }
+            &-item-link {
+                color: black;
+                font-weight: 400;
+                font-size: 1.2rem;
+                padding-bottom: .35rem;
+                border: none;
+                position: relative;
+                @media screen and(max-width: 385px) {
+                    font-size: 1.1rem; 
+                }
+                &.active {
+                    color: #EE7800;
+                }
+                &::before {
+                    position: absolute;
+                    content: " ";
+                    width: 101%;
+                    height: 100%;
+                    left: -2px;
+                    top: 3px;
+                    background-color: transparent;
+                    border-bottom: 3px solid #EE7800;
+                    opacity: 0;
+                }
+            }
+        }
+        .nav-item-link.active::before {
+            opacity: 1;
+        }
+    }
+    .tab-content {
+        padding: .8rem 0;
+    }
+    .tab-pane {
+        height: 100%;
+    }
+    .tabpar {
+        min-width: 100%;
+        height: 100%;
+        overflow-x: auto;
+        display: flex;
+        padding: 0 12px;
+        &::-webkit-scrollbar {
+            display: none;
+        }
+        -ms-overflow-style: none;  /* IE and Edge */
+        scrollbar-width: none;
+        &__card {
+            margin: 3px;
+            display: inline-block;
+            min-width: 340px;
+            position: relative;
+            font-size: 14px;
+            &__imgfr {
+                width: 100%;
+                height: 28vh;
+                overflow: hidden;
+            }
+            &__img {
+                width: 100%;
+                height: 100%;
+            }
+            &__play {
+                position: absolute;
+                right: 1rem;
+                bottom: 5rem;
+                width: 2.5rem;
+            }
+        }
+    }
+}
+
+.sec-04 {
+    background-color: #F4F4F4;
+    padding: 1.5rem 1rem;
+    .card {
+        box-shadow: 1px 2px 8px 1px rgb(214, 214, 214);
+        text-decoration: none;
+        &-title {
+            font-size: 1.1rem;
+            line-height: 1.6rem;
+            color: #4C4C4C;
+            font-weight: 500;
+        }
+        &__imgfr {
+            width: 100%;
+            img {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+}
+
+.sec-05 {
+    &__video {
+        width: 100%;
+        height: 32vh;
+        position: relative;
+        &__play {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+            width: 3.5rem;
+            height: 3.5rem;
+        }
+        &__img {
+            width: 100%;
+            height: 100%;
+        }
+    }
+    p {
+        font-size: 14px;
+        text-align: center;
+    }
+}
+
+.sec-06 {
+    .carousel {
+        height: 32vh;
+        &-inner {
+            height: 100%;
+            overflow: hidden;
+        }
+        &-item {
+            height: 100%;
+            width: 100%;
+            background-size: cover;
+            background-repeat: no-repeat;
+            background-position: center;
+        }
+        &-control-next-icon, &-control-prev-icon {
+            width: 2.5rem;
+            height: 2.5rem;
+        }
+    }
+}
+
+.sec-07 {
+    &__slider {
+        width: 100%;
+        
+    }
+    &__imgfr {
+        width: 100%;
+        height: 28vh;
+        overflow: hidden;
+        img{ 
+            width: 100%;
+        }
+    }
+    &__cardtxt {
+        font-size: 14px;
+        padding-right: .6rem;
+    }
+    .slick-dots {
+        width: 15%;
+        margin: 0 auto;
+        margin-top: 1.5rem;
+        height: 5px;
+        background-color: rgb(214, 214, 214);
+        border-radius: 1rem;
+        display: flex;
+        position: static;
+        li {
+            &.slick-active {
+                button {
+                    background-color: #EE7800;
+                }
+            }
+            margin: 0px;
+            width: 33.33%;
+            button {
+                padding: 0;
+                width: 100%;
+                height: 5px;
+                border-radius: 1rem;
+                &::before {
+                    opacity: 0;
+                }
+            }
+        }
+    }
+    .slick-dotted.slick-slider {
+        margin-bottom: 0;
+    }
+}
+
+.sec-08 {
+    &__slider {
+        height: 100%;
+        &-1, &-2, &-3{
+            height: 28vh;
+            background-position: center center;
+            background-size: contain;
+            background-repeat: no-repeat;
+        }
+    }
+    
+}
+
+.sec-09 {
+    margin-bottom: 1rem;
+    &__cardgrp {
+        min-width: 100%;
+        height: 20vh;
+        overflow-x: auto;
+        display: flex;
+        box-shadow: 0 4px 2px -2px rgb(216, 216, 216);
+        -webkit-box-shadow: 0 4px 2px -2px rgb(216, 216, 216);
+        -moz-box-shadow: 0 4px 2px -2px rgb(216, 216, 216);
+        &::-webkit-scrollbar {
+            display: none;
+        }
+        -ms-overflow-style: none;  /* IE and Edge */
+        scrollbar-width: none;
+    }
+    &__card {
+        margin: 5px;
+        display: inline-block;
+        min-width: 35vw;
+            &__imgfr {
+                width: 100%;
+                img {
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+        p {
+            font-size: 12.5px;
+            margin-top: .5rem;
+        }
+    }
+}
+
+.sec-10 {
+    margin-bottom: 1.5rem;
+    &__slider {
+        width: 100%;
+        &-1, &-2, &-3, &-4, &-5, &-6 {
+            height: 28vh;
+            background-position: center center;
+            background-size: cover;
+            background-repeat: no-repeat;
+        }
+    }
+    /* &__imgfr {
+        width: 100%;
+        height: 100%;
+        img{ 
+            width: 100%;
+        }
+    } */
+    &__cardtxt {
+        font-size: 14px;
+    }
+}
+
+.sec-11 {
+    &__slider {
+        width: 100%;
+        &-1, &-2, &-3, &-4, &-5, &-6 {
+            height: 28vh;
+            background-position: center center;
+            background-size: cover;
+            background-repeat: no-repeat;
+        }
+    }
+    &__imgfr {
+        width: 100%;
+        height: 100%;
+        img{ 
+            width: 100%;
+        }
+    }
+    &__cardtxt {
+        font-size: 14px;
+    }
+}
+
+.more {
+    &link {
+        text-decoration: none;
+        color: #EE7800;
+        &:hover {
+            color: #EE7800;
+        }
+    }
+}
+
+.fixed_menu {
+    height: 82px;
+    position: fixed;
+    z-index: 4;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: #fff;
+    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+    -moz-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+    //padding-bottom: 16px;
+}
+
+.sec-menu {
+    display: none;
+    z-index: 105;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    font-size: 14px;
+    &-block {
+        padding-top: 61px;
+        margin:0;
+        // transform: translateX(-500px);
+        //transition: transform 1s;
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 100%;
+        overflow-y: scroll;
+        max-width: 100%;
+        &.active {
+            //transform: translateX(0px);
+        }
+    }
+    &-list {
+        background: white;
+        margin-bottom: 0;
+        .navbar-nav {
+            padding: 0 2rem;
+            width: 100%;
+            .dropdown-menu {
+                border: none;
+                padding: 0;
+                height: 0;
+                opacity: 0;
+                transition: all 1s;
+                &.show {
+                    height: fit-content;
+                    opacity: 1;
+                }
+                .dropdown-item {
+                    padding-left: 3rem;
+                    &:active, &.active, &:focus {
+                        background-color: white;
+                    }
+                    &:hover {
+                        background-color: white;
+                    }
+                }
+                .sub-menu {
+                    .dropdown-item {
+                        padding-left: 6rem;
+                    }
+                }
+            }
+        }
+        .nav-item {
+            font-size: 17px;
+            display: block;
+            width: 100%;
+        }
+        .nav-link {
+            padding-top: 11px;
+            padding-bottom: 8px;
+            color: #707070;
+            position: relative;
+            .link_div {
+                width: 25px;
+            }
+            a {
+                color: #707070;
+                text-decoration: none;
+            }
+            &.show {
+                i {
+                    transform: rotate(-180deg);
+                }
+            }
+            .expand {
+                position: absolute;
+                right: 10px;
+                i {
+                    font-size: 11px;
+                    color: #D3D3D3;
+                    transition: all .5s;
+                }
+            }
+            &.text-main {
+                color: #EE7800;
+            }
+        }
+        .sub-link {
+            .expand {
+                position: absolute;
+                right: 25px;
+                top: 8px;
+            }
+        }
+        .sub-menu {
+            display: none;
+        }
+        .sub-menu.show {
+            display: block;
+        }
+        hr {
+            margin: 3px 0;
+            background-color: rgb(187, 187, 187);
+        }
+    }
+    &-follows {
+        padding: 2rem 2.5rem;
+        background-color: #e6e6e6ef;
+        margin-top: -9px;
+        &-title {
+            color: #797979;
+            font-size: 14px;
+        }
+    }
+    &-links {
+        margin-bottom: 2.5rem;
+        a {
+            color: #797979;
+            text-decoration: none;
+            display: inline-block;
+            padding: 1px 0;
+            border-bottom: 1px solid #acacac;
+            margin: 0 .6rem;
+            flex-wrap: nowrap;
+            @media screen and(max-width: 385px) {
+                margin: 0 .4rem;
+            }
+        }
+    }
+    .follows-fp {
+        color: #797979;
+        text-decoration: none;
+        font-weight: 400;
+        display: block;
+        padding-left: .5rem;
+        &:nth-of-type(1) {
+            margin-bottom: .6rem;
+        }
+    }
+    .copyright {
+        color: #797979;
+        font-size: 13px;
+    }
+}
+
+.sec-search {
+    display: none;
+    z-index: 107;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    font-size: 14px;
+    &-block {
+        padding-top: 61px;
+        margin:0;
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        width: 100;
+        height: 100%;
+        overflow-y: scroll;
+        background-color: rgba(0, 0, 0, 0.774);
+    }
+    &-list {
+        background-color: #F3F3F3;
+        padding: 1rem;
+        padding-bottom: 1.4rem;
+        hr {
+            background-color: #aaaaaa;
+        }
+    }
+    &-form {
+        width: 100%;
+    }
+    .searchBar {
+        font-size: 17px;
+        padding: .5rem .3rem;
+        display: inline-block;
+        width: 88%;
+        outline: none;
+        border: 2px solid #EE7800;
+        border-radius: 5px;
+    }
+    .searchBtn {
+        outline: none;
+        border: none;
+        background-color: transparent;
+        display: inline-block;
+        width: 10%;
+    }
+    &-hots {
+        padding: 1rem;
+        background-color: white;
+        box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
+        &__title {
+            color: #AAAAAA;
+            font-size: 18px;
+            font-weight: 400;
+            padding-top: .5rem;
+        }
+        &__link {
+            display: inline-block;
+            text-decoration: none;
+            color: #797979;
+            border: 1px solid #797979;
+            border-radius: 3rem;
+            padding: .3rem .5rem;
+            margin-right: .8rem;
+            margin-bottom: .8rem;
+            &:hover {
+                color: #797979;
+            }
+        }
+    }
+}
+
+.sec-login {
+    display: none;
+    z-index: 109;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    font-size: 14px;
+    &-block {
+        padding-top: 61px;
+        margin:0;
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        width: 100;
+        height: 100%;
+        overflow-y: hidden;
+        background-color: #F3F3F3;
+    }
+    &-list {
+        background-color: #F3F3F3;
+        padding: 1rem;
+        padding-bottom: 1.4rem;
+        hr {
+            background-color: #aaaaaa;
+        }
+    }
+    &-btns {
+        padding: 1rem;
+        background-color: white;
+        box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
+    }
+}
+
+.sec-favor {
+    display: block;
+    z-index: 111;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    font-size: 14px;
+    &-title {
+        color: #4C4C4C;
+        font-size: 18px;
+    }
+    &-block {
+        padding-top: 61px;
+        margin:0;
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        width: 100;
+        height: 100%;
+        overflow-y: auto;
+        background-color: #F3F3F3;
+    }
+    &-list {
+        background-color: #F3F3F3;
+        padding: 1rem;
+        padding-bottom: 1.4rem;
+        hr {
+            background-color: #aaaaaa;
+        }
+    }
+    &-form, &-checklist {
+        .form-user {
+            width: 50%;
+            color: #707070;
+            font-size: 16px;
+        }
+        .form-progressbar {
+            width: 50%;
+            display: flex;
+            justify-content: space-between;
+            li {
+                width: 1.6rem;
+                height: 1.6rem;
+                border-radius: 50%;
+                border: 2px solid #D3D3D3;
+                line-height: 1.4rem;
+                display: flex;
+                justify-content: center;
+                position: relative;
+                color: #D3D3D3;
+                background-color: #F3F3F3;
+                z-index: 2;
+                &.active {
+                    border: 2px solid #EE7800;
+                    color: #EE7800;
+                    &::before {
+                        border-top: 2px solid #EE7800;
+                    }
+                }
+                &::before {
+                    position: absolute;
+                    content: " ";
+                    width: 4rem;
+                    height: 0;
+                    border-top: 2px dashed #D3D3D3;
+                    right: 100%;
+                    top: 50%;
+                    z-index: 1;
+                }
+                &:nth-of-type(1)::before {
+                    display: none;
+                }
+            }
+        }
+        .form-step {
+            background-color: white;
+            border-radius: 3px;
+            padding: 1.5rem 1rem;
+            padding-bottom: 1.5rem;
+            box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
+            overflow: visible;
+            
+            .next {
+                padding: .6rem 5rem;
+                background-color: #EE7800;
+                border-radius: 3px;
+                color: white;
+                border: none;
+                outline: none;
+            }
+        }
+        .form-step1 {
+            display: block;
+        }
+        .form-step2 {
+            display: none;
+        }
+        .form-step3 {
+            display: none;
+            position: relative;
+            padding-bottom: 1.5rem;
+        }
+        input[type="checkbox"], input[type="radio"] {
+            display: none;
+        }
+        .imgfr {
+            background-image: url('../images/2_2.webp');
+            background-position: center center;
+            background-size: cover;
+            background-repeat: no-repeat;
+            width: 100%;
+            height: 4.5rem;
+            border-radius: 8px;
+            border: 2px solid transparent;
+        }
+        h4 {
+            color: #AAAAAA;
+            font-size: 15px;
+            font-weight: 400;
+        }
+        input[type="checkbox"]:checked + .fs-label-info .imgfr {
+            border: 2px solid #EE7800;
+        } 
+        input[type="checkbox"]:checked + .fs-label-chbox {
+            border: 1px solid #EE7800;
+            color: #EE7800;
+        }
+        input[type="radio"]:checked + .fs-label-chbox {
+            border: 1px solid #EE7800;
+            color: #EE7800;
+        } 
+        .step3-block {
+            margin-bottom: 1rem;
+            &:nth-of-type(3) {
+                margin-bottom: 0;
+            }
+            &-title {
+                color: #AAAAAA;
+                display: block;
+                margin-bottom: .5rem;
+                font-size: 1rem;
+            }
+            .radio {
+                display: inline-block;
+                padding: .25rem .7rem;
+                margin-right: .4rem;
+                border: 1px solid #707070;
+                border-radius: 2rem;
+                color: #797979;
+                margin-bottom: .5rem;
+            }
+        }
+        .skip {
+            padding: .3rem 1rem;
+            color: #AAAAAA;
+            border: none;
+            outline: none;
+            background-color: transparent;
+        }
+        .btngrp {
+            /* position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: -6rem; */
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            .next {
+                transform: translateY(0rem);
+            }
+        }
+    }
+    &-checklist .form-user {
+        margin: 0 auto;
+        text-align: center;
+        margin-bottom: 1rem;
+    }
+    &-btns {
+        padding: 1rem;
+        background-color: white;
+        box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
+    }
+}
+
+.text-main {
+    color: #EE7800;
+}
+
+.text-phone {
+    color: #EA068C;
+    text-decoration: none;
+}
+
+#videoModal .modal-content {
+    background-color: transparent;
+    border: none;
+}
+
+.fixed-btn {
+    position: fixed;
+    right: 15px;
+    bottom: 8rem;
+    .btn-gotop {
+        padding: 1.2rem .8rem;
+        background-color: rgba(255, 255, 255, 0.897);
+        display: flex;
+        align-items: center;
+        box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
+        -webkit-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
+        -moz-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
+    }
+        
+}
+
+
+