@charset "utf-8";/* CSS Document */:root{--main: #B33939; /* 原棗紅 #B33939，測黃色可改 #FEB756 */ --color-primary: var(--main); --tone-dark: #20242A; --tone-dark-soft: #2B3138; --tone-dark-warm: #3A2E31; --tone-heading: #17202A;}textarea{min-height: 110px; resize: none;}/*FEB756*/span.badge{display:inline-block; padding:5px 10px 3px; border-radius: 999px; background:#FEB756; color:#333;}/* 分頁項目 */ul.pagebar{padding: 0; margin-top: 30px; margin-bottom: 60px; text-align:center;}/* margin: auto; */ul.pagebar li{display: inline-block; text-align: center; margin: 0 6px 6px 0;}ul.pagebar li a,ul.pagebar li span{padding: 3px 20px; display: block; border-radius: 3px;}ul.pagebar li a{border: 1px #ADB5C8 solid; background: #ADB5C8; color: #FFF; text-decoration: none;}ul.pagebar li a:hover{border: 1px var(--color-primary) solid; background: #FFF; color: var(--color-primary);}ul.pagebar li.active span{border: 1px var(--color-primary) solid; background: var(--color-primary); color: #FFF;}/* text color */.error{color:#FD7285;}.txtGreen{color:#539A14;}.txtBlue{color:#577CFE;}.txtGray{color:#BEB4AF;}.txtYellow{color: var(--color-yellow); font-family: var(--font-primary);}.txtOrange{color:#f86d11;}.saasTxt{margin-left:12px;}@media (max-width: 767px){.saasTxt{margin:auto; display:inline-block; line-height:32px;}}.text-bold{font-weight: bold; font-size:1.2em;}span.salePrice{font-size: 1.2em;}.pricing span.salePrice{font-size: 2.4em;}.txtDark{color:#2D2D2D;}.txtGray{color:#8F8F8F;}.txtB{font-weight:bold;}.get-a-quote .php-email-form .error-message,.get-a-quote .php-email-form .sent-message,.get-a-quote .php-email-form .loading,.contact .php-email-form .error-message,.contact .php-email-form .sent-message,.contact .php-email-form .loading{display: none; padding: 11px 14px; margin-bottom: 14px; text-align: left; font-weight: 700; line-height: 1.55; border-radius: 4px;}.get-a-quote .php-email-form .error-message,.contact .php-email-form .error-message{color: #AF5F5F; background: #FDE8E8; border: 1px solid #FFA4A4;}.get-a-quote .php-email-form .sent-message,.contact .php-email-form .sent-message{color: #5F7F4A; background: #EEFFE2; border: 1px solid #A2DA70;}.get-a-quote .php-email-form .loading,.contact .php-email-form .loading{color: #5574AC; background: #E7F5FE; border: 1px solid #98D2F6;}.get-a-quote .php-email-form .loading:before,.contact .php-email-form .loading:before{border-color: #5574AC; border-top-color: #E7F5FE;}.footer .footer-links a,.footer .footer-info a{color:#FFF; transition: 0.3s;}.footer .footer-links a:hover,.footer .footer-info a:hover{color: var(--color-primary-hover); text-decoration: underline;}/* plan table */.planTable{width: 100%; background: #fff; border-left: #e1e1e1 1px solid; border-top: #e1e1e1 1px solid;}.planTable th,.planTable td{border-right: #e1e1e1 1px solid; border-bottom: #e1e1e1 1px solid; text-align: center; padding: 0; vertical-align: top; text-align: center; padding:12px;}.planTable th{background: var(--color-blue); color: #FFFFFF;}.planTable td:first-child{background: #EFEEFF;}.planTable td img{height: 18px;}.container .pricing{font-size: 1em;}@media (max-width: 767px){.container .pricing{font-size: 0.9em;} .planTable{font-size: 0.9em;}}@media (max-width: 477px){.planTable{font-size: 0.6em;}}/* community button */a.community{width: 3rem; height: 3rem; border-radius: 50%; background: var(--color-primary); opacity: 0; visibility: hidden; position: fixed; right: 0; transition: all 0.4s; z-index: 99999; bottom: 5rem; text-align: center; font-size: 1.3em; padding-top: 8px;}a.community.is-ready{opacity: 0.8; visibility: visible;}a.community iconify-icon{color: #FFF; line-height: 0;}a.community:hover{background: var(--color-primary-hover); opacity: 1;}/* home plan */.bg-primary{background-color: var(--color-green) !important;}.border-primary{border-color: var(--color-green) !important;}.text-primary{color: var(--color-green) !important;} /*7EBC12 var(--color-green)*/.bg-secondary{background-color: #C90000 !important;}.border-secondary{border-color: #C90000 !important;} /*FF0F10*/.border-bottom{border-bottom: 1px solid #D2D7DB !important;}/* ----------------{article} ---------------- */.searchForm > *{display:inline-block;}.searchForm > input[name=keyword]{width: calc(100% - 60px); border-radius: 0.25rem 0 0 0.25rem; height: 50px; padding:0 12px;}.searchForm > input[name=keyword]::placeholder{color:#9C9C9C}.searchForm > button[type=submit]{width: 60px; border-radius: 0 0.25rem 0.25rem 0; color: #FFF; line-height: 48px; background: var(--color-primary); border: none;}.searchForm > button[type=submit]:hover{background: var(--color-primary-hover); transition: 0.3s;}.searchForm > button[type=submit] > i{position:relative; top:3px; left:0; color:#FFF; font-weight:bold; font-size:1.3em;}/* article-list */.article-item{margin-bottom: 26px;}.article-item a{color: #3A3A3A; margin-top: 0;}.article-item a h5{color:#5A5A5A; font-size:1.4em; font-weight: 500;}.article-item a:hover h5{color: var(--color-primary); text-decoration:underline;}.article-item a.img-link{max-width: 200px !important; overflow:hidden;}.article-item a.img-link img{max-width: 100% !important; height: auto !important; border-radius: 6px; transform:scale(1,1);transition: all 0.3s ease-out;}.article-item a.img-link img:hover{transform:scale(1.2,1.2);}.article-item .info{margin-bottom: 10px;}.article-item span.date{color:#86702A;}.article-item span.v_counts{color:#C90000;}.article-item div.tags a{color: var(--color-skyblue); margin: 0 6px 10px 6px; transform: 0.3s;}.article-item div.tags a:hover{color: var(--color-deepblue); text-decoration:underline;}/* article-right navigation */.sidebar-box .heading{/*f75815*/ background: #FFF; height: 2em; line-height:2em; font-weight: 400 !important; margin-top: 30px; color: #834E3F; font-size: 1.3em; padding-left:10px; border-left:5px #E55927 solid; border-bottom: 1px #CACACA solid; padding-bottom:0 !important;}ul.tags{margin:24px 0; padding:0; list-style:none;}ul.tags li{padding: 0; margin: 0 6px 8px 0; display: inline-block;}ul.tags li a{display: block; border-radius: 4px; padding: 3px 9px; color: #FFF; background: #B5B5B5;}ul.tags li.active a{color: #FFF; background: #2A2A2A;}ul.tags li a:hover{color: #FFF; background: #a8372f;}ul.featured_articles{margin:24px 0; padding:0; list-style:none;}ul.featured_articles li{padding: 0; margin: 0 6px 1.6em 0;}ul.featured_articles li a{color: #3A3A3A;}ul.featured_articles li a:hover{color: #CA3A3A;}ul.featured_articles li span.date{color:#86702A; font-size: 0.85em; font-weight: bold;}/* article content */.accordion-item{color: #5A5A5A;}.search_mobile{display: none;}#article{background:#FCFCFA !important;}.article-main{padding-right:6%;}.article-detail .info{margin-bottom: 10px;}.article-detail span.date{color:#86702A;}.article-detail span.updatedDT{color:#B7B7B7; font-size: 0.9em;}.article-detail span.v_counts{color:#C90000;}.article-detail h1{border-left: 8px #01579B solid; border-bottom: 1px #CACACA solid; margin-bottom: 30px; padding: 8px 0 12px 12px; color:#394150; font-size:1.55em; line-height:1.45; font-weight: 700;}.article-detail .article-content{line-height:1.9em; color:#545B67;}.article-detail .article-content h2{margin: 38px 0 28px 0; color: var(--color-primary); /*#293345*/ font-size: 1.25em; line-height: 1.5; font-weight: 700;}.article-detail .article-content h3{margin: 30px 0 14px; padding: 0 0 8px; border-bottom: 1px solid #E4E7EC; color:#3C4658; font-size:1.08em; line-height: 1.55; font-weight:700;}.article-detail p,.article-detail ul,.article-detail ol{margin-bottom:30px;}.article-detail .article-content li{margin-bottom: 8px;}.article-detail img{max-width: 100% !important; height:auto !important;}.article-detail div.tags{margin-top:20px; border-top: 1px #CACACA solid; padding:16px 0;}.article-detail div.tags a{color: var(--color-skyblue); margin: 0 6px 10px 6px; transition: 0.3s;}.article-detail div.tags a:hover{color: var(--color-deepblue); text-decoration: underline;}.pageBtn{display: inline-block; padding: 8px 28px; border-radius: 4px; color: var(--color-primary); transition: none; font-size: 16px; font-family: var(--font-primary); transition: 0.3s; border: 1px solid var(--color-primary); margin: 0 24px;}.pageBtn:hover{background-color: var(--color-primary); color:#FFF;}.contentTable{border-collapse: collapse; /* 讓格線合併，沒有雙線 */ width: 100%; /* 表格寬度滿版 */ text-align: center; /* 文字置中 */ font-family: Arial, sans-serif; /* 好看字體 */}/* aritlce / faq 用 */.contentTable th, .contentTable td{border: 1px solid #999; /* 每格都有線 */ padding: 10px; /* 內邊距 */}.contentTable td{text-align: left;}.contentTable td:first-child{width:16%;}.contentTable th{background-color: #999; /* 標題灰底 */ color: #FFF; font-weight: bold;}.contentTable tr:nth-child(even) td{background-color: #efefef; /* 偶數行淡灰底，方便閱讀 */}@media (max-width: 991px){.search_mobile{display: block;} .search_pc{display: none;} .article-main{padding-right:3%;} .quote-bg{display:none;}}@media (max-width: 767px){.pageBtn{padding: 6px 16px !important; margin: 0 6px;}}/* ----------------{site visual refresh} ---------------- */body{background: #F5F7FA; display: flex; flex-direction: column; min-height: 100vh;}#main{background: #F5F7FA; flex: 1 0 auto;}#footer{flex-shrink: 0;}main section{padding: 54px 0;}#main > section:not(#hero):not(.auth-section):not(.booking-content) > .container,#main > .breadcrumbs + section > .container{max-width: min(1320px, calc(100% - 20px));}.header{background: rgba(32, 36, 42, 0.97); box-shadow: 0 10px 30px rgba(14, 28, 54, 0.12);}.header .logo .logo-text,.header .navbar a{letter-spacing: 0;}.navbar .get-a-quote{background: var(--color-primary); border: 1px solid var(--color-primary); border-radius: 6px; box-shadow: 0 10px 24px rgba(179, 57, 57, 0.18); color: #fff; font-weight: 800; padding: 9px 16px;}.navbar .get-a-quote:hover{background: #fff; border-color: #fff; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22); color: var(--color-primary);}.breadcrumbs .page-header{min-height: 260px; background-position: center;}.breadcrumbs .page-header:before{background: linear-gradient(135deg, rgba(32, 36, 42, .9), rgba(58, 46, 49, .72), rgba(179, 57, 57, .34));}.breadcrumbs nav{background: #fff; box-shadow: 0 12px 34px rgba(23, 40, 81, 0.08);}.breadcrumbs nav ol{padding: 14px 0;}.section-header{padding: 10px 0 28px;}.section-header h2{color: var(--tone-heading); font-size: 1.85rem; font-weight: 800; margin-bottom: 10px; padding-bottom: 14px; text-transform: none;}.section-header p,#main section p{line-height: 1.85;}#hero.hero{min-height: auto; padding: 126px 0 70px; background: linear-gradient(135deg, rgba(32, 36, 42, .94), rgba(43, 49, 56, .86) 54%, rgba(179, 57, 57, .46)), url("banner/banner_contact.webp") center/cover no-repeat;}#hero .container{max-width: min(1320px, calc(100% - 48px));}#hero h1{color: #fff; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 800; line-height: 1.18; margin-bottom: 20px;}#hero .hero-actions{margin-top: 8px;}#hero p{color: rgba(255, 255, 255, .86);}#hero .txtYellow{color: #FFD08A; font-weight: 800;}#hero .txtGlass{color: #fff; display: inline-block; font-weight: 800; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .24); border-radius: 6px; padding: 8px 12px;}#hero .hero-img img{border-radius: 10px; filter: drop-shadow(0 26px 54px rgba(5, 12, 30, .32));}.applyBtn,.buy-btn,.call-to-action .cta-btn{border-radius: 6px; font-weight: 800;}.applyBtn,.buy-btn{box-shadow: 0 12px 28px rgba(179, 57, 57, .18);}.applyBtn{font-size:1.1rem;}.pricing{background: #F5F7FA;}.pricing .planBlock{max-width: min(1240px, calc(100% - 48px));}.pricing .row{align-items: stretch;}.pricing .position-relative,.horizontal-pricing .pricing-item,.faq .accordion-item,.article-item,.sidebar-box,.get-a-quote .php-email-form,.contact .php-email-form{background: #fff; border: 1px solid #E1E7EF; border-radius: 8px !important; box-shadow: 0 18px 48px rgba(23, 40, 81, .08) !important;}.pricing .position-relative{height: 100%; overflow: visible; position: relative;}.pricing .position-relative > .position-absolute{top: 0 !important; z-index: 3;}.pricing .position-relative .border-bottom{border-color: #E5EAF2 !important;}.pricing h2,.horizontal-pricing h3,.featured-services .title,.article-item a h5{color: var(--tone-heading); font-weight: 800;}.pricing h2{font-size:1.36rem;}.pricing .p-4,.horizontal-pricing .pricing-item{color: #667085; line-height: 1.8;}.pricing .p-4{font-size: .96rem;}.call-to-action{background: linear-gradient(135deg, rgba(32, 36, 42, .92), rgba(43, 49, 56, .8), rgba(58, 46, 49, .72)), url("images/cta-bg.webp") center/cover no-repeat; background-attachment: fixed; padding: 58px 0;}.footer{background-color: var(--tone-dark);}.call-to-action .container{max-width: min(1180px, calc(100% - 48px));}.featured-services{margin-top: 0 !important;}.featured-services .row{--bs-gutter-x: 24px; --bs-gutter-y: 24px;}.featured-services .service-item{background: #fff; border: 1px solid #E1E7EF; border-radius: 8px; box-shadow: 0 16px 42px rgba(23, 40, 81, .07); flex: 0 0 calc(33.333333% - 18px); margin: 0 9px 24px; max-width: calc(33.333333% - 18px); min-height: 176px; padding: 24px; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;}.featured-services .service-item:hover{border-color: rgba(88, 160, 106, .35); box-shadow: 0 20px 46px rgba(23, 40, 81, .1); transform: translateY(-2px);}.featured-services .service-item .icon{align-items: center; background: #EEF5F0; border-radius: 50%; display: inline-flex; height: 46px; justify-content: center; margin-right: 14px; width: 46px;}.featured-services .service-item .icon iconify-icon{color: var(--color-green); font-size: 1.35rem;}.featured-services .service-item .title{line-height: 1.35;}.featured-services .service-item .description{color: #667085; font-size: .96rem;}.planTable{border: 0; border-radius: 8px; box-shadow: 0 16px 42px rgba(23, 40, 81, .07); overflow: hidden;}.planTable th{background: var(--tone-dark);}.planTable td:first-child{background: #F2F6FA; color: var(--tone-heading); font-weight: 800;}.planTable th,.planTable td{border-color: #E5EAF2;}.faq .accordion{display: grid; gap: 12px;}.faq .accordion-item{overflow: hidden;}.faq .accordion-button{align-items: flex-start; color: var(--tone-heading); display: flex; gap: 12px; font-weight: 800; line-height: 1.6; padding: 18px 52px 18px 20px; position: relative;}.faq .accordion-button:not(.collapsed){background: #F8F1F1; color: var(--tone-heading); box-shadow: inset 4px 0 0 var(--color-primary);}.faq .accordion-body{color: #667085; line-height: 1.9; padding: 16px 22px 22px 58px;}.faq .question-icon{align-items: center; background: rgba(179, 57, 57, .1); border: 1px solid rgba(179, 57, 57, .2); border-radius: 50%; color: var(--color-primary); display: inline-flex; flex: 0 0 28px; font-size: 16px; height: 28px; justify-content: center; line-height: 1; position: static; width: 28px;}.faq .accordion-button:after{position: absolute; right: 18px; top: 22px;}#article{background: #F5F7FA !important;}.article-main{padding-right: 32px;}.article-item{align-items: flex-start; margin-bottom: 18px; padding: 18px;}.article-item a.img-link{border-radius: 6px; flex: 0 0 180px; max-width: 180px !important;}.article-item a.img-link img{border-radius: 6px;}.article-item .info{color: #98A2B3; font-size: .88rem;}.article-item a h5{font-size: 1.25rem; line-height: 1.45;}.sidebar-box{margin-bottom: 24px; padding: 18px;}.sidebar-box .heading{border-bottom: 1px solid #E5EAF2; border-left: 5px solid var(--color-primary); color: var(--tone-heading); font-size: 1.1rem; font-weight: 800 !important; margin-top: 0; padding: 2px 0 12px 12px;}.searchForm > input[name=keyword]{border: 1px solid #D8DEE7; height: 46px;}.searchForm > button[type=submit]{background: var(--color-primary); height: 46px; line-height: 44px;}.get-a-quote .quote-bg{border-radius: 8px 0 0 8px; min-height: 460px;}.get-a-quote .php-email-form,.contact .php-email-form{border-top: 0; padding: 48px 34px 34px; position: relative;}.get-a-quote .php-email-form:before,.contact .php-email-form:before{content: ""; position: absolute; top: 24px; left: 34px; width: 56px; height: 4px; background: var(--color-primary); border-radius: 99px;}.get-a-quote .php-email-form input,.get-a-quote .php-email-form select,.get-a-quote .php-email-form textarea,.contact .php-email-form input,.contact .php-email-form select,.contact .php-email-form textarea{background: #FBFCFE; border: 1px solid #D8DEE7; border-radius: 6px; color: #2F3F52;}.get-a-quote .php-email-form input:focus,.get-a-quote .php-email-form select:focus,.get-a-quote .php-email-form textarea:focus,.contact .php-email-form input:focus,.contact .php-email-form select:focus,.contact .php-email-form textarea:focus{border-color: var(--color-blue); box-shadow: 0 0 0 .2rem rgba(66, 104, 152, .14);}.get-a-quote .php-email-form button[type=submit],.contact .php-email-form button[type=submit]{border-radius: 6px; font-weight: 800; min-height: 44px; padding: 10px 28px;}@media (max-width: 991px){main section{padding: 42px 0;} #hero.hero{padding: 112px 0 54px;} .article-main{padding-right: 12px;} .featured-services .service-item{flex: 0 0 calc(50% - 18px); max-width: calc(50% - 18px);}}@media (min-width: 1600px){#main > section:not(#hero):not(.auth-section):not(.booking-content) > .container, #main > .breadcrumbs + section > .container, #hero .container{max-width: min(1680px, calc(100% - 72px));} .pricing .planBlock, #featured-services .container{max-width: min(1560px, calc(100% - 72px));} .call-to-action .container{max-width: min(1480px, calc(100% - 72px));} #hero.hero{padding-bottom: 82px; padding-top: 138px;} #hero h1{font-size: clamp(2.7rem, 3vw, 4rem);} #hero p{font-size: 1.08rem !important;} .pricing .position-relative{min-height: 390px;} .pricing .p-4{font-size: 1rem;} .featured-services .service-item{min-height: 196px; padding: 30px;} .featured-services .service-item .icon{height: 52px; width: 52px;} .featured-services .service-item .title{font-size: 1.28rem;} .featured-services .service-item .description{font-size: 1.02rem;}}@media (min-width: 2200px){#main > section:not(#hero):not(.auth-section):not(.booking-content) > .container, #main > .breadcrumbs + section > .container, #hero .container{max-width: min(1900px, calc(100% - 96px));} .pricing .planBlock, #featured-services .container{max-width: min(1760px, calc(100% - 96px));} .call-to-action .container{max-width: min(1640px, calc(100% - 96px));}}@media (max-width: 767px){.breadcrumbs .page-header{min-height: 190px;} #hero.hero{text-align: left;} #hero p{font-size: 1rem !important;} .article-item{display: block !important;} .article-item a.img-link{display: block; margin: 0 0 14px !important; max-width: 100% !important;} .get-a-quote .php-email-form, .contact .php-email-form{padding: 42px 18px 24px;} .get-a-quote .php-email-form:before, .contact .php-email-form:before{top: 20px; left: 18px;} .featured-services .service-item{flex: 0 0 100%; margin-left: 0; margin-right: 0; max-width: 100%;}}iconify-icon{display: inline-block; vertical-align: -0.125em;}