body {direction:rtl;font-family:tahoma;text-decoration:none;padding:0;margin:0;text-align:right;background: url(/images/bdy_bg.png); }
#jam3ye {direction:rtl;font-family:tahoma;text-decoration:none;padding:0;margin:0;text-align:right;background: url(/images/bdy_bg2.png); }

a {text-decoration:none;}
img { border:0;}

.bg { width: 100%; top: 0; left: 0; bottom: 0; right: 0; margin-bottom: -72px; height: 100%;}

.bg .top{ width: 100%; height: 72px; background: url(/images/header_bg.png) repeat-x top; margin: 0;}

.pageDiv {width:900px;height:auto; margin: 0;}

.header { float: right; width: 900px; height: 72px; margin: 0;}
.header .logo { float: right; width: 79px; height: 111px;}
.header .title { width: 382px; height: auto; text-align: center; margin: 25px 0;}
.header .button { float: left; width: 114px; height: 25px; background: url(/images/btn1.png) no-repeat; margin: 20px 0; color:#fff; font-size: 16px; font-family: Arial; font-weight: bold; padding-top: 3px;}

.navbar { float: left; width: 840px; height: 30px; margin: 15px 0;}

.navbar .link { float: right; width: 100px; height: 25px; margin: 0; color: #07636d ; font-size: 16px; padding-top: 6px; font-weight: bold; font-family: Arial; cursor:pointer; }
.navbar .link  a{ color: #07636d ; }
.navbar .link  a:hover{ color: #fff ; background: #07636d;}
.navbar .link:hover { color: #fff; background: url(/images/btn2.png) no-repeat;}
.navbar #current { color: #fff; background: url(/images/btn2.png) no-repeat;}

.navbar .seprator { float: right; width: 1px; height: 14px; margin: 8px 0x;}
.navbar .seprator2 { float: right; width: 1px; height: 14px; margin: 8px 19px;}

.navbar .menue {float:right; width:810px;margin:0; list-style:none; height:30px;position:relative; z-index:500; }
.navbar .menue ul {position:absolute; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
.navbar .menue li.top {display:block; float:right; height:30px;width:100px;}
.navbar .menue li a.link {display:block; float:right; height:30px; color:#07636d; text-decoration:none; font-size:16px; font-weight:bold;cursor:pointer; width: 100px; padding: 6px 0; font-family: Arial; }
.navbar .menue li:hover a.link {color: #fff; background: url(/images/btn2.png) no-repeat;}

.navbar .menue li:hover {position:relative; z-index:200;}

.navbar .menue li:hover ul.sub
{right:-40%; top:35px; background: #0e757e; white-space:nowrap; width:172px; height:auto; z-index:300;float:right; border: 1px solid #0c474d;}
.navbar .menue li:hover ul.sub li
{display:block; height:30px; float:right; width:160px; font-weight:normal;}
.navbar .menue li:hover ul.sub li a
    {display:block; font-size:14px; height:18px;padding:3px; width:160px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;text-align:center;overflow:hidden;margin:3px; color: #fff; background: #11919e; }

.navbar .menue li:hover ul.sub li a:hover
{color: #fff; border-color:#fff; background: #0e757e;}

.newsbar{ float: right; width: 900px; height: 24px; background: url(/images/newsbar_crn.png) left no-repeat;}
.newsbar .label{ float: right; width: 127px; height: 24px;}
.newsbar .text{ float: right; width: 763px; height: 21px; font-size: 12px; color: #969696; background: #e8e8e8; text-align: right; padding: 3px 3px 0 3px;}
.newsbar .text a{ color: #969696;}

.top_area { float: right; width: 900px; height: auto; margin: 10px 0;}

.top_area .slider { float: right; width: 593px; height: 320px;}
.top_area .slider .photo { width: 554px; height: 304px; background: #ebcb20;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(); padding: 10px 0; }

.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0; z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-caption {position:absolute;left:0px;bottom:0px;background: #000;color:#fff;opacity:0.6;width:100%; z-index:8;height: 40px;}
.nivo-caption p { padding:10px;margin:0;}
.nivo-html-caption {display:none;}
.nivo-controlNav a { position:relative;z-index:9;cursor:pointer; }
.nivo-controlNav a.active {font-weight:bold;}

.nivoSlider { position:relative;background:#fff url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat 50% 50%; margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
    margin: 0 10px;}
.nivoSlider img { top:0px; left:0px; display:none;}
.nivoSlider a {border:0; display:block;}

.nivo-controlNav { position:absolute;left:50%;bottom:-42px; margin-left:-40px;}
.nivo-controlNav a { display:none; width:22px;height:22px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat; text-indent:-9999px;
border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}

.nivo-directionNav a { display:absolute;width:57px; height:71px;background:url(/images/arrows.png) no-repeat;text-indent:-9999px;border:0;position:absolute;top:40%;z-index:9;cursor:pointer;}
 a.nivo-nextNav {background-position:-57px 0;right:-29px;}
 a.nivo-prevNav {left:-29px;}

 .nivo-caption {font-family: tahoma;}
 .nivo-caption a {display:inline !important;text-decoration:none;font-weight: bold;color:#fff;}
 .nivo-caption a:hover {color:#fff;}

.top_area .notebook1 { float: right; width: 570px; height: auto; margin: 0 0 15px 0; background: #fff;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(); }

.top_area .notebook1 .header{ float: right; width: 570px; height: 77px; margin: 0;}
.top_area .notebook1 .header .crn1{ float: right; width: 12px; height: 77px; background: url(/images/note1.png) no-repeat right; margin: 0;}
.top_area .notebook1 .header .crn2{ float: left; width: 12px; height: 77px; background: url(/images/note2.png) no-repeat; margin: 0;}
.top_area .notebook1 .header .title{ float: right; width: 546px; height: 77px; background: url(/images/note3.png) repeat-x; margin: 0; color: #fff; text-align: center; }
.top_area .notebook1 .header .title .text1{  float: right; width: auto; height: 77px; margin: 15px 130px 15px 0; color: #fff; font-family: Arial; font-size: 18px; font-weight: bold; }
.top_area .notebook1 .header .title .text2{  float: right; width: auto; height: 77px; margin: 15px 5px; color: #fff; font-size: 16px; text-align: center; }
.top_area .notebook1 .header .title .home{  float: right; width: 16; height: 16px; margin: 15px 5px; color: #fff; font-size: 12px; text-align: center; }

.top_area .notebook1 .menue{ float: right; width: 560px; height: 35px; margin: 0 ; background: #fff; padding: 5px;}
.top_area .notebook1 .button1{ float: right; width: 60px; height: 23px; margin: 0 5px; background: url(/images/btn7.png) no-repeat; color:#fff; font-size: 11px; text-align: center; font-weight: bold; padding-top: 3px; cursor: pointer;}
.top_area .notebook1 .button2{ float: right; width: 60px; height: 23px; margin: 0 5px; background: url(/images/btn8.png) no-repeat; color:#fff; font-size: 11px; text-align: center; font-weight: bold; padding-top: 3px; cursor: pointer;}
.top_area .notebook1 .button3{ float: right; width: 60px; height: 23px; margin: 0 5px; background: url(/images/btn9.png) no-repeat; color:#fff; font-size: 11px; text-align: center; font-weight: bold; padding-top: 3px; cursor: pointer;}
.top_area .notebook1 .button4{ float: right; width: 60px; height: 23px; margin: 0 5px; background: url(/images/btn10.png) no-repeat; color:#fff; font-size: 11px; text-align: center; font-weight: bold; padding-top: 3px; cursor: pointer;}
.top_area .notebook1 .button5{ float: right; width: 60px; height: 23px; margin: 0 5px; background: url(/images/btn11.png) no-repeat; color:#fff; font-size: 11px; text-align: center; font-weight: bold; padding-top: 3px; cursor: pointer;}
.top_area .notebook1 .button6{ float: right; width: 60px; height: 23px; margin: 0 5px; background: url(/images/btn12.png) no-repeat; color:#fff; font-size: 11px; text-align: center; font-weight: bold; padding-top: 3px; cursor: pointer;}

.top_area .notebook1 .bdy{ width: 570px; height: 570px; background: #fff; margin: 0;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(); overflow: auto; overflow-x: hidden;}

.top_area .notebook1 .bdy .article { float: right; width: 550px; height: auto; margin: 0; font-size: 12px; text-align: right; background: transparent; line-height: 3.3;  }
.top_area .notebook1 .bdy .article .date { float: right; width: 110px; height: auto; color: #2f86df; margin: 0 10px; }
.top_area .notebook1 .bdy .article .subname { float: right; width: auto; height: auto; color: #2f86df; margin: 0 10px; cursor: pointer; }
.top_area .notebook1 .bdy .article .intro { float: left; width: 420px; height: auto; color: #717171; margin: 0; }
.top_area .notebook1 .bdy .article .attach { float: left;  width: auto; height: auto; cursor: pointer; color: #2f86df; margin: 0 0 0 20px; }

.top_area .notebook1 .bdy .seprator { float:right; width:570px; height: 1px; margin: 5px 0; background: #e1e1e1;}

.top_area .about { float: right; width: 570px; height: auto; margin: 0 0 15px 0; background: #fff;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(); }

.top_area .about .header{ float: right; width: 570px; height: 77px; margin: 0;}
.top_area .about .header .crn1{ float: right; width: 12px; height: 77px; background: url(/images/note1.png) no-repeat right; margin: 0;}
.top_area .about .header .crn2{ float: left; width: 12px; height: 77px; background: url(/images/note2.png) no-repeat; margin: 0;}
.top_area .about .header .title{ float: right; width: 546px; height: 77px; background: url(/images/note3.png) repeat-x; margin: 0; color: #fff; text-align: center; }
.top_area .about .header .title .text1{ width: auto; height: 77px; margin: 20px 0; color: #fff; font-family: Arial; font-size: 18px; text-align: center; font-weight: bold; }

.top_area .about .top{ float: right; width: 570px; height: 5px; margin: 0 ; background: #fff; }

.top_area .about .bdy{ width: 570px; height: auto; margin: 0; padding-bottom: 20px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();}


.top_area .about .bdy .article { float: right; width: 530px; height: auto; margin: 0 20px; font-size: 12px; text-align: justify; background: transparent; line-height: 2; color: #717171; }


.contact{float:right;background: transparent; text-align: right; width: 530px; height: auto; margin: 10px 5px 0 5px; }
.contact .cont_field{ float: right; text-align: right; width: 520px; height: auto; margin: 0; }
.contact .cont_field .title{float:right; width:105px; color: #07636d ; font-size: 12px; padding: 5px; margin: 5px 0; font-weight: bold; }
.contact .cont_field .field{float:right; width:380px;  margin: 5px 0; padding: 3px 5px; border:1px solid #cacaca; background: transparent; color: #07636d ;}
.contact .btn{float:left; width:90px; height: 32px;  margin: 10px 20px; color: #07636d ; font-size: 18px; font-family: Arial; text-align: center; border: 1px #cacaca solid;}
.contact .note{ width: 520px; height: auto; font-weight: bold; font-size: 12px; margin: 0 ; color: #07636d ; text-align: center; }


.cat_name { float: right; width: 570px; height: auto; margin: 5px; color: #07636d ; font-size: 14px; font-weight: bold; font-family: Arial; text-align: right;}

.cat_name a {color: #07636d ;}

.top_area .category { float: right; width: 570px; height: auto; margin: 0; }

.top_area .category .right { float: right; width: 68px; height: 141px; margin: 7px 0 17px 0; background: url(/images/note4.png) no-repeat right; }

.top_area .category .article { float: left; width: 511px; height: 141px; margin: 7px -10px 17px 0; background: url(/images/note5.png) repeat-x;  line-height: 1.6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url();}
.top_area .category .article .photo { float: right; width: 181px; height: 124px; margin: 10px; }
.top_area .category .article .title { float: left; width: 300px; height: auto; margin: 20px 5px 0 5px; color: #6c6c6c; text-align: right; font-weight: bold; font-size: 12px; }
.top_area .category .article .intro { float: left; width: 300px; height: auto; margin: 7px 5px; color: #838282; text-align: right; font-size: 12px; }

.top_area .full_article { float: right; width: 570px; height: auto; margin: 0 0 15px 0; background: #fff;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(); }

.top_area .full_article .header{ float: right; width: 570px; height: 77px; margin: 0;}
.top_area .full_article .header .crn1{ float: right; width: 12px; height: 77px; background: url(/images/note1.png) no-repeat right; margin: 0;}
.top_area .full_article .header .crn2{ float: left; width: 12px; height: 77px; background: url(/images/note2.png) no-repeat; margin: 0;}
.top_area .full_article .header .title{ float: right; width: 546px; height: 77px; background: url(/images/note3.png) repeat-x; margin: 0; color: #fff; text-align: center; font-family: arial; font-size: 18px; font-weight: bold; line-height: 60px; }

.top_area .full_article .bdy{ width: 570px; height: auto; background: #fff; margin: 0;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();}

.top_area .full_article .photo { float: right; width: 481px; height: 230px; margin: 10px 10px 3px 5px; }
.top_area .full_article .author { float: right; width: 540px; height: auto; margin: 11px 10px 3px 5px; color: #d7b603; text-align: right; font-weight: bold; font-size: 12px; }
.top_area .full_article .date { float: right; width: 540px; height: 15px; margin: 0 10px 0 5px; color: #25aae1; text-align: right;  font-size: 12px; }
.top_area .full_article .intro { float: right; width: 540px; height: auto; margin: 10px 10px 0 10px; color: #838282; text-align: justify; font-size: 12px; }


.top_area .right_block { float: right; width: 580px; height: auto; margin: 0;}

.top_area .right_block .top_article { float: right; width: 580px; height: 205px; margin: 0; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(); line-height: 1.5;  border: 1px #a39f9f solid;   }

.top_area .right_block .top_article .photo { float: right; width: 189px; height: 185px; margin: 10px 10px 10px 0; }
.top_area .right_block .top_article .title { float: left; width: 355px; height: auto; margin: 10px; color: #8b8b8b; text-align: right; font-weight: bold; font-size: 16px; }
.top_area .right_block .top_article .intro { float: left; width: 355px; height: auto; margin: 0 0 10px 10px; color: #838282; text-align: justify; font-size: 12px; }
.top_area .right_block .top_article .more { float: left; width: 81px; height: 24px; margin: 10px; text-align: left; }


.top_area .right_block .small_block { float: right; width: 600px; height: auto; margin: 5px 0; }

.top_area .right_block .small_block .box { float: right; width: 184px; height: 230px; margin: 5px 0 5px 13px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(); border: 1px #a39f9f solid; }

.top_area .right_block .small_block .box .photo { float: right; width: 166px; height: 91px; margin: 7px 8px; }
.top_area .right_block .small_block .box .title { float: right; width: 166px; height: auto; margin: 5px 8px; color: #8b8b8b; text-align: right; font-weight: bold; font-size: 12px; }
.top_area .right_block .small_block .box .intro { float: right; width: 166px; height: auto; margin: 5px 8px; color: #838282; text-align: justify; font-size: 12px; }
.top_area .right_block .small_block .box .more { float: right; width: 81px; height: 24px; margin: 8px 10px; text-align: left; }


.top_area .right_block .bottom_block { float: right; width: 580px; height: 120px; margin: 0; background: #f4f4f4; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; behavior: url();  border: 1px #a39f9f solid;   }
.top_area .right_block .bottom_block .label { float: right; width: 103px; height: 120px; margin: 0;   }
.top_area .right_block .bottom_block .pic { float: right; width: 100px; height: 100px; margin: 13px 7px 10px 10px;  }



.top_area .left { float: left; width: 295px; height: auto; margin: 0; left: 0 }

.top_area .left .buttons { float: right; width: 144px; height: 56px; margin: -5px 0 0 0; cursor: pointer; border: 0; }
.top_area .left .spacer { float: right; width: 5px; height: 30px; margin: 0; }

.register { float: right; width: 295px; height: auto; margin: 5px 0; background: #ebcb20;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();  }

.register .head { width: 295px; height: 23px;color: #fff; font-family: Arial; font-size: 18px; text-align: center; font-weight: bold; padding-top: 10px; }

.register .form { float: right; width: 285px; height: auto;margin: 5px; background: #fff;  padding-bottom: 5px; }
.register .form .field{ float: right; text-align: right; width: 290px; height: auto; margin: 5px 0 0 0;}
.register .form .field .title{float:right; width:100px; height: 18px; font-size: 15px; padding: 5px 10px 5px 5px;  font-weight: bold; color: #107682; font-family: Arial; }
.register .form .field .input{float:right; width:155px; height: 18px; margin: 3px 0; border:1px #cecece solid;}
.register .form .field .input select{float:right; width:155px; height: 18px; margin: 0; border:0;  font-size: 12px;}
.register .form .field .input input {float:right; width:150px; height: 18px; margin: 0; background: transparent; border: 0; }

.register .form .button { float: left; width: 81px; height: 25px; margin: 5px 10px 0 13px ; background: url(/images/btn5.png) no-repeat; font-weight: bold; font-size: 12px; color: #107682; border: 0; cursor: pointer}

.register .form .button:hover { color: #fff;}

.register .info_btn {float: left; width: auto; height: 15px; margin: 10px 0 0 10px; font-size: 14px; color: #107682; font-family: Arial;}

.register .form .note { float: right; width: auto; height: auto; margin: 10px ; font-size: 11px; color: #838282;}
.register .form .note2 { float: right; width: auto; height: auto; margin: 10px ; font-size: 12px; color: #2f86df;}

.register2 { float: right; width: 295px; height: auto; margin: 5px 0 10px 0; background: #fff; padding-bottom: 10px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();  }

.register2 .head { width: 285px; height: 33px;color: #fff; font-family: Arial; font-size: 18px; text-align: center; font-weight: bold; padding-top: 5px; background: #929292; margin: 5px; -moz-border-radius: 5px; margin-bottom: -10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();}

.register2 .form { float: right; width: 294px; height: auto;margin: 5px 0; background: #fff; }
.register2 .form .field{ float: right; text-align: right; width: 290px; height: auto; margin: 5px 0 0 0;}
.register2 .form .field .title{float:right; width:100px; height: 18px; font-size: 15px; padding: 5px 10px 5px 5px;  font-weight: bold; color: #676262; font-family: Arial; }
.register2 .form .field .input{float:right; width:165px; height: 18px; margin: 3px 0; border:1px #cecece solid;}
.register2 .form .field .input input {float:right; width:160px; height: 18px; margin: 0; background: transparent; border: 0; }

.register2 .form .button { float: left; width: 81px; height: 22px; margin: 5px 10px 0 13px ; background: url(/images/btn55.png) no-repeat; font-weight: bold; padding-top: 3px; font-size: 12px; color: #fff;}
.register2 .form .button:hover { color: #cacaca;}




.fb_banner { float: right; width: 285px; height: auto; margin: 5px 0; background: #086e7a; padding: 10px 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();  }

.fb_banner2 { float: right; width: 285px; height: auto; margin: 5px 0; background: #929292; padding: 10px 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();  }

.news_tiker{ float: right; width: 295px; height: auto; margin: 5px 0; background: #fff; padding-bottom: 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();  }

.news_tiker .header { width: 285px; height: 30px; margin: 0; color: #fff; padding: 10px 5px; text-align: center; font-family: Arial; font-weight: bold; font-size: 18px; background: #086e7a;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(); }

.news_tiker .bdy { float: right; width: 295px; height: auto; margin: -10px 0 0 0; background: #fff; }
.news_tiker .bdy .seprator { float: right; width: 275px; height: 1px; margin: 0 10px; background: #e7e7e7; }

.news_tiker .bdy .article { float: right; width: 295px; height: 77px; margin: 11px 10px 0 5px; }
.news_tiker .bdy .article .photo { float: right; width: 70px; height: 65px; margin: 0; cursor: pointer; }
.news_tiker .bdy .article .title { float: right; width: 200px; height: auto; margin: 0 10px; color: #6c6c6c; text-align: right; font-weight: bold; font-size: 12px; cursor: pointer; }
.news_tiker .bdy .article .intro { float: left; width: 200px; height: auto; margin: 0 10px; color: #838282; text-align: right; font-size: 12px; cursor: pointer; }

.top_area .left .tbr3 { float: right; width: 296px; height: 48px; margin: 5px 0; }

.block1 { float: right; width: 900px; height: auto; margin: 5px 0 10px 0;}

.block1 .spacer { float: right; width: 20px; height: 10px; margin:0;}

.block1 .box1 { float: right; width: 209px; height: 212px; margin: 5px 0;}
.block1 .box1 .pic1 { float: right; width: 209px; height: 151px; margin: 0;}
.block1 .box1 .intro1 { float: right; width: 199px; height: 51px; margin: 0; background: url(/images/box1.png) no-repeat; color: #fff; font-size: 14px; padding: 5px;}

.block1 .box2 { float: right; width: 209px; height: 212px; margin: 5px 0;}
.block1 .box2 .pic2 { float: right; width: 209px; height: 151px; margin: 0;}
.block1 .box2 .intro2 { float: right; width: 199px; height: 51px; margin: 0; background: url(/images/box2.png) no-repeat; color: #fff; font-size: 14px; padding: 5px;}

.block1 .box3 { float: right; width: 209px; height: 212px; margin: 5px 0;}
.block1 .box3 .pic3 { float: right; width: 209px; height: 151px; margin: 0;}
.block1 .box3 .intro3 { float: right; width: 199px; height: 51px; margin: 0; background: url(/images/box3.png) no-repeat; color: #fff; font-size: 14px; padding: 5px;}

.block1 .box4 { float: right; width: 209px; height: 212px; margin: 5px 0;}
.block1 .box4 .pic4 { float: right; width: 209px; height: 151px; margin: 0;}
.block1 .box4 .intro4 { float: right; width: 199px; height: 51px; margin: 0; background: url(/images/box4.png) no-repeat; color: #fff; font-size: 14px; padding: 5px;}

.block2{ float: right; width: 930px; height: auto; margin: 30px -20px 20px -20px;}

.block2 .box5 { float: right; width: 940px; height: 150px;  position: relative;  }
.block2 .box5 .header{ float: right; width: 940px; height: 30px; background: url(/images/block_head.png) no-repeat 50%; font-size: 17px; padding: 10px 0;  font-weight: bold; color: #107682; font-family: Arial; text-align: center; position: absolute; left: 0; top: -35px; }

.block2 .box5 .arrow1 { width: 57px; height: 71px; margin: 50px 0 0 0; position: absolute; right: 0; top: 0}
.block2 .box5 .arrow2 { width: 57px; height: 71px; margin: 50px 0 0 0; position: absolute; left: 0; top: 0; }

.block2 .box5 .photo { width: 900px; height: 150px; background: url(/images/grd1.png) bottom repeat-x; margin:0;;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(); padding: 5px 0;  }

.block2 .box5 .photo .content { float: right; width: 900px;}

.block2 .box5 .photo .content .pic { float: right; width: 132px; height: 132px; margin: 0 15px 10px 0; padding: 5px; }

.block2 .box5 .photo .content .pic .photo { float: right; width: 138px; height: 120px; cursor: pointer;  background: #fff; border: 1px #cacaca solid;}
.block2 .box5 .photo .content .pic .intro { float: right; width: 122px; height: 20px; margin-top: -30px; background: url(/images/bg4.png) repeat-x; font-size: 12px; color: #fff; padding: 5px;}
.block2 .box5 .photo .content .pic .intro2 { float: right; width: 122px; height: 40px; margin: -45px 3px 0 3px; background: url(/images/bg4.png); font-size: 12px; color: #fff; padding: 0 5px; cursor: pointer;}

.block3 { float: right; width: 900px; height: auto; background: url(/images/grd2.png) repeat-x bottom #fff;
        -moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	margin-top:30px;
    	behavior: url(); }

.block3 .header { float: right; width: 900px; height: 45px; background: url(/images/bg2.png) repeat-x; -moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	behavior: url();}

.block3 .header .title { float: right;  width: auto; height: auto; margin: 10px; color: #fff; font-size: 20px; text-align: center; font-family: Arial; font-weight: bold;}

.block3 .header .menue { float: left; width:320px; height:35px; padding: 5px 15px 0 15px; text-align: center; }
.block3 .header .menue .link { float: right; width: auto; height: auto; margin: 5px 0 5px 0; color: #787878 ; font-size: 13px; cursor:pointer; }
.block3 .header .menue .link:hover { color: #959595; cursor: pointer;}
.block3 .header .menue .seprator { float: right; width: 1px; height: 14px; margin: 8px 20px; background: #787878;}


.block3 .seprator { float: right; width: 1px; height: 100px; margin: 30px 30px 10px 0; background: #b3b3b3;}

.block3 .box6 { float: right; width: 240px; height: 150px; margin: 10px 30px 10px 0; text-align: justify;}
.block3 .box6 .title {  width: auto; height: auto; margin: 5px 0; color: #127984; font-size: 14px; text-align: center;}
.block3 .box6 .intro { float: right; width: auto; height: 51px; margin: 5px 0; color: #999999; font-size: 14px;}


.gallery { float: right; width: 900px; height: auto; margin: 10px 0 20px 0; background: #fff; padding-bottom: 10px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();}

.gallery .header{ float: right; width: 900px; height: 61px; margin: 0; background: url(/images/bg3.png) repeat-x #fff; -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url();}
.gallery .header .title {  float: right; width: auto; height: 62px; margin: 15px; color: #fff; font-family: Arial; font-size: 18px; text-align: center; font-weight: bold;  cursor: pointer; }
.gallery .header .menue{  float: left; width: 520px; height: 62px; margin: 15px 15px 0 15px; color: #fff; font-size: 16px; text-align: right; }

.gallery .header .menue .link { float: right; width: 94px; height: 27px; margin: 0; color: #fff ; font-size: 13px; padding: 0 10px; text-align: center; padding-top: 3px;  cursor:pointer; }
.gallery .header .menue .link:hover { background: url(/images/btn1.png) no-repeat;}
.gallery .header .menue #current { background: url(/images/btn1.png) no-repeat;}
.gallery .header .menue .seprator { float: right; width: 1px; height: 14px; margin: 7px 10px; background: #fff;}

.gallery .pic { float: right; width: 132px; height: 122px; margin: 8px 8.5px 0 0 ; border: 1px #cacaca solid; padding: 3px;}
.gallery .pic .photo { float: right; width: 132px; height: 122px; cursor: pointer;}
.gallery .pic .intro { float: right; width: 122px; height: 20px; margin-top: -30px; background: url(/images/bg4.png) repeat-x; font-size: 12px; color: #fff; padding: 5px;}
.gallery .pic .intro2 { float: right; width: 122px; height: 30px; margin-top: -40px; background: url(/images/bg4.png); font-size: 12px; color: #fff; padding: 5px;}

.gallery .pig_pic { float: right; width: 900px; height: auto; margin: 0 ; position: relative; }
.gallery .pig_pic .pic { float: right; width: 450px; height: 300px; margin: 10px; border: 1px #cacaca solid;}
.gallery .pig_pic .seprator { width: 900px; height: 300px; z-index: 100; position: absolute; left: -2.3%; margin: 12px 0; }
.gallery .pig_pic .details { float: right; width: 365px; height: 268px; margin: 10px 0 ; border: 1px #cacaca solid; z-index: 1; text-align: right; padding: 20px;}
.gallery .pig_pic .details .name { float: right; width: 360px; height: auto; font-size: 16px; color:#07636d; margin: 5px;}
.gallery .pig_pic .details .grade { float: right; width: 360px; height: auto; font-size: 16px; margin: 5px;}
.gallery .pig_pic .details .intro { float: right; width: 360px; height: auto; font-size: 12px; margin: 5px;}





.clear{ clear: both;}

.bottom_bg{ width: 900px; height: 191px;  background: url(/images/footer_bg.png) no-repeat bottom; margin: 20px 0 -80px 0; bottom: 0; z-index: 100;}

.footer { width: 900px; height: 40px; margin: 0 ; bottom: 0; z-index: 200;}

.footer .rcrn { float: right; width: 6px; height: 40px;}
.footer .lcrn { float: left; width: 6px; height: 40px;}

.footer .social{ float: right; width: auto; height: 40px; margin: 0;  background: url(/images/footer_bg2.png);}
.footer .social img{ margin: 0 3px;}

.footer .menue { float: right; width:792px; height:35px; padding: 5px 15px 0 15px; text-align: center;  background: url(/images/footer_bg2.png);}
.footer .menue .link { float: right; width: auto; height: auto; margin: 4px 0 4px 0; color: #484848 ; font-size: 14px;}
.footer .menue .link:hover { color: #959595;}
.footer .menue .seprator { float: right; width: 1px; height: 14px; margin: 7px 20px; background: #484848;}

.footer2 { width: 900px; height: 40px; margin: 0 0 20px 0 ; }

.footer2 .rcrn { float: right; width: 6px; height: 40px;}
.footer2 .lcrn { float: left; width: 6px; height: 40px;}

.footer2 .social{ float: right; width: auto; height: 40px; margin: 0;  background: url(/images/footer_bg2.png);}
.footer2 .social img{ margin: 0 3px;}

.footer2 .menue { float: right; width:792px; height:35px; padding: 5px 15px 0 15px; text-align: center;  background: url(/images/footer_bg2.png);}
.footer2 .menue .link { float: right; width: auto; height: auto; margin: 4px 0 4px 0; color: #484848 ; font-size: 14px; cursor: pointer;}
.footer2 .menue .link:hover { color: #959595; }
.footer2 .menue .seprator { float: right; width: 1px; height: 14px; margin: 7px 20px; background: #484848;}

.numbering { float:left; width: auto; height: auto; color:#07636d ; font-size: 12px; font-weight: bold; margin: 10px;}
a.number { float:right; width: auto; height: auto; border:1px solid #fff ; margin: 2px; padding: 5px 10px; background:#07636d ; color:#fff ; }
a.number:hover {background:#fff ; color: #07636d ; border:1px solid #07636d ;}
.curpage {float:right; width: auto; height: auto; border:1px solid #fff ; margin: 2px; padding: 5px 10px; background:#07636d ; color:#fff ; }
.numbering #current{background:#fff; color: #07636d ; border:1px solid #07636d ;}

.grades_btn { float: right; width: 285px; height: auto; margin: 10px 0; background: #086e7a; padding: 10px 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(); color: #fff;  }
.grades_btn .button1{ float: right; width: 60px; height: 23px; margin: 5px; background: url(/images/btn7.png) no-repeat; color:#fff; font-size: 12px; text-align: center; padding-top: 3px; cursor: pointer;}
.grades_btn .button2{ float: right; width: 60px; height: 23px; margin: 5px; background: url(/images/btn8.png) no-repeat; color:#fff; font-size: 12px; text-align: center; padding-top: 3px; cursor: pointer;}
.grades_btn .button3{ float: right; width: 60px; height: 23px; margin: 5px; background: url(/images/btn9.png) no-repeat; color:#fff; font-size: 12px; text-align: center; padding-top: 3px; cursor: pointer;}
.grades_btn .button4{ float: right; width: 60px; height: 23px; margin: 5px; background: url(/images/btn10.png) no-repeat; color:#fff; font-size: 12px; text-align: center; padding-top: 3px; cursor: pointer;}
.grades_btn .button5{ float: right; width: 60px; height: 23px; margin: 5px; background: url(/images/btn11.png) no-repeat; color:#fff; font-size: 12px; text-align: center; padding-top: 3px; cursor: pointer;}
.grades_btn .button6{ float: right; width: 60px; height: 23px; margin: 5px; background: url(/images/btn12.png) no-repeat; color:#fff; font-size: 12px; text-align: center; padding-top: 3px; cursor: pointer;}