/* CSS Document */
.mainmenu ul li.parent > a:after {
	content: "";
	right: 16px;
	position: absolute;
	top: 43%;
	background:url(../images/arrow-1.png) no-repeat;
	width: 8px;
	height: 6px;
}
.mainmenu ul li.parent > a {
	background-image: none!important;
	padding-right:30px;
}
.pro-img::before {
    border-bottom: 1px solid #30739a;
    border-top: 1px solid #30739a;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0, 1);
    z-index: -1;
}
.pro-img::after {
    border-left: 1px solid #30739a;
    border-right: 1px solid #30739a;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1, 0);
    z-index: -1;
}
.pro-img:hover::before, .pro-img:hover::after {
  transform: scale(1);
  transition: all 0.3s ease-out 0s;
}
.pro-img:hover {
	border: 1px solid #fff;
}
.pro-img {
	position:relative;
}
.pro-img > div {
    position: relative;
}
.pro-addcart {
    background: rgba(201,64,43,0.8);
    padding: 5px;
    margin-top: -47px;
    position: absolute;
	visibility:hidden;
	transition: all 0.3s ease 0s;
	width:100%;
	opacity: 0;
	left:0;
}
.pro-addcart a, .pro-addcart a:hover {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
}
.pro-img:hover .pro-addcart {
	visibility:visible;
    margin-top: -36px;
	opacity: 1;
}
.category li:hover a, .category li.active a {
    /*background: url(../images/arrow-2-hv.png) no-repeat left center;*/
    background: url(../images/arrow-2.png) no-repeat left center;
    color: #39b0ff;
}
/*----------------------------------------------------------------------*/
.component {
	width:75%;
	float:right;
	padding-left: 15px;
}
.sidebar {
	width:25%;
	float:left;
	padding-right: 15px;
}
.sidebar .category {
	width: 100%;
	padding-right:0;
	float:none;
}
.sidemod h3, .sidebar .category h3 {
    margin: 0;
    background: #39b0ff;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px 15px 13px 25px;
    font-family: 'Roboto', Arial, sans-serif;
	text-align:left;
}
.sidemod {
    margin-bottom: 30px;
}
.sidecont {
    padding: 15px;
    border: 1px solid #39b0ff;
}
.news-title a {
    font-weight: bold;
	font-size:13px;
	color:#000;
}
.news-date {
    font-size: 13px;
    color: #29b8e3;
    margin: 5px 0;
}
.news-intro {
    font-size: 13px;
    color: #313131;
    font-style: italic;
    margin: 5px 0;
}
.item-news {
    display: block;
    border-bottom: 1px dotted #d1d1d1;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.item-news:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.ipro-img {
    float: left;
    margin-right: 15px;
}
.itempro {
    overflow: hidden;
    border-bottom: 1px dotted #d1d1d1;
    margin-bottom: 15px;
	padding-bottom: 15px;
}
.itempro:last-child {
	border: none;
	padding-bottom:0;
	margin-bottom:0;
}
.ipro-title a {
    font-size: 13px;
	font-weight:bold;
	padding-bottom:5px;
	display:block;
}
.itempro .price-new, .itempro .price-old {
	padding:0;
	font-size:13px;
	float:none;
}
.component ul.list-product li {
   width: 20%;
   padding: 0 5px;
}
.banner, .main-content {
	position:relative;
}
.banner > img {
    width: 100%;
    margin-bottom: 30px;
}
.bannersd img {
    width: 100%;
    height: auto;
}
.main-content > h1 {
    color: #39b0ff;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: bold;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 30px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 5px;
}
.arrange {
    position: absolute;
    right: 0;
    top: 0;
	color:#666666;
	font-size:13px;
}
.arrange select {
    border: 1px solid #e0e0e0;
    padding: 5px;
	cursor:pointer;
}
.pagination img, .pagination strong, .pagination a {
    display: inline-block;
    margin: 0 2px 2px;
    text-align: center;
}
.pagination a {
    color: #6d6d6d;
    border: 1px solid #e8e8e8;
    padding: 4px 13px;;
    background:#fafafa;
    min-width: 34px;
}
.pagination a:hover {
    color: #fff;
    background:#39b0ff;
    border: 1px solid #39b0ff;
}
 .pagination strong {
    color:#fff;
    padding: 4px 0;
    border: 1px solid #39b0ff;
    background: #39b0ff;
	min-width: 34px;
}
 .pagination img {
    color:#fff;
    padding: 9px 13px;
    border: 1px solid #e8e8e8;
    background:#fafafa;
 }
 .pagination>center>span>span:first-child, .pagination>center>span>span:last-child {
     padding: 6px 13px;
    border: 1px solid #e8e8e8;
    color:#6d6d6d !important;
    background:#fafafa;
 }

