/*
    // Author: dmonsoft.com
    // 14/01/2014
    // Yii Framework
    // Coder: Minh Nguyen
    // Hotline: 0906.114.546
*/
/*============= Start =================*/

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Arial, sans-serif !important;
    /*background: hex url(../../img/bg-page.png) repeat-x top center;*/
   background: #B5B5B5;
    color: #0743F1;
    line-height: 20px;
}

ul,
li,
ol {
    list-style: none;
    margin: 0px;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    text-decoration: none;
}

.errorMessage {
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 20px;
    margin: 0px;
}
/* Main */

.main {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
#pagemain{
    width: 960px;
    margin: auto;
    padding: 0px;
}
.top-head {
    display: block;
    background: #fff;
    border-radius: 0px 0px 3px 3px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.envi{
    height: 25px;
    display: block;
    clear: both;
    padding: 4px 0px;
}
.envi a.vi{
    float: right;
    background: url(../../images/icon_vn.jpg) no-repeat top left;
    width: 40px;
    height: 26px;
padding-right: 2px;
}
.envi a.en{
    float: right;
    background: url(../../images/flag_en.png) no-repeat top left;
    width: 40px;
    height: 26px;
    padding-right: 5px;
}
.top-banner {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.top-banner > h1 {
    display: block;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
#box-logo table {
    width: 960px !important;
    border: none;
}
#box-logo table tr td{
    border: none;
}
.box-content {
    display: block;
    position: relative;
    overflow: hidden;body
}

#detail {
    float: left;
    position: relative;
    width: 100%;
}
/* Nav Menu */

.top-nav {
    width: 980px;
    height: 35px;
    background: #0048B3;
    margin: auto;
}
.nav-mn{
    margin: 0px;
    padding: 0px;
    float: left;
    height: 35px;
    position: relative;
    width: 100%;
}
.nav-mn .search{
    position: absolute;
    top: 3px;
    right: 2px;
}
.nav-mn .search input{
    height: 23px;
    padding: 0px 0px 0px 2px;
    margin: 0px;
    border: none;
    line-height: 23px;
    background-color: #C8C8C8;
}
.nav {
    margin: 0;
    padding: 0px;
    list-style: none;
}

.fixedmenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.top-nav ul.nav li.menumain {
    display: inline-block;
    position: relative;
}
.top-nav ul.nav li.active{
    background-color: #033A8C;
}
.top-nav ul.nav li.menumain a {
    color: white;
    text-decoration: none;
    padding: 0px 20px;
    line-height: 35px;
    position: relative;
    display: block;
}
.top-nav ul.nav li.menumain a:hover{
    background: #033A8C;
    color: #fff;
}
/*.top-nav ul.nav li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.top-nav ul.nav li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #0048B3;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
.top-nav ul.nav li a:hover:after{
    border-left-color: #FF3300 !important;
}
*/

.file_menu {
    display:none;
    width:210px;
    position: absolute;
    top: 35px;
    background: #0048B3;
    z-index: 9999;
    opacity: 0.8;
}

.file_menu li {
    background-color: #0048B3;
    position: relative;
}

.file_menu li a {
    color:#FFFFFF; 
    text-decoration:none; 
    padding:10px; 
    display:block;
}

.file_menu li a:hover {
    padding:10px;
    font-weight:bold;
    color: #F00880;
}

.sub {
    position: absolute;
    min-width: 200px;
    display: none;
    left: 210px;
    top: 0px;
}




ul.nav li a {
    color: #fff;
    padding: 16px 5px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

ul.nav ul.submenu {
    min-width: 210px;
    background: #d6d6d6;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: -210px;
    padding: 10px 0px 10px 15px;
}

ul.nav li:hover ul.submenu {
  display: block;
}
ul.nav ul.submenu li{
    width: 100%;
}
ul.nav ul.submenu li a{
    padding: 0px;
    display: block;
    line-height: 19px;
    text-transform: none;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
}
ul.nav ul.submenu li{
    padding-left: 0px !important;
}
ul.nav ul.submenu li:hover{
    background: #c0c0c0 !important;
    color: #333;
    padding-left: 0px !important;
}
ul.nav ul.submenu li a{
    padding-left: 10px !important;
}
ul.nav ul.submenu li a:hover{
    text-decoration: none;
}

#box-showpic{
    float: left;
    width: 710px;
    height: 240px;
    overflow: hidden;
}
#owl-slide .item img{
    display: block;
    width: 100%;
    height: auto;
}

