@charset "UTF-8";
/* IE10+ CSS styles go here */
/* IE Edge 12+ CSS styles go here */
/*Quick Class ================*/
.marTop20 {
  margin-top: 20px !important; }

.noPadTop {
  padding-top: 0 !important; }

.height100 {
  height: 100%; }

.posR {
  position: relative; }

.ablock {
  display: inline-block; }

/*Quick Class ================END  */
/* default css ================  */
body, html {
  font-size: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: sans-serif;
  color: #5d5a59; }

a {
  text-decoration: none; }

/*fix the px when adding margin&padding*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  width: 100%; }

label {
  margin: 0; }

.nopad {
  padding: 0; }

.nomar {
  margin: 0; }

button {
  padding: 0;
  border: 0;
  background: transparent; }

ul, ol, li {
  list-style: none;
  padding: 0;
  margin: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* default css End ================  */
/******************top menu css start**************/
.navbar > .container {
  padding: 0; }
  .navbar > .container .navbar-header {
    margin: 0; }
  .navbar > .container .navbar-collapse {
    margin: 0; }

.MainNav {
  background: #c32426;
  color: white;
  border: none;
  border-bottom: 4px solid #9d9d9e;
  margin-bottom: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }
  .MainNav ul.main-navigation {
    list-style: none;
    padding: 0;
    display: table;
    text-align: center;
    width: 100%;
    margin: auto; }
    .MainNav ul.main-navigation > li {
      display: table-cell;
      position: relative;
      float: none;
      padding: 7px 0;
      background: transparent; }
      @media only screen and (min-width: 768px) and (max-width: 1200px) {
        .MainNav ul.main-navigation > li {
          padding: 7px 0; } }
      @media only screen and (max-width: 767px) {
        .MainNav ul.main-navigation > li {
          padding: 0; } }
      .MainNav ul.main-navigation > li > a {
        padding: 10px 15px; }
        @media only screen and (min-width: 768px) and (max-width: 1200px) {
          .MainNav ul.main-navigation > li > a {
            padding: 5px 0; } }
    .MainNav ul.main-navigation li > a {
      display: block;
      text-decoration: none;
      white-space: nowrap;
      color: white;
      background: transparent; }
      .MainNav ul.main-navigation li > a:hover, .MainNav ul.main-navigation li > a:focus {
        color: lightgray;
        background: transparent; }
    .MainNav ul.main-navigation ul ul {
      left: 100%;
      top: 0; }

/*  dropdown level Display*/
.main-navigation li ul {
  display: none;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-top: 5px;
  width: auto;
  min-width: 130px;
  left: 0; }
  .main-navigation li ul li {
    border-top: 0;
    display: table;
    width: 100%;
    position: relative; }

/*when hover the button */
.main-navigation li:hover li a:hover {
  background: rgba(255, 255, 255, 0.3); }

/* This hides the dropdowns */
ul.main-nav-level {
  display: none;
  background: #5E5D5C;
  position: absolute;
  visibility: hidden;
  opacity: 0; }
  ul.main-nav-level li {
    text-align: left;
    background: #5E5D5C; }
    ul.main-nav-level li a {
      display: table-cell;
      vertical-align: middle;
      padding: 7px 15px; }
    ul.main-nav-level li > ul {
      margin-top: 0;
      margin-left: 10px; }

.main-navigation li:hover > ul {
  display: block;
  visibility: visible;
  opacity: 1;
  margin-top: 0; }
.main-navigation li:hover li {
  float: none; }

/*second level hover effect*/
.main-nav-level li:hover > ul {
  margin-left: 0; }

/*toggle btn color*/
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff; }

/*toggle btn border color*/
.navbar-default .navbar-toggle {
  border-color: #fff; }

/* Simple clearfix */
ul.main-navigation:before,
ul.main-navigation:after,
ul.main-nav-level:before,
ul.main-nav-level:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

ul.main-navigation:after {
  clear: both; }

@media only screen and (max-width: 767px) {
  .toggleJ {
    max-height: 340px; }
    .toggleJ ul.main-navigation {
      display: block;
      width: auto; }
      .toggleJ ul.main-navigation li {
        float: none;
        width: auto;
        display: block;
        text-align: center; }
        .toggleJ ul.main-navigation li > a {
          display: block; }
        .toggleJ ul.main-navigation li .main-nav-level {
          left: auto;
          top: auto;
          margin-left: 0;
          margin-top: 0; } }

.top-nav {
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .top-nav .main-navigation .main-nav-level {
      position: relative;
      display: block; } }

@media only screen and (max-width: 767px) {
  .mobdrop > .main-nav-level {
    display: block !important;
    visibility: visible;
    opacity: 1; } }

@media only screen and (max-width: 767px) {
  .mobdrop2 > .main-nav-level {
    display: block !important;
    visibility: visible;
    opacity: 1;
    background-color: #9d9d9e; } }

/******************top menu css end**************/
/******************Swiper css **************/
.HeroBanWrap {
  /*-webkit-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  -moz-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);*/
  padding: 0; }
  .HeroBanWrap .swiper-container {
    width: 100%;
    height: 100%; 
    z-index: 0;
  }
  .HeroBanWrap .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .HeroBanWrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px; }
  .HeroBanWrap .swiper-pagination-bullet {
    background: white; }
  .HeroBanWrap .swiper-pagination-bullet-active {
    background: black; }

.VerticalBanSha {
  -webkit-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  -moz-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  padding: 0 20px;
  margin-bottom: 50px; }

.VerticalBanRow {
  position: relative;
  height: 350px;
  /*height: 740px;*/
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .VerticalBanRow {
      height: 200px; 
      /*height: 650px; */
	} 
}
  @media only screen and (max-width: 767px) {
    .VerticalBanRow {
      height: 185px; } }
  .VerticalBanRow .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
  .VerticalBanRow .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }

.VertBtnNext, .VertBtnPrev {
  width: 50px;
  margin: auto;
  cursor: pointer; }

.SubBanWrap, .SubBanWrap2 {
  margin-bottom: 50px; }
  .SubBanWrap .swiper-container, .SubBanWrap2 .swiper-container {
    width: 100%;
    height: 100%; }
  .SubBanWrap .swiper-slide, .SubBanWrap2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }

.SubBanRow {
  padding: 20px;
  -webkit-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  -moz-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3); }

