@ColorFirst: #C6D300;
/* @ColorFirst: #d50c12; */
/* @ColorFirst: #dfea25; */

@NormalFont: 'PT Sans', '微軟正黑體', sans-serif;
@HeaderFont: 'Terminal Dosis', '微軟正黑體', sans-serif;

@ColorSecond: #000000;
@BackgroundColor: #ffffff;
@ThemePrefix: "light";
@LineColor: #999999;
@OutLine: #000000;
@TextColor: #333;
@PasifButtonBg: #555555;




/******** CSS Start ********/

/*Body Loading*/
#bodyLoading{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	-webkit-text-size-adjust:none;
}
#loading{
	margin:300px auto 0px auto;
	text-align:center;
}

/* General */
* {
	-webkit-user-drag: none;
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size:13px;
	line-height:1.4em;
	color: @TextColor;
	font-family: @NormalFont;
}
* html .clearfix {
	height: 1%; /* IE5-6 */
	}
*+html .clearfix {
	display: inline-block; /* IE7not8 */
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
::selection {
        background: @ColorFirst; /* Safari */
		color: @ColorSecond;  
        }
::-moz-selection {
        background: @ColorFirst; /* Firefox */
		color: @ColorSecond;  
}

select{font-size: 13px; padding: 2px; min-width: 150px; margin-right: 20px; border:1px solid #999;}
input {font-size: 13px; padding: 2px 0px; min-width: 150px; border:1px solid #999;}
.bt{font-size: 13px; padding: 2px 0px; min-width:60px;background-color:#666; color:#FFFFFF;}

a{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
a:link, a:visited{
	text-decoration:underline;
	color: darken(@TextColor, 10%);
}
a:hover, a:active{
	text-decoration:none;
}

body{
	background: @BackgroundColor;
	overflow:hidden;
}
html {
	overflow:hidden;
	background: @BackgroundColor;
}

#fullControl{
	opacity:0;
	position:absolute;
	right:10px;
	top:100px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 20px 0px 15px 0;
	
}
table th,tr,td{
	border-collapse: collapse;
    border-spacing: 0;
	border: 1px solid #CCC;
	text-align:center;
	padding:10px;
}



p span.QA{
	font-size: 22px;
	margin: 0 15px 0 5px;
	font-weight: normal;
}






/*body-wrapper*/
#body-wrapper{
	width:100%;
	background-color: @BackgroundColor;
	text-align:center;
	overflow:hidden;
	position:relative;
	opacity:0;
}
#content{
	opacity:0;
	display:none;
	position:absolute;
	overflow:hidden;
	width:800px;
	left:40px;
	top:57px;
	padding:20px;
	/*background: url('images/@{ThemePrefix}-content-bg.png');*/
	background-color:#FFF;
}

#contentBox{
	position:relative;
	overflow:hidden;
	text-align:left;
}
#contentBoxScroll{
	top:57px;
	position:absolute;
	display:none;
	text-align:left;
	width:27px;
	background: url('images/@{ThemePrefix}-content-scroll-bg.png');
}
#contentBoxContainer{
	position:relative;
}
.dragcontainer{
	position:relative;
	height:500px;
}
.dragger{
	position:absolute;
	left:5px;
	width:17px;
	height:60px;
	background-color:@ColorFirst;
	cursor:pointer;
}
.scroll_up{
	width:5px;
	height:6px;
	background-color:@ColorFirst;
	margin:6px 0 36px 6px;
	background-image:url('images/scroll_arrow_up.png');
	
}
.scroll_down{
	width:5px;
	height:6px;
	background-color:@ColorFirst;
	background-image:url('images/scroll_arrow_down.png');
	margin:0px 0 6px 6px;
}

#closeButton:link, #closeButton:visited{
	display:block;
	width:27px;
	height:27px;
	background-image:url('images/@{ThemePrefix}-close_btn_bg.png');
}
#closeButton:hover, #closeButton:active{
	background-position:0 -27px;
}

#bgImages{
	display: none;
	list-style:none;
	position:absolute;
	left:0px;
	bottom:-50px;
	height:92px;
