@charset "utf-8";

/***************************************

    copyright by Galaxy.Design

***************************************/

@import url('../../../../../../ma/scripts/jquery/fancybox/jquery.fancybox.css');

#content {

	padding-bottom: 50px;

}

#member_login {

	width: 100%;

	height: 579px;

	max-width: 1000px;

	text-align: center;

	margin: 50px auto;

	border: 1px solid #CCC;

	border-top: 7px solid #00b900;

	box-shadow: 1px 1px 3px #777;

}

#login_href_position {

	position: absolute;

	top: 0;

}

.login_section {

	display: inline-block;

	float: left;

	text-align: center;

	width: 500px;

	height: 500px;

	padding: 40px 0px;

	margin: 0px 0;

	background-color: #FFF;

}

#login_info {
	background:url(https://i.imgur.com/K2MxEo3h.jpg);
	background-size: cover;
}

h1.login_title {

	text-align: center;

	margin: 21px 0;

	color: #FFF;

	font-size: 3em;

	text-shadow: 2px 2px 7px #000;

	/*border: 1px solid #F00;*/

}

/*購物一次即可成為會員*/

#login_info4 { 

	text-align: center;

}

#login_desc {

	/*width: 70%;*/

	/*float: left;*/

	clear: both;

	color: #FFF;

	font-size: 1em;

	line-height: 1.4em;

	text-shadow: 2px 2px 5px #333;

	margin-bottom: 50px;

	text-align: center;
	
	margin: 0 10%;

	/*text-decoration: underline;*/

}



/*

|------------------------------------

|  會員註冊 右

|------------------------------------

*/

#login input {

	display: block;

	width: 217px;

	height: 36px;

	margin: 7px auto;

	text-indent: 3px;

	font-size: 1em;

	border-width: 1px;

	border-style: solid;

}

#register_link {

	/*width: 70%;*/

	font-size: 0.9em;

	line-height: 1.2em;

	color: #333;

	margin: 21px 0;

	text-decoration: underline;

	text-align: center;

	cursor: pointer;

}

#register_link a {

	/*width: 70%;*/

	line-height: 1.2em;

	color: #0048AD;

	margin: 12px 0;

	/*text-decoration: underline;*/

	text-align: center;

	cursor: pointer;

}

#forget_psw {

	/*width: 70%;*/

	font-size: 0.9em;

	line-height: 1.2em;

	color: #0048AD;

	margin: 12px 0;

	/*text-decoration: underline;*/

	text-align: center;

	cursor: pointer;

}



#btn_login {

	width: 70%;

	margin: 7px auto;

}

#btn_login_line {

	display: inline-block;

	width: 225px;

	font-size: 1em;

	letter-spacing: 1px;

	color: #FFF;

	box-sizing: border-box;

    	border-radius: 3px;

    	background: #00b900 url(https://i.imgur.com/XJFog3x.png) no-repeat 10px 5px; 

    	background-size: 28px;

    	outline: none;

    	margin-top: 90px;

}

#btn_register_normal {

	width: 225px;

	font-size: 1em;

	letter-spacing: 1px;

	color: #FFF;

	box-sizing: border-box;

    	border-radius: 3px;

    	background-size: 28px;

    	outline: none;

    	margin-top: 21px;

}

#login_or {

	color: #333;

	font-size: 1em;

}

#login_or hr {

	width: 50%;

	max-width: 220px;

	border:none;

	border-top: 1px dotted #333;

	margin: 36px auto;

}

#line_account {

	text-align: center;

}

#line_portrait {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 20px 0 20px 0;
	background: url(https://www.galaxis-design.com/ma/views/web/_default/style/images/default-avatar.png) no-repeat;
	background-size:100px;
	border-radius:99px;
}

#line_portrait img {

	max-width: 100%;

	border-radius: 99px;

	/*border: 1px solid #CCC;*/

}

#line_nickname {

	color: #333;

	font-size: 0.9em;

}

#gender_section li {

	display: inline-block;

	width: 100px;

}

#gender_section li input {

	display: inline-block;

	width: 25px;

	height: 18px;

}

#btn_confirm_phone {

	width: 220px;

}

#btn_register {

	width: 220px;

}

#btn_login {

	width: 220px;

}



#register_step2 {

	display: none;

}



/*

|------------------------------------

|  第一次購物

|------------------------------------

*/

#register {

	border-width: 1px ;

	border-style: solid;

}

.note {

	margin: 0 0 5px 0;

}

.login_subtitle {

	font-size: 1.3em;

	margin: 70px 0 20px 0;

}

#btn_checkout_first {

	width: 70%;

	margin: 0 auto;

}



/*

|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

|  mobile

|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

*/

@media only screen and (max-width: 767px) {

#member_login {

	width: 100%;

	height: 579px;

	max-width: 1000px;

	text-align: center;

	margin: 0px auto;

	border: none;

	box-shadow: none;

}

#login_href_position {

	position: absolute;

	top: 380px;

}

.login_section {

	width: 100%;

	height: auto;

	margin: 0 0 0px 0;

	padding: 0px 1px;

	/*border: 1px solid #F00;*/

}

#btn_login_line {

	margin-top: 50px;

}

#register {

	margin-bottom: 30px;

}

.login_subtitle {

	font-size: 1.3em;

	margin: 30px 0 20px 0;

}

#forget_psw {

	display: inline-block;

	width: auto;

	margin: 12px auto;

	cursor: pointer;

	border-bottom: 1px solid #0048AD;

}



}