/***
 * @email shu_lh@supersoco.com
 * 
 * 
 * **/
@charset "UTF-8";
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	 margin: 0;
	 padding: 0;
	 border: 0;
	 outline: 0;
	 vertical-align: baseline;
	 background: transparent;
	 list-style: none;
}
@font-face {
  font-family: 'PingFangSC-Regular' ;
  src: url("../fonts/PingFang_Regular.otf");
  font-weight: normal;
  font-style: normal;
} 
 @font-face {
  font-family: 'NotoSansCJK-Light' ;
  src: url("../fonts/NotoSansCJK-Light.otf");
  font-weight: normal;
  font-style: normal;
} 
 @font-face {
  font-family: 'PingFang-SC-Semibold' ;
  src: url("../fonts/PingFang-SC-Semibold.ttf");
  font-weight: normal;
  font-style: normal;
} 
@font-face {
    font-family: 'DINOT-Bold';
    src: url("../fonts/DINOT-Bold.ttf");
    font-weight: normal;
    font-style: normal;
  } 
@font-face {
    font-family: 'Impact';
    src: url("../fonts/Impact.ttf");
    /* font-weight: normal;
    font-style: normal; */
  }
html{
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga","kern";
    background-color: #fff;
    color: #212121;
    -webkit-tap-highlight-color: rgba(0,0,0,0)!important;
	font-family: 'PingFangSC-Regular','PingFang-SC-Semibold','NotoSansCJK-Light','Helvetica Neue','Helvetica','Hiragino Sans GB','STHeitiSC-Light','Microsoft YaHei','Arial','sans-serif';
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body{
	line-height: 1;
	box-sizing: border-box;
	position: relative;
    width: 100%;
    font-size:14px;
}
body { 
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; 
} 
article,aside,details,figcaption,figure,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
em,i{
	font-style: normal;
}
.clear{clear: both;}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    color: #333;
    font-size: 0.5rem;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

.video{
	font-size: 0.5rem;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}