/* =============================== */
/* 搜尋區塊 */
/* =============================== */
.search_areaBg{
    background-color: #FFD297;
    position: relative;
    padding: clamp(1.875rem, 3.125vw, 3.75rem) clamp(1.25rem,2.1354vw,2.5625rem);
    border-radius: .625rem;
}
.search_areaBg::before{
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../../../images/bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    z-index: 0;
}

.search_area .search_content{
    display: flex;
    width: 90%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 1.25em;
}
.search_area .search_content .search_content_left{
    display: flex;
    width: 35%;
    /* flex: 1; */
    gap: clamp(.4375rem,0.7813vw,.9375rem);
    flex-wrap:nowrap;

}
.search_area.type .search_content .search_content_left{
    display: flex;
    width: 20%;
    /* flex: 1; */
    gap: clamp(.4375rem,0.7813vw,.9375rem);
    flex-wrap:nowrap;

}

.search_area .search_content .search_content_right{
    display: flex;
    width: 65%;
    flex: 1;
    gap: clamp(.4375rem,0.7813vw,.9375rem);
    flex-wrap:nowrap;

}
.search_area.type .search_content .search_content_right{
    display: flex;
    width: 80%;
    flex: 1;
    gap: clamp(.4375rem,0.7813vw,.9375rem);
    flex-wrap:nowrap;

}


.search_area .search_item{
    position: relative;
    width: 33.3%;
    flex: 1;
}
.search_area .search_item select{
    width: 100%;
}

.search_area .search_item.keyword{
    width: calc(100% - 60px);
    position: relative;
    
    
    
}

.search_area .search_item.keyword button{
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--fourth_color);
    border-color: var(--fourth_color);
    padding: 0;
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem;
    box-shadow: unset;
    border-style: unset;
    line-height: 1;
    width: 3.125rem;
    height: 3.125rem;
    
}
.search_area .clear_btn{
    width: 3.75em;
    
}
.search_area .clear_btn input{
    width: unset;
    padding: .75rem .5rem;
    line-height: 1;
    border-radius: .625rem;
    background-color: #04B5BC;
    border-color: #04B5BC;
    color: #fff;
    font-size: 1.375em;
    font-weight: 600;
    position: relative;
    z-index: 0;
    height: 3.125rem;
}
/* 在螢幕放大125%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49), only screen and (min-resolution: 125dpi) and (max-resolution: 149dpi) {
    .search_area .clear_btn input{
        font-size: 1em;
    }
}
/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
(max-resolution: 174dpi) { 
    .search_area .clear_btn input{
        font-size: 1em;
    }
}
@media(max-width:1300px){

    .search_area .search_content{
        flex-direction: column;
        align-items: center;
    }
    .search_area.type .search_content{
        flex-direction: row;
        align-items: center;
    }
    .search_area .search_content .search_content_left,
    .search_area .search_content .search_content_right{
        width: 100%;

    }
    .search_area.type .search_content .search_content_right{
        display: flex;
        width: 80%;
        flex: 1;
        gap: clamp(.4375rem,0.7813vw,.9375rem);
        flex-wrap:nowrap;
    
    }
    
    
    .search_area .search_item select{
        width: 100%;
        flex: 1;
    }
    .search_area .search_item.keyword{
        width: calc(100% - 60px);
        position: relative;
    }
}

@media (max-width: 990px){
    .search_area select{
        font-size: 1.3125em;
    }
    .search_area .clear_btn input{
        font-size: 1.3125em;
    }
    .search_area.type .search_content{
        flex-direction: column;
        align-items: center;
    }
    .search_area.type .search_content .search_content_left,
    .search_area.type .search_content .search_content_right{
        width: 100%;

    }
}

@media (max-width: 768px){
    .search_area{
        display: flex;
        flex-wrap: wrap;
    }
    .search_area .search_item{
        width: 100%;
    }
    
    .search_area .search_item select{
        width: 100%;
        flex: 1;
        font-size: 1em;
    }
    .search_area .search_item.keyword{
        width: 100%;
        position: relative;
        font-size: 1em;
        
    }
    
    .search_area .clear_btn input{
        width: 100%;
        font-size: 1em;
        
    }
}

@media (max-width: 640px){
    .search_areaBg{
        
        padding: clamp(2.9033rem, 4.6875vw, 5.6250rem) .625rem ;
        
    }

    .search_area .search_content{
        
        gap: clamp(.4375rem,0.7813vw,.9375rem);
        width: 100%;
    }
    .search_area .search_content .search_content_left,
    .search_area .search_content .search_content_right{
        flex-direction: column;
        
    }
    
    .search_area .clear_btn {
        width: 100%;
        
    }
}
/* =============================== */
/* 合作社列表區塊 */
/* =============================== */
.cooper_list_area{
    margin-top:clamp(.625rem,1.0417vw,1.25rem);

}
.cooper_list_item{
    margin-bottom: clamp(.625rem,1.0417vw,1.25rem);
    position: relative;
}
.cooper_list_item a{
    display: flex;
    /* align-items: center; */
    background-color: #FFF3F3;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.cooper_list_item a:hover{
    opacity: 0.5;
    transition: all 0.3s ease;
}
.cooper_list_item_left{
    width: 40%;
    display: flex;
    flex-direction: column;
}

