label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    cursor: pointer;
}
select {
    min-height: inherit !important;
    height: 42px;
}
.village-page input, .village-page select, .village-page textarea{
    font-size: 16px;
}
input, select, textarea {
    background: #FFF;
    padding: 9px;
    margin-bottom: 5px;
    border: 1px solid #d7d7d7;
    outline: 0;
    color: #666;
    font-size: 16px;
    border-radius: 0;
    width: 100%;
}
.village-page textarea{
    height: 150px;
    overflow-y: auto;
}
input {
    -webkit-appearance: none;/*box-sizing: border-box;*/
}
input[type="radio"] {
    -webkit-appearance: radio;
	width: auto;
}
.divider {
    clear: both;
}
.input-group-btn .btn {
    padding: 15px 20px;
    font-size: 14px;
}
/*input[type="checkbox"], input[type="radio"] {
    display: inline-block;
    position: relative;
    top: 2px;
}*/
.color1 {
    color: #ff6b57;
}
.tag {
    /* background-color: #b6a692; */
    color: #59493f;
    display: inline-block;
    margin-right: 5px;
    padding: 0px 10px;
    font-size: 90%;
    border: 1px solid #59493f;
}
.tag.red {
    border-color: #891c21;
    font-size: 14px;
    color: #891c21 !important;
}
.tag.gray {
    border-color: #666;
    font-size: 14px;
}
/*************member & shoppingcart*****************/

.checkout-page h1 {
    text-align: center;
    font-size: 30px;
    font-weight: normal;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-container {
    margin: auto;
    clear: both;
}
.form-container form {
    clear: both;
}
.form-container .form-block {
    font-size: 15px;
    overflow: hidden;
    line-height: 30px;
}
.form-group {
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}
.control-label {
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: right;
    line-height: 25px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}
.controls {
    line-height: 25px;
    font-size: 15px;
}
.controls label {
    margin-top: 10px;
    font-size: 15px;
    padding: 0;
}
.controls .controls-txt {
    clear: both;
    color: #891c21;
}
.controls .button {
    padding: 10px 30px;
    min-width: auto;
    background-color: #666 !important;
    font-size: 15px !important;
    color: #fff !important;
}
.form-container .form-group.form-txt {
    margin: auto;
    color: #c00;
    font-size: 15px;
    border-bottom: 1px solid #e5e5dc;
    margin-bottom: 25px;
    padding-bottom: 15px;
    min-height: inherit;
    text-align: center;
}
.form-container .form-group.form-txt p {
    margin-bottom: 0 !important;
}
.form-container .text-error {
    display: block;
    clear: both;
    color: #c00 !important;
    margin-top: -10px;
    margin-bottom: 10px;
}
label.error {
    display: block;
    clear: both;
    color: #fff !important;
    margin-top: -10px;
    margin-bottom: 10px;
    position: absolute;
    left: 15px;
    top: -10px;
    background-color: #c00;
    padding: 2px 10px;
    text-align: center;
}
label.error::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -10px;
    left: 50%;
    margin-left: -3px;
    border: 5px solid transparent;
    width: 5px;
    height: 5px;
    border-top-color: #cc0000;
}
.form-container.form-complete .form-group {
    line-height: 200%;
    min-height: 40px;
    width: 100%;
}
.form-container.form-complete .form-group p {
    border-bottom: 1px dotted #E5E5DC;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.form-container .control-txt {
    margin-top: 5px;
    font-size: 19px;
    color: #005ace;
}
.form-container ol.note {
    font-size: 14px;
    line-height: 25px;
    list-style-type: cjk-ideographic;
    margin-left: 20px;
}
.form-container ol.note li {
    margin-bottom: 5px;
}
.form-container .form-group select {
    /*margin-right: 5px;*/
    color: #444;
    display: inline-block;
}
.form-container .form-group select + select {
    margin-left: 2px;
}
.form-container .form-result {
    margin-bottom: 5px;
    text-align: right;
    float: right;
}
.control-label small, .form-container .form-result small {
    color: #ff0036;
    margin: 0 5px;
}
.form-actions label {
    font-size: 15px;
    display: block;
    margin: 10px 0;
}
.form-actions .button {
    border-radius: 10px;
    background-color: #666;
    min-width: 300px;
    color: #fff !important;
}
.form-actions.align-right {
    text-align: right;
}
.button-blue {
    padding: 10px 25px;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 15px;
}
.form-container .button-s, form .button-s {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}
#verifycodeImg, .verifycodeImg {
    height: 47px;
    margin-right: 10px;
    margin-left: 10px;
    float: left;
}
.help-inline {
    padding: 0 !important;
}
.middle i {
    font-size: 18px;
    margin-top: 8px;
}
.form-container .form-group.txt {
    margin-bottom: 20px;
    text-align: center;
    font-size: 15px;
}
.form-container .form-group.question-group {
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    margin: 0;
}
.form-container .question-group .control-label {
    width: 100%;
    text-align: left;
    padding: 5px 10px;
    font-size: 15px;
    color: #000;
}
.form-container .question-group .controls {
    width: 100%;
    padding: 5px 10px 5px 40px;
}
.form-container .question-group .controls label {
    width: 18%;
    margin-right: 5px;
    display: inline-block;
}
.form-container .question-group .controls label.other {
    width: 38%;
}
.txtblock {
    padding: 70px;
    background-color: #f3f3f3;
    margin: 20px 0;
    line-height: 180%;
}
.txtblock ul {
    margin: 0;
}
.txtblock li {
    background: url(images/icons/sidebar-link.png) no-repeat;
    padding-left: 15px;
    margin-bottom: 10px;
    line-height: 150%;
}
.success {
    background-color: #f4f4f4;
    text-align: center;
    font-size: 110%;
    border-radius: 5px;
}
.success .title {
    font-size: 130%;
    font-weight: bold;
}
.success p {
    margin: 20px 0;
}
.steps {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 2px solid #d6d6d6;
    padding: 0;
    list-style: none;
}
.steps li {
    width: 100%;
    position: relative;
    padding-bottom: 7px;
    margin-bottom: -2px;
}
.steps li.active {
    border-bottom: 2px solid #ff6b57;
}
.steps li:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    font-size: 17px;
    color: #636363;
}
.steps li:first-child:after {
    display: none;
}
.steps li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: rgba(55, 51, 61, 0.8);
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}
.step-content {
    position: relative;
}
.step-content .step-pane {
    display: none;
    min-height: 200px;
    padding: 4px 8px 12px;
}
.step-content .step-pane.active {
    display: block;
}
.shop_table {
    border: 1px solid #e5e5dc;
    width: 100%
}
.shop_table>tbody>tr>td, .shop_table>tbody>tr>th, .shop_table>tfoot>tr>td, .shop_table>tfoot>tr>th, .shop_table>thead>tr>th {
    padding: 10px;
    border-top: 1px solid #e5e5dc
}
.shop_table>tfoot, .shop_table>thead {
    background-color: #f3f2eb
}
.payment .payment_methods {
    list-style: none;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e5e5dc;
    border-radius: 2px;
    background-color: #f3f2eb
}
.payment .payment_box {
    margin: 10px 1.5%;
    padding: 10px 10px 0;
    border: 1px solid #e5e5dc;
    border-radius: 2px;
    background-color: #e5e5dc;
    display: none
}
/*=======================================================================
    SHOP CART
========================================================================
*/

.full-page{
	padding-top: 30px;
}
.shop-cart-tittle {
    text-align: center;
    margin: 15px 0;
}
.shop-cart .shop-cart__list {
    width: 100%;
    padding: 0;
}
.shop-cart .shop-cart__list .item {
       width: 100%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
	 border: 1px solid #fff;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    padding: 15px 0;
    align-items: center;
    transition: .2s;
	margin-bottom: 5px;
}

