/*General*/
.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; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 500; margin-bottom: 0.5rem; }

::selection { background-color: #FF9C00; color: #14213D; }
ul { margin-top: 1rem; }
body { line-height: 1.8rem; }
#page-wrapper, #page_body { overflow: visible; }

/*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: 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; }
@media (max-width: 991px){
	.topbar .container>.row { height: 70px; }
}
.topbar .logo, .topbar .logo img { height: 100%; }

#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 { background-color: #ffa36d !important; 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: #ffbea0; 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 .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: #4f4f4f; color: #FFF; padding: 10px 0; }
#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; }
}

/*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; }

/*modern-table*/
.card-container .widget_dynamic_table { background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); }
.card-container .filter-label, .card-container .filter-col-keyword, .card-container #u_content_dynamic_table_3_reset { display: none; }
.card-container .filter-col-cate { flex: 0 1 auto; min-width: 200px; }
.card-container .filter-buttons .btn { padding: .375rem .75rem; }
.modern-table tr { display: flex; padding: 10px 0; }
.modern-table tr:not(:last-child) { border-bottom: 1px solid #E6E6E6; }
.modern-table td.column-title { flex: 1 0; }

/*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; }
}

/* General Layout */
.row-flex.flex-center { align-items: center; }
.btn-primary, .btn-theme {
    background-color: #ee7f4b;
    border-color: #ee7f4b;
    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: #ee7f4b;
    border-color: #ee7f4b;
    opacity: 0.85;
    box-shadow: none;
}

/* Header */
#page-header { background-color: rgba(238,127,75,1); }

.topbar .container-fluid { padding: 0 15px; } 
.topbar .container-fluid > .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 90px; align-items: center; justify-content: space-between; }
.topbar .row > * { padding-left: 0; padding-right: 0; width: auto; }
.topbar .row .header-left { flex: 1 1 100%; }
.topbar .row .header-right { font-size: 16px; flex: 0 0 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; }