#breadcrumbs {
    position: relative;
}

#breadcrumbs ul.breadcrumb {
    padding: 5px 0px;
    list-style: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 980px;
    margin: 0 auto;
    background: none;
}

#breadcrumbs ul.breadcrumb li a {
    font-size: 12px;
    color: #787777;
    font-style: italic;
}

#breadcrumbs ul.breadcrumb li span {
    font-size: 12px;
    color: #787777;
    font-style: italic;
}

.page-content {
    margin: 0 auto;
    width: 960px;
    position: relative;
    overflow: hidden;
}
/* Mod content */
#mod-left{
 
}
#mod-left #mod-slogan{
    display: block;
    background-color: #ececec;
    border-radius: 5px;
}
#boxcate{
    background: #f8f8f8;
    position: relative;
}
#mod-left .titlemenu h2{
    font-size: 14px;
    color: #fff;
    background: #0048B3;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#mod-left .titlemenu ul{
    padding: 10px 0px;
}
#mod-left .titlemenu ul li{
    position: relative;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
    border-bottom: 1px dotted #BBB9B9;
}
#mod-left .titlemenu ul li:last-child{
    border-bottom: none;
}
#mod-left .titlemenu ul li:hover{
    background:  #D6D6D6;
}
#mod-left .titlemenu ul li a:hover{
    background: none;
    color: #333;
}
#mod-left .titlemenu ul li a{
    color: #333;
    padding: 10px 0px;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}
.slog{
    margin-top: 10px;
}
.mod-dslogan{
    position: relative;
    padding: 10px;
}
.mod-dslogan ul li a{
    color: #333;
    font: normal 13px Arial;
    display: block;
    width: 100%;
    padding: 4px 0px;
}
#mod-news{
    clear: both;
    display: block;
    margin: 10px 0px;
    overflow: hidden;
}
#mod-news ul.supp li{
    display: block;
    padding: 5px 0px 0px 10px;
    font-size: 14px;
    font-family: Arial;
}
#mod-news h2{
    font-size: 14px;
    color: #FFF;
    background: #0048B3;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#mod-newshome{
    background: #fff;
    border-radius: 3px;
    width: 475px;
    overflow: hidden;
    float: left;
}
#box-new{
    display: block;
    padding: 0px 10px;
}
.box-newdot a{
    background: url(../../img/dooted.png) no-repeat 0px 7px;
    clear: both;
    display: block;
    padding-left: 10px;
    color: #2330DC;
    font-size: 14px;
}
.box-newdot p{
    font-size: 12px;
    color: #999;
    display: block;
    padding-left: 10px;
}
#mod-datahome{
    background: #fff;
    border-radius: 3px;
    width: 475px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
}
#mod-datahome h2{
    font-size: 14px;
    color: #454545;
    line-height: 30px;
    padding-left: 15px;
    font-weight: bold;
}

#mod-newshome #box-list{
    float: left;
    width: 354px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 105px;
}
#mod-newshome .box-picture {
    float: left;
    padding-bottom: 10px;
    padding: 0px 10px 10px 5px;
}
#mod-newshome .box-picture a img {
    float: left;
    width: 140px;
    height: 100px;
}
#mod-newshome .box-home {
    display: block;
    padding: 0px 10px 0px 0px;
}
#mod-newshome .box-home a {
    color: #0048B3;
    font-weight: bold;
    font-size: 13px;
}
#mod-newshome .box-home p {
    font-size: 17px;
    color: #454545;
}
#mod-newshome h2{
    font-size: 14px;
    color: #454545;
    line-height: 30px;
    padding-left: 15px;
    font-weight: bold;
}
#mod-adv{
    clear: both;
    display: block;
    margin: 10px 0px;
    padding-bottom: 10px;
}
#mod-adv h2{
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFF00;
    background: #0048B3;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    text-align: left;
    font-weight: normal;
    margin-bottom: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#mod-adv a img{
    display: block;
    text-align: center;
}
#mod-support{
    clear: both;
    display: block;
    margin: 10px 0px;
    padding-bottom: 10px;
}
#mod-support h2{
    font-size: 14px;
    color: #FFF;
    background: #0048B3;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#mod-support span.isup{
    float: left;
    background: url(../../img/iconsup.png) no-repeat top left;
    width: 47px;
    height: 46px;
    margin-left: 20px;
    padding-right: 10px;
}
#mod-support span{
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #FF3300;
    line-height: 22px;
}
#mod-support h6{
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    float: left;
    padding-right: 10px;
}
#mod-style{
    display: block;
    margin: 30px 0px 20px 0px;
    overflow: hidden;
}
#mod-style h2{
    font-size: 16px;
    font-weight: normal;
    color: #3d3739;
    text-align: right;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

