.dashboard-learn{
	width:100%;
	height:571px;
	background:url(../images/dashboard-learn/bg.png) top center no-repeat;
	    padding-top: 30px !important;
	}
.dash-topmid{
	width:100%;
	height:auto;
	}
.dash-top{
	width:100%;
	height:auto;
	text-align:left;
	}
.dash-top img{
	max-width:100%;
	}
.dashboard-pic{
	position:relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom: 50px;
	padding-top: 15px;
	padding-left: 15px;
	min-height: 155px;
	background:url(../images/mice-dashboard/banner-name/bg-head.jpg) top left no-repeat;
	}
.dashboard-pic img{
	max-width:100%;
	height:auto;
	}
	
.dashboard-pic .d-breadcrumb{
	position:absolute;
	top: 15px;
	width:100%;
	font: 20px/20px 'THSarabunNewRegular', Arial, sans-serif;
	color:#000;
	text-align:left;
	}
.dashboard-pic .d-breadcrumb a{
	color:#000;
}
.dashboard-pic .d-breadcrumb span{
	padding-right: 19px;
	background: url(../images/mice-dashboard/o-arrow-down.png) 98% 50%  no-repeat;
	}
.dashboard-pic .d-breadcrumb span:last-child{
	background:none;
	}
	
					
	
.sub-dashboard{
	background:#f7f7f8 url(../images/mice-dashboard/sub-d.png) top center no-repeat;
	padding-bottom:50px;
	}



.mice-dashboard{
	margin-top: 0;
	}
	
