body{display:flex;margin:0;padding:0;justify-content:center;font-family:Arial,sans-serif;background-color:#f7f7f7;background-position:right bottom,left top;background-repeat:no-repeat,repeat}
			div.container{padding:20px;max-width:800px;width:100%}
			div.container h1{text-align:center;color:#333}
			div.container h1 a{text-decoration:none;color:#000}
			h3{user-select:none;margin-block-end:2px}
			
			div.container div.searchForm{text-align:center;margin-bottom:20px;}
			div.container div.searchForm form{display:flex; justify-content:center; align-items:center;}
			div.container div.searchForm input[type="text"]{width:70%;outline:none;flex-grow:1;padding:10px 15px;font-size:16px;border:1px solid #ccc;border-radius:5px;margin-right:10px;}
			div.container div.searchForm select{padding:10px 15px;font-size:16px;border:1px solid #ccc;border-radius:5px;margin-right:10px;height:40px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#333;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);}
			div.container div.searchForm button{padding:10px 20px;font-size:16px;height:40px;color:#fff; background-color:#007bff;border:none; border-radius:5px; cursor:pointer; white-space:nowrap; text-align:center; vertical-align:middle; display:inline-flex; justify-content:center; align-items:center;}
			
			div.container div#movie{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgb(0 0 0 / 10%);margin-bottom:20px;}
			div.container div#movie p.err{color:#f00;}
			div.container div#movie img{width:210px;height:290px;margin-top:10px;display:block;border-radius:8px;max-width:100%;}
			div.container div#movie hr{border:0;height:1px;background:#ddd;margin:10px 0px 20px 0px;position:relative;}
			div.container div#movie hr::before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:50px;height:2px;background-color:#007bff;border-radius:2px;}
			div.container div#movie a.list{display:block;text-decoration:none;margin:5px 0px;padding:10px;text-align:left;background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:16px;color:#333;}
			div.container div#movie a.list:hover{background-color:#e9ecef;}
			div.container div#movie a.feedback{float:right;color:#008000;text-decoration:none;font-size:12px;line-height:25px}
			div.container div#movie a.feedback:hover{color:#00f}
			
			div.container div#movie div.movie-info{display:flex;justify-content:space-between;           align-items:flex-start;        }
			div.container div#movie div.movie-info div.details{width:70%;overflow-x:auto;overflow-y:auto;margin-top:10px; }
			div.container div#movie div.movie-info div.poster{width:28%;}
			div.container div#movie div.content{width:100%;margin-top:20px;}
			div.container div#movie div.movie-info div.details table{width:100%;margin:0;border-collapse:collapse;border-radius:8px;overflow:hidden;}
			div.container div#movie div.movie-info div.details table th,
			div.container div#movie div.movie-info div.details table td{padding:12px;text-align:left;border-bottom:1px solid #ddd;}
			div.container div#movie div.movie-info div.details table th{background-color:#f2f2f2;font-weight:bold;}
			div.container div#movie div.movie-info div.details table td{background-color:#fafafa;}
			div.container div#movie div.movie-info div.details table td a{color:#000;text-decoration:none;font-weight:700}
			
			div.container div#movie a.play-button{display:inline-block;margin:5px;padding:8px 12px;font-size:16px;background-color:#28a745;color:white;border:none;border-radius:5px;text-decoration:none;cursor:pointer;        }
			div.container div#movie a.play-button:hover{background-color:#218838;}
			
			@media (max-width:768px){
				div.container div.searchForm input[type="text"][type="text"]{width:50%;}
				div.container div#movie div.movie-info{flex-direction:column;}
				div.container div#movie div.movie-info div.poster{width:100%}
				div.container div#movie img{margin:10px auto;width:auto;height:auto;}
				div.container div#movie div.movie-info div.details{width:100%;}
				.movie-info .poster{width:100%;text-align:center;}
				div.container div#movie div.movie-info div.details table th,
				div.container div#movie div.movie-info div.details table td{font-size:14px;}
			}
			
			@media (max-width:480px){
				div.container div.searchForm input[type="text"][type="text"]{width:50%;}
				div.container div#movie div.movie-info div.poster{width:auto}
				div.container div#movie img{margin:10px auto;width:auto;height:auto;}
				div.container div#movie div.movie-info div.details{font-size:14px;}
				div.container div#movie div.movie-info div.details table th,
				div.container div#movie div.movie-info div.details table td{font-size:12px;}
			}