/*css body*/
body {
	background:#ededed;
	font-size:15px;
	font-family: Verdana, Geneva, sans-serif;
	color:#0a0a0a;
	padding:10px 0;
}
/*css footer*/
.sfooter {
	color:#778b95;
	position:absolute;
	line-height:22px;
	bottom:50px;
	height:91px;
	overflow:hidden;
	z-index:100;
	padding:0 20px;
}
.sfooter h1 {
	font-size:12px;
}
.sfooter h2 {
	font-size:12px;
	font-weight:normal;
}
.footer {
	width:100%;
	background:#232526 url(../images/footer.png) left top repeat-x;
	height:150px;
	color:#778b95;
	border-radius:0 0 5px 5px;
}
.detail_footer {
	height:45px;
}
.copyright {
	position:absolute;
	bottom:10px;
	left:20px;
	/* width:100%; */
	line-height:18px;
	text-align:center;
}
/*css container*/
.container {
	margin:0 auto;
	width:700px;
	background:#fff;
	border-radius:16px;
	border:3px solid #ffef85;
	padding:25px 25px 10px;
	line-height:30px;
}
/*css header*/
.container .header {
	position:absolute;
	top:0;
	width:96%;
	left:2%;
}
.header .hcontent {
	height: 130px;
	width:100%;
	position:relative;
	overflow: hidden;
}
.header .hcontent a.logo {
	float:left;
	padding-top:5px;
	width: 100%;
}
.header .hcontent a.logo img{
	max-width: 100%;
}
.right-top-box {
	position:absolute;
	top:20px;
	right:0;
}
.top-cart {
	background:url(../images/cart.png) right top no-repeat;
	padding-right:30px;
	text-align:right;
	width:150px;
	line-height:20px;
	float:right;
}
.top-search {
	border:1px solid #f1f1f1;
	border-radius:5px;
	width:161px;
	float:right;
	background:#fbf9fa;
	margin-top:17px;
	padding:3px 6px;
}
#search-key {
	border:medium none;
	background:#fbf9fa;
	height:20px;
	line-height:20px;
	float:left;
	width:135px;
}
#search-button {
	border:medium none;
	background:url(../images/find-icon.png) no-repeat;
	width:18px;
	height:15px;
	float:right;
	margin-top:3px;
	cursor:pointer;
}