.shop-cart .shop-cart__list .item:last-child {
    margin-bottom: 0;
}
.shop-cart .shop-cart__list .item .item-image {
    width: 78px;
    height: 78px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 5px;
}
.shop-cart .shop-cart__list .item .item-image img{
	border: 1px solid #efefef;
}
.shop-cart .shop-cart__list .item .item-detail {
    padding-left: 15px;
    padding-top: 5px;
    width: 60%;
}
.shop-cart .shop-cart__list .item .item-detail p {
    line-height: 18px;
}
.shop-cart .shop-cart__list .item .item-detail{
    padding: 0 10px;
}
.shop-cart .shop-cart__list .item .item-detail p.name {
    color: #666;
    font-size: 15px;
    margin: 5px 0;

}
.shop-cart .shop-cart__list.village-chief .item .item-detail p.name{
    font-size: 18px;
    line-height: 1.3;
    margin-top: 0;
    max-height: 42px;
    overflow: hidden;
}
.shop-cart .shop-cart__list .item .item-detail p.price {
    color: #333;
    font-size: 15px;
    margin-bottom: 9px;
}
.shop-cart .shop-cart__list .item .item-detail p.amount {
    color: #ff6666;
    font-size: 14px;
    margin: 0;
}
.shop-cart .shop-cart__list .item .remove {
    position: absolute;
    display: inline-block;
    top: 8px;
    right: 0;
    width: 14px;
    height: 14px;
    background: url(../images/icon/close.png) no-repeat;
    cursor: pointer;
}
.shop-cart .shop-cart__list .item .remove:hover {
    background: url(../images/icon/close_hover.png) no-repeat;
}
.shop-cart .checkout p {
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-weight: 600;
    margin-bottom: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.shop-cart .checkout p .sub-total {
    font-size: 16px;
    color: #666;
    font-weight: normal;
}
.shop-cart .checkout p .total {
    font-size: 16px;
    color: #ff6666;
    font-weight: normal;
}
.shop-cart .checkout a {
    margin-top: 24px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
.item-action i {
    font-size: 30px;
	    color: #ccc;
}
.shop-cart__list .item.active{
    border: 1px solid #ff6b57;
}
.shop-cart__list .item.active .item-action i {
    color: #ff6b57;
}
.item-date {
    background: #f5f5f5;
    text-align: center;
    padding: 5px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-self: center;
    color: #000;
}
.event-date {
    width: 70px;
    height: 70px;
}
.event-day {
    font-size: 30px;
    font-weight: 700;
    display: block;
	line-height: 1.5;
}
.event-month {
    font-size: 12px;
    line-height: 15px;
    display: block;
}
.item-action {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.item-action a {
    padding: 5px 0;
    background: #17a2b8;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    text-align: center;
	font-size: 12px;
}
.item-action a.red {
    background: #dc3545;
	color: #fff !important;
	font-size: 12px;
}
.inquiry-page .shop-cart .product-thumbnail {
    width: 5%;
}
.shop-cart .product-thumbnail img {
    width: 100%;
}
.display-phone, .display-tablet {
    display: none;
}
.total {
    float: right;
    margin: 10px;
    margin-bottom: 20px;
    line-height: 21px;
}
.total th, .shopping-cart .total td {
    text-align: right;
    background-color: transparent;
    padding: 7px 10px;
    border: 0;
    font-size: 15px;
}
.total td {
    width: 90px;
    font-size: 15px;
    text-align: right;
}
.total tr:hover {
    background-color: transparent;
}
.total tr.total-cash {
    color: #ff0036;
    border-top: 1px dotted #ccc;
}
.total tr.total-cash strong {
    font-size: 120%;
}
.total tr.total-cash th, .total tr.total-cash td {
    padding-top: 20px;
}
.total tr.total-cash td {
    padding-top: 10px;
}
.total select {
    padding: 0px 5px !important;
    height: 30px;
    margin-left: 5px;
    color: #000;
    font-size: 15px;
    margin-bottom: 0;
}
.shop-cart.multi-cart .product-name {
    width: 28%
}
.shop-cart.multi-cart .product-quantity {
    width: 7%;
    text-align: center;
}
.shop-cart.multi-cart .product-subtotal {
    width: 55%;
    font-family: "微軟正黑體", 'Lato', sans-serif;
}
.shop-cart.multi-cart .product-name .price {
    display: block;
}
.shop-cart.multi-cart td.product-price {
    line-height: 40px;
}
.shop-cart.multi-cart .product-subtotal p {
    font-size: 15px;
    margin-bottom: 0;
}
.shop-cart.multi-cart td {
    vertical-align: top;
}
.shop-cart.multi-cart select {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    display: block;
    color: #000;
}
.shop-cart.multi-cart button {
    padding: 11px 15px;
    border: 0;
}
.shop-cart.multi-cart .input-group-btn>.btn+.btn {
    margin-left: 2px;
}
.shop-cart.multi-cart input {
    padding: 8px 15px;
}
.shop-cart.multi-cart .product-subtotal a {
    color: #891c21;
    font-size: 15px;
    margin: 5px 5px 0 0;
    display: block;
}
.shop-cart.multi-cart .note1 {
    color: #59493f;
    font-size: 14px;
    margin: 5px 0 0 0;
}
.shop-cart.multi-cart .shipping-select {
    overflow: hidden;
}
.shop-cart.multi-cart .shipping-select select {
    float: left;
    width: 10%;
    margin-right: -1px;
}
.shop-cart.multi-cart .shipping-select input {
    float: left;
    color: #000;
    width: 90%;
}
.shop-cart.multi-cart .shipping-select .input-group-btn {
    float: left;
    width: 13%;
    margin-left: -90px;
}
.shop-cart.multi-cart .shipping-select p {
    margin: 5px 0;
    color: #59493f;
    font-size: 14px;
    overflow: hidden;
}
.shop-cart.multi-cart .shipping-select a {
    color: #891c21;
    font-size: 15px;
    font-weight: normal;
    display: block;
    clear: both;
}
.coupon {
    width: 100%;
    float: right;
    margin: 10px 0;
    text-align: right;
    padding-left: 0;
}
.coupon input {
    width: 300px;
    margin-bottom: 0;
    line-height: 22px;
}
.coupon .add-btn {
    width: 110px;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 12px 10px;
    border-radius: 0;
    background-color: #b6a692;
}
.order-btn {
    padding: 15px 40px;
    font-size: 15px;
    color: #fff !important;
    border-radius: 2px;
    background-color: #59493f;
    min-width: 140px;
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
}
.order-btn i {
    font-size: 17px;
    margin-right: 3px;
}
.order-btn+.order-btn {
    margin-left: 10px;
    background-color: #891c21;
}
.order-btn a:hover, .btn a:hover {
    color: #fff;
}
/****checkout-page***************/
.checkout-page .form-container, .member-page .form-container, .gift-list .form-container {
    background-color: transparent;
    padding: 0;
}
.checkout-page .form-container .form-block, .member-page .form-container .form-block {
    border: 1px solid #e8dac4;
    padding: 30px;
    overflow: hidden;
    clear: both;
}
.checkout-page .form-container .form-block.form-txt {
    border: 0;
    text-align: center;
    margin-bottom: 0;
    padding: 0;
}
.checkout-page .form-container .form-block.form-txt a {
    color: #891c21;
    padding: 0 5px;
    font-weight: bold;
    font-size: 17px;
}
.checkout-page .form-container h4, .payment-select1 h4, .member-page .form-container h4 {
    clear: both;
    border-bottom: 1px dotted #d1c7bb;
    font-size: 28px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    color: #333;
    margin-top: 0;
    font-weight: normal;
    position: relative;
}
.checkout-page .form-container h4 a {
    color: #333;
}
.checkout-page .form-container h4 a.btn {
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #777;
}
.checkout-page .form-container h4 a.btn:hover {
    background-color: #555;
}
.checkout-page .form-container h4 label {
    margin-left: 20px;
    font-size: 16px;
    font-weight: normal;
}
.checkout-page .form-container h4 label img {
    width: 35px;
}
.form-block.product_details .product-review-tab {
    margin-bottom: 0;
    margin-top: 0;
}
.form-block.product_details .product-review-tab .nav {
}
.form-block.product_details .product-review-tab .nav li {
    margin-bottom: -1px;
    width: auto;
}
.form-block.product_details .product-review-tab .nav li.active {
    border: 1px solid #E5E5DC;
    border-bottom: 1px solid #f7f7f7;
    background-color: #f7f7f7;/*background:url(../image/icon/icon-filter1.svg) #f7f7f7 no-repeat 5px 20px;*/
}
.form-block.product_details .product-review-tab .nav li a {
    color: #666;
    border: 0;
    background-color: transparent;
    font-size: 17px;
    padding: 15px 30px;
}
.form-block.product_details .product-review-tab .nav li.active a {
    color: #000;
    background-color: transparent;
}
.form-block.product_details .product-review-tab .nav li.active a::after {
    display: none;
}
.form-block.product_details .product-review-tab .nav {
    border-bottom: 0;
}
.form-block.product_details .tab-content {
    margin-top: -1px;
    padding: 30px;
    background-color: #f7f7f7;
    border: 1px solid #E5E5DC;
    width: 100%;
    margin-bottom: 0;
}
/***********payment-select**********/
.payment-select {
    margin: 10px 0;
    padding: 10px 20px 6px 20px;
    border: 1px solid #E5E5DC;
    clear: both;
    text-align: right;
}
.payment-select1 {
    margin-bottom: 50px;
    padding: 20px;
    border: 1px solid #d1c7bb;
}
.payment-select1 ul {
    margin: 0;
	padding: 0;
	list-style: none;
}
.payment-select1 li {
    border-bottom: 1px dotted #E5E5DC;
    color: #333;
}
.payment-select1 li a {
    display: block;
    color: #666;
}
.payment-select1 .second li {
    padding-left: 34px;
}
.payment-select1 .second li:last-child {
    border: 0;
}
.payment-select1 li span.title {
    margin-left: 10px;
    width: 150px;
    margin-right: 20px !important;
    display: block;
    border-right: 1px solid #E5E5DC;
    color: #222;
    font-size: 17px;
    font-weight: bold !important;
}
.payment-select1 li span {
    font-size: 15px;
    color: #333;
}
.payment-select1 li span.txt2 {
    font-size: 14px;
    line-height: 20px;
    display: block;
    color: #59493f;
    margin-left: 27px;
    margin-top: 2px;
}
.payment-select1 li span select {
    padding: 3px 10px;
    height: auto !important;
    width: auto !important;
    color: #000;
    border: 1px solid #59493f;
}
.title2 select {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 7px;
    color: #000;
}
.payment-select1 label {
    display: block;
    padding: 12px 5px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.payment-select1 label:hover, .payment-select1 .a-active label {
    background-color: #f7f7f7;
}
.payment-select1 .a-active .second label {
    background-color: #fff;
}
.payment-select1 h4 {
    margin-bottom: 10px;
}
.payment-select.selected {
    padding: 15px 20px;
}
.payment-select.selected strong {
    color: #EE778C;
}
.payment-select label {
    margin-right: 10px;
}
.payment-select1.payment-new label {
    overflow: hidden;
}
.payment-select1.payment-new li span {
    float: left;
}
.payment-select1.payment-new li span.title {
    width: 210px;
}
.payment-select1.payment-new li span.txt {
    width: 74%;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
}
.complete-block {
    padding: 15px;
    border: 1px solid #e5e5dc;
    margin-bottom: 30px;
    line-height: 25px;
    font-size: 16px;
}
.complete-block p, .complete-block ul {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
}
.complete-block ul {
    font-size: 17px;
    font-weight: bold;
}
.complete-block .note {
    color: #333;
    margin-bottom: 15px;
}
.complete-block strong {
    font-size: 120%;
}
.complete-block .credit-card {
    margin-top: 10px;
}
.complete-block .credit-card button {
    margin-left: 10px;
}
.complete-block.txt-center {
    text-align: center;
}
input[type=checkbox].ace, input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
label input[type=checkbox].ace, label input[type=radio].ace {
    z-index: -100 !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
input[type=checkbox].ace:checked, input[type=radio].ace:checked, input[type=checkbox].ace:focus, input[type=radio].ace:focus {
    outline: none !important;
}
input[type=checkbox].ace + .lbl, input[type=radio].ace + .lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 25px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
    cursor: pointer;
}
input[type=checkbox].ace + .lbl::before, input[type=radio].ace + .lbl::before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    /*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: -1px;
}
input[type=checkbox].ace:checked + .lbl::before, input[type=radio].ace:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #59493f;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
input[type=checkbox].ace:active + .lbl::before, input[type=radio].ace:active + .lbl::before, input[type=checkbox].ace:checked:active + .lbl::before, input[type=radio].ace:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=checkbox].ace.ace-checkbox-2 + .lbl::before, input[type=radio].ace.ace-checkbox-2 + .lbl::before {
    box-shadow: none;
}
input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before, input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
    background-color: #f9a021;
    border-color: #f9a021;
    color: #FFF;
}
input[type=checkbox].ace:disabled + .lbl::before, input[type=radio].ace:disabled + .lbl::before, input[type=checkbox].ace[disabled] + .lbl::before, input[type=radio].ace[disabled] + .lbl::before, input[type=checkbox].ace.disabled + .lbl::before, input[type=radio].ace.disabled + .lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
}
.checkbox label input[type=checkbox].ace + .lbl, .radio label input[type=radio].ace + .lbl {
    margin-left: -10px;
}
input[type=radio].ace + .lbl::before {
    border-radius: 100%;
    font-size: 10px;
    font-family: FontAwesome;
    text-shadow: 0 0 1px #9cc93a;
    line-height: 15px;
    height: 17px;
    min-width: 17px;
}
input[type=radio].ace:checked + .lbl::before {
    content: "\f111";
}
input[type=checkbox].ace.input-lg + .lbl::before {
    border-radius: 4px;
    font-size: 16px;
    height: 24px;
    line-height: 21px;
    min-width: 24px;
    top: auto;
}
input[type=radio].ace.input-lg + .lbl::before {
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    min-width: 24px;
    top: auto;
    color: #59493f;
    margin-right: 5px;
}
/*------------------------------ Data Table ----------------------*/
#confirmbox #super-product-table thead {
    background-color: #f7f7f7;
}
#confirmbox #super-product-table {
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 20px;
}
#confirmbox #super-product-table thead, #confirmbox #super-product-table td, #confirmbox #super-product-table thead th {
    border: 1px solid #ebebeb;
}
#confirmbox #super-product-table thead th {
    padding: 8px 10px;
    text-align: center;
}
#confirmbox #super-product-table tr td {
    padding: 0px 10px 0px 10px;
}
#confirmbox #super-product-table .input-text.qty {
    margin: 10px;
    text-align: center;
    width: 45px;
}
/***---------會員專區----------***/
#content.col-sm-12.member-page {
    padding: 20px 0;
    overflow: hidden;
}
.member-page .page-title {
    /*margin-bottom: 20px;*/
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}
.member-page .page-title .btn {
    right: 0;
    top: 0;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 15px;
    color: #59493f;
    background-color: #ffffff;
    border: 1px solid #59493f;
    vertical-align: initial;
}
.member-page .page-title .btn i {
    margin-right: 2px;
}
.member-page .page-title .btn + .btn {
    right: 130px;
    margin-left: 5px;
    float: right;
}
.member-page .page-title .btn:hover {
    color: #fff;
    background-color: #59493f;
}
.member-page .page-title .filter, .theme-title .filter {
    display: inline-block;
    font-size: 15px;
    color: #59493f;
}
.member-page .page-title .filter select, .theme-title .filter select {
    height: auto;
    padding: 10px 12px;
    border: 1px solid #59493f;
    color: #59493f;
}
.member-page .page-title .filter select {
    border-radius: 6px;
    margin: 0 5px 0 0;
}
.theme-title .filter {
    margin: -15px 0 10px 0;
    float: right;
}
.member-page .form-container .form-result {
/*position: absolute;
  right: 0;
  top: 0;*/
}
.member-page .product-list .product-thumb .image {
    padding: 10px;
}
.block-account .title-header {
    position: relative;
    margin-bottom: 0;
}
.block-account .block-content {
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 0;
}
.block-account .block-content ul {
    margin: 0;
}
.block-account .block-content ul li {
    border: 1px solid #e8dac4;
    padding: 10px 10px;
    font-size: 15px;
    margin-bottom: -1px;
}
.block-account .block-content ul li:last-child {
    border-bottom: 1px solid #e8dac4;
}
.block-account .block-content ul li a {
    display: block;
    color: #444;
}
.block-account .block-content ul li.current, .block-account .block-content ul li:hover {
    border-color: transparent;
    background: #891c21;
}
.block-account .block-content ul li.current a, .block-account .block-content ul li:hover a {
    color: #fff;
}
.block-account .block-content ul li > strong, .block-account .block-content >ul > li:hover >a {
    color: #fff;
}
.block-account .block-content.accordion-box .accordion .acc-content {
    padding: 0;
}
.block-account .block-content .accordion .acc-btn {
    background-color: #59493f;
    color: #fff;
}
.block-account .block-content .accordion .acc-btn.active {
    background-color: #891c21;
    color: #fff;
}
.block-account .block-content .accordion ul li.current, .block-account .block-content .accordion ul li:hover {
    border: 1px solid #e8dac4;
    background-color: #f6f3ee;
}
.block-account .block-content .accordion ul li.current a {
    color: #891c21 !important;
    font-weight: bold;
}
.block-account .block-content .accordion ul li:hover a {
    color: #000;
}
.block-account .block-content .accordion .acc-btn .toggle-icon {
    color: #fff;
    text-align: center;
    top: 20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.block-account .block-content .accordion .acc-btn.active .toggle-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.block-account .block-content .accordion .acc-btn .toggle-icon::before {
    display: block;
    z-index: 10;
    content: "\f105";
    font-family: "FontAwesome";
    top: 15px;
    font-size: 21px;
}
.my-account .my-tag-edit {
    margin-bottom: 30px;
}
.my-account .product-name {
    font-weight: bold;
    margin-bottom: 5px;
}
.my-account > .title-buttons {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.my-account #wishlist-view-form .buttons-set {
    float: right;
}
.my-account #wishlist-view-form textarea {
    width: 100%;
    margin-top: 5px;
}
.my-account #wishlist-view-form .price-box {
    font-weight: bold;
    font-size: 116.67%;
    margin-bottom: 5px;
}
.my-account > #form-validate > .buttons-set {
    display: inline-block;
    width: 100%;
}
.my-account > #form-validate > .buttons-set .back-link {
    float: left;
}
.my-account .box-account {
    margin-top: 10px;
}
.my-account .box-account .box-head {
    background: none repeat scroll 0 0 #777777;
    color: #FFFFFF;
    line-height: 100%;
    padding: 10px;
    margin-bottom: 10px;
}
.my-account .box-account .box-head > h2 {
    float: left;
}
.my-account .box-account .box-head > a {
    float: right;
    color: #fff;
}
#login-form, .my-account .box-account .col2-set {
    margin-left: -30px;
}
#checkout-step-login #login-form {
    margin-left: 0;
}
.my-account .box-account .col2-set > .box > .box-title {
    margin-left: 30px;
}
.my-account .col2-set .col-1 {
    float: left;
    width: 50%;
}
.my-account .box-account.box-info .col2-set .col-1 {
    padding-left: 30px;
}
.account-login .col2-set .col-1 {
    float: left;
    width: 50%;
    padding-left: 30px;
}
.my-account .col2-set .col-2, .account-login .col2-set .col-2 {
    float: right;
    width: 50%;
    padding-left: 30px;
}
.my-account .data-table {
    width: 100%;
    margin-bottom: 10px;
}
.my-account .data-table#my-orders-table {
    margin-top: 10px;
    margin-bottom: 20px;
}
.my-account .data-table .input-text.qty {
    width: 80px;
    margin-bottom: 10px;
}
.my-account .data-table .link-edit {
    float: left;
    margin-top: 5px;
    width: 100%;
}
.my-account .box-title {
    overflow: hidden;
    border-bottom: 1px dashed #E9E9E9;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.my-account .box-title > h3 {
    line-height: 180%;
    font-weight: bold;
    float: left;
}
.my-account .box-title > a {
    float: right;
    line-height: 180%;
}
.my-account .box-title > a:hover {
    text-decoration: underline;
}
.my-account .box-content h4 {
    line-height: 180%;
    font-weight: bold;
    margin-bottom: 5px;
}
.my-account .box-account .number {
    margin: 2px 10px 0 0;
    line-height: 100%;
    float: left;
    font-weight: bold;
}
.my-account .product-review .product-img-box {
    margin-bottom: 20px;
}
.my-account .product-review .product-img-box .product-image img {
    margin-bottom: 10px;
}
.fieldset {
    /*border: 1px solid #e9e9e9;*/
    margin-bottom: 20px;
    padding: 20px 0 0 0;
}
.fieldset .legend {
    background: #fff;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 117%;
    margin: -25px 0 0 0;
    padding: 0px;/*border: 1px solid #e9e9e9;*/
}
.buttons-set {
    border-top: 1px solid #e9e9e9;
    text-align: right;
    margin-top: 10px;
    padding-top: 10px;
    clear: both;
}
.buttons-set .button {
    float: right;
    margin-left: 5px;
}
.my-account .buttons-set.buttons-set2 {
    border: none;
    padding: 0;
    margin: 0;
}
.buttons-set .back-link {
    float: left;
    margin: 0;
}
.my-account .form-list .field {
    float: left;
    width: 50%;
}
.account-login .col2-set .content > h2 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 117%;
}
.col2-set .content > h2 {
    font-weight: bold;
    margin-bottom: 5px;
}
.form-list li {
    margin-bottom: 5px;
}
.form-list input.input-text, input.input-text {
    width: 230px;
    padding: 7px 10px;
}
input.input-text.qty {
    width: auto;
}
.my-account .pager {
    border: 1px solid #e9e9e9;
    border-bottom: 4px solid #e9e9e9;
    padding: 5px 10px;
    margin: 0 0 20px 0;
}
.my-account .pager .amount {
    float: left;
    line-height: 24px;
    margin-right: 10px;
}
.my-account .pager .limiter {
    float: left;
}
.my-account .pager .pages {
    display: inline-block;
    float: right;
}
.my-account .pager > .pages > ol {
    display: inline;
}
.pager .limiter label {
    font-weight: normal;
}
.pager .limiter select {
    margin: 0;
    width: 65px;
    position: relative;
    padding: 2px;
}
.my-account .title-buttons .page-title {
    float: left;
}
.my-account .title-buttons .button, .my-account .link-print, .my-account .link-reorder {
    float: right;
}
.my-account .link-print {
    margin-right: 10px;
}
.my-account .addresses-list h3, .my-account .addresses-list h2, .my-account .order-info-box h2 {
    font-weight: bold;
    float: left;
    width: 100%;
    margin: 10px 0 7px 0;
}
.my-account .addresses-list h2 {
    border-bottom: 1px dashed #E9E9E9;
    padding-bottom: 5px;
    margin: 0;
}
#my_recent_tags .item, #my_recent_reviews .item {
    margin-top: 10px;
}
#my_recent_reviews .ratings .rating-box {
    margin-top: 3px;
}
#my_recent_tags .tags strong, #my_recent_reviews .ratings strong {
    float: left;
    padding-right: 10px;
}
.data-table {
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #e8dac4;
    width: 100%;
    text-align: center;
}
.data-table th.wrap {
    white-space: normal;
}
.data-table th {
    font-size: 15px;
    padding: 10px 5px;
    text-align: center;
    background-color: #f4ebdd;
    border: 1px solid #e8dac4;
    color: #59493f;
}
.data-table tbody tr {
    border: 0 solid #e8dac4;
}
.data-table tr td {
    padding: 20px 10px;
    padding: 10px 10px;
    border-bottom: 1px solid #e8dac4;
    vertical-align: middle;
    font-size: 14px;
    line-height: 23px;
}
.data-table tr td a {
    text-decoration: underline;
    color: #000;
}
.data-table td h3 {
    margin: 0;
    line-height: 100%;
}
.data-table td li.title {
    font-size: 17px;
    font-weight: bold;
}
/*.data-table thead {
	border: 1px solid #e9e9e9;
}
.data-table tfoot {
	border-top: none;
	border-top: 1px solid #e9e9e9;
}*/
.data-table .first.odd, .box-account .data-table .odd {
    background: none;
}
.a-center input.checkbox {
    float: none;
}
label.required em {
    font-weight: normal;
    padding: 0 5px 0 0;
    vertical-align: middle;
    color: #E1464D;
}
.page-title h1 {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 13px;
    line-height: 25px;
}
.page-title h1:after {
    position: absolute;
    left: 50%;
    margin-left: -18px;
    margin-top: 37px;
    height: 3px;
    width: 36px;
    z-index: 9;
    background: #57B3DF;
    border-radius: 90px;
    content: '';
    opacity: 1;
}
.controls .add-btn, .form-container h4 .add-btn {
    margin: 0 10px 10px 0;
    padding: 9px 20px;
    background-color: #59493f;
}
.form-container h4 .add-btn {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 10px;
    padding: 5px 15px;
    border-radius: 5px;
    width: auto;
}
.form-container h4 .add-btn img {
    width: 35px;
    margin-right: 5px;
    opacity: 0.5;
}
.page-title h2 {
    border-bottom: 1px solid #e8dac4;
    font-size: 32px;
    line-height: 35px;
    padding-bottom: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}
