.positiona{display: inline-block!important;}@media (max-width: 767px){	.positiona{font-size: 12px!important;}	.position .pos{font-size: 12px!important;}}.sites{padding: 5px 0px; border-bottom: 2px solid #939393; text-align: right; margin-bottom: 15px;color: #a0a0a0;font-size: 14px;}.sites span,.sites a{display: inline-block;color: #a0a0a0;}.sites a:hover{color:#7ac7c3;}@media (max-width: 767px){	.sites{font-size: 12px;}}b{
	font-weight: bold;
}

.checkError{
	border-color: red !important;
	color: red !important;
}

*[data-check=""],*[data-check="#"]{
	display: none !important;
}

.anchor{
	position: relative;
	top: -30px;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}

#p_detail #p_content p.notice{
	font-size:0.875rem;
	text-align: center;
}



.right{
	display: block;
	text-align: right;
}

.left{
	display: block;
	text-align: left;
}

.center{
	display: block;
	text-align: center;
}

.right img,.left img,.center img{
	display: inline-block !important;
}

.clearAfter:after{
	content: ' ';
	display: block;
	clear: both;
}

.messageReplyBlock{
	margin: 1em 0 0 0;
}

.messageReplyBlock p{
	font-size: 1.2em;
	font-weight: bold;
	margin: 2em 0 0.5em 0;
}

.messageReplyBlock textarea{
	width: 50%;
	height: 5em;
	border: 1px solid #d4c5b6;
	border-radius: 0.5em;
	outline: none;
	padding: 0.5em;
}

.messageReplyBtn{
	display: block;
	width: 100px;
	margin: 0.5em 0 0 0;
	padding: 0.5em;
	border: 1px solid #FFF;
	color: #FFF;
	background: #907E3F;
	text-align: center;
}

.imgBorder{
	border-radius: 5px;
	box-shadow: 2px 2px 10px #333;
}

#google_translate_element{
	position: absolute;
}

#google_translate_element.idx{
	top: 8px;
	right: 350px;
}

#google_translate_element.main{
	top: 25px;
	right: 400px;
}

#googleTli{
	padding: 0.5em 0;
	text-align:center;
}

#google_translate_element.mobile{
	position: static;
}

#google_translate_element.mobile a.goog-te-menu-value{
	display: inline-block;
}

.position .pos a{color:#a0a0a0;font-size:14px;}
.position .pos a:hover{color:#7ac7c3;}

.position .pos.crumbs a:hover.position .pos.crumbs a:last-child{
	color: #a0a0a0;
}

.bottom.copyright,.bottom.copyright a{
	color: #000000;
}

#top > *{
	display: block;
	margin: 1rem auto;
}
#footer_phone > *{
	display: block;
	margin: 1rem auto;
}
#footer_messenger > *{
	display: block;
	margin: 1rem auto;
}
#footer_contact > *{
	display: block;
	margin: 1rem auto;
}
.footer-contact a{
	padding: 0.5rem;
	background: #3e4747;
	font-size: 1.2rem;
	color: #FFF;
	border-radius: 1rem;
}

.top a{
	padding: 0.5rem;
	background: #3e4747;
	font-size: 1.2rem;
	color: #FFF;
	border-radius: 1rem;
}

#marquee{
	position: absolute;	
	font-size: 1rem;
	font-weight: bold;
	margin: 5px 0 0 0;
	height: 1.2rem;
	overflow: hidden;
}

#marquee ul{
	display: block;
	position: relative;
}

#marquee li{
	height: 1.2rem;
	line-height: 1.2rem;
	margin: 0 0 0.5rem 0;
	white-space: nowrap;
}

.top #marquee{
	margin: 0;
	left: 400px;
}

.index-sec04 input,.index-sec04 select,.index-form input,.index-form select{
	line-height: 2.5rem !important;
	height: 2.5rem !important;
}

.index-sec04 input[type=radio],.index-form input[type=radio]{
	margin: 0 0.2rem 0 1rem;
	vertical-align: middle;
}

.index-form label{
	display: inline-block;
	white-space: nowrap;
	margin: 0 0 0 0.2rem;
}

.index-form label input{
	display: inline-block;
	margin: 0 0.2rem 0 1rem;
}

.index-form .f1rem input[type=checkbox]{
	width: 1.2rem;
	margin: 0 0.2rem 0 1.5rem;
}

.f1rem{
	font-size: 0.8rem;
}

.index-form label *{
	vertical-align: middle;
}

.index-form h3{
	margin: 1rem 0 0.2rem 0;
	padding: 0;
}

