body{margin:0;font-size:12px;font-family:Helvetica,Arial,Tahoma;background:#fff;line-height:150%;}
h1,h2,h3,h4,h5,h6,em,p,a,span{font-family:Helvetica,Arial,Tahoma!important}
a{text-decoration:none}
input[type='number']{-moz-appearance:textfield}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
header.header{position:relative}
.header-top{position:absolute;top:0;left:0;width:100%}
form{margin:0;position:relative;margin-bottom:10px}
.detail-content>h3{font-size:20px}
.detail-content>.search-box>form>a>input[type="submit"]{background:url(../images/icon-search.png) no-repeat scroll 0 0 transparent!important;width:17px;height:14px;margin-bottom:0;position:absolute;right:0;padding:9px;top:0}
.search-box{float:left}
nav>ul{color:#FFF;margin:0;text-align:right}
nav>ul>li{font-size:12.2px;text-align:center;display:inline-block;zoom:1;padding:0 0 7px;position:relative;margin-bottom:0}


nav>ul>li>a{color:#f9f9f9;text-decoration:none;padding:9px 7px 7px;transition:.5s;-webkit-transition:.5s;font-family:sans-serif!important}
nav>ul>li.active,nav>ul>li:hover{color:#fff}
nav>ul>li>ul{position:absolute;left:0;width:190px;display:none;z-index:999999;margin:0;margin-top:40px}
nav>ul>li:hover>ul{display:block}
nav>ul>li>ul>li{display:block;padding:0;margin:0}
nav>ul>li>ul>li>a,nav>ul>li>ul>li>a:visited{color:#FFF;display:block;padding:5px 10px;text-align:left;text-decoration:none;transition:.5s;-webkit-transition:.5s}
#menu-toggle{display:none}
ul.menu>li>a{float:left;color:#DDD9D9}
ul.menu>li a:hover{color:#fff;position:relative}
ul.menu>li span{float:left;margin-top:10px}
ul.menu > li > ul{position:absolute}
ul.menu >li >ul >li{position:relative;z-index:999;background:#000}
ul.menu > li > ul > li > a{display:block;background:#333}
ul.menu > li > ul > li > ul{position:absolute;z-index:100}
@media only screen and (max-width: 767px) {
#menu-toggle{display:block;color:#fff;max-width:100%;float:left;position:absolute;top:0;right:0;z-index:9999}
#menu-toggle i{margin-top:10px;font-size:18px;margin-right:0}
nav{transform:skewX(0deg);-ms-transfrom:skewX(0deg);-webkit-transform:skewX(0deg);margin-bottom:0;background:#111}
nav>ul{display:none;background:#111;width:100%;margin-top:0}
nav>ul>li{display:block;width:100%;text-align:left}
nav>ul>li:hover{display:block;width:100%;text-align:left}
nav>ul>li>ul{display:block;width:100%;background:#464646;margin-top:5px}
nav>ul>li>ul>li{padding-left:20px}
.menu-open{display:block}
section.home-link>.container .cirle-border{margin-top:0!important;width:100%;margin-bottom:5px}
nav>ul>li>ul{margin-top:0;position:relative!important}
nav>ul>li:hover>ul{margin-top:0!important}
ul.menu li a{z-index:999999!important;position:inherit!important;width:95%!important}
ul.menu.menu-open>li>ul>li>a{z-index:9!important}
nav>ul>li:hover>ul{padding:0!important}
ul.menu > li > ul > li > a{background:transparent}
ul.menu.menu-open>li>a{z-index:1.0E+16!important}
.main-content{padding-right:0!important}
}
.bg-menu{background:url(../images/bg-menu.jpg);width:100%;float:left;height:40px;z-index:9999;position:relative}
.bg-border{background:-moz-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.65)),color-stop(1%,rgba(0,0,0,0.65)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1);height:10px;width:90%;float:left;z-index:2;margin-left:10%;margin-top:-20px}
.product-hot{float:right;margin-top:60px;color:#999}
.product-hot .product{float:right;width:180px;position:absolute;right:12%}
.product-hot .product>img{margin-left:45%}
.product-hot .product>.box-pro{background:#fff;padding:14%;border-radius:88px;border:3px solid #c13b32;text-align:center;margin-top:-17px}
.product-hot .product>.box-pro>span{color:#dd1600;font-weight:700;font-size:26px}
.product-hot .product>.box-pro>a{text-decoration:none}
.product-hot .product>.box-pro>a>p{margin:0;text-transform:uppercase;font-size:11px;color:#000;text-decoration:none}
.product-hot .product>.box-pro>a>img{margin-top:10px;width:86px;height:66px}
.product-hot .product-small{float:left;width:80px;margin-top:70px}
.product-hot .product-small>img{margin-left:45%;width:8px;height:70px}
.product-hot .product-small>.box-pro{background:#fff;padding:22px 5px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #c13b32;text-align:center;margin-top:-17px}
.product-hot .product-small>.box-pro>span{color:#dd1600;font-weight:700;font-size:20px}
.product-hot .product-small>.box-pro>a>p{margin:0;text-transform:uppercase;font-size:11px;padding:19px;display:none}
.product-hot .product-small>.box-pro>a>img{height:66px;display:none;width:85px;height:85px;margin-left:23%}
.product-hot .product-small.active{float:left;width:180px;z-index:999;position:relative;margin:0 -15px}
.product-hot .product-small.active>img{width:12px;height:89px}
.product-hot .product-small.active>.box-pro>a{text-decoration:none}
.product-hot .product-small.active>.box-pro>a>img{display:block;opacity:1}
.product-hot .product-small.active>.box-pro>a>p{display:block;padding:0;height:22px;overflow:hidden}
.logo{background:url(../images/bg-logo.png);background-repeat:no-repeat;z-index:3;position:relative}
.logo a img{width:216px;max-height:67px;overflow:hidden;margin-top:5px}
.bg-logo{background:url(../images/bg-logoleft.png);background-repeat:repeat-x;height:60px;float:left;position:absolute;top:0;width:22%;left:0}
.bg-link{width:266px;height:30px;float:right;background:url(../images/bg-link.png);margin-right:10%;margin-top:-20px;color:#fff;z-index:9;position:relative}
.bg-link>a{color:#fff;text-decoration:none;margin-top:3px;float:left;margin-left:25%}
.bg-link>a>i{margin-right:5px;float:left;margin-top:6px}
.bg-link>a>img{margin-right:5px;float:left}
.box-manage{position:relative;float:left}
.box-manage img{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,0.3)}
.box-manage:hover{opacity:.8}
.box-manage span{text-decoration:none;position:absolute;right:8%;top:0;width:60%;color:#FFF;margin-top:5%;line-height:18px;text-transform:capitalize;text-align:right}
.box.td{float:left;width:100%}
.box>.td >.news-index{float:left;width:100%}
.box>.td >.news-index>span{float:left;width:35%}
.box>.td >.news-index>hr{float:left;width:65%}
.more{float:right;text-decoration:none;color:#999!important;font-style:italic}
.more:hover{color:#333!important}
.box .td span{width:65%;float:left;font-weight:700;color:#000;font-size:16px}
.box .td hr{width:35%;float:left;clear:none!important;margin-bottom:20px}
.box-mid{float:left;width:100%;margin-top:10px; min-height:400px}
.box.hot{width:100%;float:left}
.box .hot a img{width:20%;float:left;margin-right:2%;border:1px solid #ccc;padding:3px;text-decoration:none;max-height:80px}
.box .hot a img:hover{border:1px solid #999}
.box .hot p{width:74%;float:left;overflow:hidden;line-height:18px;min-height:70px}
.box .hot>.intro>p{width:64%;float:left;overflow:hidden;line-height:18px;min-height:70px}
.box.hot a{text-decoration:none;color:#999}
.box .current-news{float:left;width:100%;margin-top:10px}
.current-news ol{list-style-position:inside;color:#000;margin-left:0}
.box .current-news>ol>li>span{float:right;color:#999}
.box .current-news>ol>li>a{text-decoration:none;color:#666;margin-left:5px}
.box .current-news>ol>li{margin-bottom:5px;background-image:url(../images/bg-ol.png);background-position:-5px;background-repeat:no-repeat;padding-left:7px;float:left;width:100%;overflow:hidden;height:19px}
.box .current-news>ol>li>a:hover{color:#000}
.box .current-news>ol>li{margin-bottom:5px;background-image:url(../images/bg-ol.png);background-position:-5px;background-repeat:no-repeat;padding-left:7px}
.social{width:100%;float:left}
.social .box-social{width:23%;margin-right:2%;float:left;position:relative;background:#900;text-align:center;opacity:1;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border-bottom:3px solid #630d09;margin-top:10px}
.social .box-social:hover{opacity:.8}
.social .box-social a{text-decoration:none}
.social .box-social a img{margin-top:5px;max-width:54px;max-height:32px}
.social .box-social a span{color:#fff;width:100%;float:left;font-size:11px;text-shadow:1px 1px rgba(0,0,0,0.3)}
.border-partners{border:1px solid #ccc;width:100%;float:left;border-radius:10px;margin-bottom:30px;margin-top:50px}
.bg-partners{width:15%;float:left;position:relative;height:84px}
.bg-partners span{width:80%;float:left;position:absolute;top:0;left:0;padding:0 15%;text-transform:uppercase;color:#fff;margin-top:25px;margin-bottom:10px}
.slide-partners{width:85%;float:left;height:85px}
footer{width:100%;height:83px;float:left;background:url(../images/bg-footer.jpg);position:relative;bottom:0}
.logo-footer{margin-top:15px;margin-bottom:15px}
.address{margin-top:15px;margin-bottom:10px;border-left:1px solid #ccc;width:90%;float:left;padding-left:5%;padding-right:5%;font-size:11px}
.address p{margin-bottom:0;color:#999;font-weight:700}
.address span{color:#999;width:100%;line-height:14px;float:left}
.address span.copyright{color:#999;width:100%;line-height:14px;float:left;font-size:10px!important}
.search{position:relative;float:left;margin-top:10px}
input[type="text"],input[type="password"]{padding:4px;margin-bottom:0;font-size:11px}
input.submit{background:url(../images/btn-search.jpg);width:19px;height:21px;float:left;position:absolute;right:0;top:0;margin-bottom:0}
input.submit:hover{background:url(../images/btn-search.jpg)}
.support-footer{float:left;width:100%}
.support-footer .box-footer{position:relative;float:left}
.support-footer .box-footer a{position:absolute;text-decoration:none;z-index:2;top:0;left:0;font-size:11px;color:#999;text-align:center;width:100%}
.support-footer .box-footer a:hover{color:#000}
.bg-main{background:transparent;width:100%;margin-top:5px;padding-bottom:10px}
.main{float:left;padding-top:30px;margin-top:20px;width:100%;border-top-left-radius:10px;border-top-right-radius:10px;min-height:420px;margin-top:50px}
.bg-support{width:218PX;height:100px;background-repeat:no-repeat}
.bg-support>h5{margin-top:5%;margin-left:8%;color:#D32027;line-height:0!important;font-weight:700}
.support-box{margin-top:40px;margin-bottom:5px;margin-left:8%}
.support-title{font-weight:700}
.support-region{font-weight:700;margin-top:7px;margin-bottom:5px}
.box>.td >.logon>span{float:left;width:45%}
.box>.td >.logon>hr{float:left;width:55%}
.logon-box{margin:5px}
.bg-logon{clear:both;margin-top:15px;height:100px}
.bg-logon>h5{margin-top:5%;margin-left:0;color:#D32027;line-height:0!important;font-weight:700}
.bg-logon>label,.bg-logon>input{margin-left:1px;border:1px solid #ccc;padding:6px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#777;width:94%;display:block;margin-bottom:5px;background:#fff;margin-right:1%;font-size:13px;font-family:Helvetica,Arial,Tahoma}
.bg-logon>div>ul{margin-left:1px}
.bg-logon input.btn-image{clear:both;background-color:#d9d9d9;border:1px solid #ccc;padding:6px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#777;margin:0;width:100%;display:block;margin-bottom:4px;margin-left:1px}
.bg-logon>a{margin-left:1px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:blue;width:94%;display:block;margin-bottom:5px;font-size:13px;font-family:Helvetica,Arial,Tahoma;text-align:center;cursor:pointer}
.bg-support>img{margin-left:8%;margin-top:5%;height:108px;width:162px}
#lean_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;background:#000;display:none}
.popupContainer{position:absolute;width:330px;height:auto;left:45%;top:80px;background:#FFF;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:5px 5px rgba(0,0,0,0.2);display:none}
.popupContainer .modal_close{position:absolute;top:12px;right:12px;display:block;width:14px;height:14px;background:url(../images/modal_close.png);z-index:2}
#modal_trigger{width:74%;display:block;margin-left:8%;border-top:1px solid #ccc;text-decoration:none;padding:5px 0;color:#999;text-transform:capitalize;text-align:justify}
#modal_trigger:hover{color:#333}
#modal_trigger img{float:right}
.btn{padding:10px 20px;background:#F4F4F2}
.btn_red{background:#ED6347;color:#FFF}
.btn:hover{background:#E4E4E2}
.btn_red:hover{background:#C12B05}
a.btn{color:#666;text-align:center;text-decoration:none}
a.btn_red{color:#FFF}
.one_half{width:50%;display:block;float:left}
.one_half.last{width:45%;margin-left:5%}
.popupHeader{font-size:16px;text-transform:uppercase;background:#9d201a;position:relative;padding:10px 20px;border-bottom:1px solid #DDD;font-weight:700;color:#FFF;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}
.popupBody{padding:20px;float:left;width:90%}
.popupBody h5{font-weight:700;background:#9f9f9f;color:#FFF;padding:5px 10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin-bottom:10px;text-shadow:1px 1px rgba(0,0,0,0.3)}
.popupBody>ul{margin:10px 0;float:left;padding:5px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.popupBody>ul>li{margin-bottom:0;width:100%;float:left;font-size:13px}
.popupBody>ul>li>img{margin-top:3px;float:left;margin-right:10px}
.popupBody p{margin-bottom:0;float:left;width:100%;font-size:13px;float:left;width:100%;font-size:13px}
.social_login .social_box{display:block;clear:both;padding:10px;margin-bottom:10px;background:#F4F4F2;overflow:hidden}
.social_login .icon{display:block;width:10px;padding:5px 10px;margin-right:10px;float:left;color:#FFF;font-size:16px;text-align:center}
.social_login .fb .icon{background:#3B5998}
.social_login .google .icon{background:#DD4B39}
.social_login .icon_title{display:block;padding:5px 0;float:left;font-weight:700;font-size:16px;color:#777}
.social_login .social_box:hover{background:#E4E4E2}
.centeredText{text-align:center;margin:20px 0;clear:both;overflow:hidden;text-transform:uppercase}
.action_btns{clear:both;overflow:hidden}
.action_btns a{display:block}
.post{margin:0 auto;padding-bottom:10px;float:left;width:100%}
.post h4{font-size:16px}
.btn-sign{width:74%;color:#000;margin-left:8%;border-top:1px solid #ccc;text-decoration:none;padding:5px 0}
.btn-sign a{color:#999;text-decoration:none;text-transform:capitalize;text-align:justify}
.btn-sign>a:hover{color:#333}
.btn-sign>a>img{float:right}
#mask{display:none;background:#000;position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;opacity:.5;z-index:999}
.login-popup{display:none;background:#f4f4f2;float:left;font-size:1.2em;position:fixed;top:59%;left:50%;z-index:99999}
img.btn_close{float:right;margin:-28px -28px 0 0}
fieldset{border:none}
form.signin .textbox label{display:block;padding-bottom:7px}
form.signin .textbox span{display:block}
form.signin p,form.signin span{color:#999;font-size:11px;line-height:18px}
form.signin .textbox input{background:#666;border-bottom:1px solid #333;border-left:1px solid #000;border-right:1px solid #333;border-top:1px solid #000;color:#fff;border-radius:3px 3px 3px 3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:6px 6px 4px;width:200px}
form.signin input:-moz-placeholder{color:#bbb;text-shadow:0 0 2px #000}
form.signin input::-webkit-input-placeholder{color:#bbb;text-shadow:0 0 2px #000}
.button{background:-moz-linear-gradient(center top,#f3f3f3,#ddd);background:-webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#ddd));background:-o-linear-gradient(top,#f3f3f3,#ddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3',EndColorStr='#dddddd');border-color:#000;border-width:1px;border-radius:4px 4px 4px 4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#333;cursor:pointer;display:inline-block;padding:6px 6px 4px;margin-top:10px;font:12px;width:214px}
.button:hover{background:#ddd}
.share{width:50%;float:left}
.box{float:left;width:100%}
.pull-right p a{margin-top:0;float:left;text-decoration:none}
.pull-right p a img{margin-top:2px}
.pull-right p span{float:left;margin:0 5px}
.product-list{width:26%;float:left;border:1px solid #ccc;padding:2%;margin-right:3%;border-radius:4px;margin-bottom:20px}
.product-list:hover{border:1px solid #999;-webkit-box-shadow:0 0 5px 0 rgba(50,50,50,0.3);-moz-box-shadow:0 0 5px 0 rgba(50,50,50,0.3);box-shadow:0 0 5px 0 rgba(50,50,50,0.3)}
.product-list h2 a{float:left;height:40px;overflow:hidden;width:100%;text-decoration:none;margin:10px 0;font-size:14px;line-height:22px;margin-top:20px}
.product-list>a.imgproduct{float:left;height:180px;width:100%!important;overflow:hidden}
.product-list p{color:#666}
.breach{float:left;width:100%}
.pull-right{margin-right:2%}
.btnmore{margin:0!important;margin-bottom:15px!important}
.pull-left h1{font-size:17px;margin:0;line-height:24px}
.main-content{padding-right:10px}
.main-content .detail{float:left;width:100%}
.detail .img-product{float:left;width:50%}
.detail .meta-description{float:left;width:50%}
.td{font-size:20px;float:left;width:100%}
.detail .meta-description p{float:left}
.detail .detail-content{float:left;width:94%;border:1px solid #ccc;padding:3%;padding-top:.5%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.detail .detail-content .meta-despage{color:#666}
.menu-left{width:87%;text-align:left;float:left;margin-bottom:20px}
.menu-left h2{font-size:14px;line-height:16px;padding:10px;background:#9e1f19;margin-bottom:0;color:#fff;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;margin-top:0}
.menu-left ul{width:100%;margin-bottom:0;margin-left:0}
.menu-left ul li{width:100%;margin-bottom:0;display:block}
.menu-left ul li a{text-decoration:none;padding:10px;width:98%;color:#666;width:90%;border-bottom:1px dotted #ccc;display:block;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.menu-left ul li a:hover{color:#000;border-left:5px solid #d9d9d9;padding-left:5px}
h1.td-page{font-size:20px;line-height:22px;margin-top:10px}
.detail-content > .meta-despage > .post-details > .date{line-height:16px;margin-bottom:5px;font-style:italic}
span.tab{border:1px solid #ccc;padding:5px 29px;border-bottom:0;background:#ccc;color:#fff}
.breadrumb{width:100%;float:left}
.breadrumb a{float:left;text-decoration:none;font-weight:700;color:#666}
.breadrumb span{float:left;margin:0 5px;color:#999}
.current{width:100%;float:left;margin-top:5px}
.current h4{font-size:14px;line-height:14px;font-weight:700;text-transform:uppercase}
.current ul{margin-left:15px}
.current ul li{list-style:initial;margin-bottom:5px}
.current ul li a{text-decoration:none}
.banner-pr{width:100%;float:left;margin:10px 0}
.banner-pr a img{width:100%}
.main.addback{background:rgba(255,255,255,0.83);background-repeat:no-repeat!important;border:1px solid #ccc;border-radius:10px;margin-top:80px;padding-top:10px!important;-webkit-box-shadow:0 -2px 7px 0 rgba(50,50,50,0.63);-moz-box-shadow:0 -2px 7px 0 rgba(50,50,50,0.63);box-shadow:0 -2px 7px 0 rgba(50,50,50,0.63);margin-bottom:20px}
ol.breadcrumb{margin-left:0}
ol.breadcrumb li{float:left;list-style:none}
article{width:100%;float:left;margin-bottom:10px;padding:5px 0;border-bottom:1px dotted #ccc}
article img{width:28%;float:left;margin-right:2%;display:block}
article .title{width:70%;float:left}
article .title>a{text-decoration:none}
article .title > a >i{float:left;margin-top:3px;margin-right:10px}
article .title>a>h2{font-size:16px;line-height:16px;font-weight:700;color:#212121;margin:0}
article .title > a > h2:hover{color:#000}
article .title > a > h2 > i{margin-right:10px}
article ul.post-details{float:left;margin:0;font-style:italic;list-style:none}
article ul.post-details li.date{float:left;color:#666}
article ul.post-details li.tag{float:left;margin-left:10px}
article ul.post-details li.tag a{text-decoration:none;color:#666}
article>.post-content{float:left;width:70%;overflow:hidden;text-align:justify}
article > a{color:#666}
article .upload>a{text-decoration:none}
article > .upload{width:100%}
article .upload > a > i{margin-right:10px;float:left}
article .upload>a>h2{font-size:16px;line-height:16px;font-weight:700;margin-bottom:5px;color:#212121}
article .upload > a > h2:hover{color:#000}
article > .readmore{text-decoration:none;font-style:italic;margin-top:10px;display:inline-block;float:right;color:#101010}
ul.post-details{margin-left:0;list-style:none}
.post-content{color:#666;font-size:13px}
.pagination-container{float:left;width:100%;margin-top:20px}
.agent>.breadrumb{margin-left:1%;float:left;width:99%}
.agent .map-agent{padding:1%;width:58%;float:left}
.agent .list-agent{width:39%;padding-right:1%;float:left}
.agent .list-agent .box-agent{width:100%;float:left;margin-bottom:10px}
.agent .list-agent .box-agent h3{font-size:14px;line-height:16px;font-weight:700;margin-bottom:3px;color:#333}
.agent .list-agent .box-agent p{margin-bottom:0}
fieldset input.text{border:1px solid #ccc;padding:6px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#777;margin:0;width:97%;display:block;margin-bottom:5px;background:#fff;margin-left:1%;margin-right:1%;font-size:13px;font-family:Helvetica,Arial,Tahoma}
fieldset textarea.text{border:1px solid #ccc;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#777;margin:0;width:98%;display:block;margin-bottom:10px;background:#fff;margin-left:1%;margin-right:1%;font-size:13px;font-family:Helvetica,Arial,Tahoma}
#contact-submit-button input.btn-image{border:1px solid #ccc;padding:6px 4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#777;margin:0;width:100%;display:block;margin-bottom:20px;margin-left:1%;margin-right:1%}
#contact-details{margin-top:10px;width:47%;float:left;margin-right:2%;margin-left:1%}
#contact-details h4{margin-left:1%}
#contact-form{margin-top:10px;float:left;width:49%}
#contact-details>ul{list-style:none;margin-left:0}
#contact-details>ul >li{float:left;width:100%;margin-bottom:5px}
#contact-details > ul > li > img{float:left;margin-right:5px;margin-top:-2px}
#horizontalTab{float:left;width:100%}
input .btnsearch{background:url(../images/icon-search.png)}
.search button,.search input[type="submit"]{background:url(../images/icon-search.png) no-repeat scroll 0 0 transparent!important;width:17px;height:15px;margin-bottom:0;position:absolute;right:0;top:0;padding:9px}
.kc_share{margin:15px 0;float:left}
ul.menu > li:last-child > span > img{display:none}
ol.breadcrumb>li:last-child>span{display:none}
.post-comment{float:left;width:94%;border:1px solid #ccc;padding:2%;padding-top:.5%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-top:10px}
.post-comment i{font-style:italic}
.post-comment h3{font-size:16px;font-weight:700;color:#777;margin-top:10px}
.post-comment ul.cm-item{margin-top:10px}
.post-comment ul.cm-item li{width:95%;padding:10px;margin-top:2px;margin-bottom:0;float:left;border-bottom:1px dotted #ccc}
.post-comment ul.cm-item li:nth-child(2n+1){background:#f9f9f9}
.post-comment .cm-username{float:left;font-weight:700}
.post-comment .cm-date{float:right;font-style:italic}
.post-comment .cm-content{float:left;margin-top:5px;width:100%}
.post-comment form{margin-top:20px;padding-top:10px;float:left;width:100%;border-top:2px solid #f2f2f2}
.post-comment textarea{width:97%;display:block;float:left;margin:5px 0}
.post-comment .btn-comment{background:#d9d9d9;color:#000}
.login-box{border:1px solid #d9d9d9;padding:10px}
.login-box h2{font-weight:700;font-size:1.1em;margin:5px 0}
.login-form td{vertical-align:middle;padding:5px 0 5px 10px}
.login-form td input{margin:0}
.login-lable{text-align:right}
.login-form input[type="text"],.login-form input[type="password"]{margin-bottom:5px;padding:5px 10px;width:90%}
.user-box{float:left;margin-bottom:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background:#fcf9e7;border:1px solid #f2f2f2;width:80%;padding:10px}
.user-box .user-role{color:red}
.flexslider1>.flex-direction-nav{display:none}
a.addthis_button_google_plusone>div{width:60px!important}
a.addthis_button_google_plusone>iframe{width:78px!important}
a.addthis_button_tweet>iframe{width:78px!important}
a.addthis_button_pinterest_pinit>iframe{width:42px!important}
.pagepager{width:100%;float:left}
.widtsearchalert{width:100%;float:left}
.validation-summary-errors ul{list-style:none;margin-left:0}
.validation-summary-errors ul li{list-style:none;margin-bottom:0;color:#D32027;font-weight:700}
.carousel li img{max-width:100%;height:100%}
ul.post-details>li{list-style:none!important}
@font-face{font-family:'Pacifico';src:url(pacifico.eot);src:url(pacifico.eot?#iefix) format("embedded-opentype"),url(pacifico.woff) format("woff"),url(pacifico.ttf) format("truetype"),url(pacifico.svg#Pacifico) format("svg")}
#disqus_thread{margin-top:20px}
.blue{color:#fff}
.blue h3{color:#3498db;margin:10px;padding:2%;position:relative;text-align:center}
.button{background:#3498db;color:#fff;display:block;font-size:16px;margin:20px auto;padding:20px;text-align:center;text-decoration:none;width:48%}
.buttons{padding:0 20px 20px;margin-bottom:10px}
.buttons .button{background:#FFF;color:#3498db;float:left;margin:5px}
.center .slick-center h3{-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);color:#e67e22;opacity:1;transform:scale(1.08)}
.center h3{opacity:.8;transition:all 300ms ease}
.content{width:100%}
.content:after,.buttons::after{clear:both;content:"";display:table}
.destroy{font-weight:400;margin-top:40px}
.features{display:block;list-style-type:none;margin-top:30px;padding:0;text-align:center}
.features li{margin:20px 0}
.filter .button{background:#FFF;color:#3498db;margin-bottom:40px}
.fixed-header{background:#FFF;box-shadow:2px 0 5px rgba(0,0,0,0.5);display:none;padding:10px;position:fixed;top:0;width:100%;z-index:10000}
.fixed-header .header-content{margin:auto;width:600px}
.fixed-header .subheading{display:none}
.fixed-header h1.title{float:left;font-size:24px;margin:0}
.fixed-header ul.nav{float:right;margin:0;padding:5px}
.fixed-header ul.nav li{margin:0 0 0 10px}
.margin-40{margin-bottom:40px}
.button.first{margin-top:40px}
.red{background:#e74c3c;color:#fff}
.slick-slide .image{padding:10px}
.slick-slide img{padding:5px 0;display:block;width:100%}
ul.slick-dots{display:none!important}
.slick-slide img.slick-loading{border:0}
.slick-slider{margin:0}
.subheading{color:#555;font-size:12px;font-style:italic;font-weight:400;margin:10px auto;text-align:center}
.white{background:#fff;color:#3498db}
.white pre,.white hr{background:#3498db}
p.note{font-size:12px}
p.cdn{font-size:14px}
p.guff{font-size:16px}
pre{background:#fff;margin:0 10px 20px;padding:10px}
section{width:100%}
tbody{background:#fff;border-color:#fff}
ul.nav{margin-bottom:0;padding-left:0;text-align:center}
ul.nav li{display:inline-block;list-style-type:none;margin:0 20px}
ul.nav li a{font-size:12px;text-decoration:none}
@media (max-width: 420px) {
ul.nav li a{display:block;font-size:10px}
}
@media (max-width: 768px) {
.blue h3{font-size:24px}
.button{margin:0 auto 20px;width:auto}
.button.first{margin-top:40px}
.buttons{padding:0 0 20px}
.buttons .button{float:left;font-size:12px;margin:1%;width:48%}
.center{margin-left:-40px;margin-right:-40px}
.center .slick-center h3{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);color:#e67e22;opacity:1;transform:scale(1)}
.center h3{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95);opacity:.8;transform:scale(0.95);transition:all 300ms ease}
.content{margin:auto;padding:20px 40px;width:auto}
.fixed-header .header-content{width:auto}
pre{font-size:12px;overflow-x:scroll}
}
.social .box-socialdetail{width:70%;float:left;opacity:1;margin-top:0;margin-left:20px;border-bottom:1px solid #f2f2f2;padding:10px 0}
.social .box-socialdetail:hover{opacity:.8}
.social .box-socialdetail a{text-decoration:none}
.social .box-socialdetail a img{background:#900;width:30%;margin-right:5%;float:left;border-radius:4px}
.social .box-socialdetail a span{color:#666;width:60%;margin-left:5%;float:left;margin-top:8px}
a.tab{float:left;width:75%;border-top:1px solid #CCC;margin:0 7%;padding:5px 0;color:rgba(65,64,64,1)}
a.tab>img{float:right}
.post-content img{height:auto!important}
.solution-cat{float:right}
@media(min-width:1500px) {
.flexslider .slides >li{height:670px!important}
.product-hot{margin-top:120px}
.bg-logo{width:33%}
}
@media(max-width: 1500px) {
.flexslider .slides>li{height:540px!important}
}
@media(max-width:960px) {
footer{background:#F1F1F1!important;height:auto}
.search{margin-bottom:20px!important}
.product-hot{display:none}
.bg-support{background:none;border:1px solid #ccc;border-radius:10px;width:100%;height:auto}
.bg-support>img{width:84%;margin-left:8%}
#modal_trigger{width:84%}
.btn-sign{width:84%}
.box .td span{width:70%}
.box .td hr{width:30%}
.box > .td > .news-index > span{width:35%!important}
.box > .td > .news-index > hr{width:65%!important}
.box-social{height:auto!important}
.social{margin-top:10px}
.bg-partners{background:#ccc;border-top-left-radius:4px;border-bottom-left-radius:4px;height:69px}
.bg-partners>img{display:none}
.flex-direction-nav a{top:65%!important}
.product-list{margin-right:2%!important}
.product-hot{display:none!important}
.box-footer>img{display:none}
.support-footer{display:none}
.flexslider .slides > li{max-height:350px!important;overflow:hidden}
.slick-slide{height:auto!important}
a.tab{width:87%!important}
.bg-partners span{margin-top:16%}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
nav>ul>li>a{padding:9px 1px 7px 0 !important}
.box .current-news>ol>li>span{display:none}
.box .current-news>ol>li{height:18px;float:left;overflow:hidden}
.box-social{height:90px}
.box-manage{width:100%}
.box-manage img{max-width:100%}
.box-manage span{right:5%;margin-top:3%}
.social .box-social a span{font-size:10px}
.logo a img{width:82%!important}
.menu-left{width:100%!important}
#horizontalTab{margin-top:10px!important;float:left!important}
input[type="text"]{width:93%}
.bg-logo{height:54px}
.logo a img{width:72%!important;height:auto}
.bg-link{margin-top:-20px}
.bg-border{margin-top:-20px}
}
@media(max-width:767px) {
.solution-cat{float:none}
.logo a img{width:53%!important}
.box{margin-top:15px}
.bg-partners{width:135px!important}
.box-manage{margin-bottom:10px;left:25%}
.box-manage img{float:left;max-width:100%!important}
ul.menu li span{display:none}
nav>ul>li{float:left;margin:0;padding:0}
nav>ul>li:hover{background:#333}
nav{float:left;background:rgba(10,10,10,1)}
.main{margin-top:50px!important;background:none;border:none!important;padding-top:0!important;box-shadow:none!important;-webkit-box-shadow:none!important}
.menu-left{background:#fff}
.main.addback{margin-top:24%!important}
.social{margin-top:20px;margin-bottom:10px}
.product-list{width:90%!important;margin:2% 3%}
.product-list > a.imgproduct{height:100%!important}
.product-list>a>img{height:100%!important}
.box-socialdetail{display:none}
.border-partners{background:#fff;margin-bottom:0}
#contact-details{width:97%!important}
#contact-details>ul>li>img{width:26px!important;height:22px!important}
#contact-form{width:98%!important}
.share{width:100%!important;margin-bottom:10px}
.logo-footer{margin-bottom:0}
.address{margin-top:10px;border-left:none;width:100%;padding-left:0;padding-right:0}
.flex-direction-nav .flex-prev{display:none!important;display:none!important}
.social .box-social{width:100%;margin-bottom:5px}
.bg-support{background:#fff;border:1px solid #ccc;border-radius:10px;width:100%;height:auto}
.bg-logon{width:100%;height:auto}
.main-content .detail{background:#fff}
.bg-support>img{display:none}
#modal_trigger{width:88%}
.btn-sign{width:88%}
.bg-support>h5{margin-bottom:10px}
.box-mid{margin:0}
.box .td hr{margin-bottom:15px}
.detail .img-product{width:100%!important;margin:10px 0}
.detail .meta-description{width:90%!important;padding:5%}
.current-news{display:none}
.popupContainer{width:290px!important;top:40%!important}
.menu-left{width:100%!important}
.resp-tabs-container{padding:5%!important;width:90%}
.current{width:90%!important;padding:5%}
.logo-footer img{width:100%!important;height:auto!important}
.bg-border{display:none}
.flexslider .slides >li{max-height:250px!important}
article img{float:none;width:100%;height:auto!important}
article .title{float:none;width:100%;margin-top:5px}
article .post-content{min-width:100%!important}
article .readmore{display:none}
img{max-width:100%!important}
#modal_trigger img{width:18px!important;height:18px!important}
.btn-sign > a > img{width:18px!important;height:18px!important}
h1.td-page{width:100%!important;float:left}
.detail-content > .meta-despage > .post-details > .date{width:100%!important;float:left}
.detail-content>div>select{margin-top:5px!important}
.resp-tabs-container{margin-top:0!important}
table{width:100%!important}
table.login-form{width:94%!important;float:left}
.login-form td input{margin:0;width:100%}
.login-lable{float:right}
.login-form td >.btn.btn-blue{margin-left:30%;width:72%}
tr{width:100%!important}
.box > .td > .news-index > span{width:30%}
.box > .td > .news-index > hr{width:70%}
.box .hot p{max-width:100%;margin-top:10px;min-height:100%}
.flexslider .slides > li{max-height:300px;overflow:hidden}
.flexslider .slides > li >img{max-height:300px}
.detail>h1.td-page{margin-left:10px;margin-bottom:0}
.detail>div>select{margin-top:10px;margin-right:15px}
.box-mid .agent{background:#fff;float:left;width:100%}
.box-mid .agent .list-agent{background:#fff;float:left;width:98%;margin-left:1%}
.box-mid .agent .breadrumb{margin-top:10px}
.box-mid .agent .map-agent{background:#fff;float:left;width:98%}
.slick-prev,.slick-next{top:-65%!important}
.content{padding:0!important}
.slick-slider{margin-top:4%!important}
.slick-prev,.slick-next{margin-right:7%!important}
footer{width:100%;height:80px;float:left;background:url(../images/bg-footer.jpg);position:absolute;bottom:2px}
.bg-link{margin-top:0;background:#000;width:100%;float:left;text-align:center;margin-bottom:10px;margin-top:5px}
.bg-link > a{margin-left:20px;margin-top:5px}
.product-hot{display:none}
.user-box{width:95%!important}
.menu-left{border-radius:10px}
.detail .detail-content{border:none!important}
.search button,.search input[type="submit"]{right:-10px!important}
img{max-width:100%!important}
.box .hot a img{max-height:100%!important}
.slick-prev,.slick-next{display:none!important}
.logo-footer{display:none}
.breadrumb{display:none}
.main-content .detail{border-radius:10px}
.news{display:none!important}
.support-box{margin-top:20px;margin-bottom:5px;margin-left:8%}
}
@media(max-width:520px) {
.flexslider .slides > li{max-height:200px!important;overflow:hidden}
.flexslider .slides img{height:200px}
fieldset textarea.text{margin:1% 3%!important;width:93%!important}
fieldset input.text{margin:1% 4%!important;width:92%!important;margin-left:3%!important}
#contact-submit-button input.btn-image{width:96%!important;margin-left:3%!important;margin-top:10px!important}
.alert{width:87%!important;margin-left:2%}
.border-partners>div>h1.td-page{margin-left:3%}
.main.addback{margin-top:28%!important}
.bg-link > a{margin-top:5px}
.box-manage{left:15%}
.bg-partners{display:none}
.slick-prev,.slick-next{margin-right:7%!important}
.slick-slider{margin-top:0!important}
.news{display:none}
}
.logon-tnd
{
    width:100%;max-width:100%;margin-left:-75px;min-height:50px;
}
@media(max-width:480px) {
.bg-logo{height:46px}
}
@media all and (max-width: 1100px) {
    .logon-tnd {
        margin-left: -40px;
       
    }
}
@media all and (max-width: 768px) {
    .logon-tnd {
 margin-left: 10px;
 height:auto !important;
       
    }
}