﻿#menu-btn{
	display: none;
}
#menu{
	position: relative;
}
#home span{
	display: none;
}
#home-mobile{
	display: none;
}
.form-left, .form-right{
	float: left;
}
.form-left{
	width: 40%;
}
.form-right{
	width: 60%;
}
.form-input{
	margin-bottom: 10px;
}
.form-input label{
	display: block;
	margin-bottom: 5px;
}
.form-container{
	padding: 15px;
}
.row{
	margin-left: -15px;
	margin-right: -15px;
}

.row::before,
.row::after {
    content: " ";
    display: table;
  }
.row::after {
    clear: both;
}
.row .col{
	float: left;
	/* padding-right: 15px;
	padding-left: 15px; */
}
.row .col3{
	width: 33.33333333%;
}

.row .col3{
	width: 33.33333333%;
}

.row .col6{
	width: 50%;
}

.row .col8{
	width: 66.66666667%;
}

input[type='text'], select, input[type='password'],input[type='file']{
	margin-top: 10px;
	margin-bottom: 10px;
}

#group_edit .action-btn{
	margin-bottom: 10px;
	/*margin-top: 10px;*/
	margin-top: 5px; /*update*/
}

.text-thongbao{
		float: left;
		width: 100%;
		font-size: 14px;
		text-align: left;
		padding-top: 5px;
		line-height: 1.4;
		color:#ff0000;
	}
	
@media screen and (max-width: 767px) {
	.success-msg{
		padding: 10px;
	}
	#general-msg-content{
		float: none!important;
		padding: 0!important;
	}
	input[type='text'], select, input[type='password']{
		border: 1px solid #ccc;
		margin-top: 5px;
		padding: 5px;
		margin-bottom: 5px;
	}
	input[type='text'], input[type='password']{
		width: 100%!important;
	}
	#main-body{
		width: 90%;
		padding: 15px;
	}
	.row .col3,
	.row .col8,
	.row .col6,
	.form-left,
	.form-right{
		width: 100%;
		float: none;
	}
	.text-thongbao{
		float: left;
		width: 100%;
		font-size: 12px;
		text-align: left;
		padding-top: 5px;
		line-height: 1.4;
		color:#ff0000;
	}
	#home-mobile{
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(../images/bg_global-sprites.png);
        background-position: 50% -84px;
        background-repeat: no-repeat;
        margin-left: 5px;
    }
    #menu-btn{
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        float: right;
        margin-right: 7px;
    }
	#menu-btn span{
		display: block;
		height: 3px;
		background: #fff;
	}
	#menu-btn span + span{
		margin-top: 3px;
	}
	#menuitems{
		display: none;
		background: #858585;
		position: absolute;
		top: 31px;
		width: 100%;
	}
	#menuitems li{
		color: #fff;
		display: block;
		float: none;
		text-align: left;
	}
	#menuitems li a{
		padding: 10px;
		text-align: left;
	}
	#menuitems li#home{
		display: none;
	}

	.form-left, .form-right{
		float:  none;
	}
	.signin-container{
		margin-left: -46%;
	}
	.signin-box{
		width: 92%;
		height: 120px;
	}
	.signin-box br{
		display: none;
	}

	.signin-box input[type='text'], .signin-box input[type='password']{
		font-size: 12px;
	    width: 145px!important;
	    padding: 5px;
	}

	#captcha-img{
		padding-left: 0;
		display: block;
	}

	#main-footer{
		left: 0;
	}
	#change-captcha{
		display: block;
	}

	#group_edit h2{
		margin:  0 auto;
		text-align: center;
	}
	#group_edit .action-btn{
		text-align: center;
	}
}