body {
  font-family: arial,"Microsoft JhengHei","微軟正黑體",sans-serif !important;
  font-size: 1rem;
}
#overlay {
  background: #ffffff;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .80;
}
.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid firebrick;
    border-right-color: transparent;
    border-radius: 50%;
}
@keyframes rotate {
0%{ transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
.pagination {
  justify-content: center;
}

.font_size_p_100 {
font-size: 100%;
}

.padding_zero_r_l{
padding-right: 0px;
padding-left: 0px;
}

.margin_zero_r_l{
margin-right: 0px;
margin-left: 0px;
}

.pad_2px {
  padding: 2px;
}

.pad_3px {
  padding: 3px;
}

.pad_7px {
  padding: 7px;
}

.bg_carrot {
  background-color: #e67e22;
}

.m_b_10 {
  margin-bottom: 10px;
}
.m_b_130 {
  margin-bottom: 130px;
}
.m_b_150 {
  margin-bottom: 150px;
}

.pad_dot_15 {
  padding: .15rem!important;
}

.container {
  max-width: 1400px;
}

a, a:hover,a:visited, a:focus {
  text-decoration: none;
}

.font_size_1 {
  font-size: 1rem;
}

.font_size_1_5 {
  font-size: 1.5rem;
}

.font_size_2_5 {
  font-size: 2.5rem;
}

.font_size_1_75 {
  font-size: 1.75rem;
}

.font_size_1_53 {
  font-size: 1.53rem;
}

.color_black{
    color: #000000;
}

.padding_5px {
  padding: 5px;
}

.border_bottom_none {
  border-bottom: none;
}

.p_name_in_list {
  font-size: 1.2rem;
  color: #000000;
}

.text_center {
  text-align: center;
}

.width_200px {
  width: 200px;
}

.product_intro_box {
  background: #fff;
  padding: 10px;
}

.cart_p_detail_line {
  padding-top: 20px;
  font-size: 1rem;
}

.site-footer {
  background-color: #555555;
  padding: 45px 0 20px;
  font-size: 15px;
  line-height: 24px;
  color: #FFFFFF;
}

.site-footer hr {
  border-top-color: #bbb;
  opacity: 0.5;
}

.site-footer hr.small {
  margin: 20px 0;
}

.site-footer h6 {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 5px;
  letter-spacing: 2px;
}

.site-footer a {
  color: #FFFFFF;
}

.site-footer a:hover {
  color: #3366cc;
  text-decoration: none;
}

.footer-links {
  padding-left: 0;
  list-style: none;
}

.footer-links li {
  display: block;
}

.footer-links a {
  color: #FFFFFF;
}

.footer-links a:active,.footer-links a:focus,.footer-links a:hover {
  color: #3366cc;
  text-decoration: none;
}

.footer-links.inline li {
  display: inline-block;
}

.site-footer .social-icons {
  text-align: right;
}

.site-footer .social-icons a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: 6px;
  margin-right: 0;
  border-radius: 100%;
  background-color: #33353d;
}

.copyright-text {
  margin: 0;
}

@media (max-width:991px) {
  .site-footer [class^=col-] {
    margin-bottom: 30px;
  }
}

@media (max-width:767px) {
  .site-footer {
    padding-bottom: 0;
  }

  .site-footer .copyright-text,.site-footer .social-icons {
    text-align: center;
  }
}

.social-icons {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.social-icons li {
  display: inline-block;
  margin-bottom: 4px;
}

.social-icons li.title {
  margin-right: 15px;
  text-transform: uppercase;
  color: #96a2b2;
  font-weight: 700;
  font-size: 13px;
}

.social-icons a {
  background-color: #eceeef;
  color: #818a91;
  font-size: 16px;
  display: inline-block;
  line-height: 44px;
  width: 44px;
  height: 44px;
  text-align: center;
  margin-right: 8px;
  border-radius: 100%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.social-icons a:active,.social-icons a:focus,.social-icons a:hover {
  color: #fff;
  background-color: #29aafe;
}

.social-icons.size-sm a {
  line-height: 34px;
  height: 34px;
  width: 34px;
  font-size: 14px;
}

.social-icons a.facebook:hover {
  background-color: #3b5998;
}

.social-icons a.twitter:hover {
  background-color: #00aced;
}

.social-icons a.linkedin:hover {
  background-color: #007bb6;
}

.social-icons a.dribbble:hover {
  background-color: #ea4c89;
}

@media (max-width:767px) {
  .social-icons li.title {
    display: block;
    margin-right: 0;
    font-weight: 600;
  }
}

i {
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.m_badge {
  position: absolute;
  height: 20px;
  width: 20px;
  right: -18px;
  top: -9px;
  text-align: center;
  line-height: 17px;
  border-radius: 50%;
  background-color: #FF9400;
  color: white;
}

.bg_555 {
  background-color: #555555;
}

.footerArea {
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}

.footerArea ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  list-style: outside none none;
  position: absolute;
  bottom: 6px;
  left: 0px;
}

.footerArea ul li {
  float: left;
  width: 20%;
  height: 50px;
  text-align: center;
  box-sizing: border-box;
}

.badge {
    font-size: 100%;
}

.carousel .carousel-item img {
  min-height: 300px;
  max-height: 400px;
  object-fit: cover;
}

.height_150 {
  height: 150px;
}

.height_p_100 {
  height: 100% !important;
}

.width_70px {
  width: 70px;
}

.width_100px {
  width: 100px;
}

.width_200px {
  width: 200px;
}

.width_230px {
  width: 230px;
}

.dotted {
	border:none;
	border-top:1px dotted #555;
	color:#fff;
	background-color:#fff;
	width:90%;
}

@media (max-width: 768px) {
    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        height: 100%;
        z-index: 9999999;
        background-color: #ffff;
    }
    .navbar-collapse.collapsing {
        height: 100%;
        left: -75%;
        transition: height 0s ease;
    }
    .navbar-collapse.show {
        height: 100%;
        left: 0;
        transition: left 400ms ease-in-out;
    }
    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 400ms ease-in;
    }
}

.share_icon_fb{
	width: 45px;
	height: 45px;
	border-radius: 10px;
	vertical-align: unset;
}

@media (min-width: 576px){
  .jumbotron {
    padding: 1rem 1rem;
  }

  .jumbotron {
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    background-color: #e9ecef;
    border-radius: .3rem;
  }
}

#content .card.sidebar-menu ul.nav.category-menu li a {
	font-weight: unset;
}

