/* Web Fonts
font-family:'Helvetica W01 Light';
font-family:'Helvetica W01 Roman';
font-family:'Helvetica W01 Bold';
font-family:'DINNextLTW01-UltraLight_706122';
*/

body {background: #f9f9f9;}

#main {margin-top: 50px;}
#main * {box-sizing: border-box;}

#main nav {text-align: center;}
#main nav span {opacity: .5;}

article {font-family:'Helvetica W01 Light';}

article header {text-align: center; font-size: 16px; margin-bottom: 50px;}
article header h2 {font-size:16px; font-weight: normal; line-height: 2; margin-bottom: 30px;}
article header h1 {font-size:60px; font-weight: normal; font-family:'DINNextLTW01-UltraLight_706122'; line-height: 1; margin: 0 0 30px;}
article header h1 img {width: 500px;}
article hr {border: solid #999; border-width: 1px 0 0 0; width: 50px; margin: 20px auto 15px;}
article header .location {margin-top: 0; line-height: 2;}
article > section {width: 700px; margin: 0 auto 50px; font-size: 15px; line-height: 1.9;}
article > section.ustream {width: auto;}
article > section.ustream iframe {margin: 0 auto; display: block; width: 100%; max-width: 1024px; max-height: 608px;}
article section h1 {font-family:'Helvetica W01 Bold'; font-size: 17px;}
article section.profile h1,
article section.profile h2 {line-height: 1;}
article section.profile h1 {margin-bottom: 5px;}
article section.profile h2 {font-size: 14px; margin-top: 0;}
article section.profile p {font-size: 14px;}
article section.profile figure {float: left; margin: 0 30px 0 0;}
article section.profile::after {content: ""; display: block; clear: both;}
article section.profile figure img {width: 160px;}
article section .desc {overflow: hidden;}
article section.cta {text-align: center;}
article section.cta a {font-family:'Helvetica W01 Roman'; background: #333; color: #fff; padding: 10px 20px; border-radius: 20px;}
article section.about h2 {font-size: 16px;}
article section.about p {font-size: 14px;}

article .timeline {width: auto; max-width: 1024px; padding: 0 1%; font-size: 18px;}
article .timeline h1 {text-align: center; font-family: 'DINNextLTW01-UltraLight_706122'; font-size: 30px; line-height: 1.2; margin-top: 50px;}
article .posts {display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
article .timeline article {background: #fff; width: 48%; margin: 15px 1%; position: relative;}
article .timeline figure {margin: 0;}
article .timeline figure img {width: 100%; vertical-align: bottom;}
article .timeline figcaption {padding: 15px; margin-bottom: 20px; line-height: 1.5;}
article .timeline .post-tweet {padding: 15px; background: #e1e8ed;}
.instagram-media {border-radius: 0 !important; box-shadow: none !important;}

.timeline .shareButton {position: absolute; bottom: 0; right: 15px; line-height: 1;}
.timeline .shareButton a.shareButton--share {display: block; visibility: visible; padding: 5px 5px 0 17px; background: url(/img/feature/objectivethinking/icon_share.png) no-repeat 0 4px; background-size: auto 16px; font-size: 14px; line-height: 16px;}
.timeline .shareButton.is-active a.shareButton--share {visibility: hidden;}

.timeline .shareButton ul {list-style: none; padding: 0; margin: 0; visibility: hidden; position: absolute; bottom: 0; right: 0; white-space: nowrap;}
.timeline .shareButton.is-active ul {visibility: visible;}
.timeline .shareButton li {display: inline-block;}
.timeline .shareButton li a {padding: 5px 5px 0; display: inline-block;}
.timeline .shareButton img {height: 16px; vertical-align: middle;}
.timeline .shareButton .shareButton--close {font-size: 14px;}
  
.timeline .shareButton li.shareButton--fb a {transition: all 0s ease; transform: translateX(0px); opacity: 0;}
.timeline .shareButton li.shareButton--fb a.on {transition: all .5s ease; transform: translateX(-10px); opacity: 1;}
.timeline .shareButton li.shareButton--tw a {transition: all 0s ease; transform: translateX(0px); opacity: 0;}
.timeline .shareButton li.shareButton--tw a.on {transition: all .5s ease; transform: translateX(-5px); opacity: 1;}

aside {text-align: center;}
.share {margin: 70px 0;}
.share img {vertical-align: middle; margin-left: 10px;}

.productInfo .wrap {
      display: -webkit-flex;
      -webkit-flex-direction: row;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-end;
      }

.productInfo section {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
  position: relative;
  font-size: 12px;
  padding: 0 20px 20px 0;
}
.productInfo .wrap section:nth-child(odd) {margin-right: 0;}
.productInfo .wrap section:nth-child(1) {order:1;}
.productInfo .wrap section:nth-child(2) {order:3;}
.productInfo .wrap section:nth-child(3) {order:5;}
.productInfo .wrap section:nth-child(4) {order:2;}
.productInfo .wrap section:nth-child(5) {order:4;}
.productInfo .wrap section:nth-child(6) {order:6;}

.productInfo section h1 {font-size: 12px; margin: 0 0 5px; line-height: 1.4;}
.productInfo section p {margin: 0;}
.productInfo img {width: 30%; float: left; margin: 3px 15px 0 0;}
.productInfo .wrap section:nth-child(5) img {width: 50%;}
.productInfo .wrap section:nth-child(6) img {width: 50%;}

@media only screen and (max-width : 730px){
  article {margin-top: 20px; padding: 0 15px;}
  article header h1 {font-size:65px;}
  article header h1 img {width: 280px;}
  article section {width: 100%; padding: 0 15px;}
  article section figure {float: none; margin: 0;}
  article section figure,
  article section.profile h1,
  article section.profile h2 {text-align: center;}

  .productInfo .wrap {
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  }
  .productInfo section {
    width: auto;
    padding-right: 0;
  }
  .productInfo .wrap section:nth-child(1) {order:1;}
  .productInfo .wrap section:nth-child(2) {order:2;}
  .productInfo .wrap section:nth-child(3) {order:3;}
  .productInfo .wrap section:nth-child(4) {order:4;}
  .productInfo .wrap section:nth-child(5) {order:5;}
  .productInfo .wrap section:nth-child(6) {order:6;}

  article .timeline article {width: 98%; margin: 2% 1%;}

}
<!--ºÄʱ1769394486.2759Ãë-->