@charset "utf-8";
/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

/* HTML5 display-role reset for older browsers */
ol,ul{list-style:none}
strong, b{font-weight:bold;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border:none;border-collapse:collapse;}
/*tr:first-child td,tr:hover td{background-color:#EBEBEB;}*/
td{vertical-align:middle;background-color:#ffffff;border:none;text-align:left;padding:5px;font-size:13px;font-family:tahoma;font-weight:normal;color:#000000;}
em { font-style:italic;}
/* make IE scale images properly https://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img{-ms-interpolation-mode:bicubic}

/* Default link */
a{color:#c8a96a;text-decoration:none; outline:none;position: relative;transition: 0.3s;}
a:hover,a:focus{color:#F00}
.qm a::after,.menuList a::after, .tabs h2>a::after, .dboxmenu a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background: #c9a24d;
  transition: 0.3s;
}
.qm a:hover::after,.menuList a:hover::after,.tabs h2>a:hover::after,.dboxmenu a:hover::after {
  width: 100%;
}.qm{text-align:justify}
.menuList a{width:100%;}

/*a:active,a:visited{color:#F00}*/
p{line-height:20px; margin:8px 0}

body{line-height:22px;font-family:Roboto,tahoma, Arial,Helvetica, sans-serif; font-size:14px; font-weight:normal;color:#999;margin-top:auto; margin-left:auto; text-align:left; background-color:#0b0b0b;overflow-y: scroll;/*overflow-x: hidden;*/}

.nav > ul{float:right}
.nav > ul > li,.nav > ul > li > ul > li{position:relative; float:left}
.nav > ul > li > a{float:left; color:white; text-decoration:none; text-transform:uppercase}
.nav > ul > li:hover > a{color:#ffbb00; background-color:#000;padding:5px 10px}

.nav > ul > li > ul{ width:235px; background-color:rgba(0, 0, 0, 0.95); z-index:9;padding:0;margin:0;list-style:none; margin-top:38px;left:auto;position:absolute; visibility: hidden;transition: visibility 0s linear 0.5s, opacity 0.5s linear;opacity: 0}
.nav > ul > li:last-child > ul{right:0 !important}
.nav > ul > li:hover >ul{left:auto;-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.75);-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;visibility: visible;transition-delay: 0.3s;opacity: 1;}
.nav > ul > li > ul > li > a,.nav > ul > li:hover > ul > li > a,.nav > ul > li:hover > ul > li:hover > ul > li > a{display:block;float:left;width:235px; padding:8px 10px 8px 15px;font-weight:normal;text-decoration:none;font-size:12px; text-align:left;color:#FFF; text-transform:uppercase; font-size:13px}
.nav > ul > li:hover > ul > li:hover > a,.nav > ul > li:hover > ul > li:hover > ul > li:hover > a{background-color:rgba(123,1,1, 0.85);color:#ffbb00; text-transform:uppercase; font-size:13px}

.nav > ul > li > ul > li > ul{width:250px; background-color:rgba(0, 0, 0, 0.95); z-index:9;padding:0;margin:0;list-style:none; margin-top:auto;left:250px;position:absolute; visibility: hidden;transition: visibility 0s linear 0.5s, opacity 0.5s linear;opacity: 0}
.nav > ul > li > ul > li:hover >ul{left:250px; top:auto;-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.75);-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;visibility: visible;transition-delay: 0.3s;opacity: 1;}


.container {
  width: 100%;
  max-width: 1160px;
  margin: auto;
}
/* HEADER */
.header {
  background: #000;
  border-bottom: 1px solid #222;
  margin-bottom:5px
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 90px;
}

.logo img {
  width: 150px;
  height: 90px;
  object-fit: contain;
}

.logo {
    flex: 0 0 auto;
}

.nav {
    flex: 1;
}

.nav a {
  color: #eaeaea;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
}

.nav a::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2px;
  background:#c8a96a;
  transition: 0.3s;
}

.nav a:hover::after {
  width: 100%;
}

.header-right {
  flex: 0 0 auto;
  align-items: center;
  gap: 16px;
  font-size: 14px;
}
@media (max-width: 800px) {
.form-wrapper{width:100% !important}
    .header-inner {
        flex-wrap: wrap;
        align-items: stretch;
    }

    /* Cột trái: logo */
    .logo {
        flex: 0 0 150px; /* có thể chỉnh */
        display: flex;
        align-items: center;
    }

    /* Cột phải: nav + header-right */
    .nav,
    .header-right {
        flex: 1 1 calc(100% - 150px);
    }

    /* Nav ở dòng trên */
    .nav {
        display: flex;
        align-items: center;
    }

    /* Header-right ở dòng dưới */
    .header-right {
        display: flex;
        align-items: center;
    }
}

/* ===== RESET NHẸ ===== */
* {
    box-sizing: border-box;
}

/* ===== CONTAINER ===== */
.boxProWrap {
    column-count: 1;
    column-gap: 12px;
	margin:5px 0;
}
ul.menuList {
    column-count: 2;
    column-gap: 12px;
}
.boxPro {
    break-inside: avoid;
    margin-bottom: 16px;
}


/* ===== BOX SẢN PHẨM ===== */
.boxPro {
    background: #141414;
    border: 1px solid #222;
    color: #858585;
    padding: 10px;
    border-radius: 10px;
    line-height: 1.6;
    transition: transform .2s ease, box-shadow .2s ease;
}

.boxPro h2,.boxPro h3, .boxPro a{width:100%; float:left; text-align:center; line-height:20px; font-size:15px}
.boxPro a{overflow: hidden;}
.boxPro > .pr{float: left;width: 100%; text-align:center;font-size: 20px; color:#c50000}.boxPro > .pr > span{margin:0 5px}
.boxPro p{line-height:20px; margin:5px 0}
/* Hover sang trọng */
.boxPro:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(120,0,0,.35);
    border-color: #5b0f14; /* đỏ đô */
}

/* ===== >= 800px: 2 sản phẩm / dòng ===== */
@media (min-width: 600px) {
.boxProWrap,ul.menuList {
    column-count: 2;
    column-gap: 12px;
}
}
/* ===== >= 800px: 2 sản phẩm / dòng ===== */
@media (min-width: 800px) {
.boxProWrap,ul.menuList {
    column-count: 3;
    column-gap: 12px;
}
}

/* ===== >= 1024px: 3 sản phẩm / dòng ===== */
@media (min-width: 1024px) {
.boxProWrap,ul.menuList {
    column-count: 4;
    column-gap: 12px;
}
}



.Qtable {float:left}
.btt{float:left; background-color:#0e0e0e; position:relative;-moz-box-shadow:0 3px 5px rgba(0,0,0,.75);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.75);box-shadow:0 3px 5px rgba(0,0,0,.75);margin:15px; overflow:hidden}
.btt:hover{float:left;}
.btt .bname{background-color:#141414; color:#331b11; float:left;font-size:15px; font-weight:700; padding:5px; text-transform:uppercase; text-align:center;width:calc(100% - 10px); height:40px; overflow:hidden}
.btt > .bname > h2 > a,.btt > .bname > h3 > a{font-size:15px; font-weight:700;text-transform:none; text-align:center; line-height:20px}
.btt .bname a{color:#c8a96a;}
.btt .bname a:hover{color:#F00;}
.btt .pr,.btt .prNull{float:left; width:100%; text-align:center;font-size:14px; font-weight:bold; padding:2px 0; color:#F00}
.btt .pr:after{content:" VNĐ"; font-size:14px}
.btt .prNull:after{content:""}.btt .prNull:before{content:"Giá: "; font-size:14px}.btt .prNull{font-size:14px}
.btt .pr .pr1, .btt .prNull .pr1{padding-right:10px; text-decoration:line-through; color:#333; font-style:italic; font-weight:normal; font-size:14px}
.btt img{height:auto}
.btt > .discount{position: absolute;z-index: 2;top: 3px; left:0px;background: url("../images/discount.png") no-repeat scroll center center transparent; background-size: cover;width:55px; height: 27px; color:#FFF;text-align: center; z-index:9; padding-top:4px; font-weight:700; font-size:20px}
.btt > .binfo{float:left; width:calc(100% - 20px); padding:3px 10px; line-height:16px; height:45px; overflow:hidden}
.btt > .binfo > p{padding:0; line-height:16px; margin:0}

.pr1{text-decoration:line-through; color:#333; font-size:20px; text-align:center; padding:5px 0}
.pr2,.pr22{color:#F00; font-weight:700; font-size:25px; text-align:center;line-height:35px; padding:5px 0}
.pr2:after,.pr22:after{content:'₫'; font-size:20px; color:#000; font-weight:normal; vertical-align:top}
.pr22{font-size:40px}
.ddetail{border-bottom: solid 1px #8b0000;float:left; width:100%; margin-bottom:10px}
.ddetail > h2{color:#FFF;padding: 6px 10px 2px; float:left; background-color:#8b0000; text-transform:uppercase; font-weight:700; font-size:14px}
.dH{text-transform:uppercase}
.overall-rating{font-size: 14px;margin-top: 5px;color: #8e8d8d; padding:5px 5px 3px; margin-left:10px}
#loadvoted,.overall-rating{float:left;}
.codexworld_rating_widget li:before{ list-style:none; display:none}
#dhid{display:none}
#cart{position:fixed; bottom:5px; right:55px; background-color:rgba(255,255,0,.7); padding:3px 5px; font-size:16px; font-weight:700; width:130px; line-height:50px; height:50px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; color:red; display:none}
#cart > a > img{vertical-align:middle; padding:0 5px; float:left; width:50px; height:50px}
#popcart{width:250px;height:80px;background-color:rgba(255,255,0,.85); color:red; font-size:16px; font-weight:700; text-align:center;position:fixed;top:50%;left:50%;margin-left:-100px;margin-top:-50px;box-shadow:0 0 5px rgba(0, 0, 0, 0.75);border-radius:5px; padding:10px; z-index:999; display:none}

.spro,.bpro,.proadd,.pronow{background-color:#d43f3a; padding:7px 10px; color:#FFF; font-weight:700;-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.75);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);box-shadow: 0 0 3px rgba(0, 0, 0, 0.75); position:relative; border:none; cursor:pointer}
.spro:hover,.bpro:hover,.proadd:hover,.pronow:hover{ background-color:#1c1c1c;color:white}
.spro:before{content: '\e80a'; font-family:quangminh-icon; color:white; font-size:18px; position:absolute; top:5px; left:8px}
.spro:hover:before{color:white}
.bpro:before{content: '\e80d'; font-family:quangminh-icon; font-size:18px; position:absolute;color:white;top:5px; left:8px; font-weight:normal}
.bpro:hover:before{color:white}
.bpro{padding-left:35px; padding-right:10px; margin-top:10px}
.proadd,.pronow{float:left; font-weight:normal;padding:7px 6px; margin:5px;border-radius: 20px;transition: 0.3s;}
.proadd{background-color:#4cae4c; margin-left:0}
.proadd:hover{background-color:#d43f3a}
.pronow{margin-right:0}

.font18{font-size:18px}
.w140{width:140px}
.hidden{display:none}

a:hover > img,.zoom:hover{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scal:hovere(1.05);}
a > img,.zoom{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;max-width: 100%;}

.price{font-size:35px; font-weight:700; color:red; text-align:center;line-height: 30px;}
.dcount > ul > li{font-size:14px; font-style:italic}
.prol{float:left; width:40%; padding-right:2%}
.prol > a > img{max-width:100%; height:auto}
.pror2{float:left; width:50%}
.picthumb{float:left; width:100%;clear:both; padding:5px 0; text-align:center}
.picthumb > a > img{max-width:80px; height:auto; padding:5px}
.picthumb > a:hover > img{max-width:80px; height:auto; padding:4px; border:solid 1px red}
.picthumb > a{width:80px; margin:5px}
.pror{float:left; width:58%}
.pname{font-size:20px;color:#331b11; text-transform:uppercase; line-height:25px; font-weight:700}
.dtop{float:left; width:100%; position:relative; background-color:#EBEBEB}
.nav{color:white;/*position:fixed; top:0; left:0;*/}
.dlogo{margin:auto; float:left; margin-top:3px; margin-bottom:3px}
.dlogo:hover{margin-top:0; margin-bottom:6px}
.dlogo > a > img{border:none}
.dbann{float:left; width:100%; text-align:center}
.dmain{float:left; width:calc(100% - 10px); padding:5px !important}
.dmt{padding:10px 0}
.fnc{float:left; width:100%; padding:0}
.bggr{background-color:#F7F7F7}
.bgr{background-color:#1c1c1c;}
.bgr2{background-color:#141414;}
.dmain > h1{margin:auto;color:#eaeaea; text-transform:uppercase; font-size:20px; font-weight:700}
.main{margin:auto;}
.d{float:left; width:100%}.dr{float:right; width:100%}.dr2{line-height:20px}
.mtop > a{padding:0 5px}
.mtop > a:hover{padding:0 3px 0 7px; color:red}
.notify{font-size:11px; color:#858585; background-color:#000; line-height:12px; padding-bottom:35px !important}
.dmntop{float:left;}
.dcontop{float:right; width:calc(100% - 150px); margin-left:30px; text-align:right; padding:5px 0; height:95px; position:relative}
.dsearch{float:left; width:100%; position:absolute; right:0; bottom:0}

h2{font-size:18px; font-weight:700; line-height:18px}
h3{font-size:16px; font-weight:700; line-height:16px}
h4,h5,h6{font-size:14px; font-weight:700; line-height:14px}
.add{color:#858585; text-align:center; font-size:13px}
.bdt{border-top:solid 5px #3b0000}
.bdbt{border-bottom:solid 1px #e1e1e3; margin-bottom:5px; padding-bottom:5px}
.qm h2, qm h3, qm h4, qm h5{padding:10px 0 5px 0}
.ptop10{padding-top:10px}.pbottom10{padding-bottom:10px}.pbottom50{padding-bottom:50px}.mtop10{margin-top:10px}.mbottom10{margin-bottom:10px}
.ptop5{padding-top:5px}.pbottom5{padding-bottom:5px}.mtop5{margin-top:5px}.mbottom5{margin-bottom:5px}
.dlogo,.binfo,.pr,.nav > ul > li > a{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}

.dpage{float:left; width:100%; margin:5px 0; background-color:#141414; padding:10px 0; text-align:center; border-top:solid 1px #ce1317}
.dpage span{ color:#898989; padding:5px 10px; margin:2px}
.dpage a{ color:#919191; border-radius:5px; background-color:#000; padding:5px 10px; margin:2px; line-height:30px}
.dpage a:hover,.dpage a.pclick{ color:#FFF;font-weight:100; border-radius:5px; background-color:#8b0000; padding:5px 10px; margin:2px}

.combo{width:calc(100% - 8px); padding:3px}
.combot1{width:50px;}.combot2{width:calc(100% - 60px); padding:3px}
.combob{width:60px; padding:3px}
.combo,.combot1,.combot2{border:solid 1px #331b11; background-color:#ead0a6;}
.combob{border:solid 1px #666666;background-color:#331b11; cursor:pointer; color:#FFF}
.combo:hover,.combot1:hover,.combot2:hover,.combob:hover{border:solid 1px #C00;background-color:#ead0a6}
.combob:hover{ color:#333}
input[placeholder],textarea[placeholder], [placeholder], *[placeholder] {color:#331b11; font-size:14px; font-style:italic}
::-webkit-input-placeholder {color:#331b11; font-size:14px; font-style:italic}
:-moz-placeholder {color:#331b11; font-size:14px; font-style:italic}
::-moz-placeholder {color:#331b11; font-size:14px; font-style:italic}
:-ms-input-placeholder {color:#331b11; font-size:14px; font-style:italic}

.ctl{float:left; width:60%; padding-right:5%}
.ctr{float:left; width:35%}
.ctrl{float:left; width:110px; padding-right:10px}
.ctrr{float:left; width:calc(100% - 120px)}
.d100{float:left; width:100%}
.ctr > .d100{padding:2px 0}

.onews{float:left; clear:both; margin-top:10px; margin-bottom:5px}
.onews > h2{padding:10px; color:#FFF}
.add a{color:#FF9}
.add a:hover{color:red}
.qm ul > li:before{content:"✓ "; color:#ae0089}
.qm ul{list-style-type:none; list-style:none; padding:0}
.qm ul > li > ul > li:before{content:"➤ "; color:#ae0089; margin-left:20px}
.qm ul > li > ul > li > ul > li:before{content:"➤ "; color:#ae0089; margin-left:50px}
.qm ul > ul{list-style-type:none; list-style:none; padding:0 0 0 15px}
.news{float:left; width:calc(50% - 10px); text-align:justify; margin-bottom:10px; padding:5px 0}
.news:nth-child(1),.news:nth-child(3),.news:nth-child(5),.news:nth-child(7),.news:nth-child(9),.news:nth-child(11),.news:nth-child(13),.news:nth-child(15){margin-right:10px; clear:both}
.news:nth-child(2),.news:nth-child(4),.news:nth-child(6),.news:nth-child(8),.news:nth-child(10),.news:nth-child(12),.news:nth-child(14){margin-left:10px}
.news > img{float:left; width:200px; height:auto; margin-right:10px}
.news > h2, .news > h3{float:left; width:calc(100% - 210px); padding-bottom:5px}
.news > h2 a, .news > h3 a{color:#c8a96a}.news > h2:hover a,.news > h3:hover a{color:#8b0000}

.center{text-align:center}.red{color:red}.b{font-weight:700}.clear{clear:both}.right{text-align:right}
.qm img{max-width:100%; height:auto !important; max-height:600px; width:auto}
.social{float:left; width:100%; clear:both}
.pd10{padding-top:10px; padding-bottom:10px}
.byt{float:left; width:100%; margin:20px 0; height:500px; position:relative}
.byt iframe, .byt object, .byt embed {position:absolute;top:0;left:0;width:100%;height:100%;}

.gotop { display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 30px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;background:rgba(255,0,0,.8) url(cd-top-arrow.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.75);-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);}
.gotop.cd-is-visible, .gotop.cd-fade-out, .no-touch .gotop:hover, .gotop:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.gotop.cd-is-visible { visibility: visible; opacity: 1;}
.gotop.cd-fade-out { opacity: .95;}
.no-touch .gotop:hover, .gotop:hover {background-color:rgba(255,138,77,.9);opacity: 1;bottom:32px;}

.vcard{position:fixed; bottom:-600px; left:0px;}
.social{ width:100%; padding:5px 0; margin:5px 0; float:right; text-align:right}
.slink{position:absolute; top:5px; right:245px; float:left}
.ss{float:left;width:24px; height:24px; background-image:url(../images/social.jpg)}
.sfb{}
.stw{background-position:left 0 top -24px}
.sg{background-position:left 0 top -48px}
.syt{background-position:left 0 top -72px}
.slink a{margin:2px}
.slink0{position:relative}
a.qfb,a.qg,a.qyt,a.qtw,a.qpt{width:45px;height:44px;background-image:url(../images/social.png);float:left;background-repeat:no-repeat;border:0;overflow:hidden}a.qfb:hover,a.qg:hover,a.qyt:hover,a.qtw:hover,a.qpt:hover{opacity:.7}a.qfb{margin:0 0 0 5px;background-position:0 top}a.qg{background-position:-48px top;margin:0 0 0 6px}a.qyt{background-position:-95px top;margin:0 0 0 6px}a.qtw{background-position:-143px top;margin:0 0 0 6px}a.qpt{background-position:-190px top;margin:0 0 0 6px}a.qfb:before,a.qg:before,a.qyt:before,a.qtw:before,a.qpt:before {content: "";display: block; width: 0;height: 130%;}

.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}
.form-wrapper{width:120px;background:#444;background:rgba(0,0,0,.2);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 1px 1px rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.2);box-shadow:0 1px 1px rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.2); float:right}
.form-wrapper input{width:calc(100% - 40px);height:30px;padding:5px 5px;float:left;font-size:15px;border:0;background:#1c1c1c;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.form-wrapper input:focus{outline:0;background:#fff;-moz-box-shadow:0 0 2px rgba(0,0,0,.8) inset;-webkit-box-shadow:0 0 2px rgba(0,0,0,.8) inset;box-shadow:0 0 2px rgba(0,0,0,.8) inset}
.form-wrapper input::-webkit-input-placeholder{color:#999;font-weight:400;font-style:italic}
.form-wrapper input:-moz-placeholder{color:#999;font-weight:400;font-style:italic}
.form-wrapper input:-ms-input-placeholder{color:#999;font-weight:400;font-style:italic}
.form-wrapper button{overflow:visible;position:relative;float:right;border:0;padding:0;cursor:pointer;height:30px;width:40px;font:700 15px/40px;color:#fff;text-transform:uppercase;background:#d83c3c;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;text-shadow:0 -1px 0 rgba(0,0 ,0,.3)}
.form-wrapper button:hover{background:#e54040}
.form-wrapper button:active,.form-wrapper button:focus{background:#c42f2f}
.form-wrapper button:before{content:'';position:absolute;border-width:8px 8px 8px 0;border-style:solid solid solid none;border-color:transparent #d83c3c;top:8px;left:-6px}
.form-wrapper button:hover:before{border-right-color:#e54040}
.form-wrapper button:focus:before{border-right-color:#c42f2f}
.form-wrapper button::-moz-focus-inner{border:0;padding:0}
.ptop10{padding-top:10px}.pbottom10{padding-bottom:10px}
.mtop10{margin-top:10px}.mbottom10{margin-bottom:10px}
.red,.hotline{color:red;}
.hotline{font-size:x-large}
.hot{width:100%; text-align:center; padding:3px 0 0; background-color:rgba(123,1,1,.9); position:fixed; bottom:0; left:0; color:#FF9}
.hot a{font-size:20px;color:#FF9;font-weight:700}.hot a:hover{color:#FF0}
.big{ font-size:20px; line-height:30px; font-weight:700}
.boxxanh,.boxdo,.boxvang,.boxtim{padding:0 5px;margin:5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFC}
.boxxanh{border:dashed 2px #39F}
.boxdo{border:dashed 2px #F00}
.boxvang{border:dashed 2px #FC0}
.boxtim{border:dashed 2px #F0C}
.center{text-align:center}
.bold{font-weight:700}.italic{font-style:italic}

.tabs{float:left; width:100%; color:#858585; margin-bottom:5px}
.tabs > div {float:left; width:100%; text-align:justify;}

.tabs > ul:first-child {list-style: none outside none;margin: 0; width:100%; float:left; border-bottom:solid 1px #8b0000}

.tabs > ul > li a{float:left; padding:6px 10px 2px; color:#FFF; border-right:solid 1px #FFF;background-color:#000; font-size:14px; font-weight:normal}
.tabs > ul > li:first-child a{ text-transform:uppercase; font-weight:700}
.tabs > ul > li:hover a{color:#000}
.tabs > ul > li.active a, .tabs > ul > li:hover a {color:#FFF !important;background-color:#8b0000}

.tabs > div > .conhbox{width:49% !important; margin:5px 0; float:left; border-top:solid 1px #EEEEEE; padding-top:10px}
.tabs > div > .conhbox > a:nth-child(1){float:left;width:40%; overflow:hidden}
.tabs > div > .conhbox > a:hover{color:#8b0000 !important}
.tabs > div > .conhbox > a:nth-child(2){float:left; width:60%;font-weight:700; font-size:14px; color:#c8a96a}
.tabs > div > .conhbox > a > img{max-width:98%;width:98%; float:left; padding:0 2% 0 0; text-align:left;clear:both}
.tabs > div > .conhbox:nth-child(1),.tabs > div > .conhbox:nth-child(3),.tabs > div > .conhbox:nth-child(5),.tabs > div > .conhbox:nth-child(7),.tabs > div > .conhbox:nth-child(9),.tabs > div > .conhbox:nth-child(11){clear:both;margin-right:1%}
.tabs > div > .conhbox:nth-child(2),.tabs > div > .conhbox:nth-child(4),.tabs > div > .conhbox:nth-child(6),.tabs > div > .conhbox:nth-child(8),.tabs > div > .conhbox:nth-child(10),.tabs > div > .conhbox:nth-child(12){margin-left:1%}
.tabs > div > .conhbox:nth-child(1),.tabs > div > .conhbox:nth-child(2){border-top:none}

.dfilter{float:left; margin:auto; background-color:#F7F7F7}
.dfilter > h2{float:left; width:calc(100% - 10px); padding:5px; text-transform:uppercase; font-size:16px; font-weight:700}
.dfilter > .dfbox{float:left;margin:5px 10px}
.dfilter > .dfbox > h3{float:left; width:calc(100% - 10px); padding:5px; background-color:#E0E0E0}
.dfilter > .dfbox > ul{float:left; width:100%}
.dfilter > .dfbox > ul > li > a{float:left; width:calc(100% - 10px); padding:2px 5px; color:#202020}
.dfilter > .dfbox > ul > li:hover > a,.dfilter > .dfbox > ul > li.click > a,.dfilter > .dfbox > ul > li.click:hover > a{color:red; padding:2px 3px 2px 7px}

/*.dfilter{width:1160px}.dfilter > .dfbox{width:calc(25% - 20px)}*/
.dfilter{width:25%; position:relative}
.ClickFil{position:absolute; top:3px; right:5px}
.dfilter > .dfbox{width:calc(100% - 20px)}
.dpro{float:left; width:100%}

.fil > ul{margin:0;padding:0; width:100%}
.fil > ul > li{float:left;margin-bottom:10px;border: 1px solid #EBEBEB;margin: 0;list-style-type: none;box-sizing: border-box; width:calc(50% - 6px); padding:3px 5px}
.fil > ul > li:nth-child(odd) {clear: left;}

.bgboxmenu{background-color:#000}
.dboxmenu,.dboxmenu > ul, .dboxmenu > ul > li > ul, .dboxmenu > ul > li > ul > li{float:left; width:100%; margin:5px 0}
.dboxmenu > ul > li{float:left; width:252px;}
.dboxmenu > ul > li > a{float:left; width:calc(100% - 20px); padding:0; margin:5px 10px; color:#ff5a00; font-weight:700; text-transform:uppercase}
.dboxmenu > ul > li > ul > li > a{float:left; width:calc(100% - 20px);padding:0; margin:2px 5px 2px 15px; color:#c8a96a; line-height:14px}
.dboxmenu > ul > li:nth-child(1),.dboxmenu > ul > li:nth-child(6){clear:both}
.dboxmenu > ul > li:hover > a,.dboxmenu > ul > li > ul > li:hover > a{color:red}
.socialtop{float:right;}
.socialtop > a{width:20px;height:20px;background-image:url(../images/social2.png);}
.socialtop > a.qg{background-position:-21px top;margin:0 0 0 6px}.socialtop > a.qyt{background-position:-42px top;margin:0 0 0 6px}.socialtop > a.qtw{background-position:-62px top;margin:0 0 0 6px}.socialtop > a.qpt{background-position:-82px top;margin:0 0 0 6px}
.bgboxconhome{background-color:#FEFDE0; padding:10px 0}
.boxconhome > div.dwh{float:left;}
.boxconhome > div.dcu{float:left;height:220px; overflow:hidden}
.boxconhome > div > h2,.boxconhome > div > h3{ width:100%; padding:5px 0; text-align:center; text-transform:uppercase; font-size:16px; font-weight:700}
.boxconhome > div > ul,.boxconhome > div > ul > li{float:left; width:100%}
.boxconhome > div > ul > li{float:left; margin:5px 0}
.boxconhome > div.dcu > ul > li{float:left; width:100%; height:210px; position:relative}
.boxconhome > div.dcu > ul > li > img{float:left; width:150px; margin-right:20px;border-radius: 50%;border: 3px solid #1c1c1c;}
.boxconhome > div.dcu > ul > li > p{float:left; width:150px; margin-right:40px; text-align:center; font-weight:700; position:absolute; top:150px; left:0;}
.boxconhome > div.dcu > ul > li > p:last-child{float:left; width:calc(100% - 232px); text-align:justify; margin-right:0; font-weight:normal;position:absolute; top:0; left:190px; padding:10px 20px;background: #1c1c1c;font-style: italic; font-size:16px;color: #bebab1;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border: 1px solid #251402;min-height: 150px;}
.boxconhome > div.dcu > ul > li > p:last-child:before{color: #ccc;content: "\201C";font-size: 5em;position:absolute;left:-14px;top:30px;line-height: 0.1em;}
.boxconhome > div.dcu > ul > li > p:last-child:after{color: #ccc;content: "\201D";font-size: 5em;position:absolute;right:12px;bottom:-15px;line-height: 0.1em;}

.dmore{max-height:205px; padding-bottom:40px; overflow:hidden;position:relative}
.dmore2{height:calc(100% + 40px); max-height:calc(100% + 40px);padding-bottom:40px }
.readmore{position:absolute; bottom:0; left:0; width:100%;background-color:rgba(255,255,255,.8); text-align:center; padding:8px 0; font-weight:700; color:red; cursor:pointer; border-bottom:solid 1px #FF0000;}
.readmore:hover{background-color:#8b0000; color:#FF0}
/*.dmore3{height:100%;padding-bottom:0 !important}
.dmore3 > .readmore{display:none !important}*/
.dfilter2{height:100% !important}
ul.menuList{padding:5px 0;}
ul.menuList > li{padding:5px 10px}

@media all and (max-width:599px) {
.nav > ul > li:nth-child(1){display:none}
.logo-box img { width: 120px;}
.hotDesk{display:none}

.dfilter{height:30px; overflow:hidden; cursor:pointer}
.ClickFil{display:block}
.hot{padding:5px 0 0}.hot a{font-size:25px}
.d50{float:left; width:100%; padding:0}
.boxconhome > div.dwh{width:100%; margin-right:0}
.boxconhome > div.dcu{width:100%; margin-left:0}

.boxconhome > div.dcu > ul > li > img{ width:100px; margin-right:10px;}
.boxconhome > div.dcu > ul > li > p{width:100px; margin-right:20px;top:100px; left:0;}
.boxconhome > div.dcu > ul > li > p:last-child{width:calc(100% - 120px);margin-right:0;top:0; left:120px;}

.dboxmenu > ul > li{float:left; width:50%;}
.dboxmenu > ul > li:nth-child(1), .dboxmenu > ul > li:nth-child(3), .dboxmenu > ul > li:nth-child(5), .dboxmenu > ul > li:nth-child(7){clear:both}
.dboxmenu > ul > li:nth-child(6){clear:none}
.dfilter{width:100%}
.dfilter > .dfbox{width:calc(50% - 20px)}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(4),.dfilter > .dfbox:nth-child(6),.dfilter > .dfbox:nth-child(8),.dfilter > .dfbox:nth-child(10),.dfilter > .dfbox:nth-child(12){clear:both}
.dpro{float:left; width:100%}
.tabs > div > .conhbox{width:99% !important; margin:5px 0; float:left; border-top:solid 1px #EEEEEE; padding-top:10px; margin-left:1%}
.tabs > div > .conhbox > a:nth-child(1){float:left;width:99%; overflow:hidden; margin-right:0}
.tabs > div > .conhbox > a:nth-child(2){float:left;width:99%;font-weight:700; font-size:14px; color:#1c1c1c}
.dcontop {float: right;width:100%;margin-left:0;}
.form-wrapper{width:100%;}
.form-wrapper input{width:calc(100% - 40px);}
.dmntop,.brk{display:none}
.byt{height:320px}
.news{float:left; width:100%; text-align:justify; margin:0 !important;margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px #F5F5F5}
.news > img{float:left; width:100%; height:auto; margin-right:0}
.news > h2, .news > h3{width:100%; margin:10px 0}

.btt{width:calc(100% - 30px);min-height:320px}
.btt > a:first-child{width:100%; text-align:center; float:left}
.btt img{max-width:100%}
.btt:hover .pr{top:135px; left:0;}
.btt .binfo2{width:calc(100% - 10px);font-size:20px;top:330px;}
.btt:hover .binfo2{top:175px;}
.Qtable {width:738px;}
.nav > ul{width:100%; float:left}
.nav > ul > li{float:left; width:calc(100% - 10px); padding:0 5px; overflow:hidden}
.nav > ul > li > a{ padding:5px 5px;font-size:14px; text-transform:none;}
.nav > ul > li:hover > a{padding:5px 8px 5px 2px;}
.dlogo{width:100%; height:auto; text-align:center}
.dlogo > a > img{border:none; width:120px; height:auto}
.main, .dmain > h1{width:100%;}
.dtop{position:relative; height:auto}
.prol{float:left; width:100%; padding-right:0%}
.pror{float:left; width:100%}
}
@media only screen and (min-width: 600px){
.nav > ul > li:nth-child(1){display:none}	
.header-inner{height:160px}
.hotDesk{display:none}

.dfilter{height:30px; overflow:hidden; cursor:pointer}.ClickFil{display:block}
.boxconhome > div.dwh{width:calc(50% - 10px); margin-right:10px}
.boxconhome > div.dcu{width:calc(50% - 10px); margin-left:10px}
.dboxmenu > ul > li{float:left; width:33%;}
.dboxmenu > ul > li:nth-child(1), .dboxmenu > ul > li:nth-child(4), .dboxmenu > ul > li:nth-child(7){clear:both}
.dboxmenu > ul > li:nth-child(6),.dboxmenu > ul > li:nth-child(3),.dboxmenu > ul > li:nth-child(5){clear:none}
.dfilter{width:100%}
.dfilter > .dfbox{width:calc(33% - 20px)}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(4),.dfilter > .dfbox:nth-child(6),.dfilter > .dfbox:nth-child(8),.dfilter > .dfbox:nth-child(10),.dfilter > .dfbox:nth-child(12){clear:none}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(5),.dfilter > .dfbox:nth-child(8),.dfilter > .dfbox:nth-child(11){clear:both}
.dpro{float:left; width:100%}
.byt{height:460px}
.news{float:left; width:100%; text-align:justify; margin:0 !important; margin-bottom:10px}
.news > img{float:left; width:150px; height:auto; margin-right:10px}
.news > h2, .news > h3{width:calc(100% - 160px)}
.btt{width:calc(50% - 30px);min-height:370px}
.btt{clear:none}
.dpro > .btt:nth-child(2n+1){clear:both}
.btt img{max-width:100%}
.btt:hover .pr{top:135px; left:0;}
.btt .binfo2{width:calc(100% - 10px);font-size:20px;top:330px;}
.btt:hover .binfo2{top:175px;}
.Qtable {width:738px;}
.nav > ul{}
.nav > ul > li{float:left}
.nav > ul > li > a{ padding:9px 5px;font-size:14px; text-transform:none}
.nav > ul > li:hover > a{padding:9px 8px 9px 2px;}
.dlogo{width:120px; height:auto}
.dlogo > a > img{border:none; width:120px; height:auto}
.main, .dmain > h1{width:100%;}
.prol{float:left; width:100%; padding-right:0%}
.pror{float:left; width:100%}
}

@media only screen and (min-width: 768px){.hotDesk{display:block}
.nav > ul > li:nth-child(1){display:none}
.logo-box img { width: 150px;}
.header-inner{height:auto}
.d50{float:left; width:50%}
.d100 > .d50:nth-child(1){width:calc(50% - 10px); padding-right:10px}
.d100 > .d50:nth-child(2){width:calc(50% - 10px); padding-left:10px}
.dfilter{width:100%}
.dfilter > .dfbox{width:calc(33% - 20px)}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(4),.dfilter > .dfbox:nth-child(5),.dfilter > .dfbox:nth-child(6),.dfilter > .dfbox:nth-child(8),.dfilter > .dfbox:nth-child(10),.dfilter > .dfbox:nth-child(11),.dfilter > .dfbox:nth-child(12){clear:none}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(5),.dfilter > .dfbox:nth-child(8),.dfilter > .dfbox:nth-child(11){clear:both}
.dpro{float:left; width:100%}
.byt{height:500px}
.news{width:calc(50% - 10px) !important;margin-bottom:10px}
.news:nth-child(1),.news:nth-child(3),.news:nth-child(5),.news:nth-child(7),.news:nth-child(9),.news:nth-child(11),.news:nth-child(13),.news:nth-child(15){margin-right:10px !important; clear:both}
.news:nth-child(2),.news:nth-child(4),.news:nth-child(6),.news:nth-child(8),.news:nth-child(10),.news:nth-child(12),.news:nth-child(14){margin-left:10px !important}
.news > img{width:200px}
.news > h2, .news > h3{width:calc(100% - 210px)}
.btt{width:calc(33.3% - 20px); margin:10px;min-height:250px}
.dpro > .btt:nth-child(2n+1){clear:none}
.dpro > .btt:nth-child(3n+1){clear:both}
.btt img{max-width:100%; height:auto}
.btt:hover .pr{top:135px; left:0;}
.btt .binfo2{width:calc(100% - 10px);font-size:20px;top:330px;}
.btt:hover .binfo2{top:175px;}
.Qtable {width:738px;}
.nav > ul{}
.nav > ul > li > a{ padding:9px 5px;font-size:14px; text-transform:none}
.nav > ul > li:hover > a{padding:9px 8px 9px 2px;}
.dlogo{width:120px; height:auto}
.dlogo > a > img{border:none; width:120px; height:auto}
.main, .dmain > h1{width:100%;}
.prol{float:left; width:40%; padding-right:2%}
.pror{float:left; width:58%}
}
@media only screen and (min-width: 1024px){.hotDesk{display:block}
.nav > ul > li:nth-child(1){display:block}
.dfilter{height:100%; overflow:auto}.ClickFil{display:none}
.boxconhome > div.dcu > ul > li > img{ width:150px; margin-right:20px;}
.boxconhome > div.dcu > ul > li > p{width:150px; margin-right:20px;top:150px; left:0;}
.boxconhome > div.dcu > ul > li > p:last-child{width:calc(100% - 232px);margin-right:0;top:0; left:190px;}
.dboxmenu > ul > li{float:left; width:20%;}
.dboxmenu > ul > li:nth-child(1), .dboxmenu > ul > li:nth-child(6), .dboxmenu > ul > li:nth-child(11){clear:both}
.dboxmenu > ul > li:nth-child(3),.dboxmenu > ul > li:nth-child(4),.dboxmenu > ul > li:nth-child(5),.dboxmenu > ul > li:nth-child(7){clear:none}
.dfilter{width:25%}
.dfilter > .dfbox{width:calc(100% - 20px)}
.dpro{float:left; width:100%}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(4),.dfilter > .dfbox:nth-child(5),.dfilter > .dfbox:nth-child(6),.dfilter > .dfbox:nth-child(8),.dfilter > .dfbox:nth-child(10),.dfilter > .dfbox:nth-child(11),.dfilter > .dfbox:nth-child(12){clear:none}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(6),.dfilter > .dfbox:nth-child(10){clear:both}

.dfpro > .btt{width:calc(25% - 20px);min-height:300px}
.dfpro > .btt:nth-child(1),.dfpro > .btt:nth-child(3),.dfpro > .btt:nth-child(5),.dfpro > .btt:nth-child(7),.dfpro > .btt:nth-child(9),.dfpro > .btt:nth-child(11),.dfpro > .btt:nth-child(13),.dfpro > .btt:nth-child(17),.dfpro > .btt:nth-child(20){clear:none}
.dfpro > .btt:nth-child(1),.dfpro > .btt:nth-child(5),.dfpro > .btt:nth-child(9),.dfpro > .btt:nth-child(13),.dfpro > .btt:nth-child(17),.dfpro > .btt:nth-child(21),.dfpro > .btt:nth-child(25){clear:both}


.dpro > .btt{width:calc(25% - 20px);min-height:300px}
.btt{width:calc(25% - 20px); margin:10px;min-height:250px}
.dpro > .btt:nth-child(2n+1){clear:none}
.dpro > .btt:nth-child(3n+1){clear:none}
.dpro > .btt:nth-child(4n+1){clear:both}
/*.dpro > .btt:nth-child(1),.dpro > .btt:nth-child(3),.dpro > .btt:nth-child(5),.dpro > .btt:nth-child(7),.dpro > .btt:nth-child(9),.dpro > .btt:nth-child(11),.dpro > .btt:nth-child(13),.dpro > .btt:nth-child(17),.dpro > .btt:nth-child(20){clear:none}*/
.dpro > .btt:nth-child(4n+1){clear:both}
.btt img{max-width:100%; height:auto}
.btt:hover .pr{bottom:195px; left:0;}
.btt .binfo2{width:293px;font-size:20px;top:330px;}
.btt:hover .binfo2{top:175px;}
.Qtable {width:970px;}
.nav > ul{margin:auto}
.nav > ul > li > a{ padding:9px 13px;font-size:14px;}
.nav > ul > li:hover > a{padding:9px 11px 9px 15px;}
.dlogo{width:120px; height:auto}
.dlogo > a > img{border:none; width:120px; height:auto}
.main, .dmain > h1{width:1000px;}
.prol{float:left; width:40%; padding-right:2%}
.pror{float:left; width:58%}
.nav > ul > li:first-child > a{ padding-left:0}
.nav > ul > li:first-child:hover > a{padding:9px 11px 9px 2px;}
.fnc{width:48%; padding:5px 1%; float:left}
}
@media all and (min-width: 1025px) {.hotDesk{display:block}
.dfilter{width:25%;max-width:290px}
.dfilter > .dfbox{width:calc(100% - 20px)}
.dpro{float:left; width:100%}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(4),.dfilter > .dfbox:nth-child(5),.dfilter > .dfbox:nth-child(6),.dfilter > .dfbox:nth-child(8),.dfilter > .dfbox:nth-child(10),.dfilter > .dfbox:nth-child(11),.dfilter > .dfbox:nth-child(12){clear:none}
.dfilter > .dfbox:nth-child(2),.dfilter > .dfbox:nth-child(6),.dfilter > .dfbox:nth-child(10){clear:both}
/*.btt{width:calc(33% - 20px);min-height:300px}*/
.btt img{max-width:100%; height:auto}
.btt:hover .pr{bottom:195px; left:0;}
.btt .binfo2{width:293px;font-size:20px;top:330px;}
.btt:hover .binfo2{top:175px;}
.Qtable {width:970px;}
.nav > ul{/*calc(100% - 10px); padding:0 5px;*/ margin:auto}
.nav > ul > li > a{ padding:9px 13px;font-size:14px;}
.nav > ul > li:hover > a{padding:9px 11px 9px 15px;}
.dlogo{width:120px; height:auto}
.dlogo > a > img{border:none; width:120px; height:auto}
.main, .dmain > h1{width:100%; max-width:1160px/*calc(100% - 10px); padding:0 5px;*/}
.prol{float:left; width:40%; padding-right:2%}
.pror{float:left; width:58%}
.nav > ul > li:first-child > a{ padding-left:0}
.nav > ul > li:first-child:hover > a{padding:9px 11px 9px 2px;}
}

.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;cursor: pointer;overflow: visible;text-transform: none;-webkit-appearance: button;margin: 0;border-radius: 0; background-color:#FFF; border:solid 1px #CCCCCC}
.btn:hover{ background-color:#EFEFEF}
.btn-danger {color: #fff;background-color:#1c1c1c;border-color:#1c1c1c; border-radius:4px 0 0 4px}
.btn-success {color: #fff;background-color: #1c1c1c;border-color: #1c1c1c; border-radius:0 4px 4px 0}
.btn-danger:hover,.btn-success:hover{background-color:#d43f3a;border-color:#d43f3a}
.input-group{float:left; margin:5px 0;margin-top:10px}
.input-group-addon, .input-group-btn, .input-group .form-control {display: table-cell; float:left}
.form-control {display: block;width:calc(100% - 89px);height: 34px;padding: 6px 12px;font-size: 16px; font-weight:700;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc; border-left:none; border-right:none;border-radius:0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-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;pointer-events:none;}
.cont img{width:auto;height:auto;max-width:100% !important}

/*-------NIVO SLIDE-----*/
.hbn{overflow:hidden; width:100%; position:relative; background:url(loading.gif) no-repeat center center; text-align:left; float:left}
.hbn .img{display:none;}

.hbn .active > a{ border-bottom:1px solid #fff;}
.hbn .img img{ width:100%; height:auto;}
.dba .bgnv,.dbl .bgnv,.hbn .bgnv{background:rgba(255, 255, 255, 0.5);padding:10px; display:inline-block;border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;}
.dba .bgnv:hover,.dbl .bgnv:hover,.hbn .bgnv:hover{background:rgba(255, 255, 255, 0.75)}
.dba .bgnv .tit,.dbl .bgnv .tit,.hbn .bgnv .tit,.hbntour .bgnv{color:#FFF;font-size:24px; text-transform:uppercase; line-height:28px; display:block;text-shadow:1px 1px 0px black;}
.dba .bgnv:hover .tit,.dbl .bgnv:hover .tit,.hbn .bgnv:hover .tit{color:#FF0}
.dba span,.dbl span,.hbn span{color:#fff;font-size:14px; text-transform:uppercase;}

.hbn .bgnv a:hover{color:#FC0}


/* 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; bottom:20px; left:0; width:auto; z-index:10; display:none;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {}.tit,.bgnv .desc{}.hnews .tit{ }

.nivo-txt {display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {background:url(next-prev.png) no-repeat right 0; position:absolute; z-index:10; left:20px; top:50%; margin-top:-22px; height:45px; width:27px; cursor:pointer; opacity:.5; filter:alpha(opacity=20); text-indent:-9999px; display:none;}
.nivo-directionNav .nivo-nextNav {background-position:0 0; left:auto; right:20px;}
.hbn:hover .nivo-nextNav, .hbn:hover .nivo-prevNav{ display:block;}
.hbn .nivo-nextNav:hover, .hbn .nivo-prevNav:hover{opacity:1; filter:alpha(opacity=40);}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position:absolute; bottom:8px; right:8px; z-index:10;}
.nivo-controlNav a{background:url(bullets3.png) no-repeat 0 0; width:22px; height:22px; display:block; text-indent:-9999em;float:left; cursor:pointer;}
.nivo-controlNav a.active,.nivo-controlNav a:hover{background-position: 0 -22px;}
@media all and (max-width:599px) {
.dba .bgnv,.dbl .bgnv,.hbn .bgnv{padding:5px 10px;}
.dba .bgnv .tit,.dbl .bgnv .tit,.hbn .bgnv .tit{font-size:16px; text-transform:uppercase; line-height:20px;}	
.nivo-caption {bottom:10px;}
}
/*-------NIVO SLIDE-----*/
.fnct{float:left; width:100%; padding:2px 0}