.search_block{
width: 100%;
text-align: center; 
background: #CCBA90;
padding: 0.4em 0 0.5em;
-webkit-box-shadow: 0 1px 3px rgba(50,50,50,0.7);
border-radius: 0 0 10px 10px;
overflow: hidden;
}
table.searchbar {
width: 98%;
margin: 0 auto;
vertical-align: middle;
}
table.searchbar *{
vertical-align: middle;
}
table.searchbar td{
/*text-align: center;*/
font-size: 1em;
}
table.searchbar input {
font-size: 1em; 
vertical-align: middle; 
margin: 0.2em auto;
-webkit-user-select: text;
}
table.searchbar input.query {
width: 100%;
height: 1.85em;
}
.query_block{
display: block;
border: 1px solid #7A6A56;
width: 96%;
padding: 0 0.2em;
border-radius: 5px 0 0 5px;
-webkit-box-shadow: 1px 1px 2px rgba(100,100,100,0.4) inset , 0 1px 1px rgba(255,255,255,0.8) ;
height: 2.2em;
background: white;
}
.query{
width: 100%;
font-size: 1em;
margin: 0;
padding: 0;
color: black;
border: none;
}
.serh_btn{
display: inline-block;
padding: 0.2em;
border-radius: 0 5px 5px 0;
border: 1px solid #786A5F;
border-left: none;
width: 1.85em;
height: 1.85em;
text-align: center;
}
.serh_btn_a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, white), color-stop(0.9, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(top, white, #E6E3DF , #D9D3C8);
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.serh_btn_b{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(bottom, #E6E3DF, #D9D3C8);
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8), 0 0 2px rgba(10,10,10,0.8) inset;	
}
.voice_btn{
display: inline-block;
padding: 0.2em;
border-radius: 5px;
border: 1px solid #786A5F;
width: 1.85em;
height: 1.85em;
text-align: center;
}
.voice_btn_a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, white), color-stop(0.9, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(top, white, #E6E3DF , #D9D3C8);
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.voice_btn_b{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(bottom, #E6E3DF, #D9D3C8);
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8), 0 0 2px rgba(10,10,10,0.8) inset;	
}
.book_list{
margin-top: 0em;
background-image: url('../img/bookcase.jpg?4');
background-position: 0 0;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.book_img{
width: 72px;
height: 108px;
margin: 20px 10px;
vertical-align: middle;
}
.name{
width: 100%;
padding: 0.2em 0 0.3em;
text-align: center;
color: #40220F;
font-weight: bold;
text-shadow: 1px 0 0px rgba(255,255,255,0.5);
line-height: 1.2em;
font-size: 1.1em;
vertical-align: middle;
background-image: url('../img/name_background.jpg?4');
background-position: 0 0;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-box-shadow: 0 1px 2px rgba(50,50,50,0.6);
}
.read_book_name{
width: 100%;
padding: 1em 0 0.7em;
text-align: center;
color: #40220F;
font-weight: bold;
text-shadow: 1px 0 0px rgba(255,255,255,0.5);
line-height: 1.2em;
font-size: 1.1em;
vertical-align: middle;
background-image: url('../img/name_background.jpg?4');
background-position: 0 0;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-box-shadow: 0 1px 2px rgba(50,50,50,0.6);
}
.book_detail{
padding: 0.5em 0 0.8em 0.6em;
}
.detail_list td{
height: 1.2em;
padding: 0.15em 0;
}
.book_detail div{
color: #3F342E;
}
.read_book_detail{
padding: 0.5em 0 0.8em 0.3em;
}
#name_div, #manufacturer_name_div, #manufacturer_date_div, #isbn_div{
padding: 0.2em 0;
}
.tabview{
width: 100%;
-webkit-box-shadow: 0 0 3px rgba(50,50,50,0.8);
border-collapse: collapse;
position: relative;
}
.tab{
text-align: center;
padding: 0.3em 0;
font-size: 1.2em;
font-weight: bold;
color: #BAAC8A;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F8F4EE), color-stop(0.75, #DDD8CE));
background: -moz-linear-gradient(top, #F8F4EE, #DDD8CE);
-webkit-box-shadow: 0 -1px 3px rgba(50,50,50,0.5) inset;
}
.tabview .active{
text-align: center;
padding: 0.3em 0;
font-size: 1.2em;
font-weight: bold;
color: #918203;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(0.1, #FFF8E8), color-stop(1, #FCEFD8));
background: -moz-linear-gradient(top, #FFFFF5, #FFF8E8 , #FDF2DE);
}
.content{
padding: 0.8em 0.5em 1.5em;
line-height: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCEFD8), color-stop(0.5, #FCEAC7), color-stop(1, #FBE1B2));
background: -moz-linear-gradient(top, #FCEFD8, #FCEAC7 , #FBE1B2);
word-break: break-all;
}
.bottom{
background: #FBE1B2;
padding: 0.8em 0.5em  0.5em;
}
.search_img{
width: 30%;
border: 1px solid #B3AA9F;
padding: 0.3em 0.5em;
background: white;
}
.search_detail{
font-size: 0.9em;
padding: 0.5em 0.3em;
color: #604C3F;
border: 1px solid rgba(229,227,209,0.4);
border-left: none;
line-height: 1.5em;
}
.result_btn{
width: 96%;
display: block;
margin: 0.2em auto 0.8em;
}
.result_btn_a{
background: url(../img/arrow_icon01.png?1), rgba(255,255,255,0.4);
background-size: 5% ,100%;
background-position: right center,center;
background-repeat: no-repeat, repeat;
}
.result_btn_b{
background: url(../img/arrow_icon01.png?1), rgba(242,232,142,0.4);
background-size: 5% ,100%;
background-position: right center,center;
background-repeat: no-repeat, repeat;
}
.more_btn{
display: block;
text-align: center;
padding: 0.5em 0;
color: #604C3F;
font-weight: bold;
text-shadow: 1px 0 0 rgba(255,255,255,0.8);
}
.more_btn_a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(0.1, #F2ECDF), color-stop(0.9, #D9CEB4));
background: -moz-linear-gradient(top, #FFFFFF, #F2ECDF, #D9CEB4);
}
.more_btn_b{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #ECE5D5), color-stop(0.9, #D9CEB4));
background: -moz-linear-gradient(bottom, #ECE5D5, #D9CEB4);
-webkit-box-shadow: 0 0 3px rgba(50,50,50,0.8) inset;
}
.cancel_btn{
display: inline-block;
padding: 0.2em;
border-radius: 5px;
}
.cancel_btn_a{
background: rgba(255,255,255,0.4);
}
.cancel_btn_b{
background: rgba(242,232,142,0.4);
}
.title{
height: 1.8em;
text-align: center;
vertical-align: middle;
font-size: 1.2em;
color: #40220F;
font-weight: bold;
text-shadow: 1px 0 0px rgba(255,255,255,0.5);
background: url(../img/title_background.jpg?2);
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat;
}
.go_top{
text-align: left;
background: #FBE1B2;
padding-left: 0.5em;
}
.other_btn{
display: block;
width: 96.5%;
padding: 0.35em;
border-radius: 5px 5px 0 0;
}
.other_btn_a{
background: rgba(255,255,255,0.4);
}
.other_btn_b{
background: rgba(242,232,142,0.4);
}
.nbest_btn{
display: block;
padding: 0.5em 0;
border-top: 1px solid rgba(122,106,86,0.5);
}
.nbest_btn_a{
}
.nbest_btn_b{
background: rgba(242,232,142,0.4);
}
.nbest_list{
background: rgba(255,255,255,0.4);
border-radius: 0 0 5px 5px;
margin-bottom: 0.2em;
}

.nbest_close{
width: 1.25em;
margin: 0.2em 0.6em 0 0;
}
.nbest_open{
width: 1.25em;
margin: 0 0.6em 0 0;
-webkit-transform: rotate(180deg);
}
#right_arrow{
-moz-animation: rightArrowFunc 400ms linear 0 infinite alternate; /* Firefox */
-webkit-animation: rightArrowFunc 400ms linear 0 infinite alternate; /* Safari and Chrome */
}
.speaker{
position: fixed;
bottom: 3%;
right: 2.5%;
z-index: 10;
border-radius: 5px;
background: rgba(255,255,255,0.5);
padding: 0.2em;
}
.loading_detail{
/*display: none;*/
width: 2em;
text-align: center;
padding: 0.4em;
background: rgba(255,255,255,0.5);
border-radius: 8px;
margin: 0 auto;
}
.book_point{
display: inline-block;
position: absolute;
border-left: 1em solid rgba(0,0,0,0);
border-bottom: 1.2em solid #c30d23;
border-right: 1em solid rgba(0,0,0,0);
top: -1.4em;
left: 50%;
margin-left: -1em;
}