*{margin:0;padding:0}
.clear{display:block;clear:both;}
:focus{outline: none;}
/*ul{list-style:none;}*/

.success-message{color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;padding:10px;border-radius: 10px;margin: 5px 0px;}

.error-message{color: #3c763d;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;padding:10px;border-radius:10px;margin:5px 0px;}


body{font-family:'arial';background:url('../../images/web/bg-detail.png');}
#logo-best{position:absolute;right: 5px;top: 54px;}
#top{display: block;background:#eaeaea;}
.counter-wrapper{background: url('../../images/web/counter.jpg') no-repeat top left;background-position: -1px -2px;position:absolute;background-size: 15px 29px;right: 140px;top:50px;padding-left:20px;height: 25px;padding-right:20px;font-size:13px;line-height:27px;border:1px solid lightgray;border-radius: 5px;}
#top >.inner{display:block;width:1000px;margin:0 auto;padding:5px;}
#top >.inner >.search-form{display:block;float:left;position:relative;padding-right:75px;}
#top >.inner  >.search-form input[type='text']{display:block;height:25px;padding:0px 5px;}
#top >.inner  >.search-form .search-btn{position:absolute;height:29px;background:#0091b2;color:white;width:70px;font-size:13px;line-height:29px;text-align:center;top:0px;right:0px;}
#top >.inner  >.search-form .search-btn:hover{cursor:pointer;}
#top >.inner  >.user-info{display:block;float:right;position:relative;padding-right:75px;}
#top >.inner >.user-info .user{display:block;float:left;font-size:13px;line-height: 30px;background:url('../../images/icon_user.png') no-repeat left center;height:29px;padding-left:20px;}
#top >.inner  >.user-info .logout-btn{display:block;font-size:13px;position:absolute;right:0px;background: #71a501;height:29px;line-height:29px;color:white;width:70px;text-align:center;}
#top >.inner >.user-info .logout-btn:hover{cursor:pointer;}

#wrapper{
    /* width: 1000px; */
    margin: 0 auto;
    position:relative;
}

.banner-wrapper{display:block;position:relative;}
.banner-wrapper >.inner {margin:0 auto;height:100px;position: relative;}
.banner-wrapper >.inner a.vn-flag{display:block;position:absolute;width:30px;height:20px;background:url('../../images/web/vn-flag.png');right: 174px;top:20px;}
.banner-wrapper >.inner a.cn-flag{display:block;position:absolute;width:30px;height: 20px;background:url('../../images/web/cn-flag.png');right: 141px;top:20px;}
/*.banner-wrapper a{position:absolute;width:100%;height:100%;top:0px;left:0px;}*/
#wrapper >.inner{}
#wrapper >.inner .banner-wrapper{}
#wrapper >.inner .banner-wrapper >.inner{}
#wrapper >.inner .banner-wrapper >.inner a{}

#slider-wrapper{width: 1000px;display:block;margin-top:5px;position: relative;background: url('../../images/web/border-slider.png') repeat-x left bottom;margin: 0 auto;margin-top: 5px;padding-bottom: 11px;}

#main-menu{
    background: url('../../images/web/bg_menu.png') repeat-x;
}
#main-menu >.inner{display:block;width: 1000px;margin: 0 auto;}
#main-menu >.inner > ul > li{float:left;display:block;position:relative;}
#main-menu >.inner > ul > li > a{color:white;display:block;font-size:12px;text-decoration:none;font-weight:bold;height: 68px;line-height:30px;padding: 1px 8px;background:url('../../images/web/titik_menu.png') no-repeat right bottom;border-right: 2px solid #175498;}
#main-menu >.inner > ul > li > a >.w-menu{display:block;line-height:1.5;padding-top:10px;}
#main-menu >.inner > ul > li > a >.w-menu span{display:block;}

#main-menu >.inner > ul > li > a >.w-menu span:first-child{font-size: 13px;}
#main-menu >.inner > ul > li > a >.w-menu span:last-child{font-size: 12px;color:#efefef;font-weight: normal;}


#main-menu >.inner > ul > li:first-child a{background:url('../../images/web/bg_menu_home.png') no-repeat;width:62px;color:transparent;padding:0;border-right:0px;}
/*#main-menu >.inner > ul > li > a:hover{background: #71a501;}*/
#main-menu >.inner >ul >li >ul
{
    border-radius:0px 0px 7px 7px;
    overflow:hidden;
    visibility:hidden;
    position:absolute;top: 70px;background:#316dad;z-index:2000;width:100%;
    opacity: 1;
}
#main-menu >.inner > ul >li:last-child a{border-right:0px;}

