#practise-content {
	background: #fbfbfb;
	border: #bbb 1px solid;
	border-width: 1px;
	border-top-width: 0;
	border-bottom-width: 0;
	border-radius: 1px;
	padding: 1em 7em;
	position:relative;
	clear:both;
	margin:0;
}
#content{padding:0 1.75em;}
.pinyin-trial-title{text-align:center;font-size:30px;font-family:Courier, Monaco, monospace;}
#ch-voc-container{border: #ddd 1px solid;margin:0;padding:0;width:100%;}
.ch-cal-search-div,.pinyin-eng-div{display:table-cell;vertical-align: middle;}
.ch-cal-search-div{width:25%;border: #ddd 1px solid;margin:0;padding:2px;text-align:center;}
.pinyin-eng-div{border: #ddd 1px solid;}
.ch-div,.cal-div{display:inline-block;vertical-align: middle;}
.ch-div{font-size:40px;color:green;width:70%;}
.input-ch-field,.search-button{display:inline-block;vertical-align: middle;height:44px;}
.input-ch-field{max-width:78%;margin:0;border-radius:unset;}
.search-button{padding:2px;margin-left:-5px;width:20%;}
.search-button:hover{background: #468dbe;border:#468dbe 2px solid;}
button[disabled]:hover{padding:4.82px;margin-left:-5px;cursor:pointer;}
.pinyin-div,.eng-div{display:block;line-height: 1.75em;vertical-align: middle;padding-left:10px;}
.pinyin-div{border-bottom:#ccc 1px solid;height:70px;vertical-align: middle;padding-top:20px;margin-bottom:5px;}
.eng-div{padding-top:0px;font-size:12px;}
.me_pinyin_sound{height:30px;width:30px;cursor:pointer;}
.related-word-switch{display:block;float:left;width:50%;background:#686868;text-align:center;margin:0;color:white;border:#B2D5B2 1px solid;}
.related-word-switch{border-right:#B2D5B2 1px solid;cursor: pointer;   }

.word-switch{background:#aaa;color:#000;border:#444 1px solid;border-bottom:none;cursor: default;}
.character-switch{border:#444 1px solid;border-top:none;border-right:none;border-left:none;}
.word-switch:hover{cursor:default;}
.character-switch:hover{background:#555;}
.delta_icon{float:right;border-style: solid;margin-top: 10px;margin-right: 5px;}
.word-delta_icon{border-width: 0px 10px 10px;border-color:#ddd transparent;}
.ch-delta_icon{border-width: 10px 10px 0;border-color:#888 transparent;}

/*.related-word-switch:hover{box-shadow: 0 0 2px #111;background: darkgreen;border:darkgreen 1px solid;}*/
.ch-match{display:table-cell;border:#ddd 1px solid;}
.ch-match{border-top:none;}
.word-result-head{border:none;}
table{border:none;}
td{border:none;}
td{border-top:darkgrey 1px solid;}
.word-result-head{text-align: center;padding:0;margin:0;background:#ddd;}
.word-result-ch{font-size:14px;}
.word-result-py{font-size:12px;}
.word-result-eng{font-size:12px;text-align:justify;}
.example-left-control{width: 85%;}
.example-right-control{width: 15%;text-align: center;}
.more-example-eng{border-bottom:darkgreen 2px solid;}


@media screen and (max-width: 1200px) {
	.ch-cal-search-div{padding:0;width:23%;}
	.input-ch-field{width:74% !important;;font-size: 14px;}
	.search-button{width:25%;}
	.ch-match{vertical-align: top;font-size:12px;width: 32.95%;;}
}
@media screen and (max-width: 1023px) {
  #content{padding:0.2em;}
	#practise-content{padding:0.2em;}
  .pinyin-trial-title{font-size:25px;}
  .ch-match{width: 33%;}
  .ch-cal-search-div {width:21%;}
}
@media screen and (max-width: 768px){
.ch-match {width: 32.85%;}
}
@media screen and (max-width: 735px) {
	.search-button{padding:2.2px;}
  button[disabled]:hover{padding:2.2px;}
    .ch-cal-search-div{width: 100%;margin-bottom: 3px;}
	.eng-div{font-size: 14px;}
	.ch-match{vertical-align: top;font-size:12px;display:block;width:100%}
        .ch-cal-search-div, .pinyin-eng-div{display:block;}
        #ch-voc-container{border:none;}
}
@media screen and (max-width: 567px) {
  
	.pinyin-div{font-size:14px;}
	.eng-div{font-size: 12px;}
}
@media screen and (max-width: 479px) {
  .ch-cal-search-div,.pinyin-eng-div{display:block;width:100%;}
	.related-word-switch{font-size:16px;}
	.pinyin-trial-title{font-size:16px;}
        
}
@media screen and (max-width: 375px) {
   .related-word-switch {min-height:56px;padding:3px;}
}