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

/*
Project Name: Chaowdee School
Author: Job Jetwichan Chaowadee
URL: www.chaowadee.com
Email: chaowadee1@gmail.com
*/

body{
    font-size: 14px; font-family:sans-serif;
    margin: 0px; padding: 0px;
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #FAFDFF;
}

a{
    text-decoration: none;
    font-weight: bold;
    color: #1DD8D8;
}

a:hover{
    text-decoration: underline;
}


img{
    border-collapse: collapse; border: 0px;
}

a img{ border-collapse:collapse; border: 0px; }

h3 { padding:0px; font-size: 30px; }


.jc_floatleft
{
    float: left;
}

.jc_floatright
{
    float: right;
}
.jc_clear
{
	clear: both;
}

#jc_wrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 1010px;
}

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

.jc_bottom_line_1000
{
    height: 21px;
    width: 1000px;
    background-image: url("content-img/bottom_line.png");
    background-repeat: no-repeat;
    background-position: center;
}

/* start header */
#jc_header
{
    width: 1000px;
    height: 413px;
    margin-left: 5px;
    margin-right: 5px;
}
#jc_header_menuwrapper
{
	float: left;
        width: 1000px;
        padding-left: 5px;
        padding-right: 5px;
}

#jc_header_img_slider
{
    float: left;
    height: 386px;
    width: 1000px;
}
#jc_header_menubar_tab
{
    position: absolute;
    top: 0px;
	width: 1000px;
	overflow: hidden;
}
#jc_header_menubar_logo
{
    position: absolute;
    top: 263px;
	padding-left: 10px;
}
.jc_header_menubar_menubox
{
    float: left;
    width: 125px;
}
#jc_header_headlinenews
{
    float: left;
    width: 1000px;
    height: 25px;
}
#jc_header_headlinenews_title
{
    float: left;
    padding-top: 8px;
    width: 200px;
    height: 19px;
    color: #FFFFFF;
    background-color: #000000;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
#jc_header_headlinenews_news
{
    float: left;
    padding-top: 6px;
    padding-bottom: 1px;
    padding-left: 15px;
    width: 784px;
    height: 18px;
    border-right: #8E8E8E solid 1px;
    border-top: #8E8E8E solid 1px;
    border-bottom: #8E8E8E solid 1px;
    color: #000000;
    font-size: 12px;
    background-color: #FFFFFF;
    overflow: hidden; 
}

.headlinenews_head
{
    color: #000000;
    cursor: pointer;
    font-size: 14px;
}
/* end of header */

/* start content */
#jc_content
{
    padding-top: 10px;
    width: 1010px;
}

#jc_index_top_leftpanel
{
    float: left;
    width: 670px;
}
#jc_index_top_rightpanel
{
    float: left;
    width: 330px;
    margin-left: 10px;
}

.jc_1000box
{
    float: left;
    width: 1010px;
}

.jc_1000box_head
{
    margin-left: 5px;
    margin-right: 5px;
    height: 12px;
    width: 1000px;
    background-image: url("content-img/border_top_1000.png");
    background-repeat: no-repeat;
}
.jc_1000box_subhead
{
    padding-left: 5px;
    padding-right: 5px;
    height: 11px;
    width: 1000px;
    background-image: url("content-img/shadow_grad_h11.jpg");
    background-repeat: repeat-x;
}
.jc_1000box_body
{
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
    width: 1000px;
    background-image: url("content-img/border_center_1000.png");
    background-repeat: repeat-y;
}
.jc_1000box_bottom
{
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    width: 1000px;
    background-image: url("content-img/border_naked_bottom_1000.png");
    background-repeat: no-repeat;
}

.jc_660box
{
    float: left;
    width: 670px;
}
.jc_660box_head
{
    margin-left: 5px;
    margin-right: 5px;
    height: 12px;
    width: 660px;
    background-image: url("content-img/border_top_660.png");
    background-repeat: no-repeat;
}
.jc_660box_subhead
{
    margin-left: 1px;
    height: 11px;
    width: 658px;
    background-image: url("content-img/shadow_grad_h11.jpg");
    background-repeat: repeat-x;
}
.jc_660box_body
{
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
    width: 660px;
    background-image: url("content-img/border_center_660.png");
    background-repeat: repeat-y;
}
.jc_660box_bottom
{
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    width: 660px;
    background-image: url("content-img/border_naked_bottom_660.png");
    background-repeat: no-repeat;
}

.jc_320box
{
    width: 330px;
}
.jc_320box_head_naked
{
    margin-left: 5px;
    margin-right: 5px;
    height: auto;
    width: 320px;
}
.jc_320box_head
{
    margin-left: 5px;
    margin-right: 5px;
    height: 12px;
    width: 320px;
    background-image: url("content-img/border_top_320.png");
    background-repeat: no-repeat;
}
.jc_320box_subhead
{
    margin-left: 1px;
    height: 11px;
    width: 318px;
    background-image: url("content-img/shadow_grad_h11.jpg");
    background-repeat: repeat-x;
}
.jc_320box_body
{
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
    width: 320px;
    background-image: url("content-img/border_center_320.png");
    background-repeat: repeat-y;
}
.jc_320box_bottom
{
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    width: 320px;
    background-image: url("content-img/border_naked_bottom_320.png");
    background-repeat: no-repeat;
}

#jc_1000box
{
    width: 1010px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#jc_1000box_head
{
    margin-left: 5px;
    margin-right: 5px;
    width: 1000px;
    height: 12px;
    background-image: url("content-img/border_top_1000.png");
    background-repeat: no-repeat;
}
#jc_1000box_body
{
    padding-left: 5px;
    padding-right: 5px;
    width: 1000px;
    height: auto;
    background-image: url("content-img/border_center_1000.png");
    background-repeat: repeat-y;
}
#jc_1000box_bottom
{
    padding-left: 5px;
    padding-right: 5px;
    width: 1000px;
    height: 40px;
    background-image: url("content-img/border_naked_bottom_1000.png");
}
#jc_1000box_body #text_box
{
	clear: both;
    width: 960px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
}

/* start index page */
#jc_index_top_leftpanel #jc_index_detail_box1_text
{
    float: left;
    padding-left: 30px;
    padding-right: 20px;
    width: 410px;
    height: auto;
}

#jc_index_top_leftpanel #jc_index_detail_box1_img
{
    float: left;
    padding-left: 25px;
    padding-top: 30px;
}

#jc_index_top_leftpanel #jc_index_detail_box2_text1
{
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    width: 285px;
    border-right: #E8E8E8 solid 1px;
}
#jc_index_top_leftpanel #jc_index_detail_box2_text1 #title_text
{
    color: #1695B2;
    font-size: 18px;
    font-weight: bold;
}
#jc_index_top_leftpanel #jc_index_detail_box2_text1 #detail_text
{
    padding-bottom: 25px;
    color: #0FADB5;
    font-size: 12px;
    font-weight: normal;
}

#jc_index_top_leftpanel #jc_index_detail_box2_text2
{
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    width: 290px;
}
#jc_index_top_leftpanel #jc_index_detail_box2_text2 #title_text
{
    color: #64B715;
    font-size: 18px;
    font-weight: bold;
}
#jc_index_top_leftpanel #jc_index_detail_box2_text2 #detail_text
{
    padding-bottom: 25px;
    color: #27AF23;
    font-size: 12px;
    font-weight: normal;
}
#jc_index_top_leftpanel .jc_index_detail_box_text
{
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    width: 620px;
}

#jc_index_top_rightpanel .jc_320box_center_body_sidebox
{
    margin-left: 5px;
    margin-right: 5px;
    width: 316px;
    height: auto;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    background-color: #FFFFFF;
}
#jc_index_top_rightpanel .jc_320box_center_body_sidebox a
{
    font-size: 12px;
}
#jc_index_top_rightpanel .jc_320box_each_body_sidebox
{
    width: 318px;
    height: 100px;
    border-bottom: 2px solid #000000;
}
#jc_index_top_rightpanel .jc_320box_each_body_sidebox .img_box
{
    float: left;
    width: 150px;
}
#jc_index_top_rightpanel .jc_320box_each_body_sidebox .text_box
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    width: 148px;
    display:table-cell;
    vertical-align:middle;
    font-size: 12px;
    font-weight: bold;
}
#jc_index_top_rightpanel .jc_320box_each_body_sidebox .text_box a
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
#jc_index_top_rightpanel .jc_320box_each_last_body_sidebox
{
    padding-top: 8px;
    padding-left: 22px;
    width: 296px;
    height: 24px;
    color: #0FADB5;
    font-size: 14px;
}
#jc_index_top_rightpanel .jc_320box_each_last_bodybox
{
    font-size: 12px;
}
#jc_index_top_rightpanel .jc_320box_bottom_sidebox
{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    height: 11px;
    width: 320px;
    background-image: url("content-img/index_activity_bottom_box_320.png");
    background-repeat: no-repeat;
}
#jc_index_top_rightpanel .jc_320box_each_body_activitysidebox
{
    width: 318px;
	height: 100px;
    border-bottom: 2px solid #000000;
}
#jc_index_top_rightpanel .jc_320box_each_body_activitysidebox .img_box
{
    float: left;
}
#jc_index_top_rightpanel .jc_320box_each_body_activitysidebox .text_box
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 148px;
    display:table-cell;
    vertical-align:middle;
    font-size: 12px;
    font-weight: bold;
}
#jc_index_top_rightpanel .jc_320box_each_body_activitysidebox .text_box a
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
#jc_index_top_rightpanel .jc_320box_each_last_body_activitysidebox
{
    padding-top: 8px;
    padding-left: 22px;
    width: 296px;
    height: 24px;
    color: #0FADB5;
    font-size: 14px;
}

