/* @group Text CSS */
/*
Theme Name:     Sc4project
Description:    Custom built for Sc4project
Author URI:     
Template:       twentyeleven
Version:        1
*/
/* CSS Document */
@import url(slide-show.css); 
*{margin:0; padding:0}
.blocks:after{content:'';clear:both; display:block; visibility:hidden;min-height:0;line-height:0; overflow:hidden;}
.blocks{clear:both; display:block; zoom:1;}
.blocks>*{display:inline-block; float:left; min-height:1px;}

/*css use for structure of html*/
body {font-size:12px; color:#414141;  background-color:#e9e9e9;  font-family:Arial, Helvetica, sans-serif;}


a{text-decoration:none; color:#004593;}
a:hover{text-decoration:none; color:#fd0100;}
img{border:0}
li{ list-style-type:none; line-height:18px; padding:3px 0;}
.clearb{ clear:both;}
p { margin:0; padding:0 0 1em; line-height:18px; }
/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.center { text-align:center; }
.justify { text-align:justify; }
.img-left{float:left; margin-right:7px; border:1px solid #e0e0e0; padding:2px;}

#wap-header{height:202px; background:url(../images/bg-header.png) no-repeat top center;}
#wap-header .wrapper{margin:0 auto; max-width:1000px; position:relative; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.mang-xh-mar{height:34px; background:url(../images/bg-menu-2.png) repeat-x top left; padding-top:5px; padding-right:10px;}
.mang-xh-mar .mang-xh{width:90px; float:left; margin-left:5px;}
.mang-xh-mar .mang-xh img{margin-left:3px;}
.mang-xh-mar .mar{width:865px; float:right; margin-right:10px; padding-top:3px; color:#004593; background:url(../images/mar.png) no-repeat right center; padding-right:15px;}
#top-menu{height:37px; background:url(../images/bg-menu.png) repeat-x top left;}
.glossymenu{
	position: relative;
	height: 37px;
	list-style: none;
}
.glossymenu >li{
	float:left; position:relative; background:url(../images/li-top-menu.png) no-repeat center right; padding-left:6px; padding-right:6px; height:37px; line-height:37px; margin-top:-3px;
}
.glossymenu >li:last-child{background:none!important;}
.glossymenu >li >a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-size: 12px; margin-right:1px;
	font-weight: bold;
	padding:0 0 0 10px; 
	height: 37px;
	line-height: 37px; 
	text-align: center; 
	cursor: pointer;
}
.glossymenu >li >a b{
	float: left;
	display: block;
	line-height:37px; padding-left:3px; padding-right:13px; font-weight:normal;
}
/*hover*/
.glossymenu >li >a:hover{
	color: #fff;
	background: url(../images/menur_hover_left.png) no-repeat; 
}
.glossymenu >li >a:hover b{
	color: #fff;
	background: url(../images/menur_hover_right.png) no-repeat right top; /*right tab image path*/
}
/*current*/
.glossymenu >li.current >a{
	color: #000;
	background: url(../images/menur_hover_left.png) no-repeat; 
}
.glossymenu >li.current a b{
	color: #fff;
	background: url(../images/menur_hover_right.png) no-repeat right top; /*right tab image path*/
}

/*menu cap 1*/
/*.glossymenu >li >ul{display:none; position:absolute; top:40px; left:0px; width:900%;}
.glossymenu >li >ul >li{display:inline; height:32px;}
.glossymenu >li:hover >ul{display:block;}
.glossymenu >li >ul >li >a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-size: 12px; margin-right:1px;
	font-weight: bold;
	padding:0 0 0 10px; 
	height: 32px;
	line-height: 32px; 
	text-align: center;
	cursor: pointer;
}
.glossymenu >li >ul >li >a b{
	float: left;
	display: block;
	line-height:32px; padding-left:3px; padding-right:13px; font-weight:normal;
}
.glossymenu >li >ul >li >a:hover{
	color: #000;
	background: url(../images/menu2_hover_left.png) no-repeat; 
}
.glossymenu >li >ul >li >a:hover b{
	color: #000;
	background: url(../images/menu2_hover_right.png) no-repeat right top;
}
*/
.glossymenu >li >ul{display:none; position:absolute; top:39px; left:0px; z-index:999999; border-top:none; padding-top:10px; width:180px; background-color: rgb(185, 185, 185);
    background-color: rgba(185, 185, 185, 1); padding-left:10px;
}
.glossymenu >li >ul >li{background:url(../images/bg-li-2.png) repeat-x left bottom; margin-right:10px;}
.glossymenu >li >ul >li >a{color:#000; display:block; padding:7px 10px; border:1px solid #b9b9b9;}
.glossymenu >li >ul >li >a:hover{color:#000; background:#cdcdcd; padding:7px 10px; border:1px solid #bcbcbc;}
.glossymenu >li:hover >ul{display:block;}

/*menu cap 2*/
/*.glossymenu >li >ul >li >ul{display:none; position:absolute; top:39px; left:-192px; z-index:999999; padding-top:10px; width:570px; border:1px solid #3ea428;background-color: rgb(77, 171, 24);
    background-color: rgba(77, 171, 24, 0.9);
}
.glossymenu >li >ul >li >ul >li{padding:0 10px !important; width:150px; border-bottom:1px solid #56ba1e; margin-left:10px; margin-right:10px; padding-left:20px; text-transform:none !important; float:left; margin-bottom:5px;}
.glossymenu >li >ul >li >ul >li >a{color:#b6e5a4; display:block; width:158px; margin-left:-10px; padding:5px 0; padding-left:10px;}
.glossymenu >li >ul >li >ul >li >a:hover{color:#fff; background:#438c0d; width:158px; margin-left:-10px; padding:5px 0; padding-left:10px;}
.glossymenu >li >ul >li:hover >ul{display:block;}*/

/*footer menu*/
.footer-menu{width:1000px; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; height:34px; background:url(../images/footer-menu.png) repeat-x top left; margin:0px auto;}
.footer-menu li{display:inline; padding-left:17px; padding-right:17px; background:url(../images/li-top-menu.png) no-repeat right center; line-height:34px;}
.footer-menu li:last-child{background:none;}
.footer-menu li a{color:#000;}
.footer-menu li a:hover{color:#205bb4;}

/*=====Content====*/
#wap-section{}
#wap-section .wrapper{margin:0 auto; max-width:1002px; padding-top:7px; padding-bottom:0px; background:#fff; }
#wap-section .wrapper >div.right{width:247px; float:left;}
#wap-section .wrapper >div.right .block{margin-bottom:10px;}
#wap-section .wrapper >div.right .block >h3{height:38px; line-height:38px; background:url(../images/h3-right.png) no-repeat top left; color:#fff; text-transform:uppercase; text-align:center; font-size:14px;}
#wap-section .wrapper >div.right .block .content{padding:10px;border: 1px solid #bbbbbb;
border-top: none;}
#wap-section .wrapper >div.right .block .content-httt{border: 1px solid #bbbbbb; border-top: none;}
#wap-section .wrapper >div.right .block .content-httt .div-yahoo{width:75px; float:left; background:url(../images/li-httt.png) no-repeat right center; padding:7px 3px; color:#004593; font-size:11px;}
#wap-section .wrapper >div.right .block .content-httt .div-yahoo-end{background:none; width:76px;}
#wap-section .wrapper >div.right .block .content-httt .div-yahoo span{color:#eb3e00;}
#wap-section .wrapper >div.right .block .content-httt .div-yahoo img{margin-left:4px; margin-right:4px;}

#wap-section .wrapper >div.right .blockcatagory-list{background:url(../images/bg-mod-list.png) repeat-y top left;}
ul.mod-category{padding-bottom:20px; list-style:url(../images/list-catagory.png); padding-left:35px; list-style-position:inside;background:url(../images/bg-mod-lsit.png) no-repeat top left; background-position: 0 -24px;}
ul.mod-category li{padding:5px 15px; background:url(../images/li-mod-catagory.png) repeat-y left top; margin-bottom:5px;}
ul.mod-category li a{color:#fff;}
ul.mod-category li a:hover{color:#ff0;}

#wap-section .wrapper >div.right .block-login{background:url(../images/bg-gt.png) no-repeat left top; height:361px; margin-bottom:10px;}
#wap-section .wrapper >div.right .block-login .content{padding:15px; color:#fff;}
#wap-section .wrapper >div.right .block-login .content img{border:2px solid #fff; width:213px; height:160px; margin-bottom:10px;}
#wap-section .wrapper >div.right .block-login .content p{max-height:100px; overflow:hidden; line-height:19px;}
#wap-section .wrapper >div.right .block-login .chi-tiet{height:20px; line-height:20px; background:url(../images/bg-chi-tiet.png) no-repeat right center; width:55px; margin-left:165px; margin-top:10px;}
#wap-section .wrapper >div.right .block-login .chi-tiet a{color:#fff; font-weight:700;}

ul.mod-bloglist{border:1px solid #bbbbbb; border-top:none;}
ul.mod-bloglist li{background:url(../images/li-khuyen-mai.png) no-repeat top left; max-height:60px; overflow:hidden; border-bottom:1px dotted #adadad; padding:5px 0; font-size:11px; margin:0 7px; margin-bottom:3px; background-position: left 0 bottom -1px;}
ul.mod-bloglist li:last-child{border:none;}
ul.mod-bloglist li img{float:left; width:60px; height:45px; border:1px solid #bebebe; margin-right:7px; margin-top:5px;}
ul.mod-bloglist li h2{font-size:11px; max-height:50px; overflow:hidden; font-weight:normal; padding-top:3px;}
ul.mod-bloglist li p{max-height:60px; overflow:hidden;}
ul.mod-bloglist li a{color:#000;}
ul.mod-bloglist li a:hover{color:#205bb4;}


.tim-kiem{}
.xuly_input{border:none; color:#8F8F8F; float:left; font-size:13px; height:30px; padding-left:7px; margin-top:2px; width: 180px; background:url(../images/bg-search.png) no-repeat top left;}
.bnt_search {background:url(../images/btn-search.png) no-repeat scroll 0 0 transparent; border: medium none; color: #C9C9C9; cursor: pointer; display: block; float: right; font-size: 16px; height: 19px; width: 22px; margin-top:7px;}

.counter{margin-left:20px; background:url(../images/tktc.png) no-repeat top left; padding-left:40px;}
.counter p{line-height:22px !important;}
.counter-span{color:#e94e1b}


#wap-section .wrapper >div.left{width:732px; float:right;}
#wap-section .wrapper >div.left .slide-show{width:730px; height:354px; position:relative; background:#c3c3c3 url(../images/bg-slide.png) no-repeat left bottom; padding-bottom:18px;}
#wap-section .wrapper >div.left .slide-show-temp{width:751px; height:175px; margin-top:10px; margin-bottom:10px;}
#wap-section .wrapper >div.left .block{padding-bottom:10px;}
#wap-section .wrapper >div.left .block >h3{height:25px; line-height:25px; background:url(../images/h3-left.png) no-repeat top left; color:#004593; font-size:12px; font-weight:700; padding-left:25px; position:relative;}
#wap-section .wrapper >div.left .block >div.content{padding:10px; position:relative; border:1px solid #bbbbbb; border-top:none;}
#wap-section .wrapper >div.left .block >div.content h1{font-size:16px; padding:10px 0; color:#fd0100; font-weight:700;}
#wap-section .wrapper >div.left .block >div.content h2{font-size:14px; padding:10px 0; color:#e7473a; font-weight:700; padding-top:0px;}

.mod-product{padding:0px;}
.mod-product >div{float:left; width:360px; margin-right:12px; max-height:273px; overflow:hidden; border-bottom:1px solid #bbbbbb; margin-bottom:10px;}
.mod-product >div h3{height:26px; line-height:26px; background:url(../images/h3-index.png) no-repeat top left; padding-left:25px; font-weight:700; color:#004593; font-size:12px;}
.mod-product >div h2{font-size:12px; font-weight:bold; margin-bottom:7px;}
.mod-product >div img{ width:145px; height:110px; border:1px solid #c1c1c1; margin-bottom:7px; float:left; margin-right:10px; padding:1px;}
.mod-product >div p{height:100px; overflow:hidden;}
.mod-product >div .content{border:1px solid #bbbbbb;min-height:225px; border-bottom:none; border-top:none; padding:7px; list-style:url(../images/list.png);}
.mod-product >div .content li{margin-bottom:5px; margin-left:15px;}
.mod-product >div .content li:first-child{list-style:none !important; margin-left:0px; border-bottom:1px dotted #b6b6b6;}
.mod-product .div-end{margin-right:0px;}
.mod-product >div a{color:#474747;}
.mod-product >div a:hover{color:#fd0100;}
/*
.mod-bds{}
.mod-bds >div{float:left; width:200px; margin-right:25px; max-height:260px; overflow:hidden; border:1px solid #bbbbbb; margin-bottom:10px; padding:10px;}
.mod-bds .div-end{margin-right:0px;}
.mod-bds >div img{ width:175px; border:1px solid #c1c1c1; margin-bottom:7px; padding:3px;}
*/
.mod-bds{padding:10px;}
.mod-bds >div{margin-bottom:20px; float:left; width:211px; margin-right:25px; border:1px solid #f5f5f5; text-align:center;}
.mod-bds >div img{width:175px; margin-bottom:10px; margin-top:10px;}
.mod-bds >div .name{background:#d3d3d3;padding:7px; line-height:22px; font-size:12px; max-height:42px; overflow:hidden;}
.mod-bds .div-end{margin-right:0px;}
.mod-bds >div a{color:#004593;}
.mod-bds >div a:hover{color:#eb3e00;}

.mod-images{padding:0px;}
.mod-images >div{margin-bottom:30px; float:left; width:220px; margin-right:24px; max-height:265px; overflow:hidden;}
.mod-images >div .name{max-height:32px; overflow:hidden; line-height:18px; text-align:center; margin-bottom:7px; text-transform:uppercase;}
.mod-images >div img{border:1px solid #d2d2d2; padding:3px; width:200px; background:#f2f2f2;}
.mod-images .div-end{margin-right:0px;}

.san-giao-dich-index{width:343px; float:left; margin-top:10px; height: 210px}
.san-giao-dich-index img{float:left; margin-right:10px; }
.san-giao-dich-index h2{max-height:32px; overflow:hidden; font-size:12px;}
.san-giao-dich-index a{text-transform:uppercase; color:#004593;}
.san-giao-dich-index .chi-tiet{width:55px; height:22px; line-height:22px; background-color:#004593; float:right; text-align:center;}
.san-giao-dich-index .chi-tiet a{color:#fff; text-transform:none;}
.san-giao-dich-index .chi-tiet a:hover{color:#a9d0fb;}
.san-giao-dich-index .gia{color:#d7170d;}
.sgd-left{float:left;}
.sgd-right{float:right;}
/*========Footer=====*/
#wap-footer{text-align:center; color:#fff; max-height:195px;}
#wap-footer .wrapper{margin:0 auto; max-width:1000px; background:#e7e7e7 url(../images/bg-bong-do.png) no-repeat left top; padding:15px 0; color:#004593;}
.ten-cong-ty{text-transform:uppercase; font-weight:bold;}
#wap-footer .wrapper p{line-height:20px !important;}
.txt-uppercase{text-transform:uppercase;}
.copyright{font-size:11px; color:#858585;}
.copyright a{color:#858585;}
.copyright a:hover{color:#acacac;}

.border-img{border:1px solid #cacaca; padding:2px;}

.tin-tuc-item{max-height:120px; overflow:hidden; border-bottom:1px dotted #c1c1c1; padding-bottom:10px; padding-top:10px;}
.tin-tuc-item-end{margin-bottom:0px; border:none;}
.tin-tuc-item h1{max-height:32px; margin-bottom:5px; font-size:13px;}
.tin-tuc-item img{float:left; margin-right:10px; border:1px solid #c1c1c1; padding:2px; width:175px; height:115px;}
.tin-tuc-item-end{border:none;}
.ngay-dang-tin{font-size:10px; color:#c2c2c2;}
.chi-tiet-tin-tuc{}
.chi-tiet-tin-tuc img{border:1px solid #d9d9d9; padding:2px;}
.div-tin-khac{margin-top:0px;}
.div-tin-khac .title{height:29px; background:url(../images/h3-left.png) no-repeat left bottom; font-size:16px; color:#e74a16; font-weight:bold;}
.div-tin-khac .title img{margin-right:7px; border:none;}
.div-tin-khac ul{margin-top:7px; margin-left:30px; list-style:url(../images/list.png);}
.div-tin-khac ul li{padding:3px 0;}
.div-tin-khac ul li a{color:#343434;}
.div-tin-khac ul li a:hover{color:#d91c14;}

.hoi-vien-item{border-bottom:1px dotted #72a95d; padding-bottom:15px; padding-top:15px;}
.hoi-vien-item-end{border:none;}
.hoi-vien-item img{float:left; margin-right:10px; border:1px solid #72a95d; padding:2px; width:175px;}
.hoi-vien-item ul{width:510px; float:right;}
.hoi-vien-item ul li{padding:3px 0;}
.hoi-vien-item ul li div.left{width:90px; float:left;}
.hoi-vien-item ul li div.right{width:405px; float:right;}
.hoi-vien-item ul li:last-child{text-align:right; width:87px; height:24px; background:url(../images/bg-detail.png) no-repeat top left; line-height:15px; text-align:center; margin-left:420px;}
.hoi-vien-item ul li a{color:#343434;}
.hoi-vien-item ul li a:hover{color:#ff0;}
ul.ct-hoi-vien{list-style:url(../images/list.png); margin-left:20px; margin-bottom:10px;}
ul.ct-hoi-vien li:first-child{list-style:none; text-transform:uppercase; font-weight:700; color:#343434;}

/*product detail*/
.img-product-detail{width:350px; float:left; margin-right:25px; border:1px solid #c1c1c1; padding:3px;}
.info-product-detail{width:310px; float:left;}
.info-product-detail .name{height:28px; line-height:28px; color:#000; text-transform:uppercase; font-size:18px; padding-left:10px; background:url(../images/bg-name.png) repeat-x top left;}
.info-product-detail .add-cart{height:28px; line-height:28px; color:#666666; text-transform:uppercase; font-size:18px; padding-left:10px; background:#fff;}
.info-product-detail .add-cart >img{float:left; margin-right:7px;}
.info-product-detail .add-cart img{ margin-top:3px;}
.info-product-detail .add-cart .column{width:50%; float:left; font-size:14px; text-transform:none!important;}
.info-left{width:50%; float:left;}
.color-green{color:#4d8f12;}
.please-contact{color:#197db8;}
.h3-product-detail{height:25px; line-height:25px; padding-left:35px; margin-bottom:15px; text-transform:uppercase; font-size:16px; background:url(../images/h3-pro-detail.png) no-repeat top left; margin-top:15px; color:#fd0100;}
.paddding-10{padding:10px; border:none !important;}
/*************************************form contct****************************************/
#form-wrapper{width:320px; float:right; position: relative; border-left:1px solid #c1c1c1; padding-left:20px;}
#form-wrapper ul{list-style:none !important;}
#form-wrapper:before, #form-wrapper:after
{z-index: -1; position: absolute; content: ""; bottom: 15px;left: 10px; width: 50%; top: 80%; max-width:300px;}
#form-wrapper:after
{  -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;  left: auto;
}
#form-wrapper .button{padding:3px 10px; margin-right:7px;}
#form-wrapper li{padding:5px 0;}
#form-wrapper li .columnleft{width:23%; float:left;}
#form-wrapper li .columnright{width:77%; float:right;}
.maxchar{width:225px; padding:3px; background:url(../images/bg-contact.png); border:1px solid #b4b4b4;}

.contact-info{ width:350px; float:left;}
.contact-info ul{margin-bottom:7px;}
.contact-info ul li{padding:4px 0;}
.contact-info ul li .info-left{float:left; width:70px;}
.contact-info ul li .info-right{float:right; width:270px;}
.contact-info ul li span{color:#f55c00}
.gg-map{margin-top:22px;}
.gg-map iframe{border:5px solid #004593;}
ul.tai-lieu{ list-style:url(../images/list.png); margin-left:20px;}
ul.tai-lieu li{padding:4px 0;}
ul.tai-lieu li a{color:#343434;}
ul.tai-lieu li a:hover{color:#f00;}

/*slide doi tac*/
.slideshow-doi-tac { width:225px;}
.slideshow-doi-tac ul li{ list-style:none; display:block; overflow:hidden; font-size:11px;padding-bottom:10px; padding-top:10px; text-align:center;}
.slideshow-doi-tac img{width:190px; height:180px; padding:2px;}
.van-ban-luat{}
.van-ban-luat td{padding:7px;}
.van-ban-luat tr:first-child td{background:#205bb4; color:#fff;}
.van-ban-luat a{color:#414141;}
.van-ban-luat a:hover{color:#004593;}
.tieudeminh {color: #fd0100;    font-size: 16px;    font-weight: 700;}

.h1trangchu{height:26px; line-height:26px; background:url(../images/h3-index.png) no-repeat top left; padding-left:25px; font-weight:700; color:#004593; font-size:12px;}