/*-------------------------------Global-------------------------------*/
html,
body {
    padding: 0; 
    margin: 0;
    height: 100%;
    font-family:'Microsoft YaHei';
    color:#444;
    font-size:12px;
    overflow:hidden;
}
/*
    设定盒子模型
    */
/*html,
body,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}*/
/*
    基本标签对象
    */
a:hover,
a:active {
    outline: 0;
}

img {
    vertical-align: middle;
    border: 0;
}

a {
    text-decoration: none;
}
ul, li {
    padding:0px;
    margin:0px;
}

li {
    list-style:none;
}
button,
input,
select,
textarea {
    margin: 0;
    vertical-align: middle;
    outline:none
}
textarea {
    resize:none;
}

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }
/*-------------------------------Style-------------------------------*/

/*   FONT   */

/*
    其中，overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号；-o-text-overflow: ellipsis针对Opera；而宽度的设定主要是针对IE6；
该方法支持Internet Explorer, Safari, Chrome 和 Opera，但FF并不支持，不过可以通过Jquery来实现类似的效果。
下载这个Jquery插件：jQuery ellipsis plugin
调用方法：
$(document).ready(function() {
    $('.ellipsis').ellipsis();
}
    */
.textellipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
/*
    标题类型文字
    */
/*blue*/
.title-12-blue,
.title-16-blue,
.title-20-blue,
.title-24-blue {
    display:block;
    color:#0072c6;
}
.title-12-blue
{
    font-size:12px;
}
.title-16-blue
{
    font-size:16px;
}
.title-20-blue
{
    font-size:20px;
}
.title-24-blue
{
    font-size:24px;
}
/*
    普通文本
    */
/*blue*/
.text-12-blue,
.text-14-blue,
.text-16-blue,
.text-18-blue {
    color:#0072c6;
}
.text-12-blue
{
    font-size:12px;
}
.text-14-blue
{
    font-size:14px;
}
.text-16-blue
{
    font-size:16px;
}
.text-18-blue
{
    font-size:18px;
}
/*darkgray*/
.text-12-darkgray,
.text-14-darkgray,
.text-16-darkgray,
.text-18-darkgray {
    color:#444;
}
.text-12-darkgray
{
    font-size:12px;
}
.text-14-darkgray
{
    font-size:14px;
}
.text-16-darkgray
{
    font-size:16px;
}
.text-18-darkgray
{
    font-size:18px;
}
/*gray*/
.text-12-gray,
.text-14-gray,
.text-16-gray,
.text-18-gray {
    color:#666;
}
.text-12-gray
{
    font-size:12px;
}
.text-14-gray
{
    font-size:14px;
}
.text-16-gray
{
    font-size:16px;
}
.text-18-gray
{
    font-size:18px;
}
/*lightgray*/
.text-12-lightgray,
.text-14-lightgray,
.text-16-lightgray,
.text-18-lightgray {
    color:#999;
}
.text-12-lightgray
{
    font-size:12px;
}
.text-14-lightgray
{
    font-size:14px;
}
.text-16-lightgray
{
    font-size:16px;
}
.text-18-lightgray
{
    font-size:18px;
}
.text-10-silver,
.text-12-silver,
.text-14-silver,
.text-16-silver,
.text-18-silver {
    color:#ccc;
}
.text-10-silver
{
    font-size:10px;
}
.text-12-silver
{
    font-size:12px;
}
.text-14-silver
{
    font-size:14px;
}
.text-16-silver
{
    font-size:16px;
}
.text-18-silver
{
    font-size:18px;
}
/*
    基本文字样式
    */
/*size*/
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
/*color*/
.font-blue {
    color:#0072c6;
}
.font-lightblue {
    color: #68C7FF;
}
.font-darkgray {
    color:#444;
}
.font-gray {
    color:#666;
}
.font-lightgray {
    color:#999;
}
.font-silver {
    color:#ccc;
}
.font-white {
    color:#fff;
}

/*   IMG   */
img.full {
    height: 100%;
    width: 100%;
}
/*   DIV&BLOCK   */

/*
    字体重度
    */
.text-fontweigth-bold {
    font-weight:bold;
}
/*-------------------------------Layout-------------------------------*/
/*
    浮动
    */
.float-left {
    float:left;
}
.float-right {
    float: right;
}
.clear{
	clear:both;
}
/*
    内容位置
    */
.text-align-left {
    text-align: left;
}
.text-align-center {
    text-align: center;
}
.text-align-right {
    text-align: right;
}
/*  PADDING MARGIN */
.clearborder {
    margin:0px;
    padding:0px;
}


/*#diveptest {
                height:200px; background:red;
            width:expression(document.body.clientWidth < 782? "180px" : document.body.clientWidth > 1262? "160px" : "80px");
        }*/