/* CSS Document */
@charset "utf-8";
/*-- BODY --*/
* {
	margin:auto;
	/**margin:0 !important;*/
	*margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000000;
}
body {
	margin:auto;
	/**margin:0 !important;*/
	*margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #000000;
	background: url(../images/header_bg.jpg) no-repeat;
	_behavior:url(js/csshover3.htc);
}
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

.hn_table tbody th{
	padding-left: 10px !important;
	color:#2c2c2c;
}
.hn_table tbody tr:hover th{
	padding-left: 10px !important;
	color:#FFFFFF;
	background:#2bb6d9;
	font-weight:bold;
}
.hn_table tbody th, .hn_table tbody td{
	font-size: 12px;
	line-height: 2em;
	letter-spacing:0.06em;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 7px;
	border-bottom: 1px dotted #999999;
	text-align: left;
	font-weight:normal;
}
.hn_table tbody tr:hover td, .hn_table tbody tr:hover td a{
	background: #2bb6d9;
	color: #ffffff;
	font-weight:bold;	 }
.hn1{
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#000;
	line-height:36px;
	background:url(../images/exhibition_title_bg1.jpg) repeat-x;
	padding-left:10px;
}
.hn2{
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#000;
	line-height:36px;
	background:url(../images/exhibition_title_icon1.jpg) no-repeat left;
	padding-left:10px;
}
.hn3 a{
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#820101;
	padding-left:10px;
}
.hn3 a:hover{
	text-decoration:none;
}

.path_link{
	background:url(../images/arrow_link.jpg) no-repeat left;
	line-height:25px;
	padding-left:25px;
	font-size:12px;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	color:#666666;
}
.path_link a{
	color:#666666;
}
.path_link a:hover{
	text-decoration:underline;
}

/* -- floating menu --*/
#floating_menu{
	position:absolute;
	width:64px;
	top:185px;
	right:30px;
	background:url(../images/left_menu_bg.jpg) no-repeat;
}
#floating_menu img{
	_margin-bottom:5px;
}
/** html {
overflow: hidden;
}
 
* html body {
position:relative;
width:100%;
height:100%;
overflow:auto;
}
 
* html #floating_menu {
position:absolute;
}*/

#floating_menu a{
	font-size:10px;
	color:#FFFFFF;
}
#floating_menu a:hover{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}

#floating_menu .prm{
	background:url(../images/prm_bg.png) no-repeat center;
	_behavior: url(js/iepngfix.htc);
	display:block;
	_height:25px;
	padding-top:40px;
    margin:5px;
	_margin:10px 0px 0px 0px;
}
#floating_menu .enews{
	background:url(../images/enews_bg.png) no-repeat center;
	_behavior: url(js/iepngfix.htc);
	display:block;
	_height:25px;
	padding-top:50px;
	_padding-top:40px;
    margin:0px 5px 5px 5px;
	_margin:0;
}
#floating_menu .exhibit{
	background:url(../images/exhibit_bg.png) no-repeat center;
	_behavior: url(js/iepngfix.htc);
	display:block;
	_height:25px;
	padding-top:50px;
	_padding-top:40px;
    margin:0px 5px 12px 5px;
	_margin:0px 0px 5px 0px;
}
#floating_menu .webcall{
	background:url(../images/webcall_bg.png) no-repeat center;
	_behavior: url(js/iepngfix.htc);
	display:block;
	_height:25px;
	padding-top:50px;
	_padding-top:40px;
    margin:0px 5px 12px 5px;
	_margin:0px 0px 5px 0px;
}

/* -- content --*/
#index_pl{
	width:1203px;
	text-align:left;
}
#header{
	width:1203px;
	height:130px;
	text-align:left;
}
#header_inside{
	width:1203px;
	height:158px;
	text-align:left;
	background:url(../images/header_i_bg.jpg) repeat-x;
}
#logo{
	width:116px;
	float:left;
	margin-left:76px;
	_margin-left:39px;
	margin-top:16px;
}
#menu{
	float:right;
	width:875px;
	margin:0px 78px 0px 0px;
	_margin:0px 39px 0px 0px;
}
#menu ul{
	list-style:none;
	width:875px;
}
#menu ul li{
	width:125px;
	float:left;
}

