html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin: 0;  padding: 0;  font-size: 100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; } 
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } 
del { text-decoration: line-through;} 
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help;} 
input{padding: 0;margin: 0;outline: 0;}
.clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear: both;}
.clear {font-size:0;height:0;margin:0;padding:0;clear:both;width:0;overflow:hidden;zoom: 1;}
a{color:#1b7cce; text-decoration: none;}
hr, .hr { border-color: #E9E9E9;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
h1{font-size:140%;}
h2, h3{font-size:120%;}
h4, h5, h6{font-size:110%;}
a img{border: 0px;}
a:hover{text-decoration: none;}
@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  
      url('fonts/OpenSans.woff') format('woff'), 
      url('fonts/OpenSans.ttf')  format('truetype'), 
      url('fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  
      url('fonts/OpenSans-Bold.woff') format('woff'), 
      url('fonts/OpenSans-Bold.ttf')  format('truetype'), 
      url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'UTM Avo';
	src: url('fonts/UTM Avo.eot');
	src: local('☺'), url('fonts/UTM Avo.woff') format('woff'), url('fonts/UTM Avo.ttf') format('truetype'), url('fonts/UTM Avo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{font-family: web360Medium;
    src: url(fonts/web360Medium-webfont.eot);
    src: url(fonts/web360Medium-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/web360Medium-webfont.woff) format('woff'),url(/fonts/web360Medium-webfont.ttf) format('truetype'),url(fonts/web360Medium-webfont.svg#web360Medium) format('svg');
    font-weight: 400; font-style: normal}
@font-face {
	font-family: 'UTMAptimaBold';
	src: url('fonts/UTMAptimaBold.eot');
	src: url('fonts/UTMAptimaBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/UTMAptimaBold.woff2') format('woff2'),
		url('fonts/UTMAptimaBold.woff') format('woff'),
		url('fonts/UTMAptimaBold.ttf') format('truetype'),
		url('fonts/UTMAptimaBold.svg#UTMAptimaBold') format('svg');
	font-weight: bold;
	font-style: normal;
    text-shadow: 0 1px 1px rgba(255,255,255,0.1);
}
body{font-family: Arial,Verdana,sans-serif;font-size: 13px;color: #333335;width: 100%;display: table;background: white;}     
.wrap{margin: auto;position: relative;padding: 0;}


/* Like - Share */
.comment_like{background: #f1f1f1;border-top: 1px solid #e9e9e9;}
.tab-cnt{}
.tab-cnt2{margin-top: 10px;}
.stat-cnt{float: right; margin-top: -1px; width: 150px;}
.stat-cnt2{margin-top: 0;}
.stat-bar{width: 150px; height: 2px;}
.bg-green{ background-color: #1f497d; height: 2px; float: left;}
.bg-red{background-color: #ff0000; height: 2px; float: left;}
.detaillike{float: left; margin: 10px 0 0;}
.detaillike2{margin: 10px 0 7px 10px;}
.like-btn, .dislike-btn{padding: 12px 25px 5px 20px; float: right; cursor: pointer; color: rgba(51,51,51,0.6); font-size: 13px;}
.like-btn{background: url(images/like-ico.png) 0px 9px no-repeat; }
.like-btn:hover, .like-h{background: url(images/like-ico-h.png) 0px 9px no-repeat; color: #1f497d;}
.dislike-btn{background: url(images/dislike-ico.png) 0px 9px no-repeat;}
.dislike-btn:hover, .dislike-h{background: url(images/dislike-ico-h.png) 0px 9px no-repeat; color: #ff0000;}
.like-btn, .dislike-btn{margin: 0;}
/* binh luan */
.commentT{font-size: 17px; padding: 12px 10px 5px 10px; background: #f1f1f1;float: left;}
.comment{background: #f1f1f1; padding: 10px; margin-bottom: 10px;}
.comment .commentItem{position: relative; display: inline-block;}
.comment textarea{color: rgba(51,51,51,0.6); height: 30px; outline: 0; border: 0; padding: 1%; width: 98%; margin-bottom: 6px;}
.comment input[type="text"] , .comment textarea{-moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;box-shadow: 0;}
.comment input{padding: 5px; width: auto; color: rgba(51,51,51,0.6); margin: 0 6px 0 0; border: 0;}
.comment input[type="submit"]{margin: 0; float: right; background: rgba(51,51,51,0.6); font-weight: bold; width: 70px; color: #fff;-moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;cursor: pointer;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.comment input[type="submit"]:hover{background: #1f497d; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.comment label.error{position: absolute; color: red; right: 7px; top: 5px; font-size: 12px; }
.list_comment li{list-style: none; padding: 10px;}
.list_comment li.commentli{background: #f1f1f1;}
.list_comment_ava{float: left; width: 35px; height: 35px; margin-right: 10px;}
.list_comment_ava img{max-width: 100%; height: auto;}
.list_comment_content{}
.list_comment_name{font-weight: bold; color: #4267b2; padding: 0 0 5px;}
.list_comment_name span{font-size: 11px;font-weight: normal;color: #666666;}
.list_comment_name a{color: #1b4572;font-size: 11px;cursor: pointer;float: right;}
.list_comment_name a:hover{color: #ce0505;}
.list_comment_sub{margin: 10px 0 0 30px;}
.list_comment_sub li{border-top: 1px dotted #dddddd;}
.list_comment_sub li.last-child{padding: 10px 0 0;}
.comment_name, .comment_email {float: left;}
/* chi tiet */
.DetailC{line-height: 22px;margin: 5px 0;}
.DetailC ul , .DetailC ol{margin-left: 20px;}
.DetailC img{margin: 8px 0 !important;max-width: 100% !important;height: auto !important;}   
.DetailC table{width: 100% !important;}
/* phan trang ajax */
.pagination ul{display: inline-block;}
.pagination ul li.inactive, .pagination ul li.inactive:hover{background-color:white;color:#777777;cursor: default;border-color: #dddddd;}
.data ul li{list-style: none; margin: 5px 0 5px 0; color: #000;}
.pagination ul li{list-style: none; float: left; padding: 6px 11px; margin: 0 5px; color: #0e567b; background-color: white;border: 1px solid #dddddd;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.pagination ul li:hover{color: #fff;background-color: #0e567b;cursor: pointer;border-color: #0e567b;}
.pagination ul li.first-child{padding-right: 12px;}
.pagination ul li.last-child{padding-left: 12px;}
/* phan trang list */
.pagination {text-align: right;width: 100%;}
.pagination li{display: inline-block;}
.pagination li a{padding:5px 12px;margin: 0 5px;color:#0e567b;display: block;background: white;border: 1px solid #dddddd;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.pagination li a:hover , .pagination li.last-child a:hover{color: white;background: #0e567b;border-color: #0e567b;}
.pagination li a.active{color: white;background: #0e567b;border-color: #0e567b;}
.pagination li.last-child a.active{border-color: #0e567b;}
/* tags */
.tags{margin: 5px 0 15px;}
.tags a{background: #e5761a;color: white;padding: 3px 5px;margin-right: 3px;text-decoration: none;font-size: 11px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.tags a:hover{background: #48a73f;}

.site-container{background: #f5f5f5;}
#header{background: white;}

.logo{float: left;position: relative;margin: 8px 0;}
.logo h1{font-size: 100%;}
.logo span{position: absolute;bottom: 0;color: #0e567b;font-weight: bold;}
.logo img{max-width: 100%;max-height: 80px !important;}
.datetime{color: #7397c1;font-family: Tahoma;float: right;margin-top: 12px;}
.post_free a{color: #5b5c5b;font-family: Tahoma;font-weight: bold;}


.menu_bot{text-transform: uppercase;font-family: Tahoma;border-bottom: 1px solid white;background: #0e567b;color: white;}
.menu_bot li{display: inline;text-align: center;position: relative;}
.menu_bot li a{color: white;line-height: 40px;font-size: 14px;}
.menu_bot li i{position: absolute;left: 0;top: -2px;font-size: 19px;}
.menu_bot li:hover a{color: #ffc20e;}

#footer{background: #0e567b;color: white;border-top: 1px solid #163446;padding: 15px 0 20px;}
.logo_bot{float: left;position: relative;}
.logo_bot span{position: absolute;bottom: 0;right: 8px;font-weight: bold;}
.info_bot{float: left;line-height: 22px;}
#googleMap{height: 193px;float: right;}

#content{float: left;}
#aside1{float: right;}
#aside2{float: right;}

.bds_home_title{color: #0e567b;font-size: 16px;font-weight: bold;margin-bottom: 15px;}
.bds_home_title h1{font-size: 100%;}
.bds_home_title i{font-size: 18px;}
.bds_home_title a{color: #0e567b;}

.bds_home , .download_group , .video_group{float: left;padding: 12px 10px;background: white;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;
}

.box_shadow{
-webkit-box-shadow: 0px 0px 5px 3px rgba(210,210,210,0.7);
-moz-box-shadow: 0px 0px 5px 3px rgba(210,210,210,0.7);
box-shadow: 0px 0px 5px 3px rgba(210,210,210,0.7);
}
.bds_home ul li{list-style: none;}
.bds_home_item{font-family: Tahoma;border-bottom: 1px solid #0e567b;list-style: none;margin-bottom: 12px;padding-bottom: 11px;}
.bds_home_img img{max-width: 100%;}
.bds_home_name{font-size: 14px;color: #0e567b;font-weight: bold;}
.bds_home_name a{color: #0e567b;}
.bds_home_item ul li{list-style: none;color: #424242;}
.bds_home_item ul li label{display: inline-block;width: 74px;font-weight: bold;}
.bds_home_item ul li span{float: right;color: #757778;}
.bds_home_item ul li.last-child{margin-bottom: 0;}
#loadBDSNhadat .pagination{border-bottom: 1px solid #0e567b;padding-bottom: 6px;}

.left_project_title{background: #0e567b;font-weight: bold;font-size: 14px;text-align: center;color: white;padding: 11px 0;margin: 10px 0;text-transform: uppercase;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;
}
.left_project_title i{font-size: 15px;}
.left_project_title a{color: white;}
.left_dproject{}
.left_project li{list-style: none;text-align: center;border: 1px solid #a6a6a6;padding-bottom: 10px;background: white;margin-bottom: 12px;height: 219px;}
.left_project li.last-child{margin-bottom: 5px;}
.left_project_img{position: relative;overflow: hidden;}
.left_project_img img{max-width: 100%;float: left;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.left_project li:hover img{
    -webkit-transform:scale(1.02); /* Safari and Chrome */
    -moz-transform:scale(1.02); /* Firefox */
    -ms-transform:scale(1.02); /* IE 9 */
    -o-transform:scale(1.02); /* Opera */
     transform:scale(1.02);
}

.left_project_name{text-transform: uppercase;font-weight: bold;padding: 5px 3px 0;line-height: 17px;height: 17px;overflow: hidden;}
.left_project_name a{color: #101010;}
.left_project li:hover .left_project_name a{color: #0e567b;}
.left_project_city{color: #161616;font-size: 12px;margin-top: 5px;}
.left_project_more{
    display: inline-block;padding: 5px 5px;color: #666666;font-size: 10px;margin-top: 7px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(227,227,227,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 );
    -webkit-box-shadow: 0px 0px 1px 0px rgba(102,102,102,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(102,102,102,0.75);
    box-shadow: 0px 0px 1px 0px rgba(102,102,102,0.75);
}
.banner img{max-width: 100%;display: inherit;}
.banner{position: relative;}
.bannerslide{height: 93px;width: 865px;overflow: hidden;}
.bgsunhouse{background: url("images/bg-sunhouse.png") no-repeat left;width: 236px;height: 93px;position: absolute;z-index: 1;}
.tabs1{width: 100%;float: left;margin: 10px 0 0;font-family: Tahoma;background: white;border: 1px solid #f3f3f3;border-radius: 6px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);transition: box-shadow 0.3s ease 0s;margin: 20px 0;}
.tabs1:hover{box-shadow: 0 12px 23px rgba(144, 144, 144, 0.2), 0 10px 10px rgba(0, 0, 0, 0.19);}
.tabs1 .tabs{width: 100%;float: left;background: #f8f8f8;}
.tabs1 .tabs li {list-style:none;display:inline;position: relative;margin: 0;font-size: 14px;float: left;text-transform: uppercase;}
.tabs1 .tabs li a {display:inline-block;text-decoration:none;white-space: nowrap;color: #6c6868;}
.tabs1 .tabs li a.active {position: relative;z-index: 20;color: #6c6868;background: #fff;}
.tabs1 .tabs_content{padding: 10px;width: 97.5%;float: left;text-shadow: 0 0 0;transform: translateY(0px);transition: opacity 0.5s ease-in 0s, transform 0.8s ease 0s;}
.tabs1 .tabsC{}

.tabs2{width: 100%;float: left;margin: 10px 0 0;font-family: Tahoma;background: white;}
.tabs2 .tabs{width: 100%;float: left;background: #f8f8f8;}
.tabs2 .tabs li {list-style:none;display:inline;position: relative;margin: 0;font-size: 14px;float: left;text-transform: uppercase;border-right: 1px solid #c1bdbd;}
.tabs2 .tabs li.last-child{border-right: 0;}
.tabs2 .tabs li a {display:inline-block;text-decoration:none;white-space: nowrap;background: #e9e9e9;color: #6c6868;}
.tabs2 .tabs li a.active {position: relative;z-index: 20;color: white;background: #0e567b;}
.tabs2 .tabs_content{padding: 0 0;width: 100%;float: left;}
.tabs2 .tabsC{}

.MainSlideOne{float: left;}
.MainSlideOneImg {margin-bottom: 5px;}
.MainSlideOneImg img{max-width: 100%;}
.MainSlideOnePre{margin-left: 12px;margin-bottom: 12px;color: #434343;}
.MainSlideOnePre a{font-weight: bold;color: #434343;font-size: 14px;display: block;margin-bottom: 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.MainSlideItem ul li{list-style: none;padding: 5px 0 0;margin-bottom: 5px;font-size: 12px;}
.MainSlideItem ul li a{display: block;color: #333333;font-size: 14px;display: block;margin-bottom: 3px;}
.MainSlideItem ul li img{float: left;padding: 5px 5px 0 0;}
.MainSlideItem ul li:hover a , .MainSlideOne:hover a{color: #0e567b;}

.news_right{background: white;padding: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.news_right_title{background: #0e567b;font-weight: bold;font-size: 14px;text-align: center;color: white;padding: 11px 0;margin: 0 0 10px;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;
}
.news_right_title a{color: white;}
.news_right ul li{list-style: none;border-bottom: 1px dashed #d2d4d5;font-size: 14px;font-family: Tahoma;padding: 7px 0 8px;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news_right_home ul li{padding: 12px 0 11px;}
.news_right ul li.first-child{font-weight: bold;text-overflow: ellipsis;white-space: normal;}
.news_right ul li.first-child a{display: inline-block;}
.news_right ul li.last-child{border-bottom: 0;}
.news_right ul li a{color: #434343;background: url("images/square.png") no-repeat 0 6px;padding-left: 18px;
}
.news_right ul li:hover a{color: #0e567b;}

.news_post{padding: 12px 10px;background: white;margin-bottom: 18px;
-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.news_post_date{font-style: italic;font-size: 12px;margin: 3px 0 8px;}

.download_group ul li{font-family: Tahoma;border-bottom: 1px solid #0e567b;list-style: none;margin-bottom: 10px;padding-bottom: 10px;}
.download_group ul li a{display: block;}
.download_group ul li span{float: right;display: inline-block;padding: 3px 5px;background: #0e567b;color: white;margin-top: -3px;}
.download_group ul li:hover a{color: #ffc20e;}
.download_group ul li:hover span{background: #ffc20e;}


.LienHe{padding: 12px 10px;background: white;margin-bottom: 20px;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.LineHeTitle{font-size: 22px; font-weight: bold; text-transform: uppercase; color: red; padding-left: 1%;}
.LienHeLeft{float: left; padding: 0; }
.LienHeRight{float: right; padding: 0;}

.LineHeText{line-height: 22px; margin: 0 0 20px;}
.LienHeInfo{list-style: none; padding: 0 10px;}
.LienHeInfo li{ line-height: 18px;padding: 5px 0;}
.LienHeInfo li i{color: #005cad; width: 30px; text-align: center; opacity: 0.75;}
.LienHeInfo li label{font-weight: bold; display: inline-block; }
.LienHeInfo li a{color: #333335;}

#form-contact{margin: 20px auto 0;}
#form-contact .formItem{margin: 0 0 10px; display: inline-block; position: relative;}
#form-contact .formItem label{display: inline-block; font-weight: bold; width: 100px;}
#form-contact .formItem label.textarea{display: block; float: left;}
#form-contact .formItem label.error{position: absolute; right: 3px; width: auto; font-weight: normal; color: red; top: 7px}
#form-contact .formItem input[type="text"], #form-contact .formItem textarea{padding: 8px 5px 7px; border: 1px solid #005cad; outline-color: #f7670d; text-indent: 0;
    -webkit-transition: all 0.05s ease 0s;
    -moz-transition: all 0.05s ease 0s;
    transition: all 0.05s ease 0s;}
#form-contact .formItem input[type="text"]:focus, #form-contact .formItem textarea:focus{
    -webkit-transition: all 0.05s ease 0s;
    -moz-transition: all 0.05s ease 0s;
    transition: all 0.05s ease 0s;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);}
#form-contact .formItem textarea{height: 75px;}
#form-contact .formItem input[type="submit"]{color: #005cad; border: 1px solid #005cad; height: 33px; width: 100px; background: #fff; cursor: pointer; text-transform: uppercase; text-transform: uppercase;
    -webkit-transition: all 0.05s ease 0s;
    -moz-transition: all 0.05s ease 0s;
    transition: all 0.05s ease 0s;}
#form-contact .formItem input[type="submit"]:hover{color: #fff; background: #005cad; font-weight: bold;
    -webkit-transition: all 0.05s ease 0s;
    -moz-transition: all 0.05s ease 0s;
    transition: all 0.05s ease 0s;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.25);}
/* End Liên Hệ */

.height_detail{height: 7px;}
.sidebar-bottom{padding-top: 15px;}