body {
	margin: 0px;
	padding: 0px;
	background: #F1F1F1;
}
* {
	margin: 0px;
	padding: 0px;
	outline: none;
	list-style: none;
	text-decoration: none;
	font-size:13px;
	color: #555;
	font-family: "Times New Roman", Times, serif;
    font-size: 15px;
    font-weight: normal;
}
.clr { clear: both;}
.transition02, .onePro .title, .onePro .img span, #otherImg a span, .oneVideo h1 span, .oneGal .thumb span, .oneGal h1 a {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
.transition03, .onePro .img a, .onePro .img label, .imgMain img, .oneGal .thumb label {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.radius3, #proView_cart input, #proView_cart a {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.radius5, .oneVideo h1 label, #contact li input, #contact li textarea, .jqTransformSelectWrapper, #addTitle {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.radius100, .viewMore span, .groupBut a span {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
}
strong, b { font-weight: bold;}
em { font-style: italic;}
img { border: none;}
.construction {
	color: #444;
	text-align: center;
	line-height: 200px;
	text-transform: uppercase;
	font-size: 30px;
}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder { color: #999 !important;}
input:-moz-placeholder, textarea:-moz-placeholder { color: #999 !important;}
/*START*/
#backTop {
	position: fixed;
	top: 50%;
	left: 1190px;
	margin-top: -41px;
	width: 40px;
	height: 83px;
	text-indent: -10000px;
	background-image: url(../images/back-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#backTop:hover { background-position: center bottom;}
/*begin*/
.pagewrap {
	width: 1150px;
	position: relative;
}
#colLeft {
	width: 280px;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 100;
	cursor: default !important;
}
#colRight {
	width: 870px;
	float: left;
	margin-left: 280px;
	background: #fff;
}
#logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 280px;
	z-index: 20000;
	background: #F1F1F1;
}
#logo a img {
	display: block;
	width: 100%;
	height: auto;
}
#logo a img:hover { opacity: .8;}
#spaceLeft {
	clear: both;
	height: 127px;
}
/*menu*/
#menu ul {
	text-align: center;
	padding: 15px 0;
}
#menu ul a {
	display: table;
	margin: 0 auto;
	padding: 0 30px;
	line-height: 25px;
	text-shadow: 0px 1px #fff;
	text-transform: capitalize;
}
#menu ul a:hover, #menu ul a.current {
	color: #fff;
	background: #69100F;
	text-shadow: none;
}
/*end menu*/
#leftInfo {
	border-top: solid 1px #dedede;
	padding-top: 15px;
}
#leftInfo * { font-size: 14px;}
#leftInfo p {
	text-align: center;
	padding-bottom: 10px;
	line-height: 18px;
}
#leftInfo p.fix { padding-bottom: 0;}
#leftInfo p span, #leftInfo p span a {
	color: #880D13;
	font-size: 14px;
}
#leftInfo p a:hover { color: #C3141D;}
#leftInfo hr {
	border: dotted 1px #aaa;
	border-bottom: none;
	width: 170px;
	margin: 5px auto;
}
/*slide banner*/
#bannerMain {
	width: 100%;
	position: relative;
	height: 300px;
	z-index: 0;
}
#banner {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 10;
}
#banner .caption {
	position: absolute;
	right: 0px;
	top: 30px;
	color: #fff;
	background-image: url(../images/bg-caption.png);
	background-repeat: repeat-x;
	background-position: left center;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	padding: 0 35px 0 30px;
}
#slogen {
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 20;
	background-image: url(../images/bg-slogen.png);
	background-position: 20px 0px;
	background-repeat: no-repeat;
	width: 100%;
}
#slogen span {
	display: block;
	color: #6F0B10;
	text-shadow: 1px 1px #fff;
	font-size: 27px;
	font-style: italic;
	background-repeat: no-repeat;
}
#slogen #row1 {
	padding-left: 80px;
	background-image: url(../images/line-row1.png);
	background-position: 330px 20px;
}
#slogen #row2 {
	padding-left: 255px;
	background-image: url(../images/line-row2.png);
	background-position: 0px 20px;
}
#welcome {
	position: relative;
	background: #F5F5F5;
	padding: 10px 20px 10px 200px;
	font-size: 17px;
}
#welcome span {
	position: absolute;
	top: 0;
	left: 0;
	background: #6F0B10;
	color: #fff;
	padding: 0 20px;
	font-size: 28px;
	line-height: 65px;
	height: 100%;
}
#homeTop { padding: 30px 0 5px 0;}
#homeTop li {
	float: left;
	width: 290px;
}
#homeTop h1 {
	background-image: url(../images/homeTop-title.png);
	background-repeat: repeat-x;
	background-position: left center;
	margin: 10px;
}
#homeTop h1 a {
	font-size: 20px;
	background: #fff;
	display: table;
	line-height: 25px;
	padding: 0 10px;
	margin-left: 15px;
	font-weight: bold;
	color: #666;
}
#homeTop h1 a:hover { color: #333;}
#homeTop li#col1 h1 { margin-left: 0;}
#homeTop li#col3 h1 { margin-right: 0;}
#homeTop li#col2, #homeTop li#col2 h1 a, #homeTop li#col2 a.read span { background: #F5F5F5;}
#homeTop h2 {
	font-size: 17px;
	color: #880D13;
	padding: 0px 10px 10px 35px;
	font-weight: 600;
}
#homeTop li#col1 h2 { padding-left: 25px;}
#homeTop p {
	line-height: 22px;
	padding: 0 15px 15px 35px;
}
#homeTop li#col1 p { padding-left: 25px;}
#homeTop a.read {
	position: relative;
	display: block;
	height: 8px;
	background-image: url(../images/homeTop-title.png);
	background-repeat: repeat-x;
	background-position: left center;
	margin: 0 10px 15px 10px;
}
#homeTop li#col3 a.read { margin-right: 0;}
#homeTop li#col1 a.read { margin-left: 0;}
#homeTop a.read span {
	position: absolute;
	right: 25px;
	top: -7px;
	color: #890E14;
	background: #fff;
	padding: 0 10px;
}
#homeTop a.read span:hover { color: #C3141D; text-decoration: underline;}
/*pageNav*/
.pageNav {
	background-image: url(../images/bg-pageNav.png);
	background-repeat: repeat;
	background-position: left top;
	margin: 30px 0;
	padding-right: 20px;
}
.pageNav h1 {
	float: left;
	background: #6F0B10;
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	padding: 0 20px;
	line-height: 40px;
}
.pageNav h2 {
	font-size: 22px;
	color: #870C13;
	width: 65%;
	float: left;
	padding: 7px 0px 7px 20px;
}
.pageNav .seemore {
	float: right;
	color: #fff;
	line-height: 26px;
	background: #6F0B10;
	padding: 0 10px;
	margin-top: 7px;
}
.slideNav {
	float: right;
	margin: 7px 3px 0 0;
}
.slideNav a {
	float: left;
	color: #fff;
	background-color: #6F0B10;
	background-position: center center;
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;
	text-indent: -10000px;
}
.slideNav a.prev {background-image: url(../images/slideNav-prev.png);}
.slideNav a.next {background-image: url(../images/slideNav-next.png);}
.pageNav a:hover { background-color: #C3141D;}
/*home products*/
.groupPro .groupBox {
	float: left;
	width: 870px;
}
.onePro {
	width: 405px;
	float: left;
	background: #F5F5F5;
	margin: 0 0 30px 20px;
	position: relative;
}
.onePro .title {
	font-size: 17px;
	display: table;
	background: #999;
	color: #fff;
	padding: 5px 15px;
}
.onePro .title:hover { background: #6F0B10;}
.onePro .img {
	float: left;
	width: 160px;
	height: auto;
	position: relative;
	overflow: hidden;
}
.onePro .img img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
.onePro .img span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.0);
}
.onePro .img:hover span { background: rgba(0,0,0,.4);}
.onePro .img a {
	position: absolute;
	top: 10%;
	left: 50%;
	height: 24px;
	width: 90px;
	margin: -13px 0 0 -45px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	border: solid 1px #AE111A;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.onePro .img a, #proView_cart a {
	background: -moz-linear-gradient(top, #AE111A 0%, #740B14 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AE111A), color-stop(100%, #740B14)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #AE111A 0%, #740B14 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #AE111A 0%, #740B14 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #AE111A 0%, #740B14 100%); /* IE10+ */
	background: linear-gradient(to bottom, #AE111A 0%, #740B14 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AE111A', endColorstr='#740B14', GradientType=0 ); /* IE6-9 */
}
.onePro .img a:hover {
	box-shadow: inset 2px 2px 5px #a00, inset -2px -1px 5px #a00;
	-webkit-box-shadow: inset 2px 2px 5px #a00, inset -2px -1px 5px #a00;
}
.onePro .img:hover a {
	top: 45%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.onePro .img label {
	position: absolute;
	left: 0;
	bottom: -100px;
	z-index: 8;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 5px 0;
	background-image: url(../images/red-opacity.png);
	background-repeat: repeat;
}
.onePro .img label b {
	color: #fff;
	font-size: 18px;
}
.onePro .img:hover label { bottom: 0px;}
.onePro .img sub {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 10;
	width: 44px;
	height: 35px;
	line-height: 25px;
	text-align: center;
	background-image: url(../images/bg-sale.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
}
.onePro p {
	float: left;
	width: 220px;
	padding: 15px 10px 30px 15px;
	line-height: 20px;
}
.onePro p a { color: #890E14;}
.onePro p a:hover { text-decoration: underline;}
.onePro .detail {
	position: absolute;
	bottom: 10px;
	right: 15px;
	font-style: italic;
	font-size: 13px;
	clear: both;
	border-bottom: solid 1px #999;
	padding-left:2px;
	line-height: 14px;
}
.onePro .detail:hover {
	color: #890E14;
	border-color: #890E14;
}
.onePro .clr { display: block;}
/*copyright*/
#copyright {
	border-top: solid 5px #F5F5F5;
	background: #E6E6E6;
	padding: 10px 20px;
	margin-top: 20px;
}
#copyright .left {
	float: left;
	width: 440px;
	font-size: 13px;
	line-height: 20px;
}
#copyright .left a { font-size: 13px;}
#copyright .left a:hover { color: #C3141D;}
#copyright .left em { font-size: 14px;}
.share {
	width: 250px;
	float: right;
	position: relative;
	margin-top: 21px;
}
.share * { float: left;}
.share .fb-share { margin-left: 8px;}
.share .pin-it-button { margin: 0 0 0 9px;}
.share .addthis_button_google_plusone {
	position: absolute;
	top: 0px;
	right: -30px;
}
.share h1 {
	position: absolute;
	top: -20px;
	left: 0;
}
/*showText*/
#showText { padding: 0 20px 20px 20px;}
#showText h1 { font-size: 26px;}
#showText h2 { font-size: 24px;}
#showText h3 { font-size: 22px;}
#showText h4 { font-size: 20px;}
#showText h5 { font-size: 18px;}
#showText h6 { font-size: 16px;}
#showText .title {
	color: #860C13;
	padding-bottom: 15px;
}
#showText img {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 96%;
}
#showText p span {
	font-style:  italic;
	display: block;
	text-align: center;
}
#showText .left {
	width: 570px;
	float: left;
}
#showText .right {
	float: right;
}
.Art {
	padding: 9px;
	border: solid 1px #EBEBEB;
	background-image: url(../images/bg-frameArt.png);
	background-repeat: repeat;
	background-position: left top;
}
#showText p, #showText ul { padding-bottom: 15px; line-height: 22px;}
#showText a { color: #890E14;}
#showText a:hover {
	color: #C3141D;
	text-decoration: underline;
}
#showText li {
	margin-left: 15px;
	list-style-type: square;
}
/*nums*/
.nums {
	float: right;
	padding: 0 20px 10px 0;
}
.nums#numsGal { padding-top: 10px;}
.nums a {
	float: left;
	font-size: 16px;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #999;
	margin-left: 3px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
}
.nums a.pn {
	line-height: 25px;
	font-size: 28px;
}
.nums a:hover, .nums a.current, .nums .pagi a.selected { background: #6F0B10;}
.nums .pagi { float: left;}
.nums .pagi a span {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
.nums a.disabled { display: none !important;}
/*products-view*/
#proView_left {
	float: left;
	width: 448px;
	padding: 9px 0;
	border: solid 1px #C8C8C8;
	margin: 0 0 20px 20px;
	position: relative;
}
.imgMain {
	display: block;
	width: 430px;
	height: auto;
	margin: 0 auto;
}
.imgMain img {
	display: block;
	width: 100%;
	height: auto;
}
.imgMain img:hover { opacity: .7;}
#otherImg_main {
	position: relative;
	margin: 9px 0 0 9px;
	padding-top: 9px;
	overflow: hidden;
	width: 430px;
	border-top: solid 1px #C8C8C8;
}
#otherImg { width: 450px;}
#otherImg a {
	float: left;
	width: 130px;
	height: 110px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-right: 20px;
}
#otherImg a span {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/icon-zoom.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0px 0px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	box-shadow: inset 3px 3px #890E14, inset -3px -3px #890E14;
	-webkit-box-shadow: inset 3px 3px #890E14, inset -3px -3px #890E14;
}
#otherImg a:hover span {
	background-size: 35px 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.otherNav {
	position: absolute;
	top: 10px;
	width: 25px;
	height: 110px;
	text-indent: -10000px;
	z-index: 2;
	background-repeat: no-repeat;
}
.otherNav.Prev {
	left: 0;
	background-image: url(../images/otherNav-prev.png);
	background-position: left center;
}
.otherNav.Next {
	right: 0;
	background-image: url(../images/otherNav-next.png);
	background-position: right center;
}
.otherNav.disabled { display: none !important;}
#proView_left h3 {
	position: absolute;
	top: 20px;
	left: 100%;
	white-space: nowrap;
	font-size: 18px;
	color: #fff;
	height: 40px;
	background-image: url(../images/bg-price.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 40px;
	padding: 0 40px 0 20px;
}
#proView_left h3 b {
	font-size: 22px;
	color: #fff;
}
#proView_right {
	width: 360px;
	float: right;
	padding: 80px 20px 20px 0;
}
#proView_right #showText { padding: 0;}
#proView_right #showText * { line-height: 20px;}
#proView_right #showText p { padding-bottom: 10px;}
#proView_right #showText .fix img {
	float: left;
	margin-right: 7px;
}
#proView_right #showText .fix img.end { margin: 0;}
#proView_cart {
	background-image: url(../images/bg-cart-proView.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 25px;
	margin-top: 5px;
}
#proView_cart span {
	float: left;
	font-weight: bold;
	line-height: 32px;
}
#proView_cart input {
	font-size: 18px;
	width: 45px;
	height: 30px;
	text-align: center;
	float: left;
	border: none;
	box-shadow: inset 1px 1px #D6D6D6;
	-webkit-box-shadow: inset 1px 1px #D6D6D6;
	background: #f5f5f5;
	margin-left: 10px;
}
#proView_cart input:hover, #proView_cart input:focus {
	background: #ddd;
	box-shadow: inset 1px 1px #ccc;
	-webkit-box-shadow: inset 1px 1px #ccc;
}
#proView_cart a {
	float: right;
	line-height: 24px;
	height: 28px;
	border: solid 1px #AE111A;
	padding-left: 10px;
	box-shadow: inset 0px 1px #FF2C28;
	-webkit-box-shadow: inset 0px 1px #FF2C28;
}
#proView_cart sub {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0 10px 0 35px;
	background-image: url(../images/icon-addtocart.png);
	background-repeat: no-repeat;
}
#proView_cart a:hover {
	background: #b00;
}
/*video*/
.oneVideo {
	width: 190px;
	height: 195px;
	float: left;
	margin: 0 3px 20px 20px;
	overflow: hidden;
	cursor: pointer;
	background: transparent !important;
}
.oneVideo:hover { background: #DCDCDC !important;}
.oneVideo.playing {
	background: #aaa !important;
	box-shadow: inset 2px -2px 5px #999, inset -2px 0px 5px #999;
}
.oneVideo h1 {
	position: relative;
	width: 100%;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.oneVideo h2 {
	padding: 5px 0 0 10px;
	color: #191919;
}
.oneVideo.playing h2 {color: #fff;}
.oneVideo h1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/video-over.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0px 0px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.oneVideo h1:hover span, .oneVideo.playing h1 span {
	background-size: 48px 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.oneVideo h1 label {
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 2px 7px;
	background: rgba(0,0,0,.7);
	color: #fff;
	font-size: 13px;
}
#showVideo iframe {
	display: block;
	width: 95.4%;
	height: 470px;
	margin: 0 auto;
}
/*gallery*/
.oneGal {
	width: 260px;
	display: inline-block;
	vertical-align: text-top;
	padding-bottom: 19px;
	margin: 0 1px 10px 20px;
	background-image: url(../images/gal-shadow.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.oneGal .thumb {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.oneGal .thumb img {
	display: block;
	width: 100%;
	height: auto;
}
.oneGal .thumb span, .oneGal .thumb label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.oneGal .thumb span {
	z-index: 2;
	background-image: url(../images/layer.png);
	background-repeat: repeat;
	background-position: left top;
}
.oneGal .thumb label {
	z-index: 3;
	background-image: url(../images/gal-over.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0px;
}
.oneGal .thumb:hover span, .oneGal .thumb:hover label {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.oneGal .thumb:hover label { background-size: 50px;}
.oneGal h1 a {
	display: block;
	color: #fff;
	font-size: 20px;
	padding: 10px;
	text-align: center;
	background: #999;
}
.oneGal:hover h1 a { background:#6F0B10;}
.galView {
	min-height: 300px;
	padding-left: 20px;
}
/*contact*/
#contact form {
	width: 560px;
	margin-left: 20px;
}
#contact li {
	float: left;
	width: 270px;
	margin-bottom: 15px;
}
#contact li.fix { width: 100%;}
#contact li.mar { margin-left: 20px;}
#contact li sub {
	float: left;
	width: 100%;
	font-size: 17px;
	padding-bottom: 5px;
	text-indent: 3px;
	text-transform: capitalize;
}
#contact.do li sub {
	font-size: 15px;
	padding-bottom: 2px;
}
#contact input {
	height: 30px;
	border: solid 3px #F4F4F4;
	padding: 0 10px;
	float: left;
	width: 240px;
	color: #777;
	box-shadow: inset 1px 1px #E2E2E2, inset -1px -1px #E2E2E2;
	-webkit-box-shadow: inset 1px 1px #E2E2E2, inset -1px -1px #E2E2E2;
}
#contact li.fix input { width: 530px;}
#contact li textarea {
	border: solid 3px #F4F4F4;
	padding: 5px 10px;
	width: 530px;
	height: 100px;
	color: #777;
	cursor: default !important;
	resize: none;
	box-shadow: inset 1px 1px #E2E2E2, inset -1px -1px #E2E2E2;
	-webkit-box-shadow: inset 1px 1px #E2E2E2, inset -1px -1px #E2E2E2;
}
#contact li input:hover, #contact li input:focus, #contact li textarea:hover, #contact li textarea:focus {
	color: #555;
	box-shadow: inset 1px 1px #ccc, inset -1px -1px #ccc;
	-webkit-box-shadow: inset 1px 1px #ccc, inset -1px -1px #ccc;
}
#contact a.button {
	float: left;
	font-size: 18px;
	color: #fff;
	background: #6F0B10;
	line-height: 35px;
	padding: 0 15px;
	margin: 0px 7px 0px 3px;
}
#contact form a.button:hover { background: #C3141D;}
#contactInfo {
	border-top: dotted 1px #ccc;
	margin: 25px 20px 0 20px;
	padding-top: 20px;
}
#contactInfo #showText {
	float: left;
	width: 260px;
}
#contactInfo #showText p { padding-bottom: 10px;}
#map {
	width: 514px;
	height: 300px;
	float: right;
	border: solid 3px #EBEBEB;
}
#map iframe {
	display: block;
	width: 100%;
	height: 100%;
}
#contact li.fixSelect .jqTransformSelectWrapper { width: 550px !important;}
#contact li.fixSelect .jqTransformSelectWrapper span { width: 540px !important;}
#contact li.fixSelect .jqTransformSelectWrapper ul { width: 548px !important;}
#contact li.fixSelect .jqTransformSelectWrapper li { width: 100%;}
#contact.do { padding-bottom: 20px;}
#contact.do h6 {
	font-size: 20px;
	color:#880D13;
	padding: 10px 0 10px 3px;
}
#contact.do .pageNav {
	width: 850px;
	margin: 30px 0 10px -20px;
}
#contact li.z-index101 .jqTransformSelectWrapper { z-index: 101 !important;}
#contact li.z-index100 .jqTransformSelectWrapper { z-index: 100 !important;}
#contact li.z-index99 .jqTransformSelectWrapper { z-index: 99 !important;}
#contact li.z-index98 .jqTransformSelectWrapper { z-index: 98 !important;}
#contact li.z-index97 .jqTransformSelectWrapper { z-index: 97 !important;}
#contact li.z-index96 .jqTransformSelectWrapper { z-index: 96 !important;}
#contact li.z-index95 .jqTransformSelectWrapper { z-index: 95 !important;}
#contact li.z-index94 .jqTransformSelectWrapper { z-index: 94 !important;}
#contact.do .clr.bor {
	border-top: dashed 1px #dedede;
	margin-bottom: 10px;
}
#contact form sub label { float: right; padding-right: 8px; color: #900; letter-spacing:1px;}
/*bedImage*/
.bedImage {
	width: 340px;
	height: 300px;
	margin: 30px auto 25px auto;
}
.bedImage img {
	display: block;
	border: none;
}
.bedImage .centerCrown {
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -90px;
	width: 180px;
	height: 10px;
}
.bedImage .left, .bedImage .right {
	width: 90px;
	float: left;
	text-align: right;
	height: 290px;
}
.bedImage .right { text-align: left;}
.bedImage .left img, .bedImage .leftTop, .bedImage .leftCenter, .bedImage .leftBottom { float: right;}
.bedImage .right img, .bedImage .rightTop, .bedImage .rightCenter, .bedImage .rightBottom { float: left;}
.bedImage .leftCrown, .bedImage .rightCrown, .bedImage .leftCrown img, .bedImage .rightCrown img {
	width: 100%;
	height: 10px;
}
.bedImage .leftTop, .bedImage .rightTop {
	width: 80px;
	height: 140px;
}
.bedImage .leftTop img, .bedImage .rightTop img, .bedImage .leftCenter img, .bedImage .rightCenter img, .bedImage .center img, .bedImage .leftBottom img, .bedImage .rightBottom img, .bedImage .centerCrown img {
	width: 100%;
	height: 100%;
}
.bedImage .center {
	position: relative;
	float: left;
	width: 160px;
	height: 290px;
	text-align: center;
}
.bedImage .leftCenter, .bedImage .rightCenter {
	width: 80px;
	height: 60px;
}
.bedImage .leftBottom, .bedImage .rightBottom {
	width: 80px;
	height: 80px;
}
/*finish*/
#contact .finish li {
	width: 100%;
	padding: 10px 0 5px 0;
	border-bottom: dotted 1px #dedede;
	margin-bottom: 0;
}
#contact .finish li span {
	float: left;
	width: 220px;
	margin-right: 15px;
}
#contact .finish.align li span {
	text-align: right;
}
#contact .finish li span:after {
	content: ":";
	float: right;
}
#contact .finish.align li span:after {
	margin-left: 15px;
}
#contact .finish li label {
	float: left;
	width: 320px;
}
#contact .finish li #showText { padding: 0;}
#contact .finish li p {
	padding-bottom: 10px;
	line-height: 18px;
}
#contact .finish li.price  {
	padding: 15px 0;
	margin-bottom: 15px;
}
#contact .finish li.price span, #contact .finish li.price label {
	font-size: 18px;
	font-weight: bold;
}
#contact .finish li.price label { color: #6F0B10;}
#contact.do a.button.fix {
	margin-left: 235px;
}
/*guest book*/
#guestbook {
	height: 500px;
	overflow: hidden;
	padding: 15px 20px 10px 20px;
	border: dashed 1px #ddd;
}
.oneGuest {
	padding-top: 15px;
	margin-bottom: 15px;
	border-top: solid 1px #eee;
}
.oneGuest:nth-child(1) {
	border: none;
	padding: 0;
}
.oneGuest ul {
	margin: 7px 0 0 80px;
	padding-top: 7px;
	border-top: dotted 1px #ddd;
}
.oneGuest .ava {
	display: block;
	width: 80px;
	height: 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/avatar.png);
	text-indent: -10000px;
	float: left;
	margin: 4px 18px 5px 0;
}
.oneGuest h1 { font-size: 18px;}
.oneGuest h2 {
	font-size: 14px;
	color: #999;
	padding: 5px 0;
}
.oneGuest p { line-height: 20px;}
.oneGuest a, #addTitle a, #addTitle a span { color: #6F0B10;}
.oneGuest a:hover {
	color: #000;
	text-decoration: underline;
}
#menu h2 { display: none;}
.groupPro ul, #otherImg ul { cursor: default;}
#addTitle {
	display: block;
	border: solid 1px #ddd;
	margin: 5px 20px 25px 20px;
	text-align: center;
	overflow: hidden;
	animation: fadeIn .5s ease-in backwards;
	-webkit-animation: fadeIn .5s ease-in backwards;
	-moz-animation: fadeIn .5s ease-in backwards;
	-o-animation: fadeIn .5s ease-in backwards;
	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
