@charset "utf-8";
/* CSS Document */

/*-----css基本設定---------*/
*, body, h1, h2, h3, h4, h5, h6, a, p, select  {
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Arial, Helvetica;
}
/*文字反選顏色*/
::selection, ::-moz-selection {
	background: #e78d09;
	color: #ffffff;
}

/*a:focus {
	background-color: #F7AD00 !important;
}*/
a {
	transition: .5s;
}

a:focus, a:hover {
    color: #0768a0;
    text-decoration: none;
}

/*a:hover {
	filter:brightness(110%);
	transition: .5s;
}*/
/*a:focus img {
	-webkit-filter:saturate(0.2);
}*/


/*--行動版隱藏--*/
.mob {
	display: none !important;
}


html {
	height: 100%;
	margin: 0;
}
body {
	margin: 0;
	min-height: 100%;
    background: #ffffff;
}

/*清除格式*/
.CleanFormat { 
	clear: both;
}
article::after, section::after, .ATBlockTwo li::after {
	content: "";
	display: block;
	clear: both;
}

/*分隔線*/
.Dividers {
	margin: 10px auto;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #373b80;
}

/*------------------------WebStart----------------------*/
#wrap {
	display: block;
	position: relative;
}


/*-------------------------Header-----------------------*/
header {
    background: #fff;
    border-bottom: 2px solid black;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 50;
}
#header {
	font-size: 0 !important;
    padding: 12px 35px;
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header > div:first-child,#header > div:last-child{
	flex: 0 1 300px;
}

#Logo img {
    display: block;
    width: 100%;
	height: auto;
}

#Logo > div:nth-child(3){
    margin-top: .25rem;
}

.LOGOM{
    display: none;
}

@media only screen and (max-width: 480px){

    .LOGOW{
        display: none !important;
    }

    .LOGOM{
        display: block;
    }
    
}

/*---------------------------Menu-----------------------*/
#Menu {
    display: flex;
}
nav {
    display: flex;
    align-items: center;
}

nav ul {
    font-size: 0 !important;
}

nav a {
    color: #141414;
}


ul.FirsMenu {
    height: 3rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 35px;
}

.FirsMenu > li > a {
    font-size: 1.2rem;
    display: inline-block;
    line-height: 3rem;
}

.SecMenu {
    display: none;
    position: absolute;
    /* left: calc(50% - 75px); */
    background: #ffffff;
    min-width: 150px;
}

ul.SecMenu li {
    line-height: 1.5rem;
}

ul.SecMenu li a {
    display: block;
    font-size: 1rem;
    color: #2f2f2f;
    padding: 10px;
    width: 100%;
	font-weight: normal;
}

.SecMenu li > a:hover {
    color: #030b3d;
}

ul.FirsMenu li.active > a {
    color: #141414;
    font-weight: bold;
}

.SecMenu li.active > a {
    background: #cacaca;
    box-shadow: 0 5px 5px 0 #f2f2f2;
    color: #fff !important;
}

/*--右側選單--*/
.RightMenu {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.LanLink {
    font-size: 0 !important;
    margin-bottom: 10px;
}

.LanIcon {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.LanIcon img {
    display: block;
    width: 100%;
    height: auto;
}

.LanLink ul, .LanLink li {
    display: inline-block;
    vertical-align: middle;
}

.LanLink ul {
    font-size: 0 !important;
}

.LanLink li a {
    color: #5f5f5f;
    font-size: 1rem;
}
.LanLink li a:hover {
    color: #0768a0;
}
.LanLink li::after {
	content: "/";
	color: #ffffff;
	margin: 0 5px;
}

.LanLink li:last-child::after {
    display: none;
}



.MemberLink ul {
    display: block;
    font-size: 0 !important;
    text-align: right;
}

.MemberLink li {
    display: inline-block;
    height: 38px;
    vertical-align: middle;
    margin-left: 20px;
    position: relative;
}

.MemberLink li img {
    display: block;
    width: auto;
    height: 100%;
}

.MemberLink li:first-child {
    margin: 0;
}
.MemberLink li a {
    display: block;
    position: relative;
    height: 100%;
}

.CartNum {
    position: absolute;
    background: #fff;
    font-size: 1rem;
    line-height: 22.5px;
    text-align: center;
    width: 40px;
    height: 25px;
    border-radius: 50px;
    color: #434343;
    border: 1px solid #434343;
    top: -10px;
    right: -20px;
}

/*-----手機版選單------*/
li.MenuBtn {
    margin-left: 15px;
    display: none;
}
.MenuIcon span {
    display: block;
    margin: 0 auto 5px;
    width: 20px;
    background: #5f5f5f;
    height: 1px;
    border-radius: 50px;
    transition: .5s;
}

.MenuIcon span:last-child {
    margin-bottom: 0;
}

.MenuIcon {
    margin-bottom: 5px;
    transition: .5s;
}

.MenuBtnTxt {
    color: #5f5f5f;
    font-size: .8rem;
    line-height: .8rem;
    font-weight: bold;
}



.MenuClose {
    display: none;
    margin: 0 auto;
    width: 50px;
    height: 100px;
    padding: 20px 0 30px;
}

.MenuClose a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    border-radius: 50px;
    position: relative;
}

.MenuClose a span {
    display: block;
    position: absolute;
    width: 90%;
    height: 1px;
    background: #ffffff;
    top: calc(50% - 0.5px);
    left: 5%;
}

.MenuClose a span:first-child {
    transform: rotate(45deg);
}

.MenuClose a span:last-child {
    transform: rotate(
-45deg
);
}



/*--手機版語系--*/
.MLanLink {
	display: none;
    border: 2px solid #ffff;
    padding: 10px;
    width: 104px;
    margin: 0 auto;
    border-radius: 22px;
    margin-bottom: 50px;
    font-size: 0 !important;
}

.MLanLink .LanIcon {
    width: 100%;
    margin: 0;
	cursor: pointer;
}

.MLanLink .LanIcon img {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 19px;
}

.MLanLink .LanIcon::after {content: "▼";font-size: 1rem;display: inline-block;text-align: right;vertical-align: middle;width: 41px;line-height: 20px;border-left: 2px solid #ffff;}

.MLanLink a {
    display: block;
    font-size: 1rem;
    color: #ffffff;
}

.MLanLink ul {
	display: none;
    padding: 10px 0;
}

/*--關閉手機選單--*/
.MenuIcon.active span:first-child {transform: rotate(45deg);}

.MenuIcon.active {
    height: 13px;
    position: relative;
}

.MenuIcon.active span {
    position: absolute;
    height: 3px;
    width: 60%;
    top: calc(50% - 1.5px);
    left: 20%;
}

.MenuIcon.active span:last-child {
    transform: rotate(-45deg);
}

.MenuIcon.active span:nth-child(2) {
    opacity: 0;
}

/*-------------------------BODY-------------------------*/
article {
    width: 95%;
    margin: 0 auto;
    max-width: 1300px;
    padding: 20px 0 50px;
    min-height: calc(100vh - 470px);
}

article#Index {
	width: 100%;	
	max-width: 100%;
	min-height: none;
	padding: 0;
}

section {
	
}

/*--------------------麵包屑--------------------*/
#breadcrumb {
    display: block;
    margin-bottom: 20px;
    font-size: 0 !important;
}

#breadcrumb li {
    display: inline-block;
    vertical-align: middle;
}

#breadcrumb li::after {
    content: "/";
    margin: 0 5px;
    font-size: 1rem;
    color: #6c757d;
}

#breadcrumb a {
    color: #6c757d;
    font-weight: bold;
	font-size: 1rem;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#breadcrumb li:last-child::after {
    display: none;
}
#breadcrumb li:last-child {
    color: #434343;
    font-weight: bold;
    font-size: 1rem;
}

/*-------------------------FOOTER-----------------------*/
footer {
    background: #3e3a39;
    padding: 50px 0;
}

#footer {
    display: block;
    font-size: 0 !important;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

.FooterIconList {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 50px;
    text-align: center;
}

.FooterIconList ul {
    font-size: 0 !important;
}

.FooterIconList li {
    display: inline-block;
    width: calc(100% / 6);
}

.FooterIconList li img {
    display: block;
    width: 95%;
    max-width: 87px;
    margin: 0 auto;
}

.footerMap img {
    display: block;
    width: 100%;
    height: auto;
}

.footerMap {
    width: 309px;
    margin-right: 10px;
}

.footerLinkBk > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.footerAreaTitle {
    display: block;
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: bold;
}

ul.footerLink a {
    font-size: 1rem;
    color: #eaeaea;
}

ul.footerLink a:hover {
    color: #FFC600;
}

.footerLinkBk > ul > li:last-child {
    margin-right: 0;
}

.footerNews {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.footerLinkBk {
    margin-right: 20px;
}

.footerInfo {
    text-align: left;
}

.footerNewsLogo {
    max-width: 125px;
    margin: 0 auto 10px;
}

.footerNewsLogo img {
    display: block;
    width: 100%;
    height: auto;
}

.Community li {
    display: inline-block;
    margin-right: 10px;
}

.Community ul {
    font-size: 0 !important;
}

.Community a {
    display: block;
}

.Community {
    display: block;
    margin-bottom: 10px;
}

.footerCompanyInfo ul {
}

.footerCompanyInfo li {
    display: block;
    color: #ffffff;
    margin-right: 10px;
    line-height: 1rem !important;
}

.footerCompanyInfo li div {
    display: inline-block;
    font-size: 0.9rem;
}

.FooterCoInfoTxt a {
    color: #ffffff;
}

.FooterCoInfoTitle {
    font-weight: bold;
    margin-right: 10px;
}

.footerNewsCompanyCopyright {
    color: #ffffff;
    padding-top: 10px;
    border-top: 1px solid #ffffff;
    line-height: 1rem;
	text-align: center;
}

.footerCompanyInfo {
    text-align: center;
    margin-bottom: 10px;
}


.footerNewsCompanyCopyright span {
    display: inline-block;
    font-size: 0.8rem;
}

.footerLinkDiv{
    font-size: 12px;
    font-weight: 700;
    color: white;
}

.footerLinkDiv ul {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    text-align: center;
}

.footerLinkDiv ul li{
    width: 25%;
}

.footerLinkDiv .link_title{
    font-size: 16px;
}

.footerLinkDiv .link_item>a{
    display: block;
    color: white;
}

/*--------------------------共用項目-------------------------------*/
/*-----網站置頂消息-----*/
#SiteTopInfo {
    background: #FFE6CC;
    padding: 15px 20px;
    font-size: 0 !important;
}

#SiteTopInfo > div {
    display: inline-block;
    vertical-align: top;
}

.SiteTopInfoClose {
    width: 25px;
    height: 25px;
    position: relative;
}

.SiteTopInfoClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
}

.SiteTopInfoClose a {
    display: block;
    height: 100%;
    width: 100%;
}

.SiteTopInfoClose span:last-child {
    transform: rotate(
-45deg
);
}

