@charset "utf-8";
/*
/* 
 * HTML5 ✰ 模板
 *
 *
 * ==|== 標準化 ==========================================================
=============================================================================
  鑲入字型
   ========================================================================== */
@font-face{font-family:'special-ui-font';src:url('fonts/special-ui-font.eot');src:url('fonts/special-ui-font.eot?#iefix') format('embedded-opentype'),url('fonts/special-ui-font.svg#special-ui-font') format('svg'),url('fonts/special-ui-font.woff') format('woff'),url('fonts/special-ui-font.ttf') format('truetype');font-weight:normal;font-style:normal;}
.spe-ui-font-family{font-family:'special-ui-font';font-style:normal;speak:none;font-weight:normal;-webkit-font-smoothing:antialiased;}
[class^="spe-ui-font-"]:before,[class*=" spe-ui-font-"]:before{font-family:'special-ui-font';font-style:normal;speak:none;font-weight:normal;-webkit-font-smoothing:antialiased;}
[data-icon]:before{font-family:'special-ui-font';font-style:normal;speak:none;font-weight:normal;-webkit-font-smoothing:antialiased;content:attr(data-icon);}
 
 /* =============================================================================
   基本版面
   ========================================================================== */

hgroup,h1 ,h2{
	display:block;
}
.whitebg{
	width: 100%;
	clear: both;
	float: left;
}

.noline{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#sort{
	max-width: 100%;
	font-family: Arial;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;

}

#sortBox{
	
	max-width: 100%;
	font-family: Arial;
	font-size: 75%;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 1px;
	margin-right: 10px;	
	letter-spacing: 2px;
}

#sort span{

	font-family: "微軟正黑體", Arial;
	font-size: 85%;
	display: inline-block;
	margin-right: 10px;
	letter-spacing: 1px;

}


.gridContainer section a{
	color: #3B3B3B;
	text-decoration: underline;
}

.gridContainer section a:hover{
	color: #999;
	
}

/*news*/
/*news index-1*/
#news .entry-header {
	width: 100%;
	background-color: transparent;
	border-style: solid;
	border-width: 1px 0;
	display: table;
	margin: 0 0 36px;
	height: auto;
	padding: 15px 0;
	box-shadow: none;
	border-color: #CCCCCC;
}


#news p {
/*display: block;*/
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}



#news .entry-more-link, .entry-meta {
display: table-cell;
vertical-align: middle;
}

#news h1 a{
color: #000;
}


/*news index-2 section*/

#news .author-name a {
	color: #333;
	text-decoration: underline;
}


/*news index-2 footer pagination*/
#news .entry-footer {
	width: 100%;
	margin: 0;
	padding: 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	letter-spacing: 0px;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	line-height: 1.6em;
	color: #999;
}
#news .entry-footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E7E7E7;
	background-color: transparent;
}

#news .entry-footer .outer-wrapper {
	max-width: 960px;
	/* [disabled]padding: 0 8%; */
	margin: 0 auto;
}

#news .entry-footer .wrapper {
width: 100%;
margin: 0 auto;
display: table;
}


#news .pagination a{
	color: #5B4E44;
}

#news .pagination .newer, .pagination .older {
display: inline-block;
}

#news .pagination .newer.mute, .pagination .older.mute {
	color: rgba(102,102,102,0.5);
}

#news .pagination .newer:first-child:before, .pagination .older:first-child:before {
content: '';
padding: 0;
}
#news .pagination .newer:before, .pagination .older:before {
content: '/';
padding: 0 10px 0 8px;
color: rgba(153, 153, 153, .5) !important;
}

/*news font-size*/
#news .entry-header {
	font-family:'PT Serif', Georgia, serif;
	font-size: .95em;
	letter-spacing: 0px;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	line-height: 1.6em;
	color: #999;
}

#news .cf:before, .cf:after {
content: " ";
display: table;
}
#news Pseudo ::after element
.cf:after {
clear: both;
}
#news .cf:before, .cf:after {
content: " ";
display: table;
}


#news .entry-actions {
font-family: Arial, Georgia, serif;
font-size: .95em;
line-height: 1.6em;
letter-spacing: 0px;
font-weight: 400;
font-style: normal;
margin-top: 1em;
color: #999;
}

/*news link*/
#news .entry-header a{
text-decoration: none;

}

