/*
 * w361 - aoo iweb23-style16
 * http://aoo.com.tw
 *
 * Copyright 2015, Evelyn Wang
 * 
 * 
 * January 2015
 */
 
 
/**
*
* =pagenav
*
**/
.wrapper .content .content-wrap .content-main #pagenav {
	overflow: hidden;
	padding: 0 10px;
	float: right;
}

.wrapper .content .content-wrap .content-main #pagenav a ,
.wrapper .content .content-wrap .content-main #pagenav span {
	margin: 0 5px;
	padding: 5px;
	float: left;
	border: 1px #fff solid;
}

.wrapper .content .content-wrap .content-main #pagenav a.page ,
.wrapper .content .content-wrap .content-main #pagenav span {
	width: 26px;
	display: block;
	text-align: center;
}

.wrapper .content .content-wrap .content-main #pagenav span ,
.wrapper .content .content-wrap .content-main #pagenav a:hover {
	background: #F00;
	color: #fff;
	border: 1px #F00 solid;
}


/**
*
* =news
*
**/
.wrapper .content .content-wrap .content-main #newslist .list {
	overflow: hidden;
	margin: 15px 0;
	padding-bottom: 10px;
	border-bottom: 1px #5E5757 dashed;
}

.wrapper .content .content-wrap .content-main #newslist .list .photo {
	overflow: hidden;
	padding: 0;
	float: left;
	width: 120px;
	height: 120px;
}

.wrapper .content .content-wrap .content-main #newslist .list .photo a {
	width: 110px;
	height: 110px;
	display: table-cell;
	border: 1px #ccc solid;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;	
}

.wrapper .content .content-wrap .content-main #newslist .list .photo a img {
	max-height: 110px;
	max-width: 110px;
}

.wrapper .content .content-wrap .content-main #newslist .list .info {
	float: right;
	width: 560px;
}

.wrapper .content .content-wrap .content-main #newslist .list .info h4 a {
	color: #FF0000;
	font-size: 18px;
}

.wrapper .content .content-wrap .content-main #newslist .list .info p a {
	margin: 0 10px;
	padding: 5px;
	border-radius: 5px;
	background: #696969;
	border: 1px #B0A2A2 solid;
	font-size: 12px;
	color: #fff;
	opacity: 0.8;
}

.wrapper .content .content-wrap .content-main #newslist .list .info p a:hover {
	opacity: 1;
}


/**
*
* =faqlist
*
**/
.wrapper .content .content-wrap .content-main #faqlist ul {
	overflow: hidden;
}

.wrapper .content .content-wrap .content-main #faqlist ul li {
	margin: 10px 0;
	padding: 0 0 10px 40px;
	background: url(../../images/22/article/dot02.png) no-repeat 20px 5px;
	border-bottom: 1px #d2d2d2 solid;
}


/**
*
* =products
*
**/
.wrapper .content .content-wrap .content-main #products ,
.wrapper .content .content-wrap .content-main #products ul {
	overflow: hidden;
}

.wrapper .content .content-wrap .content-main #products ul li ,
.wrapper .content .content-wrap .content-main #otherProducts ul li {
	overflow: hidden;
	margin: 10px;
	float: left;
	width: 200px;
	height: 240px;
}

.wrapper .content .content-wrap .content-main #products ul li .photo ,
.wrapper .content .content-wrap .content-main #otherProducts ul li .photo {
	padding: 0;
	width: 190px;
	height: 190px;
	border: 1px #F4F4F4 solid;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

.wrapper .content .content-wrap .content-main #products ul li .photo img {
	max-width: 190px;
	max-height: 190px;
}

.wrapper .content .content-wrap .content-main #products ul li h3 {
	overflow: hidden;
	margin: 5px 10px;
	text-align: center;
}

.wrapper .content .content-wrap .content-main .know {
	overflow: hidden;
	margin: 20px 0 0;
}

.wrapper .content .content-wrap .content-main .know a h3 {
	float: right;
	padding: 7px 0 0 25px;
	width: 150px;
	height: 39px;
	display: block;
	background: url(../../images/22/article/icon-addmessage.jpg) no-repeat 0 0;
	text-indent: -999px;
}


