@charset "utf-8";
body {
	background-color: #28174B;/*背景色設定*/
	margin: 0px;
	font-family: "微軟正黑體", Arial;
}
/* CSS Document */

img{
     border:0px;
      }

html, body {
      margin: 0;
      padding: 0;
    }

    .slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 10px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }

body {
        margin: 0px;
         }

#wrapper {
	font-family: "微軟正黑體", Arial;
	margin: auto;  /*網頁居中設定*/
	width: 900px;
	
        }

#header {
        background-image: url(images/header.jpg);
        background-repeat: no-repeat;
        height: 130px;
        }


#btn {
       }

#content-R {
	font-size: 18px;
	line-height: 2em;
	font-weight: lighter;
	padding: 30px;
	background-color: #FFF;
        }
		

#content-L {
	color: #FF0000;
	font-family: "微軟正黑體", Arial;
	float: left;
	width: 200px;
	padding: 8px;
	font-size: 16px;
	background-image: url(images/240453-130131164I491.jpg);
}

#titile_bar {
	font-size: 12px;
	line-height: 3em; /*行高為3字高*/
	color: #039;
	background-image: url(images/footer_01.jpg);
	background-repeat: no-repeat;
	text-align: center; /*居中對齊*/
        }


#footer {
	font-size: 12px;
	line-height: 1.5em;
	color: #006;
	background-image: url(images/%E7%B4%A0%E6%9D%90/images/fotte.jpg);
	padding: 20px;
        }
		 

.title-2 {
	font-size: 18px;
	font-weight: bolder;
	color: #000000;
	padding-left: 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #FF6600;
	border-left-style: solid;
	border-left-width: 1em;
	border-left-color: #FF0000;
	background-color: #FC0;
        }

.floatleft {
	/*將圖片設定靠左浮動，形成繞圖排文*/
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.floatleftto {
	float: right;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;

}

.clearboth {
/*清除浮動設定，取消靠左浮動*/
        clear: both;
        }

a {

   }

#wrapper #content table tr {
	font-family: "微軟正黑體 Light";
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
}
#wrapper #content table tr td div {
	font-family: "微軟正黑體 Light";
	font-size: 18px;
	font-weight: bold;
	color: #28174B;
	background-color: #FC0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	border-left-width: 5px;
	border-left-style: double;
	border-left-color: #009;
	padding-left: 5px;
}
#wrapper #content table tr {


}

#content table {

}
#L-list li a {
	font-family: "微軟正黑體 Light";
	color: #28174B;
	text-decoration: none;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	font-weight: bold;
	font-size: 18px;
}

#L-list li a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	color: #28174B;
	background-color: #FC0;
	text-decoration: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	
}
#L-list li a:hover {
	font-family: "微軟正黑體 Light";
	color: #900;
	background-color: #FFF;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #28174B;
	font-weight: bold;
	font-size: 18px;
}



#wrap {
	position: relative;
	width: 900px;
	height: 281px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#wrap .banner {
	position: absolute;
	top: 0;
	width: 100%;
	height: 289px;
	opacity: 0;
	transition: opacity 2s;
}
#wrap .tab{
	position: absolute;
	right: 400px;
	bottom: 5px;
}
    #wrap .tab span{
      display: inline-block;
      width:6px;
      height:6px;
      margin:3px;
      background:rgba(105,105,105,0.5);
      border-radius:50%;
      cursor: pointer;
      border:2px solid #887B6E;
    }
    #wrap .tab span.on{
	background-color: #FFFFFF;
    }
    #wrap .tab span:hover{
	background-color: #FFFFFF;
    }
#wrap .prev {
	position: absolute;
	top: 100px;
	width: 39px;
	height: 50px;
	background: url("images/icon-slides.png") 82px;
	cursor: pointer;
	background-image: url(images/prev3.png);
	left: 18px;
}
#wrap .prev:hover{
	background-image: url(images/icon-slides.png);
} 
#wrap .next {
	position: absolute;
	right: 20px;
	top: 100px;
	height: 50px;
	background: url("images/icon-slides.png") 41px;
	cursor: pointer;
	background-image: url(images/next3.png);
	width: 40px;
	left: 850px;
}
#wrap .next:hover{
	background-image: url(images/icon-slides.png);
	background-position: 123px;
}