@charset "utf-8";

footer {font-style:italic;
	font-size:15px;}
body {
    width: 100%;
    height: 100%;
    background-image: url(images/bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: padding-box;


 	text-align:justify;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   	line-height: 1.6;
    	
   	color: rgb(111, 3, 252);
	padding: 38px;}


table { width:1200px;
	border-collapse: collapse; 
	margin: 10px 0; } 

th { 	background-color: #8dd9a1;
	color: purple;
	text-align:center; 
	border: 1px solid;#343b99}

td {	border: 1px solid #343b99; 
	padding: 8px; 
	text-align: left;
	color:navy } 

h1{	font-size: 50px;
	font-family:impact;
	color:purple;
	text-align: center;}


p{	color:blue;
	font-size:20px;
	font-family:sans-serif;
	text-align:left;
	style class="shaonv-text";}

@font-face {
    font-family: 'GirlFont';
    src: url('path/to/font.woff2') format('woff2'),
         url('path/to/font.ttf') format('truetype');}
.shaonv-text {
    font-family: 'GirlFont', cursive;
    color: red; }

button {width: 110px; height: 50px; 
	font-size: 16px;
    background-color: #5097a4;
    color: white;
    border: 1;
    border-radius: 10px;
    cursor: pointer;    }

button:hover {
    background-color:pink;
	color:blue;}


a{	align-content: center;}

/* 全域樣式 */
* { margin: 0;
    padding: 0;
    box-sizing: border-box;}

style {

/* 頁首與導覽 */

nav {
    background-color: #34495e;
    padding: 0.5rem;
    text-align: center;}

nav a {
    color: #fff;
    text-decoration: none;
    margin: 0 15px;
    padding: 5px 10px;
    transition: background 0.3s;}

nav a:hover {
    background-color: #e67e22;
    border-radius: 5px;}

/* 主內容區 */
.container {
    width: 80%;
    margin: auto;
    overflow: hidden;
    padding: 20px 0;}

/* 卡片樣式 */
.card {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);}


table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;}

th, td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;}

th {background-color: #e67e22;
    color: white;}
td {width="100%";
	background-color:lightblue;}


form {background: #fff;
    padding: 20px;
    border-radius: 8px;}

input, select, textarea {
    width: 100%;
    padding: 8px;
    margin: 5px 0 15px;
    border: 1px solid #ccc;
    border-radius: 50px;}

.site-footer {
    background-color: #333;
    color: white;
    text-align: left;
    padding: 20px 0;
  font-style: italic;   }