.header-box a:not(.btn) { color: #ffffff; text-decoration: none; }
.header-box a.nav-btn { display: block; width: fit-content; }
.header-box a:hover { color: rgba(255, 255, 255, 0.85); }
.header-box .nav-wrapper { padding: 0 15px; margin-right: 15px; position: relative; }

.header-box .lang-switchs-wrapper { padding: 0 15px; margin-right: 15px; position: relative; }
.header-box .lang-switchs-wrapper:before { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #ffffff; }
.header-box .social-media-group { margin-right: 15px; }
.header-box .social-media-group a:not(:last-child) { margin-right: 0.85rem; }

.topbar .mobile-toggle { display: none; color: #ee7f4b; background-color: #fff; border: none; outline: none; box-shadow: none; padding: 0 0.375em; margin: 0; width: 2.5em; height: 2.5em; }

.topbar .menu { width: auto; }
.lang-switchs-wrapper { display: block; width: auto; }
.lang-switchs-wrapper > a { border: 0; }

@media ( min-width: 768px) {
	.topbar .navbar-nav { display: none !important; }
}
@media (max-width: 767px) {
    .topbar .mobile-toggle { display: block; }
  	/*.topbar #main-menu:not(.open) .navbar-nav { display: none; }
    .topbar #main-menu.open .navbar-nav { display: block; }*/
	.topbar .navbar-nav a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #525255; padding: 16px 40px; }
}

@media ( min-width: 576px ) {
	.topbar .container-fluid { padding: 0 45px; }
}

/* Footer */
footer { padding: 0; text-align: center; flex: 0 1 100%; }
.footer-text > p { font-size: 14px; color: #ffffff; margin-bottom: 0 !important; }

/* Page Layout */
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }

.row p { margin-bottom: 1rem; }

.block h2 { font-size: 1.75rem; }

.page_body .container, .container > .row > * { padding-left: 12px; padding-right: 12px; }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (max-width: 991px) {
  .container > .row > * { flex: 1 0 100% !important; width: 100% !important; max-width: 100% !important; }
}


/* Page Header */
.row > .page-header { padding-top: 35px; padding-bottom: 35px; margin: 0; }
.layout_row.section-page-title .page-title, .content-inner .page-title h1 { margin-bottom: 0; }
.layout_row.section-page-title { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 1; }
.layout_row.section-page-title:before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; z-index: -1; }
.layout_row.section-page-title .page-title h1, .layout_row.section-page-title .page-title h2 { color: #fff; }

/* Page Content */
.content { margin-top: 90px; flex: 1 0 100%; }
#page_body .section { font-size: 16px; }
#page_body .section p { margin-bottom: 1.5rem; }

/* Banner */
.container-fluid.home-banner { padding-left: 0; padding-right: 0; }
.home-banner .banner-container { width: 100%; height: auto; display: block; overflow: visible; }
.home-banner .banner-container-inner { position: relative; width: 100%; height: 700px; overflow-y: hidden; }
.home-banner .banner-container-inner > img { width: 100%; position: absolute; top: 35%; transform: translateY(-35%); }
.home-banner .banner-desc { position: absolute; top: 50%; left: 60%; transform: translateY(-50%); }
.home-banner .banner-desc .banner-title { text-align: center; }
.home-banner .banner-desc .banner-title h1 { color: #ffffff; }
.home-banner .banner-title > h1 span { margin-left: 1rem; }

@media ( min-width: 1201px ) {
	.home-banner .banner-desc .banner-title h1 { font-size: 3rem; }
}

@media ( max-width: 1240px ) {
	.home-banner .banner-container-inner { padding-top: 58%; margin: 0 auto; height: auto; overflow-y: auto; }
	.home-banner .banner-container-inner > img { position: absolute; top: 0; width: 100%; transform: none; }
}
@media ( max-width: 768px ) {
	.home-banner .banner-desc { width: 50%; left: 50%; }
	.home-banner .banner-title > h1 span { display: block; margin-left: 0; margin-top: .5rem; }
}



/* home-title */
.container-fluid.home-title { padding: 0; overflow: hidden; }
.container-fluid.home-title > .row { margin-right: -15px; margin-left: -15px; }
.home-title .hometitle-container { width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: center; }
.home-title .hometitle-container .section-title { margin-bottom: 35px; }
.home-title .banner-container-inner { position: relative; height: 700px; overflow: hidden; }
.home-title .hometitle-container p { font-size: 18px; }
.home-title .banner-container-inner.p1 { border-radius:  0 50px 50px 0; }
.home-title .banner-container-inner.p2 { border-radius:  50px 0 0 50px; }
.home-title .banner-container-inner.p1 > img { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -30%); }

@media (min-width: 1799px) {
	.home-title .banner-container-inner.p1 > img { width: 100%; }
}

@media (max-width: 991px) {
	.home-title .col-end { display: none; }
}

@media (max-width: 767px) {
	.home-title .banner-container-inner { max-height: 380px; }
	.home-title .banner-container-inner.p1 { border-radius: 0 0 50px 50px; }
	.home-title .banner-container-inner.p2 { height: 0; }
	.home-title .banner-container-inner.p1 > img { width: 100%; top: 0; transform: translate(-50%, -25%); }
}

.banner-overlay { position: relative; }
.banner-overlay:before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; }

/* highlight */
@media (max-width: 991px) {
	.section-video { position: relative; overflow: hidden; width: 100%; /*padding-top: 56.25%;*/ }
	.section-video > iframe { max-width: 100%; }
	.responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
  
  .home-highlight .widget-inter { text-align: center; }
}

/* achievements-container */
.achievements-container { display: -ms-flexbox; display: flex; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 20px; column-gap: 20px; }
.achievements-container .item { padding: 35px 20px; width: 48%; flex: 1 1 auto; flex-direction: row; aspect-ratio: auto; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; text-decoration: none; box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2); }
.achievements-container .item:hover { opacity: 0.85; }
.achievements-container .item i { font-size: 1.8em; margin-bottom: 0; margin-left: 1rem; margin-right: 1rem; color: #ffffff; width: 1em; text-align: center; }
.achievements-container .item h3 { font-size: 1.65rem; color: #ffffff; }

@media ( min-width: 768px ) and ( max-width: 1199px ) {
	.achievements-container .item i { font-size: 1.8em; }
	.achievements-container .item h4 { font-size: 1.45rem; margin-bottom: 0; }
}

@media ( max-width: 767px ) {
	.section-8-goals { margin-bottom: 60px; }
	.achievements-container .item i { font-size: 1.65em; }
	.achievements-container .item h4 { font-size: 1.45rem; margin-bottom: 0; }
}


/* tablelist-view */
.tablelist-view .tablelist-inner .item { display: -ms-flexbox; display: flex; padding: 15px 0; position: relative; }
.tablelist-view .tablelist-inner .item:last-child { margin-bottom: 0; padding-bottom: 0; }
.tablelist-view .tablelist-inner .item:not(:last-child):after { content: ""; display: block; width: 100%; border-bottom: 1px solid #E6E6E6; position: absolute; bottom: 0; }

.tablelist-view .item .item-tag { flex: 0 0 auto; }
.tablelist-view .item .column-cate-name > span { padding: 3px 12px; color: #fff; border-radius: 4px; font-size: 14px; margin-right: 1rem; }

.tablelist-view .item .item-content { display: -ms-flexbox; display: flex; width: 100%; justify-content: space-between; flex: 4 1 auto; }
.tablelist-view .item .column-title { margin-right: 1rem; }
.tablelist-view .item .column-post-date { font-size: 14px; color: #AAAAAA; flex: 0 0 auto; }

.tablelist-view .tablelist-inner-footer.left { text-align: left; }
.tablelist-view .tablelist-inner-footer.center { text-align: center; }
.tablelist-view .tablelist-inner-footer.right { text-align: right; }

html:lang(en) .tablelist-view .item .column-cate-name { min-width: 110px; }

.widget_dynamic_tablev2 .filter-col { -ms-flex: 0; flex: 0; }
.widget_dynamic_tablev2 .filter-col.filter-col-cate { min-width: 200px; }
.widget_dynamic_tablev2 .filter-label, .widget_dynamic_tablev2 .filter-col-keyword, .widget_dynamic_tablev2 .reset { display: none; }
.widget_dynamic_tablev2 .btn { padding: 0.375em 0.75em; font-weight: normal; }
.widget_dynamic_tablev2 .btn-info, .widget_dynamic_tablev2 .btn-info:active, .widget_dynamic_tablev2 .btn-info:focus, .widget_dynamic_tablev2 .btn-info:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #ee7f4b; color: #ee7f4b; box-shadow: none; }

/* tablelist-mini */
.tablelist-mini { border: 1px solid #EE7F4B; border-radius: 8px; padding: 30px 25px; }
.tablelist-mini .tablelist-inner { display: -ms-flexbox; display: flex; flex-direction: column; margin-bottom: 15px; }

.tablelist-view.tablelist-mini .item .item-content { flex-direction: column; }

/* pagination */
.pagination .page-link { border: 0; }
.pagination .page-link, .pagination .page-item.disabled .page-link { background-color: transparent; }
.pagination.theme-white .page-link { color: #EE7F4B; }
.pagination.theme-white .page-link:hover { color: #ffbe6d; }
.pagination.theme-white .page-item.active .page-link { border-radius: 4px; background-color: #EE7F4B; }
.pagination.theme-white .page-item.disabled .page-link { color: #D6D6D6; }

/* marquee-container */
.marquee-container { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; }
.marquee-title { flex: 1 0 auto; }
.marquee-title > span { font-size: 1.25rem; font-weight: 500; line-height: 1.2; margin-bottom: 0; padding: 0 15px; }
.marquee-scroll { padding: 20px 0; overflow: hidden; flex: 1 1 100%; }
.marquee-inner { display: inline-flex; flex-wrap: nowrap; padding-left: 100%; white-space: nowrap; animation: marquee 32s linear infinite; }
.marquee-inner > .marquee-item { padding: 0 35px; }
.marquee-inner > .marquee-item p { margin-bottom: 0; }
.marquee-inner > .marquee-item .item-date { margin-right: 1rem; }
.marquee-inner > .marquee-item a { color: #ee7f4b; text-decoration: none; }
.marquee-inner > .marquee-item a:hover { color: #ffbe6d; opacity: 0.85; }
.marquee-more { flex: 1 0 auto; }
.marquee-more > a { margin: 0 15px; } 

@keyframes marquee {
  100% {
    transform: translateX(-100%);
  }
}

/* sidebar-inner-menu-list */
.sidebar-inner-menu-list { flex-direction: column; }
.sidebar-inner-menu-list .menu-nav-item, .sidebar-inner-menu-list .menu-eng-nav-item { background-color: #fafafa; padding: 30px 25px; margin-bottom: 35px; }
.sidebar-inner-menu-list .menu-parent-item, .sidebar-inner-menu-list .menu-eng-parent-item { font-size: 1.35rem !important; font-weight: 500; line-height: 1.2; padding: 0 !important; color: #525255; }
.sidebar-inner-menu-list .menu-sub-item, .sidebar-inner-menu-list .menu-eng-sub-item { list-style-type: none; padding-left: 0; margin-top: 15px; font-size: 18px; }

@media (max-width: 991px) {
  .widget_navigation { border-top: 1px solid #E6E6E6; padding-top: 3rem !important; margin-top: 3rem; }
}

/* Sidebar Menu */
.inner-menu-list, .sidebar-inner-menu-list > .sidebar-inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; }
.inner-menu-list a, .sidebar-inner-menu-list a { color: #ee7f4b; text-decoration: none; transition: 0.5s all; width: fit-content; }
.inner-menu-list a:hover, .sidebar-inner-menu-list a:hover { color: #ffbe6d; opacity: 0.85; }
/*.inner-menu-list > a:after { content: ""; display: block; width: 150px; height: 8px; background-color: #ee7f4b;clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%); }*/

/*.section-side-inner-menu { display: none; }*/
.section-side-inner-menu { display: block; position: sticky; top: 90px; width: 100%; z-index: 5; background-color: #fbe4d9; }

.section-side-inner-menu.sidebar-menu {position: relative; }
.section-side-inner-menu .inner-menu-list { flex-wrap: nowrap; flex-direction: row; }
.section-side-inner-menu .inner-menu-list > a { margin-bottom: 0px; padding: 10px; line-height: 1.4rem; }

.sidebar-menu .inner-menu-list:not(:last-child), .sidebar-menu .sidebar-inner-menu-list:not(:last-child) { margin-bottom: 35px; }
.sidebar-menu .sidebar-inner { background-color: #fafafa; padding: 30px 25px; }
.sidebar-menu .sidebar-title { font-size: 1.25rem; font-weight: 500; line-height: 1.2; margin-bottom: 15px; }
.sidebar-menu a:not(:last-child) { margin-bottom: 10px; }

@media (max-width: 767px) {
	.section-side-inner-menu { top: 90px; left: 0; }
	.section-side-inner-menu .inner-menu-list { justify-content: center; }
	.sidebar-menu { border-top: 1px solid #E6E6E6; padding-top: 3rem; }
}
@media (max-width: 375px) {
	.section-side-inner-menu .inner-menu-list > a { font-size: 0.8rem; }
}

/* General Section */
/*.layout_row .section-title { margin-bottom: 35px; position: relative; }*/
.layout_row .section:not(.section-header) .section-title { position: relative; background-color: #ee7f4b; background: linear-gradient(90deg,rgba(238, 127, 75, 1) 0%, rgba(255, 185, 105, 1) 100%); color: #fff; padding: 15px; padding-right: 100px; margin-bottom: 35px; }
.layout_row .section-title h2 { color: inherit; margin-bottom: 0; }
.layout_row .section { padding-top: 50px; margin-top: -50px; margin-bottom: 35px; }
.layout_row .section:last-child { margin-bottom: 0; }
/*.layout_row .section:not(.section-header) .section-title:after { content: ""; position: absolute; display: block; background-color: #000; height: 1px; width: 100%; }*/
.layout_row .section:not(.section-header) .section-title:after { content: ""; /*border-width: 30px; border-style: solid; border-color: #fff #fff #fff transparent;*/ background-color: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50% 50%); height: 106%; width: 50px; position: absolute; top: 50%; right: -1px; transform: translate(0, -50%); }
.layout_row .section:not(.section-header) .section-title:before { content: ""; /*border-width: 10px; border-style: solid; border-color: transparent #fff #fff transparent;*/ position: absolute; top: 50%; right: 30px; transform: translate(0, -50%); background-color: #fff; clip-path: polygon(0 0, 30% 0, 80% 50%, 30% 100%, 0 100%, 50% 50%); height: 106%; width: 50px; display: block; }
.layout_row .section h3 { margin-bottom: 1rem; }
.layout_row .section h4 { font-size: 1.1rem; margin-bottom: 1rem; }
.layout_row .section ol > li, .layout_row .section ul > li { margin-bottom: 0.5rem; }

.section-content .link-list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
.section-content .link-list a:not(:last-child) { margin-bottom: 0.5em; }

@media (max-width: 767px) {
	.layout_row .section { padding-top: 20px; margin-top: -20px; }
}

/* work-report */
.work-report .section-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.work-report .grid-col-3 .item-download { width: 33.33%; }
.work-report .item-download > a { font-size: 20px; color: #ffffff; text-decoration: none; padding: 15px 25px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; flex-direction: column; }

.work-report .item-download > a:hover .btn { color: #ffffff; }
.work-report .item-download > a:active .btn { background-color: #f19266; border-color: #f19266; }
.work-report .item-download > a i { padding-right: 15px; }
.work-report .item-download > a span { margin-bottom: 0; }

.work-report .item-download > a img { box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); transition: all 0.5s; margin-bottom: 1rem;}
.work-report .item-download > a:hover img { box-shadow: 0px 0px 8px .25rem rgba(246, 208, 174, .5);  }

@media ( max-width: 767px ) {
	.work-report .section-title { margin-bottom: 1.25rem; }
	.work-report .grid-col-3 .item-download { width: 50%; }
}

@media ( max-width: 375px ) {
	.work-report .grid-col-3 .item-download { width: 100%; }
}