@charset "utf-8";

.headerStyle03 .subNavMenu>li>ul {

    display: none;

}



.headerStyle03 .subNavMenu>li:hover>ul {

    display: block;

}





/*自訂樣式===============================================*/

.noscroll {

    overflow-y: hidden;

}



.shopdetail .prod_price .del {

    text-decoration: line-through;

}



.relatedPro {

    margin: 50px 0;

}



.relatedPro .hrTitle {

    position: relative;

    text-align: center;

}



.relatedPro .hrTitle::after {

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 1px;

    background: gray;

    z-index: -1;

}



.relatedPro .hrTitle span {

    padding: 0 15px;

    color: gray;

    background: #fff;

}



.relatedPro .proList.shop {

    margin-top: 50px;

}



.relatedPro .relate_pro_slid {

    padding-left: 57.6px;

    padding-right: 57.6px;

    overflow: visible;

}



.relatedPro .relate_pro_slid .item .itemImg {

    padding-bottom: 100%;

}



.relatedPro .relate_pro_slid .item .itemTitle {

    height: 73px;

    font-size: 16px;

    line-height: 1.5;

    overflow: hidden;

}



.relatedPro .relate_pro_slid .item .itemPrice {

    color: #ff5353;

}



.relatedPro .relate_pro_slid .item .itemPrice.del {

    color: gray;

    text-decoration: line-through;

    padding-right: 0.5em;

}



.shop_add .item {

    margin: 0 15px;

}



/* @media (min-width: 992px) {

    .proList .hamburger_hide {

        display: block !important;

    }

} */



.proList .shopCart_btn .itemAddCart {

    width: auto;

    height: auto;

    font-size: 16px;

    padding: 5px 25px;

    border-radius: 0;

}



.proList .shopCart_btn .itemAddFavor {

    position: absolute;

    top: -10px;

    right: 5px;

    z-index: 3;

}



.indexList2 {

    padding: 15px;

    background-color: #0050a3;

}



/* product 食譜右側清單 共用 */



.itemList.newsListType2.Bbox_in_1c.newsListType7 .itemImg {

    /* cursor: pointer; */

    cursor: default;

}





/* productdetail 食譜內頁詳細 共用 */



.productdetail section.sectionBlock input.tagbtn {

    cursor: pointer;

}



.productdetail section.sectionBlock ul.listTag {

    display: flex;

    flex-wrap: wrap;

    align-content: space-around;

    margin-bottom: 30px;

}



.productdetail section.sectionBlock ul.listTag li {

    margin: 0 6px;

}



.tabLink_area {

    display: flex;

    flex-wrap: wrap;

    padding: 0 15px;

    margin-bottom: 0 !important;

}



.container a.tabLink {

    border: 1px solid #7995cc;

    padding: 10px 25px;

    margin: 10px;

    border-radius: 50px;

    background: #f2f6ff;

    color: #2d4d8d;

}



.abouttabLink_area {

    margin-right: 0;

    margin-left: 0;

    justify-content: center;

}



.abouttabLink {

    border: 1px solid #7995cc;

    padding: 10px 30px;

    margin: 10px;

    border-radius: 50px;

    background: #f2f6ff;

    color: #2d4d8d;

}



.productdetail .itemImg.square {

    padding-bottom: 100%;

}



.prod_slider_title {

    color: #7995cc;

    font-size: 40px;

    font-weight: bold;

    /* display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	text-overflow: ellipsis;

	overflow: hidden; */

}



.productdetail .title_style {

    margin-top: 0;

}



.tagbox .subBlockTitle {

    font-size: 18px;

    color: #313131;

    font-weight: bold;

    height: 100%;

}



.tagbox a.tabLink.light {

    background: #3c5d9f;

    color: #fff;

}



.aboutlight {

    background: #3c5d9f;

    color: #fff;

}





/* productdetail 食譜內頁右側表格步驟詳細 共用 */



.outboxtopic {

    background-color: #7995cc;

    padding: 10px 15px;

    color: #fff;

}



.mgb5.outbox {

    border: 1px solid #7995cc;

    margin-bottom: 30px;

    background: #fff;

}



.mgb5.outbox .col-6 {

    padding: 5px 10px;

}