#jc_index_top_rightpanel .jc_320box_each_body_parentsidebox .img_box
{
    float: left;
    width: 150px;
}
#jc_index_top_rightpanel .jc_320box_each_body_parentsidebox .text_box
{
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 290px;
    display:table-cell;
    vertical-align:middle;
    font-size: 12px;
    font-weight: bold;
	border-bottom: 2px solid #000000;
}
#jc_index_top_rightpanel .jc_320box_each_body_parentsidebox .text_box a
{
    color: #1695B2;
    font-size: 12px;
    font-weight: bold;
}
#jc_index_top_rightpanel .jc_320box_each_last_body_parentsidebox
{
	padding-top: 10px;
	padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 20px;
    width: 290px;
    color: #0FADB5;
    font-size: 14px;
}

#jc_index_top_rightpanel .jc_320box_video_header
{
    margin-left:2px;
    padding-left: 22px;
    padding-right: 22px;
	padding-bottom: 10px;
    width: 273px;
    height: auto;
    background-image: url("content-img/shadow_up_h14.jpg");
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 12px;
    font-weight: bold;
}
#jc_index_top_rightpanel .jc_320box_video_body
{
    height: auto;
}
#jc_index_top_rightpanel .tabs .jc_320box_video_header_link
{
    padding-right: 15px;
}

