@charset "utf-8";



html {
    font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;
}
html.hasFontSmoothing-true {
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

body {/* Helvetica, Verdana, Arial, */

	margin: 0;
	padding:0;
	font-size: 15px;
	line-height: 1.5em;
	color: #F0F0F0;
	width: 100%;
	display: table;
	min-width:1024px;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;

}

#container {


	width: 1280px;
	margin: auto;

}

#header_section {
	width: auto;
}

#content_section {
	width: 100%;
	background: #F6F6F6;
}

#news_section {
	width: 100%;
	height:auto;
	background-color: #F6F6F6;
	
}

.style1 {font-family:"微軟正黑體",  "Microsoft JhengHei"}
.style2 {font-family:Helvetica, Verdana, Arial, sans-serif }
.style4 {
	font-family: "微軟正黑體";
	font-weight: bold;
}
/* Menu Section */

#menu_panel{
	width:100%;
	height: 50px;	
	margin: 0;
	padding: 0;
	background: url(../images/icons/top_menu_bk.png) center;
}

#menu_panel #menu_section{
	position:absolute;
	height: 50px;
	width:auto;
	margin: 0 0 0 340px;
	float: left;
}

#menu_panel #menu_logo{
	position:absolute;
	width:104px;
	height:50px;
	z-index:2; 
	margin: 0 0 0 111px;
}

#menu_panel #menu_service{
	position:absolute;
	height:50px;
	width:200px;
	z-index:2; 
	margin: 0 280px 0 850px;
	padding-top:6px;
}
#menu_section ul {
	float: left;
	margin: 0;
	padding-top: 18px;
	list-style: none;
}

#menu_section ul li{
	display: inline;
	float:left;
	padding:0 30px 0 0;
}

#menu_section ul li a{
	float: left;
	font-size: 16px;
	text-decoration: none;
	color: #595959;
}

#menu_section li a:hover, #menu_section li .current{
	color: #2e2300;
	height: 50px;
	font-weight: bold;
}

#menu_panel #menu_lang{
	position:absolute;
	height:50px;
	width:150px;
	margin: 0 0 0 1020px;
	float: left;
}

#menu_lang ul {
	float: left;
	margin: 0;
	padding-top: 18px;
	list-style: none;
	/*			background:url('../images/icons/2_r1_c2.jpg')  no-repeat center ; */
}

#menu_lang ul li{
	display: inline;
	float:left;
	padding:0 10px 0 0;
	color: #595959;
}

#menu_lang ul li a{
	float: left;
	font-size: 16px;
	text-decoration: none;
	color: #595959;
	/*		background:url('../images/icons/1_r1_c2.jpg')  no-repeat center ; */

}

#menu_lang li a:hover, #menu_lang li .current{
	color: #2e2300;
	height: 50px;
	font-weight: bold;
}


/* End Of Menu */

/* Logo Area */
#logo_section {

	width: 400px;
	height: auto;
	margin-top: 70px;
	margin-left: 36px;
	float:left;	
	display: inline;
}


#logo_section h1 {
	
	padding-top: 20px;
	font-size: 36px;
	color:#fff;
	margin:0px;
		
}

#logo_section h2{
	
	font-size:18px;
	color:#fff;
	padding:0px;

	
}
/* End Of Logo Area*/



#sectiona{
	height: 611px;
	width: 100%;
	float: left;	
	display: inline;
	background: url(../images/icons/banner.png)  no-repeat center;
}

#sectiona #section_button{
	position:absolute;
	width:350px;
	height:64px;
	z-index:2; 
	margin: 319px 0 0 497px;
}

#sectionb{
	height:410px;
	width: 100%;
	float: left;	
	display: inline;
}

#sectionb #counta{
	position:absolute;
	height:403px;
	width: 556px;
	z-index:2; 
	margin: 0 0 0 111px;
	background: url(../images/icons/image_f1_tw.png)  no-repeat center;
}
#sectionb #countb{
	position:absolute;
	height:403px;
	width: 556px;
	z-index:2; 
	margin: 9px 0 0 610px;
	color:#494949;
	font-size: 15px;
}

#sectionb #countb dl{ 
	margin: 10px 0 0 10px;
}

