/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
.wuse {
	display: block
}
.muse {
	display: none
}
.tpbarea{
    max-width: 1475px;
    margin: 0 auto;
}
#asidel, #asider {
	width: 49%;
	display: block;
	float: left;
	margin: 0% 1% 0% 0%;
	min-height: 0px;
}
.cf-control-input {
    border: 1px #a2a2a2 solid;
    color: #000;
    border-radius: 10px;
    overflow: hidden;
}
a:hover, a:focus {
	text-decoration: none!important;
}
.subtt {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    font-family: 'Noto Serif TC', serif!important;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 68px;
}
.cuspdt {
    text-align: center;
    display: block;
    float: left;
    width: 100%;
}
.subnav li {
    list-style: none!important;
    text-align: center!important;
    border-right: 1px solid #666!important;
	font-size: 20px!important;
	font-weight: 800!important;
	transition: all .5s;
}
.subnav li:hover {
	background-color: #D0D0D0;
}
.subnav li:nth-last-child(1) {
    border-right: 0px!important;
}
.cusstt {
    background-color: #666;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    letter-spacing: 2px;
}
.places div{display: block; float: left; overflow: hidden;}
.places{margin: 5% 0%;}
.places h6 {
    width: 80%!important;
    margin-top: 62px!important;
}
.eco6 img {
    margin-top: 20px;
    margin-bottom: 10px;
	-webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222);
}
.ec1{background-image: url(/images/eco/i1.jpg)}
.ec2{background-image: url(/images/eco/i2.jpg)}
.ec3{background-image: url(/images/eco/i3.jpg)}
.ec4{background-image: url(/images/eco/i4.jpg)}
.ec5{background-image: url(/images/eco/i5.jpg)}
.ec6{background-image: url(/images/eco/i6.jpg)}
.ec41 {
    width: 50%;
    background-color: #00000060;
    height: fit-content;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    margin: 0 auto;
    margin-top: 6%;
    line-height: 50px;
    color: #fff;
    padding: 1em;
}
.ec4stxt {
    width: 80%;
    font-size: 16px;
    line-height: 140%!important;
    display: block;
    margin: 0 auto;
}
.ecocase {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 20px;
    border: #ebebeb solid 3px;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 30px;
	padding: 1%;
}
.real img{    margin: 1%;
    display: block;
    width: 90%;
    border: 10px solid #fffbf4;}
.ec4case {
    width: 100%;
    height: 250px;
    background-size: cover;
    outline: 5px solid white;
    outline-offset: -10px;
}
.ec41a{background-image: url(/images/eco/41.jpg)}
.ec41b{background-image: url(/images/eco/42.jpg)}
.ec41c{background-image: url(/images/eco/43.jpg)}
.ec41d{background-image: url(/images/eco/44.jpg)}
.eco5 img{margin: 8% 0%;}
.ecoetxt {
    width: 100%;
    display: block;
    padding: 2% 0%;
    background-color: #ffffffb5;
}
.eco5 li {
    text-align: center!important;
	border-bottom: 0px;
}
.ecom1{
    margin-top: -400px;
    z-index: 0;
}
.eco5 {
    display: block;
    float: left;
    width: 100%;
}


.ecotth2 {
    background-color: #12387887;
    color: #fff;
    text-align: center;
    padding: 1% 3%;
    position: relative;
    z-index: 99;
    margin-top: 350px;
    font-weight: 800;
	width: 250px
}
.eco5l{float: left}
.eco5r{float: right}
.header {
	width: 15%;
	float: left;
	padding: 0% 1%;
	margin: 0%;
}

#langsw {
	width: 17.5%;
	float: left;
	display: block;
	margin-top: 15px;
	margin: 15px 12px 0px;
}
#langsw a {
	width: 29.33333%;
	display: block;
	text-align: center;
	float: left;
	padding: 1%;
	margin: 1%;
	color: #fff;
	border-radius: 5px;
}
.readmoretk {
	border: 2px #005e8d solid;
	border-radius: 30px;
	padding: 5px 15px;
	margin-top: 20px;
}
.gsc-input-box {
	border-radius: 5px;
}
.l1 {
	background-color: #9C0002
}
.l2 {
	background-color: #0009B1
}
.l3 {
	background-color: #D79900
}
#banner p {
	display: none;
}
#___gcse_0 {
	width: 18%;
	float: left;
	display: block;
	padding: 0% 1%;
}
.camera_pag {
	margin-top: -55px;
}
.banner3 {
	width: 33.333333%;
	display: block;
	float: left;
}
.camera_caption {
	width: 40%;
}
.ha1 div.housett{float: right}
.ha1 div.houseimg{float: left}
.housett {
    margin-top: 4%;
}
.camera_caption_title {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 6px;
}
.happy td {
    border:0PX!important;
    height: 100px;
    margin: 1px;
    text-align: center;
    padding: 0px!important;
    font-size: 11px;
}
.happy td img {
    border: 1PX solid #d3d3d3;
    height: 140px;
}
.crosstop {
    width: 100%;
    display: block;
    float: left;
    background: #fff;
    position: fixed;
    z-index: 999;
    top: 0px;
	left:0px;
}
blockquote p {
	font-weight: 400;
}
#banner {
	display: block;
	width: 100%;
	float: left;
}
#camera_wrap_100 {
	margin-bottom: 0px!important;
}
.footer {
	background-color: #efefef;
	padding: 2% 0%;
	float: left;
	width: 100%;
	margin-top: -15px;
}
.tt1 {
	background-color: #84b8e8;
	color: #000;
	background-image: url(../images/tt/t1.png);
	background-position: 7px center;
	background-repeat: no-repeat;
	padding-top: 5px !important;
	padding-right: 15px !important;
	padding-bottom: 10px !important;
	padding-left: 45px !important;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.itemFullText li {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #F1EFF3;
	border-right-color: #F1EFF3;
	border-bottom-color: #F1EFF3;
	border-left-color: #F1EFF3;
	padding: 10px;
	font-weight: 400;
	text-align: left;
}
.indexnews li {
	border-bottom: 1px #666 dotted;
	padding-bottom: 1%!important;
	margin-bottom: 0%!important;
	width: 100%;
	float: left;
	padding-top: 1%!important;
	transition: all .5s;
}
.eco6 li {
    display: block;
    width: 94%;
    float: left;
    color: #fff;
    list-style: none;
    text-align: center!important;
    margin: 6px 0px;
    font-weight: 800!important;
    border: 3px solid rgb(226 226 226);
    border-radius: 12px;
    padding: 2% 0%;
    font-size: 21px;
    text-shadow: 1px 1px 3px rgb(255 255 255);
    height: 119px;
	color: #000;
	background-size: cover;
	font-weight: 800;
	border: 2px solid #666;
}
#content {
	margin-left: 0px!important;
}
.pdt{
    display: -webkit-inline-box;
    width: 100%;
    margin-bottom: 0px;
}
.pdt li{
    position: relative;
	-moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.indexnews li.clearList {
	display: none;
}
.indexnews li.odd {
	background-color: #E7E7E7;
}
.indexnews li:hover {
	background-color: #DBDBDB!important;
	box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.3);
}
.indexnews div.clr {
	display: none;
}
.indexnews {
	display: block;
	float: left;
	width: 100%;
}
.moduleItemDateCreated {
	width: 18%;
	float: right;
	background: #165d6e;
	color: #fff;
	text-align: center;
	padding: 3px 0px;
	border-radius: 5px;
	margin: 1%;
}
.fb {
	text-align: center;
}
.fb img {
	margin: 0% 2%;
}
.indexnews a.moduleItemTitle {
	width: 78%;
	display: block;
	float: left;
	padding: 1%;
	line-height: 150%;
	font-weight: 400;
	font-size: 15px;
}
.span3 h3 {
	background: linear-gradient( 20deg, rgba(150, 117, 0, 1) 20%, rgba(253, 209, 55, 1) 80%);
	padding: 1% 0% 1% 1%;
	color: #fff;
	float: left;
	width: 100%;
	display: block;
	font-weight: 800;
	text-shadow: 0px 2px 1px rgb(0 0 0);
	border-radius: 15px;
	text-indent: 10px;
}
.tkbanner a {
	display: block;
	width: 48%;
	float: left;
	height: 90px;
	margin: 1%;
}
.customflotbanner {
	position: fixed;
	right: 0%;
	bottom: 0px;
	z-index: 999999;
}
.gsc-input {
	box-shadow: none!important;
}
.gsc-control-cse {
	background-color: transparent;
	border: 0px;
}
.sigProLink {
	border: 5px!important;
}
.gsc-search-button {
	display: none;
}
div.itemVideoBlock {
	padding: 0px;
}
.menu li > a {
	transition: .5s all;
	border-right: 1px solid #8093a3;
	border-bottom: 10px solid #ffffff;
	background-color: #FFFFFF;
}
.menu li > a:hover {
	background-color: #E9E9E9;
	border-bottom: 10px solid #8093a3;
}
.menu li.current > a {
	border-bottom: 10px solid #8093a3!important;
}
.nav-child li > a:hover {
	border-bottom: 0px!important;
}
.nav-child li > a {
	border-bottom: 0px!important;
}
.nav-child li.current > a {
	border-bottom: 0px!important;
}
.submissions th {
	background-color: #8d2d2a;
	color: #fff;
}
body.site {
	border-top: 3px solid #ffffff;
	padding: 0px;
}
.userdis {
	WIDTH: 100%;
	DISPLAY: block;
	FLOAT: left;
}
.itemFullText {
	font-family: Microsoft JhengHei, Heiti TC !important;
	line-height: 200%;
	font-size: 16px;
	width: 100%;
	display: block;
	float: left;
	font-weight: 600;
}
.itemIntroText {
	font-family: Microsoft JhengHei, Heiti TC !important;
	line-height: 200%;
	display: block;
	float: left;
}
div.itemFullText h3 {
	margin: 0;
	padding: 5px;
	width: 100%;
	background-color: #CDDC39;
}
.native-embed-container {
	min-height: 1000px;
	height: auto
}
.itemListCategory h3 {
	margin: 0;
	padding: 5px;
	width: 100%;
	background-color: #CDDC39;
}
.catItemAttachments li {
	display: inline-block!important;
	padding: 5px!important;
	background-color: #ffc1073d!important;
	margin-right: 10px!important;
	margin-bottom: 10px!important;
	border-radius: 5px;
}
div.catItemAttachmentsBlock {
	padding: 4px;
	border-bottom: 0px;
}
.itemListCategory table {
	width: 100%;
}
.itemListCategory td {
	padding: 5px;
}
.wslogo {
	width: 200px !important
}
.slideInLeft {
	display: none;
}
#users-profile-custom {
	display: none;
}
.catItemTitle {
	height: 1em;
	overflow: hidden;
	width: 100%;
}
.itemFullText span {
	font-family: Microsoft JhengHei, Heiti TC !important
}
.itemFullText p {
	background-color: transparent !important;
}
.itemFullText table {
	width: 100%!important;
}
.itemIntroText table {
	width: 100%!important;
}
.itemFullText td {
	padding: 5px
}
.itemBody td {
	padding: 5px;
	border: 1px #666 solid;
}
.itemBody th {
	padding: 5px;
	border: 1px #666 solid;
	background-color: cornsilk;
	white-space: nowrap;
}
.breadcrumb {
	margin: 10px 0;
	background: #eceec7;
}
div.itemNavigation span.itemNavigationTitle {
	color: #999;
	display: block;
	text-align: center;
	font-size: 16px;
	padding-bottom: 20px;
}
#k2Container {
	padding: 0px;
}
.itemNavigation a:link {
	display: inline-block;
	width: 45%;
	font-size: 20px;
	padding-top: 20px!important;
	font-weight: 800;
}
.itemImageBlock {
	padding: 0px!important;
	margin: 0px!important;
}
div.itemBody {
	padding: 0px!important;
}
div.itemView {
	margin: 0;
}
.itemNext {
	text-align: right;
}
.catItemImage img {
	padding: 10px;
	border: 1px #a9a9a9 solid;
	-moz-box-shadow: -2px -2px 17px #a9a9a9;
	-webkit-box-shadow: -2px -2px 17px #a9a9a9;
	box-shadow: -2px -2px 17px #a9a9a9;
}
.hotitem li::before {
	width: 10px;
	height: 10px;
	display: block;
	float: left;
	background-color: #C00003;
	color: #fff;
	padding: 0px 5px;
	margin-right: 1%;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.gsc-control-cse {
	padding: 10px 0px;
}
.langsel a:visited, .langsel a:link {
	color: #fff;
	font-size: 16px;
}
.langsel a {
	background-color: #4cafe7;
	padding: 1% 42px;
}
.langsel {
	position: relative;
	z-index: 333;
	width: 250px;
	float: right;
	display: block;
	margin-top: 180px;
}
.muse {
	display: none
}
.puse {
	display: block
}
.hotitem span.moduleItemHits {
	float: right;
	background-color: #006B34;
	padding: 3px!important;
	color: #fff;
	margin-top: -24px!important;
}
.brand {
	position: relative;
	margin-top: 10px;
	float: right;
}
.brand img {
	width: auto;
}
.itemImage img {
	padding: 10px;
	border: 1px #a9a9a9 solid;
}
.breadcrumb {
	background: #b9b9b9;
	border-radius: 5px;
}
.itemImageGallery h3 {
	display: none;
}
.breadcrumb > li {
	text-shadow: none;
}
div.itemListCategory h2 {
	display: block;
	margin-left: 10px;
	color: #fff;
	font-size: 50px;
	text-shadow: 1px 1px 5px #000000;
	padding: 0px;
}
div.catItemHeader {
	display: block;
	float: left;
	width: 100%;
}
.catdis div.catdstk {
	position: relative;
	width: 50%;
	background-color: #a52a2a63;
	padding: 1%;
	margin-top: -15%;
	float: right;
	color: #fff;
	font-weight: 800;
	font-size: 16px;
	text-shadow: -2px 0px 5px rgb(0 0 0 / 80%);
}
.hotitem {
	width: 100%;
	float: left;
	display: block;
}
.hotitemcase {
	width: 50%;
	float: right;
	display: block;
}
.hottt {
	color: #545454;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	z-index: 99;
	margin-top: 0px;
	background: #e5e5e5;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	border-bottom: 1px #666666 solid;
}
#system-message {
	display: none;
}
.hotitem li {
	margin: 10px 0 7px 0!important;
	border-bottom: 1px dotted #666;
	padding-bottom: 5px!important;
}
.hotitem li.lastItem {
	border-bottom: 0px
}
.hotitem li.clearList {
	display: none
}
.itemContainer {
	transition: all .5s
}
.itemContainer:hover {
	background-color: #F0F0F0;
}
.hotitem a.k2Avatar img {
	width: 35px!important;
}
#map {
	width: 49.5%!important;
}
#map::before {
	content: "地圖索引";
	color: #545454;
	width: 100%;
	display: block;
	float: left;
	position: absolute;
	z-index: 99;
	margin-top: 0px;
	background: #e5e5e5;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	border-bottom: 1px #666666 solid;
}
.catItemHitsBlock {
	width: fit-content;
	float: right;
	margin-top: -40px;
	margin-right: 2%;
	background: #77ad59;
	padding: 1%!important;
	color: #fff;
	border-radius: 7px;
}
#YouTubeVideoPlayerAPI {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 110vh;
	transform: translate(-50%, -50%);
	z-index: 0;
	opacity: 0.3;
}
#top1 {
	z-index: 999999;
	position: absolute;
	background: #ffffff60;
	left: 25%;
}
#jxtcwall102 {
	width: 100%;
	float: left;
}
.ffimg {
	width: 100%!important;
}
.ffaarea {
	text-align: center;
}
.ftt {
	background-color: #165d6e;
	color: #fff;
	padding: 1% 0%;
	width: 100%;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 800;
	line-height: 150%;
}
.a123 {
	border-bottom: 1px dotted #666;
}
.catItemExtraFields h4, .itemExtraFields h3 {
	display: none;
}
.catItemExtraFieldsLabel, .itemExtraFieldsLabel {
	width: 20%!important;
	text-align: right;
	padding-right: 1%;
}
div.itemExtraFields {
	width: 71%;
	background: #fff;
	float: left;
	margin-left: 2%;
	margin-top: 0%;
	padding: 1%;
	font-size: 16px;
}
.itemExtraFields li {
	padding: 1% 0%;
}
div.catItemExtraFields ul li span.catItemExtraFieldsValue {
	display: flex;
}
.fa, .fc {
	width: 40%;
	float: left;
}
.fb {
	float: left;
	width: 20%;
	display: block;
}
.fa {
	text-align: right;
}
.catItemImageBlock {
	display: block;
	margin: 0 0 8px 0;
	width: 30%;
	float: left;
}
.catItemBody div.clr {
	display: none;
}
.catItemExtraFields {
	display: block;
	width: 69%;
	float: right;
}
.itemContainer {
	background-size: 90%;
}
.catItemExtraFields li.odd {
	background-color: #eaf0f1;
}
.catItemExtraFields li.odd {
	background-color: #E3E3E3;
}
div.catItemView {
	margin-bottom: 0px;
	padding: 10px;
}
div.itemListCategory {
	margin: 0px;
	height: auto;
	display: block;
	float: left;
	width: 100%;
	background-color: #dfdfdf;
	padding: 10px 0px;
}
.itemListSubCategories h3 {
	display: none;
}
.subCategoryMore {
	display: none;
}
.catItemIntroText {
	max-height: 4em;
	overflow: hidden;
	line-height: 200%!important;
	font-size: 14px!important;
	margin-top: -71px;
	background: #00000060;
	color: #fff;
	padding: 1%!important;
	text-shadow: -2px 0px 5px rgb(0 0 0 / 80%);
}
.navigation {
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-bottom: 0px;
	width: 62%;
	float: left;
	margin-top: 0px;
}
.catimgtk {
	float: left;
	display: block;
	margin: 0px;
	width: 100%!important;
	padding: 0px;
}
.nav {
	display: -webkit-inline-box;
	width: 100%;
	margin-bottom: 0px;
}
.nav li {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}
.container {
	max-width: 1400px;
	background-color: #ffffffd9;
	padding: 20px;
}
.itemImageBlock {
	width: 100%;
	float: left;
}
.moduletableleftbanner img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-transition: ease all 0.1s;
	-moz-transition: ease all 0.1s;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
}
.moduletableleftbanner img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#aside {
	display: none;
}
#content {
	width: 100%
}
.menu li img {
	margin-right: 5px;
}
.itemtxtallcase {
	width: 70%;
	float: left;
}
div.itemNavigation {
	width: -webkit-fill-available;
	display: block;
	float: left;
	padding: 5px;
}
.itemuser {
	width: 30%;
	float: left;
}
.itemBackToTop {
	display: none;
}
.nav > li > a {
	text-align: center;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #3d6e97 !important;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-right: 0px;
	font-size: 1.3em;
	font-weight: 800!important;
}
.nav > .active > a, .nav > .active > a:hover, .nav > .active > a:focus {
	color: #8093a3 !important;
}
.gCalFlow .gcf-item-title-block {
	padding-top: 10px;
	padding-bottom: 10px;
}
.moduletablett05 li {
	font-size: 16px;
	line-height: 200%;
}
.gcf-item-title {
	font-size: 14px;
	letter-spacing: 3px;
	color: #025f8d;
	font-weight: normal;
}
.moduletablett03 {
	overflow: hidden;
}
.yearlist span {
    background-color: #51979e;
    font-size: 17px;
    color: #fff;
    width: 50px;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
	text-shadow: 2px 2px 6px rgb(0 0 0 / 60%);
}
.yearlist div p {
    font-size: 17px;
    width: auto;
    height: 50px;
    float: left;
    line-height: 50px;
	padding-left: 1em;
}
.yearlist div {
    width: 49%;
    display: block;
    float: left;
    margin-bottom: 10px;
    padding-left: 1%;
}
.tt01 img {
	border-bottom: 1px #e4e4e4 solid;
}
.header-search {
	width: 260px;
	margin-top: 0px;
}
.header-search form {
	margin: 0px;
}
.banneritem {
	margin-top: 10px;
	margin-bottom: 10px;
}
.banneritem img {
	width: 100%;
}
.footerarea2 h4 {
	font-size: 18px;
}
.modtt h3 {
	font-size: 18px;
	line-height: 20px;
	background: brown;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	text-indent: 1.5em;
	background-repeat: no-repeat;
	background-position: left center;
	border-radius: 5px;
}

