.member-manager .clear {clear: both;}
.member-manager.template {display: none; }
.jbmo-container.ttmember-plugin {width: 350px; background-color: transparent; padding: 0;}
.member-manager {width: 100%; background-color: #fff; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.member-manager .manager-body {height: 100%; width: 100%; }
.member-manager ul {list-style-type: none; padding-left: 0;}
.tab-page.tab-loading {width: 100%; height: 100%; font-size: 0; background: url(http://www.tintint.com/images/tintint/common/loading_tintint2.gif) no-repeat center center; min-height: 100px;}
.tab-signin, .tab-signup {padding: 20px; }

.tab-signin .signin-title, .tab-signup .signup-title {margin:10px auto;}
.tab-signin .tintint-signin {margin-top: 15px; text-align: center;}

.tintint-signup .signup-label, .tintint-signup .signup-input {float: left;}
.tintint-signup .signup-label {text-align: right; width: 60px;}
.tintint-signup .signup-input {padding: 2px 0; text-align: left; width: 60%;}
.tintint-signup .signup-input input, .tintint-signup .signup-input select {padding: 5px; width: 100%;}

.bg-button {font-size: 0; cursor: pointer;}
.bg-button:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

.thirdpart-signin .signin-by-facebook , .thirdpart-signup .signup-by-facebook {margin:20px auto 10px auto; height:40px;}
.tintint-signup .signup-button, .tintint-signin .signin-button {margin:5px auto;}
.thirdpart-signin , .thirdpart-signup { border-top:1px solid #ccc; margin-top:10px;}

.member-manager .signin-title {background-repeat: no-repeat; background-position: center top; height: 17px;}
.member-manager.lang-en .signin-title {background-image: url(/images/tintint/en_US/member/signin_tintint_title.png);}
.member-manager.lang-zh .signin-title {background-image: url(/images/tintint/zh_TW/member/signin_tintint_title.png);}

.member-manager .signup-title {height: 20px; width: 90%; background-repeat: no-repeat; background-position: center;}
.member-manager.lang-en .signup-title {background-image: url(/images/tintint/en_US/member/signup_up_title.png);}
.member-manager.lang-zh .signup-title {background-image: url(/images/tintint/zh_TW/member/signup_up_title.png);}

.member-manager .signin-button {height: 40px; width: 244px; background-repeat: no-repeat; background-position: center;}
.member-manager.lang-en .signin-button {background-image: url(/images/tintint/en_US/member/signin_in_bt.gif);}
.member-manager.lang-zh .signin-button {background-image: url(/images/tintint/zh_TW/member/signin_in_bt.gif);}

.member-manager .signup-button {height: 40px; width: 244px; background-repeat: no-repeat; background-position: center;}
.member-manager.lang-en .signup-button {background-image: url(/images/tintint/en_US/member/signup_fin_bt.gif);}
.member-manager.lang-zh .signup-button {background-image: url(/images/tintint/zh_TW/member/signup_fin_bt.gif);}

.member-manager .fb-button {height: 41px; width: 246px; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.member-manager.lang-en .fb-button {background-image: url(/images/tintint/en_US/member/signin_fb_bt.gif);}
.member-manager.lang-zh .fb-button {background-image: url(/images/tintint/zh_TW/member/signin_fb_bt.gif);}

.tab-signup .signup-new {font-size: 13px; margin-bottom: 10px; background: #333333; color: #fff; border-radius: 15px; line-height: 20px;}

/* for high resolution display */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.tab-signin .signin-title {background: url(/images/tintint/zh_TW/member/signin_tintint_title_2x.png) no-repeat center top; background-size: 184px 17px;}
.tintint-signin .signin-button {background: url(/images/tintint/zh_TW/member/signin_in_bt_2x.gif) no-repeat center top; background-size: 244px 40px;}
.thirdpart-signin .signin-by-facebook , .thirdpart-signup .signup-by-facebook {background: url(/images/tintint/zh_TW/member/signin_fb_bt_2x.gif) no-repeat center top; background-size: 244px 40px;}
}

.notmember-button, .ismember-button {text-align: center; cursor:pointer; color: #c6751e; }
.notmember-button:hover, .ismember-button:hover {color: #ddb412; }

.signin-input-list li , .tintint-signup li{padding:2px 0;}
.signin-alert {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background:#333; color:#fff; padding:0 10px; letter-spacing:1px; margin-bottom:15px; line-height:22px;}

@media screen and (max-width: 568px) {
  .jbmo-container.ttmember-plugin {width: 100%; height: auto;}
  .tab-signin ul, .tab-signup ul {padding: 0;}
  .member-manager {width: 100%; font-size: larger; box-sizing: border-box; height: 100%; line-height: normal;}
  .member-manager img {width: 100%}
  .member-manager input {height: 30px;}
  .member-manager .tintint-signup table .signup-input input {width: 70%;}
  .ismember-button, .notmember-button {font-size: large; margin-top: 20px;}
}