@charset "utf-8";
/* CSS Document */
#Mid{width:933px;  margin:0 auto;text-align:left; float:left; overflow:hidden; background-color:#FFFFFF;}
#Mid ul{list-style-type: none; margin:0;}
#Mid li{display:inline; float:left;}
#Mid ul li .left{ width:195px; float:left; text-align:left;}
#Mid ul li .right{ width:718px; float:left; padding-left:20px; text-align:left;}

#IC-Class{ width:193px; float:left;background-image:url(../images/sopop-leftbg.jpg);border:1px #CCCCCC solid;}
#IC-Class ul{list-style-type: none; margin:0;}
#IC-Class li{display:inline;padding:0px;float:left;}
#IC-Class ul li.ICC-Protitle{width:173px; height:23px;float:left; text-align:left; font-family:"Arial"; font-size:12px; padding-left:20px; color:#FFFFFF; background-image:url(../images/sopop-left-titlebg.jpg); line-height:23px; font-weight:bold;}
#IC-Class ul li.ICC-contitle{width:193px; float:left; text-align:left; font-family:"Arial"; font-size:12px; line-height:23px; font-weight:bold;}
#IC-Class ul li.ICC-letterpro{width:173px; height:26px;float:left; text-align:left; font-family:"Arial"; font-size:11px; padding-left:20px; color:#666; background-image:url(../images/sopop-left-leibg.jpg); line-height:26px; font-weight:bold;}
#IC-Class ul li.ICC-leftnewpro{width:193px;float:left; text-align:left; border-bottom:1px #CCCCCC solid;}
#IC-Class ul li.ICC-letter{ float: left; width:180px; padding-left:13px;  text-align:left;  font-family:"Arial"; font-size:12px; color:#666;  BORDER-bottom: #f9f9f9 1px solid; }
#IC-Class ul li.ICC-letternews{ float: left; width:193px;text-align:left;  font-family:"Arial"; font-size:12px; color:#666;  BORDER-bottom: #f9f9f9 1px solid; }

#IC-Classkong{height:8px; width:193px; float:left; text-align:left; overflow:hidden; background-color:#FFFFFF;}

