@charset "UTF-8";
/* ------------------------------------------------------------------
author:        谷辰網路資訊
email:         service@gcii.tw
website:       http://www.gcii.tw
 -------------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (min-width: 1920px) {

}

@media (max-width: 1750px) {
	.recruit-021 {padding-right: 30px;}
	.recruit-022 {padding: 10px 25px 0 25px;}
	.about-02 {padding-left: 30px;}
}

@media (max-width: 1600px) {
	.about-02 {padding-left: 10px;}
	.recruit-021 {padding-right: 25px;}
	.recruit-022 {padding: 10px 25px 0 25px;}
}

@media (max-width: 1500px) {
	.main-page {padding: 50px 5px 15px 435px;}
	.index .main-page {padding: 0 0 0 435px;}
	.page0 .main-page {padding: 0px 0px 0px 435px;}
	.page1 .main-page {padding: 185px 50px 15px 435px;}
	.page2 .main-page {padding: 250px 40px 15px 435px;}
	.page3 .main-page {padding: 185px 30px 15px 435px;}
	.page4 .main-page {padding: 122px 50px 15px 435px;}
	.page5 .main-page {padding: 168px 40px 15px 435px;}
	/*#nav {width: 441px;}
	.nav {margin: 75px 0 0 66px;}*/
	.about-02 {padding-left: 0px;}
	.about-02 img {margin: 0 8px;}
	/*.work-menu {width: 180px;padding-top: 162px;}*/
	.pro-02z {margin-right: 80px;}
}

@media (max-width: 1400px) {
	.about-01 {padding-right: 20px;}
	.recruit-021 {padding-right: 5px;}
	.recruit-022 {padding: 10px 5px 0 5px;}
	.work-detail-r {padding: 0 50px;}
	.pro-011::before {display: none;}
	.pro-011::after {display: none;}
}

@media (max-width: 1300px) {
	.main-page {padding: 50px 5px 15px 435px;}
	.index .main-page {padding: 0 0 0 435px;}
	.page0 .main-page {padding: 0px 0px 0px 435px;}
	.page1 .main-page {padding: 185px 50px 15px 435px;}
	.page2 .main-page {padding: 250px 30px 15px 435px;}
	.page3 .main-page {padding: 185px 20px 15px 435px;}
	.page4 .main-page {padding: 122px 50px 15px 435px;}
	.page5 .main-page {padding: 168px 30px 15px 435px;}
	/*#nav {width: 431px;}
	.nav {margin: 75px 0 0 56px;}
	.nav-menu ul li {padding: 5px 0;}*/
	.about-02 img {margin: 0 4px;}
	.work-menu {width: 160px;}
	.work-detail-r {padding: 0 30px;}
	.work-grid .element-item {width: 44%;margin: 0 0 3% 4%;}
	.pro-02z {margin-right: 50px;}
}

@media (max-width: 1199px) {
	.main-page {padding: 50px 5px 15px 435px;}
	.index .main-page {padding: 0 0 15px 435px;}
	.page0 .main-page {padding: 0px 0px 0px 435px;}
	.page1 .main-page {padding: 185px 50px 15px 435px;}
	.page2 .main-page {padding: 250px 30px 15px 435px;}
	.page3 .main-page {padding: 185px 20px 15px 435px;}
	.page4 .main-page {padding: 122px 50px 15px 435px;}
	.page5 .main-page {padding: 168px 30px 15px 435px;}
	.about-01 {padding-right: 10px;}
	.work-detail-r {padding: 0 10px;}
	.work-grid .element-item {width: 43%;margin: 0 0 3% 5%;}
	.pro-02z h3 {min-height:45px;}
}

@media (max-width: 1025px) {
	.main-page {padding: 120px 30px 30px 30px;}
	.index .main-page {padding: 0px 0px 0 0px;}
	.page0 .main-page {padding: 0px 0px 0px 0px;}
	.page1 .main-page {padding: 205px 30px 30px 30px;}
	.page2 .main-page {padding: 205px 30px 30px 30px;}
	.page3 .main-page {padding: 205px 20px 30px 30px;}
	.page4 .main-page {padding: 205px 30px 30px 30px;}
	.page5 .main-page {padding: 205px 30px 30px 30px;}
	#nav, .index-footer, .footer-copyright {display: none !important;}
	.overlay-menu-copyright {padding: 0 0 0 8%;}
	#header, .button_container, .footer {display: block;}	
	#header {margin: 0 0 0 0;padding: 15px 0;background-color: transparent;}
	.header-logo {padding: 0px 0 0 10px;}
	.header-logo img {max-height:50px;}
	.index-banner .fullwidthbanner-container .fullwidthabanner {height:100vh !important;}
	.index-banner .swiper-pagination {bottom: -100px;}
	.about-01 {margin-top: 50px;padding-right: 0px;}
	.work-menu {width: 170px;padding-top: 50px;}
	.work-grid .element-item {width: 48%;margin: 0 1% 5% 1%;}
	.work-grid {margin-bottom: 100px;}
	.work-detail-l {margin-top: 60px;padding-right: 0px;}
	.work-detail-r {position: relative;width: 100%;padding: 0;}
	.pro-02a .col-12 {padding-right: 15px; padding-left: 15px;}
	.footer {padding: 0 20px;}
}