.body .container {
	background-color: transparent;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 0px 20px;
	border: 0px;
	-moz-box-shadow: 0px;
	-webkit-box-shadow: 0px;
	box-shadow: 0px 0px 0px;
	background: #ffffffd4;
	margin-top: 115px;
}
.camera_caption > div {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}
.itemAttachments li a {
	font-size: 20px;
	font-weight: 600;
}
.camera_caption > div {
	background: rgba(0, 0, 0, 0.2);
}
.filett {
	width: 100%;
	font-size: 24px;
	text-align: center;
	display: block;
	float: left;
	padding: 2% 0% !important;
	background: #789628;
	color: #ffffff!important;
	font-weight: 800;
}
.morecat {
	background-color: #acdcef!important;
	color: #000!important;
}
.navigation .nav-child a {
	display: block;
	padding: 15px 20px;
	clear: both;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	color: #333;
	white-space: nowrap;
}
.cf-content-wrap, .cf-form-wrap {
    padding: 0px;
}
span.itemImage img {
	width: 100%!important;
	padding: 0%;
}
.d3,.convertforms,.abus {width: 100%; display: block; float: left; text-align: center;}
.convertforms {margin-bottom: 50px;}
.d3 div {
    width: 31.333333%;
    display: block;
    float: left;
    padding: 1%;
	text-align: center;
}
.yearlist {
    float: left;
    background-image: url(/images/abus/usbg.jpg);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2%;
}
.d3 div:nth-child(2){margin-top: 4%;}
.d2 {
    width: 48%;
    display: block;
    float: left;
    padding: 1%;
}
.d1 {
    width: 100%;
    display: block;
    float: left;
    padding: 1%;
}
.link1{float: left;width: 40%;}
.link2{float: right;width: 40%;}
.elec div.d1,.elec div.d2{text-align: center;}
.itemAttachments {
	display: block!important;
	padding: 15px 0px!important;
	float: left!important;
	width: 100%;
}
.singlepage h6 {
    font-size: 20px;
    line-height: 14px;
    font-weight: bolder;
    background: #d4d4d4;
    height: auto;
    padding: 1% 3%;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    color: #0e0e0e;
    text-transform: uppercase;
    border-bottom: 8px solid #a8a8a8;
}
h2.itemTitle {
    text-align: right;
    font-size: 60px;
    font-weight: 900;
    margin-top: -2em!important;
    font-family: 'Noto Serif TC', serif;
    display: block;
    width: 40%;
    PADDING-RIGHT: 5%!important;
    color: #fff;
    FLOAT: right;
    height: 70px;
    background: #0000003b;
    line-height: 60px;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}
