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

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;}*/


a{
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration:none;
}

*:focus { outline: none; }

body {
	background: url(../images/inside_bg.jpg) center top no-repeat #FFF;
	TEXT-DECORATION: none;
	FONT-FAMILY: "微軟正黑體", "黑體";
	margin: 0;
	font-size: 80%;
	width: auto;
	height: auto;
	max-height: none;
	max-width: none;
}
/**--------------------------------------Index--------------------------------------------**/
#outDiv{
	margin: 0 auto;
}
/**headrer**/
#outtop{
	margin: 0 auto;
	background: url(../images/body_top_bg.png) repeat-x;
	margin-top:-20px;
	
}
#top{
	width:990px;
	position: relative;
	margin: 0 auto;
	z-index: 99;
        height:95px;
}

#topR{width: 990px;float:left;}
#topRbg{
	padding: 0px 0 0 37px;
}
	
/**menu**/
ul#navigation{
	clear:both;
	list-style: none;
	padding:50px 0 10px 0px;
	
}

ul#navigation li{ float:left;padding:0 0px 0 0px; }
ul#navigation li:hover,ul#navigation.selected{}
ul#navigation li a{
	text-align:center;
	text-decoration: none;
	color: #FFF;

}


/* banner */
#ad {
	position: relative;
	width: 1920px;
	margin: 0 auto;
	padding-top:0px;
	top:-44px;
}
#adMark{
	width:1920px;
	margin:0 auto;
	position: absolute;
	z-index:1;
	left: 0px;
	top: 0px;
}


/**content**/
#main_content_bk{
	width:980px;
	position: relative;
	margin:0 auto;
	background: url(../images/main_bg.png) no-repeat center top ;
        
}
#main_content_bk #main_contentArea{
    margin: 20px auto 15px auto;
    width:940px;
}
#main_con_L{
	width:275px;
	float:left;
	padding:0px 0px 0px 10px;
	color: #666;
}
#main_L_info{float:left;padding:0px 0px 20px 10px;}
#main_L_info p{line-height:25px;}

#main_con_M{width:260px;float:left; margin-left:40px;color: #666;}
#main_M_info{float:left;padding:0px 0px 0px 0px;margin-top:-10px;}
#main_M_info p{padding:5px 0 ; font-size:12px; background: url(../images/new_line.png) bottom repeat-x;}

#main_M_info a{
    color:#000;
}
#main_M_info a:hover{
    color:#F00;
}




#main_con_R{float:left;padding:0px 0px 0px 40px;}



/* down */
#down{ 
	display:block;
	width:1000px;
	clear:both;
    margin: 0 auto;
    border-top:1px solid #999999;
	padding:15px 0 15px 0;
	margin-top:40px;
}
#downL{
	float:left;
    width:190px;
    text-align:right;
    padding:0 5px 0 0;
}
#downM{
	float:left;
	width:610px;
	color:#59514F;
	line-height: 17px;
	
}
#downM p{
    margin: 0;
	white-space: 10px;
}
#downR{ float:left;}
#footer_right {
    padding:25px 0 0 15px;    
}

#footer_right p{
    padding:0 ;
    margin: 0;
    font-size:8px;
    color:#787878;
}
#footer_right table{
	padding-left:30px;
    
}
#footer_right p a{
	text-align: right;
    font-size:8px;
    color:#C6C6C6;
    -webkit-transform : scale(0.75); -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{
    margin: 0 auto;
    width:960px;
        
    position: relative;
    z-index: 12;
}

#inDivBk {
    width:990px;
    margin: 0 auto 10px auto;
    background: url( ../images/inside_main_top.jpg ) 0px top no-repeat;
    
    position: relative;
    z-index: 10;
}



#inDivBk:before{
    content:"";
    position:absolute;
    top:3px;
    left:0px;
    right:0;
    bottom:0;
    background:url(../images/inside_main_y.png ) repeat-y;
}