.lefttitle{width:173px; height:23px;float:left; text-align:left; font-family:"Arial"; font-size:12px; padding-left:20px; color:#FFFFFF; background-image:url(../images/sopop-left-titlebg.jpg); line-height:23px; font-weight:bold; border-bottom:1px #ccc solid;}
.leftlei{width:173px; height:26px;float:left; text-align:left; font-family:"Arial"; font-size:11px; padding-left:20px; color:#666; background-image:url(../images/sopop-left-leibg.jpg); line-height:26px; font-weight:bold;}
.leftnewpro{width:193px;float:left; text-align:left; border-bottom:1px #CCCCCC solid;}

#Sub{width:718px; float:left; text-align:left;}
#subbanner{ width:718px;float:left; text-align:left;}

#Locateline{ background-image:url(../images/sopop-arr-line.jpg); width:705px; height:2px;overflow:hidden; float:left;}

#Details{ width:718px; float:left; text-align:left;}
#Details ul{list-style-type: none; margin:0; }
#Details li{display:inline; float:left;}
#Details ul li .kk{ width:176px; float:left; text-align:left;}
.kkpic{ width:170px; height:180px;float:left; text-align:left;}
.kktext{ float:left; text-align:left; padding-left:10px; line-height:15px;width:166px; }
.addtocate{float:left; text-align:left; padding:5px 0px 0px 10px;}

.page{ float:left; text-align:right;width:708px; padding:10px 10px 5px 0px;}

#pic-maykk{float:left; text-align:left;padding:8px 8px 0px 0px; width:695px;}
#pic-maykkin{float:left; text-align:left;padding:4px 4px 0px 4px; width:660px;}
#pic-maykkin ul{list-style-type: none; margin:0; }
#pic-maykkin li{display:inline; float:left;width:131px;}
#pic-maykkin ul li .pic-may{float:left; text-align:left;width:100px; height:100px;border:1px #CCCCCC solid;}
#pic-maykkin ul li .pic-name{float:left; text-align:center;width:100px; line-height:20px;FONT-FAMILY: "Arial"; color:#515151; font-size:11px;}

.pic-css2{float:left; text-align:left;padding:4px 4px 0px 4px; width:668px; height:18px; background-image:url(../images/sopop-arr-proinfobg2.jpg);FONT-FAMILY: "Arial";  font-size:12px; font-weight:bold; color:#FFFFFF;}
.pic-css{float:left; text-align:left;padding:4px 4px 0px 4px; width:344px; height:18px; background-image:url(../images/sopop-arr-proinfobg.jpg);FONT-FAMILY: "Arial";  font-size:12px; font-weight:bold; color:#FFFFFF;}
.text-css{float:left; text-align:left; padding-right:10px; line-height:20px;color:#515151;FONT-FAMILY: "Arial"; font-size:11px;}
.text-css1{float:left; text-align:left; line-height:20px;FONT-FAMILY: "Arial"; color:#515151; font-size:11px; padding:0px 4px 0px 4px; width:344px; border-bottom:1px #CCCCCC dashed; }
.text-css2  {BORDER: #ccc 1px inset; padding-left:5px; FONT-FAMILY: "Arial"; FONT-SIZE: 11px; background-color:#ffffff;COLOR: #666; height:18px; line-height:15px;}
.text-css3{float:left; text-align:left; line-height:20px;FONT-FAMILY: "Arial"; color:#515151; font-size:11px; padding:0px 4px 0px 4px; width:344px;}
.text-bt{FONT-FAMILY: "Arial";  font-size:12px; font-weight:bold;}
.text-aboutus{width:700px;float:left; text-align:left; line-height:20px;FONT-FAMILY: "Arial"; color:#515151; font-size:11px; padding-right:18px;}
.text-contact{float:left; text-align:left; line-height:20px;FONT-FAMILY: "Arial"; color:#515151; font-size:11px; width:285px; padding-left:15px; padding-bottom:8px;}
.text-news{float:left; text-align:left; line-height:20px;FONT-FAMILY: "Arial"; color:#515151; font-size:11px; width:685px; padding-left:15px;  padding-bottom:8px;}
.letter11 {FONT-SIZE: 11px; FONT-FAMILY: Arial; LINE-HEIGHT: 150%;TEXT-DECORATION: none; color:#515151; float:left; text-align:left; width:700px;}
.letter18 {FONT-WEIGHT: bold; FONT-SIZE: 16px; color:#706f6f; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.a02  { FONT-FAMILY: "Arial"; FONT-SIZE: 11px;BACKGROUND-COLOR: #ffffff;COLOR: #111111; padding-left:5px;}
.pro-kj{float:left; text-align:left; border:1px #CCCCCC solid;}

#newsclass{width:700px;float:left; text-align:left;  padding-right:18px;}
#newsclass ul{list-style-type: none; margin:0; padding-left:20px; border-bottom:1px #CCCCCC dashed; height:25px;overflow:hidden;}
#newsclass li{display:inline; float:left;}
.newsarr{ width:30px; float:left; text-align:left; padding-top:3px; height:25px;}
.newstitle{width:540px; float:left; text-align:left; line-height:25px;FONT-FAMILY: "Arial"; color:#515151; font-size:11px; padding-top:2px;}
.newsdate{width:110px; float:left; text-align:left; line-height:25px;FONT-FAMILY: "Arial"; color:#515151; font-size:11px; padding-top:2px; padding-bottom:3px;}
.newscompaty{ width:130px;float:left; text-align:left; line-height:25px;FONT-FAMILY: "Arial"; color:#515151;font-size:11px; padding-top:2px; padding-left:200px;}
#newstitletop{width:700px;float:left; text-align:center;line-height:30px; font-size:14px;color:#f98426; font-weight:bold;}
#newsdetilesdate{width:700px; float:left; text-align:center;line-height:25px; FONT-FAMILY: "Arial"; color:#515151; font-size:11px; padding-top:2px; padding-bottom:3px;border-bottom:1px #CCCCCC dashed; height:20px;overflow:hidden;}

A.link_666:visited {color:#515151; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_666:link    {color:#515151; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_666:hover   {color:#f98426; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline}

A.link_555:visited {color:#515151; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_555:link    {color:#515151; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_555:hover   {color:#f98426; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}

A.link_444:visited {color:#515151; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline}
A.link_444:link    {color:#515151; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline}
A.link_444:hover   {color:#f98426; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline}

A.link_333:visited {color:#515151; FONT-SIZE: 11px; font-weight:bold;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_333:link    {color:#515151; FONT-SIZE: 11px; font-weight:bold;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_333:hover   {color:#f98426; FONT-SIZE: 11px; font-weight:bold;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}

A.link_222:visited {color:#515151; FONT-SIZE: 12px; line-height:25px;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_222:link    {color:#515151; FONT-SIZE: 12px;  line-height:25px;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_222:hover   {color:#515151; FONT-SIZE: 12px;  line-height:25px; FONT-FAMILY: "Arial";TEXT-DECORATION: underline}

A.link_shipping:visited {color:#515151; FONT-SIZE: 11px; padding-left:8px;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_shipping:link    {color:#515151; FONT-SIZE: 11px; padding-left:8px;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_shipping:hover   {color:#f98426; FONT-SIZE: 11px; padding-left:8px;  FONT-FAMILY: "Arial";TEXT-DECORATION: underline}

A.link_11red:visited {COLOR:  #f98426; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline }
A.link_11red:link    {COLOR:  #f98426; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline}
A.link_11red:hover   {COLOR: #979797; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}

A.link_bot:visited {COLOR: #979797; FONT-SIZE: 11px; FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_bot:link    {COLOR: #979797; FONT-SIZE: 11px; FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_bot:hover   {COLOR: #f98426; FONT-SIZE: 11px;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}

A.link_map:visited {color:#706f6f; FONT-SIZE: 12px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_map:link    {color:#706f6f; FONT-SIZE: 12px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_map:hover   {color:#f98426; FONT-SIZE: 12px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline}

A.link_11gray:visited {COLOR: #a5a5a5; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_11gray:link    {COLOR: #a5a5a5; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_11gray:hover   {COLOR: #f21119; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}

A.linkletitle:visited {FONT-SIZE: 14px; color:#515151; font-weight: bold;  TEXT-DECORATION: none; font-family:Arial; }
A.linkletitle:link {FONT-SIZE: 14px; color:#515151;  font-weight: bold; TEXT-DECORATION: none;font-family:Arial ;  }
A.linkletitle:hover {FONT-SIZE: 14px; COLOR: #515151;  font-weight: bold;  TEXT-DECORATION: none; font-family:  Arial; }

A.linkletitle01:visited {color:#515151; FONT-SIZE: 12px; FONT-FAMILY: "Arial";font-weight:bold;TEXT-DECORATION: underline}
A.linkletitle01:link    {color:#515151; FONT-SIZE: 12px; FONT-FAMILY: "Arial";font-weight:bold;TEXT-DECORATION: underline}
A.linkletitle01:hover   {COLOR:#f98426; FONT-SIZE: 12px;  FONT-FAMILY: "Arial";font-weight:bold;TEXT-DECORATION: none}

A.link_12:visited {COLOR: #515151; FONT-SIZE: 12px; font-weight:bold;   FONT-FAMILY: "Arial";TEXT-DECORATION: none }
A.link_12:link    {COLOR: #515151; FONT-SIZE: 12px; font-weight:bold;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_12:hover   {COLOR: #f98426; FONT-SIZE: 12px; font-weight:bold;  FONT-FAMILY: "Arial";TEXT-DECORATION: none}

A.link_12red:visited {COLOR:#f98426; FONT-SIZE: 12px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline }
A.link_12red:link    {COLOR:#f98426; FONT-SIZE: 12px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline}
A.link_12red:hover   {color:#515151; FONT-SIZE: 12px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}

A.link_letter:visited {color:#515151; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_letter:link    {color:#515151; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: none}
A.link_letter:hover   {COLOR:#f98426; FONT-SIZE: 11px;   FONT-FAMILY: "Arial";TEXT-DECORATION: underline}

span--{
color:#f98426;
float:left;
width:0.7em;
font-size:400%;
font-family:Times;
font-weight: bold;
line-height:80%;
}

#Quality{float:left; text-align:center; width:400px; height:505px; border:1px #CCCCCC solid;}

	.STYLE1_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
	}
	
	
/*page turn*/
DIV.sabrosus {
	MARGIN: 0px;
	TEXT-ALIGN: right;
	padding: 10px;
	float: right;
	height: 20px;
	width: 680px;
	position: relative;
	
}
DIV.sabrosus A {
	BORDER-RIGHT: #aaaaaa 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #aaaaaa 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #aaaaaa 1px solid;
	COLOR: #aaaaaa;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	TEXT-DECORATION: none;
	font-family: Arial;
	font-size: 11px;
	margin-top: 10px;

}
DIV.sabrosus A:hover {
	BORDEr: #FF0A00 1px solid;BACKGROUND-COLOR: #a51d1f;
}

DIV.pagination A:active {
	BORDER-RIGHT: #a51d1f 1px solid; BORDER-TOP: #a51d1f 1px solid; BORDER-LEFT: #a51d1f 1px solid; COLOR: #fff; BORDER-BOTTOM: #a51d1f 1px solid; BACKGROUND-COLOR: #a51d1f;
}
DIV.sabrosus SPAN.current {
	BORDER: #FB7D00  1px solid;
	padding:2px 5px 2px 5px;
	FONT-WEIGHT: bold;
	
	COLOR: #fff;
	MARGIN-RIGHT: 2px;

	BACKGROUND-COLOR:#f98426;
	font-family: Arial;
	
	margin-top: 10px;
}
DIV.sabrosus SPAN.disabled {
	BORDER: #FB7D00 1px solid;
	padding:2px 5px 2px 5px;	
	background-color:#f98426;
	COLOR: #000000;
	MARGIN-RIGHT: 2px;
	font-size: 11px;
	font-family: Arial;
	margin-top: 10px;
}	

h2{ font-family:"Arial"; font-size:11px ;}
h3{ font-family:"Arial"; font-size:11px ;}
