body { padding:0; margin:0; background:#fff; font-family:Arial, Helvetica, sans-serif; }

.clear-fix:after, .ClearFix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

h1, h2, h3, h4, h5, h6 { margin:0 0 0 0; padding:0; }
h2 { color:#333; font-size:30px; font-weight:normal; }
h3 { color:#333; background:#666; margin:0 0 40px 0; padding:15px; font-size:24px; }
h4 { color:#333; font-size:24px; clear:both; margin:0 0 20px 0; }

    @media screen and (max-width:900px){
		h2 { font-size:20px; }
    }
	
p { margin:0 0 14px 0; padding:0; font-size:16px; line-height:22px; word-wrap:break-word; }
img { margin:0 0 14px 0; max-width:100%; border:none; }

ul, li { list-style:none; padding:0; margin:0;}

a { text-decoration:none; color:#dd4400; }
a:hover { text-decoration:underline; }

.wrapper { max-width:1200px; margin:0 auto; }

    @media screen and (max-width:1300px){
        .wrapper { width:auto; padding: 0 40px; }
    }
    @media screen and (max-width:1000px){
        .wrapper { width:auto; padding: 0 30px; }
    }
    @media screen and (max-width:600px){
        .wrapper { padding: 0 15px; }
    }

/* header */

header { background:#004477; height:300px; text-align:center; margin:0 0 40px 0; }
header h1 { font-size:50px; text-transform:uppercase; border-bottom:5px solid #fff; display:inline-block; color:#fff; font-weight:normal; margin:70px 0 0 0; }
header h1 strong { font-size:70px; }

    @media screen and (max-width:600px){
		header { height:180px; margin:0 0 20px 0; }
		header h1 { font-size:28px; border-bottom:3px solid #fff; margin:50px 0 0 0; }
		header h1 strong { font-size:36px; }
    }
	
/* navigation */

.timeline-nav { width:30%; float:right; }
.timeline-nav ul { margin:0 0 30px 0; }
.timeline-nav li a, .timeline-nav li strong { display:block; color:#fff; background:#dd4400; padding:15px; font-size:24px; margin:0 0 10px 0; }
.timeline-nav li strong { background:#666; }
.timeline-nav span { display:none; color:#dd4400; border:1px solid #dd4400; padding:10px; font-size:20px; margin:0 0 15px 0; cursor:pointer; }
.timeline-nav #promotion { padding:30px; background:#efefef; display:block; }
.timeline-nav #promotion img { width:100%; display:block;}

    @media screen and (max-width:1100px){
		.timeline-nav { width:25%; }
		.timeline-nav li a, .timeline-nav li strong { padding:10px; font-size:20px; }
		.timeline-nav #promotion { padding:0; }
    }
    @media screen and (max-width:700px){
		.timeline-nav { width:auto; float:none; margin:0 0 40px 0; }
		.timeline-nav ul { display:none; }
		.timeline-nav span { display:block; }
		.timeline-nav #promotion { display:none; }
    }
    @media screen and (max-width:600px){
		.timeline-nav { margin:0 0 15px 0; }
    }
	
.timeline-2015 { width:65%; float:left; }
.timeline-2015 .date { display:block; color:#fff; background:#666; padding:15px; font-size:24px; margin:0 0 10px 0;  }

    @media screen and (max-width:1100px){
		.timeline-2015 { width:70%; }
		.timeline-2015 .date { padding:10px; font-size:20px; }
    }
    @media screen and (max-width:700px){
		.timeline-2015 { width:auto; float:none; }
    }
    @media screen and (max-width:600px){
		.timeline-2015 .date { margin:0 0 15px 0; padding:10px; font-size:20px; }
    }
	
.timeline-2015 .group { margin:0 0 80px 0; padding:0 0 0 0; border-bottom:1px solid #ccc; }
	
/*.timeline-2015 iframe { margin:40px 0 !important; padding:40px 0 0 0 !important; border-top:1px solid #ccc !important; width:50% !important; border-radius:0 !important; box-shadow:none !important; }*/
.timeline-2015 iframe { display:block; margin:40px auto !important; width:500px !important; }
.timeline-2015 article { margin:40px 0; padding:40px 0 0 0; border-top:1px solid #ccc; }
.timeline-2015 article .profile { height:60px; width:60px; float:left; margin:0 20px 30px 0; }
.timeline-2015 article strong { font-size:24px; font-weight:normal; display:block; margin:5px 0; }
.timeline-2015 article a { font-size:14px; display:block; }
.timeline-2015 article p { font-size:20px; line-height:26px; display:block; clear:both; color:#333; margin:0 0 20px 0; }
.timeline-2015 article .content { width:50%; float:left;}
.timeline-2015 article .image { width:45%; float:right; margin:0; max-width:100%; }
.timeline-2015 article .press { background:#efefef; padding:20px; }
.timeline-2015 article .press .image { float:none; width:auto; }
.timeline-2015 article .video iframe { width:100%; height:400px; }

    @media screen and (max-width:900px){
		.timeline-2015 article .profile { margin:0 15px 20px 0; }
		.timeline-2015 article .content { width:100%; }
		.timeline-2015 article .image { width:auto; float:none; clear:both; }
		.timeline-2015 iframe { margin:10px auto !important; width:100% !important;  }
    }
    @media screen and (max-width:600px){
		.timeline-2015 article { margin:15px 0 0 0; padding:15px 0 0 0; }
		.timeline-2015 article .profile { height:50px; width:50px; float:left; margin:0 15px 15px 0; }
		.timeline-2015 article strong { font-size:20px; }
		.timeline-2015 article a { font-size:12px; }
		.timeline-2015 article p { font-size:16px; line-height:22px; margin:0 0 15px 0; }
		.timeline-2015 article .video iframe { height:200px; }
    }
	
.fb_iframe_widget { display:block !important; }
.fb_iframe_widget span { height:auto !important; display:block !important; width:100% !important; }
.fb_iframe_widget iframe { position:static !important; }

/* breadcrumb */

#breadcrumb { background:#f5f5f5; padding:15px 0; font-size:14px; }
#breadcrumb .Wrapper { width:940px; }
#breadcrumb a {	padding:0 5px; font-weight: bold; color:#333; }
#breadcrumb a:first-child {	padding:0 5px 0 0; }
#breadcrumb a:hover { text-decoration:underline; }

    @media screen and (max-width:800px){
        #breadcrumb { padding:10px 0; font-size:11px; }
    }
	
/* homepage */

#timeline-home { text-align:center; }
#timeline-home h2 { margin:0 0 40px 0; }

    @media screen and (max-width:600px) {
		#timeline-home h2 { margin:0 0 20px 0; }
    }

.timeline-home-nav { margin:0 0 40px 0; }
.timeline-home-nav li { width:23.5%; margin:0 2% 2% 0; float:left; }
.timeline-home-nav li a { display:block; background:#dd4400; color:#fff; padding:30px 0; font-size:20px; font-weight:bold; }

    @media screen and (min-width:801px){
		.timeline-home-nav li:nth-child(4n+1) { clear:both; }
		.timeline-home-nav li { width:23.5%; margin:0 2% 2% 0; }
		.timeline-home-nav li:nth-child(4n+4) { margin:0 0 2% 0; }
    }
    @media screen and (max-width:800px) {
		.timeline-home-nav li:nth-child(3n+1) { clear:both; }
		.timeline-home-nav li { width:32%; margin:0 2% 2% 0; float:left; }
		.timeline-home-nav li:nth-child(3n+3) { margin:0 0 2% 0; }
    }
    @media screen and (max-width:600px) {
		.timeline-home-nav li a { padding:20px 0; font-size:14px; }
    }