a{color:#0080C0;text-decoration:none;}
a:visited{color:#0080C0;}
a:hover{left:1px; top:1px;position:relative;background:transparent;color:#ff0000;text-decoration:none;}

.line{ border-bottom:dotted 1px #666666; margin-top:10px; margin-bottom:10px}

.this_bg{background:#FFCCFF}

/*ad*/
.ad{margin:5px 0 10px 0;}

/*常用按鈕*/
.btn a{
	background-color:#0099FF;
	padding:5px;
	margin:5px;
	color:#FFFFFF;
	text-align:center;
	border: 2px solid #fff;
	-webkit-border-top-left-radius: 8px;
	 -webkit-border-top-right-radius: 8px;
	 -webkit-border-bottom-left-radius: 8px;
     -webkit-border-bottom-right-radius: 8px;
	 text-decoration: none;
}

#container{width:1250px;margin:auto; background-color:#FFFFFF; padding:5px; }
#header{ text-align:center;
}
#header #icon_switch{ float:left; margin:10px 0 0 5px; width:25px;
}
h1{
margin:auto;
margin-top:30px;
margin-bottom:30px;
}
#content{
text-align:center;
border-radius: 20px;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
padding:10px;
}

#content hr{border-style:dotted;color:#000000;width:90%}

#ul_main{display: table; overflow:auto; margin:0 0 0 0;}
#ul_main li{float:left;list-style-type:none;}




.ud_a {color:#FFFFFF;}
.ud_f0 {color:#FFFFFF;}
.ud_f1 {font-size:16pt; font-weight:bolder}
.ud_f2 {font-size:16pt; color:#FF0000; font-weight:bold}
.ud_f3 {color:#FF0000;}
.ud_td {background-color:#F2F2F2}


.ud_f0{color:#FFFFFF;}
.ud_f1{font-size:16pt; font-weight:bolder}
.ud_f2{font-size:16pt; color:#FF0000; font-weight:bold}
.ud_f3{color:#FF0000;}
.ud_td{ background-color:#F2F2F2}
.ud_a{color:#FFFFFF;}


#back-to-top{position:fixed;display:none;bottom:60px;right:15px;}
#back-to-top a{background:url(//img.bluezz.tw/m/back_to_top_1.png) 0px 0px no-repeat;background-size:100% auto;display:block;width:80px;height:80px;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s}
#back-to-top a:hover{ background-position:0px -80px}


#back-to-bottom{position:fixed;top:60px;right:15px;}
#back-to-bottom a{background:url(//img.bluezz.tw/m/back_to_bottom_1.png) 0px 0px no-repeat;background-size:100% auto;display:block;width:80px;height:80px;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s}
#back-to-bottom a:hover{ background-position:0px -80px}

#content_note,#content_note_on_paper{text-align:left; width:90%; }
#content_note_on_paper #note_no_paper_ol{margin-left: 0; padding-left: 0;}
#content_note_on_paper li{line-height:200%;}

/* scenic */
.more_btn{
margin:0 10px 0 10px;
font-size:22pt;
	height:50px;
	
	padding:5px;
	background-color:#0099FF;
	color:#FFFFFF;
	text-align:center;
	border: 2px solid #fff;
	-webkit-border-top-left-radius: 8px;
	 -webkit-border-top-right-radius: 8px;
	 -webkit-border-bottom-left-radius: 8px;
     -webkit-border-bottom-right-radius: 8px;
	 text-decoration: none;
}
a:hover .more_btn{background-color:#ff0000}
a:hover .scenic_new_pic_box_in{ background-color:#EFE2D8}
.scenic_new_pic_box_in{
    height:440px;
	width:390px;
	overflow: hidden;
	float:left;
	box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	padding:15px 5px 5px 5px;margin:0px 0 10px 15px;
}
.scenic_img_box_in{
	width:360px; height:250px; overflow:hidden;
}
.scenic_img_box_in img{
	width:360px;
}

#scenic_new_pic_box .pic_txt{
	text-align:center;padding:5px 0 0 0;
}

#article{
	margin:20px;
}
.scenic_pic_txt_title{ 
	color:#000000;font-weight:bold; font-size:20px;
}
.scenic_pic_txt_description{ color:#999999; overflow:hidden; text-align:left; padding:10px;}

/* mybook */
#mybook{text-align:center}
#mybook_title{text-align:left; color:#90B619; font-weight:bold;font-size:1.3em;}
#mybook_content{
text-align:left;
word-break:break-all;
line-height:150%;letter-spacing:5pt;
font-size:1.3em;
margin-top: 1em;
}
.blog_pic{ border: 1px solid #0099FF; padding:10px; margin: 10px 0 0 0 ;}
.movies{display: block;margin: 0 auto;}

.itemprop li{ list-style-type:none ; float:left;}

.au_link{
	border:1px solid #666666;-webkit-border-radius: 5px; padding:5px; background-color:#0099FF; margin:10px;
	box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
-webkit-box-shadow: 0px 0px 5px #999;
}
.au_link a{color:#FFFFFF; text-decoration:none}
.au_link a:hover{color:#FF0000;}


#bookmarker{
	text-align:center;
}
#bookmarker ul li a{
	padding:2px;
	margin:0px 0 0 3px;
	text-decoration: none;
	border: 1px solid #999;
	color:#000;
	background-color: #fff;
	 -webkit-border-top-left-radius: 4px;
	 -webkit-border-top-right-radius: 4px;
	 -webkit-border-bottom-left-radius: 4px;
     -webkit-border-bottom-right-radius: 4px;
	 text-size:4pt;
	 
}
#bookmarker a:active,#bookmarker a:hover {
    background-color: blue;
    color: white;
}
#bookmarker ul li{
	float:left;
	list-style-type:none;
	line-height: 25px;
}

/* rank */
.rank_area a{ display:inline}
.rank_area #rank_subject{ font-weight:bold; color:#009900; font-size:20px; text-align:center;}
.rank_area #rank_content{ text-align:left;color:#000000;
}
.rank_area #rank_content font{ color:#666666;}
.rank_area #rank_content .rank_item{ margin:0 5px 20px 5px;}
#rank_bar_content .profile_photo{width:48px; height:48px;}

/*進階資料*/
.turbo_box{
width:800px;
text-align:left;
background-color: rgba(255,255,255,0.5);
-webkit-border-radius: 8px;
margin:auto;
padding:10px;
box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
-webkit-box-shadow: 0px 0px 5px #999;
}

#mybook_ref{
text-align:left; color:#666666;
}


.pic_h36{
	height:36px;vertical-align:middle;margin:5px 0 0 2px;
	-webkit-mask-box-image: url(https://img.bluezz.tw/m/pic_mask.png);
	float:left;
}

.pic_s{
	height:72px;vertical-align:middle;margin:5px 0 0 2px;
	-webkit-mask-box-image: url(//img.bluezz.tw/m/pic_mask_s.png);
	margin:0 10px 0 0;
	float:left;
}


.scroll_pic_bar{
overflow-x: scroll;
height:330px;
width:800px;
overflow-style: scrollbar, panner, move, marquee;
}

.general{text-align:left;
}
.general ul{ padding:0;
box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
-webkit-box-shadow: 0px 0px 5px #999;

	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
	
	    border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

.general ul li:first-child a {
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
.general ul li:last-child a {
    border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
	 
.general a:hover{    background-color: blue;
    color: white;
	left:0px; top:0px;}
	
.general ul li:nth-child(even) a:hover{    background-color: blue;
    color: white;}
	

.general ul li:nth-child(even) a{
	background-color: rgba(251,245,251,0.8);
    border: 1px solid #999;
    color: #222;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 5px 5px;
    text-decoration: none;
}

.general ul li{ list-style-type:none;
}

.general ul li a {
	height:80px;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #999;
    color: #222;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 5px 5px;
    text-decoration: none;

}

.general ul li a .li_subject{ color:#90B619;
}



/* footer */
#footer{height:120px}