﻿.title-page{
	color:#000;
	font-size:24px;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	padding-bottom:10px;
	border-bottom:1px #ccc solid;
}
.content-detail{
	width:660px;
	float:left;
}
.content-detail p{
	margin-bottom:8px!important;
}

.box-other{
	width:390px;
	float:right;
	margin:0px 0px 20px 0px;
}
.tech-detail .box-list-tech {
    width: 390px;
    margin: 0px 0px 20px 0px;
    z-index:2;
}
.tech-detail .content-tech-item {
    width: 292px;
}
.tech-detail .title-tech {
    margin: 5px 0px 5px;
    font-size: 18px;
}
.tech-detail .tech-item {
    margin-bottom: 4px;
    padding: 2px 7px 7px 7px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px #fff solid;
	background:#fff;
}
.tech-detail .active,.tech-detail .tech-item:hover {
	background: #fbfbfb;
	border: 1px #0069c5 solid;
}
.image-tech{
    width: 68px;
    display: block;
    float: left;
    margin-top: 5px;
}
.image-tech img{
    width: 68px;
    display: block;
}

@media (max-width: 559px) {

.content-detail {
    width: auto;
    float: none;
}
.content-detail iframe{
    width: 100%!important;
    height:auto!important;
    float: none;
}

.box-other {
    width: auto;
    float: none;
    margin: 0px 0px 20px 0px;
}
.tech-detail .box-list-tech {
    width: auto;
	position:relative!important;
	left: 0%!important;
    margin-left: 0px!important;
    top: 0px!important;
}
.image-tech {
    display:none;
}





}
























