@charset "utf-8";

body, .Main {
    overflow: auto;
}

/* .Main {
    height: initial;
} */

.subNav,
.Footer {
    display: none;
}

.path {
    padding-top: 0;
}

.leftArea {
    background-color: #FFF;
    width: 65%;
    height: 100%;
    overflow: auto;
    padding: 38px 54px;
    float: left;
}

.rightArea {
    /*20170523 惟夫 修改*/
    /*background-color: #000;*/
    background-color: #d7eff1;
    /*結束*/
    width: 35%;
    height: 100%;
    overflow: auto;
}

.rightArea>ul {
    border: 3px solid #FFF;
    overflow-y: hidden;
    overflow-x: hidden;
}

.path {
    color: #FFF;
}

.path a {
    text-decoration: none;
    color: #FFF;
}

.path a:hover {
    color: rgba(255, 255, 255, 0.74);
}

.leftArea h2 {
    color: #ff6d46;
    ;
    font-weight: normal;
    display: table;
    font-size: 180%;
    float: left;
}

.leftArea h2 span {
    display: table-cell;
}

.leftArea h2 a.btn {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url(../../images/icon/L_arrowsA_orange.svg) no-repeat center/contain;
    /*background: url(../../images/icon/L_arrowsA.svg) no-repeat center/contain;*/
    margin-left: 15px;
}

.leftArea h3 {
    font-size: 180%;
    color: #ff6d46;
    font-weight: normal;
    padding: 5px 0 15px 0;
}

/*上方*/
.leftArea .top {
    width: 100%;
    /*height: 46px;*/
    height: auto;
    margin: 26px 0 20px 0;
    /*overflow: hidden;*/
}

.leftArea .top:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.leftArea .top ul.fontSize {
    width: 263px;
    float: right;
}

.top ul.fontSize>li {
    float: left;
    margin-left: 8px;
}

.top ul.fontSize>li:nth-child(2) {
    margin-right: 22px;
    position: relative;
}

.top ul.fontSize>li a,
.pageB.visit .top ul.fontSize>li a,
.pageB.learn .top ul.fontSize>li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-size: 57%;
    background-position: center;
}

.top ul.fontSize>li>a,
.pageB.visit .top ul.fontSize>li>a,
.pageB.learn .top ul.fontSize>li>a {
    background-color: #e8e8e8;
    border-radius: 50%;
}

/*20161128 惟夫 修改*/
.top ul.fontSize>li a.now,
.pageB.visit .top ul.fontSize>li a.now,
.pageB.visit .top ul.fontSize>li a.now,
.top ul.fontSize>li>a:hover,
.pageB.visit .top ul.fontSize>li a:hover,
.pageB.visit .top ul.fontSize>li a:hover {
    background-color: #f99620;
}

.top ul.fontSize li a.print,
.pageB.visit .top ul.fontSize li a.print,
.pageB.learn .top ul.fontSize li a.print {
    background-image: url(../../images/icon/print2.svg);
}

.top ul.fontSize li a.print:hover,
.pageB.visit .top ul.fontSize li a.print:hover,
.pageB.learn .top ul.fontSize li a.print:hover {
    background-image: url(../../images/icon/print4.svg);
}

.top ul.fontSize li a.share,
.pageB.visit .top ul.fontSize li a.share,
.pageB.learn .top ul.fontSize li a.share {
    background-image: url(../../images/icon/share2.svg);
    position: relative;
}

.top ul.fontSize li a.share:hover,
.pageB.visit .top ul.fontSize li a.share:hover,
.pageB.learn .top ul.fontSize li a.share:hover {
    background-image: url(../../images/icon/share4.svg);
    position: relative;
}

.top ul.fontSize li a.small,
.pageB.visit .top ul.fontSize li a.small,
.pageB.learn .top ul.fontSize li a.small {
    background-image: url(../../images/icon/fontsize2.svg);
    background-size: 35%;
}

.top ul.fontSize li a.small.now,
.top ul.fontSize li a.middle.now,
.top ul.fontSize li a.big.now,
.pageB.visit .top ul.fontSize li a.small.now,
.pageB.visit .top ul.fontSize li a.middle.now,
.pageB.visit .top ul.fontSize li a.big.now,
.pageB.learn .top ul.fontSize li a.small.now,
.pageB.learn .top ul.fontSize li a.middle.now,
.pageB.learn .top ul.fontSize li a.big.now,
.top ul.fontSize li a.small:hover,
.top ul.fontSize li a.middle:hover,
.top ul.fontSize li a.big:hover,
.pageB.visit .top ul.fontSize li a.small:hover,
.pageB.visit .top ul.fontSize li a.middle:hover,
.pageB.visit .top ul.fontSize li a.big:hover,
.pageB.learn .top ul.fontSize li a.small:hover,
.pageB.learn .top ul.fontSize li a.middle:hover,
.pageB.learn .top ul.fontSize li a.big:hover {
    background-image: url(../../images/icon/fontsize1.svg);
}

/*結束*/
.top ul.fontSize li a.middle,
.pageB.visit .top ul.fontSize li a.middle,
.pageB.learn .top ul.fontSize li a.middle {
    background-image: url(../../images/icon/fontsize2.svg);
    background-size: 45%;
}

