@charset "utf-8";


/* ----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/

body #container { background: transparent url("/chemical/products/images/categoryTitle.jpg") no-repeat center 123px; }

.plastics             #secondary #localNav > dl > dd#lnPlastics > dl > dt          > a ,
.industrialmaterials  #secondary #localNav > dl > dd#lnIndustrialMaterials         > a ,
.fineChemicals        #secondary #localNav > dl > dd#lnFineChemicals               > a ,
.advancedMaterials    #secondary #localNav > dl > dd#lnAdvancedMaterials           > a ,
.electronicsMaterials #secondary #localNav > dl > dd#lnElectronicsMaterials        > a  { background-color: #eee; background-position: 16px 24px; }

.products    #secondary #localNav > dl > dd dl dd.current > a,
.products    #secondary #localNav > dl > dd dl dt.current > a { background-color: #eee; }

/* ----------------------------------------------------------
 products > index
-----------------------------------------------------------*/

#prIndex #container { background: transparent url("/chemical/products/images/categoryTitle-index.jpg") no-repeat center 123px; }



#prIndex .productsSec {
	}
	#prIndex .productsSec ul {
		margin: 0 0 0 -35px;
		}
		#prIndex .productsSec ul li {
			float: left;
			margin: 0 0 20px 35px;
			}
			.productsSec ul li img { transition: all ease-out .3s; }
			.productsSec ul li img:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.3),0px 0px 5px rgba(0,0,0,0.3); }


/* ----------------------------------------------------------
 products > index
-----------------------------------------------------------*/

#prList section.subCat {
	}
	#prList section.subCat table {
		}
	#prList section.subCat table th {
		width: 350px;
		}
	
		#prList section.subCat table th span {
			display: block;
			}


/* ----------------------------------------------------------
 products > list
-----------------------------------------------------------*/

#prList #primary table th { text-align: left; }

#prList ol#pageNation {
	}
	#prList ol#pageNation li {
		float: left;
		display: inline !important;
		width: 30px; height: 30px;
		line-height: 30px;
		text-align: center;
		background: #183a77;
		color: #fff;
		}
	#prList ol#pageNation li a { display: block; background: #fff; color: #065190; }

/* ----------------------------------------------------------
 products > detail
-----------------------------------------------------------*/

#prDetail section {
	}
	#prDetail section h4 {
		text-align: left;
		margin: 10px 0 10px;
		}
		#prDetail section ol li {
			list-style-type: decimal;
			list-style-position: outside;
			text-indent: 1em;
			margin-left: 1em;
			}

#prDetail #basicInfo {
	}
	#prDetail #basicInfo #biVis {
		float: left;
		width: 300px;
		margin-right: 20px;
		}
		#prDetail #basicInfo #biVis img { width: 100%; height: 100%; }
			
	#prDetail #basicInfo h3,
	#prDetail #basicInfo h4 {
		float: left;
		width: 430px;
		}
		#prDetail #basicInfo h3 span {
			display: block;
			font-size: 70%;
			color: #004690;
			}

#prDetail a.btnTxtR {
	display: inline-block;
	margin: 0 auto;
	}



/* 180920 */
#prDetail .cms-content ul.twoColumn {
	display: flex;
	padding: 10px 0;
	}
	#prDetail .cms-content ul.twoColumn li { padding: 5px; }
	#prDetail .cms-content ul.twoColumn li.order1 { order: 1; }
	#prDetail .cms-content ul.twoColumn li.order2 { order: 2; }
	#prDetail .cms-content ul.twoColumn li.order3 { order: 3; }
	#prDetail .cms-content ul.twoColumn li.order4 { order: 4; }
	#prDetail .cms-content ul.twoColumn li.order4 { order: 5; }









/*-----------------------------------------------------------
 searchSec
-----------------------------------------------------------*/

