.chitiet_thongso {max-height:449px; overflow:hidden}
.sticky {
    position:fixed;
    top:0;
}
.thugon_thongso span#cong, .detail-specific-more span#tru{ display:none}
.thugon_thongso span#tru,.thugon_thongso span#tru{ display:block}
.menu-padding {
    padding-top:90px !important;
}
.textJus{ text-align:justify !important;}
.box_promotion ul li{ list-style:inside}
.titlepro { margin-bottom:20px;}
.title_detailh2{text-transform:uppercase;font-size:22px; font-weight:bold;  margin-top:20px; font-family:"robotoslab", serif !important;}
.title-det{text-transform:uppercase;font-size:22px; font-weight:bold;  margin-bottom:20px; font-family:"robotoslab", serif !important;}

#detail{
}
.toprow{
    padding: 0px;
    margin: 0px;
}
.text{
    float:left;
    color:#666!important;

}
#detail ul.selectcolor{
    list-style:none;
    float:left;
    margin:0px;
    margin-left:16px;
    padding:0px;
}
#detail ul.selectcolor li{
    width:22px;
    margin-right:18px;
    height:22px;
    float:left;
    border-radius:50%;
    border:1px solid #ddd;
}
#detail ul.selectcolor li a{
    display:block;
}
#detail ul.selectcolor li:hover{
    cursor: pointer;

}
#detail ul.selectcolor li.active{
    -moz-box-shadow:    0px 0px 15px red;
    -webkit-box-shadow: 0px 0px 15px #ffafae;
    box-shadow:         0px 0px 15px red;
}
#detail .price1{
    color: #d51514;
    font-weight: bold;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 22px;
}
#detail .price1 span{
    color: #52514D;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
}
ul.viewmore{
    list-style: none;
    padding: 0px;
}
ul.viewmore li{
    float: left;
    background: #f5f4f9;
    font-size: 13px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    padding: 5px 10px;
    border: 1px solid #ddd;
}
ul.viewmore li:last-child{
    border-left: 0px;
}
.box{
    margin-top: 17px;
    border-radius: 5px;
    border:1px solid #c2c2c2;
    padding: 10px 7px;
    margin-right: 40px;
}
.order{
    margin-top: 7px;
}
.order .button .btn{
    width: 100%;
    margin-bottom: 10px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
}
.order .button .btn .bold{
    font-size: 16px;
    font-weight: bold;
}
.order .button .btn-danger{
    background:#e50e0b ;
}
.order .button .btn-danger:hover{
    background: #ff0600;
}
.order .button .btn-warning{
    background:#fda15e;
}
.order .button .btn-warning:hover{
    background:#fd7411;
}

.order-online ul{
    list-style:none;
    padding:0px;
}
.order-online ul li{
    margin-top:6px;
}
.order-online ul li img{
    margin-right:6px;
}

.order-online a:hover{
 text-decoration: none;
    color: #337ab7;
}
.tab-pane{
    padding: 10px 0px;
}
ul.nav-tabs{
    border-top: 1px solid #e4e4e4;
	z-index:100;
	background:#fff;
	margin:0; padding:0;
}
.nav-tabs {
    margin-top:10px;
    border:0px;
    box-shadow:1px 10px 15px #e7e7e7;
    -moz-box-shadow:   1px 10px 15px #e7e7e7;
    -webkit-box-shadow: 1px 10px 15px #e7e7e7;
    margin-bottom: 10px;
	width:100%;
}
ul.nav-tabs li{
	position: relative;
	border-right: 1px solid #e4e4e4;
	padding: 10px 5px;
}
.tab_fulls {
		z-index:100;
		width:100% !important;
		left:0;
		position:fixed;
		background:#fff;
		box-shadow:1px 10px 15px #e7e7e7;
		-moz-box-shadow:   1px 10px 15px #e7e7e7;
		-webkit-box-shadow: 1px 10px 15px #e7e7e7;
		display:block;
}
.tab_fulls ul li{ left:5%}

ul.nav-tabs li .count{
    background: #e10c0e;
    color:#fff;
    position: absolute;
    width: 30px;
    display: block;
    top: 3px;
    right:5px;
    padding: 1px 3px;
    border-radius: 2px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
    font-weight: bold;
}
.nav-tabs>li>a:hover{
    color:#337ab7;
    background: transparent;
    border: none;
}
.btn-modal{
    background: #f5f5f5 !important;
    border: 1px solid #d2d2d2;
    border-radius: 0px;
    width: 100%;
    color:#4c90e3;
    font-size: 14px;
}
.btn-modal span{
    color:#4c90e3;
    font-size: 14px;
}
.btn-modal:hover{
    color:#4c90e3;
    background: #bababa;
}
.btn-modal img {
    margin-right: 10px;
}
.img-responsive{
	max-width:100% !important;
	height:auto;
}
#detail1{
    margin-bottom: 10px;
}
/*reponsive*/
@media (max-width: 992px) {

    #detail{
        margin-left: 10px;
        margin-right: 10px;
    }
	ul.nav-tabs { display:none}
}
@media (max-width: 500px) {
	ul.viewmore li{
		float: left;
		background: #f5f4f9;
		font-size: 13px;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		padding: 5px 10px;
		border: 1px solid #ddd;
		width:100%;
	}
	ul.viewmore li:last-child{
		border-left: solid 1px #ddd;
		margin-top:10px;
	}
	.box{
		width:100%;
	}
	.group_field { display:none;}
}