/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */


/* Start customize CSS font face */



/* Supermarket */
@font-face {
    font-family: 'supermarket';
    src: url('../font/supermarket/supermarket-webfont.eot');
    src: url('../font/supermarket/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/supermarket/supermarket-webfont.woff2') format('woff2'),
         url('../font/supermarket/supermarket-webfont.woff') format('woff'),
         url('../font/supermarket/supermarket-webfont.ttf') format('truetype'),
         url('../font/supermarket/supermarket-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.about_super{font-family: 'Arial','supermarket', serif; color:#333333; font-size:22px;}
.about_super_hd{font-family: 'Arial','supermarket', serif; color:#333333; font-size:26px; }

/* CS PraJad */
@font-face {
    font-family: 'cs_prajad';
    src: url('../font/cs_prajad/csprajad-webfont.eot');
    src: url('../font/cs_prajad/csprajad-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cs_prajad/csprajad-webfont.woff2') format('woff2'),
         url('../font/cs_prajad/csprajad-webfont.woff') format('woff'),
         url('../font/cs_prajad/csprajad-webfont.ttf') format('truetype'),
         url('../font/cs_prajad/csprajad-webfont.svg#cs_prajadregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.about_prajad{font-family: 'cs_prajad', 'Arial', serif; color:#333333; font-size:20px;}
.about_prajad_hd{font-family: 'cs_prajad','Arial', serif; color:#333333; font-size:34px; font-weight:bold;}
.contact_prajad{font-family: 'cs_prajad', 'Arial', serif; color:#333333; font-size:20px;}
.contact_hd{font-family: 'cs_prajad','Arial', serif; color:#333333; font-size:34px; font-weight:bold;}

.txt_head_bg{
	background-color:#000;
	color:#FFF;
	font-size:36px;
	box-shadow:2px 2px #CCC;	
}

.group_list{
    border:1px solid #CCC;
    border-radius:5px;
    box-shadow:2px 2px #CCC;    
}

.head_list{ 
    overflow: auto;
    height: auto;
    background-color:#000; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px;    
}

#car_heading{
    clear:both;
    padding-left:20px;
}

.center{
    margin:auto;
}

.txt_inner_tabien{
    font-size:20px;
    font-weight:bold;
    color:#000;
    position:relative;
    top:-60px;
    text-align:center;  
}

.txt_inner_tabien_pickup{
    font-size:20px;
    font-weight:bold;
    color:#007700;
    position:relative;
    top:-60px;
    text-align:center;  
}

.txt_inner_tabien_van{
    font-size:20px;
    font-weight:bold;
    color:#0066FF;
    position:relative;
    top:-60px;
    text-align:center;  
}

.txt_inner_bottom_tabien{
    font-size:16px;
    font-weight:bold;
    color:#000;
    position:relative;
    top:-60px;
    text-align:center;      
}


.about{
    paddint:1px;
    border:1px solid #ccc; 
    border-radius:5px;"
}

.img-responsive_about,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  padding: 0.5,0.5;
}

.howto{
    /*
    border:1px solid #999; 
    border-radius:5px; 
    */
    padding-left:20px; 
    padding-top:20px; 
    padding-right:20px;
}

.li_howto{
	margin-left:-15px; list-style:none; list-style-image:url(../images/li.png);
}
.tab{ margin-left:25px;}

.contact{
    border:1px solid #999; 
    border-radius:5px;
}

.customize_footer{
    border:1px solid #e3e3e3; 
    border-radius:5px;
    background-color:#f5f5f5;
}


.navbar-brand-custom{
    float:left;
    height:50px;
    padding:15px 15px;
    font-size:30px;
    line-height:20px; 
    color: #FFFFFF; 
    font-family: 'Michroma','cs_cheangkhanregular';
 }

.txt_inner_admin_edit{
    font-size:16px;
    color:#000;
    position:relative;
    top:-48px;
    text-align:center;  
}

#mng_result{
	display:none;
    position: fixed;
    width: 80%;
    top:25%;
    left:10%;
    padding: 10px;
    border: 1px solid #333;
    background-color:#FF0;
	border-radius:5px;
}

#close{
    position:absolute;
    top:0px;
    right:10px;
    font-size:25px;
    font-weight:500;    
}
#close a:link{
    text-decoration:none;
    color:red;
}
#close a:hover{
    text-decoration:none;
    color:#000;
}
#close a:active{
    text-decoration:none;
    color:#FFF;
}

.box_edit{
	float:left;
	font-weight:700;
}

.space{
	height:5px;
}

#edit_sub1, #edit_sub2, #add_sub1, #add_sub2{
	margin:auto; 
	width:100%;
	text-align:center;
	margin-right:2px;
	
}

#edit_sub3, #add_sub3{
	margin:auto;
	width:100%;
	text-align:center;
}

#edit_price, #add_price{
    margin:auto;
    width:100%;
    text-align:center;    
}


.confirm_del{
    color: red;
}
.green{
    color:green;
}
.tabien_bg{
	float:left; 
	width:100%;
	margin-right:2px;
}

.td_padding{
    padding-right: 5px;
}

.cus_container {
  /*padding-right: 15px;
  padding-left: 15px;*/
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 320px) {
  .cus_container {
    width: 253px;
	height:127px;	
  }

  #header{
	  width: 253px;
	  height:127px;
	  overflow:hidden;
	  margin:auto;
  } 

}
@media (min-width: 768px) {
    .cus_container {
        width: 720px;
        height:330px;	
    }
    #header{
        width:720px;
        height:330px;
        overflow:hidden;
        margin:auto;
    }  
}

/*@media (max-width: 768px) {
    .cus_container {
        width: 720px;
        height:330px;	
    }
    #header{
        width:720px;
        height:330px;
        overflow:hidden;
        margin:auto;
    }  
}*/

@media (min-width: 992px) {
  .cus_container {
    width: 940px;
	height:430px;
  }

#header{
    width:930px;
    height:100%;
    overflow:hidden;
    margin:auto;
}

}

@media (min-width: 1200px) {
    .cus_container {
        width: 1140px;
        height:510px;
    }

    #header{
        width:1140px;
        height:482px;
        overflow:hidden;
        margin:auto;
    }

}

@media (min-width: 1400px) {
  .cus_container {
    width: 1140px;
    height:520px;
  }

#header{
    width:1140px;
    height:500px;
    overflow:hidden;
    margin:auto;
}

}


/* Carousel */

#header img{
    //display:none;
}

#header{
    overflow:hidden;
    margin:auto;
}
/* Customize carousel */
header.carousel {
    height: 50%;
}

#footer{
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
}

#footer ul{
    display:inline-block; 
    float:left;
    list-style: none;
}

#footer ul>ul>li{
    
}

/*
#footer ul:nth-child(3){
    color:#f0f;
}
*/


/* End customize CSS font face */




/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}