#mod-share{
    display: block;
    margin: 10px 0px 20px 0px;
    overflow: hidden;
    background-color: #f8f8f8;
    padding: 10px 0px;
}
#mod-share h2{
    float: left;
    font-size: 16px;
    font-weight: normal;
    color: #3d3739;
    text-align: left;
    padding-bottom: 6px;
    margin-bottom: 10px;
}
#mod-share i.bor{
    float: right;
    border-top: 1px solid #eaeaea;
    width: 50px;
    position: relative;
    display: block;
    line-height: 20px;
    padding-top: 11px;
    margin-top: 10px;
}

#mod-right{
    position: relative;
    clear: both;
}
.boxsha{
    background: #F7F6C6;
    border-radius: 3px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.boxpp{
    background: #F7F7F7;
    border-radius: 3px;
    width: 100%;
    overflow: hidden;
    margin: 10px 0px;
    padding: 10px;
}
.boxpp .ppdq{
    display: block;
    clear: both;
    margin-bottom: 10px;
}
.boxpp .item{
    float: left;
    padding-right: 10px;
    width: 227px;
    margin-bottom: 10px;
}
.boxpp .item h2{
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    color: #333;
}
.boxpp .item h2:hover{
    color: #a64d00;
}
.box-gioithieu{
    background: #AAE4E2;
    border-radius: 3px;
    width: 475px;
    overflow: hidden;
    float: left;
}
.box-gioithieu2{
    background: #AAE4E2;
    border-radius: 3px;
    width: 475px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
}
.papha{
    display: block;
    padding: 10px;
    overflow: hidden;
}

#detail {
    float: left;
    width: 710px;
    margin-right: 40px;
}

.mod-right {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.mod-right .sharegoog {
    margin: 20px 0px;
}
.list_news{
    display: block;
    clear: both;
}
.list_news span.box-img{
    float: left;
    display: block;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.list_news span.box-img img{
    height: 50px;
}
.list_news span.box-title a{
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}
.list_news span.box-title a:hover{
    text-decoration: underline;
}
h3.h33{
    font-weight: normal;
    margin-bottom: 9px;
    color: #1b1b1b;
    font-size: 16px;
    border-bottom: 1px solid #dadada;
    float: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-indent: 0;
    width: 100%;
}
/* Mod News */
#mod-homelist{
    position: relative;
    width: 110%;
    clear: both;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}
#mod-homelist h5{
    font-size: 14px;
    color:#1253D0;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.dlist{
    margin: 0px !important;
}
#mod-homelist h3{
    font-size: 18px;
    font-weight: bold;
    color: #3d3739;
    text-align: left;
    clear: both;
    margin-bottom: 20px;
}

