.MediaSearchBox{
	float: left;
	width: 100%;
	min-height: 30px;

}
.MediaSearchBox p{
font-weight: bold;
	float: left;

	text-align: left;
	
	padding: 3px 0px 0px 0px;
	color:#585858;
	font-size:12px;
    min-width:55px;
}

.MediaSearch_TextBox{
	float: left;
	width: 65%;
	min-height: 10px;
	padding: 3px 10px;
	border: 1px #d1d1d1 solid;
	border-radius: 4px;
}
.MediaSearch_DropBox{
	float: left;
	width: 60%;
	min-height: 10px;
	padding: 2px 10px;
	border: 1px #d1d1d1 solid;
	border-radius: 4px;
}
/*-------------------------------------------------*/

.iTem_Album_Image{
	float: left;
	width: 200px;
	height: 180px;
	margin: 0px 0px 15px 8px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.iTem_Album_Image:last-child{
	/* margin-right: 0px; */
}
.iTem_Album_Image:first-child{
	/* margin-left: 1px; */
}
.Around_List_iTem_Album_Image{
	float: left;
	width: 100%;
	overflow: hidden;
	min-height: 0px;
}
.Album_Image{
	    float: left;
	    width: 200px;
	    height: 125px;
	    /* background: grey; */
	    position: relative;
}
.Album_Image img
{
	width: 200px !important;
	height: 126px !important;
}
.iTem_Album_Image h3{
	    float: left;
	    color: #1e4283;
	    padding: 8px 5px 0px 5px;
	    text-align: justify;
	    background: linear-gradient(to bottom, #fefefe 0%,#f3f9fa 63%,#eaf4f6 100%);
	    height: 30%;
	    width: 100%;
}
.iTem_Album_Image a{
     color: #1e4283;
    text-decoration: none;
    text-align:justify;
}
.Fix_Box_Working{
	float: left;
	margin-top: 16px;
}
.Top_New_Album{
	float: left;
	padding: 15px 0px 20px 0px;
	font-size: 12px;
	margin-bottom: -10px;
}
.Title_Album{
	font-size: 13px;
	float: left;
	color: #1e4283;
	width: 850px;
	margin-top:20px;
}
.Div_Search_Image{
	float: left;
	
	min-height: 40px;
   /*width: 850px;
    margin:0px 10px;*/
	width:80%; margin:0 10%;
	padding: 20px 0px;
	border-bottom: 1px #d1d1d1 solid;
	display: none;
}
.Find_Image{
	border: none;
	background: none;
	text-decoration: underline;
	z-index: 1000;
    float:right;
}
.Div_Album_Image{
	position: relative;
}
.Input_Search_Image:focus,.Select_Filed_Image:focus{
	box-shadow: inset 0px 0px 4px #c1c1c1;
}
.Show_Detail_Image{
	float: left;
	width: 845px;
	margin-top: 8px;
	height: 495px;
	background: #f8f5e1;
	border: 1px #d1d1d1 solid;
}
.List_Show_Detail_Image{
	float: left;
	width: 658px;
	min-height: 105px;
	background: url("../../images/NCS.UI.MOT/bg_top_box.png") repeat-x 0px 0px;
	border-top: none;
	position: relative;
}
.Div_Detai_Image{
	width: 632px;
	height: 380px;
	float: left;
	position: relative;
	margin: 12px 0px 12px 12px;
}
.Div_Detai_Image img{
	float: left;
}
.Center_List_Show_Detail{
	margin: 15px auto 0px auto;
	width: 612px;
	min-height: 60px;
}
.iTem_List_Show_Detail{
	float: left;
	width: 110px;
	height: 60px;
	background: grey;
	margin: 0px 15px 0px 0px;
}
.iTem_List_Show_Detail img{
	float: left;
	width: 110px;
}
.iTem_List_Show_Detail:last-child{
	margin-right: 0px;
}
.List_Show_Detail_Image .LeftGradientBox,.List_Show_Detail_Image .RightGradientBox{
	opacity: 0.5;
}
.ArrowAlbum{
	position: absolute;
	top: 38px;
	width: 15px;
	height: 17px;
	border: none;
}
.ArrowAlbumLeft{
	left: 4px;
	background: url("../../images/NCS.UI.MOT/arrow_album_left.png") repeat-x center;
}
.ArrowAlbumRight{
	right: 5px;
	background: url("../../images/NCS.UI.MOT/arrow_album_right.png") repeat-x center;
}
.ArrowAlbum:active{
	background-size: 13px auto;
}
.Opacity_For_Image{
	position: absolute;
	width: 612px;
	min-height: 10px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	padding: 10px;
	color: white;
	background: url("../../images/NCS.UI.MOT/bg_opa.png") repeat center;
}
  .listmedia_content{clear:both;float:left;width:97%;min-height:100px;text-align:justify;margin:10px 0 0 10px;font-size:12pt;line-height:1.5;}
.iTem_Video{
	float: left;
    /*width:200px;margin-right:8px;*/
    width:23.2%;
	height: 210px;
    margin-bottom:15px;
    margin-right:2%;
    overflow:hidden;
    border:1px solid #ccc;
}
.iTem_Video:nth-child(4),.iTem_Video:nth-child(8),.iTem_Video:nth-child(12), .iTem_Video:nth-child(16){
	float: right;
    margin-right:0px;
}
.iTem_Video:last-child{
	margin-right: 0px;
    float:left;
}
.iTem_Video a{color:#1e4283; text-decoration:none;}
.Image_iTem_Video{
	/*float: left;   
	position: relative;*/
}
.Image_iTem_Video img{   
    width:100%;
	height: 125px;float:left;
}
.iTem_Video h3{
	float: left;
	color: #1e4283;
	padding: 8px 5px 0px 5px;text-align:justify;
    background:linear-gradient(to bottom,  #fefefe 0%,#f3f9fa 63%,#eaf4f6 100%);
    height:40%;
    width:96%;
}
.Top_New_Video{
	padding: 14px 0px 14px 0px;
	float: left;
    width:98%;
}
.ButtonPlay{
	position: absolute;
	width: 40px;
	height: 25px;
	top: 50px;
	left: 85px;
	z-index: 100;
	display: none;
	background: url("../../images/NCS.UI.MOT/buttonplay.png") no-repeat center;
}
.Image_iTem_Video:hover .ButtonPlay{
	display: block;
}
.Show_Detail_Video{
	float: left;
	width: 845px;
	min-height: 375px;
	background: #e1e1e1;
	position: relative;
	margin: 15px 0px 11px 0px;
    border:1px solid #d1d1d1;
    background: #f8f5e1;
}
.Around_List_iTem_Video{
	float: left;
	width: 100%;
	overflow: hidden;
	min-height: 0px;
}

.table_video tr, td{ vertical-align:top;}




/*---------------------------------------------*/

@media only screen and (max-width : 1024px) {
    .Show_Detail_Video {
        float: left;
        width: 650px;
    }
    #playlist{max-width:100%;}
      .ButtonAskSearch {
        margin-left: 5px;margin-top:0px; margin-right:0px;float:left;
    }
}
@media screen and (max-width: 980px) {
    .Div_Search_Image{width:96%; margin:0px 2%;}
}
@media screen and (max-width:768px) {
     .MediaSearch_TextBox {
       width:50%;float:left;margin-right:5%;
    }
       .ButtonAskSearch {
        margin-left: 0px;margin-top:0px; margin-right:0px;float:left;
    }
}
@media only screen and (max-width : 480px) {
    .MediaSearch_TextBox {
       width:40%;float:left;margin-right:5%;
    }
  
    .iTem_Video {
        width:46%; float:left;
    }
    .iTem_Video:nth-child(2),.iTem_Video:nth-child(4)
    ,.iTem_Video:nth-child(6),.iTem_Video:nth-child(8)
    ,.iTem_Video:nth-child(10),.iTem_Video:nth-child(12)
    ,.iTem_Video:nth-child(14) .iTem_Video:nth-child(16){
	        float: right;
            margin-right:0px;
    }
}
@media only screen and (max-width : 320px) 
{
    .iTem_Video {
        width:95%; float:left;
    }
     .iTem_Video:nth-child(2),.iTem_Video:nth-child(4)
    ,.iTem_Video:nth-child(6),.iTem_Video:nth-child(8)
    ,.iTem_Video:nth-child(10),.iTem_Video:nth-child(12)
    ,.iTem_Video:nth-child(14) .iTem_Video:nth-child(16){
	        float: left;
    }
}