@charset "utf-8";

body {

	background-color: #d7e6bd;

	font-family: "微軟正黑體";

}

body,td,th {

	font-size: 12px;

}

a:link {

	text-decoration: none;

	color: #1A4801;

}

a:visited {

	text-decoration: none;

	color: #699913;

}

a:hover {

	text-decoration: none;

	color: #699913;

}

a:active {

	text-decoration: none;

	color: #699913;

}

#main {

	width: 1024px;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	background-color: #FFFFFF;

}

#header_bar {
	width: 1010px;
	height: 80px;
	background-color: #FFFFFF;
	float: left;
	border-bottom: 4px solid #78B029;
	border-right-width: 14px;
	border-right-style: solid;
	border-right-color: #9dbf47;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

#header_logo {
	height: 100%;
	padding-left: 20px;
}

#header_logo img {
	height: 100%;
	width: auto;
}

#upper_content {

	width: 1010px;

	height: auto;

	background-color: #FFFFFF;

	float: left;

	border-right-width: 14px;

	border-right-style: solid;

	border-right-color: #9dbf47;

}

#lower_content {

	width: 1010px;

	height: auto;

	background-color: #FFFFFF;

	float: left;

	border-right-width: 14px;

	border-right-style: solid;

	border-right-color: #9DBF47;

}

#left_box {

	width: 226px;

	height: 339px;

	float: left;

	background-image: url(../images/left_upper.png);

	background-repeat: repeat-x;

	background-position: left 26px;

}



#left_hotline {

	width: 186px;

	height: 70px;

	padding-top: 20px;

	padding-bottom: 20px;

	float: left;

	padding-right: 20px;

	padding-left: 20px;

}

#left_slogan {

	width: 186px;

	height: 100px;

	padding-top: 40px;

	float: left;

	padding-right: 20px;

	padding-left: 20px;

}

.lower_left_ad {

	width: 186px;

	height: 70px;

	float: left;

	padding-right: 20px;

	padding-left: 20px;

}





#left_bar {

	width: 226px;

	height: 89px;

	float: left;

	background-image: url(../images/left_bar.png);

	background-repeat: no-repeat;

	background-color: #D7E6BD;

}

#right_box {

	width: 784px;

	height: 339px;

	float: left;

	background-color: #FFFFFF;

	background-image: url(../images/right_side.png);

	background-repeat: repeat-y;

	background-position: left top;

}



#right_banner {

	width: 754px;

	height: 295px;

	float: left;

}

#right_banner_space {

	width: 30px;

	height: 339px;

	float: left;

	background-image: url(../images/right_banner_space.png);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#right_news {

	width: 754px;

	height: 44px;

	float: left;

	background-color: #B5D149;

}

#right_news_header {

	width: 90px;

	height: 44px;

	float: left;

}

#nav {

	width: 518px;

	height: 22px;

	float: right;

	padding-top: 0;

	background-color: #FFFFFF;

	position: relative;

	z-index: 5;

	display: flex;

	align-items: center;

	padding-right: 10px;

}

.nav_button {

	width: 86px;

	height: 22px;

	float: left;

	position: relative;

}

.nav_button a {

	width: 71px;

	height: 22px;

	line-height: 22px;

	display: block;

	background-image: url(../images/nav_button.png);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 15px;

	color: #184500;

}

.nav_button a:hover {

	width: 86px;

	height: 22px;

	line-height: 22px;

	display: block;

	background-image: url(../images/nav_button_hover.png);

	background-repeat: no-repeat;

	background-position: left top;

	color: #FFFFFF;

}

.sub_nav {

	width: 86px;

	height: auto;

	float: left;

	text-align: center;

	position: absolute;

	background-color: #D7E6BD;

}

.sub_nav_button {

	width: 86px;

	height: 30px;

	float: none;

	line-height: 30px;

	text-align: center;

}

#news_marquee {

	width: 654px;

	height: 44px;

	float: left;

	line-height: 44px;

	overflow: hidden;

	font-size: 14px;

	font-weight: bold;

	color: #184500;

}

.news {

	padding-right: 50px;

}

#lower_left_box {

	width: 226px;

	height: auto;

	background-image: url(../images/left_lower.png);

	background-position: 0% top;

	background-repeat: repeat-x;

	background-color: #FFFFFF;

	float: left;

}

#lower_right_box {

	width: 734px;

	height: auto;

	float: left;

	background-color: #FFFFFF;

	background-image: url(../images/right_side.png);

	background-repeat: repeat-y;

	background-position: left top;

	padding-right: 25px;

	padding-left: 25px;

	padding-top: 25px;

	padding-bottom: 25px;

}

