/*
 * w309 - logy iweb23-style15
 * http://www.logy.com.tw
 *
 * Copyright 2014, Evelyn Wang
 * 
 * 
 * July 2014
 */


/* +banner
*----------------------------------------------------------------------------*/
.wrapper .banner {
	margin: 10px auto 0;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.wrapper .banner .banner_in {
	margin: 0 auto;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.wrapper .banner .banner_in .banner_pic {
	margin: 0 auto;
	width: 960px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	overflow: hidden;
	position: relative;
}

.wrapper .banner .banner_in .banner_pic .pictitleTextarea {
	width: 100%;
	height: 200px;
	background: url(../../images/10/index/bg-allBannerText.png) no-repeat 50% 25px;
	overflow: hidden;
}

.wrapper .banner .banner_in .banner_pic .pictitleTextarea .centerdiv {
	width: 960px;
	height: 200px;
}

.wrapper .banner .banner_in .banner_pic .pictitleTextarea .centerdiv .pictitle1 {
	position: relative;
	width: 0;
	height: 0;
	left: 445px;
	top: 75px;
}

.wrapper .banner .banner_in .banner_pic .pictitleTextarea .centerdiv .pictitle1 .pictitle1in {
	width: 235px;
	height: 25px;
	background: url(../../images/10/index/allBannerTitle1.png) no-repeat 0 0;
}

.wrapper .banner .banner_in .banner_pic .pictitleTextarea .centerdiv .pictitle2 {
	position: relative;
	width: 0;
	height: 0;
	left: 690px;
	top: 75px;
}

.wrapper .banner .banner_in .banner_pic .pictitleTextarea .centerdiv .pictitle2 .pictitle2in {
	width: 150px;
	height: 25px;
	background: url(../../images/10/index/allBannerTitle2.png) no-repeat 0 0;
}

.wrapper .banner .banner_in .banner_pic .pictitleTextarea .centerdiv .pictitle3 {
	position: relative;
	width: 0;
	height: 0;
	left: 445px;
	top: 105px;
}

.wrapper .banner .banner_in .banner_pic .pictitleTextarea .centerdiv .pictitle3 .pictitle3in {
	width: 380px;
	height: 35px;
	background: url(../../images/10/index/allBannerTitle3.png) no-repeat 0 0;
}


/* +waylink
*----------------------------------------------------------------------------*/
.wrapper #waylink {
	margin: 6px 0 0;
	width: 100%;
	background: #eaeaea;
	border-top: 1px #d1d1d1 solid;
	overflow: hidden;
	text-align: center;
}

.wrapper #waylink .linkBar {
	margin: 15px auto;
	width: 960px;
	font-size: 12px;
	color: #222;
}

.wrapper #waylink .linkBar a {
	color: #177E7A;
}

.wrapper #waylink .linkBar a:hover {
	text-decoration: underline;
}

.wrapper #waylink .linkBar strong {
	color: #222;
}


/* +content
*----------------------------------------------------------------------------*/
.wrapper .content {
	margin: 0 auto 30px;
	width: 960px;
	background: url(../../images/10/article/wrapperBg.jpg) repeat-y 250px 0;
	overflow: hidden;
}

/**
*
* =sidebar
*
**/
.wrapper .content #sidebar {
	width: 250px;
	float: left;
}

.wrapper .content #sidebar #sideNav {
	margin: 45px 0 0;
}

.wrapper .content #sidebar #sideNav .sidetitle {
	overflow: hidden;
	color: #000;
}

.wrapper .content #sidebar #sideNav .sidetitle span {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px #000 dotted;
	display: inline-block;
	float: left;
	font-size: 60px;
}

.wrapper .content #sidebar #sideNav .sidetitle .title {
	width: 150px;
	float: left;
}

.wrapper .content #sidebar #sideNav .sidetitle .title h2 {
	color: #000;
}

.wrapper .content #sidebar #sideNav .sidetitle .title strong {
	margin: 15px 0 0 3px;
	display: block;
	color: #666;
}

.wrapper .content #sidebar #sideNav ul {
	margin: 10px 0 0;
	border-top: 1px #ced1d4 solid;
}

.wrapper .content #sidebar #sideNav ul li {
	border-bottom: 1px #ced1d4 solid;
}

.wrapper .content #sidebar #sideNav ul li a ,
.wrapper .content #sidebar #sideNav ul li.subTitle p {
	padding: 10px 0 10px 25px;
	background: url(../../images/10/article/dot01.png) no-repeat 8px center;
	display: block;
	font-size: 16px;
}

.wrapper .content #sidebar #sideNav ul li a:hover {
	background: url(../../images/10/article/dot01.png) no-repeat 8px center #f1f1f1;
	color: #000;
}

.wrapper .content #sidebar #sideNav ul li.subTitle {
	overflow: hidden;
}

.wrapper .content #sidebar #sideNav ul li.subTitle ul.subManu {
	margin: 0 0 0 20px;
	padding: 0 0 20px;
	border: 0;
}

.wrapper .content #sidebar #sideNav ul li.subTitle ul.subManu li {
	border-bottom: 1px #ced1d4 dotted;
}

.wrapper .content #sidebar #sideNav ul li.subTitle ul.subManu li a {
	background: none;
	font-size: 14px;
}

/**
*
* =contentMain
*
**/
.wrapper .content .contentMain {
	width: 665px;
	float: right;
}

.wrapper .content .contentMain h2 {
	margin: 45px 0 30px;
	padding: 10px 18px;
	width: 629px;
	background: #343434;
	border-left: 11px solid #22b9ad;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
}

.wrapper .content .contentMain h2 span {
	margin: 0 0 0 10px;
	width: 150px;
	height: 21px;
	background: url(../../images/10/article/img-slogen.png) no-repeat 0 0;
	display: inline-block;
	text-indent: -999999px;
}

.wrapper .content .contentMain #article {
	overflow: hidden;
}
.wrapper .content .contentMain #article img{
	max-width: 100%;
}
.wrapper .content .contentMain #community {
	margin: 20px 0 0;
}

.wrapper .content .contentMain #community ul {
	overflow: hidden;
}

.wrapper .content .contentMain #community ul li {
	float: left;
}

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

.wrapper .content .contentMain #pagenav {
	text-align: center;
	font-size: 12px;
}

.wrapper .content .contentMain #pagenav a ,
.wrapper .content .contentMain #pagenav span {
	margin: 0 5px;
}

.wrapper .content .contentMain #pagenav .pgup {
	margin: 0 5px 0 0;
}

.wrapper .content .contentMain #pagenav .pgdn {
	margin: 0 0 0 5px;
}

.wrapper .content .contentMain #page {
	margin: 20px 0 0;
	overflow: hidden;
}

.wrapper .content .contentMain #page .pageup {
	float: left;
	font-size: 12px;
}

.wrapper .content .contentMain #page .pagedown {
	float: right;
	font-size: 12px;
}