html {  }
body {   line-height: 160%; height: 100%; background: #f3f3f3; margin: 0; padding:0.5em 0; font-size:16px; }
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;   }



em {  font-style: normal;  }
.gray { color: gray }
.gray2 { color: #999 }
.red { color: red }

.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;
  #display:block;
  justify-content:center;
  
	*zoom:1;
 }
#nav li {
color:#fff;  flex-grow: 1;  max-width: 6em; 
-webkit-box-flex: 1; 
    -webkit-flex: 1;
    flex: 1;    
    display:inline-block;
    *float: left;
	
  }
#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; }


#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{ float: left; margin: 0 0 1em 0; width:47%; border: 1px solid #ccc;  padding: 1em; border-radius: 1em; }


#gl-box { margin: 1em 0 0; }
.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 {  font-family: simSun; }
	.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-box { margin: 1em 0 0 0; border: 1px solid #ccc;  padding: 1em 0; border-radius: 1em; overflow: hidden; zoom:1 }
#gl-rule-box { float: left; width: 49%; text-align: right;  }
#gl_result { float: right;  width: 49%; }
#gl_result em.yaYun { color: green } 
.gl-select { font-size:medium; }
.textarea-work { width: 550px; }

.ql-duizhang, .wl-duizhang { position: relative;  }
.duizhang, .duizhang-2 {right: 112px; top: 82px;  position: absolute; background: url(img/icon_duizhang.gif) no-repeat; color:#666;  display: block;width: 50px; height: 34px;  font-size:32px;  }
.duizhang-2 { top: 132px;  }


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

.jianfanStr,.tStr { width: 99%; height: 200px; }
#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: 100%;  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;  }


/*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; }
	#zd-show td:nth-of-type(3){   }
	
	.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: auto; }

	
	.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 em {  }
	.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%; height: 8em; }
	
	#gl-box { margin: 1em 0 0 0; border: 1px solid #ccc;   border-radius: 1em; overflow: hidden; zoom:1 }
	#gl_result span { display: none; }
	.gl-shi-do-bar { padding: 1em 0!important;  }
	.gl-select { font-size:15px; }
	.textarea-work { width: 98%; }
	#yun-temp-box { font-size: small; }
}