.pdtl{width: 100%; display: block; float: left;}
.uatl {
    width: 25%;
    display: block;
    float: left;
    text-align: center;
}
.uatl h4{
    font-size: 25px!important;
    width: 100%;
    color: #666;
    float: left;
}
.pdtl h4{
    font-size: 25px!important;
    line-height: 50px!important;
    width: 100%;
    background: linear-gradient(90deg, rgb(215 230 221) 50%, rgb(255 255 255) 75%);
    height: 50px;
    text-indent: 0.5em;
    color: #fff;
    text-shadow: 2px 2px 6px rgb(0 0 0 / 60%);
    float: left;
    border-left: solid #666 10px;
    width: calc(100% - 10px);
}
.pdtl h5 {
    font-size: 25px;
    line-height: 40px;
    width: 100%;
    background: #033c0740;
    height: 40px;
    text-indent: 0.5em;
    color: #fff;
    text-shadow: 2px 2px 6px rgb(0 0 0 / 60%);
}
.addthis_sharing_toolbox {
	width: 30%;
	display: block;
	float: left;
}
div.itemToolbar ul {
	text-align: right;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 60%;
	float: right;
}
.footerarea2 {
	width: 44%;
	display: block;
	float: left;
	margin-bottom: 20px;
	padding: 2%;
	background: #eceec7;
	margin-left: 1%;
	margin-right: 1%;
}
.footerleft {
	text-align: right;
	background-image: url(../../../img/s1.jpg);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.footerright {
	text-align: left;
	background-image: url(../../../img/s2.jpg);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.easy_admincomment {
	overflow: hidden;
}
.easy_content {
	background-color: #2a88a5;
	color: #fff;
	font-size: 18px;
}
#map {
	height: 500px;
	position: relative;
	float: left;
	display: block;
	width: 100%;
	outline: none;
}
.itemListCategory {
	width: 100%;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 200%;
	height: auto;
}
.k2TagCloudBlock a:hover {
	padding: 5px;
}
.easy_top {
	display: none;
}
.itemVideoBlock h3 {
	display: none;
}
div.itemVideoBlock {
	background: #ffffff url(../images/none.gif);
	color: #eee;
}
.componentheading {
	height: 150px;
	width: 100%;
	background-image: url(/images/icon/question.jpg);
	color: #fff;
	vertical-align: bottom;
	line-height: 249px;
	text-indent: 1em;
}
.easy_entrylink {
	padding-top: 0px;
}
.easy_entries {
	margin-top: 0px;
}
div.k2TagCloudBlock a:hover {
	padding: 4px;
	float: left;
	display: block;
	background: #135cae00;
	color: #9C27B0;
	text-decoration: none;
}
.admincf {
	display: none!important;
}
.menulinkcase li {
	display: block;
	float: left;
	width: 94%;
	font-size: 14px;
	text-align: center;
	padding: 3% 0%;
	background-color: #FFFFFF30;
	border-radius: 10px;
	font-weight: 800;
	margin: 1% 3%;
	transition: all .5s;
}
.menulinkcase li:hover {
	background-color: #8d2d2a;
}
.nn_tabs>ul.nav-tabs>li>a {
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 1px;
}
.footer div.container {
	background-color: transparent;
	color: #000;
}
.footer hr {
	display: none
}
#w100 h3 {
	background-color: #4B99AC;
	border-radius: 10px;
	padding: 1% 0% 1% 1%;
	color: #fff;
	float: left;
	width: 99%;
	display: block;
	text-align: center;
	margin-top: 0px;
}
#footlink >div {
	width: 24.6%;
	display: block;
	float: left;
	border-right: 1px solid #666;
}
#foot4 {
	border-right: 0px!important;
}
#footlink h3 {
	text-align: center;
	width: 94%;
	margin: 10px auto;
	padding: 10px 0px;
	color: #fff;
	border-radius: 10px;
	background: linear-gradient(  90deg,  rgba(84, 101, 145, 1) 20%,  rgba(135, 150, 196, 1) 80%);
}
#footlink {
	margin-top: 10px;
	background-image: url(/images/footerbg.jpg);
	background-size: cover;
	display: block;
	float: left;
	background-position: bottom;
	padding-top: 0px;
	background-repeat: no-repeat;
	border-radius: 10px;
}
#footlink a:hover {
	background-color: transparent!important;
}
.tkbanner a {
	transition: all .5s
}
.tkbanner a:hover {
	transform: scale(1.1);
	box-shadow: 0px 0px 45px 3px rgba(0, 0, 0, 0.3);
}
.ddtl{float: left;display: block; }
.ddtl div.step {
    width: 98%;
    display: block;
    float: left;
    margin: 2% 1%;
    border-bottom: 5px #dfdfdf dotted;
    padding-bottom: 20px;
    font-size: 20px;
	text-align: left;
}
.allowtk{width: 100px; float: left;}
.w20{width: 20%;float: left;display: block}
.w25{width: 25%;float: left;display: block}
.w30{width: 30%;float: left;display: block}
.w33{width: 33.33333%;float: left;display: block}
.w40{width: 40%;float: left;display: block}
.w60{width: 60%;float: left;display: block}
.w80{width: 80%;float: left;display: block}
.w50{width: 50%;float: left;display: block}
.w70{width: 70%;float: left;display: block}
.w100{width: 100%}
.t50{opacity: 50%;}
.pdtlspec {
    width: 100%;
    float: left;
    display: block;
    background: #efefef;
    margin: 0.5% 0%;
    padding: 1% 0%;
    border-radius: 12px;
}
.ddtl {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}
.dde2 {
    height: 177px;
    width: 100%;
    display: block;
    float: left;
    padding-top: 70px;
}
 .readmore{
    border: 1px solid #007db7;
    padding: 1% 3%;
    background-color: #ffffff80;
    margin-top: 10px;
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 35px;
    font-weight: 800;
}
.dde21 {
    height: 131px;
    width: 100%;
    display: block;
    float: left;
    padding-top: 218px;
}
.dda1 {
    left: 0px;
    float: left;
}
.dda2 {
    left: 0px;
    float: right;
}
.dda3 {
    left: 0px;
    float: left;
    margin-top: 520px;
    margin-left: -425px;
}
.dda4 {
    left: 0px;
    float: right;
}
.dddis {
    padding: 1%;
    background-color: #0071c0;
    color: #fff;
    font-weight: 800;
    width: fit-content;
}
.dddis2  {
    padding: 1%;
    background-color: #172838;
    color: #fff;
    font-weight: 800;
    width: fit-content;
}
.eleciot7{margin: 0px; padding: 0px;}
.eleciot7 li {
    display: block;
    width: 13.6%;
    float: left;
    color: #fff;
    list-style: none;
    text-align: center;
    margin: 1px;
    font-weight: 800!important;
    border: 3px solid rgb(226 226 226);
    border-radius: 12px;
    padding: 2% 0%;
    font-size: 21px;
    background: linear-gradient( 333deg, rgb(164 211 187) 54%, rgb(222 255 232) 88% );
	text-shadow: 1px 0px 4px rgba(0, 0, 0, 0.3);
}
.eleciot6 li {
    display: block;
    width: 16%;
    float: left;
    color: #fff;
    list-style: none;
    text-align: center;
    margin: 1px;
    font-weight: 800!important;
    border: 3px solid rgb(226 226 226);
    border-radius: 12px;
    padding: 2% 0%;
    font-size: 21px;
    background: linear-gradient( 333deg, rgb(164 211 187) 54%, rgb(222 255 232) 88% );
	text-shadow: 1px 0px 4px rgba(0, 0, 0, 0.3);
}
.water6 li {
    display: block;
    width: 39%;
    float: left;
    color: #fff;
    list-style: none;
    text-align: center;
    margin: 3% 5%;
    font-weight: 800!important;
    border: 3px solid rgb(226 226 226);
    border-radius: 12px;
    padding: 2% 0%;
    font-size: 21px;
    background: linear-gradient( 333deg, rgb(164 211 187) 54%, rgb(222 255 232) 88% );
    text-shadow: 1px 0px 4px rgb(0 0 0 / 30%);
}
.eleciot5 li {
    display: block;
    width: 19.3%;
    float: left;
    color: #83b1cf;
    list-style: none;
    text-align: center;
    margin: 1px;
    font-weight: 800!important;
    border: 3px solid rgb(131 177 207);
    border-radius: 12px;
    padding: 2% 0%;
    font-size: 21px;
}
.eleciot7 li img,.eleciot6 li img,.eleciot5 li img {
    margin: 0 auto;
    display: block;
	opacity: 50%;
}
.pdtl ul{padding: 0px; margin: 0px;}
.h7spec {
    font-size: 30px;
    width: 100%;
    text-align: center;
    display: block;
}
.picon8{width: 25%; display: block; float: left;text-align: center;font-size: 16px; font-weight: 800!important;}
.picon8 img,.pdtl3d img{
    display: block;
    margin: 0 auto;
}
.pdtl3d{width: 33.3333333%; display: block; float: left; text-align: center;}
.pdtl3d h8 {
    font-size: 28px;
    color: #0170c0;
    font-weight: 800;
}
.fimgw {
    display: block;
    margin: 25px auto;
    border-radius: 10px;
    float: none;
}
.imgshadow{box-shadow: -1px 0px 8px 0px rgb(0 0 0 / 30%);
}
.eleciot li:nth-child(odd) {
    background-color: #92a0b717;
}
.ec5t{width: 90%;margin: 0 auto; text-align: center;margin-bottom: 50px}
.abus h4{
    font-size: 30px;
    line-height: 24px;
}
.d3 h5 {
    font-size: 19px;
    line-height: 15px;
    background: #ffddaa;
    padding: 3% 0%;
    color: #656565;
}

