body { min-width: 1200px; color: #333; font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif"; }
a { display: block; text-decoration: none;}
:focus { outline: none; }
i { font-style: normal; }
.header { margin: auto; width: 100%;}
.footer { margin: auto; width: 100%;}
.hd_pc { width: 100%;}
.hd_m { display: none; }
.pez_ft { height: 228px;}
.M_menu_wrap { display: none; }
.main { margin: auto; position: relative; width: 100%; z-index: 1; overflow: hidden; }
.gotop { display: none; }

/**kv**/
.kv_bg1 { width: 100%; height: 475px; background: url("../images/bg1_01.jpg") no-repeat top center; background-color: #c9e3e2;}
.kv_bg2 { width: 100%; height: 564px; background: url("../images/bg2_01.jpg") no-repeat top center; background-color: #f0f7cb;}
.kv_bg3 { width: 100%; height: 564px; background: url("../images/bg3_01.jpg") no-repeat top center; background-color: #c9e3e2;}
.kv_bg4 { width: 100%; height: 564px; background: url("../images/bg4_01.jpg") no-repeat top center; background-color: #e3c5e9;}
.kv_bg5 { width: 100%; height: 564px; background: url("../images/bg5_01.jpg") no-repeat top center; background-color: #ece0e4;}
.kv { width: 1200px; height: 640px; margin: auto; position: relative; }
.kv_slogan1 { position: absolute; top: 0px; right:290px; z-index:1;} /*kv*/
.kv_slogan3c { position: absolute; top: 458px; left: 60px; z-index:1; display: none;} /*menu*/
.lucky { float: left;}
.lucky a:hover{transform: scale(0.95); filter: brightness(120%); }
.kv_slogan_m1{ display: none;}


/**share**/
.shareBtn_wrapper { position: absolute; right: 13px;top: 58px; width: 120px; z-index: 999;}
.shareBtn_wrapper:after{content:''; display:table; clear: both;}
.shareBtn_wrapper ul li{width:50px; height: 50px; float:left; margin: 2px 5px; transition: linear .2s;}
.shareBtn_wrapper ul li img{width:100%;}
.shareBtn_wrapper ul li:hover,.shareBtn_wrapper ul li:focus,.shareBtn_wrapper ul li:active{ filter: brightness(130%); transform: scale(1.08);}

/**introduction**/
.introduction_bg1 { width: 100%; height: 510px; background: url("../images/bg1_02.jpg") no-repeat top center; background-color: #f7dee9;}
.introduction_bg2 { width: 100%; height: 510px; background: url("../images/bg2_02.jpg") no-repeat top center; background-color: #f0f7cb;}
.introduction_bg3 { width: 100%; height: 510px; background: url("../images/bg3_02.jpg") no-repeat top center; background-color: #f7dee9;}
.introduction_bg4 { width: 100%; height: 510px; background: url("../images/bg4_02.jpg") no-repeat top center; background-color: #e3c5e9;}
.introduction_bg5 { width: 100%; height: 510px; background: url("../images/bg5_02.jpg") no-repeat top center; background-color: #ece0e4;}
.introduction { width: 1100px; height: 510px; margin: auto; position: relative; }

/**map**/
.map_bg { width: 100%; height: auto; background-color: #ffd8eb; padding-bottom: 30px;}
.map { width: 622px;   height: auto; margin: auto;   position: relative;  border: 3px solid #fff;  border-radius: 30px 30px; padding: 30px 200px;}

/*foreign*/
.foreign_wrapper1{position: relative; background: #f7dee9; padding-bottom: 30px;}
.foreign_wrapper2{position: relative; background: #fff9cc; padding-bottom: 30px;}
.foreign_wrapper3{position: relative; background: #ffe4df; padding-bottom: 30px;}
.foreign_wrapper4{position: relative; background: #ffecff; padding-bottom: 30px;}
.foreign_wrapper5{position: relative; background: #f1eeff; padding-bottom: 30px;}
.th_area { width:100%; max-width:1100px; margin:0 auto; padding-top:30px}
.th_area>div { width:100%}
.th_area>div:after { content:"";display:block;	clear:both}
.th_area>header { margin-left:1%;	margin-right:1%;	font-size:35px;	line-height:50px;	position:relative;  color: #804c2e;  font-weight: bold;}
.th_area>header a {	position:absolute;	top:-120px}
.th_area>header:before {content:"";	display:inline-block; width: 20px; height: 20px; background-color:#804c2e;	margin-right:5px; -webkit-border-radius: 10px; border-radius: 10px;}
.md_adItem { width:48%;	float:left;	margin-left:1%;	margin-right:1%;	display:block;	background-color:#ffc346; text-decoration:none;	padding-bottom:1.04167%; padding-top:1.04167%;}
.md_adItem>header {	font-size:26px;	line-height:30px;	color:#FFF;	text-align:center;	margin:10px auto}
.md_adItem>div {	width:95.83333%;	float:left;	margin-left:2.08333%;	margin-right:2.08333%;	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;	background-color:#FFF;	padding:2.08333% 0}
.md_adItem .photo {	width:45.83333%;	float:left;	margin-left:2.08333%;	margin-right:2.08333%;	width:47.7%;	margin-right:0; overflow: hidden;}
.md_adItem .photo img {	/*width:100%;*/  height: 234px;}
.md_adItem .text {width:45.83333%;	float:left;	margin-left:2.08333%;	margin-right:2.08333%;	text-align:left;}
.md_adItem .text>p { font-size: 18px;    line-height: 24px;    border-bottom: dotted 1px #515151;    padding-top: 5px;    height: 118px;    overflow: hidden;	color:#333;	font-weight:bold;}
.md_adItem .text ul { -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    margin: 10px 0;    padding-bottom: 10px;}
.md_adItem .text li {color:#ff5658;	font-size:15px;	line-height:20px;	font-weight:bold;}
.md_adItem .text li:before {content:"★"; color:#ff5658;}
.md_adItem .text li.t_bold {font-weight:bold}
.md_adItem .text div {	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;	width:100%;	padding:5px 10px;	background-color:#515151}
.md_adItem .text div>p { font-size:16px;	line-height:20px;	position:relative;	color:#FFF;	line-height:30px;	font-weight:bold}
.md_adItem .text div span {	font-size:22px;	line-height:30px;	position:absolute;	color:#FFF;	right:0}
.md_adItem .text div span:after {	content:"起";	font-size:16px;	line-height:20px;	color:#FFF}
.md_adItem:hover {	background-color:#ea68a2; }
.th_itemList {	width:100%;	max-width:1077px;	margin:0 auto;}
.md_item {	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;	width:100%;	display:block;	background-color:#fff;	border:solid 1px #ccc; padding: 10px 0;	margin: 15px 0; }
.md_item:hover { border:solid 1px #ff5658}
.md_item:hover .price span {color:#ff5658}
.md_item>div {  width: 73%;   float: left;   margin-left: 1%;   margin-right:1%;  text-align: left; font-size: 18px; line-height: 30px; font-weight: bold; color: #333;}
.md_item:after {content:"";	display:block;	clear:both}
.md_item .price { width: 23%;  margin-left: 1%;   margin-right: 1%;   float: right;  font-weight: bold;}
.md_item .price p { font-size: 18px;  line-height: 30px;  text-align: right;  color: #2c2c2c;}
.md_item .price span { font-size: 30px;  line-height: 30px; color: #00bdf2;}
.md_item .price span:after { font-size: 18px;  line-height: 30px;  content: "起"; color: #2c2c2c;}
a.show_more { font-weight: bold; background: #ff5d5f; border-radius: 10px; color: #fff; padding: 5px 0; border-bottom: 5px #e40b0e solid; font-size: 22px; line-height: 27px; width: 160px; margin: 0 auto 10px; text-align: center;}
a:hover.show_more { background: #e40b0e;}

/**float**/
.float_wrapper { display: none; position: fixed; top: 20px; right: 0; z-index: 500; }
.float_main {width: 120px; }
.go_top { display: block; cursor: pointer; }
.group_leftmenu { margin: auto;  }
.group_leftmenu li a { text-align: center; font-size: 15px; line-height: 18px; padding: 4px 0; display: block; border-bottom: 1px dotted #fff; text-decoration: none; /*font-weight: bold;*/ }
.group_leftmenu li a:hover, .group_leftmenu li a:focus, .group_leftmenu li a:active { color: #fff; }
li.link01 a { color: #fff; background-color: rgba(0,0,0,0.8); }
li.link01 a:hover { color: #F4FF47; background-color: rgba(0,0,0,1); font-weight: bold;}
li.link02 a { color: #fff; background-color: rgba(0,0,0,0.8); }
li.link02 a:hover {color: #F4FF47; background-color: rgba(0,0,0,1); font-weight: bold;}
li.link03 a { color: #fff; background-color: rgba(0,0,0,0.8); }
li.link03 a:hover { color: #F4FF47; background-color: rgba(0,0,0,1); font-weight: bold;}
li.link04 a { color: #fff; background-color: rgba(0,0,0,0.8); }
li.link04 a:hover { color: #F4FF47; background-color: rgba(0,0,0,1); font-weight: bold;}


@media screen and (max-width:768px) {
body { /*padding-bottom: 10vw;*/ width: 100vw; min-width: inherit; }
* { box-sizing: border-box; }
.gotop { background: url(//www.payeasy.com.tw/pbenefit/in_other/pmedm/106/autumn/images/icon_top.png) no-repeat;  height: 36px; position: fixed; right: 10px; width: 36px; bottom: 93px; z-index: 900;display: none;  }
.gotop a { display: block; width: 48px; height: 36px; }
.header { width: 100vw; }
/*.footer{ display: none; }*/
.hd_pc { display: none; }
.hd_m { display: block; }
.pez_ft { height: 310px;}
    
.main { }
.kv_bg1, .kv_bg2, .kv_bg3, .kv_bg4, .kv_bg5 { height: auto; background-size: 174%;}
.kv {width: 100vw; height: 50vw;}
.kv img{width: 100%;}
  
.kv_slogan1{ top: 0; left: 18vw;  width: 64vw;}
.kv_slogan2{ top:-0.7vw; left:2vw; width: 49vw;} 
.kv_slogan3a { top: 57.3vw; right: 55vw; width: 26vw;} /*詳細說明*/
.kv_slogan3b { top: 57.3vw; right: 20vw; width: 34vw;} /*粉絲團*/
.kv_slogan3c { display: none;} 
.lucky { width: 17vw;}
.kv_slogan_m1{ display: block;}
.kv_slogan_m1 img{width: 100%;}
  
.shareBtn_wrapper{ right:2vw; margin: auto; width: calc( 16vw + 30px); top:1.2vw;}
.shareBtn_wrapper ul li{ width: 10vw;height: 10vw; margin: 2px 2px;}
    
/**introduction**/
.introduction_bg1, .introduction_bg2, .introduction_bg3, .introduction_bg4, .introduction_bg5{height: 46vw; background-size: 174vw;}
.introduction_bg1 img, .introduction_bg2 img, .introduction_bg3 img, .introduction_bg4 img, .introduction_bg5 img {width: 100%; }
.introduction{width: 100vw;}
	
/**map**/
.map_bg { padding-bottom: 20px;}
.map { width: 100vw; border: 0;  padding: 10px 10px;}
.map img {width: 100%; }
 
/**foreign**/
.foreign_wrapper1, .foreign_wrapper2, .foreign_wrapper3, .foreign_wrapper4, .foreign_wrapper5 {padding-top:0; background-size: 100%; padding-bottom: 20px;}
.th_area>header { font-size:24px; line-height:34px;}
.md_adItem { width: 98%; margin: 1vw;;}
.md_adItem>div { width: 96%; float: left; margin-left: 2%; margin-right: 2%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #FFF; padding: 2%;}
.md_adItem .photo { /*display: none;*/ width: 96%; }
.md_adItem .photo img {width: 100%; height: auto; }
.md_adItem .text {width:96%; float:left; margin-left:2%; margin-right:2%;}
.md_adItem .text div {padding: 0 10px;  }
.md_adItem .text p { font-size: 18px; line-height: 24px; height: auto; color: #333; padding: 7px 0;}
.md_item{ width: 96%; margin: 2vw 2vw; padding: 3vw 2vw 1vw 2vw;}
.md_item>div {  width: 94%; font-size: 16px; line-height: 20px;}
.md_item .price { width:98%; float:left; margin-left:1%; margin-right:1%}
.md_item .price span { font-size:22px;}
.md_item .price span:after {font-size:18px;	line-height:30px; content:"起"; color:#2c2c2c;}
.md_adItem .text ul{ padding-bottom: 0;}
.th_area { padding-top:10px}


    
/**/
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; font-size: 14px; }
/**/
.M_bar { background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, crimson), color-stop(100%, darkred));  /*box-shadow: 0px -1px 1px #333;*/ width: 100vw; }
.M_bar ul { list-style: none; overflow: hidden; display: table; width: 100%;}
.M_bar ul li {  display: table-cell; text-align: center; height: 50px; border-right: 1px solid #555; cursor: pointer; padding-top: 7px; font-size: 20px; font-weight: bold;border-top: 1px solid tomato; }
.M_bar ul li:before{ content:''; display: inline-block;height: 100%; vertical-align: middle;}
.M_bar ul li a { display: inline-block; width: 100%; color: #fff; line-height: 18px; vertical-align: middle; }
.M_bar:after { content: ''; display: table; clear: both; }
/**/
.M_menu_block { width: 100vw; height: 49px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111));}
.M_menu_block:after { content: ''; display: table; clear: both; }
.M_menu_block ul { list-style: none; overflow: hidden; }
.M_menu_block li { float: left; width: 20vw; font-size: 16px; line-height: 32px; border-top: 1px solid #ccc; border-left: 1px solid #666; border-right: 1px solid #222;  padding-top: 0; text-align: center; padding: 8px 0;}
.M_menu_block li.red { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb5284), color-stop(100%, #d50744));}
.M_menu_block li a { color: #fff; }
.M_menu_block ul li:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.M_menu_filter { display: none; position: fixed; bottom: 45px; 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: 0; 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; color: #fff; vertical-align: middle; 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; }

/**/
.tag_wfe { top: -4px;}
.tag_24h { top: 2px;}
	
}
@media screen and (max-width:320px) {
.item .ProducPrice i em span{font-size: 11px;}
.item .ProducPrice .price_txt{ font-size: 13px;}
.tag_wfe{ width:16px; height: 16px;}
}