.justify-content-space-around{
    justify-content: space-around;
}

.p_d_b_15px{
    padding-bottom : 15px;
}

.btn_fb_color{
    color: #fff;
    background-color: #4267B2;
    border-color: #4267B2;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #379392;
    margin: 5px;
}

#content .card.sidebar-menu ul.nav ul li a {
    font-size: 1rem;
}

.line_login_icon{
    width: 35px;
    margin: -3px;
    margin-right: 5px;
}

.google_login_button{
    height: 44px;
    padding-top: 10px;
}
.fb_login_btn_icon_adjust{
    margin-right: 10px;
    margin-left: -15px;
}

#fb_js_login_btn{
    display:none;
}

#fb_direct_login_btn{
    display:none;
}


.attr_top_right_lable {
    position: absolute;
    top: 1px;
    right: 1px;
}

.attr_bottom_left_lable {
    position: absolute;
    top: 166px;
}

.attr_discount_badge{
    background-color: #ffd807;
    border-radius: 0rem;
    color: #EE4D2D;
}

.attr_free_ship_badge{
    background-color: #2E90B7;
    border-radius: 0rem;
    color: #FFFFFF;
}

.attr_full_price_free_ship_badge{
    background-color: #ff9500;
    border-radius: 0rem;
    color: #ffffff;
    font-weight: 100;
}

.left_vendor_cat_list{
    position: sticky;
    top: 150px;
    z-index: 1020;
}
.left_menu{
    position: sticky;
    top: 150px;
    z-index: 1020;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    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;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vimeo-embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.vimeo-embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.height_189px{
    height: 189px;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33.333%);
        transition-duration: 400ms;
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
        transform: translateX(-33.333%);
        transition-duration: 400ms;
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
    transform: translateX(0);
}

@media (min-width: 576px) {

    .carousel-control-prev{
        bottom: 0%;
        left:32.555%;
    }

    .carousel-control-next{
        bottom: 0%;
        right:32.555%;
    }
}

