/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	

	background-image: url(../images/bg/bg1.png), url(../images/bg/bg2.png), url(../images/bg/bg3.png);
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	animation: changeBackground 20s infinite;
	-moz-animation: changeBackground 20s infinite ; /* Firefox */
	-webkit-animation: changeBackground 20s infinite ; /* Safari and Chrome */
}
@keyframes changeBackground{
	0% {background-image: url('../images/bg/bg1.png');}
	16% {background-image: url('../images/bg/bg1.png');}
	33.33% {background-image: url('../images/bg/bg2.png');}
	50% {background-image: url('../images/bg/bg2.png');}
	66.66% {background-image: url('../images/bg/bg3.png');}
	83% {background-image: url('../images/bg/bg3.png');}
}


#container {margin:0 auto; width:98.5%;}
#header { height:151px;  margin-bottom:0px;}   /* background:#93b5cf; 原#9c6 */
#menu { height:30px; background:#693; margin-bottom:0px;}
/*#mainContent {margin-bottom:5px;background-image:url(../images/bg.png);background-attachment: fixed;background-repeat:no-repeat; background-size: cover;background:url(../images/mainbg.jpg) repeat-x; background: linear-gradient(to bottom right, #80aba9, white);background: -ms-linear-gradient(top, #80aba9, #ffffff ); FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e6effd, endColorStr=#ffffff )*/; }
#mainContent {margin-bottom:5px;/*background:url(../images/mainbg.jpg) repeat-x; background: linear-gradient(to bottom right, #80aba9, white);background: -ms-linear-gradient(top, #80aba9, #ffffff ); FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e6effd, endColorStr=#ffffff )*/; }
#sidebar { float:left; width:265px;}
#sidebar ul{ padding:0; margin:0; text-indent:0;}
#content { margin-left:270px !important; margin-left:278px; height:auto !important; height:100px; }/*��content�趨�߶Ⱥ�3���ػ��ܵ�content��࣬����������!important������ie������ม��2���أ�����3���ص�bug�����5���أ������ڻ���IE����ʾ��һ���*/
#footer { height:0px;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}


a:link, a:visited, a:hover {
    color: #006699;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */


/* 星号标题颜色 */
h2{
    font-size: 20px;
    color:#0474BB;
}



ul{
    list-style-type: square;
}

ul ul{
    list-style-type: disc;
}

ul ul ul{
    list-style-type: none;
}

label{
    font: bold Arial,sans-serif;
    color: #334d55;
}

li{list-style:none}

.right{float:right}
.clear{clear:both}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
    margin: 0;
    padding: 0px 0px;
    
    width: 100%;
    height:30px;
    /*background-image:url(../images/headbg_blue.jpg);
	border-bottom: 1px solid #cccccc;
	
    background-repeat:repeat-x;*/
    background-size: 100% 100%
    position:relative;
}
#logo{position:absolute; top:3px; left:25px; width: 167px; height: 151px; }
#namebanner_parent{top:0px; height:120px; margin:0 auto;background-image:url(../images/title/back_bar1.png); overflow: hidden;}
/* .logo{ */
	/* position:absolute; */
	/* top:-7px; */
	/* left:11px; */
	/* width: 177px; */
	/* height: 168px; */
/* } */

/* .namebanner{ */
   
	
	/* height:100%; */
	/* /*width:1704px;	 */
	/* width:420px; */
	/* background: radial-gradient(ellipse at bottom,#1B2735 0%, #090A0F 100%); */
	/* background-image: url(../images/title.jpg); */
	/* background-repeat: no-repeat; */
	/* background-size: 100% 100%;  */
    /* top:0px; */
    /* margin:0 auto;*/ 
	
	/* background-image: linear-gradient(90deg,rgba(0,85,158,.9),rgba(45,174,193,.5),rgba(0,85,158,.9)),url(/interpro/assets/images/bgd-banner-01.f8e.svg); */
    /* /* */
	/* background-image: linear-gradient(87deg,rgb(180 205 221),rgb(107 166 204),rgb(91 159 217)); */
	/* */ 
						
/* } */

/* .banner{ */
	/* position:absolute; */
	/* top:94px; */
	/* left:275px; */
	/* width: 623px; */
	/* height: 85px; */

/* } */


.sousuo{width:280px; height:50px; float:right; margin-top:29px;}
.globalsearch{
    background:url(../images/globlesearch.jpg);
    background-repeat:no-repeat;
    font-size:12px;
    line-height:19px;
    width:175px;
    height:22px;
    border:0;
    color:#A7B3BC;
    padding-left:5px;
}

#middle{
    background-image:url(../images/mainbg.jpg);background-repeat:repeat-x;
    display:block;
    clear:both;

}

#navBar{
    margin:0;
    padding: 0px;
    position:relative;

    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    background-position:top;

    background-repeat:repeat-x;

}



/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
    margin: 0px;
    padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
    padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
    position:absolute;
    color: #cccccc;
    padding: 0px 0px 0px 0px;
    width:100%;
    height:30px;
    /*left:1px;*/
    background-image:url(../images/globlenavbg.jpg);}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */



