@import url("mobile.css");

article.article-campaign {
    position: relative;
    width: 656px;
    float: none;
    margin: 0 auto;
}

.article-campaign .section-campaign-form {    
    height: auto;
    background: url('../images/landing_06.jpg');
        padding-top: 20px;
    overflow:visible;
}

.article-campaign .whenpropose{
    display:none;
}

.article-campaign hgroup > *, .article-campaign footer{
    background-color:#E9E5E2;
}

.article-campaign footer a{    
    display: block;
    position: absolute;
    right: -3px;
    top: 8px;
    /* background-color:rgba(255,255,9,0.6); */    
    width: 158px;
    height: 40px;
}

.section-campaign-form #sk1,
.section-campaign-form #sk2,
.section-campaign-form #sk3{
    position: absolute;
    color:#000;
    
}

.article-campaign input[type='text'], .article-campaign input[type='url'], .article-campaign input[type='tel'], .article-campaign input[type='email'], .article-campaign input[type='password'], .article-campaign input[type='file'], .article-campaign input[type='button'], .article-campaign select, .article-campaign select option{
    color:#000;
}

.section-campaign-form #sk1{
        top: -666px;
    left: 300px;
}
.section-campaign-form #sk2{
        top: -666px;
    right: 243px;
}
.section-campaign-form #sk3{
            top: -191px;
    left: 375px;
}

/* form */

.section-campaign-form ul,
.section-campaign-form ol
{
    /*padding:0 0 0 30px;	*/
}
.section-campaign-form li label,
.section-campaign-form li input,
.section-campaign-form li select
{
    font-size: 12px;
    color:#4E4546;
}
.article-campaign .prefix-word input{
    width: 92%;
}
.article-campaign .prefix-word:before {
    margin-top: 1px;
    width: 8%;
    font-size: 14px;
}
textarea#reason, textarea#story{
    width: 100%;
    height: 63px;
    padding: 1%;
}
.article-campaign input.short[type='text'] {
    width: 27.2%;
}


/* t&c */
.article-campaign .terms-and-conditions {
    text-decoration: underline;
    vertical-align: text-bottom;
}
.article-campaign  aside {
    position: absolute;
    width: 95%;
    /*    z-index: -1;*/
        background-color: rgba(255, 255, 255,.9);
    color: #333;
    padding: 1% 1%;
    margin: 179px 1.5% 0 1.5%;
    border-radius: 8px;
    border: 1px #333 solid;

}
.article-campaign aside > ol {
    padding: 10px 25px;
}
.article-campaign aside div > img {
    float: right;
    cursor:pointer;
}
.article-campaign aside > ol > li {
    padding: 4px 0;
}
.article-campaign aside.visible {
    transition: opacity 1s, z-index .1s;
    -webkit-transition: opacity 1s, z-index .1s;
    opacity: 100;
    z-index:1;
}
.article-campaign aside.hidden {

    transition: opacity 1s, z-index 0s 1s;
    -webkit-transition: opacity 1s, z-index 0s 1s;
    opacity: 0;
    z-index:-1;
}

.list-split2 textarea{
    width:100%;
    height:50px;
}

.list-split2 label{
    font-weight:bold;
}

.article-campaign .submit-button{
    background:url('../images/btn.png');
    width:219px;
    height:46px;
    margin:0 auto;
    display:block;
    float:none;
}

footer{
    overflow:hidden;
    height:83px;
}

.section-campaign-form{
}

.section-campaign-form li.li-username-with-register #username2{
    width:66.5%;
}

footer img{
    width: 100%;
    position: absolute;
    bottom: 7px;
}

.end_text{
    margin:0px auto;
    font-size:26px;
    cursor:default;
    color:#333;
    text-align:center;    
    line-height: 161px;
    background-color:#E9E5E2;
}

li.extra{
    display: none;
}