/* 	background: url('images/@{ThemePrefix}-bgImages.png'); */
}
#bgImages li{
	position:relative;
	margin:0;
	float:left;
	padding:3px;
}
#bgImages img.thumb{
	height:80px;
	margin:0;
	padding:3px 0 0 0;
	cursor:pointer;
	opacity:.30;
	border-top:3px solid #666;
}
#bgImages li .thumbType{
	opacity:0;
	position:absolute;
	width:20px;
	height:20px;
	right:3px;
	bottom:7px;
	background-color:@ColorFirst;
}
#bgImages li .thumbVideo{
	opacity:0;
	background-image: url('images/thumb_video.png');
}
#bgImages li .thumbImage{
	opacity:0;
	background-image: url('images/thumb_image.png');
}
#bgImages img.source, #bgImages iframe{
	display:none;
}
#bgImages h3, #bgImages p{
	display:none;
}
#bgImages li.active img.thumb{
	border-top:3px solid @ColorFirst;
}
#bgImage{
	position:absolute;
	left:0;
	top:0;
}
#bgText{
	display:inline-block;
	text-align:left;
	position:absolute;
	left:7px;
	bottom:64px;
	padding:10px;
}
#bgText .headerText{
	display:inline;
	font-size:14px;
	line-height:54px;
	color:@ColorFirst;
	padding:0 10px;
	font-weight:700;
	font-family: @HeaderFont;
	text-shadow:2px 2px rgba(0,0,0,.5);
}
#bgText .subText{
	margin-top:10px;
	display:inline;
	font-size:16px;
	line-height:16px;
	padding:0 10px;
	text-transform:uppercase;
	color:#fff;
	font-family: @HeaderFont;
	font-weight:700;
	text-shadow:2px 2px rgba(0,0,0,.5);
}
#bgImageWrapper{
	position:relative;
}
#bgImageWrapper img{
	position:absolute;
}
#ytVideo, #vmVideo, #jwVideo{
	position:absolute;
}
#bgPattern{
	position:absolute;
	background: url('images/pattern.png');
}
.bgCanvas{
	position:absolute;
	left:0;
	top:0;
}

/*Image Animate*/
.hoverWrapperBg{
	opacity:.50;
	background-color:@BackgroundColor;
	box-shadow: -5px -5px @ColorFirst inset, 5px 5px @ColorFirst inset;
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
}
.image_frame{
	position:relative;
	cursor:pointer;
}
.image_frame > a{
	display:block;
	padding:0;
	margin:0;
	font-size:0px;
}

.hoverWrapper{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.hoverWrapper .link:link, 
.hoverWrapper .link:visited, 
.hoverWrapper .modal:link,
.hoverWrapper .modal:visited,
.hoverWrapper .modalVideo:link,
.hoverWrapper .modalVideo:visited{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	background-color:@ColorFirst;
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	bottom:5px;
}
.hoverWrapper .link:link, .hoverWrapper .link:visited{right:15px; background-image: url('images/imageLink.png');}
.hoverWrapper .modal:link, .hoverWrapper .modal:visited{right:49px;  background-image: url('images/imageModal.png');}
.hoverWrapper .modalVideo:link, .hoverWrapper .modalVideo:visited{right:49px; background-image: url('images/imageVideo.png');}
.hoverWrapper .link:hover, .hoverWrapper .link:active,
.hoverWrapper .modal:hover, .hoverWrapper .modal:active,
.hoverWrapper .modalVideo:hover, .hoverWrapper .modalVideo:active{
background-position:0 -33px;
box-shadow: -2px -2px rgba(0,0,0,.5) inset, 2px 2px rgba(0,0,0,.5) inset;
}

.blogdatemeta{
	height:33px;
	padding:10px 0;
	border-top:1px solid @LineColor;
	border-bottom:1px solid @LineColor;
}
.blogdate{
	float:left;
	display:inline-block;
	line-height:33px;
	font-size:18px;
	color:@ColorSecond;
	font-family:@HeaderFont;
}
.hoverWrapper h3{
	opacity:0;
	text-align:left;
	padding:10px;
	margin:10px;
	font-size:14px;
	line-height:10px;
	color:#fafafa;
	background-color:@ColorFirst;
	font-family: @HeaderFont;
}
.hoverWrapper .enter-text{
	opacity:0;
	text-align:left;
	padding:0px 15px 10px 15px;
	font-size:11px;
}



/*Menu and LOGO*/
#logo img{
	margin:0 0 0 10px;
	padding:0;
	line-height:1em;
}
#logo{
text-align:left;
float:left;
display:inline-block;
}

