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

/* common */
:root {
    --cis1: #0072CE;
    --cis2: #E4002B;
    --cis3: #71ddff;
    --bg-gray: #eee;
}

body {
    font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
}

.pageLoading {
    background: url(/images_v4/pageLoadingBg.jpg) no-repeat center / cover #fff;
}
.pageLoading .logo {
    width: 5vw;
    min-width: 220px;
}
@media (max-width: 991px) {
    .pageLoading .logo {
        min-width: 180px;
    }
}
/* header */
.logo .intro {
    display: block;
}

.logo .normal {
    display: none;
}

header.scroll .logo .intro {
    display: none;
}

header.scroll .logo .normal {
    display: block;
}
.headerStyle03_4 {
    background: linear-gradient(180deg, rgb(0 0 0 / 45%) 50%, transparent);
}

.headerStyle03_4.scroll {
    background: #fff;
}
.headerStyle03 .navBar .navBarContent>div:last-child {
    -ms-flex: none;
    flex: none;
}
header .navBar .navMenu>li.moreMenu>ul li:last-child,header .navBar .navMenu>li.multiMenu .inner {
    border-bottom: 3px solid var(--cis1);
}
header .navBar .navMenu>li.multiMenu .inner.wide {
    /* box-shadow: 3px 3px 20px #ccc; */
    border-top: solid 1px #ccc;
}
.headerStyle03_4 .navBar .navMenu li:hover>a{
    color: var(--cis1);
}


.cowboy_mbPanel_9-1 .cmpContent .cmpMenu .cmpNav>li .submenu li a.active {
    color: var(--cis3);
}
.cowboy_mbPanel_9-1 .cmpTop .logo .open{
    display: none;
}
.cowboy_mbPanel_9-1 .cmpTop .logo .normal{
    display: block;
}
.cowboy_mbPanel_9-1 .cmpTop.open .logo .open{
    display: block;
}
.cowboy_mbPanel_9-1 .cmpTop.open .logo .normal{
    display: none;
}
.cowboy_mbPanel_9-1 .cmpBottom {
    background: #888;
}

/* footer */
.footerStyle20 {
    background-color: var(--cis1);
    padding: 10px 0;
}
@media (min-width: 769px) {
    .footerStyle20 .left>div+div {
        border-left: 1px solid #bdbdbd;
    }
}

.footerStyle20,.footerStyle20 a {
    color: #dfdfdf;
}
.footerStyle20 .footerBottom {
    border-top: 1px solid #bdbdbd;
}
footer .copyRight {
    color: #dddddd;
    font-size: 14px;
}
.footerStyle20 .btnArea a {
    background-color: #ffffff;
    color: var(--cis1);
}
.footerStyle20 .btnArea a:hover {
    background-color: #888;
}

footer a:hover,footer .container .ftMenu_list li a:hover,footer .container .ft_social ul li a:hover,footer .container .ft_info ul li a:hover,footer .container .copyRight_content a:hover,
footer .ft_info ul li a:hover span,.footerStyle20 .left .title{
    color: #fff!important;
}
.footerStyle20 .left .title{
    font-size: 24px;
    font-weight: 600;
}
footer .ftMenu_list li a {
    white-space: nowrap;
}
.footerStyle20 li,footer .ftMenu_list li{
    margin-bottom: 12px;
}
@media (min-width: 769px) {
    .footerStyle20 .left>div+div {
        padding-left: 30px;
        margin-left: 0px;
    }
}
@media (min-width: 1200px) {
    .footerStyle20 .left>div {
        max-width: 350px;
        width: 92%;
    }
}
@media (max-width: 1199px) {
    .footerStyle20 {
        text-align: left;
    }
    .footerStyle20 .ftLogo{
        text-align: center;
    }
}
@media (max-width: 768px) {
    .footerStyle20 .left>div+div {
        border-top: 1px solid #bdbdbd;
    }
}

