/* box category */
.box-category {	margin-top: 14px;}
.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.box-category > ul > li {
	padding: 4px 8px 4px 0px;
}
.box-category > ul > li + li {
}
.box-category > ul > li > a {
	text-decoration: none;
	color: #333;
}
.box-category > ul > li > a:hover { color:#0b9ec9}
.box-category > ul > li ul {
	display: none;
}
.box-category > ul > li a.active {
	color:#0b9ec9
}
.box-category > ul > li a.active + ul {
	display: block;
	margin:5px 0 0 10px
}
.box-category > ul > li ul > li {
	padding: 5px 5px 5px 0;	
}
.box-category > ul > li ul > li  > a { background: url('../image/icon_li_category.png') 0 4px no-repeat; padding-left:12px}
.box-category > ul > li ul > li  > a:hover, .box-category > ul > li ul > li > a.active{ background-position:0 -20px; color:#0b9ec9}
.box-category > ul > li ul > li > a {
	text-decoration: none;
	display: inline-block;
	color:#7f7f7f
}
.box-category > ul > li ul > li > a.active {
	font-weight: bold;
}

.box-content ol { padding-left:0; margin-left:0}
.block-content ol > li  { background: url('../image/line_li_blog.png') left top no-repeat;padding:16px 0 13px}
.block-content ol > li:first-child { background:none; padding-top:5px}
.block-content ol > li > a:hover { color:#202020}
.block-content .recent-comment-content { padding-bottom:6px;font-size:11px }
.block-content .post-by, .block-content .comment-by { color:#0b9ec9;  font-style:italic; font-weight:bold; font-size:12px} 
.block-content .article-title, .block-content  .comment-title { color:#242424; font-weight:bold;font-size:12px; font-family:arial}
.block-content .article-title:hover , .block-content  .comment-title:hover{ color:#0b9ec9}
.block-content  .time-stamp { padding:6px 0 0; margin-bottom:6px}
small { font-size:11px}

.box.boss_block-tag-cloud{ margin-bottom:35px}
.boss_block-tag-cloud  .box-content {padding-top:10px}
.boss_block-tag-cloud a { display: inline-block; padding: 0 5px 2px 0}
.boss_block-tag-cloud a:hover {}

.category-title h1 { margin-bottom:4px}

.article-filter  { height:28px; padding:4px 8px;
	border: 1px solid #d4d4d4;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin-bottom:19px
}
.article-filter  .display { padding-top:2px;
	margin-right: 15px;
	float: left;
	color: #333;
}
.article-filter  .display  b { display:none}
.article-filter  .display a, .article-filter  .display span { display: block;float: left;margin: 1px 0 0;text-indent: -9999px; width:22px; height:22px; margin-right:6px}
.display span.active-gird, .display a.no-active-gird:hover { background: url('../image/icon_grid_list.png') 0 0 no-repeat;}
.display a.no-active-gird {  background: url('../image/icon_grid_list.png') -22px 0 no-repeat;}

.display  span.active-list, .display  a.no-active-list:hover{  background: url('../image/icon_grid_list.png') 0 -22px no-repeat; }
.display  a.no-active-list{ background: url('../image/icon_grid_list.png') -22px -22px no-repeat;}
.article-filter  .sort b , .article-filter  .limit b{ font:10px  'PTSansBold'; text-transform:uppercase; color:#5d5d5d}
.article-filter  .limit select, .article-filter  .sort select {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
    color: #a9a9a9;
    font-size: 11px;
    height: 28px; line-height:23px;
    padding: 6px; padding-top:4px\0; padding-bottom:5px\0;
    width: 136px;
}
.article-filter  .limit select option, .article-filter  .sort select option{ padding: 0 0 0 10px}
.article-filter  .sort {
	float: right;
	color: #333;
	margin-right: 15px;
}
.article-filter  .limit {
	margin-right: 15px;
	float: right;
	color: #333;
}
.article-filter .rss-feed { float:right}

.boss_article-items  img { max-width:100%}
.boss_article-items .article-name h2 { margin-bottom:5px; text-transform:none; font-weight:bold; font-size: 12px; font-family: Arial; clear:none}
.boss_article-items .article-name h2 a { color:#242424;font-size: inherit;}
.boss_article-items .article-name h2 a:hover { color:#0b9ec9}
.boss_article-items .article-image { float:left; margin-right:20px; }
.time-stamp { color:#a4a4a4; display:block; margin-bottom:8px} 
.time-stamp small { font-size:11px}
.article-footer { font-style:italic; font-weight:bold; font-size:12px }
.article-footer a{  }
.article-footer a:hover { }
.article-footer .post-by span , .comment-count span { color:#0b9ec9}

.article-list { margin:0 -10px}
.article-list > div + div { }
.article-list > div {margin-bottom: 26px;float:left; clear:both; width:98%!important }
.article-list div.std  { display:block; overflow:hidden}
.article-list .article-title { padding-bottom:22px}

.blog_search {}
.blog_search   .boss_article-items { margin-top:15px}
.blog_search   .boss_article-items > div.boss_article-item {margin-bottom: 26px;float:left; clear:both; width:98%!important }
.blog_search   .boss_article-items div.std  { display:block; overflow:hidden}

.article-grid { margin-left: -10px; margin-right: -10px; overflow: hidden;}
.article-grid > div { display:inline-block; width:25%; padding:0 0 45px 0; vertical-align:top;float:none}
.article-grid > div > div { }
.article-grid .article-name { clear:both; }
.article-grid .article-image img { max-width:100%}
.article-grid  .article-image { margin:0 0 14px 0; float:none; text-align:center}
.article-grid  .article-image  a { text-align:center}
.article-grid .article-title{ font-size:11px}
.article-grid .article-title p { margin-bottom:6px; text-align: justify;}
.article-grid  .article-name, .article-grid .article-footer{}
.article-grid .time-stamp{}
.article-grid  .article-footer {	}

p.category-image { margin-bottom:14px}
.category-description { padding-bottom:25px}
.category-description p b { color:#242424}
.category-description p { margin-bottom:12px; line-height:14px}

h1.article-title-boss { font-size:18px; text-transform:uppercase; margin-bottom:12px}
.boss_article-detail {}
.boss_article-detail  .date-post { color:#666}
.boss_article-detail  .date-post small { font-size:12px}
.boss_article-detail  .date-post small,  .boss_article-detail  .date-post span { display:inline-block; vertical-align:top}
.boss_article-detail  .date-post span  {color: #7f7f7f;font-style:italic; font-weight:bold; font-size:12px;}
.boss_article-detail  .date-post span  span { color:#0b9ec9}
.boss_article-detail  .article-content {margin-bottom:13px;padding-bottom:18px;	border-bottom: 1px solid #d9d9d9;float:left}
.boss_article-detail  .article-content img{ max-width:100%; height:auto!important; display:inline-block; float:left; margin:0 15px 10px 0}
.boss_article-detail   p { font-size:11px; margin-bottom:22px}

.boss_article-detail .boss_article-action {margin-bottom:12px;padding-bottom:14px;	border-bottom: 1px solid #d9d9d9; overflow:hidden; clear:both}
.boss_article-detail .tags , .boss_article-detail .article-share{ }
.boss_article-detail .tags  span , .boss_article-detail .tags ul, .boss_article-detail .tags li {float:left; padding-right:16px}
.boss_article-detail .tags  span  { font:400 12px  "PTSansBold"; text-transform:uppercase; color:#000}
.boss_article-detail .tags  a { color:#7f7f7f; font-style:italic; font-weight:bold; font-size:12px}
.boss_article-detail .tags  a:hover { color:#000}
.boss_article-detail .share{ float:right}
.boss_article-detail h3 {
	background: url('../image/btn_44_black_1.png') left 0 repeat-x; height:40px; color:#fff; display:inline-block;border:1px solid #000; 	font:normal 18px/38px "PTSansRegular"; padding:0 15px;text-transform:capitalize; margin: 28px 0 23px; float:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;} 
.boss_article-detail  .article-related { margin-bottom:12px}
.boss_article-detail  .article-related li { margin-bottom:7px}
.boss_article-detail  .article-related a { color:#7f7f7f}
.boss_article-detail  .article-related a:hover { color:#000}
.boss_article-detail #productRelated { margin-bottom:12px; position:relative;  overflow: hidden;}
.boss_article-detail #productRelated  .box-product { overflow:visible; position:relative}
.boss_article-detail #productRelated  .box-product > div { margin:0 0 15px 0; width:33%}
.boss_article-detail #productRelated  .box-product > div  > div { padding:10px; position:relative}

.boss_article-detail .box-product, .boss_article-detail .article-related ul{ clear:both}

#productRelated .price{ margin-bottom: 16px;}

#article-comments {}
.boss_article-detail .comments h3 { margin-bottom:17px}
.form-comment-container , .form-comment-container .form-comment { clear:both; }
.form-comment-container .form-comment textarea,.form-comment-container .form-comment input[type='text'], .form-comment-container .form-comment input[type='text']{ display:block; margin:3px 0 8px ;width: 51.8%;}
.form-comment-container .required { color:#5d5d5d; display:block; margin-bottom:2px; float:left; width:10em; padding-top:7px}
.form-comment-container em{ color:#FF0000}
.form-comment-container .form-comment  >  div {clear:both}
.form-comment-container  .captcha ,.form-comment-container   a.button{ margin-left:10em; margin-bottom:10px; clear:both; }
.form-comment-container .form-comment .captcha  input[type="text"] { margin-top:5px; float:left; margin-right:10px; margin:5px 10px 8px 0; width: 29%;}
.form-comment-container  .required-1  { color: #fc1414; font-size:11px; position:relative; top:11px}
.form-comment-container  .required-1:hover { text-decoration:underline}
#allcomments , .allcomments{ clear:both}
.boss_article-detail #article-comments h3{ margin-bottom:17px}
#allcomments > div {padding-bottom:25px} 
.comment-item-header small.time-stamp{ display:inline-block; font-size:11px; color:#a4a4a4}
.comment-item-header span.comment-by { color:#0b9ec9; font:bold italic 12px Arial}
div.comment-body { padding-bottom:7px; font-size:11px}


#productRelated ul li {
    margin-right: 40px;}



@media only screen and (min-width:1024px) and (max-width: 1279px){
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.article-grid > div { width:50%}
	.boss_article-detail #productRelated  .box-product > div{ width:50%}
}
@media only screen and (max-width: 767px) {	
	.article-filter { display:none}
	.article-grid > div { width:100%}
	.boss_article-detail #productRelated  .box-product > div{ width:50%}
	.boss_article-detail h3 { width:99.333%; padding:0; text-indent:15px}
	.form-comment-container .captcha, .form-comment-container a.button { margin-left:0}
	.form-comment-container .required-1 { top:-3px}
	
	.boss_article-detail .article-content img { width:100%!important; height:100%!important}
	
	.boss_article-detail h3 span {display: block;
    margin-right: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 62.333%;}
	
	.boss_article-items .article-image { width:100%; text-align:center}
	.article-list div.std { clear:both}
	.boss_article-detail .share { clear:both; float:left; margin-top:10px}
	

 }
@media only screen and (max-width: 479px) { 
	.form-comment-container .required { float:none}
	.form-comment-container .form-comment textarea, .form-comment-container .form-comment input[type="text"], .form-comment-container .form-comment input[type="text"] ,.form-comment-container .form-comment .captcha input[type="text"]{ width:92%}
	.form-comment-container .captcha, .form-comment-container a.button { margin-left:0}
	.form-comment-container a.button { margin-top:10px}

}