@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:medium none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;list-style:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}
html { line-height: 1; background: #000;font: 700 24px/1.6 "Open Sans Condensed", Helvetica, sans-serif;color: #FFF;}
.ib {display: -moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;}
html,body { height: 100%;}
img{max-width:150px;display:block;margin:50px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;opacity: 0.5;filter:alpha(opacity=50);}
img:hover{opacity: 1;filter:alpha(opacity=100);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.content{background: url('../images/01.png') repeat center center rgba(0,0,0,.6);text-align:center;display: table;margin: 0;text-transform:uppercase;width:900px;position:absolute;bottom: 0;left: 50%;margin-left:-450px;}
.inner {display: table-cell;position: relative;vertical-align: middle;padding:20px;}
.iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.hoveriframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media only screen and (min-width: 1600px) {
	.content{width: 1500px;margin-left:-750px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.content{width: 720px;margin-left:-360px;}

}

@media only screen and (max-width: 768px) {
	.content{width: 100%;height: 100%;bottom: inherit;left: inherit;margin-left:0;}
}