/*** common elements ***/
html, body, form { margin:0; padding:0; width:100%; }
body, input, textarea, select, button, pre { font-size: 16px; font-family: "Microsoft Yahei","微软雅黑", "Lantinghei SC", "Helvetica Neue", Arial, STHeiti, "WenQuanYi Micro Hei", SimSun, "sans-serif"; }
audio{width:90%; display:block; height:4em;}
a, .text-link,.big-link {text-decoration:none; cursor:pointer;} .big-link{font-size:1.2em;}
.expand-all-text { display:inline-block; color:orange; cursor:pointer; font-size:0.9em; }
div.expand-all-text2 { color: orange; cursor: pointer; font-size: 0.9em; text-align:center; margin:0.5em 0; float:left; padding:1em 2em; }
input[type=button], input[type=submit], .button, button { display: block; float: left; border: 1px solid brown; border-radius: 0.3em;  padding: 0.3em 1em; cursor: pointer; font-size: 1em; text-shadow: 0 0 0; }
.button-addone { border:1px dashed orange; background-color:transparent !important; color:orange !important; text-align:center; }
.button-withvalue { border: 1px solid orange !important; color: orange !important; }
.button-withvalue-current { border-color: yellow !important; color: yellow !important; }
.button-unselected { background-color: transparent !important; color: orange !important; }
img { max-width: 100%; border-width: 0; display: block; max-height: 30em; } .main-image-container { height: 30em; overflow:hidden; }
.img2 { max-width: 90%; max-height: 20em; display: block; border-radius: 0.5em; }
ul { margin: 0; padding-left: 1.2em; }
iframe { display: block; border: none; width: 95%; height: 26em; }
.clear { clear: both; }
.border { border-style: solid; border-width: 1px; }
.error { color: red !important; border-color: red; }
  .error:hover, input[type=text].error:hover, textarea.error:hover { border-color: red; }
.tooltip { font-style: italic; }
svg { width: 100%; height: 28em; font-size: 12px; background-color: black; }
table, tr, td {border-width:0; padding:0; }

.admin-commandbar { margin:1em 0 0 0; }
.admin-button { margin:0 1em 1em 0; }
.field-unit, .field-unit-auto, .field-unit-2cols, .field-unit-full, .field-unit-number, .field-unit-datetime { float: left; width: 16.5em; max-width: 90%; min-height: 5em; margin-bottom: 1em; margin-right: 1em; }
.field-unit-auto { min-height:0; margin-bottom:0.3em; float:none; width:auto; max-width:none; margin-right:0; }
.field-unit-number { width:8em; }
.field-unit-datetime { width: 22em; }
.field-unit-2cols { width: 34em; }  
.field-unit-full { width:90%; }
.field-unit-inside-group { float: left; margin-right: 1em; }
.field-unit-full textarea { width:98%; }
.field-unit-2cols textarea, .field-unit-2cols input[type=text] { width: 98%; }
::-ms-clear { width: 0; height: 0; }   
::-ms-reveal { width: 0; height: 0; }
input.Max2BitsNumberInput { width: 1.5em; text-align: center; }
input.Max4Ns { width: 2.5em; text-align:right;}
input.DateInput, input.NumberInput { width: 6em; }
input.DateTimeInput { width: 14em; }
input { border: 1px solid yellow; padding: 0.1em 0.2em; width: 90%; font-size: 1.4em; }
input.color { width: 13em; font-size: 1em; height: 3em; }
input[type=file] { border-width: 0; padding: 0; border-style: solid; width:90%; }
input[readonly=readonly] { border-width: 0; padding: 0; }
textarea { border: 1px solid yellow; padding: 0.1em 0.2em; width: 11.6em; height: 5.5em; font-size: 1.2em; }
select { border: 1px solid yellow; font-size: 1.4em; color: black; }
.checkboxunit { padding-top: 2.1em; }
input[type=checkbox], input.checkbox { display: block; float: left; position: relative; left: 0.6em; margin: 0; border-width: 0; padding: 0; width: auto; -ms-transform: scale(3); -moz-transform: scale(3); -webkit-transform: scale(3); -o-transform: scale(3); }
.checkboxtext { display: block; float: left; position: relative; left: 1.8em; top: -0.5em; font-size: 1.2em; }
.radiolist { margin-top: 2em; display: block; }
  .radiolist input, input[type=radio] { margin-right: 0.5em; width: auto; margin-bottom: 1.5em; -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); }
  .radiolist label { margin-right: 2em; }
  .radiolist div { float: left; padding: 0.5em 0; white-space: nowrap; }
