@charset "utf-8";

#slide-container{
display: none;
}
#header-container .content-header{
display: none;
}
#content-container{
margin: 0 auto; 
padding: 0; 
overflow: visible !important; 
width: 1000px; 
height: auto !important; 
min-height: 0 !important;
}

#content-container:before{
content: ''; 
display: block; 
position: absolute; 
z-index: -1; 
top: 0; 
bottom: 0;
left: -500px; 
width: 2000px; 
background:#fff !important;
}

#visualArea{
position: relative; 
z-index: 1; 
top: -1px; 
left: 50%; 
margin-left: -1000px; 
width: 2000px; 
min-width: 1000px; 
height: 435px; 
overflow: hidden;
}

#visualArea .visualText{
position: absolute; 
z-index: 90; 
top: 70px; 
left: 500px; 
width: 1000px; 
text-align: left;
}

#visualArea .visualText .item-01{
font-size: 30px; 
color: #333333;
letter-spacing:-1px;
margin-bottom:10px;
line-height:55px
}

#visualArea .visualText .item-01 strong{
display: block; 
font-size: 45px; 
color: #2b81eb; 
font-weight: normal;
}

#visualArea .visualText .item-02{
font-size:15px;
color: #333333;
letter-spacing:-1px;
line-height:24px;
letter-spacing:-1px;
}

#visualArea .visualText .item-02 .wbr{
display: block;
}


#visualArea .bx-wrapper .bx-controls{position: absolute; z-index: 60; bottom: 40px; left: 500px; padding: 0 26px;}
#visualArea .bx-wrapper .bx-controls a{display: block; width: 25px; height: 23px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction a{position: absolute; top: 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left: 0; background-position: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right: 0; background-position: -52px 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active{display:none;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{background-position: -103px 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start{background-position: -103px 23px;}


    

#mainCont:after{
content: ''; 
display: block; 
clear: both; 
width: 0; 
height: 0; 
visibility: hidden;
}

#mainCont{
padding-top: 30px;
}


#mainCont .content-01:after{
content: ''; 
display: block;
clear: both; 
width: 0; 
height: 0; 
visibility: hidden;
}

#mainCont .content-01 > div + div {
margin-left:20px
}

#mainCont .content-01 .course-info{float:left;}
#mainCont .content-01 .course-info .course-img{
float:left;
width:250px;
text-align: center;
height: 235px;
}

#mainCont .content-01 .course-info .course-text{
float:left;
width:180px;
padding:17px 30px 0;
background-color:#2b72dd;
height: 250px;
}

#mainCont .content-01 .course-info .course-text .course-smal-title{
font-size:15px;
color:#fff;
line-height:.9
}

#mainCont .content-01 .course-info .course-text .course-title{
padding-top:25px;
font-size:22px;
font-weight:bold;
color:#fff;
line-height:25px;
letter-spacing:-0.75px
}

#mainCont .content-01 .course-info .course-text .course-title a{color:#fff}

#mainCont .content-01 .course-info .course-text .course-info-list{
padding-top:16px;
font-size:15px; 
color:#fff;
line-height:24px;
letter-spacing:-0.75px
}


#mainCont .content-01 .bx-wrapper{
position:relative;
float:left;
width:490px !important;
height: 235px;
overflow: hidden;
}

#mainCont .content-01 .bx-wrapper .bx-controls{
position: absolute; 
z-index: 60; 
top: 0px; 
right: 0px;
width: 70px;
}

#mainCont .content-01 .bx-wrapper .bx-controls a{
display: block; 
width: 35px; 
height: 35px; 
overflow: hidden; 
text-indent: -999em; 
background-image: url(./../../mycodyimages/controls.png); 
background-repeat: 0 0;
}

#mainCont .content-01 .bx-wrapper .bx-controls .bx-controls-direction a{
position: absolute; 
top: 0;
}

#mainCont .content-01 .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
left: 0; 
background-position: 0 0;
}

#mainCont .content-01 .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover{
background-position: 0 -37px;
} 

#mainCont .content-01 .bx-wrapper .bx-controls .bx-controls-direction .bx-next{
right: 0; 
background-position: -105px 0;
}
#mainCont .content-01 .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover{
right: 0; 
background-position: -105px -37px;
}
#mainCont .content-01 .bx-wrapper .bx-controls .bx-controls-auto{
display:none
}

