@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	border:0px;
	background-color:#FFFFFF;
	font-family: 'Nunito', sans-serif;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	color:#191919;
}
a {
	text-decoration:none;
	font-family: 'Nunito', sans-serif;
	font-size:15px;
}
p {
	font-size:14px;
	line-height:24px;
	text-align:justify;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Lora', serif;
	padding:0px;
	margin:0px;
	text-align:left;
	/*text-shadow:#e1e1e1 0px 1px 1px;*/
	font-weight:normal;
}
h1 {
	font-size:30px;
	line-height:33px;
	vertical-align:middle;
	color:#343434;
	font-family: 'Lora', serif;
}
h1 span {
	color:#000918;
}
h2 {
	font-size:26px;
	line-height:32px;
	padding:30px 0px;
	color:#21294e;
	font-family: 'Lora', serif;
}
h2 span {
	color:#fdc800;
}
h3 {
	color:#346484;
	margin:30px 0px 10px 0px;
	font-size:20px;
	line-height:28px;
	font-family: 'Lora', serif;
}
nav {
	width:100%;
	float:left;
	height:auto;
	background-color:#21294e;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-family: 'Nunito', sans-serif;
	font-size:15px;
	line-height:25px;
	display:block;
	clear:both;
	min-height:30px;
}
nav i {
	padding:7px 10px;
}
/*nav ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
nav ul li {
	float:left;
}
nav ul li a {
	color:#FFFFFF;
}*/
header {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
}
header h1 {
	color:#313131;
}
article {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:20px 0px 0px 0px;
	padding:30px 0px;
	background-image:url(../images/artical-area-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	/*background-size:contain;*/
}
section {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:0px;
}
.contener {
	width:1170px;
	padding:0px;
	margin:0 auto;
	height:auto;
	/*overflow:hidden;*/
}
footer {
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:30px;
	padding:10px 0px;
	background-color:#21294e;
	float:left;
	height:auto;
	color:#FFF;
}
footer a {
	color:#fdc800;
}
footer p {
	text-align:center;
}
.border {
	border-top:#b5b5b5 1px solid;
}
.main-body {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	padding:0px;
	margin:0px;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat;
}
.top-area {
	background-color:#21294e;
	float:left;
	height:auto;
	overflow:hidden;
	width:100%;
	border-bottom:#CCC 1px solid;
	font-family: 'Nunito', sans-serif;
	font-weight:normal;
	color:#fdc800;
}
.top-area a {
	color:#fff;
}
.top-right-content {
	float:right;
	width:70%;
	padding:0px;
	margin:0px;
}
.top-right-content ul {
	float:right;
}
.top-right-content ul li {
	float:left;
	padding:5px;
	margin:0px 0px 0px 10px;
}
.top-right-content ul li i {
	margin-right:7px;
}
.logo-area {
	width:104px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:20px 30px 20px 0px;
}
.logo-area img {
	width:100%;
	float:left;
	height:auto;
}
header h1, h2, h3 {
	padding:0px;
	margin:0px;
}
.college-name-area {
	margin:20px 0px;
	width:650px;
	float:left;
	height:auto;
}
.college-name-area h1 {
	font-size:36px;
	line-height:44px;
	color:#21294e;
}
.college-name-area h3, h2 {
	color:#185d85;
}
.Maharaja-Srischandra-image-area {
	width:112px;
	float:right;
	height:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:-10px;
}
.Maharaja-Srischandra-image-area img {
	width:100%;
	float:left;
	height:auto;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	/*position: absolute;*/
}
ol {
	list-style-type:none;
	margin:0;
	padding:10;
	/*position: absolute;*/
}
li {
	/*display:inline-block;*/
	/*margin-right: 1px;*/
	font-size:14px;
}
img {
	float:left;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
}
/*=====================================Drop down menu start=====================================*/

/*.rm-toggle.rm-button {
    margin-top: 25px;
}*/

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}
.rm-container.rm-layout-expanded {
    float: right;
	width:100%;
}
.rm-nav li a,
/*.rm-top-menu a {
    padding: .75rem 1rem;
    font-size: .9em;
    line-height: 1.5rem;
    /*text-transform: uppercase;*/
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 60px;
    line-height: 60px;
}
.tagline {
    width: 360px;
    font-size: 1.75em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    margin: 275px auto;
    color: #1A88D3;
}
.tagline strong {
    font-size: 1.3em;
}
.dev-output {
    background-color: #e1eaf3; /* fall-back */
    background-color: rgba(255,255,255,.85);
    color: #000;
    padding: 2em;
    margin-bottom: 2em;
}

