.stepicon{max-width: 100%; margin:0 auto;}
.dtmenu1item {
	height: 25px;
	overflow: hidden;
	margin-top: 10px;
}
.nobar {
	border-right: 0px!important;
}
.local50{width: 48%; display: block; float: left; margin-left: 1%; margin-right: 1%;}
.dtmenu1item a:link {
    margin-top: 0px!important;
    transition: margin 0.5s;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    -o-transition: margin 0.5s;
	width: 100%;
	display: block;
	float: left;
	position: relative;
font-family: 'Volkhov','Noto Sans TC';
	font-size: 18px;
    font-weight: bolder;
	line-height: 150%;
}
#form14 .wdform_section {
    display: block;
    margin: 0 auto;
    float: none;
    height: auto;
    width: 500px;
}
#form13 .wdform_section {
    display: block;
    margin: 0 auto;
    float: none;
    height: auto;
    width: 500px;
}
#form14 .button-submit {
    min-width: 400px;
}
#form13 .button-submit {
    min-width: 400px;
}
.dtmenu1item a:hover {
    margin-top: -25px!important;
    transition: margin 0.5s;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    -o-transition: margin 0.5s;
}
.langsw{border-left:#666 2px solid;}
#form1 .button-submit {
    min-width: 580px;
}
.navbar{display: none;}
body, p, input, button, select, textarea {
letter-spacing: 1px;
    font-size: 15px;
    font-weight: 500;
    font-family: "Microsoft JhengHei", 微軟正黑體, "Microsoft YaHei", sans-serif !important;
    line-height: 2.6 !important;
}
.page-header h1, h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft JhengHei", 微軟正黑體, "Microsoft YaHei", sans-serif !important;
}
.nav li {
	background-image: url(../images/menuline.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}
.item-1713 {
	background-position: -10px 10px!important;
}
.item-1727 {
	background-position: -10px 10px!important;
}
.navbar .nav>li>a {
	padding: 10px 20px 10px!important;
}
body {
font-family: 'Noto Sans TC', sans-serif;
}
.easy_entries {
	margin-top: 0px!important;
}
#right h3.page-header {
	text-align: center;
	font-size: 1.5em;
	color: #000!important;
}
#easybook {
	margin-top: 0px!important;
}
#form1 .wdform_page {
	background: transparent;
}
#form12 .wdform_page {
	background: transparent;
}
#menuwrap #menu ul.nav li, #menu ul.nav li span.separator {
	padding: 0 0 5px 0!important;
	margin-right: 0px!important;
}
.module {
	padding: 0px;
}
#region1 {
	background: transparent url(#)!important;
	opacity: 1!important;
}
#region1.xtc-fluidwrapper {
	padding: 0px!important;
}
.modulecontent {
	padding: 0px;
}
.camera_pag {
	margin-top: -55px;
}
.slideshowck {
	margin-bottom: 0px!important;
}
#menuwrap .nav>li>a, #menuwrap .nav>li>a.active > a, #menuwrap .nav>li>a:hover > a, #menuwrap ul.nav span.separator {
	font-size: 13px;
    font: 15px/1 "STXihei", HEITI TC, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	font-weight: 800;
	letter-spacing: 2px;
}
.breadcrumb>li {
	font-size: 13px!important;
}
ul.sigProPolaroids li.sigProThumb:hover {
	z-index: 9;
}
#breadcrumbs {
	width: 50%;
	display: block;
	float: right;
	text-align: right;
	position: absolute;
	right: 20%;
}
#message {
	display: none;
}
#breadcrumbs .modulecontent {
	margin-bottom: 0px!important;
}
#camera_wrap_1499 .camera_caption > div div.camera_caption_desc {
	font-size: 1.2em;
	text-shadow: 3px 3px 10px #000;
}
#camera_wrap_1499 .camera_caption > div div.camera_caption_title {
	text-shadow: 3px 3px 10px #000;
	font-size: 3em;
}
.camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.4);
}
#logo {
	float: none;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
