@charset "UTF-8";
body{background-color: #f8f8f8;}
.page-hd{position: fixed;width: 100%;background: #fff;height: 40px;line-height: 40px;text-align:center;}
.page-title{text-align:center;font-size: 20px;font-weight: 600;}
.page-cnt{min-height:300px;}
.page-cell{position: relative;background-color: #FFFFFF;margin:0 40px;padding-top:20px;text-align:center;}
.form-btn{position: relative;display: block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;color: #0BB20C;line-height: 50px;text-align: center;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.bd-top{border-top:1px solid #DFDFDF;}


.footer{padding-top: 40px;padding-bottom: 10px;text-align: center;clear:both;}
.footer__link{display: inline-block;vertical-align: top;margin: 0 .62em;position: relative;font-size: 14px;color: #586C94;}
.footer__text{color:#999999;text-align: center;}

.ui-header{margin:20px;padding:10px;background-color: #FFFFFF;}
.ui-cell{padding: 10px 15px;position: relative;display: -webkit-box;margin:10px 40px;background-color: #FFFFFF;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;border:1px solid #04BE02}
.ui-input{width: 100%;border: 0;outline: 0;-webkit-appearance: none;background-color: transparent;font-size: inherit;color: inherit;height: 1.41176471em;line-height: 1.41176471;}

.input-del{display: flex;background:url('../images/del.png');width: 30px;height: 22px;cursor:pointer;}

.ui-btn{width:80%;position: relative;display: block;margin-left: auto;margin-right: auto;padding-left: 14px;padding-right: 14px;box-sizing: border-box;cursor:pointer;font-size: 18px;text-align: center;text-decoration: none;color: #FFFFFF;line-height: 2.55555556;border-radius: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);overflow: hidden;background-color: #1AAD19;}
.cell-add{position: relative;display: -webkit-box;margin:10px 40px;background-color: #FFFFFF;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;border:1px solid #04BE02}
.input-add{padding: 10px 15px;margin:0 auto;display: block;width: 100%;height: 100%;color: #1AAD19;text-align: center;}
.cell-btn{margin-top:50px;}
.page-center{text-align:center;padding-top:40px;}

.page-300{width:300px;background: #f1f1f1;}
.txt-left{text-align:left;padding:10px 0;color:#595959;}
.s_l{width:100%;padding:10px;margin:20px 0;text-align:left;border: 1px solid #46b100;background:#fff}

input{font-size: 16px;padding: 3px;border: 1px solid #46b100;}
textarea{font-size: 16px;padding: 3px;border: 1px solid #46b100;width:100%;height:300px;}
.f-2{padding:20px;}
#bt{width:100%; display: block;}
.bt{background: #46b100;color: #fff; font-weight: 600;}
.l{margin:0 auto;display:flex;border: 1px solid #ddd;box-shadow: 0 1px 1px rgba(0,0,0,.04);border-radius: 2px;max-width:400px}
.l_left{float: left;padding:10px;width:120px;height:100px}
.l_right{float: left;padding:10px;flex:1; }
a{color:#000;} 
a:link{color:#000;} 
a:visited{color:#000;} 
h3{font-weight: bold;}
.sh{color: #999;}