/*=====================================Drop down menu end=====================================*/
.banner {
	width:100%;
	float:left;
	height:auto;
	background-color:#303e7a;
	margin-bottom:20px;
}
/*===========================header slider start===========================*/

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*===========================header slider end===========================*/
.banner-image-area {
	width:83%;
	float:left;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.banner-image-area img {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.news-scroll-area {
	width:16%;
	float:right;
	height:auto;
	overflow:hidden;
	padding:.5%;
	margin:0px;
	background:#303e7a;
}
.news-scroll-area h2 {
	border-bottom:#fff 2px solid;
	padding:2px;
	margin-bottom:10px;
	text-align:center;
	color:#fff;
}
.news-scroll-area h2 span {
	color:#fdc800;
}
.news-scroll-area marquee {
	width:100%;
	float:left;
	min-height:310px;
	color:#fdc800;
	max-height:320px;
}
.news-scroll-area marquee a {
	color:#313131;
}
.news-tab-area {
	width:21%;
	float:left;
	padding:1%;
	margin:30px 1% 15px;
	background-color:#FFF;
	height:auto;
	overflow:hidden;
	-webkit-box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	-moz-box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
}
.news-tab-area h2 {
	line-height:30px;
	text-align:left;
	color:#21294e;
	border-left:#21294e 2px solid;
	padding-left:10px;
	text-shadow:#333 0px 1px 1px;
}
.news-tab-area h2 span {
	color:#fdc800;
}
.news-tab-area p {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#9CADB8 1px dotted;
	height:auto;
	overflow:hidden;
}
.imlink {
	background-color:#21294e;
}
.imlink h2 {
	color:#FFF;
	margin-bottom:20px;
}
.news-tab-area ul {
	padding:0px;
	margin:5px;
}
.news-tab-area ul li {
	float:none;
	padding:4px;
}
.news-tab-area ul li:hover {
	background-color:#4d7b9c;
	text-decoration:none
}
.news-tab-area ul li:before {
	font-family: 'FontAwesome';
    content: '\f05d';
    margin:0px 10px 0px 0px;
	color:#fdc800;
}
.news-tab-area ul li a {
	color:#fff;
}
.news-tab-area ul li a:hover {
	color:#FFF;
}
.notice-content {
	height:315px;
	overflow:hidden;
	padding:0px 10px;
}
.notice-content:hover {
	overflow-y:scroll;
}
.left-article-area {
	width:42%;
	float:left;
	padding:2%;
	margin:1%;
}
.left-article-area h2 {
	padding:0px;
	font-size:26px;
	line-height:36px;
	border-left:#fdc800 2px solid;
	padding-left:10px;
}
.left-article-area a {
	padding:7px 15px;
	float:right;
	margin:20px 0px;
	background-color:#303e7a;
	color:#FFF;
	font-size:16px;
}
.principal-area {
	width:44%;
	float:right;
	padding:2%;
	margin:1%;
	background-color:#21294e;
	background-image:url(../images/principal-image.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.principal-area h2 {
	padding:20px 0px;
	color:#FFF;
	margin-left:45%;
}
.principal-area p{
	color:#FFF;
	margin-left:45%;
}
.principal-area a {
	padding:7px 15px;
	float:right;
	margin:20px 0px;
	background-color:#fdc800;
	color:#21294e;
	font-size:16px;
}
.footer-content {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:0px;
	padding:20px 0px;
	background-color:#303e7a;
}
.footer-content-tab {
	width:31%;
	float:left;
	padding:.5%;
	margin:.5%;
	color:#FFF;
}
.footer-content-tab p {
	margin:30px 0px;
}
.footer-content-tab iframe {
	margin:30px 0px;
}
.footer-content-tab h2 {
	color:#FFF !important;
	margin:10px 0px;
	border-left:#fdc800 2px solid;
	padding-left:10px;
}
.footer-content-tab h2 span {
	color:#fdc800;
}
.footer-content-tab ul {
	padding:20px;
}
.footer-content-tab ul li {
	padding:3px 0px;
}
.footer-content-tab ul li:before {
	font-family: 'FontAwesome';
    content: '\f05d';
    margin:0 10px 0 0px;
	color:#fff;
}
.footer-content-tab ul li a {
	color:#FFF;
	font-family: 'Lora', serif;
}
/*--------------------------Administrator---------------------------*/
.left-menu-area {
	width:23%;
	padding:1%;
	margin:15px 1%;
	float:left;
	height:auto;
	overflow:hidden;
	background-color:#21294e;
	-webkit-box-shadow: 2px -3px 5px 0px rgba(191,191,191,1);
	-moz-box-shadow: 2px -3px 5px 0px rgba(191,191,191,1);
	box-shadow: 2px -3px 5px 0px rgba(191,191,191,1);
}
.left-menu-area h1 {
	text-align:left;
	background-position:left bottom;
	margin:0px 10px;
	padding:5px 0px;
	color:#FFF;
}
.left-menu-area h1 span {
	color:#fdc800;
}
.left-menu-area ul {
	padding:0px;
	margin:5px;
}
.left-menu-area ul li {
	float:none;
	padding:4px;
}
.left-menu-area ul li:hover {
	background-color:#4d7b9c;
	text-decoration:none
}
.left-menu-area ul li:nth-last-child(1) {
	border-bottom:none;
}
.left-menu-area ul li:before {
	font-family: 'FontAwesome';
    content: '\f05d';
    margin:0px 10px 0px 0px;
	color:#fdc800;
}
.left-menu-area ul li a {
	color:#FFF;
}
.left-menu-area ul li a:hover {
	color:#FFF;
}
.right-content-area {
	width:70%;
	padding:15px 1%;
	float:right;
}
.right-content-area h1 {
	margin:10px 0px 0px 0px;
	color:#21294e !important;
	text-shadow:#999 0px 1px 1px;
}
.right-content-area h1 span {
	color:#fdc800 !important;
}
.right-content-area h2 {
	background-image:url(../images/border.jpg);
	text-align:left;
	background-position:left bottom;
	background-repeat:no-repeat;
	margin:10px;
	padding:10px 0px;
	color:#21294e;
}
.right-content-area h3 {
	text-align:left;
	background-image:none;
	margin:20px 10x;
	padding:5px 10px;
	border-left:#ffd700 2px solid;
	display:block;
	clear:both;
}
.right-content-area p {
	padding:1%;
}
.right-content-area ol {
	padding:0px;
	margin:20px 10px;
}
.right-content-area ol li {
	padding:3px 7px;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	list-style:upper-roman;
	list-style-position:inside;
	margin:10px 0px;
}
.right-content-area ul li {
	padding:7px;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	list-style-position:inside;
	margin:10px 0px;
}
.right-content-area ul li:before {    
    font-family: 'FontAwesome';
    content: '\f05d';
    margin:0 10px 0 0px;
	color:#002147;
}
.right-content-area li i {
	margin-right:5px;
	color:#69a37b;
	font-size:22px;
}
.right-content-area li em {
	margin-right:5px;
	color:#69a37b;
	font-size:22px;
}
.right-content-area table {
	width:95%;
	margin:2% 1%;
	padding:1%;
	border:#404f48 1px solid;
	font-size:14px;
	line-height:24px;
	text-align:justify;
}
.right-content-area table tr:nth-child(odd) {
	background-color:#f1f1f1;
}
.right-content-area table tr:nth-child(even) {
	background-color:#fafafa;
}
.right-content-area table tr td {
	padding:5px;
	text-align:left;
}
.right-content-area table tr td a {
	padding:4px 8px;
	background-color:#002147;
	color:#FFF;
}
.right-content-area table tr th {
	background-color:#002147;
	color:#d9fde5;
	text-align:center;
}
.table-content {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	border:none;
}
.table-content:hover {
	overflow-x:scroll;
}
.faculty {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border:#000b2e 1px dashed;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100&0.9+0,0.55+100;Blue+3D+%2312 */
	background: -moz-linear-gradient(-45deg, rgba(254,255,255,0.9) 0%, rgba(210,235,249,0.55) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(254,255,255,0.9) 0%,rgba(210,235,249,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(254,255,255,0.9) 0%,rgba(210,235,249,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6feffff', endColorstr='#8cd2ebf9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-align:left;
}
.faculty img {
	float:left;
	padding:5px;
	background-color:#dedede;
	width:15%;
	height:auto;
	margin:0px 20px 10px 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
}
.faculty a {
	padding:5px 10px;
	float:left;
	margin:15px 10px 15px 0px;
	color:#FFFFFF;
	background-color:#002147;
}
.left-img-content {
	width:94%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
	padding:2%;
	border:#404f48 1px dashed;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.left-img-content img {
	float:left;
	padding:1%;
	width:44%;
	height:auto;
	border:#404f48 1px  solid;
	margin:10px 20px 10px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.right-img-content {
	width:94%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
	padding:2%;
	border:#404f48 1px dashed;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.right-img-content img {
	float:right;
	padding:1%;
	width:44%;
	height:auto;
	margin:10px 5px 10px 20px;
	border:#404f48 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.exam-area {
	background: #ECE9E6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	padding:10px 0px;
}
.exam-area div div {
	width:19%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:0px .5%;
	background: #f46b45;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #eea849, #f46b45);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #eea849, #f46b45); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.exam-area div div a {
	text-align:center;
	display:block;
	clear:both;
	padding:3px 0px;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}
.exam-area div div a img {
	width:35px;
	height:auto;
}
/*===============================Photo Gallery===================================*/
.photo-gallery-area {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
}
.photo-gallery-area a {
	padding:5px;
	margin:5px;
	border:#6c9abc 1px dashed;
	float:left !important;
	height:auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */	
	-webkit-box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);
	-moz-box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);
	box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);
}
.photo-gallery-area a img {
	width:100%;
	float:left !important;
	height:auto;
	overflow:hidden;
	border:0px;
}
.photo-gallery-area h3 {
	border-bottom:#504025 1px dotted;
	color:#504025;
	margin:20px 0px;
	width:100%;
	float:none;
	display:block;
	clear:both;
}
.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}
.masonry .brick {
  margin-bottom: 30px;
  overflow: hidden;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.masonry .brick:hover img {
  opacity: .75;
}
.masonry.bordered {
  -moz-column-rule: 1px solid #eee;
  -webkit-column-rule: 1px solid #eee;
  column-rule: 1px solid #eee;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}
.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}
.masonry.gutterless {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
.masonry.gutterless .brick {
  margin-bottom: 0;
}
.span {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  *margin: 30px 0;
}
.brick p {
	text-align:center;
	color:#392919;
	font-size:12px;
}
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  /*.wrapper {
    width: 80%;
    padding: 2em;
  }*/

  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*.wrapper {
    width: 85%;
    padding: 1.5em;
  }*/

  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
.login-area {
		width:100%;
		float:left;
		height:auto;
		overflow:hidden;
		padding:20px 0px;
	}
	.login-tab {
		width:49%;
		float:left;
		height:auto;
		overflow:hidden;
		padding:0px;
		margin:.5%;
		/* From https://css.glass */
		background: rgba(255, 255, 255, 0.2);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.login-tab div a {
		background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);		text-align:center;
		font-size:22px;
		text-decoration:none;
		padding:15px 10px;
		float:left;
		height:auto;
		display:block;
		clear:both;
		width:100%;
		-webkit-border-top-left-radius: 16px;
		-webkit-border-top-right-radius: 16px;
		-moz-border-radius-topleft: 16px;
		-moz-border-radius-topright: 16px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		color:#008cca;
		font-weight:bold;
	}
	.login-tab div p {
		background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #7bb0e0 100%);
		color:#FFF;
		font-size:14px;
		line-height:30px;
		width:100%;
		padding:15px 0px;
		-webkit-border-bottom-left-radius: 16px;
		-webkit-border-bottom-right-radius: 16px;
		-moz-border-radius-bottomleft: 16px;
		-moz-border-radius-bottomright: 16px;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
		transition: 0.3s;
		text-align:center;
	}
	.login-tab div p em {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color:#FFF;
		color:#F00;
		margin:5px 3px;
		transition: 0.3s;
		font-size:16px;
		padding:3px;
	}
	.login-tab:hover div p {
		background: #fff;
		color:#F00;
	}
	.login-tab:hover div p em {
		font-size:18px;
		padding:0px;
	}