/*build html css by hoaduyva@gmail.com*/
body{
font-size:14px;
position:relative;
color:#333;
margin:0;
font-family: 'Roboto' , Arial, sans-serif;
font-weight:400;
}
input, button, textarea, select{font-family: 'Roboto' , Arial, sans-serif; font-weight:400;}
h1,h2,h3,h4,h5,h6{ font-family:'Roboto' ,Verdana, Geneva, sans-serif !important}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img {
border: 0;
max-width: 100%;
vertical-align: middle;
max-height:100%;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.clear {
clear: both;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
color: #999;
}
:-moz-placeholder { /* Firefox 18- */
color: #999;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: 0;
outline:0;
outline-offset:0;
}
a:hover,
a:active {
outline: 0;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button:-moz-focus-inner,
input:-moz-focus-inner {
padding: 0;
border: 0;
}
a {
text-decoration: none;
color: #333;
}
a:hover {
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: 0;
}
table { border-collapse:collapse; border-spacing: 0px; border-padding:0px;}
.orange-color, .orange {
color: #efaa00 !important;
}
.no-margin {
margin: 0px !important;
}
.pull-left { float:left !important;}
.pull-right { float:right !important}
.bg-gray { background-color:#f3f3f3;}
.text-transform{text-transform:uppercase;}
.text-transform-none{text-transform:none;}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-3, .col-6, .col-12, .col-4, .col-8 {
float:left;
padding-left:15px;
padding-right:15px;
}
.col-4{
width:33.33333%;
}
.col-3{
width:25%;
}
.col-6{
width:50%;
}
.col-12{
width:100%;
}
.col-8 { width:66.66666%}
.select-item select {
padding-right: 30px;
position: relative;
-moz-appearance: none;
-webkit-appearance: none;
}
.red { color:#EB5757 !important;}
.select-item i.down-open-3icon-search {
font-size: 16px;
color: #888;
text-align: center;
position: absolute;
right: 5px;
top: 50%;
margin-top: -10px;
line-height: normal;
}
.form-control, .select-box {
height: 40px;
width: 100%;
padding: 9px 10px;
line-height: 14px;
background: #fff;
border:1px solid #ededed;
margin: 0;
display: inline-block;
font-family: tahoma;
color: #313131;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 14px;
}
.select-item, .input-item {
width: 100%;
display: inline-block;
position: relative;
}
.erro .form-control, .erro .select-box{
border: 1px solid #efaa00;
}
.erro .text-erro {
display: none;
}
.erro .text-erro {
color: #efaa00;
display: block;
}
.checkbox {
display: inline-block;
line-height:20px;
}
.checkbox input[type="checkbox"] {
display:none;
}
.checkbox input[type="checkbox"] + label {
color:#333;
font-size:16px;
}
.checkbox input[type="checkbox"] + label .check {
float:left;
line-height: 18px;
height: 18px;
width: 18px;
vertical-align:middle;
cursor:pointer;
color: #2384c7;
text-align: center;
line-height: 14px;
border: 1px solid #e1e1e1;
background-color:#fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 11px;
position: relative;
margin-right:8px;
position:relative;
}
.checkbox input[type="checkbox"] + label .check{
}
.checkbox input[type="checkbox"]:checked + label .check {
}
.checkbox input[type="checkbox"]:checked + label .check:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e80e';
color: #EB5757;
font-size:20px;
position:absolute;
top:-2px;
left:3px;
}
.checkbox a {color: #EB5757;}
.radio {
position: relative;
display: inline-block;
color:#333;
font-size:14px;
}
.radio input[type="radio"] {
position: absolute;
opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
content: "";
background: #fff;
border-radius: 100%;
border: 1px solid #dbdbdb;
display: inline-block;
width:18px;
height: 18px;
position: relative;
top: -0.2em;
margin-right: 10px;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
.mt-20 { margin-top:20px !important;}
.mt-10 { margin-top:10px !important;}
.font-500 {font-weight:500 !important;}
.radio input[type="radio"]:checked + .radio-label:before {
background-color: #EB5757;
box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
outline: none;
}
.radio input[type="radio"]:disabled + .radio-label:before {
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #dbdbdb;
background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
margin-right: 0;
}
.mode-no-scroll, .mode-menu {
overflow: hidden;
}
.modal-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
background: rgba(0,0,0, 0.5);
}
.modal-popup.open {
display: block;
opacity: 1;
overflow-x: hidden;
overflow-y: auto;
}
.modal-popup .popup {
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 15%;
z-index: 10;
text-align: center;
}
.modal-popup .popup .content-popup {
max-width: 600px;
width: 100%;
background-color: #fff;
display: inline-block;
padding: 40px;
min-height: 121px;
position: relative;
color: #222;
font-size: 16px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.popup .icon-close {
position:absolute;
right:5px;
top:5px;
z-index:1;
color:#888;
font-size:29px;
}
.paging {
margin: 0;
display: inline-block;
padding: 0;
}
.paging li {
float: left;
list-style: none;
padding-left:25px;
}
.paging li:first-child {
}
.paging li a {
float: left;
height: 34px;
min-width: 34px;
text-align: center;
line-height: 34px;
color: #444;
font-size: 16px;
font-weight:400;
border:1px solid transparent;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.paging li a:hover, .paging li a.active {
border:1px solid #73b248;
}
.paging li:first-child.active a{
}
.paging.margin-botton-12 {
margin-bottom: 12px;
}
.paging [class*="-page"]:before {
display: inline-block;
font-family: "fontello";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1em;
margin-left: 0.2em;
margin-right: 0.2em;
text-align: center;
text-decoration: inherit;
text-transform: none;
width: auto;
font-weight:400;
font-size:15px;
}
.paging .first-page , .paging .prev-page , .paging .next-page , .paging .last-page {
color:#888;
}
.paging .first-page::before {
}
.paging .prev-page {
}
.paging .next-page {
}
.paging .last-page::before {
}
#wapper {
width: 100%;
float:left;
overflow:hidden;
}
.text-center {
text-align:center !important;
}
.no-scroll {
overflow: hidden;
position: fixed;
}
.main {
max-width:1115px;
margin:auto;
width:100%;
padding:0 15px;
}
.full-width {
width:100%!important;
display:inline-block!important;
}
/*--header---*/
.button-menu { display:none;}
.header {
width:100%;
float:left;
height:110px;
background-color:#333;
}
.header .logo {
float:left;
margin-top:35px;
margin-right:30px;
}
.header .header-right {
float:right;
margin-top:39px;
position:relative;
}
.header .header-right .acc {
width: 115px;
float:left;
position:relative;
padding-bottom:30px;
}
.header .header-right .acc .icon{
height: 32px;
float:left;
line-height:32px;
font-size:14px;
color:#333;
font-weight:500;
text-align:center;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background: #FFE51F;
width:100%;
}
.header .header-right .acc .icon:hover {background: #F3CB3E;}
.header .header-right .acc .sub-menu-acc{
position: absolute;
top: 45px;
right: 0;
z-index: 5;
background-color: #fff;
min-height: 200px;
width: 205px;
display: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
margin: 0;
padding: 10px 0;
}
.header .header-right .acc .sub-menu-acc:before {
position: absolute;
content: "";
width: 14px;
height: 14px;
background: url(../images/icon-row.png) no-repeat 0 0;
top: -10px;
right: 40px;
}
.header .header-right .acc .sub-menu-acc li {
width: 100%;
float: left;
list-style: none;
position: relative;
font-size: 13px;
color: #333;
text-align: left;
font-weight: 400;
}
.header .header-right .acc .sub-menu-acc li.acc-name {
border-bottom: 1px solid #ddd;
padding:10px;
margin-bottom:5px;
padding-top:0px;
}
.header .header-right .acc .sub-menu-acc li.acc-name .avatar {
width: 30px;
height: 30px;
float: left;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin-right:10px;
}
.header .header-right .acc .sub-menu-acc li.acc-name .name {
margin:0;
font-size:13px;
color:#333;
font-weight:500;
}
.header .header-right .acc .sub-menu-acc li.acc-name .vip-s {
background: #FFE51F;
border-radius: 8px;
height:15px;
width:34px;
display:inline-block;
font-size:12px;
text-align:center;
font-weight:500;
color:#333;
}
.header .header-right .acc .sub-menu-acc li a { color:#333; font-size: 13px; padding: 5px 10px; display:block;}
.header .header-right .acc .sub-menu-acc li a i{ font-size:14px; color:#999; margin-right:5px;}
.header .header-right .acc .sub-menu-acc li a:hover i, .header .header-right .acc .sub-menu-acc li a:hover { color:#EB5757;}
.header .header-right .acc.show .sub-menu-acc{
display:block;
}
.header .header-right .box-noti {
width: 32px;
margin-left:15px;
float:left;
position:relative;
padding-bottom:30px;
}
.header .header-right .box-noti:hover .icon{background: #FFE51F; color:#333;}
.header .header-right .box-noti .icon {
height: 32px;
background: #111111;
float:left;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#FFE51F;
font-size:16px;
line-height:32px;
text-align:center;
width:32px;
}
.header .header-right .box-noti .sub-noti{
position: absolute;
top: 45px;
right: 0;
z-index: 5;
background-color: #fff;
min-height: 80px;
width: 255px;
display: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
margin: 0;
padding:0;
}
.header .header-right .box-noti.show .sub-noti{ display:block;}
/*.header .header-right .box-noti:hover .sub-noti{ display:block;}*/
.header .header-right .box-noti .sub-noti:before {
position: absolute;
content: "";
width: 14px;
height: 14px;
background: url(../images/icon-row.png) no-repeat 0 0;
top: -10px;
right: 5px;
}
.header .header-right .box-noti .sub-noti ul {
margin:0;
padding:0;
display:inline-block;
width:100%;
padding-top:10px;
max-height:450px;
overflow-y: scroll;
overflow-x:hidden;
}
.header .header-right .box-noti .sub-noti ul::-webkit-scrollbar-track
{
}
.header .header-right .box-noti .sub-noti ul::-webkit-scrollbar
{
width: 5px;
}
.header .header-right .box-noti .sub-noti ul::-webkit-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.header .header-right .box-noti .sub-noti ul::-moz-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.header .header-right .box-noti .sub-noti ul::-moz-scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.header .header-right .box-noti .sub-noti ul::-moz-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.header .header-right .box-noti .sub-noti ul::scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.header .header-right .box-noti .sub-noti ul::scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.header .header-right .box-noti .sub-noti ul::scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.header .header-right .box-noti .sub-noti li {
width: 100%;
float: left;
list-style: none;
position: relative;
font-size: 13px;
color: #333;
text-align: left;
font-weight: 400;
border-bottom: 1px solid #ddd;
padding:7px 10px;
}
.header .header-right .box-noti .sub-noti li .avatar {
width: 42px;
height: 42px;
float: left;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.header .header-right .box-noti .sub-noti li .info {
margin-left:52px;
font-size:13px;
color:#333;
}
.header .header-right .box-noti .sub-noti li:last-child { border:0;}
.header .header-right .box-noti .sub-noti li .info .name { font-weight:500; text-transform:uppercase;}
.header .header-right .box-noti .sub-noti li .info .time { display:block; color:#999;}
.header .header-right .box-noti .sub-noti .more {
width:100%;
display:inline-block;
background: #EFEFEF;
border-radius: 0px 0px 5px 5px;
line-height:28px;
text-align:center;
color:#EB5757;
font-size:13px;
}
.header .header-right .box-login {
line-height:32px;
font-size:14px;
font-weight:400;
}
.header .banner-head {
width:728px;
height:90px;
float:left;
overflow:hidden;
line-height:90px;
text-align:center;
background-color:#999;
margin-top:10px;
}
.header .header-right .box-login a { color:#fff;}
.header .header-right .box-login a {
padding:0 10px;
}
.navi {
width:100%;
display:inline-block;
background-color:#FFE51F;
height:50px;
}
.menu-top {
padding:0;
margin:0;
}
.menu-top li {
float:left;
list-style:none;
position:relative;
}
.menu-top li .icon-home { font-size:18px; height:18px; overflow:hidden; line-height:18px;}
.menu-top li .icon-home:before { line-height:normal;}
.menu-top li a {
font-weight: 500;
color:#333;
font-size:16px;
text-transform:uppercase;
display:block;
position:relative;
padding:15px 10px;
line-height:20px;
}
.menu-top li:hover a, .menu-top li.active a { background:#F3CB3E;}
.button-menu {
width:35px;
height:35px;
float:left;
background: #6faa4b;
border:0;
font-size:25px;
color:#fff;
display:none;
text-align:center;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-top:8px;
padding:0;
position:relative;
z-index:1;
}
.button-menu i:before { margin:0;}
.header .box-right{
float:right;
margin-top:30px;
position:relative;
}
.header .box-right .box-cart {
float:left;
width:100px;
height:40px;
position:relative;
border:1px solid #fff;
font-size:16px;
font-weight:700;
text-align:center;
padding:10px 0;
line-height:20px;
color:#fff;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.header .box-right .box-cart a {color:#fff; display:block;}
.header .box-right .box-cart .icon-baske { font-size:18px;}
.header .box-right .box-cart .sub-cart {
position:absolute;
top:70px;
right:0;
z-index:5;
background-color:#fff;
min-height:200px;
width:370px;
display:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.2);
margin:0;
padding:0 20px;
}
.item-new {
width:100%;
float:left;
margin-bottom:20px;
}
.item-new .photo {
width:100%;
height:144px;
display:inline-block;
text-align:center;
position:relative;
overflow:hidden;
margin-bottom:5px;
}
.img {
position: relative;
background-color: #f3f3f3;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.item-new .photo .img {
width:255px;
height:144px;
}
.item-new .title {
margin:0;
height:62px;
}
.item-new .title a{
color: #333;
display:inline-block;
/*height: 57px;
overflow: hidden;
-webkit-line-clamp: 3;
position: relative;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
-webkit-box-orient: vertical;*/
font-weight:400;
font-size:15px;
line-height:19px;
}
.big-item-new {
width:100%;
float:left;
}
.big-item-new .photo {
width:100%;
height:304px;
display:inline-block;
text-align:center;
position:relative;
overflow:hidden;
margin-bottom:6px;
}
.big-item-new .photo .img {
width:540px;
height:304px;
}
.big-item-new .title {
margin:0;
max-height:52px;
overflow:hidden;
}
.big-item-new .title a{
color: #333;
display: -webkit-box;
max-height: 52px;
overflow: hidden;
-webkit-line-clamp: 3;
position: relative;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
-webkit-box-orient: vertical;
font-weight:500;
font-size:22px;
line-height:26px;
}
.big-item-new .description {
margin:0;
font-size:14px;
color:#333;
line-height:16px;
margin-top:15px;
}
.box-left {
max-width:750px;
width:100%;
float:left;
}
.box-big-new {
width:100%;
display:inline-block;
border-bottom:1px solid #E3E3E3;
padding-bottom:20px;
margin-bottom:20px;
}
.box-big-new .item-new {
margin-bottom:15px;
}
.box-big-new .item-new .title {
height:auto;
}
.box-big-new .item-new .title a{
/*height:38px;
-webkit-line-clamp: 2;*/
}
.content {
width:100%;
display:inline-block;
margin-top:30px;
}
.c-column {
width:300px;
float:right;
}
.vip .vip-small {
position:absolute;
left:0;
bottom:0;
z-index:1;
background-color:#EB5757;
padding:0 8px;
color:#fff;
text-transform:uppercase;
text-align:center;
font-size:12px;
font-weight:400;
border-radius: 0 10px 0 0;
-moz-border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
line-height:18px;
padding-top:3px;
}
.vip .title a { color:#ff6600;}
.heading {
margin:0;
width:100%;
display:inline-block;
font-size:20px;
font-weight:500;
color:#333;
text-align:left;
line-height:26px;
text-transform:uppercase;
padding-left:27px;
padding-bottom:15px;
background:url(../images/icon-heading.png) no-repeat left 7px;
}
.heading.white {
color:#fff;
}
.heading.icon-w {
background:url(../images/icon-heading-white.png) no-repeat left 10px;
}
.heading .more {
float:right;
font-size:14px;
color:#EB5757;
font-weight:400;
text-transform:none;
}
.heading .more i:before { font-size:16px; margin-right:0; line-height:normal; width:auto;}
.box-hot-new {
margin-bottom:5px;
display:inline-block;
width:100%;
}
.box-home-2 { }
.box-list-new-quick {
width:100%;
display:inline-block;
padding-top:17px;
background:url(../images/bg_gd.png) no-repeat center top;
}
.box-list-new-quick .list {
width:100%;
display:inline-block;
margin:0;
padding:0;
}
.box-list-new-quick .list li {
list-style:none;
width:100%;
float:left;
padding:14px 0;
border-bottom:1px solid #E3E3E3;
}
.box-list-new-quick .list li:last-child { border:0;}
.box-list-new-quick .list li:first-child {border-top:1px solid #E3E3E3;}
.box-list-new-quick .list li a { color:#333; padding-left:25px; font-weight:500; font-size:14px; position:relative; display:block;}
.box-list-new-quick .list li a:before {
position:absolute;
left:10px;
top:8px;
margin-top:-2px;
width:4px;
height:4px;
background-color:#333;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
content:"";
}
.box-list-new-quick .list li a:hover { color:#EB5757;}
.box-list-new-quick .list li a:hover:before {background-color:#EB5757;}
.box-vip {
width:100%;
display:inline-block;
background-color:#333;
min-height:200px;
margin-bottom:15px;
}
.box-vip .heading {
background:url(../images/icon-heading-white.png) no-repeat 10px 25px #FFE51F;
padding:18px 10px 15px 36px;
}
.box-vip .list {
width:100%;
display:inline-block;
margin:0;
padding:0;
}
.box-vip .list li {
list-style:none;
width:100%;
float:left;
padding:14px 0;
border-bottom:1px solid #555;
}
.box-vip .list li a i {
display:none;
}
.box-vip .list li:last-child { border:0;}
.box-vip .list li a { color:#fff; font-weight:500; font-size:14px; position:relative; display:block; position:relative;padding-left:30px;}
.box-vip .list li a:before {
position:absolute;
left:10px;
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
margin-right:5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top:0;
content: '\e801';
}
.box-vip .list li a:hover { color:#FFE51F;}
.box-vip .list li i:before { margin:0 10px; width:auto;}
.box-slide {
width:100%;
display:inline-block;
padding-top:30px;
padding-bottom:10px;
background-color:#333;
position:relative;
margin-top:15px;
margin-bottom:35px;
}
.box-slide .heading { color:#fff;}
.box-slide .slider-hot {
width: 100%;
display: inline-block;
position: relative;
}
.box-slide .slider-hot .slick-arrow {
display:none !important;
}
.box-slide .slider-hot .slick-dots {
margin: 0;
padding: 0;
width: 100%;
display: inline-block;
text-align: center;
margin-top: 10px;
}
.box-slide .slider-hot .slick-dots li {
display: inline-block;
margin: 0 2px;
padding: 0;
}
.box-slide .slider-hot .slick-dots li button {
width: 10px;
height: 10px;
background-color: #666666;
display: inline-block;
border: 0;
padding: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-indent: -9999px;
}
.box-slide .slider-hot .slick-dots .slick-active button {
background-color: #FFE51F;
}
.box-slide .slider-hot .slick-slide {
width: 255px;
margin-right: 30px;
}
.box-slide .slider-hot .slick-slide .title a { color:#fff;}
.box-slide .slider-hot .slick-slide .item-new { margin-bottom:0;}
.box-schedule {
width:100%;
display:inline-block;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-padding: 0;
}
.box-schedule .box-table {
width:100%;
display:inline-block;
}
.box-schedule .box-table .table {
width:100%;
}
.box-schedule .box-table .head {
background-color:#555555;
border-top: 3px solid #FFE51F;
}
.box-schedule .box-table .head th {
font-size:14px;
color:#999;
font-weight:500;
text-align:center;
padding:6px 5px;
}
.box-schedule .box-table .head th:first-child {
color:#fff;
font-size:16px;
padding-left:25px;
text-align:left;
}
.box-schedule .box-table .head th:last-child {border-right:1px solid #C0C0C0;}
.box-schedule .box-table .table td {
border-bottom:1px solid #E3E3E3;
font-size:14px;
padding:6px 5px;
color:#333;
}
.box-schedule .box-table .table td:last-child {
border-left:1px solid #E3E3E3;
border-right:1px solid #C0C0C0;
text-align:center;
}
.box-schedule .box-table .table td:first-child {
border-left:1px solid #C0C0C0;
border-right:1px solid #E3E3E3;
text-align:center;
width:120px;
}
.box-schedule .box-table .table td:first-child .time, .box-schedule .box-table .table td:first-child .date { font-size:14px;}
.box-schedule .box-table .table td:first-child .date { color:#333; margin-right:8px;}
.box-schedule .box-table .table td:first-child .time {
color:#EB5757;
margin-left:8px;
position:relative;
}
.box-schedule .box-table .table td:first-child .time:before {
background-color:#C4C4C4;
height:3px;
width:3px;
position:absolute;
left:-10px;
top:7px;
content:"";
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.box-schedule .box-table .table td:nth-child(2) {
width:270px;
border-right:1px solid #E3E3E3;
text-align:center;
}
.box-schedule .box-table .table td:nth-child(2) .red, .box-schedule .box-table .table td:nth-child(2) .black {font-weight:500; font-size:14px;}
.box-schedule .box-table .table td:nth-child(2) .red {
color:#EB5757;
margin-right:10px;
}
.box-schedule .box-table .table td:nth-child(2) .black {
color:#333;
margin-left:10px;
position:relative;
}
.box-schedule .box-table .table td:nth-child(2) .black:before {
background-color:#C4C4C4;
height:3px;
width:3px;
position:absolute;
left:-12px;
top:7px;
content:"";
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.box-schedule .box-table .table td:nth-child(3), .box-schedule .box-table .table td:nth-child(6) {
font-weight:500;
text-align:center;
width:75px;
color:#333;
}
.box-schedule .box-table .table td:nth-child(4), .box-schedule .box-table .table td:nth-child(5), .box-schedule .box-table .table td:nth-child(7), .box-schedule .box-table .table td:nth-child(8) {
font-weight:500;
text-align:center;
width:45px;
color:#999;
}
.box-schedule .box-table .table td:nth-child(5) {border-right:1px solid #E3E3E3; }
.box-schedule .box-table .alink { color:#2D9CDB;}
.box-schedule .box-table .mobile-alink { display:none; color:#2D9CDB;}
.box-forum {
width:100%;
display:inline-block;
}
.box-forum .head {
background-color: #333;
border-top: 3px solid #FFE51F;
display:inline-block;
font-size:16px;
font-weight: 400;
color:#fff;
padding:8px 10px;
text-align:left;
text-transform:uppercase;
margin:0;
width:100%;
line-height:21px;
}
.box-forum .head .more {
float: right;
font-size: 14px;
color: #FFE51F;
font-weight: 400;
text-transform: none;
}
.box-forum .head .more i:before {
font-size: 16px;
margin-right: 0;
line-height: normal;
width: auto;
}
.box-forum .bottom {
width:100%;
display:inline-block;
background-color:#EFEFEF;
border:1px solid #e3e3e3;
padding:10px;
text-align:center;
}
.box-forum .content-list-comemt {
width:100%;
float:left;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
height:560px;
overflow-y: scroll;
background-color:#fff;
}
.box-forum .content-list-comemt::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-forum .content-list-comemt::-webkit-scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-forum .content-list-comemt::-webkit-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.box-forum .content-list-comemt::-moz-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-forum .content-list-comemt::-moz-scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-forum .content-list-comemt::-moz-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.box-forum .content-list-comemt::scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-forum .content-list-comemt::scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-forum .content-list-comemt::scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.box-forum.fix-forum-bt {
position: fixed;
width: 300px;
z-index: 99;
bottom: 0;
right: 100px;
}
.box-forum .head .collapsed { display:none;}
.box-forum.fix-forum-bt .head .icon {
display:block;
position:absolute;
top:0;
right:0;
}
.box-forum.fix-forum-bt .head .more {
padding-right:40px;
}
.box-forum.fix-forum-bt .head .collapsed { width:130px; background-color:#333; height:36px; display:block;}
.box-forum.fix-forum-bt .head .icon .i {
background-color:#222;
color:#fff;
text-align:center;
height:36px;
width:36px;
line-height:36px;
font-size:20px;
float:right;
position:relative;
}
.box-forum.fix-forum-bt .head .i:before {
content:"-";
position:absolute;
top:0;
right:0;
width:100%;
height:36px;
line-height:36px;
text-align:center;
font-size:22px;
color:#fff;
}
.box-forum.fix-forum-bt .head .collapsed .i:before {
content:"+";
position:absolute;
top:0;
right:0;
}
.box-forum.fix-forum-bt .collapse { display:none;}
.box-forum.fix-forum-bt .collapse.in {
display: block;
}
.box-forum.fix-forum-bt .content-list-comemt {
height:350px !important;
}
.box-forum .head{
position:relative;
}
.box-forum .btn-button {
background-color:#EB5757;
width:130px;
height:32px;
text-align:center;
display:inline-block;
color:#fff;
font-weight:500;
text-transform:uppercase;
line-height:32px;
cursor:pointer;
border:0;
font-size:14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.box-forum .textarea{
width:100%;
border-radius: 5px;
display:inline-block;
margin-bottom:10px;
height:50px;
padding:10px;
font-size:14px;
color:#333;
text-align:left;
border: 1px solid #E3E3E3;
}
.box-forum .content-list-comemt .list{
margin:0;
padding:0;
}
.box-forum .content-list-comemt .list li {
width:100%;
float:left;
list-style:none;
border-top:1px solid #e3e3e3;
padding:10px;
}
.box-forum .content-list-comemt .list li .avatar {
width:30px;
height:30px;
float:left;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.box-forum .content-list-comemt .list li .info {
margin-left:40px;
}
.box-forum .content-list-comemt .list li .name {
margin:0;
font-size:13px;
text-transform:uppercase;
font-weight:500;
color:#333;
line-height:18px;
}
.box-forum .content-list-comemt .list li .box-time-like {
margin:0;
font-size:13px;
color:#999;
}
.box-forum .content-list-comemt .list li .box-time-like .like { color:#333; padding-left:4px;}
.box-forum .content-list-comemt .list li .box-time-like .like.active { color:#EB5757;}
.box-forum .content-list-comemt .list li .box-time-like .like i:before { margin:0; width:auto;}
.box-forum .content-list-comemt .list li .box-time-like .time { padding-right:4px;}
.box-forum .content-list-comemt .list li .text-comment {
width:100%;
display:inline-block;
background: #EFEFEF;
border-radius: 0px 5px 5px 5px;
font-size:14px;
color:#333;
line-height:16px;
padding:6px 15px;
margin-top:10px;
}
.list-new-item {
margin:0;
padding:0;
width:100%;
display:inline-block;
margin-bottom:15px;
}
.list-new-item li {
list-style:none;
width:100%;
float:left;
padding:14px 0;
line-height:16px;
border-top:1px solid #E3E3E3;
}
.list-new-item li a {
display:block;
padding-left:30px;
position:relative;
font-size:14px;
font-weight:500;
color:#333;
}
.list-new-item li a:before{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e801';
position:absolute;
top:0;
left:8px;
}
.list-new-item li a:hover { color:#EB5757;}
.list-new-item li:first-child {}
.list-new-item li.big { padding:10px 0;padding-top:0; border:0;}
.list-new-item li.big a { padding:0;}
.list-new-item li.big a:before { display:none;}
.list-new-item li .photo {
width:100%;
max-width:100%;
margin:auto;
}
.list-new-item li .title {
margin:0;
font-size:16px;
text-align:left;
font-weight:700;
margin-top:10px;
color:#333;
}
.list-new-item li .title a { display:block;}
.list-blog {
width:100%;
display:inline-block;
margin:0;
padding:0;
}
.list-blog li {
list-style:none;
width:100%;
float:left;
padding:10px 0;
border-bottom:1px solid #E3E3E3;
}
.list-blog li:last-child { border:0;}
.list-blog li:first-child {border-top:1px solid #E3E3E3;}
.list-blog li a { color:#333; padding-left:25px; font-weight:500; font-size:13px; position:relative; display:block;}
.list-blog li a:hover {color:#EB5757;}
.list-blog li a:before {
position:absolute;
left:10px;
top:8px;
margin-top:-2px;
width:4px;
height:4px;
background-color:#333;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
content:"";
}
.list-blog li a:hover:before {background-color:#EB5757;}
.bg_top { background:url(../images/bg_ad_top.jpg) no-repeat center top; padding-top:30px; background-size: contain;}
.box-ad-full {
width:100%;
display:inline-block;
margin:30px 0;
text-align: center;
}
.heading.boder-bt {
border-bottom:1px solid #E3E3E3;
}
.box-identify {
width:100%;
display:inline-block;
margin-top:20px;
}
.heading-2 {
margin:0;
height:32px;
line-height:32px;
width:100%;
display:inline-block;
padding-left:30px;
font-size:16px;
text-transform:uppercase;
font-weight:500;
background-color:#EFEFEF;
border-bottom:2px solid #EB5757;
}
.mb-10 { margin-bottom:10px !important;}
.mb-0 { margin-bottom:0 !important;}
.w-1050 {
margin:auto;
max-width:1050px;
width:100%;
}
.icon_top {
position: fixed;
right: 15px;
bottom: 2px;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, .3);
z-index: 999999;
font-size: 40px;
color: #f60;
text-align: center;
padding-top: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
display: none;
}
.icon_top:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f0de';
color:#fff;
font-size:30px;
}
.mt-30 { margin-top:30px !important;}
.comment-hot {
margin:0;
padding:0;
width:100%;
display:inline-block;
}
.comment-hot li {
width:100%;
float:left;
list-style:none;
border-bottom:1px solid #e3e3e3;
padding:20px 0;
}
.comment-hot li .title {
margin:0;
font-size:14px;
font-weight:500;
margin-bottom:5px;
}
.comment-hot li:last-child { border:0;}
.comment-hot li .avatar {
width:30px;
height:30px;
float:left;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.comment-hot li .info {
margin-left:40px;
}
.comment-hot li .name {
margin:0;
font-size:13px;
text-transform:uppercase;
font-weight:500;
color:#333;
line-height:18px;
}
.comment-hot li .box-time-like {
margin:0;
font-size:13px;
color:#999;
}
.comment-hot li .box-time-like .like { color:#333; padding-left:4px;}
.comment-hot li .box-time-like .like i:before { margin:0; width:auto;}
.comment-hot li .box-time-like .time { padding-right:4px;}
.comment-hot li .text-comment {
width:100%;
display:inline-block;
background: #EFEFEF;
border-radius: 5px 5px 5px 0px ;
font-size:14px;
color:#333;
line-height:16px;
padding:6px 15px;
margin-top:10px;
font-style:italic;
margin-bottom:10px;
}
.footer{
width:100%;
float:left;
border-top:5px solid #FFE51F;
background: #333333;
padding-top:20px;
margin-top:30px;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}
.footer .list-ft {
width:100%;
display:inline-block;
}
.footer .list-ft .col, .footer .list-ft .col-2 {
padding:0 15px;
float:left;
font-size:13px;
text-align:left;
color:#999;
}
.footer .list-ft .col {
width:25.5%;
}
.footer .list-ft .col-2 {
width:16.33333%;
}
.footer .list-ft .text {
text-align:justify;
}
.footer .list-ft .title {
margin:0;
width:100%;
display:inline-block;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color:#fff;
padding-bottom:7px;
position:relative;
margin-bottom:10px;
}
.footer .list-ft .link {
margin:0;
width:100%;
display:inline-block;
font-weight: 400;
font-size: 13px;
color:#999;
margin-bottom:8px;
}
.footer .list-ft .link a {color:#999;}
.footer .list-ft .link i { font-size:14px;color:#999;}
.footer .list-ft .link i:before { margin-left:0; margin-right:5px; width:auto;}
.footer .list-ft .title:before {
position:absolute;
left:0;
bottom:0;
height:2px;
width:15px;
background:#FFE51F;
content:"";
}
.color-gold { color:#FFE51F !important;}
.footer .copyright {
width:100%;
display:inline-block;
line-height:40px;
font-weight: 400;
font-size: 13px;
color:#999;
text-align:center;
background-color:#222;
margin-top:30px;
}
.footer .copyright a {color:#999;}
.box-730 {
max-width:750px;
margin:auto;
width:100%;
padding:0 10px;
}
.box-login-signup {
width:100%;
display:inline-block;
margin-bottom:10px;
font-size:16px;
}
.box-login-signup .contentsmall {
width:100%;
display:inline-block;
background-color:#EFEFEF;
border: 1px solid #E3E3E3;
text-align:center;
padding:30px 10px;
}
.box-login-signup .contentsmall .list {
margin:0;
padding:0;
width:100%;
max-width:410px;
display:inline-block;
}
.box-login-signup .contentsmall .list li {
width:100%;
float:left;
list-style:none;
margin-bottom:15px;
font-size:16px;
line-height:40px;
color:#333;
}
.box-login-signup .contentsmall .list li:last-child { margin-bottom:0;}
.box-login-signup .contentsmall .list li .input-text {
width:100%;
height:40px;
border: 1px solid #E3E3E3;
border-radius: 5px;
font-size: 16px;
text-align:center;
font-weight:400;
line-height:20px;
padding:10px;
}
.box-login-signup .head {
background-color: #333;
border-top: 3px solid #FFE51F;
display: inline-block;
font-size: 20px;
font-weight: 400;
color: #fff;
padding: 17px 10px;
text-align: center;
text-transform: uppercase;
margin: 0;
width: 100%;
line-height: 24px;
}
.box-login-signup .contentsmall .buttons:hover { background:#F3CB3E;}
.box-login-signup .contentsmall .buttons-fb, .box-login-signup .contentsmall .buttons-google, .box-login-signup .contentsmall .buttons {
width: 160px;
height: 41px;
border-radius: 5px;
display:inline-block;
font-weight: 500;
font-size: 18px;
line-height: 21px;
text-align: center;
text-transform: uppercase;
padding:10px 0;
color:#fff;
cursor:pointer;
border:0;
}
.box-login-signup .contentsmall .buttons-fb {background: #4267B2; margin-right:10px;}
.box-login-signup .contentsmall .buttons-google { background-color:#EB5757; margin-right:5px;}
.box-login-signup .contentsmall .buttons {
background: #FFE51F;
color:#333;
}
.box-login-signup .contentsmall .buttons-google i:before, .box-login-signup .contentsmall .buttons-fb i:before{ margin-right:10px;} .mt-0 { margin-top:0 !important}
.mb-0 { margin-bottom:0 !important}
.mb-20 {
margin-bottom: 20px !important;
}
.box-identify .box-vip .heading {padding: 15px 10px 10px 36px;}
.box-identify .box-vip { margin-bottom:20px;}
.btn-more {
width: 120px;
height: 30px;
display:inline-block;
background: #FFE51F;
border-radius: 5px;
line-height:30px;
text-align:center;
color:#333;
font-size:14px;
}
.box-tab {
width:100%;
display:inline-block;
margin-top:15px;
}
.box-tab .menu-tab {
margin:0 -5px;
padding:0;
}
.box-tab .menu-tab li {
width:20%;
float:left;
padding:5px;
list-style:none;
}
.box-tab .box-big-new { margin-top:20px;}
.box-tab .box-hot-new { margin-bottom:0;}
.box-tab .menu-tab li a {
background: #EFEFEF;
border-radius: 5px;
display:block;
font-size:14px;
color:#333;
font-weight:500;
text-align:center;
line-height:32px;
}
.box-tab .menu-tab li.active a{ background-color:#FFE51F;}
.content-tab {
width:100%;
display:inline-block;
margin-top:15px;
}
.box-tab .content-tab .box-hot-new { margin-bottom:0;}
.content-tab .fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.content-tab .fade.in {
opacity: 1;
}
.content-tab .tab-pane {
display: none;
}
.content-tab .active {
display: block;
}
.position-relative{ position:relative;}
.button-mobile-menu-tab { display:none;}
.identify .box-forum .content-list-comemt {
height: 400px;
}
.box-title-detail {
width:100%;
display:inline-block;
}
.box-title-detail .title {
font-size:25px;
margin:0;
line-height:33px;
margin-bottom:10px;
font-weight:700;
}
.box-title-detail .time {
margin:0;
font-size:14px;
color:#999;
border-bottom:1px solid #E3E3E3;
padding-bottom:10px;
}
.box-title-detail .description{
margin:10px 0;
font-size:20px;
line-height:23px;
font-weight:500;
}
.box-title-detail .time .bysource { color:#EB5757;}
.box-title-detail .detail {
display:inline-block;
width:100%;
font-size: 16px;
line-height: 23px;
color:#333;
margin-bottom:30px;
}
.box-title-detail .detail img { margin: 15px auto;}
.box-title-detail .detail h2, .box-title-detail .detail h3 { font-weight:500; font-size: 16px;}
.box-title-detail .box-vip { width:255px; float:right; margin-left:20px; margin-bottom:20px;}
.box-tip-live {
width:100%;
display:inline-block;
background-color:#333;
}
.box-tip-live .heading {
background: none #FFE51F;
padding:0;
line-height:36px;
padding-left:10px;
font-size:16px;
}
.box-tip-live .list {
width:100%;
display:inline-block;
margin:0;
padding:0;
}
.box-tip-live .list li {
list-style:none;
width:100%;
float:left;
padding:14px 0;
border-bottom:1px solid #555;
}
.box-tip-live .list li:last-child { border:0;}
.box-tip-live .list li a { color:#fff; font-weight:500; font-size:14px; position:relative; display:block; padding-left:27px; padding-right:8px;}
.box-tip-live .list li a:before {
content: '\e801';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position:absolute;
left:7px;
top:0;
}
.box-tip-live .list li a:hover { color:#FFE51F;}
.box-tip-live .list li i:before { margin:0 10px; width:auto;}
.box-dow-app {
width:100%;
display:inline-block;
background:#333333;
border-top:3px solid #FFE51F;
padding:15px;
color:#fff;
font-size:14px;
font-weight:500;
}
.btn-go {
background: #FFE51F;
border-radius: 5px;
cursor:pointer;
display:inline-block;
width:100%;
height:30px;
line-height:30px;
padding:0;
font-size:14px;
color:#333;
text-align:center;
font-weight:500;
border:0;
}
.btn-go:hover { background-color:#F3CB3E;}
.box-view-tip{
width:100%;
display:inline-block;
background:#333333;
border-top:3px solid #FFE51F;
padding:10px 15px ;
color:#fff;
font-size:18px;
font-weight:500;
padding-bottom:20px;
margin-bottom:30px;
text-align:center;
}
.box-view-tip .btn-go { width:120px;}
.box-view-tip .list-tip{
margin:0;
padding:0;
width:100%;
display:none;
margin-top:20px;
}
.box-view-tip .list-tip li {
list-style:none;
width:100%;
float:left;
padding:5px 0;
}
.box-view-tip .list-tip li a {
display:block;
padding-left:30px;
position:relative;
font-size:16px;
font-weight:400;
color:#999;
text-align:left;
}
.box-view-tip .list-tip li a:before{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e801';
position:absolute;
top:0;
left:8px;
color:#FFE51F;
}
.box-view-tip .list-tip li a:hover { color:#FFE51F;}
.alink-m {
font-size:20px;
color:#EB5757;
font-weight:500;
display:block;
}
.alink-m a {color:#EB5757;}
.alink-m i:before { margin-left:0;}
.consultants {
width:100%;
display:inline-block;
margin:15px 0;
}
.consultants .avatar {
width:200px;
height:200px;
float:left;
}
.consultants .info {
margin-left:220px;
font-size:16px;
color:#333;
}
.consultants .info strong { font-weight:500;}
.consultants .info p{ margin:10px 0;}
.consultants .name { font-weight:500; margin:0;font-size:16px;}
.consultants .btn-go { width:95px;}
.banner-signup {
width:100%;
display:inline-block;
margin:15px 0;
}
.note {
width:100%;
display:inline-block;
margin:15px 0;
font-size:16px;
color:#333;
font-weight:400;
line-height:19px;
}
.note a, .note span { color:#EB5757;}
.box-share {
width:100%;
display:inline-block;
background-color:#EFEFEF;
padding:10px;
line-height:25px;
font-size:14px;
}
.ml-10 { margin-left:10px !important;}
.box-tag {
width:100%;
display:inline-block;
background-color:#EFEFEF;
padding:10px;
line-height:16px;
font-size:14px;
color:#999;
margin-top:2px;
}
.box-tag span {text-transform:uppercase; color:#333; font-weight:500;}
.box-tag a {color:#999; padding:0 4px;}
.box-tag a:hover { color:#EB5757}
.box-login-signup-page{
width:100%;
display:inline-block;
background:#333333;
border-top:2px solid #FFE51F;
padding:10px 15px ;
color:#fff;
font-size:16px;
font-weight:500;
padding-bottom:20px;
margin-bottom:30px;
text-align:center;
}
.box-login-signup-page .btn-go { width:95px; margin-right:5px;}
.btn-back {
background: #333;
border-radius: 5px;
cursor:pointer;
display:inline-block;
width:100%;
height:30px;
line-height:30px;
padding:0;
font-size:14px;
color: #FFE51F;
text-align:center;
font-weight:500;
border:1px solid #FFE51F;
}
.box-login-signup-page .btn-back {width:95px; margin-left:5px;}
.boxtext-comment {
width:100%;
display:inline-block;
background-color:#EFEFEF;
padding:10px 15px;
text-align:center;
}
.boxtext-comment .textarea {
width: 100%;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
height: 65px;
padding: 10px;
font-size: 14px;
color: #333;
text-align: left;
border: 1px solid #E3E3E3;
}
.boxtext-comment .btn-go { width:120px;}
.box-comment-list {
width:100%;
display:inline-block;
margin-top:10px;
margin-bottom:30px;
border: 1px solid #E3E3E3;
padding:0 10px;
height:510px;
overflow-y: scroll;
}
.box-comment-list .list {
margin:0;
padding:0;
width:100%;
display:inline-block;
}
.box-comment-list .list .item {
width:100%;
float:left;
list-style:none;
padding:20px 0;
border-bottom: 1px solid #E3E3E3;
}
.box-comment-list .list .item:last-child { border:0;}
.box-comment-list .list .item .avatar {
width:50px;
height:50px;
float:left;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.box-comment-list .list .item .info {
margin-left:65px;
}
.box-comment-list .list .item .name-time {
margin:0;
font-size:14px;
font-weight:400;
color:#999;
}
.box-comment-list .list .item .name-time .name {
text-transform:uppercase;
font-weight:500;
color:#333;
}
.box-comment-list .list .item .name-time .time { color:#999; font-weight:400;}
.box-comment-list .list .item .text-comment {margin:5px 0; font-size:14px; color:#333;}
.box-comment-list .list .item .list-tool {
font-size:14px;
color:#999;
margin:0;
}
.box-comment-list .list .item .list-tool .tool {
margin-right:15px;
font-size:14px;
color:#999;
}
.box-comment-list .list .item .list-tool .tool:hover, .box-comment-list .list .item .list-tool .tool.active{ color:#EB5757}
.box-comment-list .list .item .list-tool .tool i:before { margin-left:0;}
.box-comment-list::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-comment-list::-webkit-scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-comment-list::-webkit-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.box-comment-list::-moz-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-comment-list::-moz-scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-forum .content-list-comemt::-moz-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.box-comment-list::scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-comment-list::scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-comment-list::scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.breadcrumbs {
width:100%;
display:inline-block;
font-size:14px;
font-weight:400;
color:#333;
margin-bottom:15px;
}
.breadcrumbs a { color:#999; padding-right:20px; position:relative;}
.breadcrumbs a:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f105';
position:absolute;
right:8px;
top:2px;
}
.box-comment-text {
width:100%;
display:inline-block;
}
.box-comment-text .head {
background-color: #333;
border-top: 3px solid #FFE51F;
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #fff;
height:39px;
line-height:36px;
text-align: left;
text-transform: uppercase;
margin: 0;
width: 100%;
padding-left:20px;
}
.box-comment-text .small {
width:100%;
display:inline-block;
padding:20px;
background-color: #EFEFEF;
}
.box-comment-text .avatar {
float:left;
height:50px;
width:50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.box-comment-text .info {
margin-left:70px;
}
.box-comment-text .textarea {
width: 100%;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
height: 60px;
padding: 10px;
font-size: 14px;
color: #333;
text-align: left;
border: 1px solid #E3E3E3;
}
.box-comment-text .btn-button {
background-color: #EB5757;
width: 130px;
height: 32px;
text-align: center;
float:right;
color: #fff;
font-weight: 500;
text-transform: uppercase;
line-height: 32px;
cursor: pointer;
border: 0;
font-size: 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.box-comment-acc-list {
width:100%;
display:inline-block;
margin-top:15px;
}
.box-comment-acc-list .item-list {
border: 1px solid #E3E3E3;
width:100%;
float:left;
margin-bottom:15px;
border-bottom:0;
}
.box-comment-acc-list .item-list .item {
width:100%;
float:left;
position:relative;
}
.box-comment-acc-list .item-list .item .acc-c{
width:100%;
float:left;
padding:20px;
padding-bottom:10px;
}
.box-comment-acc-list .item-list .item .avatar {
float:left;
height:50px;
width:50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.box-comment-acc-list .item-list .item .info {
margin-left:70px;
}
.box-comment-acc-list .item-list .item .name {
margin:0;
font-size:14px;
font-weight:500;
text-transform:uppercase;
margin-top:8px;
color:#6faa4b;
}
.box-comment-acc-list .item-list .item .unnock {color: #EB5757;}
.box-comment-acc-list .item-list .item .time {
margin:0;
font-size:14px;
font-weight:400;
color:#999;
}
.box-comment-acc-list .item-list .item .textcomment {
width:100%;
display:inline-block;
font-size:16px;
color:#333;
margin:8px 0;
}
.box-comment-acc-list .item-list .item .bottom {
width:100%;
float:left;
background-color:#EFEFEF;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
padding:8px 0;
line-height:20px;
}
.box-comment-acc-list .item-list .item .bottom .icon {
float:left;
width:50%;
text-align:center;
font-size:14px;
color:#999;
}
.box-comment-acc-list .item-list .item .bottom .icon a { color:#999;}
.box-comment-acc-list .item-list .item .bottom .active i, .box-comment-acc-list .item-list .item .bottom .active a{ color:#6faa4b;}
.box-comment-acc-list .box-comment-text {
}
.box-comment-acc-list .box-comment-text .small {border-top: 1px solid #fff;}
.item-reply {
width:100%;
float:left;
background-color: #EFEFEF;
border-bottom:1px solid #E3E3E3;
padding:10px 10px 10px 40px;
position:relative;
}
.item-reply .acc-c{
width:100%;
float:left;
padding:10px 0;
}
.item-reply .avatar {
float:left;
height:30px;
width:30px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.item-reply .info {
margin-left:50px;
}
.item-reply .name {
margin:0;
font-size:14px;
font-weight:500;
text-transform:uppercase;
color:#6faa4b;
}
.item-reply .unnock { color: #EB5757;}
.item-reply .time {
margin:0;
font-size:14px;
font-weight:400;
color:#999;
}
.box-comment-acc-list .item-list .number {
width:20px;
height:20px;
display:inline-block;
background-color:#999;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-align:center;
line-height:20px;
font-size:12px;
color:#fff;
margin-left:3px;
}
.box-comment-acc-list .item-list .active .number {background-color:#6faa4b;}
.box-comment-acc-list .item-list .item-reply .textcomment {
width:100%;
display:inline-block;
font-size:16px;
color:#333;
margin:0;
margin-top:8px;
}
.box-comment-acc-list .item-list .item-reply .bottom {
width:100%;
float:left;
text-align:left;
}
.box-comment-acc-list .item-list .item-reply .icon {
font-size:14px;
color:#999;
}
.box-comment-acc-list .item-list .item-reply .active, .box-comment-acc-list .item-list .item .bottom .icon .active { color:#6faa4b;}
.box-comment-acc-list .item-list .dropdown {
position:absolute;
top:5px;
right:5px;
z-index:1;
width:20px;
height:20px;
cursor:pointer;
text-align:center;
line-height:20px;
}
.box-comment-acc-list .item-list .view-all-comment {
width:100%;
display:inline-block;
background-color: #EFEFEF;
padding:10px 15px;
color:#6faa4b;
font-size:16px;
text-align:left;
padding-left:40px;
border-top: 1px solid #E3E3E3;
}
.box-comment-acc-list .item-list .dropdown-toggle {
position:relative;
}
.box-comment-list .list .item-reply {
list-style:none;
}
.box-comment-list .boxtext-comment {
margin-top:10px;
margin-bottom:-20px;
float:left;
}
.dropdown-menu {
position: absolute;
top: 100%;
right: 0;
z-index: 1000;
display: none;
float: left;
min-width: 100px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ececec;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.box-comment-acc-list .item-list .dropdown.open .dropdown-menu { display:block;}
.dropdown-menu a{ display:block; text-align:center; line-height:25px; color:#EB5757;}
.dropdown-menu a:last-child { color:#FFE51F;}
.menu-acc {
width:100%;
display:inline-block;
}
.menu-acc .head {
background-color: #333;
border-top: 3px solid #FFE51F;
display: inline-block;
font-size: 16px;
font-weight: 400;
color: #fff;
padding: 8px 10px;
text-align: left;
text-transform: uppercase;
margin: 0;
width: 100%;
line-height: 21px;
}
.menu-acc .sub-menu-acc {
width:100%;
margin:0;
padding:0;
display:inline-block;
margin-bottom:30px;
border: 1px solid #E3E3E3;
border-top:0;
}
.menu-acc .sub-menu-acc li {
width: 100%;
float: left;
list-style: none;
border-bottom: 1px solid #E3E3E3;
position: relative;
font-size: 13px;
color: #333;
text-align: left;
font-weight: 400;
}
.menu-acc .sub-menu-acc li:last-child { border:0;}
.menu-acc .sub-menu-acc li.acc-name {
padding:10px;
}
.menu-acc .sub-menu-acc li.acc-name .avatar {
width: 30px;
height: 30px;
float: left;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin-right:10px;
}
.menu-acc .sub-menu-acc li.acc-name .name {
margin:0;
font-size:16px;
color:#333;
font-weight:500;
line-height:30px;
}
.menu-acc .sub-menu-acc li.acc-name .vip-s {
background: #FFE51F;
border-radius: 8px;
height:15px;
width:34px;
float:right;
font-size:14px;
text-align:center;
font-weight:500;
color:#333;
line-height:15px;
text-transform:uppercase;
margin-top:7px;
}
.menu-acc .sub-menu-acc li a { color:#333; font-size: 14px; padding: 10px 25px; display:block; line-height:20px}
.menu-acc .sub-menu-acc li a i{ font-size:14px; color:#999; margin-right:12px;}
.menu-acc .sub-menu-acc li a:hover i, .menu-acc .sub-menu-acc li a:hover { color:#EB5757;}
.menu-acc .sub-menu-acc li a:hover, .menu-acc .sub-menu-acc li .active, .menu-acc .sub-menu-acc li .active i { color:#EB5757;background-color:#EFEFEF}
.tab-menu-2 {
float:right;
margin:0;
padding:0;
margin-bottom:-5px;
}
.tab-menu-2 li {
float:left;
list-style:none;
margin-left:10px;
}
.tab-menu-2 a {
background: #EFEFEF;
border-radius: 5px;
display: block;
font-size: 14px;
color: #333;
font-weight: 500;
text-align: center;
line-height: 30px;
text-transform:none;
min-width:120px;
padding:0 10px;
}
.tab-menu-2 .active a, .tab-menu-2 a:hover{
background-color: #FFE51F;
}
.box-recharge-card {
width:100%;
display:inline-block;
margin-top:5px;
}
.box-recharge-card .text-vip {
width:100%;
display:inline-block;
color:#333;
line-height:26px;
font-weight:400;
font-size:20px;
margin-bottom:40px;
}
.box-recharge-card .text-vip strong {font-weight:500;}
.box-recharge-card .choose-package {
background-color: #333;
border-top: 3px solid #FFE51F;
display: inline-block;
color: #fff;
padding: 10px 20px;
margin: 0;
width: 100%;
}
.box-recharge-card .choose-package .head {
margin:0;
color:#fff;
text-align:center;
font-size:20px;
font-weight:500;
text-transform:uppercase;
margin-bottom:5px;
margin-top:10px;
}
.box-recharge-card .choose-package .row {
margin:0 8px;
}
.box-recharge-card .choose-package .item {
width:50%;
float:left;
padding:8px;
}
.box-recharge-card .choose-package .item .radio { width:100%;}
.box-recharge-card .choose-package .item .radio-label {
width:100%;
display:inline-block;
background-color:#111;
border-radius: 5px;
color:#fff;
text-align:center;
padding:15px;
}
.box-recharge-card .choose-package .item .radio-label .title {
margin:0;
font-weight:500;
font-size:18px;
margin-bottom:5px;
}
.box-recharge-card .choose-package .item .radio-label .text {
margin:0;
font-size:14px;
font-weight:400;
}
.box-recharge-card .choose-package .item .radio input[type="radio"]:checked + .radio-label {
background: #FFE51F;
border-radius: 5px;
}
.box-recharge-card .choose-package .item .radio input[type="radio"] + .radio-label:before {
position:absolute;
left:30px;
top:50%;
margin-top:-10px;
opacity:0;
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:24px;
color:#333;
content: '\e817';
border:0;
background-color:transparent;
}
.box-recharge-card .choose-package .item .radio input[type="radio"]:checked + .radio-label:before {
background-color:transparent;
opacity:1;
box-shadow: inset 0 0 0 0px #f4f4f4;
}
.box-recharge-card .choose-package .item .radio input[type="radio"]:checked + .radio-label{ color:#333;}
.box-recharge-card .box-payment {
background-color: #333;
border-top: 3px solid #FFE51F;
display: inline-block;
margin: 30px 0;
width: 100%;
}
.box-recharge-card .box-payment .small-content {
width:100%;
display:inline-block;
background: #EFEFEF;
border: 1px solid #E3E3E3;
padding-bottom:20px;
}
.box-recharge-card .box-payment .head {
margin:0;
color:#fff;
text-align:center;
font-size:20px;
font-weight:500;
text-transform:uppercase;
margin-bottom:10px;
margin-top:15px;
}
.box-recharge-card .box-payment .text {
display:block;
padding:20px;
margin:0;
font-size:16px;
color:#333;
line-height:25px;
border-bottom:1px solid #ccc;
}
.box-recharge-card .box-payment .text strong { font-weight:500;}
.box-recharge-card .box-payment .list {
margin:0;
padding:10px 95px;
width:100%;
display:inline-block;
border-top:1px solid #E3E3E3;
}
.box-recharge-card .box-payment .list li {
width:100%;
float:left;
list-style:none;
margin-bottom:15px;
}
.box-recharge-card .box-payment .table {
padding:10px 95px;
width:100%;
color:#333;
display: inline-block;
}
.box-recharge-card .box-payment .lable {
width:150px;
font-size:16px;
color:#333;
font-weight:500;
vertical-align: middle;
}
.box-recharge-card .box-payment .list li .small {
margin-left:135px;
}
.box-recharge-card .box-payment .list li .input-text, .box-recharge-card .field-check {
width:100%;
height:40px;
border: 1px solid #E3E3E3;
border-radius: 5px;
line-height:20px;
font-size:14px;
padding:10px;
color:#333;
text-align:left;
margin:10px 0;
}
.box-recharge-card .box-payment .list li .radio { font-size:16px; width:100%;}
.box-recharge-card .box-payment .list li .note{
width:100%;
display:inline-block;
padding:10px;
border: 1px solid #E3E3E3;
font-size:14px;
color:#333;
}
.box-recharge-card .box-payment .list li .note a { color:#EB5757;}
.pd-l-35 {padding-left:35px;}
.box-recharge-card .box-payment .btn-button {
background-color: #EB5757;
width: 130px;
height: 32px;
text-align: center;
display: inline-block;
color: #fff;
font-weight: 500;
text-transform: uppercase;
line-height: 32px;
cursor: pointer;
border: 0;
font-size: 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.list-message {
margin:0;
padding:0;
width:100%;
display:inline-block;
margin-bottom:15px;
}
.list-message li {
float:left;
width:100%;
list-style:none;
border-bottom:1px solid #E3E3E3;
padding:10px 0;
padding-right:120px;
position:relative;
}
.list-message li .avatar {
float:left;
width:50px;
height:50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.list-message li .info {
margin-left: 65px;
}
.list-message li .name-time {
margin: 0;
font-size: 14px;
font-weight: 400;
color: #999;
}
.list-message li .name-time .name {
text-transform: uppercase;
font-weight: 500;
color: #333;
}
.list-message li .name-time .time {
color: #999;
font-weight: 400;
}
.list-message li .text-message {
margin: 5px 0;
font-size: 14px;
color: #333;
}
.list-message li .reply {
position:absolute;
right:25px;
top:25px;
color:#999999;
font-size:22px;
cursor:pointer;
border:0;
background-color:transparent;
z-index:1;
}
.list-acc-unnock {
width:100%;
display:inline-block;
margin:0;
padding:0;
}
.list-acc-unnock li {
float:left;
width:33.3333%;
padding:10px 0;
padding-right:20px;
list-style:none;
}
.list-acc-unnock li .avatar {
float: left;
width: 50px;
height: 50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.list-acc-unnock li .info {
margin-left:70px;
}
.list-acc-unnock li .name { margin:0; font-size:14px; font-weight:500; color:#EB5757; margin-top:6px;}
.list-acc-unnock li .delete {
margin:0;
font-size:14px;
color:#999;
margin-top:5px;
display:block;
border:0;
background-color:transparent;
cursor:pointer;
}
.list-acc-unnock li .delete i:before { margin-left:0;}
.intro {
margin-top: 10px;
padding: 15px;
background: #f4f4f4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
float: left;
width: 100%;
font-size: 14px;
line-height: 22px;
}
.intro .head {
margin:0;
font-size:20px;
font-weight:500;
text-align:center;
border-top:2px solid #f8d22c;
padding-top:15px;
}
.list-acc-ms {
width:100%;
display:inline-block;
margin:0;
padding:0;
}
.list-acc-ms li {
float:left;
width:33.3333%;
padding:10px 0;
padding-right:20px;
list-style:none;
}
.list-acc-ms li .avatar {
float: left;
width: 50px;
height: 50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.list-acc-ms li .info {
margin-left:70px;
}
.list-acc-ms li .name { margin:0; font-size:14px; font-weight:500; color: #6faa4b; margin-top:6px; margin-bottom:2px;}
.list-acc-ms li .follow, .list-acc-ms li .mail {
margin:0;
font-size:14px;
color:#999;
margin-top:5px;
border:0;
background-color:transparent;
cursor:pointer;
display:inline-block;
}
.list-acc-ms li .follow {margin-right:10px;}
.list-acc-ms li .follow:hover, .list-acc-ms li .mail:hover, .list-acc-ms li .follow.active, .list-acc-ms li .mail.active { color: #6faa4b; display:inline-block;}
.list-acc-ms li .mail i:before, .list-acc-ms li .follow i:before { margin-left:0; margin-right:8px;}
.box-search-acc {
width: 100%;
display: inline-block;
padding: 20px;
background-color: #EFEFEF;
margin-top: -15px;
margin-bottom: 10px;
}
.box-search-acc .input-text {
width: 425px;
height: 40px;
border: 1px solid #E3E3E3;
border-radius: 5px;
line-height: 20px;
font-size: 14px;
padding: 10px;
color: #333;
text-align: left;
}
.box-search-acc .btn-button {
background-color: #EB5757;
width: 130px;
height: 40px;
text-align: center;
display: inline-block;
color: #fff;
font-weight: 500;
text-transform: uppercase;
line-height: 40px;
cursor: pointer;
border: 0;
font-size: 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/*ngan luong*/
ul.bankList {
clear: both;
height: 202px;
width: 636px;
}
ul.bankList li {
list-style-position: outside;
list-style-type: none;
cursor: pointer;
float: left;
margin-right: 0;
padding: 5px 2px;
text-align: center;
width: 90px;
}
.list-content{ margin:0; padding:0 90px;}
.list-content li {
list-style: none outside none;
margin-bottom: 15px;
width:100%;
float:left;
}
.list-content li .radio {
position: relative;
display: inline-block;
color:#333;
font-size:14px;
}
.list-content li .radio input[type="radio"] {
position: absolute;
opacity: 0;
}
.list-content li .radio input[type="radio"] + .radio-label:before {
content: "";
background: #fff;
border-radius: 100%;
border: 1px solid #dbdbdb;
display: inline-block;
width:18px;
height: 18px;
position: relative;
top: -0.2em;
margin-right: 10px;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
.list-content li.active .radio input[type="radio"] + .radio-label:before {
background-color: #EB5757;
box-shadow: inset 0 0 0 4px #f4f4f4;
}
.list-content li .radio input[type="radio"]:checked + .radio-label:before {
background-color: #EB5757;
box-shadow: inset 0 0 0 4px #f4f4f4;
}
.list-content li .radio input[type="radio"]:focus + .radio-label:before {
outline: none;
}
.list-content li .radio input[type="radio"]:disabled + .radio-label:before {
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #dbdbdb;
background: #b4b4b4;
}
.list-content li .radio input[type="radio"] + .radio-label:empty:before {
margin-right: 0;
}
.list-content li .boxContent {
width: 100%;
display: none;
padding: 10px;
border: 1px solid #E3E3E3;
font-size: 14px;
color: #333;
margin-top:10px;
margin-bottom:15px;
background-color:#fff;
line-height:22px;
}
.list-content li .boxContent p {
margin:0;
}
.list-content li .boxContent a {color:#EB5757}
.list-content li.active .boxContent {
display: block;
}
.list-content li .boxContent ul {
margin:0;
padding:0;
}
i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB,i.NAB,i.BAB
{ width:80px; height:30px; display:block; background:url(../images/bank_logo.png) no-repeat;}
i.MASTE { background-position:0px -31px}
i.AMREX { background-position:0px -62px}
i.JCB { background-position:0px -93px;}
i.VCB { background-position:0px -124px;}
i.TCB { background-position:0px -155px;}
i.MB { background-position:0px -186px;}
i.VIB { background-position:0px -217px;}
i.ICB { background-position:0px -248px;}
i.EXB { background-position:0px -279px;}
i.ACB { background-position:0px -310px;}
i.HDB { background-position:0px -341px;}
i.MSB { background-position:0px -372px;}
i.NVB { background-position:0px -403px;}
i.DAB { background-position:0px -434px;}
i.SHB { background-position:0px -465px;}
i.OJB { background-position:0px -496px;}
i.SEA { background-position:0px -527px;}
i.TPB { background-position:0px -558px;}
i.PGB { background-position:0px -589px;}
i.BIDV { background-position:0px -620px;}
i.AGB { background-position:0px -651px;}
i.SCB { background-position:0px -682px;}
i.VPB { background-position:0px -713px;}
i.VAB { background-position:0px -744px;}
i.GPB { background-position:0px -775px;}
i.SGB { background-position:0px -806px;}
i.NAB { background-position:0px -837px;}
i.BAB { background-position:0px -868px;}
ul.cardList li {
cursor: pointer;
float: left;
margin-right: 0;
padding: 5px 4px;
text-align: center;
width: 90px;
}
.box-profile {
width:100%;
float:left;
border: 1px solid #E3E3E3;
border-top:3px solid #FFE51F;
padding:20px 20px 15px 20px;
}
.box-profile .avatar {
float: left;
width: 120px;
height: 120px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.box-profile .info {
margin-left:140px;
}
.box-profile .list {
margin:0;
padding:0;
width:100%;
float:left;
margin-top:10px;
}
.box-profile .list li {
float:left;
width:50%;
font-size:16px;
list-style:none;
padding:5px 0;
}
.box-profile .list li strong { font-weight:500;}
.box-profile .list li .vip-s {
background: #FFE51F;
border-radius: 16px;
width: 48px;
height: 24px;
display:inline-block;
font-size: 16px;
text-align: center;
font-weight: 500;
color: #333;
line-height: 24px;
text-transform: uppercase;
margin-left:6px;
}
.post-comment {
width:100%;
float:left;
background: #EFEFEF;
padding:20px;
}
.post-comment .textarea {
width: 100%;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
height: 60px;
padding: 10px;
font-size: 14px;
color: #333;
text-align: left;
border: 1px solid #E3E3E3;
}
.post-comment .btn-button {
background-color: #EB5757;
width: 130px;
height: 32px;
text-align: center;
float: right;
color: #fff;
font-weight: 500;
text-transform: uppercase;
line-height: 32px;
cursor: pointer;
border: 0;
font-size: 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.list-new-comment {
width:100%;
display:inline-block;
margin-top:10px;
margin-bottom:10px;
}
.list-new-comment .photo {
width:160px;
height:90px;
float:left;
}
.list-new-comment .info {
margin-left:180px;
}
.list-new-comment .title {
margin: 0;
max-height: 57px;
overflow: hidden;
}
.list-new-comment .title a {
color: #333;
display: -webkit-box;
max-height: 57px;
overflow: hidden;
-webkit-line-clamp: 3;
position: relative;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
-webkit-box-orient: vertical;
font-weight: 500;
font-size: 16px;
line-height: 19px;
}
.list-new-comment .time {
margin:0;
font-size:14px;
line-height:16px;
color:#999;
margin-top:10px;
}
.list-new-comment .item {
width:50%;
float:left;
padding:10px 15px;
}
.box-texting-ms {
width:100%;
display:inline-block;
border: 1px solid #E3E3E3;
}
.box-texting-ms .head {
width:100%;
display:inline-block;
background: #EFEFEF;
border-bottom: 1px solid #E3E3E3;
padding:25px 20px;
line-height:18px;
}
.box-texting-ms .head .left-head {
width:50%;
float:left;
}
.box-texting-ms .head .left-head .name { font-size:16px; font-weight:500; padding-right:5px;}
.box-texting-ms .head .left-head .all-list { color:#EB5757; font-size:14px; padding-left:5px;}
.box-texting-ms .head .right-head {
float:right;
}
.box-texting-ms .head .right-head .follow {
font-size:14px;
color:#999;
cursor:pointer;
border:0;
background-color:transparent;
margin-right:5px;
}
.box-texting-ms .head .right-head .follow.active {color:#6faa4b; display: inline-block;}
.box-texting-ms .head .right-head .block { margin-left:5px; font-size:14px; color:#EB5757;}
.box-texting-ms .bottom {
width: 100%;
display:inline-block;
background: #EFEFEF;
padding: 10px 20px;
text-align:center;
}
.box-texting-ms .bottom .textarea {
width: 100%;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
height: 60px;
padding: 10px;
font-size: 14px;
color: #333;
text-align: left;
border: 1px solid #E3E3E3;
}
.box-texting-ms .bottom .btn-button {
background-color: #EB5757;
width: 130px;
height: 32px;
text-align: center;
display:inline-block;
color: #fff;
font-weight: 500;
text-transform: uppercase;
line-height: 32px;
cursor: pointer;
border: 0;
font-size: 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.box-texting-ms .comment-list {
width: 100%;
display: inline-block;
margin:5px 0;
padding: 0 10px;
max-height: 450px;
overflow-y: scroll;
}
.box-texting-ms .comment-list::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-texting-ms .comment-list::-webkit-scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-texting-ms .comment-list::-webkit-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.box-texting-ms .comment-list::-moz-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-texting-ms .comment-list::-moz-scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-texting-ms .comment-list::-moz-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.box-texting-ms .comment-list::scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F9F9F9;
}
.box-texting-ms .comment-list::scrollbar
{
width: 5px;
background-color: #F9F9F9;
}
.box-texting-ms .comment-list::scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #dedede;
}
.box-texting-ms .comment-list .item {
width:100%;
float:left;
margin:10px 0;
}
.box-texting-ms .comment-list .item .acc-chat-left {
width:70%;
float:left;
text-align:left;
}
.box-texting-ms .comment-list .item .acc-chat-right {
width:70%;
float: right;
text-align:right;
}
.box-texting-ms .comment-list .item .acc-chat-right .avatar { float:right;}
.box-texting-ms .comment-list .item .acc-chat-left .avatar { float:left;}
.box-texting-ms .comment-list .item .avatar {
width: 50px;
height: 50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.box-texting-ms .comment-list .item .acc-chat-right .info { margin-right:70px;}
.box-texting-ms .comment-list .item .acc-chat-left .info { margin-left:70px;}
.box-texting-ms .comment-list .item .name {
margin:0;
font-size:13px;
font-weight:500;
color:#333;
line-height:18px;
margin-bottom:6px;
text-transform:uppercase;
}
.box-texting-ms .comment-list .item .text {
font-size:14px;
display:block;
margin:0;
margin-bottom:5px;
width:100%;
}
.box-texting-ms .comment-list .item .text span {
padding:8px 20px 10px 15px;
display:inline-block;
background: #EFEFEF;
}
.box-texting-ms .comment-list .item .acc-chat-left .text span{border-radius: 0px 5px 5px 5px; text-align:left;}
.box-texting-ms .comment-list .item .acc-chat-right .text span{
border-radius: 5px 0px 5px 5px;
text-align:right;
}
.box-schedule .tipvip-table .table td:nth-child(2) {
width:600px;}
.box-schedule .tipvip-table .table td:last-child { width:100px;}
.box-schedule .tipvip-table .table .btn-coin, .box-schedule .tipvip-table .table .btn-free {
min-width:80px;
height:24px;
line-height:24px;
border-radius: 5px;
display:inline-block;
font-weight: 500;
font-size: 14px;
text-align: center;
text-transform: uppercase;
border:0;
cursor:pointer;
color:#fff;
}
.box-schedule .tipvip-table .table .btn-coin {
background: #EB5757;
}
.box-schedule .tipvip-table .table .btn-free {
background: #6FCF97;
}
.box-schedule .tipvip-table .icon {
color:#FFE51F;
font-size:24px;
float:right;
line-height:22px;
}
.box-schedule .tipvip-table .icon a {
line-height:2px;
}
.box-schedule .tipvip-table .icon i:before {
line-height:normal;
margin:0;
}
.box-schedule .tipvip-table .head th:last-child {
line-height:22px;
}
.box-schedule .tipvip-table .table td { line-height:22px;}
.box-schedule .tipvip-table .head { margin:0; line-height:25px; padding:5px 10px; display:inline-block; width:100%;}
.box-schedule .tipvip-table .collapse {
display: none;
}
.box-schedule .tipvip-table .collapse.in {
display: block;
}
.box-schedule .tipvip-table .fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.box-schedule .tipvip-table .fade.in {
opacity: 1;
}
.box-schedule .tipvip-table tr.collapse.in {
display: table-row;
}
.box-schedule .tipvip-table tbody.collapse.in {
display: table-row-group;
}
.box-schedule .tipvip-table .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}
.box-schedule .tipvip-table .head a { color:#fff; display:block;}
.box-schedule .tipvip-table .box-content-tip {
width:100%;
display: none;
border:1px dashed #6FCF97;
padding:5px;
text-align:center;
line-height:22px;
}
.box-schedule .tipvip-table .table .tip-coin {
height:0;
opacity: 0;
padding: 0;
border: 0;
}
.box-schedule .tipvip-table .table .active, .box-schedule .tipvip-table .table .open {
height:auto;
opacity:1;
border-bottom: 1px solid #E3E3E3;
padding:5px;
}
.box-schedule .tipvip-table .table .active .box-content-tip, .box-schedule .tipvip-table .table .active .box-content-tip .open{
display: block;
}
.box-schedule .tipvip-table .table .fade.in {
opacity: 1;
}
.box-schedule .tipvip-table .table .tab-pane {
display: none;
}
.box-schedule .tipvip-table .table .fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.box-schedule .tipvip-table .table .tip-coin.open .box-content-tip {
display:inline-block;
}
.box-schedule .tipvip-table .box-content-tip strong { font-weight:500;}
.box-schedule .tipvip-table .box-content-tip p{ margin:0;}
.box-tip-diamond {
width:100%;
display:inline-block;
}
.box-tip-diamond .head {
width:100%;
display:inline-block;
border-bottom:1px solid #E3E3E3;
padding-bottom:15px;
text-align:center;
}
.box-tip-diamond .head .title {
margin:0;
font-size:36px;
line-height:42px;
font-weight:500;
color:#333;
text-transform: uppercase;
}
.box-tip-diamond .head .sup-title {
margin:0;
font-size:22px;
line-height:26px;
font-weight:500;
color:#EB5757;
text-transform: uppercase;
}
.box-tip-diamond .content-small {
width:100%;
display:inline-block;
padding:10px 0;
font-size:16px;
color:#333;
}
.box-tip-diamond .content-small .item {
font-size:16px;
color:#333;
padding-left:25px;
position:relative;
}
.pdl-25 { padding-left:25px !important;}
.box-tip-diamond .content-small .item:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e801';
position: absolute;
top: 0;
left: 8px;
color:#FFE51F;
font-size:14px;
}
.box-tip-diamond .content-small .note-noti {
width:100%;
display:inline-block;
margin:20px 0;
padding:20px 70px;
text-align:center;
background: #E3E3E3;
color:#EB5757;
font-weight:500;
line-height:28px;
font-size:22px;
}
.box-tip-diamond .content-small .note-noti strong { font-weight:500; text-transform:uppercase;}
.box-tip-diamond .content-small .btn-coin {
min-width: 80px;
height: 32px;
line-height: 32px;
border-radius: 5px;
display: inline-block;
font-weight: 500;
font-size: 14px;
text-align: center;
text-transform: uppercase;
border: 0;
cursor: pointer;
color: #fff;
background: #EB5757;
margin-left:5px;
}
.box-tip-diamond .btn-zalo {
width: 125px;
height: 32px;
display:inline-block;
border:0;
cursor: pointer;
border-radius: 5px;
font-size:14px;
line-height:32px;
color:#fff;
background:url(../images/icon-zalo.png) no-repeat 3px 2px #0D3E5A;
padding-left:40px;
}
.box-tip-diamond .btn-message {
min-width: 125px;
height: 34px;
display:inline-block;
cursor: pointer;
border-radius: 5px;
font-size:14px;
line-height:32px;
font-weight:500;
color:#448AFF;
background:url(../images/icon-message.png) no-repeat 9px 5px #fff;
padding-left:40px;
border: 1px solid #E3E3E3;
margin-left:10px;
padding-right:10px;
}
.tipvip-table .panel-default, .tipvip-table .panel-default>.panel-heading, .tipvip-table .panel-body, .tipvip-table .panel-default>.panel-heading+.panel-collapse>.panel-body { border:0; padding:0; background-color:transparent;}
.box-schedule .box-table .table { margin-bottom:0;}
.box-schedule .tipvip-table .table td { border-top:0}
.box-schedule p{ margin:15px 0;}
.tipvip-table .panel { margin-bottom:0;}
.tipvip-table a:hover { text-decoration:none;}
.box-schedule .tipvip-table .table .tip-coin {
display: table-cell !important;
}
.pagination {
display: inline-block;
padding-left: 0;
margin:0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #333 ;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #333;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #333;
cursor: default;
background-color: #FFE51F;
border-color: #FFE51F;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.box-pay-tip{
width:100%;
display:inline-block;
margin:15px 0;
padding:15px;
background-color:#FFE51F;
color:#333;
text-align:left;
font-size:16px;
}
.box-pay-tip strong { font-weight:600;}
.mr-30 { margin-right:30px !important;}
.box-pay-tip .btn-button {
background-color: #EB5757;
width: 130px;
height: 32px;
text-align: center;
display: inline-block;
color: #fff;
font-weight: 500;
text-transform: uppercase;
line-height: 32px;
cursor: pointer;
border: 0;
font-size: 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.text-muted {
color: #777;
}
.text-primary {
color: #428bca;
}
a.text-primary:hover {
color: #3071a9;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #2a6496;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.pay-button-header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
float: left;
width:100%;
}
.btn-sm, .btn-group-sm>.btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
/*end min 1200*/
@media only screen and (min-width: 768px) {
.box-hot-new .col-4:last-child { display:none;}
.box-hot-new .box-big-new .col-4:last-child {
display: block;
}
}
@media only screen and (min-width: 970px) and (max-width: 1200px){
.box-tip-live .list li a{ font-size:12px;}
.header .banner-head { width:600px;}
.box-left { width:710px;}
.item-new .photo .img, .item-new .photo {
height: 123px;
}
.big-item-new .photo .img, .big-item-new .photo { height:260px;}
.box-slide .slider-hot .slick-slide .item-new .photo, .box-slide .slider-hot .slick-slide .item-new .img{ height:auto;}
.box-big-new {
padding-bottom: 15px;
margin-bottom: 15px;
}
.menu-top li a { font-size:15px; padding:15px;}
.box-schedule .box-table .table td:nth-child(2) .red, .box-schedule .box-table .table td:nth-child(2) .black {
font-size: 12px;
}
.box-schedule .box-table .table td { font-size:12px;}
.box-schedule .box-table .table td:nth-child(3), .box-schedule .box-table .table td:nth-child(6) { font-weight:400; width:55px;}
.box-schedule .box-table .table td:nth-child(4), .box-schedule .box-table .table td:nth-child(5), .box-schedule .box-table .table td:nth-child(7), .box-schedule .box-table .table td:nth-child(8) {
font-weight: 400;
width: 40px;
}
.box-schedule .box-table .table td:first-child .time, .box-schedule .box-table .table td:first-child .date {
font-size: 12px;
}
.box-schedule .box-table .table td:first-child { width:100px;}
.box-vip .list li a {
font-weight: 400;
font-size: 12px;
}
.heading { font-size:20px;}
.box-list-new-quick .list li a {
font-weight: 400;
font-size: 12px;
}
.box-forum .content-list-comemt { height:395px;}
.box-tab .menu-tab li a { font-size:12px;}
.list-acc-ms li {
width:50%;
}
.box-profile .list li { font-size:14px;}
.box-profile .info {
margin-left: 120px;
}
.box-profile .avatar {
width: 100px;
height: 100px;
}
}
/*table*/
@media only screen and (min-width: 768px) and (max-width: 960px){
.footer .copyright { text-align:left; padding:0 10px;}
.footer .list-ft .col, .footer .list-ft .col-2 {padding:0 10px;}
.hidden-sm{ display:none;}
.box-left {
max-width: 475px;
}
.item-new .photo .img, .item-new .photo {
height: auto;
}
.item-new .title a { font-size:13px; line-height:18px; height: 35px;
-webkit-line-clamp: 2;}
.big-item-new .photo .img, .big-item-new .photo {
height: 175px;
}
.big-item-new .title a { font-size:18px; line-height:24px;}
.box-big-new {
padding-bottom: 10px;
margin-bottom: 10px;
}
.header .banner-head { display:none;}
.header .banner-head { display:none;}
.header .header-right { margin-top:17px;}
.main { padding:0 10px;}
.box-list-new-quick .list li { padding:8px 0;}
.box-vip .list li a, .box-list-new-quick .list li a { font-size:12px;}
.box-list-new-quick .list li a {
/*display: -webkit-box;
height: 32px;
overflow: hidden;
-webkit-line-clamp: 2;
position: relative;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
-webkit-box-orient: vertical;*/
}
.box-big-new .item-new .title { height:45px;}
.box-hot-new { margin-bottom:0;}
.big-item-new .description {
margin-top:10px;
display: -webkit-box;
height: 32px;
overflow: hidden;
-webkit-line-clamp: 2;
position: relative;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
-webkit-box-orient: vertical
}
.row { margin:0 -10px;}
.col-3, .col-6, .col-12, .col-4, .col-8 {
padding-left:10px;
padding-right:10px;
}
.button-menu {display:block; float:left; margin-top: 15px;}
.header .header-right .acc { margin-left:15px;}
.header .header-right .btn-success { float:left;}
.header .logo { margin-left:15px; margin-top:20px; width:120px; margin-right:0;}
.header {
position:relative;
height:65px;
}
.header .banner-head { display:none;}
.navi {
height:1px;
position:absolute;
left:0;
top:65px;
z-index:99;
background-color:#FFE51F;
width:100%;
margin-top:0;
transition: -webkit-transform ease 0.4s;
transition: transform ease 0.4s;
opacity:0;
min-height:1px;
-webkit-transform: translatex(-100%);
transform: translatex(-100%);
border-top:1px solid #ccc;
left:-100%;
}
.navi.show {
opacity:1;
-webkit-transform: translatex(0px);
transform: translatex(0px);
left:0;
min-height:200px;
height:auto;
}
.menu-top li {
width:100%;
}
.menu-top li:hover a:before, .menu-top li.active a:before {
margin-left:0;
left:20px;
}
.menu-top li a {
font-size: 15px;
padding: 10px 20px;
}
.box-home-2 .col-8, .box-home-2 .col-4 { width:50%;}
.heading { font-size:18px;}
.box-schedule .box-table .table td:nth-child(2) .red, .box-schedule .box-table .table td:nth-child(2) .black {
font-size: 12px;
}
.box-schedule .box-table .table td { font-size:12px;}
.box-schedule .box-table .table td:nth-child(3), .box-schedule .box-table .table td:nth-child(6) { font-weight:400; width:55px;}
.box-schedule .box-table .table td:nth-child(4), .box-schedule .box-table .table td:nth-child(5), .box-schedule .box-table .table td:nth-child(7), .box-schedule .box-table .table td:nth-child(8) {
font-weight: 400;
width: 40px;
}
.box-schedule .box-table .table td:first-child .time, .box-schedule .box-table .table td:first-child .date {
font-size: 12px;
}
.box-schedule .box-table .table td:first-child { width:100px;}
.box-schedule .box-table {
overflow: auto;
}
.box-schedule .box-table .table {
min-width: 720px;
}
.box-vip .list li a {
font-weight: 400;
font-size: 12px;
}
/*.item-new .title {
height: 35px;
} */
.box-identify .table-full { width:100%;}
.box-tab .menu-tab li { width:25%;}
.box-tab .menu-tab li a{ font-size:11px;}
.identify .box-forum .content-list-comemt {
height: 300px;
}
.box-title-detail .title { font-size:20px; line-height:25px;}
.box-title-detail .description { font-size:16px;}
.box-title-detail .detail { font-size:14px;}
.box-tip-live .list li a { font-size:12px;}
.box-dow-app { font-size:18px;}
.box-recharge-card .choose-package .item { width:100%;}
.box-recharge-card .box-payment .list { padding:10px 20px;}
.list-acc-unnock li { width:50%; padding-right: 10px;}
.list-acc-ms li .info {
margin-left: 60px;
}
.list-acc-ms li {
width:50%;
padding-right:10px;
}
.list-acc-ms li .follow {
margin-right: 5px;
}
.box-search-acc .input-text {
width: 300px;
}
.box-recharge-card .box-payment .table { padding:10px;}
.box-recharge-card .box-payment .text { padding:10px 0;}
.list-content {padding: 0 10px;}
.list-new-comment .item {
width: 100%;
}
.box-profile .list li {
width: 100%;
font-size: 14px;
}
.box-profile .list { margin-top:0;}
.box-comment-acc-list .item-list .item .textcomment, .box-comment-acc-list .item-list .item-reply .textcomment { font-size:14px;}
.box-texting-ms .comment-list .item .acc-chat-left, .box-texting-ms .comment-list .item .acc-chat-right { width:83%;}
.box-schedule .tipvip-table { overflow:inherit;}
.box-schedule .tipvip-table .table {
min-width: inherit;
}
.box-tip-diamond .content-small .note-noti {
padding: 20px 10px;
line-height: 28px;
font-size: 18px;
}
}
/*mobile*/
@media only screen and (max-width: 767px){
.hidden-xs { display:none;}
.box-forum {
position:fixed;
width:250px;
z-index:99;
bottom:0;
left:0;
}
.box-forum.fix-forum-bt {
left:0;
width:250px;
right:auto;
}
.box-forum .content-list-comemt {
max-height:260px;
height:auto;
}
.box-forum .head { font-size:14px;}
.box-forum .head .more { font-size:12px;}
.header .banner-head { display:none;}
.header {
position:relative;
height:50px;
margin-bottom:10px;
}
.header .header-right {
margin-top:10px;
}
.header .header-right .btn-success i:before { width:auto; margin-left:0;}
.header .header-right .box-login {
float:right;
}
.main { padding:0 10px; max-width:560px;}
.row { margin:0 -10px;}
.col-3, .col-6, .col-12, .col-4, .col-8 {
padding-left:10px;
padding-right:10px;
}
.col-4, .col-8 {
width:100%;
}
.button-menu {display:block;}
.header .logo { margin-left:10px; margin-top:10px; width:165px; margin-right:0;}
.header .banner-head { display:none;}
.navi {
height:1px;
position:absolute;
left:0;
top:50px;
z-index:99;
background-color:#FFE51F;
width:100%;
margin-top:0;
transition: -webkit-transform ease 0.4s;
transition: transform ease 0.4s;
opacity:0;
min-height:1px;
-webkit-transform: translatex(-100%);
transform: translatex(-100%);
border-top:1px solid #ccc;
left:-100%;
}
.navi.show {
opacity:1;
-webkit-transform: translatex(0px);
transform: translatex(0px);
left:0;
min-height:200px;
height:auto;
}
.menu-top li {
width:100%;
}
.menu-top li:hover a:before, .menu-top li.active a:before {
margin-left:0;
left:20px;
}
.menu-top li a {
font-size: 15px;
padding: 10px 20px;
}
.c-column, .box-left {
width:100%;
}
.box-big-new .col-8 {
width:100%;
}
.box-hot-new .box-big-new .col-4 { width:100%; padding:0;}
.box-big-new .col-4 .item-new {
width:50%;
float:left;
padding:5px 10px;
margin:0;
}
.big-item-new .description { margin-bottom:10px;}
.box-big-new { padding-bottom:0px; margin-bottom:0px; border:0;}
/*.item-new .title { height:35px;}*/
.item-new .title a { font-size:14px;}
.big-item-new .photo, .item-new .photo {
height:auto;
}
.box-big-new .item-new .title { height:62px;}
.big-item-new .photo .img, .item-new .photo .img {
height:auto;
width:100%;
display:inline-block;
}
.box-hot-new .col-4 { width:50%;}
/*.box-hot-new .col-4:nth-child(3) {
width:100%;
}*/
.box-slide .slider-hot .slick-slide { margin-right:15px;}
.box-home-2 .col-8, .box-home-2 .col-4 { width:100%;}
/*.box-hot-new .col-4:nth-child(3) .item-new .photo{
width: 50%;
float: left;
padding-right: 10px;
}*/
.item-new .photo {
height:100px;
}
/*.box-hot-new .col-4:nth-child(3) .item-new .info {
margin-left:52%;
}
.box-hot-new .col-4:nth-child(3) .item-new .info .title {
height: 75px;
}
.box-hot-new .col-4:nth-child(3) .item-new .info .title a{
height: 75px;
-webkit-line-clamp: 4;
}*/
.box-schedule .box-table .alink { display:none;}
.box-schedule .box-table .mobile-alink { display:block; }
.box-schedule .box-table .table td:first-child .time {
font-size:12px;
margin-left:3px;
}
.box-schedule .box-table .table td:nth-child(3), .box-schedule .box-table .table td:nth-child(4), .box-schedule .box-table .table td:nth-child(5), .box-schedule .box-table .table td:nth-child(6), .box-schedule .box-table .table td:nth-child(7), .box-schedule .box-table .table td:nth-child(8), .box-schedule .box-table .head th:nth-child(2), .box-schedule .box-table .head th:nth-child(3){ display:none;}
.box-schedule .box-table .table td:first-child { width:60px;}
.box-schedule .box-table .table td:first-child .date { margin-right:8px; font-size:12px;}
.box-schedule .box-table .table td:first-child .time:before { left:-6px;}
.box-schedule .box-table .table td:nth-child(2) .black:before{ left:-8px;}
.box-schedule .box-table .table td:nth-child(2) { font-size:12px;}
.box-hot-new { margin-bottom:0;}
.content { margin-top:15px;}
.box-list-new-quick .list li a, .box-vip .list li a { font-size:12px;}
.heading { font-size:17px;}
.box-forum .head .collapsed { width:130px; background-color:#333; height:36px;}
.box-forum .head .icon {
display:block;
position:absolute;
top:0;
right:0;
}
.box-forum .head .icon .i {
background-color:#222;
color:#fff;
text-align:center;
height:36px;
width:36px;
line-height:36px;
font-size:20px;
float:right;
position:relative;
}
.box-forum .head .more {
padding-right:40px;
}
.box-forum .collapse { display:none;}
.box-forum .collapse.in {
display: block;
}
.box-forum .content-list-comemt {
height:250px !important;
}
.box-forum .head .i:before {
content:"-";
position:absolute;
top:0;
right:0;
width:100%;
height:36px;
line-height:36px;
text-align:center;
font-size:22px;
color:#fff;
}
.box-forum .head .collapsed .i:before {
content:"+";
position:absolute;
top:0;
right:0;
}
.box-identify .col-4 { width:50%;}
.item-new{
margin-bottom:15px;
}
.footer .list-ft .col, .footer .list-ft .col-2 {padding: 10px; width:100%;}
.footer { }
.header .header-right .acc {width:105px;}
.header .header-right .box-noti { margin-left:5px;}
.box-login-signup .contentsmall .buttons-fb { margin-right:0; margin-bottom:15px;}
.box-identify .col-4.mobile-full {
width:100%
}
.button-mobile-menu-tab{
display: inline-block;
background-color: transparent;
border: 0;
font-size: 16px;
color: #666;
line-height: 30px;
}
.button-mobile-menu-tab i {
font-size: 30px;
color: #ff6600;
}
/*.box-tab .menu-tab {
display:none;
}*/
.box-tab .menu-tab li { width:50%;}
.box-tab .menu-tab li a{ font-size:13px;}
.c-column { margin-top:15px;}
.box-title-detail .box-vip { width:100%; float:right; margin-left:0px; margin-bottom:20px; margin-top:20px;}
.box-title-detail .title { font-size:20px; line-height:25px;}
.box-title-detail .description { font-size:16px;}
.box-title-detail .detail { font-size:14px;}
.box-schedule .box-table .table td:nth-child(2) .red, .box-schedule .box-table .table td:nth-child(2) .black {
font-weight: 500;
font-size: 12px;
margin-right:3px;
}
.box-tip-live .list li a { font-size:12px;}
.box-dow-app { font-size:14px;}
.consultants .info {
margin-left:0;
width:100%;
display:inline-block;
margin-top:10px;
}
.box-login-signup-page, .alink-m, .note { font-size:14px;}
.box-view-tip { font-size:14px; text-align:center; margin-bottom:10px;}
.note { line-height:22px;}
.box-comment-list .list .item .list-tool .tool {
width:48%;
float:left;
margin-right:0;
margin-bottom:5px;
margin-top:5px;
}
.box-view-tip .list-tip li a, .box-comment-acc-list .item-list .item-reply .textcomment, .box-comment-acc-list .item-list .item .textcomment{ font-size:14px;}
.box-comment-text .small, .box-comment-acc-list .item-list .item .acc-c { padding:10px;}
.box-comment-text .info {
margin-left: 60px;
}
.box-recharge-card .choose-package { padding:10px 0;}
.box-recharge-card .choose-package .item {
width:100%;
}
.box-recharge-card .box-payment .list {
padding:10px 15px;
}
.box-recharge-card .box-payment .list li { margin-bottom:5px;}
.box-recharge-card .box-payment .list li .lable { width:100%;font-size:14px; padding:5px 0; margin-top:5px; }
.box-recharge-card .box-payment .list li .small { margin-left:0; width:100%; display:inline-block;}
.box-recharge-card .box-payment .list li .radio, .box-recharge-card .box-payment .text { font-size:14px; line-height: 18px;}
.box-recharge-card .box-payment .head { font-size:15px;}
.box-recharge-card .choose-package .head { font-size:15px;}
.box-recharge-card .text-vip { font-size:14px;}
.tab-menu-2 a {min-width:70px; padding:0 8px; font-size: 11px;}
.box-recharge-card .choose-package .item .radio-label .title { font-size:16px;}
.box-recharge-card .choose-package .item .radio-label .text{ font-size:12px;}
.list-message li { padding-right:50px;}
.list-message li .reply { right:5px;top: 15px;}
.list-message li .name-time .time { display:block; font-size:12px;}
.list-acc-unnock li { width:50%;}
.list-acc-ms li {
width:100%;
padding-right:0px;
}
.box-search-acc .input-text {
width:100%;
margin-bottom:5px;
}
.box-search-acc .btn-button {
float:right;
}
.box-recharge-card .box-payment .table { padding:5px;}
.list-content { padding:0 5px;}
.list-content li .radio { font-size:12px;}
.list-content li .boxContent { font-size:13px;}
.box-recharge-card .box-payment .lable {
width: 120px;
font-size: 13px;
}
.box-recharge-card .box-payment .text {
font-size: 12px;
line-height: 18px;
padding: 10px 0;
}
.box-profile .list li { width:100%; font-size:14px; text-align:left;}
.box-profile .info { margin:0;}
.box-profile { padding:10px; text-align:center;}
.box-profile .avatar { float:none;}
.post-comment { padding:10px;}
.list-new-comment .info {
margin:0;
width:100%;
display:inline-block;
margin-top:10px;
}
.list-new-comment .title {
height:35px;
max-height:35px;
}
.list-new-comment .title a {
font-size:14px;
line-height:18px;
height:35px;
max-height:35px;
-webkit-line-clamp: 2;
}
.box-texting-ms .comment-list .item .avatar {
width: 30px;
height: 30px;
}
.box-texting-ms .comment-list .item .acc-chat-right .info {
margin-right: 40px;
}
.box-texting-ms .comment-list .item .acc-chat-left .info {
margin-left: 40px;
}
.box-texting-ms .comment-list .item .acc-chat-left, .box-texting-ms .comment-list .item .acc-chat-right { width:88%;}
.box-schedule .tipvip-table .table td:last-child {
width: 75px;
display: table-cell;
}
.box-schedule .tipvip-table .table .btn-coin, .box-schedule .tipvip-table .table .btn-free {
font-size:12px;
min-width:60px;
}
.box-tip-diamond .head .sup-title {
font-size: 16px;
line-height: 22px;
}
.box-tip-diamond .content-small .note-noti {
padding: 20px 10px;
line-height: 22px;
font-size: 15px;
}
.header .header-right .box-noti .sub-noti ul {
max-height:320px;
}
.box-pay-tip { text-align:center;}
.box-pay-tip .btn-button { margin-top:10px;}
.fixed-header
}
@media only screen and (max-width: 360px){
.box-recharge-card .choose-package .item .radio input[type="radio"] + .radio-label:before { left:10px;}
.box-recharge-card .box-payment .list { padding:10px;}
.box-recharge-card .box-payment .list li .radio, .box-recharge-card .box-payment .text, .box-recharge-card .box-payment .list li .lable { font-size:12px;}
.list-acc-unnock li { width:100%;}
}
@media only screen and (max-width: 340px){
.header .header-right .box-login a {
padding: 0 5px;
}
.header .logo {
width: 100px; margin-top:15px;}
.header .header-right .box-noti { margin-left:5px; width:auto;}
.header .header-right .acc{ width:100px;}
.box-schedule .box-table .table td:nth-child(2) .red, .box-schedule .box-table .table td:nth-child(2) .black {
font-weight: 500;
font-size: 11px;
}
.tab-menu-2 li { margin-left:2px;}
.tab-menu-2 {
margin-left: -25px;
}
.box-tip-diamond .head .sup-title {
font-size: 15px;
}
.box-tip-diamond .head .title {
font-size: 30px;
line-height: 35px;
}
.header .header-right .btn-success.ml-10 {
margin-left: 5px !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
.header.fix-forum-bt, .header.fix-header {
position:fixed;
left:0;
top:0;
right:0;
z-index:999;
border-bottom: 1px solid #ccc;
}
.pay-button-header .btn-success {
float:left;
margin-right:5px;
}
.navi.fix-forum-bt {
position:fixed;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
.header.fix-forum-bt {
position:fixed;
left:0;
top:0;
right:0;
z-index:999;
border-bottom: 1px solid #ccc;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.photo img {
width: 100%;
}