body {
    BACKGROUND: url(../images/bg.jpg); 
    margin:8px 0 10px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #333;
    line-height: 1.4;
}
em {
	font-family: Arial, Tahoma, sans-serif;
	text-decoration: none;
}
a {
    font-size: 15px;
    color: #353546;
    text-decoration: underline;
}
a:hover {
      background: #EAF1EB; 
/*    background: #D9E4E5; */
    text-decoration: none;
}
a:active {
      background: #E0EAF0;
}
.nob:hover {
        background-color: transparent;
}
.thumb_wrapper{
	position:relative;
	margin:0px auto;
	padding-left:0px;
	width:100%;
	max-width:1050px;
}
.thumbd2{
	border:1px solid #b3b7b4;
	position:relative;
	top:0;
	left:0;
	float:left;
	display:inline;
	width:72%;
	min-width:300px;
	max-width:750px; 
	margin:2px;
}
.thumbd3{
	background:#E5E4DE;
	border:1px solid #b3b7b4;
	position:relative;
	top:0;
	left:0;
	float:left;
	display:inline;
	width:26.3%;
	min-width:150px;
	max-width:750px; 
	margin:2px;
}
.thumbdc{
	border:1px solid #c3c7c4;
	background:#E5E4DE;
	position:relative;
	top:0;
	left:0;
	float:left;
	display:inline;
	min-width:120px;
	min-height:606px;
	margin:0px 5px 0 0px;
/*	-webkit-box-shadow:1px 1px 5px 0 rgba(109,109,109,.3);
	-moz-box-shadow:1px 1px 5px 0 rgba(109,109,109,.3);
	box-shadow:1px 1px 5px 0 rgba(109,109,109,.3) */
}
.thumbad2{
	border:1px solid #c3c7c4;
	position:relative;
	top:0;
	left:0;
	float:left;
	display:inline;
	width:49%;
	min-width:300px;
	max-width:514px; 
	margin:2px;
}
.thumbad3{
	position:relative;
	top:0;
	left:0;
	float:left;
	display:inline;
	width:33%;
	margin:5px;
	line-height:17px;
	font-size:14px;
}

.leftpart {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
input#inbox {
  height:18px;
  background: #D0D6D1;
  text-transform:lowercase;
  color:#445544!important;
  border:1px solid #534734;
  font-weight:bold;
  border-radius: 4px;
}

