@import './reset.css';

body {
  width: 100vw;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
 }

/*文字尺寸*/
p {
 font-size:1em;
}	

h1 {
 font-size:2.5em;
 font-weight:bold; /*粗體*/
}	

h2 {
 font-size:2em;
 font-weight:bold; /*粗體*/
}	

h3 {
 font-size:1.4em;
 font-weight:bold; /*粗體*/
}	

h4 {
 font-size:1.2em;
 font-weight:bold; /*粗體*/
}

h5 {
 font-size:1em;
 font-weight:bold; /*粗體*/
 text-indent: -2em; /*凸排2字*/
 margin-left: 2em
}

 :focus {
  outline: dashed red;
}

 :focus:not(:focus) {
   outline: dashed red;
}
.inde_1{
 text-indent: 1em; /*縮排*/
 }
 
.inde_2{
 text-indent: 2em; /*縮排2字*/

 }
 .text_b{
 font-weight:bold; /*粗體*/
 }

/*表頭*/ 
table th{
  /*padding:10px;*/ 
}

/*內框線*/ 
table td{
  /*padding:10px;*/ 
}

 /*分隔線*/
  hr {
  margin-before: 0.2em;
  margin-after: 0.2em;
  margin-start: auto;
  margin-end: auto;
  border-style: inset;
  border-width: 0.5px;
}

/*導盲磚*/
 .ct_accessibility a{
  /* margin-left:20px;
  vertical-align: -20px; */
  line-height:1.6;
  text-decoration: none;
 }

.top_img {
 flex:1;
 height: 205px;
 width:600px;
 text-align: center;
 }

.top img {
  float: left;
}

/*橫幅圖片 */
.top_flex{
 display:flex;
 width:960px; 
 margin:0 auto;
}

/*右上選單文字 */
.top_text {
  flex:1;
  height: 50px;
  width:360px;
  float: none;
  display: flex; 
  align-items: center;
  justify-content: right;
 }
 
.top_text a{
 text-decoration: none;
}

/*上方選單區域 */
.top_link {
 height: 35px;
 width:960px;
 float: none;
 margin:0 auto;
 display: flex; 
 align-items: center;
 justify-content: center;
 }
 
.top_link p{
 text-align: center;
}
 
.top_link a{
 text-decoration: none;
 font-weight:bold;
 font-size:1.2em;
}

 /*歡迎頁面*/
.welcome {
  height: inherit;
  width:960px;
  margin:0 auto;
  /*flex-wrap:nowrap;*/
  display:flex;
 }
 
 /*內容*/
.data {
  height: inherit;
  width:960px;
  margin:0 auto;
  /*flex-wrap:nowrap;*/
  display:flex;
 }

.data img{
    max-width:100%; /*圖片最大尺寸*/
    height:auto;
}

/*左選單*/
.menu {
 height: inherit;
 border-style:solid;
 border-width:3px; 
 border-radius:10px;
 flex:0.2; /*寬度比例20%*/
 margin: 10px;
 padding-left: 20px;
 padding-bottom: 10px;
 }
 
 .menu a{
 text-decoration: none;
 font-weight:bold;
 font-size:1em;
}

 .menu ul {
 line-height: 2em;
}

 .menu li {
 text-indent: -1.2em;
 margin-left: 1.2em
}

/*內容文字*/
.content {
 height: inherit;
 margin:0 auto;
 padding: 10px;
 /*padding-left: 30px;*/
 /*padding-right: 30px;*/
 line-height:2;
 flex:0.8;  /*寬度比例80%*/
 }

.content img {
 display:block; 
 margin:auto;
 }

.content a{
 text-decoration: none;
 font-weight:bold;
 font-size:1em;
}

/*頁腳*/
 .footer_text {
 width:960px;
 margin: 0 auto;
 padding-top:10px;
 padding-bottom:10px;
 align-items: center;
 justify-content: center;
 }

 .footer_text p{
 text-align: center;
}

.footer_text a{
 text-decoration: none;
}