/*
 * w257-1 - dul iweb22-style12
 * http://dul.com.tw
 *
 * Copyright 2014, Evelyn Wang
 * 
 * 
 * March 2014
 */
 
 
/* +news - +faq
*----------------------------------------------------------------------------*/
.wrapper .content .wrap .contentMain #newslist ,
.wrapper .content .wrap .contentMain #faqlist ,
.wrapper .content .wrap .contentMain #products ,
.wrapper .content .wrap .contentMain #contact ,
.wrapper .content .wrap .contentMain #sitemap {
	overflow: hidden;
}

.wrapper .content .wrap .contentMain #newslist .list ,
.wrapper .content .wrap .contentMain #faqlist .list {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px #bbb solid;
}

.wrapper .content .wrap .contentMain #newslist .list h3 ,
.wrapper .content .wrap .contentMain #faqlist .list .faqtitle h3 {
	margin: 0 0 10px;
	line-height: 160%;
	font-size: 16px;
}

.wrapper .content .wrap .contentMain #newslist .list p ,
.wrapper .content .wrap .contentMain #faqlist .list .faqtitle p {
	line-height: 160%;
	font-size: 12px;
	color: #818181;
}

.wrapper .content .wrap .contentMain #newslist .list p.time {
	margin: 10px 0 0;
	font-style: italic;
}

.wrapper .content .wrap .contentMain #date {
	margin: 0 0 15px;
	text-align: right;
	font-size: 12px;
	color: #888;
}

/**
*
* =faq
*
**/
.wrapper .content .wrap .contentMain #faqlist .list {
	overflow: hidden;
}

.wrapper .content .wrap .contentMain #faqlist .list span {
	margin: 0 15px 0 0;
	width: 100px;
	height: 100px;
	background: #542400;
	display: block;
	float: left;
	line-height: 100px;
	text-align: center;
	color: #fff;
}

.wrapper .content .wrap .contentMain #faqlist .list .faqtitle {
	width: 610px;
	float: left;
}

.wrapper .content .wrap .contentMain #faqlist .list .faqtitle h3 ,
.wrapper .content .wrap .contentMain #faqlist .list .faqtitle p {
	margin-bottom: 5px;
}

.wrapper .content .wrap .contentMain #faqlist .list .faqtitle .more {
	margin: 0;
	overflow: hidden;
	text-align: right;
}

.wrapper .content .wrap .contentMain #faqlist .list .faqtitle .more a {
	padding: 5px 10px;
	background: #542400;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}


/* +pagenav
*----------------------------------------------------------------------------*/
.wrapper .content .wrap .contentMain #pagenav {
	margin: 30px 0 20px;
	overflow: hidden;
	text-align: center;
}

.wrapper .content .wrap .contentMain #pagenav a {
	margin: 0 5px;
	display: inline-block;
}

.wrapper .content .wrap .contentMain #pagenav a.pageup ,
.wrapper .content .wrap .contentMain #pagenav a.pagedn {
	width: 6px;
	height: 15px;
	background: url(../../images/12/article/arrow.jpg) no-repeat 0 0;
	display: inline-block;
	opacity: 0.5;
	text-indent: -999999px;
}

.wrapper .content .wrap .contentMain #pagenav a.pagedn {
	background-position: -6px 0;
}

.wrapper .content .wrap .contentMain #pagenav a.pageup:hover ,
.wrapper .content .wrap .contentMain #pagenav a.pagedn:hover {
	opacity: 1;
}

.wrapper .content .wrap .contentMain #pagenav span {
	margin: 0 5px;
	display: inline-block;
}

.wrapper .content .wrap .contentMain #pagenav p.pageup {
	float: left;
}

.wrapper .content .wrap .contentMain #pagenav p.pagedown {
	float: right;
}

.wrapper .content .wrap .contentMain #backlist {
	text-align: right;
}


/* +products
*----------------------------------------------------------------------------*/
.wrapper .content .wrap .contentMain #products ul {
	overflow: hidden;
}

.wrapper .content .wrap .contentMain #products ul li ,
.wrapper .content .wrap .contentMain #sitemap .maplist .map {
	margin: 0 15px 15px 0;
	width: 229px;
	border: 1px #fff solid;
	float: left;
}

.wrapper .content .wrap .contentMain #bestProducts ul li {
	margin: 0 20px 15px 0;	
	border: 1px #fff solid;
	float: left;
}

.wrapper .content .wrap .contentMain #bestProducts ul li.last {
	margin-right: 0;
}

.wrapper .content .wrap .contentMain #products ul li{
	/* margin: 0 25px 15px 0; */
}

.wrapper .content .wrap .contentMain #products ul li:hover ,
.wrapper .content .wrap .contentMain #bestProducts ul li:hover {
	background: #fff;
	border: 1px #bbb solid;
}

.wrapper .content .wrap .contentMain #products ul li h3 ,
.wrapper .content .wrap .contentMain #bestProducts ul li h3 {
	margin: 5px 10px;
	height: 40px;
	overflow: hidden;
	font-size: 16px;
}

