:root{
--color-primary:#11484d;
--color-secondary:#e7c24d;
--color-success:#28a745;
--color-info:#eac960;
--color-warning:#ffc107;
--color-danger:#dc3545;
--color-light:#f8f9fa;
--color-dark:#343a40;
--color-white:#ffffff;
--color-black:#000000;
--body-bg-color:#f8f9fa;
--body-text-color:#666666;
--body-link-color:#007bff;
--body-link-hover-color:#0056b3;
--mainnav-text-color:#212529;
--mainnav-link-color:#212529;
--mainnav-link-hover-color:#007bff;
--mainnav-link-active-color:#007bff;
--footer-bg-color:#212529;
--footer-text-color:#6c757d;
--footer-link-color:#6c757d;
--footer-link-hover-color:#fff;
}
/* Pattern: Dark */
.t4-palette-dark {
	background-color: #e7c24d;
	color: #ffffff;
}
.t4-palette-dark a:not(.btn-primary) {
	color: #11484d;
}
.t4-palette-dark a:not(.btn-primary):hover {
	color: #11484d;
}
/* Module */
.t4-palette-dark .t4-module {
	color: #ffffff;
}
.t4-palette-dark .nav > li a,
.t4-palette-dark .nav > li .nav-link {
	color: #11484d;
}
.t4-palette-dark .nav > li a:hover,
.t4-palette-dark .nav > li a:focus,
.t4-palette-dark .nav > li a:active,
.t4-palette-dark .nav > li .nav-link:hover,
.t4-palette-dark .nav > li .nav-link:focus,
.t4-palette-dark .nav > li .nav-link:active {
	color: #11484d;
}
.t4-palette-dark .nav > li.active a,
.t4-palette-dark .nav > li.active a.nav-link
.t4-palette-dark .nav > li.active:hover a,
.t4-palette-dark .nav > li.active:hover a.nav-link {
  color: #11484d;
}
/* Sub nav */
.t4-palette-dark .nav > li.active li a {
  color: #11484d;
}
.t4-palette-dark .nav li.active li a:hover,
.t4-palette-dark .nav li.active li a:focus,
.t4-palette-dark .nav li.active li a:active {
  color: #11484d;
}
.t4-palette-dark .nav li.active li.active a {
  color: #11484d;
}

/* Pattern: Light */
.t4-palette-light {
	background-color: #ffffff;
	color: #666666;
}
.t4-palette-light a:not(.btn-primary) {
	color: #11484d;
}
.t4-palette-light a:not(.btn-primary):hover {
	color: #11484d;
}
/* Module */
.t4-palette-light .t4-module {
	color: #666666;
}
.t4-palette-light .nav > li a,
.t4-palette-light .nav > li .nav-link {
	color: #11484d;
}
.t4-palette-light .nav > li a:hover,
.t4-palette-light .nav > li a:focus,
.t4-palette-light .nav > li a:active,
.t4-palette-light .nav > li .nav-link:hover,
.t4-palette-light .nav > li .nav-link:focus,
.t4-palette-light .nav > li .nav-link:active {
	color: #11484d;
}
.t4-palette-light .nav > li.active a,
.t4-palette-light .nav > li.active a.nav-link
.t4-palette-light .nav > li.active:hover a,
.t4-palette-light .nav > li.active:hover a.nav-link {
  color: #11484d;
}
/* Sub nav */
.t4-palette-light .nav > li.active li a {
  color: #11484d;
}
.t4-palette-light .nav li.active li a:hover,
.t4-palette-light .nav li.active li a:focus,
.t4-palette-light .nav li.active li a:active {
  color: #11484d;
}
.t4-palette-light .nav li.active li.active a {
  color: #11484d;
}

