.box_container{}
.box_container .content{padding:10px 0}
.tt_lh{width:49%;float:right}
.bando{width:100%;float:right}
.dangky{width:49%;float:right}
.dangky_frm{padding:10px 20px;position:relative;border:1px solid #D6D6D6;margin-top:10px;box-sizing:border-box}
div.dangnhap{float:left;width:49%;position:relative}
div.tieude_dangky{position:absolute;background:#F7F7F7;padding:3px 15px;top:-16px;left:20px;border:1px solid #D6D6D6;font-size:13px}
div.tieude_dangnhap{border-bottom:1px solid #D6D6D6;line-height:35px;margin-bottom:10px;font-size:13px}
.popup_thongbao{width:300px;background:#fff;text-align:center;border:1px solid #D0CFCF;font-size:13px}
.popup_thongbao .tieude_tb{background:#E80019;padding:7px;color:#fff;text-transform:uppercase;font-weight:700}
.popup_thongbao .popup_kq{padding:10px;font-weight:700;color:#4C4C4C;min-height:70px;align-items:center;font-size:13px}
div.frm_lienhe{margin:10px 0;font-size:13px;position:relative}
.thongbao{font-size:20px;color:red;position:absolute;top:35%;width:100%;text-align:center}
.thongbao p{text-align:center}
div.frm_lienhe .item_lienhe{margin:8px 0}
div.frm_lienhe .item_lienhe_b{text-align:center}
div.frm_lienhe .item_lienhe p{float:left;min-width:120px}
div.dangky .item_lienhe p{clear:both;float:none}
#reset_capcha img{float:left;margin:5px 10px}
.baove{float:left!important}
div.frm_lienhe .item_lienhe span{color:red;margin-left:3px}
div.frm_lienhe .item_lienhe input[type='text'],div.frm_lienhe .item_lienhe textarea,div.frm_lienhe .item_lienhe input[type='password'],div.frm_lienhe .item_lienhe select{width:63%;padding:5px 10px;border:1px solid #D6D6D6;box-sizing:border-box;background:#F7F7F7}
div.dangky_frm .item_lienhe input[type='text'],div.dangky_frm .item_lienhe textarea,div.dangky_frm .item_lienhe input[type='password'],div.dangky_frm .item_lienhe select{width:100%}
div.frm_lienhe .item_lienhe input[type='button'],div.frm_lienhe .item_lienhe input[type='reset'],div.frm_lienhe .item_lienhe input[type='submit']{padding:7px 25px;background:#ee0303;border:none;color:#fff;border-radius:3px;margin:10px 0;font-size:12px;cursor:pointer;box-sizing:border-box;text-transform:uppercase}
.btn_dangnhap{padding:7px 25px;background:#ee0303;border:none;display:block;color:#fff;border-radius:3px;margin:10px 0;cursor:pointer;box-sizing:border-box;text-transform:uppercase;text-decoration:none;float:left;margin-right:5px}
.date{background:#F7F7F7 url(../images/i_date.png) 98% center no-repeat!important;padding-right:8%;cursor:pointer}
#tendangnhap{background:#F7F7F7 url(../images/i_user.png) 2% center no-repeat!important;padding-left:8%}
#matkhau,#nhaplaimatkhau,#matkhaucu{background:#F7F7F7 url(../images/i_pass.png) 2% center no-repeat!important;padding-left:8%}
.box_news{padding:12px 0;border-bottom:1px dashed #C6C6C6;width:100%}
.box_news h3 a{font-size:14px;color:#1f1f1f;margin-bottom:6px;transition:.4s;text-decoration:none;display:block}
.box_news h3 a:hover{color:red;transition:.4s}
.box_news a.chitiet{color:#00F}
.box_news a{text-decoration:none}
.box_news a img{float:left;margin:4px 15px 3px 0;width:35%;max-width:170px!important;transition:1s;border:1px solid #DCDCDC}
.box_news a img:hover{opacity:.4;transition:1s}
.othernews{border:1px solid #DEDEDE;padding:5px;background:#F7F7F7}
.othernews .cactinkhac{font-size:20px;color:#06F}
.othernews ul.khac{list-style:none;margin-left:15px}
.othernews ul.khac li{background:url(../images/i_tinkhac.png) left 3px no-repeat;padding:3px 5px 3px 18px;color:#AAA}
.othernews ul.khac li a{color:#4A4A4A;text-decoration:none;transition:.4s}
.othernews ul.khac li a:hover{color:red;padding-left:10px;transition:.4s}
#map_canvas{height:500px;width:100%;margin:0 auto;}
.map_description{color:#000;overflow:auto;max-width:300px}
.map_title{color:rgb(46,49,146);font-weight:700}
.pagination{margin:auto;width:auto;text-align:center;margin-top:10px}
.pagination .pages li.prev{margin-right:15px}
.pagination .pages li.next{margin-left:15px}
.pagination .pages li{display:inline-block;margin:5px 2px}
.pagination .pages li a{height:25px;padding:4px 8px;text-decoration:none;color:#666;font-weight:700;border:1px solid #d5d5d5;font-size:11px}
.pagination .pages li a:hover{background:#f6f6f6}
.pagination .pages li .active{background:#424852;color:#fff;border-color:#424852}
.pagination .pages li .active:hover{background:#2a313d}
.pages_ajax{display:inline-block}
.pages_ajax li{display:inline-block;margin:5px 2px;height:25px;padding:4px 8px;text-decoration:none;color:#666;font-weight:700;border:1px solid #d5d5d5;font-size:11px;box-sizing:border-box;min-width:30px;cursor:pointer}
.pages_ajax li.actived,.pages_ajax li:hover{background:#2a313d;color:#fff}
span.total{display:none}
.danhgiasao{cursor:pointer}
.danhgiasao span{background:url(../images/star.gif) center top no-repeat;display:inline-block;width:16px;height:16px;cursor:pointer}
.danhgiasao span.active{background:url(../images/star.gif) center -48px no-repeat}
.danhgiasao span.hover,.danhgiasao span.default{background:url(../images/star.gif) center -32px no-repeat}
#pre-loader{background:#F5F5F5;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.loader{position:relative;width:2.5em;height:2.5em;transform:rotate(165deg);position:absolute;top:calc(50% - 1.25em);left:calc(50% - 1.25em)}
.loader:before,.loader:after{content:'';position:absolute;top:50%;left:50%;display:block;width:.5em;height:.5em;border-radius:.25em;transform:translate(-50%,-50%)}
.loader:before{animation:before 2s infinite}
.loader:after{animation:after 2s infinite}
@keyframes before {
0%{width:.5em;box-shadow:1em -.5em rgba(225,20,98,0.75),-1em .5em rgba(111,202,220,0.75)}
35%{width:2.5em;box-shadow:0 -.5em rgba(225,20,98,0.75),0 .5em rgba(111,202,220,0.75)}
70%{width:.5em;box-shadow:-1em -.5em rgba(225,20,98,0.75),1em .5em rgba(111,202,220,0.75)}
100%{box-shadow:1em -.5em rgba(225,20,98,0.75),-1em .5em rgba(111,202,220,0.75)}
}
@keyframes after {
0%{height:.5em;box-shadow:.5em 1em rgba(61,184,143,0.75),-.5em -1em rgba(233,169,32,0.75)}
35%{height:2.5em;box-shadow:.5em 0 rgba(61,184,143,0.75),-.5em 0 rgba(233,169,32,0.75)}
70%{height:.5em;box-shadow:.5em -1em rgba(61,184,143,0.75),-.5em 1em rgba(233,169,32,0.75)}
100%{box-shadow:.5em 1em rgba(61,184,143,0.75),-.5em -1em rgba(233,169,32,0.75)}
}
.hover_sang1{position:relative;overflow:hidden}
.hover_sang1:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';z-index:10;-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0)}
.hover_sang1:hover:before{webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0)}
.hover_sang2{position:relative;overflow:hidden}
.hover_sang2:before{position:absolute;top:0;left:-85%;z-index:10;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.hover_sang2:hover:before{transition:1s;left:100%}
.hinh_mo{position:relative;z-index:2}
.hinh_mo:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0)}
.trang_den{filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}
.trang_den:hover{filter:grayscale(0%);-moz-filter:grayscale(0%);-webkit-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%)}
.zoom_hinh{overflow:hidden}
.zoom_hinh img{transition:all 1s ease 0}
.zoom_hinh:hover img{transform:scale(1.1)}
.xoay_hinh{overflow:hidden}
.xoay_hinh img{transition:all 1s ease 0}
.xoay_hinh:hover img{transform:rotate(360deg)}
.zoom_mo{position:relative}
.zoom_mo:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:rgba(255,255,255,0.2);-webkit-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);-webkit-transition:ease-in-out 500ms;-o-transition:ease-in-out 500ms;transition:ease-in-out 500ms;z-index:1}
.zoom_mo:hover:before{-webkit-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);opacity:1}
.hover_sang3{overflow:hidden;position:relative}
.hover_sang3:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out}
.hover_sang3:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out}
.hover_sang3:hover:before{right:50%;left:50%;width:0;background:rgba(255,255,255,0.5)}
.hover_sang3:hover:after{height:0;top:50%;bottom:50%;background:rgba(255,255,255,0.5)}
div#tags{margin-top:10px}
div#tags a{display:inline-block;border:1px solid #DDD;padding:3px 5px;text-decoration:none;color:#222}
div#tags a:hover{color:red}
div#tags span{display:inline-block;border:1px solid #DDD;padding:3px 5px;text-decoration:none;color:#222;background:#DDD}
div.td_gh{font-size:18px;margin:10px 0;text-transform:uppercase}
div.wap_load{background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.line-scale{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}
@-webkit-keyframes line-scale {
0%{-webkit-transform:scaley(1);transform:scaley(1)}
50%{-webkit-transform:scaley(0.4);transform:scaley(0.4)}
100%{-webkit-transform:scaley(1);transform:scaley(1)}
}
@keyframes line-scale {
0%{-webkit-transform:scaley(1);transform:scaley(1)}
50%{-webkit-transform:scaley(0.4);transform:scaley(0.4)}
100%{-webkit-transform:scaley(1);transform:scaley(1)}
}
.line-scale > div:nth-child(1){-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.line-scale > div:nth-child(2){-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.line-scale > div:nth-child(3){-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.line-scale > div:nth-child(4){-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.line-scale > div:nth-child(5){-webkit-animation:line-scale 1s 0 infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s 0 infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.line-scale > div{background-color:#ff630c;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}