html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;font-size:14px;font-family:PingFangTC-Regular,Helvetica,Arial,Microsoft JhengHei,sans-serif;background-color:#000;}
h1{font-size:2em;margin:.67em 0}
h2{line-height:58px;color:#fff;margin:0;color:#efefef}
h3{line-height:40px;margin:0;font-size:1.25em;color:#eee}
small{line-height:40px;font-size:13px;}
a,u{background-color:transparent;text-decoration:none;color:#888}
b,strong{font-weight:bolder}
li{list-style:none}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none;border:0;vertical-align:middle;display:block;width:100%}
img[src=""],img:not([src]){opacity:0}
button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}
button{text-transform:none}
.dplayer-setting,.dplayer-full-in-icon,.dplayer-menu{display:none!important}.dplayer-mobile-play{opacity:1!important}
[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}
textarea{overflow: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}
template{display:none}
[hidden]{display:none}
aside,footer,header,section{width:100%;padding:4px 2%;box-sizing:border-box;margin:0 auto;display:flex;flex-wrap:wrap;}
section>div:first-child{width:100%;color:#fff;display:flex;justify-content: space-between;}
section>div small a:hover{color:#b40f42}
section>a{width:100%;}section>a img{height:3.5em;}
menu{padding:0;margin:0;width:100%;display:flex;flex-wrap:wrap;}
main{display:block;width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2%;}
nav,ul{padding:0;margin:0;width:100%;}
header nav,section ul{display:grid;grid-template-columns: repeat(4, 1fr);grid-gap:1px;}
aside ul{display:grid;grid-template-columns: repeat(5, 1fr);background-color:#414141;padding:1.2em .8em 0;}
aside li{text-align:center;font-size:12px;line-height:2em;padding-bottom:1em;}
aside li a{color:#fff}aside li a:hover{color:#d8124f}
aside li a>div{width:100%;height:0;padding-top:66%;position:relative;overflow:hidden}
aside li img{border-radius:20%;width:66%;position:absolute;min-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
figure{margin:0;width:100%;height:0;padding-top:56.25%;position:relative;overflow:hidden;background-color:#2d2d2d}
#chun{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}
header nav a{background-color:#b40f42;color:#fff;text-align:center;line-height:2.4em;}
header nav a:hover{background-color:#d8124f;}
aside li p{margin:0;}
search{flex:1;padding:12px 0 0 32px}
search form{width:100%; max-width:360px; height:34px;line-height: 34px;float: right;border-radius:3px;overflow: hidden;}
search input{float: left;height:34px;line-height: 34px; width:calc(100% - 50px); border:0;-webkit-appearance:none;outline:0;padding:0 12px;font-size:1em;box-sizing:border-box;}
search input::-webkit-input-placeholder{color:#414141}
search input::-moz-input-placeholder{color:#414141}
search input:-ms-input-placeholder{color:#414141}
search button{float: left; width:50px;height:34px;font-size: 0;background-color:#2d2d2d;border:0;-webkit-appearance:none;outline:0;cursor: pointer;}
search button svg{width:14px;height:14px;fill:#fff;}
search button:hover{background-color:#414141;}
menu a{padding:4px 8px;margin:2px 4px 2px 0;background-color:#414141;color:#fff;border-radius:10px;font-size:13px}
menu a:hover{background-color:#b40f42;}
section ul li a{display:block;line-height:2.4em;text-align:center;font-size:13px;color:#fff;background-color:#2d2d2d}
section ul li a:hover{background-color:#414141}
footer{margin-top:30px;margin-bottom:10em;}
footer span{width:100%;text-align:center;font-size:13px;line-height:24px;color:#808080}
footer u{display:inline-block}
article{margin-bottom:12px;}
cite{display:block;margin:4px 0;width:100%;height:40px;line-height:20px;overflow: hidden;font-style:normal;font-size:13px;color:#fff;}
cite:hover{color:#b40f42;}
article img{position:absolute;min-height:100%;top:0;left:0;transition: all 0.3s;}
article img:hover{transform: scale(1.05)}


section>nav{width: 100%;margin:12px 0 24px;text-align:center}
section>nav a{padding:6px 12px;margin:2px;background-color:#414141;color:#fff;border-radius:12px;font-size:13px}
section>nav a:hover{background-color:#b40f42;}
@media (min-width:676px) {
section>a img{height:4.5em;}
aside,footer,header,section{padding:2px 12px;max-width:1084px}
main{grid-template-columns:repeat(4, 1fr);grid-column-gap:12px;}
header nav,section ul{grid-template-columns: repeat(6, 1fr);}
aside ul{grid-template-columns: repeat(10, 1fr);}
section>figure{padding-top:45%;}
}
/*@media (min-width:1140px) {
section>a img{height:4.5em;}
aside,footer,header,section{padding:2px 12px;max-width:1428px}
main{grid-template-columns:repeat(6, 1fr);grid-column-gap:12px;}
header nav,section ul{grid-template-columns: repeat(12, 1fr);}
aside ul{grid-template-columns: repeat(15, 6.6666%);}
section>figure{padding-top:33.75%;}
}*/