#menuwrap {
	float: none;
	margin: 0 auto;
}
body.sticky #headerwrap {
	height: auto;
}
#header{height: 150px;}
.navbar .nav {
	position: absolute!important;
	left: unset!important;
	display: contents!important;
	float: unset!important;
	margin: 0 auto!important;
}
.navbar .nav>li {
	float: NONE;
	DISPLAY: INLINE-FLEX;
}
#headerwrap:hover {
	background: #f6f6f6!important;
}
#headerwrap {
	background: #ffffff!important;
}
#menuwrap #menu ul.nav > li a, #menu ul.nav > li span.separator {
	color: #000000;
}
#menuwrap #menu ul.nav > li.active a, #menuwrap #menu ul.nav > li.active a:hover {
	color: #601f52;
}
#headerwrap.stickyscroll {
	background: #f2f2f2;
}
#swipebox-overlay {
	background: #0d0d0da1!important;
}
.cases {
	max-width: 1280px;
	margin: 0 auto!important;
	min-height: 400px;
}
body.frontpage {
	background: #fff;
}
#user31 {
	background-color: #f4f4f4;
}
#menuwrap #menu ul.nav > li a:hover {
	color: #8A0000 !important;
}
#user32 {
	max-width: 1280px!important;
	float: none!important;
	margin: 0 auto!important;
}
#user33{ margin-bottom: 3em;}
#user32 div.firstarea {
	width: 46%;
	display: block;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 3em;
	margin-bottom: 3em;
}
#user32 div.lastarea {
	width: 46%;
	display: block;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 3em;
	margin-bottom: 3em;
}
#user35 {
	max-width: 1000px!important;
	float: none!important;
	margin: 0 auto!important;
}
#user35 div.firstarea {
    width: 48%;
    display: block;
    float: left;
    margin-left: 0%;
    margin-right: 2%;
    margin-top: 2em;
	margin-bottom: 2em;
}
#user35 div.lastarea {
	width: 48%;
	display: block;
	float: left;
	margin-left: 2%;
	margin-right: 0%;
	margin-top: 2em;
	margin-bottom: 2em;
}
.indexnewsimg {
	width: 30%;
	float: left;
}
.indexnewsimg img {
	width: 90%;
	border-radius: 100px;
}
.indexnewstxt {
	width: 70%;
	float: left;
	text-align: left;
}
.indexdate {
	background-color: #e5e5e5;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.indextt {
	font-size: 16px;
	display: block;
	letter-spacing: 2px;
	border-bottom: 1px solid #7B7B7B;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.indexintro {
	width: 100%;
	display: block;
	float: left;
	margin-top: 10px;
	line-height: 200%!important;
}
.indexintro p {
	line-height: 200%!important;
}
#user32 div.modulecontent {
	text-align: center;
}
#user31 {
	height: 480px;
	background: #fff;
}
.gallytt {
	margin-bottom: 1em!important;
	margin: 0 auto;
	display: block;
}
#footerwrap {
	background: #DBDBDB;
	padding-bottom: 50px;
	padding-top: 30px;
	margin-top: 30px;
	width: 100%;
	display: block;
	float: left;
}
#footerwrap p {
	color: #4F4F4F!important;
	font-size: 14px;
	letter-spacing: 2px;
	font-weight:500!important;
}
.socialfooter {
	display: block!important;
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
.socialfooter img {
	padding-left: 20px;
	padding-right: 20px;
}
#region3wrap .xtc-wrapper {
	padding: 38px 0px;
}
.footlogo {
	margin-bottom: 30px;
}
.youtubeindex {
	max-width: 1280px;
	margin: 0 auto;
	display: block;
}
.youtubeindex {
	max-width: 1280px;
	margin: 0 auto;
	display: block;
}
.youimg {
	width: 33%;
}
#header {
	padding: 0px!important;
}
.xtc-wrapper {
	max-width: none!important;
	width: 100%!important;
	height: 100px;
}
#menuwrap {
	background-color: #FFF;
}
#menu2 {
	position: absolute;
	top: 10px;
	right: 50px;
}
.itemBackToTop {
	display: none;
}
.langsele img {
	width: auto;
	height: 25px;
}
.itemImageGallery h3 {
	display: none;
}
.readmorett a:link {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	color: #000;
}
.readmorett {
    background: #e7e7e7!important;
	color: #000;
	width: 100%;
	border-radius: 5px;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	margin-top: 1em;
}
.readmorett a:link {
	color: #000!important;
}
.readmorett a:visited {
	color: #000!important;
}
.singlearea {
	margin-top: 42px;
}
.easy_top_left {
	display: none;
}
.easy_align_middle {
	display: none;
}
.sign {
	display: none;
}
.easy_entrylink {
	padding-top: 0px;
}
#easybook {
	margin-top: 20px;
}
.easy_pagination {
	display: none;
}
#easyfooter {
	display: none;
}
.componentheading {
	font-size: 30px!important;
}
.easy_entries p.clear {
	display: none;
}
.easy_top {
	display: none;
}
.answertk {
	color: #930002;
}
.catItemTitle {
	font-size: 17px;
	text-align: center;
}
div.itemListCategory {
	background: transparent;
	border: 0px solid #ddd;
	border-radius: 4px;
	margin: 0 0 24px 0;
	padding: 8px;
}
div.catItemImageBlock {
	padding: 0px;
	margin: 0px;
}
a {
	color: #686868!important;
}
.step img {
	border-radius: 20px;
	width: 45%;
}
.step div {
	width: 100%;
	display: block;
	float: left;
	line-height: 400px;
	font-size: 15px;
}
.steptxt {
	display: block;
	float: left;
	margin-top: 80px;
	width: 45%;
	font-size: 20px;
	font-weight: 800;
	padding: 5%;
	color: #baa681;
}
#region2wrap {
	background: url(#) no-repeat;
}
#region2.xtc-fluidwrapper {
	padding: 0px;
	margin-top: 110px;
}
.lstep img {
	float: left
}
.rstep img {
	float: right
}
div.itemHeader h2.itemTitle {
	padding: 15px 0 4px 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px #b2b2b2 solid;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	font-size: 25px;
}
.spectt {
	font-size: 18px;
	text-align: center;
}
.access_02 {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.ctareaa {
    width: 100%;
    display: block;
	margin: 0 auto;
}
.addresspage {
	padding-bottom: 1%;
	border-bottom: 1px #7B7B7B dotted;
	width: 100%;
	float: left;
	display: block;
	padding-top: 1%;
	font-weight: 800;
}
.addresstt {
    width: 150px;
    display: block;
    float: left;
    text-align: left;
    padding-right: 1%;
}
#right {
	margin-top: 1em!important;
	margin-left: 0%!important;
}
div.k2ItemsBlock ul li {
	background: #fff;
	padding: 2%;
	margin: 0 0 5px 0;
}
div.k2ItemsBlock ul li.clearList {
	display: none;
}
.page-header {
	margin: 2px 0px 16px 0px!important;
}
#component {
	padding-right: 0px;
	padding-left: 24px;
	padding-bottom: 0px;
}
.ustext h5{
	letter-spacing: 4px;
    font-size: 20px!important;
    font-weight: 200!important;
	}