.widgetSocial {

    top: 40%;

    right: 1.5%;

}





/* .slick-slider .slick-arrow:hover {

	background-color: #3c5d9f;

} */



.newsListType2 .item.process a:hover .itemTitle {

    color: #2d4d8d;

    cursor: default;

}





/* 2023-08-08 修改指標要有手指 */

/* .newsListType2 .item.process a .itemImg,

.newsListType2 .item a {

    cursor: default;

} */



.indexBox03 .proItemBorder:hover .itemImg img,

.newsListType2 .item a:hover .itemImg img {

    transition: all 1s;

    width: 130%;

    height: 130%;

}



.itemImg img {

    transition: all 1s;

}



.tagbtn {

    padding: 5px 10px;

    border-radius: 5px;

    margin-bottom: 10px;

}





/* ---歷屆資料頁面--- */



.sectionBlock_121 .left-box {

    justify-content: space-between;

}



.inforList .title {

    margin-bottom: 20px;

    font-size: 27px;

    line-height: 1.3;

    font-weight: bold;

}



section.sectionBlock.tabBlock {

    padding: 0;

}



.sectionBlock.tabBlock .blockItem a {

    display: block;

    /* border: 1px solid #c79404; */

    text-align: center;

    padding: 15px 0;

    line-height: 1;

    margin: 30px;

    color: #7c5c00;

    background: #ede4c9;

}



.sectionBlock.slickBlock-1 .blockTitle,

.sectionBlock.slickBlock-2 .blockTitle {

    margin-bottom: 25px;

}



section.sectionBlock.textBlock,

section.sectionBlock.slickBlock,

section.sectionBlock.videoBlock {

    padding: 50px 0 0 0;

}



ul.likItem {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



ul.likItem li {

    margin-bottom: 40px;

    background: #f0f0f0;

    display: flex;

    width: calc(100% / 2 - 15px);

    align-items: center;

    padding: 15px 25px;

}



ul.likItem li a {

    display: flex;

    justify-content: space-between;

    overflow: hidden;

}



ul.likItem li a>span:nth-child(2) {

    color: #c79404;

    display: block;

}



ul.likItem li a span.text {

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 575px;

}



ul.likItem li:before {

    content: '';

    display: block;

    width: 9px;

    height: 9px;

    border-radius: 50px;

    background: #957314;

    display: inline-flex;

    margin-right: 10px;

}



.fancybox-slide>div {

    max-width: 1000px;

}



.coverCommercial .box {

    width: 60px;

}



@media (max-width: 576px) {

    .fancybox-slide>div {

        width: 90%;

        max-height: 80vh;

    }

    .editor>div {

        width: 95%;

        margin: 0 auto;

    }

    .editor-box {

        position: relative;

        /* z-index: -1; */

    }

    .editor-box img {

        pointer-events: none;

    }

}



.fancybox-slide::-webkit-scrollbar {

    display: none;

}







:root {

    --cis1: #D4100E;

    --cis2: #999999;

    --cis3: #333333;

    --cis4: #f2f2f2;

    --font_Oswald: "Oswald", sans-serif;

}

.home-about-info .text {

    color: #fff;

}

.underLine-w {

    background: #fff;



}

.big_num span {

    display: inline-block;

}

.sectionBlock_83 .productsArea .product-lists .item:hover .iconImg {

    /* background-color: #e77979; */

    background-color: #999999;

}

.sectionBlock_83 .productsArea .product-lists .item:hover .iconTitle {

    color: var(--cis3);

}

/*productlist*/

.overlap3.twoBox_1-15 {

    background: none;

}

.productListStyle17 .proItem {

    margin-bottom: 30px;

}

.productListStyle17 .proItem .productBrief {

    /* background:linear-gradient(to bottom, #ffffff00,#000000); */

    background: none;

    position: relative;
    color: #000;





}

.productListStyle17 .proItem .itemImg {

    background: url(../images_v4/home/specialEffects-3/bg01.png) center;

}

.productListStyle17 .proItem .productBrief .title {

    font-weight: bold;

    font-size: 1.44444rem;

}

.productListStyle17 .proItem .productBrief .button-box .button-link {

    color: #fff;

    display: none;

}

.product .itemImg img,
.productdetail .itemImg img {

    object-fit: contain
}

/*productdetail*/

.product-topSideMenu-Style05 ul li.active a {

    background: var(--cis3);

    color: #fff;

}

.product-topSideMenu-Style05 ul li a:hover {

    background: var(--cis1);

    color: #fff;

}

.productdetail .slideBlock4 .itemImg img {
    border-right: 5px solid var(--cis1);
    border-bottom: 5px solid var(--cis1);

}

.productdetail .faqItemStyle-productdetail5.faqItem_main .faqItem .faqItem_body ul {
    list-style: none !important;
}
.prod_blk-revise .product-detail-info{
    background: none;
    border: none;
}

/*history*/

.historyType13-box .lists-box li .content-box {

    padding: min(55px, 7vw) 0 min(50px, 10vw);

}

/*footer*/

.footerStyle25 .ftInfo a img {

    margin-top: 1.4em;

}
@media (min-width: 992px) {
.footerStyle25 .ftInfo a.row03 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
}
}

