/*
 * ================================================
 *
 * 共用UI元件樣式設定
 * 
 * ================================================ 
*/

html, body{
	height: 100%;
	font-family: "微軟正黑體", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 12px;
}
body {
	background: url('') no-repeat center top ;
	background-color: ;
	background-size: ;
	margin: 0 auto;
	-webkit-overflow-scrolling: touch;
}
.row{ 
  margin:0px;
}
ul {
  margin: 0px; 
  padding:0px;
  list-style-type: none;
}

footer {
	margin-bottom: 0px;
}

a {
  font-size: 1.2rem;
  text-decoration: none;
  color:#A3A3A3;
  transition-property: color;
  transition-duration: 300ms;
  transition-timing-function: ease-in;
}
a:hover {
  text-decoration: none;
  color:#2699FB;
  transition-property: color;
  transition-duration: 300ms;
  transition-timing-function: ease-in;
}

/*
 * ================================================
 *
 * UI style
 * 
 * ================================================ 
*/

.align-top-left{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
}
.align-top-right{
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
}
.align-top-center{
    display:flex;
    align-items:flex-start;
    justify-content:center;
}
.align-center-left{
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.align-center-center{
    display:flex;
    align-items:center;
    justify-content:center;
}
.align-center-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
.align-bottom-left{
    display:flex;
    align-items:flex-end;
    justify-content:flex-start;
}
.align-bottom-right{
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}
.align-bottom-center{
    display:flex;
    align-items:flex-end;
    justify-content:center;
}




.transition-bgcolor{
  -webkit-transition: background-color 300ms ease-in;
  -ms-transition: background-color 300ms ease-in;
  transition: background-color 300ms ease-in;
}
.transition-bgimage{
  -webkit-transition: background-image 300ms ease-in;
  -ms-transition: background-image 300ms ease-in;
  transition: background-image 300ms ease-in;
}

h1{
	font-size: 3.2rem;
	font-weight: normal;
	letter-spacing: 1px;
	margin:0px;
	padding:20px 0px;
}
h2{
	font-size: 2.4rem;
	font-weight: normal;
	letter-spacing: 1px;
	margin:0px;
	padding:15px 0px;
}
h3{
	font-size: 2rem;
	font-weight: normal;
	letter-spacing: 1px;
	margin:0px;
	padding:10px 0px;
}
h4{
	font-size:1.4rem;
	font-weight: normal;
	letter-spacing: 1px;
	margin:0px;
	padding:5px 0px;
}