@charset "utf-8";

/***************base*****************/
body {
	-webkit-text-size-adjust:none;
	font-family:Arial, '微軟正黑體', sans-serif;
	font-size:12px;
	color:#5e5e5e;
	line-height:24px;
	background:url(../images/bg.gif) repeat-x top;
	}
a{
	color:#3a3a3a;
	text-decoration:none;
	}
a:hover{
	color:#06C;
	}
/*****************all layout*******************/
.bg{
	width:960px;
	margin:0 auto;
	}
#top{
	background:url(../images/top_bg.jpg) repeat-x 0 top;
	position:relative;
	height:322px;
	}
#bg_main{
	padding-bottom:30px;
	}
/****************copyright layout*******************/
#Copyright_wrap{
	background:url(../images/copyright_bg.gif) repeat-x top;
	}
#Copyright{
	margin:0 auto;
	width:960px;
	height:67px;
	clear:both;
	color:#fff;
	font-size:11px;
	}
#Copyright a{
	color:#fff;
	}
#Copyright a:hover{
	color:#09F;
	}
.copy{
	padding-top:10px;
	}
/****************main layout*******************/
.logo{
	position:absolute;
	top:37px;
	left:-2px;
	}
.top_menu{
	right:6px;
	position:absolute;
	top:50px;
	font-size:15px;
	}
.top_menu a{
	padding:0 28px;
	color:#fff;
	}
.top_menu a:hover{
	color:#000;
	font-weight:bold;

	}
.top_pic{
	position:absolute;
	right:3px;
	top:105px;
	}

/* ------------- left ------------- */
.left{
	background:url(../images/left_bg.gif) no-repeat 0 0;
	width:230px;
	min-height:280px;
	height:auto!important;
	height:280px;
	float:left;
	}
.menu{
	padding:40px 10px 0 10px;
	}
.menu li{
	border-bottom:1px solid #e3e3e3;
	padding:5px 0;
	}
.menu li a{
	padding-left:10px;
	display:block;
	}

.menu_s01 {
		border-bottom:1px solid #e3e3e3;
	}
.menu_s01 a{
	background:url(../images/ind_news_point.gif) no-repeat 12px 12px;
	padding:3px 0 3px 21px;
	display:block;
	margin:3px 0;
	}

.menu_s02 {	}
.prod_menu_ad a img{
	float:left;
	}

/* ------------- main ------------- */
.main{
	background:url(../images/main_bg.gif) no-repeat top;
	float:right;
	min-height:350px;
	height:auto!important;
	height:350px;
	width:700px;
	}
.title{
	line-height:32px;
	height:32px;
	border-bottom:1px solid #e3e3e3;
	overflow:hidden;
	zoom:1;
	}
.h1{
	color:#015aa9;
	background:url(../images/arrow.gif) no-repeat 10px 11px;
	padding-left:25px;
	display:inline-block;
	float:left;
	font-size:15px;
	}
.breadcrumbs{
	display:inline-block;
	float:right;
	padding-right:20px;
	}
.home{
	background:url(../images/icon_home.gif) no-repeat 0 1px;
	padding-left:20px;
	}

.content-main{
	padding:25px;
	}
.content-main p{
	margin-bottom:1em;
	}

/*******company layout****/
.company_info_01{
	padding:65px 0 0 350px;
	background:url(../images/company_pic_02.jpg) no-repeat 0 0;
	}
.company_info_02{
	padding:75px 350px 0 0;
	background:url(../images/company_pic_03.jpg) no-repeat right 50px;
	}
.company_info_03{
	padding:75px 250px 0 0;
	background:url(../images/company_pic_04.jpg) no-repeat right 100px;
	}
.company_info_04{
	padding:170px 50px 150px 383px;
	background:url(../images/company_pic_05.jpg) no-repeat right 0;
	}
/* ------------- cat01------------- */
.catlis_box{}
.catlis{}