/* Pattern: 施工教學列 */
.t4-palette-施工教學列 {
	background-color: #fcd65e;
	color: #ffffff;
}
.t4-palette-施工教學列 a:not(.btn-primary) {
	color: #11484d;
}
.t4-palette-施工教學列 a:not(.btn-primary):hover {
	color: #11484d;
}
/* Module */
.t4-palette-施工教學列 .t4-module {
	color: #ffffff;
}
.t4-palette-施工教學列 .nav > li a,
.t4-palette-施工教學列 .nav > li .nav-link {
	color: #11484d;
}
.t4-palette-施工教學列 .nav > li a:hover,
.t4-palette-施工教學列 .nav > li a:focus,
.t4-palette-施工教學列 .nav > li a:active,
.t4-palette-施工教學列 .nav > li .nav-link:hover,
.t4-palette-施工教學列 .nav > li .nav-link:focus,
.t4-palette-施工教學列 .nav > li .nav-link:active {
	color: #11484d;
}
.t4-palette-施工教學列 .nav > li.active a,
.t4-palette-施工教學列 .nav > li.active a.nav-link
.t4-palette-施工教學列 .nav > li.active:hover a,
.t4-palette-施工教學列 .nav > li.active:hover a.nav-link {
  color: #11484d;
}
/* Sub nav */
.t4-palette-施工教學列 .nav > li.active li a {
  color: #11484d;
}
.t4-palette-施工教學列 .nav li.active li a:hover,
.t4-palette-施工教學列 .nav li.active li a:focus,
.t4-palette-施工教學列 .nav li.active li a:active {
  color: #11484d;
}
.t4-palette-施工教學列 .nav li.active li.active a {
  color: #11484d;
}

/* Pattern: mashead */
.t4-palette-mashead {
	background-color: #343a40;
	color: #ffffff;
}
.t4-palette-mashead a:not(.btn-primary) {
	color: #11484d;
}
.t4-palette-mashead a:not(.btn-primary):hover {
	color: #11484d;
}
/* Module */
.t4-palette-mashead .t4-module {
	color: #ffffff;
}
.t4-palette-mashead .nav > li a,
.t4-palette-mashead .nav > li .nav-link {
	color: #11484d;
}
.t4-palette-mashead .nav > li a:hover,
.t4-palette-mashead .nav > li a:focus,
.t4-palette-mashead .nav > li a:active,
.t4-palette-mashead .nav > li .nav-link:hover,
.t4-palette-mashead .nav > li .nav-link:focus,
.t4-palette-mashead .nav > li .nav-link:active {
	color: #11484d;
}
.t4-palette-mashead .nav > li.active a,
.t4-palette-mashead .nav > li.active a.nav-link
.t4-palette-mashead .nav > li.active:hover a,
.t4-palette-mashead .nav > li.active:hover a.nav-link {
  color: #11484d;
}
/* Sub nav */
.t4-palette-mashead .nav > li.active li a {
  color: #11484d;
}
.t4-palette-mashead .nav li.active li a:hover,
.t4-palette-mashead .nav li.active li a:focus,
.t4-palette-mashead .nav li.active li a:active {
  color: #11484d;
}
.t4-palette-mashead .nav li.active li.active a {
  color: #11484d;
}

/* Pattern: 選單列-綠底 */
.t4-palette-選單列-綠底 {
	background-color: #005d67;
	color: #f8f9fa;
}
.t4-palette-選單列-綠底 a:not(.btn-primary) {
	color: #f8f9fa;
}
.t4-palette-選單列-綠底 a:not(.btn-primary):hover {
	color: #f0f0f0;
}
/* Module */
.t4-palette-選單列-綠底 .t4-module {
	color: #f8f9fa;
}
.t4-palette-選單列-綠底 .nav > li a,
.t4-palette-選單列-綠底 .nav > li .nav-link {
	color: #f8f9fa;
}
.t4-palette-選單列-綠底 .nav > li a:hover,
.t4-palette-選單列-綠底 .nav > li a:focus,
.t4-palette-選單列-綠底 .nav > li a:active,
.t4-palette-選單列-綠底 .nav > li .nav-link:hover,
.t4-palette-選單列-綠底 .nav > li .nav-link:focus,
.t4-palette-選單列-綠底 .nav > li .nav-link:active {
	color: #f0f0f0;
}
.t4-palette-選單列-綠底 .nav > li.active a,
.t4-palette-選單列-綠底 .nav > li.active a.nav-link
.t4-palette-選單列-綠底 .nav > li.active:hover a,
.t4-palette-選單列-綠底 .nav > li.active:hover a.nav-link {
  color: #f0f0f0;
}
/* Sub nav */
.t4-palette-選單列-綠底 .nav > li.active li a {
  color: #f8f9fa;
}
.t4-palette-選單列-綠底 .nav li.active li a:hover,
.t4-palette-選單列-綠底 .nav li.active li a:focus,
.t4-palette-選單列-綠底 .nav li.active li a:active {
  color: #f0f0f0;
}
.t4-palette-選單列-綠底 .nav li.active li.active a {
  color: #f0f0f0;
}

