2021年12月29日 星期三

如何使用 Dism 安裝 Windows11

如何在外接硬碟 安裝 Windows11

tags: 部落格文章

Dism是微軟封裝Windows的程式,可以把它想像成 RAR 的意思。壓縮完畢後會變成一個 .wim 檔案,這個檔案解壓出來就是C曹剛重灌好的樣子了

所謂的安裝系統只不過是 解壓縮+建立開機引導 而已
這同時也意味著轉移系統只需要你將C曹所有檔案 Ctrl+C 複製到另一個硬碟,然後重建引導即可開機

安裝完畢開機之後系統會自動變成Windows to go狀態,大致上的區別就是有些設定值被限制了,比如說預設值是不能休眠的。


從下面開始所有指令的安裝的磁碟曹是F曹,如果你要安裝的曹位不是F,建議在磁碟管理員把他指定成F,這樣才不用修改指令。


前置任務

在開始前請先確定硬碟已經轉換成GPT格式
可以使用下面命令查詢分區格式

# F自行置換成你要安裝磁碟機代號
Get-Partition -DriveLetter "F" | Get-Disk


看到上圖表示是正確的,可以進行下一步了。

如果顯示是MBR格式,那可打開磁碟管理員,刪除所有分區之後點擊轉換。


(圖片沒有刪除且已經是GPT格式,所以才是灰色的的轉換成MBR字樣)




wim檔案的位置

wim檔案又可以稱做是系統的映象檔,這個檔案在微軟載下ISO內,點擊ISO檔案兩下掛載,然後你可以在 source 裡面發現 install.wim 檔案。

ISO檔案可以從這個網址下載:https://www.microsoft.com/zh-tw/software-download/windows11


查看映像檔資訊

一份映像檔裡面有別於剛剛說的rar壓縮包,wim檔案是可以同時包含多個版本的,解壓縮的時候要選擇版本解壓。這個步驟就跟通常安裝Windows時要讓我們選擇專業版還是家用版一樣意思。

查看的指令是(需要管理員權限)

Dism /Get-ImageInfo /ImageFile:"E:\sources\install.wim"


這邊我要安裝的是專業版,那就記下對應的編號 index:3


解壓縮

接下來把它解壓縮到目標槽位,也就是你要安裝的硬碟上

# 映像檔位置 : E:\sources\install.wim
# 安裝的版本 : 3 (Windows 11 專業版)
# 解壓縮位置 : F:\
Dism /apply-image /imagefile:E:\sources\install.wim /index:3 /applydir:F:\

等待跑完即可




建立開機引導

開機引導需要獨立的一個EFI分區,一般Windows會自動將它分配在開頭的位置。但實際上EFI的分區順序是沒有規定的,這邊為了方便操作直接從F曹切出300M來用

(指令很長連點三下可全選)

$Dri=(Get-Partition -DriveLetter "F");$Dri|Resize-Partition -Size:($Dri.size-300MB);((($Dri|New-Partition -Size:300MB -GptType:"{c12a7328-f81f-11d2-ba4b-00a0c93ec93b}")|Format-Volume)|Get-Partition)|Set-Partition -NewDriveLetter:"X"

接著寫入開機引導

bcdboot F:\windows /f UEFI /s X:\ /l zh-tw

到這邊就完成了,重啟之後UEFI選則該硬碟啟動,即可開機




掛載與卸載EFI磁碟代號

磁碟管理是沒辦法直接掛載EFI分區的,如果需要修復EFI掛載的方法如下

# 新增F曹的EFI分區磁碟代號為X
((Get-Partition -DiskNumber:(Get-Partition -DriveLetter "F").DiskNumber)|?{$_.GptType -eq "{c12a7328-f81f-11d2-ba4b-00a0c93ec93b}"})[0]|Set-Partition -NewDriveLetter:"X"

# 移除磁碟代號X
$Letter="X";(Get-Partition -DriveLetter:$Letter)|Remove-PartitionAccessPath -AccessPath:("$Letter"+":")

參考資料

Dism 修復 Windows 系統

修復 Windows 系統

