.moa-margin-default{
	margin: 4px;
}
.moa-margin10{
	margin: 10px;
}
.moa-margin20{
	margin: 20px;
}

#info-dialog
{
	top:0px;
	padding-top: 60px;
}

/*#loading{*/
	/*background-color: transparent;*/
	/*height: 100%;*/
	/*width: 100%;*/
	/*position: fixed;*/
	/*z-index: 1;*/
	/*margin-top: 0px;*/
	/*top: 50px;*/
/*}*/
#loading-center{
	width: 100%;
	height: 30px;
	position: relative;
	top :10px
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 40px;
	width: 120px;
	margin-top: -20px;
	margin-left: -60px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.object{
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	position: absolute;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: animate 0.8s infinite;
	animation: animate 0.8s infinite;
}


#object_one {
	top: 0px;
	left: 0px;
}
#object_two {
	top: 0px;
	left: 50px;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;

}
#object_three {
	top: 0px;
	left: 100px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;

}

@-webkit-keyframes animate {

	25% {
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}


	75% {
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
	}


}

@keyframes animate {
	50% {
		-ms-transform: scale(1.5,1.5);
		-webkit-transform: scale(1.5,1.5);
		transform: scale(1.5,1.5);
	}

	100% {
		-ms-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}

}

.header-fixed-top{margin-left:-10px;margin-right:-10px;}

@media (max-width: 600px) {
	#main-content{
		width: 100%;
		margin: 0px auto 0;
	}
}
@media  {
	#main-content{

		margin: 0px auto 0;
	}

	.moa-panel{

		margin: 0px auto 0;
	}

	.container-fluid
	{

		margin: 0px auto 0;
	}
	.moa-main{

		margin: 0px auto 0;
	}

    .top-menu-btn {
       margin: 0px 0px 0px 0px; 
       padding: 0px 15px 0px 15px;
        height: 60px; 
        color: #fff; 
        background: none; 
    }
}
.study_button_right{
	position: absolute;
	left: 93%;
	top: 30%;
	margin-left: -9px;
	width: 19px;
	height: 19px;
	background: url("../../images/main/study_right.png");
	background-size: 100% 100%;
	-webkit-animation: move_right 1.5s infinite ease-in-out;
	animation: move_right 1.5s infinite ease-in-out;
}
.foot_bg{
	background-color:#EFEFEF;
	text-align: center;
	height: 80px;
}
.item_menu_bg{
	padding: 10px 20px 10px 20px;
	background-color: #ffffff;
	width: 100%;
}
.item_text{
	color: #979797;
	margin-top: 5px;
	margin-bottom: 2px;
	font-size:12px;
}
.title_text{
    margin-left: 5px;
	margin-right: 5px;
	font-family:arial;
	color:white;
	-webkit-animation: neon2 1.5s ease-in-out infinite alternate;
	-moz-animation: neon2 1.5s ease-in-out infinite alternate;
	animation: neon2 1.5s ease-in-out infinite alternate;
	font-size:18px;
	font-weight: bold;
	letter-spacing:1.5px;
}
@-webkit-keyframes neon2 {
	from {
		text-shadow: 0 0 0px #33aae3,
		0 0 5px #33aae3,
		0 0 10px #33aae3,
		0 0 15px #33aae3,
		0 0 20px #33aae3,
		0 0 35px #33aae3,
		0 0 40px #33aae3,
		0 0 50px #33aae3,
		0 0 75px #33aae3;
	}
	to {
		text-shadow: 0 0 0px #33aae3,
		0 0 5px #33aae3,
		0 0 10px #33aae3,
		0 0 15px #33aae3,
		0 0 20px #33aae3,
		0 0 35px #33aae3,
		0 0 40px #33aae3,
		0 0 50px #33aae3,
		0 0 75px #33aae3;
	}
}
.disable{
     filter:alpha(opacity=0); /* IE */
 -moz-opacity:0.3; /* Moz + FF */
    opacity: 0.3;
}
.search_example{
	color: red;
	font-size: 8px;
	display: none;
}
.search_tip{
	color: black;
	text-align: center;
	font-size: 12px;
}
.line{
	width: 100%;
	height: 5px;
	margin-top: 6px;
	background-image: url("../../images/main/divide.png");
	background-size: cover;
}
.list_detail_title{
	font-size: 26px;
	font-weight: bold;
}
.list_detail_origin{
	font-size: 10px;
}
.list_detail_date{
	font-size: 18px;
}
.list_detail_download{
	font-size: 18px;
	color: #4CAF50;
}
.improve_input{
	width: 100%;
	margin-top: 10px;
	padding-left: 10px;
	color: #BDBDBD;
	font-weight: 400;
	font-size: 12px;
	border:1px solid #BDBDBD;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #3B98E9;
    border-color: #3B98E9;
}


.form-control {
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    font-size: 14px;
    padding: 3px 3px;
}

    .form-control::-webkit-input-placeholder { /* WebKit browsers */
        font-size: 12px;
    }

    .form-control::-moz-placeholder {
        font-size: 12px;
    }

    .form-control:-ms-input-placeholder {
        font-size: 12px;
    }

    .form-control::-webkit-input-placeholder {
        font-size: 12px;
    }


.form-control-m {
    background: none;
    border: 1px solid #eee;
    /*border-radius:5px;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    font-size: 12px;
    border-radius: 1px;
}

.input-lable {
    width: 80px;
    float: left;
    font-size: 15px;
    margin-top: 3px;
    text-align: right;
}

.input-row {
    margin-top: 20px;
}

.icon_select{
	width: 100px;
	height: 100px;
	margin-top: 10px;
	border:3px solid #2B2E33;
}
.icon_li {list-style-type:none;}
.myTable{
	margin: 30px;
}

.reply table th {
	background: #fff;
	height: 20px;
	width: 10%;
	padding: 8px 10px;
	font-size: 12px;
	color: #100907;
	text-align: center;
	border: 1px solid #CFD9DD;
}

.reply table td {
	background: #fff;
	height: 20px;
	width: 20%;
	padding: 8px 10px;
	font-size: 12px;
	color: #100907;
	text-align: left;
	border: 1px solid #CFD9DD;
}
.replyTitle{
	font-size: 18px;
	font-weight: bold;
}
.uploadDiv{
	width: 100%;
	height: 40px;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 10px;
	color: #757575;
	font-weight: 400;
	font-size: 12px;
	border:1px solid #BDBDBD;
}