@charset "utf-8";
/* CSS Document */
/*
 * Ghvzon
 * 共用元件 js_link-v3.1
 *******************************************************************
 *  --2019.04.03--修改上傳圖片路徑設定9~16行(v3.1)
 *******************************************************************
 */


/* --------------------------------------
 * pageRWDLayout RWD分頁用
 * -------------------------------------- */





/*基本*/
html, body{ background-color: #3776d7;}
	@media screen and (max-width:767px){
	}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background: url("bg.jpg?t=1754537681613"); bottom:0; background-size: 100%;background-repeat: no-repeat}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height:100%; overflow:visible;}
		.WRAPPER img { width:100%; height:auto;}
	}
	



/* --------------------------------------
 * 遊戲機制
 * -------------------------------------- */


/*共用--機制背景*/
.Area_game h2 { display:none;}
.Area_game a { display:inline-block;}
.Area_game_bg { position:relative; background-repeat: no-repeat; background-position: center bottom;}
.Area_game_bg:before { content:""; display:block; z-index:-1; position:absolute; top:0; left:0; width:100%;}
.Area_game_bg:after  { content:""; display:block; z-index:-2; position:absolute; left:0; width:100%;}
	@media screen and (min-width:768px){
		.Area_game_bg { padding:50px 100px 60px; background-image:url(Area_game_bg3.png?t=1754537681613);}
		.Area_game_bg:before { height:600px; background-image:url(Area_game_bg1.png?t=1754537681613);}
		.Area_game_bg:after  { top:600px; height:calc(100% - 600px - 150px); background-image:url(Area_game_bg2.png?t=1754537681613);}
	}
	@media screen and (max-width:767px){
		.Area_game_bg { padding:5vw 0 6.5vw; background-image:url(m_Area_game_bg3.png?t=1754537681613); background-size: 100%;}
		.Area_game_bg:before { height:62.3vw; background-image:url(m_Area_game_bg1.png?t=1754537681613); background-size: 100%;}
		.Area_game_bg:after  { top:62.3vw; height:calc(100% - 62.3vw - 15.5vw); background-image:url(m_Area_game_bg2.png?t=1754537681613); background-size: 100%;}
	}
  /*檯子*/
  .Area_game_bgicon { z-index:-10; position:absolute; bottom:-175px; left:-390px; width:2000px; height:270px; background-image:url(Area_game_bgicon_bg1.png?t=1754537681613); background-repeat:no-repeat;}
  .Area_game_bgicon:after { content:""; display:block; position:absolute; bottom:200px; left:0; width:500px; height:520px; background-repeat:no-repeat;}
  .Area_game_bgicon_2,
  .Area_game_bgicon_4,
  .Area_game_bgicon_6,
  .Area_game_bgicon_8 { background-image:url(Area_game_bgicon_bg2.png?t=1754537681613);}
  .Area_game_bgicon_2:after,
  .Area_game_bgicon_4:after,
  .Area_game_bgicon_6:after,
  .Area_game_bgicon_8:after { left:initial; right:0;}
  .Area_game_bgicon_1:after { background-image:url(Area_game_bgicon_1.png?t=1754537681613);}
  .Area_game_bgicon_2:after { background-image:url(Area_game_bgicon_2.png?t=1754537681613);}
  .Area_game_bgicon_3:after { background-image:url(Area_game_bgicon_3.png?t=1754537681613);}
  .Area_game_bgicon_4:after { background-image:url(Area_game_bgicon_1.png?t=1754537681613);}
  .Area_game_bgicon_5:after { background-image:url(Area_game_bgicon_2.png?t=1754537681613);}
  .Area_game_bgicon_6:after { background-image:url(Area_game_bgicon_4.png?t=1754537681613);}
  .Area_game_bgicon_7:after { background-image:url(Area_game_bgicon_1.png?t=1754537681613);}
  .Area_game_bgicon_8:after { background-image:url(Area_game_bgicon_2.png?t=1754537681613);}
		
	@media screen and (max-width:767px){
		.Area_game_bgicon { display:none;}
	}
		

/* --------------------------------------
 * 集點加價購
 * -------------------------------------- */

		