系統損壞原因很多,這邊用的指令是簡單修復Windows的檔案,有時候系統BUG這個修復是有用的。

執行的方法按下 Win+X 然後在按 A 就可以打開終端機了,在終端機裡面輸入底下指令。

# 檢查有無出錯
Dism /Online /Cleanup-Image /ScanHealth
Dism /Online /Cleanup-Image /CheckHealth

# 修復
DISM /Online /Cleanup-image /RestoreHealth
sfc /SCANNOW

2021年12月18日 星期六

PowerShell 關閉 IPv6 連線

PowerShell 關閉 IPv6 連線

tags: 部落格文章

主要是遇到了一點問題,不得不關閉IPv6的連線,才只好這麼做的。留個紀錄之後要爬文比較好找。

關閉 Ipv6

利用的指令是

Get-NetAdapterBinding -Com:ms_tcpip6

這個可以查出全部的 IPv6 連線的裝置名稱,再利用裝置名稱把連線關掉

$Name = '區域連線'
Enable-NetAdapterBinding -Name:$Name -ComponentID:ms_tcpip6

遇到的問題

遇到這個問題是因為不知道為什麼自己建立的 OpenVPN 伺服器雖然連上了,但是IPv6是沒有啟用的,造成的問題就是IPv6依然是本地IP只有換IPv4而已。

然後預設的連線行為是 IPv6 優先於 IPv4 的,所以如果網站支援 IPv6 的話我連上的VPN就等同於虛設了,還是一樣本地的IP

解決辦法就是乾脆關掉 IPv6 就好了,不過為什麼會造成這個原因我猜有可能是因為我用 TAP 模式的關係吧,伺服器是用ASUS的路由器建的(也有可能只是ASUS的BUG)。

差多三年前剛架設的時候 TUN 模式因為沒辦法把流量都導到AP上 (已經打勾導流了),最後用 TAP 才解決的就一直這樣用了,現在還是同一個型號測試 TUN 已經可以正常導流了。TAP模式缺陷很不方便,第二台客戶端AP、安卓手機不能用,沒特別需求建議還是用TUN比較好。

解決方案完整代碼在這裡。
https://github.com/hunandy14/OpenVPN_Switch/blob/master/OVPN_chg190118_v6.ps1

2021年12月8日 星期三

移除 華碩 ASUS ArmouryCrate 桌面右鍵選單 GameLibray

移除 華碩 ASUS ArmouryCrate 桌面右鍵選單 GameLibray

這選單是真礙眼,沒有習慣從桌面的右鍵選單裡面開遊戲,偏偏軟體裡面又不給設定移除。姑且自己去挖登錄檔位置出來有成功刪除了。



停用的方法

先按下 Win+X 然後再按下 A ➔ 打開終端機,然後輸入底下的代碼按下Enter

reg add "HKEY_CLASSES_ROOT\Directory\Background\shell\GameLibrary" /v "LegacyDisable" /t REG_SZ /f

執行完畢就會消失了。


復原

由於沒有直接刪除原本的值,要復原的話刪除 LegacyDisable 這個項目即可

reg delete "HKEY_CLASSES_ROOT\Directory\Background\shell\GameLibrary" /v "LegacyDisable" /f

就此就能輕易復原了





登錄檔值

對應的位置在這裡,要強制刪除可以執行這行
Remove-Item -LiteralPath 'Registry::HKEY_CLASSES_ROOT\Directory\Background\shell\GameLibrary'

登錄檔機碼備份,把她存成 GameLibrary.reg 之後執行即可復原
Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\Background\shell\GameLibrary]
"MUIVerb"="ArmouryCrate"
"SubCommands"="g0;|;g1;"

"Icon"="C:\\Users\\這裡換成自己的使用者路徑\\AppData\\Local\\Packages\\B9ECED6F.ArmouryCrate_qmba6cd70vzyy\\LocalState\\GameLibrary\\ArmouryCrate.ico"

2021年11月23日 星期二

Win11/10 如何關閉 現代待機/新式休眠/InstantGo

Win11/10 如何關閉 現代待機/新式休眠/InstantGo

現代待機有蠻多的名稱的 新式休眠 / Modern Standby / InstantGo 都是

