@charset "utf-8";
/* CSS Document */
/*頂層項目*/
body {
    background-color: #fff;
    color: #595959;
	font-size:13px;
}
img{
	border:0px;
}
.header_bg {
	background-color:transparent;
    background-image:url(../images/all/bg_header.jpg);
    height: 470px;
}
.header {
	background-color:transparent;
    height: 470px;
}

.main_bg{
	background-color:transparent;
   background-image:url(../images/all/bg_main.jpg);
    background-repeat: no-repeat;;
    min-height: 450px;	
}

.main{
	background-color:transparent;
	margin: 0px auto 0;
	padding:0 10px;
	width:960px;
}
.header .banner {
    background-color:transparent;
    position: absolute;
    left:20px;
    top: 160px;
    width: 940px;
    height:300px;
	overflow:hidden;
}
.header .title a {
	display: block;
	position: absolute;
	width:410px;
	height: 100px;
	left: 0;
	top: 0px;
	padding-left:0px;
}
ul#nav1 { /*個別設定, 使用ID*/
    width: 960px;	/*寬高*/
    height: 50px;
	color:#000;
	float:left;
	margin-left:10px;
	margin-top:100px;
	background-image:url(../images/all/menubg.png);
	background-repeat: no-repeat;
}
ul#nav1 a {
	width: 140px;	/*個別按鈕大小*/
	height: 50px;
	text-indent: -9999px;	/*圖形選單隱藏文字, 文字選單不用設*/
	padding:0;	/**/
	text-align:center;
	background-image:url(../images/all/menu.png);
	background-repeat: no-repeat;
}
ul#nav1 ul {
	margin-top:-10px;
}
ul#nav1 ul li{
	display: inline;
	clear:both;
	z-index:999px;
}
ul#nav1 ul li a{
	background-image:none;
	background-color:#3f68b1;
	text-indent:0;
	color:#FFF;
	border-top:1px #6586c1 solid;
	line-height:30px;
	height:auto;
	min-height:34px;
	background-image:url(../images/all/la.jpg);
	background-repeat:no-repeat;
	background-position:5px 6px;
	text-align:left;
	padding-left:25px;
	width:210px;
}
ul#nav1 ul li a:hover{
	background-image:none;
	background-color:#3f68b1;
	text-indent:0;
	color:#93e0ff;
	border-top:1px #6586c1 solid;
	line-height:30px;
	height:auto;
	min-height:34px;
	background-image:url(../images/all/la.jpg);
	background-repeat:no-repeat;
	background-position:5px 6px;
	text-align:left;
	padding-left:25px;
	width:210px;
}
ul#nav1 a:hover,
body.b1-1 ul#nav1 a.b1-1,
body.b1-2 ul#nav1 a.b1-2,
body.b1-3 ul#nav1 a.b1-3,
body.b1-4 ul#nav1 a.b1-4,
body.b1-5 ul#nav1 a.b1-5,
body.b1-6 ul#nav1 a.b1-6
{
	background-image:url(../images/all/menu.png);
	background-repeat: no-repeat;
}
ul#nav1 a.b1-1{background-position:-35px 0px; width:110px; margin-left:35px;}
ul#nav1 a.b1-2{background-position:-170px 0px; margin-left:25px; width:127px;}
ul#nav1 a.b1-3{background-position:-322px 0px; margin-left:25px; width:173px;}
ul#nav1 a.b1-4{background-position:-520px 0px; margin-left:25px; width:83px;}
ul#nav1 a.b1-5{background-position:-632px 0px; margin-left:25px; width:131px;}
ul#nav1 a.b1-6{background-position:-788px 0px; margin-left:25px; width:172px;}

ul#nav1 a.b1-1:hover{background-position:-35px -50px; width:110px; margin-left:35px;}
ul#nav1 a.b1-2:hover{background-position:-170px -50px; margin-left:25px; width:127px;}
ul#nav1 a.b1-3:hover{background-position:-322px -50px; margin-left:25px; width:173px;}
ul#nav1 a.b1-4:hover{background-position:-520px -50px; margin-left:25px; width:83px;}
ul#nav1 a.b1-5:hover{background-position:-632px -50px; margin-left:25px; width:131px;}
ul#nav1 a.b1-6:hover{background-position:-788px -50px; margin-left:25px; width:172px;}

