@import url("reset.css");
body{background: #f5f5f5 url('../images/bg.png');line-height: 1.5;font-size: 14px;font-family:tahoma,arial,sans-serif;}
#container{width:980px;margin:0 auto;
    background: linear-gradient(to bottom, #0deae2, #004e92), url(/upload/images/home/bg.jpg) top center no-repeat;
    background-blend-mode: multiply;
    background-position: center 0;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    color: #fff;
     background-attachment: fixed;
}
#header{padding: 10px 0px;border-bottom: 2px solid white;}
#logo img {    border-top-left-radius: 15em 1em;    border-bottom-right-radius: 15em 1em;    background: white;    height: 65px;    width: auto;border-left: 2px solid #cf1717;}
/*
#wraper{background: #fff url(../images/Shadow.png) repeat-y;padding:3px 3px 0px 3px;}
#header{background:url(../images/Shadow.png) repeat-y;padding:0 3px;margin-top:20px;position: relative;}
#Cheader{background:#555555 url(../images/bg_header.png) repeat-x;padding:20px 10px 0 10px;}*/
.logo{width:400px;}
/*
.hbogoc{width:12px;height:11px;position:absolute;}
.htrai{background:url(../images/riatrai.png) no-repeat;left: 0px;top:1px;}
.hphai{background:url(../images/riaphai.png) no-repeat;right: 1px;top:1px;}
/*rong 974px;//background:#555555 url(../images/bg_header.png) repeat-x;

/*----------------------------------------------------------
menu top
-----------------------------------------------------------*/
.canhnav{width:50px;height:55px;position:absolute;}
.ntrai{background:url(../images/navleft.png) no-repeat;left:-47px;top:0px;}
.nphai{background:url(../images/navright.png) no-repeat;right:-47px;top:0px;}
#nav{margin: 0 3px;background:#03443a;}
#nav li ul {    background: #03443a;}
#menu{position: relative;z-index:9999}
#nav, #nav ul {list-style:  none;position: relative;z-index:9999}
#nav a:link, #nav a:active,#nav a:visited {display: block;color: #fff;text-decoration: none; line-height: 40px;padding:0 10px;}
#nav a:hover {background: #fff url(../images/navhover.jpg) repeat-x;color: #fcd108;}
#nav li {float: left;position: relative;z-index:9999}
#nav ul {position: absolute;width: 12em;display: none;}
#nav ul li a{line-height: 30px !important;height:30px;}
#nav ul li a:hover{background: #fff url(../images/hoverli2.jpg) repeat-x !important;color: #fcd108;}
#nav li ul a {width: 12em;float: left;}
#nav ul ul {top: auto;}
#nav li ul ul {left: 12em;margin: 0px 0 0 20px;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {
    display: none;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
    display: block;
}
/*--------------end menu---------------*/
#Content { background: white;    border: 1px solid wheat;min-height: 400px;}
/* Slogin---------------*/
.slogonHome {text-align: center;width: 100%;display: inline-block;padding: 100px 0px;}
.slogonHome h1 {    text-align: center;    color: White; font-size: 2.5rem;    font-weight: normal;    line-height: 1.2;}
.slogonHome h3 {    text-align: center;    color: wheat;    font-size: 1.3rem;    font-weight: 300;    line-height: 1.2; margin: 40px 0px;}
.slogonHome a {    padding: 10px;    margin: 10px;    display: inline-block;}
.slogonRegister {    color: white !important;    background-color: #0069d9;    padding: 10px 60px !important;    border-radius: 20px;}
.slogonLogin {    color: white !important;    background-color: #1e7e34;    padding: 10px 60px !important;    border-radius: 20px;}
.instatnt ul {    padding: 0px 5px;}
/* instatnt*/
.instatnt {  padding: 35px 0 84px 0;border-top: 2px solid white;border-bottom: 2px solid white;}
.instatnt ul {    list-style: none;    display: flex;    justify-content: space-between;    flex-wrap: wrap;}
.instatnt ul li { width: calc((100% / 4) - 55px); padding: 20px;   background: #fff;    border-radius: 40px;    flex-shrink: 0;    color: #7E8188;    overflow: hidden;    margin-bottom: 15px;    -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.06);    -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.06);    box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.06);}
.instatnt ul li img {    height: 50px;    width: auto;    display: block;}
.instatnt ul li h2 {    font-family: "Nimbus Sans Condensed",Sans-Serif;    font-size: 15px;    color: #000;    text-transform: uppercase;    margin: 25px 0 20px 0;    padding: 0;    color: black;}
.instatnt ul li p {    font-size: 13px;    line-height: 27px;    color: #7E8188}
.instatnt h1 {    text-align: center;    width: 300px;    padding: 10px;    background: black;    color: coral;    margin: 0px auto;    text-transform: uppercase; margin-bottom: 35px ;}
/*SurveyForYou*/
.surveyforyou {    display: inline-block;    width: 100%;   padding:30px 0px;}
.surveyforyou h2 {    padding: 10px;    color: #1a37b4;    text-transform: uppercase;    font-size: 20px;    width: 300px;    margin: 0px auto;        margin-bottom: 0px;    background: black;    text-align: center;    color: coral;    margin-bottom: 25px;}
.surveyforyou img { margin: 0px auto;display: block;max-width:100%;}
/*-----------slideshow-----*/
.slideshow{position:relative;margin-bottom:10px;}
.botslideshow{background: url(../images/botslideshow.png) no-repeat;height:19px;}
/*------------box hom1--------------------*/
.boxhome1{position:relative;width:495px;background:url(../images/boxh_bg_con.jpg) repeat-y;margin:2px 0px;padding:75px 0px 53px 0px ;}
.boxhtitle{position:absolute;background:url(../images/boxhtitle.png) no-repeat;height:65px;width:495px;top:0px;left:0px;}
.boxhcontent{position:relative;padding:0 10px 0 20px;}
.boxhcontent li,.catalogy_c li{background: url(../images/il_arrow.png) no-repeat 0 center;padding-left:20px;line-height: 2.1em;}
.boxhbot{position:absolute;background:url(../images/boxhbot.jpg) no-repeat;height:43px;width:495px;bottom:0px;left:0px;}
/*home2*/
.boxhome2{width:447px;}

/*-------box content----*//*ria rong 4*/
.boxct{position:relative;padding:32px 18px 48px 14px;margin:0px 3px 30px 1px;}
.boxcl_head{height:36px;position:absolute;background:url(../images/boxcl_head.jpg) repeat-x;top:-4px;left:0px;width:100%;}
.brshadow{z-index:10;height:100%;position:absolute;background:url(../images/brshadow.jpg) repeat-y;width:4px;}
.leftsd{background-position:0 0;left:-2px;top: 0px;}
.rightsd{background-position:0px 8px;right:0px;top:0px;}
    /*phan day box*/
.shdobo{width:100%;position:absolute;height:48px;bottom:-20px;left:0px;background:url(../images/shdobo_bg.jpg) repeat-x}
.shdobor{height: 20px;position:absolute;background: url(../images/shdobo_br.jpg) no-repeat;width:256px;}
.leftsdd{background-position:0 0;left:-2px;bottom:-20px;}
.rightsdd{background-position:-256px 0;right:-2px;bottom:-20px;}
/*----------------------slidebar-----------------------*/
.box2col{width: 642px;}

.slidebar{width:270px;}
.box_slide{padding:70px 0 40px 0px;position:relative;background:url(../images/rsli_bgbox.jpg) repeat-y;width:270px;margin-left:15px;}
.head_box_slide{top:0px;left:-4px;position:absolute;width:274px;height:50px;/*background:url(../images/rsli_headerbox.jpg) no-repeat;*/background: #046f9c;}
.bottom_box_slide{bottom:0px;left:0px;position:absolute;width:270px;height:37px;background:url(../images/rsli_bottombox.jpg) no-repeat;}
.span_title_slide{height:34px;margin:12px 0 0 20px;padding-left:35px;line-height:34px;color:#fff;font-size:16px;}
.content_box_slide{padding:0px 0 0 15px;height:250px;overflow-y: auto;margin-right:10px;}
        /*happening*/
.hp_loading{position:absolute;width:24px;height:24px;right:36px;top:20px;}
.day{color:#8b8d0d}
.user_credit{color:#c25f17}
.dayago a{color:#2b0d8d}
.icon_user_16{padding-left:20px;background:url(../images/user_16.png) no-repeat 0 top}
.icon_pin_16{padding-left:20px;background:url(../images/pin_16.png) no-repeat 0 top}
.icon_star_16{padding-left:20px;background:url(../images/star_16.png) no-repeat 0 top}
.icon_add_16{padding-left:20px;background:url(../images/add_16.png) no-repeat 0 top}
.icon_happen_32{background:url(../images/happen_32.png) no-repeat 0 5px;}
.icon_top_32{background:url(../images/top_32.png) no-repeat 0 5px;}
.icon_add_32{background:url(../images/add_32.png) no-repeat 0 5px;}
.icon_chat_32{background:url(../images/chat_32.png) no-repeat 0 5px;}
    
/*--------------Form User-----------------------------*/
    /*----------------table trong user--------------------------*/
    /* start - table */
.span300{margin:5px;}
#acct table {border-collapse: collapse;text-align:center;width:100%}
#acct th strong {color: #fff;}
#acct th {background: #93BC0C;padding:5px 12px;color: #FFF;text-align: left;border-left: 1px solid #B6D59A;border-bottom: solid 2px #FFF;}
#acct td { padding: 5px 10px; border-left: 1px solid #e6e6e6;border-bottom: solid 1px #e2e2e2;}
#acct td.first,th.first {border-left: 0px;}
#acct tr.row-a {background: #F8F8F8;}
#acct tr.row-b {background: #E9E9E9;}

.memberTable td {line-height: 22pt;width:320px;/*background: url(../images/bgtabld.jpg) no-repeat;*/background: #046f9c;border-radius: 5px;}
.memberTable table {border-collapse: separate;border-spacing: 2px;text-align:center;}
.memberTable td a {color: #fff;display: block;font-size: 13px;letter-spacing: -0.2px;padding: 3px 0;width: 100%;font-weight:bold;text-align: center;}

    /*---end table-user --------*/
.form_contetn{width: 300px;margin: 20px auto;border: 1px solid gray;padding: 30px;background: #faf9e7;border-top-left-radius: 15em 1em;border-bottom-right-radius: 15em 1em;color: black;}
.inputform {    margin: 5px 0px;    width: 100%;    padding: 5px;}
.sm {    padding: 10px 50px;margin: 10px auto;background: #f17760;border-radius: 5px;color: white;cursor: pointer;}
.slugonLogin h2 {    width: 100%;    display: inline-block;    border-bottom: 1px dotted #f17760;    font-size: 20px;    text-align: center;    padding: 10px 0px;    margin-bottom: 30px;}
.bottom_log span {    color: black;}
.address_mailing{margin-top:25px;font-weight:bold;}
.register_form{width:400px;margin:0 auto;color: black;}
.input_rform {    margin: 10px;}

.lb_rform{width:115px;display:inline-block;}
    /*------box thong bao-----------------------*/
.thongbao{ width:306px; margin:0 auto; background:#F9EE6D; padding:10px; position:relative; } 
.register_f .thongbao{ width:480px; margin:10px auto;} 
.thongbao a{color:#F4400E;text-decoration:none;font-weight:bold;}
.thongbao p{ margin:0px; } 
.thongbao #close_login{ width:24px; height:24px; cursor: pointer; position:absolute; top:-10px;right:-10px; background:url(../images/cancel.png) no-repeat; }

/*-- quan ly group---*/
.mota{
    background:url(../images/bgh_mn1.png) repeat-x;
    height:28px;
    line-height:28px;
    color:#fff;
    font-weight:bold;    
}
.img_list_group{
    background:url(../images/group_32.png) no-repeat;
    padding-left:30px;
}
.tb_group{width:100%;border-collapse: separate; border-spacing: 5px;}   
.tb_group a,.tb_group{font-weight:normal;color:#333;}
.tb_group th{padding:5px;background:#eee;font-weight:normal}
.tb_group td {background: #DCE775;border-bottom: 1px dotted #CCCCCC;color: #000000;display: table-cell;padding: 10px 0 6px 5px;vertical-align: middle;}
.payout_tb{position:absolute;z-index:99;background:url(../images/pay_com.png) no-repeat;width:38px;height:32px;padding:5px 0 0 19px;}
.payout_tb a{color:#14F6FE;font-weight: bold;display:block;}
.view a{
   background: #F7F7FB url(../images/view.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.del a{
   background: #F7F7FB url(../images/del.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
a.status{
   background: #F7F7FB url(../images/pub.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.views a.unpub{
    background:url(../images/unpub.png) 0 0 no-repeat !important;  
}
.views a.status{
    background: #F7F7FB url(../images/pub.png) 50% 50% no-repeat !important;
}
a.unpub{
  background:url(../images/unpub.png) 0 0 no-repeat;  
}
.span30{    
    width:30px;    
    cursor:pointer;
}
.edit a{
   background: #F7F7FB url(../images/edit.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.span300{width:300px;}


/*--------------------BOX OFFER------------------*/
/**-----------------Offer banner-----------------*/
.offerbanner{width:916px;margin:10px auto;border:1px solid #ddd;background:#fff;padding:5px 0 5px 5px;}
.box_offer{width:288px; background:#E4EAE6;padding:5px;float:left;height:103px;overflow:hidden;margin: 5px 5px 0 0;position:relative;}
.box_offer img{border: 1px solid #CACACA;float: left;height: 70px;padding: 1px;width: 80px;}
.detail_offer{margin-left:5px;font-size: 13px;width:198px;}
.detail_offer .title_offer a{color:#C70012;font-size:13px;font-weight:bold;}
.title_offer a:hover{color:#f70b42;}
.point_offer{color:#fdff3d;font-weight:bold;position:absolute;bottom:7px;left:7px;width:80px;height:23px;background:#9dad1a;text-align:center;}
.intro_offer{color:#333;height:63px;overflow:hidden;}
.obanner{background: #298A08;margin: 24px 5px 5px 5px;padding:5px 0 10px 8px;}
/*--offer wall---*/
#tabContaier, .tabdetail{margin-right: 5px;}
#tabContaier ul{margin:0;display:block;}
#tabContaier ul li a{float:left;margin:0 3px;background:url(../images/active_tab.png) repeat-x;display:block;height:34px;line-height:34px;padding:0 10px;color:#000;font-weight:bold;}
#tabContaier .active{background: url(../images/li_tab.png) repeat-x; color:#dfdfdf}
.tabdetail{background: url(../images/bg_tab_detail.png) repeat-x; padding:1px; }
.tabContents{padding:30px 10px 10px 10px; }
/*----------------------END OFFER----------------*/
/**phan trang**/
.phantrang{clear: both;margin:15px;}
.phantrang li{float:left;margin:2px;border:1px solid #Cacaca;}
.phantrang li a, .phantrang .current{display:block;padding:0 5px;}
.phantrang li a{color:#0948F4;background:#ddd;}
.current{background: #B71D1D;color:#fff;}
.phantrang li a:hover{background:#B71D1D;color:#fff;}

/*---------------------------------------------
box network
---------------------------------------------*/
.boxnw{background:url(../images/bg_boxnwk.png) repeat-y;width:957px;padding:40px 3px 12px 3px;position:relative;margin-bottom:20px;}
.boxnw_title{background:url(../images/boxnwtitle.png) repeat-x;height:46px;position:absolute;top:-2px;width:957px;}
.boxnwtitle{border-radius: 0px 30px 0px 0px;background: #046f9c;/*background:url(../images/bg_boxnw_title.png) no-repeat;*/position:absolute;top:10px;left:-9px;width:156px;height:32px;line-height:28px;padding-left:20px;font-weight:bold;color:#fff;}
.boxnw_content{padding:10px;}
.boxnw_bot{position:absolute;bottom:0px;left: 0px;background:url(../images/boxnwbottom.png) no-repeat;width:964px;height:19px}
/**--------------------------------------------------------
footer
----------------------------------------------------------*/
.line-footer{height:4px;background:#adadad;width:100%;}
.cfooter{padding: 30px 0px;}
.footerg{position:absolute;width:5px;height:7px;}
.leftf{background: url(../images/footerleft.jpg) no-repeat;left:-1px;bottom:-2px;}
.rightf{background: url(../images/footerright.jpg) no-repeat;right:-1px;bottom:-1px;color: white;}
#footer .contentf{width:50%;padding-left: 30px;color: white;}
#footer .fct2{text-align:center;}
#footer .stats{background:url(../images/stats.png) no-repeat;height:32px;padding-left:40px;line-height:32px;color:#9fb33a;font-weight:bold;}
#footer li, #footer li a {color:#999999;}
#footer .cfvalu{color:#c1cf81}
#footer .linkft{background:url(../images/linkft.png) no-repeat;}

.fct3,.fct2{width:200px;padding:15px 10px;}
.fct5 {    display: inline-block;   float: right;}
.fct5 ul {    display: inline-block;    float: left;}
.fct5 ul li {    display: inline-block;    float: left;    list-style: none;}
.fct5 ul li a {    padding: 0px 10px;    color: white !important;    border-right: 1px solid gray;}
#tabContaieraz ul li {    padding: 10px;    border-bottom: 1px dotted black;}
#tabContaieraz ul li img {    width: 30%;    display: inline-block;    height: 60px;    object-fit: cover;}
#tabContaieraz ul li a {    width: 60%;    display: inline-block;    color: darkblue; padding-left: 20px;}
#tabContaieraz ul li a:hover{color: red;}
.content_article p {    color: black;}
#wraper {    color: black;}
#nav ul {    margin-left: -100px;}
.banner-left{position: fixed;top: 15px;z-index: 9999;}
.banner-right{position: fixed;top: 15px;z-index: 9999;right:0px;}
.catalogy_c, .content_article {
    background: #046f9c;
    color: white;
    padding: 10px;
}
.catalogy_c h1, .content_article h1, .content_article p{
    color: white;
}
.catalogy_c ul li a {
    color: white;
}