body, html {height:100%}
body {
	font:14px Tahoma, Geneva, sans-serif;
	color:#000;
}

a {cursor:pointer; color:#dd6904;}
a:hover {text-decoration:none; color:#dd6904;}
a:focus {
  outline:none;
  outline-offset:0;
  text-decoration:none;
}
ul {list-style:none; padding:0;}
h1,h2,h3,h4 {margin:0 0 5px 0;}

.navbar-default {
	padding-top:10px;
  	background:none;
	border:none;
	border-radius:0;
	margin:0;
}
.navbar-collapse {
	padding:0;
}
.navbar-toggle {
	float:none;
  	margin:0;
	border:none;
}
.nav > li > a {
  	padding: 15px 10px;
}

.navbar-default .navbar-nav > li > a {
	font-size:14px;
  	color: #000;
}
.navbar-default .navbar-nav > li:first-child > a {padding:15px 0;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  	color: #19b6e9;
}

.navbar-default .navbar-toggle .icon-bar {
  	background-color: #000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  	background-color: #000;
}
.container{
	width:1000px;
}
#header {
	background-color:#FFF;
}

#member-menu {padding:10px 0; border-bottom:solid 1px #000; background-color:#000; color:#fff;}
#member-menu .welcome {padding-top:5px;}
#member-menu .m_name {
  	color: #19b6e9;
}

.slider {background-color:#FFF;}

.website-content {padding:25px 0;}
.website-content .home-title {color:#dd6904; font-size:20px; margin-bottom:15px;}

.website-content .home-brand {
	/*border-top:solid 1px #dadada;*/
	/*border-bottom:solid 1px #dadada;*/
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
}
.website-content .home-brand .brand-box {margin-bottom:20px; height:200px}
.website-content .home-brand .title {text-align:center; color:#3f3f3f; margin-top:10px;}

.website-content .home-banner {margin:30px 0 15px 0;}
.website-content .info-shop .info-title {font-size:16px; font-weight:bold; margin-bottom:10px;}
.website-content .info-shop .info-line {color:#11ae12;}
.website-content .info-shop .info-tel {margin-bottom:15px;}
.website-content .info-shop .info-bank {margin-top:20px;}
.website-content .info-tab {margin-top:15px;}
.website-content .info-tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  	background-color:#F5F5F5;
  	color: #19b6e9;
}
.website-content .info-tab .nav > li > a {
  	padding:10px 15px;
}
.website-content .info-tab .tab-content {margin-top:15px;}
.website-content .home-member-login {
	color:#FFF;	
}
.website-content .home-member-login .title {
	font-size:18px;
	color:#f0546c;
	margin-bottom:15px;
	text-align:center;
}
.website-content .home-member-login .sub {
	text-align:center;	
	margin-bottom:40px;
	color:#464644;
}
.website-content .home-member-login .btn-login {
	display:block;
	width:100%;
	text-align:center;
	color:#FFF;
	background-color:#3C3C3C;
	border:solid 1px #575755;
	border-radius:30px;
	padding:15px 0;
}
.website-content .home-member-login .btn-facebook {
	display:block;
	width:100%;
	text-align:center;
	color:#FFF;
	background-color:#4B66A0;
	border:solid 1px #4B66A0;
	border-radius:30px;
	padding:15px 0;
}
.website-content .home-member-login .btn-register {
	display:block;
	width:100%;
	text-align:center;
	color:#FFF;
	background-color:#5db75d;
	border:solid 1px #5db75d;
	border-radius:30px;
	padding:15px 0;
}

#page .page-title {
	font-size:18px;
	color:#000;
	margin-bottom:20px;
}
#page .product-list li {margin-bottom:30px;}
#page .product-list li a {
	display:block;
}
#page .product-list li .item-media {
	border:solid 1px #D0D2D3;	
	margin-bottom:15px;
}
#page .product-list li .item-media img {margin:0 auto;}
#page .product-list li .item-title {
	text-align:center;
}

#page .product-brand {
	margin:5px 0 15px 0;	
}

#page .table-product thead tr {background-color:#EDEDED;}
#page .table-product thead th {border:none; color:#000;} 

#page .product-total {margin-bottom:15px;}
#page .product-total .total {
	color:#19B6E9;	
}
#page .table-product .payment-total {color:#E20512;}

#page .product-detail .item-title {
	color:#000;
	font-weight:bold;
	border-bottom:solid 1px #D0D2D3;
	margin-bottom:15px;
	padding-bottom:8px;
}
#page .product-detail .item-inner {margin-bottom:20px;}
#page .product-detail .item-inner .name {
	margin-bottom:5px;
}
#page .product-detail .item-inner .price-shop {
	color:#4F4F4F;
	font-weight:bold;
}
#page .product-detail .item-inner .price {
	color:#E20512;
	font-size:16px;
	margin-top:5px;
	font-weight:bold;
}
#page .product-detail .form-buy {
	margin-top:20px;	
}

#page .product-detail .item-info {
	margin:20px 0;
	padding:8px 15px;
	color:#FFF;
	font-weight:bold;
	background-color:#dd6904;
}

#page .product-breadcrumb .breadcrumb {
  	background:none;
 	margin-bottom: 20px;
 	padding: 8px 0;
}
#page .product-breadcrumb .breadcrumb > li a {
	color: #19b6e9;	
}
#page .product-breadcrumb .breadcrumb > li + li::before {
  	color: #19b6e9;
  	content: ">";
  	padding: 0 5px;
}

#footer .copy {padding:15px 0; text-align:center; color:#FFF}


#home-login {
	padding:50px 0;
}
#home-login .form-login {
	max-width:346px;
	margin:0 auto;
}
#home-login p {font-size:22px; margin-bottom:15px;}


.carousel-control.left , .carousel-control.right {
	color:#000;
  	background:none;
}

.fill-black {background-color:#FFF;}
.fill-black-smooth {background-color:#fef7dd; padding-bottom:20px;}

.fill-gray {background-color:#3c3c3c;}
.search-fill { background-color:#fef7dd;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.image_muti {
	padding-top:50px;
	width:100%;
}

.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:14px Tahoma, Geneva, sans-serif;
color: #5a5a5c;
background:#FFF;
border:1px solid #d2d3d5;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 5px 10px 5px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
background-color:#FFF; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #dd6904;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #666;
background-color: #FFF;
}

div.img-resize img {
	width: 200px;
	height: auto;
}

div.img-resize {
	/*width: 200px;*/
	height: 200px;
	overflow: hidden;
	text-align: center;
}
@media only screen and (max-width : 767px){
	.navbar-collapse {
		padding:0 15px;
	}
	.navbar-header {
  		margin:10px 0 0 -10px;
	}
	.website-content .info-shop .info-bank {text-align:left; margin-top:10px;}
	.website-content .info-tab {margin-top:25px;}
	
	.responsive-margin-10 .col-xs-12 {margin-bottom:10px;}
	.responsive-margin-15 .col-xs-12 {margin-bottom:15px;}
	.responsive-margin-20 .col-xs-12 {margin-bottom:20px;}
	
	.responsive-margin-10 .col-xs-12:last-child, 
	.responsive-margin-15 .col-xs-12:last-child,
	.responsive-margin-20 .col-xs-12:last-child 
	{margin-bottom:0;}
	
	.image_muti { padding-top:50px; width:100%;}
}

@media only screen and (min-width : 768px) and (max-width: 992px){
 	.nav > li > a {
  		padding: 15px 7px;
	}
	.image_muti { padding-left:160px; padding-top:50px; width:100%;}

}