ul#nav2 { /*個別設定, 使用ID*/
	width:540px;	/*寬高*/
	color: #000;
	position: absolute;
	z-index: 9;
	left: 415px;
	top: 64px;
}
ul#nav2 a {
	width:200px;	/*個別按鈕大小*/
	height: 20px;
	padding:0;	/**/
	text-decoration:none;
	background-image:url(../images/all/menu2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size:12px;
	text-indent:-9999px;
}
ul#nav2 a:hover,
body.b2-1 ul#nav2 a.b2-1,
body.b2-2 ul#nav2 a.b2-2,
body.b2-3 ul#nav2 a.b2-3
{
	background-image:url(../images/all/menu2.png);
	background-repeat:repeat;
	text-decoration:underline;
	
}
ul#nav2 a.b2-1{ background-position:0px 0px;}
ul#nav2 a.b2-2{ background-position:-200px 0px; width:147px;}
ul#nav2 a.b2-3{ background-position:-347px 0px; width:193px;}

ul#nav2 a.b2-1:hover{ background-position:0px -20px;}
ul#nav2 a.b2-2:hover{ background-position:-200px -20px; width:147px;}
ul#nav2 a.b2-3:hover{ background-position:-347px -20px; width:193px;}

.side1 {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin:0 23px;
    width: 210px;
}
.side1 .nav{
	padding:0px 0px 30px 0;
}
.side1 .nav li{
	display:block;
	list-style-type:none;
	line-height:25px;
	margin:2px 0;
}
.side1 .nav li a{
	color:#ffffff;
	font-size:13px;
	padding-left:28px;
	text-decoration:none;
	background-image:url(../images/all/lmenu.png);
	background-repeat:no-repeat;
	background-position:0px 0px;

}
.side1 .nav li a:hover{
	background-image:url(../images/all/lmenu.png);
	background-repeat:no-repeat;
	background-position:0px -25px;
	color:#fff;
	font-size:13px;
	padding-left:28px;
	text-decoration:none;
}
.side1 .nav-second li{
	display:block;
	list-style-type:none;
	line-height:25px;
	background-image:url(../images/all/line.png);
	background-repeat: repeat-x;
	background-position:left bottom;
	width:210px;
	min-height:25px;
}
.side1 .nav-second li a{
	background-image:url(../images/all/lmenu2.png);
	background-repeat:no-repeat;
	background-position:30px 4px;
	color:#6c6c6c;
	font-size:12px;
	padding-left:45px;
	text-decoration:none;
}
.side1 .nav-second li a:hover{
	background-image:url(../images/all/lmenu2.png);
	background-repeat:no-repeat;
	background-position:30px 4px;
	color:#000;
	font-size:12px;
	padding-left:45px;
	text-decoration:underline;
}

.side1 .nav-third li{
	display:block;
	list-style-type:none;
	line-height:24px;
	background-image:none;
}
.side1 .nav-third li a{
	background-image:url(../images/all/lmenu3.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
	color:#6c6c6c;
	font-size:12px;
	padding-left:48px;
	text-decoration:none;
}
.side1 .nav-third li a:hover{
	background-image:url(../images/all/lmenu3.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
	color:#000;
	font-size:12px;
	padding-left:48px;
	text-decoration:underline;
}


.side2 {
    display: none;
    float: left;
}
.content {
    float: left;
    margin: 0 0 0 20px;
    min-height:450px;
    width:660px;
    z-index: 100;
}
.content .sec1{
	padding-left:10px;
	display:block;
	width:650px;
	line-height:30px;
}
.footer_bg{
	background-color:transparent;
    background-image: url(../images/all/bg_footer.jpg) ;
	background-repeat:repeat-x;
    color: #595959;
}
.footer{
	background-color:transparent;
    padding:20px 20px 10px 20px;
	width:940px;
	font-size:12px;
}
/*------------------------- 次級項目 ------------------------*/
/*header只留banner, 用flash做*/
.header div.breadcrumb, 
.header div.ex1,
.header div.ex1, 
.header div.ex2
{
	display:none;
}
#floating{
	width:23px;
	height:22px;
	display:block;
	left:950px;
	background-color:transparent;
}
#floating a{
	background-image:url(../images/all/top.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	text-indent:-99999px;
	display:block;
	width:23px;
	height:22px;
}
#floating a:hover{
	background-image:url(../images/all/top.jpg);
	background-repeat:no-repeat;
	background-position:0 -22px;
	text-indent:-99999px;
	display:block;
	width:23px;
	height:22px;
}