#mainCont .content-01 .bx-wrapper .bx-controls .bx-pager.bx-default-pager{
display:none
}




#mainCont .content-01 .tab_list{
float:right;
width:482px;
height:227px;
border:4px solid #a0c5b4;
background-color:#ffffff
}

#mainCont .content-01 .tab_list{
position: relative;
}

#mainCont .content-01 .tab_list>ul{
list-style: none; 
margin: 0; 
padding: 28px 30px;
}

#mainCont .content-01 .tab_list>ul>li{
float: left; 
line-height: .9;
}

#mainCont .content-01 .tab_list>ul:after{
content: ''; 
display: block; 
clear: both; 
width: 0; 
height: 0; 
visibility: hidden;
}

#mainCont .content-01 .tab_list>ul>li>a{
float: left; 
line-height: inherit;
}

#mainCont .content-01 .tab_list>ul>li>a span{
display: block; 
font-weight: bold; 
line-height: inherit; 
letter-spacing: -1px;.
}

#mainCont .content-01 .tab_list>ul>li>ul{
position: absolute; 
left: 0; 
right: 0; 
list-style: none; 
margin: 0; 
padding: 0;
}

#mainCont .content-01 .tab_list>ul>li>ul li{
position: relative; 
overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap;
}

#mainCont .content-01 .tab_list>ul>li>ul li a{
text-decoration: none;
}

#mainCont .content-01 .tab_list>ul>li>ul li a:focus,
#mainCont .content-01 .tab_list>ul>li>ul li a:hover{
text-decoration: underline;
}

#mainCont .content-01 .tab_list>ul>li>ul li span{
position: absolute; 
right: 0; 
top: 0;
}

#mainCont .content-01 .tab_list>ul>li>ul li.more{
position: static;
}

#mainCont .content-01 .tab_list>ul>li>ul li.more a{
display: block; 
position: absolute; 
text-indent: -999em; 
overflow: hidden; 
background-repeat: no-repeat; 
background-position: 0 0;
}



#mainCont .content-01 .tab_list>ul>li+li{
margin-left: 24px;
}

#mainCont .content-01 .tab_list>ul>li>a{
font-size: 17px; 
color: #ab9999;
}

#mainCont .content-01 .tab_list>ul>li>a span{
height: 28px;
}

#mainCont .content-01 .tab_list>ul>li>a span.over{
color: #60b28c;
}

#mainCont .content-01 .tab_list>ul>li>ul{
top: 70px;
padding:0 26px
}

#mainCont .content-01 .tab_list>ul>li>ul li{
padding-right: 80px;
}

#mainCont .content-01 .tab_list>ul>li>ul li:before{
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #a0a0a0;
}

#mainCont .content-01 .tab_list>ul>li>ul li a{
line-height: 26px; 
font-size: 14px; 
color: #444444;
letter-spacing:-0.75px;
padding-left:10px
}

#mainCont .content-01 .tab_list>ul>li>ul li span{
line-height: 26px; 
font-size: 14px; 
color: #888888;
}

#mainCont .content-01 .tab_list>ul>li>ul li.more{
border: 0 none;
}

#mainCont .content-01 .tab_list>ul>li>ul li.more:before{
    content: '';
    display: none;
}

#mainCont .content-01 .tab_list>ul>li>ul li.more a{
top: -70px; 
right: -10px; 
width: 31px; 
height: 31px; 
background: url(./../../mycodyimages/more.gif) no-repeat;
}

#mainCont .content-02{
margin:20px 0
}



#mainCont .content-02:after{
content: ''; 
display: block; 
clear: both; 
width: 0; 
height: 0; 
visibility: hidden;
}

#mainCont .content-02 > div + div{
margin-left:20px
}

#mainCont .content-02 .item-01{
position: relative;
float:left;
width:235px;
height:235px;
background-color:#2b72dd;
text-align:center
}

#mainCont .content-02 .item-01 .title{
display:block;
padding-top:67px;
font-size:25px;
color:#fff;
letter-spacing:-0.75px;
line-height:.9
}

#mainCont .content-02 .item-01 .title:before{
content: ''; 
display: block; 
position:absolute;
top:50px;
left:50%;
width:34px;
height:2px;
margin-left:-17px;
background-color:#fff
}

