@import url(//fonts.googleapis.com/css?family=Asap:400,700);
            @import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700);
            @import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700,900);
            *{padding: 0;margin: 0;}
            body{font: 13px 'Droid Sans', "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;color: #eee;font-weight: normal;background-image: url('../images/binding_light.png')}
            a{text-decoration: none;}
            .top_header{
                background:#B80000;
                background-color: #B80000;
                background-image: -moz-linear-gradient(#900000, #B80000);
                background-image: -webkit-linear-gradient(#900000, #B80000);
                background-image: linear-gradient(#900000, #B80000);
                background-repeat: repeat-x;
                width: 100%;
                padding-bottom: 10px;
                padding-top: 10px;
                text-shadow: 0 1px 0 #fff;
                border-bottom: 1px solid #900000;
                -webkit-box-shadow: 0 810px 6px -6px #777;
                -moz-box-shadow: 0 10px 6px -6px #777;
                box-shadow: 0 10px 6px -6px #777;
            }
            .site_logo{
                width: 400px;
                background: transparent;
                float: left;
                height: 40px;
                margin-left: 100px;
                font-size: 40px;
                cursor: pointer;
                font-family: 'Open Sans', sans-serif, Arial;
            }
            .login_box{
                font-family: 'Open Sans', sans-serif, Arial;
                background: rgba(0,0,0,.5);
                border-radius: 2px;
                padding: 20px;
                width: 370px;
                height: 200px;
                color: #ccc;
                margin-top: 50px;
                margin-bottom: 50px;
                position: relative;
                left: 30%;
                top: 24%;
            }
            .wrapper
            {
                width: 980px;
                height: auto;
                padding: 5px;
                margin: 0 auto;
                position: absolute;
                left: 13%;
                margin-top: 5px;
                border-radius: 5px;
                background-image: url('../images/pattern.png');
            }
            .header{
                width: 980px;
                height: 341px;
            }
            .container{
                width: 980px;
                height: 264px;
                padding-bottom: 10px;
                margin-top: 20px;
                margin-bottom: 10px;
            }
            .input_text{
                border: 0 none;
                border-radius: 2px;
                padding: .66em .95em;
                font-size: 16px;
                line-height: 1.2;
                width: 260px;
            }
            
            .login_container{
                width: 980px;
                height: 450px;
                padding-bottom: 10px;
                background-image: url('../images/rsz_1920x1080.png');
                background-repeat: no-repeat;
                background-size:980px 450px;
                background-position: center;
                margin-bottom: 10px;
            }
            .menu_nav{
                width: 100%;
                float: left;
            }
            .img_slider
            {
                width: 730px;
                height: 341px;
                float: left;
            }
            .submit_btn{
                background: #3671b5;
                color: #fff!important;
                -ms-transition: all .04s ease-out 0s;
                -webkit-transition: all .04s ease-out 0s;
                transition: all .04s ease-out 0s;
                border: none;
                padding: 8px 30px ;
                text-align: center;
                font-size: 16px;
                font-weight: 700;
                cursor: pointer;
                border-radius: 3px;
            }
            .latest_news_section
            {
                width: 212px;
                height: 315px;
                background: #fff;
                float: left;
                margin-left: 10px;
                padding: 10px;
                border: 3px solid #fff;
                outline: 1px solid #ccc;
            }
            .latest_news_section h3{
                color: #aabbcc;
                margin-bottom: 10px;
            }
            .news_content{
                height: 286px;
                width: 211px;
                overflow: scroll;
                overflow-x: hidden;
            }
            .news_list ul li
            {
                color: #3090C7;
                display: block;
                margin-bottom: 10px;
                font-size: 13px;
                width: 190px;
                padding: 5px;
                
                background: #eee;
            }
            ::-webkit-scrollbar {
                width: 4px;
            }
            ::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
                -webkit-border-radius: 10px;
                border-radius: 10px;
            }
             
            /* Handle */
            ::-webkit-scrollbar-thumb {
                -webkit-border-radius: 10px;
                border-radius: 10px;
                background: rgba(255,0,0,0.8); 
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
            }
            ::-webkit-scrollbar-thumb:window-inactive {
                    background: rgba(255,0,0,0.4); 
            }
            .menu_list{
                width: 970px;
                padding-left: 6px;
            }
            .menu_list ul li{
                display: block;
                width: auto;
                float: left;
                text-align: center;
                border-right: 1px solid #fff;
                margin-bottom: 2px;
                text-align: center;
                padding-bottom: 10px;
                padding-top: 10px;
                width: 120px;
                color: #222;
                font-size: 13px;
                cursor: pointer;
                background-color: #f3f3f3;
                background-image: -moz-linear-gradient(#fabd05, #f29e02);
                background-image: -webkit-linear-gradient(#fabd05, #f29e02);
                background-image: linear-gradient(#fabd05, #f29e02);
                background-repeat: repeat-x;
            }
            .menu_list ul li a{
                text-decoration: none;
                color: #222;
                font-size: 13px;
                font-weight: normal;
            }
            .left_bar{
                width: 200px;
                background: #fff;
                height: 245px;
                padding: 10px;
                float: left;
                margin-right: 10px;
                
            }
            .left_bar h2{
                display: block;
                font-size: 17px;
                color: #ccc;
                text-shadow: 0 1px 0 #fff;
                margin-bottom: 10px;
            }
            .img_container{
                width: 185px;
                border: 5px solid #fff;
                outline: 1px solid #ccc;
                height: 100px;
                margin-bottom: 5px;
            }
            .left_bar p{
                display: block;
                font-size: 13px;
                color: #666;
                text-align: left;
                margin-bottom: 10px;
            }
            .middle_content{
                width: 730px;
                height: 245px;
                float: left;
                background: #fff;
                padding: 10px;
            }
            .middle_content h1{
                color: #B80000;
                text-shadow: 0 1px 0 #fff;
                font-family: bold 34px/39px 'Asap';
            }
            .middle_content h2{
                color: #B80000;
                text-shadow: 0 1px 0 #fff;
            }
            .middle_content p{
                color: #B80000;
                text-shadow: 0 1px 0 #fff;
                font-weight: bold;
            }
            .tri_content{
                margin-left: 10px;
                margin-top: 10px;
                margin-bottom: 10px;
                text-align: justify;
                color: #666;
                text-shadow: 0 1px 0 #fff;
                font-size: 15px;
            }
            .row{
                width: 100%;
                height: 330px;
            }
            .row h2{
                color: #666;
            }
            .program_list{
                width: 239px;
                margin-right: 8px;
                height: 260px;
                background: #fff;
                float: left;
                margin-top: 20px;
                box-shadow: 0 10px 6px -6px #777;
            }
            .program_list h3{
                margin: 10px;
                color: #B80000;
            }
            .program_list p{
                margin: 10px;
                color: #666;
            }
            .program_img{
                width: 239px;
                height: 150px;
            }
            .footer{
                width: 100%;
                background: #1c4c55;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .footer_section{
                width: 235px;
                height: 150px;
                margin: 5px;
                float: left;
            }
            .footer_section h2
            {
                margin-bottom: 10px;
                text-shadow: 0 1px 0 #666;
            }
            .footer_section ul li{
                display: block;
                margin-left: 10px;
                margin-bottom: 10px;
            }
            .copyright{
                width: 100%;
                text-align: center;
            }
            .spacer{
                clear: both;
                padding: 0;
                margin: 0;
                line-height: 0;
            }
            .edit_profile_box{
                font-family: 'Open Sans', sans-serif, Arial;
                background: rgba(0,0,0,.5);
                border-radius: 2px;
                padding: 20px;
                width: 370px;
                height: 200px;
                color: #ccc;
                margin-top: 50px;
                margin-bottom: 50px;
                position: relative;
                left: 30%;
                top: 24%;
            }