@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0; }

/*全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;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { margin-bottom: 0;min-width: inherit; min-height: 100vh; overflow: hidden; background-size: 100%;}
		.WRAPPER img {  width:100%;  height:auto; }
	}

/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}

/*PC背景*/
@media screen and (min-width:768px){
.bg_top { z-index:-58; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_repeat { z-index: -60; position: absolute; top: 0; left:0; width:100%; height: 100%; background-repeat:repeat-y; background-position: center top; pointer-events:none; }
.bg_repeat2 { z-index:-59;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
}


@media screen and (max-width:767px){
.mo_top { z-index:-40; position:absolute; top: 10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}
.m_repeat_bg { z-index:-50; position:absolute; top: 0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;background-size: 100%;}

}


/*間距*/
@media screen and (min-width:768px){
.Area_bottom { margin-bottom: 20px!important; }
.Area_bottom2 { margin-bottom: 20px!important; }
}
@media screen and (max-width:767px){
.Area_bottom { margin-bottom: 5vw!important; }
.Area_bottom2 { margin-bottom: 0vw!important; }	
}


/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title { height: 760px; z-index: 40;}
	.Area_title .feather{ position:absolute; top: 170px; left: 1200px;z-index:5}
	.Area_title .ribbon{ position:absolute; top: 453px; left: 700px;z-index:35;pointer-events: none;}
	.Area_title .bubble1{ position:absolute;  top: 135px; left: -330px;z-index:2}
	.Area_title .bubble2{ position:absolute;  top:150px;left: -160px;z-index:2}	
}

@media screen and (max-width:767px){
	.Area_title { position: relative; height: 100.5vw; z-index: 20;}	
	.Area_title .feather{ position: absolute; width: 16%; top: 57vw;left: 90vw;}	
	.Area_title .ribbon{ position: absolute; width: 69%; top: 79vw;left: 43vw;pointer-events: none;z-index: 11;}	
	.Area_title .bubble1{ position: absolute; width: 12%; top: 33vw; left: -3vw; z-index: 2;}
	.Area_title .bubble2{ position: absolute;width: 6%; top: 24vw; left: 5vw; z-index: 2;}
}


/*副標輪播*/
.Area_title .title_swiper { position: absolute; left: 0px; top: 403px; height: 155px; width: 578px; text-align: left; z-index: 23;}
.Area_title .title_swiper ul {list-style: none;margin: 0;padding: 0;}
.Area_title.title_swiper img {width: 504px;}
	@media screen and (max-width:767px){
  .Area_title .title_swiper {position: absolute;left: 15%;top: 34.5vw; height: 17vw; margin: 0px auto;list-style: none; width: 110%; z-index: 10;}
  .Area_title .title_swiper img {width: 65%;}
}




/*版頭品微調*/
.Area_title .PD_layout .PD_slide:hover { transform: translateY(0); box-shadow: none;}
.Area_title .PD_layout .PD img { width: auto; }
.Area_title .PD_layout .PD h3 { color: #2d2d2d; }
.Area_title .PD_layout .PD h4 { color: #2d2d2d; }
.Area_title .PD_layout .PD :hover h4 { color: #2d2d2d; }
.Area_title .PD_layout .PD p { color: #2d2d2ds; }
.box_PD .PD_layout ul, .box_PD2 .PD_layout ul{ display: flex; }
.Area_title .PD_layout .PD p {height: 2em;line-height: 2em;color: #ee3850;}
@media screen and (min-width:768px){
/*.box_PD {position:absolute;width: 90%;overflow: hidden;left: 102px;top: 235px;z-index: 30;}*/
.box_PD {position: absolute; width: 90%;  overflow: hidden;left: 406px; top: 57px; z-index: 30;}
.box_PD .PD_layout .PD_into {position: absolute;top: 50px;left: 540px;font-size: 1.4em;width: 26%;text-align: center;height: 240px;}
.box_PD .PD_layout .PD_into::after {content: ""; position: absolute; top: -66px; left: -3px; width: 100%; height: 100%;  z-index: -10; pointer-events: none;}
.box_PD .PD_layout .PD img{width: 60%;padding: 0%;}
.box_PD2 {position:absolute;width: 120%;overflow: hidden;padding: 0 0 0 210px;left: 483px;top: 277px;z-index: 30;}
.box_PD2 .PD_layout .PD_into {position: absolute;top: 380px;left: -170px;font-size: 1.4em;width: 20%;text-align: center;height: 160px;}
.box_PD2 .PD_layout .PD_into::after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -10;pointer-events: none;}
.box_PD2 .PD_layout .PD img{width: 46%;padding: 3%;}
.box_PD .PD_layout .swiper-slide{opacity: 0 !important;}
.box_PD .PD_layout .swiper-slide-active{opacity: 1!important;}
}
@media screen and (max-width: 767px) {
	.box_PD {position:absolute;left: 5vw;top: 17vw;width: 100%;z-index: 10;}
	.box_PD .PD_layout .PD_into {position: absolute;top: 22vw; left: 3vw; font-size: 1em; width: 40%; text-align: center; height: 50vw;}
	.box_PD .PD_layout .PD_into::after {content:"";position: absolute; top: -6.5vw;left: -3vw;;width: 100%;height: 100%;z-index: -10;pointer-events: none;}
	.box_PD .PD_layout .PD img{width: 220%;padding: 0%;}
	.box_PD2 {position:absolute;left: 17vw;top: 60vw;width: 100%;overflow: hidden;z-index: 5;}
	.box_PD2 .PD_layout .PD_into {position: absolute;top: 0vw;left: 0;font-size: 0.9em;width: 43%;text-align: center;height: 50vw;}
	.box_PD2 .PD_layout .PD_into::after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -10;pointer-events: none;}
	.box_PD2 .PD_layout .PD img{position: relative;left: 31vw;top: 4vw;width: 56%;padding: 3%;}
    .box_PD .PD_layout .swiper-slide{opacity: 0 !important;}
    .box_PD .PD_layout .swiper-slide-active{opacity: 1!important;}
}




/*版頭主標微調*/
.title .PD_layout .PD img { width: auto!important; }
.title .PD_layout .PD a { pointer-events: none; }
.title .PD_layout .PD_slide:hover {transform: translateY(0); }
.title .PD_layout .PD_slide {min-width: 10%;}
@media screen and (min-width: 768px){
.title { z-index: 99; }
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 230px;left: -67px;z-index: 31;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 140px;left: 80px;z-index: 31;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 135px;left: -20px;z-index: 10;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 85px;left: 355px;z-index: 11; display: none; }

}
@media screen and (max-width:767px){
.title .PD_layout li:nth-of-type(1) {position: absolute; top: 12vw;left: 2vw; width: 99%; z-index: 10;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 3vw;left: 22vw;width: 70%;z-index: 50;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 2vw;left: 9vw;width: 15%;z-index: 5;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 2vw;left: 61vw;width: 29%;z-index: 0;}
.title .PD_layout ul { display: flex; left: 0;top: 0;}
.title .PD_layout .PD img { width: 100%!important; }
}




/*公版樣式*/
/*.PDbox.PD_layout .PD_slide {border-radius: 0!important; background-color: #d9edff;}*/
.PDbox.PD_layout li:hover {box-shadow: none; }
.PDbox.PD_layout .PD_img img {border-radius:0!important;}
.PDbox.PD_layout .PD h3 {color: #000000!important;padding: 0!important;background-color: #0000!important;/*border-bottom: #000000 1px solid;*/border-radius: 0!important;}
.PDbox.PD_layout .PD h4 {color: #000000;margin-bottom: 10px;}

.PDbox.PD_layout .PD p del {color: #000000;}
.PDbox.PD_layout .PD:hover h4 { color: #1d81df; }
.PDbox.PD_layout .PD p .Price,.PDbox.PD_layout .PD p .money { color: 000; }
.PDbox2.PD_layout li:hover {box-shadow: none; }
.PDbox2.PD_layout .PD_img img {border-radius:0!important;}
.PDbox2.PD_layout .PD h3 {color: #000000!important;padding: 0!important;background-color: #0000!important;/*border-bottom: #000000 1px solid;*/border-radius: 0!important;}
.PDbox2.PD_layout .PD h4 {color: #000000;margin-bottom: 10px;}

.PDbox2.PD_layout .PD p del {color: #000000;}
.PDbox2.PD_layout .PD:hover h4 { color: #1d81df; }
.PDbox2.PD_layout .PD p .Price,.PDbox.PD_layout .PD p .money { color: 000; }


@media screen and (max-width:767px){
.PDbox.PD_layout .PD_slide {padding: 2% 2% 0;}
.PDbox.PD_layout .PD h4,.PDbox2.PD_layout .PD h4 {margin-bottom: 1vw;}
.PDbox.PD_layout .PD p,.PDbox2.PD_layout .PD p {font-size: 0.8em;padding: 1% 3%;height: 2.5em;}
}





/*公版背景*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt img{width: 75%;}
.box_txt2 {position: relative;margin: 0 auto;padding: 1% 0 0;width: 100%;height: 161px;}	
/*.box_txt2::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;background-image:url(box_txt_bg2.png?t=1779702380940);background-repeat:no-repeat;background-size: 100%;pointer-events:none;z-index: -10;}*/
.box_txt2 img{width: 72%;}	
.box_txt3 {position: relative;margin: 0 auto;padding: 1% 0 0;width: 100%;height: 163px;}		
/*.box_txt3::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;background-image:url(box_txt_bg3.png?t=1779702380940);background-repeat:no-repeat;background-size: 100%;pointer-events:none;z-index: -10;}*/
.box_txt3 img{width: 72%;}	
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;padding: 0.5% 0;height: 17vw;}
.box_txt img{width: 100%;}
.box_txt2 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 20vw;}	
.box_txt2 img{width: 100%;}
/*.box_txt2::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;background-image:url(m_box_txt_bg2.png?t=1779702380940);background-repeat:no-repeat;background-size: 100%;pointer-events:none;z-index: -10;}*/
.box_txt3 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 20vw;}
.box_txt3 img{width: 100%;}
/*.box_txt3::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;background-image:url(m_box_txt_bg3.png?t=1779702380940);background-repeat:no-repeat;background-size: 100%;pointer-events:none;z-index: -10;}*/	
}




/*一健全領折價券*/

.coupon {height:220px ; margin:0px auto 0px!important;}
@media screen and (max-width:767px){
	.coupon {height:23vw ; width: 98%!important; margin: 2vw auto 0vw!important; }
    .coupon .Area_coupon{padding-bottom: 3vw;}	
	}





/*活動BNx3(線上入搞)*/
@media screen and (min-width:768px){
.Area01 { position: relative; height: auto; top: 0; margin-bottom:0;}
.Area01 .layout_activity{top:0;}
.Area01 .layout_activity ul {width:920px;margin:0 auto; padding:0 0 0 0; }
.Area01 .layout_activity ul li {padding:0px;margin:0 auto;}
.Area01 .layout_activity ul li img {width:100%;}
.Area01 .layout_activity ul li:nth-child(2){top: 0px;box-shadow: none;}

}
@media screen and (max-width:767px){
.Area01 {height: auto; margin-bottom:0;}	
.Area01 .layout_activity{width:95%; height: auto; margin:0 auto;padding:0; z-index: 5; margin-bottom:0vw;/*background:url(mb_05.png?t=1779702380940) top center no-repeat ; background-size:100%;*/ }
.Area01 .layout_activity ul {width:100% ;margin:0 auto;padding:0vw 0 0 0;}
.Area01 .layout_activity ul li {margin: 0%;}
.Area01 .layout_activity ul li img {width:100%;}
.Area01 .layout_activity ul li:nth-child(1){top: 0vw;}
.Area01 .layout_activity ul li:nth-child(3){top: 0vw;}
.Area01 .layout_activity.PD_layout[data-pd-col-phone="2"] ul {padding:0em ;}	
}






/*登記活動*/
@media screen and (min-width: 768px){
.Area02 {height: auto;padding-bottom: 10px;}
.Area02 .box_all {height: 100%;}
.Area02 .box01 {position: relative;padding: 0px 0;}
.Area02 .box03 {position: relative;padding: 0px 0;}
}

@media screen and (max-width: 767px){
  .Area02 {padding-bottom: 1vw!important;height: auto;}
  .Area02 .box_all {height: 100%;}	
  .Area02 .box01 {padding-top: 1vw;height: auto;}
  .Area02 .box01 .Area_danji { width: 91%; margin-bottom: 0vw; }
  .Area02 .box03 {padding-top: 1vw;height: auto;}
  .Area02 .box03 .Area_danji { width: 94%; margin-bottom: 0vw; }

}



/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffe984;}                 
.Area_danji {width: 97%;}                


/*春暖亮妍 必buy*/
@media screen and (min-width:768px){
.Area03 {padding: 27px 0 0 0;height: auto;margin-bottom: 0;}
.Area03 .box{padding: 0;}
}

@media screen and (max-width:767px){
.Area03 {height: auto;}

}

.Area03 .PD_layout.layout_brand ul{display: flex;padding: 0;height: 680px;grid-gap: 0;}
.Area03 .brand_box01{width: 100%;margin: 0 auto;overflow: hidden;}




/*item*/
@media screen and (min-width:768px){
	.Area03{margin-bottom: 0;}
    .Area03 .PD_layout.layout_item {}
    .Area03 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area03 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area03 .PD_layout.layout_item .PD_slide {padding:26px 15px;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into {padding-left:0;position: absolute;left: 6px;top:367px;width:100%;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:37px;top:-270px;width:80px;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset;width:80px;height:auto;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into h3 {text-align: center; padding: 0; max-height: 1.9em; font-weight: bolder;font-size: 1.4em; line-height: 1.0em; color: #fff;width:100%;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into h4 {text-align: center!important; font-size: 1.1em;color: #fff;width:100%;line-height: 1.1em; }
    .Area03 .PD_layout.layout_item .PD_slide .PD p {text-align: center!important;padding-top:0px;color:  #FFFFFF; font-size: 1.25em;}
    .Area03 .PD_layout.layout_item .PD_slide .PD p del { color: #FFFFFF;}
    .Area03 .PD_layout.layout_item .PD_slide .PD a { position: initial; display: block; text-decoration: none; color: #fff;}
}
@media screen and (max-width:767px){
	.Area03{margin-bottom: -10vw;}
    .Area03 .PD_layout.layout_item {width:96%;}
    .Area03 .PD_layout.layout_item ul {margin-top: 3%;padding-bottom: 2%;}
    .Area03 .PD_layout.layout_item li {margin-top: 0%;margin-left:-1%;width:100%;}
    .Area03 .PD_layout.layout_item .PD_slide:hover {transform:unset;}
    .Area03 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 5%;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0vw;position: absolute;left:1vw;top:40vw;width: 100%;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:5vw;top:-74vw;width:22vw;height:auto;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into h3 { text-align: center!important;padding: 0; max-height: 1.9em; font-weight: bolder;font-size: 1.0em; line-height: 1.3em; color:#fff;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into h4 { text-align: center!important;margin-top:-1.5vw ; font-size: 1.0em;width:100%;color: #fff;max-height: 1.1; }
    .Area03 .PD_layout.layout_item .PD_slide .PD p {text-align: center!important;margin: -1vw auto 0;color: #FFFFFF;font-size: 4vw;}
	  .Area03 .PD_layout.layout_item .PD_slide .PD p del { color: #FFFFFF;}
    .Area03 .PD_layout.layout_item .PD_slide .PD a { position: initial; display: block; text-decoration: none; color: #fff;}
    }



















/*區塊5*/
.Area04 {}
@media screen and (min-width:768px){
.Area04 .box_all {padding-top: 0;}
.Area04 .box01,.Area04 .box02 {padding: 0 2%;position: relative; padding-bottom: 50px; }	
/*.Area04 .box01 .PD_layout {padding: 1% 0;background: url("Area_repeat.png?t=1779702380940") center top/ 100% repeat-y scroll;}
.Area04 .box01 .PD_layout::after {content:"";position: absolute;display:block;left: 0;width: 100%;height: 100%;background-image:url(Area_end.png?t=1779702380940);background-repeat:no-repeat;background-size: 100%;pointer-events:none;z-index: -10;}
.Area04 .box02 .PD_layout {padding: 1% 0;background: url("Area_repeat2.png?t=1779702380940") center top/ 100% repeat-y scroll;}
.Area04 .box02 .PD_layout::after {content:"";position: absolute;display:block;left: 0;width: 100%;height: 100%;background-image:url(Area_end2.png?t=1779702380940);background-repeat:no-repeat;background-size: 100%;pointer-events:none;z-index: -10;}	
*/}

@media screen and (max-width:767px){
  .Area04 {width: 100%;padding-bottom: 0;}
  .Area04 .box_all { width: 100%;}
  .m_Area04_bg {z-index:-10;position:absolute;top: 0;left:0;width:100%;height: 108%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
/*  .Area04 .box01 .PD_layout { background: url("m_Area_repeat.png?t=1779702380940") center top/ 100% repeat-y scroll; }
  .Area04 .box01 .PD_layout ul{padding: 2% 6%;}
  .Area04 .box01 .PD_layout::after {content:"";position: absolute;display:block;left: 0;width: 100%;height: 100%;background-image:url(m_Area_end.png?t=1779702380940);background-repeat:no-repeat;background-size: 100%;pointer-events:none;z-index: -10;}
  .Area04 .box02 .PD_layout { background: url("m_Area_repeat2.png?t=1779702380940") center top/ 100% repeat-y scroll; }
  .Area04 .box02 .PD_layout ul{padding: 2% 6%;}
  .Area04 .box02 .PD_layout::after {content:"";position: absolute;display:block;left: 0;width: 100%;height: 100%;background-image:url(m_Area_end2.png?t=1779702380940);background-repeat:no-repeat;background-size: 100%;pointer-events:none;z-index: -10;}	
*/}








/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index: 99;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*1顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}

/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:50%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:50%;}




/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto;  border-radius:0; text-align:center; }

.Area a {  display:block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;

       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);

     -moz-transform:scale(0.95);

      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}

	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}



/*LOGO*/
.Area_top {}
.Area_top .momologo { z-index:99; position: absolute;top: 15px; left:40px;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}


/*按鈕*/
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;

	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	



/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}