@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: #1b0356;;background-attachment: fixed;background-position: top center;background-repeat: no-repeat;background-image: url("images/bg.png");}
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:310px;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:"回7-ELEVEN i預購看更多商品";display: block; width:310px;height: 30px;position: absolute;font-size:1.25em;}
header .TopLink a:hover{color:#F8EA9F;}
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:300px; 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:50px;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;}

button{display: block;width:300px;height: 50px;margin: 0 auto 30px; border-radius:25px;background-color: #8733f9;border:none;
  box-shadow: inset 0px 0px 0px 1px rgba(59, 91, 0, 0.004);font-family: "微軟正黑體";font-size:1.6em;letter-spacing: 2px;cursor:pointer;outline:none;color: #ffffff;}
button:hover{color:#00ffff;text-shadow:rgba(250,250,250,0.0) 0 0 0;}


.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;}


.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;}






















@media screen and (min-width:960px) and (max-width:1199px){
    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:245px;right:2%;top:12px;}
    header .TopLink a:before{width:245px;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:58px;}
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%;}

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





@media screen and (min-width:767px) and (max-width:959px){
header{height:58px;}
header .header_Box{width:100%;}
header .TopLink,header .TopLink_B{width:250px;right:2%;top:12px;}
header .TopLink a:before{width:250px;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:180px;height:46px;left:5px;top:7px;}
header .header_Box .logo a{width:180px;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%;}
/*回到上方icon*/
.GoTop a{width:45px;height:45px;bottom:30px;right:1%;}
/*回到上方icon 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){
header{height:45px;}
header .header_Box{ width:100%; margin:1px auto; position:relative;}
header .header_Box .logo{position:relative;width:150px;height: 45px; top:4px;left:5px;}
header .header_Box .logo a{width:150px;height:35px;}
header .TopLink,header .TopLink_B{width:210px;font-size:0.9em;letter-spacing: 0;top:8px;right:8px;height: 28px;line-height: 28px;text-indent: 0;}
header .TopLink a:before{width:210px;font-size:1em;}
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:45px;}
main{ width:100% !important; margin:0 auto;}
main .title{display:block;margin-top:5px;}
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:8%;}
/* 選單共用 */
.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;}
/*回到上方icon*/
.GoTop a{width:40px;height:40px;bottom:30px;right:1%;}
/*回到上方icon END*/
.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;}
}





/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 480px){
body{background-size:200%;}
header{height:45px;}
header .header_Box{ width:100%; margin:1px auto; position:relative;}
header .header_Box .logo{position:relative;width:130px; top:4px;height: 45px;left:3px;}
header .header_Box .logo a{width:130px;height:35px;}
header .TopLink,header .TopLink_B{width:175px;font-size: 0.8em;letter-spacing: 0;top:8px;right:6px;height: 25px;line-height: 25px;text-indent: 0;}
header .TopLink a:before{width:175px;font-size:0.8em;}
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:45px;}
main{ width:100%; margin:0 auto;border-radius: 0 0 10px 10px;}
main .title{display:block;margin-top:10px;}
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:7%;}	
/* 選單共用 */
.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;}

.info ol li{line-height:20px;font-size:0.8em;}
/*回到上方icon*/
.GoTop a{width:36px;height:36px;bottom:30px;right:1%;}
/*回到上方icon END*/
	
.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;}
}





/*AFTEE*/
.panel_title {
    margin: -2px 8px 0;
    padding: 6px;
    color: #fff;
    font-weight: bold;
    background-color: #5AC0B1;
    border-radius: 8px;}