/** MENU **/
.menuplaceholder {
    height:6.4rem;
    clear:both;
}
.menu {
    position: fixed;
    width:100%;
    z-index: 999999;
    bottom:0;
    left:0;
    right:0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #003065;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eeeeee)) repeat-x scroll 0 0 #ffffff;
    box-shadow:0 1px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}
.menu ul {
    -webkit-box-align:center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.menu li {
    flex-grow: 1;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #485157;
    position: relative;
}
.menu li a {
    display: block;
    padding: 0.7rem 0 0;
}
.menu li i {
    display: block;
    width: 2.2rem;
    height: 1.9rem;
    margin: 0 auto;
    background-position: center center;
    background-repeat:no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.menu li p {
    color: #485157;
    font-size:1.2rem;
    line-height:1;
    margin:0.6rem 0 1rem 0;
}
.menu li span {
    display:block;
    position:absolute;
    top:0.4rem;
    left:58%;
    width:0.6rem;
    height:0.8rem;
    border-radius:50%;
    background: #ff3333;
    color:#fff;
    font-size:0.4rem;
    padding:0.15rem 0.25rem 0.05rem 0.15rem;
}
.menu li .active p {
    color: #ff5722;
}
.menu li .icon-home {
    background-image: url(../images/icon-home.png);
}
.menu li .icon-post {
    background-image: url(../images/icon-post.png);
}
.menu li .icon-category {
    background-image: url(../images/icon-category.png);
}
.menu li .icon-mypage {
    background-image: url(../images/icon-mypage.png);
}


.form {
    margin:1em auto;
    width:90%;
}
.form h3 {
    color:#666;
    font-size:1.6rem;
    line-height:2.4rem;
}
.form h4 {
    color:#999;
    font-size:1.2rem;
    line-height:3rem;
}
.form-item h4 {
    font-weight:normal;
    font-size:1.4rem;
}
.form .form-item {
    background:#fff;
    padding:1rem;
}
.form .form-item input, 
.form .form-item textarea
{
    border:1px solid #eee;
    width:100%;
    height:4rem;
    padding:0.5rem;
}
.form .form-item textarea {
    height:12rem;
}
.form-handle {
    margin:4em auto;
    margin-bottom:0;
    width:80%;
    height:4rem;
}
button {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: none;
}
.form-handle .save {
    width:70%;
    float:left;
    height:4rem;
    font-size:1.8rem;
    background:#3c79bb;
    color:#fff;
}
.form-handle .back {
    width:29%;
    float:right;
    height:4rem;
    font-size:1.8rem;
    background:#57b07e;
    color:#fff;
}


.votehead .form-item {
    position:relative;
    padding-right:8rem;
}
.votehead .edit {
    position:absolute;
    right:2rem;
    top:1rem;
    color:#3c79bb;
    font-size:1.4rem;
}


.querstions {
    margin:0.5rem auto;
    width:90%;
}
.addquerstion {
    text-align:center;
    font-size:1.5rem;
    color:#0099ff;
    font-weight:normal;
    border:1px solid #b1d7f1;
    padding:5px;
    margin:3px;
}


/* Global */

.width100,
.form-handle .width100 {
    width:100%;
}
.center {
    text-align:center;
}
.nopadding {
    padding:0;
}







.viewvote {
    width:90%;
    margin:2rem auto;
}
.viewvote h3 {
    color:#333;
    font-size:1.6rem;
    line-height:3rem;
}
.viewvote h4 {
    color:#888;
    font-size:1.4rem;
    line-height:3rem;
    font-weight:normal;
}
.viewvote .page-question {
    background:#f2f2f2;
    margin-top:1rem;
    padding:1rem 1rem 3rem 0;
    position:relative;
    border-radius:5px;
}
.viewvote .page-question .question strong{
    color:#666;
}
.viewvote .page-question .question span{
    color:#fff;
    font-size:1.2rem;
    line-height:2.2rem;
    height:2.2rem;
    position:absolute;
    top:8px;
    right:8px;
    background:#57b07e;
    border-radius:1rem;
    padding:0 10px;
}
.viewvote .page-question .question {
    padding: 2rem 1.8rem 1.2rem 1.8rem;
    font-size:1.6rem;
}
.viewvote .page-question .answers {
    padding:0 2rem;
}
.viewvote .page-question .answers li {
    background: #fff;
    color: #3d78bc;
    border: 1px solid #ddd;
    margin-top: 0.8rem;
    text-align: center;
    font-size: 1.6rem;
    padding: 0.6rem 0;
    position:relative;
    height:2.8rem;
}
.viewvote .page-question .answers li:hover {
    /*background: #dbeafa;*/
    color:#3c79bb;
}
.viewvote .page-question .answers li  span {
    background: #ddd;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:0;
    z-index:1;
}
.viewvote .page-question .answers li  p {
    position:absolute;
    left:1rem;
    line-height:2.8rem;
    z-index:88;
}
.viewvote .page-question .answers li  i {
    position:absolute;
    right:1rem;
    line-height:2.8rem;
    z-index:88;
}