@charset "utf-8";

/*========explain======*/
/* CSS Document */
/*
body,div,ul,li,p,h1,h2,h3,h4{margin:0;padding:0;border:0;}ul,ol,dl{list-style-type:none;}

.left{ float:left}
.right{ float:right}
.border{ border:1px #cccccc solid !important;}
.border2{ border:1px #e2e2e2 solid;}
.font1{ font-size:14px; font-weight:bold;}
.align_l{ text-align:left;}
.clear{ clear:both; height:1px;}
.font3{ font-size:16px; text-align:left; margin-bottom:15px; display:block; color:#000000}
.pcnamewidth{OVERFLOW: auto; WIDTH: 255px; WORD-BREAK: break-all; word-warp: break-word; }
.pcnamewidth1{OVERFLOW: auto; WIDTH: 240px; WORD-BREAK: break-all; word-warp: break-word; }
.font4{ font-size:14px; color:#000000; font-weight:bold}
ul,li,input { padding:0px; margin:0px;}
.blue3 { color:#003399; text-decoration:underline;}
.blue3 a{ color:#003399; }
.blue3 a:hover{ color:#ff5500; }
#size11{ font-size:11px; color:#999999;}
.size11{ font-size:11px;}
.product-details68{ height:66px; overflow:hidden;}



.Explain{ width:629px;  border:10px #c8dfff solid; text-align:left; POSITION: relative; background:#FFFFFF;}
.Explain2{ width:619px; padding-right:20px; POSITION: relative; }
.lc{ margin:50px 18px  auto 28px;word-break: break-all; word-warp: break-word; display:inline}
.lc_title{ margin-top:50px; font-size:20px; line-height:17px;}

.closeDOMWindow{ font-size:16px; width:103px; height:48px; background:#c8dfff; display:block; position:absolute; z-index:1; left:550px; TOP:0px; line-height:48px; text-align:center}
.closeDOMWindow a{color:#000000; text-decoration:none}
.closeDOMWindow1{position:absolute; z-index:1; left:550px; TOP: 0px;width:103px; height:48px; background:#ff8201; color:#FFFFFF; line-height:48px; text-align:center;font-size:16px; }
.closeDOMWindow a:link,.lc_close_hover a:visited{color:#FFFFFF; font-size:16px; text-decoration:none }
*/



/*.cl_close_hover{position:absolute; z-index:1; left:548px; TOP: -12px;width:103px; height:48px; background:#ff8201; color:#FFFFFF; line-height:48px; text-align:center; font-size:16px;}
*/

