/* ���� */



.imageContainer img { display: block; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true); }



/* ���� */

@font-face { font-family: "NoveDemiBold"; src: url('../other/novecentowide-demibold-webfont.eot'); src: url('../other/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),url('../other/novecentowide-demibold-webfont.woff2') format('woff2'),url('../other/novecentowide-demibold-webfont.woff') format('woff'),url('../other/novecentowide-demibold-webfont.ttf') format('truetype'),url('../other/novecentowide-demibold-webfont.svg#dincond-boldalternateregular') format('svg'); }

@font-face { font-family: "DincondMedium"; src: url('../other/dincond-medium-webfont.eot'); src: url('../other/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../other/dincond-medium-webfont.woff2') format('woff2'),url('../other/dincond-medium-webfont.woff') format('woff'),url('../other/dincond-medium-webfont.ttf') format('truetype'),url('../other/dincond-medium-webfont.svg#dincond-boldalternateregular') format('svg'); }

@font-face { font-family: "DincondBold"; src: url('../other/dincond-boldalternate-webfont.eot'); src: url('../other/dincond-boldalternate-webfont.eot?#iefix') format('embedded-opentype'),url('../other/dincond-boldalternate-webfont.woff2') format('woff2'),url('../other/dincond-boldalternate-webfont.woff') format('woff'),url('../other/dincond-boldalternate-webfont.ttf') format('truetype'),url('../other/dincond-boldalternate-webfont.svg#dincond-boldalternateregular') format('svg'); }

@font-face { font-family: "Myriadsetpro"; src: url('../other/myriadsetpro-thin-webfont.eot'); src: url('../other/myriadsetpro-thin-webfont.eot?#iefix') format('embedded-opentype'),url('../other/myriadsetpro-thin-webfont.woff2') format('woff2'),url('../other/myriadsetpro-thin-webfont.woff') format('woff'),url('../other/myriadsetpro-thin-webfont.ttf') format('truetype'),url('../other/myriadsetpro-thin-webfont.svg#dincond-boldalternateregular') format('svg'); }

@font-face { font-family: "Premierleague"; src: url('../other/barclayspremierleague-webfont.eot'); src: url('../other/barclayspremierleague-webfont.eot?#iefix') format('embedded-opentype'),url('../other/barclayspremierleague-webfont.woff2') format('woff2'),url('../other/barclayspremierleague-webfont.woff') format('woff'),url('../other/barclayspremierleague-webfont.ttf') format('truetype'),url('../other/barclayspremierleague-webfont.svg#dincond-boldalternateregular') format('svg'); }

@font-face { font-family: "NovecentowideMedium"; src: url('../other/novecentowide-medium-webfont.eot'); src: url('../other/novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../other/novecentowide-medium-webfont.woff2') format('woff2'),url('../other/novecentowide-medium-webfont.woff') format('woff'),url('../other/novecentowide-medium-webfont.ttf') format('truetype'),url('../other/novecentowide-medium-webfont.svg#dincond-boldalternateregular') format('svg'); }



/*@font-face{

    font-family: 'Dinpro';

    src: url('../other/DINPro-Regular.otf');

    font-weight: normal;

    font-style: normal;

}*/



/* ���� */

.w1200 { width: 1200px; margin: 0 auto; }

.clearfix { clear: both; content: ''; *zoom: 1; }

.clearfix:after, .clearfix:before { display: table; content: ""; line-height: 0; }

.clearfix:after { clear: both; }

.fl { float: left; }

.fr { float: right; }

.oh { overflow: hidden; }

.dn { display: none; }


#bg-mask { position: fixed; top: 0; width: 100%; height: 100%; background-color: #182736; z-index: 110; display: none; filter: alpha(opacity=80); /*IE�˾���͸����0%*/ -moz-opacity: 0.8; /*Firefox˽�У�͸����0%*/ opacity: 0.8; /*������͸����0%*/ _height: 1110px; }

#warper-mask { position: fixed; top: 0; width: 100%; height: 100%; background-color: #182736; z-index: 1100; display: none; filter: alpha(opacity=10); /*IE�˾���͸����0%*/ -moz-opacity: 0.1; /*Firefox˽�У�͸����0%*/ opacity: 0.1; /*������͸����0%*/ _height: 1110px; }

#warper { position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all .3s; z-index: 110; background: #fff; }

.fixer { position: fixed; top: 0; left: 0; z-index: 100; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; }

.fixer.current { top: -200px; }




.sidebar-open .pageside { z-index: 120;

    opacity: 1;

    filter: alpha(opacity=100);

}

.sidebar-open #warper { -webkit-transform: translateX(-500px); -moz-transform: translateX(-500px); -o-transform: translateX(-500px); /*transform: translateX(-500px);*/ *left: -500px; left: -500px\0; }

.sidebar-open #warper-mask { display: block; }

.sidebar-toggle { position: fixed; right: 0; top: 80px; display: block; width: 60px; height: 60px; z-index: 200; background: rgba(66, 66, 78, 0.1) none repeat scroll !important; /*ʵ��FF����͸�������ֲ�͸��*/ background: #42424e; filter: Alpha(opacity=70); }

.sidebar-toggle:hover { background: #D7AD63 !important; }

.sidebar-toggle:hover .menu-icon { background: url(../images/side-menu2.png) no-repeat center center; }

/*.sidebar-toggle:hover .menu-icon,.sidebar-toggle:hover .menu-icon:before,.sidebar-toggle:hover .menu-icon:after{background:#fff;}*/

.menu-icon { height: 60px; width: 60px; display: block; background: url(../images/side-menu.png) no-repeat center center; position: relative; }

/*.menu-icon:before, .menu-icon:after{height: 2px;width: 17px;display: inline-block;vertical-align: middle;background: #D1B262;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.menu-icon:before, .menu-icon:after{position: absolute;content: '';}

.menu-icon:before{left: 0;top: -6px;}

.menu-icon:after{bottom: -6px;left: 0;}*/

.sidebar-open .sidebar-toggle { background: #1B3775 !important; }

.sidebar-open .sidebar-toggle:hover .menu-icon { background: #D7AD63 url(../images/side-close2.png) no-repeat center center !important; }

.sidebar-open .sidebar-toggle .menu-icon { background: url(../images/side-close.png) no-repeat center center; }

.sidebar-open .fixer { *left: -500px; left: -500px\0; }

/*.sidebar-open .sidebar-toggle .menu-icon:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top:0;background:#fff;}

.sidebar-open .sidebar-toggle .menu-icon:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top:0;background:#fff;}

*/

/*.sidebar-open .fixer{left:-500px\9;}*/




/* ����� [������ 2015-12-15] */

.pageside { position: fixed; width: 500px; height: 100%; top: 0; right: 0; background: #1b3775; z-index: 100;

    opacity: 0;

    filter: alpha(opacity=0);

}



.pageside-cont { width: 361px; height: 655px; padding-top: 39px; padding-left: 46px; color: #BDB9AF; }

.pageside-cont a { color: #BDB9AF; font-size: 13px; }

.pageside-cont a:hover { color: #c39d4c; }

.pageside-cont h3 { font-size: 20px; padding-top: 60px; background: url(../images/zs-side-logo.jpg) no-repeat; font-weight: normal; }

.stronglink { margin-top: 30px; }

.stronglink a { font-size: 15px; margin-right: 15px; }

.plinks { margin-top: 30px; }

.plinks a { font-size: 13px; margin-right: 15px; float: left; display: block; /**display:inline-block;*/ margin-bottom: 10px; }

.pageside-cont .more { color: #508c40; display: block; margin-top: 30px; }

.m15 { margin-top: 15px; }



/* ������ */

.searchbg { width: 100%; height: 60px; background: #d1b366; display: none; position: absolute; top: 60px; left: 0; z-index: 50; }

.search-input { width: 300px; height: 24px; background: #fcecc8; color: #75706d; padding: 13px 14px; overflow: hidden; float: right; border: 0; font-size: 13px; margin-top: 5px; line-height: 24px; margin-right: 10px; }