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

}

@media (max-width: 1750px) {
	.header-01 {padding: 25px 50px 0 50px;}
	.header-02 .nav-menu ul.menu > li {min-width: 130px;padding: 50px 0 50px 0;}
	.header-02 .nav-menu ul.menu > li > ul {margin: 50px 0 0 0; }
	.header-03 {padding: 45px 40px 0 0;}
	.index_banner .index_banner_name img {max-height:800px;}
	.index_welcome .index_welcome_011 {margin: 50px 0 0 40px;padding: 60px 150px 60px 60px;min-height: 540px;}
}

@media (max-width: 1500px) {
	.header-01 {padding: 25px 40px 0 50px;}
	.header-02 .nav-menu ul.menu > li {min-width: 120px;padding: 46px 0 46px 0;}
	.header-02 .nav-menu ul.menu > li > ul {margin: 46px 0 0 0; }
	.header-03 {padding: 42px 30px 0 0;}
	.index .header-03 i, .page .header-03 i {padding: 0 10px;}
	.index_banner .index_banner_name img {max-height:700px;}
	.index_news .index_news_02 hr, .index_meet .index_meet_01 hr {width: 33%;}
	.index_welcome .index_welcome_011 {margin: 50px 0 0 40px;padding: 40px 100px 40px 40px;min-height: 450px;}
	.index_welcome .index_welcome_012 {margin: -60px 0 0 360px;}
}

@media (max-width: 1400px) {
	.header-01 {padding: 25px 20px 0 50px;}
	.header-02 .nav-menu ul.menu > li {min-width: 110px;}
	.header-03 {padding: 43px 20px 0 0;}
	.index .header-03 i, .page .header-03 i {padding: 0 5px;}
	.index_banner .index_banner_name img {max-height:650px;}
}

@media (max-width: 1300px) {
	.index_banner .index_banner_name img {max-height:600px;}
	.index_news .index_news_03, .index_news .index_news_04 {width: 100%;}
	.index_video .index_video_01 {width: 100%;}
	.index_welcome .index_welcome_01 {width: 100%;}
	.index_news .swiper-pagination {right: 10px;margin-top: 40px;}
	.index_photo .swiper-pagination {right: 10px;margin-top: 40px;}
}

@media (max-width: 1199px) {
	.header-01 {padding: 25px 20px 0 10px;}
	.header-01 .top-logo-light img, .header-01 .top-logo-dark img {max-width: 250px;}
	.header-02 .nav-menu ul.menu > li {min-width: 95px;}
	.header-02 .nav-menu ul.menu > li > a {font-size: 16px;}
	.index .header-03, .page .header-03 {padding: 45px 20px 0 0;}
	.index .header-03 i, .page .header-03 i {font-size: 24px;}
	.index_banner .index_banner_name {display: none;}
	.index_banner #index-banner {width: 100% !important;}
	.index_news .index_news_02 hr, .index_meet .index_meet_01 hr {width: 30%;}
	.index_news .swiper-pagination span.swiper-pagination-bullet {width: 120px;height: 8px;margin: 0 10px;}
	.index_photo .swiper-pagination span.swiper-pagination-bullet {width: 120px;height: 8px;margin: 0 10px;}
	.index_meet .index_meet_02 {width: 100%;}
	.history-011 {padding: 20px 0 0 70px;}
	.history-012 img {margin-left: 12px;}
	.history-01-flex2 .history-011 {padding: 20px 0 0 10px;}
	.news {padding: 80px 0 50px 0;}
	.news-menu {padding: 0px 0 40px 0;}
	.photo-item {width: 45%;margin: 0 1% 2% 1%;}
	.photo-item-011 img {max-height: 240px;}
	.ministry-item {width: 45%;margin: 0 1% 2% 1%;}

}

@media (max-width: 1024px) {
	.button_container {display: block;}
	.header-01 {padding: 5px 20px 10px 10px;}
	.header-02, .header-03 {display: none;}
	.header-01 .top-logo-light img, .header-01 .top-logo-dark img {max-width: 230px;}
	.index_photo h3.index_photo_022 {top: 40% !important;font-size: 1.8rem;}
	.index_photo .index_photo_022 span {font-size: 15px;}
	.index_welcome .index_welcome_011 {margin: 20px 0 0 40px;padding: 40px 100px 40px 40px;min-height: 400px;}
	.index_welcome .index_welcome_012 {margin: -60px 0 0 360px;}
	.news-menu ul li {width: 30%;
}

@media (max-width: 991px) {
	/*#preloader-wrapper-square img {max-width:240px;display: inline-block;}*/
	.index_banner #index-banner .index_banner_link a {padding: 6px 15px;}
	.index_news .index_news_02 hr, .index_meet .index_meet_01 hr {width: 60%;left: auto;right: 0}
	.index_news .index_news_02, .index_meet .index_meet_01 {text-align: left;}
	.index_news .swiper-pagination span.swiper-pagination-bullet {width: 100px;height: 8px;margin: 0 8px;}
	.index_photo .swiper-pagination span.swiper-pagination-bullet {width: 100px;height: 8px;margin: 0 8px;}
	.index_welcome .index_welcome_01 {margin: 60px auto;}
	.index_welcome .index_welcome_012 {position: relative;margin: 30px auto;text-align: center;}
	.index_welcome .index_welcome_012 a {display: inline-block;}
	.organization-01:nth-child(even)>.organization-011-pic {-webkit-order: 1;order: 1;}
	.organization-01:nth-child(even)>.organization-011-body {-webkit-order: 2;order: 2;}
	.organization-01:nth-child(odd)>.organization-011-pic {-webkit-order: 1;order: 1;}
	.organization-01:nth-child(odd)>.organization-011-body {-webkit-order: 2;order: 2;}	
	.history-011 {padding: 20px 0 0 0;}
	.history-01-flex2 .history-011 {padding: 20px 0 0 0px;}
	.history-012 img {margin-left: 1px;}
	.news-item {flex-wrap: wrap;}
	.news-list-03 {width: 98%;}
	.photo-item {width: 100%;margin: 0 0 5% 0;}
	.photo-item-011 {padding-top: 80px; }
	.photo-item-011 img {max-height: 280px;}
	.ministry-item {width: 100%;margin: 0 0 5% 0;}
	#footer {padding: 40px 0 20px 0;}
	.footer01, .footer02, .footer03 {text-align: center;}
	.footer02, .footer03 {margin-top: 30px;}
}

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


}