.cooper_list_item_right{
    width: 60%;
}
.cooper_list_item_right{
    /* position: relative; */
    padding: 0;
    margin: 0 auto;
    /* padding-left: 50px; */
}

.cooper_list_item_right::after{
    position: absolute;
    content: "";
    bottom: 0;
    /* background-size: 193.0718px; */
    background-size: clamp(3.125rem, 5.2604vw, 6.3125rem);
    background-repeat: repeat-x;
    background-image: url(../../../images/divider_line.svg);
    background-position: left center;
    width: 100%;
    height: clamp(.4375rem, 0.7813vw, .9375rem);
}

.cooper_list_item .cooper_img{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.cooper_list_item .cooper_img span{
    display: block;
    position: relative;
    /* padding-top: 52.13%; */
    aspect-ratio: 109 / 58;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.cooper_list_item .cooper_img span img{
    width:100%;
    height:auto;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.3s ease-out;
}
.cooper_content{
    padding:clamp(.9375rem,1.5625vw,1.875rem) clamp(1.5625rem,2.6042vw,3.125rem);
    /* padding-left: clamp(1.5625rem,2.6042vw,3.125rem); */
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: calc(100% - 100px);
}

.cooper_title{
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.5;
    color: #505050;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    

}
.cooper_name{
    color: #963434;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1;
}
.cooper_detail{
    display: flex;
    flex-direction: column;
    /* gap: clamp(.375rem,1.1458vw,1.375rem); */
}
.cooper_detail_list{
    display: flex;
    align-items: center;
    gap: clamp(.75rem,1.25vw,1.5rem);
}
.cooper_icon{
    width: 1.5625em;
}
.cooper_icon img{
    width: 100%;
    height: auto;
}
.cooper_text{
    color: #963434;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 2em;
}
.tag{

}
.tag{
    position: absolute;
    right: -2%;
    top: 0;
    background-image: url(../../../images/tag.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.125em;
    height: 3.125em;
}
.tag_text{
   color: #fff;
   position: relative;
   top: 56%;
   right: 0;
   transform: translate(0,-50%);
   font-size: 1.25em;
   font-weight: 700;
   line-height: 2.1875em;
}

/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
(max-resolution: 174dpi) { 
    .cooper_icon{
        width: 1.1em;
    }
    .cooper_title{
        font-size: 1.5em;
        
    }
    .cooper_name{
        font-size: 1em;
    }
    .cooper_text{
        font-size: 1em;
        line-height: 1.7em;
    }
    .tag{
        
        width: 6em;
        height: 3em;
        right: -2.3%;
    }
    .tag_text{
        color: #fff;
        position: relative;
        top: 27%;
        right: 0;
        transform: translate(0,-50%);
        font-size: 1em;
        font-weight: 700;
        line-height: 1em;
     }
}
@media (max-width: 1200px){
    .cooper_list_item a{
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #FFF3F3;
        position: relative;
        overflow: hidden;
        text-decoration: none;
    }
    .cooper_list_item_left,
    .cooper_list_item_right{
        width: 100%;
    }
    .cooper_content{
        width: 100%;
        padding: clamp(.9375rem,2.6042vw,3.125rem);
        display: flex;
        flex-direction: column;
        gap: clamp(.375rem,0.625vw,.75rem);
        max-width: unset;
    }
    .cooper_list_item .cooper_img span img{
        
        width: 100%;
        
    }
    .tag{
        right: -2.1%;
    }
}

@media (max-width: 990px){
    .cooper_title{
        font-size: 1.3125em;
        line-height: 1.5;
    }
    .cooper_name,
    .cooper_text{
        font-size: 1.125em;
        line-height: 1.5;
    }
    .tag{
        right: -3%;
    }



}

@media (max-width: 768px){
    .cooper_title{
        font-size: 1.2em;
    }
    .cooper_name,
    .cooper_text{
        font-size: 1em;
    }
    
}

@media (max-width: 640px){
    .tag{
        right: -4.4%;
    }
}
@media (max-width: 540px){
    .cooper_title{
        font-size: 1em;
    }
    .cooper_name,
    .cooper_text{
        font-size: .875em;
    }
    .tag{
        top: -1.7%;
        right: -5.2%;
        width: 100px;
    }
    .tag_text{
        font-size: 1em;
        top: 25%;
        line-height: 1;
    }
}

/* =============================== */
/* 產品列表 */
/* =============================== */
.product_area{
    margin-top: clamp(1.25rem,2.0833vw,2.5rem);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: clamp(.4375rem,0.7813vw,.9375rem);
}
.product_list{
   position: relative;
   background-color: #FFF3F3;
   box-shadow: 5px 5px 4.5px rgba(0, 0, 0, 0.25);
}
.product_list a{
   color: #505050;
   text-decoration: none;
   border-radius: 0px 0px 5px 5px;
   
   
}
.product_list a:hover{
   opacity: 0.5;
   transition: all 0.3s ease;
   
   
}
.product_list::after{
    position: absolute;
    content: "";
    bottom: 0;
    /* background-size: 193.0718px; */
    background-size: clamp(3.125rem, 5.2604vw, 6.3125rem);
    background-repeat: repeat-x;
    background-image: url(../../../images/divider_line.svg);
    background-position: left center;
    width: 100%;
    height: clamp(.4375rem, 0.7813vw, .9375rem);
}
.product_list_img{
    
}
.product_list_img{
    display: block;
    position: relative;
    padding-top: 100%;
}
.product_list_img span img{
    width:100%;
    height:auto;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.3s ease-out;
}
.product_info{
    width: 100%;
    /* max-width: 203px;
    margin: 0 auto; */
    font-size: 1.375em;
    line-height: 1.875em;
    padding: clamp(2.0833vw,2.0833vw,2.5rem) clamp(1.0625rem,1.8229vw,2.1875rem) clamp(1.6875rem,2.8646vw,3.4375rem);
    font-weight: 700;
}
.product_info .product_type{
    color: #963434;
    font-weight: 400;
    margin-bottom: clamp(.625rem,1.0417vw,1.25rem);

}
.product_title{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
}

@media (max-width: 990px){
    .product_area{
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
}
@media (max-width: 768px){
    .product_info{
       
        font-size: 1em;
        line-height: 1.5;
        
    }
}
@media (max-width: 640px){
    .product_area{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width: 410px){
    .product_area{
        display: block;
    }
}

/* =============================== */
/* 合作社介紹內頁 */
/* =============================== */
.cooper_bottom{
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem,2.0833vw,2.5rem);
    margin-bottom: 1.25rem ;
    margin-top: 1.25rem ;
    
    
}
.section_title{
    font-weight: bold;
    font-size: 1.5625em;
    margin-bottom: clamp(.625rem,1.0417vw,1.25rem);
    background-color: var(--primary_color);
    padding: clamp(.4375rem,0.7813vw,.9375rem);
    display: inline-block;
    color: #fff;
}
.section_title.product{
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    
}
.cooper_info_area{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: clamp(.625rem,1.0417vw,1.25rem);
}
.contact_bottom,
.store_bottom{
    display: flex;
    flex-direction: column;
    gap: .625rem;
    line-height: 1.45;
    font-size: unset;
    color: #000;
    
}
.cooper_contact section.textArea{
    justify-content: space-between;
    height: 100%;
    
}
.contact_bottom{
    justify-content: space-between;
    height: calc(100% - 73px);
    
}
.contact_info{
    flex: 1;
    
}
.contact_bottom a{
    background-color: var(--third_color);
    border-radius: 1.5rem;
    
    padding: clamp(0.3226rem, 0.5208vw, 0.6250rem) 0; /* 5.16px , 0.5208vw , 10px */
    padding-left:clamp(0.9355rem, 1.5104vw, 1.8125rem); /* 14.97px , 1.5104vw , 29px */
    padding-right:clamp(0.9355rem, 1.5104vw, 1.8125rem); /* 14.97px , 1.5104vw , 29px */

    text-align: center;
    color: #fff;
    line-height: 1.5;
    font-size: 1em;
    display: block;
    width: 100%;
    text-decoration: none;
}
.contact_link{
    display: grid;
    /* grid-template-columns: repeat(2,1fr); */
    gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10px */
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));  /*填滿*/
}
.contact_link .link_item a{
    
}
.contact_link .link_item a:hover{
    opacity: 0.5;
    transition: all 0.3s ease;
}
.contact_link .link_item.shop a{
    background-color: var(--eighth_color);
}




@media (max-width: 1600px){
    .contact_bottom{        
        height: calc(100% - 67px);        
    }

    .contact_bottom a{
        font-size: 0.8125em; /*13*/
        padding-left: clamp(0.4194rem, 0.6771vw, 0.8125rem); /* 6.71px , 0.6771vw , 13px */
        padding-right:clamp(0.4194rem, 0.6771vw, 0.8125rem); /* 6.71px , 0.6771vw , 13px */
    }

}

@media (max-width: 1308px){
    .contact_bottom{
        
        height: calc(100% - 52px);
        
    }
}
@media (max-width: 990px){
    .contact_bottom,
    .store_bottom{        
        font-size: 1em; 
    }
    .section_title{
        font-size: 1.2em;
    }
    .contact_bottom{        
        height: calc(100% - 46px);        
    }
}

@media (max-width: 640px){
    
    .cooper_info_area{
        display: block;
    }
    .cooper_contact{
        margin-top: 1.25rem;
    }
        .contact_bottom a{
            font-size: 1em; /*13*/
        }

    
}

@media (max-width: 640px){

.contact_link{
    display: flex;
    flex-wrap: wrap;
}

}








.deco{
    
    background-size: clamp(3.125rem, 5.2604vw, 6.3125rem);
    background-repeat: repeat-x;
    background-image: url(../../../images/divider_line.svg);
    background-position: left center;
    width: 100%;
    height: clamp(.4375rem, 0.7813vw, .9375rem);
    margin: 1.25rem 0;
}
/* =============================== */
/* 產品內頁 */
/* =============================== */
/* 產品區塊輪播 */

.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.product_BgIn .swiper {
	width: 100%;
	height: 100%;
}

.product_BgIn .swiper-slide {
	text-align: center;
	font-size: 1.125em;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.product_BgIn .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.product_BgIn .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.product_BgIn .swiper-slide {
	background-size: cover;
	background-position: center;
}

.product_BgIn .mySwiper2 {
	height: 80%;
	width: 100%;
}

.product_BgIn .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.product_BgIn .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	/* opacity: 0.4; */
}

.product_BgIn .mySwiper .swiper-slide-thumb-active .smallProduct_img::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #f5bb4d9e;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 1;
	transition: var(--hover_word);
	cursor: pointer;
}

.product_BgIn .mySwiper .swiper-slide-thumb-active .smallProduct_img::after {
	font-family: "Material Icons";
	content: "\e412";
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	font-size: 1.5em;
	opacity: 1;
	transition: var(--hover_word);
	cursor: pointer;
}

/* 左右鍵 */
.product_BgIn .swiper-button-prev,
.product_BgIn .swiper-button-next {
	width: 30px;
	height: 30px;
	background-size: 30px;
}

.product_BgIn .swiper-button-prev {
	left: -5px;
	background-image: url(../index/images/left_arrow02.svg);
}

.product_BgIn .swiper-button-next {
	right: -5px;
	background-image: url(../index/images/right_arrow02.svg);
}

/* 大圖列表 */
.bigProduct_img {
	position: relative;
	/* padding-top: 100%; */
	/* border-radius: 10px; */
	overflow: hidden;
	width: 100%;
	/* border-radius: 1.25em; */
	overflow: hidden;
}

#big_img1 {
	display: block;
}

