@charset "UTF-8";
[data-aos=fade-right]{transform:translate3d(-10px,0,0)}
[data-aos=fade-left]{transform:translate3d(10px,0,0)}

body {}
.wrapper {width:100%;overflow-x:hidden;position:relative;}

.top {width:100%;height:40px;background:#362E2B;}
.logo {width:112px;height:36px;margin:2px 0 0 5px;float:left;}
.logo img {width:100%;}
.top_right {margin:0 10px 0 0;line-height:40px;color:#FFF;float:right;}
.top_right a ,.top_right a:hover {color:#FFF;}
.main {width:100%;height:auto;margin:0 auto;/*overflow:hidden;*/position:relative;}
.tablet img {display:block;width:100%;}
.zongzi-1 {width:72.75%;right:0;bottom:66px;transition: all 0.3s ease-out;position:absolute;}
.zongzi-1 img {display:block;width:100%;}
.zongzi-1:hover {transform:scale(0.985) !important;}
.zongzi-2 {width:23%;left:37px;bottom:25px;position:absolute;}
.zongzi-2 img {display:block;width:100%;}
.zongzi-price {width:325px;height:126px;padding:15px 10px;background:rgba(240 ,222 ,193 ,.9);font-size:30px;line-height:30px;color:#4e2e07;border-top:4px solid #4e2e07;transition: all 0.3s ease-out;box-sizing:border-box;right:132px;bottom:70px;position:absolute;z-index:10001;}
.zongzi-price a ,.zongzi-price a:hover {color:#4e2e07;}
.zongzi-price:hover {transform:scale(0.985) !important;}
.zongzi-price p {font-size:21px;line-height:22px;}
.zongzi-price span::before {content:'優惠價$';font-size:23px;}
.zongzi-price span {display:block;margin:10px 0 0;font-size:32px;color:#F80;}

.fixed_bg {width:126px;height:auto;top:50px;position:fixed;z-index:10002;display: none;}
.fixed {width:100%;margin:0;padding:5px 0 0;border-left:3px solid #F80;border-right:3px solid #F80;background:rgba(240 ,222 ,193 ,.8);box-sizing:border-box;}
.fixed li {width:100%;line-height:40px;text-align:center;color:#613910;border-top:1px dashed #F80;}
.fixed li:last-child::after {content:'';display:block;width:100%;border-bottom:1px dashed #F80;}
.fixed li a {display:block;width:100%;height:40px;line-height:40px;color:#613910;}
.fixed li a:hover {display:block;width:100%;height:40px;line-height:40px;color:#FFF;background:#F80;}
.gotop {text-align:center;}
.gotop a {box-sizing:border-box;display:block;width:100%;height:60px;line-height:30px;font-size:16px;color:#613910;background:rgba(240 ,222 ,193 ,.8);border-bottom:3px solid #F80;border-left:3px solid #F80;border-right:3px solid #F80;border-radius:0 0 100px 100px;}
.gotop a::before {content:'▲';display:block;height:16px;font-size:12px;}
.gotop a:hover {box-sizing:border-box;display:block;width:100%;height:60px;line-height:30px;color:#FFF;background:#F80;border-bottom:3px solid #F80;border-left:3px solid #F80;border-right:3px solid #F80;border-radius:0 0 100px 100px;}


.mainjpg {width:100%;height:100%;position:relative;}
.main_bg {top:0;position:relative;}
.main_bg img {display:block;width:100%;}

.main_title {display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:10002;position:absolute;}
.t1 ,.t2 ,.chestnut ,.pork {margin:0;padding:0;position:absolute;}
.t1 img ,.t2 img ,.chestnut img ,.pork img {display:block;width:100%;}
.t1 {width:47.666%;top:55px;left:4%;
	transition: all .20s linear;
    position: absolute;
    animation: scroll 1.3s linear infinite alternate;
    -webkit-animation: scroll 1.3s linear infinite alternate;
    }/*802px*/
@keyframes scroll {
    0% {
    filter:brightness(100%);
    transform: scale(1,1);
    }
    20% {
    filter:brightness(100%);
    transform: scale(1.02,1.02);
    }
    30% {
    filter:brightness(120%);
    transform: scale(1,1);
    }
    40% {
    filter:brightness(100%);
    transform: scale(1.01,1.01);
    }
    50% {
    filter:brightness(110%);
    transform: scale(1,1);
    }
   	60% {
    filter:brightness(100%);
    transform: scale(1,1);
    }
    70%{
    filter:brightness(100%);
    transform: scale(1,1);
    }
    100% {
    filter:brightness(100%);
    transform: scale(1,1);
    }
    }
.t2 {width:51.08%;top:340px;left:50%;margin:0 0 0 -306px;
	transition: all .20s linear;
    position: absolute;
    animation: scroll1 .8s linear infinite alternate;
    -webkit-animation: scroll1 .8s linear infinite alternate;
    }/*613px*/
@keyframes scroll1 {
    0% { 
    filter:brightness(100%);
    transform: scale(1,1);
    }
    20% { 
    filter:brightness(100%);
    transform: scale(1.02,1.02);
    }
   	30% { 
    filter:brightness(120%);
    transform: scale(1,1);
    }
   	40% { 
    filter:brightness(100%);
    transform: scale(1.02,1.02);
    }
   	50% { 
    filter:brightness(110%);
    transform: scale(1,1);
    }
   	60% { 
    filter:brightness(100%);
    transform: scale(1,1);
    }
    70%{ 
    filter:brightness(100%);
    }
    100% { 
    filter:brightness(100%);
    }
    }

.chestnut {transition: all .20s linear;animation: chestnut 2.8s linear infinite alternate;-webkit-animation: chestnut 2.8s linear infinite alternate;z-index:1000;}
@keyframes chestnut {
    0% { 
      top:100px;right:22%;
    }
    50% { 
      top:90px;right:21.5%;
    }
    100% { 
      top:100px;right:22%;
    }
}
.pork {transition: all .20s linear;animation: pork 2.5s linear infinite alternate;-webkit-animation: pork 2.5s linear infinite alternate;z-index:1000;}
@keyframes pork {
    0% { 
      top:200px;right:2.5%;
    }
    50% { 
      top:190px;right:2.3%;
    }
    100% { 
      top:200px;right:2.5%;
    }
}




.title_sub {width:500px;margin:0 0 0 50%;bottom:10px;left:-250px;position:absolute;}
.title_sub span {font-size:20px;}
.title_sub b {font-size:10px;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;}

.t_sub0 ,.t_sub1, .t_sub2 ,.t_sub3 {position:absolute;}

/*大標文字*/
.t_sub0 {left:70px;top:200px;z-index:10003;}

.t_sub1 {top:120px;left:800px;z-index:10002;}
.t_sub2 {top:103px;z-index:10001;}
.t_sub3 {top:27px;left:162px;z-index:10000;}

.mobile {display:none;width:100%;}
.mobile img {width:100%;}

.main_list_bg {padding:50px 0 0;}
.main_list {margin:0 auto;box-sizing:border-box;flex-direction:row;justify-content:space-around;flex-wrap:wrap;position:relative;}
.main_list > p {margin:0 0 15px;padding:0;text-align:center;color:#FFF;font:50px/104px "微軟正黑體", Arial;}
.main_list > li {width:1000px;height:auto;text-align:center;box-sizing:border-box;transition: all 0.3s ease-out;position:relative;z-index:10000;position:relative;}
.main_list li img {width:59.09%;float:left;}
.main_list li a , .main_list li a:hover {color:#000;}
.main_list > li:hover {transform:scale(0.985) !important;}
.title_pc {font:40px/48px "微軟正黑體", Arial;color:#000;text-align:center;display:block;margin:0 auto 30px;}
.main_list_bg >.title_pc {width:100%;}
/* .main_list li p {height:48px;margin:5px 0 0;padding:0 5px;font-size:18px;color:#000;line-height:24px;display:inline-block;box-sizing:border-box;overflow:hidden;}*/
.main_list li p b::before {content:'$';font-size:15px;color:#F80;}
.main_list li p b {font-size:32px;color:#F80;line-height:36px;}
.main_list li del::before {content:'市價$';font-size:12px;}
.main_list li del {display:block;width:100%;padding:5px 0;background:#333;color:#FF0;}
.main_list li span {font-size:15px;color:#F03;font-weight:bold;}

.main_list li a {display:flow-root;}
.main_list li > .main_list_border {display:inline-block;width:100%;padding:15px;box-sizing:border-box;}

.main_list li:nth-child(1) a {background:#f0dec1;}
.main_list li:nth-child(1) .main_list_border {border:5px solid #f0dec1;}
.main_list li:nth-child(2) a {background:#ebeec8;}
.main_list li:nth-child(2) .main_list_border {border:5px solid #ebeec8;}
.main_list li:nth-child(3) a {background:#f1e3b3;}
.main_list li:nth-child(3) .main_list_border {border:5px solid #f1e3b3;}

.main_list_detail {width:38%;margin:60px 0 0 2%;padding:20px 0 0;text-align:left;float:left;}
.main_list_name {font-size:60px;line-height:60px;color:#4e2e07;}
.main_list_name p {display:block;font-size:26px;line-height:26px;color:#4e2e07;}
.main_list_info {margin:10px 0;font-size:15px;line-height:20px;color:#4e2e07;}
.main_list_info li::before {content:'★';margin:0 5px 0 0;font-size:15px;}
.main_list_price_title {width:70px;padding:5px 10px;font-size:20px;line-height:22px;background:#ff7c7a;border-radius:6px;color:#FFF;font-weight:bold;text-align:center;}
.main_list_price {margin:15px 0 0;font-size:50px;color:#F80;}
.main_list_price::before {content:'優惠價$';font-size:30px;color:#F80;}

.main_list > li:nth-child(even) > div > a > .main_list_detail {margin:60px 0 0 2%;padding:20px 0 0;}
.main_list > li:nth-child(even) > div > a > img {float:right;}

.main_list_tag {width:150px;height:80px;right:20px;bottom:23px;position:absolute;}
.main_list_tag img {display:block;width:100% !important;}
.main_list > li:nth-child(even) .main_list_tag {right:calc(59.09% - 4px);}

.info_1 ,.info_2 {margin:0 auto 60px;}
.info_1 img ,.info_2 img {display:block;width:100%;}

.title_m {font:bold 50px/50px "微軟正黑體", Arial;color:#FFF;text-align:center;display:block;margin:0 0 10px;top:-100px;position:absolute;z-index:10001;}

.pro_list_bg {padding:80px 0 0;position:relative;}
.pro_list1 ,.pro_list2 {margin:0 auto;padding:0 0.5%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:2;position:relative;}

.pro_list_bg > .title_pc {width:100%;}
.pro_list_bg > .title_pc > p {width:300px;margin:0 auto;font:40px/80px "微軟正黑體", Arial;color:#FFF;}

.pro_list1>p {margin:20px 0 30px;padding:0;text-align:center;color:#000 ;font:50px/104px "微軟正黑體", Arial;}
.pro_list1 li {text-align:center;color:#000;background:#f0dec1;box-sizing:border-box;overflow:hidden;transition: all 0.3s ease-out;z-index:10001;position:relative;}
.pro_list1 li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;background:#FFF;}
.pro_list1 li a ,.pro_list li a:hover {color:#000;}
.pro_list1 li:hover {transform:scale(0.985) !important;}
.pro_promo1 {display:table;width:auto;height:30px;margin:0 auto;padding:0 15px;color:#2b2f52;background:#F47;text-align:center;font-size:18px;line-height:30px;border-radius:30px;}
.pro_list1 li p {height:52px;padding:5px;font-size:18px;color:#4e2e07;line-height:24px;display:inline-block;box-sizing: border-box;overflow:hidden;}
.price_title1 {width:60px;margin:0 auto;padding:5px 10px;font-size:15px;line-height:18px;background:#F80;color:#FFF;border-radius:3px;}
.pro_list1 li b::before {content:'$';font-size:15px;color:#F80;}
.pro_list1 li .discount {font-size:15px;color:#000;}
.pro_list1 li .discount b::before {content:'$';font-size:15px;color:#F80;}
.pro_list1 li p b {font-size:32px;color:#F80;line-height:36px;}
.pro_list1 li del::before {content:'市價$';font-size:12px;}
.pro_list1 li del {display:block;width:100%;padding:5px 0;background:#333;color:#FF0;}
.pro_list1 li span {font-size:15px;color:#FB0;font-weight:bold;}


.pro_list2>p {margin:20px 0 30px;padding:0;text-align:center;color:#000 ;font:50px/104px "微軟正黑體", Arial;}
.pro_list2 li {text-align:center;color:#000;background:#FFF;box-sizing:border-box;overflow:hidden;transition: all 0.3s ease-out;z-index:10001;position:relative;}
.pro_list2 li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;background:#FFF;}
.pro_list2 li a ,.pro_list li a:hover {color:#000;}
.pro_list2 li:hover {transform:scale(0.985) !important;}
.pro_promo1 {display:table;width:auto;height:30px;margin:0 auto;padding:0 15px;color:#2b2f52;background:#F47;text-align:center;font-size:18px;line-height:30px;border-radius:30px;}
.pro_list2 li p {height:52px;padding:5px;font-size:18px;color:#000;line-height:24px;display:inline-block;box-sizing: border-box;overflow:hidden;}
.price_title2 {width:60px;margin:0 auto;padding:5px 10px;font-size:15px;line-height:18px;background:#F80;border-radius:3px;}
.pro_list2 li b::before {content:'$';font-size:15px;color:#F80;}
.pro_list2 li .discount {font-size:15px;color:#000;}
.pro_list2 li .discount b::before {content:'$';font-size:15px;color:#F80;}
.pro_list2 li p b {font-size:32px;color:#F80;line-height:36px;}
.pro_list2 li del::before {content:'市價$';font-size:12px;}
.pro_list2 li del {display:block;width:100%;padding:5px 0;background:#333;color:#FF0;}
.pro_list2 li span {font-size:15px;color:#FB0;font-weight:bold;}


/*宮格底色*/

.info_bg {margin:30px auto 0;padding:30px 0;box-sizing:border-box;}
.info_bg > .title_bg >.title {color:#FFF;}
.title_bg {text-align:center;position:relative;}
ul.info_ul {margin:0 0 35px 15px;padding:0;box-sizing: border-box;}
ul.info_ul li {list-style-type:none;margin:10px 0;font-size:20px;line-height:30px;color:#FFF;}
ul.info_ul li i {display:inline-block;width:5px;height:25px;margin:0 3px 0 0;background:#FFF;top:4px;position:relative;}
ul.info_ul li a {color:#FF0;}
ul.info_ul li a:hover {color:#c7ff5e;}
ul.info_ul li span {margin:0;font-size:20px;line-height:30px;color:#FF0;}

ol.info_ul {margin:0 auto 35px;padding:0 0 0 20px;box-sizing:border-box;text-align: justify;text-justify:inter-ideograph;}
ol.info_ul li {list-style-type:decimal;margin:10px 0;font-size:20px;line-height:30px;color:#46473f;}
ol.info_ul li a {color:#ff8282;}
ol.info_ul li a:hover {color:#ff3232;}
ol.info_ul li span {margin:0;font-size:20px;line-height:30px;color:#ff8282;}
ol.info_ul li p {margin:0;font-size:20px;line-height:30px;color:#ff3232;}
.info_bg ol.info_ul .title {margin:10px 0 0;color:#46473f;left:-20px;position:relative;}
.sub_title {width:100%;margin:20px 0 0;padding:5px 0;font-size:26px;line-height:32px;color:#46473f;background:#ff9527;border-radius:50px;text-align:center;position:relative;}

.list_icon1 {background:url(list_icon1.png) 50px 50% no-repeat;}
.list_icon2 {background:url(list_icon2.png) 90% 30px no-repeat;}
.list_icon3 {background:url(list_icon3.png) -50px bottom no-repeat;}

.bgbg1 {padding:0 0 1px;background:url(mainlist_bg.png) center 0 repeat-y;}
.bgbg2 {padding:0 0 60px;background:url(prolist_bg.png) center 0 repeat-y;}

.copyright {font-size:13px;margin:0;padding:10px 0;text-align:center;color:#FFF;background:#362E2B;}
.copyright p {width:95%;margin:0 auto;padding:0;text-align:center;color:#FFF;line-height:18px;}

.banner {padding:0;}
.banner li img {width:100%;display:block;}

/*手機版選單*/
.m_menu {display:none;width:100%;height:50px;margin:0;padding:0;text-align:center;box-shadow:0 -1px 2px 1px rgba(0%,0%,0%,0.10);bottom:0;position:fixed;z-index:20000;
background: linear-gradient(90deg, rgba(237, 237, 237, 1)0%, rgba(255, 255, 255, 1)50%); 
background: -moz-linear-gradient(90deg, rgba(237, 237, 237, 1)0%, rgba(255, 255, 255, 1)50%); 
background: -webkit-linear-gradient(90deg, rgba(237, 237, 237, 1)0%, rgba(255, 255, 255, 1)50%); 
background: -o-linear-gradient(90deg, rgba(237, 237, 237, 1)0%, rgba(255, 255, 255, 1)50%); }
.m_menu li {width:20%;height:60px;padding:7px 0 0;list-style-type:none;border-right:1px solid #EEE;box-sizing:border-box;font:bold 15px/25px "微軟正黑體", Arial;float:left;position:relative;}
.m_menu li p {color:#999;line-height:18px;margin:0;padding:0;font-size:15px;font-weight:lighter;text-align:center;}
.m_menu li:last-child {border:0;}
.m_menu li i {display:block;color:#999;}
.m_menu li a:hover i ,.m_menu li a:hover p {display:block;color:#F80;}
.m_menu li a:active i ,.m_menu li a:active p {display:block;color:#F80;}
.m_menu_active {color:#D05 !important;}
.m_menu_member {width:50px;height:50px;margin:-25px 0 0 -25px;padding:8px 0 0;box-sizing:border-box;border:4px solid #FFF;box-shadow:0 -2px 2px 1px rgba(0%,0%,0%,0.1);border-radius:60px;color:#FFF;background:#D05;top:5px;left:50%;position:absolute;}
.m_menu_member i {color:#FFF !important;}
.m_menu_member i a:hover {color:#FFF !important;}
.badge {display:block;width:20px;height:20px;background:#D05;color:#FFF;border-radius:10px;top:2px;left:calc(50% + 10px);position:absolute;}
.gotop2 {display:none;width:30px;height:30px;line-height:30px;background:rgba(255 ,255 ,255 ,.8);text-align:center;border-radius:15px;box-shadow:1px 1px 2px 1px rgba(20%,20%,40%,0.2);right:10px;bottom:60px;position:fixed;z-index:10001;}
.gotop2 p {font:10px/20px Arial;cursor:pointer;top:-20px;position:relative;z-index:10005;}
.gotop2 a {color:#000;font-size:11px;}

@media (min-width: 1081px) {
.m_menu ,.gotop2 {display:none;}
}

@media (max-width: 1080px) {
.m_menu ,.gotop2 {display:block;}
.copyright {padding:10px 0 60px;background:#362E2B;}
}



@media screen and (min-width:1491px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablet ,.mobile {display:none;}
.main_title {width:594px;height:177px;left:-297px;bottom:100px;margin: 0 0 0 50%;}
.main {width:1200px;height:auto;}
.fixed_bg {margin-left:1200px;}

.info_1 {width:1100px;}
.info_2 {display:none;}

.title_pc {width:1100px;margin:0 auto;}
.title_m {display:none;}
.main_list {width:1140px;height:auto;}
.main_list > li {width:100%;height:auto;margin:0 0 50px;}

.pro_list1 ,.pro_list2 {width:1140px;height:auto;margin:0 auto;padding:20px 0 0;}
.pro_list1 li ,.pro_list2 li {width:24%;height:auto;margin:5px 0.5% 0;}

.even li:nth-child(even) {margin-top:50px;}
.odd li:nth-child(odd) {margin-top:50px;}

/*info*/
.info_ul {width:1120px;}
}

@media screen and (min-width:1201px) and (max-width:1490px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablet ,.mobile {display:none;}
.main {width:1200px;height:auto;}
.fixed_bg {right:0;}

.info_1 {width:1100px;}
.info_2 {display:none;}

.title_pc {width:1100px;margin:0 auto;}
.title_m {display:none;}
.main_list {width:1140px;height:auto;}
.main_list > li {width:100%;margin:0 0 50px;}
.pro_list1 ,.pro_list2 {width:1140px;height:auto;margin:0 auto;padding:20px 0 0;}
.pro_list1 li ,.pro_list2 li {width:24%;height:auto;margin:5px 0.5% 0;}

.even li:nth-child(even) {margin-top:50px;}
.odd li:nth-child(odd) {margin-top:50px;}

/*info*/
.info_ul {width:1120px;}
}

@media screen and (min-width:1081px) and (max-width:1200px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.main img {width:100%;}
.tablet ,.mobile {display:none;}
.main {width:100%;height:auto;}
.fixed_bg {right:0;}

.bgbg1 {background-size:160%;}

.info_1 {max-width:1100px;margin:0 auto;}
.info_2 {display:none;}

.title_pc {width:98%;margin:0 auto;}
.title_m {display:none;}
.main_list {width:90%;height:auto;padding:20px 0 0;}
.main_list > li {width:100%;height:auto;margin:0 0 50px;}

.pro_list1 ,.pro_list2 {width:94%;height:auto;padding:20px 0 0;}
.pro_list1 li ,.pro_list2 li {width:23%;margin:10px 1% 0;}

.even li:nth-child(even) {margin-top:50px;}
.odd li:nth-child(odd) {margin-top:50px;}

/*info*/
.info_ul {width:90%;}
}

@media screen and (min-width:960px) and (max-width:1080px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablet {display:none;}
.desktop img {display:block;width:100%;}
.fixed_bg {display:none !important;}

.bgbg1 {background-size:160%;}

.info_1 {width:100%;margin:0 auto;}
.info_2 {display:none;}

.menu_inner {font-size:15px;}
.title_btm {top:130%;}

.title_pc {width:89%;margin:0 auto;}
.title_m {display:none;}
.main_list {width:90%;height:auto;padding:20px 0 0;}
.main_list > li {width:100%;margin:0 0 30px;}
.main_list_detail {margin:20px 0 0 20px;}
.main_list > li:nth-child(even) > div > a > .main_list_detail {margin:20px 0 0 20px;}
.main_list_name {font-size:40px;line-height:46px;}
.main_list_info {font-size:13px;}

.pro_list1 ,.pro_list2 {width:90%;height:auto;margin:0 auto;padding:20px 0 0;}
.pro_list1 li ,.pro_list2 li {width:23%;margin:10px 1% 0;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:30px;}
.main_list>p ,.pro_list1>p ,.pro_list2>p {font:40px/104px "微軟正黑體", Arial;}

/*info*/
.info_ul {width:90%;}

}
  
@media screen and (min-width:768px) and (max-width:959px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablet {display:block;}
.desktop ,.mobile ,.t1 ,.zongzi-price ,.zongzi-1 ,.zongzi-2 ,.chestnut ,.pork {display:none;}
.fixed_bg {display:none !important;}

.bgbg1 {background-size:160%;}

.info_1 {width:100%;margin:0 auto;}
.info_2 {display:none;}

.menu_inner {font-size:15px;}
.title_btm {top:130%;}

.title_pc {width:89%;margin:0 auto;}
.title_m {display:none;}
.main_list {width:90%;height:auto;padding:20px 0 0;}
.main_list > li {width:100%;margin:0 0 30px;}
.main_list_detail {margin:20px 0 0 2%;}
.main_list > li:nth-child(even) > div > a > .main_list_detail {margin:20px 0 0 2%;}
.main_list_name {font-size:36px;line-height:40px;}
.main_list_name p {font-size:20px;line-height:26px;}
.main_list_price::before {font-size:20px;}
.main_list_price {font-size:40px;}
.main_list_info {font-size:13px;}

.pro_list1 ,.pro_list2 {width:90%;height:auto;margin:0 auto;padding:20px 0 0;}
.pro_list1 li ,.pro_list2 li {width:24%;margin:10px 0.5% 0;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:26px;}
.main_list>p ,.pro_list1>p ,.pro_list2>p {font:40px/104px "微軟正黑體", Arial;}

/*info*/
.info_ul {width:90%;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablet ,.desktop ,.t1 ,.zongzi-price ,.zongzi-1 ,.zongzi-2 ,.chestnut ,.pork {display:none;}
.mobile {display:block;}
.main_title ,.title_sub ,.slide ,.shading {display:none;}
.fixed_bg {display:none !important;}

.info_1 {width:100%;margin:0 auto;}
.info_2 {display:none;}

.menu_inner {font-size:18px;}
.title_pc {width:98%;margin:10px auto 0;}
.pro_list_bg > .title_pc > p {font:40px/65px "微軟正黑體", Arial;}
.main_list {width:96%;height:auto;padding:20px auto 0;}
.main_list > li {width:100%;height:auto;margin:10px auto;}
.main_list_detail {margin:20px 0 0 2%;}
.main_list > li:nth-child(even) > div > a > .main_list_detail {margin:20px 0 0 2%;}
.main_list_name {font-size:26px;line-height:30px;}
.main_list_name p {font-size:20px;line-height:26px;}
.main_list_info {display:none;}
.main_list_price_title {width:60px;margin:0 auto;padding:5px 10px;font-size:15px;line-height:18px;}
.main_list_price {margin:5px 0 0;font-size:32px;line-height:36px;}
.main_list_price::before {font-size:15px;}
.main_list_tag {width:100px;height:53px;}

.pro_list1 ,.pro_list2 {width:96%;height:auto;margin:0 auto;padding:20px 0 0;}
.pro_list1 li ,.pro_list2 li {width:48%;margin:10px 1% 0;}
.main_list>p ,.pro_list1>p ,.pro_list2>p {font:40px/104px "微軟正黑體", Arial;}


/*info*/
.info_ul {width:90%;margin:0 1% 60px;}

.copyright {margin:0 0 50px;}
}

@media screen and (min-width:421px) and (max-width:600px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablet ,.desktop ,.t1 ,.zongzi-price ,.zongzi-1 ,.zongzi-2 ,.chestnut ,.pork {display:none;}
.mobile {display:block;}
.main_title ,.title_sub ,.slide ,.shading {display:none;}
.fixed_bg {display:none !important;}

.info_1 {display:none;}
.info_2 {width:80%;margin:0 auto 40px;}

.menu_inner {font-size:18px;}
.main_list_bg {padding:30px 0 30px;}
.main_list_bg > .title_pc {width:80%;margin:0 auto;}
.title_pc {width:10%;margin:10px auto 0;}
.pro_list_bg > .title_pc img {width:80%;margin:0 auto;}
.title_pc img {display:block;width:100%;}
.main_list {width:96%;height:auto;padding:0;}
.main_list > li {width:100%;height:auto;margin:10px auto;}
.main_list li img {width:100% !important;max-width:100%!important;float:initial!important;}
.main_list_detail {width:90%;margin:0 0 0 2%;}
.main_list > li:nth-child(even) > div > a > .main_list_detail {margin:0 0 0 2%;}
.main_list_tag {bottom:20px;}
.main_list > li:nth-child(even) .main_list_tag {right:20px;bottom:20px;}
.main_list_name {font-size:26px;line-height:30px;}
.main_list_name p {font-size:20px;line-height:26px;}
.main_list_info {display:none;}
.main_list_price_title {width:60px;margin:0 auto;padding:5px 10px;font-size:15px;line-height:18px;}
.main_list_price {margin:5px 0 0;font-size:32px;line-height:36px;}
.main_list_price::before {font-size:15px;}
.main_list_tag {width:100px;height:53px;}

.pro_list_bg {padding:30px 0 0;}
.pro_list_bg > .title_pc > p {font:40px/65px "微軟正黑體", Arial;}

.pro_list1 ,.pro_list2 {width:94%;height:auto;margin:0 auto 2%;padding:20px 0 0;}
.pro_list1 > .title_pc ,.pro_list2 > .title_pc {top:-30px;}
.s1 {background:#90e6b5;}
.s2 {background:#fbd024;}
.pro_list1 li ,.pro_list2 li {width:48%;margin:10px 1% 0;}
.pro_promo {font-size:15px;}
.pro_list1 li p ,.pro_list2 li p {font-size:15px;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:25px;}
.main_list>p ,.pro_list1>p ,.pro_list2>p {font:30px/104px "微軟正黑體", Arial;}

.list_bg1 ,.list_bg2 {background-size:70%;}

/*info*/
.info_bg {margin:0 auto;}
.info_ul {width:90%;margin:20px 5%;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}

.copyright {margin:0 0 50px;}
}

@media screen and (max-width:420px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablet ,.desktop ,.t1 ,.zongzi-price ,.zongzi-1 ,.zongzi-2 ,.chestnut ,.pork {display:none;}
.mobile {display:block;}
.main_title ,.title_sub ,.slide ,.shading {display:none;}
.fixed_bg {display:none !important;}

.info_1 {display:none;}
.info_2 {width:90%;margin:0 auto 40px;}

.main_list_bg {padding: 5px 0 30px;}
.menu_inner {font-size:18px;}
.main_list_bg > .title_pc {width:70%;height:auto;margin:30px auto 0;background-size:60%;}
.title_pc {width:10%;margin:10px auto 0;}
.title_pc img {display:block;width:100%;}
.main_list {width:96%;height:auto;padding:0;}
.main_list > li {width:100%;height:auto;margin:10px auto;}
.main_list li img {width:100% !important;max-width:100%!important;float:initial!important;}
.main_list_detail {width:90%;margin:0 0 0 2%;}
.main_list > li:nth-child(even) > div > a > .main_list_detail {margin:0 0 0 2%;}
.main_list_tag {bottom:20px;}
.main_list > li:nth-child(even) .main_list_tag {right:20px;bottom:20px;}
.main_list_name {font-size:26px;line-height:30px;}
.main_list_name p {font-size:20px;line-height:26px;}
.main_list_info {display:none;}
.main_list_price_title {width:60px;margin:0 auto;padding:5px 10px;font-size:15px;line-height:18px;}
.main_list_price {margin:5px 0 0;font-size:32px;line-height:36px;}
.main_list_price::before {font-size:15px;}
.main_list_tag {width:100px;height:53px;}

.pro_list_bg {padding:30px 0 0;}
.pro_list_bg > .title_pc {width:70%;height:auto;}
.pro_list_bg > .title_pc > p {width:80%;height:60px;font:30px/54px "微軟正黑體", Arial;}
.pro_list1 ,.pro_list2 {width:94%;height:auto;margin:0 auto 2%;}
.s1 {background:#90e6b5;}
.s2 {background:#fbd024;}
.pro_list1 li ,.pro_list2 li {width:48%;margin:10px 1% 0;}
.pro_promo {font-size:15px;}
.pro_list1 li p ,.pro_list2 li p {font-size:15px;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:25px;}
.main_list>p ,.pro_list1>p ,.pro_list2>p {font:30px/104px "微軟正黑體", Arial;}

.list_bg1 ,.list_bg2 {background-size:70%;}

/*info*/
.info_bg {margin:0 auto;}
.info_ul {width:90%;margin:20px 5%;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}

.copyright {margin:0 0 50px;}
}