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

/***********************************************
/*Top 100 WU Blogs 2014*
***********************************************/

head{height: 100%;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	font-family: '微軟正黑體', 'ROBOTO';
	font-weight:400;
	font-size: 75%;
	background: #fbf6f4;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing: antialiased;
	min-height:100%;
	line-height:150%;
	min-width:1000px;
}

a{cursor:pointer;}
a:hover{text-decoration:none;}


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 {
width:1250px;
height:750px;
position:relative;
overflow:hidden;
margin: 0px auto;
display:block;
}


#topContainer .banner-img {
	background-position: top center;
	background-repeat:no-repeat;
	background-image:url(../images/index-topban.jpg);
	width:100%;
	height:515px;
	z-index:10;

}

#topContainer #blogbtn2013 {
	background-image:url(../images/spacer.gif);
	width:225px;
	height:45px;
	position:absolute;
	z-index:20;
	top:460px;
	right:38px;
}

#topContainer #back-to-wu {
	background-repeat:no-repeat;
	background-image:url(../images/btn_backtowu.png);
	width:195px;
	height:85px;
	position:absolute;
	z-index:20;
	top:10px;
}

#topContainer .line {
	background:url(../images/index-top-gra-lines.png);
	width:618px;
	height:429px;
	position:absolute;
	z-index:11;
	top:79px;
	left:130px;
}

#topContainer #indexGra01{
	background:url(../images/index-top-gra-01.png);
	width:66px;
	height:252px;
	position:absolute;
	z-index:10;
	top:129px;
	left:295px;
	display:none;
}

#topContainer #indexGra02{
	background:url(../images/index-top-gra-02.png);
	width:255px;
	height:269px;
	position:absolute;
	z-index:9;
	top:85px;
	left:410px;
	display:none;
}

#topContainer #indexGra03{
	background:url(../images/index-top-gra-03.png);
	width:309px;
	height:323px;
	position:absolute;
	z-index:10;
	top:95px;
	left:698px;
	display:none;
}

#topContainer #indexTxt01{
	background:url(../images/index-top-text-01.png);
	width:325px;
	height:45px;
	position:absolute;
	z-index:11;
	top:321px;	left:459px;
}

#topContainer #indexTxt02{
	background:url(../images/index-top-text-02.png);
	width:634px;
	height:53px;
	position:absolute;
	z-index:11;
	top:382px;
	left:315px;
}

#topContainer #indexTxt03{
	background:url(../images/index-top-text.png);
	width:318px;
	height:202px;
	position:absolute;
	z-index:11;
	top:250px;
	left:480px;
}

#topContainer #indexGraPlane{
	background:url(../images/index-top-gra-plane.png);
	width:742px;
	height:658px;
	position:absolute;
	z-index:15;
	top:223px;
	left:875px;
}



#topContainer .maldives-img {
	background : url(../images/index-maldives.png) no-repeat;
	height : 352px;
	width : 309px;
	position: absolute;
	left: 40px;
	top: -450px;
	z-index:99;
}

#topContainer .nav-wrap .nav-btns {
	background : url(../images/bg-vote-menu.png) no-repeat;
	height : 316px;
	width : 181px;
	z-index:20;
	position: absolute;
	right: 86px;
	top: 488px;
}

#topContainer .nav-wrap .text-win {
	background : url(../images/vote-menu01.png) no-repeat;
	width: 155px;
	height : 41px;
	z-index:20;
	position: absolute;
	right: 112px;
	top: 522px;
	cursor: pointer;
}
#topContainer .nav-wrap .text-gift {
	background : url(../images/vote-menu02.png) no-repeat;
	width: 155px;
	height : 41px;
	z-index:20;
	position: absolute;
	right: 112px;
	top: 626px;
	cursor: pointer;
}
#topContainer .nav-wrap .text-rule {
	background : url(../images/vote-menu03.png) no-repeat;
	width: 155px;
	height : 41px;
	z-index:20;
	position: absolute;
	right: 111px;
	top: 735px;
	cursor: pointer;
}



.intro {
	position: absolute;
	margin: 0px auto;
	left: 220px;
	height: 400px;
	width: 800px;
	top: 520px;
}


