@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.container .jumbotron{
	padding:0;
	border-radius: 0;
}



.labstyle_bg{
	width: 80%;
	background-color: #fafafa;
	border:1px solid #a0a0a0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:10px;
	padding:0;

}

.coms_name{
	list-style: none;
	padding:0;
	width:100%;
	top:82px; right:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.coms_name:after{content:""; clear:both; display:block;}

.coms_name li{
	width:25%;
	float:left;
	padding:1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative; 
	overflow: hidden;


	
}
.coms_name li img{max-width: 100%;}
.coms_name li p{position: absolute;
	
	width:90%;
	height:74%;
	background-color: rgba(0,0,0,0);
	-webkit-transition: background-color 1s ease-in-out;
    -ms-transition:  background-color 1s ease-in-out;
    -moz-transition:  background-color 1s ease-in-out;
    -o-transition:  background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
    cursor:pointer;
    z-index: 999;
    top:20%; left:0;right:0; bottom:0;
    margin:auto;


}
.coms_name li p:hover {
	background-color: rgba(0,0,0,0);
}
.pc_details{
	position: absolute;	
	width:90%;
	
	padding:0;
	text-align: center;
	 top:24%; left:0; bottom:0; right:0; margin:auto;
}
.pc_details li{
	float:none;
	width:100%;
	margin-top:4px;
}
.pc_details li:nth-child(2),.pc_details li:nth-child(3),.pc_details li:nth-child(4){
	line-height: 1em;
}


.btn_04_in_p{}
.btn_02_in_p{}

.btn_04_in_p:after,.btn_02_in_p:after{display: block; content:""; clear:both;}
.btn_04_in_p a{
	opacity: 0;  float:left;width:50%;
	position: relative;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition:  opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.btn_04_in_p:hover a{opacity: 1;}
.btn_04_in_p a span{
	position: absolute; top:0; left:0; bottom:0; right:0; margin:auto;
	font-size: 0.65em; height:1.2em;
	display: block; color:red; font-weight: bolder;
	text-align: center;
	-webkit-transition: color 0.3s ease-in-out;
    -ms-transition:  color 0.3s ease-in-out;
    -moz-transition:  color 0.3s ease-in-out;
    -o-transition:  color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.btn_04_in_p:hover a:hover span{color:#000000;}

.btn_02_in_p a{
	opacity: 0;  
	float:left;width:100%;
	position: relative;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition:  opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.btn_02_in_p:hover a{opacity: 1;}
.btn_02_in_p a span{
	position: absolute; top:0; left:0; bottom:0; right:0; margin:auto;
	font-size: 0.85em; height:1.2em;
	display: block; color:red; font-weight: bolder;
	text-align: center;
	-webkit-transition: color 0.3s ease-in-out;
    -ms-transition:  color 0.3s ease-in-out;
    -moz-transition:  color 0.3s ease-in-out;
    -o-transition:  color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.btn_02_in_p:hover a span{}
.btn_02_in_p:hover a:hover span{color:#000000;}

.btn_04_in_p:hover a,.btn_02_in_p:hover a{
	-webkit-transition: background-color 0.5s ease-in-out;
    -ms-transition:  background-color 0.5s ease-in-out;
    -moz-transition:  background-color 0.5s ease-in-out;
    -o-transition:  background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_04_in_p:hover a:nth-child(1),
.btn_02_in_p:hover a:nth-child(1)
{background-color: rgba(144, 202, 249, 1)}
.btn_04_in_p:hover a:nth-child(2),
.btn_02_in_p:hover a:nth-child(2)
{background-color: rgba(255, 204, 128, 1)}
.btn_04_in_p:hover a:nth-child(3){background-color:rgba(165, 214, 167, 1)}
.btn_04_in_p:hover a:nth-child(4){background-color: rgba(239, 154, 154, 1);}

.btn_04_in_p:hover a:nth-child(1):hover,
.btn_02_in_p:hover a:nth-child(1):hover
{background-color: rgba(30, 136, 229, 1);}
.btn_04_in_p:hover a:nth-child(2):hover,
.btn_02_in_p:hover a:nth-child(2):hover
{background-color: rgba(251, 140, 0, 1);}
.btn_04_in_p:hover a:nth-child(3):hover{background-color: rgba(67, 160, 71, 1);}
.btn_04_in_p:hover a:nth-child(4):hover{background-color: rgba(229, 57, 53, 1);}


/*reboot btn*/
.reboot_btn{
	list-style: none;
	padding:0;
	width:15%;
	position: fixed;
	top:82px; right:5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;

}
.reboot_btn li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding:2px;
}
.reboot_btn li a{
	display: block;
	border-radius: 5px;
	color:#000;
	width:100%; 
	min-width: 106px;
	max-width: 141px;
	height:36px;
	line-height:36px;
	background-color: transparent;
	text-decoration: none;
	background-image: url(../images/btn_reset_all.png);
	background-repeat: no-repeat;
	background-position: -4px -3px;
	font-size: 0.95em; font-weight: bolder; color:#fff;
	font-family: 'Nanum Gothic', sans-serif;
	text-align: center;
}
.reboot_btn li a:hover{
	background-image: url(../images/btn_reset_all.png);
	background-position: -4px -40px;
}
/*reboot btn*/



.labstyle_bg_pc{
	width: 100%;
	background-color: #fafafa;
	border:1px solid #a0a0a0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:10px;
	padding:0;
	min-width: 920px;

}


/* coms_name4 */
.coms_name4{
	list-style: none;
	padding:0;
	width:100%;
	top:82px; right:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.coms_name4:after{content:""; clear:both; display:block;}
.coms_name4 li{
	width:25%;
	float:left;
	padding:1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative; 
	overflow: hidden;
	font-size: 1.0em;

}
.coms_name4 li img{max-width: 100%;}
.coms_name4 li p{position: absolute;
	width:90%;
	height:76.5%;
	background-color: rgba(0,0,0,0);
	-webkit-transition: background-color 1s ease-in-out;
    -ms-transition:  background-color 1s ease-in-out;
    -moz-transition:  background-color 1s ease-in-out;
    -o-transition:  background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
    cursor:pointer;
    z-index: 999;
    top:20%; left:0;right:0; bottom:0;
    margin:auto;
}
.coms_name4 li p:hover {
	background-color: rgba(0,0,0,0);
}
.pc_details{
	position: absolute;	
	width:90%;
	
	padding:0;
	text-align: center;
	 top:35%; left:0; bottom:0; right:0; margin:auto;
	 border-bottom:3px solid #a0a0a0;
}
.pc_details li{
	float:none;
	width:100%;
}


.btn_04_in_p4{}
.btn_02_in_p{}
.btn_04_in_p4:after,.btn_02_in_p:after{display: block; content:""; clear:both;}
.btn_04_in_p4 a{
	opacity: 0;  float:left;width:50%;height:50%;
	position: relative;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition:  opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.btn_04_in_p4:hover a{opacity: 1;}
.btn_04_in_p4 a span{
	position: absolute; top:0; left:0; bottom:0; right:0; margin:auto;
	font-size: 0.80em; height:1.2em;
	display: block; color:red; font-weight: bolder;
	text-align: center;
	-webkit-transition: color 0.3s ease-in-out;
    -ms-transition:  color 0.3s ease-in-out;
    -moz-transition:  color 0.3s ease-in-out;
    -o-transition:  color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.btn_04_in_p4:hover a:hover span{color:#000000;}

.btn_04_in_p4:hover a,.btn_02_in_p:hover a{
	-webkit-transition: background-color 0.5s ease-in-out;
    -ms-transition:  background-color 0.5s ease-in-out;
    -moz-transition:  background-color 0.5s ease-in-out;
    -o-transition:  background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_04_in_p4:hover a:nth-child(1),
.btn_02_in_p:hover a:nth-child(1)
{background-color: rgba(144, 202, 249, 1)}
.btn_04_in_p4:hover a:nth-child(2),
.btn_02_in_p:hover a:nth-child(2)
{background-color: rgba(255, 204, 128, 1)}
.btn_04_in_p4:hover a:nth-child(3){background-color:rgba(165, 214, 167, 1)}
.btn_04_in_p4:hover a:nth-child(4){background-color: rgba(239, 154, 154, 1);}

.btn_04_in_p4:hover a:nth-child(1):hover,
.btn_02_in_p:hover a:nth-child(1):hover
{background-color: rgba(30, 136, 229, 1);}
.btn_04_in_p4:hover a:nth-child(2):hover,
.btn_02_in_p:hover a:nth-child(2):hover
{background-color: rgba(251, 140, 0, 1);}
.btn_04_in_p4:hover a:nth-child(3):hover{background-color: rgba(67, 160, 71, 1);}
.btn_04_in_p4:hover a:nth-child(4):hover{background-color: rgba(229, 57, 53, 1);}

h2.pc_title4{}
h2.pc_title4{position: absolute; 
	height:20%; border-bottom:2px solid #1b5e20;
	background-color:#c8e6c9;
	width:100%; margin:0;
	font-size: 1.25em;
	width:90%;top:5px; left:0; right:0; 
	margin:auto;
	text-align:center; font-weight: bolder;
	padding-top:5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* coms_name4 */

/* coms_name5 */
.coms_name5{
	list-style: none;
	padding:0;
	width:100%;
	top:82px; right:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.coms_name5:after{content:""; clear:both; display:block;}
.coms_name5 li{
	width:20%;
	float:left;
	padding:1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative; 
	overflow: hidden;
}
.coms_name5 li img{max-width: 100%;}
.coms_name5 li p{position: absolute;
	width:90%;
	height:76.5%;
	background-color: rgba(0,0,0,0);
	-webkit-transition: background-color 1s ease-in-out;
    -ms-transition:  background-color 1s ease-in-out;
    -moz-transition:  background-color 1s ease-in-out;
    -o-transition:  background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
    cursor:pointer;
    z-index: 999;
    top:20%; left:0;right:0; bottom:0;
    margin:auto;
}
.coms_name5 li p:hover {
	background-color: rgba(0,0,0,0);
}
.pc_details{
	position: absolute;	
	width:90%;
	
	padding:0;
	text-align: center;
	 top:35%; left:0; bottom:0; right:0; margin:auto;
}
.pc_details li{
	float:none;
	width:100%;
}


.btn_04_in_p5{}
.btn_02_in_p{}
.btn_04_in_p5:after,.btn_02_in_p:after{display: block; content:""; clear:both;}
.btn_04_in_p5 a{
	opacity: 0;  float:left;width:50%;height:50%;
	position: relative;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition:  opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.btn_04_in_p5:hover a{opacity: 1;}
.btn_04_in_p5 a span{
	position: absolute; top:0; left:0; bottom:0; right:0; margin:auto;
	font-size: 0.75em; height:1.2em;
	display: block; color:red; font-weight: bolder;
	text-align: center;
	-webkit-transition: color 0.3s ease-in-out;
    -ms-transition:  color 0.3s ease-in-out;
    -moz-transition:  color 0.3s ease-in-out;
    -o-transition:  color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.btn_04_in_p5:hover a:hover span{color:#000000;}

.btn_04_in_p5:hover a,.btn_02_in_p:hover a{
	-webkit-transition: background-color 0.5s ease-in-out;
    -ms-transition:  background-color 0.5s ease-in-out;
    -moz-transition:  background-color 0.5s ease-in-out;
    -o-transition:  background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_04_in_p5:hover a:nth-child(1),
.btn_02_in_p:hover a:nth-child(1)
{background-color: rgba(144, 202, 249, 1)}
.btn_04_in_p5:hover a:nth-child(2),
.btn_02_in_p:hover a:nth-child(2)
{background-color: rgba(255, 204, 128, 1)}
.btn_04_in_p5:hover a:nth-child(3){background-color:rgba(165, 214, 167, 1)}
.btn_04_in_p5:hover a:nth-child(4){background-color: rgba(239, 154, 154, 1);}

.btn_04_in_p5:hover a:nth-child(1):hover,
.btn_02_in_p:hover a:nth-child(1):hover
{background-color: rgba(30, 136, 229, 1);}
.btn_04_in_p5:hover a:nth-child(2):hover,
.btn_02_in_p:hover a:nth-child(2):hover
{background-color: rgba(251, 140, 0, 1);}
.btn_04_in_p5:hover a:nth-child(3):hover{background-color: rgba(67, 160, 71, 1);}
.btn_04_in_p5:hover a:nth-child(4):hover{background-color: rgba(229, 57, 53, 1);}

h2.pc_title5{position: absolute; 
	height:20%; border-bottom:2px solid #1b5e20;
	background-color:#c8e6c9;
	width:100%; margin:0;
	font-size: 1.15em;
	width:90%;top:5px; left:0; right:0; 
	margin:auto;
	text-align:center; font-weight: bolder;
	padding-top:5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* coms_name5 */

/* coms_name6 */
.coms_name6{
	list-style: none;
	padding:0;
	width:100%;
	top:82px; right:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.coms_name6:after{content:""; clear:both; display:block;}
.coms_name6 li{
	width:16%;
	float:left;
	padding:1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative; 
	overflow: hidden;
}
.coms_name6 li img{max-width: 100%;}
.coms_name6 li p{position: absolute;
	width:90%;
	height:76.5%;
	background-color: rgba(0,0,0,0);
	-webkit-transition: background-color 1s ease-in-out;
    -ms-transition:  background-color 1s ease-in-out;
    -moz-transition:  background-color 1s ease-in-out;
    -o-transition:  background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
    cursor:pointer;
    z-index: 999;
    top:20%; left:0;right:0; bottom:0;
    margin:auto;
}
.coms_name6 li p:hover {
	background-color: rgba(0,0,0,0);
}
.pc_details{
	position: absolute;	
	width:90%;
	
	padding:0;
	text-align: center;
	 top:35%; left:0; bottom:0; right:0; margin:auto;
}
.pc_details li{
	float:none;
	width:100%;
}


.btn_04_in_p6{}
.btn_02_in_p{}
.btn_04_in_p6:after,.btn_02_in_p:after{display: block; content:""; clear:both;}
.btn_04_in_p6 a{
	opacity: 0;  float:left;width:50%;height:50%;
	position: relative;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition:  opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.btn_04_in_p6:hover a{opacity: 1;}
.btn_04_in_p6 a span{
	position: absolute; top:0; left:0; bottom:0; right:0; margin:auto;
	font-size: 0.65em; height:1.2em;
	display: block; color:red; font-weight: bolder;
	text-align: center;
	-webkit-transition: color 0.3s ease-in-out;
    -ms-transition:  color 0.3s ease-in-out;
    -moz-transition:  color 0.3s ease-in-out;
    -o-transition:  color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.btn_04_in_p6:hover a:hover span{color:#000000;}

.btn_04_in_p6:hover a,.btn_02_in_p:hover a{
	-webkit-transition: background-color 0.5s ease-in-out;
    -ms-transition:  background-color 0.5s ease-in-out;
    -moz-transition:  background-color 0.5s ease-in-out;
    -o-transition:  background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_04_in_p6:hover a:nth-child(1),
.btn_02_in_p:hover a:nth-child(1)
{background-color: rgba(144, 202, 249, 1)}
.btn_04_in_p6:hover a:nth-child(2),
.btn_02_in_p:hover a:nth-child(2)
{background-color: rgba(255, 204, 128, 1)}
.btn_04_in_p6:hover a:nth-child(3){background-color:rgba(165, 214, 167, 1)}
.btn_04_in_p6:hover a:nth-child(4){background-color: rgba(239, 154, 154, 1);}

.btn_04_in_p6:hover a:nth-child(1):hover,
.btn_02_in_p:hover a:nth-child(1):hover
{background-color: rgba(30, 136, 229, 1);}
.btn_04_in_p6:hover a:nth-child(2):hover,
.btn_02_in_p:hover a:nth-child(2):hover
{background-color: rgba(251, 140, 0, 1);}
.btn_04_in_p6:hover a:nth-child(3):hover{background-color: rgba(67, 160, 71, 1);}
.btn_04_in_p6:hover a:nth-child(4):hover{background-color: rgba(229, 57, 53, 1);}

h2.pc_title6{position: absolute; 
	height:20%; border-bottom:2px solid #1b5e20;
	background-color:#c8e6c9;
	width:100%; margin:0;
	font-size: 1.05em;
	width:90%;top:5px; left:0; right:0; 
	margin:auto;
	text-align:center; font-weight: bolder;
	padding-top:5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* coms_name6 */

/* coms_name7 */
.coms_name7{
	list-style: none;
	padding:0;
	width:100%;
	top:82px; right:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.coms_name7:after{content:""; clear:both; display:block;}
.coms_name7 li{
	width:14%;
	float:left;
	padding:1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative; 
	overflow: hidden;
}
.coms_name7 li img{max-width: 100%;}
.coms_name7 li p{position: absolute;
	width:90%;
	height:76.5%;
	background-color: rgba(0,0,0,0);
	-webkit-transition: background-color 1s ease-in-out;
    -ms-transition:  background-color 1s ease-in-out;
    -moz-transition:  background-color 1s ease-in-out;
    -o-transition:  background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
    cursor:pointer;
    z-index: 999;
    top:20%; left:0;right:0; bottom:0;
    margin:auto;
}
.coms_name7 li p:hover {
	background-color: rgba(0,0,0,0);
}
.pc_details{
	position: absolute;	
	width:90%;
	
	padding:0;
	text-align: center;
	 top:35%; left:0; bottom:0; right:0; margin:auto;
}
.pc_details li{
	float:none;
	width:100%;
}


.btn_04_in_p7{}
.btn_02_in_p{}
.btn_04_in_p7:after,.btn_02_in_p:after{display: block; content:""; clear:both;}
.btn_04_in_p7 a{
	opacity: 0;  float:left;width:50%;height:50%;
	position: relative;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition:  opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.btn_04_in_p7:hover a{opacity: 1;}
.btn_04_in_p7 a span{
	position: absolute; top:0; left:0; bottom:0; right:0; margin:auto;
	font-size: 0.50em; height:1.2em;
	display: block; color:red; font-weight: bolder;
	text-align: center;
	-webkit-transition: color 0.3s ease-in-out;
    -ms-transition:  color 0.3s ease-in-out;
    -moz-transition:  color 0.3s ease-in-out;
    -o-transition:  color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.btn_04_in_p7:hover a:hover span{color:#000000;}

.btn_04_in_p7:hover a,.btn_02_in_p:hover a{
	-webkit-transition: background-color 0.5s ease-in-out;
    -ms-transition:  background-color 0.5s ease-in-out;
    -moz-transition:  background-color 0.5s ease-in-out;
    -o-transition:  background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_04_in_p7:hover a:nth-child(1),
.btn_02_in_p:hover a:nth-child(1)
{background-color: rgba(144, 202, 249, 1)}
.btn_04_in_p7:hover a:nth-child(2),
.btn_02_in_p:hover a:nth-child(2)
{background-color: rgba(255, 204, 128, 1)}
.btn_04_in_p7:hover a:nth-child(3){background-color:rgba(165, 214, 167, 1)}
.btn_04_in_p7:hover a:nth-child(4){background-color: rgba(239, 154, 154, 1);}

.btn_04_in_p7:hover a:nth-child(1):hover,
.btn_02_in_p:hover a:nth-child(1):hover
{background-color: rgba(30, 136, 229, 1);}
.btn_04_in_p7:hover a:nth-child(2):hover,
.btn_02_in_p:hover a:nth-child(2):hover
{background-color: rgba(251, 140, 0, 1);}
.btn_04_in_p7:hover a:nth-child(3):hover{background-color: rgba(67, 160, 71, 1);}
.btn_04_in_p7:hover a:nth-child(4):hover{background-color: rgba(229, 57, 53, 1);}

h2.pc_title7{position: absolute; 
	height:20%; border-bottom:2px solid #1b5e20;
	background-color:#c8e6c9;
	width:100%; margin:0;
	font-size: 1.00em;
	width:90%;top:5px; left:0; right:0; 
	margin:auto;
	text-align:center; font-weight: bolder;
	padding-top:5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* coms_name7 */

/* coms_name8 */
.coms_name8{
	list-style: none;
	padding:0;
	width:100%;
	margin:0 auto;
	top:82px; right:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.coms_name8:after{content:""; clear:both; display:block;}
.coms_name8>li{
	width:12%;
	float:left;
	padding:1%;
	min-width: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative; 
	overflow: hidden;
	margin-bottom:8px;
}
.coms_name8 li img{max-width: 100%;}
.coms_name8 li p{position: absolute;
	width:90%;
	height:76.5%;
	background-color: rgba(0,0,0,0);
	-webkit-transition: background-color 1s ease-in-out;
    -ms-transition:  background-color 1s ease-in-out;
    -moz-transition:  background-color 1s ease-in-out;
    -o-transition:  background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
    cursor:pointer;
    z-index: 999;
    top:20%; left:0;right:0; bottom:0;
    margin:auto;
}
.coms_name8 li p:hover {
	background-color: rgba(0,0,0,0);
}
.pc_details{
	position: absolute;	
	width:90%;
	
	padding:0;
	text-align: center;
	 top:24%; left:0; bottom:0; right:0; margin:auto;
}
.pc_details li{
	float:none;
	width:100%;
}


.btn_04_in_p8{}
.btn_02_in_p{}
.btn_04_in_p8:after,.btn_02_in_p:after{display: block; content:""; clear:both;}
.btn_04_in_p8 a{
	opacity: 0;  float:left;width:50%;height:50%;
	position: relative;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition:  opacity 0.3s ease-in-out;
    -moz-transition:  opacity 0.3s ease-in-out;
    -o-transition:  opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.btn_04_in_p8:hover a{opacity: 1;}
.btn_04_in_p8 a span{
	position: absolute; top:0; left:0; bottom:0; right:0; margin:auto;
	font-size: 0.4em; height:1.2em;
	display: block; color:red; font-weight: bolder;
	text-align: center;
	-webkit-transition: color 0.3s ease-in-out;
    -ms-transition:  color 0.3s ease-in-out;
    -moz-transition:  color 0.3s ease-in-out;
    -o-transition:  color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.btn_04_in_p8:hover a:hover span{color:#000000;}

.btn_04_in_p8:hover a,.btn_02_in_p:hover a{
	-webkit-transition: background-color 0.5s ease-in-out;
    -ms-transition:  background-color 0.5s ease-in-out;
    -moz-transition:  background-color 0.5s ease-in-out;
    -o-transition:  background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_04_in_p8:hover a:nth-child(1),
.btn_02_in_p:hover a:nth-child(1)
{background-color: rgba(144, 202, 249, 1)}
.btn_04_in_p8:hover a:nth-child(2),
.btn_02_in_p:hover a:nth-child(2)
{background-color: rgba(255, 204, 128, 1)}
.btn_04_in_p8:hover a:nth-child(3){background-color:rgba(165, 214, 167, 1)}
.btn_04_in_p8:hover a:nth-child(4){background-color: rgba(239, 154, 154, 1);}

.btn_04_in_p8:hover a:nth-child(1):hover,
.btn_02_in_p:hover a:nth-child(1):hover
{background-color: rgba(30, 136, 229, 1);}
.btn_04_in_p8:hover a:nth-child(2):hover,
.btn_02_in_p:hover a:nth-child(2):hover
{background-color: rgba(251, 140, 0, 1);}
.btn_04_in_p8:hover a:nth-child(3):hover{background-color: rgba(67, 160, 71, 1);}
.btn_04_in_p8:hover a:nth-child(4):hover{background-color: rgba(229, 57, 53, 1);}

h2.pc_title8{position: absolute; 
	height:20%; border-bottom:2px solid #1b5e20;
	background-color:#c8e6c9;
	width:100%; margin:0;
	font-size: 0.95em;
	width:90%;top:5px; left:0; right:0; 
	margin:auto;
	text-align:center; font-weight: bolder;
	padding-top:5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* coms_name8 */


h2.pc_title{position: absolute; 
	height:20%; border-bottom:2px solid #1b5e20;
	background-color:#c8e6c9;
	width:100%; margin:0;
	font-size: 0.95em;
	width:90%;top:5px; left:0; right:0; 
	margin:auto;
	text-align:center; font-weight: bolder;
	padding-top:3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	 
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/*0217*/
.page-header{border-bottom: 1px solid #1b5e20;}
.page-header>h2{color:#4caf50;}

button{
	background:#1b5e20; color:#ffffff; font-weight: bolder;
	-webkit-transition: background 0.5s; /* Safari */
	-ms-transition: background 0.5s; /* Safari */
	-moz-transition: background 0.5s; /* Safari */
	-o-transition: background 0.5s; /* Safari */
    transition: background 0.5s;

}

button:hover{background:#43a047; color:red;}
.btn.color_ffffff{color:#ffffff;}
.form-group label.text_login{color:#1b5e20;}

.btn-success.lab_btn_acc{background: #9ccc65; color:#1b5e20; font-weight: bold;}
.sidebar{padding:0;}
.margin_top_48xp{margin-top:48px;}
.btn.lab_pc_unlock{background: #33691e; margin-left:48px;}
.btn.lab_pc_lock{background:#9ccc65;margin-right:8px;}
.btn.lab_pc_unlock:hover{color:#ffffff;}
.btn.lab_pc_lock:hover{color:#ffffff;}

.lab_pc_sta{color:#1b5e20; font-weight: bold;}

/*popup*/
.bg-success.popup_top{background:#1b5e20;}
.bg-success.popup_top>.modal-title{color:#ffffff;}


/*0227*/
.reboot_btn_fix>li>a{ background-image: none; width: 130%;
    text-align: center; background-color: #1b5e20; height:100%;}
.reboot_btn_fix_top>li>a{ margin-top:4px;}
.reboot_btn_fix>li>a:hover{ background-image: none; background-color: red;}

.btn-danger_long{height:36px;}
.table_set_top{margin-bottom:0;}
.table_set_top>tbody>tr>td{padding-top:8px; padding-bottom:8px;}
.table_set_top>tbody>tr>td:first-child{text-indent:16px; font-weight:bolder;}
.table_set_top>tbody>tr>td:first-child>p{text-indent:16px; font-weight:normal; margin:0; font-size: 1.2em; line-height:0.9em; color:#004D40;}
.table_set_top>tbody>tr>td:nth-child(2){color:#212121; font-weight:normal;}
.table_top{margin-bottom:0;}
.table_top>thead>tr{background:#4CAF50;}
.table_top>thead>tr>th{height:36px;line-height:36px; margin-top:0;  margin-bottom:0; text-align: center;}
/*.table_top>thead>tr>th>div{text-align:center;}*/

.panel{margin-bottom:0;}