.SiteTopInfoTxt {
    text-align: center;
    width: calc(100% - 35px);
    margin-right: 10px;
    color: #404040;
    font-size: 1.1rem;
}

.SiteTopInfoTxt a {
    color: #2B5F75;
    text-decoration: underline;
}

/*-----右側-----*/
.RightTools {
    position: fixed;
    display: block;
    width: 50px;
    bottom: 5%;
    right: 10px;
    z-index: 5;
}

.ContactTools {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px;
    border: 1px solid #aeaeae;
    border-radius: 50px;
    background: #ffffff;
    margin-bottom: 10px;
}

.ContactTools ul {
    display: block;
    font-size: 0 !important;
}

.ContactTools li {
    display: block;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #aeaeae;
    border-radius: 0;
    background: none;
    height: 40px;
    margin: 0 0 0 0;
    text-align: center;
    
}

.ContactTools img {
    margin: 0;
	display: inline-block;
    height: 100%;
    width: auto;
    vertical-align: middle;
}

.ContactTools li:last-child {
    border-bottom: none;
}

.ContactTools a {
    display: block;
    padding: 2px 5px;
    border-radius: 50px;
    height: 100%;
}


.RightToolsTitle {
    font-size: 0.9rem;
    display: block;
    width: 50px;
    text-align: center;
    line-height: 1rem;
    letter-spacing: 2px;
    padding-bottom: 5px;
    margin: 0 auto 5px;
    border-bottom: 1px solid #aeaeae;
    padding: 5px;
}

.PdViewHistory .ProductsList li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

#ProductsContent{
    font-size: 14px;
}

#ProductsInfo{
    font-size: 14px;
}


/*-----區塊標題-----*/
.BkTitle {
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: bold;
    color: #6c757d;
    border-bottom: 1.5px solid #4A4A4A;
    margin-bottom: 10px;
}


/*-----回上一頁-----*/
.BackPage {
    font-size: 0 !important;
    padding-top: 20px;
}

.BackPage div:first-child, .BackPage div:last-child {
    height: 1px;
    background: #AEAEAE;
    width: calc(50% - 100px);
}

.BackPage > div {
    display: inline-block;
    vertical-align: middle;
}

.BackPageLink {
    width: 120px;
    margin: 0 40px;
    text-align: center;
}

.BackPageLink a {
    background: #434343;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2.5rem;
    color: #ffffff;
    border-radius: 2.5rem;
}

.BackPageLink a:hover {
    background: #2B5F75;
}


/*雙按鈕*/
.BackPage.mtbtn div:first-child, .BackPage div:last-child {
    width: calc(50% - 150px);
}

.BackPage.mtbtn div:nth-child(2) {
    margin: 0 10px 0 20px;
}

.BackPage.mtbtn div:nth-child(3) {
    margin: 0 20px 0 10px;
}

.BackPageLink input[type="button"] {
    background: #434343;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2.5rem;
    color: #ffffff;
    border-radius: 2.5rem;
	transition: .5s;
}
.BackPageLink input[type="button"]:hover {
    background: #2B5F75;
}


/*-----頁面控制-----*/
.PageCtrl {
    text-align: center;
}

.PageCtrl li {
    display: inline-block;
    margin: 0 5px;
}

.PageCtrl li a {
    color: #404040;
    font-size: 1.2rem;
}

.PageCtrl li.active a {
    color: #2B5F75;
    font-weight: bold;
}

.PageCtrl li a:hover {
    font-weight: bold;
}




/*-----提醒視窗-----*/
.alertStyle, .confirmStyle {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 50;
    background: rgba(0, 0, 0, .6);
    font-size: 0 !important;
    text-align: center;
}

.alertAllPageBtn, .alertAllPageBtn a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.alertBox {
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    max-width: 500px;
    min-width: 300px;
	position: relative;
}

.AlertContent {
    background: #ffffff;
    max-height: 500px;
    padding: 15px;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 #f3f3f3;
}

.AlertBtn {
    display: block;
    padding-top: 15px;
}

.AlertBtn a {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    padding: 10px;
    width: 100%;
}

.oneBtn a {
	margin: 0 auto;
	max-width: 150px;
	color: #ffffff;
	background: #434343;
}

.alertStyle::after {content: "";display: inline-block;height: 100%;vertical-align: middle;width: 0;}

.InfoImg {
    display: block;
    width: 60px;
    height: 60px;
    font-size: 2.5rem;
    line-height: 54px;
    text-align: center;
    border-radius: 50px;
    border: 3px solid #434343;
    background: #fff;
    color: #434343;
    margin: 0px auto 10px;
}

.GiftImg, .GiftImg img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

.twoBtn a {
    border: 2px solid #434343;
    background: #fff;
    color: #434343;
    padding: 5px;
}

.twoBtn input {
    display:  block;
    width: 100%;
    background: #434343;
    font-size: 1rem;
    color: #fff;
    border: none;
    font-weight: bold;
    padding: 7px;
}

.AlertBtn.twoBtn li {
    display: inline-block;
    width: 48%;
}

.AlertBtn.twoBtn li:first-child {
    margin-right: 4%;
}


/*--------------------------內容開始-------------------------------*/
/*-------------------------首頁--------------------------*/

#IndexKv, #IndexBtImg {/*區塊一*/
	width: 100%;
	position: relative;
}

#IndexKv {
	border-bottom: 10px solid #ffffff;
}

.KvImg {
    display: block;
    position: relative;
    width: 100%;
}

.KvBtnBk {
    display: block;
    position: absolute;
    text-align: center;
    bottom: 10%;
    width: 100%;
}

.KvImg img {
    display: block;
    width: 100%;
    height: auto;
}

.KvBtnBk li {
    display: inline-block;
    margin: 0 1.6%;
}

.KvBtnBk li a {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    color: #ffffff;
    background: #434343;
    padding: 5px 20px;
    border-radius: 30px;
    box-shadow: 0 0 5px 0 #383838;
}

.KvBtnBk li a:hover {
    background: #2B5F75;
}





/**全版廣告**/
.AD_Full {
	display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    background: rgba(0, 0, 0, .8);
    text-align: center;
}

.AD_Full_Img {
	position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
}

.AD_Full::after {content: "";display: inline-block;vertical-align: middle;height: 100%;width: 0;}

.AD_Full_Img a, .AD_Full_Img img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90vh;
}

.AD_Full_closeBtn {display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;}

.AD_Full_closeBtn a {
    border: 2px solid #ffffff;
    color: #ffffff;
    display: block;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.8);
}

.AD_Time span {
    font-size: 0.85rem;
}

.AD_Time {
    padding-top: 6px;
    line-height: 18px;
}

.AD_CloseTxt {
    font-size: 0.9rem;
    line-height: 18px;
    font-weight: bold;
    padding-bottom: 6px;
}

.AD_Time span:first-child {
    color: #ff7600;
    font-weight: bold;
    margin-right: 2px;
}



/*-----輪播-----*/
/*section#SliderBk {
    margin-bottom: 50px;
}*/
ul.SliderList .slick-list li {
    display: block;
}

.KvImg div, ul.SliderList .slick-list li div {
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
}
.SliderW {
	display: block;
	padding-top: 41.6%;/*1920x800*/
}
.SliderM {
	display: none;
	padding-top: 100%;
}
/*--------------------熱銷產品--------------------*/
#indexProducts {
    margin-bottom: 50px;
}

.indexProductsTitleBk {
    text-align: center;
}

.indexProductsTitleHead, .indexProductsTitle {
	margin-bottom: 10px;
}

.indexProductsTitleHead img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    height: 40px;
    width: auto;
}

.indexProductsTitleHead > div {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: bold;
    font-family: serif;
    color: #2B5F75;
}

.indexProductsTitle::before, .indexProductsTitle::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: #6c757d;
    height: 1px;
}

#indexProducts .indexProductsTitle::before, #indexProducts .indexProductsTitle::after {
    width: calc(50% - 74px);
}

.indexProductsTitle h2 {
    font-size: 1.5rem;
    color: #6c757d;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
}

.indexProductsTitle h2::before, .indexProductsTitle h2::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #6c757d;
    border-radius: 10px;
    position: absolute;
    top: calc(50% - 5px);
}

.indexProductsTitle h2::before {
    left: -10px;
}

.indexProductsTitle h2::after {
    right: -10px;
}
.indexProductsTitleTxtBox {
    color: #434343;
    margin-bottom: 30px;
	font-size: 1.2rem;
}

.indexProductsTitleTxtBox p {
	font-size: inherit;
}

.ProductsList {
    display: block;
    width: 95%;
    margin: 0 auto;
    max-width: 1700px;
	font-size: 0 !important;
}

.ProductsList li {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    margin: 0 1.25% 20px 0;
    /*background: rgba(255, 255, 255, 0.5);*/
}


.ProductPhoto {/*商品照片*/
	width: 100%;
	/* padding-top: 130%; */
    padding-top: 100%;
	display: block;
	background-size: cover !important;
	background-position: center !important;
}
ul.ProductsList a .ProductPhoto {
    transform: scale(1);
    transition: .5s;
}

ul.ProductsList a:hover .ProductPhoto {
    transform: scale(1.05);
}


.ProductName {
    font-size: 1.2rem;
    line-height: 1.5rem;
    height: calc(3rem + 10px);
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding: 5px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: break-spaces;
}

.PriceBlock {
    display: block;
    margin: 0 auto;
    padding: 0 10px;
}

.PriceBlock > div {
    display: inline-block;
    vertical-align: middle;
}

.PriceBlockLeft {
    width: calc(100% - 30px);
}

.DeletePrice {
    font-size: 0.9rem;
    line-height: 1.5rem;
    color: #707070;
    text-decoration: line-through;
}

.DiscountedPrices {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #1d1d1d;
    font-weight: bold;
}

.PriceBlockRight {
    width: 30px;
}

.PriceBlockRight input[type="button"] {
    border-radius: 30px;
    color: #ffffff;
    font-size: 0 !important;
    font-weight: bold;
    line-height: 1.8rem;
    height: 30px;
    width: 30px;
    background: url(../images/icon/icon_shopcart_w.svg) center no-repeat, #CE0E2D;
    background-size: 60% auto;
    background-position: center;
    border: none;
}

.PriceBlockRight input[type="button"]:hover {
    background-color: #2B5F75;
}

/*-----最新活動-----*/

#EvenBk .slick-next {
    right: 10px;
}

#EvenBk .slick-prev {
    left: 10px;
    z-index: 10;
}

.EvenBkTitle {
    background:#2B5F75;
	text-align: center;
	padding: 30px 0;
}

.EvenBkTitle::before, .EvenBkTitle::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: #ffffff;
    height: 1px;
    width: calc(50% - 95px);
}

.EvenBkTitle h2 {
    font-size: 1.5rem;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
}

.EvenBkTitle h2::before, .EvenBkTitle h2::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 10px;
    position: absolute;
    top: calc(50% - 5px);
}