.block-title {
    margin: 10px 0px 0px 0px;
    border-bottom: 1px solid #e8dac4;
    padding: 12px 0;
    position: relative;
    text-align: center;
    font-size: 19px;
    color: #59493f;
}
.block-title:before {
    content: "";
    float: right;
    position: absolute;
    margin-top: 26px;
    width: 30px;
    z-index: 10;
    height: 2px;
    margin-left: 15px;
}
.member-page .btn-group {
    margin-bottom: 3px;
}
.member-page .add-btn {
    padding: 5px 20px;
    margin-right: 2px;
    width: auto;
    line-height: 25px;
}
.member-page .add-btn i {
    margin-right: 5px;
}
.member-page p .add-btn {
    margin: 0 0 20px 0;
}
.member-page .faq-content-area {
    margin-top: 30px;
}
.member-page .faq-content-area .accordion .acc-btn {
    background: none;
    border-bottom: 1px dotted #E5E5DC;
    color: #000;
    margin-bottom: 20px;
}
.member-page .faq-content-area .accordion .acc-btn .toggle-icon {
    left: 0px;
    top: 18px;
    color: #000;
}
.member-page .faq-content-area .accordion-box .accordion .acc-content {
    background: none;
    padding: 0;
}
.member-page .form-actions {
    margin-bottom: 0;
}
.member-page .shop-cart .cart_table_title {
    background-color: #f3f2eb;
    color: #333;
}
.member-page .shop-cart th {
    background-color: #b6a692;
    border: 1px solid #b6a692;
    color: #fff;
}
.member-page .shop-cart td {
    color: #333;/*border: 1px solid #e9e9e9;*/
}
.shop-cart .message-type {
    width: 20%;
}
.shop-cart .message-type span {
    font-size: 12px;
}
.shop-cart .message-info {
    width: 60%;
}
.shop-cart td.message-type, .shop-cart td.message-info {
    text-align: left;
}
.shop-cart .message-time {
    width: 20%;
    font-size: 12px;
}
.shop-cart.shop-message td {
    border-right: 1px dotted #E5E5DC;
}
.faq-btn {
    display: block;
    padding: 15px 0;
    color: #fff;
    text-align: center;
}
.faq .togglet i {
    font-size: 20px;
    padding-right: 5px;
    color: #88957A;
}
.checkout-page .product {
    height: 335px;
}
.shop-cart.shop-message .bg2 td, .shop-cart.shop-message .bg2 span {
    background-color: #f9f9f9;
    color: #333 !important;
}
.notice {
    text-align: center;
    line-height: 28px;
    margin-bottom: 30px;
    font-size: 17px;
    color: #333;
}
.first-login h3, .theme_title h3 {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 35px;
    text-align: center;
    font-weight: normal;
}
.modal-content button.close {
    right: 0;
    position: absolute;
    top: 0;
    font-size: 50px;
    padding: 10px;
}
.modal-content button.close span {
    line-height: 25px;
}
span.forget {
    font-size: 15px;
    margin-top: 5px;
    display: block;
    text-align: center;
    padding: 0;
}
.forget a {
    color: #59493f;
}
.products-mail #verifycodeImg {
    height: 42px;
    margin-right: 10px;
    float: left;
}
.products-mail .middle i {
    font-size: 25px;
    margin-top: 10px;
}
.warningbox .modal-dialog {
    width: 20%;
}
.warningbox h4 {
    text-align: center;
    padding: 0;
}
.warningbox .modal-footer {
    text-align: center;
    margin: 0;
    border: 0;
    padding: 0 0 15px 0;
}
.warningbox .modal-footer .add-btn {
    margin: 0;
}
.warningbox .modal-body {
    text-align: center;
}
.warningbox .modal-header {
    padding: 10px;
}
.modal .order-btn {
    background-color: #891c21;
}
.modal .order-btn.btn-outline {
    color: #891c21 !important;
    background-color: transparent;
    min-width: inherit;
    border: 1px solid #891c21;
    padding: 14px 30px;
    font-size: 17px;
    font-weight: bold;
}
/* ----------------------------------------------------------------
    首次購物
-----------------------------------------------------------------*/
.modal-dialog.first-login {
    width: 800px;
}
.modal-dialog.first-login.notics-block {
    width: 1000px;
}
.notics-block .modal-body {
    padding: 40px;
}
.modal-dialog.first-login .add-btn {
    background-color: #59493f;
}
.main_right .first-login .theme_title {
    margin-bottom: 0;
    padding-bottom: 20px;
}
.main_right .first-login .theme_title:after, .main_right .login-page .theme_title:after {
    height: 3px;
    top: 45px;
}
.first-login .login-form h6 strong {
    background: #fff;
}
.modal-dialog h3 {
    border-bottom: 1px solid #f6f3ee;
    padding-bottom: 20px;
    text-align: left;
    padding-right: 45px;
}
.first-login.gift-list h3 img {
    width: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -200px;
}
.gift-list .shop-cart td {
    font-size: 15px;
    line-height: 25px;
}
.gift-list .shop-cart td .btn, .form-block.purchaser .btn {
    padding: 10px 15px;
    font-size: 15px;
    width: 100%;
}
.gift-list .result-pagination {
    margin-bottom: 0;
}
.gift-list .form-actions {
    margin-bottom: 0;
}
.gift-list .form-block {
    border: 0 !important;
    padding: 0 !important;
}
.gift-list .shop-cart .cart_table_title {
    background-color: #f6f3ee;
    border: 1px solid #e8dac4;
    color: #59493f;
}
.gift-list .shop-cart th {
    font-size: 17px;
    font-weight: bold;
    padding: 15px 10px;
}
.gift-list .shop-cart .group-name {
    width: 60%;
    padding: 10px 5px;
}
.gift-list .shop-cart .group-name input {
    color: #000;
    padding: 10px 12px;
    margin-bottom: 0;
    border-color: #59493f;
}
.gift-list .shop-cart .group-action {
    text-align: center;
    width: 40%;
    padding: 10px 5px;
}
.gift-list .shop-cart .group-action .btn {
    width: 44%;
    margin: 0 3px;
}
.gift-list .form-group.form-add {
    padding: 10px;
    background-color: #f6f3ee;
    border: 1px solid #e8dac4;
    color: #59493f;
}
.gift-list .form-group.form-add input {
    margin-bottom: 0;
    border: 1px solid #e8dac4;
}
.gift-list .form-group.form-add label {
    margin-top: 13px;
    font-weight: bold;
    color: #59493f;
    font-size: 17px;
}
.icon-notice {
    margin-left: 20px;
    color: #df032e !important;
    font-size: 17px;
    background-position: left center;
}
.icon-notice img {
    width: 22px;
    margin-right: 5px;
}
.notics-info h4 {
    font-size: 23px;
    font-weight: normal;
    margin-top: 30px;
}
.notics-info p {
    line-height: 23px;
    margin-bottom: 15px;
    font-size: 16px;
}
/***詢問記錄***/
.my-faq .acc-btn {
    overflow: hidden;
    padding-left: 0 !important;
}
.my-faq .acc-btn > div {
    float: left;
    padding-left: 0;
}
.my-faq .acc-btn .subject {
    font-size: 17px;
    font-weight: bold;
}
.my-faq .acc-btn .date {
    color: #666;
    text-align: center;
}
.data-table.faq-table th, .data-table.faq-table td {
    padding: 15px 10px;
}
.data-table.faq-table th {
    width: 17%;
}
.data-table.faq-table td {
    text-align: left;
}
.my-faq .acc-content {
    padding: 0 !important;
}
/***訊息紀錄***/
.data-table.news-table td li {
    margin-bottom: 5px;
}
.data-table.news-table td li.title {
    margin-bottom: 10px;
    font-size: 19px;
}
.data-table.news-table td li.title a {
    color: #59493f;
}
.data-table.news-table tr td {
    font-size: 15px;
    color: #333;
}
.data-table.news-table tr.readed td {
    background-color: #f7f7f7;
    color: #333;
}
.data-table.news-table tr.readed td li.title {
    font-weight: normal;
    font-size: 17px;
}
.data-table.news-table tr.readed td li.title a {
    color: #333;
}
.data-table .new {
    color: #ff0036;
    margin-left: 5px;
    font-size: 13px;
}
.data-table .unread {
    color: #891c21;
}
.address_item {
    position: relative;
}
.address_item label {
    width: 75%;
    text-align: left;
    position: absolute;
    margin: -30px 0 0 -10px;
    padding: 18px 0 18px 0;
}
.address_item label input {
    margin: 0 !important;
}
.address_item input[type=radio].ace + .lbl {
}
/***login***/
.login-page .steps {
    width: 600px;
    max-width: 100%;
    margin-bottom: 30px;
}
.main_right .login-page .theme_title {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.login-form {
    width: 900px;
    max-width: 100%;
}
.login-form.fb-login {
    width: 700px;
    padding: 50px;
}
.notmember {
    width: 37%;
    float: right;
    border-left: 1px solid #ddd;
    padding-bottom: 20px;
    margin-left: 30px;
    padding-left: 35px !important;
}
.notmember p {
    /*height: 123px;*/
    margin-bottom: 20px;
}
.login-form h6 {
    color: #383838;
    margin: 0;
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    margin: 10px 0 20px 0;
}
.login-form h6 strong {
    background: #f3f3f3;
    font-weight: normal;
    padding: 0 30px;
}
.login-form h6 > span {
    display: block;
    height: 1px;
    background: #d8d8d8;
    margin-top: -12px;
}
.login-form .add-btn {
    margin: 10px 0 0;
    line-height: 18px;
    padding: 15px 25px;
}
/* ----------------------------------------------------------------
    第三方登入
-----------------------------------------------------------------*/
.login-form .add-btn.fb-login, .login-form .add-btn.google-login {
    margin-top: 0;
}
.login-form .add-btn.fb-login {
    /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
 background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
 background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
 background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
 background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
 background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);*/
    background-color: #4e71a8 !important;
    margin-top: 10px;
}
.google-login {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
    background-color: #d0451b;
    color: #fff;
}
/*===================== contant page ===================*/