.top ul.fontSize li a.big,
.pageB.visit .top ul.fontSize li a.big,
.pageB.learn .top ul.fontSize li a.big {
    background-image: url(../../images/icon/fontsize2.svg);
    background-size: 58%;
}

/*上稿區*/
.textWrapper {
    padding: 25px 0;
    border-top: 1px solid #ff6d46;
    margin-top: 34px;
}

.textWrapper .date,
.textWrapper .type {
    display: table;
    background-color: #ff6d46;
    /*#72AFCF*/
    height: 32px;
    margin-bottom: 15px;
}

.textWrapper .date span {
    color: #FFF;
    letter-spacing: 0.09em;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.textWrapper .type span {
    color: #FFF;
    letter-spacing: 0.09em;
    display: table-row;
    vertical-align: middle;
}

.textWrapper .type span>u {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    padding: 0px 10px;
}

.textWrapper .type span>i {
    display: table-cell;
    vertical-align: middle;
    font-style: normal;
    background-color: #FFF;
    color: #72afcf;
    padding: 0px 10px;
    border: 1px solid #72afcf;
}

.textArea,
.pageB.visit .textArea {
    font-size: 100%;
    line-height: 1.9em;
    color: #2b2b2b;
    padding-top: 10px;
    padding-bottom: 25px;
}

/*====右邊區塊====*/
.rightArea h6 {
    font-size: 190%;
    padding-bottom: 20px;
    color: #FFF;
    font-weight: normal;
}

.rightArea .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.rightArea .info {
    width: 100%;
    color: #FFF;
}

.rightArea .info h6 {
    font-weight: normal;
}

.rightArea .info>div {
    width: 100%;
    padding: 40px 40px 45px 40px;
}

.rightArea .info>div:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.15);
}

/* .rightArea .info>div span {} */

.linkOut {
    width: 100%;
    text-align: left;
    margin-bottom: 22px;
}

.linkOut a {
    display: inline-block;
    width: 200px;
    height: 50px;
    border: 1px solid #FFF;
    color: #FFF;
    line-height: 50px;
    margin: 5px 20px 5px 0px;
    font-size: 128%;
    text-align: center;
}

.linkOut a span {
    padding-left: 35px;
}

/*20191120 惟夫 修改*/

.linkOut a.place,
.linkOut a.themeWeb {
    width: auto;
    padding: 10px 15px;
    line-height: 30px;
}

.linkOut a.place span,
.linkOut a.themeWeb span {
    padding-left: 0px;
}

.linkOut a.place:hover,
.linkOut a.themeWeb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.linkOut a.place::before,
.linkOut a.themeWeb::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.linkOut a.place::before {
    background: url(../../images/icon/place.svg) no-repeat center/contain;
}

.linkOut a.themeWeb::before {
    background: url(../../images/icon/website.svg) no-repeat center/contain;
}

/* .linkOut a.place {
    padding-left: 31px;
    background: url(../../images/icon/place.svg) no-repeat 22px center/15%;
}

.linkOut a.place:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.linkOut a.themeWeb {
    background: url(../../images/icon/website.svg) no-repeat 22px center/15%;
}

.linkOut a.themeWeb:hover {
    background-color: rgba(0, 0, 0, 0.4);
} */

/* 結束 */

.rightArea .sildeArea {
    width: 100%;
    padding: 40px;
}

/* .rightArea .sildeArea .sildeShow {
    width: 100%;
	height: 350px;
	margin: 0 auto;
	background-color: #FFF;
} */

/* .rightArea .sildeArea .sildeShow {} */

/*--附件--*/
.rightArea .attach {
    width: 100%;
    padding: 40px;
}

.rightArea .attach ul {
    width: 100%;
}

.rightArea .attach ul li {
    margin: 5px 0 14px 0;
}

.rightArea .attach ul li a {
    display: table;
}

.rightArea .attach ul li a img {
    width: 56px;
    height: auto;
    border-radius: 50%;
}

.rightArea .attach ul li a span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 13px;
    font-size: 120%;
    color: #FFF;
    letter-spacing: 0.05em;
}

/*████pageA████*/
.pageA .path,
.pageB.visit .path {
    color: #717171;
}

.pageA .path a,
.pageB.visit .path a {
    text-decoration: none;
    color: #717171;
}

.pageA .path a:hover,
.pageB.visit .path a:hover {
    color: #f99620;
}

/*████pageB████*/
.pageB .rightArea {
    float: left;
}

.pageB .leftArea {
    float: right;
}

.pageB .leftArea {
    padding: 38px 43px 38px 54px;
}

.pageB .leftArea h2,
.pageB .leftArea h3,
.pageB .textArea {
    color: #FFF;
}

.pageB .leftArea h2 a.btn {
    background: url(../../images/icon/L_arrowsA.svg) no-repeat center/contain;
}

.pageB.learn .leftArea h2 a.btn {
    background: url(../../images/icon/L_arrowsA_orange.svg) no-repeat center/contain;
}

.pageB.learn .leftArea h2,
.pageB.learn .leftArea h3,
.pageB.learn ul.info,
.pageB.learn ul.info li a,
.pageB.learn .path,
.pageB.learn .path a {
    color: #db5e47;
}

.pageB.learn .textArea {
    color: #6D6D6D;
}

.pageB .textWrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.54);
}

.pageB.learn .textWrapper {
    border-top: 1px solid #ECC0B8;
    ;
}

