@media (min-width: 760px) {
	.codinh_search{
		
			display: none;	
		  position:fixed;
		  top:80px;
		  border: 3px solid #cd5757;
		  right:1%;
		  width: 28%;
		  height: 80%;
		  z-index: 1000;
		  background: #97efe3;		
	} 
		.close_iframe{
			position: fixed;
			top: 75px;
			right: 0%;
			border: 3px solid #ff0000;
			border-radius:100px;
			font-weight: bold;
			font-size: 25px;
			color: #ffffff;
			z-index: 1000;
			background: #000000;
			cursor: pointer;
		}
	div.type5 {
	    width:100%;
	    height:95%;
	}
	.button_img{
		position:fixed;
		z-index: 100;
		top:160px;
		left:0px;
	}
	.button_ykien{
		position:fixed;
		z-index: 100;
		top:220px;
		left:2px;
	}
	.button_facebook{
		position:fixed;
		z-index: 100;
		top:270px;
		left:2px;
	}
}	
@media (max-width: 760px) {
	.codinh_search{
			display: none;	
		  position:fixed;
		  top:3%;
		  border: 3px solid #cd5757;
		  left: 3%;
		  width: 94%;
		  height: 94%;
		  z-index: 1000;		
		   background: #97efe3;	
		   overflow-x: hidden;
			 overflow-y: visible;
			 white-space: nowrap;	
		  
	} 
		.close_iframe{
			position: fixed;
			top: 3%;
			right: 2%;
			border: 3px solid #ff0000;
			border-radius:100px;
			font-weight: bold;
			font-size: 25px;
			color: #ffffff;
			z-index: 1001;
			background: #000000;
		}
	div.type5 {
	    position:fixed;
	    left:3%;
	    top:8%;
	    width:95%;
	    height:90%;
	    overflow-y:scroll;
	    -webkit-overflow-scrolling:touch;
	}
	.button_img{
		position:fixed;
		z-index: 100;
		top:90px;
		left:0px;
	}
	.button_ykien{
		position:fixed;
		z-index: 100;
		top:160px;
		left:1px;
	}
	.button_facebook{
		position:fixed;
		z-index: 100;
		top:200px;
		left:1px;
	}
}

div.type5 iframe {
    width:100%;
    height:100%;
}　	        
	

		.close_iframe:hover {
			background: red;
			cursor: pointer;
		}
		
		.baitiep_iframe{
				cursor: pointer;
			   width:px;
			   height:px;
			   background:#edf781;
			   border:3px solid #ed8d55;
			   border-radius:11px;
			   font-family:'Montserrat', sans-serif;
			   color:#000000;
			   font-size:18px;
			   font-weight:400;
			
			   transition: all 0.3s;
			}
		.baitiep_iframe:hover {
		   		background:#ef9732;
		   		color:#3b5bc4;
		   		border:5px solid #41e028;
		 }
		 .baitiep_iframe:active {
		   		background:#ef9732;
		   		color:#3b5bc4;
		   		border:5px solid #41e028;
		 }
		 
	.button_search2:hover{
		 border:3px #88ABDA solid;
		 padding:4px 4px 4px 4px;
		 cursor: pointer;
		 border-radius: 100px;
	}
	.button_search2_ykien:hover{
		 border:3px #88ABDA solid;
		 padding:4px 4px 4px 4px;
		 cursor: pointer;
		 border-radius: 100px;
	}
	.button_search2_facebook:hover{
		 border:3px #88ABDA solid;
		 padding:4px 4px 4px 4px;
		 cursor: pointer;
		 border-radius: 100px;
	}

	.dt_frame{border: 2px solid #ebcfa0; margin-top: 5px; padding: 5px;}  
	.dt_title_block {cursor: pointer;} 
	.dt_title_block IMG{border: 1px solid #ddd; margin: 3px; padding: 3px;}  
	.dt_detail_block{background: #b6eaf2; color: #000; padding: 10px; border: 2px outset #ebcfa0; font-size: 14px; margin: 5px, 10px, 5px, 10px;}