@charset "UTF-8";
/* ------------------------------------------------------------------
author:        谷辰網路資訊
email:         service@gcii.tw
website:       http://www.gcii.tw
 -------------------------------------------------------------------*/

html, body {
	background: #ffffff;
	font-family: "Montserrat","Arial","蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei",sans-serif;
	color: #444;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.7;
}
.header .contact-list {padding-top: 8px;}
.header-topbar {height: 40px;display: flex;align-items: center;background-color: #eeeeee;}
.header-topbar .contact-list li a:not(.btn) {color: #000000;}
.header-topbar .contact-list li a:hover {color: #999999;}
.navbar .navbar-brand .logo-dark {max-width: 280px;}
.navbar .nav-item .nav-item-link {font-size: 18px;font-weight: 700;text-transform: capitalize;line-height: 100px;letter-spacing: 0.4px;padding-right: 15px;}
.navbar .nav-item {position: relative;margin-right: 35px;}
.navbar .dropdown-menu .nav-item > .nav-item-link {font-size: 15px;color: var(--bs-gray);text-transform: capitalize;font-weight: 500;line-height: 42px !important;white-space: nowrap;position: relative;padding-right: 0;border-bottom: 1px solid #dfdfea;}
.slick-carousel-gallery {position: relative;}
.slick-carousel-subtitle {position:absolute;z-index: 10;bottom: 70px;left: 40px;color: #b2b2b2;font-size: 14px;}
.slick-carousel .client {/*width: 400px;*/height: 384px;}
.slick-carousel .client img {padding: 0 15px;opacity: 1;}
.services-layout2 .service-item .service-overlay .plus-icon {width: 68px;height: 68px;background-color: rgba(50,51,132, 0.9);}
.services-layout2 .service-item .service-img:hover .service-overlay {background-color: rgba(50,51,132, 0.5);}
.social-icons li a:hover i {font-size: 20px;color:#ffffff;;}
.footer.footer .footer-primary {position: relative;padding: 80px 0 60px;background-color: #011d59;}
.footer .footer-secondary {position: relative;padding: 25px 0;background-color: var(--color-white);}
.footer-widget-nav li a {font-size: 15px;margin-bottom: 11px;}
.footer .footer-widget-nav li a:hover {color: #d9d9d9;}
.footer .contact-list li a {color: #ffffff;}
.about-text {}
.slick-arrow:before {color: rgba(0,0,0, 0.8) !important;}

@media (max-width: 1600px) {
}

@media (max-width: 1400px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
	.navbar .navbar-brand .logo-dark {max-width: 250px;}
}

@media (max-width: 767px){
}

@media (min-width: 320px) and (max-width: 767px) {
	.slider .slide-item {min-height: auto;padding: 100px 10px;height: 80vh !important;}
}