現在的筆電預設是打開的這會直接導致電源選項會少很多,比如說最基本的效能、省電就沒有了,只有預設的一個。

現代待機會讓混合睡眠會失效,這個功能對於桌機而言是很實用的功能。對於筆電而言大概就是減少睡眠的耗電吧,現代待機為了不斷網耗電量可不小。不少網路上的文章在噴這個功能太耗電。

關閉現代待機之後
  1. 能手動調整外接硬碟的休眠時間。預設1分鐘就斷電使用很會很卡(喚醒約1秒)
  2. 開蓋自動從睡眠狀態喚醒,這個功能會被停用會變的蠻不方便的


確認當前狀態

要確認現代待機是否被打開可以打這個命令看

powercfg -a

出現下圖就是目前現代待機是有打開的




Windows 關閉現代待機

按下 Win+X 然後再按 A 打開終端機後輸入底下代碼

# 關閉現代待機
irm bit.ly/SetInstantGo|iex; InstantGo -Disable


設定好之後重新起動電腦,就可以看到電源選項出現了


復原可以輸入

# 復原現代待機
irm bit.ly/SetInstantGo|iex; InstantGo -Enable



* Windwos版本跨過1909之後對應的登錄檔機碼是不同的,已包含該變動



參考資料

【2021年版】Windowsタブレットで画面だけオフにする方法 (js2y.com)

Win10 右鍵選單出現的位置跑到滑鼠左邊

Win10 右鍵選單出現的位置跑到滑鼠左邊

不知道改到什麼原本正常在桌面按右鍵,選單應該是出現在滑鼠的右下方。(相對來說滑鼠會在選單的左上角的意思。)

結果就變成選單出現在滑鼠的左下角,想說到底是怎麼了。爬聞一下貌似只是改到慣用手的問題,改回來就好了。

平板電腦設定

選單出現的位置在這裡可以改,這個設定叫出的方法。先按下 Win+R 開啟執行。
然後直接貼上這一串



shell:::{80F3F1D5-FECA-45F3-BC32-752C152E456E}

再來按下確定就可以了。
接著選擇第二個 頁面 其他之後,選擇慣用左手就可以恢復了。




2021年11月6日 星期六

調整預設輸入法為其他語言

調整預設輸入法為其他語言

調整的地方在進階鍵盤設定裡,從這裡進去。


然後第一個紅框就是,點開之後可以決定預設要用什麼輸入法



第二個紅框針對每個應用程式是指每個程式之間的輸入法是不同的,開始A程式之後會是打開預設輸入法,接下來改成其他輸入法,再開啟第二個程式會再次切換到預設輸入法。

接著切回剛剛的程式,會記住之前的狀態自動切換到對應的輸入法。


注音輸入法預設是中文的,要調成英文可以在這裡設定




接著找到



這裡就可以調整了



2021年11月3日 星期三

Win10 鍵盤布局調整 日文配列 英文配列

Win10 鍵盤布局調整 日文配列 英文配列

直接說結論了,有兩種方法可以實現。

  1. 改登錄檔,強制把整機改成日文布局,不管插什麼鍵盤都是識別成日文。
  2. 改輸入法設定,只有切到日文輸入法的時候才會是日文布局切。


第一個方式缺點就是英文/中文鍵盤就用不了。也就是用台灣鍵盤打字的時候上面的布局會是錯的,不適合台灣的筆電修改,這樣筆電上的中文鍵盤就廢了。

第二種方式稍微有點彈性,如果是需要同時使用兩把鍵盤的人會比較合適。這個只有切到日文輸入法時才會生效。按不出缺鍵符號的時候改回中文輸入法即可。

日文鍵盤被識別成英文鍵盤倒是不會出事(該有的按鍵都有位置不一樣而已)。反過來英文被識別成日文就會出事情了,缺鍵有兩個符號永遠也按不出來 。 


自己挑適合的方式做就可以了,筆電的話第一種可能不合適,這樣改筆電上的中文鍵盤就廢了,會少兩個按鍵永遠也按不出來。


第二種方式,從輸入修改後切換大寫的方式會改變。

