@charset "utf-8";
@import url(reset.css);

/*
========================
Global
========================
*/
*			{ box-sizing:border-box; }
html, body	{ /*scroll-behavior: smooth;*/ }
#container	{ padding-top:180px; }
.wrapper 	{}
.inner		{ width:92%; max-width:1400px; margin:auto; position:relative; }

a			{ text-decoration:none; color:inherit; transition:all .2s; }
strong		{ font-weight:500; }
em			{ font-style:italic; }
table		{ width:100%; border-left:1px solid #ccc; border-top:1px solid #ccc; }
table th,
table td	{ padding:8px 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
caption		{ text-align:left; margin-bottom:10px; font-size:1.2em; }
input, button { font-family:inherit; border-radius:0; }
input[type="submit"], button { -webkit-appearance:none; appearance:none; }
img.lazy	{}

dl			{ overflow:hidden; zoom:1; }
dt			{ width:180px; float:left; line-height:1.4em; margin-bottom:12px; color:#111; font-weight:500; }
dd			{ margin-left:180px; line-height:1.4em; margin-bottom:12px; color:#666; }


/*
========================
Font
========================
*/
html, body { font-family:'Noto Sans', 'Noto Sans JP', 'Noto Sans TC', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size:14px; font-weight:400; font-optical-sizing: auto; }
.serif	   { font-family:'Noto Serif JP', 'Noto Serif TC', "新細明體", serif; }


/*
========================
Elements
========================
*/
.accessibility-point { height:0; overflow:hidden; display:block; }

.form-wrapper							{ background:#f7f7f7; padding:40px 4%;  }
.form-wrapper.small 					{ max-width: 600px; margin: auto;}
.form-wrapper .form-guide				{ font-size:1.1em; line-height: 1.2em; margin-bottom:25px; }
.form-wrapper fieldset 		 			{ position:relative; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #cacaca; 
												overflow:hidden; zoom:1; }
.form-wrapper legend					{ font-size:1.6em; padding-bottom:30px; }												
.form-wrapper .form-item  				{ width:47%; height:72px; margin:6px 0; margin-right:6%; float:left;}
.form-wrapper .form-item:nth-child(2n)	{ margin-right:0; }
.form-wrapper .form-item-full			{ width:100%; height:auto; clear:both; }
.form-wrapper .form-item-full select	{ width:100%; }
.form-wrapper label			   	 		{ display:block; margin-bottom:12px; font-size:1.166em; }
.form-wrapper .field					{ }
.form-wrapper input[type="number"],
.form-wrapper input[type="text"],
.form-wrapper input[type="password"] 	{ width:100%; padding:10px; border:1px solid #cacaca; box-sizing:border-box; }
.form-wrapper input[type="checkbox"], 
.form-wrapper input[type="radio"]    	{ margin-right:12px;}
.form-wrapper select 	   	   	    	{ min-width:120px; padding:10px; border:1px solid #cacaca; box-sizing:border-box; }
.form-wrapper textarea 		        	{ width:100%; padding:10px; height:120px; border:1px solid #cacaca; box-sizing:border-box; }
.form-wrapper .hint						{ display:block; color:#888; font-size:.96em; padding-top:5px; margin-left:150px; }
.form-wrapper .option-group				{ overflow:hidden; zoom:1; height:auto; margin-bottom:15px; }
.form-wrapper .option-group label		{ }
.form-wrapper .option-list				{ margin-top:20px; }
.form-wrapper .option-list li			{ float:left; width:50%; margin-bottom:10px; }
.form-wrapper .result-item				{ height:auto; float:none; clear:both; margin-bottom:12px; overflow:hidden; }
.form-wrapper .result-item label		{ margin-top:0; }
.form-wrapper .result-item span			{ float:left; }
.form-wrapper .form-check				{ display:none; }
.form-wrapper .submit-wrapper			{ text-align:center; }
.form-wrapper .error					{ display:block; color:#c00; font-size:.96em; line-height:1.5em; padding-top:10px; }
.form-wrapper dl						{ margin-bottom:40px; }
.form-wrapper .btn						{ padding:.9em 2em; }
.form-wrapper + .alternative-link 		{ text-align: center; margin-top: 30px;}
.form-wrapper + .alternative-link a 	{ color: #888;}
.form-wrapper + .alternative-link a:hover { color: #222;}
.form-wrapper + .alternative-link i 	{ margin-left: 8px;}

.fr-view								{ line-height:1.7em;}
.fr-view li								{ margin-bottom:.8em; line-height:1.25em; }
.fr-view ul								{ list-style:none; margin-left:.4em; padding-left:.6em; list-style:none; text-align:left; }
.fr-view ul li 							{ list-style:disc; }
.fr-view ol								{ list-style:decimal; margin-left:.4em; padding-left:.6em; }
.fr-view ol	li							{ text-align:left; }
.fr-view img							{ cursor:default !important; max-width:100%; }
.fr-view a > img						{ cursor:pointer !important; }
.fr-view a								{ text-decoration:underline !important; }
.fr-view table  						{ width:100% !important; }
.fr-view + dl							{ margin-top:30px; }
.fr-view .video-wrapper 				{ margin-bottom:20px; }
.fr-view.border							{ border-top:1px solid #cacaca; padding-top:30px; }

.max-read								{ max-width:1050px; }

.flickity-button 						{ background:#333; }
.flickity-button:hover 					{ background:#000; }
.flickity-prev-next-button 				{ width:48px; height:48px; }
.flickity-button-icon		 			{ fill: white; }
.flickity-page-dots		 				{ text-align:right; bottom:-36px; }
.flickity-page-dots .dot 				{ width:12px; height:12px; opacity: 1; background:#ccc; margin-left:14px; margin-right:0; }
.flickity-page-dots .dot.is-selected 	{ background:#1a1a1a; }

.full-width .flickity-viewport 					{ overflow:visible; }
.full-width .flickity-prev-next-button.previous { left:calc(-50vw + 50%); margin-left:30px; }
.full-width .flickity-prev-next-button.next 	{ right:calc(-50vw + 50%); margin-right:30px; }

.btn									{ background:#000; color:#fff !important; font-size:1.1em; padding:1em 1em 1em 1.2em; 
											display:inline-block; border:none; }
.btn:hover								{ color:#999 !important; }
.btn i									{ margin-left:1em; font-size:.94em; }
.btn.block								{ display:block; position:relative; margin-bottom:6px; padding-right:40px; line-height:1.33em; }
.btn.block i							{ position:absolute; right:1.2em; top:50%; transform:translateY(-50%); }

.link	 								{ color:#808080 !important; font-size:1.1em; display:inline-block; }
.link:hover 							{ color:#000 !important; }		
.link i 								{ margin-left:1em; font-size:.94em; }

.hero-slider							{ overflow:hidden; height:calc(100vh - 195px); }
.hero-slider .item						{ width:100%; height: 100%; overflow:hidden; }
.hero-slider .image-holder				{ width:100%; height: 100%; display:block; position:relative; }
.hero-slider .bg						{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; background-color:#f7f7f7; transition:all 10s; }
.hero-slider .bg img 					{ object-fit: cover; object-position: center; width:100%; height:100%;}
.hero-slider .mask						{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.08); transition:all .5s; } 		
.hero-slider .item:hover .mask 			{ opacity:0; }
.hero-slider .inner						{ height:100%; }
.hero-slider .data						{ position:absolute; left:-20px; bottom:60px; background:#fff; padding:35px 30px 120px 30px; width:320px; 
											opacity:0; transition:opacity .8s ease-in-out .4s, left .8s ease-in-out .4s; }
.hero-slider .item.is-selected .data 	{ opacity:1; left:0; }
.hero-slider .category					{ color:#888; margin-bottom:.8em; text-transform:uppercase; }
.hero-slider .title						{ color:#333; font-size:1.7em; line-height:1.7em; font-weight:500; margin-bottom:.7em; }
.hero-slider .contents					{ color:#666; font-size:1.1em; line-height:1.6em; /*text-align:justify;*/ min-height:180px; }
.hero-slider .box-btn					{ position:absolute; left:30px; bottom:35px; font-size:1.05em; text-transform:uppercase; color:#1a1a1a; }
.hero-slider .box-btn:hover 			{ text-decoration:underline; }
.hero-slider .box-btn i					{ margin-left:6px; font-size:.95em; }
.hero-slider .video-button				{ position:absolute; left:50%; top:50%; width:90px; height:90px; transform:translate(-50%,-50%);
											background-image:url(../image/play.svg); background-repeat:no-repeat; background-position:50% 50%;
											background-color:rgba(0,0,0,.6); border-radius:50%; transition:all .5s; cursor:pointer; }								
.hero-slider .video-button:hover   		{ background-color:rgba(0,0,0,1); }	

.hero-slider .zoom-out .bg					{ transform:scale(1.1,1.1); }
.hero-slider .zoom-out.is-selected .bg 		{ transform:scale(1,1); }
.hero-slider .zoom-in .bg					{ transform:scale(1,1); }
.hero-slider .zoom-in.is-selected .bg 		{ transform:scale(1.1,1.1); }
.hero-slider .slide-left .bg				{ transform:scale(1.1,1.1) translateX(4%); }
.hero-slider .slide-left.is-selected .bg 	{ transform:scale(1.1,1.1) translateX(0); }
.hero-slider .slide-right .bg				{ transform:scale(1.1,1.1) translateX(-4%); }
.hero-slider .slide-right.is-selected .bg 	{ transform:scale(1.1,1.1) translateX(0); }
.hero-slider .slide-up .bg					{ transform:scale(1.1,1.1) translateY(4%); }
.hero-slider .slide-up.is-selected .bg 		{ transform:scale(1.1,1.1) translateY(0); }
.hero-slider .slide-down .bg				{ transform:scale(1.1,1.1) translateY(-4%); }
.hero-slider .slide-down.is-selected .bg 	{ transform:scale(1.1,1.1) translateY(0); }

.hero-slider .flickity-viewport 			{ /* transition: height 0.5s; */ }
.hero-slider .flickity-button 				{ background:rgba(0,0,0,.2); }
.hero-slider .flickity-button:hover 		{ background:rgba(0,0,0,.5); }
.hero-slider .flickity-prev-next-button 	{ width:48px; height:48px; }
.hero-slider .flickity-button-icon 			{ fill:white; opacity:.5; }
.hero-slider .flickity-button:hover .flickity-button-icon { opacity:1; }
.hero-slider .flickity-prev-next-button.previous 	{ left:calc(-50vw + 50%); margin-left:30px; }
.hero-slider .flickity-prev-next-button.next 		{ right:calc(-50vw + 50%); margin-right:30px; }
.hero-slider .flickity-page-dots 			{ position:absolute; bottom:12%; left:50%; width:92%; max-width:1400px; 
												transform:translateX(-50%); text-align:right; }

.flex-until-load 						{ display: none; }
.flex-until-load .item 					{ flex-shrink: 0; flex-grow: 0;}

.carousel-section						{ }
.carousel-section.dark					{ background:#f2f2f2; }
.carousel-section .header				{ position:relative; padding:35px 0; border-top:1px solid #cacaca; }
.carousel-section .header h2			{ font-size:2.2em; color:#333; }
.carousel-section .link					{ position:absolute; right:0; top:50%; transform:translateY(-50%); }

.carousel-container						{ overflow:hidden; }
.carousel								{ padding-bottom:25px; }
.carousel .item							{ width:25%; padding:0 25px 20px 25px; transition:background .2s; border-left:1px solid #ddd; }
.carousel .item:last-child 				{ border-right:1px solid #ddd; }
.carousel .item .thumb					{ margin-bottom:20px;position:relative; height:0; padding-top:80%; overflow:hidden; }
.carousel .item img						{ position:absolute; left:0; top:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; 
											max-height:100%; margin:auto; transition:all .5s; opacity: 0; }
.carousel .item img.flickity-lazyloaded { opacity: 1;}
.carousel .item .category 				{ color:#888; margin-bottom:12px; text-transform:uppercase; }
.carousel .item .title					{ font-size:1.33em; line-height:1.4em; height:54px; overflow:hidden; color:#333; position:relative; }
.carousel .item:hover img				{ transform:scale(.95,.95); }
.carousel .item:hover .title a			{ border-bottom:1px solid #333; }

.carousel .flickity-prev-next-button.previous,
.carousel .flickity-prev-next-button.next	{ margin-top:-50px; }

.carousel-block							{ margin:0 0 45px 0; }
.carousel-block .flickity-viewport 		{ overflow:visible; }
.carousel-block .item					{ width:31.33333333333333%; margin:0 1.5%; position:relative; }
.carousel-block .item .thumb			{ position:relative; height:0; padding-top:135%; overflow:hidden; background:#333; }
.carousel-block .item img				{ position:absolute; left:0; top:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; 
											margin:auto; transition:all .5s; }
.carousel-block .item .data				{ position:absolute; left:30px; bottom:30px; }	
.carousel-block .item .title			{ font-size:1.33em; line-height:1.4em; color:#fff; }
.carousel-block .item:hover .title a 	{ border-bottom:1px solid #fff; }	
.carousel-block .item:hover img			{ transform:scale(.95,.95); }							

.content-section						{ border-top:1px solid #cacaca; padding:50px 0 20px 0; }
.content-section:first-child 			{ border:none; padding-top:30px; }
.content-section.hidden-title 			{ border:none; padding-top:0; }
.content-section.no-border 				{ border:none; }

.column									{ overflow:hidden; zoom:1; max-width:945px; }
.column .col							{ position:relative; }
.column .col.has-icon h4 				{ margin-left:35px; line-height:1.33em; }
.column .col.has-icon.no-content h4 	{ font-size:1.1em !important; margin-top:.2em; color:#777 !important; }
.column .col.has-icon.no-title .fr-view { margin-left:35px; }
.column .icon							{ position:absolute; left:0; top:0; font-size:1.5em; color:#333; }
.column-1 .col							{ margin-bottom:40px; text-align:justify; }
.column-2 .col							{ width:45%; margin-right:10%; margin-bottom:40px; float:left; text-align:justify; }
.column-2 .col:nth-child(2n)			{ margin-right:0; }
.column-3 .col							{ width:30%; margin-right:5%; margin-bottom:50px; float:left; }
.column-3 .col:nth-child(3n)			{ margin-right:0; }
.column .col.full-width					{ width:100%; margin-right:0; }
.column .col .btn						{ padding:1em 1.2em 1em 1.5em; margin-top:30px; }
.column .col .link						{ margin-top:30px; margin-right:15px; }

.ext-wrapper							{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; display:none; }
.ext-wrapper.show						{ display:block; z-index:9999;}
.ext-mask								{ width:100%; height:100%; background:rgba(0,0,0,.75); }
.ext-content							{ position:absolute; left:50%; top:5%; bottom:5%; width:90%; max-width:640px; transform:translateX(-50%); 
											background:#fff; padding:40px 30px; overflow:auto; border-radius:2px; color:#555 !important; }
.ext-close								{ position:absolute; right:20px; top:20px; color:#ddd; font-size:2em; cursor:pointer; transition:all .2s; }		
.ext-close:hover						{ color:#fff; }	

.filter-btn								{ display:none; }

.tag-list								{ margin:20px 0 40px 0; padding-bottom:32px; border-bottom:1px solid #cacaca; }	
.tag-list.no-border						{ border-bottom:none; margin-bottom:0; }
.tag-list.no-margin-top					{ margin-top:0; }
.tag-list li							{ display:inline-block; border:1px solid #cacaca; margin-right:4px; margin-bottom:6px; color:#666; 
											transition:all .2s; border-radius:3px; }	
.tag-list li a							{ display:inline-block; padding:.9em 1em; font-size:1.06em; }	
.tag-list li:hover						{ border:1px solid #1a1a1a; color:#1a1a1a; }
.tag-list li.active						{ border:1px solid #1a1a1a; background:#1a1a1a; color:#fff; }				

.block-list								{ position:relative; }
.block-list	.item		 				{ border-top:1px solid #cacaca; padding:40px 0; }
.block-list	.item:first-child 			{ border-top:none; padding-top:0; }
.block-list	.item .thumb 				{ overflow:hidden; margin-bottom:20px; position:relative;  }
.block-list	.item .thumb:hover img 		{ transform:scale(.95,.95); }
.block-list	.item .thumb img	 		{ width:100%; transition:all .5s; }
.block-list	.item .thumb.filled		 	{ height:0; padding-top:68%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; 
											transition:all .5s;}
.block-list	.item .thumb.filled:hover 	{ transform:scale(.95,.95); }
.block-list	.item .thumb.filled img 	{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.block-list	.item .thumb.filled img.landscape 	{ height:100%; width:auto; }
.block-list	.item .thumb.filled img.portrait 	{ width:100%; height:auto; }
.block-list	.item .thumb.fit			{ height:0; padding-top:80%; }
.block-list	.item .thumb.fit img 		{ position:absolute; left:0; top:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; 
											max-height:100%; margin:auto; transition:all .5s; }
.block-list	.item .thumb.fit-width		{ height:0; }
.block-list	.item .thumb.fit-width img 	{ position:absolute; left:0; top:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; 
											max-height:100%; margin:auto; transition:all .5s; }
																		
.block-list	.item .data  				{ }
.block-list	.item .category				{ color:#888; margin-bottom:12px; text-transform:uppercase; }
.block-list	.item .title 				{ font-size:1.5em; line-height:1.4em; color:#333; margin-bottom:15px;}
.block-list	.item .title:last-child 	{ margin-bottom:0; }
.block-list	.item .time,
.block-list	.item .location,
.block-list	.item .price	 			{ font-size:1.2em; margin-top:8px; color:#666; }
.block-list	.item .original-price	 	{ font-size:.92em; margin-left:12px; color:#888; text-decoration:line-through; }
.block-list	.item .summary	 			{ color:#666; line-height:1.5em; max-height:4.5em; overflow:hidden; }
.block-list	.item:hover .title a		{ border-bottom:1px solid #333; }

.block-list.col-2						{ overflow:hidden; zoom:1; }
.block-list.col-2 .item 				{ float:left; width:47%; margin-right:6%; }
.block-list.col-2 .item:nth-child(2n) 	{ margin-right:0; }
.block-list.col-2 .item:nth-child(1),
.block-list.col-2 .item:nth-child(2) 	{ padding-top:0; border-top:none; }
.block-list.col-2 .item-sizer			{ width:47%; }
.block-list.col-2 .gutter-sizer			{ width:6%; }

.block-list.col-3						{ overflow:hidden; zoom:1; }
.block-list.col-3 .item 				{ float:left; width:30%; margin-right:5%; }
.block-list.col-3 .item:nth-child(3n) 	{ margin-right:0; }
.block-list.col-3 .item:nth-child(1),
.block-list.col-3 .item:nth-child(2),
.block-list.col-3 .item:nth-child(3) 	{ padding-top:0; border-top:none; }
.block-list.col-3 .item-sizer			{ width:30%; }
.block-list.col-3 .gutter-sizer			{ width:5%; }

.block-list.col-4						{ overflow:hidden; zoom:1; }
.block-list.col-4 .item 				{ float:left; width:22%; margin-right:4%; }
.block-list.col-4 .item:nth-child(4n) 	{ margin-right:0; }
.block-list.col-4 .item:nth-child(1),
.block-list.col-4 .item:nth-child(2),
.block-list.col-4 .item:nth-child(3),
.block-list.col-4 .item:nth-child(4) 	{ padding-top:0; border-top:none; }
.block-list.col-4 .item-sizer			{ width:22%; }
.block-list.col-4 .gutter-sizer			{ width:4%; }
.block-list.col-4 .title				{ font-size:1.4em; }

.grid-line								{ position:absolute; top:0; bottom:0; width:1px; background:#ddd; }
.block-list.col-2 #grid-line-1 			{ left:50%; }
.block-list.col-3 #grid-line-1 			{ left:32.5%; }
.block-list.col-3 #grid-line-2 			{ left:67.5%; }
.block-list.col-4 #grid-line-1 			{ left:24%; }
.block-list.col-4 #grid-line-2 			{ left:50%; }
.block-list.col-4 #grid-line-3 			{ left:76%; }

.block-list.image-block .item			{ padding:25px 0; margin-bottom:15px; }
.block-list.image-block .item .thumb 	{ margin-bottom:10px; }
.block-list.image-block	.item .title 	{ font-size:1.24em; margin-bottom:0;}

.calendar-nav   						{ margin:25px 0 35px 0; position:relative; text-align:center; }
.calendar-nav .current-year-month 		{ font-size:2em; }
.calendar-nav a 						{ position:absolute; width:40px; height:40px; text-indent:300%; white-space:nowrap; 
											overflow:hidden; margin-left:2px;}
.calendar-nav .prev-month a 			{ background:url(../image/arrow-left.svg) no-repeat 50% 50% #1a1a1a; background-size:50%; left:0; top:0;}
.calendar-nav .next-month a 			{ background:url(../image/arrow-right.svg) no-repeat 50% 50% #1a1a1a; background-size:50%; right:0; top:0;}
 
.calendar-body 							{ clear: both; }
.calendar-body table					{ width:100%; border-left:1px solid #cacaca; border-top:1px solid #cacaca; }
.calendar-body table th,
.calendar-body table td					{ border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; }
.calendar-body table th 				{ padding:12px 0; font-size:1.25em; background:#e5e5e5; width:14.28571428571429%; }
.calendar-body table td 				{ padding:14px; height:130px; color:#666; font-size:1.15em; background:#f7f7f7; }
.calendar-body table td.calendar-highlight { background:#fff; }
.calendar-body table td.calendar-date	{ background:#fff; }

.foldable-wrapper						{ margin:40px 0 60px 0; }
.foldable-wrapper > .item				{ border-top:1px solid #cacaca; }
.foldable-wrapper > .item:last-child	{ border-bottom:1px solid #cacaca; }
.foldable-wrapper .title				{ font-size:1.3em; padding:1.1em 30px 1.1em 5px; line-height:1.2em; position:relative; cursor:pointer;
											color:#333; transition:all .2s; }
.foldable-wrapper .title i				{ position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#aaa; transition:all .2s; }
.foldable-wrapper .content				{ display:none; }
.foldable-wrapper .content-inner		{ padding:30px 40px 50px 40px; }
.foldable-wrapper .title:hover i		{ color:#666; }
.foldable-wrapper > .item.active .title i 	{ transform:translateY(-50%) rotate(45deg); }
.foldable-wrapper > .item.active .content	{ display:block; }

.carousel-image							{ position:relative; margin-top:40px; }
.carousel-image img						{ height:250px; margin-right:10px; display:block; transition:all .5s; }
.carousel-image img:hover 				{ transform:scale(.95,.95); opacity:.92; }
.carousel-image .flickity-prev-next-button 				{ width:36px; height:36px; }
.carousel-image .flickity-prev-next-button.previous 	{ left:15px; }
.carousel-image .flickity-prev-next-button.next			{ right:15px; }

.image-viewer-wrapper					{ margin-bottom:50px; position:relative; }
.image-viewer-wrapper.has-media 		{ margin-bottom:40px; }
.image-viewer							{ background:#f2f2f2; }
.image-viewer .item						{ width:100%; height:520px; }
.image-viewer img						{ position:absolute; left:10%; top:8%; right:10%; bottom:8%; width:auto; height:auto; 
											max-width:80%; max-height:84%; margin:auto; }
.image-viewer img.zoomable				{ cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }							
.image-viewer-btn						{ position:absolute; width:36px; height:36px; color:#888; transition:all .2s; opacity:0; }															
.image-viewer-btn i						{ font-size:1.2em; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.image-viewer-btn:hover i 				{ color:#333; }
.image-viewer .item.is-selected .image-viewer-btn { opacity:1; transition:all .2s linear .6s; }
.image-viewer .zoom-btn					{ top:10px; right:10px;  }
.image-viewer .thumb-btn 				{ top:10px; right:48px; }
.image-viewer .play-btn	 				{ top:50%; left:50%; width:60px; height:60px; transform:translate(-50%, -50%); }
.image-viewer .play-btn i 				{ font-size:4.8em; color:#fff; opacity:.75; transition:all .2s; }
.image-viewer .play-btn:hover i 		{ opacity:.95; }
.image-viewer .flickity-prev-next-button 			{ width:40px; height:40px; }
.image-viewer .flickity-prev-next-button.previous 	{ left:25px; }
.image-viewer .flickity-prev-next-button.next		{ right:25px; }


.image-viewer-nav 						{ padding:15px 0; background:#f2f2f2; display:none; position:absolute; left:0; bottom:0; width:100%; }
.image-viewer-nav.show 					{ display:block; }
.image-viewer-nav .item 				{ width:72px; height:72px; overflow:hidden; margin-right:6px; opacity:.5; border:2px solid #fff; 
											position:relative; }
.image-viewer-nav .item.is-selected 	{ opacity:1; }
.image-viewer-nav .item img.landscape 	{ height:100%; }
.image-viewer-nav .item img.portrait 	{ width:100%; }
.image-viewer-nav .item i				{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-size:1.4em; }

.image-viewer-pager						{ position:absolute; left:30px; top:22px; color:#888; font-family:Tahoma, Geneva, sans-serif; letter-spacing:0; }

.image-viewer-wrapper.single .thumb-btn,
.image-viewer-wrapper.single .image-viewer-pager,
.image-viewer-wrapper.single .flickity-prev-next-button { display:none; }

.image-viewer-wrapper.short 							{ margin-bottom:0; margin-top:30px; }
.image-viewer-wrapper.short .image-viewer .item 		{ height:450px; }
.image-viewer-wrapper.short .flickity-prev-next-button 	{ width:32px; height:32px; }

.image-viewer-wrapper.full 								{ margin-bottom:15px; background:#333; }
.image-viewer-wrapper.full .image-viewer 				{ background:#333; }
.image-viewer-wrapper.full .image-viewer .item 			{ height:600px; }
.image-viewer-wrapper.full .image-viewer-nav  			{ background:#333; }
.image-viewer-wrapper.full .image-viewer-btn:hover i 	{ color:#fff; }
.image-viewer-wrapper.full .media-icons 				{ margin:0; position:absolute; right:30px; bottom:30px; }
.image-viewer-wrapper.full .media-icons a				{ width:54px; height:54px; line-height:54px; background:#000; font-size:1.33em; }

.media-icons							{ margin-top:15px; text-align:right; }
.media-icons.hidden 					{ display:none; }
.media-icons a							{ font-size:1em; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; 
											background:#333; color:#fff; margin-left:2px; border-radius:50%; }
.media-icons a:hover 					{ opacity:.85; }

.icon-text-list							{ border-top:1px solid #cacaca; }
.icon-text-list li						{ border-bottom:1px solid #cacaca; padding:10px 0; overflow:hidden; zoom:1; min-height:80px; }
.icon-text-list li.no-icon .info 		{ margin-left:0; }
.icon-text-list .thumb  				{ display:block; width:72px; height:72px; float:left; background-position:50% 50%; 
											background-repeat:no-repeat; background-size:cover; transition:all .5s; }
.icon-text-list .thumb:hover 			{ transform:scale(.95,.95); }
.icon-text-list .info					{ margin-left:90px; padding-top:10px; padding-right:15px; }	
.icon-text-list .info .category 		{ color:#666; margin-bottom:8px; }
.icon-text-list .info .title 			{ font-size:1.08em; line-height:1.25em;  }	
.icon-text-list .info .title a:hover 	{ text-decoration:underline; }					

.title-list li							{ border-top:1px solid #cacaca; font-size:1.3em; line-height:1.2em; padding:1.2em 5px; color:#333; 
											position:relative; }
.title-list li:last-child				{ border-bottom:1px solid #cacaca; }
.title-list li a:hover					{ text-decoration:underline; }
.title-list li i						{ font-size:1.4em; position:absolute; right:.5em; top:50%; transform:translateY(-50%); color:#aaa;}

.no-result								{ background:#f2f2f2; text-align:center; font-size:1.4em; padding:1.2em 5px; color:#999; }

.pagination		 						{ margin-top:60px; color:#888; font-size:1.33em; }
.pagination a	 						{ margin-right:25px; vertical-align:text-bottom; }
.pagination a:hover 					{ color:#1a1a1a; }
.pagination	span 						{ margin-right:25px; vertical-align:text-bottom; } 
.pagination .current 					{ color:#1a1a1a; border-bottom:1px solid #1a1a1a; }
.pagination .previous,
.pagination .next						{ font-size:.88em; }

.center 								{ text-align: center;}

/*
========================
Header
========================
*/
#header-wrapper							{ position:fixed; left:0; top:0; right:0; background:#fff; z-index:999; transition:top .4s; }
#header-wrapper	a:hover					{ color:#000; }
#header-top								{ height:50px; border-bottom:1px solid #cacaca; padding-top:16px; }
#header-top .title-en					{ float:left; width:397px; height:11px; margin-top:4px;  }
#header-top .title-en a					{ display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; 
											background:url(../image/title-en.png) no-repeat 0 0;background-size:100%; }							
#header-toolbar							{ float:right; }
#header-toolbar li						{ display:inline-block; color:#666; margin-left:20px; padding-left:20px; border-left:1px solid #808080; 
											position:relative; }
#header-toolbar li > a					{ padding-bottom:1em; }
#header-toolbar li:first-child 			{ border:none; margin-left:0; padding-left:0; }
#header-toolbar li:hover #language-menu { display:block;  }
#header-toolbar #language-menu			{ position:absolute; left:5px; top:1.8em; box-shadow:0 0 4px rgba(0,0,0,.4); width:150px; 
											padding:10px 0; background:#fff; z-index:9; display:none; }
#header-toolbar #language-menu a 		{ display:block; width:100%; font-size:1.02em; padding:.7em 1.2em; }

#header-bottom							{ height:130px; border-bottom:1px solid #cacaca; padding-top:26px; transition:height .4s, padding .4s; }
#header-bottom .inner					{ overflow:hidden; zoom:1; }
#header-bottom .logo					{ float:left; margin-right:8px; height:72px; transition:height .4s, margin .4s; display: none; }
#header-bottom h1						{ float:left; width:316px; height:68px; transition:width .4s, height .4s; margin-top:4px;  }
#header-bottom h1 a						{ display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; 
											background:url(../image/logo-title-2023.png) no-repeat 0 0;background-size:100%; }							
#header-nav								{ float:right; margin-top:50px; transition:margin .4s; }
#header-nav li							{ display:inline-block; margin-left:40px; color:#666; font-size:1.15em; font-weight:500; }
#header-nav li.active a					{ border-bottom:3px solid #333; color:#333; }
#header-nav li:first-child 				{ display:none; }

#header-search							{ position:absolute; left:0; width:100%; height:0; padding-top:16px; border-bottom:1px solid #cbcbcb; 
											overflow:hidden; opacity:0; visibility:hidden; transition:opacity .4s; background:#fff; z-index:999; }
#header-search.show						{ opacity:1; height:82px; visibility:visible; }
#header-search-form						{ position:relative; }
#header-search-form input 				{ border:1px solid #ccc; border-right:none; background:#f2f2f2; font-size:1.1em; padding:.7em 1em; 
												width:100%; height:48px; outline:none; }
#header-search-form button 				{ border:1px solid #1a1a1a; background:#1a1a1a; color:#fff; font-size:1.1em; 
											padding:.7em 1em; width:48px; height:48px; outline:none; position:absolute; right:0; top:0; }
#header-search-form button i			{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }												

#mobile-menu-btn,
#mobile-menu-close						{ display:none; }


#header-wrapper.headroom--unpinned 						{ top:-50px; }
#header-wrapper.headroom--unpinned #header-bottom 		{ height:60px; padding-top:5px; }
#header-wrapper.headroom--unpinned #header-bottom .logo { height:45px; margin-right:6px; }
#header-wrapper.headroom--unpinned #header-bottom h1 	{ width:240px; height:36px; }
#header-wrapper.headroom--unpinned #header-bottom h1 a 	{ background:url(../image/title-zh.png) no-repeat 0 0;background-size:100%; }
#header-wrapper.headroom--unpinned #header-nav 			{ margin-top:15px; }

/*
========================
Main
========================
*/
#main-wrapper							{ min-height:600px; }
#main-wrapper > .inner					{ overflow:hidden; zoom:1; padding:20px 0 0 0; }
#main-wrapper > .inner:last-child 		{ padding-bottom:80px; }
#main-wrapper > .inner.border			{ border-top:1px solid #cacaca; margin-top:40px; }
#main-wrapper > .inner.headroom			{ padding-top:50px; }
#main-wrapper h3						{ font-size:1.8em; font-weight:500; margin-bottom:1.8em; color:#333; }
#main-wrapper h3.border					{ border-bottom:1px solid #cacaca; margin-top:60px; padding-bottom:30px; }
#main-wrapper h3.no-top 				{ margin-top:40px; }
#main-wrapper h4						{ font-size:1.4em; margin-bottom:.8em; color:#333; }
#main-wrapper h4 i						{ font-size:1.2em; padding:5px 0; margin-right:.6em; }
#main-wrapper h4.bold-number 			{ font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; font-size:2em; }
#main-wrapper .fr-view					{ color:#777; font-size:1.1em; }

#main-banner							{ height:360px; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; 
											background-size:cover; position:relative; }
#main-banner:after						{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.15); }

#breadcrumb								{ padding:30px 0 25px 0; font-size:1.1em; color:#333; }
#breadcrumb a							{ display:inline-block; white-space:nowrap; }
#breadcrumb a:last-child				{ color:#888; }
#breadcrumb .seperator					{ margin:0 .8em; }

#breadcrumb .social-share 				{ position:absolute; right:0; top:0; }
#breadcrumb .social-share > div 		{ display:inline-block; }
#breadcrumb .social-share .jssocials-shares						{ margin:0; }
#breadcrumb .social-share .jssocials-shares	.jssocials-share 	{ margin:0; margin-left:28px;  }
#breadcrumb .social-share .jssocials-share-link 				{ border-radius:50%; border:none; font-size:12px; padding:0; color:#999; } 
#breadcrumb .social-share .jssocials-share-link:hover 			{ color:#333; }

#main-nav								{ background:#e5e5e5; padding:20px 0; overflow:hidden; }
#main-nav .flickity-viewport 			{ overflow:visible; }
#main-nav .item 						{ display:inline-block; margin-right:40px; color:#333; font-size:1.2em; white-space:nowrap; }
#main-nav a:hover,
#main-nav a.active						{ border-bottom:1px solid #333;}

#main-header							{ position:relative; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }
#main-header h1,
#main-header h2							{ font-size:2.4em; line-height:1.2em; margin:30px 0; padding-right: 15px; color:#333; /*width:72%;*/ }
#main-header.border						{ border-bottom:1px solid #cacaca; margin-bottom:40px; }
#main-header .link						{ margin-bottom: 30px; margin-left: auto; }

#main-search.bottom-room				{ margin-bottom:40px; }
#main-search-form						{ position:relative; }
#main-search-form input 				{ border:1px solid #ccc; border-right:none; background:#f2f2f2; font-size:1.1em; padding:.7em 1em; 
											width:100%; height:48px; outline:none; }
#main-search-form button 				{ border:1px solid #1a1a1a; background:#1a1a1a; color:#fff; font-size:1.1em; 
											padding:.7em 1em; width:48px; height:48px; outline:none; position:absolute; right:0; top:0; }	
#main-search-form button i				{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

#main-content-aside-wrapper 					{ position:relative; overflow:hidden; zoom:1; }
#main-content-aside-wrapper:after 				{ content:''; position:absolute; left:72%; top:0; bottom:0; width:1px; background:#ddd; }
#main-content-aside-wrapper.no-seperator:after  { display:none; }
#main-content-aside-wrapper.bg					{ background:#f7f7f7; padding:50px 0; }
#main-content-aside-wrapper.bg #main-content 	{ background:#fff; }
#main-content-aside-wrapper.center #main-content{ float:none; margin:auto; padding:30px 50px 30px 30px; }
#main-content-aside-wrapper #main-content 		{ padding-bottom: 60px;}
#main-content									{ width:72%; float:left; padding-right:4.5%;  }
#main-content.full								{ width:100%; float:none; padding-right:0; }
#main-aside										{ width:28%; float:left;  padding:0 0 80px 0; }
#main-aside.short-padding						{ padding-bottom:20px; }
#main-aside-inner								{ margin-left:15%; }
#main-aside-inner.hidden-title .aside-group:first-child { margin-top:0; }
#main-aside .aside-group						{ margin-top:50px; }
#main-aside .aside-group:first-child 			{ margin-top:30px; }
#main-aside .aside-group.hidden-title 			{ margin-top:25px; }
#main-aside .aside-group.short-padding 			{ margin-top:10px; }
#main-aside	h2									{ font-size:2em; margin-bottom:1em; line-height:1.25em; }
#main-aside	h3									{ font-size:1.7em; padding-bottom:1em; margin-bottom:1em; line-height:1.25em; 
													border-bottom:1px solid #cacaca; }
#main-aside	h3.no-border						{ padding-bottom:0; border-bottom:none; }
#main-aside	h4									{ font-size:1.4em; line-height:1.27em; margin-bottom:20px; position:relative; }
#main-aside h4 i								{ position:absolute; right:0; top:50%; transform:translateY(-50%); color:#999; 
													font-size:1em; transition:all .2s; }
#main-aside .set								{ border-bottom:1px solid #cacaca; padding-bottom:25px; margin-bottom:25px; position:relative; }
#main-aside .set.no-title.no-content 			{ border-bottom:none; }
#main-aside .set:last-child						{ margin-bottom:0; }
#main-aside .set.has-icon h4 					{ margin-left:35px; }
#main-aside .set.has-icon.no-title .content 	{ margin-left:35px; }
#main-aside .set .icon							{ position:absolute; left:0; top:0; font-size:1.33em; color:#333; }
#main-aside .set .thumb 						{ height:0; padding-top:68%; background:#f2f2f2; position:relative; margin-bottom:20px; }
#main-aside .set .thumb img 					{ position:absolute; left:10%; top:10%; right:10%; bottom:10%; width:auto; height:auto; 
													max-width:80%; max-height:80%; margin:auto; transition:all .5s; }
#main-aside .set .thumb:hover img 				{ transform:scale(.95,.95); }
#main-aside .set .title 						{ font-size:1.2em; color:#333; }
#main-aside .set .title a:hover 				{ border-bottom:1px solid #333; }
#main-aside .content							{ color:#777; font-size:1.05em; line-height:1.6em; }
#main-aside .foldable h4						{ cursor:pointer; margin-bottom:0; }
#main-aside .foldable h4:hover i 				{ color:#333; }
#main-aside .set .btn							{ margin-top:30px; }
#main-aside .set .link							{ margin-top:30px; margin-right:15px; }

#main-bottom									{ clear:left; margin-bottom:60px; }

/*
========================
Footer
========================
*/

#footer-top						{ background:#e5e5e5; height:100px; padding-top:25px; }
#footer-top .link				{ position:absolute; right:0; top:50%; transform:translateY(-50%); }
#footer-newsletter-form			{ overflow:hidden; zoom:1; padding-bottom:2px; }
#footer-newsletter-form p		{ float:left; display:inline-block; margin-right:20px; margin-top:15px; font-size:1.2em; color:#666; }
#footer-newsletter-form input 	{ border:1px solid #ccc; border-right:none; background:#fff; font-size:1.1em; padding:.7em .8em; 
									width:100%; max-width:400px; height:48px; outline:none; float:left; }
#footer-newsletter-form button 	{ border:1px solid #1a1a1a; background:#1a1a1a; color:#fff; font-size:1.1em; 
									padding:0 1em; float:left; height:48px; outline:none; font-family:inherit; }	
#footer-newsletter-form .msg	{ color:#c00; font-size:12px; clear:left; position:absolute; left:3px; bottom:-1.1em; }												
#footer-bottom					{ background:#333; padding:70px 0; overflow:hidden; zoom:1; color:#999; }		
#footer-bottom a:hover			{ color: #ccc; }
#footer-contact					{ width:40%; float:left; }
#footer-contact .set			{ margin-bottom:45px; }
#footer-contact .title			{ color:#fff; font-size:1.4em; margin-bottom:1em; max-width:350px; line-height:1.28em; }
#footer-contact .address,
#footer-contact .phone,
#footer-contact .opening-hours	{ line-height:1.5em; font-size:1.1em; max-width:350px; }
#footer-nav						{ margin-left:40%; overflow:hidden; zoom:1; }		
#footer-nav .set				{ width:40%; float:left; }
#footer-nav .set:nth-child(3)	{ width:20%; }
#footer-nav .title				{ color:#fff; font-size:1.4em; margin-bottom:1.4em; }	
#footer-nav li					{ font-size:1.08em; margin-top:1.33em; }
#footer-toolbar					{ clear:left; border-top:1px solid #666; padding-top:20px; padding-bottom:2px; overflow:hidden; zoom:1; }	
#footer-toolbar .ref-link		{ float:left; }	
#footer-toolbar ul				{ float:right; }
#footer-toolbar li				{ display:inline-block; margin-left:20px; padding-left:20px; border-left:1px solid #666; }
#footer-toolbar li:first-child  { border:none; }
#footer-copyright				{ font-size:12px; color:#666; transform:scale(.9,.9); transform-origin:left top; margin-top:6px; }

#header-message 				{ z-index: 99999; position: fixed; left: 50%; top: 12px; transform: translateX(-50%); padding: 5px; font-size: 12px; background-color: #f4e8e8; border: 1px solid #c00; color: #c00; }
#header-message a 				{ border-bottom: 1px solid #c00;}

/*
========================
index.php
========================
*/
#homepage-info	 		 			{}
#homepage-info .inner	 			{ padding:30px 0; overflow:hidden; zoom:1; }	
#homepage-info .summary	 			{ width:54%; float:left; padding:20px 6% 20px 0; font-size:1.5em; line-height:1.8em; color:#333; 
										text-align:justify; }	
#homepage-info .set	 	 			{ width:23%; float:left; padding:15px 40px; height:170px; border-left:1px solid #dfdfdf; }	
#homepage-info .title	 			{ font-size:1.4em; margin-bottom:1em; }	
#homepage-info .data	 			{ color:#666; line-height:1.6em; font-size:1.15em; }	
#homepage-info .link 		 		{ margin-top:20px; font-size:1.1em; }

#homepage-info.no-summary .set		{ width:50%; }

#surroundings-wrapper				{ height:420px; position:relative; }
#surroundings-cover					{ position:absolute; left:0; top:0; width:100%; height:100%;  }
#surroundings-cover	.mask			{ display:block; width:100%; height:100%; background-color:rgba(0,0,0,.3); transition:all .5s; }
#surroundings-cover .inner			{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:100%; }	
#surroundings-cover .inner h2		{ position:absolute; left:0; bottom:9%; color:#fff; font-size:2.2em; font-weight:500; }						
#surroundings-cover .button			{ position:absolute; left:50%; top:50%; width:90px; height:90px; transform:translate(-50%,-50%);
										background-image:url(../image/3d.svg); background-repeat:no-repeat; background-position:50% 50%;
										background-color:rgba(0,0,0,.6); border-radius:50%; transition:all .5s; cursor:pointer; }
#surroundings-cover:hover .mask 	{ opacity:.5; }											
#surroundings-cover .button:hover   { background-color:rgba(0,0,0,1); }	 


/*
========================
tour-reservation.php
========================
*/
#reservation-calendar						{ margin-bottom:50px; }
#reservation-calendar td					{ position:relative; width:14.285%; }
#reservation-calendar td .note				{}
#reservation-calendar td .reserve-button    { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#1a1a1a; font-size:.96em }
#reservation-calendar td .reserve-button:hover { text-decoration:underline; }
#reservation-calendar td .exception-icon	{ position:absolute; right:14px; top:14px; color:#999; font-weight:500; cursor:pointer; }
#reservation-calendar td .day-num 			{ color:#999; }
#reservation-calendar td .day-num a 		{ color:#1a1a1a; text-decoration:underline; }

.policy-note							{ color:#777; line-height:1.25em; }
.policy-note a							{ color:#333; text-decoration:underline; }

/*
========================
event-reservation.php
========================
*/
#reservation-form				{ margin:50px 0; }

#registration-box				{ border-top:1px solid #cacaca; margin-top:30px; padding-top:30px; }
#registration-box h3			{ margin-bottom:25px; }
#registration-box p				{ color:#666; font-size:1.1em; }
#registration-box .btn 			{ font-size: 14px; padding: .96em 1.2em;}
#registration-box .table-list 	 { display: table; width: 100%; border-top: 1px solid #ccc; }
#registration-box .table-list li { display: table-row; }
#registration-box .table-list .col { display: table-cell; border-bottom: 1px solid #ccc; padding: 8px 4px; height: 56px; vertical-align: middle; }
#registration-box .table-list .col.right { text-align: right;}			
#registration-required			{ margin-bottom:30px; }	
#registration-note				{ margin-bottom:40px;}
#registration-form				{ margin-bottom:40px; }	
#registration-form .session-data { margin-bottom: 20px;}
#registration-form .form-guide 	{ color: #c00;}
#registration-form .required 	{ font-size: 14px; color: #888; margin-left: 2px;}
#participant-list				{ display: table; width: 100%; }
#participant-list li			{ display: table-row;}
#participant-list .col			{ display: table-cell; padding: 5px 5px 5px 0;}
#participant-list .col:first-child .flex { margin-left: 0;} 
#participant-list .flex 		{ display: flex; align-items: center; margin-left: 10%;}
#participant-list .label 		{ display: inline-block; margin-right: 5%;}
#participant-list input 		{ width: auto; flex-grow: 1; min-width: 40px;}

/*
========================
collection-detail.php
========================
*/
#collection-summary				{ border-bottom:1px solid #cacaca; padding-bottom:50px; margin-bottom:40px;  }	


/*
========================
shop.php
========================
*/
#new-product-slider								{ margin-bottom:20px; }
#new-product-slider .item						{ width:100%; margin-right:4%; background:#efefef; }	
#new-product-slider .thumb						{ width:69%; height:0; padding-top:40%; position:relative; }	
#new-product-slider .thumb img					{ position:absolute; left:5%; top:7%; right:5%; bottom:7%; width:auto; height:auto; 
													max-width:90%; max-height:86%; margin:auto; }	
#new-product-slider .data						{ position:absolute; right:7%; top:9%; bottom:9%; width:24%; padding:40px 40px; background:#fff; }									
#new-product-slider .category					{ color:#888; margin-bottom:40px; text-transform:uppercase;  }	
#new-product-slider .title 						{ font-size:1.7em; line-height:1.4em; color:#333; margin-bottom:15px;}
#new-product-slider .title:last-child 			{ margin-bottom:0; }
#new-product-slider .summary					{ }
#new-product-slider .price	 					{ position:absolute; left:40px; bottom:12%; color:#333; }
#new-product-slider .price .symbol 				{ font-size:1.2em; margin-right:.5em; }	
#new-product-slider .price .amt 				{ font-size:2em; font-weight:500; }
#new-product-slider .original-price				{ text-decoration:line-through; margin-left:15px; color:#777; }	

#new-product-slider .flickity-button			{ background:rgba(0,0,0,.2); }
#new-product-slider .flickity-button:hover 		{ background:rgba(0,0,0,.5); }
#new-product-slider .flickity-prev-next-button 	{ width:48px; height:48px; }
#new-product-slider .flickity-button-icon 		{ fill:white; opacity:.5; }
#new-product-slider .flickity-button:hover .flickity-button-icon 	{ opacity:1; }
#new-product-slider .flickity-prev-next-button.previous 			{ left:0; margin-left:30px; }
#new-product-slider .flickity-prev-next-button.next 				{ right:0; margin-right:30px; }

#item-category-wrapper	{ margin-top:60px; margin-bottom:40px; padding-bottom:30px; border-bottom:1px solid #cacaca; }
#item-category			{ margin:0; padding:0; border:none; }
#item-sub-category		{ margin:5px 0 0 0; padding:0; border:none; font-size:.95em; }

/*
========================
shop-detail.php
========================
*/
#shop-item-info					{ padding-top:20px; }
#shop-item-info dl				{ border-top:1px solid #cacaca; padding:30px 0 20px 0; }
#shop-item-info dt				{ width:150px; }
#shop-item-info dd				{ margin-left:150px; }
#shop-item-info .price  		{ margin-bottom:40px; }	
#shop-item-info .price .symbol 	{ font-size:1.2em; margin-right:.5em; }	
#shop-item-info .price .amt 	{ font-size:2em; font-weight:500; }
#shop-item-info .original-price	{ text-decoration:line-through; margin-left:15px; color:#777; }	
#shop-item-info .fr-view 		{ border-top:1px solid #cacaca; padding-top:30px; }
#shop-item-info .guide			{ color:#999; margin-top:30px; line-height:1.2em; }
#shop-more-items h3.border		{ margin-top:0; }	


/*
========================
search.php
========================
*/
#search-count				{ font-size:2em; margin-bottom:30px; }
#search-result .type		{ display:inline-block; width:200px; color:#666; font-size:.92em; }
#search-result .title		{ display:inline-block; }


/*
========================
newsletter-detail.php
========================
*/
#newsletter-content table,
#newsletter-content th,
#newsletter-content td		{ border:none !important; }


/*
========================
volunteers.php
========================
*/