<div class="logo">
<a href="/index.php" title="大仁科大_行政公版">

<img src="/var/file/4/1004/img/1582/429363109.png"/>
<div class="logo_text">
<span class="text_tw">大仁科技大學圖書資訊館</span>
<span class="text_en">Tajen University Library And Information Center </span>
</div>
</a>
</div>



<!--按鈕1-->
<div class="hdsearch">
<a class="btn btn-primary navbar-toggle1" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
<span>
1
</span>
</a>
<div class="collapse" id="collapseExample">
<div class="well">

<div class="msearch ">
<form class="navbar-form" role="search" name="HeadSearchForm" onsubmit="chkHeadSchToken(); return false;" method="post" action="/app/index.php?Action=mobileptsearch">
<div class="input-group">
<input type="text" name="SchKey" class="form-control" placeholder="關鍵字">
<span class="input-group-btn">
<button type="button" class="btn btn-default" onclick="chkHeadSchToken()">搜尋</button>
</span>
</div>
<input type="hidden" name="verify_code" value="">
<input type="hidden" name="verify_hdcode" value="">
</form>
</div>


<script type="text/javascript">

$(document).ready(function(){
$(".hdsearch .sch-toggle").click(function(){
$(this).toggleClass("open");
});
});

function chkHeadSchToken(){
$.get("/app/verify.php",function(data){
data = eval('('+data+')');
$("form[name='HeadSearchForm'] input[name='verify_code']").val(data.code);
$("form[name='HeadSearchForm'] input[name='verify_hdcode']").val(data.hdcode);
document.HeadSearchForm.submit();
});
}
</script>

</div>
</div>

</div>


<!--按鈕1-->



<!--按鈕2-->
<div class="header_link">

<div class="mycollapse">
<button class="navbar-toggle" data-target=".nav-toggle" data-toggle="collapse" type="button"><span class="glyphicons show_lines">Menu</span></button>
<div class="navbar-collapse collapse nav-toggle" id="collapseExample2">
<div class="well">



<!--頭部連結 -->
<ul class="topnav">
<li><a href="#"><img src="/var/file/4/1004/img/1582/826787735.png"/>首頁</a></li>
<li><a href="#"><img src="/var/file/4/1004/img/1582/914350296.png"/>意見信箱</a></li>
<li><a href="#"><img src="/var/file/4/1004/img/1582/154991956.png"/>網站導覽</a></li>
<li><a href="#"><img src="/var/file/4/1004/img/1582/646726032.png"/>大仁科大</a></li>
<li>


<button type="button" class="lang_menu" data-toggle="collapse" data-target="#dropdown_main">
<span class="glyphicons show_lines">Language</span>
</button>
<div id="dropdown_main" class="lang collapse">
<ul>
<li><a href="/index.php?Lang=en">English</a></li>
<li><a href="/index.php?Lang=zh-tw">繁體</a></li>
</ul>
</div>


</li>
</ul>

<!--頁首連結--> </div>
</div>
</div>
</div>

<script>
$('.navbar-toggle1[href="#collapseExample"]').click(function(){
if($('.nav-toggle').hasClass('in')){
$('.navbar-toggle[data-target=".nav-toggle"]').removeClass('open');
$('.nav-toggle').removeClass('in').css({'height': '0', 'overflow':'hidden'});
}
$(this).toggleClass('open');
});

$('.navbar-toggle[data-target=".nav-toggle"]').click(function(){
if($('#collapseExample').hasClass('in')){
$('.navbar-toggle1[href="#collapseExample"]').removeClass('open');
$('#collapseExample').removeClass('in').css({'height': '0', 'overflow':'hidden'});
}
$(this).toggleClass('open');
});


function menuSticky(){
if($(window).width() < 768){
var head = $(".stickyTop").height();
$("#banner").css({"margin-top": head});
$('.nuuToggleMenu').css({"top": head});
}else {
$("#banner").css({"margin-top": 0});
$('.nuuToggleMenu').css({"top": 0});
}
}



</script>