@charset "utf-8";
/* CSS Document */
html,body{ padding:0; margin:0;}
body{
	background: url(../images/skin/bg_blue.gif) repeat-x fixed ;
	margin:0 auto;
	font-family: tahoma,Arial, Helvetica, sans-serif;
	font-size:9pt; color:#4d4d4d;  

}
A {
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:9pt; 
	COLOR: #003366  ;
	text-decoration:none;
}
A:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9pt; 
	COLOR: #FF0000;
	text-decoration:underline;
}

a image{ border:0px;}
TD { color:#4d4d4d; font-family:tahoma; font-size:9pt;}
#header {height:125px; border-bottom:1px solid #FFF;}
#menu_head  a
{
	color:#FFF; font-family: arial;	font-size:8pt;
	background:#3c7faf;
	padding:8px 8px 8px 9px;
	text-transform: capitalize;
	float:right;
	font-weight:bold; 
	border-right:1px solid #bcbcbc;
	/*border-left:1px solid #d4d4d4;*/
	
}
#menu_head a:hover
{
	font-weight:bold;
	color:#FFF;
	background:#ff6600;
	padding:8px 8px 8px 9px;
	}
#menu_head {  width:980px; float:left; padding-bottom:3px; background:url(../images/skin/bg_menu.jpg) repeat-x bottom; color: #09C;  

	}
#menu_head  .active
{
	font-weight:bold;
	color:#FFF;
	background:#ff6600;
	padding:8px 8px 8px 9px;
	
}


#leftMN_item{
	FONT-FAMILY: Tahoma,Verdana,Arial; 
	FONT-SIZE:9pt;
	color: #ffffff;
	border:1px solid #FFFFFF; background:#333333;
	text-align:right; padding-right:2px; cursor:pointer;
}
#body {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0px 4px 0px 4px;
	background: url(../images/skin/body_bg.jpg) repeat-y ; /* this overrides the text-align: center on the body element. */ 
	 
}
	#center{ margin-top:2px; width:980px; float:left; margin-bottom:2px;  }
	#left{ float:left; width:175px;margin-top:5px; padding-left:5px;}
	#right{ width:176px; float:left}
	#content_showroom_detail{line-height:18px; float:left; width:800px; }
	#content_page_member{line-height:18px; float:left;   }
	#content_page{ line-height:18px; float:left; width:619px;}
	#title_page{ text-align:left; font-weight:bold;  font-family: Arial, Helvetica, sans-serif; font-size:10pt; border-bottom:1px dotted #666666;  text-transform:uppercase; background:url(../images/skin/title_page.jpg) left bottom no-repeat; padding:10px 10px 3px 30px; margin-bottom:5px; color:#F00; }
	#content_main{ padding:0px;}
	
#footer{ float:left; width:960px; FONT-SIZE:9pt; font-family:tahoma; BACKGROUND:#3c7faf; COLOR: #ffffff; text-align: center; line-height:20px; border-top:2px solid #F90; padding:10px;}
#footer A {
	FONT-SIZE: 9pt; font-family:tahoma;COLOR: #ffffff; TEXT-DECORATION: none
}
#footer A:hover {
	FONT-SIZE: 9pt; font-family:tahoma;COLOR:#FF6600  ; text-decoration: underline;
}