.EvenBkTitle h2::before {
    left: -10px;
}

.EvenBkTitle h2::after {
    right: -10px;
}

ul.EvenList li {
    
}

ul.EvenList a {
    display: block;
    padding-top: 83.4%;
    position: relative;
    overflow: hidden;
    height: 0;
	background-size: cover !important;
    background-position: center !important;
    outline: none;
}

.EvenInfoBk {
    position: absolute;
    bottom: -100%;
    background: rgba(255, 255, 255, .9);
    width: 100%;
    padding: 30px 0;
    text-align: center;
    transition: 0.5s;
}

a:hover .EvenInfoBk {
    bottom: 0;
}

.EvenName {
    line-height: 3rem;
    font-size: 2rem;
    font-weight: bold;
    color: #2B5F75;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
    white-space: nowrap;
}

.EventInfoTxt {
    font-size: 1.2rem;
    color: #707070;
    line-height: 1.6rem;
    height: 3.2rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
    margin: 0 auto 20px;
}

.EventInfoBtn {
    display: block;
    width: 150px;
    background: #FFFFFF;
    border-radius: 300px;
    margin: 0 auto;
    font-size: 1.3rem;
    padding: 5px 0;
    color: #2B5F75;
    box-shadow: 0 0 10px 0px #cacaca;
}

/*------好評分享----*/
#indexNews {
    padding: 50px 0;
    text-align: center;
}

#indexNews .indexProductsTitle::before, #indexNews .indexProductsTitle::after {
    width: calc(50% - 115px);
}

.indexNewsList {
    font-size: 0 !important;
    width: 90%;
    max-width: 1500px;
    margin: 50px auto 0;
}

.indexNewsList li {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.indexNewsImg {
    display: block;
    width: 100%;
    padding-top: 120%;
    background-position: center !important;
    background-size: cover !important;
    box-shadow: 0 0 10px 0 #cacaca;
    opacity: 0.7;
    transition: .5s;
}

a:hover .indexNewsImg {
    opacity: 1;
}

.indexNewsTitle {
    font-size: 1.2rem;
    color: #404040;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indexNewsList li:first-child {
    transform: rotate(-5deg);
}

.indexNewsList li:nth-child(2) {
    margin-top: 45px;
    transform: rotate(
7deg
);
}

.indexNewsList li:nth-child(3) {
    transform: rotate( 
-3deg
 );
}

.indexNewsList li:nth-child(4) {
    margin-top: 20px;
    transform: rotate( 
4deg
 );
}


/*-----------------------品牌介紹------------------------*/
/*-----AT 穀堡導覽-----*/
.ATBlockOne img {
	display: block;
	width: 100%;
	height: auto;
}	

.ATBlockTwo {
	
	margin-top: 50px;
}

.ATBlockTwo li {
	min-height: 640px;
	margin-bottom: 50px;
	background-image: url( "../images/ATBG.png");
	background-repeat: no-repeat;
}

.ATBlockTwo li:nth-child(odd) {
	background-position: left 60% top 150px;
}

.ATBlockTwo li:nth-child(even) {
	background-position: right 60% top 150px;
}

.ATBlockTwo li:nth-child(odd) > div {
	float: left;
	
}

.ATBlockTwo li:nth-child(even) > div {
	float: right;
}

.ATimg {
	width: 55%;
	display: block;							
	vertical-align: top ;
}

.ATimg img {
	display: block;
	width: 100%;
	height: auto;
}

.ATcontent{ 
	width: 45%;
	display: block;								 
}

.ATTop {
	padding: 0 45px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #404040 ; 
}

.ATtitle {
    font-size: 2.8rem;
    color: #6c757d;
    line-height: 3.5rem;
}

.ATtext, .ATinfo {
	font-size:1.2rem;
	color:#404040 ;	
}

.ATinfo {
	padding: 0 45px;
}


/*AH 穀堡歷程*/
.AHBlockOne {
    border-left: 2px solid #6c757d;
    height: auto;
    display: block;
    margin-left: 10px;
    padding: 20px 0;
}

.AHarea li {
    display: block;
    padding: 0 0 0 50px;
    margin-bottom: 50px;
    position: relative;
}

.AHarea li:last-child {
    margin-bottom: 0px;
}

.AHround {
    border-radius: 300px;
    background: #6c757d;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -11px;
    top: 10px;
}

.AHtime {
    font-size: 1.2rem;
    color: #6c757d;
    line-height: 2rem;
}

.AHtitle {
    font-size: 1.5rem;
    color: #6c757d;
    font-weight: bold;
}

.AHtext {
	font-size:1rem;
	color:#404040 ;	
}

.AHimg {
	display: block;
	width: 100%;
}

.AHimg img {
	display: block;
	max-width: 100%;
	height: auto;
}

/*-----------------------最新消息------------------------*/
/*-----穀堡公告-----*/
ul.NEWSList {
    font-size: 0 !important;
}

.NEWSList li {
    width: 30%;
    margin: 0 5% 5% 0;
    height: auto;
    display: inline-block;
}

a .NEWSimg {
    width: 100%;
    /* padding-top: 80%; */
    padding-top: 130%;
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
	transition: .5s;
}

a:hover .NEWSimg {
    background-size: 110% !important;
}

.NEWStext {
    font-size: 1rem;
    color: #404040;
    line-height: 1.5rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    font-weight: normal;
}

.NEWStext1 {
	width: 100px;
	font-size:1rem;
	color:#404040 ;	
	display: inline-block;
}

.NEWStext2 { 
	width: 100px;
	font-size:0.9rem;
	color:#404040 ;	
	display: inline-block;
}

.NEWStitle {
    border-bottom: 1px solid #6c757d;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsMore {
	text-decoration: underline;
	font-size: inherit;
}


/*-----公告內頁-----*/
.News2 {
	width: 100%;
	font-size: 0px;
}

.News2title {
	width: 100%;
	font-size:2rem;
	color:#6c757d ;
	text-align: center;
	margin: 20px 0px ;
}

.News2frame {    
	width: 205px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;	
}

.News2new {  
	width: 100px;
	background: #404040;
	font-size:1rem;
	color:#FFFFFF ;
	display: inline-block;
	text-align: center;	
}

.News2date {  
	width: 100px;
	font-size:1rem;
	color:#404040 ;
	display: inline-block;
	padding-left: 10px;
}

/* 下載專區 */
ul.DownloadList {
    font-size: 0 !important;
}

.DownloadList li {
    width: 30%;
    margin: 0 5% 5% 0;
    height: auto;
    display: inline-block;
}

a .Downloadimg {
    width: 100%;
    padding-top: 130%;
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: .5s;
}

a:hover .Downloadimg {
    background-size: 110% !important;
}

.Downloadtext {
    font-size: 1rem;
    color: #404040;
    line-height: 1.5rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    font-weight: normal;
}

.Downloadtext1 {
    width: 100px;
    font-size:1rem;
    color:#404040 ;	
    display: inline-block;
}

.Downloadtext2 { 
    width: 100px;
    font-size:0.9rem;
    color:#404040 ;	
    display: inline-block;
}

.Downloadtitle {
    border-bottom: 1px solid #6c757d;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.DownloadMore {
    text-decoration: underline;
    font-size: inherit;
}

/*-----NR 米食譜列表-----*/
.NRBlockOne {
	font-size: 0 !important;
}

.NRBlockOne li {
    width: 31%;
    height: auto;
    margin: 0 3.5% 50px 0;
    display: inline-block;
    vertical-align: top;
}



.NRimg > div:first-child {
    display: block;
    width: 100%;
    padding-top: 75%;
    background-size: cover !important;
    background-position: center !important;
}

.NRDandE {
	background: #434343;
	width: 180px;
	height: 35px;
	border-radius: 0px 100px 0px 0px;
	position: absolute;
	margin-top: -35px;
}

.NRDandEtext {
    font-size: 1rem;
    color: #FFFFFF;
    text-align: left;
    line-height: 33px;
    padding-left: 20px;
}

.NRtitle {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #333;
    font-weight: bold;
    padding: 10px 0 0;
    text-align: justify;
}

.NRtext1 {
    font-size: 1rem;
    color: #404040;
    width: 50%;
    display: inline-block;
    font-weight: bold;
}

.NRtext2 {
    font-size: 1rem;
    color: #404040;
    width: 50%;
    text-align: right;
    display: inline-block;
    font-weight: bold;
}

.NRtext3, .NRtext {
	font-weight: normal;
    font-size: 1rem;
    color: #404040;
    line-height: 1.5rem;
    overflow: hidden;
    /*height: 3rem;*/
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.NRtext {
    margin-bottom: 10px;
}

.NRBkLine {
	display: none;
	background: #404040;
	height: 1px;
	margin: 10px 0;
}

.NRButton {
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 0 !important;
}

.NRButton a {
    display: inline-block;
    border-radius: 300px;
    font-size: 1.5rem;
    color: #FFFFFF;
    line-height: 40px;
}

.NRButton a:hover {
    background: #ff9c26;
}

.NRBtn1 a {
	width: 100%;
}

.NRBtn2 a {
	width: 50%;
}

.NRCooking {
	background: #008000 ;
}
.NRBuy {
	background: #CE0E2D;
}

/*-----食譜內頁-----*/
.NR2BlockOne {
	font-size: 0 !important;
	margin-bottom: 50px;
}
.NR2Img {
	width: 45%;
	margin-right: 30px;
	display: inline-block;
}

.NR2Img img {
    display: block;
    width: 100%;
    height: auto;
}

.NR2Info {
	width: calc(55% - 30px);
	display: inline-block;
	vertical-align: top ;
}

.NR2title {
	font-size:1.6rem;
	font-weight:bold;
	color:#664729 ;	
	
}

.NR2text {
	font-size:1rem;
	color:#404040 ;	
}

.NR2frame > li {
    background: #FFFFFF;
    width: 49%;
    padding: 5px;
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 5px;
}

.NR2frame > li:nth-child(2n){
	margin-right: 0;
}
.NR2frame div {
	display: inline-block;
	font-size: 1rem;
	vertical-align: middle;
}
.NR2frame > li > div:first-child {
	width: calc(65% - 10px);
	margin-right: 10px;
}
.NR2frame > li > div:last-child {
	width: 35%;
	text-align: right;
}

.NR2step {
	font-size:2rem;	
	font-weight:bold;
	color:#664729 ;
	text-align: center;
	margin: 0 0 50px;
}

.NR2stepFrame li {
	background: #FFFFFF;
	padding: 20px;
	margin-bottom: 20px;
	font-size: 0 !important;
}

.NR2stepImg {
    width: 100%;
    max-width: 400px;
    margin-right: 3%;
    display: inline-block;
    font-size: 0px;
}

.NR2stepImg img {
	display: block;
	width: 100%;
	height: auto;
}

.NR2stepText {
	width: calc(97% - 400px);
	display: inline-block;
	font-size: 0px;
	vertical-align: top ;
}



/*-----------------------體驗活動------------------------*/
/*-----DIY活動介紹-----*/
.EventFixed {
    display: block;
    position: fixed;
    right: 0px;
    top: 35%;
    z-index: 2;
}

.EventFixed a {
    display: block;
    position: relative;
    padding: 10px 30px 10px 15px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    font-size: 1.5rem;
    text-align: right;
    color: #FFFFFF;
    line-height: 2rem;
    margin-bottom: 10px;
    width: 170px;
    right: -20px;
    font-weight: bold;
    box-shadow: 0 0 5px 0px #2b2b2b;
}

.EventFixed a:hover {
	right: 0;
}

.EventFixed a:last-child{
	margin-bottom: 0;
}

.EventColor1 {
	background: #CE0E2D;
}

.EventColor2 {
	background: #008000;
}

.EventTimeList {
	display: none;
}

ul#evenList {
    position: relative;
    z-index: 0;
}

#evenList > li {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

#evenList > li img {
	display: block;
	position: relative;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	height: auto;
}

