/*
@author: sunke
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px; max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.bt20{ border-bottom:.266rem solid #eee;}
.bt202{ border-top:.266rem solid #eee;}
.title{ line-height:.906rem; padding:.266rem 0 0 .333rem; font-size:.4rem; font-weight:bold;}
.title i{ display:inline-block; margin-right:.293rem; width:.053rem; height:.4rem; background:#67d9e4; vertical-align:-.04rem;}
.title .more-btn{ color:#61c8d7; font-weight:normal;}
.title.t2{ padding-left:0;}
.pl0{ padding-left: 0 !important;}

/**/
.header{ width:100%; height:1.173rem; background:#61c8d7;}
.header h1{ float:left; display:block; width:.773rem; margin:0 0 0 .4rem; padding-top:.213rem;}
.header h2{ width:4rem; position:absolute; left:50%; margin-left:-2rem; top:0; font-size:.44rem; line-height:1.173rem; text-align:center; color:#fff;}
.header .area-choice{ display:block; margin-left:.293rem; line-height:1.173rem; color:#fff; font-size:.32rem; padding:0 .32rem 0 .4rem; background:url("https://www.niigata-engei.com/images/index2018/ico01.png") no-repeat left center / .24rem auto,url("https://www.niigata-engei.com/images/index2018/ico02.png") no-repeat right center / .226rem auto;}
.header .noLogin{ line-height:1.173rem; font-size:.4rem; color:#fff; padding-right:.4rem;}
.header .noLogin a{ color:#fff;}
.header .yesLogin{ line-height:1.173rem; padding-right:.4rem;}
.header .yesLogin .head-pic{ display:inline-block; width:.64rem; height:.64rem; border-radius:50%; vertical-align:middle;}
.header .yesLogin i{ display:inline-block; width:.2rem; height:.093rem; background:url("https://www.niigata-engei.com/images/index2018/jt01.png") no-repeat; transform:rotate(180deg); -webkit-transform:rotate(180deg); vertical-align:.05rem; background-size:100% auto; margin-left:.133rem;}
.header .yesLogin-more{ display:none; width:3.2rem; background:#fff; border-radius:.1rem; right:0; top:1.493rem; z-index:302;}
.header .yesLogin-more li{ height:1.173rem; line-height:1.173rem; text-align:center; font-size:.4rem; border-bottom:1px solid #e5e5e5;}
.header .yesLogin-more li:last-child{ border:0;}
.header .yesLogin-more em{ display:block; width:.36rem; height:.253rem; background:url("https://www.niigata-engei.com/images/index2018/jt02.png") no-repeat; background-size:100% auto; position:absolute; right:.533rem; top:-.253rem;}
.header.on{ position:fixed; left:0; top:0; z-index:303;}
.header.on .area-choice{ background:url("https://www.niigata-engei.com/images/index2018/ico01.png") no-repeat left center / .24rem auto,url("https://www.niigata-engei.com/images/index2018/ico19.png") no-repeat right center / .226rem auto;}
.header-mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:300;}

/**/
.web-crumbs{ width:100%; background:#fff; height:.666rem;}
.web-crumbs .crumbs-nav{ color:#999; line-height:.666rem; padding-left:.4rem; font-size:.32rem;}
.web-crumbs .crumbs-nav a{ color:#999;}
.web-crumbs .more-btn{ display:block; height:.666rem; width:.346rem; background:url("https://www.niigata-engei.com/images/news2018/ico01.png") no-repeat center; background-size:100% auto; margin-right:.4rem;}
.web-crumbs.on{ z-index:301; position:fixed; left:0; top:1.173rem;}

.empty-box01{ height:1.84rem; display:none;}
.empty-box02{ height:1.173rem; display:none;}

/**/
.mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:300;}
.more-pop{ display:none; width:4.186rem; background:#fff; border-radius:.1rem; right:0; top:2.239rem; z-index:301;}
.more-pop li{ height:1.146rem; line-height:1.146rem; text-align:center; border-bottom:1px solid #e5e5e5; font-size:.4rem;}
.more-pop li:last-child{ border-bottom:0;}
.more-pop li a{ display:block;}
.more-pop em{ display:block; width:.36rem; height:.253rem; background:url("https://www.niigata-engei.com/images/index2018/jt02.png") no-repeat; background-size:100% auto; position:absolute; right:.533rem; top:-.253rem;}

/**/
.news-list01{ background:#fff; padding:0 .4rem;}
.news-list01 .tags{ display:block; width:.266rem; left:.4rem; top:0;}
.news-list01 .list{ padding-left:.4rem;}
.news-list01 .list li{ height:1.186rem; line-height:1.186rem; border-bottom:1px solid #e5e5e5; font-size:.37rem; color:#666; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.news-list01 .list li a{ color:#666;}
.news-list01 .list li:last-child{ border-bottom:0;}
.news-list01 .pages{ padding:.333rem 0; text-align:right; line-height:.8rem; color:#666; font-size:.43rem;}
.news-list01 .pages a{ color:#666;}

/**/
.news-list02{}
.news-list02 .tit{ padding:.24rem 0 .32rem; text-align:center;}
.news-list02 .tit h2{ line-height:.666rem; font-size:.43rem;}
.news-list02 .tit p{ line-height:.48rem; color:#999; font-size:.32rem;}
.news-list02 .list{ background:#fff;}
.news-list02 .list li{ padding:.42rem .4rem .266rem 1.333rem; position:relative;}
.news-list02 .list h3{ line-height:.453rem; padding-bottom:.32rem; font-size:.4rem;}
.news-list02 .list p{ line-height:.453rem; color:#666; font-size:.32rem;}
.news-list02 .list p a{ color:#3399ff;}
.news-list02 .list i{ display:block; width:.64rem; height:.586rem; text-align:center; color:#fff; line-height:.493rem; background:url("https://www.niigata-engei.com/images/news2018/ico02.png") no-repeat; background-size:100% auto; position:absolute; left:.4rem; top:.4rem;}
.news-list02 .enclosure{ height:1.09rem; line-height:.6rem; background:#fff; padding:.245rem .4rem;}
.news-list02 .news-con{ padding:.4rem .4rem 0;}
.news-list02 .news-con p{ font-size:.38rem; line-height:.69rem; padding-bottom:.2rem; color:#333;}
.news-list02 table{ width:100%; border-bottom:1px solid #0e0e0e; border-left:1px solid #0e0e0e; font-size:.37rem; margin-bottom:.4rem; border-collapse:collapse;}
.news-list02 table th{ border-top:1px solid #0e0e0e; border-right:1px solid #0e0e0e; text-align:center; font-weight:bold;}
.news-list02 table td{ border-top:1px solid #0e0e0e; border-right:1px solid #0e0e0e;}

/**/
.news-list03{}
.news-list03 .tit{ padding:.24rem 0 .32rem; text-align:center;}
.news-list03 .tit h2{ line-height:.666rem; font-size:.43rem;}
.news-list03 .tit p{ line-height:.48rem; color:#999; font-size:.32rem;}
.news-list03 .con{ padding:0 .4rem;}
.news-list03 .con .tags{ display:block; width:.266rem; left:.4rem; top:0;}
.news-list03 .con h4{ line-height:1.04rem; padding-top:.213rem; font-size:.4rem;}
.news-list03 .con p{ line-height:.45rem; text-indent:2em; font-size:.35rem; padding-bottom:.293rem;}
.news-list03 table{ width:100%; border-bottom:1px solid #0e0e0e; border-left:1px solid #0e0e0e; font-size:.37rem; margin-bottom:.4rem; border-collapse:collapse;}
.news-list03 table th{ border-top:1px solid #0e0e0e; border-right:1px solid #0e0e0e; text-align:center; font-weight:bold;}
.news-list03 table td{ border-top:1px solid #0e0e0e; border-right:1px solid #0e0e0e;}

/**/
.news-list04{}
.news-list04 .tit{ padding:.24rem 0 .32rem; text-align:center;}
.news-list04 .tit h2{ line-height:.666rem; font-size:.43rem;}
.news-list04 .tit p{ line-height:.48rem; color:#999; font-size:.32rem;}
.news-list04 .tab-tit{}
.news-list04 .tab-tit li{ float:left; line-height:1.2rem; width:33.3%; text-align:center; font-size:.4rem; border-bottom:1px solid #dcdcdc; box-sizing:border-box; -webkit-box-sizing:border-box;}
.news-list04 .tab-tit li.cur{ border-bottom:2px solid #61c8d7;}
.news-list04 .tab-con{ display:none;}
.news-list04 .tab-con ul{ padding:.4rem 0 .16rem .4rem;}
.news-list04 .tab-con li{ float:left; width:4.453rem; height:1.093rem; margin:0 .32rem .266rem 0; border:1px solid #519def; border-radius:.1rem; overflow:hidden;}
.news-list04 .tab-con li:nth-child(2n){ margin-right:0;}
.news-list04 .tab-con .icon{ float:left; width:1.093rem; height:1.093rem;}
.news-list04 .tab-con .tex{ float:left; width:3.34rem; height:1.093rem; line-height:1.093rem; font-size:.32rem; text-align:center;}
.news-list04 .tab-con .tex.t2{ line-height:.37rem; padding-top:.19rem;}
.news-list04 .tab-con li.c2{ border-color:#5aab80;}
.news-list04 .tab-con li.c3{ border-color:#d57a77;}
.news-list04 .tab-con li.c4{ border-color:#f2b63f;}
.news-list04 .tab-con li.c5{ border-color:#5c52c0;}
.news-list04 .tab-con li.c6{ border-color:#5ab7ac;}

/**/
.interlocution{ padding:0 .4rem;}
.interlocution .tit{ border-bottom:1px solid #e5e5e5; padding:.306rem 0 .293rem; text-align:center; margin-bottom: 0.266rem;}
.interlocution .tit h3{ line-height:.666rem; font-size:.43rem; font-weight:normal;}
.interlocution .tit p{ line-height:.5rem; font-size:.32rem; color:#999;}
.interlocution .news-con{font-size: .37rem;line-height: 0.56rem; margin-bottom: 0.266rem;}
.interlocution .con{}
.interlocution .con h4{ font-size:.37rem; line-height:.666rem; padding:.266rem 0;}
.interlocution .con ul{ padding-bottom:.35rem;}
.interlocution .con li{ line-height:.746rem; font-size:.37rem; color:#666;}
.interlocution .con p{ line-height:.506rem; padding-bottom:.24rem; font-size:.37rem;}
.interlocution .interlocution-notice{ padding:0 0 .226rem .826rem; margin-top:.213rem; line-height:.5rem; font-size:.37rem; color:#00cbda; background:url("https://www.niigata-engei.com/images/news2018/ico03.png") no-repeat left .066rem; background-size:.586rem auto;}
.interlocution .interlocution-notice a{ color:#00cbda;}

/*2018-06-27 hp*/
.enroll{ padding-top: 0.16rem;}
.enroll .tbox{ height: 0.88rem; border-bottom: 1px solid #e5e5e5; margin: 0 0.4rem 0.26rem;}
.enroll .tbox li{ float: left; height: 0.88rem; line-height: 0.88rem; font-size: 0.4rem; color: #999; font-weight: 700; margin-right: 1.04rem; cursor: pointer;}
.enroll .tbox li.cur{ color: #02bcc9; border-bottom: 1px solid #02bcc9;}
.enroll .bbox{ display: none;}
.enroll .bbox .rmzy{ padding:0 0 .133rem .4rem;}
.enroll .bbox .rmzy li{ overflow: hidden; float:left; width:4.48rem; height:2.32rem; margin:0 .24rem .266rem 0; text-align:center; border-radius: 4px;}
.enroll .bbox .rmzy li:nth-child(2n){ margin-right:0;}
.enroll .bbox .rmzy li a{ display: block; width: 100%; height: 100%;}
.enroll .bbox .rmzy li h3{ line-height:0.8rem; padding-top:0.17rem; font-size:0.37rem; color:#fff;}
.enroll .bbox .rmzy li span{ display:block; width:1.76rem; height:0.5rem; line-height:0.5rem; text-align:center; font-size:.32rem; color:#fff; margin:0 auto; border: 1px solid #fff; border-radius:1px;}
.enroll .bbox .rmzy li .bfd{ width: 100%; height: 0.54rem; left: 0; bottom: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);}
.enroll .bbox .rmzy li .bfd-rtxt{ line-height: 0.54rem; padding-right: 0.26rem; font-size: 0.3rem; color: #fff;}
.enroll .bbox .bmlc{ padding:0 0 .133rem .4rem;}
.enroll .bbox .bmlc li{ float:left; width:4.48rem; height:2.32rem; margin:0 .24rem .266rem 0; text-align:center;}
.enroll .bbox .bmlc li:nth-child(2n){ margin-right:0;}
.enroll .bbox .bmlc li.ot h3{ font-size:.48rem; color:#f5bc32;}
.enroll .bbox .bmlc li h3{ line-height:1.146rem; padding-top:.32rem; font-size:.64rem; color:#fff;}
.enroll .bbox .bmlc li span{ display:block; width:2.24rem; height:.666rem; line-height:.666rem; text-align:center; font-size:.32rem; color:#fff; margin:0 auto; background:#26c8d7; border-radius:.1rem;}
#pop-show{ width:100%; height:100%; position:fixed; left:-999rem; top:0; z-index:999;}

/**/
.editor-recommend{ padding:0 .4rem;}
.editor-recommend .tit{ height:1.146rem; line-height:1.146rem; font-size:.4rem; font-weight:bold; padding-left:.6rem; background:url("https://www.niigata-engei.com/images/news2018/ico05.png") no-repeat .04rem center; background-size:.32rem auto;}
.editor-recommend .con{ background:#fff;}
.editor-recommend .con li{ line-height:.48rem; padding-bottom:.37rem; color:#69e0e9; font-size:.37rem; text-indent:2em;}
.editor-recommend .con li a{ color:#69e0e9;}

/**/
.about-news{ background:#fff; padding:0 .4rem;}
.about-news .tags{ display:block; width:.266rem; left:.4rem; top:0;}
.about-news .list{ padding-left:.4rem;}
.about-news .list li{ height:1.186rem; line-height:1.186rem; font-size:.37rem; border-bottom:1px solid #e5e5e5; color:#666; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }

/**/
.course-recommend{ background:#fff; padding:0 .4rem;}
.course-recommend .tags{ display:block; width:.266rem; left:.4rem; top:0;}
.course-recommend .list{}
.course-recommend .list li{ border-bottom:1px solid #e5e5e5; padding:.4rem 0; overflow:hidden;}
.course-recommend .list li:last-child{ border:0;}
.course-recommend .list .pic{ float:left; width:3.066rem;}
.course-recommend .list .tex{ margin-left:3.466rem;}
.course-recommend .list .tex .t1{ padding-top:.213rem; line-height:.506rem; font-size:.4rem; font-weight:bold;}
.course-recommend .list .tex .more{ height:.746rem; line-height:.746rem; color:#999; padding-top:.133rem; font-size:.32rem;}

/**/
.downLoad{ background:#fff; line-height:.6rem; padding:.245rem .4rem; font-size:.32rem;}
.downLoad a{ color:#00cbda;}

/**/
.share{ height:1.333rem; line-height:1.333rem; background:#f1f1f1; padding:0 0 0 .4rem; font-size:.4rem; color:#666;}
.share .tit{ font-weight:bold;}

.bdshare-button-style0-24{ padding:.4rem 0 0 .186rem !important;}
.bdshare-button-style0-24 a{ width:.506rem !important; height:.506rem !important; margin:0 !important; margin-right:.2rem !important; padding:0 !important;}
.bdshare-button-style0-24 .bds_weixin{background:url("https://www.niigata-engei.com/images/news2018/share01.png") no-repeat center .0rem !important;background-size:100% auto !important;}
.bdshare-button-style0-24 .popup_sqq{background:url("https://www.niigata-engei.com/images/news2018/share02.png") no-repeat center .0rem !important;background-size:100% auto !important;}
.bdshare-button-style0-24 .bds_qzone{background:url("https://www.niigata-engei.com/images/news2018/share03.png") no-repeat center .0rem !important;background-size:100% auto !important;}
.bdshare-button-style0-24 .bds_tsina{background:url("https://www.niigata-engei.com/images/news2018/share04.png") no-repeat center .0rem !important;background-size:100% auto !important;}
.bdshare-button-style0-24 .bds_tqq{background:url("https://www.niigata-engei.com/images/news2018/share05.png") no-repeat center .0rem !important;background-size:100% auto !important;}

/**/
.area-pop-mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:300;}
.area-pop{ display:none; width:8.453rem; background:#fff; border-radius:.1rem; position:fixed; left:50%; top:1.426rem; margin-left:-4.626rem; z-index:301; padding:0 .4rem .4rem;}
.area-pop .tit{ line-height:1.173rem; font-size:.4rem;}
.area-pop .my-area{ height:.906rem; line-height:.906rem; border-bottom:1px solid #e5e5e5; font-size:.4rem;}
.area-pop .my-area .t1{ padding-left:.4rem; background:url("https://www.niigata-engei.com/images/index2018/ico17.png") no-repeat left center; background-size:.24rem auto;}
.area-pop .my-area .t2{ color:#26c8d7; padding-right:.373rem; background:url("https://www.niigata-engei.com/images/index2018/ico18.png") no-repeat right center; background-size:.28rem auto;}
.area-pop .my-area .t2 a{ color:#26c8d7;}
.area-pop .list{ margin-top:.24rem; overflow:hidden; overflow-y:auto;}
.area-pop .list ul{ width:4rem; border-right:1px solid #e5e5e5;}
.area-pop .list ul.two{ border-right:0; padding-left:.4rem; width:3.8rem;}
.area-pop .list li{ float:left; width:4rem; font-size:.4rem; line-height:.56rem; padding-bottom:.293rem;}
.area-pop .list li a{ color:#26c8d7; display:inline-block; padding-right:.373rem; margin-right:.4rem; background:url("https://www.niigata-engei.com/images/index2018/ico18.png") no-repeat right center; background-size:.28rem auto;}
.area-pop .list::-webkit-scrollbar-track-piece {
    background-color: rgba(194, 194, 194, 0);
    border-left: 1px solid rgba(255, 86, 104, 0);
}
.area-pop .list::-webkit-scrollbar {
    width: 5px;
    height: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.area-pop .list::-webkit-scrollbar-thumb {
    background-color: rgba(194, 194, 194, 0.9);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
}
.area-pop .list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(194, 194, 194, 0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*jquery-select.tipxw固定样式请勿动*/
body.body_selectBoxhs_on{position:fixed;left:0;width:100%;height:100%}
.select_boxzIndex{z-index:80;}
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs span.cover{display:block;width:100%;height:100%;position:absolute;top:0;left:0; text-align:center;}
.select_boxhs i{position:absolute}
.select_boxhs .select_boxhsBg{position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:1}
.select_boxhs .select_boxhsCon{position:fixed;width:100%;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;display:none;z-index:2}
.select_boxhs .select_boxhsCon ul {list-style-type:none;padding:0;margin:0;width:100%}
.select_boxhs .select_boxhsCon ul li{list-style-type:none;padding:0;margin:0;overflow:hidden}

/**/
.pagination{ display:inline-block; width:1.813rem; height:.8rem; vertical-align:-.25rem; margin:0 .4rem; z-index:303;}
.pagination input{display:block;width:100%; text-align:center; overflow:hidden; height:.8rem;line-height:.8rem; border:1px solid #dcdcdc; border-radius:.1rem; box-sizing:border-box; -webkit-box-sizing:border-box; font-family: "Microsoft Yahei"; color:#666;}
.pagination .select_boxhsBg{background:#000;opacity:.3}
.pagination .select_boxhsCon{max-height:7.2rem;background:#fff}
.pagination .select_boxhsCon ul li{line-height:1.2rem;height:1.2rem;text-align:center;font-size:.4rem;font-family: "Microsoft Yahei";border-bottom:1px solid #dcdcdc}

/*new share*/
.Share-Model .shareMod-list{height:.72rem;padding-top:.3rem;}
.Share-Model .shareMod-list a{width:.72rem;height:.72rem;background-size:.72rem .72rem;padding-top:0;background-position:center center;margin:0 .2rem;}
.Share-Model .shareMod-list a span{display:none;}

/*列表页导航*/
.listNav{ padding: 0.26rem 0 0 0.4rem;}
.listNav .list{ float: left; display: block; width: 2.06rem; height: 0.74rem; line-height: 0.74rem; font-size: 0.37rem; text-align: center; border: 1px solid #dcdcdc; background: #f6f6f6; margin: 0 0.26rem 0.26rem 0; border-radius: 3px;}
.listNav .list.on{ border: 1px solid #02bcc9; background: #02bcc9; color: #fff;}

/*各地资讯*/
.gdzx{ padding:0 0.4rem;}
.gdzx .cbox{ padding: 0.13rem 0; padding-bottom: 0.24rem;}
.gdzx .cbox .list{ float: left; display: block; width: 1.21rem; height:0.88rem; line-height:0.88rem; font-size:.37rem; overflow:hidden; margin-left: 0.3rem;}
.gdzx .cbox .list.on{ color: #02bcc9;}

/*全国自考*/
.qgzk{ background:#fff; padding:0 0 0 .4rem;}
.qgzk .cbox{ padding: 0.13rem 0;}
.qgzk .cbox .list{ float: left; display: block; width: 2rem; height:0.58rem; line-height:0.58rem; font-size:.32rem; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; margin-left: 0.34rem;}

/*新加图的样式*/
.onlyme{
    margin-bottom: 30px!important;
}



 .table_box {
    overflow: hidden;
    overflow-y: auto;
}
.table_box::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0);
}
.table_box::-webkit-scrollbar {
    width: 5px;
    height: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.table_box::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
}
.table_box::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}