@charset "UTF-8";
/* ------------------------------------------------------------------
author:        谷辰網路資訊
email:         service@gcii.tw
website:       http://www.gcii.tw
 -------------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (min-width: 1920px) {
	/*.shop_01215 .btn-03, .shop_01215 .btn-06 {min-width: auto;padding: 6px 15px;}*/
}

@media (max-width: 1750px) {
	.header-01 .nav-menu ul.menu > li > a {padding: 0 25px;}
	.page_banner2 {min-height: 750px;}
	.index_01 .index_011 {padding: 340px 0 0 200px;}
	.index_01 .index_012 .index_0121 {margin: 365px 0 0 685px;}
	.index_01 .index_012 .index_0122 {margin: 260px 0 0 750px;}
	.about_04 .about_041 {padding: 120px 200px 0 40px;}
	.about_04 .about_041.about_042 {padding: 120px 90px 0 250px;}
	.btn-02, .btn-03, .btn-05, .btn-07, .btn-06, .btn-fb {min-width: 150px;}
}

@media (max-width: 1600px) {
	.header-01 .nav-menu ul.menu {justify-content: flex-start;margin-left: 10%;}
	.header-01 .nav-menu ul.menu > li > a {padding: 0 20px;}
	.page_banner2 {min-height: 550px;}
	.page_banner2 .page_banner2_title {margin: 20% auto 0 auto;}
	.index_01 .index_011 {padding: 340px 0 0 150px;}
	.index_01 .index_012 .index_0121 {margin: 365px 0 0 635px;}
	.index_01 .index_012 .index_0122 {margin: 260px 0 0 700px;}
	.shop_011 ul li {padding: 15px 0 15px 80px;}
	.shop_011 ul li.shop_0111 {padding: 8px 0 8px 100px;}
	.know_01 .know_011 li {padding: 15px 0 15px 80px;}
}

@media (max-width: 1500px) {
	.header-01 .nav-menu ul.menu > li > a {padding: 0 18px;}
	.page_banner2 {min-height: 450px;}
	.page_banner2 .page_banner2_title {margin: 18% auto 0 auto;}
	.index_01 .index_011 {padding: 340px 0 0 150px;}
	.index_01 .index_012 .index_0121 {margin: 365px 0 0 535px;}
	.index_01 .index_012 .index_0122 {margin: 260px 0 0 600px;}
	.index_01 .index_014 img {max-width: 80%;}
	.about_04 .about_041 {padding: 80px 100px 0 40px;}
	.about_04 .about_041.about_042 {padding: 80px 90px 0 100px;}
}

@media (max-width: 1400px) {
	.header-01 .nav-menu ul.menu {justify-content: flex-start;margin-left: 5%;}
	.btn-02, .btn-03, .btn-05, .btn-07, .btn-06, .btn-fb {min-width: 130px;padding: 8px 20px;}

}

@media (max-width: 1300px) {
	.header-01 .nav-menu ul.menu {justify-content: flex-start;margin-left: 0%;}
	.header-01 .nav-menu ul.menu > li.top-logo-m {display: block;}
	.header-01 .nav-menu ul.menu > li.top-logo {display: none;}
	.header-01 .nav-menu ul.menu > li > a {padding: 0 10px;}
	.header-02 .header-022 div.cart-count {	margin: -40px 0 0 75px;}
	.header-02 i {padding: 0 5px;}
	.page_banner2 .page_banner2_title {margin: 20% auto 0 auto;}
	.index_banner #index-banner .index_banner_title h3 {font-size: 35px;letter-spacing: 20px;line-height: 70px;}
	.index_banner .rev_slider_wrapper .tp-caption {font-size: 35px;letter-spacing: 20px;line-height: 70px;}	
	.index_01 .index_011 {padding: 340px 0 0 50px;}
	.index_01 .index_012 .index_0121 {margin: 365px 0 0 435px;}
	.index_01 .index_012 .index_0122 {margin: 260px 0 0 510px;}
	.index_02 .index_021 {padding: 230px 0 0 200px;}
	.shop_011 ul li {padding: 15px 0 15px 30px;}
	.shop_011 ul li.shop_0111 {padding: 8px 0 8px 40px;}
	.know_01 .know_011 li {padding: 15px 0 15px 30px;}
	.shop_23 .item-tabs-sec ul.nav li {width: 180px;}
	.footer02 a {padding: 0 20px;}
	.footer02 a::before{padding-right: 35px;}
	.footer02 a:last-child::after{padding-left: 35px;}
	.btn-02, .btn-03, .btn-05, .btn-07, .btn-06, .btn-fb {min-width: 130px;padding: 6px 15px;}
}