.pageB .top ul.fontSize>li>a {
    background-color: rgba(255, 255, 255, 0);
    background-size: 100%;
    transition: initial;
}

/* 20161128 惟夫 修改*/
.pageB .top ul.fontSize>li>a.print {
    background-image: url(../../images/icon/print1.svg);
}

.pageB .top ul.fontSize>li>a.print:hover {
    background-image: url(../../images/icon/print3.svg);
    background-color: #f99620;
}

.pageB .top ul.fontSize>li>a.share {
    background-image: url(../../images/icon/share1.svg);
}

.pageB .top ul.fontSize>li>a.share:hover {
    background-image: url(../../images/icon/share3.svg);
    background-color: #f99620;
}

.pageB .top ul.fontSize>li>a.small {
    background-image: url(../../images/icon/fontsize3.svg);
}

.pageB .top ul.fontSize>li>a.small.now,
.pageB .top ul.fontSize>li>a.small:hover {
    background-image: url(../../images/icon/fontsize1.svg) !important;
    background-size: 35%;
    background-color: #f99620;
}

.pageB .top ul.fontSize>li>a.middle {
    background-image: url(../../images/icon/fontsize3.svg);
    background-size: 133%;
}

.pageB .top ul.fontSize>li>a.middle.now,
.pageB .top ul.fontSize>li>a.middle:hover {
    background-image: url(../../images/icon/fontsize1.svg) !important;
    background-size: 45%;
    background-color: #f99620;
}

.pageB .top ul.fontSize>li>a.big {
    background-image: url(../../images/icon/fontsize3.svg);
    background-size: 171%;
}

.pageB .top ul.fontSize>li>a.big.now,
.pageB .top ul.fontSize>li>a.big:hover {
    background-image: url(../../images/icon/fontsize1.svg) !important;
    background-size: 58%;
    background-color: #f99620;
}

/* 結束 */

ul.info {
    color: #FFF;
    margin: 14px 0 18px 0;
    font-size: 110%;
    letter-spacing: 0.03em;
}

ul.info li {
    margin: 5px 3px;
}

ul.info li a {
    color: #FFF;
    text-decoration: underline;
}

ul.info li a:hover {
    opacity: 0.7;
}

/*====活動====*/
.activity .leftArea h2,
.activity .leftArea h3 {
    color: #72afcf;
}

.activity .leftArea h2 a.btn {
    background: url(../../images/icon/L_arrowsA_blue.svg) no-repeat center/contain;
}

/*20161219惟夫新增*/
.activity .leftArea h2 a.btn:hover {
    background: url(../../images/icon/L_arrowsA_blue_hover.svg) no-repeat center/contain;
}

/*結束*/

.activity .rightArea {
    background-color: #61a1c3;
}

.activity .textWrapper {
    border-top: 1px solid #61a1c3;
}

.activity .textWrapper .date,
.activity .textWrapper .type {
    background-color: #61a1c3;
}

/*====展覽====*/


/*====學習====*/
.learn .leftArea {
    background-color: #FFF;
}

.learn ul.info {
    list-style-type: disc;
    padding-left: 25px;
    font-size: 93%;
}

.learn ul.info li {
    margin: 3px;
}

/*====訊息====*/
.news .leftArea h2 {
    color: #9455b8;
}

.news .leftArea h3 {
    color: #9455b8;
}

.news .leftArea h2 a.btn {
    background: url(../../images/icon/L_arrowsA_purple.svg) no-repeat center/contain;
}

.news .rightArea {
    background-color: #be9dd1;
}

.news .textWrapper {
    border-top: 1px solid #c49adb;
    margin-top: 5px;
}

.news .textWrapper .date,
.news .textWrapper .type {
    background-color: #a97ac3;
}

/*====參觀====*/
.visit .leftArea h2,
.visit .leftArea h3 {
    color: #799d41;
}

.visit .leftArea h2 a.btn {
    background: url(../../images/icon/L_arrowsA_green.svg) no-repeat center/contain;
}

/*20161219 惟夫 新增*/
.visit .leftArea h2 a.btn:hover {
    background: url(../../images/icon/L_arrowsA_green_hover.svg) no-repeat center/contain;
}

/*end*/

.visit.floor1 .rightArea {
    /*background-color: #B09158;*/
    background-color: #75bdc1;
}

.visit.floor2 .rightArea {
    /*background-color: #af7d96;*/
    background-color: #75bdc1;
}

.visit.floor3 .rightArea {
    /*background-color: #5B9177;*/
    background-color: #75bdc1;
}

.visit.floorB1 .rightArea {
    /*background-color: #796A58;*/
    background-color: #75bdc1;
}

.visit.floorSecond .rightArea {
    /*background-color: #a0ad91;*/
    background-color: #75bdc1;
}

.visit .textWrapper {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.visit .textWrapper .date,
.news .textWrapper .type {
    background-color: #a97ac3;
}

ul.floorBtns {
    overflow: hidden;
    list-style: none;
    list-style: inherit;
    padding-left: inherit;
    margin-bottom: 38px;
}

.floorBtns li {
    float: left;
    list-style: none;
    margin-right: 20px;
    margin-bottom: 8px;
}

.floorBtns li a {
    display: block;
    background: #8ABD3C;
    color: #FFF;
    padding: 5px 14px;
}

.floorBtns li a.focus,
.floorBtns li a:hover {
    background: #4A7606;
}

/*參觀清單*/
.exhiFloor {
    width: 100%;
}

.exhiFloor .title {
    display: table;
    width: 100%;
    height: 70px;
    padding: 35px 50px;
    font-size: 190%;
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

.exhiFloor .title u {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}

.exhiFloor .title u:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../../images/listPageImg/visit_title.png) no-repeat center/contain;
    vertical-align: bottom;
}

