@charset "utf-8"; 
.myoption_pad{	
	padding:8px;
	border-radius:8px;
}
.myoption_sosmed{
	border: solid 1px #ccc;
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.card_imgthumbnail{
	overflow:hidden;	
	width: auto;
    height: 122px;
    border-radius: 6px;
}
.card_imgthumbnail img{
	
	transition: transform .2s;	
}
.card_imgthumbnail img:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);

}
.marker{
	font-weight:bold;
	color: #09b512;
}
	/*
.myoption_sosmed:hover::after{

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	width:20px;
	content: '\f00c';
	display: inline-block;	 
	height: 30px;
	right: 0px;
	color: cadetblue;
	
}
*/
.myoption_sosmed:hover{
	border: solid 1px #fff;
	opacity: 1;
	filter:alpha(opacity=100);
	box-shadow: 0px 0px 5px #333;
}
.myoption_sosmed_selected{
	border: solid 1px #fff;
	opacity: 1;
	filter:alpha(opacity=100);	
	box-shadow: 0px 0px 5px #333; 
}
.myoption_sosmed_selected::after{	
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	width:20px;
	content: '\f00c';
	display: inline-block;	 
	height: 30px;
	right: 0px;
	color: cadetblue;	
}

blockquote{
	display:block;
	padding:10px 0px 4px 0px;
	border-left:solid #dedede 4px;
	text-indent:30px;
	margin-left:40px;
}
.dboard_hover:hover{
	background-color:#f5f5f5;
	cursor:pointer;
}
ol.ol_sp{
	margin:0px;
	padding:0px;
}
ol.ol_sp li{
	list-style:none;
	padding:8px 0px 8px 32px;
	border-bottom:solid 1px #dedede;
}
ol.ol_sp li::before{	  
	  position:absolute;
	  width:24px;
	  height:24px;
	  font-weight: 900;
	  margin:0px 6px 0px -30px;
	  font-family: "Font Awesome 5 Free";	  
	  font-size:20px;
	  text-align:center;
	  z-index:1;
  }
ol.ol_sp li.vw_a::before{
	content: '\f2bd'; 	 
}  
ol.ol_sp li.vw_b::before{
	  
	  content: '\f3d1';/*url(../tm_design/icon_2.png); margin:4px 6px 0px -30px ;		  */
	  
  }
  ol.ol_sp li.vw_c::before{
	  
	  content: '\f4ad';  
  }
   ol.ol_sp li.vw_d::before{
	  
	  content: '\f15c';
  }
  ol.ol_sp li.vw_e::before{
	  
	  content: '\f508';   
  }
  ol.ol_sp li.vw_f::before{
	  
	  content: '\f058'; 
  }
  ol.ol_sp li.vw_g::before{
	  
	  content: '\f14a';   
  }
  ol.ol_sp li.vw_h::before{
	  
	  content: '\f53a';
	 	  
  }
   ol.ol_sp li.vw_i::before{
	  
	  content: '\f651';
	 	  
  }
   ol.ol_sp li.vw_j::before{
	  
	  content: '\f53d';
	 	  
  }
   ol.ol_sp li.vw_k::before{
	  
	  content: '\f017';
	 	  
  }
  
/*
 dashboard
*/  
ul.ulnav_acc{
		margin:0px;
		padding:0px;
	}
ul.ulnav_acc li{
	list-style:none;
	float:left; 
	width:100%;
	border-bottom:solid 1px #f5f5f5;
	
}
ul.ulnav_acc li a{
	padding:10px 20px;
	display:block;
	color:#666;
}
ul.ulnav_acc li a:hover{
 
	display:block;
	background:#ffffcc;
	text-decoration:none;
}

/* menu kanan */
	ul.ulnav_side{
		margin:0px;
		padding:0px;
	}
	ul.ulnav_side li{
		list-style:none;
		float:left; 
		width:100%;
		background: url(../tm_css/ulstyled.jpg) no-repeat left top;
		padding:0px 0px 10px 10px;
		 
	}
	ul.ulnav_side li a{
		padding:0px 0px 0px 20px;
		display:block;
		
	}
	ul.ulnav_side li a:hover{
		color:#4A96D1 !important;
	}
	ul.ulnav_side li.lisub a{
		width:90%;	
		float:left;
		padding:8px 30px;
		display:block;
	}
	ul.ulnav_side li.lisub span{
		text-align:center;
		width:10%;
		float:left;
		padding:10px 0px;
	}
	ul.ulnav_side li.lisub ul{
		position:absolute;
		display:none;
		margin:0px 0px 0px 300px;
		width:300px;
		padding:0px;
	}
	ul.ulnav_side li.lisub ul li a{
	width:100%;	
	}/* end menu kanan*/
@media screen and  (min-width: 1000px) {
	 .iframe_youtube{
		 width:100%;
		 height: 550px;
	 }
	 .text_black_white{
		 color:#fff;
	 }
	.astable {
		display:table;
	}
	.astable-cell{
		display:table-cell;
		vertical-align:middle;
	}
  
}
/*
 dashboard
*/
/* end media */

@media screen and  (max-width: 999px) {
	.iframe_youtube{
		width:100%;
		height: 350px;
	}
	.text_black_white{
		color:#333;
	}
	.card_mobile{
		border:solid 1px #dedede;
	}
}