@charset "utf-8";

body{background: #2d87cd; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.clear:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
.cb{clear: both;}
a img{border: 0px;}
a{text-decoration: none; color: inherit;}
a:hover{text-decoration: underline; color: #51A9FF;}

#tbgia{border: 1px #C0C0C0 solid; width: 100%; margin: auto}
#tbgia td{border: 1px #C0C0C0 dotted; vertical-align: middle; padding: 2px}
#tbgia th{border: 1px #999 dotted; vertical-align: middle; background: #c0c0c0; text-align: center; height: 34px}
.left{float: left;}
.right{float: right;}
#page{
    text-align: center;
    padding: 15px 0;
}
#page span{
    background: #5c504b;
    color: #fff;
    padding: 0 3px;
}
#page a{padding: 0 3px;}
/*Header css*/
#header{background: #009999;}
#header-content{width: 980px; margin: auto;}
#banner{width: 750px; background: transparent; padding: 0; text-align: center; color: #fff; padding: 28px 0}
#banner .title1{font-size: 24px;}
#banner .copy{color: #c0c0c0}
#logo{width: 200px; padding: 15px;}
#menu{height: 28px; color: #fff; color: #51A9FF; text-align: left;}
#menu a{color: #fff;}
#menu a:hover{color: #fff500}
#menu {margin: 0px; padding: 0px;}
#menu li{float: left; list-style: none;}

#top_bg, #bottom_bg{width: 980px; height: 10px; padding: 0;}
#top_bg{background: url(../images/top_bg.png) no-repeat center center; _background: url(../images/top_bg.gif) no-repeat center center;}
#bottom_bg{background: url(../images/bottom_bg.png) no-repeat center center; _background: url(../images/bottom_bg.gif) no-repeat center center; margin: 0 auto;}
/*Header css*/

/*Footer css*/
#footer{color: #fff; font-size: 11px; width: 980px; margin: auto; padding: 20px 0;}
#footer div{width: 50%;}
#footer a:hover{color: red;}
/*Footer css*/

/*Main body css*/
#mainbody{
    width: 980px;
    margin: 0 auto;
    min-height: 550px;
    background: #fff;
    padding: 0;
}
.ads{
    width: 208px;
    text-align: center;
    /*border-left: dotted gray 1px;*/
}
.ads img{
    border: 4px solid #DDDDDD;
    width: 200px;
}
.ads span{
    padding: 20px 0px;
}
.lower{text-transform: lowercase}
.client{
    width: 60%;
}
.video{
    width: 39%;
    _width: 35%;
    text-align: right;
}
.video object{
    width: 320px;
    min-height: 300px;
}
.brand{
    text-align: center;
}
.brand img{
    padding: 5px 0px 5px 5px;
    max-width: 155px;
}
.brand_1{width: 20%; _width: 19%;}
#news{
    width: 480px;
    padding: 0 18px;
}
#news p{text-align: justify;}
#news a{
    color: #0281C4;
}
.newsimg{
    background: transparent url(../images/img-bg.png) no-repeat center center;
    width: 115px;
    height: 87px;
    padding: 6px;
    margin-right: 7px;
}
#newsrel{
    width: 250px;
}
.hot1{
    width: 33%;
    padding-top: 15px;
}
#newsimg1{
    width: 200px;
    min-height: 120px;
    padding: 6px;
    margin-right: 7px;
    text-align: center;
    font-size: 11px;
}
#topbox{
    background: url(../images/top.png) no-repeat top center;
    width: 250px;
    height: 25px;
    text-align: center;
    padding-top: 10px;
}

#midbox{
    background: url(../images/mid.png) repeat-y top center;
    width: 250px;
}
#midbox ul{
    margin: 0 10px;
    padding-left: 20px;
}
#midbox p{padding: 0 10px; margin: 0}
#bottombox{
    background: url(../images/bottom.jpg) no-repeat top center;
    width: 250px;
    height: 26px;
}