#box-list{
    float: left;
    width: 313px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
    margin-right: 10px;
    border-radius: 3px;
    position: relative;
    height: 186px;
}
.mod-listsave span.box-title{
    display: block;
    padding: 5px;
    background-color: #333;
    opacity: 0.8;
    width: 210px;
}
span.box-title a{
    font: bold 18px Arial;
    color: #000;
}
span.box-title a:hover{
    color: #FF3300;
}
span.box-description h4{
    font: normal 14px Arial;
    color: #000;
    text-align: justify;
    line-height: 18px;
}
#mod-homelist .box-picture{
    float: left;
    padding: 0px 10px 10px 10px;
}
.box-plist a.titlep{
    position: absolute;
    bottom: 8px;
    text-align: center;
    display: block;
    padding-left: 50px;
    font-size: 14px;
    color: #0E3CC3;
}
.box-plist a.titlepp{
    position: absolute;
    bottom: 7px;
    display: block;
    left: 200px;
    font-size: 14px;
    color: #0E3CC3;
}
.box-plist a.titlep:hover{
    text-decoration: underline;
    color: #a64d00;
}
.box-plist a.titlepp:hover{
    text-decoration: underline;
    color: #a64d00;
}
#mod-homelist .box-picture img{
    float: left;
    width: 134px;
    height: 100px;
    border: none;
}
.box-title a:hover {
    text-decoration: none;
}
#mod-homelist .box-home{
    display: block;
    padding: 0px 10px 0px 0px;
}
#mod-homelist .box-home a{
    color: #0048B3;
    font-weight: bold;
    font-size: 13px;
}
#mod-homelist .box-home span a{
    font-size: 14px;
    font-weight: bold;
    color: #0048B3;
}
#mod-homelist .box-home a:hover{
    color: #FF3300;
}
#mod-homelist .box-home span a:hover{
    color: #FF3300;
}
#mod-homelist .box-home p{
    font-size: 12px;
    color: #454545;
}
#mod-homelist .colum1 h4{
    background: #0048B3;
    height: 35px;
    clear: both;
    margin-bottom: 10px;
    line-height: 35px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
#mod-homelist .colum2 h4{
    background: #0048B3;
    height: 35px;
    clear: both;
    margin-bottom: 10px;
    line-height: 35px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
#mod-homelist .colum3 h4{
    background: #0048B3;
    height: 35px;
    clear: both;
    margin-bottom: 10px;
    line-height: 35px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
span.box-description h3 {
    float: left;
    width: 100%;
    display: block;
    font-size: 12px;
    color: #454545;
    font-weight: normal;
    text-align: justify;
    padding: 5px 0px;
    line-height: 18px;
}

span.off h3 {
    width: 100%;
}

.box-address {
    float: right;
  width: 25%;
}
.ov{
   width:100%;
   padding-top: 5px;
}
.box-address p {
    padding: 0px;
    margin: 0px;
    color: #7e4e29;
    font-size: 12px;
}

.box-project {
    float: left;
    width: 220px;
    height: 240px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 3px 2px #CCCCCC;
    display: inline-block;
    margin: 0 10px 20px 0;
    padding: 3px;
    vertical-align: top;
}

.box-project .box-img {
    display: block;
    margin-bottom: 10px;
}

.box-project .box-protitle {
    display: block;
    padding: 0px 10px;
    float: left;
}

.box-project .box-protitle a {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #f2f2f2;
    padding: 5px;
}

.box-project .box-protitle a:hover {
    text-decoration: underline;
    color: #d6271a;
}

.of {
    margin-right: 10px;
}
.mod-listsave{
    position: relative;
    overflow: hidden;
    width: 110%;
}
ul.list-detail li {
    float: left;
    width: 225px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    height: 160px;
}

.mod-listsave ul.list-detail li span {
    position: absolute;
    bottom: 0;
}
.mod-listsave ul.list-detail li span img{
    height: 160px;
}
.mod-listsave ul.list-detail li span a{
    display: block;
    color: #fff;
    font-size: 14px;
    z-index: 999;
    line-height: 18px;
    font-weight: normal;
}
.mod-listsave ul.list-detail li span a:hover{
    color: #d28000;
}
.utitle {
    clear: both;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 20px;
    background-color: #f8f8f8;
    
}
.utitle span {
    display: block;
    padding: 10px 0px 10px 10px;
    font-size: 18px;
    color: #454545;
}
.newslist{
    position: relative;
    padding: 10px;
}
.box-news{
    clear: both;
    display: block;
    margin: 0px 0px 20px 0px;
    overflow: hidden;
}
.box-news .box-img{
    float: left;
    width: 240px;
    display: block;
    overflow: hidden;
    padding-right: 10px;
}
.box-text{
    display: block;
    float: left;
    width: 63%;
}
.box-text a{
    display: block;
    font-size: 14px;
    color: #0048B3;
    font-weight: bold;
    padding-bottom: 10px;
    width: 100%;
}
.box-text a:hover{
    color: #FF3300;
}
.box-date{
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #999;
}
/* Detail content */