/* Pattern: Button 置底 索取色卡 */
.t4-palette-button_置底_call_to_action_索取色卡 {
	color: #666666;
}
.t4-palette-button_置底_call_to_action_索取色卡 a:not(.btn-primary) {
	color: #234269;
}
.t4-palette-button_置底_call_to_action_索取色卡 a:not(.btn-primary):hover {
	color: #ffffff;
}
/* Module */
.t4-palette-button_置底_call_to_action_索取色卡 .t4-module {
	color: #666666;
}
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li a,
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li .nav-link {
	color: #234269;
}
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li a:hover,
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li a:focus,
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li a:active,
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li .nav-link:hover,
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li .nav-link:focus,
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li.active a,
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li.active a.nav-link
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li.active:hover a,
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li.active:hover a.nav-link {
  color: #ffffff;
}
/* Sub nav */
.t4-palette-button_置底_call_to_action_索取色卡 .nav > li.active li a {
  color: #234269;
}
.t4-palette-button_置底_call_to_action_索取色卡 .nav li.active li a:hover,
.t4-palette-button_置底_call_to_action_索取色卡 .nav li.active li a:focus,
.t4-palette-button_置底_call_to_action_索取色卡 .nav li.active li a:active {
  color: #ffffff;
}
.t4-palette-button_置底_call_to_action_索取色卡 .nav li.active li.active a {
  color: #ffffff;
}

/* Pattern: footer-墨綠底  */
.t4-palette-footer-墨綠底_ {
	background-color: #005d67;
	color: #ffffff;
}
.t4-palette-footer-墨綠底_ a:not(.btn-primary) {
	color: #f0f0f0;
}
.t4-palette-footer-墨綠底_ a:not(.btn-primary):hover {
	color: #ffffff;
}
/* Module */
.t4-palette-footer-墨綠底_ .t4-module {
	color: #ffffff;
}
.t4-palette-footer-墨綠底_ .nav > li a,
.t4-palette-footer-墨綠底_ .nav > li .nav-link {
	color: #f0f0f0;
}
.t4-palette-footer-墨綠底_ .nav > li a:hover,
.t4-palette-footer-墨綠底_ .nav > li a:focus,
.t4-palette-footer-墨綠底_ .nav > li a:active,
.t4-palette-footer-墨綠底_ .nav > li .nav-link:hover,
.t4-palette-footer-墨綠底_ .nav > li .nav-link:focus,
.t4-palette-footer-墨綠底_ .nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-footer-墨綠底_ .nav > li.active a,
.t4-palette-footer-墨綠底_ .nav > li.active a.nav-link
.t4-palette-footer-墨綠底_ .nav > li.active:hover a,
.t4-palette-footer-墨綠底_ .nav > li.active:hover a.nav-link {
  color: #ffffff;
}
/* Sub nav */
.t4-palette-footer-墨綠底_ .nav > li.active li a {
  color: #f0f0f0;
}
.t4-palette-footer-墨綠底_ .nav li.active li a:hover,
.t4-palette-footer-墨綠底_ .nav li.active li a:focus,
.t4-palette-footer-墨綠底_ .nav li.active li a:active {
  color: #ffffff;
}
.t4-palette-footer-墨綠底_ .nav li.active li.active a {
  color: #ffffff;
}

/* Pattern: 頂端訊息列 */
.t4-palette-頂端訊息列 {
	background-color: #f0f0f0;
	color: #707273;
}
.t4-palette-頂端訊息列 a:not(.btn-primary) {
	color: #234269;
}
.t4-palette-頂端訊息列 a:not(.btn-primary):hover {
	color: #005d67;
}
/* Module */
.t4-palette-頂端訊息列 .t4-module {
	color: #707273;
}
.t4-palette-頂端訊息列 .nav > li a,
.t4-palette-頂端訊息列 .nav > li .nav-link {
	color: #234269;
}
.t4-palette-頂端訊息列 .nav > li a:hover,
.t4-palette-頂端訊息列 .nav > li a:focus,
.t4-palette-頂端訊息列 .nav > li a:active,
.t4-palette-頂端訊息列 .nav > li .nav-link:hover,
.t4-palette-頂端訊息列 .nav > li .nav-link:focus,
.t4-palette-頂端訊息列 .nav > li .nav-link:active {
	color: #005d67;
}
.t4-palette-頂端訊息列 .nav > li.active a,
.t4-palette-頂端訊息列 .nav > li.active a.nav-link
.t4-palette-頂端訊息列 .nav > li.active:hover a,
.t4-palette-頂端訊息列 .nav > li.active:hover a.nav-link {
  color: #005d67;
}
/* Sub nav */
.t4-palette-頂端訊息列 .nav > li.active li a {
  color: #234269;
}
.t4-palette-頂端訊息列 .nav li.active li a:hover,
.t4-palette-頂端訊息列 .nav li.active li a:focus,
.t4-palette-頂端訊息列 .nav li.active li a:active {
  color: #005d67;
}
.t4-palette-頂端訊息列 .nav li.active li.active a {
  color: #005d67;
}

