@import url("table_style.css");
@import url("from_html5.css");   


/* CSS Document */
*{margin:0;padding:0;font-size:12px;}
ul,li,dl,ol{list-style:none;}
.clear{ clear:both; height:0; line-height:0;}
a,img{border:0;text-decoration:none;}
/*#ad{position: relative;height:450px;top:118px;}*/


.mainTable {
    width:98%;
}

input:focus {
  outline : 0;
}


body {
	background: #333;
	TEXT-DECORATION: none;
	FONT-FAMILY: "微軟正黑體", "黑體";
	margin: 0;
	font-size: 80%;
	width: auto;
	height: auto;
	max-height: none;
	max-width: none;
}
/**--------------------------------------Index--------------------------------------------**/
#outDiv{
	width:1000px;
	margin:auto;
}
/**headrer**/
#top{	  
    width:1000px;
	margin:auto;
	height:118px;
}
#topL{
	float: left;
    padding: 15px 0 0px 62px;
}
#logo{}
#topR{
	float:left;

}
#topRbg{
    width: 600px;
    margin: 5px 0 0 30px;
    text-align: right;
    
	}
        
#word {
    background: transparent;
    border: none;
}        
        
        
/**menu**/
ul#navigation{
	clear:both;
	list-style: none;
	padding:10px 0 10px 0px;
	
}

ul#navigation li{ float:left;padding:0 20px 0 20px; }
ul#navigation li:hover,ul#navigation.selected{
	background: url(../images/menu_hover.png) center top no-repeat;
}
#lang div{float:right;padding:8px 30px 0px 0;height:20px; line-height:20px; color:#CCCCCC;}	

#lang div a{                
    color:#CCCCCC;  
}
#lang div a:hover{
    color:#00CCFF;
}


ul#navigation li a{
	width:92px;
	height:65px;
	line-height: 65px;
	font-size:16px;
	text-align:center;
	text-decoration: none;
	color: #FFF;
	font-weight: bolder;
	font-family: Helvetica;
}
ul#navigation li:hover a,ul#navigation li a.selected{
	border-bottom:solid 3px #00CCFF;
	color: #000;	
}
ul#navigation menu_Company{}



/* banner */
#adMark{
	width:1000px;
	margin:0 auto;
	position: absolute;
	z-index:1;
	left: 0px;
    
}
.banner{width:1920px;overflow:hidden;position:relative;top:0px;}
.banner_inner{position:relative;height:450px;width:1903px;margin:0 auto;}

.banner_img{width:20000px}
.banner_img li{float:left;width:1000px; position:relative}
.banner_img li.bgli01{
	background-image: url(../images/index_banner01.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.banner_img li.bgli02{background:url(../images/index_banner02.jpg) center no-repeat;}
.banner_img li.bgli03{background:url(../images/index_banner03.jpg) center no-repeat;}


.banner .child1{
    position:absolute;
	width:588px;
	height:450px;
	left:104px;
	top:0;
	z-index:99;
}
.banner .child2{
    position:absolute;
	width:654px;
	height:450px;
	left:450px;
	top:0px;
}
.banner_common{position:relative;width:990px;margin:0 auto}
.banner_pre{position:absolute;top:50%;left:800px;margin-top:40px;width:57px;height:62px;cursor:pointer;background:url(../images/banner_btn_l.png) no-repeat;opacity:.5;filter:alpha(opacity=50);
z-index:99;}
.banner_next{position:absolute;top:50%;right:50px;margin-top:40px;width:57px;height:62px;cursor:pointer;background:url(../images/banner_btn_r.png) no-repeat;opacity:.5;filter:alpha(opacity=50);z-index:99;}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{position:absolute;top:424px;left:50%;margin-left:-40px;z-index:100;}
.banner .control li{float:left;margin-left:15px;width:15px;height:15px;border-radius:50%;cursor:pointer;background:#fff}
.banner .control li a{display:none}
.banner .control li.current{
	background-color: #FFFF99;
}

/**content**/
#main_content_bk{
	width:100%;
	position: relative;
}
#main_content_bk #main_contentArea{
	width: 100%;
	height: 380px;
	background: url(../images/index_main_bg.png) no-repeat;
}
#main_con_L{
	width:335px;
	float:left;
	padding:25px 0px 0px 29px;
	color: #666;
}
#main_L_info{
	float:left;
	padding: 10px 90px 15px 10px;
	border-bottom:solid 1px #CCC;
	border-right: solid 1px #CCC;
	background-image: url(../images/index_news_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main_L_info p{line-height:32px;}
#main_L_info p a{color:#000;}
#main_L_info p a:hover{color:#2492C1;}

#in_mid{float:left; margin-top:80px;border:solid 1px #CCC;}
#main_con_R{float:left;padding:80px 0px 0px 30px;}
#main_con_D{
	float:left;
	width:1000px;
	padding:38px 0 30px 0px;
	
}
#downMenu{
	height:20px;
	line-height:20px;
	background-image: url(../images/copyright_menubg.gif);
	background-repeat: no-repeat;
	background-position: center 0;
}
#downMenu ul{
	width: 355px;
	margin: 0 auto;
	text-align: center;
}
#downMenu ul li{
	float:left;
	text-align: center;
}
#downMenu ul li a{
	float:left;