.addressdis {
	width: 59%;
	display: block;
	float: left;
	padding-left: 1%;
}
.path4 {
	width: 100%;
	display: block;
	float: left;
	margin-top: 1%;
	margin-bottom: 1%;
}
.map DIV.pathway {
	display: block;
	text-align: center;
	width: 21%;
	float: left;
	padding: 1%;
	background-color: #dbdbdb;
	margin: 1%;
	border-radius: 10px;
}
.pathway p {
	font-size: 13px;
}
div.itemHeader {
	text-align: center;
}
h2.qaitemTitle {
    padding: 20px 0 4px 0!important;
    margin: 0!important;
    text-align: center!important;
    border-bottom: 1px #b2b2b2 solid!important;
    margin-bottom: 0.5em!important;
    padding-bottom: 0.5em!important;
    font-size: 25px!important;
}
.newalbumbtn a:link {
    width: 48.7%;
    display: inline-table;
    text-align: center;
    padding: 0.54%;
    background: #fff;
    color: #000!important;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
	font-weight: 500;
}
.newalbumbtn a:visited {
    color: #000!important;
}
.newalbumbtn a:hover {
	background: #9e1011;
	background-color: #d8d8d899;
}
.newalbumbtn{
	margin-bottom: 10px;
	background-color: #eaeaea;
    padding: 1%;
}
.pagenav {
	display: inline-block;
	padding: 4px 8px;
	margin: 0 8px;
	border: 1px solid #ddd;
	border-radius: 10px;
	vertical-align: middle;
	background: #fff;
	text-decoration: none;
}
div.k2Pagination ul li a {
	border-radius: 10px;
}
.dtmenu1 li{ display: inline-block;
    background-repeat: no-repeat;
    background-position: right 0px;
	padding-left: 2%;
	padding-right: 2%;
}
.stepicon div{
    width: 24%;
	float: left;
	display: block;
	height: 250px;
	text-align: center;
}
.stepicon img{
    width: 80%!important;	
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
}
.stepicon img:hover {
    width: 100%!important;
}
.txtdtl{
    letter-spacing: 1px;
    font-family: "Microsoft JhengHei", 微軟正黑體, "Microsoft YaHei", sans-serif !important;

}
.contactfoot18 {
    display: none;
}
.ctfooterweb {
    display: block;
}
body.sticky, body.frontpage.sticky, body.innerpage.sticky {
	margin-top: 150px!important;
}
@media screen and (max-width: 500px) {
	#header{height: 100px;}
	#user1{margin-top: 50px;}
	body, p, input, button, select, textarea {
    font-size: 14px;
}
body.sticky, body.frontpage.sticky, body.innerpage.sticky {
	margin-top: 30px!important;
}
.slide-desc-text-default {
    padding: 5px;
}
#menuwrap #menu ul.nav li, #menu ul.nav li span.separator {
	width: 100%;
	text-align: center;
	display: block;
}
#right {
	display: none;
}
	.slide-text p{font-size: 12px!important; line-height: 130%!important;}
