/* input, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} */

body {
    font-family: 
        'WenQuanYi Zen Hei', '文泉驛正黑',
        /* 'Apple LiGothic Medium', '蘋果儷中黑', */
                'Microsoft JhengHei', '微軟正黑體',
                sans-serif;
}

/* h2, h4, h5 { 
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 300;
}
h2 {font-weight: 400;} */

/* 以上200412新增---- */

/* .tips {
    position: relative;
}
.tips:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 0.7em;
    top: 0.6em;
    background: #FFE082;
    width: 100%;
}

.border-dashed {
    border: dashed lightgrey 1px;
} */

/* 以上200426新增---- */
/* 原想從requestIntro拉至global，暫緩執行 */


header {
    padding: 1.5rem;
    font-family: 'Noto Sans TC', sans-serif;
}
header p {
    font-size: 1.125rem;
    /* font-weight: 500; */
}

h1 {
    margin: 0.5rem auto 1rem;
}

h2 {
    font-size: 1.75rem;
    /* font-weight: 700; */
    color: #383838;
    margin-bottom: 2rem;
}

header p {
    font-size: 1.125rem;
    font-weight: 300;
}


/* class----------------------------------------------------------------------------------------- */
.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-100 {
    opacity: 1;
}



/* special----------------------------------------------------------------------------------------- */
.sticky {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    z-index: 1020;
}

#mainNavbar {
    /* background-color: rgba(0, 0, 0, 0.8); */
    text-align: center;
}

#mainNavbar .nav-link:hover {
    color: white;
}

#serviceFlow {
    background-color:#F2F2F2;
    padding: 3rem 0;
}

.icon-footer {
    width: 40%;
    max-width: 54px;
    margin-right: 5%;
}

.p-section-lg {
    padding: 6rem 0;
}

@media (max-width: 991px){
    .p-section-xl {
        padding: 6rem 0;
}
}

@media (min-width: 992px){
    .p-section-xl {
        padding: 10rem 0;
    }
}

/* .p-section-xl { padding: 10rem 0; } */


.w-btn-rwd {
    width: 100%;
    max-width: 250px;
}

.box-shadow {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

.text-white-shadow {
    color: white;
    /* text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
    0px 8px 13px rgba(0,0,0,0.3),
    0px 18px 23px rgba(0,0,0,0.3); */
    text-shadow: 0px 3px 10px rgba(0,0,0,0.8);
}

/* color-primary1-------------------------------------------------------------------------------- */
.text-primary1 {
    color: #709b13;
}

/*#c8cfb7*/

.btn-primary1 {
    color: #fff;
    background-color: #709b13;
    border-color: #709b13;
}

.btn-primary1:hover,
.btn-primary1:focus,
.btn-primary1:active:hover {
    color: #fff;
    background-color: #4F7500;
    border-color: #4F7500;
}

.btn-primary1:disabled,
.btn-primary1.disabled {
    color: #fff;
    background-color: #709b13;
}

.btn-outline-primary1 {
    color:#709b13;
    border-color: #709b13;
}

.btn-outline-primary1:hover,
.btn-outline-primary1:focus,
.btn-outline-primary1:active:hover {
    color: #fff;
    background-color: #709b13;
}

.btn-outline-primary1:disabled,
.btn-outline-primary1.disabled {
    color: #4F7500;
    background-color: transparent;
}

.linkStyle1 {
    color: #709b13;
}

.linkStyle1:hover,
.linkStyle1:focus,
.linkStyle1:active:hover {
    color: #4F7500;
}

.btn-primary1:focus,
.btn-outline-primary1:focus,
.btn.linkStyle1:focus {
    box-shadow: 0 0 0 0.2rem rgba(112, 155, 19, 25%);
}


/* color-primary2-------------------------------------------------------------------------------- */
.text-primary2 {
    color: #FF7800;
}

.btn-primary2 {
    color: #fff;
    background-color: #FF7800;
    border-color: #FF7800;
}

.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2:active:hover {
    color: #fff;
    background-color: #f07203;
    border-color: #f07203;
}

.btn-primary2:disabled,
.btn-primary2.disabled {
    color: #fff;
    background-color: #FF7800;
}

.btn-outline-primary2 {
    color:#FF7800;
    border-color: #FF7800;
}

.btn-outline-primary2:hover,
.btn-outline-primary2:focus,
.btn-outline-primary2:active:hover {
    color: #fff;
    background-color: #FF7800;
    border-color: #FF7800;
}

.btn-outline-primary2:disabled,
.btn-outline-primary2.disabled {
    color: #FF7800;
    background-color: transparent;
}

.btn-primary2:focus,
.btn-outline-primary2:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 120, 0, 25%);
}

/* color-bg-------------------------------------------------------------------------------------- */

.bg-sectionA {
    background-color: #FFF6EE;
}

.bg-sectionB {
    background-color: #80B8C8;
}


/* color-3 colors-------------------------------------------------------------------------------- */

.color0,
.link-color0,
.link-color0:hover,
.link-color0:focus,
.link-color0:active:hover {
    color: #F96C6C;
}

.border-color0 {
    border: 1px solid #F96C6C;
}

.btn-color0 {
    color: #fff;
    background-color: #F96C6C;
    border-color: #F96C6C;
}

.btn-color0:hover,
.btn-color0:focus,
.btn-color0:active:hover {
    color: #fff;
    background-color: #ec4b4b;
    border-color: #ec4b4b;
}

.color1,
.link-color1,
.link-color1:hover,
.link-color1:focus,
.link-color1:active:hover {
    color: #ff9900;
}

.border-color1 {
    border: 1px solid #ff9900;
}

.btn-color1 { 
    color: #fff;
    background-color: #ff9900;
    border-color: #ff9900;
    ;
}

.btn-color1:hover,
.btn-color1:focus,
.btn-color1:active:hover {
    color: #fff;
    background-color: #f58300;
    border-color: #f58300;
}

.color2,
.link-color2,
.link-color2:hover,
.link-color2:focus,
.link-color2:active:hover {
    color: #05AF8F;
}

.border-color2 {
    border: 1px solid #05AF8F;
}

.btn-color2 {
    color: #fff;
    background-color: #05AF8F;
    border-color: #05AF8F;
    ;
}

.btn-color2:hover,
.btn-color2:focus,
.btn-color2:active:hover {
    color: #fff;
    background-color: #03967b;
    border-color: #03967b;
}

/*  */
.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn-check:active+.btn-outline-primary1,
.btn-check:checked+.btn-outline-primary1,
.btn-outline-primary1.dropdown-toggle.show,
.btn-outline-primary1:not(:disabled):not(.disabled).active,
.btn-outline-primary1:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #709b13;
    border-color: #709b13;
}

.btn-check:active+.btn-outline-primary2,
.btn-check:checked+.btn-outline-primary2,
.btn-outline-primary2.dropdown-toggle.show,
.btn-outline-primary2:not(:disabled):not(.disabled).active,
.btn-outline-primary2:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #FF7800;
    border-color: #FF7800;
}

/* 211122 new */
.__btn_material {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.__btn_material .material-icons-outlined,
.__btn_material .material-icons {
    font-size: 1.25em;
    margin-right: .25rem;
}

/* 下拉篩選器寬度設定 */
.dropdown.__filter_dropdown .dropdown-menu {
    min-width: 225px;
}

.__text_md {
    font-size: .875rem;
}