#QALoadControl{ width: 94%;margin: 0px auto}
#QALoadControl .head{padding:3.125% 0 0 0;text-align:center}
#QALoadControl .head .title{color: #ea0234;display: inline-block;font: 35px/48px "MyriadProBoldCondensed";margin: auto;padding: 0;height:46px}
#QALoadControl .head .title:before {background:url("left.png") no-repeat left center;content: "";display: inline-block;height: 10px;position: relative;top: -8px;width: 50px;z-index: 1;}
#QALoadControl .head .title:after {background:url("right.png") no-repeat right center;content: "";display: inline-block;height: 10px;position: relative;top: -8px;width: 50px;z-index: 1;}

#QALoadControl .tabList {height: 0;overflow: hidden;padding-top: 40px;position: relative;z-index: 5;margin-bottom:5%}
#QALoadControl .tabList .tabsClass {background: rgba(0, 0, 0, 0) url("btn_hv.png") repeat-x scroll 0 0;border-radius: 6px;color: #fff;display: block;font: bold 15px/40px "Arial";height: 40px;padding: 0 3.125%;text-align: left;transition: none 0s ease 0s;cursor:pointer}
#QALoadControl .tabList .tabsClass:hover {background: rgba(0, 0, 0, 0) url("btn_hv.png") repeat-x scroll 0 0;border-radius: 6px;color: #fff;display: block;font: bold 15px/40px "Arial";height: 40px;padding: 0 3.125%;text-align: left;transition: none 0s ease 0s;cursor:pointer}
#QALoadControl .tabList .SQ {border-right:1px solid #999;border-radius:0 5px 5px 0}
#QALoadControl .tabList .AS {border-radius:5px 0 0 5px}
#QALoadControl .tabList .active {background: rgba(0, 0, 0, 0) url("btn_hv.png") repeat-x scroll 0 0 !important;border-radius: 6px!important;left: 0!important;position: absolute!important;top: 0!important;transition: none 0s ease 0s !important;width: 93.75%!important;text-align:left!important}
#QALoadControl .tabList .noactive {border-top:1px solid rgba(255,255,255,0.5); background:rgba(221,27,34,0.9);text-align: right;width: 66%;border-radius: 0;position: relative;right: 0;left: 28%;top:0px}
#QALoadControl .tabList .noactive:hover { background:rgba(140,13,18,0.9);border-radius: 0px;color: #fff;display: block;font: bold 15px/40px "Arial";height: 40px;padding: 0 3.125%;text-align: right;transition: none 0s ease 0s;cursor:pointer}


#QALoadControl .more {width:18px;height:14px;position:absolute;z-index:1;background:url(more.png) no-repeat center center;z-index:10;top:14px;right:12px;cursor:pointer}

#QALoadControl .tabsContent .content{display:none}



#QALoadControl .emptyresult {margin-top:0}


#QALoadControl .content {}
#QALoadControl .content .itemQA {padding-bottom:3%;position:relative;z-index:1;padding-left:53px}
#QALoadControl .content .itemQA1 {float:right}

#QALoadControl .content .itemQA .box-oder {position:absolute;z-index:2;top:0px;left:0px;background:url(box-num.png) no-repeat center center;width:43px;height:45px;text-align:center;font:bold 18px/45px 'Arial'; color:#dd1b22}
#QALoadControl .content .itemQA:hover .box-oder,#QALoadControl .content .itemQA:hover .nameQA {color:#ea0234}
#QALoadControl .content .itemQA .nameQA {font:bold 14px/21px 'Arial'; color:#333;display:block;padding-bottom:3px;min-height:35px}
#QALoadControl .content  .descQA {font:normal 14px/21px 'arial'; color:#333;text-align: left;margin-bottom: 10px}
#QALoadControl .content .itemQA .dateQA {font:normal 14px/21px 'Arial'; color:#999999}
#QALoadControl .content .itemQA .box-answerQA {padding:14px;border:1px solid #dddddd;position:relative;z-index:3;margin-top:5px}
#QALoadControl .content .itemQA .box-answerQA .ten{position:absolute;top:-7px;left:16px;z-index:5;background:url(ten.png) no-repeat center center;width:11px ;height:7px}
#QALoadControl .content .itemQA .box-answerQA .content-answerQA{font:normal 14px/21px 'arial';color:#333}
#QALoadControl .content  .item-last {border:none!important}

#QALoadControl .content .chitiet-traloi {height:65px;position:relative;z-index:1;font:normal 14px/21px 'arial';color:#333;overflow:hidden}
#QALoadControl .content .chitiet-traloi .viewmore{cursor:pointer;padding-left:15px;width:270px;position:absolute;z-index:500;bottom:0;right:0;background:#fff;height:20px;font:normal 14px/18px 'arial';color:#ffa200}
#QALoadControl .content .chitiet-traloi .viewless{cursor:pointer;padding-left:15px;width:100%;position:absolute;z-index:500;bottom:0;right:0;background:#fff;height:20px;font:normal 14px/18px 'arial';color:#ffa200;display:none;text-align:center;padding-top:10px}
#QALoadControl .content .chitiet-traloi-an {display:none;font:normal 14px/21px 'arial';color:#333;padding:10px 0}
#QALoadControl .pagging {}
#QALoadControl .viewmore {color:#ea0234}


#QALoadControl .pagging{border:none!important;margin-bottom:30px;margin-left:-3.25%;width:106.75%}



#QALoadControl .tool{background-color:#efefef; font:normal 14px/30px Roboto; color:#999999;padding: 2%;position:relative}
#QALoadControl .tool a{color:inherit}
#QALoadControl .date{float:left}
#QALoadControl .size{float:right}
#QALoadControl a.SmallSize{width:30px;height:30px;display:inline-block;background:url(tru.png) no-repeat;cursor:pointer}
#QALoadControl a.LargeSize{width:30px;height:30px;display:inline-block;background:url(cong.png) no-repeat;cursor:pointer}

#QALoadControl .contentview{padding:2% 0;overflow:hidden}
#QALoadControl .nullresult{text-align:center;line-height: 100px;margin: 50px auto}

#QALoadControl .contentview img{max-width:100% !important;height:auto !important}
#QALoadControl .contentview{font-size:15px ;font-family:Roboto ;line-height:150% }
#QALoadControl .contentview table{width:100% !important}