/*內頁用----------------------------------------------------------*/
body {
	background-image: url(../images/home/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#fff;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;   
}
.header {
	background-image: url(../images/home/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 304px;
	z-index:2;
	margin-bottom:-10px;
}
.main_bg {
	background-image: url(../images/home/bg_main00.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.main {
	background-image: url(../images/home/bg_main00.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	z-index:3;
}
.footer_bg {
	background-image: url(../images/home/bg_down.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.footer {
	background-image: url(../images/home/bg_down.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:144px;
	padding-top:0px;
	z-index:1;
}
.side1 {
    margin-top: 30px;
	margin-left:60px;
    width: 240px;
	margin-bottom: 0px;
}
.side2 {
	display:none;
}
.content {
	margin-top: 0px;
	width:700px;
	margin-bottom: 0px;
}


	
/*- LOGO ------------*/
.header .title a {
    display: block;
    width: 300px;
	height: 145px;
	top:0px;
    left: 40px;
    position: absolute;
    text-indent: -9999px;
}

/*- 主選項 ------------*/
#nav1{
	top: 95px;
    left: 60px;
    position: absolute;
	width:209px;
	height:206px;
}

#nav1 a {
    display: block;
    width:209px; 
   /*  height: 35px;*/
    text-indent: -9999px;
	background:url(../images/home/toplink.png);
	background-repeat:no-repeat;
/*	-moz-transition: background 0.9s linear 0s;
    -webkit-transition: background 500ms ease-in-out;
    -moz-transition: background 1000ms ease-in-out;
    -ms-transition: background 500ms ease-in-out;
    -o-transition: background 500ms ease-in-out;
    transition: background 500ms ease-in-out;*/
}

#nav1 li a.b1-1 {background-position: 0px 0px;height: 54px;}
#nav1 li a.b1-2 {background-position: 0px -54px;height: 38px;}
#nav1 li a.b1-3 {background-position: 0px -92px;height: 38px;}
#nav1 li a.b1-4 {background-position: 0px -130px;height: 38px;}
#nav1 li a.b1-5 {background-position: 0px -168px;height: 38px;}

#nav1 li a.b1-1:hover {background-position: -209px 0px;}
#nav1 li a.b1-2:hover {background-position: -209px -54px;}
#nav1 li a.b1-3:hover {background-position: -209px -92px;}
#nav1 li a.b1-4:hover {background-position: -209px -130px;}
#nav1 li a.b1-5:hover {background-position: -209px -168px;}

body.about #nav1 li a.b1-1{background-position: -209px 0px;}
body.service #nav1 li a.b1-2{background-position: -209px -54px;}
body.case #nav1 li a.b1-3{background-position: -209px -92px;}
body.product #nav1 li a.b1-4{background-position: -209px -130px;}
body.contact #nav1 li a.b1-5{background-position: -209px -168px;}


/*- 最上資訊 ------------*/
.topw{
	list-style-type:none;
	position:absolute;
	top:15px;
	left:830px;
	}		
.topw li{
	color:#FFF;
	font-size:13px;
	float:left;
	}
.topw li.tline{
	margin:0 2px;
	}	
.topw li.tw1 a{
	background:url(../images/home/tb1.png);
	width:46px;
	height:25px;
	display:block;
	text-indent:-9999px;
	}	
.topw li.tw1 a:hover{
	background:url(../images/home/tb1o.png);
	}	
.topw li.tw2 a{
	background:url(../images/home/tb2.png);
	width:60px;
	height:25px;
	display:block;
	text-indent:-9999px;
	}	
.topw li.tw2 a:hover{
	background:url(../images/home/tb2o.png);
	}	
.topw li.tw3 a{
	background:url(../images/home/tb3.png);
	width:60px;
	height:25px;
	display:block;
	text-indent:-9999px;
	}	
.topw li.tw3 a:hover{
	background:url(../images/home/tb3o.png);
	}
	

/*- 各頁title標題 ------------*/
.title_about{
	background:url(../images/home/title.png);
	width:713px;
	height:67px;
	position:absolute;
	top:10px;
	left:0px;
	text-indent:-9999px;
	background-position: 0 0px;
	}							
.title_service{
	background:url(../images/home/title.png);
	width:713px;
	height:67px;
	position:absolute;
	top:10px;
	left:0px;
	text-indent:-9999px;
	background-position: 0 -67px;
	}	
.title_case{
	background:url(../images/home/title.png);
	width:713px;
	height:67px;
	position:absolute;
	top:10px;
	left:0px;
	text-indent:-9999px;
	background-position: 0 -134px;
	}
.title_product{
	background:url(../images/home/title.png);
	width:713px;
	height:67px;
	position:absolute;
	top:10px;
	left:0px;
	text-indent:-9999px;
	background-position: 0 -201px;
	}		
.title_contact{
	background:url(../images/home/title.png);
	width:713px;
	height:67px;
	position:absolute;
	top:10px;
	left:0px;
	text-indent:-9999px;
	background-position: 0 -268px;
	}		
	
/*- 左邊資訊 ------------*/
.facebg{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/home/facebg.png);
	width:211px;
	height:43px;
	display:block;
	}
.facebook a{
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	background:url(../images/home/facebook.gif);
	width:211px;
	height:43px;
	display:block;
	text-indent:-9999px;
	}
.facebook a:hover{
	background:url(../images/home/facebooko.gif);
	}	

/*-footer-2按鈕 ------------------------------------------------*/
.dbo{
	list-style-type:none;
	padding:13px 0 0 830px;
	}

.dbo li{
	float:left;
	}
.dbo .db1 a{
	background:url(../images/home/db1.gif);
	width:83px;
	height:17px;
	display:block;
	text-indent:-9999px;
	margin-right:3px;
	}	
.dbo .db1 a:hover{
	background:url(../images/home/db1o.gif);
	}		
.dbo .db2 a{
	background:url(../images/home/db2.gif);
	width:83px;
	height:17px;
	display:block;
	text-indent:-9999px;
	}		
.dbo .db2 a:hover{
	background:url(../images/home/db2o.gif);
	}
	
/*-footer- ------------------------------------------------*/
.footlink{
	list-style-type:none;
	position:absolute;
	top:27px;
	left:330px;
	}
.footlink a{
	color:#000;
	font-size:12px;
	text-decoration:none;
	}	
.footlink li{
	float:left;
	}	
.footlink .line{
	background:url(../images/home/fanline.gif);
	width:40px;
	height:11px;
	display:block;
	text-indent:-9999px;
	}
.gotop a{
	background:url(../images/home/top.gif);
	width:36px;
	height:33px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:767px;}	
		
.footext{
	padding:83px 0 0 375px;
	list-style-type:none;
	font-size:12px;
	color:#686868;
	}
.footext li{
	float:left;
	}
.footext li.w2{
	padding-left:10px;
	}		
.footext .tel{
	background:url(../images/home/tel.jpg);
	width:104px;
	height:16px;
	display:block;
	text-indent:-9999px;
	}
.footext .ez{
	margin-left:173px;
	}	
.footext .ez a{
	color:#686868;
	font-size:12px;
	text-decoration:none;
	}
.footext .ez a:hover{
	color:#fff;
	}	
/*-footer-epaper ------------------------------------------------*/
.epaper{
	list-style-type:none;
	padding-top:70px;
	margin-left:715px;
	}
.epaper li{
	float:left;
	}	
.epaper .ebo1 a{
	background:url(../images/home/ebo1.gif);
	width:64px;
	height:20px;
	display:block;
	text-indent:-9999px;
	margin-right:2px;
	margin-left:3px;
	}
.epaper .ebo1 a:hover{
	background:url(../images/home/ebo1o.gif);
	}	
	
.epaper .ebo2 a{
	background:url(../images/home/ebo2.gif);
	width:40px;
	height:20px;
	display:block;
	text-indent:-9999px;
	}
.epaper .ebo2 a:hover{
	background:url(../images/home/ebo2o.gif);
	}					
.inputkeywordepaper{
color:#666;
width:170px;
height:18px;
font-size:12px;
padding:0 0 0 3px;
background-color:#fff;
border-width:1px;
border-style:solid;
border-top:1px solid #dadada;
border-left:1px solid #dadada;
border-bottom:1px solid #dadada;
border-right:1px solid #dadada;
}		
				
/*- 內頁內文 ------------------------------------------------*/
.maintext{
	padding:90px 0px 0 8px;
	font-size:12px;
	color:#363636;
	}
body.case .maintext{
	padding:80px 0px 0 0px;
	font-size:12px;
	color:#363636;
	}		
		
	
/*麵包屑-------------------------------------------------------*/
.content .breadcrumb{
	position:absolute;
	top:50px;
	right:0px;
	color:#676767;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type:none;

}
.content .breadcrumb li{
	float:left;
}
.content .breadcrumb .bic{
	padding-right:3px;
	padding-top:1px;
}
.content .breadcrumb .line{
	background:url(../images/home/icline.jpg);
	width:22px;
	height:10px;
	display:block;
	text-indent:-9999px;
}
.breadcrumb .bw1 a{
	color:#b1b1b1;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.breadcrumb .bw1 a:hover{
	color:#000;
}
.breadcrumb .bw2 a{
	color:#000;
	text-decoration:none;
}
.breadcrumb .bw2 a:hover{
	color:#b1b1b1;
}


/*-延升背景 ------------*/
.obg_main{
	background:url(../images/home/left_main.jpg);
	width:243px;
	margin:0px 0 0 0px;
}

.obg_top{
	background:url(../images/home/left_top.jpg);
	width:243px;
	height:179px;
	text-indent:-9999px;
}
.obg_down{
	background:url(../images/home/left_down.jpg);
	width:243px;
	height:59px;
}
.obg_write{
	margin-top:-180px;
	margin-bottom:0px;
	padding:0 17px 0 15px;
	color:#FFF;
	min-height:65px;
}

/*- 左選項 ------------*/
.side1 ul.leftlink {
	padding:0 0 0 8px;
	list-style-type: none;
	margin-bottom:0px;
	margin-top:10px;
	margin-left:0px;
	width:174px;
	display:block;
	}
	
.side1 ul.leftlink li{ margin:0 0 0 0;}


/*- 商品左選項第一層------------*/
.side1 ul.leftlink li a{
	background:url(../images/home/st.jpg);
	width:190px;
	height:27px;
	display:block;
	color:#000;
	font-size:12px;
	text-decoration:none;
	padding:10px 0 0 20px;
}
.side1 ul.leftlink li a:hover{
    color:#666;

}

/*-----商品第二層-------------------*/
.side1 ul.leftlink li ul{
	list-style-type:none;
	margin:10px 0 10px 0;
}

.side1 ul.leftlink li ul li a{
	background:url(../images/home/st3.gif);
	width:139px;
	height:19px;
	display:block;
	color:#666;
	font-size:12px;
	text-decoration:none;
	padding:3px 0 0 35px;
	font-weight:bold;
}

.side1 ul.leftlink li ul li a:hover{
	background:url(../images/home/st4.gif);
	color:#000;

}

/*-----商品第三層-------------------*/
.side1 ul.leftlink li ul li ul{
	list-style-type:none;
	margin:5px 0 0 0;
}

.side1 ul.leftlink li ul li ul li a{
	background:none;
	color:#ffeb66;
	font-size:11px;
	height:13px;
	padding:5px 0 0 45px;
	margin-bottom:0px;
}

.side1 ul.leftlink li ul li ul li a:hover{
	background:none;
	height:13px;
	padding:5px 0 0 45px;
	margin-bottom:0px;
	color:#f64b00;
}

/*--左下4小圖--------------------------------------------------------------*/
.side1 .leftbanner{
	list-style-type:none;
	margin:55px 0 0 5px;
	}
.side1 .leftbanner li{
	float:left;
	}	
.side1 .leftbanner .b1 a{
	background:url(../images/home/lb1.png);
	width:30px;
	height:32px;
	display:block;
	text-indent:-9999px;
	margin-bottom:0px;
	}
.side1 .leftbanner .b1 a:hover{
	background:url(../images/home/lb1o.png);
	}	
.side1 .leftbanner .b2 a{
	background:url(../images/home/lb2.png);
	width:30px;
	height:32px;
	display:block;
	text-indent:-9999px;
	margin-bottom:0px;
	}
.side1 .leftbanner .b2 a:hover{
	background:url(../images/home/lb2o.png);
	}		
.side1 .leftbanner .b3 a{
	background:url(../images/home/lb3.png);
	width:31px;
	height:32px;
	display:block;
	text-indent:-9999px;
	margin-bottom:0px;
	}
.side1 .leftbanner .b3 a:hover{
	background:url(../images/home/lb3o.png);
	}	
.side1 .leftbanner .b4 a{
	background:url(../images/home/lb4.png);
	width:31px;
	height:32px;
	display:block;
	text-indent:-9999px;
	margin-bottom:0px;
	}
.side1 .leftbanner .b4 a:hover{
	background:url(../images/home/lb4o.png);
	}		

/*---右邊滑動------------------------------*/
#floating{ /*垂直捲動區塊, 配合javascript , 原則上放在.content內*/
	/*display:none; 不使用浮動區塊*/
	width:64px;
	height:229px;
	position:absolute;
	top:15px;
	left:990px;
	list-style-type:none;
}

#floating .f1 a{
	background:url(../images/home/f1.png);
	display:block;
	width:64px;
	height:40px;
	text-indent:-9999px;
}
#floating .f1 a:hover{
	background:url(../images/home/f1o.png);
}
#floating .f2 a{
	background:url(../images/home/f2.png);
	display:block;
	width:64px;
	height:59px;
	text-indent:-9999px;
}
#floating .f2 a:hover{
	background:url(../images/home/f2o.png);
}
#floating .f3 a{
	background:url(../images/home/f3.png);
	display:block;
	width:64px;
	height:59px;
	text-indent:-9999px;
}
#floating .f3 a:hover{
	background:url(../images/home/f3o.png);
	display:block;
}
#floating .f4 a{
	background:url(../images/home/f4.png);
	display:block;
	width:64px;
	height:71px;
	text-indent:-9999px;
}
#floating .f4 a:hover{
	background:url(../images/home/f4o.png);
}