.button{font-family:tahoma, Helvetica, sans-serif; font-size:9pt; color:#4d4d4d;   cursor: pointer; margin-top:5px}
.button_detail{font-family:tahoma, Helvetica, sans-serif; font-size:10px; border-bottom:2px solid #999999; border-right:2px solid #333333;  background:#fafafa; padding:2px; width:auto; cursor:hand; border-left:1px solid #cccccc ; border-top:1px solid #cccccc; margin-top:5px;}
input{font-family:tahoma, Helvetica, sans-serif; font-size:9pt; border:1px solid  #999; padding:3px; width:auto; background:#fff; }
textarea{font-family:tahoma, Helvetica, sans-serif; font-size:9pt; border:1px solid #999; padding:5px; width:auto ;  background:#fff}

/*Member guide*/
.help_text{ color:#999; font-family:Tahoma, Geneva, sans-serif; font-size:8pt; font-style: italic}
.mini_logo{ width:95px;  }

.mini_logo_estore_list { width:76px; height:60px; margin-right:10px; margin-bottom:10px;}
.logo_scroll{ width:95px; padding:5px;  cursor:pointer; margin-bottom:5px; }
#logo_scroll{ padding:10px; text-align:center; margin-bottom:10px; border:1px solid #f3f3f3; cursor:pointer}
.product_pic { width:95px; height:85px; border:1px solid  #CCC; padding:5px;color:#FF0000 }
.product_pic_store { width:125px; height:105px; padding:5px;}
.product_name_showroom{ background:#FFF; padding:2px;}
#item{float:left; width:280px; padding-left:5px;}
.count{ color:#F60; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
.company_name{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#06C; text-transform:uppercase}
#estore_list{border-bottom:1px solid #CCC; margin-bottom:5px;}

.member_logo_detail { width:138px; height:110px;}
.member_logo_mini{width:95px; border-bottom:1px dotted #FF9900; padding-bottom:5px;}
#member_cp_name{font-family: Arial, Helvetica, sans-serif;font-weight:bold; color:#06C; text-transform:uppercase; font-size:16px; line-height:18px; padding-bottom:5px;}
#member_box_logo_showroomdetail{float:left; height:140px; border:1px solid #ccc;  padding:5px; font-weight:bold; font-size:11px; margin-right:10px;}
#member_showroom_menu{ float:left;margin-top:10px; border-bottom:2px solid #990000; padding:8px;}
#member_showroom_menu A{ color:#990000; font-weight:bold; margin:5px;}
#member_showroom_menu A:hover{ color:#999999;margin:5px;}

 
.member_showroom_menu{ color:#990000; font-weight:bold; margin:5px;}
.member_pic_about{ width:110px; height:80px; border:1px solid #CCCCCC; margin:5px; padding:5px}

#member_box_info{ padding:5px; }
#member_box_logo{float:left; width:125px; height:140px; border:1px solid #CCC; margin:5px; text-align:center; padding:5px; font-weight:bold; font-size:11px;}
#member_box_logo A{ color:#666666; font-family:tahoma; font-size:11px;}
#member_box_logo A:hover{ color:#0066CC; font-family:tahoma; font-size:11px;}
#member_box_reg{padding:5px; padding-left:10px;}


#member_info{ background:url(../images/skin/bg_member_info.gif) repeat-x; padding:10px; margin:5px; line-height:18px; }
#member_shoroom_ct{ padding:5px;}
#member_shoroom_pro{float:left; width:145px; height:120px; border:1px solid #CCC; margin:10px; text-align:center; padding:5px;}

/*NEWS*/
#box_news_mini{ clear: left; padding:5px 5px 10px 5px;  text-align:justify; border-bottom:1px dashed #CCC}
#news_box_detail{ padding:5px;text-align:justify; padding-right:10px;}
#news_title{ color:#06C; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase}
#news_box_other{ padding:5px;}

#title_news A{ color:#06C; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-bottom:10px;}
#title_news A:hover{ color: #F00; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold}
.picthub_news{ border:1px solid #CCC; padding:2px; margin-right:10px; width:110px; }
.picfull_news{ border:1px solid #CCC; padding:2px; margin-right:10px;   }
.title_box{ color:#900; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-bottom:1px solid #06C}

.small A{ font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
.small A:hover{ font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#F60}

.topnews { list-style-image:url(../images/skin/topitem-dot.gif); font-size:8pt;}
.topnews A{ list-style-image:url(../images/skin/topitem-dot.gif); font-size:8pt;}
.topnews A: hover{ list-style-image:url(../images/skin/topitem-dot.gif); font-size:8pt; color:#F00}

#new_cate{ background:url(../images/skin/news_bg.jpg) #FFF repeat-y; margin:5px; margin-right:10px;}

/*Tab menu*/
#modernbricksmenu{
padding: 0;
 
background: transparent;
text-align:left;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
text-align:left;
}

#modernbricksmenu li{
font: bold 11px Arial;
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
font: bold 11px Arial;
float: left;
display: block;
color: #FFF;  
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
text-decoration: none;
background-color:#4882B9 ; /*Default menu color*/
}

#modernbricksmenu a:hover{
background-color:#ff6600; /*Menu hover bgcolor*/
font: bold 11px Arial;
color:#FFFFFF;

}

#modernbricksmenu .current a{ /*currently selected tab*/
background-color: #ff6600; /*Brown color theme*/ 
border-color:069;/*Brown color theme*/ 
color:#FFFFFF 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background:gray; /*Brown color theme*/ 
}


/*--------- BAR02 -------*/
.N1_Bar02
{
    color: #000;
    background-image: url(../images/skin/bar02_center3.jpg);
    background-repeat:repeat-x;    
    height:34px;		
}

.N1_Bar02 .class1
{
    float: left;	
}

.N1_Bar02 .class2
{
	float: left;
	width: 120px;
	background-image: url(../images/skin/bar02_center1.jpg); 
	height:18px; 
	padding-top:10px;
	padding-left:8px;
	display: block; 
	font-weight:bolder; 
	font-size:12px;
	font-family:Arial;
	color:#306ad8;
    float: left;	    
}

.N1_Bar02 .class3
{
    float: left;
    background-image: url(../images/skin/bar02_center3.jpg);
}

.N1_Bar02 .class4
{
    float:right;	
}

.N1_Bar02_B1
{
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;    
    padding-left:3px;
    padding-right:3px;
}

.N1_Bar02_B2
{
    background-image: url(../images/skin/bar02_bcenter.jpg);
    background-repeat:repeat-x;
	background-position:bottom;
	height:6px;    
}

.N1_Bar02_B2 .class1
{
	float: left;
}
.N1_Bar02_B2 .class2
{
	float:right;
}

/*--------- END BAR02 -------*/
/*--------- BAR02 -------*/
.N1_Bar02_P
{
    color: #000;
    background-image: url(../images/skin/bar02_center1.jpg);
    background-repeat:repeat-x;    
    height:34px;		
}

.N1_Bar02_P .class1
{
    float: left;	
}

.N1_Bar02_P .class2
{
	float: left;
	width: 120px;
	background-image: url(..images/skin/bar02_center1.jpg); 
	height:18px; 
	padding-top:10px;
	padding-left:8px;
	display: block; 
	font-weight:bolder; 
	font-size:12px;
	font-family:Arial;
	color:#306ad8;
    float: left;	    
}

.N1_Bar02_P .class3
{
    float: left;
    background-image: url(../images/skin/bar02_center1.jpg);
}

.N1_Bar02_P .class4
{
    float:right;	
}


.N1_Bar02_P .class5
{
    float: left;
    background-image: url(../images/skin/bar02_center3.jpg);
    height:34px; 
}

.N1_Bar02_P .class6
{
	float: left;
	width: 120px;
	background-image: url(../images/skin/bar02_center1.jpg); 
	height:18px; 
	padding-top:10px;
	padding-left:8px;
	display: block; 
	font-weight:bolder; 
	font-size:12px;
	font-family:Arial;
	color:#dd4933;
    float: left;	    
}

.N1_Bar02_P_B1
{
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;    
    padding-left:3px;
    padding-right:3px;
}

.N1_Bar02_P_B2
{
    background-image: url(../images/skin/bar02_bcenter.jpg);
    background-repeat:repeat-x;
	background-position:bottom;
	height:6px;    
}

.N1_Bar02_P_B2 .class1
{
	float: left;
}
.N1_Bar02_P_B2 .class2
{
	float:right;
}

#navibar{ width:176px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
#navibar .mainmenu{background-image:url(../images/skin/skin_17.jpg); height:24px; color:#ffffff; font-weight:bold; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
#navibar .mainmenu	A{ color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold}
#navibar .mainmenu	A:hover{ color: #FFFF66; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold}

#navibar .submenu{background-image:url(../images/skin/submenu_bg.jpg); height:22px; color:#000000; font-weight:bold;}
#navibar .submenu	A{ color:#000000; text-decoration:none;}
#navibar .submenu	A:hover{ color: #0066CC;text-decoration:none;}

#navibar .submenu_act{background-image:url(../images/skin/submenu_act_bg.jpg); height:22px; color:#000000; font-weight:bold;}
#navibar .submenu_act	A{ color:#000000; text-decoration:none;}
#navibar .submenu_act	A:hover{ color: #0066CC;text-decoration:none;}

.pic-slide-index{ width:85px; height:85px; background:#FFFFFF; margin:3px;}

#ja-sliderwrap {
	margin-left:10px; padding-top:10px; padding-right:5px;
}
#ja-slider {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
}
#ja-slider-center {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; margin:0px; PADDING-TOP:5px; TEXT-ALIGN: center;
}
#ja-slider-center SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#ja-slider-center IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.vm_element {
	LEFT: -999em; POSITION: absolute;
}


/* Other CSS*/
.detail{ font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#999999; }
.detail A{ color:#999999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}
.detail A:hover{ color:#FF0000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:8pt;}

.border_bottom{ border-bottom:1px solid #CCCCCC}

.pic_news_event{margin-right:10px; margin-bottom:10px; height:100px; }
.blue{ color: #006699}
.product_name{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #FF0000; font-weight:bold}
/* Other CSS*/


/*adv*/
#adv_605{ padding:5px;}

/*Patent*/
#box_patent{ padding:10px; padding-right:20px;margin-bottom:10px;}
#box_patent_cate{ padding:5px; padding-right:10px; border-bottom:1px solid #f3f3f3; }
#box_patent_title a{ text-transform:uppercase; color:#0066CC; font-weight:bold}
#box_patent_title a:hover{ text-transform:uppercase; color:#FF6600 ; font-weight:bold}
#box_patent_title_detail a{  color:#0066CC; font-weight:bold}
#box_patent_title_detail a:hover{ color:#FF6600 ; font-weight:bold}

/*link*/
#box_link{ padding:10px; padding-right:20px;margin-bottom:10px;}
#box_link_cate{ padding:20px; padding-right:10px; border-bottom:1px solid #f3f3f3; }
#box_link_title { text-transform:uppercase; color:#0066CC; font-weight:bold}
#box_link_title a{ text-transform:uppercase; color:#0066CC; font-weight:bold}
#box_link_title a:hover{ text-transform:uppercase; color:#FF6600 ; font-weight:bold}
#box_link_title_detail  {  color:#0066CC; font-weight:bold}
#box_link_title_detail a{  color:#0066CC; font-weight:bold}
#box_link_title_detail a:hover{ color:#FF6600 ; font-weight:bold}

/*newsCate*/
#box_news{ padding:5px;}
#box_news_cate{ padding:10px; padding-right:10px; border-bottom:1px solid #f3f3f3; }
#box_news_title { text-transform:uppercase; color:#0066CC; font-weight:bold}
#box_news_title a{ text-transform:uppercase; color:#0066CC; font-weight:bold}
#box_news_title a:hover{ text-transform:uppercase; color:#FF6600 ; font-weight:bold}
#box_news_title_detail  {  color:#0066CC; font-weight:bold}
#box_news_title_detail a{  color:#0066CC; font-weight:bold}
#box_news_title_detail a:hover{ color:#FF6600 ; font-weight:bold}


/*BOX*/
#box_cate{ background:url(../images/skin/cen_bg.gif); margin:5px;}
#box_hotpro{ padding:5px;}
#box_topnews{padding:5px 10px 5px 5px ;}
#box_text_nomal{padding:15px;}
#box_note{color: #333333; font-weight:bold;font-size:11px; padding:10px;}
#box_filter{padding:5px; padding-right:10px;}
#box_shoroom_list{padding:5px; padding-left:10px;}
#box_law{padding:20px; padding-top:5px;}




/**/
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 200px; background:#0099CC; color:#FFFFFF;
 	padding: 10px;
 	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	FILTER: alpha(opacity=100); font-family:tahoma; font-size:11px;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
.blog_faq{ border:1px solid #CCCCCC; color:#4d4d4d; padding:5px; background:#FFFFCC; width:690px}