@charset "utf-8";
@media (min-width: 576px){

}
@media (min-width: 768px){

}
@media (min-width: 992px){

}
@media (max-width: 1400px){
	body.home .servicebox .wid-home-pages {
		padding-left: 484px;
	}
}
@media (max-width: 1199px) {
	body.home .servicebox .container {
		max-width: 90%;
	}
	body.home .servicebox .wid-home-pages {
		padding-left: 370px;
	}
	body.home .servicebox .wid > .h2 {
		left: -70px;
	}
	.header .navbar {
		position: relative;
	}
	.is_scroll .header > .navbar {
		position:fixed;
	}
}
@media (max-width: 991px) {
.header .navbar {
    padding: 0;
}
body.home .categorybox .page-box .editor {
    width: 100%;
}
body.home .servicebox .wid > .h2 {
    padding: 0;
    position: static;
    background: none;
    margin-bottom: 26px;
    text-align: left;
}
body.home .servicebox .wid > .h2 span{
	display:inline-block;
	margin-left:5px;
}

body.home .servicebox .list_item .row {
    align-items: center;
    justify-content: space-between;
}
body.home .servicebox .container {
    max-width: 100%;
}
body.home .servicebox .wid-home-pages {
    padding-left: 15px;
    padding-right: 20%;
}
body.home .servicebox .list_item{
	margin:20px 0;
}

body.home .servicebox .wid-home-pages .list_item .pic {
    width: 90px;
    height: 90px;
    padding: 15px;
}

body.home .servicebox .wid-home-pages .btn-more {
    background: url(../images/more.jpg)bottom right no-repeat;
    position: absolute;
    /* left: calc(50% - 184px / 2); */
    right: 0;
    padding: 50px 41px 180px 67px;
    text-align: center;
    bottom: -3rem;
    margin-bottom: 0;
}
	body.home .servicebox .wid-home-pages .btn-more:after{
		display:none;
	}
	.header > .navbar > .container {
		max-width: 100%;
		display: block;
		padding: 0;
	}
	.header .navbar .nav-pos-top {
		margin-bottom: 0;
		background: none;
		display: inline-block;
		position: absolute;
		right: 0;
		top: 60px;
	}
	#ctl00_header_holder_header_custom_BlockRpt_ctl00_homeblock_nav_container {
		display: inline-block;
		position: absolute;
		right: 58px;
		top: 67px;
	}
