.open-sans {
  font-family: 'Open Sans', Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
}
.inline-block {
  display: inline-block;
  vertical-align: top;
}
.clear:after {
  clear: both;
  content: "";
  display: table;
}
.clear > .float {
  float: left;
}
.clear > .float.right {
  float: right;
}
.clearboth {
  clear: both;
}
.editor:after {
  clear: both;
  content: "";
  display: table;
}
.editor > .float {
  float: left;
}
.editor > .float.right {
  float: right;
}
.oneline {
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.img-helper {
  text-align: center;
  font-size: 0;
}
.img-helper span,
.img-helper img {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}
.img-helper span {
  width: 0px;
  height: 100%;
}
.responsive img,
.responsive iframe {
  width: 100%;
  height: auto;
}
.parent {
  font-size: 0;
}
.parent > .item {
  display: inline-block;
  vertical-align: top;
}
.table {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
.table .td {
  display: table-cell;
  vertical-align: top;
}
form .row {
  font-size: 0;
}
form .row > .item {
  display: inline-block;
  vertical-align: top;
}
form .row:after {
  clear: both;
  content: "";
  display: table;
}
form .row > .float {
  float: left;
}
form .row > .float.right {
  float: right;
}
form .row > .col {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.select {
  float: left;
  text-align: left;
  cursor: pointer;
}
.select .select-input {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select .select-container {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.select.select-fix {
  position: relative;
}
.load-on-demand .loading {
  height: 48px;
  margin-top: 40px;
  background: url(img/loading.gif) no-repeat center;
}
.no-record {
  line-height: 150px;
  text-align: center;
  font-weight: 700;
  color: red;
}
.processing {
  padding: 100px 20px;
  line-height: 20px;
  text-align: center;
}
body {
  position: relative;
  min-width: 480px;
  padding-top: 50px;
}
header,
#content,
footer {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  z-index: 0;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
h1 {
  display: none;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  min-width: 480px;
  z-index: 3;
  background-color: #FFF;
  -webkit-backface-visibility: hidden;
}
header > .container > .table {
  table-layout: auto;
}
header .contact {
  width: 242px;
  min-width: 242px;
}
header .contact img {
  margin: 0 0px;
}
header .search {
  padding: 10px 10px;
}
header .nav {
  padding: 10px 0;
  line-height: 30px;
  text-align: right;
}
header .nav > .item {
  text-align: left;
}
header .nav .text {
  padding: 0 10px;
  font-size: 0.875rem;
  color: #11327E;
}
header .nav .text.count {
  padding: 0;
  margin-left: -5px;
}
header .nav .size {
  width: 32px;
  height: 30px;
  margin-left: 5px;
  border: 1px solid #11327E;
  box-sizing: border-box;
  line-height: 28px;
  text-align: center;
  color: #11327E;
}
header .nav .size:hover,
header .nav .size.active {
  border-color: #80899F;
  background-color: #8898BE;
}
header .nav .size.small {
  padding-top: 5px;
  margin-left: 0;
  line-height: 23px;
  font-size: 12px;
}
header .nav .size.medium {
  padding-top: 2px;
  line-height: 26px;
  font-size: 16px;
}
header .nav .size.large {
  font-size: 18px;
}
header .nav .search-button .icon {
  width: 21px;
  background: url(img/header-search.png) no-repeat center;
}
header .nav .font-size {
  margin-left: 10px;
}
header .nav .icon-text .icon {
  height: 30px;
}
header .nav .icon-text:hover .text,
header .nav .icon-text.current .text,
header .nav .icon-text.active .text {
  color: #3594D3;
}
header .nav .icon-text.favourite {
  margin-right: 12px;
  white-space: nowrap;
}
header .nav .icon-text.favourite .icon {
  width: 24px;
  background: url(img/add-to-file.png) no-repeat center;
}
header .nav .icon-text.favourite:hover .icon,
header .nav .icon-text.favourite.current .icon,
header .nav .icon-text.favourite.active .icon {
  background-image: url(img/add-to-file-on.png);
}
header .nav .icon-text.custom-query .icon {
  width: 23px;
  background: url(img/tailor-made-enquiry.png) no-repeat center;
}
header .nav .icon-text.custom-query:hover .icon,
header .nav .icon-text.custom-query.current .icon,
header .nav .icon-text.custom-query.active .icon {
  background-image: url(img/tailor-made-enquiry-on.png);
}
header .nav .selector {
  padding-left: 5px;
}
header .nav .selector .select {
  display: block;
  width: 46px;
  height: 30px;
}
header .nav .selector .select .select-input {
  padding: 0 16px 0 9px;
  border: 1px solid #11327E;
  line-height: 28px;
  background: url(img/font-size-select.png) no-repeat right 5px center;
  color: #11327E;
}
header .nav .selector .select .select-container {
  line-height: 28px;
  border: 1px solid #11327E;
}
header .nav .selector .select .select-container > div {
  padding: 0 9px;
  background-color: #FFF;
  color: #11327E;
}
header .nav .selector .select .select-container > div.selected {
  background-color: #11327E;
  color: #FFF;
}
header .nav .selector .select .select-container > div:nth-child(1) {
  font-size: 12px;
}
header .nav .selector .select .select-container > div:nth-child(2) {
  font-size: 16px;
}
header .nav .selector .select .select-container > div:nth-child(3) {
  font-size: 18px;
}
body.tablet header > .container,
body.mobile header > .container {
  padding-left: 0;
}
body.tablet header .nav .text.count,
body.mobile header .nav .text.count {
  margin-left: 5px;
}
body.tablet header .nav .font-size,
body.mobile header .nav .font-size {
  margin-left: 20px;
}
body.tablet header .nav .icon-text,
body.mobile header .nav .icon-text {
  margin-left: 24px;
}
body.tablet header .nav .icon-text.favourite,
body.mobile header .nav .icon-text.favourite {
  margin-right: 0;
}
body.mobile header .nav .icon-text {
  margin-left: 20px;
}
body.mobile header .nav .search-button {
  margin-left: 0;
}
#search-form {
  display: inline-block;
  vertical-align: top;
  position: relative;
  line-height: 28px;
}
#search-form input {
  width: 472px;
  height: 30px;
  padding: 0 35px 0 10px;
  border: 1px solid #7084B2;
  box-sizing: border-box;
  font-size: 0.875rem;
  background-color: transparent;
  color: #000;
}
#search-form button {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 35px;
  height: 28px;
  background: transparent url(img/search-icon.png) no-repeat center;
}
#content {
  min-height: 400px;
  margin-top: 113px;
  z-index: 1;
}
#title {
  position: relative;
  max-width: 1200px;
  margin: auto;
  height: 103px;
  z-index: 2;
  background: url(img/innerpage-banner-base.png) repeat-x center;
}
#title .oneline {
  line-height: 103px;
  text-align: center;
  letter-spacing: 4px;
  font-size: 1.875rem;
  color: #2B436A;
}
#navigation-bar {
  position: relative;
  max-width: 1200px;
  margin: auto;
  height: 40px;
  z-index: 1;
  background-color: #EBF0F7;
}
#navigation-bar .oneline {
  padding-left: 20px;
  line-height: 40px;
  letter-spacing: 3px;
  font-size: 0.875rem;
  color: #123163;
}
#navigation-bar .oneline a {
  text-decoration: underline;
  font-size: 0.875rem;
  color: #123163;
}
#navigation-bar .oneline a.current:last-child {
  color: #2C51A6;
}
#main.hv-menu {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
#main.hv-menu .td {
  display: table-cell;
  vertical-align: top;
}
#main > .top {
  text-align: right;
}
#menu {
  width: 318px;
  padding-top: 40px;
  padding-right: 20px;
  padding-bottom: 30px;
}
#menu > .item {
  display: block;
  padding: 15px 30px;
  margin-bottom: 1px;
  line-height: 2;
  font-size: 0.875rem;
  background: #4978DE url(img/side-menu-arrow.png) no-repeat right 10px center;
  color: #A5C1FF;
}
#menu > .item:hover,
#menu > .item.current {
  background-color: #20489F;
  color: #FFF;
}
body.tablet #menu {
  width: 26.5%;
}
body.mobile #main > .td {
  display: block;
}
body.mobile #menu {
  width: 100%;
  padding-right: 0;
  padding-bottom: 0;
}
#standard {
  padding: 30px 0;
}
#detail {
  margin: 20px 0 30px;
}
#relate {
  padding: 30px 0;
  margin-bottom: 30px;
  background-color: #EBEBEB;
}
#relate h2 {
  position: relative;
  padding: 0 30px;
  line-height: 1.75;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  color: #2C51A6;
}
#relate h2 > .prev,
#relate h2 > .next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
}
#relate h2 > .prev.disable,
#relate h2 > .next.disable {
  display: none;
}
#relate h2 > .prev {
  left: 0;
  background: url(img/relate-share-left-arrow.png) no-repeat left center;
}
#relate h2 > .next {
  right: 0;
  background: url(img/relate-share-right-arrow.png) no-repeat right center;
}
#relate .wrapper {
  white-space: nowrap;
  overflow: hidden;
}
#relate .wrapper > div {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.rich-editor {
  position: relative;
  padding: 0 20px;
  margin-top: 40px;
  margin-bottom: 30px;
}
.rich-editor.hv-banner {
  padding-top: 125px;
}
.rich-editor .editor-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.rich-editor .content {
  position: relative;
  padding-top: 10px;
  z-index: 1;
  background-color: rgba(255,255,255,0.8);
  box-shadow: 0 5px 5px 0 rgba(4,5,5,0.75);
}
.rich-editor .content h2 {
  min-width: 316px;
  padding: 0 30px;
  border-bottom: 3px solid #20489F;
  line-height: 2.4;
  font-size: 1.625rem;
  font-weight: 400;
  color: #20489F;
}
.rich-editor .content .text {
  padding: 30px;
}
.horizontal-gallery,
.horizontal-gallery-2 {
  position: relative;
}
.horizontal-gallery .wrapper,
.horizontal-gallery-2 .wrapper {
  white-space: nowrap;
  overflow: hidden;
}
.horizontal-gallery .wrapper > div,
.horizontal-gallery-2 .wrapper > div {
  display: inline-block;
  vertical-align: top;
}
.horizontal-gallery .wrapper .slide,
.horizontal-gallery-2 .wrapper .slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.horizontal-gallery .wrapper img,
.horizontal-gallery-2 .wrapper img {
  width: auto;
  height: 100%;
}
.horizontal-gallery .prev,
.horizontal-gallery .next,
.horizontal-gallery-2 .prev,
.horizontal-gallery-2 .next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 35px;
}
.horizontal-gallery .prev.disable,
.horizontal-gallery .next.disable,
.horizontal-gallery-2 .prev.disable,
.horizontal-gallery-2 .next.disable {
  display: none;
}
.horizontal-gallery .prev,
.horizontal-gallery-2 .prev {
  left: 0;
  background: rgba(0,0,0,0.5) url(img/horizontal-gallery-left-arrow.png) no-repeat center;
}
.horizontal-gallery .next,
.horizontal-gallery-2 .next {
  right: 0;
  background: rgba(0,0,0,0.5) url(img/horizontal-gallery-right-arrow.png) no-repeat center;
}
.horizontal-gallery-2 {
  height: 317px;
}
.horizontal-gallery-2 .wrapper > div {
  margin-right: 10px;
}
.share-item {
  width: 250px;
  text-align: left;
  white-space: normal;
}
.share-item a {
  display: block;
}
.share-item .top {
  position: relative;
}
.share-item .top > .image {
  padding: 6px;
}
.share-item .top > .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  text-align: center;
}
.share-item .top > .overlay > .text {
  padding: 8px 41px 5px;
  overflow: hidden;
  line-height: 22px;
  text-align: left;
  font-size: 0.8125rem;
  background: url(img/testimonial-quot-open.png) no-repeat left top, url(img/testimonial-quot-close.png) no-repeat right bottom;
  color: #FFF;
}
.share-item .top > .overlay > .detail {
  margin-top: 9px;
  margin-bottom: 3px;
  line-height: 2;
  font-size: 0.8125rem;
  color: #FFF;
}
.share-item .top > .overlay > .detail > span {
  text-decoration: underline;
}
.share-item .top > .arrow {
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 22px;
  height: 14px;
  margin-left: -11px;
  cursor: pointer;
}
.share-item .content {
  padding: 13px 15px;
}
.share-item .content .title {
  line-height: 1.5;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #FFF;
}
.share-item .content .info {
  margin-top: 5px;
  line-height: 1.5;
  font-size: 0.75rem;
  color: #FFF;
}
.share-item .content .text {
  height: 66px;
  overflow: hidden;
}
.share-item .content .text .ellipsis {
  line-height: 22px;
  font-size: 0.9375rem;
  color: #FFF;
}
.share-item .content .detail {
  margin-top: 5px;
  line-height: 2;
  font-size: 0.9375rem;
  color: #FFF;
}
.share-item .content .detail > span {
  text-decoration: underline;
}
.share-item:nth-child(4n+1) .top > .overlay {
  background-color: rgba(0,79,76,0.9);
}
.share-item:nth-child(4n+1) .top > .arrow {
  background: url(img/close.png) no-repeat center;
}
.share-item:nth-child(4n+1) .top > .arrow.active {
  background-image: url(img/open.png);
}
.share-item:nth-child(4n+1) .content {
  background-color: #229692;
}
.share-item:nth-child(4n+2) .top > .overlay {
  background-color: rgba(0,79,76,0.9);
}
.share-item:nth-child(4n+2) .top > .arrow {
  background: url(img/close-2.png) no-repeat center;
}
.share-item:nth-child(4n+2) .top > .arrow.active {
  background-image: url(img/open-2.png);
}
.share-item:nth-child(4n+2) .content {
  background-color: #208D9A;
}
.share-item:nth-child(4n+3) .top > .overlay {
  background-color: rgba(0,79,76,0.9);
}
.share-item:nth-child(4n+3) .top > .arrow {
  background: url(img/close-3.png) no-repeat center;
}
.share-item:nth-child(4n+3) .top > .arrow.active {
  background-image: url(img/open-3.png);
}
.share-item:nth-child(4n+3) .content {
  background-color: #207A98;
}
.share-item:nth-child(4n+4) .top > .overlay {
  background-color: rgba(0,79,76,0.9);
}
.share-item:nth-child(4n+4) .top > .arrow {
  background: url(img/close-4.png) no-repeat center;
}
.share-item:nth-child(4n+4) .top > .arrow.active {
  background-image: url(img/open-4.png);
}
.share-item:nth-child(4n+4) .content {
  background-color: #3CA3C5;
}
body.mobile .share-item {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  margin: 10px 0 0 0;
}
body.mobile .share-item .td {
  display: table-cell;
  vertical-align: top;
}
body.mobile .share-item .top,
body.mobile .share-item .content {
  display: table-cell;
  vertical-align: top;
}
body.mobile .share-item .top {
  width: 152px;
  box-sizing: border-box;
  background-color: #FFF;
}
body.mobile .share-item .content {
  padding: 5px 15px;
}
body.mobile .share-item .content .title {
  line-height: 2;
  font-size: 1.125rem;
}
.article-date {
  display: inline-block;
  vertical-align: top;
  padding: 0 13px;
  border-radius: 5px;
  line-height: 2.25;
  font-size: 0.75rem;
  background-color: #1BBC9B;
  color: #FFF;
}
.article-item {
  position: relative;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  white-space: normal;
  background-color: #FFF;
}
.article-item .image {
  position: relative;
}
.article-item .content .title {
  display: block;
  line-height: 1.5;
  font-size: 1.5rem;
  color: #2B4683;
}
.article-item .content .info {
  padding: 5px 0;
  line-height: 30px;
}
.article-item .content .info .border {
  margin: 0 20px;
}
.article-item .more {
  text-align: center;
}
.article-item .more > .item {
  width: 9px;
  height: 9px;
  margin-left: 7px;
}
.article-item .more > .item:first-child {
  margin-left: 0;
}
.article-item:nth-child(3n+1) .content .article-date {
  background-color: #1BBC9B;
}
.article-item:nth-child(3n+1) .more > .item {
  background-color: #1BBC9B;
}
.article-item:nth-child(3n+2) .content .article-date {
  background-color: #2C97DF;
}
.article-item:nth-child(3n+2) .more > .item {
  background-color: #2C97DF;
}
.article-item:nth-child(3n+3) .content .article-date {
  background-color: #0F7326;
}
.article-item:nth-child(3n+3) .more > .item {
  background-color: #0F7326;
}
.grid .article-item {
  width: 48.5%;
  margin: 18px 0 18px 3%;
}
.grid .article-item:nth-child(2n+1) {
  margin-left: 0;
}
.grid .article-item .image {
  display: block;
}
.grid .article-item .content {
  padding: 12px 20px 10px;
}
.grid .article-item .content .article-date {
  position: absolute;
  top: 10px;
  left: 10px;
}
.grid .article-item .content .info {
  margin-top: 25px;
  padding-right: 50px;
}
.grid .article-item .more {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.list .article-item {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  margin-top: 20px;
}
.list .article-item .td {
  display: table-cell;
  vertical-align: top;
}
.list .article-item .image,
.list .article-item .content,
.list .article-item .more {
  display: table-cell;
}
.list .article-item .image {
  width: 249px;
  vertical-align: middle;
}
.list .article-item .content {
  padding: 10px 20px;
}
.list .article-item .content .title {
  margin-top: 10px;
}
.list .article-item .content .info {
  margin-top: 6px;
}
.list .article-item .more {
  width: 41px;
  padding-right: 29px;
  vertical-align: middle;
}
body.mobile .list .article-item .image {
  width: 149px;
}
.article-detail {
  position: relative;
  border: 1px solid #E1E1E1;
}
.article-detail .horizontal-gallery .wrapper {
  height: 305px;
}
.article-detail .article-date {
  margin: 20px 0 0 20px;
}
.article-detail.hv-gallery .article-date {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
}
.article-detail .content {
  padding: 0 20px 20px;
}
.article-detail .content .table {
  min-height: 60px;
}
.article-detail .content .table .td {
  padding: 6px 0;
  vertical-align: middle;
}
.article-detail .content .title {
  line-height: 2;
  font-size: 1.5rem;
  color: #2B4683;
}
.article-detail .content .article-nav {
  text-align: right;
}
.article-detail .content .article-nav .fb-share-button,
.article-detail .content .article-nav .visit-count,
.article-detail .content .article-nav .border {
  margin-top: 5px;
  margin-bottom: 5px;
}
.article-detail .content .article-nav .border {
  margin-left: 20px;
  margin-right: 20px;
}
.article-detail .content .editor {
  margin-top: 6px;
  font-size: 1rem;
}
.article-detail .content .editor * {
  font-size: 1rem;
}
body.tablet .article-detail .content .table .td,
body.mobile .article-detail .content .table .td {
  display: block;
}
body.tablet .article-detail .content .article-nav,
body.mobile .article-detail .content .article-nav {
  text-align: center;
}
#category > h2,
#product > h2,
#school > h2,
.school-detail > h2 {
  margin-top: 10px;
  border-bottom: 3px solid #306BBE;
  line-height: 2;
  letter-spacing: 3px;
  font-size: 1.375rem;
  color: #0C3382;
}
.school-detail h3 {
  margin-bottom: 12px;
  border-bottom: 1px solid #306BBE;
  line-height: 2;
  font-weight: 700;
  color: #0C3382;
}
.school-detail .content {
  margin-top: 24px;
}
.school-detail .content .logo {
  width: 316px;
  padding-top: 6px;
  padding-right: 20px;
}
.school-detail .content .logo .image {
  padding: 20px;
  border: 1px solid #D7D7D7;
}
.school-detail .content .info .row {
  line-height: 1.875;
}
.school-detail .content .info .row .label {
  width: 80px;
  padding-right: 10px;
  font-weight: 700;
}
.school-detail .content .relate_event {
  padding-top: 20px;
  padding-bottom: 20px;
}
.school-detail .content .relate_event .label_title {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  color: #0C3382;
}
.school-detail .content .relate_event .event_block {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #306BBE;
}
.school-detail .content .relate_event .event_block > table {
  width: 100%;
}
.school-detail .content .relate_event .event_block_left {
  width: 140px;
}
.school-detail .content .relate_event .event_block_date {
  display: block;
  width: 100px;
  height: 100px;
  background: #6addc1;
  text-align: center;
}
.school-detail .content .relate_event .event_block_date_day {
  font-size: 58px;
  color: #fff;
}
.school-detail .content .relate_event .event_block_date_month {
  font-size: 25px;
  color: #fff;
  margin-top: -10px;
}
.school-detail .content .relate_event .event_block_title {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: #2b4683;
  padding-right: 150px;
}
.school-detail .content .relate_event .event_block_title > a {
  font-size: 24px;
  font-weight: bold;
  color: #2b4683;
}
.school-detail .content .relate_event .event_block_title .article-nav {
  position: absolute;
  top: -3px;
  right: 0px;
  border-left: 1px dotted #000;
  padding-left: 10px;
  height: 19px;
}
.school-detail .content .relate_event .event_block_title .article-nav > .item {
  margin-top: -13px;
}
.school-detail .content .relate_event .event_block_label {
  width: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
}
.school-detail .content .relate_event .event_block_value {
  font-size: 16px;
  color: #444444;
  padding-right: 20px;
}
.school-detail .content .relate_event .event_block_row {
  display: table;
  margin-top: 15px;
}
.school-detail .content .relate_event .event_block_row_left {
  display: table-cell;
  width: 225px;
  vertical-align: top;
}
.school-detail .content .relate_event .event_block_row_right {
  display: table-cell;
  vertical-align: top;
}
.school-detail .article-nav {
  display: none;
  margin-top: 10px;
}
.school-detail .article-nav > .item {
  vertical-align: middle;
}
.school-detail .article-nav2 {
  display: block;
}
.school-detail .feature {
  margin-top: 18px;
}
.school-detail .feature > .editor {
  margin-top: 4px;
}
.school-detail .download {
  margin-top: 6px;
}
.school-detail .download > .list > .item {
  padding: 4px 0 4px 46px;
  line-height: 1.75;
  background: url(img/icon-download.png) no-repeat left center;
}
body.tablet .content .logo,
body.mobile .content .logo {
  width: 180px;
}
.country-selector {
  height: 30px;
}
.country-selector .select {
  display: block;
  width: 100%;
  height: 100%;
}
.country-selector .select .select-input {
  padding: 0 49px 0 10px;
  border: 1px solid #8F8F8F;
  line-height: 28px;
  font-size: 0.875rem;
  background: url(img/sort-by-select.png) no-repeat right 20px center;
}
.country-selector .select .select-container {
  line-height: 28px;
  border: 1px solid #8F8F8F;
}
.country-selector .select .select-container > div {
  padding: 0 10px;
  font-size: 0.875rem;
  background-color: #FFF;
}
.country-selector .select .select-container > div.selected {
  background-color: #444;
  color: #FFF;
}
.youtube-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(img/video-thumbnail.png) no-repeat center;
  background-size: 25%;
}
a.back {
  width: 89px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 0.875rem;
  background-color: #2D52A7;
  color: #FFF;
}
a.enquiry-button {
  display: inline-block;
  vertical-align: top;
  width: 121px;
  height: 30px;
  background: url(img/check-btn.png) no-repeat;
  background-size: 100%;
}
a.favourite-button {
  display: inline-block;
  vertical-align: top;
  width: 158px;
  height: 30px;
  background: url(img/add-btn.png) no-repeat;
  background-size: 100%;
}
a.favourite-button.disabled {
  background-image: url(img/add-btn-disabled.png);
}
a.favourite-2-button {
  display: inline-block;
  vertical-align: top;
  width: 123px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
}
a.favourite-2-button._event {
  background-image: url(img/reg-btn-event.png);
}
a.favourite-2-button._event.disabled {
  background-image: url(img/reg-btn-event-disabled.png);
}
a.favourite-2-button._column {
  background-image: url(img/reg-btn-column.png);
}
a.favourite-2-button._school {
  background-image: url(img/reg-btn-school.png);
}
a.favourite-2-button.disabled {
  background-image: url(img/reg-btn-disabled.png);
}
.visit-count {
  height: 20px;
  line-height: 20px;
}
.visit-count .icon {
  width: 27px;
  height: 100%;
  background: url(img/eye.png) no-repeat center;
  background-size: 100%;
}
.visit-count .label {
  padding: 0 10px;
  font-size: 0.875rem;
  color: #11327E;
}
.visit-count .count {
  font-size: 0.875rem;
}
.view-mode {
  display: inline-block;
  vertical-align: top;
  height: 37px;
  padding: 2px 20px 0;
  line-height: 37px;
  background-color: #F0F0F0;
}
.view-mode .label {
  font-size: 0.875rem;
}
.view-mode .view-mode-item {
  width: 24px;
  height: 37px;
  margin-left: 20px;
}
.view-mode .grid {
  background: url(img/image-view.png) no-repeat center;
  background-size: 100%;
}
.view-mode .grid:hover,
.view-mode .grid.active {
  background-image: url(img/image-view-on.png);
}
.view-mode .list {
  background: url(img/list-view.png) no-repeat center;
  background-size: 100%;
}
.view-mode .list:hover,
.view-mode .list.active {
  background-image: url(img/list-view-on.png);
}
.article-search {
  position: relative;
  width: 472px;
  height: 30px;
  margin: 10px 10px 0 0;
}
.article-search input {
  width: 100%;
  height: 100%;
  padding: 0 35px 0 10px;
  border: 1px solid #7084B2;
  box-sizing: border-box;
  line-height: 28px;
  font-size: 0.875rem;
  color: #000;
}
.article-search button {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 35px;
  height: 28px;
  background: transparent url(img/search-icon.png) no-repeat center;
}
body.tablet .article-search {
  width: 272px;
}
body.mobile .article-search {
  width: 102px;
}
.article-sort {
  width: 242px;
  height: 30px;
  margin: 10px 10px 0 0;
}
.article-sort .select {
  display: block;
  width: 100%;
  height: 100%;
}
.article-sort .select .select-input {
  padding: 0 29px 0 10px;
  border: 1px solid #8F8F8F;
  line-height: 28px;
  font-size: 0.875rem;
  background: url(img/sort-by-select.png) no-repeat right 10px center;
}
.article-sort .select .select-container {
  line-height: 28px;
  border: 1px solid #8F8F8F;
}
.article-sort .select .select-container > div {
  padding: 0 10px;
  font-size: 0.875rem;
  background-color: #FFF;
}
.article-sort .select .select-container > div.selected {
  background-color: #444;
  color: #FFF;
}
body.tablet .article-sort,
body.mobile .article-sort {
  width: 142px;
}
.article-nav {
  line-height: 30px;
}
.article-nav .fb-share-button {
  height: 20px;
  line-height: 20px;
}
.article-nav .border {
  height: 19px;
  margin: 0 10px;
  border-left: 1px dotted #000;
}
.pager {
  height: 24px;
  padding: 20px 0;
  text-align: center;
}
.pager > .item {
  min-width: 19px;
  padding: 0 5px;
  margin: 0 3px;
  border: 1px solid #D8D8D8;
  line-height: 28px;
  text-align: center;
  font-size: 0.875rem;
  background-color: #FFF;
  color: #828282;
}
.pager > .item.current {
  border-color: #00406A;
  background-color: #00406A;
  color: #FFF;
}
.pager > .prev,
.pager > .next {
  display: inline-block;
  vertical-align: top;
  width: 0px;
  height: 0px;
  margin: 11px 12px 0;
  border: 4px solid transparent;
}
.pager > .prev {
  border-left: 0;
  border-right: 5px solid #00406A;
}
.pager > .prev.off {
  border-right-color: #828282;
}
.pager > .next {
  border-left: 5px solid #00406A;
  border-right: 0;
}
.pager > .next.off {
  border-left-color: #828282;
}
.pager > .goto {
  width: 29px;
  height: 28px;
}
#download-content {
  position: relative;
  padding: 50px 80px 40px;
  background: url(img/download-background.png) no-repeat center;
  background-size: cover;
}
#download-content .left,
#download-content .right {
  position: absolute;
  width: 87px;
}
#download-content .left {
  top: 0;
  left: 33px;
  height: 75px;
  background: url(img/thankyou-note-quot-open.png) no-repeat;
}
#download-content .right {
  bottom: 0;
  right: 22px;
  height: 72px;
  background: url(img/thankyou-note-quot-close.png) no-repeat;
}
#download-content .editor {
  padding: 26px 40px;
  line-height: 1.75;
  font-size: 1rem;
  background-color: rgba(255,255,255,0.8);
}
#download-content .editor * {
  line-height: 1.75;
  font-size: 1rem;
}
#download-content .editor.download {
  text-align: center;
}
#download-content .editor.download a {
  text-decoration: underline;
  color: #2B4683;
}
.form {
  line-height: 40px;
}
.form .row {
  padding: 9px 0;
}
.form .row.table:after {
  display: none;
}
.form .row.table .col.td {
  float: none;
  display: table-cell;
  vertical-align: top;
}
.form .title {
  padding: 10px 0;
  border-bottom: 1px solid #20489F;
  line-height: 2;
  letter-spacing: 2px;
  text-align: center;
}
.form .title > .item {
  vertical-align: baseline;
}
.form .title > .text {
  font-size: 1.125rem;
  font-weight: 700;
  color: #21489F;
}
.form .title > .compulsory {
  margin-left: 15px;
  font-size: 0.875rem;
  color: #444;
}
.form .label {
  width: 150px;
  padding-right: 10px;
  box-sizing: border-box;
  letter-spacing: 2px;
}
.form .right .label {
  padding-left: 35px;
}
.form input,
.form textarea {
  width: 448px;
  padding: 0 20px;
  border: 1px solid #D7D7D7;
  box-sizing: border-box;
  line-height: 38px;
  background-color: #FFF;
}
.form input {
  height: 40px;
}
.form input.other {
  width: 367px;
}
.form textarea {
  width: 100%;
  height: 100px;
}
.form .select {
  display: block;
  width: 448px;
  height: 40px;
}
.form .select .select-input {
  padding: 0 50px 0 20px;
  border: 1px solid #D7D7D7;
  line-height: 38px;
  background: url(img/select.png) no-repeat right 20px center;
  color: #7F7F7F;
}
.form .select .select-container {
  line-height: 38px;
  border: 1px solid #D7D7D7;
  max-height: 240px;
}
.form .select .select-container > div {
  padding: 0 20px;
  background-color: #FFF;
  color: #7F7F7F;
}
.form .select .select-container > div.selected {
  background-color: #7F7F7F;
  color: #FFF;
}
.form .select.year {
  width: 194px;
}
.form .checkbox {
  display: inline-block;
  vertical-align: top;
  padding-left: 36px;
  padding-right: 90px;
  box-sizing: border-box;
  letter-spacing: 2px;
  background: url(img/check-box.png) no-repeat left center;
}
.form .checkbox.other {
  padding-right: 20px;
}
.form .checkbox.way_of_awareness {
  min-width: 158px;
  padding-right: 60px;
}
.form .checkbox.agree {
  padding-right: 0;
  line-height: 2;
  font-size: 0.875rem;
  background-position: left 4px;
}
.form .radio {
  display: inline-block;
  vertical-align: top;
  padding-left: 36px;
  padding-right: 70px;
  box-sizing: border-box;
  letter-spacing: 2px;
  background: url(img/radio-box.png) no-repeat left center;
}
.form .appointment-notice {
  line-height: 2.14;
  letter-spacing: 2px;
  text-align: center;
  font-size: 0.875rem;
  color: #21489F;
}
.form .action {
  padding-top: 14px;
  line-height: 32px;
}
.form .code a,
.form .code img {
  display: block;
}
.form .code .label {
  width: auto;
  padding-left: 0;
  padding-right: 20px;
}
.form .code .refresh {
  width: 47px;
  height: 32px;
  background: url(img/refresh.png) no-repeat center;
  background-size: 42.55%;
}
.form .code input {
  width: 185px;
  height: 30px;
  line-height: 28px;
  text-align: center;
}
.form button {
  width: 239px;
  height: 31px;
  line-height: 31px;
  letter-spacing: 2px;
  text-align: center;
  background-color: #648296;
  color: #FFF;
}
.form button[type="reset"] {
  margin-left: 10px;
  background-color: #828181;
}
.form .error-message {
  width: 488px;
  padding: 6px 0;
  letter-spacing: 2px;
  color: #9F214B;
}
.form .error {
  background-color: #D8DCE4;
}
.form .error + .select {
  background-color: #D8DCE4;
}
.form .error + .checkbox {
  background-image: url(img/check-box-no-fill.png);
}
.form .checkbox.checked {
  background-image: url(img/check-box-with-tick.png);
}
.form .radio.checked {
  background-image: url(img/radio-box-fill.png);
}
body.tablet .form .right .label,
body.mobile .form .right .label {
  padding-left: 0;
}
body.tablet .form .checkbox.way_of_awareness,
body.mobile .form .checkbox.way_of_awareness {
  width: 50%;
  min-width: 0;
  padding-right: 10px;
}
body.tablet .form .action .right,
body.mobile .form .action .right {
  clear: left;
  float: left;
}
body.mobile .form input,
body.mobile .form textarea {
  width: 320px;
}
body.mobile .form input.other,
body.mobile .form textarea.other {
  width: 220px;
}
body.mobile .form .select {
  width: 320px;
}
body.mobile .form .code input {
  width: 185px;
}
body.mobile .form button {
  width: 225px;
}
body.mobile .form .error-message {
  width: auto;
}
footer {
  float: none;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
footer .nav {
  padding: 28px 30px 30px 48px;
  background: #00406A url(img/footer-base.png) no-repeat left top;
}
footer .nav .td > .item {
  width: 100%;
  height: 36px;
  padding-left: 27px;
  box-sizing: border-box;
  background: url(img/footer-nav-arrow.png) no-repeat left center;
}
footer .nav .td > .item > .item {
  vertical-align: middle;
}
footer .nav .td > .item > a {
  line-height: 1.75;
  font-size: 0.875rem;
  color: #FFF;
}
footer .nav .td > .item > .fix {
  width: 0px;
  height: 100%;
}
footer .nav .d .td:last-child {
  width: 10%;
}
footer .nav .t .td:last-child {
  width: 25%;
}
footer .nav .m .td {
  width: 50%;
}
footer .footer {
  padding: 13px 0 12px;
  line-height: 30px;
}
footer .footer .copyright {
  font-size: 0.75rem;
  color: #00406A;
}
footer .footer .social {
  text-align: right;
}
footer .footer .social > .item {
  height: 30px;
  margin: 10px 0 0 6px;
}
footer .footer .social > .item img {
  display: block;
  width: auto;
  height: 100%;
}
body.desktop footer .footer {
  margin-top: -10px;
}
body.desktop footer .footer .copyright {
  padding-top: 10px;
}
body.tablet footer .nav,
body.mobile footer .nav {
  background-position: left -50px top;
}
body.tablet footer .footer,
body.mobile footer .footer {
  padding: 15px 0 25px;
}
body.tablet footer .footer .td,
body.mobile footer .footer .td {
  display: block;
  text-align: center;
}
body.tablet footer .footer .social > .item,
body.mobile footer .footer .social > .item {
  margin: 10px 3px 0 3px;
}
body.tablet footer .nav {
  padding-left: 30px;
  padding-right: 30px;
}
body.mobile footer .nav {
  padding-bottom: 28px;
}
body.mobile footer .footer .copyright {
  padding: 4px 0;
}
body.mobile footer .footer .social {
  margin: 0 -3px;
}
body.mobile footer .footer .social > .item {
  height: 34px;
}
nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 50px;
  min-width: 480px;
  height: 113px;
  z-index: 2;
  -webkit-backface-visibility: hidden;
}
nav > .container {
  background-color: rgba(23,60,143,0.9);
}
nav > .container > .table {
  height: 113px;
  table-layout: auto;
}
nav > .container > .table > .td {
  vertical-align: middle;
  text-align: right;
}
nav > .container > .table > .td.logo {
  text-align: left;
}
nav .nav {
  padding: 20px 0;
  text-align: right;
}
nav .nav > .item {
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100px;
  height: 30px;
  padding: 0 10px;
  margin: 2px 0 2px 25px;
  box-sizing: border-box;
  line-height: 30px;
  text-align: center;
  font-size: 0.9375rem;
  background: url(img/nav-item.png) no-repeat center;
  color: #FFF;
}
nav .nav > .item:hover,
nav .nav > .item.current {
  background-image: url(img/nav-item-on.png);
}
body.tablet nav .logo,
body.mobile nav .logo {
  width: 252px;
}
body.tablet nav .logo img,
body.tablet nav .logo iframe,
body.mobile nav .logo img,
body.mobile nav .logo iframe {
  width: 100%;
  height: auto;
}
menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: rgba(22,63,158,0.9);
}
menu > .container {
  text-align: right;
}
menu .nav {
  max-width: 748px;
}
menu .nav > .item {
  margin-left: 29px;
}
menu .nav > .item:first-child {
  margin-left: 0;
}
body.mobile menu > .container {
  overflow: hidden;
}
body.mobile menu .nav {
  padding-top: 10px;
  margin: 0 -40px;
  text-align: left;
}
body.mobile menu .nav > .item {
  margin: 10px 40px;
}
body.desktop .t,
body.desktop .m {
  display: none;
}
body.desktop .d {
  display: block;
}
body.desktop .d.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.desktop .d.table {
  display: table;
}
body.desktop .pd20 {
  padding-right: 20px;
}
body.desktop .parent > .d.item {
  display: inline-block;
  vertical-align: top;
}
body.desktop .table .d.td {
  display: table-cell;
}
body.tablet .container,
body.mobile .container {
  padding-left: 10px;
  padding-right: 10px;
}
body.tablet .d,
body.tablet .m {
  display: none;
}
body.tablet .t {
  display: block;
}
body.tablet .t.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.tablet .t.table {
  display: table;
}
body.tablet .parent > .t.item {
  display: inline-block;
  vertical-align: top;
}
body.tablet .table .t.td {
  display: table-cell;
}
body.mobile .d,
body.mobile .t {
  display: none;
}
body.mobile .m {
  display: block;
}
body.mobile .m.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.mobile .m.table {
  display: table;
}
body.mobile .parent > .m.item {
  display: inline-block;
  vertical-align: top;
}
body.mobile .table .m.td {
  display: table-cell;
}
body.tablet .school-detail .article-nav {
  display: block;
}
body.tablet .school-detail .article-nav2 {
  display: none;
}
body.tablet .school-detail .content .relate_event .event_block_row {
  display: block;
}
body.tablet .school-detail .content .relate_event .event_block_row_left {
  display: block;
  width: auto;
}
body.tablet .school-detail .content .relate_event .event_block_row_right {
  display: block;
  margin-top: 10px;
}
body.mobile .school-detail .article-nav {
  display: block;
}
body.mobile .school-detail .article-nav2 {
  display: none;
}
body.mobile .school-detail .content .relate_event .event_block_title {
  font-size: 20px;
  padding-right: 0px;
}
body.mobile .school-detail .content .relate_event .event_block_title > a {
  font-size: 20px;
}
body.mobile .school-detail .content .relate_event .event_block_title .article-nav {
  position: relative;
  text-align: right;
  border-left: 0px;
  top: 0px;
}
body.mobile .school-detail .content .relate_event .event_block_left {
  display: none !important;
}
body.mobile .school-detail .content .relate_event .event_block_row {
  display: block;
}
body.mobile .school-detail .content .relate_event .event_block_row_left {
  display: block;
  width: auto;
}
body.mobile .school-detail .content .relate_event .event_block_row_right {
  display: block;
  margin-top: 10px;
}
body.mobile .school-detail .table {
  display: block;
}
body.mobile .school-detail .table .logo {
  display: block;
  width: 460px;
  margin-bottom: 20px;
}
body.mobile .school-detail .table .info {
  display: block;
}
#inner_relate_school {
  padding-bottom: 30px;
}
#inner_relate_school .title {
  font-size: 22px;
  font-weight: bold;
  color: #0c3382;
  border-bottom: 3px #306bbe solid;
  padding-bottom: 10px;
}
#inner_relate_school .block_item {
  margin-top: 30px;
  border-top: 1px #000 solid;
  padding-top: 30px;
}
#inner_relate_school .block_item > table {
  width: 100%;
}
#inner_relate_school .block_item_first {
  margin-top: 0px;
  border-top: 0px;
}
#inner_relate_school .block_item_left {
  width: 220px;
  vertical-align: top;
}
#inner_relate_school .block_item_left .block_item_photo {
  width: 180px;
  border: 1px #d7d7d7 solid;
  padding: 10px;
}
#inner_relate_school .block_item_left .block_item_photo > a > img {
  max-width: 100%;
}
#inner_relate_school .block_item_left .article-nav2 {
  margin-top: 20px;
}
#inner_relate_school .block_item_right {
  vertical-align: top;
}
#inner_relate_school .block_item_right .block_item_title {
  font-size: 16px;
  font-weight: bold;
  color: #0c3382;
  border-bottom: 1px #306bbe solid;
  padding-bottom: 10px;
}
#inner_relate_school .block_item_right .block_item_content {
  font-size: 14px;
  color: #444444;
  margin-top: 10px;
  line-height: 1.5;
}
#inner_relate_school .block_item_right .relate_event {
  padding-top: 30px;
}
#inner_relate_school .block_item_right .relate_event .label_title {
  font-size: 16px;
  font-weight: bold;
  color: #0c3382;
  display: inline-block;
}
#inner_relate_school .block_item_right .relate_event .event_block {
  margin-top: 11px;
  padding-top: 20px;
  border-top: 1px solid #306bbe;
}
#inner_relate_school .block_item_right .relate_event .event_block > table {
  width: 100%;
}
#inner_relate_school .block_item_right .relate_event .event_block_left {
  width: 140px;
}
#inner_relate_school .block_item_right .relate_event .event_block_date {
  display: block;
  width: 100px;
  height: 100px;
  background: #6addc1;
  text-align: center;
}
#inner_relate_school .block_item_right .relate_event .event_block_date_day {
  font-size: 58px;
  color: #fff;
}
#inner_relate_school .block_item_right .relate_event .event_block_date_month {
  font-size: 25px;
  color: #fff;
  margin-top: -10px;
}
#inner_relate_school .block_item_right .relate_event .event_block_title {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: #2b4683;
  padding-right: 150px;
}
#inner_relate_school .block_item_right .relate_event .event_block_title > a {
  font-size: 24px;
  font-weight: bold;
  color: #2b4683;
}
#inner_relate_school .block_item_right .relate_event .event_block_title .article-nav {
  position: absolute;
  top: 7px;
  right: 0px;
  border-left: 1px dotted #000;
  padding-left: 10px;
  height: 19px;
}
#inner_relate_school .block_item_right .relate_event .event_block_title .article-nav > .item {
  margin-top: -6px;
}
#inner_relate_school .block_item_right .relate_event .event_block_label {
  width: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
}
#inner_relate_school .block_item_right .relate_event .event_block_value {
  font-size: 16px;
  color: #444444;
  padding-right: 20px;
}
#inner_relate_school .block_item_right .relate_event .event_block_row {
  display: table;
  margin-top: 15px;
}
#inner_relate_school .block_item_right .relate_event .event_block_row_left {
  display: table-cell;
  width: 225px;
  vertical-align: top;
}
#inner_relate_school .block_item_right .relate_event .event_block_row_right {
  display: table-cell;
  vertical-align: top;
}
body.tablet #inner_relate_school .block_item_right .relate_event .event_block_row {
  display: block;
}
body.tablet #inner_relate_school .block_item_right .relate_event .event_block_row_left {
  display: block;
  width: auto;
}
body.tablet #inner_relate_school .block_item_right .relate_event .event_block_row_right {
  display: block;
  margin-top: 10px;
}
body.mobile #inner_relate_school .block_item_right .relate_event .event_block_title {
  font-size: 20px;
  padding-right: 0px;
}
body.mobile #inner_relate_school .block_item_right .relate_event .event_block_title > a {
  font-size: 20px;
}
body.mobile #inner_relate_school .block_item_right .relate_event .event_block_title .article-nav {
  position: relative;
  text-align: right;
  border-left: 0px;
  top: 0px;
  height: auto;
}
body.mobile #inner_relate_school .block_item_right .relate_event .event_block_title .article-nav > .item {
  margin-top: 10px;
}
body.mobile #inner_relate_school .block_item_right .relate_event .event_block_left {
  display: none !important;
}
body.mobile #inner_relate_school .block_item_right .relate_event .event_block_row {
  display: block;
}
body.mobile #inner_relate_school .block_item_right .relate_event .event_block_row_left {
  display: block;
  width: auto;
}
body.mobile #inner_relate_school .block_item_right .relate_event .event_block_row_right {
  display: block;
  margin-top: 10px;
}
.banner {
  max-width: 1200px;
  margin: 0 auto;
}
.banner .wrapper {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
.banner .wrapper > .item {
  display: inline-block;
  vertical-align: top;
}
.banner .wrapper > div {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.banner .wrapper > div .slide {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.banner .slider-pager a {
  display: inline-block;
  vertical-align: top;
  width: 11px;
  height: 11px;
  margin: 5px;
  background: url(img/pager-2.png) no-repeat;
}
.banner .slider-pager a:hover,
.banner .slider-pager a.current {
  background-image: url(img/pager-1.png);
}
#banner {
  position: relative;
}
#banner .slider-pager {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
}
#mobile-banner .slider-pager {
  padding: 16px 5px 17px;
  text-align: center;
  background-color: #30529E;
}
body.desktop #banner {
  margin-top: -113px;
}
body.desktop #banner .slider-pager {
  top: 123px;
}
#infoblock {
  margin-top: 40px;
  padding-bottom: 60px;
}
#infoblock > .left {
  float: left;
  width: 49.15%;
}
#infoblock > .left > .top {
  position: relative;
}
#infoblock > .left > .top > .title {
  position: absolute;
  background: rgba(81,126,133,0.9);
  font-size: 20px;
  color: #fff;
  top: 0px;
  left: 0px;
  right: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 30px;
  text-align: center;
}
#infoblock > .left .list {
  position: relative;
}
#infoblock > .left .list > .item {
  position: relative;
  margin-top: 10px;
}
#infoblock > .left .list > .item > table {
  width: 100%;
}
#infoblock > .left .list > .item .col_1 {
  width: 40%;
}
#infoblock > .left .list > .item .col_1 > .photo {
  position: relative;
}
#infoblock > .left .list > .item .col_1 > .photo > .label {
  position: absolute;
  font-size: 14px;
  color: #fff;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
