/* Cms.css */
body { font-family: Arial; font-size: 12px; margin: 38px auto; border: 0 !impotant; width: 100% !important; min-width: 1000px; overflow: auto; }
a, div, p { font-family: Arial !important; font-size: 12px !important; }
form, ul, p, label, span, h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-family: Arial; }
a { text-decoration: none; }
img { vertical-align: middle; border: 0px; color: #ffffff; }
ul li { list-style: none; }
.fl { float: left; }
.fr { float: right; }
.clearfix { display: block !important; width: 100% !important; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfixlist { width: 100% !important; }
.clearfixlist:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear { clear: both !important; height: 1px !important; overflow: hidden !important; }
.clear_both { clear: both; }
.hidden { display: none; }
.invisibled { visibility: hidden; }
.show { display: block; }
.font-bold { font-weight: bold; }


::-webkit-input-placeholder { color: #fff !important; opacity: 0.5 !important; }
:-moz-placeholder { /* Firefox 18- */ color: #fff !important; }
::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; }
:-ms-input-placeholder { color: #fff !important; }

html { background: url(/statics/css/images/login_bg.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


#cms_bm_form_login { width: 770px; height: 440px; margin: 0 auto; background: transparent; border: 0; display:none; }
#TopInfo { display: inline-block; width: 100%; position: relative; height: 140px; }
#LogoAndSologan { width: 320px; float: left; }
#LogoAndSologan img { /*float: left; margin-right: 5px;*/display:block;margin:0 auto !important; }
#LogoAndSologan span { color: #FFFFFF; display: inline-block; font-size: 13px !important; font-weight: bold; padding-top: 22px; }
#SologanDesc { color: #7D7D7D; display: inline-block; float: right; font-size: 20px !important; width: 350px; position: relative; }
#LoginForm { color: #fff; width: 320px;margin-top:20px; }
#LoginFormTitle { font-size: 22px !important; margin-bottom: 10px; }
#LoginFormTitle span { font-weight: normal; font-size: 17px !important; }
#LoginForm input[type=text], #LoginForm input[type=password] { background: url("/statics/css/images/LoginFieldBg.png") repeat-x scroll 0 0 transparent; border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; height: 35px; margin-bottom: 5px; padding: 0; text-indent: 10px; width: 320px; outline: none !important; }
input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=checkbox].css-checkbox + label.css-label { padding-left: 20px; height: 12px; display: inline-block; line-height: 12px; background-repeat: no-repeat; background-position: 0 0; font-size: 12px !important; vertical-align: middle; cursor: pointer; }
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -12px; }
.css-label { background-image: url(/statics/css/images/IMSLoginCheckbox.png); }
input[type=submit] { background: url("/statics/css/images/LoginFieldBg.png") repeat-x scroll 0 0 transparent; border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer; float: right; font-family: arial; font-weight: bold; height: 24px; margin-bottom: 5px; padding: 0 5px; font-size: 11px !important; }
#LoginForm a { color: #66CCFF; font-size: 11px !important; opacity: 0.6; }
#LoginForm a:hover { opacity: 1; }
input:-webkit-autofill { background: transparent !important; }
input:-webkit-autofill { color: #fff !important; }
#LoadingWrapper { left: 95px; position: absolute; top: 75px; display: none; }
#LoginForm input[type="text"]:focus, #LoginForm input[type="password"]:focus { box-shadow: 0 0 8px #5394BD; }
input.w_small { width:100px!important;}


.box_loading {position: fixed;top: 0;width: 200px;height:21px;background: #fff;color: #fc7304;text-align: center;padding: 5px;display: block;z-index: 9999999;border-radius: 3px; border:solid 1px #fc7304;}
.box_loading img { vertical-align:middle;}


#IMSLoadingWrapper {
    /*background: url(../images/IMSLoadingBg.png) repeat;*/
    background: transparent;
     display: inline-block;    
    left: 0;
    position: fixed;
    top: 0;    
    z-index: 999;
    cursor: wait;
}
#IMSLoadingContent {
    height: 30px;
    width: 240px;background: #fff;
    text-align: center;
    padding: 5px;
    padding-left: 20px;
    border-radius: 30px;
    border: solid 1px #ddd;
}
#IMSLoading{
    width:240px;
    background: transparent;
}

.IMSLoading{
color:#000000;
font-family:Arial;
font-size:25px;
text-decoration:none;
font-weight:normal;
font-style:normal;
float:left;
-moz-animation-name:bounce_IMSLoading;
-moz-animation-duration:1.61s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.5);
-webkit-animation-name:bounce_IMSLoading;
-webkit-animation-duration:1.61s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.5);
-ms-animation-name:bounce_IMSLoading;
-ms-animation-duration:1.61s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.5);
-o-animation-name:bounce_IMSLoading;
-o-animation-duration:1.61s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.5);
animation-name:bounce_IMSLoading;
animation-duration:1.61s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.5);
}

#IMSLoading_1{
-moz-animation-delay:0.28s;
-webkit-animation-delay:0.28s;
-ms-animation-delay:0.28s;
-o-animation-delay:0.28s;
animation-delay:0.28s;
}

#IMSLoading_2{
-moz-animation-delay:0.35s;
-webkit-animation-delay:0.35s;
-ms-animation-delay:0.35s;
-o-animation-delay:0.35s;
animation-delay:0.35s;
}

#IMSLoading_3{
-moz-animation-delay:0.42s;
-webkit-animation-delay:0.42s;
-ms-animation-delay:0.42s;
-o-animation-delay:0.42s;
animation-delay:0.42s;
}

