@charset "UTF-8";
@font-face {
    font-family: 'FuturaStd-Book';
    src: url('fonts/FuturaStd-Book.eot');
    src: url('fonts/FuturaStd-Book.eot') format('embedded-opentype'),
         url('fonts/FuturaStd-Book.woff') format('woff'),
         url('fonts/FuturaStd-Book.ttf') format('truetype'),
         url('fonts/FuturaStd-Book.svg#svgFontName') format('svg');;
	font-weight: normal;
	font-style: normal;
}

/************************************************************************************
RESET
*************************************************************************************/
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:active { text-decoration: none }
a { color: #4C4C4C; }
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0;}
body,
html {position: absolute;top: 0;left: 0;width: 100%;height: auto;min-height: 100%;padding: 0;margin: 0;}
body{font-size:16px;font-family: 'FuturaStd-Book', 'Microsoft JhengHei', '微軟正黑體', 'Open Sans', Arial, Helvetica, sans-serif;color: #333;}

.hand { cursor: pointer; }
input:focus { outline: none; }
::-ms-clear { display: none; }
.hidden { display: none !important; }
.clearfix:after { content: ""; display: table; clear: both; }
ul{list-style-type: none; margin: 0;padding: 0;}
img{border:0;width: auto;max-width:100%;}
/************************************************************************************
Common
*************************************************************************************/
.submit-loading{display:none;width: 210px;height: 43px;background-color: #333;margin:0 auto;background-repeat: no-repeat;background-position: center;background-image: url('../../assets/images/loading.gif?v=2');}
.align-center{text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.float-left{float:left;}
.float-right{float:right;}
.remark{font-size:14px;}
.underline,a.underline{text-decoration:underline;}
.figure > img{display:block;}
.col{display:inline-block;vertical-align: top;}
.error{border-color:red;}
.error .error-text,.error .error-text a{color:red;}
.scale-effect > .figure{position: relative;}
.scale-effect > .figure > img,.article-item .figure:before{transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-ms-transition:-ms-transform 0.5s;}
.overflow{hidden;overflow: hidden;}
.btn-style{position:relative;display: inline-block;cursor:pointer;}
.btn-style img{display:block;}
.btn-style .rollover{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;}
.pseudo-item:before{content:'';display:inline-block;vertical-align:middle;width:2px;height:100%;margin-left:-7px;}
.align-middle-item{display:inline-block;vertical-align:middle;}
.hidden-text{display:none;}
.icon{background-repeat:no-repeat;background-position:center;background-size:100%;}
.icon-elle{background-image:url('../../assets/images/Footer_ELLE.png');}
.icon-fb{background-image:url('../../assets/images/Footer_fb.png');}
.fixed{position:fixed;}
.btn-close{position:relative;display: block;width:40px;padding-top:40px;cursor: pointer;margin-bottom: 10px;}
.btn-close:before,.btn-close:after{content:'';position:absolute;width:100%;height:2px;background-color:#fff;top:50%;left: 0;margin-top:-1px;}
.btn-close:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.btn-close:after{transform:rotateZ(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}


#site-wrapper{width: 100%;min-width:320px;overflow:hidden;}
.margin{position: relative;max-width:1080px;margin:0 auto;overflow: hidden;}
.content-panel{max-width:993px;margin:0 auto;}
p{font-family: 'Open Sans','Microsoft JhengHei', '微軟正黑體',  Arial, Helvetica, sans-serif;line-height: 2em;}
.content-panel p{padding: 28px 168px;}


.section-thankyou{display:none;}
.show-thankyou .section-thankyou{display:block;}
.show-thankyou .section-form{display:none;}

.footer{font-size: 14px;background-color:#333;color:#fff;padding: 10px 0 20px;}
.footer a{color:#fff;transition:color 0.5s;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;-ms-transition:color 0.5s;cursor:pointer;}
.footer .footer-link{margin:5px 0 30px;}
.footer .footer-btn{margin: 20px 0;}
.footer .footer-btn a{margin:0 15px;}
.footer .icon{display: inline-block;width:54px;padding-top:54px;}

.menu-wrapper{width:100%;left:0;top:0;padding: 12px 0;background-color: #fff;text-align:center;z-index: 1;}
.menu-item{display:inline-block;vertical-align:middle;margin: 0;min-width:160px;border: 1px solid transparent;transition:border-color 0.3s;-webkit-transition:border-color 0.3s;-moz-transition:border-color 0.3s;-ms-transition:border-color 0.3s;}
.menu-item a{display:block;padding: 11px 0;cursor: pointer;font-size: 20px;}
.menu-item.current{border: 1px solid #333;}
.menu-logo{width: 210px;margin: 0 25px;}

.csstransforms3d .menu-wrapper{transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-ms-transition:-ms-transform 0.3s;}
.csstransforms3d .show-menu .menu-wrapper{transform:translate3d(0,0%,0);-webkit-transform:translate3d(0,0%,0);-moz-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);}
.no-csstransforms3d .menu-wrapper{top:-76px;}
.no-csstransforms3d .show-menu .menu-wrapper{top:0;}

.section{width:100%;}
.section-tnc .margin{padding:0 20px;}
.section-tnc ul{margin-left:20px;list-style-type: disc;}
.section-tnc ul li{margin:10px 0;}

.section-title{text-align:center;}
.section-title.border{position:relative;}
.section-title.border > img{position:relative;}
.section-title.border:before{content:'';position:absolute;width:100%;border-bottom:1px solid #333;left:0;bottom: 12px;}

.grey-bg{background-color:#F0EEEF;}
.sponsored-container{background-repeat:no-repeat;background-image:url('../../assets/images/Sponsor_bg.jpg');background-size: cover;background-position: center;text-align:center;padding: 80px 0;}
.sponsored-container .align-center{font-size:14px;margin-bottom: 15px;}
.sponsored-logo{margin: 0 50px;}
@media (min-width:981px){
    .scale-effect:hover > .figure > img,.article-item:hover .figure:before{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
    .btn-style:hover .rollover{opacity:1;}
    .icon-elle:hover{background-image:url('../../assets/images/Footer_ELLE_hover.png');}
    .icon-fb:hover{background-image:url('../../assets/images/Footer_fb_hover.png');}
}


@media (max-width:980px){
    .sponsored-logo{margin:0 4%;}
    .sponsored-logo-1{width: 17%;}
    .sponsored-logo-2{width: 18%;}
    .sponsored-logo-3{width: 14%;}
    .menu-logo{width: 20%;margin:0 2%;}
    .menu-item{min-width: 120px;}
    .menu-item a{font-size:14px;}
}

@media (max-width:768px){
    .btn-style{width:250px;}
    .menu-container{position: absolute;width: 100%;left: 0;max-height:0;overflow:hidden;background-color: #fff;transition:max-height 0.3s;-webkit-transition:max-height 0.3s;-moz-transition:max-height 0.3s;-ms-transition:max-height 0.3s;}
    .menu-wrapper{padding:0;}
    .menu-wrapper:before{content:'';display: block;width: 150px;padding-top: 38px;margin: 10px auto;background-size: 100%;background-repeat: no-repeat;background-image:url('../../assets/images/Logo.png');}
    .menu-item{display:block;transition:color 0.3s,background-color 0.3s;-webkit-transition:color 0.3s,background-color 0.3s;-moz-transition:color 0.3s,background-color 0.3s;-ms-transition:color 0.3s,background-color 0.3s;}
    .menu-item a{font-size:18px;padding: 20px 0;}
    .menu-item.current{border-color:transparent;background-color:#333;}
    .menu-item.current a{color:#fff;}
    .menu-logo{display:none;}
    .open-menu .menu-container{max-height: 256px;}

    .btn-menu{position:absolute;top: 18px;left: 15px;width: 30px;padding-top: 22px;cursor:pointer;}
    .btn-menu:before,.btn-menu:after{content:'';transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-ms-transition:-ms-transform 0.3s;}
    .btn-menu:before,.btn-menu:after,.btn-menu > span{position:absolute;width:100%;height: 2px;left: 0;background-color:#333;}
    .btn-menu:before{top:0;}
    .btn-menu:after{top:100%;margin-top:-2px;}
    .btn-menu > span{top:50%;margin-top: -1px;}
    
    .open-menu .btn-menu > span{display:none;}
    .open-menu .btn-menu:before,.open-menu .btn-menu:after{top:50%;margin-top: -1px;}
    .open-menu .btn-menu:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
    .open-menu .btn-menu:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

    .content-panel p{padding:0 8%;}
}

@media (max-width:640px){
    .mobile-hidden{display:none;}
    .section-title.border:before{bottom: 17%;}
    .section-title.border > img{width:60%;}
    .sponsored-container{padding:8% 0;}

    .footer{font-size:12px;}
}

@media (max-width:480px){
    .remark{font-size:12px;}
    .content-panel p{font-size:14px;}
}
/************************************************************************************
banner
*************************************************************************************/
.banner-container{position: relative;padding-top: 36.8%;margin-bottom: 60px;}
.banner-container .banner{display:none;background-repeat:no-repeat;background-position:center;background-image:url('../../assets/images/img_loading.gif');}
.banner-container .banner,.banner-container .caption,.banner-container .figure{position:absolute;width:100%;left:0;}
.banner-container .banner,.banner-container .figure{height:100%;top:0;}
.banner-container .figure{background-repeat:no-repeat;background-position:center;background-size:100%;}
.banner-container .caption{bottom:0;text-align: center;padding: 20px;background-color: rgba(255,255,255,0.6);}

.banner-container .figure-1{background-image:url('../../assets/images/KV1.jpg');}
.banner-container .figure-2{background-image:url('../../assets/images/KV2.jpg');}

.static-delmit{width:993px;padding-top: 26px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-image:url('../../assets/images/KV_upper.png');}
.static-delmit.know-more{background-image:url('../../assets/images/KV_lower.png');}

.arrow-down{width:13px;padding-top:13px;margin:25px auto 30px;background-repeat:no-repeat;background-image:url('../../assets/images/KV_arrow.png');}

@media (max-width:980px){
    .static-delmit{width: 95%;background-size:100%;}
    .banner-container .caption{padding:2% 0;}
    .banner-container .caption img{width: 30%;}
}

@media (max-width:768px){  
    .banner-container{margin-bottom:25px;}
    .banner-container .figure-1{background-image:url('../../assets/images/mobile/KV1_m.jpg');}
    .banner-container .figure-2{background-image:url('../../assets/images/mobile/KV2_m.jpg');}
}

@media (max-width:640px){
    .static-delmit{background-image:url('../../assets/images/mobile/KV_upper_m.png');}
    .static-delmit.know-more{background-image:url('../../assets/images/mobile/KV_lower_m.png');}
}
/************************************************************************************
video
*************************************************************************************/
.video-container{position:relative;}
.video-thumbnail{padding-top: 32%;background-repeat:no-repeat;background-position:center;background-size: 100%;background-image:url('../../assets/images/Tips_bg.jpg');}
.video-container .btn-play{position:absolute;top: 50%;width: 625px;left: 0;padding-top: 320px;right: 0;margin: -160px auto 0;cursor:pointer;background-repeat:no-repeat;background-size:100%;background-image: url('../../assets/images/Tips.png');}

#video-overlay{display: none;position:fixed;top:0;left:0;width:100%;height:100%;text-align: center;background-color: rgba(0, 0, 0, 0.62);z-index:2;}
#video-overlay .align-middle-item{width: 760px;}
#video-overlay .video-container{position:relative;padding-top: 430px;clear: both;}
#video-overlay .video-container iframe,#video-overlay .video-container video{position:absolute;top:0;left: 0;width: 100%;height: 100%;}
#video-overlay .btn-close{float:right;}


@media (min-width:981px){
    .video-container .btn-play:hover{background-image: url('../../assets/images/Tips_hover.png');}
}

@media (max-width:1280px){
    .video-container .btn-play{width: 40%;padding-top: 21%;margin-top: -10%;}   
}

@media (max-width:980px){
    #video-overlay .align-middle-item{width: 90%;}
    #video-overlay .video-container{padding-top: 56.5%;}
}

@media (max-width:640px){
    #video-overlay .btn-close{width: 25px;padding-top: 25px;}
    .video-thumbnail{background-image: url('../../assets/images/mobile/Tips_bg_m.jpg');padding-top: 42%;background-size: 130%;}
}
/************************************************************************************
ideas
*************************************************************************************/
.section-bridalshower-ideas{padding:50px 0;}
.section-bridalshower-ideas > .margin{overflow:visible;}
.section-bridalshower-ideas .section-title{text-align:left;}
.section-bridalshower-ideas > .margin{padding:0 10px;}
.article-container{margin-left: -5%;}
.article-container:after{content:'';display:block;clear:both;}
.article-container .article-item{position:relative;float:right;width: 45%;margin-bottom:20px;}
.article-container .article-item .caption{position: relative;display:block;}
.article-container .article-item .caption img{width:100%;max-width: 500px;}
.article-item .figure{position:absolute;width: 100%;padding-top: 60%;top: 13%;overflow: hidden;}
.article-item .figure:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size: 100%;}
.article-item.item-2,.article-item.item-4{margin-right: 5%;}
.article-item.item-1,.article-item.item-3{margin-top: -8%;}

.article-container .article-item > .figure{/*transition:background-size 0.5s;-webkit-transition:background-size 0.5s;-moz-transition:background-size 0.5s;-ms-transition:background-size 0.5s;*/}

.article-item.item-1 .figure:before{background-image:url('../../assets/images/Idea_2_bg.jpg');}
.article-item.item-2 .figure:before{background-image:url('../../assets/images/Idea_1_bg.jpg');}
.article-item.item-3 .figure:before{background-image:url('../../assets/images/Idea_4_bg.jpg');}
.article-item.item-4 .figure:before{background-image:url('../../assets/images/Idea_3_bg.jpg');}

@media (min-width:981px){
   .article-container .article-item:hover > .figure{background-size:115%;}
}

@media (max-width:980px){
    .section-bridalshower-ideas .section-title{width: 49%;}
}

@media (max-width:640px){
    .section-bridalshower-ideas{padding-bottom:20px;}
    .section-bridalshower-ideas .section-title{margin: 0 auto 8%;width: 72%;}
    .article-container{margin:0;width: 95%;margin:0 auto;}
    .article-container .article-item{width:100%;}
    .article-container .article-item .caption img{max-width:none;}
    .article-item.item-1, .article-item.item-3{margin-top:0;}
    .article-item.item-2, .article-item.item-4{margin-right:0;}
}
/************************************************************************************
Guide
*************************************************************************************/
.section-beautyprep-guide{padding:50px 0;}
.checklist-container{max-width: 2160px;margin: 35px auto 0;}
.checklist-container .checklist-item{position:relative;width:25%;max-width: 540px;cursor:pointer;overflow: hidden;}
.checklist-item .caption{position:absolute;bottom:0;left:0;width: 100%;background-repeat:no-repeat;background-position:center;background-size: cover;padding-top: 24%;}
.checklist-item .caption img{display:block;width:100%;}

.checklist-item.item-1 .caption{background-image:url('../../assets/images/Prep1.png');}
.checklist-item.item-2 .caption{background-image:url('../../assets/images/Prep2.png');}
.checklist-item.item-3 .caption{background-image:url('../../assets/images/Prep3.png');}
.checklist-item.item-4 .caption{background-image:url('../../assets/images/Prep4.png');}

@media (max-width:768px){
    .section-beautyprep-guide{padding-bottom:25px;}
    .checklist-container .checklist-item{width:50%;}
}

@media (max-width:640px){
    .checklist-item.item-1 .caption{background-image:url('../../assets/images/mobile/Prep1_m.png');}
    .checklist-item.item-2 .caption{background-image:url('../../assets/images/mobile/Prep2_m.png');}
    .checklist-item.item-3 .caption{background-image:url('../../assets/images/mobile/Prep3_m.png');}
    .checklist-item.item-4 .caption{background-image:url('../../assets/images/mobile/Prep4_m.png');}
}

@media (max-width:480px){
    .checklist-container .checklist-item{}
}
/************************************************************************************
Giveaways
*************************************************************************************/
.section-giveaways{padding:80px 0;}
.section-giveaways .section-title{margin-bottom:20px;}
.section-giveaways p{padding-left:80px;padding-right:80px;}
.section-giveaways .btn-style{margin:30px 0 45px;}

.figure-container{overflow:hidden;padding: 0 1%;max-width: 2223px;margin: 0 auto;}
.figure-container .figure{float:left;width: 23%;max-width: 500px;margin: 0 1% 3%;}

@media (max-width:1080px){
    .figure-container .figure{float: none;display:inline-block;vertical-align:top;width: 38%;margin: 0 1% 3%;}
}

@media (max-width: 980px){
    .section-giveaways .border{width:95%;margin-left:auto;margin-right:auto;}
    .figure-container .figure{width:47%;}
}


@media (max-width:640px){
    .section-giveaways{padding: 40px 0;}
    .section-giveaways p{padding-left:5%;padding-right:5%;}
    .section-giveaways .section-title{width:40%;margin:0 auto 10px;}
    .section-giveaways .btn-style{margin-bottom:25px;}
}

@media (max-width:480px){
    .figure-container .figure{/* display: block; *//* width: 95%; *//* margin: 20px auto; */}
}
/************************************************************************************
form
*************************************************************************************/
.section-form{display: none;padding-bottom:40px;}
.section-form .border{width:993px;margin: 35px auto;}
.show-form .form-hidden-hidden{display:none;}
.show-form .section-giveaways{padding-bottom:20px;}
.form-container{background-color:#fff;max-width:800px;margin:0 auto;padding:100px 60px}
.form-container p{margin:50px 0;}
.form-panel{margin-top:50px;}

.two-col{overflow:hidden;}
.two-col .step-panel{float:left;width:49%;}
.two-col .step-panel:first-child{margin-right:2%;}
.two-col .border-box{height: 63px;}
.two-col .border-box:before,.two-col .border-box .text,.fb-like-container{display:inline-block;vertical-align:middle;}
.two-col .border-box .text{padding: 0 20px;}
.two-col .border-box:before{content:'';width:2px;height:100%;margin-left:-7px;}
.border-box.padding{height:auto;padding: 40px 10px 42px;line-height:2em;}


.show-like-btn .btn-connect-fb{cursor:default;}

.step-panel{margin-bottom:10px;}

.rollover-btn{display:block;cursor:pointer;transition:color 0.5s,background-color 0.5s;-webkit-transition:color 0.5s,background-color 0.5s;-moz-transition:color 0.5s,background-color 0.5s;-ms-transition:color 0.5s,background-color 0.5s;}
.border-box{position:relative;border:1px solid #333;text-align:center;height: 65px;}
.border-box .input-style{position:absolute;top:0;left:0;width:100%;height:100%;border: 0;text-align: center;font-size:16px;font-family: 'FuturaStd-Book', 'Microsoft JhengHei', '微軟正黑體', 'Open Sans', Arial, Helvetica, sans-serif;}
.input-wrapper .remark{padding: 15px 10px 20px;}

.tnc-container{display:inline-block;text-align: left;margin: 50px auto;}
.tnc-container .input-wrapper{position:relative;padding-left:25px;margin: 5px 0;}
.tnc-container input[type=checkbox]{position:absolute;top:0;left:0;margin: 2px 0;}

.error .border-box{border-color:red;}
.error{color:red;}
.error .input-style::-webkit-input-placeholder {
    color:red;
}
.error .input-style:-moz-placeholder { 
   color:red;;
   opacity:  1;
}
.error .input-style::-moz-placeholder { 
   color:red;
   opacity:  1;
}
.error .input-style:-ms-input-placeholder { 
   color:    #333;
}

.input-style::-webkit-input-placeholder { 
    color:    #333;
}
.input-style:-moz-placeholder { 
   color:    #333;
   opacity:  1;
}
.input-style::-moz-placeholder { 
   color:    #333;
   opacity:  1;
}
.input-style:-ms-input-placeholder {
   color:    #333;
}

.show-like-btn .btn-connect-fb .text{display:none;}

@media (min-width:981px){
    .rollover-btn:hover{color:#fff;background-color:#333;}
    .show-like-btn .btn-connect-fb:hover{background-color:transparent;}
}

@media (max-width:980px){
    .form-container{width:95%;padding: 10% 5%;}
    .section-form .border{width:95%;margin-left:auto;margin-right:auto;}
}

@media (max-width:768px){
    #btn-submit{width:300px;}
}

@media (max-width:640px){
    .section-form{padding-bottom:0px;}
    .form-container .section-title{width:60%;margin:0 auto;}
    .form-container p{margin:25px 0;}
    .two-col .step-panel:first-child{margin-right:0;}
    .two-col .step-panel{width:100%;margin-bottom:20px;}
    
    .border-box{height: 50px;}
    .border-box.padding{padding: 20px 15px 22px;}    
    .form-panel{margin-top:25px;}    
    .two-col .border-box{height: 48px;}
    
  
    .tnc-container{margin:20px 0;}
    .tnc-container .input-wrapper{margin:10px 0;}
}

@media (max-width:480px){
    .form-container p,.tnc-container{font-size:14px;}
    #btn-submit{width:100%;}
    
    .form-panel, .border-box .input-style,.tnc-container{font-size:12px;}
 
}

/************************************************************************************
thankyou
*************************************************************************************/
.thankyou-container{padding:40px 0;}
.thankyou-container .title{text-align:center;font-size:50px;}

@media (max-width:980px){
    .section-thankyou .border{width:95%;margin-left:auto;margin-right:auto;}
}

@media (max-width:768px){
    .thankyou-container p br{display:none;}
}   

@media (max-width:640px){
   .thankyou-container .title{font-size:40px;}
}

@media (max-width:480px){
    .thankyou-container .title{font-size:35px;}
}

/************************************************************************************
Animation
*************************************************************************************/
.color-transition{transition:color 0.5s;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;-ms-transition:color 0.5s;}
.animation-movedown{animation: moveDown 0.3s linear 0s infinite alternate;-webkit-animation: moveDown 0.3s linear 0s infinite alternate;-moz-animation: moveDown 0.3s linear 0s infinite alternate;}



@keyframes moveDown {
     0%   {transform:translate3d(0,0px,0);}
    100% {transform:translate3d(0,-5px,0);}
}

@-webkit-keyframes moveDown {
    0%   {-webkit-transform:translate3d(0,0px,0);}
    100% {-webkit-transform:translate3d(0,-5px,0);}
}


@-moz-keyframes moveDown {
    0%   {-moz-transform:translate3d(0,0px,0);}
    100% {-moz-transform:translate3d(0,-5px,0);}
}