.single-contact_us {
}
.single-contact_us h6 {
    color: #333;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 10px 4px 0;
    top: -28px;
    display: inline;
    background: #fff;
}
.single-contact_us h5 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0 30px 0;
}
/*catregories*/
.single-contact_us .list {
    position: relative;
    margin-bottom: 20px;
}
.single-contact_us .list li {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}
.single-contact_us .list li span {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    float: left;
    width: 90%;
}
.single-contact_us .list li i {
    font-size: 16px;
    line-height: 25px;
    width: 30px;
    text-align: center;
    color: #59493f;
    float: left;
}
.single-contact_us .border-area {
    border: 1px solid #f1f1f1;
    padding: 20px;
    position: relative;
    margin-top: 50px;
}
/*======================*/
.single-contact_us > p {
    font-size: 17px;
    font-weight: 400;
    margin: 30px 0;
}
.single-contact_us .add-btn {
    margin-top: 0;
}
.single-contact_us .contact_in-box {
    padding-top: 0px;
}
.single-contact_us .contact_in-box h2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 27px;
}
.single-contact_us .contact_in-box .theme_title {
    margin-bottom: 40px;
    margin-bottom: 40px;
}
.single-contact_us .contact_in-box .theme_title h2 {
    font-size: 24px;
    font-weight: 700;
}
.single-contact_us .contact_in-box input, .single-contact_us .contact_in-box select, .single-contact_us .contact_in-box textarea {
    border: 1px solid #f1f1f1;
    background: #f7f7f7;
    outline: none;
    padding-left: 20px;
    color: #222 !important;
}
.single-contact_us .contact_in-box input, .single-contact_us .contact_in-box select {
    height: 50px;
    margin-bottom: 10px;
}
.single-contact_us .contact_in-box textarea {
    height: 190px;
    padding-top: 10px;
    resize: none;
    margin-bottom: 10px;
}
.single-contact_us .contact_in-box button {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding-left: 38px;
    width: auto;
    padding-right: 38px;
    padding-top: 12px;
    padding-bottom: 14px;
    text-transform: uppercase;
    -webkit-transition: all 700ms ease 0s;
    transition: all 700ms ease 0s;
    border-radius: 0px;
    margin-top: 10px;
}
.single-contact_us .contact_in-box button i {
    margin: 0;
}
.single-contact_us .contact_in-box button:hover {
    background: #272727;
}
/* ----------------------------------------------------------------------
    PAGE 404
-------------------------------------------------------------------------*/

