body {font-size: 11px; color: #000; font-family: Tahoma, Arial; background-color: #ffffff}
a {color: #555555; text-decoration: none; cursor: pointer;}
a.selected {}
a:link {color: #555555; text-decoration: none}
a:visited {color: #666666; text-decoration: none}
a:active {color: #555555; text-decoration: none}
a.playable {color: black}
a:hover {color: #999999; text-decoration: none}
a.view:hover {color: #CCCCCC; text-decoration: none}
a.playing {color: #0060A9; text-decoration: underline}
div.playing {width:20px; height:20px; background-size:20px; background-image:url(../images/audio_play.gif); margin:0; padding:0;}
.disabled {color: #AAAAAA; text-decoration: none}
hr {width: 100%; color: #ddd; border-style: none; height: 1px; background-color: #ddd}
hr.dotted {width: 100%; color: transparent; border-bottom: #ddd 1px dotted; height: 1px; background-color: transparent}}
ul, li {color: #666666; font-family: Tahoma, Arial}
p, td, span {font-size: 11px; color: gray; font-family: Tahoma, Arial}
.tablehead {border: 0px; color: #c0c0c0; background-color: #eaeaea}
.tablebottom {border: 0px;background-color: #c0c0c0}
.bordercolor {background-color: #ffffff}
.bordercolor1 {background-color: #ffcc00}
.bordercolor2 {background-color: #4175AB}
.bordercolor3 {background-color: #FF0000}
.tablebgcolor {background-color: #ffffff}
.row1 {color: #666666; background-color: #ffffff}
.row2 {color: #666666; background-color: #eaeaea}
.row3 {color: #666666; background-color: #C0C0C0}
.rowspecial1 {color: #666666; background-color: #E0FFFF}
.rowspecial2 {color: #666666; background-color: #D1EEEE}
.rowspecial3 {color: #666666; background-color: #ABE0E0}
.rowcat11 {color: #666666; background-color: #FFFFEE}
.rowcat12 {color: #666666; background-color: #EAEAC8}
.rowcat13 {color: #666666; background-color: #DADAB8}
.rowcat21 {color: #666666; background-color: #E0FFFF}
.rowcat22 {color: #666666; background-color: #D1EEEE}
.rowcat23 {color: #666666; background-color: #B1DEDE}
.rowcat31 {color: #666666; background-color: #FFEEEE}
.rowcat32 {color: #666666; background-color: #FFDDDD}
.rowcat33 {color: #666666; background-color: #EFCDCD}
.head1 {font-weight: bold; font-size: 11px; color: #808080; font-family: Tahoma, Arial; background-color: #dddddd;}
.head1:hover {font-weight: bold; font-size: 11px; font-family: Tahoma, Arial; background-color: #dddddd}
.head2 {background-image: url(../images/head-bg.gif);background-repeat: repeat-x; font-weight: normal; font-size: 11px; color: #5f5f5f; font-family: Tahoma, Arial; background-color: #dfdfdf}
.board {border: #d5d5d5 1px solid; line-height: 15px}
.topic {border: #d5d5d5 1px solid; padding: 2px 2px 3px 3px;}
.topmenu {font-weight: normal; font-size: 11px; color: #888888; font-family: Tahoma, Arial}
.article-title {font-weight: bold; font-size: 24px; text-align: center; color: #4175AB; font-family: Arial}
.article-title2 {font-weight: bold; font-size: 18px; text-align: center; color: #4175AB; font-family: Arial}
.article-body {font-weight: normal; font-size: 12px; text-align: justify; color: black; font-family: Arial}
.article-body1 {font-weight: normal; font-size: 12px; text-align: justify; color: black; background-color: #ffffff; font-family: Arial}
.article-body2 {font-weight: normal; font-size: 12px; text-align: justify; color: black; background-color: #eaeaea; font-family: Arial}
.article-big {font-weight: normal; font-size: 14px; text-align: justify; color: black; font-family: Arial}
.article-normal {font-weight: normal; font-size: 12px; color: black; font-family: Arial}
.article-medium {font-weight: normal; font-size: 11px; color: black; font-family: Arial}
.article-small {font-weight: lighter; font-size: 10px; color: black; font-family: Arial}
.article-tiny {font-weight: lighter; font-size: 8px; color: black; font-family: Arial}
.cat {font-weight: normal; font-size: 12px; text-align: left; color: black; font-family: Arial}
.cat2 {font-weight: normal; font-size: 12px; text-align: left; color: red; font-family: Arial}
.genre {font-weight: normal; font-size: 10px; color: #0060A9; font-family: Tahoma, Arial}
a.topmenu:link {font-weight: normal; font-size: 11px; color: #888888; text-decoration: none}
a.topmenu:visited {color: #888888; text-decoration: none}
a.topmenu:hover {color: #444444; text-decoration: none}
a.topmenu:active {color: #444444; text-decoration: none}
.smalltext {font-weight: normal; font-size: 10px; color: #666666; font-family: Tahoma, Arial}
.smalltext:hover {font-weight: normal; font-size: 10px; color: black; font-family: Tahoma, Arial}
.tinytext {font-weight: lighter; font-size: 8px; color: #666666; font-family: Tahoma, Arial}
.tinytext:hover {font-weight: lighter; font-size: 8px; color: #black; font-family: Tahoma, Arial}
.marktext {color: blue; background-color: #ffffff}
.new {font-weight: bold; font-size: 11px; color: #0060A9; font-family: Tahoma, Arial}
form {font-size: 11px; font-family: Tahoma, Arial}
.smallinput {border: rgb(204,204,204) 1px solid; font-size: 11px; width: 50px; color: black; font-family: Tahoma; background-color: #ffffff}
.logininput {border: rgb(204,204,204) 1px solid; font-size: 11px; width: 130px; color: black; font-family: Tahoma; background-color: #ffffff}
.paginginput {border: rgb(204,204,204) 1px solid; font-size: 11px; width: 20px; color: black; font-family: Tahoma; background-color: #ffffff}
.searchinput {font-size: 11px; width: 130px; color: black; font-family: Tahoma, Arial; background-color: #ffffff}
.adminlink {font-weight: normal; font-size: 11px; border: rgb(150,150,150) 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin-left: 2px; margin-right: 1px; padding-top: 1px; background-color: #ffffff}
.textarea {font-size: 11px; color: black; font-family: Tahoma, Arial; border-width:1px; border-color:rgb(175,175,175); border-style:solid}
.input {border: rgb(175,175,175) 1px solid; font-size: 11px; color: black; font-family: Tahoma, Arial}
.select {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 270px;}
.select select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 272px;}
.select-day {border-color: rgb(175,175,175); border-style: solid solid solid solid; border-width: 1px; overflow: hidden; width: 38px;}
.select-day select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 40px;}
.select-month {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 72px;}
.select-month select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 74px;}
.select-year {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 50px;}
.select-year select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 52px;}
.select-page {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 38px;}
.select-page select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 40px;}
.select-ethnic {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 188px;}
.select-ethnic select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 190px;}
.select-ethnic2 {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 218px;}
.select-ethnic2 select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 220px;}
.select-ethnic3 {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 145px;}
.select-ethnic3 select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 146px;}
.select-filter {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 188px;}
.select-filter select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 190px;}
.select-company {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 208px;}
.select-company select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 210px;}
.select-numbertype {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 152px;}
.select-numbertype select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 154px;}
.select-sort {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 128px;}
.select-sort select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 130px;}
.select-order {border-color: rgb(175,175,175); border-style: solid solid solid; border-width: 1px; overflow: hidden; width: 110px;}
.select-order select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 112px;}
.select-size2 {border-color: rgb(175,175,175); border-style: solid solid solid solid; border-width: 1px; overflow: hidden; width: 40px;}
.select-size2 select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 42px;}
.select-size3 {border-color: rgb(175,175,175); border-style: solid solid solid solid; border-width: 1px; overflow: hidden; width: 48px;}
.select-size3 select { font-size: 11px; color: #666666; margin: -2px -2px -2px; width: 50px;}
.pic {filter:progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=135, strength=2) progid:DXImageTransform.Microsoft.Alpha(opacity=90); border: 1px solid #969696;}
.categoryselect {font-family: Tahoma, Verdana, Arial; color: gray; font-size: 11px;}
.dropdownmarker {font-family: Tahoma, Arial; background-color: #EEEEEE; color: Black; font-size: 11px;}
.dropdownmarkerdisable {font-family: Tahoma, Arial; background-color: #EEEEEE; color: #A7A7A7; font-size: 11px;}
.dropdowndisable {font-family: Tahoma, Verdana, Arial; color: #BEBEBE; font-size: 11px;}
.dropdownok {font-family: Tahoma, Verdana, Arial; color: #136c99; font-size: 11px;}
.button {border: rgb(204,204,204) 1px solid; font-size: 11px; font-family: Tahoma, Verdana, Arial; color: #666666; background-color: #ffffff}
.pagingbutton {border: rgb(204,204,204) 1px solid; width: 17px; font-size: 11px; color: #666666; font-family: Tahoma, Verdana; background-color: #ffffff}
.section-title {font-weight: normal; font-size: 21px; color: #cccccc; font-family: Verdana, Tahoma}
.vert2 {font-size: 2px}
.vert3 {font-size: 3px}
.vert4 {font-size: 4px}
.vert6 {font-size: 6px}
.vert8 {font-size: 8px}
.catbgcolor {background-color: #ffffff}
.maincat {font-weight: bold; font-size: 11px; color: black; font-family: Tahoma, Arial}
.maincat:hover {font-weight: bold; font-size: 11px; color: silver; font-family: Tahoma, Arial}
.subcat {font-weight: bold; font-size: 10px; font-family: Tahoma, Arial}
.imagerow1 {color: #555; background-color: #ffffff}
.imagerow2 {color: #555; background-color: #f8f8f8}
.imagerow3 {color: #555; background-color: #F6FFF6}
.imagerow4 {color: #555; background-color: #E6FFE6}
.imagerow5 {color: #555; background-color: #FFF8F8}
.imagerow6 {color: #555; background-color: #FFEFEF}
.commentrow1 {color: #666666; background-color: #efefef}
.commentrow2 {color: #666666; background-color: #ffffff}
.commenttextarea {font-size: 11px; width: 355px; color: black; font-family: Tahoma, Arial; border-width:1px; border-color:rgb(204,204,204); border-style:solid;}
.commentinput {font-size: 11px; width: 355px; color: black; font-family: Tahoma, Arial; border-width:1px; border-color:rgb(204,204,204); border-style:solid;}
.note1 {font-weight: normal; font-size: 11px; line-height: normal; font-style: normal; font-variant: normal;}
.note2 {font-weight: normal; font-size: 10px; line-height: normal; font-family: Verdana; font-style: normal; font-variant: normal;}
.noteimg {border: 1px solid #b8b8b8;}
#noteborder1 {background-color: #969696}
#noteborder2 {background-color: #6394bd}
#notebg {background-color: #ffffff}
#noteheader1 {color: #333333}
#noteheader2 {color: #ffffff}
#notecolor {color: #444444}
div.quotehead {font-size: 11px; color: #555; padding-bottom:2px;}
.quoteblock {width: 100%; border: 1px dashed #aaa; border-collapse: collapse; background-color: #fffff3; font-size: 11px;}
.quoteleft {width: 1%; color: #666666; font: bold 32px Times New Roman, Times; line-height: 20px; vertical-align: top;}
.quoteright {width: 1%; color: #666666; font: bold 32px Times New Roman, Times; line-height: 20px; vertical-align: bottom;}
div.codehead {font-size: 11px; color: black; padding-bottom:2px;}
div.codeblock {border: 1px solid #aaa; font-family: Courier, 'Courier New'; font-size: 11px; padding: 5px 5px 5px 5px ; background-color:#fcfcfc; white-space: normal;}
.slidemenu {MARGIN: 0px; background-color: #fafafa; color: #000000; font-family: Tahoma, Arial; font-size: 11px;border-width: 0px}
.slidemenumain {MARGIN: 0px; background-image: url(../images/closed.gif); background-repeat: no-repeat; background-color: transparent; background-position: right center; color: #000000; font-family: Tahoma, Arial; font-size: 11px; border-width: 0px}
.shoutinput {border: rgb(204,204,204) 1px solid; font-size: 11px; width: 148px; color: black; font-family: Tahoma, Arial; background-color: #ffffff}
div.article-magazine {text-align:right; font-weight: bold; font-size: 11px; color: black; font-family: Tahoma, Arial}
table.flipHM {
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

table.flipVM {
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); 
}

table.flipHMVM {
  -moz-transform: rotateX(180deg) rotateY(180deg);
  -o-transform: rotateX(180deg) rotateY(180deg);
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg);
}