@charset "utf-8";

/*

 * -------------------------------------------------------

 * ******************** initialize.css *******************

 * -------------------------------------------------------

 */

body { font-size:12px; font-family:Arial,Verdana,Sans-serif,新細明體; background-color:#FFF; color:#000;}



h1, h2, h3, h4, h5, h6, p,  dl, dt, dd,  body, form, input, button, img, cite, strong, em { padding:0; margin:0;font-family:Arial, Verdana,新細明體

 }

  ul,ol,li{font-family:Arial, Verdana,新細明體}



h1, h2, h3, h4, h5, h6 { font-size: 14px; }

img { border: 0; }





a:hover {

	color: #00F  ;

}

a:active {

	color: #737373;

	text-decoration: none;

}





.left{

	float:left;

}

.right{

	float:right;

}

/*

 * -------------------------------------------------------

 * ******************** end initialize.css ***************

 * -------------------------------------------------------

 */

 

 /*

 * -------------------------------------------------------

 * ********************head.css ***********************

 * -------------------------------------------------------

 */

 #header{

	 width:990px;

	 height:160px;

	 margin:auto auto;

 }

 

 #header h1{

	 width:990px;

	 height:105px;

	 overflow:hidden;

	 padding-top: 12px;

 }

 

 #menu{

	 padding:0; margin:0; list-style-type:none;

	 width:979px;

	 height:39px;

	 font-family:Arial, Verdana,新細明體;

	 background:url(images/layout_v7_08.png) no-repeat;

 }

 #menu li{

	 padding:0; margin:0; list-style-type:none;

	 float:left;

	 margin: 12px 8px 12px 8px;

	 

 }

  #menu li a{

	  font-size:14px;font-weight:bold;

	  color:#FFF;

  }

  

  #menu li a:hover{

	  background-color:#FFF;

	  color:#005698;

	  padding: 14px  0px 14px 0px;

  }

  #menu li a.current_menu{

	  background-color:#FFF;

	  color:#005698;

	  padding: 14px  0px 14px 0px;

	  font-size:14px;font-weight:bold;

  }

  .language{

	  margin:4px 2px 4px 2px;

  }

 /*

 * -------------------------------------------------------

 * ******************** end head.css *******************

 * -------------------------------------------------------

 */

 

 

 

 /*

 * -------------------------------------------------------

 * ******************** content.css *******************

 * -------------------------------------------------------

 */

 #content{

	 width:990px;

	 margin:auto auto;

 }

 

#introduction{

	 width:990px;

	 margin:auto auto;

	 padding: 15px 0;

}





#introduction .left p{

	width:592px;

	margin:5px 15px;

	font-size:13px;

	word-spacing:0.3em;

	line-height:18px;

 }

 

#introduction .left img {

	margin:0px 30px 10px 30px;

}



#introduction .right table{

	width:750px;

	font-size:15px; 

}



#introduction .right table tr {

	line-height:29px;

}

#introduction .right table tr th{

	text-align:left;

}

 

#introduction .right img{

	margin:0px 14px 20px 0px;

	width:329px;

	height:179px;

}



#introduction .right h3{

	color:#005698;

	font-weight:normal;

	width:583px;

	margin:4px 9px;

}



#introduction .right p{

	width:583px;

	margin:4px 9px;

	word-spacing:0.2em;

	line-height:20px;

}





#introduction .right2 table{

	width:750px;

	font-size:15px; 

}



#introduction .right2 table tr {

	line-height:29px;

}

#introduction .right2 table tr th{

	text-align:left;

}

 

#introduction .right2 img{

	margin:0px 14px 20px 0px;

	width:329px;

	height:179px;

}



#introduction .right2 h3{

	color:#005698;

	font-weight:normal;

	width:583px;

	margin:4px 9px;

}









#search{

	float:left;

	width:990px;

}



#search .left{

	background:url(images/navigation.png) no-repeat;

	width:749px;

	height:29px;

	color:#FFF;

}



#search .left h2{

	margin: 5px 0 0 10px;

}

#search .right .keyword{

	height:20px; line-height:20px;

	padding:5px;

	background:url(images/bg_keyword.png) no-repeat;color:#999

}



.printf{

	background:url(images/btn_printf.png) no-repeat;

	width:20px;

	height:20px;

	cursor:pointer;

	margin:6px 12px 0px 6px;

	float:right;

}

#search input{

	border:0px;

	float:left;

}





#presentation{

	float:left;

	position:relative;

	background:url(images/bg_world.png) no-repeat;

	width:964px;

	min-height:489px;

	margin:auto auto;

}

#professional{

	float:left;

	width:964px;

	margin:auto auto; padding-top:20px

}



#presentation ul{

	padding:0; margin:0; list-style-type:none;

	width:625px;

	margin:50px 30px;

	font-size:15px;

	font-weight:normal;

}



#presentation ul li{

	padding:0; margin:0; list-style-type:none;

	float:left;

	width:312px;

	padding:20px 0px;

}



#professional div{

	font-size:13px;

	width:980px;

}



#professional div h3{

	clear:both;

	background:url(images/bg_professionals.png) no-repeat;

	line-height:24px;

	font-size:16px;

	padding-left:20px;

	margin-bottom:20px 0px;

}



#professional div ul{

	padding:0; margin:0; list-style-type:none;

	width:980px;

}



#professional div ul li{

	padding:0; margin:0; list-style-type:none;

	  float: left;

    line-height: 50px;

    overflow: hidden;

    padding-top: 10px;

    width: 240px;

}



