/*base*/
body{margin:0;padding:0;font-size:18px;font-family:"Microsoft JhengHei";background:#f7f7f7;}
img{border:0;}
a,a:hover{text-decoration:none;}

/*header*/
.header{width:100%;}
.header-logo{z-index:99;position:absolute;top:0;left:45px;width:177px;height:100%;background:url(../images/logo.png)no-repeat left center;background-size:cover;transition:0.2s}
.header-index{height:420px;background:url(../images/index-pic01.jpg)no-repeat center bottom;}
.header-content{position:relative;width:100%;height:540px;max-height:540px;min-width:320px;min-height:420px;background:#f0f0f0}
.header-banner{width:100%;height:100%;background:no-repeat center center;background-size:cover;}
.header-banner-btn{display:block;width:100%;height:100%;background:url(../images/icon-panorama.png)no-repeat center center;cursor:pointer;opacity:0;transition:0.2s}
.header-banner-btn:hover{opacity:0.9}
.header-guide{}
.header-pano-content{width:100%;height:100%}
.header-wall{display:none;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}
.header-wall-content{width:1300px;height:800px;margin-top:-40px;margin-left:-10px}
.header-movie{display:none;width:100%;height:100%}
.header-movie-content{width:100%;height:100%}
.header-cardboard{display:none;width:100%;height:100%}
.header-cardboard-content{width:100%;height:100%}
.header-pano{display:none;width:100%;height:100%}
.header-pano-content{width:100%;height:100%}
.header-pano-action{position:absolute;width:100%;height:100%;transition:1s}
.header-map{display:none;width:100%;height:100%}
.header-map-content{width:100%;height:100%}
.header-share{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}
.header-footer{position:relative;width:100%;height:96px;background:#f0f0f0}
.header-info{position:absolute;bottom:20px;left:32px;color:#fff;font-weight:bold;text-shadow: 1px 1px 8px #000;transition:0.2s}
.header-info-title{margin:0;padding:2px 0;font-size:40px;transition:0.2s}
.header-info-text{margin:0;padding:6px 0;font-size:18px;transition:0.2s}
.header-info-more{display:inline-block;vertical-align:middle;}
.header-info-more-link{display:inline-block;width:45px;height:45px;margin:0 0 0 10px;padding:0;vertical-align:middle;background:rgba(0,0,0,0.6) url(../images/arrow-right.png)no-repeat center center;transition:0.2s;}
.header-info-more-link:hover{background-color:rgba(0,0,0,1);}
.header-views{position:absolute;left:0;width:142px;height:100%;font-size:13px;color:#89dad8;background:#13b5b1}
.header-views-container{display:inline-block;height:100%;margin:20px 0 0 32px;text-align:left;}
.header-views-count{font-size:28px;color:#fff}
.header-views-unit{font-size:15px;}
.header-qrcode{position:absolute;top:8px;right:8px;width:80px;height:80px;}
.header-bar{height:23px;background:#13b5b1}

/*header guide exhibition*/
.header-guide-news{background:rgba(0,0,0,0.7);overflow-y: scroll !important}
.header-guide-news::-webkit-scrollbar{width:12px;background-color:#707070;}
.header-guide-news::-webkit-scrollbar-thumb{background-color:#8d8d8d;}
.header-guide-news-container{position:relative;height:100%;padding:20px;}
.hgn-pic{margin:0 0 18px 0}
.hgn-title{margin:0 0 10px 0;padding:0;font-size:20px;color:#ffffff;}
.hgn-subtitle{margin:0 0 10px 0;padding:0;font-size:14px;color:#fed202;line-height:1.5;}
.hgn-text{margin:0;padding:0;font-size:14px;color:#ffffff;line-height:1.5;}
.hgn-link{display:block;box-sizing:border-box;width:100%;margin-top:20px;padding:5px;background:#13b5b1;color:#fff;font-size:16px;text-align:center;transition:0.2s}
.hgn-link:hover{background:#59cbc7}

/*header guide menu*/
.hgp-li {}
.hgp-place .ui-gd-subtitle{line-height:0em}

/*header guide map*/
.header-guide-map{background:rgba(0,0,0,0.7)}
.header-guide-map-container{position:relative;height:100%;}
.header-guide-map-tabs{z-index:99;display:none;position:absolute;bottom:10px;left:15px;margin:0;padding:0;list-style:none;}
.header-guide-map-tabs .ui-tabs-active .ui-tabs-anchor{color:#FFF;text-shadow:0 0 15px #fff}
.hgm-list-item{float:left;margin-right:16px}
.hgm-link{color:#b3b3b3}
.hgm-link:focus{outline:none}
.hgm-pic{height:420px;min-width:300px;}
.guide-mark{position:absolute;top:0px;left:0px;width:24px;height:24px;background:url(../images/icon-guide.png) no-repeat;}
.guide-mark-hold{background-position:0% 100%;}

/*header pano info*/
.header-pano-info{z-index:98;overflow:hidden;display:block;box-sizing:border-box;position:absolute;top:5%;left:50%;width:340px;height:0;margin-left:-170px;padding:0;background:rgba(255,255,255,0.9);-webkit-animation:animation-fadeout 0.3s;animation:animation-fadeout 0.3s;transition-delay:0.3s;}
.header-pano-info-hold{height:90%;padding:30px 20px;-webkit-animation:animation-fadein 0.3s;animation:animation-fadein 0.3s;transition:0s;}
.header-pano-info:hover .hpi-close{display:block}
.header-pano-info-container{overflow-y:auto;overflow-x:hidden;height:48%;}
.header-pano-info-container::-webkit-scrollbar{width:8px;background-color:#ccc;}
.header-pano-info-container::-webkit-scrollbar-thumb{background-color:#8d8d8d;}
.hpi-image{height:40%;margin-bottom:10px;background:no-repeat center center;background-size:cover;}
.hpi-title{margin:3px 0;color:#484848;font-size:20px;}
.hpi-content{line-height:1.8em;color:#484848;font-size:16px;}
.hpi-link{display:block;box-sizing:border-box;position:absolute;bottom:30px;width:300px;padding:5px;background:#e5007f;color:#fff;font-size:16px;text-align:center;transition:0.2s}
.hpi-link:hover{background:#ff3aa7}
.hpi-close{z-index:99;display:none;position:absolute;top:3px;right:3px;width:25px;height:25px;background:rgba(0,0,0,0.4) url(../images/icon-close.png) no-repeat center center;cursor:pointer;transition:0.4s;}
.hpi-close:hover{background-color:rgba(0,0,0,0.7)}

/*header-tag*/
.header-tag{z-index:996;width:100%;height:45px;margin-top:90px;color:#484848;font-size:15px;line-height:45px;background:#f0f0f0;}
.header-tag-list{float:right;list-style:none;margin:0 32px 0 0;padding:0 25px 0 0;background:url(../images/icon-tag.png)no-repeat center right;}
.ht-list-item{display:inline;margin:0;padding:0;color:#b8b8b8;}
.ht-link{padding:0 3px;color:#b8b8b8}
.ht-link:hover{color:#13b5b1}
.ht-hold{color:#484848}
.header-location{margin:0 0 0 32px;padding:0 0 0 25px;background:url(../images/icon-location.png)no-repeat center left;}

/*header share*/
.header-share{z-index:100;display:none;text-align:center;color:#fff;}
.header-share-title{margin-top:4%;}
.header-share-content{width:80%;height:70%;margin:0 auto;text-align:left;}
.header-share-left{float:left;width:48%;height:80%;}
.header-share-iframe{width:100%;height:100%}
.header-share-right{float:right;width:48%;font-size:16px;line-height:2em;}
.header-share-input{box-sizing:border-box;-moz-box-sizing:border-box;width:100%;margin:0 0 20px 0;padding:12px;border:1px solid #777;background:#484848;color:#fff;font-size:1.2em;}
.header-share-select{font-family:"Microsoft JhengHei";width:40%;padding:3px;border:1px solid #777;background:#484848;color:#fff;font-size:1em;}
.header-share-link {margin:10px 0 0 0}

/*header embed*/
.header-embed{}
.header-embed .header-content{min-height:200px;max-height:none;}
.header-embed .header-footer{background:#333;height:40px;}
.header-embed .header-logo{max-width:80px;left:5px;background-image:url(../images/logo-white.png);background-size:contain}
.header-embed .header-qrcode{width:45px;height:45px;}
.header-embed .view-menu{box-sizing:border-box;-moz-box-sizing:border-box;height:100%;padding:2px;}
.header-embed .view-menu-list{height:100%}
.header-embed .vm-list-item{box-sizing:border-box;-moz-box-sizing:border-box;width:70px;height:100%;background-size:contain;opacity:0.3;}
.header-embed .vm-list-item:hover{opacity:1;}
.header-embed .vm-hold{opacity:1 !important;}
.header-embed .vm-movie{background-image:url(../images/nav-movie-white.png)}
.header-embed .vm-wall{background-image:url(../images/nav-wall-white.png)}
.header-embed .vm-pano{background-image:url(../images/nav-panorama-white.png)}
.header-embed .vm-map{background-image:url(../images/nav-map-white.png)}
.header-embed .vm-share{background-image:url(../images/nav-share-white.png)}

/*header-scale*/
.header-scale2 .header-embed .header-logo{width:100px}
.header-scale2 .header-info-title{font-size:34px}
.header-scale2 .header-info-text{padding-top:3px;font-size:16px;}
.header-scale2 .header-menu{bottom:22px}
.header-scale2 .header-menu-link{width:70px;height:54px;padding-top:16px;line-height:1.3em}
.header-scale3 .header-embed .header-logo{width:85px}
.header-scale3 .header-info{left:24px;bottom:18px}
.header-scale3 .header-info-title{font-size:28px}
.header-scale3 .header-info-text{padding-top:0px;font-size:15px;}
.header-scale3 .vm-list-item{width:60px}
.header-scale3 .header-menu{bottom:18px}
.header-scale3 .header-menu-link{width:60px;height:46px;padding-top:14px;line-height:1.1em}
.header-scale4 .header-embed .header-logo{width:70px}
.header-scale4 .header-info{left:20px;bottom:16px}
.header-scale4 .header-info-title{padding:0;font-size:24px}
.header-scale4 .header-info-text{padding-top:0px;font-size:15px;}
.header-scale4 .vm-list-item{width:50px}
.header-scale4 .header-menu{bottom:16px}
.header-scale4 .header-menu-link{width:60px;height:46px;padding-top:14px;font-size:14px;line-height:1.1em}
.header-scale4 .header-footer{height:34px}
.header-scale5 .header-embed .header-logo{width:60px}
.header-scale5 .header-info{left:15px;bottom:14px}
.header-scale5 .header-info-title{padding:0;font-size:20px}
.header-scale5 .header-info-text{padding-top:0px;font-size:14px;}
.header-scale5 .vm-list-item{width:40px}
.header-scale5 .header-menu{bottom:14px}
.header-scale5 .header-menu-link{width:50px;height:40px;padding-top:10px;font-size:13px;line-height:1.1em}
.header-scale5 .header-footer{height:30px}
.header-scale6 .header-embed .header-logo{width:55px}
.header-scale6 .header-info{left:10px;bottom:10px}
.header-scale6 .header-info-title{padding:0;font-size:15px}
.header-scale6 .header-info-text{padding-top:0px;font-size:13px;}
.header-scale6 .vm-list-item{width:30px}
.header-scale6 .header-menu{bottom:12px}
.header-scale6 .header-menu-link{width:40px;height:30px;padding-top:10px;font-size:13px;line-height:1.1em}
.header-scale6 .header-footer{height:26px}

/*view menu*/
.view-menu{z-index:999;}
.view-menu-list{margin:0;padding:0;list-style:none;text-align:center}
.vm-list-item{display:inline-block;width:120px;height:96px;margin:0;padding:0;background:center center no-repeat;cursor:pointer;opacity:0.15;transition:0.2s}
.vm-list-item:hover{opacity:0.7;}
.vm-hold{opacity:0.7 !important;}
.vm-wall{background-image:url(../images/nav-wall.png)}
.vm-movie{background-image:url(../images/nav-movie.png)}
.vm-cardboard{background-image:url(../images/nav-cardboard.png)}
.vm-pano{background-image:url(../images/nav-panorama.png)}
.vm-map{background-image:url(../images/nav-map.png)}
.vm-share{background-image:url(../images/nav-share.png)}

/*nav menu*/
.nav{z-index:998;position:fixed;top:0;width:100%;color:#484848;transition:0.2s}
.nav-short{background:rgba(248,248,248,0.95)}
.nav-list{width:100%;margin:0;padding:0;list-style:none;text-align:right;}
.nav-list-item{box-sizing:border-box;-moz-box-sizing:border-box;display:inline-block;margin:0;padding:0 36px;vertical-align:middle;line-height:90px;cursor:pointer;transition:background-color 0.3s}
.nav-list-item:hover{color:#fff;background-color:rgba(0,0,0,0.8);}
.nav-list-item:hover .nav-search{background:rgba(0,0,0,0.05);}
.nav-list-item:hover .nav-sub{height:330px;-webkit-animation:animation-fadein 0.3s 0.3s;animation:animation-fadein 0.3s 0.3s;transition:0s;transition-delay: 0.3s;}
.nav-bgno{padding:0 20px 0 8px;background:none;}
.nav-bgno:hover{background:none}
.nav-search{margin:0;padding:0 10px;border:0;line-height:1.5;vertical-align:middle;color:#484848;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;transition:0.2s;}
.nav-search-hold{background:rgba(0,0,0,0.05);}
.nav-search-hold .nav-input{width:130px;}
.nav-input{width:40px;height:30px;margin:0;padding:0 0 0 3px;border:0;color:#484848;font-size:18px;font-family:"Microsoft JhengHei";vertical-align:middle;background:none;transition:0.2s}
.nav-input:focus{outline:none}
.nav-button{background:url(../images/icon-search.png)no-repeat center center;width:24px;height:24px;border:0;vertical-align:middle;}
.nav-sub{z-index:999;overflow:hidden;position:absolute;left:0;top:100%;width:100%;height:0px;line-height:18px;text-align:left;background:rgba(0,0,0,0.8);text-shadow:none;-webkit-animation:animation-fadeout 0.3s 0.2s;animation:animation-fadeout 0.3s 0.2s;transition-delay: 0.5s;}
.nav-sub-container{width:1200px;margin:0 auto;}
.nav-sub-brand{overflow-y:auto;overflow-x:hidden}
.nav-sub-brand::-webkit-scrollbar{width:12px;background-color:#707070;}
.nav-sub-brand::-webkit-scrollbar-thumb{background-color:#8d8d8d;}
.ns-advert{box-sizing:border-box;float:left;width:390px;padding:33px 20px;}
.ns-advert-container{position:relative;width:100%;height:100%;}
.ns-advert-pic{width:350px;height:260px;background:no-repeat center center;background-size:cover}
.ns-advert .bli-container{box-sizing:border-box;position:absolute;bottom:0;width:100%;padding:10px 13px;text-align:left;background:#fff;}
.ns-advert .bli-title{display:inline;margin:0;padding:0;font-size:24px;color:#4c4c4c;vertical-align: middle;line-height:24px;}
.ns-advert .bli-city{margin-left:5px;font-size:15px;color:#13b5b1;}
.ns-advert .bli-text{margin:4px 0;padding:0;font-size:15px;color:#999999}
.ns-list-city{width:80px !important;}
.ns-list{display:inline-block;width:110px;margin:22px;padding:0;vertical-align:top;list-style:none;}
.ns-list-item{margin:2px 0 8px 0;padding:10px 12px;color:#fff;transition:0.2s}
.ns-list-item:hover{background-color:rgba(255,255,255,0.15);text-shadow:0 0 20px #fff}
.nb-list{width:100%;margin:22px;padding:0;list-style:none;}
.nb-list-link{display:inline-block;width:160px;height:210px;padding:14px;vertical-align: top;transition:0.2s}
.nb-list-link:hover{background:rgba(255,255,255,0.2);text-shadow:0 0 20px #fff;}
.nb-list-item{margin:0;padding:0;color:#fff;text-align:center;background:rgba(255,255,255,0)}
.nb-img{width:100%;margin-bottom:10px;transition:0.2s}

/*footer*/
.footer{clear:both;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:280px;padding:40px 45px;color:#727272;}
.footer-qrcode{float:right;width:105px;height:105px;margin:30px 0 0 0}
.footer-nav-list{float:right;list-style:none;margin:30px 0 0 0;padding:0;line-height:105px;}
.fn-list-item{float:left;margin:0 60px 0 0;padding:0;}
.fn-link{color:#727272}
.fn-link:hover{color:#13b5b1}
.footer-info{float:left;width:520px;margin:0;padding:0;}
.footer-info-logo{display:inline-block;margin:0 50px 0 0;vertical-align:middle;}
.footer-info-text{margin:5px 0 10px 0;padding:0;font-size:15px;line-height:1.5}
.footer-share-list{display:inline-block;display:none;list-style:none;margin:0;padding:0;vertical-align:middle;}
.fs-list-item{display:inline-block;margin:0 15px 0 0;padding:0 0 0 52px;line-height:39px;font-size:18px;background:no-repeat}
.fs-views{background-image:url(../images/icon-views.png)}
.fs-fb{background-image:url(../images/icon-fb.png)}

/*內容*/
.content{width:90%;margin:50px auto;}
.contactus{height:1590px;margin:0 auto;text-align:center;}

/*place*/
.place-article{width:88%;margin:10px auto;padding:50px 0 60px 0;transition:0.2s}
.place-article-title{font-size:24px;margin:40px 0 10px 0;padding:0;}
.place-article-text{font-size:18px;line-height:2.2;color:#7f7f7f;margin:0;padding:0;}
.place-article-readall{display:inline-block;font-size:24px;margin-top:10px;padding-right:30px;background:url(../images/icon-readall.png)no-repeat right center;cursor:pointer;transition:0.2s}
.place-article-readall:hover{color:#13b5b1}
.place-info-list{font-size:18px;list-style:none;margin:40px 0 0 0;padding:0;vertical-align:top;color:#7f7f7f;}
.pi-list-item{float:left;box-sizing:border-box;-moz-box-sizing:border-box;width:50%;height:105px;margin:10px 0;padding:0 0 0 120px;line-height:1.5em;background:no-repeat left center;}
.pi-text{display:inline-block;margin:0;padding:0;vertical-align:middle;}
.pi-city{display:block;margin-bottom:10px}
.pi-tag{padding:6px 12px;border-radius:10px;color:#fff;background:#ccc;transition:0.2s}
.pi-tag:hover{background:#13b5b1;}
.pi-link{color:#7f7f7f;transition:0.2s}
.pi-link:hover{color:#13b5b1;}
.pi-icon-clock{background-image:url(../images/place-icon-clock.png)}
.pi-icon-email{background-image:url(../images/place-icon-email.png)}
.pi-icon-address{background-image:url(../images/place-icon-address.png)}
.pi-icon-link{background-image:url(../images/place-icon-link.png)}
.pi-icon-phone{background-image:url(../images/place-icon-phone.png)}

/*place list*/
.place-list{list-style:none;margin:0;padding:0;text-align:center}
.place-list-item{float:left;position:relative;width:25%;height:390px;margin:0;padding:0;transition:0.2s}
.place-list-item:nth-child(2n) .pli-container{background:#f8f8f8}
.place-list-item:nth-child(2n) .pli-container .pli-arrow{background:url(../images/place-arrow-graylight.png)no-repeat}
.place-list-item:hover .pli-container{background:#fff}
.place-list-item:hover .pli-arrow{background:url(../images/place-arrow-white.png)no-repeat!important}
.place-list-item:hover .pli-overlay{background-color:rgba(0,0,0,0.7);}
.place-list-item:hover .pli-title{color:#000;}
.place-list-item:hover .pli-text{color:#4c4c4c;}
.place-list-item .pli-pic{width:100%;height:290px;margin-top:100px;background:no-repeat center center;background-size:cover;}
.place-list-item .pli-overlay{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);transition:0.2s}
.place-list-item .pli-container{box-sizing:border-box;position:absolute;top:0;width:100%;min-height:100px;padding:20px 13px;background:#f0f0f0;transition:0.2s}
.place-list-item .pli-title{display:inline;margin:0;padding:0;font-size:24px;color:#4c4c4c;vertical-align:middle;transition:0.2s}
.place-list-item .pli-city{margin-left:5px;font-size:15px;color:#13b5b1;}
.place-list-item .pli-text{overflow:hidden;margin:0;padding:6px 0 0 0;line-height:1.5em;color:#999999;font-size:15px;text-overflow:ellipsis;white-space:nowrap;transition:0.2s}
.place-list-item .pli-arrow{display:block;position:absolute;left:50%;bottom:0;width:41px;height:21px;margin:0 0 -21px -21px;background:url(../images/place-arrow-gray.png)no-repeat}
.place-list-city{float:left;position:relative;width:25%;height:390px;margin:0;padding:0;transition:0.2s}
.place-list-city .pli-pic{width:100%;height:100%;background:no-repeat center center;background-size:cover;}
.place-list-city .pli-overlay{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);transition:0.2s}
.place-list-city .pli-container{box-sizing:border-box;position:absolute;top:20%;width:100%;padding:20px 13px;color:#fff}
.place-list-city .pli-title{display:inline;margin:0;padding:0;font-size:40px;font-weight:normal;}
.place-list-city .pli-subtitle{margin:0;padding:0;font-size:24px;font-weight:normal;}
.place-list-city .pli-text{margin:0;padding:6px 0 0 0;font-size:24px;}
.place-list-city:hover .pli-overlay{background-color:rgba(0,0,0,0.8);}

/*place photo*/
.place-photo-list{clear:both;position:relative;width:100%;height:485px;margin:0;padding:0;list-style:none;background:#000;}
.place-photo-list:hover .place-photo-title{height:0;animation:animation-fadeout 0.2s;-webkit-animation:animation-fadeout 0.2s;transition:0s;transition-delay: 0.2s;}
.place-photo-title{z-index:1;overflow:hidden;position:absolute;top:35%;width:100%;height:100px;text-align:center;font-size:36px;font-weight:normal;color:#fff;animation:animation-fadein 0.2s;-webkit-animation:animation-fadein 0.2s;}
.place-photo-title span{display:block;font-size:24px;}
.place-photo-overlay{display:block;width:100%;height:100%;transition:0.2s}
.pp-list-item{float:left;width:25%;height:33.33%;background:center center;background-size:cover;opacity:0.6;transition:0.2s}
.pp-list-item:hover{opacity:1!important}
.place-photo-6p .pp-list-item:nth-child(1){width:50%;opacity:0.5}
.place-photo-6p .pp-list-item:nth-child(2){width:50%;opacity:0.8}
.place-photo-6p .pp-list-item:nth-child(3){width:50%;}
.place-photo-6p .pp-list-item:nth-child(4){width:50%;opacity:0.6}
.place-photo-6p .pp-list-item:nth-child(5){height:33.4%;width:50%;}
.place-photo-6p .pp-list-item:nth-child(6){height:33.4%;width:50%;opacity:0.5}
.place-photo-7p .pp-list-item:nth-child(1){width:50%;opacity:0.5}
.place-photo-7p .pp-list-item:nth-child(2){width:50%;opacity:0.8}
.place-photo-7p .pp-list-item:nth-child(3){opacity:0.6}
.place-photo-7p .pp-list-item:nth-child(4){width:50%;}
.place-photo-7p .pp-list-item:nth-child(5){opacity:0.5}
.place-photo-7p .pp-list-item:nth-child(6){width:50%;height:33.4%;}
.place-photo-7p .pp-list-item:nth-child(7){width:50%;height:33.4%;opacity:0.7}
.place-photo-8p .pp-list-item:nth-child(1){opacity:0.8}
.place-photo-8p .pp-list-item:nth-child(2){width:50%;}
.place-photo-8p .pp-list-item:nth-child(3){opacity:0.5}
.place-photo-8p .pp-list-item:nth-child(4){width:50%;opacity:0.8}
.place-photo-8p .pp-list-item:nth-child(5){width:50%;}
.place-photo-8p .pp-list-item:nth-child(6){height:33.4%;opacity:0.7}
.place-photo-8p .pp-list-item:nth-child(7){width:50%;height:33.4%;opacity:0.5}
.place-photo-8p .pp-list-item:nth-child(8){height:33.4%;opacity:0.6}
.place-photo-9p .pp-list-item:nth-child(1){width:50%;opacity:0.5}
.place-photo-9p .pp-list-item:nth-child(2){opacity:0.8}
.place-photo-9p .pp-list-item:nth-child(3){}
.place-photo-9p .pp-list-item:nth-child(4){width:50%;opacity:0.6}
.place-photo-9p .pp-list-item:nth-child(5){}
.place-photo-9p .pp-list-item:nth-child(6){opacity:0.5}
.place-photo-9p .pp-list-item:nth-child(7){height:33.4%;opacity:0.7}
.place-photo-9p .pp-list-item:nth-child(8){height:33.4%;}
.place-photo-9p .pp-list-item:nth-child(9){width:50%;height:33.4%;}
.place-photo-10p .pp-list-item:nth-child(1){opacity:0.3}
.place-photo-10p .pp-list-item:nth-child(2){opacity:0.6}
.place-photo-10p .pp-list-item:nth-child(3){width:50%;}
.place-photo-10p .pp-list-item:nth-child(4){opacity:0.5}
.place-photo-10p .pp-list-item:nth-child(5){}
.place-photo-10p .pp-list-item:nth-child(6){opacity:0.5}
.place-photo-10p .pp-list-item:nth-child(7){}
.place-photo-10p .pp-list-item:nth-child(8){height:33.4%;width:50%;opacity:0.6}
.place-photo-10p .pp-list-item:nth-child(9){height:33.4%;opacity:0.5}
.place-photo-10p .pp-list-item:nth-child(10){height:33.4%;opacity:0.7}
.place-photo-11p .pp-list-item:nth-child(1){opacity:0.5}
.place-photo-11p .pp-list-item:nth-child(2){opacity:0.8}
.place-photo-11p .pp-list-item:nth-child(3){width:50%;}
.place-photo-11p .pp-list-item:nth-child(4){opacity:0.6}
.place-photo-11p .pp-list-item:nth-child(5){}
.place-photo-11p .pp-list-item:nth-child(6){opacity:0.5}
.place-photo-11p .pp-list-item:nth-child(7){opacity:0.7}
.place-photo-11p .pp-list-item:nth-child(8){width:50%;}
.place-photo-11p .pp-list-item:nth-child(9){opacity:0.8}
.place-photo-11p .pp-list-item:nth-child(10){opacity:0.5}
.place-photo-11p .pp-list-item:nth-child(11){dsiplay:none}
.place-photo-12p .pp-list-item:nth-child(1){opacity:0.8}
.place-photo-12p .pp-list-item:nth-child(2){opacity:0.7}
.place-photo-12p .pp-list-item:nth-child(3){}
.place-photo-12p .pp-list-item:nth-child(4){opacity:0.7}
.place-photo-12p .pp-list-item:nth-child(5){opacity:0.5}
.place-photo-12p .pp-list-item:nth-child(6){}
.place-photo-12p .pp-list-item:nth-child(7){opacity:0.7}
.place-photo-12p .pp-list-item:nth-child(8){opacity:0.6}
.place-photo-12p .pp-list-item:nth-child(9){opacity:0.5}
.place-photo-12p .pp-list-item:nth-child(10){opacity:0.8}
.place-photo-12p .pp-list-item:nth-child(11){opacity:0.6}
.place-photo-12p .pp-list-item:nth-child(12){}

/*tag*/
.tag-list{list-style:none;margin:0;padding:0;text-align:center}
.tag-list-item{float:left;position:relative;width:33.33%;height:285px;margin:0;padding:0;background:#000;transition:0.2s}
.tag-list-item:hover .tli-pic{opacity:0.3}
.tli-pic{width:100%;height:100%;background:no-repeat center center;background-size:cover;opacity:0.55;transition:0.2s}
.tli-container{z-index:1;position:absolute;top:33%;width:100%}
.tli-title{margin:0;padding:0;font-size:36px;font-weight:normal;color:#fff;text-shadow: 1px 1px 8px #000;}
.tli-text{margin:0;padding:6px 0 0 0;font-size:18px;color:#fff;text-shadow: 1px 1px 8px #000;}
.tli-hold .tli-pic{opacity:1}

/*recommend*/
.recommend-list{clear:both;width:100%;margin:0;padding:0;text-align:center;list-style:none;}
.recommend-list-item{overflow:hidden;float:left;position:relative;width:33.33%;height:485px;margin:0;padding:0;}
.recommend-list-item:hover .rli-overlay{background:rgba(0,0,0,0.5);}
.recommend-list-item:hover .rli-title{color:#000;}
.recommend-list-item:hover .rli-text{color:#4c4c4c;}
.recommend-list-item:nth-child(2) .rli-container{background:#f8f8f8}
.recommend-list-item:nth-child(2) .rli-container .rli-arrow{background:url(../images/place-arrow-white.png)}
.rli-pic{width:100%;height:380px;margin-top:105px;background:no-repeat center center;background-size:cover;transition:0.5s}
.rli-overlay{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);transition:0.2s}
.rli-container{box-sizing:border-box;position:absolute;top:0;width:100%;min-height:105px;padding:20px 13px;background:#f0f0f0;transition:0.2s}
.rli-title{display:inline;margin:0;padding:0;font-size:24px;color:#4c4c4c;vertical-align:middle;transition:0.2s}
.rli-city{margin-left:5px;font-size:15px;color:#13b5b1;}
.rli-text{overflow:hidden;margin:0;padding:6px 0 0 0;line-height:1.5em;color:#999999;font-size:15px;text-overflow:ellipsis;white-space:nowrap;transition:0.2s}
.rli-arrow{display:block;position:absolute;left:50%;bottom:0;width:41px;height:21px;margin:0 0 -21px -21px;background:url(../images/place-arrow-gray.png)}

/*place-search*/
.place-search{margin:30px 0 0 30px}
.place-search-title{margin:0 0 6px 0;font-size:24px;}
.place-search-text{margin-bottom:20px}

/*index*/
.index-title{display:inline-block;position:relative;margin:45px 0 8px 0;padding:0;font-size:36px;}
.index-title-more{position:absolute;top:14px;right:-65px;font-size:18px;color:#13b5b1;}
.index-text{margin:0 0 30px 0;padding:0;line-height:1.8em;font-size:18px;text-align:center;}
.index-place{text-align:center}
.index-place .place-list{width:1000px;padding:0}
.index-place .place-list-item{float:left;margin:3px 4px 4px 3px;}
.index-place .index-pli-big{width:480px;height:473px;}
.index-place .index-pli-small{width:233px;height:233px}
.index-story{clear:both;width:100%;margin:0 auto;padding:0 0 0 0;text-align:center}
.index-story .place-list-item{width:19.5%;height:400px;margin:0;}
.index-email{margin:110px 0 30px 0;text-align:center}
.index-email-link{display:inline;padding:0 0 0 50px;color:#666;background:url(../images/icon-email.png) no-repeat left center;}
.index-email-strong{color:#000;font-weight:bold}

/*about*/
.about-nav{clear:both;color:#727272;background:#f0f0f0}
.about-nav-list{width:88%;margin:0 auto;padding:0;text-align:center;list-style:none;font-size:20px}
.an-list-item{display:inline-block;margin:0;padding:0 30px;line-height:50px;background:center center no-repeat;cursor:pointer;opacity:0.7;transition:0.2s}
.an-list-item:hover{opacity:1;}
.an-link{color:#727272;}
.an-hold{color:#13b5b1!important;opacity:1;}

/*pages*/
.place-pages{clear:both;position:relative;line-height:100px;color:#ccc;text-align:center;background:#f0f0f0}
.place-pages-prev{position:absolute;left:30px;top:23px;width:56px;height:53px;background:url(../images/page-prev.png)}
.place-pages-prev:hover{background-position:0% 100%;}
.place-pages-next{position:absolute;right:30px;top:23px;width:56px;height:53px;background:url(../images/page-next.png)}
.place-pages-next:hover{background-position:0% 100%;}
.pages strong{margin:1px;padding:4px 6px;background:#178956;color:#FFFFFF;}

/*ui*/
.ui-guide-dark{}
.ui-gd-block{display:none}
.ui-gd-block{z-index:99;overflow:hidden;display:none;position:absolute;right:0;top:0;height:100%;width:300px;padding:0;background:rgba(0,0,0,0.7);opacity:0;transition:0.2s}
.ui-gd-block:hover .ui-gd-close{display:block}
.ui-gd-block-hold{opacity:0.6;}
.ui-gd-block-hold:hover{opacity:1;}
.ui-gd-block-hold:hover .ui-gd-hold{background-color:rgba(0,0,0,0.5)}
.ui-gd-operation{z-index:99;display:none;position:absolute;bottom:28px;right:30px;}
.ui-gd-operation-link{display:none;float:left;width:80px;height:63px;margin:0 0 0 5px;padding-top:17px;border-radius:100%;font-size:15px;font-weight:bold;text-decoration:none;color:#000;text-align:center;background:rgba(255,255,255,0.7);cursor:pointer;transition:0.2s}
.ui-gd-operation-link:hover{background:rgba(255,255,255,1) !important}
.ui-gd-close{z-index:99;display:none;position:absolute;top:3px;right:3px;width:20px;height:20px;background:rgba(255,255,255,0.4) url(../images/icon-close.png) no-repeat center center;cursor:pointer;transition:0.4s;}
.ui-gd-close:hover{background-color:rgba(255,255,255,0.7)}
.ui-gd-list{overflow-x:hidden;overflow-y:auto;height:100%;margin:0;padding:0;list-style:none;}
.ui-gd-list::-webkit-scrollbar{width:0px;background-color:rgba(255,255,255,0);transition:0.2s}
.ui-gd-list::-webkit-scrollbar-track{}
.ui-gd-list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(255,255,255,0);}
.ui-gd-list:hover::-webkit-scrollbar{width:10px;background-color:rgba(255,255,255,0);}
.ui-gd-list:hover::-webkit-scrollbar-track{width:8px}
.ui-gd-list:hover::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4);transition:0.2s;}
.ui-gd-list:hover::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,0.8);}
.ui-gd-list-item{clear:both;position:relative;margin:0;padding:10px 20px;color:#fff;cursor:pointer;transition:0.2s}
.ui-gd-list-item:hover{padding:10px 7px 10px 33px;background-color:rgba(255,255,255,0.2);text-shadow: 0 0 20px #fff;}
.ui-gd-list-hover{background:rgba(255,255,255,0.2)}
.ui-gd-img{border:none;float:left;width:90px;height:70px;margin-right:10px;background-size:cover;}
.ui-gd-mark{display:block;position:absolute;top:0;left:8px;width:4px;height:100%;background:url(../images/icon-li-mark.png)no-repeat center center;opacity:0;transition:0.2s}
/*.ui-gd-arrow{visibility:hidden;position:absolute;top:0;right:-10px;width:28px;height:100%;background: url(../images/icon-li-arrow.png)no-repeat left center;opacity:0;transition:right 0.2s,opacity 0.2s;transition-delay:0.2s}
.ui-gd-arrow:hover{background:url(../images/icon-li-arrow.png)no-repeat right center;}*/
.ui-gd-arrow{visibility:hidden;position:absolute;top:50%;right:-10px;margin-top:-14px;width:28px;height:28px;border-radius:50%;background: rgba(0,0,0,0.5) url(../images/icon-li-arrow.png)no-repeat left center;opacity:0;transition:right 0.2s,opacity 0.2s;transition-delay:0.2s}
.ui-gd-arrow:hover{background: rgba(0,0,0,0.7) url(../images/icon-li-arrow.png) no-repeat right center;}
.ui-gd-subtitle{overflow:hidden;display:block;line-height:1.5em;color:#CCCCCC;font-size:14px;text-shadow:none;transition:line-height 0.2s}
.ui-gd-type-panorama{padding:10px 20px 10px 60px;background-image:url(../images/icon-li-panorama.png);background-repeat:no-repeat;background-position:7% 50%}
.ui-gd-type-panorama:hover{padding:10px 7px 10px 73px;background-position:12% 50%}
.ui-gd-type-time{padding:10px 20px 10px 60px;background-image:url(../images/icon-li-time.png);background-repeat:no-repeat;background-position:7% 50%}
.ui-gd-type-time:hover{padding:10px 7px 10px 73px;background-position:12% 50%}
.ui-gd-type-guide{padding:10px 20px 10px 60px;background-image:url(../images/icon-li-guide.png);background-repeat:no-repeat;background-position:7% 50%}
.ui-gd-type-guide:hover{padding:10px 7px 10px 73px;background-position:12% 50%}
.ui-gd-hold{background-color:rgba(19,181,177,0.4)!important;}
.ui-gd-hold:hover{background-color:rgba(19,181,177,0.6)!important}
.ui-gd-hold .ui-gd-subtitle{line-height:1.5em !important;}
.ui-gd-hold .ui-gd-mark{opacity:1;}
.ui-gd-hold .ui-gd-arrow{visibility:visible;right:10px;opacity:1;transition-delay:0}
.ui-video-dark{}
.ui-vd-list{overflow-x:hidden;overflow-y:auto;height:100%;margin:0;padding:0;list-style:none;background:rgba(0,0,0,0.5);}
.ui-vd-list::-webkit-scrollbar{width:10px;background-color:rgba(255,255,255,0);}
.ui-vd-list::-webkit-scrollbar-track{}
.ui-vd-list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(255,255,255,0);}
.ui-vd-list:hover::-webkit-scrollbar{background-color:rgba(255,255,255,0.2);}
.ui-vd-list:hover::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4);}
.ui-vd-list-item{clear:both;margin:0;min-height:70px;padding:10px 20px;color:#fff;cursor:pointer;transition:0.2s}
.ui-vd-list-item:hover{padding:10px 7px 10px 33px;background:rgba(255,255,255,0.2);text-shadow:0 0 20px #fff;}
.ui-vd-img{box-sizing:border-box;-moz-box-sizing:border-box;;float:left;width:80px;height:70px;margin-right:10px;border:none;background-size:cover;transition:0.2s}
.ui-vd-hold{background:rgba(19,181,177,0.4)!important;}
.ui-vd-hold .ui-vd-img{border:2px rgba(255,255,255,0.5) solid ;}
.ui-infowindow{}
.ui-iw-container{width:250px;overflow-x:hidden;overflow-y:visible}
.ui-iw-title{font-size:18px;font-weight:bold;maring-bottom:3px}
.ui-iw-address{}
.ui-iw-bg{border-radius:0 !important}
.ui-iw-arrow{}
.ui-iw-shadow{border-radius:0 !important}
.ui-iw-link{display:block;box-sizing:border-box;width:278px;margin-top:10px;padding:5px 0;background:#e5007f;color:#fff;text-align:center;transition:0.2s}
.ui-iw-link:hover{background:#ff3aa7}

/*other*/
.back-pagetop{display:none;position:absolute;bottom:0;right:0;width:30px;height:30px;padding:15px;background:rgba(0,0,0,0.8) url(../images/arrow-top.png)no-repeat center center;cursor:pointer;transition:background-color 0.2s}
.back-pagetop:hover{background-color:rgba(0,0,0,1);}
.hover-alpha0{opacity:0}
.hover-alpha30{opacity:0.3}
.hover-alpha30:hover{opacity:1}
.hover-alpha50{opacity:0.5}
.hover-alpha50:hover{opacity:1}
.hover-alpha80{opacity:0.8}
.hover-alpha80:hover{opacity:1}
.hover-alpha100{opacity:1}
.shadow-default{
	z-index:-1;position:absolute;width:100%;height:100%;top:0;left:0;border:0;
	-moz-box-shadow: 1px 1px 15px #000;
    -webkit-box-shadow: 1px 1px 15px #000;
    box-shadow: 1px 1px 15px #000;    
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#EAEAEA')"; /* IE 8 */
	opacity: 0.2;
	filter:alpha(opacity=2);  /* IE 8 Early*/
;}
.ul-mpl-none{margin:0;padding:0;list-style:none;}
.valign-box{display:inline-block;vertical-align:middle;width:0;height:100%;visibility:hidden;}

/*google*/
.gmnoprint text{font-family:"Microsoft JhengHei";text-shadow:0 0 10px rgba(0,0,0,1);}
.gmnoprint path{text-shadow:0 0 10px rgba(0,0,0,1);}

/*animation effect*/
@-webkit-keyframes animation-fadein {
  0% { opacity: 0; }
  100% { opacity: 1;  }
}
@keyframes animation-fadein {
  0% { opacity: 0; }
  100% { opacity: 1;  }
}
@-webkit-keyframes animation-fadeout {
  0% { opacity: 1; }
  100% { opacity: 0;  }
}
@keyframes animation-fadeout {
  0% { opacity: 1; }
  100% { opacity: 0;  }
}

/*color*/
.font-calibri{font-family:"Calibri",}
.font-bold{font-weight:bold}
.font-size16{font-size:16px}
.font-underline{text-decoration:underline}
.font-underline:hover{text-decoration:underline}
.color-red{color:#d64937 !important}
.color-white{color:#FFF !important}
.color-green{color:#13b5b1 !important}
.color-gray{color:#4c4c4c !important}

/*float align*/
.float-left{float:left;}
.float-right{float:right;}
.float-center{margin:0 auto;}
.t-left{text-align:left}
.t-right{text-align:right}
.t-center{text-align:center}

/*clear*/
.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both;width:100%}
.clear-fix:after{content:".";clear:both;display:block;font-size:0;height:0;line-height:0;visibility: hidden;}
/*
@media screen and (min-width: 1200px) and (max-width: 1300px) and (min-height: 550px) and (max-height: 650px){
.header-content{height:420px;}
.nav-list-item{line-height:70px;}
.header-tag{margin-top:70px;}
}*/