header {
  color: #b0120a;
}

.code{
    -moz-border-radius:.3em;
    -webkit-border-radius:.3em;
    border-radius:.3em;
    background-color:#e2e2e2;
    color:#000;

    font-size:85%;
    letter-spacing:.05em;
    padding:1em;
}

input {
    margin: .5em;
    border: 0;
    min-width: 100px;
    background-color: #b0120a;
    color: #f8f8f8;
    font-family: inherit;
    font-size: inherit;
    border-bottom: 5px solid #e84e40;
    padding: .5em 1em;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    outline: none;
}

input:active {
    box-shadow: 0 0 0 0;
    outline: none;
}

input:hover {
    outline: none;
}

input:active, input:hover {
    background-color: #fff000;
    border-color: #b0120a;
}

main {
    max-width:640px;
    margin: 0 auto;
    margin-top: 4em;
}



main header {
    font-size: 80%;
}

section {
    margin: 4em 0;
}

.aligncontent-center {
    text-align: center;
}

.wrapper {
    margin:0px;
    padding:0px;

}



.toolbar {
float:left;
padding-left:15px;
background-color: transparent;

border-top: 0px solid #470126;
}

.menu-button {

}
.menu-button:before {
}

.menu-left {
  float: left;
  margin-right: 1.5em;
}

.sidebar {
    margin:0px;
    padding-top: 1em;
    color: white;
    background-color:#62003d;
	border-right:0px solid #002935;
}

.sidebar h6 {
    margin: 0 .8em;
    padding: 0;
    font-weight:300;
	font-size:16px;
}
.sidebar ul{margin:0px;padding:0px;}
.sidebar li {
    margin: .5em 1em;
    padding:0px;
	text-align:left;
    line-height: 32px;
	list-style:none;
	border-bottom:1px solid #4c002f;
}

.sidebar li a{color:#fff;font-size:15px;display:block;
}




.sidebar2 {
    margin:0px;
    padding-top: 1em;
    color: white;
    background-color:#62003d;
	border-right:0px solid #002935;
}

.sidebar2 h6 {
    margin: 0 .8em;
    padding: 0;
    font-weight:300;
	font-size:16px;
}
.sidebar2 ul{margin:0px;padding:0px;}
.sidebar2 li {
    margin: .5em 1em;
    padding:0px;
	text-align:left;
    line-height: 32px;
	list-style:none;
	border-bottom:1px solid #4c002f;
}

.sidebar2 li a{color:#fff;font-size:15px;display:block;
}


/* page_guide_slider */
@media screen and (width:320px) {
	body {font-size:14.5454px!important}
}
@media screen and (width:360px) {
	body {font-size:16.3636px!important}
}
@media screen {
	*{margin:0;padding:0;font-family:"Microsoft YaHei","Georgia Pro","Times New Roman",Helvitica,Verdana,Arial,san-serif;-webkit-tap-highlight-color:transparent;overflow:hidden}
	html {overflow-y:auto}
	body {background-color:#f4f4f4;font-size:13pt;position:relative}
}





.page_guide_slider {
	width:100%;
	overflow:auto
}
.page_guide_balloon {
	width:100%;
	overflow:hidden
}
.page_guide_title {
	width:96%;
	margin:0 2%;
	height:2.5em;
	font-weight:bold;
	color:white;
	position:relative
}
.page_guide_title_text {
	height:1.4em;
	position:absolute;
	bottom:0;
	background-color:#616161;
	padding:.3em 1.8em .3em .6em;
	max-width:7em;
	white-space:nowrap;
	text-overflow:ellipsis;
	border-radius:.3em;
	background-image:url(../images/voice.png);
	background-repeat:no-repeat;
	background-size:auto 300%;
	background-position:95% 110%;
	cursor:pointer
}
.page_guide_title_text.canplay {
	background-position:95% -10%
}
.page_guide_title_text.playing {
	background-position:95% 50%
}
.page_guide_pointer {
	width:93%;
	margin:0 3.5%;
	height:.5em;
	position:relative
}
.page_guide_pointer>div {
	position:absolute;
	top:0;
	width:0;
	height:0;
	border-top:.4em solid #616161;
	border-left:.4em solid transparent;
	border-right:.4em solid transparent
}
.page_guide_bar {
	position:relative;
	overflow:visible;
	height:.4em
}
.page_guide_progress {
	position:absolute;
	left:0;
	overflow:visible;
	width:192%;
	margin:0 4%;
	background:000;
	border-radius:.3em;
	border:1px solid #a7a7a7
}
.page_guide_progress>div {
	float:left;
	height:.2em;
	box-sizing:border-box
}
.page_guide_container {
	text-align:center;
	margin:0px auto;
	width:100%;
	cursor:e-resize;
	cursor:w-resize;

}
.page_guide_container img {
	height:10em;
	min-width:5em;
	width:auto;
	overflow:hidden;
	margin:0.32em;
	padding:0.1me;
	
	float:left;
	background-image:url(../images/loading.jpg);
	background-repeat:no-repeat;
	
	background-position:center center;
	
}
.page_guide_items {
	margin:0px auto;
	width:500%;

}
.page_guide_item {
	
	padding:.3em 0em;
	background-color:white;
	float:left;
	border:0px solid #dedede;
	border-left:0px;border-right:0px;
	border-radius:.0em
}
.page_guide_item_text {
	width:auto;
	
	float:left;
	background:#ddd;

}
.page_guide_item_title {
	height:1.3em;
	color:red;
	padding:.5em 0;
	border-bottom:1px solid #dedede;
	max-width:100%;
	white-space:nowrap;
	text-overflow:ellipsis
}
.page_guide_item_intr {
	font-size:.8em;
	line-height:1.5em;
	margin:.5em 0;
	height:6em
}
.page_guide_item_image {
	float:left;
	
}