/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~dzc common style 20150701 ~~~~ */
* { word-wrap: break-word; box-sizing: border-box; }
body { background: #FFFFFF; text-align: center; }
body, td, input, textarea, select, button { color: #000000; font: 16px/1.6em Helvetica, Arial, sans-serif; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
#menu li, .popupmenu_popup li, #announcement li, .portalbox li, .tabs li, .postmessage fieldset li, .side li, .formbox li, .notice li { list-style: none; }
a { color: #000000; text-decoration: none; }
	a:hover { text-decoration: none; color: #FF6600; }
	a:visited { text-decoration: none; }
	a img { border: none; }
em, cite, strong, th { font-style: normal; font-weight: normal; }
table { empty-cells: show; border-collapse: collapse; }

.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 2px;
    background-color: #FFFFFF;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    background-color: #FFFFFF;
    color: #000000;
    padding: 0;
}
.menu ul {
    list-style-type: none;
    margin: 2;
    padding: 2;
}
.menu li {
    padding: 2px;
    margin-bottom: 1px;
    background-color :#FFFFFF;
    color: #000000;
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}
.aside {
    background-color: #FFFFFF;
    padding: 1px;
    color: #000000;
    text-align: center;
    font-size: 16px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
}
.footer {
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    font-size: 16px;
    padding: 0px;
}

.STYLE5 {color: #0033CC}
.STYLE5a {color: #0033CC;  font-weight: bold; }
.STYLE7 {color: #00FF00}
.STYLE8 {color: #FF0000}
.STYLE9 {color: #FFFFFF}
.STYLE10 {color: #339966}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
#divline {width:100%;height:3px;background: #FF6600;}
#divtop100 {float:left;width:100%; valign:bottom; overflow:hidden; background:#CCFFCC url("/uc/bb2/images/GreenPark/forumbox_head.gif");  color: #FFF; font-size: 20px; text-align: center;}
#divtop {float:left;width:350px;height:100px; valign:bottom; overflow:hidden;}
#div350main {float:left;width:350px;height:580px; background: #CCFFCC url("/images/divmain_bg.png"); overflow:hidden;}
#div350 {float:left;width:350px;height:580px;overflow:hidden;}
#divtop350 {background: #FFFFFF;}
#divfoot {float:left;width:350px;height:288px;overflow:hidden;}
#demo {background: #B5E61D url("/images/logo_bg1a.jpg");overflow:hidden;border: 0px dashed #CCC;width: 100%; }
#demo img {border: 0px solid #B5E61D;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

/* For 1800~4096 5 */
@media only all and (min-width: 1800px) and (max-width: 4096px) {
#divtop {float:left;width:20%; height:100x; valign:bottom; overflow:hidden;}
#div350main {float:left;width:20%; height:580px; background: #CCFFCC url("/images/divmain_bg.png"); overflow:hidden;}
#div350 {float:left;width:20%; height:580px;overflow:hidden;}
#divtop350 {background: #FFFFFF;}
#divfoot {float:left;width:350px;height:288px;overflow:hidden;}
body { background: #FFFFFF; text-align: center; }
.wrap { width: 1800px; text-align: left; margin: 1px auto; background: #FFFFFF; overflow:hidden; }
}
/* For 1380~1800 4 */
@media only all and (min-width: 1380px) and (max-width: 1800px) {
#divtop {float:left;width:25%; height:100px; valign:bottom; overflow:hidden;}
#div350main {float:left;width:25%; height:580px; background: #CCFFCC url("/images/divmain_bg.png"); overflow:hidden;}
#div350 {float:left;width:25%; height:580px;overflow:hidden;}
#divfoot {float:left;width:350px;height:288px;overflow:hidden;}
body { background: #FFFFFF; text-align: center; }
.wrap { width: 1380px; text-align: left; margin: 1px auto; background: #FFFFFF; overflow:hidden;}
}
/* For 1024~1380 3 */
@media only all and (min-width: 1024px) and (max-width: 1380px) {
#divtop {float:left;width:33.33%; height:100px; valign:bottom; overflow:hidden;}
#div350main {float:left;width:33.33%; height:580px; background: #CCFFCC url("/images/divmain_bg.png"); overflow:hidden;}
#div350 {float:left;width:33.33%; height:580px;overflow:hidden;}
#divfoot {float:left;width:350px;height:288px;overflow:hidden;}
body { background: #FFFFFF; text-align: center; }
.wrap { width: 100%; text-align: left; margin: 1px auto; background: #FFFFFF; overflow:hidden; }
}
/* For 600~1024  2 */
@media only all and (min-width: 600px) and (max-width: 1024px) {
#divtop {float:left;width:50%;height:100px; valign:bottom; overflow:hidden;}
#div350main {float:left;width:50%;height:580px; background: #CCFFCC url("/images/divmain_bg.png"); overflow:hidden;}
#div350 {float:left;width:50%;height:580px;overflow:hidden;}
#divfoot {float:left;width:350px;height:288px;overflow:hidden;}
.wrap { width: 100%; text-align: left; margin: 1px auto; background: #FFFFFF; overflow:hidden; }
[class*="col-"] {        width: 100%;    }
#forumnone { padding-right: 0px; display: none;}
}
/* For 200~600  1 */
@media only all and (min-width: 200px) and (max-width: 600px) {
#divtop {float:left;width:100%;height:100px; valign:bottom; overflow:hidden;}
#div350main {float:left;width:100%;height:580px; background: #CCFFCC url("/images/divmain_bg.png"); overflow:hidden;}
#div350 {float:left;width:100%;height:580px;overflow:hidden;}
#divfoot {float:left;width:350px;height:288px;overflow:hidden;}
.wrap { width: 100%; text-align: left; margin: 1px auto; background: #FFFFFF; overflow:hidden;}
[class*="col-"] {        width: 100%;    }
#forumnone { padding-right: 0px; display: none;}
}