#IMSLoading_4{
-moz-animation-delay:0.49s;
-webkit-animation-delay:0.49s;
-ms-animation-delay:0.49s;
-o-animation-delay:0.49s;
animation-delay:0.49s;
}

#IMSLoading_5{
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#IMSLoading_6{
-moz-animation-delay:0.63s;
-webkit-animation-delay:0.63s;
-ms-animation-delay:0.63s;
-o-animation-delay:0.63s;
animation-delay:0.63s;
}

#IMSLoading_7{
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#IMSLoading_8{
-moz-animation-delay:0.77s;
-webkit-animation-delay:0.77s;
-ms-animation-delay:0.77s;
-o-animation-delay:0.77s;
animation-delay:0.77s;
}

#IMSLoading_9{
-moz-animation-delay:0.84s;
-webkit-animation-delay:0.84s;
-ms-animation-delay:0.84s;
-o-animation-delay:0.84s;
animation-delay:0.84s;
}

#IMSLoading_10{
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#IMSLoading_11{
-moz-animation-delay:0.98s;
-webkit-animation-delay:0.98s;
-ms-animation-delay:0.98s;
-o-animation-delay:0.98s;
animation-delay:0.98s;
}

#IMSLoading_12{
-moz-animation-delay:1.05s;
-webkit-animation-delay:1.05s;
-ms-animation-delay:1.05s;
-o-animation-delay:1.05s;
animation-delay:1.05s;
}

#IMSLoading_13{
-moz-animation-delay:1.12s;
-webkit-animation-delay:1.12s;
-ms-animation-delay:1.12s;
-o-animation-delay:1.12s;
animation-delay:1.12s;
}

#IMSLoading_14{
-moz-animation-delay:1.19s;
-webkit-animation-delay:1.19s;
-ms-animation-delay:1.19s;
-o-animation-delay:1.19s;
animation-delay:1.19s;
}

#IMSLoading_15{
-moz-animation-delay:1.26s;
-webkit-animation-delay:1.26s;
-ms-animation-delay:1.26s;
-o-animation-delay:1.26s;
animation-delay:1.26s;
}

#IMSLoading_16{
-moz-animation-delay:1.33s;
-webkit-animation-delay:1.33s;
-ms-animation-delay:1.33s;
-o-animation-delay:1.33s;
animation-delay:1.33s;
}

#IMSLoading_17{
-moz-animation-delay:1.4s;
-webkit-animation-delay:1.4s;
-ms-animation-delay:1.4s;
-o-animation-delay:1.4s;
animation-delay:1.4s;
}

#IMSLoading_18{
-moz-animation-delay:1.47s;
-webkit-animation-delay:1.47s;
-ms-animation-delay:1.47s;
-o-animation-delay:1.47s;
animation-delay:1.47s;
}

#IMSLoading_19{
-moz-animation-delay:1.54s;
-webkit-animation-delay:1.54s;
-ms-animation-delay:1.54s;
-o-animation-delay:1.54s;
animation-delay:1.54s;
}

@-moz-keyframes bounce_IMSLoading{
0%{
-moz-transform:scale(1);
color:#000000;
}

100%{
-moz-transform:scale(.5);
color:#FFFFFF;
}

}

@-webkit-keyframes bounce_IMSLoading{
0%{
-webkit-transform:scale(1);
color:#000000;
}

100%{
-webkit-transform:scale(.5);
color:#FFFFFF;
}

}

@-ms-keyframes bounce_IMSLoading{
0%{
-ms-transform:scale(1);
color:#000000;
}

100%{
-ms-transform:scale(.5);
color:#FFFFFF;
}

}

@-o-keyframes bounce_IMSLoading{
0%{
-o-transform:scale(1);
color:#000000;
}

100%{
-o-transform:scale(.5);
color:#FFFFFF;
}

}

@keyframes bounce_IMSLoading{
0%{
transform:scale(1);
color:#000000;
}

100%{
transform:scale(.5);
color:#FFFFFF;
}

}

#bowlG{
position:relative;
width:128px;
height:128px;
}

#bowl_ringG{
position:absolute;
width:128px;
height:128px;
border:11px solid #2B7EB2;
-moz-border-radius:128px;
-webkit-border-radius:128px;
-ms-border-radius:128px;
-o-border-radius:128px;
border-radius:128px;
}

.ball_holderG{
position:absolute;
width:34px;
height:128px;
left:47px;
top:0px;
-moz-animation-name:ball_moveG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:ball_moveG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:ball_moveG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:ball_moveG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:ball_moveG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

.ballG{
position:absolute;
left:0px;
top:-30px;
width:51px;
height:51px;
background:#DDDDDD;
-moz-border-radius:43px;
-webkit-border-radius:43px;
-ms-border-radius:43px;
-o-border-radius:43px;
border-radius:43px;
}

@-moz-keyframes ball_moveG{
0%{
-moz-transform:rotate(0deg)}

100%{
-moz-transform:rotate(360deg)}

}

@-webkit-keyframes ball_moveG{
0%{
-webkit-transform:rotate(0deg)}

100%{
-webkit-transform:rotate(360deg)}

}

@-ms-keyframes ball_moveG{
0%{
-ms-transform:rotate(0deg)}

100%{
-ms-transform:rotate(360deg)}

}

@-o-keyframes ball_moveG{
0%{
-o-transform:rotate(0deg)}

100%{
-o-transform:rotate(360deg)}

}

@keyframes ball_moveG{
0%{
transform:rotate(0deg)}

100%{
transform:rotate(360deg)}