.is_scroll .header > .navbar {
    top: -97px;
}
	
	

	
.header .navbar .navbar-nav.navbar-mobile.nav-1 {
    justify-content: space-between;
    width: 100%;
    background: #e7dfcc;
    z-index: 1;
}

	.header .navbar-nav > .nav-item > .nav-link {
		padding: 14px 10px 10px;
	}

	.header .navbar .nav-pos-top .search-box {
		min-width: 295px;
	}
	body.home .clientbox .titlebox {
		order: 1;
		text-align: center;
	}
	body.home .clientbox .innerbox {
		order: 2;
	}
	body.home .clientbox .titlebox .h2 {
		position: relative;
		display: inline-block;
		border-bottom: 0;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 40px;
	}
	body.home .clientbox .titlebox .h2:before,
	body.home .clientbox .titlebox .h2:after {
		content: "";
		display: inline-block;
		width: 105px;
		height: 34px;
		position: absolute;
		background: url(../images/titledeco.svg) no-repeat center;
		top: calc(50% - 34px /2 );
	}

	body.home .clientbox .titlebox .h2:after {
		right: -110px;
	}

	body.home .clientbox .titlebox .h2:before {
		transform: rotate3d(0, -314, 0, 180deg);
		left: -110px;
	}
	body.home .clientbox .slick-arrow {
		right: 0;
		bottom: calc(50% - 40px / 2);
	}
	body.home .clientbox .slick-arrow.slick-prev {
		left: 0;
		right: auto;
	}
	.wid-float-section ul {
		background: var(--second-color);
	}
	.wid-float-section ul li.gotop {
		opacity: 1;
	}
	.footer .d-flex {
		flex-direction: column;
		margin-bottom: 28px;
	}
	footer .editor {
		width: 100%;
	}
	.footer .footer-info .sitemap {
		margin: 12px 0;
	}
	.footer_brand {
		margin: 0;
	}
}
@media (max-width: 767px) {
	.header .navbar .navbar-brand {
		width: 124px;
		height: 94px;
	}
	header > .navbar {
		flex-direction: initial;
	}
		.is_scroll .header > .navbar, body:not(.home).is_scroll .header > .navbar {
		position: fixed;
		bottom: auto;
		background: rgba(255, 255, 255, 0.8);
		top: 0;
	}
	.header > .navbar > .container {
		display: flex;
		padding: 0 15px;
		border-radius:0;
		
	}
	.is_scroll .header .navbar > .container, 
	body:not(.home).is_scroll .header .navbar > .container {
		background: none;
		border: 0;
		border-radius: 0;
	}
	.header .navbar .nav-pos-top {
		right: auto;
		top: auto;
		position: static;
	}
	.header .navbar .search-area {
		right: 0;
		width: 100%;
		left: 0;
		background: rgb(255 255 255 / 40%);
	}
	.header .navbar .search-area .form-inline {
		display: flex;
		width: 100%;
	}
	.header .navbar .search-area .form-inline .form-group.me-2{
		flex-grow:1;
	}
	.header .navbar .small-btn-box {
		position: static;
	}
		
	
	.header > .navbar #ctl00_header_holder_header_custom_BlockRpt_ctl00_homeblock_nav_container {
		display:none;
	}

	body.home .page-content .abbox {
		background-attachment: scroll;
		background-size: cover;
	}
	body.home .page-content .abbox .inner {
		padding: 30px;
		background: rgb(255 255 255 / 83%);
		color: #000000;
		text-shadow: none;
	}
	body.home .page-content .abbox .h3 {
		font-size: 20px;
		color:var(--main-color);
	}
	/*.banner {
		padding-top: 129px;
	}*/
	.navbar-expand-md .navbar-nav li.icon_f a img,.bsnav-mobile .navbar-mobile.nav_fb li.icon_f a img{
    	margin: 0 !important;
	}
	/*.header .navbar .navbar-nav.navbar-mobile.nav-1 {
		background: var(--main-color);
	}*/
	.bsnav-mobile .navbar-mobile.nav_fb {
		justify-content: center;
		flex-direction: initial;
		background: none;
		margin-top: 18px;
	}
	
	.bsnav-mobile.full.in .navbar .navbar-brand.navbar-nav.navbar-mobile img {
    display: none;
}
.bsnav-mobile.full.in .navbar .navbar-brand,
 .is_scroll .bsnav-mobile.full.in .navbar .navbar-brand {
    background: url(../images/logo_w.svg);
    width: 137px;
    height: 106px;
}
	.is_scroll .navbar .navbar-nav.navbar-mobile.nav-1 {
		position: static;
	}
	.header .navbar .small-btn-box .navbar-toggler:before {
		content: "menu";
		/* position: absolute; */
		display: block;
		font-size: 15px;
		margin-top: 27px;
	}
	.header .navbar-nav .nav-item:hover > .nav-link{
		background-color: var(--main-color);
		color:#fff;
	}
	.bsnav .navbar-toggler {
		height: 43px;
	}
	body.home .page-content .storybox .inner {
		background: rgb(255 255 255 / 60%);
	}
	body.home .page-content .storybox .btn.more{
		margin: 10px 0;
		display: block;
	}
	

	.header .navbar .navbar-nav.navbar-mobile.nav-1 {
		background: rgb(0 0 0 / 50%);
	}
		.py-5 {
		padding: 40px 0 !important;
	}
	body.home .wid-home-pages .list_item {
		position: relative;
		overflow: hidden;
		margin: 16px 0;
	}

	/*body.home .wid-home-pages {
		margin-bottom: 25px;
	}*/

	body.home .servicebox .wid-home-pages .btn-more {
		background-position:top right;
		right: calc(50% - 187px / 2);
		padding: 44px 41px 138px 70px;
		bottom: -201px;
		margin-bottom: 0;
	}

	body.home .servicebox .wid-home-pages {
		padding-left: 0;
		padding-right: 0;
	}
body.home .servicebox {
    padding-bottom: 200px !important;
    padding-top: 3rem !important;
}
	body.home .servicebox .wid > .h2 {
   
    margin-bottom: 26px;
    text-align: center;
	}
	body.home .servicebox .wid > .h2 span {
		display: block;
		margin: 5px 0;
	}
	body.home .servicebox .container {
		max-width: 90%;
	}
	/*contact*/
	body.contact .page-content .form-hasbg h3 {
		position: static;
		width: auto;
		background: url(../images/titlebg2m.jpg) no-repeat  #000 right center;
		background-size: cover;
		display: block;
		padding: 18px;
		margin-bottom: 20px !important;
	}
	body.contact .page-content .form-hasbg {
    
    	padding-left: 0;
	}
	/*會員*/
	.member .frame-small-box {
		width: 90%;
		margin: 42px auto;
	}
}
@media (max-width: 575px) {
/*.header .navbar .navbar-brand {
    width: 225px;
    height: 50px;
}*/
body.home .servicebox .wid-home-pages .list_item .row {
    text-align: center;
}
body.home .servicebox .wid-home-pages .list_item .pic {
    margin-bottom: 15px;
}
body.home .servicebox .wid-home-pages .info .title {
    line-height: 1.3;
}
body.home .servicebox .wid-home-pages .list_item {
    padding: 0;
    margin: 16px 0;
}
body.home .wid-home-pages .list_item {
    margin: 16px 0 30px;
}
}