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

.main{
	background-color:transparent;
	background-image:url(../images/all/bg_main2.png);
	background-repeat:repeat-y;
	margin:15px auto 0;
}
.header .banner {
    background-color:transparent;
    position: absolute;
    left: 0;
    top: 0px;
    width: 1000px;
    height: 300px;
	z-index:9;
}
.header .title{
	display: block;
	position: absolute;
	width: 300px;
	height: 100px;
	left: 0;
	top: 0px;
	padding-left:0px;
	z-index:99;
}
.header .title a {
	display: block;
	position: absolute;
	width: 300px;
	height: 100px;
	left: 0;
	top: 0px;
	padding-left:0px;
	z-index:99;
}
ul#nav1 { /*個別設定, 使用ID*/
    width: 680px;	/*寬高*/
    height: 40px;
	color:#000;
	float:left;
	margin-left:310px;
	margin-top:30px;
	z-index:99;
	position:absolute;
}
ul#nav1 a {
	width: 120px;	/*個別按鈕大小*/
	height: 40px;
	text-indent: -9999px;	/*圖形選單隱藏文字, 文字選單不用設*/
	padding:0;	/**/
	text-align:center;
	background-image:url(../images/all/menu.png);
	background-repeat: no-repeat;
	z-index:99;
}
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:0 0px;}
ul#nav1 a.b1-2{background-position:-120px 0px; width:115px;}
ul#nav1 a.b1-3{background-position:-235px 0px; width:110px;}
ul#nav1 a.b1-4{background-position:-345px 0px; width:115px;}
ul#nav1 a.b1-5{background-position:-460px 0px; width:110px;}
ul#nav1 a.b1-6{background-position:-570px 0px; width:110px;}

ul#nav1 a.b1-1:hover{background-position:0 -40px;}
ul#nav1 a.b1-2:hover{background-position:-120px -40px;}
ul#nav1 a.b1-3:hover{background-position:-235px -40px;}
ul#nav1 a.b1-4:hover{background-position:-345px -40px;}
ul#nav1 a.b1-5:hover{background-position:-460px -40px;}
ul#nav1 a.b1-6:hover{background-position:-570px -40px;}

ul#nav2 { /*個別設定, 使用ID*/
	width: 110px;	/*寬高*/
	color: #000;
	position: absolute;
	z-index: 9;
	left:870px;
	top: 10px;
	height: 0px;
	z-index:99;
	color:#7b7b7b;
}
ul#nav2 a {
	/*width:50px;	個別按鈕大小
	height: 30px;*/
	padding:0;	/**/
	text-decoration:none;
	color:#7b7b7b;
	font-size:12px;
}
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
{
	color:#9b0909;
	text-decoration:underline;
	
}
ul#nav2 a.b2-1 ,ul#nav2 a.b2-1:hover{margin-top:2px\9;}
ul#nav2 li{
	margin-left:5px;
}

