@charset "utf-8";

/* CSS Document */

body {font-size:14px; font-family:Arial, Helvetica, sans-serif; }

header, article, footer {width:100%; height:auto; margin:auto;}

/* CSS Chung cua cac product */
.product {width: auto; overflow: hidden; position: relative; text-align: center;	 }
.product a {text-decoration: none;}
.product .pro-info{ height: 100%; width: 100%; }
.product .pro-img  {position: relative; height:auto; overflow:hidden;}
.product .pro-img img { display:inline-block; position: relative; width:auto;}
.product .pro-name {}
.product p { position: relative; text-align:justify; }
.product span.price { font-weight:bold; display:block; overflow:hidden;}
.product span.price-old {padding:0px; margin:0px; font-weight:normal; text-decoration:line-through;}
.product span.price .unit { font-weight:normal; text-decoration:blink;}
.product a.btn-link { display: inline-block; text-decoration: none; }
.product .onsale {width:auto;height:auto; position: absolute;overflow: hidden;text-align: center; }
/* END CSS Chung cua cac product */

/* CSS Chung cua cac news */
.news {width: auto; position: relative; overflow: hidden; }
.news a {text-decoration: none;}
.news .pro-info{ height: 100%; width: 100%; }
.news .pro-img  {position: relative; height:auto; overflow:hidden;}
.news .pro-img img { display:inline-block; position: relative; width:auto;}
.news .pro-name {}
.news p { position: relative; text-align:justify; }
.news span.price { font-weight:bold; display:block; overflow:hidden;}
.news span.price-old {padding:0px; margin:0px; font-weight:normal; text-decoration:line-through;}
.news span.price .unit { font-weight:normal; text-decoration:blink;}
.news a.btn-link { display: inline-block; text-decoration: none; }
.news .onsale {width:auto;height:auto; position: absolute;overflow: hidden;text-align: center; }
/* END CSS Chung cua cac news */


.wrap-news-details {width:100%; float: left; height: auto;}

table.box-spec {
    border-right: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    float: left;
    font-size: 12px;
    margin: 10px auto;
}
table.freestyle tr td, table.freestyle th {
    border-left: 1px solid #D0D0D0;
    color: #000;
    padding: 8px;
}
table.freestyle th, table.freestyle td {
    border-bottom: 1px solid #AEADAD;
}

.top-social-icons {list-style-type:none; margin:auto; width:auto; height:auto;}
.top-social-icons li {float: left;}

.widget-foot {width:auto; height:auto; float:left;}
.widget-foot ul {list-style-type:none; float:left; height:auto;}
.widget-foot ul li {float:left; }
.widget-foot ul li a {}

/* layout col 10 va 12 ko margin ko pardinh */
.col-dt-ten1-nomp {width: 10%; float: left;}
.col-dt-ten2-nomp {width: 20%; float: left;}
.col-dt-ten3-nomp {width: 30%; float: left;}
.col-dt-ten4-nomp {width: 40%; float: left;}
.col-dt-ten5-nomp {width: 50%; float: left;}
.col-dt-ten6-nomp {width: 60%; float: left;}
.col-dt-ten7-nomp {width: 70%; float: left;}
.col-dt-ten8-nomp {width: 80%; float: left;}
.col-dt-ten9-nomp {width: 90%; float: left;}
.col-dt-ten10-nomp {width: 100%; float: left;}

