@charset "utf-8";
/* CSS Document */
body{ background:url(/Images/pc/line_paper_pattern_darken.jpg) 0 0 repeat;}
@media screen and (min-width:1024px) and (min-height:768px) {
	body {font-size:12px;}
	.exhibition-footer{font-size:12px;}
	.cover-text{ margin:7.5em 0 0 ;}
	 
	.exhibition-outbox{width:37.5em; height:50em; margin:0 auto; background:#; position:relative;}
}
@media screen and (min-width:1280px) and (min-height:800px) {
	body {font-size:14px;}
	.exhibition-footer{font-size:14px;}
	.cover-text{ margin-top:6.25em;}
	 
	.exhibition-outbox{width:37.5em; height:50em; margin:0 auto; background:#; position:relative;}
}
@media screen and (min-width:1366px) and (min-height:768px) {
	body {font-size:14px;}
	.exhibition-footer{font-size:14px;}
	.cover-text{ margin:6.25em 0 0 ;}
	 
	.exhibition-outbox{width:37.5em; height:50em; margin:0 auto; background:#; position:relative;}
}
@media screen and (min-width:1440px) and (min-height:900px) {
	body {font-size:14px;}
	.exhibition-footer{font-size:14px;}
	.cover-text{ margin:7.5em 0 0 ;}
	 
	.exhibition-outbox{width:37.5em; height:50em; margin:0 auto; background:#; position:relative;}
}
@media screen and (min-width:1600px) and (min-height:900px) {
	body {font-size:14px;}
	.exhibition-footer{font-size:14px;}
	.cover-text{ margin:7.5em 0 0 ;}
	 
	.exhibition-outbox{width:37.5em; height:50em; margin:0 auto; background:#; position:relative;}
}
@media screen and (min-width:1920px) and (min-height:1080px) {
	body {font-size:16px;}
	.exhibition-footer{font-size:16px;}
	.cover-text{ margin:7.5em 0 0 ;}
	 
	.exhibition-outbox{width:40.625em; height:56.25em; margin:0 auto; background:#; position:relative;}
}
@media screen and (min-width:2048px) and (min-height:1080px) {
	body {font-size:18px;}
	.exhibition-footer{font-size:18px;}
	.cover-text{ margin:7.5em 0 0 ;}
	 
	.exhibition-outbox{width:40.625em; height:56.25em; margin:0 auto; background:#; position:relative;}
}

.f-green{ color:#2ad2c9;}
.light{ position:absolute; top:0; left:0; right:0; height:17.5625em; background:url(/Images/pc/exhibition-light.png) 0 0 repeat-x; background-size:contain; z-index:99;}
.exhibition_cover_wrap{ position:absolute; top:0; bottom:0; left:0; right:0; color:#fff; background-image:url(); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.exhibition_cover_wrap .cover-mask{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.5);}
.cover_content_wrap{ width:34.375em; margin:0 auto;}
.cover-text h2{ margin-bottom:.5em; font-size:2.5em; font-weight:normal;}
.cover-text h4{ margin-bottom:1em; font-size:1.25em; font-weight:normal;}
.cover-text .brief{ font-size:1.375em; line-height:1.5;}
.guide-start{ margin:1.25em 0; text-align:center; cursor:pointer;}
.guide-start .guide_ico{ margin:0 auto; margin-bottom:.625em; display:block; width:50px; height:50px; background:url(/Images/pc/album_ico.png) 0 0 no-repeat; background-size:contain;}
.guide-start .start_btn{ margin:0 auto; display:block; width:120px; height:34px; font-size:16px; line-height:30px; background-color:rgba(0,0,0,.5); border-width:2px; border-style:solid; border-color:transparent; border-radius:10px; box-sizing:border-box; transition:all .2s linear;}
.guide-start:hover .start_btn{ border-color:rgba(255,255,255,.5); }
.cover-user-list{}
.cover-user-list .head{ font-size:1.375em; line-height:1.5; border-bottom:1px solid #fff;}
.cover-user-list .amount-users{ padding:.625em .625em 0 1.25em;}
.cover-user-list .amount-users li{ float:left; margin:0 .75em .875em 0; width:3.75em; height:3.75em; border-radius:50% 50%; overflow:hidden;}
.cover-user-list .amount-users li img{ width:100%; height:auto;}

.exhibition-frame-wrap{ width:100%; height:100%;}
.exhibition-frame-wrap li{ width:100%; height:100%;}
.exhibition-frame{ width:85%; position:absolute; left:50%; margin-left:-42.5%; top:40%; background:#231f20; box-shadow:2px 6px 10px rgba(0,0,0,.35);}
.exhibition-frame .f-border{ height:1.25em;}
.exhibition-frame .f-b-top-left{ width:1.25em; height:1.25em; background:url(/Images/pc/frame-top-left.jpg) 0px 0px repeat; background-size:cover;}
.exhibition-frame .f-b-top-right{ width:1.25em; height:1.25em; background:url(/Images/pc/frame-top-right.jpg) 0px 0px repeat; background-size:cover;}
.exhibition-frame .f-b-bottom-left{ width:1.25em; height:1.25em; background:url(/Images/pc/frame-bottom-left.jpg) 0px 0px repeat; background-size:cover;}
.exhibition-frame .f-b-bottom-right{ width:1.25em; height:1.25em; background:url(/Images/pc/frame-bottom-right.jpg) 0px 0px repeat; background-size:cover;}
.exhibition-frame .inner{ margin:0 1.25em; background:#f1f2f2;}
.exhibition-frame .show-wrap{ padding:.958rem; background:#f1f2f2; box-shadow:3px 3px 5px rgba(0,0,0,.35) inset;}
.exhibition-frame .show-wrap img{ width:100%; height:auto;}
.frame-info{ position:absolute; bottom:-3em; width:100%; font-size:1.25em; text-align:center;}
.exhibition_page_btn_wrap{}
.exhibition_page_btn_wrap .btn{ display:inline-block; width:28px; height:48px; position:absolute; top:50%; margin-top:-24px;}
.exhibition_page_btn_wrap .btnLeft{ background:url(/Images/pc/exhibition-arrow-left.png) 0px 0px no-repeat; background-size:contain; left:-80px;}
.exhibition_page_btn_wrap .btnRight{ background:url(/Images/pc/exhibition-arrow-right.png) 0px 0px no-repeat; background-size:contain; right:-80px;}

.exhibition-end{ position:absolute; left:0; right:0; top:50%; margin-top:-35%;}
.exhibition-end h2{ font-size:2.5rem; font-weight:normal; text-align:center;}
.exhibition-end h3{ font-size:1.875em; font-weight:normal; text-align:center;}
.exhibition-end .btn-wrap{ margin:1.5em 0 0 0; text-align:center;}
.exhibition-end .btn-wrap a{ display:inline-block; margin:0 .625em; padding:0 1.625em; height:2.125em; line-height:2em; font-size:1.5em; text-align:center; color:#fff; background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2ad2c9), to(#16beb5)); background:-moz-linear-gradient(top,#2ad2c9,#16beb5); background: -ms-linear-gradient(top,#16beb5,#16beb5); box-sizing:border-box; border-radius:1em; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);}
.exhibition-end .btn-wrap a:active{ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#1eccc3), to(#0eaca4)); background:-moz-linear-gradient(top,#1eccc3,#0eaca4); background: -ms-linear-gradient(top,#1eccc3,#0eaca4);}
.exhibition-end .btn-wrap .icon{ display:inline-block; margin-right:.625em; width:1.25em; height:1.25em; font-size:16px; vertical-align:top; position:relative; top:.75em;}
.exhibition-end .btn-wrap .icon.replay{ background:url(/Images/pc/refresh.png) 0px 0px no-repeat; background-size:contain;}
.exhibition-end .organization{ margin:.6rem 1.4rem 0rem; font-size:1.375em; text-align:center;}
.exhibition-end .organization li{ margin-bottom:.625em;}
.exhibition-end .organization li:last-child{ margin-bottom:0;}
.exhibition-end .organization label{ display:inline-block;}
.exhibition-end .organization .Info{ display:inline-block;}
.exhibition-end .organization .sponsor{ margin-top:.625em;}
.exhibition-end .organization .sponsor img{ margin-bottom:.625em; }
.exhibition-end .info-wrap{ margin:0 3.125em; padding:.8rem 0; background:#fff; border-radius:.625em; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);}

.exhibition-footer{ position:fixed; bottom:0; width:100%; height:4.375em; background:rgba(0,0,0,.5); z-index:99;}
.exhibition-footer .slogan{ float:left; margin:1.125em 0 0 9.375em; width:27.875em; height:1.875em; background:url(/Images/pc/exhibition-slogan.png) 0 0 no-repeat; background-size:contain;}
.exhibition-footer .btn-link{ float:right; margin:1.125em 9.375em 0 0;}
.exhibition-footer .btn-link a{ display:inline-block; padding:0 1.25em; font-size:1.125em; height:2.125em; line-height:2.125em; text-align:center; border-radius:6px; color:#fff; background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2ad2c9), to(#16beb5)); background:-moz-linear-gradient(top,#2ad2c9,#16beb5); background: -ms-linear-gradient(top,#16beb5,#16beb5);}
.exhibition-footer .btn-link a:hover{ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#1eccc3), to(#0eaca4)); background:-moz-linear-gradient(top,#1eccc3,#0eaca4); background: -ms-linear-gradient(top,#1eccc3,#0eaca4);}