.exhiFloor ul {
    width: 100%;
}

.exhiFloor ul li {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
    /*20161128 惟夫 修改*/
    /* opacity: 0.6; */
    /*20170103 chris 修改*/
    position: relative;
}

.exhiFloor ul li a {
    opacity: 0.9;
    display: block;
}

.exhiFloor ul li a:hover {
    opacity: 1;
}

/* .exhiFloor ul li:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #000;
	z-index: -1;
}
.exhiFloor ul li:hover{
    opacity: .2;
} */

.exhiFloor ul li:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.15);
}

.exhiFloor ul li:nth-child(odd):hover {
    background-color: rgba(255, 255, 255, 0.20);
}

.exhiFloor ul li:nth-child(even):hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.exhiFloor .thumbPic {
    float: right;
    width: 45%;
    height: 180px;
    position: relative;
}

.exhiFloor .thumbPic i {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
}

.exhiFloor .thumbPic i#iTop {
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    border-width: 0 20px 15px 20px;
    border-color: transparent transparent #75bdc1 transparent;
    display: none;
}

.exhiFloor .thumbPic i#iLeft {
    top: 50%;
    left: 0;
    margin-top: -20px;
    border-width: 20px 0 20px 15px;
    border-color: transparent transparent transparent #75bdc1;
}

.exhiFloor .info {
    float: left;
    width: 55%;
    padding: 4%;
}

.exhiFloor .info h5 {
    font-weight: normal;
    margin: 9px 0;
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /*第3行要顯示點點點*/
    -o-line-clamp: 3;
    -ms-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
}

.exhiFloor .info h5 a {
    display: block;
}

.exhiFloor .info h5 {
    font-size: 112%;
    color: #FFF;
}

.exhiFloor .info a:hover h5 {
    color: #FFEB3B;
}

/*.exhiFloor .info h5 a:hover{
	opacity: 0.6;
}*/
.exhiFloor .info b {
    font-weight: normal;
    font-size: 126%;
    letter-spacing: 0.05em;
    color: #FFF;
}

.exhiFloor .info i {
    font-style: normal;
    display: block;
    margin: 2px 0 0 2px;
    opacity: .7;
    font-size: 90%;
    color: #FFF;
}

/*====參觀地圖====*/
.floorAll {
    width: 100%;
}

.floorAll .floorMap {
    width: 100%;
    height: 0px;
    background-size: cover;
    padding-bottom: 57.78%;
    position: relative;
}

.floorAll .floorMap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: no-repeat center/contain;
}

.floorAll .floorMap img {
    display: none;
    width: 100%;
}

.floor1 .floorMap:after {
    width: 38%;
    padding-bottom: 15%;
    background-image: url(../../images/listPageImg/1f_info.png);
}

.floor2 .floorMap:after {
    width: 38%;
    padding-bottom: 15%;
    background-image: url(../../images/listPageImg/2f_info.png);
    bottom: 30px;
}

.floor3 .floorMap:after {
    width: 38%;
    padding-bottom: 15%;
    background-image: url(../../images/listPageImg/3f_info.png);
    bottom: 30px;
}

.floorAll .floorIcon {
    width: 100%;
    height: 0px;
    background-size: cover;
    padding-bottom: 27%;
    background-image: url(../../images/listPageImg/floor_icon.png);
    margin-top: 18px;
}

.floorAll .floorIcon img {
    display: none;
    width: 100%;
}

.floor1 .floorAll .floorMap {
    background-image: url(../../images/listPageImg/floor_map_1f.png);
    padding-bottom: 71.45%;
}

.floor2 .floorAll .floorMap {
    background-image: url(../../images/listPageImg/floor_map_2f.png);
    padding-bottom: 65.78%;
}

.floor3 .floorAll .floorMap {
    background-image: url(../../images/listPageImg/floor_map_3f.png);
    padding-bottom: 67.78%;
}

.floorB1 .floorAll .floorMap {
    background-image: url(../../images/listPageImg/floor_map_b1.png);
}

.floorSecond .floorAll .floorMap {
    background-image: url(../../images/listPageImg/floor_map_second.png);
    padding-bottom: 43%;
}



/*通用版*/
body.pageA.general .leftArea {
    width: 100%;
    background: url(../../images/listPageImg/ice_bg.jpg);
    height: auto;
    min-height: 100vh;
}

body.pageA.news.general .leftArea {
    background: #FFF;
}

body.pageA.general .rightArea {
    display: none;
}

/*QA*/
.QMain {
    margin: 20px 0;
    width: 100%;
    clear: both;
    padding-top: 20px;
}

.QMain a.Qtitle {
    display: table;
    color: #FFF;
    text-decoration: none;
    padding: 10px 45px 10px 63px;
    overflow: hidden;
    background-color: #e9e9e9;
    border-bottom: 2px solid #FFF;
    position: relative;
    min-height: 45px;
    width: 100%;
}

