﻿

.complete .panel-heading,.faq-lists .panel-heading,.downloads-lists .panel-heading {
	padding: 0;
	background-color: none
}

.complete h4.panel-title a,.faq-lists h4.panel-title a,.downloads-lists h4.panel-title a {
	color: #000000;
	background-color: #f5f5f5;
	padding: 10px 15px;
	font-weight: bold;
	line-height: 1.6em
}

.complete h4.panel-title a:hover,.faq-lists h4.panel-title a:hover,.downloads-lists h4.panel-title a:hover {
	color: #0F796C;
	background-color: #e5e5e5
}

.complete h4.panel-title a i,.faq-lists h4.panel-title a i,.downloads-lists h4.panel-title a i {
	font-size: 20px
}

.checkout-postage .p-fee,.checkout-lists .p-fee {
	text-align: right;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	padding: 10px 0
}

.checkout-postage .p-fee:last-child,.checkout-lists .p-fee:last-child {
	border-bottom: none
}

.checkout-postage .p-fee .p-fee-shipment,.checkout-lists .p-fee .p-fee-shipment {
	color: #009616;
	font-weight: bold;
	margin: 0 27px 0 15px
}

.checkout-postage .p-fee .p-fee-total,.checkout-lists .p-fee .p-fee-total {
	color: #222;
	font-weight: bold;
	margin: 15px 0;
	padding-right: 27px
}

.checkout-postage .p-fee .p-fee-total .total-cost,.checkout-lists .p-fee .p-fee-total .total-cost {
	font-size: 20px;
	color: #ff0000
}

.checkout-postage .p-fee .p-fee-total-intro,.checkout-lists .p-fee .p-fee-total-intro {
	font-size: 14px;
	padding: 10px 27px 10px 0;
	background: #f5f5f5;
	color: #333
}

.checkout-postage .p-fee .p-fee-total-intro span,.checkout-lists .p-fee .p-fee-total-intro span {
	color: #ff0000;
	margin: 0 2px
}

.contactus.contactus-form .submit-area .btn-sendform,.inquiry-form .submit-area .btn-sendform,.member-login .login-form form .submit-area .btn-sendform,.member-register .register-btn .submit-area .btn-sendform,.member-register-form .register-btn .submit-area .btn-sendform,.order-record .submit-area .btn-sendform,.specs-addtocart-btn,.btn-mini-cart .btn-viewcart,.btn-mini-cart .btn-checkout,.btn-mini-cart .btn-logout,.checkout-lists .btn-process,.inquiry-form .sendform,.btn-close-details,.member-center .btn-members-logout {
	padding: 8px 16px;
	background: #E7A0A0;
	color: #fff;
	position: relative;
	overflow: hidden
}

.contactus.contactus-form .submit-area .btn-sendform:hover,.inquiry-form .submit-area .btn-sendform:hover,.member-login .login-form form .submit-area .btn-sendform:hover,.member-register .register-btn .submit-area .btn-sendform:hover,.member-register-form .register-btn .submit-area .btn-sendform:hover,.order-record .submit-area .btn-sendform:hover,.specs-addtocart-btn:hover,.btn-mini-cart .btn-viewcart:hover,.btn-mini-cart .btn-checkout:hover,.btn-mini-cart .btn-logout:hover,.checkout-lists .btn-process:hover,.inquiry-form .sendform:hover,.btn-close-details:hover,.member-center .btn-members-logout:hover {
	background: #0F796C;
	color: #fff
}

.contactus.contactus-form .submit-area .btn-sendform:active,.inquiry-form .submit-area .btn-sendform:active,.member-login .login-form form .submit-area .btn-sendform:active,.member-register .register-btn .submit-area .btn-sendform:active,.member-register-form .register-btn .submit-area .btn-sendform:active,.order-record .submit-area .btn-sendform:active,.specs-addtocart-btn:active,.btn-mini-cart .btn-viewcart:active,.btn-mini-cart .btn-checkout:active,.btn-mini-cart .btn-logout:active,.checkout-lists .btn-process:active,.inquiry-form .sendform:active,.btn-close-details:active,.member-center .btn-members-logout:active {
	background: #001527;
	color: #fff
}

.contactus.contactus-form .submit-area .btn-sendform:focus,.inquiry-form .submit-area .btn-sendform:focus,.member-login .login-form form .submit-area .btn-sendform:focus,.member-register .register-btn .submit-area .btn-sendform:focus,.member-register-form .register-btn .submit-area .btn-sendform:focus,.order-record .submit-area .btn-sendform:focus,.specs-addtocart-btn:focus,.btn-mini-cart .btn-viewcart:focus,.btn-mini-cart .btn-checkout:focus,.btn-mini-cart .btn-logout:focus,.checkout-lists .btn-process:focus,.inquiry-form .sendform:focus,.btn-close-details:focus,.member-center .btn-members-logout:focus {
	color: #fff
}

.contactus.contactus-form .submit-area .btn-sendform i,.inquiry-form .submit-area .btn-sendform i,.member-login .login-form form .submit-area .btn-sendform i,.member-register .register-btn .submit-area .btn-sendform i,.member-register-form .register-btn .submit-area .btn-sendform i,.order-record .submit-area .btn-sendform i,.specs-addtocart-btn i,.btn-mini-cart .btn-viewcart i,.btn-mini-cart .btn-checkout i,.btn-mini-cart .btn-logout i,.checkout-lists .btn-process i,.inquiry-form .sendform i,.btn-close-details i,.member-center .btn-members-logout i {
	margin-right: 1em
}

.contactus.contactus-form .float-input .changenumber,.inquiry-form-table .changenumber,.member-login .login-form.forgot-password .changenumber,.member-register-form .register-form .register-form-cell .verifynumber-area .changenumber,.item-info-btn,.item-more-btn,.item-addtocart-btn,.item-inquiry-btn,.mini-member-window .member-window-item .btn-member-center,.mini-member-window .member-window-item .btn-member-modify,.mini-member-window .member-window-item .btn-order-record,.page-aboutus-contact .aboutus-contact-btn,.products-category ul li a,.news-item-text .news-more-details,.downloads-lists .table .downloads-link,.awards-item-text .awards-link,.member-login .login-form form .sub-login-btn,.member-login .login-form form .sub-login-btn_pw,.member-register-form .register-form .register-form-cell .sub-login-btn,.btn-order-details,.member-center .btn-members {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 12px;
	border: 1px solid #E7A0A0;
	color: #000000;
	background: transparent;
	position: relative;
	overflow: hidden
}

.contactus.contactus-form .float-input .changenumber:hover,.inquiry-form-table .changenumber:hover,.member-login .login-form.forgot-password .changenumber:hover,.member-register-form .register-form .register-form-cell .verifynumber-area .changenumber:hover,.item-info-btn:hover,.item-more-btn:hover,.item-addtocart-btn:hover,.item-inquiry-btn:hover,.mini-member-window .member-window-item .btn-member-center:hover,.mini-member-window .member-window-item .btn-member-modify:hover,.mini-member-window .member-window-item .btn-order-record:hover,.page-aboutus-contact .aboutus-contact-btn:hover,.products-category ul li a:hover,.news-item-text .news-more-details:hover,.downloads-lists .table .downloads-link:hover,.awards-item-text .awards-link:hover,.member-login .login-form form .sub-login-btn:hover,.member-login .login-form form .sub-login-btn_pw:hover,.member-register-form .register-form .register-form-cell .sub-login-btn:hover,.btn-order-details:hover,.member-center .btn-members:hover {
	background: #E7A0A0;
	color: #fff
}

.contactus.contactus-form .float-input .changenumber:active,.inquiry-form-table .changenumber:active,.member-login .login-form.forgot-password .changenumber:active,.member-register-form .register-form .register-form-cell .verifynumber-area .changenumber:active,.item-info-btn:active,.item-more-btn:active,.item-addtocart-btn:active,.item-inquiry-btn:active,.mini-member-window .member-window-item .btn-member-center:active,.mini-member-window .member-window-item .btn-member-modify:active,.mini-member-window .member-window-item .btn-order-record:active,.page-aboutus-contact .aboutus-contact-btn:active,.products-category ul li a:active,.news-item-text .news-more-details:active,.downloads-lists .table .downloads-link:active,.awards-item-text .awards-link:active,.member-login .login-form form .sub-login-btn:active,.member-login .login-form form .sub-login-btn_pw:active,.member-register-form .register-form .register-form-cell .sub-login-btn:active,.btn-order-details:active,.member-center .btn-members:active {
	background: #0F796C;
	color: #fff
}

