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

}

@media (max-width: 1820px) {
	#header .nav-menu ul.menu > li {padding: 7px 42px;}
	#header .nav-menu ul.menu > li.header-logo {padding: 10px 60px;}	
	#header .nav-menu ul.menu > li > ul.subnav {margin-left: -40px;}
}

@media (max-width: 1750px) {
	#header .nav-menu ul.menu > li {padding: 7px 32px;}
	#header .nav-menu ul.menu > li.header-logo {padding: 10px 38px;}
	#header .nav-menu ul.menu > li > ul.subnav {margin-left: -30px;}	
	.footer-main-02 {padding: 0 0 0 380px;}
}

@media (max-width: 1600px) {
	#header .nav-menu ul.menu > li {padding: 7px 20px;}
	#header .nav-menu ul.menu > li.header-logo {padding: 10px 32px;}
	#header .nav-menu ul.menu > li > ul.subnav {width:120%;margin-left: -40px;}
	.page_banner h3 {padding : 600px 0 50px 0;}
	.footer-main-02 {padding: 0 0 0 250px;}
}

@media (max-width: 1500px) {
	#header {background-image: none;}
	#header .nav-menu ul.menu > li {padding: 7px 40px;}
	#header .nav-menu ul.menu > li > ul.subnav {width:100%;margin-left: -40px;}
	.page_breadcrumb_01, .page_banner_no_01 {width: 1245px;padding : 50px 0;}
	.footer-main-02 {padding: 0 0 0 230px;}
}

@media (max-width: 1400px) {
	#header .nav-menu ul.menu > li.header-logo {padding: 10px 50px;}
	#header .nav-menu ul.menu > li {padding: 7px 35px;}
	#header .nav-menu ul.menu > li > ul.subnav {margin-left: -35px;}
	.page_banner h3 {padding : 500px 0 50px 0;}
	.page_breadcrumb_01, .page_banner_no_01 {width: 1165px;padding : 50px 0;}
	.index_04_03 img {width: 80%;top: -60px;left: 0;}
	.index_04_04 img {width: 80%;bottom: 10px;right: 0;display: inline-block;}
	.footer-main-02 {padding: 0 0 0 180px;}
	#scroll-up img {width: 60%;}
}

@media (max-width: 1300px) {
	#header .nav-menu ul.menu > li {padding: 7px 25px;}
	#header .nav-menu ul.menu > li > ul.subnav {margin-left: -25px;}
	#header .nav-menu ul.menu > li.header-logo {padding: 10px 40px;}
	.page_banner h3 {padding : 450px 0 50px 0;}
	.page_breadcrumb_01, .page_banner_no_01 {width: 1065px;padding : 50px 0;}
	.footer-main-02 {padding: 0 0 0 100px;}
}

@media (max-width: 1199px) {
	#header {min-height: 120px;}
	#header .nav-menu ul.menu {justify-content: space-between;align-items: center;}
	#header .nav-menu ul.menu > li {padding: 7.5px 15px;}
	#header .nav-menu ul.menu > li > ul.subnav {width:125%;margin-left: -15px;}
	#header .nav-menu ul.menu > li.header-logo {display: none;padding: 10px 25px;}
	#header .nav-menu ul.menu > li.header-logo-m {display: block;padding-top: 20px;}
	#header .nav-menu ul.menu > li.header-logo-m img {width: 190px;}
	.overlay-search-item input {width: 650px;}
	.page_banner h3 {padding : 400px 0 50px 0;}
	.page_breadcrumb_01, .page_banner_no_01 {width: 95%;padding : 50px 0;}
	.footer-main {width: 90%;}
	.footer-main-02 {padding: 0 0 0 0px;}

}

@media (max-width: 1025px) {
	.page_banner h3 {padding : 350px 0 50px 0;}
	#scroll-up {right: -20px;}

}