#infoblock > .left .list > .item .col_1 > .photo > .label_1 {
  background: #12447d;
}
#infoblock > .left .list > .item .col_1 > .photo > .label_2 {
  background: #155eb0;
}
#infoblock > .left .list > .item .col_2 {
  width: auto;
  vertical-align: top;
}
#infoblock > .left .list > .item .col_2 > .detail {
  padding: 0px 20px;
}
#infoblock > .left .list > .item .col_2 > .detail > .name {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
#infoblock > .left .list > .item .col_2 > .detail > .description {
  font-size: 14px;
  color: #5e5b5b;
  margin-top: 15px;
  line-height: 1.5;
}
#infoblock > .left .list > .item .col_2 > .detail > .description > .link {
  font-size: 14px;
  color: #5e5b5b;
  text-decoration: underline;
}
#infoblock > .right {
  float: right;
  width: 49.15%;
}
#infoblock > .right > .top {
  position: relative;
}
#infoblock > .right > .top > .title {
  position: absolute;
  background: rgba(112,173,223,0.9);
  font-size: 20px;
  color: #fff;
  top: 0px;
  left: 0px;
  right: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 30px;
  text-align: center;
}
#infoblock > .right .list {
  position: relative;
}
#infoblock > .right .list > .item {
  position: relative;
  margin-top: 10px;
}
#infoblock > .right .list > .item > table {
  width: 100%;
}
#infoblock > .right .list > .item .col_1 {
  width: 40%;
}
#infoblock > .right .list > .item .col_1 > .photo {
  position: relative;
}
#infoblock > .right .list > .item .col_1 > .photo > .label {
  position: absolute;
  font-size: 14px;
  color: #fff;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