.wrapper .content .wrap .contentMain #products ul li h3 a ,
.wrapper .content .wrap .contentMain #bestProducts ul li h3 a {
	color: #000;
	font-weight: 900;
}

.wrapper .content .wrap .contentMain #products ul li p {
	margin: 5px 10px;
	padding: 0 0 5px;
	height: 160px;
	border-bottom: 1px #bbb dashed;
	line-height: 160%;
	color: #818181;
}

.wrapper .content .wrap .contentMain #products ul li p.more {
	margin: 10px 0;
	height: 30px;
	border: 0;
	overflow: hidden;
	text-align: center;
}

.wrapper .content .wrap .contentMain #products ul li p.more a {
	padding: 5px 10px;
	background: #C00;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}

.wrapper .content .wrap .contentMain #products ul li .photo ,
.wrapper .content .wrap .contentMain #bestProducts ul li .photo {
	
	overflow: hidden;
}

/*.wrapper .content .wrap .contentMain #products ul li .photo img ,
.wrapper .content .wrap .contentMain #bestProducts ul li .photo img {
	width: 229px;
	height: 230px;
}*/

.wrapper .content .wrap .contentMain #products ul li.last ,
.wrapper .content .wrap .contentMain #bestProducts ul li.last {
	margin-right: 0;
}


.wrapper .content .wrap .contentMain #products ul li {
	width: 46%!important;
	display: inline-block;
	vertical-align: top;
}
.wrapper .content .wrap .contentMain #products ul li .photo{
	width: 100%!important;
}
.wrapper .content .wrap .contentMain #products ul li .photo img{
	width: 100%!important;
	height: 180px;
}


/**
*
* =addProducts
*
**/
.wrapper .content .wrap .contentMain #addlist {
	margin: 15px 0;
	overflow: hidden;
}

.wrapper .content .wrap .contentMain #addlist a ,
.wrapper .content .wrap .contentMain #contact fieldset.btn a {
	width: 200px;
	height: 65px;
	background: url(../../images/12/article/add.jpg) no-repeat 0 0;
	display: block;
	float: right;
	text-indent: -999999px;
}

/**
*
* =moreProducts
*
**/
.wrapper .content .wrap .contentMain #bestProducts {
	margin: 15px 0;
	padding: 15px 0 0;
	border-top: 1px #bbb dashed;
}

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


/* +contact
*----------------------------------------------------------------------------*/
.wrapper .content .wrap .contentMain #contact p {
	margin: 0 0 15px;
	padding: 0 0 5px;
	border-bottom: 1px #ddd solid;
	line-height: 160%;
	font-size: 16px;
	color: #000;
}

.wrapper .content .wrap .contentMain #contact fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.wrapper .content .wrap .contentMain #contact fieldset p {
	margin: 0 0 5px;
	padding: 0;
	border: 0;
}

.wrapper .content .wrap .contentMain #contact fieldset p label {
	width: 120px;
	display: inline-block;
	text-align: right;
}

.wrapper .content .wrap .contentMain #contact fieldset p input ,
.wrapper .content .wrap .contentMain #contact fieldset p textarea {
	padding: 3px;
	background: #fff;
	border: 1px #ddd solid;
}

.wrapper .content .wrap .contentMain #contact fieldset.btn {
	margin: 50px 0 20px;
	text-align: center;
}

.wrapper .content .wrap .contentMain #contact fieldset.btn a {
	display: inline-block;
	float: none;
}


/* +contact
*----------------------------------------------------------------------------*/
.wrapper .content .wrap .contentMain #sitemap .maplist ,
.wrapper .content .wrap .contentMain #sitemap .map {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px #bbb solid;
	overflow: hidden;
}

.wrapper .content .wrap .contentMain #sitemap .maplist .map {
	padding: 10px 15px 10px 5px;
	width: 209px;
	border: 0;
	border-right: 1px #ddd solid;
}

.wrapper .content .wrap .contentMain #sitemap .maplist .map h3 ,
.wrapper .content .wrap .contentMain #sitemap .map h3 {
	font-size: 18px;
	color: #000;
	font-weight: 900;
}

.wrapper .content .wrap .contentMain #sitemap .maplist .map p ,
.wrapper .content .wrap .contentMain #sitemap .map p {
	padding: 0 0 5px;
	border-bottom: 1px #000 dotted;
	font-size: 14px;
	color: #000;
	font-weight: 900;
}

.wrapper .content .wrap .contentMain #sitemap .maplist .map ul ,
.wrapper .content .wrap .contentMain #sitemap .map ul {
	margin: 10px 0;
}

.wrapper .content .wrap .contentMain #sitemap .maplist .map ul li ,
.wrapper .content .wrap .contentMain #sitemap .map ul li {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../../images/12/article/dot01.png) no-repeat 0 0;
}

.wrapper .content .wrap .contentMain #sitemap .map