a, a:link, a:visited, a:hover, a:active {text-decoration: none !important;}
.list-inline {margin-left: 0;}

.navbar-main {background-color: #3894FF; border: none; border-radius: 0; min-height: 80px;}
.navbar-main .navbar-brand {height: 80px; padding: 5px 30px;}
.navbar-main .navbar-brand > img {height: 100%;}
.navbar-main .navbar-nav > li > a, .navbar-main .navbar-nav > li.active > a {background-color: #3894FF; font-size: 20px; line-height: 80px; padding: 0 20px; color: #fff;}
.navbar-main .navbar-nav > li.active > a {background-color: #0075FA;}
.navbar-main .navbar-nav > li > a:hover, .navbar-main .navbar-nav > li.active > a:hover {color: #fff; background-color: #0075FA;}
.navbar-main .navbar-nav > li > a.login {font-weight: lighter;}
.navbar-main .navbar-nav > li > a.login > i {display: inline-block; background: url("../images/icons.png") no-repeat; background-size: 69px 30px; width: 28px; height: 28px; margin-right: 10px; vertical-align: middle;}
.navbar-main .navbar-toggle {border-color: #fff; margin-top: 23px;}
.navbar-main .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-main .navbar-toggle:focus, .navbar-main .navbar-toggle:hover {background-color: #3894FF;}

header {background: url('../images/banner.png') no-repeat center center; background-size: cover; position: relative; height: 645px;}
.header-base {position: absolute; width: 100%; height: 645px; background-color: rgba(0, 0, 0, 0.45);}
.header-base .navbar-main {background-color: transparent; border: none; border-radius: 0; min-height: 60px;}
.header-base .navbar-main .navbar-nav > li > a, .header-base .navbar-main .navbar-nav > li.active > a {background-color: transparent; border-top-color: transparent;}
.header-base .navbar-main .navbar-nav > li.active > a {border-top-color: transparent;}
.header-base .navbar-main .navbar-nav > li > a:hover, .header-base .navbar-main .navbar-nav > li.active > a:hover {background-color: transparent;}
.header-base .navbar-main .navbar-toggle:focus, .header-base .navbar-main .navbar-toggle:hover {background-color: transparent;}

.banner .slogan {color: #fff; font-size: 60px; margin-top: 60px; line-height: 1.6; text-align: center;}
.banner .slogan-small {color: #fff; font-size: 30px; margin-bottom: 30px; line-height: 1.6; text-align: center; letter-spacing: 12px;}

.search ul.search-type {margin: 0; padding-top: 30px;}
.search ul.search-type > li {color: #fff; font-size: 20px; cursor: pointer;}
.search ul.search-type > li > span, .search ul.search-type > li > i {display: block;}
.search ul.search-type > li.active > i {content: ""; width: 0; height: 0; margin: 25px auto 0; vertical-align: middle; border-right: 6px solid transparent; border-bottom: 8px dashed; border-left: 6px solid transparent;}
.search .input-group .form-control {border: none; height: 60px; padding: 15px; font-size: 16px; line-height: 30px; box-shadow: none;}
.search .input-group .input-group-btn > .btn {background-color: #f6594e; color: #fff; border: none; padding: 15px 50px; font-size: 24px; line-height: 30px;}

ol.breadcrumb {background-color: #fff; border-radius: 0; padding: 8px 0;}
ol.breadcrumb > li+li:before{color: #3894FF; content: "\203A"; font-size: 21px; line-height: 21px; float: left;}
ol.breadcrumb > li > a {display: inline-block; color: #3894FF; line-height: 24px;}
ol.breadcrumb > li > span {display: inline-block; color: #333; line-height: 24px;}

.index-block {padding: 30px 0 50px;}
.index-schools {background-color: #F4F4F4;}
.index-block h2 {text-align: center;}
.index-block .title-en {text-align: center; font-size: 24px; margin-bottom: 15px;}
.index-schools .school-block {background-color: #fff; border-radius: 4px; padding-top: 30px; padding-bottom: 40px; text-align: center; margin-top: 15px;}
.index-schools .school-block > img {max-width: 60%;}
.index-schools .school-block > span {display: block; font-size: 18px; padding: 30px 0;}
.index-schools .school-block > a {display: inline-block; border: 1px solid #3894FF; border-radius: 4px; color: #3894FF; padding: 5px 20px;}
.index-news .news-block {display: block; border-radius: 2px; margin-top: 15px; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0,41,233,0.25); height: 130px;}
.index-news .news-block > .category {float: left; width: 30px; height: 100%; background-color: #3894FF; color: #fff; font-size: 18px; line-height: 24px; text-align: center; padding-top: 17px;}
.index-news .news-block > .news {padding: 15px 20px 15px 50px;}
.index-news .news-block > .news > .title {font-size: 18px; color: #333; line-height: 30px; margin: 0;}
.index-news .news-block > .news > .summary {color: #999; height: 60px; line-height: 20px; margin: 10px 0 0; overflow: hidden; text-overflow: ellipsis;}
.index-news .more {margin-top: 50px;}
.index-news .more > a {display: inline-block; width: 100%; padding-right: 30px; text-align: right; font-size: 20px; color: #333;}

.assessment-application {background: #fff url('../images/bg-application.png') no-repeat; width: 100%; height: 460px; margin-top: 15px; position: relative;}
.assessment-application > div {position: absolute; background: rgba(7, 3, 68, 0.46); width: 100%; height: 460px; color: #fff; padding: 0 20px; border-radius: 4px;}
.assessment-application h3 {text-align: center;font-size: 18px;margin: 5px 0 15px;}
.assessment-application .control-label {font-weight: normal;}
.assessment-application .form-control {background-color: transparent; border-color: #C8C8C8; box-shadow: none; color: #fff;}
.assessment-application select.form-control > option {color: #333;}
.assessment-application input::-webkit-input-placeholder{color: #fff;}
.assessment-application input::-moz-placeholder{color: #fff;}
.assessment-application input:-moz-placeholder{color: #fff;}
.assessment-application input:-ms-input-placeholder{color: #fff;}
.assessment-application .btn {background-color: #f6594e; color: #fff; width: 100%;}
.assessment-guidance {margin-top: 15px; text-align: center;}
.assessment-guidance > img {width: 100%;}
.assessment-guidance > a {display: inline-block; width: 80%; margin-top: 15px; border: 1px solid #f6594e; border-radius: 4px; color: #f6594e; padding: 5px 0;}

.conditions {margin-bottom: 20px;}
.conditions a {color: #333;}
.conditions a:hover, .conditions a.active {color: #3894FF;}
.conditions a.all {margin-left: 50px;}
.conditions a.disabled {color: #999;}
.conditions li {margin-bottom: 10px;}
.conditions li > a {margin-right: 30px;}

.results {padding-bottom: 20px;}
.results-school {background-color: #F4F4F4;}
.results-school .schools {margin-top: 15px;}
.results-school .schools .school {display: block; margin-bottom: 20px; color: #333;}
.results-school .schools .school .image {float: left; background: transparent no-repeat center center; background-size: cover; width: 200px; height: 126px; margin-right: 30px;}
.results-school .schools .school .info {float: left;}
.results-school .schools .school .info h2 {margin: 5px 0; font-size: 20px;}
.results-school .schools .school .info h2 > span.tag {display: inline-block; margin-left: 20px; background-color: #ECF5FF; border: 1px solid #3894FF; border-radius: 4px; font-size: 12px; color: #333; padding: 2px 5px;}
.results-school .schools .school .info h3 {color: #666; font-size: 14px; margin: 5px 0 10px;}
.results-school .schools .school .info .text-danger {margin-right: 30px;}
.results-school .schools .school .info .address {background: url('../images/icons.png') no-repeat -59px 3px; background-size: 69px 30px; padding-left: 20px; margin: 0; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.school-detail .name {height: 50px;}
.school-detail .name img {float: left; height: 50px; vertical-align: text-top; margin-right: 20px;}
.school-detail .name h1 {font-size: 20px; line-height: 32px; margin: 0;}
.school-detail .name h2 {font-size: 12px; line-height: 18px; margin: 0;}
.school-detail h3 {font-size: 18px; margin: 5px 0 15px;}
.school-detail .block {margin-bottom: 30px;}
.school-detail .tabs > li {border-bottom: 3px solid #fff; color: #333; font-size: 18px; padding: 20px 0; margin-right: 30px;}
.school-detail .tabs > li > a {color: #333;}
.school-detail .tabs > li.active, .school-detail .tabs > li:hover > a {border-bottom-color: #f6594e; color: #f6594e;}
.school-detail .summary img {height: 160px; max-width: 96%;}
.school-detail .summary .item {max-width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.school-detail .summary .item .text-danger {margin-left: 20px;}
.school-detail .summary .address {background: url('../images/icons.png') no-repeat -59px 3px; background-size: 69px 30px; padding-left: 20px; margin: 15px 0 0;}
.school-detail .search {margin-bottom: 25px;}
.school-detail .search .input-group .form-control {border: 1px solid #f6594e; height: 40px; padding: 5px; font-size: 14px;}
.school-detail .search .input-group .input-group-btn > .btn {padding: 5px 30px; font-size: 20px;}
.school-detail .majors {background-color: #f4f4f4; padding: 15px;}
.school-detail .majors > li {margin-bottom: 20px;}
.school-detail .majors > li > p {font-size: 16px;}
.school-detail .majors > li > p > span {margin: 0 30px 0 10px;}
.school-detail .majors > li a {display: inline-block; border: 1px solid #f6594e; border-radius: 4px; color: #f6594e; padding: 5px 20px;}
.school-detail .major dt {text-align: left; font-weight: normal; margin-bottom: 8px;}
.school-detail .major .apply {text-align: center; margin: 20px auto;}
.school-detail .major .apply > a {display: inline-block; background-color: #3894FF; color: #fff; border-radius: 4px; padding: 5px 60px;}

.results-news {background-color: #F4F4F4;}
.results-news .news {margin-top: 15px;}
.results-news .news li {margin-bottom: 20px;}
.results-news .news li h2 {margin: 5px 0 15px; font-size: 20px;}
.results-news .news li h2 > span.tag {display: inline-block; margin-left: 20px; background-color: #ECF5FF; border: 1px solid #3894FF; border-radius: 4px; font-size: 12px; color: #333; padding: 2px 5px;}
.results-news .news li .view {text-align: right;}
.results-news .news li .view a {color: #333; font-size: 16px;}
.results-news .news li .view a > i {font-size: 22px;}

.news-detail .title {margin: 15px auto 20px;}
.news-detail .title h1 {display: inline-block; margin: 0 10px 0 0; font-size: 20px; vertical-align: middle;}
.news-detail .title .tag {display: inline-block; background-color: #ECF5FF; border: 1px solid #3894FF; border-radius: 4px; font-size: 11px; padding: 0 5px;}
.news-detail .title span {font-size: 12px; color: #666;}

.pagination {margin: auto; vertical-align: middle;}
.pagination > li > a {border-color: #F4F4F4; color: #333;}
.pagination > li.active > a, .pagination > li > a:hover {border-color: #eb504e; background-color: #eb504e; color: #FFF;}


.assessment .tabs {padding: 0; margin: 20px auto; list-style: none;}
.assessment .tabs > li {display: inline-block; margin-right: 20px; color: #333; font-size: 20px; cursor: pointer}
.assessment .tabs > li.active {color: #3894FF;}
.assessment .tabs > li > a {color: #333;}
.assessment .center-box {margin: 30px auto; padding: 20px 15px; width: 80%; background-color: #fff; -webkit-box-shadow: 0 0 11px 0 rgba(0,41,233,0.25); box-shadow: 0 0 11px 0 rgba(0,41,233,0.25); border-radius: 4px;}
.assessment .center-box h2 {margin: 0 0 15px; font-size: 20px; text-align: center;}
.assessment .center-box .control-label {text-align: left; font-weight: normal;}
.assessment .center-box .col-md-8, .assessment .center-box .col-md-10 {padding-left: 0;}
.assessment .center-box .col-md-2 {padding-right: 0;}
.assessment .center-box .checkbox-inline {margin-right: 30px;}
.assessment .center-box .btn {background-color: #3894FF; color: #fff;}

.message-body {margin: 80px auto; padding: 40px 0; text-align: center; width: 50%; background-color: #fff; -webkit-box-shadow: 0 0 11px 0 rgba(0,41,233,0.25); box-shadow: 0 0 11px 0 rgba(0,41,233,0.25); border-radius: 4px;}
.message-body .message {color: #333; margin-top: 15px;}
.message-body .time {color: #898989;}

footer {background: #5D5E78; padding: 15px;}
footer > p {text-align: center; line-height: 24px; color: #fff; margin: 0;}

@media (min-width: 768px) {
    .modal-dialog {margin: 160px auto;}
}
.modal-content {border-radius: 0;}