@CHARSET "UTF-8";

body , html {
	margin: 0;;
    height: 100%;
}

#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

#contents {
    padding-bottom: 100px;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 120px;
    background: rgba(127,255,212,0.7);
    box-shadow: 0 -4px 5px 0 rgba(0,0,0,0.14),0 -1px 10px 0 rgba(0,0,0,0.12),0 -2px 4px -1px rgba(0,0,0,0.2);
}

#footer .lside{
	float:left;
	margin:5px;
}

#footer .rside a{
	float:right;
	margin:5px;
}

#footer .rside a:hover{
	opacity: 0.9;
}

#footer .rside a:active{
	position:relative;
	top:5px; }
}

#footer .rside:after{
	content: "";
	clear:  both;
	display: block;
}

#footer .rside:after{
	content: "";
	clear:  both;
	display: block;
}