#intro {

	width: 249px;

	height: 129px;

	float: left;

	padding-right: 170px;

	background-image: url(../images/intro_bg.png);

	background-size: 434px 169px;

	background-repeat: no-repeat;

	padding-top: 30px;

	padding-left: 15px;

	letter-spacing: 2px;

	line-height: 22px;

	padding-bottom: 10px;

	color: #184500;

}

.index_title {

	float: left;

	height: 20px;

	width: 734px;

}





#tv_ad {

	width: 300px;

	height: 169px;

	float: left;

}



#step_by_step {

	width: 734px;

	height: 116px;

	float: left;

	padding-top: 10px;

	padding-bottom: 10px;

}

#loan_type {

	width: 734px;

	height: 163px;

	float: left;

	padding-top: 10px;

}

.shortcut {

	float: left;

	height: 163px;

	width: 171px;

	padding-right: 16px;

}

.shortcut_end {

	float: left;

	height: 163px;

	width: 171px;

}




#reminder {

	width: 1010px;

	background-color: #FFFFFF;

	float: left;

	line-height: 30px;

	text-align: center;

	padding: 16px 0;

	color: #184500;
	
	font-size: 25px;

	font-weight: bold;
	
    border-right-width: 14px;

    border-right-style: solid;

    border-right-color: #9dbf47;

}

#footer {

	width: 1010px;

	height: 80px;

	background-color: #FFFFFF;

	float: left;

	line-height: 20px;

	text-align: center;

	font-size: 10px;

	padding-top: 10px;

	border-top-width: 4px;

	border-right-width: 14px;

	border-top-style: solid;

	border-right-style: solid;

	border-top-color: #78B029;

	border-right-color: #9DBF47;

}

.content_header {

	float: left;

	height: 32px;

	width: 350px;

}

.content {

	float: left;

	height: auto;

	width: 734px;

	letter-spacing: 1px;

	line-height: 18px;

	padding-top: 10px;

	padding-bottom: 10px;

}

.faq_content {

	float: left;

	height: auto;

	width: 714px;

	letter-spacing: 1px;

	line-height: 18px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 20px;

}

.calc_content {

	float: left;

	height: auto;

	width: 714px;

	letter-spacing: 1px;

	line-height: 18px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 20px;

}



.apply_content {

	float: left;

	height: auto;

	width: 714px;

	letter-spacing: 1px;

	line-height: 18px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 20px;

}





.content_pic {

	float: left;

	height: auto;

	width: 160px;

	padding-right: 20px;

	padding-left: 20px;

}

.content_apply {

	float: left;

	height: 200px;

	width: 160px;

	padding-right: 20px;

	padding-left: 20px;

}



.content_plotio {

	float: left;

	height: 600px;

	width: 160px;

	padding-right: 20px;

	padding-left: 20px;

}



.content_title {

	float: left;

	height: 14px;

	width: 400px;

	font-size: 14px;

	color: #184500;

	font-weight: bold;

	padding-top: 10px;

	padding-bottom: 10px;

}



.content_text {

	float: left;

	height: auto;

	width: 530px;

	padding-bottom: 5px;

}

.faq_title {

	float: left;

	height: 14px;

	width: 600px;

	font-size: 14px;

	color: #184500;

	font-weight: bold;

	padding-top: 10px;

	padding-bottom: 10px;

}

#submit {

	padding-right: 20px;

}



.faq_text {

	float: left;

	height: auto;

	width: 700px;

	padding-bottom: 5px;

}

.form_label {

	float: left;

	height: 30px;

	width: 100px;

}

.form_desc {

	float: left;

	height: 30px;

	width: 200px;

	padding-left: 20px;

}

.form_error {

	float: left;

	height: 20px;

	width: 500px;

	padding-left: 100px;

	line-height: 20px;

	color: #F00;

	display: none;

}





.form_field {

	float: left;

	height: auto;

	width: 700px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #B5D149;

	line-height: 30px;

	padding-top: 10px;

	padding-bottom: 10px;

}

.form_action {

	float: left;

	height: 30px;
	width: 600px;

	line-height: 30px;

	padding-top: 10px;

	padding-bottom: 20px;

	padding-left: 100px;

}

.form_result {

	float: left;

	height: 30px;

	width: 600px;

	line-height: 30px;

	padding-top: 10px;

	padding-left: 100px;

	color: #184500;

	font-weight: bold;

	font-size: 16px;

}





.form_select {

	float: left;

	height: 28px;

	width: 300px;

}

.form_input {

	height: 28px;

	width: 300px;

	float: left;

	border: 1px solid #CCC;

}

