/*
 * w402 - mesido iweb30-style10
 * http://mesido.com.tw/
 *
 * Copyright 2015, Evelyn Wang
 * 
 * 
 * June 2015
 */
 
 
/* +sub-banner
*----------------------------------------------------------------------------*/
.wrapper #sub-banner {
	margin: -50px 0 0;
	background: #f0eff0;
	overflow: hidden;
}

.wrapper #sub-banner section {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

.wrapper #sub-banner section .banner-line {
	width: 960px;
	height:30px;
	background: url(../../images/10/allBanner/bg-subbanner.png) no-repeat 0 0;
	position: absolute;
	z-index: 5;
	bottom: 0;
}


/* +side title
*----------------------------------------------------------------------------*/
.wrapper .content section aside #side-nav h2.about {
	background: url(../../images/10/article/title-sidenat-about.png) no-repeat 0 0;
}

.wrapper .content section aside #side-nav h2.news {
	background: url(../../images/10/article/title-sidenat-news.png) no-repeat 0 0;
}

.wrapper .content section aside #side-nav h2.faq {
	background: url(../../images/10/article/title-sidenat-faq.png) no-repeat 0 0;
}

.wrapper .content section aside #side-nav h2.rule {
	background: url(../../images/10/article/title-sidenat-rule.png) no-repeat 0 0;
}

.wrapper .content section aside #side-nav h2.contact {
	background: url(../../images/10/article/title-sidenat-contact.png) no-repeat 0 0;
}

.wrapper .content section aside #side-nav h2.member {
	background: url(../../images/10/article/title-sidenat-member.png) no-repeat 0 0;
}

.wrapper .content section aside #side-nav h2.ask {
	background: url(../../images/10/article/title-sidenat-amount.png) no-repeat 0 0;
}


/* +page title
*----------------------------------------------------------------------------*/
.wrapper .content section .content-main h2 {
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 1px #ccc dotted;
	font-size: 18px;
	color: #444;
}

.wrapper .content section .content-main h2 span {
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
}


/* +article
*----------------------------------------------------------------------------*/
.wrapper .content section .content-main #article {
	line-height: 170%;
	font-size: 16px;
}


/* +community
*----------------------------------------------------------------------------*/
.wrapper .content section .content-main #community {
	margin: 20px 0;
}

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

.wrapper .content section .content-main #community ul li {
	margin: 0 15px 0 0;
	float: left;
}

.wrapper .content section .content-main #community ul li a {
	width: 20px;
	height: 20px;
	background: url(../../images/10/article/plurk-32.png) no-repeat 0 0;
	display: block;
}