/*
 * w278-1 - zsm type-09
 * http://www.zsm.com.tw/
 *
 * Copyright 2015, evelyn wang
 * 
 * 
 * November 2015
 */


/* +body
*----------------------------------------------------------------------------*/
#content {
	background: url(../../images/10/article/bg-content.jpg) no-repeat 50% 0;
	overflow: hidden;
}

#content .content-wrap {
	overflow: hidden;
	position: relative;
}


/* +page title
*----------------------------------------------------------------------------*/
#content h2 {
	margin: 100px 0 20px;
	font-size: 28px;
	color: #a34f27;
	font-weight: normal;
	letter-spacing: 4px;
}


/* +waylink
*----------------------------------------------------------------------------*/
#content .waylink {
	padding-bottom: 20px;
	position: absolute;
	top: 45px;
	right: 0;
	z-index: 50;
	text-align: right;
	color: #666;
}

#content .waylink a {
	color: #666;
}

#content .waylink strong {
	color: #a34f27;
	font-weight: normal;
}


/* +sub-nav
*----------------------------------------------------------------------------*/
#content #sub-nav {
	background: #c2a8a6;
	margin-bottom: 25px;
}

#content #sub-nav ul {
	overflow: hidden;
}

#content #sub-nav ul li {
	float: left;
	text-align: center;
}

#content #sub-nav ul li:hover {
}

#content #sub-nav ul li a {
	padding: 15px 40px;
	border-right: 1px #fff solid;
	display: block;
	transition: all 0.2s linear;
	font-size: 16px;
	color: #fff;
}

#content #sub-nav ul li a:hover {
	background: #bf6959;
	color: #fff;
}

#content #sub-nav ul li:last-child a {
	border: none;
}

#content #sub-nav ul.sf-js-enabled li.action {
	background: #b53e8a;
}

/* +content-main
*----------------------------------------------------------------------------*/
#content #content-main {
	margin-bottom: 40px;
}

/**
*
* =article
*
**/
#content #content-main #article {
	margin-bottom: 30px;
}

#content #content-main #article img {
	max-width: 100%;
	height: auto;
}


/* +width:640 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	#content #sub-nav ul li a {
		padding: 15px;
	}
}