.inlineBlockSpacing {
     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    
}

#mtkContainer,
#mtkContainer * { box-sizing: border-box; }

#mtkContainer { background: url(../images/bg-header.jpg) #f3221e top center no-repeat; }

header.header { height: 560px;  }
header.header img { display: none; }
.contentBase { margin: 0 auto 40px auto; padding: 20px; width: 95%; max-width: 1000px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.6); }
h2 { margin-bottom:5px; padding: 10px 0; font:24px/1.4 "arial","微軟正黑體"; color: #fff; text-align: center;  background: #f3221e ; }
h3 { margin-bottom:10px; padding: 10px 0; font:bold 18px/1.4 "arial","微軟正黑體"; color: #000; text-align: center;   }


.contentBase ul li { margin-bottom:10px; font:18px/1.6 "arial","微軟正黑體"; color: #000; text-align: left;  }
.contentBase ul ol { margin-bottom:10px; font:18px/1.6 "arial","微軟正黑體"; color: #535353; text-align: left;  }

.contentBase ul.list{ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ }
.contentBase ul.list li { display: inline-block; width: 33.33333%; letter-spacing: normal; text-align: center; }
.contentBase ul.list li.this { background: #fff200; }
.contentBase a { display: inline-block; padding: 5px 12px; color: #fff; background: #ffa015; border-radius: 99em; transition: .5s; text-shadow: 1px 1px 2px rgba(0,0,0,0.5) }
.contentBase a:hover { transform: translateY(-5px); }
.searchBase { position: fixed; bottom: 60%; left: 0; padding: 10px; width: 100%; max-width: 300px; background: rgba(255,255,255,0.7); border-radius: 0 20px 20px 0;z-index: 10; }
.searchBase p {  font:18px/1.6 "arial","微軟正黑體"; color: #000; text-align: left;  }
.searchBase input { width: 200px; font:18px/1.6 "arial","微軟正黑體"; color: #000; text-align: left; }
.searchBase #startSearch { display: inline-block; transition: .5s;}
.searchBase #startSearch:hover { background: #ddd }



@media only screen and (max-width: 1400px) {
	#mtkContainer { background:  #f3221e ; }
  header.header { height: auto;  }
header.header img { display: block; width: 100%; }
}

@media only screen and (max-width: 800px) {
.searchBase { bottom: 0%; left: 0;}

}