@charset "UTF-8";
/* CSS Document */

#pageLoading {width:100%; height:100%; position:fixed; left:0px; top:0px; background-position:center center; background-repeat:no-repeat; z-index:9999;}
.pageLoading-complete { opacity:0 !important; transition:.3s;}
#page { opacity:0;}
.page-complete { opacity:1 !important; transition:.6s;}

#main img {display:none;}

/********** Language **********/
.language {overflow:hidden}
.language a {float:left; overflow:hidden; padding:0; margin:0 5px 0 0; border:1px solid #666; transition:.3s;}
.language a:hover,
.language a.active {border-color:#f15f4c; transition:.3s}
.language a img {float:left; border:none; height:16px; width:auto;}


/********** Social Links **********/
.social-links {}
.social-links a i {}
.social-links a:hover {color:#f15f4c; transition:.3s}


/********** Navigation **********/
#navigation {font-family:'cwTeXHei', sans-serif;}
#navbar .navbar-brand a { text-decoration:none;}
#navbar .navbar-brand a img {border:none;/* max-height:40px;*/ width:auto; margin-top:-10px;}
small cite {margin-left:5px; color:#f15f4c;}
@media (min-width:991px) and (max-width:1200px){.panel-heading h1 {font-size:24px;}}
@media (min-width:1201px){.panel-heading h1 {font-size:26px;}}
@media (max-width:991px){#navbar .navbar-brand a img {border:none; max-height:48px; width:auto; margin-top:-5px;}}
.g-recaptcha {display:inline-block !important;}
#gb em {font-style:normal; color:#F30;}
#gb .col-sm-12 em {display:block;}



/********** Slider **********/
#slide {margin:0 0 30px 0;}
#slide .container {margin:0; padding:0;}
#slide .container a img {border:0; width:100%;}
@media (max-width:550px){
	#slide {margin-bottom:15px;}
	#slide .container,
	#slide .bx-controls {display:none;}
	#slide .bx-wrapper {display:none;}
}
/********** Featured **********/
#featured .row {border-bottom:1px solid #e6e6e6; padding-bottom:5px; margin-bottom:15px;}
#featured .col-md-6 {list-style:none;}
#featured img {width:100%; height:auto;}
#featured a {width:100%;}
#featured a h3 {width:100%; position:absolute; left:0px; top:55%; text-align:center; color:#FFF; text-decoration:none; opacity:0; transition:.3s;}
#featured a:hover h3 {top:40%; opacity:1; transition:.3s;}
#featured .bx-controls-direction {position:absolute !important; right:0px; bottom:0px; z-index:99;}
#featured .bx-controls-direction>a {width:20px !important; height:20px !important; display:inline-block; text-align:center; line-height:20px; color:#FFF; text-indent:0; position:static !important; background:rgba(241, 95, 76, 0.6); transition:.3s;}
#featured .bx-controls-direction>a:hover {background:rgba(241, 95, 76, 1); transition:.3s;}
/********** Spread **********/
#spread {margin-bottom:30px;}
#spread .col-md-4 {list-style:none;}
#spread img {width:100%; height:auto;}
#spread a {width:100%;}
#spread a h3 {width:100%; position:absolute; left:0px; top:55%; text-align:center; color:#FFF; text-decoration:none; opacity:0; transition:.3s;}
#spread a:hover h3 {top:50%; opacity:1; transition:.3s;}
@media (max-width:991px){
	#featured .row {border-bottom:none; padding-bottom:0; margin-bottom:0;}
	#featured .col-md-6,
	#spread .col-md-4 {border-bottom:1px solid #e6e6e6; padding-bottom:15px; margin-bottom:15px;}
	#spread .col-md-4:nth-child(3) {border:none; padding-bottom:0; margin-bottom:0;}
}
@media (max-width:550px){
	#featured a h3 {font-size:1.33333333em;}
	#spread h4 {text-align:center;}
}
#spread .bx-controls-direction {position:absolute !important; right:0px; top:0px; z-index:99;}
#spread .bx-controls-direction>a {width:20px !important; height:20px !important; display:inline-block; text-align:center; line-height:20px; color:#FFF; text-indent:0; position:static !important; background:rgba(241, 95, 76, 0.6); transition:.3s;}
#spread .bx-controls-direction>a:hover {background:rgba(241, 95, 76, 1); transition:.3s;}

#featured .bx-pager, #spread .bx-pager {display:none !important;}
#featured .bx-wrapper, #spread .bx-wrapper {margin-bottom:0 !important;}




/********** News **********/
#news {padding-bottom:50px;}
#news .post {margin-bottom:50px !important; padding-top:15px !important;}
#news>.container>.row>.col-md-6 {}
#news>.container>.row>.col-md-6:hover { background:#f9f2e2; transition:.1s;}
@media (max-width:767px){
	#news>.container>.row>.col-md-6 {width:100%;}
	#news .entry-thumbnail {max-width:450px !important;}
}
.modal-dialog {margin:0 !important; padding:0 !important;}



/********** Product **********/
#catalog {margin:0 0 50px 0; padding:0; list-style:none; text-align:center;}
#catalog li {display:inline-block; margin:0 5px 5px; padding:0; overflow:hidden;}
#catalog li a {min-width:80px; height:32px; line-height:30px !important; font-size:17px !important; font-weight:bold; padding:0 12px 0 !important; text-align:center; text-decoration:none; border:2px solid #e6d8b7; background-color:#e6d8b7; display:block; float:left; position:relative; transition:.6s;}
#catalog li a.current,
#catalog li a:hover { background:#FFF; border-color:#f15f4c; color:#f15f4c; transition:.3s;}
#catalog li a img {position:absolute; right:0px; bottom:0px; opacity:0;}
#catalog li a.current img { opacity:1;}

#products {padding:0 0 50px 0; margin:0; background-color:#faf6ed;}
#products h3 {font-size:1.2em;}
#products span {color:#f15f4c; margin-left:5px;}
#products ul {margin:0 auto 50px auto; padding:0; list-style:none; overflow:hidden; width:1168px;}
#products ul li {width:262px; display:inline-block; margin:0 15px 30px 15px; float:left; overflow:hidden;}
#products ul li a {width:260px; height:auto; max-height:260px; border:1px solid #EEE; display:inline-block; margin:0 0 10px 0; float:left; overflow:hidden; position:relative; transition:.6s;}
#products ul li a img {width:100%; height:auto; border:0; margin:0; padding:0; float:left;}
#products ul li a div {width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; background:#f15f4c; opacity:0; transition:.6s;}
#products ul li a h3 {width:100%; margin:0; padding:0; position:absolute; color:#FFF; text-align:center; text-decoration:none; left:0px; top:60%; opacity:0; transition:.6s;}
#products ul li a:hover {border-color:#f15f4c; transition:.3s;}
#products ul li a:hover div {opacity:0.8; transition:.3s;}
#products ul li a:hover h3 {opacity:1; top:50%; transition:.3s;}
#fbcomments {width:100%; border:none; overflow:hidden; min-height:300px;}

@media (max-width:1200px){
	#products ul {width:992px;}
	#products ul li {width:224px; margin-left:12px; margin-right:12px;}
	#products ul li a {width:222px; max-height:222px;}
}
@media (max-width:992px){
	#products ul {width:768px;}
	#products ul li {width:354px; margin-left:15px; margin-right:15px;}
	#products ul li a {width:352px; max-height:352px;}
}
@media (max-width:783px){
	#products ul {width:640px;}
	#products ul li {width:296px; margin-left:12px; margin-right:12px;}
	#products ul li a {width:294px; max-height:294px;}
}
@media (max-width:660px){
	#products ul {width:480px;}
	#products ul li {width:480px; margin-left:0; margin-right:0;}
	#products ul li a {width:478px; max-height:478px;}
}
@media (max-width:500px){
	#products ul {width:320px;}
	#products ul li {width:320px;}
	#products ul li a {width:318px; max-height:318px;}
}
.cutitle {font-style:normal; color:#666; margin-right:5px;}



/********** FancyBox **********/




/********** FAQ **********/
#faq {margin:0; padding:0 0 50px 0; list-style:none; text-align:center;}
#faq ul {margin-left:auto; margin-right:auto; padding:0; list-style:none;}
#faq ul li {margin:0 0 20px 0; padding:10px; list-style:none; border:1px solid #d7d7d7; border-radius:5px; background-color:#faf6ed; cursor:pointer; transition:.6s;}
#faq ul li h3 {font-size:1.2em; word-wrap: break-word; word-break: normal; }
#faq ul li p {border-top:1px solid #d7d7d7; padding-top:10px; display:none; word-wrap: break-word; word-break: normal; }
#faq ul li:hover { background-color:#f9f2e2; transition:.3s;}
#faq ul li.active {border-color:#b5b5b5; background:#FFF; transition:.3s;}
#faq ul li.active h3 {color:#f15f4c; transition:.3s;}



/********** Cart **********/
.table { text-align:left;}
.table .img-thumbnail {width:120px; height:auto;}
.table tr>:nth-child(1) {width:120px;}
.table tr>:nth-child(3) {text-align:right;}
.table tr>:nth-child(4) {text-align:center; width:142px !important;}
.table tr>:nth-child(5) {text-align:right; color:#f15f4c;}
.table tr>:nth-child(6) {text-align:center; width:80px !important;}
.table tr>:nth-child(6) a {width:28px; height:28px; font-size:15px; line-height:28px; color:#555; border:1px solid #999; background:#999; display:inline-block; border-radius: 2px; transition:.3s;}
.table tr>:nth-child(6) a:hover {border-color:#f15f4c; color:#fff; background:#f15f4c; transition:.1s;}
.table tr td .cart-cunt {width:60px !important; text-align:center !important; display:none;}
.table tr td a.cart-save {margin-right:5px;}
.table tr td a.cart-change {margin-right:5px;}
@media (max-width:660px){
	.table tr>:nth-child(1) {display:none;}
}

.cartset {margin-bottom:30px; padding:10px; border:1px solid #f15f4c; overflow:hidden; background:#f9f2e2;}
.cartset>ul {padding:10px; list-style:none; display:inline-block; background:#FFF; float:left; width:366px; margin:0 10px 0 0;}
.cartset>ul:last-child {margin-right:0;}
.cartset .shipping h4 em {font-style:normal; margin-left:5px; margin-right:5px; font-weight:bold; color:#f15f4c;}
.cartset .shipping .note {margin-top:15px; padding:10px; background:#eee; border:1px solid #f9f2e2; border-radius:5px;}
.cartset .payment a {padding:10px; margin-top:5px; border:1px solid #f9f2e2; border-radius:5px; text-decoration:none; display:block; overflow:hidden; text-align:left; color:#555; transition:.6s; position:relative;}
.cartset .payment a:hover {border-color:#f15f4c; transition:.3s;}
.cartset .payment a.active {border-color:#f15f4c; background:#FFC; color:#000;}
.cartset .payment a i {width:30px; text-align:center; display:inline-block; margin-right:5px; float:left;}
.cartset .payment em {font-style:normal; margin-left:5px; margin-right:5px; font-weight:bold; color:#f15f4c;}
.cartset .payment a .note {display:block; padding:5px; background:#eee; border:1px solid #f9f2e2; border-radius:5px;}
.cartset .payment a img {position:absolute; right:0px; bottom:0px; opacity:0;}
.cartset .payment a.active img { opacity:1;}
.cartset .total li {overflow:hidden;}
.cartset .total .price {text-align:right; color:#f15f4c; padding-left:20px; padding-right:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #f9f2e2;}
.cartset .total li em {float:left; color:#000; font-style:normal;}
.cartset .total .price-total {margin-bottom:0; padding-bottom:0; border-bottom:0;}
@media (max-width:1199px){
	.cartset>ul {width:299px;}
}
@media (max-width:991px){
	.cartset>ul {width:100%; margin:0 0 10px 0}
	.cartset .payment a { text-align:center;}
	.cartset .payment a i {float:none; display:block; width:auto; margin-bottom:10px; font-size:20px;}
	.cartset .total {margin-bottom:0;}
}


.inquiry .table tr>:nth-child(3),
.inquiry .table tr>:nth-child(5) {display:none;}
.inquiry .table tr>:nth-child(4) {width:200px !important;}
.inquiry .table tr td .cart-cunt {width:118px !important;}



/********** Page Number Nav **********/
div.pnn {margin:50px 0 0 0; padding:0; width:100%; border:none; background:none; display:block; overflow:hidden; text-align:center; clear:both;}
div.pnn a {min-width:40px; height:40px; display:inline-block; font-size:17px; line-height:40px; padding:0 5px 0; margin:0 1px 0 1px; border:1px solid #999; color:#555; background:#999; overflow:hidden; text-decoration:none; transition:.3s;border-radius: 4px;}
div.pnn a:active,
div.pnn a:hover {border-color:#787878; background:#4b494f; color:#ccc;}
div.pnn a.current {border-color:#f15f4c; color:#fff; background:#f15f4c; transition:.3s;}
div.pnn a.disabled {border-color:#999; color:#999; background:#ccc; cursor:default;}



/********** Google Map **********/
.google-maps {position: relative; height:500px; overflow: hidden; }
.google-maps #map {position: absolute; top: 0; left: 0; width: 100% !important; height:500px !important;}




/********** Custom **********/
.site-topbar { background-image:url(bg_top.jpg); background-position:bottom center; background-repeat:repeat-x; background-color:#a4714e;}

footer.site-footer { background-image:url(bg_ft.jpg); background-color:#ccc6b3; background-position:top center; background-repeat:repeat-x; color:#333;}
.site-footer .widget-title {color:#000;}
.site-footer a {color:#333;}
.site-footer .social-links a {border-color:#555;}
.site-footer a:hover {color:#000;}

blockquote {border-left: 5px solid #faf6ed;}

.section.section-hilite { background-image:url(bg_section_hilite.png); background-repeat:repeat; background-color:#faf6ed;}
.section.section-hilite .section-title span {background-color:#faf6ed;}
.section.section-hilite .section-title:after {background:#e6d8b7;}