@charset "utf-8";
/* design by showhau */
/*----------抬頭地方要加-----------------------------
<meta name="Robots" content="All" />
<meta name="Author" content="showhau,hau,dpi" />
<meta name="keywords" content="showhau, hau, design, dpi, web, web design" />
-----------------------------------------------------*/

/*----------消虛線---------*/
a {noFocusLine:expression(this.onFocus=this.blur())}      /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none}                         /* For Firefox */


/*----------網頁png----------*/
div, img { 
	behavior:url(../images/iepngfix.htc);
}

body{
	font-family:Arial, "新細明體", "細明體";
	padding:0;
	margin:0;
	background:url(../images/bg3.jpg) repeat-x top #000;
}
#bg2{
	position:absolute; 
	z-index:0; 
	background:url(../images/bg4.jpg) repeat-x top; 
	width:45%; 
	height:100%; 
	right:0; 
	top:0;
}


#main{
	margin:auto;
	width:1080px;
	position:relative;
	z-index:999;
	clear:both;
}
#content{
	clear:both;
	margin:auto;
	width:1000px;
	min-height:400px;
	padding:20px 0 0 0;
}
/*------------------------------------------------------------   top  -------*/
#top{
	clear:both;
	height:215px;
	background:url(../images/bg_b1.png) center top no-repeat;
}
#logo{
	float:left;
	display:block;
	padding:60px 0 0 0;
	width:240px;
}
#logo a{
	text-indent:-9999px;
	position:absolute;
	z-index:0;
	width:240px;
	height:60px;
}
#site{
	float:right;
	padding:0;
}
#shit{
	float:left;
	display:block;
	font-size:11px;
	color:#FFF;
	padding:10px 0 0 60px;
}
#shit a{
	color:#FFF;
}
#shit b{
	color:#fff000;
}
#mn{
	display:block;
	float:right;
	padding:0 22px 0 0;
	font-size:0;line-hegiht:0;
}
#mn a{font-size:0;line-hegiht:0;}
#tit{
	clear:both;
	padding:0 0 10px 15px;
	font-size:20px;
	font-weight:bold;
	color:#fff000;
	text-transform:uppercase;
}


/*-----------------------------------------------------------------------------   coms  ---------*/
#coms{
	font-size:13px;
	color:#FFF;
	padding:0 15px;
}
#coms label{
	float:left;
	display:block;
	padding:0 70px 0 0;
}	
#coms div{
	float:right;
	display:block;
	width:660px;
}
#coms h1{
	font-size:15px;
	font-weight:bold;
	color:#fff100;
	display:block;
	padding:0 0 5px 0;
}
#coms p{
	display:block;
	padding:0 0 30px 0;
}


/*------------------------------------------------------------------   products 22222 ------------*/
#leftbox{
	float:left;
	border-top:1px #898989 solid;
	width:190px;
	font-size:13px;
	color:#f8f8f8;
	text-align:right;
	padding:35px 0 0 0;
}
#leftbox ul li a{
	color:#f8f8f8;
	background:url(../images/bg_line2.jpg) no-repeat right center;
	display:block;
	padding:0 30px 0 0;
	margin:0 0 10px 0;
}
#leftbox ul li a:hover{
	color:#FFF;
	text-decoration:underline;
}
#rightbox{
	float:right;
	border-top:1px #898989 solid;
	width:810px;
	min-height:420px;
	padding:15px 0 18px 0;
	background:url(../images/bg_line.png) repeat-y left top;
}
#btm_line{
	height:1px;
	width:100%;
	clear:both;
	display:block;
	background:#898989;
	margin-bottom:30px;
}
#tit2{
	font-size: 16px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#fff000;
	border-bottom:2px #898989 solid;
	padding:0 0 10px 30px;
	width:780px;
}
#tit2 a img{
	float:right;
}
/*----------------------pic img ----------*/
#p_img{
	float:left;
	display:block;
	width:420px;
	text-align:center;
}
#p_img span{
	display:block;
}
#p_img span img{
	border:1px #FFF solid;
	margin:0 5px;
}

#text{
	font-size:13px;
	color:#fff;
	display:block;
	padding:15px 10px 15px 30px;
	text-align:left;
}
#text h1{
	font-weight:bold;
	font-size:13px;
}
#text strong{
	display:block;
	color:#fff000;
	padding:10px 0 0 0;
}
#text ul{
	clear:both;
	display:block;
}
#text ul li{
	display:block;
	background:url(../images/icon_con.png) no-repeat 0 6px;
	padding:0 0 0 15px;
}


