@charset "utf-8";


.btn-gray-light, .btn-gray-black, .btn-dark-black, .btn-black-dark, .btn-dark-yellow, .btn-darkgray,
.btn-red-black, .btn-reddark-black,
.btn-yellow, .btn-yellow-o, .btn-yellow-light,
.btn-yellowdark-black,
.btn-green,
.btn-blue, .btn-blue-o,
.btn-gray-light-abs, .btn-gray-black-abs, .btn-darkgray-abs,
.btn-yellow-abs, .btn-yellow-light-abs,
.btn-green-abs,
.btn-blue-abs {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
    
  margin: 0 auto;
  padding: 2px 12px;
  display: block;
  text-decoration: none;
  text-align: center;
  background:rgba(0,0,0,0.1);   
  
  text-align:center;
}
/*abs..*/
.btn-gray-light-abs, .btn-gray-black-abs, .btn-darkgray-abs,
.btn-yellow-abs, .btn-yellow-light-abs,
.btn-green-abs,
.btn-blue-abs {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); 
  
  position: absolute;
  bottom: 15px;
  left: 50%;  
  width: 80%;
  font-size: 18px;   
}

.btn-gray-light {
  background:rgba(100,100,100,0.2) !important;  
  text-align:center;
}
.btn-dark-black, .btn-dark-black:link, .btn-dark-black:visited, 
.btn-dark-yellow, .btn-dark-yellow:link, .btn-dark-yellow:visited, 
.btn-darkgray-abs {
  background:#383838 !important;
  color:#eee !important;
}
.btn-black-dark, .btn-black-dark:link, .btn-black-dark:visited {
  background:#111 !important;
  color:#eee !important;
}
.btn-red-black, .btn-red-black:link, .btn-red-black:visited {
  background:#b31e23 !important;
  color:#f1f1f1 !important;
}
.btn-reddark-black, .btn-reddark-black:link, .btn-reddark-black:visited {
  background:#a12024 !important;
  color:#f1f1f1 !important;
}
.btn-yellowdark-black, .btn-yellowdark-black:link, .btn-yellowdark-black:visited {
  background:#ea7c05 !important;
  color:#f1f1f1 !important;
}

.btn-gray-black-abs {
  background:rgba(0,0,0,0.9) !important; 	
  color:#fff !important;
}

.btn-yellow,
.btn-yellow-abs {
  background:rgba(221,102,0,1.00);  
  color:#fff !important;
}
.btn-yellow-o{
  background:#fff;
  color:#F7A223 !important;
  border:1px solid #F7A223 !important;	
}
.btn-yellow-light,
.btn-yellow-light-abs {
  background:#F7A223;  
  color:#fff !important;
  overflow:hidden;
}
.btn-green,
.btn-green-abs {
  background:rgba(221,102,0,1.00);  
}
.btn-blue,
.btn-blue-abs {
  background:rgba(30, 104, 203, 1);  
  color:#fff !important;
}
.btn-blue-o{
  background:#fff;
  color:#1E68CB !important;
  border:1px solid #1E68CB !important;	
}

.btn-gray-light:hover, .xr-dropdown-mouse-on:hover .btn-gray-light:hover,
.btn-dark-black:hover,
.btn-red-black:hover,
.btn-reddark-black:hover,
.btn-yellowdark-black:hover,
.btn-gray-light-abs:hover {  
  background:#111 !important;  
  color:#fff !important;
}
.btn-black-dark:hover {
  background:#383838 !important;  
  color:#fff !important;
}
.btn-dark-yellow:hover {
  background:#F7A223 !important;  
  color:#fff !important;
}
.btn-gray-black:hover,
.btn-gray-black-abs:hover {
  background:111 !important;
  color:#fff !important;
}
.btn-darkgray:hover,
.btn-darkgray-abs:hover {
  color:#fff;
  background:rgba(221,102,0,1.00) !important;  /* gole yellow */
}

.btn-yellow:hover, 
.btn-green:hover,
.btn-yellow-abs:hover, 
.btn-yellow-light-abs:hover,
.btn-green-abs:hover,
.btn-blue:hover, .btn-blue-o:hover,
.btn-blue-abs:hover {
  background:#111 !important;  
  color:#fff !important;
}

.btn-yellow-o:hover {
  background:#f7b757 !important;
  color:#fff !important;
}
.btn-yellow-light:hover {
  background:#f7b757 !important;  
}

.btn-blue-o:hover {
  border:1px solid #111 !important;	
}


.xr-hd-logo h1,
.xr-hd-logo span {
	left: 5%;
	top: 76%;
}

@media (max-width: 768px) {
	.xr-box-grid .xr-pro-name, 
	.xr-box-grid-h-new .xr-pro-name {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

@media (min-width:1200px) {
  .xr-pro-col-md-5 {
	max-width: calc(34.4%);  
  }
  .xr-pro-col-md-7 {
	max-width: calc(65%);  
	flex: 0 0 65%;
	padding-left:2rem;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1500px;
  }
}


/* Special customized menu style */
@media (min-width :992px) {
	.xr-scms-anniversary, 
	.xr-scms-newyear, 
	.xr-scms-spring-festival, 
	.xr-scms-valentine, 
	.xr-scms-lantern-festival, 
	.xr-scms-christmas, 
	.xr-scms-fifa, 
	.xr-scms-easter, 
	.xr-scms-weekly-promotions, 
	.xr-scms-spring-sale
	{
		background:url(images/ico_sys/ico-group-nav.png) no-repeat;
		padding-left:32px;
	}
	.xr-scms-anniversary:hover, 
	.xr-scms-newyear:hover, 
	.xr-scms-spring-festival:hover, 
	.xr-scms-valentine:hover, 
	.xr-scms-lantern-festival:hover, 
	.xr-scms-christmas:hover, 
	.xr-scms-fifa:hover, 
	.xr-scms-easter:hover, 
	.xr-scms-weekly-promotions:hover, 
	.xr-scms-spring-sale:hover
	{
		background:url(images/ico_sys/ico-group-nav.png) no-repeat #FC3;
	}
	
	.xr-scms-weekly-promotions, .xr-scms-weekly-promotions:hover {
		background-position:0px 0px;
		
	}
	.xr-scms-spring-festival, .xr-scms-spring-festival:hover,
	.xr-scms-newyear, .xr-scms-newyear:hover
	{
		background-position:0px -82px;
		padding-left:34px;
	}
	.xr-scms-spring-sale, .xr-scms-spring-sale:hover {
		background-position:0px -169px;
		padding-left:34px;
	}
	.xr-scms-easter, .xr-scms-easter:hover {
		background-position:0px -254px;
		padding-left:34px;
	}
	.xr-scms-valentine, .xr-scms-valentine:hover {
		background-position:0px -343px;
		padding-left:32px;
	}
	.xr-scms-christmas, .xr-scms-christmas:hover {
		background-position:0px -427px;
		padding-left:32px;
	}
	.xr-scms-anniversary, .xr-scms-anniversary:hover {
		background-position:0px -508px;
		padding-left:34px;
	}
}