/*loading*/

.pageLoading {

    background: #e7e7e7;

}

/*special-20*/

.special-20 .bgBox {

    height: 1300px;

}

@media(max-width:767px) {

    .special-20 .bgBox {

        height: auto
    }

}

.sectionBlock_aboutUs35 .box-constainer .slick-slider .slick-next {

    left: 335px;

}

.sectionBlock_aboutUs35 .box-constainer .slider-nav li .label:before {

    border-bottom-color: var(--cis1);

}

.sectionBlock_aboutUs35 .box-constainer .slider-nav li {

    max-width: 600px;

}

/*內頁產品選單*/

.product .headerStyle03_5 .navBar .navMenu li a,
.productdetail .headerStyle03_5 .navBar .navMenu li a,
.product .headerStyle03 .subNavMenu li a,
.productdetail .headerStyle03 .subNavMenu li a {

    color: #333333;

}



.pro_download .download_bar .download_list li {

    width: calc((100% - 80px) / 4);

}
.download_list7 .item .picBox{
    max-width: 300px;
}

.product-topSideMenu-Style05 ul li a {

    padding: 15px 30px
}

.productsTopList-triangle ul a {

    width: auto;

    max-width: 300px;

    padding: 0 15px
}

.faqItemStyle-productdetail5.faqItem_main .faqItem .faqItem_body.relatedPro {

    /* padding: 0; */

    margin: 0;

}

@media(min-width:767px) {

    .product .XXXContent,
    .productdetail .XXXContent {

        padding-top: 110px;

    }



}

/*手機選單*/

.cowboy_mbPanel_4 .cmpContent .cmpMenu .cmpNav .moremenu>a:after {

    padding-left: 7px;

}
.cowboy_mbPanel_4 .cmpTop > div a.cmpBtn::before, .cowboy_mbPanel_4 .cmpTop > div a.cmpBtn div, .cowboy_mbPanel_4 .cmpTop > div a.cmpBtn::after {
    background: #fff;
}
.cowboyTopStyle01 .cmpTop .item:last-child {
    background: #D10118;
    padding:8px
}
.cowboy_mbPanel_4 .cmpTop {

    padding-bottom: 10px;
}
.cowboy_mbPanel_4 .cmpTop.open{
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
  z-index: 999;
}
.cowboy_mbPanel_4 .cmpContent .cmpMenu .cmpNav .moremenu > a::after{
  position: absolute;
  right: 10px
}
.cowboy_mbPanel_4 .cmpContent{
    height: 100%;
    background: url(../images_v4/mobile/mb_bg.jpg);
    background-size: cover;
}
.cowboy_mbPanel_4 .cmpContent.open{
    top:80px
}

/* .headerStyle03 .subNavMenu li a{

    color: #333333;

} */

.cowboy_mbPanel_4 .cmpBottom {

    background: var(--cis3);

}

/*twoBox_2-49-2*/

.twoBox_2-49-2 {

    background: url(../images_v4/home/twoBox_2-49-2/line.svg) no-repeat top center/cover;

}

.twoBox_2-49-2:before {

    background: none;

    max-height: 120px;

}

.moreBtn2:focus {

    color: #fff;

}





/*special-20*/