#p_info{
	font-size:13px;
	color:#cacaca;
	float:right;
	display:block;
	width:350px;
	min-height:250px;
	background:url(../images/bg_pro_info.jpg) top left repeat-y #4e4e4e;
	padding:10px 20px;
}
#p_info h1{
	display:block;
	color:#fff000;
	font-weight:bold;
	font-size:15px;
	/* background:url(../images/ico_line.jpg) top left no-repeat; 
	margin:-12px 0 0 0;*/
	padding:5px 0 15px 0;
}
#p_info p{
	display:block;
	padding-bottom:15px;
}
#p_info strong{
	color:#fff000;
	font-weight:normal;
	display:block;
}
#p_info ul{
	display:block;
	padding:0 0 15px 0;
}
#p_info ul li{
	display:block;
	background:url(../images/icon_con.png) no-repeat 0 5px;
	padding:0 0 0 10px;
}


/*-----------------------------------------------*/
#col{ width:760px; clear:both; display:block; padding:0 0 0 50px; }
/* Homepage Style */
.sliderbox{width:100%; /* height:600px; */ overflow:hidden; font-size:13px; color:#d9d9d9;}
.sliderbox dt{ height:35px; cursor:pointer; background:url(../images/bg_tit.png) no-repeat; margin-bottom:1px;}
.sliderbox .open{ font-size:13px; font-weight:bold; background:url(../images/bg_tit.png) no-repeat; ; cursor:default; margin-bottom:0;}
.sliderbox .open .title { color:#fff000;}

.sliderbox .title{ font-size:15px; font-family: verdana; color:#fff; padding:5px 0 0 20px; display:block;}
.sliderbox dt:hover span{color:#fcff00;}
.sliderbox .open:hover span{color:#fff;}
.sliderbox dd{ padding:0; margin:0; position:relative; overflow:hidden; clear:both; height:auto; /* background:#4e4e4e; */ background:#000; }

.sliderbox .text{ font-size:13px; color:#fff; clear:both;  text-align:left; padding:0px; background:#000;}
.sliderbox .text img{max-width:100%;}
.sliderbox .img2{ float:right; width:350px; height:100%; padding:20px; background:url(../images/bg_pro_info.jpg) top right repeat-y;text-align:left;}
.sliderbox .img2 ul{ display:block; color:; padding:10px 0 0 0;}
.sliderbox .img2 li{ display:block; background:url(../images/icon_con.png) no-repeat 0 6px; padding:0 0 0 15px;}
.sliderbox .img2 b{ display:block; background:url(../images/icon_con.png) no-repeat 0 6px; padding:0 0 0 15px; margin:15px 0 0 0; font-weight:normal;}
.sliderbox .text2{ width:100%; margin:auto; padding:15px 0;}
.sliderbox .text2 table{ width:100%;}
.sliderbox .tab { font-size:12px; color:#FFF; margin:15px auto; width:95%; }
.sliderbox .tab tr th{ background:#666; }
.sliderbox .tab tr td{ border-bottom:1px #333 solid; padding:0 5px;}

/*-------------------------------------------------------------------   news ---------------*/
#news{
	font-size:13px;
	color:#fff;
}

ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.abgne_tab {
		clear: left;
		width:1000px;
		min-height:500px;
		margin:0 0 0 20px;
	}
	.abgne_tab ul.tabs {
		width: 100%;
		height:45px;
	}
	.abgne_tab ul.tabs li {
		float: left;
		height: 31px;
		overflow: hidden;
		position: relative;
		/* margin-bottom: -1px;	 讓 li 往下移來遮住 ul 的部份 border-bottom */
	}
	.abgne_tab ul.tabs li a {
		display: block;
		padding: 0 15px;
		color: #b2b2b2;
		text-decoration: none;
		background:url(../images/icon_news.png) no-repeat 0 6px;
		margin-right:20px;
	}
	.abgne_tab ul.tabs li a:hover {
		font-weight:bold;
		color:#FFF;
	}
	.abgne_tab ul.tabs li.active  {
		font-weight:bold;
		color:#FFF;
	}
	.abgne_tab ul.tabs li.active a:hover {
		font-weight:bold;
		color:#FFF;
	}
	div.tab_container {
		float: left;
		width: 100%;
		color:#FFF;
	}
	div.tab_container .tab_content {
		font-size:13px;
		line-height:22px;
		padding:;
	}
	div.tab_container .tab_content li{
		float:left;
		display:block;
		width:470px;
		height:160px;
		background:#484848;
		margin:0 15px 20px 0;
		overflow: hidden;
	}
	div.tab_container .tab_content li a{
		color:#FFF;
	}
	div.tab_container .tab_content li a:hover{
		color:#999;
	}
	div.tab_container .tab_content li a img{
		float:left;
		display:inline-block;
		border-right:1px #FFF solid;
		padding:0 2px 0 0;
		margin-right:10px;
	}
	div.tab_container .tab_content div{
		display:inline-block;
		padding:15px 10px 0 10px;
	}
	div.tab_container .tab_content div small{
		display:block;
	}

#page{
	font-size:12px;
	color:;
	clear:both;
	display:block;
	margin:auto;
	width:100%;
	text-align:center;
	padding:20px 0 40px 0;
}
#page a{
	color:#878787;
	border:1px #878787 solid;
	padding:1px 3px;
	margin:0 2px;
}
#page b{
	font-size:13px;
	color:#FFF;
	border:1px #fff solid;
	padding:1px 3px;
	margin:0 2px;
}
#page span{
	color:#666;
	margin:0 2px;
}

/*--------------------------------------------------  news detail  ------------*/
#news_info{
	color:#FFF;
	margin:auto;
	width:960px;
	font-size:13px;
	min-height:405px;
}
#news_info p{
	display:block;
	padding:0 0 20px 0;
}
#news_info h1{
	color:#F00;
	font-weight:bold;
	font-size:15px;
}

#news_info img{max-width:100%;}
/*---------------------------------------------------------------------------------------------    contact   -------------*/
#con{
	font-size:13px;
	line-height:24px;
	color:#c1c1c1;
	width:1000px;
	padding:55px 0 0 20px;
	border-top:1px #898989 solid;
}
#con span{
	display:inline-block;padding-right:20px;
}
#con a{
	color:#c1c1c1;
}