#jc_index_top_rightpanel .jc_320box_video_box
{
    height: 108px;
    width: 320px;
    border-bottom: 2px solid #E8E8E8;
}
#jc_index_top_rightpanel .jc_320box_video_lastbox
{
    height: 108px;
    width: 316px;
}
#jc_index_top_rightpanel .jc_320box_video_box .img_box
{
    float: left;
    padding: 8px;
    width: 160px;
    height: 92px;
}
#jc_index_top_rightpanel .jc_320box_video_box .text_box
{
    padding-left: 10px;
    padding-right: 10px;
    display:table-cell;
    vertical-align:middle;
    width: 120px;
    height: 108px;
    text-align: center;
}

#jc_index_top_rightpanel .jc_320box_parent_video_box
{
    width: 320px;
}
#jc_index_top_rightpanel .jc_320box_parent_video_box .text_parent_box
{
    padding-left: 25px;
    padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    display:table-cell;
    vertical-align:middle;
    width: 285px;
	border-bottom: solid 1px #E8E8E8;
}
#jc_index_top_rightpanel .jc_320box_parent_video_box .text_parent_box a
{
	color: #1695B2;
}

#jc_index_top_rightpanel .jc_320box_video_box .text_box a
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
#jc_index_top_rightpanel .jc_320box_video_lastbox .img_box
{
    float: left;
    padding: 8px 8px 0px 8px;
    width: 160px;
    height: 92px;
}
#jc_index_top_rightpanel .jc_320box_video_lastbox .text_box
{
    padding-left: 10px;
    padding-right: 10px;
    display:table-cell;
    vertical-align:middle;
    width: 120px;
    height: 108px;
    text-align: center;
}
#jc_index_top_rightpanel .jc_320box_video_lastbox .text_box a
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
#jc_index_top_rightpanel .jc_320box_video_nav
{
    padding-top: 6px;
    padding-left: 25px;
}
#jc_index_top_rightpanel .jc_320box_video_nav a
{
    font-size: 12px;
    font-weight: bold;
}
#jc_index_top_rightpanel #jc_index_detail_box3_text
{
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    width: 290px;
}
/* end of index page */

/* start curriculum */
#jc_curriculum_section1
{
    float: left;
    height: 800px;
    width: 1000px;
    background-image: url("content-img/curriculum_section1.jpg");
    background-color: #FFFFFF;
    background-position: bottom;
    background-repeat: no-repeat;
}
#jc_curriculum_section1 #box1
{
    padding-top: 25px;
    padding-left: 50px;
    width: 470px;
    height: auto;
    
}
#jc_curriculum_section1 #box1 #text_box
{
    width: 440px;
    color: #9B9B9B;
    font-size: 19px;
}

#jc_curriculum_section1 #box2
{
    padding-top: 240px;
    padding-left: 500px;
    width: 450px;
    height: auto;
}
#jc_curriculum_section1 #box2 #text_box
{
    color: #494949;
}

#jc_curriculum_section2
{
    float: left;
    height: 493px;
    width: 1000px;
    background-image: url("content-img/curriculum_section2.jpg");
    background-color: #FFFFFF;
    background-position: bottom;
    background-repeat: no-repeat;
}
#jc_curriculum_section2 #box1
{
    float: left;
    padding-top: 310px;
    padding-left: 50px;
    width: 305px;
    height: auto;
}
#jc_curriculum_section2 #box1 #title
{
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}
#jc_curriculum_section2 #box1 #detail
{
    font-weight: normal;
    font-size: 14px;
    color: #494949;
}
#jc_curriculum_section2 #box2
{
    float: left;
    padding-top: 55px;
    padding-left: 50px;
    height: auto;
}

#jc_curriculum_section3
{
    float: left;
    height: 1675px;
    width: 1000px;
    background-image: url("content-img/curriculum_section3.jpg");
    background-color: #FFFFFF;
    background-position: top;
    background-repeat: no-repeat;
}