/*#globalNav ul{width:960px;display:block; height:30px; list-style-type:none; padding:0; margin:0; display:inline}
#globalNav ul li{ list-style-type:none; padding:0; margin:0;display:inline; position:relative; height:30px; float:left;display:inline; padding-right:0px; }
#globalNav ul li a{display:block; padding:0 0px; float:left; height:30px; font-weight:bold; color:#FFFFFF; font-size:14px;}
#globalNav ul li a:hover,#globalNav ul li.focus a{color:#fccc25;}
*/



/************* #breadCrumb styles *************/

#breadCrumb{
    font-size: 12px;
    font-weight:bold;
    padding: 25px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
    padding: 0px 0px 10px 10px;
    font-size: 80%;
}

.feature h3{
    padding: 30px 0px 5px 0px;
    text-align: center;
}

.feature img{
    float: left;
    padding: 0px 10px 0px 0px;
    margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{

    padding: 0px 0px 0px 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height:18px;
    width:95%;
}

.story p{
    padding: 0px 0px 0px 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height:18px;
	/*text-align:  center;*/
}


/************* #siteInfo styles ***************/

#siteInfo{
    width:100%;
    clear: both;
    bottom:0;
    border: 0px solid #cccccc;
    background-image:url(../images/bottombg.jpg);
    background-repeat:repeat-x;
    font-size: 11px;
    color:#0474BB;
    padding: 10px 10px 10px 10px;
    margin-top: 0px;
    height:20px;
    text-align:center;
    box-sizing: unset;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
        the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
    padding: 4px 4px 4px 0px;
    vertical-align: middle;

}


/************* #search styles ***************/

#search{
    padding: 5px 0px 5px 10px;
    border-bottom: 1px solid #cccccc;
    font-size: 90%;
}

#search form{
    margin: 0px;
    padding: 0px;
}

#search label{
    display: block;
    margin: 0px;
    padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
    position: relative;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #cccccc;
    font-size: 90%;
}

#sectionLinks h3{
    padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
    padding: 2px 0px 2px 10px;
    border-top: 1px solid #cccccc;
    width: 100%;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: auto;
}

#sectionLinks a:visited{
    border-top: 1px solid #cccccc;
    padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
    border-top: 1px solid #cccccc;
    background-color: #dddddd;
    padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
    margin: 0px;
    padding: 0px 0px 10px 10px;
    font-size: 90%;
}

.relatedLinks h3{
    padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
    padding: 10px 0px 0px 10px;
    font-size: 80%;
    border-top: 1px solid #cccccc;
}

#advert img{
    display: block;
}


/************** #headlines styles **************/

#headlines{
    margin: 0px;
    padding: 10px 0px 20px 10px;
    font-size: 80%;
}

#headlines p{
    padding: 5px 0px 5px 0px;
}

.redlink {
    color:#FF0000;}
a.redlink:link, a.redlink:visited, a.redlink:hover {
    color:#FF0000;}

#contactimg{
    position:absolute;
    right:0;
    top:0;}

#ipcount{   
    margin:auto auto 0 auto;
    font-size:12px;
    color:#0474BB;
    text-align:center}

.whitelink{color:#FFFFFF; font-weight:bold; text-decoration:none; }
.whitelink:link{color:#FFFFFF; font-weight:bold; text-decoration:none; }
.whitelink:visited{color:#FFFFFF; font-weight:bold; text-decoration:none; }
.whitelink:hover{color:#FFFFFF; font-weight:bold; text-decoration:none; }

.greenlink{color:#1E7A43; text-decoration:none; }
.greenlink:link{color:#1E7A43; text-decoration:none; }
.greenlink:visited{color:#1E7A43; text-decoration:none; }
.greenlink:hover{color:#000000; text-decoration:none; }

.leftlink{color:#0474BB; text-decoration:none; }
.leftlink:link{color:#0474BB; text-decoration:none; }
.leftlink:visited{color:#0474BB; text-decoration:none; }
.leftlink:hover{color:#000000; text-decoration:none; }



/* 设置滚动条整体，宽高 
::-webkit-scrollbar{
	width:12px;
	height:12px;
}
*/
/* 设置滚动条的轨道 
::-webkit-scrollbar-track{
	background: #F3F3F3;
	border-radius:6px;
}*/
/*滑道;滑道圆角宽度
::-webkit-scrollbar-track-piece{
background-color:#c3b3b31f; 
-webkit-border-radius:4px; 
}*/
/* 设置滚动条里面的小方块
::-webkit-scrollbar-thumb{
	background: #666666;	
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border:solid 0px #C0C0C0; 
	border-radius:6px;
} */
/*横竖滚动条交角
::-webkit-scrollbar-corner {
background-color: #F3F3F3;
}*/
/*横竖滚动条交角图案*/
::-webkit-resizer {
/*background-image: url(/public/img/resizer-inactive.png);*/
background-repeat: no-repeat;
background-position: bottom right;
}
/*鼠标滑过滑动条*/
::-webkit-scrollbar-thumb:hover{
background-color:#F3F3E0;
}