/*** global style ***/
body{color: #333;max-width: 720px;}
a{ text-decoration: none; color: #666;}
.pull-left{ float: left;}
.pull-right{ float: right;}
.gray{ color: #999;}

/* style overwrite */
.pane, .view,.bar-header{max-width:720px;margin: 0 auto;}
.overflow-scroll {overflow-y: auto;}
.bar-header .button.back-button{margin-left: 5px;}
.bar-header .title{font-size: 17px !important;}

/* pages */
.login{ padding:30% 15px 25px 15px; background: url(../img/overview_light.png) 0 300px no-repeat;background-size:150% auto;background-color: #2B2C3E;}
.login .item-input{border-color: #666; background: transparent;}
.login .item-input input{ color: #ffffff;font-size: 16px;font-weight: bold;letter-spacing:1px;}
.login .item-input .send-code-btn{ font-size: 14px;padding-right: 15px;color:#999}
.login .item-input ::-webkit-input-placeholder {font-size: 14px;font-weight: normal; color:#666;}/* WebKit browsers */
.login .item-input :-moz-placeholder { font-size: 14px;font-weight: normal;color:#666;}/* Mozilla Firefox 4 to 18 */
.login .item-input ::-moz-placeholder {font-size: 14px;font-weight: normal; color:#666;}/* Mozilla Firefox 19+ */
.login .item-input :-ms-input-placeholder {font-size: 14px;font-weight: normal; color:#666;}/* Internet Explorer 10+ */
#wrpPopCaptcha{width: 260px;height: 250px;}

.loginact { padding: 10% 15px 25px 15px; }
.loginact .logo{display: block;width: 46%;max-width: 320px;margin: 0 auto 10%;}