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

::-moz-selection {
  background:#cba37f;
  text-shadow: none;
}

::selection {
  background:#cba37f;
  text-shadow: none;
}

/*價錢、底色*/
:root {--price-color:#7b300b;}

body {background:#f6efe0;}
.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%;}

.mainjpg {width:100%;height:100%;position:relative;}
.main_bg {top:0;position:relative;}
.main_bg 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;}

.fixed_bg {width:145px;height:auto;top:50px;right:10px;position:fixed;z-index:10003;display: none;}
.fixed {width:100%;margin:0;padding:5px 0 0;border-left:3px solid #FFF;border-right:3px solid #FFF;background:rgba(240 ,240 ,240 ,.7);box-sizing:border-box;}
.fixed li {width:100%;line-height:40px;text-align:center;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:var(--price-color);}
.fixed li a:hover {display:block;width:100%;height:40px;line-height:40px;color:#FFF;background:var(--price-color);}
.gotop {text-align:center;}
.gotop a {box-sizing:border-box;display:block;width:100%;height:80px;line-height:40px;font-size:16px;color:var(--price-color);background:rgba(240 ,240 ,240 ,.7);border-bottom:3px solid #FFF;border-left:3px solid #FFF;border-right:3px solid #FFF;border-radius:0 0 80px 80px;}
.gotop a::before {content:'▲';display:block;height:22px;font-size:22px;}
.gotop a:hover {box-sizing:border-box;display:block;width:100%;height:80px;line-height:40px;color:#FFF;background:var(--price-color);border-bottom:3px solid #FFF;border-left:3px solid #FFF;border-right:3px solid #FFF;border-radius:0 0 80px 80px;}



.shading {width:100%;overflow:hidden;z-index:100;position:absolute;}
/*輪播*/
.slide {
    width: 100%;
    height: 800px;
    overflow: hidden;
    position: relative;
    /* padding-bottom: 56.3%; */
    opacity:1;
}
.slide > div {
    width: 100%;
    height: 800px;
    top:0;
    background-size: cover;
    position: absolute;
    background-position:center 0;
    animation: slide 15s infinite;
    opacity: 0;
}
.slide > div:nth-child(1) {
  animation-delay: 0;
}
.slide > div:nth-child(2) {
  animation-delay: 5s;
}
.slide > div:nth-child(3) {
  animation-delay: 10s;
}

@keyframes slide {
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
}

/*End 輪播*/

/* .main {width:1200px;height:auto;} */
.mobile ,.tablet {display:none;width:100%;}
.mobile img {width:100%;}

.double11 {width:268px;top:20px;left:20px;z-index:100;transition: all 0.3s ease-out;position:absolute;}
.double11 img {width:100%;}
.t1 {width:400px;top:20%;left:calc(calc(100% - 400px)/2);position:absolute;z-index:10002;}
.t1 img {width:100%;}

/*.bgbg1 {background:url(main_list_bg.jpg) center 0 repeat;position:relative;}*/
.bgbg1 {padding:60px 0 180px;background:url(bgbg1.jpg) center 0 repeat;background-attachment:fixed;background-size:cover;}

.main_list_bg {width:1200px;margin:0 auto;padding:60px 0;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;position:relative;}
.main_list {width:76%;margin:0 0 0 2%;padding:20px 0 0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;position:relative;}
.main_title {width:22%;display:block;margin:0 auto 20px;transition: all 0.3s ease-out;}
.main_title img {width:100%;}
.main_title:hover {transform:scale(0.985) !important;}
.m_block {display:none;}
.main_list>p {margin:0 0 15px;padding:0;text-align:center;color:#FFF;font:50px/104px "微軟正黑體", Arial;}
.main_list li {width:23%;margin:1% 26% 1% 0;box-sizing:border-box;transition: all 0.3s ease-out;position:relative;z-index:10000;position:relative;}
.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_bg >.title {width:100%;}
.main_list li p {height:48px;margin:5px 0 0;padding:0 5px;font-size:18px;line-height:24px;box-sizing:border-box;overflow:hidden;}
.main_list li del::before {content:'市價$';font-size:12px;}
.main_list li del {display:block;width:100%;padding:5px 0;background:#333;color:#FF0;}

.img_style {position:relative;}
.img_style img {z-index:10001;position:relative;}
/*.main_list li .img_style::before {display:block;content:'';width:100%;height:100%;background:#5f584d;top:-20px;left:-20px;position:absolute;}*/
.main_list li .img_style::after {display:block;content:'';width:100%;height:100%;background:#c5b7a3;top:0;left:100%;position:absolute;}
.prods_info {width:100%;height:100%;padding:20px 20px 60px;color:#FFF;top:0%;right:-100%;box-sizing:border-box;position:absolute;}
.prods_info h3 {font-size:24px;}
.prods_price {font-size:36px;color:#7b300b;line-height:30px;text-align:right;right:20px;bottom:20px;position:absolute;}
.prods_price b::before {content:'$';font-size:15px;color:#7b300b;}
.price_title {padding:4px 8px 2px;background:#7b300b;font-size:15px;color:#FFF;text-align:center;top:-5px;position:relative;}

.tag {width:1140px;height:auto;margin:0 auto 40px;}
.tag_title {margin:0 auto;text-align:center;}
.tag ul {width:100%;background:#FFF;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;position:relative;}
.tag ul::before {content:url(tag_bg_l.png);width:381px;height:20px;bottom:-20px;left:0;position:absolute;}
.tag ul::after {content:url(tag_bg_r.png);width:381px;height:20px;bottom:-20px;right:0;position:absolute;}
.tag ul li {width:calc(100% /3);padding:5px;box-sizing: border-box;list-style-type:none; display:flex;align-items:center;position:relative;}
.tag ul li::before {content:url(line.png);width:1px;height:81px;left:0;position:absolute;}
.tag ul li:nth-child(1)::before {display:none;}
.tag ul li img {width:100%;}

.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:#6f604a;font:40px/40px "微軟正黑體", Arial;font-weight:bold;text-align:center;border-bottom:2px dotted #6f604a;}
.notice p {padding:0 0 10px;color:#F90;font-size:36px;line-height:50px;font-weight:bold;text-align:center;}
.notice span {display:block;padding:0 0 20px;color:#000;text-align:center;}
.notice ul {color:#000;}
.notice ul li {margin:0 30px;padding:0 10px;list-style-type:decimal;color:#000;font-size:20px;line-height:40px;}
.notice ul li .tag {width:100%;margin:0 0 20px;}
.notice ul li .tag ul li {margin:0;padding:0;}
.notice ul li .tag ul::before {bottom:-9px;}
.notice ul li .tag ul::after {bottom:-9px;}

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

/*手機版選單*/
.m_menu {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;justify-content: center;align-items: center; flex-direction:row;justify-content:space-around;flex-wrap:wrap;
    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%/4);list-style-type:none;border-right:1px solid #EEE;box-sizing:border-box;font:bold 15px/25px "微軟正黑體", Arial;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:var(--price-color);}
    .m_menu li a:active i ,.m_menu li a:active p {display:block;color:var(--price-color);}
    .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 {display:none;}
    .gotop2 {display:none;}
    }
    
    @media (max-width: 1080px) {
    .fixed_bg {display:none !important;}
    .m_menu {display:flex;}
    .gotop2 {display:block;}
    .copyright {padding:5px 0 60px;background:#362E2B;}
    }
    
@media screen and (max-width: 767px) {
    .menu {width:100%;height:45px;display:grid;/*position:fixed;*/}
    .menu::before {content:"";width:100%;height:45px;}
    .menu a:hover {text-decoration:none;background:none;}
    .menu ul.active {display: none;}
    .menu ul {width:calc(100vw + 45px);height:auto;top:46px;border:none;z-index:10001;/*position:fixed;*/position:inherit;}
    .menu li {display: block;width:100%;height:auto !important;margin:0 !important;color:#FFF;border-bottom:1px solid #888;border-left:0;background:none;}
    .menu li::before {display:none;}
    .menu li a {height:auto;color:#FFF;}
    .menu li a:hover {color:#333;background:#91aac0;}
    .menu ul li a div {display:block;}
    .menu a {display: block;}
    .toggle-nav {width:26px;height:26px;padding:10px;line-height:46px;right:0;position:absolute;}
    .icon-bar {display:block;width:100%;height:2px;margin:5px 0 0;border-radius:1px;background:#FFF;}

    .menu .menu-logo {position: relative;}

    .menu_bg {width:100%;height:auto;background:rgba(21 ,20 ,16 ,.9);}
    .menu_inner {width:100%;height:60px;line-height:40px;margin:0;padding:10px;font-size:30px;text-align:left !important;/*transform:rotate(0)*/;-webkit-writing-mode:inherit;writing-mode:inherit;left:20px;position:inherit;}
    .menu_inner::before {content:"";width:15px;height:2px;background:#FFF;top:25px;left:-25px;position:absolute;}
    a:hover .menu_inner {left:25px;transition: all 0.3s ease-out;}
    .current-active a .menu_inner::before ,a:hover .menu_inner::before {width:20px;background:#333 !important;transition: all 0.3s ease-out;}
    .menu_line {display:none !important;}
    .menu_num {display:none !important;}

    .current-active {background:#91aac0 !important;}

}
.navFixed {position:fixed;margin-top:0;background:#638099;border-bottom:1px solid #999;transition:opacity .5s ease-out;}


@media (max-width:1490px) {
.mobile {display:none;}

}

@media (max-width:1200px) {
.main img {width:100%;}
.mobile {display:none;}
.main {width:100%;height:auto;}

.main_list_bg {width:100%;}
.main_list li {width:23%;margin:1% 25% 1% 0;}
.prods_info h3 {font-size:22px;}

.tag {width:90%;margin:0 auto;}

.notice {width:90%;}
.notice_title {font-size:40px;}
.notice p {font-size:18px;line-height:30px;}
.notice ul li {margin:0 0 0 20px;padding:0 0 0 10px;font-size:18px;line-height:30px;}
.notice ul li .tag ul::before {bottom:-14px;}
.notice ul li .tag ul::after {bottom:-14px;}

}
  
@media (max-width:959px) {
.mobile {display:none;}
.menu_inner {font-size:15px;}
.m_block {display:block;}
.m_none {display:none;}
.main_title {width:100%;margin:0 auto;}
.main_title img {width:100%;}

.tag {width:80%;margin:0 auto 50px;}
.tag ul li {width:100%;}
.tag ul li::before {content:url(line1.png);width:100%;height:1px;margin:0 auto;margin: 0 0 0 -50%;text-align:center;top:-16px;left:50%;position:absolute;}
.tag ul::before {content:url(m_tag_bg_l.png);width:200px;height:7px;bottom:0;}
.tag ul::after {content:url(m_tag_bg_r.png);width:200px;height:7px;bottom:0;}

.img_style::before {top:-10px !important;left:-10px !important;}
.img_style::after {right:-10px !important;bottom:-10px !important;border-width:2px !important;}
.main_list {width:96%;}
.main_list li {width:48%;margin:2% 50% 2% 2%;}
.main_list li:nth-child(even) .img_style img {left:100%;}
.main_list li:nth-child(even) .img_style::after {left:0;}
.main_list li:nth-child(even) .prods_info {right:0;}
.main_list>p {font:40px/104px "微軟正黑體", Arial;}

.notice_title {font-size:40px;}
.notice p {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;}
.notice ul li .tag {width:100%;margin-left:-17.5px;}
.notice ul li .tag ul::before {content:url(m_tag_bg_l.png);width:200px;height:7px;bottom:5px;}
.notice ul li .tag ul::after {content:url(m_tag_bg_r.png);width:200px;height:7px;bottom:5px;}
}

@media (max-width:768px) {
.desktop ,.slide {display:none;}
.mobile {display:block;}
.double11 {width:180px;top:10px;left:10px;}
.bgbg2 {padding: 0 0 80px;}
.main_list_bg {padding:30px 0;}

.tag_title img.m_block {width:100%;}

.bgbg1 {padding:0 0 80px;background:url(bgbg1.jpg) right 0 repeat;}

.t1 {width:70%;top:20%;left:15%;}
.p1 {width:47.916%;top:47.5%;left:8.0729%;}
.p_price {width:78.255%;top:85.781%;left:10.937%;}

.prods_info {padding:10px;}
.prods_info h3 {font-size:20px;}
.prods_price {font-size:26px;right:10px;bottom:0;}
.main_list li p {height:40px;font-size:15px;line-height:20px;}
.price_title {display:block;width:50px;height:20px;padding:2px;line-height:22px;font-size:12px;top:-35px;right:0;position:absolute;}
.pro_title {width:85%;margin:0 0 0 5%;}
.pro_title img {width:90%;}
.pro_title::before {top:-2px;}
.pro_title::after {top:60px;right:-40px;}
.main_list>p {font:30px/104px "微軟正黑體", Arial;}
}