/*   HEADER   */
header{
	border-bottom: 5px solid #00a1e9;
	padding: 30px 0;
}
.version a{ color:#00a1e9; display:inline-block; padding:2px 7px; border:1px solid #00a1e9; border-radius: 3px; }
.version a:nth-child(2n){ margin-right:0px;}
.version a:hover, .version a.selected{ color:#ffc600; border: 1px solid #ffc600;}


/* social */
.socials, .version{ padding-top: 12px;}
.socials a {
    display: inline-block;
    margin-right: 0;
    text-align: left;
    text-indent: -9999px;
}
.socials a {
    background-position: left bottom !important;
    height: 30px;
    width: 30px;
}

a.fb{ background: url("../image/fb.png") no-repeat scroll 0 0 transparent;}
a.twitter{ background: url("../image/twitter.png") no-repeat scroll 0 0 transparent;}
a.google{ background: url("../image/google.png") no-repeat scroll 0 0 transparent;}
a.plurk{ background: url("../image/plurk.png") no-repeat scroll 0 0 transparent;}
a.google{ background: url("../image/google.png") no-repeat scroll 0 0 transparent;}
a.weibo{ background: url("../image/weibo.png") no-repeat scroll 0 0 transparent;}

.menu a{ color: #555; font-weight: bold;}
.menu a:hover{ color: #ff8400;}


/*   CONTENT   */
.contentwrapper{ padding: 30px 0;}
.newsBox h5{ font-weight: bold; }

/*  YOUTUBE VIDEO  */
.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
 margin-bottom: 20px;
 border: 5px solid #dcdcdc;
}
.video-container iframe,
.video-container object,
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/*   FOOTER   */
footer{ color:#fff; border-top: 3px solid #00a1e9;}
footer a{ color:#bce9ff; text-decoration: none;}
footer a:hover, footer a.active{ color: #fcff00; }

.footer-top{ padding: 20px 0;}
.footer-top .mail{ font-size:1.2rem;}
.bg-fblue{ background-color:#0044a1;}
.footer-bottom{ padding: 30px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008dd2+0,00abff+7,00abff+100,00abff+100 */
background: #008dd2; /* Old browsers */
background: -moz-linear-gradient(top,  #008dd2 0%, #00abff 7%, #00abff 100%, #00abff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #008dd2 0%,#00abff 7%,#00abff 100%,#00abff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #008dd2 0%,#00abff 7%,#00abff 100%,#00abff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008dd2', endColorstr='#00abff',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 40em){ 
	header{ padding:20px 0}
	.logo{ padding-bottom:12px;}
	.socials, .version{ padding-top: 0;}
	footer{ text-align:center}
}