#presentation #news{

	position:absolute;

	left: 680px;

    top: 120px;

}

#presentation #news div{

	background:url(images/bg_news.png) repeat-y;

	width:309px;

	padding:10px 8px;

}

#presentation #news div b{

	 margin: 5px 5px 10px;

	display:block;

}



#presentation #news marquee{

	width:295px !important;

	text-align:justify;

}



#presentation #news div p{

	margin:5px 10px 10px; 

	/*padding-right:10px;*/

	line-height:20px;

}



#detailed,#news_list{

	float:left;

	padding:5px 10px;

	font-size:13px;

	position:relative;

}



#news_list table{

	width:950px;

}



#news_list table tr td{

	padding-bottom:20px;

}

#news_list table tr th a,#news_list table tr th{

	color:#005698;

}



#detailed div b{

	line-height:30px;

}



#detailed div p, #divcontent #intro1, #divcontent li, #divcontent #intro2{

	line-height:20px;

	word-spacing:0.2em;

}



#detailed div, #detailed #divcontent #intro1, #detailed #divcontent #intro1{

	margin:15px 0px;

}



#divcontent div{

	margin:0px;

	text-align:justify;

}



#detailed table{

	

	width:650px;

}



#detailed table tr{

	line-height:30px;

}

#detailed table th{

	text-align:left;

}

#detailed .right ul{

	padding:0; margin:0; list-style-type:none;

	width:250px; float:left

}



#detailed .right ul li{

	padding:0; margin:0; list-style-type:none;

	padding-left:100px;

	margin-top:5px;

}



 /*

 * -------------------------------------------------------

 * ********************end content.css *******************

 * -------------------------------------------------------

 */

 

/*

 * -------------------------------------------------------

 * ********************footer.css *******************

 * -------------------------------------------------------

 */

 #footer{

	 width:990px;

	 margin:auto auto;

 }

 

 #footer ul{

	 padding:0; margin:0; list-style-type:none;

	 background:url(images/bg_footer.png) no-repeat;

	 width:839px;

	 height:24px;

	 padding:4px;

	 margin:30px 0px;

 }

#footer ul li{

	padding:0; margin:0; list-style-type:none;

	float:left;

	padding:0px 20px;

}

	  

 /*

 * -------------------------------------------------------

 * ********************end footer.css *******************

 * -------------------------------------------------------

 */

 

 /*************** Forms ***************/



form .titlelabel {

                display: block;

                padding: 0 0 0px;

                font-weight: bold;color:#000 

                }

             

form fieldset legend {

                font-weight: bold;

                margin-bottom: 10px;

                padding-top: 10px;

                }

                

form p small {

                font-size: 0.75em;

                color: #666;

                }

				

				

form input.text-input,

form select,

form textarea,

form .wysiwyg {

                padding: 3px;

                font-size: 13px;

                background: #fff ;

                border: 1px solid #849cbd;

				color: #666;

                }

form .small-small-small-input {

                width: 5% !important;

                }            

form .small-small-input {

                width: 15% !important;

                }

form .small-input {

                width: 25% !important;

                }

                

form .medium-input {

                width: 150px !important;

                }

form .medium-medium-input {

                width: 80% !important;

                }

                

form .large-input {

                width: 97.5% !important;

				font-size: 16px !important;

				padding: 8px !important;

                }

                

form textarea {

                width: 89% !important;

                font-family: Arial, Helvetica, sans-serif;

                }

                

form select {

                padding: 4px;

                background: #fff;

                }

				

form input[type="submit"],

form input[type="reset"] {

				padding: 0; 

				background-color:#7b7b7c; color:#fff;

				border: 0;

                }

				

form input[type="checkbox"],

form input[type="radio"] {

				padding: 0;

                background: none;

				border: 0;

                }

.error{

	color:#F00;

	

	}



#contentimg { 

    padding-bottom:20px;table-layout:fixed;word-wrap:break-word;overflow:hidden; width:930px; float:left 

	 

}

#contentimg img{

	 width: expression(this.width > 900 ? 900: true); max-width: 900px; 

}

.listbox{ background:url(images/Real_bg.png) no-repeat top; padding-bottom:6px; padding-right:5px; width:42px; height:58px;	

	

}

.searchh3{

	width:980px;

	clear:both;

	background:url(images/bg_professionals.png) no-repeat;

	line-height:24px;

	font-size:14px;

	padding-left:20px;

	padding-bottom:5px;

	margin-bottom:5px 0px;

}

#detailed{ width:900px;

}



#detailed .left{

	padding:0; margin:0; 

	width:600px; float:left

}





#detailed2{

	float:left;

	padding:5px 10px;

	font-size:13px;

	position:relative;

}





#detailed2 div b{

	line-height:30px;

}



#detailed2 div p{

	line-height:18px;

	word-spacing:0.2em;

}



#detailed2 div{

	margin:15px 0px;

}



#detailed2 table{

}



#detailed2 table tr{

	line-height:30px;

}

#detailed2 table th{

	text-align:left;

}



#detailed img{ margin:5px 20px 5px 5px;}

#detailed2 img{ margin:5px 20px 5px 5px;}

#introduction img {

	margin:0px 20px 5px 20px;

}



#content p{ word-wrap: break-word; word-break: normal; 

}

#contentimg div{ margin:0px; padding:0px;

}







a.number {

				margin: 0 5px 0 0;

                padding: 3px 6px;

				border: 1px solid #ddd;

                }