#news .entry-title a{
text-decoration: none;

}

#news .entry-content a{
	color: #666;
}

.entry-more-link a {
	display: inline-block;
	color: #666;
	text-decoration: none;
}

.entry-more-link a:hover {
	color: #999;
	text-decoration: none;
}

/*.entry-more-link a:hover:before {
  content: "View Post →";
}
.entry-more-link a:before {
  content: "View Post →";/
  display: inline-block;
}*/

.entry-more-link:before {
  font-family: 'special-ui-font';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  content: "View Post →";
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.entry-more-link:before {
  

}
.entry-more-link:before {
  text-align: center;
}
.entry-more-link span {
	
	display: none;
	*display: block;

}
.entry-more-link:hover span {
  display: block;
}
.entry-more-link:hover:before {
  display: none;
}


/*album*/
/*album index-1*/

#album .album-block-content {
	width: 25%;
	margin: 0px;
	padding: 1em;
	margin-bottom: 2em;
	margin-left: 0.8em;
	color: #666;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(204,204,204,1);
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}

#albums .album-block-content h4 a {
	font-weight: 400;
	color: #000;
	text-decoration: none;
}

#albums .album-block-content h4 a:hover {
	color: #DADADA;
}





/*album index-2*/

#album hgroup {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	float: none;
	position: static;
	height: auto;
}


#album hgroup  h1{
	font-size: 130%;
	text-align: center;
	color: #000000;
	font-family: "微軟正黑體", Arial;
	line-height: 120%;
	letter-spacing: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: 100;
	padding-top: 5px;
	padding-bottom: 10px;
}

#album hgroup  h2 {
	font-size: 75%;
	text-align: center;
	color: #606163;
	font-family: "Times New Roman", Times, serif;
	line-height: 150%;
	letter-spacing: 5px;
	margin-top: 20px;
	font-weight: 100;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: center bottom;
	float: none;
	background-color: transparent;
}

#album .gallery-block-content dd img {
	background-color: #FFF;
	padding: 5px;
	box-shadow: 2px 2px 3px rgba(0,0,0,.2);
	*border: 1px solid #ccc;
	border: 1px solid #ccc;
}


/*page goback*/
.back {
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-family: Verdana, "微軟正黑體", Arial;
	font-size: 85%;
	line-height: 150%;
	
}

.back a {
	color: #333;
	text-decoration:none;
}
.back a:hover {
	color: #999;
}


/*faq*/
#faq .faq-block-content{
	text-align: left;
	display: block;
}

#faq .faq-block-content h3{
	text-align: left;
	font-size: 1.5em;
	line-height: 1.6em;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 600;
	font-style: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bebebe;
	padding-bottom: 1em;
	padding-top: 0.6em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bebebe;
}

#faq .faq-content{
	line-height: 5em;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding-top: 1em;
	padding-bottom: 1em;

}

#faq .faq-block-content a{
	text-decoration: none;
	color: #666666;
}

#faq .faq-block-content a:hover{
	text-decoration: underline;
	color: #999;
}


/*contact*/
#contact #map{
		width:100%;
        height: 350px;
        margin: 0px;
        padding: 0px


}


#contact .contact-block {
	width: 100%;
	padding-top: 3em;
	padding-bottom: 3em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
	display: block;
}



#contact .contact-block-content {
	width: 100%;
	display: block;
	margin-bottom:50px;
}

#contact .contact-block-content h2{
	font-size: 170%;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
	line-height: 150%;
	margin-top: 0px;
}

#contact .contact-block-content p{
	line-height: 100%;
	color: #666;
}

#contact .contact-content{
	line-height: 5em;
	color: #333;
}
/*#contact #faq .form-wrapper*/
.form-wrapper .field-list .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.25em;
	text-transform: none;
	font-size: 16px;
	line-height: 1em;
	/* [disabled]text-transform: uppercase; */
	letter-spacing: 0px;
	font-weight: 400;
	font-style: normal;
	color: #666;
}
.form-wrapper .field-list .fields.name .field {
width: 48%;
}
.form-wrapper .field-list .fields .field {
float: left;
}


.form-wrapper .field-list .first-name, .form-wrapper .field-list .last-name{
	float:left;
	width: 48%;
}


.field-list .fields .field{
margin-left: 2%;
}

