/*網頁遮罩*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popupContainer{
	position:absolute;
	width:320px;
	height: auto;
	margin: 0 auto;
	border: 1px solid #DDDBC7;
	/*box-shadow: 2px 2px #F4F4F2;*/
	background: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#modal_trigger {margin:100px auto; width:100px; display:block;}

a.btn {padding:10px 20px; background: #26c1d0; font-size: 16px; font-weight: 500;}
a.btn_red {background: #ED6347; color: #FFF; }

.btn:hover {background: #00a7b3;}
.btn_red:hover {background: #C12B05;}

a.btn {color:#FFF; text-shadow: #209198 0 -1px 0; text-align: center; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
a.btn_red {color: #FFF;}

.one_half {width:98%; display: block; float:left;}
.one_half.last {width:25%; margin:10px 0 0 10px;}


/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase; }
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:6px 6px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;
							-webkit-border-radius: 5px; -moz-border-radius: 5px;}
.popupHeader .modal_close :hover{}

.popupBody {padding:20px;}


/* Social Login Form */
.social_login { margin: 0 0 10px 0;}
.social_login .social_box {display:block;float: left;padding:5px; margin:3%; background: #F4F4F2; overflow: hidden;
                           -webkit-border-radius: 5px; -moz-border-radius: 5px;width: 40%;}
.social_login .icon {display:block; width:30px;height: 30px; float:left; color:#FFF; font-size:16px; text-align: center;}
/*.social_login .fb img {width:30px; height: 30px;}*/
/*.social_login .fb .icon {background:#3B5998;}*/
/*.social_login .google .icon {background:#DD4B39;}*/
.social_login .social_box .icon img{width:30px; height: 30px;}
.social_login .icon_title {display:block;margin-left: 5px; float:left; font-weight: bold; font-size: 16px; color:#777;line-height: 30px;}
.social_login .social_box:hover {background: #E4E4E2;}

.centeredText {text-align: center; margin: 80px 0 20px 0; clear: both; overflow: hidden; font-size: 14px;}
.topText {text-align: center; margin: 0 0 5px; clear: both; overflow: hidden; font-size: 14px;}

.action_btns {clear:both; overflow: hidden;}
.action_btns a {display: block;}

/* User Login Form */
.user_login {display: block;}
.user_login label {display: block; margin-bottom:5px;}
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;
                                                                                                     -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.user_login input[type="checkbox"] {float:left; margin-right:5px; cursor: pointer;}
.user_login input[type="checkbox"]+label {float:left; cursor: pointer;}

.user_login .checkbox {margin: 0 -10px 0 0;  overflow: hidden; }
.forgot_password {display:block; font-size: 13px; margin: 10px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#FC7260;}
.forgot_password:hover{color: #ED6347;}

/* User Register Form */
.user_register {display: none;}
.user_register label {display: block; margin-bottom:5px;}
.user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] {display: block; width:20%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_register input[type="checkbox"] {float:left; margin-right:5px;}
.user_register input[type="checkbox"]+label {float:left;}

.user_register .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}