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

}


@media (max-width: 1800px) {

}


@media (max-width: 1600px) {
	.about_01 {padding:60px 70px 170px 70px;margin:100px 0 0 10px;}
	.about_04 {padding:60px 70px 250px 100px;margin:100px 0 0 900px;}
}


@media (max-width: 1400px) {

}


@media (max-width: 1199px) {
	#page-banner-title {padding: 100px 0 0 0;}
	.about_01 {position:relative;padding:60px 70px 170px 70px;margin:0 auto;}
	.about_04 {position: relative;padding:60px 70px 250px 100px;margin:0 auto;}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.top-logo img {width:85%;}
	.navbar-nav > li {padding: 10px 5px 10px 0;}
	#page-banner-title {padding: 60px 0 0 0;}
	.footer01 li {padding: 10px 15px;}

}


@media (max-width: 991px) {
	.top-logo img {margin: 5px 0;}
}


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


}


@media (max-width: 768px) {
	#header {margin: 10px 0;}
	.top-logo img {width:90%;margin: 0;}
	.button_container {display:block;top:20px;}
	.navbar, #scroll-up2 {display:none;}
	#page-banner-title {padding: 40px 0 0 0;}
	.mainpage2,.mainpage3,.mainpage4 {background-image: none;}
	.mainpage-bar-1 {padding: 6px 0 0 10px;}
	.index01-news {width: 95%;padding: 15px 40px;}
	.about_01 {width:100%;position:relative;padding:20px 50px 50px 50px;margin:0 auto;}
	.about_04 {width:100%;position: relative;padding:30px 50px 50px 50px;margin:0 auto;}
	.footer01 li {padding: 2px 20px;}
	.footer021 {text-align:center;}

}


@media (min-width: 480px) and (max-width: 767px) {
	.index011 {width: 400px;margin: 180px 0 100px 50px;}		
	.index011 h2 {font-size: 30px;}
}


@media (max-width: 479px) {
	#header {min-height: 70px;}
	.top-logo img {width:80%;}
	.button_container {display:block;top: 25px;}
	.mainpage {padding: 20px 0 50px 0;}	
	.index011 {width: 300px;margin: 50px 0 100px 10px;}
	.index011 h2 {font-size: 30px;}
	.index01-news {position: relative;width: 100%;margin: 10px 0 0 0;}
	.index01-news-01 {text-align:center;padding-left: 0px;}
	.index01-news-02 {text-align:center;}
	.index042 {padding: 8px 0;}
	.index042 h2 {font-size:28px;}
	#page-banner-title {padding: 10px 0 0 0;margin-left: 10%;}
	#page-banner-title h2 {font-size:20px;margin: 0 0 0 0;}
	#page-banner-title h1 {font-size:26px;margin: 0 0 5px 0;}
	#about .btn-ch3 {padding: 10px 25px;}
    padding: 10px 35px;
	.about_05 h3 {margin: 0 0 0 0;}
	.about_06 {font-size: 18px;}
	.about_07 {font-size: 15px;}
	.service_02 {margin: 0 0 5px 0;}
	.footer01 li {padding: 2px 5px;font-size:15px;}
}


@media (max-width: 320px) {
	.index011 {width: 280px;margin: 0px 0 100px 10px;}
	.index011 h2 {margin-top: 20px;font-size: 26px;}
	.footer01 li {padding: 7px;font-size: 13px;}

}