@charset "utf-8";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
/* Extensions preview menu
 * --------------------------------------- */
.preview-extensions-menu{
	position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    border-top: 0;
    box-shadow: 1px 0px 3px rgba(0,0,0,0.8);
}
.preview-extensions-menu li{
	display: inline-block;
	margin: 0;
}
.preview-extensions-menu li a{
	padding: 15px 25px;
	display: block;
}
.preview-buy-extension{
    background: #3cc63c;
}
.preview-more-extensions{
	background: #fff;
}
.preview-buy-extension a{
	color: #fff;
}
.preview-buy-extension:hover{
	background-color: #1a961a;
}
.preview-more-extensions a{
	color: #333;
}

.code{
	background: rgba(255,255,255,0.7);
	padding: 0px 5px;
	line-height: 25px;
}


/* Style for our header texts
* --------------------------------------- */
h1{
	font-size: 5em;
	font-family: arial,helvetica;
	color: #fff;
	margin:0;
}
/* Style for our header texts
* --------------------------------------- */
h1{
	font-size: 5em;
	font-family: arial,helvetica;
	color: #fff;
	margin:0;
}
.intro p{
	color: #fff;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
	text-align:center;
}
.section{
    background-size: cover;
}
.slide{
    background-size: cover;
}
#slide1{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
    background-image: url(templates/default/images/banner1.jpg);
    padding: 6% 0 0 0;
}
#slide2{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
    background-image: url(templates/default/images/banner2.jpg);
    padding: 6% 0 0 0;
}
#slide3{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
    background-image: url(templates/default/images/banner3.jpg);
    padding: 6% 0 0 0;
}
#slide4{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
    background-image: url(templates/default/images/banner4.jpg);
    padding: 6% 0 0 0;
}
#slide5{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
    background-image: url(templates/default/images/banner5.jpg);
    padding: 6% 0 0 0;
}
#section1{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
	background-image: url(templates/default/images/bg2.jpg);
	padding: 6% 0 0 0;
}
#section2{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
	background-image: url(templates/default/images/bg3.jpg);
}
#section3{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
	background-image: url(templates/default/images/bg4.jpg);
}
#section4{
	background-size: cover; /* 让背景图适应滑动块的大小 */
    background-position: center center; /* 背景图居中显示 */
	background-image: url(templates/default/images/bg5.jpg);
}
/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
	color: #fff;
}
/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
	color: #fff;
}

/* Sections backgrounds
* --------------------------------------- */
#section0{
	background-image: linear-gradient(128deg,#40afff,#3f61ff);
}

#section1{
	background-image: linear-gradient(128deg,#ff9a3f,#ff4b40);
}

#section2{
	background-image: linear-gradient(128deg,#fc40ff,#543fff);
}

#section3{
	background-image: linear-gradient(128deg,#40fff2,#3fbcff);
}