@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+HK:wght@200..900&display=swap');
@import url('../frontend-style/horz_menu.css');

/*General*/
body{background-color:#b8be97;}
.row-flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.flex-top { -ms-flex-align: start !important; align-items: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; }

a{color:#5f8d00;}
a:hover{color:#ADDF42;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: bold; }

::selection { background-color: #bcf051; color: #14213D; }
ul { margin-top: 1rem; }

/*Button*/
.btn { padding: 0.5rem 1.2rem; }
.btn-primary, .btn-theme { background-color: #FF9C00; border-color: #FF9C00; color: #FFF; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:hover, .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):focus:hover, .btn-primary:not(:disabled):not(.disabled):hover,
.btn-theme:not(:disabled):not(.disabled):active, .btn-theme:not(:disabled):not(.disabled):active:focus, .btn-theme:not(:disabled):not(.disabled):active:hover, .btn-theme:not(:disabled):not(.disabled):focus, .btn-theme:not(:disabled):not(.disabled):focus:hover, .btn-theme:not(:disabled):not(.disabled):hover
{ background-color: #FF9000; border-color: #FF9000; color: #FFF; box-shadow: none; }

.btn-outline-primary, .btn-outline-theme { background-color: transparent; border-color: #FF9C00; color: #FF9C00 !important; box-shadow: none !important; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:hover, .btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled):focus:hover, .btn-outline-primary:not(:disabled):not(.disabled):hover,
.btn-outline-theme:not(:disabled):not(.disabled):active, .btn-outline-theme:not(:disabled):not(.disabled):active:focus, .btn-outline-theme:not(:disabled):not(.disabled):active:hover, .btn-outline-theme:not(:disabled):not(.disabled):focus, .btn-outline-theme:not(:disabled):not(.disabled):focus:hover, .btn-outline-theme:not(:disabled):not(.disabled):hover
{ background-color: #FF9000; border-color: #FF9000; color: #FFF !important; box-shadow: none; }

.btn .btn-label-eng { display: block; font-size: 0.75em; }

.btn-info { background-color: #9DCAD0; border-color: #9DCAD0; }
.btn-info:hover { background-color: #85b7be; border-color: #85b7be; }

/*Form*/
.form-control:focus { box-shadow: 0 0 3px 0 rgba(255, 156, 0, 0.2); border-color: #FF9C00; }
.form-group .btn-info { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.form-group .btn-info:focus { box-shadow: 0 0 3px 0 rgba(255, 156, 0, 0.2); border-color: #9DCAD0; }
form .label-top-left label.form-custom-field-label { margin-bottom: 0.5rem; }

/*Table*/
.table-auto { width: auto; }

.table:not(.table-bordered)>tbody>tr>td, .table:not(.table-bordered)>tbody>tr>th, .table:not(.table-bordered)>tfoot>tr>td, .table:not(.table-bordered)>tfoot>tr>th, .table:not(.table-bordered)>thead>tr>td, .table:not(.table-bordered)>thead>tr>th { border: none; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 0.5em; vertical-align: inherit; }
.table.cell-huge>tbody>tr>td, .table.cell-huge>tbody>tr>th, .table.cell-huge>tfoot>tr>td, .table.cell-huge>tfoot>tr>th, .table.cell-huge>thead>tr>td, .table.cell-huge>thead>tr>th { padding: 2rem; }
.table.cell-big>tbody>tr>td, .table.cell-big>tbody>tr>th, .table.cell-big>tfoot>tr>td, .table.cell-big>tfoot>tr>th, .table.cell-big>thead>tr>td, .table.cell-big>thead>tr>th { padding: 1rem; }
.table.cell-tiny>tbody>tr>td, .table.cell-tiny>tbody>tr>th, .table.cell-tiny>tfoot>tr>td, .table.cell-tiny>tfoot>tr>th, .table.cell-tiny>thead>tr>td, .table.cell-tiny>thead>tr>th { padding: 0.25rem;}
.table.cell-none>tbody>tr>td, .table.cell-none>tbody>tr>th, .table.cell-none>tfoot>tr>td, .table.cell-none>tfoot>tr>th, .table.cell-none>thead>tr>td, .table.cell-none>thead>tr>th { padding:0 !important; }

.table.table-line-horz>tbody>tr, .table.table-line-horz>tfoot>tr, .table.table-line-horz>thead>tr { border-bottom: 1px #ccc solid; }

.table.table-line-vert>tbody>tr>td, .table.table-line-vert>tbody>tr>th, .table.table-line-vert>tfoot>tr>td, .table.table-line-vert>tfoot>tr>th, .table.table-line-vert>thead>tr>td, .table.table-line-vert>thead>tr>th { border-right: 1px #ccc solid; }
.table.table-line-vert>tbody>tr>td:last-child, .table.table-line-vert>tbody>tr>th:last-child, .table.table-line-vert>tfoot>tr>td:last-child, .table.table-line-vert>tfoot>tr>th:last-child, .table.table-line-vert>thead>tr>td:last-child, .table.table-line-vert>thead>tr>th:last-child { border-right: none; }

.table>.item>.item-footer { text-align: right; }

/*Header Logo & Menu*/
.topbar { background-color: #FFF; padding: 10px 0; position: fixed; top: 0; right: 0; left: 0; z-index: 5; display: block; clear: both; }

.topbar.fixed-top {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}
.topbar .container>.row { flex-wrap: nowrap; height: 70px; align-items: center; }

.topbar .logo, .topbar .logo img { height: 100%; }
.site-navbar .logo-wrapper img{max-height:5rem;}
.side-vert-menu{ max-width:360px; text-align:center; background-color: var(--hdr-vert-bgcolor); background-image: url(../../images/background/bg_menu.jpg); background-position:left bottom; background-repeat:no-repeat; }
.side-vert-menu-body{background-color: transparent;}
.side-vert-menu ul{margin-top:0;}
.side-vert-menu .btn-collapse:active, .side-vert-menu .btn-collapse:active:focus, .side-vert-menu .btn-collapse:focus, .side-vert-menu .btn-collapse:hover{
    background-color: var(--hdr-vert-bgcolor-hover);
    color: var(--hdr-vert-txtcolor-hover);
}

.side-nav-wrap{ margin-left:-1.25em !important; margin-right:-1.25em !important;}

.side-vert-menu .side-nav-wrap .navbar-nav>li{position:relative; padding-bottom:1px;}
.side-vert-menu .side-nav-wrap .navbar-nav>li::before{content:""; display:block; position:absolute; right:10%; bottom:0; left:10%; height:1px; background-color:#9ca46d;}
.side-vert-menu .side-nav-wrap .navbar-nav>li:last-child::before{content:none;}

.mobile-header{display:none; padding: 2px 58px 3px 10px; background-color: var(--hdr-vert-top-bgcolor); color: var(--hdr-vert-top-txtcolor); height: 80px; position: fixed; top:0; right:0; left:0; margin: auto; z-index: 1}
.site-menu-toggle{position: absolute; top: 0; right: 0; bottom:0; padding: 0.25em 0.313em; color: var(--hdr-vert-top-txtcolor); width: 48px; height: 48px; margin: auto;}

@media (max-width: 1279px){
   .side-vert-menu{ max-width:300px;} 
}
@media (max-width: 991px){
	.topbar .container>.row { height: 70px; }
    .mobile-header{ display: block;}
    body{padding-top: 80px;}
}

.widget_heading h3{background-image: url(../../images/background/bg_title_left.png); background-position:left top; background-repeat:no-repeat; padding-left:2rem;}

/*
#mobile-menu { font-size: 26px; position: absolute; top: 50%; transform: translateY(-50%); }
.header-wrapper { align-items: center !important; position: relative; }
.header-wrapper .header-left { order: 1; height: 100%; }
.header-wrapper .extra { order: 3; -ms-flex: 0 1 auto; flex: 0 1 auto; position: relative; -ms-flex-align: center; align-items: center; }
.header-wrapper .extra > .btn-login { font-size: 20px; }
.header-wrapper .header-right { order: 2; -ms-flex: 1 1 0; flex: 1 1 0; flex-wrap: wrap; }
.topbar .mobile-toggle { color: #14213D; background-color: transparent; }

#top-menu{ width: 100%; }
.topbar .navbar-nav > li { cursor: pointer; }
#top-menu .navbar > li > a { font-size: 13px; padding: 0 15px; }
.topbar .navbar-nav > li.hover:not(.btn-primary) > a { color: #FF9000; text-decoration: none; }
.topbar .nav-label-group { margin-right: 0.3rem; }
.topbar .nav-label-group > .text-eng { font-size: 0.8rem; }
.topbar .dropdown-menu .nav-label-group { text-align: left; }

#top-menu .navbar > li > a:hover, #top-menu .navbar > li .sub > li > a:hover { background-color: #ff8000; color: #fff; }
#top-menu .navbar li>.sub { background-color: #FFF; color: #333; font-size: 1em; font-weight: normal; }
.navbar li:hover>.sub>li>a, .navbar li:focus>.sub>li>a { height: auto; }
.topbar .nav li>a:active, .topbar .nav li>a:active:focus, .topbar .nav li>a:active:hover, .topbar .nav li>a:focus { color: inherit; text-decoration: none; background-color: #f7f7f7; }

.topbar .dropdown-menu { border: 0; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); }
.topbar .dropdown-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: space-between; padding: 0.55rem 1.5rem; }
.topbar .nav .dropdown-menu li:hover, .topbar .nav li>.dropdown-item:hover { background-color: #FF9C00; color: #FFFFFF; }

@media (min-width: 1025px) {
	.header-wrapper .extra:before { background: #f5f5f5; display: block; content: ""; top: 50%; position: absolute; height: 1rem; width: 1px; border-right: 1px solid #eaeaea; transform: translateY(-50%); }
}

@media (max-width: 1024px) {
	.topbar .logo { width: auto; }
	.topbar .logo img { height: 85%; }

	.topbar .navbar-nav { background-color: #FFF; }
	.topbar .navbar-nav > li { width: 100%; display: block; }
	.topbar .navbar-nav > li:not(:last-child) { border-bottom: 1px solid #dbd9e3; }
	.topbar .nav>li>a { display: -ms-flexbox; display: flex; font-size: 1rem;  padding: 16px 40px;}
	.topbar .navbar-nav > li.hover > a { color: #FFF; }
	.topbar .navbar-nav .dropdown-menu { box-shadow: none; border: 0; }
	.topbar .navbar-nav .dropdown-item { display: -ms-flexbox; display: flex; padding: 0.65rem 3.5rem; }
	.topbar .navbar-nav .dropdown-menu > .hover .dropdown-menu .dropdown-item { padding-left: 4.5rem; position: relative; }
	.topbar .navbar-nav > li.hover > .dropdown-toggle:before { content: ""; display: block; position: absolute; width: 25px; height: 1px; background-color: #FF9C00; top: 50%; left: 0; }

	.topbar .extra .btn { padding: 0.375rem 0.75rem; }
	.topbar .mobile-toggle { margin-left: 0.5rem; }
}
@media (max-width: 991px) {
	.topbar .header-nav { top: 90px; }
}
@media (max-width: 375px) {
	.topbar .extra .btn:not(.btn-login) { font-size: 0.8rem; padding: 0.125rem 0.5rem; }
}
*/
/*Footer widget*/
section.footer-widgets { background-color: #272727; padding-top: 100px; padding-bottom: 50px; font-size: 0.8rem; }
.footer-widgets .group-item { margin-bottom: 2em; }
.footer-widgets .group-item h4.footertitle {color: #FFF; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: 300; font-size: 18px; }
.footer-widgets .group-item h4.footertitle:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 50%; height: 3px; background-color: #ea7500; }
.footer-widgets .footertitle > .text-eng { font-size: 0.9rem; }
.footer-widgets .group-item .footertext {color: #cbcbcb; line-height: 1.4em; font-family: "Microsoft JhengHei", 微軟正黑體, "Microsoft YaHei", 微软雅黑体, PMingLiU, 新細明體, 宋体, simsun, Helvetica, Arial, sans-serif;}
.footer-widgets .group-item .footertext div { display: flex; }
.footer-widgets .group-item .footertext .footertext-subtitle {margin-bottom: 10px; color: #fff;}
.footer-widgets .group-item .footertext .ft-table-title { flex: 0 1 20%; }
.footer-widgets .group-item .footertext .ft-table-content { flex: 0 1 80%; }
.footer-widgets .group-item .fab {font-size: 32px;}

#page-footer { background-color: #6e8149; color: #f1e6b1; padding: 10px 0; }
#page-footer a{color:#ADDF42;}
#page-footer a:hover{color:#ddfb9b;}
#page-footer .footer-left>div>div { margin-bottom: 20px; }
#page-footer .footer-left h5 { margin-bottom: 10px; }
#page-footer .related-link { width: 100%; }
#page-footer .footer-logo { width: auto; height: 50px; }
#page-footer .footer-right { text-align: right; }
#page-footer .social { margin-bottom: 48px; margin-right: 0; }
#page-footer .social a { display: inline-block; margin-left: 12px; }
#page-footer .social .replaced-svg { width: 64px; height: 64px; }
.bottom-menu { padding-left: 0; margin: 0; }
.bottom-menu li { list-style: none; display:inline-block; position: relative; padding-left: 0.7em; margin-left: 0.5em; }
.bottom-menu li::before { content: ""; height: 1em; width: 1px; background-color:currentColor; position: absolute; top:.2em; left:0; }
.bottom-menu li:first-child::before { content: none; }

#page-footer .item { margin-top: 16px; margin-bottom: 20px;  }
#page-footer .copyright { font-size: 14px; text-align: center; }
#page-footer .copyright.text-eng { font-size: 12px; }

/*Row*/
.row .col-md-1\/5, .row .col-md-2\/5, .row .col-md-3\/5, .row .col-md-4\/5 { float: left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
@media (min-width: 768px) {
	.row .col-md-1\/5 { width: 20%; }
	.row .col-md-2\/5 { width: 40%; }
	.row .col-md-3\/5 { width: 60%; }
	.row .col-md-4\/5 { width: 80%; }
}
@media (max-width: 767px) and (min-width: 568px) {
	.row .col-md-1\/5 { width: 100%; }
	.row .col-md-2\/5 { width: 100%; }
	.row .col-md-3\/5 { width: 100%; }
	.row .col-md-4\/5 { width: 100%; }
}
@media (max-width: 567px) {
	.row .col-md-1\/5 { width: 100%; }
	.row .col-md-2\/5 { width: 100%; }
	.row .col-md-3\/5 { width: 100%; }
	.row .col-md-4\/5 { width: 100%; }
}

/*Accordion*/
.accordion { background-color: #FFFFFF; color: #464555; font-weight: bold; border: 1px solid transparent; cursor: pointer; padding: 18px; width: 100%; text-align: left; outline: none; transition: 0.4s; }
.accordion-container>div:not(:last-child) { border-bottom: 1px solid #ced4da; }
.accordion.active, .accordion:hover { background-color: #f9f8ff; }
.accordion-panel { padding: 20px; background-color: #fff; display: none; overflow: hidden; }

/*Slider*/
.tns-controls [aria-controls] { background-color: transparent; color: #FF9C00; transition: all .25s; }
.tns-controls [data-controls="prev"] { left: -10px; opacity: 0; }
.tns-controls [data-controls="next"] { right: -10px; opacity: 0; }

.tns-outer:hover [data-controls="prev"] { left: 0; opacity: 1; }
.tns-outer:hover [data-controls="next"] { right: 0; opacity: 1; }

/*Table*/
/*
table { border-color: #14213d; }
table thead tr > th { padding: 10px 18px; background: #14213d; color: #fff; font-size: 1.1rem; }
table tbody tr > td { padding: 8px 18px; }
table .text-eng { display: block; }
*/

/*List*/
ul:not(.nav) > li:not(:last-child) { margin-bottom: 0.5rem;}

/* Pricing Table (Table) */
.priceTable_section-title { min-height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 80%; margin: 0 auto; }

.priceplans_tablewrapper { background-color: #fff; }
#price_table .table { margin-bottom: 30px; }
.table .pricetable_rowitem { border-top-color: #fff; border-bottom: 1px solid #E3E3E3; padding: 50px 20px 20px; position: relative; }
.table.colWidth_5 .pricetable_rowitem { width: 20%; }
.table.colWidth_4 .pricetable_rowitem { width: 25%; }
.table.colWidth_3 .pricetable_rowitem { width: 33.33%%; }
.table .pricetable_rowitem:not(:last-child) { border-right: 1px solid #E3E3E3; }
.table .re-tag { position: absolute; top: 0; left: 0; right: 0; display: none; background-color: #9C0000; text-align: center; padding: 5px; font-size: 12px; color: #fff; }
.table .pricetable_rowitem.recommended .re-tag { display: block; }
.pricetable_rowitem h3 { font-size: 1.5rem; }
.pricetable_rowitem h6 { margin-bottom: 2.5rem; }
.pricetable_rowitem .price_label { font-size: 1.75rem; font-weight: bold; margin-bottom: 1rem; }
.pricetable_rowitem .price_label > span { font-size: 1rem; }
.price_button > .btn { width: 100%; font-size: 0.8rem; }

.pricetable_features thead th, .pricetable_features thead td { border: 0; }
.pricetable_features thead .features_title { font-weight: bold; text-transform: uppercase; }
.pricetable_features.colWidth_5 tbody tr > th, .pricetable_features.colWidth_5 tbody tr > td { width: 20%; }
.pricetable_features.colWidth_4 tbody tr > th, .pricetable_features.colWidth_4 tbody tr > td { width: 25%; }
.pricetable_features.colWidth_3 tbody tr > th, .pricetable_features.colWidth_3 tbody tr > td { width: 33.33%; }
.pricetable_features tbody tr:last-child > th, .pricetable_features tbody tr:last-child > td { border-bottom: 1px solid #dee2e6; }
.features_body tr:nth-child(even) { background-color: #FBFBFB; }
.features_body td { color: #636363; }
.features_body th { font-weight: normal; }
.features_body tr > *:not(:last-child) { border-right: 1px solid #dee2e6; }
.features_rowHead .item_remark { font-size: 12px; color: #636363; }
.features_rowItem .fa-times { color: #B7B7B7; }

@media (max-width: 768px) {
	/*Pricing Table*/
	.pricing-container .recommended { margin-top: 50px; }

	/*Price Plan Table*/
	.pricetable_row .pricetable_rowitem:not(.active), .features_body .features_rowItem:not(.active) { display: none; }
	.table .pricetable_row .pricetable_rowitem { border: 1px solid #E3E3E3; padding: 20px; }
}

	/*Sticky Table Header*/
	#clonetab { position: fixed; top: 70px; z-index: 50; }
	#clone { position: fixed; top: 70px; width: 100%; max-width: 1110px; z-index: 50; }
	#clone .table { margin-bottom: 0; }

@media (max-width: 1199px) {
	#clone { max-width: 930px; }
}
@media (max-width: 991px) {
	.pricetable_rowitem .price_label { font-size: 1.5rem; }
	#clone { max-width: 690px; }
}
@media (max-width: 768px) {
	.pricetable_rowitem h6 { margin-bottom: 1rem; }
	.pricetable_rowitem .price_label { font-size: 1.5rem; margin-bottom: 0.5rem; }
	.table .re-tag { top: 14px; left: initial; right: -5px; padding: 5px 12px;}
	.table .pricetable_row .pricetable_rowitem.recommended { border-color: #9C0000; }
	#clonetab { max-width: 540px; top: 70px; }
	#clone { max-width: 510px; top: 120px; }
}
@media (max-width: 575px) {
	#clone { max-width: calc(100% - 30px); }
}

/*Mobile Switch Button*/
#pricetab { margin-bottom: 35px;}
.tab-container > div { display: flex; flex-wrap: wrap; }
.tab-container .btn_tab { flex: 1 1 0; color: #383636; padding: 12px; background-color: #fff; border: 1px solid #E9E9E9; }
.tab-container .btn_tab.selected { color: #fff; background-color: #E9482A; border-color: #E9482A; }

/* FAQ */
.toggle-container > .toggle_item { padding: 20px; }
.toggle-container > .toggle_item:hover { cursor: pointer; background-color: #F3F3F3; }
.toggle-container > .toggle_item:not(:last-child) { border-bottom: 1px solid #dee2e6; }
.toggle_item .toggle_item_title { display: flex; justify-content: space-between; align-items: center; }
.toggle_item .toggle_item_title .item-titem { margin-right: 15px; }
.toggle_item .toggle_item_title h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 1.4em; }
.toggle_item .toggle_item_title h3.text-eng { font-size: 16px; margin-bottom: 0px; }
.toggle_item.active .toggle_item_title h3, .toggle-container > .toggle_item:hover span { color: #FF9C00; }
.toggle_item .toggle_item_content { padding: 35px 20px 15px 20px; }
.toggle_item .toggle_item_content > p { margin: 0; }
.toggle_item .toggle_item_content > p.text-eng, .toggle_item .toggle_item_content > ul.text-eng { font-size: 14px; }

/* Pricing Table (Block) */
.row.pricetable-block-container { margin-left: -10px; margin-right: -10px; }
.pricetable-block-container.orange { border: 1px solid #FF9C00; border-radius: 25px; }
.pricetable-block-container .featured { transform: scale(1.05); background: transparent; border: 1px solid #FF9C00; border-radius: 10px; }

.pt-item-container { display: flex; flex-direction: column; height: 100%; }
.featured .pt-item-container { background: #fff9f1; border-radius: 10px; box-shadow: 0px 0px 16px -10px #FF9C00; }

.pt-item-container .plan-title, .pt-item-container .plan-price { text-align: center; }
.pt-item-container .plan-title { padding: 35px 20px 10px 20px; }
.featured .pt-item-container .plan-title { background: #FF9C00; border-radius: 10px 10px 0 0; }
.pt-item-container .plan-price { padding: 30px 25px; }
.pt-item-container .plan-price h2 { flex: 0 0 100%; }
.pt-item-container .plan-title h4.text-chi { font-size: 18px; }
.pt-item-container .plan-title h4.text-eng { font-size: 14px; }

.pt-item-container .plan-price { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; align-content: center; min-height: 120px; flex-wrap: wrap; }
.featured .pt-item-container .plan-price h2 { font-size: 2.2rem; }
.pt-item-container .plan-price h2 > span { font-size: 16px; }

.pt-item-container .plan-content { padding: 0 25px; }
.pt-item-container .plan-content ul { padding: 0; list-style-type: none; }
.pt-item-container .plan-content ul > li { padding: 15px 0; margin-bottom: 10px 0;  }
.pt-item-container .plan-content ul > li:not(:last-child) { border-bottom: 1px solid #f7f7f7; }
.pt-item-container .plan-content .text-eng { font-size: 0.8rem; display: block; margin-top: 5px; }

@media (min-width: 769px) {
  .pricetable-block-container.orange { background-color: #fff; }
  .row.pricetable-block-container .col-md-1\/5, .row.pricetable-block-container .col-md-2\/5, .row.pricetable-block-container .col-md-3\/5, .row.pricetable-block-container .col-md-4\/5, 
	.row.pricetable-block-container .col-md-2, .row.pricetable-block-container .col-md-3, .row.pricetable-block-container .col-md-4, .row.pricetable-block-container .col-md-5, .row.pricetable-block-container .col-md-6, .row.pricetable-block-container .col-md-7, .row.pricetable-block-container .col-md-8, .row.pricetable-block-container .col-md-9, .row.pricetable-block-container .col-md-10, .row.pricetable-block-container .col-md-11, .row.pricetable-block-container .col-md-12 
	{ padding-left: 0px; padding-right: 0; }
}

@media (max-width: 768px) {
	.pricetable-block-container.orange { border: 0; }
	.row.pricetable-block-container > div { margin-bottom: 35px; }
	.pricetable-block-container .featured { transform: scale(1); border-radius: 25px; border: 0; }

  	.pt-item-container { background-color: #fff; }
	.pt-item-container, .featured .pt-item-container { border: 1px solid #FF9C00; border-radius: 25px; }
	.featured .pt-item-container .plan-title { border-radius: 25px 25px 0 0; }
	.pt-item-container .plan-price h2, .featured .pt-item-container .plan-price h2 { font-size: 2.5rem; }
}

/*//////// Custom Class ////////*/
/*homebanner-img-top
.homebanner-img-top .item-thumb { -ms-flex-align: flex-start; align-items: flex-start; }
.homebanner-img-top .tns-horizontal.tns-subpixel>.tns-item { position: relative; }
.homebanner-img-top .tns-horizontal .item-intro { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (max-width: 680px) {
  .homebanner-img-top .item-thumb a { height: 100%; }
  .homebanner-img-top .item-thumb .img-fluid { width: auto; height: 100%; max-width: none; }
}
*/

.home-img-top{display: -ms-flex; display: flex; align-items: stretch;}
.home-img-top>div{-ms-flex:1 1 100%; flex:1 1 100%; display: -ms-flex; display: flex; align-items: stretch;}
.home-img-top>div>.row{display: -ms-flex; display: flex; align-items: stretch !important; width:100%;}
.home-img-top .row>div:first-child{display: -ms-flex; display: flex; align-items: flex-end !important; background-color:#f6f8f1; background-image: url(../../images/background/bg_home_news.jpg); background-position:right top; background-repeat:no-repeat; }

.bg-center-center{background-position:center; background-repeat:no-repeat; background-size:cover; }

@media (max-width: 768px) {
  .home-img-top .row>div:first-child{order:9;}
}

.styled-title{}
.item-list.theme-white .item{background-color:transparent;}
/*iconbox-container*/
.iconbox-container .item-title { font-weight: bold; }
.iconbox-container .item-desc { margin-top: 30px; }
.iconbox-container.left.title-align-center { align-items: center; }
.iconbox-container.left.title-align-center .item-title:last-child { margin-bottom: 0; }
.iconbox-container.left .item-icon { flex: 0 1 auto; }
.iconbox-container.left .item-content { flex: 1; }
div.iconbox-container.left > a { display: -ms-flex; display: flex; }

	/*socialmedia-group*/
	.socialmedia-group .iconbox-container .item-desc { margin-top: 0; }
	/*new*/
	.iconbox-container.new { position: relative; }
	.iconbox-container.new .item-icon:before { content: "最新 New"; display: block; position: absolute; right: 0; font-size: 13px; background: #9dcad0; color: #14213d; padding: 5px 10px; font-weight: bold; }

.iconbox-container.iconbox-gap-narrow .item-desc { margin-top: 5px; }

/*imagebox-container*/
.imagebox-container { display: -ms-flex; display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 35px; }
.imagebox-container.top { flex-direction: column; }
.imagebox-container.flex-center { align-items: center; }
.imagebox-container .item-thumb { flex: 0 0 25%; -ms-flex-align: flex-start; align-items: flex-start; }
.imagebox-container .item-thumb > img { width: 100%; }
.imagebox-container .item-content > .item-title { margin-bottom: 20px; }
.imagebox-container .item-content > .item-title .text-chi { font-size: 22px; }
.imagebox-container .item-content > .item-title .text-eng { font-size: 18px; }
.imagebox-container .item-content .text-chi { font-size: 16px; }
.imagebox-container .item-content .text-eng { font-size: 14px; }

/*sectionbg-skew-topleft, sectionbg-skew-topright*/
.sectionbg-skew-topleft, .sectionbg-skew-topright { position: relative; }
.sectionbg-skew-topleft:before, .sectionbg-skew-topright:before { background: #F7F7F7; display: block; content: ""; top: 0%; position: absolute; }
.sectionbg-skew-topleft:before { width: 75%; left: -220px; height: 100%; -webkit-transform: skew(-26deg); transform: skew(-26deg); }
.sectionbg-skew-topright:before { width: 75%; right: -220px; height: 100%; -webkit-transform: skew(26deg); transform: skew(26deg); }

/*sectionbg-skewtop-to-left, sectionbg-skewtop-to-right, sectionbg-skewbottom-to-left, sectionbg-skewbottom-to-right*/
.sectionbg-skew-to-left, .sectionbg-skew-to-right, .sectionbg-skewbottom-to-left, .sectionbg-skewbottom-to-right { position: relative; }
.sectionbg-skew-to-left:before, .sectionbg-skew-to-right:before { background: #F7F7F7; display: block; content: ""; top: 0%; width: 100%; height: 70px; position: absolute; }
.sectionbg-skewbottom-to-left:before, .sectionbg-skewbottom-to-right:before { background: #F7F7F7; display: block; content: ""; width: 100%; height: 100%; position: absolute; }

.sectionbg-skew-to-left:before { clip-path: polygon(0 0, 100% 0, 0% 100%); }
.sectionbg-skew-to-right:before { clip-path: polygon(0 0, 100% 0, 100% 100%); }
.sectionbg-skewbottom-to-left:before { clip-path: polygon(0 calc(100% - 70px), 0 100%, 100% 100%); }
.sectionbg-skewbottom-to-right:before { clip-path: polygon(0 100%, 100% calc(100% - 70px), 100% 100%); }

/*sectionbg-arrow-left, sectionbg-arrow-right*/
.sectionbg-arrow-left, .sectionbg-arrow-right { position: relative; }
.sectionbg-arrow-left:before, .sectionbg-arrow-right:before, .sectionbg-arrow-left:after, .sectionbg-arrow-right:after { background: #F7F7F7; display: block; content: ""; top: 0%; position: absolute; z-index: 0; }
.sectionbg-arrow-left:after, .sectionbg-arrow-right:after { bottom: 0%; }
.sectionbg-arrow-left:before { width: 75%; right: -220px; height: 100%; -webkit-transform: skew(-26deg); transform: skew(-26deg); }
.sectionbg-arrow-left:after { width: 75%; right: -220px; height: 100%; -webkit-transform: skew(26deg); transform: skew(26deg); }
.sectionbg-arrow-right:before { width: 35%; left: -220px; height: 100%; -webkit-transform: skew(-26deg); transform: skew(-26deg); }
.sectionbg-arrow-right:after { width: 35%; left: -220px; height: 100%; -webkit-transform: skew(26deg); transform: skew(26deg); }

.sectionbg-arrow-left > .container, .sectionbg-arrow-right > .container { position: relative; z-index: 2; }

/*sectionbg-arrow-top, sectionbg-arrow-bottom*/
.sectionbg-arrow-top, .sectionbg-arrow-top-reverse, .sectionbg-arrow-bottom, .sectionbg-arrow-bottom-reverse { position: relative; }
.sectionbg-arrow-top:before, .sectionbg-arrow-bottom-reverse:before { background: #FFFFFF; display: block; content: ""; position: absolute; }
.sectionbg-arrow-top-reverse:before, .sectionbg-arrow-bottom:before { background: #F7F7F7; display: block; content: ""; position: absolute; }
.sectionbg-arrow-bottom-reverse:before, .sectionbg-arrow-top-reverse:before { top: 0%; width: 100%; height: 50px; }
.sectionbg-arrow-top:before, .sectionbg-arrow-bottom:before { bottom: 0%; width: 100%; height: 50px; }

.sectionbg-arrow-top:before, .sectionbg-arrow-top-reverse:before { clip-path: polygon(0 0,100% 0,100% 100%,50% calc(100% - 50px),0 100%); }
.sectionbg-arrow-bottom:before, .sectionbg-arrow-bottom-reverse:before { clip-path: polygon(0 0,100% 0,100% calc(100% - 50px),50% 100%,0 calc(100% - 50px)); }

/*gallery-grid*/
.gallery-grid > .gallery-item { display: inline-block; margin-bottom: 37px; position: relative; }
.gallery-grid.grid-col-3 > .gallery-item { width: calc(100% / 3 - 3px); }
.gallery-grid.grid-col-4 > .gallery-item { width: calc(100% / 4 - 4px); }
.gallery-grid.grid-col-5 > .gallery-item { width: calc(100% / 5 - 5px); }
.gallery-grid.grid-col-6 > .gallery-item { width: calc(100% / 6 - 6px); }
.gallery-grid .gallery-img-holder { position: relative; margin: 0 20px; text-align: center; }
.gallery-grid .gallery-img-holder:before, .gallery-grid .gallery-img-holder:after { display: block; content: ""; position: absolute; }
.gallery-grid .gallery-img-holder:before { height: 100%; right: -20px; width: 1px; border-right: 1px solid #eaeaea; }
.gallery-grid .gallery-img-holder:after {width: 100%; bottom: -20px; height: 1px; border-bottom: 1px solid #eaeaea; }

@media (max-width: 319px) {
	.gallery-grid > .gallery-item { width: 100%; }
	.gallery-grid > .gallery-item .gallery-img-holder:before { border-right-width: 0; }
	.gallery-grid > .gallery-item:last-child .gallery-img-holder:after { border-bottom-width: 0; }
	.gallery-grid .gallery-img-holder { text-align: center; }
	.gallery-grid.grid-col-6 .gallery-img-holder > img, .gallery-grid.grid-col-5 .gallery-img-holder > img, .gallery-grid.grid-col-4 .gallery-img-holder > img, .gallery-grid.grid-col-3 .gallery-img-holder > img { width: 80%; }
}

@media (max-width: 991px) and (min-width: 320px) { 
	.gallery-grid.grid-col-3 > .gallery-item { width: 50%; }
	.gallery-grid.grid-col-3 > .gallery-item:nth-child(2n+2) .gallery-img-holder:before { border-right-width: 0; }
	.gallery-grid.grid-col-3 > .gallery-item.last .gallery-img-holder:after { border-bottom-width: 0; }
}

@media (max-width: 768px) and (min-width: 320px) { 
	.gallery-grid.grid-col-6 > .gallery-item, .gallery-grid.grid-col-4 > .gallery-item { width: 50%; }
	.gallery-grid.grid-col-6 > .gallery-item:nth-child(2n+2) .gallery-img-holder:before, .gallery-grid.grid-col-4 > .gallery-item:nth-child(2n+2) .gallery-img-holder:before { border-right-width: 0; }
	.gallery-grid.grid-col-6 > .gallery-item.last .gallery-img-holder:after, .gallery-grid.grid-col-4 > .gallery-item.last .gallery-img-holder:after { border-bottom-width: 0; }
}

@media (max-width: 991px) and (min-width: 769px) { 
	.gallery-grid.grid-col-6 > .gallery-item { width: 25%; }
	.gallery-grid.grid-col-6 > .gallery-item:nth-child(4n+4) .gallery-img-holder:before { border-right-width: 0; }
	.gallery-grid.grid-col-6 > .gallery-item.last .gallery-img-holder:after, .gallery-grid.grid-col-4 > .gallery-item.last .gallery-img-holder:after { border-bottom-width: 0; }
}

@media (min-width: 992px) {
	.gallery-grid.grid-col-3 > .gallery-item:nth-child(3n+3) .gallery-img-holder:before { border-right-width: 0; }
	.gallery-grid.grid-col-3 > .gallery-item:nth-last-child(-n+3) .gallery-img-holder:after { border-bottom-width: 0; }

	.gallery-grid.grid-col-6 > .gallery-item:nth-child(6n+6) .gallery-img-holder:before, .gallery-grid.grid-col-4 > .gallery-item:nth-child(4n+4) .gallery-img-holder:before { border-right-width: 0; }
	.gallery-grid.grid-col-6 > .gallery-item.last .gallery-img-holder:after, .gallery-grid.grid-col-4 > .gallery-item.last .gallery-img-holder:after { border-bottom-width: 0; }
}

/*gallery-diamond*/
.gallery-diamond { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr); grid-gap: 2vmin; justify-items: center; align-items: center; margin-bottom: 150px; filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.15)); }
.gallery-diamond > .item { z-index: 1; grid-column: span 2; max-width: 100%; margin-bottom: -52%; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); transform: scale(1); transition: all .25s; max-height:280px; max-width:280px; width: 250px; height: 250px; }
.gallery-diamond > .item:hover { cursor: pointer; }

.gallery-diamond > .item img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }

#glightbox { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); text-align:center; z-index: 999; }
#glightbox #content { height: 100vh; display: flex; justify-content: center; justify-items: center; }
#glightbox #content:hover { cursor: pointer; }
#glightbox img { max-width: 100%; max-height: 100vh; margin: auto; }
#glightbox .img-desc { position: absolute; bottom: 20px; padding: 15px 20px; background-color: rgba(255, 144, 0, 0.85); }

@media (min-width: 1200px) {
	.gallery-diamond > .item:nth-child(7n+1) { grid-column: 2 / span 2; }
}
@media (max-width: 1199px) {
	.gallery-diamond { grid-template-columns: repeat(6, 1fr); }
	.gallery-diamond > .item:nth-child(5n+1) { grid-column: 2 / span 2; }
	.gallery-diamond > .item { margin-bottom: -50%; width: 280px; height: 280px; }
}
@media (max-width: 991px) {
	.gallery-diamond > .item { margin-bottom: -55%; width: 220px; height: 220px; }
}
@media (max-width: 768px) {
	.gallery-diamond { grid-template-columns: repeat(3, 1fr); margin-bottom: 0px; }
	.gallery-diamond > .item { margin-bottom: 0; width: initial; height: initial; aspect-ratio: 1/ 1; grid-column: initial; clip-path: none; }
	.gallery-diamond > .item:nth-child(5n+1) { grid-column: unset; }
}

/*list-procedure*/
.list-procedure .list-item { margin-bottom: 45px; position: relative; }
.list-procedure .list-item, .list-procedure .list-item > .list-content { display: -ms-flexbox; display: flex; width: 100%; }
.list-procedure .list-item:before { content: ""; display: block; position: absolute; left: 2rem; top: 45px; width: 1px; height: 100%; background-color: #FF9C00; }
.list-procedure .list-item:last-child:before { top: 0; }

.list-procedure .list-item > .list-count { flex: 0 1; margin-right: 2.5rem; }
.list-procedure .list-count .list-number { font-size: 32px; background-color: #FF9C00; font-weight: bold; line-height: 4rem; width: 4rem; height: 4rem; text-align: center; }
.list-procedure .list-content > div { width: 50%; margin-bottom: 20px; }
.list-procedure .list-content > div:not(:last-child) { margin-right: 2rem; }
.list-procedure .list-content .item-title { font-size: 22px; margin-bottom: 1.25rem;}
.list-procedure .list-eng .item-title { font-size: 18px; }
.list-procedure .list-eng .list-desc { font-size: 14px; }

@media (max-width: 768px) {
	.list-procedure .list-item > .list-content { flex-direction: column; }
	.list-procedure .list-content > div { width: 100%; }
}

/*image-box*/
.image-box .image-box-container { display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: center; }
.image-box.box-col-4 .image-box-container > .box-item { width: 33.33%; }
.image-box .box-container { padding: 20px 30px; border-radius: 10px; }
.image-box .item-thumb > img { width: 100%; }

.image-box .item-title { text-align: center; margin-bottom: 25px; }
.image-box .item-title > h3.text-chi { font-size: 22px; }
.image-box .item-title > h3.text-eng { font-size: 18px; }
.image-box .item-content { text-align: center; }
.image-box .item-content p:not(:last-child) { margin-bottom: 0.5rem; }
.image-box .item-content p.text-eng { font-size: 14px; }

@media (max-width: 991px) {
	.image-box.box-col-4 .image-box-container > .box-item { width: 50%; }
}
@media (max-width: 768px) {
	.image-box.box-col-4 .image-box-container > .box-item { width: 100%; }
}

/*post-details-container*/
/*
.post-details-container .widget_web_contents h3, .post-details-container .widget_web_contents h4, .post-details-container .widget_web_contents h5 { position: relative; line-height: 1.75em; }

.post-details-container .item-list.theme-white .item-date { font-size: 14px; color: #FF9C00; }
.post-details-container .item-list.theme-white .item-title { color: #14213d; font-weight: bold; }
.post-details-container .item-list .item-text { color: #858585; }
*/

/*image-frame*/
.image-frame .widget_image { position: relative; }
.image-frame .widget_image:before, .image-frame .widget_image:after { content: ""; position: absolute; background-color: #14213d; width: 48px; height: 48px; }
.image-frame .widget_image:before { left: 5px; top: 5px; clip-path: polygon(0 0, 100% 0, 0 100%); }
.image-frame .widget_image:after { right: 5px; bottom: 5px; clip-path: polygon(0 0, 0 100% , 100% 100%); transform: rotate(-90deg); }

/*df-list*/
.dynamic_filter-filters #df-filter { display: flex; align-items: center; list-style: none; }
.dynamic_filter-filters ul > li { padding: 0.35rem 1rem; margin-bottom: 0 !important; }
.dynamic_filter-filters ul > li:hover { cursor: pointer; }
.dynamic_filter-filters ul > li:hover span, .dynamic_filter-filters ul > li.active span { color: #1abc9c; }

.item-list.theme-white.df-list .item { background-color: transparent; }
.item-list.image-top.df-list .item>.item-thumb { display: block; max-height: initial; background-color: transparent; }
.item-list.image-top.df-list .item>.item-intro { background-color: #fff; flex-direction: column-reverse; -ms-flex-align: center; align-items: center;}
.item-list.theme-white.df-list .item-cate { border: 0; }
.item-list.image-top.df-list .item .item-title { text-align: center; }
.item-list.image-top.df-list .item .item-title a:hover, .item-list.image-top.df-list .item .item-title a:active:focus { text-decoration: none; color: #1abc9c; }

/*Theme Color*/
/* THEME BLUE*/
.item-list.theme-blue .item { background-color: #FFF; color: #14213D; }
.item-list.theme-blue .item-thumb { background-color: #F7F7F7; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); }
.item-list.theme-blue .item-date { background-color: #14213D; border: 1px #14213D solid; color: #FFF; }
.item-list.theme-blue .item-title { color: #FF9C00; font-size: 24px; }
.item-list.theme-blue .item-cate { background-color: #FFF; color: #14213D; }
.item-list.theme-blue .item-footer { margin-top: 1rem; }

.item-list.theme-blue .btn-more, .btn-theme-blue { background-color: #FF9C00; color: #FFF; border: 1px #FF9C00 solid; font-size: 14px; }
.item-list.theme-blue .btn-more:hover, .btn-theme-blue:hover { background-color: #FF9000; color: #FFF; border-color: #FF9000; }
.item-list.image-back.theme-blue .item>.item-intro { background-color: rgba(0,0,0,0.5); color: #FFF; }
.item-list.image-back.theme-blue .item-title { color: #FFF; }

.table.theme-blue a { text-decoration: none; color: #FF9C00; }
.table.theme-blue a:active, .table.theme-blue a:active:focus, .table.theme-blue a:active:hover, .table.theme-blue a:focus, .table.theme-blue a:hover { color: #77aae3; }
.table.theme-blue tr { background-color: #FFF; color: #777; }
.table.theme-blue thead tr { background-color: #14213D; color: #FFF !important; }
.table-bordered.theme-blue, .table-bordered.theme-blue td, .table-bordered.theme-blue th { border: 1px solid #ddd; }
.table-striped.theme-blue tbody tr:nth-of-type(odd), .table-striped.theme-blue thead+tbody tr:nth-of-type(even) { background-color: #edf4fd; color: #2769af; }
.table-striped.theme-blue tbody tr:nth-of-type(even), .table-striped.theme-blue thead+tbody tr:nth-of-type(odd) { background-color: #fff; color: #2769af; }
.table-hover.theme-blue thead+tbody tr:hover, .table-hover.theme-blue tbody tr:hover { background-color: #f5f9ff; }

.pagination.theme-blue .page-link { color: #14213D; }
.pagination.theme-blue .page-link:hover { background-color: #edf4fd; color: #2769af; border-color: currentColor; }
.pagination.theme-blue .page-item.active .page-link { background-color: #14213D; border-color: #14213D; color: #FFF; }

@media (max-width: 768px) {
	.item-list.theme-blue .item-thumb { margin-bottom: 1.5rem; }
}

.preloader{ background-color:#b8be97; top:0; right:0; bottom:0; left:0 ; margin:auto; width:auto; height:auto; }
.preloader .loader__figure{ border-color: #6e814a;}