body {
    font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
}


.name {
    float:none;
}

.forfive {
    float:left;
    padding-right: 5px;
}

.fate {
    float:none;
}

.hero-unit {
    padding: 30px;
}

label {
    padding-top:5px;
    color:#5254FF;
}

.ad_cross_mobile {
    display:none;
}

.ad_cross {
    display:block;
}

#fblike iframe {
    width: 95px !important;
}

#fblike .fb_edge_comment_widget iframe {
    width: 330px !important;
}


.span3,
.span4,
.span5,
.span6 {
    font-size: 16px;
}

.span1 {
    width: 80px;
    font-size: 16px;
    margin-bottom: 10px;
}

.wordlist {
    padding: 5px;
    font-size: 16px;
}

#gplus-root,
#twitter-root,
#fb-big-root {
    float:left;
}

div.bigAdBlock {
	margin-left: 20px;
}

.bigMainBlock a {
	text-decoration: underline;
}

/* for scroll to top button */
.scroll-top-wrapper, .scroll-down-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper {
	right: 90px;
}

.scroll-top-wrapper:hover,
.scroll-down-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show, .scroll-down-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}

.btn-scroll {
	font-size: 24px;
	line-height: 1.8;
}

.icon-x2 {
    -webkit-transform:scale(2.0);
    -moz-transform:scale(2.0);
    -o-transform:scale(2.0);
}

.navbar .brand {
	font-size: 18px;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

.name {
    float:none;
    padding-top:10px;
    padding-bottom:10px;
    font-size: 16px;
}

.forfive {
    float:none;
}
.fate {
    float: none;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
    
.span3,
.span4,
.span5,
.span6 {
    font-size: 16px;
}

.span1 {
    width: 80px;
    font-size: 16px;
    margin-bottom: 10px;
}

} /* end of Portrait tablet to landscape and desktop */

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

.span3,
.span4,
.span5,
.span6 {
    font-size: 16px;
}

.span1 {
    width: 80px;
    font-size: 16px;
    margin-bottom: 10px;
}    

} /* end of Landscape phone to portrait tablet */
 
/* Landscape phones and down */
@media (max-width: 480px) { 
.forfive {
    float:none;
}
.fate {
    float: none;
    padding-left: 20px;
}
.ad_cross_mobile {
    display:block;
}

.ad_cross {
    display:none;
}

.span3,
.span4,
.span5,
.span6 {
    font-size: 14px;
}

.span1 {
    width: 80px;
    font-size: 14px;
    margin-bottom: 5px;
}

.wordlist {
    font-size: 14px;
}

} /* end of Landscape phones and down */

@media (min-width: 1200px) {

[class*="span"] {
	margin-left: 0px;
	margin-right: 10px;
}

.hero-unit {
	margin-left:-30px;
}

.row {
	padding-bottom: 15px;
}

div.bigAdBlock {
	margin-left: 10px;
}

.span8 {
	width:740px;
}	

} /* end of 1200px */