.mod-valentine{
	position: relative;
	background: #af41eb;
	padding-bottom: 10px;
}
.mod-valentine img{
	display: block;
}
.mod-valentine .banner,
.mod-valentine .banner img{
	display: block;
	width: 238px;
	height: 88px;
}
.mod-valentine .content{
	margin: 0 10px;
	background: url(../img/border.png) repeat;
	border-radius: 2px;
	padding: 4px;
}
.mod-valentine .content-inner{
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	background: #fff;
	padding: 11px 3px 3px;
}
.mod-valentine .sender,
.mod-valentine .receiver{
	border: 2px solid #f5f5f5;
	border-radius: 2px;
	margin-bottom: 3px;
	position: relative;
}
.mod-valentine .input{
	width: 94%;
	border: 1px solid #c6c7c8;
	border-radius: 2px;
	padding: 5px 5px;
	line-height: 18px;
}
.mod-valentine .sender .placeholder,
.mod-valentine .receiver .placeholder{
	position: absolute;
	left: 5px;
	top: 5px;
	color: #a0a0a0;
}
.mod-valentine .btn-writeletter,
.mod-valentine .btn-sendletter,
.mod-valentine .btn-share{
	cursor: pointer;
	margin-bottom: 10px;
	width: 98%;
	height: 28px;
	line-height: 28px;
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 2px;
}
.mod-valentine .btn-writeletter{
	background-color: #29c70e;
	background-image: -o-linear-gradient(-90deg, #36d512 0%, #29c70e 100%);
	background-image: -moz-linear-gradient(-90deg, #36d512 0%, #29c70e 100%);
	background-image: -webkit-linear-gradient(-90deg, #36d512 0%, #29c70e 100%);
	background-image: -ms-linear-gradient(-90deg, #36d512 0%, #29c70e 100%);
	background-image: linear-gradient(-180deg, #36d512 0%, #29c70e 100%);
	border: 1px solid #31a90d;
}
.mod-valentine .btn-writeletter:hover{
	background-color: #29D31F;
	background-image: -o-linear-gradient(-90deg, #37DE21 0%, #29D31F 100%);
	background-image: -moz-linear-gradient(-90deg, #37DE21 0%, #29D31F 100%);
	background-image: -webkit-linear-gradient(-90deg, #37DE21 0%, #29D31F 100%);
	background-image: -ms-linear-gradient(-90deg, #37DE21 0%, #29D31F 100%);
	background-image: linear-gradient(-180deg, #37DE21 0%, #29D31F 100%);
}
.mod-valentine .btn-writeletter:active{
	background-color: #37DE21;
	background-image: -moz-linear-gradient(top,#29D31F,#37DE21 100.0%);
	background-image: -webkit-linear-gradient(top,#29D31F,#37DE21 100.0%);
	background-image: -o-linear-gradient(top,#29D31F,#37DE21 100.0%);
	background-image: -ms-linear-gradient(top,#29D31F,#37DE21 100.0%);
	background-image: linear-gradient(top,#29D31F,#37DE21 100.0%);
}
.mod-valentine .btn-sendletter,
.mod-valentine .btn-share{
	background-color: #F4834C;
	background-image: -o-linear-gradient(-90deg, #F7A361 0%, #F4834C 100%);
	background-image: -moz-linear-gradient(-90deg, #F7A361 0%, #F4834C 100%);
	background-image: -webkit-linear-gradient(-90deg, #F7A361 0%, #F4834C 100%);
	background-image: -ms-linear-gradient(-90deg, #F7A361 0%, #F4834C 100%);
	background-image: linear-gradient(-180deg, #F7A361 0%, #F4834C 100%);
	border: 1px solid #da7b15;
}
.mod-valentine .btn-sendletter:hover,
.mod-valentine .btn-share:hover{
	background-color: #F68F5D;
	background-image: -o-linear-gradient(-90deg, #F8AC70 0%, #F68F5D 100%);
	background-image: -moz-linear-gradient(-90deg, #F8AC70 0%, #F68F5D 100%);
	background-image: -webkit-linear-gradient(-90deg, #F8AC70 0%, #F68F5D 100%);
	background-image: -ms-linear-gradient(-90deg, #F8AC70 0%, #F68F5D 100%);
	background-image: linear-gradient(-180deg, #F8AC70 0%, #F68F5D 100%);
}
.mod-valentine .btn-sendletter:active,
.mod-valentine .btn-share:active{
	background-color: #F4834C;
	background-image: -o-linear-gradient(-90deg, #F4834C 0%, #F7A361 100%);
	background-image: -moz-linear-gradient(-90deg, #F4834C 0%, #F7A361 100%);
	background-image: -webkit-linear-gradient(-90deg, #F4834C 0%, #F7A361 100%);
	background-image: -ms-linear-gradient(-90deg, #F4834C 0%, #F7A361 100%);
	background-image: linear-gradient(-180deg, #F4834C 0%, #F7A361 100%);
}
.mod-valentine .btn-share-disable,
.mod-valentine .btn-share-disable:hover,
.mod-valentine .btn-share-disable:active{
	background: #c0c0c0;
	border: 1px solid #c0c0c0;
    cursor: default;
}
.mod-valentine .writeletter,
.mod-valentine .sendletter{
	padding-top: 5px;
	padding-left: 2px;
}
.mod-valentine .writeletter img,
.mod-valentine .sendletter img{
	width: 198px;
	height: 118px;
}
.mod-valentine .sendletter{
	display: none;
}
.mod-valentine .mask{
	width: 88.5%;
	height: 56px;
	padding: 15px 0;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.65);
	position: absolute;
	left: 14px;
	top: 92px;
	line-height: 2;
	text-align: center;
	color: #fff;
	display: none;
}
.mod-valentine .close{
	position: absolute;
	line-height: 1;
	font-family: tahoma;
	font-size: 14px;
	right: 5px;
	top: 2px;
	cursor: pointer;
}
.mod-valentine .close:hover{
	color: #f00;
}
.mod-valentine .heart{
	color: #f00;
	font-family: tahoma;
	font-size: 14px;
	position: absolute;
	right: 50%;
	display: none;
}
.mod-valentine .heart-receiver{
	top: 111px;
}
.mod-valentine .heart-sender{
	top: 148px;
}
.mod-valentine .name-receiver,
.mod-valentine .name-sender{
	position: absolute;
	top: 230px;
	color: #000;
	width: 33%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.mod-valentine .name-receiver{
	left: 30px;
	text-align: left;
}
.mod-valentine .name-sender{
	right: 30px;
	text-align: right;
}