.page-404 {
    margin: 50px 0;
}
.page-404 p {
    font-size: 19px;
    line-height: 40px;
    margin-bottom: 30px;
}
.page-404 .input-group {
    width: 450px;
}
.page-error-404 {
    color: #dedede;
    display: block;
    font-size: 230px;
    font-weight: 800;
    line-height: 1;
    font-family: sans-serif, 'Microsoft JhengHei';
}
a.border-link {
    padding: 5px 30px;
    display: inline-block;
    width: auto;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
}
a.border-link:hover {
    background-color: #000;
    color: #fff;
}
.input-group .form-control {
    border-radius: 0;
    height: 46px;
}
.input-group .input-group-btn > .btn, .input-group .input-group-addon {
    border-color: #8e8e8e;
    background-color: #8e8e8e;
    color: #fff;
    /*min-width: 100px;*/
    border-radius: 0;
}
.add-btn {
    text-decoration: none !important;
    width: 200px;
    font-size: 15px;
    line-height: 30px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 20px 0 0;
    padding: 10px 20px;
    border: 0;
    border-radius: 2px;
    color: #fff !important;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #666;
}
.product-btn .add-btn {
    width: 48%;
    padding: 10px 20px;
    margin: 10px 3px 10px 0;
}
.product-btn .add-btn.buy {
    float: right;
    margin-right: 0;
    background-color: #ff6b57;
}

/*********搜尋結果**********/

.sort {
    border-bottom: 1px solid #DADADA;
    padding: 7px 10px 5px 5px;
    text-align: right;
    background-color: #f3f3f3;
    margin-bottom: 30px;
}
.minibox {
    width: auto;
    display: inline-block;
}
/*** 會員等級***/
.level-block {
    background-color: #F3F3F3;
    padding: 30px;
    margin-bottom: 30px;
    font-size: 15px;
    clear: both;
    margin-top: 20px;
    overflow: hidden;
}
.level-block li {
    margin-bottom: 5px;
}
.level-block .level {
    font-size: 19px;
    font-weight: bold;
    display: inline-block;
}
.level-block .level img {
    margin: 0 5px 0 5px;
    width: 45px;
}
.level-block .upgrade {
    background-color: #fff;
    padding: 30px;
    margin: 20px 0;
}
.level-block .upgrade .price {
    font-size: 23px;
}
.level-block .level.level1 {
    color: #f80;
}
.level-block .level.level2 {
    color: #49d5e4;
}
.level-block .progress {
    margin: 20px 0 0 0;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    border-radius: 15px;
    width: 100%;
    display: inline-block;
    background-color: #f4ebdd !important;
}
.level-block .progress-bar {
    font-size: 14px;
    line-height: 30px;
    background-color: #f19726;
    box-shadow: none;
}
.level-compare {
    margin-bottom: 50px;
}
.level-compare ul {
    overflow: hidden;
}
.level-compare li {
    width: 25%;
    display: block;
    float: left;
    position: relative;
}
.level-compare li.level1 {
    background-color: #F3F3F3;
}
.level-compare li.level2 {
    background-color: #f2f0e2;
}
.level-compare li.level3 {
    background-color: #f1ffde;
}
.level-compare li.level4 {
    background-color: #ffedf0;
}
.level-compare li .level-title {
    height: 220px;
    background-color: #fff;
    font-size: 20px;
    text-align: center;
    border-bottom: 4px solid #3e3e3f;
}
.level-compare li.level1 .level-title {
    padding-top: 170px;
}
.level-compare li.level2 .level-title {
    padding-top: 100px;
    background: url(../images/level-color2.jpg) repeat-x 0 165px #fff;
    color: #9CC93A;
}
.level-compare li.level3 .level-title {
    padding-top: 50px;
    background: url(../images/level-color3.jpg) repeat-x 0 120px #fff;
    color: #0A6A34;
}
.level-compare li.level4 .level-title {
    padding-top: 0px;
    background: url(../images/level-color4.jpg) repeat-x 0 80px #fff;
    color: #F24261;
}
.level-compare li .level-info {
    padding: 50px 15px;
    height: 250px;
    font-size: 15px;
    padding: 70px 15px 50px 15px;
    text-align: justify;
}
.level-compare li .level-info img {
    position: absolute;
    left: 34%;
    top: 0;
}
.level-compare li.level1 .level-info img {
    top: 230px;
}
.level-compare li.level2 .level-info img {
    top: 177px;
}
.level-compare li.level3 .level-info img {
    top: 94px;
}
.level-compare li.level4 .level-info img {
    top: 120px;
    left: 15%;
}
.level-compare li .level-info span, .level-compare li .level-info strong {
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 3px;
}
.level-compare li .level-info strong {
    font-size: 20px;
}
.level-compare li .level-info small {
    font-size: 14px;
}
.level-timeline li {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dotted #ccc;
}
.level-timeline li img {
    margin-top: 15px;
}
.installment {
    background-color: #f7f7f7;
    padding: 20px;
    margin: -20px 0 20px 0;
}
.installment h6 {
    font-size: 15px;
    margin-bottom: 5px;
}
.installment ul {
    padding: 0;
    margin: 0;
}
.installment li {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
}
.installment li a {
    color: #c00;
    padding: 0 5px;
    text-decoration: underline;
}
.shop-cart .product-name .price-old {
    margin-right: 5px;
    float: none;
}
.shop-cart .product-name .price {
    font-size: 16px;
}
.shop-cart .product-name .installation label {
    float: left;
    margin-right: 5px;
}
.shop-cart .product-name .installation .price {
    font-size: 14px;
    color: #c00;
    margin-left: 5px;
}
/**配送名單**/

