@charset "utf-8";

/* ======================================================
  Reset
====================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;vertical-align:baseline;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after,.section:before,.section:after{content:"";display:table}.cf:after,.section:after{clear:both}.cf,.section{zoom:1}

/*-------------------------------------------------- reset */
body {
	background: #FFF url("../images/main.png") top center no-repeat;
	font-size: 12px;
	font-family: "sans-serif;
	line-height: 1.5;
}

a:hover img{ opacity: 0.8;}

/* ====================================================================
    Container
==================================================================== */
h1,h2,p{ text-indent: -9999px;}

#main .inner{
	 width: 890px;
	 height: 1181px;
	 margin: 0 auto;
}

#sec1{
	 background: url("../images/sec1.png") top center no-repeat;
}
#sec1 .inner{
	width: 890px;
	height: 1058px;
	margin: 0 auto;
	position: relative;
}
#sec1 #Player{
	position: absolute;
	left: 10px;
	top: 0px;
	/*box-shadow: 0px 0px 10px 10px #000;*/
}

#wrapper_btn_apply{
	position: absolute;
	left: 58px;
	top: 913px;
}
#wrapper_btn_apply a img{
	transition: transform 0.3s linear;
}
#wrapper_btn_apply a:hover img{
	opacity: 1.0;
	transform: scale(1.02);
}

#sec2{
	 background: url("../images/sec2.png") top center no-repeat;
	 width: 890px;
	 height: 1022px;
	 margin: 0 auto;
	 position: relative;
	 padding-bottom: 40px;
}

#sec2 .btn{
	position: absolute;
	right: 40px;
	top: 878px;
}


/* ====================================================================
    Buttons
==================================================================== */
#btnMovie{
  display: none;
}

#btnMovie:hover{
  opacity: 1.0;
}