.form-wrapper .field-list .field {
margin: 0 0 24px;
}

.form-wrapper .field-list {
line-height: normal;
}

.form-wrapper .field-list legend {
  margin: 0;
  padding: 0;
  border: 0;
}
.form-wrapper .field-list legend {
  display: none;
}

.form-wrapper .field-list textarea {
  min-height: 100px;
  resize: vertical;
}
.form-wrapper .field-list textarea.medium {
  min-height: 200px;
}
.form-wrapper .field-list textarea.large {
  min-height: 300px;
}


.form-wrapper .field-list .field .caption {
	font-size: 12px;
	color: #666;
}

.form-wrapper .field-list .field .caption .field-element {
  font-size: 14px;
}
.form-wrapper .field-list .field .field-element {
  width: 100%;
  padding: 12px;
  margin: 6px 0 4px;
  border: 1px solid #ccc;
  background: #fafafa;
  font-family: sans-serif;
  font-size: 12px;
  line-height: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.form-wrapper .field-list .field .field-element:focus {
  background: #fff;
  -webkit-transition: background .1s ease-in;
  -moz-transition: background .1s ease-in;
  -o-transition: background .1s ease-in;
  transition: background .1s ease-in;
  outline: none;
}
.form-wrapper .field-list .field select {
	max-width: 100%;
	border: 1px solid #ccc;
	background: #fafafa;
	padding: 5px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
}

.form-wrapper .field-list .field .prefix {
  position: absolute;
  bottom: 9px;
  left: 8px;
  color: #aaa;
  font-family: sans-serif;
  font-size: 14px;
  line-height: normal;
}
.form-wrapper .field-list .field.twitter .field-element {
  padding-left: 22px;
}
.form-wrapper .field-list .field.currency.hassymbol .field-element {
  padding-left: 20px;
}
.form-wrapper .field-list .field.website .field-element {
  padding-left: 40px;
}
/*.form-wrapper .field-list .field.checkbox label,
.form-wrapper .field-list .field.radio label {
  cursor: pointer;
}
.form-wrapper .field-list .field.checkbox input,
.form-wrapper .field-list .field.radio input {
  margin-right: 5px;
}*/
.form-wrapper .field-list .field .option {
  margin: 6px 0 4px;
  font-size: 13px;
}
.form-wrapper .field-list .field.likert .item {
  overflow: hidden;
  margin: 1.6em 0 1.6em 0;
}
.form-wrapper .field-list .field.likert .question {
  margin: 0 0 .5em 0;
  font-size: .9em;
}
.form-wrapper .field-list .field.likert .option {
  width: 20%;
  float: left;
  text-align: left;
  border-top: 1px solid #ddd;
}
.form-wrapper .field-list .field.likert .option label {
  margin: 0;
  padding: 0 0 0 1px;
  font-size: .9em;
  display: block;
  cursor: pointer;
}
.form-wrapper .field-list .field.likert .option input {
  margin: 10px 0;
  display: block;
}
.form-wrapper .field-list .field.likert .option:last-of-type {
  border-right: none;
}
.form-wrapper .field-list .fields {
  margin: 0 0 0 -2%;
}
.form-wrapper .field-list .fields .title,
.form-wrapper .field-list .fields .description,
.form-wrapper .field-list .fields .field,
.form-wrapper .field-list .fields .field-error {
  margin-left: 2%;
}
.form-wrapper .field-list .fields .field {
  float: left;
}
.form-wrapper .field-list .fields .field.two-digits {
  width: 3.5em;
}
.form-wrapper .field-list .fields .field.three-digits {
  width: 4.2em;
}
.form-wrapper .field-list .fields .field.four-digits {
  width: 4.8em;
}
.form-wrapper .field-list .fields .field.ampm {
  width: 4.5em;
}
.form-wrapper .field-list .fields.name .field {
  width: 48%;
}
.form-wrapper .field-list .fields.address .field.address1,
.form-wrapper .field-list .fields.address .field.address2 {
  width: 98%;
}


/*#menu*/

/*
 * Menu Block
 */
.menu-block .menu-selector {
  margin-bottom: 3em;
}
.menu-block .menu-selector label {
  display: inline-block;
  padding: 0 .5em;
}
.menu-block .menu-select-button {
  display: none;
}
.menu-block .menu-header {
  margin-bottom: 2em;
}
.menu-block .menu-section {
  margin-top: 2em;
}
.menu-block .menu-section-header {
  margin-bottom: 2em;
}
.menu-block .menu-section-title {
  font-size: 1.2em;
}
.menu-block .menu-section-description {
  font-size: .85em;
}
.menu-block .menu-item {
  margin-bottom: 2em;
  margin-top: 0;
}
.menu-block .menu-item-title {
  font-size: 1em;
  font-weight: 700;
}
.menu-block .menu-item-option {
  font-size: .8em;
  font-style: italic;
}
.menu-block .menu-style-classic .menu-selector,
.menu-block .menu-style-classic .menu-header,
.menu-block .menu-style-classic .menu-section-title,
.menu-block .menu-style-classic .menu-section-description {
  text-align: center;
}
.menu-block .menu-small-pic{
	 float: left;
	 margin-right: 0.5em;
	 width:71px;
	 display:block;
  
}
.menu-block .menu-small-block{
	width:100%;
	
}

.menu-block .menu-big-block{
	width:100%;

}
.menu-block .menu-big-pic{
	 float: left;
	 margin-bottom:1.5em;
	 margin-right: 2.5em;
	 width:50%;
  
}


.menu-block .menu-style-classic .menu-items {
  -webkit-column-width: 30em;
  -webkit-column-gap: 10em;
  -moz-column-width: 30em;
  -moz-column-gap: 10em;
  -ms-column-width: 30em;
  -ms-column-gap: 10em;
  -o-column-width: 30em;
  -o-column-gap: 10em;
  column-width: 30em;
  column-gap: 10em;
}

.menu-block .menu-style-classic .menu-items-detail {
  -webkit-column-width: 100%;
  -webkit-column-gap: 100em;
  -moz-column-width: 100%;
  -moz-column-gap: 100em;
  -ms-column-width: 100%;
  -ms-column-gap: 100em;
  -o-column-width: 100%;
  -o-column-gap: 100em;
  column-width: 100%;
  column-gap: 100em;
}
.menu-block .menu-style-classic .menu-item {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  break-inside: avoid;
  width: 100%;
}

.menu-block .menu-item-title a{
	text-decoration: none;
	color: #000;
}
.menu-block .menu-style-classic .menu-item-description {
  /*margin-right: 5em;*/
}
.menu-block .menu-style-classic .menu-item-price-top {
  float: right;
  padding-left: 3em;
}
.menu-block .menu-style-classic .menu-item-price-bottom {
  display: block;
}
.menu-block .menu-style-simple .menu-selector,
.menu-block .menu-style-simple .menu {
  text-align: center;
}
.menu-block .menu-style-simple .menu-item-price-top {
  display:block;
}

/* Menu Block */
.menu-block .menu-section-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 600;
	font-size: 1.8em;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 2px;
	text-decoration: none;
	line-height: 1.2em;
	color: #16161d;
	margin-bottom: 2em;
}
.menu-block .menu-item-img{

	margin-top: 1em;
	width: 100%;
	margin-bottom: 2em;
	display:block;
}

