@font-face
{
font-family: Schoolnet;
src: url(../../MATURASC.TTF);
}
html, body { 	
	margin: 0 auto;
	padding: 0;	
	/* background-color: #E5E7E9; */
}
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%; 
	line-height:18px;	
	min-width:760px;
	max-width:1010px;
	overflow:Auto;
}
body #scn-wrapper{	
	width:1010px;	
	margin: 0 auto;
	background:#589515;
	overflow:hidden;	
}
#scn-left{
	float:left;
	width:760px;
	margin: 0px 5px 0px 0px;
	overflow:hidden;	
}
#scn-right{
	margin: 0 auto;
	float:left;
	width:240px;
	overflow:hidden;	
}

iframe {
	/* width: 100%;	 */
	/* min-height:920px; */
	/* min-width:640px; */
	/* min-height:480px;
	overflow:hidden; */
	}
	
.green{
	color: #333333;
	background:#336633;
}
a{
	color: #333333;
	text-decoration:none;
}

body #scn-wrapper-inner1,
body #scn-wrapper-inner2{
	margin: 0 auto;
	overflow:hidden;
}
#scn-header{
	background:url('../../images/bannerscn.png') no-repeat left center;
	height:179px;
}
#scn-menu{
	padding:70px 10px 0px 20px;
}
#scn-content{
	padding-right:5px;	
	overflow:hidden;
}
.scn-main,
.scn-main-in1,
.scn-main-in2{	
	overflow:hidden;

}
.scn-position-inner{
	margin: 0 auto;
}
#scn-bottom{
	overflow:hidden;
}
#scn-footer{
	overflow:hidden;
	margin: 0px 10px 0px 10px;
	padding: 0px 5px 0px 5px;	
	height:140px;
	color: #ffffff;
	font-size:13px; 
	background:url('../../images/xedap.png') no-repeat right bottom;
}