.lc ul{ float:left}
.lc ul li{ color:#999999; margin-left:12px; width:80px; list-style-type:none; height:20px;}

/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,sans-serif; }
body,.tcenter{text-align:center; }
div{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
body,div,p{word-wrap:break-word;word-break:break-all;word-break:normal;}
small{font-size:12px;}ul,ol{list-style:none;}
a{text-decoration:none; outline:none; color:#343434; }
a:hover{text-decoration:underline; color:#ff6600;}

img{border:0;}
button,input,select,textarea{font-size:100%; vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.cfix{zoom:1}
.cfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.cl{ clear:both;} .fl { float:left} .fr { float:right;}


/*public head style*/
.header{ width:980px;  margin:0px auto; color:#666; z-index:1; position:relative;}
.headtop_l,#site-nav{ padding-top:5px; float:left;}
.headtop_l a{ color:#0000CC; text-decoration:underline;}
.headtop_l a:hover{ color:#ff6600;}
#site-nav .quick-menu LI {background:url(../images/mbg.png) no-repeat; }
/*
#site-nav{ float:right; width:555px; background-color:Red; }*/
#site-nav{ float:right; width:550px; }
#site-nav ul{text-align:right;}
#site-nav {Z-INDEX: 10000; MARGIN: 2px auto; COLOR: #000; LINE-HEIGHT: 19px; POSITION: relative; HEIGHT: 22px}
#site-nav A {COLOR: #666}
#site-nav A:hover {COLOR: #f50}
#site-nav .quick-menu {RIGHT: 0px; POSITION: absolute; TOP: 0px}
#site-nav .quick-menu LI {PADDING-RIGHT: 0px; background-POSITION: right 6px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: -1px; PADDING-TOP: 2px}
#site-nav .quick-menu .home { padding-right:10px;}
#site-nav .quick-menu LI.last {background: none transparent scroll repeat 0% 0%}
#site-nav .quick-menu LI.menu-item {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: relative}
#site-nav .menu-hd {PADDING-RIGHT: 22px; DISPLAY: block; PADDING-LEFT: 10px; Z-INDEX: 10002; PADDING-BOTTOM: 0px; MARGIN: 1px 1px 0px; CURSOR: pointer; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 20px}
#site-nav .buyoffesr .menu-hd {WIDTH: 68px; PADDING-TOP: 1px; _padding-top: 1px}
#site-nav .mylookchem .menu-hd {WIDTH: 88px; PADDING-TOP: 1px; _padding-top: 1px}
#site-nav .menu-hd B {BORDER-RIGHT: #fff 4px solid; BORDER-TOP: #666 4px solid; FONT-SIZE: 0px; RIGHT: 10px; BORDER-LEFT: #fff 4px solid; WIDTH: 0px; LINE-HEIGHT: 0; BORDER-BOTTOM: #fff 4px solid; POSITION: absolute; TOP: 7px; HEIGHT: 0px; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in}
#site-nav .menu-bd {BORDER: #bfbfbf 1px solid; DISPLAY: none; Z-INDEX: 9999; RIGHT: 0px; background: #fff;POSITION: absolute; TOP: 21px}
#site-nav .menu {POSITION: relative}
#site-nav .menu:hover .menu-hd {BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; background: white; MARGIN: 0px; BORDER-LEFT: #bfbfbf 1px solid; BORDER-BOTTOM: #bfbfbf 1px;}
#site-nav .hover .menu-hd {BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; background: white; MARGIN: 0px; BORDER-LEFT: #bfbfbf 1px solid; BORDER-BOTTOM: #bfbfbf 1px;}
#site-nav .menu:hover .menu-bd {DISPLAY: block}
#site-nav .hover .menu-bd {DISPLAY: block}
#site-nav .menu:hover .menu-hd B {BORDER-LEFT-COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #666; TOP: 5px; BORDER-RIGHT-COLOR: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%}
#site-nav .hover .menu-hd B {BORDER-LEFT-COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #666; TOP: 5px; BORDER-RIGHT-COLOR: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%}
#site-nav .buyoffesr .menu-bd,#site-nav .mylookchem .menu-bd {WIDTH: 175px; LINE-HEIGHT: 1.7; TOP: 21px; left:0px; padding:5px 0px 5px 10px;}
#site-nav .mylookchem .menu-bd{ width:155px;}
#site-nav .mylookchem .menu-bd .last {BORDER-WIDTH: 0px;}
#site-nav ul li.chinese{ background:url(../images/index-bg.gif) no-repeat 0px 2px; background-position:0px 1px\0; *background-position:0px 0px; _background-position:0px 2px; padding-left:25px; font-weight:bold; color:#ff6000; line-height:15px; border-right:0px; margin-left:12px; margin-top:3px;}
#site-nav ul li.chinese a,#site-nav ul li.chinese a:hover{ color:#ff6000; }
.header .logo{ width:190px; height:56px; float:left; padding:15px 15px 15px 0px;}
.header .search{ width:660px; float:left; padding:15px 0px; z-index:1;}
.header .search ul{ overflow:hidden;}
.header .search ul li{ display:block; float:left; margin-right:8px; width:88px; text-align:center; height:21px; line-height:21px; font-weight:bold;}
.header .search ul li a{ display:block; background:url(../images/nav.gif) no-repeat left -23px;}
.header .search ul li a:link,.header .search ul li a:visited{ background:url(../images/nav.gif) no-repeat left -23px; color:#4a4a4a; text-decoration:none;}
.header .search ul li a:hover,.header .search ul li a:active,.header .search ul li a.searchhover,.header .search ul li a.searchhover:visited{ background:url(../images/nav.gif) no-repeat left top; color:#FFF; text-decoration:none;}
.searchcont{ background-color:#138bde; width:575px; height:24px; padding:4px; overflow:hidden;}
.txtstyle1{ width:496px; height:22px; border:1px solid #666; line-height:22px; color:#666; padding-left:8px; float:left;}
.btnstyle1{ width:65px; height:24px; background:url(../images/btn_bg.png) no-repeat left top; border:0px; float:right; cursor:pointer;}

/*bottom style*/
.bottom{ width:100%; border-top:1px solid #ddedf6; margin-top:10px; text-align:center; color:#999; padding:8px 0px; line-height:20px;}
.bottom li{ display:inline; padding-right:8px; line-height:20px;}
.bottom li a{ color:#0000CC; text-decoration:none;}
.bottom li a:hover{ color:#ff6600; text-decoration:underline;}


.header .im{ position:absolute; left:810px; top:66px;}