@charset "utf-8";
/* CSS Document */
/*--共用-----------------------------------------*/
*{padding:0; margin:0; list-style:none;}
html {
	 font-family:"微軟正黑體", Arial, Helvetica,sans-serif;
	 -webkit-text-size-adjust:none;
	 height:100%;margin:0; padding:0;}
body{min-height:100%;font-family:"微軟正黑體", Arial, Helvetica,sans-serif;margin: 0;padding: 0;background-color:#8c82bd;background-position: top center;background-repeat:no-repeat;/*background-image: url("images/bg.jpg");background-attachment: scroll;*/}
a:link{ color:#2A2A2A;text-decoration:none;}
a:visited{color:#2A2A2A;}
img{ display:block;}
img, object, embed, video {	max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
.clear{ clear:both;}
header,nav,article,section,aside,footer,main{display:block;}/*ie不支援html5標籤解法*/

/*----------------------------------------------*/




















/* Desktop Layout */
header{ width:100%; height:70px; background-color:#ffffff; position:fixed; top:0px; z-index:100; box-shadow:rgba(204,204,204,0.5) 0px 1px 10px;}
header .header_Box{ width:1200px; margin:0 auto; position:relative;}
header .header_Box .logo{position:absolute; width:172px;/* margin: 0 auto;*/height:70px; top:0; left:0px;}
header .TopLink{position:absolute;width:250px;height:36px;background-color:#ea580b; right: 12px;top:16px;text-align: center;line-height:34px;border-radius: 20px;letter-spacing: 1px;box-shadow: 1px 2px 0 rgba(0,0,0,0.3);z-index: 200;}
header .TopLink a{display:block;color: #fff;}
header .TopLink a:before{content:"回i預購看更多優惠商品";display: block; width:250px;height: 30px;position: absolute;font-size:1.25em;}
header .TopLink a:hover{color:#ffd500;}
header .TopLink span,header .TopLink_B span{display:none;height:42px;position: absolute;background-image: url(images/top-link.png);background-repeat: no-repeat;background-size: 100%;top:3px;right:0px;}

header .TopLink_B{position:absolute;width:190px;height:34px;background-color: #ca033e; right: 12px;top: 12px;text-align: center;line-height:34px;border-radius: 20px;letter-spacing:1px;text-indent:20px;background-image: -moz-linear-gradient( 100deg, rgb(134,0,40) 0%, rgba(134,0,40,0) 100%);
  background-image: -webkit-linear-gradient( 100deg, rgb(134,0,40) 0%, rgba(134,0,40,0) 100%);
  background-image: -ms-linear-gradient( 100deg, rgb(134,0,40) 0%, rgba(134,0,40,0) 100%);box-shadow: 1px 2px 3px rgba(0,0,0,0.3);}
header .TopLink_B a{display:block;color: #fff;}
header .TopLink_B a:before{content:"看更多人氣美食";display: block; width:145px;height: 30px;position: absolute;}
header .TopLink_B a:hover{color:#ffff00;}

header .header_Box .logo a{display: block; width:160px; margin: 0 auto;height:100%;background-image:url("images/7ego-logo.svg");background-size:100%;background-repeat: no-repeat; background-position: center;}
header .header_Box .logo img{width:0%;}
header .header_Box h2{ position:absolute; font-size:12px; color:#FFFFFF; letter-spacing:2px; left:135px; top:13px;text-indent: -9999px;}
#wrapper{width:1200px; margin:0 auto; height:100%; margin-top:49px;background-attachment: scroll !important;}
.flag{width: 100%;height:700px;position:absolute;z-index:-1;background-image:url("images/top_bg.jpg");background-repeat: no-repeat;background-position: center top 0px;}


/*top*/
img.label{width:auto;margin: 0 auto;}
.event{display:block;}
.event_mb{display:none;}
/*top END*/


.Top_Box{margin-bottom:0px;}
main{width:100%;border-radius:0 0 20px 20px;}
main .title{display:flex;justify-content: center;margin-top:0px;}
main .name{background-color:#ed6e00;color:#ffffff;padding:6px 0;font-size:1.8em;}
main .bg-img{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box; background-color: #e0f4fc;}


/*電梯快速連結*/
.nav_top{
	width: 130px;
	height: 150px;
	margin:0 auto;
	padding-top: 7px;
}
.L_QuickLink{position:fixed; top:73px; right:1%;z-index:20;transition:all 0.3s;}
.L_QuickLink ul{list-style:none;background-color:rgba(250,250,250,0.9);border-radius:0 0 20px 20px;}
.L_QuickLink ul li a{display:block; width:130px;margin: 0 auto;height:30px; overflow:hidden; line-height:30px;;text-align:center; font-size:1em;text-decoration:none; color: #5836df; border-bottom: #8733f9 0.5px solid; box-sizing:border-box; border-left:none;font-weight: normal;}
.L_QuickLink ul li a:hover{color:#ffffff; text-decoration:none;background-color:#88bb99;}
.L_QuickLink ul li a.h14{line-height:14px; width:24px; height:24px; padding:10px;}
.L_QuickLink ul li:first-child a,.L_QuickLink ul li:last-child a{display:block;text-align:center;height:30px;}
.L_QuickLink ul li:first-child a{border-radius:0;}
.L_QuickLink ul li:last-child a{border-radius:0 0 20px 20px;background-color:#d48ec6;color:#fff;font-size:1.2em;border:none;width: 130px;}
.conUnit{position:relative;top:-80px;display:block;height:0;overflow:hidden;}
@media only screen and (max-width:1450px){
    .L_QuickLink{top:50px; right:-150px;transition:all 0.3s;}	
    .L_QuickLink .QuickLink_on,.L_QuickLink .QuickLink_off{width:30px;height:38px;position:absolute;left:-40px;top:50px;border-radius:7px 0 0 7px;background-repeat:no-repeat;background-size:50%;background-position:center;background-color:rgba(0,0,0,0.7);transition:all 0.3s;cursor:pointer;}
    .L_QuickLink .QuickLink_on{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
    .L_QuickLink .QuickLink_off{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");display: none;}
    .Link_on{right:0.1%;}
    .Link_off{right:0;}
}
/*電梯快速連結 END*/


/*輪播廣告*/
.AD_Box{width:100%; margin-top:45px;position: relative;height: 0;padding-bottom:52%;}
.AD_Box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*輪播廣告END*/


/*商品區名稱：Pro_xx，目前到02*/
/*4公格*/
.Pro_01{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box; /*background-color:transparent!important;*/}
.Pro_01 ul{display:block; text-align:center; text-indent:0px; margin:6px 0;}
.Pro_01 ul li{display:inline-block;width:23%;background-color:#FFF; margin:10px; -moz-border-radius:0px !important; border-radius:0px !important;border:1px #cccccc solid;box-sizing: border-box;height:auto; position:relative;text-indent:0px;}
.Pro_01 ul li h4{display:block; text-align:center;width:100% !important;margin:0px auto;height:100% !important;overflow: hidden; border:0px #dddddd solid !important;}
.Pro_01 ul li h4 img{display: block; width:100% !important; height:auto !important;border-radius:0px !important; border:none; margin-top:0px !important;transition:all 0.6s;}
.Pro_01 ul li h2{display:block;text-align:center;margin:28px 0 0; color:#333333; font-size:14px;line-height:18px; height:38px; overflow:hidden;width:100%;padding:3px;box-sizing: border-box;transition:all 0.6s;}
.Pro_01 ul li h5{ isplay:block;text-align:center; font-family:"微軟正黑體",Arial; color:#ff3b6e; font-size:1em; font-weight:bold; height:30px; line-height:30px; margin-bottom:0px; overflow:hidden;width:100%;transition:all 0.6s;}
.Pro_01 ul li h5 span{font-size:13px; font-weight:normal;}
.Pro_01 ul li h3{display:block;text-align:center; margin:0 auto; font-size:0.92em;color:#FFF; margin-bottom:0px !important; height:24px; line-height:24px;overflow:hidden;background-color:#d80003 !important;width:100%;transition:all 0.6s;position: absolute;bottom:72px;}
.Pro_01 ul li:hover h4 img{transform: scale(1.1); transition:all 0.6s;}


/*2公格*/
.Pro_02{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box; /*background-color:transparent!important;*/}
.Pro_02 ul{display:block; text-align:center; text-indent:4px; margin:6px 0;}
.Pro_02 ul li{display:inline-block;width:44.5%;background-color:#FFF; margin:20px 30px; -moz-border-radius:0px !important; border-radius:0px !important;border:1px #cccccc solid;box-sizing: border-box;height:auto; position:relative;text-indent:0px;}
.Pro_02 ul li h4{display:block; text-align:center;width:100% !important;margin:0px auto;height:100% !important;overflow: hidden; border:0px #dddddd solid !important;}
.Pro_02 ul li h4 img{display: block; width:100% !important; height:auto !important;border-radius:0px !important; border:none; margin-top:0px !important;transition:all 0.6s;}
.Pro_02 ul li h2{display:block;text-align:center;margin:38px 0 0; color:#333333; font-size:1em;line-height:20px; height:42px; overflow:hidden;width:100%;padding:3px;box-sizing: border-box;transition:all 0.6s;}
.Pro_02 ul li h5{display:block;text-align:center; font-family:"微軟正黑體",Arial; color:#ff3b6e; font-size:1em; font-weight:bold; height:30px; line-height:30px; margin-bottom:5px; overflow:hidden;width:100%;transition:all 0.6s;}
.Pro_02 ul li h5 span{font-size:13px; font-weight:normal;}
.Pro_02 ul li h3{display:block;text-align:center; margin:0 auto; font-size:16px;color:#FFF; margin-bottom:0px !important; height:36px; line-height:36px;overflow:hidden;background-color:#d80003 !important;width:100%;transition:all 0.6s;position: absolute;bottom:80px;}
.Pro_02 ul li:hover h4 img{transform: scale(1.1); transition:all 0.6s;}
.Pro_02 ul li .price{color:#fff !important;position:relative;margin-bottom: 10px;font-weight:bold;font-size:1.2em;background-color:#d80003;padding:3px;letter-spacing:1px;}
.Pro_02 ul li .price span{font-size:0.80em;letter-spacing:0px; font-weight:normal;}


/*3公格*/
.Pro_03{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box; /*background-color:transparent!important;*/}
.Pro_03 ul{text-align:center; text-indent:4px; margin:6px 0;display:flex;justify-content:space-evenly;flex-wrap:wrap;}
.Pro_03 ul li{display:inline-block;width:24%; height:auto; background-color:#fff; margin:0.4%; -moz-border-radius:10px;border-radius:30px 0 30px 0; position:relative;text-indent:0px !important;border:3px #ff9000 solid;box-sizing: border-box;box-shadow: 0px 4px 8px rgba(224,163,0,1);overflow: hidden;}
.Pro_03 ul li:before{content:"";position: absolute;border:2px #ffffff solid;top:0;left: 0;display: block;width:100%;height:100%;z-index:10;box-sizing: border-box;border-radius:26px 0 26px 0;pointer-events: none;}
.Pro_03 ul li h4{display:block; text-align:center;width:75% !important;margin:10px auto;height:auto !important; border:0px #dddddd solid !important;position:relative;z-index:2;overflow: hidden;}
.Pro_03 ul li h4 img{display: block; width:100% !important; height:auto !important;margin-top:0px; border-radius:0px !important; border:none;transition:all 0.6s;}
.Pro_03 ul li .onSale{position: absolute;z-index: 10;bottom:-18%;right:8%;width:33%;height:33%;background-image:url("images/onsale_bg.png");background-repeat: no-repeat;background-size:100%;background-position: top center;color: #ff0;font-size:1.3em;line-height:22px;display:flex;justify-content: center;align-items:start;font-weight: bold;padding-top:4%;box-sizing:border-box;}
.Pro_03 ul li .onSale.txt{font-size:1.5em;line-height:26px;}
.Pro_03 ul li .onSale span{font-size:0.9em;}
.Pro_03 ul li .onSale.open{position:absolute;font-size:1.6em;line-height:26px;margin-top:-5px;padding-bottom:10px;box-sizing: border-box;}
.Pro_03 ul li .onSale.open:before{content: "(價低者折)";position:absolute;font-size:0.6em;bottom:18%;}
.Pro_03 ul li .special{position: absolute;z-index: 10;bottom:-6%;right:1%;width:32%;height:32%;color: #ff0;font-size:1.8em;line-height:30px;display:flex;justify-content: center;align-items: center;background-color:#e5004f;border-radius:50%;}
/*.Pro_03 ul li:hover h4 img{transform: scale(1.1); transition:all 0.6s;}*/
.Pro_03 ul li h2{display:block;text-align:center;color:#333333; font-size:0.95em;line-height:18px;height: 40px; width:90%;margin:0 auto;box-sizing: border-box;transition:all 0.6s;overflow: hidden;}
.Pro_03 ul li h2.txt_s{font-size:0.85em;}
.Pro_03 ul li h2 span{display:block;}
.Pro_03 ul li h5{display:block;text-align:left; font-family:"微軟正黑體",Arial; color:#ff0000; font-size:1.2em; font-weight:bold; height:50px; line-height:20px; overflow:hidden;transition:all 0.6s;padding-left:10px;padding-top:10px; box-sizing: border-box;width: 80%;margin:0 auto 10px;}
.Pro_03 ul li h5 span{font-family:Century Gothic,"微軟正黑體",Arial; font-size:13px; font-weight:normal;color:#666;margin-right:10px;text-decoration: line-through;display:block;}
.Pro_03 ul li .price{color:#fff !important;position:relative;margin-bottom: 10px;font-weight:bold;font-size:1.2em;background-color:#2a5a98;padding:3px;letter-spacing:1px;}
.Pro_03 ul li .price span{font-size:0.80em;letter-spacing:0px; font-weight:normal;}
.Pro_03 ul li h3{display:block;text-align:center; margin:0 auto; font-size:1em;color:#FFF; margin-bottom:0px !important; height:28px; line-height:28px;overflow:hidden;background-color:#d80003 !important;width:100%;transition:all 0.6s;position: absolute;bottom:90px;}
.Pro_03 ul li h6{position: absolute;display: block;width:50px;padding:5px;line-height:14px; background-color:#ff5a00;bottom:25px;left:30px;color:#fff;z-index: 10;font-weight: normal;border-radius: 5px;text-align: center;box-shadow:0px 0px 8px rgba(250,250,250,1)}


/*4公格*/
.Pro_04{width:100%;margin:0 auto; overflow:hidden; clear:both; box-sizing:border-box; padding:10px;border-radius: 0px 0px 30px 30px;background-color:#4f4588;}
.Pro_04 ul{text-align:center; margin:6px 0;display:flex;justify-content: flex-start;flex-wrap:wrap;}
.Pro_04 ul li{width:23.5%; height:auto; background-color:#ffffff; margin:0.75%; border-radius:10px; position:relative;text-indent:0px !important;box-shadow: 0px 3px 10px rgba(0,0,0,15%);box-sizing: border-box;overflow: hidden;}
.Pro_04 ul li h4{display:block; text-align:center;width:75% !important;margin:10px auto;height:auto !important; border:0px #dddddd solid !important;position:relative;z-index:2;overflow: hidden;}
.Pro_04 ul li h4 img{display: block; width:100% !important; height:auto !important;margin-top:0px; border-radius:0px !important; border:none;transition:all 0.6s;}
.Pro_04 ul li .onSale{position: absolute;z-index: 10;bottom:-16%;right:0%;width:33%;height:33%;background-image:url("images/onsale_bg.png");background-repeat: no-repeat;background-size:100%;background-position: top center;color: #ff0;font-size:1.2em;line-height:20px;display:flex;justify-content: center;align-items:start;font-weight: bold;padding-top:5%;box-sizing:border-box;text-shadow: 1px 1px 0 #cf1313, -1px -1px 0 #cf1313, 1px -1px 0 #cf1313, -1px 1px 0 #cf1313;}
.Pro_04 ul li .onSale.txt{font-size:1em;line-height:18px;padding-top:6%;}
.Pro_04 ul li .onSale span{font-size:0.9em;}
.Pro_04 ul li .onSale.open{position:absolute;font-size:1.6em;line-height:26px;margin-top:-5px;padding-bottom:10px;box-sizing: border-box;}
.Pro_04 ul li .onSale.open:before{content: "(價低者折)";position:absolute;font-size:0.6em;bottom:18%;}
.Pro_04 ul li .special{position: absolute;z-index: 10;bottom:-6%;right:1%;width:32%;height:32%;color: #ff0;font-size:1.8em;line-height:30px;display:flex;justify-content: center;align-items: center;background-color:#e5004f;border-radius:50%;}
/*.Pro_03 ul li:hover h4 img{transform: scale(1.1); transition:all 0.6s;}*/
.Pro_04 ul li h2{display:block;text-align:center;color:#333333; font-size:1em;line-height:18px;height: 40px; width:90%;margin:0 auto;box-sizing: border-box;transition:all 0.6s;    margin-bottom: 20px;}
.Pro_04 ul li h2 span{display:block;}
.Pro_04 ul li h5{display:block;text-align:center; font-family:"微軟正黑體",Arial; color:#ff0000; font-size:1.35em; font-weight:bold; height:50px; line-height:23px; letter-spacing: -1PX; overflow:hidden;transition:all 0.6s;padding-left:0px;padding-top:0px; box-sizing: border-box;width:95%;margin:0 auto 10px;padding-bottom: 24px;}
.Pro_04 ul li h5 span{font-family:Century Gothic,"微軟正黑體",Arial; font-size:13px; font-weight:normal;color:#666;margin-right:10px;text-decoration: line-through;position: relative;display: block;line-height: 24px;}
.Pro_04 ul li h5 span.aa:before{content:"(單一口味)";position: absolute;left:55px;}
.Pro_04 ul li .price{color:#fff !important;position:relative;margin-bottom: 10px;font-weight:bold;font-size:1.2em;background-color:#2a5a98;padding:3px;letter-spacing:1px;}
.Pro_04 ul li .price span{font-size:0.80em;letter-spacing:0px; font-weight:normal;}
.Pro_04 ul li h3{display:block;text-align:center; margin:0 auto; font-size:1em;color:#FFF; margin-bottom:0px !important; height:28px; line-height:28px;overflow:hidden;background-color:#d80003 !important;width:100%;transition:all 0.6s;position: absolute;bottom:90px;}
.Pro_04 ul li h6{position: absolute;display: block;width:50px;padding:5px;line-height:14px; background-color:#ff5a00;bottom:25px;left:30px;color:#fff;z-index: 10;font-weight: normal;border-radius: 5px;text-align: center;box-shadow:0px 0px 8px rgba(250,250,250,1)}
.rounded-rectangle { 
    width: 80%;
    height: 1.9em;
    background-color: #f25ff2;
    border-radius: 20px;
    margin: 4px auto;
    text-align: center;
    font-size:1em;
    font-weight: bold;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
}
/*4公格 END*/


.more a{display: block; width:96%;margin: 10px auto;border-radius: 5px; height: 50px;line-height: 50px;font-size: 2em;letter-spacing:6px;font-weight: normal;border: 1px #aaa solid; background-image: -moz-linear-gradient( 90deg, rgb(167,167,167) 0%, rgb(203,203,203) 50%, rgb(225,225,225) 50%, rgb(245,245,245) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(167,167,167) 0%, rgb(203,203,203) 50%, rgb(225,225,225) 50%, rgb(245,245,245) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(167,167,167) 0%, rgb(203,203,203) 50%, rgb(225,225,225) 50%, rgb(245,245,245) 100%);text-shadow: 1px 1px 5px rgba(255,255,255,0.7);color: #006699;}

.ad{width:1200px; height:auto; margin:0 auto; overflow:hidden; background-color:#f6f6f6;}
.ad ul{text-align:center;}
.ad ul li{display:inline-block;width:47.5%;height:auto; margin-left:10px; margin-bottom:5px;}
.ad ul li:nth-child(even){margin-right:0px;}
.ad ul li:nth-child(odd){margin-left:0px;}
.ad ul li img{width:100%; border-radius:0px;/*border:#ccc 1px solid;*/}

.Bottom_Ad a{display: block; width:96%;margin:10px auto 15px;height:0;padding-bottom:37.44%;background-image: url(images/event.jpg);background-size: 100%;}
.copyright{height:25px; clear:both; padding-bottom:2px; margin-top:10px;}
.copyright p{font-size:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; z-index:100;}


/*回到上方icon*/
.GoTop a{width:50px;height:50px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 23.9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1,0.4L23.6,4l0.1,0.1l15.5,15.5l-3.5,3.5L20.1,7.5L4.5,23.1L1,19.6L20.1,0.4z' fill%3D'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;position: fixed;bottom:40px;right:8%;background-color: rgba(202,0,0,0.5);background-size:60%;-webkit-background-size:30px;background-position:center;display: block;opacity: 0;z-index: 10;display: none;}
/*回到上方icon END*/


.info{padding:1.2%;box-sizing: border-box;background-color:#fff;width:100%;margin:10px auto 30px;border-radius:20px;box-shadow: 0 2px 8px rgba(170,170,170,0.5);}
.info h3{font-size:1.5em;}
.info ol li{font-size:1em;line-height:28px;margin-left:25px;list-style: decimal;}
.info table{border-collapse:collapse;width:100%;}
.info strong{font-size:1.2em;}
.info table td{font-size:0.8em;padding:2px;line-height:16px;background-color:#f7f7f7;border:1px #ded3cd  solid;}
#wrapper .top_ad{display: none; width:100%;height:0;padding-bottom:6.25%; overflow:hidden;text-indent:-999px;background-size: cover;}


/*廣告區名稱：Ads_xx，目前到04*/
.Ads_01{margin:20px auto;}
.Ads_01 img{width:98%;border-radius:20px;box-shadow: 0 3px 8px rgba(140,80,0,0.8);margin:20px auto;}
.Ads_02{overflow: hidden; clear:both;}
.Ads_02 li{width:50%; float:left;}
.Ads_02 img{width:98%;}
.Ads_02 h2{display:block;}
.Ads_02 h2 img{width:100%;}
.Ads_03{overflow: hidden; clear:both;}
.Ads_03 li{width:33.33%; float:left;margin-top:8px;}
.Ads_03 img{width:100%;}
.Ads_03 h2{display:block;}
.Ads_03 h2 img{width:100%;}
.Ads_04{overflow: hidden; clear:both;}
.Ads_04 li{width:240px; float:left;}
.Ads_04 img{width:100%;}
.Ads_04 h2{display:block;}
.Ads_04 h2 img{width:100%;}

.rounded-rectangle { 
    width: 80%;
    height: 1.9em;
    background-color:#e2aad7;
    border-radius: 20px;
    margin: 5px auto;
    text-align: center;
    font-size: 1.05em;
    font-weight: bold;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
}


@media screen and (min-width:960px) and (max-width:1199px){
   body{background-size:200%;background-color:#8c82be;/* background-image: url(images/bg.jpg);*/}
    header{height:58px;}
    header .header_Box{width:100%;}
    header .header_Box .logo a{width:140px;background-position:2px 5px;}
    header .TopLink,header .TopLink_B{width:200px;right:2%;top:12px;}
    header .TopLink a:before{width:200px;font-size:1em;}
    header .TopLink span,header .TopLink_B span{right:0px;}
    header .TopLink_B{width:130px;font-size:0.9em;text-align:center;text-indent:inherit;}
    header .TopLink_B a:before{content:"更多人氣美食";width:110px;font-size:0.8em;left:-6px;}
    .flag{background-size:160%;}	
    #wrapper{ width:100%;height:100%; margin-top:30px;}
    main{ width:100%; margin:0 auto;}
    /*main .title{margin-top:10px;}*/
    .Top_Box{margin-bottom:0%;}
    img.label{width:100%;}
    .event_mb{display:none;}
    .ad{width:100%;}
    /*2宮格*/
    .Pro_02 ul{text-indent:0px; margin:5px 0;}
    .Pro_02 ul li{ width:46%;margin:1.5%;height:auto;}
    .Pro_02 ul li h4{}
    .Pro_02 ul li h4 img{margin-top:90px;margin-bottom: 10px;}
    .Pro_02 ul li h2{}
    .Pro_02 ul li h5{ display:block;text-align:center; font-family:"微軟正黑體",Arial; color:#ff3b6e; font-size:1em; font-weight:bold; height:30px; line-height:30px; margin-bottom:0px;  overflow:hidden;width:100%;transition:all 0.6s;}
    .Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
    /*3宮格*/
    .Pro_03 ul li{width:31%;margin:0.5%; -moz-border-radius:4px;height:auto;}
    .Pro_03 ul li:before{}
    .Pro_03 ul li h4{}
    .Pro_03 ul li .onSale{bottom:-16%;right:8%;width:30%;height:30%;font-size:1.3em;line-height:20px;}
    .Pro_03 ul li .special{bottom:-6%;right:1%;width:33%;height:33%;font-size:1.6em;}
    .Pro_03 ul li h4 img{}
    .Pro_03 ul li h2{font-size:0.96em;line-height:18px;}
    .Pro_03 ul li h5{}
    .Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
    /*4宮格*/
    .Pro_04 ul li{width:24.3%;margin:0.3%;height:auto;}
    .Pro_04 ul li h4{}
    .Pro_04 ul li .onSale{bottom:-21%;right:4%;width:36%;height:38%;font-size:1em;line-height:18px;}
    .Pro_04 ul li .special{bottom:-6%;right:1%;width:33%;height:33%;font-size:1.6em;}
    .Pro_04 ul li h4 img{}
    .Pro_04 ul li h2{font-size:0.96em;line-height:18px;}
    .Pro_04 ul li h5{font-size:0.98em;margin-bottom:5px;}
    .Pro_04 ul li h5 span{ font-size:13px; font-weight:normal;}

    /*回到上方icon*/
    .GoTop a{width:50px;height:50px;bottom:30px;right:1%;}
    /*回到上方icon END*/

    #wrapper .top_ad{display: none; width:100%;height:0;padding-bottom:6.25%; overflow:hidden; text-indent:-999px;background-size: cover;}
}

@media screen and (min-width:767px) and (max-width:959px){
    body{background-size:200%;background-color:#8c82be;background-image: url(images/bg.jpg);}	
    header{height:58px;}
    header .header_Box{width:100%;}
    header .TopLink,header .TopLink_B{width:200px;right:2%;top:12px;}
    header .TopLink a:before{width:200px;font-size:1em;}
    header .TopLink span,.TopLink_B span{right:0px;}
    header .TopLink_B a:before{content:"更多人氣美食";width:110px;font-size:0.8em;left:-6px;}
    header .header_Box .logo{position: relative; width:130px;height:46px;left:5px;top:7px;}
    header .header_Box .logo a{width:130px;height:46px;margin:0 auto;}
    .flag{background-size:160%;}
    #wrapper{ width:100%;height:100%; margin-top:35px;}
    main{ width:100%; margin:0 auto;}
    main .title{margin-top:10px;}
    img.label{width:100%;}
    .event_mb{display:none;}
    .Top_Box{margin-bottom:0%;}

    /*選單共用*/
    .QuickLink_icon_open{display:block; width:40px; height:36px;left:10px; top:12px; background-color:#000000;background:url(images/mb_menu.png) no-repeat center top; background-size:90%; position: fixed;z-index:101;}
    .QuickLink_icon_close{display:block;width:40px; height:36px;left:10px; top:12px; background-color:#000000;background:url(images/WAD_Arrow_left.png) no-repeat center top -2px; background-size:95%; position: fixed;z-index:102;}
    .icon_open{display:block;}
    .icon_close{display:none;}
    .conUnit{position:relative;top:-40px;height:0;overflow:hidden;}
    .ad{width:100%;}
    /*2宮格*/
    .Pro_02{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
    .Pro_02 ul{display:block; text-align:center; text-indent:4px; margin:5px 0;}
    .Pro_02 ul li{width:47.5%;margin:1%;}
    .Pro_02 ul li h5 span{font-size:13px; font-weight:normal;}
    .Pro_02 ul li h3{font-size:1em;}
    .Pro_02 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
    /*3宮格*/
    .Pro_03 ul li{width:31%;margin:0.5%; -moz-border-radius:4px; height:auto;}
    .Pro_03 ul li:before{}
    .Pro_03 ul li h4{}
    .Pro_03 ul li .onSale{bottom:-13%;right:8%;width:28%;height:28%;font-size:1.2em;line-height:20px;}
    .Pro_03 ul li .onSale.open{font-size:1.6em;line-height:26px;padding-bottom:10px;}
    .Pro_03 ul li .onSale.open:before{content: "(價低者折)";font-size:0.6em;bottom:18%;}
    .Pro_03 ul li .special{bottom:-6%;right:1%;width:33%;height:33%;font-size:1.8em;}
    .Pro_03 ul li h4 img{}
    .Pro_03 ul li h2{font-size:0.90em;line-height:16px;}
    .Pro_03 ul li h5{height: 40px;font-size:1em;padding-top:2px;}
    .Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}
    /*4公格*/
    .Pro_04{width:100%;border-radius:0px 0px 20px 20px;}
    .Pro_04 ul li{width:24.3%;margin:0.3%; -moz-border-radius:4px; height:auto;}
    .Pro_04 ul li h4{}
    .Pro_04 ul li .onSale{bottom:-22%;right:4%;width:41%;height:41%;font-size:1em;line-height:18px;}
    .Pro_04 ul li .onSale.txt{font-size:0.90em;line-height:14px;padding-top:8%;}
    .Pro_04 ul li .onSale.open{font-size:1.6em;line-height:26px;padding-bottom:10px;}
    .Pro_04 ul li .onSale.open:before{content: "(價低者折)";font-size:0.6em;bottom:18%;}
    .Pro_04 ul li .special{bottom:-6%;right:1%;width:33%;height:33%;font-size:1.8em;}
    .Pro_04 ul li h4 img{}
    .Pro_04 ul li h2{font-size:0.80em;line-height:16px;}
    .Pro_04 ul li h5{height:36px;font-size:0.88em;padding-top:2px;line-height:16px;width: 98%;margin-top:5px;margin-bottom:5px;padding:5px 0 24px 4px;}
    .Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}


    /*回到上方icon*/
    .GoTop a{width:45px;height:45px;bottom:30px;right:1%;}
    /*回到上方icon END*/
	
    .Ads_01{width: 98%;}
    .Ads_01 img{border-radius:20px;box-shadow: 0 2px 5px rgba(140,80,0,0.8);}	
    #wrapper .top_ad{display: none; width:100%;height:0;padding-bottom:6.25%; overflow:hidden;background-image: url(images/top_ad.gif);background-repeat: no-repeat;text-indent:-999px;background-size: cover;}


    /*折價券使用方式說明*/
    #Title{cursor: pointer;}
    .SerialBox{width: 100%;height: 100%;position:fixed;left:0;top:0;z-index:102;display: flex;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center;}
    .SerialBox .SerialEX{width: 960px;background-color: #fff;height: max-content;padding:20px;box-sizing:border-box;border-radius: 15px;position: relative;}
    .SerialBox .SerialEX:before{display: block;width:70px;height:30px;position: absolute;content: "關 閉";background-color:#000;color: #fff;right:12px;top:-20px;line-height: 30px;text-align:center;border-radius:15px;cursor: pointer;font-weight: bold;border:2px #fff solid;}
    .SerialBox .SerialEX h3{color:#666;}
    .SerialBox .SerialEX h3 span{color:#0000ff;font-size: 1.2em;}
    .SerialBox .SerialEX .red{color:#E91E63;}
    .SerialBox .SerialEX p{font-size: 0.8em;line-height:18px;color:#62928f;margin-top: 10px;}
    .SerialBox .SerialEX img.pc{margin-top: 30px;width: 100%;max-width:970px;height: auto;}
    .SerialBox .SerialEX img.pad,.SerialBox .SerialEX img.mb{display: none;}
    /*折價券使用方式說明 END*/


    .info{padding:1.5%;background-color:#fff;width:98%;margin:10px auto;border-radius:20px;}
    .info h3{font-size:1.2em;}
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media screen and (min-width:481px) and (max-width:768px){
    body{background-size:100%;background-color:#8c82be;background-image: none;}
    header{height:45px;}
    header .header_Box{ width:100%; margin:1px auto; position:relative;}
    header .header_Box .logo{position:relative;width:105px;height: 45px; top:4px;left:5px;}
    header .header_Box .logo a{width:105px;height:35px;}
    header .TopLink,header .TopLink_B{width:170px;font-size:1em;letter-spacing: 0;top:8px;right:8px;height: 28px;line-height: 28px;text-indent: 0;}
    header .TopLink a:before{width:170px;font-size:1em;}
    header .TopLink a:before{width:170px;font-size:0.9em;}
    header .TopLink span,header .TopLink_B span{right:-10px;width:36px;height:33px;}
    header .TopLink_B a:before{content:"更多人氣美食";width:110px;font-size:0.8em;left:-10px;}
    header .header_Box .logo img{ width:0px;}
    header .header_Box h2{ position:absolute; font-size:12px; color:#FFFFFF; letter-spacing:2px; left:120px; top:10px;}
    .flag{background-size:160%;background-position: center top 0px;}
    #wrapper{ width:100%;height:100%; margin-top:25px;}
    main{ width:100% !important; margin:0 auto;}
    main .title{display:block;}
    main .name{font-size:1.4em;}
    img.label{width:100%; margin: 0 auto;}
    .event,.label{display:none;}
    .event_mb{display:block;}
    .Top_Box{margin-bottom:0%;}
    /* 選單共用 */
    .QuickLink_icon_open{ display:block; width:32px; height:30px;left:10px; top:8px; background-color:#000000;background:url(images/mb_menu.png) no-repeat center top; background-size:90%; position: fixed;z-index:101;}
    .QuickLink_icon_close{ display:block;width:32px; height:30px;left:10px; top:8px; background-color:#000000;background:url(images/WAD_Arrow_left.png) no-repeat center top -2px; background-size:95%; position: fixed;z-index:102;}
    .icon_open{ display:block;}
    .icon_close{ display:none;}
    .conUnit{position:relative;top:-40px;height:0;overflow:hidden;}
    /*輪播廣告*/
    .AD_Box{width:100%; margin-top:0px;position: relative;height: 0;padding-bottom:52%;}
    .AD_Box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    /*輪播廣告END*/
    /* 商品區名稱：Pro_xx，目前到02 */
    /*4公格*/
    .Pro_01{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
    .Pro_01 ul{ display:block; text-align:center; text-indent:4px; margin:5px 0;}
    .Pro_01 ul li{width:46%;margin:1%;}
    .Pro_01 ul li h4{}
    .Pro_01 ul li h4 img{}
    .Pro_01 ul li h2{}
    .Pro_01 ul li h5{}
    .Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}
    .Pro_01 ul li h3{font-size:0.90em;}
    .Pro_01 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
    /*2公格*/
    .Pro_02{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
    .Pro_02 ul{ display:block; text-align:center; text-indent:4px; margin:5px 0;}
    .Pro_02 ul li{width:47%;margin:1%;}
    .Pro_02 ul li h2{font-size:0.9em;line-height:18px;height:40px;}
    .Pro_02 ul li h5 span{ font-size:13px; font-weight:normal;}
    .Pro_02 ul li h3{font-size:1em;height:30px;line-height:30px;}
    .Pro_02 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
	
    /*3公格*/
    .Pro_03{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
    .Pro_03 ul{ display:block; text-align:center; text-indent:4px; margin:5px 0;}
    .Pro_03 ul li{width:46%;margin:1%;border:2px #ff9000 solid;border-radius: 20px 0 20px 0;}
    .Pro_03 ul li:before{border:1px #ffffff solid;border-radius: 16px 0 16px 0;}
    .Pro_03 ul li h4{}
    .Pro_03 ul li .onSale{bottom:-16%;right:8%;width:30%;height:30%;font-size:1.3em;line-height:20px;}
    .Pro_03 ul li .onSale.txt{font-size:1.2em;line-height:22px;}
    .Pro_03 ul li .onSale.open{font-size:1.2em;line-height:22px;padding-bottom:10px;}
    .Pro_03 ul li .onSale.open:before{content: "(價低者折)";font-size:0.6em;bottom:18%;}
    .Pro_03 ul li .special{bottom:-6%;right:1%;width:35%;height:35%;font-size:1.5em;line-height:24px;}
    .Pro_03 ul li h4 img{}
    .Pro_03 ul li h2{font-size:0.95em;line-height:18px;}
    .Pro_03 ul li h2 span{display:inline;font-size:1em;}
    .Pro_03 ul li h5{}
    .Pro_03 ul li h5 span{font-size:13px; font-weight:normal;}
    .Pro_03 ul li h3{font-size:1em;}
    /*4公格*/
    .Pro_04{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;border-width:2px;border-radius:0px 0px 15px 15px;padding-bottom:5px;}
    .Pro_04 ul{text-align:center; text-indent:4px; margin:5px 0;}
    .Pro_04 ul li{width:48%;margin:1%;}
    .Pro_04 ul li:before{border:1px #ffffff solid;border-radius: 16px 0 16px 0;}
    .Pro_04 ul li h4{}
    .Pro_04 ul li .onSale{bottom:-12%;right:8%;width:36%;height:30%;font-size:1.1em;line-height:20px;}
    .Pro_04 ul li .onSale.txt{font-size:0.95em;line-height:16px;padding-top:6%;}
    .Pro_04 ul li .onSale.open{font-size:1.2em;line-height:22px;padding-bottom:10px;}
    .Pro_04 ul li .onSale.open:before{content: "(價低者折)";font-size:0.6em;bottom:18%;}
    .Pro_04 ul li .special{bottom:-6%;right:1%;width:35%;height:35%;font-size:1.5em;line-height:24px;}
    .Pro_04 ul li h4 img{}
    .Pro_04 ul li h2{font-size:0.95em; line-height:18px;}
    .Pro_04 ul li h2 span{display:inline;font-size:1em;}
    .Pro_04 ul li h5{font-size:0.9em;width:100%;line-height:15px;height:40px; margin:0 auto 5px;padding-bottom: 24px;}
    .Pro_04 ul li h5 span{font-size:13px; font-weight:normal;}
    .Pro_03 ul li h3{font-size:1em;}

    .ad{width:96%;}
    .ad ul{}
    .ad ul li{width: 100%; display: block; float:left; margin-bottom:10px;margin-left: 0;}

    /*回到上方icon*/
    .GoTop a{width:40px;height:40px;bottom:30px;right:1%;}
    /*回到上方icon END*/

    #wrapper .top_ad{display: none; width:100%;height:auto;padding:5px 8px; overflow:auto;text-indent:0;background-color:#004986;background-image:none;color:#fff;text-align:center;line-height: 22px;box-sizing:border-box;}
    #wrapper .top_ad span{color:#ffff00;font-size:1.3em;}

    /*廣告區名稱：Ads_xx，目前到04*/
    .Ads_01{width: 98%;}
    .Ads_01 img{border-radius:10px;box-shadow: 0 2px 5px rgba(140,80,0,0.8);}
    .Ads_02{ overflow: hidden; clear:both;}
    .Ads_02 li{ width:50%; float:left;}
    .Ads_02 img{ width:100%;}
    .Ads_02 h2{ display:block;}
    .Ads_02 h2 img{width:100%;}
    .Ads_03{ overflow: hidden; clear:both;}
    .Ads_03 li{ width:33.3%; float:left;}
    .Ads_03 img{ width:100%;}
    .Ads_03 h2{ display:block;}
    .Ads_03 h2 img{width:100%;}
    .Ads_04{ overflow: hidden; clear:both;}
    .Ads_04 li{ width:50%; float:left;}
    .Ads_04 img{ width:100%;}
    .Ads_04 h2{ display:block;}
    .Ads_04 h2 img{width:100%;}	

    .info{padding:1.5%;background-color:#fff;width:95%;margin:10px auto;border-radius:20px;border:none;}
    .info h3{font-size:1.2em;}
    .info ol li{line-height:22px;font-size:0.95em;}

    /*折價券使用方式說明*/
    .SerialBox .SerialEX{width:95%;}
    .SerialBox .SerialEX h3{color:#666;font-size:1em;}
    .SerialBox .SerialEX img.pc,.SerialBox .SerialEX img.mb{display: none;}
    .SerialBox .SerialEX img.pad{margin-top:10px;width: 100%;max-width:724px;height: auto;display: block;}
    /*折價券使用方式說明 END*/
}



























/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 480px){
    body{background-size:100%;background-color:#8c82bd;background-image: none;}	
    header {height: 45px;}
    header .header_Box{width:100%; height: 45px; margin:1px auto; position:relative;}
    header .header_Box .logo{position:relative;width:105px; top:4px;height: 45px;left:3px;}
    header .header_Box .logo a{width:105px;height:35px;}
    header .TopLink,header .TopLink_B{width:150px;font-size: 0.85em;letter-spacing: 0;top:8px;right:6px;height: 28px;line-height: 28px;text-indent: 0;}
    header .TopLink a:before{width:150px;font-size:0.95em;}
    header .TopLink span,header .TopLink_B span{right:-10px;width:32px;height:32px;top:4px;}
    header .TopLink_B a:before{content:"看人氣美食";width:95px;font-size:0.95em;left:-10px;}
    header .header_Box .logo img{ width:0px;}
    header .header_Box h2{position:absolute; font-size:12px; color:#FFFFFF; letter-spacing:2px; left:90px; top:8px;}
    #wrapper{width:100%;height:100%; margin-top:30px;}
    main{width:100%; margin:0 auto;border-radius: 0 0 10px 10px;}
    main .title{display:block;margin-top:-1px;}
    main .name{font-size:1.2em;}

	
    /*top*/
    img.label{width:100%;margin:0 auto;}
    .event,.label{display:none;}
    .event_mb{display:block;}
    /*top END*/
    .Top_Box{margin-bottom:-2%;}	
    /*選單共用*/
    .QuickLink_icon_open{display:block; width:32px; height:30px;left:10px; top:8px; background-color:#000000;background:url(images/mb_menu.png) no-repeat center top; background-size:90%; position: fixed;z-index:101;}
    .QuickLink_icon_close{display:block;width:32px; height:30px;left:10px; top:8px; background-color:#000000;background:url(images/WAD_Arrow_left.png) no-repeat center top -2px; background-size:95%; position: fixed;z-index:102;}
    .icon_open{display:block;}
    .icon_close{display:none;}
    .conUnit{position:relative;top:-40px;height:0;overflow:hidden;}
    /*商品區名稱：Pro_xx，目前到02*/
    /*輪播廣告*/
    .AD_Box{width:100%; margin-top:0px;position: relative;height: 0;padding-bottom:52%;}
    .AD_Box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    /*輪播廣告END*/
    /*4公格*/
    .Pro_01{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
    .Pro_01 ul{display:block; text-align:center; text-indent:0px; margin:5px 0;}
    .Pro_01 ul li{width:47.2%;margin:0 3px 6px 3px;}
    .Pro_01 ul li h4{}
    .Pro_01 ul li h4 img{}
    .Pro_01 ul li h2{}
    .Pro_01 ul li h5{font-size:0.9em;}
    .Pro_01 ul li h5 span{ font-size:13px; font-weight:normal;}
    .Pro_01 ul li h3{font-size:0.95em;}
    .Pro_01 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
    /*2公格*/
    .Pro_02{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
    .Pro_02 ul{display:block; text-align:center; text-indent:0px; margin:5px 0;}
    .Pro_02 ul li{width:47.2%;margin:0 3px 6px 3px;}
    .Pro_02 ul li h2{font-size:0.9em;line-height:18px;height:40px;}
    .Pro_02 ul li h5{font-size:1em;}
    .Pro_02 ul li h5 span{font-size:13px; font-weight:normal;}
    .Pro_02 ul li h3{font-size:0.95em;height:28px;line-height:28px;}
    .Pro_02 ul li:hover h4 img{transform: scale(1); transition:all 0.6s;}
	

    /*3公格*/
    .Pro_03{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
    .Pro_03 ul{text-align:center; text-indent:0px; margin:5px 0;}
    .Pro_03 ul li{width:47.2%;margin:0 3px 6px 3px;border-radius:18px 0 18px 0;border:2px #ff9000 solid;}
    .Pro_03 ul li:before{border:1px #fff solid;border-radius: 14px 0 15px 0;}
    .Pro_03 ul li h4{}
    .Pro_03 ul li .onSale{bottom:-30%;right:1%;width:46%;height:46%;font-size:1em;line-height:16px;padding-top:6%;}
    .Pro_03 ul li .onSale.txt{font-size:1em;line-height:18px;}
    .Pro_03 ul li .onSale.open{font-size:1em;line-height:18px;padding-bottom:10px;width:47%;height:47%;}
    .Pro_03 ul li .onSale.open:before{content: "價低者折";font-size:0.6em;bottom:17%;}
    .Pro_03 ul li .special{bottom:-5%;right:1%;width:33%;height:33%;font-size:1.1em;line-height:18px;}
    .Pro_03 ul li h4 img{}
    .Pro_03 ul li h2{font-size:0.85em;line-height:16px;height:46px;}
    .Pro_03 ul li h2 span{display:inline;}
    .Pro_03 ul li h5{font-size:0.9em;width:100%;line-height:16px;height:40px;}
    .Pro_03 ul li h5 span{font-family:Century Gothic,"微軟正黑體",Arial; font-size:11px; font-weight:normal;margin-right:3px;}
    .Pro_03 ul li h3{font-size:0.95em;bottom:86px;}
    .Pro_03 ul li:hover h4 img{transform: scale(1); transition:all 0.5s;}
	

    /*4公格*/
    .Pro_04{width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;border-width: 1px;border-radius:0px 0px 10px 10px;padding-bottom:5px;padding:5px;}
    .Pro_04 ul{text-align:center; text-indent:0px; margin:5px 0;}
    .Pro_04 ul li{width:48.3%;margin:0.5%;border-width:1px;}
    .Pro_04 ul li h4{}
    .Pro_04 ul li .onSale{bottom:-26%;right:1%;width:44%;height:44%;font-size:0.9em;line-height:16px;padding-top:6%;}
    .Pro_04 ul li .onSale.txt{font-size:0.8em;line-height:14px;padding-top:9%;}
    .Pro_04 ul li .onSale.open{font-size:1em;line-height:18px;padding-bottom:10px;width:47%;height:47%;}
    .Pro_04 ul li .onSale.open:before{content: "價低者折";font-size:0.6em;bottom:17%;}
    .Pro_04 ul li .special{bottom:-5%;right:1%;width:33%;height:33%;font-size:1.1em;line-height:18px;}
    .Pro_04 ul li h4 img{}
    .Pro_04 ul li h2{font-size:0.85em;line-height:16px;height:46px;}
    .Pro_04 ul li h2 span{display:inline;}
    .Pro_04 ul li h5{font-size:0.85em;width:100%;line-height:15px;height:40px;padding:2px 0 0 4px;margin:0 auto 5px;padding-bottom: 20px;}
    .Pro_04 ul li h5 span{font-family:Century Gothic,"微軟正黑體",Arial; font-size:11px; font-weight:normal;margin-right:3px;position: relative;line-height: 20px;}
    .Pro_04 ul li h5 span.aa:before{content:"(單一口味)";position: absolute;left:50px;font-size:0.95em;}
    .Pro_04 ul li h3{font-size:0.95em;bottom:86px;}
    .Pro_04 ul li:hover h4 img{transform: scale(1); transition:all 0.5s;}

	.rounded-rectangle { 
        width: 80%;
        height: 1.9em;
        background-color: #e2aad7;
        border-radius: 20px;
        margin: 4px auto;
        text-align: center;
        font-size:0.95em;
        font-weight: bold;
        display: flex;
        color: white;
        align-items: center;
        justify-content: center;
    }

    .more a{display: block; width:96%;margin: 10px auto;border-radius: 5px; height: 36px;line-height:36px;font-size:1.5em;letter-spacing:3px;font-weight: normal;border: 1px #aaa solid;}
    .Bottom_Ad a{display: block; width:100%;margin:5px auto 5px;height:0;padding-bottom:39%; background-image: url(images/event_mb.jpg);background-size: 100%;}
    .ad{width:100%; margin:0px auto;overflow:hidden; background-color:#f6f6f6;}
    .ad ul{}
    .ad ul li{width: 100%; display: block; float:left; margin-bottom:5px;margin-left: 0;}
    .info ol li{line-height:20px;font-size:0.8em;}
	
    /*回到上方icon*/
    .GoTop a{width:36px;height:36px;bottom:30px;right:1%;}
    /*回到上方icon END*/
    .flag{background-size:160%;background-position: center top 0px;}
    #wrapper .top_ad{display: none; width:100%;height:auto;padding:5px 8px; overflow:auto;text-indent:0;background-color:#004986;background-image:none;color:#fff;text-align:center;line-height: 20px;box-sizing:border-box;}
    #wrapper .top_ad span{color:#ffff00;font-size:1.2em;}
	
    /* 廣告區名稱：Ads_xx，目前到04 */
    .Ads_01{width: 98%;}
    .Ads_01 img{border-radius:10px;box-shadow: 0 2px 5px rgba(140,80,0,0.8);}
    .Ads_02{overflow: hidden; clear:both;}
    .Ads_02 li{width:100%; float:left; margin-bottom:0px;}
    .Ads_02 li:last-child{margin-bottom:0px;}
    .Ads_02 img{width:100%;}
    .Ads_02 h2{display:block;}
    .Ads_02 h2 img{width:100%;}
    .Ads_03{overflow: hidden; clear:both;}
    .Ads_03 li{width:100%; float:left; margin-bottom:0px;text-align: center;}
    .Ads_03 li:last-child{margin-bottom:0px;}
    .Ads_03 img{width:94%;display:inline-block;}
    .Ads_03 h2{display:block;}
    .Ads_03 h2 img{width:100%;}
    .Ads_04{overflow: hidden; clear:both;}
    .Ads_04 li{width:100%; float:left; margin-bottom:0px;}
    .Ads_04 li:last-child{margin-bottom:0px;}
    .Ads_04 img{width:100%;}
    .Ads_04 h2{display:block;}
    .Ads_04 h2 img{width:100%;}

    .info{padding:1.5%;background-color:#fff;width:95%;margin:10px auto;border-radius:20px;border:none;box-shadow: none;}
    .info h3{font-size:1.2em;}

    .info_01{padding:1.5%;background-color:#fff;width:95%;margin:10px auto;border-radius:10px;border:none;box-shadow: none; font-size:1.2em;color:#ff0000;font-weight: bold;}
    .info_01 h3{font-size:1.2em;color:#ff0000;font-weight: bold;}

    /*折價券使用方式說明*/
    .SerialBox .SerialEX{width:95%;border-radius: 10px;padding:12px;}
    .SerialBox .SerialEX h3{color:#666;font-size:0.95em;line-height: 20px;}
    .SerialBox .SerialEX img.pc,.SerialBox .SerialEX img.pad{display: none;}
    .SerialBox .SerialEX img.mb{margin-top:10px;width: 100%;max-width:370px;height: auto;display: block;}
    /*折價券使用方式說明 END*/
}


@media screen and (min-width:280px) and (max-width:768px){
	.rounded-rectangle { 
        width: 80%;
        height: 1.9em;    
        border-radius: 20px;
        margin: 4px auto;
        text-align: center;
        font-size:1em;
        font-weight: bold;
        display: flex;
        color: white;
        align-items: center;
        justify-content: center;
		line-height: 20px;
    }

    .container h2 {
        font-size: 1.7rem;
        font-weight: bold;
        color: #ffffff;
        background: #8b1cc6;
        border: 3px solid #fff;
        padding: 5px 50px;
        border-radius: 50px;
        margin-bottom: 24px;
    }

    .Pb\(40px\) {
        padding-bottom: 40px;
    }

    .container {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 40px 0px 80px 0px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
}