
html *{-webkit-font-smoothing:antialiased;}
footer{margin-top:0px !important}footer *{-webkit-font-smoothing:auto}
body{position:relative;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";color:#212121;font-size:14px}
.hideBeforeOnload{visibility:visible;height:100%}
h1{font-size:24px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
h2{font-size:20px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
h3{font-size:18px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
h4{font-size:16px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
h5{font-size:15px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
h6{font-size:14px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
p,label{font-size:14px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
label{font-size:15px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
ul,ol{padding:0;margin:0;list-style-type:none;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:0px}
a{text-decoration:none}
button{outline:none !important}
.css-table{display:table}.css-table .css-td{display:table-cell;vertical-align:middle}
.width-full-xs{padding-left:0;padding-right:0}
.text-price{color:#ff6a11}
.text-price-o{text-decoration:line-through}
.area-title{font-size:20px;padding:10px 0}
.background{background-color:#f0f0f0}
.social-block{font-size:12px;line-height:1;color:#fff;padding-right:5px}.social-block.last-child{padding-right:0}
.social-block .social-text-box{text-align:center;padding-left:3px}
.social-block i,.social-block .social-text-box{display:table-cell;vertical-align:middle}
.social-block i.icon_wantto{background:url("../images/sprite_mb.png") 0 4px no-repeat;height:30px;width:30px;cursor:pointer}.social-block i.icon_wantto.plus{background-position:0 -26px}
.social-block i.icon_havebeen{background:url("../images/sprite_mb.png") -28px 4px no-repeat;height:30px;width:30px;cursor:pointer}.social-block i.icon_havebeen.plus{background-position:-28px -26px}
.social-block i.icon_wantto_g{height:41px;width:41px;cursor:pointer;background:url("../images/sprite.png") no-repeat;background-position:-50px 0}.social-block i.icon_wantto_g.plus{background-position:-50px -50px}
.social-block i.icon_havebeen_g{height:41px;width:41px;cursor:pointer;background:url("../images/sprite.png") no-repeat;background-position:0px 0px}.social-block i.icon_havebeen_g.plus{background-position:0 -50px}
.map-info{height:320px}
.area-intro{height:100%;margin-bottom:10px}.area-intro .row{height:218px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:10px 0;overflow:hidden}
.area-intro .no-image{height:218px}
.area-intro hr.hr-top{margin:0 0 10px 0}
.area-intro hr.hr-bottom{margin:10px 0 0 0}
.area-intro .perfect-scrollbar{position:relative;height:196px}
.area-intro .intro-text{font-size:16px;line-height:28px;margin:0px 15px 0px 0px}.area-intro .intro-text p{font-size:16px;line-height:28px;margin:0}
.section-intro-and-img{display:flex;flex-direction:column;overflow:hidden}
.map-and-info{display:flex;flex-direction:column}.map-and-info .map-area-img{height:320px}
.green-bg{border-top:1px solid #dedede;border-bottom:1px solid #dedede;background-color:#f1f7f8}
.mg-top20{margin-top:20px}
.mg-btm-fix{margin-bottom:-20px}
.gallery-title{background-color:rgba(255,255,255,0.9);position:absolute;width:100%;bottom:0;padding:5px 15px}
.btn-green{display:block;text-align:center;background-color:#11d073;border:1px solid #11d073;text-decoration:none;color:white;cursor:pointer;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.btn-green:hover{color:white}
.btn-green-hover,.btn-green:hover{background-color:#0c9251;border:1px solid #0c9251;color:white;text-decoration:none}
.btn-green-disabled{cursor:default;background-color:#7d7;border:1px solid #7d7;-webkit-box-shadow:0 3px 0 #7dd77d;box-shadow:0 3px 0 #7dd77d}
.btn-orange-hover{background-color:#ff8c00;border:1px solid #ff8c00;border-bottom:1px solid #ff8c00;text-decoration:none}
.btn-orange-disabled{cursor:default;background-color:#ffcc99;border:1px solid #ffcc99;-webkit-box-shadow:0 3px 0 #fc9;box-shadow:0 3px 0 #fc9}
.btn-orange,a.btn-orange,button.btn-orange{background-color:#f90;border:1px solid #f90;border-bottom:1px solid #f90;color:#fff;text-align:center;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s;cursor:pointer;text-decoration:none}.btn-orange:hover,a.btn-orange:hover,button.btn-orange:hover,.btn-orange:active,a.btn-orange:active,button.btn-orange:active{background-color:#ff8c00;border:1px solid #ff8c00;border-bottom:1px solid #ff8c00;text-decoration:none}
.btn-orange.disabled,a.btn-orange.disabled,button.btn-orange.disabled{cursor:default;background-color:#ffcc99;border:1px solid #ffcc99;-webkit-box-shadow:0 3px 0 #fc9;box-shadow:0 3px 0 #fc9}
.close_window_sprites,button.close{background:url('../images/close_window_sprites.png') no-repeat}
.icon-0-0,button.close{background-position:0 0}
.icon-0-50,button.close:hover{background-position:0 -50px}
button.close{margin:5px 5px 0;width:30px;height:30px;opacity:1;filter:alpha(opacity=100)}
@media screen and (min-width:560px){.width-full-xs{padding-left:15px;padding-right:15px} .social-block{font-size:18px;line-height:1.1;padding-left:30px}.social-block .social-text-box{padding-left:10px} .social-block i.icon_wantto{height:41px;width:41px;background:url("../images/sprite.png") no-repeat;background-position:-150px 0}.social-block i.icon_wantto.plus{background-position:-150px -50px} .social-block i.icon_havebeen{background-position:-100px 0;height:41px;width:41px;background:url("../images/sprite.png") no-repeat;background-position:-100px 0}.social-block i.icon_havebeen.plus{background-position:-100px -50px} .area-intro{margin-bottom:unset}.area-intro .row{height:218px;margin-right:0} .area-intro .no-image{height:218px} .intro-image{margin-bottom:unset} .section-intro-and-img{flex-direction:row;height:218px;margin-bottom:10px} .map-and-info{flex-direction:row;height:370px} .map-info{height:370px} .area-title{font-size:30px;padding:15px 0}}@media screen and (min-width:992px){body{font-size:13px} h1{font-size:24px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"} h2{font-size:20px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"} h3{font-size:18px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"} h4{font-size:15px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"} h5{font-size:13px} h6{font-size:13px} p{font-size:13px} .container{position:relative;max-width:990px;width:990px;padding-left:15px;padding-right:15px} .social-block{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";padding-left:50px}.social-block i.icon_wantto:hover{background-image:url("../images/sprite.png");background-position:-150px -50px} .social-block i.icon_havebeen:hover{background-image:url("../images/sprite.png");background-position:-100px -50px} .area-title{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"} .section-intro-and-img{display:flex;height:392px;margin-bottom:10px;overflow:hidden} .map-info{height:400px} .area-intro .perfect-scrollbar{height:392px} .area-intro .intro-text{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}.area-intro .intro-text p{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";font-size:15px;line-height:30px} .area-intro .row{height:392px} .area-intro .no-image{height:308px} .no-image{height:308px} .map-and-info{display:flex;height:400px} .anchor-offset{display:block;height:150px;margin-top:-150px;visibility:hidden}}.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}
@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:transparent;opacity:0.9}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#e3e3e3;height:11px}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:transparent;opacity:0.9}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#e3e3e3;width:11px}
.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;bottom:3px;height:8px}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;bottom:0;height:8px}
.ps-container>.ps-scrollbar-y-rail{position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;right:3px;width:8px}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;right:0;width:8px}
@media screen and (min-width:992px){}.social-block{padding-left:20px}.social-block .social-text-box{padding-left:6px;color:#0C9251;font-size:18px}.social-block .social-text-box .qty{color:#212121}
.banner-img{background-color:#d2f1cc;background-image:url("../images/sight_anime.gif");background-repeat:no-repeat;background-position:center;position:relative;margin:0 -15px 15px -15px}.banner-img .focuspoint{height:300px}
.banner-img img.blur{-webkit-filter:blur(0);filter:blur(0)}
.banner-box{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";width:100%;position:absolute;left:0;top:240px;bottom:0px;min-height:40px;color:#fff;background-image:-webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);padding:10px 0;padding-left:15px}.banner-box .css-table{-webkit-transition:.2s;-o-transition:.2s;transition:.2s;height:50px}
.banner-box .city-tag{display:inline-block;line-height:18px;vertical-align:middle;font-size:18px;margin-right:10px}.banner-box .city-tag i,.banner-box .city-tag span{display:inline-block}
.banner-box .icon_location{background:url("../images/location.png") no-repeat;margin-right:6px;width:13px;height:16px;background-size:13px 16px}
.banner-box .tag-box{display:inline-block;font-size:14px;padding:5px 0}
.banner-box .tag{min-width:50px;border:1px solid #FFF;border-radius:100px;display:inline-block;padding:0 5px;text-decoration:none;text-align:center}.banner-box .tag span{text-align:center;color:#FFF;line-height:18px;vertical-align:middle}
@media screen and (min-width:768px){.banner-img .focuspoint{height:250px} .banner-box{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";top:190px}.banner-box .tag-box{font-size:13px}}.area-intro{padding-left:15px;word-wrap:break-word;word-break:normal}.area-intro .perfect-scrollbar{height:220px}
.area-intro .intro-text{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";font-size:16px;line-height:36px}.area-intro .intro-text p{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";font-size:16px;line-height:36px}
.area-intro .intro-text a{color:inherit;cursor:default}.area-intro .intro-text a:hover{text-decoration:none}
.map-mask{background-color:#d2f1cc;background-image:url("../images/map_anime.gif");background-repeat:no-repeat;background-position:center}.map-mask .map-info{height:240px}.map-mask .map-info>iframe{width:100%;height:100%}
.map-mask .map-info .map-tip{opacity:1;width:88px;height:25px;color:#ffffff;font-size:16px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";padding:2px 0 2px 5px;border-radius:0px 0px 0px 4px;-moz-border-radius:0px 0px 0px 4px;-webkit-border-radius:0px 0px 0px 4px;background-color:rgba(34,34,34,0.55);background-image:url("../images/gomap.png");background-position:72px 6px;background-repeat:no-repeat;position:absolute;z-index:1;right:0}
@media screen and (min-width:768px){.area-intro{padding-left:0px}.area-intro .perfect-scrollbar{height:150px} .map-mask{margin-left:15px}.map-mask .map-info{height:250px}.map-mask .map-info .map-tip{opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;font-size:15px;padding:2px 0 2px 7px;background-position:71px 6px;position:absolute;z-index:1;right:0} .map-mask .map-info:hover .map-tip{opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}}.modal-header{min-height:85px;padding-left:20px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}.modal-header .modal-title{line-height:1.2}
.modal-header .title-name{font-weight:bold;font-size:30px}
.modal-header .title-name-eng{font-weight:bold;font-size:24px}
.modal-header .css-table{padding-right:20px}
.btn-green{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";width:140px;font-size:18px;padding:5px 15px;margin:0 auto;margin-top:15px;margin-bottom:15px;border-radius:3px}
@media screen and (min-width:768px){}.ie8 body{font-size:13px}
.ie8 .container{max-width:990px;padding-left:15px;padding-right:15px;width:990px}
.ie8 .visible-ie{display:block!important}
.ie8 .hidden-ie,.ie8 .visible-sm{display:none}
.ie8 .col-md-12{width:100%}
.ie8 .col-md-11{width:91.66666666666666%}
.ie8 .col-md-10{width:83.33333333333334%}
.ie8 .col-md-9{width:75%}
.ie8 .col-md-8{width:66.66666666666666%}
.ie8 .col-md-7{width:58.333333333333336%}
.ie8 .col-md-6{width:50%}
.ie8 .col-md-5{width:41.66666666666667%}
.ie8 .col-md-4{width:33.33333333333333%}
.ie8 .col-md-3{width:25%}
.ie8 .col-md-2{width:16.666666666666664%}
.ie8 .col-md-1{width:8.333333333333332%}
.ie8 .visible-inline-md,.ie8 .visible-inline-lg{display:inline-block !important}
.ie8 h1{font-size:24px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
.ie8 h2{font-size:20px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
.ie8 h3{font-size:18px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
.ie8 h4{font-size:15px;font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei"}
.ie8 h5{font-size:13px}
.ie8 h6{font-size:13px}
.ie8 p,.ie8 label{font-size:13px}
.ie8 input[type=checkbox].css-checkbox,.ie8 input[type=radio].css-checkbox{position:relative;display:inline-block;margin:0;width:22px;height:22px;line-height:22px;vertical-align:middle}
.ie8 input[type=radio].css-radio{position:relative;display:inline-block;line-height:20px;vertical-align:middle;z-index:5;left:0px;overflow:auto;clip:auto;height:20px;width:22px;margin:0;padding:0;border:none}
.ie8 input[type=checkbox].css-checkbox+label.css-label,.ie8 input[type=radio].css-checkbox+label.css-label,.ie8 input[type=radio].css-radio+label.css-label-radio,.ie8 input[type=radio].css-radio+label.css-label-radio-gray{height:22px;display:inline-block;position:relative;line-height:22px;padding-left:5px;vertical-align:middle;margin:0;margin-left:-10px}
.ie8 label.css-label,.ie8 label.css-label-radio,.ie8 label.css-label-radio-gray{background-image:none}
.ie8 .btn{font-size:13px}
.ie8 input+label{font-size:15px}
.ie8 .width-full-xs{padding-left:15px;padding-right:15px}
.ie8 .social-block{font-size:18px}.ie8 .social-block i.icon_wantto{height:41px;width:41px;background:url("../images/sprite.png") no-repeat;background-position:-150px 0}.ie8 .social-block i.icon_wantto.plus{background-image:url("../images/sprite.png");background-position:-150px -50px}
.ie8 .social-block i.icon_wantto:hover{background-image:url("../images/sprite.png");background-position:-150px -50px}
.ie8 .social-block i.icon_havebeen{background-position:-100px 0;height:41px;width:41px;background:url("../images/sprite.png") no-repeat;background-position:-100px 0}.ie8 .social-block i.icon_havebeen.plus{background-image:url("../images/sprite.png");background-position:-100px -50px}
.ie8 .social-block i.icon_havebeen:hover{background-image:url("../images/sprite.png");background-position:-100px -50px}
.ie8 .banner-box{padding:15px 0}.ie8 .banner-box .city-tag{font-size:20px;line-height:30px}
.ie8 .banner-box .icon_location{margin-right:15px;width:26px;height:30px;background-size:26px 30px}
.ie8 .banner-box .tag-box{font-size:13px}
.ie8 .banner-box .tag{min-width:65px;margin-right:5px}.ie8 .banner-box .tag span{line-height:22px}
.ie8 .area-intro .row{margin-right:0}
.ie8 .map-info{height:400px}
.ie8 .area-title{font-size:30px;padding:15px 0}
.ie8 .area-intro .perfect-scrollbar{overflow:auto}
.ie8 .area-intro .intro-text p{font-family:"Gudea","Heiti","微軟正黑體","Microsoft JhengHei";font-size:15px;line-height:30px}
.ie8 .anchor-offset{display:block;height:150px;margin-top:-150px;visibility:hidden}
.ie8 .nav-menu{font-size:20px}.ie8 .nav-menu li a .navItem{line-height:42px}
.ie8 .icon_menu_arrow{height:20px;width:20px;background-size:20px 20px;margin-left:5px}
.ie8 .sur-line .owl-prev{left:-8px;height:258px;width:60px;top:0;background-size:60px 258px}
.ie8 .sur-line .owl-next{right:-8px;height:258px;width:60px;top:0;background-size:60px 258px}
.ie8 .sur-line .sur-item{font-size:20px;width:188px}.ie8 .sur-line .sur-item .focuspoint{height:188px}
.ie9 .header,html[data-useragent*='MSIE 10.0'] .header{top:53px}
@media screen and (min-width:560px){.ie9 .sticky-menu-active .banner,html[data-useragent*='MSIE 10.0'] .sticky-menu-active .banner{top:-312px}}.oldBrowser-remindbar{top:0}
.ie8 .social-block{line-height:1.1;padding-left:20px}
.ie8 .banner-box{top:190px;padding-left:10px}
.ie8 .banner-img .focuspoint{height:250px}
.ie8 .area-intro{padding-left:15px}.ie8 .area-intro .perfect-scrollbar{height:220px}
.ie8 .map-mask{margin-left:0px}.ie8 .map-mask .map-info{height:240px}
