html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* 36ba69 */
/* base */
html {background-color: #e5f5f6;font-size: 0.8px;}
#app {font-size: 18rem;}
ul {padding: 0;list-style: none;}
a {color: #333; text-decoration: none;}
a:hover {text-decoration: underline;}

.wrapper { width: 960rem; margin: auto;}

.banner{ height: 938rem; background: 50% / auto 100% url(../images/forum/banner.jpg?v=1.0) no-repeat;}
header { height: 80rem; border-top: 6rem solid #19a8ac; background-color: #179dba;}
header .wrapper { width: 1000rem; height: 100%; display: flex; justify-content: center; align-items: center;}
header a { margin: 0 30rem; font-size: 20rem; color: #fff}
header a.active { color: #00718b;}

.module::before { content: ''; display: table;}
.m-agenda { height: 2362rem; background: 50% / auto 100% url(../images/forum/bg-1.jpg?v=1.0) no-repeat;}
.m-video {}
.m-video .mc{ height: 447rem; background: 50% / 100% 100% url(../images/forum/bg-video.jpg?v=1.0) no-repeat; display: flex; align-items: center; justify-content: center;}
.m-video iframe{ width: 700rem; height: 396rem;}

.mt { height: 62rem; margin: 110rem auto 60rem; background: 50% / auto 100% no-repeat; text-indent: -99999rem;}
.mt.t-intro { background-image: url(../images/forum/t-intro.png?v=1.0);}
.mt.t-agenda { background-image: url(../images/forum/t-agenda.png?v=1.0);}
.mt.t-guests { background-image: url(../images/forum/t-guest.png?v=1.0);}
.mt.t-opinions { background-image: url(../images/forum/t-opinions.png?v=1.0);}
.mt.t-video { background-image: url(../images/forum/t-video.png?v=1.0);}
.mt.t-media { background-image: url(../images/forum/t-media.png?v=1.0);}

.mc { margin-bottom: 80rem;}
.mc p { line-height: 1.8em; margin: 0; font-size: 16rem;}
.mc img { max-width: 100%; display: block;}

.opin-wrap { background-color: #fff;}
.opin-wrap::after { content: ''; display: table;}
.opin-wrap .ot { height: 44rem; line-height: 44rem; padding: 0 60rem; background-color: #18a0b7; color:#fff; font-weight: 700;}
.opin-wrap .list-wrap{ margin-top: 35rem; display: none;}
.opin-wrap .list-wrap.active { display: block;}
.opin-wrap .item{ margin: 0 60rem 35rem;}
.opin-wrap .pos{}
.opin-wrap .pos span{ margin-right: 30rem; font-weight: 700;}
.opin-wrap .desc{ line-height: 1.6em; margin: 14rem 0; }
.opin-wrap .read{ color: #18a0b7; cursor: pointer;}


.media-wrap { padding-top: 60rem; background-color: #fff;}
.media-wrap::after { content: ''; display: table;}
.media-wrap .ot { height: 44rem; line-height: 44rem; padding: 0 60rem; background-color: #18a0b7; color:#fff; font-weight: 700;}
.media-wrap .list-wrap{}
.media-wrap .item{ margin: 0 60rem 60rem;}
.media-wrap .t { margin-bottom: 16rem; color: #18a0b7; font-weight: 700;}
.media-wrap .source { font-size: 12rem;}
.media-wrap .desc{ line-height: 1.6em; margin: 8rem 0;}
.media-wrap .read{ color: #18a0b7; cursor: pointer;}

.popup-wrap { position: fixed; top: 0; width: 100%; height: 100%; background: rgba(200, 200, 200, .5); display: none;}
.popup-wrap.active { display: block;}
.popup-wrap .content { position: absolute; top: 50%; left: 50%; width: 80%; max-width: 850rem; padding: 60rem 40rem 40rem; background-color: #fff; transform: translate3d(-50%, -50%, 0);}
.popup-wrap .close { position: absolute; top: 10rem; right: 10rem; width: 50rem; height: 50rem; line-height: 50rem; font-size: 30rem; color: #999; text-align: center; cursor: pointer;}
.popup-wrap .desc { max-height: 600rem; overflow: auto;}
.popup-wrap .desc p { line-height: 1.8em!important;}


.opin-detail .pos { font-weight: 700; text-align: center;}
.opin-detail .name { margin: 10rem auto 50rem; text-align: center;}

.media-detail {}
.media-detail .t{ margin-bottom: 30rem; color: #18a0b7; font-weight: 700; text-align: center;}
.media-detail .source{ font-size: 12rem;}
.media-detail .author{ margin: 10rem 0 40rem; font-size: 12rem;}
.media-detail .desc{ margin-bottom: 40rem;}
.media-detail .link { color: #18a0b7; cursor: pointer;}

.go-top { width: 96rem; height: 78rem; margin: 100rem auto 120rem; background: 50% / 100% url(../images/forum/gotop.png?v=1.0) no-repeat; text-indent: -9999rem; display: block;}

footer { height: 425rem; background: 50% / 100% url(../images/forum/bg-bt.jpg?v=1.0) no-repeat;}

@media screen and (max-width: 1200px) {
  html {font-size: calc(100vw / 750);}
	header a { margin: 0 8rem; font-size: 18rem;}
	header .wrapper { width: 750rem;}
	.banner { height: 400rem;}
  .wrapper { width: 750rem;}
	.mc { padding: 0 30rem;}
	.mc p { line-height: 2.4em;}
	.mt { margin: 60rem auto 40rem;}
	.m-agenda { height: 1640rem;}

	.go-top { margin: 60rem auto 40rem;}
	footer { height: 150rem;}
}