#logomobile {
	width: 30%;
	margin: 0 auto;
	float: none;
	z-index: 999;
	position: relative;
}
#menu2 {
	top: 15px;
	left: 10px;
	right: auto;
	right: auto;
}
#menuwrap {
	position: absolute;
	width: 100%;
	top: 0;
}
#menuwrap .nav-collapse.in.collapse .nav>li>a, #menuwrap .nav-collapse.in.collapse .nav>li>a.active > a, #menuwrap .nav-collapse.in.collapse .nav>li>a:hover > a, #menuwrap .nav-collapse.in.collapse ul.nav span.separator {
    font-size: 20px;
}
#menuwrap #menu ul.nav li, #menu ul.nav li span.separator {
    padding: 0px!important;
    margin-right: 0px!important;
}
	#menuwrap #menu ul.nav > li.active, #menuwrap #menu ul.nav > li.active:hover {
    background: #9b0000;
}
	.navbar {
    display: block!important;
}
	.dtmenuarea {
    display: none!important;
}
	#menuwrap {
    margin-top: 0px!important;
}
	#pie_camera_wrap_1499{left: 0px;
}
	#region2.xtc-fluidwrapper {
    margin-top: 0px;
}
	.singlearea {
    margin-top: 0px;
}
	body.sticky, body.frontpage.sticky, body.innerpage.sticky {
    margin-top: 0px !important;
}
	div.itemListCategory h2{ font-size: 22px;}
	#component {
    padding: 0px!important;
    display: block;
    float: left;
	padding-top: 60px;
	width: 100%;
}
	.newalbumbtn a:link {
    width: 47.7%;
    display: inline-block;
    text-align: center;
    padding: 0.54%;
    transition: background 0.5s ease 0s;
}
	.local50{ width: 100%; display: block;
    margin-left: 0%;
    margin-right: 0%;}
	.map DIV.pathway {
    width: 46%;
    border-radius: 10px;
    min-height: 285px;
}
	#wdform_6_element1 {
    width: 200px;
}
	#form1 .button-submit {
    min-width: 330px;
}
	.addresstt {
    width: 100px;
    padding-right: 1%;
    padding-left: 1%;
}
		.stepicon div {
    width: 48%;
    height: 150px;
}
	div.itemFullText {
    max-width: 100%;
    padding-left: 3%;
    padding-right: 3%;
}
.contactfoot18 {
    width: 90%;
    display: block;
    float: left;
    position: fixed;
    bottom: 0px;
    background: #fff;
    z-index: 999;
    padding-left: 5%;
    padding-right: 5%;
}
	.ctfooterweb {
    display: none;
}
	.cticon18 {
    width: 25%;
    display: block;
    float: left;
    text-align: center;
}
	.cticon18 img {
    width: 30%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
	#footerwrap {
    padding-bottom: 0px;
    padding-top: 0px;
}
#form14 .button-submit {
    min-width: 300px;
}
#form13 .button-submit {
    min-width: 300px;
}
	#form14 .wdform_section {
    width: auto!important;
}
	#form14 .wdform_column {
    margin: 5%;
}
	.ctarea{font-size: 13px; padding: 4%}
	#user32 div.firstarea {
	width: 100%;
	display: block;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 3em;
	margin-bottom: 3em;
}
#user32 div.lastarea {
	width: 100%;
	display: block;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 3em;
	margin-bottom: 3em;
}
  .cticon18 {
    width: 20%!important;
}
  .cticon18 img {
    width: 40%;
}
}