.box3020{
	width:100%;
	margin:0 auto;
	max-width:635px;}
.b_3020{
	padding:0;
	min-width:300px;
	height:402px;
	font-size:13px;
	color:#000;
	position:relative;
	margin:10px;}
	.b_3020 > img{
		display:block;
		float:left;}
	.b_3020 form{
		display:block;
		position:relative;
		height:343px;
		float:left;
		width:100%;}
		.b_3020 form > img{
			display:block;
			float:left;
			position:relative;}
		.b_3020 div{
			width:309px;
			height:166px;
			padding:15px 10px;
			background:#fff;
			background:rgba(255,255,255,.9);
			border:2px solid #c04a18;
			position:absolute;
			right:11px;
			bottom:9px;}
		.b_3020 div > b{
			font-size:25px;
			font-weight:400;
			padding:0 0 10px 0;
			display:block;
			font-family:Georgia;
			font-style:italic;}
		.b_3020 form li{
			display:block;
			clear:both;
			padding-top:14px;}
		.b_3020 form input.inpT{
			border:1px solid #ccc;
			padding:3px 3%;
			width:93.2%;}
		.b_3020 form button{
			margin-left:120px;
			background:#333;
			color:#fff;
			padding:5px 0;
			width:180px;
			font-size:18px;
			font-family:Georgia;
			font-style:italic;}
			.b_3020 form button:hover{
				background:#000;}
.box20{
	width:100%;
	margin:0 auto;
	max-width:788px;}
.b20{
	padding:0;
	min-width:300px;
	font-size:13px;
	color:#000;
	position:relative;
	height:410px;
	margin:20px 20px 90px 20px;
	background:#fff;}
	.b20 > img{
		display:block;
		position:absolute;
		z-index:100;
		left:-20px;
		top:-20px;
		width:70px;}
	.b20 > div.boxL{
		width:100%;
		position:relative;
		z-index:200;}
		.boxL > img{
			position:absolute;
			right:0;
			top:0;
			width:30%;
			max-width:141px;}
		.boxL h3{
			font-size:22px;
			font-weight:300;
			font-family:Georgia;
			font-style:italic;
			color:#000;
			position:relative;
			padding:20px 25px 0 25px;
			height:37px;}
		.boxL ul{
			display:block;
			padding:0 80px 0 10px;}
			.boxL li{
				position:relative;
				padding:17px 25px 0 28px;
				margin-bottom:0;
				font-size:13px;
				font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
				.boxL li i{
					display:block;
					position:absolute;
					left:-3px;
					width:28px;
					text-align:right;
					top:-1px;
					font-size:35px;
					color:#afaaaa;
					font-family:Georgia;}
	.b20 > form{
		display:block;
		position:relative;
		z-index:300;
		background:url('//www.giglio.com/images/sh5.png') repeat-x 0 bottom rgba(255,255,255,.9);
		margin:25px 15px 0 15px;
		border:1px solid #666;}
		.b20 form > img{
			display:none;}
		.b20 form > div{
			position:relative;
			padding:20px 25px;}
		.b20 form h4{
			font-size:18px;
			font-weight:300;
			padding:0;
			display:block;
			font-family:Georgia;
			font-style:italic;
			color:#999;
			line-height:22px;}
			.b20 form h4 b{
				font-weight:500;
				color:#474747;}
		.b20 form li{
			display:block;
			clear:both;
			padding-top:14px;}
		.b20 form li label{
			font-size:11px;}
		.b20 form input.inpT{
			border:1px solid #ccc;
			padding:2px 3%;
			width:93.2%;}
		.b20 form button{
			background:#333;
			color:#fff;
			padding:5px 0;
			width:180px;
			font-size:18px;
			font-family:Georgia;
			font-style:italic;
			margin-top:10px;}
			.b20 form button:hover{
				background:#000;}
		.b20 form button + a{
			display:inline-block;
			font-size:12px;
			color:#666;
			font-family:Georgia;
			font-style:italic;
			display:inline-block;
			text-align:right;
			width:180px;
			margin-top:15px;}
.wel20{
	width:100%;
	margin:0 auto;
	max-width:440px;}
	.wel20 a.closeNL{
		position:absolute;
		right:20px;
		top:10px;
		color:#fff;
		font-size:14px;}
.bWel20{
	padding:0;
	min-width:300px;
	font-size:13px;
	color:#000;
	position:relative;
	height:412px;
	margin:30px 20px 200px 20px;
	background:#fff;
	-webkit-box-shadow:0 0 23px 8px rgba(0,0,0,.5);
	box-shadow:0 0 23px 8px rgba(0,0,0,.5);}
	.bWel20 > img{
		display:block;
		position:absolute;
		left:-18px;
		top:-26px;
		width:62px;}
	.bWel20 > div.boxWL{
		width:100%;
		position:relative;
		overflow:hidden;
		height:412px;}
		.bWel20 .boxWL > img{
			float: right;
			height: auto;
			width: 100%;}
	.bWel20 > form{
		display:block;
		position:relative;
		background-color:#fff;
		margin:-292px 0 0 0;
		max-width:600px;}
		.bWel20 form > img{
			display:none;}
		.bWel20 form > div{
			position:relative;
			padding:20px 15px;}
		.bWel20 form h4{
			font-size:18px;
			padding:0 0 10px 0;
			display:block;
			color:#222;
			text-transform:uppercase;
			line-height: 1.25em;
			text-align:left;}
			.bWel20.lgEsp form h4{font-size: 16px;}
			.bWel20.lgFra form h4{font-size: 17px;}
			.bWel20.lgDeu form h4{font-size: 18px;}
			.bWel20.lgRus form h4{font-size: 12px;}
			.bWel20 form h4 i{
				display:block;
				font-style:normal;}
      .bWel20 form h4.vip20{
        font-size: 28px !important;}
      .bWel20 form h4.vip20 i{
        font-size: 0.56em;
        font-weight: bold;}
      .bWel20.lgEsp form h4.vip20 i{font-size: 14px;}
      .bWel20.lgFra form h4.vip20 i{font-size: 15px;}
      .bWel20.lgDeu form h4.vip20 i{font-size: 16px;}
      .bWel20.lgRus form h4.vip20 i{font-size: 12px;}
		.bWel20 h4 + span{
			display:block;
			padding:7px 0;
			text-align:left;}
			.bWel20 span > small{
				display:block;
				font-size:14px;
				margin-bottom:10px;}
				.bWel20.lgRus span > small{font-size: 12px;}
		.bWel20 form ul{
			display:block;}
			.bWel20 form li{
				display:block;
				clear:both;
				padding:8px 0 6px 0;}
			.bWel20 form li label{
				font-size: 14px;
				font-weight: 600;
				color: #000;
				text-transform: uppercase;}
			.bWel20 form li input + label{
				font-size: 10px;
				text-transform: none;}
			.bWel20 form input.inpT{
				border:1px solid #ccc;
				padding:2px 3%;
				width:93.2%;
				height: 37px;
				margin-top: 5px;
			}
			.bWel20 form button{
				display: block;
				background: #000;
				color: #fff;
				padding: 13px 0;
				width: 100%;
				font-size: 16px;
				margin: 10px auto 0;
				text-transform: uppercase;
				font-weight: 600;}
				.bWel20 form button:after{
					content: '▶';
					margin-left: 5px;
					font-size: 0.8em;
					position: relative;
					top: -2px;
				}
				.bWel20 form button:hover{
					background:#000;}
.boxSF{
	width:100%;
	margin:0 auto;
	max-width:580px;}
	.boxSF a.closeNL{
		position:absolute;
		right:20px;
		bottom:0;
		color:#fff;
		font-size:12px;}
.flashSale{
	padding:0;
	min-width:300px;
	font-size:13px;
	color:#000;
	position:relative;
	height:auto;
	min-height:370px;
	margin:20px;}
	.flashSale > div{
		display:block;
		background:#fff;
		-webkit-box-shadow:0 0 23px 8px rgba(0,0,0,.5);
		box-shadow:0 0 23px 8px rgba(0,0,0,.5);
		margin-bottom:12px;}
		.flashSale > div img{
			display:block;
			clear:both;}
	.flashSale > form{
		display:block;
		background:#d5ebdf;
		-webkit-box-shadow:0 0 23px 8px rgba(0,0,0,.5);
		box-shadow:0 0 23px 8px rgba(0,0,0,.5);}
		.flashSale form > div{
			padding:20px 20px 0 20px;
			position:relative;}
			.flashSale form > div img{
				width:80px;
				position:absolute;
				left:20px;
				top:10px;
				opacity:.7;}
			.flashSale form > div span{
				position:relative;
				display:block;}
				.flashSale span > small{
					display:block;
					font-size:14px;
					margin-bottom:10px;
					text-transform:uppercase;
					text-align:center;}
					.flashSale span > small:after{
						content: '★';
						font-weight:300;
						margin-right:5px;}
					.flashSale span > small:before{
						content: '★';
						font-weight:300;
						margin-left:5px;}
		.flashSale form ul{
			display:block;
			padding:0 15px 15px 15px;}
			.flashSale form li{
				display:inline-block;
				width:100%;
				padding-top:10px;}
			.flashSale form input.inpT{
				border:1px solid #333;
				padding:0 3%;
				width:100%;
				box-sizing:border-box;
				height:32px;
				line-height:32px;
				font-weight:300;}
			.flashSale form button{
				display:block;
				background:#000;
				color:#fff;
				width:100%;
				height:32px;
				line-height:32px;
				font-size:14px;
				text-transform:uppercase;}
				.flashSale form div + button{
					margin:0 auto 20px;}
			.codeAdd{
				display:block;
				margin:15px auto;
				width:150px;
				text-align:center;
				padding:15px;
				border:2px dashed #f00;
				color:#f00;
				font-size:20px;}
@media only screen and (min-width:480px) {
	.bWel20 form h4{
		font-size:20px;}
	.bWel20 span > small{
		font-size:14px;}
}
@media only screen and (min-width:600px) {
	.bWel20 form h4{
		font-size:22px;}
		.bWel20.lgEsp form h4{font-size: 19px;}
		.bWel20.lgFra form h4{font-size: 20px;}
		.bWel20.lgDeu form h4{font-size: 21px;}
		.bWel20.lgRus form h4{font-size: 15px;}
	.bWel20 span > small{
		font-size:16px;}
	.wSh.boxSF{
		width:580px;}
		.flashSale{
			width:540px;}
			.flashSale > div{
				margin-bottom:15px;}
			.flashSale form > div{
				padding:25px 20px 20px 20px;}
				.flashSale form > div img{
					width:110px;
					opacity:1;}
				.flashSale form > div img + span{
					padding-left:140px;}
					.flashSale img + span > small{
						text-align:left;
						font-size:15px;}
						.flashSale img + span > small b{
							display:inline-block;}
				.flashSale form ul{
					padding:0 20px 25px 20px;
					height:42px;}
					.flashSale form li{
						width:282px;
						float:left;}
						.flashSale form li + li{
							width:200px;
							float:right;}
				.flashSale form div + button{
					max-width:200px;}
}
@media only screen and (min-width:768px) {
	.b_3020{
		height:402px;
		width:635px;
		font-size:14px;
		margin:40px;}
}
@media only screen and (min-width:810px) {
	.b20{
		height:412px;
		width:700px;
		font-size:14px;
		margin:44px 44px 10px 44px;}
	.b20 > img{
		left:-44px;
		top:-44px;
		width:auto;}
	.b20 > div.boxL{
		float:left;
		width:410px;
		height:412px;}
		.boxL > img{
			width:auto;
			max-width:none !important;}
		.boxL h3{
			font-size:26px;
			padding:30px 25px 0 25px;
			height:80px;}
		.boxL ul{
			padding:0 100px 0 20px;}
			.boxL li{
				padding:17px 25px 0 28px;
				margin-bottom:20px;
				font-size:15px;}
				.boxL li i{
					width:28px;
					top:-11px;
					font-size:48px;}
	.b20 > form{
		height:412px;
		float:right;
		width:290px;
		margin:0;
		border:none;}
		.b20 form > img{
			display:block;
			position:absolute;}
		.b20 form > div{
			padding:35px 25px;}
		.b20 form h4{
			font-size:25px;
			padding:0 0 10px 0;
			text-align:right;}
			.b20 form h4 b{
				font-weight:500;
				color:#474747;}
		.b20 form li{
			display:block;
			clear:both;
			padding-top:16px;}
		.b20 form li label{
			font-size:12px;}
		.b20 form input.inpT{
			padding:3px 3%;}
		.b20 form button,
		.b20 form button + a{
			margin-left:60px;}
	.wel20{
		max-width:760px;}
	.wel20 a.closeNL{
		right:20px;
		top:20px;}
	.bWel20{
		height:500px;
		width:720px;
		font-size:14px;
		margin:40px 20px;
		-webkit-box-shadow:0 0 23px 8px rgba(0,0,0,.5);
		box-shadow:0 0 23px 8px rgba(0,0,0,.5);}
	.bWel20 > div.boxWL{
		float:right;
		width:310px;
		height:500px;}
		.bWel20 .boxWL > img{
			margin-left:0;
			float: right;
			height: 100%;
			max-width: none !important;
			width: auto;}
	.bWel20 > form{
		height:500px;
		float:right;
		width:408px;
		max-width:408px;
		margin:0;
		border:none;
		background-color:transparent;}
		.bWel20 form > img{
			display:block;
			position:absolute;}
		.bWel20 form > div{
			padding:25px;}
		.bWel20 form h4{
			font-size:24px;}
			.bWel20.lgEsp form h4{font-size: 20px;}
			.bWel20.lgFra form h4{font-size: 21px;}
			.bWel20.lgDeu form h4{font-size: 22px;}
			.bWel20.lgRus form h4{font-size: 16px;}
		.bWel20 span > small{
			font-size:15px;}
		.bWel20 form li{
			display:block;
			clear:both;}
		.bWel20 form input.inpT{
			padding:3px 3%;}
}