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

body{margin:0; padding:0; font-family: 'PT Sans', arial, serif; color:#363b37; font-size:14px; background:url(images/bg.jpg)}
a{outline:none}
a img{border:none} 
p {margin:0 0 20px 0; text-align:justify}
.row{float:left; width:100%}
.fl{float:left}
.clear{margin:0; padding:0; line-height:0px; font-size:0px; height:0px; clear:both} 
.top-keyword{background:#063e65; float:left; width:100%}
.top-keyword .keyword{margin:0 auto; width:992px; font-size:12px; color:#fff; text-align:right; padding:7px 0px} 
.language_box{float:right; width:160px; padding-top:130px; padding-right:10px}
.wrapper{float:left; width:100%; background:url(images/top-bg.jpg) repeat-x top}
.main{margin:0 auto; width:992px} 
.header{float:left; width:100%; background:url(images/head-bg.jpg) no-repeat; height:170px}
.container{float:left; width:100%; background:url(images/main-med-bg.jpg) repeat-y}
.container .top-bg{float:left; background:url(images/main-top-bg.jpg) no-repeat top; width:100%}
.container .bot-bg{float:left; background:url(images/main-bot-bg.jpg) no-repeat bottom; width:100%}
.left-column{ float:left; width:211px; padding:20px 15px}
.right-column{ float:right; width:711px; padding:20px; text-align:justify}
.right-column h2{font-size:19px; line-height:20px; font-weight:700; color:#0268a1}

.left-nav{margin:0; padding:0; width:211px; list-style:none; float:left}
.left-nav li{float:left; width:100%; background: url(images/nav-left-bg.jpg) no-repeat top left;}
.left-nav li a{display:block; float:left; font-size:15px; font-family: 'Noticia Text', serif; font-weight:700; color:#444137; padding:10px 0 10px 12px; width:199px; height:18px; line-height:15px; text-decoration:none; background:url(images/nav-bg.jpg) no-repeat; margin-bottom:10px; }
.left-nav li.active a, .left-nav li.active a:hover, .left-nav li a:hover{background:url(images/nav-bg.jpg) no-repeat bottom; color:#fff; text-decoration:none}

.quick-link{float:left;font-size:15px; font-family: 'Noticia Text', serif; font-weight:700; color:#444137; margin:15px 0 0 0; padding:15px 0 0 0; background:url(images/line-bg.jpg) repeat-x top; width:100%}

.quick-nav{margin:0; padding:0; width:211px; list-style:none; float:left}
.quick-nav li{float:left; width:100%; background:url(images/line-bg-02.jpg) repeat-x bottom }
.quick-nav li a{display:block; float:left; font-size:14px; font-family: 'PT Sans', arial, serif; font-weight:700; color:#0268a1; padding-top:15px;  line-height:18px; text-decoration:none;  padding-bottom:15px;}
.quick-nav li a:hover{color:#444137; text-decoration:none}
.quick-nav .left{background:url(images/book-01.jpg) no-repeat 0px 15px; padding-left:50px; width:159px;}
.quick-nav .right{background:url(images/book-02.jpg) no-repeat 100% 15px; padding-right:50px; width:159px;}

.page-title{ float:left; width:711px; background:url(images/page-head-bg.jpg) bottom repeat-x; margin-bottom:15px; height:36px}
.page-title .left-bg{float:left; width:10px; height:36px; background:url(images/page-head-bg.jpg) no-repeat top left}
.page-title .right-bg{float:left; width:10px; height:36px; background:url(images/page-head-bg.jpg) no-repeat top right}
.page-title .text{float:left; width:691px; }
.page-title .text h1{font-size:20px; line-height:20px; font-weight:700; color:#fff; margin:0; padding:8px 0 0 0}

.sub-title{ float:left; width:711px; background:url(images/sub-title-bg.jpg) bottom repeat-x; margin-bottom:15px; height:36px}
.sub-title .left-bg{float:left; width:10px; height:36px; background:url(images/sub-title-bg.jpg) no-repeat top left}
.sub-title .right-bg{float:left; width:10px; height:36px; background:url(images/sub-title-bg.jpg) no-repeat top right}
.sub-title .text{float:left; width:691px; }
.sub-title .text h2{font-size:17px; line-height:17px; font-weight:700; color:#0268a1; margin:0; padding:8px 0 0 0}
.sub-title .text h2 a{color:#077909; text-decoration:underline}
.sub-title .text h2 a:hover{color:#077909; text-decoration:none}

.sub-title2{ float:left; width:711px; background:url(images/sub-title-bg-02.jpg) bottom repeat-x; margin-bottom:15px; height:53px}
.sub-title2 .left-bg{float:left; width:10px; height:53px; background:url(images/sub-title-bg-02.jpg) no-repeat top left}
.sub-title2 .right-bg{float:left; width:10px; height:53px; background:url(images/sub-title-bg-02.jpg) no-repeat top right}
.sub-title2 .text{float:left; width:691px; }
.sub-title2 .text h2{font-size:17px; line-height:17px; font-weight:700; color:#0268a1; margin:0; padding:8px 0 0 0}
.sub-title2 .text h2 a{color:#077909; text-decoration:underline}
.sub-title2 .text h2 a:hover{color:#077909; text-decoration:none}

.footer-btn{float:left; width:220px; margin:2px 0px;}
.footer-btn a{float:left; height:52px; display: inline-block; text-indent:-99999px}
.footer-btn a.b3{background:url(images/fotter-btn.jpg) no-repeat 0px 0px;  width:224px;}
.footer-btn a.b3:hover{background:url(images/fotter-btn.jpg) no-repeat 0px 100%}

.enrol-btn{float:right; width:110px; margin:-5px 100px;}
.enrol-btn a{float:left; height:36px; display: inline-block; text-indent:-99999px}
.enrol-btn a.b3{background:url(images/enrol-btn.jpg) no-repeat 0px 0px;  width:100px;}
.enrol-btn a.b3:hover{background:url(images/enrol-btn.jpg) no-repeat 0px 100%}



.footer{float:left; width:992px; background:url(images/fotter-bg-top.jpg) no-repeat top }
.footer-link{float:left; width:932px; padding:20px 30px; text-align:center; background:url(images/fotter-bg.jpg); margin-top:10px}
.footer-link a{font-size: 14px; color:#fff; text-decoration:none; font-weight:600}
.footer-link a:hover{text-decoration: none; color:#bff1a6}
.footer-link span{color:#98ad8c; padding:0px 10px}
.footer-link .copyright{color:#bff1a6; padding:0 !important; font-size:13px; font-weight:normal}

.list{margin:0 0 20px 0; padding:0; list-style:none}
.list li{margin:0; padding:0 0 7px 25px ; background:url(images/list-icon.jpg) no-repeat 10px 6px;}
.list li ul{list-style:none; margin:7px 0 0 ; padding:0}

.listol{margin:0 0 20px 0; padding:0; list-style-position:inside }
.listol li{margin:0; padding:0 0 7px 25px ; }
.listol li ul{ margin:7px 0 0 ; padding:0}

.pro-title{float:left; width:711px; background:#DEF5F9; repeat-x top left; height:36px; margin-bottom: 15px;}
.pro-title .buy{float:left; width:95px; height:36px; background:url(images/buy.jpg) no-repeat 0px 0px; text-indent:-9999px; display:block; }
.pro-title .buy:hover{background:url(images/buy.jpg) no-repeat 0px  -36px; }
.pro-title .demo{float:right; width:95px; height:36px; background:url(images/pro-btn.jpg) no-repeat 0px 0px; text-indent:-9999px; display:block; }
.pro-title .demo:hover{background:url(images/pro-btn.jpg) no-repeat 0px  -36px; }
.pro-title .text{float:left; width:614px; font-size:17px; line-height:17px; font-weight:700; color:#0268a1; margin:0 padding-top:9px}
.pro-title .text a{color: #0268a1; text-decoration:none}
.pro-title .text a:hover{color: #000; text-decoration:none}

.table{border-collapse:collapse}
.table td{padding:10px; border:1px solid #0268cf}
.table .tit td {font-size:17px; color:#0268cf;  padding:7px 10px; font-weight:bold; background:#DEF5F9; margin:0; line-height:20px; text-align:center}
.table .tit2 td { font-weight:bold; background:#DEF5F9; margin:0; }
.table .arrow td { background:url(images/arrow.jpg) no-repeat 7px 12px; padding:7px 7px 7px 17px }
.table .arrow td a, .table .tit td a{text-decoration:underline; color:#077909}
.table .arrow td a:hover, .table .tit td a:hover{text-decoration:none; color:#000}

.table ol{margin:0 ; padding: 0 0 0 20px  }
.table ol li{margin:0; padding:0 0 5px 0 }

.buy-img{float:left; width:95px; background:url(images/buy.jpg) no-repeat top left; height:36px}