@charset "utf-8";
@media (min-width: 576px){
}
@media (min-width: 768px){
	.function-bar {
    margin-bottom: 10px;
	}
}
@media (min-width: 992px){
	
}
@media (min-width: 1200px){

}

@media (max-width: 1800px) {
    .footer:after {
        width: 157px;
        top: -213px;
        height: 197px;
        background-size: cover;
    }
    .footer:before {
        width: 157px;
        height: 197px;
        top: -207px;
        background-size: cover;
    }

	body.home .banner_bg01 img {
    width: 170px;
	}
    body.home .banner_bg02 {
        left: 15%;
        bottom: -10px;
    }
	body.home .banner_bg03 {
    	left: 55%;
		bottom: 65px;
	}
	body.home .banner_bg03 img {
    	width: 75px;
	}
    body.home .banner_bg04 {
		right:20%;
        bottom:20px;
    }

    body.home .banner_bg05 {
        right: 3%;
        bottom: 25px;
    }

    body.home .banner .bann_tit img {
		transform: scale(0.8);
    }

    .footer .tep1:last-child {
        width: 20%;
    }
  
    .footer .new_flower4 {
        top: -130px;
    }
    .footer .copyrights {
        padding-right: 0;
    }
    .footer-bottom .container {
        width: auto;
        padding-left: 0;
    }
}

@media (max-width: 1600px) {
	body.home .header .navbar-nav .nav-link {
    	padding: 25px 15px;
	}
	.home_about .new_bg01 {
    	left: -100px;
    	top: -38%;
	}
	body.home .banner .bann_tit {
    	top: 15%;
	}
	body.home .banner .bann_tit img {
		transform: scale(0.7);
    }
	body.home .banner_bg04 {
    	bottom: 65px;
		right:25%;
	}
	body.home .banner_bg04 img{	
		width: 200px;
		transform: rotate(-7deg);
	}
	body.home .banner_bg03 {
    	left: 45%;
    	bottom: 25px;
	}
}
@media (max-width: 1500px) {
	body.home .header .navbar .container-fluid {
    	width: 90%;
	}
	body.home .header .navbar-nav .nav-link {
    	padding: 25px 10px;
	}
	body.home .banner_bg02 {
    	left: 15%;
    	bottom: 20px;
	}
	body.home .banner_bg02 img {
		width:220px;
	}	
	body.home .banner_bg05 {
    	right: 10%;
    	bottom: 30px;
	}
	body.home .banner_bg05 img{	
		width: 210px;
	}	
	body.home .banner_bg04 {
    	bottom: 65px;
		right:28%;
	}
	body.home .banner_bg04 img{	
		width: 190px;
		transform: rotate(-9deg);
	}	
}


@media (max-width: 1400px) {
	body.member .page-content .main .container .row {
    	--bs-gutter-x: 2rem;
	}
	.header .navbar-nav .nav-link {
    	padding: 25px 20px;
	}
	body.product .gallery-list.mode-horizontal .item .item-detail .item-info .info p.title {
    	-webkit-line-clamp: 1;
	}
	.home_about .new_bg01 {
    	top: -35%;
	}
	body.home .banner .bann_tit {
    	top: 10%;
	}
	body.home .banner .bann_tit img {
		transform: scale(0.6);
    }
	body.home .banner_bg01 {
    	left: 5%;
    	bottom: 10px;
	}
	body.home .banner_bg04 {
    	bottom: 50px;
		right:28%;
	}	
	body.home .banner_bg04 img {
		transform: rotate(-15deg);
	}
	body.home .banner_bg05 {
    	right: 4%;
    	bottom: 40px;
	}
	.header .navbar .container-fluid {
		width: 100%;
	}
	body:not(.home) .banner-ani-::after{
    	bottom: 20px;
	}
}


@media (max-width: 1300px) {
	.header .navbar-nav .nav-link {
    	padding: 25px 15px;
	}
	body.home .banner .bann_tit {
    	top: 5%;
	}
	body.home .banner_bg04 {
    	bottom: 38px;
    	right: 25%;
	}	
	body.home .banner_bg04 img {
		transform: rotate(-19deg);
	}
	body.home .header .navbar .container-fluid .small-btn-box .list-inline .btn-group a.btn.btn-primary.dropdown-toggle {
    	margin-left: 10px;
	}
	body.home .navbar .small-btn-box ul {
    	margin: 0;
	}
	body.home .header .navbar .container-fluid {
    	width: 95%;
	}

}


