﻿/*********
 fixed lineAd
*********/
.lineAD {
    position: fixed;
    right: 10px;
    bottom: 210px;
    width: 120px;
    height: 180px;
    background: #fff;
    color: #000;
    border: 2px solid #00c300;
    font-family: Microsoft JhengHei;
    z-index:3;
}

.lineAd-title{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #00c300;
    color: #fff;
    text-align: center;
}
.lineAd-title p{
   padding:  5px 5px 0px 5px;
   font-weight:bold;
}

.lineAd-content a img {
  display: block;
  margin:  auto;  
  margin-top:5px;
}
 
/*********
 sly scroll
*********/

    /* wrapper */
.sly-wrap {
	position: relative;
}

/* Frame */
.sly-frame {
	height: 180px;
	line-height: 180px;
	overflow: hidden;
}
.sly-frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 50px;
}
.sly-frame ul li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	color: #ddd;
	text-align: center;
	cursor: pointer;
}


/* Pages */
.sly-pages {
	list-style: none;
	margin: 0px 0;
	padding: 0;
	text-align: center;
}
.sly-pages li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.sly-pages li:hover {
	background: #aaa;
}
.sly-pages li.active {
	background: #666;
}