Template:Amoy/css/BootstrapColCss

.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 {

 position: relative;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px;

} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

 float: left;

} .col-xs-12 {

 width: 100%;

} .col-xs-11 {

 width: 91.66666667%;

} .col-xs-10 {

 width: 83.33333333%;

} .col-xs-9 {

 width: 75%;

} .col-xs-8 {

 width: 66.66666667%;

} .col-xs-7 {

 width: 58.33333333%;

} .col-xs-6 {

 width: 50%;

} .col-xs-5 {

 width: 41.66666667%;

} .col-xs-4 {

 width: 33.33333333%;

} .col-xs-3 {

 width: 25%;

} .col-xs-2 {

 width: 16.66666667%;

} .col-xs-1 {

 width: 8.33333333%;

} .col-xs-pull-12 {

 right: 100%;

} .col-xs-pull-11 {

 right: 91.66666667%;

} .col-xs-pull-10 {

 right: 83.33333333%;

} .col-xs-pull-9 {

 right: 75%;

} .col-xs-pull-8 {

 right: 66.66666667%;

} .col-xs-pull-7 {

 right: 58.33333333%;

} .col-xs-pull-6 {

 right: 50%;

} .col-xs-pull-5 {

 right: 41.66666667%;

} .col-xs-pull-4 {

 right: 33.33333333%;

} .col-xs-pull-3 {

 right: 25%;

} .col-xs-pull-2 {

 right: 16.66666667%;

} .col-xs-pull-1 {

 right: 8.33333333%;

} .col-xs-pull-0 {

 right: auto;

} .col-xs-push-12 {

 left: 100%;

} .col-xs-push-11 {

 left: 91.66666667%;

} .col-xs-push-10 {

 left: 83.33333333%;

} .col-xs-push-9 {

 left: 75%;

} .col-xs-push-8 {

 left: 66.66666667%;

} .col-xs-push-7 {

 left: 58.33333333%;

} .col-xs-push-6 {

 left: 50%;

} .col-xs-push-5 {

 left: 41.66666667%;

} .col-xs-push-4 {

 left: 33.33333333%;

} .col-xs-push-3 {

 left: 25%;

} .col-xs-push-2 {

 left: 16.66666667%;

} .col-xs-push-1 {

 left: 8.33333333%;

} .col-xs-push-0 {

 left: auto;

} .col-xs-offset-12 {

 margin-left: 100%;

} .col-xs-offset-11 {

 margin-left: 91.66666667%;

} .col-xs-offset-10 {

 margin-left: 83.33333333%;

} .col-xs-offset-9 {

 margin-left: 75%;

} .col-xs-offset-8 {

 margin-left: 66.66666667%;

} .col-xs-offset-7 {

 margin-left: 58.33333333%;

} .col-xs-offset-6 {

 margin-left: 50%;

} .col-xs-offset-5 {

 margin-left: 41.66666667%;

} .col-xs-offset-4 {

 margin-left: 33.33333333%;

} .col-xs-offset-3 {

 margin-left: 25%;

} .col-xs-offset-2 {

 margin-left: 16.66666667%;

} .col-xs-offset-1 {

 margin-left: 8.33333333%;

} .col-xs-offset-0 {

 margin-left: 0;

} @media (min-width: 768px) {

 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
   float: left;
 }
 .col-sm-12 {
   width: 100%;
 }
 .col-sm-11 {
   width: 91.66666667%;
 }
 .col-sm-10 {
   width: 83.33333333%;
 }
 .col-sm-9 {
   width: 75%;
 }
 .col-sm-8 {
   width: 66.66666667%;
 }
 .col-sm-7 {
   width: 58.33333333%;
 }
 .col-sm-6 {
   width: 50%;
 }
 .col-sm-5 {
   width: 41.66666667%;
 }
 .col-sm-4 {
   width: 33.33333333%;
 }
 .col-sm-3 {
   width: 25%;
 }
 .col-sm-2 {
   width: 16.66666667%;
 }
 .col-sm-1 {
   width: 8.33333333%;
 }
 .col-sm-pull-12 {
   right: 100%;
 }
 .col-sm-pull-11 {
   right: 91.66666667%;
 }
 .col-sm-pull-10 {
   right: 83.33333333%;
 }
 .col-sm-pull-9 {
   right: 75%;
 }
 .col-sm-pull-8 {
   right: 66.66666667%;
 }
 .col-sm-pull-7 {
   right: 58.33333333%;
 }
 .col-sm-pull-6 {
   right: 50%;
 }
 .col-sm-pull-5 {
   right: 41.66666667%;
 }
 .col-sm-pull-4 {
   right: 33.33333333%;
 }
 .col-sm-pull-3 {
   right: 25%;
 }
 .col-sm-pull-2 {
   right: 16.66666667%;
 }
 .col-sm-pull-1 {
   right: 8.33333333%;
 }
 .col-sm-pull-0 {
   right: auto;
 }
 .col-sm-push-12 {
   left: 100%;
 }
 .col-sm-push-11 {
   left: 91.66666667%;
 }
 .col-sm-push-10 {
   left: 83.33333333%;
 }
 .col-sm-push-9 {
   left: 75%;
 }
 .col-sm-push-8 {
   left: 66.66666667%;
 }
 .col-sm-push-7 {
   left: 58.33333333%;
 }
 .col-sm-push-6 {
   left: 50%;
 }
 .col-sm-push-5 {
   left: 41.66666667%;
 }
 .col-sm-push-4 {
   left: 33.33333333%;
 }
 .col-sm-push-3 {
   left: 25%;
 }
 .col-sm-push-2 {
   left: 16.66666667%;
 }
 .col-sm-push-1 {
   left: 8.33333333%;
 }
 .col-sm-push-0 {
   left: auto;
 }
 .col-sm-offset-12 {
   margin-left: 100%;
 }
 .col-sm-offset-11 {
   margin-left: 91.66666667%;
 }
 .col-sm-offset-10 {
   margin-left: 83.33333333%;
 }
 .col-sm-offset-9 {
   margin-left: 75%;
 }
 .col-sm-offset-8 {
   margin-left: 66.66666667%;
 }
 .col-sm-offset-7 {
   margin-left: 58.33333333%;
 }
 .col-sm-offset-6 {
   margin-left: 50%;
 }
 .col-sm-offset-5 {
   margin-left: 41.66666667%;
 }
 .col-sm-offset-4 {
   margin-left: 33.33333333%;
 }
 .col-sm-offset-3 {
   margin-left: 25%;
 }
 .col-sm-offset-2 {
   margin-left: 16.66666667%;
 }
 .col-sm-offset-1 {
   margin-left: 8.33333333%;
 }
 .col-sm-offset-0 {
   margin-left: 0;
 }

} @media (min-width: 992px) {

 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
   float: left;
 }
 .col-md-12 {
   width: 100%;
 }
 .col-md-11 {
   width: 91.66666667%;
 }
 .col-md-10 {
   width: 83.33333333%;
 }
 .col-md-9 {
   width: 75%;
 }
 .col-md-8 {
   width: 66.66666667%;
 }
 .col-md-7 {
   width: 58.33333333%;
 }
 .col-md-6 {
   width: 50%;
 }
 .col-md-5 {
   width: 41.66666667%;
 }
 .col-md-4 {
   width: 33.33333333%;
 }
 .col-md-3 {
   width: 25%;
 }
 .col-md-2 {
   width: 16.66666667%;
 }
 .col-md-1 {
   width: 8.33333333%;
 }
 .col-md-pull-12 {
   right: 100%;
 }
 .col-md-pull-11 {
   right: 91.66666667%;
 }
 .col-md-pull-10 {
   right: 83.33333333%;
 }
 .col-md-pull-9 {
   right: 75%;
 }
 .col-md-pull-8 {
   right: 66.66666667%;
 }
 .col-md-pull-7 {
   right: 58.33333333%;
 }
 .col-md-pull-6 {
   right: 50%;
 }
 .col-md-pull-5 {
   right: 41.66666667%;
 }
 .col-md-pull-4 {
   right: 33.33333333%;
 }
 .col-md-pull-3 {
   right: 25%;
 }
 .col-md-pull-2 {
   right: 16.66666667%;
 }
 .col-md-pull-1 {
   right: 8.33333333%;
 }
 .col-md-pull-0 {
   right: auto;
 }
 .col-md-push-12 {
   left: 100%;
 }
 .col-md-push-11 {
   left: 91.66666667%;
 }
 .col-md-push-10 {
   left: 83.33333333%;
 }
 .col-md-push-9 {
   left: 75%;
 }
 .col-md-push-8 {
   left: 66.66666667%;
 }
 .col-md-push-7 {
   left: 58.33333333%;
 }
 .col-md-push-6 {
   left: 50%;
 }
 .col-md-push-5 {
   left: 41.66666667%;
 }
 .col-md-push-4 {
   left: 33.33333333%;
 }
 .col-md-push-3 {
   left: 25%;
 }
 .col-md-push-2 {
   left: 16.66666667%;
 }
 .col-md-push-1 {
   left: 8.33333333%;
 }
 .col-md-push-0 {
   left: auto;
 }
 .col-md-offset-12 {
   margin-left: 100%;
 }
 .col-md-offset-11 {
   margin-left: 91.66666667%;
 }
 .col-md-offset-10 {
   margin-left: 83.33333333%;
 }
 .col-md-offset-9 {
   margin-left: 75%;
 }
 .col-md-offset-8 {
   margin-left: 66.66666667%;
 }
 .col-md-offset-7 {
   margin-left: 58.33333333%;
 }
 .col-md-offset-6 {
   margin-left: 50%;
 }
 .col-md-offset-5 {
   margin-left: 41.66666667%;
 }
 .col-md-offset-4 {
   margin-left: 33.33333333%;
 }
 .col-md-offset-3 {
   margin-left: 25%;
 }
 .col-md-offset-2 {
   margin-left: 16.66666667%;
 }
 .col-md-offset-1 {
   margin-left: 8.33333333%;
 }
 .col-md-offset-0 {
   margin-left: 0;
 }

} @media (min-width: 1200px) {

 .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
   float: left;
 }
 .col-lg-12 {
   width: 100%;
 }
 .col-lg-11 {
   width: 91.66666667%;
 }
 .col-lg-10 {
   width: 83.33333333%;
 }
 .col-lg-9 {
   width: 75%;
 }
 .col-lg-8 {
   width: 66.66666667%;
 }
 .col-lg-7 {
   width: 58.33333333%;
 }
 .col-lg-6 {
   width: 50%;
 }
 .col-lg-5 {
   width: 41.66666667%;
 }
 .col-lg-4 {
   width: 33.33333333%;
 }
 .col-lg-3 {
   width: 25%;
 }
 .col-lg-2 {
   width: 16.66666667%;
 }
 .col-lg-1 {
   width: 8.33333333%;
 }
 .col-lg-pull-12 {
   right: 100%;
 }
 .col-lg-pull-11 {
   right: 91.66666667%;
 }
 .col-lg-pull-10 {
   right: 83.33333333%;
 }
 .col-lg-pull-9 {
   right: 75%;
 }
 .col-lg-pull-8 {
   right: 66.66666667%;
 }
 .col-lg-pull-7 {
   right: 58.33333333%;
 }
 .col-lg-pull-6 {
   right: 50%;
 }
 .col-lg-pull-5 {
   right: 41.66666667%;
 }
 .col-lg-pull-4 {
   right: 33.33333333%;
 }
 .col-lg-pull-3 {
   right: 25%;
 }
 .col-lg-pull-2 {
   right: 16.66666667%;
 }
 .col-lg-pull-1 {
   right: 8.33333333%;
 }
 .col-lg-pull-0 {
   right: auto;
 }
 .col-lg-push-12 {
   left: 100%;
 }
 .col-lg-push-11 {
   left: 91.66666667%;
 }
 .col-lg-push-10 {
   left: 83.33333333%;
 }
 .col-lg-push-9 {
   left: 75%;
 }
 .col-lg-push-8 {
   left: 66.66666667%;
 }
 .col-lg-push-7 {
   left: 58.33333333%;
 }
 .col-lg-push-6 {
   left: 50%;
 }
 .col-lg-push-5 {
   left: 41.66666667%;
 }
 .col-lg-push-4 {
   left: 33.33333333%;
 }
 .col-lg-push-3 {
   left: 25%;
 }
 .col-lg-push-2 {
   left: 16.66666667%;
 }
 .col-lg-push-1 {
   left: 8.33333333%;
 }
 .col-lg-push-0 {
   left: auto;
 }
 .col-lg-offset-12 {
   margin-left: 100%;
 }
 .col-lg-offset-11 {
   margin-left: 91.66666667%;
 }
 .col-lg-offset-10 {
   margin-left: 83.33333333%;
 }
 .col-lg-offset-9 {
   margin-left: 75%;
 }
 .col-lg-offset-8 {
   margin-left: 66.66666667%;
 }
 .col-lg-offset-7 {
   margin-left: 58.33333333%;
 }
 .col-lg-offset-6 {
   margin-left: 50%;
 }
 .col-lg-offset-5 {
   margin-left: 41.66666667%;
 }
 .col-lg-offset-4 {
   margin-left: 33.33333333%;
 }
 .col-lg-offset-3 {
   margin-left: 25%;
 }
 .col-lg-offset-2 {
   margin-left: 16.66666667%;
 }
 .col-lg-offset-1 {
   margin-left: 8.33333333%;
 }
 .col-lg-offset-0 {
   margin-left: 0;
 }

}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {

 display: block;
 max-width: 100%;
 height: auto;

}

