﻿
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a {text-decoration: none !important;transition-duration: 0.3s;transition-property: background-color, border-color, color, opacity;}
.Xoa{ display:none}

.News{padding-bottom:10px;margin-top:10px;margin-left:10px;margin-right:10px;}
.News .item-news{height:100%;overflow:hidden;border-bottom:solid 1px #c8c8c8;padding-bottom:10px;padding-top:10px;}
.News .item-news img{border:solid 1px #bababa;float:left;margin-right:20px;padding:3px;}
.News .item-news img:hover{border:solid 1px #bababa;}
.News .item-news .title-news a{color:#333;text-decoration:none;font-size:16px;font-weight:bold;font-family:Arial,Helvetica,sans-serif}
.News .item-news .title-news a:hover{color:#ffa403;}
.News .item-news .Other a{font-size:12px;font-weight:bold;line-height:19px;color:#3d3d3d;padding-bottom:10px;}
.News .item-news .Other a:hover{font-size:12px;color:#ffa403;}
.News .item-news .date{font-size:12px;color:#b8b1b1;padding-top:3px;}
.News .item-news .des-news{font-size:12px;color:#4a4a4a;line-height:18px;padding-top:3px;text-align:justify;margin-top:10px;font-family:Arial,Helvetica,sans-serif}
.News .item-news .chitiet{margin-top:5px;text-align:right;text-align:right;}
.News .item-news .chitiet a{color:#428bca;text-decoration:none;font-weight:bold;}
.News .item-news .chitiet a:hover{color:#f77e2d;text-decoration:none;}

.News-content{margin-top:0px;}
.News-content .date{color:#7a7a7a;padding-bottom:5px;}
.News-content .title{font:400 28px/32px arial;color:#019b92;padding-bottom:0px;margin: 0px; padding: 0px;}
.News-content .title h1{font:400 25px/42px arial;color:#019b92;padding-bottom:0px;margin: 0px; padding: 0px;}
.News-content .des-news{color:#444;float:left;font:700 14px/18px arial;padding-bottom:10px;text-rendering:geometricprecision;width:100%;}
.News-content .contents{color:#333;float:left;font:400 14px/22px arial;padding-top:0px;width:98%;}
.News-content .Other a{font-size:12px;font-weight:bold;line-height:19px;color:#3d3d3d;padding-bottom:10px;}
.News-content .Other a:hover{font-size:12px;color:#ffa403;}
.News-content .tag a{font-size:12px;font-weight:bold;line-height:19px;color:#f77e2d;padding-bottom:10px;padding-left:10px;}
.News-content .tag a:hover{font-size:12px;color:#fe7000;padding-left:10px;}
.News-content .title-more-news{font-size:15px;color:#296eb2;background-image:Url(../images/bullet_lage.png);background-repeat:no-repeat;background-position:1px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #d7d7d7;padding-top:10px;margin-top:15px;padding-left:24px;padding-top:6px;text-transform:uppercase}
.list-more-news{padding-top:0;padding-bottom:0}
.list-more-news div{line-height:24px;}
.list-more-news div a { color: #555; font-weight: bold; font-size: 13px !important; text-decoration: none; background-image: url(../Images/bullet01.png); background-repeat: no-repeat; padding-left: 10px; background-position: 0px 3px; line-height: 22px; }
.list-more-news div a:hover{background-image:url(../Images/bullet01.png);color:red;}
.Checkdata{color:Red;font-weight:bold;text-align:center;margin-bottom:20px;padding-top:20px;}

.pager{text-align:center;padding-top:20px;padding-bottom:20px; margin:auto; width:100%}
.pager a{padding:3px;margin-left:3px;text-decoration:none;color:#999;font-weight:bold;}
.pager a.current{color:red;}
.pager a:hover{color:red;text-decoration:underline;}
.pager b{color:red;}
.Phantrang { margin: auto; width: 100%; text-align: center; }
.Phantrang .pageactive { padding: 4px; line-height: 12px; height: 10px;text-decoration: none; color: #ed1c24; width: 8px; display: inline-table; }
.Phantrang a { font-size: 12px; padding: 4px; line-height: 12px; height: 10px; color: #666; text-decoration: none; display: inline-table; }
.Phantrang a:hover { text-decoration:none;color: #ed1c24 !important;  }

/*Menu*/

.Menu li.active a{color:#019b92 !important}
.Menu{height:42px;line-height:42px;margin:auto;width:100%}
.Menu ul{margin:0;padding:0}
.Menu ul li{list-style:none;float:left;display:inline;position:relative;    text-align: left;}
.Menu ul li a { color: #000; float: inherit; font: 14px/41px 'Roboto', sans-serif; height: 42px; padding-left: 15px; padding-right: 15px; text-decoration: none; font-weight: 500; }
.Menu ul li a span{padding-right:0}
.Menu ul li a.curent{background:#019b92;color:#FFF;float:left}
.Menu ul li a.curent span{float:left}
.Menu li ul{position:absolute;z-index:999;width:250px;float:none;top:42px;left:0;background:#019b92;display:none;overflow:visible!important}
.Menu li ul ul{top:0;left:250px}
.Menu li ul a{width:250px;float:none;padding:0;border:none;background:none;text-indent:13px;border-bottom:#fff 1px solid;display:block;height:37px;line-height:37px;margin:0;color:#FFF}
.Menu li:hover ul ul,.Menu li:hover ul ul ul{display:none;z-index:100}
.Menu li:hover ul,.Menu li li:hover ul{display:block;z-index:100}
.Menu ul li a.active{background:#019b92 none repeat scroll 0 0;color:#fff;float:left}
.Menu ul ul li:last-child a{ border:none}

/*Video*/
.TieudeVideo{ font-size: 1.42857em; font-weight: 700; color: #454545; text-decoration: none;}
.MVideo{width:100%;float:left;margin-bottom:30px}
.MVideo .video-container { }
.MVideo .artitle-item{margin-bottom:30px;width:100%;float:left}
.MVideo .artitle-item img{max-height:270px}
.MVideo .article-info-box{background:#f2f2f2;padding:10px 20px 20px;color:gray;margin-top: -7px;}
.MVideo .article-info-box .title h2{margin: 0px;color:#f90000;font-weight:700;font-size:14px;margin-bottom:5px;display:block}
.MVideo .article-info-box .viewmore{font-weight:700}
.MVideo .article-info-box .viewmore,.MVideo .article-info-box .date .fa{color:#454545}
.MVideo .Videoyoutube{ height:230px}

/*CallHotline*/
.CallHotline { bottom: -66px; left: -35px; position: fixed; z-index: 99999; }
.phone_animation{ background-color: transparent; width: 200px; height: 200px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; visibility: visible; margin: 0 auto; }
.phone_animation_circle{ width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30,30,30,0.4); border: 2px solid #bfebfc 9; opacity: 0.5; -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; border-color: #00aff2; }
.phone_animation_circle_fill{ width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #00aff2; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .2; -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.phone_animation_circle_fill_img{ width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: #62bc33 url(../images/iconphone.png) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.CallHotline span { display: block; background: #30a4cc; color: #fff; padding: 5px; text-align: center; position: absolute; left: 47px; width: 110px; top: 13px; border-radius: 4px 4px; }
.CallHotline span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #30a4cc transparent transparent transparent; position: absolute; top: 27px; left: 0; right: 0; text-align: center; margin: 0 auto; }
@-moz-keyframes coccoc-alo-circle-anim { 0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 } 30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 } 100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 } }
@-webkit-keyframes coccoc-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 } 30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 } }
@-o-keyframes coccoc-alo-circle-anim { 0% { -o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 } 30% { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 } 100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 } }
@-moz-keyframes coccoc-alo-circle-fill-anim { 0% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 } 100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@-webkit-keyframes coccoc-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@-o-keyframes coccoc-alo-circle-fill-anim { 0% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@-moz-keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -moz-transform: rotate(0) scale(1) skew(1deg) } 100% { -moz-transform: rotate(0) scale(1) skew(1deg) } }
@-webkit-keyframes coccoc-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg) } }
@-o-keyframes coccoc-alo-circle-img-anim { 0% { -o-transform: rotate(0) scale(1) skew(1deg) } 10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -o-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -o-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -o-transform: rotate(0) scale(1) skew(1deg) } 100% { -o-transform: rotate(0) scale(1) skew(1deg) } }

/*Css phần bình luận comment tin tức*/
.mdlitcmt{display:block;}
.mdlitcmt .cmctlt{color:#555555;font-size:20px;padding-bottom:5px}
.mdlitcmt .ctotal{color:#555555;font-size:20px;}
.mdlitcmt .userinfo{display:block;height:18px}
.mdlitcmt .userinfo .user{font-size:11px;color:blue;font-weight:bold;display:inline;}
.mdlitcmt .userinfo .time{font-size:11px;color:#585858;display:inline;}
.mdlitcmt .ttl{font-size:13px;font-weight:bold;color:#555555;padding-bottom:5px}
.mdlitcmt .dsc{font-size:11px;color:#585858;display:block;margin-bottom:10px}
.mdlitcmt .sep{display:block;background-color:silver}
.mdlitcmt a{font-size:11px;color:blue;display:inline-block;margin-left:3px}
.spacertd{height:5px}
.txt1{border:1px solid #7F9DB9;font:11px arial;padding:3px;}
.dlTitle{color:#555555;font-size:25px;font-weight:normal;padding-bottom:16px}
.comment_item{border-bottom:1px solid #CCCCCC;clear:both;padding:10px 0;width:100%}
.comment_left{}
.comment_right{text-align:justify;float:left;width:100%}
.comment_left .user{color:#2583AD;font-weight:bold;font-size:14px;}
.comment_left .time{font-size:11px;color:silver;display:inline;}
a.morecomment{color:#2583AD;font-size:12px}
a.morecomment:hover{color:#555555;text-decoration:none}
.adword-textbox{color:#9196A2;}
.adword-textbox, .adword-textbox2{border:1px solid #7F9DB9;font:11px arial;height:13px;padding:3px;}

/*videos*/
.videos{margin-left:0px;width:100%;margin-top:15px; }
.videos .vd-item:nth-child(4n+1){  margin-left: 0 !important;	}
.videos .vd-item {border-bottom: 7px solid #fafafa;box-shadow: 0 0 2px #ddd;float: left;margin: 10px 13px 0;min-height: 175px;padding: 5px;text-align: center;transition: all 0.4s ease-in-out 0s;width: 216px;}
.videos .vd-item .img{margin-bottom:10px;position:relative;}
.videos .vd-item span a{color:#2C4E79;font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:bold;}
.videos .vd-item:hover span a{color:#ffad00;}
.videos .vd-item .pl{left:87px;position:absolute;top:32px;}
.videos .vd-item:hover{border-bottom: 7px solid #ffad00; }
.videos .vd-item .img img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } 
.videos .vd-item .img:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.videokhac{ text-align:left; font-size:16px; text-transform:uppercase;margin-top: 25px;}



/*Video*/
.TieudeVideo{margin-left: 13px; font-size: 1.42857em; font-weight: 700; color: #454545; text-decoration: none;}
.MVideo{width:100%;float:left;margin-bottom:30px}
.MVideo .video-container { }
.MVideo .artitle-item{margin-bottom:30px;width:101%;float:left}
.MVideo .artitle-item img{max-height:270px}
.MVideo .article-info-box{min-height: 113px;background:#f2f2f2;padding:10px 20px 20px;color:gray;margin-top: -7px;}
.MVideo .article-info-box .title h2{margin: 0px;color:#f90000;font-weight:700;font-size:14px;margin-bottom:5px;display:block}
.MVideo .article-info-box .viewmore{font-weight:700}
.MVideo .article-info-box .viewmore,.MVideo .article-info-box .date .fa{color:#454545}
.MVideo .vdyoutube{height:229px}
.MVideo .col-xs-12.col-md-6.col-sm-6{ float:left;width: 33.3%;}


/*Album*/
.Album {margin-top: 10px;}
.Album li {list-style: outside none none;}
.abcolmd{float: left;min-height: 1px;padding-left: 10px;padding-right: 10px;position: relative;width: 25%;}
.Album .abitem {background: #fff none repeat scroll 0 0;border-bottom: 7px solid #fafafa;box-shadow: 0 0 2px #ddd;list-style: outside none none;margin-bottom: 10px;padding: 5px;position: relative;}
.Album li .img {position: relative;}
.Album .abitem .img img {margin: 0 auto;}
.img-responsive {margin: auto;}
.img-responsive {display: block;height: auto;max-width: 100%;}
.Album .abitem .img .imghover {cursor: pointer;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 10;}
.Album .abitem .tiemtitle {background: #fff none repeat scroll 0 0;height: 44px;margin-top: 0;overflow: hidden;padding: 5px;text-align: center;}
.Album .abitem .tiemtitle h2 {margin: 0;padding: 0;}
.Album .abitem .tiemtitle a {color:#2C4E79;font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:bold;}
.Album .abitem:hover .imghover { transition: opacity .20s ease-in 0s, box-shadow .40s ease-out 0s; -webkit-box-shadow: 0 0 130px rgba(0, 0, 0, 1) inset; -moz-box-shadow: 0 0 130px rgba(0,0,0,1) inset; box-shadow: 0 0 130px rgba(0, 0, 0, 1) inset; background: url(../images/full_image.png) no-repeat center; }
.Album .abitem .img .imghover { position: absolute; top: 0; left: 0; z-index: 10; cursor: pointer; width: 100%; height: 100%; }
.Album .abitem:hover {border-bottom: 7px solid #228dcd;}
.Album .abitem:hover  .tiemtitle a { color:red}
/*Giỏ hàng*/
.frm_cart{margin-top:10px;}
.frm_cart table tr td{border-color:#019b92;border-style:solid;border-width:1px;font-size:13px;line-height:20px;padding:5px; text-align:center}
.frm-add{margin-top:10px;color:#404040;}
.frm-add table tr td{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7;}
.frm-add table tr td table tr td{border-bottom:none;}
.frm-add input{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 0.6em;}
.frm-add textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 0.6em;}
.frm-add .tenthanhvien{width:20%;font-weight:bold;float:left}
.frm-add .gachke{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7;}
.frm-add{margin-top:10px;color:#404040;line-height:30px;}
.frm-add table tr td{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7;}
.frm-add table tr td table tr td{border-bottom:none;}
.frm-add input{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:26px!important;padding:0 0.6em;}
.frm-add textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 0.6em;}
.frm-add select.select-box{color:#000;height:26px!important;line-height:15px;margin-bottom:3px;text-align:left;width:315px!important;z-index:10}
.frm-add .txt_file{float:left}
.tbinput{ width:100%; float:left;}
.TitleItem{padding-left:6px;}
.TitleItem1{padding-left:6px;color:#F00;font-weight:bold;}
.borderLeftMenu{border:1px solid #646363;}
.TitleListPro{float:left;width:380px;}
.bgContent{padding:0px; width:100%}
.borderBlock_ListPro{width:100%;}
.incell{padding-top:5px;padding-left:10px;}
.Dathang_02{padding-left:10px;padding-top:10px;padding-bottom:10px;}
.Dathang_02 .input{margin-right:25px;}
.cmdxoa{background:url("../images/x.jpg") no-repeat scroll 0 7px rgba(0, 0, 0, 0);display:block;float:right;height:25px;margin-right:17px;width:12px;}
.procart td{background-color:#019b92;border-color:#019b92;border-style:solid;border-width:1px;color:#ffffff;font-size:14px;font-weight:normal;height:40px;padding:5px;text-align:left;}
.dcart{border:1px solid #E9E9E9;padding-bottom:10px;}
.frm_cart{ width:100%}

/*Liên hệ*/
.frm-contact .labelll{width:100%;margin:5px 0;float:left}
.frm-contact .content{width:270px;height:111px;float:left}
.frm-contact .txt_file{float:left}
.frm-contact{margin:0px;color:#404040}
.frm-contact table tr td{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7}
.frm-contact table tr td table tr td{border-bottom:none}
.frm-contact input{float:left;margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 .6em;width:300px}
.frm-contact textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 .6em;width:300px}
.Anhmap img{border:medium none;height:auto;line-height:normal;margin:0;max-width:100%;padding:0;vertical-align:middle;width:auto}
.tbinput{ width:100%}
.khoangcbut{padding-left: 12px; padding-left:12px; clear:both}

#loadingAjax{font-size:16px;width:110px;height:5em;position:fixed;z-index:3000;left:0;right:0;top:50%;bottom:0;margin:0 auto;margin-top:-100px}
#loadingAjax .inner{background:none repeat scroll 0 0 rgba(0,0,0,0.8);font-size:12px;text-align:center;padding:14px 0;border-radius:6px!important;color:#fff}
#loadingAjax .inner p{margin:8px 0 0}
.loading{ display:block !important}

/*
.stickytooltip{display:none;position:absolute;display:none;z-index:3000;}
.stickytooltip .stickystatus{background:white;color:white;text-align:center;font:bold 11px Arial;}
.Tooltip{width:270px;height:auto;border:1px solid #ee3124;background:white;}

.protip-title{background:none repeat scroll 0 0 #EE3124;color:#FFFFFF;padding:7px 5px;text-align:center;font-size:13px;}
.protip-content{padding:10px;}
.protip-img{padding:2px;width:350px;height:auto;border:1px solid #ee3124;background:white;text-align:center;}
.protip-title span{color:#FFF000;font-weight:bold;}
.protip-summary{margin:5px 0;padding:0 10px;}
*/

/*Chi tiết sản phẩm*/
.prodetail{float:left;line-height:22px;}
.prodetail .ptitle{color:#333;font-family:"Roboto Condensed Bold",sans-serif;font-size:20px;}
.prodetail .ptitle h1 { color: #333; font-family: "Roboto Condensed Bold",sans-serif; font-size: 20px; margin: 0; padding: 0; }
.dptime{color:#666;font-style:italic;line-height:25px;margin-top: 6px;}
.prodetail .pdid {color: #4a4a4a;font-family: Arial,Helvetica,sans-serif;font-size: 14px;line-height: 22px;text-align: justify;}
.attr{line-height:25px;border-bottom:1px dotted #d0d0d0;}
.attr_name{font-weight:bold;width:85px;float:left;}
.list_att{float:left;width:69%;}
.prstatus{line-height:25px;border-bottom:1px dotted #d0d0d0;}
.tname{width:92px;display:inline-block;font-weight:bold;}
.prodetail .price{padding:0px;}
.prodetail .price .newprice{color:#c32d2c;font-family:Arial,Helvetica,sans-serif;font-size:18px;}
.prodetail .pdesc{padding:5px 0px;}
.prodetail .pdesc{display:block;padding:0px 3px 5px 5px;color:#242424;font-size:13px;text-align:justify;overflow:hidden;}
.frmbuy{height:45px;width:285px;}
.txtnum{height:25px;width:35px;border:1px solid #e0e0e0;margin-left:10px;padding:0px 5px;}
.prodetail .pcartlnk{float:right;margin:0px auto;}
#total{float:left}
.prodetail{float:left;line-height:24px;padding-left:16px;}
.lefctiet{width:50%;float:left}
.rightct{width:50%;float:left}
.newprice span{float:left}
.btn-style-buynow{margin-right: 10px;border:1px solid #F44F00;border-radius:3px;width:200px;background:url(../images/icon_addtocart1458.png?v=494) no-repeat 10px center transparent;color:#F44F00;font-size:14px;text-transform:uppercase;margin-bottom:10px;height:48px;float:left;padding-left:44px;padding-top:12px}
.btn-style-add{background:#F44F00;border-radius:3px;color:#FFF;display:inline-block;height:48px;font-size:13px;text-transform:uppercase;text-align:center;width:200px;margin-bottom:10px;border:1px solid #F44F00;padding-top:8px}
.tonnng{width:100%}
.prod_text{float:left;height:45px;width:100%;display: flex;font-weight: 600;}
input#proQuantity { width: 53px; height: 29px; margin-top: 2px; margin-left: 6px; }
.clear{clear:both;}

.Chitietsp{ text-align:left; font-size:15px; font-weight:bold}

/*Đăng ký thành viên phần xin chào*/
.thanhvien ul { text-align: left; display: inline; margin: 0; list-style: none; } 
.thanhvien ul li { font: bold 12px/18px sans-serif; display: inline-block; margin-right: -4px; position: relative; padding: 3px 20px; background: #fff; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } 
.thanhvien ul li ul {box-shadow: none;display: none;left: -54px;opacity: 0;padding: 0;position: absolute;top: 19px;transition: opacity 0.2s ease 0s;visibility: hidden;width: 199px; z-index:9999} 
.thanhvien ul li ul li { background: #555; display: block; color: #fff; } 
.thanhvien ul li ul li a{ color: #fff;} 
.thanhvien ul li ul li:hover { background: #666; } 
.thanhvien ul li:hover ul { display: block; opacity: 1; visibility: visible; }


.scroll-top-inner { z-index: 9999; font-size: 25px; line-height: 40px; position: fixed; bottom: 65px; right: 10px;  width: 50px; text-align: center; height: 50px; padding-top: 8px; }
.btnadd{  border-radius: 5px !important;padding: 10px;border:none; text-transform: uppercase;background:none repeat scroll 0 0 #019b92 !important;color:#FFF;margin-bottom:5px;margin-top:5px;padding-left:10px;padding-right:10px;height:37px !important;font-size:13px!important;font-weight:bold;margin-right:10px;width:auto !important;font-family:arial;}
.btnadd:hover{ background:#ed1c24 !important;color:#FFF;}

.dangky{float:left;width:100%;padding-bottom:10px;margin-top:5px;}
.dangky .trai{float:left;width:20%;background:red;height:2px;}
.dangky .phai{float:right;width:80%;background:#d7d7d7;height:2px;}

.menutrangtrong .Menu {
    padding-top: 8px;
    color: #fff;
}

.menutrangtrong .Menu > ul > li > a{
    color: #fff;
}
.menutrangtrong .Menu li.active a{color:#fff !important}
.cancot{ height:80px}

.content_mini .blog-item-name a { color: #2f2f33; font-weight: bold; font-size: 13px; }
.ccccbbb img{ height:314px;}
.Menu ul li a:hover {
    color: red !important;
}

.contact-form .TextBox input{  width:300px; float:left; }
.contact-form .TextBox  { margin-right: 6px; float: left; }

.btnmvc { font-size: 14px; font-weight: 400; text-transform: uppercase; background: #019b92; color: #fff; display: inline-block; height: 40px; line-height: 39px; padding: 0 20px; text-align: center; white-space: nowrap; outline: none !important; cursor: pointer; border: none; font-weight: 400; border-radius: 5px !important; letter-spacing: 0; -webkit-transition: background-color 0.1s ease-in; -moz-transition: background-color 0.1s ease-in; -ms-transition: background-color 0.1s ease-in; -o-transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in; }
.btnmvc:hover { font-size: 14px;font-weight: 400; text-transform: uppercase; background: #ffa903; color: #fff; display: inline-block; height: 40px; line-height: 39px; padding: 0 20px; text-align: center; white-space: nowrap; outline: none !important; cursor: pointer; border: none; font-weight: 400; border-radius: 5px !important; letter-spacing: 0; -webkit-transition: background-color 0.1s ease-in; -moz-transition: background-color 0.1s ease-in; -ms-transition: background-color 0.1s ease-in; -o-transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in; }
.xoasanpham{font-size:12px; background:red;padding: 4px;margin-right:3px;margin-left:5px;color:#fff;border-radius: 3px;font-weight: 600;}
.xoasanpham:hover{font-size:12px; background:#00a9d2;padding: 4px;margin-right:3px;margin-left:5px;color:#fff;border-radius: 3px;font-weight: 600;}

.Nenimgaes { width: 100% !important; height: auto !important; opacity: 0.2; animation-duration: 1.25s !important; animation-fill-mode: forwards !important; animation-iteration-count: infinite !important; animation-name: placeHolderShimmer !important; animation-timing-function: linear !important; background: #F6F6F6!important; background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%) !important; background-size: 700px 104px !important; position: relative !important; }


.page-login .form-signup .form-group label { font-family: 'Roboto',sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; font-weight: 600; }
.page-login .form-signup .form-group input{height:45px;padding:0 20px;color:#2f2f33;line-height:45px;border-color:#ebebeb;border-radius:0;box-shadow:none;border-radius:5px}
.page-login .form-signup .form-group textarea{box-shadow:none;border-radius:0}
.page-login .form-signup .form-group input::placeholder{font-family:'Roboto',sans-serif;font-size:15px;color:#111}
.group_contact .cancot input  { border: 1px solid #ebebeb; padding: 0 20px; width: 100%; max-width: 100%; display: block; }
.group_contact .cancot  textarea{ border: 1px solid #ebebeb; padding: 0 20px; width: 100%; max-width: 100%; display: block; }
.group_contact .cancot  select { border: 1px solid #ebebeb; padding: 0 20px; width: 100%; max-width: 100%; display: block; }


.frm-contact label { font-family: 'Roboto',sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; font-weight: 600; }
.frm-contact input { height: 36px; color: #2f2f33; border-radius: 0; box-shadow: none; border-radius: 3px; }
.frm-contact textarea{box-shadow:none;border-radius:0;height: 100px; }
.frm-contact .labelll {
}
iframe.fb_iframe_widget_lift { width: 100% !important; }
textarea#txtcontent { width: 100% !important; }
.shares iframe { width: 100% !important; }
.woocommerce img.pswp__img, .woocommerce-page img.pswp__img {
    object-fit: cover!important;
}

.Mauk{color: #FFF; margin-top:2px;  background: #FA83B6; border-color: #FA83B6; font-size: 0.8125rem;  display: block;}
.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0;margin:0;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}
.fb_customer_chat_bounce_in_v2{animation-duration:300ms;animation-name:fb_bounce_in_v2;transition-timing-function:ease-in}.fb_customer_chat_bounce_out_v2{animation-duration:300ms;animation-name:fb_bounce_out_v2;transition-timing-function:ease-in}.fb_customer_chat_bounce_in_v2_mobile_chat_started{animation-duration:300ms;animation-name:fb_bounce_in_v2_mobile_chat_started;transition-timing-function:ease-in}.fb_customer_chat_bounce_out_v2_mobile_chat_started{animation-duration:300ms;animation-name:fb_bounce_out_v2_mobile_chat_started;transition-timing-function:ease-in}.fb_customer_chat_bubble_pop_in{animation-duration:250ms;animation-name:fb_customer_chat_bubble_bounce_in_animation}.fb_customer_chat_bubble_animated_no_badge{box-shadow:0 3px 12px rgba(0, 0, 0, .15);transition:box-shadow 150ms linear}.fb_customer_chat_bubble_animated_no_badge:hover{box-shadow:0 5px 24px rgba(0, 0, 0, .3)}.fb_customer_chat_bubble_animated_with_badge{box-shadow:-5px 4px 14px rgba(0, 0, 0, .15);transition:box-shadow 150ms linear}.fb_customer_chat_bubble_animated_with_badge:hover{box-shadow:-5px 8px 24px rgba(0, 0, 0, .2)}.fb_invisible_flow{display:inherit;height:0;overflow-x:hidden;width:0}.fb_mobile_overlay_active{background-color:#fff;height:100%;overflow:hidden;position:fixed;visibility:hidden;width:100%}@keyframes fb_bounce_in_v2{0%{opacity:0;transform:scale(0, 0);transform-origin:bottom right}50%{transform:scale(1.03, 1.03);transform-origin:bottom right}100%{opacity:1;transform:scale(1, 1);transform-origin:bottom right}}@keyframes fb_bounce_in_v2_mobile_chat_started{0%{opacity:0;top:20px}100%{opacity:1;top:0}}@keyframes fb_bounce_out_v2{0%{opacity:1;transform:scale(1, 1);transform-origin:bottom right}100%{opacity:0;transform:scale(0, 0);transform-origin:bottom right}}@keyframes fb_bounce_out_v2_mobile_chat_started{0%{opacity:1;top:0}100%{opacity:0;top:20px}}@keyframes fb_customer_chat_bubble_bounce_in_animation{0%{bottom:6pt;opacity:0;transform:scale(0, 0);transform-origin:center}70%{bottom:18pt;opacity:1;transform:scale(1.2, 1.2)}100%{transform:scale(1, 1)}}
 .footer-online-transfer img{width: 15px;}


 #metus .mmt-app {
    position: relative;
    display: flex;
    flex-direction: row;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    justify-content: center;
    box-sizing: border-box;
    min-height: 56px;
    -webkit-transition: all .24s;
    transition: all .24s;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
 #metus .mmt-container {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    z-index: 10000000000000000;
}.mt-tooltip {
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
 #metus .mmt-button:not(.mmt-button--mobile) {
    justify-content: flex-start;
    border-radius: 3px;
    height: 40px;
    background-color: hsla(0,0%,100%,.2);
    margin: 10px 5px;
}
#metus .mmt-button {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 5px;
    flex-direction: row;
    cursor: pointer;
}#metus .mmt-button__icon {
    margin-right: 8px;
    box-sizing: border-box;
}
.div_banner_fixed {
    top: 0px!important;
    position: fixed;
    z-index: 999999;
    background: #fff;
    width: 100%;
}
.pswp {
    z-index: 9999999;
}


a.btn.btn-primary {
    color:#fff;
}

.menu li.itop {
    background-image: url(../images/Muit.png);
    background-position: right 14px;
    background-repeat: no-repeat;
}


.fixed-right{position:fixed;z-index:9999;right:5px;transform:translateY(-50%);top:calc(50% + 10px)!important;width:50px;text-align:center;overflow:hidden}
.fixed-right a{margin-bottom:10px;width:40px;height:40px;display:inline-block}
.fixed-right a.phone{border-radius:50%;background:#64bc46;padding:6px;animation:quick-alo-circle-img-anim 1s infinite ease-in-out}
@-moz-keyframes quick-alo-circle-img-anim {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
100%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes quick-alo-circle-img-anim {
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes quick-alo-circle-img-anim {
0%{-o-transform:rotate(0) scale(1) skew(1deg)}
10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-o-transform:rotate(0) scale(1) skew(1deg)}
100%{-o-transform:rotate(0) scale(1) skew(1deg)}
}
.site-nav .menu > li:hover > .cap
{
    display:block;
}

.site-nav .menu > li > .cap {
    background: #FFF;
    box-shadow: 0 0.1875rem 0.25rem rgba(0, 0, 0, 0.2);
    display: none;
    width: 200px;
    padding: 0.625rem 1.25rem 1.25rem;
    position: absolute;
    z-index: 99;
    /* left: 0; */
    top: 100%;
}

.site-nav .menu > li > .cap > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
        line-height: 26px;
}
.site-nav .menu > li > .cap > li > a {
    font-weight: 500;
    text-transform: uppercase;
}