html{ -webkit-text-size-adjust:none; scroll-behavior: smooth} body{padding:0 !important}
.resolution{ height:30px; width: 30px; border-radius: 100px; position: fixed; left:50px; bottom:50px; z-index: 9999; background:#fff }
.main{ clear:both; width:92%; max-width:1100px; margin:0 auto } .main::after{content:' '; display:block; clear:both}
.content{ width:100%; float:none} .rightcol{ width:30%; float:right }

.leftside{ width:22%; float:left; padding-top: 20px} .rightside{ width:76%; float:right; padding-top: 20px}

.hide{ display:none!important}
.clr{ clear:both} .clr10{ clear:both; height:10px } .clr20{ clear:both; height:20px }
div.grid, div.grid .gridcol{outline: none !important}
ol[itemtype]{margin:10px 0; padding:0; font-size: 13px; border-bottom: 0.5px solid #ccc; color:#999}
ol[itemtype] li{display: inline-block; margin-right: 5px} ol[itemtype] li a{color:#999}
.gridmenu{position: sticky; top: 0; left:0; z-index: 999; background: #eee; color:#000038; height: 50px; line-height: 50px; text-align: right; padding:0 100px;}
.gridmenu a.logox{display: block; float: left} .gridmenu a.logox img{width: auto; max-height: 50px}
.gridmenu a.item{display: inline-block; padding:2px 10px; background: #fef1a1; color:#000038; border:0.5px solid #000038; font-weight: bold; cursor: pointer; line-height: 24px; border-radius: 2px; margin-left: 10px}
.gridmenu a.item:hover{background:#000038; color:#fef1a1;}
.proform .submit.beforesend{background-color: #999 !important}
span.jumbto{display: block; width: 100%; height: 0px; font-size: 0px; line-height: 0px}
.fl{ float:left: } .fr{ float:right }
.fb-send{float:left;margin-right:4px} .fb-send span{z-index:999} .fb-comments span{z-index:99} .fb_iframe_widget iframe{max-width:100%;} .fb_iframe_widget span{width:auto}
.fixhotline{display: block; position: fixed; z-index: 999; bottom:20px; left:30px; background: #fff url(../images/icon-hotline.gif) left 5px center no-repeat; background-size: 24px; padding-left: 36px; border-radius: 25px; padding-top: 5px; padding-right: 10px}
.fixhotline span{font-size: 20px; background: -webkit-linear-gradient(#f00,#f80); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; line-height: 24px}

.firstcat{background:url(../images/bghead2.jpg); border-left: 5px solid #333; color:#fff; height: 36px; line-height: 36px; padding-left: 10px; text-transform: uppercase; font-weight: bold}
.firstcat span.mobileMenu{background: url(../images/threeline2.png) center center no-repeat; background-size: 60px; width: 80px; height: 40px; display: block; float: right; cursor: pointer}

.searchbox{padding: 10px 0; background: #fff; display: none}
.searchbox input{display: block; width: 50%; padding-left: 1%; float:left; height: 30px; line-height: 24px; border:0.5px solid #ccc;}
.searchbox select{display: block; width: 20%; float:left; height: 30px; line-height: 24px; border:0.5px solid #ccc;}
.searchbox span{display: block; width: 10%; float:left; height: 30px; line-height: 30px; color:#fff; text-align: center; cursor: pointer; background: #00a79d}

span.lang{ display:inline-block; width:28px; height:28px; line-height:28px; font-size:12px; color:#fff; border-radius:100%; background:#ccc; text-align:center; cursor:pointer; margin-right:5px }
span.lang.active{ background:#26A65B }

/* Contact us */
.contactus{position: fixed; bottom: 0; left: 0; z-index: 999; font-size: 15px}
.contactus a.phone{color:#fff; background:#D8B480 url(../images/hotline-ico.png) left 5px center no-repeat; background-size: 16px; border-top:0.5px solid #79471e; display: block; float: left; padding:3px 10px 3px 25px; font-family: Arial}
.contactus a.booking{color:#fff; cursor: pointer; background:#79471e url(../images/airplane.png) left 8px center no-repeat; background-size: 16px; display: block; border-right: 0.5px solid #79471e; border-radius: 0 20px 0 0; float: left; padding:3px 20px 3px 30px; text-transform: uppercase}
.contactus a.booking:hover{border-radius: 0; transition: ease-in-out all 0.5s}

.cgallery{ width:60%; float:left; position: relative} 
.cinfo{ width: 38%; float: right; position: relative}
.titleheading{margin-bottom: 20px}
.category span{display: inline-block; width: 100px}

.listprice{line-height: 20px; padding: 0; margin:20px 0; max-height: 360px; overflow-y: auto}
.listprice li{border-bottom: 0.5px solid #ccc; margin:0; padding:0; background: none; margin-bottom: 10px; padding-bottom: 10px}
.listprice li:last-child{border-bottom: none}
.listprice li input{display: inline-block; width: 60px; height: 32px; line-height: 32px; border:0.5px solid #ccc; border-left: 2px solid #999; margin-right: 5px; padding-left:10px}
.listprice span.giaban{font-weight: bold; font-size: 18px}
.listprice span.niemyet{text-decoration: line-through; display: inline-block; margin:0 10px; font-size: 12px; color: #999}
.listprice span.phantram{position: relative; padding:5px}


/* Maxlead */
.maxlead{width: 60px; text-align: center; padding:5px 0; line-height: 18px; border-radius: 0 10px 10px 0; box-shadow: 0.5px 0.5px 0.5px #eee; background: #fff; position: fixed; bottom: 90px; left:0; z-index: 999}
.maxlead a{display: block; width: 60px; height: 60px; margin-bottom: 10px}
.maxlead a img{width: 36px}
.maxlead a span{display: block; color:#666; font-size: 11px}

/* Menutop */
#MobileMenu,#menutop span{ display:none }
#MobileMenu{ width:100px; color:#fff; padding:10px 5px; z-index:444; cursor:pointer; padding-right: 40px; text-align: right; position: fixed; top:5px; right: 10px}
#MobileMenu[value='0']{background:url(../images/threeline.png) right 10px center no-repeat; background-size: 20px; }
#MobileMenu[value='1']{background:url(../images/delete-cross-white.png) right 10px center no-repeat; background-size: 20px; }

#menutop{ z-index:333; transition: ease-in-out all 0.2s}
#menutop::after{ display:block }
#menutop ul{float: left; background: #00a79d; padding:0 20px; border-radius: 30px; border:2px solid #007065; border-top: 0.5px solid #007065}
#menutop ul a{ display:block; padding:5px 6px; transition: ease-in-out all 0.3s; line-height: 30px; color:#fff; text-transform: uppercase}
#menutop ul a:hover{ color:#000}
#menutop ul>li{ display:inline-block; margin:0 10px; transition:all .3s ease-in-out; position: relative;}
#menutop ul li.logo{display: none; float: left} #menutop ul li.logo img{max-height: 30px}
#menutop ul li.current{color:#D8B480}
#menutop ul li.current a{color:#D8B480}
#menutop .father{background-size: 14px; padding-left: 20px}
#menutop ul ul{ display:none; position:absolute; top:100%; left:0; background-color:#fff; padding:0; text-align:left; z-index: 9999; border-radius: 0 20px 5px 5px; border:1px solid #007065; border-top: 0}
#menutop ul ul li{ float:none; width:260px; margin-top:0; text-transform:none; margin-left:0}
#menutop ul ul a{ padding:3px 15px; color:#000; transition: ease-in-out all 0.5s; font-weight: bold; text-transform:none; border-bottom:none }
#menutop ul ul li:nth-child(1):hover{border-radius: 0 20px 0 0}
#menutop ul ul li:hover a{}
#menutop ul ul ul{ width:95%; border:0; background:none; margin-left: 5%; position: relative; display: none}
#menutop ul ul ul.active{display: block !important}
#menutop ul ul ul li{background: url(../images/tree.png) left center no-repeat; background-size: 24px; padding-left: 10px}
#menutop ul ul ul li a{line-height: 20px; color:#444; font-weight: normal}
#menutop ul li:hover>ul.sub{ display:block }
#menutop ul li.iconsearch{ width:30px; height:30px; background:url(../images/greensearch.png) center center no-repeat; background-size:18px; cursor:pointer; border-radius:100%; position:absolute; top:10px; right:10px }
#menutop .homepage img{max-height: 14px}
#menutop span.level3{width: 60px; height: 30px; text-indent: -9999px; display: block; position: absolute; right:0; top:0; cursor: pointer; z-index: 999}
#menutop span.level3[value='1']{background: url(../images/plus1.png) right center no-repeat; background-size: 18px}
#menutop span.level3[value='0']{background: url(../images/minus1.png) right center no-repeat; background-size: 18px}

/* Leftmenu */
.leftmenu{margin:0; padding:0;}
.leftmenu li{background:#eee url(../images/right-arrow-orange.png) left 5px center no-repeat; background-size: 10px; margin:0; padding:0; border-bottom: 0.5px solid #dadada; cursor:pointer; position:relative; transition:0.3s }
.leftmenu li:last-child{border-bottom: 0;}
.leftmenu li>ul{ position:absolute; top:0; left:100%; width:250px; display:none; z-index:99999; padding: 0; padding-left: 0.5px; background: #fff}
.leftmenu li:hover{ background-color:#fad390}
.leftmenu li:hover>ul{ display:block; top:0 }
.leftmenu li a{color: #000; display: block; font-weight: bold; text-transform: uppercase; font-size: 12px; color:#666; padding: 0px 5px 0px 20px; line-height: 32px; text-decoration: none; white-space: nowrap}
.leftmenu li a:hover{color:#EA2027; font-weight: bold}

/* Sale */
.giacty{ text-decoration:line-through; color:#999; margin-right:5px; font-size: 14px}
.giaban{ color:#f30; font-weight: bold; font-size: 16px; font-weight: 500; display: inline-block; height: 30px}
.phantram{background:#44bd32; height:20px; width: 40px; text-align: center; line-height: 24px; color:#fff; font-size:13px; position: absolute; top:0; left:0}

.phantram:after, .phantram:before {
    content: "";
    position: absolute;
    top: 100%;
    width: 50%;
    height: 8px;
}
.phantram:before {
    left: 0px;
    transform: scaleX(-1);
    background: linear-gradient(to right bottom, #44bd32 50%, transparent 51%);
}
.phantram:after {
    right: 0px;
    background: linear-gradient(to bottom right, #44bd32 50%, transparent 51%);
}

h1.head{color:#004790; margin-top: 20px; font-size: 24px; line-height: 32px}
h3.head{display:block; color:#000038; margin-top: 20px; font-size: 20px; line-height: 28px; text-align: center}
h3.head:after{content:''; display: block; width: 120px; height: 2px; background: #f4d03f; margin:0 auto}
/* Box product */
.box{ width:102%; margin:10px -1%; padding:0}
.box::after{ content:''; display:block; clear:both }
.box li.product{ width:23%; float:left; margin:1%; margin-bottom: 30px; padding:0; position:relative; outline:#ccc solid .5px; color:#ccc }
.box li.product a.img{ height:140px; font-size: 0px; line-height: 0px; display: block; overflow:hidden}
.box li.product a.img img{ width:100%; height:100%; object-fit: cover }
.box li.product h3{margin:0 auto 10px; font-size:14px; height: 50px; line-height: 22px; padding:10px 5px; text-align: center; color: #333; overflow: hidden}
.box li.product .info{background: #000; padding:0 30px; height: 180px; line-height: 22px}
.box li.product .price{text-align: center}

.box li.product .icontext{ display:block; position:absolute; z-index:99; top:5px; right:5px; padding:2px; font-size:11px; line-height:14px; color:#fff; border-radius:2px }
.box li.product .mark{width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; display: none; align-items: center; justify-content: center; top:0; left: 0; z-index: 99; transition: ease-in-out all 0.5s}
.box li.product .mark a{display: inline-block; padding:10px 30px; border:1px solid #fff; color:#fff; cursor: pointer}
.box li.product .mark a:hover{border:1px solid #D8B480; color:#D8B480;}
.box li.product:hover .mark{display: flex}
.box li.product a.seemore{display: block; color:#D8B480; font-size: 13px; font-style: italic}
.box li.product .gallery{overflow: hidden}
.box li.product .gonext:after{content:''; display: block; clear: both}
.box li.product .gonext span{display: block; float: left; height: 24px; line-height: 24px; width: 50%; text-align: center; background: #fa6720; color:#fff}
.box li.product .gonext a{display: block; float: right; height: 24px; line-height: 24px; width: 50%; text-align: center; background: #333; color:#fff}

h3.otherproduct{border-bottom: 0.5px solid #ccc}

/* Color */
.mauD91E18{ background:#D91E18 }
.mauDB0A5B{ background:#DB0A5B }
.mau9A12B3{ background:#9A12B3 }
.mau1F3A93{ background:#1F3A93 }
.mau1E8BC3{ background:#1E8BC3 }
.mau26A65B{ background:#26A65B }
.mauF7CA18{ background:#F7CA18 }
.mauF89406{ background:#F89406 }
.mau6C7A89{ background:#6C7A89 }

/* Box news */
.boxnews{width:102%; margin:0 -1% 10px; padding:0;}
.boxnews li,.tabContainer,ul.boxsearch li,ul.tabs li{ position:relative; padding:0;}
.boxnews li{ width:31.33%; margin:20px 1%; float:left; overflow:hidden; list-style: none; background:none}
.boxnews li .img{position: relative; display: block; height: 200px; margin-bottom: 20px}
.boxnews li .img:after{position: absolute; top: 0; left: -75%; z-index: 2; 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); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.boxnews li:hover .img:after{left: 100%; transition: 2s;}
.boxnews li img{width:100%; height: 100%; object-fit: cover}
.boxnews li h3{font-size:14px; color: #000038; height: 60px; margin-bottom: 20px; line-height: 24px}
.boxnews li p.des{line-height: 22px; height: 60px; color: #666; font-size: 14px}
.boxnews li a {color:#111;}
.boxnews li a.readmore{display: inline-block; padding: 8px 24px 8px 0; background: url(../images/right-arrow.png) right center no-repeat; background-size: 18px; color:#000038; font-style: italic; font-size: 13px}
.viewmorearticles{text-align: center; padding-bottom: 50px}
.viewmorearticles a{display:inline-block; border-bottom: 0.5px solid #d8b480; padding-bottom: 2px; color:#d8b480; letter-spacing: 2px; word-spacing: 4px; font-size: 13px}

/* Hotline Fix */
.hotfix{position:fixed; bottom:10px; left:10px; z-index:9999999;}
.hotfix a{display: block; background: #30a9de; padding: 10px 15px; position: relative; border-radius: 32px; transition: all 0.3s linear;
color: #fff; font-size: 18px; font-weight: 500; padding-left:20px; width:190px; border:2px solid #2d77bc;}
.hotfix a img{height:15px; margin:9px; vertical-align: middle; animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;}
.hotfix span.round{border-radius: 50%; position:absolute; right:5px; top:5px; width:35px; height:35px; background:#fe6500;}

/* News */
ul.groupnews{width:104%; margin:0 -2%; padding:0;} ul.groupnews:after{content: ''; display: block; clear: both}
ul.groupnews li{background: none; width: 46%; float: left; margin:2%; padding:0; border:0.5px solid #eee; padding:0.5px;}
ul.groupnews li a.img{display:block; width: 100%; height: 200px; margin-bottom: 10px}
ul.groupnews li a.img img{width: 100%; height: 100%; object-fit: cover}
ul.groupnews li h3{height: 60px; line-height: 24px; font-size: 18px; overflow: hidden; padding:0 10px;}
ul.groupnews li p.des{height: 80px; overflow: hidden; padding:0 10px}
ul.groupnews li p.date{padding-left: 10px}
p.headhot{color:#fff; background: #333 url(../images/external-link.png) left 10px center no-repeat; background-size: 16px; padding-left:30px; height: 32px; line-height: 32px; font-weight: bold; margin-top: 30px}
.itemnews{display:block; border:0.5px solid #ccc; background: #f6f6f6; border-left: 2px solid #44bd32; margin-bottom: 20px; padding:10px; font-size: 13px; line-height: 24px}
.itemnews:after{content: ''; display: block; clear: both}
.itemnews p.img{width: 60px; height: 50px; float: left; margin-right:10px}
.itemnews p.img img{width: 100%; height: 100%; object-fit: cover}
.itemnews h3{font-size: 15px; font-weight: normal}

.tabbrand:after{content: ''; display: block; clear: both}
.tabbrand{border:0.5px solid #ccc; padding:5px;}
.tabbrand a{display: block; width: 46%; float: left; margin:2%}
.tabbrand a img{width: 100%}

.mtop30{margin-top: 30px}
/* Load more */
.fix{ display:block }
.flex{ display:flex; align-items:center; justify-content:center }
.rotate:hover img{ transition:1s all ease-in-out; transform:rotate(5deg) scale(1.2) }
p.date{ font-size:12px; font-style:italic; color:#999 }
a.loadmore{ display:block; width:200px; margin:0 auto 20px; padding:4px 0; background:#26A65B; color:#fff; border-radius:2px; line-height:16px }
a.loadmore p{ font-size:11px; margin:0 }

.hotproduct{border:0.5px solid #ccc} .hotproduct:after{content: ''; display: block; clear: both}
.hotproduct a{display: block; float: left; width: 42%; margin:4%; margin-bottom: 30px; color:#333;}
.hotproduct a p.img{height: 80px}
.hotproduct a p.img img{width: 100%; height: 100%; object-fit: cover}
.hotproduct a h3{font-size: 12px; height: 38px; line-height: 18px}
/* Title Main */
.titlehome{border-bottom: 2px solid #333; margin:0; padding-bottom: 2px; position: relative}
.titlehome h2{position: relative; margin: 0; display: inline-block; font-size: 16px; height: 36px; line-height: 36px; padding: 0 30px; background-color: #fa6720; color: #fff; border-radius: 0 3px 3px 0;}
.titlehome h2:after{position: absolute; content: ''; border-top: 19px solid transparent; border-left: 13px solid #fa6720; border-right: 0 solid transparent; border-bottom: 19px solid transparent; right: -5px; top: 0;}
.titlehome h2 a{color: #fff; text-transform: uppercase;}
.titlehome ul,.titlehome ul li{display: inline-block; margin:0; padding: 0; background: none}
.titlehome ul li a{font-size: 15px; color: #333; padding: 0 25px; font-weight: 500; border-left: 0.5px solid #ccc;}
.titlehome ul li a:hover{color: #30a9de}
.titlehome ul li:first-child a{border:0}
.titlehome a.viewall{color: #2475B0; font-size: 14px; background: url(../images/button-next.png) right center no-repeat; background-size: 12px; padding-right: 18px; font-style: italic; display: block; float: right; position: absolute; right: 0; top:8px;}

/* Thêm vào giỏ */
.addtocart::after{content''; display:block; clear: both}
.addtocart{ background:#F9690E; color:#fff; height: 40px; line-height: 40px; border-bottom:2px solid #D35400; border-radius:3px; cursor:pointer; text-align: center}
.addtocart:hover{ background:#44bd32; color:#fff; border-bottom:2px solid #060 }

input#gotopage,ul#phantrang li.goto{ padding:1px 5px 3px; height:18px; float:left }

/* Divide Page */
ul#phantrang{ margin-top:30px }
ul#phantrang li{ display:inline-block; float:left; width:20px; border:1px solid #ccc; margin:2px; border-radius:2px; padding:1px 5px 3px; cursor:pointer }
ul#phantrang li.active{ color:red; font-weight:700 }
ul#phantrang li.next{ width:auto }
ul#phantrang li.goto{ background:#ccc; border-radius:2px; cursor:pointer; display:block; margin-left:3px }
ul#phantrang li.goto:hover{ background:#999; color:#fff }

input#gotopage{ display:inline-block; width:65px; border:1px solid #ccc; border-radius:2px; margin-top:2px }

/* Footer */
.hidefooter{display: none !important}
.footer{ width:100%; background:url(../images/bgfooter.jpg) bottom center no-repeat; background-size: 100%; padding:100px 0; overflow:hidden; margin-top: 30px}
.footer .contact{width:45%; float:left}
.footer .contact h3{color:#fa6720; font-size: 20px; text-transform: uppercase; margin-bottom: 20px; word-spacing: 4px; letter-spacing: 2px; font-weight: 100}
.footer .contact .inputgroup input{width: 45%; float: left; padding:8px 0; margin-bottom: 20px; background: none; border-bottom: 0.5px solid #eee; margin-right: 5%; color:#fff; font-size: 15px}

.footer .contact .inputgroup input[name='txtEmail']{width: 95%; float: none; padding:8px 0; margin-bottom: 20px; background: none; border-bottom: 0.5px solid #eee; margin-right: 0; color:#fff; font-size: 15px}

.footer .contact .inputgroup input::placeholder{color:#fff; font-weight: 100; letter-spacing: 1px; font-size: 15px}
.footer .contact textarea::placeholder{color:#fff; font-weight: 100; letter-spacing: 1px;}
.footer .contact textarea{width: 95%; padding:8px 0; font-size: 15px; margin-bottom: 20px; background: none; border-bottom: 0.5px solid #eee; color:#fff;}
.footer .contact .submit{width: 95%; padding: 8px 0; text-align: center; letter-spacing: 2px; background: #fa6720; color:#fff; cursor: pointer; margin-top: 20px; margin-bottom: 50px}
.footer .info{width:46%; float:right; color:#fff}
.footer .info a{color:#fa6720}
input[type=checkbox],input[type=radio]{ width:18px; height:18px; border:0; display:inline-block; cursor:pointer }
.copyright{ padding:30px 0; background:#fff; position: relative; text-align: center}
.copyright,.copyright a{color:#333; font-size: 12px}
.copyright a.logo{display: block; position: absolute; top:20px; left:4%; width: 80px}
.copyright a.logo img{max-width: 100%; max-height: 50px}
.copyright #nav_up{display: block; background: url(../images/arrow-up.png) right center no-repeat; background-size: 14px; padding-right: 24px; font-size: 14px; position: absolute; top:30px; right:10%; color:#000038; cursor: pointer}
/* Table & Input */
input[type=radio]{ -moz-appearance:none; appearance:none; background:url(../images/oval.png) center center no-repeat; background-size:18px; outline:0; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important }
input[type=checkbox],input[type=radio]:focus{ -webkit-box-shadow:none!important; -moz-box-shadow:none!important; outline:0 }
input[type=radio]:focus{ border:none!important; box-shadow:none!important }
input[type=radio]:checked{ background:url(../images/ulgreenchecked.png) center center no-repeat; background-size:18px; line-height:15px }
input[type=checkbox].center{ margin-bottom:-4px }
input[type=checkbox]{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/check.png) center center no-repeat; background-size:18px; box-shadow:none!important }
input[type=checkbox]:focus{ outline:0; border:none!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important }
a.clicktocall,span.clicktopopup{ display:block; width:70%; margin:0 auto; padding:10px 0; text-align:center; border-radius:3px; color:#fff }
input[type=checkbox]:checked{ background:url(../images/dacheck.png) center center no-repeat; background-size:18px; text-align:center; line-height:15px }

/* Pop up */
span.clicktopopup{ cursor:pointer }
.openform{ padding:10px 30px; background:red; color:#fff; position:fixed; bottom:0; right:0; z-index:9999; cursor:pointer }
.popup{ position:fixed; top:0; left:0; background:rgba(0,0,0,.9); z-index:9999; width:100%; height:100%; display:none }
.popup .frame{ width:80%; max-width:680px; margin:5% auto 0; min-height:300px; max-height:500px; overflow-y:scroll; border:1px solid #ccc; background:#fff; padding:2% }
.popup em{ width:50px; height:50px; background:url(../images/delete-cross.png) center center no-repeat #fff; position:absolute; top:15px; right:15px; cursor:pointer; border-radius:100%; background-size:20px }
.popup .frame .button{ background:#D91E18}
::-webkit-scrollbar{ width:8px }
::-webkit-scrollbar-track{ background-color:#eaeaea }
::-webkit-scrollbar-thumb{ background-color:#ccc; border-radius:15px }
::-webkit-scrollbar-thumb:hover{ background-color:#aaa }
#___comments_0,.video-wrap{ width:100%!important }
.fb-comments,.fb-comments iframe,.fb-comments span,.fb_iframe_widget,.fb_iframe_widget iframe,.fb_iframe_widget span,iframe{ max-width:100% }
.boxphone{ border-color:#f78337; cursor:pointer; height:160px; transition:visibility .5s ease 0s; width:200px; z-index:200000!important; position:fixed; bottom:10px; left:10px }
.coccoc-alo-ph-circle{ background-color:transparent; border:2px solid #f78337; border-radius:100%; height:100px; left:20px; opacity:.1; position:absolute; top:50px; transform-origin:50% 50% 0; transition:all .5s ease 0s; width:100px; -webkit-animation:1.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim; -moz-animation:1.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim; animation:1.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim }
.boxphone a.hotline{ display:block; animation:1s ease-in-out 0s normal none infinite running coccoc-alo-circle-img-anim; background:url(../images/hotline-ico.png) center center no-repeat #f78337; border:2px solid transparent; border-radius:100%; height:40px; margin-top:80px; margin-left:50px; opacity:.9; transform-origin:50% 50% 0; width:40px; background-size:24px }
@keyframes coccoc-alo-circle-anim{ 0%{ opacity:.1; transform:rotate(0) scale(.5) skew(1deg) }
30%{ opacity:.5; transform:rotate(0) scale(.7) skew(1deg) }
100%{ opacity:.6; transform:rotate(0) scale(1) skew(1deg) }
}

@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes quick-alo-circle-img-anim{0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes quick-alo-circle-img-anim{0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}
@keyframes quick-alo-circle-img-anim{0%,100%,50%{transform:rotate(0) scale(1) skew(1deg)}
10%,30%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}
}
@-webkit-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
@-moz-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
@-o-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}

/* Responsive cho comment & Facebook */
#___comments_0{width:100% !important}
.video-wrap{width:100% !important}
.fb-comments {max-width:100%}
.fb-comments span{max-width:100%} .fb-comments iframe{max-width:100%}
.fb_iframe_widget{max-width:100%} .fb_iframe_widget iframe{max-width: 100%}
.fb_iframe_widget span{max-width:100%}
iframe{max-width:100%}