html{
    color:#000;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
    font-family:sans-serif;
    -webkit-text-size-adjust: none;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}

body{
	width:100%;
}
/*-------------------top form ----------------------*/
#top {
	background-color:#45001b;
	color: #FFFFFF;
	height: 45px;
	box-shadow: 0px 3px 5px #585858;
	overflow:hidden;
	width:100%;
}

.topiconl{
	float:left;
	width:39px;
	height:39px;
	line-height:1em;
	text-align:center;
	background-color:#713d44;
	border-top:3px solid #45000a;
	border-left:10px solid #45000a;
	border-bottom:3px solid #45000a;
}
.topiconch{
	float:right;
	width:39px;
	height:39px;
	line-height:1em;
	text-align:center;
	background-color:#4765b2;
	border-top:3px solid #45000a;
	border-right:3px solid #45000a;
	border-bottom:3px solid #45000a;
}
.topiconchl{
	float:left;
	width:39px;
	height:39px;
	line-height:1em;
	text-align:center;
	background-color:#4765b2;
	border-top:3px solid #45000a;
	border-left:10px solid #45000a;
	border-bottom:3px solid #45000a;
}

.dmmcrepic{
	float:right;
	width:92px;
	height:37px;
	line-height:1em;
	text-align:center;
	padding-top:2px;
	background-color:#713d44;
	border:3px solid #222;
}

#midashi{
	margin-left:10px;
	font-family:sans-serif;
	font-size:12px;
	line-height:45px;
	float:left;
}

/*-------------------footer ----------------------*/
#footer{
	margin-top:0px;
	height:300px;
	border-top:2px solid #7f7677 ;
	background:#320b0b url('../images/back04.jpg') repeat;
	position:relative;
}
.footerspace{
	position:absolute;
	font-size:13px;
	line-height:1.3em;
	color:#f5f5f5;
	margin:0 0 10px 20px;
	bottom:0;
}
.zoomview{
	position:fixed;
	bottom: 0;  
	right: 0;  
	height:30px;
	width:200px;
	font-size:13px;
	line-height:30px;
	text-align:center;
	background-color:#ffffff;
	border-top:3px solid #666666;
	border-left:3px solid #666666;
}
.footerlink{
	margin:60px 0 0 50px;
	color:#ffffff;
	font-size:12px;	
	line-height:2em;
}
.footerlink a {
	color:#ffffff;
}
.footercaption{
	margin-top:15px;
	font-size:12px;
	line-height:1.4em;
	color:#ffffff;
	margin-left:50px;
}
.copyright{
	font-size:11px;
	line-height:1.2em;
	color:#ffffff;
}


/*-------------------video ----------------------*/
video{
	display:none;
}
#movieframe{
	padding-top:25px;
	width:100%;
	height:440px;
	background:#111111;	
	box-shadow: 0px 1px 5px #727272;
	overflow:hidden;
	text-align:center;
}

#favoindiv{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-end;
	height:408px;
}
#dmmtests{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 408px;
}
.thm01{
	width:108px;
	height:81px;
	vertical-align:bottom;
}
.thm01{
	vertical-align:bottom;
}
#videoframe{
	display:inline-block;
	vertical-align:top;
	width:720px;
	height:404px;
	background:#000000 url('../images/videoback.jpg');
}

.fanzimg{
		max-width:100%;
		min-width:273px;
		max-height:380px
}
.fanzimg2{
		width:100%;
		max-width:300px;
		min-width:200px;
}

#dmmframe2{
	display:inline-block;
	vertical-align:bottom;
	margin:0 0 0 10px;
	width:calc(100% - 800px);
	max-width:600px;
	overflow:hidden;
}

#scontrol{
	margin:20px auto 10px auto;
	width:700px;
	height:40px;
	text-align:center;
	overflow:hidden;
}

input[type="range"]{
    outline:none;
}
button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
    outline:none;
}

#viVol{
	margin-top:0;
	padding:0;
	vertical-align: middle;
}
.scvol{
	display:inline-block;
	padding:0 20px;
	vertical-align: top;
	height:40px;
}
.scvol > img{
	vertical-align: middle;
}

.scpla{
	display:inline-block;
	vertical-align: top;
	margin:0 0 0 10px;
	width:100px;
	height:40px;
	overflow:hidden;
}
.scplb{
	display:inline-block;
	vertical-align: top;
	width:80px;
	margin:0 0 0 10px;
	height:40px;
}