.sixt {
   margin-top: 0;
   padding: 0;
   text-align:center;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.bg1 {background:url(../img/btn1.png) no-repeat left top;height: 20px;}
.bg1 div {background:url(../img/btn1_.png) no-repeat right top;height: 20px;}
.bg1:hover {background-image: url(../img/btn1.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg1 div:hover {background-image: url(../img/btn1_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg2 {background:url(../img/btn2.png) no-repeat left top;height: 20px;}
.bg2 div {background:url(../img/btn2_.png) no-repeat right top;height: 20px;}
.bg2:hover {background-image: url(../img/btn2.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg2 div:hover {background-image: url(../img/btn2_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg3 {background:url(../img/btn3.png) no-repeat left top;height: 20px;}
.bg3 div {background:url(../img/btn3_.png) no-repeat right top;height: 20px;}
.bg3:hover {background-image: url(../img/btn3.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg3 div:hover {background-image: url(../img/btn3_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg4 {background:url(../img/btn4.png) no-repeat left top;height: 20px;}
.bg4 div {background:url(../img/btn4_.png) no-repeat right top;height: 20px;}
.bg4:hover {background-image: url(../img/btn4.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg4 div:hover {background-image: url(../img/btn4_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg5 {background:url(../img/btn5.png) no-repeat left top;height: 20px;}
.bg5 div {background:url(../img/btn5_.png) no-repeat right top;height: 20px;}
.bg5:hover {background-image: url(../img/btn5.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg5 div:hover {background-image: url(../img/btn5_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg6 {background:url(../img/btn6.png) no-repeat left top;height: 20px;}
.bg6 div {background:url(../img/btn6_.png) no-repeat right top;height: 20px;}
.bg6:hover {background-image: url(../img/btn6.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg6 div:hover {background-image: url(../img/btn6_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg7 {background:url(../img/btn7.png) no-repeat left top;height: 20px;}
.bg7 div {background:url(../img/btn7_.png) no-repeat right top;height: 20px;}
.bg7:hover {background-image: url(../img/btn7.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg7 div:hover {background-image: url(../img/btn7_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg8 {background:url(../img/btn8.png) no-repeat left top;height: 20px;}
.bg8 div {background:url(../img/btn8_.png) no-repeat right top;height: 20px;}
.bg8:hover {background-image: url(../img/btn8.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg8 div:hover {background-image: url(../img/btn8_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg9 {background:url(../img/btn9.png) no-repeat left top;height: 20px;}
.bg9 div {background:url(../img/btn9_.png) no-repeat right top;height: 20px;}
.bg9:hover {background-image: url(../img/btn9.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg9 div:hover {background-image: url(../img/btn9_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg10 {background:url(../img/btn10.png) repeat-y left top;height: 20px;}
.bg10 div {background:url(../img/btn10_.png) repeat-y right top;height: 20px;}
.bg10:hover {background-image: url(../img/btn10.png);background-position: left -20px;background-repeat: repeat-y;cursor: pointer; cursor: hand;}
.bg10 div:hover {background-image: url(../img/btn10_.png);background-position: right -20px;background-repeat: repeat-y;cursor: pointer; cursor: hand;}
.bg11 {background:url(../img/btn8.png) no-repeat left top;height: 20px;}
.bg11 div {background:url(../img/btn8_.png) no-repeat right top;height: 20px;}
.bg11:hover {background-image: url(../img/btn8.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg11 div:hover {background-image: url(../img/btn8_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg12 {background:url(../img/btn2.png) no-repeat left top;height: 20px;}
.bg12 div {background:url(../img/btn2_.png) no-repeat right top;height: 20px;}
.bg12:hover {background-image: url(../img/btn2.png);background-position: left -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.bg12 div:hover {background-image: url(../img/btn2_.png);background-position: right -20px;background-repeat: no-repeat;cursor: pointer; cursor: hand;}
.wrap {
    background:#676 url(../images/btnbkg.jpg) center top;
    border-top: 1px solid #343;
    border-bottom: 1px solid #030;
    max-width:800px;	  
    margin:auto;
}

.wrap div {
    border: 0px solid #454;
    height: 20px;
    width: 16.66%;
    float: left;
}

.wrap1 {
    border-top: 2px solid #999;  
    border-left: 1px solid #999;  
    border-bottom: 2px solid #999; 
    max-width:800px;	  
    margin:auto;
}

.wrap1 div {
/*    border: 1px solid #454; */
    border-right: 2px solid #999;  
    height: 182px;
    width: 16.66%;
    float: left;
}

.wrap2 {
    border-top: 2px solid #999;  
    border-left: 1px solid #999;  
    border-bottom: 1px solid #999; 
    max-width:800px;	  
    margin:auto;
}

.wrap2 div {
    border-right: 2px solid #999;  
    border-bottom: 1px solid #999; 
    height: 182px;
    width: 16.66%;
    float: left;
}

.clear:after {
   content: "";
   display: table;
   clear: both;
}

.mpad {margin-left:60px;}
.mstil {padding:5px 0 0 0;}
a.mstil {padding:5px 0 0 0;}

@media all and (max-width: 798px) {
    .wrap div {
        width: 25.0%;
        float: left;
    }
}

@media all and (max-width: 758px) {
	.thumbd2{ margin-left:-2px;width:99.5%; }
	.thumbd3{ margin-left:-2px;width:99.5%; }
	.thumbad3{ width:98%; max-width:614px;  }
}

@media all and (max-width: 658px) {
	.thumbad2{ width:98%; max-width:614px;  }
    .wrap1 div {
        width: 33.3%;
        float: left;
        border-bottom: 1px solid #999; 
    }
    .wrap2 div {
        width: 33.3%;
        float: left;
        border-bottom: 1px solid #999; 
    }
}

@media all and (max-width: 532px) {
    .mpad {margin-left:35px;}
    div.wrap div {
        width: 33.3%;
        float: left;
    }
    div.wrap1 div {
        width: 33.3%;
        float: left;
    }
    div.wrap2 div {
        width: 33.3%;
        float: left;
    }
}

@media all and (max-width: 400px) {
    .mpad {margin-left:0px;}
    div.wrap div {
        width: 50.0%;
        float: left;
    }
    div.wrap1 div {
        width: 50.0%;
        float: left;
    }
}

.tm {background:#c9d4de;color:#242;font-size:14px;font-weight:600;padding:0 5px 0 4px;margin:2px 0px 2px 0;border-radius:5px;}
.dtm{background:#A7CB9B;padding:2px 0px 2px;margin:0px 0 0;font-size:14px;font-weight:600;line-height:13px;}
.newspd{background:#e5e4de;padding:2px;line-height:14px;}
.ctnews{background:#47524D;color:#F5FFDD;text-align:center;margin:1px 0 0;font-size:14px;font-weight:600;line-height:16px;}
.captn{background:#47524D;color:#F5FFDD;padding:0;margin:5px 2px 0;font-size:14px;line-height:16px;}
.numpd{padding:0 3px;font-size:13px;}
.row li {
    width: 33.3%;
    float: left;
    list-style: outside none none;
}
.fotonews {width:98%;padding:0 0 0 8px;margin:0 0 0 5px;line-height:16px;font-size:14px;}
