/*!
COFATSUI.COM  VERSION 2026-05-23
\\Acer33\d\OldCloud\GD\BW3\cofatsui\www\grid996\css\do0formating.css
 */
/****************************************
COMMON ELEMENTS  (We are on Bootstrap 3.1.1)
140327: Added Chinese font-family
COPIED / EDITED FROM: C:\BG\BW3\Realtyvip\www\stuff\css\realtyvip.css
****************************************/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", SimSun, 宋体, STXihei, "华文细黑", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", SimSun, 宋体, STXihei, "华文细黑", sans-serif;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace, SimSun, 宋体, STXihei, "华文细黑";
}

.a-block {
  display:block;
  padding:0 !important;
  }
.a-block a,
.a-block a:active,
.a-block a:hover {
  display:block;
  margin:0;
  padding:8px;
  color:inherit;
  text-decoration:none;
  }
.a-block a:hover {
  background-color:#eee;
  border-radius:5px;
  }
footer a,
footer a:active,
footer a:hover {
  color:inherit;
  }
.listdirectory .dropdown-header {
  display: block;
  padding:8px 0 2px 0;
  margin-left:-18px;
  font-size:1.1em;
  line-height:1.18em;
  color:#000;
}


.licence-wrap {
  background-color:#BDBDBD;
  }
.licence-info { /**SEE ALSO MEDIA QUERY**/
  padding:2px 12px;
  color:#6E6E6E;
  }
.dropdown-menu {
  min-width: 210px;
  }

