﻿
body {
    /* 變更預設字型 */
    font-family:"微軟正黑體","微软雅黑","Microsoft YaHei","標楷體",Tahoma,Helvetica,Arial,sans-serif;
    /* 背景顏色, 字體放大至２倍 */
    /*background-color: #78909C;*/
    /* 字體放大至２倍 */
    /*font-size: 2.0em;*/
}

/* Footer Section*/
footer 
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c54daa+0,1b71d6+100 */
	background: rgb(197,77,170); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(197,77,170,1) 0%, rgba(27,113,214,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(197,77,170,1) 0%, rgba(27,113,214,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(197,77,170,1) 0%, rgba(27,113,214,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c54daa', endColorstr='#1b71d6', GradientType=1 ); /* IE6-9 */
	color: rgba(255,255,255,0.5);
	padding: 30px 0 25px 0;
}
footer a 
{
	color: rgba(255,255,255,0.7);
}
footer a:hover 
{
	color: #fff;
}

/* hr 分隔線 */
hr {
	height: 2px;
	width: 140px;
	text-align: center;
	position: relative;
	background: #C54DAA;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 0;
}

/* session */
section {
    padding: 120px 0;
    background: #f6f6f6;
}

section.even {
    background: #fff;
}

/* H3 */
h3 {
    font-weight:500;
    color:#C54DAA;
}

/* customize Button */
.btn-custom {
    color: #fff;
    background-color: #b73c9b;
    border-color: #C54DAA;
}

.btn-custom:hover {
    color: #fff;
    background-color: #C54DAA;
}

.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
    color: #fff;
    background-color: #b73c9b;
}

/* customize Button 2 */
.btn-custom2 {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-custom2:hover {
    color: #fff;
    background-color: #C54DAA;
}

.btn-custom2:focus,
.btn-custom2:active,
.btn-custom2.active {
    color: #fff;
    background-color: #b73c9b;
}

/* hover-scale-opacity */
.hover-scale-opacity
{
    transition: all 0.5s ease;
}
.hover-scale-opacity:hover
{
    transform: scale(1.1);
    opacity:0.66;
}