html{direction:rtl}@font-face{font-family:cocon;src:url('cocon.ttf')}body{direction:rtl;overflow:hidden;text-align:center;background-color:transparent;width:100%;height:100%;overflow:hidden;font-family:cocon;font-size:25px}#main,#init{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:770px;width:1160px;background:#fff;overflow:hidden;display:none}#init{background:url(../img/loading.gif) no-repeat center center #fff;display:block}#loading{left:10px;position:absolute;top:10px;z-index:999}#progress{position:absolute;height:5px;background-color:red;width:0;bottom:0;left:0;z-index:100}#title,.glossary-index,#glossay-words,#glossay-means{display:none}#title{line-height:50px;margin:21px auto;min-width:200px;font-size:30px;position:relative;padding:0 50px}#glossary{width:1160px;height:770px;position:absolute;top:0;left:0;display:none;direction:rtl;text-align:center}.glossary-index{margin-top:92px;padding:3px 141px;font-size:25px}.glossary-index-char{margin:2px;background:#fff;width:51px;text-align:center;height:51px;line-height:51px;cursor:default}.glossary-title{font-size:30px;text-align:center;padding:5px 0;width:255px}.glossary-title-mean{font-size:30px;text-align:center;padding:5px 0}#glossay-words{width:1040px;right:70px;z-index:4}.glossary-word:after{content:'';position:absolute;top:18px;right:238px;z-index:100;height:15px;width:54px}.glossary-words-container{margin:0;padding:0;font-size:25px;overflow-x:hidden;overflow-y:auto;height:519px}.glossary-words-container li{line-height:52px;cursor:pointer;border-bottom:solid 1px #dbdbdb;width:255px;position:relative}#glossay-words,#glossay-means{height:519px;top:221px;position:absolute;overflow:hidden}#glossay-means{z-index:0;width:64%;white-space:normal;left:71px;background:#ebebeb}.glossary-mean{padding:15px 10px}.glossary-mean img{display:block;padding:5px;max-height:200px;margin:0 auto}.glossary-words-container{list-style:none}.glossary-index{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(max-height:780px){body{font-size:20px}#main,#init{height:500px;width:900px}#progress{height:4px}#title{line-height:35px;margin:15px auto;min-width:155px;font-size:25px;padding:0 35px}#glossary{width:900px;height:500px}.glossary-index{margin-top:70px;padding:3px 110px;font-size:20px}.glossary-index-char{width:35px;height:35px;line-height:35px}.glossary-title{font-size:25px;padding:4px 0;width:195px}.glossary-title-mean{font-size:25px;padding:4px 0}#glossay-words{width:800px;right:55px}.glossary-word:after{top:15px;right:185px;z-index:100;height:10px;width:40px}.glossary-words-container{font-size:20px;height:400px}.glossary-words-container li{line-height:35px;width:195px}#glossay-words,#glossay-means{height:400px;top:170px}#glossay-means{left:55px}.glossary-mean{padding:10px 7px}.glossary-mean img{padding:4px;max-height:155px}}
@media screen and (max-width: 650px){
	#main{
		zoom:0.46;
	}
  }
@media screen and (min-width: 650px) and (max-width: 700px){
	#main{
		zoom:0.49;
	}  
  }
@media screen and (min-width: 700px) and (max-width: 750px){
	#main{
		zoom:0.53;
	}  
  }
@media screen and (min-width: 750px) and (max-width: 800px){
	#main{
		    zoom: 0.67;
	}  
  }
@media screen and (min-width: 800px) and (max-width: 850px){
	#main{
		zoom:0.65;
	}  
  }
@media screen and (min-width: 850px) and (max-width: 900px){
	#main{
		zoom:0.94;
	}  
  }
@media screen and (min-width: 900px){
	#main{
		zoom:0.8;
	}  
  }