@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: SourceHanSansBold;
    src: url(../fonts/SourceHanSansCN-Bold.otf);
}

#logo, #navigation .parent, .nav-right-bar li li, .head-search, .h-news, .h-rec-l, .date-search .ico, .p-box .fr, .p-list li, .anchor-tabs li, .details-wrap .text li, .two-columns .left, .two-columns .right, .two-columns .rec li, .aid-tabs-nav li, .gray-p-list li, .gray-bg-two-columns .l-min-w, .gray-bg-two-columns .l-max-w, .gray-bg-two-columns .r-max-w, .gray-bg-two-columns .r-min-w, .gray-bg-two-columns .fr, .col-details .image, .media-news-rec .image, .support-wrap .left li, .job-list li, .education-list .image, .i-p-list li, .discuss-wrap .p-t-btn, .discuss-wrap .back, .apply-table select, .login-status li, .home-s-box .box, .home-s-box .sponsored-slider li li { _display: inline /* hacked for IE 6 Double margins  */ }

a.prevBtn, a.nextBtn, .head-search .search-submit, .ad-forward span, .ad-back span, .sub-nav em, .date-search .ico, .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span, .details-wrap .more-link em, #fancybox-close, #fancybox-left-ico, #fancybox-right-ico, .pages em, .data-download-rec ul em, .data-download a span, .date-search .submit-btn, .member-apply .close-btn em { background-image: url('../images/global_bg.png'); background-repeat: no-repeat }

.fl {
    float: left;
    font-family: SourceHanSansBold;
    font-weight: bolder;
}
.fr, .back { float: right }
    .fr a {
        font-family: SourceHanSansBold;
        font-weight:bolder;
        color:#000;
    }
    .mt-space {
        margin-top: 15px
    }
.highlight, a.highlight { color: #ff0e0e }

span.video { margin: 0 auto }

#header, #content, .deputy-link, #footer .inner { width: 1180px; margin: 0 auto }
#header { padding: 22px 0 0 }
    #header li a {
        color: #000000;
        font-weight:600;
        border-bottom: 0px solid #e9453e;
    }
    #header li a:hover {
        color: #000000;
        padding-bottom: 1px;
        /*text-decoration-color: #e9453e;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 3px;*/
        border-bottom: 3px solid #e9453e;
    }
.head-l, .head-r { height: 105px; background: #ff0e0e }
.head-lnew, .head-rnew {
    height: 105px;
}
.head-lnew {
    width: 475px
}
#header .inner {
    width: 700px;    
}
#header .inner li{
    /*height: 10px;*/
}
.head-rnew {
    float: right;
    width: 900px
}
    .head-l {
        width: 475px
    }
.head-r { float: right; width: 700px }
.head-l-r { float: right; width: 110px }

#logo { float: left; margin: 0 0 0 30px }

.language-switch { padding: 10px 0 0; line-height: 21px }

.home-link { margin: 7px 0 0; padding: 14px 0 0; border-top: 1px solid #ffffff }

.site-title { margin: 10px 0 0 16px; padding: 0 0 6px;float:right;height:30px; }

#navigation { position: relative; z-index: 12; margin: 9px 0 0 5px }
	#navigation .parent { float: left; margin: 0 10px 0 0 }
	#navigation .sub-min-w { position: relative;height:10px; }
.top1 {
    margin-top:10px;
}
#cn #navigation .parent {
    margin-right: 39px
}
	#navigation .mrn, #cn #navigation .mrn { margin-right: 0 }
	#navigation .last, #cn #navigation .last { float: right; margin-right: 5px }
	#navigation .clear { *margin: -3px 0 0!important /* hacked for IE 6 ~ 7 */ }
	#cn #navigation .mls1 { margin-right: 27px }
	#cn #navigation .mls2 { margin-right: 27px }
	#cn #navigation .mls3 { margin-right: 15px }
		.parent em a { display: inline-block; height: 25px; padding: 0 12px; line-height: 25px }
		#navigation .hover a, #navigation .hover a:hover { background-color: #ffffff; /*color: #ff0e0e*/ }
		#navigation .hover { z-index: 100 }

