@charset "utf-8";
/* CSS Document */

.topics_box{width: 95%;
	height: 600px;
	padding: 0 1%;
	margin: 0 auto;
	border-left: rgba(255,140,0,1.00) solid 2px;
	overflow-y: scroll;}


/* twitter */
.twitter_box{width: 33%;
	padding: 0 1%;
	/*background: rgba(231,231,231,1.00);*/
	/*border-top:rgba(29,161,242,1.00) solid 4px;*/
	position: relative;
	float: left;}


.twsize1{display: block;
	height: 300px;}
.twsize2{display: none;}
.twsize3{display: none;}
.twsize4{display: none;}

@media screen and ( min-width:1500px )
{
.topics_box{height: 750px;}
.twsize1{display: none;}
.twsize2{display: block;
	height: 400px;}
.twsize3{display: none;}
.twsize4{display: none;}
}

@media screen and ( min-width:2000px )
{
.topics_box{height: 1100px;}
.twsize1{display: none;}
.twsize2{display: none;}
.twsize3{display: block;
	height: 600px;}
.twsize4{display: none;}
}

@media screen and ( min-width:3000px )
{
.topics_box{height: 1300px;}
.twsize1{display: none;}
.twsize2{display: none;}
.twsize3{display: none;}
.twsize4{display: block;
	height: 700px;}
}






@media screen and ( max-width:820px )
{

.topics_box{height: 300px;}

/* twitter */
.twitter_box{width: 90%;
	padding: 0 5%;
	float: none;}

}