/* Pattern: 頁面 Banner (Masthead) */
.t4-palette-頁面_banner_(masthead) {
	color: #ffffff;
}
/* Module */
.t4-palette-頁面_banner_(masthead) .t4-module {
	color: #ffffff;
}

/* Pattern: 頁首 Logo列 */
.t4-palette-頁首_logo列 {
	background-color: #f5f5f5;
	color: #707273;
}
.t4-palette-頁首_logo列 a:not(.btn-primary) {
	color: #e7c24d;
}
.t4-palette-頁首_logo列 a:not(.btn-primary):hover {
	color: #11484d;
}
/* Module */
.t4-palette-頁首_logo列 .t4-module {
	color: #707273;
}
.t4-palette-頁首_logo列 .nav > li a,
.t4-palette-頁首_logo列 .nav > li .nav-link {
	color: #e7c24d;
}
.t4-palette-頁首_logo列 .nav > li a:hover,
.t4-palette-頁首_logo列 .nav > li a:focus,
.t4-palette-頁首_logo列 .nav > li a:active,
.t4-palette-頁首_logo列 .nav > li .nav-link:hover,
.t4-palette-頁首_logo列 .nav > li .nav-link:focus,
.t4-palette-頁首_logo列 .nav > li .nav-link:active {
	color: #11484d;
}
.t4-palette-頁首_logo列 .nav > li.active a,
.t4-palette-頁首_logo列 .nav > li.active a.nav-link
.t4-palette-頁首_logo列 .nav > li.active:hover a,
.t4-palette-頁首_logo列 .nav > li.active:hover a.nav-link {
  color: #11484d;
}
/* Sub nav */
.t4-palette-頁首_logo列 .nav > li.active li a {
  color: #e7c24d;
}
.t4-palette-頁首_logo列 .nav li.active li a:hover,
.t4-palette-頁首_logo列 .nav li.active li a:focus,
.t4-palette-頁首_logo列 .nav li.active li a:active {
  color: #11484d;
}
.t4-palette-頁首_logo列 .nav li.active li.active a {
  color: #11484d;
}

/* Section: topbar */
#t4-topbar {
	margin: -10px 0px -20px 0px;
}
#t4-topbar .bg-overlay {
	opacity: 0.5;
}
	#t4-topbar{
		margin:-10px 0px -10px 0px;
}
@media only screen and (min-width: 576px) {
	#t4-topbar{
		margin:0px 0px 0px 0px;
		padding:5px 0px 5px 0px;
}
}
@media only screen and (min-width: 768px) {
	#t4-topbar{
		margin:-10px 0px -10px 0px;
}
}
@media only screen and (min-width: 992px) {
	#t4-topbar{
		margin:0px 0px 0px 0px;
}
}
@media only screen and (min-width: 1200px) {
	#t4-topbar{
		margin:-10px 0px -20px 0px;
}
}

/* Section: header */
#t4-header {
	margin: 0px 0px 0px 0px;
}
#t4-header .bg-overlay {
	opacity: 0.5;
}
#t4-header .container {
	padding: 15px 0px 10px 0px;
}
@media only screen and (min-width: 768px) {
	#t4-header{
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
}
}
@media only screen and (min-width: 992px) {
	#t4-header{
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
}
}
@media only screen and (min-width: 1200px) {
	#t4-header{
		margin:0px 0px 0px 0px;
		padding:15px 0px 10px 0px;
}
}

/* Section: mainnav */
#t4-mainnav {
	position: sticky;
	top: 0;
	z-index: 10;
}
#t4-mainnav .bg-overlay {
	opacity: 0.5;
}

/* Section: slideshow */

#t4-slideshow .bg-overlay {
	opacity: 0.5;
}
#t4-slideshow .bg-overlay-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	background-attachment: fixed;
}

/* Section: section-1 */

#t4-section-1 .bg-overlay {
	opacity: 0.5;
}