.EventBlockOne {
	width: 100%;
}

.EventContent {
	margin-bottom: 50px;
	width: 100%;
}

/*-----影像紀錄-----*/
.EMList {
	font-size: 0 !important;
}

.EMList > li {
    width: calc(100% / 3 - 20px);
    margin: 0px 10px 30px;
    padding-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 0px;
    border-bottom: 1px dotted #AEAEAE;
}


a .EMfilm {
	display: block;
	width: 100%;
	padding-top: 56.25%;
	background-position: center !important;
	background-size: cover !important;
	opacity: .9;
	margin-bottom: 15px;
	transition: .5s;
}

a:hover .EMfilm {
	opacity: 1;
}

.EMactivity {
    font-size: 1rem;
    color: #404040;
    line-height: 2rem;
}

.EMactivity span {
	font-size:1rem;
	color:#008000 ;
	display: inline;
}

.EMTitle {
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #404040;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*-----影像紀錄-內容-----*/
.EMCtitle { 
	width: 100%;
	font-size:2rem;
	font-weight:bold;
	color:#664729 ;	
	text-align: center;
	margin: 20px 0px ;
}

.EMCdate {
	width: 100%;
	font-size:1rem;
	color:#008000 ;	
	text-align: center;
	margin-bottom: 20px ;	
}

/*---影片---*/
section.video .EMMedia {
    display: block;
    margin: 0 auto 50px;
    width: 100%;
    max-width: 1000px;
}

.VideoBox {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.VideoBox iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*---相簿---*/
section.album .EMMedia {
    margin-bottom: 30px;
}

section.album .EMMedia img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

.AlbumList {
    display: block;
    border-bottom: 1px solid #cacaca;
    padding: 0 0 30px;
    margin-bottom: 30px;
}

.AlbumList li div {
    display: block;
    width: 100%;
    padding-top: 100%;
	background-size: cover !important;
    background-position: center !important;
}

.AlbumList li {
    filter: brightness(0.5);
	transition: .5s;
}

.AlbumList .slick-current li {
	filter: brightness(1);
}

.AlbumList .slick-slide {
    margin: 0 10px;
}

.EMMedia .slick-prev {
    left: 1%;
	z-index: 10;
}
.EMMedia .slick-next {
    right: 1%;
	z-index: 10;
}







/*------------------線上購物------------------*/
/*-----Shop 優惠特區/活動-----*/
.ShopBanner li {
	display: block;
	width: 100%;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.ShopBanner li a {
    display: block;
    font-size: 0 !important;
    width: 100%;
    /*padding-top: 46.8%;*/
}


.ADModule > ul > li {
	padding-bottom: 70px;
	font-size: 0px;
}

.AdInfo, .AdProducts {
	display: inline-block;
	vertical-align: top ;
}

.ADimg img {
	width: 100% ;
	height: auto;
}

.ADimgW {
    display: block;
}

.ADimgM {
    display: none;
}

/*模組1*/
.AdMd1 .AdInfo, .AdMd1 .AdProducts{
	width: 50%;
}

.AdMd1 .ProductsList li {
	width: 48%;
	margin: 0 1%;
}

/*模組2*/
.AdMd2 .AdInfo {
	width: 100%;
}

/*模組3*/
.AdMd3 .AdInfo {
	width: 100%;
	margin-bottom: 10px;
}

.AdMd3 .AdProducts {
	width: 100%;
}
.AdMd3 .ProductsList .slick-slide li {
	width: calc(25% - 20px);
	padding: 0 10px;
}

.AdMd3 .slick-dots {
	bottom: -10px;
}



/*SHOP 優惠特區/活動 共用*/
.ADTitle {
	font-size:1.4rem;
	font-weight:bold;
	color:#404040 ;	
	padding: 10px 10px 0px 10px;
}

.ADText {
	font-size:1rem;
	color:#404040 ;	
	padding: 0px 10px;
	line-height:20px;
}



/*-----------------產品列表頁------------------*/
#ProductsList {
	font-size: 0 !important;
}

/*-----左側選單列-----*/
/*選單*/
.ProductsMenu {
	width: 320px;
	display: inline-block;
	font-size: 0px;
	vertical-align: top;
	margin-right: 20px;
}

.SRProductSearch {
    margin-bottom: 10px;
    font-size: 0 !important;
}

.SRProductBox {
	border: 1px solid #404040 ;
	width: calc(100% - 75px);
	margin-right: 10px;
	background: #FFFFFF;
	font-size:1rem;
	color:#404040 ;	
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
}

.SRProductButton {
	width: 65px;
	height: 40px;
	background: #CE0E2D;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	font-size:1.2rem;
	color:#FFFFFF ;	
	text-align: center;
	transition: .5s;
	cursor: pointer;
}

.SRProductButton:hover {
	background: #49A249;
}

/*手機版啟動按鈕*/
.M_PDMenu {
    display: none;
}

.M_PDMenu a {
    font-size: 1.2rem;
    display: block;
    width: 100%;
    color: #444;
    font-weight: normal;
}

.M_PDMenu > div {
    display: inline-block;
    width: 50%;
    padding: 5px;
    position: relative;
}

.M_PDMenu > div:first-child {
    border-right: 1px solid #444;
}

.M_PDMenu > div::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    right: 5px;
    z-index: -1;
    background: url(../images/SRP01.png) no-repeat center;
    background-size: auto 70%;
    transform: rotate(180deg);
}



/*選單列表*/
.PMBox {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 30px;
}

.PMtitle {
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 8px 8px 0px 0px;
}

.PMList {
    font-size: 1rem;
    padding: 0 10px 10px;
    border-radius: 0px 0px 10px 10px;
}


ul.PMList > li {
    /*border-bottom: 1px dashed #404040;*/
}

.PMListFTitle > a {
    display: inline-block;
    font-size: 1rem;
    line-height: 2rem;
    color: #404040;
    position: relative;
    max-width: calc(100% - 22px);
}

.PMSlide {
    position: relative;
}

.SlidePj {
	display: block;
	width: 17px;
	height: 15px;
	position: absolute;
	top: 8.5px;
	right: 0;
}

.SlidePj a {
    display: block;
    background: url(../images/SRP01.png) no-repeat center;
    background-size: auto 70%;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    transition: .5s;
}

.active .SlidePj a {
	transform: rotate(0deg);
}

.PMListFTitle > a:hover, .PMListFTitle > a.active, .PMSec a:hover, .PMSec a.active {
    color: #CE0E2D;
}

ul.PMSec {
    padding-left: 10px;
    border-left: 1px solid #707070;
    margin-bottom: 10px;
    display: none;
}

ul.PMSec a {
    font-size: 0.9rem;
    line-height: inherit;
    color: #404040;
    font-weight: normal;
}

ul.PMSec li {
    display: block;
    line-height: 1.8rem;
}

ul.PMList > li:last-child {
    border-bottom: 0;
}

ul.PMList > li:last-child > .PMSec {
    margin-bottom: 0;
}

.SRProductOffer.MOffer {
	display: none;
}

.SRProductOffer > div {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.SRProductOffer > ul {
    font-size: 1.2rem;
    font-weight: bold;
    color: #404040;
}

.SRProductOffer li, .SRProductOffer a {
    font-size: 1rem;
    color: #404040;
    line-height: 1.8rem;
}

.SRProductOffer a span:first-child {
    display: inline-block;
    text-align: center;
    width: 80px;
    padding: 5px 0;
    background: #ffe6cc;
    color: #CE0E2D;
    line-height: 1.2rem;
    font-size: 0.9rem;
    margin-right: 5px;
    border-radius: 5px;
    font-weight: bold;
    vertical-align: middle;
}

.SRProductOffer a span:last-child {
    font-size: 0.9rem;
    display: inline-block;
    width: calc(100% - 90px);
    vertical-align: middle;
}

.SRProductOffer li {
    margin-bottom: 5px;
}

/*-----右側產品區-----*/
.PorductsBk {
	width: calc(100% - 340px);
	display: inline-block;
	font-size: 0px;
	vertical-align: top ;	
}




/*-----熱銷排行-----*/
/*右區塊*/
.PorductsTypeTitle {
	position: relative;
	margin-bottom: 10px;
}

.PorductsTypeTitle > div {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #664729;
    border-radius: 50px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    padding: 5px 20px;
}

.PorductsTypeTitle::after {
	content: "";
	width: 100% ;
	display: block;
	position: absolute;
	background: #664729;
	height: 1px;
	top: calc(50% - 0.5px);
	right: 0;
	z-index: 0;
}


/*排行榜-星號產品*/
.SRBigBox {
	margin-bottom: 50px;
}

.SRBigBox ul {
	font-size: 0px;	
}

.SRBigBox li {
    background: #FFFFFF;
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 20px;
}

.SRBigBox li:nth-child(2n){
	margin-right: 0;
}

.SRBigBox .ProductPhoto {
    display: block;
    position: relative;
    z-index: 0;
}

.SRBigBox a .ProductPhoto div {
    display: block;
    position: absolute;
    z-index: 1;
    font-size: 3rem;
    line-height: 3rem;
    top: 0;
    left: 10px;
    color: #ffffff;
    padding: 20px 5px 10px;
    border-radius: 0px 0px 30px 30px;
}

.SRBigBox li:first-child a .ProductPhoto div {
	background: #FFD500;
}

.SRBigBox li:last-child a .ProductPhoto div {
	background: #AEAEAE;
}

.ProductsPage .ProductsList {
    width: 100%;
}

.ProductsPage .ProductsList li {
    width: 31%;
    margin: 0 3.5% 50px 0;
}

/*-----SP 商品總覽-----*/
.ProductsBanner, .ProductsAD li {
	margin-bottom: 50px;
}

.ProductsBanner li div, .ProductsAD li div {
    background-size: cover !important;
    background-position: center !important;
}

.PBnW {
    display: block;
    width: 100%;
    padding-top: 47%;
}

.PBnM {
    display: none;
    width: 100%;
    padding-top: 100%;
}

.PBnW, .PBnM {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/*-----商品分類頁-----*/
.ProductsEvenPg {
	margin-bottom: 50px;
}

/*-----SQA 購物Q&A-----*/
.QAList > ul > li {
	display: block;
	margin-bottom: 10px;
}

.QA_Qu {
	display: block;
	background: #FFFFFF;
	border-bottom: 1px solid #4A4A4A ;
}

.QA_Qu a {
    font-size: 1.5rem;
    color: #4A4A4A;
    display: block;
    padding: 5px 30px 5px 10px;
    font-weight: bold;
    line-height: 2rem;
    position: relative;
}

.QA_Qu a::after {
    content: "";
    display: block;
    background: url(../images/SRP01.png) no-repeat center;
    width: 17px;
    height: 15px;
    position: absolute;
    top: calc(50% - 8.5px);
    right: 7.5px;
    transform: rotate(180deg);
    transition: .5s;
}
.QA_Qu.active a::after {
    transform: rotate(0deg);
}

.Ans {
	display: none;
	padding: 20px 10px;
}

.Ans p, .Ans li {
    font-size: 1rem;
    line-height: 1.5rem;
}

.Ans h3 {
    font-size: 1.2rem;
    line-height: 2rem;
    margin-bottom: 5px;
}

.Ans p {
    margin-bottom: 15px;
}

.Ans ul {
    margin-bottom: 15px;
}


/*-----產品頁-----*/
.ProductsTopBk {
    font-size: 0px;
    margin-bottom: 30px;
}
/*左*/
.ProductsImgBk {
    width: 455px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
}

.ProductsImg {
	width: 100% ;
	margin-bottom: 30px;
}

.ProductsImgList {
    width: 100%;
    margin-bottom: 20px;
    font-size: 0px;
}

.ProductsImgList ul{
    margin-left: 20px;
    margin-right: 20px;

}

.ProductsImgList li {
	width: 25%;
	display: inline-block;
}
.ProductsImgList li a {
	display: block;
	padding: 5px;
	width: 100%;
	opacity: .7;
}

.ProductsImgList .slick-current li a {
	opacity: 1;
}

.ProductsImgList .slick-prev {left: -20px;z-index: 5;}

.ProductsImgList .slick-prev:before, .ProductsImgList .slick-next:before {
    content: '▲';
	color: black;
	display: block;
    background: none;
    /* background-color: #5f5f5f; */
}

.ProductsImgList .slick-prev:before{
    transform: rotate(-90deg);
}
.ProductsImgList .slick-next:before {
    transform: rotate(90deg);
}
	
.ProductsImgList .slick-next {
    right: -20px;
    height: 100%;
}

.ProductsImg li a, .ProductsImgList a div {
    width: 100%;
    /* padding-top: 130%; */
    padding-top: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block;
}


.ProductsEvenBk {
    display: block;
}

.ProductsEvenBk div {
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 10px;
}

.ProductsEvenBk li {
    background: #FFE6CC;
    font-size: 1rem;
    font-weight: normal;
    color: #CE0E2D;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
}




.ProductsImgBk .SRProductOffer {
    width: 100%;
}


/*-----分享-----*/
.ContactBar {
    display: block;
	position: relative;
}

.ContactBar ul {
    display: block;
    font-size: 0 !important;
}

.ContactBar li {
    text-align: center;
	display: inline-block;
    border: 1px solid #aeaeae;
    border-radius: 50px;
    background: #ffffff;
    width: 32%;
	height: 35px;
    margin-right: 2%;
    
}

.ContactBar img {
    margin: 0;
	display: inline-block;
    height: 100%;
    width: auto;
    vertical-align: middle;
	margin-right: 5px;
}

.ContactBar span {
    display: inline-block;
	font-size: 1rem;
    vertical-align: middle;
    color: #aeaeae;
    font-weight: bold;
}

.ContactBar li:last-child {
    margin: 0;
}

.ContactBar a {
    display: block;
    padding: 2px 5px;
    border-radius: 50px;
    height: 100%;
}




/*右*/
.ProductsInfoBk {
    width: calc(100% - 475px);
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
}

.ProductsName {
	margin-bottom: 10px ;
}
.ProductsName h1 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #4A4A4A;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
}
.ProductsName div {
	display: inline-block;
	font-size: 1rem;
	color: #404040;vertical-align: middle;
}

.SHOP1TextDelete {
    font-size: 1rem;
    color: #AEAEAE;
    text-decoration: line-through;
}

.productsPriceBk {
	margin-bottom: 20px;
}

.productsPriceBk p {
    font-size: 1.2rem;
    line-height: normal;
}

.productsPriceBk span {
	color:#CE0E2D;
	font-size: 1.2rem;
}

.productsPriceBk span.PPrice{
	font-size:3.2rem;
	font-weight:bold;
}

.AddCountBk {
	font-size: 0 !important;
	margin-bottom: 20px;
}

.PITitle {
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
}

.CountBox {
	font-size: 0 !important;
	display: inline-block;
	vertical-align: middle;
}

.CountBox input[type="button"] {
	background: #3C3C3C;
	width: 35px;
	height: 35px;
	font-size:1.4rem;
	color:#FFFFFF;
	display: inline-block;
	vertical-align: middle;
}

.CountTxt {
    border: 1px solid #3C3C3C;
    background: #FFFFFF;
    width: 60px;
    height: 33px;
    font-size: 1.4rem;
    color: #4A4A4A;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
	margin: 0 -1px;
}



.AddBtnBk {
	margin-bottom: 20px;
}

.AddBtnBk input, .AddBtnBk a {
    background: #CE0E2D;
    width: 150px;
    height: 50px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #FFFFFF;
    margin-right: 10px;
}

.AddBtnBk input:first-child {
	margin-right: 10px;
}


.PaySendInfo {
    display: block;
    max-width: 500px;
    margin-bottom: 20px;
}

.PaySendInfo .QA_Qu {
    border-bottom: none;
}

.PaySendInfo .QA_Qu a {
    font-size: 1rem;
}

.PaySendInfo .Ans {
    padding-bottom: 0 !important;
}

.PaymentContent {
    padding-left: 10px;
    margin-bottom: 0 !important;
}

.PaymentContent li {
	margin-bottom: 10px;
}

.PaymentContent li:last-child {
	margin-bottom: 0px;
}

.PaymentContent li div:first-child {
	padding-left: 10px;
	border-left: 1px solid #404040 ;   
	font-size:1rem;	
	font-weight:bold;
	color:#404040 ;
}

.PaymentContent li div:last-child {
	padding-left: 10px;
	font-size:1rem;	
	color:#404040 ;
}

.PSpecTitle {
	font-size: 1rem;
	font-weight: bold;
	width: 100%;
	/*border-bottom: 1px solid #CE0E2D ; 
	padding-bottom: 10px;
	margin-bottom: 10px;*/
}

.PSpecContent {
	width: 100%;	
}

/*::-webkit-scrollbar { display: none;} */

.ProductsInfoCtrl , .OrderCtrl{
	width: 100%;
	border-bottom: 1px solid #000000 ;
	font-size: 0px;
	margin-bottom: 30px;
}

.ProductsInfoCtrl ul, .OrderCtrl ul{
	font-size: 0 !important;
}

.ProductsInfoCtrl li, .OrderCtrl li {
	width: 150px;
	display: inline-block;
	vertical-align: bottom;
}

.ProductsInfoCtrl li a , .OrderCtrl li a{
    display: block;
	color: #4b4b4b;
    background: #FFFFFF;
    line-height: 50px;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}
.ProductsInfoCtrl li.active a,
.OrderCtrl li.active a,
.ProductsInfoCtrl li a:hover,
.OrderCtrl li a:hover {
	color: #ffffff;
	background: #664729;
}


/*---產品內容---*/
.PBox , .CBox{
	display: none;
	position: relative;
}

.PBox.active ,.CBox.active{
    display: block;
}

/*--評論--*/
#ProductsComment li {
	margin-bottom: 30px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 5px #dcdcdc; 
	padding: 10px;
}

#ProductsComment li div {
	font-size: 1.2rem;
}
.CommentName {
	width: calc(100% - 120px);
	margin-right: 20px;
	font-weight:bold;
	color:#664729;	
	display: inline-block;
}

