.sugarfunbox-hide{
    top:-99999px !important;
    left:-99999px !important;
    max-width:99999px;
    max-height:99999px;
    visibility:hidden !important;
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none
}
.sugarfunbox-overlay{
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    z-index:997;
    display:block;
    position:fixed;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity:.75;
    -moz-transition:opacity .3s;
    -o-transition:opacity .3s;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}
.sugarfunbox-overlay.sugarfunbox-overlay-cursor{
    cursor:not-allowed
}
.sugarfunbox{
    top:0;
    left:50%;
    margin-left:-50%;
    position:absolute;
    z-index:998;
    outline:none;
    overflow:hidden;
    *zoom:1;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -moz-transform:translateZ(999px);
    -webkit-transform:translateZ(999px);
    transform:translateZ(999px);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.sugarfunbox-mobiles{
    top:0;
    left:0;
    margin-left:0;
    width:100%;
    display:block;
    position:relative;
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none
}
.sugarfunbox-mobiles .sugarfunbox-hd{
    bottom:-25px;
    left:0;
    text-align:center;
    width:100%;
    position:absolute;
    z-index:2
}
.sugarfunbox-mobiles .sugarfunbox-hd .sugarfunbox-close{
    width:50px;
    height:50px;
    background:#000;
    position:relative;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    *zoom:1
}
.sugarfunbox-mobiles .sugarfunbox-hd .sugarfunbox-close>*{
    top:-10px;
    position:relative
}
.sugarfunbox-hd{
    text-align:right;
    position:relative;
    z-index:2
}
.sugarfunbox-bd{
    width:100%;
    height:100%;
    position:relative;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    z-index:1;
    overflow:hidden;
    *zoom:1;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.sugarfunbox-bd>*{
    top:0 !important;
    left:0 !important;
    display:block !important;
    position:relative !important;
    visibility:visible !important
}
.sugarfunbox-iframe{
    top:0;
    left:0;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    display:block;
    background:transparent;
    overflow:scroll;
    -webkit-overflow-scrolling:touch
}
.sugarfunbox-close{
    color:#FFF;
    text-decoration:none;
    background:transparent;
    border:0;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none
}
.sugarfunbox-close.is-hide{
    display:none
}
.sugarfunbox-loading{
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    font:12px/1.6em "微軟正黑體" , "Century Gothic" , sans-serif , serif;
    width:100%;
    height:100%;
    text-align:center;
    position:fixed !important;
    z-index:999
}
.sugarfunbox-loading-bd{
    width:100%;
    height:100%;
    position:relative
}
.sugarfunbox-loading-bd>span{
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    padding:3px;
    width:70px;
    height:15px;
    background:#FFF;
    position:absolute;
    z-index:2;
    overflow:hidden;
    *zoom:1;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    -moz-box-shadow:rgba(0,0,0,0.5) 0 0 5px;
    -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 5px;
    box-shadow:rgba(0,0,0,0.5) 0 0 5px
}
.sugarfunbox-loading-bd>span.sugarfunbox-loading-bd-img{
    padding:0;
    width:100%;
    height:80px;
    display:block;
    background:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    -moz-box-shadow:transparent 0 0 0;
    -webkit-box-shadow:transparent 0 0 0;
    box-shadow:transparent 0 0 0
}
.sugarfunbox-icon-loading{
    margin:0 3px;
    width:15px;
    height:15px;
    background:#999;
    overflow:hidden;
    display:block;
    float:left;
    -webkit-animation:loading 1.4s infinite ease-in-out;
    -moz-animation:loading 1.4s infinite ease-in-out;
    -o-animation:loading 1.4s infinite ease-in-out;
    -ms-animation:loading 1.4s infinite ease-in-out;
    animation:loading 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.sugarfunbox-icon-loading:first-child{
    -webkit-animation-delay:-.32s;
    -moz-animation-delay:-.32s;
    -o-animation-delay:-.32s;
    -ms-animation-delay:-.32s;
    animation-delay:-0.32s
}
.sugarfunbox-icon-loading:nth-child(2){
    -webkit-animation-delay:-.16s;
    -moz-animation-delay:-.16s;
    -o-animation-delay:-.16s;
    -ms-animation-delay:-.16s;
    animation-delay:-0.16s
}
@-moz-keyframes loading{
    0% , 80% , 100%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -o-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes loading{
    0% , 80% , 100%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -o-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes loading{
    0% , 80% , 100%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -o-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}