.col-dt-twelve1-nomp {width:8.33%; float: left;}
.col-dt-twelve2-nomp {width:16.66%; float: left;}
.col-dt-twelve3-nomp {width:24.99%; float: left;}
.col-dt-twelve4-nomp {width:33.32%; float: left;}
.col-dt-twelve5-nomp {width:41.65%; float: left;}
.col-dt-twelve6-nomp {width:49.98%; float: left;}
.col-dt-twelve7-nomp {width:58.31%; float: left;}
.col-dt-twelve8-nomp {width:66.64%; float: left;}
.col-dt-twelve9-nomp {width:74.97%; float: left;}
.col-dt-twelve10-nomp {width:83.3%; float: left;}
.col-dt-twelve11-nomp {width:91.63%; float: left;}
.col-dt-twelve12-nomp {width:99.96%; float: left;}
/* End layout col 10 va 12 ko margin ko pardinh */


	/* layout col 10 & col 12 */
		.col-dt-ten1 { width:8%; margin:1%; float:left;}
		.col-dt-ten2 { width:18%; margin:1%; float:left;}
		.col-dt-ten3 { width:28%; margin:1%; float:left;}
		.col-dt-ten4 { width:38%; margin:1%; float:left;}
		.col-dt-ten5 { width:48%; margin:1%; float:left;}
		.col-dt-ten6 { width:58%; margin:1%; float:left;}
		.col-dt-ten7 { width:68%; margin:1%; float:left;}
		.col-dt-ten8 { width:78%; margin:1%; float:left;}
		.col-dt-ten9 { width:88%; margin:1%; float:left;}
		.col-dt-ten10 { width:98%; margin:1%; float:left;}
		
		.col-dt-twelve1 { width:6.33%; margin:1%; float:left;}
		.col-dt-twelve2 { width:14.66%; margin:1%; float:left;}
		.col-dt-twelve3 { width:22.99%; margin:1%; float:left;}
		.col-dt-twelve4 { width:31.32%; margin:1%; float:left;}
		.col-dt-twelve5 { width:39.65%; margin:1%; float:left;}
		.col-dt-twelve6 { width:47.99%; margin:1%; float:left;}
		.col-dt-twelve7 { width:56.25%; margin:1%; float:left;}
		.col-dt-twelve8 { width:64.68%; margin:1%; float:left;}
		.col-dt-twelve9 { width:73.01%; margin:1%; float:left;}
		.col-dt-twelve10 { width:81.33%; margin:1%; float:left;}
		.col-dt-twelve11 { width:89.66%; margin:1%; float:left;}
		.col-dt-twelve12 { width:97.99%; margin:1%; float:left;}
	/* End layout col 10 & col 12 */

@media screen and (max-width:1200px) and (min-width:769px){
	
}

@media screen and (max-width:768px) and (min-width:481px){
	/* layout col 10 & col 12 */
		.col-tb-ten1 { width:8%; margin:1%; float:left;}
		.col-tb-ten2 { width:18%; margin:1%; float:left;}
		.col-tb-ten3 { width:28%; margin:1%; float:left;}
		.col-tb-ten4 { width:38%; margin:1%; float:left;}
		.col-tb-ten5 { width:48%; margin:1%; float:left;}
		.col-tb-ten6 { width:58%; margin:1%; float:left;}
		.col-tb-ten7 { width:68%; margin:1%; float:left;}
		.col-tb-ten8 { width:78%; margin:1%; float:left;}
		.col-tb-ten9 { width:88%; margin:1%; float:left;}
		.col-tb-ten10 { width:98%; margin:1%; float:left;}

		.col-tb-twelve1 { width:6.33%; margin:1%; float:left;}
		.col-tb-twelve2 { width:14.66%; margin:1%; float:left;}
		.col-tb-twelve3 { width:22.99%; margin:1%; float:left;}
		.col-tb-twelve4 { width:31.32%; margin:1%; float:left;}
		.col-tb-twelve5 { width:39.65%; margin:1%; float:left;}
		.col-tb-twelve6 { width:47.99%; margin:1%; float:left;}
		.col-tb-twelve7 { width:56.25%; margin:1%; float:left;}
		.col-tb-twelve8 { width:64.68%; margin:1%; float:left;}
		.col-tb-twelve9 { width:73.01%; margin:1%; float:left;}
		.col-tb-twelve10 { width:81.33%; margin:1%; float:left;}
		.col-tb-twelve11 { width:89.66%; margin:1%; float:left;}
		.col-tb-twelve12 { width:97.99%; margin:1%; float:left;}
	/* layout col 10 & col 12 */

/* layout col 10 va 12 ko margin ko pardinh */
.col-tb-ten1-nomp {width: 10%; float: left;}
.col-tb-ten2-nomp {width: 20%; float: left;}
.col-tb-ten3-nomp {width: 30%; float: left;}
.col-tb-ten4-nomp {width: 40%; float: left;}
.col-tb-ten5-nomp {width: 50%; float: left;}
.col-tb-ten6-nomp {width: 60%; float: left;}
.col-tb-ten7-nomp {width: 70%; float: left;}
.col-tb-ten8-nomp {width: 80%; float: left;}
.col-tb-ten9-nomp {width: 90%; float: left;}
.col-tb-ten10-nomp {width: 100%; float: left;}

.col-tb-twelve1-nomp {width:8.33%; float: left;}
.col-tb-twelve2-nomp {width:16.66%; float: left;}
.col-tb-twelve3-nomp {width:24.99%; float: left;}
.col-tb-twelve4-nomp {width:33.32%; float: left;}
.col-tb-twelve5-nomp {width:41.65%; float: left;}
.col-tb-twelve6-nomp {width:49.98%; float: left;}
.col-tb-twelve7-nomp {width:58.31%; float: left;}
.col-tb-twelve8-nomp {width:66.64%; float: left;}
.col-tb-twelve9-nomp {width:74.97%; float: left;}
.col-tb-twelve10-nomp {width:83.3%; float: left;}
.col-tb-twelve11-nomp {width:91.63%; float: left;}
.col-tb-twelve12-nomp {width:99.96%; float: left;}
/* End layout col 10 va 12 ko margin ko pardinh */
	

}