.product_BgIn .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;


	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: 0.3s ease all;
}


/* 小圖區塊 */
.product_BgIn .smallProduct_img {
	position: relative;
	padding-top: 100%;
	/* border-radius: 5px; */
	overflow: hidden;
	width: 100%;
	/* margin: 0px;
	padding: 10px 15px 0px 15px; */
	border-radius: 1.25em;
}

.product_BgIn .smallProduct_img::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(91, 86, 66, .7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: var(--hover_word);
	cursor: pointer;
}

.product_BgIn .smallProduct_img::after {
	font-family: "Material Icons";
	content: "\e412";
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	font-size: 1.5em;
	opacity: 0;
	transition: var(--hover_word);
	cursor: pointer;
}

.product_BgIn .smallProduct_img:hover::before {
	opacity: 1;
}

.product_BgIn .smallProduct_img:hover::after {
	opacity: 1;
}

.product_BgIn .smallProduct_img a {
	display: block;
	/* position: relative;
		padding-top: 100%;
		border-radius: 10px;
		overflow: hidden;
		width: 100%;*/
}

.product_BgIn .smallProduct_img img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: 0.3s ease all;
}


/* ------------------------ */
.product_top {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* border-bottom: 1px solid #D3D3D5; */
	/* padding-bottom: 25px; */
}


