body,
.entry-content,
input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file, .position h3, .job_listing {
	font-family: 'Noto Sans TC','Noto Sans', sans-serif !important;
	color: #525151;
}
.is-hidden {
	display: none;
}
a {
   color: #3a82dd;
	&:hover {
		color: #3a82dd;
		text-decoration: underline !important;
	}
}
#site-header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	background: #fff !important;
	border-bottom: 1px solid #E3E3E3;
	.toggle,
	.toggle-text {
		color: #2168c2 !important;
	}
	.header-inner .toggle {
		margin-top: -18px;
	}
	.header-inner {
		padding: 1.8rem 0 !important;
	}
}
.mobile-menu {
	.modal-menu > li > .ancestor-wrapper > a,.sub-menu .ancestor-wrapper > a, .toggle {
		@media (max-width: 768px) {
			color: #3c82dc !important;
		}
	}
}
.close-nav-toggle {
	padding: 2.3rem 0 !important;
	color: #3c82dc !important;
	margin-top: 58px;
	@media (max-width: 768px) {
		margin-top: 89px;
	}
}
.page .entry-header {
	padding: 0;
	color: #fff;
	display: none;
}
.ikala-index-header {
  margin-top: -53% !important;
  margin-bottom: 2%!important;
	@media (max-width: 1200px) {
		margin-top: -58% !important;
	}
	@media (max-width: 1024px) {
		margin-top: -470px !important;
    margin-bottom: 120px!important;
	}
	@media (max-width: 768px) {
		margin-top: -700px !important;
    margin-bottom: 120px !important
	}
	@media (max-width: 425px) {
		margin-top: -700px !important;
    margin-bottom: 120px !important;
	}
	@media (max-width: 375px) {
		margin-top: -700px !important;
    margin-bottom: 120px !important;
	}
	@media (max-width: 320px) {
    margin-top: -600px !important;
    margin-bottom: 80px !important;
	}
}
.elementor-widget-video .elementor-widget-container {
	@media (max-width: 414px) {
		overflow: visible!important;
	}
}
.header-navigation-wrapper {
	z-index: 1000;
	.icon {
		color: #333!important;
	}
	.primary-menu li {
		&.current-menu-item {
			text-decoration: none !important;
			border-bottom: 2px solid #fff !important;
			line-height: 1.5;
		}
		.sub-menu {
			a {
				&:hover {
					border: none;
				}
			}
			li.current-menu-item {
				border-bottom: none !important;
				a {
					color: #58aef9 !important;
				}
			}
		}
		&:nth-child(3).current-menu-item {
			border-bottom: none;
			.sub-menu {
				a {
					&:hover {
						border: none;
					}
				}
				li.current-menu-item {
					border-bottom: none !important;
					a {
						color: #333 !important;
					}
				}
			}
		}
		img {
			margin-top: 10px;
			display: inline-block !important;
		}
		a {
			color:#333 !important;
			line-height: 1.5;
			text-decoration: none !important;
			font-weight: 400;
			&:hover {
				border-bottom: 2px solid #fff;
				text-decoration: none !important;
			}
		}
	}
}
.header-navigation-wrapper .primary-menu ul.sub-menu li a {
    color: #fff !important;
	  font-weight: 400;
}
.header-navigation-wrapper .primary-menu ul.sub-menu li a:hover {
    color: #3c82dc !important;
}
.ancestor-wrapper img {
	display: inline-block;
}
.footer-widgets-outer-wrapper {
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	padding-bottom: 0;
}
.footer-nav-widgets-wrapper {
	background: #031234;
border-color:#031234;
	margin-top: 0!important;
	.widget-title {
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.footer-widgets {
		width: 100%;
		display: inline-flex;
    flex-wrap: wrap;
	}
	.widget:nth-child(1) {
		width: 60%;
		position: relative;
    @media (max-width: 820px) {
      width: 100%;
    }
		.iKala-footer-logo {
			padding-bottom: 25px;
			margin-bottom: 20px;
			display: block;
			border-bottom: solid 1px rgba(255,255,255,0.2);
			img {
				height: 36px;
				width: 102px;
			}
		}
		.footer-ikala-intro,
		.footer-ikala-ctn {
			color: rgba(255, 255, 255, 0.7);
			p {
				font-size: 15px;
				font-family: 'Noto Sans TC','Noto Sans', sans-serif;
				color: rgba(255, 255, 255, .7) !important;
				padding-right: 15px;
				@media (max-width: 414px) {
					padding-right: 0;
				}
			}
			.social-links {
				display: flex;
				margin-bottom: 20px;
				a {
					margin-right: 10px;
					img {
						height: 36px;
					}
				}
			}
			.copyright {
				position: absolute;
				bottom: -95px;
				font-size: 16px;
				padding: 30px 0;
				background: #031234;
				@media (max-width: 820px) {
					display: none;
				}
				a {
					color: #fff;
				}
			}
		}
	}
	.widget:nth-child(2),
	.widget:nth-child(3),
	.widget:nth-child(4) {
		width: 20%;
		border-top: solid 1px rgba(255,255,255,0.2);
		margin-top: 61px;
    padding-top: 20px;
		padding-bottom: 20px;
    @media (max-width: 820px) {
      width: 50%;
			margin-top: 0;
			margin-bottom: 20px;
    }
		.widget-content {
			padding: 0 20px;
			@media (max-width: 820px) {
				padding: 0;
			}
			ul {
				padding: 0;
				margin: -10px 0 0 0;
				list-style: none;
				li {
					list-style: none;
					margin: 0;
					a{
						text-decoration: none;
						color: rgba(255,255,255,.7);
						font-weight: normal;
						font-size: 15px;
						&:hover {
							color:#fff;
						}
					}
				}
			}
		}
	}
	.widget:nth-child(4) {
    @media (max-width: 820px) {
      width: 100%;
    }
	}
}
#site-footer {
	background: #031234;
	color: #fff;
	border-color: #031234;
	.to-the-top {
		color: #fff;
	}
}
.daa-block {
	h4 {
		margin: 0 0 10px 0;
	}
}
.post-meta-edit-link-wrapper {
	display: none;
}
.rwd-order2 {
	@media (max-width: 767px) {
		order: 1;
	}
}
.archive-header {
	.archive-title {
		color: #fff;
	}
	.color-accent {
		color: #fff;
	}
}
.page .post-inner {
   padding-top: 39px !important;
	 padding-bottom: 40px;
	 color: #5d5d5d;
	@media (max-width: 768px) {
		padding-top: 70px;
	}
}
.type-news {
	.entry-header {
		background-image: url(https://ikala.ai/wp-content/uploads/2020/07/page-title-news.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
		padding: 8rem 0 6rem 0;
		margin-top: 60px !important;
	}
	.post-meta {
		display: none;
	}
	.post-content-text {
		width: 100% !important;
	}
	.intro-text {
		display: none;
	}
	figure {
		@media (max-width: 768px) {
			width: 90% !important;
		}
	}
	.entry-header-inner {
		h1.entry-title {
			font-size: 36px;
			line-height: 1.5;
			color: #fff;
			@media (max-width: 768px) {
				font-size: 24px;
			}
		}
	}
	.post-meta {
		color: #fff !important;
		.post-author {
			display: none;
		}
		a {
			color: #fff !important;
		}
	}
	h2 {
		color: #333 !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
	}
	img.alignright {
		float: right;
		position: relative;
		left: auto;
		right: auto;
		margin: 0 0 20px 20px;
		max-width: 450px;
		@media (max-width: 768px) {
			margin: 0 0 20px 0;
			float: none;
			max-width: 100%;
			width: 100%;
		}
	}
	img.alignleft {
		float: left;
		position: relative;
		left: auto;
		right: auto;
		margin: 0 20px 20px 0;
		max-width: 450px;
		@media (max-width: 768px) {
			margin: 0 0 20px 0;
			float: none;
			max-width: 100%;
			width: 100%;
		}
	}
	.post-inner {
    padding-top: 8rem;
		padding-bottom: 8rem;
		@media (max-width: 768px) {
			padding-top: 6rem;
			padding-bottom: 6rem;
		}
	}
	.pagination-single {
		margin-bottom: 50px;
    margin-top: 0;
		max-width: 960px;
		.styled-separator {
			display: none;
		}
		a.previous-post, a.next-post {
			font-size: 18px !important;
			font-weight: 400;
		}
	}
}
.pagination-single {
	margin-bottom: 50px;
   margin-top: 0;
	max-width: 960px;
	.styled-separator {
		display: none;
	}
	a.previous-post, a.next-post {
		font-size: 18px !important;
		font-weight: 500;
	}
}
.featured-media-inner {
	display: none;
}
.elementor-widget-button .elementor-button,.premium-modal-trigger-btn {
	@media (max-width: 767px) {
		width: 100%;
		margin-right: 0;
	}
}
.contact-form input,
.job-apply-form select {
	width: 100% !important;
	border-radius: 5px;
}
.contact-form .grunion-field-checkbox-multiple-wrap {
	label {
		width: 100%;
		input {
			width: 10px !important;
		}
	}
}
.job-apply-form {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 20px;
	@media (max-width: 767px) {
	padding: 10px;
	}
	.js-success-message,
	.js-error-message {
		color: #fff;
		h4 {
			border-top: 2px solid #fff;
    	padding-top: 20px;
		}
	}
	h4 {color: #fff;}
	input,
	select {
		margin-bottom: 5px;
		padding: 12px 15px;
		font-size: 20px;
		color: #777;;
	}
}
.job-form-page {
	label {
		color:#333;
		font-weight: bold;
	}
	input, select {
		margin-bottom: 10px;
		font-size: 18px;
		border-radius: 5px;
	}
	.js-success-message,
	.js-error-message {
		color: #333;
		h4 {
			border-top: 2px solid #fff;
			color: #333;
			margin-top: 0;
		}
	}
}
.job-apply-form button,
.job-apply-form a.btn,
.contact-submit button,
.job_description .btn,
.news-bottom .btn {
	margin-top: 20px;
	font-weight: 500;
  fill: #3A82DC;
	background-color: #3A81DB;
  color: #fff;
	padding: 15px 25px;
  border-radius: 3px;
	text-decoration: none !important;
	p {
		display: none;
	}
	&:hover {
		color: #fff;
		text-decoration: none;
	}
}
.job_description .btn {
	margin: 10px 3px;
	display: inline-block;
}
#job-apply {
	margin-top: -70px;
}
.news-bottom {
	margin-top: 50px;
}
.to-the-top {
	display: none;
}
.news-template-default .entry-content  {
    max-width: 1024px;
		font-size: 16px;
	  color: #525151!important;
		margin: 0 auto;
		padding: 0 15px;
}

.news-template-default [class*="__inner-container"]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	    max-width: 1024px;
      padding: 0 24px;
}