#jc_curriculum_section3 #box1
{
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    width: 580px;
    height: auto;
}
#jc_curriculum_section3 #box1 #title
{
    
}
#jc_curriculum_section3 #box1 #detail
{
    color: #9B9B9B;
    font-size: 19px;
    padding-top: 4px;
}

#jc_curriculum_section3 #box2
{
    float: left;
    margin-top: 400px;
    margin-left: 450px;
    width: 450px;
    height: auto;
}
#jc_curriculum_section3 #box2 #title
{
    
}
#jc_curriculum_section3 #box2 #detail
{
    color: #9B9B9B;
    font-size: 14px;
    padding-top: 0px;
}

#jc_curriculum_section3 #box3
{
	clear: both;
    float: left;
    width: 904px;
    height: 481px;
    margin-top: 80px;
    margin-left: 48px;
    margin-right:48px;
    background-image: url("content-img/curriculum_section3_subbox.png");
    background-position: center;
    background-repeat: no-repeat;
}

#jc_curriculum_section3 #box3 #title
{
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 285px;
}
#jc_curriculum_section3 #box3 #detail
{
    width: 904px;
    height: 300px;
    margin-top: 30px;
    font-size: 14px;
    color: #494949;
}
#jc_curriculum_section3 #box3 #detail #detail_box1
{
    float: left;
    width: 450px;
    height: 377px;
    padding-top: 10px;
    border-right: solid #E8E8E8 2px;
}
#jc_curriculum_section3 #box3 #detail #detail_box1 img
{
    padding-top: 15px;
}
#jc_curriculum_section3 #box3 #detail #detail_box2
{
    float: left;
    width: 450px;
    padding-top: 10px;
}
#jc_curriculum_section3 #box3 #detail #detail_box2 img
{
    padding-top: 15px;
}

/* end of curriculum */

/* start research */
#jc_research_section1
{
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 20px;
	height: 200px;
    width: 900px;
    background-image: url( "content-img/research_section1_bg.jpg" );
    background-position: right;
    background-repeat: no-repeat;
}
#jc_research_section1 #leftpanel
{
    width: 470px;
}
#jc_research_section1 #leftpanel #title
{
    
}
#jc_research_section1 #leftpanel #detail
{
    padding-top: 4px;
    color: #9B9B9B;
    font-size: 19px;
}