/*css main content*/
.container .wrapper {
	width:96%;
	overflow:hidden;
	padding:180px 2% 0;
	margin:0 auto 10px;
}
.mainbody .wrapper {
	padding-top:550px;
}
.wrapper .left_content {
	width: 20%;
	float: left;
}
.wrapper .right_content {
	float: right;
	width: 78%;
	margin-bottom: 10px;
	line-height:22px;
}
/*css tin tuc*/
ul.list_articles li:first-child {
	margin-top:0;
}
ul.list_articles li {
	display:block;
	width:100%;
	overflow:hidden;
	margin-top:15px;
}
.list_articles li a.images {
	width:35%;
	display:block;
	float:left;
	margin-right:16px;
	text-align:center;
	/* height:128px; */
}
.list_articles li p {
	text-align:justify;
}
.list_articles li p.title-art-list a {
	font-weight:bold;
	font-size:14px;
}
.container-sub-div {
	width:100%;
	float:left;
	margin-bottom:10px;
}
.ct-div-sub {
	padding: 10px 10px 0;
	width: 93.20%;
	float:left;
	text-align:justify;
}
.hide_right_sidebar .ct-div-sub {
	width:97.5%;
}
.ct-div-sub ul.list-sp {
	float:left;
	width: 100%;
}
.ct-div-sub ul.list-sp li {
	width: 31%;
	float:left;
	margin: 0 10px 20px 0;
	overflow:hidden;
	position:relative;
}
.hide_right_sidebar .ct-div-sub ul.list-sp li {
	width:32.4%;
}
.ct-div-sub ul.list-sp li p {
	text-align:center;
}
.chitiet-sp {
	background:url(../images/btn-detail.png) left top repeat-x;
	border-radius:4px;
	height: 24px;
	font-size:13px;
	text-align:center;
	float: left;
	padding:0 4%;
	margin: 0 6%;
}
.hide_right_sidebar .chitiet-sp {
	margin: 2% 11%;
}
.ten-sp-ct {
	height: 39px;
	overflow: hidden;
	display: block;
	line-height: 18px;
	text-align: center;
	font-weight:bold;
	font-size:14px;
}
.img-thumb-ct {
	display: block;
	text-align: center;
	height:100%;
}
.gia-sp-ct {
	color:#3b3a3a;
	font-size:16px;
	font-weight:bold;
	margin:5px 0 10px 0;
}
.mid_content {
	float:left;
	width:73%;
	position:relative;
	padding-top:35px;
}
/*rightsidebar*/
.rightsidebar {
	width:27%;
	float:right;
}
.container-ct-sidebar {
	width:100%;
	float:left;
	margin-bottom:10px;
	/* background:url(../images/title-bg.png) left 30px repeat-x; */
}
h3.title-side-bar {
	background: url("../images/title-bg.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
	padding-left:10px;
	line-height:25px;
	color:#404343;
	font-size:16px;
	font-weight:normal;
	overflow:hidden;
	padding-bottom: 10px;
}
.title-h3 {
	width:95%;
	background:url(../images/title-bg.png) left bottom repeat-x;
	color:#404343;
	font-size:16px;
	font-weight:normal;
	padding-left:10px;
	height:35px;
	line-height:25px;
}
.hide_right_sidebar .title-h3 {
	width:98.5%;
}
.ct-sidebar {
	padding:8px 8px 0;
	width:90%;
	float:left;
	height:auto;
	line-height:22px;
}
a.news-title {
	max-height:45px;
	overflow:hidden;
	display:block;
}
.buy-btn {
	border:medium none;
	cursor:pointer;
	float:none;
	background:url(../images/btn-detail.png) left top repeat-x;
	border-radius:4px;
	height: 24px;
	font-size:13px;
	text-align:center;
	padding:0 7px;
}
.buy-btn:hover, .mua-sp:hover, .chitiet-sp:hover {
	background-position: left bottom;
	color:#fff;
}
/*css navigation title bar*/
ul.navigation {
	font-size:16px;
	overflow:hidden;
	margin-bottom:20px;
}
ul.navigation li {
	display:inline;
}
ul.navigation li a:hover {
	text-decoration:underline;
}
/*trang gio hang*/
h3.cart-title {
	width: 96% !important;
}
.cart-container {
	width:95%;
	padding:10px 10px 0;
	background:#fff;
	float:left;
}
.gio-hang, .ListCart {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width:100%;
}
.gio-hang tr td, .ListCart tr td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 15px;
	text-align: center;
}
tr.cart-header td {
	font-weight:bold;
}
.menu-giohang {
	font-weight:bold;
}
.btn-cart {
	display:block;
	float:left;
	line-height:31px;
	margin-left:10px;
}
.table_title {
	font-weight:bold;
}
.total_cost {
	font-weight:bold;
	color:#ff0000;
}
.InfoForm {
	width:420px;
	margin:auto;
	margin-top:20px;
}
.checkoutTitle {
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#00D0DD;
	margin:10px 0;
	text-transform:uppercase;
}
.detail_checkout_top {
	float: left;
	width: 730px;
	border: 1px solid #CCC;
	padding: 10px;
}
.btn_checkout {
	background: none repeat scroll 0 0 #00D0DD;
	border: medium none;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 10px;
}
.btn_checkout:hover {
	color:#fff;
}
div.btn_add_card {
	float: right;
	padding-top: 14px;
	text-align: right;
}
ul.supporter li:first-child {
	margin-top:0;
}
ul.supporter li {
	margin-top:10px;
	font-weight:bold;
	color:#00d0dd;
	text-align:center;
}
ul.list-news-sidebar li:first-child {
	margin-top:0;
}
ul.list-news-sidebar li {
	margin-top:15px;
	line-height:17px;
	overflow:hidden;
}
.list-news-sidebar li a.images {
	float:left;
	margin-right:10px;
	width:50px;
}
.list-news-sidebar li p {
	text-align:justify;
}
ul.list-products-sidebar li:first-child {
	margin-top:0;
}
ul.list-products-sidebar li {
	margin-top:20px;
	text-align:center;
	position:relative;
}
.list-products-sidebar li p {
	text-align:center;
}
.share-this-wrap, .tabwords {
	margin-top:10px;
	padding-top:10px;
	border-top:1px dotted #ccc;
	float:left;
	width:100%;
}
/*css comment*/
.reply-title {
	font-size:13px;
}
.comment-list li:first-child {
	border-top:medium none;
}
.comment-list li {
	padding:10px;
	border-top:1px solid #ccc;
	float:left;
	width:520px;
}
.comment-list li.viewmorecmt {
	background:#EDEFF4;
	border:1px solid #D8DFEA;
	padding:5px 10px;
}
.cmtBox {
	float:left;
	width:100%;
}
.comment-list li img.avatar {
	float:left;
	margin-right:10px;
}
.cmt-info {
	position:relative;
}
.cmt-author {
	font-weight:bold;
	color:#056BCD;
}
.cmt-date {
	font-style:italic;
}
.cmt-reply {
	position:absolute;
	top:0;
	right:0;
}
.cmt-childrens {
	margin-left:50px;
}
.comment-list li .cmt-childrens li {
	width:447px;
	margin:10px 0 0;
}
.topNavigation {
	position:absolute;
	top:0;
	left:0;
}
.product-detail, .article-detail {
	padding:10px;
	width:92.7% !important;
	font-size:15px;
}
.product-detail .description ul, .news_content ul, .post-content ul{
	list-style:inside;
}
.product-detail .description ol, .news_content ol, .post-content ol{
	padding-left:18px;
}
.product-detail h1, .article-detail h1 {
	margin-bottom:10px;
	color: #00D0DD;
	font-size:16px;
}
.article-detail .introduce {
	font-weight:bold;
	text-align:justify;
	font-size:14px;
}
.news_content {
	text-align: justify;
	padding: 10px 0 0 0;
	line-height: 25px;
	font-size:15px;
}
.ct-div-sub img {
	max-width:100%;
	max-height:100%;
}
.product-infos {
	margin:20px 0 10px;
}
.product-infos span {
	display:inline-block;
	width:150px;
	font-weight:bold;
}
.product-infos span.price {
	color:#f00;
	font-size:16px;
}
.product-infos span.original_price {
	color:#056BCD;
	font-size:15px;
	text-decoration:line-through;
}
.list_bank li img, .nlbk li img {
	height: 76px;
	width: 125px;
}
.thanhtoan_tructiep li img {
	border: 1px solid #CCCCCC;
	width: 365px;
}
input.bank_radi {
	bottom: 12px;
	left: 45%;
	position: absolute;
	cursor:pointer;
}
.nlbk, .list_bank {
	text-align:center;
}
.list_bank li {
	display:inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
}
.list_bank li label {
	cursor: pointer;
}
.nlbk li {
	display:inline-block;
	margin-right: 10px;
	position: relative;
}
.detail-order tr td {
	border:1px solid #00D0DD;
	;
	padding:5px 10px;
}
.detail-order tr th {
	border:1px solid #00D0DD;
	;
	color:#056BCD;
	padding:15px;
	text-transform:uppercase;
}
.thongtinchuyenkhoan {
	padding-left:50px;
}
.thongtinchuyenkhoan tr td {
	padding:5px 20px;
}
.huongdantt {
	text-align:left !important;
}
.huongdantt li {
	width:100%;
}
.nganhang {
	float:left;
	margin-left:20px;
}
.nganhang tr td {
	padding:0 10px;
}
.art-statistic {
	font-style:italic;
	text-align:right;
}
.meta_art span {
	display:inline-block;
	padding:0 5px;
	margin-right:20px;
	border:1px solid #ccc;
	border-radius:3px;
	line-height:17px;
}
.meta_art span a {
	font-weight:normal !important;
}
.intro_art {
	max-height:95px;
	overflow:hidden;
}
.intro_art p {
	line-height:24px !important;
	font-size:14px;
}
.view_image {
	text-align:center;
	font-style:italic;
}
#back_to_top {
	background: url("../images/gotop.png") no-repeat scroll 0 0 transparent;
	bottom: 10px;
	cursor: pointer;
	display: none;
	height: 32px;
	position: fixed;
	width: 32px;
	right:50%;
	margin-right:-39%;
	z-index:10;
}
.flag_box {
	position:absolute;
	right:10px;
	top:11px;
}
.saleoff_percent, .saleoff_percent_widget {
	position:absolute;
	top:53px;
	left:11px;
	display:block;
	background:#f00;
	color:#fff;
	border-radius:3px;
	font-size:14px;
	padding:1px 7px;
}
.saleoff_percent_widget {
	left:0;
	top:0;
}
.pro_info_right {
	float:right;
	width:45%;
	font-size:15px;
}
.pro_info_left {
	float:left;
	width:50%;
}
ul.recent-news li {
	margin-bottom:2px;
}
ul.recent-news li a {
	display:block;
	padding:8px 5px;
}
.sub-widgetmenu {
	margin-top:2px;
	padding-left: 10px;
}
.title-art-list {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #ebebeb;
}
.statistic_number {
	float:right; font-weight:bold; color:#00d0dd;
}
.main_news {
	width:320px; float:left;
}
.main_news_title {
	margin-bottom:10px;
}
.main_news_title a {
	font-weight:bold;
}
.main_news_img {
	float:left; margin-right:10px;
}
.list_articles_home {
	width:215px; float:right;
}
.list_articles_home li {
	line-height:20px; text-align:left;
	padding-left:15px;
	background:url(../images/arrow.png) left 3px no-repeat;
}
.pro_info_left img {
	border:1px solid #ccc;
}
.post-content {
	font-size:15px;
}
.post-content p, .news_content p, .description p {
	line-height:24px;
	padding-bottom:10px;
}
.ct_map {
    float: left;
    margin-top: 10px;
	width: 100%;
}
.mobile-menu{
	display:none;
	padding:11px;
	background:#3E4156;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:600;
}
.mobile-menu:hover{
	background:#3E4156;
	color:#ffffff;
	text-decoration:none;
}
.fix-1024{
		clear: both;
	}