#sectionc{
	height:410px;
	width: 100%;
	float: left;	
	display: inline;
}
#sectionc #counta{
	position:absolute;
	width: 479px;
	height:357px;
	z-index:2; 
	margin: 56px 0 0 165px;
	color:#494949;
	font-size: 15px;	
	
}
#sectionc #countb{
	position:absolute;
	width: 479px;
	height:357px;
	margin: 0 0 0 660px;
	z-index:2; 
	background: url(../images/icons/image_f2_tw.png)  no-repeat center;
}

#sectionc #counta dl{ 
	margin: 10px 0 0 0;
}

#sectiond{
	height:410px;
	width: 100%;
	float: left;	
	display: inline;
}

#sectiond #counta{
	position:absolute;
	height:431px;
	width: 548px;
	z-index:2; 
	margin: 0 0 0 111px;
	background: url(../images/icons/image_f3_tw.png)  no-repeat center;
}
#sectiond #countb{
	position:absolute;
	height:431px;
	width: 550px;
	z-index:2; 
	margin: 9px 0 0 610px;
	color:#494949;
	font-size: 15px;
}

#sectiond #countb dl{ 
	margin: 10px 0 0 10px;
}

#news_cont{
	height:280px;
	width: 100%;
	float: left;
	display: inline;
	background-color:#F6F6F6;
}

#news_cont #news_title{
	position:absolute;
	z-index:2; 
	margin: 42px 0 0 130px;
	font-size: 20px;
	font-weight: bold;
}
.title_date{
	float: left;
	position 0 0 0 0;
	font-size: 20px;
	color: #ABABAB;
}
.title_name{
	width:600px;
	float: right;
	color:#75A918;
	margin:0 0 0 15px;
	font-size: 20px;
}
#news_cont #news_con{
	position:absolute;
	height:200px;
	width: 950px;
	z-index:2;
	margin: 80px 130px 0 200px;
	color:#494949;
	font-size: 20px;
}

#content_agreetment {
	width: 100%;
	background: #F6F6F6;
	margin: 0 auto;
}

.title_agreetment{
	font-weight:bold;
	font-size:14px;
	color:#484848;
}
.cont_agreetment{
	font-size:14px;
	color:#484848;
	list-style: none;
	background:#F6F6F6;
}
.cont_agreetment_normal{
	font-size:14px;
	color:#484848;
	list-style-type: disc;
}

.cont_agreetment_upper-alpha{
	font-size:14px;
	color:#484848;
	list-style-type: upper-alpha;
}

.cont_agreetment_lower-alpha{
	font-size:14px;
	color:#484848;
	list-style-type: lower-alpha;
}

.no_line_lia{
	text-decoration: none;
	color: #484848;
}

.cont_qa{
	width:100%;
	font-size:14px;
	color:#484848;
	list-style: none;
	margin: 0px auto;
}

.cont_qa a{
	color:#484848;
	text-decoration: none;
	background:url(../images/icons/btn_up_center_nor.png);
}

.cont_qa a:hover{
	color:#484848;
	text-decoration: none;
}
.title_qa{
	width:1019px;
	font-size:20px;
	color:#3D3D3D;
}
.title_icon{
	 vertical-align:middle;
	 margin-right:20px;
}

.type_qa{
	margin:38px 0 13px 0;
	font-size:20px;
	color:#707070;
}

.content_body{
	width:1019px;
	font-size:16px;
	color:#3D3D3D;
	margin:0;
	padding:0;
}


/* Left Section */

#left_section{
	
	width: 577px;
	float: left;	
	margin-left: 35px;
	margin-top: 10px;
	display: inline;

}

.post{
	
	width: 577px;
	margin-bottom: 35px;
}

.post_top{
	height: 53px;
	width: 577px;
}

.post_top_left{
	
	width: 48px;
	background:url(images/post_top_left.jpg) no-repeat;
	height: 43px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 18px;

}

.post_top_left span{
	
	margin-left: 5px;
	font-size: 17px;
	display: block;
	

}

.post_top_right{
	
	width: 499px;
	background:url(images/post_top_right.jpg) no-repeat;
	height: 35px;
	float: right;
	padding-top: 18px;
	padding-left: 20px;
	color: #fff;
	font-size: 17px;
	
}

.post_middle{

	width: 577px;
	background: #001724;

}