.HorizBanWrap {
  padding: 0 30px;
  -webkit-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  -moz-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
  position: relative; }
  .HorizBanWrap .swiper-container {
    width: 100%;
    height: 100%; }
  .HorizBanWrap .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
    -moz-box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3);
    box-shadow: 2px 1px 6px 3px rgba(157, 157, 158, 0.3); }

.swiper-button-disabled {
  opacity: 0.3; }

.HorizBtnNext {
  width: 13px;
  position: absolute;
  margin: auto;
  right: 10px;
  top: 35%;
  cursor: pointer; }

.HorizBtnPrev {
  width: 13px;
  position: absolute;
  margin: auto;
  left: 10px;
  top: 35%;
  cursor: pointer; }

/******************Swiper css End **************/
.container {
  width: 100%;
  position: relative;
  max-width: 1000px; 
  
}
body > .container, .topbg{
  background-color: white;
}
.TopBar {
  width: 100%;
  padding: 20px;
  display: table; }
  @media only screen and (max-width: 767px) {
    .TopBar {
      padding: 10px;
      text-align: center; } }

.Logo {
  width: 200px;
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .Logo {
      width: 150px; } }

.Logo2 {
  width: 140px;
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .Logo2 {
      width: 100px; } }

.MobFunction {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .MobFunction {
      display: block !important;
      background: white !important;
      padding: 10px !important;
      overflow: hidden; } }

.FunctRWrap {
  width: 32%;
  display: table-cell;
  vertical-align: middle; }
  @media only screen and (min-width: 768px) and (max-width: 1200px) {
    .FunctRWrap {
      width: 40%; } }
  @media only screen and (max-width: 767px) {
    .FunctRWrap {
      display: none; } }

.sociRow {
  width: 150px;
  float: right; 
  margin-top: 18px;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    width: 26px !important;
    height: 26px !important;
    padding: 0px !important;
    min-width: 0px !important;
    margin-top: 4px !important;
    border: 1px solid #CECECE !important;
}

.icoSoci {
  width: 28px;
  float: left;
  margin-right: 10px; }
  .icoSoci:last-child {
    margin-right: 0; }

.searchWrap {
  width: 85%;
  position: relative;
  z-index: 1;
  float: left; }

