body{font-family:'Roboto',sans-serif;font-size:15px;padding:0;margin:0;     background: #ddd;}
img{border:0}
a:link{color:#344646;text-decoration:none}
a{font-family:'Roboto',sans-serif;color:#344646;font-size:15px;text-decoration:none}
a:active{color:#344646;text-decoration:none}
a:visited{color:#344646;text-decoration:none}
div,p{font-family:'Roboto',sans-serif}
td{font-family:'Roboto',sans-serif;text-align:left}
hr{border:0;background-color:#ccc;width:100%;height:1px}
.dnone{display:none}
.CommonTable,.commontable,.commonTable{padding:0;margin:0;width:100%;border-collapse:collapse}
.TableForm{padding:0;margin:0;width:100%;border-collapse:collapse}
.HeaderTable{padding:0;margin:0;width:100%;border-collapse:collapse}
.HeaderTD,.headerTD,.headertd{text-align:left;color:#fff;border-bottom:1px solid #1872c1;padding:5px 5px 5px 12px;font-weight:700;background:#1e88e5;line-height:150%}
.HeaderTD A:link{color:#fff;text-decoration:none}
.HeaderTD A:visited{color:#fff;text-decoration:none}
.HeaderTD2,.headerTD2,.headertd2{text-align:center;padding:8px;font-weight:700;font-size:18px;border-radius:20px 20px 0 0;background-color:#d3d3d3}
.DataTD,.dataTD,.DataTd{text-align:left;border-bottom:1px solid #e7e9e2;padding:6px;background-color:#eee}
.ContentTD,.contentTD{text-align:left;border-bottom:1px solid #e7e9e2;padding:6px;background-color:#fff}
.FormTD,.formTD{text-align:left;border:1px solid #eae1d4;padding:4px;color:#444;background-color:#eee}
.hightLight{color:#7baf19;text-align:left}
.fontbold{font-weight:700}
.largeText{font-size:16px;font-family:'Roboto',sans-serif}
.TextTitle,.textTitle{text-align:left;color:#7baf19;font-weight:700}
.TextContent,.textContent{text-align:justify;margin-top:10px;margin-bottom:10px;line-height:130%}
.MenuItem,.menuitem{text-align:left;border-bottom:0 solid #ccc;padding:6px 5px 6px 15px;color:#444;width:100%;position:relative;}
.MenuItem img,.menuitem img,.MenuItemHover img{float:left;margin:0 6px 0 0px;width:16px!important}
.MenuHeaderTD,.menuheadertd{text-align:left;cursor:pointer;padding: 3px 0 3px 3px;color:#333;text-transform:uppercase; font-size:14px; font-weight:700;border-bottom:0px solid #e7e9e2;position:relative}
.MenuHeaderTD:visited, .menuheadertd:visited{color:#333}
.navbar-nav{clear:both;float:none;margin:0}
.MenuItem .fa,.MenuItemHover .fa{float:right}
.navbar-nav > li > .dropdown-menu{margin-top:-42px;margin-left:100%}
@media screen and (max-width: 600px) {
.navbar-nav > li > .dropdown-menu{margin-left:0!important}
}
.MenuItemHover,.menuitemhover,.MenuItemFocus{background-color: #f4f4f4; text-align: left; border-bottom: 0 solid #ccc; padding: 6px 5px 6px 15px; color: #444; width: 100%; position: relative; border-radius: 20px 0 0 20px;}
.MenuItem a{padding:0px !important; color:#333; background:transparent !important}
.MenuItemHover a,.menuitemhover a,.MenuItemFocus a, .open a{color: #333}
.MenuItem a, .MenuItem:hover a, .MenuItemHover:hover a{background:transparent !important}
.MenuItemHover a{padding:0!important;}
.dropdown-menu{min-width: 245px; border: none; border-radius: 10PX !important; left: 8px;padding: 15px 0;}
.dropdown-menu li {padding:0px 15px!important}
.dropdown-menu  li a{padding:8px 0px 6px!important; border-bottom:1px solid transparent}
.dropdown-menu  li a:hover{border-bottom:1px solid #0090cd; color:#0090cd}
.icoleft{float:left!important;padding:2px 5px 0 0;font-weight:700}
.ActiveTab,.activeTab{-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;-webkit-border-top-left-radius:7px;text-align:center;font-weight:700;margin-right:5px;background-color:#ff8802;padding:5px 10px}
.DeactiveTab,.DeActiveTab{-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;-webkit-border-top-left-radius:7px;text-align:center;font-weight:700;border:0 solid #CCC;margin-right:5px;background-color:#DDD;padding:5px 10px}
.Button,.button{-moz-border-radius:7px;-webkit-border-radius:7px;text-align:left;vertical-align:top;font-weight:700;padding-left:5px;border:1px solid #DDD;height:25px;line-height:25px;margin-right:5px;background-color:#EEE}
.div_clear{clear:both}
.pageWidth{width:1000px;text-align:left}
#container{vertical-align:top;min-height:500px}
#header{width:100%;height:100px}
#header_top{width:100%;height:24px;line-height:24px;text-align:center;background-color:#00c}
#header_top_content{text-align:right;color:#fff}
#header_top_content a{color:#fff}
#content{vertical-align:top;padding-top:20px;text-align:center;min-height:500px}
#left{padding-left:5px;vertical-align:top;text-align:left;float:left; }
#div_left{padding-left:5px;vertical-align:top;text-align:left}
#member_left{padding-left:5px;vertical-align:top;text-align:left; background: transparent; }
#simpleheader{width:100%;background-color:#0090cd;border-bottom:solid 1px #F3F3F3;margin-bottom:8px; padding-bottom: 8px }
#simplefooter{padding:10px 0;line-height:150%;text-align:center;margin-top:20px;background-color:#0090cd;color:#fff; position:sticky; bottom:0}
#home_content_container{background-color:#f1f1f1;vertical-align:top;margin-bottom:-10px}
#home_news{float:left;width:250px;margin:20px 5px 20px 0}
#home_customer{float:left;width:350px;margin:20px 5px 20px 0}
#home_video{float:left;width:350px;margin:20px 0}
#home_news a{color:#333;font-weight:700}
#bottom{margin-top:10px;background-color:#ddd;height:40px}
#bottom_content{text-align:left;background-color:#ddd;color:#fff}
#bottom_content a{color:#fff}
#div_logo{height:90px;width:430px;vertical-align:middle;text-align:left;margin:12px 0 0 12px;float:left}
#div_banner{float:right;width:500px}
#top_menu{width:400px;float:right;height:30px;line-height:30px;margin-top:30px}
.top_menu_item{text-transform:uppercase;font-size:16px;font-family:'Roboto',sans-serif;padding:5px;border-bottom:solid 3px #eee;padding:0 8px 3px 8px;margin-right:-4px}
.top_menu_item a{color:#000}
.top_menu_item_selected{text-transform:uppercase;font-size:16px;font-family:'Roboto',sans-serif;padding:5px;padding:0 8px 3px 8px;margin-right:-4px;border-bottom:solid 3px #7baf19}
#top_banner{width:100%;margin-top:10px;margin-bottom:10px}
#captionBR{width:100%;height:3px;background:#eee url(/images/bk_banner.jpg);margin-bottom:10px}
#div_welcome{-moz-border-radius:5px;-webkit-border-radius:5px;position:absolute;top:10px;right:80px;text-align:right;vertical-align:middle;background-color:#f3f3f3;border:solid 0 red;padding:8px}
#div_time{text-align:left;padding-top:20px;color:#888;font-weight:400}
#div_choose_project{padding-top:10px;float:left;width:500px}
#div_nextpage{height:30px;line-height:30px;margin:5px;display:none;font-weight:700;padding-left:10px;background-color:#F8EFD3;cursor:pointer;cursor:hand;-moz-border-radius:5px;-webkit-border-radius:5px}
.dicuss_top{background:url(/images/dicussiontop.gif) no-repeat;height:10px;width:210px;position:absolute}
.dicuss_container{padding-top:9px}
.dicuss_content{background-color:#f8f8f8;border:1px solid #ccc;padding:10px}
.noBoder{border:0}
.cursorhand{cursor:pointer;cursor:hand}
.news_short{padding-top:10px;padding-bottom:10px;font-weight:700;color:#666}
.news_desc{padding-top:10px;text-align:justify}
#newsDetail{margin:10px}
.titleNewsDetail{font-size:16px;font-weight:700}
.cursor{cursor:pointer;color:#005fa4}
.RightTD{text-align:right}
.CenterTD{text-align:center}
.divinline{margin:auto;min-width:520px;display:inline-block}
.datetxt{width:80px}
.btform{background:#1e88e5;cursor:pointer;color:#fff!important;font-size:12px;border:none;text-align:center;display:inline-block;padding:5px 15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.formcom{padding:10px 0;margin:0;background:#eee;border:1px solid #ccc;text-align:left}
.formcom .item,.formcom .items{overflow:hidden;clear:both;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #ccc}
.formcom .item .colsp{display:inline-block;padding-left:10px}
.formcom .item:last-child{border-bottom:0}
.formcom .item .divlable,.formcom .items .divlable{width:28%;text-align:right;float:left;padding-right:10px}
.formcom .item .divinput,.formcom .items .divinput{width:72%;float:right;text-align:left}
.formcom .item .divbutton{text-align:center;padding:5px}
.divinput input[type=text],.divinput input[type=email],.divinput input[type=url],.divinput input[type=password],.divinput textarea,.divinput select{max-width:98%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #eee;border-bottom:1px solid #eee}
.divinput input[type=text],.divinput input[type=email],.divinput input[type=url],.divinput input[type=password]{width:50%}
.btform{display:inline-block;color:#fff!important;padding:9px 30px;font-weight:400;border:none;border-radius:5px;text-transform:uppercase}
.viewline{clear:both;list-style:none;margin-left:auto;margin-right:auto;padding-left:0}
.viewline li{display:inline;vertical-align:middle;margin-right:5px;margin-left:5px;color:blue;cursor:pointer}
.chartline{clear:both;list-style:none;margin-left:auto;margin-right:auto;padding-left:0}
.chartline li{display:inline;vertical-align:middle;margin-right:5px;margin-left:5px}
.chartline li img{height:20px;cursor:pointer}
.dbTab{text-align:left; padding:0 0 8px ;}
.dbTab .item{Padding: 5px 25px; display: inline-block; border-radius: 20px; border: 1px solid #333;}
.dbTab .active{background-color: #0090cd; color: #fff; font-weight: 800; border-radius: 20px; border: 1px solid #0090cd;}
.divload{overflow-x: scroll}

.funcTab{text-align:center; margin-top:-46px; margin-bottom: 8px}
.funcTab .item{Padding: 5px 25px; display: inline-block; border-radius: 0px; background-color: #d0c598; margin: 0 50px}
.funcTab .active{background-color: #fff; font-weight: 800;}
.funcTab .item .funIco{width: 28px; height: 28px}

@media(max-width:767px) {
.hdfield{display:none}
.divinline{width:100%!important;min-width:auto}
.funcTab{margin-top: 2px; margin-bottom: 3px}
.funcTab .item{margin: 0 2px}
.funcTab .item .funcText{display: none}

#spFullName{display:none}

}

@media(max-width:1300px) {
    .funcTab .item {
        margin: 0 10px
    }
}
@media(max-width:500px) {
.divinline{width:100%!important}
.container{padding-right:8px;padding-left:8px}
.row{margin-right:-8px;margin-left:-8px}
.formcom .item{padding:5px}
.formcom .item .divlable{text-align:left;padding-bottom:5px}
.formcom .item .divlable,.formcom .item .divinput{width:100%}
.divinput input[type=text],.divinput input[type=email],.divinput input[type=url],.divinput input[type=password]{width:80%}
.bdright{padding-left:8px;padding-right:8px}
}
@media(max-width:500px) {
.divinput input[type=text],.divinput input[type=email],.divinput input[type=url],.divinput input[type=password]{width:100%}
.hdfieldx,.hdfield{display:none}
}

/* --------------- */
.bdright {background:#fff; padding:20px}
.grmenu {color:#fff; border-bottom:1px solid #bbb; padding: 8px 0px;}
.bdleft{padding-right:2px}
input[type=button], input[type=submit] {
    display: inline-block;
    color: #fff!important;
    padding: 6px 20px 3px;
    font-weight: normal;
    border: none;
    border-radius: 5px;
    background: #1e88e5;
    cursor: pointer;
}

.table-striped td, .table-striped th {border-color:#ddd}