/* 
 *  StylePhone.css ( Jasper, 2023-01-17 )
 *
 */

@charset "UTF-8";
*{ margin:0px; padding:0px; }

html { 
  overflow:-moz-scrollbars-vertical; 
  overflow-y:scroll; 
  -ms-overflow-style: scrollbar;
}

body {
  background-color: #eee;
  font-family: Microsoft JhengHei, sans-serif, Verdana, Arial, Helvetica;
  line-height: 150%;
  font-size: 16px;
}

.font15 {
  font-size: 1.5em;
  line-height: 1.5em;
}
/* color */
.color-black { color:#000; }
.color-white { color:#fff; }

.color-red  { color: #f00; }
.color-red2 { color: #fa5570; }

.color-blue { color: #00f; }
.color-blue2 { color: #00a; }

.color-green1 { color: #00cc00; }

/* backcolor */
.bg-color0 { background-color: #eeeeee; }
.bg-color1 { background-color: #ffffdd; }
.bg-color2 { background-color: #eeffff; }
.bg-color3 { background-color: #fceaf9; }
.bg-color4 { background-color: #d8fce4; }
.bg-color5 { background-color: #e1e3ef; }
.bg-color6 { background-color: #fdedfd; }
.bg-color7 { background-color: #daface; }

.bg-white  { background-color: #fff; }
.bg-black  { background-color: #000; }


.msg-area {
	margin:10px 10px 50px 10px;
	font-size: 1.5em;
    line-height: 1.5em;
	text-align:center;
}
.msg-area .sm {
	font-size:0.8em;
	line-height: 1.0em;
}

.footer-wrapper {
    background-color:#0171c3;
    color:#fff;
}
.footer-copyright {
  font-size:1.0em;
  text-align:center;
  border-top: solid 1px #ccc;
  background-color:#fff;
  color:#000;
}