@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:#000000;font-size:26px;font-weight:700;}
.logofont {font-family:"Poppins", sans-serif;}

.header__area {background:#ffffff;border-bottom:5px solid #EC008C;}
.header__area.sticky {background-color: rgba(250, 250, 250, 0.9) !important;}
.header__area .logo {margin-right:8px;}
.header__area .logo-img {max-width:155px;}

.main-menu ul li {display:inline-block;margin-right:12px;position:relative;text-align:left;}
.main-menu ul li a {color:#222222;font-size:15px;padding: 32px 0;padding-bottom: 35px;}
.main-menu ul li.active a,.main-menu ul li a:hover {color:#EC008C;}
.main-menu ul li ul.submenu {min-width:300px;}
.main-menu ul li ul.submenu li a {font-size:14px;padding:6px 20px;color:#a4a4a4;}
.main-menu ul li ul.submenu li.activeP a {color:#222222;}
.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: #222222;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: 25px;color: #222222;}

.pro_01 h4 {color:#EC008C;font-weight:600;margin-bottom:15px;}
.pro_01 h5 {color:#696969;font-weight:500;margin-bottom:15px;}

.pro_d_02 h4 {font-size:22px;color:#EC008C;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;}

.contact_01 {background-color:#EC008C;padding:60px 0;}
.contact_011 {padding-top:20px;text-align:center;}
.contact_011 h3 {color:#ffffff;}
.contact_03 {padding:60px 0;}
.contact_04 {background-color:#EC008C;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:#000000;}

.footer__bottom {border-top:1px solid #383838;padding:25px 0;}
.footer__copyright p {margin-bottom: 0;color:#ffffff;}
.footer__social ul li a {color:#ffffff;}
#scroll a {border-radius:20px;}

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

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

@media (max-width: 991px) {
	.more-item {display:none;}
	.contact_041 span {margin:0 10px;}
}

@media (max-width: 767px) {
	.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%;}
}