html, body, form
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/*#region -----------------------------公用样式-----------------------------------------*/
body
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
}

/*-----------------------滚动条样式，适应与IE------------------------------------*/
.scrollbar
{
    scrollbar-base-color: #c6d7ff; /*滚动条主要构成部分的颜色*/    
    scrollbar-face-color: #c6d7ff; /*滚动框和滚动条箭头框的颜色*/
    
    scrollbar-3dlight-color: #BFD2FF; /*滚动框的和滚动条箭头左上边缘的颜色*/
    scrollbar-darkshadow-color: #c6d7ff; /*设置滚动条槽的颜色*/
    
    scrollbar-shadow-color: #BFD2FF; /*滚动框的和滚动条箭头右下边缘的颜色*/
    scrollbar-highlight-color: #BFD2FF; /*滚动框的和滚动条箭头左上边缘的颜色*/
    
    scrollbar-track-color: #f5f5f5; /*滚动条轨道背景颜色*/
    scrollbar-arrow-color: #4a6184;/*滚动条箭头颜色*/
}

/*-----------------------定义滚动条两端按钮---------------------------------------*/
.scrollbar::-webkit-scrollbar-button
{
}

/*-----------------------定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸-------*/
.scrollbar::-webkit-scrollbar
{
    width: 16px;
    height: 16px;
    background-color: #f5f5f5;
}
/*-----------------------定义滚动条的轨道，内阴影及圆角---------------------------*/
.scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    border-radius: 10px;
    background-color: #f5f5f5;
}
/*-----------------------定义滑块，内阴影及圆角--------------------*/
.scrollbar::-webkit-scrollbar-thumb
{
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color: #dbe7fd;
}

/*#endregion*/

/*#region -----------------------------ToHi.UI.Block样式--------------------------------*/
/*-----------------------遮挡层样式-----------------------*/
.tohi-block
{
    z-index: 999;
    background-color: #b6b7bc; 
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*bottom: 0px;
    right: 0px;*/
    position: absolute;
    filter: alpha(opacity=30)!important;
    opacity: 0.3!important;
    mozopacity: 0.3!important;
    khtmlopacity: 0.3!important;
}
/*#endregion*/

/*#region -----------------------------ToHi.UI.Viewer样式-------------------------------*/
.tohi-viewer
{
    z-index: 999;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    background-color: #000000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    /*bottom: 0px;
    right: 0px;*/
    position: absolute;
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
    mozopacity: 0.5 !important;
    khtmlopacity: 0.5 !important;
}

.viewer-transition
{
    z-index: 1000;
    position: absolute;
    visibility: visible;
    /*visibility: visible;*/
    /*top:0px;
    left:0px;
    height:400px;
    width:500px;*/
}

.viewer-move
{
    cursor: move;
}

.viewer-close
{
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url('../Styles/image/Tools.png');
    background-repeat: no-repeat;
    background-position: -382px 0px;
    top: 0px;
    right: 0px;

    filter: alpha(opacity=50);
    opacity: 0.5;
    mozopacity: 0.5;
    khtmlopacity: 0.5;
}

.viewer-close-over
{
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    mozopacity: 1 !important;
    khtmlopacity: 1 !important;
}

.viewer-footer
{
    z-index: 999;    
    height: 130px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width:100%;
}

.viewer-title
{
    height:25px;
    text-align:center;
    line-height:25px;
    color:white;
}

