/*½½¸²أك°،*/
body {background-color:#fff;}
#topheader {padding:0;}
.ui-btn-right {position:absolute; float:right; top:10px; right:10px;/*top:30px; margin:30px 0;*/}
.toplogo {float:left; padding:10px 0;}
.clear {clear:both; padding:0; margin:0;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.txt-center {text-align:center}
#mainP img {max-width: 100%; margin: 0;}

#mainbtn table {width:100%; margin:0; padding:0;  /*border:1px solid #ddd;*/}
#mainbtn table td { border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
/*#mainbtn table td img {max-width: 100%; margin: 0;}
#mainbtn img a {max-width: 100%; margin: 0;}*/

#mainbtn table .imgfx {width: 100%; margin: 0;}
#right-panel ul li h3  {text-decoration:none; color:#333}
#right-panel  h3  a{text-decoration:none; color:#333}
#right-panel  h3  a:hover {text-decoration:none; color:#333}

#subcontent {margin:5px 8px 20px 8px; background-color:#fff; !important!}
#subcontent .article {background-color:#fff;}
#subcontent h3 {border-bottom:1px solid #eee; padding:0 0 10px 0;}

#subcontent table {width:100%}
#subcontent table tr td {border-bottom:1px solid:#ddd; padding:7px;}

.txt12 {font-size:12px;}

.sub_board {}


/* Adjust the width of the left reveal menu. */
#demo-page #left-panel.ui-panel {
    width: 15em;
}

#demo-page #left-panel.ui-panel-closed {
    width: 0;
}
#demo-page .ui-panel-page-content-position-left,
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 15em;
    right: -15em;
}
#demo-page .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(15em,0,0);
    -moz-transform: translate3d(15em,0,0);
    transform: translate3d(15em,0,0);
}
/* Listview with collapsible list items. */
.ui-listview > li .ui-collapsible-heading {
  margin: 0;
}
.ui-collapsible.ui-li-static {
  padding: 0;
  border: none !important;
}
.ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn {
  border-top: none !important;
}
/* Nested list button colors */
.ui-listview .ui-listview .ui-btn {
    background: #fff;
}
.ui-listview .ui-listview .ui-btn:hover {
    background: #f5f5f5;
	color:#333
}
.ui-listview .ui-listview .ui-btn:active {
    background: #f1f1f1;
	color:#333
}
/* Reveal panel shadow on top of the listview menu (only to be used if you don't use fixed toolbars) */
#demo-page .ui-panel-display-reveal {
    /*-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;*/
}
#demo-page .ui-panel-page-content-position-left {
   /* -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    box-shadow: -5px 0px 5px rgba(0,0,0,.15);*/
}
/* Setting a custom background image. */
#demo-page.ui-page-theme-a,
#demo-page .ui-panel-wrapper {
    background-color: #fff;
    background-image: url("../_assets/img/bg-pattern.png");
    background-repeat: repeat-x;
    background-position: left bottom;
}
/* Styling of the page contents */
.article p {
    /*margin: 0 0 1em;*/
	margin: 0;
    line-height: 1.5;
}
.article p img {
    max-width: 100%;
	margin: 0;
}
.article p:first-child {
    text-align: center;
}
.article small {
    display: block;
    font-size: 75%;
    color: #c0c0c0;
}
.article p:last-child {
    text-align: right;
}
.article a.ui-btn {
    margin-right: 2em;
}





@media all and (min-width:769px) {
    .article {
        max-width: 994px;
        margin: 0 auto;
        padding-top: 4em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .article a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}