@font-face {
    font-family: 'SweiSansCJKsc-Medium';
    src: url('../fonts/SweiSansCJKsc-Medium.woff2') format('woff2'),
         url('../fonts/SweiSansCJKsc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SweiSansCJKsc-Regular';
    src: url('../fonts/SweiSansCJKsc-Regular.woff2') format('woff2'),
         url('../fonts/SweiSansCJKsc-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SweiSansCJKsc-Thin';
    src: url('../fonts/SweiSansCJKsc-Thin.woff2') format('woff2'),
         url('../fonts/SweiSansCJKsc-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.woff2') format('woff2'),
         url('../fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT';
    src: url('../fonts/FuturaPT-Light.woff2') format('woff2'),
         url('../fonts/FuturaPT-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaPT-Medium';
    src: url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
         url('../fonts/FuturaPT-MediumObl.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaBT';
    src: url('../fonts/futurabt-light-webfont.woff2') format('woff2'),
         url('../fonts/futurabt-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body {
	font-family: FuturaBT, Calibri, "sans-serif";
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	color: #000901;
	text-decoration: none;
}


.bodyCN{
	font-family: "SweiSansCJKsc-Regular", FuturaPT, Calibri, "sans-serif";
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	color: #000901;
	text-decoration: none;
}

a {
	font-family: FuturaPT, Calibri, "sans-serif";; 
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	color: #3F5B8D;
	text-decoration: none;
}
a:hover {
	color: #800000;
}
a:active {    
	color: #800000;
}


.trList:hover {
    background-color: #A6D1E6;
}
.trList:hover td {
    background-color: inherit; /* Keeps the same color from the parent <tr> */
}

.formSubmit{
	font-family: "FuturaPT-Medium", Calibri, "sans-serif";
	font-size: 16px;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	height: 35px;
	width: 150px;
	margin: 0px;
	border-radius: 2px;
	border: thin;
	border-style: none;
	padding: 3px;
	background-color:#083C5D;
	text-align: center;
}

.formSubmit:hover{
	color: #FFF;
	background-color:#328CC1;
}
.formCancel{
	font-family: "FuturaPT-Medium", Calibri, "sans-serif";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	height: 35px;
	width: 150px;
	margin: 0px;
	border-radius: 2px;
	border: thin;
	border-style: none;
	padding: 3px;
	background-color:#861D1D;
	text-align: center;
}

.formCancel:hover{
	color: #FFF;
	background-color:#F00;
}

.formTitle{
    font-family: FuturaBT, Calibri, "sans-serif";
	font-size: 14px;
	text-align: right;
	padding: 5px 5px;
	font-weight: 600;
	width: 200px;
	height: 32px;
	letter-spacing: 1px;
	vertical-align: top;
}
.formTitleCN{
    font-family: "SweiSansCJKsc-Regular", FuturaPT, Calibri, "sans-serif";
	font-size: 14px;
	text-align: right;
	padding: 5px 5px;
	font-weight: 600;
	width: 200px;
	height: 32px;
	letter-spacing: 1px;
	vertical-align: top;
}

.formInputText{
    font-family: FuturaBT, Calibri, "sans-serif";
	font-size: 14px;
	text-align: left;
	padding: 5px 5px;
	border: #0E0E0E solid thin;
	border-radius: 2px;
	transition: border 0.3s ease-in-out;
	width: 99%;
}

.formInputText:focus,
.formInputText:active {
    border: 2px solid #328CC1; /* Change to your preferred color */
    outline: none; /* Removes default focus outline */
}

.listTitle {
    font-size: 14px;
    text-align: left;
    padding: 0px 5px;
    font-weight: 600;
    width: 100%; 
    height: 26px;
    letter-spacing: 1px;
}
.listInputText{
	font-size: 14px;
	text-align: left;
	padding: 5px 5px;
	border-style: none;
	transition: border 0.3s ease-in-out;
	width: 99%;
	background-color: transparent;
}

.listInputText:focus,
.listInputText:active {
    outline: none; /* Removes default focus outline */
	border-bottom: 1px solid #A6D1E6;
}
.listData{
	font-size: 14px;
	text-align: left;
	padding: 0px 5px;
	font-weight: 600;
	width: 100%;
	height: 26px;
	letter-spacing: 1px;
}
.listButton{
	color: #000;
    font-family: 'FuturaPT-Medium','Calibri',sans-serif; /* Modern sans-serif font */
	font-size: 14px;
	height: 100%;
	width: 100%;
	margin: 0px;
	border-style: none;
	padding: 3px;
	background-color: transparent;
	text-align: left;
}

.page-title {
  font-family: "SweiSansCJKsc-Regular", FuturaPT, Calibri, "sans-serif";
  font-size: 36px; /* Large font size */
  font-weight: 600; /* Bold weight */
  color: #2c3e50; /* Dark blue-gray for elegance */
  margin: 10px 10px; /* Add space above and below */
  padding: 10px 10px; /* Space for the underline */
  text-align: center;	
}

.page-subtitle {
  font-family: "SweiSansCJKsc-Regular", FuturaPT, Calibri, "sans-serif";
  font-size: 14px; /* Large font size */
  font-weight: 500; /* Bold weight */
  color: #2c3e50; /* Dark blue-gray for elegance */
  text-align: center; /* Center align the title */
  margin: 10px 0px 2px 0; /* Add space above and below */
  padding-bottom: 1px; /* Space for the underline */
  justify-content: center;
  align-items: center;
  text-align: center;	
}

.page-desc {
  font-family: "SweiSansCJKsc-Thin", FuturaPT, Calibri, "sans-serif"; 
  font-size: 14px; /* Large font size */
  font-weight: 600; /* Bold weight */
  line-height: 1.3;
  color: #2c3e50; /* Dark blue-gray for elegance */
  text-align: center; /* Center align the title */
  margin: 2px 0; /* Add space above and below */
  padding-bottom: 1px; /* Space for the underline */
  word-wrap: break-word; /* 确保长文本换行 */
  overflow-wrap: anywhere; /* 更智能的断词 */	
}

.page-desc img {
    max-width: 100%; /* Ensures it scales within container */
    height: auto; /* Keeps aspect ratio */
}

table.td14Border {
  width: 80%; /* Full width */
  border-collapse: separate; /* Required for border-radius to work */
  border-spacing: 2px; /* Remove default spacing between cells */
  border: 0px solid #2C3E50; /* Table border color */
  border-radius: 5px; /* Rounded corners for the table */
  overflow: hidden; /* Ensures the border-radius clips the content */
}

/* Style for table headers and cells */
table.td14Border th,
table.td14Border td {
  font-family: FuturaPT, Calibri, "sans-serif";
  font-size: 14px; /* Font size */
  font-weight: 600; /* Medium weight */
  color: #2c3e50; /* Text color */
  letter-spacing: 2px; /* Spacing between letters */
  padding: 20px; /* Padding for each cell */
  border: 1px solid #2C3E50; /* Cell border color */
}

/* Optional: Add a hover effect to table rows */
table.td14Border tr:hover {
  background-color: rgba(44, 62, 80, 0.1); /* Light pink background on hover */
}

/* Optional: Style the table header differently */
table.td14Border th {
  background-color: #2C3E50; /* Header background color */
  color: white; /* Header text color */
  font-weight: 600; /* Bold weight for headers */
}


.content-wrapper {
    max-width: 1200px; /* 控制内容区域最大宽度 */
    margin: 0 auto; /* 居中 */
    padding: 0 20px; /* 避免贴边 */
}





/* Tablet - Portrait Mode */
@media only screen and (max-width: 768px) and (orientation: portrait) {
    .formTitle {
      width: 150px;
      height: 40px;
    }
	.page-title{
		font-size: 26px !important;
	}
	.page-subtitle {
		font-size: 16px !important;
	}
	.page-desc{
		font-size: 12px !important;
	} 

	.topBar {
		height: 60px;
	}	
  	.topLeft {
    	max-width: 40px; /* Example for portrait */
  	}	
	.menuTop a {
        font-size: 16px !important; /* Adjust for mobile */
    }
	.menuTop {
		width: 50px;
	}
}

/* Mobile - Portrait Mode */
@media only screen and (min-width: 769px) and (max-width: 1000px) and (orientation: portrait) {
	a { font-size: 24px !important; }
	.formTitle {
      width: 150px;
      height: 40px;
    }
	.page-title{
		padding-top: 30px;
		font-size: 16px !important;
	}
	.page-subtitle {
		font-size: 12px !important;
	}
	.page-desc{
		font-size: 10px !important;
	}
	table.td14Border td {
	  font-size: 24px !important; /* Font size */
		
	}	


	.topBar {
		height: 60px;
	}	
  	.topLeft {
    	max-width: 40px; /* Example for portrait */
  	}
    .menuTop a {
        font-size: 26px !important; /* Adjust for tablet */
    }
}