.NumberAdjuster { float: left; padding: 0.3em 0.2em; height: 1.5em; width: 1.6em; text-align: center; cursor: pointer; }
input.NumberAdjustInput { float: left; height: 1.2em; width: 2em; text-align: center; }
.required-fill { margin: 0 0.3em; color: red !important; border-color: red; }
.input-helper-item { float:left; margin:0.5em 0.5em 0 0; width:2.1em; }

.search-condition-unit { float:left; margin:0 2em 1em 0; }


/*** page layout ***/     
#PageDiv { margin-bottom: 0em; }
#PageHeadDiv, #PageHeadDiv2 { padding-top: 0.3em; background-color: #222; background-repeat: repeat-x; background-size: auto 4.3em; background-position: top; border-bottom: 1px solid #292929; }
#PageHeadDiv2 { border-width: 0.15em 0 0 0; border-top: 1px solid #292929; }

#PageBigImagesOuterContainer { margin-bottom:3em; }
.PageBigImagesContainer { width: 100%; height:25em; background-color:#222; overflow:hidden; }
.PageBigImagesWorkSpace { width: 1000%; height: 100%; position: relative; left: 0; }
  .PageBigImagesContainer .a-pagebigimage-container { float: left; width:10%;}
    .PageBigImagesContainer .a-pagebigimage-container .image { max-width:none; max-height:none; float: left; }
    .PageBigImagesContainer .a-pagebigimage-container .a-pagebigimage-authors-container  { float: right; width:20em;padding-top:12em; }
    .PageBigImagesContainer .a-pagebigimage-container .a-pagebigimage-authorcontainer  { float: right; width: 9.5em; margin-right: 0.15em; margin-top:0.2em; }
      .PageBigImagesContainer .a-pagebigimage-container .a-pagebigimage-authorcontainer .author-image  { border-radius: 1em 1em 0 0; width: 9.5em; height:9.5em; }
      .PageBigImagesContainer .a-pagebigimage-container .a-pagebigimage-authorcontainer .author-text-container { display:block; text-align: center; font-size: 1.2em; border-radius:0 0 0.5em 0.5em; float:none; }
    .PageBigImagesContainer .a-pagebigimage-container .PageBigImageText { float: right; width: 35%; border-radius: 0.5em; padding: 1em; color: yellowgreen; font-size: 1.2em; display:none; margin-right:0.15em; }
      .PageBigImagesContainer .a-pagebigimage-container .PageBigImageText .PageBigImageTextSub {margin-top:1em; }
      .PageBigImagesContainer .a-pagebigimage-container .PageBigImageText .PageBigImageTextSub div { float:right; margin-right:0.5em; }
      .PageBigImagesContainer .a-pagebigimage-container .PageBigImageText .PageBigImageUpdateTimeText {  }
.PageBigImagesIndexerContainer { background-color:#333; }
.PageBigImagesIndexer { float:left; }
#PageBigImagesIndexerContainer .pagebigimage-index { float: left; margin: 0; border-radius: 0 0; border-right-color: #666; border-left-width: 0px; padding-left:1.8em; padding-right:1.8em; }
#PageBigImagesIndexerContainer .pagebigimage-index-current { color: white; border-color: white; border-left-width: 1px; background-color:#555; }

#ReadingStatus { position: fixed; bottom: 3em; right: 0; border-radius: 0.5em 0 0 0.5em; font-size: 0.8em; width: 2.1em; padding: 0.3em 0 0.3em 0.3em; border: 1px solid yellow; border-width: 1px 0 1px 1px; }
#AdsDeclare { margin-bottom: 1em; }
#PageHeadSiteHomeContainer, #PageHeadSiteHomeContainer2 { float: left; margin-bottom: 0.5em; }
#PageHeadHomeImage, #PageHeadHomeImage2 { display: block; float: left; margin: 0.2em 0.6em 0 0.2em; height: 2.8em; cursor: pointer; }
#PageHeadSiteNameDiv2, #PageHeadSiteNameDiv { margin-left: 0.15em; }
#PageHeadSiteNameDiv, #PageHeadSiteNameDiv2 { font-size: 2.3em; float: left; margin-right: 0.5em; display:block; }
#PageHeadSiteNameDiv2 { }
#PageHeadPersonLogo, #PageHeadPersonLogo2 { float: right; margin-right: 0.2em; margin-left: 1em; margin-bottom: 0.5em; }
#MemberNameDiv, #MemberNameDiv2 { float: left; margin: 1em 0.5em 0 0; text-align: right; overflow: hidden; }
.person-face-image { margin-top: 0.3em; height: 2.8em; width:2.8em; border-radius: 0.55em; float: left; }
#UnReadMessageCountContainer { float: right; margin: 0.7em 0.2em 1em 1em; padding: 0.3em; border-radius: 0.3em; font-size: 1em; text-align: center; }

#SearchDiv, #SearchDiv2 { float: right; margin: 0.6em 0.2em 0.7em 2.6em; border: 1px solid white; background-color:white; border-radius:0.2em; overflow:hidden; }
#SearchDesc{text-align:center; font-size:1.3em;margin:0 0 0.5em 0;color:white;}
#SearchKeysTextBox, #SearchKeysTextBox2 { float: left; display: block; width: 13em; max-width:80%; background-color:white; color:orange; }
#SearchImageClientButton, #SearchImageClientButton2, .SearchImageClientButton { float: right; display: block; height: 2.25em; cursor: pointer; }

#PageHeadRightPart, #PageHeadRightPart2 { float: left; margin-left: 0.2em; }
#PageHeadMenu, #PageHeadMenu2 { float: left; margin-bottom:1em; }
  #PageHeadDiv .menuitem, #PageHeadDiv2 .menuitem { float: left; }
  #PageHeadDiv .menuitem, #PageHeadDiv2 .menuitem, #LoginText, #LoginText2 { margin: 0.5em 0.7em 0 0; padding: 0.2em 0.4em; font-size: 1.2em; }

#PageHeadMenuExpander { float: left; height: 1.2em; margin-top: 1em; height:1.4em; cursor:pointer; display:none; }

#MobileMenuContainer {padding:1em 0 2em 0; background-image: url('/Images/shadow.png'); background-repeat:repeat-x; background-position-y:bottom; margin-bottom:2em; }
.mobile-menu-item { float:left; width:3.5em;  display:block; }
  .mobile-menu-item img { width: 100%; display:block; }
  .mobile-menu-item-text {text-align:center; font-size:0.9em;color:gray; margin-top:0.3em;}
  .mobile-menu-item-text:hover { color: rgb(63, 192, 240); }


#PageContentDiv { padding: 0em 5% 0em 5%; min-height: 5em; }
#CommonPageContentContainer { padding-bottom: 6em; }
.page-bottom-commandbar { margin: 3em 0; }
  .page-bottom-commandbar .button { margin-right: 1em; margin-bottom: 1em; float: left; }
#PageHeadDiv2 { margin: 5em 0 0em 0; }
.site-message { padding: 0.3em; margin: 0 0 1em 0; text-align: center; border: 1px solid red; border-radius: 0.3em; }
.small-page-container { margin: 0em auto; width: 90%; max-width: 20em; }


.page-title-section { padding:1.5em 0.2em 0.9em 0.2em; margin-bottom:0em; }
.page-title-section-innercontainer { border: 0.05em solid greenyellow; border-radius: 0.5em; overflow:hidden; border-top-width:0;}
.page-title, .page-title-withcommands { font-size: 1.5em; display: block; border-radius: 0.35em; color: green; padding: 0.5em; float: left; background-color: greenyellow; margin: -0.6em 0.5em 0.3em 0; }
.page-desc { padding: 0.1em 0em 0.3em 0.5em;  }
.page-command, input.page-command { float: right; display: block; margin-right: 1em; margin-bottom: 1.2em; margin-top: 0em; }
.page-command2 { margin-bottom: 0 !important; margin-top: 0 !important; }
.page-summary { margin-bottom: 0em; padding:.3em 0.3em 0 0.3em; margin-right: 1em;float:left;}

.page-title-sentence{font-size:1.2em; padding-top:1em; padding-bottom:3em;}


#PageBottomDiv { margin: 3em 1em 3em 1em; }
.site-info-item { float: left; margin: 0.5em 1em 0.3em 0; white-space: nowrap; font-size: 0.9em; }
#AdsContainer { margin: 0 0.5em 0em 0.5em; height:16.5em; overflow:hidden;  }
  #AdsContainer .repeater .block { padding: 0; border-radius: 0.6em; height: 13em; border-color: greenyellow; max-width: 19em; width: 95%; background-size:cover;}
  #AdsContainer .ad-container { padding: 0.8em; }
  #AdsContainer .ad-text-title { color: greenyellow; font-size: 1.5em; margin-bottom: 0.7em; }
#BegSupportContainer { display: block; background-color: transparent; width: 100%; height: 100%; overflow: hidden; margin-bottom: 3em; }
#BegSupportContent { /*margin:auto;*/ margin-left: 0.5em; display: block; width: 90%; max-width: 530px; height: 30em; max-height: 530px; margin-top: 0.5%; background-color: white; background-image: url(/Images/busi.jpg); background-size: cover; border-radius: 1em; border: 2px solid brown; color: brown; overflow: hidden; }
#BegSupportImage { width: 100%; }
#BegDescription { margin-bottom: 0em; background-color: white; padding-bottom: 0.5em; }
#BegSupportContent .button { background-color: brown; border: 1px solid brown; display: block; margin: 0em 0em 0.2em 0; float: left; color: white; width: 12em; font-size: 1.1em; }
#BegSupportContent .button2 { background-color: white; color: brown; height: 2.7em; }
#BegSupportContent .button3 { width: 4.5em; margin-top: 0.1em; margin-right: 0.5em; height: 2.6em; }
#BegBottomDesc { margin-top: 0em; background-color: white; padding: 0.3em 0.3em; border-radius: 0.5em; }
#BusiDescContainer { width: 17em; margin-top: -12.8em; margin-right: 0.3em; float: right; display: none; }
  #BusiDescContainer img { max-height: 17em; margin-left: 0.5em; }
#LowIEReminder { background-color: yellow; color: red; display: none; position: absolute; top: 0; width: 100%; }
  #LowIEReminder table { width: 100%; }
    #LowIEReminder table a { background-color: red; color: white; float: left; font-size: 1em; display: block; padding: 0.5em; }
    #LowIEReminder table img { float: right; height: 2em; cursor: pointer; }


/*** common components ***/

/* section */
.section { margin-bottom: 3em; }
.section-titlerow { margin-bottom: 0em; }
.section-title, .section-title2 { float: left; margin: 0.2em 1.5em 1em 0; font-size: 1.2em; }
.section .section-titlerow .section-title { margin-top:0.2em; }

/* blocks */
.block, .block2, .cblock { margin: 0em 0.5em 0.5em 0; border: 1px solid yellow; border-radius: 0.4em; background-color: transparent; padding: 0.5em; overflow: hidden; }
.block2, .cblock { padding-bottom: 0; }
.cblock { background-color: transparent; border-width: 0px 0 0 0; border-radius: 0; border-color: yellow; padding-left: 0.1em; padding-right: 0.1em; }

/* svg */
.svg-line-selector { float: right; }
  .svg-line-selector .button { float: right; border-width: 0; margin-right: 0.3em; margin-bottom: 2em; color: white; }

/* dialog */
.dialog-back { position: absolute; top: 40%; left: 10%; width: 80%; height: 20%; border: 2px solid brown; border-radius: 1em; overflow: hidden; background-color: gold; }
.full-dialog-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.dialog-title { font-size: 1.2em; float: left; margin-left: 0.8em; margin-top: 0.2em; }
.dialog-cancel { margin-right: -2px; margin-top: -2px; cursor: pointer; float: right; font-size: 1.2em; padding: 0.2em 0.5em; border-radius: 0 0.7em 0 0.7em; }
.dialog-content { clear: both; padding: 1.5em 1em 1em 1em; overflow: hidden; }
.dialog-commandsbar .button { border-radius: 0 0 0.4em 0.4em; margin-right: 0.5em; margin-top: -1px; margin-bottom: 1.5em; padding-left: 0.5em; padding-right: 0.5em; display: block; float: right; }
.close-image { height: 4em; display: block; cursor: pointer; }

/* color selector */
#ColorSelectorsContainer { position: fixed; bottom: 0; width: 100%; height: 0; background-color: aliceblue; overflow: hidden; text-shadow: 0 0 0; border-width: 1px 0 0 0; border-style: solid; border-color: brown; display: none; }
  #ColorSelectorsContainer .AColorContainer { border: solid 1px yellow; float: left; height: 90%; width: 31%; margin: 0.5% 0.5%; cursor: pointer; }

/* date picker */
.ui-datepicker { border-color: gray; background-color: white; border: 1px solid gray; }
  .ui-datepicker a { color: gray;  background-color: transparent; padding: 0; }

/* file upload control*/
.images-container { margin: 0.5em 0 0 0; }
.images-item { float: left; margin: 0 0.5em 0.5em 0; background-color: transparent; max-width: 90%; min-width: 14em; height: 18em; }
a.upload-images-item-image-link { display: block; float: none; background-color: transparent; padding: 0; height: 14.5em; overflow: hidden; }
  a.upload-images-item-image-link .image { max-height: 100%; max-width: 100%; border: 1px solid #aaa; display: block; }
.upload-images-item-image-cropper { width: 100%; height: 100%; }
  .upload-images-item-image-cropper img { max-height: 100%; max-width: 100%; display: block; }
.list-item-commands-bar { background-color: #444; padding: 0.3em 0 0.1em 0; height: 3em; width: 100%; }
.image-groups-container .list-item-commands-bar { float: left; margin-right: 0.5em; width: 15em; }
.list-item-delete-image { float: left; display: block; margin-left: 0.2em; cursor: pointer; background-color: transparent; height: 90%; width: 3em; }
.images-item-order-panel { float: right; margin-right: 0.5em; background-color: transparent; height: 90%; width: 10em; }
.list-item-commands-bar .move-afterward, .list-item-commands-bar .move-forward { display: block; float: right; height: 100%; }
.list-item-commands-bar input { float: right; background-color: white; width: 2em; height: 85%; color: black; text-align: center; }
.image-story-container { margin-top: 2em; }
.image-story-upload-title { display: block; margin-bottom: 0.5em; color: gray; font-size: 0.8em; }
.upload-file-group-info-textbox { float: left; margin: 0.5em 0; width: 50%; min-width: 15em; }

/* list */
.repeater .block .write-article, .repeater .block .newitem-inblock { background-color: transparent; border-width: 0; text-align: center; font-size: 2em; margin-top: 0em; margin-right: 0; float: none; padding: 0;  }
.repeater .block .newitem-inblock { display: block; color: #666 ;}
div.repeater a.destination-place { width: 2.5em !important; height: 4.5em !important; background-color: transparent !important; display: block; float: left; margin-right: 0.5em; margin-bottom: 0.5em; border-style: dashed; }
.repeater a.article { float: left; overflow: hidden; margin: 0em 0.5em 0.5em 0; width: 6.5em; height: 4.5em; }
.repeater input.checkbox-in-item { float: left; margin-left: -2em; margin-top: 0.5em; }
.repeater img.repeater-image { float: left; margin: 0 0.5em 0.5em 0; max-height: 20em; max-width: 90%; }
.repeater-item-head { margin-bottom: 0.5em;  }
.repeater-item-title { float: left; margin-right: 1em; font-size: 1.2em; }
.repeater-item-commandbar { float: right; margin-bottom: 0.5em; margin-left: 1em; display:none; }
  .repeater-item-commandbar a, .repeater-item-commandbar .text-link { margin-left: 1.5em; float: right; }
.repeater-item-name, .repeater-item-value, .repeater-item-time { float: left; display: block; margin-right: 1em; margin-bottom: 0.5em; }
.repeater-item-value { }
.repeater-item-time { float: right; margin-left: 1em; margin-right: 0; }
.repeater-item-time2 { margin: 0.5em 0; }
.repeater-item-desc { float: left; margin-bottom: 0.5em; }
.list-item { float: left; width: 17em; height: 9.4em; overflow: hidden; }
.repeater .list-item-status-false { border-color:red !important; }
.list-item-image-link { display: block; float: left; margin-right: 0.5em; width: 4.5em; height: 4.5em; overflow: hidden; border-radius: 0.3em; background-size:cover; background-position:center center; }
.list-item-img { height: 4.5em; width: 4.5em; border-radius: 0.3em; }
.list-item-right, .list-item-right2 { float: left; margin-top: -0.2em; width: 11.5em; }
.list-item-right2 { float: none; width: auto; }
.list-item-text-link { display: block; font-size: 1.2em; }
.list-item-text-link2 { display: block; font-size: 1.2em; height: 1.2em; overflow: hidden; }
.list-item-title-text { height: 1.7em; overflow: hidden; white-space: nowrap; }
.list-item-title-text2 { height: 2.8em; margin-top: 0.1em; margin-bottom: 0.2em; overflow: hidden; white-space: normal; }
.list-item-author-link { margin-top: 0.3em; display: block; cursor: text; cursor: pointer; }
.list-item-author-text { overflow: hidden; font-size: 1em; white-space: nowrap; }
.list-item-author-text-2rows { overflow: hidden; font-size: 1em; height: 2.5em; cursor: text; }
.list-item-updatetime { font-size: 0.8em; }
.list-item-author-image { display: block; float: right; margin-top: -0.8em; margin-right: -0.5em; border-radius: 2em; width: 3.2em; height: 3.2em; }
.list-item-bottom { clear: both; padding: 0.5em 0.2em; }
.article-list { overflow: hidden; }


.news-list { float: left; overflow:hidden; }
  .news-list .anews { float: left; width: 20em; margin: 0 1em 1em 0; padding: 0em; color: #6a7884 ; background-color:white;}
  .news-list .anews-image-link { float: none; margin-right: 0em; display:block; width:100%; height:11.18em; overflow:hidden; }
  .news-list .anews-image { width:100%; height:auto; max-height:none; max-width:none; display:block; }
  .news-list .anews-right { float: none; clear:both; padding: 0.8em; }
  .news-list .anews-time { margin-bottom: 0.5em; margin-top: 0.5em; clear: both; font-size: 0.85em; }
  .news-list .anews-text-link { display: block; float: left; height: 2.5em; overflow: hidden; font-family: 'Times New Roman'; font-size: 1.3em; color: #6a7884; }
  .news-list .anews-summary {  font-size: 0.9em; margin-top: 0.5em; height: 2.7em; overflow: hidden; }
  .news-list .anews-read-link { font-size: 0.9em; color: #46b7c7; padding:0.99em 0; display:block; }
  .news-list .anews-image-isnew { margin-top:-11.18em; height:3em; width:3em; margin-left:17em;z-index:999;position:absolute; }
  
  .small-images-list-container { padding: 0; float: left; background-color: transparent; height: 140px; overflow: hidden; }
  .small-images-list-container a { float: left; display: block; padding: 0 0.5em 0.5em 0; background-color: transparent; }
    .small-images-list-container a img { width: 176px; height: 62px; max-width: none; max-height: none; display: block; }

.fullscreen-images-list-container a { float: left; display: block; padding: 0; background-color: transparent;border:1px solid white; border-width:0 0px 2px 2px; }
  .fullscreen-images-list-container a img {  max-width: none; max-height: none; display: block;height:100%; width:100%; }
.image-list-pageitem, .current-image-list-pageitem { float: left; font-size: 1.3em; margin: 1em; cursor:pointer; }
.current-image-list-pageitem { color: rgb(63, 192, 240); text-decoration: underline; }


/* pager */
.paging-container { margin-top: 2em; }
  .paging-container a { margin-right: 1em; float: left; margin-bottom: 1em; }
  .paging-container span { display: block; float: left; margin-right: 1em; }
a.current-page { background-color: transparent; border: 1px solid yellow; cursor:text; }
  a.current-page:hover { background-color: transparent !important; border-color:yellow !important; }



/*** special elements on dedicated pages ***/

/* main page */
.site-desc{font-size:1.2em;}
.write-article { margin-right: 0.5em; margin-bottom: 0.5em; } 
.text-content{font-size:1.2em;}

/* myspace page */
.myspace-commands-container a.button{margin:0em 1em 1em 0; width:2.1em; display:block; float:left; padding:0.3em 0.7em;}

/* article page */
article{overflow:hidden;}
.article-commandbar { margin-bottom: 0.5em; margin-top:2em; }
.article-title, .article-bottom-navigator { margin: 0; }
.article-title2 { padding:3em 0 1em 0; }
  .article-title2 .article-name { margin-right:1em; }
  .article-title2 .article-author { float: left; margin-top: 0.5em; margin-right: 1em; }
  .article-title2 .article-count-info { margin-top: 0.5em; margin-right:1em; }
.article-parents { float: left; margin-right: 1em; }
.article-parents a span{ font-size:1em; }
.article-navigator-container { float: left; margin-right: 1em; }
.article-navigator-next { margin-right: 0.5em; }
.article-name-container { float: left; }
.article-name { float: left; font-size: 2em; margin-right:0.3em; margin-top: -0.2em; margin-bottom: 0.5em; }
.article-count-info { float: left; margin-top: 0.7em; margin-bottom: 2em; }


.article-title .navigator, .article-bottom-navigator .navigator{ padding:0.3em 1em; float:left; display:block; margin-right:0.5em; margin-bottom:1.5em;}
.article-bottom-navigator{margin-top:3em;}
.article-bottom-navigator a.article-parent{display:inline-block; margin:0em 1em 0em 0; font-size:0.6em; padding:0.5em 1em 0.2em 1em;}
.article-author-link { display: block; float:left; margin-bottom:2em; margin-right:2em; }
.article-author-link .article-author { margin:0 1em 0.3em 0; font-size:1.2em;}
.article-author-link .article-author-image
{float:left;width:3em; height:3em; border-radius:0.5em; display:block; margin:0 1em 0 0em;}
.article-author-link .article-updatetime{font-size:0.9em;}
.article-briefdesc{ margin-bottom:0em;   font-size:1.2em; }
.article-children-container { margin-top: 0em; margin-bottom: 4em; }
.article-children-container .article-child-title { margin-top: 0.15em; font-size: 1.2em; overflow: hidden; }
.article-children-container .article-child-top { font-size: 0.8em; }
  .article-children-container .article-child-bottom { font-size: 0.8em; margin-top: 0.4em; } 
  .article-section { margin-bottom: 3em; }
.move-error{margin:0 0 2em 0;}
.article-content{margin:0em 0 1em 0; font-size:1.2em; border-radius:0.5em; padding:0em; }
.article-content-image{max-height:30em; margin-right:1em; float:none;}
.article-content-audio{ height:3em; width:90%;}
.article-content-video { width: 90%; max-height: 30em; background-color: black; }
.article-start-end{margin: 0;}
.article-blocks-container{}
.article-block-title{margin:1em 0 0 0; font-size:1.1em; }
.article-block{padding:0em 0;}
.article-ju{margin:0;}
.article-p{margin:10px 0;}
.article-p img{max-width:100%;}
.article-bottom-container{margin:2em 0 0 0;}
.article-operations-container{float:left; margin-right:1em;}
.article-operations-container .button {display:block; float:left; margin-right:1em; margin-bottom:1em;}
.article-dashboard { float:left; margin:0em 0; padding:0.3em 0; font-size:1em; }
a.article-supporter-link {float:left; display:block; margin:0 0.5em 0.5em 0; font-size:0.8em; overflow:hidden;}
a.article-supporter-link img{width:4em; border-radius:0.5em; display:block;}
a.iwantsupport{width:4em; height:4em;border-radius:0.5em;display:block; float:left; font-size:0.8em;}

.article-content-imagelist-container { margin-bottom:2em; }
.article-content-imagelist { float:none; }
.left-button-image, .right-button-image { float: left; margin-top: 0.5em; cursor:pointer; height:2em; }
.right-button-image { float: right;  }
.article-image-list-summary{ padding-top:0.8em; text-align:center;}

/* discussion page */
.message-input{width: 90%; height: 7.5em; float: left;}
.message-replied-content{ display:none; border:1px dashed #444; border-width:1px 0 0 0; padding:1em 0; margin:1em 0; }
.message{}
.comment-target { border-width: 0 0 1px 0; border-style: dashed; padding-bottom: 0.2em; margin-bottom:0.5em; margin-right:1em; float:left; display:block;  }
.message-writer{float:left; margin-right:1em; margin-bottom:0.5em; font-size:1.0em; }
.message-time {float:right; display:inline-block; margin:0 0 0.5em 1em; }
.message-content-container{ float:left; margin-bottom:0.6em;}
.message-replybutton, .message-deletebutton, .message-hidebutton,.message-expan
{ float:right; margin-left:1em; margin-bottom:0.5em; }
.message-deletebutton{display:none;}
.replied-message-container{ border:1px dashed yellow; border-width:1px 0 0 0;padding:0.5em 0 0 0;}
.replied-message-container a{}

/* edition page */
#EditorPageFieldsContainer {clear:both; overflow:auto; border:1px solid #444; border-width:0px 0 0px 0px; padding:0em 0 1em 0.2em;}
.inline-field { float:left; margin-right:1em; margin-bottom:0.2em; white-space:nowrap;}
.field-title-container{margin-bottom:0.2em; }
.field-title {white-space:nowrap; }
table tr td.field-title { text-align:right; padding-right:0.5em; }
.submit-row { margin-top: 2em; padding-left: 0em; }
.single-selector-item, .single-selector-item-selected { margin: 0 0.5em 0.5em 0;  }
div.single-selector-item-selected, div.single-selector-item-selected:hover { background-image: url(Images/Select.png); background-size: 2em; background-repeat: no-repeat; background-position-x: 4.5em; padding-right: 3em; border-color: white; color: white; }

/* list page */
.listpage-commandbar a.button { display: block; float: left; margin: 0 0.5em 1em 0; }
.search-container{ margin-bottom:0em; float:right;}
.search-key-textbox{width:6.3em;float:left; margin-right:0;border-color:white;}
.search-button { height: 2.3em; float: left; margin-top:0; cursor:pointer; }
.admin-list-items-container{}
.admin-list-id-field{float:left; margin-right:1em;}

.background_black_50 { background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F0000,endcolorstr=#7F0000); }
.background_black_80 { background: rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF0000,endcolorstr=#CF0000); }

.image-item-text-container { position: absolute; display: block; z-index: 0; height: 50px; margin-top: -90px; padding: 20px 20px 20px 20px; color: #fff; font-weight: bold; line-height: 20px; text-shadow: 1px 1px 1px #000; background-image: -webkit-linear-gradient(to top,#000,rgba(255,255,255,0)); background-image: linear-gradient(to top,#000,rgba(255,255,255,0)); width: 15em;  overflow: hidden; }
.image-item-text {  text-align: center; }