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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}





/*價錢、底色*/
:root {--price-color:#fffe47;}
:root {--price1-color:#D05;}
:root {--price2-color:#fff;}
:root {--price3-color:#6c001c;}

body {background:#f1b7c5;}
.wrapper {width:100%;position:relative;}

.top {width:100%;height:40px;background:#581b16;z-index:10003;position:relative;}
.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;*/z-index:10000;position:relative;}
.tablets img {display:block;width:100%;}

.fixed_bg {width:125px;height:auto;top:100px;right:20px;position:fixed;z-index:10004;display:none;}
.fixed {width:100%;margin:0;padding:5px 0 0;background:#9b1b1b;;box-sizing:border-box;z-index:10010;position:relative;}
.fixed li {width:100%;line-height:40px;text-align:center;color:#FFF;border-top:1px dashed #FFF;}
.fixed li:last-child::after {content:'';display:block;width:100%;border-bottom:1px dashed #FFF;}
.fixed li a {display:block;width:100%;height:40px;line-height:40px;color:#FFF;}
.fixed li a:hover {display:block;width:100%;height:40px;line-height:40px;color:var(--price-color);background:#720909;}
.gotop {text-align:center;}
.gotop a {box-sizing:border-box;display:block;width:100%;height:60px;line-height:30px;font-size:16px;color:#FFF;background:#9b1b1b;border-radius:0 0 125px 125px;}
.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:var(--price-color);background:#720909;border-radius:0 0 125px 125px;}

.bgbg1 {background:url(bg1.jpg) center 0 repeat;position:relative;background-repeat;}
.bgbg2 {background:url(bg2.jpg) center 0 repeat;position:relative;}
.bgbg3 {background:url(bg1.jpg) center 0 repeat;position:relative;}

/*title_group*/
.bonus1,.bonus2,.bonus3 {position:absolute;z-index:10001;}
.bonus1 img,.bonus2 img,.bonus3 img {display:block;width:100%;}
.bonus2:hover {margin:-5px 0 0;z-index:10001;transition: all .20s linear;}
.bonus3:hover {margin:-5px 0 0;z-index:10003;transition: all .20s linear;}

.bonus1 {width:45%;top:15.5%;left:9.5%;animation-delay:0.2s;z-index:1000;display: inline-block;
	position: absolute;
	animation: movepoint 3s infinite;
	-webkit-animation: movepoint 3s infinite;}
@keyframes movepoint {
	50% {
		top: 19%;
	}
	100%
	 {
		top: 15.5%;
	}
}
.bonus2 {width:36%;top:18%;left:53%;animation-delay:0.4s;}
.bonus3 {top:59.5%;top:45.5%;left:55.5%;animation-delay:0.6s;}
.bonus3 img {width:88%;}


.mobile {display:none;width:100%;animation-delay:0.6s;}
.mobile img {width:100%;}
.main_list_bg_btm2 {width:100%;height:30px;background:url(list_btm2.png);position:relative;margin: 0px 0 0px;}
.main_list_bg_btm3 {width:100%;height:30px;background:url(list_btm3.png);position:relative;margin: 120px 0 0px;}

.title_pc {font:40px/48px "微軟正黑體", Arial;color:#000;text-align:center;display:block;}
.title_pc3 {font:40px/48px "微軟正黑體", Arial;color:#000;text-align:center;display:block;margin: 20px auto;}
.main_list_bg_btm {width:100%;;background:url(main_list_bg_btm.png) center 0 no-repeat;z-index:1000;position:relative;}
.main_list_bg {padding:0px 0 0;z-index:10003;position:relative;}
.main_list { margin:12px auto 75px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:2;position:relative;}
.main_list_bg > .title_pc {margin:0 auto 0px;padding:0px 0;letter-spacing:10px;color:#FFF;position:relative;z-index:1000;}
.main_list_bg > .title_pc > p {width:300px;font:40px/80px "微軟正黑體", Arial;color:#FFF;}
.main_list>p {margin:20px 0 30px;padding:0;text-align:center;color:#FFF ;font:50px/104px "微軟正黑體", Arial;}
.main_list li {text-align:center;color:#FFF;box-sizing:border-box;overflow:hidden;transition: all 0.3s ease-out;z-index:10001;position:relative;background-color: #fff;padding: 0 0 10px;border-width:5px; border-style:solid;}
.main_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.main_list li a ,.main_list li a:hover {color:#FFF;}
.main_list li:hover {transform:scale(0.985) !important;}
.main_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;}
.main_list li p {height:60px;padding:11px 11px 40px;font-size:18px;color:rgb(0, 0, 0);line-height:24px;font-family:dftt_r8;display:inline-block;box-sizing: border-box;overflow:hidden;}.main_list li .discount {font-size:15px;color:#FFF;}
.main_list li .discount b::before {content:'$';font-size:15px;color:var(--price-color);}
.main_list li .price ,.main_list li .price1 ,.main_list li .price2 {font-size:32px;color:var(--price-color);line-height:36px;}
.main_list li span {font-size:15px;color:#ef58aa;font-weight:bold;}
.main_list li h1 {font-size:15px;color:#ef58aa;line-height:20px;margin: 10px auto 0;}
.main_list li h2 {font-size:15px;color:rgb(255, 255, 255);line-height:20px;margin: 10px auto 0;}
.main_list li b {font-size:35px;color:#ef58aa;}

.price_title {width:60px;margin:0 auto;padding:5px 10px;font-size:50px;line-height:22px;background:var(--price-color);color:#267dde;border-radius:15px;}

.price ,.price1 ,.price2 {font-family:'Prompt', sans-serif !important;}
.price1::before {content:'結帳享優惠';margin:0 3px 0 0;padding:0 3px;font-size:14px;color:var(--price-color);background:#D05;border-radius:3px;}
.price2::before {content:'特價$';margin:0 3px 0 0;padding:0 3px;font-size:14px;color:var(--price2-color);background:#ef58aa;border-radius:3px;}

.pro_list_bg {padding:80px 0 0;z-index:10003;position:relative;}
.pro_list {margin:0 auto;box-sizing:border-box;background-color: #f08f8f;display:flex;flex-direction:row;flex-wrap:wrap;z-index:2;position:relative;border-radius: 20px;}
.pro_list_bg > .title_pc {margin:0 auto 10px;padding:10px 0;letter-spacing:10px;color:#FFF;position:relative;z-index:1000;}
.pro_list_bg > .title_pc > p {width:300px;font:40px/80px "微軟正黑體", Arial;color:#FFF;}
.pro_list>p {margin:20px 0 30px;padding:0;text-align:center;color:#FFF ;font:50px/104px "微軟正黑體", Arial;}
.pro_list li {padding: 0 0 20px;text-align:center;color:#FFF;background:#FFF;border-radius:10px;box-sizing:border-box;overflow:hidden;transition: all 0.3s ease-out;z-index:10001;position:relative;}
.pro_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.pro_list li a ,.pro_list li a:hover {color:#FFF;}
.pro_list li:hover {transform:scale(0.985) !important;}
.pro_list li p {font-size:16.5px;color:#000;line-height:20px;font-family:dftt_r8;display:inline-block;box-sizing: border-box;overflow:hidden;}
.pro_list li h1 {font-size:15px;color:#D05;line-height:20px;margin: 10px auto 0;}
.pro_list li h2 {font-size:15px;color:rgb(255, 255, 255);line-height:20px;margin: 10px auto 0;}
.pro_list li b::before {content:'$';font-size:18px;color:var(--price1-color);text-decoration:none}
.pro_list li .discount {font-size:15px;color:#FFF;}
.pro_list li .discount b::before {content:'$';font-size:15px;color:var(--price1-color);}
.pro_list li .price ,.pro_list li .price1 ,.pro_list li .price2 {font-size:32px;color:var(--price1-color);line-height:36px;}
.pro_list li del {width:100%;padding:5px 0;}
.pro_list li span {font-size:15px;color:#FB0;font-weight:bold;}

.pro_listC_title {width:100%;padding:0px 0 20px;text-align: center;}
.pro_listC_title:nth-child(1) {padding:100px 0 20px;}
.pro_listC_title:nth-child(3) {padding:20px 0 100px;}

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

.info {margin: 0 0;padding: 0 0 100px;}

.info p {margin:10px 0;font-size:22px;line-height:30px;color:#383838;}
.info b {font-size:20px;line-height:10px;color:#267dde;}	
ul.info_ul {margin:50px;padding:0;border-bottom-style:dotted;border-color:#267dde; }	
ul.info_ul li {padding:0 0 0 20px;}
.info_time {display:flex;margin:40px auto;padding:0;}
ol.info_ul {margin:0 0 0 40px;padding:30px;}
ol.info_ul li {list-style-type:decimal;margin:10px 0;font-size:20px;line-height:40px;color:#383838;}
ol.info_ul li a {color:#267dde;text-decoration:underline;}
ol.info_ul li a:hover {color:#267dde;}


.title_d {width:100%;margin:0px;padding: 80px 0 0;text-align:center;display:block;}
.title_d img {max-width:450px;width:100%;text-align:center;}

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

.h2 {color:#FFF;}

/*手機版選單*/
.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:calc(100%/9);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:#ce0000;}
.m_menu li a:active i ,.m_menu li a:active p {display:block;color:#ce0000;}
.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:10005;}
.gotop2 p {font:10px/20px Arial;cursor:pointer;top:-20px;}
.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 (min-width:1491px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.main {width:1200px;height:auto;}
.mobile {display:none;}

.product1 {display:none;}

.main_list {width:1150px;height:auto;}
.main_list li {width:24%;height:auto;margin:30px 0.5%;}
.bgbg1 {padding:50px 0 0px;}
.bgbg2 {padding:80px 0 0px;}
.bgbg3 {padding:30px 0 0px;}
.pro_list {width:1150px;height:auto;margin:0 auto;padding:20px 1% 1%;}
.pro_list li {width:24%;height:auto;margin:10px 0.5%;}
.pro_list li p {font-size:15px;padding:3%;}

.activity {width:100%;}
.pro_list2,.pro_list3 {width:1140px;height:auto;margin:0 auto;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li {width:24%;height:auto;margin:5px 0.2% 0;}
.pro_listC_title {margin: 60px 0 -30px; padding:0 0 20px;text-align: center;}

.pro_list_bg {margin: 0 auto;padding: 0 0 80px;}

.main_list_bg_btm {padding: 0 0 0;}

.bonus4 {display:none;}
.info {width:1200px;height:auto;margin:0 auto;padding: 0 0 80px;}
.info_time {width:950px;}
.info_time li {width:48%;margin:0 1%;float:left;}
.title_pc {margin: 0 0 0px;}
}

@media (max-width:1490px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.main {width:1200px;height:auto;}
.mobile {display:none;}
.bgbg1 {padding:80px 0 0px;}
.bgbg2 {padding:0px 0 0px;}
.bgbg3 {padding:100px 0;}
.product1 {display:none;}

.main_list {width:75%;height:auto;margin:0 auto;padding:40px 0 110px;}
.main_list li {width:24%;margin:10px 0.5% 0;}
.main_list li p {font-size:15px;}

.pro_list_bg {padding:60px 0 0;}
.pro_list {width:75%;height:auto;margin:0 auto 150px;padding:5px 0.5%;}
.pro_list li {width:24%;margin:10px 0.5%;}
.pro_list li p {font-size:14px;padding:1.5%;}
.pro_list li p b {font-size:18px;}
.main_list>p ,.pro_list>p {font:40px/104px "微軟正黑體", Arial;}

.info {width:80%;height:auto;margin:0 auto;padding: 0 0 50px;}
.info_time {width:950px;}
.info_time li {width:48%;margin:0 1%;float:left;}

.bonus1 {width:42%;top:15%;left:8%;animation-delay:0.4s;}
.bonus2 {width:33%;top:16%;left:52%;animation-delay:0.6s;}
.bonus3 {width:42% ;top:44%;left:50%;animation-delay:0.9s;}
}

@media (max-width:1200px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.main {width:100%;height:auto;}
.desktop img {display:block;width:100%;}
.mobile {display:none;}
.bgbg1 {padding:60px 0 0px;}
.bgbg2 {padding:0 0 0px;}
.bgbg3 {padding:60px 0;}

.product1 {display:none;}

.main_list {width:70%;height:auto;margin:0 auto 100px;padding:40px 0 0;}
.main_list li {width:24%;margin:10px 0.5% 0;}
.main_list li p {font-size:15px;}

.pro_list_bg {padding:60px 0 0;}
.pro_list {width:70%;height:auto;margin:0 auto 110px;padding:5px 0.5%;}
.pro_list li {width:24%;margin:10px 0.5%;}
.pro_list li p {font-size:14px;padding: 1.5%;}
.pro_list li p b {font-size:18px;}
.main_list>p ,.pro_list>p {font:40px/104px "微軟正黑體", Arial;}

.info {width:75%;height:auto;margin:0 auto;}
.info_time {width:950px;}
.info_time li {width:48%;margin:0 1%;float:left;}

.bonus1 {width:42%;top:15%;left:8%;animation-delay:0.4s;}
.bonus2 {width:34%;top:16%;left:52%;animation-delay:0.6s;}
.bonus3 {width:42% ;top:44%;left:50%;animation-delay:0.9s;}

.title_pc {margin: 0 0 20px;}
.title_pc img {width: 50%;}
.title_pc3 img {width:84%;}
}
  
@media (max-width:959px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.desktop img {display:block;width:100%;}
.mobile ,.main_title ,.sub_title {display:none;}
.fixed_bg {display:none !important;}
.bgbg1 {padding:50px 0 0px;}
.bgbg2 {padding:0 0 0px;}
.bgbg3 {padding:50px 0;}
.product1 {display:none;}

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

.main_list {width:90%;height:auto;margin:0 auto 90px;padding:20px 0 0;}
.main_list li {width:24%;margin:10px 0.5% 0;}
.main_list li p {height: 80px; font-size:15px;}
.main_list li b {font-size:30px;}

.pro_list_bg {padding:40px 0 0;}
.pro_list {width:96%;height:auto;margin:0 auto 90px;padding:5px 0.5%;}
.pro_list li {width:24%;margin:10px 0.5%;}
.pro_list li p {height: 60px; font-size:14px;padding: 1%;}
.pro_list li b {font-size:24px;}
.pro_list li h1,.pro_list li h2 {font-size:12px;}

.title_pc {margin: 0 0 50px;}
.title_pc img {width: 60%;}
.title_pc3 img {width:96%;}

.info {width:95%;height:auto;margin:0 auto;}
.info_time {width:950px;}
.info_time li {width:48%;margin:0 1%;float:left;}

.bonus1 {width:42%;top:15%;left:8%;animation-delay:0.4s;}
.bonus2 {width:34%;top:16%;left:52%;animation-delay:0.6s;}
.bonus3 {width:42% ;top:44%;left:50%;animation-delay:0.9s;}
}

@media (max-width:767px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.desktop {display:none;}
.mobile {display:block;}
.fixed_bg {display:none !important;}
.bgbg1 {padding:0px 0 0px;}
.bgbg2 {padding:0px 0 0px;}
.bgbg3 {padding:70px 0;}

.menu_inner {font-size:18px;}
.main_list_bg {padding:80px 0 0;}
.main_list {width:80%;height:auto;margin:10px auto 90px;padding:0;}
.main_list li {width:90%;margin:3% 1.5%;}
.main_list li p {font-size:18px;}
.main_list li b {font-size:45px;}
.main_list li h1,.main_list li h2 {font-size:18px;}

.pro_list_bg {padding:60px 0 0;}
.pro_list {width:85%;height:auto;margin:0 auto 100px;padding:50px 20px 10px;}
.pro_list li {width:93%;margin: 0 auto 40px;padding: 20px 20px 30px;}
.pro_list li p {font-size:20px;padding:20px 10px 8px;}
.pro_list li h1,.pro_list li h2 {font-size:20px;}
.pro_list li b {font-size:45px;}

.price_title {width:60px;margin:0 auto;padding:5px 10px;font-size:50px;line-height:18px;background:var(--price-color);color:#D05;border-radius:15px;}
.price::before {content:'優惠價';font-size:15px;}
.price ,.price1 ,.price2 {font-family:'Prompt', sans-serif !important;}
.price1::before {font-size:13px;}
.price2::before {font-size:13px;}
.pro_listC_title {width:100%; height: 0 auto 0;margin: 0px 0 40px; padding:0 0 0px;text-align: center;}
.title_pc {margin: 0 0 50px;}
.title_pc img {width: 85%;}
.title_pc3 img {width:95%;}

/*info*/
.info {width:94%;margin:0 auto;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
.info_time {display:block;width:100%;max-width:950px;margin:20px auto 0;}
.info_time li {width:97%;margin:3% auto;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:20px/30px "微軟正黑體", Arial;}

.bonus1 {width:80%;top:6%;left:11%;animation-delay:0.2s;z-index:1000;display: inline-block;
	position: absolute;
	animation: movepoint 3s infinite;
	-webkit-animation: movepoint 3s infinite;}
@keyframes movepoint {
	50% {
		top: 4%;
	}
	100%
	 {
		top: 6%;
	}
}
.bonus2 {width:50%;top:56.5%;left:3.4%;animation-delay:0.6s;}
.bonus3 {width:52% ;top:50%;left:53%;animation-delay:0.9s;}
}