@media (max-width: 1199px) {
	.header .btn-group.lang .dropdown-menu {
    	left: 0;
	}
	.header .navbar .container-fluid .small-btn-box .list-inline .btn-group .btn.btn-primary.dropdown-toggle {
    	margin-left: 0px;
	}
	.navbar .navbar-collapse > .navbar-nav {
    	padding-left: 3%;
	}
	.mode-switch.gallery-list[data-mode=mode4]>.item {
    	flex: 0 0 100%;
	}
	body.product .gallery-list.mode-horizontal .item .item-detail .item-info .info p.title {
    	-webkit-line-clamp: 1;
	}	

	body.home .header .navbar-nav .nav-link {
		padding: 22px 7px;
	}
	body.home .header .navbar-nav .nav-link {
		font-size: 14px;
	}

	body:not(.home) .banner-bg::before{
		left:-15%;
		bottom:50px;
		top:auto;
	}
	body:not(.home) .banner-bg::after{
		right:-15%;
		bottom:-50%;
	}
	body.home .banner_bg04 {
		bottom: 20px;
	}
	body.home .banner_bg04 img {
		transform: rotate(-15deg);
	}
	body.home .banner_bg03 {
		bottom: 0px;
	}
	body.home .banner_bg03 img {
	width: 60px;
	}
	body.home .header .navbar .container-fluid {
		width: 100%;
	}
	.home_about p {
		width: 70%;
	  
	}
	.home_about .ab_bicycle img {
		width: 80%;
	}
	body.home .banner_bg01 {
		left: 3%;
	}
	body.home .banner .bann_tit {
		top: 0%;
	}
	body.home .banner .bann_tit img {
		transform: scale(0.45);
	}
	body.home .banner_bg05 img {
		width: 170px;
	}
	body.home .banner_bg05 {
		bottom: 20px;
	}
	body.home .banner_bg04 img {
		width: 160px;
	}
	body.home .banner_bg02 img {
		width: 170px;
	}
	body.home .banner_bg01 img {
		width: 140px;
	}
	
/*主選單雙行	*/
	body:not(.home) .navbar .small-btn-box ul.list-inline {
		margin: 0;
		position: absolute;
		right: 0;
		top: 0px;
		width: 100%;
		background: #00000063;
		justify-content: end;
	}
	body:not(.home) .header .navbar .container-fluid {
    	margin-top: 28px;
	}
	body:not(.home) .nav-cart-info {
    	padding: 0;
	}
	body:not(.home) header .navbar .container-fluid .small-btn-box .list-inline .btn-group .btn.btn-primary.dropdown-toggle {
    	margin-left: 0!important;
	}
	body:not(.home) .navbar .small-btn-box a {
    	margin: 0;
	}	
	
	body:not(.home) .header .navbar .small-btn-box .list-inline-item:not(:last-child) {
    	margin-right: 1.3rem;
	}
	body:not(.home) .header .navbar .small-btn-box .list-inline-item.nav-cart-info {
   		margin-right: 2rem;
	}
	body:not(.home) .nav-cart-info .cart-drop-box .count {
    	right: -12px;
    	top: 0px;
	}
	
	body:not(.home) .nav-search-li .nav-search-box .search-area {
    	left: -260px;
    	top: 2px!important;
	}
	body:not(.home) .nav-cart-info .nav-cart-list {
    	top: 26px!important;
	}
	/*----*/


	body:not(.home) .navbar.newtop .small-btn-box ul.list-inline {
    	background: #0000007d;
	}

	body:not(.home) .header .navbar.newtop {
    	background: #581628e3;
	}
	body:not(.home) .header .navbar .nav-share-btn-area {
    	top: 115px;
	}
	.footer .footer_content .container{
		max-width:95%;
	}
}

