/* CSS Document */

/***********************
 login
************************/
.login_area {
	width: 610px;
	margin: 0 auto;
	padding: 25px 20px;
}
.login_input_dv {
	width: 100%;
	float: left;
	margin-left: 0px;
}
.login_input_dv input {
	width: 91%;
	padding: 14px 0px 14px 53px;
	margin-bottom: 20px;
	color: #5f5f60;
	font-size: 16px;
	background: url(../img/inp_man.png) #f3f3f3 no-repeat 15px 15px;
	border: none;
	outline: none;
	border-radius: 6px;
	box-shadow: 0px 0px 19px -10px inset;
	;
}
.bg_ky input {
	background: url(../img/input_key.png) #f3f3f3 no-repeat 15px 15px;
}
.login_input_dv a {
	float: right;
	text-decoration: underline;
	color: #3e87b6;
	font-size: 14px;
}
.mg_log {
	margin-top: -10px;
}
.logo_in_dv {
	width: 100%;
	display: inline-block;
*display:inline;
	zoom: 1;
	margin-top: 17px;
	padding: 19px 0px 40px 0px;
	text-align:center;
}
.log_buttt, .register_botton, .login_botton, .useredit_botton, .usereditpassword_botton ,.picupload_botton
,.forget_botton , .resendactivation_button {
	border: none;
	outline: none;
	background: #fab50f;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	padding: 12px 53px 12px 54px;
	font-size: 16px;
	margin-left: 20px;
}
.log_buttt:hover, .register_botton:hover, .login_botton:hover, .useredit_botton:hover, .usereditpassword_botton:hover,.picupload_botton:hover ,.forget_botton:hover ,.resendactivation_button:hover{
	background: #ffc22f;
}
.sub_buttt {
	border: none;
	outline: none;
	transition: 0.4s;
	background: #fab50f;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	padding: 12px 53px 12px 54px;
	font-size: 16px;
	margin-right: 20px;
	float: right;
}
.sub_buttt:hover {
	background: #ffc22f;
}
.log_buttt2, .myButton , .register_botton2 ,.login_botton2,.useredit_botton2,.usereditpassword_botton2{
	border: none;
	outline: none;
	background: #303039;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	padding: 12px 53px 12px 54px;
	font-size: 16px;
	margin-left: 20px;
}
.log_buttt2:hover,.myButton:hover , .register_botton2:hover , .login_botton2:hover ,.useredit_botton2:hover,.usereditpassword_botton2{
	background: #414144;
}
.pdd_cat ul li {
	padding: 16px 0px 16px 20px;
}
/***********************
 register
************************/
.register_input_dv {
	width: 97%;
	float: left;
	margin-left: 20px;
	margin-bottom: 21px;
}
.register_input_dv span {
	display: inline-block;
*display:inline;
	zoom: 1;
	vertical-align: middle;
	width: 38%;

	color: #5f5f60;
}
.input_right {
	width: 61%;
	display: inline-block;
*display:inline;
	vertical-align: middle;
}
.input_right input {
	display: inline-block;
	border: none;
	outline: none;
	margin: 0px -8px 0px 0px;
	vertical-align: middle;
	border-radius: 4px;
	width: 97%;
	background: #f8f8f8;
	padding: 12px 0px 12px 8px;
	border: 1px solid #e8e8e8;
	font-size: 100%;
	color: #5f5f60;
}
.input_left {
	
	display: inline-block;
*display:inline;
	vertical-align: middle;
}
.input_left input {
	display: inline-block;
	border: none;
	outline: none;
	margin: 0px -8px 0px 0px;
	vertical-align: middle;
	border-radius: 4px;
	width: 97%;
	background: #f8f8f8;
	padding: 12px 0px 12px 8px;
	border: 1px solid #e8e8e8;
	font-size: 100%;
	color: #5f5f60;
}

.input_p {
	width: 67%;
	float: right;
	padding: 0px 18px 0px 0px;
}
.input_p p {
	color: #373434;
	font-size: 14px;
	display: inline-block;
	padding: 9px 0px 0px 0px;
}
.dowmlad {
	width: 189px;
	float: left;
	padding: 0px 22px 0px 0px;
}
.dowm_lad {
	width: 239px !important;
	float: right;
	vertical-align: top;
}
.register_butt {
	width: 100%;
	display: inline-block;
	zoom: 1;
	background: #4b85aa;
	margin-top: 0px;
	padding: 19px 0px 19px 0px;
	text-align: center;
}
.marg_butt {
	border: none;
	outline: none;
	transition: 0.7s;
	background: #61c269;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	padding: 12px 53px 12px 54px;
	font-size: 16px;
	margin-left: 0px;
}
.marg_butt:hover {
	background: #35ae3f;
	transition: 0.7s;
}
.about_area_dv {
	width: 100%;
	display: inline-block;
*display:inline;
	zoom: 1;
}
.about_heading {
	width: 100%;
	display: inline-block;
*display:inline;
	zoom: 1;
	text-align: center;
}
.about_heading h1 {
	color: #fab50f;
	font-size: 25px;
	font-family: 'amble-regular';
	width: 100%;
	padding: 0px 0px 18px 0px;
	border-bottom: double #c7c7c7 3px;
}
body, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.mr_42 {
	margin-top: 42px;
}
#main ,section{
	width: 1000px;
	margin: 0px auto;
}

