@charset "UTF-8";
::selection {
background: #ffeec6;
color:#000;
}
::-moz-selection {
background: #ffeec6;
color:#000;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}

body {background:url(bg2.png) center 0 repeat-y;}
.wrapper {width:100%;overflow-x:hidden;position:relative;}

.top {width:100%;height:40px;background:#000;}
.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;}
.tablets img {display:block;width:100%;}

.time {width:100%;padding:40px 0;text-align:center;background:#282828;}

.mainjpg {width:100%;height:100%;position:relative;}
.main_bg {position:relative;}
.desktop img {display:block;width:100%;}
#gotop {display:none;padding:20px;right:20px;bottom:20px;color:#000;background:rgba(255 ,255 ,255 ,.6);border-radius:20px;cursor:pointer;z-index:10002;position:fixed;}
#gotop::before {display:block;content:'^';font-size:30px;top:17px;left:10px;position:absolute;}

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

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.tip_bg {padding:20px 0;background:#d05;text-align:center;}
.tip_bg p {width:1200px;margin:0 auto;font:20px/30px "微軟正黑體", Arial;color:#f5ebc5;}

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

.main_list_bg {}
.main_list {margin:0 auto;padding:20px 0 40px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:left;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 {box-sizing:border-box;transition: all 0.3s ease-out;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;position:relative;z-index:10000;position:relative;}
.main_list li a {width:100%;z-index:10000;position:relative;}
.main_list1_pic {width:60%;z-index:10003;top:-5%;left:2%;position:relative;}
.main_list1_price {width:28%;z-index:10003;right:5%;bottom:15%;position:absolute;}
.main_list1_pic img ,.main_list1_price img {display:block;width:100%;}
.main_list li::before {display:block;content:'';width:100%;height:100%;background:url(main_li_bg1.jpg) left 0 repeat;z-index:2;position:absolute;}
.main_list li::after {display:block;content:'';width:100%;height:100%;background:url(main_li_bg2.jpg) left 0 repeat;top:20px;left:20px;z-index:1;position:absolute;}
.main_list li img {width:100%;}
.main_list li a , .main_list li a:hover {color:#000;}
.main_list li:hover {transform:scale(0.985) !important;}
.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:#960000;}
.main_list li p b {font-size:26px;color:#960000;line-height:30px;}
.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;}

.bgbg1 {background:url(bg1.jpg) center top repeat-y;position:relative;background-attachment:fixed;background-size:cover;}

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

.activity {height:auto;margin:0 auto;padding:20px;border:1px solid #f1cf7c;background:#e0ca92;box-sizing:border-box;position:relative;}
.activity_title {margin:10px 0 20px;font:40px/40px "微軟正黑體", Arial;color:#000;text-align:center;font-weight:bold;position:relative;}
.activity_title span {font-size:20px;top:-10px;position:relative;}
.activity_detail {padding:20px;background:#FFF;font:20px/24px "微軟正黑體", Arial;text-align:center;}
.activity ul {padding:20px 0;background:#FFF;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;}
.activity ul li {width:50%;}
.activity ul li:first-child {border-right:1px dotted #000;}
.activity_word {padding:15px;font:20px/24px "微軟正黑體", Arial;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}

.discount_bg {width:100%;padding:80px 0;background:url(discount_bg.jpg) left 0 repeat;;}
.discount {height:auto;margin:0 auto;padding:20px;border:1px solid #f1cf7c;background:url(info_li_bg.jpg) left 0 repeat;box-sizing:border-box;position:relative;}
.discount_title {margin:10px 0 20px;font:40px/40px "微軟正黑體", Arial;color:#fff;text-align:center;font-weight:bold;position:relative;}
.discount_title span {font-size:20px;top:-10px;position:relative;}
.discount ul {padding:20px 0;background:#FFF;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;}
.discount ul li {width:50%;}
.discount_num {padding:15px 0 0;color:#282828;line-height:100px;font-size:70px;text-align:center;border-right:1px dotted #000;box-sizing:border-box;}
.discount_word {padding:0 15px;font:20px/24px "微軟正黑體", Arial;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}
.discount_icon {width:35%;min-width:210px;height:50px;margin:10px auto 0;padding:0 20px;line-height:50px;background:#e0ca92;color:#000;border-radius:30px;font-size:30px;text-align:center;cursor:pointer;}

.pro_list_bg {margin:0 auto;padding:60px 0 35px;box-sizing:border-box;}
.pro_list {margin:0 auto;border:5px solid #e0ca92;border-radius:0 0 30px 30px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;position:relative;z-index:10000;}
.pro_list_title {width:100%;height:auto;margin:0 auto;padding:20px 0 15px;background:#e0ca92;font:bolder 30px/30px "微軟正黑體", Arial;text-align:center;overflow:hidden;}
.pro_list_title::before ,.pro_list_title:after {content:"★";margin:0 20px;}

.bg1 {background:#5b4a42;}
.bg2 {background:#5b4a42;}
.bg3 {background:#5b4a42;}

.pro_list>p {margin:20px 0 30px;padding:0;text-align:center;color:#FFF;font:50px/104px "微軟正黑體", Arial;}
.pro_list li {text-align:center;color:#000;background:#FFF;border:1px solid #e0ca92;border-radius:0 0 20px 20px;overflow:hidden;box-sizing:border-box;transition: all 0.6s;position:relative;}
.pro_list li img {display:block;width:100%;}
.pro_list li a , .pro_list li a:hover {color:#000;}
.pro_list li:hover {transform:scale(1.025);}
.pro_list li del::before {content:"市價$";font-size:15px;color:#FF0;}
.pro_list li del {display:block;width:100%;padding:5px 0;background:#463429;color:#FF0;}
.pro_list li p {height:72px;margin:5px 0 0;padding:0 5px;font-size:18px;line-height:24px;overflow:hidden;}
.price_del {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#CCC;border-radius:30px;color:#FFF;text-decoration:line-through;}
.price_del::before {content:"售價$";font-size:15px;color:#FFF;}
.pro_list li div b::before {content:"活動價$";font-size:15px;color:#D05;}
.pro_list li div b {font-size:30px;color:#D05;line-height:45px;}
.sub {height:24px;line-height:24px;margin:0;padding:3px 0;background:#FC0;color:#000;}

.pro_list8>p {margin:20px 0 30px;padding:0;text-align:center;color:#FFF;font:50px/104px "微軟正黑體", Arial;}
.pro_list8 li {text-align:center;color:#000;background:#FFF;border:1px solid #F90;border-radius:20px;overflow:hidden;box-sizing:border-box;transition: all 0.6s;position:relative;}
.pro_list8 li img {display:block;width:100%;}
.pro_list8 li a , .pro_list li a:hover {color:#000;}
.pro_list8 li:hover {transform:scale(1.025);}
.pro_list8 li del::before {content:"市價$";font-size:15px;color:#FF0;}
.pro_list8 li del {display:block;width:100%;padding:5px 0;background:#463429;color:#FF0;}
.pro_list8 li p {height:48px;margin:5px 0 0;padding:0 5px;font-size:20px;line-height:24px;overflow:hidden;}
.pro_list8 li div b::before {content:"活動價$";font-size:15px;color:#F90;}
.pro_list8 li div b {font-size:30px;color:#F90;line-height:45px;}

.soldout {width:100%;height:100%;background:rgba(50 ,50 ,50 ,.6);display:flex;flex-direction:column;justify-content:center;top:0;left:0;position:absolute;}

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

.info_bg {padding:100px 0;background:url(info_bg.jpg) center left repeat;overflow:hidden;position:relative;}
.info_title {width:559px;height:64px;margin:40px auto 60px;}
.info {width:1100px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:row;justify-content:inherit;flex-wrap:wrap;z-index:2;position:relative;}
.info li {width:29.333%;margin:2%;padding:2% 1%;display:inline-block;box-sizing:border-box;z-index:10001;position:relative;}
.info li::before {content:'';display:block;width:100%;height:100%;border:1px solid #f1cf7c;top:5px;left:5px;z-index:10003;position:absolute;}
.info li::after {content:'';display:block;width:100%;height:100%;background:url(info_li_bg.jpg)center 0 repeat;top:-5px;left:-5px;z-index:1;position:absolute;}
.info li p {padding:0 4%;font-size:20px;line-height:30px;color:#FFF;text-align: justify;text-justify:inter-ideograph;z-index:10003;position:relative;}
.info li p a ,.info li p a:hover {color:#e0ca92;}
.info_img {z-index:2;position:relative;}
.info_img img {display:block;width:85%;margin:5% auto;}
.info li:nth-child(1)::before {background:url(icon1.png) left top no-repeat;}
.info li:nth-child(2)::before {background:url(icon2.png) left top no-repeat;}
.info li:nth-child(3)::before {background:url(icon3.png) left top no-repeat;}
.info_note {width:80%;height:40px;line-height:40px;margin:40px auto 0;padding:0 20px;color:#696550;text-align:center;box-sizing:border-box;}
.info_note p {width:150px;margin:0 auto;background:#333;color:#e0ca92;border-radius:30px;}

.notice_bg {width:100%;margin:0;padding:50px 0;}
.notice {width:1100px;margin:0 auto;}
.notice_title {margin:0 0 20px;padding:0 0 20px;color:#e0ca92;font:40px/40px "微軟正黑體", Arial;font-weight:bold;text-align:center;border-bottom:2px dotted #e0ca92;}
.notice p {margin:0 45px;color:#F90;font-size:26px;line-height:40px;font-weight:bold;}
.notice ul {color:#FFF;}
.notice ul li {margin:0 60px 0 70px;padding:0 10px;list-style-type:decimal;color:#FFF;font-size:20px;line-height:40px;}
.notice ul li a {color:#e0ca92;}
.color1 {color:#FBB;}
.color2 {color:#e0ca92;}

.copyright {font-size:13px;margin:0;padding:10px 0;text-align:center;color:#FFF;background:#000;}
.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;}

@media screen and (min-width:1491px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablets ,.mobile {display:none;}
.main {width:100%;height:auto;}
.desktop {width:1200px;margin:0 auto;}

.discount ,.activity {width:1186px;}
.discount_num {width:50%;}
.discount_word {text-align:center;}

.main_list {width:1200px;height:auto;}
.main_list li {width:83.333%;height:auto;margin:60px 0 0;}
.main_list li:nth-child(2) {margin:100px 0 0 16.667%;}
.pro_list {width:1200px;padding:0.5% 0.5% 1%;}
.pro_list li {width:23%;margin:1%;}
/* .dm_pro_list li:nth-child(1) ,.dm_pro_list li:nth-child(2) ,.dm_pro_list li:nth-child(3) {width:31.333%;} */
.pro_list_title {width:1200px;}
}

@media screen and (max-width:1490px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablets ,.mobile {display:none;}
.desktop {width:1200px;margin:0 auto;}

.discount ,.activity {width:94%;max-width:1186px;}

.main_list {width:94%;max-width:1200px;height:auto;}
.main_list li {width:83.333%;height:auto;margin:60px 0 0;}
.main_list li:nth-child(2) {margin:100px 0 0 16.667%;}
.pro_list {width:94%;max-width:1200px;height:auto;padding:0.5% 0.5% 1%;}
.pro_list li {width:23%;height:auto;margin:1%;}
.pro_list_title {width:94%;max-width:1200px;}

}

@media screen and (max-width:1200px) {
.desktop ,.mobile {display:none;}
.tablets {display:block;width:100%;height:auto;}

.tip_bg {padding:10px 0;}
.tip_bg p {width:90%;}

.discount ,.activity {width:94%;}

.main_list {width:94%;height:auto;margin:0 auto;padding:10px 5px;}

/*info*/
.info {width:94%;}

.notice {width:90%;}
.notice_title {font-size:40px;}
.notice p {margin:0 30px;font-size:18px;line-height:30px;}
.notice ul li {margin:0 40px 0 50px;padding:0 0 0 10px;font-size:18px;line-height:36px;}
}

@media screen and (max-width:1080px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}

.discount ,.activity {width:94%;}

.main_list {width:98%;height:auto;padding:10px 5px;}
.pro_list {width:94%;height:auto;padding:1%;}
.pro_list_title {width:94%;background-position:right ,bottom;}
.main_list>p ,.pro_list>p {font:40px/104px "微軟正黑體", Arial;}

/*info*/
.info {width:98%;}

.notice p {margin:0 25px;}

}
  
@media screen and (max-width:959px) {
.wrapper {width:100%;background:none;}
.desktop ,.mobile {display:none;}
.tablets {width:100%;height:auto;}

.discount ,.activity {width:94%;}
.discount_num {font-size:60px;line-height:80px;}
.discount_icon {min-width:170px !important;height:40px;font-size:24px;line-height:40px;}

/*info*/
.info {width:100%;}

.notice p {margin:0 25px;}

}

@media screen and (max-width:767px) {
.mobile {display:block;}
.desktop ,.tablets {display:none;}

.discount ,.activity {width:96%;}
.discount_num {font-size:50px;line-height:80px;}
.discount_icon {min-width:170px !important;height:40px;font-size:24px;line-height:40px;}

.main_list {padding:10px 5px 0;}
.main_list1_pic {width:60%;z-index:10003;top:-5%;left:2%;position:relative;}
.main_list1_price {width:40%;z-index:10003;right:5%;bottom:15%;position:absolute;}
.pro_list {width:96%;margin:0 auto;padding:2%;}
.pro_list li {width:48%;margin:1%;}
.pro_list_title {width:96%;background-position:right ,bottom;}


/*info*/
.info_ul {width:90%;margin:0 1% 60px;}
.info_title {width:90%;height:auto;margin:0 auto;}
.info_title img {width:100%;}
.info ,.info_note {width:80%;}
.info li {width:100%;margin:10% auto;}
.info li p {font-size:15px;}

.notice p {margin:0 25px;}

}

@media screen and (max-width:600px) {
.bgbg1 ,.bgbg2 {padding:0;}

.discount ,.activity {width:92%;padding:10px;}
.discount_title ,.activity_title {margin:15px 0 18px;font:30px/30px "微軟正黑體", Arial;}
.discount_title span ,.activity_title span {font-size:16px;top:-8px;}
.discount ul ,.activity ul {padding:20px;}
.discount ul li ,.activity ul li {width:100%;}
.discount_num {padding:0;border-right:0;border-bottom:1px dotted #000;}
.discount_word {padding:20px 0 0;}

.activity ul li:first-child {border-right:0;border-bottom:1px dotted #000;}

.main_list_bg {padding:60px 0 30px;}
.main_list_bg > .title_pc {width:90%;margin:0 auto;}
.main_list li {width:92%;margin:4%;}
.main_list li:nth-child(2) {margin:40px 4%;}
.main_list1_pic {width:100%;margin:0 0 10%;top:0;left:0;}
.main_list1_price {width:80%;left:10%;bottom:5%;position:relative;}

.pro_list li p {height:40px;font-size:15px;line-height:20px;}
.price_del::before {font-size:12px;}
.price_del {padding:6px 10px 4px;font-size:12px;}
.pro_list li p b {font-size:24px;line-height:36px;}
.pro_list_title span {font-size:30px;}
.main_list>p ,.pro_list>p {font:30px/104px "微軟正黑體", Arial;}

/*info*/
.info_bg {margin:0 auto;}
.info_ul {margin:20px 5%;}
.info ,.info_note,.notice {width:80%;}
.info_note {height:auto;line-height:30px;}

.notice_title {font-size:40px;}
.notice p {margin:0 5px;font-size:18px;line-height:30px;}
.notice ul li {margin:0 0 0 25px;padding:0 0 0 10px;font-size:15px;line-height:30px;}
}

@media screen and (max-width:420px) {
.discount ,.activity {width:90%;}
.discount_num {font-size:50px;line-height:80px;border-right:0;}

.main_list_bg {padding:30px 0 0;}
.main_list_bg > .title_pc {margin:30px auto 0;background-size:60%;}
.main_list {width:100%;height:auto;padding:10px 0 0;}
.main_list li {width:96%;margin:2%;}
.main_list li::after {top:10px;left:10px;}

.pro_list {width:96%;height:auto;padding:2% ;}
.pro_list li {width:48%;margin:1%;padding:0;}
.pro_list_title {width:96%;background-position:right ,bottom;}

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