@media (max-width: 768px) {	
	.header-01 .top-logo-light img, .header-01 .top-logo-dark img {max-width: 220px;}
	.index_banner #index-banner .flex-control-nav {display: none;}
	.page-banner-title {font-size: 40px;}
	.page-banner-link {font-size: 16px;background-color: rgba(150, 150, 150, 0.9);}
	.index_news .index_news_02 h2, .index_meet .index_meet_01 h2, .index_photo .index_photo_01 h2, .index_socila .index_socila_01 h2 {font-size: 18px;}
	.index_news .index_news_02 hr, .index_meet .index_meet_01 hr {width: 50%;}
	.index_news .index_news_02 h2 span, .index_meet .index_meet_01 h2 span, .index_photo .index_photo_01 h2 span, .index_socila .index_socila h2 span {margin: 0 10px 10px 10px;}	
	.index_news .swiper-pagination span.swiper-pagination-bullet {width: 80px;height: 8px;margin: 0 10px;}
	.index_photo .swiper-pagination span.swiper-pagination-bullet {width: 80px;height: 8px;margin: 0 10px;}
	.index_photo h3.index_photo_022 {top: 35% !important;font-size: 1.5rem;}
	.index_meet .index_meet_01 {margin-top: 50px;margin-bottom: 50px;}
	.index_video_011 {text-align: center;}
	.about-013 a { font-size: 16px;}
	.history-01-flex {flex-wrap: wrap;border-bottom:1px solid #FFFFFF;padding-bottom:30px;margin-bottom: 30px;}
	.history-011, .history-013 {width: 100%;}
	.history-01-flex2 .history-011, .history-01-flex2 .history-013 {width: 100%;}
	.history-012, .history-01-flex2 .history-012 {display: none;}
	.paper-01 .news-menu ul li {width: 48%;}
	.overlay {width: 50%;}	
	.swiper-button-next, .swiper-button-prev {background-color: rgba(100, 100, 100, 0.8);}

}

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

}

@media (max-width: 479px) {
	#preloader-wrapper {position: absolute;}
	#preloader-wrapper-square {position: relative;width: 100%;height: 100%;top:100px;left:0;text-align: center;}
	#preloader-wrapper-square img {max-width:250px;margin: 0 auto;}
	.refresh-animation {animation: none;-webkit-animation: none;}

	.header-01 .top-logo-light img, .header-01 .top-logo-dark img {max-width: 200px;margin-top: 10px;}
	.index_banner #index-banner .index_banner_link a {padding: 5px 10px;right: 10px;bottom: 10px;}	
	.page-banner-title {font-size: 32px;bottom: 30px;left: 10px;}
	.page-banner-link {position: relative;min-height: 40px;padding: 5px 10px;}
	.pageH3 {font-size: 28px;}
	.pageH3 span {font-size: 22px;}
	.index_news .index_news_02 hr, .index_meet .index_meet_01 hr {width: 30%;top: 0px;}
	.index_photo .index_photo_01 img, .index_socila .index_socila_01 img {display: none;}
	.index_news .swiper-pagination span.swiper-pagination-bullet {width: 50px;height: 8px;margin: 0 10px;}
	.index_photo .swiper-pagination span.swiper-pagination-bullet {width: 50px;height: 8px;margin: 0 10px;}
	.index_news .index_news_04 {width: 85%;margin: 100px auto 40px auto;}
	.index_news .index_news_04 .index_news_041 {margin: 0 auto;text-align: center;}
	.index_news .index_news_04 a {padding: 6px 18px;}
	.index_welcome .index_welcome_011 {margin: 20px 0 0 0;padding: 20px;min-height: auto;}
	.about-011 {padding: 50px 10px 100px 10px;}
	.paper-01 .news-menu ul li {width: 95%;border-right: 1px solid #534741;margin-bottom:5px;padding-left: 20px;text-align:left;}
	.news-menu2 .news-menu21 input {width: 130px;}
	.news-menu2 .news-menu22 span {display:none;}
	.overlay {width: 100%;}
	.faq-01 .panel-default>.panel-heading {padding: 15px 20px 15px 10px;}
	.faq-01 .panel-default>.panel-heading a:after {right: -8px;font-size: 22px;top:1px;}

}

@media (max-width: 320px) {
	.header-01 .top-logo-light img, .header-01 .top-logo-dark img {max-width: 200px;}

}