/*背景*/
.user-container {
	background: url("/images/user/login_bg.jpg");
	padding: 10px;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-attachment: fixed;
}


.u-label{ padding: 5px 10px 5px 0px;}
.OrdDate{
    width: 200px;
    display: inline-block;
    vertical-align: middle;
}


/*left-side*/
.user-content {
	font-size: 16px;
	background-color: #FFF;
	padding: 5%;
	margin: 5% 0;
	-webkit-box-shadow: 0 0 10px #ccc;
	        box-shadow: 0 0 10px #ccc;
}

.user-login-title {
	text-align: center;
}
.user-login-title h1{
	display: inline;
	vertical-align: middle;
	color: #f36f20;
	font-size: 34px;
}

.go347btn-button_2 {
	font-size: 18px;
	width: 100%;
}
.btn-login{
	color: #fff;
    background-color: #f36f20;
}
.btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.active, .open .dropdown-toggle.btn-login{
	color: #fff;
    background-color: #f55c00;
}
.bottom-text{
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
}
#forgot-pw .glyphicon-repeat {
	display: none;
	animation: spin 1s infinite linear;
}
#forgot-pw.disable {
	color: #ccc;
	text-decoration: none;
}
#forgot-pw.disable .glyphicon-repeat {
	display: inline-block;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.bottom-text .text02:before {
    content: " ｜ ";
    color: #999;
}

.line-height{margin: 15px 0;}

.login-frame .alert-message{
	padding: 5px;
    padding-right: 20px;
	padding-left: 50px;
}
#span_password_message .alert-message{padding-left: 80px;}


/*---------註冊---------*/
.user-register-title {
	text-align: center;
}
.user-register-title h1{
	display: inline;
	vertical-align: middle;
	color: #65ae0e;
	font-size: 34px;
}
/*覆蓋bootstrap預設*/
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn{
	    border-radius: 4px;
}

.input-group-addon{
	background-color: transparent;
    border: none;
    font-weight: 700;
}


/*right side*/
.rightside-theme {
	border: none;
	-webkit-box-shadow: 0 0 10px #eee;
	        box-shadow: 0 0 10px #eee;
	background-color: rgba(255, 255, 255, 0.9);
}

.user-frame .user-funtion-title {
	background: url("/images/user/info_title.png") no-repeat;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -87px;
	width: 173px;
	height: 66px;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 64px;
	letter-spacing: 3px;
}

/*功能btn*/
.user-frame ol.user-funtion-btn li {
	list-style: none;
	float: left;
	padding: 1% 2%;
}

.user-frame ol.user-funtion-btn li a {
	display: block;
	width: 100px;
	height: 100px;
	background-color: #ffebda;
	border-radius: 5px;
	color: #4e4e4e;
}

.user-frame ol.user-funtion-btn li a:hover {
	background-color: #f68926;
	color: #fff;
	text-decoration: none;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
	    -ms-transition: background-color .2s ease;
	     -o-transition: background-color .2s ease;
	        transition: background-color .2s ease;
}

.user-frame ol.user-funtion-btn li a:focus {
	text-decoration: none;
}

.user-frame ol.user-funtion-btn li a div.glyphicon {
	display: block;
	text-align: center;
	padding: 13px 0;
}

.user-frame ol.user-funtion-btn li a p {
	text-align: center;
	font-weight: bold;
}

 .user-funtion-info {
	float: left;
}

/*社群登入*/
.hr-text{
	position: relative;
    color: #666;
    font-size: 16px;
    text-align: center;
    text-shadow: 1px 1px 8px rgba(255, 255, 255, 0.6), 1px 1px 6px rgba(255, 255, 255, 0.4);
	margin: 20px 0 10px;
}
.hr-text:before{
	content: '';
    top: 10px;
    left: 0;
    position: absolute;
    width: calc(50% - 100px);
    height: 1px;
    background: #b7b7b7;
    -webkit-box-shadow: 0px 0px 42px 2px white;
    -ms-box-shadow: 0px 0px 42px 2px white;
    -o-box-shadow: 0px 0px 42px 2px white;
    box-shadow: 0px 0px 42px 2px white;
}
.hr-text:after{
	content: '';
    top: 10px;
    right: 0;
    position: absolute;
    width: calc(50% - 100px);
    height: 1px;
    background: #b7b7b7;
    -webkit-box-shadow: 0px 0px 42px 2px white;
    -ms-box-shadow: 0px 0px 42px 2px white;
    -o-box-shadow: 0px 0px 42px 2px white;
    box-shadow: 0px 0px 42px 2px white;
}



/*感興趣的類科*/
[class^=subject_] p{
	padding: 5px 20px;
    font-size: 18px;
    font-weight: bold;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    color: #5d5952;
    background-color: #eee;
}
.subject_1:hover p{
	color: #5AA7A6;
	background-color: #d5e9e9;
}
.subject_3:hover p, .subject_6:hover p{
	color: #F37108;
	background-color: #ffe8c9;
}
.subject_2:hover p, .subject_4:hover p, .subject_5:hover p{
	color: #64B305;
	background-color: #d6eeb9;
}


@media screen and (max-width: 480px) {
	.user-content {margin: 0;}
	.content_height {min-height: initial;}
	.user-frame ol.user-funtion-btn li {width: 50%;}
	.user-frame ol.user-funtion-btn li a {width: 100%;}
	.user-frame ol.user-funtion-btn li.signup-btn, .user-frame ol.user-funtion-btn li.login-btn {
		width: 100%;
	}

	/*加入會員-文字敘述下移至整行寬*/
	.user-funtion-info {width: 100%;}
}

@media screen and (min-width: 481px) and (max-width: 991px) {
	.user-content {margin: 5% 10%;}
	.user-funtion-info {width: 70%;	padding-left: 3%;}
}

/*登入頁banner曝光*/
.login-banner, .resister-banner {
	max-width: 550px;
	margin: 1% 0 0 5%;
	/*padding: 0 25px;*/
}

.login-banner img, .resister-banner img {
	width: 100%;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	        box-shadow: 0 0 10px #ccc;
}


/*會員回娘家*/
.home-container {
	background: url("/user/images/member_home_bg.jpg");
}


.home-img {
	max-width:1280px;
	margin:auto;
}

.home-txt-block {
	font-size:1em;
	color: #565656;
	padding:1%;
	line-height:1.875em;
}

.home-point1 {
	font-size:1.25em;
	color:#C90306;
	font-weight:bold;
}

.home-point2 {
	font-size:1.25em;
	font-weight:bold;
}

.home-content {
	position: relative;
	padding: 1% 2%;
	max-width:768px;
	background-color: rgba(255, 255, 255, 1);
	margin: 2% auto;
	-webkit-box-shadow: 0 0 10px #ccc;
	        box-shadow: 0 0 10px #ccc;
}

/*footer*/
.MFooterBlock {margin: 0;}