.footer .sitemap{
}
.footer .sitemap a{
	color:#7c7c7c;
	text-decoration:none;
}
.footer .sitemap a:hover{
	color:#0fa0db;
}

.footer .copyright {
    padding: 8px 0 0;
    text-align:left;
	clear:both;
}
.footer .siteinfo{
	margin:8px auto;
    font-size: 12px;
	clear:both;
	color:#595959;
}
.footer .siteinfo ul{
	list-style-type:none;
}
.footer .siteinfo ul li{
	float:left;
	margin:0 10px 0 0 ;
}
.footer .siteinfo a{
    color: #5C3710;
	text-decoration:none;
}
.footer .siteinfo a:hover{
	text-decoration:underline;
	color:#824F27;
}
.footer .powered{
	position:absolute;
	left:830px;
	top:60px;
}
.footer .powered a{
	color:#cdcccc;
	text-decoration:none;
	font-size:11px;
}
.footer .powered a:hover{
	color:#0fa0db;
	font-size:11px;
	text-decoration:underline;
}

/*------------------------- 內文項目 -------------------------*/
.main .breadcrumb{
	left: 0px;
	top: 00px;
	text-align:left;
	font-size: 11px;
	color: #868686;
	width: 660px;
	margin-bottom:10px;
	background-image:url(../images/all/line.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:10px;
}
.main .breadcrumb a{
	color:#4fb1e9;
	text-decoration:none;
}
.main .breadcrumb a:hover{
	color:#315eaf;
	text-decoration:underline;
}
.main .breadcrumb ul{
	display:inline;
	list-style-type:none;
	background-image:none;	
}
.main .breadcrumb ul li{
	display:inline;
}

/*------------------------- 分頁 -------------------------*/
.page {
	color:#646464;
	margin:15px 0 5px 0;
	padding-top:15px;
	height:35px;
	text-align:center;
	background-image:url(../images/page/bg.jpg);
	background-position:0px 12px;
	background-repeat:no-repeat;
}
.page li{
	list-style-type:none;
	display:inline;
	padding-left:5px;
}
.page li img{
	vertical-align:middle;
	padding-left:5px;
}

/*------------------------- 按鈕與keyword -------------------------*/
.input01 {color:#fff;border:0;padding:0px;background: url(../images/all/bt-bg.png) transparent;width:65px;height:27px;cursor:pointer; margin-left:0px; font-size:11px;}
.input02 {color:#fff;border:0;padding:0px;background: url(../images/product/searchbt.jpg)  transparent;width:55px;height:30px;cursor:pointer; margin-left:0px; font-size:11px; text-indent:-99999px;}
.inputkeyword01{border:1px solid #cbcbcb; background-color:#fff; color:#666666; padding-left:3px; padding-right:3px; width:155px; line-height:20px; height:20px;}
.inputkeyword02{border:1px solid #cbcbcb; background-color:#fff; color:#666666; padding-left:3px; padding-right:3px; width:400px; line-height:20px; height:20px;}
.inputkeyword03{border:1px solid #cbcbcb;background-color:#fff; font-size:12px;color:#666666;line-height:12pt; width:400px; height:150px;
	scrollbar-highlight-color   :#fff;  /*左上外框內綠*/
	scrollbar-shadow-color      :#fff;  /*右下外框內綠*/
	scrollbar-darkshadow-color  :#fff;  /*右下外框邊緣*/ 
	scrollbar-3dlight-color     :#fff;  /*左上外框邊緣*/
	scrollbar-arrow-color       :#666;  /*箭頭*/
	scrollbar-face-color        :#fff;  /*面板*/ 
	scrollbar-track-color       :#fff;  /*面板底色*/ 
/*	scrollbar-base-color        :#818181;    一次設定整個捲軸的基底色彩，顏色設定為網站風格色系即可*/
display:inherit;
}

/*------------------------- 圖片位置 -------------------------*/
.bg01_lefttop   {background-position:0 0;      background-repeat:no-repeat;}   /*底圖不重覆靠左置上*/
.bg02_leftdown  {background-position:0 100%;   background-repeat:no-repeat;}   /*底圖不重覆靠左置下*/
.bg03_righttop  {background-position:100% 0;   background-repeat:no-repeat;}   /*底圖不重覆靠右置上*/
.bg04_rightdown {background-position:100% 100%;background-repeat:no-repeat;}   /*底圖不重覆靠右置下*/
.bg05_centertop {background-position:50% 0;    background-repeat:no-repeat;}   /*底圖不重覆置中置上*/
.bg06_centerdown{background-position:50% 100%; background-repeat:no-repeat;}   /*底圖不重覆置中置下*/
.bg07_center    {background-position:50% 50%; background-repeat:no-repeat;}    /*底圖不重覆置中置中*/

.bg10_xlefttop  {background-position:0 0;      background-repeat:repeat-x;}    /*底圖水平重覆靠左置上*/
.bg11_xleftdown {background-position:0 100%;   background-repeat:repeat-x;}    /*底圖水平重覆靠左置下*/
.bg12_ylefttop  {background-position:0 0;      background-repeat:repeat-y;}    /*底圖垂直重覆靠左置上*/
.bg13_yleftdown {background-position:0 100%;   background-repeat:repeat-y;}    /*底圖垂直重覆靠左置下*/

.bg20_xrighttop {background-position:100% 0;   background-repeat:repeat-x;}    /*底圖水平重覆靠右置上*/
.bg21_xrightdown{background-position:0 0;      background-repeat:repeat-x;}    /*底圖水平重覆靠右置下*/
.bg22_yrighttop {background-position:100% 0;   background-repeat:repeat-y;}    /*底圖垂直重覆靠右置上*/
.bg23_yrightdown{background-position:0 0;      background-repeat:repeat-y;}    /*底圖垂直重覆靠右置下*/
.bg30_xcenter  {background-position:50% 50%;      background-repeat:repeat-x;}    /*底圖水平重覆置中置中*/


/*------------------------- title -------------------------*/
.about .content h1{
	background-image:url(../images/all/title.png);
	background-position:0 0px;
	background-repeat:no-repeat;
	height:55px;
	text-indent:-9999px;
}
.product .content h1{
	background-image:url(../images/all/title.png);
	background-position:0 -165px;
	background-repeat:no-repeat;
	height:55px;
	text-indent:-9999px;
}
.contact .content h1{
	background-image:url(../images/all/title.png);
	background-position:0 -275px;
	background-repeat:no-repeat;
	height:55px;
	text-indent:-9999px;
}






.search{
	margin-bottom:20px;
}
.fblink{
	position: absolute;
	left: 610px;
	top: -10px;
	display: block;
}
.fblink .fblink1 a{
	background-image:url(../images/all/fblink.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:21px;
	height:23px;
	text-indent:-9999px;
	display:block;
}
.fblink .fblink1 a:hover{
	background-image:url(../images/all/fblink.jpg);
	background-repeat:no-repeat;
	background-position:0 -2px;
	width:21px;
	height:23px;
	text-indent:-9999px;
	display:block;
}
.fblink .fblink2{
	position: absolute;
	left: 25px;
	top: 0px;
}
.fblink .fblink2 a{
	background-image:url(../images/all/fblink.jpg);
	background-repeat:no-repeat;
	background-position:-26px 0px;
	width:21px;
	height:23px;
	text-indent:-9999px;
	display:block;
}
.fblink .fblink2 a:hover{
	background-image:url(../images/all/fblink.jpg);
	background-repeat:no-repeat;
	background-position:-26px -2px;
	width:21px;
	height:23px;
	text-indent:-9999px;
}


/*產品頁*/
.pro{
	width:630px;
	margin:5px;
	clear:both;
}
.pro li{
	display:block;
	list-style-type:none;
	clear:both;
	padding:20px 0 0px 0px;
}
.pro li a{
	color:#626262;
	text-decoration:none;
	font-size:13px;
	
}
.pro li a:hover{
	color:#626262;
	font-size:13px;
}
.pro .pic{
	border:1px solid #d6d6d6;
	padding:5px;
	width:190px;
	height:145px;
	float:left;
}
.pro .word{
	float:left;
	margin-left:10px;
	width:410px;
	line-height:24px;
}
.pro a .word h2{
	font-size:16px;
	text-decoration: underline;
	color:#0266c3;
}
.pro a .word h2:hover{
	font-size:16px;
	text-decoration: none;
	color:#0266c3;
}
.pro a .more{
	background-image:url(../images/product/more.jpg);
	background-position:0 0px;
	background-repeat:no-repeat;
	width:137px;
	height:30px;
	display:block;
	text-indent:-9999px;
	float:right;
}
.pro a .more:hover{
	background-image:url(../images/product/more.jpg);
	background-position:0 -30px;
	background-repeat:no-repeat;
	width:137px;
	height:30px;
	display:block;
	text-indent:-9999px;
	float:right;
}
.product .pic2{
	border:1px solid #d6d6d6;
	padding:5px;
	width:330px;
	height:246px;
	float:left;
	margin-right:10px;
}

.product h2{
	font-size:16px;
	text-decoration: underline;
	color:#0266c3;
}
.product .word2{
	background-color:#0fa0db;
	font-size:12px;
	color:#FFF;
	text-align:center;
	display:block;
	margin:10px 0 5px 0;
}
.product .pror{
	float:left;
	margin:0px;
	display:block;
	margin-top:5px;
}
.product .pror li{
	float:left;
	margin:0 7px 0 7px;
	display: block;
	list-style-type:none;
	color:#434343;
	text-align:center;
	width:115px;
}
.product .pror .img{
	border:1px solid #d6d6d6;
}
.product .pror li a{
	color:#434343;
	text-decoration:none;
	font-size:13px;
}
.product .pror li a:hover{
	color:#0fa0db;
	font-size:13px;
}
.product .pror .img{
	width:115px;
	display:inline;
	float:left;
	overflow:hidden;
	height:84px;
	text-align:left;
}



.home .header_bg {
	background-color:transparent;
    background-image: none;
    height: 600px;
}
.home .header {
	background-color:transparent;
    height: 600px;
}
.home .main_bg{
	background-color:transparent;
    background-image: none;
    background-repeat: no-repeat;
    min-height:135px;	
}

.home .main{
	background-color:transparent;
	margin: 0px auto 0;
	padding:0 10px;
	width:960px;
}
.home .side1,
.home #floating{
	display:none;
}
.home .content{
	width:900px;
	min-height:135px;
	margin: 0 0 0 30px;
}
.home .content .sec1{
	padding-left:0px;
	display:block;
	width: auto;
	line-height:20px;
}
.home .sec2{
	width:510px;
	float:left;
}
.home .sec2 h1{
	background:url(../images/index/title.png) no-repeat;
	width:105px;
	height:25px;
	display:block;
	text-indent:-99999px;
}
.home a.more{
	background: url(../images/index/more.png) no-repeat;
	width: 25px;
	height: 5px;
	text-indent: -99999px;
	float: left;
	display: block;
	position: absolute;
	left: 285px;
	top:95px;
}
.home a.more:hover{
	background:url(../images/index/more.png) no-repeat 0 -5px;
	width:25px;
	height:5px;
	text-indent:-99999px;
	float:left;
	display:block;
}
.home .sec3{
	width:370px;
	float:left;
	margin:0 0 0 20px;
}
.home .sec3 h1{
	background:url(../images/index/title.png) no-repeat 0 -25px;
	width:105px;
	height:25px;
	display:block;
	text-indent:-99999px;
}

.home .fblink{
	position: absolute;
	left: 865px;
	top:35px;
	display: block;
}
.home .fblink .fblink1 a{
	background-image:url(../images/index/fblink.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:30px;
	height:32px;
	text-indent:-9999px;
	display:block;
}
.home .fblink .fblink1 a:hover{
	background-image:url(../images/index/fblink.jpg);
	background-repeat:no-repeat;
	background-position:0 -2px;
	width:30px;
	height:32px;
	text-indent:-9999px;
	display:block;
}
.home .fblink .fblink2{
	position: absolute;
	left: 0px;
	top:40px;
}
.home .fblink .fblink2 a{
	background-image:url(../images/index/fblink.jpg);
	background-repeat:no-repeat;
	background-position:-35px 0px;
	width:30px;
	height:32px;
	text-indent:-9999px;
	display:block;
}
.home .fblink .fblink2 a:hover{
	background-image:url(../images/index/fblink.jpg);
	background-repeat:no-repeat;
	background-position:-35px -2px;
	width:30px;
	height:32px;
	text-indent:-9999px;
}
.home .header .banner {
    background-color:transparent;
    position: absolute;
    left:20px;
    top: 160px;
    width: 940px;
    height:445px;
	overflow:hidden;
}