.fix-img{
	height: 120px;
	overflow: hidden;
	position:relative;
}
.hide_right_sidebar .fix-img{
	height:165px;
}
/*  1024px hoac nho hon */
@media screen and (max-width: 1024px) {
	.container{
		width: 94%;
	}
	.chitiet-sp{
		margin: 3px;
		width: 80%;
	}
	.hide_right_sidebar .chitiet-sp {
		margin:2% 6%;
		width:30%;
	}
	.downarrowclass {display:none !important}
	.fix-1024{
		clear: both;
	}
	.fix-640{
		clear: none;
	}
}
.column{
	display: none;
}
/*  768px hoac nho hon */
@media screen and (max-width: 980px) {
	.mainbody .wrapper{
		padding-top: 515px;
	}
}
@media screen and (max-width: 800px) {
	.mainbody .wrapper{
		padding-top: 460px;
	}
	.pro_info_right {
		margin-bottom:20px;
	}
	.wrapper .left_content, .pro_info_right, .pro_info_left{
		width: 100%;
	}	
	.wrapper .right_content{
		width: 100%;
	}
	.hiddenmobile{
		display: none !important;
	}
	.column {
		display: block;
	}
	.flag_box{
		z-index: 999;
	}
	#ddsmoothmenu{
		width: 100px;
		height: 0;
		background: none;
	}
	.comment-list li{
		width: 98%;
		padding: 1%;
	}
	.comment-list li .cmt-childrens li{
		width: 97%;
		padding: 1%;
	}
}
@media screen and (max-width: 768px) {
	.mainbody .wrapper{padding: 450px 2% 0;}
	.ddsmoothmenu{height: auto !important; background: none !important;}

	.navi{
		background:none repeat scroll 0 0 #444646;
		display:inline-block;
		padding-left: 0 !important;
		width: 100%;
		border-radius:4px;
	}
	 
	.mobile-menu{display:block;}
	 
	nav{margin:0;
	background:none;}
	 
	.navi li{
		display:block;
		margin:0;
		/* float: none !important; */
		z-index: 99999;
		background: none !important;
		padding-left: 0px !important;
		text-align: center;
		width: auto;
	}
	
	.ddsmoothmenu ul li a{
		padding: 12px 6px !important;
	}
	 
	.navi li a {
		/* background:#ffffff;
		color:#797979;		
		border-left:3px solid #ffffff; 
		border-top:1px solid #e0e0e0;*/
		margin: 0 !important;
	}
	
	.navi li a.active{
		background: none !important;
	}
	 
	/*.navi li a:hover, .navi li:hover > a,.navi li a.active{
	background:#f0f0f0 !important;
	color:#797979 !important;
	border-left:5px solid #9CA3DA !important;}*/
	 
	/*level 2 and 3 - make same width as all items*/
	.navi ul {display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;}
	 
	.navi ul ul {left:0;}
	
	.gio-hang tr td, .ListCart tr td{
		padding: 0;
	}
	
	.list_articles li a.images{width: 99%;float: none;}
	table,iframe{
		width: 100% !important;
	}
	.ct-div-sub ul.list-sp li{
		width: 47%;
	}
	.hide_right_sidebar .ct-div-sub ul.list-sp li{
		width: 47%;
	}
}