/* Section: section-2 */
#t4-section-2 {
	margin: 0px 0px 0px 0px;
}
#t4-section-2 .bg-overlay {
	opacity: 0.5;
}
#t4-section-2 .container {
	padding: 0px 0px 0px 0px;
}
	#t4-section-2{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
}
@media only screen and (min-width: 576px) {
	#t4-section-2{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
}
}
@media only screen and (min-width: 768px) {
	#t4-section-2{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
}
}
@media only screen and (min-width: 992px) {
	#t4-section-2{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
}
}
@media only screen and (min-width: 1200px) {
	#t4-section-2{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
}
}

/* Section: section-3 */

#t4-section-3 .bg-overlay {
	opacity: 0.5;
}

/* Section: section-4 */
#t4-section-4 {
	margin: 10px 0px 10px 0px;
}
#t4-section-4 .bg-overlay {
	opacity: 0.5;
}
#t4-section-4 .container {
	padding: 10px 0px 10px 0px;
}
	#t4-section-4{
		margin:0px 0px 10px 0px;
		padding:0px 0px 10px 0px;
}
@media only screen and (min-width: 576px) {
	#t4-section-4{
		margin:0px 0px 10px 0px;
		padding:0px 0px 10px 0px;
}
}
@media only screen and (min-width: 768px) {
	#t4-section-4{
		margin:10px 0px 10px 0px;
		padding:10px 0px 10px 0px;
}
}
@media only screen and (min-width: 992px) {
	#t4-section-4{
		margin:10px 0px 10px 0px;
		padding:10px 0px 10px 0px;
}
}
@media only screen and (min-width: 1200px) {
	#t4-section-4{
		margin:10px 0px 10px 0px;
		padding:10px 0px 10px 0px;
}
}

/* Section: section-5 */

#t4-section-5 .bg-overlay {
	opacity: 0.5;
}
#t4-section-5 .bg-overlay-image {
	background-image: url(/images/demo/misc/wm-bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* Section: section-6 */

#t4-section-6 .bg-overlay {
	opacity: 0.6;
}
#t4-section-6 .bg-overlay-image {
	background-image: url(/images/website/HomePage/worker-spraying-yellow-granite-stone-like-paint.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
}

/* Section: section-7 */

#t4-section-7 .bg-overlay {
	opacity: 0.5;
}

/* Section: section-8 */

#t4-section-8 .bg-overlay {
	opacity: 0.5;
}

/* Section: section-9 */
#t4-section-9 {
	margin: -20px 0px -20px 0px;
}
#t4-section-9 .bg-overlay {
	opacity: 0.8;
}
#t4-section-9 .bg-overlay-image {
	background-image: url(/images/website/HomePage/like-stone-paint-used-cases.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 50%;
	background-attachment: fixed;
}
#t4-section-9 .container {
	padding: 10px 0px 10px 0px;
}
	#t4-section-9{
		margin:-20px 0px -20px 0px;
		padding:10px 10px 10px 10px;
}
@media only screen and (min-width: 576px) {
	#t4-section-9{
		margin:-20px 0px -20px 0px;
		padding:10px 10px 10px 10px;
}
}
@media only screen and (min-width: 768px) {
	#t4-section-9{
		margin:-20px 0px -20px 0px;
		padding:10px 0px 10px 0px;
}
}
@media only screen and (min-width: 992px) {
	#t4-section-9{
		margin:-20px 0px -20px 0px;
		padding:10px 0px 10px 0px;
}
}
@media only screen and (min-width: 1200px) {
	#t4-section-9{
		margin:-20px 0px -20px 0px;
		padding:10px 0px 10px 0px;
}
}

/* Section: section-10 */

#t4-section-10 .bg-overlay {
	opacity: 0.5;
}

/* Section: section-11 */

#t4-section-11 .bg-overlay {
	opacity: 0.5;
}

/* Section: Call to Action */
#t4-call-to-action {
	position: sticky;
	bottom: 0;
	z-index: 10;
}
#t4-call-to-action .bg-overlay {
	opacity: 0.5;
}

/* Section: footnav */

#t4-footnav .bg-overlay {
	opacity: 0.5;
}

/* Section: footer */

