/*
Theme Name: YiSHOP
Author: Luan
Version: 1.0
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0 20px;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}


.rounded-list a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

.rounded-list a:hover{
    background: #eee;
}

.rounded-list a:hover:before{
    transform: rotate(360deg);  
}

.rounded-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}
.btn-facebook {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}
.image{width:100%;height:auto;}
.image img{width:100%;height:auto;}
ul.menu li.aosominu a {background:red; color:#fff;}
body { color: #222; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 26px; padding-top:24px;}
p { margin-bottom:20px; }
a { color:#3399ff; text-decoration:none; }
a:hover { text-decoration:underline; }
ul.products{font-size: 13px;
line-height: 15px;}
ul.products a {color:#000;}
span.woocommerce-Price-amount {color:#f8682c; font-weight:bold;}
.woocommerce span.onsale {background-color:#eb2937;}
.woocommerce-Price-amount.amount {font-size:15px;}
.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:44px;
    margin-top:10px;
    font-style:normal;
    font-weight:bold;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #eb2937;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}

a.cart-contents {
    position: fixed;
    top: 24px;
    right: 24px;
	z-index:1000;
}

.post-content ul li.total {background:none;}
h1.page-title {font-size: 18px;
font-weight: 700;
letter-spacing: 2px;
padding: 0px;
margin: 0px 0px 10px 0px;
text-transform: uppercase;}
/*** Navigation ***/
ul.menu {clear:both; width:100%; margin-bottom:12px;overflow: hidden}
ul.menu li {float:left; display: inline-block;margin-bottom:14px;}
ul.menu li a {padding:4px 16px; background:#eee; margin-right:18px; color:#444; text-transform:capitalize ; 
background-clip: padding-box; font-size:16px; }
ul.menu li.current-menu-item a, ul.menu li a:hover{background:#3399ff; color:#fff;}
form#searchform {margin-bottom:18px;}
.create-account, .woocommerce-info {display:none;}
.input-text {padding:5px 3px;}
.woocommerce ul.products li.product .button {display:none;}
input#place_order.button {background-color:#eb2937}
input#place_order.button:hover {background-color:#fb0737}
div#payment.woocommerce-checkout-payment {background-color:#ffffff;}
tr.cart-subtotal {display:none;}
td.product-name,th.product-name,th.product-total,tr.order-total {font-size:11px; line-height:14px;}
input#place_order.button.alt {
    padding: 0 20px !important;
    text-align: center;
    line-height: 40px;
    background: #eb2937;
    color: #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 16px;
    letter-spacing: 1px;
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
vertical-align: baseline;
-webkit-appearance: none;
}
.padsingle {padding:12px;border: 2px solid #eee;}
/*** Searchform ***/
#search-wrapper { float:right; }

#searchform input { width:90%; background:#dadada url(images/search.png) no-repeat right; border:1px solid #DDD; padding:6px 24px 6px 6px; font-family: 'Droid Sans', sans-serif; font-size:12px; color:#000; margin-top:-9px; }

#searchform #s:focus { outline:none; }
#sidebar .widget #searchform input {margin:0; }

/*** Header ***/
#header { margin-bottom:10px; padding-bottom:30px; overflow:hidden;  }
#banner { float:right; margin-top:5px; }

/*** Main ***/
#wrapper { max-width:980px; margin:0 auto; overflow:hidden; padding:12px }
#main { width:100%; float:left; }
.postimage {width:300px; float:left;}
.postimage img {margin-bottom:0px;}
.postcat {width:100%; background:#3399ff; text-align:center;}
.postimage .postcat a {color:#fff;}
/*** Featured Posts **/
#featured-wrapper {margin-bottom:50px; overflow:hidden; }
.feat-item { border-top:10px solid #3399ff; background:#e5e5e5; width:300px; float:left; margin-right:30px; padding-bottom:20px; }
.feat-item.last { margin-right:0; }
.feat-item img { margin-bottom:10px; }
.feat-item h2 { font-size:16px; font-weight:bold;  text-shadow: 1px 1px 1px #FFF; padding:0 20px 0 20px; margin-bottom:10px; line-height:24px; }
.feat-item h2 a { color:#222; }
.feat-item h2 a:hover { color:#3399ff; text-decoration:none; }
.feat-item .date { color:#999; text-shadow: 1px 1px 1px #FFF; text-transform:uppercase; padding:0 20px 0 20px; line-height:21px; display:block; }

/*** Posts ***/
.post { margin-bottom:50px; padding-bottom:38px; border-bottom:1px dashed #DDD; overflow:hidden; }
.post.single { margin-bottom:30px; }
.post.page { margin-bottom:0; padding-bottom:0; border:none; }
.post.page .post-content { width:640px;}
.post.full { margin-bottom:30px; padding-bottom:0; border:none; }
.post.full .post-content { width:100%; }
.post .post-title { color:#222; font-size:25px; margin-bottom:22px;line-height:30px; }
.post .post-title a { color:#222; }
.post .post-title a:hover { color:#3399ff; text-decoration:none; }
.post-img { margin-bottom:20px; }
.post-meta { float:left; width:170px; }
.post-meta span { display:block; margin-bottom:2px; color:#999; letter-spacing:0.1em; line-height:21px; text-transform:uppercase; font-size:11px; }
.post-content {max-width:640px; margin:auto;}
.post-content img { margin-bottom:20px; max-width:740px; height:auto; }
.post-share { margin-top:12px; background:url(images/line.gif) no-repeat top left; padding-top:20px; }
.post-tags { clear:both; float:right; width:100%; margin-bottom:20px; text-align:center;}
.post-tags a {    padding: 6px 7px;
    margin-right: 12px;
    margin-bottom: 4px;
    line-height: 100%;
    display: inline-block;
    color: #FFF !important;
    background-color: #777;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px !important;
}
.post-tags a:hover { background-color: #DA4453; border-color: #DA4453; text-decoration:none; }

	/* post styles */
	.post-content h1 { font-size:28px; margin-bottom:20px; }
	.post-content h2 { font-size:24px; margin-bottom:20px; }
	.post-content h3 { font-size:20px; margin-bottom:20px; }
	.post-content h4 { font-size:18px; margin-bottom:20px; }
	.post-content h5 { font-size:16px; margin-bottom:20px; }
	.post-content h6 { font-size:14px; margin-bottom:20px; }
	.post-content hr { border:0; background-color: #DDD; height:1px; margin-bottom:18px; color:#DDD; }
	.post-content ul { padding-left: 30px; margin-bottom:20px; font-size:13px; line-height:20px; }
	.post-content ul li{ background:url(images/ul-dot.png) no-repeat; padding-left:16px; margin-bottom:10px; }
	.post-content ol { padding-left:46px; margin-bottom:20px; font-size:13px; line-height:20px; }
	.post-content ol li { list-style-type: decimal; margin-bottom:6px; }
	.post-content .alignright { float:right; margin:0 0 4px 10px; }
	.post-content .alignleft { float:left; margin:0 10px 4px 0; }
	.post-content blockquote { background:#ffffff; padding: 12px ; color:#333333; font-style:italic; margin-bottom:24px;border:solid 3px red;}
	.wp-caption, .gallery-caption  { margin-bottom:20px; text-align: center; }
	p.wp-caption-text { margin-bottom:2px; }
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.gallery img { width:120px; height:120px; }
	.gallery-icon { margin-bottom:-30px; }

/*** Review box ***/
.review-box { width:155px; background:#EEE; border:1px solid #DDD; margin-bottom:24px; padding-bottom:5px; }
.review-box .overall { text-align:center; padding-top:12px; margin-bottom:2px; }
.review-box .rating-item .rating-title { padding-left:10px; font-size:10px; text-shadow: 1px 1px 1px #FFF; }
.review-box .rating-item .score-bg { float:left; margin-left:10px; width:100px; height:11px; }
.review-box .rating-item .score-bar { background:#3399ff; height:11px; }
.review-box .rating-item .rating-score {  font-family:'Droid Sans', sans-serif; font-size:10px; margin-top:-5px; text-align:right; text-shadow: 1px 1px 1px #FFF; padding-right:8px; }

/*** buy button ***/
.buy-button { background:#53777a; color:#FFF; width:135px; padding:8px; display:block; text-transform:uppercase; margin-bottom:22px; line-height:20px; }
.buy-button:hover { background:#436163; text-decoration:none; }
	
/*** Related Posts ***/


.related-posts { margin-bottom:30px; overflow:hidden;}
.related-posts h5 { font-size:16px; text-transform:uppercase; color:#888; margin-bottom:20px; }
.related-posts li { float:left;margin-right: 24px; margin-bottom: 24px; width:100%;height:80px;}
.related-posts li img {width:120px; height:80px; display:block; float:left; margin-right:12px;}
.related-posts li a {color:#000;font-weight: bold;}
.related-posts li h2 {font-size:13px; line-height:16px; padding:0 6px 6px 6px; height:50px;}
/*** Comments ***/
.comments { margin-bottom:50px; }
.comments h5 { font-size:16px; text-transform:uppercase; color:#888; margin-bottom:20px; }
.comment-item { background:#eee; padding:14px; overflow:hidden; margin-bottom:14px; }
.comment-item .avatar { float:left; margin-right:14px; }
.comment-item .comment-author { margin-bottom:8px; }
.comment-item .comment-author .author { color:#777; font-weight:bold; text-shadow: 1px 1px 1px #FFF; margin-right:4px; }
.comment-item .comment-author .date { color:#999; text-shadow: 1px 1px 1px #FFF; font-size:11px; }
.comment-item .comment-author .reply { text-shadow: 1px 1px 1px #FFF; float:right; font-size:11px; }
.comment-item .comment-text { overflow:auto; }
.comment-item .comment-text p { margin:0 0 0 0; }
.children { margin: 20px 0 0 83px; }
.children li.comment { margin: 0 0 20px 0; }
#respond { margin-top:40px; overflow:hidden; }
#respond-content { width:640px; }
#comment-input { float:left; margin-right:20px; }
#comment-input input { border:0; margin-bottom:17px; color:#666; }
#comment-input input:focus, textarea:focus { outline:none; }
#comment-input label { display:block; margin-bottom:8px; }
#comment-input label .req { color:#999; }
.input-name { background:#E9E9E9; width:250px; height:24px; padding:8px; }
.input-email { background:#E9E9E9; width:250px; height:24px; padding:8px; }
.input-website { background:#E9E9E9; width:250px; height:24px; padding:8px; }
#comment-textarea { float:right; }
.textarea-comment { background:#E9E9E9; border:0; width:308px; height:168px; padding:14px; color:#666; }
#comment-textarea label { display:block; margin-bottom:8px; }
#comment-textarea-admin { float:none; margin-bottom:16px; }
#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }
#comment-submit { clear:both; float:right; margin-bottom:10px; }
#comment-submit-admin { clear:both; margin-bottom:10px; }
.comment-submit { background:#53777a; border:0; color:#fff; padding:10px; cursor:pointer; }
.comment-submit:hover { background:#374f51; }
.side-comment { color:#222; display:block; margin-bottom:6px; }
.bypostauthor .comment-item { border:1px solid #DDD; }

/*** Pagination ***/
.pagination { margin-bottom:50px; overflow:hidden; }
.pagination a { color:#FFF; }
.pagination a:hover { text-decoration:none; }
.pagination .next a { float:right; background:#53777a; padding:10px; color:#FFF; text-transform:uppercase; font-size:12px; }
.pagination .prev a { float:left; background:#53777a; padding:10px; color:#FFF; text-transform:uppercase; font-size:12px; }
.pagination .prev a:hover { background:#374f51; }
.pagination .next a:hover { background:#374f51; }

/*** Sidebar & widgets ***/
#sidebar { float:right; } 
#sidebar img {margin-bottom:0px;}
#sidebar .widget a { color:#555; }
#sidebar .widget a:hover { color:#3399ff; text-decoration:none; }
.widget { margin-bottom:50px; overflow:hidden; }
.widget h3 { font-size:16px; text-transform:uppercase; color:#777; border-bottom:1px dashed #DDD; padding-bottom:6px; margin-bottom:20px; }
.widget p { font-size:12px; color:#777; }
.widget li { color:#555; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px; }
.widget li .righttext { color:#999; margin-left:10px; font-size:11px;}

/*** social widget **/
.widget .social { padding-left:24px; width:64px; display:inline-block; padding-top:2px; font-size:12px; color:#555; }
.widget .social.face { background:url(images/facebook.png) no-repeat left; width:75px; }
.widget .social.twitter { background:url(images/twitter.png) no-repeat left; width:61px; }
.widget .social.rss { background:url(images/rss.png) no-repeat left; width:54px; }

/*** banner widget ***/
.widget .banners li { float:left; border:0;}
.widget .banners li.last { float:right; }

/*** widget item ***/
.widget .widget-item { overflow:hidden; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px;}
.widget .widget-item img { float:left; margin-right:14px; }
.widget .widget-item h4 { margin-bottom:3px; line-height:17px; }
.widget .widget-item h4 a { color:#555; }
.widget .widget-item .date { color:#888; font-size:11px; }
.widget .widget-item .score {display:block;float:right;}

/* Flickr widget */
.flickr_badge_image { float:left; margin-right:15px; margin-bottom:13px; }
.flickr_badge_image img { }
#footer .widget .flickr_badge_image { margin-right:12px; margin-bottom:12px; }
#footer .widget .flickr_badge_image img { width:60px; height:60px; background:#FFF; }

/* Twitter widget */
#twitter_update_list li { background:url(images/twitter_small.png) no-repeat top left; padding-left:26px; line-height:20px; }
#footer #twitter_update_list li { background:url(images/twitter_small.png) no-repeat top left; padding-left:26px; line-height:20px; color:#666; text-shadow: 1px 1px 0 #000;  }
#twitter_update_list a { color:#999 !important; }
#twitter_update_list span a { color:#3399ff !important; }
	
/* Tags widgets */
.tagcloud a { background:#e3e3e3; padding:6px; margin-right:10px; color:#888; text-shadow: 1px 1px 1px #FFF; font-size:12px !important; display:inline-block; margin-bottom:10px; }
.tagcloud a:hover { background:#d9d9d9; text-decoration:none; color:#666 !important; }
#footer .widget .tagcloud a { background:#333; color:#AAA; text-shadow: 1px 1px 1px #222; }
#footer .widget .tagcloud a:hover { background:#444; color:#BBB !important; }
		
/*** footer random posts ***/
#footer-posts-wrapper { background:#f4f4f4 url(images/footer-bg.png) repeat; overflow:hidden; padding: 30px 0 45px 0; }
#footer-posts { width:960px; margin:0 auto;  }
#footer-posts h3 { font-size:16px; text-transform:uppercase; color:#777; text-shadow: 1px 1px 1px #FFF; margin-bottom:20px; }
#footer-posts li { float:left; margin-bottom:-3px; }

/*** footer ***/
#footer-wrapper { background:#252525 url(images/footer-bg.png) repeat; padding: 30px 0 45px 0; overflow:hidden; }
#footer { width:960px; margin:0 auto; }

#footer .widget { width:216px; margin-right:32px; float:left; margin-bottom:0; }
#footer .widget.last { margin-right:0; }
#footer .widget h3 { border-bottom:1px dashed #333; color:#777; text-shadow: 1px 1px 0 #111; }
#footer .widget p { color:#666; text-shadow: 1px 1px 0 #000;  }

#footer .widget li { border-bottom:1px solid #292929; }
#footer .widget li a { color:#999; text-shadow: 1px 1px 0 #000;  }

#footer .widget .widget-item { border-bottom:1px solid #292929;  }
#footer .widget .widget-item h4 a { color:#999; text-shadow: 1px 1px 0 #000; }
#footer .widget .widget-item h4 a:hover { text-decoration:underline; }
#footer .widget .widget-item span { color:#666; font-size:11px; }

#footer-bottom-wrapper { background:#151515; padding:18px 0 14px 0; overflow:hidden; }
#footer-bottom { width:100%; margin:0 auto; color:#444; text-shadow: 1px 1px 0 #000;  padding:0 12px;}
#footer-bottom .left { float:left; }
#footer-bottom .right { float:right; }
#footer-bottom .right img { margin-left:8px; }

/*** Archive box ***/
.browsing { border-left:10px solid #3399ff; background:#eee; padding:20px 20px 20px 16px; margin-bottom:50px; text-shadow: 1px 1px 1px #FFF; }
.browsing span { font-size:12px; text-transform:uppercase; color:#888; margin-bottom:8px; display:block; }
.browsing h1 { font-size:24px; }


/*** Shortcodes ***/

	/* Video shortcode */
	.video-shortcode { margin-bottom:20px; }
	
	/* button shortcode */
	.button { padding:9px 10px 9px 10px; display:inline-block; margin:0 10px 20px 0; cursor:pointer; }
	.button a:hover { text-decoration:none; }
	.button.black a { color:#FFF; }
	.button.black {
	 background: #333;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#333');
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
    background: -moz-linear-gradient(top,  #555, #333);
    border:1px solid #111;
	}
	.button.black:hover {
	 background: #444;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#444');
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
    background: -moz-linear-gradient(top,  #666, #444);
    border:1px solid #111;
	}
	
	.button.green a { color:#FFF; }
	.button.green {
	 background: #3ba323;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b928', endColorstr='#3ba323');
    background: -webkit-gradient(linear, left top, left bottom, from(#43b928), to(#3ba323));
    background: -moz-linear-gradient(top,  #43b928, #3ba323);
    border:1px solid #2c8816;
	}
	.button.green:hover {
	 background: #3ba323;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ac82d', endColorstr='#42b528');
    background: -webkit-gradient(linear, left top, left bottom, from(#4ac82d), to(#42b528));
    background: -moz-linear-gradient(top,  #4ac82d, #42b528);
    border:1px solid #2c8816;
	}
	
	.button.red a { color:#FFF; }
	.button.red {
	 background: #a80d0d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c31010', endColorstr='#a80d0d');
    background: -webkit-gradient(linear, left top, left bottom, from(#c31010), to(#a80d0d));
    background: -moz-linear-gradient(top,  #c31010, #a80d0d);
    border:1px solid #990c0c;
	}
	.button.red:hover {
	 background: #a80d0d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80f0f', endColorstr='#b40e0e');
    background: -webkit-gradient(linear, left top, left bottom, from(#c80f0f), to(#b40e0e));
    background: -moz-linear-gradient(top,  #c80f0f, #b40e0e);
    border:1px solid #990c0c;
	}
	
	.button.blue a { color:#FFF; }
	.button.blue {
	 background: #0f57a2;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1062b5', endColorstr='#0f57a2');
    background: -webkit-gradient(linear, left top, left bottom, from(#1062b5), to(#0f57a2));
    background: -moz-linear-gradient(top,  #1062b5, #0f57a2);
    border:1px solid #0a447f;
	}
	.button.blue:hover {
	 background: #0f57a2;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1268c1', endColorstr='#105eaf');
    background: -webkit-gradient(linear, left top, left bottom, from(#1268c1), to(#105eaf));
    background: -moz-linear-gradient(top,  #1268c1, #105eaf);
    border:1px solid #0a447f;
	}
	
	.button.orange a { color:#FFF; }
	.button.orange {
	 background: #cd460a;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e24e0c', endColorstr='#cd460a');
    background: -webkit-gradient(linear, left top, left bottom, from(#e24e0c), to(#cd460a));
    background: -moz-linear-gradient(top,  #e24e0c, #cd460a);
    border:1px solid #bc400a;
	}
	.button.orange:hover {
	 background: #cd460a;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1530d', endColorstr='#dc4b0b');
    background: -webkit-gradient(linear, left top, left bottom, from(#f1530d), to(#dc4b0b));
    background: -moz-linear-gradient(top,  #f1530d, #dc4b0b);
    border:1px solid #bc400a;
	}
	
	.button.light a { color:#777; }
	.button.light {
	 background: #DDD;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#DDD');
    background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));
    background: -moz-linear-gradient(top,  #F1F1F1, #DDD);
    border:1px solid #CCC;
	}
	.button.light:hover {
	 background: #DDD;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#E5E5E5');
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#E5E5E5));
    background: -moz-linear-gradient(top,  #F7F7F7, #E5E5E5);
    border:1px solid #CCC;
	}
	
	/*     10.2. Dropcap    */
	.dropcap { font-size:36px; margin-right:6px; padding-top:4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#888; }
	
	/*     10.4. Highlight    */
	.highlight1 { background:#f6f67a; }
	.highlight2 { background:#222; color:#CCC; }
	
	/*     10.9. Columns    */
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; font-size:13px; line-height:20px; margin-bottom:20px; }
	.one_half { 	width: 48%; }
	.one_third { width: 30.6666%; }
	.two_third { width: 65.3332%; }
	.one_fourth { width: 22%; }
	.three_fourth { width: 74%; }
	.last { margin-right: 0 !important; clear: right; }
	.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }
	
	/* Tabs shortcode */
	.tabs-wrapper ul.tabs { margin-left:-17px; height:36px; padding-left:17px; overflow:hidden; margin-bottom:0; }
	.tabs-wrapper ul.tabs li { background:none; float:left; margin-right:5px; border-top:1px solid #E8E8E8; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; padding:10px; text-transform: uppercase; }
	.tabs-wrapper ul.tabs li.active { background:#efefef; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; text-shadow: 1px 1px 1px #FFF; }
	.tabs-wrapper ul.tabs li a { color:#888; }
	.tabs-wrapper .tab_content { padding:16px 14px 0 14px; display:none; border:1px solid #E8E8E8; margin-bottom:20px; }
	
		/* Tabs widget */
		#sidebar .widget .tabs-wrapper ul.tabs { margin:0 0 20px 0; padding:0; border-bottom:1px dashed #ddd; height:25px;  }
		#sidebar .widget .tabs-wrapper ul.tabs li { background:none; float:left; margin:0 14px 0 0; padding:0; border:none; text-transform: uppercase; font-size:16px; text-transform:uppercase; color:#888; }
		#sidebar .widget .tabs-wrapper ul.tabs li.active a { color:#777; }
		#sidebar .widget .tabs-wrapper ul.tabs li a { color:#b8b8b8; }
		#sidebar .widget .tabs-wrapper ul.tabs li a:hover { text-decoration:none; color:#777; }
		#sidebar .widget .tabs-wrapper .tab_content { padding:0; display:none; border:none; margin-bottom:0; }
		
	/*     10.8. Toggles    */
	.toggle-wrapper { margin-bottom:20px; }
	.toggle { background:#EEE; border:1px solid #CCC; padding:10px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; cursor:pointer; margin-bottom:6px; }
	.toggle:hover { background:#F3F3F3; }
	.toggle a { background:url(images/toggle-arrow.png) no-repeat; padding-left:16px; color:#FFF; text-decoration:none; text-shadow: 1px 1px 1px #FFF; color:#444; font-size:13px; }
	.toggle-content { display:none; background:#F7F7F7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:10px; border:1px solid #DDD; font-size:13px; line-height:18px; text-shadow: 1px 1px 1px #FFF; margin-bottom:20px; }
	.toggle-content .block {padding:0px;}

/*** 404 ***/
.content-404 { text-align:center; margin-top:20px;}
.content-404 p { color:#a5a5a5; margin-top:-15px; margin-bottom:40px; }
.text-404 { font-size:140px; color:#999; }

/*** Pagination ***/
/*CSS PHAN TRANG*/
.pagination {
  clear:both;
  overflow:hidden;
  text-align:center;
  margin-bottom:20px;
}

.pagination a:hover {
  background:#3399ff;
  color:#FFF;
}

.pagination .page-numbers {
  background:#fff;
  color:#3399ff;
  display:inline-block;
  margin-bottom:8px;
  padding:17px 14px;
  border:1px solid #e6eae6;
  font-size:16px;
  font-weight:bold;
}

.pagination .current {
  background:#3399ff;
  color:#fff;
}
.block {display:block; float:right;}
/*Sam Pham CSS*/
#sanphamwrapper {width:100%;}
#sanpham {position:relative; width:30%; height:auto;margin-bottom:12px; font-size:11px; font-family:arial; display:block; float:left;}
#sanphamprice{background:#f1659d; line-height:13px;text-align:center; font-weight:bold; padding:3px 0px 0 0; color:#ffffff; width:100%;margin-top:-9px}
#sanphamimg img {width:100%;}
.s1 ,.s2 , .s4, .s5, .s7, .s8 {margin-right:5%;}
.post-content ul li.small-item{ background:none; }
.post-content ul li.slide {background:none;
padding-left: 0;
margin-bottom: 0;}
.w3-container.breadcrumbcontent {background-color:#f1f1f1;}
.hometop {background-color:#ffffff;}
.hometop h1 {font-size:24px; padding:10px 20px; text-align:left;}

@media (max-width: 650px) {
  .postimage, .postimage img, .related-posts img {width:100%; height:auto;}
  .post-content p img {width:100%;}
  body {padding-top:0px;}
  ul.menu li a {font-size: 13px;padding: 4px 8px; margin-right: 8px;}
  ul.menu li {margin-bottom: 8px;}
  .post .post-title {font-size: 20px;line-height: 24px; font-weight:bold;}
}
.ke-wrap-product{
		margin: 0 0 1em;
	    padding: 0;
	    list-style: none;
	    clear: both;
overflow: hidden;
	}
	.ke-wrap-product .post{
		float: left;
	    margin: 0 3.8% 2.992em 0;
	    padding: 0;
	    position: relative;
	    width: 22.05%;
	    border-bottom: 0px;
	}
	.ke-wrap-product .post:nth-child(4n){
	    margin-right: 0;
	}
	.ke-wrap-product .post .ke-product-image a img {
	    max-width: 100%;
	    height: auto;
	    display: block;
	    margin: 0;
	    box-shadow: none;
	}
	.ke-wrap-product .post h2 {
	    padding: 0;
	    margin: 0;
	    font-size: 1em;
	    margin-top: 8px;
	}
	.ke-price{
    	color: #f12424;
    	font-size: 100%;
    	font-weight: bold;
	}
	.ke-old-price{
		text-decoration: line-through;
    	color: #696969;
	}
	.ke-new-price{
	    color: #f12424;
	    padding: 0 5px;
	}
	.buttonxemthem {
	    text-align: center;
	    background: #00C1CF;
	    height: 40px;
	    line-height: 40px;
	    font-size: 18px;
	    position: relative;
	    margin-top: 10px;
	    margin-bottom: 30px;
	}
	.buttonxemthem a {
    		color: #fff;
	}
	@media (max-width: 650px) {
		.ke-wrap-product .post{
			width: 48%;
		    float: left;
		    clear: both;
		    margin: 0 4% 2.992em 0px;
		}
		.ke-wrap-product .post:nth-child(2n){
		    margin-right: 0;
		    clear: none!important;
		}
	}