span.Title h1 {
    display: block;
    line-height: 26px;
    margin-bottom: 10px;
    color: #3d3739;
}

span.ti h1 {
    font-size: 20px;
}

span.Head h2 {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

.Tcontent {
    font-size: 16px;
    text-align: justify;
    display: block;
    padding-bottom: 20px;
    line-height: 22px;
}
/* Phan trang */

ul.yiiPager .selected a {
    background: #454545 !important;
    color: #fff !important;
    font-weight: bold;
    border: 1px solid #454545!important;
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
    display: inline-block;
    padding: 10px;
    font-size: 13px;
    line-height: 10px;
    margin: 4px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #0048B3;
    border: 1px solid #0048B3;
}
.box-pcontent{
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
}
.box-pcontent span h1{
    font-size: 20px;
    color: #454545;
    display: block;
    line-height: 20px;
}
a.review{
    font-weight: bold !important;
    color: #454545 !important;
}
.box-title i{
    color: #999;
    font-size: 11px;
    display: block;
    padding-top: 5px;
}
.tdate{
    color: #999;
    font-size: 12px;
    display: block;
    padding-bottom: 5px;
}
/* Form contac */

.row {
    margin-left: 0px;
}

.row input.input-xlarge {
    float: left;
    height: 35px;
    line-height: 35px;
    display: block;
    padding-left: 5px;
}
/* Footer */

.footer {
    position: relative;
    width: 100%;
}

.footer .box-footer {
    width: 960px;
    margin: 0px auto;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 0px 0px 0px;
}

.box-fbottom {
    float: left;
    margin: 10px 10px 20px 0px;
}
.counteronline{
    float: right;
    color: #0E23C3;
    font-size: 12px;
    padding-right: 25px;
}
.footer-company {
    float: left;
    width: 30%;
    font-size: 12px;
    font-weight: normal;
    font-family: arial;
    text-align: justify;
    padding-right: 200px;
}

.footer-company strong {
    display: block;
    padding-bottom: 10px;
    font-weight: normal;
    font-size: 14px;
}
.tip {
    color: #fff;
    background: #1d1d1d;
    display: none;
    /*--Hides by default--*/
    
    padding: 10px;
    position: absolute;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tip img {
    height: none;
    max-width: none;
    vertical-align: middle;
    border: 0;
    width: 400px;
    height: 400px;
}

.right {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    float: right;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
}

.thumb2 {
    height: 110px;
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 197px;
}

.maginv1,
.maginv2,
.maginv3 {
    float: left;
    position: relative;
    width: 100%;
}

.maginv1 .magin-cn {
    float: left;
    width: 410px;
    overflow: hidden;
    position: relative;
}

.maginv2 {
    margin: 7px 0px;
}

.maginv1 h3 {
    font-weight: normal;
    margin-bottom: 9px;
    color: #1b1b1b;
    font-size: 16px;
    border-bottom: 1px solid #dadada;
    float: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-indent: 0;
    width: 100%;
}

.maginv2 h3 {
    font-weight: normal;
    margin-bottom: 9px;
    color: #1b1b1b;
    font-size: 16px;
    border-bottom: 1px solid #dadada;
    float: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-indent: 0;
    width: 100%;
}

.maginv3 h3 {
    font-weight: normal;
    margin-bottom: 9px;
    color: #1b1b1b;
    font-size: 16px;
    border-bottom: 1px solid #dadada;
    float: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-indent: 0;
    width: 100%;
}

.thumb1 {
    width: 400px;
    height: 150px;
}

.thumb2 {
    width: 200px;
    height: 110px;
}

.thumb2 img.fix {
    font-size: 11px;
    font-weight: normal;
}

.thumb3 {
    width: 117px;
    height: 73px;
}

.thumb1 span.att {
    height: auto;
    width: 400px;
    padding: 7px;
    vertical-align: middle;
}

.thumb2 span.att {
    height: auto;
    width: 182px;
    padding: 5px;
    vertical-align: middle;
}

span.att {
    display: block;
    vertical-align: middle;
    height: 30%;
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../../img/over_bg.png) repeat;
    color: #fff;
    float: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

ul.maginv2-green {
    float: left;
    height: auto;
    margin-top: 10px;
    width: 410px;
    list-style: none;
    overflow: hidden;
    position: relative;
}

li.maginv2-greenview {
    float: left;
    height: 122px;
    margin-left: 3px;
    width: 197px;
    margin-top: 0;
    margin-bottom: 7px;
}

li.maginv2-greenview img {
    float: left;
    height: 122px;
    width: 192px;
}

.pkpctk_ten {
    float: left;
    background: url(../../img/over_bg.png) repeat;
    height: 122px;
    position: absolute;
    width: 192px;
}

.pkpctk_ten h5 {
    display: table-cell;
    float: none;
    height: 122px;
    vertical-align: middle;
    width: 192px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.pkpctk_ten h5 a {
    color: #fff;
}

.stylect {
    float: left;
    background: url(../../img/over_bg.png) repeat;
    height: 30px;
    position: absolute;
    width: 80px;
    bottom: 0px;
}

ul.maginv2-2 {
    float: right;
    height: auto;
    margin-top: 10px;
    width: 400px;
    list-style: none;
}

li.maginv2-2 {
    float: left;
    height: 120px;
    margin-right: 5px;
    width: 197px;
    margin-top: 0;
    margin-bottom: 5px;
    position: relative;
}

li.maginv2-2 img {
    float: left;
    height: 120px;
    width: 197px;
}

.stylect h5 a {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    display: block;
    text-align: center;
    x;
}

.stylect h5 a:hover {
    text-decoration: none;
}

.maginv2-2 div.caption {
    margin: 0;
    padding: 0;
    position: relative;
}

.maginv2-2 div.caption p {
    position: absolute;
    margin: 0;
    padding: 4px 7px;
    font-size: 12px;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    opacity: .7;
}

.maginv2-2 div.caption img {
    margin: 0;
    padding: 0;
}

.lvideo {
    position: relative;
    display: block;
}

.lvideo h3 {
    font-weight: normal;
    margin-bottom: 9px;
    color: #1b1b1b;
    font-size: 16px;
    border-bottom: 1px solid #dadada;
    float: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-indent: 0;
    width: 100%;
}

div.capty-caption {
    background-color: #000;
    color: #FFF;
    font: normal 11px Arial;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
    font-weight: normal;
    line-height: 14px;
}

h3.searchtitle {
    font-size: 18px;
    font-weight: normal;
    display: block;
    padding-bottom: 10px;
}

.viewport {
    float: left;
    height: 125px;
    width: 250px;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
}
/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */

.no-margin {
    margin-right: 0;
}
/* --- Link configuration that contains the image and label ----------------------------- */

.viewport a {
    display: block;
    position: relative;
}

.viewport a img {
    height: 125px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 250px;
}

.viewport a span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 100%;
    padding-top: 50px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}

.dark-background {
    background-color: rgba(15, 15, 15, 0.6);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}
#listart{
    width: 100%;
    position: relative;
}
.box-listart{
    width: 101%;
    overflow: hidden;
    position: relative;
}
.listart{
    float: left;
    width: 280px;
    display: block;
    margin-right: 10px;
    margin-bottom: 50px;
}
.listart span.box-title{
    display: block;
    height: 30px;
    padding: 0px 0px 10px 0px;
}
.listart span.box-title a{
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}

.isoc{
    float: right;
    position: relative;
}
.iso a {
  float: left;
  width: 18px;
  height: 18px;
  background-image: url('../../img/status/sharebutton.png');
  margin-right: 6px;
  display: inline;
  text-indent: -9999px;
  margin-top: 10px;
}
.iso a.tw {
  background-position: -95px 0;
}
.iso a.fb {
  background-position: -24px 0;
}
.iso a.pin {
  background-position: 0px 0;
}