#menu-container{
	position:absolute;
	left:0px;
	top:48px;
}
#mainmenu{
	margin:9px 0 0 10px;
}
#mainmenu ul{
	list-style:none;
}
#mainmenu  ul > li{
	position:relative;
	margin-bottom:1px;
	text-align:left;
}
#mainmenu ul li a:link,
#mainmenu ul li a:visited{
	padding:2px;
	display:inline-block;
	text-decoration:none;
	text-align:left;
}
#mainmenu ul li a:hover,
#mainmenu ul li a:active{
}
#mainmenu ul > li.active > a:link,
#mainmenu ul > li.active > a:visited{
}
#mainmenu ul li a span.title{
	display:inline-block;
	margin:0;
	padding:2px 6px 5px 6px;
	position:relative;
	color:@ColorSecond;
	font-size:12px;
	font-family: @HeaderFont;
	height:15px;
}
#mainmenu ul > li > a{
	/*background-image: url('images/@{ThemePrefix}-menu-bg.png');*/
	background-color:#FFF;
	width: 83px;
}
#mainmenu ul > li > a:hover{
	background-color:@ColorFirst;
	width: 83px;
}
#mainmenu ul li ul li a:link,
#mainmenu ul li ul li a:visited{
}
#mainmenu ul li ul li a:hover,
#mainmenu ul li ul li a:active{
}
#mainmenu ul li ul li a span.title{
	color:@ColorSecond;
}
#mainmenu ul li a:hover span.title,
#mainmenu ul li a:active span.title,
#mainmenu ul > li.active > a:link span.title,
#mainmenu ul > li.active > a:visited span.title{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	color:@ColorSecond;

}
#mainmenu ul li ul li a:hover span.title,
#mainmenu ul li ul li a:active span.title{
	color:@ColorSecond;
	background-color:@ColorFirst;
}
#mainmenu ul .description{
	display:none;
}
#mainmenu ul ul{	
	top:0;
}
#mainmenu ul ul li{
	float:left;
	margin-left:1px;
}





#content h1.caption{
	padding:0;
	font-family: @HeaderFont;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	line-height:60px;
	color: @ColorSecond;
	border-bottom:1px solid @LineColor;
	border-top:3px solid @LineColor;
}


#content .captionmenu {
	margin: 20px auto 10px auto;
	width:100%;
	float: left;
}


#content .captionmenu ul{ list-style:none; margin:0px ; padding:0px; margin-top:-28px;}
#content .captionmenu li{ float:left; list-style:none; font-weight:normal; color:#000;}
#content .captionmenu li#li_over{  background-color:@ColorFirst; margin-right:13px; padding:3px 10px 4px 10px;}
#content .captionmenu li a, #content .captionmenu li a:visited{border-top: 1px solid @ColorFirst;border-bottom: 1px solid @ColorFirst; background-color:#FFF; display:block; padding:5px 10px; text-decoration:none; margin-right:13px;}
#content .captionmenu li a:hover, #content .captionmenu li a:active{background-color:@ColorFirst; color:#000; text-decoration:none;}
#content p{line-height: 22px; text-align:justify; text-justify:inter-ideograph; margin-bottom:10px; color:#444;}

#content p.caption{font-size: 13px; font-weight: bold; margin-bottom:5px;}
#content p.heightlight{
	margin:0;
	font-size: 13px;
	color:#9fa900;
}
#content ol{
	margin-left:20px;
}
#content ol li{
	line-height:22px;
	margin-bottom:10px;
	color:#444;
}
#content ul {
	margin-top:30px;
}
#content ul li{
	list-style:none;
	line-height:22px;
	color:#888;
	margin-top:10px;
}
#content a{
	text-decoration:underline;
}
#content a:hover{
	cursor:pointer;
	color:#C6D300;
	text-decoration:underline;
}
/* Footer */
#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
/* 	background: url('images/@{ThemePrefix}-footer.png'); */
	height:32px;
	padding-top:1px;
}
#footertext{
	float:left;
	padding:0 10px;
	height:30px;
	line-height:30px;
	color:#FAFAFA;
	font-family: @HeaderFont;
}

#footeraudio .soundmute{ display:none;}

