@font-face {
	font-family: "lardphrao";
	src: url("/fonts/dsn_lardphrao.eot");
	src: url("/fonts/dsn_lardphrao.eot#iefix") format("embedded-opentype"),
	url("/fonts/dsn_lardphrao.woff") format("woff"),
	url("/fonts/dsn_lardphrao.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	
}

body,html{height:100%}
body{font:12px tahoma,Helvetica, sans-serif;color:#5d574f;background:#fff;}/*tahoma,Arial, */
select,option,input[type='text'],input[type='button'],input[type='search'],input[type='submit']{-webkit-appearance: none;
-moz-appearance: none;
appearance: none;opacity: 1}
select,option{background:#fff;color:#606060;}
.container{min-height:100%;position:relative}
.container-1{background:url(/images/bg-body.png) no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.content{padding-bottom:30px;}
.footer{position:absolute;bottom:0;left:0;height:30px;width:100%;}/*192px*/
.scrollbar::-webkit-scrollbar {width: 10px;}
.scrollbar::-webkit-scrollbar {width: 10px;}
.scrollbar::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;}
.scrollbar::-webkit-scrollbar-thumb {background: #272750;border-radius: 10px;}

a{color:#231f20;text-decoration:none}
a:hover{color:#f15a29} /*c3ad8f*/
.hpl{color:#f15a29}
.hpl:hover{color:#231f20}

h1,.h-topic{font-size:30px;font-weight:normal;color:#3a3a3a;font-family:lardphrao;-moz-border-radius: 5px ; -webkit-border-radius: 5px; border-radius: 5px} /* 20 */
h2{font-size:25px;font-weight:normal;;font-family:lardphrao} /* 15 */
/*.h-topic{background:#f76b1b url(/images/bg-topic.png) repeat-x left top;padding:0 5px;font-size:18px;color:#fff;text-transform:uppercase}*/
/*.h-topic1{background:#f76b1b url(/images/bg-topic.png) repeat-x left top;padding:0 5px;font-size:18px;color:#fff;text-transform:uppercase}*/
.h-topic{font-size:15px;font-family:tahoma,Helvetica, sans-serif;color:#fff;padding:5px 10px;font-weight:700;display:block;border:solid 1px #fdcb83;margin:5px 0;border-radius:5px;;text-transform:uppercase;background-image: linear-gradient(#fdcb83, #f76b1b)}
.h-topic i{padding-left:5px}
.h-topic1{font-size:14px;font-family:tahoma,Helvetica, sans-serif;color:#fff;padding:5px 10px;display:block;margin:5px 0 0 0;text-transform:uppercase;background-image: linear-gradient(#fdcb83, #f76b1b)}
.h-topic1 i{padding-right:5px}

.h-topic2{font-size:15px;font-family:tahoma,Helvetica, sans-serif;color:#4e4e4e;padding:5px 0;display:block;border:solid 1px #c9c9c9;margin:5px 0;border-radius:5px}
.h-topic2:before{content:'\f550';font-family:FontAwesome;float:left;padding:1px 5px }
.h-icon{background:url(/images/li.png) no-repeat left 10px;font-size:18px;padding:2px 5px 2px 20px;color:#F7941E}
.wrapper{margin:0 auto;padding:0;} /*max-width:1240px;*/

.header,.footer{margin:0 auto;width:100%}
.h-right{font-size:11px;text-align:right}
.img-zoom{cursor:zoom-in}

/**********  modified default *******************/
/*.padding-t-5{padding-top:3px}*/
/*a.hpl-add,a.hpl-edit{background:#f25a29 url(/images/bg_btn.png) repeat-x left top;}*/
.tbl_list  a{color:#0066ff}
.tbl_list  a:hover{color:#ff0000}
.bb_thickbox_inner .xclose i{color:#ff3300;font-size:16px;background:#fff;padding:2px;border-radius:50%}
.bb_thickbox_inner .xclose:hover i{color:#0000cc}
#bb_thickbox_bg2{background:#000;opacity:1;z-index:1001}
#bb_thickbox_inner2{z-index:1002}

a.hpl-manage{margin:2px auto;padding:7px 10px 7px 25px;color:#fff}
a.hpl-manage:hover{color:#fff}

a.hpl-add:hover,a.hpl-edit:hover{background-color:#f25a29}
a.hpl-add{
background-color:#f25a29;
background-image:url(/images/lib/icon-add.png),url(/images/bg_btn.png) ;
background-repeat:no-repeat, repeat-x;
background-position: 8px  8px , 0 0;
}
a.hpl-add:hover{opacity: 0.8 ;MozOpacity: 0.8;KhtmlOpacity:0.8;filter: alpha(opacity=80);color:#fff}

a.hpl-edit{background:url(/images/lib/icon-edit.png) no-repeat 3px 4px;color:#fff;background-color:#0066cc}
a.hpl-edit:hover{background-color:#231F20}
a.hpl-delete{background:url(/images/lib/icon-delete.png) no-repeat 3px 7px;background-color:#cc0000}
a.hpl-delete:hover{color:#fff;background-color:#231F20}
a.hpl-view{background-color:#f25a29}
a.hpl-view:hover{color:#fff;background-color:#231F20}


.hpl-badge{display:inline-block;background:#e8e8e8;color:#414141;padding:0 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;border:solid 1px #414141}
.hpl-badge:hover, .hpl-badge.active{background:#414141;color:#fff}
.badge-no{color:#ff0000;font-size:11px}
.badge-rg{font-size:11px;padding:2px !important}
.badge-rg:after{font-family:FontAwesome;content:'\f002';color:#00ccff;}

.hpl-nav{font-size:16px;font-weight:700;padding:5px 15px;color:#a0a0a0;border-bottom:solid 5px #fff;display:inline-block;background:#f7f7f7}
.hpl-nav:hover ,.hpl-nav.active{border-bottom:solid 5px #000;color:#000;background:none}
.tbl-form .hpl-edit{background-color:#f25a29;
background-image:url(/images/lib/icon-edit.png),url(/images/bg_btn.png) ;
background-repeat:no-repeat, repeat-x;
background-position: 8px  8px , 0 0;color:#fff}
.tbl-form .hpl-edit:hover{opacity: 0.8 ;MozOpacity: 0.8;KhtmlOpacity:0.8;filter: alpha(opacity=80);
background-color:#f25a29;
background-image:url(/images/lib/icon-edit.png),url(/images/bg_btn.png) ;
background-repeat:no-repeat, repeat-x;
background-position: 8px  8px , 0 0;
color:#fff}

a.hpl-manage2{display:inline-block;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;text-align:left;position:relative;margin:2px auto;padding:4px 10px 4px 10px;vertical-align:middle;color:#fff;background:#00cc66}
a.hpl-manage2 i{display:inline-block}
a.hpl-manage2:hover{background:#009900;color:#fff}
a.hpl-manage-s{padding:0 5px 0 20px}
a.hpl-manage-pl0{padding-left:4px;background-color:#00cc66}
/*a.hpl-view{background:#0099cc url(/images/lib/icon-view.png) no-repeat 3px 4px;}
a.hpl-order{background:#f27734 url(/images/lib/icon-order.png) no-repeat  8px 10px;padding:10px 10px 10px 25px;font-size:12px}

*/
.hpl-close{background:#e6154f !important;}
.hpl-close:hover{background:#000 !important}

.hp-danger{background:#ff0000 !important;}
.hp-danger:hover{background:#990000 !important}

/*.hpl-download{height:20px;min-width:100px;margin:0 auto;display:block;background-color:#f25a29;
background-image:url(/images/li-download.png),url(/images/bg_btn.png) ;
background-repeat:no-repeat, repeat-x;
background-position: 8px  7px , 0 0;padding:7px 5px 5px 30px;color:#fff;text-align:center}
.hpl-download:hover{color:#fff !important}*/
.input-w{padding:5px 0;width:99% !important}



/*** button  hyperlink */
.submit{background:#0066ff repeat-x left top;-moz-border-radius: 5px ; -webkit-border-radius: 5px; border-radius: 5px;}
a.submit{display:inline-block}
.submit:hover{color:#fff;background:#003399 }
.btn{color:#353535;background:#ebebeb;border:solid 1px #ccc;padding:5px 10px;cursor:pointer;font-weight:700;margin:5px 0}
.btn:hover{background:#cfcfcf;color:#353535;border-color:#353535}
.btn-cancel{cursor:pointer;background:#707070;color:#fff;padding:5px 15px;-moz-border-radius: 5px ; -webkit-border-radius: 5px; border-radius: 5px;border:none}
.btn-cancel:hover{color:#000;background:#b4b4b4}
.btn-edit{background:#ff9900;color:#fff}
.btn-edit:hover{background:#cd7f0b;color:#fff}
.btn-danger{background:#ff0000;color:#fff}
.btn-danger:hover{background:#cc0000;color:#fff}
.btn-go{background:#009900;color:#fff}
.btn-go:hover{background:#006600;color:#fff}
.btn-view{color:#3366ff !important}
.btn-view:after{font-family:FontAwesome;content:'\f002';color:#00ccff;}
.btn-view:hover{color:#0033ff !important}
.btn-view:hover:after{color:#0033ff}

.from_search_flex{border:solid 1px #ccc;background:#fcfcfc;margin:20px 0}
.flex_auto{margin:0}



/*************************/
.tbl1 .select1{display:inline-block;vertical-align:middle;width:33%;padding:5px;border:solid 1px #dddddd;height:27px}
.tbl1 .sel-f{-moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;border-right:none}
 .tbl1 .sel-l{-moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;-moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;border-left:none}
 .tbl1 .span{background:#dddddd;padding:12px 0;;height:21px;display:inline-block;text-align:center}
.tbl1 .t{padding-top:10px}
.tbl1 .i .input,.tbl1 .i .select{height:45px}
.tbl1 .i .input,.tbl1 .i .select,.tbl1 .i .txtarea{padding:10px 15px}
.tbl1 .tbl_list .input{min-width:100px !Important}

.padding-t-5{padding-top:10px}
.padding-t-10{padding-top:10px}
.tbl_list td{border:solid 1px #939598}
/*.tbl_list td:first-child{border-left:none}
.tbl_list td:last-child{border-right:none}*/
.tbl_list th{background:#fff;color:#231F20;font-weight:normal;border:solid 1px #939598}
.tbl_list th a{color:#231F20}
.tbl_list tr:hover{background-color:#f1f2f2 !important}
.tbl_list > tr:nth-child(odd) {background:#fbfbfb}

.tbl_list .input{min-height:38px}
.tbl_list_wauto{width:auto}
.tbl_group {border-collapse: separate;border-spacing: 0; }
.tbl_group tbody tr,.tbl_group tbody tr:nth-child(odd){background:#fff}
.tbl_group tbody:nth-child(odd) tr{background:#fbfbfb}
.tbl_group tbody tr:hover{background-color:#f1f2f2}
.tbl_group thead {position: -webkit-sticky;position: sticky;top: 0;z-index: 2;}
.tbl_group th,.tbl_group td{border-right:none;border-bottom:none}
.tbl_group tbody tr:last-child td{border-bottom:solid 1px #ccc}
.tbl_group thead tr th{border-bottom:solid 1px #ccc}
.page a,.page span.c,.page span.d{background:#fff;color:#231F20}
.page a:hover,.page span.c{background:#fff;color:#ef4136}
.page .page-data{background:#fff;}
.page .page-row{background:#fff;}
.page input{border:solid 1px #231F20;}
.page .page-row select{border:solid 1px #231F20}


.msg_error_inner{color:#ef4136;background-color:#f7f5f3;}
.msg_error_repeat{background:#ef4136;color:#fff;}

.breadcrumb{font-size:11px;padding:0;float:none}

#phpbeload{top:auto;bottom:0;width:auto;padding:0 5px 0 30px}
#phpbeload .phpberemove:hover{background-image: url(/images/lib/msg_move-3.png)}
#phpbeload .phpberemove{background-image:url(/images/lib/msg_move.png)}

.w-48p{width:48% !important}

/**********************************************/
/* +15 scrollbar */
.div-s1{padding:10px}
.div-s1:after{clear:both;content:'';display:block}
.header{background:#fbb040}
.header .top-header{background:url(/images/bg-header.png) repeat-x left 20px;height:34px;padding-top:20px;padding-bottom:5px}
.header .top-header .wrapper{background:url(/images/bg-top-header.png) repeat-x left top;height:34px}
.div-logo{float:left;background:url(/images/bg-header.png) repeat-x left 0;height:34px;padding:0 10px}
.logo{background:url(/images/logo.png) no-repeat 0 5px;display:block;width:78px;height:33px;}
.logo:hover{text-decoration:none}

/*.top-header .ul_mt  li:not(:first-child):not(:last-child){display:none}*/
/*div:nth-child(n+3):not(:last-child) */

.ul_mt{float:left;display:block;padding-left:0}
.ul_mt li{list-style:none}
.ul_mt > li{float:left;padding:0 0;margin:0}
.ul_mt  li  a{display:block;text-decoration:none;}
.ul_mt  li  a.hpl-mt{font-size:13px;color:#fff;padding:10px  8px;height:20px;text-align:left;display:block;}
.ul_mt  li  a.hpl-mt:hover,.ul_mt  li.active  a.hpl-mt,.menu_open{background-color:#fff;color:#3a3a3a}
.ul_mt ul{visibility:hidden;text-align:left;z-index:10;position:absolute;padding-top:11px;margin-top:-11px;border:none;padding-left:0}
.ul_mt .mn_menu ul{padding-bottom:0 !important}
.ul_mt .mn_menu .sl a{background:#d9dbdc;color:#414141;border-bottom:solid 1px #fff;padding:10px 5px;min-width:100px;position:relative}
.ul_mt .mn_menu .sl i{padding-right:5px}
.ul_mt .mn_menu .sl.li-sub2 a{padding-left:15px}
.ul_mt .mn_menu .sl a:before{padding-right:10px}
.ul_mt .mn_menu .sl a:hover,.ul_mt .mn_menu .sl a.active{color:#fbb040;background:#3a3a3a}
.ul_mt .mn_menu .sl.li-no a{}
.ul_mt .mn_menu .sl a .no span{width: 18px;height: 18px;display: flex;background: red;color: #fff;justify-content: center;align-items: center;border-radius: 10px;font-size: 10px;}
.ul_mt .mn_menu .sl a .no{display:inline-block}
.div-profile-top .ul_mt .mn_menu .l a{}
.ul_mt .mn_menu .sl .sl2 a{padding-left:30px}
.top-header .ul_mt{margin-top:-20px;padding-top:5px}
.top-header .ul_mt > li{background: url(/images/bg-menu-top.png) no-repeat right top;height:49px;}
.top-header .ul_mt > li > a{margin-top:15px;color:#fff;text-transform:uppercase;font-size:13px;;display:block;border-left:solid 1px #525252;border-right:solid 1px #525252;height:24px;padding:5px 10px 5px 0;min-width:89px;text-align:center}

.top-header .ul_mt  ul{min-width:150px;padding-top:6px}
.top-header .ul_mt  a:before{float:left;padding-left:10px;font-family:'FontAwesome';padding-right:5px}
.top-header .ul_mt .li-home:before{content:'\f015'}
.top-header .ul_mt .li-download:before{content:'\f019'}
.top-header .ul_mt .li-receipt:before{content:'\f15c'}

.top-header .ul_mt .li-article:before{content:'\f02d'}

.top-header .ul_mt .li-trianing:before{content:'\f02d'}

.top-header .ul_mt .li-test:before{content:'\f14b'}
.top-header .ul_mt .li-webboard:before{content:'\f086'}
.top-header .ul_mt .li-menu:before{content:'\f141'}
.top-header .ul_mt .li-menu:after{content:'เพิ่มเติม'}
.top-header .ul_mt > li{position:relative}


.top-header .ul_mt > li:hover,.top-header .ul_mt > li.active{background: url(/images/bg-menu-top2.png) no-repeat right top}
.top-header .ul_mt > li:hover > a,.top-header .ul_mt > li.active >  a{background:url(/images/bg-top-header2.png) repeat-x left top;color:#fbb040}


#header-menu > li:last-child{display:none}
#header-menu  .l{display:none}
/*@media screen and (max-width: 1235px) {#header-menu  li:nth-child(n+8){display:none}#header-menu li:last-child,#header-menu  .l:nth-child(n+8) {display:block}}*/
@media screen and (max-width: 1135px) {#header-menu  li:nth-child(n+7){display:none}#header-menu li:last-child,#header-menu  .l:nth-child(n+7) {display:block}}
@media screen and (max-width: 1035px) {#header-menu  li:nth-child(n+6){display:none}#header-menu li:last-child,#header-menu  .l:nth-child(n+6) {display:block}}
@media screen and (max-width: 935px) {#header-menu  li:nth-child(n+5){display:none}#header-menu li:last-child,#header-menu  .l:nth-child(n+5) {display:block}}
@media screen and (max-width: 835px) {#header-menu  li:nth-child(n+4){display:none}#header-menu li:last-child,#header-menu  .l:nth-child(n+4) {display:block}}
@media screen and (max-width: 735px) {#header-menu  li:nth-child(n+3){display:none}#header-menu li:last-child,#header-menu  .l:nth-child(n+3) {display:block}}
@media screen and (max-width: 635px) {#header-menu  li:nth-child(n+2){display:none}#header-menu li:last-child,#header-menu  .l:nth-child(n+2) {display:block}
.top-header .ul_mt .li-menu:before{content:'\f0c9'}
.top-header .ul_mt .li-menu:after{content:'Menu'}
}
@media screen and (max-width: 535px) {#header-menu  li{display:none}#header-menu li:last-child,#header-menu  .l {display:block}

}
.signin-signout{float:right;padding:0}
.signin-signout li{float:left;list-style:none;position:relative;left:0;right:0;margin-left:1px;}
.signin-signout  li  a.hpl-top{padding:8px 10px 2px 10px;color:#fff;display:block;height:24px;font-size:10px}
.signin-signout  li  a.hpl-top:hover,.signin-signout  li  a.hpl-top.active{background:url(/images/bg-top-header2.png);text-decoration:none}


.div-profile-top{float:right;position:relative}
.div-profile-top .ul_mt{}
.div-profile-top .ul_mt ul{right:0}
/*.div-profile-top .ul_mt  ul{visibility:hidden;right:0;top:30px;min-width:120px;margin-top:-10px;padding-top:-10px;background: url(/images/list_top.png) no-repeat -800px 1px;position:absolute}*/

/**/
.div-profile-top .ul_mt ul li{width:150px}
.div-profile-top .ul_mt ul li a{display:block;width:auto}

.div-profile-top .ul_mt a{color:#3a3a3a;display:block}
.top-header .div-profile-top  .ul_mt > li{background:url(/images/bg-top-header.png);margin-top:15px;height:34px;width:auto}
.top-header .div-profile-top  .ul_mt > li:hover{background:url(/images/bg-top-header2.png)}
.top-header .div-profile-top  .ul_mt > li ul{margin-top:5px}
.div-profile-top .ul_mt .ml-a{background:url(/images/desc-icon.png) no-repeat right 5px top 10px;display:block;margin:0;padding:0 20px 0 0;height:34px}
.div-profile-top .profile-image{margin:2px 0 0 5px;float:left;width:25px;height:25px;display:block;-moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%;background:#fff;float:left;overflow:hidden}
.profile-image img{width:100%}
.profile-d{float:left;color:#fff;padding:2px 0 0 5px;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:12px}
/*
.div-profile-top .ul_mt .ml-a:hover,.div-profile-top .ul_mt li.active .ml-a{background-color:#d3d2d1;}
.div-profile-top .ul_mt .ml-a:hover .profile-image,.div-profile-top .ul_mt li.active .ml-a .profile-image{background:#fff}*/
.div-profile-top .ul_mt .ml-a:hover .profile-d,.div-profile-top .ul_mt li.active .ml-a .profile-d{color:#fbb040}

#form_login{width:205px;height:85px;position:absolute;z-index:10;top:34px;right:0;display:none;}
.div_form_login{background-color:#fff;margin-top:0;border-bottom:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000}
#frm_login_top{padding:5px}
#form_login .form_login-1{float:left;padding:0 0 0 0}
#form_login .form_login-2{float:right;padding:2px 0 0 0}
#form_login .form_login-3{text-align:left;padding:3px 5px}
#form_login .input{width:120px;border:solid 1px #000;padding:5px}
#form_login .fl-1-2{padding:2px 0}
.btn_login{display:block;height:58px;padding:5px;background-color:#000;border:none;color:#fff;cursor:pointer}
.btn_login:hover{color:#fbb040}
#form_login .inputLoading{background-position:center 5px !important;padding:30px 0 !important;width:55px}




.div-verify{background:#fff;color:#3f3f3f;font-size:10px}
.div-verify .div-verify-inner{display:inline-block;width:150px;text-align:center;}
#div-verify-loading{height:45px;padding:5px 0 0 0;display:none;}
#imgverify{display:block}
.loadverify{padding-right:10px;}
.imgref{vertical-align:top;background:url(/images/refresh2.gif) no-repeat left top;width:16px;height:16px;display:inline-block;text-decoration:none;border:none}
.imgref:hover{margin:1px}
.frm-curve{border:solid 1px #736759;padding:5px;margin:5px auto}
.frm-warning{padding:10px}
.frm-warning h2{padding-bottom:10px;color:#c83767}
.frm-warning p{line-height:20px}
.frm-warning .p1{font-weight:700}

.footer{background:url(/images/bg-footer.png) repeat-x left top;text-align:center;font-size:12px;color:#808285;height:20px;padding:10px 0 0 0}

.div-manage-1{float:left;width:20%}
.div-manage-2{float:right;width: -moz-calc(80% - 20px);width: -webkit-calc(80% - 20px);width: calc(80% - 20px)}
.div-manage-1_2{float:left;width:22%}
.div-manage-2_2{float:right;width: -moz-calc(78% - 20px);width: -webkit-calc(78% - 20px);width: calc(78% - 20px)}
/****************/
.no-menu .div-manage-1_2,.no-menu .div-manage-1{float:none;width:auto}
.no-menu .div-manage-1_2 h2,.no-menu .div-manage-1 h2{display:inline-block;position:relative;left:-15px;;background:#c5c5c5;color:#3e3e3e;height:24px;font-size:15px;cursor:pointer;padding: 0 15px;;border-radius:0;margin:10px 0}
.no-menu .div-manage-1_2 h2 i,.no-menu .div-manage-1 h2 i{display:none}
.no-menu .div-manage-1_2 h2:hover,.no-menu .div-manage-1 h2:hover{left:-10px}
.no-menu .div-manage-1_2 ul,.no-menu .div-manage-1 ul{display:none;padding-bottom:10px}
.no-menu .div-manage-1_2.active > ul,.no-menu .div-manage-1.active > ul{display:block}
.no-menu .div-manage-2_2,.no-menu .div-manage-2{float:none;width:auto;}
.no-menu .div-manage-1_2 h2.active,.no-menu .div-manage-1 h2.active{left:10px;}
.no-menu .div-manage-1_2 h2.active:hover,.no-menu .div-manage-1 h2.active:hover{left:-5px}
.no-menu .div-manage-1_2 h2:before,.no-menu .div-manage-1 h2:before{font-family:'FontAwesome';content: "\f0c9";padding-right:5px}
.no-menu .div-manage-1_2 h2:after,.no-menu .div-manage-1 h2:after {width: 0;height: 0;border-top: 12px inset transparent;border-bottom: 12px inset transparent;border-left: 10px solid #c5c5c5;position: absolute;content: '';top: 0;right: -10px;z-index: 2;}
.no-menu .div-manage-1_2 h2.active:after,.no-menu .div-manage-1 h2.active:after {width: 0;height: 0;border-top: 12px inset transparent;border-bottom: 12px inset transparent;border-right: 10px solid #c5c5c5;border-left:0;position: absolute;content: '';top: 0;left: -10px;z-index: 2;}
/****************/
/*
.div-manage-1_2{float:left;width:32%}
.div-manage-2_2{float:right;width: -moz-calc(68% - 20px);width: -webkit-calc(68% - 20px);width: calc(68% - 20px)}*/
.menu-list{padding:0}
.menu-list  li{list-style:none;position:relative;}
.menu-list li a{padding:10px 10px 10px 24px;display:block;background:#d0d2d3 url(/images/bg-menuleft.png) repeat-x 0 0;margin:0;}

.menu-list > li  a:before{font-family:'FontAwesome';color:#f15a29;font-size:15px;margin-top:10px;position: absolute;top: 0;left:6px;bottom: 0;}
.menu-list > li > a:before{content:'\f009';font-size:12px}
.menu-list > li.li-sub > a:before{content:'\f138';}
.menu-list > li.li-profile > a:before{content:'\f2bb';}
.menu-list > li.li-signout > a:before{content:'\f2f5';}

.menu-list > li  > a + ul{display:none}
.menu-list  li > a.active,.menu-list > li > a.active:before{color:#f15a29;}
.menu-list > li.li-sub > a.active:before{content:'\f13a';}
.menu-list > li > a.active + ul{display:block}
.menu-list > li  ul{padding:0;margin:0;}
.menu-list > li  ul li{list-style:none}
.menu-list > li  ul li a{padding:7px 10px 7px 44px;background:#e4e5e5}
.menu-list > li  ul li a:before{content:'\f550';font-size:12px;margin-top:7px;left:26px}
.menu-list  li.li-all > a:before{content:'\f00b';}
.menu-list  li.li-sub2 > a:before{content:'\f0da';}
.menu-list > li  ul li.li-sub2 a{padding-left:50px}
.menu-list > li  ul li.li-sub2 a:before{left:36px}


.menu-list li.s,.menu-list2 li.s{padding:5px;background:#d0d2d3 url(/images/bg-menuleft.png) repeat-x 0 0;}
.menu-list form,.menu-list2 form{width:100%}
.menu-list .input-textbox,.menu-list2 .input-textbox{width:70%;margin:0px;padding:5px;float:left;height:30px}
.menu-list .btn-search,.menu-list2 .btn-search{width:30%;margin:0;padding:0;float:left;height:30px;background-image:none}

.menu-list li.li-no{position:relative}
.menu-list li .no{display:inline-block}
.menu-list li .no span{width:18px;height:18px;display:flex;background:red;color:#fff;;justify-content: center;align-items: center;border-radius:10px;font-size:10px}


.menu-list2 > li  a{padding-right:20px}
.menu-list2 > li  a:before{font-family:'FontAwesome';color:#f15a29;font-size:15px;margin-top:10px;position: absolute;top: 0;left:6px;bottom: 0;}
.menu-list2 > li > a:before{content:'';font-size:12px}
.menu-list2 > li > a > i{position:absolute;left:6px;top:14px}
.menu-list2 > li.li-sub > a:before{content:'';}

.menu-list2 > li.li-sub > a:after{font-family:'FontAwesome';color:#8d8d8d;font-size:13px;margin-top:10px;position: absolute;top: 0;right:6px;bottom: 0;content:'\f054'}
.menu-list2 > li.li-sub > a.active:after{content:'\f107';color:#f15a29}
.menu-list2 > li  > a + ul{display:none}
.menu-list2  li > a.active,.menu-list2 > li > a.active:before{color:#f15a29;}
.menu-list2 > li.li-sub > a.active:before{content:'';}
.menu-list2 > li  ul li a{padding:7px 10px 7px 44px;background:#e4e5e5}
.menu-list2 > li ul li a > i{position:absolute;left:30px;top:12px}
.menu-list2 > li  ul li a:before{content:'';font-size:12px;margin-top:7px;left:26px}
.menu-list2  li.li-all > a:before{content:'';}
.menu-list2  li.li-sub2 > a:before{content:'';}
.menu-list2 > li  ul li.li-sub2 a{padding-left:50px}
.menu-list2 > li  ul li.li-sub2 a i{left:36px}
.menu-list2 > li  ul li.li-sub2 a:before{left:36px}


.menu-list2 li.s,.menu-list22 li.s{padding:5px;background:#d0d2d3 url(/images/bg-menuleft.png) repeat-x 0 0;}
.menu-list2 form,.menu-list22 form{width:100%}
.menu-list2 .input-textbox,.menu-list22 .input-textbox{width:70%;margin:0px;padding:5px;float:left;height:30px}
.menu-list2 .btn-search,.menu-list22 .btn-search{width:30%;margin:0;padding:0;float:left;height:30px;background-image:none}

.menu-list2 li.li-no{position:relative}
.menu-list2 li .no{display:inline-block}
.menu-list2 li .no span{width:18px;height:18px;display:flex;background:red;color:#fff;;justify-content: center;align-items: center;border-radius:10px;font-size:10px}

.div-frm{padding:10px 0;}
.i-webboard{display:inline-block;background:url(/images/i-webboard.png) no-repeat left top;width:13px;height:11px;vertical-align:middle;padding:0 3px}
.i-topic{display:inline-block;background:url(/images/i-topic.png) no-repeat left top;width:13px;height:11px;vertical-align:middle;padding:0 3px}
.i-tool{display:inline-block; background:url(/images/i-tool.png) no-repeat left 0;width:13px;height:13px;vertical-align:middle;padding:0 3px;margin-top:-5px}
.i-news{display:inline-block;background:url(/images/i-news.png) no-repeat left top;width:13px;height:11px;vertical-align:middle;padding:0 3px}
.i-download{display:inline-block;background:url(/images/i-download.png) no-repeat 3px top;width:13px;height:11px;vertical-align:middle;padding:0 3px}


.i-login{display:inline-block;background:url(/images/i-login.png) no-repeat left top;width:10px;height:13px;vertical-align:middle;padding:0 3px}
.i-calendar{display:inline-block;background:url(/images/i-calendar.png) no-repeat left top;width:13px;height:11px;vertical-align:middle;padding:0 3px}



.tbl_list2 .txt{background:url(/images/i-topic.png) no-repeat left 5px;padding:0 0 0 20px}
.tbl_list2 .txt a{font-size:12px;font-weight:700}
.tbl_list2 .pin{background: url(/images/pin.png) no-repeat left 5px !important}
/*.i-webboard(display:block;background:red url(/images/i-webboard.png) no-repeat left top;width:13px;height:11px;padding:10px;color:red}*/
.webboard_detail{border-top:solid 1px #939598;border-bottom:solid 1px #939598;width:100%}
.div-circle-image .circle-image{margin:10px auto;width:90px;height:90px;display:block;-moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%;border:solid 1px #939598; background:#fff;overflow:hidden;}
.circle-image img{width:100%}
.webboard_detail .l{float:left;width:150px;overflow:hidden;}
.webboard_detail .r{float:left;width: -moz-calc(100% - 150px);width: -webkit-calc(100% - 150px);width: calc(100% - 150px)}
.webboard_detail .r .inner{border-left:solid 1px #939598;min-height:200px;}
.webboard_detail .r .inner .t1{border-bottom:solid 1px #939598;}
.webboard_detail .r .inner .t1 p,.webboard_detail .r .inner .t2{padding:0 5px}
.webboard_detail .r .inner .t1 .edit{padding:0 5px}
.no-border-top{border-top:none !important}
.div-article-photo{margin:0 auto;text-align:center}
.div-article-photo img{max-width:100%}

.content-1{max-width:800px;margin:0 auto;padding:5% 5px 0 5px}
.div-form-1{border:solid 1px #bebebe;background:#fff;width:350px;padding:10px}
.div-form-1 h1{font-weight:700;font-size:30px;text-align:center;background:url(/images/line.png) no-repeat center bottom;padding-bottom:10px}
.div-form-1 .input{padding:10px 5px!important}
.div-form-1 .l{float:left}
.div-form-1 .l p{padding:3px 0 }
.hpl-circle{padding-left:12px;background:url(/images/circle.png) no-repeat left 2px}
.div-form-1 .r{float:right}
.logo-m{background:url(/images/logo-m.png) no-repeat left bottom;width:150px;height:68px;display:block}
.btn-signin{background:url(/images/btn-signin.png) no-repeat left top;width:100px;height:43px;display:block;border:none;cursor:pointer}
.btn-signin:hover{opacity: 0.8 ;MozOpacity: 0.8;KhtmlOpacity:0.8;filter: alpha(opacity=80);}

.fs-choice{border:solid 1px #bebebe;padding:0 5px}
.fs-choice legend{font-size:12px}

.div-management .div-1{display:flex;flex-wrap: wrap;gap:20px;border:solid 1px #ccc}
.div-management .div-1 > div{flex-basis:150px;position:relative;text-align:center;display:flex}
.div-1{padding:20px}
.div-l1 i{display:none}
/*.div-1{border:solid 1px #bebebe;padding:5px;margin-bottom:10px}*/
/*.div-l1{float:left;text-align:center;width:25%;padding:5px 0;position:relative}*/

/*.div-l1 .div-no{margin:0 auto;width:80px;position:relative}*/
.div-management .div-1 > div a{border:solid 1px #bebebe;background-color:#eee;display:flex;width:100%;padding:10px;font-size:13px;font-weight:700;flex-direction: column;
    flex-wrap: wrap;

    align-items: center;border-radius:5px}
.div-management .div-1 > div a img{height:30px}
.div-management .div-1 > div a > div{margin-left:0;padding-top:10px;height: calc(100% - 40px);
    display: flex;
    align-items: center;}
.div-l1 .no{position:absolute;right:0;top:0;background:red;color:#fff;padding:5px;min-width:20px;height:20px;display:block;}
.system-w{background-color:#ff0000;color:#fff;font-size:13px;font-weight:700}

.test-e-y{color:green}
.test-e-n{color:red}
.div-topic-elearning{padding:5px 0;border-bottom:solid 2px #F15A29;margin-bottom:10px}
.div-topic-elearning h2{float:left}
.div-topic-elearning .time{float:right}
.div-topic-elearning .time div{display:inline-block}
.div-topic-elearning .time div.d{background:#E8E8E8;padding:2px 5px;color:#939598}
.elearning-q{border-bottom:solid 1px #ddd;padding:10px;text-align:left;margin-bottom:10px}
.line-black{border-bottom:solid 1px #ddd;height:1px}
.elearning-choice{padding:5px 5px 5px 15px;}
.elearning-choice:after{clear:both;content:'';display:block}
.elearning-choice input{float:left;width:25px;padding-top:5px;margin-top:2px}
.elearning-choice label{float:left;width: -moz-calc(100% - 25px) !important;width: -webkit-calc(100% - 25px) !important;width: calc(100% - 25px);padding:0}
.e-intro{margin-top:20px;border:solid 1px #939598;padding:5px;float:left}
.div-ext a{color:#f15a29}
.div-ext a:hover{color:#231f20}
.i-read{background:url(/images/read.png) no-repeat left top;width:16px;height:16px;display:inline-block}
.i-unread{background:url(/images/unread.png) no-repeat left top;width:16px;height:16px;display:inline-block}
.txt-s{color:#606060;font-size:11px}

.sub-list{border:solid 1px #e4e4e4;padding:5px;position:relative;margin-top:15px}
.sub-list .l1{position:absolute;left:5px;top:-10px;background:#fff;border:solid 1px #e4e4e4;padding:0 10px}
.sub-list .l2{padding-top:10px}
/* fixed  all template  */

#div-department-p .w-100{width:150px !important}
.mnu-l{padding:10px 0 0 0;}
.mnu-l ul{padding:0}
.mnu-l ul li a{display:block;padding:5px;border-bottom:solid 1px #ccc}
.mnu-l ul li.active a{;padding:5px;;color:#f15a29;font-weight:700;background:#ccc}
.mnu-l ul li.active a{color:#f15a29}
.tbl_list .wn{font-size:10px;color:#282828}
/*
.tbl_list .tr-warning{background:#fff0f0 !important}
.tbl_list .tr-success{background:#d5ffea !important}*/
.m-success{background:#d5ffea ;display:inline-block;height:20px;width:20px}
.block-color{display:inline-block;height:20px;width:20px;vertical-align:middle}
.article-album{padding:5px 0}
.article-album img{vertical-align:middle;display:inline-block;padding:5px}
.div-tag{margin-top:10px;}
.div-tag span,.div-tag a{display:inline-block;padding:5px}
.div-tag .tag_list{border:solid 1px #9e9e9e;}

.div-article{float:left;width: -moz-calc(33% - 20px) !important;width: -webkit-calc(33% - 20px) !important;width: calc(33% - 20px) !important;margin:5px;padding:5px;-webkit-box-shadow: 2px 3px 5px 0px rgba(201,201,201,1);
-moz-box-shadow: 2px 3px 5px 0px rgba(201,201,201,1);
box-shadow: 2px 3px 5px 0px rgba(201,201,201,1);height:250px}
.div-article .image{height:200px;overflow:hidden;position:relative;z-index:1}
.div-article .t{font-size:15px;padding-top:5px;position:relative;z-index:2;overflow:hidden;white-space:nowrap;	text-overflow: ellipsis;}
.div-article .d{color:#696969}

.hpl-btn{background:#f7941d;color:#fff;display:inline-block;padding:5px 10px}
.hpl-btn:hover,.hpl-btn.active{background:#ef4136;color:#fff}
/*.tr-noactive{background-color:#fff0f0 !important}*/


.menunav {margin-top:10px}
.menunav ul{margin:0;padding:0;border-bottom:solid 1px #9e9e9e;height:30px;}
.menunav li{list-style:none;float:left}
.menunav a{display: block;color:#6e6f6f;text-align: center;padding:5px 15px;text-decoration: none;min-width:70px;
height:20px;font-weight:700;border-right:solid 1px #e4e5e5;border-top:solid 1px #e4e5e5;}
.menunav li:first-child a{border-left:solid 1px #e4e5e5;}
.menunav a:hover {color:#f15a29}
.menunav  li.noactive a{cursor:no-drop}
.menunav  li.noactive a:hover{color:#f15a29}
.menunav li.active a{background-color:#fff;color:#f15a29;border-color:#9e9e9e;border-left:solid 1px #9e9e9e;height:21px}
.menunav .m {display: none;}
.menunav .m a{min-width:20px}

.line{border-bottom:solid 1px #9e9e9e;height:1px}
.h-line{border-bottom:solid 1px #9e9e9e;height:12px;position:relative;margin:10px 0 15px 0}
.h-line h3{position:absolute;font-size:15px;background-color:#fff;padding-right:10px}

.p-warning{font-size:11px;color:#ff6600}

#advance-search select{margin:10px 0}
.div-manage-1_2 > ul,.div-manage-1 > ul{display:block}
/*.tbl_manage .th-remove{border:none !important;padding:0}
.tbl_manage .td-remove{text-align:center;padding:0}*/
.tbl_list tr td .remove{color:#ff0000}
.tbl_list  tr td .remove:hover{color:#cc0000}
.tbl_manage tbody tr:first-child  .remove{display:none}
.tbl_manage input.price{text-align:right}
.tbl_manage textarea{height:100px}
.tbl_list tbody tr:first-child .hpl-up{visibility:hidden}
.tbl_list tbody tr:last-child .hpl-down{visibility:hidden}
.div-warning{background:#c6e2ff;color:#3b3b3b;border-bottom:solid 4px #6fb7ff}
.div-warning a{color:#ff3300;text-decoration:underline}
.div-warning{position:relative;padding:18px 35px;margin-bottom:10px;z-index:1}
.div-warning:before{content:'\f10d';position:absolute;left:10px;top:10px;font-size:17px;color:#6fb7ff;font-family:FontAwesome}
.div-warning:after{content:'\f10e';position:absolute;right:10px;bottom:10px;font-size:17px;color:#6fb7ff;font-family:FontAwesome}



.div-bbstep{text-align:center;margin:10px 0 20px 0}
.bbstep{position:relative;width:60px;display:inline-block;vertical-align:top}
.bbstep .n{width:30px;height:12px;display:block;background:#b2b2b2;position:relative;z-index:2;border-radius:50%;text-align:center;padding:7px 0 12px 0;color:#fff;margin:0 auto;font-size:11px}
.bbstep .d{text-align:center;color:#b2b2b2;padding-top:5px;font-size:11px}
.bbstep .bbstep-line{background:#b2b2b2;position:absolute;width:100%;height:4px;z-index:1;top:12px;left:-50%}
.bbstep.active .n{background:#f15a29}
.bbstep.active .bbstep-line{background:#f15a29}
.bbstep.active .d{color:#f15a29;font-size:11px}
.bbstep .n.link{cursor:pointer}
.div-bbstep .bbstep:first-child .bbstep-line{display:none}

.rstatus div{border-top:solid 1px #dddddd;color:#444444}
.rstatus-2{color:#ff6600}
.rstatus-1{color:#ff0000}
.rstatus8{color:#009900}

.div-content{padding:10px}
.div-test{padding:10px;border:solid 1px #dddddd;border-radius:5px}

.div-border{border:solid 1px #dddddd;padding:5px}

.sec-success{text-align:center;margin:50px auto;max-width:300px;background:#f8f8f8;padding:50px 20px;border-radius:5px}
.sec-success-s{margin:0;padding:0;background:#fff}
.sec-success-lg{max-width:600px}
.sec-success .div-icon{width:100px;height:100px;border-radius:50%;background:#ffffff;display:flex;align-items: center;justify-content: center;margin:0 auto}
.sec-success i{font-size:50px;color:#9ABC66}
.sec-success .p1{font-size:24px;color:#110338;padding:20px 10px 10px 10px; text-transform: uppercase;}
.sec-success a{background:#ff9900;padding:5px 15px;color:#fff;display:inline-block;margin:10px auto}
.sec-success a:hover{background:#ff3300;color:#fff}
.sec-success .hpl-image{background:#0099cc;color:#fff}
.sec-success .hpl-image:hover{background:#003399}
.sec-success .hpl-download{background:#009900}
.sec-success a i{color:#fff;vertical-align:middle;font-size:15px}
.sec-success .tbl_list{background:#fff}
.sec-success .tbl_list td{text-align:left;}
.fa-s{font-size:12px !important}
.sec-success #div-icon-error{display:none}
.sec-success #div-icon-error .div-icon{background:red}
.sec-success #div-icon-error i{color:#fff !important}
.sec-success .text-danger{color:#ff0000}
.sec-success .text-sucess{color:#009900}
.tr-danger {background:#ffdddd !important}
.td-danger{background:#ff0000 !important;color:#fff}
/*.sec-success .tbl_list td  i.fa-check{text-align:center;display:block}*/
.fa-loading{background:url(../../images/loading.gif) no-repeat left top;width:50px;height:30px;display:inline-block;background-size:100%}
.div-loading{background:url(../../images/loading.gif) no-repeat left top;width:100px;height:60px;display:inline-block;background-size:100%}
.autotextarea{overflow:hidden}
.flex{display:flex; flex-wrap: wrap;}
.flex.flex3r > div{flex:33.33%}
.flex.flex-between{justify-content: space-between}
.tr-no-border-lr th,.tr-no-border-lr td{border-left:none;border-right:none;padding-top:10px}
.fs-warning{border:solid 1px #ff3333;padding:10px}
.fs-warning legend{font-size:20px;color:red;padding:0 10px}
.div-td-manage{width:75px;text-align:center;margin:0 auto}
.div-td-manage a{display:block}

.frm_search_flex{border:solid 1px #ccc;padding:10px;margin-top:5px}
.frm_search_flex:after{content:'';display:block;clear:both}
.frm_search_flex  .input{ box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:10px; height: 40px;border : 1px #ccc solid;width:100%}
.frm_search_flex  > .input,.frm_search_flex .div-input{width:calc( 25% - 10px );float:left;margin:5px}
.frm_search_flex .div-input2{vertical-align: center;width:calc( 50% - 10px );float:left;margin:5px;background:red}
.frm_search_flex .div-input2 .input{width:50%;margin:0;float:left }
.frm_search_flex .div-input2 .input:first-child{border-right:none}
.frm_search_flex .div-input2 .input:last-child{border-left:solid 1px #efefef}
.frm_search_flex .div-input:after{content:'';display:block;clear:both}
.frm_search_flex .div-input > div{float:left}
.frm_search_flex .div-input > div:first-child{width:50px;border:solid 1px #ccc;background:#efefef;height:38px; display: flex; justify-content: center;align-items: center;border-right:none}
.frm_search_flex .div-input > div:last-child{width:calc(100% - 52px)}
.frm_search_flex .div-input.wi-100 > div:first-child{width:100px}
.frm_search_flex .div-input.wi-100 > div:last-child{width:calc(100% - 102px)}
.frm_search_flex .div-input.wi-150 > div:first-child{width:150px}
.frm_search_flex .div-input.wi-150 > div:last-child{width:calc(100% - 152px)}
.frm_search_flex .div-btn{display:block;padding:5px}
.show-text-search{text-align:left}
.show-text-search .badge{padding:5px;margin:5px 5px 5px 0}
.parent-half .div-half:nth-child(odd){content:'';display:block;clear:both}
.div-hr{border:none;background:#ccc;height:1px;display:block}
.receipt_status-2{color:#ff6600}
.receipt_status-1{color:#ff0000}
.receipt_status8{color:#009900}

.span-short a{color:#ccc;border:solid 1px #ccc;padding:0 3px;background:#fff !important}
.span-short a:hover{color:#000;border-color:#000}

.div-quarter{float:left;width:25%}

.tbl_progress{display:flex;align-items: center;}
.tbl_progress > div{padding:3px 10px;border:solid 1px #ccc;background:#f7f7f7}
.tbl_progress > div.l{border:none;padding:2px;}
.tbl_progress > div.l:before{font-family:FontAwesome;content:'\f061'}
.tbl_progress > div.sp{background:#ffc1ff}
.tbl_progress > div p{font-size:11px;}

.div_show_progress{padding:10px;max-width:600px;margin:20px auto;background:#fbfbfb}
.div_show_progress1{max-width:300px}
.div_show_progress .flex > div.f1{min-width:250px}
.div_show_progress .flex > div.f2{min-width:250px;border:solid 1px #ccc;padding:10px;border-radius:10px;background:#fff}

.div_progress_status{position:relative;}
.div_progress_status .d{display:flex;position:relative;padding-bottom:20px;z-index:2}
.div_progress_status .icon{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;justify-content: center;align-items: center;color:#fff;border:solid 2px #b2b2b2;color:#b2b2b2}

.div_progress_status .l{width:4px;background:#b2b2b2;position:absolute;height:100%;top:0;left:12px;z-index:1}

.div_progress_status .detail{padding:0 10px;color:#ccc;display: flex;flex-direction: column;justify-content: center;}
.div_progress_status .p1{font-weight:700}
/*
.div_progress_status .p2{line-height:13px;font-size:12px;color:#373737}
.div_progress_status .p3{line-height:13px;font-size:11px;color:#797979}
.div_progress_status .pd{line-height:13px;font-size:11px;color:#797979}
*/
.div_progress_status .pc{color:#a4a4a4}

.div_progress_status .p2:before{font-family:FontAwesome;content:'\f007';padding-right:3px}
.div_progress_status .p3:before{font-family:FontAwesome;content:'\f133';padding-right:3px}
.div_progress_status .p4:before{font-family:FontAwesome;content:'\f254';padding-right:3px}
.div_progress_status .pd:before{font-family:FontAwesome;content:'\f041';padding-right:3px}
.div_progress_status .pc:before{font-family:FontAwesome;content:'\f058';padding-right:3px}
.div_progress_status .icon i{font-size:10px}
.div_progress_status1 .detail{color:#5c5c5c}
.div_progress_status1 .p1{color:#000}
.div_progress_status1 .icon{background:#8c8c8c;border-color:#8c8c8c;color:#fff}

.div_progress_status2 .detail,.div_progress_gstatus1 .detail{color:#000}
.div_progress_status2 .icon,.div_progress_gstatus1 .icon{border-color:#00cc00;color:#fff}

.div_progress_status2 .icon,.div_progress_status2 .l{background:#00cc00}
.div_progress_rstatus-2 .icon,.div_progress_status-2 .icon{background:#ff9900;border-color:#ff9900;color:#fff}
.div_progress_rstatus-2 .d2{border:solid 1px #ff6600;background:#fff}
.div_progress_rstatus-2 .d2 p,.div_progress_status-2 .d2 p{padding:0 5px}
.div_progress_rstatus-2 .d2 .div-remark{margin-left:5px;margin-right:5px;margin-bottom:5px}
.div_progress_rstatus-2 .p4,.div_progress_status-2 .p4{background:#ff6600;color:#fff}
.div_progress_rstatus-2 .p4:before,.div_progress_status-2 .p4:before{content:'\f044'}
.div_progress_status-2 p{color:#000}
.div_progress_status-2 .p5{color:#fff;font-weight:700;background:#ff9900;padding:5px}

.div_progress_rstatus-1 .icon,.div_progress_status-1 .icon{background:#ff0000;border-color:#cc0000;color:#fff}
.div_progress_rstatus-1 p.div_progress_status-1 p{color:#ff0000}
.div_progress_status-1 p{color:#000}
.div_progress_status-1 .p5{color:#fff;font-weight:700;background:#ff0000;padding:5px}
.popup-success{padding:30px 0 20px 0;text-align:center}
.popup-success i{display:block;text-align:center;color:#009933;font-size:75px}
.popup-success .d{padding-top:20px ;font-size:16px}
.popup-success .link{padding:3px 20px;border:solid 1px #ccc;color:#000;margin-top:10px;display:inline-block}
.popup-success .link:hover{background:#f4f4f4}

.popup-alert{padding:30px 0 20px 0;text-align:center}
.popup-alert i{display:block;text-align:center;color:#ff0000;font-size:30px}
.popup-alert .d{padding-top:20px ;font-size:16px}
.popup-alert .link{padding:3px 20px;border:solid 1px #ccc;color:#000;margin-top:10px;display:inline-block}
.popup-alert .link:hover{background:#f4f4f4}

.popup-confirm{padding:30px 0 20px 0;text-align:center}

.popup-confirm .text{padding-top:10px ;font-size:13px}
.popup-confirm .link{padding:3px 20px;border:solid 1px #ccc;color:#000;margin-top:10px;display:inline-block}

.popup-confirm .pcf-1{background:#0fbf68}
.popup-confirm .pcf-0{background:#dadddb}
.popup-confirm .link:hover{opacity:.8}
.div-td-manage{width:auto}
.tbl_list a.hpl-manage2{padding-left:5px}
/*.tbl_list .div-td-manage{display:flex;flex-direction: column;width:auto}*/
.tbl_list .div-td-manage a{margin:1px ;display:block;}
.tbl_list .div-td-manage a i{}

/*align-items: center;*/
.div_tab{display:flex;justify-content: space-between;align-items: center;}
.div_tab a{color:#9d9d9d;font-size:16px;border:solid 1px #ccc;padding:10px;display:inline-block}
.div_tab a:hover,.div_tab a.active{color:#000;border-color:#000;background:#eaeaea}
.div_tab a.mn{background:#00cccc;color:#3a3a3a;border-color:#00cccc}
.div_tab a.mn:hover{color:#fff}
/*
.div_tab{padding:10px 0 }
.div_tab label{color:#000;text-decoration:underline}
.div_tab a{color:#9d9d9d;font-size:16px;border:solid 1px #ccc;padding:10px;display:inline-block}
.div_tab a:hover,.div_tab a.active{color:#000;border-color:#000;background:#eaeaea}
*/

.bg-success,.bg-warning,.bg-waitingpayment,.bg-waiting{margin-top:5px;padding:2px 5px;font-size:11px}
.bg-success{background:#009900;color:#fff;border:none;}
.bg-success:before{font-family:'FontAwesome';content: "\f058";;padding-right:2px}
.bg-warning{background:#ff9900;color:#fff;border:none;}
.bg-warning:before{font-family:'FontAwesome';content: "\f058";padding-right:2px}

.bg-waitingpayment,.bg-waiting{background:#fff;color:#8b8b8b;border:solid 1px #ccc;}
.bg-waitingpayment:before{font-family:'FontAwesome';content: "\f53d";padding-right:2px}
.bg-waiting:before{font-family:'FontAwesome';content: "\f251";padding-right:2px}
.div-rstatus-1{color:#009900}
.div-rstatus-1:before{font-family:'FontAwesome';content: "\f058";padding-right:2px}
.div-rstatus--1{color:#ff0000}
.div-rstatus--1:before{font-family:'FontAwesome';content: "\f057";padding-right:2px}
.div-rstatus--2{color:#ff6600}
.div-rstatus--2:before{font-family:'FontAwesome';content: "\f044";padding-right:2px}
.div-rstatus-0{color:#737373}
.div-rstatus-0:before{font-family:'FontAwesome';content: "\f251";padding-right:2px}

.div_part1{display:flex}
.div_part1 .d1{width:calc( 100% - 260px)}
.div_part1 .d2{width:250px;padding:10px 0 0 20px}


.div-remark{position:relative;margin-top:10px;padding:5px;border:solid 1px #ccc;background:#fff;border-radius:5px}
.div-remark::before {
	content:'';
  width: 0px;
  height: 0px;
  position: absolute;
  background: transparent;
  border: 5px solid #ccc;
  top: -10px; 
  left: 5px;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.layer_list{display:flex;flex-wrap: wrap;}
.layer_list .list{display:flex;flex-direction: column; flex:1;}
.layer_list .list > div:last-child{margin-top: auto;}
.layer_list  .list {min-width:calc(16.66% - 12px );max-width:calc(16.66% - 12px );margin:5px;border:solid 1px #ccc;position:relative}
/*.layer_list .list-add{padding-bottom:40px;}*/
.layer_list .photo{width:auto;;position:relative;overflow:hidden;display:flex;align-items: center;justify-content: center;;margin:5px}
.layer_list .photo img{ width: 100%;aspect-ratio: 1 / 1; object-fit: cover;cursor: zoom-in;}
.layer_list .t{padding: 5px;font-size:16px;font-weight:700}
.layer_list a{color:#696969;font-weight:700}
.layer_list .m{padding:5px;/*display:flex;justify-content: space-between;align-items: center;*/}
.layer_list .d{padding:10px;display:none}
.layer_list .u{display:none}
.layer_list .point{color:#0033cc;font-size:20px;}
.layer_list .stock{color:#006600;font-size:13px;}
.layer_list .empty{color:#ff0000;font-size:13px}
.layer_list .withdraw{background:#b9e0fa;color:#0099ff;display:inline-block;padding:0 3px}
.layer_list .button{display:flex;width:100%;gap:5px;padding-top:5px}
.layer_list .button  a{display:block;padding:10px 5px;margin:3px 0;width:50%}
.layer_list .button .button-add{background:#fff;color:#ff6600;border:solid 1px #ff6600}
.layer_list .button .button-detail{background:#fff;color:#787878;border:solid 1px #787878}
.layer_list .button .button-close{display:none}
.layer_list .button .button-add:before{font-family:FontAwesome;content:'\f0fe';font-size:16px;padding-right:5px}
.layer_list .button .button-add:hover{background:#ff6600;color:#fff;border-color:#ff6600}

.layer_list .button .button-detail:before{font-family:FontAwesome;content:'\f05a';font-size:16px;padding-right:5px}
.layer_list .button .button-detail:hover{background:#787878;color:#fff;border-color:#787878}

.pop_list{}
 .pop_list {margin:5px;position:relative}
 .pop_list:after{content:'';display:block;clear:both}
/*.layer_list .list-add{padding-bottom:40px;}*/
.pop_list .photo{width:auto;;position:relative;overflow:hidden;display:flex;align-items: center;justify-content: center;float:left;width:calc(30% - 10px);padding-right:10px;padding-bottom:10px}
.pop_list .photo img{ width: 100%;aspect-ratio: 1 / 1; object-fit: cover;cursor: zoom-in;}
.pop_list .t{font-size:16px;font-weight:700;}
.pop_list a{color:#696969;font-weight:700}
.pop_list .t,.pop_list .m{float:right;width:70%}
.pop_list .d{padding:10px}
.pop_list .u{display:block}
.pop_list .point{color:#0033cc;font-size:20px;}
.pop_list .stock{color:#006600;font-size:13px;}
.pop_list .empty{color:#ff0000;font-size:13px}
.pop_list .withdraw{background:#b9e0fa;color:#0099ff;display:inline-block;padding:0 3px}
.pop_list .button{}
.pop_list .button  a{display:inline-block;padding:10px 5px;margin:3px 0}
.pop_list .button .button-add{background:#fff;color:#ff6600;border:solid 1px #ff6600}
.pop_list .button .button-close{background:#fff;color:#868686;border:solid 1px #868686}
.pop_list .button .button-detail{display:none}

.pop_list .button .button-add:before{font-family:FontAwesome;content:'\f0fe';font-size:16px;padding-right:5px}
.pop_list .button .button-add:hover{background:#ff6600;color:#fff;border-color:#ff6600}
.pop_list .button .button-close:before{font-family:FontAwesome;content:'\f00d';font-size:16px;padding-right:5px}
.pop_list .button .button-close:hover{background:#868686;color:#fff;border-color:#868686}
.pop_list h3{text-decoration:underline;padding-top:5px}
.pop_list .ndata{padding:5px; font-style: italic;color:#4e4e4e}

.div_cart{margin:0 auto}
.div_cart .item{display:flex;align-items: center;padding:10px;border-bottom:dotted 1px #ccc}
.div_cart .item > div{}
.div_cart .item img{width:100%;max-width:130px;aspect-ratio: 1 / 1; object-fit: cover;cursor: zoom-in;}
.lz-img{cursor:zoom-out}
.div_cart .item .d{width:calc(100% - 300px);font-weight:700}
.div_cart .item .p{width:100px;padding:0 5px;text-align:center}
.div_cart .item .n{width:100px;padding:0 5px}
.div_cart .item .n input {width:100%;}
.div_cart .item .s{width:100px;text-align:right}
.div_cart .item input{width:80%}
.div_cart .item-top{font-weight:700}
.div_cart .item-top .p,.div_cart .item-top .n{text-align:center}
.div_cart .item .remove{font-size:11px;background:#ccc;border:solid 1px #c5c5c5;display:inline-block;padding:0px 5px;border-radius:3px;font-weight:normal;color:#000}
.div_cart .item .remove:before{font-family:FontAwesome;content:'\f146';padding-right:2px;color:#747474}
.div_cart .item .remove:hover{background:#e1e1ff;color:#000}

.div_cart .item_total{border-bottom:solid 1px #ccc;padding:10px;float:right}
.div_cart .item_total > div{display:flex;align-items: center;justify-content: flex-end;font-weight:700;padding:5px 0}

.div_cart:after{display:block;content:'';clear:both}
.div_cart .item_total .d{width:100px}
.div_cart .item_total .t{width:150px;text-align:right}
.div_cart .item  .topic2{display:none;font-weight:700}
.input-group-spinner{display:flex}
.input-group-spinner  button{background:#fff;border:solid 1px #bbbbbb;color:#272727;padding:5px;cursor:pointer}
.input-group-spinner  button.btn-decrement{border-top-left-radius:5px;border-bottom-left-radius:5px;margin-right:-1px}
.input-group-spinner  button.btn-increment{border-top-right-radius:5px;border-bottom-right-radius:5px;margin-left:-1px}
.input-group-spinner input{border:solid 1px #bbbbbb;text-align:center;border-radius:0}

.badge-focus{background:#ddd;display:inline-block;padding:1px 10px;;margin:2px;;border-radius:5px;font-size:14px}
.badge-minus{color:#ff0000}
.div-success{background:#e8ffe8;border:solid 1px #00fd00;padding:10px}
.form-control-flex{display:flex;align-items: center;}
.form-control-flex span{background:#ccc;    height: 45px;display:flex;align-items: center;padding:0 10px}
.form-control-flex input:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.form-control-flex input:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.div_menu:after{content:'';display:block;clear:both}
.div_menu .div_menu1{float:left;width:150px}
.div_menu .div_menu1 ul{list-style:none}
.div_menu .div_menu2{float:right;width:calc(100% - 160px)}
.div_btn_list{display:block}
.div_btn_list button{display:block;padding:10px;border:solid 1px #ccc;width:100%;text-align:left;margin:5px 0;cursor:pointer}
.div_btn_list button:hover{opacity:0.8}
.div_btn_list .b-edit{background:#ff9900;color:#fff;border-color:#ff9933}
.div_btn_list .b-approve{background:#009900;color:#fff;border-color:#006633}
.div_btn_list .b-next{background:#0033cc;color:#fff;border-color:#003399}
.div_btn_list .b-cancel{background:#ff0033;color:#fff;border-color:#ff0000}
.frm_progress_approve h3{font-size:18px;border-bottom:solid 1px #ccc}
.frm_progress_approve .detail{padding:10px;text-align:center}
.frm_progress_approve button{width:45%;border:solid 1px #ccc;background:#ddd;padding:5px;cursor:pointer}
.frm_progress_approve button.b-save{background:#0066cc;border-color:#006699;color:#fff}
.frm_progress_approve button.b-save2{background:#ff0033;border-color:#ff0000;color:#fff}

.frm_progress_approve button:hover{opacity:.8}
.money-plus{color:#0033cc;font-weight:600}
.money-minus{color:#ff0000;font-weight:600}

.cate-list > li a{background:#fff;font-size:14px}
.cate-list > li > a:before{color:#000;content:'\f054'}
.cate-list > li > a:hover:before{color:#ff3300 !important;font-weight:700}
.cate-list > li.li-sub > a.active{color:#ff3300;font-weight:700}
.cate-list > li.li-sub > a:before{color:#000;content:'\f054'}
.cate-list > li.li-sub > a.active:before{content:'\f107';color:#ff3300;;font-weight:700}
.cate-list > li  ul li a{background:#fff}
.cate-list > li  ul li a:before{content:'\f0da';color:#000}
.cate-list > li  ul li a:hover:before,.cate-list > li  ul li a.active:before{color:#ff3300}


.product_sub_list{border:solid 1px #ccc;padding:10px;margin-bottom:10px}
.product_sub_list h3{float:left;font-size:20px;color:#273ab4}
.product_sub_list h4{font-size:18px}
.product_sub_list-s h3{font-size:16px;float:none}
.product_sub_list-s h4{font-size:14px;float:none}
.product_sub_list .hpl-rm{float:right;color:#ff0000}
.product_sub_list .hpl-rm:before{content:'\f056';color:#ff3300;;font-weight:700;font-family:FontAwesome;padding-right:5px}
.company_sub_list{border-top:solid 1px #ccc;margin-top:10px;padding:10px 0}
.product_sub_list_inner1{margin-top: 10px;padding: 10px;background: #ecf3f3;}
.product_sub_list .msg_error_inner{text-align:left}

.form_add{display:flex}
.form_add label{background:#ccc;display:flex;align-items: center;padding:5px}
.form_add select{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;padding:5px;border:solid 1px #ccc}
.form_add button{background:#006600;color:#fff;border:solid 1px #009900;padding:5px}
.form_add button:before{content:'\2b';color:#fff;;font-weight:700;font-family:FontAwesome;}

.ol-inside{padding-left:0}
.grid3{display:flex;justify-content: space-between;gap:5px}
.grid3 .glayer{display:flex;width:33.33%}
.grid3 .glayer{}
.grid3 .glayer .gd1{font-weight:700;padding-right:5px;white-space: nowrap;}
/*.grid_subteam .glayer1{width:60%}
.grid_subteam .glayer2,.grid_subteam .glayer3{width:20%}
*/
.product-pd{padding:5px}
.product-pd .tbl_list{background:#fff}
.product-pd1{background:#fff9f9}
.product-pd1 h4{color:#927171}
.product-pd2{background:#e7f9ff}
.product-pd2 h4{color:#2d315b}

.row,.row-noresp{border:solid 1px #ccc;padding:10px;background:#fff;margin-bottom:10px;display:block}
/***** responsive ****/
@media screen and (max-width: 1700px) {
	.layer_list  .list {min-width:calc(20% - 12px );max-width:calc(20% - 12px );}

}
@media screen and (max-width: 1455px) {
	.layer_list  .list {min-width:calc(25% - 12px );max-width:calc(25% - 12px );}

}
@media screen and (max-width: 1200px) {
	.div-quarter{width:50%}
	.frm_search_flex .div-input{width:50%}
	.layer_list  .list {min-width:calc(33.33% - 12px );max-width:calc(33.33% - 12px );}
	.grid_subteam{flex-wrap:wrap;justify-content: flex-start}
	.grid_subteam .glayer1{width:100%}

}
@media screen and (max-width: 920px) {
	.layer_list  .list {min-width:calc(50% - 12px );max-width:calc(50% - 12px );}
}


@media screen and (max-width: 900px) {
	.div-article{float:left;width: -moz-calc(50% - 20px) !important;width: -webkit-calc(50% - 20px) !important;width: calc(50% - 20px) !important}
	.div-l1{width:33.33%}
	.flex.flex3r > div{flex:50%}
	.frm_search_flex > .input,.frm_search_flex .div-input{width:calc(33.33% - 10px);}
	.frm_search_flex .div-input{width:50%}
	.frm_search_flex .div-input2{width:calc(100% - 10px);background:red}
}
@media screen and (max-width: 720px) {

	.breadcrumb{display:none}
	.div-manage-1_2,.div-manage-1{float:none;width:auto}
	.div-manage-1_2 h2,.div-manage-1 h2{display:inline-block;position:relative;left:-15px;;background:#c5c5c5;color:#3e3e3e;height:24px;font-size:15px;cursor:pointer;padding: 0 15px;;border-radius:0;margin:10px 0}
	.div-manage-1_2 h2 i,.div-manage-1 h2 i{display:none}
	.div-manage-1_2 h2:before,.div-manage-1 h2:before{font-family:'FontAwesome';content: "\f0c9";padding-right:5px}
	.div-manage-1_2 h2:after,.div-manage-1 h2:after {width: 0;height: 0;border-top: 12px inset transparent;border-bottom: 12px inset transparent;border-left: 10px solid #c5c5c5;position: absolute;content: '';top: 0;right: -10px;z-index: 2;}
	.div-manage-1_2 h2:hover,.div-manage-1 h2:hover{left:-10px}
	.div-manage-1_2 ul,.div-manage-1 ul{display:none;padding-bottom:10px}
	.div-manage-1_2.active > ul,.div-manage-1.active > ul{display:block}
	.div-manage-2_2,.div-manage-2{float:none;width:auto;}
	.div-manage-1_2 h2.active,.div-manage-1 h2.active{left:10px;}
	.div-manage-1_2 h2.active:after,.div-manage-1 h2.active:after {width: 0;height: 0;border-top: 12px inset transparent;border-bottom: 12px inset transparent;border-right: 10px solid #c5c5c5;border-left:0;position: absolute;content: '';top: 0;left: -10px;z-index: 2;}
	.div-manage-1_2 h2.active:hover,.div-manage-1 h2.active:hover{left:-5px}

	.frm_search_flex > .input,.frm_search_flex .div-input{width:calc(50% - 10px);}
	.div-quarter{width:100%}
}
@media screen and (max-width: 640px) {
		.div-l1{width:50%}
		.flex.flex3r > div{flex:100%}
		.div_show_progress{max-width:none}
		.div_show_progress .flex > div.f1{min-width:auto}
		.div_show_progress .flex > div.f2{min-width:auto}
		.div_tab{flex-direction: column-reverse;align-items: flex-start}
		.div_tab > div{padding-bottom:5px}
		.item_list > div{width:calc(50% - 12px )}
		.item_list > div.list3{width:calc(100% - 12px )}
		.pop_list .photo{width:calc(40% - 10px);}
		.pop_list .t,.pop_list .m{width:60%}
}

@media screen and (max-width: 460px) {
	.flex.flex-reverse{flex-direction: column-reverse;}
	.frm_search_flex > .input,.frm_search_flex .div-input{width:calc(100% - 10px);}
	.layer_list  .list {min-width:calc(100% - 12px );max-width:calc(100% - 12px );}
	.pop_list .photo{width:100%;float:none}
	.pop_list .t,.pop_list .m{width:100%;float:None}
	
	.div_cart .item{display:block}
	.div_cart .item-top{display:none}
	.div_cart .item:after{content:'';display:block;clear:both}
	.div_cart .item .d{float:left;width:calc(40% - 10px);padding:0;margin-right:10px}
	.div_cart .item .p,.div_cart .item .n,.div_cart .item .s{float:right;width:60%;padding:0;text-align:right;display:flex;align-items: center;
        justify-content: space-between;padding:5px 0;}
		.div_cart .item .n > div:last-child{float:right}
	.div_cart .item  .topic2{text-align:left;padding-right:10px;display:block}
	.div_cart .item img{max-width:100%}
	.grid_subteam .glayer{width:100%}
}