@charset "utf-8";
/* CSS Document */
#media{
	padding-bottom:50px;
}
#media .navi{
	padding:30px 0px 28px 0px;
}
#media .navi a{
	float:left;
	height:55px;
	width:250px;
	padding-left:46px;
	color:#fff;
	font:400 20px/55px 'iaz';
	margin-right:12px;
	background-color:#009487;
	position:relative;
	text-decoration:none;
}
#media .navi a.a{
	background-color:#555562!important;
}
.win.firefox #media .navi a{
	line-height:57px;
}
.win.chrome #media .navi a{
	line-height:58px;
}
#media .navi a i{
	position:absolute;
	width:20px;
	height:23px;
	display:block;
	background-color:#fff;
	border-radius:2px;
	left:12px;
	top:16px;
}
#media .navi a i:before,#media .navi a i:after{
	content:"";
	position:absolute;
	border-top:5px solid #989898;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	top:9px;
	left:5px;
}
#media .navi a i:after{
	border-top:5px solid #fff;
	top:7px;
}
#media .navi a.pr{
	background-color:#008b94;
}
#media .navi a.ms{
	background-color:#007694;
}
#media .navi a.sm{
	background-color:#1893b2;
}
#media ul.hm{
	padding-bottom:30px;
}
#media ul.hm li{
	position:relative;
	background-repeat:no-repeat;
	float:left;
}
#media ul.hm label{
	position:absolute;
	right:0px;
	top:7px;
	height:22px;
	float:right;
	background-color:#fff;
	color:#555562;
	font:600 12px/24px 'iaz';
	padding:0px 8px 0px 6px;
}

#media ul.hm li.video label:before{
	content:"";
	display:block;
	position:absolute;
	height:22px;
	width:28px;
	left:-29px;
	top:0px;
	background:url(/frontend/i/v3/media/video.png) center center no-repeat #fff;
	background-size:22px 16px;
}

#media ul.hm .b1{
	width:1033px;
	height:450px;
	background-color:#CCC;
	margin-bottom:6px;
	background-size: cover;
	background-position:center center;
}
#media ul.hm .b1 label{
	top:14px;
	height:34px;
	font:600 16px/36px 'iaz';
	padding:0px 15px 0px 12px;
}
#media ul.hm li.b1.video label:before{
	height:34px;
	width:42px;
	left:-45px;
	background-size:32px 24px;
}

#media ul.hm .b1 .t{
	bottom:26px;
	left:20px;
}
#media ul.hm .b1 .t div{
	padding-top:8px;
}

#media ul.hm .b1 .t strong{
	background-color:#555562;
	height:34px;
	padding:0px 12px;
	font:400 18px/34px 'iaz';
}
#media ul.hm .b1 .t span{
	background-color:#007694;
	padding:3px 12px 3px 23px;
	font:300 42px/42px 'iaz';
}
#media ul.hm .b1 .t span:first-child{
	padding-top:10px;
}
#media ul.hm .b1 .t span:last-child{
	padding-bottom:10px;
}

/**/
#media ul.hm li a{
	display:block;
	width:100%;
	height:100%;
	z-index:10;
	position:absolute;
	left:0px;
	top:0px;
}
#media ul.hm li .t{
	position:absolute;
	float:left;
	z-index:1;
}
#media ul.hm li .t div{
	width:100%;
}
#media ul.hm li .t b{
	font-weight:400;
}
#media ul.hm li .t span{
	display:inline-block;
	color:#fff;
}
#media ul.hm li .t strong{
	color:#fff;
	float:left;
}
/* new clearfix */
#media ul.hm li .t div:after,#media .resource .block:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: ".";
	clear: both;
	height: 0px;
	line-height:0px;
	overflow:hidden;
}
* html #media ul.hm li .t div,* html #media .resource .block{
	zoom: 1;
} /* IE6 */
*:first-child+html #media ul.hm li .t div,*:first-child+html #media .resource .block{
	zoom: 1;
} /* IE7 */

/**/


