body,h1, h2, h3, h4, h5, h6, p,.navbar .navbar-nav,.large_white,.medium_white,.small_white{
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif!important;

}

body,p{
	font-weight: normal;
	font-size: 15px;
	color: #555;

}

img {
    max-width: 100%;
    height: auto;
}

.animate{
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

hr {
    margin:15px 0;
}



/*--------------------------------
start. header*/

.header {
    border-top: 3px solid #e60012!important;
    border-bottom: 0;
}

.logo img{
	height: 54px;
}

.cart .quantity {
    width: 64px;
    text-align: center;
}

.cart .quantity, .header-dropdown-buttons .btn-group .dropdown-menu.cart, .total-amount, .total-quantity {
    font-size: 14px;
}

.cart .product {
    font-size: 15px;
}

.dropdown-menu > li > a {
    font-size: 15px;
}

.content-slider-with-controls .owl-nav .owl-next:hover, .content-slider-with-controls-autoplay .owl-nav .owl-next:hover, 
.content-slider-with-thumbs .owl-nav .owl-next:hover,
.content-slider-with-controls .owl-nav .owl-prev:hover, .content-slider-with-controls-autoplay .owl-nav .owl-prev:hover, 
.content-slider-with-thumbs .owl-nav .owl-prev:hover {
    padding-right: 0;
    padding-left: 0;
    color: rgba(255, 255, 255, 0);
}

.header-dropdown-buttons .btn-group .dropdown-menu {
    right: -50px;
}

.header-dropdown-buttons .btn-group .dropdown-menu.cart {
    right: -5px;
}

.fixed-header-on .header .logo img {
    max-height: 50px;
}



@media (max-width: 1200px) {

}

@media (max-width: 992px){

}

@media (max-width: 767px){
	.transparent-header .main-navigation .navbar.navbar-default {
	    position: inherit;
	}
	.header-first .header-dropdown-buttons {
	    position: initial;
	    text-align: right;
	    margin-top: 15px;
	}	

	.navbar.navbar-default {
	    margin: 5px 0 15px;
	}

}

@media (max-width: 420px){
	.logo img {
	    height: initial;
	}
}

/*end. header
--------------------------------*/





/*--------------------------------
start. footer*/

.subfooter,.subfooter a{
    color: #fff;
}

.subfooter a:hover{
    color: #e60012;
}

.subfooter .list-icons {
	text-align: center;
}

.subfooter .list-icons li{
	display: inline-block;
	font-size:16px;
	padding: 5px;
}

.list-icons li i {
    min-width: 20px;
}

.subfooter p {
    color: #fff;
}

@media (max-width: 992px){


}

@media (max-width: 768px){

	.subfooter .list-icons li {
	    display: block;
	}

}

@media (max-width: 400px){

}
/*end. footer
--------------------------------*/




/*--------------------------------
start. index*/

.idx-pro-box .listing-item .body h3 {
    margin: 0;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.idx-pro-box {
	margin:20px 0; 
}

.overlay-link{
    background-color: rgba(230, 0, 18, .3);
}

.pro-list{
    width: calc(100% / 3 - 14px);
    margin: 5px;
    display: inline-block;
    vertical-align: top;
}

.idx-pro-list{
    width: calc(100% / 2 - 14px);
    margin: 5px;
    display: inline-block;
    vertical-align: top;
}

.slideshow .dark-translucent-bg {
    background-color: rgba(0, 0, 0, 0.2);
}

.tp-title-wrap{
    display: none!important;
}

.text-white p,.text-white{
    color: #fff;
}



@media (max-width: 768px){
    .pro-list,.idx-pro-list{
        width: 100%;
        margin: 0;
    }

    .tp-caption.medium_white{
        display: none!important;
    }

    .tp-caption.large_white{
        font-size: 60px;
    }


}


/*end. index
--------------------------------*/




/*--------------------------------
start. in*/




.nav-pills:not(.nav-stacked) {
    margin: 0px 5px;
}

.in-box .nav-pills > li > a {
    color: #333;
    font-size: 15px;
    border: 1px solid #888888;
}

.in-box .nav-pills > li.active > a,.in-box .nav-pills > li.active > a:hover,.in-box .nav-pills > li.active > a:focus,.in-box .nav-pills > li > a:hover,
.in-box .nav-pills > li > a:focus {
    color: #e60012;
    border: 1px solid #e60012;
}

.in-pro-box {
	margin:40px 0 20px; 
}

.in-pro-box .listing-item .body h3 {
    line-height: 1.2;
    font-weight: bold;
    font-size: 20px;
}

.listing-item .price {
    color: #e60012;
    font-size: 24px;
    font-weight: bold;
}

.in-box .listing-item .price {
    float: left;
    margin: 5px 20px 5px 0;
}

.in-box .form-control {
    display: inline-block;
    width: 50px;
    padding: 5px;
    text-align: center;
}


.listing-item .price del {
    font-size: 13px;
    color: #777;
}

.in-box .btn-default-transparent {
    padding: 8px;
    margin: 0 15px;
    vertical-align: initial;
}

.in-box label {
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    font-weight: bold;
}

.pro-form-group {
    margin: 5px 20px 5px 0;
}

.btn-default-transparent{
	color: #ffffff;
    background-color: #ff6b76;
    border-color: #ce2c2c;
 }

 .btn-default-transparent:hover {
    color: #ffffff;
    background-color: #ff6a75;
    border-color: #ff636f;
}

.nav-pills > li {
    margin: 5px 5px 5px 0px;
}

.nav-pills > li + li {
    margin-left: 0;
}

.in-box h2, .h2 {
    margin: 0;
}

.nav-tabs.style-4 > li > a {
    color: #373737;
    font-size: 16px;
}

.container .content-slider-with-large-controls, .container .content-slider-with-large-controls-autoplay {
    margin-bottom: 30px;
}

.in-box .in-info-box ul {
    list-style: inherit;
    padding: 5px 20px;
}

.nav-tabs.style-4 {
    margin: 25px 0 0;
}

.tab-content > .tab-pane {
    padding: 20px;
    border: 1px #ddd solid;
    color: #333;
}

.hvr-underline-from-left {
    background: #fff;
    border: 2px #555 solid;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 10px 5px 5px 0px;
    color: #555;
}

.hvr-underline-from-left:hover {
    border: 2px #e60012 solid;
    color: #e60012;
    text-decoration: none;
}

.hvr-underline-from-left:before {
    background: #e60012;
    height: 2px;
}

.mfp-counter{
    display: none;
}

nav.pagination-container {
    border-top: 1px #ddd solid;
}

.bordered {
    border: 1px solid #ddd;
}

ul.pagination li > a, .pagination > li:first-child > a, .pagination > li:last-child > a, ul.pager li > a {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background-color: #fff;
    color: #777;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
}

ul.pagination, ul.pager {
    margin: 30px auto 40px;
    text-align: center;
    width: 100%;
}

.listing-item .overlay-to-top {
    padding: 10px !important;
}

.in-box .owl-dots{
    display: none;
}

.in-box .overlay-visible .overlay-bottom,.in-box  .overlay-visible .overlay-top {
    padding-bottom: 0;
}

.in-pro-list{
    margin: 5px;
}

.separator-red,.separator-red-left{
    width: 100%;
    margin: 0px auto 40px;
    padding: 0 0 15px;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.separator-red:after{
    height: 3px;
    background: #e60012;
    position: absolute;
    bottom: -1px;
    content: "";
    width: 50px;
    left: calc(50% - 25px);
}

.separator-red-left:after {
    height: 3px;
    background: #e60012;
    position: absolute;
    bottom: -1px;
    content: "";
    width: 50px;
    left:0;
}

.separator-black-left {
    width: 100%;
    margin: 0px auto 20px;
    padding: 0 0 15px;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.separator-black-left:after {
    height: 3px;
    background: #333;
    position: absolute;
    bottom: -1px;
    content: "";
    width: 50px;
    left:0;
}


.who {
    margin-bottom: 20px;
}

.who li {
    margin-bottom: 6px;
    font-size: 16px;
}

.who li i {
    color: #e60012;
    font-size: 16px;
    min-width: 20px;
    margin-right: 8px;
    text-align: center;
    position: relative;
}

.who li:hover a:hover {
    text-decoration: none;
}

.fa-home{
    font-size:20px!important;
}

#map-canvas {
    height: auto;
}

.center-menu {
    text-align: center;
    margin-bottom: 40px;
}

.center-menu .nav-pills:not(.nav-stacked) {
    margin: 0;
}


.light-gray-bg.form-block h2,.light-gray-bg.form-block {
    color: #333;
}

.social-links a:hover{
    opacity: .8;
}

.light-gray-bg.form-block a, .light-gray-bg.form-block a:hover{
   color:#e60012;
}

.dark-translucent-bg p strong{
    color: #fff;
}

.member-box .nav-pills > li > a {
    color: #666;
    font-size: 15px;
}

.member-box .nav-pills > li {
    margin: 5px 5px 10px 0px;
    border: 1px #dadada solid;
    padding-left: 10px;
}

.member-box .nav-pills > li:hover,.member-box .nav-pills > li.active{
    border: 1px #e60012 solid;
    -webkit-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
}

.member-box .nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:after{
    color: #e60012;
}

.text-danger {
    color: #e60012;
}

.cart.table .product {
    font-size: 16px;
}

.cart.table .product img {
    width: 100%;
    max-width: 200px;
    min-width: 70px;
    height: auto;
}

.cart.table .btn-remove {
    top: 0;
}

.btn-remove {
    font-size: 14px;
    padding: 5px 15px;
    margin: 0;
}

.scrollToTop {
    background-color: rgb(230, 0, 18);
}

.cart.table .quantity input {
    width: 46px;
    text-align: center;
}

 .cart.table > tbody > tr > td,.table > thead > tr > th{
    padding: 8px;
}

.cart.table .product a{
    color: #000;
}

.cart.table .product a:hover{
    color: #e60012;
    text-decoration: none;
}

fieldset {
    border: 2px solid #dddddd;
}

fieldset legend {
    padding: 10px 10px 8px;
    font-size: 20px;
    border: 2px solid #dddddd;
}

@media (max-width: 768px){
	.nav-pills > li {
	    margin: 5px 0;
	    float: none;
	}
	.in-pro-box {
	    margin: 30px 0 20px;
	}
	.in-box .listing-item .price {
	    float: none;
	}
	.in-box .btn-default-transparent {
	    margin: 0 10px;
	}
    .nav-tabs.style-4 > li > a {
        border-bottom: 1px #888 dotted;
    }
}

@media (max-width: 600px){
    .cart.table .product {
        font-size: 14px;
    }

    .btn-remove {
        font-size: 13px;
        padding: 5px 8px;
    }

    .cart.table .quantity input {
        width: 36px;
        padding: 5px;
    }
}


@media (max-width: 480px){
    .overlay-container .text p:not(.mobile-visible) {
        display: block;
    }

    .in-box .overlay-bottom,.in-box .overlay-top {
        padding: 10px;
    }
    p {
        margin-bottom: 10px;
    }

    .sns-login a{
        width: 100%;
        margin:5px 0;
    }
}

/*end. in
--------------------------------*/