/*
 * iweb51-style04
 *
 * Copyright 2015, TANK
 * 
 * 
 * 2015 / 6 / 30
 */

/* + container
*----------------------------------------------------------------------------*/
.wrapper .container .function-site ,
.wrapper .container .content-wrap aside {
	padding: 20px 0;
	background: rgba(169, 238, 240, 0.3);
}

.wrapper .container .function-site section .waylink {
	line-height: 20px;
}

.wrapper .container .function-site section .waylink a.home {
	margin: 0 10px 0 0;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../../images/04/main/icon-home.png) no-repeat 0 0;
	text-indent: -9999px;
}

.wrapper .container .function-site section .waylink strong {
	color: #00898E;
}


/* + content-wrap
*----------------------------------------------------------------------------*/
.wrapper .container .content-wrap aside {
	overflow: hidden;
	background: #1DCAD1;
}

.wrapper .container .content-wrap aside section h2 {
	float: left;
	width: 40%;
}

.wrapper .container .content-wrap aside section ul {
	overflow: hidden;
	float: right;
	width: 60%;
}

.wrapper .container .content-wrap aside section ul li {
	float: right;
	width: auto;
}

.wrapper .container .content-wrap aside section ul li a {
	padding: 5px;
	display: inline-block;
}

.wrapper .container .content-wrap aside section ul li a:hover {
	background: #374046;
	color: #fff;
	border-radius: 5px;
}

.wrapper .container .content-wrap aside section ul li ul.sub-category {
	display: none;
}


/* + sub-banner
*----------------------------------------------------------------------------*/
.wrapper .container .content-wrap .content-main #sub-banner {
	position: absolute;
	z-index: -10;
}

.wrapper .container .content-wrap .content-main #sub-banner img {
	width: 1920px;
}


/* + article
*----------------------------------------------------------------------------*/
.wrapper .container .content-wrap .content-main section #article ,
.wrapper .container .content-wrap .content-main section #newslist ,
.wrapper .container .content-wrap .content-main section #products ,
.content-wrap .content-main section .orderfunction ,
.content-wrap .content-main section .prod-art ,
.wrapper .container .content-wrap .content-main section #faqlist ul li ,
.wrapper .container .content-wrap .content-main section .contact-form {
	margin: 20px 0;
	padding: 20px;
	background: #fff;
	border-top: 5px #1A77A8 solid;
	box-shadow: 0 0 8px 1px #ccc;
}

.wrapper .container .content-wrap .content-main section #article img {
	width: 100%;
}


/* +community
*----------------------------------------------------------------------------*/
.wrapper .container .content-wrap .content-main #community ,
.wrapper .container .content-wrap .content-main #pagenav {
	overflow: hidden;
	padding: 10px 0;
	background: rgba(29, 202, 209, 0.79);
}

.wrapper .container .content-wrap .content-main #community ul {
	overflow: hidden;
}

.wrapper .container .content-wrap .content-main #community ul li {
	float: left;
	width: 70px;
	margin: 0 5px;
}


/* +pagenav
*----------------------------------------------------------------------------*/
.wrapper .container .content-wrap .content-main #pagenav a ,
.wrapper .container .content-wrap .content-main #pagenav span {
	float: left;
	padding: 6px 12px;
	line-height: 1.42857;
	text-decoration: none;
	color: #000;
	border: 1px #fff solid;
	margin-left: -1px;
}

.wrapper .container .content-wrap .content-main #pagenav a:hover {
	color: #fff;
	background: #1A77A8;
}

.wrapper .container .content-wrap .content-main #pagenav a.up ,
.wrapper .container .content-wrap .content-main #pagenav a.down {
	margin: 6px 5px 0;
	padding: 0;
	width: 13px;
	height: 20px;
	border: 0;
	display: inline-block;
	background: url(../../images/04/main/icon-arrow.png) no-repeat 0 0;
	text-indent: -9999px;
}

.wrapper .container .content-wrap .content-main #pagenav a.down {
	background-position: -13px 0;
}