body, th, td, input, select, textarea, checkbox {font-family: "Arial"; font-size: 9pt}

body {
 scrollbar-face-color: #58CCEF;
 scrollbar-highlight-color: #ffffff;
 scrollbar-shadow-color: #58CCEF;
 scrollbar-arrow-color: #242E48;
 scrollbar-track-color: #A2D8F9;
 scrollbar-darkshadow-color: #8EBBD7;}


a:link          {text-decoration: none; color: #000099}
a:visited       {text-decoration: none; color: #000099}
a:active        {text-decoration: none; color: #000099}
a:hover         {text-decoration: none; color: #FF6600}

.word           {text-align:justify;text-justify:inter-ideograph; line-height: 18pt}

.news           {color: #405570}
.news_b         {color: #405570; font-size: 11pt; font-weight: bold}
.news_w         {color: #405570; text-align:justify;text-justify:inter-ideograph; line-height: 18pt}

.add            {font-size: 11px}

.top            {font-size: 12px; color: #FFFFFF}
.top:link       {text-decoration: none; color: #FFFFFF}
.top:visited    {text-decoration: none; color: #FFFFFF}
.top:active     {text-decoration: none; color: #FFFFFF}
.top:hover      {text-decoration: none; color: #000080}

/*******header*******/
.sumroc-header{background:url(../images/header-bg.jpg) no-repeat; width:772px; height:135px; position:relative;}
.top-links{margin:0; padding:0; list-style:none; position:absolute; bottom:3px; right:10px;}
.top-links li{float:left; margin-left:12px;}
.top-links li a{display:block; background:url(../images/top-nav-icon.png) 0 50% no-repeat; padding-left:14px; color:#111;}
.top-links li a:hover{color:#F30;}

/*******left_icon*******/
.l_i            {font-size: 9pt; font-weight: bold; color: #143463}
.l_i:link       {text-decoration: none; color: #143463}
.l_i:visited    {text-decoration: none; color: #143463}
.l_i:active     {text-decoration: none; color: #143463}
.l_i:hover      {text-decoration: none; color: #E48E34}


/*******organization_1*********/
.a_1            {padding-left:3; padding-right:3; padding-top:5; padding-bottom:3; color: #143463; font-weight: bold}
.a_2            {padding: 3}
.a_3            {padding-left:7; padding-right:3; padding-top:3; padding-bottom:3}

/******* Video Library (2012/05/10) *********/
.video_library{border-top:1px solid #ccc; margin-top:3px;}
.video_library th, .video_library td{vertical-align:top; line-height:140%; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #ccc;}
.video_library th{width:60px; text-align:left; word-break:keep-all; word-wrap:normal; color:#666;}

.class_intro{border-collapse:collapse; color:#444; border:1px solid #c1ddee; border-top:2px solid #5ac2ff;}
.class_intro td{border-bottom:1px solid #c1ddee; padding:5px;}

.video_list{margin-top:0;}
.video_list li{margin-left:-12px; padding-bottom:7px;}
.keyword{color:#777;}
.m_time{color:#777; padding-left:3px; padding-right:3px;}

.video_intro td{padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:5px;}

/* page */
.page{color:#333; font-size:12px; padding:3px; margin:14px 0px; text-align:center; line-height:18px;}
.page .link{color:#5aabdf; border:1px solid #5aabdf; padding:1px 4px; margin:2px; cursor:pointer; text-align:center}
.page .link:hover{color:#0093f2; background:#d7eefe; border:1px solid #0093f2; }
.page .current{color:#0093f2; background:#d7eefe; border:1px solid #0093f2; padding:1px 4px; font-weight:bold; margin:2px; }
.page .disabled {color:#ddd; border:1px solid #ddd; padding:1px 4px; margin:2px; text-align:center}

/*englishIndex*/
table.englishIndex .btn{background:#1887FD;}
table.englishIndex .btn:hover{background:#1261B1;}