@charset "UTF-8";
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&display=swap');
  /* CSS Document */
*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 		box-sizing:border-box;
     image-rendering:-moz-crisp-edges;         /* Firefox        */
     image-rendering:-o-crisp-edges;           /* Opera          */
     image-rendering:-webkit-optimiz-contrast; /* Safari         */
     image-rendering:optimize-contrst;         /* CSS3 Proposed  */
     -ms-interpolation-mode:neares-neighbor;   /* IE8+           */
}
body {
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	text-size-adjust:none;
} 
html{ width:100%; height:100%; 
      font-size:15px; }

ul{ margin: 0; padding: 0;
	list-style: none;}

img{max-width: 100%;
	height: auto;}

*,*::before,*::after{box-sizing: border-box}

/* == 桌機版優先 ============================================================================= */
/*nav*/
nav{padding: 1% 0;
	display: flex;
	justify-content: center;
	background-color:rgba(255,255,255,0.80);
	z-index:1;
	width:100%;
	position:fixed;
}
nav ul{display:flex;justify-content: space-between;
	text-decoration: none;
	max-width:900px;
	margin:0 auto;
	padding:0;
}
nav li {position: relative;
	transition:0.5s;
	padding:0 5%;
}

nav li:hover {
	transform:scale(0.95,0.95);
transform:scale(0.95,0.95);
}

/*置頂按鈕*/
.gotop{ 
	background: #34344a;
	font-size: 24px; 
	width: 50px; height: 50px; 
	display: flex;
	justify-content: center; 
	align-items: center; 
	border-radius: 50px;
	position: fixed;
	bottom: 3%; right: 1%; z-index: 999;}
.gotop a{ text-decoration: none; color: #fff; }
/*------------桌機板------------*/
.headeroutside{width:100%;
	background-image: url("../images/bg-h.png");
	background-color: #F6F0EA;
	background-attachment: fixed;
	background-size: cover;}
/*桌機刊頭*/
#header{
	width:100%;
	margin:0 auto;}
/*手機刊頭*/
#header-m{
	width:0;
	height:0;
	overflow:hidden;}
/*內容滿版背景*/
.contentoutside{
		width:100%;
	background-color: #EEEEFF;
}
.contentoutside2{
		width:100%;
	background-color: #FFEFC2;
}
.contentoutside3{	width:100%;
 
	background-color: #EEEFFF;

}

/*桌機內容*/
.content{
	max-width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;}

/*圖片切換*/
.pic{
	margin:0 auto;
	max-width: 1000px;
	padding:0;
	text-align:center;}
	
.pic-m{
	width:0;
	height:0;
	overflow:hidden;}

/* == 表格 == */
.table{	
    margin:0 auto;
	padding:1% 1%; 
	width:100%; word-break:break-all; 
	
	}
.table .box{ 
    margin:0 auto;
	width:1500px; 
	text-align:center;
	}
.table .box h2{ font-size:3em;}
.table .box table{ 
    margin:1%; 
	width:100%; 
	border:none; 
	border-collapse:collapse; /*表格欄位邊框合併*/
	font-size:2em;
	}
.add0 { color: #fff; 
    font-weight:bold;}
.add { color: #EE8477; 
    font-weight:bold;}

.add2 { color: #3366FF; 
    font-weight:bold;}