@media (min-width: 1280px) {

    .carousel-control-prev{
        bottom: 0%;
        left:32.444%;
    }

    .carousel-control-next{
        bottom: 0%;
        right:32.444%;
    }
}

@media (min-width: 2000px) {

    .carousel-control-prev{
        bottom: 0%;
        left:32.666%;
    }

    .carousel-control-next{
        bottom: 0%;
        right:32.666%;
    }
}

.carousel-control-prev-icon {
    width: 30px;
    height: 70px;
}
 
.carousel-control-next-icon {
    width: 30px;
    height: 70px;
}

.border_none{
    border:none;
}

.carousel .carousel-item img {
    max-height: 400px;
    object-fit: contain;
}


.index_slide .slide_block{
    color:#fff;
    padding-top:53.65%;
    position:relative;
    overflow:hidden;
    display:flex!important
}
.index_slide .slide_block img{
    position:absolute;
    top:50%;
    height:100%;
    width:auto;
    max-width:none;
    left:50%;
    transform:translateY(-50%) translateX(-50%)
}
.index_slide .slide_block .slide_block-content{
    position:absolute;
    bottom:54px;
    padding:0 16px;
    text-align:left
}
.index_slide .slide_block .slide_block-content h2{
    font-size:22px;
    font-weight:600;
    font-stretch:normal;
    font-style:normal;
    line-height:1.27;
    letter-spacing:normal;
    margin-bottom:4px
}
.index_slide .slide_block .slide_block-content h5{
    font-size:14px;
    font-weight:600;
    font-stretch:normal;
    font-style:normal;
    line-height:1.43;
    letter-spacing:normal;
    margin-bottom:0
}
.index_slide .slide_block .slide_block-content .slide_block-content-btn{
    font-size:14px;
    font-weight:600;
    font-stretch:normal;
    font-style:normal;
    line-height:1.43;
    letter-spacing:normal;
    border-radius:3px;
    display:none;
    border:none;
    padding:10px 20px;
    font-weight:400;
    letter-spacing:1px;
    transition:.3s
}
.index_slide .slide_block .slide_block-content .slide_block-content-btn:hover{
    background-color:#00c795!important;
    color:#fff!important
}
.index_slide.owl-carousel .owl-nav{
    height:0
}
.index_slide.owl-carousel .owl-dots{
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    bottom:34px!important;
    height:0
}
.index_slide.owl-carousel .owl-dots .owl-dot span{
    width:6px;
    height:6px;
    margin:5px;
    background-color:rgba(255,255,255,.5)!important
}
.index_slide.owl-carousel .owl-dots .owl-dot.active span{
    background-color:#fff!important
}
.index_slide.slideshow-skeleton{
    display:flex;
    flex-wrap:nowrap;
    overflow:hidden;
    justify-content:center
}
.index_slide .slide_block-skeleton{
    width:100%;
    padding-top:53.65%;
    flex-shrink:0;
    animation-duration:1s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
    animation-name:skeletonShine;
    animation-timing-function:linear;
    background:#e5e5e5;
    background-image:linear-gradient(to right,#e5e5e5 0,#f1f2f3 20%,#e5e5e5 40%,#e5e5e5 100%);
    background-repeat:no-repeat;
    background-size:800px auto
}

@media screen and (min-width:768px){
    .index_slide .slide_block{
        opacity:.4;
        padding-top:0;
        height:315px;
        width:720px
    }
    .index_slide .slide_block img{
        height:auto;
        width:100%
    }
    .index_slide .slide_block .slide_block-content{
        display:none
    }
    .index_slide .slide_block-skeleton{
        opacity:.5;
        padding-top:0;
        height:315px;
        width:720px
    }
    .index_slide .slide_block-skeleton:nth-child(2){
        opacity:1
    }
    .index_slide .active.center .slide_block{
        opacity:1
    }
    .index_slide .active.center .slide_block .slide_block-content{
        display:inline-block;
        position:relative;
        bottom:0;
        padding:56px
    }
    .index_slide .active.center .slide_block .slide_block-content h2{
        font-size:28px;
        font-weight:600;
        font-stretch:normal;
        font-style:normal;
        line-height:1.21;
        letter-spacing:normal;
        margin-bottom:8px;
        text-shadow:0 2px 15px rgba(0,0,0,.5)
    }
    .index_slide .active.center .slide_block .slide_block-content h5{
        font-size:16px;
        font-weight:600;
        font-stretch:normal;
        font-style:normal;
        line-height:1.38;
        letter-spacing:normal;
        margin-bottom:24px;
        text-shadow:0 2px 15px rgba(0,0,0,.5)
    }
    .index_slide .active.center .slide_block .slide_block-content .slide_block-content-btn{
        display:inline-block
    }
    .index_slide.owl-carousel .owl-item{
        background-color:#f5f5f5
    }
    .index_slide.owl-carousel .owl-nav{
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        margin-top:0;
        width:720px
    }
    .index_slide.owl-carousel .owl-nav .owl-next,.index_slide.owl-carousel .owl-nav .owl-prev{
        top:-20px;
        width:40px;
        height:40px;
        border-radius:50%;
        background-color:#fff;
        opacity:.85;
        padding:0;
        margin:0;
        box-shadow:0 0 10px 0 rgba(0,0,0,.1);
        display:flex;
        align-items:center;
        justify-content:center;
        transition:.3s
    }
    .index_slide.owl-carousel .owl-nav .owl-next:hover,.index_slide.owl-carousel .owl-nav .owl-prev:hover{
        transform:scale(1.15)
    }
    .index_slide.owl-carousel .owl-nav .owl-next .cs_icon,.index_slide.owl-carousel .owl-nav .owl-prev .cs_icon{
        color:#3c3c3c
    }
    .index_slide.owl-carousel .owl-nav .owl-prev{
        left:-20px
    }
    .index_slide.owl-carousel .owl-nav .owl-prev .cs_icon{
        position:relative;
        right:1px
    }
    .index_slide.owl-carousel .owl-nav .owl-next{
        right:-20px
    }
    .index_slide.owl-carousel .owl-nav .owl-next .cs_icon{
        position:relative;
        left:1px
    }
    .index_slide.owl-carousel .owl-dots{
        bottom:42px!important
    }
    .index_slide .horizontal-position-left{
        justify-content:flex-start
    }
    .index_slide .horizontal-position-left .slide_block-content{
        text-align:left
    }
    .index_slide .horizontal-position-center{
        justify-content:center
    }
    .index_slide .horizontal-position-center .slide_block-content{
        text-align:center
    }
    .index_slide .horizontal-position-right{
        justify-content:flex-end
    }
    .index_slide .horizontal-position-right .slide_block-content{
        text-align:right
    }
    .index_slide .vertical-position-top{
        align-items:flex-start
    }
    .index_slide .vertical-position-middle{
        align-items:center
    }
    .index_slide .vertical-position-bottom{
        align-items:flex-end
    }
}
@media screen and (min-width:992px){
    .index_slide .slide_block{
        height:420px;
        width:960px
    }
    .index_slide .slide_block-skeleton{
        height:420px;
        width:960px
    }
    .index_slide.owl-carousel .owl-nav{
        width:960px
    }
}

.owl-carousel{
    position:relative
}
.owl-carousel .owl-item a{
    display:block
}
.owl-carousel .owl-item .cs-squareBox-content a{
    display:table-cell
}
.owl-carousel .owl-nav{
    width:100%;
    position:absolute;
    top:45%;
    height:0
}
.owl-carousel .owl-nav.container{
    margin:0 auto;
    left:0;
    right:0
}
.owl-carousel .owl-next,.owl-carousel .owl-prev{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#fff;
    -webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.3);
    box-shadow:0 2px 1px 0 rgba(0,0,0,.3)
}
.owl-carousel .owl-next i,.owl-carousel .owl-prev i{
    font-size:30px;
    color:#4a4a4a
}
.owl-carousel .owl-next:hover,.owl-carousel .owl-prev:hover{
    background-color:#fff!important
}