/*集點卡*/
.Area_game03_01 {}
	@media screen and (min-width:768px){
		.Area_game03_01 .Area_game_bg:before { height:573px;} 
	}
	@media screen and (max-width:767px){
	}
	/*紀錄*/
	.Area_game03_01 .Area_game03_01btn { z-index:1; position:absolute; top:30px; left:837px; display:block; overflow:hidden; width:100px; height:60px; text-indent:-100%; background-color:transparent; color:transparent;}
	/*內文*/
	.Area_game03_01 .box_card_txt1 { position:relative;}
	.Area_game03_01 .box_card_txt1 .txt { z-index:1; position:absolute; top:92px; left:140px; width:35%; font-size:48px; color:#000; }
	.Area_game03_01 .box_card_txt1 .txt span { font-size:90px; font-family:Century Gothic;}
	.Area_game03_01 .box_card_txt2 { margin:-20px 0 100px 0; font-size:25px; font-weight:800; color:#c55385; text-align:left;}
	.Area_game03_01 .box_card_txt2 ul { margin:20px 0 0 150px; padding:0;}
		@media screen and (max-width:767px){
			.Area_game03_01 .box_card_txt1 .txt { top:11vw; left:16vw; font-size:5vw; letter-spacing:-0.05rem; }
			.Area_game03_01 .box_card_txt1 .txt span { font-size:9vw; }
			.Area_game03_01 .box_card_txt2 { margin:2vw 0 10vw 0; padding:0 7%; font-size:3.47vw;}
			.Area_game03_01 .box_card_txt2 ul { margin:0vw 0 0 5vw;}
		}


/*集點換*/
.Area_game03_02 {}
	@media screen and (max-width:767px){
	}
	/*Hello Kitty商品*/
	.Area_game03_02_01 .bgicon { z-index:0; position:absolute; bottom:80px; right:140px;}
	/*熱門商品*/
	.Area_game03_02_02 { }
		/*商品*/
		.PD_ { z-index:1; position:relative; margin:10px auto 20px; width:935px;}
		.PD_ ul { margin:0; padding:0; list-style:none;}
		.PD_ ul:after { content:""; display:block; clear:both;}
		.PD_ li { float:left; position:relative; margin:0 0 15px 15px; padding:0;  width:460px;}
		.PD_ li:nth-child(2n+1) { margin-left:0;}
		.PD_ li img { width:100%;}
		.PD_ li > img { box-shadow:5px 5px 10px rgba(182,64,109,0.4);}
		.PD_ li .btn_PDmore { z-index:1; position:absolute; top:2%; left:2%; width:50%; padding-bottom:59%; /*background-color:rgba(0,0,0,0.3);*/}
		.PD_ li .btn_PDmore a { position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
		.PD_ li .txt { z-index:1; position:absolute; top:58%; left:55.5%; font-size:20px; font-weight:800; color:#f47aa3;}
		.PD_ li .txt span { font-size:24px;  font-family: Century Gothic;}
		.PD_ li .btn { z-index:1; position:absolute; top:78%; left:55.5%; width:30%;}
			@media screen and (max-width:767px){
				.PD_ { margin:2vw auto; width:84%;}
				.PD_ li { float:left; position:relative; margin:0 0 2vw 0; padding:0;  width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;}
				.PD_ li .txt { top:56%; font-size:4vw;}
				.PD_ li .txt span { font-size:5vw;}
				.PD_ li .btn {  }
			}



/*
 * Autumn
 * 你可能會喜歡機制edmBgw.js-v1.1
 *******************************************************************
 *  --2020.03.27--延遲讀圖調整設定,輪播改v5.2.1版本(v1.1)
 *  --2019.01.06--將edmBgw.js incude在您可能會喜歡區塊語法的後面即可，不一定要緊接著(v1.0)
 *  --2019.01.06--簡易模組化公版#bt_0_layout_b268_ (PD_layout-v1.0)(v1.0)
 *******************************************************************
 */
  /*基本款*/
  #bt_0_layout_b268 .PD_layout { position:relative; margin:0 auto; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; overflow: hidden;} 
  #bt_0_layout_b268 .PD_layout a { display:block; text-decoration:none; color:#000;}
  #bt_0_layout_b268 .PD_layout ul { margin:0 auto; padding:10px 0; min-height: auto; list-style:none;}
  #bt_0_layout_b268 .PD_layout ul:after { content:""; display:block; clear:both; }
  #bt_0_layout_b268 .PD_layout li { float:left; display:block; position:relative; margin:0; padding:0;
                      -webkit-transition: 0.2s ease;
                         -moz-transition: 0.2s ease;
                          -ms-transition: 0.2s ease;
                           -o-transition: 0.2s ease;
                              transition: 0.2s ease;}
  #bt_0_layout_b268 .PD_layout .BN img { width: 175px; height: 175px;
                      -webkit-transition: 0.2s ease;
                         -moz-transition: 0.2s ease;
                          -ms-transition: 0.2s ease;
                           -o-transition: 0.2s ease;
                              transition: 0.2s ease;}
  #bt_0_layout_b268 .PD_layout .PD .youLikePic img { width:100%; }
  #bt_0_layout_b268 .PD_layout .PD .youLikePic:hover img { filter:brightness(105%);}
  #bt_0_layout_b268 .PD_layout .PD .youLikePic .prdPrice img { width: 45px; height: auto; }
  #bt_0_layout_b268 .PD_layout .PD_slide { background-color:#fff; border-radius:10px;}
  #bt_0_layout_b268 .PD_layout .PD_slide:hover { z-index:5;}	
  #bt_0_layout_b268 .PD_layout .PD { position:relative;}
  #bt_0_layout_b268 .PD_layout .PD { margin:10px; margin-bottom:0;}
  #bt_0_layout_b268 .PD_layout .PD .PD_img { width:100%; height:auto;}
  #bt_0_layout_b268 .PD_layout .PD h4 b { display:block;}
  #bt_0_layout_b268 .PD_layout .PD h4 br { display: none;}
  #bt_0_layout_b268 .PD_layout .PD .prdName{ margin:0 auto 5px; padding: 0; text-align: left; font-size:16px; line-height:1.4; color:#000;}
  #bt_0_layout_b268 .PD_layout .PD .prdName{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  #bt_0_layout_b268 .PD_layout .PD .prdName{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;  }
  #bt_0_layout_b268 .PD_layout .PD:hover .prdName { color:#d92670;}
  #bt_0_layout_b268 .PD_layout .PD .PD_prdPrice{display: block;}
  #bt_0_layout_b268 .PD_layout .PD p { padding-right:5px; height: auto; font-family: Century Gothic,"微軟正黑體"; color:#5e5e5e; }
  #bt_0_layout_b268 .PD_layout .PD p .prdPrice { display: block; width: 100%; /*height: 40px;*/ font-size:20px; font-family: Century Gothic; letter-spacing:-1px; overflow: hidden; }
  #bt_0_layout_b268 .PD_layout .PD p .prdPrice img { display: block; float: left; }
  #bt_0_layout_b268 .PD_layout .PD p .prdPrice b { display: block; float: right; padding-right: 5px; }
    @media screen and (min-width:768px){
      #bt_0_layout_b268 .PD_layout .PD_slide:hover { -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
      #bt_0_layout_b268 .PD_layout .PD_slide:hover { box-shadow:0 10px 20px rgba(0,0,0,0.2);}	
    }
    @media screen and (max-width:767px){
      #bt_0_layout_b268 .PD_layout,
      #bt_0_layout_b268 .PD_layout * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} 
      #bt_0_layout_b268 .PD_layout ul { margin:0 auto; padding:0; min-height: auto; list-style:none; overflow: inherit;}
      #bt_0_layout_b268 .PD_layout .PD_slide { text-align:left;}
      #bt_0_layout_b268 .PD_layout .PD_slide:hover {-webkit-transform:none; transform: none;}
      #bt_0_layout_b268 .PD_layout .PD .PD_img { margin:0;}
      #bt_0_layout_b268 .PD_layout .PD .prdName{ margin:0 auto 5px; padding: 0; font-size:16px; line-height:1.4; color:#000;}
      #bt_0_layout_b268 .PD_layout .PD p { margin-bottom:8%; padding:0; font-size:15px; line-height:16px;}
      #bt_0_layout_b268 .PD_layout .PD p b { font-size:20px; line-height: 1; }
      #bt_0_layout_b268 .PD_layout .PD p .prdPrice { font-size:24px; font-weight: 300; vertical-align: bottom;}
    }
    /*改成輪播用公版*/
    #bt_0_layout_b268 .b268_swiper ul { display: -webkit-inline-flex; display: inline-flex; margin: 0 auto; padding:10px 0;}
    #bt_0_layout_b268 .b268_swiper li { float:none; margin:0; width: 195px; }
    #bt_0_layout_b268 .b268_swiper {  position: static;  overflow: hidden; overflow: inherit; }
      @media screen and (min-width:768px){
        #bt_0_layout_b268 .b268_swiper {   margin: 0;  padding: 0 60px;  padding-top: 10px; }
      }
      @media screen and (max-width:767px){
        #bt_0_layout_b268 .b268_swiper {   margin: 0 2.8vw;  padding: 0 1%;  padding-top: 10px; padding-bottom: 1%;}
        #bt_0_layout_b268 .b268_swiper ul { padding:0;  }
        #bt_0_layout_b268 .b268_swiper li { width: 30%; }
      }
    /*1排3品微調*/
      @media screen and (max-width:768px){
        #bt_0_layout_b268 .PD_layout .PD p { /*height: 15vw;*/ }
        #bt_0_layout_b268 .PD_layout .PD .prdName{ height:auto; font-size:3.5vw; line-height:1.3; color:#000; overflow: hidden;}
        #bt_0_layout_b268 .PD_layout .PD .youLikePic .prdPrice img { width: 8vw; height: auto; }
        #bt_0_layout_b268 .PD_layout .PD p .prdPrice b{ font-size:4vw; padding-right:2px; }	
      }