1. 精選照片, 故事,影音成果 行動版改顯示 2 欄
main_mobile.css 覆蓋更新

2.行動版 右上角登出/登入改直接觸發,不使用選單
2-1:修改 _header.php HTML

原:
```
    <div class="option_login" tabindex="0">
      <div class="option_login_menu">
        <!--依登入狀態顯示-->
        <a href="https://etutor.moe.gov.tw/admin/index.php" target="_blank" title="學伴登入(另開新視窗)"><span class="icon icon_login"></span>學伴登入</a>
        <a href="logout.php" title="學伴登出"><span class="icon icon_logout"></span>學伴登出</a>
        <!-- <a href="#" title="學伴系統"><span class="icon icon_member"></span>學伴 ＯＯＯ 您好！</a> -->
        <a href="#close" id="option_login_menu_tab_close" title="關閉選單">關閉選單</a>
      </div>
    </div>
```

改:

```
    <!--依登入狀態顯示 以下用隨機模擬 登入/登出 狀態-->
    <?php 
    $randomNumber = rand(0, 1);
    if($randomNumber){
    ?>
    <div class="option_login">
      <a href="login.php" title="學伴登入(另開新視窗)" tabindex="0">學伴登入</a>
    </div>
    <?php
    }else{
    ?>
    <div class="option_login logout">
      <a href="logout.php" title="學伴登出" tabindex="0">學伴登出</a>
    </div>
    <?php
    }
    ?>
```

說明:依據使用者當前登入/登出狀態 輸出

    <div class="option_login">
      <a href="login.php" title="學伴登入(另開新視窗)" tabindex="0">學伴登入</a>
    </div>

    或

    <div class="option_login logout">
      <a href="logout.php" title="學伴登出" tabindex="0">學伴登出</a>
    </div>

2-2:修改 jquery_custom.js

把以下程式碼註解
約 :63~:69 行
$('.option_login').keydown(function(e){
  if (e.keyCode == 13) {
    $(this).click();
    //alert(e.keyCode);
    return false
  }
});

2-3:修改 public.css

A:數位學伴-在原本 header .option_login {...} 下增加以下設定
B:雙語數位學伴-在原本 header .option_login {...} 下增加以下設定
```
header .option_login.logout{
  background-image: url('../images/icon_head_logout.svg');
}
header .option_login>a{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  color: transparent;
}
header .option_login>a:focus{
  background-color: transparent;
}
```

C:國際數位學伴-修改方式同上, 但是這組設定用的圖檔不同

header .option_login.logout{
  background-image: url('../images/icon_logout.svg');
}