.intp5txt {
    margin-top: 30px;
    display: block;
    float: left;
    width: 100%;
}


.pdtlBK{
    display: block;
    float: left;
    border: 5px solid rgba(230, 230, 230, 1);
    border-radius: 13px;
    box-shadow: 0px 0px 27px 0px rgb(0 0 0 / 11%);
    text-align: center;
    padding: 1% 1% 1% 1%;
    margin: 1% 0.5%;
    background-color: #ffffffd6;
}
.pdtl li{list-style: none!important;}
.pa2 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.picon8a div:nth-child(odd) {margin-top: -25px;}
.picon8a div:nth-child(even) {margin-top: 25px;}
.eleciot7 li:nth-child(odd) {margin-top: -10px;}
.eleciot7 li:nth-child(even) {margin-top: 10px;}
.eleciot7{margin-top: 20px;}
.apps {
    display: block;
    background-color: #dededeb5;
    text-align: center;
    padding: 1% 4%;
    width: 19%;
    height: 185px;
    margin-top: 100px;
	line-height: 180%;
}
.pdtl p{text-align: center;}
.apps h8{font-size: 25px;}
.apfl{float: left}
.apfr{float: right}
.appdtl{height: 600px;
	background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
	float: left;}
h1,h2,h3,h4,h5,h6,h7,h8{font-family: 'Noto Serif TC', serif!important; font-weight: 800!important;}
@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 1400px;
}
}