.special-20 .top .blockTitle span {

    border-bottom: none;

    padding-bottom: 15px;



}

/*aboutUs35*/

.sectionBlock_aboutUs35 .box-constainer .title-box .title {

    padding-bottom: 15px;

}

@media (max-width: 767px) {

    .footerStyle25 .ftInfo li {

        width: 100%;

    }

    .footerStyle25 .ftInfo a {

        justify-content: flex-start;

    }

    .footerStyle25 .ftInfo li:first-child {

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    }

    .footerStyle25 .logoTxt {

        display: none;

    }

    .twoBox_2-49-2 .area1 {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        -ms-flex-direction: row;

        flex-direction: row;

    }

    .product-topSideMenu-Style05 ul {

        display: block;

    }

}

.historyType13-box ol {

    display: flex;

    flex-direction: column-reverse
}

.sectionBlock_aboutUs27 .global-text-block .cont p {

    text-align: left;

    color: #666666;

}



.oneBox-33 .txt {

    min-width: 280px;

}

.oneBox-33 .txt span {

    padding-right: 20px;

}

@media (min-width: 768px) {

    .oneBox-33 .txt {

        max-width: 900px;

    }

}

@media (max-width: 768px) {

    .oneBox-33 .txt span {

        display: block;

    }

    .oneBox-33 .itemRow {

        padding: 45px;

        display: block;

    }

    /* .oneBox-33 .list .item02 .itemRow{

  padding-top: 90px;

  padding-bottom: 80px;



} */

    .oneBox-33 .list .item02 a::before {

        background: none;

    }

    .oneBox-33 .list .item02 a::after {

        content: none;

    }

    .oneBox-33 .list .item a {

        min-height: 140px;

        width: calc(100% - 0px);

        padding-left: 15px;

        border-radius: 100px 0 100px 0;

    }

}

@media (max-width: 992px) {

    .sectionBlock_aboutUs35 .box-constainer .slick-slider .slick-prev {

        left: calc(10% - 10px);

    }

    .sectionBlock_aboutUs35 .box-constainer .slick-slider .slick-next {

        right: calc(10% - 10px);

        left: auto;

    }

}

ul.lanMenu {

    background-color: #fff;

}

ul.lanMenu li a {
    color: #000000 !important;
}

ul.lanMenu li a:hover {
    color: var(--cis1);
}

header .navBar .navMenu.hoverEffect_01>li>a>span:after {

    background-color: var(--cis2)
}
header .navBar .navMenu>li.moreMenu>ul li:last-child{
  border-bottom: 3px solid var(--cis1)
}
  
.pageTitleStyle-2 span {

    font-size: 3rem;

}

@media (max-width:767px) {

    .pageTitleStyle-2 span {

        font-size: 2rem;

    }

}

.index .blockTitle small {

    font-size: 4.5rem;

    position: absolute;

    z-index: -1;

    opacity: 0.1;

    top: -10px;



}

.specialEffects-3 {

    z-index: -2;

}
/*contact*/
.contact .pageTitleStyle-1{
    margin-left: 0;
}
.contactBlock {
    text-align: left;
}

.contactBlock.item {
    margin-bottom: 15px;
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 15px;
}

.contactBlock .contactBlock.item .blockTitle {
    font-weight: bolder;
    font-size: 24px;
    color: #c0000f;
    margin-bottom: 5px;
    border-left: 5px solid #ca0010;
    padding-left: 8px;
}

.contactBlock .contactBlock.item .sub.blockTitle {
    font-size: 20px;
    font-weight: normal;
    border-left: none;
    padding-left: 0;
}

.contactBlock.item ul.item li {
    margin-bottom: 9px;
}

.contactBlock.item ul.item li i {
    margin-right: 7px;
    color: #919191;
}

.detailbottomtitle{
  font-size: 15px;
  font-weight: 600;
  color: #757575;
  /* line-height: 25px; */
}
.detailbottomdetail{
  color: #757575;
  font-size: 13px;
  /* line-height: 25px;
  margin: 12px 0; */
}
.detailbottomend{
  color: #757575;
  font-size: 13px;
  /* line-height: 25px;
  margin: 12px 0; */
}

.nolink {
    text-decoration: none !important;
    color: #757575 !important;
}