@media (max-width: 1199px) {
	.header-01 .nav-menu ul.menu > li > a {padding: 0 5px;}
	.header-01 .nav-menu ul.menu > li.top-logo-m img {max-width: 150px;margin-top:10px;}
	.page_banner2 .page_banner2_title {margin: 22% auto 0 auto;}
	.index_01 .index_014 img {max-width: 70%;}
	.index_02 .index_023 {margin: 105px 0 0 0px;}
	.index_04 .index_042 {width: 100%;}
	.index_04 .index_042 .index_04211 {float: none;margin-bottom: 5px;}
	.index_04 .index_042 .index_04212 {float: none;margin-bottom: 5px;}
	.index_04 .index_042 .index_04213 {float: none;margin-bottom: 5px;}	
	.about_04 .about_041 {padding: 40px 80px 0 40px;}
	.about_04 .about_041.about_042 {padding: 40px 80px 0 40px;}
	.shop_011 ul li {padding: 15px 0 15px 10px;}
	.shop_011 ul li.shop_0111 {padding: 8px 0 8px 20px;}
	.know_01 .know_011 li {padding: 15px 0 15px 10px;}
	.shop_23 .item-tabs-sec ul.nav li {width: 150px;}
	.footer04 span {margin: 0 10px;}
}

@media (max-width: 1025px) {
	html,body {margin-bottom: 30px;}
	#header {position: relative;min-height: 80px;background-color: rgba(255, 255, 255, 1);}
	.header-01 .nav-menu ul.menu > li.top-logo-m {padding: 0;}
	.header-01 .nav-menu ul.menu > li > a {font-size: 18px;letter-spacing: 1px;}	
	.header-03 {display: block;}
	.header-03 img {max-width: 150px;}
	.header-01, .header-02 {display: none;}
	.button_container {display: block;}
	.index_banner #index-banner .index_banner_title h3 {font-size: 30px;letter-spacing: 15px;line-height: 60px;}
	.index_banner .rev_slider_wrapper .tp-caption {font-size: 30px;letter-spacing: 15px;line-height: 60px;}	
	.page_banner2 {min-height: 350px;}
	.page_banner2 .page_banner2_title {margin: 18% auto 0 auto;}
	.index_02 .index_023 {margin: 0 0 0 0px;}
	.index_02 .index_021 .index_0212 {line-height: 30px;margin-bottom: 20px;}
	.about_01 {min-height: auto;background-image: url("../images/about_12.png");background-repeat: no-repeat;background-position: top center;background-size: auto 700px;}
	.about_01 .about_011 {text-align: center;font-size: 24px;letter-spacing: 15px;padding-top: 0px;}
	.about_01 .about_012 {width: 80%;padding: 350px 0 50px 0;letter-spacing: 2px;font-size: 18px;line-height: 30px;}
	.about_02 .about_023 .about_0231 {margin: 0 45px;}
	.about_05 {background-size: auto 500px;min-height: auto;padding: 130px 0;}
	.about_05 .about_051 h4 {font-size: 28px;line-height: 30px;letter-spacing: 3px;padding: 80px 0 30px 0;}
	.about_05 .about_051 p {font-size: 18px;line-height: 40px;letter-spacing: 2px;padding: 0 30px;}
	.service_01 {padding: 0 0 80px 0;}
	.member_01 {padding: 0 0 80px 0;}
	.news_03 {padding: 10px 0 30px 0;}
	.cart_01 {padding: 60px 0 80px 0;}
	.footer02 a {padding: 0 15px;font-size: 17px;}
	.footer02 a::before {padding-right: 25px;}
	.footer02 a:last-child::after {padding-left: 25px;}
	#footer-bar.go-top-visible {visibility: visible;opacity: 1;}
	#footer-bar.go-topfade-out {opacity: 1;}
}