#main-menu >.inner ul li ul a{display:block;color:#efefef;font-size: 12px;padding:10px;text-decoration:none;border-bottom:1px solid lightgray}
#main-menu >.inner ul li ul li:last-child a{border-bottom:0px;}

#main-menu >.inner ul li ul a:hover{color:#b2c0cf;}
/*#b2c0cf*/
#main-menu >.inner > ul > li:hover .w-menu{color:#b2c0cf;}
#main-menu >.inner > ul > li:hover > ul{display:block;
    opacity: 1;
    /*top: 30px;*/
    visibility:visible;
    -webkit-transition: 0.2s;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: 0.2s;  /* Firefox 4-15 */
    -o-transition:0.2s;  /* Opera 10.50–12.00 */
    transition: 0.2s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

}

#main-menu >.inner >ul >li >ul ul{display:block;top:30px;background:white;}
#main-menu >.inner ul li ul ul a{padding-left:20px;}
#content-wrapper{
    display: block;
    margin-top: 10px;
}
#content-wrapper >.inner{}
#content-wrapper >.inner{}

#content{}
#content >.inner{}
#content >.inner >.list >.title{display:block;font-size:13px;background:#0091b2;padding: 10px;font-weight:bold;color:white;}
#content >.inner >.list{}
#content >.inner >.list >.inner{}
#content >.inner >.list >.inner >.item{display:block;margin:10px 0px;border-bottom:1px solid #0091b2;margin-bottom: 0px;font-size:14px;position: relative;padding: 10px 0px;}
#content >.inner >.list >.inner >.item >div{font-size:13px;}
#content >.inner >.list >.inner >.item a > img{display:block;float:left;margin-right:20px;height: 125px;}
#content >.inner >.list >.inner >.item span{}
#content >.inner >.list >.inner >.item >.title{display:block;color:#005164;font-weight:bold;font-size:15px;text-decoration:none;}
#content >.inner >.list >.inner >.item >.price{display:block;padding: 3px;}
#content >.inner >.list >.inner >.item >.position{display:block;padding: 3px;}
#content >.inner >.list >.inner >.item >.date{display:block;padding: 3px;}
#content >.inner >.list >.inner >.item >.view{display:block;padding:5px;}
#content >.inner >.list >.inner >.item >.detail{display:block;background: #71a501;color: white;padding: 5px;width: 100px;text-align: center;float: right;position: absolute;right: 0px;bottom: 5px;text-decoration:none;}


#content >.inner >.info{display:block;}
#content >.inner >.info >.inner >.title{display:block;/* color:#006076; *//* font-weight:bold; *//* font-size:18px; */}
#content >.inner >.info >.inner >.title .top{display:block;background:url('../../images/web/grs1.png') no-repeat left bottom;padding-bottom:15px;padding-left:10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 25px;
    font-weight: normal;
}
#content >.inner >.info >.inner >.title .bottom{display:block;padding-left:10px;font-size:15px;}
#content >.inner >.info >.inner >.summary{margin:5px 0px;display:block;}
#content >.inner >.info >.inner >.summary span{display:block;font-size:13px;padding:3px 0px;}
#content >.inner >.info >.inner >.content {margin-top:10px;}
#content >.inner >.info >.inner >.content .news-img{float:left; margin-right:15px;display:block;border-radius:10px;box-shadow:0px 0px 10px lightgray;}
#content >.inner >.info >.inner >.content >.sec{display:block;}
#content >.inner >.info >.inner >.content >.sec >.title{display:block;color:white;font-size:12px;font-weight:bold;padding:8px;background:#0091b2;width:120px;text-align:center;}
#content >.inner >.info >.inner >.content >.sec >.content{font-size:13px;line-height:20px;margin:5px 0px;text-align: justify;}
#content >.inner >.info >.inner >.content >.sec >.content >div{}
.advantage-wrapper{width: 525px;float:right;}
#content >.inner >.info >.inner >.content >.sec >.content table.contact{width:100%;border-collapse:collapse;}
#content >.inner >.info >.inner >.content >.sec >.content table.contact tr td{padding:5px;border:1px solid lightgray;}

