/* CSS Document */
#page{
	margin:0 2px;
	padding:10px 0 0 0;
}
#page .right2{
	float: right; 
	width:236px;
}
#page .right2 .menu_right2{
	padding:5px 6px;
	position: relative;
    -webkit-box-shadow: #CCC 0 0 .5em;
    -moz-box-shadow: #CCC 0 0 .5em;
    box-shadow: #CCC 0 0 .5em;
    behavior: url(css/PIE.htc);
}
#page .right2 .menu_right2 .online{
	padding:5px 10px;
	color:#5b5b5b;
	font-weight:bold;
}
#page .right2 .menu_right2 .online span{
	color:#016ab4;
}
#page .right2 .menu_right2 .tieude{
	background: url(../images/icon_news.png) no-repeat left;
	padding:5px 0 0 20px;
	margin:10px 5px 0 5px;
	color:#d11502;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}
#page .right2 .menu_right2 .tieude a{
	color:#d11502;
}
#page .right2 .menu_right2 .sub_menu{
	margin:0 5px;
	padding:5px 0;
	border-bottom:solid #CCC 1px;
	font-size:12px;
	color:#f00101;
}
#page .right2 .menu_right2 .sub_menu a{
	color:#5b5b5b;
}
#page .right2 .menu_right2 .sub_menu a:hover{
	color:#076edc;
}
#page .right2 .menu_right2 .sub_menu a.active{
	color:#076edc;
}
#page .right2 .banner_qc{
	border:solid 1px #CCC;
	margin:6px 0;
}

#page .banner_new{
	margin: 0 250px 0 0;
	position: relative;
	background:#FFF;
    -webkit-box-shadow: #CCC 0 0 .5em;
    -moz-box-shadow: #CCC 0 0 .5em;
    box-shadow: #CCC 0 0 .5em;
    behavior: url(css/PIE.htc);
	text-align:center;
	display:none;
}
#page .banner_new img{
	margin:5px 0;
	border:1px solid #CCC;
}
#page .page_new{
	margin: 0 250px 0 0;
	padding:3px;
	position: relative;
	background:#FFF;
    -webkit-box-shadow: #CCC 0 0 .5em;
    -moz-box-shadow: #CCC 0 0 .5em;
    box-shadow: #CCC 0 0 .5em;
    behavior: url(css/PIE.htc);
	text-align:center;
}
#page .page_new .news_img_group {
	float:left;
	margin:10px 10px 0 5px;
}
#page .page_new .news_group {
	padding:4px;
	text-align:left;
}
#page .page_new .news_group img{
	float:left;
	padding:2px;
	border:#CCC solid 1px;
	margin:2px 5px 2px 2px;
}
#page .page_new .news_group .tieude{
	font-weight:bold;
	line-height:20px;
}
#page .page_new .news_group .tieude a{
	background:url(../images/icon_news.jpg) no-repeat left;
	color:#b01101;
	padding:0 0 0 20px;
}
#page .page_new .news_group .tieude a:hover{
	color:#016ab4;
}
#page .page_new .news_group .summary{
	color:#000;
	line-height:20px;
}
#page .page_new .cot_ngang {
	border-bottom:1px solid #CCC;
	clear:left;
	height:1px;
}

#page .page_new .news_group img.class_dt{
	display:block;
	float:left;
	margin:5px 10px 0 5px;
}
#page .page_new .news_detail {
	padding:4px;
	text-align:left;
}
#page .page_new .news_detail .news_detail_img{
	float:left;
	margin:5px 10px 5px 5px;
}
#page .page_new .news_detail .news_detail_title{
	font-size:13px;
	font-weight:bold;
	color:#b01101;
}
#page .page_new .news_detail .news_detail_detail{
	color:#000;
	text-align:justify;
	line-height:20px;
}
#page .page_new .news_detail .news_detail_other{
	font-size:13px;
	color:#b01101;
	font-weight:bold;
	font-style:italic;
	padding-bottom:5px;
}
#page .page_new .news_detail .news_detail_other a{
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	color:#333;
	padding:4px 0 4px 10px;
}
#page .page_new .news_detail .news_detail_other a:hover{
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	color:#b01101;
	padding:4px 0 4px 10px;
}

#page .page_pro{
	margin: 10px 250px 0 0;
	padding:3px;
	position: relative;
	background:#FFF;
    -webkit-box-shadow: #CCC 0 0 .5em;
    -moz-box-shadow: #CCC 0 0 .5em;
    box-shadow: #CCC 0 0 .5em;
    behavior: url(css/PIE.htc);
	text-align: left;
}


#page .page_pro .product_content{
	line-height:20px;
	padding:4px;
}
#page .page_pro .pro_detail_group{
	line-height:20px;
	padding:4px;
}

