body            {cursor: default; color: #111; font-size: 15px; font-family: Verdana, Tahoma, Arial, sans-serif; line-height: 180%; word-break: break-all; text-align: center; background: url(../images/bg.gif) #D5E8EB}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} /* publish */
.clearfix       {display: inline-block} /* for IE/Mac */ /* publish */

a:link    {color: #039; text-decoration: none}
a:visited {color: #039; text-decoration: none}
a:hover   {color: #F60; text-decoration: none}

.red         {color: #F00}    /* default-admin default-admin-detail news-admin news-admin-detail curriculum-admin curriculum-admin-detail error login */
.red a       {color: #F00}    /* main */
.red a:hover {color: #F60}
.pink        {color: #F6C}
.maroon      {color: #C06}    /* enter */
.purple      {color: #90C}    /* enter */
.coffee      {color: #900}    /* enter */
.orange      {color: #F60}    /* enter links links-admin news-detail about */
.yellow      {color: #FF3}
.green       {color: #090}    /* news-detail */
.aqua        {color: #9C0}
.blue        {color: #005BAA} /* enter news-detail about */
.navy        {color: #039}    /* news-detail */

.center      {text-align: center}          /* links news error login curriculum-admin-signup lecture-admin-signup symposium-admin-signup encyc */
.right       {text-align: right}           /* curriculum-admin-signup lecture-admin-signup symposium-admin-signup */
.float-left  {float: left}                 /* publish */
.float-right {float: right; margin: 15px}  /* about */
.clear-left  {clear : left}                /* publish */

strong   {font-weight: bold}
small    {font-weight: bold; font-size: 10px}          /* enter */
sup      {font-size: 11px; vertical-align: text-top}   /* content footer */
p        {margin: 30px 0px}                            /* about ccurriculum-detail */
hr       {margin: 30px 0px; border: 1px solid #ECECEC} /* about */
input    {font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em}/* register publish proposal */
select   {font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em}/* register publish proposal */
textarea {font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em}/* register publish proposal */

th     {background: url(../images/bg-table-title.gif) #D5E8EB repeat-x; text-align: center} /* enter-admin main news news-admin */
.hover {background: #FFECBF} /* enter-admin main news news-admin */

/* enter
-------------------------------------------------- */
#dialog             {text-align: left; font-size: 13px; line-height: 150%}

#enter              {text-align: left; line-height: 100%; margin: 50px 0px 0px 0px}
#enter table        {margin: auto}
#enter tr, td       {vertical-align: middle}
#enter .movie       {border: 1px solid #9DBABF; width: 400px; background: #EFEFEF}
#enter .slogan      {border: 1px solid #9DBABF; width: 310px; height: 180px; text-align: center; font-weight: bold; line-height: 150%; color: #FFFFFD; background: url(../images/bg-default-slogan.gif) repeat-x}
#enter .title       {border: 1px solid #9DBABF; padding: 17px 15px 13px 15px; background: #D5E8EB}
#enter .title-hover {border: 1px solid #9DBABF; padding: 17px 15px 13px 15px; background: #FFF1B4}
#enter .footer      {border: 1px solid #9DBABF; padding: 15px 5px; text-align: right; font-size: 11px; line-height: 130%; color: #2A4448; background: #D5E8EB}

/* common
-------------------------------------------------- */
/* container */
#container  {width: 900px; margin: 0px auto; text-align: left; position: relative; background: #D5E8EB; border-top: 0; border-right: 1px solid #9DBABF; border-bottom: 0; border-left: 1px solid #9DBABF}

/* links */
#links        {width: 233px; float: left; background: #D5E8EB}
#links .logo  {width: 195px; height: 40px; float: right; background: url(../images/bg-logo.gif) no-repeat 0px 0px; padding: 35px 0px 18px 38px}
#links .logo2 {width: 205px; height: 40px; float: right; background: url(../images/bg-logo.gif) no-repeat 0px 0px; padding: 35px 6px 18px 22px}
#links .quo   {margin: 0px 8px 0px 0px; font-size: 12px}

.menu                   {width: 233px; height: 345px; float: right; background: url(../images/bg-menu.gif) no-repeat 0px 0px}
.menu ul                {margin: 55px 0px 0px 70px}
.menu li a              {color: #FFFFFD; line-height: 31px; margin: 0px}
.menu li a:visited      {color: #FFFFFD; line-height: 31px; margin: 0px}
.menu li a:hover        {color: #FC0; line-height: 31px; margin: 10px}
.board                  {width: 180px; height: 485px; float: right; background: url(../images/bg-board.gif) no-repeat 0px 0px; margin: 10px 0px; padding: 60px 0px 0px 30px}
#links #marquee-top     {width: 156px; height: 448px; text-align: center; overflow: hidden}
#links #marquee-top div {line-height: 150%; margin: 60px 0px}

.login       {width: 180px; height: 120px; float: right; background: url(../images/bg-login.gif) no-repeat 0px 0px; margin: 0px 0px; padding: 42px 5px 12px 25px}
.login input {width: 115px}
.login p     {margin: 10px 0px}

.ad {float: right; margin: 20px 0px}

/* content */
#content {width: 667px; float: right; background: url(../images/bg-content.gif) repeat-x}
.nav     {width: 437px; height: 29px; float: right; margin: 20px 30px 0px 5px; padding: 4px 27px 0px 12px; background: url(../images/bg-nav.gif) no-repeat 0px 0px; font-size: 12px; color: #2A4448}
.nav ul  {}
.nav li  {padding: 0px 0px 0px 15px; display: inline; background: url(../images/icon-vertical-line.gif) no-repeat 4px 5px}
.banner  {width: 667px; height: 188px; background: url(../images/bg-banner.gif) no-repeat 0px 0px; clear: both}
.hotnews {width: 647px; height: 33px; background: url(../images/bg-hotnews.gif) no-repeat 0px 0px; padding: 7px 0px 0px 20px}

.title-enter      {width: 297px; height: 43px; padding: 12px 0px 0px 355px; background: url(../images/bg-title-enter.gif) no-repeat 0px 0px}
.title-main       {width: 297px; height: 43px; padding: 12px 0px 0px 355px; background: url(../images/bg-title-main.gif) no-repeat 0px 0px}
.title-news       {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-news.gif) no-repeat 0px 0px}
.title-about      {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-about.gif) no-repeat 0px 0px}
.title-lecturer   {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-lecturer.gif) no-repeat 0px 0px}
.title-member     {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-member.gif) no-repeat 0px 0px}
.title-curriculum {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-curriculum.gif) no-repeat 0px 0px}
.title-symposium  {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-curriculum.gif) no-repeat 0px 0px}
.title-summit     {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-curriculum.gif) no-repeat 0px 0px}
.title-volunteer  {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-curriculum.gif) no-repeat 0px 0px}
.title-register   {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-register.gif) no-repeat 0px 0px}
.title-publish    {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-publish.gif) no-repeat 0px 0px}
.title-encyc      {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-encyc.gif) no-repeat 0px 0px}
.title-lecture    {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-lecture.gif) no-repeat 0px 0px}
.title-admin      {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-admin.gif) no-repeat 0px 0px}
.title-login      {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-login.gif) no-repeat 0px 0px}
.title-proposal   {width: 637px; height: 43px; padding: 12px 0px 0px 15px; background: url(../images/bg-title-proposal.gif) no-repeat 0px 0px}

.content-bg1           {width: 667px; background: url(../images/bg-content-bg1.gif) repeat-y}
.content-bg2           {width: 637px; padding: 0px 20px 0px 10px; background: url(../images/bg-content-bg2.gif) no-repeat 0px 0px}
.content-body          {width: 584px; min-height: 850px; padding: 0px 30px 0px 13px; background: url(../images/bg-content-body.gif) repeat-y; line-height: 200%}
.content-body h3       {margin: 0px 5px 25px 0px; padding: 15px 15px 0px 15px; background: url(../images/icon-carat.gif) no-repeat 0px 23px; font-size: 16px}
.content-body h4       {margin: 30px 0px 0px 0px}                      /* about */
.content-body ul       {}
.content-body li       {padding: 0px 0px 0px 17px; display: block; background: url(../images/icon-circle-triangle.gif) no-repeat 0px 10px; line-height: 200%}
.content-body-footer   {width: 587px; height: 30px; padding: 0px 30px 0px 10px; background: url(../images/bg-content-body-footer.gif) no-repeat 0px 0px}
.content-footer        {width: 547px; height: 60px; padding: 23px 60px 0px 60px; background: url(../images/bg-content-footer.gif) no-repeat 0px 0px; text-align: right}
.content-footer_center {width: 547px; height: 58px; padding: 25px 60px 0px 60px; background: url(../images/bg-content-footer.gif) no-repeat 0px 0px; text-align: center}

/* footer */
#footer        {width: 900px; height: 142px; clear: both; text-align: right; font-size: 13px; color: #2A4448; background: url(../images/bg-footer.gif) #D5E8EB repeat-x}
.footerlist    {height: 37px}
.footerlist ul {padding: 7px 60px 0px 60px}
.footerlist li {padding: 0px 0px 0px 15px; display: inline; background: url(../images/icon-vertical-line.gif) no-repeat 6px center}
.copyright     {margin: 35px 60px; font-size: 12px; line-height: 15px}

/* main
-------------------------------------------------- */
/* main */
.main-left      {width: 393px; float: left}
.main-news-b    {width: 385px; height: 175px; padding: 0px 5px 0px 3px; background: url(../images/bg-main-news-b.gif) repeat-y; line-height: 33px}
.main-news-f    {width: 393px; height: 20px; background: url(../images/bg-main-news-f.gif) no-repeat 0px 0px}
.main-encyc-t   {width: 48px; height: 43px; padding: 12px 0px 0px 345px; background: url(../images/bg-main-encyc-t.gif) no-repeat 0px 0px}
.main-encyc-b   {width: 385px; padding: 0px 5px 0px 3px; background: url(../images/bg-main-encyc-b.gif) repeat-y; line-height: 33px}
.main-encyc-f   {width: 393px; height: 20px; background: url(../images/bg-main-encyc-f.gif) no-repeat 0px 0px}
.main-right     {width: 244px; float: right}
.main-video-b   {width: 200px; padding: 0px 5px 0px 12px; background: url(../images/bg-main-video-b.gif) repeat-y}
.main-video-f   {width: 217px; height: 20px; background: url(../images/bg-main-video-f.gif) no-repeat 0px 0px}
.main-publish-t {width: 50px; height: 43px; padding: 12px 0px 0px 167px; background: url(../images/bg-main-publish-t.gif) no-repeat 0px 0px}
.main-publish-b {width: 210px; padding: 0px 0px 0px 7px; background: url(../images/bg-main-publish-b.gif) repeat-y; line-height: 33px}
.main-publish-f {width: 217px; height: 20px; background: url(../images/bg-main-publish-f.gif) no-repeat 0px 0px}
.main-center    {width: 637px; clear: both}
.main-forum-t   {width: 50px; height: 43px; padding: 12px 0px 0px 560px; background: url(../images/bg-main-forum-t.gif) no-repeat 0px 0px}
.main-forum-b   {width: 596px; padding: 10px 8px 10px 6px; background: url(../images/bg-main-forum-b.gif) repeat-y; line-height: 28px}
.main-forum-f   {width: 610px; height: 20px; background: url(../images/bg-main-forum-f.gif) no-repeat 0px 0px}

.table-left-2          {width: 100%}
.table-left-2-type     {width: 22%; border-bottom: 1px dashed #CCC; text-align: center}
.table-left-2-subject  {width: 78%; border-bottom: 1px dashed #CCC}
.table-right-2         {width: 100%}
.table-right-2-type    {width: 35%; border-bottom: 1px dashed #CCC; text-align: center}
.table-right-2-subject {width: 65%; border-bottom: 1px dashed #CCC}
.table-2               {width: 100%}
.table-2-type          {width: 80px; border-bottom: 1px dashed #CCC; text-align: center}
.table-2-subject       {border-bottom: 1px dashed #CCC; padding: 10px 0px}

/* admin */
.admin span {width: 230px; margin: 20px 22px; float: left; border: 1px solid #F90}
.admin p    {margin: 0px; padding: 0px 18px; background: url(../images/icon-carat.gif) #FFECBF no-repeat 3px center}
.admin ul   {margin: 5px 13px}

/* table
-------------------------------------------------- */
/* news lecture curriculum symposium */
.table-3            {width: 100%; margin: 30px 0px 0px 0px}
.table-3-td-id      {width: 22%; border-bottom: 1px dashed #CCC; padding-left: 10px}
.table-3-td-subject {width: 66%; border-bottom: 1px dashed #CCC}
.table-3-td-hits    {width: 12%; border-bottom: 1px dashed #CCC; text-align: center}
.table-3-td-modify  {width: 12%; border-bottom: 1px dashed #CCC; text-align: center} /* default-admin proposal-admin */

/* news-admin curriculum-admin presence-admin */
.table-4            {width: 100%; margin: 30px 0px 0px 0px}
.table-4-td-id      {width: 20%; border-bottom: 1px dashed #CCC; padding-left: 8px}
.table-4-td-subject {width: 58%; border-bottom: 1px dashed #CCC}
.table-4-td-type    {width: 12%; border-bottom: 1px dashed #CCC; text-align: center}
.table-4-td-modify  {width: 12%; border-bottom: 1px dashed #CCC; text-align: center}

/* default-admin default-admin-detail news-admin news-admin-detail curriculum-admin curriculum-admin-detail register proposal volunteer */
.table-form       {width: 100%; margin: 30px 0px 0px 0px}
.table-form-type  {border: 1px solid #CCC; width: 14%; padding: 5px; color: #039}
.table-form-input {border: 1px solid #CCC; width: 86%; padding: 5px}
.table-form-check {border: 1px solid #CCC; background: #EEE; height: 50px; text-align: center}

.table-about             {width: 100%; margin: 30px 0px 0px 0px}
.table-about-tr1         {background: #F9F1DF}
.table-about-tr2         {background: #FFEBC3}
.table-about-td-position {width: 17%; text-align: center}
.table-about-td-name     {width: 12%; color: #005BAA; font-weight: bold}
.table-about-td-career   {width: 71%}

/* member */
.table-member    {width: 72%; margin: 30px 0px}
.table-member-tr {background: #CCC}
.table-member-td {width: 33%; border: 1px solid #936; padding: 3px 0px; text-align: center}

/* register */
.important {margin-bottom: 30px; padding: 10px; background: #FFECBF; border: 1px solid #F90}

/* curriculum-admin-signup lecture-admin-signup symposium-admin-signup admin_book_order admin_poker_order */
.signup    {width: 900px; margin: 0px auto; text-align: left; position: relative; color: #111; font-size: 12px}
.signup h1 {font-size: 17px}
.signup ul {margin: 0px 5px; text-align: right}
.signup li {padding: 0px 0px 0px 10px; display: inline; background: url(../images/icon-vertical-line.gif) no-repeat 5px 2px}

.table-size        {width: 100%; border: 1px solid #333}
.table-size-td-75  {width: 75px; padding: 0px 2px; border: 1px solid #333; text-align: center}  /* date birthday */
.table-size-td-65  {width: 65px; padding: 0px 2px; border: 1px solid #333; text-align: center}  /* catchdate */
.table-size-td-50  {width: 50px; padding: 0px 2px; border: 1px solid #333; text-align: center}  /* name */
.table-size-td-30  {width: 30px; padding: 0px 2px; border: 1px solid #333; text-align: center}  /* sex member order */
.table-size-td-na  {padding: 0px 2px; border: 1px solid #333}                                   /* company mail address */
.table-size-td-85  {width: 85px; padding: 0px 2px; border: 1px solid #333; text-align: center}  /* mobile */

/* lecturer
-------------------------------------------------- */
/* lecturer */
.table-lecturer-3      {}
.table-lecturer-3-td   {width: 195px; height: 304px; padding: 35px 0px 0px 0px; background: url(../images/bg-lecturer.gif) no-repeat 7px center; text-align: center}

.table-lecturer-2            {width: 100%}
.table-lecturer-2-td-subject {width: 160px; padding-top: 26px; vertical-align: top; text-align: center}

/* encyc
-------------------------------------------------- */
/* encyc */
.table-5            {width: 100%; margin: 30px 0px 0px 0px}
.table-5-td-id      {width: 7%; border-bottom: 1px dashed #CCC; text-align: center}
.table-5-td-subject {width: 50%; border-bottom: 1px dashed #CCC}
.table-5-td-type    {width: 17%; border-bottom: 1px dashed #CCC; text-align: center}
.table-5-td-hits    {width: 9%; border-bottom: 1px dashed #CCC; text-align: center}
.table-5-td-editor  {width: 17%; border-bottom: 1px dashed #CCC; text-align: center}
.encyc-admin       {background: #CCC}
.encyc-admin-type  {width: 20%; padding: 3px 12px; color: #039}
.encyc-admin-input {width: 80%; padding: 5px 5px}

/* nav
-------------------------------------------------- */
/* join */
.join            {margin: 0px 22px; line-height: 33px}
.joint           {width: 72%; margin: 8px 0px 0px 40px; background: #936}
.join-type       {width: 36%; padding: 3px 0px; text-align: center}
.join-money1     {width: 22%; padding: 3px 0px; text-align: center}
.join-money2     {width: 25%; padding: 3px 0px; text-align: center}
.join-etc        {width: 17%; padding: 3px 0px; text-align: center}
.join h5         {}
.join ul         {margin: 0px 0px 20px 0px; text-align: left}
.join li         {padding: 0px 0px 0px 17px; display: block; background: url(../images/icon-circle-triangle.gif) no-repeat 0px 11px}

/* assoc
-------------------------------------------------- */
/* organ */
.organ           {margin: 0px 22px; width: 93%; line-height: 40px}
.organ-position  {width: 17%; text-align: center}
.organ-name      {width: 12%; color: #005BAA; font-weight: bold}
.organ-position2 {width: 71%}
.organ-tr1       {background: #F9F1DF}
.organ-tr2       {background: #FFEBC3}

.right           {line-height: 33px}
.right p         {margin: 10px 22px 0px 22px}
.right ul        {margin: 0px 25px; text-align: left}
.right li        {padding: 0px 0px 0px 17px; display: block; background: url(../images/icon-circle-triangle.gif) no-repeat 0px 12px}