﻿body {
    font-family: Arial,Tahoma,Helvetica,"Microsoft JhengHei",sans-serif;
    font-size: 15px;
}

.navbar-nav {
  font-size: 16px;
}

.navbar-inverse {
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  filter: none;
  filter: none;
  background-repeat: repeat-x;
}

.navbar-inverse {
  background-color: #efc05c;
  border-color: #efc05c;
}

.navbar {
  border-radius: 0px;
  margin-bottom: 0px;
}

.navbar-inverse .navbar-nav>li>a {
  color: #6b1313;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
    text-shadow: 0 0px 0 rgba(0,0,0,.25);
}

.navbar-inverse .navbar-toggle {
  border-color: #efc05c;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #efc05c;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #FFFFFF;
}

.mc-menu-bgcolor {
  background-color:#efc05c;
}

.mc-content {
  padding-top:30px;
  background-image: url(../images/blue-bg.jpg);
}

.mc-photo-set {
    margin: 0 auto;
    padding-bottom:10px;
}

.small-text {
    font-size:12px;
}

.partA h4 {
    background-color:#1D9D93;
    color:#fff;
    padding:8px;
}

.partA p {
    color:#000;
}

.partB h4 {
    background-color:#a85541;
    color:#fff;
    padding:8px;
}

.partB-2 p {
    color:#000;
}

.partB-3 h4 {
    background-color: transparent;
    color:#1a685a;
    padding:0;
    font-weight:bold;
    padding-top:10px;
}

.partB-3 p {
    color:#000;
}



.partC h4 {
    background-color:#a24980;
    color:#fff;
    padding:8px;
}

.partC p {
    color:#000;
}

.label-default {
  background-color: #B03C3C;
}

.label {
  font-weight: normal;
}

.footer-bg {
    background-color:#ffe6d5;
    /*padding: 20px;*/
    font-size: 14px;
}

.mc-policy, .mc-copyright {
    text-align: center;
    padding: 20px;
}

.mc-padding-bottom {
    padding-bottom:15px;
}

input, textarea {
    padding:3px;
}

.highlight {
  padding: 15px;
  background-color: #F7F7F9;
  border: 1px solid #E1E1E8;
  margin-bottom: 15px;
  border-radius: 4px;
  color: #777777;
  font-size: 0.9em;
  line-height: 21px;
  margin-top: 15px;
}

.top-bg {
    /*background: url(../images/top-bg.jpg);*/
    background-color:#F5ECD8;
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover {
  color: #ffe4c5;
}

.mc-textbox textarea {
    width:400px;
    height:150px;
}

.thx {
    font-size: 24px;
}

.destop-banner {
    display:none;
}

.mobile-banner {
    display:block;
    margin: auto;
}

.mobile-text {
        color:#a1291a;
        padding-top:15px;
        display:block;
}

.Shortlist {
    background-color:#fff3e2; 
    padding:10px 10px 5px 10px;
    margin-bottom:15px;
    /*min-height: 340px;*/
    border: 1px solid #ffe09f;
}

.Shortlist-a {
    background-color:#def3d5; 
    padding:10px 10px 5px 10px;
    margin-bottom:15px;
    /*min-height: 340px;*/
    border: 1px solid #c6dcbd;
}


.Shortlist p {
    padding:5px;
    margin:0;
    text-align:justify;        
}

.Shortlist-a p {
    padding:5px;
    margin:0;
    text-align:justify;        
}


.semiA h4 {
    color:#fff;
    border-left:0px #3652A1 solid;
    padding:8px;
    background-color:#e89826;
    margin-bottom:0;
    margin-top:0;
}

.semiB h4 {
    color:#fff;
    border-left:0px #3652A1 solid;
    padding:8px;
    background-color:#b97032;
    margin-bottom:0;
    margin-top:0;
}

.semiC h4 {
    color:#fff;
    border-left:0px #3652A1 solid;
    padding:8px;
    background-color:#ee77a7;
    margin-bottom:0;
    margin-top:0;
}

.semiD h4 {
    color:#fff;
    border-left:0px #3652A1 solid;
    padding:8px;
    background-color:#5fad78;
    margin-bottom:0;
    margin-top:0;
}

.semiE h4 {
    color:#fff;
    border-left:0px #3652A1 solid;
    padding:8px;
    background-color:#986F45;
    margin-bottom:0;
    margin-top:0;
}

.semiF h4 {
    color:#fff;
    border-left:0px #3652A1 solid;
    padding:8px;
    background-color:#87c1ee;
    margin-bottom:0;
    margin-top:0;
}

.semiG h4 {
    color:#fff;
    border-left:0px #3652A1 solid;
    padding:8px;
    background-color:#995693;
    margin-bottom:0;
    margin-top:0;
}

.semiH h4 {
    color:#fff;
    border-left:0px #3652A1 solid;
    padding:8px;
    background-color:#BA6464;
    margin-bottom:0;
    margin-top:0;
}


.mc-border-a .img-thumbnail {
    background-color:#FDEEB1;
    padding:5px;
}

.mc-border-b .img-thumbnail {
    background-color:#A9D486;
    padding:5px;
}

.mc-border-c .img-thumbnail {
    background-color:#94DAD7;
    padding:5px;
}

.mc-border-d .img-thumbnail {
    background-color:#E0946F;
    padding:5px;
}

.mc-border-f .img-thumbnail {
    background-color:#e2e460;
    padding:5px;
}


.mc-copyright img {
    margin: 0 auto;
}

/*.imgEffect {
position:absolute;

}*/








.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #CCCCCC;
  left: 25px;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc( 100% - 55px );
  float: right;
  border: 0px solid #d4d4d4;
  border-radius: 15px;
  padding: 15px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  background-color: #fff3c9;
  color: #5A2B1F;
}

.timeline > li > .colorA {
  background-color: #a85541;
  color: #ffffff;
}

.timeline > li > .colorB {
  background-color: #a24980;
  color: #ffffff;
}

.timeline > li > .colorC {
  background-color: #1D9D93;
  color: #ffffff;
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  left: -15px;
  display: inline-block;
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  left: -14px;
  display: inline-block;
}
.timeline > li > .timeline-badge {
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 26px;
  left: 13px;
  
  background-color: #666666;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  right: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #006699  !important;
}
.timeline-badge.up {
  background-color: #4A71A5 !important;
}
.timeline-badge.down {
  background-color: #CC3333 !important;
}
.timeline-badge.neutral {
  background-color: #999999 !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}

.timeline-body h4 {
  margin-bottom: 0;
  font-size: 16px;
}

/*IE-8 ONLY*/
.timeline > li > .timeline-panel {
  width: 85%\0/;
}

/*.hidden-xs {
    display: initial !important;
}*/


@media (min-width: 768px) {

    .mc-copyright {
        text-align:left;
        padding: 20px;
    }

    .mc-policy {
        text-align:right;
    }

    .mobile-text {
        display:none;
    }

    .destop-banner {
        display:block;
    }

    .mobile-banner {
        display:none;
    }

    .navbar-nav>li>a {
      padding-left: 38px;
      padding-right: 38px;
}

    .mc-copyright img {
        margin: 0;
    }

}