a.Qtitle h2 {
    display: table-cell;
    font-size: 100%;
    color: #2b2b2b;
    vertical-align: middle;
}

.QMain a.Qtitle:before {
    content: "";
    width: 48px;
    height: 44px;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../../images/listPageImg/QA.jpg);
    background-size: 100%;
    background-position: 0 0;
}

.Answer {
    /*background: #e9e9e9;*/
    background: #f4f4f4;
    display: none;
    position: relative;
    overflow: hidden;
    padding: 10px 45px 10px 63px;
    border-bottom: 2px solid #FFF;
}

.Answer em {
    font-style: italic;
}

.Answer ol {
    list-style: decimal;
    padding-left: 20px;
}

.Answer ul {
    list-style: disc;
    padding-left: 20px;
}


.QMain .Answer:before {
    content: "";
    width: 48px;
    height: 44px;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../../images/listPageImg/QA.jpg);
    background-size: cover;
    background-position: 0 0;
    -o-transition: background-position .20s linear;
    -webkit-transition: background-position .20s linear;
    -moz-transition: background-position .20s linear;
    transition: background-position .20s linear;
    -webkit-transition-delay: .3s;
    /* Safari */
    transition-delay: .3s;
}

.QMain .less .Answer:before {
    -o-transition: background-position .20s linear;
    -webkit-transition: background-position .20s linear;
    -moz-transition: background-position .20s linear;
    transition: background-position .20s linear;
    -webkit-transition-delay: .3s;
    /* Safari */
    transition-delay: .3s;
    background-position: 0 44px;
}

.Qsearch {
    margin-left: 2px;
}

.Qsearch dl {
    width: 100%;
}

.Qsearch dd {
    padding-right: 15px;
    float: left;
}

.Qsearch dt {
    float: left;
    padding-top: 2px;
}

.Qsearch select {
    height: 30px;
    vertical-align: middle;
    width: 100px;
    border: none;
    background-color: #e9e9e9;
}

.Qsearch input {
    height: 30px;
    vertical-align: middle;
    border: none;
    background-color: #e9e9e9;
}

