body { width:100%; font:15px/20px "Open sans",Arial, Sans-Serif; text-align:justify; min-width:1020px; color:#212121;}
.W1000	{ width:1000px; margin:0 auto;}

a {color:#333;}
a:hover {text-decoration:none;color:#ce271f;}

.total, .tracuu {-moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; overflow:hidden;}


.header { border-top:4px solid #eeece6; width:100%; position:fixed; top:0; z-index:22; padding-bottom:8px; background:url(/images/bg/bg-menu.png) no-repeat bottom left;}
.container { width:100%; background:#fff; position:relative;}
.logo { margin-top:-4px; float:right; height:100%; overflow:hidden; position:relative; z-index:4;}
.logo a { display:block; float:right;}
.logo img { height:100%; float:right;}
.Adv1H { position:absolute; top:0; z-index:1; width:100%;}
.lang { float:right; padding:85px 20px 0 0;}
.lang a { margin-left:5px;}
/* == nav == */
div.nav { padding-top:71px; float:left; font-size:15px; position:relative; z-index:4;}
div.nav ul { text-align:center; position:relative; white-space:nowrap; float:left;}
div.nav ul > li { float: left; height: 40px; padding:0 15px; line-height: 41px }
div.nav ul > li.ac { background:#f09119;}
div.nav ul > li:hover { background:#f9f9f9;}
div.nav ul > li:hover a { color:#005ba0 !important;}
div.nav ul > li.ac .a1 { color:#fff;}
div.nav ul > li ul li > ul li:hover a, div.nav ul > li ul li:hover .a2, .ac2 { border-bottom:8px solid #f09119 !important;}
div.nav ul > li > a { font-weight:600; text-transform:uppercase; }
div.nav ul li a { color:#005ba0;}
div.nav ul > li:last-child > .a1 { border: none }
div.nav ul li ul { position: absolute; white-space:normal; background:#f9f9f9; width: 250px; z-index: 99; display: none; text-align: left; margin-left:-15px; margin-top:-1px;}
div.nav ul li ul li { height:auto; padding-bottom:8px; line-height:20px}
div.nav ul li ul li:last-child { border:auto;}
div.nav ul li ul li a { width: 220px; color:#005ba0; background: none; display: block; float: left; font-weight:normal; padding:10px 0; text-transform:none; border-bottom:8px solid #fff; }
div.nav ul > li > ul > li > ul { position: absolute; left: 250px; margin-left: 0; margin-top:0px;}
div.nav ul li:hover > ul, div.nav ul li > ul > li:hover > ul { display: block }

/*=============  Row 2 ================*/
.wanty { float:right; width:31%; padding:28px 30px; position:relative; background:url(/images/bg/bg-wanty.png) repeat-x bottom;}
.wanty:after { content:""; height:8px; width:8px; position:absolute; bottom:0; left:-8px; background:url(/images/bg/bg-wanty2.png) no-repeat left bottom; margin:7px 8px 0 0; float:left; }
.PicW { position:relative; transition:0.6s; transform-style:preserve-3d; max-height:223px; overflow:hidden;}
.PicW img { width:100%;}

.slider-wrapper { float:left; width:69%; position:relative; z-index:4;}
/* search, thẻ bảo hành */
.pnlSear { padding:25px 0; width:100%; background:#f6f5f1;}
.pnlEmail, .pnlSear .Sear { height:40px; line-height:40px;}
.pnlSear .Sear .iptsearch { width:76%;}
.pnlSear .Sear .btnsearch { cursor:pointer; background:url(/images/bg/sprite2.png) no-repeat #c4c3c0; width:21%; text-align:left; float:right; background-position: 100% -562px; }
.pnlSear .Sear .btnsearch:hover { background:url(/images/bg/sprite2.png) no-repeat #f09119; background-position: 100% -562px; }
.tracuu { padding-right:0 !important; height:44px; line-height:44px; margin-top:15px; border:1px solid #005ba0; }
.pnlSear input, .tracuu input	{ border:none; outline:none; padding:0 15px; height:100%; float:left; font-size:15px;}
.tracuu .iptMa	{ width:70%;}
.tracuu .btnOK	{ width:30%; cursor:pointer; color:#ff7839; text-align:left; background:url(/images/icon/icon-sear.png) no-repeat center #005ba0;  background-position:85% 50%;}
.tracuu .btnOK:hover { background:url(/images/icon/icon-sear2.png) no-repeat center #ff7839; background-position:85% 50%; color:#005ba0;}

.pnlEmail { background:url(/images/bg/sprite2.png) no-repeat #c4c3c0; background-position:15px -56px; margin-bottom:10px; display:block; font-weight:bold; padding:0 10px 0 50px;}
.pnlEmail:hover { background:url(/images/bg/sprite2.png) no-repeat #f09119 !important; background-position:15px -56px !important; color:#fff;}

.pnlEmail input	{ border:none; outline:none; padding:0 10px; height:100%; float:right; font-size:14px;}
.iptEmail { width:80%; background:none; color:#fff; font-weight:500;}
.tbnEmail { width:20%; cursor:pointer; background:url(/images/bg/sprite2.png) no-repeat; background-position:0 -56px;}
.iptEmail::-moz-placeholder { color:#fff; opacity: 1 }
.iptEmail:-ms-input-placeholder { color:#fff }
.iptEmail::-webkit-input-placeholder { color: #fff }

/*============== Main content =================*/
.link { font-size:13px; background:#f4f4f4; padding:8px 10px;}
.cmaTite { color:#635034; padding-right:5px; padding-left:12px; background:url(/images/bg/bg-ab2.png) no-repeat left; }
.cmaTite:first-child { background:none; padding-left:0px; }
.cmaTite:last-child { color:red !important; }
/*----- Page ---------*/
.lbltxt	{ margin-bottom:10px; margin-top:10px; font-weight:bold; text-align:center;}
.lbltxt span a	{ padding:2px 12px; margin-left:5px; border:1px solid #005ba0;}
.lbltxt span .apage:hover, .lbltxt span .cpage	{ color:#fff; Background:#005ba0; }
.lbltxt span .apage	{ color:#005ba0; }
.pnlSear2 { font-size:13px; padding-top:10px;}
.pnlSear2 .pSear span span { font-weight:bold;}
.pnlSear2 .pSear { padding-bottom:10px;}


/*=================== Pro ===================*/
.Main { padding:20px 0;}
.pnlPro .ColP { width:50%; float:left; padding-right:15px;}
.pnlPro .ColP:nth-child(2n) { padding-left:15px; padding-right:0;}
.dtH1, .dtH2, .ColP h2 { height:60px; line-height:60px; font-weight:normal; font-size:23px; color:#005ba0;}
.ListS, .ColP .ListP { background:#F6F5F1; padding:2px; margin-bottom:35px;}
.ListS h3, .ColP .ListP h3 { height:40px; line-height:40px; width:100%; background:#fff; color:#f09119; font-size:17px; padding-left:15px;}
.ListS h3 a, .ColP .ListP h3 a { color:#f09119;}
.ListS h3 a:hover, .ColP .ListP h3 a:hover { color:#005ba0;}
.ListS .PicM, .ColP .ListP .PicM { height:200px; overflow:hidden; text-align:center; position:relative;}
.ListS .PicM span, .ListP .PicM span { display:block; margin:auto; position:absolute; left:5px; bottom:5px; right:5px; z-index:1;}
.ListS .PicM img, .ColP .ListP .PicM img { max-height:100%;}
.ListS .PicM .Show, .ColP .ListP .PicM .Show { text-align:left; padding:10px 20px; display:none; font-size:15px; font-weight:500;}
.ListS:hover .Show, .ColP .ListP:hover .Show { background-color: rgba(240, 145, 25, 0.75); display:block; height:100%; width:100%; position:relative; z-index:2;}
.titH5 { padding-top:10px; font-weight:normal;}
.titH5 a { color:#005ba0; }
.titH5 a:hover { border-bottom:2px solid #005ba0;}

.ListS, .pnlPro2 .ColP .ListP { width:48%; float:left;}
.ListS:nth-child(2n-1), .pnlPro2 .ColP .ListP:nth-child(2n-1) { float:right;}

/*=================== News ===================*/
.HNews h2 { font-size:20px; font-weight:500;}
.HNews h2 a { color:#005ba0;}
.litstin, .HNews h3 { padding:5px 0;}
.litstin:before, .HNews h3:before { content:""; height:6px; width:6px; background:#005ba0; margin:8px 10px 0 0; float:left; }
.NTop .HPicN { display:block; float:left; margin-right:10px; width:120px;}
.NTop .HPicN img { width:100%;}
.NTop H3 { padding:0 0 8px 0;}
.NTop H3:before { display:none;}
.NTop p { font-size:14px;}

.list1 { padding:20px; border-top:1px solid #ccc;}
.list1:nth-child(2) { border-top:none;}
.PicN { display:block; float:left; width:270px; margin-right:30px;}
.PicN img { max-width:100%;}
.list1 .titH21 { font-size:18px; margin-bottom:10px;}
.list1 .titH21 a { color: #f09119;}

.list2 { padding:20px 0;}
.titH22 { background:#ccc; color:#005ba0; font-size:18px; text-transform:uppercase; line-height:26px; padding:5px 10px; font-weight:500; margin-bottom:10px;}

.time2 { color:#ccc; font-style:italic; font-size:14px;}
.Detail { padding:10px 0;}
.Detail img { max-width:100%; max-height:100%;}

.titH4 { height:36px; line-height:36px; color:#fff; border-bottom:2px solid #005ba0; text-transform:uppercase; margin:15px 0 5px;}
.titH4 span { display:block; float:left; padding:0 20px; background:#005ba0;}
/*=================== Footer ===================*/
.footer { padding:40px 0; background:#96a3ac; font-family:14px;}
.copy *, .footer * { color:#fff;}
.footer .titP { font-weight:500; padding-bottom:10px;}
.footer li { float:left;}
.footer .li1 { width:45%;}
.footer .li2 { width:20%}
.footer .li3 { width:21%; float:right;}
.footer .li3 a { margin-right:8px;}
.footer .li3 a:last-child { margin-right:0;}
.footer .li3 img { height:30px;}
.foo h1, .foo h2, .foo h3, .foo h4, .foo h5, .foo h6 { font-weight:500 !important; font-size:14px; color:#fff; padding-bottom:10px;}
.copy { background:#000;  font-size:12px; padding:10px 0;}
.copy .p1 { float:left; line-height:54px; padding-right:55px; background:url(/images/bg/sprite2.png) no-repeat; background-position:100% -1122px;}
.copy .p2 { float:right;}


/* --- Contact -- */
.pnContact	{ padding-top:20px; margin-top:50px;}
.pnContact { border-top:1px solid #ddd; height:auto; }
.pnContact p {display:block ; overflow:hidden; margin:10px 0;}
.pnContact p .sp2 { width:100px;text-align:right;float:left;margin-right:10px;line-height:26px; }
.tb { padding-left:110px; font-size:13px;}
.pnContact p input { width:400px; padding:0 10px; border:1px solid #ccc; line-height:26px; outline:none;}
.txtContentC	{ width:400px; outline:none; padding:10px; border:1px solid #ccc; font:15px/20px "Open sans",Arial, Sans-Serif; }
.pnContact p .button { border:none; background:#005ba0; color:#fff; font-size:15px; font-weight:500; padding:2px 20px; cursor:pointer; width:auto; cursor:pointer; margin:10px 0;}
.pnContact p .button:hover {background:#FD7400;}


.pnlCart2 .open, .pnlCart .close { display:none;}
.close { text-align:center; padding:30px; font-style:italic; color:Red;}
.open { position:relative; margin:30px auto; width:700px; height:437px; padding-top:140px; color:#333; font-weight:bold; font-size:19px; background:url(/images/bg/warranty-first.jpg) no-repeat center;background-size:cover;}
.open p { position:absolute;}
.open .row1 {left:405px;}
.open .row2 {left:100px; top:205px}
.open .row3 {left:100px; top:260px;}
.open .row4 {left:120px; top:315px;}
.open .row5 {left:430px; top:315px;}
.open .row6 {left:150px; top:375px;}

.CR { position:absolute; bottom:64px; right:61px; width:200px;}
.CR p { width:50%; float:left; height:30px; text-align:center;}
 
.total { float:right; background:#333;}
.total p { padding:4px 20px;}
.total p span { display:block; float:left;}
.total p img { margin-right:3px;}
.total p .sp1 { width:140px; font-size:12px;}

.Prow { padding:7px 0;}
.Prow .sp1, .Prow .sp2 { display:block; float:left; width:170px; line-height:33px; text-align:right; padding-right:5px;}
.textput3, .textput1, .Prow input	{ font-size:14px !important; border: 0 solid #ccc; float:left; background:#f6f5f1; padding:7px 10px; font-family:"Open sans",Arial, Sans-Serif;-webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.textput3 {width:170px; height:35px;}
.textput1 { width:550px;}
.code { width:auto !important;}
.btnOder { margin-top:10px; background: url(/images/bg/sprite2.png) no-repeat #c4c3c0 !important; background-position:100% -1476px !important; font-size:15px !important; padding:10px 30px !important; width:200px; text-align:left; color:#fff; cursor:pointer;}
.btnOder:hover { background:url(/images/bg/sprite2.png) no-repeat #f09119 !important; background-position:100% -1476px !important;}
.Prow .tb { padding-left:10px; font-size:13px; color:Red;}

.Prow .textbox { text-align:center; font-weight:bold;}