- 日文配置: shift+caps→切換大小寫燈號   caps→切換 A/あ
- 中英配置: shift+caps→切換 A/あ。    caps→切換大小寫燈號



統整英日雙鍵盤的建議做法

如果是買日本電腦 :: 方法1改整機為中文布局 + 方法2輸入法改成日文布局

如果是買台灣電腦 :: 僅修改方法2輸入法為日文布局


改完之後,對應的鍵盤輸入對應的語言就完全沒問題了。只是輸入不同語言時有下面缺點。

  1. 日文鍵盤 → 打中文忍一下,符號會錯位但不會缺鍵
  2. 中英鍵盤 → 打日文時,符號會錯位+缺2鍵(切回中文輸入法可以打出來)

這是不想廢掉筆電原生鍵盤只好作出部分犧牲。如果你鐵了心我就是不用原生鍵盤。直接從登錄檔把全局修改成對應的方式即可,什麼問題都不用忍受。

方法1::登錄檔修改整機

位置在這裡

HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Control\Keyboard Layouts\00000804

# 日文 (1809 後適用)
LayoutFile = kbd106.dll

# 日文 (1809 不適用)
LayoutFile = KBDJPN

# 台灣
LayoutFile = KBDUS.DLL

方法2::僅修改輸入法

先到設定這裡找到輸入法


進去就可以設定了


之後會要求重新啟動,重啟之後切到日文輸入法,會自動更改布局,這時候從日文輸入法打英文就不會出問題了。





2021年10月16日 星期六

如何自訂修改 mp4 的影片縮圖

如何自訂 mp4 的影片縮圖

下載

使用的軟體是 tageditor 可以從這裡下載
https://github.com/Martchus/tageditor/releases/latest



圖形操作

下載好之後直接打開就可以用了,按下Ctrl+O載入你要修改的影片



然後右邊按下變更Cover圖片,最後存檔即可




命令批量修改

如果你有大量的影片需要修改,可以使用命令的方式執行。不過缺點是貌似無法取消備份,在執行完畢之後程式在原地生成一個備份檔案,這會導致你需要兩倍的空間處理。

.\tageditor.exe set cover=IMG.png -f VIDEO.mp4




其中大寫的部分就是圖片的來源檔案與影片的來源檔案。




2021年10月11日 星期一

Windows11 右鍵改回舊選單 直接展開

Windows11 右鍵改回舊選單 直接展開

新版本的Win11右鍵多一層選單變成二層選單,還要特別按一次,超級不方便的。

雖然對於大多數使用來說變得簡單更好用了,但是對於工作需求比高的人的人來說,真的是地獄要多按一次就算了,連快捷鍵也不能按了。

這邊提供修改的機碼,可以使用PowerShell直接執行。
你可以按照代碼自己到登錄檔編輯器操作。


新增懶人包快捷輸入

用管理員打開終端機 (快捷可以 按下Win+X 再按A 然後輸入下面)

# 展開右鍵選單
irm bit.ly/3s9kWHO|iex; OnceRightClick -Once

# 恢復預設選單
irm bit.ly/3s9kWHO|iex; OnceRightClick


上面一行執行完就好了









--- 以下是舊文 ---


PowerShell 修改機碼

對著左下角的開始的旗幟按下右鍵,選擇 Windwos終端機(系統管理員)



打開 Windwos終端機 接著直接貼上下面命令
(複製的時候滑鼠從最後一行空格開始選取)

New-Item -Path "HKCU:Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}"
New-Item -Path "HKCU:Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32"
New-ItemProperty "HKCU:Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32" -Name "(default)" -Value ""
Stop-Process -ProcessName explorer

貼上後會問你要不要一口氣執行這麼多航,直接按仍要貼上


這樣貼上後就會自己跑完了。(最後一行如果卡著自己在按enter執行)



執行完畢會自動重新啟動explorer,然後就完成了。




登錄檔位置

想要手動更改的話,登錄檔的話位置在這裡 (連按3下快速選取一行)

電腦\HKEY_CURRENT_USER\Software\Classes\CLSID

需要你在這裡手動新增兩層資料夾(新增機碼),第一層是