/*  568px hoac nho hon */
@media screen and (max-width: 640px) {
	.mainbody .wrapper{
		padding-top: 410px;
	}
	.no-margin-right{
		margin-right: 10px !important;
	}
	.fix-1024{
		clear: none;
	}
	.fix-640{
		clear: both;
	}
}
@media screen and (max-width: 603px) {
	.left_content{
		float: none;
		width: 100%;
	}
	.wrapper .right_content{
		float: none;
		width: 100%;
	}
	.webForm table td input[type="text"]{width: 97% !important;}
	.webForm textarea{width: 95% !important;}
	.no-maps-mini, .no-maps-mini body{width: 95%;}
	.mainbody .wrapper{
		padding-top: 390px;
	}
}

/*  480px hoac nho hon */
@media screen and (max-width: 480px) {	
	.slider-wrapper{
		display: none;
	}
	.wrapper{
		padding-top: 310px !important;
	}
	.header .hcontent{
		height: 210px;
	}
	.right-top-box{
		position: relative;
		float: left;
		width: 100%;
	}
	.top-search{
		padding: 3px 0;
    	width: 100%;
	}
	#search-key{
		width: 92%;
	}
	.chitiet-sp{
		margin: 3px;
		width: 91%;
	}
	.rightsidebar{
		clear: both;
		width: 100%;
		float: none;
	}
	.mid_content{
		width: 100%;
		float: none;
	}
}