.post_middle p{

	color: #fff;
	text-align: justify;
	margin: 20px;

}
.post_middle img{
	
	border: #ccc solid 1px;
	float: left;
	margin: 3px 15px 3px 0px;

}


.post_bottom{

	width: 577px;
	height: 46px;
	background: url(images/post_bottom.jpg) no-repeat;
	

}

/* End Of Left */

/* Right Section */

#right_section{
	display: inline;
	width: 320px;
	float: right;	
	margin-top: 10px;
	margin-right: 35px;

}

.section{
	
	width: 320px;
	margin-bottom: 35px;
}

.section .section_top{
	height: 53px;
	width: 320px;
}

.section_top_left{
	
	width: 48px;
	background:url(images/post_top_left.jpg) no-repeat;
	height: 43px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 18px;

}

.section_top_left span{
	
	margin-left: 5px;
	font-size: 17px;
	display: block;
	

}

.section_top_right{
	
	width: 242px;
	background: url(images/post_top_right.jpg) no-repeat right;
	float: right;
	height: 35px;
	padding-top: 18px;
	padding-left: 20px;
	color: #fff;
	font-size: 17px;
	margin: 0px;
	
	
	
}

.section_middle{
	
	width: 320px;
	background: #001724;

}


.section_middle p{

	color: #fff;
	text-align: justify;
	padding: 20px;
	margin: 0px;
}

.section_middle img{

	margin-top: 20px;
	margin-left: 22px;
	border: none;

}

.section_middle ul{
	
	padding-bottom:15px;
	padding-top: 20px;
	padding-left: 35px;
	margin: 0px;
	color: #fff;
	
}

.section_bottom{

	width: 320px;
	height: 46px;
	background: url(images/post_bottom.jpg) no-repeat center;
	

}

/* End Of Right */

.clear{

	clear:both;
	height: 31px;

}
.clear2{

	clear:both;
	height: 31px;
	background-color: #DFE0E2;

}
.clear3{
	background-color: #F6F6F6;
	clear:both;
	height: 31px;


}
span.post{
	margin: 15px 25px 0px 25px;
	color: #fff;
	font-size: 11px;
	display: block;
	
}
#news{
	height:300px;
	width: 100%;
	float: left;	
	display: inline;
	background: #FFFFFF;
}
#news #news_icon{
	position:absolute;
	height:146px;
	width: 146px;
	z-index:2; 
	margin: 15px 0 0 123px;
	background: url(../images/icons/icon_news.png)  no-repeat center;
}
#news #nav{
	position:absolute;
	width:970px;
	margin: 11px 0 0 308px;
}

#news #nav ul {
	list-style: none;
	margin: 11px 0 0 0;
}

#news #nav ul li{
	vertical-align:middle
	text-align:left;
	height:44px;
	font-size: 20px;
	color: #ABABAB;
	margin: 11px 0 0 0;
	padding: 0 0 6px 0;
	background: url(../images/icons/graydot_line.png) repeat-x bottom;
}
#news #nav ul li a{
	text-decoration: none;
	font-size:20px;
	color:#75A918;
	height:38px;
}
#news #nav ul li a:hover{
	font-weight:bold;
	font-size:20px;
	color:#75A918;
}

.mid{
	vertical-align:middle;
}

* html span.post{
	margin-top: 0px;
}	

#footer{
	width: 100%;
	height: 28px;
	background-color: #DFE0E2;
}

#footer #copyright{
	margin:0 130px 0 70% ;
	width: 200px;
	height: 28px;
	color:#717171;
	font-size: 15px;
	background-color: #DFE0E2;
	line-height:28px;
}

#footer a{
	color: #fff;
}

#line{
	width: 100%;
	float: left;	
	display: inline;
	height: 22px;
	background:url(../images/icons/line.png) center;

}

#qa{
	height:180px;
	width: 100%;
	float: left;	
	display: inline;
	background: #FFFFFF;
}
#qa #qa_icon{
	position:absolute;
	height:146px;
	width: 146px;
	z-index:2; 
	margin: 15px 0 0 123px;
	background: url(../images/icons/icon_q&a.png)  no-repeat center;
}
#qa #nav{
	position:absolute;
	width:970px;
	margin: 40px 0 0 275px;
	color:#3D3D3D;
	font-size: 26px;
}