/*	width:50px;*/
	height:20px;
	color: #999;
}
#downMenu a:hover{
	color:#666;
}
#downMenu .str_cut {
    color:#8B8B8B ;
    margin-top: -2px; 
    padding:0 10px;  
    line-height:14px;
}

/* down */
#down{ 
	display:block;
	width:1000px;
	clear:both;
	margin:0 auto 10px auto; 
    padding:20px 0 15px 0;
}
#downL{
	float:left;
    width:170px;
    text-align:right;
    padding:0 20px 0 0;
}
#downM{
	float:left;
	width:550px;
	color:#59514F;
	line-height: 20px;
	
}
#downM p{
    margin: 0;
	white-space: 30px;
}
#downR{ float:left;}
#footer_right {
    padding:20px 0 0 110px; 
	text-align: right;   
}

#footer_right p{
    padding:0 ;
    margin: 0;
    font-size:8px;
    color:#787878;
}
#footer_right table{
	padding-left:21px;
    
}
#footer_right p a{
	text-align: right;
    font-size:8px;
    color:#C6C6C6;
    -webkit-transform : scale(0.65); -o-transform : scale(1); display : inline-block;
}
#footer_right img{
    width:25px;
    height:25px;
    
}


#footer_right p a:hover{
    color:#003466;
}
#footer_right td {
    
    padding:0 2px;
}

/**-----inside-----*/
#insideDiv{
	width:100%;
	background: url(../images/inside_x_bg.jpg) repeat-x top  #FFF;
		
}
#insideDivTop{
	background: url(../images/inside_bg.jpg) center top no-repeat ;
}
#inDivY{
	background-image: url(../images/main_y_bg.png);
	background-repeat: repeat-y;
	background-position: center 0;
	
}
#inDiv{
	background-image: url(../images/main_topbg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#inDivD{
	background-image: url(../images/main_bottombg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#mainBox {
	width: 970px;
	margin: 0 auto;
	padding: 30px 30px 0 0px;
	position: relative; 
	height: 100%;
}
#left_box{
	width: 230px;
	background: #333;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	position:absolute;
	z-index:1;
	left: 40px;
}

#right_box{
	width: 670px;
	border-style: 0;
	float:right;
	padding: 0 10px 0px 0px;
}
#breadcrumb {
	color: #666666;
        text-align:left;
	font-size: 12px;
	margin: 0px auto;
	font-weight: normal;
	padding: 0 0 0 0px;
}
#breadcrumb a, #breadcrumb span {
	font-weight: normal;
	color: #666666;
	padding: 0 5px;
}

.clear{
 clear:both;
 height:0px;
 line-height:0px;	
}


/* 路徑+search */
#searchmain{
	width: 1000px;
	position: relative;
	margin: 0 auto;
}
#search{
	padding: 5px 0 8px 252px;
	position: relative;
	z-index: 99;
}
#search_right{
	float:right;
	margin:0;
	padding-right: 40px;
	clip: rect(10px,auto,auto,auto);
}
#search input{
	float:left;
	height:21px;
	width:120px;
	font-size:12px;
	color:#8b8b8b;
	background:url(../images/search_bg.png) left top no-repeat;
	margin:0;
	padding:0 0 0 10px;
}
#search input a{
	display:block;
	float:left;
	margin:0;
	padding:0;
}

/* productsmenu */
#productsmenu ul{width:230px;padding:10px 0 8px 0; }
#productsmenu li{ 
    display:block;
	list-style:none;
	line-height:40px;	
}
#productsmenu li:hover , #productsmenu li .select { 
    background-image: url(../images/sidebar_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#productsmenu li a{
    
	width: 230px;
	padding-top: 0px;
	padding-right: 0px;
	color: #FFFFFF;
	padding-bottom: 0px;
	padding-left: 15px;
	text-decoration: none;
	font-weight: bold;
	display : table-cell;
	font-family:Helvetica;
}
#productsmenu li:hover a , #productsmenu li a .select{
	color:#00CCFF;	
}
#productsmenu .tab_banner {
	width: 920px;
	height: 460px;
	overflow: hidden;
	z-index: 1;
	background-image: url(../images/banner_01.jpg);
}