#mainCont .content-02 .item-01 .summary{
display:block;
margin:17px 0;
font-size:14px;
color:#fff;
letter-spacing:-0.75px;
line-height:20px
}

#mainCont .content-02 .item-01 .summary .wbr{
display:block
}

#mainCont .content-02 .item-01 .more{
display: inline-block;
width:98px;
padding-top:8px;
height:20px;
border:1px solid #fff;
font-size:12px;
color:#fff;
text-align:center;
line-height:.9
}

#mainCont .content-02 .item-01 .more:focus .text,
#mainCont .content-02 .item-01 .more:hover .text{
text-decoration:underline;
}

#mainCont .content-02 .item-01 .more .text{
display:inline-block;
}

#mainCont .content-02 .item-01 .more:hover .text{
text-decoration:underline;
}

#mainCont .content-02 .item-01 .more .icon{
display:inline-block;
padding-left:9px;
}


#mainCont .content-02:after{
content: ''; 
display: block; 
clear: both; 
width: 0; 
height: 0; 
visibility: hidden;
}

#mainCont .content-02 .item-02:before{
content: ''; 
display: block; 
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background: url("./../../mycodyimages/opacity.png") no-repeat;
z-index: -1;
}
#mainCont .content-02 .item-02{
position: relative;
float:left;
width:235px;
height:235px;
background: url("./../../mycodyimages/item-01.png") no-repeat;
text-align:center;
z-index: 100;
}

#mainCont .content-02 .item-02 .title{
display:block;
padding-top:67px;
font-size:25px;
color:#fff;
letter-spacing:-0.75px;
line-height:.9
}

#mainCont .content-02 .item-02 .title:before{
content: ''; 
display: block; 
position:absolute;
top:50px;
left:50%;
width:34px;
height:2px;
margin-left:-17px;
background-color:#fff
}

#mainCont .content-02 .item-02 .summary{
display:block;
margin:17px 0;
font-size:14px;
color:#fff;
letter-spacing:-0.75px;
line-height:20px
}

#mainCont .content-02 .item-02 .summary .wbr{
display:block
}

#mainCont .content-02 .item-02 .more{
display: inline-block;
width:98px;
padding-top:8px;
height:20px;
border:1px solid #fff;
font-size:12px;
color:#fff;
text-align:center;
line-height:.9
}

#mainCont .content-02 .item-02 .more:focus .text,
#mainCont .content-02 .item-02 .more:hover .text{
text-decoration:underline;
}

#mainCont .content-02 .item-02 .more .text{
display:inline-block;
}

#mainCont .content-02 .item-02 .more .icon{
display:inline-block;
padding-left:9px;
}


#mainCont .content-02 .item-03{
float:left;
width:175px;
height:175px;
padding:30px;
background-color:#60b28c
}

#mainCont .content-02 .item-03 .course-smal-title{
font-size:15px;
color:#fff;
line-height:.9
}

#mainCont .content-02 .item-03 .search-title{
display:block;
padding:19px 0 41px 0;
font-size:27px;
color:#fff;
letter-spacing:-1px;
line-height:34px
}

#mainCont .content-02 .item-03 .search-title .wbr{
display:block
}

#mainCont .content-02 .item-03 .submit-form {
width:100%;height:22px;
line-height:.9;
padding:4px 0;
background-color:#fff
}

#mainCont .content-02 .item-03 .item-search {}

#mainCont .content-02 .item-03 .form-item .form-head{
font-size:0;
line-height:.9;
height:0;
width:0;
display:block;
overflow:hidden
}
#mainCont .content-02 .item-03 .form-item .course-form{
height:16px;
width:138px;
margin-left: 4px;
font-size:14px;
border: none;
line-height:.9;
}


#mainCont .content-02 .item-04{
float:left;
width:235px;
} 



#mainCont .content-02 .item-04{
position: relative;
float:left;
width:235px;
height:235px;
background-color:#2b72dd;
text-align:center
}


#mainCont .content-02 .item-04 .title{
display:block;
padding-top:67px;
font-size:25px;
color:#fff;
letter-spacing:-0.75px;
line-height:.9
}

#mainCont .content-02 .item-04 .title:before{
content: ''; 
display: block; 
position:absolute;
top:50px;
left:50%;
width:34px;
height:2px;
margin-left:-17px;
background-color:#fff
}