@media (max-width: 991px) {
	.header .navbar-nav .nav-link {
		padding: 25px 8px;
	}
	.wid-float-section.mobile-animate, body.scroll-down .wid-float-section.mobile-animate {
		position: fixed;
		transform: initial;
		bottom: 0;
		left: 0;
		top: auto;
	}
	body:not(.home) .banner-wrapbox::before {
		right: 5%;
		bottom: -8%;
		transform: scale(0.7);
	}
	body:not(.home) .banner-wrapbox::after {
		left: 8%;
		bottom: -10%;
		transform: scale(0.7);
	}	
	body:not(.home) .banner-ani-::after {
		bottom: 10px;
	}
	

	body.home .navbar .small-btn-box ul {
    	position: absolute;
    	top: -25px;
    	right: 0;
	}

	body:not(.home) .navbar .navbar-brand {
    	height: 60px;
	}
	
	

	.header .navbar .small-btn-box ul .nav-cart-info,
	.header .navbar .small-btn-box ul #ctl00_header_holder_header_custom_BlockRpt_ctl00_homeblock_nav_memberLi
	{
		display:none;
	}

	.nav-brand-wrapper {
    	flex: 0;
	}
	.wid-float-section, body.scroll-down .wid-float-section.mobile-animate {
    	bottom: -1px;
	}
	.nav-search-li .nav-search-box .search-area {
		left: -254px;
	}
	.nav-cart-info .nav-cart-list {
		top: 49px!important;
	}

	.header .navbar .nav-share-btn-area {
		left: 0px;
		top: 80px;
		flex-direction: column;
		width: -webkit-fit-content; 
		width: fit-content; 
	}
	.wid-float-section ul {
		border-radius: 0;
	}
	.sideNavBtn .btn.btn-primary {
		display: none; 
	}
	.container{
		max-width: 90%;
	}
	body.product .gallery-list.mode-horizontal .item .item-detail .item-info .info p.title {
		-webkit-line-clamp: 2;
	}
	body:not(.home) .side2{
		display:none;
	}
	body.home .banner_bg03 {
		bottom: 30px;
		left: 30%;
	}

	.newtop .small-btn-box ul {
		margin: -15px 0 0;
	}
	body:not(.home) .newtop .small-btn-box ul {
		margin: 0;
	}
	body.home .header .newtop .navbar-nav .nav-link {
		padding: 10px 8px 25px;
	}
	body.home .header .newtop .nav-item.dropdown>.navbar-nav .nav-item .nav-link {
		padding: 10px;
	}
	body.home .navbar .small-btn-box ul li button, 
	body.home .navbar .small-btn-box ul li a {
		padding: 2px 5px;
		margin-left: 0;
	}
	body.home .navbar .small-btn-box ul li a.btn.btn-primary.dropdown-toggle {
		padding: 2px 15px;
	}
	
	body.home .nav-brand-wrapper {
		flex: 0 0 10%;
	}
	body.home .header .navbar .container-fluid {
		width: 100%;
	}
	body.home .banner:after {
		background-position: 75% -45%;
	}
	body.home.banner:before {
		bottom: -10px;
	}

	body.home .banner .bann_tit img {
		transform: scale(0.35);
	}
	body.home .banner .bann_tit {
		top: -8%;
	}
 
	body:not(.home) .banner .banner-txt {
		top: 55%;
	}
	body:not(.home) .banner-bg::before{
		left:-30%;
	}
	body:not(.home) .banner-bg::after{
		right:-30%;
		bottom: 0;
		transform: scaleX(1);
	}
	.frame-small-box {
		width: 80%;
		margin-bottom: 160px;
	}
	body.home .navbar .navbar-brand {
		margin:0;
	  
	}
	.sideNavBtn .btn.btn-primary {
		background: #40798b;
		border-color: #40798b;
		font-size: 0.75rem;
	}
	.sideNavBtn .btn.btn-primary:hover {
		background: #000;
		border-color: #000;
	}
	 
	.home_album .article-grid.info-absolute .item {
		padding: 0 14px;
	}
	.home_about .ab_bicycle {
		right: 0;
	
	}
	.home_news .article-grid.info-absolute .item {
		padding: 10px 10px 40px;
	}
	.home_news  .multiple-slick.slick {
		padding: 0 0;
	}
	body.home .banner_bg02 {
		left: 10%;
		bottom: 20px;
	}
	body.home .banner_bg01 {
		left: 0;
	}
	body.home .banner_bg04 {
		right: 25%;
 
	}
	body.home .banner_bg05 {
		right: 0;
		bottom:3px;
	}

	.breadcrumb {
		bottom: -30px;
	   
	}

	body:not(.home) .banner .banner-txt {
		width: auto;
		position: absolute;
		width: auto;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		background: transparent;
		padding: 0;
	}
	body:not(.home) .banner-bg {
    	/*height: 350px;*/
	}
		
		
		
	body.home .navbar .navbar-collapse {
		margin-top: 0px;
	}
   .navbar .navbar-collapse > .navbar-nav {
		padding-left: 2%;
	} 
	body.home .header .navbar-nav .nav-link {
		padding: 20px 8px;
	}
	.footer .foo-sit {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.footer .footer_right,
	.footer .footer_left {
		width: 100%;
	}
	.footer  .d-flex {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
 
	body.home .navbar.newtop .navbar-collapse > .navbar-nav:before {
		top: -90px;
	}

	.footer .tep1:last-child {
		width: 20%;
	}

	.navbar.newtop .navbar-collapse > .navbar-nav:before {
		top: -999px;
		bottom: 0;
	}

	.navbar .navbar-collapse > .navbar-nav:before {
		left: -999px;
	}
	 body.home .navbar.newtop .navbar-brand {
		margin:0 0 10px;
	}    

	body.home .header .navbar.newtop .small-btn-box,
	body.home .navbar.newtop .navbar-collapse {
		margin-top: 0;
	}

	.header .navbar.newtop .small-btn-box,
	.navbar.newtop .navbar-collapse,
	.header .navbar .small-btn-box
	{
		margin-top: 0;
	}
	body.home .header .navbar .small-btn-box, body.home .navbar .navbar-collapse {
		 margin-top: 0px; 
		}
	.navbar .navbar-collapse {
		margin-top: 0px;
		}
	.navbar .btn.btn-primary {
		margin-top: 0px;
	}


	.header .navbar {
		padding: 5px 10px 0 10px;
	}
	body:not(.home) .header .navbar {
		background-color: #cf2348d6;
	}
	.sideNavBtn   .txt-en {
		display:none;
	}
		

}

@media (max-width: 881px) {
	body.home .banner_bg01 img {
		width: 100px;
	}
	body.home .banner_bg02 img {
		width: 150px;
	}
	body.home .banner_bg03 img {
		 width: 50px;
	}
	body.home .banner_bg04 img {
		width: 130px;
	}
	body.home .banner_bg05 img {
		width: 150px;
	}
	body.home .banner .bann_tit {
		top: -12%;
	}

	body.product .main .container .row .content .pt-3:first-child {
		padding-top:0rem !important;
	}
}

@media (max-width: 767px) {
	body.product.show .multiple-slick .slick-next {
		right: -2px;
	}
	body.product.show .section.pt-3.mt-3 button:not(:disabled){
		background: none;
	}
	body.product.show .multiple-slick .slick-prev {
		left: -19px;
	}
	
	.main .container {
	   min-height: auto;
	}	
	body.cart.help .main .container{
		max-width: 100%;
		padding: 0 0.5rem;
		} 
	body.cart.help .main .container .editor h3 {
		padding-bottom: 5px;
	}	
	.cart .btn.btn-bord {
		padding: 4px 6px;
		font-size:12px;
		color: #fff;
	}
	.cart .btn.btn-bord i::before {
		display:none;
	}
	.align-items-center .btn-area .btn {
		padding: 15px 0 0 0;
	}
	.pay-box {
		padding: 15px 10px 20px;
	}
	body.product .section.breadcrumb-section{
		display:none;
		}	
		
	body.product .main .container .row .content .section:last-child {
		margin: 0px 0 50px;
	}
	body.news .container .ezshare-box {
		margin-bottom: 10px;
	}
	body.news .container .h1 {
		font-size: 25px;
	}
	body.news .article-horizontal-grid .item .info .date {
		color: #ea7132;
	}
	body.news .article-horizontal-grid .item .info .desc a {
		color: #ff9e9ed9;
	}
	.header .nav-search-li .nav-search-box .search-area a {
		margin: 0 5px 2px;
	}
	
	.header .btn-group.lang .dropdown-menu {
		min-width: 0;
	}
	.header .btn-group.lang .dropdown-item {
		padding: 7px 30px;
	}
	.home_album .article-grid.info-absolute .item .post-foo .info p.title {
		max-height: 18px;
	}
	.home_news .article-grid.info-absolute .item .info .title {
		max-height: 37px; 
	}
	/*.home_news .article-grid.info-absolute .item .info .title::before {
		content: "..."; 
		position: absolute;
		bottom: 0;
		right: 0;
		padding-left: 20px;
	}*/

	.home_news .article-grid.info-absolute .item .info .desc {
		padding-top: 12px;
		max-height: 60px; 
		overflow: hidden; 
	}
	.cookie {
		font-size: 15px;
	}
	.cookie .txt a {
		font-size: 12px;
	}
	body.faq .page-content .main .container .row {
		--bs-gutter-x: 0rem;
	}
	body:not(.home) .banner-bg {
		background-attachment: initial;
	}
	.cookie {
		z-index: 9999;
		background: rgb(23 20 20 / 95%);
	}
	.cookie .agree-btn {
		background: #287047;
	}
	.cookie .agree-btn:hover {
		background: #000;
	}
	
	body.about .h2 {
		height: auto;
	}
	body.about .container .ezshare-box {
		position: initial;
		transform: translateX(0);
	}
	
	body.faq .accordion-list-item{
		margin-top:70px;}
	body.member.favorite .pic-area{
		width: 35%!important;
		}
	body.member.favorite .det-area{
		width: 65%!important;
	}


	body.member.favorite .info-area .price{
		display:none;
		}
	body.member.favorite .btn-area{
		margin-top: 10px!important;
		}
	body.member.favorite .cart-box .cart-list .cart-item+.cart-item {
		padding-top: 20px;
	}	
	
	body.coupon .btn.btn-secondary{
		padding: 8px 21px;
		font-size: 15px;
		}
	body.cart.p01 .btn-box.text-end{
		text-align: center !important;
		margin-bottom: 150px;
	}

	body.cart.p01 #ctl00_section_top_holder_Panel1,
	body.cart.p01 .needs-validation,
	body.cart.p01 .form-horizontal{
		 margin-bottom: 40px;
		}
	.cart .btn.gray {
		margin-top: 10px;
		border-radius: 5px;
	}
	body.cart.p01 .btn-box.mt-3.text-center {
		text-align: center !important;
		margin-bottom: 40px;
	}
	.cart .cart-box .cart-step {
		margin-bottom: 20px!important;
	}
	.navbar.newtop .small-btn-box ul li a.btn-search{
			color: #cfa449;
		}
	body.news.p01 .tab-area .tab-title a {
		padding: 5px 0;
	}
	body:not(.home) #ctl00_header_holder_header_custom_BlockRpt_ctl00_homeblock_nav_searchLi{
		margin-right: 1.2rem;
		}
	
	body:not(.home) .nav-search-li .nav-search-box .search-area {
		top: 70px!important;
		left: 0;
		width: auto;
	}
	.nav-search-li .nav-search-box .search-area {
		width: auto;
		top: 58px!important;
		left:0;
		background: #0f443ff2;
	}
	body:not(.home) .header .navbar .container-fluid {
		margin-top: 0;
	}
	body:not(.home) .navbar .small-btn-box ul.list-inline {
		position: inherit;
		width: auto;
		background: none;
		justify-content: flex-start;
		margin: 0 15px 0 0;
	}
	body:not(.home) .navbar.newtop .small-btn-box ul.list-inline {
		background: none;
	}
	body:not(.home) .header .navbar .container-fluid {
		width: 95%;
	}
	body.about .container .ezshare-box{
		margin: 15px 0 20px 0;
		}

	body:not(.home) .header .navbar .nav-share-btn-area {
		flex-direction: initial;
		width: initial;
	}
	.header .navbar .nav-share-btn-area {
		position: initial;
		margin: 20px 0 0 0;
		flex-direction: initial;
		width: initial;
		}
	body.home .header .navbar {
		transform: translateY(0px);
	}
	.col-form-label {
		padding-top: calc(0.375rem + 1px);
		padding-bottom: calc(0.375rem + 1px);
		text-align: initial;
	}
	body.news.show  .mb-5{
		margin-bottom: 0rem !important;
	}
	body.news.show .function-bar {
    	margin-bottom: 0px;
	}
	body.product .tab-content>.active {
    	background-color: unset;
	}
	body.product.show .tab-area {
    	border-top: none;
	}
	body.product .tab-area.tab-accordion .tab-accordion-header {
		font-size: 1rem;
		color: #000;
		border: dashed 1px #ffb3b35e;
		padding: 10px;
	}
	body.product .tab-area.tab-accordion .tab-accordion-body {
		border: dashed 1px #ffb3b35e;
		padding: 30px 20px;
		background: #34060669;
		color: #ffffffad;
		font-size: 15px;
	}
	body.home .navbar .small-btn-box ul li button, body.home .navbar .small-btn-box ul li a {
    	position: initial;
    	top: 0;
	}
	body.contact .pt-5{
		padding-top: 1rem!important;
	}
	body.contact .section.pt-lg-2.mt-5.mb-5.pb-4 .info-area {
    	padding-left: 0;
	}	
	body.about .section.main-content{
		margin-top:-3rem;
	}
	body.faq .section.main-content{
		margin-top:-1rem;
	}	
	body.member .mainSection{
		margin-top:-3rem;
	}		
	.mt-5{
		margin-top:0!important;;
		}
	body.product .pt-md-5 {
    	padding-top: 0!important;;
	}	
	body.faq .accordion-list{
		margin:30px 0;
		}
	body.member.p01 .page-content .mainSection {
    	margin:0 0 80px;
	}
	body.order .main .side,
	body.member .main .side {
    	width: 100%;
	}
	body.member.p01 .container .gallery-list.member-function-box{
		margin-bottom:50px;
	}
	body.contact .section.pt-5 h3.h1.mb-4 ~ .needs-validation {
    	padding: 10px 0 50px 0;
	}
	body.contact .section.pt-5 h3.h1.mb-4 ~ .needs-validation .text-center.pt10 .btn{
		padding: 10px 25px;
		margin-right: 0;
	}	
	.page-box.mb-5 {
    	margin-bottom: 4rem !important;
	}
	body.product .mode-horizontal .item-detail .item-info .btn-box {
    	position: initial;
    	margin: initial;
		padding: 10px 0 0;
	}
	.product .price-box p:first-child {
    	padding-top: 5px;
	}
	.mode-switch.gallery-list[data-mode=mode4]>.item .item-info .pic {
    	width: auto;
   		margin-right: 0;
	}
	.mode-switch.gallery-list[data-mode=mode1]>.item .price-box p:first-child,
	.mode-switch.gallery-list[data-mode=mode4]>.item .price-box p:first-child {
    	padding-top: 0;
	}
	.mode-switch.gallery-list[data-mode=mode4]>.item .btn-box {
    	top: auto;
	}
	.gallery-list[data-mode=mode4] p {
    	text-align: center;
	}
	body.product .gallery-list.mode-horizontal .item .item-detail .item-info .info .price-box p:nth-child(2) {
    	color: #b12121;
    	font-size: 20px;
	}
	body.product .gallery-list.mode-horizontal .item .item-detail {
    	min-height: 250px;
	}
	body.product .gallery-list.mode-horizontal .item .item-detail .item-info .info p.title {
    	white-space: inherit;
	}

	body.news .article-list .item a .time {
    	width: 85px;
		margin-bottom:10px;
	}
	body.news .article-list .icon.ms-auto {
		display:none;
	}
	body.news .article-list .item a {
    	padding: 15px 10px;
	}
	body.news .article-list .align-items-center {
    	display: flex!important;
    	flex-direction: column;
	}
	body.news .article-list .item .info{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space:initial!important;
	}
	body.news .article-list .item a:hover .info{
		letter-spacing:0;
	}
	
	.gallery-list.cover.hov-cart .btn-box .btn {
		color: #fff;
		width: 40px;
		padding: 5px;
	}
	body.product .item-detail .item-info .cover .btn-box {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	body.product .page-content .main .container .row {
     margin-bottom: 20px;
	}	
	.main .container .content .section .sort-area{
		display:none;
	}
	.bsnav-mobile .navbar-nav {
    	padding: 0px;
	}
/*	body:not(.home) .navbar.logo-mob-show .nav-brand-wrapper .navbar-brand .logo-ani{
	display:none;
	}*/
	body:not(.home) .navbar .navbar-brand {
		background-size: initial;
		display: flex;
		margin: 5px 0;
	}
	.newtop .small-btn-box ul {
    	margin:0;
	}
	body.home .navbar.newtop .navbar-brand {
		background-size: initial;
	}
	.bsnavclose.close-btn {
    	display: none;
	}
   .navbar.logo-mob-show .nav-brand-wrapper .navbar-brand .logo{
	   display:none;
    }
	
	.navbar.logo-mob-show ~ .bsnav-mobile .navbar-mobile-wrapper .logo{
	   display:none;
    }
	
	.bsnav-mobile .navbar-mobile-wrapper .logo-mob{
		transform: scale(0.5);
		margin-top: -20px;
		}
	.navbar .small-btn-box a {
    margin: 2px 5px;
	}	
    
	
	.navbar .small-btn-box ul {
    margin: 0 20px 0 0;
	}
	
	body.home .header .navbar .small-btn-box ul {
    margin: 0;
	position: initial;
	}
	
	body.home .nav-brand-wrapper {
    flex: 0 0 auto;
	}
    body.home .navbar .navbar-brand {
		/*background: url(../images/all/logo_mobile.svg) no-repeat;
		background-position: center;
		filter: sepia(1);
		*/
		margin: 5px 0;
		height: 60px;
		width: 60px;
	}
	 body.home .navbar.newtop .navbar-brand{
	margin: 5px 0;
	}
    body:not(.home) .banner-bg::after,
	body:not(.home) .banner-bg::before,
	body:not(.home) .banner-pic picture::before  {
		display:none;
	}
    body:not(.home) .banner .banner-txt {
	top: 45%;
	}
    body:not(.home) .banner-pic picture::before {
    top: 0;
	}
	.home_about h4 {
    font-size: 29px;
	}
	.member.login .btn-area {
        padding-top: 28px;
    }
    .order.show .cart-list .info-area .price {
        text-align: left;
    }
    body.member .frame-small-box .kind-info .h2 {
        margin-bottom: 0;
    }
    body.member .form-horizontal {
        margin-top: 20px;
    }
    body.member.login .btn-area .flex-item .btn-primary {
        display: block;
    }
    body.member.login   .btn-area .flex-item {
        width: 100%;
    }
    body.member .btn-area {
        flex-wrap: wrap;
        margin-top: 0 !important;
    }
    body.member   #fbLoginBtn img,
    body.member   #geLoginBtn img {
        margin-right: 2px;
    }
    body.member #geLoginBtn.btn.btn-primary
     {
        padding: 2px 5px;
    }
	body.member #fbLoginBtn.btn.btn-primary{
		padding: 5px 5px;
		margin: 20px 0 10px 0;
		}
    .wid-float-section ul li a .num {
        padding-top: 2px;
        text-align: center;
    }
    .wid-float-section {
        bottom: 0;
    }
    .page-content section.pt-3 {
        padding-top: 1.5rem !important;
    }
    .bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .navbar-nav  li a{
        color:#fff0ab;
    }
    .bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .navbar-nav {
        background: #7a6338;
    }
    .breadcrumb{
        display:none;
    }
    .bsnav-mobile.full .navbar-nav .nav-item .navbar-nav {
        background: #7a623dd1;
		margin: 0;
    }
    body:not(.home) .banner .banner-info div {
        font-size: 20px;

    }
 
    .bonus   .footer {
        margin-top: 160px;
    }
   .order   .rwd-table.mob-mode td {
        border-bottom: 1px dashed #ffffff4d;
    }
    .rwd-table.mob-mode td:before {
     
        color: #fff;
    }
    body.modify .col-form-label {
        text-align: left;
    
    }
    .member-function-box .item > a .info {
        font-size: 14px;
    }
    .member-function-box .item > a {
        padding: 30px 5px;
    }
	.member-function-box .item .mb-2{
		margin-bottom: 0!important;
		}
    
	
	.btn-secondary {
        padding: 4px 21px;
        font-size: 0.75rem;
    }
    .frame-small-box {
        width: auto;
        margin-bottom: 100px;
    }
	body.member .frame-small-box {
    padding-bottom: 5rem;
	}
    .album.show   .pagination {
        margin-bottom: 0;
    }
    body.product.p02 .gallery-list.cover.hov-cart .btn-box .btn:hover {
        color: #000;
        background: unset;
    }
    body.product.p02 .gallery-list.cover.hov-cart .btn-box .btn {
        background: unset;
        color: #40798b;
    }
    body.product.p02 .item-detail .item-info .btn-box {
        border: none;
        padding-top: 20px;
    }
    .h2 {
        font-size: 24px;
    
    }
    .breadcrumb {
        bottom: -48px;
        right: 0;
    }
    h6.h3 {
        font-size: 22px;
  
    }
    .footer:after {
        width: 107px;
        top: -153px;
        height: 147px;
        left: 0;
    }
    .footer:before {
        width: 107px;
        height: 147px;
        top: -157px;
        right:0;
    }
    .home_about .new_bg01 {
		display:none;
       
    }
	.home_about .ab_bicycle {
		display:none;
	}

    .home_news .article-grid.info-absolute .item:nth-child(2n) {
        padding-top: 0;
    }
    .home_about {
        margin-bottom: -130px;
		background-attachment: initial;
    }

        .show .page-item a.page-link:before,
        .home_about a:before {
            top: 39%;
        }
    .show .page-item a.page-link {
        margin-top: 0;
        margin-bottom: 0;
    }
        .show .page-item a.page-link,
        .home_about a {
            padding: 8px 42px 8px 29px;
       
        }

    .home_news .article-grid.info-absolute .item .info .title {
        font-size: 16px;
        padding: 7px;
		line-height: 1.6;
    }
    .home_news .tag {
        padding: 5px 10px;
    }
    
    body.home .banner_bg01 {
        left: 0%;
    }
    body.home .banner_bg01 img {
        width: 60%;
    }
	body.home .banner_bg02 {
		bottom:50px
    }
    body.home .banner_bg02 img {
        width: 200px;
    }
	  body.home .banner_bg03 img {
        width: 75%;
		display:block;
    }
   body.home .banner_bg03 {
        bottom: 40px;
		left:35%;
		display:none;
    }
    body.home .banner_bg04 {
        bottom: 55px;
        right: 35%;
    }
    body.home .banner_bg04 img {
        width: 170px;
		transform: rotate(-7deg);
    }
    body.home .banner_bg05 {
        right: 5%;
		bottom:40px;
    }
    body.home .banner_bg05 img {
        width: 200px;
    }
    .banner:before {
        pointer-events: none;
		background-position: 8% 90%;
    }
    .banner:after {
        pointer-events: none;
		background-position: 100% 10%;
    }
    body.home .banner .bann_tit img {
		transform: scale(0.7);
    }
	.wid-float-section ul li {
    padding: 7px 8px;
	}
	.banner .bann_tit:after {
		width: 345px;
		bottom: 17%;
		}
	.banner .bann_tit:before {
		width: 345px;
		height:138px;
		top: 0%;
		}
	body.faq .page-content .main .container .row {
    margin-top: 0px;
	}
	.function-bar{
		display:flex !important;
		margin-bottom: -10px;
		align-items: flex-start;
	}
	body.faq .side1{
		margin-bottom:30px;
	}
    .map-box {
        height: 400px;
		margin-bottom:60px;
    }

    .bsnav-mobile.full.in .navbar {
        background: #601b29d6;
    }
    body:not(.home) .header .navbar {
        background-color: #cf2348;
        backdrop-filter: blur(2px);
    }
	  .pagination {
		margin-bottom: 105px;
			}
	 .footer .footer_left ul li:nth-child(4){
			font-size:13px;
			}
	 .footer .footer_left ul li label{
			margin-right:8px;
			}	
     .projects_mid .d-flex {
            flex-wrap: wrap;
            justify-content: unset;
        }
	.navbar .btn.btn-primary {
			margin-top: 0;
			padding: 4px 21px;
		}
	.projects_mid .pr_comm.aos-animate   .pr_one {
        top: 20px;
    }
    .projects_mid .h3{
		color:#FFF;
		margin-bottom: 10px;
		}
	.projects_mid .h3:before {
		background-color: #FFF;
	}
	.projects_mid:before {
	background:url(../images/all/projec_mbg%20.jpg);
	background-repeat:repeat-y;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
	}


	.related_mid {
        padding: 60px 0 80px 0;
        margin: 0 15px 40px;
        background-attachment: scroll;
		background-size: cover;
    }
    .related_mid .d-flex a {
        font-size: 14px;
		background-color: #000000e0;
    }
    .related_mid .d-flex {
        flex-wrap: wrap;
    }
    .related_mid .d-flex .rel_1 {
        width: 100%;
        margin-bottom:10px;
    }
    .related_mid h3 {
        font-size: 1.25rem;
		top:25%;
    }
    .projects_mid .pr_comm {
        margin-bottom: 20px;
        width: 100%;
    }
  
    .projects_mid .pr_comm .pr_one2 .bk_x p {
        padding: 1px 5px;
      
    }
    .projects_mid .pr_comm .pr_one2 .bk_x {
        padding: 25px 0;
    }
	.projects_mid .pr_comm .pr_one2 .bk_x p {
		background-color: #000000d4;
	}
   
    .projects_mid .pr_comm .pr_one span {
        font-size: 0.75rem;

    }
    .projects_mid .pr_comm .pr_one2 .ti_er {
        font-size: 0.75rem;
      
    }
    .projects_mid .pr_comm p.more {
		display:none;
      
    }
    .projects_mid .pr_comm .pr_one h3 {
        font-size: 1rem;
    }
    .h3 {
        margin-bottom: 30px;
        font-size: 26px;
    }
    .banner .Scroll_d{
        display:none !important;
    }

    .footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info {
        padding: 20px 0 20px;
    }

.new_flower{
	top:-90px;
	}	
	
.director_c .tit p {
    padding-top: 12px;
}
.director_c .tit h4 span {
	padding:6px 0 0 8px ;
}


.director_c .tit h4{
	padding-left:60px;
	}
.director_c .tit .pic {
    padding-left: 0;
    width: 75%;
    margin: 20px auto 0 auto;
}
 .director_c .tit p.tx_t {
    left: 6%;
	top:60px;
	line-height:15px;
}
	   
	   .director_c .tit .pic {
			padding-left:0; 
		}

	    .director_c {
            padding: 0 0 3%;
        }
    .new_flower.new_flower2 {
        top:20px;
    }
      
            .new_flower.new_flower2 img {
                width: 80px;
            }
        .footer .footer_left label {
            font-size: 12px;
            width: 25px;
        }
        .director_c .tit h4 span {
            left: 13px;
        
        }
        .director_c   .slick-dots {
            bottom: -14px;
        }
    
  
        .btn.btn-primary {
            padding: 4px 21px;
			font-size:15px;
			background: #195a56;
        }
            .new_flower img {
        }
        .director_c .tit h4 span:before {
            left: -11px;
            top: -9px;
            width: 53px;
            height: 53px;
            background-size: cover;
        }
        .footer .footer_content.fc_seperate_bottom {
            padding: 10px 0 0;
        }

        .home_worl h3 {
            letter-spacing: 0px;
            padding-top: 20px;
        }
        .home_worl .wo_left, .home_worl .wo_right {
            width: 100%;
        }
        .home_worl .d-flex,
        .home_space .d-flex {
            flex-wrap: wrap;
        }
    .footer .new_flower4 {
        top: -75px;
    }

    .header .navbar {
        position: fixed;
        background-color: #cf2348;
        padding: 0px 10px 0px 10px;
        z-index: 999;
    }

        .side .h3 {
            margin-top: 20px;
        }

        .side .filter-title .collapsed-btn, .side .filter-sidebar.multiple-collapse .collapsed-btn {
            font-size: 16px;
        }

        .side .h3 .txt-tw {
            font-size: 20px;
        }

        .article-grid .item .info .date {
            font-size: 12px;
        }

    .article-grid.ar-img .item .info {
        height: unset;

    }

        .article-grid .item .info .kind a {
            font-size: 12px;
            padding: 1px 7px;
        }



        .product .gallery-list .item .title {
            font-size: 14px;
        }

        .product .gallery-list .item .info {
            margin-top: 0 !important;
        }

        .header .btn-group.lang .dropdown-item {
            font-size: 12px;
			margin: 0;
        }

        .footer .fot_sitemp ul li a:before {
            left: 4px;
            top: 15px;
            width: 4px;
        }

        .footer .footer_content.fc_seperate_bottom .footer-bottom {
            margin-top: 30px;
        }

        footer .footer_content.fc_seperate_bottom {
            padding: 17px 0 0;
        }

        .footer ul li a {
            font-size: 13px;
        }

        .footer h4, .footer a.ti_p {
            margin-bottom: 0;
        }

        .footer a.ti_p {
            padding: 0;
            display: inline-block;
            font-size: 12px;
			margin-right:6px;
        }

        .flex-column {
            flex-direction: unset !important;
        }

        .footer .fot_sitemp .d-flex {
            flex-wrap: wrap;
            justify-content: unset;
        }

        .footer .tep1:last-child {
            width: 100%;
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .footer .tep1 {
            width: 100%;
            margin-bottom: 15px;
            border-bottom: 1px dashed #88ffd82b;
            padding-bottom: 15px;
        }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link:hover {
            background-color: #a07d46;
            color: #ffd992;
        }
		.bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav .nav-link:hover {
            background-color: #997a4b;
            color: #fff;
        }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
            background: #94a07c42;
        }

        .header .navbar-nav.navbar-mobile > .nav-item > .nav-link:before {
            left: 2px;
            top: 16px;
            display: none;
        }

        .bsnav-mobile .navbar-nav .nav-item .nav-link {
            padding: 20px 0px 20px;
            border-bottom: solid 1px #2e2f29;
        }

        .header .bsnav-mobile .navbar {
            padding: 0;
        }


        .header .bsnav-mobile .navbar {
            background: rgb(6 6 6 / 93%);
        }

    .article-grid.info-absolute .item .tt_1   a {
        font-size: 14px;
    }
    .article-grid.info-absolute .item .tt_2 a {
        font-size: 12px;
    }

        .article-grid.info-absolute .item {
            padding:0 15px;
        }
				
		.article-grid.info-absolute .item .outside {
			border-right:none;
	}
		
        .article-grid.info-absolute .item:hover {
			background-color:inherit;
	}

        .se_prod .new_flower3 {
            top: -80px;
        }

        .se_prod {
            margin: 0 0 0;
            padding-bottom: 60px;
        }

        .footer .copyrights {
            font-size: 12px;
            text-align: center;
        }

        .footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info .footer-logo {
            margin-top: 0;
            text-align: center;
        }

        .news-sec .new_flower2 {
            bottom: -110px;
        }

        .se_prod .gallery-list .item .title {
            font-size: 14px;
        }

        .home_about p {
            width: 95%;
            margin: 0 auto 50px;
            font-size: 14px;
        }

       .navbar .navbar-brand{
           
        }
	
		body .navbar .navbar-brand::before,
		body.home .navbar .navbar-brand::before {
			content:inherit;
		}

		.navbar.newtop .navbar-brand::before {
		content:inherit;
		}

		

        .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
            background-color: #cfa449;
            height: 1px;
        }
    body.home .header .navbar {
    background-color: #cf2348;
	padding: 2px 15px;
    }
	body.home .header .newtop {
    /*background-color: #000000e3;*/
	}
    .banner {
     padding-top: 50px;
        }
    body.home .banner .bann_tit {
        top: 5%;
    }
		body.product .product-info-area .title-box .tag-area {
		margin-top: -10px;
		}
		.contact .btn {
		font-size: 14px;
		padding: 10px 27px;
		}
	.footer a.ti_p::before {
    bottom: 5px;
	}
	body:not(.home) .banner-wrapbox::before{
    display:none;
	}
	body:not(.home) .banner-wrapbox::after{
    display:none;
	}
    .home_news .slickfixedInitPosition{
        aspect-ratio: 516 / 380;
    }
	body.product.show .page-item a.page-link{
    margin: 0rem 0 2rem 0;
	}
}