/*--跳頁--------------------------------------------------------------*/
.page{
	list-style-type:none;
	margin:30px 0 0 220px;
	}
.page li{
	float:left;
	margin-right:5px;
	}	
.page li.p1 a{
	background:url(../images/product/pi1.gif);
	width:15px;
	height:9px;
	display:block;
	text-indent:-9999px;
	}
.page li.p1 a:hover{
	opacity:0.7;
	}
.page li.p2 a{
	background:url(../images/product/pi2.gif);
	width:11px;
	height:9px;
	display:block;
	text-indent:-9999px;
	}
.page li.p2 a:hover{
	opacity:0.7;
	}					
.page li.p3 a{
	background:url(../images/product/pi3.gif);
	width:11px;
	height:9px;
	display:block;
	text-indent:-9999px;
	}
.page li.p3 a:hover{
	opacity:0.7;
	}
.page li.p4 a{
	background:url(../images/product/pi4.gif);
	width:15px;
	height:9px;
	display:block;
	text-indent:-9999px;
	}
.page li.p4 a:hover{
	opacity:0.7;
	}
.page .text{
	padding:0px 0 0 5px;
	font-size:12px;
	color:#747474;
	}				

.page_input{
	color:#000;
	width:38px;
	margin:-5px 0 0 8px;
	background-color:#f4f4f4;
	border-width:1px;
	border-style:solid;
	border-top:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}