.register_input_dv h6{
	color :red;	
}

/* 忘記密碼及重發註冊信 */
.mag_line{
	text-align:right;
	margin-top:-130px;
}

.changeicon_btn {  border:none; outline:none;  background:#fab50f; border-radius:5px; cursor:pointer; color:#fff; padding:12px 20px 12px 20px;  font-size:16px; margin:20px 0px 30px; float:left; width:160px}
.changeicon_btn:hover { background:#ffc22f; }

/***********************
 user info
************************/
.user_main { display:block; }
.user_main_left{ width:180px; float:left; margin: 60px 0 0 90px;}
.user_main_right{ }
.user_pic { width:160px; height:160px;text-align : center;
line-height : 160px;*font-size : 144px;*font-family : Arial; vertical-align : middle; display:table-cell;}
.user_pic img { border: 1px solid #e8e8e8;}

.user_left_area{ width:200px; float:left; }
.user_left_area ul{ width:100%; display:inline-block;}
.user_left_area ul li{ width:100%; display:inline-block; color:#7e7e7e; font-size:100%; border-bottom:solid 1px #e3e4e4; background:#fcfcfc; }
.user_left_area ul li a{ color:#5f5f60; display:inline-block;  width:100%;padding:15px; }
.user_left_area ul li:hover { background:#067b8d; color:#fff;}
.user_left_area ul li a:hover{ color:#fff; display:block; padding:15px; text-decoration:none;}

.user_right_area{ width:500px; float:right; }
.user_heading{ width:100%;display: inline-block;zoom: 1; *display:inline; margin: 30px 0px 0px 0px;}
.user_heading h1{color: #fab50f;
font-family: 'amble-regular';
width: 100%; display: inline-block;zoom: 1; *display:inline;
padding: 0px 0px 12px 0px; text-align:center;
border-bottom: double #c7c7c7 3px;}
.user_heading h2{color: #4d4d4d; margin-top:15px;
font-size: 16px;
width: 100%; display: inline-block;zoom: 1; *display:inline;
}

.user_field{ width:100%; display:inline-block;zoom: 1; *display:inline; }
.user_field p{ width:110px;  color:#7e7e7e; font-size:90%; line-height:21px;display: inline-block;zoom: 1; *display:inline; vertical-align:middle;}
.user_field h2{ width:50%;  color:#5d5d5d; font-size:13px; line-height:21px;display: inline-block;zoom: 1; *display:inline; vertical-align:middle;}

/***********************
 user edit
 ***********************/
.useredit_right { width:700px; float:left; margin-left:90px; }

/***********************
 user upload
************************/
.vtop{ vertical-align:top !important;}
.radio_btn_area{ width:84%; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.radio_btn{ float:left; margin:0px 15px 0px 0px;}
.radio_btn label{ font-size:14px; color:#7e7e7e; }

.upload_input { display:inline-block; border:none; outline:none; margin:0px 0px 0px 0px ;  vertical-align:middle; border-radius: 4px; width:46%; background:#fcfcfc; padding:10px 0px 10px 8px; border: 1px solid #e8e8e8; font-size: 14px;
color: #5f5f60; }

.textarea { display:inline-block; border:none; outline:none; margin:0px 0px 0px 0px ;  vertical-align:middle; border-radius: 4px; width:72%; background:#fcfcfc; padding:10px 8px 10px 8px; border: 1px solid #e8e8e8; font-size: 14px; height:90px; resize:none;
color: #5f5f60; }

.browse {border: none;outline: none;transition: 0.7s;background: #067b8d;border-radius: 5px;cursor: pointer;color: #fff;padding: 9px 35px; font-size: 14px;
 margin:0px 0px 0px 8px; display:inline-block; vertical-align:middle;
}

.browse:hover {
background: #129bb0;
transition: 0.7s;
}

.upload_btn {  border:none; outline:none; background:#fab50f; border-radius:5px; cursor:pointer; color:#fff; padding:12px 53px 12px 54px;  font-size:16px; margin:10px 0px 60px 116px; float:left; }
.upload_btn:hover { background:#ffc22f;}

/***********************
 pic icon upload
************************/
.mid {
width: 302px;
background-color: #f5f5f5;
text-align: center;
padding: 10px;
font-size: 12px;
color: #7a7a7a;
height: 273px;
background-repeat: no-repeat;
background-position: left bottom;
}

.useredit_right {
	margin-bottom : 60px;	
}

.picleft{ float:left; }
.picright{ float:right; }

.large_pic { width:160px; height:160px;margin:20px auto 0px auto;border: 1px solid #e8e8e8;text-align : center;
line-height : 160px;*font-size : 144px;*font-family : Arial;}
.large_pic_middle {  width:160px; height:160px; display:table-cell; vertical-align:middle; }
.large_pic img {}
.mini_pic { width:64px; height:64px; margin:80px auto 0px auto;}
.mini_pic img { width:64px; height:64px; border: 1px solid #e8e8e8;}

/***************************
reveal-modal
***************************/
.reveal-modal h1{color: #fab50f;
font-family: 'amble-regular';
width: 100%; display: inline-block;zoom: 1; *display:inline; text-align:center; font-size:25px}

.reveal-modal p{ font-size:80%; }