.mice-dashboard .tab-left{
	padding-bottom:300px;
	background: #a01d23;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}	
	
.mice-dashboard .tab-left ul{
	padding-top: 15px;

	
	}		
.mice-dashboard .tab-left ul li{
	font: 17px/24px 'lineseed', Arial, sans-serif;
	list-style:none;
	padding: 21px 0;
	padding-left: 55px;
	background:url(../images/mice-dashboard/gray-bullet.png) 30px 50% no-repeat;
	}
.mice-dashboard .tab-left ul li:last-child{
	
}
.mice-dashboard .tab-left ul li a{	
	color:#fff;
}
.mice-dashboard .tab-left ul li.select{
	position:relative;
	background: #f6f6f7 url(../images/mice-dashboard/blue-bullet.png) 15px 50% no-repeat;
	border-bottom:none;
	margin-left:15px;
	padding-left: 40px;
	-webkit-border-top-left-radius: 100px;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-topleft: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	}
.mice-dashboard .tab-left ul li .c-t{
	position:absolute;
	top:-31px;
	right:0;
	width:31px;
	height:31px;
	background:url(../images/mice-dashboard/c-t.png) no-repeat;
	display:none;
}
.mice-dashboard .tab-left ul li .c-b{
	position:absolute;
	bottom:-31px;
	right:0;
	width:31px;
	height:31px;
	background:url(../images/mice-dashboard/c-b.png) no-repeat;
	display:none;
}

.mice-dashboard .tab-left ul li.select .c-t{
	display:block;
}
.mice-dashboard .tab-left ul li.select .c-b{
	display:block;
}
	
	
.mice-dashboard .tab-left ul li.select a{	
	color:#000;
}
			
/**********************************************/
.mice-dashboard .box-right{

	
	}	
.mice-dashboard .box-right .banner-name{
	min-height: 89px;
	padding:15px;
	padding-top: 31px;
	margin-bottom:30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font: 22px/24px 'lineseed', Arial, sans-serif;
	color:#333333;
	background:url(../images/mice-dashboard/banner-name/bg-suck.jpg) top left no-repeat;
	background-size: 100%;
	font-weight: bold;
}
.mice-dashboard .box-right .banner-name img{
	max-width:100%;
	height:auto;
}



.mice-dashboard .box-right .top{

	
	}		
.mice-dashboard .box-right .top .bar{
	background:#417041;
	padding:10px;
	font: 20px/24px 'lineseed', Arial, sans-serif;
	width:max-content;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	box-shadow: inset 0 0 10px #0003;
	}		
.mice-dashboard .box-right .top .bar a{	
	color:#fff;
}
.mice-dashboard .box-right .top .bar .select{
	padding:10px 35px;
	background:#fff;
	
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	
	font-weight:bold;

	}	
.mice-dashboard .box-right .top .bar .select a{
	color: #417041;
	}	
		
.mice-dashboard .box-right .top .bar .normal{
	padding:10px 35px;
	}		
/******************************************/	
.mice-dashboard .box-right .mid{
	    margin-top: 15px;

	
	}	
	
.mice-dashboard .box-right .mid .box-graph{
	padding:10px;
	background:#fff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border: #bbbbbb 1px solid;
	border-radius: 25px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	overflow:hidden;
	}		


.mice-dashboard .box-right .mid .box-graph .g-top{
	
	
}
	
.mice-dashboard .box-right .mid .box-graph .title{
	font: 20px/24px 'lineseed', Arial, sans-serif;
	color:#000;
	text-align: center;
	}
.mice-dashboard .box-right .mid .box-graph .title span{
	padding: 0px 10px;
}
	
.mice-dashboard .box-right .mid .box-graph .g-mid{
	position:relative;
	margin-top:15px;
	text-align: center;
	
}
.mice-dashboard .box-right .mid .box-graph .g-mid img{
	max-width:100%;
}
.mice-dashboard .box-right .mid .g-map{
	padding:15px;
	padding-bottom:30px;
	background:#fff;
	border:#bbbbbb 1px solid;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
	margin-bottom: 3rem;
}

.mice-dashboard .box-right .mid .g-map .choice{
	margin-left:15px;
}
.mice-dashboard .box-right .mid .g-map .choice .choice-block{
	width:max-content;
}
.mice-dashboard .box-right .mid .g-map .choice .icon{
	margin-right: 5px;
}
.mice-dashboard .box-right .mid .g-map .choice .icon img{
	max-width: 83%;
	height:auto;
}
.mice-dashboard .box-right .mid .g-map .choice .text{
	margin-right:20px;
	font: 17px/28px 'lineseed', Arial, sans-serif;
	padding-top: 10px;
}



.mice-dashboard .box-right .mid .g-map .map-box{
	padding:15px;


	
	}
/************************************************/	
.mice-dashboard .box-right .notice{
	margin-bottom:25px;
	padding:20px 25px;
	background:#fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	position:relative;
	
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
	
	
}

.mice-dashboard .box-right .notice .bell{
	padding:15px;
	padding-left:50px;
	background:#1D84DE url(../images/mice-dashboard/bell.png) 20px 50% no-repeat;

	font: 24px/24px 'lineseed', Arial, sans-serif;
	color:#fff;
	
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	
}

.mice-dashboard .box-right .notice .n-text{
	padding:15px;
	font: 19px/24px 'lineseed', Arial, sans-serif;
	
	
}
.mice-dashboard .box-right .notice .n-text a{
	color:#000;
}

.mice-dashboard .box-right .notice .n-close{
	position:absolute;
		top:20px;
		right:15px;
	
	
}

/************************************************/	
	
.mice-dashboard .box-right .mid .list{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
	padding:25px;
	background:#fff;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	}	


	
.mice-dashboard .box-right .filter{
	/* border-bottom:#3B85C6 1px solid; */
	margin-left: 15px;
	margin-top: 10px;
	}	
	
.mice-dashboard .box-right .filter .f-title{
	padding:15px 0; 
	font: 30px/30px 'lineseed', Arial, sans-serif;
	color:#3B85C6;
}
	
.mice-dashboard .box-right .filter .f-select{	
}

.mice-dashboard .box-right .mid .list table{
		font: 18px/20px 'lineseed', Arial, sans-serif;
}
	
.mice-dashboard .box-right .mid .list thead{
		text-align:center;
}

.mice-dashboard .box-right .mid .list thead th{
		padding:15px 10px;
}


.mice-dashboard .box-right .mid .list tbody td {
	padding:15px 10px;

    }  
	
.mice-dashboard .box-right .mid .list tbody tr:nth-child(odd) {
        background-color: #f0f8ff;
		border-bottom:#EBEBEB 1px solid;
    }  
	
.mice-dashboard .box-right .mid .d-graph{
	padding:15px 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
	padding: 0;
	background:#fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	border: #bbbbbb 1px solid;
	margin-bottom: 3rem;
	}
	
.mice-dashboard .box-right .mid .d-graph .g-title{
	padding-bottom: 25px;
	font: 20px/22px 'lineseed', Arial, sans-serif;
	color: #fff;
	/* font-weight:bold; */
	padding: 15px;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-topright: 18px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6392e3+0,2c66c8+100 */
	background: rgba(222,75,82,1);
background: -moz-linear-gradient(top, rgba(222,75,82,1) 0%, rgba(160,29,35,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,75,82,1)), color-stop(100%, rgba(160,29,35,1)));
background: -webkit-linear-gradient(top, rgba(222,75,82,1) 0%, rgba(160,29,35,1) 100%);
background: -o-linear-gradient(top, rgba(222,75,82,1) 0%, rgba(160,29,35,1) 100%);
background: -ms-linear-gradient(top, rgba(222,75,82,1) 0%, rgba(160,29,35,1) 100%);
background: linear-gradient(to bottom, rgba(222,75,82,1) 0%, rgba(160,29,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4b52', endColorstr='#a01d23', GradientType=0 );
	}
	
.mice-dashboard .box-right .mid .d-graph .g-title-2{
	padding-bottom: 25px;
	font: 20px/22px 'lineseed', Arial, sans-serif;
	color: #fff;
	/* font-weight:bold; */
	padding: 15px;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-topright: 18px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#47c2ad+1,22aa94+100 */
background: rgba(76,128,214,1);
background: -moz-linear-gradient(top, rgba(76,128,214,1) 0%, rgba(52,99,177,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,128,214,1)), color-stop(100%, rgba(52,99,177,1)));
background: -webkit-linear-gradient(top, rgba(76,128,214,1) 0%, rgba(52,99,177,1) 100%);
background: -o-linear-gradient(top, rgba(76,128,214,1) 0%, rgba(52,99,177,1) 100%);
background: -ms-linear-gradient(top, rgba(76,128,214,1) 0%, rgba(52,99,177,1) 100%);
background: linear-gradient(to bottom, rgba(76,128,214,1) 0%, rgba(52,99,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c80d6', endColorstr='#3463b1', GradientType=0 );

	}
	
	.mice-dashboard .box-right .mid .d-graph .g-title-3{
	padding-bottom: 25px;
	font: 20px/22px 'lineseed', Arial, sans-serif;
	color: #fff;
	/* font-weight:bold; */
	padding: 15px;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-topright: 18px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f17a5e+1,dc5939+100 */
background: rgba(79,154,79,1);
background: -moz-linear-gradient(top, rgba(79,154,79,1) 0%, rgba(65,112,65,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(79,154,79,1)), color-stop(100%, rgba(65,112,65,1)));
background: -webkit-linear-gradient(top, rgba(79,154,79,1) 0%, rgba(65,112,65,1) 100%);
background: -o-linear-gradient(top, rgba(79,154,79,1) 0%, rgba(65,112,65,1) 100%);
background: -ms-linear-gradient(top, rgba(79,154,79,1) 0%, rgba(65,112,65,1) 100%);
background: linear-gradient(to bottom, rgba(79,154,79,1) 0%, rgba(65,112,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f9a4f', endColorstr='#417041', GradientType=0 );

	}
	
		
.mice-dashboard .box-right .mid .d-graph .g-box{
	
padding: 15px;
}
	
.mice-dashboard .box-right .mid .d-graph .g-box .color-box{
	margin-bottom:15px;
	padding:20px;
	
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	
	background:#ddd;
	
}

.mice-dashboard .box-right .mid .d-graph .g-box .color-box .c-top{
	font: 24px/22px 'lineseed', Arial, sans-serif;
	text-align:center;
	color:#fff;
	padding-bottom:10px;
}

.mice-dashboard .box-right .mid .d-graph .g-box .color-box .c-num{
	padding:20px;
	font: 38px/35px 'lineseed', Arial, sans-serif;
	color:#fff;
	text-align:center;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0.35057773109243695) 0%, rgba(255,255,255,0) 100%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.mice-dashboard .box-right .mid .d-graph .g-box .color-box .c-num span{
	padding: 0 5px;
	font: 22px/22px 'lineseed', Arial, sans-serif;
}
		
.mice-dashboard .box-right .mid .d-graph .g-box .cc-1{
	background:#07a61a;
}

.mice-dashboard .box-right .mid .d-graph .g-box .cc-2{
	background:#008ffb;
}

.mice-dashboard .box-right .mid .d-graph .g-box .cc-3{
	background:#ff8800;
}
.mice-dashboard .box-right .mid .d-graph .g-box .cc-4{
	background:#775dd0;
}

.mice-dashboard .box-right .mid .d-graph .g-box .cc-5{
	background:#f783dd;
}	
	

.mice-dashboard .box-right .mid .d-total{
	
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
	
padding: 0;
	
background: #fff;
	
-webkit-border-radius: 18px;
	
-moz-border-radius: 18px;
	
border-radius: 18px;
	
border: #bbbbbb 1px solid;
	
margin-bottom: 3rem;
}
.mice-dashboard .box-right .mid .d-tab{
	margin: 0;
	padding: 20px 25px 0 25px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#243edd+0,02c6a6+100 */
background: linear-gradient(to right,  #243edd 0%,#02c6a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.mice-dashboard .box-right .mid .d-tab .menu{
	padding-top: 16px;
}

.mice-dashboard .box-right .mid .d-tab .menu .normal{
	margin-right: 8px;
	padding: 12px 35px;
	font: 18px/23px 'lineseed', Arial, sans-serif;
	/* font-weight:bold; */
	color:#fff;
	background: #054085;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

.mice-dashboard .box-right .mid .d-tab .menu .normal a{
	color:#fff;
	
}

.mice-dashboard .box-right .mid .d-tab .menu .select{
	background:#fff;
	color:#4ebcb7;
	font: 22px/23px 'lineseed', Arial, sans-serif;
}

.mice-dashboard .box-right .mid .d-tab .menu .select a{
	color: #023b70;
}

.mice-dashboard .box-right .mid .d-total .total-graph{
	margin-bottom: 1rem;
	padding:15px;
}

.mice-dashboard .box-right .mid .d-total .total-graph .t-title{
	font: 20px/24px 'lineseed', Arial, sans-serif;
	color: #000;
	text-align: center;
	margin-top: 30px;
	}

.mice-dashboard .box-right .mid .d-total .total-graph .t-box{
	padding:15px;
}

	
	
	
	  	
	
/***************************************************/
.mice-dashboard select {
	width: 100%;
    background-image: url(../images/mice-dashboard/o-arrow-down.png);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: auto;
    padding-right: 2.5rem;
    padding-left: 22px;
    
}
.mice-dashboard .r-form1{
	width: 100%;
	}
.mice-dashboard .r-form1 input[type=text], select1{
	  width: 100%;
	  padding: 13px 4px;
	  padding-left:9px;
	  margin: 3px 0;
	  margin-bottom:20px;
	  display: inline-block;
	  border: 1px solid #B9B9B9;
	  -webkit-border-radius: 8px;
	  -moz-border-radius: 8px;
	  border-radius: 8px;
	  box-sizing: border-box;
	  font-size:16px;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  font: 17px/22px 'lineseed', Arial, sans-serif;
	}
.mice-dashboard .r-form1 .topic{
	position: relative;
	padding-bottom:5px;
	color: #848484;
	top: 13px;
	padding: 0px 10px;
	width: max-content;
	left: 14px;
	background: #fff;
	font: 13px/20px 'lineseed', Arial, sans-serif;
}		

/***************************************************/
.mice-dashboard .stat-all{
	
	}
.mice-dashboard .stat-all .s-box{
	padding:15px;
	border-bottom:#dddddd 1px solid;
	
	}
.mice-dashboard .stat-all .s-box .pic{
	}
.mice-dashboard .stat-all .s-box .text{
	margin-left:10px;
	margin-right:80px;
	padding-top:15px;
	font: 18px/20px 'lineseed', Arial, sans-serif;
	color:#000;
	font-weight:bold;
	width: 128px;
	}
.mice-dashboard .stat-all .s-box .num{
	padding-top: 2px;
	font: 33px/33px 'lineseed', Arial, sans-serif;
	color:#515151;
	font-weight:bold;
	}	
.mice-dashboard .stat-all .s-box .cho{
	font: 17px/20px 'lineseed', Arial, sans-serif;
	color:#0b98e2;
	font-weight:bold;
	padding-top: 5px;
	}	
.mice-dashboard .stat-all .s-box:last-child {
    border-bottom: none;
}	

/***************************************************/
.mice-dashboard .fac-all{
	
	}
.mice-dashboard .fac-all .f-box{
	padding: 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
.mice-dashboard .fac-all .f-box .pic{
	}
.mice-dashboard .fac-all .f-box .text{
	font: 18px/20px 'lineseed', Arial, sans-serif;
	color:#000;
	font-weight:bold;
	padding-bottom: 2px;
	word-wrap: break-word;
	}
.mice-dashboard .fac-all .f-box .num{
	padding-top: 26px;
	font: 38px/38px 'lineseed', Arial, sans-serif;
	color:#595959;
	font-weight:bold;
	}	
.mice-dashboard .fac-all .ccc-1{
	background:#fbf1f1;
	}
.mice-dashboard .fac-all .ccc-2{
	background:#f9e9fb;	
	}
.mice-dashboard .fac-all .ccc-3{
	background:#f1f6fd;
	}
.mice-dashboard .fac-all .ccc-4{
	background:#ebf6e3;
	}
.mice-dashboard .fac-all .ccc-5{
	background:#fbfaf3;
	}			
/***************************************************/	
.mice-dashboard .alpha{
	background: #00000082;
	padding-top:50px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -36px;	
	padding-bottom: 37px;
	}
.mice-dashboard .alpha .d-alert{
	padding-bottom:15px;	
	text-align:center;
}
.mice-dashboard .alpha .d-text{
		padding-bottom:25px;
		font: 20px/30px 'lineseed', Arial, sans-serif;
		color:#fff;
		text-align:center;
}
.mice-dashboard .alpha .d-btn{
		width:max-content;
		padding:3px 25px;
		background:#fff;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
		font: 20px/20px 'lineseed', Arial, sans-serif;
		color:#000;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.mice-dashboard .alpha .d-link{
		padding-right:20px;
		width:max-content;
		font: 20px/20px 'lineseed', Arial, sans-serif;
		color:#fff;

}

/***************************************************/
.mice-dashboard .human{


}
.mice-dashboard .human .pic{
	padding-top:20px;
	text-align:center;


}
.mice-dashboard .human .pic img{
	max-width:100%;
	height:auto;


}

.mice-dashboard .human .text{
	margin-top:30px;
	padding-bottom:15px;
	text-align:center;
	font: 39px/39px 'lineseed', Arial, sans-serif;
	font-weight:bold;
	color:#3b85c6;
}
/***************************************************/
.dash-block-all{
	width:100%;
	height:auto;
	padding-top:30px;
	}
.dash-box{
	width:100%;
	height:164px;
    padding: 18px;
	margin-bottom:20px;
	background:#f7f7f8;
	position:relative;
	
	-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
	}
.dash-b-text{
	width: 100%;
    height: auto;
    font-family: 'lineseed';
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    text-align: left;
	}
.dash-b-num{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:36px;
	line-height:1.7;
	text-align:left;
	font-weight:bold;
	}
.dash-icon{
	position:absolute;
	bottom: 15px;
    right: 15px;
	}
/****************************************************/
.dash-top1{
	width:100%;
	height:auto;
	text-align:left;
	}
.dash-top1 img{
	max-width:100%;
	}
.dash-pol-mid{
	width:100%;
	height:auto;
	margin-top: 23px;
	}
.dash-pol-box{
	width:294px;
	height:142px;
	padding: 5px 10px;
	}
.dp-bg1{
	background:url(../images/dashboard-learn/bgt1.png) top center no-repeat;
	}
.dp-bg2{
	background:url(../images/dashboard-learn/bgt2.png) top center no-repeat;
	}
.dp-bg3{
	background:url(../images/dashboard-learn/bgt3.png) top center no-repeat;
	}
.dp-bg4{
	background:url(../images/dashboard-learn/bgt4.png) top center no-repeat;
	}
.dp-top{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:24px;
	text-align:center;
	}
.dp-c1{
	color:#002f7a;
	}
.dp-c2{
	color:#f46700;
	}
.dp-c3{
	color:#009564;
	}
.dp-c4{
	color:#fe5b5b;
	}
.dp-text{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:45px;
	text-align:center;
	font-weight:bold;
	margin-top: 15px;
	}
.dp-bb{
	width:100%;
	height:auto;
	text-align:center;
	margin-top: 20px;
	}
/************************************************/
@media (min-width: 1441px) and (max-width: 1600px) { 

 }
 @media (min-width: 1367px) and (max-width: 1440px) { 
	.mice-dashboard .stat-all .s-box .text{
		margin-left: 5px;
		margin-right: 10px;
		padding-top:15px;
		font: 16px/20px 'lineseed', Arial, sans-serif;
		color:#000;
		font-weight:bold;
		width: 120px;
	}
	.mice-dashboard .stat-all .s-box .num {
		padding-top: 9px;
		font: 25px/25px 'lineseed', Arial, sans-serif;
		color: #515151;
		font-weight: bold;
	}
 }
@media (min-width: 1281px) and (max-width: 1366px) { 
	.mice-dashboard .stat-all .s-box .text{
		margin-left: 5px;
		margin-right: 10px;
		padding-top:15px;
		font: 16px/20px 'lineseed', Arial, sans-serif;
		color:#000;
		font-weight:bold;
		width: 120px;
	}
	.mice-dashboard .stat-all .s-box .num {
		padding-top: 9px;
		font: 25px/25px 'lineseed', Arial, sans-serif;
		color: #515151;
		font-weight: bold;
	}
	.mice-dashboard .fac-all .f-box .text {
		font: 15px/18px 'lineseed', Arial, sans-serif;
		font-weight: bold;
	}
 }
@media (min-width: 992px) and (max-width: 1199px) {
	.mice-dashboard .box-right .banner-name{
		    background-size: 168%;	
	}
	.mice-dashboard .stat-all .s-box .text{
		margin-left: 5px;
		margin-right: 10px;
		padding-top:15px;
		font: 16px/20px 'lineseed', Arial, sans-serif;
		color:#000;
		font-weight:bold;
		width: 82px;
	}
	.mice-dashboard .stat-all .s-box .num {
		padding-top: 9px;
		font: 25px/25px 'lineseed', Arial, sans-serif;
		color: #515151;
		font-weight: bold;
	}
	.mice-dashboard .fac-all .f-box .text {
		font: 15px/18px 'lineseed', Arial, sans-serif;
		font-weight: bold;
	}	
	.mice-dashboard .fac-all .f-box .num {
		font: 25px/38px 'lineseed', Arial, sans-serif;
		font-weight: bold;
	}	
	.mice-dashboard .r-form input[type=text], select{
		width:auto;	
	}
	.dash-box {
    padding: 10px;
}
.dash-b-text {
    font-size: 16px;
    line-height: 1.3;
}
.dash-b-num {
    font-size: 30px;
    line-height: 1.3;
    font-weight: bold;
}
	}
	
@media (min-width: 320px) and (max-width: 767px) {  
.dashboard-pic{
	padding-top: 15px;
	padding-left: 15px;
	min-height: 115px;
	margin-bottom: 0;
}
.dashboard-pic img{
	max-width: 95%;
    height: auto;	
}
.mice-dashboard .tab-left{
	background:none;
	padding-bottom: 0;
}
.mice-dashboard .box-right .banner-name{
	background: none;
	padding: 0px;
	font: 20px/26px 'lineseed', Arial, sans-serif;
	font-weight: bold;
	min-height: auto;
}

.mice-dashboard .box-right .mid .list table{
	width:800px;
	font: 15px/20px 'lineseed', Arial, sans-serif;
}

.mice-dashboard .box-right .top .bar .select{
	padding:10px 15px;

	}
.mice-dashboard .box-right .top .bar .normal{
	padding:10px 15px;

	}
.mice-dashboard .r-form{
	        width: max-content;

	
	}	
.mice-dashboard .r-form input[type=text], select{
	  width: 100%;
}

.mice-dashboard .tab-left ul{
	display:flex;
	padding: 15px;
	}
.mice-dashboard .tab-left ul li{
	width:max-content;
	display:block;
	padding: 10px 15px;
	border:none;
	background:none;
	}
.mice-dashboard .tab-left ul li.select .c-t{
	display:none;
}
.mice-dashboard .tab-left ul li.select .c-b{
	display:none;
}

.mice-dashboard .tab-left ul li.select{
	position:relative;
	background:#f6f6f7;
	border-bottom:none;
	padding: 10px 15px;
	margin-left: 0;
	background:#f6f6f7;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	}	
	
.mice-dashboard .tab-left ul li a{
	color:#fff;
	display: block;
	width: max-content;
}

.mice-dashboard .box-right .top .bar{
	font: 17px/24px 'lineseed', Arial, sans-serif;
	width:100%;

	}	
	
.mice-dashboard .stat-all .s-box .text{
	margin-left:5px;
	margin-right:10px;
	padding-top:15px;
	width: 103px;
	font: 15px/20px 'lineseed', Arial, sans-serif;
	font-weight: bold;
	}
.mice-dashboard .stat-all .s-box {
    padding: 5px;
}

.mice-dashboard .stat-all .s-box .num {
    padding-top: 9px;
    font: 23px/27px 'lineseed', Arial, sans-serif;
    font-weight:bold;
}	


.sub-dashboard .d-profile {
    padding-top: 15px;
}

.sub-dashboard .d-profile .pic {
    width: 35px;
    height: 35px;
	margin:0 auto;
}
.sub-dashboard .d-profile .p-name {
    padding-top: 7px;
    font: 19px/18px 'THSarabunNewRegular', Arial, sans-serif;
    color: #000;
    width: auto;
    padding-right: 0px;
}

.sub-dashboard .pic-content .top-name {
    padding-top: 20px;
    font: 19px/20px 'Metropolis-Bold', Arial, sans-serif;
    font-weight: bold;

}	
.sub-dashboard .pic-content .top-name span {
    font: 19px/20px 'THSarabunNewRegular', Arial, sans-serif;
    font-weight: bold;
}	

.sub-dashboard .d-profile .p-status {
    font: 12px/13px 'tahoma', Arial, sans-serif;
    color: #9c9c9c;
}	

.sub-dashboard .p-arrow {
    margin-top: 49px;
    padding-right: 5px;
}

.sub-dashboard .p-arrow img{
	max-width:100%;
	height:auto;
}
.dash-box {
    padding: 10px;
}
.dash-b-text {
    font-size: 16px;
    line-height: 1.3;
}
.dash-b-num {
    font-size: 30px;
    line-height: 1.3;
    font-weight: bold;
}
.dashboard-learn {
	padding-bottom:40px !important;
	margin-top: 0;
	height: auto;
	background-size: cover;
}
}
 @media (min-width: 375px) and (max-width: 413px) {
	 .dash-pol-box {
    width: 170px;
	background-size: 100% 100%;
}
.dp-top {
    font-size: 18px;
}
.dp-text {
        font-size: 34px;
        font-weight: bold;
        margin-top: 27px;
}
	 }
 @media (min-width: 414px) and (max-width: 575px) {
	 .dash-pol-box {
    width: 190px;
	background-size: 100% 100%;
}
.dp-top {
    font-size: 22px;
}
.dp-text {
    font-size: 40px;
	font-weight:bold;
}
	 }
@media (min-width:768px) and (max-width: 991px) {  
.dashboard-pic{
	padding-top: 15px;
	padding-left: 15px;
	min-height: 115px;
	margin-bottom: 0;
}
.dashboard-pic img{
	max-width: 95%;
    height: auto;	
}
.mice-dashboard .tab-left{
	background:none;
	padding-bottom: 0;
}
.mice-dashboard .box-right .banner-name{
	background-size: 180%;		
}
.dashboard-learn {
	padding-bottom:40px !important;
	margin-top: 0;
	height: auto;
	background-size: cover;
}
}
@media (min-width:992px) and (max-width: 1199px) {  
.dashboard-learn {
	padding-bottom:40px !important;
	margin-top: 0;
	height: auto;
	background-size: cover;
}
}
@media (min-width:1200px) and (max-width: 1280px) {  
	 .dash-pol-box {
    width: 220px;
	background-size: 100% 100%;
}
}
@media (min-width:1281px) and (max-width: 1366px) {  
	 .dash-pol-box {
    width: 220px;
	background-size: 100% 100%;
}
}
@media (min-width:1367px) and (max-width: 1440px) {  
	 .dash-pol-box {
    width: 250px;
	background-size: 100% 100%;
}
}
@media (min-width:1441px) and (max-width: 1600px) {  
	 .dash-pol-box {
    width: 250px;
	background-size: 100% 100%;
}
}