.catlis img{}
.catlislist_description{}
.catlislist_description img{}
.catlis_name{	}
.catlis_description{	float:left;	border:0px solid #006;	width:400px;}
.catlis_descriptionimg{ width:305px;float:left;}
.catlis_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.catlis_name02{ font-size:16px; background:url(../images/point_01.jpg) no-repeat; padding-left:20px;}
.catlis_titdes{background:url(../images/titles_description.jpg) no-repeat; padding-top:65px;}


/* ------------- product 橫向模式 第4種------------- */
.product_box{
	padding-bottom:15px;
	margin-bottom:15px;
	}
.pro{
	width:170px;
	float:left;
	margin:0 23px;
}
.proimgfix{
	width:170px;
	margin-bottom:15px;
	min-height:143px;
	}

.prolist_description{
	width:170px;
	}
.prolist_description img{}
.pro_name{
	text-align:center;
	width:170px;
	font-weight:bold;
	}
.pro_name span{
	background:url(../images/prod_arrow.gif) no-repeat 0 1px;
	padding-left:20px;
	}
	
.pro_imb{
	width:320px;
	float:left;
	}
.pro_imb img{

	}
.pro_imgs {
	width:320px;

	}
.pro_imgs img{
	margin:0 5px 15px 0;
	}
.pro_description{
	float:right;
	width:320px;
	margin-bottom:30px;
	}
.pro_descriptionimg{
	margin-bottom:20px;
	}
.pro_name02{
	display:block;
	margin-bottom:5px;
	color:#000;
	font-weight:bold;
	font-size:16px;
	padding-left:18px;
	width:100%;
	background:url(../images/name_arrow.gif) no-repeat 0 5px;

	}
.title_name{
	margin-bottom:10px;
	font-size:14px;
	padding-left:22px;
	width:100%;
	border-bottom:1px solid #e5e5e5;
	background:url(../images/prod_arrow.gif) no-repeat 0 7px;
	}
.back{
	text-align:center;
	margin-top:20px;
	}
/* ------------- page ------------- */
#move_page {
	text-align:center;
	margin-top: 10px;
	letter-spacing:5px;
	}
#move_page .onthis{
	font-size:14px;
	font-weight:bold;
	}
#move_page a {
	vertical-align:middle;
	}
#move_page img{
	margin:0;
	vertical-align:middle;
	}
#move_page a img{
	margin:0;

	vertical-align:middle;
	}
/* ------------- news ------------- */
.news_table th{
	height:24px;
	
	padding:0 10px;
	line-height:24px;
	background:url(../images/th_bg.gif) repeat-x 0 0;
	}
.news_article h3{
	margin-bottom:5px;
	background:url(../images/news_arrow.gif) no-repeat 0 5px;
	font-size:14px;
	}
.news_article h3 span{
	font-weight:normal;
	font-size:11px;
	color:#E8D69F;
	display:inline-block;
	float:right;
	}

/* ------------- contact ------------- */
.contact_add{ float:right;width:230px;}
.contact_add strong{ color:#000;}
.contact_form{ float:left;width:380px;border-right:1px solid #e5e5e5;padding-right:20px;}
table.contact_table{
	width:100%;

	}
table.contact_table input{
	font-family:Arial, Helvetica, sans-serif;
	}
table.contact_table td{
	padding:0 0 8px 0;
	}
table.contact_table td.td_01{
	width:32%;
	}
table.contact_table td.td_02{
	background:url(../images/line_02.gif) repeat-x 0 bottom;
	}
input.set_01{
	font-size:12px;
	padding:0 5px;
	color:#686868;
	background:#fff;
	border:1px solid #e6e6e6;
	height:18px;
	width:95%;
	}
input.set_02{
	margin-right:5px;
	font-size:12px;
	padding:0 5px;
	color:#686868;
	background:#fff;
	border:1px solid #e6e6e6;
	height:18px;
	width:40%;
	}
select.set_01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 0 5px;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	height:18px;
	width:97.5%;
	}
textarea.set_01{
	font-family:Arial, Helvetica, sans-serif;
	color:#686868;
	padding:5px;
	font-size:12px;
	background:#fff;
	border:1px solid #e6e6e6;
	height:80px;
	width:95%;
	}
/* ------------- button ------------- */
.but_cancel{ font-size:10px; color:#FFF;padding:10px; margin:10px; border:0px;}

/* ------------- table ------------- */
.td_main01{padding: 5px 3px;font-weight:bold;}
.td_main01 h2{
	font-size:12px;
	}
.td_main02{background-color: #f6f6f6; padding:5px;border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7;
font-weight:bold;}
.td_bg01{ background-color:#fff;padding: 5px 3px;border-bottom:1px solid #e7e7e7;}
.td_bg02{padding: 15px 3px; }
.td_bg03{background-color:#fff;padding: 5px 3px;}

/* ------------- 內頁廣告動態 ------------- */
	#abgneBlock {
		width: 340px;
		height: 189px;
		position: relative;
		overflow: hidden; margin:0px auto;
	}
	#abgneBlock ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock ul.list li {
		float: left;
		width: 340px;
		height: 189px;
	}
	#abgneBlock .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock ul.playerControl {
		margin: 0; border:0px solid #C00;
		padding: 0px 0px 0px 450px;
		list-style: none;
		position: absolute;
		bottom: 5px;
		overflow:visible;
		right: 5px;
		height: 14px;
	}
	#abgneBlock ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(../images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock ul.playerControl li.current { 
		background-position: 0 0;
	}

/**********************div fix**************************/
    .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
    .clearfix {
    display: inline-block;
    }
    html[xmlns] .clearfix {
    display: block;
    }
    * html .clearfix {
    height: 1%;
    }