@media (max-width: 991px) {	
	/*.page3 .main-page {padding: 120px 15px 30px 15px;}*/
	.pro-01 {padding: 60px 10px;}
	.pro-01 h4 {font-size: 15px;}
	.pro-011 span.pro-01-C::after, .pro-012 span.pro-01-C::after {display: none;}
	.pro-011 span.pro-01-L {display: none;}
	.work-menu {position: relative;width: 100%;padding-top: 0px;padding-bottom: 50px;}
	.work-menu li {width:auto;float: left;display: inline-block;padding: 10px 20px;}
	.work-menu .work-menu-all {border-bottom: 0px solid #FFFFFF;padding: 10px 20px;margin-bottom: 0;}
	.work-grid {margin-top: 50px;margin-bottom: 50px;}
	.work-grid .element-item {width: 100%;margin: 0 0 5% 0;}
	.pro-02z {margin-right: 40px;}
}

@media (min-width: 769px) and (max-width: 990px) {

}

@media (max-width: 768px) {
	.about-img {top: 0px;}
	.ehover_norm p.more_p {font-size: 15px;padding: 0 0 10px 0;}
	.ehover_norm p.more_p2 {display: none;}
	.pro-02 {padding-top: 60px;padding-bottom: 60px;}
}

@media (min-width: 480px) and (max-width: 767px) {

}

@media (max-width: 479px) {
	.recruit-btn {padding: 10px 70px;}
	.up_box {max-width: 150px;height: 150px;}
	.pro-01 h4 {min-height:81px;font-size: 16px;}
	.pro-02z h3 {min-height:40px;font-size: 14px;margin: 0 0 0 0;}
	/*.pro-02z h3::after {content: "";display: none;}*/
	.pro-02 {padding-top: 40px;padding-bottom: 40px;}
	.pro-02 .overlay_effects {display: none;}
	.pro-02 .pro-02-img img {display: block;}
	.cookie .modal-body h4 {font-size:15px;font-weight:600;}
	.cookie .modal-body p {line-height:15px;font-size:12px;}
}

@media (max-width: 320px) {
	.overlay ul > li > a {font-size: 14px;letter-spacing: 1px;padding: 0 0 10px 5%;}
	.overlay ul > li > a span {font-size: 12px;letter-spacing: 0px;}
	.overlay .overlay-menu .overlay-menu-community {padding: 15px 0 25px 5%;}
	.overlay-menu-copyright {padding: 0 0 0 5%;font-size: 12px;}

}

@media (max-width: 280px) {
	.overlay ul > li > a {font-size: 13px;letter-spacing: 1px;padding: 0 0 10px 3%;}
	.overlay ul > li > a span {font-size: 12px;letter-spacing: 0px;}
	.overlay .overlay-menu .overlay-menu-community {padding: 15px 0 25px 3%;}
	.overlay-menu-copyright {padding: 0 0 0 3%;font-size: 12px;}

}

@media (max-height: 920px) {
	.flexslider .layout_r_4 {width: 100%;left: 45%;top: 58%;}
}

@media (max-height: 880px) {
	.flexslider .layout_r_4 {width: 100%;left: 45%;top: 55%;}
}

@media (max-height: 765px) {
	.nav-footer {display: none;}
	.overlay nav {margin-top: 22%;}
	.flexslider .layout_r_4 {top: 50%;}
}

@media (max-height: 700px) {
	.overlay nav {margin-top: 15%;}
	.flexslider .layout_r_4 {top: 40%;}
}

@media (max-height: 630px) {
	#nav {height: 100%;}
	.overlay nav {margin-top: 8%;}
	.nav-footer {display: block;position: relative;top:40px;bottom: 0px;}
	.flexslider .layout_r_4 {top: 35%;}
}

@media (max-height: 500px) {
	.overlay nav {margin-top: 5%;}
	.flexslider .layout_r_4 {top: 30%;}
}