/* 全網頁只要滑鼠滑到連結就變手指 */
a:hover {
  cursor: pointer !important;
}

/* 這行是最上面的板頭 */
header > .inner {
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

/* hoho的logo */
header > .inner a.logo {
  background: url(../images/icon_hoho-02.svg) no-repeat center;
}
/* hoho的logo滑鼠移過去後 */
header > .inner a.logo:hover {
  filter: brightness(1.1);
  transition: 0.2s;
}

/* 右上的icon */
header ul.wrap-link li i[class*="icon-"],
header ul.wrap-link li a[class*="icon-"] {
  background-color: #444;
  color: #ffffff;
  transition: 0.2s;
}
/* 右上的icon滑鼠移過去後 */
header ul.wrap-link li i[class*="icon-"]:hover,
header ul.wrap-link li a[class*="icon-"]:hover {
  background-color: rgb(255, 188, 2);
  color: #ffffff
  transition: 0.2s;
}
/* icon旁邊的文字 */
header ul.wrap-link li span {
  color: #444;
  margin-right: 10px;
}


/* 從這邊開始是內容大框架 */
.container {
  background-color: #e5dbc9;
}

@-webkit-keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -800px 500px;
  }
}


/* 三部曲選單 */
nav.select ul.one{
  width: 100%;
  margin-top: 100px;
  height: 100px;
  background-color: #444444;
  display: flex;
  justify-content: center;
  align-items: center;
}

nav.select ul.one li{
  margin-right: 20px;
  height: auto;
}
nav.select ul.one li img{
  width: 100%;
}

nav.select ul.one a:hover{
  cursor: pointer;
  transition: 0.3s;
  filter: brightness(2);
}



/* 
section#part {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  flex-direction: column;
}

*/


/* 個別框架 */
section#part1{
  background: url(../images/part_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

section#part1 .kv{
  margin: 0 auto;
  width: 1200px;
}

section#part2{
  background: url(../images/part1_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

section#part2 .part-main .part-1 {
  width: 1130px;
  height: 787px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin: 0 auto;
}

section#part3 .part-main .part-2 {
  width: 1130px;
  height: 857px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin: 0 auto;
}

section#part4 img {
  display: block;
  margin: 0 auto;
  width: 1200px;
}

section#part5 .part-main .part-3 {
  width: 1130px;
  height: 867px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin: 0 auto;
}

section#part6 img {
  display: block;
  margin: 0 auto;
  width: 1200px;
}

section#part7 .part-main .part-4 {
  width: 1130px;
  height: 867px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin: 0 auto;
}

section#part8 img {
  display: block;
  margin: 0 auto;
  width: 1200px;
}

section#part9 .part-main .part-5 {
  width: 1130px;
  height: 867px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin: 0 auto;
}
section#part10 img {
  display: block;
  margin: 0 auto;
}

section#part11{
  background: url(../images/part6_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

section#part11 .part-main .part-6 {
  width: 1130px;
  height: 788px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin: 0 auto;
}

/* 商品區 */
section#part12{
  background: url(../images/part5_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}
section#part12 .part-main {
  display: flex;
  align-items: center;
  justify-content: center;
}
section#part12 .part-main .part-7a {
  background: url(../images/pr_01.png) no-repeat;
  background-size:cover;
  width: 379px;
  height: 736px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;

}
section#part12 .part-main .part-7b {
  background: url(../images/pr_02.png) no-repeat;
  background-size:cover;
  width: 377px;
  height: 736px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;

}
section#part12 .part-main .part-7c {
  background: url(../images/pr_03.png) no-repeat;
  background-size:cover;
  width: 374px;
  height: 736px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;

}
section#part12 .part-main a:hover{
  transition: 0.3s;
  filter: contrast(1.4);
}

/* 待續 */
section#down {
  background: url(../images/bg-down.jpg) no-repeat;
  background-size:cover;
}

section#down .part-main .part-8 {
  max-width: 1200px;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: 0.3s;
}






/* 選單 */
nav {
  position: relative;
  z-index: 999;
  background-color: transparent;
}

nav .inner {
  margin-top: 60px;
  background-color: transparent;
}

nav .inner a {
  background-color: #444444;
  color: #fff;
  width: 15%;
  text-align: center;
  transition: 0.2s;
  /* margin: 0px 10px 50px 10px; */
}
nav .inner a:hover {
  background-color: #ffcc00;
  transition: 0.2s;
  color: #444;
}


/* 開始商品列表 */
section .sec-inner {
  padding: 30px 0 !important;
}
section .sec-inner .sec-head .headtitle {
  color: #444444;
  letter-spacing: 0.5vh;
}
section .sec-inner .sec-head .text {
  color: #444444;
  letter-spacing: 0.3vh;
}

.wrap-item .item {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}

.wrap-item .item .item-bottom .text {
  background-color: #fff;
}

.wrap-item.item-card .item .item-img {
  border: none;
}
.wrap-item.item-card .item {
  transition: 0.2s;
}
.wrap-item.item-card .item:hover {
  transform: scale(0.95);
  transition: 0.2s;
}

.wrap-item.item-card .item .item-bottom .text .discount-price {
  color: red;
  text-align: right;
}

/* 回到上方 */
a#backTop {
  background-color: #444;
}

/* 注意事項 */
section#notice ul.list-num {
  background-color: rgba(68, 68, 68, 0.7);
  line-height: 1.8rem;
  color: rgb(255, 255, 255);
}


@media (max-width: 1100px) {
  main.kv {
}
}

@media (max-width: 780px) {
  
/* 三部曲選單 */
nav.select ul.one{
  display: none;
}


article{
}
/* 個別框架 */
section#part1{
  background: url(../images/index-750_01.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 92vh;
}
section#part1 .kv{
display: none;
}

section#part2{
  background: url(../images/index-750_02.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 86vh;
}
section#part2 .part-main .part-1 {
  display: none;
}

section#part3{
  background: url(../images/index-750_03.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 63vh;
}
section#part3 .part-main .part-2 {
  display: none;
}

section#part4{
  background: url(../images/index-750_04.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 15vh;
}
section#part4 img {
  display: none;
}

section#part5{
  background: url(../images/index-750_05.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 65vh;
}
section#part5 .part-main .part-3 {
  display: none;
}

section#part6{
  background: url(../images/index-750_06.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 20vh;
}
section#part6 img {
  display: none;
}

section#part7{
  background: url(../images/index-750_07.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}
section#part7 .part-main .part-4 {
  display: none;
}

section#part8{
  background: url(../images/index-750_08.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 15vh;
}
section#part8 img {
  display: none;
}

section#part9{
  background: url(../images/index-750_09.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}
section#part9 .part-main .part-5 {
  display: none;
}

section#part10{
  background: url(../images/index-750_10.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 20vh;
}
section#part10 img {
  display: none;
}

section#part11{
  background: url(../images/index-750_11.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}
section#part11 .part-main .part-6 {
  display: none;
}

/* 商品區 */
section#part12 .part-main {
  clear: both;
  display:block;
}
section#part12 .part-main .part-7a {
  background: url(../images/index-750_12.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 25vh;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
}
section#part12 .part-main .part-7b {
  background: url(../images/index-750_13.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 25vh;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
}
section#part12 .part-main .part-7c {
  background: url(../images/index-750_14.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 25vh;
  width: 100%;
  margin: 0 auto;
}
section#part12 .part-main a:hover{
clear: both;
}

/* 待續 */
section#down {
  background: url(../images/index-750_15.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 70vh;
}
section#down .part-main .part-8 {
  display: none;
}

}