.menu-block .menu-item-title,
.menu-block .menu-item-price-top,
.menu-block .menu-item-price-bottom {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 17px;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
	text-decoration: none;
	margin: 0 0 .5em;
	line-height: 1.2em;
	color: #16161d;
}
.menu-block .menu-item-description {
  line-height: 1.4;
}
.menu-block .menu-item {
  margin-bottom: 3em;
}


/*reservation*/
#reservation .reservation-block-conent{
	width: 100%;
	margin-bottom: 3em;

}

#reservation h2{
	width: 100%;
	font-size: 160%;
	line-height: 2em;
	margin-top: 0px;
	
}

#reservation .reservation-conent{

	line-height: 3em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A8A8A8;
	color: #706f6f;
	margin-top: 2em;
	margin-bottom: 2em;
	padding-bottom: 1.5em;
}



#reservation .reservation-block-conent ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#reservation .reservation-block-conent ul li{
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 180%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A8A8A8;
	color: #706f6f;
	margin-top: 2em;
	margin-bottom: 2em;
	padding-bottom: 1.5em;
}




.button {
	-moz-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
	background-image: none !important;
	border: none;
	background-color: #008daa !important;
	padding: 20px 30px !important;
	font-size: 18px !important;
	color: #ffffff !important;
	text-shadow: none !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
	font-family: "微軟正黑體", Arial !important;
	margin-top: 0 !important;
	list-style-position: inside;
}