/* +otherProducts
*------------------------------------------------------------------*/
.wrapper .content .content-wrap .content-main #otherProducts {
	margin: 10px 0;
}

.wrapper .content .content-wrap .content-main #otherProducts ul {
	overflow: hidden;
	margin: 20px 0 0;
	border-top: 1px #514E4E dotted;
}

.wrapper .content .content-wrap .content-main #otherProducts ul li {
	width: 150px;
	height: 180px;
}

.wrapper .content .content-wrap .content-main #otherProducts ul li .photo {
	width: 140px;
	height: 140px;
}

.wrapper .content .content-wrap .content-main #otherProducts ul li .photo img {
	max-width: 140px;
	max-height: 140px;
}

.wrapper .content .content-wrap .content-main #otherProducts ul li h3 {
	overflow: hidden;
	margin: 5px 10px;
	text-align: center;
}


/**
*
* =contact
*
**/
.wrapper .content .content-wrap .content-main #contactUs p {
	margin: 10px 0;
}

.wrapper .content .content-wrap .content-main #contactUs form fieldset {
	border: 0;
}

.wrapper .content .content-wrap .content-main #contactUs form fieldset p {
	overflow: hidden;
	margin: 10px 0;
}

.wrapper .content .content-wrap .content-main #contactUs form fieldset p label {
	margin: 0 10px 0 0;
	width: 120px;
	display: inline-block;
	font-size: 15px;
	text-align: right;
}

.wrapper .content .content-wrap .content-main #contactUs form fieldset p label strong {
	color: #C00;
}

.wrapper .content .content-wrap .content-main #contactUs form fieldset p input ,
.wrapper .content .content-wrap .content-main #contactUs form fieldset p textarea {
	overflow: hidden;
	padding: 5px 0;
	border: 1px #ccc solid;
}

.wrapper .content .content-wrap .content-main #contactUs form fieldset.btn a {
	float: right;
	width: 170px;
	height: 45px;
	display: block;
	background: url(../../images/22/article/icon-send.png) no-repeat 0 0;
	text-indent: -9999px;
}


/**
*
* =book
*
**/
.wrapper .content .content-wrap .content-main #book .link_box {
}

.wrapper .content .content-wrap .content-main #book .link_box ul ,
.wrapper .content .content-wrap .content-main #photo ul {
	overflow: hidden;
}

.wrapper .content .content-wrap .content-main #book .link_box ul li ,
.wrapper .content .content-wrap .content-main #photo ul li {
	overflow: hidden;
	margin: 10px;
	float: left;
	width: 200px;
	height: 260px;
}

.wrapper .content .content-wrap .content-main #book .link_box ul li .photo ,
.wrapper .content .content-wrap .content-main #photo ul li .photoBox {
	padding: 0;
	width: 190px;
	height: 190px;
	border: 1px #c5c0bc solid;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

.wrapper .content .content-wrap .content-main #book .link_box ul li .photo img ,
.wrapper .content .content-wrap .content-main #photo ul li .photoBox a img {
	max-width: 190px;
	max-height: 190px;
}

.wrapper .content .content-wrap .content-main #book .link_box ul li h3 {
	overflow: hidden;
	margin: 5px 10px;
	text-align: center;
}


/**
*
* =sitemap
*
**/
.wrapper .content .content-wrap .content-main #sitemap {
	overflow: hidden;
}

.wrapper .content .content-wrap .content-main #sitemap .item {
	overflow: hidden;
	margin: 15px 20px;
	padding-bottom: 10px;
	border-bottom: 1px #6F6E6E dashed;
}

.wrapper .content .content-wrap .content-main #sitemap .item .itemTitle h3 {
	font-size: 18px;
	color: #BE1B1B;
}

.wrapper .content .content-wrap .content-main #sitemap .item ul {
	overflow: hidden;
	margin: 10px;
}

.wrapper .content .content-wrap .content-main #sitemap .item ul li {
	margin: 5px 0;
	padding: 0 0 10px 20px;
	font-size: 16px;
}