.CommentDate {
	width: 100px;  
	color:#404040 ;	
	display: inline-block;
	text-align: right;	
}

.CommentContent {
	color:#404040 ;	
}


/*-----瀏覽記錄/推薦-----*/
.ProGrpTitle {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    padding-left: 10px;
    border-left: 10px solid #CE0E2D;
    margin-bottom: 10px;
}

.MoreProductsBk > div:last-child {
    margin-bottom: 0;
}
.MoreProductsBk > div {
    margin-bottom: 30px;
}

.MoreProductsListBk {
    border: 1px solid #aeaeae;
    padding: 10px;
}

.MoreProductsBk {
    padding-top: 50px;
}

.MoreProductsListBk .ProductsList {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
}

.MoreProductsListBk .ProductsList li {
    margin-bottom: 0;
}

.MoreProductsListBk .ProductsList li:last-child {
	margin-right: 0;
}

.MoreProductsListBk ul.ProductsList a:hover .ProductPhoto {
	transform: scale(1);
}














/*----------------------------SHOPPING 購物車--------------------------*/
/*-----購物進度條-----*/
.ShopCartStep {
    width: 100%;
    max-width: 572px;
    margin: 0px auto 50px auto;
    font-size: 0px;
    text-align: center;
}

.SCSTitle {
	font-size:1.8rem;
	font-weight:bold;
	color:#D0D0D0 ;	
	display: inline-block;
	vertical-align: middle ;
}

.SCSLine {
	border: 1px solid #D0D0D0 ;  
	width: 90px;
	margin: 0 10px ;
	display: inline-block;
	vertical-align: middle ;
}

.SCSLine.active {
	border: 1px solid #4A4A4A ;  
}

.SCSTitle.active {
	color: #CE0E2D ;
} 

/*-----購物Step1-----*/
ul.SCListBk {
    border-bottom: 1px solid #404040;
    margin-bottom: 30px;
}

.SCListBk li {
    width: 100%;
    padding: 0px 10px 10px;
    border-bottom: 1px solid #D0D0D0;
    margin-bottom: 10px;
    font-size: 0px;
}

.SCListBk li:last-child  {
	border-bottom: none ; 
	margin-bottom: 0px ;
}

.SCListBk li > div {
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}
.SCListBk li > div:last-child {
	margin-right: 0;
}

.SBOImg {
	width: 150px;
}

.SBOImg img {
	display: block;
	width: 100%;
	height: auto;
}

.SBOinfo {
    width: calc(100% - 370px);
    min-height: 150px;
}

.SBONumbering {
    font-size: 1rem;
    color: #4A4A4A;
    line-height: 2rem;
}

