@charset "UTF-8";
/* ------------------------------------------------------------------
author:        谷辰網路資訊
email:         service@gcii.tw
website:       http://www.gcii.tw
 -------------------------------------------------------------------*/
 
/* header */
.header-logo-box img {width: 165px;}
.header-top-mob {font-size: 20px;color: #0067c5;padding: 22px 0;}
.header-top-mob a {font-size: 15px;line-height: 20px;font-weight: 500;color: #676767;}
.header-time span i {color: #0067c5;font-size: 20px;margin-right: 8px;}
.header-time span {font-size: 15px;line-height: 20px;font-weight: 500;color: #676767;text-transform: unset;}
.main-menu ul > li > a {padding: 15px 0;font-size: 17px;font-weight: 500;letter-spacing: 1px;}
.main-menu ul > li .sub-menu > li > a {font-weight: 400;padding: 5px 5px;font-size: 15px;}
.tp-breadcrumb__link span {color: var(--tp-common-white);text-transform: uppercase;font-weight: 400;font-size: 16px;letter-spacing: 1.8px;}
.tp-breadcrumb__link span a {text-decoration: none;margin-left: 5px;}
.header-bottom-btn {font-size: 18px;line-height: 1;font-weight: 500;letter-spacing: 1.8px;padding: 25px 45px;background-color: #6ebff8;text-align: center;display: inline-block;text-transform: uppercase;color: var(--tp-common-white);position: relative;overflow: hidden;z-index: 1;}
.tp-menu-toggle {position: relative;}
.tp-menu-toggle i {position: relative;z-index: 1;font-size: 25px;}
.tp-menu-toggle #CartTotalShow {position: absolute;z-index: 100;background-color: #77b8e1;color: #ffffff;font-size: 13px;width: 20px;height: 20px;border-radius: 50%;top:-10px;right:-10px;line-height: 20px;}
.tp-menu-toggle #InquiryTotalShow {position: absolute;z-index: 100;background-color: #77b8e1;color: #ffffff;font-size: 13px;width: 20px;height: 20px;border-radius: 50%;top:-10px;right:-10px;line-height: 20px;}
/* header */


/* opther */
.tp-btn, .tp-btn-second {font-size: 16px;line-height: 1;font-weight: 500;padding: 18px 40px;background-color: #1d67bf;text-align: center;display: inline-block;border-radius: 5px;text-transform: uppercase;color: var(--tp-common-white);position: relative;overflow: hidden;z-index: 1;letter-spacing: 1.5px;border: 1px solid #1d67bf;}
.tp-btn-2 {background-color: #ffffff;color: #1d67bf;}
.tp-btn::after, .tp-btn-second::after {content: "";  height: 300px;  width: 300px;  background-color: #77b8e1;  border-radius: 50%;  position: absolute;  top: 50%;  left: 50%;  transform: translateY(-50%) translateX(-50%) scale(0);  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);  z-index: -1;border: 1px solid #77b8e1;}
.scroll-top {width: 50px;height: 50px;line-height: 50px;position: fixed;bottom: -10%;right: 50px;font-size: 16px;border-radius: 6px;z-index: 99;color: var(--tp-common-white);text-align: center;cursor: pointer;background: #1d67bf;transition: 1s ease;border: none;}
.scroll-top:hover {background: #77b8e1;}
.basic-pagination ul li a, .basic-pagination ul li span {border: 1px solid var(--tp-grey-1);font-size: 14px;font-weight: 500;color: #7c8197;}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {background: #1d67bf;border-color: #1d67bf;color: var(--tp-common-white);}
.blog-arrow i {color: #1d67bf;}
.theme-light-bg2 {background-color: #82cbfa;}
.tpsideinfo__close {color: #213391;right: 30px;font-size: 18px;background: #ffffff;width: 35px;height: 35px;position: absolute;top: 40px;}
/* opther */

/* index */
.about-area .about-content .tp-section i {color: #414142;}
.about-area .about-content .tp-section p {color: #979797;}
.services-area .services-item__icon {margin: 0 auto 40px auto;}
.gallery-area .tp-section__sub-title {color: #ffffff;}
.gallery-item::before {background-color: #0067c5;}
.services-link span {color: #787878;}
.services-link span a {color: #1d67bf;}
.services-area .services-item__tp-title {color: #213490;}
.services-area .services-item__content p {color: #7b7b7b;}
.blog-item__content p {color: #979797;}
.index-choose-area {position: relative;}
.index-choose-area .visitor-info-bg {background-color: var(--tp-common-white);padding: 42px 62px 0px 62px;margin-bottom: -180px;}
/* index */

/* about */
.about__exprience {padding: 0;background: transparent;border-radius: 0;}
.tp-ab-counter {bottom: -0px;}
.ab-title {color: #213490;}
.about-area .tp-section__link {color: #414142;}
.about-area .tp-section p {color: #979797;}
.choose-area {position: relative;z-index: 1;}
.choose-area .tp-choose__icon {background-color: #e6effe;}
.choose-area .tp-choose__icon i {color: #0067c5;}
.choose-area .tp-choose__title {color: #213490;}
.choose-area .tp-choose__content p {color: #7b7b7b;}
.choose-area .choose-area-zzz {position: absolute;z-index: 100;bottom: -400px;width: 100%;}
.choose-area .choose-area-zzz .img {text-align: center;margin: 0 auto;}
.team-area .tp-team__title a {background-image: linear-gradient(#213490, #213490), linear-gradient(#213490, #213490);}
.team-area .tp-team__content p {color: #7b7b7b;}
.choose-area .tp-choose__icon {margin: 0 auto 40px auto;}
/* about */


/* products */
.tpproduct span {font-size: 16px;color: #787878;}
.tpfilter span.current {color: #1f4ec1;}
.tpshopitem__title a {font-size: 18px;background-image: linear-gradient(#213490, #213490), linear-gradient(#213490, #213490);}
.tpshopitem__content p {font-size: 15px;font-weight: 400;color: #777B83;margin-bottom: 6px;}
.pro-details-nav-btn li .nav-links.active {background: #77b8e1;color: var(--tp-common-white);}
.product__details-info {color: #7b7b7b;padding: 0 5px;}
.tab-para p {font-size: 16px;line-height: 30px;color: #7b7b7b;}
.shop-photos-active .swiper-button-prev, .shop-photos-active .swiper-button-next {width:30px;height:30px;background-color: rgba(120, 120, 120, 0.7);border-radius: 50%;color: #ffffff;}
.tpshopitem__thumb-icon a {margin: 0 5px;height: 45px;width: 45px;line-height: 45px;border: 1px solid #f77a95;border-radius: 50%;display: inline-block;background-color: #f77a95;color: var(--tp-common-white);}
.tpshopitem__thumb-icon a:hover {border: 1px solid #434343;background-color: #434343;}
/* products */


/* news */
.news-catalog-menu {display: inline-block;width: 100%;margin-bottom:50px;}
.news-catalog-menu li a {float: left;background-color:transparent;border:1px solid transparent;color: #1d67bf;padding: 20px 60px;border-radius: 10px;margin-right:5px;}
.news-catalog-menu li.active a, .news-catalog-menu li a:hover {background-color:#1d67bf;border:1px solid #1d67bf;color:#ffffff;}
.research-item__content span {text-transform: uppercase;font-size: 14px;font-weight: 400;color: #213490;letter-spacing: 1.2px;display: block;margin-bottom: 15px;}
.research-item__title a {background-image: linear-gradient(#213391, #213391), linear-gradient(#213391, #213391);}
.research-item__content p {color: #7b7b7b;}
.research-item__btn {display: inline-block;font-size: 14px;font-weight: 700;padding: 5px 20px;color: #ffffff;background-color: #77b8e1;text-transform: uppercase;border-radius: 5px;}
.tp-team-dtls-text p {color: #222222;}
.research-item__btn {font-size: 16px;line-height: 1;font-weight: 500;padding: 13px 25px;letter-spacing: 1.2px;}
/* news */


/* inquiry */
.left-line::before {content: "";width: 35px;height: 2px;background-color: #1d67bf;display: inline-block;margin-right: 10px;}
.right-line::after {content: "";width: 35px;height: 2px;background-color: #1d67bf;display: inline-block;margin-left: 10px;}
.tp-section__sub-title {text-transform: uppercase;font-weight: 700;color: #1d67bf;display: inline-block;}
.tp-support-form span {color: #1d67bf;}
.tp-support-form {background-color: var(--tp-common-white);padding: 75px 90px 85px 90px;margin: 0 25px;border-bottom: 4px solid #1d67bf;}
/* inquiry */


/* contact*/
.contact-area {background-color:#f2f5f9;}
.tpcontact__item {border: 1px solid #1d67bf;}
.tpcontact__title {color: #213391;font-weight: 500;}
.tpcontact__address span, .tpcontact__address span a {color: #222222;}
.contactform__title {color: #1d67bf;}
.contactform textarea {height: 130px;}
.ContactForm .input, .ContactForm .textarea {color: #000000 !important;border: 0px solid transparent !important;}
.ContactForm .input::placeholder, .ContactForm .textarea::placeholder {color: #c0c0c0 !important;}
.ContactForm .input::-webkit-input-placeholder, .ContactForm .textarea::-webkit-input-placeholder {color: #c0c0c0 !important;}
.ContactForm .input:-ms-input-placeholder, .ContactForm .textarea:-ms-input-placeholder {color: #c0c0c0 !important;}
.ContactForm .input::-moz-placeholder, .ContactForm .textarea::-moz-placeholder {color: #c0c0c0 !important;}
/* contact*/


/* footer */
.tp-footer-widget i {font-style: normal;font-weight: 500;font-size: 15px; color: #1d67bf; margin-bottom: 10px;display: inline-block;}
.tp-footer-widget__contact {font-size: 36px;font-weight: 700;}
.tp-footer-widget__content > a {color: #1d67bf;font-weight: 500;font-size: 18px;}
.tp-footer-widget__sub-sec p {color: #1d67bf;}
.tp-footer-widget__links ul li, .tp-footer-widget__links ul li a {color: #979797;}
.copyright-white span {color: #213490;}
.footer-widget__copyright-info ul li a {font-weight: 500;color: #1d67bf;font-size: 18px;}
/* footer */


/* footercontact */
.footercontact__area_text p {font-size: 22px;color: #ffffff;line-height: 40px;margin-bottom: 40px;}
/* footercontact */


@media (max-width: 768px) {
	.breadcrumb__area {padding: 100px 0;}
	.news-catalog-menu li a {padding: 15px 30px;border-radius: 5px;margin-right:2px;}
}