.interactive .boxj{
width: 100%;
height: auto;
float: left;
margin: 3% 0;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
border: 0;
background-color: white;
}

.liveFeedTextarea{
line-height:1.5em;
text-align:left;
}

.suitable{
line-height:1.5em;
text-align:left;
font-weight:400;
}

.liveFeedPhoto{
float:right;
padding:0 0 1% 1%;
}

.liveVideo{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color: white;
}

.liveVideo .contents {
width: 1000px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.liveVideo .contents .box {
width: 31.3%;
height: auto;
float: left;
margin: 1% 1%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
border:0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:white;
}

.liveVideo .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
margin: 15px 0 10px 0;
}
.liveVideo .contents .box .Photo {
width: 100%;
height: auto;
float: left;

color: #595959;
}
.liveVideo .contents .box span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: left;
}

.liveVideo .final{
margin-bottom:5%;
}

.liveVideo a {
text-decoration:none;
color: #e5a900;
}

.liveVideo a:hover {
text-decoration:underline;
}

.liveVideo ul {
padding-left:8%;
}

.liveVideo li {
font-weight:500;
text-align:left;
}

@media only screen and (max-width: 1024px) {
.liveVideo .contents {
width: 768px;
margin: 35px auto;
}
.liveVideo .contents .box {
width: 31.33%;
margin: 1%;
padding: 15px;
}
}

@media only screen and (max-width: 768px) {
 .liveVideo .contents {
width: 600px;
margin: 20px auto;
}
.liveVideo .contents .box {
width: 96%;
margin: 2%;
padding: 20px;
}
.liveFeedPhoto{
width: 100%;
padding: 0;
margin: 5% auto;
}
}

@media only screen and (max-width: 600px) {
.liveVideo .contents {
width: 100%;
margin: 20px auto;
}
.liveVideo .contents .box {
width: 96%;
margin: 5% 2%;
padding: 20px;
}
.final{
width:86%;
margin:10% 7% 10% 7%;
}
}