body {
	line-height: 160%;
	height: 100%;
	background: #f3f3f3;
	margin: 0;
	padding: 0.5em 0;
	font-size: 18px;
}

img {
	max-width: 100%;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: larger;
	border-bottom: 1px solid #ccc;
	padding: 0 0 0.5em 0;
	margin: 1em 0
}

h2 {
	font-size: large;
}

a {
	color: #069;
	text-decoration: none;
}

a:hover {
	color: #f30;
}

.box {
	border: 1px solid #ccc;
	border-radius: 1em;
	margin: 0 0 1em;
	padding: 1em;
}

em {
	font-style: normal;
}

.gray {
	color: gray
}

.gray2 {
	color: #999
}

.red {
	color: red
}

.black {
	color: black
}

.mt {
	margin: 1em 0 0;
}

.flexBox {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	/* Safari */
	display: -webkit-box;
	display: flex;
}

.flexBox li {
	-webkit-box-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}



#header-wrap {
	height: 34px;
}

#header,
#main,
#nav {
	max-width: 1200px;
	margin: 0 auto;
}

#main {
	padding: 1em;
}

#nav-wrap {
	margin-bottom: 1em;
	margin-top: 0.5em;
	background: #94682b;
}

#nav {
	text-align: center;
	background: #94682b;
	display: box;
	display: -webkit-flex;
	/* Safari */
	display: -webkit-box;
	display: flex;
	justify-content: center;

}

#nav li {
	color: #fff;
	flex-grow: 1;
	max-width: 6em;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	flex-wrap: nowrap;
	display: inline-block;
	*float: left;
	white-space: nowrap;

}

#nav a {
	color: #fff;
	display: inline-block;
	padding: 0.4em 0;
	*padding: 0.4em 1em;
}

:root #nav a {
	padding: 0.4em 1em \0/IE9;
}

/* IE9 on 360browser */

@media all and (-ms-high-contrast:none) {

	/* IE11 */
	*::-ms-backdrop,
	#nav {
		display: block;
		zoom: 1;
		overflow: hidden
	}

	*::-ms-backdrop,
	#nav li {
		display: block;
		float: left;
	}

	*::-ms-backdrop,
	#nav li a {
		padding: 0.4em 1em
	}
}

#body-cha #nav-cha,
#body-shi #nav-shi,
#body-ci #nav-ci,
#body-diangu #nav-diangu,
#body-dui #nav-dui,
#body-fan #nav-fan,
#body-zuci #nav-zuci,
#body-shici #nav-shici,
#body-yun #nav-yun {
	background: #f30;
	padding: 0 5px;
}

#body-cha #nav-cha span,
#body-shi #nav-shi span,
#body-ci #nav-ci span,
#body-diangu #nav-diangu span,
#body-dui #nav-dui span,
#body-fan #nav-fan span,
#body-zuci #nav-zuci span,
#body-shici #nav-shici span,
#body-yun #nav-yun span {
	display: inline-block;
}

#shi {
	width: 100%;
	height: 12em;
	font-size: large;
	font-family: Arial;
}

.text-box {
	border-radius: 0.6em;
	font-size: larger;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 0.5em 0 0 0
}

#zd-cha {
	float: left;
	width: 38%;
}

#zd-show,
.show-box {
	border-radius: 0.6em;
	font-family: "Microsoft YaHei", ΢���ź�, "MicrosoftJhengHei", ����ϸ��, STHeiti, MingLiu;
	font-size: 18px;
	line-height: 160%;
	float: right;
	width: 54%;
	border: 2px solid #ee9b0b;
	padding: 1em;
}

#zd-show strong {
	display: inline-block;
	margin: 0 0.3em 0 0
}

#zd-show span {
	font-family: verdana;
	margin: 0.5em 0.5em 0 0;
	line-height: 140%;
	font-size: medium;
	border-radius: 0.6em;
	display: inline-block;
	background: #ff3300;
	padding: 0 0.2em;
	color: #fff;
	text-indent: 0.3em
}

#zd-show b {
	font-weight: normal;
	color: #950000
}

