@font-face {
    font-family: 'bokra-Regular';
    src: url('./NadFonts/bokra-Regular.eot');
    src: url('./NadFonts/bokra-Regular.eot?#iefix') format('embedded-opentype'),
    url('./NadFonts/bokra-Regular.woff') format('woff'),
         url('./NadFonts/bokra-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {direction:rtl;font-family:'bokra-Regular';padding:0;margin:0;background: #f8f8f8 !important;}
a {color:inherit;text-decoration:none;}
a:hover { color: #c20715; cursor: pointer;}
img { border: 0; }

.mrg-top-10{ margin-top: 10px }
.mrg-top-20{ margin-top: 20px }
.mrg-btm-20{ margin-bottom: 20px }
.mrg-btm-25{ margin-bottom: 25px }

.no-padding{ padding-right:0; padding-left:0;}
.no-pd-left{ padding-left:0;}
.no-pd-right{ padding-right:0;}

.pageDiv {width:950px;height:auto; background: #f8f8f8;}
.container {  width: 950px;}

.topbar { width: 100%; float: right; background: #2a3839; padding-bottom: 10px }
.topbar .english-btn{ background: #f1f1f1;     border-radius: 5px; padding: 3px 5px; cursor: pointer; margin-top: 10px; font-family: tahoma; font-size: 12px; margin-left: 10px}
.topbar .social-new{ font-family: 'bokra-Bold'; margin-top: 10px}
.social-new a{ float:right; margin-left:4px;font-family: 'bokra-Regular'; font-weight: bold}
.social-new a:last-child{ margin-left: 0 }
.topbar span{font-family: font-family: 'bokra-Bold';; font-weight: bold }
.topbar span img{ margin-right: 5px }
.topbar .right-addon{ position: relative; margin-top: 2px }
.topbar .right-addon input { padding-right: 20px; background: transparent; border-radius: 10px; border: 0; color: #989898; box-shadow: inset 0 1px 1px rgba(0,0,0,0);}

.topbar .glyphicon{ font-size: 10px }
.topbar .glyphicon-search{ top: 10px; position: absolute; color: #fff; right: 0 }

.logo{ float: right; margin-top: -116px }

.header{ float: right; width: 950px; height: auto; }
.header .logo{ float: right; }
.header .topbnr{ float: left; width: 701px; height: 77px; margin:0; -webkit-box-shadow: 0px 1px 3px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 3px 0px #4a4a4a; box-shadow: 0px 1px 3px 0px #4a4a4a; padding: 5px;}

.header .social-new{ font-family: 'bokra-Bold'; margin-top: 30px}
.social-new a{ float:right; margin-left:4px;font-family: 'bokra-Regular'; font-weight: bold}
.social-new a:last-child{ margin-left: 0 }
.header span{font-family: font-family: 'bokra-Bold';; font-weight: bold }
.header span img{ margin-right: 5px }
.header .right-addon input { padding-right: 10px; background: #fff; border-radius: 10px; border: 0; color: #000; box-shadow: inset 0 1px 1px rgba(0,0,0,0); margin-top: 30px}

.header .glyphicon{ position: absolute; top: 40px; left: 20px }

.open>.dropdown-menu{ right: -50%; margin-top: 8px }
.dropdown-item{ color: #000; text-align: center; float: right; text-align: center; width: 100%; border-bottom: 1px solid #ccc; padding: 5px; }
.dropdown-item:last-child{ border-bottom: 0 }

.nav-item .dropdown-menu{
    right: auto; left: 0;
}
.dropdown-menu li{
    position: relative;
}
.nav-item .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
}
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{
    display: block;
}
.nav-item .dropdown-item{ border-bottom: 0; text-align: left;}
.nav-item .dropdown-menu li a::after{ content: ""; background: #ccc; width: 90%; height: 1px; right: 5%; position: absolute; }
.nav-item .dropdown-menu li:first-child a::after{ height: 0 !important; }

.navbar{ border: 0; float: right; width: 100%; height: 50px !important; background: #ec1823; margin-bottom: 0  }
.navbar .btn { float: right; width: auto; height: 50px; background: url(images/btnbg.png) repeat-x; margin: 0; font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 2; padding: 0 13px; }
.navbar .btn:hover {background: url(images/btnbghov.png) repeat-x; cursor: pointer; }
.navbar .btn-eng { float: right; width: auto; height: 30px; margin: 0; color: #fff; font-size: 14px; line-height: 2; padding: 0 9px;  }
.navbar .spc { float: right; width: 2px; height: 30px; margin: 0; }

.no-padding{ padding-left: 0; padding-right: 0 }

.fastnews{ background: #000; height:40px; line-height:40px; font-size:14px;float: left;width: 804px;overflow:hidden; margin-right: -10px}
.fastnews .first{ float:right; background-color:#000; height:40px;width: 14%;text-align: center; }
.fastnews .txt{ float:right; width: 79%; color: #ec1824}
.fastnews .item{ position:relative;}
.fastnews .item a{ color: #fff }
.fastnews .item .tada{width:100%; left:0; height:40px; overflow:hidden; position:absolute;	background-color:#000;}
.fastnews .item.active .tada{ overflow:hidden;left:-750px; 
  -webkit-animation: fasto 5s 1 linear;
  -moz-animation:    fasto 5s 1 linear;
  -o-animation:      fasto 5s 1 linear;
  animation:         fasto 5s 1 linear;
 }
 .fastnews .carousel-inner{ text-align: right; }
@-webkit-keyframes fasto {
    0%   {left:0;width:100%; }
    50%  {left:-375px;width:100%; }
    100% {left:-750px;width:20%;}
}
@-moz-keyframes fasto {
    0%   {left:0;width:100%; }
    50%  {left:-375px;width:100%; }
    100% {left:-750px;width:20%;}
}
@-o-keyframes fasto {
    0%   {left:0;width:100%; }
    50%  {left:-375px;width:100%; }
    100% {left:-750px;width:20%;}
}
@keyframes fasto {
    0%   {left:0;width:100%; }
    50%  {left:-375px;width:100%; }
    100% {left:-750px;width:20%;}
}


div#menu { display: block; cursor: pointer;}

div#menu ul { margin: 0; list-style: none; margin-right: 156px }

div#menu li { position: relative; z-index: 9; margin: 0; padding:0; display: block; float: right;}
div#menu li.spacer {float: right; width: 2px; height: 30px;  margin: 0;}
div#menu li:hover>ul { right: -215px;}

div#menu a { position: relative; z-index: 10; display: block; margin: 0; font-family: 'bokra-Regular'; color: #fff; font-size: 14px; line-height: 50px; padding: 0 12px; }
div#menu a:hover, div#menu a:hover { background: #d51620; cursor: pointer; text-decoration: none; }
div#menu li.current a {}

/* menu::level2 */
div#menu ul ul li { width: 100%;height: 28px;background: #fff;}
div#menu ul ul li:first-child:before{ display: none; }
div#menu ul ul li:before{ content: ""; background: #ccc; width: 90%; height: 1px; right: 5%; position: absolute; }
div#menu ul ul { position: absolute; top: 50px; right: -999em; width: 200px; padding: 0;background: #fff ; border: #e1e1e1 solid 1px}
div#menu ul ul a { margin: 0; font-family: 'bokra-Regular'; color: #000; font-size: 14px; line-height: 2.1;}
div#menu ul ul a:hover { background: #f1f1f1; cursor: pointer;}

div#menu .parent:hover{ background: #fff; color: #000; }

div#menu ul ul li.spacer {float: right; width: 210px; height: 1px; background: #77755d ; margin: 0;}

ul, menu, dir { display: block; list-style-type: disc;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
padding: 0;}

.topcontent { float: right; width: 950px; height: 300px; margin: 0; }
.topcontent .slider { float: right; width: 448px; height: auto; margin: 0; }

.nivoSlider { position:relative; width:448px;height:255px; background:url(images/loading.gif) no-repeat 50% 50%;  border: #ccc 1px solid; }
.nivoSlider img { position:absolute; top:0px; left:0px; display:none;  }
.nivoSlider a { border:0; display:block; padding: 5px; position:absolute;  }
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6;}
.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:0; background:#fff url(images/bgcaption.png) repeat-x bottom; color:#fff;width:448px; z-index:8; height: 44px; text-align: right;}
.nivo-caption p { padding:0 10px; margin: 0; text-align: right; width: 428px; height: 41px; }
.nivo-caption .title { margin: 10px 0 5px 0; font-size: 16px; color: #3c3c3b; font-family: 'bokra-Regular'; height: 21px; overflow: hidden;}
.nivo-caption .intro {  font-size: 12px; color: #727072; height: 29px; overflow: auto; line-height: 1.6;}
.nivo-caption a { display:none !important; }
.nivo-html-caption { display:none; }
.nivo-directionNav a { display: none; width:21px; height:19px; text-indent:-9999px; border:0; z-index:9; cursor:pointer; background: url(images/direction.png);}
.theme-default a.nivo-nextNav {  background-position:0 0 0 -21px; right: 0}
.theme-default a.nivo-prevNav { left:21px;  }

.nivo-controlNav {  position:absolute;left:6%; bottom:45px; margin-left:-30px;}
.nivo-controlNav a {  display: none; width:22px; height:22px; background:url(bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:-8px; float:left; }

.topcontent .slider .ticker { float: right; width: 450px; height: 25px; margin: 5px 0 0 0; background: url(images/tickerbg.png) repeat-x; }
.topcontent .slider .ticker .label { float: right; width: auto; height: 25px; margin:0; background: #6c664c; color: #fff; font-family: 'bokra-Regular'; font-size: 14px; padding: 0 10px; line-height: 1.8;}
.topcontent .slider .ticker .txt { float: right; width: 325px; height: 25px; margin:0; color: #fff;font-size: 11px;line-height: 1.8;}

.topcontent .midcol{ float: right; width: 305px; height: auto; margin: 0 5px; }
.topcontent .midcol .search{ float: right; width: 305px; height: 71px; margin: 0 5px; background: url(images/searchbg.png) repeat-x;border: 1px solid #eeebe7; }
.topcontent .midcol .search .flag{ float: right; width: 12px; height: 71px; margin: 0; }
.topcontent .midcol .search .head{ float: right; width: 293px; height: 31px; margin: 0; }
.topcontent .midcol .search .head .icons { float: left; width: auto; height: 31px; margin: 0; background: url(images/searchbg2.png) repeat-x; padding: 0 3px; }
.topcontent .midcol .search .head .icons img { margin: 3px 0; }
.topcontent .midcol .search .head .title { float: right; width: auto; height: auto; margin: 5px 10px; color: #3c3c3b; font-family: 'bokra-Regular'; font-size: 18px;}

.topcontent .midcol .search .form{ float: right; width: 293px; height: 30px; margin: 5px 0; }
.topcontent .midcol .search .form .btn{ float: right; width: 62px; height: 28px; margin:0 10px 0 0; border: solid 1px #c3c2c3;}
.topcontent .midcol .search .form input{ float: left; width: 205px; height: 25px; margin:0 5px; border: solid 1px #c3c2c3; background: #fff; text-align: right; font-size: 12px; color: #666; }

.topcontent .midcol .social{ float: right; width: 305px; height: 71px; margin: 3px 5px; background: url(images/searchbg.png) repeat-x;border: 1px solid #eeebe7; }
.topcontent .midcol .social .flag{ float: right; width: 12px; height: 71px; margin: 0; }
.topcontent .midcol .social .flag img{ margin: 0; }
.topcontent .midcol .social img{ margin: 10px 5px; }

.topcontent .midcol .latestnews{ float: right; width: 305px; height: 136px; margin: 0 5px; border: 1px solid #eeebe7; }
.topcontent .midcol .latestnews .flag{ float: right; width: 12px; height: 136px; margin: 0; }
.topcontent .midcol .latestnews .head{ float: right; width: 293px; height: 31px; margin: 0; }
.topcontent .midcol .latestnews .head .title { float: right; width: auto; height: auto; margin: 3px 10px 0 10px; color: #3c3c3b; font-family: 'bokra-Regular'; font-size: 17px;}
.topcontent .midcol  .bdy{float:right;width:280px;height:auto;  }

.topcontent .midcol .latestnews .spc{ float: right; width: 273px; height: 1px; margin: 0 10px; background: #eeebe7; }

.topcontent .midcol .latestnews .art-title { float: right; width: 273px; height: auto; margin: 0 10px 3px 10px; color: #c20715; font-size: 13px; text-align: right;}
.topcontent .midcol .latestnews .art-title a { color: #3c3c3b; font-size: 13px; text-align: right;}
.topcontent .midcol .latestnews .art-title a:hover { color: #c20715; cursor: pointer;}

.topcontent .leftcol{ float: left; width: 173px; height: 330px; margin: -54px 5px 0 0; background: url(images/lefttop.png) no-repeat; padding-top: 95px; }
.topcontent .leftcol .btn { float: right; width: 122px; height: 34px; margin: 0 30px 5px 0; font-family: 'bokra-Regular'; color: #3c3c3b; font-size: 15px; line-height: 2; text-align: right; }
.topcontent .leftcol .btn a { color: #3c3c3b;}
.topcontent .leftcol .btn a:hover { color: #c20715; cursor: pointer;}

.content{ float: right; width: 950px; height: auto; margin: -3px 0 10px 0; }

.title-main { float: right; width: 100%; background: #fff; color: #000; text-align: right; padding: 10px; margin-bottom: 10px; font-size: 16px; font-weight: bold; }

.content .right{ float: right; width: 615px; height: auto;}

.content .right .blck{ float: right; width: 300px; height: auto; margin: 0;  background: #fff; margin-top: 10px; padding-bottom: 20px;}

.content .right .blck .head1{ float: right; width: 300px; height: 35px; background: #f9b26c;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 35px; text-align: right;}
.content .right .blck .head1 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #f6922d;}

.content .right .blck .head2{ float: right; width: 300px; height: 35px; background: #e15561;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 35px; text-align: right;}
.content .right .blck .head2 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #d40d1e;}

.content .right .blck .head2 a:hover{ color: #fff; text-decoration: none; }

.content .right .blck .head3{ float: right; width: 300px; height: 35px; background: #50ab7a;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 35px; text-align: right;}
.content .right .blck .head3 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #068841;}

.content .right .blck .head4{ float: right; width: 300px; height: 35px; background: #4caba0;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 35px; text-align: right;}
.content .right .blck .head4 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #008877;}

.content .right .blck .head5{ float: right; width: 300px; height: 35px; background: #81969f;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 35px; text-align: right;}
.content .right .blck .head5 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #4c6a76;}

.content .right .blck .head6{ float: right; width: 300px; height: 35px; background: #f25991;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 35px; text-align: right;}
.content .right .blck .head6 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #ec1362;}

.content .right .blck .box{ float: right; width: 280px; height: 393px; margin: 0;}
/* .content .right .blck .box .width_100{ width: 100%!important;} */

.content .right .blck .item{ float: right; width: 270px; height: auto; margin: 10px 15px; line-height: 1.6;}
/* .content .right .blck .item .width_95{ width: 95%!important;} */

.content .right .blck .item .pic{ float: left; }
.content .right .blck .item .title{ float: right; width: 135px; height: auto; max-height: 57px; text-align: right;  font-size: 12px; font-weight: bold; overflow: hidden;}
.content .right .blck .item .intro{ float: right; width: 135px; height: 38px; text-align: right; font-size: 12px; overflow: hidden; }
.content .right .blck .item .title .width_100{ width: 100%!important;}
.content .right .blck .item .intro .width_100{width: 100%!important; }
.content .right .blck .item .more{ float: left; width: 15px; height: 15px; margin: 0 10px; }
.content .right .blck .spc { float: right; width: 300px; height: 1px; margin: 0; background: #ccc; }
.content .right .blck .spc .width_100 { width: 100% !important;;}

.content .right .blck-spc{ float: right; width: 10px; height: 417px; }
.content .right .blck-spc2{ float: right; width: 614px; height: 80px; }

.content .right .bnr_cat{ float: right; width: 614px; height: 80px; margin: 10px 0; background: #ccc; }


.content .left{ float: left; width: 325px; height: auto; margin: 0;}

.content .left .media{ float: right; width: 303px; height: 258px; margin:0 0 10px 0; border: solid 1px #efede9; padding: 10px;}

.content .left .newsletter{ float: right; width: 100%; margin: 15px 0 10px 0; background: #4c6a76; padding: 10px}
.content .left .newsletter .title { float: right; width: 303px; height: auto; margin: 5px 10px; color: #3c3c3b; font-family: 'bokra-Regular'; font-size: 17px; text-align: right;}

.content .left .newsletter .spc{ float: right; width: 303px; height: 1px; margin: 2px 10px; background: #eeebe7; }
.content .left .newsletter .btn{ float: right;
    width: 80px;
    height: 43px;
    padding: 0;
    margin: 0;
    /* border: solid 1px #d4d0cb; */
    /* background: url(images/btnbg2.png) repeat-x; */
    font-family: 'bokra-Regular';
    color: #4c6a76;
    font-size: 15px;
    line-height: 1.8;
    text-align: right;
    /* margin-right: 10px; */
    margin-right: -9px;
    margin-top: -2px;
    border-radius: 8px;}
.content .left .newsletter .btn:hover { color: #c20715; cursor: pointer;}
.content .left .newsletter .btn img{ margin: 0; float: right; }
.content .left .newsletter input{ float: right;
    width: 234px;
    height: 42px;
    background: #fff;
    border-radius: 8px;
    border: 0;}
.content .left .newsletter .txt{ float: right; width: 303px; height: auto; margin: 0; font-size: 18px; font-family: 'bokra-Regular'; text-align: center; color: #3c3c3b; line-height: 2;}

.content .left .links{ float: right; width: 323px; height: auto; margin: 0 0 10px 0; border: solid 1px #efede9; background: url(images/links.png) no-repeat #f3f2ee top; overflow: hidden; }
.content .left .links .title { float: right; width: 305px; height: auto; margin: 5px 10px; color: #3c3c3b; font-family: 'bokra-Regular'; font-size: 17px; text-align: right;}

.content .left .links .spc{ float: right; width: 305px; height: 1px; margin: 2px 10px; background: #eeebe7; }
.content .left .links .spc2{ float: right; width: 305px; height: 1px; margin: 0 10px;  }

.content .left .links .item { float: right; width: auto; height: auto; margin: 5px; color: #c20715; font-size: 13px; text-align: right;}
.content .left .links .item a { color: #ff9933; font-size: 13px; text-align: right;}
.content .left .links .item a:hover { color: #c20715; cursor: pointer;}

.content .left .links .btn{ float: right; width: 158px; height: 27px; margin:10px 0 0 0; border: solid 1px #d4d0cb; background: url(images/btnbg2.png) repeat-x; font-family: 'bokra-Regular'; color: #3c3c3b; font-size: 15px; line-height: 1.8; text-align: center;}
.content .left .links .btn:hover { color: #c20715; cursor: pointer;}
.content .left .links .spcbtn{ float: right; width: 3px; height: 27px; margin:10px 0 0 0;}

.content .left .fb_activities{ float: right; width: 325px; height: auto; margin: 10px 0;  overflow: hidden;}
.content .left .fb_activities .icon{ float: left; width: 27px; height: 279px; margin: 0; padding: 5px; background: url(images/fb-bg.png) repeat-x;}

.content .left .youtube{ float: right; width: 323px; height: 390px; margin: 0 0 10px 0; border: solid 1px #efede9;}


.map {float:right;width:950px;height:auto; margin: 10px 0;}
.map .col {float:right;width:181px;height:auto;text-align:center;}
.map .col .title {float:right;width:181px;height:auto;margin-bottom:5px; background: url(images/btnbg2.png); font-family: 'bokra-Regular'; color: #3c3c3b; font-size: 15px; line-height: 1.8; text-align: center;}
.map .col .row {float:right;width:161px;height:auto;font-size:13px;font-weight:normal;margin-bottom:4px;color:#515151; background: #eeeeee; line-height: 1.7; text-align: right; padding: 0 10px;}
.map .col .row:hover {background: #e1e1e1; color: #c20715; cursor: pointer}
.map .spacer{float:right;width:10px;height:100px;}

.clear{ clear: both;}
.footer {float:right;width:100%;height:auto; margin-top: 11px; background: #333;  padding: 20px 10px 40px 10px; text-align: center;}
.footer .copyright {float:right;height:auto; margin: 0; text-align: right; color: #fff; font-size: 11px; line-height: 1.7;}
.footer .copyright span{ color: #737373 }
.footer .copyright p{ margin-bottom: 0px }
.footer p{ color: #fff; text-align: right; }
.footer span{ color: #ec1823 }
.footer .details { color: #fff; font-size: 12px; text-align: right; }

.nadsoft { margin-bottom: 15px;float:left;width:auto;height:auto; margin-top: 5px}
.nadsoft img {float:left;width:62px;;height:13px; margin-top: 10px; }
.nadsoft .text {float:right;width:auto;height:auto;color: #252525;font-family: 'bokra-Regular'; font-size: 14px;text-align:right;margin:7px 0 0 10px;}

.page_map{float:right;width:590px;height:auto;color:#858585;text-align:right;font-size:11px; line-height: 3; margin-bottom: 10px; border-bottom: #ccc 1px dashed; padding-bottom: 10px;}
.page_map a{color:#858585;}

.page_map_eng{float:left;width:100%;height:auto;color:#858585;text-align:left;font-size:11px; line-height: 3; margin-bottom: 10px; border-bottom: #ccc 1px dashed; direction: ltr; padding-bottom: 10px; }
.page_map_eng a{color:#858585;}

.article {float:right;/*width:592px;*/height:auto;padding: 5px 10px; background: #fff;}
.article .title {float:right;width:100%;height:auto;text-align:right;font-family: 'bokra-Regular';font-size:24px;color:#444;margin:10px 0; font-weight: bold}
.article .date {float:right;width:auto;height:auto;text-align:right;font-size:16px;font-family:bokra-Regular;color:#ccc; margin-bottom: 20px;}
.article .author {float:right;width:100%;height:auto;text-align:right;font-size:12px;font-weight:bold;margin-bottom:4px;;color:#7e7e7e;}
.article .spacer {float:right;width:100%;height:1px;background:#ccc;margin:10px 0;}
.article .intro {float:right;width:100%;height:auto;text-align:right;font-size:16px;line-height:1.8;color:#000; font-family: Times New Roman;}
.article .intro img{ width: 100% !important; border-radius: 15px;}


.article_eng {float:right;width:100%;height:auto;padding: 5px 10px;border:1px solid #ccc; border-radius: 3px; background: url(images/articlebg.gif) top no-repeat #fff; direction: ltr }
.article_eng .title {float:left;width:100%;height:auto;text-align:left;font-family: 'bokra-Regular';font-size:24px;color:#444;margin:10px 0;}
.article_eng .date {float:left;width:auto;height:auto;text-align:left;font-size:16px;font-family:bokra-Regular;color:#ccc; margin-bottom: 20px;}
.article_eng .author {float:left;width:100%;height:auto;text-align:left;font-size:12px;font-weight:bold;margin-bottom:4px;;color:#7e7e7e;}
.article_eng .spacer {float:left;width:100%;height:1px;background:#ccc;margin:10px 0;}
.article_eng .intro {float:left;width:100%;height:auto;text-align:left;font-size:16px;line-height:1.8;color:#000;font-family: Times New Roman;}
.article_eng .intro img{ width: 100% !important; border-radius: 15px;}

.addcom_title{float:right;width:auto;height:auto;padding:5px;text-align:right;font-size:18px;margin:0;color:#ec1824;font-family: 'bokra-Regular';}

.commentbox {float:right;width:592px;height:auto; margin: 10px 0; background:#fff;}
.commentbox .title_comment {float:right;width:auto;height:auto;}
.commentbox .item_comment {float:right;width:592px;height:auto; margin: 5px 0;}
.commentbox .item_comment .title_comment {float:right;width:125px;height:20px;font-size:12px;font-weight:bold;color:#3d3a3a;text-align:right;}
.commentbox .item_comment input {font-size:12px;font-family:bokra-Regular;color:#2c2c2c;float:right;width:457px;height:35px;border:0px solid #bdbdbd;background:#eae8e8;}
.spacercomment {float:Right;width:550px;height:7px;}
.commentbox .item_comment textarea {font-size:12px;font-family:bokra-Regular;color:#2c2c2c;float:right;width:455px;height:50px;border:0px solid #bdbdbd;background:#eae8e8;}
.sendbtn {cursor:pointer;color:#fff;margin-top:7px;float:left;width:455px;padding:4px;height:19px;font-size:14px;font-family: 'bokra-Regular'; text-align: center; margin: 5px 0 0 13px; background:#ec1824; border-radius: 0; height: 35px}
.sendbtn:hover {background:#bf0d17;color:#fff;}
.commentbox .note {float:right;width:592px;height:auto; margin: 5px 0; text-align:right;font-size:12px;line-height:1.8;color:#7e7e7e;}


.comment {float:right;width:592px;background:#fff;margin:10px 0;height:auto; font-weight: bold;}
.comment .numberbox {background: url(images/comment.png) no-repeat;float:right;width:22px;height:22px;padding: 5px ;font-size:11px;font-weight:bold;color:#cf262b;margin-left:8px; text-align: center;}
.comment .comment_msg {float:right;width:595px;text-align:right;color:#3d3c3c;font-size:11px;height:auto;  line-height: 1.5;border-bottom: #ccc 1px dashed; padding-bottom: 10px; font-weight: normal; margin-bottom: 5px;}
.comment .name {float:left;width:auto;text-align:right;color:#cf262b;font-size:11px;height:auto; font-weight: normal}
.comment .title {float:right;width:auto;text-align:right;color:#cf262b;font-size:14px;height:auto;}


.addcom_title_eng{float:left;width:auto;height:auto;padding:5px;text-align:left;font-size:18px;margin:0;color:#800000;font-family: 'bokra-Regular';}

.commentbox_eng {float:right;width:592px;height:auto; margin: 10px 0; background:#fff; direction: ltr}
.commentbox_eng .title_comment {float:left;width:auto;height:auto;}
.commentbox_eng .item_comment {float:left;width:592px;height:auto; margin: 5px 0;}
.commentbox_eng .item_comment .title_comment {float:left;width:125px;height:20px;font-size:12px;font-weight:bold;color:#3d3a3a;text-align:left;}
.commentbox_eng .item_comment input {font-size:12px;font-family:bokra-Regular;color:#2c2c2c;float:left;width:457px;height:18px;border:1px solid #bdbdbd;background:#eae8e8;}
.commentbox_eng .spacercomment {float:left;width:550px;height:7px;}
.commentbox_eng .item_comment textarea {font-size:12px;font-family:bokra-Regular;color:#2c2c2c;float:left;width:455px;height:50px;border:1px solid #bdbdbd;background:#eae8e8;}
.commentbox_eng .sendbtn {cursor:pointer;color:#fff;margin-top:7px;float:right;width:80px;padding:4px;height:19px;font-size:14px;font-family: 'bokra-Regular'; text-align: center; margin: 20px 0 0 0; background:#800000; border-radius: 3px;}
.commentbox_eng .sendbtn_eng:hover {background:#444;color:#fff;}
.commentbox_eng .note {float:left;width:592px;height:auto; margin: 5px 0; text-align:left;font-size:12px;line-height:1.8;color:#7e7e7e;}


.comment_eng {float:left;width:592px;background:#fff;margin:10px 0;height:auto; font-weight: bold;}
.comment_eng .numberbox {background: url(images/comment.png) no-repeat;float:left;width:22px;height:22px;padding: 5px ;font-size:11px;font-weight:bold;color:#cf262b;margin-right:8px; text-align: center;}
.comment_eng .comment_msg {float:left;width:595px;text-align:left;color:#3d3c3c;font-size:11px;height:auto;  line-height: 1.5;border-bottom: #ccc 1px dashed; padding-bottom: 10px; font-weight: normal; margin-bottom: 5px;}
.comment_eng .name {float:right;width:auto;text-align:left;color:#cf262b;font-size:11px;height:auto; font-weight: normal}
.comment_eng .title {float:left;width:auto;text-align:left;color:#cf262b;font-size:14px;height:auto;}

.content .right .cat_page {float:right;/*width:592px;*/height:auto;padding: 5px 10px;background:  #fff;}
.content .right .cat_page .cat_art {float:right;width:592px;height:auto;margin:0 0 5px 0; }
.content .right .cat_page .cat_art .picture {float:right;width:111px;height:98px;margin-left:10px; background: #eee; /*padding: 7px;*/}
.content .right .cat_page .cat_art .picture img { background: #fff;}
.content .right .cat_page .cat_art .title {float:right;width:592px; margin-bottom: 10px; color: #880000; font-size: 15px; font-weight: bold; text-align: right; line-height: 2;}
.content .right .cat_page .cat_art .title a{color: #ec1824;}
.content .right .cat_page .cat_art .intro {float:right;width:455px;height:105px;text-align:right;font-size:12px;color:#787878; line-height: 1.8; overflow: hidden}
.content .right .cat_page .cat_art .date {float:right;width:596px; margin: 10px 0 0 0; color: #666; font-size: 12px; text-align: right; line-height: 2; background: #eee; border: 0;  padding: 0 10px;}
.content .right .cat_page .cat_art .date a { color: #ec1824;}

.cat_art2{ position: relative; height: 215px;}
.cat_art2:hover { cursor: pointer;}
.cat_art2 .title{ color: #000;  width: 100%; font-size: 17px; margin-top: 5px; }
.cat_art2:hover .title { border-bottom: 0;}
.cat_art2 .picture { height: 179px;}
.cat_art2 .picture img{ border-radius: 15px; }

.cat_page_eng .cat_art2{ float: left;  font-family: tahoma;}

.content .right .cat_page_eng {float:right;/*width:592px;*/height:auto;padding: 5px 10px;border:1px solid #ccc; border-radius: 3px; background: #fff; direction: ltr;}
.content .right .cat_page_eng .cat_art {float:right;width:592px;height:auto;margin:0 0 5px 0; }
.content .right .cat_page_eng .cat_art .picture {float:left;width:111px;height:98px;margin-right:10px; background: #eee; padding: 7px;}
.content .right .cat_page_eng .cat_art .picture img { background: #fff;}
.content .right .cat_page_eng .cat_art .title {float:left;width:592px; margin-bottom: 10px; color: #880000; font-size: 15px; font-weight: bold; text-align: left; line-height: 2;}
.content .right .cat_page_eng .cat_art .title a{color: #880000;}
.content .right .cat_page_eng .cat_art .intro {float:left;width:455px;height:105px;text-align:left;font-size:12px;color:#787878; line-height: 1.8; overflow: hidden}
.content .right .cat_page_eng .cat_art .date {float:left;width:572px; margin: 10px 0 0 0; color: #666; font-size: 12px; text-align: left; line-height: 2; background: #eee; border: 1px solid #ccc; border-radius: 3px; padding: 0 10px;}
.content .right .cat_page_eng .cat_art .date a { color: #880000;}

.numbering {width: 500px; padding:0 25px; float: left; margin: 20px 0;}
a.number {font-size: 11px; color: #4c5966; text-decoration: none; border-style: solid; border-width: 1px; border-color: #4c5966; padding: 4px;}
a.number:hover {font-size: 11px; color: #ffffff; background-color: #4c5966; text-decoration: none; border-style: solid; border-width: 1px; border-color: #4c5966; padding: 4px;}
.curpage {font-size: 11px; color: #ffffff; background-color: #4c5966; text-decoration: none; border-style: solid; border-width: 1px; border-color: #4c5966; padding: 4px;}

.content .left .blk{ float: right; /*width: 309px;*/ height: auto; margin: 0 0 10px 0; padding: 10px 7px 0 7px; /*border: solid 1px #efede9; */background: #fff}


.content .left .search{ float: right; width: 305px; height: 71px; margin: 0; background: url(images/searchbg.png) repeat-x;border: 1px solid #eeebe7; }
.content .left .search .flag{ float: right; width: 12px; height: 71px; margin: 0; }
.content .left .search .head{ float: right; width: 293px; height: 31px; margin: 0; }
.content .left .search .head .icons { float: left; width: auto; height: 31px; margin: 0; background: url(images/searchbg2.png) repeat-x; padding: 0 3px; }
.content .left .search .head .icons img { margin: 3px 0; }
.content .left .search .head .title { float: right; width: auto; height: auto; margin: 5px 10px; color: #3c3c3b; font-family: 'bokra-Regular'; font-size: 18px;}

.content .left .search .form{ float: right; width: 293px; height: 30px; margin: 5px 0; }
.content .left .search .form .btn{ float: right; width: 62px; height: 28px; margin:0 10px 0 0; border: solid 1px #c3c2c3;}
.content .left .search .form input{ float: left; width: 205px; height: 25px; margin:0 5px; border: solid 1px #c3c2c3; background: #fff; text-align: right; font-size: 12px; color: #666; }

.content .left .social{ float: right; width: 305px; height: 71px; margin: 3px 0 10px 0; background: url(images/searchbg.png) repeat-x;border: 1px solid #eeebe7; }
.content .left .social .flag{ float: right; width: 12px; height: 71px; margin: 0; }
.content .left .social .flag img{ margin: 0; }
.content .left .social img{ margin: 10px 5px; }

.content .left .catblck{ float: right; width: 300px; height: auo; margin: 0 3px 10px 0; border: solid 1px #efede9; border-radius: 0 0 10px 10px; background: #f7f6f3;}

.content .left .catblck .head1{ float: right; width: 300px; height: 35px; background: #f9b26c;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 1.6; text-align: right;}
.content .left .catblck .head1 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #f6922d;}

.content .left .catblck .head2{ float: right; width: 300px; height: 35px; background: #e15561;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 1.6; text-align: right;}
.content .left .catblck .head2 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #d40d1e;}

.content .left .catblck .head3{ float: right; width: 300px; height: 35px; background: #50ab7a;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 1.6; text-align: right;}
.content .left .catblck .head3 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #068841;}

.content .left .catblck .head4{ float: right; width: 300px; height: 35px; background: #4caba0;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 1.6; text-align: right;}
.content .left .catblck .head4 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #008877;}

.content .left .catblck .head5{ float: right; width: 300px; height: 35px; background: #81969f;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 1.6; text-align: right;}
.content .left .catblck .head5 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #4c6a76;}

.content .left .catblck .head6{ float: right; width: 300px; height: 35px; background: #f25991;font-family: 'bokra-Regular'; color: #fff; font-size: 15px; line-height: 1.6; text-align: right;}
.content .left .catblck .head6 .flag{ float: right; width: 68px; height: 35px; margin-left: 5px; background: #ec1362;}

.content .left .catblck .item{ float: right; width: 280px; height: auto; margin: 10px; line-height: 1.6;}
.content .left .catblck .item .pic{ float: left; width: 80px; height: 80px; padding: 3px; }
.content .left .catblck .item .title{ float: right; width: 185px; height: auto; text-align: right;  font-size: 12px; font-weight: bold; overflow: hidden;}
.content .left .catblck .item .more{ float: left; width: 15px; height: 15px; margin: 0 10px; }
.content .left .catblck .spc { float: right; width: 280px; height: 1px; margin: 0 10px; background: #ccc; }

.cat_pag_title {float:right;width:605px;height:auto;text-align:right;font-size:26px;color:#cf262b;font-family: 'bokra-Regular'; margin: 0 0 10px 0;}
.content .cat_pag_title a{color:#cf262b;}

.contactfrm{float:right;/*width:592px;*/height:auto;padding: 5px 10px;border:1px solid #ccc; border-radius: 3px; background:  #fff;}
.contactfrm .title {float:right;width:592px;height:auto;text-align:right;font-family: 'bokra-Regular';font-size:16px;color:#444;margin:10px 0 20px 0;}
.contactfrm .field {float:right;width:auto;height:auto;margin-bottom:15px; margin-right: 10px;font-family: 'bokra-Regular';}
.contactfrm .field .label {float:right;width:125px;height:20px;font-size:14px;color:#3d3a3a;text-align:right;}
.contactfrm .field input {float:right;width:403px;height:25px; border: solid 1px #c3c2c3; background: #fff; text-align: right; font-size: 12px; color: #666;}
.contactfrm .field textarea {font-size:12px;font-family:bokra-Regular;color:#2c2c2c;float:right;width:480px;height:100px;border:1px solid #bdbdbd;background:#eae8e8;}
.contactfrm .button {cursor:pointer;color:#fff;margin-top:7px;float:left;width:80px;padding:4px;height:30px;font-size:14px;font-family: 'bokra-Regular'; text-align: center; margin: 20px 0 0 0; background:#800000; border-radius: 3px; border: 0;}
.contactfrm .button:hover {background:#444;color:#fff;}
.contactfrm .note {float: right; width:560px;height:40px; padding: 60px 10px; font-size: 18px; text-align: center; color: #9caf3c;font-family: 'GESSTOW_Medium';}

.contactfrm .intro {float:right;width:592px;height:auto;text-align:right;font-size:12px;line-height:1.8;color:#000; border-bottom: #ccc 1px dashed; margin-bottom: 15px; padding-bottom: 10px}


.social2{ position:fixed; bottom:30px; left:-430px; width: 290px; height: 71px; margin: 3px 5px; background: url(images/searchbg.png) repeat-x;border: 1px solid #eeebe7; z-index: 300;}
.social2 .flag{ float: left; width: 12px; height: 71px; margin: 0; }
.social2 .flag img{ margin: 0; }
.social2 img{ margin: 10px 5px; }

.content .right .cat_page.spons .cat_art{ float: left; width: unset; border: 1px solid #eee; border-radius: 3px; }
.content .right .cat_page.spons .cat_art .title{ width: 100%; font-size: 13px; font-family: 'bokra-Regular';text-align: left; direction: ltr; line-height: 1.5}
.content .right .cat_page.spons .cat_art .picture{background-color: transparent; }

.content .right .cat_page.spons .cat_art3{ float: left; border: 1px solid #eee; border-radius: 3px;  margin: 10px; padding: 10px;}
.content .right .cat_page.spons .cat_art3 .title{ width: 100%; font-size: 13px; font-family: 'bokra-Regular';text-align: left; direction: ltr; line-height: 1.5; height: 38px; overflow: hidden;}
.content .right .cat_page.spons .cat_art3 .picture{background-color: transparent; display: block; width: 100%; height: 150px; background-repeat: no-repeat; background-size: contain; background-position: center; border-bottom: 1px solid #666; margin-bottom: 10px; }

.staff { background: #fff; padding-bottom: 10px; text-align: center; margin-top: 20px; height: 390px; overflow: hidden; }
.staff .name{ color: #ec1823; font-weight: bold; font-size: 16px; margin-top: 10px }
.staff .info { color: #000; font-weight: bold; margin-bottom: 5px }
.staff p{ color: #666; font-size: 13px; }
.column{display: flex; flex-direction: column;}