/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: RGB(230,230,230);
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
}

a:link, a:visited
{
    text-decoration: none;
}

a:hover
{
    color: #ff0000;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
    color:#000000;
}
li {
    list-style-type: none;    
}

img{border:0}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #333333;    
    text-transform: none;
    font-weight: bold;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    max-width: 990px;
    background-color: #fff;
    margin-left: 8px;
    margin-right: 8px;
    margin-top:0px ;
    border: 0px solid #496077;
    padding-bottom:8px;
    
   
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 0px;
    margin: 8px 8px 8px 8px;
    margin-top:0px;
    min-height: 420px;
    margin-bottom:0px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 0px 0px 10px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    background-color:#DCDCDC;
    max-width: 990px;
    
    /*background-image:url('/C-src/AboutUs/factory.png');background-position:center;background-size:100% 100%;color:darkblue;font-weight:bold;*/
       
}


/* TAB MENU   
----------------------------------------------------------*/


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}



/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.navigator
{
    font-size:9pt;
    text-align:center;
    font-weight:bold;
}

 .button                   { color:#009900; margin: 0px; padding: 0px;text-align:center; font-size:10pt;font-weight:bold;
                              overflow: visible; padding-left:2px;padding-right:2px;vertical-align:text-bottom;
							 
							 }							 
  .button a, .button a:visited { text-decoration:underline; 
                             color: #009900; padding-left:2px;padding-right:2px;
							 
                             }
  .button a:hover            {text-decoration: none; 
                              color: yellow; background: #66CC33;padding-top:20px;
							  padding-left:8px;padding:5px;
                              }
                              
                              
    #logo{overflow:hidden;max-width:970px;padding:0px;}
    #logo ul{MARGIN: 0 auto;PADDING: 0px;MARGIN-top: 10px;height:70px;}
    #logo li
{
    display: inline;
    float: left;
    height: 58px;
    line-height:58px;    
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11pt;
    color: #999999;
    display:inline-block; 
    background-color: #ffffff;
      
}

    #mainnav{ overflow:hidden; padding:8px 0 8px 0;max-width:970px; background-color: #ffffff;}
	#mainnav ul{margin: 0px  auto;display:inline-block;padding:0px}
	#mainnav li{ display:inline; float:left; overflow:hidden; padding:0 9px;white-space:nowrap; }
	#mainnav li a,#mainnav li b, #mainnav li b a{ color:#006699; font-weight:bold; padding-left:3px; display:inline-block; height:23px;
	               line-height: 23px;text-decoration:none;}	
	
	#mainnav li span{ font-size:14px; display:inline-block; padding:0 7px 0 2px; height:23px;}
	
	#mainnav li.here b,#mainnav li b{background:url(/C-src/bgsprite.gif) no-repeat -244px -35px; color:#FFFFFF; text-decoration:none; cursor:default;}
	#mainnav li.here  b span,#mainnav li  b span{ background:url(/C-src/mainnav_bg2.gif) no-repeat right center;}
	#mainnav li.here b a,#mainnav li b a{background:url(/C-src/bgsprite.gif) no-repeat -244px -35px; color:#FFFFFF; text-decoration:none; cursor:default;}
	#mainnav li.here  b a span,#mainnav li  b a span{ background:url(/C-src/mainnav_bg2.gif) no-repeat right center;}	
	
	#mainnav li.here a,#mainnav li a:hover{ background:url(/C-src/bgsprite.gif) no-repeat -244px -35px; color:#FFFFFF; text-decoration:none; cursor:pointer;}
	#mainnav li.here span,#mainnav li a:hover span{ background:url(/C-src/mainnav_bg2.gif) repeat right center;}
	
	.mainavfocus {background:url(/C-src/bgsprite.gif) no-repeat -244px -35px; color:#FFF; }
	.mainavfocus span{background:url(/C-src/mainnav_bg2.gif) no-repeat right center; color:#FFF; text-decoration:none; cursor:pointer;}

    #mainDiv{ margin:0 auto; max-width:970px; overflow:hidden; padding:0px; position:relative;}
    #leftBar{float:left; width:180px; position:relative; z-index:2;font-size:9pt;font-weight:normal;font-weight:bold;} 
    .leftBarItem {border:1px solid #999999;font-size:10pt;font-weight:normal;float:left;margin-bottom:10px; width:180px;min-height:200px}   
    .leftBarItemTitle { background-color:#999999; color:white;font-weight:bold;margin:2px;font-size:12pt;
                         height:23px;line-height:20px;margin:0px;margin-bottom:5px;vertical-align:middle;}
    .leftBarItem h3{margin:5px;padding-left:5px;line-height:100%;font-weight: normal;float:left;text-align:left;width:180px; }
	.leftBarItem h3 span{background-color:#66CC33;color:black;font-weight:bold; padding:3px;}	
	.leftBarItem h3 a{text-decoration: none;    color: #666666;    font-weight: normal;}
	.leftBarItem h3 a:hover{text-decoration:underline;color:#FF0000;font-weight: normal;}

    .ItemType {margin:2px;padding-left:5px;line-height:100%;} 
    .ItemType span{background-color: #DCDCDC;height:20px;display:inline-block;width:150px;text-align:left;padding-left:2px;line-height:20px;color:black;font-weight: bold;}
    .ItemType h3 a{font-weight:bold;font-size:10pt;white-space:nowrap;line-height:100%;font-weight: normal;}

    #rightContent {
         float: right;  text-align:left;  overflow: hidden;        width: 778px;       background-color: white;        padding-top: 0px;vertical-align:top;
     }
   #rightMainContent {font-size:11pt;color:#009900; padding:3px;text-align:left;margin-left:20px;}
#rightContent h2 {text-align:left;
}
#rightContent .fullImg{width:100%;
}
#myfooder {width:990px;}

		
	.Catalogue {font-size:8pt;white-space:nowrap;}
	.Catalogue h3{margin:5px;padding-left:10px;line-height:100%;}
	.Catalogue h3 a{text-decoration:none;color:#666666;font-weight:bold;}
	.Catalogue h3 a:hover{text-decoration:underline;color:#FF0000}
	.Catalogue h3 span{background-color:#F3F2E2;color:white;font-weight:bold;white-space:nowrap; padding:1px;padding-right:3px;padding-left:3px;}
	
	.relevant {font-size:9pt;font-weight:normal;white-space:nowrap;}
	.relevant h3 span{background-color: #DCDCDC;color:black;font-size:9pt;font-weight:bold;white-space:nowrap; padding:3px;}
	.relevant h3{margin:5px;padding-left:10px;line-height:120%;font-weight: normal;}
	.relevant h3 a{text-decoration: none;    color: #333333;    font-weight: normal;}
	.relevant h3 a:hover{text-decoration:underline;color:#FF9928;font-weight: normal;}
	
	.MainTitle{ background-color:#999999; color:white;font-weight:bold;margin:2px;font-size:12pt;}
	.MainTitleBorder{border:1px solid #999999;font-size:12pt;}

	
	.productType{font-weight: bold;}
	.productType a{color: #000000;text-decoration: none;}
	.productType a:hover{color:#FF0000;text-decoration: underline;} 
	 
	#new_product_list,#relative_pro{clear:both;overflow:hidden;margin:0px;padding:0;width:100%;}
	#new_product_list li{float:left; overflow:hidden; width:20%; padding: 10px 0px 0px 0px;margin:0px; display:block;}
	#new_product_list img{width:150px;height:150px; display:block; border:1px solid #DADADA;margin:0px;padding:0;}
	#new_product_list h2{overflow:hidden; height:35px; line-height:14px; padding-top:0px; padding-left:1px; margin:3px}
	#new_product_list h2 a{ color: #666666;  font-size: 13px; line-height:18px; text-decoration: none; }
	#new_product_list h2 a:hover{color:#ff2200; }
	#new_product_list .summary{ height:32px;line-height:16px; overflow:hidden;}
	
	#product_list,#relative_pro{clear:both;overflow:hidden;margin:0px;padding:0;width:100%;}
	#product_list li{float:left; display:inline;overflow:hidden; width:25%; padding: 10px 0px 0px 0px;margin:0px; display:block;}
	#product_list img{width:150px;height:150px; display:block; border:1px solid #DADADA;margin:0px;padding:0;}
	#product_list h2{overflow:hidden; height:35px; line-height:14px; padding-top:0px; padding-left:0px; margin:3px;text-align:center;}
	#product_list h2 a{ color: #666666;  font-size: 13px; line-height:18px; text-decoration: none; }
	#product_list h2 a:hover{color:#FF1100; }
	#product_list .summary{ height:32px;line-height:16px; overflow:hidden;}
    .ItemList{display:block;}
    .ItemList ul li{float:left; overflow:hidden; width:25%; padding: 10px 0px 0px 0px;margin:0px; display:block;margin-bottom:40px;}
    .ItemList ul li h2{margin:0 auto;margin-top:10px;font-size:10pt;color: #666666;}
    .ItemList ul li img{width:150px;height:150px; display:block; margin:0px;padding:0;}
     .ItemList ul h2 a{ color: #666666;  font-size: 13px; line-height:18px; text-decoration: none; }
	 .ItemList ul h2 a:hover{color:#FF1100; }
	
	#location{background: #F3F2E2; text-align:left;color:#000000;padding:3px 0;max-width: 970px;margin-top: 5px; margin-bottom:2px;}	
	#location a{color:#000000; display:inline-block;text-decoration: none;}
	#location a:hover{color:#FF0000; display:inline-block;text-decoration: underline; }
	
	#MyLocate {font-size:11pt;background: whitesmoke;margin-top: 0px; margin-bottom:0px;padding:2px; margin-bottom:2px;text-align:left;height:22px;}
	#MyLocate h1{ background: url(/C-src/bgsprite.gif) no-repeat;display:inline-block;background-position:-250px -40px;height:22px;width:150px;
	              font-size:11pt;color:black; padding-left:17px; display:inline-block;padding-top:0px;padding-bottom:2px;margin-top: 0px;}
	#MyLocate b{color:White; padding-left:720px; display:inline-block;padding-top:0px;padding-bottom:2px;margin-top: 0px;height:22px;}
	#MyLocate b a{color:blue;}
	#MyLocate b a:hover{color:red;}

    .Locate {font-size:11pt;background: whitesmoke;margin-top: 0px; margin-bottom:0px;padding:2px; margin-bottom:2px;text-align:left;height:22px;width:970px;}
    .Locate h1{  background: url(/C-src/bgsprite.gif) no-repeat;display:inline-block;background-position:-250px -40px;height:22px;width:150px;
	              font-size:11pt;color:black; padding-left:17px; display:inline-block;padding-top:0px;padding-bottom:2px;margin-top: 0px;}
	

	
	
	.pic_list{height:1%;overflow:hidden;font-size:11pt;text-align:left}	
	.pic_list li{padding:6px 0;font-size:10pt;}	
	.pic_list b{font-size:12pt;}
	
	#shape{background-position: left top; position:relative; z-index:1; left:0px; top:0px; 
	       background-image: url('/C-ProductImgs/shape.gif'); background-repeat: no-repeat; width: 550px; height:716px;}	
	
	#checkedShape{ border: 1px solid #00CC66; position:relative; z-index:2;} 
	
	

/* 主页网站整体布局样式 */
#main1_grid{  padding-bottom:7px; width:970px; margin:0 auto;}
#main1{ margin:0 auto; max-width:970px; overflow:hidden; padding:0px; position:relative;}
#sideBar1{float:right;overflow:hidden; width:150px; padding-top:0px;}
#mainContent1{float:left; max-width:704px; position:relative; z-index:2}
#mainContent1 h1{font-size:9pt;margin-top:0;color:#666666;text-align:left;}
	
/* 主页网站整体布局样式 */
#main_grid{  padding-bottom:7px; width:970px; margin:0 auto;}
#main{ margin:0 auto; max-width:970px; overflow:hidden; padding:0px; position:relative;padding-bottom:7px;}


#mainContent{float:left; width:77%; position:relative; z-index:2}

/* 产品样式 */
    #pro_warp{margin-top: 5px; position:relative; width:100%; overflow:hidden;}	
    #pro_warp p.title{ padding-left:20px; margin-left:2px; color:#000000; position:relative; z-index:3}
	#pro_warp p.title span{ color:#006699; font-size:17px;height:30px;line-height:30px;display:inline-block;font-weight:bold; }

	#pro_warp .inner{margin:0; width:100%; overflow:hidden;}
	#pro_warp ul{display:inline; float:left;width:33.3333%; margin:0px; border:none; overflow:hidden;padding-left:0px;margin-right:0px}
    #pro_warp li.ti a{color: #FFFFFF;text-decoration: none;font-size:10.5pt;font-weight:bold;}
    #pro_warp li.ti a:hover{color:#FF0000;text-decoration: underline;font-size:10.5pt;}
	#pro_warp li.ti{ width:217px; background:url(/C-src/bgsprite.gif) no-repeat 0 -34px; height:35px; line-height:35px; text-align:center; color:#FFFFFF;border:none !important; margin-top:0; margin-bottom:0; padding-bottom:0;}
	#pro_warp li{ overflow:hidden; border:1px solid #DADADA;  margin:5px 0 5px 0px;padding-right: 5px;padding-bottom: 5px; width:215px; float:left; clear:both;}
	#pro_warp img{ float:left; margin-right:5px; display:block; width:120px; height:120px;}
	#pro_warp h2{margin-top: 8px; margin-bottom: 4px; overflow: hidden;height: 40px;text-align:left;}
	#pro_warp h2 a{ font-size:12px; color:#5F5F5F;  }
	#pro_warp h2 a:hover{ color:#ff0000;text-decoration:underline;}
	#pro_warp span.more a{ font-size:11px; color:#ED7101;}
	#pro_warp .summary{ font-size:11px; color:#5F5F5F; line-height: 14px;height: 45px;overflow: hidden;padding-top: 10px;line-height: 15px;text-align:left;}

#sideBar{float:right;overflow:hidden;width:23%; padding-top:0px;}
#sideBarSub{margin-top: 57px; position:relative;overflow:hidden;}
#sideBarSub sd{width:222px;margin:0 auto;float:right;} 
#sideBarSub ul{margin:0;width:222px;padding:0; }
#sideBarSub li{ overflow:hidden; margin:5px 0 4px;padding-bottom: 5px; width:220px; float:left; clear:both;padding-right:5px;}
#sideBarSub li.ti a{color: #FFFFFF;text-decoration: none;font-size:10.5pt;}
#sideBarSub  li.ti{ width:222px; background:url(/C-src/bgsprite.gif) no-repeat 0 -34px;
height:35px; line-height:35px; text-align:center; color:#FFFFFF;border:none !important; margin-top:0; margin-bottom:0; padding-bottom:0;padding-right:5px;margin-right:10px;font-weight:bold;}

#pageNav{clear:both;display:block;width:100%;}
#pageNav li{display:inline; float:left;padding:6px;color:red; }
#pageNav li a{padding:8px;padding-bottom:3px;padding-top:3px; border:1px solid RGB(230,230,230);text-decoration:none;background-color: RGB(230,230,230);color:#000;}
#pageNav li a:hover{background-color: #006699; color:#fff;}


.contactus
{
    color: #009900;
    font-weight: bold;
    text-align: right;
    height:30px;
    padding-right:20px;
}

.language a{color:#FF9928;text-decoration:none;font-size:12pt;}
.language a:hover{color:#FF0000; text-decoration:underline; }
	
	
.bg_sprite1{ background: url(/C-src/bgsprite.gif) no-repeat;display:inline-block;}
.wechat {background-position:0 0;height:30px;width:103px;}
.skype{background-position:-103px 0;width:67px;height:30px;}
.tel {margin-top:4px;background-position:-171px 0;width:121px;height:30px;}
.address{margin-top:5px;background-position:-415px 0;width:120px;height:30px;}
.email {margin-top:10px;background-position:-293px 0;width:121px;height:30px;}
.QQ{background-position:-536px 0;width:24px;height:30px;vertical-align:middle;margin-left:40px;margin-right:10px;}
.circle{background-position:-224px -38px;width:19px;height:18px;}
.nameCard{background-position:-562px 0;width:113px;height:130px;margin-top:4px;float:left;}
.AdsBlue{margin-left:20px;color:#006699}
.contactH{height:40px;}	
.contactH a{color:#333333;}	
.contactH a:hover{color:Red;}	
#moreContact{padding-left:60px;}
#moreContact a{color:#333333;}
#moreContact a:hover{color:Red;}
.AddsMain {max-width:750px;margin:0px auto;}
.AddsRight {
    float: right;
    max-width: 650px;
    text-align: left;
    padding-top: 15px;
}



.Language{ background: url(/C-src/language.gif) no-repeat -54px 0px; display:inline-block;height:12px;width:35px;}
.Simple {background-position:0px 0px;}
.Simple:hover{background-position:0px -12px;}
.Traditional {background-position:-54px 0px;}
.Traditional:hover{background-position:-54px -12px;}
.English {background-position:-108px 0px;width:42px;}
.English:hover{background-position:-108px -12px;}
.tableTD td{text-align:center;vertical-align:middle;}
.tableTDpadding td{vertical-align:middle;padding-left:10px;}

.GreenLine
{
    max-width: 970px;
    height: 3px;
    background-color: #999999;margin-bottom:3px;
}

#logoAdd {
    width: 670px;
    background: url('/C-src/MobileCode.gif') no-repeat right;
}

@media screen and (max-device-width: 1080px) { 
    #leftBar{  float: none;  width:auto;} 
    #logo { float: none; width:auto;}
    .nameCard {display:none;    }
    #rightContent {float: left; width: auto; }
     #rightContent img{width:280px;height:auto;  }
    
    #myfooder {width:auto;}
    #new_product_list li {
        float: none;
        display: inline;
    }
    #logoAdd {width:auto;white-space:normal;}
    #actor li img{width:280px;height:auto;}
    #pro_warp ul {
        display: inline;
        float: none;
    }
    #product_list li {
        float: none;width:auto;
    }
}