form input , form select , form textarea { padding: 10px 2%; width: 96%; background: #f2f2f2; font-size: 14px; }
form input[type="radio"] , form input[type="checkbox"] { padding: 0; margin-right: 10px; width: auto; }
form select { padding-right: 14px; width: 100%; background: url(/images/28/main/arrow.png) no-repeat scroll 98% center transparent; background-color: #f2f2f2; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -moz-appearance:none; -webkit-appearance:none; }
select::-ms-expand { display: none; }
form input#Checknum { margin-right: 20px; width: 150px; }

/* weddingMes */
#weddingMes { border-bottom: none; }
#weddingMes .memaberTit h3 { padding-left: 55px; background: url(/images/28/member/icon-title.png) no-repeat 0 50%; font-weight: normal; font-size: 34px; color: #e1b3c3; }
#weddingMes .memaberTit h3.newMember { background-image: url(/images/28/member/icon-title2.png); }
#weddingMes > div , #weddingMes .messList { vertical-align: middle; }

/* loginBox */
#loginBox { overflow: hidden; margin: 10px 33px 0; padding-bottom: 70px; min-height: 337px; background: url(/images/28/member/img-loginBg.png) no-repeat right 0; }
#loginBox > div { float: left; width: 50%; }
#loginBox form p { margin: 10px 0; width: 85%; }
#loginBox form p span { padding: 5px 2%; display: block; font-size: 14px; color: #474444; }
#loginBox form p span a { font-size: 14px; color: #474444; }
#loginBox form p.btn a , #loginBox .askMail p a.back , #newMemberBox form p.btn a { margin-top: 15px; padding: 10px 0; width: 48%; background: #d190b9; display: inline-block; color: #fff; text-align: center; }
#loginBox form p.btn a.back { background: #7f5262; }
#loginBox .rightBox { overflow: hidden; letter-spacing: 5px; font-size: 18px; color: #797373; }
#loginBox .rightBox p { float: left; margin: 47px 5px 0; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
#loginBox .rightBox p font { display: block; }
#loginBox .rightBox h3 { margin: 20px 30px 0; padding: 25px 0; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-top: 3px #f64d83 double; border-bottom: 3px #f64d83 double; display: inline-block; font-weight: normal; font-size: 28px; color: #f64d83; }

/* askMail */
#loginBox .askMail .CImg { overflow: hidden; width: 25%; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto  100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; }
#loginBox .askMail .CImg img , #newMemberBox .CImage .photo img { width: 100%; }
#loginBox .askMail article { width: 74%; display: inline-block; vertical-align: inherit; }
#loginBox .askMail article p { margin: 10px 10px 10px 20px; }
#loginBox .askMail article p:first-child { font-size: 20px; font-weight: bold; color: #a23777; }
#loginBox .askMail p a.back { margin-top: 30px; }

/* newMemberBox */
#newMemberBox p { margin: 10px 1%; width: 22%; display: inline-block; vertical-align: text-top; }
#newMemberBox p span { font-size: 12px; }
#newMemberBox .CImage { margin-bottom: 15px; }
#newMemberBox .CImage > div { display: inline-block; }
#newMemberBox .CImage .photo { overflow: hidden; margin-right: 10px; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto  100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; }
#newMemberBox .CImage .info h6 { font-size: 18px; color: #6f6e6e; }
#newMemberBox .CImage .info p { margin: 0; width: auto; font-size: 12px; color: #cdcdcd; display: block; }
#newMemberBox .CImage .info a { margin-top: 10px; padding: 2px 20px; display: inline-block; border: 2px #d9d9d9 solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 12px; color: #3e9ef8; }
#newMemberBox p.big { width: 48%; }
#newMemberBox p.big font { font-size: 14px; }
#newMemberBox form p.big input[type="text"] { width: 38%; }
#newMemberBox p.text { width: 95%; }
#newMemberBox form fieldset { overflow: hidden; }
#newMemberBox form p.btn { float: right; }
#newMemberBox form p.btn a { margin-top: 0; }
#newMemberBox form .selectBox { margin: 10px 1%; width: 95%; }
#newMemberBox form .selectBox ul { margin-bottom: 10px; }
#newMemberBox form .selectBox ul li { width: 19%; display: inline-block; }

/* memberList */
#memberList ul li { margin: 10px 1%; width: 22%; display: inline-block; }
#memberList ul li a.photo { position: relative; }
#memberList ul li:hover a.photo img { background: rgba(255, 255, 255, 0.8); }
#memberList ul li a.photo:after { position: absolute; padding: 5px 20px; background: #dd8bb6; display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #fff; content: "想認識我？"; top: -30%; left: 22%; }
#memberList ul li:hover a.photo:after { top: 45%; }
#memberList ul li p { margin: 5px 0; text-align: center; }
#memberList ul#blackList li a.photo:after { display: none; }

/* black */
#black { position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.53); left: 0; top: 0; z-index: 999; }
#black .box { margin: 20% auto; padding: 20px; width: 30%; background: #fff; -webkit-box-shadow: 0 0 10px #585656; -moz-box-shadow: 0 0 10px #585656; box-shadow: 0 0 10px #585656; }

/* sMember */
#memberList .topBtn { overflow: hidden; margin-bottom: 20px; }
#sMember { float: right; width: 240px; border: 1px #dddddd solid; }
#sMember input { margin: 5px 10px; padding: 5px 0; width: calc(100% - 55px); background: none; border-right: 1px #dddddd solid; }

/* mArticle */
#mArticle { position: fixed; background: rgba(0, 0, 0, 0.54); top: 0; left: 0; z-index: 9999;}
#mArticle > div { overflow-y: scroll; margin: 5% auto; width: 90%; height: 80%; background: #fff; text-align: center; }
#mArticle > div ::selection { background: #d85953; color: #fff; }
#mArticle > div::-webkit-scrollbar { width: 7px; } 
#mArticle > div::-webkit-scrollbar-track { background: #c5c5c5; } 
#mArticle > div::-webkit-scrollbar-thumb { background: #e17981; }
#mArticle > div::-webkit-scrollbar-thumb:hover { background: #f16f69; }
#mArticle > div article { margin: 45px; }
#mArticle > div article h4 { font-size: 18px; }
#mArticle > div article > div { margin: 15px 0; }
#mArticle > div article > div h3 { display: inline-block; }
#mArticle > div article > div font { margin-left: 10px; vertical-align: inherit; }
#mArticle > div article > div ol li { margin: 5px 0 5px 55px; padding-left: 10px; list-style: decimal; }
#mArticle > div #agreeClause { margin: 10px 0 30px; padding: 10px 15px; display: inline-block; background: #e17981; color: #fff; }