.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= Body ====================== */

/** Body >> h1, h2, h3, h4, h5, h6 **/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: rgb(41, 96, 10) !important;
}

/** Body >> body, p, input **/
body, 
p, 
input {
	font-size: 16px !important;
	letter-spacing: 0 !important;
}

/** Body >> h2:not(:first-child) **/
h2:not(:first-child) {
	margin-top: 40px !important;
}

/** Body >> div.the_champ_sharing_container **/
div.the_champ_sharing_container {
	margin-bottom: 36px !important;
}

/** Body >> .breadcrumbs **/
.breadcrumbs {
	display: none !important;
}

/** Body >> .share_title **/
.share_title {
	font-weight: bold !important;
}

/** Body >> .btn_center **/
.btn_center {
	font-size: 1rem !important;
	width: 160px !important;
	margin: 1rem auto 1rem auto !important;
	display: block !important;
}

/** Body >> .tmem_in **/
.tmem_in {
	background-image: url("/wp-content/uploads/2026/03/LinkedIn_logo_initials.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 32px !important;
	height: 32px !important;
	display: block !important;
}


/*= Home ====================== */

/** Home >> section.hero-slideshow-wrapper **/
section.hero-slideshow-wrapper {
	min-height: 400px !important;
}

/** Home >> section#team **/
section#team {
	background-color: rgb(255, 255, 255) !important;
}

/** Home >> section#features **/
section#features {
	display: none !important;
}


/*= Services ================== */

/** Services >> ul#menu-service-menu li.current-menu-item a **/
ul#menu-service-menu li.current-menu-item a {
	color: rgb(129, 215, 66) !important;
	font-weight: bold !important;
}


/*= Contact Us ================ */

/** Contact Us >> div.off_loc **/
div.off_loc {
	font-size: 1rem !important;
	vertical-align: top !important;
	width: 48% !important;
	margin-right: 4% !important;
	margin-bottom: 50px !important;
	display: inline-block !important;
}

/** Contact Us >> div.off_loc:nth-of-type(even) **/
div.off_loc:nth-of-type(even) {
	margin-right: 0 !important;
}

/** Contact Us >> .off_loc_wrap **/
.off_loc_wrap {
	font-size: 0 !important;
}

/** Contact Us >> .contact_info iframe **/
.contact_info iframe {
	margin-top: 1rem !important;
}


/*= Footer ==================== */

/** Footer >> Menu Item A **/
footer#colophon .menu-item a:hover {
	text-decoration: none !important;
}

/** Footer >> .the_champ_svg **/
.the_champ_svg {
	background-color: rgba(41, 96, 10, 0.9) !important;
}


/*= Jobs ====================== */

/** Jobs >> Job Title **/
div.job_post_title {
	color: rgb(41, 96, 10) !important;
	font-size: 20px !important;
	font-weight: bold !important;
}

/** Jobs >> Job Desc **/
div.job_desc {
	margin-top: 20px !important;
}

/** Jobs >> Job Sharing **/
div.job_desc div.the_champ_sharing_container {
	display: none !important;
}

/** Jobs >> Job Opening **/
article#post-21 div.job_opening {
	margin-bottom: 64px !important;
}


/*= Download ================== */

/** Download >> Download Item **/
div.dli_item {
	width: 400px !important;
	max-width: 100% !important;
	margin-bottom: 64px !important;
}

/** Download >> Thumbnail Image **/
div.dli_thumbnail img {
	margin: auto !important;
	position: absolute !important;
	top: 0px !important;
	bottom: 0px !important;
	left: 0px !important;
	right: 0px !important;
}

/** Download >> Thumbnail Area **/
div.dli_thumbnail {
	width: 150px !important;
	height: 150px !important;
	border: 1px solid rgb(41, 96, 10) !important;
	position: relative !important;
	cursor: pointer !important;
}