#jc_research_section2
{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 840px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px #E8E8E8 solid;
    background-color: #F9F9F9;
}
#jc_research_section2 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_research_section2 .box
{
    width: 840px;
    padding-bottom: 18px;
    padding-top: 18px;
    border-bottom: 1px solid #E8E8E8;
}
#jc_research_section2 .box .leftpanel
{
    float: left;
    width: 150px;
    padding-right: 20px;
}
#jc_research_section2 .box .rightpanel
{
    float: left;
    width: 550px;
    padding-right: 20px;
}
#jc_research_section2 .box .rightpanel .date a
{
    font-size: 12px;
    color: #25C3D8;
}
#jc_research_section2 .box .rightpanel .title a
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
#jc_research_section2 .box .rightpanel .detail a
{
    font-size: 12px;
    font-weight: normal;
    color: #606060;
}
#jc_research_section2 #nav
{
    width: 840px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#jc_research_section2 #nav #older
{
    float: left;
}
#jc_research_section2 #nav #prev
{
   float: right; 
}
/* end of research */

/* start addcourse */
#jc_addcourse_section1
{
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 20px;
	height: 200px;
    width: 900px;
    background-image: url( "content-img/addcourse_section1_bg.jpg" );
    background-position: right;
    background-repeat: no-repeat;
}
#jc_addcourse_section1 #leftpanel
{
    width: 470px;
}
#jc_addcourse_section1 #leftpanel #title
{
    
}
#jc_addcourse_section1 #leftpanel #detail
{
    padding-top: 4px;
    color: #9B9B9B;
    font-size: 19px;
}

#jc_addcourse_section2
{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 840px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px #E8E8E8 solid;
    background-color: #F9F9F9;
}
#jc_addcourse_section2 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_addcourse_section2 .box
{
    width: 840px;
    padding-bottom: 18px;
    padding-top: 18px;
    border-bottom: 1px solid #E8E8E8;
}
#jc_addcourse_section2 .box .leftpanel
{
    float: left;
    width: 150px;
    padding-right: 20px;
}
#jc_addcourse_section2 .box .rightpanel
{
    float: left;
    width: 550px;
    padding-right: 20px;
}
#jc_addcourse_section2 .box .rightpanel .date a
{
    font-size: 12px;
    color: #25C3D8;
}
#jc_addcourse_section2 .box .rightpanel .title a
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
#jc_addcourse_section2 .box .rightpanel .detail a
{
    font-size: 12px;
    font-weight: normal;
    color: #606060;
}
#jc_addcourse_section2 #nav
{
    width: 840px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#jc_addcourse_section2 #nav #older
{
    float: left;
}
#jc_addcourse_section2 #nav #prev
{
   float: right; 
}
/* end of addcourse */


/* start information */
#jc_information_section1
{
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 20px;
	padding-bottom: 20px;
    width: 900px;
}
#jc_information_section1 #leftpanel
{
    width: 470px;
}
#jc_information_section1 #leftpanel #title
{
    
}
#jc_information_section1 #leftpanel #detail
{
    padding-top: 4px;
    color: #9B9B9B;
    font-size: 19px;
}
#jc_information_section1 #nav
{
    padding-top: 15px;
    padding-bottom: 15px;
}
#jc_information_section1 #nav .item
{
    padding-right: 15px;
}



#jc_information_section2
{
    padding-left: 51px;
    padding-right: 51px;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 898px;
}
#jc_information_section2 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}

#jc_information_section2 .box
{
	clear: both;
    width: 898px;
    padding-bottom: 18px;
    padding-top: 18px;
    border-bottom: 1px solid #E8E8E8;
}
#jc_information_section2 .box .date
{
    font-size: 12px;
    color: #25C3D8;
}
#jc_information_section2 .box .title
{
    font-size: 14px;
    font-weight: bold;
}
#jc_information_section2 .box .detail
{
    font-size: 12px;
    font-weight: normal;
    color: #606060;
	height: auto;
}
#jc_information_section2 #nav
{
    width: 840px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#jc_information_section2 #nav #older
{
    float: left;
}
#jc_information_section2 #nav #prev
{
   float: right; 
}

#jc_information_section3
{
    padding-left: 51px;
    padding-right: 51px;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 898px;
}
#jc_information_section3 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_information_section3 .row
{
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 900px;
}
#jc_information_section3 .row .col
{
    float: left;
    margin-right: 60px;
    margin-bottom: 20px;
    width: 180px;
}
#jc_information_section3 .row .col_last
{
    float: left;
    margin-bottom: 20px;
    width: 180px;
}
#jc_information_section3 .row .img_box
{
    padding-bottom: 10px;
}
#jc_information_section3 .row .disc_box
{
    
}
#jc_information_section3 .row .disc_box .title
{
    font-size: 18px;
    font-weight: bold;
    color: #0A568E;
}
#jc_information_section3 .row .disc_box .date
{
    font-size: 12px;
    font-weight: bold;
    color: #188ED6;
}
#jc_information_section3 #nav
{
    padding-top: 15px;
    padding-bottom: 15px;
    width: 900px;
}
#jc_information_section3 #nav #older
{
    float: left;
}
#jc_information_section3 #nav #prev
{
    float: right; 
}
#jc_information_section4
{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 800px;
}
#jc_information_section4 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_information_section4 .row
{
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 900px;
}
#jc_information_section4 .row .col
{
    float: left;
    margin-right: 60px;
    margin-bottom: 20px;
    width: 180px;
}
#jc_information_section4 .row .col_last
{
    float: left;
    margin-bottom: 20px;
    width: 180px;
}
#jc_information_section4 .row .img_box
{
    padding-bottom: 10px;
}
#jc_information_section4 .row .disc_box
{
    
}
#jc_information_section4 .row .disc_box .title
{
    font-size: 18px;
    font-weight: bold;
    color: #0A568E;
}
#jc_information_section4 .row .disc_box .date
{
    font-size: 12px;
    font-weight: bold;
    color: #188ED6;
}
#jc_information_section4 #nav
{
    padding-top: 15px;
    padding-bottom: 15px;
    width: 900px;
}
#jc_information_section4 #nav #older
{
    float: left;
}
#jc_information_section4 #nav #prev
{
    float: right; 
}

#jc_information_section5
{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 800px;
}
#jc_information_section5 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_information_section5 #list_box
{
	width: 800px;	
}
#jc_information_section5 #col1
{
	float:left;
	padding-top: 15px;
    padding-bottom: 15px;
	padding-right: 15px;
    width: 384px;
	border-right: 1px solid #CCC;
}
#jc_information_section5 #col2
{
	float:left;
	padding-top: 15px;
    padding-bottom: 15px;
	padding-left: 15px;
    width: 385px;
}
#jc_information_section5 .row
{
	width: 385px;
	height: 25px;
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 5px;	
}
#jc_information_section5 .row_last
{
	width: 385px;
	padding-top: 5px;
	padding-bottom: 5px;	
}
#jc_information_section5 #nav
{
    padding-top: 15px;
    padding-bottom: 15px;
    width: 800px;
}
#jc_information_section5 #nav #older
{
    float: left;
}
#jc_information_section5 #nav #prev
{
    float: right; 
}

/* end of information */


/* start news */
#jc_news_section1
{
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 20px;
    width: 900px;
}
#jc_news_section1 #leftpanel
{
    width: 470px;
}
#jc_news_section1 #leftpanel #title
{
    
}
#jc_news_section1 #leftpanel #detail
{
    padding-top: 4px;
    color: #9B9B9B;
    font-size: 19px;
}
#jc_news_section1 #nav
{
    padding-top: 15px;
    padding-bottom: 15px;
}
#jc_news_section1 #nav .item
{
    padding-right: 15px;
}

#jc_news_section2
{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 840px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px #E8E8E8 solid;
    background-color: #F9F9F9;
}
#jc_news_section2 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_news_section2 .box
{
    width: 840px;
    padding-bottom: 18px;
    padding-top: 18px;
    border-bottom: 1px solid #E8E8E8;
}
#jc_news_section2 .box .date
{
    font-size: 12px;
    color: #25C3D8;
}
#jc_news_section2 .box .title
{
    font-size: 14px;
    font-weight: bold;
}
#jc_news_section2 .box .detail
{
    font-size: 12px;
    font-weight: normal;
    color: #606060;
}
#jc_news_section2 #nav
{
    width: 840px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#jc_news_section2 #nav #older
{
    float: left;
}
#jc_news_section2 #nav #prev
{
   float: right; 
}

#jc_news_section3
{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 800px;
}
#jc_news_section3 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_news_section3 .row
{
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 900px;
}
#jc_news_section3 .row .col
{
    float: left;
    margin-right: 60px;
    margin-bottom: 20px;
    width: 180px;
}
#jc_news_section3 .row .col_last
{
    float: left;
    margin-bottom: 20px;
    width: 180px;
}
#jc_news_section3 .row .img_box
{
    padding-bottom: 10px;
}
#jc_news_section3 .row .disc_box
{
    
}
#jc_news_section3 .row .disc_box .title
{
    font-size: 18px;
    font-weight: bold;
    color: #0A568E;
}
#jc_news_section3 .row .disc_box .date
{
    font-size: 12px;
    font-weight: bold;
    color: #188ED6;
}
#jc_news_section3 #nav
{
    padding-top: 15px;
    padding-bottom: 15px;
    width: 900px;
}
#jc_news_section3 #nav #older
{
    float: left;
}
#jc_news_section3 #nav #prev
{
    float: right; 
}
#jc_news_section4
{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 800px;
}
#jc_news_section4 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_news_section4 .row
{
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 900px;
}
#jc_news_section4 .row .col
{
    float: left;
    margin-right: 60px;
    margin-bottom: 20px;
    width: 180px;
}
#jc_news_section4 .row .col_last
{
    float: left;
    margin-bottom: 20px;
    width: 180px;
}
#jc_news_section4 .row .img_box
{
    padding-bottom: 10px;
}
#jc_news_section4 .row .disc_box
{
    
}
#jc_news_section4 .row .disc_box .title
{
    font-size: 18px;
    font-weight: bold;
    color: #0A568E;
}
#jc_news_section4 .row .disc_box .date
{
    font-size: 12px;
    font-weight: bold;
    color: #188ED6;
}
#jc_news_section4 #nav
{
    padding-top: 15px;
    padding-bottom: 15px;
    width: 900px;
}
#jc_news_section4 #nav #older
{
    float: left;
}
#jc_news_section4 #nav #prev
{
    float: right; 
}

/* end of news */


/* start teacher */
#jc_teacher_section1
{
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 20px;
    width: 900px;
    background-image: url( "content-img/teacher_section1_bg.jpg" );
    background-position: right;
    background-repeat: no-repeat;
}
#jc_teacher_section1 #leftpanel
{
    width: 520px;
}
#jc_teacher_section1 #leftpanel #title
{
    
}
#jc_teacher_section1 #leftpanel #detail
{
    padding-top: 4px;
    color: #9B9B9B;
    font-size: 19px;
}

#jc_teacher_section2
{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 840px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px #E8E8E8 solid;
    background-color: #F9F9F9;
}
#jc_teacher_section2 #head_title
{
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_teacher_section2 .box
{
    width: 840px;
    padding-bottom: 18px;
    padding-top: 18px;
    border-bottom: 1px solid #E8E8E8;
}
#jc_teacher_section2 .box .name
{
    font-size: 20px;
    font-weight: bold;
}
#jc_teacher_section2 .box .position
{
    font-size: 14px;
    color: #25C3D8;
}
#jc_teacher_section2 .box .detail
{
    font-size: 14px;
    font-weight: normal;
    color: #606060;
}
#jc_teacher_section2 .box ul li
{
    margin-left: 15px;
    list-style-type: square;
}
#jc_teacher_section2 #bottom_logo
{
    padding-top: 10px;
    text-align: center;
    width: 900px;
}
/* end of teacher */

/* start guest */
#jc_guest_section1
{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 525px;
    width: 900px;
    background-image: url("content-img/guest_section1_bg.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
#jc_guest_section1 #title
{
    
}
#jc_guest_section1 #detail
{
    width: 570px;
    padding-top: 4px;
    color: #9B9B9B;
    font-size: 19px; 
}
#jc_guest_section2
{
    padding-top: 20px;
    padding-bottom: 20px;
    width: 1000px;
}
#jc_guest_section2 #head_title
{
    padding-left: 50px;
    font-size: 20px;
    color: #000000;
}
#jc_guest_section2 .guest_say_v1
{
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    width: 900px;
}
#jc_guest_section2 .guest_say_v1 .img_section
{
    float: left;
    width: 472px;
}
#jc_guest_section2 .guest_say_v1 .img_section .img_box_top
{
    padding-left: 16px;
    padding-right: 16px;
    width: 440px;
    height: 7px;
    background-image: url("content-img/picframe_472_for440_top.jpg");
    background-repeat: no-repeat;   
}
#jc_guest_section2 .guest_say_v1 .img_section .img_box_middle
{
    padding-top: 1px;
    padding-left: 16px;
    padding-right: 16px;
    width: 440px;
    background-image: url("content-img/picframe_472_for440_middle.jpg");
    background-repeat: repeat-y;  
}
#jc_guest_section2 .guest_say_v1 .img_section .img_box_middle .image
{
    width: 440px;
}
#jc_guest_section2 .guest_say_v1 .img_section .img_box_middle .title
{
    padding-top: 19px;
    padding-bottom: 13px;
    width: 440px;
    text-align: center;
}
#jc_guest_section2 .guest_say_v1 .img_section .img_box_bottom
{
    padding-left: 16px;
    padding-right: 16px;
    width: 440px;
    height: 29px;
    background-image: url("content-img/picframe_472_for440_bottom.jpg");
    background-repeat: no-repeat;  
}
#jc_guest_section2 .guest_say_v1 .text_section 
{
    float: left;
    width: 400px;
    padding-left: 24px;
    padding-top: 80px;
}
#jc_guest_section2 .guest_say_v1 .text_section .text_box_top
{
    width: 400px;
    height: 36px;
    background-image: url("content-img/guest_quote_top.jpg");
    background-repeat: no-repeat;
}
#jc_guest_section2 .guest_say_v1 .text_section .text_box_middle
{
    width: 360px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #3288B7;
    font-size: 14px;
}
#jc_guest_section2 .guest_say_v1 .text_section .text_box_bottom
{
    width: 400px;
    height: 36px;
    background-image: url("content-img/guest_quote_bottom.jpg");
    background-repeat: no-repeat;
}
#jc_guest_section2 .guest_say_v1 .text_section .title_box
{
    width: 400px;
    padding-top: 8px;
    color: #18607F;
    font-size: 20px;
    text-align: right;
}
#jc_guest_section2 .guest_say_v2
{
    padding-left: 50px;
    padding-right: 50px;
    width: auto;
}
#jc_guest_section2 .guest_say_v2 .text_section 
{
    float: left;
    width: auto;
    padding-left: 0px;
    padding-top: 10px;
}
#jc_guest_section2 .guest_say_v2 .text_section .text_box_top
{
    width: auto;
    height: 36px;
    background-image: url("content-img/guest_quote_top.jpg");
    background-repeat: no-repeat;
}
#jc_guest_section2 .guest_say_v2 .text_section .text_box_middle
{
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #3288B7;
    font-size: 14px;
}
#jc_guest_section2 .guest_say_v2 .text_section .text_box_bottom
{
    width: auto;
    height: 36px;
    background-image: url("content-img/guest_quote_bottom.jpg");
    background-repeat: no-repeat;
	background-position:right;
}
#jc_guest_section2 .guest_say_v2 .text_section .title_box
{
    width: auto;
    padding-top: 8px;
    color: #18607F;
    font-size: 20px;
    text-align: right;
}

#jc_guest_section2 #nav
{
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    width: 900px;
}
#jc_guest_section2 #nav #older
{
    float: left;
}
#jc_guest_section2 #nav #prev
{
    float: right; 
}


/* end of guest */


/* start parent */
#jc_parent_section1
{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    width: 900px;
    height: 670px;
    background-image: url("content-img/parent_section1_bg.jpg");
    background-position: bottom;
    background-repeat: no-repeat;   
}
#jc_parent_section1 #title
{
    
}
#jc_parent_section1 #detail
{
    width: 570px;
    padding-top: 4px;
    color: #9B9B9B;
    font-size: 19px; 
}

#jc_parent_section1 #text_box
{
    padding-top: 90px;
    padding-left: 430px;
    width: 340px;
}
#jc_parent_section1 #text_box #title
{
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}
#jc_parent_section1 #text_box #detail
{
    font-size: 14px;
    font-weight: normal;
    color: #494949;
}
#jc_parent_section1 #text_box #detail_em
{
    font-size: 18px;
    font-weight: bold;
    color: #494949;
}
#jc_parent_section2
{
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 20px;
    width: 900px;
    height: auto;
    background-image: url("content-img/shadow_up_h14.jpg");
    background-position: bottom;
    background-repeat: repeat-x;
}
#jc_parent_section2 #title
{
    color: #155793;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 8px;
}
#jc_parent_section2 .char_box
{
    float: left;
    padding-right: 25px;
}
#jc_parent_section2 .char_box a
{
    color: #7FC9F7;
    font-size: 14px;
}

#jc_parent_section3_head_title
{
    padding-top: 25px;
    padding-left: 50px;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
#jc_parent_section3
{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
    padding-bottom: 15px;
    width: 840px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px #E8E8E8 solid;
    background-color: #F9F9F9;
}
#jc_parent_section3 .box
{
    width: 840px;
    padding-bottom: 18px;
    padding-top: 18px;
    border-bottom: 1px solid #E8E8E8;
}
#jc_parent_section3 .box .name
{
    font-size: 20px;
    font-weight: bold;
}
#jc_parent_section3 .box .address
{
    font-size: 14px;
    color: #565656;
}
#jc_parent_section3 .box .detail
{
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}
#jc_parent_section3 #bottom_logo
{
    padding-top: 15px;
    width: 840px;
    text-align: center;
}
#jc_parent_section3 #nav
{
    width: 840px;
    padding-top: 15px;
    padding-bottom: 10px;
}
#jc_parent_section3 #nav #older
{
    float: left;
}
#jc_parent_section3 #nav #prev
{
    float: right;
}

/* end of parent */

/* start map */
#jc_map_section1
{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    width: 900px;
    height: 800px;
    background-image: url("content-img/map_section1_bg.jpg");
    background-position: top;
    background-repeat: no-repeat; 
}
#jc_map_section1 #title
{
    
}
#jc_map_section1 #detail
{
    width: 500px;
    padding-top: 4px;
    color: #9B9B9B;
    font-size: 19px; 
}
#jc_map_section1 #direction_box
{
    margin-top: 180px;
    margin-left: 500px;
    width: 400px;
}
#jc_map_section1 #direction_box .title
{
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}
#jc_map_section1 #direction_box .detail
{
    font-size: 14px;
    font-weight: normal;
    color: #606060;
}
#jc_map_section1 #direction_box #pic_box
{
    margin-top: 25px;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    width: 400px;
    height: 328px;
    background-image: url("content-img/photoframe_400.png");
    background-repeat: no-repeat;
}
#jc_map_section2
{
    padding-top: 25px;
    padding-left: 1px;
    width: 1000px;
    padding-bottom: 10px;
}
/* end of map */

/* end of content */

/* start footer */

#jc_footer
{
    float: left;
    width: 1010px;
    height: 255px;
    
}

#jc_footer_box
{
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 300px;
    width: 980px;
    border-radius: 12px;
    border: #E8E8E8 1px solid;
    background-color: #FFFFFF;
}

#jc_footer_logobox
{
    float: left;
    padding-top: 40px;
    width: 230px;
    height: 175px;
}
#jc_footer_rightpanel
{
    float: left;
    width: 740px;
    height: 215px;
}
#jc_footer_title
{
    width: 740px;
    height: 50px;
}
#jc_footer_detail_row1
{
    width: 740px;
    height: 88px;
    border-bottom: 1px solid #E8E8E8;
}
#jc_footer_detail_row1_col1
{
    float: left;
    width: 369px;
    height: 88px;
    border-right: 1px solid #E8E8E8;
}
#jc_footer_detail_row1_col1 #icon
{
    float: left;
    padding-top: 15px;
    padding-left: 40px;
    width: 110px;
    text-align: center;
}
#jc_footer_detail_row1_col1 #text
{
    float: left;
    padding-top: 15px;
}
#jc_footer_detail_row1_col1 #text #title
{
    font-size: 18px;
    font-weight: bold;
}
#jc_footer_detail_row1_col1 #text #detail
{
    font-size: 14px;
    font-weight: normal;
}

#jc_footer_detail_row1_col2
{
    float: left;
    width: 369px;
    height: 88px;
}
#jc_footer_detail_row1_col2 #icon
{
    float: left;
    padding-top: 15px;
    width: 110px;
    text-align: center;
}
#jc_footer_detail_row1_col2 #text
{
    float: left;
    padding-top: 15px;
}
#jc_footer_detail_row1_col2 #text #title
{
    font-size: 18px;
    font-weight: bold;
}
#jc_footer_detail_row1_col2 #text #detail
{
    font-size: 14px;
    font-weight: normal;
}


#jc_footer_detail_row2
{
    clear: both;
    width: 740px;
}
#jc_footer_detail_row2 #icon
{
    float: left;
    padding-top: 15px;
    padding-left: 55px;
    width: 90px;
    text-align: center;
}
#jc_footer_detail_row2 #text
{
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
}
#jc_footer_detail_row3
{
    clear: both;
    width: 740px;
    border-bottom: 1px solid #E8E8E8;
}
#jc_footer_detail_row3 #icon
{
    float: left;
    padding-top: 20px;
    padding-left: 60px;
    padding-right: 10px;
    width: 190px;
    text-align: center;
}
#jc_footer_detail_row3 #text
{
    float: left;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 40px;
    font-size: 18px;
}


#jc_footer_copyright
{
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 10px;
    border-top: 1px solid #51ABD2;
    height: 30px;
    width: 1000px;
    color: #51ABD2;
    font-weight: normal;
    font-size: 12px;
}
#jc_footer_copyright a
{
    color: #51ABD2;
    font-weight: normal;
    font-size: 12px;
}
/* end of footer */