.loading2{
		margin-top:80px;
		text-align:center;
		font-size:13px;
		line-height:2;
}


@media screen and (max-width: 1400px) {
#favoframe{
	display:none;
	vertical-align:top;

	overflow:hidden;
}
#dmmframe{
	display:inline-block;
	vertical-align:bottom;
	margin:0 -100px 0 10px;
	width:calc(50% - 200px);
	overflow:hidden;
	
}

#favoframe{
	display:
}

#center{
	margin-top:-10px;
	background:#f5f5f5;
	position:relative;
	overflow:hidden;
}
.mf01{
	padding-top:5px;
	height:128px;
	border-radius:10px 3px 10px 3px;
}
#cappics{
	width:110px;
	position:absolute;
	top:0;
	right:calc(50vw - 640px);


}
}

@media screen and (min-width: 1401px) {
#favoframe{
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 400px);
	margin:0 10px 0 0;
	height:404px;

	overflow:hidden;
}
#dmmframe{
	display:inline-block;
	vertical-align:bottom;
	margin:0 0 0 10px;
	width:calc(50% - 400px);
	overflow:hidden;
	
}


#center{
	margin-top:10px;
	background:#f5f5f5;
	position:relative;
	overflow:hidden;
}
.mf01{
	padding-top:25px;
	height:140px;
	border-radius:30px 3px 20px 3px;
}
#cappics{
	position:absolute;
	top:0;
	right:calc(50vw - 680px);
}



}



.movieh2{
	font-size:35px;
	color:#ff1493;
	line-height:1.3;
}



#viewslist{
	margin:0 auto;
	padding:0 0 10px 0;
	display:block;
	max-width:1000px;
	min-width:770px;
	font-size:0;
	min-height:410px;
	background:#ffffff;
	border:15px solid #ffffff;
}

.listv{
	list-style:none;
	display:inline-block;
	font-size:0;
	width:100px;
	text-align:center;
	background:#ffe4e1;
	border:5px solid #fff6f5;

	background-image: -moz-linear-gradient(top, #ffe4e1, #ffc4ca);
	background-image: -ms-linear-gradient(top, #ffe4e1, #ffc4ca);
	background-image: -webkit-linear-gradient(top, #ffe4e1, #ffc4ca);
	background-image: linear-gradient(top, #ffe4e1, #ffc4ca);

}
.listx{
	list-style:none;
	display:block;
	float:left;
	width:100px;
	text-align:center;
	background:#ffffff;
	border:5px solid transparent;
}

.mf02{
	padding-top:35px;
	height:130px;	
}
.mf03{
	padding-top:25px;
	height:140px;
}


#pause{
	display:none;
}
.ceconte{
	margin:0 auto;
	width:800px;
	text-align:center;
	background:#ffffff;
}
#setsumei{
	border-top:3px solid #f5f5f5;
	margin:0 auto;
	width:800px;
	text-align:center;
	background:#ffffff;

}
.reloadd{
	margin:20px auto 60px auto;
	width:500px;
	height:40px;
	line-height:1em;
	text-align:center;
	background-color:#713d44;
	border:3px solid #acacac;
}
.reloadd a:link{
		display:block;
		width:100%;
}
.subhead04{
	text-align:center;
	font-size:25px;
	margin:30px 0 0 0;
	padding:0;
}
.sentence04{

	font-size:16px;
	line-height:1.7em;
	white-space:pre-wrap;
}
.sentence05{
	margin:50px 30px;
	font-size:22px;
	color:#45001b;
	text-align:center;
	line-height:2.6em;
	white-space:pre-wrap;
}
.sentence06{
	margin-top:50px;
	font-size:16px;
	color:#45001b;
	text-align:center;
	line-height:1.6em;
	white-space:pre-wrap;

}
.okinicenter{
	vertical-align:middle;
	font-size:13px;
	line-height:45px;
	padding-right:10px;
	padding-left:10px;
	float:right;
	}
	
#okiniiri{
	font-size:25px;
	line-height:45px;
	font-weight:bold;	
}
button :active{
	border-top:2px solid #ffffff;
}
.footerspace{
	position:absolute;
	font-size:13px;
	line-height:1.3em;
	color:#f5f5f5;
	margin-left:40px;
	bottom:0;
}
.pagetops:link,{
		font-size:15px;
		font-weight:bold;
		color:#666666;
		text-decoration:normal;
}

.loadingerror2{
	text-align:center;
	margin-top: 100px;
	font-size: 14px;
	line-height: 1.5em;
	color: #ff3399;
}
.topcap2{
		margin-top:30px;
		height:40px;
		text-align:center;
		font-size:12px;
		line-height:1;
		color:#dc143c;
}


/*---------- for samle spencer   favtag------*/
#controlview2{
	width:100%;
	height:465px;
	line-height: 10px; 
	text-align: left; 
	color:#000000; 
	background:#fff; 
	display:none;
	text-align:center;
	border-top:5px solid #45001b;
	border-bottom: 6px solid #45001b;
	box-shadow:0px 0px 22px -8px #7186ae inset;
	display: none;
	position: fixed;
	top: 0x;
	box-sizing:border-box;
}
.samlistview{
	padding:20px;
	box-sizing:border-box;
	vertical-align:top;
	text-align:center;
	box-sizing:border-box;
}
.rightblocsmap{
	display:inline-block;
	vertical-align:top;
	width:40%;
	height:410px;
	box-sizing:border-box;
	margin-left:10px;
}
.pakes{
		width:100%;
		max-width:550px;
}
.pakes2{
	margin-top:5px;
	background:#333;
}
.pake3{
			width:100%;
		max-width:610px;
}