/** Download >> Doc Title A **/
div.dli_title a {
	color: rgb(41, 96, 10) !important;
	font-size: 18px !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

/** Download >> Doc Title  **/
div.dli_title {
	margin-top: 16px !important;
	margin-bottom: 8px !important;
}


/*= Header ==================== */

/** Header >> Site Title **/
.site-title {
	font-size: 23px !important;
	vertical-align: top !important;
	width: 300px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	display: inline-block !important;
}

/** Header >> Site Title A **/
.site-title a {
	text-decoration: none !important;
}

/** Header >> Current Menu Item **/
.current_menu_item a {
	color: rgb(129, 215, 66) !important;
}

/** Header >> a.site-text-logo **/
a.site-text-logo {
	font-size: 18px !important;
	letter-spacing: 0 !important;
}

/** Header >> div.site-logo-div **/
div.site-logo-div {
	vertical-align: top !important;
	width: 180px !important;
	height: 60px !important;
	margin-right: 16px !important;
	margin-bottom: 0 !important;
	display: inline-block !important;
}

/** Header >> span.js-rotating span **/
span.js-rotating span {
	color: rgb(255, 255, 255) !important;
	margin-bottom: 24px !important;
	display: inline !important;
}

/** Header >> .small-slider-text **/
.small-slider-text {
	font-size: 20px !important;
	line-height: 26px !important;
	font-weight: normal !important;
	font-style: italic !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

/** Header >> a#nav-toggle **/
a#nav-toggle {
	margin-left: 4px !important;
}

/** Header >> h2.hero-large-text **/
h2.hero-large-text {
	color: rgb(255, 255, 255) !important;
	display: inline !important;
}

/** Header >> .page-header **/
.page-header {
	background-color: rgba(41, 96, 10, 0.8) !important;
}

/** Header >> .page-header h1 **/
.page-header h1 {
	color: rgb(255, 255, 255) !important;
}


/*= Section =================== */

/** Section >> Services **/
section#services {
	background-color: rgb(238, 238, 238) !important;
}


/*= Menu ====================== */

/** Menu >> Mobile Menu **/
ul.onepress-menu-mobile {
	height: auto !important;
}


/*= Blog ====================== */

/** Blog >> .blog_post_list **/
.blog_post_list {
	margin-bottom: 48px !important;
}

/** Blog >> .blg_post_thumb **/
.blg_post_thumb {
	background-position: center center !important;
	background-size: cover !important;
	margin-bottom: 16px !important;
}

/** Blog >> .blg_image **/
.blg_image {
	margin-bottom: 16px !important;
	cursor: pointer !important;
}

/** Blog >> .blg_image img **/
.blg_image img {
	box-shadow: 1px 1px 4px 0 rgba(224, 31, 34, 0.3) !important;
}

/** Blog >> .type-blog_post .wp-post-image **/
.type-blog_post .wp-post-image {
	margin-bottom: 24px !important;
}

/** Blog >> .blg_title **/
.blg_title {
	font-size: 20px !important;
	margin-bottom: 4px !important;
}

/** Blog >> .blg_date **/
.blg_date {
	font-size: 14px !important;
	margin-bottom: 8px !important;
}

/** Blog >> .blg_feature_img **/
.blg_feature_img {
	margin-bottom: 24px !important;
}

/** Blog >> .post-thumb-img-content img **/
.post-thumb-img-content img {
	display: none !important;
}

/** Blog >> .ast-single-post-order h1 **/
.ast-single-post-order h1 {
	display: none !important;
}


/*= Blog Index ================ */

/** Blog Index >> .pods-pagination-number **/
.pods-pagination-number {
	color: rgb(255, 255, 255) !important;
	font-size: 1rem !important;
	background-color: rgb(224, 31, 34) !important;
	padding: 8px 16px 8px 16px !important;
	margin-right: 4px !important;
	border: 1px solid rgb(221, 44, 41) !important;
	border-radius: 4px !important;
	display: inline-block !important;
}

/** Blog Index >> .pods-pagination-number:hover,  .pods-pagination-number:active,  .pods-pagination-number:focus **/
.pods-pagination-number:hover, 
.pods-pagination-number:active, 
.pods-pagination-number:focus {
	text-decoration: none !important;
}

/** Blog Index >> .pods-pagination-current **/
.pods-pagination-current {
	color: rgb(221, 44, 41) !important;
	background-color: rgb(255, 255, 255) !important;
	border-width: 1px !important;
	border-style: solid !important;
}

/** Blog Index >> .pods-pagination-advanced **/
.pods-pagination-advanced {
	display: block !important;
}

/** Blog Index >> .pods-pagination-number:after **/
.pods-pagination-number:after {
	font-size: 1rem !important;
}

/** Blog Index >> .hk .pods-pagination-advanced .pods-pagination-last:last-of-type, .hk .pods-pagination-next **/
.hk .pods-pagination-advanced .pods-pagination-last:last-of-type, 
.hk .pods-pagination-next {
	font-size: 0 !important;
}