.owl-carousel .cs-collectionCoverImageCarousel-owl-next{
    right:4px
}
.owl-carousel .cs-collectionCoverImageCarousel-owl-prev{
    left:4px
}
.owl-carousel .owl-prev{
    left:-28px;
    position:absolute;
    top:0
}
.owl-carousel .owl-next{
    position:absolute;
    right:-28px;
    top:0
}
.owl-theme .owl-dots .owl-dot span{
    background:#e6e6e6!important
}
.owl-theme .owl-dots .owl-dot.active span{
    background:#b3b3b3!important
}
.owl-theme .owl-dots .owl-dot:hover span{
    background:#b3b3b3!important
}

.color_FF6700{
    color:#FF6700;
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 30px;
    cursor: text;
  }
  .bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: 500px;
    max-width: inherit;
  }
  .bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
  }
  .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
  }
  .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
  }
  .bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
  }
  .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #ffffff;
    background-color: #3a7706f0;
    padding: 0.2em;
  }
  .bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
  }
  .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
  }
  .bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .coupon {
    cursor: default;
    //display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    background: rgba(208,1,27,.08);
    padding: 4px 8px;
    border: 0;
    white-space: nowrap;
    color: #FFFFFF;
    width: 90px;
    background-color: coral;
}

.coupon:after, .coupon:before {
    content: "";
    width: 6px;
    height: calc(100% - 5px);
    position: absolute;
    top: 2.5px;
    background-image: radial-gradient(#fff 2px,transparent 0);
    background-size: 6px 6px;
    background-position-x: -6px;
}

.coupon:after {
    right: -3px;
}

.coupon:before {
    right: 80px;
}

.coupon_outside{
    display: inline-block;
    margin: 5px;
}
.popover{
    width:300px;
    height:auto;    
}

.coupon_bg{
    background-color: antiquewhite;
}

.promoBox {
	display: inline-block;
	position: relative;
	margin: 5px;
	padding: 10px;
	//width: 300px;
    border: 2px solid #ddd;
	-webkit-border-radius: 8px;
			border-radius: 8px;
  	overflow: hidden;

	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );

	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.promoBox aside {
	position: absolute;
	width: 230px;
	right: 0;
	margin: 0 -65px 0 0;
	-webkit-transform: rotate(35deg);
	 -khtml-transform: rotate(35deg);
	   -moz-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
			transform: rotate(35deg);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	
	color: #fff;
	background: #4f85bb;
	background: -moz-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f85bb), color-stop(100%,#4f85bb));
	background: -webkit-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: -o-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: -ms-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: linear-gradient(135deg, #4f85bb 0%,#4f85bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 );

}

.promoBox aside p { padding: 10px 80px 10px 80px; margin: 0; }

.promoBox h4 { 
	//font-size: 25px; 
	//margin: 0; 
	//padding: 0 35% 10px 0; 
	//line-height: 25px; 
	border-bottom: 1px solid #ddd;

}
.promoBox p { font-size: 12px; }

.promoBox.info-box {
	background: #e0f3fa;
	background: -moz-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
	background: -webkit-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -o-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -ms-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: linear-gradient(135deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=1 );
	border-color: #b6e1f6;
}
.promoBox.info-box h4 { color: #225b9c; border-color: #8dc2dd; }

.promoBox.warning-box {
	background: #fceabb;
	background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
	background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
	border-color: #fccf5a;
}
.promoBox.warning-box h4 { color: #775600; border-color: #9e8135; }

.promoBox.danger-box {
	background: #f85032;
	background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
	background: -webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: -o-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: -ms-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: linear-gradient(135deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 );
	border-color: #ff433e;
	color: #fff;
}
.promoBox.danger-box h4 { color: #fff; border-color: #ff706d; }

.promoBox.success-box {
	background: #9dd53a;
	background: -moz-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
	background: -webkit-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -o-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -ms-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: linear-gradient(135deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 );
	border-color: #9dd53a;
	color: #fff;
}
.promoBox.success-box h4 { color: #4d690b; border-color: #ccfc5a; }

/* COLOR: Ribbon
\* --------------------------------- */
.promoBox.info-ribbon aside {
	background: #1e5799;
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}

.promoBox.warning-ribbon aside {
	background: #f9c667;
	background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
	background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: -o-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: -ms-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: linear-gradient(135deg, #f9c667 0%,#f79621 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 );
}

.promoBox.danger-ribbon aside {
	background: #ff3019;
	background: -moz-linear-gradient(45deg, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
}

.promoBox.success-ribbon aside {
	background: #a9db80;
	background: -moz-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f));
	background: -webkit-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: -o-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: -ms-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: linear-gradient(135deg, #a9db80 0%,#96c56f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=1 );
}

.dropdown-menu {
    max-height: 600px;
    overflow-y: auto;
}