﻿/*! QTouch 
 *  2015-06-26 */
#company-title, #footer, #menu>.menu>.menuitem>a {
	color: #fff
}
body {
	background: #f0eadf;
	overflow-x: hidden
}
#logo-container {
	background: -webkit-gradient(linear, 0 50%, 0 100%, from(#b24222), to(#7C1E1C));
	position: relative
}
#logo-container:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: -webkit-gradient(linear, 0 50%, 0 100%, from(#FFF), to(#747474));
	opacity: .2;
	z-index: 1
}
.widget-header, .widget-header>h2 {
	position: relative;
	height: 34px;
	line-height: 34px
}
#menu>.menu {
	background: #6D141A;
	background-size: 100% 100%;
	box-shadow: 0 0 3px 0
}
#body {
	padding: 4px;
	background: #fff
}
#footer {
	background: #6D141A;
	text-align: center;
	border-top: 2px solid #6D141A
}
.widget-header {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 16px;
	width: 103%;
	margin-left: -4px;
	background: #6d141a
}
.widget-header>h2 {
	padding: 0 0 0 21px;
	display: inline-block;
	max-width: 40%;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 0;
	color: #fff
}
.widget-header>h2:after {
	content: " ";
	display: block;
	width: 4px;
	height: 14px;
	position: absolute;
	left: -2px;
	top: 10px;
	background: #fff;
	margin-left: 10px
}
.widget>.widget-body {
	padding: 0 10px
}
.widget-header:after {
	background: #199b77
}
.widget>.widget-footer {
	text-align: center
}
.widget>.widget-footer>.more {
	display: block;
	height: 30px;
	width: 170px;
	margin: 20px auto 0;
	color: #6C6C59;
	line-height: 30px;
	border-radius: 50px;
	border: 1px solid #d6afb2;
	background: -webkit-gradient(linear, 0 50%, 0 100%, from(#fefefe), to(#e9dbdb))
}
.widget>.widget-footer>.more>.icon {
	width: 18px;
	height: 18px;
	vertical-align: -3px
}
.widget>.widget-footer>.more>.icon:before {
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	margin-top: -1px
}
.widget-textblock>.widget-body {
	line-height: 2
}
.widget-imagelist>.widget-body:after {
	content: ' ';
	display: block;
	clear: both
}
.widget-imagelist>.widget-body>.list>.list-item {
	float: left;
	width: 50%
}
.widget-imagelist>.widget-body>.list>.list-item>a {
	display: block;
	text-align: center;
	margin: 0;
	background: #fff;
	padding-top: 10px;
	color: #87251D
}
.widget-imagelist>.widget-body>.list>.list-item>a>.image-container {
	overflow: hidden;
	width: 120px;
	height: 120px;
	margin: 0 auto
}
.widget-imagelist>.widget-body>.list>.list-item>a>.title {
	margin: 5px auto;
	width: 90%;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis
}
.widget-mixlist>.widget-body>.list>.list-item.only-text, .widget-textlist>.widget-body>.list>.list-item {
	position: relative
}
.widget-mixlist>.widget-body>.list>.list-item.only-text>a, .widget-textlist>.widget-body>.list>.list-item>a {
	display: block;
	color: #333;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 35px;
	padding-right: 50px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #d5d5d5;
	margin-left: -10px
}
.widget-mixlist>.widget-body>.list>.list-item.only-text>a:after, .widget-textlist>.widget-body>.list>.list-item>a:after {
	display: block;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #56B0F5;
	border-right: 2px solid #c2eaff;
	top: 50%;
	transform: rotate(45deg)translate(0, -50%);
	-webkit-transform: rotate(45deg)translate(0, -50%)
}
.widget-mixlist>.widget-body>.list>.list-item.only-text>a:before, .widget-textlist>.widget-body>.list>.list-item>a:before {
	position: absolute;
	display: block;
	content: ' ';
	left: 3px;
	top: 50%;
	width: 10px;
	height: 5px;
	background: #3b3b3b;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}
.widget-detaillist>.widget-body>.list>.list-item, .widget-mixlist>.widget-body>.list>.list-item.with-details {
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	margin: 10px 0 0 -10px;
	height: 88px
}
.widget-mixlist>.widget-body>.list>.with-details:after {
	content: none;
	display: none
}
.widget-detaillist>.widget-body>.list>.list-item:after, .widget-mixlist>.widget-body>.list>.list-item.with-details:after {
	position: absolute;
	content: ' ';
	display: block;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #969696;
	border-right: 2px solid #969696;
	top: 50%;
	-webkit-transform: rotate(45deg)translate(0, -50%);
	transform: rotate(45deg)translate(0, -50%)
}
.widget-detaillist>.widget-body>.list>.list-item>a, .widget-mixlist>.widget-body>.list>.list-item.with-details>a {
	display: block;
	color: #333;
	padding-right: 35px;
	position: relative;
	padding-left: 10px;
	height: 100%
}
.widget-detaillist>.widget-body>.list>.list-item>a:after, .widget-mixlist>.widget-body>.list>.list-item.with-details>a:after {
	content: ' ';
	display: block;
	clear: both
}
.widget-detaillist>.widget-body>.list>.list-item>a>.image-container, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.image-container {
	float: left;
	overflow: hidden;
	width: 75px;
	height: 75px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 4px
}
.widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.title, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.title {
	font-size: 120%;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #444
}
.widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.content, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.content {
	height: 3em;
	overflow: hidden;
	line-height: 1.5;
	color: #837f77
}
.widget-article>.widget-body>.article-title {
	font-size: 150%;
	color: #5f0e14;
	text-align: center;
	border-bottom: 1px solid #ABA9A9;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1.8
}
.widget-article>.widget-body>.ugc {
	padding: 0 10px;
	line-height: 2
}
