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


header-fixed {
    width: 100% 
}

.navbar-collapse {
    max-height: none;
    z-index: 1000;
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: auto;
    height: 700px;

}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
    width: 25%;
    float: left;
    text-align: center;

}



.dropdown-submenu{
    position:relative;
    font-size: 16px;
}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown {text-align:center;}
.dropdown-item {text-align:center;}
.button, .dropdown-menu {margin:10px auto}
.dropdown-menu {
    width:50px; left:50%; 
    margin-left:-100px;
    font-size: 16px;
}

.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 */