/* CAROUSEL WRAPPER BOTTOM MARGIN */
.carousel {
  padding-bottom:60px;
  margin-bottom: 0px;
}
/* CAROUSEL OVERALL HEIGHT (Original height:500px) */
.carousel,
.carousel .item,
.carousel-inner > .item > img {
  height: 500px;
  background-color:transparent;
}
/*****************
CAROUSEL BACKGROUND | IMAGE ELEMENT
.carousel .item {
  height: 500px;
  background-color: #777;
}
*******************/
.carousel .item {

}
/*****************
CAROUSEL POSITION FOR TEXTS - ORIGINAL ELEMENTS:
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
*******************/
.carousel-caption {
  bottom: 40px;  /** must be same as 'carousel-indicators' **/
  right: 7%;
  left: 7%;
  padding-left:4px;
  padding-right:4px;
  padding-bottom: 60px;  /** position of large button in carousel **/
  background-color:#000;
  opacity:0.6;
  filter:alpha(opacity=60);
  border-radius:25px;
}
/*****************
CAROUSEL POSITION FOR INDICATORS (LARGE DOTS) - ORIGINAL ELEMENTS:
.carousel-indicators {
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
*******************/
.carousel-indicators {
  bottom: 40px;  /** must be same as 'carousel-caption' **/
}
/*****************
131227
CAROUSEL CONTROL (LEFT & RIGHT ARROWS) - ORIGINAL ELEMENTS:
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
*******************/
.cc-all { /**SEE ALSO MEDIA QUERY**/
  position: absolute;
  z-index: 20;
  width: 5%;
  font-size: 20px;
  color: 0;
  padding-left: 0;
  margin-right: -30%;
  text-align: center;
}
.cc-left { /**SEE ALSO MEDIA QUERY**/
  bottom: 55px;
  left: 30%;
  color: red;
}
.cc-right { /**SEE ALSO MEDIA QUERY**/
  bottom: 56px;
  left: 64%;
  color: yellow;
}
.carousel-image {
  background-repeat:no-repeat;
  background-position:50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.navbar-collapse {
  max-height: 999px;
}
.dropdown-header {
/**131228: Changed to lighter color:
Original = #999999; SEE ALSO @media**/
  color: #ccc;
}



/*****************
RULER - original:
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
RULES SPECIFICALLY FOR END OF PAGE RULER:
*******************/
hr {
  border-top: 1px solid #ddd;
}
.end-page-ruler {
  margin-top:24px;
  border-top: 3px solid #ddd;
  }
.end-page-arrow-anchor {
  position:relative;
  top:-30px;
  padding:4px 6px 4px 8px;
  background-color:#ddd;
  border-radius:8px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  }
.end-page-arrow-div {
  margin-bottom:-20px;
  }

/**140105 GENERAL RULES ABOUT BOTTOM SPACING (MARGIN)**/
h1,
h2,
h3 {
/**ORIGINAL:
  margin-top: 20px;
  margin-bottom: 10px;
**/
}

h1,
.h1 {
/**ORIGINAL:
  font-size: 36px;
**/
}

h2,
.h2 {
/**ORIGINAL:
  font-size: 30px;
**/
}

h3,
.h3 {
/**ORIGINAL:
  font-size: 24px;
**/
}

h4,
.h4 {
/**ORIGINAL:
  font-size: 18px;
**/
}

h5,
.h5 {
/**ORIGINAL:
  font-size: 14px;
**/
}

h6,
.h6 {
/**ORIGINAL:
  font-size: 12px;
**/
}

p {
/**ORIGINAL:
  margin: 0 0 10px;
**/
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  margin-top:0;
  margin-bottom:20px;

/**ORIGINAL:
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
***/
}

h1,
h2,
h3,
p,
ul, ol {
  margin-top:0;
  margin-bottom:20px;
}

/***140105
Spacing The Bottom of Modules
PUBLISHED AUGUST 5, 2013	 BY CHRIS COYIER
http://css-tricks.com/spacing-the-bottom-of-modules/
***********************/
div > p:last-child,
div > p:last-child > p:last-child,
div > p:last-child > p:last-child > p:last-child,
div > ol:last-child,
div > ol:last-child > ol:last-child,
div > ol:last-child > ol:last-child > ol:last-child,
div > ul:last-child,
div > ul:last-child > ul:last-child,
div > ul:last-child > ul:last-child > ul:last-child {
  margin-bottom: 0;
}

p > *:last-child,
p > *:last-child > *:last-child,
p > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.pagetitle {
  margin-top: 20px;
  margin-bottom: 20px;
}
.pagetitle-sub {
  font-size:0.6em;
  margin-top:6px;
  color:#A9D0F5;
}
.pagetitle-sub span,
.pagetitle-sub a,
.pagetitle-sub a:active,
.pagetitle-sub a:hover {
  font-size:inherit;
  color:inherit;
  text-decoration:none;
}
.listdirectory a,
.listdirectory a:active,
.listdirectory a:hover {
  text-decoration:none;
}

.p-list {
margin-bottom:0;
}
.gapbelow0 {
  margin-bottom:0 !important;
  }
.gaptop20 {
  margin-top:20px !important;
  }

.blockindex {
    margin: 10px;
    padding: 18px;
    border: solid 1px #ddd;
    border-radius: 12px;
    text-align: left;
    font-size: 1.2em;
  }










/****************************************
BELOW ARE RULES FOR MEDIA QUERY - BOOTSTRAP 3.0+
see: http://getbootstrap.com/css/#grid
@media (min-width: ???px)  {...}
@media only screen and (min-width: ???px)  {...}
****************************************/

/* Extra small devices (phones, less than 768px) */
/* @media (max-width: 767px) { ... } */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up)(net 750px) */
@media (min-width: 768px) {
.licence-info {
  padding:2px 15px;
  }
.cc-left {
  left: 39%;
  }
.cc-right {
  left: 56%;
  }
.carousel-caption {
  right: 15%;
  left: 15%;
  padding-left:18px;
  padding-right:18px;
  }
.dropdown-header {
  color: #999999;   /**131228: Originally not in @media**/
}

/**END (min-width: 768px)**/
}

/* Medium devices (desktops, 992px and up)(net 970px) */
@media (min-width: 992px) {

/**END (min-width: 992px)**/
}

/* Large devices (large desktops, 1200px and up)(net 1170px) */
@media (min-width: 1200px) {

/**END (min-width: 1200px)**/
}