@media (min-width:1921px) {
  .for-pc-display{
    display: inline;
  }
  .for-mobile-display{
    display: none;
  }
  .event_wrap{
    margin-top:180px;
  }

  .animate-button {
		margin: 0 2%;
	}
	.animate-button.bg-seemore {
		font-size: 0.9vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}

/*font size*/
.font-header {
    font-size: 4vw;
  }



  .tohomeSection, .dutyfreeSection, .EDUSection{
    width: 100%;
  }

 /* social container */

    .social-content{
        width: 80%;
    }
    .social-btn{
        width: 50%;
        left: 27%;
        bottom: 13%;
    }

    .social-card{
        width: 29% ;
    }

}

@media (max-width:1920px) {
  .for-pc-display{
    display: inline;
  }
  .for-mobile-display{
    display: none;
  }
  .event_wrap {
    margin-top:180px;
  }
  .tohomeSection, .dutyfreeSection, .EDUSection{
    width: 100%;
  }

  .animate-button {
		margin: 0 2%;
		padding: 6px 10px; /*1.5% 7%; */
	}
	.animate-button.bg-seemore {
		font-size: 0.9vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}
/*font size*/


.title-area img {
  max-width: 40%;
}


    /* social container */
    .social-card{
       width: 29% ;
   }
   .social-btn {
    width: 60%;
    left: 21%;
    bottom: 13%;
}
   .social-content{
        width: 80%;
    }
    .btn-theme{
        line-height: 34px;
      }

}
@media (max-width:1440px) {
  .for-pc-display{
    display: inline;
  }
  .for-mobile-display{
    display: none;
  }

  .event_wrap {
    margin-top:180px;
  }
  .title-area img{
		max-width: 41%;
	}

  .social-card{
      width: 29% ;
  }
  .tohomeSection, .dutyfreeSection, .EDUSection {
    width: 100%;
    padding: 2% 0;
}
  .topBox {
    width: 23%;
  }
  .planetBox-m {
    width: 27%;
  }
  .planet {
    width: 22%;
  }
  .planetBox-l {
    width: 30%;
  }
  .planet__tohome__home {
    width: 24%;
}
.planetBox__tohome__fb {
  width: 28%;
}
.planetBox__tohome__line {
  width: 33%;
  left: 43%;
  top: 67%;
}

.planet__edu {
  width: 31%;
  left: 7%;
}
.planetBox__edu__toy__home {
  width: 26%;
  left: 30%;
  top: -4%;
}

.planetBox__toy__fb {
  width: 26%;
  right: 19.5%;
}
.planetBox__pet__fb {
  width: 26%;
  right: 15.5%;
}
.planetBox__pet__home {
  width: 31%;
  left: 29%;
}

}

@media (max-width:1280px) {

 .for-pc-display{
    display: inline;
  }
  .for-mobile-display{
    display: none;
  }

  /* .tohomeSection, .dutyfreeSection, .EDUSection {
    width: 120%;
    margin-left: -14%;
  } */

  .cardArea__banner {
    width: 90%;
}
.cardArea__one {
  width: 33%;
  margin-left: 3%;
}
.cardArea__box {
  margin: 0 0 0% -2%;
}

.cardArea__one__straight {
  width: 33%;
  margin-left: 14.5%;
}
.cardArea__box__content__straight {
  width: 40%;
  margin: 1% 1% 1% -4%;
}

  .cardArea__box__content {
    width: 48%;
  }

  .event_wrap {
    margin-top:180px;
  }

 /* social container */
    .social-card{
        width: 43% ;
    }



/*font size*/
.f1 {
  font-size: 4.5vw;
}
.f2 {
  font-size: 3.5vw;
}
.f3 {
   font-size: 2vw; /*2.2vw */
   line-height: 2.2vw;/*2.6vw */
}
.f4 {
  font-size: 1.5vw; /* 1.6vw;*/
  line-height: 1.8vw;/*2vw; */
}
.f5 {
  font-size: 1.6vw; /* 1.7vw*/
}
.f6 {
  font-size: 1.3vw;
}
.f7 {
  font-size: 1.2vw;
}
  .btn-theme{
    line-height: 40px;
  }


}



