<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {height: 100%;}
body {
    font-size: 17px;
    color: #2f2f2e;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #000;
    opacity: 0;
    -webkit-animation: fadein 1s .5s forwards;
       -moz-animation: fadein 1s .5s forwards;
        -ms-animation: fadein 1s .5s forwards;
         -o-animation: fadein 1s .5s forwards;
            animation: fadein 1s .5s forwards;
}

::selection {
    text-shadow: none;
}

i {font-style: italic;}
.wrapper {width: 100%; height: 100%;}
.wrapper &gt; .header {width: 100%; height: 100%; position: relative; }
.wrapper &gt; .header .upperNav {float: right; min-width: 615px; min-height: 40px; min-width: 365px; position: relative; z-index: 2;/*隱藏其他連結*//* min-width: 165px;隱藏其他連結跟語言*/}
.wrapper &gt; .header .upperNav .wrap {padding: 8% 0;}
.wrapper &gt; .header .upperNav .wrap .col {float: left; margin: 0 7px; padding: 14px 0;}
.wrapper &gt; .header .upperNav a {color: #7d0000; font-size: 90%; line-height: 40px;}
.wrapper &gt; .header .upperNav .col.language { border: 3px solid #fff; padding: 0;/* display: none;語言隱藏*/background: rgba(0,0,0,.1);}
.wrapper &gt; .header .upperNav .language li {float: left; vertical-align: top;}
.wrapper &gt; .header .upperNav .language a {color: #fff; line-height: 100%; padding: 20px 15px; display: block; font-weight: 700;}
.wrapper &gt; .header .upperNav .language a:hover, .wrapper &gt; .header .upperNav .language li.current a {background: #fff; color:#485A44;}
.wrapper &gt; .header .upperNav .acc {color: #41442F;}
.wrapper &gt; .header .upperNav a.sitemap {display: inline-block; width: 28px; height: 28px; text-indent: -9999px; background: url(../images/icon-sitemap.svg) no-repeat center / 100% ;}
.wrapper &gt; .header .upperNav .socialMedia a.btn {border-radius: 0px; display: inline-block; width: 32px; height: 32px; text-indent: -9999px; background: transparent url(../images/icon-socialmedia.svg) no-repeat center / 100% ;}
.wrapper &gt; .header .logo {position: absolute; width: 17%; top: 4%; left: 2%; z-index: 2;}
.wrapper &gt; .header .logo h3 {width: 100%;}
.wrapper &gt; .header .logo h3 a {
	width: inherit; 
	background: url(../images/logo_w.png) no-repeat 0 0; 
	background-size: 100%;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 22%;
}
.wrapper &gt; .header .mainGraphic {
	width: 100%;
	height: 98%;
	position: absolute;
	background: url(../images/mainGraphicBG.jpg) no-repeat center; 
	background-size: cover;
	padding: 10% 0 60px 3%;
	/*z-index: -1;*/
    overflow: hidden;
}
.wrapper &gt; .header .mainGraphic .title_1 {width: 40%; position: absolute; z-index: 2; left: 10%; top: 20%;}
.wrapper &gt; .header .mainGraphic .title_2 {width: 50%; position: absolute; right: 2%; bottom: 10%;}
.wrapper &gt; .header .mainGraphic .sec {}
.wrapper &gt; .header .mainGraphic .sec img {width: 100%;}
.wrapper &gt; .header .mainGraphic .Video {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    width: 100%;
    height: 0;

    font-size: 500%;
    color: #422e84;
    z-index: 1;
}

@media all and (-ms-high-contrast:none)
{
    .wrapper &gt; .header .mainGraphic .Video { padding-top: 0px; } /* IE10 */
    *::-ms-backdrop, .wrapper &gt; .header .mainGraphic .Video { padding-top: 0px; } /* IE11 */
}

.wrapper &gt; .header .mainGraphic .Video iframe {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 100%;
}
.wrapper &gt; .header .mainGraphic .Video:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 30%;
    width: 100%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.socialMedia .sf-menu ul {left: -8px; top: 128%;}
.socialMedia li a {
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    background-color: #ff6030;
    border: none;
    border-radius: 50%;
}
.socialMedia li a:hover {
    background-color: #ec5122;
}
.socialMedia .sf-menu ul li { border-radius: 50%; margin-bottom: 5px;}
.socialMedia li.nav1 {background: #4cb234;}
.socialMedia li.nav2 {background: #3b5998;}
.socialMedia li.nav3 {background: #cf682f;}
.socialMedia li.nav4 {background: #00aced;}
.socialMedia li.nav1 a {background: url(../images/line.svg) no-repeat center; background-size: 50%;}
.socialMedia li.nav2 a {background: url(../images/fb.svg) no-repeat center; background-size: 50%;}
.socialMedia li.nav3 a {background: url(../images/plurk.svg) no-repeat center; background-size: 50%;}
.socialMedia li.nav4 a {background: url(../images/twitter.svg) no-repeat center; background-size: 50%;}

.displayBlock {display: block !important;}

/*主選單*/
.mainNav {
    display: block;
    background: #ea7426;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 85px;
    z-index: 3;
}
.menu { display: block;	text-align: center;
    -webkit-box-shadow: inset 0px 0px 20px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 20px -3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 20px -3px rgba(0,0,0,0.3);
}
.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
    vertical-align: top;
    margin-left: -5px;
    width: 33.3333%;
    border-left: 1px solid rgba(0,0,0,.1);
}
.menu li:first-child {margin-left: 0;}
.menu li a {
	font-weight: 600;
	text-decoration: none;
	padding: 0 15px;
	display: block;
	color: #fff;
	transition: all 0.2s ease-in-out 0s;
	font-size: 200%;
	height: 85px;
	line-height: 85px;
	background-repeat: no-repeat ;
    background-position: -87px 15px;
    letter-spacing: .5px;
    background-size: 30%;
    text-shadow: 0px 0px 7px rgba(0,0,0,.5);
    position: relative;

    transition: all 0s ease;
    -o-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -webkit-transition: all 0s ease;
}
.menu li.nav1 a {background-position: -87px 5px;}
.menu li.nav2 a {background-position: -87px 10px;}
/*.menu li:nth-child(1) a {}
.menu li:nth-child(2) a {background-image: url(../images/mainNavDeco_2.png);}
.menu li:nth-child(3) a {background-image: url(../images/mainNavDeco_3.png);}
.menu li:nth-child(4) a {background-image: url(../images/mainNavDeco_4.png);}
.menu li:nth-child(5) a {background-image: url(../images/mainNavDeco_5.png);}
.menu li:nth-child(6) a {background-image: url(../images/mainNavDeco_6.png);}
.menu li:nth-child(7) a {background-image: url(../images/mainNavDeco_7.png);}
.menu li:nth-child(8) a {background-image: url(../images/mainNavDeco_8.png);}
.menu li:nth-child(9) a {background-image: url(../images/mainNavDeco_9.png);}
.menu li:nth-child(10) a {background-image: url(../images/mainNavDeco_10.png);}*/
.menu li a:hover,
.menu li:hover&gt;a,
.menu li a.current {
    color: #fff;
    background-color: #cd3518;
    background-position: 5px 10px; 
   /* background-image: url(../images/mainNavDeco_1.png);*/
    -webkit-box-shadow: inset 0px 0px 20px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 20px -3px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 20px -3px rgba(0,0,0,0.3);
}
.menu li a:hover:before,
.menu li:hover&gt;a:before,
.menu li a.current:before {
    /*width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #d48baf transparent transparent transparent;*/

    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -10px;
    content: "";
    display: block;

    width: 30px;
    height: 20px;
    background: url(../images/mainNavCurrent.png) no-repeat center;
    background-size: 100%;
}
/*.menu li.nav1 a:hover,
.menu li.nav1:hover&gt;a,
.menu li.nav1 a.current { background-image: url(../images/icon_h1_1.png); background-size: 80px; background-position: 5px 5px;}
.menu li.nav2 a:hover,
.menu li.nav2:hover&gt;a,
.menu li.nav2 a.current { background-image: url(../images/icon_h1_2.png); background-position: -15px 10px;}
.menu li.nav3 a:hover,
.menu li.nav3:hover&gt;a,
.menu li.nav3 a.current { background-image: url(../images/icon_h1_3.png);}*/

.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 170px;
    position: absolute;
    left: 0px;
    background: #fff;
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
}
.menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}
.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}
.menu ul li a {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #797979;
    background: #fff;
}
.menu ul li a:hover,
.menu ul li:hover&gt;a { background: #FC6D58; color: #fff;}
.menu li:hover&gt;ul { visibility: visible; opacity: 1; transform: translate(0, 0);}
.menu ul ul {
    left: 169px;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px, 20px);
    transition: all 0.2s ease-out;
}
.menu ul ul:after {
    left: -6px;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px;
}
.menu li&gt;ul ul:hover {visibility: visible; opacity: 1; transform: translate(0, 0);}
.responsive-menu {
    display: none;
    width: 100%;
    padding: 20px 15px;
    background: #ea7426;
    color: #e9e5da;
    text-transform: uppercase;
    font-weight: 600;
}
.responsive-menu:hover { /*background: none;*/ color: #ea7426; text-decoration: none;}
a.homer { background: #FC6D58;}
.menu li.device {display: none;}
/*
@media (min-width: 768px) and (max-width: 979px) {
    .mainWrap { width: 768px; }
    .menu ul {top: 37px;}
    .menu li a { font-size: 110%;}
    a.homer { background: #E95546;}
}
@media (max-width: 767px) {
    .mainWrap { width: auto; padding: 50px 20px;}
    .menu { display: none;}
    .responsive-menu { display: block;}
    .mainNav {margin: 0; background: none;}
    .menu li {display: block; margin: 0;}
    .menu li a {background: #fff;color: #797979;}
    .menu li a:hover,
    .menu li:hover&gt;a { background: #FC6D58; color: #fff; }
    .menu ul {
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: initial;
    }
    .menu li:hover&gt;ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: initial;
    }
    .menu ul ul {left: 0; transform: initial;}
    .menu li&gt;ul ul:hover { transform: initial;}
}*/
/*主選單 end*/

.arrowDown {position: absolute; bottom: 100px; left: 50%; margin-left: -28px; width: 56px; height: 56px;}
.arrowDown a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }
.arrowDown a:before {content: ""; display: block; width: 100%; height: 100%; background: url(../images/icon-arrowDown_3.png) center no-repeat; position: absolute;  background: #7d0000 url(../images/icon-arrowDown_3.png) center no-repeat;
  border-radius: 50%;}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
.bounce:before {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

.main {background: #fff9f7; padding: 0; overflow: hidden; position: relative;}


.main .section { width: 100%; position: relative; z-index: 2; padding: 80px 0 60px;}
.main .section .hd {position: relative; margin-bottom: 110px;}
.main .section .hd &gt; .wrap { padding: 0px 15% 0 15%;}
.main .section .hd h1 {color: #ea7426; font-weight: 700; font-size: 310%; text-align: center; padding: 0; position: relative;}
.main .section .hd h1:before {
    display: block;
    content: "";
    position: absolute;
    width: 500px; 
    height: 1px;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -0.5px;
    background: #ea7426;
    z-index: -1;
}
/*.main .section .hd h1:after {
    display: block;
    content: "";
    position: absolute;
    width: 27px; 
    height: 68px;
    left: 50%;
    top: -26px;
    margin-left: -40px;
    padding: 0 40px;
    background-repeat: no-repeat;
    background-color: #f3ecdb;
    background-position: center;
    background-size: 80%;
}*/
.main .section .hd h1 span {display: inline-block; padding: 5px 20px; background:#F8E9C4;}
.main .section_2 .hd h1 span {background: #fff9f7;}
.main .section_1 .hd h1 {color: #cd3518; /*text-shadow: 0px 0px 7px rgba(0,0,0,.3)*/;}
.main .section_1 .hd h1:before {background-color: #cd3518;}
.main .section_1 .hd h1:after {background-image: url(../images/icon_h1_1.png);}
/*.main .section_2 .hd h1 {color: #fff;}
.main .section_2 .hd h1:before {background: #fff;}
.main .section_2 .hd h1:after {background-image: url(../images/icon_h1_2.png); background-color: #2F2F2E; top: -23px;}*/
.main .section_3 .hd h1:after {background-image: url(../images/icon_h1_3.png);}
.fontSize { position: absolute; right: 5%; top: 50%; width: 50px; margin-top: -50px; z-index: 3;}
.fontSize li {display: inline-block;}
.fontSize li a {display: block; border-radius: 50%; width: 45px; height: 45px; background: #cd3518 center no-repeat; background-size: 60%; text-indent: -9999px; overflow: hidden;}
.fontSize li.sizeS a {background-image: url(../images/fontSizeDec.png); }
.fontSize li.sizeL a {background-image: url(../images/fontSizeInc.png); }
.main .section .deco {background-size: 100% !important; /*position: absolute;*/ transition: all 1.5s ease-out;}
.main .section .deco1  {
    /*left: 0; 
    bottom: -50px;*/
    width: 50%;
    height: 0;
    padding-top: 40%;
    margin: 0 auto;
    background: url(../images/deco_1.png) no-repeat 0 0;
}
.main .section p {margin-bottom: 5%; font-size: 120%; line-height: 180%;}
.main .section.section_2 {/*background: #2f2f2e; color: #fff;*/}
.main .content {line-height: 180%; position: relative;}
.main .section.section_2 .content {padding: 0 15%;}
.main .section.section_1, .main .section.section_3 {padding-bottom: 200px;
    background: #fad9c5; /* Old browsers */
    background: -moz-linear-gradient(top,  #fad9c5 0%, #aea5bf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fad9c5 0%,#aea5bf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #faecc8 0%,#dfcb99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad9c5', endColorstr='#aea5bf',GradientType=0 ); /* IE6-9 */
}
.main .section.section_1:before {
    position: absolute;
    content: "";
    height: 576px;
    width: 1310px;
    background: url(../images/deco_1.png) no-repeat right /100%;
    bottom: 0;
    right: 0;
}
.main .section.section_1 .intro {margin: 0 auto; width: 80%;padding-bottom: 20%;}
.main .section.section_2 .videoCarousell {position: relative;}
/*.main .section.section_2 .videoCarousell:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 100%;
    background: #2f2f2e;
    z-index: 2;
    top: 0;
}*/

.main .section_3 { padding: 80px 0;}


.highLight {color: #484268;}

.content .brief {font-size: 110%;}
.content .brief &gt; .wrap {padding: 0 15% 60px 15%;}
/*.selectionList .sec {position: relative; padding: 0 10px;}
.selectionList .sec &gt; .wrap {padding: 0;}
.selectionList .sec:nth-child(even) {background: #eee1e7}
.selectionList .sec &gt; .wrap .col-l, .selectionList .sec &gt; .wrap .col-r {float: none;}
.selectionList .sec h2 {font-size: 200%; color: #484268; font-weight: 700; margin-bottom: 40px; line-height: 140%;}
.selectionList .sec h2 i {font-size: 55%;}
.selectionList .sec h2 em {
    font-size: 55%;
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 5px;
}
.selectionList .sec ol { margin-bottom: 40px;}
.selectionList .sec ol li {padding: 0 0 0 25px; background: url(../images/listIcon_1.jpg) no-repeat 5px 10px; color: #6a3906; font-size: 120%; font-weight: 700;}
.selectionList .sec &gt; .wrap .content {position: relative; padding: 0 50% 0 0; min-height: 300px;}
.selectionList .sec &gt; .wrap .content .Img {position: absolute; right: 0px; top: 0px; width: 45%;}
.selectionList .sec &gt; .wrap .content .Img a, .selectionList .sec .row .Img a {display: block; position: relative; width: 100%;}
.selectionList .sec &gt; .wrap .content .Img a img, .selectionList .sec .row .Img a img {padding: 5px; background: #bcb2a2; width: 100%;}
.selectionList .sec &gt; .wrap .content .Img a:before, .selectionList .sec .row .Img a:before {
    display: block;
    position: absolute;
    content: '';
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    background: #484268 url(../images/icon_search_2.png) no-repeat center;
    background-size: 50%;
    width: 35px;
    height: 35px;
    opacity: .7;
    transition: all 1.5s ease-out;
}
.selectionList .sec &gt; .wrap .content .Img a:hover:before, .selectionList .sec .row .Img a:hover:before {opacity: 1;}
.selectionList .sec .row .Img {width: 30%;}
.selectionList .sec:nth-child(even) &gt; .wrap .content {padding: 0 0 0 50%;}
.selectionList .sec:nth-child(even) &gt; .wrap .content .Img { right: auto; left: 0px;}
.selectionList .sec_2 {background: url(../images/deco_2.png) no-repeat right bottom; background-size: 200px;}
.selectionList .sec_2:before {
    display: block;
    position: absolute;
    content: '';
    right: 5%;
    top: 40px;
    background: url(../images/deco_5.png) no-repeat;
    width: 73px;
    height: 67px;
}
.selectionList .sec_4 {background: url(../images/deco_6.png) no-repeat left bottom; }

.selectionList .sec.clearAll &gt; .wrap .content {position: relative; padding: 0; min-height: 300px;}
.selectionList .sec.clearAll &gt; .wrap .content .Img {position: static; right: 0px; top: 0px; width: 100%; text-align: center;}
.selectionList .sec.clearAll &gt; .wrap .content .Img a {width: 25%; display: inline-block; margin: 10px;}

.selectionList .sec .row {padding: 0 0 30px; margin: 0 0 30px; border-bottom: 1px solid #C3B7A7; }*/


.selection .selectionInfo {padding: 0 15%;}
.selection .selectionInfo h3 {color: #367a62; font-size: 120%; margin-bottom: 15px;}
.selection .selectionInfo h2 {color: #367a62; font-size: 170%; margin-bottom: 15px;}
.selection .selectionInfo strong { font-size: 120%; margin-bottom: 15px; font-weight: 100; display: block;}

.sponsors {width: 100%; margin:  0 auto; position: relative;}
.sponsors img {width: inherit;}

h3.topic {font-weight: 700; color: #6a3906; font-size: 120%;}

.siteMap ul { padding: 0 15% 60px 15%;}
.siteMap ul li {display: inline-block; width: 33.33333%; margin-left: -1%; vertical-align: top; text-align: left;}
.siteMap ul li a {display: block; color: #fff; font-weight: 700; background: #CD3518; padding: 5px 20px 5px 35px; margin: 5px; position: relative;}
.siteMap ul li a:hover {background-color: #cc7da4;}
.siteMap ul li a:before {position: absolute; left: 15px; top: 5px;}
.siteMap ul li:nth-child(1) a:before {content: "1.";}
.siteMap ul li:nth-child(2) a:before {content: "2.";}
.siteMap ul li:nth-child(3) a:before {content: "3.";}
.siteMap ul li:nth-child(4) a:before {content: "4.";}
.siteMap ul li:nth-child(5) a:before {content: "5.";}
.siteMap ul li:nth-child(6) a:before {content: "6.";}
.siteMap ul li:nth-child(7) a:before {content: "7.";}
.siteMap ul li:nth-child(8) a:before {content: "8.";}
.siteMap ul li:nth-child(9) a:before {content: "9.";}
.siteMap ul li:nth-child(10) a:before {content: "10.";}

.tableStyle {display: table; width: 100%; margin-bottom: 30px;}
.tableStyle dl {display: table-row;}
.tableStyle dl dt, .tableStyle dl dd {display: table-cell; padding: 10px;}
.tableStyle.table_1 {width: 90%; margin: 0 auto;}
.tableStyle.table_1 dt, .tableStyle.table_1 dd { text-align: center;}
.tableStyle.table_1 .tableTh dt {background: #cd3518; color: #fff; font-weight: 700;}
.tableStyle.table_1 dl dt:nth-child(1), .tableStyle.table_1 dl dd:nth-child(1) {width: 10%;}
.tableStyle.table_1 dl dt:nth-child(2), .tableStyle.table_1 dl dd:nth-child(2) {width: 20%;}
.tableStyle.table_1 dl dt:nth-child(3), .tableStyle.table_1 dl dd:nth-child(3) {width: 40%; text-align: left;}
.tableStyle.table_1 dl dt:nth-child(4), .tableStyle.table_1 dl dd:nth-child(4) {width: 10%;}
.tableStyle.table_1 dl dt:nth-child(5), .tableStyle.table_1 dl dd:nth-child(5) {width: 20%; text-align: left;}

.tableStyle.table_1 dl:nth-child(odd) dd {background: #fbfac9;}
.content sup{vertical-align: super;font-size: smaller;}

.mainNav a.acc { position: absolute; color: #236d75;}
.main a.acc { position: absolute; color: #236d75; left: -20px;}

.kaiuFont {font-family: '標楷體', 'PT Sans', Arial, sans-serif; font-size: 105%;}

.content em{
    font-size: 70%;
    
}



/************innerPage************/
.innerPage, .innerPage .header {height: auto;}
.innerPage .header {background-color: #244173;}
.innerPage .header .logo {width: 220px;}
.innerPage .header .upperNav .wrap {padding: 0;}
.innerPage .header .upperNav a {line-height: 100%; color: #fff;}
.innerPage .header .upperNav a.sitemap {width: 20px; height: 20px;}
.innerPage .header .upperNav .socialMedia a.btn {width: 20px; height: 20px; padding: 0;}
.innerPage .header .upperNav .acc {color: #244173;}
.innerPage .socialMedia li {top: 5px;}
.innerPage .socialMedia li a {width: 40px; height: 40px;}
.innerPage .header .upperNav .language a:hover, .innerPage .header .upperNav .language li.current a {color: #244173;}
.innerPage .header .upperNav .col.language {border: 0;}
.innerPage .mainNav {bottom: initial; top: 53px;}
.innerPage .header .upperNav { min-width: 555px; min-width: 300px;/*隱藏其他連結*/ min-width: 100px;/*隱藏其他連結跟語言*/}
.innerPage .header .upperNav .wrap .col.relatedPage {padding: 0; line-height: 55px; width: 210px; margin: 0;}
.relatedPage { display: none;}/*隱藏其他連結*/
.relatedPage li.current a.btn  { height: 55px; line-height: 55px; padding: 0 15px 0 45px; background: #001731; position: relative;}
.relatedPage li.current a.btn:before {
    position: absolute;
    left: 13px;
    top: 18px;
    width: 20px;
    height: 20px;
    content: "";
    display: block;
    background: url(../images/icon_the4.png) no-repeat;
    background-size: contain;
}
.relatedPage ul li a {width: 210px;}
.relatedPage .sf-menu ul li {background: #d99d5e; white-space: initial; border-top: 1px solid #E5AF77;}
.relatedPage .sf-menu ul li a:hover {background: #d69551;}
.innerPage .main {padding-top: 210px; background-color: #fffde1; position: relative;}
.innerPage .main &gt; .hd .wrap {padding-bottom: 125px;}
.innerPage .wrapper &gt; .header .logo {top: 8%;}
.innerPage .main &gt; .hd h1:after {background-color: #fffde1;}
.innerPage .main:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 700px;
    content: "";
    display: block;
    background: url(../images/bodyBg.png) repeat-x bottom;
}
.textShadow_1, .selectionList p {/* text-shadow: 0 0 0.2em #fffde1, 0 0 0.2em #fffde1, 0 0 0.2em #fffde1;*/}

/***來華前後***/
.page2 .main {
    background-image: url(../images/page2_deco1.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}
.page2 .main .content {
    background-image: url(../images/page2_deco2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}


/***院體新樣***/
.page3 .main {
    background-image: url(../images/page3_deco1.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}
.page3 .main .content {
    background-image: url(../images/page3_deco2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.page3 .main .content:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 249px;
    height: 389px;
    content: "";
    display: block;
    background: url(../images/page3_deco3.png) no-repeat;
}

/***圖成百駿***/
.page4 .main {
    background-image: url(../images/page4_deco1.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}
.page4 .main .content {
    background-image: url(../images/page4_deco2.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}

/***圖寫朝儀***/
.page5 .main {
    background-image: url(../images/page5_deco1.png);
    background-repeat: no-repeat;
    background-position: center -50px;
    background-size: 100%;
}
.page5 .main:after {
    position: absolute;
    top: 450px;
    right: 0;
    width: 20%;
    height: 0;
    padding-top: 50%;
    content: "";
    display: block;
    background: url(../images/page5_deco2.png) no-repeat;
    background-size: 100%;
    z-index: 0;
}
.page5 .main .content {
    background-image: url(../images/page5_deco3.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    padding-bottom: 200px;
}
/*.page5 .section_1 {padding-bottom: 50px;}*/

/***如真呈覽***/
.page6 .main {
    background-image: url(../images/page6_deco1.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}
.page6 .main .content:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 719px;
    height: 519px;
    content: "";
    display: block;
    background: url(../images/page6_deco2.png) no-repeat;
}

/***銅版記功***/
.page7 .main {
    background-image: url(../images/page7_deco1.png);
    background-repeat: no-repeat;
    background-position: left 85px;
}
.page7 .main:after {
    position: absolute;
    /*top: 450px;*/
    /*top: 1028px;*/
    top: 21%;
    right: 0;
    width: 35%;
    height: 0;
    padding-top: 35%;
    content: "";
    display: block;
    background: url(../images/page7_deco2.png) no-repeat;
    background-size: 100%;
    z-index: 0;
}
.page7 .main .content {
    background-image: url(../images/page7_deco4.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.page7 .main .content:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 502px;
    height: 673px;
    content: "";
    display: block;
    background: url(../images/page7_deco3.png) no-repeat;
}
.page7 .section_1 {padding-bottom: 200px;}

.page7 .section:last-child {padding-bottom: 160px;}

/*展覽清單*/
.page8 .main { padding-top: 150px;}
.page8 .main &gt; .hd .wrap { padding-bottom: 65px;}
.page8 .main .content {
    background-image: url(../images/page8_deco1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 350px;
}
.listAll dl {width: 100%; padding: 20px 0; border-top: 1px solid #b9ae9b;}
.listAll dl:first-child {border-top: 0;}
.listAll dt {float: left; width: 66%; padding: 0 15px 0 0; position: relative;}
.listAll dt i {
    display: block; 
    position: absolute; 
    left: 0; 
    top: 5px; 
    width: 45px; 
    height: 55px; 
    line-height: 55px; 
    font-size: 130%; 
    color: #fff; 
    text-align: center;
    background: #484131;
    border-radius: 50%;
}
.listAll dt h2 {font-size: 130%; font-weight: 700; color: #013ca6;}
.listAll dt h2 a {text-decoration: underline;}
.listAll dt h2 a:hover {text-decoration: none;}
.listAll dt p {font-size: 90%; font-weight: 700; }
.main .content .listAll dt p {margin-bottom: 0;}
.listAll dt p span {padding-left: 15px; margin-left: 15px; position: relative;}
.listAll dt p span:before {
    display: block; 
    position: absolute; 
    left: 0px; 
    top: 3px; 
    width: 1px; 
    height: 15px;
    content: "";
    background: #82755e;
}
.listAll dt p span:first-child {padding-left: 0px; margin-left: 0px;}
.listAll dt p span:first-child:before {display: none;}
.listAll dd.uniCode { float: right; width: 33%;}
.listAll dd.uniCode p { padding: 5px 10px; background: #e5d2b1; border-radius: 5px; text-align: center; font-size: 90%; font-weight: 700;}


/*展件列表 carousel*/
.selectionList .col-l, .selectionList .col-r {float: none;}
.selectionList .col-l {padding: 5%;}
.selectionList .col-r a {position: relative; display: block; padding-top: 93%;}
.selectionList .col-r a:before {
    display: block;
    position: absolute;
    content: '';
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    background: #d95d45 url(../images/icon_search_2.png) no-repeat center;
    background-size: 50%;
    width: 35px;
    height: 35px;
    opacity: .7;
    transition: all 1.5s ease-out;
}
.selectionList .col-r img {display: block; width: 100%; /*border: 10px solid #e3e1d4; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5)*/}
.selectionList h3 {color: #4a3513; font-size: 140%; margin-bottom: 30px;}
.selectionList h2 {color: #cd3518; font-size: 220%; margin-bottom: 30px; font-weight: 700; line-height: 130%;}
.selectionList .sec h2 em {
    font-size: 55%;
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 5px;
}
.selectionList ol {margin-bottom: 50px; font-size: 80%; color: #4a3513;}
.selectionList li {padding-left: 20px; position: relative;}
.selectionList ol li:before {
    display: block;
    position: absolute;
    content: '';
    left: 5px;
    top: 14px;
    border-radius: 50%;
    background: #d95d45;
    width: 5px;
    height: 5px;
}

.selectionList p {font-size: 92%;}
.selectionList .clearBoth .col-l, .selectionList .clearBoth .col-r {float: none; width: 100%; padding: 0 5px;}
.selectionList .wrap {padding: 0 15px;}
.selectionList .sec .col-r .Img a {background: no-repeat center; background-size: cover; text-indent: -9999px;}
.selectionList .sec_1 .col-r .Img a {background-image: url(../../common/images/selection/img1s.jpg);}
.selectionList .sec_2 .col-r .Img a {background-image: url(../../common/images/selection/img2s.jpg);}
.selectionList .sec_3 .col-r .Img a {background-image: url(../../common/images/selection/img3s.jpg);}
.selectionList .sec_4 .col-r .Img a {background-image: url(../../common/images/selection/img4s.jpg);}
.selectionList .sec_5 .col-r .Img a {background-image: url(../../common/images/selection/img5s.jpg);}
.selectionList .sec_6 .col-r .Img a {background-image: url(../../common/images/selection/img6s.jpg);}
.selectionList .sec_7 .col-r .Img a {background-image: url(../../common/images/selection/img7s.jpg);}
.selectionList .sec_8 .col-r .Img a {background-image: url(../../common/images/selection/img8s.jpg);}
.selectionListContainer { width: 100%; position: relative; padding: 5% 15%; background: #eeeeee;}
.selectionListContainer .slick-slider {margin-bottom: 60px;}

.externalLinks {margin-bottom: 5%;}
.externalLinks li {float: left; margin: 0 10px 10px 0; padding-left: 0;}
.externalLinks li a {display: block; border: 3px solid #294e8e; padding: 5px 15px; padding-right: 50px; color: #fff; background-color: #294e8e; position: relative;}
.externalLinks li a:hover { color: #294e8e; background-color: #fff;}
.externalLinks li a:before {
    display: block; 
    content: ""; 
    width: 15px; 
    height: 15px; 
    background: url(../images/icon-external.svg);
    background-size: 100%;
    position: absolute;
    right: 15px;
    top: 12px;
}
.externalLinks li a:hover:before {background: url(../images/icon-external_blue.svg);background-size: 100%;}

.embedVideo {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 30px;
}
.embedVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************accordion************/
.accordion {margin-bottom: 30px;}
.accordion h3 {
    margin: 0;
    background-color: #ce9459;
    border-radius: 5px;
    position: relative;

    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.accordion h3 a {
    display: block;
    padding: 10px;
    margin: 0;
    color: #fff;
    font-size: 130%;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}
.accordion h3:hover { background: #c7833e; }
.accordion h3.open  { background: #c7833e; }
.accordion h3.open a { background-position: 15px -125px; color: #fff;}
.accordion h3 + div { padding: 10px; }

.accordion h3:hover:before, .accordion h3.open:before {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #c7833e transparent transparent transparent;
}
/* Pre hide sections with JavaScript on
--- */
.accordion h3+div {
  display: none;
}
/* CSS3 Animation example
--- */
.accordion h3 + div {
    height: 0px;
    padding: 0px;
    overflow: hidden;
    background: transparent;
    display: block!important;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}
.accordion h3 + div &gt; .content {
    padding-bottom: 30px !important;
    background: none !important;
}
.accordion h3.open + div {
  height: auto;
  background: transparent;
}

.accordion.default h3 a {
    background: url("../images/icon-accordion_d.png") 15px 13px no-repeat;
}

.accordion h3 i {color: #484131;}

.accordion table { word-break: break-word; margin: 20px 0; font-size: 80%;}
.accordion th, .accordion td {padding: 5px; border: 1px solid #E2C093;}
/************accordion end************/

/*逼不得已 index*/
.index .relatedPage {margin-right: 3%; border: 3px solid #fff;}
.index .relatedPage li.current a.btn  { background: transparent; color: #fff;}
.index .relatedPage .sf-menu a:hover {color: #fff;}
.index .relatedPage .sf-menu ul {left: -3px; border: 3px solid #fff; width: 216px;}
.index .relatedPage .sf-menu ul li:first-child {border-top: none;}
.index .relatedPage .sf-menu ul li a {width: 100%; line-height: 20px;}


/************footer************/
.footer {position: relative; z-index: 3; font-size: 80%;}
.footer .wrap {  
	background-color: #ea7426;
	color: #e5e1d6;
}
.footer .wrap a {color: #e5e1d6;}
.footer .wrap a:hover {color: #fff;}
.footer .col-l { padding: 30px 15px 0; width: 60%;}
.footer .col-r {width: 40%;}
.footer .relatedLinks {padding: 0; border-left: 1px solid rgba(255,255,255,.1);}
.footer .relatedLinks li {float: left; vertical-align: top; padding: 20px 2%; width: 33.33333%; border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(255,255,255,.1);}
.footer .relatedLinks li a {text-align: center; display: block; padding-top: 80px; background: transparent no-repeat center 10px;}
.footer .relatedLinks li a:hover {background-position: center 5px;}
.footer .relatedLinks li.nav1 a {background-image: url(../images/footerInfo_1.png);}
.footer .relatedLinks li.nav2 a {background-image: url(../images/footerInfo_2.png);}
.footer .relatedLinks li.nav3 a {background-image: url(../images/footerInfo_3.png);}
.footer .relatedLinks li.nav4 a {background-image: url(../images/googlePlay.png);}
.footer .relatedLinks li.nav5 a {background-image: url(../images/appStore.png);}
.footer .socialMedia { padding: 15px; display: none; border-top: 1px solid rgba(0,0,0,.15); clear: both;}
.footer .socialMedia &gt; .wrap {width: 280px; margin: 0 auto;}
.footer .socialMedia h4 {display: inline-block;}
.footer .socialMedia li {display: inline-block; vertical-align: top; padding: 0 2%; width: 25%; margin-left: -5px; background-color: transparent;}
.footer .socialMedia li a {display: block; background: transparent no-repeat center 9px; text-indent: -9999px; width: 44px; height: 44px; margin: 0 auto; border-radius: 50%; border: 1px solid #e5e1d6;}
.footer .socialMedia li a:hover {background-color: #fff; background-position: center 115%;}
.footer .socialMedia li.nav1 a {background-image: url(../images/socialMedia_1.png);}
.footer .socialMedia li.nav2 a {background-image: url(../images/socialMedia_2.png);}
.footer .socialMedia li.nav3 a {background-image: url(../images/socialMedia_3.png);}
.footer .socialMedia li.nav4 a {background-image: url(../images/socialMedia_4.png);}
.footer .copyR {position: relative; padding: 0 0 0 20px; text-align: left; clear: right;}
.footer .copyR p {line-height: 180%; font-size: 110%;}
.footer .copyR .Logo90 {position: absolute; left: 0; top: 0; width: 70px;}
.footer .copyR .Logo90 img {width: 100%;}

/*Back to top button */
.back-top { position: fixed; bottom: 160px; right: 30px; margin-left: 0px; z-index: 9; display: none;}
.back-top a {
    width: 60px;
    display: block;
    text-align: center;
    /*font: 11px/100% Arial, Helvetica, sans-serif;*/
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
}
.back-top a:hover {}
.back-top span {
    width: 60px;
    height: 60px;
    display: block;
    background: #1b1b1b url(../../images/icon-toTop.svg) no-repeat center center;
    border-radius: 50%;
    opacity: 0.5;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    line-height: 60px;
}
.back-top a:hover span {opacity: 1;}


/*zoom*/
ul#thumblist{display:block;}
ul#thumblist li{margin-bottom:20px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{border:1px solid red;}
ul#thumblist img {width: 115px;}
.jqzoom {
    text-decoration:none;
    float:left;
    width: 100%;
    height: 100%;
}
.thumblistContain {  
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 20px;
}
.jqzoomContain, .zoomWindow, .zoomWrapper {width: 100% !important; height: 100% !important;}
.zoomPad &gt; img {height: 100%;}


#inline_content_photo &gt; #content {width: 100%; height: 100%;}
.PhotoZoomSlider {width: 100%; height: 100%}
.PhotoZoomSlider &gt; .align_center {/*height: inherit;*/width: 100%; height: 100%; vertical-align: middle; text-align: left; /*cursor: -webkit-zoom-in; cursor: -moz-zoom-in;*/ cursor: pointer;}
.PhotoZoomSlider.thumbs &gt; .align_center {height: 85%;text-align: center;}
.PhotoZoomSlider &gt; .align_center img.cloudzoom {max-width:100%; max-height: 100%;}

/*zoom end*/

/*animation*/
@keyframes fadein {from { opacity: 0; } to { opacity: 1; } }
/* Firefox &lt; 16 */
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; }}
/* Safari, Chrome and Opera &gt; 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; }}
/* Internet Explorer */
@-ms-keyframes fadein {from { opacity: 0; } to { opacity: 1; }}
/* Opera &lt; 12.1 */
@-o-keyframes fadein {from { opacity: 0; } to { opacity: 1; }}
/*animation end*/

.menu.AAAA{display: block }</pre></body></html>