.contactus.contactus-form .float-input .changenumber:focus,.inquiry-form-table .changenumber:focus,.member-login .login-form.forgot-password .changenumber:focus,.member-register-form .register-form .register-form-cell .verifynumber-area .changenumber:focus,.item-info-btn:focus,.item-more-btn:focus,.item-addtocart-btn:focus,.item-inquiry-btn:focus,.mini-member-window .member-window-item .btn-member-center:focus,.mini-member-window .member-window-item .btn-member-modify:focus,.mini-member-window .member-window-item .btn-order-record:focus,.page-aboutus-contact .aboutus-contact-btn:focus,.products-category ul li a:focus,.news-item-text .news-more-details:focus,.downloads-lists .table .downloads-link:focus,.awards-item-text .awards-link:focus,.member-login .login-form form .sub-login-btn:focus,.member-login .login-form form .sub-login-btn_pw:focus,.member-register-form .register-form .register-form-cell .sub-login-btn:focus,.btn-order-details:focus,.member-center .btn-members:focus {
	background: #0F796C;
	color: #fff
}

.contactus.contactus-form .float-input .changenumber i,.inquiry-form-table .changenumber i,.member-login .login-form.forgot-password .changenumber i,.member-register-form .register-form .register-form-cell .verifynumber-area .changenumber i,.item-info-btn i,.item-more-btn i,.item-addtocart-btn i,.item-inquiry-btn i,.mini-member-window .member-window-item .btn-member-center i,.mini-member-window .member-window-item .btn-member-modify i,.mini-member-window .member-window-item .btn-order-record i,.page-aboutus-contact .aboutus-contact-btn i,.products-category ul li a i,.news-item-text .news-more-details i,.downloads-lists .table .downloads-link i,.awards-item-text .awards-link i,.member-login .login-form form .sub-login-btn i,.member-login .login-form form .sub-login-btn_pw i,.member-register-form .register-form .register-form-cell .sub-login-btn i,.btn-order-details i,.member-center .btn-members i {
	margin-right: 1em
}

.item-info-btn::before,.item-more-btn::before,.item-addtocart-btn::before,.item-inquiry-btn::before {
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	color: #fff;
	background: #0F796C;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 0;
	width: 100%;
	height: 100%;
	content: attr(data-hover)
}

.item-info-btn:hover,.item-more-btn:hover,.item-addtocart-btn:hover,.item-inquiry-btn:hover,.item-info-btn:active,.item-more-btn:active,.item-addtocart-btn:active,.item-inquiry-btn:active {
	background: none
}