#infoblock > .right .list > .item .col_1 > .photo > .label_1 {
  background: #519aed;
}
#infoblock > .right .list > .item .col_1 > .photo > .label_2 {
  background: #2a76cc;
}
#infoblock > .right .list > .item .col_2 {
  width: auto;
  vertical-align: top;
}
#infoblock > .right .list > .item .col_2 > .detail {
  padding: 0px 20px;
}
#infoblock > .right .list > .item .col_2 > .detail > .name {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
#infoblock > .right .list > .item .col_2 > .detail > .description {
  font-size: 14px;
  color: #5e5b5b;
  margin-top: 15px;
  line-height: 1.5;
}
#infoblock > .right .list > .item .col_2 > .detail > .description > .link {
  font-size: 14px;
  color: #5e5b5b;
  text-decoration: underline;
}
#infoblock img {
  max-width: 100%;
  height: auto;
}
#shortcut {
  margin-top: 25px;
  overflow: hidden;
}
#shortcut > .item {
  margin-top: 15px;
  text-align: center;
  background: #476fb5;
  border-radius: 5px;
}
#shortcut > .item > .wrapper {
  height: 100%;
}
#shortcut > .item > .wrapper > .item {
  vertical-align: middle;
}
#shortcut > .item > .wrapper .fix {
  width: 0px;
  height: 100%;
}
#shortcut > .item .icon {
  height: 56px;
  margin-bottom: -6px;
}
#shortcut > .item .text {
  line-height: 38px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #FFF;
}
#shortcut > .item#event .icon {
  background: url(img/icon-1.png) no-repeat center;
}
#shortcut > .item#column .icon {
  background: url(img/icon-2.png) no-repeat center;
}
#shortcut > .item#ranking .icon {
  background: url(img/icon-3.png) no-repeat center;
}
#shortcut > .item#guide .icon {
  background: url(img/icon-4.png) no-repeat center;
}
body.desktop #shortcut > .item {
  width: 290px;
  height: 96px;
  margin-left: 13px;
}
body.desktop #shortcut > .item:first-child {
  margin-left: 0;
}
body.tablet #infoblock > .left > .top,
body.mobile #infoblock > .left > .top {
  padding-top: 50px;
}
body.tablet #infoblock > .left > .top > .title,
body.mobile #infoblock > .left > .top > .title {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.tablet #infoblock > .right > .top,
body.mobile #infoblock > .right > .top {
  padding-top: 50px;
}
body.tablet #infoblock > .right > .top > .title,
body.mobile #infoblock > .right > .top > .title {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.tablet #shortcut > .item,
body.mobile #shortcut > .item {
  position: relative;
}
body.tablet #shortcut > .item > .wrapper,
body.mobile #shortcut > .item > .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.tablet #shortcut > .item {
  width: 23.8%;
  margin-left: 1.6%;
}
body.tablet #shortcut > .item:before {
  float: left;
  content: "";
  padding-top: 53.93%;
}
body.tablet #shortcut > .item:after {
  clear: both;
  content: "";
  display: table;
}
body.tablet #shortcut > .item:first-child {
  margin-left: 0;
}
body.mobile #infoblock > .left {
  width: 100%;
}
body.mobile #infoblock > .right {
  width: 100%;
  margin-top: 40px;
}
body.mobile #infoblock > .left > .top > img {
  width: 100%;
}
body.mobile #infoblock > .right > .top > img {
  width: 100%;
}
body.mobile #shortcut > .item {
  width: 48.48%;
  margin-left: 3.04%;
}
body.mobile #shortcut > .item:before {
  float: left;
  content: "";
  padding-top: 43.05%;
}
body.mobile #shortcut > .item:after {
  clear: both;
  content: "";
  display: table;
}
body.mobile #shortcut > .item:nth-child(2n+1) {
  margin-left: 0;
}
.section-title {
  line-height: 76px;
  letter-spacing: 2px;
  text-align: center;
  font-size: 2.375rem;
  font-weight: 300;
  color: #767676;
}
body.mobile .section-title {
  font-size: 1.875rem;
}
#navigation_renew {
  position: relative;
  padding-top: 40px;
  padding-bottom: 60px;
}
#navigation_renew .left {
  position: relative;
  float: left;
  width: 590px;
}
#navigation_renew .left .section-title {
  display: inline-block;
  font-size: 36px;
  width: 46px;
  height: 338px;
  vertical-align: top;
  line-height: 1;
}
#navigation_renew .left .section-content {
  display: inline-block;
  width: 544px;
  height: 338px;
  vertical-align: top;
}
#navigation_renew .left .section-content .item {
  display: inline-block;
  width: 50px;
  height: 338px;
  overflow: hidden;
  vertical-align: top;
}
#navigation_renew .left .section-content .item .item-title {
  display: inline-block;
  height: 100%;
}
#navigation_renew .left .section-content .item .item-title .btn {
  display: block;
  height: 100%;
  font-size: 18px;
  color: #fff;
  width: 24px;
  padding: 26px 13px;
  text-align: center;
  cursor: pointer;
}
#navigation_renew .left .section-content .item .item-title-1 {
  background: #165f89;
}
#navigation_renew .left .section-content .item .item-title-2 {
  background: #3059b7;
}
#navigation_renew .left .section-content .item .item-title-3 {
  background: #679eca;
}
#navigation_renew .left .section-content .item .item-title-4 {
  background: #2383bc;
}
#navigation_renew .left .section-content .item .item-title-5 {
  background: #095d8f;
}
#navigation_renew .left .section-content .item .item-content {
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: top;
  overflow: hidden;
}
#navigation_renew .left .section-content .item .item-content .inner {
  padding: 20px;
  width: 254px;
}
#navigation_renew .left .section-content .item .item-content .header {
  line-height: 45px;
  font-size: 0.875rem;
  color: #5e5b5b;
  margin-left: 20px;
}
#navigation_renew .left .section-content .item .item-content .sub-item {
  display: block;
  padding: 5px 0 5px 22px;
  line-height: 20px;
  text-decoration: underline;
  font-size: 0.875rem;
  background: url(img/quali-bullet.png) no-repeat left center;
  color: #5e5b5b;
  text-decoration: none;
}
#navigation_renew .left .section-content .item .item-content-1 {
  background-image: url(img/nav-1.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#navigation_renew .left .section-content .item .item-content-2 {
  background-image: url(img/nav-2.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#navigation_renew .left .section-content .item .item-content-3 {
  background-image: url(img/nav-3.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#navigation_renew .left .section-content .item .item-content-4 {
  background-image: url(img/nav-4.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#navigation_renew .left .section-content .item .item-content-5 {
  background-image: url(img/nav-5.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#navigation_renew .left .section-content .item .item-content-active {
  width: 294px;
}
#navigation_renew .left .section-content .item-active {
  width: 344px;
}
#navigation_renew .right {
  position: relative;
  float: right;
  width: 590px;
}
#navigation_renew .right .section-title {
  display: inline-block;
  font-size: 36px;
  width: 46px;
  height: 338px;
  vertical-align: top;
  line-height: 1;
}
#navigation_renew .right .section-title span {
  position: absolute;
  top: 280px;
  left: 12px;
  width: 14px;
  font-size: 14px;
  color: #767676;
}
#navigation_renew .right .section-content {
  display: inline-block;
  width: 544px;
  height: 338px;
  vertical-align: top;
}
#navigation_renew .right .section-content .video {
  position: relative;
  width: 100%;
  background: url(img/big-tv.png) no-repeat center;
  background-size: 100%;
}
#navigation_renew .right .section-content .video:before {
  float: left;
  content: "";
  padding-top: 62.18%;
}
#navigation_renew .right .section-content .video:after {
  clear: both;
  content: "";
  display: table;
}
#navigation_renew .right .section-content .video .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.43% 1.98% 4.74% 1.87%;
}
#navigation_renew .right .section-content .video iframe {
  width: 100%;
  height: 100%;
}
#navigation {
  position: relative;
  display: none;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #F6F5F5;
}
#navigation .section-title strong {
  color: #505050;
}
#navigation .wrapper {
  margin-top: 6px;
}
#navigation .wrapper > .item {
  width: 386px;
  height: 347px;
  margin-top: 22px;
  background: no-repeat center;
  background-size: cover;
}
#navigation .wrapper > .item .title {
  position: relative;
  display: block;
  line-height: 71px;
  text-align: center;
  font-size: 1.375rem;
  color: #FFF;
}
#navigation .wrapper > .item .title .arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 78px;
  cursor: pointer;
  background: url(img/navigation-arrow-open.png) no-repeat center;
}
#navigation .wrapper > .item .title.active .arrow {
  background-image: url(img/navigation-arrow-close.png);
}
#navigation .wrapper > .item .sub-category {
  display: none;
  height: 276px;
  background: rgba(255,255,255,0.8) no-repeat right bottom;
}
#navigation .wrapper > .item .sub-category .header {
  line-height: 45px;
  text-align: center;
  font-size: 0.875rem;
  background-color: rgba(12,52,79,0.9);
  color: #FFF;
}
#navigation .wrapper > .item .sub-category .list {
  height: 205px;
  padding: 7px 30px 0;
  overflow: hidden;
}
#navigation .wrapper > .item .sub-category .list > .item {
  display: block;
  padding: 5px 0 5px 22px;
  line-height: 31px;
  text-decoration: underline;
  font-size: 0.875rem;
  background: url(img/quali-bullet.png) no-repeat left center;
  color: #062E73;
}
#navigation .wrapper > .item:nth-child(1),
#navigation .wrapper > .item:nth-child(2) {
  width: 589px;
  height: 379px;
}
#navigation .wrapper > .item:nth-child(1) .sub-category,
#navigation .wrapper > .item:nth-child(2) .sub-category {
  height: 308px;
}
#navigation .wrapper > .item:nth-child(1) .sub-category .list,
#navigation .wrapper > .item:nth-child(2) .sub-category .list {
  height: 246px;
  padding-top: 10px;
}
#navigation .wrapper > .item:nth-child(2) {
  margin-left: 22px;
}
#navigation .wrapper > .item:nth-child(4),
#navigation .wrapper > .item:nth-child(5) {
  margin-left: 21px;
}
#navigation .wrapper > .item:nth-child(1) .title {
  background-color: rgba(15,80,116,0.8);
}
#navigation .wrapper > .item:nth-child(1) .sub-category {
  background-image: url(img/category-overlay/1.png);
}
#navigation .wrapper > .item:nth-child(2) .title {
  background-color: rgba(39,79,172,0.8);
}
#navigation .wrapper > .item:nth-child(2) .sub-category {
  background-image: url(img/category-overlay/2.png);
}
#navigation .wrapper > .item:nth-child(3) .title {
  background-color: rgba(104,154,194,0.8);
}
#navigation .wrapper > .item:nth-child(3) .sub-category {
  background-image: url(img/category-overlay/3.png);
}
#navigation .wrapper > .item:nth-child(4) .title {
  background-color: rgba(22,118,182,0.8);
}
#navigation .wrapper > .item:nth-child(4) .sub-category {
  background-image: url(img/category-overlay/4.png);
}
#navigation .wrapper > .item:nth-child(5) .title {
  background-color: rgba(51,118,158,0.8);
}
#navigation .wrapper > .item:nth-child(5) .sub-category {
  background-image: url(img/category-overlay/5.png);
}
#navigation .video {
  position: relative;
  width: 100%;
  background: url(img/big-tv.png) no-repeat center;
  background-size: 100%;
}
#navigation .video:before {
  float: left;
  content: "";
  padding-top: 62.18%;
}
#navigation .video:after {
  clear: both;
  content: "";
  display: table;
}
#navigation .video .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.43% 1.98% 4.74% 1.87%;
}
#navigation .video img {
  width: 100%;
}
#navigation .video iframe {
  width: 100%;
  height: 100%;
}
body.desktop #navigation .wrapper > .item:hover .sub-category {
  display: block;
}
body.tablet #navigation_renew,
body.mobile #navigation_renew {
  display: none;
}
body.tablet #navigation,
body.mobile #navigation {
  display: block;
}
body.tablet #navigation .wrapper > .item,
body.mobile #navigation .wrapper > .item {
  height: auto;
  margin-top: 10px;
  overflow: hidden;
  background: none !important;
}
body.tablet #navigation .wrapper > .item:nth-child(1) .title,
body.mobile #navigation .wrapper > .item:nth-child(1) .title {
  background-color: #0f5074;
}
body.tablet #navigation .wrapper > .item:nth-child(2) .title,
body.mobile #navigation .wrapper > .item:nth-child(2) .title {
  background-color: #274fac;
}
body.tablet #navigation .wrapper > .item:nth-child(3) .title,
body.mobile #navigation .wrapper > .item:nth-child(3) .title {
  background-color: #689ac2;
}
body.tablet #navigation .wrapper > .item:nth-child(4) .title,
body.mobile #navigation .wrapper > .item:nth-child(4) .title {
  background-color: #1676b6;
}
body.tablet #navigation .wrapper > .item:nth-child(5) .title,
body.mobile #navigation .wrapper > .item:nth-child(5) .title {
  background-color: #33769e;
}
body.tablet #navigation {
  padding-top: 21px;
  padding-bottom: 45px;
}
body.tablet #navigation .wrapper {
  margin-top: -2px;
}
body.tablet #navigation .wrapper > .item {
  width: 49%;
  margin-left: 2%;
}
body.tablet #navigation .wrapper > .item:nth-child(1),
body.tablet #navigation .wrapper > .item:nth-child(3),
body.tablet #navigation .wrapper > .item:nth-child(5) {
  margin-left: 0;
}
body.tablet #navigation .wrapper > .item:nth-child(1):last-child,
body.tablet #navigation .wrapper > .item:nth-child(3):last-child,
body.tablet #navigation .wrapper > .item:nth-child(5):last-child {
  width: 100%;
}
body.mobile #navigation {
  padding-top: 16px;
  padding-bottom: 41px;
}
body.mobile #navigation .wrapper {
  margin-top: -3px;
}
body.mobile #navigation .wrapper > .item {
  width: 100%;
  margin-left: 0;
}
#flow {
  padding-top: 50px;
  padding-bottom: 60px;
}
#flow .table {
  margin-top: 40px;
}
#flow .table .td {
  vertical-align: middle;
}
#flow .table .video {
  width: 50%;
}
#flow .table .video .video-container {
  position: relative;
  width: 100%;
  max-width: 907px;
  margin: 0 auto;
  background: url(img/big-tv.png) no-repeat center;
  background-size: 100%;
}
#flow .table .video .video-container:before {
  float: left;
  content: "";
  padding-top: 62.18%;
}
#flow .table .video .video-container:after {
  clear: both;
  content: "";
  display: table;
}
#flow .table .video .video-container .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.43% 1.98% 4.74% 1.87%;
}
#flow .table .video .video-container .wrapper iframe {
  width: 100%;
  height: 100%;
}
#flow .table .video + .text {
  padding-left: 64px;
}
#flow .table .text .title {
  line-height: 2;
  font-size: 1.375rem;
  font-weight: 700;
  color: #055C59;
}
#flow .table .text .editor {
  padding: 21px 30px 25px;
  margin-top: 11px;
  background-color: #3DA39F;
  line-height: 2;
  font-size: 0.875rem;
  color: #FFF;
}
#flow .table .text .editor * {
  line-height: 2;
  font-size: 0.875rem;
  color: #FFF;
}
#flow .table .text .more {
  width: 117px;
  height: 44px;
  margin-top: 27px;
  border: 1px solid #327977;
  box-sizing: border-box;
  line-height: 44px;
  text-align: center;
  font-size: 1rem;
  background-color: #E5E4DE;
  color: #135C59;
}
body.tablet #flow {
  padding-left: 70px;
  padding-right: 70px;
}
body.tablet #flow,
body.mobile #flow {
  padding-top: 38px;
  padding-bottom: 60px;
}
body.tablet #flow .table,
body.mobile #flow .table {
  margin-top: 10px;
}
body.tablet #flow .table .td,
body.mobile #flow .table .td {
  display: block;
  width: 100%;
}
body.tablet #flow .table .text,
body.mobile #flow .table .text {
  padding-top: 20px;
  padding-left: 0;
}
#school {
  padding-top: 37px;
  padding-bottom: 58px;
  background-color: #F6F5F5;
}
#school .wrapper {
  position: relative;
  margin-top: 30px;
}
#school .wrapper .list {
  padding: 33px 0;
  background-color: #FFF;
  white-space: nowrap;
  overflow: hidden;
}
#school .wrapper .list > div {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
#school .wrapper .list .slide {
  width: 160px;
  margin: 7px 31.5px;
}
#school .wrapper .more {
  font-size: 0.9375rem;
  background-color: #CFCFCF;
}
body.desktop #school .wrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
body.desktop #school .wrapper .td {
  display: table-cell;
  vertical-align: top;
}
body.desktop #school .wrapper .list,
body.desktop #school .wrapper .more {
  display: table-cell;
  vertical-align: middle;
}
body.desktop #school .wrapper .more {
  width: 85px;
  text-align: center;
  box-shadow: inset 9px 0 12px -9px rgba(24,24,24,0.75);
}
body.tablet #school .container,
body.mobile #school .container {
  padding-left: 0;
  padding-right: 0;
}
body.tablet #school .wrapper .more,
body.mobile #school .wrapper .more {
  display: block;
}
body.tablet #school {
  padding-top: 40px;
  padding-bottom: 1px;
}
body.tablet #school .wrapper {
  margin-top: 7px;
}
body.tablet #school .wrapper .list .slide {
  width: 21%;
  margin: 7px 2%;
}
body.tablet #school .wrapper .more {
  padding-right: 20px;
  line-height: 40px;
  text-align: right;
  font-size: 0.8125rem;
  box-shadow: inset 0 9px 12px -9px rgba(24,24,24,0.75);
}
body.mobile #school {
  padding-top: 17px;
  padding-bottom: 0;
}
body.mobile #school .wrapper {
  margin-top: 16px;
}
body.mobile #school .wrapper .list {
  padding-bottom: 17px;
}
body.mobile #school .wrapper .list .slide {
  width: 44.8%;
  padding: 20px;
  margin: 7px 2.6%;
  box-sizing: border-box;
  box-shadow: 0 0 7px 0 rgba(24,24,24,0.75);
}
body.mobile #school .wrapper .more {
  padding-left: 20px;
  line-height: 50px;
  background: #FFF url(img/school-more.png) no-repeat left top;
}
#contact {
  padding-top: 38px;
  padding-bottom: 78px;
}
#contact .wrapper {
  margin-top: 28px;
}
#contact .wrapper > .td {
  vertical-align: middle;
}
#contact .wrapper .text {
  padding: 30px 15px 15px 30px;
  box-sizing: border-box;
  background-color: #E1E1E1;
}
#contact .wrapper .text .title {
  font-size: 1.5rem;
  line-height: 48px;
}
#contact .wrapper .text .content {
  margin-top: 20px;
}
#contact .wrapper .text .content .editor {
  line-height: 30px;
  font-size: 0.875rem;
}
#contact .wrapper .text .content .editor * {
  line-height: 30px;
  font-size: 0.875rem;
}
#contact .wrapper .text .more {
  display: block;
  width: 117px;
  height: 44px;
  margin-top: 22px;
  border: 1px solid #6E6E6E;
  box-sizing: border-box;
  line-height: 42px;
  text-align: center;
  background-color: #FAFAFA;
}
body.desktop #contact .wrapper .text {
  width: 397px;
}
body.desktop #contact .wrapper .text .content {
  margin-top: 30px;
}
body.desktop #map {
  height: 460px;
}
body.desktop #map > .map {
  height: 100%;
}
body.tablet #contact,
body.mobile #contact {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
body.tablet #contact .wrapper > .td,
body.mobile #contact .wrapper > .td {
  display: block;
  width: 100%;
}
body.tablet #contact .wrapper {
  margin-top: 12px;
}
body.tablet #contact .wrapper .text {
  padding: 30px 30px 50px;
}
body.tablet #contact .wrapper .more {
  margin-left: 22px;
}
body.mobile #contact .wrapper {
  margin-top: 18px;
}
body.mobile #contact .wrapper .text {
  padding: 30px 10px;
}
body.mobile #contact .wrapper .text .content .editor {
  font-size: 1rem;
}
body.mobile #contact .wrapper .text .content .editor * {
  font-size: 1rem;
}
#share {
  padding-top: 38px;
  padding-bottom: 60px;
  background-color: #F6F5F5;
}
#share .wrapper {
  position: relative;
  margin-top: 36px;
}
#share .wrapper .list {
  white-space: nowrap;
  overflow: hidden;
}
#share .wrapper .list > div {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
#share .wrapper .prev,
#share .wrapper .next {
  position: absolute;
  top: 0;
  height: 350px;
}
#share .wrapper .prev.disable,
#share .wrapper .next.disable {
  display: none;
}
#share .wrapper .prev {
  left: 0;
  background: url(img/testimonial-big-arrow-left.png) no-repeat center;
}
#share .wrapper .next {
  right: 0;
  background: url(img/testimonial-big-arrow-right.png) no-repeat center;
}
#share .wrapper .more {
  display: block;
  width: 120px;
  height: 40px;
  padding-top: 4px;
  padding-left: 20px;
  box-sizing: border-box;
  line-height: 36px;
  font-size: 0.8125rem;
  background: url(img/share-more.png) no-repeat left top;
  color: #FFF;
}
body.desktop #share .wrapper {
  padding-left: 55px;
  padding-right: 55px;
}
body.desktop #share .wrapper .prev,
body.desktop #share .wrapper .next {
  width: 55px;
}
body.desktop #share .wrapper .more {
  margin-top: 5px;
}
body.tablet #share .wrapper .prev,
body.mobile #share .wrapper .prev {
  background-position: left center;
}
body.tablet #share .wrapper .next,
body.mobile #share .wrapper .next {
  background-position: right center;
}
body.tablet #share {
  padding-top: 30px;
  padding-bottom: 22px;
}
body.tablet #share .container {
  padding-left: 20px;
  padding-right: 20px;
}
body.tablet #share .wrapper {
  padding-left: 90px;
  padding-right: 90px;
  margin-top: 20px;
}
body.tablet #share .wrapper .prev,
body.tablet #share .wrapper .next {
  width: 90px;
}
body.tablet #share .wrapper .more {
  margin-top: 7px;
}
body.mobile #share {
  padding-top: 20px;
  padding-bottom: 40px;
}
body.mobile #share .container {
  padding-left: 0;
  padding-right: 0;
}
body.mobile #share .wrapper {
  margin-top: 5px;
}
body.mobile #share .wrapper .list {
  margin-left: 10px;
  margin-right: 10px;
}
body.mobile #share .wrapper .prev,
body.mobile #share .wrapper .next {
  width: 33px;
  height: 50px;
  top: auto;
  bottom: 0;
  background-size: 16px;
}
body.mobile #share .wrapper .prev {
  left: auto;
  right: 43px;
}
body.mobile #share .wrapper .next {
  right: 10px;
}
body.mobile #share .wrapper .more {
  width: 220px;
  height: 50px;
  margin-top: 27px;
  line-height: 46px;
  font-size: 0.9375rem;
  background-image: url(img/share-more-mobile.png);
}