#addTitle a {
	display: block;
	padding: 5px 10px 10px 10px;
}
#addTitle a, #addTitle a span { font-size: 16px; font-weight: bold;}
#addTitle a span {
	display: inline-block;
	vertical-align: text-top;
}
#addTitle ul {
	display: block;
	padding: 10px 0;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F0F0F0));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F0F0F0', GradientType=0 );
}
#addTitle p { line-height: 22px;}
#addTitle a span, #addTitle p {
	animation: fadeInUp .5s ease-in backwards;
	-webkit-animation: fadeInUp .5s ease-in backwards;
	-moz-animation: fadeInUp .5s ease-in backwards;
	-o-animation: fadeInUp .5s ease-in backwards;
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#addTitle a span:nth-child(2) {
	-moz-animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	-o-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
#addTitle a span:nth-child(3) {
	-moz-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
#addTitle a span:nth-child(4) {
	-moz-animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
#addTitle p {
	-moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
#addTitle p:nth-child(3) {
	-moz-animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
	-o-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
#addTitle a:hover span { color: #333;}
/*fadeInUp*/
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px);}
	100% { opacity: 1; -webkit-transform: translateY(0);}
}

@-moz-keyframes fadeInUp {
	0% { opacity: 0; -moz-transform: translateY(20px);}
	100% { opacity: 1; -moz-transform: translateY(0);}
}
@-o-keyframes fadeInUp {
	0% { opacity: 0; -o-transform: translateY(20px);}
	100% { opacity: 1; -o-transform: translateY(0);}
}
@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(20px);}
	100% { opacity: 1; transform: translateY(0);}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