.Qsearch input.btn {
    border: none;
    width: 40px;
    height: 31px;
    background-image: url(../../images/icon/search.svg);
    background-size: 48%;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    vertical-align: middle;
    background-color: #4c9599;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}

/*網站導覽*/
.siteMap {
    padding-bottom: 80px;
}

.siteMap p {
    margin-bottom: 20px;
    line-height: 1.7em;
}

.chartA,
.chartB {
    height: 150px;
    overflow: hidden;
    margin-bottom: 35px;
}

.siteMap .chart {
    width: 300px;
    height: 100%;
    float: left;
}

.siteMap .chart dd {
    display: table;
    height: 100%;
    float: left;
    text-align: center;
    font-size: 198%;
    position: relative;
}

.siteMap .chart dd span {
    display: table-cell;
    vertical-align: middle;
}

.siteMap .chart dd:nth-child(1) {
    width: 20%;
    background-color: #75bdc1;
    color: #FFF;
}

.siteMap .chart dd:nth-child(2) {
    width: 45%;
    background-color: #b9e0e2;
    color: #75bdc1;
}

.siteMap .chart dd:nth-child(3) {
    width: 35%;
    background-color: #d1eced;
    color: #75bdc1;
}

.siteMap .word {
    float: left;
    margin-left: 80px;
    height: 100%;
}

.siteMap .word>* {
    float: left;
    display: table;
    text-align: center;
    padding: 0 14px;
    height: 33.3333%;
}

.siteMap .word>* span {
    display: table-cell;
    vertical-align: middle;
    font-size: 93%;
}

.siteMap .word dt {
    clear: left;
}

.siteMap .chartA .word>*:nth-child(1) {
    background-color: #75bdc1;
    color: #FFF;
}

.siteMap .chartA .word>*:nth-child(3) {
    background-color: #b9e0e2;
    color: #75bdc1;
}

.siteMap .chartA .word>*:nth-child(5) {
    background-color: #d1eced;
    color: #75bdc1;
}

.siteMap .chartB .word dd {
    clear: left;
}

.siteMap .chart dd b {
    position: absolute;
    font-size: 56%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #F99620;
    color: #FFF;
    top: 0;
    left: 0;
}

.site {
    overflow: hidden;
}

.site a {
    position: relative;
    color: #303030;
    text-decoration: none;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
    display: inline-block;
}

.site a span {
    position: absolute;
}

.site ul li a:hover {
    color: #E66846 !important;
    text-decoration: none;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}

.site .box {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    margin-right: 21px;
    margin-bottom: 39px;
}

.site .box>a {
    display: block;
    background-color: #e66846;
    color: #FFF;
    padding: 10px 20px 10px 44px;
}

.site .box>a span {
    left: 15px;
    top: 12px;
}

.site .box>ul {
    padding: 13px 15px;
    background-color: #EEE;
}

.site .box ul li {
    margin: 5px 0;
}

.site .box ul>li>a {
    padding-left: 42px;
}

.site .box ul>li>a span {
    left: 0px;
    top: 2px;
}

.site .box>ul>li>ul {
    padding-left: 15px;
    margin: 12px 0;
}

.site .box>ul>li>ul a {
    color: #777;
    padding-left: 67px;
}

/*全文檢索*/
.searchWord {
    text-align: center;
}

.searchWord>* {
    vertical-align: middle;
}

.searchWord input {
    padding: 3px 10px;
    height: 30px;
    vertical-align: middle;
    border: none;
    background-color: #e9e9e9;
}

.searchWord input.btn {
    border: none;
    width: 40px;
    height: 31px;
    background-image: url(../../images/icon/search.svg);
    background-size: 48%;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    vertical-align: middle;
    background-color: #4c9599;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}

@media screen and (max-width: 480px) {
    .searchWord {
        text-align: left;
    }

    .searchWord>span {
        display: block;
        margin-bottom: 10px;
    }

    .searchWord input[type="text"] {
        width: calc(100% - 55px);
    }
}

.keyWord {
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid #ECECEC;
}

.keyWord>span {
    display: block;
    margin-bottom: 10px;
}

.keyWord>* {
    vertical-align: middle;
}

.keyWord ul {
    display: inline-block;
    overflow: hidden;
    text-align: center;
}

.keyWord ul li {
    /* float: left; */
    display: inline-block;
    vertical-align: top;
    margin: 2px 5px;
}

.keyWord ul li a {
    display: block;
    color: #FFF;
    line-height: 24px;
    padding: 5px 15px;
    background-color: #ff6d46;
}

@media screen and (max-width: 480px) {
    .keyWord {
        text-align: left;
    }

    .keyWord ul {
        text-align: left;
    }
}


/*===========LightBox===========*/
/*沒lightbox時*/

.pageB .rightArea .picShow {
    display: block;
    width: 100%;
    height: 100%;
}

.pageB.learn a.picShow {
    background-position: top left !important;
}

.pageB .rightArea .mCustomScrollBox {
    width: 100%;
}

/* .pageB.learn .rightArea .mCustomScrollBox {
    height: 100%;
} */

.pageB.learn .rightArea .mCSB_container {
    height: 100%;
}

.pageB .rightArea .mCSB_container {
    width: 100%;
    /*height: 100%;*/
}

.pageB .rightArea .image-row {
    width: 100%;
    height: 100%;
}

.pageB.learn .rightArea .image-row {
    /*20170523 惟夫 修改*/
    background-size: contain !important;
    /*結束*/
    background-position: top left !important;
}

/*有的時候*/

.pageB.exhibition .rightArea .mCustomScrollBox,
.pageB.visit .rightArea .mCustomScrollBox {
    width: initial;
}

.pageB.exhibition .mCSB_container,
.pageB.visit .mCSB_container {
    width: initial;
    height: initial;
}

.pageB.exhibition .image-row,
.pageB.visit .image-row {
    width: initial;
    height: initial;
}

.pageB.exhibition .picShow,
.pageB.visit .picShow {
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    line-height: 0;
    opacity: 1;
    -o-transition: opacity .20s linear;
    -webkit-transition: opacity .20s linear;
    -moz-transition: opacity .20s linear;
    transition: opacity .20s linear;
}

.pageB.exhibition .picShow:hover>img,
.pageB.visit .picShow:hover>img {
    opacity: 0.8;
    -o-transition: opacity .20s linear;
    -webkit-transition: opacity .20s linear;
    -moz-transition: opacity .20s linear;
    transition: opacity .20s linear;
}

.pageB.exhibition .picShow>img,
.pageB.visit .picShow>img {
    width: 100%;
    height: auto;
}

/*連到外面*/
.linkOutAll {
    width: 100%;
    min-height: 100%;
    background: #000 url(../../images/listPageImg/link_out.png) no-repeat bottom right/27%;
}

.linkIframe {
    width: 680px;
    height: auto;
    color: #FFF;
    margin: 0 auto;
    padding: 90px 0;
}

.linkIframe h2 {
    font-size: 200%;
    text-align: center;
    letter-spacing: 0.08em;
    margin-bottom: 30px;
}

.linkIframe h2 span {
    display: inline-block;
    background-color: #ae0a0a;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 80px;
    border-radius: 50%;
    font-size: 200%;
    margin-right: 20px;
}

.linkIframe .info p {
    line-height: 1.8em;
    margin: 25px 0;
}

.linkIframe .btn {
    text-align: center;
    margin-top: 60px;
}

.linkIframe .btn a {
    display: inline-block;
    color: #FFF;
    background-color: #62a8ad;
    padding: 11px 50px;
    margin: 10px 20px;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}

.linkIframe .btn a:hover {
    background-color: #298389;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}

/*連絡我們*/
.contactAll {
    width: 100%;
    min-height: 100%;
}

.contactAll .contact {
    width: 950px;
    height: auto;
    color: #4D4C4C;
    padding: 65px 0;
    margin: 0 auto;
    /*20170524 惟夫 修改*/
    overflow: hidden;
    /*結束*/
}

.contact h2 {
    font-size: 200%;
    text-align: left;
    letter-spacing: 0.08em;
    margin-bottom: 30px;
}

.contact h2:before {
    content: "";
    width: 80px;
    height: 80px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/listPageImg/contact_title.png) no-repeat center bottom/contain;
}

/*20170524 惟夫 新增*/
.contact>span {
    float: right;
}

/*結束*/
.contact dl {
    overflow: hidden;
    /*20170524 惟夫 新增*/
    width: 100%;
    /*結束*/
}

.contact dl>* {
    float: left;
    display: table;
    height: 35px;
}

.contact dt {
    clear: left;
    min-width: 232px;
    text-align: right;
}

.contact dt span b {
    color: #C71818;
}

.contact dd {
    width: 508px;
    margin-bottom: 15px;
}

.contact dl>*>* {
    display: table-cell;
    vertical-align: middle;
}

.contact dl>*>i {
    width: 137px;
    font-style: normal;
    padding-left: 6px;
    color: #FF7373;
    text-align: right;
}

.contact dl>*:nth-child(4) {
    padding-top: 5px;
}

.contact dl>*:nth-child(11) {
    margin-left: 230px;
}

.contact dd input[type="text"] {
    height: 100%;
    width: 100%;
    background-color: #EDEDED;
    border: 1px solid #aad4d6;
}

/* .contact dd input.middle {
    width: 80%;
} */

.contact dd input.short {
    width: 18%;
    margin: 0px 7px;
    height: 35px;
}

.contact dd textarea {
    height: 130px;
    width: 100%;
    background-color: #EDEDED;
    border: 1px solid #aad4d6;
}

.contact dd input[type="radio"] {
    margin: 0 10px;
}

.contact dd img {
    display: inline-block;
    /*20170524 惟夫 修改*/
    /*height: 100% !important;*/
    /*結束*/
}

.contact .btn {
    clear: both;
}

.contact .btn {
    text-align: center;
    margin-top: 24px;
}

.contact input[type="submit"],
.contact input[type="button"] {
    display: inline-block;
    color: #FFF;
    background-color: #62a8ad;
    padding: 11px 50px;
    margin: 10px 20px;
    width: 170px;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}

.contact input[type="submit"]:hover,
.contact input[type="button"]:hover {
    background-color: #298389;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}

span.linkFont {
    display: inline-block;
}

.contact span.linkFont>a {
    display: inline-block;
    background-color: #75BDC1;
    color: #FFF;
    padding: 8px;
}

.contact span.linkFont>a:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../images/icon/changes.svg);
    background-size: contain;
    vertical-align: sub;
    margin-right: 5px;
}

/* 加入行事曆按鈕 */

.linkCalender {
    display: inline-block;
}

.linkCalender > a {
    width: auto;
    padding: 10px 15px;
    line-height: 30px;
}

@media screen and (max-width: 370px) {
    .linkCalender > a {
        font-size: 100%;
    }
}

.linkCalender > a:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.linkCalender > a::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    background: url('../../images/icon/googleevent.svg') no-repeat center/contain;
    margin-right: 10px;
}

