@charset "utf-8";
/* CSS Document */

body{background-color:#e6f5fa; margin:0px}

a:link {text-decoration: none;}

a:visited {	text-decoration: none;}

a:hover {text-decoration:none;}

a:active {text-decoration: none;}

a img{border:none}

.clear{clear:both}

#background{background:#FFF; width:980px}

#header{width:980px}

#content{width:980px; padding-top:31px;background:#FFF;}

#leftmenu{float:left;background:#FFF; color:#505050;}

#footer{}

.heading_color {
    font-weight: 400;
    margin: 0;
}

/*index*/
#index{background:#FFF; float:left; padding:0 0 25px 24px}

#index .txt{width:534px; float:left}
#index .txt .title{padding-bottom:25px}
#index .txt .content{padding-bottom:28px}
#index .txt .pic01{padding-right:85px; float:left}
#index .txt .pic02{float:left}
#index .pic_01{float:left;}
#index .pic_01 .btm{padding-bottom:35px}


/*about*/
#about{background:#FFF; float:left; padding:0 0 25px 11px}

#about .txt{width:708px; float:left}
#about .txt .title{}
#about .txt .content{padding:0 0 45px 8px}
#about .txt .pic01{padding:0 6px 20px 0; float:left}
#about .txt .pic02{float:left; padding-bottom:20px}


/*courses*/
#courses{background:#FFF; float:left; padding: 0 0 30px 11px;}

#courses .txt{width:708px; float:left}
#courses .txt .title{padding-bottom:15px}
#courses .txt .content01{padding:0 0 0px 15px}
#courses .txt .content02{padding:0 0 0px 53px}
#courses .txt .content02 .subtitle{padding:0 55px 25px 0; float:left}
#courses .txt .content02 .subtitle2{padding:0 0px 25px 0; float:left}
#courses .txt .content02 .subtitle3{padding:0 0px 25px 0; float:left}
#courses .txt .content02 .subtitle4{padding:0 55px 25px 0;}
#courses .txt .content02 .subtitle5{padding:0 0px 25px 0;}
#courses .txt .content02 .more{float:left}
#courses .txt .content02 .more2{float:left; padding-top:30px}
#courses .txt .content02 .more3{padding:110px 0 0px 0px; float:left}
#courses .txt .content02 .more4{padding:60px 0 0px 0px; float:left}
#courses .txt .content02 .more5{padding:259px 0 0px 0px; float:left}
#courses .txt .content02 .more6{padding:0px 0 25px 0px;}
#courses .txt .content02 .list{padding:0px 0 25px 0; clear:both}
#courses .txt .content02 .list2{padding:0px; clear:both}
#courses .txt .content02 .list3{padding:0px 0 40px 0;}

#courses .txt .content03{padding:0 0 0px 15px}
#courses .txt .content03 .subtitle{padding:0 55px 25px 0; float:left}
#courses .txt .content03 .subtitle2{padding:0 0px 25px 0; float:left}
#courses .txt .content03 .subtitle3{padding:0 0px 25px 0; float:left}
#courses .txt .content03 .subtitle4{padding:0 55px 25px 0;}
#courses .txt .content03 .subtitle5{padding:0 0px 25px 0;}
#courses .txt .content03 .more{float:left}
#courses .txt .content03 .more2{float:left; padding-top:30px}
#courses .txt .content03 .more3{padding:110px 0 0px 0px; float:left}
#courses .txt .content03 .more4{padding:60px 0 0px 0px; float:left}
#courses .txt .content03 .more5{padding:259px 0 0px 0px; float:left}
#courses .txt .content03 .more6{padding:0px 0 25px 0px;}
#courses .txt .content03 .list{padding:0px 0 25px 0; clear:both}
#courses .txt .content03 .list2{padding:0px; clear:both}
#courses .txt .content03 .list3{padding:0px 0 27px 0;}
#courses .txt .content04{padding:0 0 10px 15px}
#courses .txt .bottom{padding-bottom:15px}




/*why*/
#why{background:#FFF; float:left; padding:0 0 33px 11px}

#why .txt{width:708px; float:left}
#why .txt .title{padding-bottom:7px}
#why .txt .content01{padding:0 16px 33px 4px; float:left}
#why .txt .content02{padding:0 0px 0px 4px;}
#why .txt .pic01{float:left}
#why .txt .pic02{padding:0 0 17px 8px}

/*contact*/
#contact{background:#FFF; float:left; padding:0 0 33px 11px}

#contact .txt{width:708px; float:left}
#contact .txt .title{padding-bottom:7px}
#contact .txt .content01{padding:0 9px 27px 11px; float:left}
#contact .txt .pic01{float:left}
#contact .txt .pic02{padding-left:11px}

/*after*/
#leftmenu li{
line-height: 20px;
font-size: 12px;
font-family: Verdana,Geneva,sans-serif;
list-style: none;
}

#leftmenu li span{
padding: 0 4px 0 10px;
font-size: 6px;
color:#322F96 !important;
}

#leftmenu li a:link{
	color:#555 !important;
}

#leftmenu li a:visited{
	color:#555 !important;
}

#leftmenu li a:active{
	color:#555 !important;
}

#leftmenu li a:hover{
	color:#555 !important;
}

.content_course{
color: #555;
font-size: 12px;
font-family: verdana;
line-height: 25px;
font-weight: normal;
}
.content_course a {
    color: #0027FF !important;
}

.content_course li{
margin-left:15px;
width: 100%;
padding-left: 20px;
list-style:url(../images/circle.png);
}

table tr td br{
line-height:12px;
}

table tr td h2{
	font-size: 14px;
margin: 0;
font-weight: 100;
color: #5B6DC2;
line-height: 13px;
font-family:Verdana, Geneva, sans-serif;
}

table tr td p{
font-size: 12px;
margin: 0px;
font-weight: 100;
color: #555;
line-height: 25px;
font-family:Verdana, Geneva, sans-serif;
}

table tr td .content_course p {
    margin: 12px 0;
}

.dropbtn {
    color: white;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: linear-gradient(to bottom,#201A5A 40%,#000096 );
    min-width: 237px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 13px;
    font-family: verdana;
}

.dropdown-content a:hover {background-color: #6191d0;;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.new_span{
    font-family: verdana;
    font-size: 12px;
    font-weight: 600;
    color: #322F96 !important;
}
.new_list li{
    padding-left: 5px!important;
}