/***** Helium *****/
figure.Helium::before,figure.Helium::after {pointer-events:none;}
figure.Helium figcaption > a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
figure.Helium figcaption::after,figure.Helium img,figure.Helium p {-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.Helium figcaption::after {position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px dashed #fff;border-bottom:1px dashed #fff;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border-image: -webkit-linear-gradient(45deg,#ff6673,#ff6673,#cc25e4,#7c00ff) 20 80;}
@media (min-width:1280px){
figure.Helium figcaption {text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden; width:100%;}
}
@media (min-width:960px) and (max-width:1280px){
figure.Helium figcaption {text-transform:uppercase;font-size:3em;-webkit-backface-visibility:hidden;backface-visibility:hidden; width:100%;}
}
@media (min-width:960px){
figure.Helium figcaption h2,figure.Helium p {opacity:1;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);}
figure.Helium img {position:relative;display:block; width:100%;opacity:1;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.Helium {background:-webkit-linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%);background:linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%);position:relative;float:left;overflow:hidden;width:100%; text-align:center;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.Helium figcaption h2 {font-size:21px;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;word-spacing:-0.15em;font-weight:500;color:#fff;position:absolute;bottom:0; margin:0;}
figure.Helium figcaption p {opacity:0;position:absolute;top:15%;left:0; margin:20px;padding:30px;border:1px dashed #fff;text-transform:none;font-size:12px;color:#fff;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transform-origin:50% -100%;transform-origin:50% -100%;border-image: -webkit-linear-gradient(45deg,#7c00ff,#ff6673,#cc25e4,#ff6673) 20 80;}
figure {margin: 0 0 0.2rem;}
figure.Helium:hover img {opacity:0.7;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
figure.Helium:hover figcaption::after {opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.Helium:hover h2,figure.Helium:hover p {opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@media (max-width:960px){
figure.Helium figcaption h2,figure.Helium p {opacity:1;}
figure.Helium img {position:relative;display:block; width:100%;opacity:1;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.Helium {position:relative;float:left;overflow:hidden;width:100%; text-align:center;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.Helium figcaption h2 {font-size:14px;padding:5px; text-align:left;margin:0;}
figure.Helium figcaption p {display: none;}
figure {margin: 0 0 0.2rem;}
}
/***** Birthday *****/

figure.birthday figcaption > a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
figure.birthday figcaption{
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
border-top-left-radius:8px;border-top-right-radius:8px;
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;}


@media (min-width:1790px) {
figure.birthday h2{font-size:22px;margin: 50% 0 10px 0;}
figure.birthday p{font-size:15px;}}
@media (min-width:1550px) and (max-width:1789px) {
figure.birthday h2{font-size:19px;margin: 50% 0 10px 0;}
figure.birthday p{font-size:14px;}}
@media (min-width:1400px) and (max-width:1549px) {
figure.birthday h2{font-size:17px;margin: 50% 0 10px 0;}
figure.birthday p{font-size:13px;}}
@media (min-width:1280px) and (max-width:1400px) {
figure.birthday h2{font-size:15px;margin: 50% 0 10px 0;}}
@media (min-width:960px) and (max-width:1280px) {
figure.birthday h2{font-size:14px;margin: 40% 0 10px 0;}
figure.birthday p{font-size:12px;}
}

@media (min-width:960px){
figure.birthday h2{font-weight:500;color:#fff;position:absolute;top:10px; padding:10px 20px;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
figure.birthday img{opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;width:100%;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.birthday{background:-webkit-linear-gradient(45deg,#CAEFFF 0%,#FFB3C6 100%);background:linear-gradient(45deg,#CAEFFF 0%,#FFB3C6 100%);position:relative;float:left;overflow:hidden;width:100%;text-align:center;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px; }

figure.birthday figcaption::before{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:1px solid #fff;content:'';border-image: -webkit-linear-gradient(45deg,#ff6673,#cc25e4,#7c00ff,#ff6673) 20 80;}
figure.birthday figcaption::before,figure.birthday p{position:absolute;top:15px;padding:30px; color:#fff;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0)}
figure.birthday:hover img{opacity:0.7;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
}
@media (max-width:960px){
figure.birthday img{width:100%;opacity:1;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.birthday {position:relative;float:left;overflow:hidden;width:100%;text-align:center;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px; }
figure.birthday h2{font-size:14px;padding:5px; text-align:left;margin:0;}
figure.birthday figcaption::before,figure.birthday p{display: none}
}
figure.birthday:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.birthday:hover figcaption::before,figure.birthday:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
/***** qiqiu_pic *****/
figure.qiqiu_pic figcaption > a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}

@media (min-width:1550px) {
figure.qiqiu_pic h2{font-size:24px;}
figure.qiqiu_pic p.description {bottom:8em;padding:1.7em; font-size:16px}
}
@media (min-width:1400px) and (max-width:1549px) {
figure.qiqiu_pic h2{font-size:22px;}
figure.qiqiu_pic p.description {bottom:10em;;padding:1.4em;font-size:14px;}
}
@media (min-width:1280px) and (max-width:1400px) {
figure.qiqiu_pic h2{font-size:18px;}
figure.qiqiu_pic p.description {bottom:10em;padding:1.2em;font-size:12px;}
}
@media (min-width:960px) and (max-width:1280px) {
figure.qiqiu_pic h2{font-size:16px;}
figure.qiqiu_pic p.description {bottom:7em;padding:1em;font-size:12px;}
}

figure.qiqiu_pic span.icon-links i{padding-right:10px;}
@media (min-width:960px){
figure.qiqiu_pic h2{background:rgba(0,0,0,0.65); padding:8px; width:100%; float:left;word-spacing:-0.15em;font-weight:500;color:#fff;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;position:absolute;bottom:0; margin-bottom:0px;overflow:hidden; height:auto;}
figure.qiqiu_pic {background:-webkit-linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%);background:linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%);position:relative;float:left;overflow:hidden;width:100%; text-align:center;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.qiqiu_pic figcaption::after {position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px dashed #fff;border-bottom:1px dashed #fff;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.qiqiu_pic:hover img {opacity:0.75;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);}
figure.qiqiu_pic:hover p.description{opacity:1;border:1px dashed #fff;border-image: -webkit-linear-gradient(45deg,#ff6673,#ff6673,#cc25e4,#7c00ff) 20 80;}
figure.qiqiu_pic:hover figcaption,figure.qiqiu_pic:hover h2,figure.qiqiu_pic:hover span.icon-links a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.qiqiu_pic:hover h2{-webkit-transition-delay:0.05s;transition-delay:0.05s}
figure.qiqiu_pic img {position:relative;display:block; width:100%;opacity:1;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.qiqiu_pic h2,figure.qiqiu_pic span.icon-links a{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}
}
@media (max-width:960px){
figure.qiqiu_pic {position:relative;float:left;overflow:hidden;width:100%; text-align:center;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.qiqiu_pic h2{font-size:14px;padding:5px; text-align:left; margin:0;margin:0;}
figure.qiqiu_pic img {position:relative;display:block; width:100%;opacity:1;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.qiqiu_pic p.description{display: none}
}
figure.qiqiu_pic:hover p.icon-links a:hover,figure.qiqiu_pic:hover p.icon-links a:focus{color:#252d31}
figure.qiqiu_pic p.description{position:absolute;color:#fff;margin:10px;text-transform:none;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;-webkit-backface-visibility:hidden}
figure.qiqiu_pic span.icon-links a span::before{display:inline-block;padding:8px 10px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


/***** Wedding *****/

@media (min-width:1400px){
.Wedding_common {padding: 1em;}
figure.wedding h2{font-size:24px;opacity:0;}}
@media (min-width:1280px) and (max-width:1400px) {
.Wedding_common {padding: 0.8em;}
figure.wedding h2{font-size:20px;opacity:0;}}
@media (min-width:960px) and (max-width:1280px) {
.Wedding_common {padding: 15px;}
figure.wedding h2{font-size:18px;opacity:0;}
}

@media (max-width:960px){
figure.wedding img{position:relative;display:block;width:100%;opacity:1;border-top-left-radius:8px;border-top-right-radius:8px;}
figure.wedding {position:relative;float:left;overflow:hidden;width:100%;text-align:center;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px; }
figure.wedding figcaption h2, figure.wedding figcaption p{display: none}
}

.Wedding_common {text-transform: uppercase;	-webkit-backface-visibility: hidden;backface-visibility: hidden;position:absolute; top:0; right:0; left:0; bottom:0;}
figure.wedding{background:-webkit-linear-gradient(-45deg,#34495e 0%,#cc6055 100%);background:linear-gradient(-45deg,#34495e 0%,#cc6055 100%);width:100%; text-align:center;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;position:relative;float:left;overflow:hidden;}
@media (max-width:480px){
figure.Helium figcaption span,figure.birthday li.icon-links,figure.qiqiu_pic span.icon-links,figure.wedding span.icon-links {font-size:10px;}
}
@media (min-width:480px){
figure.Helium figcaption span,figure.birthday li.icon-links,figure.qiqiu_pic span.icon-links,figure.wedding span.icon-links {font-size:12px;}
}
figure.Helium figcaption span,figure.birthday li.icon-links,figure.qiqiu_pic span.icon-links,figure.wedding span.icon-links {color:#fff;background:rgba(0,0,0,0.4);padding:0 5px;border-radius:5px;position:absolute; top:5px; right:5px;}
figure.Helium figcaption span i,figure.birthday li.icon-links i,figure.qiqiu_pic span.icon-links i,figure.wedding span.icon-links i {padding-right:10px;}
figure.wedding img {position: relative;	display: block;	min-height: 100%;	width: 100%;opacity: 1;}
figure.wedding img,figure.wedding p{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}
figure.wedding:hover img{opacity:0.7;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}
figure.wedding h2{color: #fff;padding-top:0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%; }
figure.wedding p{position:absolute;bottom:0;left:0;margin:15px;padding:15px;border:2px dashed #fff;text-transform:none;opacity:0;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transform-origin:50% -100%;transform-origin:50% -100%;font-size: 14px;color: #fff;border-radius:8px;border-image: -webkit-linear-gradient(45deg,#ff6673,#ff6673,#cc25e4,#7c00ff) 20 80;}
figure.wedding:hover h2,figure.wedding:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
figure.wedding a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;	text-indent: 200%;white-space: nowrap;font-size: 0;	opacity: 0;}


/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {-webkit-perspective: 1000px;perspective: 1000px;position:relative;float:left;overflow:hidden;width:100%;text-align:center;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;}

figure.effect-romeo img {position:relative;display:block;width:100%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0px);
	transform: translate3d(0,0,0px);
}

.romeo_common {
	position: absolute; background:rgba(0,0,0,0.6);
	bottom:0;
	left: 0; padding:0; margin:0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;line-height:1;color:#FFFFFF;
}
@media (min-width:1024px) {
figure.effect-romeo h2 { font-size:24px; padding:15px; }
figure.effect-romeo p { font-size:16px;padding:10px; }
}
@media (min-width:768px) and (max-width:1024px) {
figure.effect-romeo h2 { font-size:18px; padding:8px; }
figure.effect-romeo p { font-size:12px; padding:5px;}
}
figure.effect-romeo h2 {line-height:1;margin:0;	width: 100%; color:#FFFFFF;}
figure.effect-romeo p {line-height:1; margin:0;	width: 100%; color:#FFFFFF;}
@media (max-width:768px){
figure.effect-romeo p { font-size:10px; padding:5px;}
figure.effect-romeo h2 { font-size:14px; padding:5px; margin:0;}
}