.abgne_tab2 {
		clear: left;
		width:1000px;
		height:440px;
		margin:20px 0 0 20px;
	}
	.abgne_tab2 ul.tabs {
		width: 100%;
		height:100px;
	}
	.abgne_tab2 ul.tabs li {
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		width:500px;
		/* margin-bottom: -1px;	 讓 li 往下移來遮住 ul 的部份 border-bottom */
	}
	.abgne_tab2 ul.tabs li a {
		float:left;
		display: block;
		padding:0;
		color: #b2b2b2;
		text-decoration: none;
		margin-right:20px;
		
	}
	.abgne_tab2 ul.tabs li a:hover {
		font-weight:bold;
		color:#FFF;
	}
	.abgne_tab2 ul.tabs li.active  {
		font-weight:bold;
		color:#FFF;
	}
	.abgne_tab2 ul.tabs li.active a:hover {
		font-weight:bold;
		color:#FFF;
	}
	div.tab_container2 {
		float: left;
		width: 100%;
		color:#FFF;
	}
	div.tab_container2 .tab_content {
		font-size:13px;
		line-height:22px;
		padding:;
	}
	div.tab_container2 .tab_content a{
		color:#FFF;
	}


#con_tit{
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	display:block;
	background:url(../images/bg_con_bar.jpg) no-repeat;
	clear:both;
	width:760px;
	height:36px;
	line-height:36px;
	margin:0 0 20px 20px;
}
#con_tit span{
	background:url(../images/icon_con.png) no-repeat 0 6px;
	padding:0 0 0 12px;
}

#con_form{
	font-size:13px;
	color:#bababa;
	line-height:40px;
	margin:auto;
	width:960px;
}
#con_form tr th{
	text-align:left;
	vertical-align:top;
	clear:both;
	border-right:1px #454545 solid;
	border-bottom:1px #454545 solid;
	width:110px;
}
#con_form tr th strong{
	font-weight:normal;
	display:block;
	background:url(../images/icon_con.png) no-repeat 15px 18px;
	padding:0 10px 0 30px;
}
#con_form tr td{
	clear:both;
	border-bottom:1px #454545 solid;
	vertical-align:middle;
	padding:0 0 0 10px;
}
#con_form label input{
	border:1px #757575 solid;
	background:#333;
	height:20px;
	width:300px;
	color:#959494;
}
#con_form span input{
	border:1px #757575 solid;
	background:#333;
	height:20px;
	width:235px;
	color:#959494;
}
#con_form select{
	border:1px #757575 solid;
	background:#333;
	color:#959494;
}
#con_form span select{
	width:300px;
	color:#959494;
}
#con_form textarea{
	border:1px #757575 solid;
	background:#333;
	width:300px;
	color:#959494;
	margin:10px 0;
}

