@charset "UTF-8";

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

.__is_desktop {display:inline-block;}
.__is_mobile{display:none;}

.logo a {color:#ffffff;font-size:26px;font-weight:700;}
.logofont {font-family:"Poppins", sans-serif;}

.header__area {background-color:#ffffff;box-shadow: 0 5px 16px rgba(0, 0, 0, .1);}
.header__area.sticky {background-color: rgba(255, 255, 255, 1) !important;}
.header__area .logo {margin-right:15px;}
.header__area .logo-img {max-width:180px;}

.main-menu ul li {display:inline-block;margin-right:40px;position:relative;text-align:left;}
.main-menu ul li a {color:#000000;font-size:18px;padding: 32px 0;padding-bottom: 35px;}
.main-menu ul li a:not([href]):not([class]) {color: inherit;text-decoration: none;}
.main-menu ul li.active a,.main-menu ul li a:hover {color:#009fe3;}
.main-menu ul li ul.submenu {min-width:300px;}
.main-menu ul li ul.submenu li a {font-size:15px;padding:6px 20px;color:#4b4b4b;}
.main-menu ul li ul.submenu li.activeP a {color:#7f7f7f;}
.main-menu ul li.mega-menu ul.submenu {padding:30px;}
.main-menu ul li.mega-menu ul.submenu li {float:left;display:block;width:33%;margin-bottom:22px;}
.main-menu ul li.mega-menu ul.submenu li a {margin-bottom:10px;padding:0;}
.main-menu ul li.mega-menu ul.submenu li ul li a {font-size:14px;color:#a4a4a4;margin-bottom:0;padding-bottom:2px;}
.main-menu ul li.mega-menu ul.submenu li ul li {margin-bottom:0;}
.main-menu .more-item {display: none;}
.header__action ul li {display:inline-block;position:relative;margin-left:0px;}
.header__action ul li > a {font-size:18px;}
.header__action ul li > a i {color: #000000;margin-right: 5px;font-size: 20px;}
.extra__info-inner {overflow-y:auto;}
.slider__area .slick-dots {bottom:15px;}
.slider__area .slick-dots li.slick-active button {border-color:#33A4DC;background:#ffffff;}
hr.styled-hr {background-color:rgba(0, 0, 0, 0.13);border:0pt none;color: #eee;color:rgba(0, 0, 0, 0.13);height:1px;margin:25px auto;text-align:center;}
.slider__height {height:620px;}
.single-slider {background-position:center;background-repeat:no-repeat;background-size:100%;}
.os-btn {font-size: 15px;}
p {font-size:16px;line-height:26px;}
.mobile-menu-btn a {font-size: 18px;color: #000000;}

.subscribe__area .subscribe__content a {color: #009fe3;}
.index_pro_01 h4 {color:#009fe3;font-weight:600;margin-bottom:5px;text-align:center;}
.subscribe__area .section__title h2 {font-size:32px;}
.product__area .section__title h2 {font-size:32px;}

.page__area_title {background:#009fe3;padding:30px 0 50px 0;}
.page__area_title h3 {color: #ffffff;font-weight:600;}
.page__area_content {text-align:left;padding:0 150px;}
.page__area_content p {color: #ffffff;}
.page__area_contents {color: #ffffff;font-weight:400;}
.page__area_contents p {color: #ffffff;font-weight:400;}

.pro_01 {width:30%;}
.pro_02 {width:70%;padding:2% 0 0 5%;}
.pro_list {border-bottom:1px solid #dee2e6;padding-bottom:15px;}
.pro_02 h3 {color:#009fe3;font-weight:600;font-size:22px;margin-bottom:8px;}
.pro_02 h4 {color:#000000;font-weight:500;font-size:16px;margin-bottom:25px;}

.pro_d_02 h4 {font-size:22px;color:#009fe3;font-weight:600;margin-top:50px;margin-bottom:30px;}
.pro_d_02 h3 {font-size:26px;color:#000000;font-weight:600;margin-bottom:15px;}
.pro_d_02 h5 {font-size:18px;color:#000000;font-weight:500;margin-bottom:50px;}
.pro_d_02 p {font-size:18px;color:#818181;line-height:30px;}
.pro_d_03 img {max-width:100%;}

.contact_01 {padding:60px 0;}
.contact_02 {background-color:#009fe3;padding:60px 0;}
.contact_02_01 {text-align: center;padding: 30px 0;}
.contact_02_01 i {font-size:50px;color:#ffffff;line-height: 70px;}
.contact_02_01 h3 {font-size:22px;color:#ffffff;}
.contact_02_01 p {color:#ffffff;}
.contact_03 {}
.contact_04 {background-color:#009fe3;color:#818181;padding:50px 0;}
.contact_04 h3 {font-size:25px;color:#ffffff;font-weight:500;margin-bottom:50px;}
.contact_041 {display:flex;flex-wrap:nowrap;justify-content:space-around;}
.contact_041 span {margin:0 20px;}
.contact_041 a {font-size:18px;color:#FFFFFF;text-decoration:underline;}
.contact_041 a:hover {color:rgb(0, 0, 0);}

.footer-bg {background:#9e9f9f;}
.footer__bottom {border-top:0px solid #9e9f9f;padding:25px 0;}
.footer__copyright p {margin-bottom: 0;color:#ffffff;}
.footer__social ul li a {color:#ffffff;}
.footer__social ul li a:hover {color:#d7d7d7;}
#scroll a {border-radius:20px;}

@media (max-width: 2200px) {
	.main-menu ul li {margin-right:40px;}
	.desktop-only {display:none !important;}
	.more-item {display:inline-block !important;}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.header__area .container {max-width: 99%;}
	.main-menu ul li {margin-right:10px;}
}

@media (max-width: 991px) {
	.page__area_content {text-align:left;padding:0 0px;}
	.more-item {display:none;}
	.index_pro_02 {padding:10px 0;}
	.contact_041 span {margin:0 10px;}
}

@media (max-width: 767px) {
	.pro_01 {width:100%;}
	.pro_02 {width:100%;padding-left:0%;}
	.contact_04 {padding:30px 0;}
	.contact_04 h3 {margin-bottom:15px;}
	.contact_041 {display:block;flex-wrap:wrap;justify-content:center;}
	.contact_041 span {display:inline-block;margin:3px 0px;width:100%;}
}

@media (max-width: 575px) {
	.header__area {padding-top: 0px;}
	.page__area_content {padding:0 30px;}
}