@charset "UTF-8";
.about_box{text-align: center;}
.bannerType2{background-color: #906344;}
.bannerType2 .bannercontext{padding: 4rem 1rem 2rem 4rem; color: #FFFFFF;font-weight: bolder;}
#resource table{width: auto;}
#resource table tr td{padding-right: 3rem;border-bottom-color: #000000;position: relative;background-color: #FFFCF8;}
#resource table tr td::before{content: "";position: absolute;background-image: url("../images/icon-pdf.jpg");background-repeat: no-repeat;background-size: contain;background-position: center;width: 18px;height: 18px;right: 0;top:10px}
#resource table a{text-decoration: none;color: #000000;}

#patents figure img{max-width: 350px;}
#patents figure figcaption{text-align: center;padding-top: 1rem;color: #202020;}
#patents figure{margin-bottom: 1.5rem;}

#warranty hr{border-top:1px solid #797979;opacity: 1;}
#warrantySec01 .container table{max-width: 575px;width: 100%;}
#warranty table tr td,#warranty table tr th{background-color: #FFFCF8;}
#warrantySec01 .border-right{border-right: 1px solid #797979;}
.warrantyMemo{font-weight: bolder;list-style-type: none;}
.warrantyMemo li{position: relative;}
.warrantyMemo li::before{content: "* ";position: absolute;left: -16px;top: 1px;}
.fileMemo{font-size: 12px;}
#inputFile::file-selector-button {
    /* 設定您想要的背景顏色 */
    background-color: #FFFCF8; 
    
    /* 其他樣式 */
    color: #000000; /* 文字顏色 */
    padding: 5px 20px;
    border: 1px solid #9F9F9F;
    border-radius: 5px;
    cursor: pointer;
    
    /* 移除或覆蓋瀏覽器預設樣式 */
    /* appearance: none; */ 
  }
  
  /* 懸停 (hover) 效果 */
  /* #inputFile::file-selector-button:hover {
    background-color: #0056b3;
    border-color: #0056b3;
  } */

#partnerSec02{position: relative;padding: 7rem 0;}
#partnerSec02::before{content: ""; position: absolute; left: 0;top: 0;width: 100%;height: 100%;background-color: #FAF4F4;z-index: 0;transform: skewY(-6deg);}
#partner #fmForm {max-width: 991px; margin: 3rem auto 0;}
#partner #fmForm >div{margin-bottom: 2rem;}
.form-control{min-height: 46px;}

.faqBox{padding: 1rem 0 1rem 3rem; border-bottom: 1px #000000 solid;}
.faqans p,.faqans ul{padding-top: 1rem;}
.faqans ul{list-style-type: none;padding-left: 0;}
.faqans ul li{position: relative;}
.faqans ul li:not(:first-child){margin-left: 1.75rem; list-style-type:disc;}
.faqtitle > div{cursor: pointer;position: relative;}
.faqtitle > div::before{content: "";position: absolute;left: -2rem;top: 0;width: 21px;height: 21px;background-repeat: no-repeat;background-size: contain;background-position: center;transition: transform .3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2215%22%20viewBox%3D%220%200%2023%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L11.5%2014.5%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M22.5%201L12%2014.5%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.faqtitle > div[aria-expanded="true"]::before{transform: rotate(180deg);}
@media (min-width: 992px) {
    #partnerSec03 .container{
        max-width: 960px;
    }
}
#secFaq02 .Faqcontactbox{width: 570px;margin: 0 auto;padding: 10rem 1.5rem;max-width: 100%;}


.contactBox address{margin-bottom: 0;}
.contactBox{padding-bottom: 3.5rem; padding-left: 2.5rem;background-repeat: no-repeat;background-position: left top; background-size: 15px 15px;margin-left: 2.5rem;}
.contactBox h6{font-weight: bolder;}

#contactSec03 #fmcontactForm > div,#warrantySec01 #fmWarrantyForm > div,#fmPartnerForm > div{margin-bottom: 1.5rem;}
/* 外層容器 */
.custom-select {
    position: relative;
    width: 100%;
    font-family: Arial, sans-serif;
    user-select: none;
    }

    /* 選擇框 */
    .select-selected {
    padding: 10px;
    border: 1px solid #9F9F9F;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    }
    .select-selected::before{content: "";width: 15px;height: 15px;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background-size: contain;background-repeat: no-repeat;background-position: center;transition: all .3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2212%22%20viewBox%3D%220%200%2013%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.5%2012L0.00481036%200.749999L12.9952%200.75L6.5%2012Z%22%20fill%3D%22%23231815%22%2F%3E%0A%3C%2Fsvg%3E");}
    .select-selected.show::before{transform: translateY(-50%) rotate(180deg);}
    /* 下拉選單清單 */
    .select-items {
    position: absolute;
    background-color: #FFFCF8;
    border: 1px solid #aaa;
    border-top: none;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    z-index: 99;
    display: none; /* 預設不顯示 */
    border-radius: 0 0 4px 4px;
    }

    /* 每個選項 */
    .select-items div {
    padding: 10px;
    cursor: pointer;
    }

    /* 選項 hover 背景色 */
    .select-items div:hover {
    background-color: #906344;
    color: #FFFFFF;
    }

    /* 顯示時 */
    .select-items.show {
    display: block;
    }

    .form-control:focus {
        color: #212529;
        background-color: #F2F2F2;
        border-color: #404040;
        outline: 0;
        box-shadow: none;
    }
    .code {
        background: url("../images/bg_verify.jpg");
        font-family: Arial;
        font-style: italic;
        color: #584f34;
        font-size: 20px;
        border: 0;
        padding: 2px 3px;
        letter-spacing: 3px;
        font-weight: bolder;
        float: left;
        width: 150px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        vertical-align: middle;
        margin-left: 5px;}
    .refresh {
        background-image: url("../images/refresh.svg");
        background-repeat: no-repeat;
        width: 53px;
        height: 34px;
        float: left;
        margin-left: 10px;
        background-size: 56%;
        background-position: center;
        cursor: pointer;}
    #verify{padding-left: 8px;}
    #verify > div.vsec-01{min-width: 140px; max-width: 210px;margin-right: 20px;}
    #verify > div.vsec-02{min-width: 218px;}
    #verify > label{line-height: 40px;margin-bottom: 0;}
    @media (min-width:576px) {
        .faqtitle > div {font-weight: bolder; }
    }
    @media (max-width:991px) {
        #warrantySec01 .border-right {border-right: none;}
    }
    @media (max-width:767px) {
        .about_box p{text-align: left;}
        #secFaq02 .Faqcontactbox {
            width: 100%;
            margin: 0 auto;
            padding: 5rem 1.5rem;
        }
        #secFaq02 .img-bg-cover img {
            position: relative;
            min-width: auto;
            min-height: auto;
            left: auto;
            top: auto;
            transform: none;
            width: 100%;
        }
    }
    @media (max-width:576px) {
        #verify > div{width: 100%;}
        #verify .vsec-02{padding-top: 25px;}
        #partnerSec02 {padding: 4rem 0; }
        .bannerType2 .bannercontext {padding-left: 2rem;}
    }