@CHARSET "UTF-8";


.entity{margin:0 auto; width:1000px; height:auto;}
.entity2{margin:0 auto; width:1200px; height:auto;}
.fl{float:left;}
.fr{float:right;}
.ll{clear:left; float:left;}
.lr{clear:right; float:right;}
.fn{float:none;}
.fx{clear:both;}
.dockable{position:relative;}
.adaptive{zoom:1; overflow:hidden;}

.u-list{}
    .u-list .i{display:list-item; list-style:disc inside none;}
.o-list{}
    .o-list .i{display:list-item; list-style:decimal inside none;}

.cloak{line-height:0; opacity:0; filter:alpha(opacity=0); display:none; display:inline\9;}
    .cloak *{outline:none; filter:alpha(opacity=0);}
.nowrap{white-space:nowrap;}
.unselectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none; user-select:none;}
.enlargeable{cursor:url(/include/image/cursor/zoom-in.cur), auto;} /* cursor:url requires absolute path */
.shrinkable{cursor:url(/include/image/cursor/zoom-out.cur), auto;}
.invisible{visibility:hidden;}
.hidden{display:none;}

.clr-error{color:#c00;}
.clr-valid{color:#199900;}
.clr-warning{color:#f00;}
.clr-light{color:#ababab;}
.clr-orange{color:#ff7e00;}
.clr-light-blue{color:#87b4db;}
.clr-heavy-blue{color:#455a77;}
.matched{color:#c80000;}

.rect-border{border:1px solid #d5d5d5;}
.round-corner{-moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; /*position:relative\9;z-index:1\9;behavior:url(/include/js/vml.htc)\9;*/}
.bkclr-gray{background-color:#e9ecf1;}
.bkclr-light{background-color:#e9edf2;}
.bkclr-heavy{background-color:#455a77;}
.bkclr-dark{background-color:#29405f;}
.bkclr-white{background-color:#fff;}
.bkclr-azure{background-color:#fff;}
.bkclr-orange{background-color:#ff7e00;}
.bkclr-vitality{background-color:#c3d9ee; background-image:-webkit-linear-gradient(-45deg,#4cbf93,#60c365,#4db3ee); background-image:-moz-linear-gradient(-45deg,#4cbf93,#60c365,#4db3ee); background:-o-linear-gradient(-45deg,#4cbf93,#60c365,#4db3ee); background:linear-gradient(-45deg,#4cbf93,#60c365,#4db3ee);}
.o-repeat{background-repeat:repeat;}
.h-repeat{background-repeat:repeat-x;}
.v-repeat{background-repeat:repeat-y;}
.non-repeat{background-repeat:no-repeat;}

/*
 * section header [public]
 */
#header-wrap{z-index:3; +position:relative;}
    #toolbar-wrap{border-bottom:1px solid #d0d0d0; background-color:#f5f5f5;}
    #toolbar{padding:4px 0; height:21px; line-height:21px; text-align:right;}
        #greeting{float:left; color:#666;}
        #toolbar .i{display:inline-block; margin-right:10px; border-right:1px solid #b2b2b2; padding-right:10px; height:100%; *zoom:1;}
        #toolbar .last{margin:0; border:none; padding:0;}
        #toolbar .e{color:#666;}
        #toolbar .exten{position:relative; margin-right:20px; border:1px solid transparent; border-bottom:none; padding:0; line-height:20px; *z-index:4;}
        #toolbar .exten .dropdown{position:absolute; left:-1px; top:20px; border:1px solid #eee; width:auto; width:inherit; min-width:100%; height:auto; line-height:26px; white-space:nowrap; text-align:left; background:#fff; display:none; _display:block;_visibility:hidden;}
        .exten a.ie{padding:0 10px; height:100%; display:block; *line-height:21px;*zoom:1;*display:inline;}
        .exten a.ie:hover{text-decoration:none; _background:#fff; /*_background:url(about:blank) fixed;*/}
        .exten table{_position:absolute;_left:1px;_top:0;_border:none;*zoom:1;}
        #toolbar .dropdown .k{width:100%;}
        #toolbar .dropdown .e{padding:0 10px; display:block;}
        #toolbar .dropdown .e:hover{background:#ededed; text-decoration:none;}
        #toolbar .exten:hover,#toolbar .ie:hover{background:#fff; border-color:#eee; z-index:5;}
        #toolbar .exten:hover .dropdown,#toolbar .ie:hover .dropdown{display:block; z-index:4; _visibility:visible;}
    #header{height:111px;}
        #involve{float:left; padding:20px 0 0;}
            #logo{width:300px; height:50px; background:url(../images/sprite.png) no-repeat; _background-image:url(image/opaque/Logo.png);}
                #logo a{width:100%; height:100%; display:block; text-indent:-999em; overflow:hidden;}
            .logoBlue{background-image:url(../images/logoBlue.png)!important;}
            #slogan{margin:5px 0 0; width:auto; line-height:18px; text-align:center; color:#666;}
        /*#hotline{float:right; margin:20px 0 0; width:246px; height:60px; background:url(../images/sprite.png) no-repeat -222px -475px; text-indent:-999em; overflow:hidden; _background:url(image/opaque/24h-hotline.png) no-repeat;}*/
        #approach{float:right; padding:16px 0 0; overflow:hidden; *zoom:1;}
            #approach .first{float:left; position:relative; margin-right:26px; padding:8px 0; width:205px; height:62px; text-indent:49px; line-height:8px;}
                #approach .first em{position:absolute; left:0; bottom:8px; width:205px; height:40px; display:block; text-indent:-999em; background:url(../images/sprite.png) no-repeat 0 -475px; _background:url(image/opaque/24h-hotline.png) no-repeat;}
            #approach .last{float:right; border:1px solid #e3e3e3; width:78px; height:78px; background:url(../images/sprite.png) no-repeat -205px -475px;}
#menu-wrap{background-color:#1a3150; z-index:2; +position:relative;}
    #menuTrigger,#menuToggler{display:none;}
    #menu{height:46px; color:#fff;}
        #menu .i{float:left; height:100%; font-size:16px;}
        #menu .i:hover,#menu .ie6hack{position:relative;}
        #menu a,#menu .non-link{width:auto; max-height:46px; line-height:46px; padding:0 18px; display:block;*display:inline-block; color:#fff; text-decoration:none; *zoom:1;}
            #menu .dropdown{position:absolute; left:0; top:46px; width:auto; width:inherit; min-width:100%; height:auto; line-height:42px; white-space:nowrap; display:none;}
            #menu .dropdown a{line-height:42px;}
                #menu .dropdown a:hover{color:#87b4db;}
            #menu .i8 .dropdown{*width:116px;}
            #menu .i8 .spread{left:-732px; width:944px; padding:28px;}
            #menu .i8 .spread .a{float:left;}
            #menu .i8 .spread .b{float:left; max-width:372px; padding-left:80px; *width:372px;*zoom:1;}
            #menu .i8 .spread .c{float:right; max-width:372px; *width:372px;*zoom:1;}
            #menu .i8 .spread .p{float:left; margin-right:20px; width:152px; height:90px; *zoom:1;*overflow:hidden;}
            #menu .i8 .spread .p a{padding:0;}
            #menu .i8 .spread .p img{max-width:152px; height:auto; _width:152px;_height:90px;}
            #menu .i8 .spread .d{float:right; width:200px; line-height:22px; white-space:normal;}
            #menu .i10{float:right; max-width:52px;}
            #menu .i10 .icon{width:16px; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:-700px -158px; text-indent:-999em; _background-image:url(image/non-alpha/zoom.gif);_background-position:0 0;*height:46px;*display:block; overflow:hidden;}
            #menu .i10 .dropdown{left:auto; right:0; padding:0 20px;}
            #mqbx label span{margin-right:4px; display:inline-block; vertical-align:middle; font-size:24px;}
            #mqbx .l{padding:10px 0 0;}
            #mqbx .f{padding:0 0 20px;}
            #q{margin:0 8px 0 0; width:250px; height:16px; line-height:16px; padding:8px; border:1px solid #d4d4d4; color:#ababab;}
            #qBtn{width:34px; height:34px; padding:0; display:inline-block; background:url(../images/sprite.png) no-repeat -700px -205px;_background:url(image/non-alpha/btn-menuSearch.gif) no-repeat center; border:none; text-indent:-999em; cursor:pointer; *zoom:1; overflow:hidden; -webkit-appearance:none;}
        #menu .active{background-color:#455a77;}
        #menu .i:hover,#menu .ie6hack,#menu .i:hover .active,#menu .ie6hack .active,#menu .dropdown{background-color:#455a77;}
            /*#menu .dropdown .e:hover{color:#f00;}*/
        #menu .i:hover .dropdown,#menu .ie6hack .dropdown{display:block; z-index:3;}

/*
 * home [private]
 */
#slide-wrap{max-height:400px; z-index:1; overflow:hidden; *height:400px;}
    #slide{position:relative; margin:0 auto; width:100%; height:100%;}
        #slide .o{width:100%; height:100%; z-index:1;}
        #slide .k{max-height:400px; background:#fff; *position:absolute;*left:50%;*margin-left:-960px;*width:1920px;+max-height:none;*height:100%;*text-align:center;zoom:1;}
        #slide .k1{}
        #slide .k2{}
        #slide .k3{}
        #slide .e{width:100%; height:100%; display:block; text-decoration:none;}
        #slide .p{margin:0 auto; max-width:100%; height:auto; display:block; -ms-interpolation-mode:bicubic; *max-width:none;*height:400px;*display:inline;}
        #slide .q{position:absolute; left:50%; top:20%; margin-left:-500px; width:500px; height:auto; padding:1em; background:url(../images/translucency.png) repeat;} /* quirk */
        #slide .dots{position:absolute; left:0; right:0; bottom:14px; z-index:2; width:100%; text-align:center;}
            #slide .dots .dot{margin:0 4px; width:40px; height:8px; text-indent:-999em; display:inline-block; *display:inline;*zoom:1;*color:#fff;*text-indent:0; background:#fff; opacity:.4;filter:alpha(opacity:40); cursor:pointer; -moz-transition:background .5s,opacity .5s;-webkit-transition:background .5s,opacity .5s; transition:background .5s, opacity .5s; overflow:hidden;}
            #slide .dots .active{width:50px; opacity:1;filter:alpha(opacity:100);}
        #slide .arrows{position:absolute; right:0; bottom:1em; color:#455a77; z-index:2;}
            #slide .arrows .prev,#slide .arrows .next{padding:10px; display:inline; cursor:pointer;}

.p-box{padding:20px 0 30px; height:auto; overflow:hidden;}
    .p-header{position:relative; margin-bottom:20px; border-bottom:1px solid #999; padding:0 0 20px; text-align:left; *zoom:1;}
    .p-header *{display:inline;}
    .p-header .hc{margin-right:10px; padding-left:30px; font-size:16px; line-height:28px; color:#455a77; background:url(../images/sprite.png) no-repeat -500px -597px;}
    	/* override: background-position */
        #p-h2-2 .hc,#p-h2-3 .hc{background-position:-500px -625px;}
        #p-h2-4 .hc{background-position:-500px -653px;}
        #p-h2-6 .hc,#p-h2-11 .hc{background-position:-500px -681px;}
        #p-h2-7 .hc{background-position:-500px -709px;}
        #p-h2-8 .hc{background-position:-500px -737px;}
        #p-h2-9 .hc{background-position:-500px -765px;}
        #p-h2-10 .hc{background-position:-500px -793px;}
    .p-header .he{margin-right:20px; font-weight:700; color:#999; text-transform:uppercase;}
    .p-header .hd{margin-right:20px;}
    .p-header .hk{margin-right:10px; border-right:1px solid #ccc; padding-right:10px; cursor:pointer;}
    .p-header .hk-last{margin:0; border:none; padding:0;}
    .p-header .hm{position:absolute; right:0; bottom:20px;}
    .p-header .hm-btn{width:126px; height:24px; display:block; line-height:24px; text-align:center; background:url(../images/sprite.png) no-repeat -874px -451px; color:#fff!important;}
    .p-header .hm-btn:hover{background-position:-874px -427px; text-decoration:none;}
    /* override: border-color,font color */
    .p-colored-header{border-color:#455a77;}
    .p-colored-header .he,.p-colored-header .hd{color:#455a77;}
    .caption .m{color:#999; transition:color .5s;}
#pilot-article{height:auto; overflow:hidden;}
    #p-cl,#p-c3{float:left; width:380px;}
	#p-c2{float:left; width:400px;}
    #p-c2{margin:0 20px; max-height:394px;}
        #p-c2:hover .m{color:#455a77;}
    #p-c3{float:right;}
    #pilot-article .caption{position:relative; margin-bottom:20px; border-left:3px solid #a31e15; padding-left:10px; height:18px; line-height:18px; font-size:16px;}
    #pilot-article .caption .m{position:absolute; right:0; font-size:14px;}
    .p-article{margin-bottom:40px; min-height:177px; *height:177px;}
        .p-article:hover .m{color:#455a77;}
    #p-a2,#p-a4{margin:0;}
    .p-article .i{/*padding-left:23px;*/padding-left:20px;/*display:list-item; list-style:disc inside none;*/ line-height:26px; background:url(../images/sprite.png) no-repeat -982px -592px;}
	
.p-article .i a{ font-size:14px;}
	
	
        .p-article .i2{background-position:-982px -615px;}
        .p-article .i3{background-position:-982px -638px;}
        .p-article .i4{background-position:-982px -661px;}
        .p-article .i5{background-position:-982px -684px;}
        .p-article .i6{background-position:-982px -707px;}
        .p-article .i7{background-position:-982px -730px;}
        .p-article .i8{background-position:-982px -753px;}
        .p-article .i9{background-position:-982px -776px;}
        .p-article .i10{background-position:-982px -799px;}
    #p-c2-p1{/*width:320px; height:180px; background:#455a77;*/}
	#p-c2-p1 img{ width:100%; height:200px;}
        #p-c2-p1 .e{position:relative; display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
        #p-c2-p1 .p{display:block;}
        #p-c2-p1 .t{position:absolute; left:0; bottom:0; right:0; padding:0 10px; width:100%; height:30px; line-height:30px; background:url(../images/translucency-70.png) repeat; overflow:hidden; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/include/image/quirk/translucency-70.png');_background:none;}
    #p-c2-d1{padding:10px 0 10px; width:100%; height:60px; text-align:justify; font-size:14px;}
    .p-c2-mx{float:left; width:190px; height:124px;}
    #p-c2-p3{float:right;}
        .p-c2-mx .e{position:relative; display:block; width:100%; height:100%; color:#fff!important; text-decoration:none!important;}
        .p-c2-mx .p{display:block;}
		.p-c2-mx img{width:100%; height:120px;}
        .p-c2-mx .t{position:absolute; left:0; bottom:0; right:0; padding:0 9px; width:100%; height:30px; line-height:30px; background:url(../images/translucency-70.png) repeat; overflow:hidden; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/include/image/quirk/translucency-70.png');_background:none;}
.p-works{overflow:hidden; *zoom:1;}
    .p-works .i{float:left; position:relative; margin-right:8px; padding:0 0 40px; width:244px; height:194px;}
    .p-works .last{margin-right:0;}
    .p-works .e{position:relative; width:100%; height:100%; display:block; overflow:hidden; background:#455a77; color:#fff!important; text-decoration:none!important;}
    .p-works .p{display:block;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;}
    .p-works .e:hover .p{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);}
    .p-works .t{position:absolute; left:0; bottom:0; right:0; padding:0 10px; width:224px; height:30px; line-height:30px; background:url(../images/translucency-70.png) repeat; overflow:hidden; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/include/image/quirk/translucency-70.png');_background:none;}
    .p-works .btn{position:absolute; right:0; bottom:0; padding:0 20px; width:auto; height:26px; line-height:26px; display:block; border-color:#455a77; background:#455a77; color:#fff!important; text-decoration:none!important; cursor:pointer;}
#p-works-comercial{border-top:2px solid #455a77;}
#pilot-profile{height:auto; overflow:hidden;}
    #p-impression,#p-workflow p,#p-testimonial{background:#fff;}
    #p-impression{float:left; width:309px; height:284px; padding:8px; color:#212121; overflow:hidden;}
        #p-snapshot{width:100%; height:160px;}
        #p-snapshot a{width:100%; height:100%; display:block;}
        #p-snapshot img{width:309px; height:160px;}
        #p-brief{width:255px; height:116px; padding:8px 0 0 54px; background:url(../images/sprite.png) no-repeat -958px 10px;}
    #p-workflow{float:left; margin-left:12px; width:325px; height:300px; font-weight:bold; font-size:18px;}
        #p-workflow p{float:left; margin:0 12px 9px 0; width:156px; height:94px; text-align:center;}
        #p-workflow .e{margin-right:0;}
        #p-workflow .b{margin-bottom:0;}
        #p-workflow a{width:100%; height:100%; line-height:94px; display:block; vertical-align:middle; color:#848484; text-decoration:none;}
        #p-workflow a:hover{background-color:#87b4db; color:#fff;}
    #p-testimonial{float:right; width:285px; height:260px; padding:20px; position:relative;}
        #p-testimonial .caption{margin:0 0 20px; line-height:24px; overflow:hidden; font-weight:normal; *zoom:1;}
        #p-testimonial .caption .c{float:left; font-size:18px;}
        #p-testimonial .caption .m{float:right;}
            #p-testimonial:hover .m{color:#455a77;}
        #testimonial{clear:both; margin:0; width:285px; height:216px; overflow:hidden;}
        #testimonial li{float:left; padding:0 5px; width:275px; height:100%;}
        #testimonial a{width:100%; height:100%; display:block; text-align:center; text-decoration:none;}
        #testimonial img{display:block; padding:0 0 20px; width:100%; height:172px;}
        #testimonial span{width:100%; line-height:24px; display:block;}
.p-admirable{float:left; min-height:264px;}
    .p-admirable .caption{position:relative; margin-bottom:20px; border-left:3px solid #a31e15; padding-left:10px; line-height:18px; *zoom:1;}
    .p-admirable .caption .c{margin-right:10px; font-size:16px;}
    .p-admirable .caption .e{color:#999;}
    .p-admirable .caption .m{position:absolute; right:0; bottom:0;}
    .p-admirable:hover .m{color:#a31e15;}
#p-today{width:320px;}
    #p-today .img{margin-bottom:10px; width:320px; height:190px;}
    #p-today .img .e{position:relative; width:100%; height:100%; display:block; color:#fff; text-decoration:none; background:#455a77;}
    #p-today .img .p{display:block;}
    #p-today .img .t{position:absolute; left:0; bottom:0; right:0; padding:0 10px; width:300px; height:30px; line-height:30px; background:url(../images/translucency-70.png) repeat; overflow:hidden; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/include/image/quirk/translucency-70.png');_background:none;}
#p-inspire{float:right; width:662px;}
    #p-inspire .list{overflow:hidden; *zoom:1;}
    #p-inspire .i{float:left; margin:0 10px 12px 0; width:158px; height:126px; background:#455a77;}
    #p-inspire .i-eol{margin-right:0;}
    #p-inspire .i-l2{margin-bottom:0;}
    #p-inspire .i .e{position:relative; width:100%; height:100%; display:block; color:#fff; text-decoration:none;}
    #p-inspire .p{display:block;}
    #p-inspire .t{position:absolute; left:0; bottom:0; padding:0 8px; width:142px; height:32px; line-height:32px; background:url(../images/translucency-70.png) repeat; overflow:hidden; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/include/image/quirk/translucency-70.png');_background:none;}
.p-designer{position:relative; float:left; margin-right:20px; width:235px; min-height:320px;}
.p-designer-last{margin:0;}
    .p-designer .name{margin:200px 0 0; font-size:16px;}
    .p-designer .portrait{width:100%; height:180px; position:absolute; left:0; top:0; background:white;}
    .p-designer .summary{margin:20px 0;}
    .p-designer .contact{position:relative; margin:0 12px; height:28px; overflow:hidden;}
    .p-designer .btn{position:absolute; bottom:0; width:100px; line-height:26px; display:inline-block; text-align:center; border-color:#455a77; background-color:#455a77; color:#fff;}
    .p-designer .contact .last{right:0;}
    .p-designer a.btn:hover{text-decoration:none;}
#p-support{margin:0;}
    #p-support .roll-item{margin:0 3px; width:244px; height:200px;}
    #p-support .e{position:relative; width:100%; height:100%; display:block; text-decoration:none;}
    #p-support .p{display:block;}
    #p-support .t{position:absolute; left:0; bottom:0; right:0; width:100%; line-height:40px; background:#485a78; color:#fff; text-align:center;opacity:0.95}
    #p-support .e:hover .t{background:#2f2c2a;}
    #p-support .roll-btn{/*left:3px;*/ top:66px; width:30px; height:68px; display:block; background:url(../images/roll-btn.png) no-repeat; z-index:2; display:none;}
    #p-support .btn-next{/*left:auto; right:3px;*/ background-position:right;}
    #p-support:hover .roll-btn{display:block;}
#p-designflow{height:240px; overflow:hidden; background:#c4d9ee;}
    #p-designflow .k{float:left; margin-right:1px; height:100%; background:#fff;}
    #p-designflow .c{float:left; padding:45px 10px 0; width:20px; height:195px; font-size:16px; line-height:20px; text-align:center; background:#455a77; color:#fff; cursor:default;}
    #p-designflow .c i{font-size:18px; line-height:18px;}
    #p-designflow .i,#p-designflow .d{float:left; height:220px; background:#fff; display:none;}
    #p-designflow .i{border-left:1px solid #c4d9ee; padding:10px; width:410px;}
    #p-designflow img{display:block;}
    #p-designflow .d{margin:10px 10px 10px 0; width:273px; background:#c8d1da; *position:relative;}
    #p-designflow .d .w{display:table-cell; vertical-align:middle; text-align:center; *position:absolute;*left:50%;*top:50%;}
    #p-designflow .d .t{display:inline-block; margin:0 auto; font-size:16px; white-space:nowrap; text-align:left; *position:relative;*left:-50%;*top:-50%;}
    #p-designflow .t .b{margin:0 0 8px; font-weight:bold;}
    #p-designflow .last{margin:0;}
    #p-designflow .active .i,#p-designflow .active .d{display:block;}
    #p-designflow .active .d{display:table; *display:inline;}
#index-mallbanner{height:92px; overflow:hidden;}
#pilot-mall{height:auto; overflow:hidden;}
    #p-m-navi{float:left; width:170px; height:386px; background:#fff;}
        #p-m-navi .caption{margin-bottom:10px; padding:0 10px; height:34px; line-height:34px; background:#455a77;}
        #p-m-navi .item{margin:0 10px; border-bottom:1px solid #ababab; line-height:28px;}
        #p-m-navi .last-item{margin-bottom:10px; border:none;}
        #p-m-navi .e{width:100%; display:block; color:#fff; text-decoration:none;}
        #p-m-navi .item .e{color:#000;}
    #p-m-prom{float:left; width:300px; height:386px; position:relative;}
        #p-m-prom a{position:relative; width:100%; height:100%; display:block; background:#c08247;}
        #p-m-prom em{position:absolute; left:0; bottom:0; padding:0 10px; width:280px; height:34px; line-height:34px; text-align:center; background:url(../images/translucency-70.png) repeat; color:#fff; text-decoration:none;}
        #p-m-prom i{position:absolute; right:0; top:0; width:100px; height:100px; background:url(../images/sprite.png) no-repeat 0 -592px; text-indent:-999em;}
    #p-m-list{float:left; width:530px; height:328px; background:#fff; overflow:hidden;}
        #p-m-list .i{float:left; border:1px solid #cfcfcf; border-width:0 1px 1px 0; width:264px; height:163px;}
        #p-m-list .b,#p-m-list .d{border-right:none;}
        #p-m-list .c,#p-m-list .d{border-bottom:none;}
        #p-m-list a{padding:16px 20px; width:224px; height:131px; display:block; text-decoration:none;}
        #p-m-list img{display:block;}
        #p-m-list em{font-size:16px;}
        #p-m-list i{display:block; color:#a31e15; font-weight:bold;}
    #p-m-brand{float:left; position:relative; width:530px; height:58px; background:#fff;}
        #p-m-brand ul{margin:8px 0!important; height:42px; background:#ededed; overflow:hidden; z-index:1;}
        #p-m-brand li{float:left; margin-right:1px; width:105px; height:100%; background:#fff; text-align:center;}
        #p-m-brand img{display:block;}
        #p-m-brand em{display:block; line-height:42px;}
        #p-m-brand i{position:absolute; right:0;top:0; width:1px; height:58px; background:#fff; z-index:2;}

    #pilot-initial .i{float:left; margin-right:10px; width:192px; min-height:275px; text-align:center; _float:none;_margin:0;_width:100%;}
    #pilot-initial .last{margin-right:0;}
    #pilot-initial .icon{width:100px; height:100px; margin:7px auto; text-indent:-999em; background:url(../images/sprite.png) no-repeat 0 -59px; _background:url(image/opaque/initial-icon.png) no-repeat;}
    #pilot-initial .a2{background-position:-100px -59px; _background-position:-100px 0;}
    #pilot-initial .a3{background-position:-200px -59px; _background-position:-200px 0;}
    #pilot-initial .a4{background-position:-300px -59px; _background-position:-300px 0;}
    #pilot-initial .a5{background-position:-400px -59px; _background-position:-400px 0;}
    #pilot-initial .caption{line-height:28px; font-size:18px; font-weight:bold;}
    #pilot-initial .c{height:24px; padding:0 0 11px;}
    #pilot-initial .d{min-height:94px; padding:7px 11px; text-align:justify; border-bottom:4px solid #848484; _height:94px;}
    #pilot-initial .i:hover,#pilot-initial .ie:hover{background-color:#87b4db; color:#fff;}
    #pilot-initial .i:hover .icon{background-position:0 -159px;}
    #pilot-initial .i:hover .a2{background-position:-100px -159px;}
    #pilot-initial .i:hover .a3{background-position:-200px -159px;}
    #pilot-initial .i:hover .a4{background-position:-300px -159px;}
    #pilot-initial .i:hover .a5{background-position:-400px -159px;}
    #pilot-initial .i:hover .d,#pilot-initial .ie:hover .d{background-color:#333; border-color:#87b4db;}
    /* legacy ie */
    #pilot-initial .ie{float:left; margin-right:10px; width:192px; min-height:275px; zoom:1; text-decoration:none;}
    #pilot-initial .ie-last{margin-right:0;}
    #pilot-initial .ie:hover .icon{background-position:0 -100px;}
    #pilot-initial .ie:hover .a2{background-position:-100px -100px;}
    #pilot-initial .ie:hover .a3{background-position:-200px -100px;}
    #pilot-initial .ie:hover .a4{background-position:-300px -100px;}
    #pilot-initial .ie:hover .a5{background-position:-400px -100px;} /* legacy ie hack end */
#pilot-partner{height:auto;}
    #pilot-partner .roll-body{margin:0 auto 8px; width:1200px; /*height:78px;*/height:auto; border:1px solid #fff;border-width:11px 32px; overflow:hidden; background:#fff;}
    #pilot-partner li{padding:3px 0; width:100%;}
    #pilot-partner .roll-body a{margin:0 12px 0 11px; width:164px; height:72px; display:inline-block;}
    #pilot-partner a img{max-width:158px; max-height:66px; padding:2px; border:1px solid #bdbdbf; background-color:#fafafa;}
    #pilot-partner a:hover img{padding:1px; border:2px solid #888;}
#url{height:auto; padding:33px 0; border-bottom:1px solid #587092; overflow:hidden;}
    #url .caption{position:relative; margin:0 0 11px; height:32px; line-height:32px; text-indent:11px;}
    #url .d{position:absolute; left:0; top:8px; width:3px; height:14px; background-color:#a31e15; display:block; overflow:hidden;}
    #url .i{display:inline; margin-right:8px;}
    #url a{white-space:nowrap; color:#d9dce1; text-decoration:none;}

/*
 * element fancyr[ow] [public]
 */
.fancyr{width:100%; height:auto; overflow:hidden;} /* outer wrap */
.fancyr a{text-decoration:none!important;}
.fancyr .fancyn{margin:0 auto 8px; width:1000px; height:194px;} /* navigation */
    .fancyn .i{float:left; margin-right:8px; width:244px; height:194px; overflow:hidden;} /* item */
    .fancyn .last{margin-right:0;}
    .fancyn a.e{position:relative; width:100%; height:100%; display:block; text-align:center; overflow:hidden;} /* entrance */
    .fancyn .p{display:block;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;}
    .fancyn .m{position:absolute; left:0; /*top:110px; width:202px; height:152px; padding:21px;*/top:170px; width:224px; height:194px; padding:0 10px; text-align:left; background:url(../images/translucency-30.png) repeat; color:#fff; display:block; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/include/image/quirk/translucency-30.png');_background:none;*cursor:pointer;} /* mask */
    .fancyn a.e:hover .m,.fancyn a.active .m{top:0; width:202px; height:152px; padding:21px; background:url(../images/translucency-30.png) repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/include/image/quirk/translucency-30.png');_background:none;}
    .fancyn .c{margin:0 0 1em; height:auto; font-size:16px;} /* caption */
    .fancyn a.e:hover .c,.fancyn a.active .c{font-size:20px;}
    .fancyn a.e:hover .p{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    /* standalone */
    .fancyn a.e:hover .a,.fancyn a.active .a{height:152px;}
.fancyr .fancyx{margin:0 0 8px; width:100%; padding:26px 0; color:#fff; *position:relative;} /* superb box */
    .fancyx .i{min-height:263px; max-height:330px; height:100%;}
    .fancyx .p{float:left; width:502px; height:263px; overflow:hidden;}
        .fancyx .p a{width:100%; height:100%; display:block;}
        .fancyx .p img{margin-left:auto; margin-right:auto; position:relative; width:100%; height:auto;}
    .fancyx .a{position:relative; border:1px solid #232323; width:500px; height:328px; display:block; background:url(../images/translucency.png) repeat; *background:none; *zoom:1;} /* album */
        .fancyx .a .g{width:100%; height:100%; position:relative;}
        .fancyx .a .o{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; text-align:center; z-index:1; display:none; *visibility:hidden;}
        .fancyx .hidden .a .active{display:none; *visibility:hidden;}
        .fancyx .active .a .active{display:block; *visibility:visible;}
        .fancyx .a .b{position:absolute; width:28px; height:28px; line-height:28px; text-align:center; vertical-align:middle; background-color:#fff; color:#000; border:1px solid #cfcfcf; font-size:20px; cursor:pointer; z-index:2; display:none;} /* buttons */
        .fancyx .a .l{left:7px; top:150px;}
        .fancyx .a .r{right:7px; top:150px;}
        .fancyx .a .z{right:7px; bottom:7px; background:#fff url(image/non-alpha/zoom.gif) no-repeat -13px -9px\9;text-indent:-999em\9;}
        .fancyx .a:hover .b{display:block; z-index:3;}
        .fancyx .a .b:hover{color:#a31e15;}
    .fancyx .x{float:right; width:465px; height:auto; max-height:302px; padding:14px 0 14px 33px; color:#eee; overflow:hidden;}
        .fancyx .c{margin:0 0 10px; font-size:22px;}
        .fancyx .j{padding:0 0 6px;}
        .fancyx .j a{color:#eee;}
        .fancyx .j a:hover{color:#fff;}
        .fancyx .d{margin:11px 0 10px;}
        .fancyx .t{padding:4px 0 0;}
        .fancyx .t a{margin-right:10px; white-space:nowrap;}
        .fancyx .t a.last{margin:0;}
        .fancyx .e,.fancyx a.e{margin:0 20px 0 0; border:1px solid #daddee; padding:6px 26px; display:inline-block; color:#fafafa; cursor:pointer; -moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;}
        .fancyx .e:hover{border-color:#87b4db; background:#87b4db;}
        .fancyx .b .last{margin:0;}

/*
 * workflow [private]
 */
#phase-initial{padding:1em 0 0;}
    .sym-phase{height:auto; overflow:hidden;}
        .sym-phase .a{float:left; width:270px; text-align:center;}
            .sym-phase .a .icon{margin:0 auto; width:216px; height:216px; background:#87b4db url(../images/sprite.png) no-repeat 0 -259px; color:#fff; text-indent:-999em; -moz-border-radius:108px;-webkit-border-radius:108px;-o-border-radius:108px; border-radius:108px; overflow:hidden;}
            .sym-phase .a h2{line-height:58px; font-size:24px; font-weight:normal;}
        .sym-phase .b{float:right; width:690px; font-size:18px; overflow:visible;}
        .sym-phase .b:after{content:''; height:0; display:block; clear:both;}
            .sym-phase .b .p{float:left; width:210px; height:18px; padding:40px 20px 40px 0; line-height:22px; overflow:visible;}
            .sym-phase .b .p .icon{float:left; margin:-20px 12px 0 0; width:60px; height:60px; line-height:60px; text-align:center; display:inline-block; background-color:#87b4db; color:#fff; font-size:50px; font-weight:bolder; -moz-border-radius:30px;-webkit-border-radius:30px;-o-border-radius:30px; border-radius:30px; position:relative\9;z-index:1\9;behavior:url(/include/js/vml.htc)\9;}
#phase-constructional{padding:68px 0 38px;}
    #phase-constructional .icon{background-color:#9ac2e5; background-position:-216px -259px;}
#phase-c-d,#phase-maintenance{padding:72px 0;}
    .phase-c-d{position:relative; margin-left:241px; width:674px; padding:30px; background-color:#e9f6ff; color:#555; overflow:visible;}
        #phase-c-d .first{background-color:#d3e3f2;}
        #phase-c-d .last{background-color:#f9fdff;}
        .phase-c-d .caption{position:absolute; left:-241px; width:264px; height:48px; line-height:48px; text-align:center; background:#87b4db; color:#fff; font-size:20px; font-weight:normal;}
        .phase-c-d .u-list{margin-left:46px; padding-left:10px; line-height:34px;}
        .phase-c-d .u-spec{margin-left:76px;}
#phase-maintenance .icon{background-color:#455a77; background-position:-432px -259px;}
#phase-maintenance .b .last{margin-bottom:41px;}
    .phase-m-d{margin:0 25px auto 83px; padding:20px;+padding-top:10px; line-height:34px; font-size:14px; list-style:decimal inside none; color:#fff;}
#phase-complaint{padding:0 0 40px;}
    #phase-complaint .icon{background-color:#acacac; background-position:-648px -259px;}
    #phase-complaint .b{position:relative; height:743px; font-size:16px; overflow:visible;}
    #phase-complaint .b li{float:left; width:190px; padding:10px 0; text-align:center; position:absolute; top:0; background-color:#455a77; color:#fff;}
    #phase-complaint .b .ar{height:26px; line-height:26px; padding:0;}
    #phase-complaint .b .crow{}
    #phase-complaint .b .first,#phase-complaint .b .last{}
    #phase-complaint .b .ar,#phase-complaint .b .arr{background:none; color:#455a77;}
        #phase-complaint .b .l{left:-202px;}
        #phase-complaint .b .c,#phase-complaint .b .ar{left:68px;}
        #phase-complaint .b .cr,#phase-complaint .b .arr{left:204px;}
        #phase-complaint .b .r{left:407px;}
        #phase-complaint .b .c1{top:0;}
        #phase-complaint .b .c2{top:109px;}
        #phase-complaint .b .c3{top:182px;}
        #phase-complaint .b .c4{top:256px;}
        #phase-complaint .b .c5{top:329px;}
        #phase-complaint .b .c6{top:402px;}
        #phase-complaint .b .c7{top:476px;}
        #phase-complaint .b .c8{top:570px;}
        #phase-complaint .b .c9{top:660px;}
        #phase-complaint .b .ard1{top:83px;}
        #phase-complaint .b .ard2{top:156px;}
        #phase-complaint .b .ard3{top:229px;}
        #phase-complaint .b .ard4{top:303px;}
        #phase-complaint .b .ard5{top:376px;}
        #phase-complaint .b .ard6{top:449px;}
        #phase-complaint .b .ard7{top:545px;}
        #phase-complaint .b .ard8{top:636px;}

/*
 * primary container [public]
 */
#asset-wrap{height:auto; min-height:550px; padding:0 0 1em; overflow:hidden;}
    #page-project #asset-wrap{padding-bottom:32px;}

/*
 * banner container [public]
 */
#banner-wrap{position:relative; height:150px; overflow:hidden;}
    .mediacy{position:absolute; left:50%; margin-left:-960px; width:1920px; height:100%; text-align:center;}
    #banner-text{position:absolute; top:100px; left:0; right:0; display:block; text-indent:90px; *display:none;}

/*
 * tracks [public]
 */
#tracks{padding:1em 0;}
    #tracks .o{display:inline-block; *display:inline;*zoom:1;}
    #tracks .p{*margin-right:.5em;*padding-right:1em;*background:url(image/opaque/icon-rArr.jpg) no-repeat right;} /* here hack for ie6/7 */
    #tracks .p:after{content:' > ';}

/*
 * inside context menu [public]
 */
#inside-menu{margin:1em auto 22px; text-align:center; letter-spacing:-3px; font-size:0;}
#inside-menu li{position:relative; display:inline-block; letter-spacing:normal; font-size:14px; *display:inline;*zoom:1;}
    #inside-menu .extend{position:absolute; left:0; top:42px; display:none; padding-top:9px; padding-bottom:9px; height:14px; width:auto; text-align:center; white-space:nowrap; letter-spacing:-3px; font-size:0;}
    #inside-menu .extend .k{border-right:1px solid #d2d2d2; padding:0 10px; line-height:100%; display:inline-block; white-space:nowrap; letter-spacing:normal; font-size:14px; *display:inline;*zoom:1;}
    #inside-menu .extend .last{border:none;}
    #inside-menu .expand .extend{display:block;}
#inside-menu a{padding:0 32px; line-height:32px; display:inline-block; white-space:nowrap; background-color:#455a77; color:#fff; text-decoration:none;}
    #inside-menu a.leftBoundary{-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
    #inside-menu a.rightBoundary{-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;}
#inside-menu a:hover,#inside-menu .active{background:#87b4db;}
    #inside-menu a.j{padding:0; line-height:100%; background:none; color:#666; *vertical-align:middle;}
    #inside-menu .extend .active,#inside-menu .extend a:hover{background:none; color:#455a77;}
#page-project #inside-menu,#page-article #inside-menu,#page-article-instance #inside-menu{margin-bottom:56px;}
#page-article #inside-menu a,#page-article-instance #inside-menu a{padding:0 16px;}

/*
 * inside content menu [public]
 */
#inline-menu{margin:0 0 1.5em; width:auto; height:38px; border-bottom:1px solid #daddee;}
#inline-menu li{height:100%; line-height:38px; display:inline-block; *display:inline;*zoom:1;}
#inline-menu a{position:relative; margin:0 0 -1px; width:auto; height:37px; padding:0 10px 3px; display:inline-block; text-decoration:none; overflow:hidden;}
#inline-menu .active,#inline-menu a:hover{border-bottom:3px solid #618eb5; padding-bottom:0;}

/*
 * inside context menu, list item appearance [public]
 */
.reference-menu{margin:1em 0; padding:0 0 1em; list-style:decimal inside none; border-bottom:1px dotted #daddee;}
.reference-menu a{color:#0000fa;}

/*
 * select menu
 */
.select-menu{padding:1em 0;}
    .select-menu dt{clear:left; float:left; padding:2px 0;}
    .select-menu dt:after{content:'：'; display:inline-block; color:#7d7d7d;}
    .select-menu dd{margin-bottom:1em; border-bottom:1px dotted #ccc; padding-left:64px; padding-bottom:1em;}
    .select-menu dd:nth-last-of-type(1){margin:0;}
    .select-menu a{margin-left:.5em; display:inline-block; padding:2px 4px; text-decoration:none;}
    .select-menu a:first-child{margin-left:0;}
    .select-menu a.active{background:#455a77; color:#fff;}
    .select-menu a:hover{background:#87b4db; color:#fff;}

/*
 * left and right column under section archive [public]
 */
#left{float:left; width:656px; padding:1em 10px 10px;}
#right{float:right; width:314px; padding:1em 0 0;}

/*
 * tablet row under section archive [public]
 */
#tablet{width:auto; padding:0 0 1em; overflow:hidden; _height:400px;_overflow:visible;*zoom:1;} /* equals to entity */
#catalogue{_height:400px;_overflow:visible;*zoom:1;} /* legacy ie */

/*
 * section headings [public]
 */
.headings{text-align:center;}

/*
 * section left column [public]
 */
#document-caption{padding:0 0 .5em; font-size:20px; font-weight:bold;}
#document-caption em{display:block; font-size:14px; font-weight:normal; color:#455a77;}
#document-caption + .pubdate{text-align:center;}

/*
 * section right column [public]
 */
.col-right{margin:0 0 38px; width:auto;}
    .col-right .caption{margin:0 0 11px; padding:0 0 10px; font-weight:bold; font-size:18px; border-bottom:1px solid #ccc;}
    .col-right .i,.col-right .r{margin:0 0 10px; padding:0 0 9px; color:#4c4c4c; border-bottom:1px solid #daddee;}
    .col-right .last{margin:0; padding:0; border:none;}
    .col-right .c{margin:0 0 6px; color:#212121;}
    .col-right .e{padding:2px 0;}
    .col-right .t{text-align:right;}
    .col-right .r{list-style:disc inside none; border:none;}
    .col-right .ad{margin-top:20px;}
#right .col-right{width:314px;}

/*
 * TextQuota, main text area [public]
 */
.TextQuota{text-align:justify;}
.TextQuota p,.TextQuota ol,.TextQuota ul,.TextQuota dl,.TextQuota blockquote,.TextQuota table{padding:1em 0;}
.TextQuota h1{font-size:150%; padding:1em 0 .5em;}
.TextQuota h2{font-size:140%; padding:1em 0 .5em;}
.TextQuota h3{font-size:135%; padding:1em 0 .5em;}
.TextQuota h4{font-size:130%; padding:1em 0 .5em;}
.TextQuota h5{font-size:120%; padding:1em 0 .5em;}
.TextQuota h6{font-size:110%; padding:1em 0 .5em;}
.TextQuota p{text-indent:2em;}
.TextQuota p[style*="text-align:center"],.TextQuota p[style*="text-align: center"]{text-indent:0;}
.TextQuota em{font-style:italic;}
.TextQuota ol,.TextQuota ul{padding:5px 2em; list-style:disc outside none;}
.TextQuota ol{list-style-type:decimal;}
.TextQuota li.ellipsis{list-style-type:none;}
.TextQuota dl{padding:5px 2em;}
.TextQuota dt,.TextQuota strong{font-weight:bold;}
.TextQuota a:link,.TextQuota a:visited{color:#0f6b99;}
.TextQuota a:hover,.TextQuota a:active{color:#455a77; text-decoration:underline;}
.TextQuota table{margin-left:2em; margin-right:2em; border:2px solid #dfe1e5;}
.TextQuota table tr:hover{background:#f1f4f8;}
.TextQuota table caption,.TextQuota table th,.TextQuota table td{padding:5px 10px;}
.TextQuota table th,.TextQuota table td{border:1px solid #dfe1e5;}
.TextQuota blockquote{position:relative; padding:0 15px; border-left:5px solid #daddee; color:#a7a7a8;}
.TextQuota blockquote a{color:#6a6a6b;}

/*
 * ImageQuota, image wrapper [public]
 */
.ImageQuota img{max-width:100%; height:auto; background:#fafafa; border:1px solid #dfe1e5;}

/*
 * element prompt [public]
 */
.prompt{margin-bottom:1em; border:1px solid #a00; padding:.5em 1em; vertical-align:middle; background:#ffa; color:#a00;}

/*
 * element prompt in section FormQuota [public]
 */
.FormQuota .prompt{margin:8px 0 0; display:inline-block; *display:inline;*zoom:1;}

/*
 * element input [public]
 */
.ibox{padding:6px; border:1px solid #d4d4d4; width:146px; height:18px; line-height:18px;} /* visible text input */
.ibox-long{width:386px;}
.ibox-medium{width:246px;}
.ibox-short{width:86px;}
.ibox-minimum{width:46px;}
textarea[class*="ibox"]{min-width:340px; max-width:560px; min-height:100px; max-height:250px; line-height:normal; overflow-y:auto;}
.ibox:focus{border-color:#acbbcd;}

.ibox-pn{width:287px; height:26px; line-height:26px; padding:10px; letter-spacing:8px; border:1px solid #d4d4d4; color:#ababab; font-size:20px;}

/*
 * element button [public]
 */
.btn{border:1px solid #daddee; background:none; color:#666; cursor:pointer; -webkit-appearance:none;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;}
.btn:focus{border:1px solid #daddee;} /* If default state of button has a border, then the focus state must also have a border */
.btn:hover,.btn:active{background:#87b4db; border-color:#87b4db; color:#fff;}
#reset{background:#cfcfcf; border-color:#cfcfcf;}
#reset:hover,#reset:active{background:#7a7a7a; border-color:#7a7a7a;}
.btn:disabled{color:#efefef; background:#cfcfcf;}

/*
 * catalogue album [public]
 */
.album{width:100%; height:auto; overflow:hidden;}
    .album .i{float:left; background-color:#fff;}
        .album .project{width:244px; height:194px; margin:0 8px 8px 0;}
        .album .cert,.album .partner{width:234px; height:200px; margin:0 6px 14px; border:1px solid #cfcfcf; -moz-box-shadow:1px 2px 2px 1px rgba(161,161,161,.3);-webkit-box-shadow:1px 2px 2px 1px rgba(161,161,161,.3);-ms-box-shadow:1px 2px 2px 1px rgba(161,161,161,.3);-o-box-shadow:1px 2px 2px 1px rgba(161,161,161,.3); box-shadow:1px 2px 2px 1px rgba(161,161,161,.3); *zoom:1;}
    .album .album-br{margin-right:0;}
    .album a{width:100%; height:100%; display:block; vertical-align:middle; text-align:center; text-decoration:none; overflow:hidden;}
    .album img{width:auto; height:auto; display:inline-block;}
        .album .cert img{margin:15px; width:204px; height:170px;}
        .album .partner img{margin:67px 38px; width:158px; height:66px;}
    .album span{width:100%; line-height:24px; display:block; text-align:center; zoom:1;}
    .album-m4k a{position:relative;}
    .album-m4k span{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/translucency-30.png) repeat; font-size:24px; white-space:normal; word-break:normal; color:#fff; display:none;}
        .album .project span,.album .cert span{padding:60px 20px; line-height:30px; text-align:left;}
        .album .project span{padding:0 20px; width:204px; *position:relative;}
            .album .project em{display:table-cell; vertical-align:middle; text-align:center; line-height:normal; *position:absolute;*left:50%;*top:50%;}
            .album .project i{display:inline-block; margin:0 auto; text-align:left; *position:relative;*left:-50%;*top:-50%;}
        .album .cert span{width:194px; text-align:center;}
        .album .partner span{width:194px; padding:88px 20px;}
    .album-m4k a:hover span{display:block;}
        .album-m4k .project a:hover span{display:table; *display:block;}

/*
 * achievement [private]
 */
#AchievementLeft{float:left; padding:20px; /*width:780px;*/width:630px; height:550px;}
    .AlbumScreen{position:relative; width:100%; height:468px; text-align:center; overflow:hidden;}
        .AlbumScreen .AlbumPreview{position:relative; /*max-width:780px;*/max-width:630px; max-height:468px;}
        .AlbumScreen .m4k{position:absolute; width:40%; height:100%; z-index:1; background:url(../images/transparency.png) repeat; *background:url(about:blank) fixed;*display:block;}
        .AlbumScreen .AlbumBrief{left:0; bottom:0; right:0; padding:10px; width:100%; max-height:50px; z-index:2; background:url(../images/translucency.png) repeat; color:#fff; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='/include/image/quirk/translucency.png');_background:none;height:50px\9;zoom:1;*overflow:hidden;}
            .AlbumScreen .k{float:left; height:100%;}
            .AlbumScreen .AlbumRate{width:70px; font-size:18px;}
                .AlbumScreen .AlbumOne{font-size:36px;}
                .AlbumScreen .AlbumAmount{*display:none;}
                .AlbumScreen .AlbumAmount:before{content:'/'; padding-right:3px;}
            .AlbumScreen .AlbumBriefText{padding:0 10px;}
            .AlbumScreen .AlbumBriefToggle{float:right; width:66px; height:50px; vertical-align:middle; text-align:center; font-size:30px; cursor:pointer;}
                .AlbumScreen .AlbumBriefToggle span{display:block; margin-top:-10px; font-size:14px;}
        .AlbumScreen .AlbumPrev{left:0; top:0; bottom:0; cursor:url(/include/image/cursor/cursor-left.cur), w-resize;}
        .AlbumScreen .AlbumNext{right:0; top:0; bottom:0; cursor:url(/include/image/cursor/cursor-right.cur), e-resize;}
    .AlbumMenu{padding:16px 0 0; text-align:center;}
        .AlbumMenu .i{padding:2px 5px; width:14px; display:inline-block; text-align:center; cursor:pointer; *display:inline;*zoom:1;}
        .AlbumMenu .selected{background:#ffb800; color:#fff;}
#AchievementRight{position:relative; float:right; padding:20px; width:290px; height:550px;}
    #AchievementRight #ex-meta{position:relative; margin:0 0 10px; padding-left:42px; height:72px; overflow-y:auto;}
        #AchievementRight #ex-meta .l{position:absolute; left:0; top:0; padding:4px 0;}
        #AchievementRight #ex-meta .e{display:inline-block; margin:0 .5em .5em 0; padding:4px 8px; background:#ddd;}
    #ex-markup{min-height:200px; max-height:300px; overflow-y:auto; color:#777;}
        #ex-markup dd{padding-left:42px; border-color:#eaeafe;}
        #ex-markup em{margin-left:4px; display:inline-block; padding:2px 0;}
        #ex-markup em:first-child{margin:0;}
    #ex-nav{position:absolute; left:20px; bottom:20px; width:290px;}
        #ex-nav .hint{text-align:center;}
        #ex-nav .btn{width:160px; height:40px; font-size:20px;}
#AchievementSummary{padding:20px;}

/*
 * the fluid [public]
 */
.fluid{margin:7px 7px 19px 6px; width:205px; height:auto; min-height:144px; padding:15px; background:#fff; border:1px solid #cfcfcf; -moz-box-shadow:1px 2px 2px 1px rgba(161,161,161,.3);-webkit-box-shadow:1px 2px 2px 1px rgba(161,161,161,.3);-ms-box-shadow:1px 2px 2px 1px rgba(161,161,161,.3);-o-box-shadow:1px 2px 2px 1px rgba(161,161,161,.3); box-shadow:1px 2px 2px 1px rgba(161,161,161,.3); zoom:1;}
.fluid:hover{-moz-box-shadow:1px 2px 2px 1px rgba(161,161,161,.7);-webkit-box-shadow:1px 2px 2px 1px rgba(161,161,161,.7);-ms-box-shadow:1px 2px 2px 1px rgba(161,161,161,.7);-o-box-shadow:1px 2px 2px 1px rgba(161,161,161,.7); box-shadow:1px 2px 2px 1px rgba(161,161,161,.7);}
    .fluid .t{margin:0 auto 10px; max-width:205px; height:144px; text-align:center;}
    .fluid .t .e{width:100%; height:100%; display:block; overflow:hidden;}
    .fluid .t .p{
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;}
    .fluid .t .e:hover .p{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .fluid .k{max-width:100%;}
    .fluid .c{margin:0 0 4px; font-weight:bold; font-size:16px; border-bottom:1px dotted #efefef;}
    .fluid .dt{color:#a2a2a2;}
    .fluid .d{padding:3px 0;}
    .fluid .m{margin:3px 0;}
    .fluid .tl{border-top:1px dotted #efefef;}
    .fluid .tl .e{margin-right:8px;}
    .fluid .tl .last{margin:0;}

/*
 * jCarousel plugin [public]
 */
.roll-wrap{overflow:hidden; *zoom:1;}
    .roll-wrap .jCarousel{position:relative; *zoom:1;}
    .roll-wrap .roll-body{margin:0 18px; zoom:1;_display:inline;}
    .roll-wrap .roll-swap{width:100%; height:100%; overflow:hidden; zoom:1;}
    .roll-wrap .roll-item{float:left; _display:inline;_zoom:1;}
    .roll-wrap .roll-btn{position:absolute; bottom:0; display:block; width:17px; background:#fff url(../images/roll-btn.png) no-repeat left; text-indent:-999em; cursor:pointer;}
    .roll-wrap .btn-prev{left:0;}
    .roll-wrap .btn-next{right:0; background-position:-17px;}

/*
 * the volume [public]
 */
.volume .s{margin:1em 0; padding:0 0 1em; border-bottom:1px dotted #4c4c4c;}
.vol{margin:1em 0; min-height:110px; padding:0 0 1em; border-bottom:1px dotted #daddee; overflow:hidden; zoom:1}
    .vol .p{float:left; margin-right:1em; width:163px; height:110px;}
    .vol .p a{width:100%; height:100%; display:block;}
    .vol .p img{padding:2px; height:auto; border:1px solid #daddee;}
    .vol .d{width:auto;}
    .vol .a{font-weight:bold;}
    .vol .b{margin:3px 0;}
    .vol .b a{color:#0000fa;}
    .vol .j{margin-right:1em;}
    .vol .url .matched{font-weight:bold; color:inherit;}

/*
 * element page extension [public]
 */
.ex-caption{position:relative; margin:0 0 20px; width:100%; height:28px; line-height:28px; font-size:1.143em; font-weight:normal; border-bottom:4px solid #cacaca; *zoom:1;}
    .ex-caption .zh,.ex-caption .en{float:left; margin-bottom:-4px; height:28px; padding:0 .5em; font-weight:bold; font-style:normal; border-bottom:4px solid #455a77; *position:relative;}
    .ex-caption .en{border-color:#cacaca; font-weight:normal;}
    .ex-caption .more{position:absolute; right:0; bottom:0; font-weight:normal; display:inline;}
#ex-meta{margin:1em 0;}
    #ex-meta .e{margin:0 1em 0 0;}
    #ex-meta .last{margin:0;}
#ex-description{clear:both;}
#ex-related{padding:1em 0;}
#ex-related{padding:20px 0; overflow:hidden; *zoom:1;}
    #ex-related .i{float:left; margin:0 15px 0 0; width:188px; min-height:176px; height:200px; overflow:hidden;}
        #ex-related .i:nth-child(1n+7){padding-top:10px;}
    #ex-related .album-br{margin:0;}
    #ex-related .e{width:100%; height:100%; display:block; text-decoration:none;}
    #ex-related .p{width:188px; height:149px;}
    #ex-related .d{width:100%; display:inline-block; font-weight:normal; cursor:pointer; *padding:5px 0 0;}
    #ex-related a.e:hover .d{text-decoration:underline;}
#ex-sibling{padding:1em 0 10px; overflow:hidden;}
    #ex-sibling .i{float:left; max-width:50%; line-height:20px; *width:50%; *zoom:1; overflow:hidden;}
    #ex-sibling .e{padding-left:26px; background:url(../images/sprite.png) no-repeat -980px -125px; _background:url(image/opaque/arr-left.png) no-repeat left -1px; display:inline-block; *zoom:1;}
    #ex-sibling .next{float:right; text-align:right;}
    #ex-sibling .next .e{padding:0 26px 0 0; background-position:right -259px; _background:url(image/opaque/arr-right.png) no-repeat right -1px;}
#ex-customers{padding:20px 0 0; overflow:hidden;}
    #ex-customers .o{height:252px;}
    #ex-customers .i{float:left; margin:0 16px 16px 0; width:111px; height:110px; overflow:hidden;}
    #ex-customers .e{width:100%; height:100%; display:block;}
    #ex-customers .p{border:1px solid #d2d2d2; padding:31px 0; width:109px; height:46px; background:#fff;} /* variable */
    #ex-customers .eol{margin-right:0;}
#ex-modal{width:440px; -webkit-text-size-adjust:100%;}

/*
 * element pagination [public]
 */
.pagination{clear:both; padding:15px 0; text-align:center;}
.pagination a,.pagination span{margin:0 1px 2px; min-width:14px; padding:4px; line-height:14px; display:inline-block; *display:inline;*zoom:1; text-align:center; vertical-align:middle; border:1px solid #888;}
.pagination .ellipsis{border:none;}
.pagination a:link,.pagination a:visited{color:#888; text-decoration:none;}
.pagination a:hover,.pagination a:active{color:#333; border-color:#333; text-decoration:none;}
.pagination .active{color:#fff; border-color:#888; background-color:#888;}
.pagination span,.pagination .prev,.pagination .next{color:#a1a1a1; border-color:#a1a1a1;}

/*
 * tools [public]
 */
.tools{padding:1em 0 0;}
.tools .IconQuota{float:left; width:270px; text-align:center;}
    .tools .IconQuota .icon{margin:0 auto; width:216px; height:216px; background:#9ac2e5 url(../images/sprite.png) no-repeat 0 -730px; color:#fff; text-indent:-999em; -moz-border-radius:108px;-webkit-border-radius:108px;-o-border-radius:108px; border-radius:108px; overflow:hidden;}
    .tools .IconQuota .icon2{background-position:-216px -259px;}
    .tools .IconQuota h1{line-height:58px; font-size:24px; font-weight:normal;}
.tools .FormQuota{margin:0 0 12px; float:right; width:644px; padding:28px; background-color:#fff;}
    .tools .h{font-size:20px;}
    .tools .i{clear:both; margin:1em 0; height:auto; overflow:hidden; zoom:1;}
    .tools .i .c{margin-bottom:.5em; width:56px; white-space:nowrap; font-weight:bold;}
    .tools .i .e{margin-right:.5em; display:inline-block; *display:inline;*zoom:1;}
    .tools .i .ch{margin:0 0 20px; width:100px; line-height:30px; display:inline-block; background:#efefef; text-align:center; cursor:pointer;}
    .tools .i .active{background:#455a77; color:#fff;}
    .tools .i .m{margin-left:1em; vertical-align:middle;}
    .tools .i .l{margin-right:10px; width:60px; display:inline-block; *display:inline;*zoom:1;}
    .tools textarea.ibox{height:auto;}
    .tools .b{padding:28px 0 0; border-top:1px solid #efefef; text-align:center;}
    .tools .btn{margin:0 1em; padding:0 20px; width:auto; height:32px; display:inline-block;}
    .tools .prompt{min-height:30px; padding:0 1em; line-height:30px; _height:30px;}

/*
 * recruitment [private]
 */
.vol-box{position:relative; margin:0 0 20px; height:auto; overflow:hidden; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; *zoom:1;}

/*
 * budget [private]
 */
#ex-modal .c{padding:0 0 1em; font-weight:bold; border-bottom:1px solid #daddee;}
#ex-modal .il{margin-right:1em; width:56px; display:inline-block; *display:inline;*zoom:1;}
#ex-modal .m .btn{margin:0;}

/*
 * counsel [private]
 */
.counsel .i1 .ibox{width:560px;}
.counsel .i2 .ibox,.counsel .i3 .ibox,.counsel .i4 .ibox{width:231px;}
.counsel .i5{position:relative;}
.counsel .i5 .tl{position:absolute; left:0; top:50%; margin-top:-11px;}
.counsel .i5 .ibox{margin-left:70px; width:560px; height:140px; overflow-y:auto; resize:none;}

/*
 * self-service [public]
 */
.self-service{}
    .self-service .FormQuota{float:none; margin:0 auto; padding:28px; width:744px; background:#fff;}
    .self-service .i .l{width:148px; text-align:right;}

/*
 * unsubscribe [private]
 */
.unsubscribe #response{margin:1em 1em 0;}
.unsubscribe .i1 .ibox{width:231px;}
.unsubscribe .i2 .l{margin-right:6px;}
.unsubscribe .i3{position:relative; padding-left:154px;}
.unsubscribe .i3 .tl{position:absolute; left:0; top:0; margin-top:8px\0;}
.unsubscribe .i3 .group{margin-right:1em; display:inline-block; *display:inline;*zoom:1; vertical-align:baseline;}
.unsubscribe .i3 .group .ichz{vertical-align:top; *vertical-align:baseline;}

/*
 * article [private]
 */
.article #tablet{position:relative; padding-top:0;}
    .article .fluid{position:absolute; display:block;}

/*
 * contact [private]
 */
#map-wrap{padding:20px 0 38px;}
    #MapCanvas{height:420px; border:1px solid #d4d4d4; border-width:1px 0;}
    #MapCanvas .iw_poi_title{font-weight:bold;} /* BaiduMap POI */
    #MapCanvas .iw_poi_content{}

/*
 * tagcloud [private]
 */
.tagcloud .i{display:inline-block; white-space:nowrap;}

/*
 * search [private]
 */
#search{margin:0 0 1em;}
#search .ibox{width:50%; padding:8px;}
#search .btn{width:auto; height:36px; padding:0 14px;}
.inline-tooltip{margin:1em 0;}
.inline-tooltip .c{font-weight:bold;}
.inline-tooltip .i{display:list-item; list-style:disc inside none;}

/*
 * sitemap [private]
 */
.sitemap .i{margin:0 0 1em; padding:0 0 1em; border-bottom:1px dotted #daddee;}
.sitemap .c{margin:0 0 1em; font-weight:bold;}
.sitemap .e{margin-right:1em; display:inline-block; *display:inline;*zoom:1;}
.sitemap .i .last{margin-right:0;}
.sitemap .h a{color:#c80000;}

/*
 * friendly sites [private]
 */
.sites .o{width:100%; height:auto; overflow:hidden;}
.sites .e{float:left; margin:.5em 0; width:24%; line-height:26px; white-space:nowrap; display:inline-block;}

/*
 * error document [public]
 */
.error a{color:#a31e15;}

/*
 * element widget [public]
 */
#inside-widget{padding:0 0 32px; line-height:30px; text-align:center;}
    #inside-widget .first{font-size:24px; font-weight:normal;}
    #inside-widget .last{display:inline-block; vertical-align:middle; cursor:pointer; *display:inline;*zoom:1;}
    #inside-widget .last .icon{margin-right:8px; margin-bottom:-2px; width:18px; height:14px; display:inline-block; background:url(../images/sprite.png) no-repeat -648px -167px;}
#aside-widget{position:fixed; left:0; bottom:0; right:0; width:100%; height:36px; padding:12px 0; z-index:4; background:url(../images/translucency-70.png) repeat;background:rgba(0,0,0,.7);}
    #aside-widget .entity{height:100%; overflow:hidden;}
    #aside-widget .i{float:left; margin:0 5px; height:36px; line-height:36px; vertical-align:middle; overflow:hidden;}
    #aside-widget .e{text-indent:-999em; cursor:pointer;}
    #aside-widget .first,#aside-widget .last{margin:0;}
    #aside-widget .first{/*width:300px;*/width:277px; background:url(../images/sprite.png) no-repeat -300px -475px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/include/image/quirk/widget-logo.png');_background:none;}
    #aside-widget .ibox{/*width:284px; height:20px; padding:8px; border:0; vertical-align:top; background:url(../images/sprite.png) no-repeat 0 -556px;*/display:none;}
    #aside-widget .btn{border:none; width:138px;}
    #aside-widget .dialBtn{/*margin-left:10px; background:url(../images/sprite.png) no-repeat -300px -556px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/include/image/quirk/fireCall.png');_background:none;*/display:none;}
    #aside-widget .chatBtn{margin-left:42px; background:url(../images/sprite.png) no-repeat -438px -556px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/include/image/quirk/fireChat.png');_background:none;}
    #aside-widget .phone{margin-left:18px;width:377px; background:url(../images/sprite.png) no-repeat -576px -556px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop',src='/include/image/quirk/widget-numbers.png');_background:url(about:blank) fixed;}
    #aside-widget .phone .e{white-space:nowrap; display:none;}
    #aside-widget .last{float:right; margin:3px; /*width:36px; height:36px;*/padding:3px; width:24px; height:24px; display:block; background:url(../images/sprite.png) no-repeat -956px -558px; font-size:12px; line-height:12px; color:#fff; zoom:1;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='/include/image/quirk/rollUp.png');_background:url(about:blank) fixed;}
    #aside-widget .last:hover{text-indent:0; background:none; outline:1px solid #666; text-align:center;}
@media only screen and (max-width: 1083px) {
    #aside-widget .entity{text-align:center;}
    #aside-widget .i{float:none; display:none;}
    #widget-chatTrigger{margin-right:10px; display:inline-block!important;}
    #widget-hotline{margin-left:10px; display:inline-block!important;}
    #aside-widget .last{float:right; margin-right:1em; display:inline-block;}
}
#popup-widget{max-width:280px; _width:280px!important;}
    #popup-widget .i{margin:3px 0;}
    #popup-widget .f + .c{margin-top:8px;}
    #popup-widget .ibox{margin-right:8px; width:150px; padding:5px;}
    #popup-widget .btn{width:110px; height:30px; padding:0;}
    #popup-widget .fireChat{width:100%;}
#boxer-widget{margin:0 0 38px; width:auto; padding:28px 18px 18px; background-color:#fff;}
    #boxer-widget .c{font-size:30px;}
    #boxer-widget .c span{float:left; margin-right:5px; width:30px; display:block; text-align:center; _background:url(image/opaque/icon-phone.jpg) no-repeat center;_text-indent:-999em;}
    #boxer-widget .c2{margin-left:35px; border-top:1px solid #e3e3e3; _margin-left:38px;}
    #boxer-widget .l{margin:18px 0; font-size:1em; color:#838383;}
    #boxer-widget input{width:252px; height:20px; padding:12px; line-height:20px; border:1px solid #e3e3e3;}
    #boxer-widget .b{margin:20px 0 0; text-align:center;}
    /*@TODO*/
    #boxer-widget .e{margin:0 auto; height:26px; padding:11px 20px; line-height:26px; font-size:24px; display:inline-block; background-color:#87b4db; color:#fff; cursor:pointer; border-radius:3px;}

/*
 * section footer [public]
 */
#footer-wrap{height:auto; color:#d9dde0; overflow:hidden;}
    #footer-wrap a{color:#d9dde0;}
    #footer-menu{border-bottom:1px solid #587094; padding:30px 0; height:auto; overflow:hidden;}
        #footer-menu dl{float:left; margin-left:30px; width:170px; *display:inline;}
        #footer-menu dt{margin:0 0 10px; font-size:18px;}
        #footer-menu dt em{display:block; font-size:14px; line-height:16px; color:#7d7d7d;}
    .inlink{border-bottom:1px solid #587094; padding:1em 0;}
        .inlink dt{margin-bottom:1em; border-left:3px solid #87b4db; padding-left:7px; line-height:14px;}
        .inlink dd{margin-right:.5em; display:inline-block; *display:inline;*zoom:1;}
        .inlink a{display:inline;}
        .inlink a:hover{color:silver;}
    #footer{padding:30px 0; line-height:20px; overflow:hidden;}
        #footer-qrcode{float:left; margin:0 26px 0 0; width:83px; height:83px; background:#fff url(/include/image/quoted/wx-qr.png) no-repeat;}
        #footprint{float:left;}
        #footer .last{float:right; margin:20px 0 0; width:205px; height:40px; background:url(../images/sprite.png) no-repeat 0 -515px; text-indent:-999em; overflow:hidden; _background:url(image/opaque/footer-callus.png) no-repeat;}
    #footer-pilot{padding:18px 0 68px; width:100%; height:auto; min-height:42px; background:#00050b;}
        #footer-logo{float:left; line-height:36px;}
        #footer-link{position:relative; float:right; padding-right:58px; text-align:right;}
            #footer-link .m span{margin-left:8px; padding-left:9px; border-left:1px solid #d9dce1;}
            #footer-link .m span.first{border:none;}
            #footer-link .b span{padding:0 0 0 10px; vertical-align:-1px;}
            #footer-link .c{position:absolute; right:0; top:0; bottom:0; width:31px; height:43px; display:block;}
            #footer-link .c img{width:auto; height:43px;}

/*
 * disgusting pop [public]
 */
#bds-credit-pop{display:none!important; z-index:-1!important;}
#newBridge #nb_nodeboard{opacity:0; z-index:-1!important; display: none!important;}
#newBridge .nb-icon-inner-wrap{background:#455a77!important;}