.news {
	h3.news-title {
		line-height:1.5 !important;
		font-size: 20px;
		font-weight: 500;
		font-family: 'Noto Sans TC','Noto Sans', sans-serif !important;
	}
}
.news-more-link {
	background: #3a81db;
	padding: 10px 20px;
	line-height: 1.5;
	&:hover {
		background: #031234;
		color: #fff;
		text-decoration:  none!important;
	}
}
.type-post {
	h1.entry-title {
		font-size: 2em;
		font-weight: 500;
	}
	.entry-content {
		padding-bottom: 40px;
	}
}
.job-form {
	max-width: 960px;
	margin: 0 auto;
	h2 {
		font-size: 24px;
		color: #333;
		margin-top: 40px;
	}
}
.type-job_listing {
	.post-inner {background: #efefef; padding-bottom: 50px; padding-top: 50px;}
	.job_application {
		display: none;
	}
	.single_job_listing {
		background: #fff;
		padding: 30px;
		@media (max-width: 768px) {
			padding: 15px;
		}
	}
	.entry-content { margin: 0 auto; }
	.entry-header {background-image: url(https://ikala.ai/wp-content/uploads/2020/07/page-title-recruit.jpg);background-position: top center;background-repeat: no-repeat;background-size: cover; padding: 50px 0px 50px 0px;}
	h1.entry-title {color: #fff; max-width: 960px; font-size: 4.8rem !important; margin: 6rem auto 3rem;text-align: left;}
	.entry-content h2 {
		font-size: 24px;
		margin: 0 0 15px 0;
	}
	.post-meta {
		display: none;
	}
	.pagination-single {
		display: none;
	}
	@media (max-width: 768px) {
	.post-inner {padding-top: 20px; padding-bottom: 20px;}
	h1.entry-title {margin: 3.5rem auto 2rem; font-size: 3.2rem !important; text-align: center;}
	}
}
ul.job_listings {
	background: #fff;
	padding: 0;
	border-top: none !important; 
	margin: 0 !important;
	li {
		.date,
		.location,
		.company {
			display: none !important;
		}
		.job-type {
			font-size: 14px;
		}
		.position {
			width: 100% !important;
			@media (max-width: 768px) {
				width: 100%  !important;
			}
		}
		.meta {
			width: 45% !important;
		}
		@media (max-width: 768px) {
			.location {
				display: none !important;
			}
		}
		a {
			height: 70px;
			display: flex !important;
    	align-items: center;
			text-decoration: none !important;
			&:hover {
				background: rgba(232, 249, 255, 0.5) !important;
			}
		}
		&:last-child {
			border-bottom: none !important;
		}
	}
}
.job_filters .job_types {
	border-top: none !important; 
	margin: 0;
  border-bottom: 1px solid #e5e5e5;
}
.search_jobs, .job_filters .showing_jobs {
	display: none !important;
}
.single_job_listing {
	.company {display:none;}
	.meta {
		.job-type {
			border-radius: 5px;
			margin-top: 5px;
			font-size: 13px;
		}
	}
}
.job_description {
	h5 {
		color: #333;
	}
	.job-bottom {
		text-align: center;
		margin-top: 50px;
		display: flex;
		justify-content:center;
		.btn {
			margin-right: 10px;
			padding: 15px;
			&:last-child {
				margin-right: 0;
			}
		}
	}
}
.news-col-list .news-inner-wrap-view {
    border-bottom: none;
    background: #fff;
    padding: 15px !important;
		.grid-date-post {
			display: none;
		}
}
.news-col-list {
	padding-left: 0!important;
	padding-right: 0!important;
}
.ikala-job-list {
	.job_listings {
		.image {
			margin-top: -40px;
		}
		.content {
			width: 100%;
		}
		.company strong {
			font-weight: normal;
		}
	}
}
.sharedaddy {
	display: none !important;
}
.news-list-block {
	hr {
		display: none;
	}
	.listid-wplf {
		display: inline-flex;
		flex-wrap:wrap;
	}
	.list-item {
    clear: both;
    margin-bottom: 10px;
    width: calc(50% - 20px);
    padding: 10px;
    background: #fff;
    margin: 10px;
		@media (max-width: 768px) {
			width: 100%;
			margin: 0 0 10px 0;
		}
	}
}
.error404-content {
	padding: 0 0 50px 0;
}
.index-btn-group {
	margin-top: 15px;
}
.primary-btn,
.secondary-btn {
	font-family: 'Noto Sans TC','Noto Sans', sans-serif !important;
  font-weight: normal;
  background-color: #3A81DB;
	font-size: 20px;
	display: inline-block;
  line-height: 1;
  padding: 12px 24px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  fill: #fff;
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
	margin-right: 10px;
	margin-bottom: 10px;
	&:hover {
		background-color: #043F79 !important;
		color: #fff !important;
		text-decoration: none!important;
	}
	@media (max-width: 768px) {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 10px !important;
	}
}
.secondary-btn {
	line-height: 0.8em;
  fill: #3A82DC;
  color: #3A82DC;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #3A82DC;
	&:hover {
		border-color: #043F79;
	}
}
.post-template-default .type-post {
	.entry-header {
		color: #fff;
		background: #003f85 !important;
		a {
			color: #fff !important;
			text-transform: none;
		}
		.post-meta {
			color: #fff !important;
		}
	}
	.comment-respond {
		padding-bottom: 50px;
	}
}
.entry-content hr:not(.has-background), hr.styled-separator,
.entry-content hr, hr.styled-separator {
	background: #ccc !important;
	&:before, &:after {
		display: none;
	}
}
.thankyou_message {
	h4 {
		color: #333;
		margin-top: 0;
	}
	p {
		margin-bottom: 50px;
	}
}
.comments-wrapper,
.post-author,
.post-comment-link {
	display: none !important;
}
h2.cv-post-title {
  margin-top: 15px;
  margin-bottom: 10px;
}
.cv-post-thumb {
	@media (max-width: 768px) {
		margin-bottom: 20px;
	}
}
.pagination-single {
  margin-bottom: 4rem;
	margin-top: 4rem;
	hr:last-child {
		display: none;
	}
}
.cv-post {
	background-color: #fff;
  padding: 20px 20px 30px 20px;
  margin-left: 0;
}
.cv-post-left-wrap {
	display: none;
}
.cv-post-right-wrap {
  width: 95%;
  margin-left: 0;
  margin-right: 5%;
  vertical-align: top;
	@media (max-width: 768px) {
		width: 100%;
		margin-right: 0;
	}
}
.cv-read-more {
	padding-left: 0!important;
	a {
		color: #3a82dd!important;
	}
}
.search-field {
	height: 41px;
}
form.search-form .search-submit {
  background-color: #3a81db;
	padding: .6em 1.44em;
}
.type-post {
	.entry-header {
		padding: 12rem 0 4rem 0;
	}
	h2.entry-title {
		font-size: 4rem;
		color: #035fd1 !important;
	}
	.post-inner {
			padding-top: 5rem;
	}
}
hr.post-separator {
	margin: 3rem auto !important;
}
.premium-modal-box-modal-title {
	font-size: 20px;
	padding: 10px !important;
	word-break: keep-all !important;
}
ul.wpuf-form.form-label-above li {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
		&.has-error {
			background: #fff;
		}
		.wpuf-error-msg {
				font-size: 13px;
				color: red;
		}
		.wpuf-label {
			margin-bottom: 5px!important;
		}
	  .wpuf-fields input,
		.wpuf-fields select {
			width: 100% !important;
		}
		.wpuf-checkbox-block input {
			width: auto !important;
		}
}
input.weforms_submit_btn {
  margin-bottom: 20px;
  width: 100%;
  background-color: #3a81db !important;
  box-shadow: none !important;
  margin-top: 15px;
  padding: 10px !important;
}
// body:not(.singular) main > article:first-of-type {
//     padding: 4rem 0 0;
// }
@media (min-width: 700px) {
	section {
		padding: 4rem 0;
	}
}
.ikala-gartner {
	width: 90%!important;
	margin: 0 auto 15px auto;
	@media (max-width: 768px) {
		width: 100%!important;
	}
}
.ikala-ai-icon {
	.eael-feature-list-icon-inner {
		border-radius: 8px;
	}
}
h3.form-title {
    background: #3a81db;
    color: #fff;
    margin: -20px -25px 25px -25px;
    padding: 40px;
    font-size: 36px;
		@media (max-width: 768px) {
			font-size: 24px;
		}
}
.read-more-button-wrap {
	display: none;
}
figcaption {
    text-align: center;
}
iframe.iframe-video {
    width: 100% !important;
    height: 400px !important;
}
h2.eael-entry-title {
    margin-top: 10px;
    margin-bottom: 10px;
}
a.eael-post-elements-readmore-btn {
    color: #3a82dd !important;
    font-size: 16px;
    margin-top: 10px;
}
.eael-entry-footer {
    padding: 5px 0 !important;
    font-size: 14px;
    float: right;
    margin-top: -25px;
		time {
			color: #b3b0b0;
		}
}
.blog-category {
	ul {
		margin-left: 0;
	}
	li.cat-item.cat-item-1366 {
		display: none;
	}
}
.wp-share-button {
    text-align: center;
}
.hire-video {
	width: 815px !important;
	height: 458px !important;
}
.youtube-video {
	width: 948px !important;
	height: 533px !important;
		@media (max-width: 767px) {
			width: 100% !important;
			height: 250px !important;
		}
}
.two-column-rwd {
	display: flex;
	flex-direction: column;
	@media (max-width: 768px) {
		flex-direction: row;
	}
	.two-column-rwd-first {
		order: 1;
		@media (max-width: 767px) {
			order: 2;
		}
	}
	.two-column-rwd-second {
		order: 2;
		@media (max-width: 767px) {
			order: 1;
		}
	}
}
.load_more_jobs {
	background-color: #fcfcfc;
  border-top: 1px solid #eaeaea;
}
#llsearch div {
	display: flex;
	margin-bottom: 20px;
}
input#searchbutton {
    background: #3a81db;
}
.linklistcatclass {
	font-size: 24px !important;
	font-weight: bold;
}
.linklist{
	ul {
		margin-left: 0!important;
	}
	li {
		margin-bottom: 20px;
	}
	a {
		display: block;
		font-size: 20px;
		margin-bottom: 5px;
		font-weight: 500;
	}
	span {
		color: #666;
		font-size: 14px;
	}
}
.pageselector {
	span {
		margin: 5px;
		display: inline-block;
	}
	a {
    display: inline-block;
    font-size: 15px;
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.download-form {
		button.premium-modal-trigger-btn span {
			display: block;
      text-align: center;
      width: 100%;
		}
	}
}
.sjb-detail .list-data {
	max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
	@media (max-width: 767px) {
		padding: 20px;
	}
}
.sjb-page {
	 margin-bottom: 40px;
	.job-type,
	.job-location,
	.job-date,
	.jobpost-form,
	.job-features {
		display:none;
	}
	.job-description {
		display: flex;
		justify-content:space-between;
		@media (max-width: 767px) {
			display: block;
		}
		p {
			font-size: 15px !important;
		}
		a {
			margin-left:20px;
		@media (max-width: 767px) {
			margin-left:0;
		}
		}
	}
	.sjb-detail .job-description {
		display: block !important;
	}
}
.sjb-page .sjb-filters.sjb-filters-v1 .btn-search {
    width: 60%;
    background: url(https://ikala.ai/wp-content/uploads/2021/11/sear-btn-1.jpeg) no-repeat center;
    background-size: auto 100%;
	overflow: hidden;
    text-indent: -1000%;
		@media (max-width: 767px) {
			 width: 100%;
		}
}
.sjb-detail.sjb-v1:before {
content: "";
    background: url(https://ikala.ai/wp-content/uploads/2021/11/recruit-topbanner22-1.jpg) no-repeat top center;
    height: 300px;
    display: block;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 30px;
    background-size: auto 100%;
	@media (max-width: 767px) {
		height: 200px;
	}
}
.sjb-page .sjb-detail {
		.col-md-1 {
    width: 8%;
	@media (max-width: 767px) {
		width:190px;
	}
		}
	.list-data .v1 .job-info h4 {
		display: none;
	}
}
.sjb-page .list-data .v1 {
	margin: 5px 0;
	.job-description {
		font-size: 16px;
	}
}
.read-more-btn3 {
	@media (max-width: 767px) {
		span {
			margin: 0 auto;
		}
	}
}
.sjb-page .col-md-1 {
    width: 8%;
}
.sjb-page .col-md-5 {
	width: 70%;
	@media (max-width: 767px) {
		width: 100%;
	}
}
.sjb-page .list-data .v1 .job-info h4 {
	font-weight: 500;
	margin-left: -20px;
	line-height: 1.4;
	@media (max-width: 767px) {
		margin-left: 0;
	}
}
span.word-break-code {
  display: block;
	@media (max-width: 767px) {
    display: inline-block;
	}
}
.archive-header {
    background-color: #3c82dc;
}
.entry-categories a {
    text-transform: inherit;
}
.header-highlight span {
	color: #3c82dc;
}
.no-search-results-form {
    padding-bottom: 8rem;
}

.single-post h1 {
    color: #FFFFFF ;
    font-size: 31px;
    font-weight:bold;
}

.single-post h2 {
    color: #3a81db ;
    font-size: 30px;
    font-weight:bold;
}

.single-post h3 {
    color: #2f5885;
    font-size: 26px;
    font-weight:bold;
}

.single-post h4 {
    color: #1990c6 ;
    font-size: 20px;
    font-weight:bold;
}
 .single-post .main-content h5 {
     color: #6183ae;
     font-size: 18px;
     font-weight:bold;
 }

.single-post a {
    color: #3A82DD;
    text-decoration: underline;
}

.single-post p {
    color: #525151;
    font-size: 18px;
	  line-height:1.8;
}

.single-post ul {
	  font-size: 18px;
}

.single-post li {
	  font-size: 18px;
		line-height:1.8;
	
}

@media screen and (any-pointer: coarse) {
	table {
		display: block !important;
		overflow: auto !important;
	}
}

.archive .wp-share-button{
	 display:none;
}
.etn-event-single-wrap {
    margin-top: 30px;
}
.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%;
    font-size: 16px;
    color: #525151 !important;
    width: 100%;
}
.eventin-download-tickets-title,
.eventin-ticket-name,
.eventin-attendee-name,
.eventin-ticket-download-link {
  display: none;
}
.lastest-news img {
    object-fit: cover;
    height: 200px;
    width: 100vw;
}





h2.wp-block-heading,
h3.wp-block-heading{
  margin: 60px 0px 30px !important;
}
h4.wp-block-heading{
  margin: 25px 0px 20px !important;
}
.post-content p:not(table p){
  margin: 0px 0px 25px 
!important;
}
table {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}



/*blog category*/

@media (min-width: 700px) {
:lang(zh-TW) > .post-content .sidebar{
	 padding: 30px 0 0 40px;
  }
}

:lang(zh-TW) > .sidebar li{
		margin-left: -5px
}

#infinite-handle button{
  background-color:#3a81db !important;
  border-radius: 3px !important;
}

.category .entry-title a{
	line-height:1.4
}

.category .type-post .entry-header{padding: 40px 0px}

.category .post-meta .post-date .meta-icon svg {  color: #8a8a8a;
}

.category .post-meta .meta-wrapper,.category .post-meta{
	  margin: 0 16px;
}

.category .post-meta a{
	color: #8a8a8a;
	font-size: 16px;
}

.category.reduced-spacing .archive-header{
	padding: 14rem 0 6rem;
}
.category .type-post .post-inner{
	  padding-top: 0px;
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
}
.category .featured-media-inner {
	display: block;
}
.category .post-author{
	display: block !important;
  color: #8a8a8a;
}

.category .post-author .meta-icon{
	display: inline-block;
}

.category .featured-media {
  margin-top: 0
}
.category .type-post .entry-content{
	padding:24px
}

@media (min-width: 700px) {
		.category .post-meta {
       margin: 0 auto;
      justify-content: center;
}
    .category.reduced-spacing .archive-header {
        padding-bottom: 7rem;
        padding-top: 14rem;
    }
	 .category:not(.singular) main>article:first-of-type{
		padding: 40px
	}
   .category .featured-media {
        margin-top: 0rem;
}
   .category .featured-media img{
    width: 100%;
    height: 500px;
    object-fit: contain;
    margin: 0 auto;
    margin-bottom: 3rem;
}
}

/*blog category End*/

#rank-math-toc {
  border: 2px solid #6C6C6C;
  padding: 16px; /* 原本是20px，調整小一點 */
  margin: 0px;
  background-color: #ffffff;
  border-radius: 8px;
}

#rank-math-toc h2 {
	color: #003D79;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 10px 0; /* 減少標題下方間距 */
  padding: 0; /* 確保沒有內距 */
}

#rank-math-toc ul {
  list-style-type: disc;
  padding-left: 16px; /* 略微減少縮排 */
  margin: 0; /* 移除外距 */
}