/* index */
.index .blockTitle span {
    font-size: 70px;
    /* text-transform: uppercase; */
    font-weight: 700;
    line-height: 1.3;
}
.index .blockTitle small{
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.index .blockTitle small::before{
    content: "";
    width: 7px;
    height: 7px;
    background: var(--cis1);
    position: absolute;
    left: -25px;
    top: 52%;
    transform: translateY(-50%);
}
.index .blockTitle small::after{
    content: "";
    width: 7px;
    height: 7px;
    background: var(--cis1);
    position: absolute;
    right: -25px;
    top: 52%;
    transform: translateY(-50%);
}
@media (min-width: 769px) and (max-width: 1440px) {
    .index .blockTitle span {
        font-size: 56px;
    }
}
@media (max-width: 768px) {
    .index .blockTitle span {
        font-size: 40px;
    }
}
.index .blockTitle.tit_l small{
    margin-left: 25px;
}
.index .fstBlock{
    margin-top: 80px;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .index .fstBlock{
        margin-top: 50px;
    }
    .index .fstBlock .blockTitle{
        margin-bottom: 0px;
    }
}
@media (min-width: 601px) {
    .fourBox-2-2 .imgBox {
        height: 700px;
    }
}
.fourBox-2-2{
    margin-top: 30px;
    margin-bottom: 0;
}

.fourBox-2-2 .moreBtn4 {
    margin-top: 15px;
}
.sectionBlock_94 {
    margin: 0;
    background: var(--bg-gray);
}
.sectionBlock_94 .main_title .title {
    width: 60%;
}
.sectionBlock_94 .background {
    background-color: var(--cis1);
}
.sectionBlock_94 .main_title {
    width: 100%;
}
.sectionBlock_94 .main_title .title span {
    color: var(--cis1);
}
.sectionBlock_94 .swiper-slide .box .title {
    display: flex;
    gap: 7px;
}
.sectionBlock_94 .tagbox{
    background: var(--cis2);
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .sectionBlock_94 {
        padding-top: 50px;
    }
    .sectionBlock_94 .main_title {
        margin-bottom: 0px;
    }
    .sectionBlock_94 .num_box {
        margin-top: 10px;
    }
}
.twoBox_3-12{
    position: relative;
}
.twoBox_3-12::after{
    content: "";
    background: url(/images_v4/index/taiwan_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 10%;
    width: 50%;
    height: 100vh;
    opacity: 0.7;
    z-index: -1;
}

.twoBox_3-12 .row {
    margin-top: max(30px, 3.5vw);
}

.twoBox_3-12 a.subBlockTitle{
    margin-bottom: 30px;
    color: #666;
    border-bottom: solid 1px var(--cis1);
}

.twoBox_3-12 a.subBlockTitle:hover{
    color: var(--cis1);
}
.twoBox_3-12 .btnBox {
    margin-top: max(20px, 2.5vw);
}
.twoBox_2-42{
    margin-bottom: 80px;
}
.twoBox_2-42 .carousel-box .item .text-box {
    background: var(--bg-gray);
}
@media (min-width: 993px) {
    .twoBox_2-42 .carousel-box .item .text-box .title {
        margin-top: 50px;
    }
}
.twoBox_2-42 .carousel-box .item .text-box .title a{
    color: var(--cis1);
}
.twoBox_2-42 .carousel-box .item .text {
    color: #333;
}
.carouselBox-1 .pageTitleStyle-2 small {
    color: var(--cis1);
}
@media (max-width: 1500px) {
    .sectionBlock_94 .swiper-slide .box .memo {
        width: 100%;
    }
}
/* about */
.sectionBlock_118 {
    margin-bottom: 0;
    padding-bottom: 80px;
}
.sectionBlock_118 .title-box .content p{
    color: #666;
    line-height: 1.8;
}
.sectionBlock_118 .items-box .imgs-list .item-list-img:after {
    transform: scale(0.9);
    opacity: 1;
}
.sectionBlock_118 .items-box .imgs-list .item-list-card .title{
    margin-top: 15px;
}
.sectionBlock_118 .items-box .imgs-list .item-list-card .txt{
    cursor: default;
    color: #666;
    margin-top: 7px;
    line-height: 1.6;
}
@media (max-width: 768px) {
    .sectionBlock_118 .title-box {
        padding-right: 0;
    }
}

.about_1 .XXXContent {
    background: url(/images_v4/about/about_1_bg.jpg) no-repeat center / cover rgba(255, 255, 255, 0.5);
    background-blend-mode: color;
}

.twoBox_3-4 {
    background-color: #f7f7f7;
    margin-bottom: 0;
}
.twoBox_3-4 .left .blockTitle {
    background: url(../images_v4/home/twoBox_3-4/logoIconW.png) no-repeat center top / auto 50px;
}
.twoBox_3-4 .right .txtBox p {
    margin-top: 5px;
    color: #666;
}
.twoBox_3-4 .left .blockTitle small {
    font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
}
.overlapBox article p {
    -webkit-line-clamp: inherit;
    text-align: left;
}
.overlap1 .textBox {
    padding: 8% 2%;
}
.aboutUs22_top {
    margin: 0;
}
.sectionBlock_101 .content .content-list .item img {
    max-width: 100px;
}
.sectionBlock_101 .content .subBlockTitle-big {
    margin-top: 1.5em;
}
.sectionBlock_101 .content p {
    color: #666;
    margin-top: 1em;
    margin-bottom: 1.5em;
}
span.mark{
    background: var(--cis1);
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.sectionBlock_101 {
    background-color: #fff;
    margin-bottom: 80px;
    padding-bottom: 50px;
}
.sectionBlock_101 .listInner .listInner_photo {
    background: url(../images_v4/about/about_3_1.png) center center no-repeat;
    background-size: cover;
}
.sectionBlock_101 .content {
    background: url(../images_v4/about/about_3_2.jpg) rgba(255, 255, 255, 0.6) no-repeat center / cover;
    background-blend-mode: color;
}
.sectionBlock_101 .content .content-list .item+.item {
    border-left: 1px solid #dddddd;
}
.sectionBlock_101 .content .content-list {
    -webkit-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
}

.threeBox-9 {
    background: url(/images_v4/pageLoadingBg.jpg) no-repeat center / cover rgba(255, 255, 255, 0.4);
    background-blend-mode: color;
    padding: 50px 0;
    margin: 0;
}

@media (max-width: 767px) {
    .sectionBlock_101 .content .content-list {
        flex-wrap: wrap;
    }
    .sectionBlock_101 .content .content-list .item {
        flex: 100%;
    }
    .sectionBlock_101 {
        margin-bottom: 0px;
        padding-bottom: 5px;
    }
}
@media (max-width: 576px) {
    .overlap1.sectionBlock_67 .overlapBox .textBox {
        height: auto;
    }
    .sectionBlock.overlap1.sectionBlock_67 {
        overflow: visible;
    }
    .overlap1.sectionBlock_67 .blockTitle2{
        margin-top: 15px;
    }
}

/* contact */
.contMapStyle02 .list_faicon{
    margin-top: 20px;
}
.contMapStyle02 .list_faicon li {
    margin-bottom: 8px;
}

/* 首頁按鈕 */
.btnIndex {
    font-weight: bold;
    margin-top: max(20px, 3.5vw);
    margin-left: auto;
    margin-right: 0;
    text-align: left;
    max-width: 300px;
    border-radius: 3px;
    padding: 16px 30px;
}

.btnIndex.btn_l {
    margin-left: 0;
}
.moreBtn12:after {
    display: none;
}
.btnIndex:before {
    background: var(--cis1);
}
.btnIndex .arrow:after, .btnIndex .arrow:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.btnIndex .arrow:before {
    top: 50%;
    right: 30px;
    width: 5em;
}
.btnIndex .arrow:after {
    top: 45%;
    right: 28px;
    width: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.locationContent_4 .inner .rightBox a {
    padding: 8px 10px;
}

/* 下拉單 */
.container_full {
    padding-left: 0;
}
.headerStyle03_4 .navBar .navMenu>li.multiMenu .inner {
    width: 100%;
}
header .navBar .navMenu>li.multiMenu .inner {
    left: 0;
}
header .navBar .navMenu>li.multiMenu:hover .inner {
    justify-content: center;
}

/* contact */
.cont_form input, .cont_form select {
    height: 44px;
}
.checkBox_group label, .radioBox_group label {
    color: #999;
}
.form-check-group{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    gap: 5px 0;
}
.form-check-group .checkBox_group{
    width: 45%;
}
.checkBox_group input:checked~label, .radioBox_group input:checked~label {
    color: var(--cis1);
}
.checkBox_group input:checked~label .signIcon:after, .radioBox_group input:checked~label .signIcon:after {
    color: var(--cis2);
}
.checkBox_group input:checked~label .signIcon:before, .radioBox_group input:checked~label .signIcon:before {
    border-color: var(--cis2);
}
.form_group .photo{
    width: calc(100% - 210px);
    display: block;
}
.form_group .d-f{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1200px) {
    .form-check-group .checkBox_group{
        width: 100%;
    }
    .form-check-group{
        margin-bottom: 15px;
    }
    .contact .companyBox:first-child{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
@media (min-width: 1200px) {
    .contact .colVCenter,.repair .colVCenter{
        align-items: flex-start;
    }
    .contact .L_hide,.repair .L_hide{
        margin-top: 100px;
    }
}


/* .file_upload 檔案上傳設定 */
.file_upload {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.file_upload .left * {
	display: inline-block;
}
/* .file_upload .left {
	padding-left: 1em;
} */
.file_upload label:not(:last-of-type) {
	margin-right: 1em;
}

.file_upload_btn {
	display: inline-block;
	cursor: pointer;
	width: auto;
	height: 40px;
	line-height: 40px;
	border: solid 1px var(--cis1);
	background-color: var(--cis1);
	border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;
	padding: 0 25px;
    color: #fff;
    font-size: 16px;
}
.contact-box-b2b_3 .file_upload_btn.show_file {
	width: auto;
	height: auto;
	padding: 0 15px;
    flex: initial;
}
.file_upload_btn img {
	padding-right: 10px;
}

.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;
}
.nolink a{
    text-decoration:none !important;
}
  
.sectionBlock_94 .main_title .title {
    font-weight: normal;
}
.h2, h2 {
    font-size: inherit;
}