.carousel {

 position: relative;

} .carousel-inner {

 position: relative;
 width: 100%;
 overflow: hidden;

} .carousel-inner > .item {

 position: relative;
 display: none;
 -webkit-transition: .6s ease-in-out left;
      -o-transition: .6s ease-in-out left;
         transition: .6s ease-in-out left;

} .carousel-inner > .item > img, .carousel-inner > .item > a > img {

 line-height: 1;

} @media all and (transform-3d), (-webkit-transform-3d) {

 .carousel-inner > .item {
   -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition:      -o-transform .6s ease-in-out;
           transition:         transform .6s ease-in-out;

   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   -webkit-perspective: 1000;
           perspective: 1000;
 }
 .carousel-inner > .item.next,
 .carousel-inner > .item.active.right {
   left: 0;
   -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0);
 }
 .carousel-inner > .item.prev,
 .carousel-inner > .item.active.left {
   left: 0;
   -webkit-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0);
 }
 .carousel-inner > .item.next.left,
 .carousel-inner > .item.prev.right,
 .carousel-inner > .item.active {
   left: 0;
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
 }

} .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {

 display: block;

} .carousel-inner > .active {

 left: 0;

} .carousel-inner > .next, .carousel-inner > .prev {

 position: absolute;
 top: 0;
 width: 100%;

} .carousel-inner > .next {

 left: 100%;

} .carousel-inner > .prev {

 left: -100%;

} .carousel-inner > .next.left, .carousel-inner > .prev.right {

 left: 0;

} .carousel-inner > .active.left {

 left: -100%;

} .carousel-inner > .active.right {

 left: 100%;

} .carousel-control {

 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 width: 15%;
 font-size: 20px;
 color: #fff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
 filter: alpha(opacity=50);
 opacity: .5;

} .carousel-control.left {

 background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
 background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
 background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 background-repeat: repeat-x;

} .carousel-control.right {

 right: 0;
 left: auto;
 background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
 background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
 background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 background-repeat: repeat-x;

} .carousel-control:hover, .carousel-control:focus {

 color: #fff;
 text-decoration: none;
 filter: alpha(opacity=90);
 outline: 0;
 opacity: .9;

} .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {

 position: absolute;
 top: 50%;
 z-index: 5;
 display: inline-block;

} .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {

 left: 50%;
 margin-left: -10px;

} .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {

 right: 50%;
 margin-right: -10px;

} .carousel-control .icon-prev, .carousel-control .icon-next {

 width: 20px;
 height: 20px;
 margin-top: -10px;
 font-family: serif;
 line-height: 1;

} .carousel-control .icon-prev:before {

 content: '\2039';

} .carousel-control .icon-next:before {

 content: '\203a';

} .carousel-indicators {

 position: absolute;
 bottom: 10px;
 left: 50%;
 z-index: 15;
 width: 60%;
 padding-left: 0;
 margin-left: -30%;
 text-align: center;
 list-style: none;

} .carousel-indicators li {

 display: inline-block;
 width: 10px;
 height: 10px;
 margin: 1px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: rgba(0, 0, 0, 0);
 border: 1px solid #fff;
 border-radius: 10px;

} .carousel-indicators .active {

 width: 12px;
 height: 12px;
 margin: 0;
 background-color: #fff;

} .carousel-caption {

 position: absolute;
 right: 15%;
 bottom: 20px;
 left: 15%;
 z-index: 10;
 padding-top: 20px;
 padding-bottom: 20px;
 color: #fff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

} .carousel-caption .btn {

 text-shadow: none;

} @media screen and (min-width: 768px) {

 .carousel-control .glyphicon-chevron-left,
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-prev,
 .carousel-control .icon-next {
   width: 30px;
   height: 30px;
   margin-top: -15px;
   font-size: 30px;
 }
 .carousel-control .glyphicon-chevron-left,
 .carousel-control .icon-prev {
   margin-left: -15px;
 }
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-next {
   margin-right: -15px;
 }
 .carousel-caption {
   right: 20%;
   left: 20%;
   padding-bottom: 30px;
 }
 .carousel-indicators {
   bottom: 20px;
 }

}

.sr-only {

 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 border: 0;

} .sr-only-focusable:active, .sr-only-focusable:focus {

 position: static;
 width: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 clip: auto;

}