/*
hide bottom up on campaign?
.section-campaign-form ul li input[type='radio'] + label,
.section-campaign-form ul li input[type='checkbox'] + label
{
   margin-right:7px;
}
*/
.article-campaign {
    float:left;
    width:656px;
}

/*
 * background
 */
.article-campaign article,
.article-campaign hgroup,
.article-campaign section
{
    background-repeat: no-repeat;
    margin: 0 auto;
    position:relative;
    overflow: hidden;
    background-size:100% 100%;
}
.article-campaign hgroup > *,
.article-campaign footer
{
    position:relative;
}
/* form */
.section-campaign-form ul,
.section-campaign-form ol
{
    list-style-type: none;
    color:black;
    /* padding:0 0 0 40px; */
    width:90%;
    margin:0 auto;
}
.section-campaign-form ul:after,
.section-campaign-form ol:after
{
    content:' ';
    clear:both;
    display:block;
}
.section-campaign-form li
{
    float:left;
    height:25px;
}

.section-campaign-form li label {
    color: #7d7677;
}
.section-campaign-form .list-split2 li:nth-of-type(2n+1),
.section-campaign-form .list-split2 li.li-odd
{
    width:37%;
    clear:both;
}
.section-campaign-form .list-split2 li:nth-of-type(2n),
.section-campaign-form .list-split2 li.li-odd + li
{
    width:63%;
    white-space: nowrap;
}
/*.section-campaign-form .list-split2 li:last-of-type {
    margin-top: 20px;
}*/
.section-campaign-form .list-single-line li
{
    width:100%;
}
.section-campaign-form ul.list-split-5 {
    width: 97.5%;
    margin-bottom: 5%;
}
.section-campaign-form ul.list-split-5 li {
    height: auto;
    padding : 0.5%;
}
.section-campaign-form ul.list-split-5 li img {
/*    width:120px;
    height:145px;*/
}
.section-campaign-form li *
{
    vertical-align:middle;
}
.section-campaign-form li.li-colspan{
    white-space: nowrap;
}
.section-campaign-form li.li-colspan,
.section-campaign-form li.li-colspan > div {
    width:100% !important;
}
.section-campaign-form li.li-colspan > div {
    height:100%;
}
.section-campaign-form li.li-dummy {
    width:0;
    display:none;
}
.section-campaign-form li.li-autoheight {
    height:auto;
}
/*
Reset font-size;
*/

.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{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    width:100%;
    padding:1px 2px;
    border-radius: 3px;
    /*border-color: transparent;*/
    border-color:#BEBEBE;
    border-style:solid;
    word-wrap: normal;
    /* word-wrap: normal !important; */
    border-width:1px;
    background:url(about:blank) #FFF;
    height:80%;
    font-size:12px;
    color: #7d7677;    
}

.article-campaign select {
    /* -webkit-appearance: menulist-button; */ 
    line-height:120%; /*safari render improperly on select's height */
    padding:0;
    /*fix height displayed in andriod stock browser incorrectly */
    /*
    font: inherit;
    */
}

.article-campaign input[type='checkbox'],
.article-campaign input[type='radio'] {
    margin-right:3px;
    /*vertical-align: top;*/	
}
.section-campaign-form li input[type='radio'] + label,
.section-campaign-form li input[type='checkbox'] + label
{
   margin-right:7px;
}
.section-campaign-form li #username2[disabled='disabled'] {
    /* border: 1px solid #BEBEBE !important; */
    background-color: transparent;
}

.section-campaign-form li #username2[disabled='disabled'] + a {
    display: none;
}
.section-campaign-form li.li-username-with-register #username2{
    width:76.5%;
    /* IE HACK */
    width:75.5%\9;
}
.section-campaign-form .li-username-with-register a img {
    vertical-align: bottom;
}
.section-campaign-form .clear-float {
    clear:both;
}

.article-campaign .submit-button {
    float:right;
    border:0;
    padding:0;
    margin:0 5% 0 0;
    background-size:100%;
    cursor:pointer;
}

/* ============================= add prefix  ============================*/
.article-campaign .prefix-word input{
    width:96%;
}
.article-campaign li.li-virtual-file.prefix-word input[type='text']{
    width:80%;
}
.article-campaign .prefix-word:before {
    font-size:17px;
    vertical-align: top;
    display: inline-block;
    margin-top: -3px;
    width: 4%;
    content:'1';
    color: #7d7677;   
}
/* upload */
.article-campaign li.li-virtual-file{
    position:relative;
    white-space: nowrap;
}
.article-campaign li.li-virtual-file input[type='text']{
    width:84%;
    margin-right:1%;
    cursor: default;
}
.article-campaign li.li-virtual-file input[type='file'] {
    width:15%;
    height:20px;
    opacity:0;
    filter:alpha(opacity=0);
    position:absolute;
    padding:0;
    margin:0;
    border:0;
}
.article-campaign li.li-virtual-file input[type='button']  {
    width:15%;
    height:20px;
    padding:0;
    background-color: white;
    border: 1px solid #bebebe;
}
/* preview */
.upload-preview {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 99999;
    width: 100%;
    height: 100%;
    text-align:center;
    transition: all 1s ease-out;
    cursor:pointer;
}
.upload-preview img {
    max-width: 800px;
    height:auto;
    max-height:100%;
}
.upload-preview.hidden {
    opacity: 0;
    position: fixed !important;
    top: -2000px;    
}

/* ===========IE absolute link fix============== */
.article-campaign a {
    background-image: url(about:blank);
}

#bottom_up {
    display: none;
}