.QuestionInfo {
    width: 75%;
    padding: 22px 35px;
    background: #eaf3f2;
    margin: 0 auto 34px auto;
    line-height: 1.8;
    border-radius: 12px;
}

.QuestionInfo b {
    font-size: 120%;
    font-weight: bold;
    display: block;
}

.QuestionInfo ul {
    list-style: none;
    list-style-type: disc;
    padding-left: 25px;
}

@media screen and (max-width: 1366px) {
    .exhiFloor ul li {
        height: auto;
    }

    .exhiFloor .thumbPic {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 70%;
        float: none;
    }

    .exhiFloor .info {
        width: 100%;
        height: 158px;
        float: none;
        padding: 7%;
    }

    .exhiFloor .thumbPic i#iTop {
        display: block;
    }

    .exhiFloor .thumbPic i#iLeft {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .leftArea h2 span {
        display: table-cell;
        vertical-align: middle;
        max-width: 300px;
    }
}

.applyBtn {
    background: #ff8a00;
    color: #FFF;
    width: 5px;
    min-width: 107px;
    display: block;
    padding: 4px 15px 5px 15px;
    border-radius: 15px;
    margin-top: 10px;
}

a.applyBtn:hover {
    background: #D20909;
    color: #FFF;
}

/*===========RWD=============*/
@media screen and (max-width: 768px) {
    body {
        font-size: 100%;
    }

    .Main {
        margin-top: 45px;
        height: auto;
    }

    .leftArea {
        background-color: #FFF;
        width: 100%;
        height: auto;
        padding: 15px 22px;
        float: none;
    }

    .rightArea {
        width: 100%;
        height: auto;
    }

    .leftArea .top {
        margin: 10px 0 0 0;
    }

    .leftArea .top ul.fontSize {
        width: auto;
    }

    .leftArea .top ul.fontSize>* {
        display: none;
    }

    .leftArea .top ul.fontSize>*:nth-child(2) {
        display: block;
        margin: 0;
    }

    .leftArea h3,
    .leftArea h2 {
        font-size: 150%;
    }

    .pageB .leftArea {
        padding: 447px 23px 38px 23px;
    }

    .learn.pageB .leftArea {
        padding: 23px 23px 150vw 23px;
    }

    .pageB.learn .rightArea .image-row {
        background-size: contain !important;
        background-position: center !important;
        background-color: #FFF;
    }

    .pageB.learn .fotorama__stage {
        height: 0 !important;
        padding-bottom: 138%;
    }

    .pageB .rightArea {
        position: absolute;
        top: 68px;
    }

    .learn.pageB .rightArea {
        top: auto;
        bottom: 68px;
    }

    .pageB .fotorama__nav-wrap {
        top: 319px;
    }

    .pageB .fotorama__nav__shaft {
        text-align: center;
    }

    .mCustomScrollBox,
    .mCSB_container {
        overflow: initial !important;
    }

    .pageB .top {
        position: absolute;
        top: -440px;
    }

    .learn.pageB .top {
        position: relative;
        top: 0;
        margin-bottom: 15px;
    }

    .exhiFloor .title u:before {
        width: 38px;
        height: 31px;
    }

    .exhiFloor .title {
        height: 63px;
        padding: 19px 17px;
        font-size: 155%;
    }

    /*問答搜尋*/
    .Qsearch dl>*:nth-child(3) {
        clear: left;
        padding-top: 8px;
    }

    .Qsearch input {
        margin-top: 6px;
        width: 130px;
    }

    /*網站導覽*/
    .chartA,
    .chartB {
        height: auto;
    }

    .siteMap .chart {
        width: 100%;
        height: 150px;
        float: none;
    }

    .siteMap .word {
        float: none;
        margin-left: 0;
        height: 150px;
        margin-top: 20px;
    }

    .siteMap .chartB .word>* {
        text-align: left;
        padding: 0;
    }

    .siteMap .chartB .word dd {
        margin-bottom: 15px;
    }

    /*離開*/
    .linkIframe h2 span {
        display: block;
        margin: -50px auto 20px auto;
    }

    .linkIframe {
        width: 80%;
    }

    .linkOutAll {
        min-height: auto;
        background: #000;
    }

    .linkIframe .btn {
        margin-top: 10px;
    }

    /*聯絡我們*/
    .contactAll .contact {
        width: 100%;
        padding: 50px 0 90px 0;
    }

    .contact h2 {
        text-align: center;
    }

    .contact dl>* {
        float: none;
        text-align: left;
    }

    .contact dd {
        width: 100%;
    }

    .contact dl>*:nth-child(11) {
        margin-left: 0px;
    }

    .contact dl>*:nth-child(17) i {
        display: block;
    }

    .contact dd img {
        height: auto !important;
    }

    .contact dl>*:nth-child(17) input {
        height: 35px;
    }

    .contact span.linkFont {
        margin-top: 5px;
    }

    .contact dd input.short {
        width: 45%;
    }

    .floor1 .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_1f_s.png);
        padding-bottom: 69.45%;
    }

    .floor2 .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_2f_s.png);
    }

    .floor3 .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_3f_s.png);
    }

    .floorB1 .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_b1_s.png);
    }

    .floorSecond .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_second_s.png);
    }

    .floorAll .floorIcon {
        display: none;
    }

    .QuestionInfo {
        width: 100%;
    }
}