/** Blog Index >> .hk .pods-pagination-advanced .pods-pagination-first:first-of-type, .hk .pods-pagination-prev **/
.hk .pods-pagination-advanced .pods-pagination-first:first-of-type, 
.hk .pods-pagination-prev {
	font-size: 0 !important;
}

/** Blog Index >> .hk .pods-pagination-next:after **/
.hk .pods-pagination-next:after {
	content: "下一頁›" !important;
}

/** Blog Index >> .hk .pods-pagination-prev:after **/
.hk .pods-pagination-prev:after {
	content: "‹上一頁" !important;
}

/** Blog Index >> .hk .pods-pagination-advanced .pods-pagination-last:last-of-type:after **/
.hk .pods-pagination-advanced .pods-pagination-last:last-of-type:after {
	content: "尾頁»" !important;
}

/** Blog Index >> .cn .pods-pagination-advanced .pods-pagination-last:last-of-type:after **/
.cn .pods-pagination-advanced .pods-pagination-last:last-of-type:after {
	content: "»" !important;
}

/** Blog Index >> .hk .pods-pagination-advanced .pods-pagination-first:first-of-type:after **/
.hk .pods-pagination-advanced .pods-pagination-first:first-of-type:after {
	content: "«首頁" !important;
}


/*= Blog Shared Post ========== */

/** Blog Shared Post >> .blog_post_list > a:hover **/
.blog_post_list > a:hover {
	color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}

/** Blog Shared Post >> .blog_post_list .post-wrapper **/
.blog_post_list .post-wrapper {
	background-color: rgba(0, 0, 0, 0) !important;
	margin-bottom: 16px !important;
}

