@charset "utf-8";

/* CSS Document */





#menu_list{

	margin:0 -5px;

	margin-bottom:40px;

}

#menu_list li{

	font-size: 15px;

	text-align:center;

	list-style:none;

	height:34px;

	line-height:34px;

	display:inline-block;

	padding:0 5px;

	margin:0 -1.5px;

	margin-bottom:5px;

	vertical-align:middle;

}

#menu_list li a{

	width: 100%;

	height: 100%;

	display:block;

	color:#666666;

	background:#EEEEEE;

	padding:0 15px;

	text-decoration:none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#menu_list li a:hover, #menu_list li a.active{

	color:#FFF;

	background:#017141;

}

#menu_list li a i{

	margin-right:5px;

}

#menu_list li a.logout{

	color:#B7844A;

}

#menu_list li a.logout:hover{

	color:#FFF;

	background:#AD1511;

}





.member_box.form_u{

	max-width:551px;

	margin:0 auto;

	padding:0 20px;

	padding-bottom:5px;

	margin-bottom: 10px;

	background:url(../images/common/line.png) bottom repeat-x;

}



#info {

	font-size: 13px;

	line-height: 20px;

	color: #858585;

	margin-bottom: 20px;

}

#info > div {

	margin: 0 -2.5px;

}

#info .title {

	width: 33%;

	line-height:1;

	display: inline-block;

	vertical-align: top;

	padding: 8px 10px;

	background:#707070;

	position: relative;

}

#info .title span.en {

	color: #D8CDB2;

	font-weight: bold;

	font-size: 16px;

	display: inline-block;

	font-family:Times New Roman;

	vertical-align:middle;

}

#info .title span.cht {

	font-size:18px;

	color: #FFF;

	display: inline-block;

	font-weight: normald;

	font-family:"微軟正黑體";

	margin-right:5px;

	vertical-align:middle;

}

#info .title .fa-caret-right{

	position: absolute;

	right:-8px;

	top:50%;

	margin-top:-13px;

	color: #707070;

}

#info .con {

	width: 65%;

	margin-left:2%;

	line-height: 1.6;

	padding:7px 0;

	padding-left:10px;

	font-size: 13px;

	min-height: 30px;

	display: inline-block;

	color: #111111;

	border-bottom: #DDDDDD 1px solid;

	border-top:#DDDDDD 1px solid;

}





#info.form_u {

}

#info.form_u > div{

	margin:0;

}

#info.form_u .title {

	width:100%;

	text-align:center;

	margin-bottom:15px;

}



#info.form_u .title span.en {

	width:100%;

}

#info.form_u .title span.cht {

	width:100%;

	margin-bottom:5px;

}

#info.form_u .con {

	width: 96%;

	margin-left:2%;

	margin-right:2%;

	padding:0;

	padding-bottom:15px;

	border-bottom: #DDDDDD 1px solid;

	border-top:none;

	text-align:center;

}

.fa-caret-down{

	position: absolute;

	left:50%;

	margin-left:-10px;

	bottom:-15px;

	color:#707070;

}

.fbox{

	border:#DDDDDD 1px solid;

}







.notice {

	color: #FF2626;

	font-weight: normal;

}

.content {

	margin-bottom: 0px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.content .info {

	font-size: 12px;

	color: #666666;

	text-align: center;

	margin-bottom: 20px;

	border-top: #DDDDDD 1px solid;

	padding: 20px;

}

.content .info a, .content .info a:visited {

	color: #525252;

	font-weight: normal;

	text-decoration: none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.content .info a:hover {

	color: #E88111;

}

.member_box {

	background:url(../images/common/line.png) bottom repeat-x;

}

#member_menu {

	display: block;

	margin-bottom: 30px;

}

#member_menu li {

	width: 16%;

	color: #909090;

	text-align: center;

	margin-right: 5px;

	list-style: none;

	float: left;

	line-height: 40px;

}

#member_menu li a, #member_menu li a:visited {

	color: #909090;

	display: block;

	padding: 0 10px;

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;

	border: #909090 1px solid;

}

#member_menu li a:hover {

	color: #EB6C00;

	border: #EB6C00 1px solid;

}

#member_menu li:last-child {

	float: right;

	margin-right: 0;

}

.member_box_title {

	color: #474747;

	line-height: 20px;

	font-size: 16px;

	margin: 0px 0px 20px 0px;

}

.member_box_title .notice {

	color: #595757;

	font-size: 13px;

}

.member_box_title img {

	vertical-align: middle;

}

.info_box {

	color: #444444;

	text-align: center;

	font-size: 14px;

    margin-bottom: 30px;

    padding: 10px 0;

	background:url(../images/common/line.png) bottom repeat-x;

	border-bottom: #DDDDDD 1px solid;

	border-top:#DDDDDD 1px solid;

}

.info_box a, .info_box a:visited {

	color: #FF0000;

	text-decoration: none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.info_box a:hover {

	color: #999;

}
.register2 {
	padding-left:20px;
}

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

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

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

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

@media (max-width: 870px) {

.notice {

	color: #fff;

	font-weight: normal;

	float: none;

	display: block;

	padding-right: 0px;

}

.form-style {

}

.form-style li .rbox .input_m {

	margin-top: 8px;

}

.change{

	color:#A43339;

	font-weight: bold;

}

.form-style li .title {

	padding-left: 0px;

}

.form-style li .title.register {

	position: relative;

	padding-left: 20px;

}

@media (max-width: 500px) {

#info .title{

	width:100%;

}

#info .con {

	width:100%;

	margin-left:0px;

}
.form-style li .title.register {
	padding-left: 5px;

}
.register2 {
	padding-left:0px;
}
}

@media (max-width: 430px) {

.input_23 {

	width: 70%;

	margin-bottom:10px;

}
}