.SBOTitle {
    font-size: 1.5rem;
    font-weight: bold;
    color: #4A4A4A;
    line-height: 2.5rem;
}

.SBOGiveaway {
    font-size: 1rem;
    color: #CE0E2D;
    line-height: 2rem;
}

.SBOright {
    width: 200px;
    text-align: right;
}
.SBOselect {
    border: 1px solid #3C3C3C;
    width: 120px;
    height: 30px;
    font-size: 1.2rem;
    color: #4A4A4A;
    margin-bottom: 15px;
    text-align: center;
}

.SBOSubtotal {
    height: 50px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #CE0E2D;
    text-align: right;
    margin-bottom: 15px;
}


.SBORemove input {
    width: 120px;
    background: #404040;
    font-size: 1.2rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    display: inline-block;
}

/*總金額*/

.SBOTotalAmount {
	background: #D0D0D0;
	width: 100% ;
	padding: 15px;
	margin-bottom: 50px;
	text-align: right;
	font-size: 0px;
}

.Shipping {
	width: 100% ;
	font-size:1.2rem;
	font-weight:bold;
	color:#4A4A4A;	
}

.SBOTAtitle { 
	width: 100% ;
	font-size:1.5rem;
	font-weight:bold;
	color: #4A4A4A;	
}


.Shipping span, .SBOTAtitle span {
	color: #CE0E2D ;
	font-size: inherit;
	font-weight: bold;
	padding: 0 5px;
}

/*-----購物車備註文字-----*/
.SBTNote {
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px;
}

/*-----購物車按鈕-----*/
.SBODoubleButton {
    font-size: 0px;
    text-align: center;
}

.SBODoubleButton > div {
    width: 200px;
    height: 50px;
    margin: 0px 30px;
    display: inline-block;
}

.SBODoubleButton a, .SBODoubleButton input {
    background: #CE0E2D;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    height: 50px;
    border-radius: 300px;
    transition: .5s;
    border: none;
    box-shadow: 0 0 5px 0 #2b2b2b;
}

.SBODoubleButton a:hover, .SBODoubleButton input:hover {
    background: #008000;
}


/*-----商品加購區-----*/
#AddPur {
    margin-top: 50px;
}

#AddPur .ProductsList li {
    width: calc((100% / 5) - 8px);
    margin-right: 10px;
}

#AddPur .ProductsList {
    width: 100%;
	font-size: 0 !important;
}

#AddPur .ProductsList li:nth-child(5n) {
    margin-right: 0;
}

/*-----購物Step2-----*/

.SBO2Quantity, .SBO2UnitPrice {
    font-size: 1.2rem;
    font-weight: bold;
    color: #4A4A4A;
    line-height: 35px;
}

.SBO2UnitPrice {
	margin-bottom: 45px;
}

.SCBk .SBOSubtotal {
    margin-bottom: 0;
    line-height: 35px;
    height: 35px;
}

	
/*SI2 購物車2*/
.SCContent {   
	padding: 10px 0px 30px 10px;	
}

.ScRadioBtn > li {   
	display: inline-block;
	margin-right: 20px;
    vertical-align: top;
}

.ScRadioBtn > li label {
    color: #4A4A4A;
    font-size: 1.2rem;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}

.MartType li {
	display: inline-block;
	margin-right: 40px ;
}

#ShipMart {
    padding-top: 30px;
	display: none;
}

ul.MartType {
    margin-bottom: 30px;
    display: inline-block;
    margin-right: 40px;
    vertical-align: top;
}

.MartType li:last-child {
    margin-right: 0;
}

ul.MartType img {
    display: block;
    width: auto;
    height: auto;
}

ul.MartType label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.MartSelect {
    display: inline-block;
    vertical-align: top;
}

.MartSelect span, .CoInvoice label {
    font-size: 1.2rem;
    font-weight: bold;
}

.MartSelect li span, .MartSelect li input, .CoInvoice label, .CoInvoice input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.MartSelect input[type="text"], .CoInvoice input {
    height: 35px;
    padding: 0 5px;
}

.TxtTape_S {
	width: 200px;
}

.TxtTape_L {
    width: calc(100% - 122px);
    max-width: 400px;
}

.SCFormBtn {
    width: 120px;
    height: 35px;
    background: #CE0E2D;
    border-radius: 5px;
    font-size: 1.2rem;
    color: #FFFFFF;
    line-height: 35px;
    transition: .5s;
}
.SCFormBtn:hover {
    background: #008000;
}

.SCFormBtn.active {
	background: #8c8c8c;
}

.SCCoupon {
    padding-top: 20px;
	display: none;
}



/*------選擇折價券-------*/
.SelectCouponBtn input {
    width: 100px;
    border-radius: 10px;
    display: inline-block;
    margin: 0 10px;
    color: #ffffff;
    transition: .5s;
    font-size: 1.2rem;
}

input#OKSelect {
    background: #CE0E2D;
}

input#CancelSelect {
    background: #8a8a8a;
}

.SelectCouponBtn input:hover {
    background: #008000 !important;
}

.SelectCouponBtn {
    text-align: center;
    padding: 30px 0;
}

.SCCouponList {
	display: none;
    background: rgba(255, 255, 255, .9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px;
    z-index: 50;
    overflow: auto;
}

.SCCouponList ul {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    padding: 20px;
}

.SCCouponList ul li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    width: calc(50% - 10px);
}

.SCCouponList ul li:first-child {
    display: block;
    text-align: center;
    width: 100%;
}

.SCCouponList input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.SCCouponList ul li:nth-child(odd) {
    margin-right: 0;
}

.SCCouponList ul {
    font-size: 0 !important;
}

.SCCouponList label {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 30px);
}

.SCCouponList .Coupon {
    width: 100%;
    max-width: none;
}

.SCCouponList ul li:first-child label {
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-weight: bold;
}



/*-----折價券-----*/
.Coupon {
    width: 100%;
    max-width: 450px;
    display: inline-block;
    font-size: 0 !important;
    border-radius: 10px;
    vertical-align: middle;
    box-shadow: 0 0 5px 0 #8a8a8a;
}

.Coupon > div {
    display: inline-block;
    vertical-align: middle;
}

.Coupon > div:first-child {width: calc(100% - 120px);padding: 10px;border-right: 1px dashed #2b2b2b;}

.CouponTitle {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 30px;
}

.CouponInfo {
    font-size: 1rem;
    line-height: 30px;
	min-height: 60px;
}

.CouponDate {
    font-size: 1rem;
    font-weight: bold;
}

.Coupon > div:last-child {
    font-size: 1.6rem;
    font-weight: bold;
    width: 120px;
    text-align: center;
    color: #CE0E2D;
}

.Coupon.TypeA {
    background: #FFF9F3;
    border-bottom: 10px solid #CE0E2D;
}

.Coupon.TypeB {
    background: #F6FFF8;
    border-bottom: 10px solid #6BB37D;
}




/*-----寄件人-----*/
.SCInformation div {
	font-size:1.2rem;	
	color:#4A4A4A ;	
	display: inline-block;
	vertical-align: middle;
}

.SCInformation li div:first-child {
	width: 100px ;
	text-align: right;
}


/*-----收件人-----*/
.Picker label {
    font-size: 1.2rem;
    color: #4A4A4A;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    text-align: right;
    width: 100px;
}

.Picker input[type="text"] {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    padding: 5px;
    width: calc(100% - 100px);
    max-width: 500px;
}

ul.Picker textarea {
    width: calc(100% - 106px);
    max-width: 500px;
    padding: 5px;
    border: 1px solid #ddd;
}

#MartWarring {
	font-size: 1.2rem;
	display: none;
	color: #FF0004;
	padding-left: 100px;
}


#TakeSelfInfo {
	font-size: 1.2rem;
	display: none;
}

.TakeSelfWarring p {
    color: #ce0e2d;
}
/*-----發票-----*/
.CoInvoice {
	display: none;
    padding-top: 20px;
}



/*-----點數-----*/
.pointBk {
	font-size:1.2rem;	
	font-weight:bold;
	color:#4A4A4A ;	
}

.pointBk span {
	font-size:1.2rem;	
	font-weight:bold;
	color:#008000 ;	
}