.box-giftlist {
    margin-top: 10px;
}
.box-giftlist .article-layout.article-grid .article_dt {
    padding: 15px;
    font-size: 16px;
    line-height: 25px;
    color: #333;
    height: 150px;
}
.box-giftlist .article_dt h2 {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: normal;
    color: #333;
}
.box-giftlist .article_dt li {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: normal;
    color: #333;
    padding-left: 23px;
    padding-left: 0;
}
.box-giftlist .article_dt li:first-child {
    font-size: 17px;
    font-weight: bold;
}
.box-giftlist .article_dt li:first-child .tag {
    font-weight: normal;
    margin: 0 0 0 5px;
    font-size: 14px;
    line-height: 23px;
    border: 1px solid #b6a692;
}
.box-giftlist .article_dt li.address {
    font-size: 15px;
    word-break: break-all;
}
.box-giftlist .article_dt li i {
    font-size: 16px;
    opacity: 0.5;
    top: 5px;
    display: none;
}
.box-giftlist .actions, .favoritelist .actions, .favoritelist .actions {
    padding: 0 15px 15px 15px;
}
.box-giftlist .actions a, .favoritelist .actions a, .inquiry-list .actions a {
    font-size: 14px;
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 7px 10px;
    margin: 0;
    width: 50%;
    background-color: #59493f;
}
.box-giftlist .actions a.close, .favoritelist .actions a.close {
    background: url(../image/icon/icon-close.svg) no-repeat center #b6a692;
    background-size: 35px;
    width: 35px;
    height: 35px;
    padding: 0;
    opacity: 1;
}
.box-giftlist .actions a:first-child {
/*border-right: 2px solid #fff;*/
}
.box-giftlist .actions a:hover {
    background-color: #891c21;
}
.box-giftlist .article-layout.article-grid .article_dt.add {
    height: 200px;
}
.box-giftlist .add a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    color: #891c21;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 25%;
    width: 100%;
    height: 100%;
}
.box-giftlist .add a:hover {
}
.box-giftlist .add i {
    display: block;
    font-size: 25px;
    margin-bottom: 5px;
}
.box-memberlist.row {
    margin-left: -10px;
    margin-right: -10px;
}
.box-memberlist .article-layout {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.box-memberlist .article-layout .content-bg {
    border-radius: 10px;
}
.box-memberlist .article-layout .article-name h2 {
    line-height: 60px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8dac4;
    font-size: 19px;
    background-color: #f6f3ee;
    padding: 0px 20px;
}
.box-memberlist .article-layout .article-name h2 a {
    font-size: 23px;
    color: #5a4a40;
    font-weight: normal;
}
.box-memberlist .article-layout .article-name h2 img {
    width: 60px;
    margin-right: 5px;
}
.box-memberlist .article-layout .article_dt {
    padding: 0;
}
.box-memberlist .article_dt ul {
    list-style-type: disc;
    margin-left: 20px;
    color: #5a4a40;
    /* margin: 20px; */
    padding: 10px 20px;
    height: 180px;
}
.box-memberlist .article_dt li {
    font-size: 15px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.box-memberlist .article_dt li a {
    color: #5a4a40;
}
.box-memberlist .article_dt li span {
    font-size: 14px;
    margin-top: 5px;
}
.box-memberlist .article_dt li span.message {
    border-radius: 100%;
    background-color: #c00;
    color: #fff;
    line-height: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
}
.box-memberlist .article-list .article-image {
    margin: 15px 0 0 15px;
}
.box-memberlist .article_dt li a.btn {
    color: #fff;
    padding: 3px 8px;
    font-size: 13px;
    margin-left: 5px;
    border-radius: 3px;
}
.favoritelist .price-old {
    float: left !important;
    margin-left: 10px;
}
.form-block.purchaser {
    background-color: #f6f3ee;
    clear: none !important;
    margin-left: -1px;
}
.form-block.purchaser ul {
    color: #59493f;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 25px;
}
.form-block.purchaser li {
    margin-bottom: 5px;
}
.form-block.purchaser h4 {
    border-bottom: 0;
}
.form-block.purchaser h4:after {
    content: "";
    width: 55px;
    height: 2px;
    background-color: #d1c7bb;
    position: absolute;
    left: 0;
    top: 48px;
}
.form-block.purchaser .tag {
    background-color: #b6a692;
    border-color: #b6a692;
    color: #fff;
}
.form-block.purchaser.purchaser-final {
    background-color: #fff;
    margin-left: 0;
}
.form-block.purchaser.purchaser-final ul {
/*color: #891c21;
	font-size: 15px !important;*/
}
.input-prepend {
    color: #59493f;
    margin-bottom: 10px;
}
.input-prepend select, .input-prepend input {
    padding: 8px 12px;
    height: auto;
}
.input-prepend input {
    width: 20%;
}
.input-prepend input.full-input {
    width: 30%;
}
.input-prepend .add-btn {
    padding: 7px 30px;
}
/***我的詢價車**/
.data-table.inquiry-table td {
    border: 1px solid #e8dac4;
}
.data-table .inq_date {
    width: 15%;
}
.data-table .inq_num {
    width: 10%;
}
.data-table .inq_info {
    width: 35%;
}
.data-table.inquiry-table tr td.inq_info {
    border-bottom: 0;
    text-align: left;
    font-size: 15px;
    color: #59493f;
    padding: 10px;
}
.data-table.inquiry-table .inq_price {
    color: #c00;
    font-size: 14px;
}
.data-table .inq_total {
    width: 15%;
}
.data-table .inq_status {
    width: 10%;
}
.data-table .inq_order {
    width: 10%;
}
.member-page .data-table .add-btn {
    padding: 5px 10px;
    background-color: #891c21;
    width: 100%;
    margin: 0;
}
.data-table.inquiry-table .add-btn i {
    margin-right: 0;
    font-size: 17px;
}
.data-table.inquiry-table .inq_message {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    border-bottom: 7px solid #e8dac4;
    background-color: #f7f7f7;
}
.data-table .inq_info ul {
    text-align: left;
    font-size: 16px;
    color: #59493f;
}
.data-table .inq_info li {
    margin: 5px 0;
    background: url(../image/icon/icon-dot.svg) no-repeat 0 8px;
    padding-left: 15px;
}
.data-table .date-comments {
    margin-top: 10px;
    font-size: 13px;
    color: #666;
}
.data-table .date-comments i {
    margin-right: 3px;
}
.data-table .increase.qty {
    background-color: #59493f;
    font-size: 13px;
    line-height: 20px;
}
.data-table .increase.qty::after {
    border-right-color: #59493f;
}
.data-table td.inq_order {
    color: #891c21;
}
.data-table td.inq_order a {
    display: block;
}
/*Begin Blog Small*/

.content-blog-small {
    padding: 10px 30px 0;
}
.item-post-small {
    border-bottom: 0;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.coupons-list {
    border: 2px dotted #ccc;
    padding: 10px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.coupons-list.events {
    border: 1px solid #eeeeee;
}
.coupons-list .post-thumb, .coupons-list .post-info, .coupons-list .coupons-btn {
    display: table-cell;
    vertical-align: middle;
}
.coupons-list .coupons-btn {
    text-align: right;
}
.coupons-list .post-thumb {
    width: 130px;
    margin: 0 10px 0 0;
}
.coupons-list .post-info {
    padding: 5px;
}
.item-post-small:last-child {
    border: medium none;
    margin: 0;
}
.coupons-btn a, .coupons-btn span {
    background: #ff6b57;
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
    width: 100%;
}
.coupons-btn span {
    background: #e7505a;
}
.coupons-btn span.pass {
    background: #ffbb00;
}
.coupons-btn span.not-pass {
    background: #999;
}
.content-blog-small .pagi-bar.bottom {
    border-top: 1px solid #e5e5e5;
    margin: -31px -30px 0;
    padding-top: 30px;
}
.coupons-list .post-title {
    font-size: 21px;
    margin: 0;
    padding: 0 0 10px 0;
    border: 0;
}
.coupons-list .post-title span {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    margin-left: 5px;
}
.coupons-list .desc {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}
.coupons-list .note {
    font-size: 15px;
    color: #999;
    line-height: 20px;
    margin: 5px 0 0 0;
}
.post-date-comment.list-post-tag {
    padding-left: 25px;
    position: relative;
}
.post-date-comment.list-post-tag li {
    margin-right: 0!important;
}
.post-date-comment.list-post-tag i.fa {
    left: 0;
    position: absolute;
    top: 3px;
}
.item-post-small .post-date-comment li:first-child {
    margin-right: 25px;
}
.used .coupons-btn a, .used .coupons-btn span {
    background: #ccc;
}
.coupons-txt {
    padding: 20px;
}
.winnerbox {
    text-align: center;
    width: 100%;
}
.winnerbox button.close {
    top: 15px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #a5cf4c;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
    font-weight: normal;
}
.winnerbox .pro {
    max-width: 58%;
    margin: 15px 0;
    margin-top: 19%;
    -webkit-box-shadow: 0px 0px 24px 2px rgba(255,255,191,0.64);
    -moz-box-shadow: 0px 0px 24px 2px rgba(255,255,191,0.64);
    box-shadow: 0px 0px 24px 2px rgba(255,255,191,0.64);
    border: 1px solid #ffdc00;
}
.winner-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    display: block;
    border-bottom: 1px solid #E5E5DC;
    padding-bottom: 20px;
}
.winner-list:last-child {
    border: 0;
    padding-bottom: 5px;
}
.winner-list li {
    display: inline-block;
    width: 15%;
}
.winner-list li h4 {
    font-size: 15px;
}
.winner-list li img {
    border: 1px solid #ccc;
    padding: 2px;
    background: #fff;
}/*End Blog Small*/
ul.menu-list {
    width: 50%;
    margin: auto;
    padding: 0;
    list-style-type: none;
    overflow: -webkit-paged-x;
}
ul.menu-list li {
    width: 50%;
    float: left;
    position: relative;
}
ul.menu-list li + li {
    margin-left: 2px;
    margin-right: -2px;
}
ul.menu-list li a {
    text-align: center;
    display: block;
    padding: 15px 20px;
    font-size: 17px;
    background-color: #999;
    color: #fff;
}
ul.menu-list li.current a {
    background-color: #a5cf4c;
}
ul.menu-list li.current a::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: auto;
    left: 50%;
    bottom: -20px;
    border: 10px solid transparent;
    border-top-color: #a5cf4c;
    width: 20px;
    height: 20px;
    margin-left: -10px;
}
.shop-cart-table .product-thumbnail {
    width: 15%;
    padding: 5px;
}
.form-complete .form-group {
    border-bottom: 1px dotted #e8e4e4;
}
.fixed-button {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #fff;
    text-align: center;
}
.fixed-button ul.button-menu {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
}
.fixed-button ul.button-menu li {
    width: 100%;
    font-size: 14px;
    text-align: center;
    list-style: none;
    width: 80px;
}
.fixed-button ul.button-menu li.full{
    flex-grow: 1;
}
.fixed-button ul.button-menu li.fb-messenger {
    background-color: #365899;
}
.fixed-button ul.button-menu li.phone {
    background-color: #00c0e9;
}
.fixed-button ul.button-menu li.line-message {
    background-color: #3ace00;
}
.fixed-button ul.button-menu li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    background: #666;
    font-weight: bold;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    flex-wrap: wrap;
}
.fixed-button ul.button-menu li a span{
    display: block;
    font-size: 13px;
    width: 100%;
}
@media (min-width: 1080px) {
.form-group {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 15px;
}
.col-lg-9 .form-group, .gift-list .form-group {
    width: 100%;
}
}

@media (min-width: 767px) {
}

@media (max-width: 1080px) {
.page-error-404 {
    font-size: 170px;
    margin-bottom: 30px;
}
.form-block.purchaser {
    margin-left: 0;
}
.form-block.purchaser .btn {
    width: auto;
}
.form-block.purchaser.purchaser-final {
    height: auto;
}
.form-block.purchaser.purchaser-final:ffirst-child {
 margin-bottom: 0;
}
.inquiry-page .shop-cart .product-thumbnail {
    width: 6%;
}
}

@media (max-width: 992px) {
.block-account .block-content {
    margin: 0;
    border: 0;
    padding: 0;
}
.block-account .block-content ul {
    overflow: hidden;
    margin-right: -1px;
    padding-bottom: 1px;
}
.block-account .block-content ul li {
    width: 50%;
    margin-right: -1px;
    margin-bottom: -1px;
    padding: 10px 5px;
    display: block;
    float: left;
    text-align: center;
}
/*.block-account .block-content ul li {
    width: 33%;
    display: inline-block;
    text-align: center;
    margin-bottom: 3px;
    background-color: #f3f2eb;
    border-bottom: 1px solid #e8dac4;
	padding: 15px 10px;
	}*/
#column-left {
    padding-left: 15px;
    padding-right: 15px;
}
.block-account .title-header {
    display: none;
}
.modal-dialog.first-login {
    width: 95%;
}
.single-contact_us .left_contact {
    margin-top: 50px;
}
.page-404 {
    margin: 0;
}
.form-block.product_details .product-review-tab .nav {
    display: table;
    width: 100%;
}
.form-block.product_details .product-review-tab .nav li {
    border-right: 0;
    /*height: 60px;*/
    margin-right: 2px;
}
.form-block.product_details .product-review-tab .nav li a {
}
.form-block.product_details .tab-content {
    margin-top: -1px;
    padding: 20px 10px;
}
.shop-cart td {
    padding: 20px 3px;
}
.shop-cart .product-thumbnail {
    width: 20%;
}
.inquiry-page .shop-cart .product-thumbnail {
    width: 10%;
}
.shop-cart td.product-price, .shop-cart td.product-subtotal {
    font-size: 15px;
}
.shop-cart .product-name a {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 3px;
}
.coupon {
    width: 100%;
    float: none;
}
.coupon input {
    width: 80%;
}
.coupon .add-btn {
    width: 19%;
}
.payment-select1.payment-new li span.title {
    width: 190px;
    font-size: 15px;
    margin-right: 15px !important;
}
.payment-select1.payment-new li span select {
    font-size: 13px;
}
.payment-select1.payment-new li span.txt {
    width: 68%;
    font-size: 14px;
    line-height: 20px;
}
.form-container.login-form {
    padding: 40px 10px;
    margin-bottom: 60px;
}
.form-container.login-form.fb-login {
    padding: 40px;
}
.shop-cart.multi-cart .shipping-select select {
    width: 15%;
}
.shop-cart.multi-cart .shipping-select input {
    width: 85%;
}
.single-contact_us .contact_in-box {
    padding-bottom: 40px;
    border-bottom: 1px solid #e8dac4;
}
.favoritelist .product-list .description {
    display: none;
}
.favoritelist .product-list .product-thumb .image {
    max-width: 25%;
}
.favoritelist .product-list .name a {
    font-size: 19px;
}
.display-tablet {
    display: block;
}
.hidden-tablet {
    display: none;
}
ul.menu-list {
    width: 70%;
}
}

