@charset "UTF-8";
/*
#home #container {
	padding-top:30px;
	padding-bottom: 20px;
}
*/

#home header#global {
	min-height: 560px;
}

#home .header-main {
	padding-top: 180px;
	margin: 0 0 0 80px;
}
#home .header-main header p {
	font-size: 28px;
	padding-right: 60px;
}


#slider-top {
	width: 586px;
	float: left;
}
#slider-top header h2 {
	min-height: 60px;
	margin-bottom: 20px;
	background: url(../i/common/bg_slider_rder_r.png) no-repeat 100% 0;
}
#slider-top header h2 a {
	display: block;
	background: #033a76;
	padding: 3px 0 0 10px;
	/* padding: 10px; */
	/* height: 40px; */
	/*
line-height: 40px;
	font-size: 48px;
*/
line-height: 57px;
	color: #fff;
	text-decoration: none;
	margin-right: 32px;
	text-transform: uppercase;
}


.design-guide-top {
	float: right;
	width: 400px;
	margin-top: 10px;
}
.design-guide-top header h4 {
	position: relative;
	min-height: 60px;
	margin-bottom: 20px;
	background: url(../i/common/bg_guide_rder_l.png) no-repeat 0 0;
	margin-left: -32px;
}
.design-guide-top header h4 span {
	display: block;
	padding: 5px 0 0 25px;
	line-height: 55px;
	margin-left: 32px;
	background: url(../i/common/trans_w.png);
	background: rgba(255,255,255,.4);
	color: #05827f;
	text-shadow: none;
}
.design-guide-top header h4 a {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff url(../i/common/btn-search.png) no-repeat 50% 50%;
}
#home .header-main .design-guide-top header p {
	font-size: 20px;
	color: #fff;
	color: rgba(255,255,255,.8);
	text-align: right;
}


/* =========================================================
	FEATURE SLIDER
========================================================= */
#feature-slider { margin-bottom: /*44px*/ 34px;}
#feature-slider a { text-decoration: none;}
#feature-slider h2 { font-size: 30px; }

#home #container {
	background: url(../i/common/main_bg.png) no-repeat 50% 0;
	padding-top: 30px;
}



/* =========================================================
	MAIN AREA
========================================================= */
#home .main { padding: 60px;}
#top-products {
	width: 93.518518518519%;
	margin: 0 auto;
	padding-bottom: 40px;
}
#top-products ul,
#top-products li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#top-products header {
	background: url(../i/common/dot.gif) repeat-x 50% 50%;
	height: 50px;
	margin-bottom: 40px;
}
#top-products header h3 {
	float: left;
	display: inline;
	width: 50%;
	text-transform: uppercase;
	margin-bottom: 0;
	font-family: "Gotham x-Light";
	line-height: 50px;
}
#top-products header h3.nav-1 {
	text-align: right;
}
#top-products header h3 span,
#top-products header h3 a {
	display: inline-block;
	background: #fff;
	padding: 0 45px 0 30px;
	color: #000;
	text-decoration: none;
}
#top-products header h3.nav-1 span,
#top-products header h3.nav-1 a {
	border-right: 1px solid #ebebeb;
}
#top-products header h3.nav-2 span,
#top-products header h3.nav-2 a {
	padding: 0 30px 0 45px;
}
#top-products header h3 a:hover {
	color: #4bb426;
}
/*
#top-products ul {
	1.03960396039604%;
}
*/



#top-products ul li { float:left; display: inline; width: 33.3333333%; /* margin-right: 3.960396039604%; */ word-wrap: break-word; }


/* #top-products ul li:nth-child(3) { margin-right: 0 !important;} */
#top-products ul li figure {
	width: 91.988130563798%;
	/* margin: 0 auto; */
	/* padding-left: 8.011869436202%; */
}
#top-products ul li.p-2 figure {
	margin: 0 auto;
}
#top-products ul li.p-3 figure {
	float: right;
}
#top-products ul li figcaption {
	margin-top: 20px;
}
#top-products ul li h4 { margin-bottom: 12px; font-size: 20px}
#top-products ul li h4 a { text-decoration: none;}
#top-products p,
#top-products p a { text-decoration: none; color: #949494; margin-bottom: 0;}
#top-products ul li a:hover { text-decoration: underline; color: inherit;}