#page .page_pro .pro_group{
	text-align: center;
	width:18%;
	margin:5px;
	display:block;
	float:left;
	min-height:150px;
}
#page .page_pro .pro_group img{
	width:96%;
	border:1px solid #CCC;
	text-align:center;
	height:145px;
}
#page .page_pro .pro_group .pro_group_title{
	text-align:center;
	font-weight:bold;
	height:20px;
}
#page .page_pro .pro_group_cach{
	text-align: center;
	width:4px;
	display:block;
	float:left;
	min-height:150px;
}
#page .page_pro .pro_detail{
	text-align: left;
}
#page .page_pro .pro_detail .content_img{
	margin:5px 10px 0 5px;
	display:block;
	float: left;
	background:#099;
}

#page .page_pro .pro_detail img.img_detail {
	margin:5px 10px 0 5px;
	display:block;
	float: left;
}
#page .page_pro .pro_detail .pro_detail_title{
	text-align: left;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
#page .page_pro .pro_detail .pro_detail_price{
	text-align: left;
	color:#373737;
	padding:5px 0;
	font-size:12px;
	font-weight:bold;
}
#page .page_pro .pro_detail .pro_detail_price span.price{
	color:#b01101;
}

.price{
	color:#b01101;
	font-weight:bold;
}

#page .page_pro .pro_detail .pro_detail_detail{
	color:#000;
	line-height:20px;
}
#page .page_pro .pro_detail .pro_detail_color{
	color:#000;
	line-height:20px;
}
#page .page_pro .pro_detail .pro_detail_color .color_name{
	color:#000;
	float:left;
	margin:0 20px 0 10px;
}
#page .page_pro .pro_detail .pro_detail_order{
	color:#fff;
	font-size:12px;
	margin-right:30px;
	font-weight:bold;
	text-align:right;
	padding:5px 10px 4px 0;
	background:url(../images/bg_order.jpg) no-repeat right;
}
#page .page_pro .pro_detail .pro_detail_order a{
	color:#fff;
}
#page .page_pro .pro_other{
	text-align: left;
	padding:5px;
}
#page .page_pro .pro_other .pro_other_title{
	text-align:left;
	padding:5px;
	color:#d11502;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
.pro_other_detail{
	position: relative; /*leave this value alone*/
	overflow: scroll;
	height:140px;
	width:86%;
	padding:5px 30px;
	margin:0 auto;
}

.pro_other_detail .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.pro_other_detail .panel{
	float: left; /*leave this value alone*/
	overflow: hidden;
	padding:3px;
	margin:5px 10px;
}
.pro_other_detail .panel .panel_title{
	text-align:center;
	color:#000;
	padding:4px 0 0 0;
}


.fieldset {
	border:none;
}
.title_shop {
	color:#333;
	text-align:center;
	padding:4px;
	background:#CCC;
}
.order_news_customer {
	margin:10px;
	padding:5px;
	background:#CCC;
}
.order_news_customer .checkout{
	padding:5px;
	font-weight:bold;
}
.chitiet_order {
	width:35%;
	padding:4px;
}



.page_new .group_sp{
	float:left;
	display:block;
	width:31%;
	margin:1px 1%;
	margin-bottom:10px;
}
.page_new .group_sp img{
	width:100%;
	height:180px;
	margin:2px 0;
}
.page_new .group_sp .tieude{
	font-size:14px;
	font-weight:bold;
}
.page_new .group_sp .tieude a{
	color:#666;
}
.page_new .group_sp .summary{
	height:60px;
	line-height:19px;
}
.page_new .sp_detail{
	text-align: left;
	padding: 5px;
}
.page_new .sp_detail .summary_d{
	font-size:10px;
	color:#474747;
	padding:5px;
}
.page_new .sp_detail .news_detail_title{
	font-size:14px;
	font-weight:bold;
	padding:2px 0;
}
.page_new .sp_detail .news_detail_detail{
	font-size:12px;
	color:#474747;
	line-height:20px;
	text-align:justify;
}
.page_new .sp_detail .news_detail_other{
	font-size:12px;
	color:#474747;
	font-weight:bold;
}
.page_new .sp_detail .news_detail_other2{
	font-size:12px;
	color:#474747;
	margin:1px 1px 1px 5px;
	padding:2px 2px 2px 16px;
	background:url(../images/icon_new.png) no-repeat left;
}
.page_new .sp_detail .news_detail_other2 a{
	color:#474747;
}
.page_new .sp_detail .news_detail_other2 a:hover{
	color:#f05886;
}

/* Menu */
ul.left_about_menu {
	padding:0;
	list-style:none;
	margin:0;
	min-height:10px;
	margin-bottom:5px;
	margin-left:10px;
}

.left_about_menu li {
	list-style: none;
	padding:2px;
}

/* Links */

.left_about_menu li a {
	display: block;
	padding:0 0 0 8px;
	margin-left:5px;
	line-height: 24px;
	text-decoration: none;
	
	border-bottom:1px solid #E7F6FE;
	
	font-size: 12px;
	
	background:url(../images/arrow.png) no-repeat left;

	color: #395FB2 !important;

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.left_about_menu li:first-child a { border-left: none; }
.left_about_menu li:last-child a{ border-bottom: none; }

.left_about_menu li:hover a { color: #fcad1c !important;}