@charset "utf-8";
/* CSS Document */

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body { width:100%; margin:0px; font-size-adjust:none; x-webkit-text-size-adjust:none; xbackground-color:#9dd321; background:url(../img/bg.jpg) no-repeat #e3f4fb center top; font-size:100%; font-family:Arial, Helvetica, sans-serif; }

a { text-decoration:none; outline:none; }

img { border:none; }

ul, ol { margin:0px; padding:0px; list-style:none; }

h2, h3, p { margin:0px; padding:0px; }

input  { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
select { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#warp { width:100%; xheight:950px; position:relative; z-index:1; text-align:center; }
#warp.leaf { background:url(../img/bg_leaf.png) no-repeat center top; }

#top_banner_area { width:100%; height:192px; background:url(../img/top_banner/top_banner.png) no-repeat center top; position:absolute; }
#top_banner_area .top_banner { width:1000px; height:192px; margin:0px auto; background:url(../img/top_banner/top_banner.png) no-repeat center top; } 

#top { width:1000px; height:244px; margin:0px auto; }
#top .logo { height:140px; padding:8px 0px 12px 7px; }
#top .logo a { display:block; width:542px; height:140px; background:url(../img/logo.png) no-repeat left top; position:relative; }
#top .top_menu_area { width:100%; height:79px; }
#top .top_menu_area img { outline:none; }
#top .top_menu_area .top_menu { float:left; display:block; position:relative; z-index:3100; }
#top .top_menu_area .top_menu a.lv1 { display:block; width:100%; background:url(../img/top_menu.png) no-repeat; }
#top .top_menu_area .top_menu .drop_menu { left:0px; padding:8px 0px; margin-top:8px; }
#top .top_menu_area .top_menu .drop_menu i { left:30px; top:-10px; *top:-30px; border-width:0px 10px 10px 10px; border-color:transparent transparent #aaaaaa transparent; }
#top .top_menu_area .top_menu .drop_menu a.lv2 { padding:4px 5px; padding:6px 5px 2px 5px \9; }

#main_menu_1 { width:88px; margin-top:12px; margin-left:12px; }
#main_menu_1 a.lv1 { height:50px; background-position:-12px -12px !important; }
#main_menu_1 .drop_menu { top:40px; }

#main_menu_2 { width:141px; margin-top:18px; margin-left:10px; }
#main_menu_2 a.lv1 { height:57px; background-position:-110px -18px !important; }
#main_menu_2 .drop_menu { top:47px; min-width:150px !important; }

#main_menu_3 { width:111px; margin-top:30px; margin-left:10px; }
#main_menu_3 a.lv1 { height:51px; background-position:-261px -30px !important; }
#main_menu_3 .drop_menu { top:41px; min-width:110px !important; }

#main_menu_4 { width:131px; margin-top:31px; margin-left:18px; }
#main_menu_4 a.lv1 { height:50px; background-position:-390px -31px !important; }
#main_menu_4 .drop_menu { top:40px; }

#main_menu_5 { width:151px; margin-top:13px; margin-left:17px; }
#main_menu_5 a.lv1 { height:62px; background-position:-541px -13px !important; }
#main_menu_5 .drop_menu { top:52px; }

#main_menu_6 { width:132px; margin-top:1px; margin-left:12px; }
#main_menu_6 a.lv1 { height:53px; background-position:-704px -1px !important; }
#main_menu_6 .drop_menu { top:43px; }

#main_menu_7 { width:134px; margin-top:2px; margin-left:13px; }
#main_menu_7 a.lv1 { height:57px; background-position:-849px -2px !important; }
#main_menu_7 .drop_menu { top:47px; }

#main { width:1000px; height:643px; margin:0px auto; }
#main .left_side { float:left; width:192px; margin-left:-16px; }
#main .left_side ul { }
#main .left_side ul li { width:100%; position:relative; }
#main .left_side ul li a.lv1 { display:block; width:192px; background:url(../img/left_menu.png) no-repeat; position:relative; }
#main .left_side ul li a#menu_1 { height:50px; background-position:0 0 !important; }
#main .left_side ul li a#menu_2 { height:49px; background-position:0 -50px !important; }
#main .left_side ul li a#menu_3 { height:49px; background-position:0 -99px !important; }
#main .left_side ul li a#menu_4 { height:48px; background-position:0 -148px !important; }
#main .left_side ul li a#menu_5 { height:50px; background-position:0 -196px !important; }
#main .left_side ul li a#menu_6 { height:47px; background-position:0 -246px !important; }
#main .left_side ul li a#menu_7 { height:49px; background-position:0 -293px !important; }
#main .left_side ul li a#menu_8 { height:49px; background-position:0 -342px !important; }
#main .left_side ul li a#menu_9 { height:50px; background-position:0 -391px !important; }
#main .left_side ul li a#menu_10 { height:51px; background-position:0 -441px !important; }
#main .left_side ul li a#menu_11 { height:48px; background-position:0 -492px !important; }
#main .left_side ul li a#menu_12 { height:52px; background-position:0 -540px !important; }

#main .left_side ul li:hover #menu_1 { background-position:-240px 0 !important; }
#main .left_side ul li:hover #menu_2 { background-position:-240px -50px !important; }
#main .left_side ul li:hover #menu_3 { background-position:-240px -99px !important; }
#main .left_side ul li:hover #menu_4 { background-position:-240px -148px !important; }
#main .left_side ul li:hover #menu_5 { background-position:-240px -196px !important; }
#main .left_side ul li:hover #menu_6 { background-position:-240px -246px !important; }
#main .left_side ul li:hover #menu_7 { background-position:-240px -293px !important; }
#main .left_side ul li:hover #menu_8 { background-position:-240px -342px !important; }
#main .left_side ul li:hover #menu_9 { background-position:-240px -391px !important; }
#main .left_side ul li:hover #menu_10 { background-position:-240px -441px !important; }
#main .left_side ul li:hover #menu_11 { background-position:-240px -492px !important; }
#main .left_side ul li:hover #menu_12 { background-position:-240px -540px !important; }

#main .left_side ul li .drop_menu { top:0; left:160px; min-width:100px; xwidth:180px; padding:6px 0px; }
#main .left_side ul li .drop_menu i { left:-10px; top:10px; border-width:10px 10px 10px 0; border-color:transparent #aaaaaa transparent transparent; }
#main .left_side ul li .drop_menu a { padding:5px 15px 5px 5px; padding:7px 15px 3px 5px \9; }

.drop_menu { position:absolute; z-index:3005; min-width:100px; background-color:#e3f4fb; border:1px solid #aaaaaa; display:none; xvisibility:hidden; 
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:3px 3px 5px rgba(153,153,153,0.7); -moz-box-shadow:3px 3px 5px rgba(153,153,153,0.7); box-shadow:3px 3px 5px rgba(153,153,153,0.7); behavior:url(pie/PIE.php); }
.drop_menu i { position:absolute; width:0; border-style:solid; xbox-shadow:0 0 2px #aaaaaa; }
.drop_menu a { display:block; background-color:#e3f4fb; text-align:left; color:#339900; font-weight:bold; font-size:14px; white-space:nowrap; }

#main .right_side { float:right; width:793px; xwidth:824px; }
#main .right_side .content { width:100%; min-height:589px; background:url(../img/inner_bg.png) no-repeat left 14px; font-size:1em; text-align:left; }
#main .right_side .content .title_area { width:775px; }
#main .right_side .content .title_area .title { float:left; height:71px; padding-left:21px; }
#main .right_side .content .title_area .title h2 { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:150px; height:42px; margin-top:6px; margin-right:8px; background:url(../img/page_title.png) no-repeat; }
#main .right_side .content .title_area .title[data-rel=gallery] h2 { background-position:0 0 !important; }
#main .right_side .content .title_area .title[data-rel=homework] h2 { background-position:0 -60px !important; }
#main .right_side .content .title_area .title[data-rel=news] h2 { background-position:0 -120px !important; }
#main .right_side .content .title_area .title[data-rel=notice] h2 { background-position:0 -180px !important; }
#main .right_side .content .title_area .title[data-rel=subject] h2 { width:113px !important; background-position:0 -240px !important; }
#main .right_side .content .title_area .title[data-rel=pta] h2 { width:190px !important; background-position:0 -300px !important; }
#main .right_side .content .title_area .title[data-rel=school_info] h2 { width:154px !important; background-position:0 -360px !important; }
#main .right_side .content .title_area .title[data-rel=student_support] h2 { width:150px !important; background-position:0 -420px !important; }
#main .right_side .content .title_area .title[data-rel=our_achievements] h2 { width:188px !important; background-position:0 -480px !important; }
#main .right_side .content .title_area .title[data-rel=pri_admission] h2 { width:150px !important; background-position:0 -540px !important; }
#main .right_side .content .title_area .title[data-rel=curriculum_focal] h2 { width:150px !important; background-position:0 -600px !important; }
#main .right_side .content .title_area .title[data-rel=alumni] h2 { width:113px !important; background-position:0 -660px !important; }
#main .right_side .content .title_area .title[data-rel=sspa_information] h2 { width:150px !important; background-position:0 -720px !important; }
#main .right_side .content .title_area .title[data-rel=campus_journal] h2 { width:150px !important; background-position:0 -780px !important; }
#main .right_side .content .title_area .title[data-rel=download_tenders] h2 { width:150px !important; background-position:0 -840px !important; }
#main .right_side .content .title_area .title[data-rel=contact_us] h2 { width:150px !important; background-position:0 -900px !important; }

#main .right_side .content .title_area .title span { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:71px; }
#main .right_side .content .title_area .title[data-rel=gallery] span { width:109px; background:url(../img/index_gallery_icon.png) no-repeat left top; }
#main .right_side .content .title_area .title[data-rel=homework] span { width:109px; background:url(../img/homework_icon.png) no-repeat left 6px; }
#main .right_side .content .title_area .title[data-rel=news] span { width:109px; background:url(../img/news_icon.png) no-repeat left 6px; }
#main .right_side .content .title_area .title[data-rel=notice] span { width:109px; background:url(../img/news_icon.png) no-repeat left 6px; }
#main .right_side .content .title_area .title[data-rel=subject] span { width:74px; background:url(../img/subject_icon.png) no-repeat left 4px; }
#main .right_side .content .title_area .title[data-rel=pta] span { width:78px; background:url(../img/icon_school_info.png) no-repeat 0 0; }
#main .right_side .content .title_area .title[data-rel=school_info] span { width:88px; background:url(../img/icon_school_info.png) no-repeat 0 0; }
#main .right_side .content .title_area .title[data-rel=student_support] span { width:88px; background:url(../img/icon_school_info.png) no-repeat 0 0; }
#main .right_side .content .title_area .title[data-rel=our_achievements] span { width:88px; background:url(../img/icon_school_info.png) no-repeat 0 0; }
#main .right_side .content .title_area .title[data-rel=pri_admission] span { width:88px; background:url(../img/icon_school_info.png) no-repeat 0 0; }
#main .right_side .content .title_area .title[data-rel=curriculum_focal] span { width:39px; background:url(../img/focal_icon.png) no-repeat 0 4px; }
#main .right_side .content .title_area .title[data-rel=alumni] span { width:88px; background:url(../img/icon_school_info.png) no-repeat 0 0; }
#main .right_side .content .title_area .title[data-rel=sspa_information] span { width:88px; background:url(../img/icon_school_info.png) no-repeat 0 0; }
#main .right_side .content .title_area .title[data-rel=campus_journal] span { width:47px; background:url(../img/journal_icon.png) no-repeat 0 7px; }
#main .right_side .content .title_area .title[data-rel=download_tenders] span { width:88px; background:url(../img/icon_school_info.png) no-repeat 0 0; }
#main .right_side .content .title_area .title[data-rel=contact_us] span { width:88px; background:url(../img/icon_school_info.png) no-repeat 0 0; }

#main .right_side .content .title_area .path_area { float:right; padding-right:22px; padding-top:6px; color:#336600; font-size:0.875em; }
#main .right_side .content .title_area .path_area i { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:10px; height:10px; background:url(../img/path_row.png) no-repeat left top; margin:3px 8px; margin:1px 8px \9; }
#main .right_side .content .title_area .path_area a { color:#336600; }
#main .right_side .content .title_area .path_area a:hover { color:#336600; text-decoration:underline; }

#main .right_side .coming_soon { width:342px; height:311px; margin:100px 0px 0px 180px; background:url(../img/coming_soon.png) no-repeat left top; }

.tab_bar { }
.tab_bar select { width:122px; height:21px; border:none; font-size:0.844em; color:#336600; }
.tab_bar .cjbox_select { display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative; z-index:10; font-size:0.844em; color:#336600; line-height:21px; margin-right:6px; }
.tab_bar .cjbox_select .head { width:100%; height:21px; background: #f6fbef;
background: -moz-linear-gradient(top, #F6FBEF 0%, #E8F6C1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6FBEF), color-stop(100%,#E8F6C1));
background: -webkit-linear-gradient(top, #F6FBEF 0%,#E8F6C1 100%);
background: -o-linear-gradient(top, #F6FBEF 0%,#E8F6C1 100%);
background: -ms-linear-gradient(top, #F6FBEF 0%,#E8F6C1 100%);
background: linear-gradient(to bottom, #F6FBEF 0%,#E8F6C1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fbef', endColorstr='#e8f6c1',GradientType=0 ); }
.tab_bar .cjbox_select .selected { width:114px; padding-left:12px; }
.tab_bar .cjbox_select .triangle { float:right; width:16px; line-height:21px; font-size:12px; cursor:pointer; color:#75c300; }
.tab_bar .cjbox_select .select_list { position:absolute; left:0px; top:21px; width:142px; xheight:454px; background-color:#E8F6C1; }

.tab_bar .cjbox_select .select_list .scrollbar{ float:right; width:8px; background:url(../img/scroll_bg.png) repeat-y 0 0; position:relative; margin-right:6px; }
.tab_bar .cjbox_select .select_list .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:0px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.tab_bar .cjbox_select .select_list .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.tab_bar .cjbox_select .select_list .disable { display:none; }
.tab_bar .cjbox_select .select_list .viewport { width:128px; height:454px; overflow:hidden; position:relative; }
.tab_bar .cjbox_select .select_list .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }
.tab_bar .cjbox_select .select_list .overview .option { width:116px; padding:2px 0px 2px 12px; font-size:0.844em; color:#336600; line-height:15px; cursor:pointer; }

#footer { width:100%; min-height:63px; xmargin:0px auto; background:url(../img/bg_repeat.jpg) repeat-y #e3f4fb center top; }
#footer .footer_contact { width:1000px; margin:0px auto; background-color:#9ed321; padding-bottom:7px; }
#footer .footer_logo { width:900px; margin:0px auto; background-color:#9ed321; padding:4px 50px 7px 50px; text-align:center; }
#footer .footer_logo a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:110px; height:34px; margin:0px 6px 10px 6px; *margin:0px 8px 10px 8px; text-align:center; }
#footer .footer_logo a img { width:110px; height:34px; }
#footer .copyright_area { width:986px; margin:0px auto; background-color:#9ed321; padding:0px 7px 5px 7px; color:#285e0f; font-size:0.688em; }
#footer .copyright_area .copyright { float:left; }
#footer .copyright_area .designby { float:right; }
#footer .copyright_area .designby a { color:#285e0f }
#footer .copyright_area .designby a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

#index_content { padding-top:11px; background:none !important; }
#index_content .banner_area { width:789px; height:323px; padding-left:4px; padding-bottom:9px; position:relative; z-index:1; }
#index_content .banner_area .flash_banner { width:506px; height:313px; padding-left:18px; padding-top:10px; background:url(../img/flash_bg.png) no-repeat left top; position:relative; }
#index_content .banner_area .flash_banner .banner_show { width:500px; height:294px; overflow:hidden; }
#index_content .banner_area .flash_banner .banner_show img { display:none; }
#index_content .banner_area .flash_banner .banner_show img.active { display:block; }
#index_content .banner_area .flash_banner .banner_deep { position:absolute; left:18px; top:10px; z-index:30; width:500px; height:294px; background:url(../img/home_banner/banner_deep.png) no-repeat left top; }

#index_content .banner_area .index_news_broad { position:absolute; right:15px; top:-5px; z-index:1000; width:295px; height:330px; background:url(../img/index_news_broad.png) no-repeat left top; }
#index_content .banner_area .index_news_broad .index_news_title { width:243px; height:34px; margin-top:35px; margin-left:21px; background:url(../img/ix_news_title.png) no-repeat left top; }
#index_content .banner_area .index_news_broad .index_news_list { width:227px; height:170px; margin-top:10px; margin-left:30px; overflow:hidden; }
#index_content .banner_area .index_news_broad .index_news_list .scrollbar{ float:left; width:2px; background-color:#e4e4e4; position:relative; margin-right:14px; margin-left:3px; }
#index_content .banner_area .index_news_broad .index_news_list .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#e4e4e4; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#index_content .banner_area .index_news_broad .index_news_list .thumb .end { overflow:hidden; height:7px; width:8px; background:#e4e4e4; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#index_content .banner_area .index_news_broad .index_news_list .disable { display:none; }
#index_content .banner_area .index_news_broad .index_news_list .viewport { width:205px; height:170px; overflow:hidden; position:relative; }
#index_content .banner_area .index_news_broad .index_news_list .overview { list-style:none; position:absolute; left:0; top:0; padding:5px 0px 0px 0px; margin:0; }
#index_content .banner_area .index_news_broad .index_news_list ul { }
#index_content .banner_area .index_news_broad .index_news_list ul li { background:url(../img/ix_news_bullet.png) no-repeat left 12px; padding:14px 0px 4px 25px; }
#index_content .banner_area .index_news_broad .index_news_list ul li:first-child { background-position:left top !important; padding:2px 0px 4px 25px !important; }
#index_content .banner_area .index_news_broad .index_news_list ul li a { color:#ffffff; font-size:0.875em; }
#index_content .banner_area .index_news_broad .index_news_list ul li a:hover { text-decoration:underline; }
#index_content .banner_area .index_news_broad .index_news_more { padding-left:200px; padding-top:15px; }
#index_content .banner_area .index_news_broad .index_news_more a { display:block; width:59px; height:23px; background:url(../img/ix_news_more.png) no-repeat left top; }

#index_content .index_gallery_area { width:775px; height:211px; padding-top:56px; background:url(../img/index_gallery_bg.png) no-repeat left top; position:relative; }
#index_content .index_gallery_area .index_gallery_top { width:722px; height:29px; padding-top:41px; position:absolute; left:21px; top:-11px; background:url(../img/ix_album_title.png) no-repeat left top; text-align:right; }
#index_content .index_gallery_area .index_gallery_top a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:61px; height:29px; background:url(../img/index_gallery_more.png) no-repeat left top; }
#index_content .index_gallery_area .index_gallery_list { width:736px; height:211px; padding-left:18px; clear:both; }
#index_content .index_gallery_area .index_gallery_list .scrollbar{ background:#80c315; position:relative; xoverflow:hidden; margin:3px 0px; clear:both; height:2px; }
#index_content .index_gallery_area .index_gallery_list .thumb { background:#80c315; height:8px; cursor:pointer; overflow:hidden; position:absolute; top:-3px; left:0px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#index_content .index_gallery_area .index_gallery_list .thumb .end { background:#80c315; overflow:hidden; height:8px; width:5px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#index_content .index_gallery_area .index_gallery_list .disable { xdisplay: none; }
#index_content .index_gallery_area .index_gallery_list .viewport { width:736px; height:193px; overflow:hidden; position:relative; }
#index_content .index_gallery_area .index_gallery_list .overview { list-style:none; position:absolute; left:0; top:0; padding:0px; margin:0; }

.gallery_photo { float:left; width:184px; height:193px; }
.gallery_photo a { display:block; width:174px; height:179px; margin:5px 5px 0px 5px; }
.gallery_photo a .index_gallery_photo { width:168px; height:124px; padding:3px; background-color:#ffffff; -webkit-box-shadow:0px 0px 6px rgba(36,95,1,0.75); -moz-box-shadow:0px 0px 6px rgba(36,95,1,0.75); box-shadow:0px 0px 6px rgba(36,95,1,0.75); behavior:url(pie/PIE.php); position:relative; z-index:1; text-align:center; }
.gallery_photo a .index_gallery_photo img { max-height:124px; max-width:168px; }
.gallery_photo a .index_gallery_title { color:#000000; padding:4px 10px 0px 10px; line-height:15px; }
.gallery_photo a .index_gallery_title p { font-size:0.688em; }
.gallery_photo a .index_gallery_title span { font-size:0.75em; }

/*-------------------------------------------------------------------------------------*/
/* NEWS */

#news_content { }
#news_content .news_list_area { width:736px; height:490px; padding-left:15px; padding-top:8px; }

#news_content .news_list_area .scrollbar{ float:right; width:8px; background:url(../img/scroll_bg.png) repeat-y 0 0; position:relative; }
#news_content .news_list_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:0px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#news_content .news_list_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#news_content .news_list_area .disable { display:none; }
#news_content .news_list_area .viewport { width:709px; height:490px; overflow:hidden; position:relative; }
#news_content .news_list_area .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }

#news_content .news_list_area .overview table { width:100%; font-size:1em; color:#000000; }
#news_content .news_list_area .overview table tr td { padding:6px 0px; }
#news_content .news_list_area .overview table tr td.date { font-size:0.875em; color:#339900; }
#news_content .news_list_area .overview table tr td a.news_detail { display:block; width:49px; border:1px solid #ffffff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 0px 9px rgba(131,201,32,0.5); -moz-box-shadow:0px 0px 9px rgba(131,201,32,0.5); box-shadow:0px 0px 9px rgba(131,201,32,0.5); background:#336600; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#336600), to(#65CC00)); background:-webkit-linear-gradient(#336600, #65CC00); background:-moz-linear-gradient(#336600, #65CC00); background:-ms-linear-gradient(#336600, #65CC00); background:-o-linear-gradient(#336600, #65CC00); background:linear-gradient(#336600, #65CC00); -pie-background:linear-gradient(#336600, #65CC00); behavior:url(pie/PIE.php); position:relative; z-index:2; color:#ffffff; font-size:0.813em; text-align:center; 
height:19px; height:15px \9; padding-top:4px \9; line-height:19px; line-height:15px \9; }

#news_content .news_list_area .overview table tr.lightGreen td { background-color:#ecf7d6; }

/*-------------------------------------------------------------------------------------*/
/* GALLERY */

#gallery_content { xpadding-top:11px; }
#gallery_content .gallery_area { width:730px; padding-left:21px; }
#gallery_content .gallery_area .tab_bar { width:699px; height:26px; padding-left:13px; padding-top:6px; background:#75c300; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); position:relative; z-index:1; }

#gallery_content .gallery_area .gallery_list_area { width:719px; height:456px; padding-left:11px; padding-top:12px; }
#gallery_content .gallery_area .gallery_list_area .scrollbar{ float:right; width:8px; background:url(../img/scroll_bg.png) repeat-y 0 0; position:relative; }
#gallery_content .gallery_area .gallery_list_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:0px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#gallery_content .gallery_area .gallery_list_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#gallery_content .gallery_area .gallery_list_area .disable { display:none; }
#gallery_content .gallery_area .gallery_list_area .viewport { width:711px; height:456px; overflow:hidden; position:relative; }
#gallery_content .gallery_area .gallery_list_area .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }
#gallery_content .gallery_area .gallery_list_area .overview .gallery_list { }
#gallery_content .gallery_area .gallery_list_area .overview .gallery_list .gallery_box { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:209px; height:208px; padding-left:14px; padding-top:13px; margin-right:8px; margin-bottom:10px; background:url(../img/gallery_box.png) no-repeat left top; cursor:pointer; font-size:0.813em; }
#gallery_content .gallery_area .gallery_list_area .overview .gallery_list .gallery_box .gallery_cover { width:186px; height:139px; border:3px solid #ffffff; margin-bottom:6px; }
#gallery_content .gallery_area .gallery_list_area .overview .gallery_list .gallery_box .gallery_cover_name { width:200px; padding-left:4px; color:#000000; }
#gallery_content .gallery_area .gallery_list_area .overview .gallery_list .gallery_box .gallery_date { width:200px; padding-left:4px; color:#339900; }

#gallery_content .gallery_area .gallery_detail { width:740px; height:444px; padding-top:20px; margin-left:-4px; font-size:1em; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_title { margin-left:10px; padding-left:38px; padding-top:5px; background:url(../img/gallery_icon.jpg) no-repeat left top; line-height:22px; color:#000000; font-size:1.125em; font-weight:bold; margin-bottom:8px; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo { width:100%; height:397px; padding-top:16px; background:url(../img/gallery_detail_shadow.png) no-repeat left top; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .left_side { float:left; width:474px; height:383px; padding-top:14px; margin-left:7px; background:url(../img/gallery_large_bg.png) no-repeat left top; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .left_side .large_photo { width:467px; height:349px; border:3px solid #ffffff; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .left_side .date { padding-top:12px; padding-left:6px; color:#339900; font-weight:bold; font-size:0.938em; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side { float:right; width:250px; padding-top:16px; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_row { width:100%; text-align:center; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_row a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:25px; height:26px; background:url(../img/other_photo_row.jpg) no-repeat; cursor:pointer; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_row a#listUp { background-position:0 0 !important; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_row a#listDown { background-position:0 -40px !important; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_area { width:100%; height:300px; overflow:hidden; position:relative;  margin:0px auto; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_area .other_photo_list { width:100%; height:300px; position:absolute; left:0px; top:0px; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_area .other_photo_list .other_photo { width:100%; height:300px; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_area .other_photo_list .other_photo a { float:left; width:111px; height:82px; border:3px solid #ffffff; margin:6px 4px; }
#gallery_content .gallery_area .gallery_detail .gallery_detail_photo .right_side .other_photo_area .other_photo_list .other_photo img { }

/*-------------------------------------------------------------------------------------*/
/* HOMEWORK JOURNALS */

#homework_content { }
#homework_content .homework_area { width:748px; height:500px; margin-left:11px; background:url(../img/homework_broad.jpg) no-repeat left top; -webkit-box-shadow:5px 5px 7px rgba(0,0,0,0.5); -moz-box-shadow:5px 5px 7px rgba(0,0,0,0.5); box-shadow:5px 5px 7px rgba(0,0,0,0.5); behavior:url(pie/PIE.php); position:relative; z-index:1; }
#homework_content .homework_area .homework_patten { width:100%; height:33px; position:relative; }
#homework_content .homework_area .homework_patten div { position:absolute; right:49px; top:-69px; width:244px; height:82px; background:url(../img/homework_patten.png) no-repeat left top; }

#homework_content .homework_area .tab_bar { width:708px; height:21px; padding-left:40px; padding-bottom:17px; position:relative; z-index:1; }

#select_month .scrollbar { display:none; }

#homework_content .homework_area .homework_broad { width:738px; padding-left:4px; }
#homework_content .homework_area .homework_broad .homework_row { float:left; width:33px; margin-top:164px; }
#homework_content .homework_area .homework_broad .homework_row a { display:block; width:33px; height:33px; cursor:pointer; background:url(../img/homework_row.png) no-repeat; }
#homework_content .homework_area .homework_broad .homework_row a#row_back { background-position:0 0 !important; }
#homework_content .homework_area .homework_broad .homework_row a#row_next { background-position:0 -50px !important; }
#homework_content .homework_area .homework_broad .homework_list_area { float:left; width:672px; height:400px; overflow:hidden; position:relative; }
#homework_content .homework_area .homework_broad .homework_list_area .homework_list { width:672px; height:400px; position:absolute; left:0px; top:0px; }
#homework_content .homework_area .homework_broad .homework_list_area .homework_list .homework_box { float:left; width:672px; height:400px; xtext-align:left; }
#homework_content .homework_area .homework_broad .homework_list_area .homework_list .homework_box a { float:left; display:block; width:158px; height:190px; margin:0px 5px 10px 5px; }
#homework_content .homework_area .homework_broad .homework_list_area .homework_list .homework_box a i { display:block; width:152px; height:156px; border:3px solid #ffffff; background-color:#4e936d; -webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.6); -moz-box-shadow:4px 4px 4px rgba(0,0,0,0.6); box-shadow:4px 4px 4px rgba(0,0,0,0.6); behavior:url(pie/PIE.php); cursor:pointer; }
#homework_content .homework_area .homework_broad .homework_list_area .homework_list .homework_box a p { padding-top:10px; text-align:center; color:#ffffff; font-size:0.938em; }

/*-------------------------------------------------------------------------------------*/
/* SUBJECT */

#subject_content { }
#subject_content .subject_tab_area { width:712px; height:39px; padding-left:21px; }
#subject_content .subject_tab_area > div { float:left; height:32px; background-color:#75c300; position:relative; z-index:1100; }

#subject_content .subject_tab_area .based_tab { width:135px; }
#subject_content .subject_tab_area .based_tab a { display:block; width:100%; height:32px; text-align:center; }
#subject_content .subject_tab_area .based_tab a * { display:inline-block; zoon:1; *display:inline; vertical-align:top; width:83px; height:19px; margin-top:6px; background:url(../img/subject_tab_name.png) no-repeat 0 -30px; }

#subject_content .subject_tab_area .other_subject { width:577px; }
#subject_content .subject_tab_area .other_subject > span { float:left; display:block; width:83px; height:19px; margin:6px 14px 0px 25px; background:url(../img/subject_tab_name.png) no-repeat 0 0; }
#subject_content .subject_tab_area .other_subject select { float:left; display:block; width:202px; height:21px; border:none; font-size:0.844em; color:#336600; }
#subject_content .subject_tab_area .other_subject .cjbox_select { display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative; z-index:2000; font-size:0.844em; color:#336600; line-height:21px; margin-top:6px; }
#subject_content .subject_tab_area .other_subject .cjbox_select .head { width:100%; height:21px; background: #f6fbef;
background: -moz-linear-gradient(top, #F6FBEF 0%, #E8F6C1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6FBEF), color-stop(100%,#E8F6C1));
background: -webkit-linear-gradient(top, #F6FBEF 0%,#E8F6C1 100%);
background: -o-linear-gradient(top, #F6FBEF 0%,#E8F6C1 100%);
background: -ms-linear-gradient(top, #F6FBEF 0%,#E8F6C1 100%);
background: linear-gradient(to bottom, #F6FBEF 0%,#E8F6C1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fbef', endColorstr='#e8f6c1',GradientType=0 ); }
#subject_content .subject_tab_area .other_subject .cjbox_select .selected { width:194px; padding-left:12px; }
#subject_content .subject_tab_area .other_subject .cjbox_select .triangle { float:right; width:16px; line-height:21px; font-size:12px; cursor:pointer; color:#75c300; }
#subject_content .subject_tab_area .other_subject .cjbox_select .select_list { position:absolute; left:0px; top:21px; width:222px; xheight:454px; background-color:#E8F6C1; }
#subject_content .subject_tab_area .other_subject .cjbox_select .select_list .scrollbar{ float:right; width:8px; background:url(../img/scroll_bg.png) repeat-y 0 0; position:relative; margin-right:6px; }
#subject_content .subject_tab_area .other_subject .cjbox_select .select_list .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:0px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#subject_content .subject_tab_area .other_subject .cjbox_select .select_list .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#subject_content .subject_tab_area .other_subject .cjbox_select .select_list .disable { display:none; }
#subject_content .subject_tab_area .other_subject .cjbox_select .select_list .viewport { width:208px; height:454px; overflow:hidden; position:relative; }
#subject_content .subject_tab_area .other_subject .cjbox_select .select_list .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }
#subject_content .subject_tab_area .other_subject .cjbox_select .select_list .overview .option { width:196px; padding:2px 0px 2px 12px; font-size:0.844em; color:#336600; line-height:15px; cursor:pointer; }

#subject_content .subject_tab_area div i { position:absolute; left:0px; top:32px; display:none; width:100%; height:7px; background:url(../img/subject_row.png) no-repeat; }
#subject_content .subject_tab_area .based_tab i { background-position:center top; }
#subject_content .subject_tab_area .other_subject i { background-position:58px 0; }

#subject_content .subject_tab_area .onSubject { background-color:#339900; }
#subject_content .subject_tab_area .onSubject a * { background:url(../img/subject_tab_name.png) no-repeat -100px -30px !important; }
#subject_content .subject_tab_area .onSubject span { background:url(../img/subject_tab_name.png) no-repeat -100px 0 !important; }
#subject_content .subject_tab_area .onSubject i { display:block !important; }

#subject_content .subject_area { width:756px; height:454px; padding-top:7px; position:relative; }
#subject_content .subject_area .subject_title_area { width:733px; height:77px; position:absolute; left:15px; top:7px; z-index:1000; background:url(../img/subject_tit_bg.jpg) no-repeat left bottom; }
#subject_content .subject_area .subject_title_area .subject_title { float:left; width:230px; height:77px; padding-left:14px; }
#subject_content .subject_area .subject_title_area .subject_title span { display:block; width:197px; height:38px; background:url(../img/subject_title.png) no-repeat; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=based] { background:url(../img/subject_title_based.png) no-repeat 0 0px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=en] { background-position:0 0px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=chi] { background-position:0 -60px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=pot] { background-position:0 -120px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=math] { background-position:0 -180px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=gk] { background-position:0 -240px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=music] { background-position:0 -300px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=pe] { background-position:0 -360px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=cs] { background-position:0 -420px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=art] { background-position:0 -480px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=lib] { background-position:0 -540px !important; }
#subject_content .subject_area .subject_title_area .subject_title span[data-rel=epe] { background-position:0 -600px !important; }

#subject_content .subject_area .subject_title_area .subject_menu { float:left; width:464px; height:72px; padding-top:5px; }
#subject_content .subject_area .subject_title_area .subject_menu a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px 3px; *margin:0px 5px; height:23px; padding:5px 17px 0px 17px; border:2px solid #ffffff; background-color:#009; webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#85CD3C; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#85CD3C), to(#359b04)); background:-webkit-linear-gradient(#85CD3C, #359b04); background:-moz-linear-gradient(#85CD3C, #359b04); background:-ms-linear-gradient(#85CD3C, #359b04); background:-o-linear-gradient(#85CD3C, #359b04); background:linear-gradient(#85CD3C, #359b04); -pie-background: linear-gradient(#85CD3C, #359b04); behavior:url(pie/PIE.php); }
#subject_content .subject_area .subject_title_area .subject_menu a.onSjMenu { background:#FF8910; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FF8910), to(#9f6d00)); background:-webkit-linear-gradient(#FF8910, #9f6d00); background:-moz-linear-gradient(#FF8910, #9f6d00); background:-ms-linear-gradient(#FF8910, #9f6d00); background:-o-linear-gradient(#FF8910, #9f6d00); background:linear-gradient(#FF8910, #9f6d00); -pie-background:linear-gradient(#FF8910, #9f6d00); }

#subject_content .subject_area .subject_title_area .subject_menu.based_menu { width:484px !important; margin-left:-42px; }
#subject_content .subject_area .subject_title_area .subject_menu.based_menu a { padding:5px 7px 0px 7px !important; margin:0px -2px !important; *margin:0px 0px !important; }
#subject_content .subject_area .subject_title_area .subject_menu a font { display:block; height:17px; background:url(../img/based_menu.png) no-repeat; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_1 font { width:77px; background-position:0 0 !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_2 font { width:116px; background-position:-109px 0 !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_3 font { width:76px; background-position:-258px 0 !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_4 font { width:136px; background-position:-367px 0 !important; }

#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_1.onOver font { background-position:0 -30px !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_2.onOver font { background-position:-109px -30px !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_3.onOver font { background-position:-258px -30px !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_4.onOver font { background-position:-367px -30px !important; }

#subject_content .subject_area .subject_title_area .subject_menu a span { display:block; height:17px; background:url(../img/subject_menu.png) no-repeat; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_1 span { width:35px; background-position:0 0 !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_2 span { width:77px; background-position:-78px 0 !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_3 span { width:34px; background-position:-195px 0 !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_4 span { width:76px; background-position:-274px 0 !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_5 span { width:76px; background-position:-390px 0 !important; }

#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_1.onOver span { background-position:0 -30px !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_2.onOver span { background-position:-78px -30px !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_3.onOver span { background-position:-195px -30px !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_4.onOver span { background-position:-274px -30px !important; }
#subject_content .subject_area .subject_title_area .subject_menu a#sj_menu_5.onOver span { background-position:-390px -30px !important; }

#subject_content .subject_area .scrollbar{ float:right; width:8px; background:url(../img/scroll_bg.png) repeat-y 0 0; position:relative; }
#subject_content .subject_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:0px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#subject_content .subject_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#subject_content .subject_area .disable { display:none; }
#subject_content .subject_area .viewport { width:748px; height:456px; overflow:hidden; position:relative; }
#subject_content .subject_area .overview { list-style:none; position:absolute; left:0; top:0; z-index:10; padding:0; margin:0; padding-top:77px; }



.subject_based_content { width:676px; padding-left:24px; }
.subject_based_content span { text-align: center; display: block; }
.subject_based_content ul { padding-top:12px; }
.subject_based_content ul li { background:url(../img/sj_target_list_style.png) no-repeat left 4px; padding-left:18px; padding-bottom:18px; line-height:20px; color:#333333; font-size:0.938em; }
.subject_based_content ol { padding-top:12px; }
.subject_based_content ol li { padding-left:12px; margin-left: -20px; padding-bottom:18px; line-height:20px; color:#333333; font-size:0.938em; }
.subject_based_content .table { border-collapse: collapse; border: 1px solid black; text-align: center; }
.subject_based_content .table tr td { border: 1px solid black; padding: 5px; }
.subject_based_content table { margin: 0 auto; }
.subject_based_content .photo_table { width: 100%;  }
.subject_based_content .photo_table img { width: 100%; }
.subject_based_content .pta_table { border-collapse: collapse; border: 1px solid #336600; }
.subject_based_content .pta_table tr td { border: 1px solid #336600; padding: 3px; }
.pta_table a { color: #336600; }
.pta_table a:hover { text-decoration: underline; }

.subject_target_content .subject_target_box { padding-left:20px; }
.subject_target_content .subject_target_box .subject_target_tit { height:32px; padding-left:22px; padding-top:10px; background:url(../img/subject_content_line.png) no-repeat left bottom; color:#246603; font-family:"Arial Black", Gadget, sans-serif; font-size:1.125em; }
.subject_target_content .subject_target_box .subject_target_info { padding-left:20px; padding-top:12px; }
.subject_target_content .subject_target_box .subject_target_info ul { }
.subject_target_content .subject_target_box .subject_target_info ul li { background:url(../img/sj_target_list_style.png) no-repeat left 4px; padding-left:18px; padding-bottom:18px; line-height:20px; color:#333333; font-size:0.938em; }
.subject_target_content .subject_target_box h2 { height:32px; padding-left:-20px; padding-top:10px; margin-bottom:12px; background:url(../img/subject_content_line.png) no-repeat left bottom; color:#246603; font-family:"Arial Black", Gadget, sans-serif; font-size:1.125em; }
.subject_target_content .subject_target_box p { padding-top:12px; margin-bottom:12px; font-size:0.938em; }
.subject_target_content .subject_target_box ul { padding-top:12px; }
.subject_target_content .subject_target_box ul li { background:url(../img/sj_target_list_style.png) no-repeat left 4px; padding-left:18px; padding-bottom:18px; line-height:20px; color:#333333; font-size:0.938em; }
.subject_target_content .subject_target_box ol { padding-top:12px; }
.subject_target_content .subject_target_box ol li { padding-left:12px; margin-left: -20px; padding-bottom:18px; line-height:20px; color:#333333; font-size:0.938em; }


.subject_area .subject_detail { width:700px; height:444px; padding-top:10px; margin-left:40px; font-size:1em; }
.subject_area .subject_detail_photo { width:100%; height:397px; padding-top:16px; }
.subject_area .subject_detail_photo .left_side { float:left; width:474px; Height:383px; xmargin-left:7px; }
.subject_area .subject_detail_photo .left_side .large_photo { width:447px; height:335px; border:3px solid #ffffff; }
.subject_area .subject_detail_photo .left_side .date { padding-top:5px; padding-left:6px; color:#339900; font-weight:bold; font-size:0.938em; width:447px;}
.subject_area .subject_detail_photo .album_right { float:right; width:250px; padding-top:16px; }
.subject_area .subject_detail_photo .album_right .other_photo_row { width:100%; text-align:center; }
.subject_area .subject_detail_photo .album_right .other_photo_row a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:25px; height:26px; background:url(../img/other_photo_row.jpg) no-repeat; cursor:pointer; }
.subject_area .subject_detail_photo .album_right .other_photo_row a#listUp { background-position:0 0 !important; }
.subject_area .subject_detail_photo .album_right .other_photo_row a#listDown { background-position:0 -40px !important; }
.subject_area .subject_detail_photo .album_right .other_photo_area { width:100%; height:300px; overflow:hidden; position:relative;  margin:0px auto; }
.subject_area .subject_detail_photo .album_right .other_photo_area .other_photo_list { width:100%; height:300px; position:absolute; left:0px; top:0px; }
.subject_area .subject_detail_photo .album_right .other_photo_area .other_photo_list .other_photo { width:100%; height:300px; }
.subject_area .subject_detail_photo .album_right .other_photo_area .other_photo_list .other_photo a { float:left; width:111px; height:82px; border:3px solid #ffffff; margin:6px 4px; }
.subject_area .subject_detail_photo .album_right .other_photo_area .other_photo_list .other_photo img { }


.subject_gallery_content { width:703px; padding-left:24px; }
.subject_gallery_content .subject_gallery_list { float:left; width:151px; height:200px; padding-top:6px; }
.subject_gallery_content .subject_gallery_list ul { width:143px; }
.subject_gallery_content .subject_gallery_list ul li { background:url(../img/sj_gallery_list_line.png) no-repeat left bottom; padding-left:7px; padding-top:20px; padding-bottom:15px; }
.subject_gallery_content .subject_gallery_list ul li a { background:url(../img/sj_target_list_style.png) no-repeat left 4px; padding-left:15px; color:#246603; font-size:1.063em; font-weight:bold; }
.subject_gallery_content .subject_gallery_list ul li a:hover { color:#ff9012; }
.subject_gallery_content .subject_gallery_list ul li a.cur_album { color:#ff9012; }

.subject_gallery_content .subject_large_photo { float:left; width:396px; height:200px; padding-top:5px; }
.subject_gallery_content .subject_large_photo img { border:3px solid #ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 10px #83c920; -moz-box-shadow:0px 0px 10px #83c920; box-shadow:0px 0px 10px #83c920; background:#ffffff; behavior:url(pie/PIE.php); }
.subject_gallery_content .subject_other_photo_list { float:left; width:156px; height:200px; padding-top:1px; }

.subject_gallery_content .subject_other_photo_list .subject_other_photo_row { width:100%; text-align:center; }
.subject_gallery_content .subject_other_photo_list .subject_other_photo_row a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:25px; height:26px; background:url(../img/other_photo_row.jpg) no-repeat; cursor:pointer; }
.subject_gallery_content .subject_other_photo_list .subject_other_photo_row a#listUp { background-position:0 0 !important; }
.subject_gallery_content .subject_other_photo_list .subject_other_photo_row a#listDown { background-position:0 -40px !important; }
.subject_gallery_content .subject_other_photo_list .subject_other_photo_area { width:100%; height:256px; overflow:hidden; position:relative; }
.subject_gallery_content .subject_other_photo_list .subject_other_photo_area .subject_other_photo_list { width:100%; height:252px; position:absolute; left:0px; top:0px; }
.subject_gallery_content .subject_other_photo_list .subject_other_photo_area .subject_other_photo_list .other_photo { width:100%; height:252px; }
.subject_gallery_content .subject_other_photo_list .subject_other_photo_area .subject_other_photo_list .other_photo a { float:left; width:74px; height:55px; margin:4px 2px; }
.subject_gallery_content .subject_other_photo_list .subject_other_photo_area .subject_other_photo_list .other_photo img { }

.subject_video_content { width:703px; padding-left:15px; }
.subject_video_content .subject_video_title { height:28px; padding-left:14px; padding-top:12px; background:url(../img/sj_video_tit_line.png) no-repeat left bottom; color:#246603; font-family:"Arial Black", Gadget, sans-serif; font-size:0.938em; }
.subject_video_content .subject_video_show_area { width:713px; padding-top:24px; padding-left:6px; }
.subject_video_content .subject_video_show_area .video_show { float:left; width:469px; height:295px; }
.subject_video_content .subject_video_show_area .video_list { float:right; width:228px; }
.subject_video_content .subject_video_show_area .video_list ul { }
.subject_video_content .subject_video_show_area .video_list ul li { border-bottom:2px dotted #b5d659; padding:10px 0px 10px 21px; width: 180px; background:url(../img/sj_video_list_style.jpg) no-repeat 2px 13px; }
.subject_video_content .subject_video_show_area .video_list ul li.last { border-bottom:none; }
.subject_video_content .subject_video_show_area .video_list ul li a { color:#330000; font-size:0.813em; }
.subject_video_content .subject_video_show_area .video_list ul li a:hover { text-decoration:underline; }

.subject_works_content { width:712px; padding-left:21px; padding-top:6px; }
.subject_works_content table { width:100%; color:#000000; }
.subject_works_content table tr td { padding:10px 0px; font-size:0.875em; }

.subject_works_content table tr.topic td { padding:8px 0px 4px 0px !important; background-color:#abda63; font-size:0.938em; color:#336600; font-weight:bold; }
.subject_works_content table tr.topic td.first { -webkit-border-radius:6px 0px 0px 6px; -moz-border-radius:6px 0px 0px 6px; border-radius:6px 0px 0px 6px; behavior:url(pie/PIE.php); }
.subject_works_content table tr.topic td.last { -webkit-border-radius:0px 6px 6px 0px; -moz-border-radius:0px 6px 6px 0px; border-radius:0px 6px 6px 0px; behavior:url(pie/PIE.php); }
.subject_works_content table tr td:first-child { padding-left:28px !important; }
.subject_works_content table tr td.date { font-size:0.813em !important; color:#339900; }
.subject_works_content table tr td a.works_detail { display:block; width:49px; border:1px solid #ffffff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 0px 9px rgba(131,201,32,0.5); -moz-box-shadow:0px 0px 9px rgba(131,201,32,0.5); box-shadow:0px 0px 9px rgba(131,201,32,0.5); background:#336600; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#336600), to(#65CC00)); background:-webkit-linear-gradient(#336600, #65CC00); background:-moz-linear-gradient(#336600, #65CC00); background:-ms-linear-gradient(#336600, #65CC00); background:-o-linear-gradient(#336600, #65CC00); background:linear-gradient(#336600, #65CC00); -pie-background:linear-gradient(#336600, #65CC00); behavior:url(pie/PIE.php); position:relative; z-index:2; color:#ffffff; font-size:0.813em; text-align:center; 
height:19px; height:15px \9; padding-top:4px \9; line-height:19px; line-height:15px \9; }

.subject_works_content table tr.lightGreen td { background-color:#ecf7d6; }


/*-------------------------------------------------------------------------------------*/
/* SCHOOL INFOMATION */

#school_info_content { min-height:611px !important; background:url(../img/inner_bg_school_info.png) no-repeat left 14px; }
.after_school_content { background:url(../img/inner_bg_after_school.png) no-repeat left 14px !important; }

#school_info_content .school_info_area { }
.lunch_arg_content .school_info_area { height:514px; margin-right:22px; background:url(../img/president_message_img.png) no-repeat right bottom; }

#school_info_content .school_info_area .school_info_topic { margin-left:21px; padding-left:12px; width:719px; height:32px; position:relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#339900; background:-webkit-gradient(linear, left top, right top, color-stop(0%,#339900), color-stop(100%,#99CC00)); background:-webkit-linear-gradient(left, #339900 0%,#99CC00 100%); background:-moz-linear-gradient(left, #339900 0%, #99CC00 100%); background:-ms-linear-gradient(left, #339900 0%,#99CC00 100%); background:-o-linear-gradient(left, #339900 0%,#99CC00 100%); background:linear-gradient(to right, #339900 0%,#99CC00 100%); -pie-background:linear-gradient(to right, #339900 0%,#99CC00 100%); behavior:url(pie/PIE.php); line-height:32px; font-size:1.25em; color:#ffffff; font-weight:bold; }
#school_info_content .school_info_area .school_info_topic i { position:absolute; left:36px; bottom:-7px; display:block; width:14px; height:7px; background:url(../img/subject_row.png) no-repeat left top; }
#school_info_content .school_info_area .school_info_topic .songBtn { position:absolute; top:3px; width:115px; height:26px; display:block; }
#school_info_content .school_info_area .school_info_topic .mp3_ver { right:20px; background:url(../img/song_btn_1.png) no-repeat left top; }
#school_info_content .school_info_area .school_info_topic .midi_ver { right:150px; background:url(../img/song_btn_2.png) no-repeat left top; }

.mission_statement_area { width:691px; margin-left:30px; margin-top:30px; margin-bottom:35px; font-size:1em; color:#333333; }
.motto_area { width:650px; height:309px; margin-left:25px; margin-top:16px; background:url(../img/motto_img.png) no-repeat left top; }

.history_area { margin-left:30px; margin-top:33px; }
.history_area .history_img { width:705px; height:367px; background:url(../img/history_img.png) no-repeat left top; }


.admin_structure_area { margin-left:24px; margin-top:27px; }
.admin_structure_area .admin_structure_img { width:728px; height:435px; background:url(../img/admin_structure.png) no-repeat left top; }

.president_message_area { width:726px; height:450px; padding-left:23px; padding-right:18px; margin-left:4px; margin-top:24px; background:url(../img/theme_bg_2.png) no-repeat left bottom; padding-top:10px; color:#333333; line-height:22px; text-align:justify; }
.president_message_area .scrollbar{ float:right; width:2px; background:#80c315; margin-right:8px; position:relative; }
.president_message_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.president_message_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.president_message_area .disable { display:none; }
.president_message_area .viewport { width:690px; height:416px; overflow:hidden; position:relative; margin-top:18px; }
.president_message_area .overview { list-style:none; position:absolute; left:0; top:0; z-index:10; padding:0; margin:0; }
.president_message_area img { float:left; margin-left:3px; margin-right:18px; border:3px solid #acf645; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; behavior:url(pie/PIE.php); position:relative; z-index:1; }
.president_message_area p { font-size:0.875em; color:#333333; line-height:18px; text-align:justify; }
.president_message_area p.p1 { float:left; width:453px; padding-top:10px; }
.president_message_area p.p2 { float:left; width:384px; padding-right:100px; margin-top:16px; }

.students_notes_area { margin-left:23px; margin-top:9px; }
.students_notes_area .students_notes_content { width:676px; height:424px; padding:27px 0px 22px 58px; background:url(../img/students_notes_bg.png) no-repeat left top; }
.students_notes_area .students_notes_content .scrollbar{ float:right; width:2px; background:#80c315; margin-right:3px; position:relative; }
.students_notes_area .students_notes_content .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.students_notes_area .students_notes_content .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.students_notes_area .students_notes_content .disable { display:none; }
.students_notes_area .students_notes_content .viewport { width:632px; height:416px; overflow:hidden; position:relative; margin-top:18px; }
.students_notes_area .students_notes_content .overview { list-style:none; position:absolute; left:0; top:0; z-index:10; padding:0; margin:0; }
.students_notes_area .students_notes_content .overview .students_notes_info { width:632px; padding-top:13px; background:url(../img/students_notes_img.png) no-repeat right top; color:#333333; font-size:1em; xfont-size:0.875em; line-height:22px; }
.students_notes_area .students_notes_content .overview .students_notes_info h2 { height:28px; background:url(../img/students_notes_title.png) no-repeat; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_1"] { background-position:0 0 !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_2"] { background-position:0 -40px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_3"] { background-position:0 -80px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_4"] { background-position:0 -120px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_5"] { background-position:0 -160px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_6"] { background-position:0 -200px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_7"] { background-position:0 -240px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_8"] { background-position:0 -280px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_9"] { background-position:0 -320px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info h2[data-rel="point_10"] { background-position:0 -360px !important; }
.students_notes_area .students_notes_content .overview .students_notes_info p { padding-bottom:40px; }
.students_notes_area .students_notes_content .overview .students_notes_info b { font-weight:bold; }
.students_notes_area .students_notes_content .overview .students_notes_info ol { list-style:decimal; padding-left:24px; margin-top:-40px; }
.students_notes_area .students_notes_content .overview .students_notes_info ol li { padding-bottom:4px; }

.facility_area { margin-left:18px; margin-top:21px; }
.facility_area .facility_content { width:692px; padding-left:13px; padding-bottom:20px; color:#333333; font-size:1em; line-height:22px; }
.facility_area .facility_photo_area { }
.facility_area .facility_photo_area .facility_list_area { float:left; width:188px; height:262px; padding-top:14px; padding-left:14px; }
.facility_area .facility_photo_area .facility_list_area .scrollbar{ float:left; width:2px; background-color:#83c920; position:relative; margin-right:9px; margin-left:3px; }
.facility_area .facility_photo_area .facility_list_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#83c920; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.facility_area .facility_photo_area .facility_list_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#83c920; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.facility_area .facility_photo_area .facility_list_area .disable { display:none; }
.facility_area .facility_photo_area .facility_list_area .viewport { width:160px; height:262px; overflow:hidden; position:relative; }
.facility_area .facility_photo_area .facility_list_area .overview { list-style:none; position:absolute; left:0; top:0; padding:0px; margin:0; }
.facility_area .facility_photo_area .facility_list_area ul { width:149px; }
.facility_area .facility_photo_area .facility_list_area ul li { padding:12px 0px 16px 13px; background:url(../img/facility_list_line.png) no-repeat left bottom; }
.facility_area .facility_photo_area .facility_list_area ul li.last { background:none; }
.facility_area .facility_photo_area .facility_list_area ul li a { padding-left:20px; background:url(../img/facility_list_style.png) no-repeat left 5px; font-size:1.063em; color:#246603; font-weight:bold; }
.facility_area .facility_photo_area .facility_list_area ul li a:hover { color:#ff6212; }
.facility_area .facility_photo_area .facility_large_photo_area { float:left; width:375px; margin-right:42px; background-color:#ffffff; padding:3px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0px 0px 9px #83c920; -moz-box-shadow:0px 0px 9px #83c920; box-shadow:0px 0px 9px #83c920; behavior:url(pie/PIE.php); position:relative; }
.facility_area .facility_photo_area .facility_large_photo_area .facility_large_photo { width:375px; height:282px; text-align:center; background-color:#ffffff; }
.facility_area .facility_photo_area .facility_large_photo_area .facility_large_photo i { vertical-align:middle; display:inline-block; height:100%; }
.facility_area .facility_photo_area .facility_large_photo_area .facility_large_photo img { display:inline-block; max-width:375px; max-height:282px; vertical-align:middle; }
.facility_area .facility_photo_area .facility_other_photo { float:left; width:74px; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_row { width:23px; height:23px; margin:0px auto; background:url(../img/facility_other_photo_row.png) no-repeat; cursor:pointer; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_row#listUp { background-position:left top; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_row#listDown { background-position:left bottom; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_list { width:100%; height:252px; overflow:hidden; position:relative; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_list .facility_other_photo_eff { width:100%; height:252px; position:absolute; left:0px; top:0px; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_list .facility_other_photo_eff .facility_other_photo { width:100%; height:63px; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_list .facility_other_photo_eff .facility_other_photo a { display:block; width:72px; height:53px; cursor:pointer; border:1px solid #99cc00; text-align:center; background-color:#ffffff; margin:4px 0px; text-align:center; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_list .facility_other_photo_eff .facility_other_photo a i { display:inline-block; height:100%; vertical-align:middle; }
.facility_area .facility_photo_area .facility_other_photo .facility_other_photo_list .facility_other_photo_eff .facility_other_photo a img { max-width:72px; max-height:53px; vertical-align:middle; }

.song_area { margin-left:36px; margin-top:4px; }
.song_area .song_img { width:735px; height:500px; background:url(../img/song_img.png) no-repeat left top; }

.calendar_area { margin-left:36px; margin-top:34px; }
.calendar_img { width:735px; height:456px; text-align:center; }
.calendar_img a { display:inline-block; zoom:1; *display:inline; vertical-align:top; border:3px solid #99cc00; }
.calendar_img img { max-width:700px; max-height:450px; }

.lunch_info { margin-left:28px; margin-top:32px; padding-right:400px; }
.lunch_info p { font-size:1em; xfont-size:0.938em; color:#333333; }
.lunch_info ul { list-style:decimal; padding-left:26px; line-height:25px; font-size:0.938em; }
.lunch_info b { font-weight:bold; }

.after_school_info { padding:32px 388px 0px 28px; line-height:22px; }
.after_school_info p { font-size:1em; xfont-size:0.938em; color:#333333; }

.timetable_info { margin:0px 28px 0px 28px; }

.development_list_info { width:683px; height:368px; padding:102px 45px 22px 39px; margin-top:12px; margin-left:4px; position:relative; background:url(../img/report_bg.jpg) no-repeat center 87px; }

.development_title_area { width:733px; height:77px; position:absolute; xleft:15px; top:0px; z-index:1000; background:url(../img/subject_tit_bg.jpg) no-repeat left bottom; }
.development_title_area .dp_title { float:left; xwidth:304px; height:77px; padding-left:14px; }
.development_title_area .dp_title span { display:block; width:163px; height:38px; xbackground:url(../img/subject_title.png) no-repeat 0 0; }
.development_title_area .dp_menu { float:left; width:530px; height:72px; padding-top:5px; text-align:right; }
.development_title_area .dp_menu a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px 3px; *margin:0px 5px; height:23px; padding:5px 17px 0px 17px; border:2px solid #ffffff; background-color:#009; webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#85CD3C; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#85CD3C), to(#359b04)); background:-webkit-linear-gradient(#85CD3C, #359b04); background:-moz-linear-gradient(#85CD3C, #359b04); background:-ms-linear-gradient(#85CD3C, #359b04); background:-o-linear-gradient(#85CD3C, #359b04); background:linear-gradient(#85CD3C, #359b04); -pie-background: linear-gradient(#85CD3C, #359b04); behavior:url(pie/PIE.php); position:relative; }
.development_title_area .dp_menu a.onSjMenu { background:#FF8910; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FF8910), to(#9f6d00)); background:-webkit-linear-gradient(#FF8910, #9f6d00); background:-moz-linear-gradient(#FF8910, #9f6d00); background:-ms-linear-gradient(#FF8910, #9f6d00); background:-o-linear-gradient(#FF8910, #9f6d00); background:linear-gradient(#FF8910, #9f6d00); -pie-background:linear-gradient(#FF8910, #9f6d00); }

.dp_plan_menu a span { display:block; height:17px; background:url(../img/dp_plan_menu.png) no-repeat; }
.dp_plan_menu a#dp_menu_1 span { width:154px; background-position:0 0 !important; }
.dp_plan_menu a#dp_menu_2 span { width:115px; background-position:-189px 0 !important; }
.dp_plan_menu a#dp_menu_3 span { width:115px; background-position:-332px 0 !important; }
.dp_plan_menu a#dp_menu_1.onOver span { background-position:0 -30px !important; }
.dp_plan_menu a#dp_menu_2.onOver span { background-position:-189px -30px !important; }
.dp_plan_menu a#dp_menu_3.onOver span { background-position:-332px -30px !important; }

.dp_grant_menu a span { display:block; height:17px; background:url(../img/dp_grant_menu.png) no-repeat; }
.dp_grant_menu a#dp_menu_1 span { width:114px; background-position:0 0 !important; }
.dp_grant_menu a#dp_menu_2 span { width:116px; background-position:-189px 0 !important; }
.dp_grant_menu a#dp_menu_1.onOver span { background-position:0 -30px !important; }
.dp_grant_menu a#dp_menu_2.onOver span { background-position:-189px -30px !important; }

.development_list_info .scrollbar{ float:right; width:2px; background:#288700; margin-right:13px; position:relative; z-index:1001; }
.development_list_info .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#288700; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.development_list_info .thumb .end { overflow:hidden; height:7px; width:8px; background:#288700; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.development_list_info .disable { display:none; }
.development_list_info .viewport { width:665px; height:330px; xheight:420px; overflow:hidden; position:relative; }
.development_list_info .overview { list-style:none; position:absolute; left:0; top:0; z-index:10; padding:0; margin:0; }

.development_list_info .development_list { width:100%; display:none; margin-left:20px; margin-top:8px; }
.development_list_info .development_list ul { }
.development_list_info .development_list ul li { padding-bottom:8px; }
.development_list_info .development_list ul li a { background:url(../img/ssc_system_list_style.png) no-repeat left 2px; padding-left:21px; color:#288700; font-size:1.063em; }
.development_list_info .development_list ul li a:hover { color:#333333; }

.ssc_system_area { margin-left:28px; margin-top:22px; }
.ssc_system_area .ssc_system_box { width:449px; height:282px; padding:88px 137px 88px 130px; background:url(../img/ssc_system_box.png) no-repeat left top; }
.ssc_system_area .ssc_system_box .scrollbar{ float:right; width:2px; background:#288700; margin-right:3px; position:relative; }
.ssc_system_area .ssc_system_box .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#288700; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.ssc_system_area .ssc_system_box .thumb .end { overflow:hidden; height:7px; width:8px; background:#288700; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.ssc_system_area .ssc_system_box .disable { display:none; }
.ssc_system_area .ssc_system_box .viewport { width:430px; height:282px; overflow:hidden; position:relative; }
.ssc_system_area .ssc_system_box .overview { list-style:none; position:absolute; left:0; top:0; z-index:10; padding:0; margin:0; }
.ssc_system_area .ssc_system_box .overview .ssc_system_list { width:100%; }
.ssc_system_area .ssc_system_box .overview .ssc_system_list ul { }
.ssc_system_area .ssc_system_box .overview .ssc_system_list ul li { padding-bottom:8px; }
.ssc_system_area .ssc_system_box .overview .ssc_system_list ul li a { background:url(../img/ssc_system_list_style.png) no-repeat left 2px; padding-left:21px; color:#ffffff; font-size:1.063em; }
.ssc_system_area .ssc_system_box .overview .ssc_system_list ul li a:hover { color:#333333; }

/*
#school_info_content .school_info_area .scrollbar{ float:right; width:8px; background:url(../img/scroll_bg.png) repeat-y 0 0; position:relative; }
#school_info_content .school_info_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:0px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#school_info_content .school_info_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
#school_info_content .school_info_area .disable { display:none; }
#school_info_content .school_info_area .viewport { width:748px; height:456px; overflow:hidden; position:relative; }
#school_info_content .school_info_area .overview { list-style:none; position:absolute; left:0; top:0; z-index:10; padding:0; margin:0; padding-top:77px; }
*/

/*-------------------------------------------------------------------------------------*/
/* STUDENT SUPPORT */

#student_support_content { min-height:611px !important; background:url(../img/inner_bg_school_info.png) no-repeat left 14px !important; }

#student_support_content .student_support_area { }
#student_support_content .student_support_area .student_support_topic { margin-left:21px; padding-left:12px; width:719px; height:32px; position:relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#339900; background:-webkit-gradient(linear, left top, right top, color-stop(0%,#339900), color-stop(100%,#99CC00)); background:-webkit-linear-gradient(left, #339900 0%,#99CC00 100%); background:-moz-linear-gradient(left, #339900 0%, #99CC00 100%); background:-ms-linear-gradient(left, #339900 0%,#99CC00 100%); background:-o-linear-gradient(left, #339900 0%,#99CC00 100%); background:linear-gradient(to right, #339900 0%,#99CC00 100%); -pie-background:linear-gradient(to right, #339900 0%,#99CC00 100%); behavior:url(pie/PIE.php); line-height:32px; font-size:1.25em; color:#ffffff; font-weight:bold; }
#student_support_content .student_support_area .student_support_topic i { position:absolute; left:36px; bottom:-7px; display:block; width:14px; height:7px; background:url(../img/subject_row.png) no-repeat left top; }

.student_support_info { width:739px; height:456px; padding-bottom:24px; padding-right:11px; margin-top:25px; margin-left:21px; position:relative; }
.learn_n_support_content { background:url(../img/president_message_img.png) no-repeat right bottom; }
.student_support_info .scrollbar{ float:right; width:2px; margin-right:3px; background:#80c315; position:relative; z-index:1001; }
.student_support_info .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.student_support_info .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.student_support_info .disable { display:none; }
.student_support_info .viewport { width:709px; height:456px; overflow:hidden; position:relative; }
.student_support_info .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }

.expand_potential_info { }
.expand_potential_info p { padding:0px 10px 22px 10px; font-size:1em; line-height:22px; xfont-size:0.875em; color:#333333; }

.expand_potential_info .expand_potential_group { }
.expand_potential_info .expand_potential_group h3 { border-bottom:1px dashed #336600; padding:10px 10px 5px 10px; font-size:1.125em; font-weight:bold; color:#ff6212; }

.expand_potential_info .expand_potential_img_box { padding:10px 10px 10px 10px; }
.expand_potential_info .expand_potential_img_box b { font-size:0.938em; font-weight:bold; color:#336600; }
.expand_potential_info .expand_potential_img_box .expand_potential_img_list { width:704px; margin:0px -5px; padding-top:10px; }
.expand_potential_info .expand_potential_img_box .expand_potential_img_list a { float:left; display:block; width:160px; height:120px; background-color:#d6edab; border:3px solid #ffffff; margin:0px 5px 10px 5px; -webkit-box-shadow:5px 5px 9px #aaaaaa; -moz-box-shadow:5px 5px 9px #aaaaaa; box-shadow:5px 5px 9px #aaaaaa; behavior:url(pie/PIE.php); position:relative; text-align:center; }

.comprehensive_info { padding:0px 15px; }
.comprehensive_info b { font-size:1.063em; color:#336600; font-weight:bold; }
.comprehensive_info ol { padding:0px; margin:0px; list-style:decimal; padding-left:26px; line-height:27px; font-size:1em; xfont-size:0.875em; }
.comprehensive_info ul { list-style:lower-roman; padding-left:20px; line-height:27px; }
.comprehensive_info table { width:100%; margin-top:10px; }
.comprehensive_info table td { padding:4px 5px; font-size:1em; xfont-size:0.875em; color:#333333; }
.comprehensive_info table td:first-child { text-align:left; }
.comprehensive_info table tr.topic td { padding:5px !important; background-color:#339900; color:#ffffff; font-size:1em !important; font-weight:bold; text-align:center !important; }

.learn_n_support_info { padding:0px 15px; }
.learn_n_support_info b { display:block; padding-bottom:6px; font-size:1.063em; color:#336600; font-weight:bold; }
.learn_n_support_info ol { padding:0px; margin:0px; list-style:decimal; padding-left:26px; line-height:27px; font-size:1em; xfont-size:0.875em; }
.learn_n_support_info ul { list-style:disc; padding-left:18px; line-height:22px; }

.magisterium_title_area { width:733px; height:77px; position:absolute; xleft:15px; top:-10px; z-index:1000; background:url(../img/subject_tit_bg.jpg) no-repeat left bottom; }
.magisterium_title_area .magisterium_title { float:left; width:364px; height:77px; padding-left:14px; }
.magisterium_title_area .magisterium_title span { display:block; width:197px; height:38px; xbackground:url(../img/subject_title.png) no-repeat 0 0; }
.magisterium_title_area .magisterium_menu { float:left; width:330px; height:72px; padding-top:5px; }
.magisterium_title_area .magisterium_menu a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px 3px; *margin:0px 5px; height:23px; padding:5px 17px 0px 17px; border:2px solid #ffffff; background-color:#009; webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#85CD3C; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#85CD3C), to(#359b04)); background:-webkit-linear-gradient(#85CD3C, #359b04); background:-moz-linear-gradient(#85CD3C, #359b04); background:-ms-linear-gradient(#85CD3C, #359b04); background:-o-linear-gradient(#85CD3C, #359b04); background:linear-gradient(#85CD3C, #359b04); -pie-background: linear-gradient(#85CD3C, #359b04); behavior:url(pie/PIE.php); }
.magisterium_title_area .magisterium_menu a.onSjMenu { background:#FF8910; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FF8910), to(#9f6d00)); background:-webkit-linear-gradient(#FF8910, #9f6d00); background:-moz-linear-gradient(#FF8910, #9f6d00); background:-ms-linear-gradient(#FF8910, #9f6d00); background:-o-linear-gradient(#FF8910, #9f6d00); background:linear-gradient(#FF8910, #9f6d00); -pie-background:linear-gradient(#FF8910, #9f6d00); }

.magisterium_title_area .magisterium_menu a span { display:block; height:17px; background:url(../img/magisterium_menu.png) no-repeat; }
.magisterium_title_area .magisterium_menu a#mg_menu_1 span { width:35px; background-position:0 0 !important; }
.magisterium_title_area .magisterium_menu a#mg_menu_2 span { width:77px; background-position:-78px 0 !important; }
.magisterium_title_area .magisterium_menu a#mg_menu_3 span { width:76px; background-position:-274px 0 !important; }

.magisterium_title_area .magisterium_menu a#mg_menu_1.onOver span { background-position:0 -30px !important; }
.magisterium_title_area .magisterium_menu a#mg_menu_2.onOver span { background-position:-78px -30px !important; }
.magisterium_title_area .magisterium_menu a#mg_menu_3.onOver span { background-position:-274px -30px !important; }

.magisterium_info { padding:0px 15px; }
.magisterium_info b { display:block; padding-bottom:6px; font-size:1.063em; color:#336600; font-weight:bold; }
.magisterium_info p { font-size:1em; xfont-size:0.875em; color:#333333; }

.magisterium_info .magisterium_target { padding-bottom:35px; }

.magisterium_info .magisterium_concerns { padding-bottom:35px; }

.magisterium_info .magisterium_photo { }
.magisterium_info .magisterium_photo .magisterium_photo_area { float:left; width:474px; height:383px; padding-top:14px; background:url(../img/gallery_large_bg.png) no-repeat left top; }
.magisterium_info .magisterium_photo .magisterium_photo_area .magisterium_large_photo { width:467px; height:350px; border:3px solid #ffffff; }
.magisterium_info .magisterium_photo .magisterium_photo_area .magisterium_photo_desc { padding-top:12px; padding-left:6px; color:#339900; font-weight:bold; font-size:0.938em; }

.magisterium_info .magisterium_photo .magisterium_other_photo_area { float:right; width:200px; padding-top:36px; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_row { width:100%; text-align:center; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_row a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:25px; height:26px; background:url(../img/other_photo_row.jpg) no-repeat; cursor:pointer; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_row a#listUp { background-position:0 0 !important; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_row a#listDown { background-position:0 -40px !important; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_photo_box { width:100%; height:250px; overflow:hidden; position:relative;  margin:0px auto; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_photo_box .mg_other_photo_list { width:100%; height:250px; position:absolute; left:0px; top:0px; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_photo_box .mg_other_photo_list .mg_other_photo { width:100%; height:250px; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_photo_box .mg_other_photo_list .mg_other_photo a { float:left; width:86px; height:65px; border:3px solid #ffffff; margin:6px 4px; }
.magisterium_info .magisterium_photo .magisterium_other_photo_area .magisterium_other_photo_box .mg_other_photo_list .mg_other_photo img { }

/*-------------------------------------------------------------------------------------*/
/* OUR ACHIEVEMENTS */

#achievements_content { min-height:611px !important; background:url(../img/inner_bg_school_info.png) no-repeat left 14px !important; }

#achievements_content .achievements_area { }
#achievements_content .achievements_area .achievements_topic { margin-left:21px; padding-left:12px; width:719px; height:32px; position:relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#339900; background:-webkit-gradient(linear, left top, right top, color-stop(0%,#339900), color-stop(100%,#99CC00)); background:-webkit-linear-gradient(left, #339900 0%,#99CC00 100%); background:-moz-linear-gradient(left, #339900 0%, #99CC00 100%); background:-ms-linear-gradient(left, #339900 0%,#99CC00 100%); background:-o-linear-gradient(left, #339900 0%,#99CC00 100%); background:linear-gradient(to right, #339900 0%,#99CC00 100%); -pie-background:linear-gradient(to right, #339900 0%,#99CC00 100%); behavior:url(pie/PIE.php); line-height:32px; font-size:1.25em; color:#ffffff; font-weight:bold; }
#achievements_content .achievements_area .achievements_topic i { position:absolute; left:36px; bottom:-7px; display:block; width:14px; height:7px; background:url(../img/subject_row.png) no-repeat left top; }

.achievements_list { width:720px; height:456px; margin-top:25px; margin-left:30px; }
.achievements_list .scrollbar{ float:right; width:2px; margin-right:3px; background:#80c315; position:relative; }
.achievements_list .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.achievements_list .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.achievements_list .disable { display:none; }
.achievements_list .viewport { width:710px; height:456px; overflow:hidden; position:relative; }
.achievements_list .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }

.achievements_txt { width:690px; padding-bottom:20px; }
.achievements_txt b { display:block; padding-bottom:6px; font-size:1.063em; color:#336600; font-weight:bold; }
.achievements_txt p { font-size:1em; line-height:22px; color:#333333; }
.achievements_txt ul { }
.achievements_txt ul li { background:url(../img/ssc_system_list_style.png) no-repeat left 4px; padding-left:20px; line-height:27px; font-size:1em; }
.achievements_txt ul li a { color:#336600; }
.achievements_txt ul li a:hover { text-decoration:underline; }
.achievements_txt .achievements_img_area { }
.achievements_txt .achievements_img_area .achievements { float:left; width:300px; margin:6px 10px; padding:5px; background-color:#ffffff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 0px 8px #80c315; -moz-box-shadow:0px 0px 8px #80c315; box-shadow:0px 0px 8px #80c315;  behavior:url(pie/PIE.php); position:relative; }
.achievements_txt .achievements_img_area .achievements_img { width:100%; text-align:center; }
.achievements_txt .achievements_img_area .achievements_img i { display:inline-block; height:100%; vertical-align:middle; }
.achievements_txt .achievements_img_area .achievements_img img { max-width:300px; vertical-align:middle; }
.achievements_txt .achievements_img_area .achievements_name { text-align:center; padding-top:8px; font-size:0.875em; color:#336600; }
.achievements_txt table { width:650px; margin-bottom:25px; }
.achievements_txt table td { padding:5px; font-size:0.875em; color:#333333; }
.achievements_txt table tr.topic td { text-align:center; background-color:#99CC00; color:#ffffff; font-weight:bold; font-size:1.125em; }

/*-------------------------------------------------------------------------------------*/
/* SCHOOL NOTICE */

#notice_content { }

#notice_content .notice_list_area .notice_topic { margin-left:21px; padding-left:12px; width:719px; height:32px; position:relative; background:url(../img/notice_tit_bar.png) no-repeat left top; }
#notice_content .notice_list_area .notice_topic i { position:absolute; left:36px; bottom:-7px; display:block; width:14px; height:7px; background:url(../img/subject_row.png) no-repeat left top; }
#notice_content .notice_list_area .notice_topic h2 { padding-left:35px; background:url(../img/notice_icon.png) no-repeat left top; line-height:32px; font-size:1.25em; color:#ffffff; font-weight:bold; }
#notice_content .notice_list_area .notice_topic a { float:right; margin:0px 3px; *margin:0px 5px; height:23px; padding:5px 17px 0px 17px; border:2px solid #ffffff; background-color:#009; webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#85CD3C; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#85CD3C), to(#359b04)); background:-webkit-linear-gradient(#85CD3C, #359b04); background:-moz-linear-gradient(#85CD3C, #359b04); background:-ms-linear-gradient(#85CD3C, #359b04); background:-o-linear-gradient(#85CD3C, #359b04); background:linear-gradient(#85CD3C, #359b04); -pie-background: linear-gradient(#85CD3C, #359b04); behavior:url(pie/PIE.php); position:relative; }
#notice_content .notice_list_area .notice_topic a.onTab { background:#FF8910; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FF8910), to(#9f6d00)); background:-webkit-linear-gradient(#FF8910, #9f6d00); background:-moz-linear-gradient(#FF8910, #9f6d00); background:-ms-linear-gradient(#FF8910, #9f6d00); background:-o-linear-gradient(#FF8910, #9f6d00); background:linear-gradient(#FF8910, #9f6d00); -pie-background:linear-gradient(#FF8910, #9f6d00); }
#notice_content .notice_list_area .notice_topic a font { display:block; height:19px; background:url(../img/motice_menu.png) no-repeat; }
#notice_content .notice_list_area .notice_topic a#notice_1 font { width:76px !important; background-position: -5px -4px !important; }
#notice_content .notice_list_area .notice_topic a#notice_2 font { width:135px !important; background-position: -113px -4px !important; }
#notice_content .notice_list_area .notice_topic a#notice_1.onOver font { background-position:-5px -33px !important; }
#notice_content .notice_list_area .notice_topic a#notice_2.onOver font { background-position:-113px -33px !important; }

.notice_list_area .notice_list { width:736px; height:446px; margin-top:25px; margin-left:21px; }
.notice_list_area .notice_list .scrollbar{ float:right; width:2px; margin-right:3px; background:#80c315; position:relative; }
.notice_list_area .notice_list .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.notice_list_area .notice_list .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.notice_list_area .notice_list .disable { display:none; }
.notice_list_area .notice_list .viewport { width:709px; height:446px; overflow:hidden; position:relative; }
.notice_list_area .notice_list .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }

.notice_list_area .notice_list table { width:709px; font-size:1em; }
.notice_list_area .notice_list table tr td { padding:6px 0px; }
.notice_list_area .notice_list table tr td.notice_date { color:#339900; font-size:0.875em; }
.notice_list_area .notice_list table tr td.notice_name { text-align:left; padding-left:26px; font-size:0.875em; }
.notice_list_area .notice_list table tr td.notice_name a { color:#000000; font-size:0.875em; }
.notice_list_area .notice_list table tr td.notice_name a:hover { text-decoration:underline; }
.notice_list_area .notice_list table tr td.notice_code { color:#ff9900; }
.notice_list_area .notice_list table tr.topic td { font-size:1em; font-weight:bold; color:#339900; }
.notice_list_area .notice_list .overview table tr.topic td { padding:4px 0px; }
.notice_list_area .notice_list table tr.topic td.notice_name { text-align:center !important; }
.notice_list_area .notice_list table tr.patten td { height:15px; background:url(../notice_table_patten.png) no-repeat center top; }
.notice_list_area .notice_list table tr.lightGreen td { background-color:#ecf7d6; }

/*-------------------------------------------------------------------------------------*/
/* PRI ADMISSION */

#pri_admission_content { min-height:611px !important; background:url(../img/inner_bg_pri_admission.png) no-repeat left 14px !important; }

.pri_admission_area { width:736px; height:476px; margin-top:25px; margin-left:21px; }
.pri_admission_area .scrollbar{ float:right; width:2px; margin-right:3px; background:#80c315; position:relative; }
.pri_admission_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.pri_admission_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.pri_admission_area .disable { display:none; }
.pri_admission_area .viewport { width:709px; height:476px; overflow:hidden; position:relative; }
.pri_admission_area .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }

.pri_admission_info { }
.pri_admission_info ul { }
.pri_admission_info ul li { margin-bottom:6px; background:url(../img/ssc_system_list_style.png) no-repeat left 4px; padding-left:20px; line-height:27px; }
.pri_admission_info ul li a { font-size:1.063em; color:#336600; }
.pri_admission_info ul li a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* CURRICULUM FOCAL */

#curriculum_focal_content { min-height:611px !important; background:url(../img/inner_bg_school_info.png) no-repeat left 14px !important; }

#curriculum_focal_content .curriculum_focal_area { margin-top:-12px; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic { margin-left:21px; padding-left:12px; width:719px; height:32px; position:relative; background:url(../img/notice_tit_bar.png) no-repeat left top; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic i { position:absolute; left:36px; bottom:-7px; display:block; width:14px; height:7px; background:url(../img/subject_row.png) no-repeat left top; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic h2 { position:absolute; left:12px; top:0px; line-height:32px; font-size:1.25em; color:#ffffff; font-weight:bold; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a { float:right; margin:0px 3px; *margin:0px 5px; height:23px; padding:5px 17px 0px 17px; border:2px solid #ffffff; background-color:#009; webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#85CD3C; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#85CD3C), to(#359b04)); background:-webkit-linear-gradient(#85CD3C, #359b04); background:-moz-linear-gradient(#85CD3C, #359b04); background:-ms-linear-gradient(#85CD3C, #359b04); background:-o-linear-gradient(#85CD3C, #359b04); background:linear-gradient(#85CD3C, #359b04); -pie-background: linear-gradient(#85CD3C, #359b04); behavior:url(pie/PIE.php); position:relative; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a.onTab { background:#FF8910; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FF8910), to(#9f6d00)); background:-webkit-linear-gradient(#FF8910, #9f6d00); background:-moz-linear-gradient(#FF8910, #9f6d00); background:-ms-linear-gradient(#FF8910, #9f6d00); background:-o-linear-gradient(#FF8910, #9f6d00); background:linear-gradient(#FF8910, #9f6d00); -pie-background:linear-gradient(#FF8910, #9f6d00); }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a font { display:block; height:19px; background:url(../img/focal_menu.png) no-repeat; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a#focal_1 font { width:77px !important; background-position: -4px -4px !important; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a#focal_2 font { width:76px !important; background-position: -114px -4px !important; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a#focal_3 font { width:76px !important; background-position: -227px -4px !important; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a#focal_1.onOver font { background-position:-4px -33px !important; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a#focal_2.onOver font { background-position:-114px -33px !important; }
#curriculum_focal_content .curriculum_focal_area .curriculum_focal_topic a#focal_3.onOver font { background-position:-227px -33px !important; }

.curriculum_focal_area .focal_content { width:718px; height:494px; margin-top:12px; margin-left:29px; background:url(../img/focal_main_bg.png) no-repeat left bottom; }
.curriculum_focal_area .focal_content .scrollbar{ float:right; width:2px; margin-right:13px; background:#87c300; position:relative; z-index:2; }
.curriculum_focal_area .focal_content .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#87c300; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.curriculum_focal_area .focal_content .thumb .end { overflow:hidden; height:7px; width:8px; background:#87c300; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.curriculum_focal_area .focal_content .disable { display:none; }
.curriculum_focal_area .focal_content .viewport { width:718px; height:494px; overflow:hidden; position:absolute; z-index:1; }
.curriculum_focal_area .focal_content .overview { width:100%; list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }
.curriculum_focal_area .focal_content .overview p { padding-bottom:22px; font-size:1em; line-height:22px; xfont-size:0.875em; color:#333333; }
.curriculum_focal_area .focal_content .overview b { display:block; padding-bottom:6px; font-size:1.063em; color:#336600; font-weight:bold; }
.curriculum_focal_area .focal_content .overview ul { }
.curriculum_focal_area .focal_content .overview ul li { font-size:1.063em; color:#336600; }

.focal_content_1 .viewport .overview { background:url(../img/focal_env_bg.png) no-repeat left bottom; }
.env_part_1 { width:630px; background:url(../img/env_img_1.png) no-repeat 113px top; padding:219px 0px 30px 30px; }
.env_part_1 ul li { background:url(../img/env_1_list_style.png) no-repeat 4px top; padding-left:28px; line-height:25px; }
.env_part_2 { width:369px; min-height:257px; background:url(../img/env_img_2.png) no-repeat 17px top; padding:199px 275px 30px 30px; }
.env_part_2 ul li { background:url(../img/env_1_list_style_2.png) no-repeat left 2px; padding-left:28px; line-height:27px; }
.env_part_3 { width:660px; padding-left:17px; padding-bottom:110px; }
.env_part_3 .env_large_photo_area { float:left; width:416px; height:353px; padding-top:11px; padding-right:9px; background:url(../img/env_large_bg.png) no-repeat left top; }
.env_part_3 .env_large_photo_area .env_large_photo { width:410px; height:306px; background-color:#ffffff; padding:3px; }
.env_part_3 .env_large_photo_area .env_large_photo_name { min-height:22px; margin:18px 9px 0px 9px; padding-left:26px; background:url(../img/env_1_list_style.png) no-repeat left top; color:#333333; font-size:1.125em; line-height:22px; }
.env_part_3 .env_other_photo_area { float:right; width:226px; padding-top:14px; }
.env_part_3 .env_other_photo_area .env_other_photo_row { width:100%; text-align:center; }
.env_part_3 .env_other_photo_area .env_other_photo_row a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:25px; height:26px; background:url(../img/other_photo_row.jpg) no-repeat; cursor:pointer; }
.env_part_3 .env_other_photo_area .env_other_photo_row a#listUp { background-position:0 0 !important; }
.env_part_3 .env_other_photo_area .env_other_photo_row a#listDown { background-position:0 -40px !important; }
.env_part_3 .env_other_photo_area .env_other_photo_eff { width:100%; height:264px; overflow:hidden; position:relative; margin:0px auto; }
.env_part_3 .env_other_photo_area .env_other_photo_eff .env_other_photo_list { width:100%; height:264px; position:absolute; left:0px; top:0px; }
.env_part_3 .env_other_photo_area .env_other_photo_eff .env_other_photo_list .env_other_photo { width:100%; height:264px; }
.env_part_3 .env_other_photo_area .env_other_photo_eff .env_other_photo_list .env_other_photo a { float:left; width:97px; height:72px; border:3px solid #ffffff; margin:5px; -webkit-box-shadow:0px 0px 9px #aaaaaa; -moz-box-shadow:0px 0px 9px #aaaaaa; box-shadow:0px 0px 9px #aaaaaa; behavior:url(pie/PIE.php); }
.env_part_3 .env_other_photo_area .env_other_photo_eff .env_other_photo_list .env_other_photo a img { max-width:97px; max-height:72px; }

.healthy_content { width:630px; padding:20px 30px 10px 30px; }
.healthy_img_area { width:670px; padding:0px 10px 50px 15px; }
.healthy_img_area a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:156px; height:217px; margin:0px 4px; }
.healthy_img_area a .healthy_img { width:150px; height:211px; border:3px solid #ffffff; -webkit-box-shadow:0px 0px 9px #333333; -moz-box-shadow:0px 0px 9px #333333; box-shadow:0px 0px 9px #333333; behavior:url(pie/PIE.php); }
.healthy_img_area a .healthy_name { font-size:0.875em; color:#339900; text-align:center; padding-top:15px; }

.harmony_edu_content { width:330px; padding:30px 330px 55px 30px; background:url(../img/harmony_edu_bg.png) no-repeat right bottom; }
.harmony_edu_content ul { width:400px; }
.harmony_edu_content ul li { background:url(../img/ssc_system_list_style.png) no-repeat left 4px; padding-left:20px; line-height:27px; }

/*-------------------------------------------------------------------------------------*/
/* PTA */

#pta_content { min-height:611px !important; background:url(../img/inner_bg_school_info.png) no-repeat left 14px !important; }

.pta_area { width:689px; height:422px; padding:116px 0px 0px 29px; margin-top:-12px; margin-left:29px; background:url(../img/pta_bg.png) no-repeat left top; }
.pta_area .pta_menu { xwidth:100%; height:43px; padding-right:22px; background:url(../img/pta_topic.png) no-repeat; text-align:right; }
.pta_area#pta_1 .pta_menu { background-position:0 2px !important; }
.pta_area#pta_2 .pta_menu { background-position:0 -58px !important; }
.pta_area#pta_3 .pta_menu { background-position:0 -118px !important; }
.pta_area .pta_menu a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px 1px; *margin:0px 3px; height:25px; padding:3px 17px 0px 17px; border:2px solid #ffffff; background-color:#009; webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#85CD3C; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#85CD3C), to(#359b04)); background:-webkit-linear-gradient(#85CD3C, #359b04); background:-moz-linear-gradient(#85CD3C, #359b04); background:-ms-linear-gradient(#85CD3C, #359b04); background:-o-linear-gradient(#85CD3C, #359b04); background:linear-gradient(#85CD3C, #359b04); -pie-background: linear-gradient(#85CD3C, #359b04); behavior:url(pie/PIE.php); position:relative; }
.pta_area .pta_menu a.onPtaMenu { background:#FF8910; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FF8910), to(#9f6d00)); background:-webkit-linear-gradient(#FF8910, #9f6d00); background:-moz-linear-gradient(#FF8910, #9f6d00); background:-ms-linear-gradient(#FF8910, #9f6d00); background:-o-linear-gradient(#FF8910, #9f6d00); background:linear-gradient(#FF8910, #9f6d00); -pie-background:linear-gradient(#FF8910, #9f6d00); }

.pta_area .pta_menu a font { display:block; height:19px; background:url(../img/pta_menu.png) no-repeat !important; }
.pta_area .pta_menu a#pta_menu_1 font { width:37px !important; background-position:-4px -4px !important; }
.pta_area .pta_menu a#pta_menu_2 font { width:77px !important; xwidth:135px !important; background-position:-83px -4px !important; }
.pta_area .pta_menu a#pta_menu_3 font { width:77px !important; background-position:-255px -4px !important; }
.pta_area .pta_menu a#pta_menu_1.onOver font { background-position:-4px -33px !important; }
.pta_area .pta_menu a#pta_menu_2.onOver font { background-position:-83px -33px !important; }
.pta_area .pta_menu a#pta_menu_3.onOver font { background-position:-255px -33px !important; }

.pta_content_area { width:670px; height:354px; padding-top:10px; }
.pta_content_area .scrollbar{ float:right; width:2px; background:#87c300; position:relative; }
.pta_content_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#87c300; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.pta_content_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#87c300; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.pta_content_area .disable { display:none; }
.pta_content_area .viewport { width:655px; height:354px; overflow:hidden; position:relative; }
.pta_content_area .overview { list-style:none; position:absolute; left:0; top:0; z-index:10; padding:0; margin:0; }

.constitution_content { }
.constitution_content h2 { width:100%; height:22px; margin-top:14px; margin-bottom:4px; background:url(../img/pta_title.png) no-repeat; }
.constitution_content h2#title_1 { background-position:0 0 !important; margin-top:0px !important; }
.constitution_content h2#title_2 { background-position:0 -40px !important; }
.constitution_content h2#title_3 { background-position:0 -80px !important; }
.constitution_content h2#title_4 { background-position:0 -120px !important; }
.constitution_content h2#title_5 { background-position:0 -160px !important; }
.constitution_content h2#title_6 { background-position:0 -200px !important; }
.constitution_content h2#title_7 { background-position:0 -240px !important; }
.constitution_content h2#title_8 { background-position:0 -280px !important; }
.constitution_content h2#title_9 { background-position:0 -320px !important; }
.constitution_content p { color:#333333; font-size:1em; line-height:22px; xfont-size:0.875em; xline-height:20px; }
.constitution_content ul { }
.constitution_content ul.alpha { list-style:lower-alpha; padding-left:22px; }
.constitution_content ul.roman { list-style:lower-roman; padding-left:22px; }
.constitution_content ul li { color:#333333; font-size:1em; line-height:20px; xfont-size:0.875em; xline-height:18px; }

.member_list { }
.member_list .pta_table { width:400px; border-collapse: collapse; border: 1px solid #336600; margin:20px 100px; }
.member_list .pta_table tr td { border: 1px solid #336600; padding: 3px; }
.member_list .pta_table tr td a { color: #336600; }
.member_list .pta_table tr td a:hover { text-decoration: underline; }

.activities_list { }
.activities_list .pta_table { width:95%; border-collapse: collapse; border: 1px solid #336600; }
.activities_list .pta_table tr td { border: 1px solid #336600; padding: 3px; }
.activities_list .pta_table tr td a { color: #336600; }
.activities_list .pta_table tr td a:hover { text-decoration: underline; }

/*-------------------------------------------------------------------------------------*/
/* ALUMNI */

#alumni_content { min-height:611px !important; background:url(../img/inner_bg_alumni.png) no-repeat left 14px !important; }

.alumni_area { width:736px; height:476px; margin-top:25px; margin-left:21px; }
.alumni_area .scrollbar{ float:right; width:2px; margin-right:3px; background:#80c315; position:relative; }
.alumni_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.alumni_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.alumni_area .disable { display:none; }
.alumni_area .viewport { width:709px; height:476px; overflow:hidden; position:relative; }
.alumni_area .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }

.alumni_info { }
.alumni_info ul { }
.alumni_info ul li { background:url(../img/ssc_system_list_style.png) no-repeat left 4px; padding-left:20px; line-height:27px; padding-bottom:10px; }
.alumni_info ul li a { font-size:1.063em; color:#336600; }
.alumni_info ul li a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* SSPA INFORMATION */

#sspa_content { min-height:611px !important; background:url(../img/inner_bg_sspa.png) no-repeat left 14px !important; }

#sspa_content .sspa_area { }
#sspa_content .sspa_area .sspa_desc { margin:30px 280px 0px 30px; line-height:25px; }
#sspa_content .sspa_area .sspa_desc b { font-size:1.063em; color:#336600; font-weight:bold; }
#sspa_content .sspa_area .sspa_desc p { padding-top:6px; padding-bottom:30px; font-size:1em; line-height:22px; xfont-size:0.875em; color:#333333; }
#sspa_content .sspa_area .sspa_desc a { display:block; width:141px; height:48px; margin:0px auto; background:url(../img/btn_ss_profiles.png) no-repeat left top; color:#339900; }
#sspa_content .sspa_area .sspa_desc a:hover { xtext-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* SCHOOL JOURNAL */

#journal_content { min-height:611px !important; background:url(../img/inner_bg_school_info.png) no-repeat left 14px !important; }

#journal_content .journal_area { margin-top:-12px; }
#journal_content .journal_area .journal_topic { margin-left:21px; padding-left:12px; width:719px; height:32px; position:relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#339900; background:-webkit-gradient(linear, left top, right top, color-stop(0%,#339900), color-stop(100%,#99CC00)); background:-webkit-linear-gradient(left, #339900 0%,#99CC00 100%); background:-moz-linear-gradient(left, #339900 0%, #99CC00 100%); background:-ms-linear-gradient(left, #339900 0%,#99CC00 100%); background:-o-linear-gradient(left, #339900 0%,#99CC00 100%); background:linear-gradient(to right, #339900 0%,#99CC00 100%); -pie-background:linear-gradient(to right, #339900 0%,#99CC00 100%); behavior:url(pie/PIE.php); }
#journal_content .journal_area .journal_topic i { position:absolute; left:36px; bottom:-7px; display:block; width:14px; height:7px; background:url(../img/subject_row.png) no-repeat left top; }
#journal_content .journal_area .journal_topic h2 { position:absolute; left:12px; top:0px; line-height:32px; font-size:1.25em; color:#ffffff; font-weight:bold; }

.journal_box { margin-left:23px; margin-top:8px; }
.journal_box .journal_list_area { width:693px; height:450px; background:url(../img/journal_bg.png) no-repeat left top; padding-top:28px; padding-left:36px; display:none; }
.journal_box .journal_list_area a.journal { float:left; display:block; width:144px; height:206px; margin:0px 10px 15px 10px; text-align:center; }
.journal_box .journal_list_area a.journal .journal_cover { }
.journal_box .journal_list_area a.journal .journal_name { color:#330000; font-size:0.75em; font-weight:bold; }
.journal_box .journal_list_area a.journal:hover .journal_name { color:#339900; }
.journal_box .multipage { text-align:center; padding-top:5px; }
.journal_box .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:17px; margin:0px 3px; *margin:0px 5px; color:#333333; font-size:0.875em; line-height:17px; }
.journal_box .multipage a:hover { color:#41a011; }
.journal_box .multipage a.onpage { color:#41a011; }
.journal_box .multipage a.pback { width:17px; background:url(../img/journal_p_row.png) no-repeat left top; }
.journal_box .multipage a.pnext { width:17px; background:url(../img/journal_p_row.png) no-repeat right top; }

/*-------------------------------------------------------------------------------------*/
/* DOWNLOAD TENDERS */

#tenders_content { }

#tenders_content .tenders_area { }
#tenders_content .tenders_area .tenders_list { margin:0px 30px; }

/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

#contact_us_content { min-height:611px !important; background:url(../img/inner_bg_school_info.png) no-repeat left 14px !important; }

.contact_us_area { width:715px; height:516px; margin-left:33px; }
.contact_us_area .scrollbar{ float:right; width:2px; background:#80c315; position:relative; }
.contact_us_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:-3px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.contact_us_area .thumb .end { overflow:hidden; height:7px; width:8px; background:#80c315; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(pie/PIE.php); }
.contact_us_area .disable { display:none; }
.contact_us_area .viewport { width:700px; height:516px; overflow:hidden; position:relative; }
.contact_us_area .overview { list-style:none; position:absolute; left:0; top:0; z-index:10; padding:0; margin:0; }

.contact_us_area .overview .school_address { width:700px; }
.contact_us_area .overview .school_address .address_info { float:left; width:300px; margin-top:35px; }
.contact_us_area .overview .school_address .address_info h2 { }
.contact_us_area .overview .school_address .address_info table { width:100%; }
.contact_us_area .overview .school_address .address_info table td { color:#80c315; font-size:0.938em; font-weight:bold; padding-bottom:10px; }
.contact_us_area .overview .school_address .address_info table td.address_desc { color:#333333; }
.contact_us_area .overview .school_address .address_info table td a { color:#333333; text-decoration:underline; }
.contact_us_area .overview .school_address .address_info table td a:hover { color:#80c315; }
.contact_us_area .overview .school_address .school_map { float:right; width:360px; margin:20px 10px 0px 10px; }
.contact_us_area .overview .school_address .school_map .map { width:350px; margin:0px 2px; border:3px solid #ffffff; -webkit-box-shadow:0px 0px 9px #83c920; -moz-box-shadow:0px 0px 9px #83c920; box-shadow:0px 0px 9px #83c920; behavior:url(pie/PIE.php); position:relative; }
.contact_us_area .overview .school_address .school_map .map_enlarge { width:100%; text-align:center; margin-top:20px; }
.contact_us_area .overview .school_address .school_map .map_enlarge a { font-size:0.875em; color:#333333; text-decoration:underline; }
.contact_us_area .overview .school_address .school_map .map_enlarge a:hover { color:#80c315; }

.contact_us_area .overview .school_location { }
.contact_us_area .overview .school_location .location_box { padding-bottom:25px; }
.contact_us_area .overview .school_location .location_box .location_title { font-size:1.125em; color:#ff6212; font-weight:bold; }
.contact_us_area .overview .school_location .location_box .location_desc { padding-top:6px; font-size:1em; xfont-size:0.875em; color:#333333; }
.contact_us_area .overview .school_location .location_box table { width:100%; margin-top:10px; font-size:1em; xfont-size:0.875em; color:#333333; }
.contact_us_area .overview .school_location .location_box table td { padding:3px 10px; }
.contact_us_area .overview .school_location .location_box table tr.lightGreen td { background-color:#ecf7d6; }