#bgControl{
	display:inline-block;
	position:absolute;
	right:20px;
	top:20px;
	background-color:@ColorFirst;
	padding:5px;
	height:20px;
}
#bgControlCount{
	display:inline-block;
	padding:0 15px 0 10px;
	font-size:18px;
	line-height:30px;
	vertical-align:top;
	font-family:@HeaderFont;
	color:@ColorSecond;
}
#bgControlButtons{
	display:inline-block;
}
#bgControlButtons a{margin-right:1px;}
#bgControl .play, #bgControl .full, #bgControl .close, #bgControl .info{display:none;}
#bgControl .next:link, #bgControl .next:visited{ background-image: url('images/bgControlRight.png');}
#bgControl .prev:link, #bgControl .prev:visited{ background-image: url('images/bgControlLeft.png');}
#bgControl .pause:link, #bgControl .pause:visited{ background-image: url('images/bgControlPause.png');}
#bgControl .play:link, #bgControl .play:visited{ background-image: url('images/bgControlPlay.png');}
#bgControl .full:link, #bgControl .full:visited{ background-image: url('images/bgControlFull.png');}
#bgControl .fitte:link, #bgControl .fitte:visited{ background-image: url('images/bgControlFit.png');}
#bgControl .soundicon:link, #bgControl .soundicon:visited{display:none; background-image: url('images/icon_sound.png');} 
#bgControl .soundmute:link, #bgControl .soundmute:visited{display:none; background-image: url('images/icon_mute.png');} 


#bgControl .close:link, #bgControl .close:visited{ background-image: url('images/bgControlClose.png');}
#bgControl .info:link, #bgControl .info:visited{ background-image: url('images/bgControlInfo.png');}
#footeraudio .soundicon:link, #footeraudio .soundicon:visited{background-image: url('images/icon_sound.png');}
#footeraudio .soundmute:link, #footeraudio .soundmute:visited{background-image: url('images/icon_mute.png');}
#footeraudio .soundplaylist:link, #footeraudio .soundplaylist:visited{background-image: url('images/icon_playlist.png');}

#share{float:left;}
#share  ul{list-style:none;}
#share li{float:left; margin-right:1px;}
a.btnCtrl:link, a.btnCtrl:visited{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	float:left;
	display:inline;
	width:20px; 
	height:20px;
	background-color:@PasifButtonBg;

}
a.btnCtrl:hover, a.btnCtrl:active{
	background-color:@ColorFirst;
	background-position:0 -20px;
}
#share .tw{background-image: url('images/icon_tw.png');}
#share .fb{background-image: url('images/icon_fb.png');}
#share .rss{background-image: url('images/icon_rss.png');}
#circleC{
	display:none;
	position:absolute;
	left:200px;
	top:100px;
}


/*About*/
.personName{display:block; float:left; padding-top:14px;}
.personName h3{font-size:13px; line-height:16px;}
.personName span{font-size:11px; line-height:11px;}
.personContact{clear:both; display:block; float:right; padding-top:16px; }
.personContact a:link, .personContact a:visited{background-color:@ColorFirst; width:33px; height:33px; display:block; float:left; margin-left:2px;}
.personContact a:hover, .personContact a:active{background-position:0 -33px; box-shadow: -2px -2px rgba(0,0,0,.5) inset, 2px 2px rgba(0,0,0,.5) inset;}
.personFacebook{background-image:url('images/person-facebook.png');}
.personTwitter{background-image:url('images/person-twitter.png');}
.personEmail{background-image:url('images/person-email.png');}



/*Portfolio*/
.portfolioitems{
	list-style:none;
	overflow:hidden;
	display: inline;
}
.portfolioitems img{
	margin-bottom:30px;
	}
.portfolioitems-right{
	/*float:right;*/
	color:#888;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:2px;
	margin-left:10px;
}
.portfolio1columns li{
	float:left;
}
.portfolio2columns li{
	float:left;
	margin: 20px 20px 0 0;
}
.portfolio3columns li{
	float:left;
	margin: 20px 20px 0 0;
}
.portfolio4columns li{
	float:left;
	margin: 20px 20px 0 0;
}
.portfolioFilter{
	list-style:none;
	margin:20px 0 0 0;
	height:30px;
	padding-bottom:20px;
	border-bottom:1px solid @LineColor;
}
.portfolioFilter li{ float:left; margin-right:10px;}
.portfolioFilter li a:link,
.portfolioFilter li a:visited{
	display:block;
	background-color:@ColorFirst; 
	text-decoration:none;
	color:@ColorSecond;
	font-family: @HeaderFont;
	font-size:13px;
	line-height:30px;
	padding:0 15px;
}
.portfolioFilter li a:hover,
.portfolioFilter li a:active{
	box-shadow: -2px -2px rgba(0,0,0,.5) inset, 2px 2px rgba(0,0,0,.5) inset;
}
.portfoliotitle td{
	padding:0px;
	height:40px;
	line-height:40px;
	text-align:left;
	border-left:0px;
}