/* -- index_content -- */
#index_content{
	width:1203px;
	height:645px;
	background:url(../images/index_c_bg.jpg) no-repeat center;
}
#inside_content{
	width:1203px;
	background:url(../images/inside_content_bg.jpg) repeat-y;
	display:inline-block;
}
#left_menu{
	float:left;
	width:230px;
	padding:5px;
	text-align:right;
}
#right_content{
	float:left;
	width:950px;
	margin-left:10px;
}
#right_content .r_left{
	float:left;
	width:343px;
	text-align:left;
}
#right_content .r_right{
	float:left;
	width:597px;
	padding:5px;
	text-align:left;
	font-size:12px;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	line-height:20px;
	letter-spacing:0.06em;
}
#right_content .r_right_1{
	float:left;
	width:560px;
	padding:5px;
	text-align:left;
	font-size:12px;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	letter-spacing:0.06em;
}
#right_content .r_right h1{
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffa422;
	line-height:27px;
	margin-bottom:7px;
	letter-spacing:0.06em;
}
#right_content .r_1{
	font-weight:bold;
	color:#700707;
}
#right_content .r_2{
	font-weight:normal;
	color:#0098cb;
}
#right_content .r_3{
	font-weight:normal;
	color:#6e5500;
}
#right_content .r_4{
	font-size:15px;
	line-height:27px;
	color:#000000;
}
#right_content .r_5{
	font-weight:bold;
	color:#ffa018;
}
#right_content .r_6{
	font-size:15px;
	font-weight:bold;
	color:#ffa018;
	background:url(../images/seo_title_img3.jpg) no-repeat left;
	padding-left:32px;
	line-height:35px;
	padding-top:10px;
	padding-bottom:10px;
}
#right_content .r_7{
	font-size:12px;
	font-weight:normal;
	color:#6d6d6d;
	background:url(../images/seo_title_img4.jpg) no-repeat left;
	padding-left:22px;
	line-height:26px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:15px;
}
#right_content .r_right1{
	float:right;
	width:600px;
	font-size:12px;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	letter-spacing:0.06em;
}
#index_1{
	float:left;
	width:506px;
}
#index_2{
	float:left;
	width:467px;
	*width:466px !important;
	*width:466px;
	text-align:right;
	padding:15px 39px 0px 0px;
	*padding:15px 39px 0px 0px !important;
	*padding:15px 36px 0px 0px;
	*margin-right:0px !important;
	*margin-right:0.12em;
	font-size:12px;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
}
#index_3{
	float:left;
	width:697px;
}
#index_4{
	float:left;
	width:697px;
}
.customer_menu{
	font-size:12px;
	background:url(../images/customers_icon1.jpg) no-repeat left;
	padding-left:30px;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	line-height:30px;
	padding-top:10px;
	padding-bottom:10px;
}
.customer_menu a{
	color:#585858;
	line-height:30px;
	padding-top:10px;
	padding-bottom:10px;
}
.customer_menu a:hover{
	color:#FF6600;
}
.customer_title1{
	width:auto;
	font-size:16px;
	color:#015f7d;
	padding-left:42px;
	background:url(../images/customers_icon2.jpg) no-repeat left;
	display:block;
	line-height:42px;
	padding-right:15px;
	margin-left:10px;
}
.customer_title2{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
.map_1{
	color:#FFFFFF;
	font-size:12px;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-top:7px;
	background:url(../images/map_2.jpg) no-repeat left;
	padding-left:52px;
	line-height:46px;
	padding-top:25px;
	padding-bottom:20px;
}
.login_btn{
    text-align:center;
	width:214px;
	height:38px;
	display:block;
	background:url(../images/login_btn1.jpg) no-repeat center;
	border:none;
	font-size:15px;
}
.login_column{
	height:20px;
	line-height:20px;
}
.login_title1{
	line-height:31px;
	background:#e5e5e5 url(../images/login_icon1.jpg) no-repeat left;
	padding-left:14px;
	text-align:left;
}
.login_title2{
	font-size:13px;
	font-weight:bold;
	color:#000000;
	line-height:40px;
	border-bottom:#999999 dotted 1px;
	text-align:left;
	padding-left:10px;
}
.login_title2 a{
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}
.login_title2 a:hover{
	color:#FF6600;
	text-decoration:none;
}
#wd_i{
	float:left;
	width:143px;
	height:150px;
	margin:0px 5px 0px 5px;
}
#wd_i h1{
	margin-top:10px;
	font-weight:normal;
	font-size:12px;
}
#wd_i h1 a{
	color:#585858;
	line-height:18px;
}
#wd_i h1 a:hover{
	color:#ff6c00;
	text-decoration:none;
}
#websitedesign{
	width:100%;
}
#graphicdesign{
	width:100%;
}
#gd_menu{
	width:100px;
	margin:10px 0px 10px 120px;
}
#gd_menu ul{
	list-style:none;
}
#gd_menu ul li{
	font-size:12px;
	margin:5px;
	text-align:center;
}
#gd_menu ul li a{
	color:#FFFFFF;
	line-height:25px;
	width:100px;
	display:block;
	background:#44d9ff;
}
#gd_menu ul li a:hover{
	color:#990000;
	border-bottom:#990000 dotted 1px;
}

/*-- pages jump --*/
#all_pages{
	width:80%;
	margin-left:0px;
	margin-top:20px;
}
#page_play{
	float:right;
	text-align:left;
	font-size:12px;
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#page_play .page_no{
	float:left;
	margin:5px;
}
#page_play .page_no_a{
	float:left;
	margin:5px;
}
#page_play .page_no_a a{
	color:#3D3D3D;
}
#page_play .page_no_a a:hover{
	color:#990000;
	text-decoration:underline;
}
#page_play .next{
	float:left;
}
#page_play .up{
	float:left;
}

/*-- footer --*/
#footer_i{
	width:auto;
	height:165px;
	background:url(../images/footer_i_bg.jpg) repeat-x;
	clear:both;
}
#footer_i .footer_c{
	width:1203px;
	text-align:center;
	background:url(../images/footer_c_bg.jpg) no-repeat;
	_background:url(../images/footer_c_bg.jpg) no-repeat center top;
}
#footer_i .footer_c img{
	margin:60px 0px 3px 0px;
}
#footer_i .footer_c ul{
	list-style:none;
	text-align:right;
	margin-right:16px;
}
#footer_i .footer_c ul li{
	padding-right:10px;
	float:right;
}
#footer_i .footer_c ul li img{
	margin:0;
	padding:0;
}
#footer_i .footer_c ul li h1{
	font-weight:normal;
	font-family:新細明體, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#373737;
	margin:13px 0px 5px 0px;
}
#footer_i .footer_c ul li h1 a{
	color:#373737;
}
#footer_i .footer_c ul li h1 a:hover{
	color:#006699;
	text-decoration:none;
}
#footer_i .footer_c ul li h2{
	font-weight:normal;
	font-family:新細明體, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0px 5px 0px;
}
#footer_i .footer_c ul li h2 a{
	font-family:新細明體, Arial, Helvetica, sans-serif;
	color:#373737;
}
#footer_i .footer_c ul li h2 a:hover{
	color:#006699;
	text-decoration:none;
}