{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}

接著點進去再新增下一層資料夾(新增機碼)

InprocServer32

新增完畢之後像這樣



必須對著InprocServer32裡面的 (預設值) 雙擊變更數值,然後保持空值直接按確定。確定後後面資料的數值會從 (數值未定) 變成空白(上圖),這樣就是設定成功了。

接著重啟 explorer 就可以反映出效果了,不知道如何重啟可以登出或是重新啟動電腦即可。



復原

直接刪除 InprocServer32 裡面 (預設值) 這個機碼就可以了,刪除之後會變成 (數值未定),再重新啟動 explorer 即可。



2021年9月12日 星期日

Netflix 截圖黑畫面 如何截圖

Netflix 截圖黑畫面 如何截圖

從結論上來講並不是因為智慧財產權的問題防止盜錄,單純只是硬體加入導致的問題。到設定裡面把硬體加速關閉就好了。






羅技G604 GHUB軟體 巨集詳細操作邏輯介紹

羅技G604 GHUB軟體 巨集詳細操作邏輯介紹

tags: 部落格文章

提到GHUB不得不說真的是罵聲一片,到處都可以看到幹很少看到讚的。確實我第一次使用也是如此,但是相較於其他軟體我覺得已經算好了。

邏輯最大的問題在於非常反直覺,功能是齊全的這才是萬幸,其他家的缺功能真的很哭。反直覺的部分是有些根本沒說明怎麼用,根本就壓根不會想到,原來是這樣操作的阿。

最近因為要提高工作效盡可能的自動化操作買了G604,這顆的按鍵配置不得不說覺得是辦公必備的滑鼠。

巨集

在進入前先來談一下巨集的差異,先說能真正實現編程的硬件巨集滑鼠只有X7,真正需要編程等級的巨集沒別的選擇了。

軟體巨集對我來說並不能算得上巨集滑鼠,單純只是電腦上的軟件跑出來的,遇到沒有管理員權限的電腦,基本就作廢了。

羅技只不過能實現硬件上的簡單巨集而已,需要複雜功能的還是會有點勉強。

硬件巨集與軟件巨集差異

他們之間最簡單的差異在於,把設定好的滑鼠直接拔去插別的電腦,是否還能保有原本的巨集功能

所謂的軟件巨集就是依靠驅動程式附帶的程序來實現的,本身是靠電腦跑出來的而不是滑鼠的訊號送出去的。


如何分辨羅技目前是跑在軟件巨集還是硬件巨集可以從這個頁面設定

進來之後兩張圖分別是

GHUB接管中可實現高級宏

GHUB沒有接管只能實現簡單宏

休眠喚醒的延遲
休眠狀態喚醒到被GHUB接管是有延遲的。如果你兩邊的設定不同步,可能會有零點幾秒的時間設置會不一樣。舉個例子來說內建記憶體的DPI設置1000,軟體設置是2000,那你喚醒的時候會有1秒左右滑鼠很慢然後突然加速。(解決辦法同步內建記憶體設定就好。)

高級巨集與簡單巨集差異

羅技我覺得很賊的一點是他是混合的,滑鼠本身硬體只支持簡單宏,但軟體支持高級宏,這會直接導致你設定的高級宏在移動到別台電腦上會失效,比如說滑鼠的左右鍵就是高級宏。

這是一個買巨集滑鼠結果,巨集不包含左右鍵的故事。想實現雙擊都做不成...

高級宏還包含羅技巨集裡的,在按住時重複、切換、序列,這些通通都無法在硬體巨集上實現,也就是說你插到別台電腦上,那台沒裝驅動就按不出來。

文字和表情也是高級宏

對於想自動輸入帳號或密碼的人來說,取代方法很簡單跟剛剛的雙擊一樣,用簡單宏一個一個按實現就好。

以上的高級宏在沒有GHUB的電腦上都會失效。高級宏還有很多就不一一列舉了,無重複裡面,有些按鍵也是高級宏的範疇,要是沒反應就只能認命了。

巨集設定

按下建立巨集之後就4個給你選,個別是什麼意思可以看上面的說明。接下來要說的是操作邏輯,這個是最反人類的地方了,第一次用應該都會很幹。