@media screen and (min-width: 420px) and (max-width: 768px) {
    .exhiFloor ul li {
        width: 50%;
        float: left;
        border-bottom: 1px solid #FFF;
        overflow: hidden;
    }

    .floor1 .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_1f.png);
    }

    .floor2 .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_2f.png);
    }

    .floor3 .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_3f.png);
    }

    .floorB1 .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_b1.png);
    }

    .floorSecond .floorAll .floorMap {
        background-image: url(../../images/listPageImg/floor_map_second.png);
    }

    .floorAll .floorIcon {
        display: block;
    }

    .site .box {
        width: 219px;
        margin-right: 17px;
    }
}

@media screen and (max-width: 480px) {
    .pageB .leftArea {
        padding: 288px 23px 38px 23px;
    }

    .pageB .top {
        position: absolute;
        top: -278px;
    }

    .pageB .fotorama__nav-wrap {
        top: 175px;
    }

    .floorAll .floorMap:after {
        display: none !important;
    }

    .leftArea h3,
    .leftArea h2 {
        /*max-width: 270px;*/
        line-height: 1.2;
    }

}


/*展覽異動*/
.contentWord4 {
    background: rgba(255, 255, 255, 0.13);
    padding: 24px;
    margin-top: 40px;
}

h2.h2Title {
    display: block;
    float: none;
}

h2.h2Title:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 9px;
    height: 24px;
    background: #FFF;
}

ul.activeTitle {
    padding-left: 21px;
    font-size: 120%;
    margin-top: 15px;
}

.changeWord {
    padding-left: 21px;
    margin-top: 15px;
}

/*20170525 惟夫 新增*/

@media screen and (max-width: 768px) {
    /* img.fotorama__img {
        top: 0 !important;
    } */

    .pageB .leftArea {
        padding-top: calc(70vw + 80px);
    }

    .pageB .top {
        top: calc(-70vw - 75px);
    }

    .pageB .fotorama__nav-wrap {
        top: 60vw;
    }
}

/*結束*/

/* 意見信箱流程 */
.mail-process {
    width: 75%;
    line-height: 1.8em;
    padding: 12px 35px;
    margin: 0px auto 35px;
    background-color: #eaf3f2;
    border-radius: 12px;
}

.mail-process b {
    font-size: 120%;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.mail-process-list {
    list-style: none;
    list-style-type: decimal;
    padding-left: 25px;
}

@media screen and (max-width: 768px) {
    .mail-process {
        width: 100%;
    }
}


.gsc-results .gsc-cursor-box .gsc-cursor-page {
    padding: 10px !important;
    font-family: Arial,Helvetica,"Microsoft JhengHei",Sans-Serif;
    color: #000000;
}