/* left2 */
#left2_box{
	width:240px;
	margin:0;
	padding-left: 10px;
	position:absolute;
}
#left2D_D img{
	float:left;
	padding:0 0 0 30px;
}
#left2{
	width:240px;
	display: block;
	float:left;
	text-align:left;
	padding:0 0 0 30px;
	position: relative;
	background:url(../images/sidebar_bg_y.jpg) 30px 0 repeat-y ;
}
#left2 #left2Img{
	height:84px;
}
/*
#left2 #left2Img img{
    position: absolute;
    top:-14px;
    z-index: 10;
    
}*/
#left2_T{
	
	z-index:2;
	background:url(../images/sidebar_top.png) right 83px no-repeat;

}
#left2D{
	background:url(../images/sidebar_bottom.png) 0px bottom no-repeat ;
		
}
#left2 ul{	
    position: relative;
    z-index: 11;
	width:240px; 
	margin:0px;
	padding:10px 0 0 0px;
}
#left2 li{
	width:240px;
	height:40px;
	display : table;	
	*position : relative;
	text-align:left;
}
#left2 li a{
	font-size:12px;
	color:#FFF;
	padding:0 0px 0px 20px;
	display : table-cell;
	vertical-align : middle;
	*display : block;
	*position : absolute;
	*top : 0%;
	*width : 100%;
	font-weight: bold;	
}
#left2 li:hover , #left2 li.li_select {
	background:url(../images/sidebar2_hover.png) right 0 no-repeat ;
}
#left2 li a:hover , #left2 li.li_select a{
	color:#00CCFF;	
}

/**products_list**/
#banner_list{
	width:920;
	float:left;
	padding: 0 0 0px 40px;
	
}
#products_list{
	 clear:both;
}
.proIMG {
	float:left;
	max-width:212px;
	text-align:center;
	margin: 0 0 0 0;
	padding:0 10px 15px 10px;
}
.proIMG a{
    text-decoration: none;
}
.proIMG a img{
	border: 1px solid #E6E6E6;
	padding: 1px;
	margin: 2px; 
    
}
.proIMG a:hover img{
	border: 1px solid #666;
	padding: 1px;
	margin: 2px;
}
.proIMG a b{
	font-size: 12px;
	color: #AFAFAF;
	text-decoration: none;
	display: block;
	font-weight: normal;
	padding:5px 0 0 0;
	text-align: center;
}
.proIMG a:hover b{
	color: #666;
	text-decoration: none;
	font-size: 12px;
}
.proIMG2 {
	float:left;
	/* [disabled]max-width:100px; */
	text-align:center;
	margin: 0;
	padding: 0px 2px 6px 2px;
}
.proIMG2 a{
    text-decoration: none;
}

.proIMG2 a img{
	border: 1px solid #E6E6E6;
	padding: 1px;
	margin: 2px;    
}
.proIMG2 a:hover img{
	border: 1px solid #666666;
	padding: 1px;
	margin: 2px;
}
.proIMG2 a b{
	font-size: 12px;
	color: #202223;
	text-decoration: none;
	display: block;
	font-weight:normal;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.proIMG2 a:hover b{
	color: #666;
	text-decoration: none;
	font-size: 12px;
}



/* pagedetail */
#zoom {
	float:left;
	width: 361px;
}
#products_community {
	float:left;
	width: 300px;
	background-image: url(../images/zoom.jpg);
	background-repeat: no-repeat;
	height: 19px;
	padding-top: 4px;
	background-position: left center;
}

#products_name {
	float: left;
	width: 295px;
	padding-left:10px;
}
#products_name p{
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #CCC;
}
#products_name h2{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4;
	font-size: 15px;
	color: #0099CC;
	line-height: 26px;
}
#description {
	float: left;
	width: 295px;
	height:50px;
	font-size: 12px;
	line-height: 50px;
	color: #535353;
	font-family: Arial, Helvetica, sans-serif;
	margin:10px 0 10px 10px;
	background: url(../images/description_bg.png) no-repeat;	
}
#switching {
	float:left;
	width: 295px;
	padding-left:10px;
	
}
#related_top {
	width: 670px;
	padding-bottom: 10px;
}
#related {
	float:left;
	width: 670px;
	padding-bottom: 20px;
}
#edit_content {
	float:left;
	padding: 20px 0;
	width: 670px;
}
#edit_content_top {
	width: 670px;
	padding-bottom: 10px;
}
#buttons{
	width: 295px;
	float:left;
	margin:5px 0;
	padding-left:10px;
}

#buttons a{
	margin-right:10px;
}