@charset "utf-8";
/* CSS Document */
@font-face {
font-family:'utm_nokia_standardregular';
src:url('../Images/font/utm_nokia_standard-webfont.eot');
src:url('../Images/font/utm_nokia_standard-webfont.eot?#iefix') format('embedded-opentype'), url('../Images/font/utm_nokia_standard-webfont.woff') format('woff'), url('../Images/font/utm_nokia_standard-webfont.ttf') format('truetype'), url('../Images/font/utm_nokia_standard-webfont.svg#gotham_htfbold') format('svg');
font-weight:bold;
font-style:normal
}
body {
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../Images/intro_Bg.jpg) center no-repeat;
	background-attachment: fixed;
	color:#fefefe;
}
a {
	text-decoration: none;
	color: #fef9eb;
}
a:hover {
	text-decoration: underline;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
	clear: both;
}
img {
	border: none
}
h1 {
	font-size: 15px;
}
h2 {
	font-size: 12px;
}
ul {
	list-style: none;
}
pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
p {
	line-height: 18px;
}
.clear {
	clear: both;
}
.img_general {
	float: left;
	margin-right: 10px;
	position: relative;
	background: #FFFFFF;
	padding: 3px;
}
.inputbox {
	height: 20px;
	line-height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/*LAYOUT*/
.subpage {
	min-height: 480px;
}
.main {
	float: left;
	width: 100%;
	padding: 0;
}
.main_content {
	float: right;
	width: 760px;
	padding: 10px;
	margin-bottom: 10px;
	height: 500px;
	background: #ffcc00;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/******STYLE HEADER******/
.header {
	float: left;
	width: 100%;
	position: relative;
	height: 90px;
}
.logo {
	float: left;
	display: block;
	margin-right: 10px;
}
.slogan {
	float: left;
	margin: 10px 0;
}
/* SEARCH */
.search {
	width: 200px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 130px;
	display: block;
	border-top: 1px solid #ad7d04;
	border-left: 1px solid #ad7d04;
	border-right: 1px solid #afaa9d;
	border-bottom: 1px solid #afaa9d;
	background: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.input_Search {
	float: left;
	color: #333333;
	background: none;
	font: 12px Arial;
	height: 25px;
	margin-left: 5px;
	line-height: 25px;
	width: 173px;
	border: none;
}
.search_btn {
	float: right;
	background: url(../Images/icon.png) -44px 0 no-repeat;
	border: medium none;
	cursor: pointer;
	height: 20px;
	padding: 0;
	width:20px;
	position: absolute;
	top: 3px;
}
/*Cart*/
.cart {
	position: absolute;
	top: 15px;
	right: 0;
	margin: 0;
	line-height: 20px;
	color: #362a0b;
	text-align: left;
}
.cart a {
	color: white;
}
.cart b {
	color: #FF0000;
}
.icon_cart {
	float: left;
	display: block;
	width: 30px;
	height: 20px;
	background: url(../Images/icon.png) 0 -3px no-repeat
}
.page {
	margin:0 auto;
	width: 1000px;
}
/******STYLE CONTAINER******/
.wrap-container {
	float: left;
	width:100%;
	position: relative;
}
.line {
	float: left;
	width: 100%;
	height: 26px;
	margin: 10px 0;
	background: url(../Images/bg_header_top.png) center 0 no-repeat
}
/*Categories Field*/
.shortinfo_company {
	float: left;
	width: 100%;
}
.ulcate {
	float: left;
	margin-top: 10px;
	margin-left: -20px
}
.cate_li {
	float: left;
	width: 220px;
	margin: 10px 0;
	margin-left: 30px;
	text-align: left;
}
.cate_name {
	width: 220px;
	height: 60px;
	overflow: hidden;
	line-height: 25px;
	text-align: center;
	padding: 0 5px;
	color: #cc0000;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	font-family: "utm_nokia_standardregular", Arial;
}
.cate_name:hover {
	text-decoration: underline
}
.short_desnews {
	text-align: justify;
	height: 245px;
	overflow: hidden
}
.short_desnews p 
{
    color:Black;
	line-height: 150%;
	margin: 5px 0;
}
/*Footer*/
.footer {
	clear: both;
	float: left;
	padding: 20px 0;
	width: 100%;
	color: #fefefe;
	background: #211b08 url(../Images/footer_Bg.png) top center no-repeat;
}
.footer a {
	color: #248dfb
}
.info_footer {
	float: left;
	width: 50%;
	margin-left: 20px;
	font: normal 12px Arial;
	text-align: left;
}
.info_footer p {
	margin: 0 0 4px 0
}
.copyright {
	float: right;
	margin-right: 80px;
	text-align: right;
}
.copyright p {
	margin: 0;
	padding: 0;
}
/*Social Network*/
.social_network {
	float: right;
	clear: right;
	margin-right: 80px;	
	padding: 10px 0;
}
.social_network span {
	display: inline-block;
	width: 22px;
	height: 21px;
	background-image: url(../Images/icon.png);
	background-repeat: no-repeat;
	padding-right: 2px;
}
.social_network a:hover {
	text-decoration: none
}
.icon_facebook {
	background: url(../Images/icon.png) 0 -129px no-repeat;
}
.icon_twitter {
	background: url(../Images/icon.png) -25px -129px no-repeat;
}
.icon_gplus {
	background: url(../Images/icon.png) -51px -129px no-repeat;
}
.icon_p {
	background: url(../Images/icon.png) -74px -129px no-repeat;
}
.icon_linkedin {
	background: url(../Images/icon.png) -100px -129px no-repeat;
}
.icon_youtube {
	background: url(../Images/icon.png) -125px -129px no-repeat;
}
/*Access Status*/
.access_status {
	float: right;
	clear: right;
	margin-right: 80px;	
	font-size: 14px;
	color: #fece2a;
}
/*Box*/
.box {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}
.box_content {
	position: relative;
}
/*Tab*/
.box_Tab {
	height: 55px;
	line-height: 30px;
	text-align: center;
	width: 100%;
	background: url(../Images/bg_header_top.png) center 25px no-repeat;
	color: red;
	font-size: 20px;
	font-weight: 500;
	font-family: "utm_nokia_standardregular", Arial;
}
/*Product*/
.product_row {
	margin-left: -10px;
}
.product {
	float: left;
	text-align: center;
	width: 210px;
	height: 260px;
	padding: 5px;
	margin: 10px 0 10px 25px;
	display: table;
	position: relative;
	background: #a69f8c;
}
.product:hover {
	background: #f7e6b3
}
.img_product {
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 200px;
	padding: 5px;
	margin-bottom: 10px;
}
.product_name {
	float: left;
	width: 70%;
	text-align: left;
	padding: 3px 0;
	height: 28px;
	overflow: hidden;
}
.product_name a {
	font-weight: 700;
	line-height: 16px;
}
.product:hover a {
	color: #065aad;
	text-decoration: none
}
.price {
	font-size: 12px;
	color: #cecece;
	background: url(../Images/icon.png) 0 -28px no-repeat;
	position: absolute;
	z-index: 100;
	left: 0;
	bottom: 0;
	width: 125px;
	height: 30px;
	line-height: 35px;
	text-align: left;
	padding-left: 5px;
}
.price b {
	color: #FFFFFF
}
.addtocart {
	float: right;
	display: block;
	width: 50px;
	height: 35px;
	background: url(../Images/icon.png) 0 -75px no-repeat;
}
/*Detail Products*/
.dt_infop {
	float: left;
	width: 380px;
	margin-left: 20px;
}
.float_L {
	float: left;
	clear: both;
}
.float_L span {
	float: left;
	width: 100px;
	font-weight: 700;
	line-height: 40px;
	font-size: 13px;
	color:Black;
}
.dt_infop .short_des p {
	margin: 10px 0;
	line-height: 120%;
	color: #fefefe;
}
.dt_infop .quantity .inputbox {
	width: 30px;
	text-align: center;
}
.dt_infop .dt_price b {
	font-size: 30px;
	color: red;
	font-size: 30px;
	font-weight: 700;
    line-height: 35px;
}
.dt_infop .dt_buy {
	float: left;
	margin-top: 20px;
	display: block;
	width: 150px;
	height: 48px;
	background: url(../Images/icon.png) 0 -175px no-repeat;
}
/*Cart*/
table.page_cart {
	background-color: #5e5536;
	border-spacing: 1px;
	margin: 0.5em 0;
}
table.page_cart th {
	color: #FFFFFF
}
table.page_cart th, table.page_cart td {
	padding: 4px
}
table.page_cart td {
	background-color: #877b59;
}
table.page_cart td.product_name {
	color: #f8c849;
	font-weight: 700
}
#news-container {
	margin-bottom: 10px;
	padding: 0 30px;
}
#news-container .title {
	background-color: #46a9f1;
	border-top: 1px solid #dedede;
	color: #555555;
	font: bold 14px Arial;
	margin: 0.5em 0;
	padding: 10px;
}
.button_payment {
	display: inline-block;
	width: 80px;
	height: 30px;
	background: url(../Images/bg_repeat.png) 0 -70px repeat-x;
	margin-left: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font: bold 12px Arial;
	line-height: 30px;
	text-align: center;
	cursor:pointer;
}
.button_payment:hover { text-decoration: none }
/*Gallery*/
.img_gallery {
	border: 1px solid #DADADA;
	padding: 4px;
	background: #FFFFFF;
}
.list_gallery ul li { float: left; width: 210px; text-align: center; margin: 20px 15px 0 15px; background: url(../Images/shadow.png) bottom center no-repeat; }
.list_gallery .h2Title { margin: 5px 0 10px 0; }
.list_gallery .h2Title a { font-size: 14px;color:Black }
/*================Ho Tro Truc Tuyen===============*/

* html div#block_Bottom {
	position: absolute;
	overflow:hidden;
}
#block_Bottom {
	color:#666;
	position:fixed;
	_position: absolute;
	float:right;
	right:10px;
	bottom:0;
	margin:0;
	z-index:90000;
}
#coh963846 {
	display:block;
	font-size:10px;
	color:#fFF;
	background: url(../Images/bg_repeat.png) 0 -18px repeat-x;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