.pointBk input {
    width: 80px;
    padding: 5px;
    height: 40px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #9F0002;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}




/*-----總計-----*/
.SCTotalBk {
	margin: 50px 0px ;
}

.SCTotalBk > div {
	font-size:2rem;
	font-weight:bold;
	color: #664729 ;
	margin-bottom: 30px ;
	text-align: center;
	display: block;
}

.SCTotalBk > div:last-child {
    font-weight: bold;
    color: #000000;
    font-size: 0 !important;
}

.TotalCalc > div, .TotalCalc > span {
	display: inline;
	font-size: 1.8rem;
	font-weight: bold;
}

.TotalCalc > div span {
	color: #CE0E2D;
}



/*----- 購物車結帳完成-----*/
.ShopCartTypeTitle {
	font-size:3.2rem;
	color:#664729 ;
	text-align: center;
	margin-bottom: 20px ;
}

.ShopCartTypeInfo {
	color:#664729 ;
	text-align: center;
	margin-bottom: 50px ;
}

.ShopCartTypeInfo p {
	font-size:1.8rem;	
}

.SI3frame {
    background: #F8F8F8;
    width: 100%;
    padding: 15px 30px 30px;
    margin-bottom: 50px;
    font-size: 0px;
}

.SI3NDT, .SI3ProjectName { 
	padding: 5px 20px;
}

.SI3NDT > div {
	display: inline-block;
	font-size:1.4rem;
	font-weight:bold;
	color:#664729 ;
} 

.SI3Numbering {  
	width: calc(100% - 250px);
}

.SI3date {
    width: 250px;
    text-align: right;
}
.SI3date span {
    font-size: inherit;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
.SI3date span:first-child {
	margin: 0;
}
.SI3ProjectName {
	display: block;
	font-size:1.4rem;
	font-weight:bold;
	color:#664729 ;
} 


.SI3Order > li {
	border-bottom: 1px dotted #404040 ;
	padding: 5px 20px ;
}

.SI3Order li:first-child {
	border-top: 1px solid #404040 ;
	border-bottom: 1px solid #404040 ;
	padding: 5px 20px ;
}

.SI3Order li:first-child div {
	font-size:1rem;
	font-weight:bold;
	color:#404040 ;
}

.SI3Order > li:last-child {
	border-bottom: 1px solid #404040 ; 
}


.SI3Order > li div {
    display: inline-block;
    font-size: 1rem;
    color: #404040;
    vertical-align: middle;
}

.SI3Order > li div:nth-child(1) { 
	width: calc(100% - 400px);
}

.SI3Order > li div:nth-child(2) { 
	width: 100px;
	text-align: center;
}

.SI3Order > li div:nth-child(3) { 
	width: 100px;
	text-align: center;
}

.SI3Order > li div:nth-child(4) { 
	width: 100px;
	text-align: center;
}

.SI3Subtotal {
	padding: 5px 20px ;
	margin-bottom: 20px;
}

.SI3Subtotal > div {
	width: 20% ;
	font-size:1rem;
	font-weight:bold;
	color:#CE0E2D ;
	margin-left: auto ;
	text-align: right;
}

.SI3ItemArrangement2 {
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    padding: 5px 20px;
    font-size: 0 !important;
}

.SI3ItemArrangement2 > div {
	display: inline-block;
	font-size:1rem;
	font-weight:bold;
	color:#404040 ;
}

.SI3ItemArrangement2 > div:nth-child(1n) { 
	width: calc(100% - 120px);
}

.SI3ItemArrangement2 > div:nth-child(2n) {
	width: 120px;
	text-align: center;
}

.SI3Discount > li {
    border-bottom: 1px dotted #404040;
    font-size: 0 !important;
	padding: 5px 20px ;
}

.SI3Discount > li:last-child {
	border-bottom: 1px solid #404040 ; 
}



.SI3Discount > li div {
	display: inline-block;
	font-size:1rem;
	color:#404040 ;
}

.SI3Discount > li div:nth-child(1n) { 
	width: calc(100% - 120px);
}

.SI3Discount > li div:nth-child(2n) { 
	width: 120px;
	text-align: center;
}

.SiDisNote {
    padding: 10px;
    border: 1px dotted #d0d0d0;
    margin-bottom: 10px;
    font-weight: normal;
}


.SI3AreaOne {
    background: #FFFFFF;
    padding: 20px 20px;
}

.SI3AreaOne > div { 
	width: 50% ;
	display: inline-block;
	vertical-align: top ;
}

.SI3AreaOne > div > div {
	margin: 5px 0px ;
	font-size: 0 !important;
}

.SCCInfoTitle {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: bold;
    color: #404040;
    display: inline-block;
    vertical-align: top;
}

.SCCInfoContent {
    color: #404040;
    display: inline-block;
    vertical-align: top;
}

.SCCInfoContent, .SCCInfoContent p, .SCCInfoContent li, .SCCInfoContent span {
    font-size: 1rem;
    line-height: 2rem;
}

.SI3AOcolour {
	color:#CE0E2D;
	font-weight:bold;
}

.SI3Button {
	width: 520px;
	margin: 0 auto ;
}

.SI3Button > a {
	background: #008000;	
	border-radius: 150px;
	margin: 0px 20px 50px 20px ;
	padding: 5px 20px;
	display: inline-block;
	font-size:1.2rem;	
	font-weight:bold;
	color:#FFFFFF ;	
	text-align: center;
}

.SI3Button > a:hover {
    background: #CE0E2D;
}





/*---------------------------自適應內容----------------------------*/
/*--高--*/
@media only screen and (max-height: 820px) {

}
@media only screen and (max-height: 600px) {

}



/*--寬--*/
@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1240px) {



.PriceBlockLeft {
    font-size: 0 !important;
    margin-bottom: 5px;
}
	


}
@media only screen and (max-width: 1330px) {
#header{
    padding: 12px;
}  

#Logo {
    width: 290px;
    padding-left: 10px;
    padding-top: 10px;
}

#Logo > div:nth-child(3){
    margin-top: 1rem;
}

.LanIcon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.LanLink ul, .LanLink li, .LanLink li a {
    line-height: 20px;
    font-size: 14px;
}

.MemberLink li {
    height: 25px;
}

.FirsMenu > li > a {
    line-height: 2rem;
    font-size: 1rem;
}

ul.SecMenu li {
    line-height: 2rem;
}

ul.FirsMenu > li:last-child {
    margin-right: 0;
}
	
ul.SecMenu li a {
    font-size: 0.9rem;
    padding: 5px 0;
}

.SecMenu {
    min-width: 120px;
    /* left: calc(50% - 60px); */
}	
	
.CartNum {
    line-height: 18px;
    width: 20px;
    height: 20px;
}

}
@media only screen and (max-width: 1260px) {

}
@media only screen and (max-width: 1160px) {
li#DeliveryOnly > input {
    display: block;
    margin: 0 0 5px 100px;
}
}
@media only screen and (max-width: 1050px) {
.ProductsMenu {
    width: 250px;
}

.PorductsBk {
    width: calc(100% - 270px);
}

.ProductsPage .ProductsList li {
    margin: 0 1.5% 50px 0;
    width: calc(97% / 3);
}


.LOGOW {
    width: 200px;
}

ul.FirsMenu{
    gap: 1rem;
}

#header > div:first-child, #header > div:last-child {
    flex: 0 1 200px;
}

}

@media only screen and (min-width: 1001px){
#Index .ProductsList li:nth-child(5n) {
	margin-right: 0;
}
	
nav li:hover .SecMenu {
    display: block;
}	
	
}
@media only screen and (max-width: 1000px) {
#header {
    padding: 10px;
    align-items: flex-start;
}	
	
li.MenuBtn {
    display: inline-block;
}
.MenuClose {
    /* display: block; */
}
#header > div#Menu {
    display: none;
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100vh - 50px);
    background: #b9b5b5;
    margin: 0;
    z-index: 5;
}

#Logo {
    width: 225px;
    padding-left: 0;
    margin: 1rem auto 0;
}

.LanLink {
    display: none !important;
}

.MemberLink li {
    height: 30px;
}
	
nav {
    width: 100%;
    max-width: none;
    height: 100%;
    align-items: flex-start;
}

ul.FirsMenu {
    flex-direction: column;
    width: 100%;
    align-items: center;
    text-align: center;
    gap: 0;
    height: 100%;
}

ul.FirsMenu > li {
    border-bottom: 1px solid #fff;
    width: 100%;
}

.SecMenu {
    position: relative;
    text-align: center;
    left: 0;
}

.FirsMenu > li > a {
    font-weight: bold;
    padding: 10px 0;
}

ul.SecMenu li a {
    line-height: 2rem;
    display: block;
    font-size: 1rem;
}	
	
.MLanLink {
	display: block;
}
	
	
	
.ProductsList li {
    width: 32%;
    margin: 0 2% 20px 0;
}

	
.NRButton a {
    font-size: 1rem;
    font-weight: bold;
    line-height: 35px;
}	

}

@media only screen and (max-width: 900px) {

	

	
	
.ATtitle {
    font-size: 2.2rem;
}

.ATtext, .ATinfo {
    font-size: 1rem;
}

.ATBlockTwo li {
    min-height: 430px;
    background-size: 50% auto !important;
    background-position: left 50% top 20% !important;
}

.ATTop {
    padding: 0 10px 10px;
}

.ATinfo {
    padding: 0 10px;
}
	
	
.ProductsMenu {
    display: block;
    width: 100%;
    margin: 0 0 50px 0;
}

.PorductsBk {
    display: block;
    width: 100%;
}

	
.ProductsMenu {
    margin: 0 0 15px 0;
}	
	
.M_PDMenu {
    display: block;
    font-size: 0 !important;
}

.PMBox, .M_PDMenuBk .SRProductOffer, .SRProductOffer.WOffer {
    display: none;
}

.SRProductOffer.MOffer {
    display: block;
    width: auto;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, .5);
}
	
.M_PDMenuBk {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 10;
    text-align: center;
    padding-top: 60px;
    vertical-align: middle;
}

.M_PDMenuClose {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 70px;
    right: 10px;
}

.M_PDMenuClose a {
    display: block;
    width: 100%;
    height: 100%;
}

.M_PDMenuClose span {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: calc(50% - 0.5px);
    background: #fff;
}

.M_PDMenuClose span:first-child {
    transform: rotate(45deg);
}

.M_PDMenuClose span:last-child {
    transform: rotate(-45deg);
}

.PMBox {
    width: 90%;
    max-height: calc(90vh - 60px);
    /* display: inline-block; */
    margin-bottom: 0;
    vertical-align: middle;
    overflow: auto;
    text-align: left;
    background: #fff;
}

.M_PDMenuBk::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
	
.SRProductOffer {
    /*display: inline-block;*/
    background: #fff;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    width: 90%;
    vertical-align: middle;
    overflow: auto;
    max-height: calc(90vh - 60px);
}	
	
	
	
	
.SI3frame {
    padding: 15px;
}

.SI3NDT, .SI3ProjectName {
    padding: 0;
}
.ShopCartTypeInfo p {
    font-size: 1.2rem;
}

.SI3NDT > div {
    font-size: 1rem;
}
.SI3Order > li div:nth-child(2) {
	width: 60px;	
}
.SI3Order > li div:nth-child(3) {
    width: 40px;
}

.SI3Order > li div:nth-child(1) {
    width: calc(100% - 200px);
}

.SI3Order > li {
    padding: 5px 0 !important;
}

.SI3Order > li div:nth-child(4) {
    text-align: right;
	width: 60px;
}

.SI3Subtotal {
    padding: 5px 0;
}

.SI3Subtotal > div {
    width: auto;
    text-align: right;
}	
	

	
}

@media only screen and (min-width: 880px) {
.EMList > li:nth-child(3n), .NEWSList li:nth-child(3n), .DownloadList li:nth-child(3n){
	margin-right: 0;
}
	
.NRBlockOne li:nth-child(3n) {
	margin-right: 0;
}
}


@media only screen and (max-width: 880px) {

	
.EMList > li, .NEWSList li, .DownloadList li{
    width: 49%;
    margin: 0 2% 30px 0;
}

.EMList > li:nth-child(even), .NEWSList li:nth-child(even) ,.DownloadList li:nth-child(even){
    margin-right: 0;
}
	
	
.ProductsImgBk {
    width: 48%;
    margin-right: 2%;
}

.ProductsInfoBk {
    width: 50%;
}

.AddBtnBk input, .AddBtnBk a {
    width: 120px;
    font-size: 1.2rem;
    height: 40px;
    line-height: 40px;
}
	
.SCCouponList ul li {
    display: block;
    width: 100%;
    margin: 0 auto 20px;
}	

.SCCouponList {
    padding: 10px;
}	
	
	
.NRBlockOne li {
    width: 49%;
    margin: 0 2% 50px 0;
}	
.NRBlockOne li:nth-child(2n) {
    margin-right: 0;
}	
	
}
@media only screen and (max-width: 800px){
.KvBtnBk {
    margin-top: -45px;
}
	
.KvBtnBk li {
    margin: 0 1.2%;
}
	
.KvBtnBk li a {
    font-size: 1rem;
    padding: 2px 15px;
}


.indexNewsList li {
    width: 50%;
}

.indexNewsTitle {
    font-size: 1.1rem;
}

.EvenName {
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.EventInfoTxt {
    font-size: 1rem;
    margin-bottom: 10px;
}

.EventInfoBtn {
    font-size: 1.2rem;
    padding: 0;
    width: 125px;
}

.EvenInfoBk {
    padding: 10px 0 40px;
    bottom: 0;
    position: relative;
    background: #ffffff;
}
	
ul.EvenList a {
    overflow: auto;
    height: auto;
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}	
	
	
	
	
.NR2Img {
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    max-width: 500px;
}

.NR2Info {
    width: 100%;
    display: block;
}

.NR2stepImg {
    display: block;
    margin: 0 auto 10px;
}

.NR2stepText {
    width: 100%;
    display: block;
}	

	
	
.AdMd1 .AdInfo, .AdMd1 .AdProducts {
    display: block;
    width: 100%;
}

.AdMd1 .AdInfo {
    margin: 0 auto 20px;
}

.AdMd1 .AdProducts li {
    width: 49%;
    margin: 0 2% 0 0;
}

.AdMd1 .AdProducts li:last-child {
    margin-right: 0;
}	

	
#AddPur .ProductsList li {
    width: calc((100% / 3) - (20px / 3));
}

#AddPur .ProductsList li:nth-child(5n) {
    margin-right: 10px;
}