.add3 {font-size:0.6em; font-weight: normal;}
.add4{background-color:#3366FF;color:#fff;}
.table .box td.En{background-color:#3d62a6;color:#fff; font-weight:bold;font-size:1.3em;}

.table .box td.EN-US{ background-color:#EE8477;color:#fff; font-weight:bold;}
.table .box td.EN-US:hover {background-color:#FFAAA4;}

.table .box td.EN-US2{ background-color:#6971FF;color:#fff; font-weight:bold;}
.table .box td.EN-US2:hover {background-color:#9798F5;}


.table .box tr{ border-bottom:1px dashed #fff;} /*表格列設定*/
.table .box tr.A{ background-color:#7d1b1e;color:#fff; font-weight:bold;}
.table .box tr.A:hover {background-color:rgba(247,100,15,0.69);}

.table .box tr.B{ background-color:#FFF;}
.table .box tr.B:hover{ background-color:#FFFF99;}

.table .box tr.C{ background-color:#FFF;}
.table .box tr.C:hover{ background-color:#F9ECD4;}

.table .box td.D{ background-color:#FFF;color:#7d1b1e; font-weight:bold;}
.table .box td.D:hover{color:#FFF;background-color:#FF9966;}

.table .box td.E{ background-color:#FFF;color:#3091F8; font-weight:bold;}
.table .box td.E:hover{color:#FFF;background-color:#7CC7F7;}
.table .box tr.F{ background-color:#FFFF;}
.table .box tr.F:hover{ background-color:#E3F6F9;}


.table .box td.G{ background-color:#FFFFCC;color:#64B13F; font-weight:bold;}
.table .box td.G:hover{color:#FFFFCC;background-color:#90D069;}
.table .box tr.H{ background-color:#FFFFFF;}
.table .box tr.H:hover{ background-color:#E2F4CD;}



.table .box tr:first-child{ border-top:1px dashed #ccc;}
.table .box td{ border-right:1px solid #999; padding:1% 2%; }/*表格資料設定*/
.table .box td:first-child {border-left:1px solid #999;} 

.bnn2{ width:980px; margin:0 auto; padding:1%;}
.bnn2 ul{list-style:none; text-align:center;}
.bnn2 li{ width:40%; margin:1%;padding:1%; font-size:30px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#9798F5;border-radius:30px;}
.bnn2 li a{display:block;color:#FFFFFF;text-decoration:none;}  
.bnn2 a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}
@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}

/*連結*/
.car5{
	width:100%;
    padding:2% 2%;
	margin:0 auto;}
.car5 li{
	background-color:#f15a24;
	width:45%;
	height:45px;
	line-height:45px;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin:1%;
	border-radius:20px;
	transition:0.5s;}
.car5 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car5 li:hover{
	background-color:#ff9a2c;
	transform:scale(0.95,0.95);}   

/*------------手機板---------------*/
@media screen and (max-width:767px){
	
/*nav*/
nav{padding: 1% 0; display: flex;justify-content: center;rgba(13,122,140,0.8)
	z-index:1;
	width:100%;
	position:fixed;
	text-align: center;
}
nav ul{display:flex;justify-content: space-between;
	width: 98%;
	padding:0 ;
	margin: 2% 1%;
}	
	

nav li {position: relative;
	transition:0.5s;
	padding: 1%;
}

nav li:hover {
	transform:scale(0.95,0.95);
}
/*桌機刊頭*/
.header{
	width:0;
	height:0;
	overflow:hidden;}
	
	
/*手機刊頭*/
.header-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}


/*圖片切換*/
.pic{
	width:0;
	height:0;
	overflow:hidden;}
.pic-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}

.table{	
    margin:0 auto;
	padding:1% 1%; 
	width:100%;
	
	}	
.table .box{ 
    margin:0 auto;word-wrap:break-word;
	width:100%;; 
	text-align:center;padding:1% 1%; 
	}
.table .box table{ 
    margin:1%; 
	width:100%; 
	border:none; 
	border-collapse:collapse; /*表格欄位邊框合併*/
	font-size:1.4em;
	}	
	
.bnn2{ width:100%; margin:0 auto; padding:1%;}
.bnn2 ul{list-style:none; text-align:center}
.bnn2 li{ width:65%; margin:1%;padding:1%; font-size:18px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#9798F5;border-radius:15px;}
.bnn2 li a{display:block;color:#FFFFFF;text-decoration:none;}	
	
	
/*置頂按鈕*/
.gotop{display: none;}	
	

}