.user-info .user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-box:after{content:"";display:block;clear:both;height:0}.home-contents{position:absolute;top:44px;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-contents:before{content:"";position:absolute;top:0;bottom:-1px;left:0;width:1px}.home-footer{height:40px;padding:0 10px;line-height:40px;text-align:center;color:#999;background:#e5e5e5}.home-footer a{color:#167efb}.user-info{position:relative;height:60px;margin-bottom:5px;background:#EEE}.user-info .user-head{position:absolute;top:10px;left:10px}.user-info .user-head img{float:left;width:40px;height:40px;border-radius:3px}.user-info .user-name{position:absolute;top:6px;right:10px;left:60px;line-height:24px;font-size:16px;text-shadow:0 1px white}.user-info .user-name em{color:#A9A9A9}.user-info .user-mark{position:absolute;top:32px;left:60px}.user-info .user-mark a{float:left;margin-right:5px}.user-info .user-mark img{float:left;width:20px;height:20px}.user-notice{position:absolute;right:5px;bottom:5px}.user-notice a{position:relative;float:left;height:24px;margin-left:5px;padding:0 10px;line-height:24px;color:#333;border:1px solid #BEBEBE;border-radius:3px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#ECECEC));background:-webkit-linear-gradient(top, #F9F9F9, #ECECEC);box-shadow:inset 0 1px white}.user-notice a:before{float:left;width:16px;height:16px;margin:4px 5px 0 0;line-height:16px;text-align:center;font-size:16px;color:#999}.user-notice a i{position:absolute;top:-9px;right:-6px;min-width:8px;height:16px;line-height:16px;text-align:center;padding:0 4px;font-size:12px;font-weight:bold;color:white;border:2px solid white;border-radius:10px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6A3A7), to(#CD0307));background:-webkit-linear-gradient(top, #F6A3A7, #CD0307);box-shadow:0 1px 2px rgba(0,0,0,0.3)}.user-notice .l-notice:before{content:"\f408"}.user-notice .l-friend:before{content:"\f409"}.user-storage{position:relative;height:10px;margin:0 5px 5px;padding:2px;border-radius:8px;border:1px solid #ADB3BE;background:#D4D8E3;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 0 rgba(255,255,255,0.6)}.user-storage i{position:absolute;top:2px;left:2px;height:10px;border-radius:5px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#749ADB), to(#224683));background:-webkit-linear-gradient(top, #749ADB, #224683)}.user-storage em{position:absolute;top:0;right:4px;line-height:14px;font-size:12px;color:#224888;text-shadow:0 0 2px white}.site-map{display:-webkit-box;-webkit-box-orient:horizontal;padding:0 0 0 5px}.site-map ul{-webkit-box-flex:1;padding-right:5px;overflow:auto}.site-map li{position:relative;height:100px;margin-bottom:5px;border-radius:3px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F5F5F5));background:-webkit-linear-gradient(top, #FFF, #F5F5F5);box-shadow:0 0 3px rgba(0,0,0,0.2)}.site-map li a{display:block;height:78px;padding-top:22px}.site-map li a:before{display:block;width:32px;height:32px;margin:0 auto 8px;line-height:32px;text-align:center;font-size:32px}.site-map li span{display:block;width:80px;margin:auto;line-height:20px;text-align:center;font-size:16px;color:#333}.site-map li i{position:absolute;top:12px;left:50%;min-width:8px;height:16px;margin-left:5px;line-height:16px;text-align:center;padding:0 4px;font-size:12px;font-weight:bold;color:white;border:2px solid white;border-radius:10px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6A3A7), to(#CD0307));background:-webkit-linear-gradient(top, #F6A3A7, #CD0307);box-shadow:0 1px 2px rgba(0,0,0,0.3)}.smp-zone:before{content:"\f117";color:#224888}.smp-cloud:before{content:"\f116";color:#224888}.smp-circle:before{content:"\f11a";color:#224888}.smp-music:before{content:"\f11b";color:#647DA7}.smp-note:before{content:"\f118";color:#647DA7}.smp-daily:before{content:"\f119";color:#8FA2BF}.smp-gift:before{content:"\f11c";color:#8FA2BF}.smp-message:before{content:"\f11d";color:#647DA7}.smp-setting:before{content:"\f11e";color:#8FA2BF}.form-box{position:relative;width:280px;margin:auto}.form-box ul{overflow:auto}.form-box input{width:100%;height:50px;margin:0;padding:0 0 0 57px;font-size:22px;font-weight:bold;border:1px solid #CCC;border-radius:3px;background:#FFF;box-shadow:0 1px 0 white;-webkit-box-sizing:border-box;box-sizing:border-box}.form-box input::-webkit-input-placeholder{line-height:26px;font-size:16px;font-weight:normal}.form-box button:not([class]),.form-box .button{width:100%;height:50px;margin:0;padding:0;line-height:50px;font-size:18px;color:white;border:0 none;border-radius:3px;background:#167efb;-webkit-box-sizing:border-box}.form-box li{height:60px;position:relative}.form-box li[class^='input']:before{position:absolute;top:1px;left:1px;z-index:2;width:48px;height:48px;line-height:48px;text-align:center;font-size:20px;color:#CCC;border-radius:3px 0 0 3px;background:#F8F8F8}.form-box li.button-cell{height:50px}.form-box li.button-cell button,.form-box li.button-cell .button{display:block;box-sizing:border-box;width:100%;height:42px;padding:0;line-height:42px;font-size:16px;color:#666;border-radius:3px;background:#e5e5e5}.form-box li.button-cell button:disabled,.form-box li.button-cell .button:disabled{color:#999;text-shadow:none;border-color:#CCC;background:#EEE;box-shadow:none}.form-box .bottom-text{text-align:center}.form-box .bottom-link{display:-webkit-box;-webkit-box-pack:justify;font-size:12px;text-align:center}.form-box .bottom-link .button{display:block;width:130px;height:40px;padding:0;line-height:40px;text-align:center;font-size:16px;color:#666;border-radius:3px;background:#e5e5e5}.form-box .bottom-link .btn-l{width:278px}.input-number:before{content:"\f201"}.input-key:before{content:"\f203"}.form-title{height:24px;padding:10px 0;line-height:24px;font-size:18px;text-align:center;color:#666}.circle-title{padding:20px}.circle-title i{display:block;width:80px;height:80px;margin:auto;padding:4px;border-radius:44px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E6E9F0), to(#EEF1F5));background:-webkit-linear-gradient(top, #E6E9F0, #EEF1F5);box-shadow:0 0 1px rgba(0,0,0,0.3),0 0 10px rgba(255,255,255,0.8)}.circle-title img{display:block;width:80px;height:80px;border-radius:40px}.form-text{height:24px;padding:5px 0;line-height:24px;font-size:14px}.form-step{position:relative;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:justify;padding:20px 0 10px}.form-step:before{content:"";position:absolute;top:24px;right:30px;left:30px;height:10px;background:#CFD1D5}.form-step:after{content:"";position:absolute;top:27px;left:30px;z-index:1;height:4px;background:#167efb}.form-step span{position:relative;z-index:2;display:block;width:60px;line-height:20px;text-align:center;font-size:12px;font-weight:bold;color:#999}.form-step span:before{position:relative;z-index:1;content:"";display:block;width:18px;height:18px;margin:0 auto 15px;line-height:18px;text-align:center;font-size:10px;color:#999;border-radius:9px}.form-step span:nth-child(1):before{content:"1"}.form-step span:nth-child(2):before{content:"2"}.form-step span:nth-child(3):before{content:"3"}.form-step span:after{content:"";position:absolute;top:-3px;left:18px;width:24px;height:24px;border-radius:12px;background:#CFD1D5}.fst-01 span:nth-child(1){color:#167efb}.fst-01 span:nth-child(1):before{color:white;background:#167efb}.fst-02:after{width:110px}.fst-02 span:nth-child(1),.fst-02 span:nth-child(2){color:#167efb}.fst-02 span:nth-child(1):before,.fst-02 span:nth-child(2):before{color:white;background:#167efb}.fst-02 span:nth-child(1):before{content:"\f307"}.fst-03:after{width:220px}.fst-03 span:nth-child(1),.fst-03 span:nth-child(2),.fst-03 span:nth-child(3){color:#167efb}.fst-03 span:nth-child(1):before,.fst-03 span:nth-child(2):before,.fst-03 span:nth-child(3):before{color:white;background:#167efb}.fst-03 span:nth-child(1):before,.fst-03 span:nth-child(2):before{content:"\f307"}.form-war{position:relative;width:200px;margin:10px auto;padding:10px 10px 10px 60px;color:#AB6A00;border-radius:3px;background:#FFE79E}.form-war:before{content:"!";position:absolute;top:50%;left:15px;width:32px;height:32px;margin-top:-16px;line-height:32px;text-align:center;font-size:24px;font-weight:bold;border-radius:16px;color:white;background:#C93}.form-war h3{line-height:24px;font-size:14px;font-weight:normal}.form-war p{font-size:12px}.secure-hint{margin:10px;padding:6px 10px;border-radius:4px;color:white;background:#F56F59}.secure-hint h3{line-height:24px;font-size:16px}.secure-hint .con{position:relative;min-height:62px;padding:3px 0 0 65px;line-height:18px;font-size:12px}.secure-hint .con p{padding:2px 0}.secure-hint .con:before{content:"";position:absolute;top:10px;left:0;width:55px;height:55px;overflow:hidden;background:url(../images/icon_secure.png) no-repeat 0 0;background-image:-webkit-image-set(url(../images/icon_secure.png) 1x, url(../images/icon_secure@2x.png) 2x)}