#searchSec {
	width: 1000px;
	margin: 0 auto 50px;
	}
	
	/*---------- seNav ----------*/
	#searchSec ul#seNav {
		margin: 0 0 15px -35px;
		}
		#searchSec ul#seNav li {
			float: left;
			width: 310px; height: 90px;
			margin: 0 0 0 35px; padding: 25px 0 0;
			color: #003e82;
			text-align: center;
			text-shadow: 0 0 0.1px #bbccde;
			background: #eee url("/common/images/icoArrow_bottom.gif") no-repeat center 62px;
			box-shadow: inset 0 44px 0 #fff;
			border: 1px solid #ccc;
			cursor: pointer;
			transition: all ease-out .3s;
			}
			#searchSec ul#seNav li:hover { border: 1px solid #003e82; }
			#searchSec ul#seNav li.current {
				color: #fff;
				text-shadow: 0 0 0.1px #134c8f;
				background: #013d83 url("/common/images/icoArrow-white_bottom.gif") no-repeat center 62px;
				box-shadow: inset 0 44px 0 #014691;
				border: none;
				}
	
	/*---------- seFreeword ----------*/
	#searchSec #seFreeword {
		padding: 3px;
		background: transparent url("/common/images/bgSlash-blue.gif");
		}
		#searchSec #seFreeword form {
			padding: 35px 0 35px 110px;
			background: #fff;
			}
			#searchSec #seFreeword form dl {
				float: left;
				margin: 0;
				border: 1px solid #004690;
				}
				#searchSec #seFreeword form dl dt {
					float: left;
					width: 224px; height: 48px;
					color: #fff;
					padding: 0 0 0 45px;
					font-size: 18px;
					line-height: 48px;
					background: #2667ab url("/common/images/icoSearch-white.png") no-repeat 20px center;
					border-right: 1px solid #004690;
					}
				#searchSec #seFreeword form dl dd {
					float: left;
					}
					#searchSec #seFreeword form dl dd input {
						width: 460px; height: 48px;
						margin: 0;
						background: #eee;
						border: none;
						}
						#searchSec #seFreeword form dl dd input:focus {
							}
			
			#searchSec #seFreeword form p {
				float: left;
				margin: 0;
				}
				#primary #searchSec #seFreeword form button span { margin: 0 0 0 5px; }
	
	/*---------- seList ----------*/
	#searchSec #seList {
		}
		/* searchBox */
		#searchSec #seList .searchBox {
			position: relative;
			padding: 5px;
			background: #013d83;
			}
			#searchSec #seList .searchBox h3 {
				margin: 0 0 20px; padding: 10px 20px;
				font-size: 18px;
				color: #fff;
				background: transparent url("/chemical/images/bgSeList.gif");
				border: none;
				}
			
			#searchSec #seList .searchBox ul {
				padding: 0 0 0 55px;
				}
				#searchSec #seList .searchBox ul li {
					float: left;
					width: 220px;
					margin: 0 0 15px;
					font-size: 16px;
					color: #fff;
					}
					#searchSec #seList .searchBox ul li label {
						}
						#searchSec #seList .searchBox ul li label input { display: none; }
						
						#searchSec #seList .searchBox ul li label span {
							padding: 0 0 0 25px;
							display: block;
							background: transparent url("/chemical/images/btnCheck_d.gif") no-repeat left 0.3em;
							}
							#searchSec #seList .searchBox ul li label input:checked + span { background-image: url("/chemical/images/btnCheck_h.gif"); } 
			
			#searchSec #seList .searchBox p.seClose {
				position: absolute;
				right: 9px; top: 9px;
				width: 38px; height: 38px;
				line-height: 28px;
				text-align: center;
				background: #fff;
				cursor: pointer;
				cursor: pointer;
				transition: all ease-out .3s;
				}
				#searchSec #seList .searchBox p.seClose:hover { background: #ccc; }
		
		#searchSec #seList ul#slRefine {
			padding: 5px 0;
			background: #013d83;
			}
			#searchSec #seList ul#slRefine li {
				float: left;
				width: 490px; height: 100px;
				margin: 0 5px; padding: 37px 0 0;
				font-size: 24px;
				color: #003e82;
				text-align: center;
				text-shadow: 0 0 0.1px #bbccde;
				background: #eee url("/common/images/icoArrow_bottom.gif") no-repeat center 71px;
				box-shadow: inset 0 50px 0 #fff;
				cursor: pointer;
				transition: all ease-out .3s;
				}
				#searchSec #seList ul#slRefine li:hover {
					background-color: #ccc;
					box-shadow: inset 0 50px 0 #ddd;
					}
				
				#searchSec #seList ul#slRefine li.checked {
					text-shadow: 0 0 0.1px #225894;
					background-color: #306198;
					box-shadow: inset 0 50px 0 #33659b;
					cursor: auto;
					}
		
		#searchSec #seList p#btnSearch {
			margin: 20px 0 0; padding: 20px 0 0;
			text-align: center;
			border-top: 3px solid #ccc;
			}
			#searchSec #seList p#btnSearch button span {
				width: 440px; height: 110px;
				padding: 0;
				font-size: 24px;
				line-height: 114px;
				color: #fff;
				text-shadow: 0 0 0.1px #ffdc99, 0 0 1px #ffcb66;
				background: #ffa800;
				background: -moz-linear-gradient(top, rgba(255,168,0,1) 50%, rgba(255,150,0,1) 51%);
				background: -webkit-linear-gradient(top, rgba(255,168,0,1) 50%,rgba(255,150,0,1) 51%);
				background: linear-gradient(to bottom, rgba(255,168,0,1) 50%,rgba(255,150,0,1) 51%);
				transition: all ease-out .3s;
				}
				#searchSec #seList p#btnSearch button span:before {
					position: relative;
					top: 5px;
					margin: 0 10px 0 0;
					content: url("/chemical/common/images/icoSearch-white.png");
					}
				
				#searchSec #seList p#btnSearch button span:hover {
					background: #ff9600;
					background: -moz-linear-gradient(top, rgba(255,150,0,1) 50%, rgba(255,132,0,1) 51%);
					background: -webkit-linear-gradient(top, rgba(255,150,0,1) 50%,rgba(255,132,0,1) 51%);
					background: linear-gradient(to bottom, rgba(255,150,0,1) 50%,rgba(255,132,0,1) 51%);
					}