/* ##### about promotion box ##### */
 .btn-promo {
  background: #282828 url() 0 0 no-repeat;
  display: none; }
 .btn-promo a {
   text-align: center;
   display: block;
   padding: 6px 20px;
   color: #fff; 
   font-size: 14px; 
 }  
 .btn-promo:hover { background-color:#2c3837;}
 .btn-promo:hover a { color: #f4f4f4; } 
 
 .bgPromotionSlide{
   background: #e9e9e9 url() 0 0 no-repeat; 
   border: 1px solid #d5d5d5;
   color: #000;
   width: 100%;
   padding: 12px 15px 5px 15px;
   border-top: 0px; 
 } 
 .clear { clear:both;}
 .p10b { padding-bottom:5px;}
 .p10b{ padding-bottom:10px;}
  
 .promotion-box {
   position: relative;
   top: 0px;
   right: 0px;
   z-index: 400; 
   display:block;  
  }

 .promotion-box ul { margin: 0 auto; padding: 0px;}
 .promotion-box ul > li{ margin:o auto; list-style:none; }

 .promotion-box .close-pro {
   color: #9C8E6D;
   padding: 11px 12px 8px;
   float: left;
   background: rgba(255, 255, 255, 0.9);
   border: 0px solid #fff;
   cursor: pointer;
   display: block;  margin-top:-39px; 
 }

 .promotion-box p span {
   color: #b80007;
   font-size: 15px; 
  }
 
 .promotion-box h2, .promotion-box h2 a {
	text-align:left;
    font-size: 18px; 
	font-weight:600; 
	line-height:15px; 
	color:#b80007;  
  }
 
 .promotion-box p {
   text-align:left; line-height:19px; 
  }	
 
 
@media (min-width: 640px) { 
 .promotion-box {
   position: fixed;
   top: 250px;
   right: 0px;
   z-index: 400; 
  }
  .bgPromotionSlide{  padding: 20px 15px 15px 15px; width:245px; }
  .promotion-box .close-pro {
    border: 1px solid #fff;
	float: right;
  }
  .btn-promo { display:block;}
}