/*===== rightcol =====*/
h2 {font-size:20px; line-height:18px; color:#00289f; font-weight:bold;}
.h2-pad {margin:0; padding:10px 2px 5px 5px;}

.box4 {min-height:50px; background:url(../../images/box4-bg.gif) 0 0 repeat-x #68b5e0; border-radius:15px; 
         border-top:1px solid #b2dff9; border-left:1px solid #9bd3f3; border-bottom:1px solid #64aed7; 
         border-right:1px solid #8ac9ed;}
.box4 .padding {padding:5px 5px 5px 5px; position:relative;}
.box4-border{border-radius:10px; border-top:1px solid #b2dff9; border-left:1px solid #9bd3f3; border-bottom:1px solid #64aed7; border-right:1px solid #8ac9ed;}

.box {background:#fd9ee1; min-height:250px; border-radius:15px; position:relative; z-index:1;margin-top:10px;}
.box .padding {padding:8px 8px 8px 8px;}
.box-1 {background:#fff; border-radius:8px;
box-shadow:0 0 24px #fd9ee1 inset;
-moz-box-shadow:0 0 24px #fd9ee1 inset;
-webkit-box-shadow:0 0 24px #fd9ee1 inset;}
.box-1 .padding {padding:5px 5px 5px 5px;}
.box-1-top1 {padding:0px;}
.box-block {border-radius:5px; height:40px; background:#d254ad;}

.box2 {background:#FDAF40; min-height:250px; border-radius:15px; position:relative; z-index:1;margin-top:10px;}
.box2 .padding {padding:8px 8px 8px 8px;}
.box-2 {background:#fff; border-radius:8px;
box-shadow:0 0 24px #FDAF40 inset;
-moz-box-shadow:0 0 24px #FDAF40 inset;
-webkit-box-shadow:0 0 24px #FDAF40 inset;}
.box-2 .padding {padding:5px 5px 5px 5px;}
.box-block2 {border-radius:5px; height:40px; background:#FEA338;}

.box3 {background:#93D2F5; min-height:250px; border-radius:15px; position:relative; z-index:1;margin-top:10px;}
.box3 .padding {padding:8px 8px 8px 8px;}
.box-3 {background:#fff; border-radius:8px;
box-shadow:0 0 24px #93D2F5 inset;
-moz-box-shadow:0 0 24px #93D2F5 inset;
-webkit-box-shadow:0 0 24px #93D2F5 inset;}
.box-3 .padding {padding:5px 5px 5px 5px;}
.box-block3 {border-radius:5px; height:40px; background:#5BBDF3;}
.box-main .box-1-top2 {
	min-height:900px;
}
.box-main {background:#E6E6E6; border-radius:15px; position:relative; z-index:1; margin-top:0px;}
.box-main .padding {padding:8px 8px 8px 8px;}
.box-main-1 {background:#fff; 
border-radius:8px;
box-shadow:0 0 24px #E6E6E6inset;
-moz-box-shadow:0 0 24px #E6E6E6inset;
-webkit-box-shadow:0 0 24px #E6E6E6inset;}
.box-main-1 .padding {padding:1px 1px 1px 1px;}
.border-main {border: 1px dashed #E90C32;border-radius:8px;}
.border-main .padding {padding:5px 5px 5px 5px;}

.box-bot {background:#E6E6E6;  border-top-left-radius:15px; border-top-right-radius:15px; 
      position:relative; z-index:1;margin-top:10px;margin-bottom:10px; box-shadow:5px 3px 5px #454646;}
.box-bot .padding {padding:8px 8px 8px 8px;}
.box-bot-1 {background:#fff; min-height:220px; border-top-left-radius:8px; border-top-right-radius:8px;}
.box-bot-1 .padding {padding:5px 5px 5px 5px;}

fieldset {
 	background: none repeat scroll 0 0 transparent;
    border: 0 none;   
    margin: 10px 5px 10px 15px;
    outline: 0 none;
    padding: 0;
    vertical-align: top;
}
.box4 .left{
	width:45%;
	float:left;
	text-align:left;
	line-height:30px;
}
.box4 .right{
	width:55%;
	float:right;
	line-height:32px;
}
.box4 .leftfull{
	width:98%;
	float:left;
	line-height:20px;
}

.box4 .submitbtn{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 23px;
	border-top:1px solid #64aad1;
	border-left:1px solid #64aad1;
	border-right:1px solid #84c8e9;
	border-bottom:1px solid #9bd7ef;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding: 5px;
    text-decoration: none;
	cursor:hand;
}
.box4 .checkbox{
	margin: 0;    
    padding: 0;
}
.box4 a:hover{
	color:#ffffff;
}
.box4 .input {
	margin:0;
	font-size:12px;
	color:#fff;
	padding:4px 5px 4px 5px;
	border-top:1px solid #64aad1;
	border-left:1px solid #64aad1;
	border-right:1px solid #84c8e9;
	border-bottom:1px solid #9bd7ef;
	background:#6db9e3;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	box-shadow:none !important;
	outline:none;
	border-radius:4px;
	width:92%;
}

.box-slide .padding {padding:13px 10px 10px 17px;}
.box-slide-1 {
	border: 1px solid #A5A0A1;
	height:250px; 
	box-shadow:5px 3px 5px #8A8485;
	}
	
.slides_imgdiv{
	width: 140px; height: 138px; 
	top: 20px; left: 25px; 
	position:absolute; z-index: 999; overflow: hidden; 
	}
.slides_img{
	margin:0;
	width: 140px; height: 138px; 
	}
	
.box-top-new .padding {padding:15px 10px 30px 17px;}
.box-top-new-1 {
	height:360px; 
	border: 1px solid #A5A0A1;
	background:#F2F2F2;
	box-shadow:3px 3px 5px #8A8485;	
	}
.box-top-new-1 a {
	font-weight:bold;
	color:#0600FF;
}
.box-top-new-1 a:hover {color:#ffffff;}
.topnew_imgdiv{
	float:left;	
	text-align:center;
	width: 20%; height: 140px; 
	margin:10px 10px 10px 10px;
	padding:5px;
	border: 1px solid #B0DC71;	
	border-radius:6px;
	background:#B0DC71;	
	color:#BCFDFF;
	}
.topnew_imgdiv:hover{
	color:#ffffff;
	background:#D859B4;
	border: 1px solid #D859B4;	
	}
.topnew_imgdiv:hover a{
	color:#ffffff;	
	}
.topnew_img{
	margin:0;
	width: 140px; height: 100px;	
	}
.box-object .padding {padding:15px 10px 10px 17px;}
.box-object-1 {	
	margin-top:0px;	
	height:400px;
	borderx: 1px solid #A5A0A1;
	}

.box-object-1 a {
	font-weight:bold;
	color:#0600FF;
}
.box-object-1 a:hover {color:#ffffff;}
	
.box-object.hong{
	background:url('../../images/listxhong.png') no-repeat left top;
	}	
.box-object.cam {	
	background:url('../../images/listcam.png') no-repeat left top;
	}	
.box-object.xanh {
	background:url('../../images/listxanh.png') no-repeat left top;
	}	
.box-title {padding:0px 0px 15px 55px;}

.box-object-top {
	margin:0;
	height: 350px;
}

.box-object-bottom {
	background-color: #ADD5EB;
    float: left;
    height: 40px;
    margin: 5px 0 0 10px;
    vertical-align: middle;
    width: 670px;
	font-size:1.5em;	
	color:blue;	
}

.box-object-bottom-traiphai {
	margin:12px 30px 0px 0px;
	vertical-align: middle;
	float: left;
	clear: right;	
}
.box-object-bottom_so {
	margin:0px 0px 0px 15px;
	float: left;
	clear: right;
	color:#FB0309;
}
.box-object-bottom_so a {
	color:blue;
	font-weight: bold;
	}
.box-object-bottom_so a:hover {
	color:#FB0309;
	}
.box-object-bottom-xemthem {
	margin:9px 10px 0px 40px;
	vertical-align: middle;
	float: right;
}

.menu-item {
    line-height: 34px;
    padding-left: 35px;
	border-bottom: 1px solid #C2DAFF;
}
.menu-item.hong {
    background: url('../../images/icon-arrowhong.png') no-repeat left top;   
}
.menu-item.cam {
    background: url('../../images/icon-arrowcam.png') no-repeat left top;   
}
.menu-item.xanh {
    background: url('../../images/icon-arrowxanh.png') no-repeat left top;   
}
.link-action { 
	font-weight: bold;
    padding: 10px 2px;
    text-decoration: none;
}

/*===== menu header =====*/

#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:105px;display:block;}

#home{left:0px;width:160px;}
#home{background:url('../../images/menu.png') 0 0;}
#home a:hover{background: url('../../images/menu.png') 0 -105px;}

#mamnon{left:160px;width:180px;}
#mamnon{background:url('../../images/menu.png') -159px 0;}
#mamnon a:hover{background: url('../../images/menu.png') -159px -105px;}

#toan{left:336px;width:180px;}
#toan{background:url('../../images/menu.png') -337px 0;}
#toan a:hover{background: url('../../images/menu.png') -337px -105px;}

#tviet{left:497px;width:180px;}
#tviet{background:url('../../images/menu.png') -497px 0;}
#tviet a:hover{background: url('../../images/menu.png') -497px -105px;}

#tintuc{left:669px;width:180px;}
#tintuc{background:url('../../images/menu.png') -669px 0;}
#tintuc a:hover{background: url('../../images/menu.png') -669px -105px;}

#gthieu{left:832px;width:150px;}
#gthieu{background:url('../../images/menu.png') -832px 0;}
#gthieu a:hover{background: url('../../images/menu.png') -832px -105px;}

.box-top-new-1-explore {
	height:180px; 
	border: 1px solid #A5A0A1;
	background:#F2F2F2;
	box-shadow:3px 3px 5px #8A8485;	
	}
.box-top-new-1-explore a {
	font-weight:bold;
	color:#0600FF;
}
.box-top-new-1-explore a:hover {color:#ffffff;}

.box-object-1-explore {	
	margin-top:0px;	
	height:820px;
	borderx: 1px solid #A5A0A1;
	}

.box-object-1-explore a {
	font-weight:bold;
	color:#0600FF;
}
.box-object-1-explore a:hover {color:#ffffff;}
.main-title{
	padding:25px 10px 5px 10px;
	font-weight:bold;
	font-size:20px; 
	line-height:30px;
	color: #0272AD;	
	text-align:center;
}
.loginname{
	width:200px; float:left;
	text-align:center; line-height:30px;
	font-weight:bold;
	font-size:13px; 
	color: #0272AD;	
	
}
.border-main .box-1-top2{
	
}
#scn-bottom .box-bot-1 {
	
}
.scn-modulebot{
	float:left;	
	text-align:left;
	width: 25%; 
	height: 180px; 
	margin:0;
	padding:10px;		
}
.scn-bottitle{
	border-bottom: 2px solid #ffffff;
	padding-bottom:3px;
	margin-top:5px;
	margin-bottom:5px;
	width: 95%; 
}
.scn-boticon {
	font-weight:bold;
}
.scn-botitem {
	/* background: url("../../images/bg_dotted01.gif") repeat-x scroll left bottom transparent; */
    padding: 2px 0 4px 14px;
    position: relative;
    text-indent: -14px;
    width: auto;
	font-weight:bold;
}
.scn-botitem a {
	color:blue; 
	font-size: 90%;
	line-height:20px;
	/* background: url("../../images/ico_arrow07.gif") no-repeat scroll 0 3px transparent; */
    padding-left: 10px;
}
.scn-botitem a:hover {
	color:red; 
	text-decoration: none;
}

#question{
	padding:10px 10px 10px 10px;
	display:block;
}
#answer{
	padding:10px 10px 10px 10px;
	display:none;
}
#showanswer{
	padding:10px 10px 10px 10px;
	display:block;
}
#hiddenquestion{
	padding:10px 10px 10px 10px;
	display:none;
}


.showsubcat{
	float:left;	
	margin:5px 5px 5px 5px;
	padding:5px;
}
.showsubcat a{
	color:#415AFE;	
	font-weight:bold;
}
.showsubcat:hover a{
	color:#D859B4;	
	font-weight:bold;
}

/******************************** CSS mới ***********************************/
		article,
        section,
        nav {
            margin-top: 20px;
			margin-bottom: 20px;
        }

        /* Make the image fully responsive */
        .carousel-inner img {
            width: 100%;
            height: 100%;
        }

        
        /********************** article *************************/

        .scn-lession-title {
            background-color: #007bff;
            font-size: 20px;
            font-weight: bolder;
            color: white;
            display: block;
            border: 1px solid yellow;
            padding: 5px;
            /* opacity: .5; */

        }
		
		.scn-lession-title a{
			color: white;
			text-decoration: none;
		}
		
		.scn-lession-title a:link {color:white; text-decoration: none;}
		.scn-lession-title a:hover {color:yellow; text-decoration: none;}
		.scn-lession-title a:visited {color:white; text-decoration: none;}
		
		
        .scn-lession-border {
            border: 1px solid #F6F6F6;
            /* height: 100%; */
            background: white;
            overflow: auto;
            padding: 10px;
        }

        .scn-lession-first {
            margin-bottom: 10px;
            font-weight: bolder;
        }
		
		.scn-lession-title a{
			color: white;
			text-decoration: none;
		}
		
		.scn-lession-first a:link {color:#007bff; text-decoration: none;}
		.scn-lession-first a:hover {color:orange; text-decoration: none;}
		.scn-lession-first a:visited {color:#007bff; text-decoration: none;}
		
        .scn-lession-first span {
            margin-left: 20px;
            font-size: 12px;
            color: grey;
        }

        .scn-lession-second div {
            float: left;
        }

        .scn-lession-second img {
            width: 100%;
        }
		
		.scn-lession-three div {
            float: left;
        }
		
		.scn-lession-three a:link {color:#00289f; text-decoration: none;}
		.scn-lession-three a:hover {color:orange; text-decoration: none;}
		.scn-lession-three a:visited {color:#00289f; text-decoration: none;}
		
        .scn-lession-footer {
            text-align: right;
            font-size: 13px;
        }

        .scn-lessions {
            /* border: 1px solid red;*/
            font-size: 14px;
            background: white;
        }
		
		/********************** article categories *************************/

        .scn-cat-lession-title {
			/* width: 100%; */
            background-color: #007bff;
            font-size: 20px;
            font-weight: bolder;
            color: white;
            display: block;
            border: 1px solid yellow;
            padding: 5px;
			margin-left: 15px;
			margin-right: 15px;
            /* opacity: .5; */

        }
		
		.scn-cat-lession-title a{
			color: white;
			text-decoration: none;
		}
		
		.scn-cat-lession-title a:link {color:white; text-decoration: none;}
		.scn-cat-lession-title a:hover {color:yellow; text-decoration: none;}
		.scn-cat-lession-title a:visited {color:white; text-decoration: none;}
		
		
        .scn-cat-lession-border {
            border: 1px solid yellow;
            height: 300px;
            background: white;
            overflow: auto;
            padding: 10px;
        }

        .scn-cat-lession-first {
            margin-bottom: 10px;
            font-weight: bolder;
        }
		
		.scn-cat-lession-title a{
			color: white;
			text-decoration: none;
		}
				
		.scn-cat-lession-first a:link {color:#007bff; text-decoration: none; font-size: 16px;}
		.scn-cat-lession-first a:hover {color:orange; text-decoration: none; font-size: 16px;}
		.scn-cat-lession-first a:visited {color:Grey; text-decoration: none; font-size: 16px;}
		
        .scn-cat-lession-first span {
            margin-left: 20px;
            font-size: 12px;
            color: grey;
        }

        .scn-cat-lession-second div {
            float: left;
			/* border: 1px solid red; */
        }

        .scn-cat-lession-second img {
            width: 100%;
        }
		
		.scn-cat-lession-three {
            float: left;
			width: 100%;
			text-align: right;
			background: #007bff;
			margin-bottom: 10px;
			color: white;
			border: 1px solid yellow;			
        }

		.scn-cat-lession-three a:link {color:white; text-decoration: none; }
		.scn-cat-lession-three a:hover {color:orange; text-decoration: none; }
		.scn-cat-lession-three a:visited {color:white; text-decoration: none; }
		
        .scn-cat-lession-footer {
            text-align: right;
            font-size: 13px;
        }

        .scn-cat-lessions {
            /* border: 1px solid red;*/
            font-size: 14px;
            background: white;
        }
		
        /********************** Footer *************************/

        .scn-footer-infor {
            /* border: 1px solid red; */
            background: white;
            /* overflow: auto; */
            height: 100%;
            padding: 10px;
            border-radius: 5px;
            font-size: 14px;
            border-radius: 5px;
            /* color: #007bff; */
        }

        .scn-botitem-a a {
            font-weight: bolder;
        }

        .scn-botitem,
        .scn-botitem-a {
            padding: 5px;
        }

        .scn-botitem img,
        .scn-botitem-a img {
            margin: 5px;
        }

        .scn-footer-online {
            background-color: #007bff;
            font-size: 16px;
            font-weight: bolder;
            color: white;
            display: block;
            border: 1px solid yellow;
            padding: 5px;
            opacity: .5;
            border-radius: 5px;
        }

        .scn-footer-bottom {
            margin: 10px;
            text-align: center;
        }

        .scn-footer-bottom h2 {
            text-align: center;
            font-size: 25px;
            font-weight: bold;

            color: #00289f;
        }

        .scn-footer-bottom p {
            text-align: center;
            font-size: 16px;
            color: #007bff;
        }

        .scn-footer-bottom span {
            text-align: center;
            font-size: 12px;
            color: #00289f;
        }

        .scn-footer-bottom img {
            margin-left: auto !important;
            margin-right: auto !important;
            display: block !important;
            height: 70px;
        }