/*b2,b3,b4*/
#media ul.hm .b2,#media ul.hm .b3,#media ul.hm .b4{
	width:440px;
	height:200px;
	background-color:#CCC;
	margin:0px 6px 6px 0px;
}
#media ul.hm .b2 .t,#media ul.hm .b3 .t{
	bottom:20px;
	left:0px;
}
#media ul.hm .b2 .t div{
	padding-top:1px;
}
#media ul.hm .b2 .t strong,#media ul.hm .b3 .t strong{
	background-color:#555562;
	height:24px;
	padding:0px 10px;
	font:400 14px/24px 'iaz';
}
.win.firefox #media ul.hm .b2 .t strong,.win.firefox #media ul.hm .b3 .t strong{
	line-height:27px;
}
#media ul.hm .b2 .t span,#media ul.hm .b3 .t span{
	background-color:#008b94;
	padding:3px 10px;
	font:300 20px/20px 'iaz';
}
#media ul.hm .b2 .t span:first-child,#media ul.hm .b3 .t span:first-child{
	padding-top:7px;
}
#media ul.hm .b2 .t span:last-child,#media ul.hm .b3 .t span:last-child{
	padding-bottom:5px;
}

/*b3*/
#media ul.hm .b3{
	width:330px;
}
#media ul.hm .b3 .t div{
	padding-top:5px;
}

/*b4*/
#media ul.hm .b4{
	width:250px;
	background:url(/frontend/i/v3/media/az.png) 10px 148px no-repeat #009487;
	padding:16px 17px;
}
#media ul.hm .b4 strong{
	font:600 16px/20px 'iaz';
	color:#fff;
}
#media ul.hm .b4 p{
	font:400 13px/20px 'iaz';
	color:#fff;
	padding-top:10px;
}
#media ul.hm .b4 span,#media ul.hm .fb span,#media ul.hm .twitter span{
	position:absolute;
	font:400 14px/14px 'iaz';
	color:#fff;
	left:72px;
	bottom:16px;
}
#media ul.hm .fb span,#media ul.hm .twitter span{
	left:55px;
}


#media ul.hm li.twitter{
	background:url(/frontend/i/v3/media/twitter.png) 15px 160px no-repeat #00aced;
	padding:16px 17px;
}
#media ul.hm li.twitter p{
	font:400 15px/22px 'iaz';
	color:#fff;
	padding-top:0px;
}

#media ul.hm li.fb{
	background:url(/frontend/i/v3/media/fb.png) 16px 155px no-repeat #3b579d;
	padding:16px 17px;
}
#media ul.hm li.fb p{
	font:400 14px/19px 'iaz';
	color:#fff;
	padding-top:0px;
}
#media ul.hm li.fb img{
	float:left;
	clear:left;
	margin:0px 10px 5px 0px;
	max-width:140px;
	max-height:140px;
}


#media ul.pr{
	float:left;
	width:770px;
}
#media ul.pr li{
	width:100%;
	border-bottom:8px solid #fff;
	/*margin-bottom:8px;*/
	position:relative;
	min-height:98px;
}
#media ul.pr li:nth-child(odd){
	background-color:#f7f7f7;
}

#media ul.pr li div{
	width:72px;
	height:100%;
	text-align:center;
	font:600 14px/15px 'iaz';
	background-color:#009487;
	color:#fff;
	position:absolute;
	left:0px;
	top:0px;
	border-right:8px solid #fff;
	padding-top:5px;
	padding-bottom:5px;
}
#media ul.pr li div span{
	font:300 50px/50px 'iaz';
	color:#fff;
	display:block;
}
#media ul.pr li a{
	display:block;
	width:100%;
	position:relative;
	padding:15px 10px 15px 110px;
	text-decoration:none;
}
#media ul.pr li a b{
	color:#555562;
	display:block;
	font:600 18px/18px 'iaz';
	padding-bottom:5px;
}
#media ul.pr li a span{
	display:block;
	color:#555562;
	font:400 14px/17px 'iaz';
}


