.shadow_edm{ width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.2); z-index: 8999; display: block;}

/*popup_box_edm*/
.popup_box_edm{ display: none; width: 100%; margin: auto; position: fixed; top: 0; left: 0; z-index: 9999;}
.popup_box_edm a{ text-decoration: none;}
.popup_box_edm .popup_edm{ width: 676px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; background: #eeeced; margin: 0 auto; position: relative; z-index: 9999;}
.popup_box_edm .popup_edm .close_btn_edm{ position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; background: url(../images/close_btn.png) no-repeat; font-size: 0 !important;}
.popup_box_edm .popup_edm .btn_box_edm{ text-align: center;}
.popup_box_edm .popup_edm .btn_edm{ width: 150px; height: 50px; line-height: 50px; background: #0bab4b; margin: 0 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; display: inline-block; *display: inline; zoom: 1;}
.popup_box_edm .popup_edm .btn_edm span{ font-size: 24px !important; color: #fff;}
.popup_box_edm .popup_edm .btn2_edm{ background: #666;}
.popup_box_edm .popup_edm .check_in_edm, .popup_box_edm .popup_edm .complete_edm{ text-align: center; margin: 0;}
.popup_box_edm .popup_edm .complete_edm{ margin-left: 16px; }
.popup_box_edm .popup_edm .text_edm{ font-size: 24px; padding: 13px 0; line-height: 30px;}
.popup_box_edm .popup_edm .s_text_edm{ font-size: 15px; color: #666; line-height: 22px;}
.popup_box_edm .popup_edm .s_text_edm a, .popup_box_edm .popup_edm .blue_edm{ color: #0068ff;}
.popup_box_edm .popup_edm .ipt_edm{ width: 100%; height: 32px; border: 1px solid #999; background: #fff; margin: 10px auto 20px;}
.popup_box_edm .popup_edm .ipt_edm input{ width: 100%; height: 30px; line-height: 30px\9; padding: 0 16px; border: 0; background: transparent;}
.popup_box_edm .popup_edm .like_box_edm{ padding: 18px 16px 12px; border-top: 2px solid #909090; border-bottom: 2px solid #909090; margin: 16px auto 20px; font-size: 15px; color: #000;}
.popup_box_edm .popup_edm .like_box_edm ul{list-style:none; margin: 0; padding: 0;}
.popup_box_edm .popup_edm .like_box_edm li{ padding: 10px 0; font-weight: normal;}
.popup_box_edm .popup_edm .img_edm img{ width: 100%; height: 100%; border: 0;}
/*.popup_box_edm .popup1_edm{ padding: 16px 20px;}*/
.popup_box_edm .popup2_edm{ padding: 40px 168px 70px;}
.popup_box_edm .popup3_edm{ padding: 60px 148px 70px;}
.popup_box_edm .popup4_edm{ padding: 50px 134px 46px;}


/*modify:custom of the image and bg color*/
.popup_box_edm .popup_edm .subscription_content { display: inline-block; width: 59.47%; padding: 25px; }
.popup_box_edm .popup_edm .subscription_content>* { padding: 0; margin: 0; }
.popup_box_edm .popup_edm .subscription_content .text_edm { line-height: 1; margin-bottom: 16px; }
.popup_box_edm .popup_edm .subscription_content .text_edm h3 { margin: 12px 0; }
.popup_box_edm .popup_edm .subscription_content .s_text_edm { color: inherit; }
.popup_box_edm .popup_edm .subscription_content .s_text_edm p { margin-top: 0; }
.popup_box_edm .popup_edm .subscription_content .ipt_edm { margin-bottom: 20px; }
.popup_box_edm .popup_edm .subscription_image { position: absolute; right: 0; top: 0; display: inline-block; width: 40.53%; height: 100%; background-size: cover; background-position: center; }
.popup_box_edm .popup_edm .subscription_image img { position: absolute; margin: 0; top: 50%; right: 0; bottom: 0; left: 0; padding: 25px; transform: translateY(-50%); }
.popup_box_edm .popup_edm .close_btn_edm { width: 24px; height: 24px; background: rgba(0,0,0,.5); color: rgba(0,0,0,0); border-radius: 50%; padding: 5px; top: 10px; right: 10px; }
.popup_box_edm .popup_edm .close_btn_edm:after, .popup_box_edm .popup_edm .close_btn_edm:before { content: ""; display: block; height: 2px; background-color: #fff; position: relative; top: 50%; margin-top: -1px; transform: rotate(45deg); }
.popup_box_edm .popup_edm .close_btn_edm:after { transform: rotate(-45deg); margin-top: -28px; }

@media (max-width: 767px){
    .popup_box_edm { padding-left: 30px; padding-right: 30px; }
    .popup_box_edm .popup_edm { width: 100%; }
    .popup_box_edm .popup_edm .subscription_content { display: block; width: 100%; padding: 15px; padding-top: 115px; }
    .popup_box_edm .popup_edm .subscription_image { display: block; width: 100%; height: 100px; top: 0; left: 0; text-align: center; }
    .popup_box_edm .popup_edm .subscription_image img { position: relative; transform: none; top: 0; padding: 0; height: 60px; margin: 20px auto; max-width: 70%; }
    .popup_box_edm .popup_edm .check_in_edm, .popup_box_edm .popup_edm .complete_edm{ text-align: center; width:100%;}
}

@media (min-width: 411px) and (max-width: 767px)  {
    .popup_box_edm { padding-left: 50px; padding-right: 50px; }
}