@media (max-width: 575px) {

.main .container .row .side .wid {
    margin-bottom: 0;
}
	
	
	.leaves1::before,
	.leaves1::after,
	.leaves2::before,
	.leaves2::after,
	.leaves3::before,
	.leaves3::after,
	.leaves4::before,
	.leaves4::after{
	 background-size:60%;
	 background-repeat:no-repeat;
	}
	.wid-float-section ul {
	   background: rgb(0 0 0 / 96%);
	}
	
body.contact .mb-5{
	margin-bottom:3rem!important;
	}
body.faq .btnbox-ask {
    top: 70px;
    left: 38px;
}
background: rgba(0,0, 0,0.87);
	body.home .navbar.newtop .navbar-brand {
	margin: 23px 0 0;
	}   
	body:not(.home) .banner-ani-::before{
    left: -5%;
    bottom: -20px;
    transform: scale(0.6);
	}
	body:not(.home) .banner-ani-::after {
    bottom: 10px;
	right:5%
	}
	
	
	body:not(.home) .banner-bg {
    height: 310px;
	background-position: right;
	}
	body:not(.home) .banner .banner-info div {
    transform: scale(0.4);
	}
	body:not(.home) .banner .banner-txt {
    top: 40%;
	}
    .home_news .slickfixedInitPosition{
        aspect-ratio: 551 / 580;
    }

	
	.wid-float-section ul li {
    padding: 15px 8px;
	}


	body.news .align-items-center {
    align-items: inherit!important;
	}
	body.news .article-horizontal-grid .item .info .desc {
   height: auto;
	}
	body.news .article-horizontal-grid .item .info {
    padding-bottom: 15px;
	}	
 
	 
	 .footer .fot_sitemp ul li a {
		padding: 2px 0 0px 13px;
		}
	 .contact h3 {
		margin-bottom: 20px!important;
		}
	 .contact h3 .txt-en {
		font-size: 1.4rem;
		font-family: inherit;
		margin: 0 auto -4px auto;
		}
	  .bg-lightgray {
		margin-top: 20px;
		}
	   body.product .pagination {
		margin-bottom: 0px;
		}
	   body.product .gallery-list .item {
		margin-bottom: 0px;
		}
	   body.product .product-detail-Specification{
		   padding:20px 5px;
		}
	
	   body.product .mainSection{
	   padding-top: 2px !important;
		}
	   
	   body.product .container .ezshare-box {
		margin: 15px 0;
		}
	   body.product .section .row {
		--bs-gutter-x: 1rem;
		}
		body.faq .function-bar{
		margin: 20px 0 0 0;
		}
	   .function-bar{
		margin-bottom:15px;
		}
		body.product .function-bar{
		margin-bottom:0!important;
		}
	   .product-info-area .info-box {
		padding: 20px 0 ;
		}
	   .product-info-area{
		margin-top: 1rem!important;
		}
		body.product.show .container .product-info-area{
		margin-top: 0rem!important;
		}
	   .product-pic .slider-nav {
		padding: 20px 0 0 0;
		}

	    .breadcrumb {
		right:0;
		}
		
	   .header .navbar .btn.btn-primary {
		padding: 4px 20px;
		font-size:12px;
		}
		body.news .pic .ratio-4x3 {
		--bs-aspect-ratio: 70%;
		width: 100%;
		margin: 0 auto;
		}
	
		 .editor .projects_mid .container{
		max-width: 540px
		}
        .banner .slick-dots {
            bottom: 15px;
            text-align: center;
            left: 0;
        }
		 body.home .banner .slick-dots {
            bottom: 20px;
            text-align: center;
            left: 0;
        }
		
	@keyframes floating
	{
    0%,100%
    {
     transform: skewY(-5deg) translate(0,-5px);
    }
    50%
    {
     transform: skewY(-5deg) translate(0,5px);
    }
	}
	div.star i{
    background: #b4d9c178;
    animation: animate 15s linear infinite;
    }
}