#AddPur .ProductsList li:nth-child(3n) {
    margin-right: 0;
}
}

@media only screen and (max-width: 700px){
.footerMap {
    display: block !important;
    margin: 0 auto 20px;
    width: 309px;
}

.footerNewsLogo {
    margin: 0 auto 10px;
}

.footerNews {
    text-align: center;
    width: 95%;
    max-width: none;
}

.Community {
    text-align: center;
}
	
.footerCompanyInfo {
    width: 100%;
}

.footerCompanyInfo ul {
    text-align: center;
    margin-bottom: 20px;
}

.footerCompanyInfo li {
    margin-bottom: 5px;
}	
	
}

@media only screen and (max-width: 680px) {
.ATBlockTwo li > div {
    float: none !important;
    width: 100%;
}

.ATBlockTwo li {
    background-size: 80% auto !important;
    background-position: center 50% !important;
}

.ATtitle {
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.AHarea li {
    padding-left: 10px;
}	
.AHtitle {
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.AHtext {
    font-size: 1rem;
}

.AHround {
	width: 10px;
    height: 10px;
    left: -6px;
    top: 15px;
}
	
		
.SliderW {
    display: none;
}

.SliderM {
    display: block;
}	
	
	
	
.SBOImg {
    width: 120px;
}

.SBOinfo {
    width: calc(100% - 140px);
    min-height: 120px;
    margin-bottom: 10px;
    margin-right: 0 !important;
}

.SBOright {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 5px;
}

.SBOright > div {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.SBOTitle {
    font-size: 1.2rem;
    line-height: initial;
}

.SBONumbering {
    line-height: initial;
}

.SBORemove input {
    width: 60px;
    font-size: 1rem;
    line-height: 2rem;
}

.SBOSubtotal {
    font-size: 1.2rem;
    height: auto;
    line-height: initial;
}
.ProductsLessBtn input[type="button"], .ProductsAddBtn input[type="button"] {
    width: 25px;
    height: 25px;
    line-height: 1rem;
}

.ProductsInputBox input[type="text"] {
    width: 30px;
    line-height: 25px;
    height: 25px;
}

.ProductsOrderNum {
    width: 95px;
    margin-left: 0 !important;
}	
	
.TotalCalc > div, .TotalCalc > span {
    font-size: 1.4rem;
}	
.TotalCalc > span {
    display: block;
}	
	
	
	
}



@media only screen and (min-width: 601px) {
.ProductsPage .ProductsList li:nth-child(3n) {
    margin-right: 0;
}
}
@media only screen and (max-width: 1000px) and (min-width: 601px) {
#Index .ProductsList li:nth-child(3n), .ProductsPage .ProductsList li:nth-child(3n) {
    margin-right: 0;
}
#Index .ProductsList li:last-child {
    display: none;
}
}
@media only screen and (max-width: 600px) {
* {
	font-size: 14px !important;
}
	
.SiteTopInfoTxt {
    font-size: 0.8rem;
}

#SiteTopInfo {
    padding: 10px;
}

.SiteTopInfoClose {
    width: 20px;
    height: 20px;
}
	
.SliderW {
    display: none;
}

.SliderM {
    display: block;
}
	
#IndexKv {
    border-bottom: 5px solid #ffffff;
}
	
	
#Index .ProductsList li, .ProductsPage .ProductsList li {
    width: 49%;
    margin: 0 2% 20px 0;
}
#Index .ProductsList li:nth-child(even), .ProductsPage .ProductsList li:nth-child(even) {
    margin-right: 0;
}

.DiscountedPrices {
    display: block !important;
    width: 100%;
    font-size: 1.3rem;
    text-align: center;
    line-height: initial;
}
	
	
	
.EvenBkTitle::before, .EvenBkTitle::after {
    width: calc(50% - 85px);
}
	
#indexProducts .indexProductsTitle::before, #indexProducts .indexProductsTitle::after {
    width: calc(50% - 64px);
}	
#indexNews .indexProductsTitle::before, #indexNews .indexProductsTitle::after {
    width: calc(50% - 106px);
}	
	

.indexProductsTitle h2, .EvenBkTitle h2 {
    font-size: 1.5rem;
    padding: 0 10px;
}
	
	
.indexProductsTitleTxtBox p {
    font-size: 1rem;
}
	
.SRBigBox li {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}	
	
	
	
.SCSTitle {
    font-size: 1.2rem;
}

.SCSLine {
    width: 20px;
    margin: 0 5px;
}

.ShopCartStep {
    margin-bottom: 30px;
}	
	
	
	
.SI3AreaOne > div {
    width: 100%;
    display: block;
    margin: 0;
}

.SI3AreaOne {
    padding: 10px;
}
	
.SI3NDT > div {
    display: block;
    width: 100%;
    text-align: left;
}	
	
.ProductsList li {
    width: 49%;
}
	
	
	
.DiscountedPrices {
    /*width: 60%;
    text-align: right;*/
}

.PriceBlockRight input[type="button"] {
    width: 100%;
    background-size: 20px auto !important;
    background: url(../images/icon/icon_shopcart_m.svg) center no-repeat, #FFFFFF;
}	
	

.DeletePrice {
    width: 100%;
    text-align: center;
}
	
	
	
.PriceBlock > div {
    display: block;
    width: 100%;
}
.PriceBlockLeft > div {
    display: inline-block;
    vertical-align: bottom;
}	
	
.ADimgW {
    display: none;
}	
	
.ADimgM {
    display: block;
}	
	
	
.FooterIconList li {
    width: calc(100% / 3);
    margin-bottom: 30px;
}

.FooterIconList {
    margin-bottom: 0;
}
	
}
@media only screen and (max-width: 560px) {

.ProductsImgBk, .ProductsInfoBk {
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
}
	

.ProductsInfoCtrl.stop {
    position: fixed;
    z-index: 4;
    left: 0;
    border-top: 1px solid #ffffff;
}

.ProductsInfoCtrl.stop a {
    font-size: 1rem;
    border-radius: 0;
    line-height: 40px;
}	
	
	
.ProductsInfoCtrl li {
    width: calc(100% / 3);
}
	
.AddBtnBk {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    font-size: 0 !important;
    z-index: 5;
}
.AddBtnBk input, .AddBtnBk a {
    width: 50% !important;
    margin: 0 !important;
    border-radius: 0;
    font-size: 1.4rem;
    height: 50px;
    line-height: 50px;
    border: 0;
}
	
.AddBtnBk input#btn_cart {
    background: #fff;
    color: #CE0E2D;
    border-top: 2px solid #CE0E2D;
}
	
.SBODoubleButton > div {
    width: 120px;
    margin: 0 20px 0 0;
}
.SBODoubleButton a, .SBODoubleButton input {
    line-height: 40px;
    height: 40px;
    font-weight: bold;
}
.SBODoubleButton > div:last-child {
    margin-right: 0;
}
	
.SBOTAtitle {
    font-size: 1rem;
}

.Shipping {
    font-size: 1rem;
}

.SBOTotalAmount {
    padding: 5px;
}
	

.RightTools {
    display: none;
}
	
	
	
.EventFixed {
    bottom: 0;
    top: auto;
    width: 100%;
    font-size: 0 !important;
    box-shadow: 0 0 5px 0px #2b2b2b;
}

.EventFixed a {
    display: inline-block;
    width: 50%;
    margin: 0;
    right: 0;
    left: 0;
    text-align: center;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.2rem;
    padding: 10px 0;
    line-height: normal;
}	
	
	
	
	
#AddPur .ProductsList li {
    width: calc(50% - 5px);
}

#AddPur .ProductsList li:nth-child(3n) {
    margin-right: 10px;
}

#AddPur .ProductsList li:nth-child(even) {
    margin-right: 0;
}	
}
@media only screen and (max-width: 500px) {
.EMList > li, .NEWSList li,  .DownloadList li{
    width: 100%;
    display: block;
    margin: 0 0 30px;
}
	
	
.Picker label {
    display: block;
    text-align: left;
    width: auto;
    font-weight: bold;
    margin-bottom: 0;
}

ul.Picker > li {
    margin-bottom: 10px;
}

.Picker input, ul.Picker textarea {
    width: 100%;
    margin: 0 !important;
}

.MartSelect li span {
    display: block;
    margin: 0 !important;
}

.TxtTape_S {
    width: calc(100% - 136px);
}

.SCFormBtn {
    margin: 0 !important;
}

.MartSelect {
    display: block;
    width: 100%;
}

.MartSelect > ul > li {
    margin-bottom: 10px;
}

.TxtTape_L {
    width: 100% !important;
    margin: 0 !important;
    max-width: none;
}

ul.MartType img {
    width: 50px;
}

.MartType li {
    margin-right: 15px;
}

ul.MartType {
    margin-right: 0;
}

.ScRadioBtn > li {
    margin-right: 15px;
}

.ScRadioBtn > li label {
    font-size: 1.1rem;
}
	
.SCInformation div {
    display: block;
    text-align: left !important;
    font-size: 1.1rem;
    line-height: 2rem;
}

.SCInformation li div:first-child {
    font-weight: bold;
}

ul.SCInformation > li {
    margin-bottom: 10px;
}

.SCContent.pointBk {
    font-size: 1rem;
    padding: 10px 5px 20px;
}

.pointBk input {
    width: 50px;
    height: 30px;
    font-size: 1.1rem;
    line-height: 30px;
}
.Coupon > div:first-child {
    display: block;
    width: 100%;
    border-right: 0;
    border-bottom: 1px dashed #2b2b2b;
}

.Coupon > div:last-child {
    text-align: center;
    display: block;
    width: 100%;
}
	
.SCContent {
    padding: 10px 0 30px;
}
	
.NRBlockOne li {
    display: block;
    width: 100%;
    margin: 0 0 50px 0;
}	
	
}
@media only screen and (max-width: 470px) {
.NR2frame > li {
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
}

}
@media only screen and (max-width: 400px) {
.PriceBlockRight input[type="button"] {
    text-align: right;
    padding-right: 10px;
}
}
@media only screen and (max-width: 380px) {


}
@media only screen and (max-width: 360px) {

}