.viewer-toolbar
{
    height: 30px;
    padding: 10px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.viewer-toolbar-item
{
    float:left;
    margin-left:2px;
    margin-top:3px;
    background-image: url('../Styles/image/Tools.png');
    background-repeat: no-repeat;    
    width: 24px;
    height: 24px;

    filter: alpha(opacity=60);
    opacity: 0.6;
    mozopacity: 0.6;
    khtmlopacity: 0.6;
}

.viewer-toolbar-itemover
{
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    mozopacity: 1 !important;
    khtmlopacity: 1 !important;
}

/*放大*/
.viewer-zoom-in
{
    background-position: 0px 0px;
}

/*缩小*/
.viewer-zoom-out
{
    background-position: -26px 0px;
}

/*原始大小*/
.viewer-one-to-one
{
    background-position: -52px 0px;
}
/*重置*/
.viewer-reset
{
    background-position: -78px 0px;
}
/*上一张*/
.viewer-prev
{
    background-position: -104px 0px;
}
/*播放*/
.viewer-play
{
    margin-top:0px;
    background-position: -130px 0px;
    width: 30px;
    height: 30px;
}

/*播放停止*/
.viewer-stop
{
    margin-top:0px;
    background-position: -162px 0px;
    width: 30px;
    height: 30px;
}

/*下一张*/
.viewer-next
{
    background-position: -194px 0px;
}
/*向左旋转*/
.viewer-rotate-left
{
    background-position: -220px 0px;
}
/*向右旋转*/
.viewer-rotate-right
{
    background-position: -246px 0px;
}
/*左右翻转*/
.viewer-flip-horizontal
{
    background-position: -273px 0px;
}
/*上下翻转*/
.viewer-flip-vertical
{
    background-position: -300px 0px;
}

.viewer-navbar
{
    height: 55px;
    background-color: #000000; 
    width: 100%;
    filter: alpha(opacity=70);
    opacity: 0.7;
    mozopacity: 0.7;
    khtmlopacity: 0.7;
    overflow: hidden;
}

.viewer-list
{
    height: 30px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

.viewer-list-item
{
    float:left;
    width: 35px;
    overflow: hidden;
    margin-left:3px;
}

.viewer-list-image
{
    width:35px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    mozopacity: 0.5;
    khtmlopacity: 0.5;
}

.viewer-image-select
{
    width:35px;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    mozopacity: 1 !important;
    khtmlopacity: 1 !important;
}

.viewer-image-over
{
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    mozopacity: 1 !important;
    khtmlopacity: 1 !important;
}
/*#endregion*/

/*#region -----------------------------ToHi.UI.Button样式-------------------------------*/
.tohi-button
{
    text-align: center;
    filter: alpha(opacity=90);
    opacity: 0.9;
    mozopacity: 0.9;
    khtmlopacity: 0.9;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 30px;
    height: 30px;        
    background-color: #1190e8;
    display: inline-block;
    white-space: nowrap;
    color: #FFFFFF;
    cursor: pointer;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 0px;
    padding-top: 0px;    
    border: medium none;
    margin:1px;
}

/*#endregion*/

/*#region -----------------------------ToHi.UI.Window样式-------------------------------*/
/*-----------------------Window窗体样式-------------------*/
.tohi-window
{
    border-style: solid;
    border-width: 1px 2px 2px 2px;
    border-color: #1190e8;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    /*filter: alpha(opacity=90);
    opacity: 0.9;
    mozopacity: 0.9;
    khtmlopacity: 0.9;
    */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow:1px 1px 50px rgba(0, 0, 0, .3);
}
/*-----------------------窗体移动框样式-------------------*/
.tohi-move-dashe
{
    border: 2px solid #3366FF;
    position: absolute;
    z-index: 1000;
    background-color: #1190e8;
    filter: alpha(opacity=30)!important;
    opacity: 0.3!important;
    mozopacity: 0.3!important;
    khtmlopacity: 0.3!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: move;
}
/*-----------------------窗体标题栏样式-------------------*/
.win-title
{
    height: 40px;
    width: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
    position: absolute;
    cursor: move;
    z-index: 1;
    background-color: #1190e8;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    text-indent: 10px;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
    color: #FFFFFF;
}
/*-----------------------窗体内容样式---------------------*/
.win-content
{
    /*padding: 5px;*/
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
    vertical-align: middle;
    font-size: 14px;
    _width: 100%;
    _height: expression(offsetParent.offsetHeight-44);
    _overflow: hidden;
    line-height: 18px;
}

.win-content span
{
    left: 100px;
    right: 20px;
    position: absolute;
    top: 30px;
}

.win-content-text
{
    /*background-image: url('image/Warning.png');*/
    background-repeat: no-repeat;
    background-position: 20px center;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 50px;
    right: 0px;
    _width: 100%;
    _position: relative;
    _height: expression(offsetParent.offsetHeight-54);
    vertical-align: middle;
}

.win-content-image-warning
{
    background-image: url('image/Warning.png');
}

.win-content-image-question
{
    background-image: url('image/Question.png');
}

.win-content-image-error
{
    background-image: url('image/Error.png');
}

.win-content-image-info
{
    background-image: url('image/Information.png');
}

.win-content-wait
{
    background-image: url('image/bigloading.gif');
    background-repeat: no-repeat;
    background-position: 20px center;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    _width: 100%;
    _position: relative;
    vertical-align: middle;
}

.win-content-wait span
{
    left: 80px;
}

.win-content-wait font
{
    letter-spacing: 3px;
    margin-left:3px;
}

.win-content-button
{
    position: absolute;
    height: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    _position: relative;
    text-align: center;
}

.win-content-button input
{
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    width:80px;
}

.win-content iframe
{
    position: absolute;
    z-index: 900;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top:0px;
    width:100%;
    height:100%;
}
/*-----------------------窗体标题控件箱样式---------------*/
.win-ctl-box
{
    z-index: 99;
    top: 0px;
    right: 10px;
    width: 115px;
    height: 18px;
    float: right;
    position: absolute;
    overflow: hidden;
}
/*-----------------------控件箱中下拉控件样式-------------*/
.win-menu
{
    z-index: 99;
    top: 0px;
    width: 25px;
    height: 18px;
    float: right;
    position: relative;
    overflow: hidden;
    background-image: url('image/win-menu.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 1px;
}

/*-----------------------控件箱中刷新控件样式-------------*/
.win-refresh
{
    z-index: 99;
    top: 0px;
    width: 25px;
    height: 18px;
    float: right;
    position: relative;
    overflow: hidden;
    background-image: url('image/win-refresh.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 1px;
}
/*-----------------------控件箱中最小化控件样式-----------*/
.win-min
{
    z-index: 99;
    top: 0px;
    width: 24px;
    height: 18px;
    float: right;
    position: relative;
    overflow: hidden;
    background-image: url('image/win-min.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 1px;
}
/*-----控件件箱中最大化(未最大化)控件[前有最小化]---------*/
.win-max-1
{
    z-index: 99;
    top: 0px;
    width: 24px;
    height: 18px;
    float: right;
    position: relative;
    overflow: hidden;
    background-image: url('image/win-max-1.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 1px;
}
/*-------控件箱中最大化(已最大化)控件[前有最小化]---------*/
.win-max-2
{
    background-image: url('image/win-max-2.gif');
}
/*-----控件箱中最大化(未最大化)控件[前未有最小化]---------*/
.win-max2-1
{
    z-index: 99;
    top: 0px;
    width: 24px;
    height: 18px;
    float: right;
    position: relative;
    overflow: hidden;
    background-image: url('image/win-max2-1.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 1px;
}
/*-----控件箱中最大化(已最大化)控件[前未有最小化]---------*/
.win-max2-2
{
    background-image: url('image/win-max2-2.gif');
}
/*-------------控件箱中关闭控件样式[前有其它控件]---------*/
.win-close-1
{
    background-position: 0px 0px;
    z-index: 99;
    top: 0px;
    width: 38px;
    height: 18px;
    float: right;
    position: relative;
    background-image: url('image/win-close-1.gif');
    background-repeat: no-repeat;
    overflow: hidden;
    margin-left: 1px;
}
/*-----------控件箱中关闭控件样式[前未有其它控件]---------*/
.win-close-2
{
    background-image: url('image/win-close-2.gif');
}
/*-----------------------鼠标穿入控件箱中控件样式---------*/
.win-ctl-over
{
    background-position: 0px -18px;
}
/*-----------------------鼠标穿出控件箱中控件样式---------*/
.win-ctl-down
{
    background-position: 0px -36px;
}
/*#endregion*/

/*#region -----------------------------ToHi.UI.Loading样式------------------------------*/
.tohi-loading
{
    z-index: 999;
    overflow: hidden;
    position: absolute;    
}

.loading-block
{
    z-index: 999;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    background-color: #000000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    /*bottom: 0px;
    right: 0px;*/
    position: absolute;
    filter: alpha(opacity=10);
    opacity: 0.1;
    mozopacity: 0.1;
    khtmlopacity: 0.1;
}

.loading-wait
{
    z-index: 1000;
    background-image: url('images/loading64.png');
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    background-color: transparent;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    height: 64px;
    width: 64px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    mozopacity: 0.8;
    khtmlopacity: 0.8;
    margin-left: -16px;
}

.loading-wait span
{
    height: 50px;
    margin-left:40px;
    line-height:50px;
    color:#3366ff;
}

.loading-wait font
{
    letter-spacing: 3px;
    margin-left:3px;
}

/*-----------------------窗体loading----------------------*/
.win-loading
{
    z-index: 1000;
    background-color:transparent;
    background-image: url('image/bigloading.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
}

/*#endregion*/

/*#region -----------------------------ToHi.UI.Tip样式----------------------------------*/
.tohi-tip
{
    position: absolute;
    z-index: 1000;
    display: inline-block;
}

.tip-content-top
{
    margin-bottom: 10px;
    border: 1px solid #6699FF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.tip-content-bottom
{
    position: absolute;
    border: 1px solid #a7a7a7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fef9da;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%;
    padding: 5px;
    margin-top: 7px;
    z-index: 1;
    display: block;
    line-height:20px;
}

.tip-arrows-top
{
    position: absolute;
    width: 16px;
    height: 10px;
    background-image: url('../Styles/image/tip-yellow_arrows.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    overflow: hidden;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    display: block;
    left: 50%;
    top:0px;
    margin-left: -8px;
}
/*#endregion*/

/*#region -----------------------------图片轮播-----------------------------------------*/
.tohi-imgnews
{
    position: relative;
    min-height: 220px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    
}

.imgnews-content
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width:100%;
}

.imgnews-item
{
    position: absolute;
    background-repeat: no-repeat;
    background-position: center top;
    height: 100%;
    left: 0px;
    top: 0px;
    width: 100%;
    background-size:100%;
    /*display: none;*/
    cursor: default;
}

    .imgnews-item img
    {
        width: 100%;
        border: none;
        cursor: default;
        height: 100%;
    }

a.imgnews-left:link, a.imgnews-left:visited
{
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 30px;
    height: 50px;
    display: inline-block;
    border: 0px;
    list-style-type: none;
    outline: none;
    hide-focus: expression(this.hideFocus=true);
    top: 50%;
    margin-top: -25px;
    background-image: url('../Styles/image/news_prev.png');
    left: 0px;
    filter: alpha(opacity=5);
    opacity: 0.05;
    mozopacity: 0.05;
    khtmlopacity: 0.05;
    background-color: #000000;
}

a.imgnews-left:hover
{
    filter: alpha(opacity=30);
    opacity: 0.3;
    mozopacity: 0.3;
    khtmlopacity: 0.3;
}

a.imgnews-right:link, a.imgnews-right:visited
{
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 30px;
    height: 50px;
    display: inline-block;
    border: 0px;
    list-style-type: none;
    outline: none;
    hide-focus: expression(this.hideFocus=true);
    top: 50%;
    margin-top: -25px;
    background-image: url('../Styles/image/news_next.png');
    right: 0px;
    filter: alpha(opacity=5);
    opacity: 0.05;
    mozopacity: 0.05;
    khtmlopacity: 0.05;
    background-color: #000000;
}

a.imgnews-right:hover
{
    filter: alpha(opacity=30);
    opacity: 0.3;
    mozopacity: 0.3;
    khtmlopacity: 0.3;
}

.imgnews-bottom
{
    height: 50px;
    bottom: 0px;
    position: absolute;
    width: 100%;
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    mozopacity: 0.6;
    khtmlopacity: 0.6;
    
    /*padding: 5px;*/
    line-height:50px;
}

.imgnews-number
{
    height: 35px;
    bottom: 0px;
    position: absolute;
    right:20px;  
    display: inline-block;
}

.imgnews-number ul
{
    width: 100%;
    text-align: center;
    list-style-image: none;
    list-style-type: none;
    bottom: 10px;
    margin: 0px;
    padding:0px;
}

.imgnews-number li
{
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    list-style-type: none;
    /*background: url(../Styles/dot.png) no-repeat 0 -16px;*/
    height: 20px;
    overflow: hidden;
    width: 20px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left: 8px;
    background-color: #a3a3a4;
}

.imgnews-select
{
    background-color: #fa723e!important;
    color:white;
}

a.imgnews-bottom-text:link, a.imgnews-bottom-text:visited
{
    height: 40px;
    bottom: 0px;
    position: absolute;
    padding: 5px;
    line-height: 40px;
    color: white;
    font-size: 12pt;
    text-indent: 10px;
    font-family: "微软雅黑";
}

.imgnews-number-full
{
    height: 35px;
    bottom: 0px;
    position: absolute;
    width:100%;
    left:0px;
}

.imgnews-number-full ul
{
    width: 100%;
    text-align: center;
    list-style-image: none;
    list-style-type: none;
    bottom: 10px;
    margin: 0px;
    padding:0px;
}

.imgnews-number-full li
{
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    list-style-type: none;
    /*background: url(../Styles/dot.png) no-repeat 0 -16px;*/
    height: 10px;
    overflow: hidden;
    width: 10px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 8px;
    background-color: #22a9ff;
    filter: alpha(opacity=80);
    opacity: 0.8;
    mozopacity: 0.8;
    khtmlopacity: 0.8;
}
/*#endregion*/