#inDivBk:after{
    content:"";
    position:absolute;
    background: url(../images/inside_main_bottom.png ) bottom no-repeat ;
    z-index: 2;
    bottom:-40px;
    left:0px;
    height:110px;
    width: 100%;
    
}



#inDivD{
	background-image: url(../images/bady_x.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 {
        background: url(../images/path.jpg ) repeat-y;
        clear:both;
	olor: #FFF;
	font-size: 12px;
	margin: 0px auto 10px 0px;
        text-align:right;
        width:660px;
        line-height:23px;
	font-weight: normal;
	padding: 2px 5px 0 0px;
}
#breadcrumb a, #breadcrumb span {
	font-weight: normal;
	color: #FFF;
	padding: 0 5px;
}
#breadcrumb a:hover{
    color:#ff0000 ;
}



#left {
    float:left;
    width:241px;
    
}


ul.tabs li {
	font-size:16px;
	color:#FFF;
	height: 38px;
	line-height: 38px;
        margin: 5px 0 4px -40px;
        
        background: url( ../images/sidebar_general.png ) no-repeat ;
        
}
ul.tabs li a {
	display: block;
	padding: 0 5px;
	color:#FFF;
	font-weight:bold;
	padding:0 0 0 20px;
	width:205px;
}

ul.tabs li a span{}
 ul.tabs li.li_select {
        
        background: url( ../images/sidebar_hover.png ) no-repeat ;
    
}

ul.tabs li:hover a , ul.tabs li.li_select a{
	
    border-bottom:1px solid #FFF;
    color:#FFF;
}


#left_bk {
    position: relative;
    top:-17px;
    background: url(../images/sidebar_bg_y.png ) repeat-y;
    
}



#right {
    float:left;
    width:710px;
    
}






/* 路徑+search */
#searchmain{
	position: relative;
	margin: 0 auto;
}
#search{
	padding: 5px 0 8px 0px;
	position: relative;
        z-index: 99;
}

#searchBk , #search_right{
    float:left;
}
#searchBk {
	background:url(../images/search_bg.png) right top no-repeat;
        height:22px;
}



#search_right{
	float:right;
	margin:0;
	padding-right: 20px;
	clip: rect(10px,auto,auto,auto);
}
#search input{
	float:left;
	height:21px;
	width:120px;
	font-size:12px;
	color:#8b8b8b;
	margin:0;
        background: transparent;
	padding: 0 0 0 20px;
	border: none;
}
#search input a{
	display:block;
	float:left;
	margin:0;
	

	
}

/* productsmenu */


#products_list{
	clear:both;
        margin-left: -38px;
}

#products_list ul{
	display:inline-block;
	margin:10px 0px ;
}

#products_list ul li{
	float:left;
	margin:0 12px 20px 0px;
}

#products_list ul li img{
	border:1px solid #eaeaea;
}

#products_list ul li img:hover{
	border:1px solid #FF0000;
}

#products_list ul li a p{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin:5px 0;
        color:#666666;
        
}

#products_list ul li a:hover p {
	color:#e70415;
}


#detailL img{
        border:3px solid #CCCCCC;
}

.main_contnet {
    margin: 0px 0 20px 25px;
}

#detail {
    margin-top:0px; 
}

#detailL {
    
    float:left;
    width:340px;
    
}

#detailR {
    float:left;
    width:325px;
}

#detailR h1{
    color:#828282;
    font-size:18px;
    font-weight: bolder;
    display: block;
}


#detailR h3{
    color:#D80100;
    font-size:24px;
    font-weight: bolder;
    display: block;
}



.line_det {
    margin-top:15px; 
    border:none;
    border-bottom: 1px solid #777777;
    clear:both;
    
    
}


#describeBk {
    background: #E8E8E8;
    padding:10px;
    margin-top:10px; 
    margin-bottom:10px; 
}


#related_pd li {
    margin: 5px 4px 5px 2px ;
    float:left;
    border:1px solid #D3D3D3;
}

#related_pd li:hover {
    color:#F00;
}

.mainTable {
    width:100%;
}