/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    white-space: unset;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

ul,li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    text-decoration: none;
    vertical-align:baseline;
	background:transparent;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
}

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;
}

img{width: 100%;display: block;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mr20{margin-right: 20px;}

.fl{float: left;}
.clearfix:after{
    content: "."; /**//*内容为“.”就是一个英文的句号而已。也可以不写。*/
    display: block; /**//*加入的这个元素转换为块级元素。*/
    clear: both; /**//*清除左右两边浮动。*/
    visibility: hidden; /**//*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
    line-height: 0; /**//*行高为0；*/
    height: 0; /**//*高度为0；*/
    font-size:0; /**//*字体大小为0；*/
    }
    .clearfix { *zoom:1;} /**//*这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。*/

.w1000{width: 1000px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w700{width: 700px;margin: 0 auto;}


.sideList{
    width: 275px;
    height: 400px;
    position: fixed;
    right: 0;
    top: 15%;
    z-index: 9;
    background: url("../images/fixed.png");
    background-size: 100% 100%;
}
.sideList .download{
    width: 220px;
    margin-left: 30px;
    margin-top: 50px;
}
.sideList .download a{
    margin-bottom: 30px;
}
.sideList .download a#fb-btn{
    width: 100px;
    margin: 0 auto;
}
.sideList>a{
    position: absolute;
    left: -25px;
    top: 160px;
}
.sideList>a#open{
    display: none;
}
.sideList>a#close{
    
}


.font12{font-size: 12px;}
footer{text-align: center;background: #333;color: #eee;padding: 25px 0;}
footer p{line-height: 30px;}
footer a{display: inline-block;color: #eee;margin: 0 8px;}

#mask2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

@media screen and (max-width: 500px) {

}