#content >.inner >.info >.inner >.others{display:block;margin-top:10px;}
#content >.inner >.info >.inner >.others >.content{padding:15px 0px;}
#content >.inner >.info >.inner >.others >.title{display:block;font-family: Verdana, Geneva, sans-serif;
    font-size: 25px;
    font-weight: normal;}
#content >.inner >.info >.inner >.others  ul a{display:block;text-decoration:none;color:black;font-size:13px;padding:3px 0px;background:url('../../images/icon_bullet.png') no-repeat left center;padding-left:15px;}
#content >.inner >.info >.inner >.others  ul a:hover{color:#71a501;}


#right{display:block;width:280px;float:right;background: white;border: 1px solid #0091b2;}
#right >.inner{}
#right >.inner >.item{}
#right >.inner >.item >.title{
    display: block;
    color: white;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    background: #0091b2;
}
#right >.inner >.item >.title span{}
#right >.inner >.item >.content{
    display: block;
    padding: 5px;
}
#right >.inner >.item >.content table {
    display: block;
    font-size: 13px;
}
#right >.inner >.item >.content table tr td {padding:3px 0px;}
#right >.inner >.item >.content table tr td:nth-child(2){color: #71a501;font-weight: bold;}
#right >.inner >.item >.content form input[type='password']{

    display: block;

    width: 95%;
    height: 25px;
    padding: 0px 5px;
    margin-top:5px;
}
#right >.inner >.item >.content form input[type='text']{
    display: block;
    width: 95%;
    height: 25px;
    padding: 0px 5px;
}
#right >.inner >.item >.content form .login-btn{display:block;background: #71a501;color: white;font-size: 13px;padding: 5px;width: 100px;text-align: center;margin: 0 auto;margin-top: 10px;}
#right >.inner >.item >.content form .login-btn:hover{cursor:pointer;}
#right >.inner >.item >.content a.adv{}
#right >.inner >.item >.content a.adv img{
    display: block;
    width: 100%;
}


#sub-menu{
    display: block;
    background: #0091b2;
    margin-top:10px;

}
#sub-menu >.inner{}
#sub-menu >.inner ul li{display:block;float:left;}
#sub-menu >.inner ul li a{display:block;text-decoration:none;padding:0px 10px;font-size: 12px;font-weight:bold;border-right:1px solid white;color:white;line-height: 30px;height:30px;}
#sub-menu >.inner ul li a:hover{background:#71a501;}

#footer{
    display: block;
    background: #fff;
}
#footer >.inner{
    display: block;
    width: 1100px;
    margin: 0 auto;
    padding: 10px 0px;
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif;
}
#footer >.inner >.left{
    display: block;
    float:left;
    margin-right: 10px;
    /* background:red; */
}
#footer >.inner >.left img{display:block;margin-top:10px;}
#footer >.inner >.right{
    font-size: 13px;
    width: 739px;float:right;
    /* background:blue; */
}
#footer >.inner >.right >div{display:block;padding:3px 0px;}
#footer >.inner >.right >span.com-name{font-weight:bold;padding-bottom:5px;display:block;}

a.list{display:block;text-decoration:none;padding:15px;font-size:13px;color:black;background:url('../../images/list-icon.png') no-repeat left center;background-size:30px 30px;padding-left:35px;margin:0px 5px;}
a.add{display:block;text-decoration:none;padding:15px;font-size:13px;color:black;background:url('../../images/add.png') no-repeat left center;background-size:30px 30px;padding-left:35px;margin:0px 5px;}
a.list:hover,a.add:hover{
    color: #71a501;
}
.right-adv{display:block;position:absolute;right:-170px;width:150px;top:0px;}
.left-adv{display:block;position:absolute;left: -160px;width:150px;top:0px;}
#menu-footer{background:url('../../images/web/bg-panel-bottom.jpg') repeat-x top center;height:243px;}
#menu-footer >.inner{width:1000px;margin:0 auto;}
#menu-footer >.inner .col{width:25%;float:left;}
#menu-footer >.inner .col >.inner{padding:5px;margin-top:10px;}
#menu-footer >.inner .col >.inner >.title{display:block;font-family: Tahoma, Geneva, sans-serif;font-weight: bold;font-size: 16px;margin-left: -5px;}
#menu-footer >.inner .col ul{list-style:none;}
#menu-footer >.inner .col >.inner >.content a{display:block;text-decoration:none;font-size:13px;padding:5px 0px;color:#333;background:url('../../images/web/list-panel-bottom.png') no-repeat left center; padding-left:20px;}
#menu-footer >.inner .col:first-child >.inner{padding-left:0px;}
#menu-footer .address{font-size:13px;background:url('../../images/web/alamat.png') no-repeat left 10px;padding:10px;padding-left:25px;}
#menu-footer .phone{font-size:13px;background:url('../../images/web/telepon.png') no-repeat left 10px;padding:10px;padding-left:25px;}
#menu-footer .email{font-size:13px;background:url('../../images/web/email.png') no-repeat left center;padding:10px;padding-left:25px;}