/*  320px hoac nho hon */
@media screen and (max-width: 360px) {
	ul.navigation{
		font-size: 14px;
	}
	.list_articles li a.images{
		float: none;
		width: 99%;
	}
	.mid_content{
		float: none;
		width: 100%;
	}
	.rightsidebar{
		float: none;
		width: 100%;
	}
	h3.title-side-bar{
		text-align: center;
	}
	.title-h3{
		width: 97%;
		text-align: center;
	}
	.chitiet-sp{
		width: 89%;
	}
	.ct-div-sub ul.list-sp li{
		width: 100%;
	}
	.hide_right_sidebar .ct-div-sub ul.list-sp li{
		width: 100%;
	}
	.webForm table td input[type="text"]{
		width: 94% !important;
	}
	.webForm textarea{
		width: 90% !important;
	}
	.chitiet-sp{
		width: 40%;
		padding:0 3%;
	}
	.fix-img, .hide_right_sidebar .fix-img{
		height: auto;
	}
	.ct-div-sub img{
	}
	.list-news-sidebar li a.images{
		width: 30%;
	}
	.list-news-sidebar li a.images img{
		width: 100%;
	}
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none !important;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

.hide_right_sidebar {
	width:100%;
}
.hide_right_sidebar .intro_art {
	max-height:142px;
}
.saleoff_icon {
    background: url("../images/sale.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #f00;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    left: 0;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 51px;
}
.gia_goc_sp {
	font-size:15px;
	color:#323232 !important;
	text-decoration:line-through;
	font-weight:normal;
}
.ct_map iframe{
	max-width: 100% !important;
}
.intro_art .art_date {
	font-size:12px; font-style:italic;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
#sidebar_left, #sidebar_right {
	max-width:200px;
}
/* cam nhan */
.feel{
	width:100%;
}
.feel li {
	width:94%;
}
.container ul.feel li{
	border:3px dotted #089CFF;
	position:relative;
	overflow:hidden;
	padding:20px 3%;
	margin-bottom:10px;
	border-radius:5px;
}
.left2{
	float:left;
	width: 28.5%;
	padding-top: 6px;
}
.right2{
	float:right;
	margin-left:20px;
	width: 68%;
	text-align: justify;
}
.actor{
	text-align:right;
	color:#089CFF;
	margin-top:20px;
}
@media screen and (max-width: 1024px){
	.right2{
		width:67%;
	}
}
@media screen and (max-width: 800px){
	.right2{
		width:100%;
		margin-top:20px;
	}
	.left2{
		width:100%;
	}	
}
/*-------- Check list --------*/

.check_list {
	width:94%;
	border:3px dotted #089CFF;
	position:relative;
	overflow:hidden;
	padding:20px 3%;
	margin-bottom:10px;
	border-radius:5px;
	box-shadow: 2px 3px 8px #CCC;
}
.container .check_list img{
	vertical-align: bottom;
}
.container .check_list li{
	text-align:justify;
	overflow: hidden;
	margin-bottom: 20px;
}
.check_list p{
	margin-bottom:20px;
}
.check_list p:last-child{
	margin-bottom:0px;
}



/* 6/5/2016 */
.datmua{
	width:97%;
	border:1px solid #ccc;
	margin-top:20px;
	overflow:hidden;
}
.left{
	float:left;
	width:20%;
}
.right{
	width:80%;
	float:left;
	
}
.right li{
	list-style:none;
	margin-left:20px;
	clear:both;
}
.left li{
	margin-top:10px;
	margin-left:20px;
	list-style:none;
}
.webForm table tr{
	float:left;
}
.sidebar_left , .sidebar_right{
	display:none !important;
}
.sp_left{
	font-weight:bold;
	width:130px;
	float:left;
}
.sp_rigth{
	float:left;
	margin-left:10px;
}
.thongtin{
	border:1px solid #ccc;
	width:94%;
	margin-top:20px;
	padding-left:20px;
}
.webForm table {
    max-width: 100%;
}
.webForm label {
    display: block;
}
.webForm label .required {
    color: #F00;
}
.webForm input[type="text"], .webForm input[type="password"] {
    padding: 5px 0px 5px 10px;
	width: 250px;
	height: 18px;
	margin-right: 20px;
}
select {
    display: block;
     padding: 3px !important;
}
.webForm textarea {
    padding: 5px 10px;
    width: 290px;
    resize: none;
   
}
#sl{
	padding:5px;
}
.kh{
	font-weight:bold;
	font-size:18px;
	text-align:center;
}
.dat_mua{
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.sub{
clear: both;
float: none;
display: block;
background: #ccc;
border: 0px;
padding: 5px;
margin-bottom: 10px;
cursor: pointer;
}
.left1{
	float:left;
	width:55%;
	margin-bottom:15px;
	margin-top:20px;
}
.right1{
	float:left;
	width:45%;
	margin-top:20px;
}
.datmua select{
	margin-top:5px;
}
.a{
	
width: 270px;
}
@media screen and (max-width: 600px){
	.webForm table tr {
		float:none;
	}
	.left1,.right1{
		width:100%;
	}
	.right1{
		margin-top:0px;
	}
	
}
@media screen and (max-width: 360px){
	.sp_left {
		float:none;
	}
	.datmua {
		width: 100%;
	}
}

.thugon{
	background:#3A5897 none repeat scroll 0% 0%;
    color: #fff;
    padding: 5px;
    text-align: center;
	cursor:pointer;
}
.phongto{
	background: #3A5897 none repeat scroll 0% 0%;
	width: 20px;
	height: 20px;
	color: rgb(255, 255, 255);
	padding: 5px;
	POSITION: fixed;
	bottom: 210px;
	line-height: 20px;
	cursor: pointer;
	padding-left: 1px;
}