#mainCont .content-02 .item-04 .summary{
display:block;
margin:17px 0;
font-size:14px;
color:#fff;
letter-spacing:-0.75px;
line-height:20px
}

#mainCont .content-02 .item-04 .summary .wbr{
display:block
}

#mainCont .content-02 .item-04 .more{
display: inline-block;
width:98px;
padding-top:8px;
height:20px;
border:1px solid #fff;
font-size:12px;
color:#fff;
text-align:center;
line-height:.9
}

#mainCont .content-02 .item-04 .more:focus .text,
#mainCont .content-02 .item-04 .more:hover .text{
text-decoration:underline;
}

#mainCont .content-02 .item-04 .more .text{
display:inline-block;
}

#mainCont .content-02 .item-04 .more:hover .text{
text-decoration:underline;
}

#mainCont .content-02 .item-04 .more .icon{
display:inline-block;
padding-left:9px;
}


#mainCont .content-03{}


#mainCont .content-03 .operation-guide{
float:left;
width:316px;
height:112px;
padding-left:166px;
border: 4px solid #dbdbdb;
background: url("./../../mycodyimages/operation-guide.png") no-repeat
}

#mainCont .content-03 .operation-guide .title{
display:block;
padding-top:13px;
color:#3a3a3a;
font-size:18px;
line-height:.9;
font-weight:bold;
letter-spacing:-1px
}

#mainCont .content-03 .operation-guide .title .point{
display:inline-block;
color:#3a3a3a;
padding-left:7px
}

#mainCont .content-03 .operation-guide .operation-phon{
display:block;
padding:11px 0 8px 0;
font-size:31px;
color:#2b2b2b;
letter-spacing:-2px;
line-height:.9;
}

#mainCont .content-03 .operation-guide .operation-data{
display:block;
font-size:12px;
line-height:1.3;
letter-spacing:-1px;
color:#3a3a3a;
}

#mainCont .content-03 .operation-guide .operation-data span + span{
padding-left:12px
}


#mainCont .content-03 .banner-wrap{
float:right;
width:490px;
height:120px;
background:#20487b
}

#mainCont .content-03 .banner-wrap:after{
content: ''; 
display: block; 
clear: both; 
width: 0; 
height: 0; 
visibility: hidden;
}

#mainCont .content-03 .banner-wrap .banner4{
display: table;
margin: 0; 
padding: 0 10px; 
overflow: hidden; 
width: 470px; 
height: 93px; 
padding-top: 27px;
background: #60b28c; 
text-align: center;
}

#mainCont .content-03 .banner-wrap .banner4 li{
display: table-cell; 
position: relative; 
list-style: none; 
}

#mainCont .content-03 .banner-wrap .banner4 li a{
display: block; 
position: relative; 
padding-top:57px;
color: #fff; 
text-decoration: none;
font-size:14px;
letter-spacing:-0.75px;
line-height:.9
}

#mainCont .content-03 .banner-wrap .banner4 li a:before{
content: ''; 
display: block; 
position: absolute; 
left: 49%; 
top: -8px; 
height: 53px; 
background-image: url("./../../mycodyimages/icon-bar.png"); 
background-repeat: no-repeat;
}

#mainCont .content-03 .banner-wrap ul.banner4 .item-01 a:before{
background-position: 0 0;
width:51px;
margin-left:-24px
}
#mainCont .content-03 .banner-wrap ul.banner4 .item-02 a:before{
background-position: -114px 0;
width:56px;
margin-left:-28px
}
#mainCont .content-03 .banner-wrap ul.banner4 .item-03 a:before{
background-position: -230px 0;
width:52px;
margin-left:-24px
}
#mainCont .content-03 .banner-wrap ul.banner4 .item-04 a:before{
background-position: -477px 0;
width:50px;
margin-left:-25px
}
#mainCont .content-03 .banner-wrap ul.banner4 .item-05 a:before{
background-position: -350px 0;
width:50px;
margin-left:-25px
}

#mainCont .content-03 .banner-wrap ul.banner4 li a:focus,
#mainCont .content-03 .banner-wrap ul.banner4 li a:hover{
text-decoration: underline
}

#mainCont .content-03 .banner-wrap .banner4 .item-03{
padding:0 15px
}