.trade_container{padding:40px 25px;min-width:300px; width:100%; max-width:1440px;}
.left_trade_div{width:calc(50% - 20px); min-width:300px;margin-right:20px;}
.left_trade_div_in{
	width:100%;
	border-radius:20px;
	background:#fff;
	box-shadow:0 0 15px -5px rgba(0,0,0,.20);
	padding:60px 40px;
}
.left_trade_div h1{font-weight:bold;font-size:24px;margin:0 0 20px 0;}
.h2_trade_in{font-size:20px; color:#111;}
.h3_trade_in{font-size:16px; color:#111;}
.h3_trade_in_mob{display:none;font-size:14px; color:#111;}
.trade_pluhs{
	position:relative;
	padding-left:15px;
	width:100%; min-width:250px;
	height:50px;
	border:0;
	overflow:hidden;
	box-shadow:inset 2px 2px 3px -1px rgba(0,0,0,.5);
	overflow-y:scroll;
	margin-bottom:20px;
	border-radius:10px;
	
}
.trade_pluhs{-ms-overflow-style:none;scrollbar-width:none;}
.trade_pluhs::-webkit-scrollbar{display:none;}
.trade_link_title{
	padding-top:15px;
	color:#111;
	font-size:16px;
	text-decoration:none;
}
.trade_link{
	padding-top:15px;
	color:#111;
	font-size:14px;
	text-decoration:none;
}
.trade_link:hover{color:#93117E;}
.trade_pluhs_act{
	height:auto;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	padding-bottom:20px;
}
.radio_trade{width:20px; height:20px;margin-bottom:10px;}
.title_radio_trade{
	color:#111;
	font-size:14px;
	padding-left:20px;
}
.price_trade span{
	font-weight:bold;
	margin:20px 0;
	font-size:28px;
	padding-right:5px;
}
.span_bottom_trade{color:#aaa; font-size:12px;}
.right_trade_div{width:50%;max-width:600px;}
.right_trade_div h2{font-size:20px; color:#111;}
.img_trade_right{margin-top:10px; margin-bottom:30px;height:285px; width:320px;overflow:hidden;}
.img_trade_right img{height:285px; width:auto;}
.title_b_f_trade{
	color:#111;
	font-size:20px;
	font-weight:bold;
	margin-top:10px;
}
.title_b_f_trade b{color:#111;font-size:20px;font-weight:bold;}
.delivery_btn{
	border:0; border-radius:10px;
	padding:10px 25px;
	font-size:16px;
	color:#fff;
	background:#90117E;
	margin-top:20px;
}
.delivery_btn:hover{opacity:.8;}
.trade_anima_con{
	height:100%;
	min-height:450px;
	width:500px;
}
.trade_anima_div{height:100%;position:relative;}
.trade_cover{margin-top:-40px;width:300px;	}
.trade_ani_boom{
	position:absolute;
	top:20px; left:20px;
	opacity:0;
	animation-name:trade_ani_boom;
	animation-delay:1s;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
}
@keyframes trade_ani_boom{
	0%{transform:scale(0);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
.trade_ani_7{
	position:absolute;
	top:95px; left:145px;
	opacity:0;
	animation-name:trade_ani_7;
	animation-delay:1.5s;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
}
@keyframes trade_ani_7{
	0%{transform:translateX(0);opacity:0;}
	100%{transform:translateX(30px);opacity:1;}
}
.photo_trade_div{
	display:none;
	position:absolute;
	top:0; left:auto;
	width:100%;
	height:100%;
}
.photo_trade_div div{width:100%;height:100%;}
.photo_trade{
	height:420px;
	opacity:0;
	animation-name:photo_trade;
	animation-delay:.2s;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
	z-index:9;
}
@keyframes photo_trade{
	0%{opacity:0;}
	100%{opacity:1;}
}
.trade_ani_xs{
	position:absolute;
	top:95px; left:225px;
	opacity:0;
	animation-name:trade_ani_xs;
	animation-delay:2s;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
}
@keyframes trade_ani_xs{
	0%{left:260px;opacity:0;}
	100%{left:225px;opacity:1;}
}
.trade_ani_txt{
	position:absolute;
	top:205px; left:138px;
	opacity:0;
	animation-name:trade_ani_txt;
	animation-delay:2.5s;
	animation-duration:.5s;
	animation-iteration-count:1;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
}
@keyframes trade_ani_txt{
	0%{opacity:0;}
	100%{opacity:1;}
}
#overlay{display:none; position:absolute; position:fixed; top:0; left:0; width:100%; height:100vh; background:#111; opacity:0.3; z-index:850;}
#overlay_all{display:none; position:absolute; position:fixed; top:0; left:0; width:100%; height:100vh; background:#111; opacity:0.3; z-index:850;}
.trade_form_div{display:none; position:absolute; position:fixed; top:0; left:0; width:100%; height:100vh; background:none; z-index:900;}
.trade_form{
	background:#fff;
	min-width:300px; width:100%; max-width:420px;
	padding:40px 20px;
	opacity:1;
	border-radius:20px;
	position:relative;
}
.trade_form img{position:absolute;top:15px; right:15px;width:18px;}
.trade_form img:hover{cursor:pointer;}
.trade_form_act{
	max-height:200px;
	animation-name:trade_form_act;
	animation-delay:2s;
	animation-duration:.5s;
	animation-iteration-count:1;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
}
@keyframes trade_form_act{
	0%{transform:translateY(0);transform:scale(1);opacity:1;}
	100%{transform:translateY(4000px);transform:scale(0.5);opacity:0;}
}
.trade_form h1{font-size:24px;color:#000;text-align:center;}
.trade_form span{font-size:16px;color:#000;text-align:center;margin-bottom:30px;}
.trade_form a{font-size:16px;color:#1a171b;text-align:center;}
.trade_form_inp{
	color:#1a171b;
	font-size:16px;
	border-radius:10px;
	border:1px solid #c3c4c5;
	width:100%; max-width:320px;
	padding:15px 20px;
	margin-bottom:15px;
	text-align:center;
	outline:none;
}
.trade_form_inp::placeholder{color:#1a171b;font-size:16px;}
.trade_form_btn{
	outline:none;
	background:#90117E;
	border:1px solid #90117E;
	color:#fff;
	font-size:16px;
	padding:15px 20px;
	text-align:center;
	width:100%; max-width:320px;
	border-radius:10px;
	margin-top:-10px;
}
.trade_form_btn:hover{opacity:.8;cursor:pointer;}
@media only screen and (max-width:1050px){
	.left_trade_div h1, .trade_form h1{font-size:22px;}
	.h2_trade_in{font-size:18px;}
	.left_trade_div{width:100%; min-width:300px;margin-right:0; order:2;}
	.right_trade_div{order:1;width:100%;max-width:1050px;margin-bottom:60px;margin-top:-20px;}
	.right_trade_div h2{font-size:18px;}
	.right_trade_div_f{order:3; margin-top:40px;}
}
@media only screen and (max-width:720px){
	.left_trade_div h1, .trade_form h1{font-size:20px;}
	.h2_trade_in{font-size:16px;}
	.right_trade_div{display:none;}.right_trade_div_f{display:flex;}
}
@media only screen and (max-width:580px){
	.trade_anima_con{height:330px;width:380px;margin-top:20px;}
	.trade_ani_boom{top:-60px; left:-60px;}
	@keyframes trade_ani_boom{
		0%{transform:scale(0);opacity:0;}
		100%{transform:scale(.9);opacity:1;}
	}
	.trade_ani_7{position:absolute;top:25px; left:55px;}
	.trade_ani_xs{top:25px; left:5px;}
	@keyframes trade_ani_xs{
		0%{left:260px;opacity:0;}
		100%{left:135px;opacity:1;}
	}
	.trade_ani_txt{top:140px; left:50px;}
}
@media only screen and (max-width:380px){
	.trade_ani_boom{top:-60px; left:-80px;}
	.trade_anima_con{margin-bottom:-20px;}
}