opacity: 0.9;
	padding: 7px 0 2px 5px;
	height: 20px;
	width: 150px;
	font-size: 11px;
	font-weight: 700	
}
#coh963846 a {
	color:#690;
	text-decoration:none;
}
#coc67178 {
	float:right;
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
	height:14px;
	border: 1px solid #343333;
	margin-right: 3px;
}
#coc67178 li {
	display:inline;
}
#coc67178 li a {
	background-image:url(../images/button.png);
	background-repeat:no-repeat;
	width:27px;
	height:0;
	padding-top:14px;
	overflow:hidden;
	float:left;
}
#coc67178 li a.close {
	background-position: -54px 0;
	width:20px;
}
#coc67178 li a.min {
	background-position: -30px 0;
}
#coc67178 li a.max {
	background-position: 0 0;
}
#co453569 {
	display:block;
	height:200px;
	margin:0;
	padding:0;
	border:1px solid #878787;
	overflow:hidden;
	background:#FFF
}
.support {
	height:10px;
	padding:2px 4px;
}
.support a {
	padding:5px 0;
	color:#333;
	font-size:12px;
	display: block;
}
.support a:hover {
	text-decoration:none;
	color:#f00
}
/*Path*/
.current_path {
	float: left;
	width: 100%;
	padding: 0;
	color: #FFFFFF;
}
.current_path a, .current_path {
	color: Black;
	float: left;
	font-size: 11px;
}
.current_path .spSeperator {
	background: url(../Images/arrow_path.png) 5px 5px no-repeat;
	float: left;
	height: 10px;
	padding: 0 5px;
	width: 5px;
}
/*Pagination*/
.pagination {
	clear: both;
	font-weight: bold;
	margin: 10px auto;	
	text-align: center;
	width: 100%;
	line-height: 30px;
}
.pagination a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 2px;
	padding: 5px 10px;
	color: #FFFFFF;
	background: #7f7e7a;
}
.pagination b, .pagination a:hover {
	background: url(../Images/bg_repeat.png) 0 -23px repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFFFFF;
	margin: 0 2px;
	padding: 5px 10px;
	text-decoration: none;
}
/*News*/
#list_news {
	width: 100%;
}
#list_news ul {
	padding: 10px 0;
}
#list_news ul li {
	border-bottom: 1px dotted #FFFFFF;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
}
#list_news .view_more {
	float: right;
	padding: 0 10px;
	margin-top: 10px;
	font-size: 11px;
	font-weight: 700;
	line-height: 25px;
	background: url(../Images/bg_repeat.png) 0 -20px repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFFFFF;
}
#list_news .h2Title {
	padding: 0 0 3px 0;
}
#list_news .h2Title a {
	 color: Black;
	 font-size: 14px;
}
#list_news p {
	margin: 0 0 1em 0;
	line-height: 150%
}
#list_news img {
	border: 1px solid #dbdbdb;
	padding: 4px;
}
.h1Title {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: Black;
}
.detail_page {
	margin: 10px 0;
}
.detail_page, .detail_page p, .detail_info p {
	line-height: 160%;
	margin: 10px 0
}
.hiTitle {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #FF0C00;
}
.date {
	color: #878787;
	font: 11px Arial;
}
.detail_info {
	float: left;
	width: 100%;
}
.function {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #e3e3e3 -moz-use-text-color;
	border-image: none;
	border-style: solid none;
	border-width: 1px medium;
	float: left;
	padding: 5px 0;
	width: 100%;
}
.like_face {
	float: left;
	height: 18px;
	padding: 0;
	width: 35%;
}
.toolbar {
	float: right;
	padding: 0;
	position: relative;
	text-align: left;
}
.toolbar a {
	background: url(../Images/toolbar.png) no-repeat scroll 0 0 transparent;
	display: inline-block;
	margin-left: 10px;
	padding-left: 20px;
	color:Black;
}
a.print {
	background-position: 0 2px;
}
a.email {
	background-position: 0 -18px;
}
a.opinion {
	background-position: 0 -37px;
}
.other_news_sub {
	clear: both;
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
}
.other_newsT {
	padding-bottom: 3px;
	margin: 10px 0;
	position: relative;
	color: black;
	font-size: 18px;
}
.other_news_sub ul {
	margin: 10px 0 0 10px;
}
.other_news_sub ul li {
	padding: 5px 0;
}
.other_news_sub a {
	background: url(../Images/arrow_left.gif) no-repeat scroll 0 0 transparent;
	padding-left: 15px;
	color:Black;
}
.view_all {
	float: left;
	background: none !important;
	margin-top: 10px;
	text-align: right;
	text-decoration: underline;
	font-size: 11px;
	color: #db1f1d;
}
/*Support*/
#support ul li {
	float: left;
	width: 100%;
	margin: 5px 0;
	text-align: center;
}
#support li p {
	margin: 5px 0
}
#support label {
	font-weight: 700;
}
/*Access Status*/
#access_status {
	padding: 0 10px
}
#access_status p {
	margin: 10px 0
}
#access_status span {
	float: left;
	width: 110px;
	text-align: right;
	position: relative;
	top: -4px;
	margin-right: 10px;
	font-size: 18px;
	font-weight: 700;
}
