@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap');
.noto-sans-tc-<uniquifier> {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.container .material-symbols-outlined {
font-variation-settings:
'FILL' 0,/*是否填滿 0 or 1*/
'wght' 100,/*粗細 100 ~ 700*/
'GRAD' 0,/*視覺平衡粗細 -25 0 200*/
'opsz' 20/*大小*/
}
.container .material-symbols-rounded {
font-variation-settings:
'FILL' 1,/*是否填滿 0 or 1*/
'wght' 100,/*粗細 100 ~ 700*/
'GRAD' 0,/*視覺平衡粗細 -25 0 200*/
'opsz' 20/*大小*/
}
.container .material-symbols-sharp {
font-variation-settings:
'FILL' 0,/*是否填滿 0 or 1*/
'wght' 700,/*粗細 100 ~ 700*/
'GRAD' 0,/*視覺平衡粗細 -25 0 200*/
'opsz' 20/*大小*/
}




body{font-size: 18px;line-height: 1.7em;margin: 0px;font-family: "Noto Sans TC", sans-serif;background: url("../images/bg-body.jpg") no-repeat right bottom fixed;overflow-x: hidden}
a,a:link,a:visited{color:#ed852f;text-decoration: none}
a:hover,a:active{color:#d73d3b}
.btn-primary {color: #fff;background-color: #ed852f;border-color: #ed852f;}
.btn-primary:hover,.btn-primary:active{color: #fff;background-color: #d73d3b;border-color: #d73d3b;}
@media (max-width: 1599px) {}
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991.98px) {
body{font-size: 17px;line-height: 1.6em;}}
@media (max-width: 767.98px) {
body{font-size: 16px;line-height: 1.5em;width:100%;}}

/**/
.navbar{padding: 30px 0px;background: rgba(255, 255, 255, .95)!important;transition: All .5s ease;backdrop-filter: blur(30px); }
.navbar .navbar-brand{padding: 0px;margin-right: 2em;}
.navbar .brand-logo img{width:200px;transition: All .5s ease;}
.navbar .navbar-nav .nav-item {padding: 0px 15px;font-weight: 500;}
.navbar .navbar-nav .nav-item.active a{color:#000}
.navbar .form-control{background: #f9f9f9;border:1px solid #eee;border-radius:5px;}
.navbar.active{padding: 20px 0px;box-shadow: 0px 10px 30px rgba(0,0,0,0.03);}
.navbar.active .brand-logo img{width:140px}
@media (max-width: 1599px) {}
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}

/**/
.site-grid{margin-top: 128px;}

/**/
.mod-breadcrumbs__wrapper {padding:20px 0px 20px;}
.breadcrumb{margin: 0px}
.breadcrumb-item+.breadcrumb-item::before{color:#ddd;}
.breadcrumb-item.active {color: #000;}

/*footer*/
.footer{color: #000;padding: 50px 0px 30px;}
.footer a:not(.btn), .footer .btn-link{color:#ed852f;}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus{color:#d73d3b}
#mod-custom115{margin-bottom:20px;border-bottom: 1px solid #ddd}
#mod-custom113{font-size: .9em;margin-bottom: 50px;}
@media (max-width: 1599px) {}
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991.98px) {
.footer{font-size: 15px;line-height: 1.5em;padding: 50px 0px 50px;}
.footer .text-end{text-align: start !important}}
@media (max-width: 767.98px) {
.footer{font-size: 14px;}	}


/**/
.convertforms .cf-btn{background:#ed852f}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap{padding: 0px 0px 20px !important}
.view-form main h1{font-weight: bold;margin-bottom:20px;}

/**/
.mod-banners img{max-width: 100%;border-radius: 40px}

/**/
.mobile-nav {z-index: 999;position: fixed;bottom: 15px;text-align: left;left: 15px;right: 15px;}
.mobile-nav a {display: inline-block;height:50px;width:50px;line-height:50px;text-align: center;background:#ed852f;border-radius:25px;color: #fff;font-size: 26px;}
.mobile-nav a img {width: 100%}
.mobile-nav a:hover{background:#d73d3b }

/**/
.blog {margin-bottom:100px;}
.blog h1{font-weight: bold;margin-bottom:20px;}
.blog .category-desc{line-height: 1.6em;column-count: 2;width: 60%;text-align: justify;text-justify: inter-character;column-gap: 40px;}
@media (max-width: 991.98px) {
.blog .category-desc{column-count:1;width: 80%;}}
@media (max-width: 767.98px) {
.blog .category-desc{width:100%;}}

/**/
.blog-item{margin-bottom: 20px;}
.blog-card{box-shadow:0px 10px 10px rgba(0,0,0,0.05);border-radius:15px;border-top-right-radius:80px;overflow:hidden;display:flex;flex-direction:column;background:url("../images/bg-card.jpg") no-repeat right bottom #ed852f;transition: .2s;height: 100%;margin-bottom: 20px;}
.blog-card figure{margin-bottom: 0px;width: 100%;object-fit: cover;aspect-ratio: 3 / 2;position: relative}
.blog-card figure span{position: absolute;top:15px;left:15px;font-weight: bold;font-size:24px;color: #fff;opacity: 0;transition: .5s;}
.blog-card p{color:#fff;font-size: .9em;line-height: 1.5em }
.blog-card .item-image img{width: 100%;    height: auto;object-fit: cover;aspect-ratio: 3 / 2;}
.blog-card .item-content{padding:0px 25px 15px;flex: 1;}
.blog-card .item-content .page-header h2{font-weight: 700;margin-bottom:20px;margin-top:20px;}
.blog-card .item-content .page-header h2 a:link,.blog-card .item-content .page-header h2 a:visited{color:#fff;}
.blog-card .item-content .page-header h2 a:hover,.blog-card .item-content .page-header h2 a:active{color:#fff;}
.blog-card:hover{transform: translate(0,-10px);box-shadow:0px 20px 15px rgba(0,0,0,0.08);}
.blog-card:hover figure span{opacity: 1}

/**/
.layout-blog.view-article .site-grid .container{max-width:840px}
.layout-blog.view-article .site-grid .item-image{background: #eee;margin:30px auto;margin-left: -150px;margin-right: -150px;border-radius: 30px;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);border-top-right-radius:80px;overflow: hidden}
.layout-blog.view-article .site-grid .item-image img{width:100% !important;height: auto !important;aspect-ratio: 5 / 2;object-fit: cover;}

/**/
.page-header h1{font-weight: bold;margin-bottom:20px;}

/**/
.com-content-article__body{margin-bottom: 100px;}
.com-content-article__body h1{font-weight: bold;font-size: 2em;margin: 1.5em 0 1em;}
.com-content-article__body h2{font-weight: bold;font-size: 1.8em;margin: 1.5em 0 1em;color: #000}
.com-content-article__body h3{font-weight: bold;font-size: 1.6em;margin: 1.5em 0 1em;color: #ed852f;background: -webkit-linear-gradient(0deg, #ed852f, #d73d3b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: flex;align-items: center}
.com-content-article__body h3:after{content: '';display: block;border-top:3px dotted rgba(0,0,0,0.1);flex: 1;height:0px;margin:0px 0px 0px 20px}
.com-content-article__body h4{font-weight: bold;font-size: 1.5em;margin: 1.5em 0 1em;}
.com-content-article__body h5{font-weight: bold;font-size: 1.4em;margin: 1.5em 0 1em;}
.com-content-article__body h6{font-weight: bold;font-size: 1.3em;margin: 1.5em 0 1em;}
.com-content-article__body p{font-size: 1em;text-indent:2em;color:#555;margin-bottom: 1.5em;}
.com-content-article__body ul{list-style-image: url("../images/icon-list.png")}
.com-content-article__body ul ul{list-style-image: url("../images/icon-list2.png")}
.com-content-article__body li{color:#555;margin-bottom:8px;}
.com-content-article__body strong{color:#333;}
@media (max-width: 1599px) {}
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
.com-content-article__body h1{font-size: 1.8em;}
.com-content-article__body h2{font-size: 1.6em;}
.com-content-article__body h3{font-size: 1.2em;}
.com-content-article__body h4{font-size: 1.1em;}}

/**/
.itemid-114 .site-grid{background: #f4f3e5;padding-bottom:100px;min-height: 80vh}

/**/
.productbox{background:url("../images/bg-productbox.jpg") no-repeat right bottom #f4f3e5;padding:50px ;margin: 50px 50px;border-radius: 30px;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.01);}
.productbox h5{color:#bdb750;margin-bottom:40px;}
.productbox h3{color:#9f9828;font-weight: bold;}
.productbox p{color:#666;}
.productbox .btn-primary{background: -webkit-linear-gradient(30deg, #564d00, #9f9828);border:none;color: #fff;border-radius: 30px;padding: 10px 20px 10px 10px;font-weight: bold;transition: .3s;}
.productbox .btn-primary img{margin-right: 10px;width:30px;height:30px}
.productbox .btn-primary:hover{transform: translateY(-2px);transition: .3s;}
@media (max-width: 1599px) {}
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991.98px) {
.productbox{padding:50px 30px;margin:20px}}
@media (max-width: 767.98px) {
.productbox{padding:40px 20px;}}

/**/
.container-card {margin: 100px auto}
.container-card h3{text-align: center;font-weight: bold;display: flex;align-items: center}
.container-card h3:before{content: '';display: block;border-top:3px dotted rgba(0,0,0,0.1);flex: 1;height:0px;margin:0px 20px 0px 20%}
.container-card h3:after{content: '';display: block;border-top:3px dotted rgba(0,0,0,0.1);flex: 1;height:0px;margin:0px 20% 0px 20px}

/**/
.mod-finder__search{border: 5px solid #fff;border-radius: 30px;box-shadow: 0px 0px 8px rgba(0,0,0,0.1);}
.mod-finder__search .form-control {background: #fff;border: 1px solid #fff;border-top-left-radius: 30px;border-bottom-left-radius: 30px;outline: none}
.mod-finder__search .form-control:focus{outline: none;box-shadow: none;}
.mod-finder__search .btn-primary{border-radius: 30px !important;padding-left: 20px;padding-right: 20px;}


@media (max-width: 1599px) {}
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991.98px) {
.site-grid{margin-top: 106px;}
.navbar-light .navbar-toggler{border:none;outline: none;box-shadow: none}
.navbar {padding: 20px 0px;}
.navbar .navbar-nav{margin: 20px 0px;padding:15px 0px;border-top: 1px solid #ddd;}
.navbar .navbar-nav .nav-item {padding: 5px 0px;font-weight: 500;}
.mod-banners img{border-radius: 30px}}
@media (max-width: 767.98px) {
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right:20px;padding-left:20px;}
.site-grid{margin-top: 67px;}
.navbar,.navbar.active {padding: 10px 0px;}
.navbar .brand-logo img,.navbar.active .brand-logo img{width:140px}
.mod-banners img{max-width: 100%;border-radius: 20px}}