@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic");
@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");

html { -webkit-text-size-adjust: 100%; /*解決IOS 翻轉螢幕字型會變大變小的問題  */ }
body { font-size:1em; font-family: "Lato","Noto Sans TC", sans-serif; background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);}
nav, div, ul, li, input { box-sizing:border-box;}
input { padding:5px; margin:5px 0; color:#000; background:#fff; border:solid; outline:none;border-width:1px;}
.title { width:100%; height:40px; background:#0068b7; color:#fff; font-size:1.5em; display:flex; justify-content:center; align-items:center;}

.btn-bg { margin:30px 0;}
.btn_search { margin:30px 0;}
.btn a { width:180px; margin:0 auto; display:flex; justify-content:center; align-items:center; padding:10px 0; font-size:1.25em; color:#f7893a; background:#fff;  border:3px solid #fdb67e; text-decoration:none;}
.btn a:hover { color:#fff; background:#fdb67e; transition:.5s;}
.btn a i { font-size:1em; margin-left:8px; color:#fdb67e; transition:.5s;}
.btn a:hover i { color:#fff; transition:.5s;}

h1 { font-size:1.25em; color:#ff6e00; margin-top:25px;}
h2 { font-size:1.25em; color:#575757; padding-bottom:24px; border-bottom:1px solid #dddddd;}
h2 span { color:#ff6e00;}
h4 { font-size:1em; color:#000; line-height:1.25em; font-weight:bold;}
p { font-size:1em; line-height:1.25em; color:#575757; }
p span { color:#ff6e00;}
th { font-size:1em;white-space:nowrap;}
td { font-size:0.8em;white-space:nowrap;}

.navbar-brand {
	padding:15px 0 ;
}