/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Remove Float */
.clear { display:block; height:0; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

/* common */
body { font-size: 14px; line-height: 1.6; color: #333; font-family:"Microsoft Yahei", Arial; 
	background: #2f7bb6; 
	background: -webkit-gradient( linear, 0 50%, 100% 50%, color-stop(0.15,#5a69b4), color-stop(0.5,#2d7cb6), color-stop(1,#bb73bf ) );
	background: -moz-linear-gradient( left, #5a69b4, #2d7cb6 , #bb73bf );
	background: -o-linear-gradient( left, #5a69b4, #2d7cb6 , #bb73bf );
	-webkit-user-select: none;
	   -moz-user-select: none;
}
.menu .menu-list div ul li a {
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}
.wrapper { width: 1000px; margin: 100px auto; border-radius: 5px; border: 1px solid #DDD; box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); background: #FFF; }
.wrapper .wrapper-inner { padding: 50px 30px; }
.wrapper h1 small { font-size: 18px; }
.wrapper h1 {
	padding:10px 0px 10px;
	text-align:center;
	font-size:48px;
	font-weight: 700;
	font-family:"Sacramento", Microsoft Yahei;
	-webkit-transition: all 1s 0s ease-in-out;
	   -moz-transition: all 1s 0s ease-in-out;
	     -o-transition: all 1s 0s ease-in-out;
	        transition: all 1s 0s ease-in-out;
	-webkit-transform: translateY(-150px);
	   -moz-transform: translateY(-150px);
	     -o-transform: translateY(-150px);
	        transform: translateY(-150px);
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}
.wrapper h1.color {
	color: transparent;
	background: -webkit-gradient( linear, 0 20%, 65% 50%, color-stop(0.15,#5a69b4), color-stop(0.5,#2d7cb6), color-stop(1,#bb73bf ) );
	-webkit-background-clip: text;
}
.wrapper h1.done{
	-webkit-transform: translateY(0px) !important;
	   -moz-transform: translateY(0px) !important;
	     -o-transform: translateY(0px) !important;
	        transform: translateY(0px) !important;
}

/* warning */
.warning { display:none; text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.2 ); height:30px; line-height:30px; text-align:center; box-shadow: 0px 2px 5px rgba( 0, 0, 0, 0.5 ); background:#FCD746; color:#f92672; }

/* Desc */
.desc { text-align: center; padding: 10px 0px 5px; margin: 0px 0px 15px; }

/* menu */
.nav { height:375px; }
.menu { padding: 5px 0px; background:#FFF; }
.menu .breadcrumb { position:relative; font-size: 20px; border-bottom: 1px solid #DDD;  }
.menu .breadcrumb a { float: right; text-decoration: none; color:#4183C4; font-size:16px; }
.menu .breadcrumb span { position:absolute; left:105px; top:50%; margin-top:-4px; width:0px; height:0px; overflow:hidden; line-height:0; font-size:0; border-bottom:none; border-top:6px solid #666; border-left:6px solid #FFF; border-right:6px solid #FFF; }
.menu .menu-list { padding:20px 0px; -webkit-animation:menu-fadeIn .5s; animation:menu-fadeIn .5s;  }
.menu .menu-list div { float:left; width:24.89%; border-right:1px solid #DDD; }
.menu .menu-list div.last { border:none; }
.menu .menu-list div h3 { text-align:center; font-weight: bold; }
.menu .menu-list div ul { height:279px; padding-left:10px; }
.menu .menu-list div ul li { float:left; width:49.5%; margin-top:5px; font-size: 12px; height:26px; line-height:26px; text-align:center; }
.menu .menu-list div ul.options { padding:0px; }
.menu .menu-list div ul.options li { width:33.3%; *width:33%; }
.menu .menu-list div ul li.line { float:none; clear:both; width:80%; margin:0px auto; padding:2px 0px; border-bottom:1px solid #DDD; }
.menu .menu-list div ul li a { text-decoration: none; color:#4183C4; }
.menu .menu-list div ul li a:hover { text-decoration:underline; }

.menu.fixed { position:fixed; top:0px; left:0px; width:100%; z-index:20; min-width:1000px; box-shadow:0px 3px 8px rgba(0, 0, 0, 0.5); }
.menu.fixed .breadcrumb { padding:0px 20px; border-bottom:none; }
.menu.fixed .breadcrumb span { left:125px; }
.menu.fixed .menu-list { display:none; border-top:1px solid #DDD; }

@keyframes menu-fadeIn {
	0% { opacity:0; }
}

@-webkit-keyframes menu-fadeIn {
	0% { opacity:0; }
}
 
.wrapper h2 { border-bottom:1px solid #DDD; padding:3px 0px; }
.wrapper h2 strong { display:inline-block; padding:0px 5px 0px 0px; font-size:20px; }
.wrapper h2 span { position:relative; top:-3px; width:0px; height:0px; overflow:hidden; line-height:0; font-size:0; border-bottom:none; border-top:6px solid #666; border-left:6px solid #FFF; border-right:6px solid #FFF; }

/* code */
.box { padding:10px; }
.box h3 { font-size:16px; line-height:30px; font-weight:bold; }
.box h3 span { display:inline-block; padding:0px 15px; font-size:12px; font-weight:normal; }
.box p { font-family:"consolas", Microsoft Yahei, Airal; margin:20px 0px 0px; }
.box p span { display:inline-block; border-radius: 5px; border:1px solid #CCC; padding:5px; background:#f7f7f7; }
.box p strong { font-weight: bold; }
.box p span a { color:#2f7bb6; }
.box pre { border-radius:5px; margin:10px 0px; display:block; padding:10px 10px; background:#f7f7f7; overflow-x:auto; color:#333; font-family:"consolas", Microsoft Yahei, Airal; -webkit-user-select: auto; -moz-user-select: auto; border: 1px solid #DDD; }
.box button { border-radius:2px; padding:5px 10px; background:#2f7bb6; color:#FFF; border:none; box-shadow:2px 2px 1px rgba(0, 0, 0, 0.3); cursor:pointer; outline: none; }
.box button:active { box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.3); }

/* tab */
.tab { padding:0; border-collapse:collapse; margin: 10px 0px 20px; width:100%; }
.tab tr { border-top: 1px solid #cccccc; background-color:#FFF; margin:0px; padding:0px; }
.tab tr:nth-child(2n) { background-color: #f8f8f8; }
.tab th { font-weight:bold; border:1px solid #cccccc; text-align:left; margin:0; padding:6px 13px;}
.tab td { border:1px solid #cccccc; text-align:left; margin:0; padding:6px 13px; }
.tab td span { color:#B50000; padding:0px 5px; }
.tab th :first-child, td :first-child { margin-top:0; }
.tab th :last-child, td :last-child { margin-bottom:0; }

.desc-text p { line-height:160%; margin:10px 0px 0px; }

.backtop { display:none; position:fixed; right:40px; bottom:40px; padding:10px 5px; border:1px solid #DDD; color:#555; background:#FFF; width:26px; text-align:center; border-radius:2px;line-height:1.4; text-decoration:none; -webkit-animation:menu-fadeIn .5s; animation:menu-fadeIn .5s; }
.backtop:hover{ background:#f3f3f3; text-decoration:none; }