/*fadeIn*/
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn {
	0% {opacity: 0;}
	30% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@media screen and (max-width: 1220px) {
	.pagewrap { width: 980px;}
	#colLeft, #logo { width: 250px;}
	#colRight { margin-left: 250px; width: 730px;}
	#homeTop li { width: auto;}
	.onePro {
		width: 355px;
		margin: 0 0 30px 20px;
	}
	.onePro .img { margin-right: 15px;}
	.onePro p {
		width: auto;
		float: none;
	}
	.groupPro { margin-left: -20px;}
	#showText .left { width: 430px;}
	#contact.do .pageNav { width: 710px;}
	.oneGal { width: 213px;}
	.groupProMain.fix .groupPro { margin-left: 0;}
	.oneVideo { width: 155px; height: 150px;}
	.oneVideo h1 { height: 100px;}
	#showVideo iframe {
		width: 94.4%;
		height: 370px;
	}
	#contactInfo #map { width: 380px;}
	#copyright { overflow: hidden;}
	#proView_right {
		float: none;
		width: auto;
		clear: both;
		padding: 0 20px 20px 20px;
	}
	.galView .galleria-thumbnails .galleria-image { width: 31.4%;}
	.pageNav h2 { width: 62%;}
	#colRight { overflow: hidden;}
	#addTitle { margin: 5px 10px 25px 10px;}
}
@media screen and (max-width: 979px){
	.pagewrap { width: 750px;}
	#colRight { width: 500px;}
	#welcome {
		margin-top: 15px;
		padding: 50px 20px 10px 20px;
	}
	#welcome span {
		font-size: 20px;
		line-height: 40px;
		height: auto;
	}
	#homeTop { padding-top: 15px;}
	.groupPro .groupBox { width: 100%;}
	.onePro {
		width: 100%;
		float: none;
		margin: 0 0 30px 0px;
	}
	.onePro .img { margin-right: 15px;}
	.onePro p, #contactInfo #showText, #map {
		width: auto;
		float: none;
	}
	.share {
		float: none;
		margin: 10px auto;
	}
	.share h1 { display: none;}
	#copyright .left { float: none; text-align: center; width: auto;}
	#showText .left, #showText .right {
		width: auto !important;
		float: none !important;
	}
	#showText p { text-align: justify;}
	#contact form {
		width: auto;
		margin: 0 20px;
	}
	#contact li {
		width: auto !important;
		float: none !important;
		margin: 0 0 10px 0 !important;
	}
	#contact input, #contact li textarea {
		width: 94% !important;
		float: none !important;
	}
	#contactInfo #showText { padding: 0;}
	#map { height: 200px;}
	#contact.do .pageNav { width: auto; margin: 30px -20px 10px -20px;}
	#contact.do li .jqTransformSelectWrapper:hover { z-index: 300 !important;}
	#contact li .jqTransformSelectWrapper, #contact li.fixSelect .jqTransformSelectWrapper { width: 98.6% !important; margin-bottom: 10px;}
	#contact li.fixSelect .jqTransformSelectWrapper span { width: 96% !important;}
	#contact li.fixSelect .jqTransformSelectWrapper ul { width: 99.7% !important;}
	#contact a.button { font-size: 16px;}
	.oneGuest ul {
		margin: 0px;
		background: rgba(0,0,0,.05);
		padding: 10px 15px;
	}
	.pageNav h2 {
		float: none;
		width: auto;
		clear: both;
	}
	#proView { padding-top: 20px;}
	#proView_left {
		float: none;
		width: auto;
		margin: 0 20px 20px 20px;
	}
	.imgMain {
		width: auto;
		margin: 0 10px;
	}
	#otherImg_main { width: auto; margin-right: 10px; overflow: hidden;}
	#otherImg { width: 103%;}
	#otherImg a {
		width: 125px;
		margin-right: 12px;
	}
	#otherImg a span {
		box-shadow: inset 2px 2px #890E14, inset -2px -2px #890E14;
		-webkit-box-shadow: inset 2px 2px #890E14, inset -2px -2px #890E14;
		background: none;
	}
	#proView_left h3 {
		position: absolute;
		top: auto;
		bottom: 100%;
		left: -1px;
	}
	#proView_right { padding: 20px;}
	.gallery, .nums.numsGal, .center { text-align: center; float: none;}
	.oneGal, .oneVideo {
		width: 200px;
		margin: 0 10px 10px 10px;
	}
	.oneVideo {
		float: none;
		display: inline-block;
		vertical-align: text-top;
	}
	.gallery .clr, .groupBox .clr { display: none;}
	.nums.numsGal a {
		float: none;
		display: inline-block;
		vertical-align: text-top;
		margin: 0;
	}
	.galView .galleria-thumbnails .galleria-image { width: 30.4%;}
	#showVideo iframe {
		width: 91% !important;
		height: 300px;
	}
	.select select {
		width: 100%;
		*width: 100%;
		background: url(../images/select.png) no-repeat right center;
		-webkit-appearance: none;
		padding: 6px 10px;
		border: solid 3px #F4F4F4;
		box-shadow: inset 1px 1px #E2E2E2, inset -1px -1px #E2E2E2;
		-webkit-box-shadow: inset 1px 1px #E2E2E2, inset -1px -1px #E2E2E2;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	}
	#guestbook { height: 300px;}
	.pageNav { padding: 0;}
	.pageNav h2 {
		padding: 15px 20px 10px 20px;
		background: #fff;
		display: block;
		float: none;
		width: auto;
	}
	#backTop { display: none !important;}
	#contactInfo #map { width: auto;}
	.groupProMain .groupPro { margin-left: 0;}
}
@media screen and (max-width: 749px) {
	.pagewrap { width: auto; margin: 0 10px;}
	#colLeft, #colRight, #logo {
		width: 100%;
		position: relative;
		margin: 0;
	}
	#logo {
		position: relative;
		z-index: 0 !important;
		background: -moz-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #FFFFFF));
		background: -webkit-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%);
		background: -o-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%);
		background: -ms-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%);
		background: linear-gradient(to bottom, #F0F0F0 0%, #FFFFFF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#FFFFFF', GradientType=0 );
	}
	#logo a {
		display: block;
		height: 120px;
		background: url(../images/logo-mobile.png) no-repeat center center;
	}
	#logo a img, #leftInfo, #bannerMain, #menu ul { display: none;}
	#spaceLeft { height: auto;}
	#menu h2 {
		display: block;
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
		background: url(../images/menu-mobile.png) no-repeat 20px center #890E14;
		padding-left: 70px;
		line-height: 50px;
	}
	#menu ul { padding: 0;}
	#menu ul a {
		display: block;
		text-align: left;
		line-height: 30px;
		background: rgba(0,0,0,.05);
		margin-bottom: 1px;
		padding: 0 20px;
	}
	#showVideo iframe { height: 200px;}
	#addTitle { margin: 20px 0;}
}
@media screen and (max-width: 479px) {
	.pagewrap { width: 100%; margin: 0;}
	.onePro .img {
		float: none;
		width: 90%;
		margin: 15px auto 0 auto;
	}
	#showText { padding: 0 15px 15px 15px;}
	.pageNav h1 {
		padding: 0 15px;
		font-size: 18px;
		line-height: 35px;
	}
	#menu h2 {
		line-height: 45px;
		background-position: 15px center;
	}
	#copyright { padding: 10px 15px;}
	#proView_left { margin: 0 15px 15px 15px;}
	#otherImg { width: 105%;}
	#otherImg a {
		width: 80px;
		height: 80px;
		margin-right: 10px;
	}
	.otherNav { margin-top: -15px;}
	#proView_right { padding: 15px;}
	#proView_cart input { width: 35px;}
	.slideNav { margin: 7px 1px 7px 0;}
	#contact form { margin-left: 15px;}
	#contact form input, #contact form textarea { width: 92.5% !important;}
	#contact form a.button {
		font-size: 14px;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.select select { width: 102%;}
	#showText p img:nth-child(3) { margin: 15px 0 0 0 !important;}
	.oneGal { width: 270px;}
	#showVideo iframe, .oneVideo { width: 280px !important;}
	.oneVideo h1 { height: 160px;}
	.nums { padding: 0 15px 10px 0;}
	#guestbook {
		padding: 10px 15px 10px 15px;
		border: dashed 1px #ddd;
	}
	#contactInfo {
		margin: 15px 15px 0 15px;
		padding-top: 15px;
	}
	.pageNav h2 { padding: 15px 15px 10px 15px;}
	.galView .galleria-thumbnails .galleria-image { width: 46%;}
	.galView { padding-left: 15px;}
	.bedImage {
		transform: scale(0.9,0.9);
		-ms-transform: scale(0.9,0.9);
		-webkit-transform: scale(0.9,0.9);
		margin: 25px 0 10px -25px;
	}
}