.bubbleTitle{
	text-align: center;
	vertical-align: middle;
	height: 75px;
	padding: 0 5px 0 50px;
	background-image: url('../images/bubbletitle_left.jpg'),url('/images/bubbleTitle_right.jpg'),url('/images/bubbleTitle_body.jpg');
	background-repeat: no-repeat,no-repeat,repeat-x;
	background-position: top left,top right,top center;
	color: #006699;
	font-size: 1.3rem !important;
	font-weight: bold;
}

.bubbleTitle:after{
	content: ' ';
	display: inline-block;
	width: 0;
	height: 70%;
	vertical-align: middle;
}

.picScroll-left .bd ul li .pic .tit{
	position: relative;
	margin: 1rem 0 0 0;
	background: #c7c7c7;
	text-align: left;
	box-sizing: border-box;
	padding: 0 0 0 1rem;
}

.picScroll-left .bd ul li .pic .tit span{
	display: inline-block;
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	background: none;
	float: right;
	margin: 0 1rem 0 0;
	font-size: 0.5rem;
	color: #353535;
}

.picScroll-left .bd ul li .pic a{
	position: relative;
	width: 100%;
	height: 100%;
}

.subNav .txt{
	padding: 10px 24px 10px 0;
}

.index-form .left .in1{
	width: 44%;
}

@media (max-width: 1200px){
	.bottom.copyright,.bottom.copyright a{
		color:#e9e9e9;
	}	
}

@media (max-width: 750px){
	body{
		padding-top: 50px;
	}

	#top a{font-size: 0.8rem;}
	#footer_phone a{font-size: 0.8rem;}
	#footer_messenger a{font-size: 0.8rem;}
	#footer_contact a{font-size: 0.8rem;}
	#top {right: 12px;}
	#footer_phone {right: 0px;}
	#footer_messenger {right: 0px;}
	#footer_contact {right: 5px;}
	#top img{width: 60%;}
	#footer_phone img{width: 60%;}
	#footer_messenger img{width: 60%;}
	#footer_contact img{width: 60%;}

	header{
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
	}

	.m-index-tit span{
		width: 140px;
		text-align: center;
	}

	#marquee li{
		box-sizing: border-box;
		font-size: 0.8rem;
		padding: 0 0.5rem;
	}

}

@media (max-width: 500px){
	.bubbleTitle{
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		font-size: 1rem;
		background: none;
		padding: 0.5rem 0;
		border-top: 1px solid #25b4d4;
		border-bottom: 1px solid #25b4d4;
		height: auto;
	}

	section.sec03 dl dd .dd-t{
		font-size: 1rem;
		height: 5.6rem;
	}

	.other .c a span.s2{
		width: calc(100% - 161px);
		padding: 0;
		margin: 0;
	
	}
    .about dl dd .dd-con iframe{
		width: 100%;
		height: ;
	}
	
}
/* 不知道哪來的錯誤結構....

.about dl dd .dd-con iframe{width: 80%;height: 400px;


@media screen and (max-width: 750px)
    .about dl dd .dd-con iframe{
		width: 100%;
		height: 50px;
	}	
	.news-list iframe	
        width: 100%;
		height: 50px;	
	}

*/

.copyright-notice{background: #939393; text-align: center; color: #fff; line-height: 23px; padding: 5px 0px;}
.copyright-notice-content{width: 60%; margin: auto; position: relative; font-size: 12px;}
.copyright-notice-content a{position: absolute; right: 0;}
.main-container{overflow-x:unset!important;}

@media (max-width: 450px) {
	.copyright-notice-content{width: 100%;letter-spacing: 0px;}
	.copyright-notice-content a{display: none;}
}

footer .con{padding-top: 15px;}

.article-copyright-announcement p{line-height: normal!important; font-size:12px!important; margin: unset!important; border-radius: 5px; border: 1px solid #b10808; padding: 3px 10px; color: #b10808;}
.article-copyright-announcement-btn{margin-bottom: 10px; cursor: pointer; margin-top: 5px; display: inline-block;padding: 3px 10px;background-color: #a94442;color: #fff;border-radius: 5px; font-size: 12px;}
.article-copyright-announcement-btn img{vertical-align: text-top;padding-bottom: unset;display: unset!important;box-shadow:unset!important;}
.copyright-announcement-mobile h3{font-size: 16px;text-align: center;line-height: 17px;margin-bottom: 8px;}
.copyright-announcement-mobile{padding: 10px; font-size: 12px!important; color: #4c4c4c;}
.copyright-announcement-mobile p{line-height: 16px; font-size: 12px!important;}
.copyright-announcement-pc{text-align: justify;}
.copyright-announcement-pc p{font-size: 12px; line-height: 16px;}

.article-time-block{margin: 10px 0!important;}
.article-time-block p {font-size: 13px!important; }