/*dynamic css engine version 1.0 - VietNamNet*/
@charset "utf-8";
/*library*/
.pure-button:focus,a:active,a:hover{outline:0}.pure-table,table{border-collapse:collapse;border-spacing:0}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.pure-button,input{line-height:normal}button{overflow:hidden}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.pure-button,.pure-form input:not([type]),.pure-menu{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}.hidden,[hidden]{display:none}.pure-img{max-width:100%;height:auto;display:block}.pure-g{text-rendering:optimizespeed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}.pure-g [class*=pure-u]{font-family: sans-serif, Arial}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-.43em}.pure-button{font-family: sans-serif, Arial;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:transparent;background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;filter:alpha(opacity=40);opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{word-spacing:normal;vertical-align:top;text-rendering:auto;margin:0;border-radius:0;border-right:1px solid #111;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=text]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=checkbox]:focus,.pure-form input[type=radio]:focus{outline:#129FEA auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=text][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=text],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=text]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:hidden;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
/*repnsive*/
@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-12,.pure-u-sm-1-2,.pure-u-sm-1-24,.pure-u-sm-1-3,.pure-u-sm-1-4,.pure-u-sm-1-5,.pure-u-sm-1-6,.pure-u-sm-1-8,.pure-u-sm-10-24,.pure-u-sm-11-12,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-2-24,.pure-u-sm-2-3,.pure-u-sm-2-5,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24,.pure-u-sm-3-24,.pure-u-sm-3-4,.pure-u-sm-3-5,.pure-u-sm-3-8,.pure-u-sm-4-24,.pure-u-sm-4-5,.pure-u-sm-5-12,.pure-u-sm-5-24,.pure-u-sm-5-5,.pure-u-sm-5-6,.pure-u-sm-5-8,.pure-u-sm-6-24,.pure-u-sm-7-12,.pure-u-sm-7-24,.pure-u-sm-7-8,.pure-u-sm-8-24,.pure-u-sm-9-24{display:inline-block;zoom:1;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%}.pure-u-sm-1-5{width:20%}.pure-u-sm-5-24{width:20.8333%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%}.pure-u-sm-7-24{width:29.1667%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%}.pure-u-sm-2-5{width:40%}.pure-u-sm-10-24,.pure-u-sm-5-12{width:41.6667%}.pure-u-sm-11-24{width:45.8333%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%}.pure-u-sm-13-24{width:54.1667%}.pure-u-sm-14-24,.pure-u-sm-7-12{width:58.3333%}.pure-u-sm-3-5{width:60%}.pure-u-sm-15-24,.pure-u-sm-5-8{width:62.5%}.pure-u-sm-16-24,.pure-u-sm-2-3{width:66.6667%}.pure-u-sm-17-24{width:70.8333%}.pure-u-sm-18-24,.pure-u-sm-3-4{width:75%}.pure-u-sm-19-24{width:79.1667%}.pure-u-sm-4-5{width:80%}.pure-u-sm-20-24,.pure-u-sm-5-6{width:83.3333%}.pure-u-sm-21-24,.pure-u-sm-7-8{width:87.5%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%}.pure-u-sm-23-24{width:95.8333%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-24-24,.pure-u-sm-5-5{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-12,.pure-u-md-1-2,.pure-u-md-1-24,.pure-u-md-1-3,.pure-u-md-1-4,.pure-u-md-1-5,.pure-u-md-1-6,.pure-u-md-1-8,.pure-u-md-10-24,.pure-u-md-11-12,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-2-24,.pure-u-md-2-3,.pure-u-md-2-5,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24,.pure-u-md-3-24,.pure-u-md-3-4,.pure-u-md-3-5,.pure-u-md-3-8,.pure-u-md-4-24,.pure-u-md-4-5,.pure-u-md-5-12,.pure-u-md-5-24,.pure-u-md-5-5,.pure-u-md-5-6,.pure-u-md-5-8,.pure-u-md-6-24,.pure-u-md-7-12,.pure-u-md-7-24,.pure-u-md-7-8,.pure-u-md-8-24,.pure-u-md-9-24{display:inline-block;zoom:1;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%}.pure-u-md-1-5{width:20%}.pure-u-md-5-24{width:20.8333%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%}.pure-u-md-7-24{width:29.1667%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%}.pure-u-md-2-5{width:40%}.pure-u-md-10-24,.pure-u-md-5-12{width:41.6667%}.pure-u-md-11-24{width:45.8333%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%}.pure-u-md-13-24{width:54.1667%}.pure-u-md-14-24,.pure-u-md-7-12{width:58.3333%}.pure-u-md-3-5{width:60%}.pure-u-md-15-24,.pure-u-md-5-8{width:62.5%}.pure-u-md-16-24,.pure-u-md-2-3{width:66.6667%}.pure-u-md-17-24{width:70.8333%}.pure-u-md-18-24,.pure-u-md-3-4{width:75%}.pure-u-md-19-24{width:79.1667%}.pure-u-md-4-5{width:80%}.pure-u-md-20-24,.pure-u-md-5-6{width:83.3333%}.pure-u-md-21-24,.pure-u-md-7-8{width:87.5%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%}.pure-u-md-23-24{width:95.8333%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-12,.pure-u-lg-1-2,.pure-u-lg-1-24,.pure-u-lg-1-3,.pure-u-lg-1-4,.pure-u-lg-1-5,.pure-u-lg-1-6,.pure-u-lg-1-8,.pure-u-lg-10-24,.pure-u-lg-11-12,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-2-24,.pure-u-lg-2-3,.pure-u-lg-2-5,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24,.pure-u-lg-3-24,.pure-u-lg-3-4,.pure-u-lg-3-5,.pure-u-lg-3-8,.pure-u-lg-4-24,.pure-u-lg-4-5,.pure-u-lg-5-12,.pure-u-lg-5-24,.pure-u-lg-5-5,.pure-u-lg-5-6,.pure-u-lg-5-8,.pure-u-lg-6-24,.pure-u-lg-7-12,.pure-u-lg-7-24,.pure-u-lg-7-8,.pure-u-lg-8-24,.pure-u-lg-9-24{display:inline-block;zoom:1;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%}.pure-u-lg-1-5{width:20%}.pure-u-lg-5-24{width:20.8333%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%}.pure-u-lg-7-24{width:29.1667%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%}.pure-u-lg-2-5{width:40%}.pure-u-lg-10-24,.pure-u-lg-5-12{width:41.6667%}.pure-u-lg-11-24{width:45.8333%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%}.pure-u-lg-13-24{width:54.1667%}.pure-u-lg-14-24,.pure-u-lg-7-12{width:58.3333%}.pure-u-lg-3-5{width:60%}.pure-u-lg-15-24,.pure-u-lg-5-8{width:62.5%}.pure-u-lg-16-24,.pure-u-lg-2-3{width:66.6667%}.pure-u-lg-17-24{width:70.8333%}.pure-u-lg-18-24,.pure-u-lg-3-4{width:75%}.pure-u-lg-19-24{width:79.1667%}.pure-u-lg-4-5{width:80%}.pure-u-lg-20-24,.pure-u-lg-5-6{width:83.3333%}.pure-u-lg-21-24,.pure-u-lg-7-8{width:87.5%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%}.pure-u-lg-23-24{width:95.8333%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-24-24,.pure-u-lg-5-5{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-12,.pure-u-xl-1-2,.pure-u-xl-1-24,.pure-u-xl-1-3,.pure-u-xl-1-4,.pure-u-xl-1-5,.pure-u-xl-1-6,.pure-u-xl-1-8,.pure-u-xl-10-24,.pure-u-xl-11-12,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-2-24,.pure-u-xl-2-3,.pure-u-xl-2-5,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24,.pure-u-xl-3-24,.pure-u-xl-3-4,.pure-u-xl-3-5,.pure-u-xl-3-8,.pure-u-xl-4-24,.pure-u-xl-4-5,.pure-u-xl-5-12,.pure-u-xl-5-24,.pure-u-xl-5-5,.pure-u-xl-5-6,.pure-u-xl-5-8,.pure-u-xl-6-24,.pure-u-xl-7-12,.pure-u-xl-7-24,.pure-u-xl-7-8,.pure-u-xl-8-24,.pure-u-xl-9-24{display:inline-block;zoom:1;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%}.pure-u-xl-1-5{width:20%}.pure-u-xl-5-24{width:20.8333%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%}.pure-u-xl-7-24{width:29.1667%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%}.pure-u-xl-2-5{width:40%}.pure-u-xl-10-24,.pure-u-xl-5-12{width:41.6667%}.pure-u-xl-11-24{width:45.8333%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%}.pure-u-xl-13-24{width:54.1667%}.pure-u-xl-14-24,.pure-u-xl-7-12{width:58.3333%}.pure-u-xl-3-5{width:60%}.pure-u-xl-15-24,.pure-u-xl-5-8{width:62.5%}.pure-u-xl-16-24,.pure-u-xl-2-3{width:66.6667%}.pure-u-xl-17-24{width:70.8333%}.pure-u-xl-18-24,.pure-u-xl-3-4{width:75%}.pure-u-xl-19-24{width:79.1667%}.pure-u-xl-4-5{width:80%}.pure-u-xl-20-24,.pure-u-xl-5-6{width:83.3333%}.pure-u-xl-21-24,.pure-u-xl-7-8{width:87.5%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%}.pure-u-xl-23-24{width:95.8333%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-24-24,.pure-u-xl-5-5{width:100%}}
/* pure-hidden-xs */
@media screen and (max-width:567px) {
.pure-visible-sm{display:none}
.pure-visible-md{display:none}
.pure-visible-lg{display:none}
.pure-visible-xl{display:none}
.pure-hidden-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:568px) and (max-width:767px) {
.pure-visible-xs{display:none}
.pure-visible-md{display:none}
.pure-visible-lg{display:none}
.pure-visible-xl{display:none}
.pure-hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:768px) and (max-width:1023px) {
.pure-visible-xs{display:none}
.pure-visible-sm{display:none}
.pure-visible-lg{display:none}
.pure-visible-xl{display:none}
.pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:1024px) and (max-width:1279px) {
.pure-visible-xs{display:none}
.pure-visible-sm{display:none}
.pure-visible-md{display:none}
.pure-visible-xl{display:none}
.pure-hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:1280px) {
.pure-visible-xs{display:none}
.pure-visible-sm{display:none}
.pure-visible-md{display:none}
.pure-visible-lg{display:none}
.pure-hidden-xl{display:none}
}
/* pure-hidden-xs */
@media screen and (max-width:35.438em) {
.pure-visible-sm{display:none}
.pure-visible-md{display:none}
.pure-visible-lg{display:none}
.pure-visible-xl{display:none}
.pure-hidden-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:35.5em) and (max-width:47.938em) {
.pure-visible-xs{display:none}
.pure-visible-md{display:none}
.pure-visible-lg{display:none}
.pure-visible-xl{display:none}
.pure-hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:48em) and (max-width:63.938em) {
.pure-visible-xs{display:none}
.pure-visible-sm{display:none}
.pure-visible-lg{display:none}
.pure-visible-xl{display:none}
.pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:64em) and (max-width:79.938em) {
.pure-visible-xs{display:none}
.pure-visible-sm{display:none}
.pure-visible-md{display:none}
.pure-visible-xl{display:none}
.pure-hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:80em) {
.pure-visible-xs{display:none}
.pure-visible-sm{display:none}
.pure-visible-md{display:none}
.pure-visible-lg{display:none}
.pure-hidden-xl{display:none}
}
body {
font-family: sans-serif, Arial;
text-align: left;
position: relative;
}
a,ins {
text-decoration: none
}
a,hr {
padding: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
display: block
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
background: none;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline
}
ins,
mark {
background-color: #ff9;
color: #000
}
nav ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: none
}
mark {
font-style: italic;
font-weight: 700
}
del {
text-decoration: line-through
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
table {
border-collapse: collapse;
border-spacing: 0
}
hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #ccc -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: solid none none;
border-width: 1px 0 0;
height: 1px;
margin: 1em 0
}
input,
select {
outline: 0;
vertical-align: middle
}
/*end library*/
.p-t-5{ padding-top:5px}
.p-t-10{ padding-top:10px}
.p-t-15{ padding-top:15px}
.p-t-20{ padding-top:20px}
.p-t-30{ padding-top:30px}
.p-t-40{ padding-top:40px}
.p-t-50{ padding-top:50px}
.p-b-5{ padding-bottom:5px}
.p-b-10{ padding-bottom:10px}
.p-b-15{ padding-bottom:15px}
.p-b-20{ padding-bottom:20px}
.p-b-30{ padding-bottom:30px}
.p-b-40{ padding-bottom:40px}
.p-b-50{ padding-bottom:50px}
.p-l-5{ padding-left:5px}
.p-l-10{ padding-left:10px}
.p-l-15{ padding-left:15px}
.p-l-20{ padding-left:20px}
.p-l-30{ padding-left:30px}
.p-l-40{ padding-left:40px}
.p-l-50{ padding-left:50px}
.p-r-5{ padding-right:5px}
.p-r-10{ padding-right:10px}
.p-r-15{ padding-right:15px}
.p-r-20{ padding-right:20px}
.p-r-30{ padding-right:30px}
.p-r-40{ padding-right:40px}
.p-r-50{ padding-right:50px}
.m-t-5{ margin-top:5px}
.m-t-10{ margin-top:10px}
.m-t-15{ margin-top:15px}
.m-t-20{ margin-top:20px}
.m-t-30{ margin-top:30px}
.m-t-40{ margin-top:40px}
.m-t-50{ margin-top:50px}
.m-b-5{ margin-bottom:5px}
.m-b-10{ margin-bottom:10px}
.m-b-15{ margin-bottom:15px}
.m-b-20{ margin-bottom:20px}
.m-b-30{ margin-bottom:30px}
.m-b-40{ margin-bottom:40px}
.m-b-50{ margin-bottom:50px}
.m-l-5{ margin-left:5px}
.m-l-10{ margin-left:10px}
.m-l-15{ margin-left:15px}
.m-l-20{ margin-left:20px}
.m-l-30{ margin-left:30px}
.m-l-40{ margin-left:40px}
.m-l-50{ margin-left:50px}
.m-r-5{ margin-right:5px}
.m-r-10{ margin-right:10px}
.m-r-15{ margin-right:15px}
.m-r-20{ margin-right:20px}
.m-r-30{ margin-right:30px}
.m-r-40{ margin-right:40px}
.m-r-50{ margin-right:50px}
.m-auto {
margin: 0px auto;
}
.f-10 {
font-size: 10px
}
.f-11 {
font-size: 11px
}
.f-12 {
font-size: 12px
}
.f-13 {
font-size: 13px
}
.f-14 {
font-size: 14px
}
.f-15 {
font-size: 15px
}
.f-16 {
font-size: 16px
}
.f-18 {
font-size: 18px
}
.f-19 {
font-size: 19px
}
.f-20 {
font-size: 20px
}
.f-21 {
font-size: 21px
}
.f-22 {
font-size: 22px
}
.f-23 {
font-size: 23px
}
.f-24 {
font-size: 24px
}
.f-25 {
font-size: 25px
}
.f-26 {
font-size: 26px
}
.f-27 {
font-size: 27px
}
.f-28 {
font-size: 28px
}
.bold {
font-weight: bold;
}
.f-normal {
font-weight: normal;
}
.t-up {
text-transform: uppercase;
}
.t-c {
text-align: center;
}
.t-r {
text-align: right;
}
.t-l {
text-align: left;
}
.italic,
.fs-i {
font-style: italic;
}
.fs-n {
font-style: normal;
}
.pos-rel { position:relative}
.pos-abs { position:absolute}
.d-b {
display: block;
}
.d-n,
.hidden,
.none {
display: none;
}
.d-ib {
display: inline-block;
}
.clearfix::after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden
}
.clear {
clear: both
}
.left {
float: left
}
.right {
float: right
}
.w-100 {
width: 100%;
}
.b-g-ffffff {
background: #ffffff;
}
.b-g-474747 {
background: #474747;
}
.b-g-efefef {
background: #efefef;
}
.c-000000 {
color: #333333;
}
.c-ffffff {
color: #ffffff;
}
.c-971928 {
color: #971928;
}
.c-5d5d5d {
color: #868686;
}
.c-0e76bc {
color: #0e76bc;
}
.c-8b8b8b {
color: #8b8b8b;
}
.b-b-a92b30 {
border-bottom: 2px solid #a92b30;
}
.b-b-0e76bc {
border-bottom: 2px solid #0e76bc;
}
.b-b-dbdbdb {
border-bottom: 1px solid #dbdbdb;
}
.b-t-dbdbdb {
border-top: 1px solid #dbdbdb;
}
.b-b-f0f0f0 {
border-top: 1px solid #f0f0f0;
}
/* CSS title icon*/
.CommentShow.hidden {
display: none
}
.CommentShow {
background: rgba(0, 0, 0, 0) url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/003-comment-2-red-01.svg') no-repeat left 2px/15px auto;
padding-left: 18px;
font-size: 14px;
color: #971928;
font-weight: 400;
display: inline-block;
line-height: 20px;
margin-left:3px
}
.b-g-474747 .CommentShow {background: rgba(0, 0, 0, 0) url('https://vnn-res.vgcloud.vn/v9-Mobile/images/comment-white.svg') no-repeat left 2px/15px auto; color: #fff}
.icon-articletype{ font-size: 0px;width:30px; height: 15px; line-height: 24px; display: none; margin-left: 5px;}
.title.content-time .icon-articletype { margin-left:0px; }
.thumb .icon-articletype { position: absolute; right: 5px; bottom: 5px; background-size: 20px auto; width: 20px; height: 20px; }
.big-thumb.thumb .icon-articletype { right: 10px; bottom: 10px; background-size: 30px auto; width: 30px; height: 30px}
.thumb.articletype_3 .icon-articletype, .thumb.articletype_10 .icon-articletype, .thumb.articletype_17 .icon-articletype{ background: rgba(0, 0, 0, 0) url("https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-video.svg") no-repeat scroll 0px 0px; display: inline-block; }
.thumb.articletype_4 .icon-articletype.thumb.articletype_19 .icon-articletype, .thumb.articletype_13 .icon-articletype{ background: rgba(0, 0, 0, 0) url("https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-audio.svg") no-repeat scroll 0px 0px; display: inline-block; }
.thumb.articletype_2 .icon-articletype, .thumb.articletype_18 .icon-articletype, .thumb.articletype_21 .icon-articletype{ background: rgba(0, 0, 0, 0) url("https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-photo.svg") no-repeat scroll 0px 0px; display: inline-block;}
.thumb.articletype_6 .icon-articletype, .thumb.articletype_12 .icon-articletype, .thumb.articletype_20 .icon-articletype{ background: rgba(0, 0, 0, 0) url("https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-info.svg") no-repeat scroll 0px 0px; display: inline-block}
.title.articletype_8 .icon-articletype, .title.articletype_17 .icon-articletype, .title.articletype_18 .icon-articletype, .title.articletype_19 .icon-articletype, .title.articletype_20 .icon-articletype{ background: rgba(0, 0, 0, 0) url("https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-hot.svg") no-repeat scroll 0px 0px;background-size: 30px;display: inline-block; }
.title.articletype_7 .icon-articletype, .title.articletype_10 .icon-articletype, .title.articletype_12 .icon-articletype, .title.articletype_13 .icon-articletype, .title.articletype_21 .icon-articletype{ background: rgba(0, 0, 0, 0) url("https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-live.svg") no-repeat scroll 0px 0px;background-size: 30px; display: inline-block;}
/* END CSS title icon*/
/*menu*/
.header-top {
display: block;
height: 45px;
}
.header {
height: 44px;
border-bottom: 1px solid #d2d2d2;
background: #fff;
position: relative;
}
.header_cloned.header-up {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.header_cloned.header-down {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
box-shadow: 0 1px 3px rgba(80,80,80,0.2), 0 3px 5px rgba(80,80,80,0.15);
transition-duration: 250ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.menu-link {
padding: 19px 15px;
font-size: 6px;
z-index: 10;
width: 20px;
height: auto;
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/001-menu.svg') no-repeat center;
background-size: 20px;
}
.menu-link.close {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/cancel.svg') no-repeat center;
background-size: 20px;
}
.logo-vnn {
text-align: center;
max-height: : 45px;
}
.logo-vnn h1 {
margin: 0;
max-height: 45px;
}
.logo-small {
max-height: 45px;
}
.logo-small img {
max-height: 36px;
margin-top: 3px;
}
.BtnSearch {
margin-right: 10px;
width: 30px;
height: 30px;
margin-top: 8px;
z-index: 10;
float: right;
}
/*footer*/
.footer {
background: #ececec;
}
.nav {
background: #ececec;
}
.btn-home {
border-top: 1px solid #971928;
font-weight: bold;
color: #971928;
font-size: 18px;
margin-top: 30px;
}
.btn-home::before {
color: #971928;
content: "Trang chủ";
display: block;
margin: 0px auto;
margin-top: -10px;
text-align: center;
text-transform: uppercase;
width: 114px;
background: none 0px 0px repeat scroll #ececec;
}
.nav-link {
display: block;
padding: 15px 0px 15px 25px;
color: #000000;
font-size: 12px;
text-transform: uppercase;
margin-left: 15px;
}
.nav-link:hover {
color: #971928;
}
.nav-link1 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/019-vietnam-03.svg') no-repeat center left;
background-size: 15px;
}
.nav-link2 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/020-conversation-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link3 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/003-radio-mic-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link4 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/002-bars-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link5 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/013-coffee-cup-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link6 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/004-libra-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link7 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/014-football-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link8 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/005-head-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link9 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/007-shutter-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link10 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/017-wifi-signal-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link11 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/001-wheel-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link12 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/016-star-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link13 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/015-worldwide-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link14 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/008-cap-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link15 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/010-hospital-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link16 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/011-building-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link17 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/009-reader-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link18 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/018-network-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link19 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/006-video-camera-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link20 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/012-24-hours-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link21 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/007-meeting-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link22 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/002-puzzle-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link23 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/chip-cong-nghe.svg') no-repeat center left;
background-size: 15px;
}
.nav-link-congngheht {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-congnghehotro.svg') no-repeat center left;
background-size: 17px;
}
.nav-link-english {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-english.svg') no-repeat center left;
background-size: 17px;
}
.nav-link-ict {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-ictnews.svg') no-repeat center left;
background-size: 17px;
}
.nav-link-info {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-infonet.svg') no-repeat center left;
background-size: 17px;
}
.nav-link-vnnid {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-vnnid.svg') no-repeat center left;
background-size: 17px;
}
.nav-link24 {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/tuan-vn-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link1:focus,
.nav-link1:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/019-vietnam-red-03.svg') no-repeat center left;
background-size: 15px;
}
.nav-link2:focus,
.nav-link2:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/020-conversation-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link3:focus,
.nav-link3:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/003-radio-mic-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link4:focus,
.nav-link4:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/002-bars-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link5:focus,
.nav-link5:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/013-coffee-cup-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link6:focus,
.nav-link6:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/004-libra-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link7:focus,
.nav-link7:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/014-football-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link8:focus,
.nav-link8:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/005-head-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link9:focus,
.nav-link9:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/007-shutter-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link10:focus,
.nav-link10:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/017-wifi-signal-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link11:focus,
.nav-link11:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/001-wheel-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link12:focus,
.nav-link12:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/016-star-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link13:focus,
.nav-link13:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/015-worldwide-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link14:focus,
.nav-link14:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/008-cap-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link15:focus,
.nav-link15:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/010-hospital-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link16:focus,
.nav-link16:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/011-building-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link17:focus,
.nav-link17:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/009-reader-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link18:focus,
.nav-link18:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/018-network-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link19:focus,
.nav-link19:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/006-video-camera-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link20:focus,
.nav-link20:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/012-24-hours-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link21:focus,
.nav-link21:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/007-meeting-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link22:focus,
.nav-link22:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/002-puzzle-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link23:focus,
.nav-link23:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/chip-cong-nghe-red-01.svg') no-repeat center left;
background-size: 15px;
}
.nav-link24:focus,
.nav-link24:hover {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-red/tuan-vn-red-01.svg') no-repeat center left;
background-size: 15px;
}
.btn-nav {
border-radius: 5px;
padding: 6px 0px;
text-align: center;
background: #dbdbdb;
display: block;
}
.btn-red {
background: #971928;
}
.btn-blue {
background: #0e76bc;
}
.infomation p {
line-height: 20px;
}
.list-news-tttd .item:last-child {
border: none;
}
.bg-menu {
position: absolute;
top: 141px;
left: 0;
bottom: 0;
right: 0;
background: #000;
opacity: 0.6;
z-index: 997;
}
.menu {
position: absolute;
top: 141px;
left: 0;
right: 0;
z-index: 998;
}
.hidden-md {
display: none;
}
.search-box {
background: #ececec;
/* border: 1px solid #d6d6d6; */
/* top: 140px; */
/* left: 0; */
/* right: 0; */
/* position: absolute; */
z-index: 999;
}
.search-box div {
background: #fff;
border-radius: 20px;
border: 1px solid #d6d6d6;
margin: 7px 10px;
line-height: 32px;
}
#SearKeyword {
border: none;
width: 84%;
font-size: 14px;
height: 30px;
padding-left: 15px;
color: #5e5e5e;
border-radius: 20px;
}
.search-button {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/icon-search.svg') 0px 0px no-repeat rgba(0, 0, 0, 0);
width: 18px;
height: 18px;
padding-left: 5px;
background-size: 18px;
cursor: pointer;
display: inline-block;
text-decoration: none;
vertical-align: middle;
font-size: 0;
}
.box-style-1 {
max-height: 290px;
overflow: hidden;
}
.box-style-1:nth-child(odd) .box-style-1-detail {
padding-right: 5px;
}
.box-style-1:nth-child(even) .box-style-1-detail {
padding-left: 5px;
}
.box-cate {
margin-bottom: 5px;
}
.name-cate {
line-height: 16px;
border-left: 1.5px solid #971928;
padding-left: 5px;
}
.CateBrief { background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/bg-cate1.png') center center repeat-y rgba(0, 0, 0, 0); }
.CateBrief .name-cate{
padding: 3px 0px 0px 0px;
border:none;
font-size: 13px;
text-transform: uppercase;
}
.name-cate-title {
margin-top: 3px;
}
.box-top-1-title {
font-size: 22px;
line-height: 28px;
font-weight: 700;
}
.box-top-1-lead {
font-size: 14px;
line-height: 20px;
}
.thumb img {
font-size: 0;
line-height: 0;
object-fit: cover;
}
.thumb {
padding-bottom: 66.6666667%;
overflow: hidden;
height: 1px;
}
.title-item {
font-size: 16px;
line-height: 22px;
font-weight: 600;
}
.pure-g div.pure-u-1-1.line-box-common .title-item {
font-weight: normal;
}
.pure-g div.pure-u-1-1.line-box-common span.b-b-f0f0f0 {
font-size: 0px;
}
.name-cate-item {
font-size: 15px;
}
.date-item {
font-size: 21px;
}
.adv-top {
height: auto;
}
.lead.title-item {
font-size: 16px;
line-height: 22px;
font-weight: normal;
}
.VnnBtnBackToTop {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/back-top-vnn.svg') no-repeat;
background-size: 36px;
height: 36px!important;
opacity: .75;
width: 36px!important;
position: fixed;
right: 10px;
bottom: 10px;
z-index: 9999;
}
@media screen and (min-width: 320px) {
.title-item {
font-size: 15px;
line-height: 21px;
}
}
@media screen and (min-width: 360px) {
}
@media screen and (min-width: 400px) {
.title-item {
font-size: 18px;
line-height: 26px;
}
.lead.title-item {
font-size: 18px;
line-height: 24px;
}
.box-top-1-title {
font-size: 24px;
line-height: 30px;
}
}
@media screen and (min-width: 35.5em) {
.nav-link {
margin-left: 30%;
}
}
@media screen and (min-width: 48em) {
.title-item {
font-size: 15px;
line-height: 21px;
}
.pure-g div.pure-u-1-1.line-box-common:last-child span.b-b-f0f0f0 {
display: none;
}
.box-top .box-top-1 {
padding: 0;
margin-top: 10px;
border: 0;
}
.box-top .list-news .item:first-child {
margin-top: 10px;
}
.box-video {
margin: 0px 10px;
margin-top: 20px;
}
.box-tygia {
margin: 20px 10px 0px 10px;
}
.box-ngoaite {
margin: 0px 10px;
}
.box-img-title {
margin: 20px 10px 0px 10px;
}
.box-img-content {
margin: 0px 10px 0px 10px;
}
.box-top-read {
margin: 20px 10px 0px 10px;
}
.box-tto,
.box-2sao,
.box-tttd {
margin: 20px 10px 0px 10px;
}
.menu {
width: 40%;
}
.menu .nav-link {
margin-left: 10%;
}
.footer .nav-link {
margin-left: 35%;
}
.box-cmcn {
margin: 20px 10px;
}
.name-cate {
font-size: 19px;
}
.adv-bottom {
display: none;
}
.box-adv {
overflow: hidden;
height: 270px;
}
.adv-hot {
height: auto;
}
.adv-top {
height: auto;
}
}
@media screen and (min-width: 64em) {
.title-item {
font-size: 22px;
line-height: 26px;
}
}
/*Box Radio*/
.Radio-Box { position:absolute; bottom: -10px; right: 0px}
.Radio-Box.fixed { position:fixed; top: 40px; right: 10px ;z-index: 999;}
.Radio-Box-Show { bottom: 10px; right: 10px ; z-index: 999;}
.Radio-Box .stage1 { cursor: pointer;}
.Radio-Box.fixed .stage1 { position: fixed; top: 45px; right: 10px;z-index: 999; }
.Radio-Box.fixed .Radio-Box-Tool{ position: fixed; top: 45px; right: 0px;z-index: 999; }
.Radio-Box.fixed .Radio-Box-List{position: fixed;top: 67px;/* right: 20px; */z-index: 999;}
#DetailRadio .Radio-Box { position:fixed; top: 45px; right: 0px;z-index: 999; display: none; }
#DetailRadio .Radio-Box.fixed { display: block; }
#DetailRadio .Radio-Box.fixed.hidden { display: none; }
#DetailRadio .Radio-Box-Tool{ position: fixed; top: 45px; right: 0px;z-index: 999; }
#DetailRadio .Radio-Box-List{ position: fixed; top: 78px; right: 23px;z-index: 999; }
@media screen and (min-width: 48em) {
.Radio-Box {
display:none;
}
}
@media screen and (min-width: 64em) {
.Radio-Box {
display:none;
}
}
.Radio-Box-Tool { z-index: 9; background: url(https://vnn-res.vgcloud.vn/v9-Mobile/images/radio-common.png) 0px 0px no-repeat rgba(0, 0, 0, 0); width:280px; height: 41px; position: relative;line-height: 41px; font-size: 11px; color: #fff; padding-left: 40px}
.Radio-Box-Tool .btn-close { font-size: 0px; background: url(https://vnn-res.vgcloud.vn/v9-Mobile/images/radio-common.png) -160px -60px no-repeat rgba(0, 0, 0, 0); width: 13px; height: 13px; display: inline-block; position: absolute; top: 14px; right:8px}
.Radio-Box-Tool .btn-list { font-size: 0px; background: url(https://vnn-res.vgcloud.vn/v9-Mobile/images/radio-common.png) -120px -60px no-repeat rgba(0, 0, 0, 0); width: 19px; height: 18px; display: inline-block; position: absolute; top: 12px; right: 25px }
.Radio-Box-Tool .btn-list.action { font-size: 0px; background: url(https://vnn-res.vgcloud.vn/v9-Mobile/images/radio-common.png) -80px -60px no-repeat rgba(0, 0, 0, 0); width: 19px; height: 18px; display: inline-block; }
.Radio-Box-List { border: 1px #e6e6e6 solid; background-color: #eff1f9; z-index: 7; border-right: 2px #e6e6e6 solid; border-left: 2px #e6e6e6 solid;
width: 280px;height: 200px; overflow: hidden; margin-left: 20px;}
.Radio-Box-List a { display: block; border-bottom: 1px solid #e1e1e1; font-weight: 700; color: #5c6273; line-height: 24px; padding: 4px 15px; font-size: 12px}
.Radio-Box-List a:last-child{ border:0px }
.Radio-Box-List a.action{ background-color:#e6e6e6;}
.nano > .nano-content {
overflow-y: scroll;
height: 200px;
scrollbar-color: #9a9a9a #F5F5F5;
scrollbar-width: thin;
}
.nano > .nano-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.nano > .nano-content::-webkit-scrollbar {
width: 3px;
background-color: #F5F5F5;
}
.nano > .nano-content::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
background-color: #9a9a9a;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
opacity : 0.99;
}
.fix-nano-r {height:200px;background: url(https://vnn-res.vgcloud.vn/v9-Mobile/images/one.png) 277px top repeat-y rgba(0, 0, 0, 0);z-index: 99999;margin: 0;}
.fix-nano-r > .nano > .nano-pane > .nano-slider { background-color: #3a53a4 !important;z-index: 99999 }
.HomeNewsSlider.action { position:relative; overflow:hidden; width:384px}
.HomeNewsSlider.action .HomeNewsSlider-mask{width:343px;overflow:hidden; height:50px}
#Radio1 .btn-close {width: 20px; height: 20px; display: inline-block; position: absolute; top: 11px; right:10px; display: block; font-size: 0px}
.stage1 .btn-close {width: 20px; height: 20px; display: inline-block; position: absolute; top: 11px; right:10px; display: block; font-size: 0px}
.Radio-Box .rmp-color-bg{background: transparent !important;}
.Radio-Box .rmp-error-text{background: #3a53a4 !important;}
.Radio-Box img {
margin-top: 14px;
}
.Radio-Box.fixed img {
margin-top: 0;
}
.Radio-Box .stage1 {
width: 150px;
text-align: right;
}
.stage1 .btn-close {
top: 15px;
left: auto;
right: 0;
}
.Radio-Box-Show {
left: auto;
top: 15px;
right: 0px;
width: 234px;
}
.Radio-Box-Tool {
height: 22px;
background: url(https://vnn-res.vgcloud.vn/ResV9/images/radio-common2.png) 0px 0px no-repeat rgba(0, 0, 0, 0);
line-height: 22px;
padding-left: 22px;
width: 212px;
position: absolute;
right: 0;
}
.Radio-Box-Tool .btn-list {
background: url(https://vnn-res.vgcloud.vn/ResV9/images/radio-common2.png) -14px -24px no-repeat rgba(0, 0, 0, 0);
width: 14px;
height: 14px;
top: 4px;
right: 24px;
}
.Radio-Box-Tool .btn-close {
background: url(https://vnn-res.vgcloud.vn/ResV9/images/radio-common2.png) -30px -24px no-repeat rgba(0, 0, 0, 0);
width: 14px;
height: 14px;
top: 4px;
right: 4px;
}
.Radio-Box-Tool .btn-list.action {
background: url(https://vnn-res.vgcloud.vn/ResV9/images/radio-common2.png) 0px -24px no-repeat rgba(0, 0, 0, 0);
width: 14px;
height: 14px;
}
.Radio-Box-List {
width: 226px;
left: auto;
right: 0;
top: 22px;
}
.Radio-Box-List .fix-nano-r {
width: 226px;
height: 250px;
}
.Radio-Box-List a {
padding: 6px 10px;
}
.Radio-Box.fixed .stage2 {
position: relative;
left: 0;
top: 0;
}
#radio-player {
height: 22px !important;
width: 212px !important;
}
#radio-player .rmp-control-bar {
height: 22px;
}
#radio-player .rmp-i-pause,
#radio-player .rmp-i-play,
#radio-player .rmp-i-resize-full,
#radio-player .rmp-i-resize-small,
#radio-player .rmp-i-skip-next,
#radio-player .rmp-i-volume,
#radio-player .rmp-i-volume-off {
font-size: 12px;
}
#radio-player .rmp-time-total {
height: 8px;
top: 7px;
}
#radio-player.rmp-audio-only.rmp-extrasmall .rmp-play-pause {
width: 11%;
}
#radio-player .rmp-extrasmall .rmp-time-elapsed {
font-size: 10px;
}
#radio-player.rmp-audio-only.rmp-extrasmall .rmp-time-elapsed {
left: 10%;
width: 14%;
}
#radio-player .rmp-handle,
#radio-player .rmp-volume-handle {
height: 14px;
width: 14px;
margin-top: -6px;
margin-left: -6px;
}
#radio-player .rmp-play-pause,
#radio-player.rmp-audio-only.rmp-extrasmall .rmp-time-elapsed,
#radio-player.rmp-audio-only.rmp-small .rmp-time-elapsed {
line-height: 22px;
font-size: 10px
}
#radio-player.rmp-audio-only.rmp-extrasmall .rmp-seek-bar {
width: 27%;
left: 27%;
}
#radio-player.rmp-audio-only.rmp-extrasmall .rmp-duration {
font-size: 10px;
line-height: 22px;
width: 14%;
left: 57%;
}
#radio-player.rmp-extrasmall .rmp-volume-controls {
left: 71%;
width: 10%;
line-height: 22px;
}
/*END Box Radio*/
.header.Unesco {
height: 44px;
border-bottom: 1px solid #d2d2d2;
background: url('https://vnn-res.vgcloud.vn/Unesco/images/head-bg.png') no-repeat center 0px #fff;
}
.sg-box{ background-color: #f2f2f2; border-bottom:1px solid #e0e0e0; padding:8px 9px 10px 9px;}
.sg-bg .slide { background-color:#282d8b; font-size: 11px }
.sg-bg .slide a { color: #fff; font-size: 13px; display: inline-block;}
.seagame-slide .owl-dots{ display: none; }
.seagame-slide .owl-nav.disabled { display: block; }
.slide { max-width: 100%; width: 100%; overflow: scroll; height: 32px; line-height: 32px;}
.seagame-slide1 { width: 920px; color: #fff}
.seagame-slide1 li { display: inline-block; padding:0px 10px ; line-height: 32px}
.seagame-slide1 li.active a{ color: #ffc300 }
#catfish { max-width: 100%; }
.VnnAdsPos { max-width: 100% ; overflow: hidden; }
.hottag { position: absolute; background-color: #971927; color: #fff;; text-transform: uppercase; top: 15px; left: 42px; width: 70px;height: 9px;font-size: 8px;font-weight: bold;border: 1px solid #971927;border-radius: 11px;padding: 3px 5px; }
.hottag:hover { background-color: #fff; color: #971927;}
.fixed .hottag { display: none;}
.caybut-name { font-size:15px; color:#971928; font-weight: 600; }
.caybut-info { font-size: 13px; color: #999; }
.red { color: #971928; }
.w-150{ width: 150px; }
.c-ffffff.name-cate{border-left: 1.5px solid #fff;}
.orange {
color: #ff6102;
}
.content-time {
font-size: 12px;
color: #555;
line-height: 22px;
}
.bg-eee{background-color: #eee;}
.menu-sub {
background: url('https://vnn-res.vgcloud.vn/v9-Mobile/images/drop-arrow.svg') no-repeat center center rgba(0, 0, 0, 0);
height: 24px;
width: 24px;
font-size: 0px;
}
.active-submenu .menu-sub-link {
display: block;
}
.menu-sub-link {
z-index: 900;
display: none;
position: absolute;
top: 32px;
right: 0PX;
}
.menu-sub-link ul {
background: #f5f5f5;
padding: 0px;
box-shadow: 0px 0px 3px 2px rgba(158, 158, 158, 0.28);
padding-top: 1px;
}
.menu-sub-link ul li {
padding: 8px 10px;
list-style-type: none;
}
.menu-sub-link ul li a {
color: #4d4d4d;
font-size: 12px;
font-weight: 450;
}
.menu-sub-link ul li a:hover {
color: #293786;
}
strong { font-weight: 700; }
em,i { font-style: italic; }
/* END KTCN 2019*/
/*Reponsive*/
@media screen and (max-width: 320px) {
.title-item {
font-size: 15px;
line-height: 21px;
}
}
@media screen and (min-width: 400px) {
.title-item {
font-size: 18px;
line-height: 26px;
}
.lead.title-item {
font-size: 18px;
line-height: 24px;
}
.box-top-1-title {
font-size: 24px;
line-height: 30px;
}
}
@media screen and (min-width: 35.5em) {
.nav-link {
margin-left: 30%;
}
}
@media screen and (min-width: 48em) {
.title-item {
font-size: 16px;
line-height: 22px;
}
.pure-g div.pure-u-1-1.line-box-common:last-child span.b-b-f0f0f0 {
display: none;
}
.box-top {
padding-bottom: 15px;
border-bottom: 1px solid #dbdbdb;
}
.box-top .box-top-1 {
padding: 0;
margin-top: 10px;
border: 0;
}
.box-top1-img {
margin: 0 10px;
}
.box-top .list-news .item:first-child {
margin-top: 10px;
}
.box-video {
margin: 0px 10px;
margin-top: 20px;
}
.box-tygia {
margin: 20px 10px 0px 10px;
}
.box-ngoaite {
margin: 0px 10px;
}
.box-img-title {
margin: 20px 10px 0px 10px;
}
.box-img-content {
margin: 0px 10px 0px 10px;
}
.box-top-read {
margin: 20px 10px 0px 10px;
}
.box-tto,
.box-2sao,
.box-tttd {
margin: 20px 10px 0px 10px;
}
.menu {
width: 40%;
}
.menu .nav-link {
margin-left: 10%;
}
.footer .nav-link {
margin-left: 35%;
}
.box-cmcn {
margin: 20px 10px;
}
.name-cate {
font-size: 19px;
}
.adv-bottom {
display: none;
}
.box-adv {
overflow: hidden;
height: 270px;
}
.adv-hot {
height: auto;
}
.adv-top {
height: auto;
}
.Radio-Box {
display:none;
}
}
@media screen and (min-width: 64em) {
.title-item {
font-size: 18px;
line-height: 26px;
}
.Radio-Box {
display:none;
}
}
/* END Reponsive 2019*/
.cate-title {
background: #ebebeb;
padding: 3px 10px;
border-bottom: 1px solid #d2d2d2;
}
.sub-cate-icon {
margin: 8px 10px 0px 10px;
display: inline-block;
float: left;
font-size: 9px;
}
.sub-cate-name {
display: inline-block;
margin-top: 5px;
}
.BoxCate {
background: #343434;
border-top: 2px solid #f69100;
}
.BoxCateHead {
position: relative;
}
.BoxCateTitle {
font-size: 18px;
color: #fff;
text-transform: uppercase;
line-height: 30px;
display: block;
background: #343434;
padding-right: 5px;
}
.BoxCateLine {
border-bottom: 1px solid #666666;
width: 100%;
display: block;
font-size: 0px;
height: 21px;
}
.owl-nav {
height: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 800;
}
.owl-next,
.owl-prev {
margin-top: 17px;
display: block;
width: 20px;
height: 60px;
font-size: 0px;
color: #fff;
opacity: 0.6;
}
.owl-carousel .owl-nav button.owl-next {
float: right;
border-radius: 3px 0px 0px 3px;
background: url(../images/button-owl.png) 2px 24px no-repeat #fa9403;
}
.owl-carousel .owl-nav button.owl-prev {
float: left;
border-radius: 0px 3px 3px 0px;
background: url(../images/button-owl.png) -38px 24px no-repeat #fa9403;
}
.owl-next:hover,
.owl-prev:hover {
opacity: 1;
}
.owl-carousel .owl-nav button span {
display: none;
}
.load-more-article {
font-size: 13px;
padding: 7px 0px;
color: #676767;
border: 1px solid #aaaaaa;
border-radius: 20px;
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 195px;
text-align: center;
}
.load-more-article1 {
font-size: 13px;
padding: 7px 0px;
color: #676767;
border: 1px solid #aaaaaa;
border-radius: 20px;
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 195px;
text-align: center;
}
.BoxSK {
position: relative;
width: 90%;
margin: 0px auto;
background: #006699;
height: 40px;
border: 1px solid #004365;
border-radius: 20px;
}
#SearchKeywordSK {
width: 70%;
height: 22px;
font-size: 16px;
color: #fff;
border: none;
margin-left: 10px;
background: #006699;
margin-top: 8px;
}
#SearchKeywordSK::-webkit-input-placeholder {
color: #fff;
}
#SearchKeywordSK:-moz-placeholder {
color: #fff;
}
#SearchKeywordSK::-moz-placeholder {
color: #fff;
}
:-ms-input-placeholder {
color: #fff;
}
.SearchButtonSK {
background: url('../images/icon-search.svg') no-repeat center #004365;
background-size: 20px;
border: 1px solid #004365;
border-radius: 15px;
height: 30px;
width: 30px;
cursor: pointer;
display: inline-block;
text-decoration: none;
vertical-align: middle;
margin-top: 4px;
float: right;
margin-right: 10px;
}
.ButtonImage span {
display: none;
}
#SuggestionResultSK {
z-index: 700;
position: absolute;
top: 41px;
left: 0;
right: 0;
background: #fff;
width: 80%;
margin: 0px auto;
list-style-type: none;
}
#SuggestionResultSK li {
padding: 7px 10px;
border-bottom: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
#SuggestionResultSK li a {
font-size: 14px;
color: #000;
}
.icon-load-more {
display: inline-block;
color: #676767;
font-size: 25px;
padding: 0px 8px 8px 8px;
font-weight: bold;
cursor: pointer;
line-height: 10px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.dropdown {
width: 100%;
text-align: center;
padding: 0;
border: 1px solid #cccccc;
line-height: 20px;
cursor: pointer;
position: relative;
display: inline-block;
}
.dropbtn {
width: 100%;
margin-right: 0;
background: #fff;
border: none;
padding: 1px 2px;
}
.dropbtn,
.dropbtn span {
font-size: 12px;
color: #3e3e3e;
display: inline-block;
}
.dropdown-content {
display: none;
top: 21px;
left: -1px;
position: absolute;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1005;
width: 100%;
border: 1px solid #cccccc;
border-top: none;
}
.dropdown-content a.active {
background-color: #a9a8a8;
}
.dropdown-content a {
color: black;
padding: 2px 7px;
text-decoration: none;
display: block;
font-size: 12px;
text-align: left;
}
.dropdown:hover .dropdown-content,
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn,
.dropdown:hover .dropbtn {
background-color: #fff;
}
.new24h-select-type .dropdown-content,
.new24h-select-type .dropdown,
.new24h-select-type .dropbtn {
width: 130px;
}
.new24h-select-cate .dropdown-content,
.new24h-select-cate .dropdown,
.new24h-select-cate .dropbtn {
width: 163px;
}
/*tags*/
.tag-name {
text-transform: uppercase;
color: #000;
font-size: 22px;
margin-top: 10px;
}
.tag-des {
color: #5d5d5d;
font-size: 16px;
margin-top: 8px;
}
.tag-action-like {
display: block;
font-size: 12px;
color: #686868;
}
.TitleSchedule {
background: url('../images/icon-time.png') no-repeat center left;
background-size: 16px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
/*the-thao*/
.box-schedule {
background: #474747;
}
.box-schedule .box-schedule-select {
margin: 0px 10px;
}
.box-schedule .box-schedule-select .dropdown-content {
right: ;
top: 30px;
background: none;
border: none;
}
.box-schedule .box-schedule-select .dropdown {
border: none;
}
.box-schedule .box-schedule-select .dropbtn {
border-radius: 5px;
height: 30px;
font-size: 16px;
color: #676767;
}
.box-schedule .box-schedule-select .dropdown-content a {
margin: 0 10px;
padding: 5px 10px;
border-top: 1px solid #cccccc;
background: #fff;
}
.box-schedule .box-schedule-tournaments {
font-size: 14px;
color: #fff;
margin: 0px 10px;
}
.box-schedule .box-schedule-date {
margin-top: 10px;
border-bottom: 1px solid #727272;
background: url('../images/bg-date.png') no-repeat center;
background-size: 57px 17px;
text-align: center;
}
.button-view-schedule {
margin: 10px 0px;
text-transform: uppercase;
}
.button-view-schedule a {
width: 30%;
margin: 0 auto;
border: 1px solid #fff;
padding: 5px 0px;
border-radius: 10px;
}
.title-multimedia,
.title-multimedia img {
height: 28px;
width: 152px;
}
.title-multimedia {
margin: 2px auto;
}
.box-multi-namecate a {
color: #fff;
display: inline-block;
padding: 3px 5px;
background: #a92b30;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 8px;
}
.box-multi {
padding-bottom: 10px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.9)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
background-image: rgba(0, 0, 0, 0.7);
}
.cate-multi {
border-bottom: 1px solid #c10606;
}
.list-mutil .item:first-child {
margin-top: 10px;
}
.namecate-mutil-lst {
font-size: 11px;
}
.list-kd {
background: #e1e8f1;
border-top: 1px solid #006699;
}
/*su-kien*/
.box-event {
padding-bottom: 15px;
}
.name-event-title {
font-size: 20px;
line-height: 32px;
}
.list-event .box-event:last-child {
border: none;
}
.box-event-prev {
margin-right: 10px;
display: block;
width: 0px;
height: 0px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #000000;
}
.box-event-next {
margin-left: 10px;
display: block;
width: 0px;
height: 0px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #000000;
}
.box-event-prev:hover {
border-right: 8px solid #971928;
}
.box-event-next:hover {
border-left: 8px solid #971928;
}
.page-404 img {
width: 50%
}
.page-404 h3 {
margin-top: 20px;
color: #17317e;
font-size: 18px;
padding-bottom: 20px;
}
.page-404 p {
line-height: 29px;
padding: 0px 30px;
font-weight: bold;
color: #4d525b;
font-size: 16px;
font-weight: normal;
}
.page-404 a {
line-height: 23px;
display: inline-block;
color: #fff;
background: #17317e;
padding: 3px 15px;
border-radius: 20px;
font-size: 16px;
}
.box-search404 {
margin-top: 20px;
position: relative;
top: 0;
}
.box-search404 input:first-child {
width: 90%;
border-radius: 20px;
line-height: 38px;
padding: 0px 15px;
font-size: 14px;
border: 1px solid #e4e4e4;
}
.box-search404 input:last-child {
position: absolute;
background: url(../images/icon-search.svg) no-repeat center;
background-size: 22px;
width: 38px;
height: 38px;
top: 0;
right: 20px;
border: none;
}
.page-contact-title {
display: block;
background: #eeeeee;
float: none;
color: #34609f;
font-size: 16px;
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
text-transform: uppercase;
}
.name-cate-title {
font-size: 15px;
}
.sub-cate-name {
font-size: 13px;
font-weight: normal;
}
.bg-special-business {
background: #e1e8f1;
padding-bottom: 20px;
border-top: 2px solid #006699;
margin-top: 20px;
}
.head-box-football {
background: #273889;
}
.icon-football {
background: url('../images/football-01.svg') no-repeat center;
background-size: 37px;
width: 47px;
height: 35px;
float: left;
}
.box-football .name-cate-title {
margin-top: 8px;
color: #fff;
font-weight: 700;
}
.content-box-football li {
border-bottom: 1px solid #d5d5d5;
padding: 10px 0px;
}
.content-box-football li a {
color: #333333;
margin: 0px 10px;
display: block
}
.content-box-football li a span {
color: #273889;
display: inline-block;
margin-right: 10px;
}
.content-box-football li a:hover,
.content-box-football li a:hover span {
color: #971928;
}
@media screen and (max-width: 320px) {
.page-404 h3 {
font-size: 16px;
}
.page-404 p {
font-size: 14px;
}
.page-404 a {
font-size: 14px;
padding: 3px 5px;
border-radius: 15px;
}
}
@media screen and (min-width: 360px) {
.sub-cate-icon {
font-size: 10px;
}
.name-cate-title {
font-size: 19px;
}
.sub-cate-name {
font-size: 15px;
}
.name-event-title {
font-size: 22px;
line-height: 34px;
}
}
@media screen and (min-width: 400px) {
.name-event-title {
font-size: 22px;
line-height: 34px;
}
}
@media screen and (min-width: 48em) {
.name-event-title {
font-size: 20px;
line-height: 32px;
}
.BoxSK {
margin-top: 20px;
}
.cate-multi .box-style-1:nth-child(odd) .box-style-1-detail,
.cate-multi .box-style-1:nth-child(even) .box-style-1-detail,
.cate-multi .box-style-1-detail {
padding: 0;
margin: 0 5px;
}
.cate-multi-top .box-style-1 {
margin-top: 10px;
}
.cate-multi-top1 .box-top-1 {
margin-left: 10px;
}
.box-schedule {
margin-left: 10px;
margin-right: 10px;
}
.cate-multi-top,
.list-bot-multi,
.list-item {
margin: 0px;
}
.list-item .item {
margin: 0px 10px;
}
}
@media screen and (min-width: 768px) {
.list-news-caybut {display: grid;grid-template-columns: 1fr 1fr; }
}
.Lib-Top.profileInfo{ padding: 10px; display: flex;}
.Lib-Top.profileInfo .profile-link{ color: #971928 !important;}
.Lib-Top.profileInfo .thumb { float: left; width: 47%;height: auto; padding-bottom: 0px; }
.Lib-Top.profileInfo .thumb img { width: 100%; }
.Lib-Top.profileInfo .profile-bod { font-size: 0px }
.lib-list-icon .item { line-height: 22px; }
.lib-list-icon .item a{ font-size: 0px; cursor: pointer; margin:0px 5px;}
.btn-fb { background: url(https://vnn-res.vgcloud.vn/ResV9/images/icon-fb.svg) 0px 0px no-repeat rgba(0, 0, 0, 0); width:18px ; height:18px ; background-size: 18px 18px; display: inline-block; }
.btn-fb:hover { background: url(https://vnn-res.vgcloud.vn/ResV9/images/icon-fb-hover.svg) 0px 0px no-repeat rgba(0, 0, 0, 0); width:18px ; height:18px ; background-size: 18px 18px; display: inline-block;}
.btn-tw { background: url(https://vnn-res.vgcloud.vn/ResV9/images/icon-twitter.svg) 0px 0px no-repeat rgba(0, 0, 0, 0); width:18px ; height:18px ; background-size: 18px 18px; display: inline-block; }
.btn-tw:hover { background: url(https://vnn-res.vgcloud.vn/ResV9/images/icon-twitter-hover.svg) 0px 0px no-repeat rgba(0, 0, 0, 0); width:18px ; height:18px ; background-size: 18px 18px; display: inline-block;}
.btn-gg { background: url(https://vnn-res.vgcloud.vn/ResV9/images/icon-mail.svg) 0px 0px no-repeat rgba(0, 0, 0, 0); width:18px ; height:18px ; background-size: 18px 18px; display: inline-block; }
.btn-gg:hover { background: url(https://vnn-res.vgcloud.vn/ResV9/images/icon-mail-hover.svg) 0px 0px no-repeat rgba(0, 0, 0, 0); width:18px ; height:18px ; background-size: 18px 18px; display: inline-block;}
.profileStory {
display: block;
clear: both;
padding: 10px;
}
.Lib-Head {
line-height: 30px;
background-color: #eaeaea;
}
.Lib-Head .Lib-Cate{ text-transform: uppercase; color: #454545; font-weight: bold;}
.profileStory p { font-size: 16px !important; line-height: 26px; margin: 5px 0px}
.Box-Lib-Show { padding:0px 10px }
.Box-Lib-Show .ListContentImages .item { clear: left; display: flex; margin:10px 0px;}
.Box-Lib-Show .ListContentImages .thumb{padding-bottom: 10px;
overflow: hidden;
height: auto !important;
width: 100% !important;}
.Box-Lib-Show .ListContentImages .item>a { width: 41.7%}
.Box-Lib-Show .ListContentImages .item>.d-tb { width: 46%; padding-left: 10px; }
.Box-Lib-Show .ListContentImages .item .title {font-size: 15px;
line-height: 21px;
color: #333333;}
.Box-Lib-Show .ListContentImages .item p{ display: none;}
.button-load-more #btLoadMore{
font-size: 13px;
padding: 7px 0px;
color: #676767;
border: 1px solid #aaaaaa;
border-radius: 20px;
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 195px;
text-align: center;
}
.CateNewsSlider-list .CateNewsSlider-item {display: flex; padding: 10px;}
.CateNewsSlider-list .CateNewsSlider-item a.img { width: 30.%; margin-right: 10px}
.CateNewsSlider-list .CateNewsSlider-item a.img img {width: 100%;}
.name-title { color: #333; font-weight: bold; text-align: left; width: 65% !important;}
.text-title .name-title { width: 100% !important;}
.date-title { font-size: 14px; text-align:left ; }
.Box-Vp1 .bg-hot {display: block;
width: 90%;
margin: 10px 0px;
background-color: #ececec;
padding: 10px; }
.List-User1 { padding: 10px }
.List-User1 .ng-scope { display: flex; width: 100%; margin:15px 0px; }
.List-User1 .ng-scope>a { margin-right: 10px; width: 42% }
.List-User1 .ng-scope .b-1 { width: 100%; height: auto; }
.c-48{ color:#484848;}
.List-User1 .ng-scope .name-title { color:#484848; font-size: 18px; line-height: 26px;}
.box-tacgia .thumb img,.List-User1 .ng-scope img.b-1 { border-radius: 5px;}
.box-tacgia .thumb { padding-bottom:100%; }
.CateNewsSlider.Full{ width:995px; max-height:none !important; padding:0px; padding-left:5px;}
.CateNewsSlider.Full .CateNewsSlider-mask{ width:100%; height:160px; overflow:hidden}
.CateNewsSlider.Full .btnNext{ background:url(../images/slidershow/arrows-1a.png) 50% 50% no-repeat #888 ; width:31px; height:31px; top:50px; opacity:0.7;}
.CateNewsSlider.Full .btnPrev{ background:url(../images/slidershow/arrows-1.png) 50% 50% no-repeat #888 ; width:31px; height:31px;top:50px; opacity:0.7;}
.CateNewsSlider.Full .CateNewsSlider-button .btnNext{ left:970px;}
.CateNewsSlider.Full .CateNewsSlider-item img{ width:230px !important; height:auto !important}
.CateNewsSlider.Full .CateNewsSlider-mask .CateNewsSlider-item { max-height:none !important}
.border9{ border:1px solid #fff; /*border-radius:130px*/}
.border8{ border:1px solid #fff;/* border-radius:100px*/}
.CateNewsSlider.Full .CateNewsSlider-mask .CateNewsSlider-item { margin-right:21px}
.CateNewsSlider.Images-Layout.Full .btnNext{ top:50px}
.CateNewsSlider.Images-Layout.Full .btnPrev{ top:50px}
.CateNewsSlider.Images-Layout.Full .CateNewsSlider-item img{ width:230px !important; height:auto !important}
.thuvien-name.f-13{ font-size:13px;}
.Big.List-Item .item{ width:230px; height:auto !important; vertical-align:top; border:none; padding-top:10px;}
.Big.List-Item .item:nth-child(4n){ padding-right:0px;}
.List-Item { width:100%; text-align:left;}
.List-Item .item { width:180px; padding:20px 20px 10px 0px; height:235px; overflow:hidden; float:none; display:inline-block;}
.List-Item .item:nth-child(5n){ padding-right:0px;}
.bg-eee{ background-color:#eee;}
.m-l-20{ margin-left:20px;}
#SearchBoxKeyword2 { background-color:#ddd; font-size:11px; width:166px; padding:0px 5px; border:1px solid #b2b2b2}
.vp-subcate{ font-size:11px; border:none; font-weight:700; }
.vp-subcate option { line-height:18px;}
.SubCate{ font-weight:bold; text-transform:uppercase; padding:0px 10px;}
.Vprofile-Layout .BoxMedium .ListHeight li .title { margin-top:30px; width:150px}
.Vprofile-Layout .ListArticle li.item{ padding:15px 0px}
.bg-vp{ background-color:#ffe5ac;}
.bg-vp2{ background-color:#d3fbfd;}
.BoxProfile { padding:20px 10px 10px; max-height:340px}
.thuvien-name { padding:2px 20px 2px 4px; display:inline-block; font-size:16px; background:url("../images/titlebg-write.png") no-repeat scroll right center ;}
.bg-fff{ background-color:#fff;}
.thuvien-item { font-size:14px; padding-left:5px; line-height:23px; color:#888}
.thuvien-item b{ color:#222}
.SearchBoxButtonTV{ background: rgba(0, 0, 0, 0) url("../images/icon-search.png") no-repeat scroll left 2px; height: 16px;width: 15px; }
.ListArticle li { font-size:14px; line-height:24px; border-bottom:1px dashed #999; padding:4px 0px 4px 5px}
.ListArticle li:last-child{ border-bottom:none}
.Fix-History p{ line-height:20px; padding:3px 0px}
.Fix-History { max-height:288px; overflow:auto;scrollbar-face-color: #000000;
scrollbar-shadow-color: #2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #7D7E94;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-track-color: #7D7E94;
scrollbar-arrow-color: #C1C1D1;}
.f-28 { font-size:28px;}
.chuc_danh { text-transform:uppercase;}
.w-480{ width:480px;}
.left.w-480{ width:480px !important;}
.w-500{ width:500px;}
.w-285{ width:285px;}
.w-260{ width:260px;}
.w-1000{ width:1000px}
.w-300{ width:300px}
.w-360{ width:360px}
.m-r-20{ margin-right:20px}
.m-r-10{ margin-right:10px}
.ng-scope { background:none;}
.caroufredsel_wrapper { min-height:145px !important;}
.RelatestBox { position:relative;}
.fix500{ width:500px; height:auto}
.fix180{ width:180px; height:auto}
.fix500 .iconplay { background:url("../images/iconplay1.png") no-repeat scroll center center ; width:55px; height:55px; position:absolute; bottom:2%; left:0%}
.fix180 .iconplay { background:url("../images/iconplay1.png") no-repeat scroll center center ; width:30px; height:30px; position:absolute; bottom::2%; left:1%; background-size:30px;}
.List-Item.Images-List .item { border:none; height:auto; padding-top:10px}
.no-bor{ border:none !important}
.No-height, .No-height li{ height:auto !important}
.SubCate ,.vp-search { line-height:20px;}
.thuvien-phatngon { font-style:italic}
.vmore {
background-color: #c9c9c9;
box-shadow: 2px 2px 0 #f5f5f5;
cursor: pointer;
height: 24px;
line-height: 24px;
margin-top: 5px;
text-align: center;
width: 100%;
}
.ProfileImages{ position:relative;}
.ProfileImages-mask{ width:100%; height:250px; overflow:hidden; position:relative}
.sixcolum .List-Item .item{ width:150px; height:220px;}
.sixcolum .List-Item .item .border8,.small .List-Item .item .border8{ width:145px; height:auto}
.sixcolum .List-Item .item:nth-child(6n),.small .List-Item .item:nth-child(5n){ padding-right:0px;}
.sixcolum .List-Item .item:nth-child(5n){ padding-right:20px;}
.ProfileImages .CateNewsSlider-list2 { width:10000px}
.ProfileImages .CateNewsSlider-item { width:225px; display:inline-block; height:220px; overflow:hidden; margin-right:30px;}
.ProfileImages .CateNewsSlider-item img {
height: auto !important;
width: 230px !important;
}
#marq { position:absolute; top:10px; left:-1000px;}
#ArticlePhotoSliderShow {
background-image: url("../images/slidershow/grad.jpg");
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
#ArticlePhotoSliderShow-Title {
background: rgba(0, 0, 0, 0) url("../images/slidershow/icon-slidershow.png") no-repeat scroll 0 50%;
color: #fff;
font-size: 14px;
font-weight: bold;
height: 20px;
line-height: 20px;
padding-left: 25px;
text-transform: uppercase;
}
#ArticlePhotoSliderShow-ShowBox {
margin-bottom: 10px;
position: relative;
min-height:auto !important
}
#ArticlePhotoSliderShow-PhotoText {
bottom: 79px;
left: 10px;
position: absolute;
}
#ArticlePhotoSliderShow-PhotoText-TextBox {
background: rgba(0, 0, 0, 0) url("../images/slidershow/overlay.png") repeat scroll 0 0;
opacity: 0.6;
}
#ArticlePhotoSliderShow-PhotoText-Text {
color: #fff;
font-family: "Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 18px;
padding: 10px;
text-align: center;
}
#ArticlePhotoSliderShow-PhotoText-Function {
background: rgba(0, 0, 0, 0) url("../images/slidershow/overlay.png") repeat scroll 0 0;
bottom: 0;
height: 24px;
position: absolute;
right: 0;
width: 24px;
}
#ArticlePhotoSliderShow-Loading {
background: #000 url("../images/slidershow/loader.gif") no-repeat scroll 50% 50%;
border-radius: 5px;
display: none;
height: 40px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px;
}
#ArticlePhotoSliderShow-Loading span {
display: none;
}
#ArticlePhotoSliderShow-Photo {
text-align: center;
padding:0px !important
}
#ArticlePhotoSliderShow-Photo img {
max-width:1000px !important;
max-height:none;
width:auto !important;
}
#ArticlePhotoSliderShow-ThumbBox {
background: #686868 url("../images/slidershow/slide-bg.png") repeat-x scroll 50% top;
padding-top: 4px;
position: relative;
margin-top:20px
}
#ArticlePhotoSliderShow-ThumbMask {
height: 64px;
overflow: hidden;
padding-left: 10px;
width: 98%;
}
.ArticlePhotoSliderShow-Thumb {
float: left;
height: 59px;
width: 59px;
margin-right:5px;
}
.ArticlePhotoSliderShow-Thumb img {
border: 1px solid #999999;
}
.ArticlePhotoSliderShow-Thumb.active img, .ArticlePhotoSliderShow-Thumb:hover img {
border-color: #0099ff;
}
.ArticlePhotoSliderShow-BtnFullScreen {
background: transparent url("../images/slidershow/icon-fullscreen2.png") no-repeat scroll center top;
color: #fff !important;
display: inline-block;
font-size: 11px;
line-height: 16px;
padding-top: 28px;
text-align: center;
text-decoration: none;
}
.ArticlePhotoSliderShow-BtnFullScreen:hover {
color: #fff;
text-decoration: none;
}
.ArticlePhotoSliderShow-BtnPev {
background-image: url("../images/slidershow/arrows.png");
background-position: 0 0;
height: 59px;
left: 0;
margin-top: -29.5px;
position: absolute;
top: 30%;
visibility: hidden;
width: 30px;
}
.FullScreen {
position: absolute;
right: 12px;
top: 15px;
}
.ArticlePhotoSliderShow-BtnNext {
background-image: url("../images/slidershow/arrows.png");
background-position: -30px 0px;
height: 59px;
margin-top: -29.5px;
position: absolute;
right: 0;
top: 30%;
visibility: hidden;
width: 30px;
}
.ArticlePhotoSliderShow-BtnPev2 {
background-image: url("../images/slidershow/arrows-2.png");
background-position: 0 0px;
height: 20px;
left: 0;
margin-top: -10px;
position: absolute;
top: 50%;
width: 20px;
}
.ArticlePhotoSliderShow-BtnNext2 {
background-image: url("../images/slidershow/arrows-2.png");
background-position: 0 -20px;
height: 20px;
margin-top: -10px;
position: absolute;
right: 0px;
top: 50%;
width: 20px;
}
.ArticlePhotoSliderShow-BtnToggleText {
background-image: url("../images/slidershow/arrows-3.png");
background-position: 0 0;
height: 24px;
width: 24px;
}
.ArticlePhotoSliderShow-BtnToggleText.close {
background-position: 0 -24px !important;
}
.CateNewsSlider.Full.Slide-W690 {
max-height: none !important;
padding: 10px 10px 0 10px;
width: 668px;
}
.CateNewsSlider.Full.Slide-W690 .CateNewsSlider-mask{ width:660px; overflow:hidden; height:auto; padding-left:19px}
.CateNewsSlider.Full.Slide-W690 .btnNext{ background:url(../images/slidershow/arrows-1a.png) 50% 50% no-repeat #888 ; width:31px; height:31px; top:120px; opacity:0.7;}
.CateNewsSlider.Full.Slide-W690 .btnPrev{ background:url(../images/slidershow/arrows-1.png) 50% 50% no-repeat #888 ; width:31px; height:31px;top:120px; opacity:0.7;}
.CateNewsSlider.Full.Slide-W690 .CateNewsSlider-button .btnNext{ left:657px;}
.CateNewsSlider.Full.Slide-W690 .CateNewsSlider-item img{ width:190px !important; height:auto !important}
.CateNewsSlider.Full.Slide-W690 .CateNewsSlider-mask .CateNewsSlider-item { max-height:none !important}
.CateNewsSlider.Full.Slide-W690 .CateNewsSlider-item{ position:relative}
.icon{ position:absolute; top:6px; left:6px; opacity:0.8}
.star{background:url(../images/profile/star-icon.png) 50% 50% no-repeat; width:36px ; height:36px ; }
.football{background:url(../images/profile/football-icon.png) 50% 50% no-repeat; width:36px ; height:36px ; }
.vdv-logo{background:url(../images/profile/olypic-icon.png) left 50% no-repeat; line-height:22px ; padding-left:64px; height:27px;}
.block-bg {
content: "";
height: 100%;
width: 100%;
/* z-index: 1; */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
background: -ms-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);
}
.CateTitleVP {background:url(../images/titlebg-gray4d.png) left 50% no-repeat #fff; width:100px; height:22px;}
.bg-fff{ background-color:#fff;}
.lh-22{ line-height:22px;}
.p-r-10{ padding-right:10px; }
.List-User1 li{ width:150px; display:inline-block; text-align:center; position:relative; margin:13px 26px 13px 0px; vertical-align:top}
.List-User1 li:nth-child(4n){ margin-right:0px;}
.bg-yellow{ background-color:#fb8903;-webkit-box-shadow: inset -6px -6px 3px 0px rgba(201,131,10,1);
-moz-box-shadow: inset -6px -6px 3px 0px rgba(201,131,10,1);
box-shadow: inset -6px -6px 3px 0px rgba(201,131,10,1);}
.Box-Hot-300 .UserInfoText .item .lable{ float:none; color:#3b3b3b; font-weight:normal}
.Box-Hot-300 .UserInfoText .item .lable.bold{ font-weight:bold;}
.List-User-Height li{ padding:15px 0px 15px 10px; border-bottom:1px dashed #ccc}
.List-User-Height li:last-child{ border:none;}
.bg-hot {background:url(../images/-bgtitle-head.png) -25px 50% no-repeat #fff; height:22px; padding-left:15px;}
.CateNewsSlider-list,.caroufredsel_wrapper { height:370px !important}
.ng-scope label {
color: #337ab7;
font-weight: bold;
}
.ng-pristine {
border: 1px solid #d1d1d1;
margin-left: 5px;
padding: 2px 5px;
width: 300px;
}
.List-Item {
width: 100%;
text-align: left;
display: grid;
grid-template-columns:1fr 1fr;
}
@media only screen and (min-width: 768) {
.List-Item {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width : 425) {
.List-Item {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.List-Item{ max-width:100% !important; }
.t-u{ text-transform: uppercase; }
.List-Item .item {
float: none;
display: inline-block;
width: 95%;
height: auto;
margin-bottom: 30px;
padding: 10px 2.5% 0 0;
}
.List-Item .item:nth-child(2n) { padding: 10px 0px 0px 2.5%;}
.List-Item .item img.border8 { width: 100%; height: auto; border-radius: 5px; }
.List-Item .item a.title { color:#404040 ; font-size: 20px; display: block; margin-top: 10px;}
.c-666 { color:#666;}
.p-20 { padding:20px;}
.center { text-align: center;}
.List-Item {
width: 100%;
text-align: left;
display: grid;
grid-template-columns:1fr 1fr;
}
@media screen and (min-width: 769) {
.List-Item {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (min-width: 427) {
.List-Item {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.t-u{ text-transform: uppercase; }
.List-Item .item {
float: none;
display: inline-block;
width: 90%;
height: auto;
margin-bottom: 30px;
}
.List-Item .item img.border8 { width: 100%; height: auto; }
.List-Item .item a.title { color:#404040 }
.Box-Vp1 .bg-hot { width: 94%; padding: 3%;}
.ng-isolate-scope .w-300.center{ margin:0px auto;}
.Main-Body.ng-scope{ width: 100% ; max-width: 100% ; overflow: hidden ;}
/*
/*!==================================
* Dailog Widget style
====================================*/.fmsidWidgetDailogOverlay{background:url(https://id-res.vgcloud.vn/deploy/m/images/dailogOverlay.png);position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%}.fmsidWidgetDailog{width:92.5%;max-width:500px;margin:10% auto 15px auto;padding:0;position:relative;top:-15px;background-color:#fff;-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6)}.fmsidWidgetDailogHead{height:40px;-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em;-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em;background:#0089a4;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODlhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc2OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#0089a4 0,#007693 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0089a4),color-stop(100%,#007693));background:-webkit-linear-gradient(top,#0089a4 0,#007693 100%);background:-o-linear-gradient(top,#0089a4 0,#007693 100%);background:-ms-linear-gradient(top,#0089a4 0,#007693 100%);background:linear-gradient(to bottom,#0089a4 0,#007693 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089a4',endColorstr='#007693',GradientType=0)}.fmsidWidgetDailogHead h1{color:#fff;font-size:16px;font-weight:bold;height:40px;line-height:40px;text-align:center}.fmsidWidgetDailogContent{padding:20px;font-size:14px;color:#222}.fmsidWidgetDailogContent h2{margin:0;margin-bottom:20px;font-size:14px;color:#222}.fmsidWidgetDailogContent p{margin:0;margin-bottom:20px;font-size:16px;color:#222}.fmsidWidgetDailogButtonAction{-moz-box-shadow:inset 0 1px 0 0 #00b2d1;-webkit-box-shadow:inset 0 1px 0 0 #00b2d1;box-shadow:inset 0 1px 0 0 #00b2d1;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#0090ad),color-stop(1,#007086));background:-moz-linear-gradient(center top,#0090ad 5%,#007086 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0090ad',endColorstr='#007086');background-color:#0090ad;-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em;border:1px solid #006273;display:block;width:100%;height:auto !important;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:.6em;text-decoration:none;text-shadow:1px 1px 0 #004a57;cursor:pointer}.fmsidWidgetDailogButtonAction:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#007086),color-stop(1,#0090ad));background:-moz-linear-gradient(center top,#007086 5%,#0090ad 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007086',endColorstr='#0090ad');background-color:#007086;text-decoration:none}.fmsidWidgetDailogButtonAction:active{position:relative;top:1px}.fmsidWidgetDailogButton{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#cfcfcf));background:-moz-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-webkit-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-o-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-ms-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:linear-gradient(to bottom,#f0f0f0 5%,#cfcfcf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#cfcfcf',GradientType=0);background-color:#f0f0f0;-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em;border:1px solid #a8a8a8;display:block;width:100%;height:auto !important;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:.6em;text-decoration:none;text-shadow:1px 1px 0 #fff;cursor:pointer}.fmsidWidgetDailogButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#cfcfcf),color-stop(1,#f0f0f0));background:-moz-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-webkit-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-o-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-ms-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:linear-gradient(to bottom,#cfcfcf 5%,#f0f0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf',endColorstr='#f0f0f0',GradientType=0);background-color:#cfcfcf}.fmsidWidgetDailogButton:active{position:relative;top:1px}.fmsidWidgetPopupIframe{position:fixed;top:0;left:0}/*!==================================
* Simple Popup Style
====================================*/#TQSimplePopupOverlay{background:url(https://id-res.vgcloud.vn/deploy/m/images/popup/overlay.png);position:fixed;z-index:990;top:0;left:0;height:100%;width:100%}#TQSimplePopup{position:absolute;z-index:991;color:#000;display:none;text-align:left;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:8px}#TQSimplePopupLoader{position:absolute;background:url(https://id-res.vgcloud.vn/deploy/m/images/popup/loading.gif) no-repeat 50% 50%;background-color:#000;padding:5px;z-index:5003;width:25px;height:25px;font-size:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#TQSimplePopupClose{display:inline-block;cursor:pointer;height:30px;width:30px;background:url(https://id-res.vgcloud.vn/deploy/m/images/popup/close.png) no-repeat 50% 50%;position:absolute;z-index:992;top:-15px;right:-15px}#TQSimplePopupClose span{display:none}/*!==================================
* View more style
====================================*/.tqReadMoreHide{display:none}.tqReadMoreHide.ReadMoreView{display:inline}.tqReadMoreShow.textHiden{display:none}.tqReadMoreBtn{display:inline-block;width:10px;height:10px;vertical-align:middle;background:url(https://id-res.vgcloud.vn/deploy/m/images/plus.png) no-repeat 50% 50%;margin-left:0}.tqReadMoreBtn span{display:none}.tqReadMoreBtn.textLess{background-image:url(https://id-res.vgcloud.vn/deploy/m/images/minus.png) !important}.fmsidWidgetIconArrowLeft{display:inline-block;vertical-align:middle;width:7px;height:10px;background:url(https://id-res.vgcloud.vn/deploy/m/images/arrows.png) no-repeat 0 0}.fmsidWidgetIconArrowRight{display:inline-block;vertical-align:middle;width:7px;height:10px;background:url(https://id-res.vgcloud.vn/deploy/m/images/arrows.png) no-repeat 0 -14px}.fmsidWidgetIconAvatar{display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(https://id-res.vgcloud.vn/deploy/m/images/avatar-s.png) no-repeat 50% 50%;border:1px solid #FFF}.fmsidWidgetIconLogout{display:inline-block;vertical-align:middle;width:26px;height:20px;background:url(https://id-res.vgcloud.vn/deploy/m/images/icon-logout.png) no-repeat 50% 50%}.fmsidWidgetIconLogin{display:inline-block;vertical-align:middle;width:24px;height:20px;background:url(https://id-res.vgcloud.vn/deploy/m/images/icon-login.png) no-repeat 50% 50%}.fmsidWidgetIconLock{display:inline-block;vertical-align:middle;width:24px;height:20px;background:url(https://id-res.vgcloud.vn/deploy/m/images/icon-lock.png) no-repeat 50% 50%}.fmsidWidgetIconUser{display:inline-block;vertical-align:middle;width:24px;height:20px;background:url(https://id-res.vgcloud.vn/deploy/m/images/icon-user.png) no-repeat 50% 50%}.fmsidWidgetIconLock{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(https://id-res.vgcloud.vn/deploy/m/images/lock.png) no-repeat 50% 50%}.fmsidWidgetCommentListLoading{height:30px;background:url(https://id-res.vgcloud.vn/deploy/m/images/loading.gif) no-repeat 50% 50%}.fmsidWidgetBtnMenu{display:inline-block;cursor:pointer;vertical-align:middle;width:30px;height:30px;background:url(https://id-res.vgcloud.vn/deploy/m/images/icon-menu.png) no-repeat 50% 50%;outline:0;-moz-outline-style:none}.fmsidWidgetBtnMenu span{display:none}.fmsidInvalid{border-color:#F00}
.fmsidWidgetDailogOverlay{background:url(jscore/popup/overlay.png);position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%}.fmsidWidgetDailog{width:92.5%;max-width:500px;margin:10% auto 15px auto;padding:0;position:relative;top:-15px;background-color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6)}.fmsidWidgetDailogHead{height:30px;background:#0089a4;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODlhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc2OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#0089a4 0,#007693 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0089a4),color-stop(100%,#007693));background:-webkit-linear-gradient(top,#0089a4 0,#007693 100%);background:-o-linear-gradient(top,#0089a4 0,#007693 100%);background:-ms-linear-gradient(top,#0089a4 0,#007693 100%);background:linear-gradient(to bottom,#0089a4 0,#007693 100%)}.fmsidWidgetDailogHead h1{color:#fff;font-size:14px;font-weight:700;height:30px;line-height:30px;text-align:center}.fmsidWidgetDailogContent{padding:20px;font-size:12px;color:#222;text-align:center}.fmsidWidgetDailogContent h2{margin:0;margin-bottom:20px;font-size:12px;color:#000}.fmsidWidgetDailogContent p{margin:0;margin-bottom:20px;font-size:12px;color:#222}.fmsidWidgetDailogButtonAction{-moz-box-shadow:inset 0 1px 0 0 #00b2d1;-webkit-box-shadow:inset 0 1px 0 0 #00b2d1;box-shadow:inset 0 1px 0 0 #00b2d1;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#0090ad),color-stop(1,#007086));background:-moz-linear-gradient(center top,#0090ad 5%,#007086 100%);background-color:#0090ad;-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;border:1px solid #006273;display:inline-block;height:auto!important;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;padding:.3em;padding-left:1.5em;padding-right:1.5em;text-decoration:none;text-shadow:1px 1px 0 #004a57;cursor:pointer}.fmsidWidgetDailogButtonAction:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#007086),color-stop(1,#0090ad));background:-moz-linear-gradient(center top,#007086 5%,#0090ad 100%);background-color:#007086;text-decoration:none}.fmsidWidgetDailogButtonAction:active{position:relative;top:1px}.fmsidWidgetDailogButton{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#f0f0f0),color-stop(1,#cfcfcf));background:-moz-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-webkit-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-o-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-ms-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:linear-gradient(to bottom,#f0f0f0 5%,#cfcfcf 100%);background-color:#f0f0f0;-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;border:1px solid #a8a8a8;display:inline-block;height:auto!important;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;padding:.3em;padding-left:1.5em;padding-right:1.5em;text-decoration:none;text-shadow:1px 1px 0 #fff;cursor:pointer}.fmsidWidgetDailogButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#cfcfcf),color-stop(1,#f0f0f0));background:-moz-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-webkit-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-o-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-ms-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:linear-gradient(to bottom,#cfcfcf 5%,#f0f0f0 100%);background-color:#cfcfcf}.fmsidWidgetDailogButton:active{position:relative;top:1px}.fmsidWidgetPopupIframe{position:fixed;top:0;left:0}#VNNSimplePopupOverlay{background:url(jscore/popup/overlay.png);position:fixed;z-index:990;top:0;left:0;height:100%;width:100%}#VNNSimplePopup{position:absolute;z-index:991;color:#000;display:none;text-align:left;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:8px}#VNNSimplePopupLoader{position:absolute;background:url(jscore/popup/loading.gif) no-repeat 50% 50%;background-color:#000;padding:5px;z-index:5003;width:25px;height:25px;font-size:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#VNNSimplePopupClose{display:inline-block;cursor:pointer;height:30px;width:30px;background:url(jscore/popup/close.png) no-repeat 50% 50%;position:absolute;z-index:992;top:-15px;right:-15px}#VNNSimplePopupClose span{display:none}.fmsmedia{position:relative;margin-left:auto;margin-right:auto;display:none}.fmsmedia-thumb{border:0;max-width:100%;display:none}.fmsmedia-btnplay{background:url(jscore/player/fmsmedia-play.png) no-repeat 50% 50%;width:107px;height:107px;position:absolute;top:50%;left:50%;margin-top:-53.5px;margin-left:-53.5px;display:none}.fmsmedia-btnplay span{display:none}#tqLightOverlay{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCRkFFMURGQTBGRTJFMjExOTdEQkU0ODk3MkRGNzkwNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNTAzQjc5MEUyMTExMUUyQUZERTkxQTlEMTU2RDJGQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNTAzQjc4RkUyMTExMUUyQUZERTkxQTlEMTU2RDJGQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGQUUxREZBMEZFMkUyMTE5N0RCRTQ4OTcyREY3OTA3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJGQUUxREZBMEZFMkUyMTE5N0RCRTQ4OTcyREY3OTA3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xpZJFwAAAElJREFUeNrsz0ENACAMALELwb/M6cAFj6V10FtNC5yWEBEREREREREREREREREREREREREREREREREREREREREREREREfnjCTAAjCUBTczbGQcAAAAASUVORK5CYII=)}.jwtitle{height:auto!important}.clearfix2:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix2{zoom:1}.clear{clear:both}.left{float:left}.right{float:right}.hidden{display:none}.fmsSurveyBoxResult{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:10px;margin-bottom:10px;width:600px;background-color:#fff;border:4px solid #2d2928}.fmsSurveyBoxResultTitle{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;color:#000;padding-right:10px;padding-top:15px}.fmsSurveyBoxResultHead{border-bottom:1px dotted #d0d0d0;height:30px}.fmsSurveyBoxResultHead p{line-height:30px;color:#a8a8a8;padding-left:10px}ul.fmsSurveyBoxResultQuestion{list-style:none;margin:0;padding:0}ul.fmsSurveyBoxResultQuestion li.fmsSurveyBoxResultQuestionItem{list-style:none;font-weight:700;padding:10px;color:#0090ad}ul.fmsSurveyBoxResultQuestion li.fmsSurveyBoxResultQuestionItem .fmsSurveyBoxResultQuestionItemText{display:block;background-color:#e4e8e9;padding:10px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#303030;margin-left:-10px;margin-right:-10px;margin-top:-10px}ul.fmsSurveyBoxResultAnswer{list-style:none;margin:0;padding:0;margin-left:-10px;margin-right:-10px;background-color:#fff;margin-top:5px}ul.fmsSurveyBoxResultAnswer li.fmsSurveyBoxResultAnswerItem{list-style:none;font-weight:400;padding:5px;font-size:11px;font-family:Tahoma,Geneva,sans-serif;color:#333;border-bottom:1px dotted #d0d0d0;padding:10px}ul.fmsSurveyBoxResultAnswer li.fmsSurveyBoxResultAnswerItem .itemText{width:25%;margin-right:1%;text-align:left;color:#444;margin-top:14px}ul.fmsSurveyBoxResultAnswer li.fmsSurveyBoxResultAnswerItem .itemProgress{width:58%;margin-right:1%;position:relative}ul.fmsSurveyBoxResultAnswer li.fmsSurveyBoxResultAnswerItem .itemProgress span.itemProgressPercent{font-size:10px;position:absolute}ul.fmsSurveyBoxResultAnswer li.fmsSurveyBoxResultAnswerItem .itemProgress .itemProgressBar{background-color:#d6d6d6;font-size:0;height:10px;vertical-align:middle;border:1px solid #d6d6d6;margin-top:14px}ul.fmsSurveyBoxResultAnswer li.fmsSurveyBoxResultAnswerItem .itemProgress .itemProgressBar span{display:inline-block;background-color:#d80204;font-size:0;height:10px;vertical-align:middle}ul.fmsSurveyBoxResultAnswer li.fmsSurveyBoxResultAnswerItem .itemVote{width:15%;text-align:right;color:#767676;margin-top:14px}.fmsSurveyBoxResultTotal{font-weight:400;font-size:11px;font-family:Tahoma,Geneva,sans-serif;text-align:right;margin:0;margin-top:10px;color:#333}.fmsSurveyBoxResultTotal b{color:#d80204;font-weight:400}.fmsSurveyBoxNotify{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:10px;margin-bottom:10px;width:500px;background:url(jscore/survey/logo.png) no-repeat 5px 3px;background-color:#fff}.fmsSurveyBoxNotifyTitle{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;color:#000;padding-right:10px;margin-top:15px}.fmsSurveyBoxNotifyHead{border-bottom:1px dotted #d0d0d0;height:44px}.fmsSurveyBoxNotifyContent{padding:0 0 10px;text-align:center}.fmsSurveyBoxNotifyContent p{font-weight:700;text-align:center;margin-top:10px;margin-bottom:10px;color:red}.fmsSurveyBoxNotify a,.fmsSurveyBoxResult a{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#e0e0e0),color-stop(1,#c7c7c7));background:-moz-linear-gradient(top,#e0e0e0 5%,#c7c7c7 100%);background:-webkit-linear-gradient(top,#e0e0e0 5%,#c7c7c7 100%);background:-o-linear-gradient(top,#e0e0e0 5%,#c7c7c7 100%);background:-ms-linear-gradient(top,#e0e0e0 5%,#c7c7c7 100%);background:linear-gradient(to bottom,#e0e0e0 5%,#c7c7c7 100%);background-color:#e0e0e0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #7a7a7a;display:inline-block;color:#000;font-family:arial;font-size:12px;font-weight:400;padding:5px 15px;text-decoration:none;text-shadow:0 1px 0 #f0f0f0}.fmsSurveyBoxNotify a:hover,.fmsSurveyBoxResult a:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#c7c7c7),color-stop(1,#e0e0e0));background:-moz-linear-gradient(top,#c7c7c7 5%,#e0e0e0 100%);background:-webkit-linear-gradient(top,#c7c7c7 5%,#e0e0e0 100%);background:-o-linear-gradient(top,#c7c7c7 5%,#e0e0e0 100%);background:-ms-linear-gradient(top,#c7c7c7 5%,#e0e0e0 100%);background:linear-gradient(to bottom,#c7c7c7 5%,#e0e0e0 100%);background-color:#c7c7c7}.fmsSurveyBoxNotify a:active,.fmsSurveyBoxResult a:active{position:relative;top:1px}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.TitleSchedule {
background: url('https://vnn-res.vgcloud.vn/v9-mobile/images/icon-time.png') no-repeat center left;
background-size: 16px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.box-schedule {
background: #474747;
}
.box-schedule .box-schedule-select {
margin: 0px 10px;
}
.box-schedule .box-schedule-select .dropdown-content {
right: ;
top: 30px;
background: none;
border: none;
}
.box-schedule .box-schedule-select .dropdown {
border: none;
}
.box-schedule .box-schedule-select .dropbtn {
border-radius: 5px;
height: 30px;
font-size: 16px;
color: #676767;
}
.box-schedule .box-schedule-select .dropdown-content a {
margin: 0 10px;
padding: 5px 10px;
border-top: 1px solid #cccccc;
background: #fff;
}
.box-schedule .box-schedule-tournaments {
font-size: 14px;
color: #fff;
margin: 0px 10px;
}
.box-schedule .box-schedule-date {
margin-top: 10px;
border-bottom: 1px solid #727272;
background: url('https://vnn-res.vgcloud.vn/v9-mobile/images/bg-date.png') no-repeat center;
background-size: 57px 17px;
text-align: center;
}
.button-view-schedule {
margin: 10px 0px;
text-transform: uppercase;
}
.button-view-schedule a {
width: 30%;
margin: 0 auto;
border: 1px solid #fff;
padding: 5px 0px;
border-radius: 10px;
}
.dropdown {
width: 100%;
text-align: center;
padding: 0;
border: 1px solid #cccccc;
line-height: 20px;
cursor: pointer;
position: relative;
display: inline-block;
}
.dropbtn {
width: 100%;
margin-right: 0;
background: #fff;
border: none;
padding: 1px 2px;
}
.dropbtn,
.dropbtn span {
font-size: 12px;
color: #3e3e3e;
display: inline-block;
}
.dropdown-content {
display: none;
top: 21px;
left: -1px;
position: absolute;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1005;
width: 100%;
border: 1px solid #cccccc;
border-top: none;
}
.dropdown-content a.active {
background-color: #a9a8a8;
}
.dropdown-content a {
color: black;
padding: 2px 7px;
text-decoration: none;
display: block;
font-size: 12px;
text-align: left;
}
.dropdown:hover .dropdown-content,
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn,
.dropdown:hover .dropbtn {
background-color: #fff;
}
.new24h-select-type .dropdown-content,
.new24h-select-type .dropdown,
.new24h-select-type .dropbtn {
width: 130px;
}
.new24h-select-cate .dropdown-content,
.new24h-select-cate .dropdown,
.new24h-select-cate .dropbtn {
width: 163px;
}
/*popup-login-detail*/
.TQbackdrop.in {
opacity: .5;
filter: alpha(opacity=50);
}
.TQbackdrop {
opacity: 0;
filter: alpha(opacity=0);
}
.TQbackdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
}
#TQSimplePopup {
z-index: 1041;
}
/* Popup box BEGIN */
.hover_bkgr_fricc{
background:rgba(0,0,0,.4);
cursor:pointer;
display:none;
height:100%;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:10000;
}
.hover_bkgr_fricc .helper{
display:inline-block;
height:100%;
vertical-align:middle;
}
.hover_bkgr_fricc > div {
background-color: #fff;
box-shadow: 10px 10px 60px #555;
display: inline-block;
height: auto;
max-width: 625px;
min-height: 100px;
vertical-align: middle;
width: 80%;
position: relative;
border-radius: 10px;
top: 15%;
/*padding: 15px 5%;*/
}
.popupCloseButton {
background-color: #fff;
border: 3px solid #999;
border-radius: 50px;
cursor: pointer;
display: inline-block;
font-weight: bold;
position: absolute;
top: -20px;
right: -20px;
font-size: 25px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
}
.popupCloseButton:hover {
background-color: #ccc;
}
.trigger_popup_fricc {
cursor: pointer;
font-size: 20px;
margin: 20px;
display: inline-block;
font-weight: bold;
}
.boxSubmitComment{
text-align: left;
}
.fmsidWidgetCommentPopupBtnClose:hover{
cursor: pointer;
}
/* Popup box BEGIN */
.btnSubmit:hover {
color: #fff;
}
.List-commenttool a:hover{
font-weight: 700;
}
.fmsidWidgetCommentListCount{
}
.btnSubmit{
}
.fmsidWidgetCommentPopupTitle {
background: #971928;
color: #fff;
line-height: 30px;
font-size: 14px;
padding-left: 15px;
font-weight: bold;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.form_group {
/* max-width: 285px; */
width: 100%;
margin: 0;
margin-bottom: 10px;
}
.fmsCommentEmail,
.fmsCommentFullname,
.fmsUserLoginname,
.fmsUserPassword {
/* max-width: 280px; */
width: 100%;
line-height: 30px;
height: 30px;
border: 1px solid #d2d2d2;
margin-bottom: 10px;
display: block;
border: none;
border-radius: 0px;
border-bottom: 1px dotted #aaa;
outline: none;
margin: 0px;
background: #fff;
box-shadow: none;
-webkit-transition: none;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.fmsCommentEmail:focus,
.fmsCommentFullname:focus,
.fmsUserLoginname:focus,
.fmsUserPassword:focus {
border-color: #66afe9;
outline: 0;
}
.fmsidWidgetCommentPopupBtnSendComment,
.fmsidWidgetCommentPopupBtnLogin,
.fmsidWidgetCommentPopupBtnSend,
.fmsidWidgetCommentPopupBtnSendReply {
background: #971928;
width: 50px;
height: 39px;
color: #fff;
font-weight: bold;
border: none;
cursor: pointer;
}
.fmsidWidgetCommentPopupBtnSend {
width: 28%;
float: left;
height: 30px;
line-height: 30px;
}
.span-center-login {
width: 20%;
height: 30px;
line-height: 30px;
text-align: center;
color: #555;
font-size: 12px;
font-weight: bold;
}
.LoginWithAcound {
width: 52%;
float: right;
color: #fff;
font-weight: bold;
border: none;
font-size: 12px;
background: #3a599c;
text-align: center;
height: 30px;
line-height: 30px;
}
.submit-comment {
padding: 20px;
background: #fff;
}
.fmsidWidgetCommentPopupLoginWithOpenId {
color: #3E3E3E;
font-weight: bold;
font-size: 13px;
}
.BtnLoginOpenId,
.submit-login-idvnn {
width: 285px;
display: block;
}
.fmsidWidgetCommentPopupBtnLoginWith {
background: #c4c4c4;
display: block;
text-align: center;
color: #dd1818;
font-weight: bold;
line-height: 35px;
height: 35px;
width: 100%;
max-width: 285px;
font-size: 14px;
margin-top: 10px;
}
.fmsUserLoginname,
.fmsUserPassword {
width: 278px;
}
.fmsUserLoginnameError,
.fmsUserLoginError,
.fmsUserPasswordError {
color: #dd1818;
}
.fmsidWidgetCommentPopupBtnLogin {
width: auto;
cursor: pointer;
padding: 0px 15px;
}
.fmsidWidgetCommentPopupRegister:hover {
color: #dd1818;
}
.fmsidWidgetCommentPopupBtnClose {
border-radius: 12px;
width: 22px;
height: 22px;
line-height: 22px;
border: none;
color: #dd1818;
font-weight: bold;
background: #fff;
text-align: center;
margin-top: 4px;
margin-right: 4px;
padding-right: 0px;
padding-left: 1px;
padding-bottom: 0px;
padding-top: 1px;
}
.fmsidWidgetCommentPopupBtnClose:hover {
color: #fff;
background: #ddd;
}
.fmsidWidgetCommentPopupForgotPassword:hover,
.fmsidWidgetCommentPopupSendActiveCode:hover,
.fmsidWidgetCommentPopupRemember:hover {
color: #dd1818;
}
.fmsidWidgetCommentPopupRemember {
font-size: 14px;
cursor: pointer;
}
.fmsidWidgetCommentPopupForgotPassword {
color: #be0000;
font-size: 14px;
margin-top: 8px;
display: block;
}
.lb-footer {
font-size: 13px;
margin-top: 10px;
color: #5d5d5d;
}
.fmsidWidgetCommentPopupRegister {
color: #be0000;
}
.fmsidWidgetCommentPopupFormLoginFMS {
display: none;
}
.fmsCommentEmailError,
.fmsCommentFullnameError,
.fmsUserLoginnameError,
.fmsUserPasswordError,
.fmsUserLoginError {
font-size: 12px;
margin-bottom: 5px;
margin-top: 10px;
display: none;
color: #be0000;
}
.fmsidWidgetCommentFormError {
font-size: 14px;
}
.fmsidWidgetCommentBtnShare {
display: none;
}
.sent-cmt {
margin: 5px;
}
.fmsidWidgetCommentBtnSend,
.fmsidWidgetCommentBtnCancel {
font-family: sans-serif !important;
font-size: 13px
}
.btnSubmit.fmsidWidgetCommentBtnSend {
font-size: 0px;
}
.SendComment {
margin-top: 20px;
}
.fmsidWidgetCommentFormOptionLogout {
font-size: 14px;
color: #5d5d5d;
}
.fmsidWidgetCommentFormOptionLogout .BtnProfile,
.fmsidWidgetCommentFormOptionLogout .BtnLogout {
color: #5d5d5d;
}
.AutoSubmit {
display: none;
}
/*end-popup-login-detail*/
.login-vnnid {
background: url('https://vnn-res.vgcloud.vn/ResV9/images/iconlogin-idvnn-sliver.svg') no-repeat center;
background-size: 30px;
display: none;
width: 30px;
height: 30px;
}
.btn-vnnid-red {
background: url('https://vnn-res.vgcloud.vn/ResV9/images/iconlogin-idvnn.svg') no-repeat center;
background-size: 30px;
font-weight: bold;
display: none;
width: 30px;
height: 30px;
}
.menu-vnnid {
position: absolute;
top: -8px;
right: 0;
background: #fff;
z-index: 999;
display: none;
}
.menu-vnnid a {
display: block;
text-align: right;
font-size: 13px;
width: 90px;
font-weight: bold;
border: 1px solid #d3d6db;
padding: 4px 7px;
color: #333333;
}
.menu-vnnid a:hover,
.menu-vnnid a:active,
.menu-vnnid a:focus {
color: #be0000;
}
.menu-vnnid a:last-child {
border-top: none;
}
.bg-box-login-idvnn {
background: rgba(0,0,0,.4);
cursor: pointer;
display: none;
height: 100%;
position: fixed;
text-align: center;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 10000;
}
.box-login-idvnn {
background-color: #fff;
box-shadow: 10px 10px 60px #555;
display: inline-block;
height: auto;
max-width: 625px;
min-height: 100px;
vertical-align: middle;
width: 80%;
position: relative;
border-radius: 10px;
top: 20%;
}
.box-login-idvnn-head {
background: #971928;
color: #fff;
line-height: 30px;
font-size: 14px;
padding-left: 15px;
font-weight: bold;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: left;
}
.btnCancelLogin-idvnn {
border-radius: 12px;
width: 22px;
height: 22px;
line-height: 22px;
border: none;
color: #dd1818;
font-weight: bold;
background: #fff;
text-align: center;
margin-top: 4px;
margin-right: 4px;
padding-right: 0px;
padding-left: 1px;
padding-bottom: 0px;
padding-top: 1px;
float: right;
}
.box-login-idvnn-content {
padding: 20px;
}
.login-idvnn-fb,
.login-idvnn-fb img {
float: left;
width: 100%;
max-width: 285px;
display: block;
height: 35px;
}
.login-idvnn-id {
background: #c4c4c4;
display: block;
text-align: center;
color: #dd1818;
font-weight: bold;
line-height: 30px;
height: 30px;
width: 100%;
max-width: 285px;
font-size: 14px;
margin-top: 15px;
float: left;
}
.box-login-idvnn-footer {
text-align: left;
font-size: 14px;
padding: 0 20px 20px 20px;
color: #5d5d5d;
}
.box-login-idvnn-footer a {
color: #be0000;
}
.box-idvnn-id {
margin-top: 20px;
}
.form-login-idvnn {
width: 100%;
max-width: 285px;
}
.BtnLoginOpenId, .submit-login-idvnn {
width: 100%;
max-width: 285px;
display: block;
text-align: left;
}
.fmsUserLoginname, .fmsUserPassword {
width: 100%;
line-height: 30px;
}
.fmsUserLoginnameError, .fmsUserLoginError, .fmsUserPasswordError {
color: #dd1818;
}
.fmsidWidgetCommentPopupBtnLogin {
width: auto;
cursor: pointer;
padding: 0px 15px;
background: #971928;
height: 32px;
color: #fff;
border: none;
font-weight: normal;
font-size: 14px;
}
.submit-login-idvnn.right {
margin: 0;
}
@media screen and (min-width: 48em) {
.fmsidWidgetCommentPopupBtnLoginWith {
float: left;
line-height: 35px;
height: 35px;
max-width: 280px;
margin: 0;
}
.fmsidWidgetCommentPopupForgotPassword {
width: 100%;
}
.form-login-idvnn {
max-width: 275px
}
.login-idvnn-id {
float: left;
line-height: 35px;
height: 35px;
max-width: 280px;
margin: 0;
}
.login-idvnn-fb {
float: right;
}
.submit-login-idvnn .right {
float: left;
}
.submit-login-idvnn .t-r {
text-align: left;
}
.submit-login-idvnn .clearfix{
padding-left: 20px;
}
.box-login-idvnn {
width: 80%;
}
}
@media (max-width: 375px) {
.box-login-idvnn {
width: 90%;
}
}
.box-login-idvnn-content {
text-align: center;
padding: 0 20px;
}
.box-login-idvnn-type-title {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
text-align: center;
}
.fmsUserLoginname, .fmsUserPassword, .fmsUserLoginnameNew, .fmsUserPasswordNew {
max-width: 261px
}
.form-login-idvnn {
max-width: 270px;
margin: 0 auto;
}
.submit-login-idvnn {
max-width: 270px;
text-align: right;
margin: 0 auto;
}
.fmsidWidgetCommentPopupForgotPassword {
font-size: 12px;
}
.submit-login-idvnn .left {
float: left;
}
.submit-login-idvnn .right {
float: right;
}
.login-idvnn-fb,
.CommentLFBogin {
max-width: 270px;
height: 30px;
float: none;
margin: 0 auto;
margin-bottom: 12px;
}
.login-idvnn-gmail {
display: block;
max-width: 270px;
margin-top: 10px;
margin: 0 auto;
height: 30px;
}
.login-idvnn-gmail img {
width: 100%;
height: 30px
}
.register-idvnn {
margin-top: 15px;
text-align: center;
margin-bottom: 20px;
font-size: 13px;
color: #5d5d5d;
}
.register-idvnn a {
color: #be0000;
}
#Box_Submit_Comment .span-center-login {
display: inline-block;
}
#Box_Submit_Comment .fmsidWidgetCommentPopupFormLoginFMS {
display: block;
}
@media (max-width: 320px) {
.fmsUserLoginname, .fmsUserPassword, .fmsUserLoginnameNew, .fmsUserPasswordNew {
max-width: 240px;
}
}
.BoxSK {
position: relative;
width: 90%;
margin: 0px auto;
background: #006699;
height: 40px;
border: 1px solid #004365;
border-radius: 20px;
}
#SearchKeywordSK {
width: 70%;
height: 22px;
font-size: 16px;
color: #fff;
border: none;
margin-left: 10px;
background: #006699;
margin-top: 8px;
}
#SearchKeywordSK::-webkit-input-placeholder {
color: #fff;
}
#SearchKeywordSK:-moz-placeholder {
color: #fff;
}
#SearchKeywordSK::-moz-placeholder {
color: #fff;
}
:-ms-input-placeholder {
color: #fff;
}
.SearchButtonSK {
background: url('https://vnn-res.vgcloud.vn/V9-Mobile/images/icon-search.svg') no-repeat center #004365;
background-size: 20px;
border: 1px solid #004365;
border-radius: 15px;
height: 30px;
width: 30px;
cursor: pointer;
display: inline-block;
text-decoration: none;
vertical-align: middle;
margin-top: 4px;
float: right;
margin-right: 10px;
}
.ButtonImage span {
display: none;
}
#SuggestionResultSK {
z-index: 700;
position: absolute;
top: 41px;
left: 0;
right: 0;
background: #fff;
width: 80%;
margin: 0px auto;
list-style-type: none;
}
#SuggestionResultSK li {
padding: 7px 10px;
border-bottom: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
#SuggestionResultSK li a {
font-size: 14px;
color: #000;
}
.CTBDetail {
padding: 0 10px;
}
.CTBDetail h2 {
font-weight: normal;
}
.ArticleContent .article-title { font-size: 26px; line-height:32px; color: #3e3e3e ; font-weight: 700; margin: 5px 0px}
.sk-table {
margin: 20px auto;
display: table;
border: 1px solid #bbb;
}
.sk-table-left {
vertical-align: top;
width: 100%;
display: table-row;
}
.sk-table-left strong {
padding: 15px 10px;
width: 120px;
display: table-cell;
border-bottom: 1px solid #bbb;
}
.sk-table-right {
display: table-cell;
padding: 15px 10px;
border-bottom: 1px solid #bbb;
margin-left: 141px;
border-left: 1px solid #bbb;
width: 65%;
}
.sk-table-left:last-child .sk-table-right,
.sk-table-left:last-child strong {
border-bottom: none;
}
.left.tenbenh {
float: none;
}
.vnnhealth {
margin-left: 20px;
margin-top: 10px;
}
.vnnhealth:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden
}
.vnnhealth div {
width: 100%;
}
.vnnhealth ul,
.vnnhealth li {
list-style-type: square;
}
.vnnhealth li {
border-bottom: 1px solid #eee;
line-height: 27px;
}
.vnnhealth a {
color: #000;
}
.vnnhealth a:hover {
color: #971928;
}
@media screen and (min-width: 48em) {
.vnnhealth div {
width: 50%;
}
}