@media (max-width:1024px) {

  .for-pc-display{
    display: inline;
  }
  .for-mobile-display{
    display: none;
  }

  .event_wrap {
    margin-top: 100px;
  }
  .title-area img {
		max-width: 60%;
	}
/*font size*/


 /* social container */
  .social-card{
    width: 45% ;
}
.social-btn {
  width: 70%;
  left: 16%;
}

.cardArea__vertical {
  margin: 6% 0 9% 0;
}

  .btn-theme{
    line-height: 35px;
  }

  .planetBox-m {
    width: 33%;
    right: 8%;
}
.planet {
  width: 25%;
  right: 11%;
}
  .planetBox-l {
    width: 35%;
    right: 12%;
    top: 61%;
    position: absolute;
}
.planet__tohome__home {
  width: 26%;
  left: 19%;
}
.planetBox__tohome__fb {
  width: 34%;
  left: 15%;
}
.planetBox__tohome__line {
  width: 37%;
  left: 41%;
  top: 72%;
}

.planet__edu {
  width: 38%;
  left: 3%;
}
.planetBox__edu__toy__home {
  width: 31%;
  left: 28%;
  top: -4%;
}

.planetBox__toy__fb {
  width: 33%;
  right: 10.5%;
}
.planetBox__pet__fb {
  width: 33%;
  right: 8.5%;
  top: 78%;
}
.planetBox__pet__home {
  width: 36%;
  left: 25%;
}
.img__bottom__bear {
  position: absolute;
  width: 19%;
  right: 11%;
}

}



@media (max-width:768px) {
 .for-pc-display{
    display: none;
  }
  .for-mobile-display{
    display: inline;
  }
  .event_wrap {
    margin-top: 100px;
  }
  .title-area img{
		max-width: 90%;
  }
  .animate-button{
		width: auto;
		height: 110%; /* auto; */
	}
	.animate-button.bg-seemore {
		font-size: 2vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}
    /*font size*/
    .f1 {
      font-size: 5.5vw;
    }
    .f2 {
      font-size: 5vw;
    }
    /* .f3 {
      font-size: 3.6vw;
      line-height: 4vw;
    } */
    .f3 {
      font-size: 3.0vw;
      line-height: 3.2vw;
    }
    .f4 {
      font-size: 2.6vw;
      line-height: 3.3vw;
    }
    .f5 {
      font-size: 3vw !important;
    }
    .f6 {
      font-size: 2vw;
    }
    .f7 {
      font-size: 2.1vw;
      line-height: 3vw;
    }
    .two__two__box__title{
      font-size: 3.1vw;
      font-weight: 600;
    }


      /* .tohomeSection, .dutyfreeSection, .EDUSection {
        width: 120%;
        margin-left: -14%;
    } */


    .title-area img {
      max-width: 60%;
  }
.cardArea {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4% 0;
    flex-direction: row;
  }
.cardArea__box {
    margin: 1% 0 0% 2%;
  }

.cardArea__one {
  width: 78%;
  margin-left: 3%;
}
.cardArea__box{
  width: 78%;
}

.cardArea__justify {
  flex-direction: row;
  margin-right: 2%;
}

.cardArea__one__straight {
  width: 52%;
  margin-left: 11.5%;
}

.cardArea__box__straight{
  width: 52%;
}
.cardArea__box__content__straight {
  width: 82%;
  margin: 1% 1% 1% 3%;
}


    .social-content{
      width: 90%;
    }
    .social-btn {
      width: 80%;
      left: 11%;
  }
    .btn-theme{
      line-height: 30px;
  }


    /*kv*/
    .kv {
        display: none;
    }

    .mkv {
        display: block;
    }
    .topBox {
      width: 26%;
  }



}


