* {margin:0;padding:0}
body {font-size:12px;font-family:Arial;color:#333;background:#1c1c1c url(/images/bd/body.jpg) no-repeat 50% 0px;}

@font-face {font-family: cool_font;src: url('/RobotoCondensed-Regular.ttf');}


ul {list-style:none}
a {text-decoration:none;border:none;border: medium none;outline: medium none;} a img {border:none;border: medium none;outline: medium none;}
h1 {font:normal 22px/30px 'cool_font';color:#333 }
.clr {clear:both }
.div_radius { border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.div_top_radius { -moz-border-top-left-radius:  5px; -webkit-border-top-left-radius: 5px; border-top-left-radius:5px; -moz-border-top-right-radius:  5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.div_bottom_radius { -moz-border-bottom-left-radius:  5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:  5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.div_shadow { box-shadow: 0px 0px 2px #555;-webkit-box-shadow: 0px 0px 2px #555;-moz-box-shadow: 0px 0px 2px #555; }
.pd10 {padding:10px}
.pdt20 {padding-top:20px}
h2 { font-size:18px;font-weight:normal }
#main {background:#fff url(/images/bd/main.png) repeat-x top left; float:left;padding-top:10px;}

/* ---------------------------- Banner BEGIN ------------------------ */
div.top1 {background:#B40236;width:100%;height:77px}
div.top1 .ct_top1 {width:980px;height:77px;margin:0 Auto}
div.top2 {background:#fff url(/images/bd/top2.png) no-repeat 50% 0px ;width:100%;height:80px;z-index:99;display:block }
div.top2 .ct_top2 {width:980px;height:77px;margin:0 Auto}
div.ct_top2 .bn_l {width:98px;height:77px;float:left }

div.live_chat {padding-top:17px;float:left;width:21px;height:57px}
div.box_chat 
{
    position:absolute;background:#fff;padding:25px 10px 5px 10px; text-align:left; z-index:99999999; border-top:none; width:330px;height:50px;box-shadow: 0px 2px 5px #B40236;-webkit-box-shadow: 0px 2px 5px #B40236;-moz-box-shadow: 0px 2px 5px #B40236; border:1px solid #B40236; display:none;top:155px;right :20px;
    -moz-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s    
    }
.textbox {height:20px;width:100%}
.button {border:none;padding:8px 15px;background-color:#0E71B4;color:#fff; float:right;margin-left:5px;cursor:pointer;font-family:Arial ; font-size:16px ;font-weight:bold}
/* ----------------------------- MenuH BEGIN ------------------------- */

ul.ul_h {height:57px; float:left;width:850px;margin-top:20px;padding-left:10px}
ul.ul_h li { float:left;padding:0;line-height:36px}
ul.ul_h li a {color:#333;font-family:'cool_font'; font-size:14px;text-transform:uppercase;padding:12px 20px 27px 20px;white-space:nowrap }
ul.ul_h li a:hover {border-bottom:2px solid #B40236;color:#B40236}
ul.ul_h li ul{list-style: none; padding:0px;position: absolute;background-color:#dcddde;width: 200px; border-top:none; z-index:99999;display: none;}
ul.ul_h li ul li{ margin-right:0px;background:none;width: 200px; line-height:normal;}
ul.ul_h li ul li:hover{width:200px;background:#3179BF}
ul.ul_h li ul li a{width:180px; background:none;display:block;color:#333; padding:7px 10px;float: left; font-weight:normal; text-transform:inherit;margin:0px; text-align:left}
ul.ul_h li ul li a:hover{color:#fff; background:none}
ul.ul_h li.list ul{position: absolute;left: 200px; border-left:1px #fff dotted}
ul.ul_h li a.hac {border-bottom:2px solid #B40236;color:#B40236;font-weight:normal  }

/* ----------------------------- MenuH END ------------------------- */

/* ----------------------------- Main BEGIN ------------------------- */

div.right {width:740px;float:right;background:#fff}
div.left {width:240px;float:left;background:#fff}
div.left .col {width:100%;margin-top:-33px;background:url(/images/bd/left.png) no-repeat;padding-top:40px;min-height:312px}
div.left .col2 { width:100%;height:24px;background:url(/images/bd/left2.png) no-repeat}

div.col .aleft1 {line-height:24px;padding:5px 10px 5px 20px;background:url(/images/bd/muiten.png) no-repeat 5px 12px}
div.col .aleft1 a {color:#fff}
div.col .aleft1 a:hover {font-weight:bold }
div.col .aleft1 a.hac {font-weight:bold }


div.aleft1 .aleft2 {width:100%;display:none}
div.aleft1 .aleft2.ac {display:block }
div.aleft1 .aleft2 a {background:url(/images/bd/chamtrang2.png) no-repeat 0px 12px;padding: 2px 5px 0 12px;display:block;line-height:24px}


div.bg-tit-c {width:100%;float:left;height:40px;margin-bottom:5px}
div.bg-tit-c .t1 { float:left;height:40px;width:18px;background:url(/images/bd/t1.png) no-repeat bottom left}
div.bg-tit-c div.t2 {font-family:'cool_font';height:40px;float:left;color:#B40236;line-height:45px;padding:0 5px;text-transform:uppercase; font-size:22px ;white-space:nowrap }
div.bg-tit-c div.t2 h2 {font-family:'cool_font';text-transform:uppercase; font-size:22px}
div.bg-tit-c div.t2 a {color:#B40236}
.cufont {font-family:'cool_font';font-size:15px;color:#fff;text-transform:none }

div.listP {width:172px;margin:5px 6px 5px 5px;float:left;text-align:center;border:1px solid #dadada ;height:180px;background:url(/images/bd/listP.jpg) repeat-x bottom left}
div.listP:hover {border:1px solid #E71F1D}
div.listP .thumb { display:table-cell;text-align:center;vertical-align:middle ;width:160px;height:106px;padding:10px}
div.listP .thumb img {max-width:151px;max-height:106px;vertical-align:middle  }
div.listP .title {height:43px;padding:10px 10px 0px 10px;background:#B40236}
div.listP a {color:#fff}


div.listN { width:90%;float:left;margin-top:10px;height:auto;border-bottom:1px solid #dadada;padding-bottom:10px }
div.listN div.imgN {display:table-cell;text-align:center;vertical-align:middle ;width:178px;height:108px;padding:1px;border :1px solid #dadada}
div.listN div.imgN img {max-width:178px;max-height:108px;}

div.listN a { color:#333; font-weight:bold;font-size:14px}
div.listN a:hover {color:#E71F1D}

div.listN p {margin-top:5px;text-align:justify;padding-right:10px}
div.listN a.tit {color:#fff;font-size:13px;font-weight:normal; float:right;padding:3px 12px;margin-top:10px;background:#007CC2;}
div.listN a.tit:hover {background:#E71F1D}

/* -- NewDT -- */
div.newDt {padding:10px}
div.time { float:right ;width:100%;line-height:25px}
div.newDt h1 {color:#333; font-weight:normal;font-size:25px}
div.newDt b {line-height:20px;}
div.newDt .desc {padding-top:15px;line-height:20px; font-size:14px;color:#333}
div.newDt .desc img {max-width:700px}
div.newDt .t2 {float:left }
div.newDt .addthis { float:right;margin:10px 0;}
div.newDt .newDt2 a {display:inline-block;width:100%;line-height:25px;background: url(/images/bd/chamdo.png) no-repeat center left;padding-left:10px;color:#333}
div.newDt .newDt2 a:hover {color:#E71F1D}
div.newDt img.imgH {  float:left;margin:5px 10px 20px 5px}

/* -- Prodt BEGIN -- */
div.pdt-l{ width:290px; float:left; height:auto; margin:10px 10px 10px 0; text-align:left}
div.pdt-l .valig {width :280px;height:205px;text-align:center;vertical-align:middle;display:table-cell}
div.pdt-l .valig img {max-width :280px;max-height:205px}
div.imgp{ padding-top:10px;text-align:center }
div.imgp img{ max-width:50px; max-height:40px; border:1px #e2e2e2 solid; padding:1px;}
div.imgp img:hover{ border:1px red solid;}

.pdt-r {width:430px;float:left;padding:5px }
.td1 {padding:2px 0;width:100px;height:24px}
.td3 {padding:2px 0 2px 10px;width:auto;height:24px}
 
 
.dby {padding-top:20px;width:310px; float:left }
.dby a {padding:5px 15px;background:#007CC2;font-size:18px; color:#fff;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.dby a:hover{background:#E60505;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

.price1 {font-size:16px;color:#F41414; font-family:'cool_font'}
.price2 {font-size:14px;color:#555;}

.descP {line-height:18px;font-size:14px;font-family:Arial;color:#333;padding:10px 0}
.descP img {max-width:720px; }
.descP p {line-height:18px;font-size:14px}
.pdt-r .list-infoP { border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc}

.std1 {width:30px;text-align:center;border-left:1px solid #dadada;border-right:1px solid #dadada;font-weight:normal  }
.std2 {width:605px;text-align:left;padding-left:5px ;font-weight:normal }
.std2 a {color:#3D77CB}
.std2 a:hover {color:#E71F1D}
.std3 {width:60px;text-align:center;border-left:1px solid #dadada;border-right:1px solid #dadada;font-weight:normal }
/* --- Contact -- */
.pnContact {border:1px solid #dcdcdc;padding:10px;height:auto}
.button {border:none;background:#007CC2;color:#fff; font-size:14px;padding:4px 10px;cursor:pointer; border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; }
.button:hover {background:#E60505}
div.divct1 {width:70px; float:left;text-align:right ;line-height:25px;height:25px;font-size:14px;color:#333;margin:10px 0}
div.divct2 {width:630px; float:right;text-align:left ;line-height:25px;height:25px;margin:10px 0}
div.divct2 .textbox {border:1px solid #dadada;line-height:25px; box-shadow: 0px 0px 1px #dadada;-webkit-box-shadow: 0px 0px 1px #dadada;-moz-box-shadow: 0px 0px 1px #dadada; }


/* ------------------------- Fotter BEGIN  -------------------------- */

ul.menuBt {width:100%;height:33px }
ul.menuBt li {float:right;line-height:22px;padding:0 5px;background:url(/images/bd/chamtrang.png) no-repeat center right;text-align:right}
ul.menuBt li a {color:#fff;padding:0 8px;white-space:nowrap }
ul.menuBt li a:hover {text-decoration:underline}

div.ft {background:#131313 url(/images/bd/bottom1.png) no-repeat top left;width:100%; float:left;padding-top:50px; font-size:11px;color:#fff}
div.ft .l {width:430px;float:left;line-height:20px;padding:10px}
div.ft .r {width:510px;float:right;padding:10px;text-align:right}

div.l1 {background:none; float:left;padding:15px;}
div.r1 {background:none; float:right;padding:10px}
div.r1 a {color:#fff}
div.social {margin-top:7px}
div.social img {vertical-align:middle;margin:0 3px}

/* ------------------------- Fotter END  -------------------------- */

/* ---------------------------- Pages ------------------------------ */
.link{ height:40px;width:680px;line-height:40px;border-bottom:1px dotted #d5d5d5;margin:5px 5px 5px 0px;background:url(/images/bd/t1.png) no-repeat top left;padding-left:25px}
.cmaTite{padding-right:5px; padding-left:12px; display: block; float:left; background:url(/images/bd/chamdo.png) no-repeat left; color:#000; text-transform:none; margin-left:0px;font-size:12px;text-decoration:none} 
.cmaTite:first-child {background:none;padding-left:0px}
.cmaTite:hover{ color:#cd0000; text-decoration:underline;}

#lblPage{ display:block;text-align:center;clear:both;font-weight:bold; margin:auto;margin-bottom:10px;margin-top:10px}
A.apage:link{color:#0062BD;text-decoration:none;border: 1px solid #cccccc;padding:0px 5px;vertical-align:middle;font-weight:bold;}
A.apage:visited{color: #0062BD;text-decoration:none;border: 1px solid #cccccc;padding:0px 5px;vertical-align: middle;font-weight:bold;}
A.apage:hover {color:#f60;text-decoration:none;border:1px solid red;padding:0px 5px;vertical-align:middle;font-weight:bold;}
.cpage{color:red;text-decoration:none;border:1px solid #cccccc;padding:0px 5px;vertical-align:middle;font-weight:bold;}
.cspag{padding-right:20px;}

 /* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
    background: url(/js/jssor/b03.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

/* jssor slider arrow navigator skin 21 css */
            /*
            .jssora21l              (normal)
            .jssora21r              (normal)
            .jssora21l:hover        (normal mouseover)
            .jssora21r:hover        (normal mouseover)
            .jssora21ldn            (mousedown)
            .jssora21rdn            (mousedown)
            */
            .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(/js/jssor/a03.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; }