/*--單一字型設定--------------------------------------------------------------*/
.style_gray {color:#7b7474;font-size:13px;}
.style_red {color:#bd2a18;font-size:13px;}
.style_brown {color:#40352c;font-size:13px;}
.style_red2 {color:#474747;font-size:13px; font-weight:bold;}
.style_black {color:#474747;font-size:13px;}
.graylink:link    {color:#40352c;font-size:13px;text-decoration:none;}
.graylink:visited {color:#40352c;font-size:13px;text-decoration:none;}
.graylink:hover   {color:#903c1b;text-decoration:none;font-size:13px;}

.greenlink:link    {color:#638c3a;font-size:13px;text-decoration:none;}
.greenlink:visited {color:#638c3a;font-size:13px;text-decoration:none;}
.greenlink:hover   {color:#903c1b;text-decoration:none;font-size:13px;}

/*--圖外框--------------------------------------------------------------*/
.imageborder{border: 1px solid  #CCCCCC} /*--實線*/



	   
/*--頁籤效果--------------------------------------------------------------*/
.abgne_tab {
	width: 730px;
	margin: 20px 0 10px 0;
}
ul.tabs {
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #d7d7d5;
	
}
ul.tabs li {
	float: left;
	height: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
}
ul.tabs li a {
	padding:3px 0 0 5px;
	color: #8f9497;
	background:url(../images/product/bt2.jpg);
	display:block;
	width:135px;
	height:17px;
	text-decoration: none;
}
ul.tabs li a:hover {
	background:url(../images/product/bt1.jpg);
	display:block;
	width:135px;
	height:17px;
	color:#009944;
}
ul.tabs li.active  {
	color: #8f9497;
}
ul.tabs li.active a:hover {
	background:url(../images/product/bt1.jpg);
	display:block;
	width:135px;
	height:17px;
	color:#009944;
}

div.tab_container .tab_content {
	padding: 20px;
}
div.tab_container .tab_content h2 {
	margin: 0 0 20px;
} 

/*--表格設定-----------------------------------------------------------------------------------*/
.table1 {
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
}

.td1 {
	color:#ffffff;
	background-color:#638640;
	font-size:9pt;line-height:16pt;padding:0 3px 0 3px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	text-align:center;
}

.td2 {
	color:#000000;
	background-color:#ffffff;
	font-size:13px;
	line-height: 25pt;
	padding:0 5px 0 5px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
    text-align:center;
	vertical-align:middle;
}


.td3 {
	color:#000000;
	background-color:#eeeeee;
	font-size:9pt;
	line-height: 16pt;
	padding:0 3px 0 3px;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}



	



/*- 服務項目 ------------*/
body.service .serbg{
	background:url(../images/service/bg.jpg);
	width:672px;
	height:312px;
	display:block;
	}
body.service .serlist{
	list-style-type:none;
	margin-left:460px;
	padding-top:20px;
	}	
body.service .serlist li{
	background:url(../images/service/lib.gif);
	width:205px;
	height:27px;
	display:block;
	color:#000;
	font-size:12px;
	padding:10px 0 0 36px;
	margin-bottom:8px;
	}		

/*- 接案流程 ------------*/
body.case .caselist{
	list-style-type:none;
	}
body.case .caselist li.p1{
	background:url(../images/case/p1.jpg);
	width:656px;
	height:130px;
	display:block;
	}
body.case .caselist li.p1 p{
	color:#8c8c8c;
	padding:95px 0 0 179px
	}	
	
body.case .caselist li.p2{
	background:url(../images/case/p2.jpg);
	width:656px;
	height:131px;
	display:block;
	}
body.case .caselist li.p2 p{
	color:#8c8c8c;
	padding:103px 0 0 178px
	}	
	
body.case .caselist li.p3{
	background:url(../images/case/p3.jpg);
	width:656px;
	height:131px;
	display:block;
	}
body.case .caselist li.p3 p{
	color:#8c8c8c;
	padding:104px 0 0 177px
	}	
	
body.case .caselist li.p4{
	background:url(../images/case/p4.jpg);
	width:656px;
	height:136px;
	display:block;
	}
body.case .caselist li.p4 p{
	color:#8c8c8c;
	padding:106px 0 0 177px
	}	
	
body.case .caselist li.p5{
	background:url(../images/case/p5.jpg);
	width:656px;
	height:134px;
	display:block;
	}
body.case .caselist li.p5 p{
	color:#8c8c8c;
	padding:102px 0 0 177px
	}	
	
body.case .caselist li.p6{
	background:url(../images/case/p6.jpg);
	width:656px;
	height:154px;
	display:block;
	}
body.case .caselist li.p6 p{
	color:#8c8c8c;
	padding:102px 0 0 179px
	}	
	
/*- 聯絡我們 ------------*/
body.contact .conbg{
	background:url(../images/contact/bg.jpg);
	width:689px;
	height:467px;
	display:block;
	margin-bottom:25px;
	}	
	
body.contact .conbg .cc{
	padding:40px 0 0 280px;
	}	
	
body.contact table td{
	vertical-align:top;
	}		
	
.inputkeyword{
	color:#666;
	background-color:#fff;
	width:250px;
	height:18px;
	font-size:12px;
	padding-left:3px;
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border:1px solid #dadada;
}	
	
.inputkeyword2{
	color:#666;
	background-color:#fff;
	width:270px;
	font-size:12px;
	padding-left:3px;
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border:1px solid #dadada;
}	

.t10{
	padding-top:10px;
	letter-spacing:2px;}
	
.cbo{
    left: 552px;
    list-style-type: none;
    position: absolute;
    top: 525px;
	}	
	
.cbo li{
	float:left;
	}	
	
.cbo li.c1 a{
	background:url(../images/contact/b1.jpg);
	width:68px;
	height:21px;
	display:block;
	text-indent:-9999px;
	margin-right:2px;
	}	
.cbo li.c1 a:hover{
	opacity:0.7;
	}	
	
.cbo li.c2 a{
	background:url(../images/contact/b2.jpg);
	width:68px;
	height:21px;
	display:block;
	text-indent:-9999px;
	margin-right:2px;
	}	
.cbo li.c2 a:hover{
	opacity:0.7;
	}		
	
/*- 網頁建置中 ------------*/
.cs{
	padding:10px 0 0 20px;
	}
	
	
/*- 關於我們 ------------*/
body.about .aboutbg{
	background:url(../images/about/bg2.jpg);
	width:702px;
	height:615px;
	display:block;
	}
/*body.about .aboutbg .p1{
	padding:167px 0 0 70px;
	letter-spacing:1px;
	font-family:"微軟正黑體";
	}	
body.about .aboutbg .p2{
	padding:20px 0 0 15px;
	line-height:240%;
	color:#5b5b5b;
	}	
body.about .aboutbg .p3{
	padding:41px 0 0 70px;
	letter-spacing:1px;
	font-family:"微軟正黑體";
	}
body.about .aboutbg .p4{
	padding:20px 0 0 15px;
	line-height:240%;
	color:#5b5b5b;
	}	*/
	
body.about .aboutbg .p1{
	position:absolute;
	top:257px;
	left:77px;
	letter-spacing:1px;
	font-family:"微軟正黑體";
	}	
body.about .aboutbg .p2{
	position:absolute;
	top:295px;
	left:25px;
	line-height:240%;
	color:#5b5b5b;
	}	
body.about .aboutbg .p3{
	position:absolute;
	top:479px;
	left:77px;
	letter-spacing:1px;
	font-family:"微軟正黑體";
	}
body.about .aboutbg .p4{
	position:absolute;
	top:520px;
	left:25px;
	line-height:240%;
	color:#5b5b5b;
	}	
	
/*- 案例 ------------*/
body.product .prolist{
	list-style-type:none;
	}
body.product .prolist li{
	float:left;
	width:210px;
	height:240px;
	margin-right:20px;
	margin-bottom:15px;
	}	
body.product .prolist li a:hover{
	opacity:0.8;
	}		
body.product .prolist .wk{
	padding:5px 0;
	}
body.product .prolist li p{
	text-align:center;
	padding-top:3px;
	}	
body.product .prolist li p a{
	color:#333;
	text-decoration:none;
	}
body.product .prolist li p a:hover{
	color:#000;
	text-decoration:underline;
	}					
body.product .pd{
	padding-top:-10px;
	padding-bottom:25px;
	}	
body.product .hg{
	height:100px;
	}	
body.product .backbo a{
	background:url(../images/product/back.jpg);
	width:81px;
	height:20px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:770px;
	left:310px;
	}	
body.product .backbo a:hover{
	opacity:0.7;
	}	
.fhg{
	height:550px;}


/*=================================== 首頁 ============================================*/
body.page_home {
	background:none;
	background-color:#000;
}
body.page_home .container {
	background:url(../images/index/bg.jpg) center top no-repeat #000;
	min-width:1000px;
}
body.page_home .header {
	background:none;
	margin-bottom:0;
	height:370px;
}

/*logo*/
body.page_home .header .title a {
	width:209px;
	left: 11px;
}

body.page_home .side1 {
	display:none;
}

/*右上連結*/
body.page_home .topw {
	list-style-type: none;
	position: absolute;
	top: 42px;
	left: 826px;
}

/*選單*/
body.page_home #nav1 {
	top: 118px;
	left: 50%;
	margin-left:-490px;
}
body.page_home #nav1 a.b1-5 {
	border-bottom:1px #2f2f2f solid;
	height:37px;
}

/*小icon連結*/
body.page_home .leftbanner {
	position:absolute;
	list-style-type:none;
	margin:335px 0 0 28px;
}
body.page_home .leftbanner li {
	float:left;
	border-right: 1px #2F2F2F solid;
}
body.page_home .leftbanner li.noline {
	border:none;
}
body.page_home .leftbanner a {
	background:url(../images/index/icon_link.png) 0 0 no-repeat;
	width:33px;
	height:27px;
	display:block;
	text-indent:-9999px;
}
body.page_home .leftbanner a.b1-1 { background-position:0 0;}
body.page_home .leftbanner a.b1-2 { background-position:-33px 0;}
body.page_home .leftbanner a.b1-3 { background-position:-66px 0;}
body.page_home .leftbanner a.b1-4 { background-position:-99px 0;}
body.page_home .leftbanner a.b1-5 { background-position:-132px 0;}
body.page_home .leftbanner a.b1-1:hover { background-position:0 -27px;}
body.page_home .leftbanner a.b1-2:hover { background-position:-33px -27px;}
body.page_home .leftbanner a.b1-3:hover { background-position:-66px -27px;}
body.page_home .leftbanner a.b1-4:hover { background-position:-99px -27px;}
body.page_home .leftbanner a.b1-5:hover { background-position:-132px -27px;}


body.page_home .content {
	position:relative;
	margin-top: -120px;
	width: 780px;
	float: right;
	min-height:460px;
}

body.page_home .pic_contact {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:60px;
	margin-left:-490px;
	background:url(../images/index/contack.png) 0 0 no-repeat;
	width:112px;
	padding-top:38px;
	min-height:51px;
}
body.page_home .pic_contact a {
	color:#f3ab35;
	text-decoration:none;
}

body.page_home .pic_design {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -217px;
	margin-top: -226px;
	width: 165px;
	height: 134px;
	animation:ani-pic_design 1.5s ease;
	-webkit-animation:ani-pic_design 1.5s ease;
	-moz-animation:ani-pic_design 1.5s ease;
	-o-animation:ani-pic_design 1.5s ease;
}
@keyframes ani-pic_design {
	0% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_design {
	0% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_design {
	0% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_design {
	0% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_company {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -77px;
	margin-top: -31px;
	width: 245px;
	height: 42px;
	animation:ani-pic_company 2s ease;
	-webkit-animation:ani-pic_company 2s ease;
	-moz-animation:ani-pic_company 2s ease;
	-o-animation:ani-pic_company 2s ease;
}
@keyframes ani-pic_company {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_company {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_company {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_company {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_a {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -369px;
	width: 368px;
	height: 248px;
	padding: 3px;
	border: 1px rgba(255, 225, 255, 0.3) solid;
	animation:ani-pic_a 5s ease;
	-webkit-animation:ani-pic_a 5s ease;
	-moz-animation:ani-pic_a 5s ease;
	-o-animation:ani-pic_a 5s ease;
}
@keyframes ani-pic_a {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_a {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_a {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_a {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_b {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -334px;
	margin-top: -16px;
	width: 198px;
	height: 147px;
	padding: 3px;
	border: 1px rgba(255, 225, 255, 0.3) solid;
	animation:ani-pic_b 5.5s ease;
	-webkit-animation:ani-pic_b 5.5s ease;
	-moz-animation:ani-pic_b 5.5s ease;
	-o-animation:ani-pic_b 5.5s ease;
}
@keyframes ani-pic_b {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_b {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_b {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_b {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_c {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 223px;
	margin-top: -79px;
	width: 165px;
	height: 130px;
	animation:ani-pic_c 4s ease ;
	-webkit-animation:ani-pic_c 4s ease ;
	-moz-animation:ani-pic_c 4s ease ;
	-o-animation:ani-pic_c 4s ease ;
}
@keyframes ani-pic_c {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_c {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_c {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_c {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_d {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 128px;
	margin-top: 85px;
	width: 100px;
	height: 85px;
	animation:ani-pic_d 4s ease ;
	-webkit-animation:ani-pic_d 4s ease ;
	-moz-animation:ani-pic_d 4s ease ;
	-o-animation:ani-pic_d 4s ease ;
}
@keyframes ani-pic_d {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_d {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_d {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_d {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_e {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -322px;
	margin-top: -272px;
	width: 87px;
	height: 79px;
	animation:ani-pic_e 4s ease ;
	-webkit-animation:ani-pic_e 4s ease ;
	-moz-animation:ani-pic_e 4s ease ;
	-o-animation:ani-pic_e 4s ease ;
}
@keyframes ani-pic_e {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_e {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_e {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_e {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_f {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -248px;
	margin-top: -338px;
	width: 60px;
	height: 53px;
	animation:ani-pic_f 3s ease ;
	-webkit-animation:ani-pic_f 3s ease ;
	-moz-animation:ani-pic_f 3s ease ;
	-o-animation:ani-pic_f 3s ease ;
}
@keyframes ani-pic_f {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_f {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_f {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_f {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_g {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 52px;
	margin-top: 45px;
	width: 55px;
	height: 50px;
	animation:ani-pic_g 3s ease ;
	-webkit-animation:ani-pic_g 3s ease ;
	-moz-animation:ani-pic_g 3s ease ;
	-o-animation:ani-pic_g 3s ease ;
}
@keyframes ani-pic_g {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_g {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_g {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_g {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}

body.page_home .pic_h {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -378px;
	margin-top: -75px;
	width: 51px;
	height: 49px;
	animation:ani-pic_h 2.5s ease ;
	-webkit-animation:ani-pic_h 2.5s ease ;
	-moz-animation:ani-pic_h 2.5s ease ;
	-o-animation:ani-pic_h 2.5s ease ;
}
@keyframes ani-pic_h {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-webkit-keyframes ani-pic_h {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-moz-keyframes ani-pic_h {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}
@-o-keyframes ani-pic_h {
	0% { opacity:0;}
	30% { opacity:0;}
	100% { opacity:100%;}
}