html {
    overflow: -moz-hidden-unscrollable; /*注意！若只打 hidden，chrome 的其它 hidden 會出問題*/
    height: 100%;
}
body{
	font-family: 'Noto Sans TC',微軟正黑體, sans-serif; 
}
body {
	height: 100%;
	width: 100%;
	max-width: 480px;
	/*width: calc(100vw + 18px);*/ /*瀏覽器滾動條的長度大約是 18px*/
	overflow-y: auto;
	overflow-x: hidden;
	margin: auto;
}

	#turn { 
		display:none; 
	}

	@media screen and (orientation:landscape) {
		#turn { 
			display:block;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#container { 
			display:none; 
		}
	}
	@media screen and (orientation:portrait) {
		#turn { 
			display:none; 
		}
		#container { 
			display:block;
		}
	}


body>.ng-scope {
	height: 100%;
}
@media screen and (min-width:480px) { 
	.ng-scope {
		height: 100%;
	}
}
#out_div {
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 5;
  opacity: 0.3;
  position: absolute;
  max-width: 480px;
  overflow: hidden;
  display: none;
}
.container {
  max-width: 480px !important;
}
.sega {
  margin: 30px 0;
  background: #fff;
  border-radius: 20px;
  text-align: center;
}
.user-sega {
  margin: auto;
  line-height: 3em;
  font-size: 28px;
  color: #000;
  font-weight: bold;
}
.sega1a,.s2d2 {
  background: #fff259;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  height: 84px;
}
.curp,.cur1 {
  cursor: pointer;
  z-index: 10;
}
.cur1:not(.border):hover {
  border: 5px solid #C24C46;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease 0s;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.fade-leave-from,
.fade-enter-to {
  opacity: 1;
}
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
  transition-duration: 0.5s;
  transition-property: height, opacity, transform;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  overflow: hidden;
}
.slide-left-enter,
.slide-right-leave-active {
  opacity: 0;
  transform: translate(2em, 0);
}
.slide-left-leave-active,
.slide-right-enter {
  opacity: 0;
  transform: translate(-2em, 0);
}
.zoom-enter-active,
.zoom-leave-active {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: zoom;
}
.zoom-leave-active {
  animation-direction: reverse;
}
@keyframes zoom {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}