/* http://www.xd.com
 *
 * v4 2013-09-22
 *
 * 2014-12-04 按钮代码见: button.css
 */

/* Base Styles */
@font-face {
    font-family: "Flat-UI-Icons";
    src: url("/Other/party/imgs/layout/fonts/v4/icon.eot");
    src: url("/Other/party/imgs/layout/fonts/v4/icon/.eot") format("embedded-opentype"),
         url("/Other/party/imgs/layout/fonts/v4/icon.woff") format("woff"),
         url("/Other/party/imgs/layout/fonts/v4/icon.ttf") format("truetype"),
         url("/Other/party/imgs/layout/fonts/v4/icon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.font-icon{
    font-family: "Flat-UI-Icons", Arial, sans-serif;
}

body{
    background-color: #f2f2f2;
    color: #999;
}

a{ color: #666; transition: color .3s ease;}
a:hover, a.hover { color: #ff6600; transition: color .3s ease;}

#noscript {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    background: url(/imgs/layout/noscript.png) repeat-x;

}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #dbd9d9;vertical-align: middle;}
input:-moz-placeholder, textarea::-webkit-input-placeholder { color: #dbd9d9;vertical-align: middle;}
.placeholder{color: #dbd9d9; font-size: 12px; white-space: nowrap;}

.relative{position: relative;}

.text-base{color: #666;}
.text-danger{color: #e74c3c;}
.text-warning{color: #f39c12;}
.text-success{color: #1abc9c;}

.text-strong{color: #ff6600;}
.text-lead{color: #333333;}
.text-low{color: #b1b1b1}

.bold{font-weight: bold;}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight: normal;
    line-height: 1.1;
}

h1, .h1{font-size: 32px;}
h2, .h2{font-size: 26px;}
h3, .h3{font-size: 24px;}
h4, .h4{font-size: 18px;}
h5, .h5{font-size: 14px;}
h6, .h6{font-size: 13px;}

.size-base  { font-size: 14px; }
.size-small { font-size: 12px; }
.size-big   { font-size: 15px; }
.size-large { font-size: 16px; }
.size-xlarge{ font-size: 18px; }

/* 字体对齐方式 */
.text-left  { text-align: left; }
.text-right { text-align: right; }
.text-center{ text-align: center; }
.valign-top {vertical-align: top; }
.no-break{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 浮动方式 */
.float-left { float: left;}
.float-right{ float: right;}
.float-none { float: none;}

/* 隐藏元素 */
.hide     { display: none; }
.hide-text{ text-indent: -9999px; }

/* 输入框 */
.input-text{
    border: 2px solid #dee1e3;
    font-size: 14px;
    color: #34495e;
    height: 21px;
    line-height: 21px;
    padding: 8px 5px;
    text-indent: 6px;
    border-radius: 6px;
    background: #ffffff;
    _text-indent: 0;
    _padding-left: 11px;
}
input.focus, .input-text:focus{border-color: #ff6600; outline: none; transition: border .25s linear, color .25s linear;}

/* 输入块 */
textarea.input-textarea{
    border: 2px solid #dee1e3;
    font-size: 14px;
    color: #34495e;
    height: 63px;
    line-height: 21px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #ffffff;
    _text-indent: 0;
    _padding-left: 11px;
    resize: none;
}
textarea.focus, textarea.input-textarea:focus{border-color: #ff6600; outline: none; transition: border .25s linear, color .25s linear;}

.input-group{width: 230px; overflow: hidden; position: relative;}
.input-group .input-text{padding: 5px 30px 5px 6px; height: 20px; line-height: 20px; width: 190px; background-color: #f1f1f1; border-color: #f1f1f1; transition: none;}
.input-group input.focus, .input-group .input-text:focus{background-color: #fff; transition: none; border-color: #ff6600;}
.input-group .btn{font-family: "Flat-UI-Icons", Arial, sans-serif; position: absolute; width: 30px; height: 30px; line-height: 30px; color: #a6a6a6; top: 2px; right: 2px; padding: 0}
.input-group input::-webkit-input-placeholder{ color: #a6a6a6;vertical-align: middle;}
.input-group input:-moz-placeholder { color: #a6a6a6;vertical-align: middle;}
.input-group .placeholder{color: #a6a6a6; font-size: 12px; white-space: nowrap;}

.input-group-large{width: 330px; font-size: 18px;}
.input-group-large .input-text{padding: 10px 40px 10px 6px; height: 20px; line-height: 20px; width: 280px; font-size: 18px;}
.input-group-large .btn{height: 40px; line-height: 40px; width: 40px;}

.modal{ display: none; color: #333; width:500px; border-radius: 5px; padding-bottom: 30px; color: #999; position: relative; background: #fff;}
.modal .modal-header{ height: 30px; padding: 0 5px;}
.modal .modal-header .close{ width: 20px; height: 20px; background: url(/xd/imgs/v3/widget_close.gif) no-repeat center 0; margin-top: 5px; text-indent: -9999px; float: right;}
.modal .modal-header .close:hover{background-position: 5px -20px;}

.modal-dialog{padding-bottom: 0; width: 640px; color: #333333;}
.modal-dialog .modal-header{height: 60px; padding: 0 24px; font-size: 24px;}
.modal-dialog .modal-header .title{line-height: 60px; float: left;}
.modal-dialog .modal-header .close{background: none; text-indent: 0; width: auto; height: auto; line-height: 24px; margin-top: 18px;}
.modal-dialog .modal-body{border-top: 2px solid #ecf0f1; padding: 30px 24px;}
.modal-dialog .modal-footer{ background: #f0f0f0; text-align: right; padding: 20px 24px; border-radius: 0 0 5px 5px;}
.modal-dialog .modal-footer .btn{min-width: 154px; _width: 154px; margin-left: 12px;}

/* 进度条基本样式 */
.progress{ background: #ececec; height: 20px; border-radius: 8px/12px; overflow: hidden; margin-bottom: 10px;}
.progress .progress-bar{ height: 100%; float: left; height: 20px; line-height: 20px; position: relative; text-align: center; color: #a6a6a6;}
.progress .progress-bar-danger { background-color: #e74c3c; }
.progress .progress-bar-success{ background-color: #1abc9c; }
.progress .progress-bar-warning{ background-color: #f39c12; }
.progress .progress-bar .progress-bar-divider{ color: #d7dcde; display: none; position: absolute; left: -4px; top: 0; z-index: 3; height: 20px; line-height: 20px; line-height: 18px\0; *line-height: 18px; _line-height: 20px; _left: -4px; _font-size: 8px;}
.progress .progress-bar .progress-bar-divider-danger{ color:#e74c3c;}
.progress .progress-bar .progress-bar-divider-success{ color:#1abc9c;}
.progress .progress-bar .progress-bar-divider-warning{ color:#f39c12;}
.progress .progress-bar .progress-bar-divider-active{ color:#ff6600;}
.progress-divider .progress-bar .progress-bar-divider{display: block;}
.progress-step .progress-bar{cursor: default;}
.progress-step .progress-bar-active{cursor: pointer;}
.progress-step .progress-bar-step{ background-color: #ff6600; color: #ffffff;}

.well{border: 2px solid #e8e8e8; background: #fff; padding: 10px 20px; border-radius: 4px;}
.well-default{ background-color: #f9fafb; border-color: #edf1f2;}
.well-danger{background-color: #faf8f7; border-color: #f2eeed;}
.well-warning{background-color: #faf9f7; border-color: #f2f1ed;}
.well-success{ background-color: #f2faf8; border-color: #e2edeb;}
.well-inline{display: inline-block; *display: inline; *zoom: 1;}

.form-group{margin-bottom: 10px;}
.form-group .input-text{width: 216px; _width: 210px;}
.form-group .password-strangth{width: 186px; _width: 180px;}
.form-group .input-captcha{width: 126px; _width: 120px;}
.form-control{display: block;}
.form-control-inline{display: block; *height: 100%;}
.form-control-inline:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.form-control-inline .form-control{float: left; margin-right: 10px;}
.form-control-inline .password-strangth{margin-right: 40px;}
.form-control-inline textarea.input-textarea{width: 216px; _width: 210px;}
.has-error input.form-control, .has-error .help-block, .has-error .password-strangth-level{border-color: #e74c3c; color: #e74c3c;}
.has-error textarea.form-control, .has-error .help-block{border-color: #e74c3c; color: #e74c3c;}
.form-control-inline .help-block{float: left; margin-left: 10px; line-height: 20px; padding: 10px 0;}
.form-inline .form-control{display: inline-block;}
.form-horizontal .form-group .control-label{float: left; text-align: right; width: 80px;}
.form-group .btn-block{width: 230px;}
.form-group .captcha-img{margin-top: 6px; cursor: pointer; width: 80px; height: 28px;}
.form-group-well{margin: 15px 0;}
.form-group-submit{margin-top: 15px;}

.form-label{display: block; margin-bottom: 5px; height: 20px; line-height: 20px;}

.pagination li{padding: 8px 12px;}
.pagination li a{line-height: 16px; color: #ff6600; display: block; text-align: center; white-space: nowrap;}
.pagination li.next a{border-radius: 0 4px 4px 0;}
.pagination li.active a{color: #bdc3c7; cursor: default;}

.pagination-btn li{padding: 0}
.pagination-btn li a{padding: 10px 10px; line-height: 20px; min-width: 20px; _width: 20px; background: #d7dcde; border-right: 2px solid #ebeeef; color: #ffffff;}
.pagination-btn li a:hover{background: #ff6600; transition: 0.2s ease-out; color: #ffffff;}
.pagination-btn li.active a{background: #ff6600; cursor: default; color: #ffffff;}
.pagination-btn li.end a{border-right: 0; border-radius: 0 4px 4px 0;}
.pagination-btn li.start a{border-radius: 4px 0 0 4px;}

.nav-tabs{border-bottom: 2px solid #d7dcde; margin-bottom: 20px; display: block; *height: 100%;}
.nav-tabs:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.nav-tabs li{margin-bottom: -2px; position: relative; float: left; line-height: 20px;}
.nav-tabs li a{ padding: 9px 23px 10px; color: #34495e; display: block;}
.nav-tabs li a:hover{color: #ff6600;}
.nav-tabs li.active{z-index: 2;}
.nav-tabs li.active a{border: 2px solid #d7dcde; padding: 7px 21px 8px; cursor: default; border-bottom-color: #ffffff; border-radius: 6px 6px 0 0}
.nav-tabs li.active a:hover{color: #34495e;}

.alert{border: 2px solid; border-radius: 4px; width: 100%; min-width: 335px; position: relative;}
.alert .alert-body{padding: 30px 48px 30px 30px; }
.alert .close{ position: absolute; top: 32px; right: 15px; color: #34495e; opacity: 0.2; filter: alpha(opacity=20); height: 18px; line-height: 18px;}
.alert .close:hover{color: #34495e; opacity: 0.4; filter: alpha(opacity=20);}
.alert-default{ background-color: #f9fafb; border-color: #edf1f2; color: #a6a6a6;}
.alert-danger{background-color: #faf8f7; border-color: #f2eeed; color: #e74c3c;}
.alert-warning{background-color: #faf9f7; border-color: #f2f1ed; color: #f39c12;}
.alert-success{ background-color: #f2faf8; border-color: #e2edeb; color: #1abc9c;}

/* 铅笔标志 */
i.icon-pencil{background: url(/imgs/layout/edit_white.gif) no-repeat 0 0; width: 14px; height: 14px; display: none; cursor: pointer; margin-left: 7px; vertical-align: text-top;}

/* fancybox 兼容IE6 遮罩半透明 */
body .fancybox-overlay{_background: #000; _filter: alpha(opacity=70);}

.kefu-qq-link{
    width: 92px;
    height: 22px;
    text-indent: -9999px;
    line-height: 22px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    *display: block;
    *zoom: 1;
    background-repeat: no-repeat;
    background: transparent url(/imgs/layout/qq_kefu.png);
}
.password-strangth{border-right: 0; border-radius: 6px 0 0 6px;}
.password-strangth-level { position: absolute; left: 198px; width: 32px; top: 0px; _top: 1px; border: 2px solid #dee1e3; border-left: 0; padding: 8px 0; border-radius: 0 6px 6px 0;}
.password-strangth-level.focus{transition: border .25s linear; border-color: #ff6600; }
.password-strangth-level span { float: left; display: block; width: 3px; height: 21px; margin-left: 3px; background: #dadada;}

/**********************************    基本布局    **************************************************/
.block{margin-top: 50px; margin-bottom: 50px;}
.block-sub{margin-top: 30px; margin-bottom: 30px;}
.layout{ width: 980px; margin: 0 auto;}
#header{*z-index: 3;}
#header .header-login{ height: 55px;}
#header .header-login .layout{padding-top: 12px;}
#header .header-login .layout .add-favorite{margin-right: 26px;}
#header .header-login .layout .xdmini-dropdown .xdmini-dropdown-header .arrow{display: block; position: absolute; right: -12px; top: 8px; width: 0; height: 0; line-height: 0; border: 4px solid transparent; _border: 4px solid #f2f2f2; border-top-color: #666; transition: border-top-color .3s;}
#header .header-login .layout .xdmini-dropdown .xdmini-dropdown-header:hover .arrow, #header .header-login .layout .open .xdmini-dropdown-header .arrow{border-top-color: #f60;}
#header .header-login .layout .open .xdmini-dropdown-header{color: #f60;}
#header .header-login .layout .xdmini-dropdown .xdmini-dropdown-body{display: none; min-width: 130px; padding: 4px 0; border: 1px solid #e6e6e6; border-bottom-width: 3px; background-color: #ffffff; font-size: 13px; position: absolute; z-index: 10; border-radius: 5px; left: -24px; top: 24px;}
#header .header-login .layout .open .xdmini-dropdown-body{display: block;}
#header .header-login .layout .xdmini-dropdown .xdmini-dropdown-body a{display: block; margin: 0; padding: 0 10px; white-space: nowrap; line-height: 26px; transition: 0;}
#header .header-login .layout .xdmini-dropdown .xdmini-dropdown-body a:hover{background-color: #f60; color: #fff;}
#header .header-login .layout .xdmini-dropdown .xdmini-dropdown-body a .recommend{width: 24px; height: 24px; background: url(/imgs/layout/btn.png) -74px -194px no-repeat; display: inline-block; vertical-align: middle; *vertical-align: baseline; *background-position: -71px -189px;}
#header .header-login .layout .xdmini-dropdown .xdmini-dropdown-body .arrow{border: 9px #f2f2f2 solid; border-top-width: 0; border-bottom-color: #e6e6e6; position: absolute; top: -9px; left: 40px; font-size: 0;}
#header .header-login .layout .xdmini-dropdown .xdmini-dropdown-body .arrow .inside{border: 8px #f2f2f2 solid; border-top-width: 0; border-bottom-color: #ffffff; position: absolute; top: 1px; left: -8px;}
#header .header-login .layout .my-profile{display: inline-block; *display: inline; *zoom: 1; position: relative; z-index: 10;}
#header .header-login .layout .my-profile .xdmini-dropdown-body{ left: auto; right: -28px; _width: 130px;}
#header .header-login .layout .my-profile .xdmini-dropdown-body a{text-indent: 5px;}
#header .header-login .layout .yes-login .admin-link{margin-right: 6px;}

#header .header-nav{ background: url(/imgs/layout/btn.png) no-repeat center top;}
#header .header-no-bg{background-image: none;}
#header .header-nav .layout{height: 98px;}
#header .header-nav .layout .header-logo-xd{width: 205px; height: 50px; background-image: url(/imgs/layout/btn.png); background-image: -webkit-image-set( url(/imgs/layout/btn.png) 1x, url(/imgs/layout/btn_2x.png) 2x); background-repeat: no-repeat; background-position: 15px -220px; margin-top: 24px;}

#header .header-no-bg .layout .header-logo-xd{background-position: -191px -220px;}
#header .header-nav .layout p{line-height: 98px;}
#header .header-nav .layout .primary-title{font-size: 26px; border-left: 2px solid #a8a8a8; height: 32px; line-height: 32px; margin-top: 34px; margin-left: 10px; padding-left: 10px;}
#header .header-nav .layout .nav-list {padding: 34px 0  34px 15px;}
#header .header-nav .layout .nav-list .btn-link{ width: 75px; text-indent: 0; padding: 0; _display: inline; line-height: 30px;}
#header .header-nav .layout .search{margin-top: 32px; margin-right: 15px;}
#header .header-nav .layout .search .input-text{display: block;}

#header .header-poster{position: absolute; height: 40px; overflow: hidden; width: 1021px; left: 50%; margin-left: -510px; z-index: 9;}
#header .header-poster a{display: block; width: 1020px;}
#header .header-poster .img{width: 1020px; height: 324px; display: block;}

#main{ padding: 40px 0 0; }
#main.have-header-poster{padding-top: 80px;}
.main-sidebar, .main-content{background: #fff; border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 2px 0 #e0e0e0; margin-bottom: 80px; padding-bottom: 100px; _zoom: 1;}
.main-content-header{ padding: 10px 25px 0; line-height: 40px; border-bottom: 2px solid #f4f4f4;}
.main-content-body{padding: 30px 25px 0;}
.main-content .btn-block-narrow{width: 154px;}
.main-content .btn-block-normal{width: 230px;}
.text-center .btn-block-normal{margin: 0 auto;}
.main-sidebar-menu li a{line-height: 40px; padding: 0 14px; width: auto; _zoom: 1;}
.main-sidebar-menu li a.chosen{background-color: #ff6600; color: #fefefe;}

#footer a{color: #999999;}
#footer a:hover{ color: #cccccc;}

#footer .footer-links h3{font-size: 14px; line-height: 20px;}
#footer .footer-links, #footer .friend-link{ background-color: #484848; color: #ffffff;}
#footer .footer-links .layout{padding: 30px 0 20px;}
#footer .footer-links .layout .title{ border-bottom: 1px solid #666666; padding-left: 12px;}
#footer .footer-links .layout ul.content{padding: 20px 30px 0 12px;}
#footer .footer-links .layout ul.content li{width: 120px; height: 20px; line-height: 20px;}
#footer .footer-links .layout ul.content li span.new{background: #ff6600; width: 32px; height: 16px; line-height: 16px; margin-left: 12px; display: inline-block; text-align: center; border-radius: 2px;}
#footer .footer-links .layout .footer-game-list{width: 270px;}
#footer .footer-links .layout .footer-game-list ul.content li{ width: 110px;}
#footer .footer-links .footer-logo-xd{width: 174px; height: 140px;}
#footer .footer-links .footer-logo-xd a{ display: block; width: 120px; height: 31px; margin: 0 auto; background-image: url(/imgs/layout/btn.png); background-image: -webkit-image-set( url(/imgs/layout/btn.png) 1x, url(/imgs/layout/btn_2x.png) 2x); background-repeat: no-repeat; background-position: -61px -99px;}
#footer .friend-link .layout .friend-link-content{position: relative; margin: 0 40px;border-top: 1px solid #666666; padding: 10px 30px 10px 144px; _zoom: 1;}
#footer .friend-link .layout .friend-link-content .title{ position: absolute; left: 50px;}
#footer .friend-link .layout a{padding: 0 3px; white-space: nowrap;}
#footer .footer-info-wrap { width: 980px; margin: 0 auto;}
#footer .footer-info .layout{ height: 40px; line-height: 40px;}
#footer .footer-info .culture{ width: 616px; white-space: nowrap;}
#footer .footer-info .xdcooperaption{line-height: 1; height: 24px; width: 616px; text-align: right; margin: 0;}

#footer .footer-info .xd-shjbzx img{margin: 0 4px; vertical-align: middle;}
#footer .footer-info .shjbzx-note{line-height: 40px;height: 40px; width: 616px; text-align: right; margin: 0;}

#footer.full{ border-top: 4px solid #f60; background-color: #484848; }
#footer.full .footer-info{ border-top: 1px solid #3b3b3b; background: #333333; color: #8a8a8a;}

#footer .safe-certify{display: block; position: absolute; top: 14px;}
#safeHy{right: -110px}
#safeGw{right: -200px}


#cornerTips{
    position: fixed;
    _position: absolute;
    _bottom: 0;
    bottom: 100px;
    left: 50%;
    margin-left: 490px;
    width: 61px;
    height: 61px;
    display: none;
}
#cornerTips .corner-tip{
    display: block;
    height: 57px;
    border-radius: 4px;
    border: 2px solid #cccccc;
    background-color: #cccccc;
    color: #ff6600;
    text-align: center;
}
#cornerTips .corner-tip .on-link, #cornerTips .corner-tip:hover .on-hover{ display: block; width: 50%; height: 32px; margin: 12px auto; line-height: 16px;}
#cornerTips .corner-tip .on-link{line-height: 32px;}
#cornerTips .corner-tip .on-hover, #cornerTips .corner-tip:hover .on-link{ display: none;}
#cornerTips .corner-tip:hover{background-color: #ffffff;}

#cornerTips #goTop{
    background-image: url(/imgs/layout/btn.png);
    background-image: -webkit-image-set( url(/imgs/layout/btn.png) 1x, url(/imgs/layout/btn_2x.png) 2x);
    background-position: -1px -159px;
    background-repeat: no-repeat;
    margin-top: 4px;
    width: 57px;
}
#cornerTips #goTop:hover{background-position: -1px -99px;}

.login-dialog .input-text{ background: #f8f8f8; border: 0; height: 26px; width: 170px; margin-left: 72px; padding: 1px;line-height: normal; line-height: 26px\9; font-size: 12px; text-indent: 0;}
.login-dialog .password-strangth{padding-right: 5px; width: 145px; _width: 139px;}
.login-dialog input.focus, .login-dialog .input-text:focus{ border: 0;}
.login-dialog .input-text-short{width: 80px;}

.login-dialog .password-strangth-level { width: 16px; height: 12px; top: 8px; left: 220px; _width: 18px; border: 0; padding: 0;}
.login-dialog .password-strangth-level span { float: left; display: block; width: 3px; height: 12px; margin-left: 1px; background: #dadada;}

.login-dialog .modal-body{position: relative;}
.login-dialog .modal-body .panel-left{padding: 0 50px; border-right: 1px dashed #dadada;}
.login-dialog .modal-body .panel-left .panel-left-title{margin-bottom: 5px; font-size: 16px;}
.login-dialog .modal-body .panel-left-content{width: 246px; _width: 249px;}
.login-dialog .modal-body .panel-left-content .formlist li{border: 1px solid #f1f1f1; background: #f8f8f8; border-radius: 3px; margin-bottom: 15px; height: 30px; line-height: 30px; position: relative;}
.login-dialog .modal-body .panel-left-content .formlist li.special{background: #ffffff; border: 0; height: 20px; line-height: 20px;}
.login-dialog .modal-body .panel-left-content .formlist li label.label{ position: absolute; top: 0px; left: 0px; width: 60px; text-align: right; }
.login-dialog .modal-body .panel-right{padding: 10px 0 0 15px;}
.login-dialog .modal-body .panel-right .qq-field,
.login-dialog .modal-body .panel-right .verycd-field,
.login-dialog .modal-body .panel-right .wechat-field{ padding-left: 20px; padding-top: 10px; display: block; line-height: 16px;}
.login-dialog .modal-body .panel-right .qq-field{
    background: url(/imgs/siteicon/qq.png) no-repeat 2px 10px;
    background-image: -webkit-image-set( url(/imgs/siteicon/qq.png) 1x, url(/imgs/siteicon/qq@2x.png) 2x);
}
.login-dialog .modal-body .panel-right .verycd-field{
    background: url(/imgs/siteicon/verycd.png) no-repeat 0 10px;
    background-image: -webkit-image-set( url(/imgs/siteicon/verycd.png) 1x, url(/imgs/siteicon/verycd@2x.png) 2x);
}
.login-dialog .modal-body .panel-right .wechat-field{
    background: url(/imgs/siteicon/weixin.png) no-repeat 0 10px;
    background-image: -webkit-image-set( url(/imgs/siteicon/weixin.png) 1x, url(/imgs/siteicon/weixin@2x.png) 2x);
}

.login-dialog .modal-body .panel-right-bottom{position: absolute; bottom: 0px; right: 0px; width: 160px; height: 60px; background: url(/xd/imgs/v3/logo_gray.jpg) no-repeat center bottom;}
.login-dialog .modal-body .panel-right-bottom a{color: #ff6600;}
.login-dialog .modal-body .panel-right-bottom a:hover{text-decoration: underline;}

#topnav a{transition-duration: 0s;}

.border-error{border: 1px solid #e74c3c!important;}