@media (max-width: 767px) {
#content.col-sm-12.member-page {
    padding: 0 0 30px 0;
}
#yt_wrapper #yt_left .block-account .block-content {
    border-bottom: 0;
    margin-bottom: 20px;
}
#yt_wrapper #yt_left .block-account .block-content > ul {
    width: 90%;
    overflow: hidden;
    margin: auto;
}
#yt_wrapper #yt_left .block-account .block-content ul li {
    float: left;
    width: 47%;
    text-align: center;
    margin-right: 8px;
    border-bottom: 1px solid #e9e9e9;
}
.payment-select1 li span.title {
    width: 100%;
    border: 0;
}
.payment-select1 span.txt, .payment-select1 li span.txt2 {
    font-size: 13px;
    margin-left: 34px;
    display: block;
    line-height: 20px;
    color: #666;
}
.payment-select1 li span.txt2 {
    margin-left: 20px;
    margin-top: 5px;
    line-height: 18px;
}
.form-container .form-group.form-txt {
    padding: 10px;
}
.form-container .form-group.question-group {
    padding: 10px 0;
    margin: 0 -15px;
}
.form-container .question-group .controls label {
    width: 23%;
}
.form-container .question-group .controls label.other {
    width: 46%;
}
.hidden-phone {
    display: none;
}
.display-phone {
    display: block;
}
.data-table .cart-detail {
    text-align: left;
}
.form-block.product_details .product-review-tab .nav li a {
    padding: 9px 20px;
}
.checkout-page .form-container .form-block, .member-page .form-container .form-block {
    border: 0;
    padding: 0;
}
.form-container .control-label {
    width: 30%;
    float: left;
    font-size: 15px;
}
.form-container .controls {
    width: 70%;
}
.notmember {
    border-left: 0;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.login-form.form-container .col-xs-12 .controls, .login-form.form-container .col-xs-7 .controls {
    width: 100%;
    margin: 0;
}
.form-container .question-group .controls label {
    width: 31%;
}
.form-container .question-group .controls label.other {
    width: 62%;
}
.shop-cart .product-quantity {
    padding: 10px 0;
}
.steps, .login-page .steps {
    width: 100% !important;
}

.coupon-txt{margin-bottom: 60px;}
.installation {
    font-size: 13px;
}
.modal-body .login-form {
    padding: 20px 0;
    margin-left: 0;
}
.gift-list .shop-cart td {
    font-size: 15px;
    padding: 10px 10px;
}
.gift-list .shop-cart td .name {
    font-size: 17px;
    font-weight: bold;
}
.gift-list .shop-cart .cart_table_title {
    color: #59493f;
    border: 1px solid #e8dac4;
    background-color: #f6f3ee;
}
.form-container h4 .add-btn {
    margin: 0;
    position: static;
    float: right;
}
.checkout-page .form-container h4 {
    overflow: hidden;
}
.shop-cart.multi-cart td {
    border-bottom: 1px solid #59493f;
}
.shop-cart.multi-cart .product-name a {
    padding-right: 100px;
}
.shop-cart.multi-cart .product-name span.qty {
    float: left;
    margin-right: 10px;
    font-size: 16px;
}
.shop-cart .tag.qty {
    font-size: 13px !important;
    font-weight: normal;
}
.shop-cart.multi-cart .shipping-select a {
    font-size: 17px;
    font-weight: bold;
    margin-top: 5px;
}
.shop-cart .tag.shipping {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 15px;
}
.payment-select1.payment-new li span.txt {
    width: auto;
    margin-left: 0;
    margin-top: 10px;
}
.form-block.purchaser {
    padding: 20px !important;
}
.form-block.purchaser.purchaser-final {
    padding: 0 !important;
}
.data-table tr td {
    text-align: left;
    padding: 20px 10px;
}
.data-table.news-table {
    border: 0;
}
.data-table.news-table tr td {
    padding: 20px 5px;
}
.data-table.news-table td ul {
    position: relative;
}
.data-table.news-table td li.title {
    padding-right: 70px;
    font-size: 17px;
}
.data-table.news-table tr.readed td li.title {
    font-size: 16px;
}
.data-table.news-table td li.info {
    font-size: 14px;
    margin-bottom: 10px;
}
.data-table.news-table td li .tag {
    position: absolute;
    top: 0;
    right: 0;
}
.form-container h4 .add-btn {
    position: static;
    margin-top: 10px;
}
.checkout-page .form-container h4 a.btn {
    padding: 5px 10px;
}
.member-page .page-title .btn + .btn {
    position: absolute;
    right: 0;
}
.input-prepend input {
    width: 36%;
}
.input-prepend {
    text-align: right;
}
.input-prepend input.full-input {
    width: 74%;
}
.favoritelist .product-list .name a {
    font-size: 17px;
}
.favoritelist .product-list .product-thumb .image {
    max-width: 30%;
    margin-right: 0;
}
.data-table .inq_info {
    width: 60%;
}
.data-table .inq_status {
    width: 15%;
}
.data-table .inq_order {
    width: 15%;
}
.data-table.inquiry-table td {
    border-right: 1px solid #e8dac4;
    border-bottom: 1px solid #e8dac4;
    text-align: center;
    padding: 20px 15px;
}
.data-table.inquiry-table td.inq_info {
    font-size: 15px;
    line-height: 27px;
    color: #891c21;
    text-align: left;
    display: table-cell;
}
/*.data-table.inquiry-table td.inq_info > div {
    border-top: 1px dotted #e8dac4;
    padding-top: 15px;
    margin-top: 15px;
}*/
.data-table td.inq_info .inq_order {
    width: 100%;
    color: #59493f;
    margin-top: 15px;
}
.data-table td.inq_info .inq_order a {
    display: inline-block;
    padding: 7px 20px;
    background-color: #891c21;
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
    border-radius: 2px;
}
.data-table td.inq_info strong {
    font-size: 16px;
}
.member-page .data-table .inq_info .add-btn {
    display: block;
    width: 200px;
    margin-top: 10px;
}
.data-table th {
    border: 0;
}
.data-table th + th {
    border-right: 1px solid #e8dac4;
}
.my-faq .acc-btn {
    padding-left: 20px !important;
}
#verifycodeImg, .verifycodeImg {
    height: 42px;
    margin-right: 5px;
    margin-left: 5px;
}
.form-container .form-group select + select,
.form-container .form-group input + input {
    margin-left: -1px;
    margin-right: 0;
}