#back{background: url(../images/btn_quaylai.gif) no-repeat top left; width: 87px; height: 31px; cursor: pointer; border: none}
#top{background: url(../images/button_top.jpg) no-repeat; width: 87px; height: 20px; float: right; cursor: pointer;}
#tcontact {width: 100%}
#tcontact th{text-align: right; vertical-align: top;}
#tcontact textarea{width: 300px; height: 200px; overflow: auto;}
#submit{border: none; background: url(../images/send.jpg) no-repeat; width: 61px; height: 20px; cursor: pointer;}
#reset{border: none; background: url(../images/reset.jpg) no-repeat; width: 61px; height: 20px; cursor: pointer;}
#pic{width: 210px; min-height: 240px;}
#item{border-collapse:collapse;border-spacing:0;width: 100%;}
#item td, #item th{border-bottom: 1px #f9e3e3 solid ; min-height: 25px;}
#item th{width: 135px; text-align: right;background: #51A9FF; color: #fff; padding: 3px 5px; vertical-align: top}
#item td{text-align: justify; padding: 3px 10px; vertical-align: top}
#list{width: 550px;}
#co_title{text-align: left; font-size: 20px; font-weight: bold; color: #152e7e}

#colmid{width: 550px; float: left; padding: 0 15px; margin: 0}
#colleft{width: 200px; float: left; padding:  0; margin: 0;}
#colright{width: 200px; float: right; padding: 0; margin: 0}
.title{min-height: 25px; border-bottom: #fff500 3px solid; text-align: center; font-weight: bold; font-size: 14px}
.red{color: #d82416}
#left-menu{margin: 7px 2px 7px 0; padding-left: 20px; font-weight: bold}
#left-menu li{padding: 5px 0; border-bottom: 1px dotted;}
#sponsor{text-align: center}
#sponsor div{padding: 10px 0;}
#link li{list-style: none; padding: 5px 0; font-weight: bold}
#topten{background: #eee; text-align: center; margin: 5px auto}
#topten div{padding: 10px 0}
.subtitle{padding-bottom: 10px; font-size: 13px; font-weight: bold}
#product_detail{padding: 10px}
#left1{width: 30%; text-align: center;}
#left1 img{padding: 30px 0;}
#right1{width: 70%}
.rtitle{background: url(../images/head_title.gif) no-repeat center left; height: 19px; font-weight: bold; color: #fff; font-size: 14px; padding: 7px 20px}
.note{color: #0000ff; text-align: center; padding: 10px 0;}
.note1{font-size: 10px;}
.arrow1{background: url(../images/arrow1.gif)no-repeat center left; padding: 3px 10px;}
.back{cursor: pointer; border: none; background: url(../images/quaylai.png) no-repeat; width: 102px; height: 39px;}
.login{cursor: pointer; border: none; background: url(../images/dangnhap.png) no-repeat; width: 102px; height: 39px;}
.register{cursor: pointer; border: none; background: url(../images/dangky.png) no-repeat; width: 102px; height: 39px;}
.tlogin{width: 95%; margin: auto}
.tlogin td {padding: 3px;}
.input-text{width: 220px; border: 1px #666666 dotted; padding: 2px; background: #e5e5e5}
.input-area{width: 220px; height: 100px; border: 1px #666666 dotted; padding: 2px; background: #e5e5e5}
.input-area1{width: 420px; height: 50px; border: 1px #666666 dotted; padding: 2px; background: #e5e5e5}
.c1{text-align: right}

/*Main body css*/
/*Google search bõ style*/
.gs-{float: right}
.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
input.gsc-input {
    border-color: #BCCDF0;
}
input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
}
.gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
}
.gsc-tabsArea {
    border-color: #E9E9E9;
}
.gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
    color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
    color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
    color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
    color: #0000CC;
}
.gsc-cursor-page {
    color: #0000CC;
}
a.gsc-trailing-more-results:link {
    color: #0000CC;
}
.gs-webResult.gs-result .gs-snippet {
    color: #000000;
}
.gs-webResult.gs-result .gs-visibleUrl {
    color: #008000;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
    color: #008000;
}
.gsc-cursor-box {
    border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
}
.gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
}
.gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:hover {
    color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:active {
    color: #0000CC;
}
.gs-promotion.gs-result .gs-snippet {
    color: #000000;
}
.gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008000;
}