.pagination {
  text-align: right;
  padding-top: 20px;
  margin-bottom: 30px;
}

/*----------------------------------------------------------------------*/
.main-img {
    width: 44%;
    float: left;
    border: 1px solid #dadada;
    padding: 15px;
	margin-bottom:30px;
}
.main-right {
    width: 56%;
    float: left;
    padding-left: 30px;
	margin-bottom:30px;
}
/*.component h3 {
	margin: 0;
    background: #39b0ff;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px 15px 13px 25px;
    font-family: 'Roboto', Arial, sans-serif;
    text-align: left;
	margin-bottom: 15px;
}*/
.description {
    clear: both;
    margin-bottom: 30px;
}
.descrip-cont {
	background:#fff;
	padding: 15px 30px;
	border: 1px solid #dcdcdc;
}
.description > h3 {
    color: #333333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    background: #fff;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: -1px;
	border-bottom:none;
	margin-top:0;
}
.descrip-cont p {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}
.comment {
	margin-bottom:40px;
}
.comment h3 {
    color: #333333;
	font-size: 24px;
	border-bottom: 1px solid #dadada;
	padding: 0  0 10px 0;
	background:none;
	text-transform:none;
	font-weight:normal;
}
.main-option p span {
    color: #009966;
}
.line {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.main-option.number input {
    border: 1px solid #e8e8e8;
    padding: 5px 10px;
    width: 40px;
    background: #fafafa;
	margin-bottom: 5px;
}
.main-option.addcart a {
    background: url(../images/icon-cart.png) no-repeat 10px center #c9402b;
    color: #fff;
    padding: 8px 15px 8px 35px;
    display: inline-block;
	margin-top:10px;
}
.main-option.addcart {
    clear: both;
}
.main-option.price {
    padding-top: 15px;
}
.main-option.price .price-new {
    font-size: 18px;
    padding-left: 0;
    padding-right: 20px;
}
.main-right h1 {
    font-size: 24px;
    border-bottom: 0;
    padding-bottom: 0;
}
.main-img img {
	width:100%;
}

.float-left {
    float: left;
}
/*----------------------------------------------------------------------*/
@media (min-width:1200px) {
}
@media (min-width:992px) {
}
@media (max-width:1200px) {
	.price-new {
		font-size: 14px;
	}
	.mainmenu ul li.parent > a {
		padding-right: 23px;
	}
	.mainmenu ul li.parent > a:after {
		right: 12px;
	}
	.mainmenu ul li.parent > a:after {
		visibility:hidden;
	}
}
@media (max-width:991px) {
	.component {
		width: 100%;
		float: none;
		padding: 0;
	}
	.sidebar {
		width: 100%;
		padding: 0;
	}
}
@media (max-width:768px) {
}
@media (max-width:720px) {
}
@media (max-width:640px) {
	.component ul.list-product li {
		width: 50%;
	}
	.arrange {
		position: static;
		margin-bottom: 10px;
	}
	.main-right {
		width: 100%;
		padding-left: 0;
	}
	.main-img {
		width: 100%;
	}
}
@media (max-width:600px) {
}
@media (max-width:480px) {
	.component ul.list-product li {
		width: 50%;
        /*height:260px;*/
	}
	.banner {
		display:none;
	}
}
@media (max-width:430px) {
}
@media (max-width:360px) {
	.main-content>h1 {
		font-size: 24px;
	}
}

.ipro-img img {width:90px; height:90px;}
.goback_cart {margin:20px;background: #e4e4e4;
    padding: 10px;
    border-radius: 6px;}