body {
	margin:0;
	background: #0099CC;
	background-image:url('images/WEB_B_RGB.jpg');
	background-size:100% auto;
	font-family: 微軟正黑體;
	//line-height: 30px;
	letter-spacing:3px;
	//text-align:center;
}

body.login {

	display: flex;
	align-items: center;
	justify-content: center;

}


a {
    text-decoration:none;
    color: #3366FF;
}
a:hover {
	COLOR: #FF0000;
	font-weight:bold;
}

.quiz_yn a {
	/*是否已經測驗*/
	COLOR: #FF0000;
	font-weight:bold;
}
.quiz_yn {
	COLOR:#00CC00;
	font-weight:bold;
}

.table-0,.table-1 {
	width:98%;
	margin:20px auto;
}
.table-0 {
	vertical-align:middle;  /*圖片垂直致中*/
	text-align:center;			/*水平置中*/
}

.table-div {
	padding:10px 10px;
	height:18px;
	text-align:left;
}


.table-tr:nth-child(even) {
	background: #B3E7FF;
}

.table-tr:nth-child(odd) {
	background-color: #8EB4D9;
}

.table-tr:hover {
	background-color: #FFB693;
}

.table-1,.table-line {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
	padding:6px 10px;
	//margin:5px;
	border-bottom:1px #999999 dashed;
	//border-right-style:dashed;
	//border-width:1px;
	border-left:1px #808080 dashed;	/*表格虛線*/
}

.table-row {
	display: table-row;
	//margin:5px;
}

.title-top {
	font-size:50px;
	margin:40px auto;
}


.title-top2 {
	font-size:25px;
	//margin:5px auto;
}

.title-top3 {
	font-size:40px;
	//margin:10px auto;
	margin-bottom:25px;
}

.title-top,.title-top3 {
	letter-spacing:20px;
}

.title-bg1 {
	background-color:#006699;
	font-size:20px;
	padding:15px 0;
	text-align:center;
}

.text-end, .title-top,.title-top3,.title-bg1,.win-2 {
	color:#FFFFFF;
	font-weight:bold;
}

.text-1 {
	color:#FFFFFF;
}

.text-end {
	margin:5px 20px;
	font-size:25px;
	letter-spacing:10px;
	margin-top:40px;
}

.table-td {
	padding:10px 10px;
	border: 1px solid #000000;
	width:50%;
	background-color:#8FB5DA;
	white-space:nowrap;
}

.win-0 {
	width:95%;
	margin:10px auto;
}
.win-1 {
	border-left:1px #808080 dashed;	/*表格虛線*/
	border-bottom:1px #999999 dashed;
	display:inline-block;
	//flex:1;
	white-space:pre-wrap;
}
.win-2 {
	margin:10px;
	font-size:20px;
}

.win-text {
	text-align:left;
}

.button-1 {
	width:100px;
	height:30px;
	font-size:16px;
}

.input-1 {
	width:200px;
	height:28px;
}

.divno{display:none;}

.div-0 {
	width:95%;
	max-width:1000px;
	height:auto;
	//height:95vh;
	//min-height:95%;
	margin:5px auto;
	padding:5px;
	//background: #ccc;
	text-align:center;
	//box-shadow:inset 0px 0px 8px 6px #999;
	//border-radius: 15px;	/*圓角*/
}

.div-1 {
	width:99%;
	//height:auto;
	//background-color:green;
	//display:inline-block;
	display:inline-table;
	margin:10px 5px;
	white-space:nowrap;		/*強制不換行*/
	//text-align:center;
	//padding:30px auto;
	
}

.div-next {
	text-align:right;
}

.div-mid {
	/*div內 垂直 水平 置中*/
	display:flex;
	align-items:center;
	justify-content:center;
}

.qu-title {
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

/*平均欄寬*/
.div-1-answer {
	display:flex;
	flex-direction:row;
}

.div-answer {
	flex:1;
}
/*平均欄寬*/


.div-answer,.div-topic,.topic-inter,.topic-video,.topic-video3 {
	display:inline-block;
	margin:6px;
	text-align:center;
}

.video-V {
	width:98%;
}

.topic-inter {
	width:30%;
	//height:100%;
	//background-color:fuchsia;
	vertical-align:top;		/*如果要左右干擾圖像下對齊就取消*/
}

.topic-video {
	width:35%;
	//background-color:yellow;
}

.topic-video2 {
	width:40%;
	//background-color:red;
	margin: 10px auto;
}

.topic-video3 {
	width:32%;
	//background-color:red;
	//margin: 10px auto;
}


.topic-inter-P {
	width:99%;
	//height:400px;
	height:100%;
	//vertical-align:top;
}



.button-answer {
	width:90%;
	border-radius:15px;	/*按鈕圓角*/
	//border-width:5px;
	//border-color:#99FF66;	/*邊界顏色*/
	transition:.15s;
	
}

.button-answer2 {
	width:95%;
	border-radius:15px;	/*按鈕圓角*/
	border-color:red;	/*邊界顏色*/
	border-width:5px;
	border-style:solid;
	transition:.15s;
}


.button-answer:hover {
	transform:scale(1.03);
	box-shadow:3px 3px 6px #464646;
}

.button-answer:active {
	transform:scale(0.97);
	box-shadow:1px 1px 3px #464646;
}



/*首頁按鈕開始*/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	//display: inline;
	vertical-align:middle;
	margin:auto 15px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	//font: 30px/100% 微軟正黑體;
	//padding:50px 100px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .6em; /*圓角*/
	-moz-border-radius: .6em;
	border-radius: .6em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	//word-break:keep-all;	/*不換行*/
	
}

.button-xs, .button-s, .button-m {
	margin:20px 5px 0;	/*外距*/
}

.button-xs {
	padding:10px 20px;	/*內距*/
	font: 17px/100% 微軟正黑體;
	//color:#FFFFFF;
	font-weight:bolder;
}

.button-s {
	padding:10px 20px;
	font: 20px/100% 微軟正黑體;
	letter-spacing:5px;
	font-weight:bolder;
}

.button-m {
	padding:30px 60px;
	font:30px/100% 微軟正黑體;
	font-weight:bolder;
	letter-spacing:5px;
}
.button-L {
	padding:50px 100px;
	font: 30px/100% 微軟正黑體;
}


/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.qulist {
	background-image: linear-gradient(to top, #008b8b, #ffff00);
	height:28px;
	
    display:flex;
    align-items:center;
    //justify-content:center;

	
}

/*首頁按鈕結束*/


.login_table {
	width:auto;
	text-align:center;
	color:#FFFFFF;
}

.login_table tr,table.login td {
	background-color:transparent;
	font-size: inherit;
	border-color:transparent;
	height:30px;
}