@media (max-width: 500px) {
	.home_news .article-grid.info-absolute .item{
    padding-bottom: 60px;
	}
	.article-grid.info-absolute .item .share-area ul li {
    opacity: 1;
    visibility: initial;
	}
	.article-grid.info-absolute .item .share-area ul{
    position: absolute;
	}
	.container {
	max-width: 95%;
	}
	body.product .container {
	max-width: 100%;
	}
	body.home .home_news{
    padding-top: 1rem !important;
	}
	.home_album {
        padding-bottom: 170px;
    }
    .home_album .article-grid.info-absolute .item::before {
        width: 60px;
        height: 46px;
        background-size: cover;
    }
    body.home .banner_bg01 {
    left: 5%;
    bottom: 20px;
    }
    body.home .banner_bg01 img {
        margin: 0;
    }
	body.home .banner_bg02 {
    left: 15%;
	bottom:35px;
	}
	body.home .banner_bg02 img {
	width:140px;
    }
	
    .banner:before{
    }
    .banner:after {
    }

	body.home .banner_bg03 {
    bottom: 20px;
    right: 5%;
    left: auto;
	display:block;
	}
    body.home .banner_bg04 {
    right: 20%;
    z-index: 1;
    bottom: 35px;
    }
    body.home .banner_bg05 {
		display:none;
    }
    body.home .banner_bg05 img {
        margin:0 0 0 auto;
    }
    body.home .banner_bg04 img {
        width: 150px;
    }
    body.home .banner .bann_tit img {
		transform: scale(0.5);
    }
    body.home .banner .bann_tit {
        top: -5%;
    }
    body.home .banner_bg03 img {
        width: 60px;
    }
	/*.home_about .ab_bicycle {
    top: -23%;
    transform: scale(0.65);
    right: -5%;
	
	.home_about .new_bg01 {
     left: -116px;
     top: -25%;
    }
	.home_about .new_bg01 img {
     transform: scale(0.5);
    }*/
	.home_album .container{
	margin-top:30px;
	}
	.home_about:before {
    height: 100px;
	}
	body.home .ab_wio{
	margin-top:-40px;
	}
	
}



@media (max-width: 420px) {

}