*{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,h12,h14,h16,h18,h20,h30,h40,h50 {color: #0069BB;font-weight: bold;}
h12 {font-size: 12px}
h14 {font-size: 14px}
h16 {font-size: 16px}
h18 {font-size: 18px}
h20 {font-size: 20px}
h30 {font-size: 30px}
h40 {font-size: 40px}
h50 {font-size: 50px}

.red{color:red}
.red2{color:#900}
.blue{color:blue}
.green{color:green}

a{text-decoration:none;color:#0069BB}
a:hover{color:blue}
li{list-style: none;}

li.border {
    border: 1px solid #ddd;
    margin-top: .3em;
    padding: .2em .5em .5em .5em;
    border-radius: 5px;
}
li.hover:hover {
    background: #007ACC;
    color:#fff;
}
li.hover:hover a{color: rgb(251, 255, 24);}

/** 蓝色 mvc-blue-table */
table.mvc-blue-table {width: 100%;border: 1px solid #ddd;white-space: pre-wrap;word-break: break-word;}
.mvc-blue-table td, .mvc-blue-table th {padding: 5px 10px;font-size: .7em;font-family: Verdana;color: #515151;text-align: left;}
.mvc-blue-table th {background: #007ACC;color: #fff;border-right: 1px solid #0069BB}
.mvc-blue-table td:not(:last-child) {border-right: 1px solid #D6D6D6}
.mvc-blue-table tr:nth-child(even) {background: #F6F6F6}
.mvc-blue-table tr:nth-child(odd) {background: #FFF}
.mvc-blue-table tr:hover {background: #E8E8E8;color: #fff;}

/** 紫色 mvc-purple-table */
table.mvc-purple-table {border: 1px solid #ddd;white-space: pre-wrap;word-break: break-word;}
.mvc-purple-table td, .mvc-purple-table th {padding: 5px 10px;font-size: .7em;font-family: Verdana;color: #515151;text-align: left;}
.mvc-purple-table th {background: #8066A0;color: #fff;border-right: 1px solid #9985B3}
.mvc-purple-table td:not(:last-child) {border-right: 1px solid #D6D6D6}
.mvc-purple-table tr:nth-child(even) {background: #DFD8E8}
.mvc-purple-table tr:nth-child(odd) {background: #FFF}
.mvc-purple-table tr:hover {background: #E8E8E8;color: #fff;}
.mvc-purple-table tr.sum {background: #9985B3;color: #fff}
.mvc-purple-table tr.sum td {color: #fff}

/** dd */
.dd {background-color: #fffffe;color: #000;border: 1px #ddd solid;margin: 10px 0;padding: 0 10px;}
.dd pre {line-height: 1.5em;font-size: 16px;font-family: monaco, Consolas, Menlo, Courier, monospace;padding: 0;margin: 0}
.dd pre .dd-blue {color: blue}
.dd pre .dd-to {color: #ccc}
.dd pre .dd-num {color: #F00}
.dd pre .dd-string {color: #690}
.dd-string-multiple {color:#A6A}
.dd pre .dd-array {color: #990}
.dd pre .dd-object {color: #C0C}
.dd pre .dd-object-val {color: #000;font-size: 11px;line-height: 15px;font-weight:normal}
.dd pre .dd-stdClass {color: #C00;font-weight: bold}
.dd pre .dd-file {color: #aaa}
.dd pre .dd-call {color: #609;font-weight: bold}
.dd pre .dd-call-active {color: #f00}
.dd pre .dd-code {color: #000;font-size: 10px}
.dd pre .dd-area-1 {color: #f00;font-weight: bold}
.dd pre .dd-area-2 {color: #090;font-weight: bold}
.dd pre .dd-area-3 {color: #00f;font-weight: bold}
.dd pre .dd-area-4 {color: #F0F;font-weight: bold}

/** php code*/
pre.phpcode {
    white-space: pre;
    font-family: Consolas, monaco, Menlo, Courier, monospace;
    font-size: 17px;
    line-height: 22px;
    background: #fefefe;
    color: #222;
    font-weight: 200px;
    border: 1px #ddd solid;
}
div.box-alert {
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    min-width: 300px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1em;
}

div.box-alert p {
    padding: 1em 0;
}

div.box-warning {
    border-radius: 10px;
    border: 1px solid #ce5d12;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    min-width: 300px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1em;
}

div.box-warning p {
    padding: 1em 0;
}