body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote，th,td{margin:0;padding:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}/*fix html5*/
table{border-collapse:collapse;border-spacing:0;}
article .selectTdClass {
    background-color: #edf5fa !important
}
article table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table;
}

article table td, article table th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}

article caption {
    border: 1px dashed #DDD;
    border-bottom: 0;
    padding: 3px;
    text-align: center;
}

article th {
    border-top: 1px solid #BBB;
    background-color: #F7F7F7;
}

article table tr.firstRow th {
    border-top-width: 2px;
}

article .ue-table-interlace-color-single {
    background-color: #fcfcfc;
}

article .ue-table-interlace-color-double {
    background-color: #f7faff;
}

article td p {
    margin: 0;
    padding: 0;
}
fieldset,img {border:0;}
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{position:relative;top:1px;font-size:100%;font-weight:normal;}
q:before, q:after{content:' '}
abbr,acronym{border:0;}

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.inlineblock{display:inline-block;*display:inline;zoom:1;}
.floatfix{*zoom:1;}
.floatfix:after{content:"";display:table;clear:both;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.cf {clear:both;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}

.bw1 {border:1px solid #CCC;}
.bw2 {border:2px solid #CCC;}
.bw3 {border:3px solid #CCC;}

.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w{width:100%;}
.w-5 {width:5%;}
.w-8 {width:8%;}
.w-9 {width:9%;}
.w-10 {width:10%;}
.w-14 {width:14%;}
.w-15 {width:15%;}
.w-16 {width:16%;}
.w-17 {width:17%;}
.w-18 {width:18%;}
.w-19 {width:19%;}
.w-20 {width:20%;}
.w-23 {width:23%;}
.w-24 {width:24%;}
.w-25 {width:25%;}
.w-26 {width:26%;}
.w-28 {width:28%;}
.w-29 {width:29%;}
.w-30 {width:30%;}
.w-31 {width:31%;}
.w-32 {width:32%;}
.w-33 {width:33%;}
.w-38 {width:38%;}
.w-39 {width:39%;}
.w-45 {width:45%;}
.w-46 {width:46%;}
.w-47 {width:47%;}
.w-48 {width:48%;}
.w-49 {width:49%;}
.w-50 {width:50%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-90 {width:90%;}
.w-100 {width:100%;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h{height:100%}


.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p1{padding:1px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.bg-white{background-color:white;}

/*tooltip*/
.tooltip {
    border: 1px solid #ccc;
    position: relative;
    background-color: #FFF;
}

    .tooltip:before, .tooltip:after {
        content: "";
        display: block;
        border-width: 10px;
        position: absolute;
        bottom: -20px;
        left: 100px;
        border-style: solid dashed dashed;
        border-color: #ccc transparent transparent;
        font-size: 0;
        height:0;
        line-height: 0;
    }

    .tooltip:after {
        bottom: -18px;
        border-color: #FFF transparent transparent;
    }


    .tooltip.tooltip-left-top:before {
        top: 3px;
        left: -21px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #CCC transparent transparent;
    }
    .tooltip.tooltip-left-top:after {
        top: 3px;
        left: -19px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #fff transparent transparent;
    }

    .tooltip.tooltip-left-center:before {
        top: 47%;
        left: -21px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #CCC transparent transparent;
    }

    .tooltip.tooltip-left-center:after {
        top: 47%;
        left: -19px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #fff transparent transparent;
    }

    .tooltip.tooltip-left-bottom:before {
        bottom: 3px;
        left: -21px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #CCC transparent transparent;
    }

    .tooltip.tooltip-left-bottom:after {
        bottom: 3px;
        left: -19px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #fff transparent transparent;
    }



    .tooltip.tooltip-right-top:before {
        top: 3px;
        left:101%;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #CCC;
    }

    .tooltip.tooltip-right-top:after {
        top: 3px;
        left: 100%;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #fff;
    }

    .tooltip.tooltip-right-center:before {
        top: 47%;
        left: 101%;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #CCC;
    }

    .tooltip.tooltip-right-center:after {
        top: 47%;
        left: 100%;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #fff;
    }

    .tooltip.tooltip-right-bottom:before {
        bottom: 3px;
        left: 101%;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #CCC;
    }

    .tooltip.tooltip-right-bottom:after {
        bottom: 3px;
        left: 100%;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #fff;
    }
/*tooltip*/