/* BASIC css start */
.landing { width:100%; margin:0 auto; overflow:hidden; }
.landing img { max-width:100%; }


.landing .family_sale { position: relative; width: 100%; background: url(/design/happyprinc/landing/familysale_pc.jpg) no-repeat center top; padding-top:640px; padding-bottom:150px;  }


.landing .family_sale .codeArea { width:679px; height:auto; padding:15px; background-color:#fff; border-radius:5px; margin: 0 auto; position:relative; box-sizing: border-box; position:relative; }
.landing .family_sale .codeArea .secret_code input { width: 100%; height:65px; line-height: 65px; padding-left:35px; border:0; background:transparent; color: #222; font-size: 27px; font-weight: 500; outline:none; }
.landing .family_sale .codeArea .secret_code input::placeholder { font-weight:400; }

.landing .family_sale .codeArea .secret_btn { position:absolute; right:15px; top:15px; width: 155px; height: 65px; border-radius:5px; line-height: 65px; background: #000; color: #fff; text-align: center; cursor: pointer; }
.landing .family_sale .codeArea .secret_btn span { font-size: 27px; font-weight: 500; color:#fff; }

.landing .info { width:100%; height:587px; background: url(/design/happyprinc/landing/familysale_notice_pc.jpg) no-repeat center top; }
/* BASIC css end */