.product_left {
	width: 40%;
	/* padding-right: 20px; */
}

.product_mainTitle {
	font-size: 1.25em;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	display: flex;
	line-height: 1.2;
}

.product_mainTitle span {
	vertical-align: -5px;
	margin-right: 10px;
    display: inline-block;
}

.product_detail {
	margin: 20px 0;
	line-height: 1.2;
}

.product_img {
	position: relative;
	padding-top: 100%;
}

.product_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.product_right {
	width: 55%;
}

.product_bottom {
	margin: 30px 0;
}

.product_bottom_title {
	background-color: #777777;
	color: #fff;
	padding: 10px;
	font-size: 1.125em;
	margin: 0 0 35px;
}

.containerIn .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
@media(max-width:1440px){
	
	.product_img {
		padding-top: 80%;
	}
}
@media(max-width:1200px){
	.product_left {
		width: 100%;
		/* padding-right: 20px; */
	}
	.product_right {
		width: 100%;
		margin-top: 30px;
	}
}
@media(max-width:990px){
	.product_left {
		width: 35%;
		/* padding-right: 20px; */
	}
	.product_right {
		width: 60%;
		margin-top: 0px;
		
	}
}
@media(max-width:640px){
	
	.product_top{
		display: block;
	}
	.product_left{
		width: 100%;
	}
	.product_right{
		width: 100%;
		margin-top: 30px;
	}
}

.product_in_title_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product_in_title_area .product_in_title_btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product_in_title_area .product_in_title_btn input{
    background-color: #28652E;
    border-color: #28652E;
    border-radius: 1.5rem;
    padding: clamp(.3125rem, 0.5208vw, .625rem) clamp(.875rem, 1.5104vw, 1.8125rem);
    text-align: center;
    color: #fff;
    line-height: 1.5;
    font-size: 1em;
    display: block;
    width: 100%;
    text-decoration: none;
}
.product_in_title_area .product_in_title_btn:hover{
    opacity: 0.5;
    transition: all 0.3s ease;
}
.product_in_title_area .product_in_title{
    font-size: 1.375em;
    font-weight: bold;
}