.web_head{background-color: rgba(0,0,0,1);}
.fixed-nav{background-color: transparent;height: 0;}

.page_ibanner{background: url(../images/temp/banner.webp) no-repeat center/cover;margin-top: 72px;}
.page_ibanner .info{padding: 13% 0 9%;max-width: 850px;}
.page_ibanner .title{font-size: clamp(30px, 5vw, 64px);font-family: 'R_B';}

.main{margin-top: 5%;}
.main .layout{flex-direction: column;margin-top: 0;}
.main .layout>.desc{font-size: 16px;color: #666;font-family: 'R_M';text-align: center;width: 80%;margin: 0 auto;}
.main .form_warp{display: flex;justify-content: space-between;width: 100%;margin-top: 3%;}
.main .form_warp .img_warp{width: 45%;display: flex;justify-content: center;align-items: center;padding-bottom: 43%;}
.main .form_warp .form{width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: start;}
.main .form .title{font-size: clamp(30px, 4vw, 48px);color: #693c2d;font-family: 'R_B';line-height: 1.2;text-transform: capitalize;}
.main .form .desc{font-size: 20px;color: #666;margin-top: 2%;}



.main .ch_form{margin-top: 3%;}
.main ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.main li{width: 100%;margin-bottom: 20px;position: relative;}
.main li::before{content: '*';position: absolute;color: red;left: 6px;top: 9px;}
.main li.item_message{width: 100%;}
.main li input{width: 100%;border: none;border-bottom: 1px solid #333;background-color: transparent;padding: 8px 15px;}
.main li textarea{width: 100%;border: none;border-bottom: 1px solid #333;background-color: transparent;padding: 8px 15px;}
.main li.item_submit{width: fit-content;border-radius: 19px;background-color: #593C2D;overflow: hidden;position: relative;border: none; margin: 0 auto;border: 1px solid #593C2D;transition: all .3s;}
.main li .submit_btn:hover{background-color: #fff;color: #593C2D;}
.main li .submit_btn{color: #fff;border: none;}
.main li.item_submit::before{display: none;}

.main .list{margin-top: 5%;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 0 10%;}
.main .list .item{padding: 15px 20px;background-color: #F3F3F3;border-radius: 24px;}
.main .list .top{display: flex;justify-content: start;align-items: center;}
.main .list .top .img_warp{width: 70px;height: 70px;padding-bottom: 0;margin-right: 10px;flex-shrink: 0;}
.main .list .desc .title{font-size: 20px;color: #333333;font-family: 'R_B';}
.main .list .item .desc{font-size: 16px;color: #666;margin-top: 3%;}

.main .share{display: flex;justify-content: start;align-items: center;margin-top: 3%;font-size: 20px;color: #083525;}
.main .share .share_list{display: flex;justify-content: start;align-items: center;margin-left: 10px;margin-top: 0;}
.main .share .share_item{margin-right: 10px;transition: all .3s;}
.main .share .share_item:hover{transform: rotate(15deg);}

.map{margin: 5% 0;width: 100%;}
.map iframe{width: 100%;min-height: 600px;}

@media only screen and (max-width: 1600px) {
	.designs .info .content{padding-left: 8%;}
}
@media only screen and (max-width: 950px) {
	.fixed-nav{height: 70px;}
	.main .form_warp{flex-direction: column;}
	.main .form_warp .img_warp{width: 90%;padding-bottom: 86%;margin: 0 auto;}
	.main .form_warp .form{width: 100%;margin: 5% auto 0;}
	.main .list{grid-template-columns: repeat(1,1fr);grid-gap: 25px;}
	.main .list .item .top .desc{margin-top: 0;}


	
}
@media only screen and (max-width: 414px) {
	.hot_selling .list{grid-template-columns: repeat(1,1fr);}

}