.searchInput {
  width: 100%;
  color: grey;
  height: 30px;
  outline: none;
  padding: 3px 12% 3px 5px;
  border: 1px solid #DDDDDD; }

.BtnSearch {
  position: absolute;
  margin: auto;
  z-index: 2;
  top: 0;
  right: 0;
  margin: 3px 5px;
  width: 20px; }

.navBtnWrap {
  width: 100%;
  display: table;
  padding: 120px 15px 40px 15px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .navBtnWrap {
      padding: 20px; } }

.navBtnRow {
  display: table;
  margin: auto; }

.navBtn {
  width: 140px;
  margin: 5px -10px;
  float: left;
  position: relative; }
  .navBtn:nth-child(odd) {
    margin-top: -64px; }
    @media only screen and (max-width: 767px) {
      .navBtn:nth-child(odd) {
        margin-top: 5px; } }
  @media only screen and (min-width: 768px) and (max-width: 1200px) {
    .navBtn {
      width: 100px; } }
  @media only screen and (max-width: 767px) {
    .navBtn {
      width: 100px;
      margin: 5px;
      float: none;
      display: inline-block;
      vertical-align: top; } }

.navClick {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 100px; }

.SectionLWrap {
  padding-right: 60px;
  width: 65%;
  float: left;
  padding-left: 15px; }
  @media only screen and (max-width: 767px) {
    .SectionLWrap {
      width: 100%;
      padding: 0 5px; } }

.SectionRWrap {
  width: 35%;
  float: left;
  padding-right: 15px; }
  @media only screen and (max-width: 767px) {
    .SectionRWrap {
      width: 100%;
      padding: 0 5px; } }

.SectionLRow {
  width: 100%; }

.sectionTop {
  display: table;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .sectionTop {
      padding: 0 10px; } }

.sectBorder {
  border-bottom: 3px solid #c32426;
  float: left;
  width: 100%; }

.sectIco {
  width: 35px;
  float: left;
  margin-bottom: -3px;
  margin-left: -6px; }

.sectTitle {
  color: #9d9d9e;
  font-size: 1.4em;
  float: left;
  padding-left: 5px; }

.sectNPBtn {
  float: right;
  margin-top: 5px; }

.sectPage {
  width: 20px;
  display: inline-block; }

.footLogoRow {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }

.footLogo {
  width: 105px;
  display: inline-block;
  margin: auto; }

.SectionRow {
  text-align: center; }

.BtnInfo {
  padding: 10px 15px;
  border: 2px solid #c32426;
  font-size: 1.4em;
  margin-top: 40px; }
  .BtnInfo:hover {
    color: white;
    background: #c32426; }

.footer {
  text-align: center;
  padding: 20px 0;
  background: #36d1b5;
  color:  #FFF;
  border-top: 1px solid #FFF;
}

.footer a {
  color:  #FFF;
}

.footerNav {
  text-decoration: none;
  color: #FFF;
  font-size: 1em;
  padding: 0 20px;
  border-right: 1px solid #FFF; }
  .footerNav:last-child {
    border-right: none; }
  .footerNav:hover, .footerNav:focus {
    text-decoration: underline;
    color: #FFF; }

.footerNavRow {
  margin-top: 20px;
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .footerNavRow {
      display: none; } }

.credit {
  padding: 10px 0;
  font-size: 0.8em; }
  @media only screen and (max-width: 767px) {
    .credit {
      padding: 0 40px; } }

.smalllogo {
  padding: 0 5px; }
  .smalllogo img {
    width: 10px; }

.pageWrap {
  width: 100%;
  padding: 30px;
  margin-top: 10px; }
  @media only screen and (max-width: 767px) {
    .pageWrap {
      padding: 10px; } }

.TopTitle {
  font-size: 2em; }

.pageContent {
  width: 100%;
  /*min-height: 800px;*/
  display: table; }

.pageLRow {
  padding-bottom: 30px;
  width: 30%;
  background: #c32426;
  color: white;
  display: table-cell; }
  @media only screen and (max-width: 767px) {
    .pageLRow {
      display: none; } }

.pageRRow {
  width: 70%;
  background: #fff7e0;
  color: white;
  display: table-cell; }
  @media only screen and (max-width: 767px) {
    .pageRRow {
      width: 100%; } }

.pageContentRow {
  padding: 30px;
  padding-right: 40px;
  color: #5E5D5C; }
  @media only screen and (max-width: 767px) {
    .pageContentRow {
      padding: 10px; } }

.contentTop {
  width: 100%;
  margin-bottom: 20px; }

.contentTitle {
  font-size: 1.4em; }

.contentBorder {
  padding-top: 10px;
  border-bottom: 2px solid #9d9d9e; }

.contentWord {
  line-height: 2;
  /*letter-spacing: 1px;
  text-align: justify;*/ }

.pageNavRow {
  padding-left: 30px; }

.pageNav li {
  padding: 10px 15px;
  padding-right: 0; }
  .pageNav li a {
    color: white;
    text-decoration: none; }
    .pageNav li a:hover, .pageNav li a:focus {
      text-decoration: none; }
    .pageNav li a:hover {
      color: #9d9d9e; }
  .pageNav li ul {
    padding-left: 0; }

.contentVideoRow {
  margin-top: 30px; }

.contentVideo {
  height: 315px; }
  @media only screen and (max-width: 767px) {
    .contentVideo {
      height: 250px; } }

.subNavRow {
  display: none;
  padding: 10px 0; }
  .subNavRow > li {
    padding-left: 0; }
  .subNavRow ul {
    display: none;
    padding-top: 10px; }
    .subNavRow ul ul {
      padding-right: 0; }
  .subNavRow .active {
    display: block; }

.galleryRow {
  width: 48.5%;
  float: left;
  margin-right: 3%; }
  .galleryRow:nth-child(even) {
    margin-right: 0; }
  @media only screen and (max-width: 767px) {
    .galleryRow {
      width: 100%;
      margin-right: 0; } }

.g-name {
  padding-top: 10px; }

.g-gallery {
  text-align: center;
  margin-bottom: 15px; }
  .g-gallery a {
    text-decoration: none;
    color: #5E5D5C; }
    .g-gallery a:hover, .g-gallery a:focus {
      text-decoration: none; }
    .g-gallery a:hover {
      color: #9d9d9e; }

.g-date {
  font-size: 0.9em;
  padding-bottom: 10px; }

.contentgallery {
  overflow: hidden; }

.paginationRow {
  width: 100%;
  text-align: center; }
  .paginationRow a {
    color: #9d9d9e;
    text-decoration: none;
    padding: 5px 8px;
    line-height: 1; }
    .paginationRow a:hover, .paginationRow a:focus {
      text-decoration: none; }
    .paginationRow a:hover {
      color: #c32426; }
    .paginationRow a:nth-child(n+2) {
      border-right: 1px solid #9d9d9e; }
    .paginationRow a:nth-last-child(2) {
      border-right: none; }
    .paginationRow a:last-child {
      border-right: none; }
@media only screen and (max-width: 767px) {
  .main-navigation li ul  {
    visibility: visible;
    opacity: 1;
  }
  .toggleJ {
    max-height: none;
  }
}
/*.cmsPageContent img {
  width: auto; }*/

/*# sourceMappingURL=main.css.map */

.mobImgRow {
  width: 100%;
  display: table;
  padding: 10px 0;
}

.mobImg1 {
  width: 48%;
  float: left;
  margin-right: 2%;
}

.mobImg1:last-child {
  margin-right: 0;
}

.mobImg2 {
  width: 78%;
  margin-right: 2%;
}


.WordBreak {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1;
}

.textLeft {
  text-align: left;
}

.mobTable {
  width: 100%;
  line-height: 1.4;
  text-align: left;
  margin: 40px 0;
}

.mobTable2 tbody tr td:first-child {
  width: 25%;
}


.mobTable2 thead tr td {
  padding: 5px;
}

.mobTable tbody td {
  padding: 5px;
  vertical-align: top;
}

.mobTR td {
  padding: 5px;
  background: rgb(255, 204, 0);
}

.mobImgRow1 img {
  max-height: 172px;
}

.tds {
  float: left;
}
.tds:nth-child(2n+1) {
  width: 25%;
  clear: both;
}
.tds:nth-child(2n+2) {
  width: 75%;
}
@media only screen and (max-width: 767px){
  .tds:nth-child(2n+1), .tds:nth-child(2n+2) {
    width: 100%;
  }
  .tds:nth-child(2n+2) {
    margin-bottom: 10px;
  }
}

.medical_box {
    line-height: 1;
    padding: 0 15px;
    text-align: left;
}

.clearTable img {
    width: 100%;
    height: auto;
}

.clearTable {
    width: 100%;
}

.submenu3_tb_body1 td:nth-child(2),.submenu3_tb_body2 td:nth-child(1) {
    width: 70%;
}

.submenu3_tb_body1 td:nth-child(1),.submenu3_tb_body2 td:nth-child(1) {
    width: 30%;
}

.clearRow {
    width: 100%;
    display: table;
}

.clearTitle {
    width: 70%;
    display: table-cell;
    vertical-align: top;
}

.clearTop {
    width: 5%;
    display: table-cell;
    vertical-align: top;
}

.clearVoucher {
    width: 25%;
    display: table-cell;
    vertical-align: top;
}
.cmsPageContent ul, .cmsPageContent ol  {
  padding-left: 20px;
}
.cmsPageContent ul li {
  list-style-type: disc;
}
.cmsPageContent ol li {
  list-style-type: decimal;
}