@charset "utf-8";
.mkv {
    display: none;
}
.for-mobile-display{
    display: none;
}
.for-pc-display{
    display: inline-block;
}
.mask {
    display: none;
}

@media (max-width:1700px) {
	/*簽到區域*/
	.btn {
    width: 23%;
	}
	/*******************商品推薦 event highlight*******************/
	.eventTitle {
    font-size: 1.2em;
}
	.livelyBtn {
    width: 40% !important;
}
}

@media (max-width:1500px) {
	/*簽到區域*/
	/*.point-box ul {
    margin-left: -14%;
}*/
	.point-box ul li a {
    width: 140px;
    height: 140px;
}
	.btn {
    font-size: 1em;
	}
}

@media (max-width:1400px){
	/*簽到區域*/
	.point-box {
    width: 80%;
}
	.point-box p {
    font-size: 2em;
}
	.point_bg_L, .point_bg_R{
		display: none;
	} 
	.btn {
    height: 2vw;
	font-size: 1.1em;
}
		/*******************商品推薦 event highlight*******************/
	.product {
    max-width: 80%;
}
	.eh {
    max-width: 90%;
}
	.eh_title {
    width: 50%;
}
}

@media (max-width:1200px){
	/*簽到區域*/
	.point-box {
		width: 90%;
	}
	.btn {
    height: 2.5vw;
    font-size: 1em;
}
	/*******************商品推薦 event highlight*******************/
	.eh {
    max-width: 95%;
    padding: 3.5vw 1% 1.3vw 1%;
}
	.eh_title {
    width: 45%;
}
	.livelyBtn {
    width: 50% !important;
    height: 2.2vw;
    line-height: 2.1vw;
}
	/*popup*/
		.modal-body {
		line-height: 2.3vw;
	}
}

@media (max-width:1024px) {
	/*******************商品推薦 event highlight*******************/
  .bh_title {
    width: 65%;
}
	.eh_title {
    width: 70%;
    margin: 3vw auto;
}
  .eh_flexG3_container {
    width:100%; /*手機版宮格總寬度-可調整*/
    flex-wrap:wrap;
    justify-content:space-around;
    padding:0;
  }
  .eh_flexG3_item {
    margin-bottom: 3vw;
    flex-basis: 31%;
}
  .eventInfo {
    margin-top: 5%;
    padding: 0;
    text-align: center;
}
  .eventTitle {
    font-size: 1.2em;
    line-height: 1.6em;
  }
  .eventDesc {
    font-size: 1em;
    line-height: 1.4em;
  }
  .btn_event {
    width: 60%;
    margin-top:2vw;
  }
	.eh {
    width: 84%;
}
	.eh_item {
    flex-basis: 45% !important;
}
	.livelyBtn {
    font-size: 0.9em;
    line-height: 2.1vw;
}
	.product {
    max-width: 100%;
}
	.product_title {
    width: 40%;
    height: auto;
    margin: 2vw auto 4vw auto;
}
}

@media (max-width:991px) {
 	/*簽到區域*/
	/*.point-box ul {
    margin-left: -17%;
}*/
	
}

@media (max-width: 768px) {
	/*簽到區域*/
	.point-box p {
    padding: 4%;
}
	.point-box ul {
    width: 80%;
    margin: auto 10%;
}
	.point-btn {
    padding-bottom: 4%;
    padding-top: 1%;
}
	.btn {
    height: 4vw;
    width: 35%;
    padding-top: 1.3%;
}
/*******************商品推薦 event highlight*******************/
	.product_title {
    width: 50%;
}
	.eh_title {
    width: 85%;
}
	.eventTitle {
    font-size: 1em;
}
	.livelyBtn {
    font-size: 0.95em;
    line-height: 3.6vw;
}
   /*popup*/
    .modal-content {
        width: 90%;
    }
    .popup__btn {
        margin: 7% 0 20px 30%;
    }
	.modal-body {
    line-height: 3vw;
}
	.modal-body ul li {
    margin-bottom: 1.5vw;
}
    /*KV*/
.kv {
        display: none;
    }
.mkv {
        display: block;
    	background-color: #95ceea;
    }
}

@media (max-width: 600px){
	/*簽到區域*/
	.point-box ul {
    width: 94%;
    margin: auto 3%;
}
	.btn {
    height: 5vw;
    width: 42%;
    padding-top: 1.5%;
    font-size: 1.05em;
}
	/*******************商品推薦 event highlight*******************/
	.eh {
    width: 95%;
}
	.eh_flexG3_item {
    flex-basis: 46%;
}
	.eh_item {
    flex-basis: 46% !important;
    margin: 2% 2%;
}
	.eventDesc {
    font-size: 0.9em;
}
	.eventTitle {
    font-size: 1.1em;
}
	.livelyBtn {
    line-height: 3.6vw;
    font-size: 0.9em;
    height: 4vw;
}
}

@media (max-width: 599px) and (min-width: 520px){
	/*******************商品推薦 event highlight*******************/
	.product {
    padding: 1% 1%;
}
	.product_title {
    width: 60%;
    margin-top: 5vw;
}
	.eh_title {
    width: 95%;
}
	.eh_item {
    flex-basis: 48% !important;
    margin: 1% 1%;
}
	.eh_flexG3_item {
    flex-basis: 49%;
}
}

@media (max-width: 480px) {
	/*簽到區域*/
	.btn {
    width: 46%;
}
	.btn-info {
    margin-left: 1%;
}
	/*******************商品推薦 event highlight*******************/
	.product_title {
    width: 80%;
    margin: 4vw auto 5vw auto;
}
	.eh_title {
    width: 100%;
}
	.eh_item {
    flex-basis: 70% !important;
    margin: 2% 0%;
}
	.eh_flexG3_item {
    flex-basis: 70%;
}
	.eventTitle {
    font-size: 1.3em;
}
	.eventDesc {
    font-size: 1em;
}
	.livelyBtn {
    line-height: 4.6vw;
    font-size: 1em;
    height: 5vw;
}
}

@media (max-width: 420px) {
	/*簽到區域*/
	/*.point-box ul {
    margin: auto -17%;
}*/
	.btn-info {
    display: block;
    margin: 2% auto;
    width: 60%;
    height: 7vw;
    padding-top: 2.5%;
}
	/*******************商品推薦 event highlight*******************/
	.eh_flexG3_item {
    flex-basis: 80%;
}
	.eh_item {
    flex-basis: 80% !important;
}
	/*popup*/
	.modal-body {
    line-height: 5vw;
}
}

/*********************
RWD Directive Setting
**********************/

.no-padding-top {
    padding-top: 0;
}