/* 圓標外框 */
.circle_transparent {
    display: block;
    float: left;
    position: relative;
    width: 2rem;
    height: 2rem;
    color: white;
    background-color: white;
    opacity:0;
    display: block;
    overflow: hidden;
    padding: 5%;
    margin: 1rem;
    border-radius: 50%;
}

.circle {
    display: block;
    float: left;
    position: relative;
    width: 2rem;
    height: 2rem;
    color: white;
    background-color: green;
    display: block;
    overflow: hidden;
    padding: 5%;
    margin: 1rem;
    border-radius: 50%;
}

/* 圓標內容 */
.circle>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.ghost-button a:hover {
    color: #fff;
    text-decoration: none;
}

.ghost-button a:active, a:focus {
    color: #FFAB00;
}

.delete_photo {
width: 20px;
}

@media (max-width: 767px){
.swiper-full-screen .swiper-pagination {
    bottom: 0px;
}
.feature-box-5 {
    text-align:left;
}	
}


.list-style-color-white a, a:active, a:focus {
    color: #FFD700;
    text-decoration: none;
}

.feature-box-5 {
    padding-left: 15px;
}

input, textarea, select {
   font-size: 18px;
}

.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #f1f1f1;
}
label
{
     font: 15px/1.7 'Open Sans', sans-serif;
     color: #333;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     cursor: pointer;
} 


.ghost-button {
  display: inline-block;
  width: 90px;
  padding: 2px;
  margin: 6px 0;
  color: #000;
  border: 1px solid #000;
  text-align: center;
  outline: none;
  text-decoration: none;
}



.ghost-button:hover,
.ghost-button:active {
 background-color: #525252;/* 1c75bc*/
  color: #fff;
}

.ghost-button-full-color {
  display: inline-block;
  width: 180px;
  padding: 8px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: color 0.3s ease-out,
  background-color 0.3s ease-out,
  border-color 0.3s ease-out;
}
.ghost-button-full-color:hover,
.ghost-button-full-color:active {
  background-color: #9363c4;
  border-color: #9363c4;
  color: #fff;
  transition: color 0.3s ease-in,
 background-color 0.3s ease-in,
 border-color 0.3s ease-in;
}

.bg-light-black {
    background-color: #000000;
}

.container .row .swiper-container{
	width: 98% !important;
}
.main-slider{
	height: 500px !important;
}

section .swiper-full-screen{ 
	height: 500px !important;
/*	border: 6px outset #DDD;*/
	margin: auto !important;
	width:85% !important;
	margin-bottom:6px !important;
}
section .swiper-full-screen .swiper-slide{
	background-size: 100% 100% !important;
}
@media screen and (max-width: 768px) {	 
	.main-slider, section .swiper-full-screen{ 
		height: 160px !important; 
	}
	
}

.btn.btn-small {
    font-size: 14px;
}

.date {
	font-family: sans-serif,"微軟正黑體";
    font-size: 15px;
    background: #0070A4;
    color: #FFF!important;
	padding: 10px;
}

.date.red {
    background-color: #EF2C24;
    color: #FFF!important;
}
.kl-bottommask--mask6 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 57px;
}
.swiper-pagination-bullet {
    background: #fff;
    opacity: .8;
}



.btn-orange {
    box-shadow: #c46d00 0 1px 0px, rgba(0, 0, 0, 0.3) 0 2px 2px;
    background: rgb(255,183,0);
    background: -moz-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(255,140,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,0,1)), color-stop(100%,rgba(255,140,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
    background: linear-gradient(to bottom, rgb(252, 230, 121) 0%,rgb(196, 132, 3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8c00',GradientType=0 );
    border: 1px solid #DAAB31;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #462300;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.tag-cloud a {
    font-size: 14px;
}

body {
   	font-family: sans-serif,"微軟正黑體";
    font-size: 16px;
}

.extra-small-screen {
    height: 120px;
}

blockquote p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 7px !important;
}

.btn.btn-very-small {
   font-size: 14px;
}

.opacity-medium {
    opacity: 0.4;
}

.text-extra-small {
    line-height: 19px;
}
.page-title-large h1 {
	font-family: "微軟正黑體";
    font-size: 28px;
    line-height: 32px;
}

.bg-deep-pink {
    background-color: #802528;
}

h4 {
	font-family: "微軟正黑體";
    font-size: 20px;
    line-height: 26px;
}

.simple-dropdown .dropdown-menu > li > a {
    font-size: 15px;
	color: #FFD700;/*5dc7dc*/
}



.alt-font {
    font-family: 'Montserrat', sans-serif,"微軟正黑體";
	font-size: 15px;
    font-weight: 500;
}

.text-light-gray, .btn.text-light-gray {
    color: #ffffff;
}

.text-medium-gray, .btn.text-medium-gray {
    font-family:"微軟正黑體";
	font-size: 14px;
}

.text-extra-dark-gray, .btn.text-extra-dark-gray {
   font-family: "微軟正黑體";
   font-size: 16px;
   color: #802528;	
}



header.sticky nav.header-dark-transparent .logo .logo-light, header.sticky nav.header-dark .logo .logo-light {
    max-height: 60px;
}

.text-large {
    font-size: 24px;
    line-height: 28px;
}


.text-small {
	font-family: "Microsoft JhengHei",Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 22px;
	color: #333;
}

section.big-section {
    padding: 30px 0;
}

header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {
	font-family: "微軟正黑體";
	font-size: 16px;
}

header a.logo img {
    max-height: 80px;
	margin-top: 0px;
}
.blog-image a > img {
    width: 80%;
}

.blog-post.blog-post-style1 .blog-post-images img {
    width: 80%;
}

.footer-logo {
    max-height: 80px;
}

table {
	border-width: thin;
	border-spacing: 15px;	
}

p {    
	padding-top: 20px ;
	font-family: "微軟正黑體";
    font-size: 16px;
}

section {
    padding: 10px 0;
    overflow: hidden;
}

h3 {
	font-family: "微軟正黑體";
    font-size: 18px;
    line-height: 20px;
	color: #802528;
}

@media (max-width: 1199px){
section {
    padding: 20px 0;
}
}