在新增按鍵紀錄裡面

  • 刪除中間某個按鍵,可以點一下選取之後再按下鍵盤的del即可刪除
  • 從中間插入新的按鍵,不好意思認命從頭來一次(很哭)
  • 在最尾端加入延遲,從那個+裡面按一下可以新增
  • 統一按鍵延遲可以從右上角打勾標準延遲,標準延遲最低25ms(想低於25秒只能自己手動一個一個慢慢點設置)

操作邏輯很爛,被罵成這樣真的是罪有應得。

如何上傳設定檔案到滑鼠

再來說一個最不直覺的直覺的,這個也是導致被罵成這樣的主因。

滑鼠本身是具有記憶體可以儲存設定的,但是上傳的操作邏輯很奇怪,這邊一步一步說怎麼完整的上傳。

先點擊右上角的設定

然後點一下關閉

然後我的滑鼠可以儲存5個設定檔案,選一個點一下,會出現讓你選擇設定檔案

自己選一個點選之後就上傳了
左邊的原點是目前滑鼠是讀取哪個設定檔案

設定完畢之後記得在按一下開啟,不然你使用內建記憶體設定中,GHUB介面會鎖起來什麼都不能操作。

這個跟DPI一樣可以設定循環,藉此利用按鈕來切換不同的設定檔

有需要切換再自己指定按鍵。

好啦這個就是最大的雷了,還有什麼問題可以在底下發問。知道這個邏輯之後,雖然使用上還是很難用,但至少不會那個滿頭問號了。

2021年9月9日 星期四

HTML5 CSS Google的卷軸樣式

CSS Google的卷軸與按鈕樣式

tags: 部落格文章

紀錄一下樣式,我是從google的網頁裡面複製出來的,現在比較主流好看的蠻多長這個樣子的,用這個當基底去調整就好。

參考的是肺炎的感染人數的頁面
https://news.google.com/covid19/map?hl=zh-TW&mid=%2Fm%2F03_3d&gl=TW&ceid=TW%3Azh-Hant

卷軸

/* Scrollbar のデザイン */
 ::-webkit-scrollbar {
    background: transparent;
    height: 16px
}

 ::-webkit-scrollbar-thumb {
    background: rgba(128, 134, 139, 0.2);
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 10px;
    box-sizing: border-box
}

 ::-webkit-scrollbar:hover {
    background: rgba(128, 134, 139, 0.102);
    border-radius: 16px;
    height: 16px
}

 ::-webkit-scrollbar-track:hover {
    background: transparent
}

 ::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 134, 139, 0.4);
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer
}

 ::-webkit-scrollbar-corner {
    background: transparent
}

按鈕

自己修了幾版的樣式,這邊貼我最後選的簡化版本,剩下測試的可以參考這,
https://github.com/hunandy14/CSS_BottomStyle

/* ボタンのデザイン */
input[type="button"] {
    color: #3c4043;
    border: solid 1px #dadce0;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*     height: 1px; */
    /*     min-height: 2rem; */
    min-width: 2rem;
    /*     padding-left: 9px; */
    /*     padding-right: 9px; */
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    font-family: 'Google Sans', sans-serif;
    color: inherit;
    /*     font-size: 0.875rem; */
    background: transparent;
    transition: box-shadow 0.25s ease-in-out;
}

input[type="button"]:active {
    -webkit-box-shadow: 0 1px 4px rgba(189, 193, 198, 1);
    box-shadow: 0 1px 4px rgba(189, 193, 198, 1);
    border: solid 1px rgba(120, 120, 120, 0.6);
    background: rgba(60, 64, 67, 0.039);
}

input[type="button"]:hover {
    background: rgba(60, 64, 67, 0.039);
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type="button"]:disabled,
input[type="button"][disabled] {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    color: #cccccc;
}

外框線

漂亮的外圍框線

.pym81b { 
  padding: 16px; 
  border: 1px solid #dadce0; 
  -webkit-border-radius: 8px; 
  border-radius: 8px; 
  margin-bottom: 32px; 
  background: #ffffff; 
}