#rank-math-toc li {
  margin-bottom: 8px; /* 調小項目間距 */
}

#rank-math-toc a {
  color: #003D79;
  text-decoration: none;
}

#rank-math-toc a:hover {
  text-decoration: underline;
}

.cta-btn {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(to right, #5bc6f4 0%, #0073aa 100%);
  color: #ffffff !important;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  border-radius: 6px;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.cta-btn:hover {
  background: linear-gradient(135deg, #005f8d 0%, #003f66 100%);
  transform: translateY(-2px);
  text-decoration: none !important;
}

.wp-block-quote {
  background-color: #f7f7f7; /* 淺灰底色 */
  padding: 16px 24px;
  border-left: 4px solid #cc0000; /* 保留紅色線條 */
  border-radius: 4px;
  margin: 20px 0;
}


.post-content p{
  text-align: justify;
  word-break: normal;
}



/* 針對小螢幕 (例如手機) 設定的樣式 */
@media (max-width: 768px) {
    .wp-block-table {
        overflow-x: auto; /* 在小螢幕上啟用水平滑動 */
    }

    .wp-block-table table {
        width: auto; /* 讓表格寬度根據內容自動調整，以觸發滑動 */
        border-collapse: collapse;
    }

    .wp-block-table th,
    .wp-block-table td {
        padding: 8px;
        border: 1px solid #ccc;
        font-size: 14px;
        white-space: nowrap; /* 防止文字斷行 */
    }
}

/* 網站版 (大螢幕) 的樣式維持不變 */
.wp-block-table table {
    width: 100%; /* 確保在網站版表格佔滿容器 */
    border-collapse: collapse; /* 合併表格邊框 */
}

.wp-block-table th,
.wp-block-table td {
    padding: 8px; /* 網站版的內邊距 */
    border: 1px solid #ccc; /* 網站版的分隔線 */
    font-size: 16px; /* 網站版的文字大小 (你可以根據你的原本設定調整) */
    /* white-space: normal;  網站版允許文字正常換行 */
}

.wp-block-table th {
    background-color: #031234;
    color: #ffffff;
    text-align: center;
}

.cta-btn-nexus {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(to right, #6a5acd 0%, #3a81db 100%);
  color: #ffffff !important;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  border-radius: 6px;
  font-family: 'Noto Sans TC', 'Noto Sans', sans-serif;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease, transform 0.2s ease;
  cursor: pointer;
}

.cta-btn-nexus:hover {
  background: linear-gradient(135deg, #3f51b5 0%, #2c599e 100%);
  transform: translateY(-2px);
  text-decoration: none !important;
}
.forminator-ui.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #ccc !important;
    background-color: #fff !important;
}
.header-navigation-wrapper .primary-menu li .pll-switcher-flag img {
  display: block !important;
  margin-top: 0;
}