@media (max-width: 991px) {	
	.index_banner #index-banner .index_banner_title h3 {font-size: 25px;letter-spacing: 10px;line-height: 40px;}	
	.index_banner .rev_slider_wrapper .tp-caption {font-size: 25px;letter-spacing: 10px;line-height: 40px;}
	.index_banner #index-banner .index_banner_title .index_banner_link {padding-top: 50px;}
	.index_banner #index-banner .index_banner_title .index_banner_link a {padding: 8px 20px;}
	.page_banner .page_banner_div .page_banner_title {font-size: 25px;line-height: 40px;}
	.page_breadcrumb {width: 100% !important;}
	.page_breadcrumb .breadcrumb {padding: 30px 10px;}
	.index_01 {min-height: max-content;background-position: top left;background-repeat: repeat;margin-top: 0px;}
	.index_01 .index_011 {padding: 30px 0 20px 100px;}
	.index_01 .index_011 .index_0111 {font-size: 20px;margin-bottom: 10px;}
	.index_01 .index_011 .index_0112 {margin-bottom: 20px;}
	.index_01 .index_012, .index_014, .index_013 {display: none;}
	.index_01 .index_012 .index_0121 {margin: 155px 0 0 585px;}
	.index_01 .index_012 .index_0122 {margin: 50px 0 0 650px;}
	.index_01 .index_013 {margin: 100px 0 0 0;}
	.index_01 .index_0114 {display: block;}
	.index_01 .index_0114 .index_01143 {right:0;bottom:-270px}
	.index_01 .index_0114 .index_01143 img {width:50%;}
	.index_02 .index_021 {padding: 0 0 40px 40px;}
	.index_02 .index_022 {display: none;}
	.index_02 .index_022 .index_0221 {margin: 220px 0 0 180px;}
	.index_02 .index_022 .index_0222 {margin: 130px 0 0 105px;}
	.index_02 .col-md-6.index_0231 {padding: 0;}	
	.index_02 .index_025 {display: block;padding: 50px 0 20px 20px;}
	.index_04 .index_042 {padding: 40px 80px;}
	.about_02 .about_021 {font-size: 28px;line-height: 30px;padding: 80px 0 30px 0;}
	.about_02 .about_023 .about_0231 {margin: 0 20px;}
	.about_02 .about_023 .about_0231 img {width: 60%;margin: 0 auto;}
	.about_04 .about_041 {padding: 40px 40px 0 40px;}
	.about_04 .about_041.about_042 {padding: 40px 40px 0 40px;}
	.about_06 .about_061 {font-size: 18px;line-height: 40px;letter-spacing: 5px;}
	.news_01, .contact_01 {padding: 0 0 10px 0;}
	.news_01 .news_011 {font-size: 24px;line-height: 30px;letter-spacing: 3px;}
	.news_01 .news_012 {font-size: 16px;line-height: 24px;letter-spacing: 1px;}
	.shop_011 ul li {float:left;width: 50%;display: inline-block;text-align: center;padding: 10px 5px 10px 5px;font-size: 16px;line-height: 20px;box-shadow:1px 1px 1px 1px rgba(200, 200, 200, 0.5);}
	.shop_011 ul li.shop_0111 {display: none;}
	.shop_022 {padding: 50px 0 0 0;}
	.know_01 .know_011 li {float:left;width: 50%;display: inline-block;text-align: center;padding: 10px 5px 10px 5px;font-size: 16px;line-height: 20px;box-shadow:1px 1px 1px 1px rgba(200, 200, 200, 0.5);}
	.know_01 .know_012 {padding: 40px 10px 0 10px;}
	.know_01 .know_013 {padding: 20px 10px 0 10px;}
	.contact_01 .contact_011 {letter-spacing: 3px;line-height: 28px;}
	.member_012 {width:95%;text-align: center;margin: 0 auto;}
	.footer02 a {padding: 0 10px;}
	.footer02 a::before {padding-right: 15px;}
	.footer02 a:last-child::after {padding-left: 15px;}
	.footer04 {display:block;}
	.footer04 span:nth-child(1), .footer04 span:nth-child(4) {width: 100%;}
}

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


}

