/*html{height:100%}*/
body{
    background-color: #1CB2A7;
    /*height: 100%;*/
    padding:10px;
}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#000;}
.clear{clear: both;}
.mui-content{
    padding:10px;
    background-image: url("../images/background.png");
    background-size:100px 57px;
    /*height: 100%;*/
    min-height: 97vh;
    border-radius: 4px;
}
p.r-num{
    overflow: hidden;
}
p.r-num>span{
    float:right;
    color:#1CB2A7;
}
.r-title{
    text-align: center;
    font-size:1.2em;
    margin-top:.6em;
    margin-bottom:.2em;
}
.r-sub-title{
    text-align: center;
    font-size:.8em;
    margin-top:.3em;
    margin-bottom:.5em;
}
.split{
    position:relative;
    height:20px;
    margin-top:.2em;
    margin-bottom:.2em;
}
.split .voal-left,.split .voal-right{
    width:10px;
    height:20px;
    background-size: 10px 20px;
}
.split .voal-left{
    position:absolute;
    top:0;
    left:-10px;
    background-image: url(../images/oval-left.png);
}
.split .voal-right{
    position:absolute;
    top:0;
    right:-10px;
    background-image: url(../images/oval-right.png);
}
.split .dotted{
    margin-left:10px;
    margin-right:10px;
    border-bottom:3px dotted #ccc;
    position:relative;
    top:10px;
}
@media (max-width:319px) {
    .r-title{
        font-size:1.1em;
    }
}
.container{
    padding:.1em .5em .5em .5em;
}

.item-title{
    text-align: center;
    font-size:1em;
    margin-top:.4em;
    margin-bottom:.5em;
}
.container>p{color:#4A4A4A;}
.stamp{
    position:absolute;
    right:0;
    top:49px;
}
.stamp>span{
    display: inline-block;
    width:50px;
    height:50px;
}
#stamp1{
    background-image: url(../images/stamp1.png);
    background-repeat: no-repeat;
    background-size: 50px 44.3px;
}
#stamp2{
    background-image: url(../images/stamp2.png);
    background-repeat: no-repeat;
    background-size: 46px 46px;
}
.pay{padding:1em 1em 0 1em;}
.pay>a{
    margin-top:.8em;background-color: #1CB2A7;border: 1px solid #1CB2A7;padding: 8px 0;
}