@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}

body {
	background:url(pic/BG.png) repeat center;
	background-size:auto;
	/*background: #99CCFF; /* Old browsers */
	margin:auto;
}

::selection {
	background: #F09;
	color: #fff;
}

/* 嵌入字型設定 */
@font-face {
    font-family: "ComicFont";
	src:url(../comic.ttf);
}
@font-face {	
	font-family: "SHOWG";
	src:url(../SHOWG.ttf);
}
@font-face {
	font-family: "comicbd";
	src:url(../comicbd.ttf);
}
@font-face {
	font-family: "Kavoon";
	src:url(../Kavoon-Regular.ttf);
}


/* 引用嵌入字型 */
.embFont01 {
    font-family: "ComicFont";
}
.embFont02 {
    font-family: "SHOWG";
}
.embFont03 {
    font-family: "comicbd";
}
.embFont04 {
    font-family: "Kavoon";
}

.keydown2{
	background-color:rgba(255,255,0,0.3);
	
}

.trbg
{
background: #ce2127; /* Old browsers */
background: -moz-linear-gradient(top,  #ce2127 0%, #bc2022 44%, #910103 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ce2127 0%,#bc2022 44%,#910103 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ce2127 0%,#bc2022 44%,#910103 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce2127', endColorstr='#910103',GradientType=0 ); /* IE6-9 */
}

table,td_bottom
{
	/*border:#333 thick solid;*/
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#div_From
{
	
	width:100%;
	max-width:1024px;
	/*background:url(../Image/bg1.png) no-repeat;*/
	background-size:cover;
	/*background:#CE2127;*/
	/*background:rgba(255,255,255,0.8);*/
	border:#F69 solid 0px;
	text-align:center;
	margin: 0px auto;
	
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#divSelect
{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	word-wrap:break-word;
	flex-wrap:wrap;
}

#divScore
{
	width:80%;
	margin:0 auto;
	background-color:rgba(255,255,255,1);
	border-radius:30px;
	text-align:center;
	padding:15px;
	margin-top:10%;
	display:none;/**/
}

#AnserBord
{
	animation-delay:1s;
	-webkit-animation-delay:1s;
}

.PowerPic
{
	margin-right:3px;
	display:inline-table;
	width:auto;
	opacity:0;
	/*visibility:hidden;*/
}

#tbTime
{
	box-shadow:1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;
}

select
{
	appearance:none; 
	-moz-appearance:none; 
	-webkit-appearance:none;
}

#divInfo
{
	-webkit-box-sizing:content-box;
     -moz-box-sizing: content-box;
          box-sizing:content-box;
}