.membox{padding-bottom:160px;} .crumbs {margin:2em 0; font-size: 14px;padding-left:30px; background:url(img/home.png) no-repeat left center;} .crumbs a { padding-right:3px; color: #666; } .crumbs a:hover { color: #122e78; } .crumbs span {color: #122e78; } .reg_form{margin-top:40px;} .reg_form dl{ overflow: hidden;margin-bottom:20px; } .reg_form dl dt{width:40%;float:left;margin-right:20px;margin-top:12px;font-size:14px;color: #666; text-align: right; } .reg_form dl dt span{color: #d70000; vertical-align: middle;} .reg_form dl dd{ overflow: hidden; } .reg_form dl dd input{float:left;width:47.5%;height:20px;padding:12px 10px; border:1px solid #e6e6e6; background:#fff;} .reg_form dl dd .points{padding-left:20px; font-size:12px; color: #999; line-height:1.8; overflow: hidden; } .reg_form dl dd input.code{width:29%;margin-right:20px;} .reg_form dl dd input.generate_code{width:120px;height:44px; background:#d5d5d5;border-color:#d5d5d5; font-size:14px; color: #fff;} .reg_form dl dd select{width:50.5%;height:45px;padding-left:20px;background:#fafafa url(../img/search_ico.png) no-repeat 95% 50% ; text-align:center;} .reg_form dl dd .mgcbox{width:65%; overflow:hidden;} .reg_form dl dd label{display: block;width:50%;float:left;margin: 10px 0;} .reg_form dl dd label span{cursor: pointer;} .reg_form dl dd input.mgc { position: relative; width: 14px; height: 14px; background-clip: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: -3px 12px 0 0; vertical-align:middle; border-radius: 50%; background-color: #fff; border: 1px solid #999; float:none;padding:0; cursor: pointer;} .reg_form dl dd input.mgc:disabled { opacity: 0.65; } .reg_form dl dd input.mgc:before { content: ''; display: block; height: 0px; width: 0px; -webkit-transition: width 0.25s, height 0.25s; transition: width 0.25s, height 0.25s; } .reg_form dl dd input.mgc:checked:before { height: 6px; width: 6px; border-radius: 50%; margin: 3px 0 0 3px; } .reg_form dl dd input.mgc:focus { outline: none; box-shadow: inset 0 1px 1px rgba(255,255,255,0.075), 0 0px 2px #38a7ff; } .reg_form dl dd input.mgc:checked { border: 1px solid #999; } .reg_form dl dd input.mgc:checked:before { background-color: #999; } .reg_form dl dd input.inputCode{width:160px;margin-right:20px;} .reg_form dl dd .changeCode{line-height: 45px;padding-left:20px; font-size:14px;color: #a6a6a6; } .reg_form dl dd input.mgc-primary { position: relative; width: 13px; height: 13px; background-clip: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 20px 0 0; vertical-align:-2px; border-radius: 3px; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; background-color: #fff; border: 1px solid #d7d7d7; float:none;padding:0; } .reg_form dl dd input.mgc-primary:checked:after { content: ''; display: block; height: 4px; width: 7px; border: 0 solid #333; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 1px; left:1px; } .reg_form dl dd input.mgc-primary:disabled { opacity: 0.65; } .reg_form dl dd input.mgc-primary:focus { outline: none; box-shadow: inset 0 1px 1px rgba(255,255,255,0.075), 0 0px 2px #38a7ff; } .reg_form dl dd input.mgc-primary:checked { background-color: #122e78; border-color: #122e78;} .reg_form dl dd input.mgc-primary:checked:after { border-color: #fff; } .reg_form dl dd .agree a{text-decoration: underline;padding-left:5px;} .reg_form dl dd .btn_reg{margin-top:25px;} .reg_form dl dd .btn_reg input{width:50.2%;height:50px; font-size:16px;color: #fff; background:#0a2c7d;} @media (max-width: 1024px){ .mt_100{margin-top:60px;} .membox{padding-bottom:50px;} .reg_form dl dt{width:35%;} .reg_form dl dd input{box-sizing: border-box;height:45px;} } @media (max-width: 768px) { .reg_form dl dt{width:30%;} .reg_form dl dd .points{clear:both;padding-top:10px;padding-left:0; } .reg_form dl dd input{width:70%;} .reg_form dl dd select{width:74.2%;} .reg_form dl dd .mgcbox{width:100%;} } @media (max-width: 480px) { .reg_form dl dt{width:100%;float:none;text-align:left; line-height: auto;margin-top:0; margin-bottom:10px;} .reg_form dl dd input{width:100%;margin-right:0;} .reg_form dl dd select{width:100%;} .reg_form dl dd input.code{width:50%;} .reg_form dl:last-child dt{display: none;} .reg_form dl dd input.inputCode{width:150px;} .reg_form dl dd .btn_reg {text-align:center;} .reg_form dl dd .btn_reg input{width:100%;} .reg_form dl dd input.mgc-primary{margin-right:10px;} }