#zd-show com {
	display: block;
}

.show-box h3 {
	border-bottom: 1px solid #ccc;
}

/*the second td of the second table 

table:nth-child(2) td:nth-child(2){ background:#ff0000; width: 30%; }

*/
#zd-show td:nth-of-type(1) {
	width: 5em;
}

#zd-show td:nth-of-type(3) {
	width: 16em;
}

#zd-show th {
	text-align: left;
}

#zd-show table {
	margin: 0 0 2em 0
}

#footer {
	text-align: center;
	line-height: 180%;
	border-top: 1px solid #ccc;
	padding: 1em 0 0 0;
}

#footer div {
	color: #999;
}

.tab {
	font-size: 17px;
	overflow: hidden;
	border-bottom: 1px solid #aaa;
	padding-left: 14px;
	margin-bottom: 15px;
	line-height: 16px;
}

.tab li {
	position: relative;
	padding: 10px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	bottom: -1px;
	z-index: 999;
	float: left;
	margin-right: 1px;
	background: #ccc;
	cursor: pointer;
}

.tab li.curr {
	font-weight: bold;
	color: #b46303;
	border: 1px solid #aaa;
	border-bottom: 1px solid #fff;
	background: #fff;
}

.tab li.curr a {
	color: #B46303 !important
}

.tab li.curr a:hover {
	background: none
}


.shi-list li {
	display: inline-block;
	margin: 0 0.5em 0 0;
	color: #999;
}

.shi-list strong {
	color: #000;
}

.cipai-list li {
	display: inline-block;
	width: 7em;
	margin: 0 0 0 1em;
	_float: left;
}

.cipai-list em {
	color: #999;
	font-size: 0.8em
}

.cipai-list span {
	color: red;
	font-size: small;
	position: relative;
	left: -1em;
	display: inline-block;
	margin: 0 -0.8em 0 0;
}

.cipai-list i {
	font-style: normal;
	color: #999;
	font-size: small;
}

.shi-list span {
	color: #ccc;
}


#cipaiBox,
#cipuBox,
#inputCiBox,
#ci_resultBox {
	margin: 0 0 1em 0;
	width: 46%;
	border: 1px solid #ccc;
	padding: 1em;
	border-radius: 1em;
}

#cipuBox {
	float: left;
}

#inputCiBox,
#ci_resultBox {
	float: right;
}


.gl-box table {
	margin-top: 10px;
	border-bottom: 1px dashed #ccc;
}

.gl-box td {
	padding-bottom: 5px;
}

.gl-box table.last {
	border: 0
}

.gl-rule em {
	color: #aaa;
}

.gl-rule strong {
	font-weight: normal;
	color: #f00;
}

.gl-float-box {
	display: inline-block;
	border: 1px solid #ccc;
	height: 17em;
	vertical-align: top;
	padding: 1em;
	border-radius: 1em;
}


#gl_result {
	float: right;
	width: 49%;
}

#gl_result em.yaYun {
	color: green
}

.gl-select {
	font-size: medium;
}

.textarea-work {
	width: 550px;
}

.clearfloat {
	overflow: hidden;
	zoom: 1;
	clear: both;
}

.jianfanStr,
.tStr {
	width: 99%;
}

#chooseBox {
	border: 1px solid #ccc;
	padding: 1em;
	border-radius: 0.5em
}

#chooseBox select {
	color: red
}

button {
	font-size: medium
}

input {
	font-size: large;
}

#zuci a {
	display: inline-block;
	margin: 0 1em 0 0;
	width: 4em;
}

.red {
	color: red
}

span.book {
	background: #94682b !important
}

.diangu-list li {
	color: #999;
	display: inline-block;
	width: 4em;
	white-space: nowrap;
	overflow: hidden;
	line-height: 105%;
	margin: 0 0.5em 0 0;
	_float: left;
	_margin: 0 0 0.5em 0
}

.diangu-list-w li {
	width: 6em;
}

.diangu-list li a.curr {
	color: red;
}