@media (max-width: 768px) {
	.page_banner2 .page_banner2_title {margin: 22% auto 0 auto;}
	.index_01 .index_011 {padding: 30px 0 20px 0px;}
	.index_01 .index_012 .index_0121 {margin: 60px 0 0 335px;}
	.index_01 .index_012 .index_0122 {margin: 0 0 0 400px;}
	.index_01 .index_014 img {max-width: 60%;}	
	.index_01 .index_0114 .index_01143 {right:0;bottom:-240px}
	.index_01 .index_0114 .index_01143 img {width:40%;}
	.index_02 .index_022 .index_0221 {margin: 190px 0 0 100px;font-size: 40px;}
	.index_02 .index_022 .index_0222 {margin: 100px 0 0 25px;font-size: 32px;}
	.index_03 {margin: 40px 0 0 0;}
	.index_04 {margin: 0px 0 0 0;}
	.index_04 .index_042 {padding: 20px 40px;}
	.index_04 .index_041 h4 {margin: 0 0 40px 0;}
	.about_02 {padding: 100px 0;min-height: 550px;}
	.about_02 .about_021 {font-size: 22px;line-height: 30px;padding: 50px 0 30px 0;}
	.about_02 .about_022 {font-size: 16px;}
	.about_02 .about_023 {margin-top: 40px;}
	.about_02 .about_023 .about_0231 img {width: 40%;margin: 0 auto;}
	.about_03 {padding: 40px 0 20px 0;}
	.about_03 .about_031 {font-size: 24px;line-height: 35px;letter-spacing: 3px;padding: 5px 0 0 0;}
	.about_03 .about_032 {padding: 10px 0;}
	.about_03 .about_033 {max-width: 80%;margin: 0 auto;}
	.about_03 .about_033 div {font-size: 16px;line-height: 24px;padding: 0;letter-spacing: 2px;}
	.about_04 {padding: 30px 0;}
	.about_04 .about_043.col-md-7 {padding: 0;}
	.about_04 .about_041 h4 {text-align: center;}
	.about_04 .about_041 p {font-size: 16px;line-height: 24px;letter-spacing: 1px;font-weight: 500;}
	.about_05 {background-size: auto 400px;min-height: auto;padding: 80px 0;}
	.about_05 .about_051 h4 {font-size: 28px;line-height: 30px;letter-spacing: 3px;padding: 50px 0 20px 0;}
	.about_05 .about_051 p {font-size: 18px;line-height: 40px;letter-spacing: 2px;padding: 0 30px;}	
	.about_06 {padding: 50px 0;}
	.about_06 .about_061 {font-size: 16px;line-height: 28px;letter-spacing: 3px;}
	.news_02 {width: 100% !important;padding: 80px 40px;margin-bottom: 2.5%;}
	.news_02 .news_020 {margin: 0 15px 40px 15px;}	
	.shop_23 .item-tabs-sec ul.nav li {width: auto;padding: 0;}
	.cart_01 .table td {padding: 15px;}
	.cart_01 .product-thumbnail img {max-width: max-content;}
	.contact_012 .form-group label {width: 100%;text-align: left;}
	.footer02 a {padding: 0;}
	.footer02 a::before {padding-right: 5px;}
	.footer02 a:last-child::after {padding-left: 5px;}
	.overlay {width: 50%;}
}

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

}

@media (max-width: 479px) {
	.btn-02, .btn-03, .btn-05, .btn-fb {padding: 8px 15px;min-width: 150px;}
	.index_banner #index-banner .index_banner_title {top: 40%;margin: 0 auto;text-align: center;}
	.index_banner #index-banner .index_banner_title h3 {width:50%;font-size: 18px;letter-spacing: 8px;line-height: 30px;}	
	.index_banner .rev_slider_wrapper .tp-caption {font-size: 18px;letter-spacing: 8px;line-height: 30px;}
	.index_banner #index-banner .index_banner_title .index_banner_link {padding-top: 5px;}
	.index_banner #index-banner .index_banner_title .index_banner_link a {font-size: 15px;padding: 4px 12px;}
	.index_banner #index-banner .flex-control-nav {display: none;}	
	.page_banner2 {min-height: 300px;}
	.page_banner2 .page_banner2_title {margin: 30% auto 0 auto;font-size: 30px;}
	.index_01 .index_012 .index_0121 {margin: 60px 0 0 255px;}
	.index_01 .index_012 .index_0122 {margin: 0 0 0 300px;}
	.index_02 .index_021 {padding: 10px 0 0 20px;}
	.index_02 .index_022 {width: 100%;}
	.index_02 .index_022 .index_0221 {width: auto;margin: 90px 0 0 80px;}
	.index_02 .index_022 .index_0222 {width: auto;margin: 30px 0 0 5px;}	
	.index_02 .index_022 .index_0222 span {writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;}
	.index_02 .index_025 {padding: 50px 0 20px 0px;font-size: 20px;}
	.index_04 .index_0421 {padding: 20px 0;}	
	.about_01 {background-size: auto 600px;}
	.about_01 .about_012 {padding: 250px 0 50px 0;}
	.about_02 {padding: 5px 0;}
	.about_04 .about_041 {padding: 40px 20px 0 20px;}
	.about_04 .about_041.about_042 {padding: 40px 20px 0 20px;}	
	.news_02 {width: 100% !important;padding: 80px 20px;margin-bottom: 2.5%;}
	.news_02 .news_020 {margin: 0 5px 40px 5px;padding-bottom: 20px;border-bottom: 1px solid #ffffff;}	
	.shop_01215 .btn-03, .shop_01215 .btn-06 {min-width: auto;padding: 6px 15px;}
	.shop_23 .item-tabs-sec .nav>li>a {padding: 10px 5px;font-size: 15px;letter-spacing:1px;}
	.contact_012 .contact_0121 .btn-02, .contact_012 .contact_0121 .btn-03 {padding: 10px 25px;min-width: 150px;}
	.member-btn-box {text-align: center;}
	.member_0141 {float: none;display: block;margin-top: 20px;}
	.overlay {width: 100%;}
}

@media (max-width: 320px) {

}