/*---------------------------- BASIC */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, input, textarea, p, th, td { margin: 0; padding: 0 }
/*
table { border-collapse: collapse; border-spacing: 0 }
*/
fieldset, img { border: 0 }
address, caption, cite, dfn, th, var { font-style: normal; font-weight: normal }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
h1{font-size:18px;}
q:before, q:after { content: '' }
a:hover { cursor:pointer; text-decoration:underline;}
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
input, textarea, select { font-family: inherit; font-size: inherit; *font-size: 100%; font-weight: inherit }
legend { color: #666; }
:focus {outline:0;}

a,
a:hover,
a:link,
a:active,
a:visited {
    color: #666;
    text-decoration:none;
}
a:hover {
    cursor: pointer;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
/*---------------------------- BASIC */



/*---------------------------- CLEARFIX */
.clearfix {
    *zoom: 1; 
}
.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}
/*---------------------------- CLEARFIX */



/*---------------------------- BUTTON & INPUT */
button { 
    cursor: pointer; 
    _cursor: hand; 
}
button,
input {
    *overflow: visible;
    line-height: normal;
}

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

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
/*---------------------------- BUTTON & INPUT */


/*---------------------------- ELEMENT */
body .hidden {display:none;}
body .block {display:block}
body .right { float:right;}
body .left {float:left;}
body .center { text-align:center; }
body .a_left { text-align:left; }
body .a_right { text-align:right; }
body .a_justify { text-align:justify; }
body .trans_all {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}
body .trans_color {
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
}

/*---------------------------- ELEMENT */


/*---------------------------- OVERFLOW */
.ellipsis {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
/*---------------------------- OVERFLOW */


/*---------------------------- Font,  Link & Container */
body { 
    width: 100%;
    height: 100%;
    color: #666;
    font: 12px/1.6 Helvetica,sans-serif;
}
pre { 
    font: 12px/1.6 Helvetica,sans-serif;
    white-space:pre-wrap;
    word-wrap:break-word;
    *white-space:pre;
}
code { 
    font-family: courier new,courier,monospace; 
}
ul li {
    list-style-type: none;
}

/*--- Blockquote for WangEditor---*/
pre.tx img {
    margin-bottom: 20px;
    max-width: 100%;
}
pre.tx table {
    border: 1px solid #aaa;
    margin-bottom: 15px;
}
pre.tx table tr:first-child th {
    border-top: 0;
    font-weight: bold;
    background-color: #f4f4f4;
}
pre.tx table th, 
pre.tx table td {
    text-align: center;
    padding: 2px 0.5em;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
}
pre.tx table th:first-child,
pre.tx table td:first-child {
    border-left: 0;
}
pre.tx blockquote {
    background-color: #ede9e0;
    margin: 0;
    padding: 20px;
    border-left: 5px solid #c2b597;
}
pre.tx h1 {
    font-size: 36px;
}
pre.tx h2 {
    font-size: 30px;
}
pre.tx h3 {
    font-size: 24px;
}
pre.tx h4 {
    font-size: 18px;
}
pre.tx h5 {
    font-size: 14px;
}
pre ul li {
    list-style-type: initial;
    margin-left: 15px;
}
pre ol li {
    margin-left: 15px;
}
pre.tx iframe {
    max-width: 100%;
    margin-bottom: 15px;
}
pre.tx video {
    max-width: 100%;
    background-color: #ddd;
}