@media (max-width: 500px) {
	.w33,.w40,.w50,.w60,.w20,.w30,.w70{width: 100%;}
	.w25{width: 50%;}
	.pdtl3d {
    width: 100%;
}
	.body .container {
    margin-top: 65px;
}
	h2.itemTitle {
    margin-top: -30%!important;
    width: 40%;
}

	.picon8a div:nth-child(odd),.picon8a div:nth-child(even) {
    margin-top: 0px;
}
	.allowtk {
    width: 50px;
}
	.eleciot7 li {
    width: 22.6%;
}
	.fa, .fc {
    width: 100%;
    float: left;
    text-align: center!important;
}
	.pdtlspec div.w30,.pdtlspec div.w70{width: 100%}
.ddtl div.step {
    font-size: 15px;
    line-height: 100%;
}
	.picon8 {
    width: 44%;
    margin: 0% 3%;
}
		.footer {
    padding: 25px 0% 15px;
    float: left;
    width: 100%;
    margin-top: 0px;
}
.navbar .btn-navbar {
	background-color: transparent!important;
	background-image: none!important;
	border: 0px;
	margin-top: 12px;
}
.icon-bar {
    width: 22px!important;
    height: 3px!important;
    background-color: #9c9c9c!important;
}
.wuse {
	display: none
}
.muse {
	display: block
}
.langsel a {
	padding: 1% 10px;
	float: left;
	display: block;
	width: 28px;
	margin-right: 2px;
	font-size: 12px!important;
}
#footlink {
	margin-top: 0px;
	background-image: url(/images/footerbg.jpg);
	background-size: cover;
	display: block;
	float: left;
	background-position: LEFT;
	padding-top: 0px;
	background-repeat: no-repeat;
	border-radius: 10px;
}
.langsel {
	width: 100px!important;
	right: 10px!important;
}
#footlink >div {
	width: 49%;
	border-right: 0px!important;
}
#rstbox_1 {
	z-index: 999999999!important;
}

