@CHARSET "UTF-8";



/*category*/

#site-area h2												{clear:both; font-weight:500; font-size:19px; margin-bottom:20px; position:relative; padding-left:10px; color:#000;}
#site-area h2:before										{content:""; display:block; width:3px; height:15px; background-color:#4d88c2; position:absolute; left:0; top:12px;}	

#site-area .site-category ul								{border-bottom:1px solid #0060a6; margin-bottom:30px; overflow:hidden;}
#site-area .site-category ul li							{display:inline-block; float:left; margin-right:2px;}
#site-area .site-category ul li a						{background-color:#f8f8f8; color:#666; border:1px solid #cfcfcf; padding:15px 25px; line-height:1.2; display:block; border-bottom:none;  font-size:.9em;} 
#site-area .site-category ul li a.on{color:#0060a6; border-color:#0060a6; background-color:#fff; font-weight:400;}
#site-area .site-category ul li a span{line-height:1;}

.menuTab{line-height:0;}
#menuUItab{position:relative;}
.site-list-tab{margin:30px 0 30px;}
.site-list-tab > ul{overflow: hidden;border-bottom: 2px solid #1c5797; line-height:1.6;}
.site-list-tab > ul > li{float: left;}
.site-list-tab > ul > li > a{display: block;color: #494949;background-color: #f8f8f8;padding: 8px 50px;border: 1px solid #d2d2d2; border-bottom: 0;box-sizing: border-box;}
.site-list-tab > ul > li > a.on{color: #fff; background-color: #005bac; border: 1px solid #5a7797; font-weight:400;}

@media only screen and (max-width:767px){
	#menuUItab > .tab_div{margin-bottom:0;}
	#menuUItab > .tab_div > ul{border:none;}
	#menuUItab > .tab_div > ul > li{width:calc(100% / 2 - 2px);}
	#menuUItab > .tab_div > ul > li > a{margin:1px; border: 1px solid #d2d2d2; text-align:center;}
}

/*list*/
#site-area table{width: 100%;table-layout:fixed;border-top:2px solid #353e4d;}
#site-area table caption{display: none;}
#site-area table thead th{background: #f8f8f8;color: #333;font-weight:500;}
#site-area table th,
#site-area table td{padding: 20px 0;text-align: center;border-bottom:1px solid #dcdcdc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#site-area table td.alignL{text-align:left;}
#site-area table td a{color:#000; position:relative;}
#site-area table td a:before{content:''; width:3px; height:3px; display:inline-block; vertical-align:middle; margin-right:5px; background-color:#000;}

.rankTxt{float:left;}
.rankTxt span{height:20px; width:20px; padding:0; display:inline-block; margin-right:5px; vertical-align:mniddle;}
.page-title			{font-size:26px; font-weight:600; padding-bottom:30px; position:relative; margin-bottom:50px;}
.page-title:before	{content:""; display:block; width:50px; height:3px; background-color:#115d99; position:absolute; left:0; bottom:0;}	
.rank				{background-color:#6da3ec; border-radius:5px; padding:3px 15px; color:#fff;  font-weight:500; vertical-align:middle;}
.fnLeft					{float:left;}
.fnRight					{float:right;}
.site-list{overflow:hidden;}


.site-list {position: relative; margin-bottom:20px;}
.site-list fieldset {float: right;position: relative;}

.site-list fieldset .fnSubmit {line-height: 28px;}
.site-list fieldset select {height: 40px;line-height: 40px;margin-right: 0.5em;padding-left:5px;}
.site-list fieldset input[type="text"] {width: 290px;padding: 0 0 0 10px;height:38px;line-height:38px;}
.site-list fieldset .fnSubmit input {border: 0;
line-height: 40px;
    background-color: #4c4c4c;
    font-size: 16px;
    padding: 0 20px;
    border-radius: 0px;
    vertical-align: middle;
}
