@charset "utf-8";
/* CSS Document */

	h1,h2,h3,h4,h5,h6{
		margin: 0px;
		padding:0;
		font-size:100%;
		font-weight:normal;
		display:block;
	}

	.wrapper{
		width: 900px;
		height: auto;
		overflow: hidden;
 		background-image:url(../images/104/8-30/main-bg.gif);
	}
	
	.container{
		width:680px;
		padding:10px;
		line-height:20px;
		letter-spacing:1px;
		font-size:13px;
	}
	
	.container h3,h4,h5{
		margin-top:20px;
		width:450px;
		font-size:18px;
		letter-spacing:1px;
	}
	.container h5{
		font-weight:600;
	}
	
	
	.container ul{
		margin:10px 0 0 0;
		padding:0;
	}
	
	.block{
		margin-top:20px;
	}
	
	.block ul li{
		list-style:disc;
		text-align:justify;
		color:#333;
		padding:3px 0;
		margin-left:40px;
	}
	
	.container .right-block ul li{
		padding:3px 0;
		list-style:disc;
		text-align:justify;
		color:#333;
		margin-left:40px;
	}
	
	.container .s-block h5{
		margin:10px 0 0 25px;
		
		font-weight:600;
	}
	
	.s-block{
		width:650px;
		font-size:15px;
		margin:10px 10px 20px 0;
		padding:10px;
		border:1px solid #CCCCCC;
	}

	/*member.php */
	.member{
		line-height: 20px;
		letter-spacing: 1px;
		padding: 10px;
	}

	.member ul li{
		list-style:decimal;
		text-align:justify;
		color:#333;
		padding:3px 0;
		margin-left:30px;
	}
	
	.bg-1{
		background-image:url(../images/bg5s.gif);
	}
	.bg-2{
		background-image:url(../images/bg3s.gif);
	}
	.bg-3{
		background-image:url(../images/bg6s.gif);
	}
	
	
	
	a img{
		border:none;
		
	}
	.clear{
		clear:both;
	}
	
	/* 基本樣式*/

	.left-block{
		float:left;
	}
	
	.right-block{
		float:right;
	}
	.book-title{
		margin-top:20px;
		letter-spacing:0px;
		padding-right:20px;
		color:#003399;
		font-size:15px;
		text-align:justify;
	}

	
	/* 字體大小*/
	.size-12{
		font-size:12px;
	}
	.size-13{
		font-size:13px;
	}

	.size-14{
		font-size:14px;
	}
	
	.size-15{
		font-size:15px;
	}
	.size-17{
		font-size:17px;
	}
	.size-18{
		font-size:18px;
	}
	.size-19{
		font-size:19px;
	}
	/* 上下邊界*/
	.bottom-0{
		margin-bottom:0px;
	}
	
	
	.bottom-5{
		margin-bottom:5px;
	}
	
	.bottom-10{
		margin-bottom:10px;
	}
	
	.bottom-15{
		margin-bottom:15px;
	}
	
	.bottom-20{
		margin-bottom:20px;
	}
	
	.bottom-25{
		margin-bottom:25px;
	}
	
	.bottom-30{
		margin-bottom:30px;
	}
	.bottom-35{
		margin-bottom:35px;
	}
	
	
	.top-5{
		margin-top:5px;
	}
	
	.top-10{
		margin-top:10px;
	}
	
	.top-15{
		margin-top:15px;
	}

	.top-20{
		margin-top:20px;
	}
	.top-25{
		margin-top:25px;
	}
	.top-30{
		margin-top:30px;
	}
	/* 常用顏色*/
	.b-color{
		color:#000080;
	}
	.b2-color{
		color:#0033ff;
	}

	.b3-color{
		color:#0099FF;
	}	
	.black-color{
		color: #000;
	}
	.r-color{
		color:#ff0000;
	}
	.gy-color{
		color:#333333;
	}
	.org-color{
		color:#eb6100;
	}
	.dark-color{
		color:#8a6b1b;
	}
	.brown-color{
		color:#983620;
	}
	.line-height-22{line-height:22px;}
	
	.height-40{
		height:40px;
	}

	.border-5{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	/* 聯絡我們LINE icon*/
	.line-1{
		width:600px;
		height:158px;
		background-image:url(../images/103-12/line-1.jpg);
		background-repeat: no-repeat;
	}
	
	.line-1 li{
		padding-left:53px;
		padding-top:20px;
		width:247px;
		height:40px;
			float:left;

		font-size:18px;
		color:#0033CC;
	}
	
	.contact a{
		color:#ff0000;
	}
	
	.contact a:hover{
		color:#3366ff;
	}

	hr.style-one {
	    border: 0;
	    height: 1px;
	    background: #333;
	    background-image: linear-gradient(to right, #ccc, #333, #ccc);
	}

	hr.style-three {
	    border: 0;
	    border-bottom: 1px dashed #ccc;
	    background: #999;
	}
	
}