.form-container .form-block {
    padding: 15px;
    border-radius: 10px;
}
}

@media all and (max-width: 479px) {
.display-phone {
    display: block;
}
.shop-cart .product-name .increase::after {
    display: none;
}
.shop-cart .product-name .increase {
    margin-left: 5px;
    font-size: 13px;
    line-height: 20px;
}
.input-group-btn .btn {
    padding: 11px 13px;
}
.input-prepend #s_state, .input-prepends input {
    width: 100%;
}
.form-container .control-label, .form-container .controls {
    padding-right: 0;
}
.form-container .controls {
    width: 100%;
    padding-left: 0;
}
.form-container .control-label {
    line-height: 18px;
    width: 100%;
    text-align: left;
    padding-top: 5px;
}
.col-sm-12.controls {
    padding-left: 0;
    padding-right: 0;
}
.controls .add-btn, .form-container h4 .add-btn {
}
.form-container.login-form {
    padding: 20px;
    margin-bottom: 50px;
}
.form-container.login-form > div {
    width: 100%;
    padding: 15px 0 !important;
}
.form-container.login-form > div.notmember {
    border-top: 1px solid #d8d8d8;
    padding-top: 30px !important;
}
.login-form .add-btn {
    padding: 15px 25px;
}
.notmember {
    margin-top: 30px;
    padding-top: 30px;
}
.form-container .form-actions {
    margin-bottom: 0;
    text-align: center;
}
#yt_wrapper #yt_left .block-account .block-content > ul {
    width: 100%;
}
.data-table .cart-detail strong {
    font-size: 110%;
}
.form-container .question-group .controls label {
    width: 100%;
}
.form-container .question-group .controls label.other {
    width: 100%;
}
.checkout-page .form-container .form-block, .member-page .form-container .form-block {
    padding: 15px 0px;
}
.member-page .phone-btn .add-btn {
    display: inline-block;
    width: 32%;
    padding: 8px 5px;
    margin: 0 0 5px 0;
}
.page-title h2 {
    font-size: 28px;
}
.shop-cart td {
    padding: 20px 5px;
}
.shop-cart .product-name .price, .shop-cart td.product-price, .shop-cart td.product-subtotal {
    font-weight: normal;
    font-size: 16px;
}
.shop-cart .product-name .price-old {
    margin: 0 5px 0 0;
    font-size: 13px;
    font-weight: 300 !important;
}
.shop-cart.multi-cart .shipping-select select {
    width: 15%;
}
.shop-cart.multi-cart .shipping-select input {
    width: 85%;
}
.shop-cart.multi-cart .shipping-select .input-group-btn {
    margin-left: -81px;
}
.notice {
    text-align: left;
}
.form-container .form-group, .form-horizontal .form-group {
    /*padding: 10px 0;
    border-bottom: 1px dotted #E5E5DC;*/
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.add-btn img {
    width: 20px;
    margin-right: 5px;
}
.form-container h4 .add-btn img {
    width: 25px;
    margin-right: 5px;
    opacity: 0.5;
}
.shop-cart td.product-name {
    padding: 20px 0;
}
.page-404 {
    margin: 30px 0;
}
.page-404 .input-group {
    width: 100%;
}
.page-404 p {
    font-size: 17px;
    line-height: 32px;
}
.page-error-404 {
    font-size: 110px;
}
.minibox {
    padding: 7px;
}
.form-block.product_details .tab-content {
    padding: 20px 10px;
    margin-bottom: 0;
}
.form-block.product_details .product-review-tab .nav li {
    display: table-cell;
    float: none;
}
.form-block.product_details .product-review-tab .nav li a {
    padding: 9px 15px;
    font-weight: bold;
    font-size: 15px;
}
#content.col-sm-12.member-page {
    margin-left: 0;
    margin-right: 0;
}
.total {
    margin: 10px 0;
    width: 100%;
}
.total table {
    width: 100%;
}
.coupon input {
    width: 70%;
}
.coupon .add-btn {
    width: 28%;
}
.login-form .notmember {
    margin-top: 30px;
}
.first-login.gift-list h3 {
    margin-top: 30px;
    font-size: 25px;
}
.first-login.gift-list h3 img {
    width: 90px;
    left: 0;
    margin-left: 15px;
}
.level-block {
    padding: 30px 15px;
}
.level-block .upgrade {
    padding: 20px;
}
.steps li .title {
    margin-top: 7px;
    padding: 0 15px;
    line-height: 16px;
}
.checkout-page .form-container h4, .payment-select1 h4, .member-page .form-container h4 {
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 5px;
}
.checkout-page .form-container h4 label {
    margin-left: 10px;
    font-size: 15px;
}
.steps {
    margin-bottom: 20px;
}
.steps li .step {
    width: 55px;
    height: 55px;
    line-height: 45px;
}
.shop-cart.multi-cart button {
    padding: 11px 0;
    width: 40px;
}
.order-btn {
    padding: 10px 30px;
    min-width: 120px;
}
.box-memberlist .article-layout {
    width: 100%;
}
.box-memberlist .article-layout .content-bg {
    border: 1px solid #e8dac4;
}
.box-memberlist .article_dt ul {
    height: auto;
}
.favoritelist .product-list .name a {
    font-size: 15px;
}
.favoritelist .product-list .product-thumb .caption {
    padding: 15px 10px 0 0;
}
.data-table.faq-table th {
    width: 27%;
    padding: 0;
}
.my-faq .acc-btn .subject {
    padding-right: 0;
}
.gift-list .form-group.form-add label, .gift-list .form-group.form-add .controls {
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 5px;
}
.gift-list .shop-cart .group-action .btn {
    margin: 0;
    padding: 10px 0;
    width: 43%;
}
.gift-list .shop-cart .group-name, .gift-list .shop-cart .group-action {
    width: 50%;
}
#verifycodeImg, .verifycodeImg {
    height: 38px;
}
.icon-notice {
    margin: 0 20px 0 0;
}
ul.menu-list {
    width: 100%;
}
ul.menu-list li a {
    padding: 10px 0;
    font-size: 15px;
}
.coupons-list .post-thumb, .coupons-list .post-info, .coupons-list .coupons-btn {
    display: block;
}
.coupons-list .post-thumb {
    width: 30%;
}
.coupons-list .post-info {
    width: 65%;
}
.coupons-btn a {
    background: #ff6b57;
    border-radius: 0;
    width: 100%;
    height: auto;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-top: 5px;
    clear: both;
    margin: 0;
}
.coupons-list .post-title {
    margin-top: 10px;
}
.coupons-list.events .post-title{
    line-height: 1.3;
    font-size: 16px;
}
.coupons-list.events .post-title a{
    height: 40px;
    overflow: hidden;
    display: block;
}

.coupons-list .post-title a{
   color: #000;;
}
.coupons-btn{
    width: 100%;
    margin-top: 10px;
}
.used .coupons-btn a{
    background: #ccc;
}
.reservation-list .coupons-list {
    border: 1px solid #ddd;
}
.reservation-list .coupons-list .post-info {
    width: 100%;
}

}

@media all and (max-width: 379px) {
.form-block.product_details .product-review-tab .nav li a {
    padding: 9px 12px;
}
.input-prepend input.full-input {
    width: 70%;
}
#verifycodeImg, .verifycodeImg {
    height: 42px;
}
}

@media all and (max-width: 320px) {
.shop-cart.multi-cart .shipping-select select {
    width: 100%;
}
.shop-cart.multi-cart .shipping-select input {
    width: 100%;
}
.checkout-page .form-container h4, .payment-select1 h4, .member-page .form-container h4 {
    font-size: 19px;
}
.checkout-page .form-container h4 a.btn {
    padding: 5px 5px;
}
.input-prepend input {
    width: 34%;
}
.input-prepend input.full-input {
    width: 65%;
}
.member-page .page-title .btn, .member-page .page-title .filter select {
    padding-left: 7px;
    padding-right: 7px;
}
#verifycodeImg, .verifycodeImg {
    height: 32px;
}
.form-container.login-form {
    padding: 0;
    background-color: transparent;
}
.coupon .add-btn {
    padding: 10px 0;
}
.coupons-list .note, .coupons-list .desc{
    font-size: 14px;
}
}