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


#sides-form{
	position:fixed;
	right:-2px;
	top:150px;
	z-index:10000;
	border:1px solid #ffffff;
	    background-color: #c40202;
		
	overflow:hidden;
	color: #ffffff;
}
#sides-form a{
    color: #fff;
}


#sides-title{
	float: left;
    width:50px;
    padding: 0px;
	border-right:1px solid #999;
}


#sides-title a.activity{
	color:#FFEB3B;
}

#sides-content{
	float:left;
	width:170px;
	font-size:12px;
	overflow:hidden;
	display:none;
}
#sides-content .cami-box{
	width:100%;
	text-align: center;
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #999;
}
#sides-content .cami-box .cami-des{
	padding:0 0 10px;
	margin: 0 0 10px;
	border-bottom:1px solid #999;
}


#sides-content h3{
	font-size:16px;
	padding:5px;
	margin:5px auto;
}
#sides-content ul{
	max-height:160px;
}
#sides-content ul li{
	padding:5px 5px 5px 10px;
}

.sides-title{
	padding:10px;
	width:30px;
	font-size:14px;
	text-align:center;
	 writing-mode: vertical-lr;
  text-orientation: mixed;
	
}
.sides-title + .sides-title {
	border-top:1px solid #999;
}
.sides-title a {
	text-decoration:none;	
}
.sides-title a:hover {
	color: #F00;
}
.sides-title > a > i{
	font-size:22px;
	margin-bottom: 5px;
}


/*------------------*/
#catg-menu{
	height:100vh;
    position:fixed;
    left:0px;
    top:0px;
    z-index:10000;
	background-color: rgba(0,0,0,0.8);
}
#catg-menu .catg-tag {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    height: auto;
    width: 40px;
    top: 150px;
    right: -40px;
    color: #FFF;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#catg-menu .catg-tag a {
    display: block;
    padding: 50px 12px;
    color: #FFF;
    width: 16px;
	font-size:16px;
	letter-spacing: 5px;
    height: auto;
	text-transform:uppercase;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

#catg-menu .catg-content {
	display:none;
  	padding: 10px;
   	height: calc(100vh - 60px);
  	overflow: auto;
   	position: relative;
}

#catg-menu .catg-text{
    max-width:260px;
    padding: 10px;
}
#catg-menu .catg-text .p1 {
    margin: 5px auto;
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    padding: 5px;
	display: -webkit-flex;	
	display: flex;
}
#catg-menu .catg-text .p1 > div {
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
   	align-items: center;
}

#catg-menu .catg-text .p1 .p-img{
	-webkit-flex: 1;
	flex: 1;
}
#catg-menu .catg-text .p1 .p-text{
	-webkit-flex: 3;
  	flex: 3;
}

#catg-menu .catg-text .p1 .p-text a{
	color:#fff;
	font-size:14px;
}