/** Blog Shared Post >> .post_clicker **/
.post_clicker {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

/** Blog Shared Post >> .post-wrapper **/
.post-wrapper {
	background-color: rgb(0, 0, 0) !important;
	padding: 0 !important;
	position: relative !important;
}

/** Blog Shared Post >> .fb-post **/
.fb-post {
	text-align: center !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}

/** Blog Shared Post >> .fb-post span **/
.fb-post span {
	background-color: rgb(255, 255, 255) !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Blog Shared Post >> .fb_iframe_widget **/
.fb_iframe_widget {
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Blog Shared Post >> .fb_iframe_widget iframe **/
.fb_iframe_widget iframe {
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Blog Shared Post >> .twitter-tweet **/
.twitter-tweet {
	min-width: 0 !important;
	margin: 0px auto 0px auto !important;
}


/*= Blog Post ================= */

/** Blog Post >> .blog_post-template-default .thumbnail **/
.blog_post-template-default .thumbnail {
	display: none !important;
}

/** Blog Post >> .blog_post-template-default article:nth-of-type(1) > .entry-header **/
.blog_post-template-default article:nth-of-type(1) > .entry-header {
	display: none !important;
}

/** Blog Post >> .blog_post-template-default .entry-title **/
.blog_post-template-default .entry-title {
	padding-bottom: 0 !important;
	margin-bottom: 8px !important;
	border-bottom-style: none !important;
}

/** Blog Post >> header .blg_date **/
header .blg_date {
	padding-bottom: 8px !important;
	margin-bottom: 24px !important;
	border-bottom: 1px solid rgb(241, 241, 241) !important;
}

/** Blog Post >> .instagram-media **/
.instagram-media {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 500px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Blog Post >> .linkedin-wrapper iframe **/
.linkedin-wrapper iframe {
	margin-right: auto !important;
	margin-left: auto !important;
	display: block !important;
}

/** Blog Post >> .others-wrapper **/
.others-wrapper {
	margin-bottom: 0 !important;
}

/** Blog Post >> .tumblr-embed **/
.tumblr-embed {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/** Blog Post >> .others-wrapper p **/
.others-wrapper p {
	display: none !important;
}

/** Blog Post >> .others-wrapper iframe **/
.others-wrapper iframe {
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Blog Post >> .blg_read_wechat **/
.blg_read_wechat {
	color: rgb(255, 255, 255) !important;
	font-size: 1.25rem !important;
	background-color: rgb(45, 192, 0) !important;
	padding: 8px 16px 8px 16px !important;
	border-radius: 8px !important;
}

/** Blog Post >> .blg_read_wechat:before **/
.blg_read_wechat:before {
	vertical-align: top !important;
	background-image: url("/wp-content/uploads/2020/10/WeChat.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	width: 1.25rem !important;
	height: 1.25rem !important;
	margin-top: 6px !important;
	margin-right: 4px !important;
	display: inline-block !important;
	content: " " !important;
}


/*= Blog Video ================ */

/** Blog Video >> .youtube-video **/
.youtube-video {
	height: 0 !important;
	padding-bottom: 75% !important;
	margin-bottom: 16px !important;
	position: relative !important;
}

/** Blog Video >> .youtube-video iframe **/
.youtube-video iframe {
	width: 100% !important;
	height: 100% !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	position: absolute !important;
}

/** Blog Video >> .youku-video **/
.youku-video {
	background-color: rgb(0, 0, 0) !important;
	padding-bottom: 75% !important;
	margin-bottom: 16px !important;
	position: relative !important;
}

/** Blog Video >> .youku-video iframe **/
.youku-video iframe {
	width: 100% !important;
	height: 100% !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

/** Blog Video >> .bilibili-video **/
.bilibili-video {
	background-color: rgb(0, 0, 0) !important;
	padding-bottom: 75% !important;
	margin-bottom: 16px !important;
	position: relative !important;
}

/** Blog Video >> .bilibili-video iframe **/
.bilibili-video iframe {
	width: 100% !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

/** Blog Video >> .tencent-video **/
.tencent-video {
	background-color: rgb(0, 0, 0) !important;
	padding-bottom: 75% !important;
	margin-bottom: 16px !important;
	position: relative !important;
}

/** Blog Video >> .tencent-video iframe **/
.tencent-video iframe {
	width: 100% !important;
	height: 100% !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

/** Blog Video >> .facebook-video **/
.facebook-video {
	background-color: rgb(0, 0, 0) !important;
	margin-bottom: 16px !important;
	position: relative !important;
}

/** Blog Video >> .facebook-video iframe **/
.facebook-video iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

/** Blog Video >> .facebook-video-post **/
.facebook-video-post {
	background-color: rgb(0, 0, 0) !important;
	height: 0 !important;
}

/** Blog Video >> .facebook-video-post iframe **/
.facebook-video-post iframe {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

/** Blog Video >> .youku-video-post **/
.youku-video-post {
	background-color: rgb(0, 0, 0) !important;
}

/** Blog Video >> .youku-video-post iframe **/
.youku-video-post iframe {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

/** Blog Video >> .video-aspect-1-to-1 **/
.video-aspect-1-to-1 {
	padding-bottom: 100% !important;
}

/** Blog Video >> .video-aspect-16-to-9 **/
.video-aspect-16-to-9 {
	padding-bottom: 75% !important;
}

/** Blog Video >> .video-aspect-4-to-3 **/
.video-aspect-4-to-3 {
	padding-bottom: 75% !important;
}

/** Blog Video >> .video-aspect-3-to-4 **/
.video-aspect-3-to-4 {
	padding-bottom: 100% !important;
}

/** Blog Video >> .video-aspect-9-to-16 **/
.video-aspect-9-to-16 {
	padding-bottom: 100% !important;
}

/** Blog Video >> .facebook-video-aspect-16-to-9 iframe **/
.facebook-video-aspect-16-to-9 iframe {
	height: 75% !important;
}

/** Blog Video >> .facebook-video-aspect-3-to-4 iframe **/
.facebook-video-aspect-3-to-4 iframe {
	width: 75% !important;
}

/** Blog Video >> .facebook-video-aspect-9-to-16 iframe **/
.facebook-video-aspect-9-to-16 iframe {
	width: 56.25% !important;
}

/** Blog Video >> div:not(.blog_post_list)  .facebook-video-aspect-16-to-9 iframe **/
div:not(.blog_post_list)  .facebook-video-aspect-16-to-9 iframe {
	height: 100% !important;
	margin-top: 9.375% !important;
}

/** Blog Video >> .youku-video-aspect-16-to-9 iframe **/
.youku-video-aspect-16-to-9 iframe {
	height: 75% !important;
}

/** Blog Video >> .bilibili-video-aspect-16-to-9 iframe **/
.bilibili-video-aspect-16-to-9 iframe {
	height: 75% !important;
}

/** Blog Video >> .bilibili-video-aspect-9-to-16 iframe **/
.bilibili-video-aspect-9-to-16 iframe {
	height: 100% !important;
}

/** Blog Video >> .tencent-video-aspect-16-to-9 iframe **/
.tencent-video-aspect-16-to-9 iframe {
	height: calc(75% + 50px) !important;
}

/** Blog Video >> .blog_post_list .tencent-video-aspect-16-to-9 **/
.blog_post_list .tencent-video-aspect-16-to-9 {
	height: calc(75% + 50px) !important;
}


/*= Blog Gallery ============== */

/** Blog Gallery >> .blg_gallery **/
.blg_gallery {
	font-size: 0 !important;
	margin-top: 16px !important;
}

/** Blog Gallery >> .blg_gallery_img **/
.blg_gallery_img {
	font-size: 1rem !important;
	vertical-align: top !important;
	background-color: rgba(221, 44, 41, 0.4) !important;
	position: relative !important;
	display: inline-block !important;
}

/** Blog Gallery >> .blg_gallery_img img **/
.blg_gallery_img img {
	max-height: 100% !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	display: inline-block !important;
	cursor: pointer !important;
	transform: translate(-50%, -50%) !important;
}

/** Blog Gallery >> .blg_gallery_4 .blg_gallery_img **/
.blg_gallery_4 .blg_gallery_img {
	background-color: rgba(41, 96, 10, 0.4) !important;
	width: 23.5% !important;
	padding-bottom: 23.5% !important;
	margin-right: 2% !important;
	margin-bottom: 2% !important;
}

/** Blog Gallery >> .blg_gallery_4 .blg_gallery_img:nth-of-type(4n) **/
.blg_gallery_4 .blg_gallery_img:nth-of-type(4n) {
	margin-right: 0 !important;
}


/*= Cards ===================== */

/** Cards >> .cards **/
.cards {
	font-size: 0 !important;
}

/** Cards >> .card2 **/
.card2 {
	font-size: 1rem !important;
	vertical-align: top !important;
	width: 48% !important;
	margin-right: 4% !important;
	margin-bottom: 32px !important;
	display: inline-block !important;
	cursor: pointer !important;
}

/** Cards >> .card2:nth-of-type(2n) **/
.card2:nth-of-type(2n) {
	margin-right: 0 !important;
}

/** Cards >> .card3 **/
.card3 {
	font-size: 1rem !important;
	vertical-align: top !important;
	width: 31.3333% !important;
	margin-right: 3% !important;
	margin-bottom: 24px !important;
	display: inline-block !important;
	cursor: pointer !important;
}

/** Cards >> .card3:nth-of-type(3n) **/
.card3:nth-of-type(3n) {
	margin-right: 0 !important;
}

/** Cards >> .card4 **/
.card4 {
	font-size: 1rem !important;
	vertical-align: top !important;
	width: 23.5% !important;
	margin-right: 2% !important;
	margin-bottom: 24px !important;
	display: inline-block !important;
	cursor: pointer !important;
}

/** Cards >> .card4:nth-of-type(4n) **/
.card4:nth-of-type(4n) {
	margin-right: 0 !important;
}


/*= Publication =============== */

/** Publication >> .book_left **/
.book_left {
	vertical-align: top !important;
	width: 240px !important;
	margin-right: 32px !important;
	display: inline-block !important;
}

/** Publication >> .book_right **/
.book_right {
	font-size: 1rem !important;
	width: calc(100% - 272px) !important;
	display: inline-block !important;
}

/** Publication >> .book_author **/
.book_author {
	color: rgba(41, 96, 10, 0.9) !important;
	font-size: 1.2rem !important;
	font-weight: bold !important;
	margin-bottom: 1rem !important;
}

/** Publication >> .book **/
.book {
	font-size: 0 !important;
}

/** Publication >> .book + .book **/
.book + .book {
	padding-top: 2.5rem !important;
}

/** Publication >> .book_bullets li **/
.book_bullets li {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/** Publication >> .award_img **/
.award_img {
	box-shadow: 2px 2px 2px 2px !important;
	max-width: 600px !important;
	margin-bottom: 1rem !important;
}


/*= Team ====================== */

/** Team >> .tmem_titles **/
.tmem_titles {
	color: rgb(41, 96, 10) !important;
	font-weight: bold !important;
	margin-bottom: 1rem !important;
}

/** Team >> .tmem_left **/
.tmem_left {
	vertical-align: top !important;
	width: 240px !important;
	margin-right: 32px !important;
	display: inline-block !important;
}

/** Team >> .tmem_right **/
.tmem_right {
	font-size: 1rem !important;
	vertical-align: top !important;
	width: calc(100% - 240px - 32px) !important;
	display: inline-block !important;
}

/** Team >> .tmem **/
.tmem {
	font-size: 0 !important;
	margin-bottom: 4rem !important;
}

/** Team >> .tmem_key img **/
.tmem_key img {
	border-radius: 50% !important;
}


/*= Viewer 2 ================== */

/** Viewer 2 >> .viewer-reset, .viewer-one-to-one **/
.viewer-reset, 
.viewer-one-to-one {
	float: right !important;
}

/** Viewer 2 >> .viewer-toolbar **/
.viewer-toolbar {
	width: 360px !important;
	height: 64px !important;
}

/** Viewer 2 >> .viewer-toolbar li **/
.viewer-toolbar li {
	width: 48px !important;
	height: 48px !important;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	margin-left: 4px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(1) **/
.viewer-toolbar > li:nth-of-type(1) {
	margin-left: 0 !important;
}

/** Viewer 2 >> .viewer-toolbar li:before **/
.viewer-toolbar li:before {
	background-image: url("/wp-content/uploads/2026/10/Viewer-Buttons.png") !important;
	background-size: cover !important;
	width: 40px !important;
	height: 40px !important;
	margin: 4px !important;
	position: relative !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(2):before **/
.viewer-toolbar > li:nth-of-type(2):before {
	background-position: -40px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(3):before **/
.viewer-toolbar > li:nth-of-type(3):before {
	background-position: -80px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(4):before **/
.viewer-toolbar > li:nth-of-type(4):before {
	background-position: -120px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(5):before **/
.viewer-toolbar > li:nth-of-type(5):before {
	background-position: -160px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(6):before **/
.viewer-toolbar > li:nth-of-type(6):before {
	background-position: -200px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(7):before **/
.viewer-toolbar > li:nth-of-type(7):before {
	background-position: -240px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(8):before **/
.viewer-toolbar > li:nth-of-type(8):before {
	background-position: -360px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(9):before **/
.viewer-toolbar > li:nth-of-type(9):before {
	background-position: -400px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(10):before **/
.viewer-toolbar > li:nth-of-type(10):before {
	background-position: -280px !important;
}

/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(11):before **/
.viewer-toolbar > li:nth-of-type(11):before {
	background-position: -320px !important;
}

/** Viewer 2 >> .viewer-invisible **/
.viewer-invisible {
	height: 0 !important;
}

/** Viewer 2 >> .viewer-close **/
.viewer-close {
	width: 120px !important;
	height: 120px !important;
	top: -60px !important;
	right: -60px !important;
}

/** Viewer 2 >> .viewer-close:before **/
.viewer-close:before {
	background-image: url("/wp-content/uploads/2026/10/Viewer-Buttons.png") !important;
	width: 40px !important;
	height: 40px !important;
	bottom: 15px !important;
	left: 15px !important;
	background-position: -520px !important;
}

/** Viewer 2 >> .viewer-container **/
.viewer-container {
	z-index: 999999 !important;
}

/** Viewer 2 >> .viewer-title **/
.viewer-title {
	display: none !important;
}

/** Viewer 2 >> .viewer-footer, .viewer-close **/
.viewer-footer, 
.viewer-close {
	background-color: rgba(41, 96, 10, 0.5) !important;
}

/** Viewer 2 >> .viewer-canvas **/
.viewer-canvas {
	background-color: rgba(41, 96, 10, 0.2) !important;
}

/** Viewer 2 >> .viewer-toolbar li:hover, .viewer-close:hover **/
.viewer-toolbar li:hover, 
.viewer-close:hover {
	background-color: rgb(41, 96, 10) !important;
}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 991px) {
	/** Contact Us >> div.off_loc **/
	div.off_loc {
	width: 100% !important;
}

	/** Publication >> .book_left **/
	.book_left {
	width: 200px !important;
}

	/** Publication >> .book_right **/
	.book_right {
	width: calc(100% - 232px) !important;
}

	/** Team >> .tmem_left **/
	.tmem_left {
	width: 200px !important;
}

	/** Team >> .tmem_right **/
	.tmem_right {
	width: calc(100% - 200px - 32px) !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Header >> Site Title **/
	.site-title {
	font-size: 16px !important;
	width: 260px !important;
	margin-top: 8px !important;
}

	/** Header >> a.site-text-logo **/
	a.site-text-logo {
	font-size: 16px !important;
	font-weight: 600 !important;
}

	/** Header >> div.site-logo-div **/
	div.site-logo-div {
	width: 120px !important;
	margin-right: 8px !important;
}

	/** Header >> span.js-rotating span **/
	span.js-rotating span {
	font-size: 48px !important;
}

	/** Home >> div.icon-image **/
	div.icon-image {
	text-align: center !important;
	width: 100% !important;
	margin-bottom: 30px !important;
	clear: left !important;
}

	/** Home >> div.service-content **/
	div.service-content {
	text-align: center !important;
	width: 100% !important;
}

	/** Contact Us >> div.off_loc **/
	div.off_loc {
	width: 100% !important;
	padding-right: 0 !important;
}

	/** Blog Gallery >> .blg_gallery_4 .blg_gallery_img **/
	.blg_gallery_4 .blg_gallery_img {
	width: 31.5% !important;
	padding-bottom: 31.5% !important;
	margin-right: 2.75% !important;
	margin-bottom: 2.75% !important;
}

	/** Blog Gallery >> .blg_gallery_4 .blg_gallery_img:nth-of-type(4n) **/
	.blg_gallery_4 .blg_gallery_img:nth-of-type(4n) {
	margin-right: 2.75% !important;
}

	/** Blog Gallery >> .blg_gallery_4 .blg_gallery_img:nth-of-type(3n) **/
	.blg_gallery_4 .blg_gallery_img:nth-of-type(3n) {
	margin-right: 0 !important;
}

	/** Blog Video >> .blog_post_list .tencent-video-aspect-16-to-9 **/
	.blog_post_list .tencent-video-aspect-16-to-9 {
	padding-bottom: 100% !important;
}

	/** Blog Video >> .blog_post_list .tencent-video-aspect-16-to-9 iframe **/
	.blog_post_list .tencent-video-aspect-16-to-9 iframe {
	height: calc(56.25% + 50px) !important;
}

	/** Cards >> .card2 **/
	.card2 {
	width: 100% !important;
	margin-right: 0 !important;
	margin-bottom: 24px !important;
}

	/** Cards >> .card3 **/
	.card3 {
	width: 48% !important;
	margin-right: 4% !important;
}

	/** Cards >> .card3:nth-of-type(3n) **/
	.card3:nth-of-type(3n) {
	margin-right: 4% !important;
}

	/** Cards >> .card3:nth-of-type(2n) **/
	.card3:nth-of-type(2n) {
	margin-right: 0 !important;
}

	/** Cards >> .card4 **/
	.card4 {
	width: 48% !important;
	margin-right: 4% !important;
}

	/** Cards >> .card4:nth-of-type(3n) **/
	.card4:nth-of-type(3n) {
	margin-right: 4% !important;
}

	/** Cards >> .card4:nth-of-type(2n) **/
	.card4:nth-of-type(2n) {
	margin-right: 0 !important;
}

	/** Publication >> .book_right **/
	.book_right {
	width: 100% !important;
}

	/** Publication >> .book_left **/
	.book_left {
	width: 160px !important;
	margin-bottom: 1.5rem !important;
}

	/** Body >> .btn **/
	.btn {
	font-size: 1rem !important;
}

	/** Team >> .tmem_right **/
	.tmem_right {
	width: 100% !important;
}

	/** Team >> .tmem_left **/
	.tmem_left {
	width: 180px !important;
	margin-right: auto !important;
	margin-bottom: 1rem !important;
	margin-left: auto !important;
	display: block !important;
}

	/** Team >> .tmem_name **/
	.tmem_name {
	text-align: center !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Header >> Site Title **/
	.site-title {
	width: 240px !important;
	margin-bottom: 8px !important;
}

	/** Header >> span.js-rotating span **/
	span.js-rotating span {
	font-size: 36px !important;
}

	/** Header >> a#nav-toggle **/
	a#nav-toggle {
	position: absolute !important;
	right: 16px !important;
}

	/** Blog Gallery >> .blg_gallery_4 .blg_gallery_img **/
	.blg_gallery_4 .blg_gallery_img {
	width: 48% !important;
	padding-bottom: 48% !important;
	margin-right: 4% !important;
	margin-bottom: 4% !important;
}

	/** Blog Gallery >> .blg_gallery_4 .blg_gallery_img:nth-of-type(3n) **/
	.blg_gallery_4 .blg_gallery_img:nth-of-type(3n) {
	margin-right: 4% !important;
}

	/** Blog Gallery >> .blg_gallery_4 .blg_gallery_img:nth-of-type(2n) **/
	.blg_gallery_4 .blg_gallery_img:nth-of-type(2n) {
	margin-right: 0 !important;
}

	/** Blog Video >> .tencent-video-aspect-16-to-9 **/
	.tencent-video-aspect-16-to-9 {
	padding-bottom: 100% !important;
}

	/** Blog Video >> .tencent-video-aspect-16-to-9 iframe **/
	.tencent-video-aspect-16-to-9 iframe {
	height: calc(56.25% + 50px) !important;
}

	/** Blog Video >> .blog_post_list .tencent-video-aspect-16-to-9 iframe **/
	.blog_post_list .tencent-video-aspect-16-to-9 iframe {
	height: calc(56.25% + 50px) !important;
}

	/** Cards >> .card3 **/
	.card3 {
	width: 100% !important;
	margin-right: 0 !important;
}

	/** Cards >> .card4 **/
	.card4 {
	width: 100% !important;
	margin-right: 0 !important;
}

	/** Viewer 2 >> .viewer-toolbar **/
	.viewer-toolbar {
	width: 75vw !important;
	height: 15vw !important;
}

	/** Viewer 2 >> .viewer-toolbar li **/
	.viewer-toolbar li {
	width: 10vw !important;
	height: 10vw !important;
	margin-top: .83333vw !important;
	margin-bottom: .83333vw !important;
	margin-left: .8333vw !important;
}

	/** Viewer 2 >> .viewer-toolbar li:before **/
	.viewer-toolbar li:before {
	width: 8.333vw !important;
	height: 8.333vw !important;
	margin: 0.8333vw !important;
}

	/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(2):before **/
	.viewer-toolbar > li:nth-of-type(2):before {
	background-position: -8.3333vw !important;
}

	/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(3):before **/
	.viewer-toolbar > li:nth-of-type(3):before {
	background-position: -16.6666vw !important;
}

	/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(4):before **/
	.viewer-toolbar > li:nth-of-type(4):before {
	background-position: -25vw !important;
}

	/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(5):before **/
	.viewer-toolbar > li:nth-of-type(5):before {
	background-position: -33.3333vw !important;
}

	/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(6):before **/
	.viewer-toolbar > li:nth-of-type(6):before {
	background-position: -41.6666vw !important;
}

	/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(7):before **/
	.viewer-toolbar > li:nth-of-type(7):before {
	background-position: -50vw !important;
}

	/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(8):before **/
	.viewer-toolbar > li:nth-of-type(8):before {
	background-position: -75vw !important;
}

	/** Viewer 2 >> .viewer-toolbar > li:nth-of-type(9):before **/
	.viewer-toolbar > li:nth-of-type(9):before {
	background-position: -83.3333vw !important;
}

}


/*( Desktop & Tablet (imp) )*/
@media (min-width: 768px) and (max-width: 990px) {
	/** Cards >> .card4 **/
	.card4 {
	width: 31.3333% !important;
	margin-right: 3% !important;
}

	/** Cards >> .card4:nth-of-type(4n) **/
	.card4:nth-of-type(4n) {
	margin-right: 3% !important;
}

	/** Cards >> .card4:nth-of-type(3n) **/
	.card4:nth-of-type(3n) {
	margin-right: 0 !important;
}

	/** Cards >> .card4:nth-of-type(2n) **/
	.card4:nth-of-type(2n) {
	margin-right: 0 !important;
}

	/** Cards >> .card3 **/
	.card3 {
	width: 48% !important;
	margin-right: 4% !important;
}

	/** Cards >> .card3:nth-of-type(3n) **/
	.card3:nth-of-type(3n) {
	margin-right: 4% !important;
}

	/** Cards >> .card3:nth-of-type(2n) **/
	.card3:nth-of-type(2n) {
	margin-right: 0 !important;
}

}