#t4-footer .bg-overlay {
	opacity: 0.5;
}
/**
 * ------------------------------------------------------------------------
 * JA Landscape Template
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/
:root {
  --primary: #11484d;
  --secondary: #e7c24d;
  --success: #28a745;
  --info: #eac960;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  transition-duration: 400ms; 
}
html {
  font-size: 16px; 
}
body {
  background-color: #ffffff;
  color: #666666;
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px; 
}
.t4-content {
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-color: #f8f9fa; 
}
a {
  color: #e7c24d; 
}
a:hover {
  color: #234269; 
}
h1, h2, h3, h4, h5, h6 {
  font-family: Noto Sans;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0px; 
}
h1, .h1 {
  font-size: 36px; 
}
h2, .h2 {
  font-size: 28px; 
}
h3, .h3 {
  font-size: 24px; 
}
h4, .h4 {
  font-size: 20px; 
}
h5, .h5 {
  font-size: 16px; 
}
h6, .h6 {
  font-size: 16px; 
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: #11484d !important; 
}
.bg-secondary {
  background-color: #e7c24d !important; 
}
.bg-success {
  background-color: #28a745 !important; 
}
.bg-info {
  background-color: #eac960 !important; 
}
.bg-warning {
  background-color: #ffc107 !important; 
}
.bg-danger {
  background-color: #dc3545 !important; 
}
.bg-light {
  background-color: #f8f9fa !important; 
}
.bg-dark {
  background-color: #343a40 !important; 
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: #11484d !important;
  border-color: #11484d !important; 
}
.btn.btn-primary:hover {
  opacity: 0.85; 
}
.btn.btn-secondary {
  background-color: #e7c24d !important;
  border-color: #e7c24d !important; 
}
.btn.btn-secondary:hover {
  opacity: 0.85; 
}
.btn.btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !important; 
}
.btn.btn-success:hover {
  opacity: 0.85; 
}
.btn.btn-info {
  background-color: #eac960 !important;
  border-color: #eac960 !important; 
}
.btn.btn-info:hover {
  opacity: 0.85; 
}
.btn.btn-warning {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important; 
}
.btn.btn-warning:hover {
  opacity: 0.85; 
}
.btn.btn-danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important; 
}
.btn.btn-danger:hover {
  opacity: 0.85; 
}
.btn.btn-light {
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important; 
}
.btn.btn-light:hover {
  opacity: 0.85; 
}
.btn.btn-dark {
  background-color: #343a40 !important;
  border-color: #343a40 !important; 
}
.btn.btn-dark:hover {
  opacity: 0.85; 
}
/* Text Colors */
.text-primary {
  color: #11484d !important; 
}
.text-secondary {
  color: #e7c24d !important; 
}
.text-success {
  color: #28a745 !important; 
}
.text-info {
  color: #eac960 !important; 
}
.text-warning {
  color: #ffc107 !important; 
}
.text-danger {
  color: #dc3545 !important; 
}
.text-light {
  color: #f8f9fa !important; 
}
.text-dark {
  color: #343a40 !important; 
}
/* Badage Colors */
.badge-primary {
  background-color: #11484d; 
}
.badge-secondary {
  background-color: #e7c24d; 
}
.badge-success {
  background-color: #28a745; 
}
.badge-info {
  background-color: #eac960; 
}
.badge-warning {
  background-color: #ffc107; 
}
.badge-danger {
  background-color: #dc3545; 
}
.badge-light {
  background-color: #f8f9fa; 
}
.badge-dark {
  background-color: #343a40; 
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #005d67; 
}
#t4-mainnav .container:before,
#t4-mainnav .container:after,
#t4-section-5 .container {
  border-color: #fafafa; 
}
#t4-mainnav.t4-sticky {
  background-color:#085b63;
}
.t4-megamenu .navbar-nav > li > a,
.t4-megamenu .navbar-nav > li > .nav-link {
  font-family: Noto Sans; 
}
  .t4-megamenu .navbar-nav > li > a:hover,
  .t4-megamenu .navbar-nav > li > .nav-link:hover {
    color: #11484d;
    border-top-color: #11484d; 
}
.t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #11484d;
  border-top-color: #11484d; 
}
.t4-megamenu .navbar-nav > li .dropdown-menu li:last-child {
  border: 0; 
}
.t4-megamenu .navbar-nav > li .dropdown-menu li > a:hover, .t4-megamenu .navbar-nav > li .dropdown-menu li > a:focus, .t4-megamenu .navbar-nav > li .dropdown-menu li > a:active,
.t4-megamenu .navbar-nav > li .dropdown-menu li > .nav-link:hover,
.t4-megamenu .navbar-nav > li .dropdown-menu li > .nav-link:focus,
.t4-megamenu .navbar-nav > li .dropdown-menu li > .nav-link:active,
.t4-megamenu .navbar-nav > li .dropdown-menu li .dropdown-item:hover,
.t4-megamenu .navbar-nav > li .dropdown-menu li .dropdown-item:focus,
.t4-megamenu .navbar-nav > li .dropdown-menu li .dropdown-item:active {
  color: #e7c24d; 
}
.t4-megamenu .navbar-nav > li .dropdown-menu li.active > a,
.t4-megamenu .navbar-nav > li .dropdown-menu li.active > .nav-link,
.t4-megamenu .navbar-nav > li .dropdown-menu li.active .dropdown-item {
  color: #11484d; 
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover,
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:focus,
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:active,
.t4-offcanvas .t4-off-canvas-body .navbar .separator:hover,
.t4-offcanvas .t4-off-canvas-body .navbar .separator:focus,
.t4-offcanvas .t4-off-canvas-body .navbar .separator:active {
  color: #11484d; 
}
.page-item.active .page-link {
  background-color: #11484d;
  border-color: #11484d; 
}
.page-link {
  color: #e7c24d; 
}
  .page-link:hover {
    color: #11484d; 
}
.article-index ul li a:hover,
.article-index ul li a:focus,
.article-index ul li a:active {
  color: #11484d; 
}
.module-head-group .module-title,
.sidebar-r .module-title,
.sidebar-l .module-title {
  color: #11484d; 
}
  .module-head-group .module-title span:before,
  .sidebar-r .module-title span:before,
  .sidebar-l .module-title span:before {
    background-color: #11484d; 
}
.module-head-group .sub-title,
.sidebar-r .sub-title,
.sidebar-l .sub-title {
  color: #e7c24d; 
}
.t4-section .section-7-l .t4-module {
  border-top-color: #11484d; 
}
.category-module a:not(.btn-primary) {
  color: #e7c24d; 
}
  .category-module a:not(.btn-primary):hover, .category-module a:not(.btn-primary):focus, .category-module a:not(.btn-primary):active {
    color: #e7c24d; 
}
.category-module .mod-articles-category-category {
  font-family: Noto Sans; 
}
  .category-module .mod-articles-category-category a {
    color: #11484d; 
}
    .category-module .mod-articles-category-category a:after {
      background-color: #11484d; 
}
    .category-module .mod-articles-category-category a:hover, .category-module .mod-articles-category-category a:focus, .category-module .mod-articles-category-category a:active {
      color: #11484d; 
}
.category-module.isotope .mod-articles-category-title {
  font-family: Noto Sans; 
}
.category-module.mod-owl .mod-articles-category-category a {
  color: #11484d; 
}
  .category-module.mod-owl .mod-articles-category-category a:after {
    background-color: #11484d; 
}
.isotope-layout .isotope-filter-list button {
  font-family: Noto Sans; 
}
  .isotope-layout .isotope-filter-list button.active, .isotope-layout .isotope-filter-list button:hover, .isotope-layout .isotope-filter-list button:focus, .isotope-layout .isotope-filter-list button:active {
    color: #11484d; 
}
.category-module.mod-owl.mod-owl1 .info-detail::before {
  border-right-color: #fafafa;
  border-top-color: #fafafa; 
}
.mostread li a,
.latestnews li a,
.relateditems li a,
.tagssimilar ul li a {
  color: #e7c24d; 
}
.category-module.mod-owl .owl-nav .owl-next,
.category-module.mod-owl .owl-nav .owl-prev {
  color: #e7c24d; 
}
  .category-module.mod-owl .owl-nav .owl-next:hover,
  .category-module.mod-owl .owl-nav .owl-prev:hover {
    color: #11484d; 
}
.contact-info .address,
.contact-info .mail {
  font-family: Noto Sans; 
}
.social-list li a:hover,
.social-list li a:focus,
.social-list li a:active {
  color: #11484d !important; 
}
.tagspopular ul > li > a:hover,
.tagspopular ul > li > a:focus,
.tagspopular ul > li > a:active {
  color: #11484d; 
}
.acm-slideshow .owl-dots .owl-dot.active span {
  background-color: #11484d; 
}
  .acm-slideshow .owl-dots .owl-dot.active span:before {
    border-color: #11484d; 
}
.acm-features.style-1 .features-item {
  border-color: #fafafa; 
}
  .acm-features.style-1 .features-item:after {
    border-right: 5px solid #fafafa;
    border-bottom: 5px solid #fafafa; 
}
  .acm-features.style-1 .features-item .sub-title {
    color: #e7c24d; 
}
  .acm-features.style-1 .features-item h4 {
    font-size: 36px;
    color: #e7c24d; 
}
  .acm-features.style-1 .features-item:hover {
    border-color: #11484d; 
}
    .acm-features.style-1 .features-item:hover:after {
      border-right-color: #11484d;
      border-bottom-color: #11484d; 
}
.acm-features.style-3 .features-item .inner.bg-white {
  color: #666666; 
}
  .acm-features.style-3 .features-item .inner.bg-white .sub-title {
    color: #e7c24d; 
}
.acm-features.style-3 .features-item .inner h2 {
  color: #11484d; 
}
  .acm-features.style-3 .features-item .inner h2 a {
    color: #11484d; 
}
.acm-features.style-4 .features-links li a {
  color: #e7c24d; 
}
.acm-features.style-5 .features-text h5 a {
  color: #e7c24d; 
}
.acm-features.style-5 .readmore::before {
  background-color: #11484d; 
}
.acm-features.style-5 .readmore::after {
  background-color: #11484d; 
}
.acm-features.style-5 .readmore:hover {
  background-color: #11484d; 
}
.call-us-now::before {
  background-color: #11484d; 
}
.call-us-now h3 {
  color: #11484d; 
}
.call-us-now h2 {
  color: #e7c24d; 
}
.contact-info .address .fa, .contact-info .mail .fa {
  color: #11484d; 
}
.acm-teams .apply-link .teams-item-inner {
  background-color: #e7c24d; 
}
  .acm-teams .apply-link .teams-item-inner h5 {
    color: #e7c24d; 
}
.acm-teams .apply-link span {
  color: #11484d; 
}
  .acm-teams .apply-link span::before {
    background-color: #11484d; 
}
  .acm-teams .apply-link span::after {
    background-color: #11484d; 
}
.acm-video .btn.html5lightbox,
.acm-video .btn.html5link {
  color: #11484d;
  border-color: #11484d; 
}
.acm-testimonials .testimonial-content .testimonial-text p {
  font-family: Noto Sans; 
}
.acm-testimonials .author-name {
  color: #11484d;
  font-family: Noto Sans TC; 
}
#ja-form .form-info h3 {
  color: #e7c24d;
  font-size: 28px; 
}
.article-info {
  font-family: Noto Sans; 
}
.article-index .nav.nav-tabs li a.active {
  color: #11484d; 
}
.category .category-name a {
  color: #11484d; 
}
  .category .category-name a:after {
    background-color: #11484d; 
}
.readmore .btn::before,
.category-module.isotope .article-details .mod-articles-category-readmore .btn::before {
  background-color: #11484d; 
}
.readmore .btn::after,
.category-module.isotope .article-details .mod-articles-category-readmore .btn::after {
  background-color: #11484d; 
}
.readmore .btn:hover,
.category-module.isotope .article-details .mod-articles-category-readmore .btn:hover {
  background-color: #11484d !important; 
}
.com-tags-tag.tag-category .list-group .list-group-item a {
  color: #e7c24d; 
}
  .com-tags-tag.tag-category .list-group .list-group-item a:hover, .com-tags-tag.tag-category .list-group .list-group-item a:focus, .com-tags-tag.tag-category .list-group .list-group-item a:active {
    color: #11484d; 
}
.page-header h2,
.categories-list h2 {
  font-size: 16px; 
}
  .page-header h2 a, .page-header h2 a:hover,
  .categories-list h2 a,
  .categories-list h2 a:hover {
    color: #e7c24d; 
}
.isotope-layout .com-content-category-blog .item-content,
.category-module.isotope .article-details {
  background-color: #e7c24d; 
}
  .isotope-layout .com-content-category-blog .item-content .page-header h2,
  .isotope-layout .com-content-category-blog .item-content .mod-articles-category-title,
  .category-module.isotope .article-details .page-header h2,
  .category-module.isotope .article-details .mod-articles-category-title {
    font-size: 24px; 
}
.contact .contact-box .contact-title h2 {
  color: #11484d; 
}
  .contact .contact-box .contact-title h2:before {
    background-color: #11484d; 
}
.contact .contact-box legend {
  font-size: 24px;
  color: #e7c24d; 
}
.contact .contact-box > .contact-form {
  border-top-color: #11484d; 
}
.search .btn-toolbar .btn {
  background-color: #11484d;
  border-color: #11484d; 
}