.side1 {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin-left: 20px;
	margin-top:10px;
    width: 225px;
	background-image:url(../images/all/leftline.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.side1 .nav{
	background-image:url(../images/all/lefmenu2.png);
	background-repeat:repeat-y;
	padding:0px 0px;
	width:200px;
}
.side1 .nav li{
	list-style-type:none;
	line-height:30px;
	background-image:url(../images/all/line.jpg);
	background-repeat: repeat-x;;
	background-position:left bottom;
}
.side1 .nav li a{
	color:#4a4a4a;
	font-size:13px;
	padding-left:20px;
	text-decoration:none;
	background-image:url(../images/all/lmenu.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	text-align:left;

}
.side1 .nav li a:hover{
	background-image:url(../images/all/lmenuo.png);
	background-repeat:no-repeat;
	background-position:0px 9px;
	color:#720202;
	font-size:13px;
	padding-left:28px;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
.side1 .nav-second li{
	display:block;
	list-style-type:none;
	line-height:30px;
	background-image:none;
}
.side1 .nav-second li a{
	background-image:url(../images/all/lmenu2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFF;
	font-size:12px;
	padding-left:40px;
	text-decoration:none;
}
.side1 .nav-second li a:hover{
	background-image:url(../images/all/lmenu2.png);
	background-repeat:no-repeat;
	background-position:0px -30px;
	color:#fff;
	font-size:12px;
	padding-left:40px;
	text-decoration:none;
}

.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.jpg);
	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.jpg);
	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 5px;
    min-height: 530px;
    width: 730px;
    z-index: 100;
}
.content .sec1{
	padding-left:0px;
	display:block;
	width:730px;
	line-height:30px;
}
.footer_bg{
	background-color:transparent;
	background-color:#FFF;
	background-image:url(../images/all/bg_footer.jpg);
	background-repeat:no-repeat;
}
.footer{
	background-color:transparent;
    padding: 23px 0 5px 0;
}
/*------------------------- 次級項目 ------------------------*/
/*header只留banner, 用flash做*/
.header div.breadcrumb, 
.header div.ex1,
.header div.ex1, 
.header div.ex2,
#floating{
	display:none;
}

.main_bg .ex1 {
    background-attachment: scroll;
    background-color: transparent;
    background-position: center bottom;
    background-repeat: no-repeat;
    bottom: 0;
    height: 80px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
	display:none;
}

.footer .sitemap{
	float:left;
	width:540px;
	padding-left:20px;
	color: #7b7b7b;
}
.footer .sitemap a{
    color: #7b7b7b;
	text-decoration:none;
}
.footer .sitemap a:hover{
	text-decoration:underline;
	color:#9b2626;
}

.footer .copyright {
    color: #7b7b7b;
	float:right;
	width:400px;
	padding-right:20px;
	text-align:right;
}
.footer .siteinfo{
	width:740px;
    color: #7b7b7b;
    font-size: 12px;
	clear:both;
	padding:10px 0 0px 10px;
	margin-bottom:15px;
}
.footer .siteinfo ul{
	list-style-type:none;
}
.footer .siteinfo ul li{
	float:left;
	margin:0 10px;
}
.footer .siteinfo a{
    color: #7b7b7b;
	text-decoration:none;
}
.footer .siteinfo a:hover{
	text-decoration:underline;
	color:#9b2626;
}
.footer .powered{
	position:absolute;
	left:850px;
}
.footer .powered a{
	color: #7b7b7b;
}
.footer .powered a:hover{
	color:#9b2626;
	text-decoration:none;
}

/*------------------------- 內文項目 -------------------------*/
.main .breadcrumb{
	position: absolute;
	left: 0px;
	top: 13px;
	text-align: right;
	font-size: 11px;
	color: #707070;
	width: 730px;
}
.main .breadcrumb a{
	color:#707070;
	text-decoration:none;
}
.main .breadcrumb a:hover{
	color:#900909;
	text-decoration:underline;
}
.main .breadcrumb ul{
	display:inline;
	list-style-type:none;
	background-image:none;	
}
.main .breadcrumb ul li{
	display:inline;
}


/*------------------------- 分頁 -------------------------*/
.page {
	color:#505050;
	padding:15px 0 5px 0;
	text-align:center;	
}
.page li{
	list-style-type:none;
	display:inline;
	padding-left:5px;
}
.page li img{
	vertical-align:middle;
	padding-left:5px;
}

/*------------------------- 按鈕與keyword -------------------------*/
.input01 {color:#d2d2d2;border:0;padding:0px;background: url(../images/all/btbg.jpg) transparent;width:62px;height:21px;cursor:pointer; margin-left:0px; font-size:11px;}
.input02{ font-size:12px;color:#FFF;border:0;padding:0px;background: url(../images/all/bt-bg.png); transparent;width:65px;height:27px;cursor:pointer; margin-left:10px;}
.inputkeyword01{border:1px solid #e1e1e1; background-color:#fff; color:#626262; padding-left:3px; padding-right:3px; width:130px; line-height:20px; height:20px;}
.inputkeyword02{border:1px solid #dedede; background-color:#FFF; color:#7a7a7a; padding-left:3px; padding-right:3px; width:300px; line-height:20px; height:20px;}
.inputkeyword03{border:1px solid #dedede;background-color:#FFF; font-size:12px;color:#031030;line-height:12pt; width:300px; height:100px;
	scrollbar-highlight-color   :#f8f8f8;  /*左上外框內綠*/
	scrollbar-shadow-color      :#f8f8f8;  /*右下外框內綠*/
	scrollbar-darkshadow-color  :#f8f8f8;  /*右下外框邊緣*/ 
	scrollbar-3dlight-color     :#f8f8f8;  /*左上外框邊緣*/
	scrollbar-arrow-color       :#cbdffb;  /*箭頭*/
	scrollbar-face-color        :#fff;  /*面板*/ 
	scrollbar-track-color       :#fff;  /*面板底色*/ 
    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.jpg);
	background-position:0 0px;
	background-repeat:no-repeat;
	height:70px;
	text-indent:-9999px;
}
.news .content h1{
	background-image:url(../images/all/title.jpg);
	background-position:0 -70px;
	background-repeat:no-repeat;
	height:70px;
	text-indent:-9999px;
}
.technical  .content h1{
	background-image:url(../images/all/title.jpg);
	background-position:0 -140px;
	background-repeat:no-repeat;
	height:70px;
	text-indent:-9999px;
}
.products .content h1{
	background-image:url(../images/all/title.jpg);
	background-position:0 -210px;
	background-repeat:no-repeat;
	height:70px;
	text-indent:-9999px;
}
.download .content h1{
	background-image:url(../images/all/title.jpg);
	background-position:0 -280px;
	background-repeat:no-repeat;
	height:70px;
	text-indent:-9999px;
}
.contact .content h1{
	background-image:url(../images/all/title.jpg);
	background-position:0 -350px;
	background-repeat:no-repeat;
	height:70px;
	text-indent:-9999px;
}



/*首頁*/
.home .side1{
	display:none;
}
.home .content{
	width:960px;
	padding-left:15px;
	min-height:200px;
}
.home .header_bg {
	background-color:transparent;
    background-image:url(../images/index/bg_header.jpg);
    height: 430px;
}
.home .header {
	background-color:transparent;
    height: 430px;
}
.home .main_bg{
	background-color:transparent;
     background-image:url(../images/index/bg_main.jpg);
    background-repeat: no-repeat;
    min-height:200px;	
}
.home .main{
	background-color:transparent;
	background-image: none;
	margin:15px auto 0;
}
.home .sec1{
	background-image:url(../images/index/bg.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	width:350px;
	height:170px;
	margin-top:30px;
	margin-left:10px;
	position:relative;
}
.home .sec2{
	width:590px;
	float:left;
	margin-top:15px;
	margin-left:10px;
	position:relative;
}
.home .pro{
	width:590px;
	float:left;
	margin-top:10px;
	display:block;
}
.home .pro li{
	float:left;
	margin:0 7px 0 0 ;
	display: block;
	list-style-type:none;
	color:#434343;
	text-align:center;
	width:140px;
}
.home .pro li a{
	color:#434343;
	text-decoration:none;
	font-size:13px;
	
}
.home .pro li a:hover{
	color:#9b2626;
	font-size:13px;
}
.home .pro img{
	height:120px;
	border:1px solid #dadada;
	background-color:#FFF;
	margin-bottom:10px;
}
.home .more a{
	background-image:url(../images/index/more.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	display:block;
	height:9px;
	width:53px;
	text-indent:-9999px;
}
.home .more a:hover{
	background-image:url(../images/index/more.jpg);
	background-repeat:no-repeat;
	background-position:0 -9px;
	display:block;
	height:9px;
	width:53px;
	text-indent:-9999px;
}



/*關於我們*/
.about .sec2{
	background-image:url(../images/about/bg.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
}
.about .sec3{
	background-image:url(../images/about/bg2.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	padding-left:230px;
	padding-top:20px;
	min-height:200px;
}

/*news*/
.news .titlebg{
	background-image:url(../images/news/bg.jpg);
	background-repeat:no-repeat;
	height:68px;
	padding-top:42px;
}
.news .titlebg2{
	background-image:url(../images/news/bg2.jpg);
	background-repeat:no-repeat;
	height:68px;
	padding-top:42px;
}
.news .sec2 li{
	list-style-type:none;
	border-bottom:1px solid #dedede;
	min-height:30px;
	line-height:34px;
	clear:both;
	display:block;
}
.news .sec2 li a{
	display:block;
	color:#505050;
	text-decoration:none;
}
.news .sec2 li a:hover{
	color:#9b2626;
	background-color:#f7f7f7;
	text-decoration:underline;
}
.news .word{
	float: left;
	padding-left:5px;
	width:720px;
}
.news .date{
	float: left;
	width:80px;
	text-align:center;
}
.news .titlew{
	float: left;
	color:#9b2626;
	font-weight:bold;
	width:520px;
	padding-left:105px
}
.news .date2{
	float: left;
	width:105px;
	text-align:center;
}

/*prodcuts*/
.products  h2{
	margin-left:10px;
	font-size:16px;
	font-family:"微軟正黑體";
	color:#000;
	padding-left:20px;
	background-image:url(../images/products/a.png);
	background-repeat:no-repeat;
	background-position:0 1px;
	line-height:20px;
}
.products .pro{
	width:730px;
	float:left;
	margin:10px 0 0 0px;
	display:block;
}
.products .pro li{
	float:left;
	margin:0 0 0 12px;
	display: block;
	list-style-type:none;
	color:#434343;
	text-align:center;
	width:170px;
	margin-bottom:10px;
}
.products .pro li a{
	color:#434343;
	text-decoration:none;
	font-size:13px;
	
}
.products .pro li a:hover{
	color:#9b2626;
	font-size:13px;
}
.products .pro .img{
	width:170px;
	display:inline;
	float:left;
	overflow:hidden;
	height:140px;
	text-align:center;
	border:1px solid #dadada;
}
.products .img2{
	width:410px;
	display:inline;
	float:left;
	overflow:hidden;
	height:350px;
	text-align:center;
	border:1px solid #dadada;
	margin:10px 0 0 10px;
}

.products .word{
	display:block;
	text-align:center;
	line-height:26px;
	clear:both;
	margin-top:5px;
}
.products .word sapn{
	font-size:15px;
}
.products .word2{
	display:block;
	text-align:left;
	line-height:26px;
	float:left;
	margin-top:5px;
	width:300px;
}
.products .pros{
	float:left;
	margin:0px;
	display:block;
}
.products .pros li{
	float:left;
	margin:0 0 0 5px;
	display: block;
	list-style-type:none;
	color:#434343;
	text-align:center;
	width:95px;
}
.products .pros li a{
	color:#434343;
	text-decoration:none;
	font-size:13px;
}
.products .pros li a:hover{
	color:#9b2626;
	font-size:13px;
}
.products .pros .img{
	width:95px;
	display:inline;
	float:left;
	overflow:hidden;
	height:80px;
	text-align:center;
	border:1px solid #dadada;
}
.products .sec3{
	clear:both;
	background-image:url(../images/products/b2.jpg);
	background-repeat:repeat-y;
	margin:10px 0 0 5px;
}
.products .sec3 h1{
	background:none;
	height: auto;
	text-indent:1px;
}
.products .sec3 h2{
	margin-left:0px;
	font-size:16px;
	font-family:"微軟正黑體";
	color: inherit;
	padding-left:0px;
	background:none;
	line-height: none;
}


/*contact*/
.contact .sec2{
	background-image:url(../images/contact/bg2_2.jpg);
	background-repeat:repeat-y;
	margin-top:5px;
}
.contact .sec2 .word{
	padding:0 20px;
	background-image:url(../images/contact/bgbg.jpg);
	background-repeat:no-repeat;
	background-position: center bottom;
}


/*technical*/
.technical .sec2{
	margin-left:25px;
}
.technical .sec2 ul{
	background-image:url(../images/technical/pic2.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:50px;
	margin-left:20px;
}
.technical .sec2 ul li {
	list-style-type:none;
	background-image:url(../images/technical/a.jpg);
	background-repeat:no-repeat;
	display:block;
	padding-left:25px;
	background-position:left 5px;
}


/*download*/
.download .sec1 ul{
	display:inline;
	position:relative;
	clear:both;
}
.download .sec1 ul li{
	list-style-type:none;
	margin:0 35px;
	float:left;
	width:165px;
	display:block;
}
.download .sec2{
	float:left;
	width:165px;
	margin:10px 35px 40px 40px;
	position:relative;
}
.download .download{
	display: block;
	width: 94px;
	height: 96px;
	text-decoration:none;
	left: 104px;
	top: 166px;
	position:absolute;
}
.download .download a{
	display: block;
	background-image: url(../images/download/download.png);
	background-repeat: no-repeat;
	width: 94px;
	height: 71px;
	color:#333;
	text-decoration:none;
	text-align:center;
	padding-top:25px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.download .download a:hover{
	display: block;
	background-image: url(../images/download/download.png);
	background-repeat: no-repeat;
	background-position:0 -96px;
	width: 94px;
	height: 71px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding-top:25px;
	font-size:20px;
}
.download .download2{
	display: block;
	width: 94px;
	height: 96px;
	text-decoration:none;
	left: 104px;
	top: 166px;
	position:absolute;
}
.download .download2 a{
	display: block;
	background-image: url(../images/download/download2.png);
	background-repeat: no-repeat;
	width: 94px;
	height:81px;
	color:#333;
	text-decoration:none;
	text-align:center;
	padding-top:15px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.download .download2 a:hover{
	display: block;
	background-image: url(../images/download/download2.png);
	background-repeat: no-repeat;
	background-position:0 -96px;
	width: 94px;
	height:81px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding-top:15px;
	font-size:20px;
}

a.link {
	color:#a40101;
	text-decoration:none;
}
a.link:hover{
	color:#000;
	text-decoration:none;
}