#go2top {
	background: #999;
	color: #fff;
	position: fixed;
	right: 5px;
	bottom: 3em;
	cursor: pointer;
	height: 1.8em;
	width: 1.5em;
	text-align: center
}

#loading {
	position: fixed;
	left: 40%;
	top: 40%;
	padding: 0.5em 1em;
	background: #ffd700;
	display: none;
}

.shici-sort li {
	display: inline-block;
	width: 5em;
}

.shici-list li {
	margin: 0 0 2em 0;
	background: #f5f2c9;
	padding: 1em;
	border-radius: 0.5em;
}

.shici-list b {
	color: red;
	font-weight: normal;
}

.shici-h1 {
	font-size: larger;
	color: #9a502b
}

.shici-h1 span {
	color: #999;
	font-size: small;
}

.shici-content {
	margin: 1em 0;
	color: #333;
	font-size: larger;
	line-height: 160%;
}

.shici-notes {
	font-size: large;
	display: none;
	color: #3b3b3b;
	border: 1px solid #f6efa8;
	padding: 1em;
	background: #f8f6db;
	border-radius: 0.3em;
}

.shici-toggle-notes,
.btn-auto-notes {
	font-size: small;
	padding: 0 0.5em;
	cursor: pointer;
	color: #999;
	display: inline-block;
	background: #f8f6db;
	border: 1px solid #f1e1ba;
}

.shici-toggle-notes em {
	color: #369;
}

.pages {
	margin: 15px 0;
	padding: 3px;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
}

.pages * {
	vertical-align: top;
	padding: 2px 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	border: 1px solid #ccc;
	background: #eee;
	color: #666;
}

.pages em {
	font-style: normal;
}

.pages .curr {
	background: #f90;
	border: 1px solid #f90;
	color: #333;
}

.pages a:hover {
	background: #f90;
	border: 1px solid #f90;
	color: #333;
	text-decoration: none;
}

#zd-show i {
	font-style: normal;
	color: maroon;
	font-size: x-small;
}

.show-box {
	font-size: 1.1em
}

.show-box em {
	color: #ee9b0b
}

/*iPhone*/
@media only screen and (max-width:800px) {
	body {
		font-size: medium;
	}

	#loveShiciBox {
		display: none
	}

	#zd-cha {
		float: none;
		width: auto;
	}

	#zd-show,
	.show-box {
		float: none;
		width: auto;
		margin: 0.5em 0 0
	}

	#zd-show blockquote {
		margin: 0;
	}

	#zd-show td:nth-of-type(1) {
		width: 5em;
	}

	.show-box span {
		display: block;
		margin: 0 0 0.5em 2em
	}

	table.shiju th:nth-of-type(2) {
		display: none;
	}

	table.shiju td:nth-of-type(2) {
		display: none;
	}

	#shi {
		width: 98%;
	}

	.text-box {
		border-radius: 0.6em;
		font-size: larger;
		border: 1px solid #ccc;
		padding: 0.8em;
		margin: 0.5em 0 0 0
	}


	#cipaiBox,
	#cipuBox,
	#inputCiBox,
	#ci_resultBox {
		float: none;
		display: block;
		width: 93%;
	}

	.gl-float-box {
		display: block;
		width: auto;
		height: auto;
	}

	textarea {
		font-size: medium;
	}

	.cipai-list li {
		width: 5.5em;
		height: 1.5em;
		position: relative;
		margin: 0 0 0 0.4em;
		white-space: nowrap;
	}

	.cipai-list span {
		color: red;
		font-size: small;
		position: absolute;
		left: -1em;
		display: inline-block;
		margin: 0 -0.8em 0 0;
	}

	.cipai-list li {
		overflow: hidden;
	}

	.jianfanStr,
	.tStr {
		width: 98%;
	}

	#gl_result span {
		display: none;
	}

	.gl-shi-do-bar {
		padding: 0.3em 0 !important;
	}

	.gl-select {
		font-size: 15px;
	}

	.textarea-work {
		width: 98%;
	}

	#yun-temp-box {
		font-size: small;
	}
}