/* resource */
#media .resource{
	padding:5px 0px 20px 0px;
	width:1033px;
}
#media .resource .block{
	padding:20px 0px;
	border-bottom:1px solid #d0d0db;
}
#media .resource .block:last-child{
	border-bottom:0px;
}
#media .resource .l{
	float:left;
	width:440px;
	height:200px;
	background-color:#CCC;
	position:relative;
}
#media .resource h3{
	position:absolute;
	float:left;
	left:0px;
	top:148px;
	background-color:#008b94;
	color:#fff;
	font:400 20px/32px 'iaz';
	height:32px;
	padding:0px 11px;
}
.win.firefox #media .resource h3{
	line-height:35px;
}
.win.chrome #media .resource h3{
	line-height:36px;
}
#media .resource .r{
	float:right;
	width:560px;
	position:relative;
}
#media .resource h4,#media .resource h1{
	color:#35383c;
	font:600 20px/20px 'iaz';
	padding-bottom:5px;
}
#media .resource h4 span{
	font-weight:300;
}
#media .resource p{
	color:#555562;
	font:400 14px/14px 'iaz';
}
#media .resource ul{
	position:absolute;
	height:132px;
	left:0px;
	width:560px;
	top:68px;
}
#media .resource ul.logos{
	height:122px;
	top:82px;
}
#media .resource ul.logos li{
	height:122px;
	float:left;
	border-right:1px solid #d0d0db;
	width:193px;
	padding:0px 11px;
	text-align:center;
	position:relative;
}
#media .resource ul.logos li:first-child{
	width:182px;
	padding:0px 11px 0px 0px;
}
#media .resource ul.logos li:last-child{
	border-right:0px;
	width:182px;
	padding:0px 0px 0px 11px;
}
#media .resource ul.logos div{
	color:#35383c;
	font:400 14px/14px 'iaz';
	padding-top:43px;
}
#media .resource ul.logos a{
	color:#1893b2;
	font:600 14px/14px 'iaz';
	text-decoration:none;
	padding:0px 3px;
}


#media .resource ul.imgs li{
	float:left;
	width:134px;
	text-align:center;
	margin-right:8px;
	position:relative;
}
#media .resource ul.imgs li a.download{
	position:relative;
	padding:0px 0px;
	display:block;
}
#media .resource ul.imgs li a.download:hover:after{
	content:attr(title);
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(/frontend/i/v3/media/download.png) no-repeat;
	z-index:1;
	font:600 14px 'iaz';
	color:#35383c;
	text-align:center;
	padding-top:82px;
	cursor:pointer;
}


#media .resource ul.imgs li:last-child{
	margin-right:0px;
}
#media .resource ul.imgs div{
	color:#35383c;
	font:400 14px/14px 'iaz';
	padding-top:15px;
}
#media .resource ul.imgs a{
	color:#1893b2;
	font:600 14px/14px 'iaz';
	text-decoration:none;
	padding:0px 3px;
}
/* video audio */
#media .resource .video ul{
	top:58px;
}
#media .resource .video .l a,#media .resource .audio .l a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
	background:url(/frontend/i/v3/media/play.png) center center no-repeat;
}
#media .resource .audio .l a{
	background:url(/frontend/i/v3/media/play_audio.png) center center no-repeat;
}
#media .resource .video .r a,#media .resource .audio .r a.play{
	display:block;
	width:134px;
	position:relative;
}
#media .resource .audio .r a.play{
	background:url(/frontend/i/v3/media/audio_mini.jpg) center center no-repeat;
	height:104px;
}
#media .resource .video .r a:after,#media .resource .audio .r a.play:after{
	display:block;
	width:134px;
	height:106px;
	position:absolute;
	background:url(/frontend/i/v3/media/play2.png) center center no-repeat;
	z-index:1;
	left:0px;
	top:0px;
	content:"";
}
#media .resource .audio .r a.play:after{
	background:url(/frontend/i/v3/media/play_audio_mini.png) center center no-repeat;
}
#media .resource .video .r a span{
	text-align:center;
	display:block;
	color:#676767;
	font:400 13px/16px 'iaz';
	padding-top:5px;
}
#media .tags{
	padding-left:70px;
	position:relative;
}
#media .tags span{
	color:#555562;
	font:600 16px/26px 'iaz';
	padding-right:16px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
#media .tags button{
	color:#fff;
	font:600 16px/26px 'iaz';
	padding-right:16px;
	background:url(/frontend/i/v3/media/tag.png) right -25px no-repeat #878793;
	height:26px;
	float:left;
	padding:0px 34px 0px 14px;
	margin-right:11px;
	margin-bottom:5px;
	cursor:pointer;
}
.win.firefox #media .tags button{
	line-height:29px;
}
.win.chrome #media .tags button{
	line-height:28px;
}
#media .tags button.d{
	background-position:right 6px;
	background-color:#e7e7e9;
}
#footer .row1:after{
	width:1030px;
}
#footer .row2{
	padding-right:30px;
}
/** resource **/