@media (max-width: 991px) {
	.button_container {display:block;}
	#header {min-height: 100px;}
	#header .nav-menu ul.menu > li:not(.header-logo-m) {display: none;}
	#header .nav-menu ul.menu > li.header-logo-m {padding: 10px 15px 10px 25px;}
	#header .nav-menu ul.menu > li.header-logo-m img {width: 170px;padding-top: 5px;margin: 0 auto;}
	.page_breadcrumb_01, .page_banner_no_01 {width: 95%;padding: 30px 0;/*border-bottom: 1px solid #00A0D8;*/}
	.overlay-search-item input {width: 460px;}
	.page_banner h3 {padding : 300px 0 50px 0;}
	.index_01 h3 {font-size: 30px;line-height: 50px;letter-spacing: 10px;padding-top: 40px;}
	.index_02_02 {margin-top: 50px;margin-bottom: 10px;}
	.about_03_01 {margin-bottom: 20px;}
	.about_04_01 {width: 90% !important;margin: 0 auto 30px auto;}
	.news_03 {padding: 0px 0;}
	.news_04 {padding: 10px 0 40px 0;}
	.news_04_021 {padding: 30px 0 35px 50px;}
	.health_menu {width: 0;float: none;display: none;}
	.health_list {width: 100%;float: none;}
	.health_03 {position: relative;background-image: none;background-repeat: no-repeat;background-color:#ffffff;padding: 70px 0 70px 0;min-height: 285px;}
	.health_03_021 {display: flex;flex-direction: column;flex-wrap: nowrap;height: auto;}
	.contact_02_02_01 {margin-top: 20px;}
	.search_01 {padding: 50px 0 50px 0;}
	.search_01_01 {display: none;}
	.pager-link-title {display: none;}
	.footer-main-01 img {width:50%;}
	.footer-main-02 {padding: 0;display: block;}
	.footer-main-021 {width:45%;display: inline-block;padding: 0;}
	.footer-main-022 {width:45%;display: inline-block;padding: 0;text-align: center;}
	.footer-main-023 {width:100%;text-align: center;}
	.footer-main-023 i {font-size: 35px;}
	#scroll-up {right: -30px;}
}

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

}

@media (max-width: 768px) {
	.index_banner {padding-top: 100px;}
	.index_01 h3 {font-size: 30px;line-height: 50px;letter-spacing: 6px;padding-top: 40px;}
	.index_02 {padding: 0px 0;}
	.index_02_01 {margin-bottom: 20px;}
	.about_03 {width: 95% !important;padding: 40px 0;}
	.about_01 h3 {font-size: 28px;letter-spacing: 5px;margin-bottom: 10px;}
	.about_02 h3 {font-size: 28px;letter-spacing: 5px;margin-bottom: 10px;}
	.photo_01_01 img {display: block;margin: 0 auto 20px auto;}
	.news_01 {padding: 25px 0 15px 0;}
	.footer-main-02 {font-size: 16px;line-height: 24px;}
	.footer-main-021 {width:100%;display: block;padding: 0;text-align: center;}
	.footer-main-022 {width:100%;display: block;padding: 0;text-align: center;}
	.footer-main-023 i {font-size: 30px;}

}

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

}

@media (max-width: 479px) {
	.index_01 h3 {font-size: 24px;line-height: 50px;letter-spacing: 5px;padding-top: 40px;}
	.index_04_03 {display:none;}
	.photo_01 {padding: 20px 0 0px 0;}
	.photo_01_04 {display:none;}
	.photo_01 h3 {font-size: 26px;letter-spacing: 3px;margin-bottom: 30px;}
	.photo_02 h3 {font-size: 26px;letter-spacing: 3px;margin: 0 5px 30px 5px;}
	.photo_02 h3:before {left: -75px;width: 30px;height: 4px;top: 18px;}
	.photo_02 h3:after {right: -70px;width: 30px;height: 4px;top: 18px;}
	.about_01 h3 {font-size: 25px;letter-spacing: 3px;margin-bottom: 10px;}
	.about_02 h3 {font-size: 25px;letter-spacing: 3px;margin-bottom: 10px;}
	.about_03 h3 {font-size: 25px;letter-spacing: 3px;margin-bottom: 30px;}
	.about_04 h3 {font-size: 25px;letter-spacing: 3px;margin-bottom: 30px;}
	.about_03 {padding: 20px 0;}
	.about_03_02 img {padding: 20px 0;}
	.news_01_01 a {font-size: 20px;letter-spacing: 3px;}
	.news_01_01 {padding: 0 20px 30px 0;}
	.news_01_01:after {right: 8px;width: 1px;height: 20px;top: 0px;}
	.news_02_02, .news_03_03, .news_03_04 {display:none;}
	.news_03_01 h4 span {display: block;margin-left: 0px;}
	.health_03 {padding: 40px 0 40px 0;}
	.health_03_01 {width: 100%;}
	.health_03_011 {left: 90px;float: left;}
	.health_03_012 {left: 70px;text-align: left;}
	.health_03_02 {width: 100%;padding: 60px 10px 20px 10px;}
	.health_03_02 h3 {display: block;text-align: center;}
	.contact_02_03 {text-align: center;	padding-right: 0px;}
	.contact_02_03 .btn {width: 40%;letter-spacing: 10px;}
	.search_01 {padding: 50px 0 20px 0;}
	.mobileBr {display:block;}
	.pcBr {display:inline;}
	.htmlDetail ol li, .htmlDetail ul li {margin: 0 0 0 30px;padding: 0 0 0 0px;} 
}

@media (max-width: 320px) {

}

@media (max-width: 280px) {

}