﻿@charset "utf-8";
/* CSS Document */

@import url("reset.css");
/* ------------------------------------------------------------- 基本設定 -----------------------------------------------*/

body {
    font-family: "微軟正黑體";
    font-size: 1.0rem;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    border: 0;
    background-image: url(../imageNew/main02_bg.jpg);
    background-repeat: repeat-x;
}

a:visited {color:#555;}
a:hover {color: #F30;}
#wrapper{  
	margin: 0 auto;
    width: 1113px;
}
#header{
    min-height: 125px;
    width: 100%;b1
    overflow: hidden;
}
.header_logo {
    width: 500px;
    height: 85px;
    display: block;
    float: left;
    padding: 0;
    margin: 35px 0px 20px 18px;

}
.header_btns {
    list-style: none;
    float: right;
    margin: 10px 10px 10px 10px; 
    padding: 0px 10px 0 0;
}
.header_btns li {
    display: inline-block;
    margin-left: 5px;
}
.header_btns li a {
    display: inline-block;
    padding: 3px 15px;
    background: linear-gradient(to bottom, #377fdd 0%,#2a9dce 100%); 
    color: #fff;
    border-radius: 8px;
    font-size: 0.9rem;
    text-decoration: none;
}
.header_btns li a:hover {
    background: #2ba89a;
    color: #fff;
}
.menu {
    clear: both;
    border-bottom: 2px solid #2a9dce;
	padding-left: 80px;
    padding-top: 30px;
    font-size: 1.2em;
}
.menu a {
    display: inline-block;
    position: relative;
    top: 2px;
    padding: 8px 18px;
    margin-left: 5px;
    background: #2083b8;
    color: #fff;
    border: 1px solid #2a9dce;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    text-decoration: none;
}
.menu a:hover {
    background: #4120e8;
    color: #fff;
}
.menu a.active {
    background: linear-gradient(to bottom, #bae4fe 0%, #fff 100%);
    color: #0f5e9a;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    cursor: default;
    pointer-events: none;
    z-index: 1;
}
.main{ padding: 20px; border-left: 2px solid #2a9dce;border-right: 2px solid #2a9dce; border-bottom: 2px solid #2a9dce;margin: 0; text-align: center;}
 .tab1{ border-collapse:collapse; margin: 0px auto; width:98%}
 .tab1 th{ border:1px solid #969696; padding:5px; background-color: #B9E6FB;line-height: 21px;}
 .tab1 td{border:1px solid #969696; padding:5px;background-color: #E1F5FF;  line-height: 21px;}
 .content{text-align:left; padding:10px; font-size:0.909em; line-height:24px; color: #333; line-height: 1.5;}
 .footer{text-align:center; line-height: 2.0em; width: 850px; margin: 20px auto;}
 .textRight{text-align:right;}
 .textleft{text-align:left; }
.mt-5{ margin-top: 10px;}
.testCenter{text-align:center;}
.pic-text{margin:25px; font-size: 1.5rem; line-height:24px; color: #cc0a0a; font-weight: bold; display: inline-block;}
.title01{
    font-size: 1.2rem; margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 5px;
}
.title01_icon{
    color: #2a9dce; 
    flex-shrink: 0;
}
#C,
#Z,
#U {
    position: absolute;
    left: -9999px;
}

#C:focus,
#Z:focus,
#U:focus {
    position: static;
    left: auto;
    display: inline-block;
}

.main_content {
    font-size: 0.909em;
    line-height: 1.8;
    color: #333;
}

.main_content h3 {
    margin: 25px 0 12px;
    font-size: 1.136em;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 2em;
    text-indent: -2em;
}

.main_content p {
    margin: 0 0 15px;
    line-height: 1.8;
}

.main_content ol {
    list-style-type: decimal;
    padding-left: 50px;
}

.main_content ul {
    list-style-type: disc;
    margin-bottom: 8px;
    line-height: 1.8;
    padding-left: 50px;
}