.search_block{
margin: 1em auto 0;
width: 94%;
text-align: center;
}

.searchbar_block{
width: 100%;
text-align: left; 
/*overflow: hidden;*/
}

table.searchbar {
width: 100%;
vertical-align: middle;
margin-left: -0.15em;
}

table.searchbar *{vertical-align: top;}

table.searchbar td{font-size: 1em;}

table.searchbar input {
font-size: 1em; 
vertical-align: middle; 
margin: 0.2em auto;
-webkit-user-select: text;
-moz-user-select: text;
}

table.searchbar input.query {
width: 100%;
height: 1.85em;
}

.query_block{
position: relative;
display: block;
border: 1px solid #a1a86c;
width: 96%;
padding: 0 0.2em;
border-radius: 5px 0 0 5px;
height: 2.2em;
background: white;
}

.query{
width: 100%;
font-size: 1em;
margin: 0;
padding: 0;
color: black;
border: none;
}

.serh_block{
position: relative;
padding: 0.5em 0;
top: -0.5em;
}

.serh_btn{
display: inline-block;
padding: 0.2em;
border-radius: 0 5px 5px 0;
border: 1px solid #a1a86c;
border-left: none;
width: 1.85em;
height: 1.85em;
text-align: center;
}

.del_block{
padding: 0.8em 0.4em;
position: absolute;
right: 0;
top: -0.5em;
display:none;
}

.del{
width: 0.7em;
padding: 0.3em;
border-radius: 5px;
display: inline-block;
margin-top: 0.2em;
opacity: 0.5;
}

.del_btn_active{
background: #c8d949;
filter : alpha(opacity=50); /* IE, 0 ~ 100 */
opacity : 0.5; /* Others, 0 ~ 1 */
}

.serh_btn_normal{background: #a1a86c;}

.serh_btn_active{background: #c8d949;}

.serh_title{
width: 100%;
background: #dcbf77;
font-size: 1.3em;
color: white;
margin: 0em 0 0.3em;
font-weight: bold;
}

.title_txt{padding: 0.2em 0.5em;}

.show_history{
display: inline-block;
font-size: 0.7em;
float: right;
padding: 0.5em 0.3em;
margin-top: -0.3em;
}

#overlay {
display: none;    
position: fixed;  
left: 0px;        
top: 0px;         
width: 100%;      
height: 100%;     
background: #000; 
opacity: 0.5;     
z-index: 100;   
}

.history_title{
display: none;    
position: fixed;
background: #dcbf77;
font-size: 1.3em;
color: white;
margin: 0 0 0.3em;
font-weight: bold;
border-radius: 10px 10px 0 0;    
z-index: 10000; 
}

.hide_history{
position: absolute;
right: 0;
top: 0px;         
padding: 0.3em;
border-radius:  0 8px 0 0;
}

.hide_btn_active{background: rgb(210,222,122);}

.clear_history{
position: absolute;
right: 2em;
top: -0.1em;         
padding: 0.3em;
}

.clear_btn_active{background: rgb(210,222,122);}

.no_result{
padding: 0.5em;
color: #494949;
}

.history_list{width: 100%;}

.history_list td{border-bottom: 1px dashed #a1a86c;}

.history_word{
display: block;
width: 100%;
line-height: 2.2em;
}

.his_btn_active{background: rgba(210,222,122,0.4);}

#popupHistory {
display: none;
position: fixed;
left: 50%;
top: 50%;
width: 16em;     
height: 14em;
margin-left: -8em;
margin-top: -8em;
border-radius: 10px;
background: #FFFFFF;
z-index: 1000;
overflow-x: hidden;
-webkit-box-shadow: 0 1px 5px rgba(50,50,50,0.8);
-moz-box-shadow: 0 1px 5px rgba(50,50,50,0.8);
box-shadow: 0 1px 5px rgba(50,50,50,0.8);
}

#word_query{
width: 97%;
padding-bottom: 1px;
overflow: hidden;
position: relative;
display: block;
}

.loading{
position: absolute;
top: 0.2em;
left: 50%;
margin-left: -1em;
z-index: 10;
}

.loading img{width: 2em;}

/*Search list*/

.word_list , .word_list table{
border: 1px solid #a1a86c;
border-top: none;
height: 2.4em;
}

.word_list td{
padding-left: 0.5em;
border-bottom: 1px dashed #a1a86c;
background: rgba(255,255,255,0.4);
}

.word_list{
width: 100%;
}

/*Result*/

.result_block{padding: 0 0.4em;}

.word_table{width: 100%;}

.word_table td{padding: 0.2em 0 0;}

.words{
font-size: 1.4em;
/*font-weight: bold;*/
margin-right: 0.5em;
color: #604c3f;
vertical-align: middle;
padding-left: 0.4em;
}

.btn{background: #a1a86c;}

.btn_active{background: #c8d949;}

.speaker{
display: inline-block;
vertical-align: middle;
width: 1.8em;
height: 1.8em;
padding: 0.1em;
border-radius: 2em;
margin-top: -0.2em;
}

.small_speaker{
display: inline-block;
vertical-align: middle;
width: 1.5em;
height: 1.5em;
padding: 0.1em;
border-radius: 1em;
}

.speaker img{
width: 1.8em;
vertical-align: middle;
}

.symbol_table{
width: 100%;
margin-bottom: 0.5em;
}

.symbol_table td{
padding: 0.4em 0 0.2em 0.4em;
font-size: 1.2em;
}

.part_table{
width: 100%;
margin: 0.3em 0 1em;
}

.part_table td{padding: 0 0 0.8em;}

.td_part{
width: 2em;	
text-align: right;
}

.part_box{
display: inline-block;
font-size: 0.9em;
padding: 0.1em 0.1em 0.3em;
background: rgba(243,241,143,0.5);
border-radius: 15px;
text-align: center;
line-height: 1.2em;
margin-right: 0.4em;
}

hr{
width: 98%;
height: 0;
border: 1px dashed #c8d949;
border-bottom: none;
}

.part_hr{
margin: 0.8em 0 0.2em;
border: 1px solid #d2de7a;
}

.meaning{
font-weight: bold;
padding: 1em 0 0.2em;
color: #262626;
font-size: 1.1em;
}

.link{
display: block;
border-radius: 3px;
padding: 0 0.2em;
}

.link_normal{
color: #0000CC;
}

.link_active{
color: #c8d949;
background: rgba(255,255,255,0.3);
}

.no_sentence{
font-weight: bold;
color: #262626;
font-size: 1.1em;
}

.sentence{
position: relative;
color: #454a60;
padding-top: 0.3em;
vertical-align: middle;
}

.sentence_translation{
margin: 0 0 0.6em;
color: rgba(0,0,0,0.7);
}

.stc_speaker{
position: absolute;
display: inline-block;
margin-left: 0.5em;
margin-top: -0.5em;
vertical-align: middle;
top: 0.7em;
left: -2.5em;
}

.semicolon{color: #604c3f;}

#dictionary_info {width: 100%;}

#search_info {width: 100%;}

.info_list{margin: 0.8em 0;}

.video_img{
display: inline-block;
width: 32%;
position: relative;
padding: 0 0.2em;
vertical-align: middle;
}

.play_icon{
position: absolute;
width: 2.6em;
top: 50%;
margin-top: -1.3em;
left: 50%;
margin-left: -1.3em;
}

.video_name{
display: inline-block;
width: 62%;
font-size: 1em;
padding: 0 0.2em;
color: #604c3f;
vertical-align: middle;
}

.vedio_title {
overflow : hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
display: box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}

.vedio_author{
font-size: 0.8em;
color: #898989;
overflow : hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
display: box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}