#folio{
	padding:8px 0 0 0;
}
/*dynamically added*/

#folio div.pwrapper img{
	background:url(images/folio/caption-bg.png) repeat-x; 
}
#folio div.pwrapper{
	width:250px; 
	height:250px; 
	overflow:hidden; 
	position:relative; 
	margin:0 14px 5px 0;
	border:1px solid #999999;
	cursor:pointer;
}
#folio ul{
	margin:0;
	padding:0;
	display:none;
}
#folio ul li {
	list-style:none;
	float:left;
}
#folio ul li div.caption span, .bf_heading span{
	font-size:16px;
	padding-top:4px;
	padding-bottom:5px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
#folio ul li div.caption {	
	-webkit-text-size-adjust:none;
	font-size:11px; 
	position:relative; 
	text-align:left; 
	background:url(images/folio/caption-bg.png); 
	min-height:100px; 
	color:#FFF; 
	padding:5px;
	text-decoration:none;
	
}

/*Columns*/
.c1,
.c1of2, .c1of2_end, 
.c1of3, .c1of3_end, .c2of3, .c2of3_end,
.c1of4, .c1of4_end, .c2of4, .c2of4_end, .c3of4,
.c3of4_end{float:left; margin-top:20px;}

/*.c1{clear:both; float:left; width:740px;margin-left:20px; }*/
.lowe_q{
	display: inline;
}
.lowe_q li{
	padding:3px 0 5px 35px;
	background:url('images/q.gif') no-repeat;
}
.lowe_a{
	display: inline;
}
.lowe_a li{
	padding:0 0 5px 35px;
	background:url('images/a.gif') no-repeat;
}
.c1of2{float:left; width:280px; margin-right:40px;}
.c1of2_end{float:left; width:280px;}
.c1of3{float:left; width:173px; margin-right:40px;}
.c1of3_end{float:left; width:173px;}
.c2of3{float:left; width:386px; margin-right:40px;}
.c2of3_end{float:left; width:386px;}
.c1of4{float:left; width:120px; margin-right:40px;}
.c1of4_end{float:left; width:120px;}
.c2of4{float:left; width:280px; margin-right:40px;}
.c2of4_end{float:left; width:280px;}
.c3of4{float:left; width:440px; margin-right:40px;}
.c3of4_end{float:left; width:440px;}