.leftblocsmap{
	display:inline-block;
	vertical-align:top;
	width:40%;
	height:410px;
	padding:20px 0;
	overflow-y:scroll;
	background:#FFF;
	box-sizing:border-box;
}
.lefttitle{
	font-size:18px;
	color:#45001b;
	margin:5px 10px 0 10px;
	line-height:1.2;
	text-align:left;
}
.leftcaps{
	margin-top:20px;
	font-size:16px;
}
.leftmakertag{
	font-size:17px;
	line-height:1.8;
	background:#f5f5f5;
	margin:15px 20px;
}
.txt18{
	font-size:18px;
	font-weight:bold;
	line-height:1.8;
}
.leftclosemark{
	position:absolute:
	bottom:left;
}
.pricetag1{
	font-size:13px;
	font-weight:bold;
	line-height:1.4em;
	color:red;
	
}
.pricetag2{
	font-size:17px;
	line-height:1.2em;
	color:#666666;
}
p.makertag{
	font-size:14px;
	line-height:1em;	
	color:#3d3d99;
	padding:3px 0;
	background-color:#f5f5f5;
	padding-bottom:5px;
}
p.makertag a:link{
	color:#1e3399;
	text-decoration:none;
}
p.makertag a:visited{
	color:#1e3399;
	text-decoration:none;
}
p.makertag a:hover{
	text-decoration:underline;
}
p.makertag a:active{
	text-decoration:underline;
}

li.actresstag{	
	display:inline-block;
	font-size:14px;
	line-height:1.2em;	

	margin-right:7px;
	margin-top:8px;
	background-color:#ffb6c1;
	border-radius:4px;
}
li.actresstag a:link{
	display:inline-block;
	padding:10px 7px;
	color:#b21129;
	text-decoration:none;
}
li.actresstag a:visited{
	color:#b21129;
	text-decoration:none;
}
li.actresstag a:hover{
	text-decoration:underline;
}
li.actresstag a:active{
	text-decoration:underline;
}

li.genretag{
	display:inline-block;
	font-size:13px;
	line-height:1.2em;	
	color:#3d993d;
	margin-right:8px;
	margin-top:8px;
	background-color:#edf4de;
}
li.genretag a:link{
	display:inline-block;
	padding:6px 12px;
	color:#3d993d;
	text-decoration:none;
}
li.genretag a:visited{
	color:#3d993d;
	text-decoration:none;
}
li.genretag a:hover{
	text-decoration:underline;
}
li.genretag a:active{
	text-decoration:underline;
}
.releacedate{
	font-size:18px;
	margin:30px 0 0 0;
}
.taglavel{
		font-size:18px;
		font-weight:bold;
		margin:25px 0 7px 0;
}
#menyubox{
	padding:0 0 30px 0;
	background:#713d44;
}
#seachmenyudiv{
	width: 80%;
	margin: 0 auto;
	max-width: 600px;
	padding: 10px 12px  15px 12px;
	background: #f5f5f5 !important;
}
.setuimg{
	vertical-align:middle;
}
.olnomber {
	font-size: 18px;
	font-weight: bold;
	margin: 0 10px 0 0;
}