@font-face{font-family: arial;src: url(../fonts/arial.ttf);}
@font-face{font-family: arialb;src: url(../fonts/arialb.ttf);}
@font-face{font-family: arialbi;src: url(../fonts/arialbi.ttf);}
@font-face{font-family: times;src: url(../fonts/times.ttf);}
@font-face{font-family: timesb;src: url(../fonts/timesb.ttf);}
@font-face{font-family: PRoman;src: url(../fonts/PRoman.otf);}
@font-face{font-family: micross;src: url(../fonts/micross.ttf);}
body{background:#e7e7e6;margin: 0;padding: 0;font-family: 'arial'; overflow-x:hidden;color:#605f5f;font-size:13px;border-top:4px solid #35976a;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal;}
a {text-decoration:none; transition:all 0.3s ease-in-out;}
a:focus {outline:none;}
a:hover {transition:0.3s;cursor:pointer;}
h1{font-size: 33px;color: #fff;font-family: times;}
h2{color: #35976a; font-size:30px; font-family: times;margin-bottom:5px;}
h3{color: #00329a; font-size:14px; line-height:20px;font-weight:800; font-family: arialbi;margin-bottom:25px;}
p{line-height:25px;margin-bottom: 25px; margin-top: 0;}
.mobieView{display:none;}
.container {width:100%;max-width:977px;margin-right: auto;margin-left: auto;}
.container:after  {clear: both;}
@media(max-width: 1024px){
.container{max-width: 741px;width: 100%;}
}
@media(max-width: 767px){
.container{max-width: 100%;width: calc(100% - 30px);}
}
h1{ float:left; width:100%; font-family: micross; font-size: 16px; color: #003399; padding: 14px 0;}
.card_main{float:left; width:100%; background: #fff; border: 1px solid #b2b2b2; border-top:0; padding-left: 30px; padding-right: 30px; padding-bottom: 50px; margin-bottom: 25px; box-shadow: 0px 4px 13px -4px rgba(0, 0, 0, 0.47);}
.top_banner {float: left;width: 100%;position: relative;background: url(../images/banner.jpg) no-repeat; background-size: cover;border-top: 3px solid #0068d0;border-left: 1px solid #b2b2b2;border-right: 1px solid #b2b2b2;padding: 0 30px;}
.logo {float: left;margin-top: 15px;}
.banner_person {float: right;width: 50%;}
.banner_person  img{float: left;margin-top: -6px;max-width: 100%;}
.welcome_area{ position: relative;float:left; background: url(../images/blue_bg.png) no-repeat; margin-bottom: 35px; background-size: 100% 100%; padding: 11px 60px; margin-right: -45px; margin-left: -45px; }
.welcome_area:before{content: ""; position: absolute; display: block; border-style: solid; border-color: #0c3790 transparent transparent transparent; bottom: -15px; left: 0; border-width: 15px 0 0 15px; }
.welcome_area:after{content: ""; position: absolute; display: block; border-style: solid; border-color: #0c3790 transparent transparent transparent; bottom: -30px; right: 0; border-width: 15px 15px 15px 0; }
.welcome_area .wHeading{font-size: 33px;color: #fff;font-family: times;}

.welcome_area p{font-family:arialbi; font-size: 14px; color: #f1e15a; line-height: 20px;margin:0;}
.sidebar{float:left;width:100%; max-width: 320px;}
.deskNav{width:100%; max-width: 275px;float:left;padding-left: 18px;padding-right: 18px;background: #fbfaf8;border: 1px solid #e2dbd4;border-top: 6px solid #204baa;padding-bottom:40px;margin-bottom:40px;}
.deskNav ul {text-transform: uppercase;padding: 0;list-style: none;float:left;width:100%;}
.deskNav ul li{border-bottom: 1px dotted #ddd;float:left;width:100%}
.deskNav a {float:left; width: 100%; font-size: 15px;font-family: arial;color: #00329a;text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease;-ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;text-transform: uppercase;padding: 10px 15px;}
.deskNav a:hover {color: #35976A;}
.course_approvation{position:relative; width:100%; max-width: 275px;float:left;padding: 10px 72px 20px 18px;background: #fbfaf8;border: 1px solid #e2dbd4;}
.course_approvation_heading{font-family:timesb; font-size:19px; color: #003299; margin-bottom:15px;}
.course_approvation p{margin-bottom: 10px;line-height:18px;}
.btn{color: #fff; font-size: 15px; font-family: arial; background: linear-gradient(#87b52f, #a5d649, #87b52f); padding: 4px 0; min-width: 115px; display: inline-block; text-align: center; text-transform: uppercase; border-radius: 8px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);}
.btn:hover{color: #fff;}
.ad{position: absolute;right: -48px; top: -40px;}
.sale{float:left; width:100%; text-align:center;margin-top: 40px;}
.sale img {max-width: 150px;max-height: 150px;}
.content_area{float:left;width:calc(100% - 320px); padding-left: 15px;}
footer, .ul-first, .ul-sec, .fBottom{float:left; width: 100%; text-align:center;}
footer ul{padding: 0;list-style:none;margin: 3px 0;}
footer ul li{display: inline-block;padding: 0 3px;}
footer ul li + li {border-left: 1px solid #002994;padding-left: 6px;}
footer ul li a{color: #002994;font-size: 13px; font-family: arial;}
footer ul li a:hover{color: #87B52F;}
.fBottom {margin-top: 15px;padding-bottom:50px;}
.fBottom, .fBottom a {color: #87b52f;font-size: 11px;font-weight: 500;}
.fBottom a:hover {color: #002994;}
@media(max-width: 1024px){
.course_approvation {max-width: 240px;padding: 10px 38px 20px 18px;}
.deskNav {width: 100%; max-width: 240px; padding-left: 15px; padding-right: 15px;}
.sidebar {max-width: 290px;}
.content_area {width: calc(100% - 290px);}
}
@media(max-width: 767px){
.logo{ /* display: none; */ }
.logo img {max-width: 150px;}
.welcome_area {padding: 11px 25px;}
}
@media(max-width: 680px){
.deskView, .deskNav{display:none;}
.mobieView{display:inherit;}
.banner_person {display: none;}
.top_banner {min-height: 150px;}
h1 {font-size: 0;}
h1 span{float:left;width:100%;text-align:center;font-size: 12px;}
.sidebar {max-width: 100%;}
.course_approvation{float: none;margin: 20px auto;}
.content_area {width: calc(100% - 0px);margin-top: 30px;padding-left: 0;}
footer ul li {float: left;text-align: center;width: 100%;}
footer ul li + li {border-left: 0;}
footer ul li a {margin: 2px 0;display: inline-block;}

.logo {margin-top: 5px;margin-left: -25px;}

}