.link-pop { position: absolute; left: -5px; z-index: 14; display: none; width: 634px; min-height: 120px; padding: 30px; border: 3px solid #ff0e0e; border-top: 0 none; background: #ffffff }
.sub-min-w .link-pop { left: -3px; width: 140px!important; min-height: initial; min-height: auto\9; padding: 30px 20px }
.link-pop { _height: 120px /* hacked for IE 6 min-height */ }
.sub-min-w .link-pop { _height: auto /* hacked for IE 6 min-height */ }
	#navigation .hover .link-pop a { background-color: transparent }
	#navigation .link-pop a { color: #666666 }
	#navigation .link-pop a:hover { color: #ff0e0e }
.row1 { top: 25px }
.row2 { top: 50px }

	.link-pop .nav-left-bar { width: 120px; margin: -4px 0 -19px; line-height: 19px }
		.link-pop .nav-left-bar li { margin: 0 0 18px }
	.link-pop .nav-right-bar { float: right; width: 510px }

.slider-wrap { position: relative }
	.slider-wrap .slider, .slider-wrap ul, .slider-wrap li { overflow: hidden }

a.prevBtn, a.nextBtn { position: absolute; top: 50%; height: 0; overflow: hidden; padding: 0; text-indent: -9999px }
a.prevBtn { left: 0 }
a.nextBtn { right: 0 }

	.nav-right-bar .slider, .nav-right-bar li { width: 468px }
	.nav-right-bar .slider { margin: 0 auto }
		.nav-right-bar li li { float: left; width: 87px; margin: 0 15px; text-align: center }
	.nav-right-bar img { display: block; margin: 0 0 5px }
	.nav-right-bar .prevBtn, .nav-right-bar .nextBtn, .quarter-fade .prevBtn, .quarter-fade .nextBtn { width: 15px; margin: -12px 0 0; padding-top: 25px }
	.nav-right-bar .prevBtn, .quarter-fade .prevBtn { background-position: 0 0 }
	.nav-right-bar .nextBtn, .quarter-fade .nextBtn { background-position: -20px 0 }

.form, .form .box, .form p { position: relative; z-index: 10 }
	.form .input-text { padding: 2px 5px; border: 0 none; background: none }
	.form .input-clew { position: absolute; top: 0; left: 7px; z-index: 11; color: #999999; cursor: text }
	.form .submit-btn, .form .search-submit { border: 0 none }

.head-search { float: right; clear: both; width: 180px; height: 21px; margin: -23px 16px 0 0; background: #fff }
body#cn .head-search { /*width: 180px*/margin-top:20px; margin-right:-20px;}
	.head-search .input-text { float: left; width: 126px; height: 17px; line-height: 17px;padding-left:26px;}
body#cn .head-search .input-text {
    width: 126px; /*46px*/    
}
    body#cn .head-search .input-text input::-webkit-input-placeholder {
        color: #000;
    }

input::-webkit-input-placeholder {
    color: #000;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

    .head-search .input-clew {
        font-size: 14px;
        line-height: 21px
    }

.head-search .search-submit {
    float: left;
    width: 21px;
    height: 21px;
    background-color: transparent;
    color:#000;  
    background-position: -41px 5px;
    text-indent: -9999px;
    margin-top: 68px;
    position: absolute;
    border: 0px;
    left: 740px;
}

#content { min-height: 460px; margin-top: 15px }
#content.home-page { margin-top: 10px }
#content { _height: 460px }

.home-exh-fade { z-index: 10; width: 1180px; height: 417px; overflow: hidden; margin: 0 0 12px }
	.home-exh-fade .slider, .home-exh-fade ul li { width: 1180px }
	.home-exh-fade img {  }
	.home-exh-fade .controls { position: absolute; right: 530px; bottom: 5px; z-index: 150 }
		.home-exh-fade .controls li, .sub-slider .controls li { float: left }
		.home-exh-fade .controls a, .sub-slider .controls a { display:inline-block;padding:4px 8px;/*background:#dddddd;*/ }
            .home-exh-fade .controls  a, .home-exh-fade .controls a:hover, .sub-slider .controls a, .sub-slider .controls a:hover { /*background:#000;*/
                color: #fff;
                font-size: -webkit-xxx-large;
            }
			.home-exh-fade .controls .current a, .home-exh-fade .controls a:hover, .sub-slider .controls .current a, .sub-slider .controls a:hover { /*background:#000;*/color:#000;font-size:-webkit-xxx-large; }
            

.home-s-box {  }
	.home-s-box .box { float: left }
	.home-s-box .l-box { width: 268px; height: 260px; margin: 0 10px 0 0 }
	.home-s-box .video { /*border-color: #ee1c25; background: #ee1c25*/ }
		.home-s-box .video .image { position: relative }
		.home-s-box .video .arrow { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; margin: 103px 0 0 114px; background: url('../images/ico_paly.png') no-repeat; opacity: .7; filter: alpha(opacity=70) }
		.home-s-box .video .arrow { _background-image: url('../images/ico_paly_ie.png') }
		.home-s-box .video .arrow { *cursor: pointer }
        .home-s-box .video .image {
            height: 260px;
            font-size: 0;
            line-height: 0;
        }
		.home-s-box .video img, .home-s-box .service img { display: block; width: 268px; height: 260px }
		.home-s-box .video .text { padding: 12px 9px 0; }
			.home-s-box .video .text div { height: 17px; overflow: hidden; margin: 0 0 6px; line-height: 17px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap }
		.home-s-box .video, .home-s-box .video a, .home-s-box .video a:hover, .home-s-box .service-slider { color: #ffffff }
	.home-s-box .service { border-color: #a64686; background: #a64686 }
	.home-s-box .service-slider { width: 268px; overflow: hidden; color: #363636 }
		.home-s-box .service-slider ul, .home-s-box .service-slider li { width: 268px; overflow: hidden }
		.home-s-box .service-slider li { }
		.home-s-box .service-slider .image { height: 129px; overflow: hidden }

.home-s-box .service-slider .text {
    font-family: SourceHanSansBold;
    padding: 0 10px;
    line-height: 17px;
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 100px;
    height: 50px;
    font-weight: bolder;
    font-size: large;
    color: #000;
}
		.home-s-box .service-slider h2 { float: left }
		.home-s-box .blank { display: block; height: 2px; overflow: hidden }

.sponsored .text {
    font-family: SourceHanSansBold;
    padding: 0 10px;
    line-height: 17px;
    position: absolute;
    top: 590px;
    /*left: 0;*/
    display: block;
    width: 100px;
    height: 50px;
    font-weight: bolder;
    font-size: large;
    color: #000;
}

.home-s-box .r-box {
    float: right;
    width: 350px;
    height: 240px;
    padding: 10px;
    background: #e7e7e8
}
	.home-s-box .sponsored { width: 350px; overflow: hidden; margin: 0 0 10px }
	.home-s-box .sponsored-slider ul, .home-s-box .sponsored-slider li { width: 350px; height: 110px }
	.home-s-box .sponsored-slider { width: 350px; overflow: hidden }
		.home-s-box .sponsored-slider li ul { width: 360px; margin: 0 -10px 0 0 }
		.home-s-box .sponsored-slider li li { float: left; width: 110px; height: 110px; margin: 0 10px 0 0; background: #ffffff }

.h-m-c { margin: 0 0 5px }

.ad-gallery, .ad-image-wrapper, .ad-loader { width: 310px }
.ad-gallery { float: left }
.ad-image-wrapper, .ad-loader { height: 422px }
.ad-gallery, .ad-image-wrapper { position: relative; overflow: hidden }
.ad-loader { position: absolute; z-index: 10; top: 0; left: 0; background: #fff url('../images/loader.gif') no-repeat 50% 50% }
.ad-image { position: absolute; top: 0; left: 0; z-index: 9; width: 310px; height: 422px; overflow: hidden }
	.ad-image img { -ms-interpolation-mode: bicubic }
.ad-description-title, .ad-description-deputy { position: absolute; left: 0; width: 100%; height: 80px }
.ad-description-deputy { top: -80px }
.ad-nav { position:relative; width: 100%; height: 56px; padding: 11px 0 11px; background: #d3d3d3 }
.ad-forward, .ad-back { position: absolute; top: 11px; z-index: 10; width: 8px; height: 56px; cursor: pointer }
.ad-back { left: 6px }
.ad-forward { right: 6px }
.ad-forward span, .ad-back span { position: absolute; top: 50%; left: 0; display: block; width: 8px; height: 13px; overflow: hidden; margin: -6px 0 0 }
.ad-forward span { background-position: -79px 0 }
.ad-back span { background-position: -66px 0 }
.ad-thumbs { width: 272px; overflow: hidden; margin: 0 auto }
.ad-thumb-list { float: left; width: 9000px }
	.ad-thumbs li { float: left; padding: 0 6px 0 5px; }
		.ad-thumbs a img { display: block; height: 56px; border: 1px solid #c2bfba }
		.ad-thumbs a.ad-active img { border-color: #ff0e0e }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }

.h-m-c-r { float: right; width: 385px }

.h-member {
    height: 122px;
    background: #ffffff;   
}
.rec-title {
    font-family: SourceHanSansBold;
    font-weight: bolder;
    color: #000;
    font-size: x-large;
    text-align: center;
}
.h-member .rec-img {
    float: left;
    width: 106px;
    padding: 8px 0 0 8px
}
	.h-member .fod-pop { position: absolute; top: 0; left: 0; z-index: 20; height: 0; overflow: hidden }
		.h-member .fod-pop span { display: inline-block; height: 31px; padding: 0 25px; background: #dedede; line-height: 31px }
.h-member .form {
    position: relative;
    float: right;
    width: 160px;
    padding: 16px 16px 0 60px;
}
		.h-member .form .btn { position: absolute; top: 4px; left: 0 }
		.h-member .form .user-name { color: #2b2b2b }
		.h-member .form .box { float: none; min-height: 21px; padding: 0 0 5px; line-height: 21px }
		.h-member .form .box { _height: 21px }
	.h-member .input-clew { line-height: 21px }
	.h-member .input-text { width: 150px; height: 17px; background: #eeeeee; line-height: 17px }
		.h-member .box p { float: left; width: 104px }
	.h-member .password { position: absolute; top: 0; left: 0; width: 94px; }
	.h-member .submit-btn { float: right; width: 55px; height: 21px; background: #eeeeee; line-height: 21px }
.h-member h2 {
    font-weight: bolder;
    font-size: large;
}

.h-m-rec {
}
    .h-m-rec p, .h-m-rec .f-o-d { position: relative; width: 190px; overflow: hidden }
	.h-m-rec .overlay, .h-m-rec .title, .h-n-rec p .overlay, .h-n-rec p .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 29px; text-indent: 10px }
	.h-m-rec .overlay, .h-n-rec p .overlay { background: #000; opacity: .4; filter: alpha(opacity=40) }
	.h-n-rec p .title, .h-n-rec p .overlay { opacity: 0; filter: alpha(opacity=0) }
	.h-m-rec .title, .h-n-rec p .title { color: #ffffff; line-height: 28px }
		.h-m-rec a .title, .h-m-rec a:hover .title, .h-n-rec p a .title, .h-n-rec p a:hover .title { color: #ffffff }
		.h-n-rec p a:hover .title { opacity: 1; filter: alpha(opacity=100) }
		.h-n-rec p a:hover .overlay { opacity: .4; filter: alpha(opacity=40) }
	.h-m-rec .v { height: 267px; margin: 0 0 5px }
	.h-m-rec .h { height: 159px }
	.f-o-d span { font-size: 16px; line-height: 25px }
		.f-o-d span a { font-size: 18px }

.f-o-d { background: #dddddd }
	.f-o-d .text { padding: 15px 15px 0; font-size: 16px; line-height: 27px; text-align: center }

.h-n-rec {  }

	.h-n-rec p { position: relative }
		.h-n-rec p span {  }

.h-news {
    font-family: SourceHanSansBold;
    float: left;
    width: 210px;
    height: 232px;
    margin: 0 5px 0 0;
    padding: 13px 15px 15px 15px; /*background: #e7e7e8*/    
}
    .h-news h2 {
        font-weight: bolder;
        font-size: large;
    }
    .h-news ul {
        margin: 12px 0 0;
        line-height: 39px
    }
	.h-news li { width: 210px; height: 39px; overflow: hidden; border-bottom: 2px solid #c9c9c9; text-overflow: ellipsis; white-space: nowrap }

.h-rec-l, .h-rec-r p { overflow: hidden; border: 1px solid #d3d3d3 }
.h-rec-l { float: left; width: 188px; height: 158px; margin: 0 5px 0 0 }
.h-rec-r { float: right; width: 190px }
	.h-rec-r p { height: 76px }
	.h-rec-r .t { margin: 0 0 4px }

.deputy-link { margin-top: 35px }
	.deputy-link em { padding: 0 4px }

#footer { margin: 12px 0 0; /*background: #dedede*/ }
    #footer .inner {
        font-family: SourceHanSansBold;
        overflow: hidden;
        padding: 12px 0 8px; /*background: #dedede;*/
        line-height: 19px;
        color: #c9c9c9;
    }
        #footer .inner a {
            font-family: SourceHanSansBold;
            overflow: hidden;
            padding: 12px 0 8px; /*background: #dedede;*/
            line-height: 19px;
            color: #c9c9c9;
        }
        #footer .fl {
            width: 860px
        }

.foot-share { padding: 0 10px 0 0 }
    .foot-share li {
        float: left;
        padding: 0 10px 0 18px;
        font-family: SourceHanSansBold;
        font-weight: bolder;
        color:#000;
    }
	.foot-share img { margin: -4px 5px 0 0 }
	.foot-share img { *position: relative /* hacked for IE 6 ~ 7 */ }

.left-bar { float: left; width: 205px }
	.left-bar .image { margin: 15px 0 0 }
.right-bar { float: right; width: 960px; overflow: hidden }

.sub-nav { background: #f6f6f6 }
	.sub-nav h2 { padding: 8px 0 8px 12px; border-bottom: 1px solid #ffffff; color: #ff0e0e; font-size: 24px; line-height: 31px }
		.sub-nav h2 a { color: #ff0e0e }
	.sub-nav ul { line-height: 35px }
		.sub-nav ul a { position: relative; display: block; width: 165px; padding: 0 20px }
		*+html .sub-nav ul a { background: #f6f6f6 /* hacked for IE 7 */ }
		.sub-nav ul a.current, .sub-nav a.selected, .sub-nav ul a:hover { background: #e7e7e7; color: #ff0e0e }
		.sub-nav ul em { position: absolute; top: 14px; right: 15px; width: 5px; height: 7px; background-position: -999px 0 }
		.sub-nav ul a.current em, .sub-nav ul a.selected em, .sub-nav ul a:hover em { background-position: -95px 0 }

.aid-bar { height: 47px; padding: 0 15px; background: #f3f3f3; line-height: 47px }
	.aid-bar .title { float: left; font-size: 16px; color: #363636 }
.title a {
    font-weight: bolder;
    font-size:x-large;
}

.date-search {
    position: relative;
    float: left
}
	.date-search label { float: left; width: 102px }
	.date-search .input-text { float: left; width: 126px; height: 15px; margin: 12px 0 0; padding: 3px 5px; border-width: 1px; line-height: 15px }
	.date-search .submit-btn { position: absolute; top: 14px; left: 220px; width: 19px; height: 19px; border: 0 none; background-color: #ffffff; background-position: -41px 4px }
	.date-search .ico { float: left; margin: 16px 0 0 5px; width: 15px; height: 15px; background-position: 0 -30px; cursor: pointer }

.p-box { width: 200px }
.p-b-box { width: 240px }
	.p-box .image { width: 200px; height: 280px; overflow: hidden; }
	.p-b-box .image { width: 240px; height: auto }
	.p-box .text, .p-b-box .text, .sub-slider .text { padding: 7px 10px; background: #f6f6f6; line-height: 19px }
	/*.p-box .text, .p-b-box .text { text-align: center }*/
		.p-box .text span, .p-b-box span, .sub-slider .text span { display: block; color: #848484 }
		.p-box a strong { padding: 0 15px 0 0 }
		.p-box .fr { margin: 0 0 0 30px }

.p-list {  }
	.p-list ul { width: 1013px; overflow: hidden; margin: 0 -53px 0 0 }
	.p-list li { float: left; margin: 15px 53px 0 0 }

.anchor-tabs { height: 35px; margin: 1px 0 0; padding: 0 0 0 15px; background: #f3f3f3; line-height: 35px }
	.anchor-tabs li { float: left; margin: 0 20px 0 0 }
	.anchor-tabs li a.current { color: #ff0e0e }

.details-wrap {  }
	.details-wrap .text { height: 234px; overflow: hidden; margin: 9px 0 26px }
		.details-wrap .text .inner { line-height: 21px }
	.details-wrap .title { padding: 13px 0 0; border-top: 1px solid #cbcbcb }
	.details-wrap .more-link { position: relative; display: block; height: 8px; margin: -21px 0 21px; padding: 0 0 6px }
		.details-wrap .more-link em { position: absolute; top: 0; right: 5px; width: 13px; height: 8px; overflow: hidden; background-position: -39px -21px }
		.details-wrap .more-link:hover em { background-position: -53px -21px }
		.details-wrap a.regain-link em { background-position: -67px -21px }
		.details-wrap a:hover.regain-link em { background-position: -81px -21px }
	.details-wrap .list { width: 985px; margin: -10px -25px 0 0 }
		.details-wrap .list li { float: left; margin: 10px 25px 0 0 }
		.details-wrap .list p { width: 172px; height: 107px; overflow: hidden }

#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none }
* html #fancybox-loading {	/* IE6 */ position: absolute; margin-top: 0 }
	#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox.png') }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 1000px; width: 100%; background: transparent; z-index: 1100; display: none }
* html #fancybox-overlay {	/* IE6 */ position: absolute; width: 100%; height: 100% }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none }
#fancybox-outer { position: relative; width: 100%; height: 100% }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; background: transparent }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none }
#fancybox-close { position: absolute; top: -39px; right: -79px; z-index: 1104; cursor: pointer; display: none; width: 29px; height: 29px; background-position: -125px -16px }
#fancybox-close:hover { background-position: -125px -77px }
#fancybox_error { color: #444444; font: normal 12px/20px Arial; padding: 7px; margin: 0 }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0 }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-size: 14px; z-index: 1102 }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333333 }
.fancybox-title-outside { float: left; padding-top: 5px; color: #ffffff; text-align: left; font-weight: bold }
.fancybox-title-over { text-align: left }
#fancybox-title-over { position: absolute; bottom: -65px; width: 100%; height: 60px; padding: 3px 0 0; line-height: 19px; text-align: left }
#fancybox-title-wrap { display: inline-block }
	#fancybox-title-wrap span {  }
#fancybox-title-left { display: none }
#fancybox-title-main { float: left; padding-right: 30px; font-weight: bold; line-height: 29px; color: #ffffff }
#fancybox-title-right { display: none }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0; width: 50%; height: 100%; cursor: pointer; outline: none; background-image: url('../images/blank.gif'); z-index: 1103; display: none }
#fancybox-left { left: 0 }
#fancybox-right { right: 0 }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; z-index: 1102; cursor: pointer; display: block; width: 31px; height: 61px; margin-top: -30px }
#fancybox-left-ico { background-position: -139px 0 }
#fancybox-right-ico { background-position: 109px 0 }
#fancybox-left, #fancybox-right { visibility: visible /* IE6 */ }
	#fancybox-left span {  }
	#fancybox-left:hover span { left: 30px; background-position: -139px -61px }
	#fancybox-right span {  }
	#fancybox-right:hover span { left: auto; right: 30px; background-position: -109px -61px }

.two-columns { margin: 15px 0 0 }
	.two-columns .left { float: left; width: 660px; margin: 0 -1px 0 0; padding: 0 30px 0 0; border-right: 1px solid #e7e7e7 }
	.two-columns .right { float: right; width: 240px; margin: 0 0 0 -1px; padding: 0 0 0 29px; border-left: 1px solid #e7e7e7 }
		.two-columns .right .text { margin: -4px 0 0; line-height: 21px }

.rec { width: 690px; margin: -15px -30px 0 0 }
		.rec li { float: left; margin: 15px 30px 0 0 }
	.two-columns .list { margin: -23px 0 21px }
	.two-columns .list { *position: relative /* hacked for IE 6 ~ 7 */ }
		.two-columns .list li { display: inline }
		.two-columns .list span { display: block; padding: 21px 0 0 }
		.two-columns .list span.date { padding: 8px 0 0; color: #848484 }
		
.pages {  }
	.pages .cpb, .pages a , .pages span { position: relative; float: left; width: 29px; height: 29px; font-weight: bold; line-height: 29px; text-align: center; }
	.pages a { background: #ebebeb }
	.box-bg-gray .pages a { background: #e3e3e3 }
	.pages .cpb, .pages a:hover { background: #ff0e0e; color: #ffffff }
	.pages em { position: absolute; top: 10px; left: 11px; width: 6px; height: 9px; overflow: hidden }
		.pages .prev em { background-position: -20px -30px }
		.pages .prev:hover em { background-position: -29px -30px }
		.pages .next em { background-position: -38px -30px }
		.pages .next:hover em { background-position: -47px -30px }

.aid-tabs-nav {  }
	.l .aid-tabs-nav { float: left }
		.l .aid-tabs-nav li { margin: 0 20px 0 0 }
	.r .aid-tabs-nav { float: right }
		.r .aid-tabs-nav li { margin: 0 0 0 20px }
	.aid-tabs-nav li { float: left }
	.aid-tabs-nav a.current, .aid-tabs-nav a.selected, .aid-tabs-nav a:hover { color: #ff0e0e }

.exh-tabs-panel { display: none }

	.two-columns .contact-info, .note-text { margin: -5px 0 0; line-height: 21px }
	.two-columns .contact-info { *position: relative }
	
.note-text {  }
	.note-text h3 { font-weight: bold; font-size: 14px }


.apply-table { width: 100%; margin: 0 0 10px }
	.apply-table th, .apply-table td { border: 1px solid #cccccc; padding: 5px 12px; height: 25px; line-height: 25px }
	.apply-table th { width: 196px; font-weight: normal; text-align: right; vertical-align: top }
	.apply-table .input-text, .apply-table textarea { float: left; width: 402px; border-width: 1px; padding: 3px 5px }
	.apply-table select { float: left; margin: 0 15px 0 0 }
	.apply-table textarea { height: 80px }

.app-submit-btn {  }

.app-ol-form {  }
	.app-ol-form p { overflow: hidden; zoom: 1; padding: 0 0 10px; line-height: 27px }
	.app-ol-form input, .app-ol-form textarea, .app-ol-form button { float: left }
	.app-ol-form .input-text, .apply-inner .input-text { width: 320px; height: 19px; padding: 3px 5px; border-width: 1px; line-height: 19px }
	.app-ol-form textarea { width: 420px; height: 140px; padding: 3px 5px; border-width: 1px; border-style: inset; line-height: 19px }
	.app-ol-form .submit-btn, .app-submit-btn, .apply-inner .submit-btn { width: 70px; height: 27px; border: 0 none; background: #e60012; color: #ffffff; font-size: 16px; line-height: 27px }

.download-app {  }
	.download-app .pic { float: left; width: 245px }
		.download-app .pic img { display: block; margin: 0 0 15px }
	.download-app .text-wrap { float: right; width: 400px; margin: -2px 0 0 }
	.download-app .text-wrap { *position: relative }
		.download-app .text-wrap h3 { margin: 0 0 7px; font-size: 16px }
		.download-app .text-wrap .text { line-height: 21px }
		.download-app .text-wrap a { color: #e60012; text-decoration: underline }

.box-bg-gray { padding: 30px; background: #f3f3f3 }
	.box-bg-gray .p-box .text { background: #e7e7e7 }

.gray-p-list { width: 900px }
	.gray-p-list h3 { padding: 0 0 15px }
	.gray-p-list ul { width: 933px; margin: -15px -63px 0 0 }
	.gray-p-list li { float: left; margin: 15px 33px 0 0 }

.gray-space { display: block; height: 0; overflow: hidden; margin: 25px 0 13px 0; border-top: 1px solid #cbcbcb }

.gray-bg-two-columns {  }
	.gray-bg-two-columns .l-max-w, .gray-bg-two-columns .l-min-w { float: left; margin: 0 -1px 0 0; padding: 0 30px 0 0; border-right: 1px solid #ffffff }
	.gray-bg-two-columns .l-min-w, .gray-bg-two-columns .r-min-w { width: 240px }
	.gray-bg-two-columns .r-max-w, .gray-bg-two-columns .r-min-w { float: right; padding: 0 0 0 29px; margin: 0 0 0 -2px; border-left: 1px solid #ffffff }
	.gray-bg-two-columns .l-max-w, .gray-bg-two-columns .r-max-w { width: 600px }
	.gray-bg-two-columns .image { width: 240px; line-height: 17px }
		.gray-bg-two-columns .r-min-w .image { margin: 0 0 19px }
		.gray-bg-two-columns .image img { display: block; margin: 0 0 7px }
		.gray-bg-two-columns .image span { display: block }
	.gray-bg-two-columns .fr { margin: 0 0 0 30px }
	.gray-bg-two-columns .text { margin: -4px 0 0; line-height: 21px }
		.gray-bg-two-columns .text img { margin: 4px 0 }
	.gray-bg-two-columns .details-title { position: relative; margin: 0 0 17px }
		.gray-bg-two-columns .details-title h2 { color: #363636 }
		.gray-bg-two-columns .details-title h3 { margin: 5px 0 0; color: #848484 }
		.gray-bg-two-columns .details-title .back { position: absolute; top: 0; right: 0 }

.col-wrap, .int-wrap { margin-top: 0 }
	.int-wrap .rec { margin-top: 0 }
	/*.int-wrap .left, .int-wrap .right { margin-top: 15px }*/

.current-theme { margin: 15px 0 0; background: #f3f3f3 }
	.current-theme .title { height: 37px; padding: 0 0 0 12px; border-bottom: 1px solid #ffffff; font-size: 16px; line-height: 37px }
	.current-theme .text { padding: 7px 12px; line-height: 21px }

.media-news-rec li, .data-download-rec li, .news-list li, .s-activity li, .education-list .panel { *float: left /* hacked for IE 6 ~ 7 */ }

.education-ad { }
	.education-ad .ad { width: 473px; height: 162px; overflow: hidden }

.education-list { margin: 0 0 21px }
	.education-list .panel { margin: 15px 0 0 }
		.education-list .image { float: left; wdith: 116px; height: 162px; overflow: hidden; margin: 0 1px 0 0 }
		.education-list ul { float: left; width: 110px; height: 161px; overflow: hidden; border-bottom: 1px solid #e7e7e7 }
			.education-list ul li, .education-list ul a { width: 110px; height: 39px; line-height: 39px; text-align: center }
			.education-list ul li { border-top: 1px solid #e7e7e7 }
			.education-list ul a { display: block; background: #f3f3f3; cursor:pointer }
			.education-list ul a:hover { background: #959595; color: #ffffff }
		.education-list .box { float: left; width: 691px; height: 160px; padding: 0 20px 0; border: 1px solid #e7e7e7 }
		.education-list .title { padding: 17px 0 11px; font-weight: bold; font-size: 14px }
		.education-list .date { font-weight: bold }
		.education-list .text { margin: 11px 0 0; width: 691px; height: 76px; overflow: hidden; line-height: 19px; text-overflow: ellipsis }

.educate-details { margin: 15px 0 0 }
	.educate-details .left, .educate-details .right { width: 473px }

.main-info { margin: 0 0 15px; border: 1px solid #e7e7e7 }
	.main-info .image { float: left; width: 250px; overflow: hidden }
	.main-info .info { float: right; width: 221px; min-height: 348px; overflow: hidden }
	.main-info .info { height: 348px /* hacked for IE6 */ }
	.main-info dl { min-height: 271px; padding: 16px 20px 0 }
	.main-info dl { _height: 271px /* hacked for IE6 */ }
	.main-info dt { padding: 0 0 19px; line-height: 19px }
	.main-info dd { line-height: 25px }
	.main-info .num { margin: 0 0 0 -1px; border-top: 1px solid #e7e7e7 }
		.main-info .num li { float: left; width: 110px; height: 60px; border-left: 1px solid #e7e7e7; line-height: 60px; text-align: center }

.discuss-wrap { padding: 11px 15px 15px; border: 1px solid #e7e7e7 }
	.discuss-wrap .title { min-height: 17px; padding: 0 0 9px; border-bottom: 1px solid #e7e7e7; line-height: 19px }
	.discuss-wrap .title { _height: 17px /* hacked for IE 6 */ }
		.discuss-wrap .title h2 { color: #363636; font-size: 16px }
	.discuss-wrap .p-t-btn, .discuss-wrap .back { float: right; margin: 3px 0 0 30px }
	.discuss-wrap .p-t-btn { position: relative; height: 17px; padding: 0 4px; background: #ff0e0e; color: #ffffff; line-height: 17px }
	.discuss-wrap .p-t-btn:hover { color: #ffffff }
		.discuss-wrap .p-t-btn em { position: absolute; right: 4px; bottom: -5px; width: 0; height: 0; overflow: hidden; border: 5px dashed transparent; border-right: 5px solid #ff0e0e }
	.discuss-wrap .list {  }
		.discuss-wrap .list li { margin: 12px 0 0; padding: 0 0 5px; border-bottom: 1px dotted #e7e7e7; line-height: 17px }
	.discuss-wrap .author { float: right; color: #848484 }
		.discuss-wrap .author span { color: #545454 }
	.discuss-wrap .info { clear: both; padding: 7px 0 0; color: #848484 }
		.discuss-wrap .info .num { padding: 0 30px 0 0 }
	.discuss-wrap .pages { margin: 17px 0 0 }

.educate-info { padding: 17px 20px; background: #f3f3f3; line-height: 21px }

.talk-list { margin: 15px 0 0 }
	.talk-list dt { padding: 9px 8px 15px; background: #f6f6f6; border-bottom: 1px solid #e7e7e7 }
	.talk-list dd { margin: 13px 0 0; padding: 0 0 5px; border-bottom: 1px dotted #e7e7e7 }
	.talk-list .author { float: none }
	.talk-list .date { color: #848484 }
		.talk-list dt .date { float: right }
	.talk-list .text { margin: 9px 0 0; line-height: 21px }
		.talk-list dd .author, .talk-list dd .text { color: #545454 }
		.talk-list dd .author { padding: 0 30px 0 0 }
		.talk-list dd .text { margin-top: 5px }

	.discuss-wrap .discuss-form { margin: 15px 0 0 }
	.discuss-wrap .reply-box { margin-top: 25px }
	.discuss-wrap .box { position: relative; padding: 0 0 15px }
	.discuss-wrap .input-clew { position: absolute; top: 0; left: 5px; height: 23px; line-height: 23px }
	.discuss-wrap .input-text, .discuss-wrap textarea { width: 425px; height: 17px; padding: 2px 5px; border-width: 1px; line-height: 17px }
	.discuss-wrap textarea { height: 85px }
	.discuss-wrap .submit-btn { padding: 0 11px; height: 27px; border: 0 none; background: #ff0e0e; color: #ffffff; line-height: 27px }
	

.sub-slider, .sub-slider ul li { width: 660px; height: 463px; overflow: hidden }
	.sub-slider .image { width: 660px; height: 411px; overflow: hidden }
	.sub-slider .controls { position: absolute; right: 5px; bottom: 25px; z-index: 150 }

.i-p-list { clear: both; width: 630px; margin: -20px -30px 0 0 }
	.i-p-list li { float: left; width: 285px; margin: 20px 30px 0 0 }
	.i-p-list span { display: block; padding: 3px 0 0; color: #848484 }

.i-p-r {  }
		.gray-bg-two-columns .i-p-r .image { margin: 15px 0 0 }
		.gray-bg-two-columns .i-p-r img { margin: 0 }

.col-right-rec { margin: -15px 0 0 }
	.col-right-rec li { margin: 15px 0 0 }

.col-introduce { line-height: 21px }

	.col-filter .text { height: auto; margin: 10px 0 21px }
	.col-filter .list { margin-top: -15px }
		.col-filter .list p { margin: 0 0 7px }
		.col-filter .list li { margin-top: 15px; width: 172px; }
		.col-filter h3.first { margin-top: 15px; padding: 0; border: 0 none }

.col-details { margin: 15px 0 0 }
	.col-details .image { float: left; margin: 0 15px 0 0; text-align: right }
		.col-details .image img { display: block; margin: 0 0 7px }
	.col-details .text { float: left; width: 285px; margin: -11px 0 0; line-height: 35px }
	.col-details .text { *position: relative /* hacked for IE 6 ~ 7 */ }

.media-wrap {  }
	.media-wrap .sub-slider, .media-wrap .sub-slider ul li { width: 545px; height: 391px }
		.media-wrap .sub-slider .image { width: 545px; height: 339px }

	.media-wrap .left { float: left; width: 545px }
	.media-wrap .right { float: right; width: 400px }

.media-news-rec { margin: 20px 0 0; zoom: 1; border-top: 1px solid #e7e7e7 }
	.media-news-rec li { margin: 20px 0 0 }
	.media-news-rec .image, .news-list .image { float: left; width: 200px; height: 125px; overflow: hidden; margin: 0 1px 0 0 }
	.media-news-rec .box, .news-list .box { float: right; width: 303px; padding: 1px 20px 0; height: 122px; border: 1px solid #e7e7e7; border-left: 0 none; zoom: 1 }
	.media-news-rec .title, .news-list .title, .data-download-rec .title, .data-download .title { height: 14px; overflow: hidden; margin: 13px 0 4px; text-overflow: ellipsis; white-space: nowrap }
	.media-news-rec .title { width: 400px }
	.media-news-rec .date, .news-list .date { color: #848484; white-space: nowrap }
	.media-news-rec .text, .news-list .text { width: 400px; height: 51px; overflow: hidden; margin: 5px 0 0; line-height: 17px; text-overflow: ellipsis }

.data-download-rec {  }
	.data-download-rec li { margin: 15px 0 0 }
	.data-download-rec .image, .data-download .image { float: left; width: 136px; height: 188px; overflow: hidden; margin: 0 1px 0 0 }
	.data-download-rec .box, .data-download .box { float: right; width: 222px; padding: 1px 20px 0; height: 185px; border: 1px solid #e7e7e7; border-left: 0 none; zoom: 1 }
	.data-download-rec .box { width: 367px }
	.data-download-rec .title, .data-download .title { margin-top: 11px }
	.data-download-rec .title { width: 367px }
	.data-download-rec .info, .data-download .info { display: block; margin: 13px 0 0; color: #848484 }
		.data-download-rec li li, .data-download li li { margin: 15px 0 0 }
		.data-download-rec li li { *float: none /* hacked for IE 6 ~ 7 */ }
	.data-download-rec a, .data-download a { position: relative; display: inline-block; display: inline\9; zoom: 1; padding: 0 0 0 15px }
	.data-download-rec a em, .data-download a span { position: absolute; top: 5px; left: 0; width: 9px; height: 6px; overflow: hidden; background-position: -58px -32px }
		.data-download-rec a:hover em, .data-download a:hover span { background-position: -72px -32px }

.partner-rec { width: 370px; padding: 15px; background: #f3f3f3 }
	.partner-rec ul { width: 390px; overflow: hidden; margin: -15px -20px 0 0 }
	.partner-rec li { float: left; width: 110px; height: 110px; overflow: hidden; margin: 15px 20px 0 0; background: #ffffff }

.news-list { margin: 0 0 21px }
	.news-list li { margin: 15px 0 0 }
	.news-list .title { width: 718px }
	.news-list .box, .news-list .text { width: 718px }

.data-download { width: 915px; margin: -15px -15px 21px 0 }
	.data-download li { float: left; width: 442px; margin: 15px 15px 0 0 }
	.data-download .title { width: 264px }
	.data-download .box { width: 264px; overflow: hidden; background: #ffffff }
	.data-download .box { _overflow: hidden }

.partner-list {  }
	.partner-list li { width: 110px; height: 110px; overflow: hidden; margin-right: 22px; background: #ffffff }
		.partner-list li p { position: relative; display: table-cell; width: 110px; height: 110px; vertical-align: middle; text-align: center }
		.partner-list li span { position: static; +position: absolute; top: 50% }
			.partner-list li span img { position: static; +position: relative; top: -50%; left: -50%;  }

	.media-faq .box-bg-gray { padding-top: 1px; zoom: 1 }
	.media-faq dl { margin: 30px 0 0; line-height: 17px }
	.media-faq dt { color: #ff0e0e }
	.media-faq dd { margin: 7px 0 0 }

.ol-b {  }
	.ol-b .mini-w { width: 206px }
	.ol-b .radio { float: left; padding: 0 0 0 15px; line-height: 27px }
		.ol-b .radio input { float: left; height: 27px; margin: 0 5px 0 0 }
		.ol-b .radio input { margin: 0 5px 0 0\9 /* hacked for IE 6 ~ 8 */ }

.suppore-rec-image { padding: 0 0 30px }

	.support-wrap .left { float: left; width: 600px }
		.support-wrap ul { margin: -15px 0 0 }
		.support-wrap .left li { position: relative; z-index: 10; float: left; width: 270px; height: 165px; margin: 15px 30px 0 0 }
		.support-wrap .left h2 { position: absolute; bottom: 17px; left: 20px; font-size: 16px }
		.support-wrap .left a { color: #ffffff }

	.support-wrap .right { float: right; width: 300px }
		.support-wrap .right .title { font-size: 14px }
	.support-wrap .auto-scroll { height: 526px; overflow: auto }
		/*.support-wrap .right li, .support-wrap .right p { width: 150px; height: 60px }
		.support-wrap .right li { float: left; overflow: hidden; margin: 30px 0 0 }
		.support-wrap .right p { position: relative; display: table-cell; vertical-align: middle; text-align: center }
		.support-wrap .right span { position: static; +position: absolute; top: 50% }
		.support-wrap .right img { position: static; +position: relative; top: -50%; left: -50% }*/

.s-activity { margin: -15px 0 0 }
	.s-activity li { margin: 15px 0 0 }
	.s-activity .image { float: left; width: 220px }
	.s-activity .box { float: right; width: 360px }
	.s-activity .title { margin: -1px 0 5px }
	.s-activity .title { *position: relative /* hacked for IE 6 ~ 7 */ }
	.s-activity .date { color: #848484 }
	.s-activity .text { width: 360px; height: 85px; overflow: hidden; margin: 15px 0 0; line-height: 17px; text-overflow: ellipsis }
	
.job-list { width: 630px; margin: -30px -30px 0 0 }
	.job-list li { float: left; width: 180px; margin: 30px 30px 0 0; padding: 0 0 15px }
	.job-list .title { margin: 0 0 11px }
	.job-list a .title { color: #363636 }
	.job-list a:hover .title { color: #ff0e0e }
	.job-list .text { line-height: 19px }

.job-hide-box, .theme-hide-box { display: none }

.job-text-box, .theme-text-box { width: 660px; overflow: visible; padding: 0 0 20px; line-height: 21px }
	.job-text-box .title, .theme-text-box .title { margin: 0 0 11px; color: #363636; text-align: center }
	.job-text-box .text, .theme-text-box .text { line-height: 21px }

.results-wrap {  }
	.results-wrap .project-wrap { display: none }
	.results-wrap .left-title { margin: 0 0 29px; font-size: 36px }
	.results-wrap .type-box { margin: 0 0 25px; padding: 0 0 30px; border-bottom: 1px dotted #e7e7e7 }
	.results-wrap .type-title { font-size: 16px }
		.results-wrap .col-filter .text { height: auto; margin-bottom: 0 }
		.results-wrap .data-download { margin-top: 0 }
	
	.results-wrap  .data-download { width: 974px; margin-right: -14px }
		.results-wrap  .data-download li { width: 473px; margin-right: 14px }
		.results-wrap  .data-download .box { width: 295px }
	
.art-select-box { position: relative; z-index: 100; color: #363636; cursor: pointer }
.art-select-box:hover, .art-select-selected { color: #ff0e0e }
    .art-select-box div {
        position: absolute;
        bottom: 21px;
        left: 0;
        width: 200px;
        height: 0;
        overflow: hidden;
        background-color: #ccc;
    }
                
	.art-select-box ul { background: #ffffff }
	.art-select-box li { background: #dedede; margin: 0 0 1px; padding: 0 10px; line-height: 29px }
	
.card-wrap { padding: 1px 0 0; zoom: 1 }
	.card-wrap h2 { margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid #ffffff }
	.card-wrap h3 { margin: 5px 0 15px }
	.card-wrap .image { float: left; width: 200px }
	.card-wrap .text { float: right; width: 380px }

.site-map {  }
	.site-map dl { float: left; width: 200px }
	.site-map dt { margin: 0 0 11px; font-weight: bold; font-size: 14px }
	.site-map dd { line-height: 25px }
	.site-map .clear { padding: 24px 0 0!important; margin: 0 0 30px!important; border-bottom: 1px solid #ffffff }

.login-register, .success-wrap, .get-password  { zoom: 1; position: relative; padding: 30px; background: #f3f3f3 }
.login-wrap, .register-wrap { width: 530px }
.login-wrap { float: left }
.register-wrap { float: right }
	.login-register h2 { margin: 0 0 38px; font-size: 16px }
	.login-register .box, .get-password .box { min-height: 23px; padding: 0 0 12px 100px; line-height: 23px }
	.login-register .box, .get-password .box { _height: 23px /* hacked for IE 6 min-height */ }
	.login-register label, .login-register input, .login-register button, .login-register span, .get-password label, .get-password input, .get-password button { float: left }
	.login-register label, .get-password label { width: 90px; margin: 0 0 0 -100px; padding: 0 10px 0 0; text-align: right }
	.login-register .input-text, .login-register .input-password, .get-password .input-text { width: 160px; height: 17px; padding: 2px 3px; border: 1px solid #918B89 }
	.login-register .check { height: 23px; margin: 0 3px 0 0; border-width: 0 }
	.login-register .check { margin: 0\9 /* hacked for IE 6 ~ 8 */ }
	.login-register .clew { padding: 0 0 0 11px; color: #ff0000 }
	.login-register .submit-btn, .get-password .submit-btn { width: 108px; height: 31px; margin: 21px 0 0; border: 0 none; background: #ff0e0e; color: #ffffff; line-height: 31px }
	.login-register .vertical-space { position: absolute; top: 85px; left: 48%; width: 1px; height: 228px; background: #aaaaaa }

.success-wrap h2, .success-wrap .info, .success-wrap .go-mail, .success-wrap h3 { margin: 0 0 9px }
	.success-wrap h2, .success-wrap h3 { color: #2b2b2b }
	.success-wrap h2 { font-weight: bold; font-size: 24px }
	.success-wrap .info { line-height: 23px }
	.success-wrap .go-mail { display: block; width: 100px; height: 33px; background: #ff0e0e; color: #ffffff; line-height: 33px; font-size: 16px; text-align: center }
	.success-wrap a:hover.go-mail { background: #666666; color: #ffffff }
	.success-wrap h3 { font-size: 18px }

	.get-password div { width: 400px; margin: 0 0 0 380px }
	.get-password .submit-btn { width: 62px; height: 23px; margin: 0 15px 0 0; line-height: 23px }
	.get-password span.box { display: block; padding-bottom: 0 }

.box-bg-gray .ad-gallery, .box-bg-gray .ad-image-wrapper, .box-bg-gray .ad-loader, .box-bg-gray .ad-image { width: 600px }
.box-bg-gray .ad-gallery { float: none }
.box-bg-gray .ad-image-wrapper, .box-bg-gray .ad-loader, .box-bg-gray .ad-image { height: 400px }
.box-bg-gray .ad-nav { padding: 11px 0 0; background: none }
.box-bg-gray .ad-back { left: 0 }
.box-bg-gray .ad-forward { right: 0 }
.box-bg-gray .ad-nav, .box-bg-gray .ad-forward, .box-bg-gray .ad-back, .box-bg-gray .ad-thumbs a img { height: 28px }
		.box-bg-gray .ad-thumbs a img { border: 0 none }
		.box-bg-gray .ad-thumbs { width: 560px }
			.box-bg-gray .ad-thumbs li { float: left; padding: 0 5px 0 0 }

.member-apply { position: relative }
.apply-inner { position: absolute; top: 0; right: 30px; z-index: 100; width: 0; overflow: hidden; zoom: 1; padding: 0 0 15px; background: #ffffff }
	.apply-inner table { margin: 15px 15px 10px; width: 568px }
	.apply-inner td { height: 25px; padding: 5px 12px; border: 1px solid #cccccc; line-height: 25px }
	.apply-inner label, .apply-inner .input-text { float: left }
	.apply-inner label { padding: 0 10px 0 0 }
	.apply-inner .check { width: 170px }
		.apply-inner .check input, .apply-inner .radio input { float: left; height: 25px; border: 0 none }
	.apply-inner .input-text { width: auto }
	.apply-inner .submit-btn { margin: 0 0 0 15px }


	.member-apply .close-btn { position: absolute; top: 0; left: 579px; z-index: 90; padding: 3px; background: #ffffff; opacity: 0; filter: alpha(opacity=0) }
		.member-apply .close-btn em { display: block; width: 15px; height: 15px; background-position: -132px -23px; cursor: pointer }
		.member-apply .close-btn:hover em { background-position: -132px -84px }

.apply-overlay { position: fixed; top: 0; left: 0; z-index: 80; display: none; width: 100%; height: 100%; background: #000000; opacity: .4; filter: alpha(opacity=40) }

.apply-overlay { *width: 0; *height: 0; *overflow: hidden; *left: -9999px; *top: -9999px }

.login-status { padding: 15px 20px; line-height: 31px }
	.login-status .user-name { float: left }
		.login-status .user-name span { padding: 0 10px 0 0; color: #2b2b2b }
	.login-status .operation { float: right; width: auto; padding-top: 0; line-height: 31px }
	.login-status li { float: left; margin: 0 0 0 10px }

.activity-show img { margin: 0 0 10px }

.quarter-list-rec { width: 414px; margin: -14px -14px 0 0 }
	.quarter-list-rec li.p-box, .quarter-list-rec img { width: 193px }
	.quarter-list-rec li { float: left; margin: 14px 14px 0 0 }

.season-wrap .p-box, .season-wrap .p-box .image { width: 200px }

.reported-download {  }
	.reported-download .image, .reported-download img { width: 199px; height: 132px; overflow: hidden }
	.reported-download .box { width: 200px; height: 129px }
	.reported-download .title { width: 200px }

.quarter-wrap { position: relative }
	.quarter-wrap .title, .quarter-wrap .en_title { position: absolute; left: 60px; width: 20px; font-size: 14px }
	.quarter-wrap .en_title { top: 92px; left: -30px; width: 200px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) }
	.quarter-wrap .en_title { top: 0\9; left: 60px\9; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); background: #ffffff\9 }

.quarter-fade { width: 400px }
	.quarter-fade .slider { width: 203px; margin: 0 auto }
	.quarter-fade li { float: left; width: 203px }
	.quarter-fade img { width: 193px }
	.quarter-fade .text { width: 173px }
	.quarter-fade .prevBtn { left: 30px }
	.quarter-fade .nextBtn { right: 30px }

.monthly-news { margin: 15px 0 0; border: 1px solid #e7e7e7 }
	.monthly-news .title { padding: 7px 10px; border-bottom: 1px solid #e7e7e7; font-size: 16px; line-height: 19px }
	.monthly-news .list { padding: 5px 10px 10px }
	.monthly-news li { padding: 5px 0; border-bottom: 1px dashed #e7e7e7; line-height: 19px }
	.monthly-news li:last-child { padding: 5px 0 0; border: 0 none }
	
.institute-list { margin: 30px 0 -12px }
	.institute-list li { margin: 0 0 12px }

.tandiv {
    display: none;    
    background-color: #363636;
    text-align: center;
    position:relative;
}
    .tandiv img {
        position:absolute;
        margin:auto;
    }
.tandiv:target {
    display: flex;
    position: relative;
    /*margin-top:-260px;*/
}
    .tandiv .close {
        display:block;
        position:relative;
    }

        .tandiv .close::after {
            align-items: center;
            color: #fff;
            content: "X";
            background-color: rgba(79,79,79,0.9);
            border-radius: 50%;
            font-size: 1.25rem;
            justify-content: center;
            position: absolute;
            right: -2.5rem;
            top: -2.5rem;
            height: 2rem;
            width: 2rem;
            z-index: 2;
            text-align:center;
        }