/*STYLES*/
h1, h2, h3, h4, h5, h6{
	clear:both;
	font-family: @HeaderFont;
	font-weight:normal;
	color: #1B1B1B;
}
h1{font-size:16px;}
h2{font-size:20px;}
h3{font-size:14px; font-weight:bold;}
h4{font-size:14px; font-weight:bold;}
h5{font-size:14px;}
h6{font-size:13px;}
.divider{clear:both; height:20px;}
.vericaldivider{display:inline-block; width:20px; }
hr.seperator{clear:both; float:left; margin-top:10px; height:1px; background-color:@LineColor; width:100%; }
hr.seperatorBold{clear:both; float:left; margin-top:20px; height:3px; background-color:@ColorFirst; width:100%; }
.dropcap{
	text-align:center;
	display:block;
	float:left;
	font-weight:500;
	font-size:28px;
	line-height:40px;
	width:40px;
	font-family: @HeaderFont;
	background-color: @ColorFirst;
	color:@ColorSecond;
	padding:0;
	margin:7px 5px 0 0;
}
.quotes-writer{color:#fff;}
.right{float:right; margin:5px 0 5px 15px;}
.left{float:left; margin:5px 15px 5px 0px;}
span.highlight{background-color:@ColorFirst; color:@ColorSecond; padding:0px 2px;}
span.textlight{color:@ColorFirst;font-family: @HeaderFont;}

div.item_two_one{
	clear:both;
	float:left;
	width:80px;
	padding:12px 5px 12px 0;
	vertical-align:top;
	font-family: @HeaderFont;
	font-size:16px;
}
div.item_two_two{
	float:left;
	width:170px;
	margin-left:10px;
	padding:15px 5px;
	border-bottom: 1px solid #333;
	vertical-align:top;
}




/*CONTACT FORM*/
.dform p{
	display:block;
	clear:both;
	padding:5px 5px 5px 0;
}

.dFormInput{
	width:150px;
	padding:5px;
	margin-left:10px;	
}
/*.dFormInputFocus{
	border:1px solid @ColorFirst;
}*/
/*.dform label{
	padding-top:0px;
	float:left;
	display:inline-block;
	width:95px;
	text-decoration:none;
	font-family: @HeaderFont;
	font-size:13px;
}*/
.dform input[type=text], .dform select, .dform textarea{
	background:white;
	padding:2px;
	width:150px;
	margin-left:8px;
}
.dform input[type=text]:focus, .dform select:focus, .dform textarea:focus{
}
.dform select{
}
.dform input[type=submit]{
	margin-left:10px;
}
.dform textarea{
	min-width:300px;
	height:100px;
	border:1px solid #999;
}
/*.dform label.error{
	clear:both;
	float:left;
	margin-left:95px;
	padding-left:10px;
	width:172px;
	color:@ColorFirst;
	font-weight:normal;
	font-size:11px;
}*/
.form_message{
	display:none;
	padding:5px;
	background-color:@ColorFirst;
	color:@ColorSecond;
}
div.form_input{
	float:left;
}
.dform .submitButton{
	display:block;
	background-color:@ColorFirst;
	line-height:14px;
	padding:10px 20px;
	text-decoration:none;
	font-family: @HeaderFont;
	font-size:14px;
	text-transform:uppercase;
}
.dform .submitButton:hover{
	background-color:#888;
	/*box-shadow: -2px -2px rgba(0,0,0,.5) inset, 2px 2px rgba(0,0,0,.5) inset;*/
}

/* Single Page **/
#singleRight{
	float:right;
	width:163px;
	padding-left:20px;
}
#singleLeft{
	float:left;
	margin-right:20px;
	width:394px;
}
#singleRight ul{
	padding-top:20px;
	list-style:none;
}
#singleRight ul li{
	padding-top:3px;
	height:33px;
	line-height:33px;
	margin-bottom:10px;
}
#singleRight ul li span{
	float:left;
	display:block;
	height:33px;
	line-height:33px;
}
#singleRight .singleAuthor,
#singleRight .singleComments,
#singleRight .singleTags{
	float:left;
	display:block;
	background-color:@ColorFirst;
	width:33px;
	height:33px;
	margin-right:10px;
}
#singleRight .singleAuthor{background-image:url('images/blogicon-author.png');}
#singleRight .singleComments{background-image:url('images/blogicon-comment.png');}
#singleRight .singleTags{background-image:url('images/blogicon-tag.png');}
#singleRight .singleDateBlock{
	height:33px;
	padding:10px 0;
	border-top:1px solid @LineColor;
	border-bottom:1px solid @LineColor;
}
#singleRight .singleDate{
	float:left;
	display:inline-block;
	line-height:33px;
	font-size:18px;
	color:@ColorSecond;
	font-family:@HeaderFont;
}
#thumbOpener{
	position:absolute;
	display:none;
	width:160px;
	height:15px;
	bottom:45px;
	left:20px;
}




/* e_saving */

#e_saving > p {line-height: 30px;}


/* REF: 此部分勿改 */
#REF_ColorFirst{color:@ColorFirst; display:none; }
#REF_ColorSecond{color:@ColorSecond; display:none; }
/*REF*/

.menu_over{ background-image: url(images/arr_dd.gif); background-repeat:no-repeat; background-position: left; padding-left:8px; height:20px; }
.pdf_bt a:link,
.pdf_bt a:visited{
	border:1px solid #C3D600;
	background:#C3D600;
	padding:4px 6px 5px 7px;
	margin:0 3px;
	}
.pdf_bt a:hover,
.pdf_bt a:active{
	border:1px solid #CCC;
	background:#666;
	padding:4px 6px 5px 7px;
	margin:0 3px;
}
div#language span{
	color:#FFF;
	margin-left:10px;
	height:20px;
	line-height:20px;
}
div#language span a{
	color:#FFF;
	text-decoration:none;
}
div#language span a:hover,
div#language span a:visited,
div#language span a:active,{
	color:#FFF;
	text-decoration: underline;
}