.fb {
	float: left;
	width: 100%;
	display: block;
	padding: 5% 0% 2%;
}
#asidel, #asider {
	width: 96%;
	margin: 0% 2% 0% 2%;
}
.collapse {
	display: none;
}
#___gcse_0 {
	display: none;
}
.langsel {
	position: fixed;
	z-index: 999999999;
	width: 90px;
	float: right;
	display: block;
	margin-top: 78px;
	right: 10px;
}
.body .container {
	padding: 0px;
}
.brand {
	width: 70%;
}
.muse {
	display: block
}
.mlogo {
	width: auto!important;
}
.puse {
	display: none
}
.nav {
	display: block;
	width: 100%;
	padding: 3%;
}
.slideshowck {
	height: 120px!important;
}
.nav-child li {
	width: 33.333333%;
}
		#content {
    width: 100%;
    padding: 10px;
    display: block;
    float: none;
}
.footerarea2 {
	width: 94%;
	margin: 3%;
	padding: 0px;
	text-align: center;
	background-image: url(../../../img/123.jpg) !important;
	padding-bottom: 10px;
}
body.site {
	border-top: 0px;
}
.row-fluid {
	margin-top: 0px;
}
.footer div.container {
	text-align: center;
}
#back-top {
	display: none;
}
.breadcrumb {
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 90%;
	margin-left: 5%;
}
.header-search {
	margin-top: 0px;
	text-align: center;
}
div.mod_search93 input[type="search"] {
	width: 80%;
}
#aside {
	display: block
}
.leftbanner img {
	width: 49%;
}
.tt05 li {
	font-size: 16px;
	line-height: 200%;
	text-align: center;
}
.header {
	width: 100%;
	float: left;
	z-index: 9999999;
	position: fixed;
	background-color: #e8e8e8;
}
.navbar {
	overflow: visible;
	margin-bottom: 0px;
	margin-top: 0px;
	right: 0px;
	z-index: 99999999;
	position: fixed;
	top: 5px;
}
div.itemHeader h2.itemTitle {
	font-size: 21px;
}
.addthis_sharing_toolbox {
	width: 45%;
}
.itemToolbar ul {
	display: none;
}
.nav > li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #666!important;
}
.nav-child li {
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	background-color: #fff;
}
.nav-child li.parent {
	width: 100%;
}
.nav-child li.parent>a {
	width: 100%;
	background-color: #dfdfdf;
	display: block;
	float: left;
	padding: 2%;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 800;
}
.small li a {
	width: 100%;
	background-color: #fff;
	display: block;
	float: left;
	padding: 7%;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 800;
}
.rstbox-close span {
    color: #fff;
    background-color: #8f8f8f;
}
.moduleItemDateCreated {
	font-size: 10px!important;
}
#langsw {
    width: 97%;
}
	.menu li > a {
    border-bottom: 1px!important;
	border-right: 0px!important;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: left;
}
	.menu li.current > a {
    border-bottom: 0px!important;
}
	.menu li img {
    width: 20px;
}
	.eleciot7 li:nth-child(odd),.eleciot7 li:nth-child(even) {
    margin-top: 0px;
}
	.eleciot7 li:nth-child(5),.eleciot7 li:nth-child(6),.eleciot7 li:nth-child(7){width: 31%;    font-size: 18px;}
	.ddtl {
    background-size: contain;
}
	.dddis2{
    width: 47%;
    margin-top: 40%;
    text-align: center;
}
	.dddis {
    width: 47%;
    text-align: center;
}
	.dde21 {
    height: auto;
    padding-top: 23%;
}
}