body{
	font-family: Arial, Helvetica, sans-serif;
}
#article-container{
	width:80%;
	margin: 70px auto;
	padding: 0;

	

}
.clearboth{
clear:both;
}
.can-main {
float:left;
background:#F6F6F6;
position: relative;
    margin: 16px 0 0;

}

.art-inner{
	padding: 0 19px;
 margin-top:20px;
}

.art-main {
width: 66%;
margin-right:5px;
float:left;


}

.art-side {
	width: 33%;
	float:left;
	



}

.main-box {
margin-bottom: 20px;
border: 1px solid #ccc;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.main-box-head {
position: relative;
padding: 7px 20px 5px;
background: #f7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f7f7f7));
background: -webkit-linear-gradient(top, white, #f7f7f7);
background: -moz-linear-gradient(top, white, #f7f7f7);
background: -ms-linear-gradient(top, white, #f7f7f7);
background: -o-linear-gradient(top, white, #f7f7f7);
background: linear-gradient(top, #ffffff, #f7f7f7);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}


.main-box-footer{
position: relative;
padding: 0px 10px;
background: #f7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f7f7f7));
background: -webkit-linear-gradient(top, white, #f7f7f7);
background: -moz-linear-gradient(top, white, #f7f7f7);
background: -ms-linear-gradient(top, white, #f7f7f7);
background: -o-linear-gradient(top, white, #f7f7f7);
background: linear-gradient(top, #ffffff, #f7f7f7);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.main-box-footer a{
 color:#006A85;}
.main-box-head h2{
  font-size:18px;
}

.main-box-content{
	padding: 5px 19px;
	background: #fff;
}
.main-box-content h2{
  font-size:20px;
  margin:5px 0 0 0;
}
.main-box-content p{
	margin: 0px;
	font-size: 14px;
}

.main-box-content h4{
  font-size:14px;
  margin:0px;
  color: #1a85a0;
    padding: 5px 0 7px;

}


.main-box-content a h5{
  font-size:14px;
  margin:0px;
  color: #1a85a0;
    padding: 6px 0 3px;

}

.main-box-content h5{
  font-size:12px;
  margin:0px;
  color: #000;

}

.main-box-content a{
text-decoration: none;
}
.main-box-content p{
  font-size:14px;
  margin:0px 0 5px 0;
  line-height:18px;
text-align: justify;

}

.art-img{
}
.sub-box {
margin-bottom: 20px;
border: 1px solid #ccc;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
width:300px;
float: left;
margin-right: 3px;
}
.sub-box-head {
position: relative;
padding: 5px 20px 3px;
background: #f7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f7f7f7));
background: -webkit-linear-gradient(top, white, #f7f7f7);
background: -moz-linear-gradient(top, white, #f7f7f7);
background: -ms-linear-gradient(top, white, #f7f7f7);
background: -o-linear-gradient(top, white, #f7f7f7);
background: linear-gradient(top, #ffffff, #f7f7f7);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.sub-box-head h2{
  font-size:18px;
}

.sub-box-content{
	padding: 5px 19px;
	background: #fff;
}


.sub-box-content h4{
  font-size:14px;
  margin:0px;
  color: #1a85a0;
    padding: 3px 0 5px;

}

.sub-box-content a h5{
  font-size:14px;
  margin:0px;
  color: #1a85a0;
    padding: 4px 0;

}

.sub-box-content a{
text-decoration: none;
}
.sub-box-content p{
  font-size:12px;
  margin:0px;
    padding: 1px 0 3px;

}

.sub-art-img{
}



.related-box {
margin-bottom: 20px;
border: 1px solid #ccc;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.related-box-head {
position: relative;
padding: 1px 20px;
background: #f7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f7f7f7));
background: -webkit-linear-gradient(top, white, #f7f7f7);
background: -moz-linear-gradient(top, white, #f7f7f7);
background: -ms-linear-gradient(top, white, #f7f7f7);
background: -o-linear-gradient(top, white, #f7f7f7);
background: linear-gradient(top, #ffffff, #f7f7f7);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.related-box-head h2{
  font-size:18px;
padding: 6px 0 4px;
}

.related-box-content{
	padding: 5px 19px;
	background: #fff;
}


.related-box-content h4{
  font-size:14px;
  margin:0px;
  color: #1a85a0;

}

.related-box-content a h5{
  font-size:14px;
  margin:0px;
  color: #1a85a0;

}

.related-box-content a{
text-decoration: none;
}
.related-box-content p{
  font-size:12px;
  margin:0px;

}

.related-art-img{
border: 1px solid #ccc;
}


.related-box-content ul li{
list-style:disc;
margin:10px;
color:#006A85;
font-size: 15px;

}


.art-sub-text {
-webkit-column-count: 2;
-webkit-column-gap: 15px;
-moz-column-count: 2;
-moz-column-gap: 15px;
-ms-column-count: 2;
-ms-column-gap: 15px;
column-count: 2;
column-gap: 15px;
margin: 0;
}


.art-sub-text dl{
margin: 0;
padding-left: 0;
list-style: none;
}

.art-sub-text dd{
margin: 0;
padding-left: 0;
list-style: none;
margin-top: 20px;
line-height: 20px;
font-size: 14px;
text-align: justify;


}

.clearboth{
clear:both;
}

@media all and (max-width:800px){


 
.art-sub-text {
-webkit-column-count: 1;
-webkit-column-gap: 15px;
-moz-column-count: 2;
-moz-column-gap: 15px;
-ms-column-count: 2;
-ms-column-gap: 15px;
column-count: 2;
column-gap: 15px;
margin: 0;
width:100%;
}


.art-sub-text dl{
margin: 0;
padding-left: 0;
list-style: none;
}

.art-sub-text dd{
margin: 0;
padding-left: 0;
list-style: none;
margin-top: 20px;
line-height: 20px;
font-size: 14px;



}
.art-main {
  width: 100%;
  margin-right: 5px;
  float: left;
}

.art-side {
  width: 100%;
  float: left;
}

.art-inner {
  padding: 0px 0px;
  margin-top: 20px;
}

#article-container {
  width: 100%;
  margin: 90px auto;
  padding: 0;
}


.sub-box {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 99%;
  float: left;
  margin-right: 3px; 
}


}