.intro .content {
	font-size:12pt;
	font-weight:400;
	color:#000;
	line-height:2;
	text-align: center;
	padding:10px;

}
.intro .bracket {
	background : url(../images/bg-index-bracket.png) no-repeat 50% 50%;
	height: 56px;
	width: 498px;
	margin: 0px auto;
	padding:10px;
	font-size:12pt;
	font-weight:bolder;
	color: rgb(113,148,144);
	line-height:2;
	text-align: center;
}


.intro .expire-date {
	font-size:11pt;
	font-weight:600;
	float:left;
	width:50%;
	line-height:6;
}

.intro .expire-date a{
	font-size:11pt;
	font-weight:bolder;
	color: rgb(113,148,144);
}

.intro .thanks {
	float:left;
	line-height: 6;
	font-size:11pt;
	font-weight:600;
	width:50%;
	background : url(../images/logo-travelchannel.png) no-repeat;
	background-position: right center;
	height:80px;
}


.vote-popup {
	background:url(../images/bg-blk-60.png) top center;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	z-index:999;
	width:100%;
	height:10000px;
	text-align:center;
	overflow: hidden;
	padding-top: 250px;
}

.vote-popup .tnc{
	background:#FFF;
	padding:50px 20px;
	width:100%;
	min-height:500px;
	text-align:left;
}

.vote-popup .tnc .title{
	font-size:200%;
	padding:50px 30px;
	color:#4b9faa;
	font-weight:bold;
}

.vote-popup .tnc .title{
	font-size:200%;
	padding:50px 40px;
	color:#4b9faa;
	font-weight:bold;
}

.vote-popup .tnc li{
	margin-bottom: 10px;
}

.vote-popup .tnc .tnc-title {
	font-size: 12pt;
	font-weight: bold;
	line-height: 2;
}

.vote-popup .tnc .tnc-block {
	padding: 10px;
	width: 90%;
	float: left;
}
.vote-popup .btn-vote-popup{
	background: url(../images/btn-popup-vote.png) no-repeat;
	height: 90px;
	width: 214px;
	cursor : pointer;
	position:absolute;
	top:820px;
	left:320px;
	padding:0px;
}

.vote-popup .btn-vote-popup:hover {
	background: url(../images/btn-popup-vote.png) no-repeat 0 -90px;
	height: 90px;
	width: 214px;
	cursor : pointer;
}

.detail-content {
	width:807px;
	margin: 0px auto;
	position:relative;
}

.overlay-close {
	position: absolute;
	right: 0px;
	padding: 50px;
	cursor: pointer;
	z-index:500;
}


		.concealed {
			z-index : 0;
		}
		.filtered {
			z-index : 100;
		}



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

#mainmenu{
  background-color: rgb(214,229,226);
  width:1150px;
  margin-left:auto;
  margin-right:auto;
  height:50px;
  font-weight:400;
  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: rgb(140,185,190);
color:#FFF;
}



#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: 95% center ;
}


.hover-blog {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(../images/bg-blk-90.png);
	z-index: 1000;
	padding: 5px;
}

.hover-blog-title {
	text-align: center;
	padding-top: 30px;
}

.hover-blog-title a {
	font-size: 12pt;
	font-weight: 800;
	line-height: 1.5;
	color: rgb(255, 255, 255);
	text-align: center;
}

.hover-blog-authur {
	text-align: center;
	padding-top: 5px;
}

.hover-blog-authur a {
	font-size: 8pt;
	font-weight: 800;
	line-height: 1.5;
	color: rgb(166, 266, 266);
	text-align: center;
}

.hover-blog-button {
	height: 78px;
	width: 185px;
	margin: 20px auto;

}
.hover-blog #voteBtn {
	background: url(../images/btn-index-read.png) no-repeat;
	height: 78px;
	width: 185px;
	cursor : pointer;
	float: right;
}

.hover-blog #voteBtn:active {
	background: url(../images/btn-index-read.png) no-repeat 0 -78px;
	height: 78px;
	width: 185px;
	cursor : pointer;
	float: 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;
z-index: 100;
filter: alpha(opacity=60)
}
#toTop:hover {
opacity: 1;
filter: alpha(opacity=100)
}

/*Owl Carousel*/
#maldives-photos{
	position:absolute;
	z-index:99;
	top:145px;
	left:8px;
	overflow:hidden;
	width: 790px;
}
#maldives-photos .item img{
    display: block;
    height: auto;
}