/* 500px*/
@media (max-width:521px) {
  .for-pc-display{
    display: none;
  }
  .for-mobile-display{
    display: inline;
  }
    .event_wrap {
      margin-top: 95px;
    }

    .animate-button.bg-seemore {
      font-size: 2vw;
      left: 20%;
      bottom: 15%;
      width: 60%;
    }
    .title-area img {
      max-width: 85%;
    }

    /*font size*/
    .f1 {
      font-size: 8.5vw;
    }
    .f2 {
      font-size: 7vw;
    }
    .f3 {
      font-size: 3.5vw;
      line-height: 4vw;
    }
    .f4 {
      font-size: 3.5vw;
      line-height: 5.8vw;
    }
    .f5 {
      font-size: 3.5vw !important;
    }
    .f6 {
      font-size: 2vw;
    }
    .f7 {
      font-size: 2.8vw;
      line-height: 3vw;
    }
    .topBox__btnArea {
      left: 30%;
  }

    .cardArea {
      display: flex;
      justify-content: center;
      margin: 4% 0 5% 0;
      flex-direction: row;
      flex-wrap: wrap;
  }

      .social-content{
        width: 95%;
      }
      .social-card{
        width: 45%;
        margin-top: 30px ;
      }

      .social-btn{
        width: 60%;
        left: 20%;
      }
      .btn-theme{
        line-height: 30px;
      }

    /*kinmen*/

    .k_kv {
        display: none;
    }

    .k_mkv {
        display: block;
    }
    .topBox__btnArea{
      left: 33%;
    }

    .topBox {
      width: 39%;
      margin: 3% 3%;
  }
  .planetBox-m {
    width: 43%;
    right: 8%;
}
.planet {
  width: 31%;
  right: 14%;
}
.planetBox-l {
  width: 45%;
  right: 5%;
  top: 73%;
  position: absolute;
}
.planet__tohome__home {
  width: 36%;
  left: 8%;
}
.planetBox__tohome__fb {
  width: 42%;
  left: 4%;
}
.planetBox__tohome__line {
  width: 46%;
  left: 36%;
  top: 72%;
}

.planet__edu {
  width: 53%;
  left: 3%;
  padding-top: 7%;
}
.planetBox__edu__toy__home {
  width: 42%;
  left: 43%;
  top: -4%;
}

.planetBox__toy__fb {
  width: 41%;
  right: 7.5%;
  top: 49%;
}

.planetBox__pet__home {
  width: 45%;
  left: 24%;
  top: 97%;
}
.planetBox__pet__fb {
  width: 45%;
  right: 6.5%;
  top: 140%;
  /* bottom: 4%; */
}
.img__bottom__bear {
  position: absolute;
  width: 23%;
  right: 4%;
  /* bottom: -172%; */
}
.img__bottom {
  padding-bottom: 20%;
  margin-top: 30%;
  width: 100%;
  height: 100%;
}


}

@media (max-width:420px) {
.f6 {
  font-size: 2.3vw;
}
.topBox__btnArea {
  left: 31%;
}
.tohomeSection, .dutyfreeSection, .EDUSection {
  /* width: 100%; */
  padding: 4% 0 18% 0;
}
.planetBox-m {
  width: 48%;
  right: 2%;
}
.planet {
  width: 43%;
  right: 7%;
}
.planetBox-l {
  width: 58%;
  right: 5%;
  top: 96%;
  position: absolute;
}
.planet__tohome__home {
  width: 47%;
  left: 4%;
}
.planetBox__tohome__fb {
  width: 49%;
  left: -4%;
}
.planetBox__tohome__line {
  width: 56%;
  left: 38%;
  top: 84%;
}

.planet__edu {
  width: 59%;
  left: 3%;
  padding-top: 12%;
}
.planetBox__edu__toy__home {
  width: 51%;
  left: 43%;
  top: -2%;
}

.planetBox__toy__fb {
  width: 49%;
  right: 1.5%;
  top: 56%;
}
.planetBox__pet__home {
  width: 57%;
  left: 10%;
  top: 107%;
}
.planetBox__pet__fb {
  width: 55%;
  right: 9.5%;
  top: 157%;
  /* bottom: 4%; */
}
.img__bottom{
  margin-top: 34%;
}




}

@media (max-width:380px) {
  .for-pc-display{
    display: none;
  }
  .for-mobile-display{
    display: inline;
  }

  .event_wrap {
    /* margin-top: 25px; */
  }
  /*font size*/
  .font-header {
      font-size: 4vw;
    }
    .font-title-lg {
      font-size: 5vw;
      margin: 1.5vw 0 ;
    }
    .font-title-md {
      font-size: 4.1vw;
      margin: 2% 0;
    }
    .font-title-sm {
      font-size: 2.2vw;
      font-style: italic;
    }
    .font-info-lg {
      font-size: 3.4vw;
    }
    .font-info-md {
      font-size: 3.2vw;
      margin: 3vw 0;
      line-height: 4vw;
    }
    .font-info-sm {
      font-size: 2.9vw;
    }

    .social-card{
      width: 45%;
      margin-top: 40px ;
    }
    .social-content{
      width: 95%;
    }
    .social-btn{
      width: 60%;
      left: 20%;
    }
    .btn-theme{
      line-height: 30px;
    }
  }