@media screen and (max-width:480px){
	/* layout col 10 & col 12 */
		.col-mb-ten1 { width:8%; margin:1%; float:left;}
		.col-mb-ten2 { width:18%; margin:1%; float:left;}
		.col-mb-ten3 { width:28%; margin:1%; float:left;}
		.col-mb-ten4 { width:38%; margin:1%; float:left;}
		.col-mb-ten5 { width:48%; margin:1%; float:left;}
		.col-mb-ten6 { width:58%; margin:1%; float:left;}
		.col-mb-ten7 { width:68%; margin:1%; float:left;}
		.col-mb-ten8 { width:78%; margin:1%; float:left;}
		.col-mb-ten9 { width:88%; margin:1%; float:left;}
		.col-mb-ten10 { width:98%; margin:1%; float:left;}

		.col-mb-twelve1 { width:6.33%; margin:1%; float:left;}
		.col-mb-twelve2 { width:14.66%; margin:1%; float:left;}
		.col-mb-twelve3 { width:22.99%; margin:1%; float:left;}
		.col-mb-twelve4 { width:31.32%; margin:1%; float:left;}
		.col-mb-twelve5 { width:39.65%; margin:1%; float:left;}
		.col-mb-twelve6 { width:47.99%; margin:1%; float:left;}
		.col-mb-twelve7 { width:56.25%; margin:1%; float:left;}
		.col-mb-twelve8 { width:64.68%; margin:1%; float:left;}
		.col-mb-twelve9 { width:73.01%; margin:1%; float:left;}
		.col-mb-twelve10 { width:81.33%; margin:1%; float:left;}
		.col-mb-twelve11 { width:89.66%; margin:1%; float:left;}
		.col-mb-twelve12 { width:97.99%; margin:1%; float:left;}
	/* layout col 10 & col 12 */

/* layout col 10 va 12 ko margin ko pardinh */
.col-mb-ten1-nomp {width: 10%; float: left;}
.col-mb-ten2-nomp {width: 20%; float: left;}
.col-mb-ten3-nomp {width: 30%; float: left;}
.col-mb-ten4-nomp {width: 40%; float: left;}
.col-mb-ten5-nomp {width: 50%; float: left;}
.col-mb-ten6-nomp {width: 60%; float: left;}
.col-mb-ten7-nomp {width: 70%; float: left;}
.col-mb-ten8-nomp {width: 80%; float: left;}
.col-mb-ten9-nomp {width: 90%; float: left;}
.col-mb-ten10-nomp {width: 100%; float: left;}

.col-mb-twelve1-nomp {width:8.33%; float: left;}
.col-mb-twelve2-nomp {width:16.66%; float: left;}
.col-mb-twelve3-nomp {width:24.99%; float: left;}
.col-mb-twelve4-nomp {width:33.32%; float: left;}
.col-mb-twelve5-nomp {width:41.65%; float: left;}
.col-mb-twelve6-nomp {width:49.98%; float: left;}
.col-mb-twelve7-nomp {width:58.31%; float: left;}
.col-mb-twelve8-nomp {width:66.64%; float: left;}
.col-mb-twelve9-nomp {width:74.97%; float: left;}
.col-mb-twelve10-nomp {width:83.3%; float: left;}
.col-mb-twelve11-nomp {width:91.63%; float: left;}
.col-mb-twelve12-nomp {width:99.96%; float: left;}
/* End layout col 10 va 12 ko margin ko pardinh */


}