body {margin:0; padding:0; font-family:'a'; font-size:1em; background:#eee; color:#fff;}
ul,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:1em; list-style:none; font-weight:normal;}
a {border:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none; color: #fff;}
@font-face {font-family:'a'; src:url('font-a.otf');} /* normal */
@font-face {font-family:'b'; src:url('font-b.otf');} /* bold */
@font-face {font-family:'c'; src:url('font-c.ttf');} /* subtitle */
@font-face {font-family:'d'; src:url('font-d.ttf');} /* subtitle */
.layer{position:absolute; top:0; left:0; overflow:hidden;}
.navi {position:absolute; top:1%; right:2.5%; overflow:hidden; color:#000; font-family:'a'; font-size:0.9em; line-height:1.3; letter-spacing:-0.03em; cursor: pointer;}
.pc .navi {top:15px; right:15px;}
.navi a {color:#000;}
.layer .title,
.layer .title>img,
.layer .sub-title,
.layer .sub-title>img {position:relative; display:block; margin:0; width:100%;}
.layer .content {overflow:hidden;}
.layer p {font-family:'a'; line-height:1.3; color:#fff; letter-spacing:-0.03em;}
.layer-2 p {color:#00adee;}
.layer-2 p a {color:#000;}
.layer-3 p {color:#000;}
.layer-3 td {color:#000;}
.layer-3 th {color:#000;}
.layer-3 p a {color:#fff;}
.layer-4 p {color:#000;}
.layer-4 p a {color:#000;}
.layer-5 a {color:#000;}
.layer-6 p {color:#fff;}
.layer-6 p.sub {color:#fff;}
.layer-6 a {color:#fff;}
.layer p strong {font-family:'b'; font-weight:normal;}
.layer p span.cn {font-size:0.95em; letter-spacing: -0.03em; line-height: 1.45; font-weight: 500;}
.layer p span.cn strong,
.layer p strong span.cn {font-weight: bold;}
.layer .sub {font-family:'c'; font-size: 1.4em; line-height:1.1; letter-spacing:-0.03em; padding:2.5% 0 2.5% 0;}
.layer-4 .sub {color:#ec1f23; border-top: 1px dashed #fff; margin: 0 2.5% 0 2.5%;}
.layer .sub .curation {font-family:'d'; font-size: 0.75em;}

.layer-6 .content img,
.layer-5 .content img {mix-blend-mode: screen; -webkit-filter: grayscale(100%) contrast(120%); filter: grayscale(100%) contrast(120%); opacity: 1;}

.layer-6 .content img:hover,
.layer-6 .content img.noblend,
.layer-5 .content img:hover {mix-blend-mode: normal; -webkit-filter: grayscale(0%) contrast(100%); filter: grayscale(0%) contrast(100%); opacity: 1;}


/* layer-1 UN*/
.layer-1 {z-index:1; width:30%; background:#ec1f23;}

/* layer-2 关于*/
.layer-2 p {padding:3px 3.125% 9px 3.125%;}
.layer-2 {z-index:2; width:80%; background:#fff;}
.layer-2 div.sub-title .j {position:absolute; right:3.125%; top:50%; width:96.875%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
.layer-2 div.sub-title .j img {float:right; width:15.625%; margin-right:0;}

ul.partners li {margin-bottom:9px; width:100%; overflow:auto;}
ul.partners li img {float:left; margin:0 9px; width:40%;}
ul.partners li h2 {margin-bottom:10px;}

/* layer-3 列表*/
.layer-3 p {padding:3px 2.778% 9px 2.778%;}
.layer-3 th {padding:3px 2.778% 9px 2.778%; cursor: pointer;}
.layer-3 td.l {padding:3px 0 9px 2.778%;}
.layer-3 td.r {padding:3px 2.778% 9px 0;}
.layer-3 td p {padding:0;}
.layer-3 {z-index:3; width:90%; background:#00adee;}
.layer-3 .content p.pt {font-weight: bold; letter-spacing: -0.07em; cursor: pointer;}
.layer-3 .content p.pt .s {font-size:0.8em; font-weight: normal; letter-spacing: -0.03em;}
.layer-3 .content p:not(.pt) {display:none; font-size:0.8em; letter-spacing: -0.03em; line-height: 1.5; width: 100%;}
.layer-3 .content p:not(.pt) span.cn {line-height: 1.6; font-weight: 500;}
.layer-3 table {width: 100%;}
td {vertical-align: baseline;}
th {font-weight: bold; text-decoration: underline; font}
.lh {text-align:left; width: 93%;}
.rh {text-align:right; font-size:0.8em; width: 7%;}
.l {text-align:left; width: 93%;}
.r {text-align:right; font-size:0.8em; font-weight: normal; width: 7%; white-space: nowrap;}
tr {border-top: 1px dashed #fff;}


/* layer-4 新闻*/
.layer-4 p {padding:3px 2.5% 9px 2.5%;}
.layer-4 p.noboarder {padding:0;}
.layer-4 {z-index:6; width:100%; background:#ffffff;}
.layer-4 .title img {width:55%;}
.layer-4 .title .i {position:absolute; right:0; bottom:0; width:100%;}
.layer-4 .title .i img {float:right; width:7.5%; margin-right:5%;}

/* layer-5 活动*/
.layer-5 {z-index:5; width:100%; background:#00adee; color:#000;}
.layer-5 p {padding:3px 2.5% 9px 2.5%;}
.layer-5 p.main {padding:3px 2.5% 9px 10%;}

ul.events-tab,
ul.events-title {width:95%; margin-left: 2.5%; overflow:auto;}
ul.events-tab li,
ul.events-title li {float:left; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing: -0.1em; cursor: pointer;}
ul.events-tab li.on,
ul.events-title li.on {color:#000;}
.events-item {overflow:auto;}
.events-item img {width: 100%; padding-bottom: 7.5%;}

.tbl {margin:9px;}
.tbl table {width:100%; table-layout:fixed; border-collapse:collapse;}
.tbl table tbody td {border:1px solid #000; text-align: left; vertical-align: top;}
.tbl table tbody tr.past td {color:#888;}
.tbl table tbody tr td {font-size:0.8em; letter-spacing: -0.03em; line-height: 1.5; padding: 8px 3px 5px 3px; font-family:'a';}
.layer-5 div.pt {cursor: pointer;}
.layer-5 div.pt img {cursor: default;}
.layer-5 .content .l5-content p:not(.pt) {display:none; cursor: text;}
.layer-5 .l5_content div.pt p strong {font-size: 1.2em; line-height: 1.1;}


/* layer6 展览*/
.layer-6 p {padding:3px 2.778% 9px 2.778%;}
.layer-6 {z-index:4; width:90%; background:#ec1f23;}

.exhibition-wall {margin:0 auto; width:94%; overflow:auto;}
.exhibition-wall ul,
.exhibition-wall ul li {float:left; overflow:hidden;}
.exhibition-wall img {display:block; width:100%;}

.layer-6 p:not(.pt) {cursor: text;}

.layer-6 p.sub,
.layer-6 p.intro {cursor: pointer;}


/* pc */

.pc .content-pc_block {clear:both; overflow:auto;}
.pc .content-pc_float {float:left;}

.pc .layer-1 {top:0; left:0; width:180px; height:90px;}

.pc .layer-2 p {padding:3px 15px 9px 15px;}
.pc .layer-2 {top:45px; left:45px; width:450px;}
.pc .layer-2 img.title {width:auto; height:90px;}
.pc .layer-2 img.sub-title {width:100%;}
.pc ul.partners li img {margin:0 15px;}

.pc .layer-3 p {padding:3px 15px 9px 15px;}
.pc .layer-3 th {padding:3px 15px 9px 15px;}
.pc .layer-3 td.l {padding:3px 0 9px 15px;}
.pc .layer-3 td.r {padding:3px 15px 9px 0;}
.pc .layer-3 td p {padding:0;}
.pc .layer-3 {top:90px; left:90px; width:600px;}
.pc .layer-3 .content p.pt {letter-spacing: -0.03em;}
.pc .layer-3 img.title {width:auto; height:90px;}
.pc .layer-3 img.sub-title {width:auto; height:60px;}
.pc .layer-3 .content-item-1 {float:left; width:40%; overflow:hidden;}
.pc .layer-3 .content-item-2 {float:left; width:60%; overflow:hidden;}

.pc .layer-4 p {padding:3px 15px 9px 15px;}
.pc .layer-4 p.noboarder {padding:0;}
.pc .layer-4 {top:135px; left:135px; width:900px;}
.pc .layer-4 .title>img {width:auto; height:90px;}
.pc .layer-4 .title .i {right:9px; bottom:2px;}
.pc .layer-4 .title .i img {margin-right:2%; width:5%;}
.pc .layer .sub {padding:15px 0 15px 0;}
.pc .layer-4 .sub {margin:0 15px 0 15px;}
.pc .layer-4 .exhibition-wall {margin:0 15px; width:auto; overflow:auto;}

.pc .layer-5 {top:225px; left:225px;}
.pc .layer-5 p {padding:0 0 15px 0;}
.pc .layer-5 p.main {padding:0 0 45px 45px;}
.pc .layer-5 .title>img {width:auto; height:60px;}
.pc ul.events-tab,
.pc ul.events-title {margin-left: 15px; overflow:auto;}
.pc ul.events-tab li,
.pc ul.events-title li {letter-spacing: 0.01em;}
.pc .events-item img {width: 100%; padding: 0;}
.pc .events-item .sign img {padding: 0 15px 0 0; display: inline !important;}
.pc .events-item .sign span {padding: 10px 15px 15px 0; display: inline-block !important; font-size: 0.85em; vertical-align: top;}
.pc .tbl {margin:0;}
.pc .tbl table tbody td {border:2px solid #000;}
.pc .tbl table tbody tr td {font-size:0.85em; letter-spacing: -0.01em;}
.pc .layer-5 .l5_table {float:left; padding: 5px 0 0 15px;}
.pc .layer-5 .l5_content {float:left; padding: 6px 15px 0 30px;}
.pc .layer-5 .l5_content div.pt p img {padding: 0 0 18px 0;}
.pc .layer-5 .l5_content div.pt p strong {font-size: 1.3em; line-height: 1.1;}
.pc .date {font-size: 0.85em; padding: 5px 0 0 6px;}

.pc .layer-6 {top:180px; left:180px;}
.pc .layer-6 img.title {width:auto; height:60px;}
.pc .layer-6 .content-pc_float {width:50%;}
.pc .layer-6 p {width:60%;}
.pc .layer-6 p {padding:0 44px 60px 45px;}
.pc .layer-6 p.sub {padding:44px 44px 16px 44px;}
.pc .layer-6 p.intro {padding:0 44px 17px 11px; display: inline-block; color: #000;}
.pc .layer-6 .intro_l {padding:0; display: inline-block; width: 15px; height: 52px; background: #ec1f23; margin: 0 0 0 45px;}
.pc .layer-6 .l6_table {padding: 5px 45px 0 45px;}
.pc .layer-6 .l6_table .tbl table tbody td {border:1px solid #fff;}

.pc .layer-6 .exhibition-wall {margin:0 45px; width:auto; overflow:auto;}