.button {
	background-color: #007991 !important;
}


/*page*/
#page {
	float: left;
	width: 100%;
	text-align: center;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 5px;
	margin-bottom: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#page a {
	margin-right: 5px;
	border: 1px solid #cccccc;
	background-color: #FFF;
	text-decoration: none;
	color: #333333;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding: 5px;
}
#page a:hover, page a:active {
	padding: 5px;
	margin-right: 5px;
	border: 1px solid #999999;
	color: #000000;
	margin-left: 5px;
}
.current1 {
	padding: 5px;
	margin-right: 2px;
	border: 1px solid #999999;
	font-weight: normal;
	background-color: #CCCCCC;
	color: #333333;
}
.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #cccccc;
	color: #ccc;
}


copyright {
	color: #CCC;
	
	width: 100%;
	padding-right: 1em;
	padding-left: 10px;
	letter-spacing: 0.1em;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.store-block-content p {
	color: #FFF;

}

#page-top {
	padding-left:1px;
	background-image: url(../img/common/page-top.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
		line-height: 150%;

}

/*footer link*/
#page-top a{
	background-image: url(img/common/page-top.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 51px;
	display: block;
	color: #000;
	text-decoration: none;

}


footer .copylinks a{
	font-weight: normal;
	color: #CCC;
	letter-spacing: 0.2em;
	text-decoration: none;
}





/*like btn*/

.my-like {
	background-image: url(../img/common/like-no.png) !important;
	height: 20px;
	width: 24px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 110%;
	padding-top: 4px;
	font-weight: bold;
}
.my-liked, .my-like:hover {
	background-image: url(../img/common/like.png) !important;
	height: 20px;
	width: 24px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 28px;
	padding-top: 4px;
	font-size: 110%;
	font-weight: bold;
	color: #666;
}

 /* =============================================================================
  	h1-h4， article文字大小
   ========================================================================== */

 h1,h2,h4 {
	color: #16161d;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding: 0px;
	margin-top: 0.5em;
}

h1 {
	font-family: "微軟正黑體", Arial, "新細明體";
  	text-transform: uppercase;
  	text-decoration: none;
  	letter-spacing: 1px;
  	font-weight: 600;
  	font-style: normal;
}
h2 {
  font-family: "微軟正黑體", Arial, "新細明體";

  line-height: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 600;
  font-style: normal;
}  

h3 {
	font-family: "微軟正黑體", Arial, "新細明體";
	font-size: 150%;
	line-height: 2em;
	display:block;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 500;
	font-style: normal;
	color: #000;
	padding:0px;
}  


h4{
  font-family: "微軟正黑體", Arial, "新細明體";
  font-size:150%;
  line-height: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 600;
  font-style: normal;
}


section h1 {
	font-size: 150%;
}



section h2 {
	
	font-size: 120%;
}

section h3 {
	font-size: 150%;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


article{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	letter-spacing: 0.2em;
	line-height: 250%;
	margin: 0px;
	padding: 0px;	

}


/* =============================================================================
 Water fall anime css3  Transitions 
   ========================================================================== */



			.masonry,
			.masonry .masonry-brick {
				-webkit-transition-duration: 0.6s;
					 -moz-transition-duration: 0.6s;
						 -o-transition-duration: 0.6s;
								transition-duration: 0.6s;
			}

			.masonry {
				-webkit-transition-property: height, width;
					 -moz-transition-property: height, width;
						 -o-transition-property: height, width;
								transition-property: height, width;
			}

			.masonry .masonry-brick {
				-webkit-transition-property: left, right, top;
					 -moz-transition-property: left, right, top;
						 -o-transition-property: left, right, top;
								transition-property: left, right, top;
			}



/* =============================================================================
   連結
   ========================================================================== */


a {
	color: #FFF;
	text-decoration: none;
}
/*
a:visited {
	color: #FFCC33;
}*/

a:hover {
	color: #ffd675;
	text-decoration: none;
}
a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
a:focus {
	outline: none;

}

/* 改善當停留並將焦點放在所有瀏覽器時的可讀性: h5bp.com/h */
a:hover, a:active { outline: 0; }