#con_bt{
	float:left;
	width:100%;
	font-size:12px;
}
#con_bt a{
	color:#000;
	float:left;
	display:block;
	background:url(../images/bg_bt_pro.jpg) no-repeat;
	width:119px;
	height:26px;
	line-height:26px;
	text-align:center;
	margin:0 5px 10px 0;
}

#bt_send{
	margin:auto;
	text-align:center;
	clear:both;
	padding:15px 0 20px 0;
	font-size:0;
   
}
.reset{width:120px;height:28px; background:url(../images/bt_reset.jpg) no-repeat;border:0;cursor:pointer; vertical-align:middle;}
.submit{background:url(../images/bt_ok2.jpg) no-repeat;width:122px;height:28px;border:0; vertical-align:middle;cursor:pointer}
/*-------------------------------------------------------------------------------------------    footer  ---------*/
#footer{
	clear:both;
	height:70px;
	display:block;
	padding:50px 0 0 0;
	background:url(../images/bg_foot.jpg) repeat-x top;
	position:relative;
	z-index:999;
}
#foot{
	line-height:18px;
	color:#8f8f8f;
	clear:both;
	margin:auto;
	width:1050px;
}
.add{
	font-size:12px;
	display:block;
	position:relative;
	z-index:5;
	word-spacing:10px;
}
.add a{
	color:#8f8f8f;
}
.add b{
	display:inline-block;
}
.add p{
	display:inline-block;
	width:190px;
}
.www{
	background:url(../images/icon_www_1.jpg) no-repeat 0 2px;
	padding:0 0 0 22px;
}
.mail{
	background:url(../images/icon_mail_1.jpg) no-repeat 0 2px;
	padding:0 0 0 22px;
}

#info{
	font-size:11px;
	color:#3a3a3a;
	float:left;
}
#design{
	float:right;
	font-size:10px;
	color:#3a3a3a;
	position:relative;
	z-index:5;
}
#design a{
	color:#3a3a3a;
}
#video_div div{
	padding-top:0px;
}

.member{font-size:13px;}
.member input{
	border:1px #757575 solid;
	background:#333;
	height:20px;
	color:#fff;
	padding:0 5px;
}
.member_link{ font-size:12px;padding:0 10px 0 10px;}
.member_link a {background:url(../images/icon_con.png) no-repeat 12px 4px;	padding:0 10px 0 25px;}

#mem_form{
	font-size:13px;
	color:#bababa;
	margin:auto;
	width:960px;
}
#mem_form tr th{
	text-align:left;
	vertical-align:middle;
	clear:both;
	border-right:1px #454545 solid;
	border-bottom:1px #454545 solid;
	width:110px;
	height:40px;
}
#mem_form tr th strong{
	font-weight:normal;
	display:block;
	background:url(../images/icon_con.png) no-repeat 15px 5px;
	padding:0 10px 0 30px;
}
#mem_form tr td{
	clear:both;
	border-bottom:1px #454545 solid;
	vertical-align:middle;
	padding:0 0 0 10px;
}
#mem_form label input{
	border:1px #757575 solid;
	background:#333;
	height:20px;
	width:290px;
	color:#fff;
	padding:0 5px;
}
#mem_form span input{
	border:1px #757575 solid;
	background:#333;
	height:20px;
	width:225px;
	color:#fff;
	padding:0 5px;
}
#mem_form select{
	border:1px #757575 solid;
	background:#333;
	color:#fff;
}
#mem_form span select{
	width:300px;
	color:#fff;
}
#mem_form textarea{
	border:1px #757575 solid;
	background:#333;
	width:290px;
	color:#fff;
	margin:10px 0;
	padding:5px;}


.td_bg01{ border-bottom:1px solid #666} .td_bg02{ border-bottom:1px solid #666}

#abgne_float_ad img{display:none !important;}
.left{float:left;}
.clear{clear:both;height:0;display:block;overflow:Hidden;}