﻿
	html{ 
		background:none;
		font-family:Arial,"新細明體",Helvetica,sans-serif;
		color: #333333;
	}

	body{
		width: 559px;
		overflow-x:hidden;
		margin: 0;
		padding: 0;
	}

	h1,h2,h3,h4,h5,h6,a{
		color:#b7274c;
	}

	p,a{
		font-size: 14px;
	}

	a{
		text-decoration: none;
	}

	#container{
		width: 559px;
		background: white;
	}

	.slider-box{}

	.lower-left{
		width: 30%;
		padding: 1%;
		float:left;
	}

	.lower-right{
		width: 65%;
		padding: 1%;
		float:left;
	}

	.box-ctrl, .box-frame{
		display:inline-block;
		vertical-align: middle;
	}

	.box-frame{
		width:250px;
		height:432px;
		overflow: hidden;
	}

	.box-imgs{
		width:2000%;
	}

	.box-imgs img{
		float:left;
		width:250px;
	}

	.clearfix{
		clear: both;
	}

	.is-centered{
		text-align:center;
	}

	.is-red{
		color:#b7274c;
	}

	.box-ctrl{
		width: 10%;
		height:100%;
	}

	.box-ctrl a{
		display:block;
	}

	.btn-prev{
		background: url('../img/prev.png') no-repeat center;
		height:100px;
	}

	.btn-next{
		background: url('../img/next.png') no-repeat center;
		height:100px;
	}

	.slide-title{
		margin:5% 0;
	}

	.slide-title span{
		padding:1% 2%;
		border-radius:25px;
		background: #b7274c;
		color: white;
	}

	.slide-description.space{
		width:80%;
		margin: 2% auto;
		height:100px;
		display:table;
	}	

	.slide-description p{
		font-size: 15px;
		display: table-cell;
    	vertical-align: middle;
	}

	span.remark{
		font-size: 12px;
	}

.option-box{
    border: 2px solid #eee;
    border-bottom: 2px solid #b7274c;
    background: white;
}

.option-list{
    display: inline-block;
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
}

.option-list li{
    margin:1.5%;
    list-style: none;
    text-align:center;
    display: inline-block;
}

.option-list li:not(:last-child):after{
    margin-left:15px;
    content: "|";
    color:#cccccc;
}

.option-list li a{
    font-size: 16px;
    color:#666666 !important;
}

.option-list li a:hover{
    color: #b7274c !important;
    text-decoration: none !important;
}

.option-list li a.active{
    color: #b7274c !important;
}

.clearfix{
	clear:both;
}