@charset "utf-8";
* {
	margin:0;
	padding:0
}
body {
	font-size:0.875rem;
	font-family: Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#333;
	background:#fff
}
#mainDiv {
	font: 14px/150% arial;
	padding:10px 0;
	min-width:900px;
	width:90%;
	margin:auto;
	background:#fff
}
a {
	color: #06f;
	text-decoration: none
}
a:hover {
	color: #ff7300
}
header, main {
	width:96%;
	margin:auto;
	max-width:1800px;
	clear:both
}
.wbox {
	width:100%;
	margin:auto
}
.headbox {
	width:100%;
	height:3rem;
	padding:15px 0;
	border-bottom:1px solid #eaeaea;
	margin-bottom:20px
}
.logo {
	float:left
}
.labelbox {
	margin: 20px 0;
	clear: both;
	top: 45px;
	border: 1px solid #888;
	color: #333;
	background: #fff
}
.labelbox ul, .labelbox li {
	margin: 0;
	padding: 0;
	list-style: none
}
.title {
	float: left;
	font: bold 24px/46px Arial, Helvetica, sans-serif;
	padding: 0px 20px;
	border-right: 1px dashed #ccc
}
.s_label {
	z-index: 2;
	height: 46px;
	padding: 3px 0;
	border-bottom: 1px solid #ccc
}
.s_label_content {
	height: auto;
	clear: both;
	text-align: left;
	padding: 40px 20px
}
.s_label li {
	float: left;
	cursor: pointer;
	font: 14px/46px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 20px;
	padding: 0 5px;
	position: relative
}
.s_normaltab {
	color: #000
}
.s_normaltab:hover {
	color: #0066cc
}
.s_hovertab {
	color: #0066cc
}
.s_hovertab:after {
	content: "";
	height: 4px;
	width: 40px;
	background: #0066cc;
	display: block;
	position: absolute;
	top: 46px;
	left: 50%;
	margin-left: -20px
}
.Label_show {
	height: auto
}
.hide {
	display: none
}
.info_list {
	color: #000
}
.info_list th {
	font-weight: 500;
	text-align: left;
	color: #666;
}
.info_list td {
	padding: 5px 3px;
	border-bottom: 0px dashed #ccc;
	font-size: 12px
}
.table_1 td {
	border: none;
	padding: 5px 10px 5px 0;
	vertical-align: middle
}
.table_1 th {
	border: none;
	max-width: 460px;
	padding: 0 10px 0 0;
	font-size: 12px
}
.table_1 {
	width: auto
}
.red {
	color: #f00
}
.table_2 {
	border-collapse: collapse
}
.table_2 td, .table_2 th {
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
	word-break:break-all
}
.table_2 td {
	position:relative
}
.table_2 th {
	background: #efefef;
	text-align:center;
	min-width:80px
}
.tophead {
	border-bottom:1px solid #eaeaea;
	background:#fff;
	width:90%;
	padding:0;
	margin:auto
}
.logo {
	display:block;
	padding:15px 0
}
.labeltext {
	font-size:0
}
.searbox {
	width:640px;
	margin:auto
}
.searchtext {
	border: 2px solid #29b5ce;
	float: right;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	width: 420px;
	box-sizing: border-box
}
.searchbut {
	border:none;
	height: 40px;
	padding: 2px;
	width: 65px;
	background:#29b5ce url("https://www.chemicalbook.com/control/image/icon_index.png") no-repeat scroll 20px -15px;
	cursor: pointer;
	font-size:0;
	float:right
}
.sea_but2 {
	border:1px solid #cacaca;
	border-left:none;
	background:#f9f9f9;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	color:#676767;
	float:right;
	cursor:pointer;
	height:40px;
	padding:2px 12px
}
.sea_but2:hover {
	border:1px solid #29b5ce;
	border-left:none;
	color:#29b5ce
}
.TDAmarginR10 {
	margin-bottom:20px
}
.TDAmarginR10 a {
	display: inline-block;
	margin-right:1px;
	text-decoration: none;
	overflow: hidden;
	padding:5px 15px;
	background:#29b5ce;
	color:#fff;
	cursor:pointer
}
.TDAmarginR10 a:hover {
	background:#ff7300
}
.foot {
	border-top:1px solid #ccc;
	text-align:center;
	padding:40px 20px;
	width:90%;
	margin:auto;
	font:12px Verdana, Geneva, sans-serif
}
.table_list1 {
	border-collapse: collapse
}
.table_list1 td, .table_2 th {
	border-bottom: 1px solid #ddd;
	padding: 5px;
	vertical-align: middle;
	word-break:break-all
}
.table_list1 td {
	position:relative;
	font-size:14px
}
.table_list1 th {
	background: #efefef;
	text-align:center
}
.table_list1 tr:hover {
	background:#f5f5f5
}
.page_jp {
	padding:10px 0
}
.page_jp a {
	font-size:13px;
	color:#999;
	padding:2px
}
.page_jp a:hover {
	color:#000
}
.page_jp b {
	padding:2px
}
.more {
	font:12px Arial, Helvetica, sans-serif;
	margin:0 20px
}
.buyproduct:link {
	background:#eee;
	border-radius:10px;
	padding:2px 12px;
	color:#888;
	height:22px;
	line-height:22px
}
.buyproduct:visited {
	color:#888;
	background:#eee
}
.buyproduct:hover {
	color:#fff;
	background:#ff7300
}
.title-h2 {
	font: bold 20px Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	margin-bottom:15px
}
.infobox a:link {
	color: #0066CC;
	text-decoration: none
}
.infobox a:hover {
	color: #ff7300
}
.infobox a:visited {
	color: #0066CC
}
.tophead td {
	vertical-align:middle
}
.foot {
	border-top:1px solid #ccc;
	text-align:center;
	padding:40px 20px;
	width:90%;
	margin:auto;
	font:12px Verdana, Geneva, sans-serif
}
.breadcrumbs {
	font-size:12px;
	color:#666
}
h1 {
	padding:22px 0;
	font-size:28px
}
.productimg {
	width:300px;
	height:240px;
	border:1px solid #ccc;
	overflow:hidden;
	text-align:center;
	display:table
}
.productimgtd {
	display:table-cell;
	text-align:center;
	vertical-align:middle
}
.productimg img {
	max-width:100%;
	max-height:100%
}
.list_dl_SD {
	width:100%
}
.list_dl_SD dl {
	clear:both;
	background:#fff;
	border-bottom:0px solid #ccc;
	overflow:hidden
}
.list_dl_SD dl dt, .list_dl_SD dl dd {
	float:left;
	padding:6px 0;
	max-width:50%;
	margin-right:10px;
	word-wrap:break-word
}
.list_dl_SD dl dt {
	color:#000;
	width:200px;
}
.RFQbox {
	width:220px;
	padding-bottom:5px;
	position:relative
}
.menufloat {
	margin:20px 0;
	background:#f9f9f9;
	border:1px solid #dedede;
	padding:6px 0
}
.menufloat a {
	padding:0 1.625rem;
	position:relative;
	font-size:1.125rem;
	line-height:200%;
	text-transform:capitalize;
	height:2.25rem;
	display:inline-block;
	color:#555;
	border-right:1px dotted #ccc;
	cursor:pointer
}
.menufloat .current, .menufloat a:hover {
	color:#29b5ce;
	text-shadow:1px 1px 1px #FFF
}
.menufloat .current:after {
	content:"";
	height:3px;
	width:100%;
	background:#29b5ce;
	position:absolute;
	top:40px;
	left:0
}
.menufloat a i {
	border-radius:40px;
	background:#0066cc;
	color:#fff;
	font-size:14px;
	min-width:26px;
	min-height:26px;
	text-align:center;
	padding:0 5px;
	display:inline-block;
	margin-left:4px;
	font-style:normal;
	text-shadow:none
}
.menufloat .current i {
	background:#29b5ce
}
.menufloat .box11 {
	visibility:hidden
}
.menufloat2 {
	margin:0 auto;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:0 0 5px 0;
	z-index:99
}
.menufloat2 .menufloatext {
	margin:0 auto;
	padding:5px 0;
	width:90%
}
.menufloat2 .box11 {
	visibility:visible
}
.paper {
	background: #fff;
	color: #333
}
.paper h2 {
	font: bold 22px/100% Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 0
}
.paper h3 {
	padding:16px 0 5px 0
}
.paper ol li {
	list-style-position: inside
}
.goldpro_icon {
	background:url(/images/goldpro_1.png) no-repeat;
	display: block;
	width: 24px;
	height: 42px;
	top:-2px;
	left:-2px;
	position:absolute
}
.qytj {
	width:15px;
	height:21px;
	background: url(/Content/img/en-icon_productlist.png) no-repeat -63px 0;
	float:right;
	margin-right:5px
}
.a_normal a:link {
	color:#333;
	text-decoration:underline
}
.a_normal a:visited {
	color:#333
}
.a_normal a:hover, .Suppliers_top ul li .company_name a:hover {
	color:#ff7300
}
.paper td {
	padding:5px
}
.list_a a {
	margin-right:8px;
	border-right:1px dotted #888;
	padding-right:10px
}
.marB20 {
	margin-bottom:20px
}
.txCaptionTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	height: 16px;
	width: 100px;
	color: #FF6600
}
.top3 {
	background: url(/images/TopHank.png) no-repeat right center
}
.table_2 td[class="top3"] {
	padding-right:50px
}
.list_li_1 {
	margin:20px 0;
	overflow:hidden
}
.list_li_1 li {
	list-style:none;
	margin-right:10px;
	margin-bottom:10px;
	line-height:100%;
	border-right:1px dotted #888;
	padding-right:10px;
	float:left;
	color:#666;
}
.hr_solid {
	border:none;
	border-top:2px solid #888;
	margin:20px 0
}
.float_button {
	padding:0px 26px;
	height:40px;
	background:#ff7300;
	color:#fff;
	border:#e05b07 solid 1px;
	border-radius:3px;
	cursor:pointer;
	float:right;
	font:16px Arial, Helvetica, sans-serif;
	margin-left:5px
}
.price_button {
	padding:0px 26px;
	height:40px;
	background:#ff7300;
	color:#fff;
	border:#e05b07 solid 1px;
	border-radius:3px;
	cursor:pointer;
	font:16px Arial, Helvetica, sans-serif;
	margin-top:5px
}
.flagbox {
	width: auto;
	float: right;
	padding-top: 15px;
	text-align: right;
}
.flagbox a {
	width:24px;
	height:16px;
	background:url(../../images/flag.png);
	display:inline-block;
	margin-left:3px;
}
a.flag1 {
	background-position:0 0
}
a.flag2 {
	background-position:0 -16px;
}
a.flag3 {
	background-position:0 -32px
}
a.flag4 {
	background-position:0 -48px;
}
a.flag5 {
	background-position:0 -64px
}
a.flag6 {
	background-position:0 -80px
}
.table2 tr th {
	color:#000;
	font-weight:500;
	width:220px;
	text-align:left
}
.table2 td {
	padding:5px 3px
}
@media screen and (max-width:1690px) {
	.menufloat2 .searchtext {
	width:280px
	}
}
@media screen and (max-width:1400px) {
	.menufloat2 .searchtext {
	width:auto
	}
}
@media (max-width:1920px) {
	header, main {
	width:96%;
	margin:auto;
	max-width:1800px
	}
	.wbox {
	width:100%!important
	}
}
@media (max-width:1536px) {
	header, main {
	width:96%;
	margin:auto;
	max-width:1800px
	}
	.wbox {
	width:100%
	}
}
@media (max-width:1024px) {
	header, main {
	width:92%;
	margin:auto;
	max-width:1800px
	}
	.wbox {
	width:100%
	}
	.logo {
	width:99px;
	height:24px;
	padding:0
	}
	.logo img {
	width:100%;
	height:100%
	}
	.flagbox {
	padding-top:0
	}
	.searbox {
	float:left;
	width:100%;
	height:auto;
	padding-bottom:5px;
	position:relative
	}
	.sea_but2 {
	display:none
	}
	.searchbut {
	border:none;
	height:2.5rem;
	padding: 2px;
	width:4.0625rem;
	cursor: pointer;
	font-size:0;
	color:#fff;
	position:absolute;
	right:0;
	background:#29b5ce url("https://www.chemicalbook.com/control/image/icon_index.png") no-repeat scroll 20px -15px
	}
	.searchtext {
	font-size:0.875rem;
	padding-right:4.2rem;
	height:2.5rem;
	width:100%;
	line-height:2.5rem;
	border: 2px solid #29b5ce;
	padding: 0 12rem 0 15px;
	float: left;
	box-sizing: border-box;
	}
}
.menufloat div {
	padding:0 1.625rem;
	position:relative;
	font-size:1.125rem;
	line-height:200%;
	text-transform:capitalize;
	height:2.25rem;
	display:inline-block;
	color:#555;
	border-right:1px dotted #ccc;
	cursor:pointer
}
.menufloat .current, .menufloat div:hover {
	color:#29b5ce;
	text-shadow:1px 1px 1px #FFF
}
.menufloat div i {
	border-radius:40px;
	background:#0066cc;
	color:#fff;
	font-size:14px;
	min-width:26px;
	min-height:26px;
	text-align:center;
	padding:0 5px;
	display:inline-block;
	margin-left:4px;
	font-style:normal;
	text-shadow:none
}

.RFQbox a:link {
	background: #ff7300;
	border: none;
	border-radius: 3px;
	color: #FFF;
	cursor: pointer;
	height: 32px;
	width: 13.5rem;
	font: bold 15px/32px Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	border: #e05b07 solid 1px
}
.nfpa-diamond {
    background: url(../../images/NFPA704.jpg) no-repeat;
    background-position: center;
    font-weight: bold;
    font-family: sans-serif;
    width: 150px;
    height: 150px;
    border-spacing: 0;
    border-collapse: collapse;
    background-size: 150px
}

.nfpa-diamond td {
        padding: 0;
        border: none;
        width: 33%;
        height: 33%;
        line-height: 16px;
        color: #000
    }

table.nfpa-diamond td.nfpa-flam {
    text-align: center;
    vertical-align: bottom;
    font-size: 18px !important
}

table.nfpa-diamond td.nfpa-health {
    text-align: right;
    vertical-align: middle;
    font-size: 18px !important
}

table.nfpa-diamond td.nfpa-react {
    text-align: left;
    vertical-align: middle;
    font-size: 18px !important
}

table.nfpa-diamond td.nfpa-special {
    text-align: center;
    vertical-align: top;
    font-size: 18px !important
}