.item-info-btn:hover::before,.item-more-btn:hover::before,.item-addtocart-btn:hover::before,.item-inquiry-btn:hover::before,.item-info-btn:active::before,.item-more-btn:active::before,.item-addtocart-btn:active::before,.item-inquiry-btn:active::before {
	-moz-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0)
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.btn_square-round {
	background: #fff;
	border: 1px solid #ddd;
	font-size: 18px;
	padding: 5px 9px;
	margin-right: 5px
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.btn_square-round i {
	color: #666
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.btn_square-round:hover {
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.btn_square-round:hover i {
	color: #fff
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-facebook.btn_square-round {
	padding: 5px 13px
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-pinterest.btn_square-round {
	padding: 5px 11px
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-facebook.btn_square-round:hover,.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-facebook.btn_square-round:active {
	border: 1px solid #3b5998;
	background: #3b5998
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-googleplus.btn_square-round:hover,.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-googleplus.btn_square-round:active {
	border: 1px solid #dd4b39;
	background: #dd4b39
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-twitter.btn_square-round:hover,.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-twitter.btn_square-round:active {
	border: 1px solid #55acee;
	background: #55acee
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-pinterest.btn_square-round:hover,.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-pinterest.btn_square-round:active {
	border: 1px solid #cc2127;
	background: #cc2127
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-email.btn_square-round:hover,.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-email.btn_square-round:active {
	border: 1px solid #0f9d58;
	background: #0f9d58
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-print.btn_square-round {
	color: #444;
	padding: 7px 9px
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-print.btn_square-round i {
	float: left;
	font-size: 21px;
	margin-right: 5px
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-print.btn_square-round span {
	float: left;
	font-size: 14px
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-print.btn_square-round:hover,.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-print.btn_square-round:active {
	color: #fff;
	border: 1px solid #444;
	background: #444
}

.products-specs .products-specs-lists .specs-lists-buttons ul li a.icon-line.btn_square-round {
	width: 155px;
	border: none;
	padding: 0
}

.home-content-section.contact-sitemap ul.social-links li,.page-content-section.contactus.contact-info .contact-info-datalist .social-links li {
	margin-right: .5em
}

.home-content-section.contact-sitemap ul.social-links li a,.page-content-section.contactus.contact-info .contact-info-datalist .social-links li a {
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	background: transparent;
	border: 1px solid #eee;
	font-size: 14px;
	padding: 5px 9px
}

.home-content-section.contact-sitemap ul.social-links li a i,.page-content-section.contactus.contact-info .contact-info-datalist .social-links li a i {
	color: #eee
}

.home-content-section.contact-sitemap ul.social-links li:first-child a,.page-content-section.contactus.contact-info .contact-info-datalist .social-links li:first-child a {
	padding: 5px 11px
}

.home-content-section.contact-sitemap ul.social-links li:hover a,.page-content-section.contactus.contact-info .contact-info-datalist .social-links li:hover a {
	border: 1px solid #0F796C;
	background: #0F796C
}

.home-content-section.contact-sitemap ul.social-links li:hover a i,.page-content-section.contactus.contact-info .contact-info-datalist .social-links li:hover a i {
	color: #eee
}

.contactus.contactus-form .submit-area,.inquiry-form .submit-area,.member-login .login-form form .submit-area,.member-register .register-btn .submit-area,.member-register-form .register-btn .submit-area,.order-record .submit-area {
	text-align: center
}

.contactus.contactus-form .submit-area .btn-sendform,.inquiry-form .submit-area .btn-sendform,.member-login .login-form form .submit-area .btn-sendform,.member-register .register-btn .submit-area .btn-sendform,.member-register-form .register-btn .submit-area .btn-sendform,.order-record .submit-area .btn-sendform {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: none;
	padding: 12px 25px
}

.contactus.contactus-form .submit-area .btn-sendform i,.inquiry-form .submit-area .btn-sendform i,.member-login .login-form form .submit-area .btn-sendform i,.member-register .register-btn .submit-area .btn-sendform i,.member-register-form .register-btn .submit-area .btn-sendform i,.order-record .submit-area .btn-sendform i {
	margin-right: 1em
}

.contactus.contactus-form .submit-area .btn-sendform span,.inquiry-form .submit-area .btn-sendform span,.member-login .login-form form .submit-area .btn-sendform span,.member-register .register-btn .submit-area .btn-sendform span,.member-register-form .register-btn .submit-area .btn-sendform span,.order-record .submit-area .btn-sendform span {
	font-size: 16px;
	letter-spacing: 1px
}

.member-register-form .submit-area .btn-sendform.btn-cancel {
	background: #666
}

.member-register-form .submit-area .btn-sendform.btn-cancel:hover {
	background: #444
}

.member-register-form .submit-area .btn-sendform.btn-cancel:active {
	background: #222
}

.member-register-form .submit-area .btn-sendform.btn-back,.order-record .submit-area .btn-sendform.btn-back {
	padding: 12px 16px;
	background: none;
	color: #666;
	border: 1px solid #666
}

.member-register-form .submit-area .btn-sendform.btn-back:hover,.order-record .submit-area .btn-sendform.btn-back:hover {
	background: #eee;
	color: #444;
	border: 1px solid #444
}

.member-register-form .submit-area .btn-sendform.btn-back:active,.order-record .submit-area .btn-sendform.btn-back:active,.member-register-form .submit-area .btn-sendform.btn-back:focus,.order-record .submit-area .btn-sendform.btn-back:focus {
	background: #ddd;
	color: #222;
	border: 1px solid #222
}


.item-info-btn {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 24px
}

.item-info-btn span {
	-webkit-transition: transform,0.3s;
	-o-transition: transform,0.3s;
	transition: transform,0.3s;
	text-align: center;
	vertical-align: 4px
}

.item-info-btn i {
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	position: absolute;
	font-size: 18px;
	width: 20px;
	right: 30px;
	top: 0;
	line-height: 30px;
	text-align: right;
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15);
	-moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15);
	-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.item-info-btn:hover span {
	-moz-transform: translateX(-12px);
	-ms-transform: translateX(-12px);
	-webkit-transform: translateX(-12px);
	transform: translateX(-12px)
}

.item-info-btn:hover i {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	right: 0;
	opacity: 1
}

.item-more-btn,.item-addtocart-btn,.item-inquiry-btn {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 8px;
	margin-right: 3px;
	border: 1px solid #444;
	color: #444
}

.item-more-btn::before,.item-addtocart-btn::before,.item-inquiry-btn::before {
	background: #222
}

.item-more-btn:hover,.item-addtocart-btn:hover,.item-inquiry-btn:hover {
	background: #444
}

.item-more-btn:active,.item-addtocart-btn:active,.item-inquiry-btn:active {
	background: #222
}

.item-inquiry-btn i {
	margin-right: 0
}

.item-inquiry-btn.active {
	background: #444;
	color: #fff;
	display: none
}

.item-info-btn i {
	margin-right: .5em
}

.specs-addtocart-btn {
	margin-right: 3px
}

.news-pagination .pagination>.active>a,.news-pagination .pagination>.active>a:hover,.news-pagination .pagination>.active>a:focus,.news-pagination .pagination>.active>span,.news-pagination .pagination>.active>span:hover,.news-pagination .pagination>.active>span:focus,.downloads-pagination .pagination>.active>a,.downloads-pagination .pagination>.active>a:hover,.downloads-pagination .pagination>.active>a:focus,.downloads-pagination .pagination>.active>span,.downloads-pagination .pagination>.active>span:hover,.downloads-pagination .pagination>.active>span:focus {
	background: #E7A0A0;
	border-color: #E7A0A0;
	color: #fff
}

.news-pagination .pagination>li>a,.news-pagination .pagination>li>span,.downloads-pagination .pagination>li>a,.downloads-pagination .pagination>li>span {
	color: #000000
}

#back-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: block;
	z-index: 9999999999
}

#back-top a {
	display: block;
	font-size: 3.5em;
	text-align: center;
	text-decoration: none
}

#back-top a i {
	display: block;
	color: #0F796C;
	opacity: .7
}

#back-top a:hover i {
	color: #001527;
	opacity: .8
}

#back-top a:active i {
	color: #001527;
	opacity: 1
}

@media screen and (min-width: 768px) {
	.home-content-section.hotnews a.news-link {
		margin-bottom: 0
	}
}

.home-content-section.hotnews a.news-link .news-img {
	margin: 0 auto 15px auto
}

.home-content-section.hotnews a.news-link .news-txtblock {
	width: 90%;
	margin: 0 auto
}

.home-content-section.hotnews a.news-link .news-txtblock h6 {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee
}

.home-content-section.hotnews a.news-link .news-txtblock p {
	max-height: 145px;
	overflow: hidden;
	color: #666;
	font-size: 0.9rem;
	text-align: justify
}

@media screen and (min-width: 768px) {
	.home-content-section.hotnews a.news-link .news-txtblock p {
		text-align: left
	}
}

.home-content-section.hotnews a.news-link .news-txtblock p.news-date {
	color: #006ae2;
	font-weight: 400;
	margin-bottom: 5px;
	text-align: center
}

.home-content-section.hotnews a.news-link .news-more {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 20px;
	font-size: .9rem;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000000;
	border: 1px solid #E7A0A0;
	background: transparent
}

.home-content-section.hotnews a.news-link:hover,.home-content-section.hotnews a.news-link:active,.home-content-section.hotnews a.news-link:focus {
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1)
}

.home-content-section.hotnews a.news-link:hover {
	border-color: #ddd;
	margin-top: -5px
}

.home-content-section.hotnews a.news-link:hover .news-txtblock p {
	color: #444
}

.home-content-section.hotnews a.news-link:hover .news-more {
	color: #fff;
	background: #0F796C;
	border-color: #0F796C
}

.home-content-section.hotnews a.news-link:active {
	margin-top: -2px
}

.home-content-section.hotnews a.news-link:active .news-txtblock p {
	color: #222
}

.home-content-section.hotnews a.news-link:active .news-more {
	color: #fff;
	background: #001527;
	border-color: #001527
}

.home-content-section.contact-map .google-maps {
	min-height: 300px
}

.home-content-section.contact-sitemap {
	background: #E7A0A0
}

.home-content-section.contact-sitemap .contact-sitemap-info {
	text-align: left;
	margin-bottom: 20px
}

@media screen and (min-width: 991px) {
	.home-content-section.contact-sitemap .contact-sitemap-info {
		margin-bottom: 0
	}
}

.home-content-section.contact-sitemap .contact-sitemap-info h6 {
	color: #eee;
	padding-bottom: 15px;
	border-bottom: 1px solid #2E6DA1;
	margin-bottom: 20px
}

.home-content-section.contact-sitemap .contact-sitemap-info p {
	color: #eee;
	font-size: 14px;
	text-align: left
}

.home-content-section.contact-sitemap ul.contact-details {
	margin-bottom: 20px
}

.home-content-section.contact-sitemap ul.contact-details li {
	color: #E6FFFC;
	margin-bottom: 10px
}

@media screen and (min-width: 768px) {
	.home-content-section.contact-sitemap ul.contact-details li {
		margin-bottom: 0
	}
}

.home-content-section.contact-sitemap ul.contact-details li i,.home-content-section.contact-sitemap ul.contact-details li p {
	font-size: 14px
}

.home-content-section.contact-sitemap ul.contact-details li i {
	width: 18px;
	margin-top: 4px;
	color: #E6FFFC
}

.home-content-section.contact-sitemap ul.contact-details li i.fa-map-marker,.home-content-section.contact-sitemap ul.contact-details li i.fa-mobile {
	padding-left: 3px
}

.home-content-section.contact-sitemap ul.contact-details li i.fa-phone {
	font-size: 15px
}

.home-content-section.contact-sitemap ul.contact-details li i.fa-mobile {
	font-size: 18px;
	margin-right: 7px
}

.home-content-section.contact-sitemap ul.contact-details li p {
	margin-bottom: 0;
	color: #E6FFFC
}

.home-content-section.contact-sitemap ul.contact-details li a {
	color: #E6FFFC;
	font-size: 14px;
	text-align: left
}

.home-content-section.contact-sitemap ul.contact-details li a:hover {
	color: #fff
}

.home-content-section.contact-sitemap ul.contact-details li a:active {
	color: #eee
}

@media screen and (min-width: 991px) {
	.home-content-section.contact-sitemap .fb-area {
		float: right;
		padding: 0;
		margin-right: -15px
	}
}

.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb {
	width: 230px;
	margin-top: 10px;
	overflow: auto
}

@media screen and (min-width: 360px) {
	.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb {
		width: 260px
	}
}

@media screen and (min-width: 400px) {
	.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb {
		width: 280px
	}
}

@media screen and (min-width: 480px) {
	.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb {
		width: 360px
	}
}

@media screen and (min-width: 540px) {
	.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb {
		width: 420px
	}
}

@media screen and (min-width: 640px) {
	.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb {
		width: auto
	}
}

.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb .fb-page {
	max-width: 500px !important
}

.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb iframe {
	height: auto;
	min-height: 260px
}

.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb iframe span,.home-content-section.contact-sitemap .fb-area .contact-sitemap-fb iframe a {
	color: #fff !important
}

.page-aboutus {
	margin: 0
}

.page-aboutus:nth-child(even) {
	background: #f3f3f3
}

.page-aboutus:first-child {
	margin: 30px 0
}

.page-aboutus:last-child {
	margin-bottom: 30px
}

@media screen and (min-width: 991px) {
	.page-aboutus:nth-child(odd) .aboutus-company-img {
		float: right
	}
}

.page-aboutus-contact {
	margin-top: 30px;
	text-align: center
}

.page-aboutus-contact .aboutus-contact-info {
	font-size: 18px;
	font-style: oblique;
	padding-bottom: 0;
	margin-bottom: 15px;
	letter-spacing: 1px;
	text-align: center
}

.page-aboutus-contact .aboutus-contact-info span:before,.page-aboutus-contact .aboutus-contact-info span:after {
	display: none
}

@media screen and (min-width: 480px) {
	.page-aboutus-contact .aboutus-contact-info span:before,.page-aboutus-contact .aboutus-contact-info span:after {
		display: block;
		width: 4em
	}
}

@media screen and (min-width: 768px) {
	.page-aboutus-contact .aboutus-contact-info span:before,.page-aboutus-contact .aboutus-contact-info span:after {
		width: 8em
	}
}

@media screen and (min-width: 991px) {
	.page-aboutus-contact .aboutus-contact-info span:before,.page-aboutus-contact .aboutus-contact-info span:after {
		width: 10em
	}
}

@media screen and (min-width: 1199px) {
	.page-aboutus-contact .aboutus-contact-info span:before,.page-aboutus-contact .aboutus-contact-info span:after {
		width: 12em
	}
}

.page-aboutus-contact .aboutus-contact-btn {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #E7A0A0;
	color: #000000;
	padding: 10px 25px
}

.page-aboutus-contact .aboutus-contact-btn:hover {
	border: 1px solid #E7A0A0
}

.page-aboutus-contact .aboutus-contact-btn:active {
	border: 1px solid #0F796C
}

.aboutus-slogan {
	text-align: center;
	margin: 0 auto;
	float: none
}

.aboutus-slogan>h2 {
	font-style: oblique;
	margin-bottom: 20px;
	color: #000000
}

.aboutus-slogan>h2:hover {
	color: #0F796C
}

.aboutus-slogan>h2 span:before,.aboutus-slogan>h2 span:after {
	width: 2em
}

@media screen and (min-width: 480px) {
	.aboutus-slogan>h2 span:before,.aboutus-slogan>h2 span:after {
		width: 4em
	}
}

@media screen and (min-width: 768px) {
	.aboutus-slogan>h2 span:before,.aboutus-slogan>h2 span:after {
		width: 8em
	}
}

@media screen and (min-width: 991px) {
	.aboutus-slogan>h2 span:before,.aboutus-slogan>h2 span:after {
		width: 10em
	}
}

@media screen and (min-width: 1199px) {
	.aboutus-slogan>h2 span:before,.aboutus-slogan>h2 span:after {
		width: 12em
	}
}

.aboutus-slogan>p {
	text-align: center
}

.aboutus-company-img {
	text-align: center
}

.aboutus-company-intro {
	padding: 30px 15px
}

.aboutus-company-intro>h4 {
	margin-bottom: 20px
}

.products-category ul {
	margin: 15px 0;
	text-align: center
}

.products-category ul li {
	margin: 5px;
	line-height: 2.5em
}

.products-category ul li a {
	font-size: 15px
}

.products-category ul li:last-child {
	margin-right: 0
}

.products-category ul li.active>a {
	background: #E7A0A0;
	color: #fff;
	font-weight: bold
}

.products-category .products-category-menu {
	background: #f5f5f5;
	margin-bottom: 20px
}

.products-category .products-category-items {
	margin-bottom: 30px;
	padding: 0
}

@media screen and (min-width: 640px) {
	.products-category .products-category-items {
		max-width: 90% !important;
		padding-left: 15px;
		padding-right: 15px
	}
}

.category-item {
	margin: 20px 0
}

@media screen and (min-width: 640px) {
	.category-item {
		width: 50%;
		float: left
	}
}

@media screen and (min-width: 991px) {
	.category-item {
		width: 33.3333333333%
	}
}

.category-item .category-item-inner {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 15px 15px 35px 15px;
	border: 1px solid #fff
}

.category-item .category-item-inner:hover {
	border: 1px solid #e5e5e5
}

.category-item .category-item-photo {
	text-align: center
}

.category-item .category-item-photo>a {
	position: relative;
	overflow: hidden
}

.category-item .category-item-photo>a img {
max-height:200px;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}




.category-item .category-item-photo>a .item-photo-hover {
	position: absolute;
	overflow: hidden;
	background: rgba(0,62,115,0.8);
	opacity: 0;
	z-index: 1
}

.category-item .category-item-photo>a .item-photo-hover h5 {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	color: #fff;
	font-weight: normal;
	letter-spacing: 3px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -55px
}

.category-item .category-item-photo>a .item-photo-hover h5::after {
	-moz-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	height: 1px;
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	margin-top: 10px;
	opacity: 0
}

.category-item .category-item-photo>a .item-photo-hover h5 i {
	margin-right: 6px
}

.category-item .category-item-photo>a .item-photo-hover::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	border: 1px solid #77D6FF;
	background: rgba(0,47,87,0.6);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
	transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%
}

.category-item .category-item-photo>a:hover img {
	-moz-transform: scale(1.13);
	-ms-transform: scale(1.13);
	-webkit-transform: scale(1.13);
	transform: scale(1.13);
	opacity: .8
}

.category-item .category-item-photo>a:hover .item-photo-hover {
	opacity: 1
}

.category-item .category-item-photo>a:hover .item-photo-hover::before {
	opacity: 1;
	-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
	transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}

.category-item .category-item-photo>a:hover .item-photo-hover h5::after {
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.category-item .category-item-photo>a:active .item-photo-hover h5 {
	margin-top: -8px
}

.category-item .category-item-info {
	max-width: 640px;
	padding: 0 15px;
	margin: 0 auto
}

.category-item .category-item-info .item-info-title {
	color: #333;
	padding: 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd
}

.category-item .category-item-info .item-info-intro {
	margin-bottom: 20px;
	line-height: 1.6em
}

.category-item .category-item-info .item-info-price {
	margin-bottom: 20px
}

.category-item .category-item-info .item-info-price del {
	color: #bbb;
	margin-right: 5px
}

.category-item .category-item-info .item-info-price ins {
	font-size: 1rem;
	font-weight: 500;
	color: #000000
}

.category-item .category-item-info .item-more-btn {
	margin-right: 3px
}

.section-title-group .search-keywords,.section-title-group .search-keywords-numbers {
	padding: 0 8px;
	font-weight: bold
}

.section-title-group .search-keywords {
	color: #000000
}

.section-title-group .search-keywords-numbers {
	color: #d50000
}

.products-content {
	margin: 30px 0
}

.relproducts-carousel {
	margin-bottom: 40px
}

.products-gallery .slides {
	position: relative
}

.products-gallery .slides .icon-magnifier {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 9
}

.products-gallery .slides .icon-magnifier i {
	font-size: 28px;
	color: rgba(0,0,0,0.4)
}

.products-specs {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 30px
}

@media screen and (min-width: 991px) {
	.products-specs {
		border-bottom: none
	}
}

.products-specs .products-specs-lists {
	padding-left: 0
}

@media screen and (min-width: 991px) {
	.products-specs .products-specs-lists {
		padding-left: 20px
	}
}

.products-specs .products-specs-lists h2 {
	padding-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd
}

.products-specs .products-specs-lists h2 span {
	font-size: 14px;
	font-weight: normal;
	color: #999
}

.products-specs .products-specs-lists .specs-lists-price {
	margin: 15px 0 20px 0
}

.products-specs .products-specs-lists .specs-lists-price del {
	color: #bbb;
	font-size: 14px;
	font-weight: normal
}

.products-specs .products-specs-lists .specs-lists-price ins {
	color: #000000;
	font-size: 20px;
	font-weight: 500
}

.products-specs .products-specs-lists .specs-lists-buttons {
	margin: 15px 0
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-addtocart-btn {
	margin-right: 15px
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-addtocart-btn.disabled {
	background: #333;
	cursor: default
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-addtocart-btn.disabled:active {
	top: 0
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-options {
	padding: 5px;
	margin: 0 5px 10px 0
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-options option {
	padding: 5px
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-quantity {
	margin-top: 20px
}

@media screen and (min-width: 400px) {
	.products-specs .products-specs-lists .specs-lists-buttons .specs-quantity {
		width: 150px;
		margin-top: 0
	}
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-quantity .calculate {
	width: 30px;
	height: 36px
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-quantity .text_box {
	width: 40px;
	height: 36px;
	text-align: center
}

.products-specs .products-specs-lists .specs-lists-buttons .specs-quantity .quantity-remain {
	margin-left: 10px;
	font-size: 16px;
	color: #000000
}

.products-specs .products-specs-lists .specs-lists-buttons ul li {
	margin-bottom: 15px
}

.products-specs .products-specs-lists .specs-lists-buttons ul li:last-child img {
	height: 40px !important
}

.products-specs .products-specs-lists .specs-lists-buttons ul li .tooltip>.tooltip-inner {
	font-size: 14px;
	padding: 8px 15px
}

.products-intro {
	margin: 30px 0
}

.products-intro ul.nav-tabs li {
	width: 100%
}

@media screen and (min-width: 540px) {
	.products-intro ul.nav-tabs li {
		width: auto
	}
}

.products-intro ul.nav-tabs li>a {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #333;
	font-size: 16px;
	padding: 10px 16px
}

.products-intro ul.nav-tabs li.active>a {
	background: #E7A0A0;
	color: #fff
}

@media screen and (min-width: 540px) {
	.products-intro ul.nav-tabs li.active>a {
		background: #fff;
		color: #000000;
		border-top: 2px solid #E7A0A0;
		padding: 10px 20px
	}
}

.products-intro .tab-content>.tab-pane {
	padding: 30px 15px
}

.products-intro .tab-content>.tab-pane .tab-pane-row {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc
}

@media screen and (min-width: 991px) {
	.products-intro .tab-content>.tab-pane .tab-pane-row {
		padding-bottom: 25px;
		margin-bottom: 25px
	}

	.products-intro .tab-content>.tab-pane .tab-pane-row:nth-child(even) .tab-pane-text {
		float: right
	}
}

.products-intro .tab-content>.tab-pane .tab-pane-text {
	display: table;
	margin-bottom: 20px;
	padding: 0
}

@media screen and (min-width: 991px) {
	.products-intro .tab-content>.tab-pane .tab-pane-text {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0
	}
}

.products-intro .tab-content>.tab-pane .tab-pane-text .tab-pane-text-wrapper {
	display: table-cell;
	vertical-align: middle
}

.products-intro .tab-content>.tab-pane .tab-pane-text h2 {
	margin: 0 0 25px 0
}

.products-intro .tab-content>.tab-pane .tab-pane-img {
	text-align: center;
	padding: 0
}

@media screen and (min-width: 991px) {
	.products-intro .tab-content>.tab-pane .tab-pane-img {
		padding-left: 15px;
		padding-right: 15px
	}
}

.products-intro .tab-content>.tab-pane .tab-pane-specs ul li {
	font-size: 16px;
	list-style-type: disc;
	list-style-position: inside
}

.products-intro .tab-content>.tab-pane .tab-pane-specs table {
	margin: 15px 0
}

.products-intro .tab-content>.tab-pane .tab-pane-specs table td.specs-title {
	width: 160px
}

.products-intro .tab-content>.tab-pane .tab-pane-specs .table>tbody>tr>td {
	padding: 15px
}

.products-intro .tab-content>.tab-pane .tab-pane-specs-wrapper {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc
}

.products-intro .tab-content>.tab-pane .tab-pane-specs-wrapper:last-child {
	border-bottom: none
}

.title-process {
	color: #000000;
	margin-bottom: 20px
}

.title-process.steps {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #eee;
	margin-bottom: 30px;
	overflow: hidden
}

.title-process span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	background: #E7A0A0;
	font-size: 16px;
	padding: 4px 11px;
	margin-right: 15px
}

.title-process .shopping-step-group {
	overflow: hidden
}

.title-process .shopping-step {
	background: #eee;
	position: relative;
	padding: 10px 30px 10px 10px;
	font-size: 16px;
	font-weight: bold
}

@media screen and (min-width: 1024px) {
	.title-process .shopping-step:after {
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 46px;
		height: 46px;
		display: block;
		content: '';
		background: #eee;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		position: absolute;
		right: -23px;
		top: 2px;
		z-index: 99
	}

	.title-process .shopping-step.active:after {
		background: #E7A0A0;
		border-color: #0F796C
	}
}

@media screen and (min-width: 1024px) {
	.title-process .shopping-step {
		width: auto
	}
}

.title-process .shopping-step.active {
	background: #E7A0A0;
	color: #fff
}

.title-process .shopping-step.active span {
	background: #fff;
	color: #000000
}

.title-process .shopping-step.step1 {
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
	padding-left: 25px
}

@media screen and (min-width: 1024px) {
	.title-process .shopping-step.step1 {
		-moz-border-radius-topright: 0;
		-webkit-border-top-right-radius: 0;
		border-top-right-radius: 0;
		-moz-border-radius-bottomleft: 25px;
		-webkit-border-bottom-left-radius: 25px;
		border-bottom-left-radius: 25px;
		padding-left: 35px
	}
}

@media screen and (min-width: 1280px) {
	.title-process .shopping-step.step1 {
		padding-left: 120px
	}
}

.title-process .shopping-step.step2,.title-process .shopping-step.step3,.title-process .shopping-step.step4 {
	padding-left: 25px;
	padding-right: 10px
}

@media screen and (min-width: 1024px) {
	.title-process .shopping-step.step2,.title-process .shopping-step.step3,.title-process .shopping-step.step4 {
		padding-left: 50px;
		padding-right: 30px
	}
}

.title-process .shopping-step.step4:after {
	display: none
}

.checkout-lists {
	margin: 30px 0
}

.checkout-lists .checkout-form {
	overflow-x: auto
}

.checkout-lists .cartlists-table {
	font-size: 16px;
	line-height: 24px;
	border-top: 6px solid #E7A0A0
}

.checkout-lists .cartlists-table tr {
	border-bottom: 1px solid #ddd
}

.checkout-lists .cartlists-table th,.checkout-lists .cartlists-table td {
	padding: 10px;
	text-align: center
}

.checkout-lists .cartlists-table th.p-img,.checkout-lists .cartlists-table td.p-img {
	display: none
}

@media screen and (min-width: 991px) {
	.checkout-lists .cartlists-table th.p-img,.checkout-lists .cartlists-table td.p-img {
		display: table-cell;
		text-align: center
	}
}

.checkout-lists .cartlists-table th {
	font-weight: bold;
	color: #fff;
	background: #555
}

.checkout-lists .cartlists-table td.p-remove,.checkout-lists .cartlists-table td.p-price,.checkout-lists .cartlists-table td.p-total {
	background: #f7f7f7
}

.checkout-lists .cartlists-table td.p-name,.checkout-lists .cartlists-table td.p-quantity {
	background: #fff
}

@media screen and (min-width: 991px) {
	.checkout-lists .cartlists-table td.p-remove,.checkout-lists .cartlists-table td.p-name,.checkout-lists .cartlists-table td.p-quantity {
		background: #f7f7f7
	}

	.checkout-lists .cartlists-table td.p-img,.checkout-lists .cartlists-table td.p-price,.checkout-lists .cartlists-table td.p-total {
		background: #fff
	}
}

.checkout-lists .cartlists-table td.p-remove {
	width: 55px
}

.checkout-lists .cartlists-table td.p-remove>a>i {
	font-size: 20px
}

.checkout-lists .cartlists-table td.p-img {
	width: 100px
}

.checkout-lists .cartlists-table td.p-name {
	font-weight: bold;
	font-size: 14px
}

.checkout-lists .cartlists-table td.p-name a {
	color: #666
}

.checkout-lists .cartlists-table td.p-name a:hover {
	color: #444
}

.checkout-lists .cartlists-table td.p-name a:active {
	color: #222
}

.checkout-lists .cartlists-table td.p-price {
	width: 125px
}

.checkout-lists .cartlists-table td.p-price del {
	color: #bbb;
	font-size: 12px
}

.checkout-lists .cartlists-table td.p-price ins {
	color: #000000;
	font-size: 16px;
	font-weight: 500
}

.checkout-lists .cartlists-table td.p-quantity {
	width: 105px
}

.checkout-lists .cartlists-table td.p-quantity .text_box {
	width: 30px;
	text-align: center
}

.checkout-lists .cartlists-table td.p-total {
	width: 130px;
	font-weight: bold;
	color: #222
}

.checkout-lists .cartlists-table>tbody>tr {
	height: auto !important
}

.checkout-lists .confirm-form {
	border-top: 6px solid #E7A0A0;
	border-bottom: 1px solid #ddd;
	padding: 15px 0
}

.checkout-lists .confirm-form .order-data,.checkout-lists .confirm-form .confirm-data {
	padding: 15px
}

.checkout-lists .confirm-form .order-data label,.checkout-lists .confirm-form .order-data input,.checkout-lists .confirm-form .order-data .data-sex,.checkout-lists .confirm-form .confirm-data label,.checkout-lists .confirm-form .confirm-data input,.checkout-lists .confirm-form .confirm-data .data-sex {
	font-size: 16px;
	line-height: 24px
}

.checkout-lists .confirm-form .order-data>label,.checkout-lists .confirm-form .confirm-data>label {
	width: 100px;
	font-weight: normal
}

@media screen and (min-width: 768px) {
	.checkout-lists .confirm-form .order-data>label,.checkout-lists .confirm-form .confirm-data>label {
		padding-top: 10px
	}
}

.checkout-lists .confirm-form .order-data>input, .order-data>textarea, .checkout-lists .confirm-form .confirm-data>input {
	border: 1px solid #ddd;
	background: #f5f5f5;
	padding: 10px
}

@media screen and (min-width: 768px) {
	.checkout-lists .confirm-form .order-data>input, .order-data>textarea, .checkout-lists .confirm-form .confirm-data>input {
		width: 50%
	}
}


.checkout-lists .confirm-form .order-data>input:focus,.checkout-lists .confirm-form .confirm-data>input:focus {
	border: 1px solid #E7A0A0;
	background: #fff
}

.checkout-lists .confirm-form .order-data > input[type=radio], .checkout-lists .confirm-form .confirm-data > input[type=radio] {
	width: 30px
}

@media screen and (min-width: 768px) {
	.checkout-lists .confirm-form .order-data > input[type=radio], .checkout-lists .confirm-form .confirm-data > input[type=radio] {
		width: 60px
	}
}

.checkout-lists .confirm-form .order-data .delivery-time,.checkout-lists .confirm-form .confirm-data .delivery-time {
	border: 1px solid #ddd;
	font-size: 16px;
	padding: 10px
}

@media screen and (min-width: 768px) {
	.checkout-lists .confirm-form .order-data .delivery-time,.checkout-lists .confirm-form .confirm-data .delivery-time {
		width: 50%
	}
}

.checkout-lists .confirm-form .order-data .payment-icon,.checkout-lists .confirm-form .confirm-data .payment-icon {
	width: 100px
}

.checkout-lists .confirm-form .order-data .radio-label,.checkout-lists .confirm-form .confirm-data .radio-label {
	width: auto;
	padding-top: 0;
	margin-right: 15px;
	cursor: pointer
}

.checkout-lists .confirm-form .order-data .radio-label-info,.checkout-lists .confirm-form .confirm-data .radio-label-info {
	width: 90%;
	padding-left: 30px;
	padding-bottom: 20px;
	color: #1e82d6;
	border-bottom: 1px dashed #ddd
}

@media screen and (min-width: 768px) {
	.checkout-lists .confirm-form .order-data .radio-label-info,.checkout-lists .confirm-form .confirm-data .radio-label-info {
		padding-left: 60px
	}
}

.checkout-lists .confirm-form .order-data .required,.checkout-lists .confirm-form .confirm-data .required {
	color: #f00;
	margin-right: 5px
}

.checkout-lists .confirm-form .order-data .data-sex,.checkout-lists .confirm-form .confirm-data .data-sex {
	margin-left: 0;
	margin-top: 10px
}

.checkout-lists .confirm-form .order-data .data-sex>label,.checkout-lists .confirm-form .confirm-data .data-sex>label {
	width: 60px
}

.checkout-lists .confirm-form .order-data .data-sex>label>input,.checkout-lists .confirm-form .confirm-data .data-sex>label>input {
	margin-right: 5px
}

@media screen and (min-width: 768px) {
	.checkout-lists .confirm-form .order-data .data-sex,.checkout-lists .confirm-form .confirm-data .data-sex {
		margin-left: 15px;
		margin-top: 0;
		padding-top: 10px
	}
}

.checkout-lists .confirm-form .order-data .credit {
	border: 1px solid #ddd;
	font-size: 16px;
	padding: 0 10px;
	margin-top: 10px
}

@media screen and (min-width: 400px) {
	.checkout-lists .confirm-form .order-data .credit {
		margin-top: 0
	}
}

.checkout-lists .confirm-form .order-data:last-child>.radio-label-info {
	border: none;
	padding-bottom: 0
}

.checkout-lists .confirm-form .confirm-data {
	color: #333
}

.checkout-lists .confirm-form .confirm-data label {
	width: 100%
}

@media screen and (min-width: 768px) {
	.checkout-lists .confirm-form .confirm-data label {
		width: 100px
	}
}

.checkout-lists .confirm-form .confirm-data .confirm-info {
	font-size: 16px;
	width: 100%
}

@media screen and (min-width: 768px) {
	.checkout-lists .confirm-form .confirm-data .confirm-info {
		width: 50%
	}
}

.checkout-lists .btn-process {
	padding: 10px 25px;
	font-weight: bold
}

.checkout-lists .btn-prev {
	background: #666
}

.checkout-lists .btn-prev:hover {
	background: #444
}

.checkout-lists .btn-prev:active {
	background: #222
}

@media screen and (min-width: 768px) {
	.confirm .confirm-form .order-data>label,.confirm .confirm-form .confirm-data>label {
		padding-top: 0
	}
}

.complete .title-order-number {
	background: #f5f5f5;
	margin-bottom: 25px;
	padding: 10px 0 10px 35px
}

.complete .order-message {
	margin-bottom: 50px;
	padding-left: 35px
}

.complete .order-message span {
	color: #000000;
	margin: 0 5px
}

.complete .confirm-form {
	border: none
}

.complete .btn-process:last-child {
	margin-right: 10px
}

@media screen and (min-width: 768px) {
	.complete .confirm-form .order-data>label,.complete .confirm-form .confirm-data>label {
		padding-top: 0
	}
}

.news-lists {
	margin: 30px 0
}

.news-lists .news-item-text-wrapper {
	display: block !important;
	max-width: 640px !important
}

.news-pagination {
	text-align: center
}

.news-item {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc
}

.news-item-img {
	margin-bottom: 15px;
	text-align: center
}

.news-item-text {
	text-align: center
}

@media screen and (min-width: 991px) {
	.news-item-text {
		display: table;
		vertical-align: middle
	}
}

.news-item-text .news-item-text-wrapper {
	max-width: 640px;
	float: none;
	margin: 0 auto;
	text-align: left
}

@media screen and (min-width: 991px) {
	.news-item-text .news-item-text-wrapper {
		display: table-cell;
		vertical-align: middle;
		max-width: none
	}
}

.news-item-text h5 {
	color: #000000
}

.news-item-text .date {
	padding-left: 2px
}

.news-item-text .news-content {
	margin-top: 20px;
	margin-bottom: 25px
}

.news-item-text .news-more-details {
	padding: 5px 20px
}

.news-item.details {
	border: none
}

.news-item.details .news-item-img {
	margin-bottom: 30px
}

.news-item.details .news-item-img>img {
	max-width: 640px
}

.news-item.details .news-item-text .news-content {
	padding-bottom: 25px;
	border-bottom: 1px dashed #ccc
}

.news-pagination .pagination>li>a {
	padding: 6px 12px
}

.contactus.contactus-form {
	margin: 0 0 30px 0
}

.contactus.contactus-form>.container {
	padding-bottom: 30px;
	border-bottom: 1px solid #E7A0A0
}

.contactus.contactus-form #contact-form {
	float: none;
	margin: 0 auto;
	padding: 30px 0 0;
	border-top: 1px dashed #ccc
}

.contactus.contactus-form .text-fields {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc
}

.contactus.contactus-form .float-input {
	margin-bottom: 15px;
	position: relative
}

.contactus.contactus-form .float-input input,.contactus.contactus-form .float-input textarea {
	width: 79.73856%;
	margin-left: 50px
}

@media screen and (min-width: 360px) {
	.contactus.contactus-form .float-input input,.contactus.contactus-form .float-input textarea {
		width: 85.00654%
	}
}

@media screen and (min-width: 480px) {
	.contactus.contactus-form .float-input input,.contactus.contactus-form .float-input textarea {
		width: 85.00654%
	}
}

@media screen and (min-width: 640px) {
	.contactus.contactus-form .float-input input,.contactus.contactus-form .float-input textarea {
		width: 90.00654%
	}
}

@media screen and (min-width: 768px) {
	.contactus.contactus-form .float-input input,.contactus.contactus-form .float-input textarea {
		width: 92.00654%
	}
}

@media screen and (min-width: 1199px) {
	.contactus.contactus-form .float-input input,.contactus.contactus-form .float-input textarea {
		width: 95.00654%
	}
}

.contactus.contactus-form .float-input input[type=text]:focus + span i, .contactus.contactus-form .float-input input[type=email]:focus + span i, .contactus.contactus-form .float-input input[type=tel]:focus + span i, .contactus.contactus-form .float-input textarea:focus + span i {
	color: #000000
}

.contactus.contactus-form .float-input input#verifynumber {
	width: 15.03268%;
	min-width: 75px;
	margin-right: .5em
}

.contactus.contactus-form .float-input textarea {
	height: 100px
}

.contactus.contactus-form .float-input span {
	width: 15.03268%;
	height: 40px;
	margin-right: 1.96078%;
	text-align: center;
	position: absolute;
	left: 0
}

@media screen and (min-width: 360px) {
	.contactus.contactus-form .float-input span {
		width: 13.03268%
	}
}

@media screen and (min-width: 480px) {
	.contactus.contactus-form .float-input span {
		width: 13.03268%
	}
}

@media screen and (min-width: 640px) {
	.contactus.contactus-form .float-input span {
		width: 8.03268%
	}
}

@media screen and (min-width: 768px) {
	.contactus.contactus-form .float-input span {
		width: 6.03268%
	}
}

@media screen and (min-width: 1199px) {
	.contactus.contactus-form .float-input span {
		width: 4.03268%;
		margin-right: 10px
	}
}

.contactus.contactus-form .float-input span i {
	position: absolute;
	top: 13px;
	left: 13px;
	font-size: 18px
}

.contactus.contactus-form .float-input span i.fa-mobile {
	font-size: 26px;
	top: 10px;
	left: 14px
}

.contactus.contactus-form .float-input:last-child span {
	width: 18.53268%
}

@media screen and (min-width: 360px) {
	.contactus.contactus-form .float-input:last-child span {
		width: 13.03268%
	}
}

@media screen and (min-width: 480px) {
	.contactus.contactus-form .float-input:last-child span {
		width: 13.03268%
	}
}

@media screen and (min-width: 640px) {
	.contactus.contactus-form .float-input:last-child span {
		width: 8.03268%
	}
}

@media screen and (min-width: 768px) {
	.contactus.contactus-form .float-input:last-child span {
		width: 6.03268%
	}
}

@media screen and (min-width: 1199px) {
	.contactus.contactus-form .float-input:last-child span {
		width: 4.03268%;
		margin-right: 10px
	}
}

.page-content-section.contactus.contact-info {
	margin-bottom: 30px
}

.page-content-section.contactus.contact-info .contact-info-datalist .data-links li:last-child {
	border-bottom: 1px dashed #ddd
}

.page-content-section.contactus.contact-info .contact-info-datalist .social-links {
	margin: 20px 0 30px 0
}

.page-content-section.contactus.contact-info .contact-info-datalist .social-links li a {
	border: 1px solid #E7A0A0
}

.page-content-section.contactus.contact-info .contact-info-datalist .social-links li a i {
	color: #000000
}

.page-content-section.contactus.contact-info .contact-info-map {
	min-height: 350px
}

.downloads-lists .downloads-pagination {
	text-align: center
}

.downloads-lists .table tr>td {
	padding-left: 15px
}

.downloads-lists .table .th-title {
	width: 20%;
	min-width: 50px;
	text-align: center
}

.downloads-lists .table .downloads-link {
	padding: 5px 10px
}

.page-awards {
	margin: 30px 0
}

.page-awards .awards-list {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-top: 20px
}

.page-awards .news-pagination {
	text-align: center
}

.awards-item {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc
}

.awards-item-img {
	text-align: center;
	margin-bottom: 15px
}

.awards-item-text .awards-title {
	color: #000000
}

.awards-item-text .awards-content {
	margin: 20px 0
}

.awards-item-text .awards-link {
	padding: 5px 15px
}

.page-branches {
	margin: 30px 0
}

.page-branches .news-pagination {
	text-align: center
}

.page-branches .branches-list {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-top: 20px
}

.branches-item {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc
}

.branches-item-map {
	min-height: 300px;
	text-align: center;
	margin: 10px 0 15px 0
}

@media screen and (min-width: 768px) {
	.branches-item-text {
		padding-left: 0
	}
}

.branches-item-text .branches-name {
	color: #000000;
	background: #f5f5f5;
	padding: 10px 15px
}

.branches-item-text .branches-info {
	margin: 20px 0;
	padding-left: 15px
}

.inquiry-form {
	margin: 0 auto
}

@media screen and (min-width: 768px) {
	.inquiry-form {
		width: 90%
	}
}

.inquiry-form .inquiry-products-area {
	text-align: center
}

.inquiry-form .inquiry-products-area span {
	margin: 0 5px
}

.inquiry-form .inquiry-product-name {
	margin: 0 8px;
	color: #000000
}

.inquiry-form .inquiry-product-name:hover {
	color: #0F796C
}

.inquiry-form .inquiry-product-name:active {
	color: #001527
}

.inquiry-form .inquiry-products-form {
	margin: 0 auto 30px auto
}

@media screen and (min-width: 768px) {
	.inquiry-form .inquiry-products-form {
		width: 90%
	}
}

.inquiry-form .inquiry-products-form .required {
	margin-right: 5px;
	color: #e00000;
	font-weight: bold
}

.inquiry-form form,.inquiry-form table {
	text-align: center
}

.inquiry-form .button-cancel {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #666;
	background: #fff;
	outline: 0
}

.inquiry-form .button-cancel:hover {
	background: #666
}

.inquiry-form .button-cancel:hover i {
	color: #fff
}

.inquiry-form .sendform {
	outline: 0;
	border: none
}

.inquiry-form-table {
	margin: 0 auto 30px auto
}

.inquiry-form-table tr td {
	padding: 10px 15px;
	font-size: 1rem;
	line-height: 1.8em;
	border-top: none !important;
	border-bottom: 1px dashed #ddd
}

.inquiry-form-table tr td.form-title {
	font-weight: bold;
	width: 15%;
	max-width: 150px;
	vertical-align: middle;
	text-align: right
}

.inquiry-form-table tr td.form-data {
	width: 100%;
	max-width: 100px
}

.inquiry-form-table input,.inquiry-form-table textarea {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	font-size: 16px;
	font-family: Roboto,Arial,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體";
	font-weight: normal
}

.inquiry-form-table input:focus,.inquiry-form-table textarea:focus {
	background: #fff;
	border: 1px solid #E7A0A0
}

.inquiry-form-table input[type=radio] {
	width: 30px
}

.inquiry-form-table #verifynumber {
	width: 110px;
	margin-right: 10px
}

.inquiry-form-table .verifynumber-img {
	margin-top: 4px;
	margin-bottom: 0
}

.inquiry-form-table .verifynumber-txt {
	margin-top: 6px
}

.privacy-content {
	margin: 30px 0
}

.privacy-list {
	width: 90%;
	margin: 0 auto
}

.privacy-list>li {
	list-style-type: upper-roman;
	margin-bottom: 25px
}

.privacy-list>li>span {
	font-weight: bold
}

.privacy-list>li>p {
	padding-left: 20px
}

.privacy-list>li>ol>li {
	list-style-type: decimal;
	padding-left: 20px
}

.privacy-list>li>ol>li>ul>li {
	list-style-type: disc;
	padding-left: 20px
}

.privacy-list>li>ol>li>ul>li>p {
	padding-left: 20px
}

.privacy-list li {
	list-style-position: inside
}

.member-login .login-form {
	margin-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	border-bottom: 1px solid #E7A0A0
}

@media screen and (min-width: 991px) {
	.member-login .login-form {
		border-bottom: none
	}
}

.member-login .login-form h3 {
	margin-bottom: 20px
}

.member-login .login-form h3>span:before,.member-login .login-form h3>span:after {
	width: 3em
}

@media screen and (min-width: 480px) {
	.member-login .login-form h3>span:before,.member-login .login-form h3>span:after {
		width: 6em
	}
}

@media screen and (min-width: 768px) {
	.member-login .login-form h3>span:before,.member-login .login-form h3>span:after {
		width: 9em
	}
}

@media screen and (min-width: 991px) {
	.member-login .login-form h3>span:before,.member-login .login-form h3>span:after {
		width: 4em
	}
}

@media screen and (min-width: 1199px) {
	.member-login .login-form h3>span:before,.member-login .login-form h3>span:after {
		width: 5em
	}
}

.member-login .login-form form input {
	margin-bottom: 15px;
	border-color: #bbb
}

.member-login .login-form form .verifynumber-txt {
	margin: 0.15em 0 0 0.5em !important
}

.member-login .login-form form .mmsg {
	text-align: center
}

.member-login .login-form form .sub-login-btn,.member-login .login-form form .sub-login-btn_pw {
	padding: 6px 12px;
	margin-right: 6px;
	margin-bottom: 10px
}

@media screen and (min-width: 991px) {
	.member-login .login-form form .sub-login-btn,.member-login .login-form form .sub-login-btn_pw {
		margin-bottom: 0
	}
}

.member-login .login-form form .sub-login-btn_pw {
	margin-right: 0
}

@media screen and (min-width: 991px) {
	.member-login .login-form form .sub-login-btn_pw {
		
	}
}

.member-login .login-form form .submit-area {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #ccc
}

.member-login .login-form form .submit-area .btn-sendform {
	padding: 8px 15px;
	margin-right: 6px;
	margin-bottom: 10px
}

@media screen and (min-width: 480px) {
	.member-login .login-form form .submit-area .btn-sendform {
		width: 70%
	}
}

@media screen and (min-width: 640px) {
	.member-login .login-form form .submit-area .btn-sendform {
		width: auto
	}
}

@media screen and (min-width: 1199px) {
	.member-login .login-form form .submit-area .btn-sendform {
		padding: 8px 20px
	}
}

@media screen and (min-width: 1280px) {
	.member-login .login-form form .submit-area .btn-sendform {
		padding: 8px 30px
	}
}

@media screen and (min-width: 1920px) {
	.member-login .login-form form .submit-area .btn-sendform {
		padding: 8px 35px
	}
}

.member-login .login-form form .submit-area .btn-sendform.fb {
	background: #3b5998
}

.member-login .login-form form .submit-area .btn-sendform.fb:hover {
	background: #344e86
}

.member-login .login-form form .submit-area .btn-sendform.fb:active {
	background: #2d4373
}

.member-login .login-form form .submit-area .btn-sendform.gp {
	background: #dd4b39
}

.member-login .login-form form .submit-area .btn-sendform.line {
	background: #4CC700
}

.member-login .login-form form .submit-area .btn-sendform.gp:hover {
	background: #d73925
}
.member-login .login-form form .submit-area .btn-sendform.line:hover {
	background: #00B300
}

.member-login .login-form form .submit-area .btn-sendform.gp:active {
	background: #c23321
}

.member-login .login-form form .submit-area .btn-sendform.line:active {
	background:  #4CC700
}

.member-login .login-form.forgot-password {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 30px
}

.member-register .register-rules-title,.member-register .register-rules,.member-register .register-btn {
	width: 90%;
	float: none
}

.member-register .register-rules-title {
	margin: 2em auto
}

.member-register .register-rules {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 400px;
	background: #f5f5f5;
	padding: 1em;
	margin: 0 auto;
	overflow-y: scroll;
	line-height: 1.5em
}

.member-register .register-rules ul {
	padding-left: 2.5em
}

.member-register .register-rules ul>li {
	list-style-type: disc
}

.member-register .register-rules ul>li>span {
	color: #d50000;
	font-weight: bold
}

.member-register .register-rules ol {
	padding-left: 2.5em;
	float: left
}

.member-register .register-rules ol>li {
	list-style-type: decimal
}

.member-register .register-rules ol>li>ol {
	padding-left: 2em;
	margin-top: .5em
}

.member-register .register-rules ol>li>ol>li {
	list-style-type: lower-roman
}

.member-register .register-rules ol>li>span {
	color: #d50000;
	font-weight: bold
}

.member-register .register-rules ol.alpha>li {
	list-style-type: upper-alpha
}

.member-register .register-rules ol.alpha>li>ol {
	padding-left: 2em;
	margin-top: .5em
}

.member-register .register-rules ol.alpha>li>ol>li {
	list-style-type: upper-roman
}

.member-register .register-rules ul>li,.member-register .register-rules ol>li,.member-register .register-rules ol>li>ol>li {
	margin-bottom: .3em
}

.member-register .register-rules p {
	font-size: 14px;
	padding-left: 1em;
	margin-bottom: .5em
}

.member-register .register-btn {
	margin: 2em auto
}

.member-register .register-agree input {
	margin-right: .5em;
	cursor: pointer
}

.member-register .register-agree label {
	cursor: pointer;
	font-size: 16px;
	font-weight: bold
}

.member-register .submit-area {
	margin: 1em 0;
	text-align: right !important
}

.member-register-form .register-rules-title {
	margin: 2em auto
}

.member-register-form .register-section h6 {
	color: #000000
}

.member-register-form .register-section h6 span {
	color: #d50000;
	margin-right: 10px
}

.member-register-form .register-form {
	display: table;
	padding-bottom: 3em;
	border-bottom: 1px dashed #ccc
}

.member-register-form .register-form.registration {
	max-width: 735px;
	margin: 0 auto;
	float: none
}

.member-register-form .register-form.registration .button-submit-area {
	text-align: center !important
}

.member-register-form .register-form .register-form-row {
	display: table-row
}

.member-register-form .register-form .register-form-row:last-child>.register-form-cell {
	border: none
}

.member-register-form .register-form .register-form-row:hover .register-form-cell.title {
	background: #444
}

.member-register-form .register-form .register-form-cell {
	display: table-cell;
	border-bottom: 8px solid #fff;
	vertical-align: middle
}

.member-register-form .register-form .register-form-cell.title {
	min-width: 90px;
	background: #666;
	color: #fff;
	font-size: 14px;
	padding: 0 .5em;
	float: none
}

@media screen and (min-width: 640px) {
	.member-register-form .register-form .register-form-cell.title {
		font-size: 16px
	}
}

.member-register-form .register-form .register-form-cell.title span {
	color: #d50000;
	margin-right: 10px
}

.member-register-form .register-form .register-form-cell.title span.blank {
	width: 6px
}

.member-register-form .register-form .register-form-cell.input {
	float: none
}

.member-register-form .register-form .register-form-cell.input input {
	margin: 0;
	border-color: #fff;
	float: none;
	font-size: 14px
}

@media screen and (min-width: 640px) {
	.member-register-form .register-form .register-form-cell.input input {
		font-size: 16px
	}
}

.member-register-form .register-form .register-form-cell.input input:active,.member-register-form .register-form .register-form-cell.input input:focus {
	background: #fff
}

.member-register-form .register-form .register-form-cell.input input#telarea {
	width: 29%;
	margin-right: 1%
}

@media screen and (min-width: 480px) {
	.member-register-form .register-form .register-form-cell.input input#telarea {
		width: 19%;
		margin-right: 1%
	}
}

.member-register-form .register-form .register-form-cell.input input#tel {
	width: 70%
}

@media screen and (min-width: 480px) {
	.member-register-form .register-form .register-form-cell.input input#tel {
		width: 80%
	}
}

.member-register-form .register-form .register-form-cell.fill-in {
	padding: 10px;
	font-size: 16px;
	color: #000000
}

.member-register-form .register-form .register-form-cell.fill-in-input input {
	color: #000000
}

.member-register-form .register-form .register-form-cell .radio-gender,.member-register-form .register-form .register-form-cell .radio-edm {
	margin: .2em 0;
	padding-left: 10px
}

.member-register-form .register-form .register-form-cell .radio-gender:first-child,.member-register-form .register-form .register-form-cell .radio-edm:first-child {
	margin-top: 5px
}

.member-register-form .register-form .register-form-cell .radio-gender input[type=radio], .member-register-form .register-form .register-form-cell .radio-edm input[type=radio] {
	width: 20px;
	background: none;
	border: none
}

.member-register-form .register-form .register-form-cell .radio-gender label,.member-register-form .register-form .register-form-cell .radio-edm label {
	font-size: 14px;
	cursor: pointer;
	padding-left: 10px
}

@media screen and (min-width: 640px) {
	.member-register-form .register-form .register-form-cell .radio-gender label,.member-register-form .register-form .register-form-cell .radio-edm label {
		font-size: 16px
	}
}

.member-register-form .register-form .register-form-cell .radio-edm {
	min-width: 40px
}

.member-register-form .register-form .register-form-cell.selectbox select.city,.member-register-form .register-form .register-form-cell.selectbox select.county,.member-register-form .register-form .register-form-cell.memberdata select.city,.member-register-form .register-form .register-form-cell.memberdata select.county {
	margin-right: .5em;
	padding-left: 8px;
	padding-right: 8px;
	color: #666
}

@media screen and (min-width: 640px) {
	.member-register-form .register-form .register-form-cell.selectbox select.city,.member-register-form .register-form .register-form-cell.selectbox select.county,.member-register-form .register-form .register-form-cell.memberdata select.city,.member-register-form .register-form .register-form-cell.memberdata select.county {
		font-size: 16px
	}
}

.member-register-form .register-form .register-form-cell.memberemail {
	color: #000000;
	padding-top: .6em;
	padding-bottom: .6em
}

.member-register-form .register-form .register-form-cell .verifynumber-area {
	margin-top: .5em;
	padding-left: 10px
}

.member-register-form .register-form .register-form-cell .verifynumber-txt {
	margin: 0.15em 0 0 0.5em !important
}

.member-register-form .register-form .register-form-cell .sub-login-btn {
	padding: 6px 12px
}

.member-register-form .register-form .register-form-cell.memberdata input,.member-register-form .register-form .register-form-cell.memberdata select,.member-register-form .register-form .register-form-cell.memberdata select option {
	color: #000000
}

.member-register-form .register-btn {
	margin: 2em auto
}

.member-register-form .submit-area {
	margin: 1em 0;
	text-align: right !important
}

.member-register-form .submit-area .btn-sendform {
	width: 48%;
	margin-bottom: 20px
}

.member-register-form .submit-area .btn-sendform:last-child {
	margin-left: .5em
}

@media screen and (min-width: 768px) {
	.member-register-form .submit-area .btn-sendform.btn-back {
		width: auto
	}
}

@media screen and (min-width: 768px) {
	.member-register-form .submit-area .btn-sendform {
		width: auto;
		margin-bottom: 0
	}
}

.mmsg {
	color: #ff0000;
	padding: 20px;
	margin-top: 15px
}

.order-record .order-record-title {
	margin: 2em auto;
	line-height: 1.5em
}

.order-record .order-record-title>span {
	color: #d50000;
	margin: 0 5px
}

.order-record .table {
	font-size: 14px;
	margin-bottom: 0
}

@media screen and (min-width: 768px) {
	.order-record .table {
		font-size: 16px;
		margin-bottom: 4em
	}

	.order-record .table.modal-table {
		margin-bottom: 2em
	}
}

.order-record .table th {
	border: none;
	padding: 15px 8px
}

.order-record .table td {
	text-align: center;
	border: none;
	padding: 12px 8px
}

.order-record .table td .new-order {
	color: #d50000;
	font-weight: bold
}

.order-record .submit-area {
	margin: 1em 0;
	text-align: right !important
}

.order-record .submit-area .btn-sendform {
	width: 48%;
	margin-bottom: 20px
}

@media screen and (min-width: 768px) {
	.order-record .submit-area .btn-sendform.btn-back {
		width: auto
	}
}

.btn-order-details {
	padding: 5px 10px
}

@media screen and (min-width: 768px) {
	.btn-order-details {
		padding: 5px 16px;
		font-size: 16px
	}
}

.btn-close-details {
	padding: 5px 16px;
	font-size: 16px
}

.member-center .panel-section {
	margin-top: 30px;
	margin-bottom: 30px
}

.member-center .panel-section.logout {
	text-align: right
}

.member-center .panel-section h6 {
	padding-left: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
	color: #000000
}

.member-center .panel-section h6 i {
	font-size: 18px
}

.member-center .panel {
	border-color: #eee
}

.member-center .panel-heading {
background-image:url('https://www.elimbookstore.com.tw/mode61_images/frame/24.gif');

	padding: 5px
}

.member-center .panel-title {
	color: #000
}

.member-center .panel-title i {
	margin-right: 1em
}

.member-center .panel-body {
	padding: 25px 15px
}

.member-center .panel-body ul {
	margin: 0 auto;
	text-align: left
}

.member-center .panel-body ul li {
	margin-right: .5em;
	margin-bottom: .5em;
	color: #000;
}

.member-center .panel-body ul li i{
	margin-right: .2em;
color:#FF6600;

}
.member-center .panel-body ul li a{

	color: #000;
}

.member-center .btn-members {
	padding: 6px 18px;
	font-size: 16px
}

.member-center .btn-members-logout {
	padding: 6px 18px;
	font-size: 16px
}

.error-page {
	background: url(../images/common/bg-404.jpg) 0 0 no-repeat;
	min-height: 100vh
}

.error-page .error-section {
	margin: 30px 0
}

.error-page .error-warning {
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-bottom: 1px dashed #ccc
}

@media screen and (min-width: 991px) {
	.error-page .error-warning {
		border-bottom: none;
		padding-bottom: 0
	}
}

.error-page .error-title {
	line-height: 1.8em;
	text-align: center
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
		transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		-ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		-ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		-ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
		-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
		transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		-ms-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		-ms-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		-ms-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		-ms-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		-ms-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		-ms-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}

	80% {
		-webkit-transform: translateX(0%) skewX(-15deg);
		transform: translateX(0%) skewX(-15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1
	}
}

[name=zipcode] {
	display:none
}
[name=zipcode2] {
	display:none
}
/*# sourceMappingURL=style.css.map */