#content-wrapper{display:block;width: 1000px;margin:0 auto;font-size:13px;line-height:20px;padding-top: 10px;}
#content{margin-top:10px;display:block;}

.customer-wrapper{margin:30px 0px; margin-top:25px;}
.customer-wrapper .item{display:block;float:left;transition:all 0.5s; box-shadow: 0px 0px 6px gray; border: 1px solid lightgray; border-radius: 6px; overflow:hidden;margin-right: 28px;margin-bottom: 22px;}
.customer-wrapper .item  img{width: 175px;height: 144px;}
.customer-wrapper .item:nth-child(5n+4){margin-right:0px;}
.customer-wrapper .item:nth-child(5n){float:right;margin-right:0px;}
.customer-wrapper .item:hover{cursor:pointer;transition:all 0.5s;box-shadow:none;}


.recruit-list{}
.recruit-list .item{display:block;background:#d6e9fd;width: 313px;margin-bottom:20px;float: left;margin-left: 20px;}
.recruit-list .item:nth-child(3n){float:right;}
.recruit-list .item:nth-child(2n){margin-right:0px !important;}
.recruit-list .item .date{display:block;background: #256cb7;color: white;text-align: center;padding: 5px;}
.recruit-list .item .title{display:block;font-size:20px;font-weight:normal;text-align:center;margin:10px;font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;}

.recruit-list .item .des-title{display:block;margin:5px 10px;font-size:15px;}
.recruit-list .item .des{display:block;margin:5px 10px;margin-left: 35px;}
.recruit-list a{display:block;background: #256cb7;color: white;text-align:center;padding:5px;text-decoration:none;}
.recruit-detail{display:block;width:400px; margin:30px auto;}
.recruit-detail >.inner{display:block;padding:20px;border:1px solid #256cb7;border-radius:5px;background: #ddedfd}

.recruit-detail >.inner .title{display:block;text-align: center;
    margin-bottom: 20px;
    padding: 10px 0px 20px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 25px;
    font-weight: normal;
}
.recruit-detail >.inner a{background: #206bbd;display:block;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 10em;
    border: 0px;
    text-decoration:none;margin:0 auto;width:80px;margin-top:10px;
}
.others >.content .item{display:block;float:left;width: 334px;margin-left: 52px;}
.others >.content .item >.title{display:block;font-weight:bold;}
.others >.content .item:first-child{margin-left:0px;}
.others >.content .item:nth-child(3){float:right;margin-left:0px;}
.others >.content .item img{width:100%;box-shadow:0px 0px 10px lightgray;}
.others >.content .item .des{height: 61px;}
.others >.content .item .detail-btn{margin:0 auto;display:block;width: 85px;text-align:center;margin-top:10px;}
.others .detail-btn {
    background: #206bbd;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 10em;
    border: 0px;
    text-decoration: none;}

.share-on-wrapper{display:block;border:1px dashed lightgray;padding:10px 0px;border-left:0px;border-right:0px;margin:10px 0px;}
.share-on-wrapper >span:first-child{font-weight:bold;float:left; margin-right:10px;}

.loi-the-canh-tranh{width: 172px;}
.tuyen-dung{width: 125px;}
.lien-he{width:95px;}
.mang-luoi-ban-hang-toan-cau{width: 164px;}
.khach-hang-toan-cau{width: 154px;}
.ve-chung-toi{width: 114px;}

.theme-default a.nivo-prevNav{background:url("../../images/themes.gif") no-repeat;}
.theme-default a.nivo-nextNav{background:url("../../images/themes.gif") no-repeat;}