@charset "utf-8";
/* CSS Document */

/***********************************************
/*Top 100 WU Blogs 2013*
***********************************************/

head{height: 100%;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	font-family: 'Noto Sans', serif;
	font-weight:400;
	font-size: 75%;
	background: #faeee9;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing: antialiased;
	min-height:100%;
	line-height:150%;
	min-width:1000px;
}

pre {
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 - 6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
font-family: Helvetica, Arial,  sans-serif;
}

table{empty-cells:show;/*fix blank cell no-border issue*/}

a:link,a:visited,a:active {color: #036caf;text-decoration: none;}
a:hover{color:#096c86;}

img{border:0px;}
hr{padding:0px; margin:0px; color:#adc3ce; height:0px;}

input{border:0px;}

textarea{resize:none;}
.fl{float:left;}
.fr{float:right;}

.clear{clear: both;display: block; padding: 0 0 20px 0; float:none;}
.clear00{clear: both;overflow:hidden; float:none; height:0px;}
.clear10{clear: both;display: block;padding: 5px 0; float:none;}
.clear50{clear: both;display: block;padding: 25px 0; float:none;}

.db{display:block; padding:3px 0px;}
.dn{display:none;}

.center{text-align:center;}
.right{text-align:right;}

/*Quick font colors*/
.c-white{color:#FFF;}
.c-lightgrey{color:#ccc;}

/*Generic link style*/

a.grey-actionlink {color:#666; font-size:1.6em;}


/****************Header ******************/

#topContainer {
background-image:url(../images/bg_top100_header.jpg);
background-position: top center;
background-repeat:no-repeat;
width:100%;
height:470px;
position:relative;
overflow:hidden;
}

#topContainer .wrapper{
	width:1110px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#top100badge{
background-image:url(../images/top100_badge.png);
background-position:top center;
background-repeat:no-repeat;
position:absolute;
top:0px;
left:50%;
margin-left:-204px;
width:408px;
height:525px;
}

#topSquarecover{
background:transparent url(../images/bg_squarecover.png);
background-position:top center;
background-repeat:repeat-x;
position:absolute;
bottom:0px;
height:11px;
width:100%;
z-index:999;
}

#backLink{
position:absolute;
top:0px;
right:30px;
width:150px;
padding:10px 15px;
background-color:#ee8c6d;
text-align:center;
-webkit-box-shadow: 0px 3px 3px 0px rgba(113, 50, 50, 0.3);
-moz-box-shadow:    0px 3px 3px 0px rgba(113, 50, 50, 0.3);
box-shadow:         0px 3px 3px 0px rgba(113, 50, 50, 0.3);
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

#backLink:hover{
background-color:#ea8261;
}

#backLink a, #backLink a:link, #backLink a:visited, #backLink a:active{
color:#fff;
font-size:1.1em;
}

#elm_col_1, #elm_col_2, #elm_col_3, #elm_col_4{position:absolute; display:none;}

#elm_col_1{
background-image:url(../images/elm_col_1.png);
background-position: top center;
background-repeat:no-repeat;
width:155px; height:477px;
top:-150px; left:0;
}

#elm_col_2{
background-image:url(../images/elm_col_2.png);
background-position: top center;
background-repeat:no-repeat;
width:148px; height:429px;
top:150px; left:200px;
}

#elm_col_3{
background-image:url(../images/elm_col_3.png);
background-position: top center;
background-repeat:no-repeat;
width:153px; height:481px;
top:170px; left:750px;
}

#elm_col_4{
background-image:url(../images/elm_col_4.png);
background-position: top center;
background-repeat:no-repeat;
width:128px;height:543px;
top:-150px; left:950px;
}

/*Introtext*/

#intro{
width:700px;
*width:750px;
margin-left:auto;
margin-right:auto;
font-family: "Noto Sans", "Microsoft JhengHei","微軟正黑體","Apple LiGothic Medium","蘋果儷中黑", sans-serif;
}

#intro .title{
width:720px;
margin-left:auto;
margin-right:auto;
color:#c0702e;
font-weight:bold;
padding:40px 20px;
font-size:3.5em;
position:relative;
text-align: center;
}


#intro .title .deco_r, #intro .title .deco_l{
width:42px;
height:12px;
position:absolute;
top:50%;
margin-top:-8px;
}

		#intro .title .deco_r{right:0px;background-image:url(../images/bg_title_r.png); background-repeat:no-repeat;}
		#intro .title .deco_l{left:0px;background-image:url(../images/bg_title_l.png);background-repeat:no-repeat;}

#intro .content{
font-size:1.6em;
text-align:center;
line-height:1.5em;
padding:20px 0px;
}

/**************** Menu ******************/

#mainmenu{
  background-color:#f8d5cc;
  width:1050px;
  margin-left:auto;
  margin-right:auto;
  height:50px;
  padding:0px 15px;
  font-family: "Noto Sans", "Microsoft JhengHei","微軟正黑體","Apple LiGothic Medium","蘋果儷中黑", sans-serif;
}

#mainmenu ul{
list-style:none;
padding:0;
margin:0;
color:#000;
}

#mainmenu ul li{
float:left;
padding:16px 10px;
*padding:16px 10px;
*padding:16px 10px\9;
cursor:pointer;
font-size:1.3em;
*font-size:1.3em;
font-size: 1.3em\9;
}

#mainmenu ul li.active{
font-weight:bold;
text-decoration:none;
background-color:#eba990;
}



#mainmenu .filter__search{width:150px; padding:8px 10px; margin-top:10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image:url(../images/ico_search.jpg);
background-repeat:no-repeat;
background-position:center right;
}



/****************Footer ******************/

#footerContainer{
width:100%;
min-height:100px;	
margin-top:30px;
background:transparent url(../images/bg_footer.jpg) no-repeat top center;
}

#footer{
width:100%;
text-align: center;
padding:100px 0px 30px 0px;
}

#footer .credit{ height:25px;}

/*** to top***/

#toTop {
display: none;
position: fixed;
bottom: 5px;
right: 5px;
width: 64px;
height: 64px;
background-image: url(../images/up.png);
background-repeat: no-repeat;
opacity: .6;
filter: alpha(opacity=60)
}
#toTop:hover {
opacity: 1;
filter: alpha(opacity=100)
}