body {min-width: 1200px; color: #fff; font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif";}
a {display: block; text-decoration: none; transition: .3s ease-in-out;}
:focus {outline: none;}
i {font-style: normal;}
.footer {width: 100%; margin: auto}
.display_pc, .event_pc {display: block;}
.display_m, .event_m {display: none;}
.tag_wfe {display: none;}

/*main*/
.main { position: relative; width: 100%; overflow: hidden; 
background: url("../images/kv_bg.png")no-repeat center top, url("../images/main_bg.png")center top #fff;}

/*kv*/
.kv_container { position: relative; margin: auto; max-width: 1200px; height: 1000px;}
.kv_slogan { position: absolute; top: 5%; left: 21%; pointer-events:none; z-index: 4;}
.kv_but { position: absolute; top: 8%;  right: 17%; z-index: 5;}
.kv_swiper { position: absolute; top: 43%; right: 27%; z-index: 6;}
/**kv_text**/
.kv_event { position: absolute; top: 26%; left: 24%; pointer-events:none;}
.kv_left { position: absolute; top: 20.5%; left: -7.5%; z-index: 2; pointer-events:none;}
.kv_deco{ position: absolute; top: 0; left: -22%; z-index: 1; pointer-events:none; }
.kv_table{ position: absolute; top: 22%; left: -8%; z-index: 3; pointer-events:none; }
.kv_logo{ position: absolute; top: 3.5%; left: 8%; filter: drop-shadow(0px 0px 3px #4e9cff); z-index: 6;}
.kv_logo a img, .kv_event a img, .kv_but a img { transition: .3s all ease-in-out;}

@media(hover:hover) {
.kv_logo a img:hover, .kv_event a img:hover{ transform: translateY(-8%); filter: brightness(1.2);}
}
.kv_but a img:hover{ transform: translateY(-3%); filter: brightness(1.2);}
.kv_logo, .kv_slogan, .kv_event{ --animate-duration: 2s;}
.kv_but{ --animate-duration: 2.5s;}
    

/*prod_rota*/
.prod_rota {position: absolute; width: 591px; height: 365px; top: 390px; right: 295px; overflow: hidden; z-index: 4; transition: .3s ease-in-out;}
.prod_rota .swiper-pagination {margin: auto; left: 0; right: 0; bottom: 0;}
.swiper-pagination-bullet {background: #fefefe;}
@media (hover:hover) {
.prod_rota:hover {filter: brightness(110%); transform: scale(0.98);}
}
/*event*/
.event_wrapper {position: relative; z-index: 3; width: 1199px; margin: auto; height: 1019px; background: url("../images/event_bg.png")no-repeat center top;}
.giveback_wrapper {position: relative; z-index: 2; box-sizing: border-box; max-width: 1068px; margin: 0 auto; padding-top: 85px;}
.giveback_container {overflow-x: auto;}
.giveback {position: relative;}
.giveback-bg {width: 1068px; overflow: hidden;}
.event_register {position: absolute; top: 12px; left: 20px; z-index: 1;}
.giveback a:hover {filter: brightness(110%); transform: scale(0.97);}
.event2 {display: flex; justify-content: center;}
.event4 {position: relative; margin: auto; display: flex; justify-content: center;}
.event_game{position: relative; width: 540px;overflow: hidden;background-size: contain;}
.swiper_lottery {position: relative; width: 540px;overflow: hidden; background: url("../images/event2_lottery_border.png")no-repeat center top; background-size: contain;}
.swiper_lottery .swiper-pagination.swp1 {bottom: 7px;}

.event3 {position: relative; margin: auto; display: flex; justify-content: center;}
.swiper_coupon{position: relative; width: 1068px; height: 238px; overflow: hidden;  background: url(../images/coupon_border.png) no-repeat center top;
    background-size: contain;padding: 0 10px 0 10px; background-size: contain;}
.swiper_line .swiper-pagination.swp2 {bottom: 7px;}
.swp2 .swiper-pagination-bullet {background: #fefefe;}

.swiper_line {position: relative; width: 357px; height: 225px; overflow: hidden; background: url("../images/event4_line_border.png")no-repeat center top;}
.swiper_line .swiper-pagination.swp3 {bottom: 7px;}
.swp3 .swiper-pagination-bullet {background: #fefefe;}

.swp5 .swiper-pagination-bullet {background: #47b8f7;}

.swiper-slide{flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; top: 10px; right: 0; display: flex; align-items: center; justify-content: center;}
.swiper_bank {position: relative; width: 357px; height: 225px; overflow: hidden; background: url("../images/event4_bank_border.png")no-repeat center top;}
.swiper_bank .swiper-pagination.swp4 {bottom: 7px;}
.swp4 .swiper-pagination-bullet {background: #fefefe;}
.event_travel{position: relative; width: 357px; height: 225px;}

@media (hover:hover) {
.event_game a:hover, .event2 a:hover, .swiper_coupon a:hover, .swiper_lottery a:hover, .swiper_line a:hover, .swiper_bank a:hover,.event_travel a:hover {
    filter: brightness(110%);
    transform: scale(0.97);}
}

/**limited**/
/*.limited_wrapper{position: relative; width: 1200px; margin: auto; padding-top: 50px;}*/
.limited_wrapper{position: relative; margin-top: 50px;}
    .loading_container {
    background: url(//www.payeasy.com.tw/privilege/Pmarket/images/loading-white.gif) no-repeat center;
    background-color: #282828;
    background-size: 120px;
    border-radius: 20px;
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 5px;
    right: 5px;
    z-index: 12;
}

/**test_wrapper**/
.test_wrapper { position: relative; padding: 50px 0;}
.test_container { position: relative; margin: auto; max-width: 1200px; display: flex; justify-content: center;}
.test:hover {filter: brightness(110%); transform: scale(0.98);}

/**bn**/
.banner_wrapper {background: url(../images/bn_bg.png)no-repeat center top; width: 1224px; height: 503px; margin: auto; padding-top: 50px;}
.banner {position: relative; width: 1100px; margin: auto;}
.prod_rota_bn {width: 1000px; overflow: hidden; margin: auto;}
.prod_rota_bn img {width: 100%;}
.prod_rota_bn li a{transition: .2s ease-in-out; cursor: pointer;}
.prod_rota_bn li a:hover, .prod_rota_bn li a:visited, .prod_rota_bn li a:focus, .prod_rota_bn li a:active {transform:scale(.98); filter: brightness(110%);}
.swiper-pagination.swp4 {bottom: -15px;}

/**prod**/
.pro_temp {display: none;}
.prod_wrapper {position: relative; padding-top: 40px;}
.prod_container {position: relative; z-index: 100; margin-top: 50px;}
.ProductList {position: relative; z-index: 500; margin: auto; max-width: 1180px; width: 98%;}
.ProductList:after {clear: both; display: table; content: '';}
.ProductList .item {position: relative; width: 100%; text-align: center;}
.ProductList .item > a {position: relative; display: block; background: #fff; border-radius: 10px; overflow: hidden;
  -webkit-box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 45%);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 45%);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;}
.ProductList .ProductImg {position: relative; overflow: hidden; margin: 0 auto; width: 100%; padding-bottom: 100%;}
.ProductList .ProductImg img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%;}
.ProductList .item > a:hover, .ProductList .item > a:focus, .ProductList .item > a:active {transform: translateY(-5px);}
.ProductList .ProductDesc {width: 96%; overflow: hidden; padding: 0 5px; height: 36px; color: #fff; font-weight: bold; font-size: 15px; line-height: 36px; background: linear-gradient(90deg, #f89734 0%, #ff6554 100%); margin: 2px auto; border-radius: 50px;}
.item .ProductName {overflow: hidden; padding: 4px 5px; height: 44px; color: #000; text-align: center; font-size: 15px; line-height: 20px;}
.item .ProducPrice, .item .Event_Condition {padding: 3px 2px 0 2px; color: #F00; height: 60px;}
.item .ProducPrice label {cursor: pointer;}
.item .ProducPrice i{
	display: flex;
	flex-direction: column-reverse;}
.item .ProducPrice i em span {margin: 0 10px 0 0; color: #747474;}
.item .ProducPrice .prePrice span, .item .Event_Condition i span {margin: 0 2px 0 2px; font-weight: 500; font-size: 34px; line-height: 30px;}
.item .ProducPrice i em {color: #747474; font-style: normal; font-size: 13px;}
.item .ProducPrice .price_txt {color: #F00; font-size: 15px; line-height: 26px;}

/**group**/
.group {position: relative; margin-bottom: 70px; padding: 20px;
  display: flex;
  flex-wrap: wrap;}

.group:nth-child(1), .group:nth-child(2), .group:nth-child(3), 
.group:nth-child(4), .group:nth-child(5), .group:nth-child(6),
.group:nth-child(7), .group:nth-child(8), .group:nth-child(9) {
  display: grid;
  grid-template-columns: 19% 19% 19% 19% 19%;
  justify-content: space-evenly;
  grid-row-gap: 10px;}

.group:before {content:''; display: block; position: absolute; top: 0; bottom: 6px; left: 0; right: 0; z-index: -1; margin: auto; width: 1170px; height: 797px; 
    background: url(../images/title/prod_bg.png) no-repeat center top;}
#group_2:before, #group_4:before, #group_6:before {
    background: url(../images/title/prod_bg2.png) no-repeat center top;}

/**title***/
.tit {display: none; margin: auto;}
.group .tit {width: 100%; display: block;}
.group .tit_prod {position: relative; width: 100%; height: 100%;
  grid-row: 1 / 3;}

.group:nth-child(2) .tit_prod, 
.group:nth-child(4) .tit_prod, 
.group:nth-child(6) .tit_prod, 
.group:nth-child(8) .tit_prod {
  grid-column-start:5;
  grid-column-end:6;}

/**more**/
.tit_prod_btn {position: absolute; top: 280px; left: 38px; background: url(../images/title/more.png) no-repeat; background-size: contain; width: 150px; height: 60px;}


@media (hover:hover) {
  .tit_prod_btn {transition: all .4s;}
  .tit_prod_btn:hover {transform: translateY(-6px); filter: brightness(1.6);}
}

.brand_wrapper {width: 1230px; height: 660px; margin: auto; overflow: hidden; background: url("../images/icon_bg.png")no-repeat center 65px;}
.brand_item {text-align: center; margin: 20px 0;}
.brand-main {width: 74%; margin: auto;}
.brand-slide {float: left; width: 25%;}
.brand-slide a {transition: .3s ease-in-out;}
.brand-slide a:hover {transform: scale(0.95);filter: brightness(110%);}

/*float-right*/
.float_wrapper {display: none; position: fixed; top: 120px; right: 0px; z-index: 999;}
.float_main {position: relative; width: 100px; background: rgb(0 0 0 / 64%); border-radius: 20px; padding: 20px 8px 8px; right: 7px;}
.float_tit {position: absolute; top: -60px; left: -10px;}
.go_top {display: block; cursor: pointer;}
.float_main li {color: #fff; text-align: center; font-size: 15px; line-height: 20px;}
.float_main li.highlight0 {padding-top: 3px; background:rgb(255 210 0 / 100%); border-radius: 3px; color: #272727; margin-top: 5px;}
.float_main li.highlight0 > ul {border-top: 1px dotted;}
.float_main li.highlight2 {font-size: 24px; padding-bottom: 5px; padding-left: 2px;}
.float_main li.goback a {color:yellow; margin: 5px 0; background: #b91212; border-radius: 20px;}
.float_main li a {position: relative; z-index: 500; color: #fff; cursor: pointer; font-weight: 600; padding: 4px 0;}
.float_main li a:hover {color: yellow;}
.float_main li a:after {position: absolute;  right: 51%;  bottom: 0;  left: 51%;  z-index: 1;  height: 2px;  background: yellow;  content: "";
    -webkit-transition-timing-function: ease-out;  
    transition-timing-function: ease-out;  
    -webkit-transition-duration: 0.3s;  
    transition-duration: 0.3s;  
    -webkit-transition-property: left, right;  
    transition-property: left, right;}
.float_main a:hover:after {right: 10%; left: 10%;}
.float_main li.catagory {width: 100%; border-bottom: 1px dotted #040333;}
.float_main li.catagory.on {background-color: #fff95a;}
.float_main li.catagory:nth-child(1n) {border-left: 1px dotted #040333;}
.float_main li.catagory a {color: #272727; background:rgb(255 255 255 / 80%);}
.float_main li.content {border-radius: 15px; background: #fd5f24; margin: 7px 0; font-size: 15px;}
.float_main li.best {border-radius: 15px; background: #1f8ec7; margin: 7px 0; font-size: 15px;}
.float_main  li.highlight {font-size: 24px;}


/*bg_wrapper*/
.bg_wrapper {display: none; position: absolute; width: 100%; height: 100%; top: 0; z-index:1; pointer-events: none;}
.bg_fly {top: 0; width: 100%; height: 100%; background: url("../images/float.png") center top;}

.loading_container {
    background: url("//www.payeasy.com.tw/privilege/Pmarket/images/loading-white.gif") no-repeat center;
    background-color: #282828;
    background-size: 120px;
    border-radius: 20px;
    position: absolute;
    top: 70px; bottom: 0;
    left: 5px; right: 5px;
    z-index: 12;}

@media screen and (min-width: 1025px) {
.NavArea {display: none; position: fixed; top: 0px; z-index: 999; text-align: center; font-size: 0px; width: 100%; background-color: #000; overflow-x: hidden;  
   box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);}
/*.Nav-slide.active a {background-color: #ffd622; border-radius: 30px;}*/
.Nav-wrapper {width: 1200px; margin: 0 auto; text-align: center; padding: 5px 0;
        display: flex;
        justify-content: center;
        align-items: center;}   
.Nav-wrapper li{width: 100%; color: floralwhite; text-decoration: none; font-size: 16px; line-height: 35px; font-weight: bold; cursor: pointer; border-left: 1px solid #fff; transition: background-color 0.5s 0s ease;
    flex: auto;}
.Nav-wrapper li:last-child {border-right: 1px solid #fff;}    
.Nav-wrapper li a {position: relative; z-index: 500; color: #fff; cursor: pointer; font-weight: bold;}
.Nav-wrapper li a:hover {color: #ffd91f; /*background-color: #ffd622; border-radius: 30px;*/ }
	
.Nav-wrapper li.Nav-slide.sale {background: #1b75cb;}
.Nav-wrapper li.Nav-slide.sale a {color: #fff;}
.Nav-wrapper li.Nav-slide.test {background: #ff4e74;}
.Nav-wrapper li.Nav-slide.test a {color: #fff;}
	
.Nav-wrapper li.Nav-slide.sale:hover {background: #00d9d9;}
.Nav-wrapper li.Nav-slide.test:hover {background: #ffd622;}
/*.Nav-wrapper li.Nav-slide.sale a:hover {background-color: #ffd622; border-radius: 30px; color: #f06}*/
/*.Nav-wrapper li.Nav-slide.test a:hover {background-color: #ffd622; border-radius: 30px; color: #f06}*/
}

@media screen and (max-width:1024px) {
body {width: 100vw;  min-width: inherit; background-color: #fff;}
* {box-sizing: border-box;}
.display_pc {display: none;}
.display_m {display: block;}
.gotop { background: url(//www.payeasy.com.tw/pay_event/pezlib/images/icon_top.png) no-repeat; height: 36px; position: fixed; right: 10px; width: 36px; bottom: 80px; z-index: 900; display: none; }
.gotop a { display: block; width: 48px; height: 36px;}
.float_wrapper{display: none;}


.main {background: url("../images/kv_bg_m.png")no-repeat center top, url("../images/main_bg2.png")center top #fff; background-size: 100%, 130%; padding-bottom: 100px;}

.kv_wrapper{ }
.kv_wrapper img {width: 100%;}
.kv_container {width: 100vw; height: 82vw;}
.kv_slogan {width: 63vw; top: 7vw; left: 11vw;}
.kv_but {width: 18vw; top: 2vw; left: 65vw;}
.kv_logo{display: none;}
.kv_float {display: none;}
.kv_event {display: none;}
.kv_left {display: none;}
.kv_deco{display: none;}
.kv_table{display: none;}

/***/
.event_wrapper {width: 100vw;height: auto;padding: 4.5vw 3vw;background: url(../images/event_bg_m_01.png) no-repeat center top, url(../images/event_bg_m_03.png) no-repeat center bottom, url(../images/event_bg_m_02.jpg) center top;
background-size: 100%, 100%, 100%;}
.giveback_wrapper {width: 100%;}
.giveback_container {zoom: 0.87;}
.swiper_line, .swiper_bank, .event_travel {width: 50%; background-size: 100%;}
.event_wrapper img {width: 100%;}
.giveback-bg{width: 100%;}
.giveback_wrapper { padding-top: 0;}
.event_game img{width: 47vw;} 
    
.sale_wrapper {width: 96vw; padding-top: 3vw;}
.test_wrapper img{width: 100%;}
/***/
.banner_wrapper {width: 100vw; height: auto; background-size: 100% 100%; padding-top: 3vw; padding-bottom: 3.5vw;}	
.banner {width: 92vw;}
.prod_rota_bn {width: 82vw;}
.prod_rota_bn img {width: 100%;}
.prod_rota {width: 48vw; right:26vw; top: 41vw; height: 37.5vw;}
.prod_rota .swiper-pagination {bottom: 0;}  
	
/**prod_m**/ 
.ProductList {width: 100%}
.ProductList .item {width: 24vw; margin: 0; margin-bottom: 5px;}  
.ProductList .ProductImg {width: 24vw; height: 24vw; border: 0; overflow: hidden;}
.ProductList .ProductDesc {height: 36px; overflow: hidden; line-height: 36px; font-size: 14px; padding: 0 3px;}
.item .ProductName {color: #000; height: 38px; overflow: hidden; font-size: 14px; text-align: center; padding: 4px 5px; line-height: 18px;}

.group {padding: 0; margin-bottom: 50px;}
	
.group:nth-child(1), .group:nth-child(2), .group:nth-child(3), 
.group:nth-child(4), .group:nth-child(5), .group:nth-child(6),
.group:nth-child(7), .group:nth-child(8), .group:nth-child(9) {
    grid-template-columns: 24% 24% 24% 24%;
    grid-gap: 0.5%; padding-bottom: 3vw;}
.group:before {
        width: 100vw; 
        height: auto;
        background: url( autohttps://www.payeasy.com.tw/pay_event/event_09/2025_21anniversary/subline/all/images/prod_bg_m2.jpg) no-repeat center top #f9500b;
        background-size: 100vw;
        border-top: 3px solid #fdd979;
        border-bottom: 3px solid #fdd979;
        top: -1vw;
        bottom: 0;
    }
#group_2:before, #group_4:before, #group_6:before {background: #ff5a10;}
	  
.group .tit_prod {
    grid-row: auto;
    grid-column: 1 / 5;
    height: 26.2vw;}  
.tit_prod_content {position: relative; left: -0.5vw; width: 100vw;}
.tit_prod_content img {width: 100%;}

.group:nth-child(2) .tit_prod, .group:nth-child(4) .tit_prod, .group:nth-child(6) .tit_prod, .group:nth-child(8) .tit_prod {
    grid-column-start:1;
    grid-column-end:5;
    height: 26.2vw;}     
	
/***/
.brand_wrapper {width: 98vw; margin: auto; height: 50vw; background: url(../images/icon_bg.png) no-repeat center 6vw; background-size: 100%;}
.brand_wrapper img {width: 100%;}
.brand_item {width: 70vw; margin: auto;}
.brand-slide a:hover {transform: scale(1);filter: brightness(100%);}

/**floatM-bottom**/
.float_wrapper {display: none;}
.M_menu_wrap {position: fixed;  bottom: 0; z-index: 999;}
.M_menu_block {width: 100vw; background-color: rgb(0 0 0 / 70%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.M_menu_block ul {border-top: 2px solid #999; display: flex; justify-content: center; align-items: center; }
.M_menu_block li {width: 100%; font-size: 17px; line-height: 18px; height: 60px; display: flex; flex: auto; justify-content: center; align-items: center; text-align: center; border-left: 1px solid #222; border-right: 1px solid #666; padding-bottom: 8px;}
.M_menu_block li a {color: #fff; width: 100%; padding: 10px;}
.M_menu_block ul li.best a {color: yellow;}
.M_menu_block li.on {background: rgb(174 36 33 / 80%);}
.M_menu_filter {display: none; position: fixed; bottom: 60px; width: 95%; margin: auto; left: 0; right: 0; background: #fefefe; border-radius: 10px; z-index: 200;}
.M_menu_filter:after {content: ''; display: inline-block; width: 0; height: 0; border-width: 7px; border-color: #fefefe transparent transparent transparent; border-style: solid; position: absolute; left: 65vw; right: 0; bottom: -14px; margin: auto;}
.M_menu_filter ul li {width: 33.3%;  box-sizing: border-box; text-align: center; float: left; height: 50px; padding: 5px;}
.M_menu_filter ul li a {background: darkred;  display: block; font-size: 14px; height: 35px; line-height: 35px; color: #fff; border-radius: 20px;}
.M_menu_filter ul li a:before {content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.bk_mask {display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .8); top: 0; z-index: 100;}
 
/**NavArea-top**/ 
.NavArea {display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 998;}
.NavArea .Nav {position: relative; margin: 0; padding: 0; overflow-x: scroll; background: #000; border-bottom: 2px solid #ccc;}
.NavArea .Nav ul {white-space: nowrap; width: max-content;}
.NavArea .Nav li {z-index: 10; position: relative; float: left; padding: 0; overflow: hidden; width: auto; font-weight: inherit; text-align: center; }
.NavArea .Nav a {color: #fff; text-decoration: none; position: relative; padding: 0 12px; height: 50px; font-size: 15px; line-height: 50px; font-weight: bold; }
.Nav-slide.active a {color: yellow;}
.NavArea li.highlight0 {display: none;}
.Nav-slide.active a {color: yellow; font-weight: bold; border-bottom: 2px solid yellow; background: #525252;}
}

@media screen and (max-width:768px) {
.kv_logo{display: none;}
.event_pc {display: none;}
.event_m {display: block;}
.event1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;}
.event_game {}
.event2, event3, event4  {width: 94vw;}
.event2_btn {width: 50%;}
    
.giveback_wrapper {padding-top: 0;}	
.giveback_container {zoom: 1;}
.event_register {position: absolute; top: 1vw; left: 2vw; z-index: 1;}
.event3{position: relative; margin: auto; display: flex; justify-content: center; background: url(../images/coupon_border_m.png) no-repeat center top; background-size: contain;}
.swiper_coupon{background: none; background-size: contain; height: 44vw; margin: 0 10px; padding: 0;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 6vw;}
.event4 {}
.swiper-slide{top: 1vw;}
.swiper_lottery img,.swiper_coupon img{width: 100%}
.swiper_coupon{top: 2vw;}
.swiper_line{background: url(../images/event4_line_border_m.png) no-repeat center top; background-size: contain;}
.swiper_bank{background: url(../images/event4_bank_border_m.png) no-repeat center top; background-size: contain;}  
.swiper_line img, .swiper_bank img, .event_travel img{width: 100%;}
.swiper_line .swiper-pagination.swp3, .swiper_bank .swiper-pagination.swp4 {bottom: 0;}
.event_travel{background: url("../images/event4_travel_m.png")no-repeat center top; background-size: contain; }
.swiper_line, .swiper_bank,.event_travel {height: 39vw;}  
.coupon_container{width: 100vw; height: auto; background-image: url(../images/coupon_border_m.png);
    background-size: contain; background-repeat: no-repeat;}
.coupon{width: 46vw; height: auto; top: 2.5vw; left: -4vw;} 
 
.limited_wrapper{width: 100vw; left: 0px; margin: 5vw 0 -5vw;}
.test_wrapper{padding: 3vw 2vw;}
/***/
.ProductList .item {width: 49vw;}  
.ProductList .ProductImg {width: 49vw; height: 49vw;}	
.item .ProducPrice .prePrice span, .item .Event_Condition i span {font-size: 24px;}

/**group**/
.group:nth-child(1), .group:nth-child(2), .group:nth-child(3), 
.group:nth-child(4), .group:nth-child(5), .group:nth-child(6),
.group:nth-child(7), .group:nth-child(8), .group:nth-child(9) {
    grid-template-columns: 49% 49%;
    grid-gap: 0.5%; padding-bottom: 9vw;
    display: flex;}
 
.group .tit_prod {
    grid-row: auto;
    grid-column: 1 / 3;
    height: 25vw;}  
    height: 25vw;}  
	
/*.group:nth-child(2) .tit_prod, .group:nth-child(4) .tit_prod,
.group:nth-child(6) .tit_prod, .group:nth-child(8) .tit_prod {
    grid-column-start:1;
    grid-column-end:3;
    height: 25vw;}*/   

/***/	
.banner_wrapper .swiper-button {display: none;}
.banner_wrapper .swiper-pagination {margin: auto; left: 0; right: 0; bottom: -7vw;}
}

@media screen and (max-width:576px) {
.giveback_container {zoom: 0.5;}
/*.event_wrapper {padding: 4.5vw 5vw;}*/
		
.banner_wrapper {padding-bottom: 4.5vw;}

.prod_wrapper {padding-top: 25px;}
.group {margin-bottom: 30px;}

.brand_wrapper {background: none; height: auto;}	
.brand_item {width: 98vw;}
.brand-main {width: 96%;}
.brand-slide {width: 33.3%;}
.swiper_line, .swiper_bank,.event_travel {background-size: contain;}  
}

@media screen and (max-width:375px) {

}

@media screen and (max-width:320px) {
.giveback_container {zoom: 0.6;}
}