/* 
 * style.css ( Jasper, 2023-12-25 )
 *
 */
@charset "UTF-8";
@import url("color.css");

*{ 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;
}

a       { text-decoration:none;  color:#fff;}
a:hover { text-decoration:underline; color:#ff0;}

.font08 { font-size:0.8rem; }
.font09 { font-size:0.9rem; }
.font10 { font-size:1.0rem; }
.font12 { font-size:1.2rem; }
.font15 { font-size:1.5rem; }

.seiwa-header {
  background-color:#59acb8;
  color:#fff;
}
.seiwa-title {
  margin-top:  4px;
  margin-left: 10px;
}

.seiwa-body {
  background-color: #eee;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:2.0rem;
}

.footer-contact {
	background-color: #fff;
	border-top: solid 1px #c7c7c7;	
}

.errorMessage {
  width: 100%;
  margin-top:15px;
  border: solid 1px #f00;
  border-radius: 2px;
  color: #474747;
}
.errorMessage .msg-text {
  padding:10px 0px 10px 15px;
  font-size: 1.2em;
  background-color:#ffe5e5;

  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.my-btn-radius {
  border-radius:20px;
  padding:10px;  
}

.my-btn-gray {
  border-radius:20px;
  background-color:#f2f2c2;
  color: #000;
  padding:10px;
}
.my-btn-2 {
  border-radius:20px;
  background-color:#59acb8;
  color: #fff;
  padding:10px;  
}

.my-radio-checked {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.my-radio-off {
	-webkit-appearance:none;
	appearance:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
}
.my-card {
	border-radius:20px;
	border: 1px solid #dadada;
}	
.my-box-relative {
	position:relative;
	z-index:1;
}
.my-box-img-on {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.my-box-img-off {
	-webkit-appearance:none;
	appearance:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
}
.modalMask { display:none; } 
.mask{
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index: 1005;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}
.modal-wrapper {
  position:absolute;  
  width:  340px;
  height: 320px;
  top:120px;
  left:0;
  right:0;  
  padding:15px;
  margin:auto;
  background:#fff;
  color:#000;
  border-radius:20px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
}
.my-dl-text {
	margin: 0px;
	font-size: 0.9rem;
}
.my-dl-text dt {
    float: left;
    width: 65px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.my-dl-text dd {
    text-align:left;
    margin-left:70px;
}
.select-on {
	border: 2px solid #f00;
}
.select-off {
	border: 1px solid #dadada;
}