@charset "utf-8";

@import url("owl.carousel.min.css");

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
a{outline:none;/*hlbr:expression(this.onFocus=this.blur());*/text-decoration:none;cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體";}
input[type="number"]::-webkit-inner-spin-button ,
input[type="date"]::-webkit-inner-spin-button{-webkit-appearance:none;}
button{padding:0; cursor:pointer;}

body{font-family:arial , "微軟正黑體";}
#ascrail2000{z-index:2 !important;}
#all{padding-top:123px; transition:all .3s;}
#all.active{position:fixed; left:0; top:0; width:100%; overflow:hidden;}

/* header */
#header{position:fixed; left:0; top:0; width:100%; background:#FFF; border-top:7px solid #a68240; z-index:2}
#header > .wrap{max-width:1170px; margin:0 auto;}
#header > .wrap:after{content:""; display:block; clear:both;}
#logo{float:left; display:block; width:200px; height:39px; margin:15px 0; background:url(../images/logo.png); text-indent:-9999px;}
#top-link{float:right;}
#top-link:after{content:""; display:block; clear:both;}
#top-link li{position:relative;border-top:1px solid #c7c7c7; float:left; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
#top-link li.accesskey{border:none;}
#top-link li.accesskey a:hover{background:none; color:#a68240;}
#top-link li.a{border-left:1px solid #c7c7c7;}
#top-link li > a{display:block; padding:0 15px; font-size:0.875em; color:#000; line-height:38px;}
#top-link li.sub > a{position:relative; padding-right:30px;}
#top-link li.sub > a:after{content:""; position:absolute; right:15px; top:18px; display:block; width:8px; height:5px; background:url(../images/arrow_1.png) left top;}
#top-link li.rss > a{position:relative; width:40px; text-indent:-9999px; box-sizing:border-box;}
#top-link li.rss > a:before{content:""; position:absolute; left:50%; top:50%; display:block; width:14px; height:14px; margin:-7px 0 0 -7px; background:url(../images/rss.png) left top;}
#top-link li.link > a{position:relative; width:40px; text-indent:-9999px; box-sizing:border-box;}
#top-link li.link > a:before{content:"";position:absolute;left:50%;top:50%;display:block;width:14px;height:14px;margin:-7px 0 0 -7px;background:url(../images/community.png) left top;}
#top-link li > a:hover{background:#a58339; color:#FFF;}
#top-link li > a:hover:after{background-position:left bottom;}
#top-link li.rss > a:hover:before{background-position:right top;}
#top-link li .sub-menu{position:absolute; left:0; top:100%; display:none; width:100%; margin-left:-1px; background:#EEE; border:1px solid #c7c7c7; z-index:1}
#top-link li .sub-menu a{display:block;}
#top-link li .social a{position:relative; height:43px; text-indent:-9999px;}
#top-link li .social > a:before{content:""; position:absolute; left:50%; top:5px; display:block; width:33px; height:33px; margin-left:-16.5px; background:url(../images/social.png); background-size:600% auto;}
#top-link li .social a.blogger:before{background-position:left top;}
#top-link li .social a.fb:before{background-position:-100% top;}
#top-link li .social a.youtube:before{background-position:-200% top;}
#top-link li .social a.tripadvisor:before{background-position:-300% top;}
#top-link li .social a.twitter:before{background-position:-400% top;}
#top-link li .social a.flickr:before{background-position:right top;}
#top-link li .social a.ins:before{background-image:url(../images/ins.jpg);background-size:33px auto;}
#top-link li .social a.podcast:before{background-image:url(../images/podcast.jpg);background-size:33px auto;}

#top-link li .lang a{border-bottom:1px solid #c7c7c7; font-size:0.875em; color:#000; line-height:27px; text-align:center;}
#top-link li .lang a:last-child{border:none;}
#top-link li:hover .sub-menu{display:block;}
#top-link li .sub-menu a:hover{background:#626262;}
#top-link li .lang a:hover{color:#FFF;}
#navigation{position:relative; background:#313131;}
#navigation .menu{width:1170px; margin:0 auto; box-sizing:border-box;}
#navigation .menu:after{content:""; display:block; clear:both;}
#navigation .menu > li{float:left; width:140px;}
#navigation .menu > li > a{display:block; padding:10px 0; font-size:1.25em; color:#FFF; text-align:center;height:27px;}
#navigation .menu .search{width:50px;}
#navigation .menu .search a{text-indent:-9999px; background:url(../images/search_icon.png) center center no-repeat;}
#navigation .menu > li:hover > a,#navigation .menu> li.bg> a{background-color:#404040;}
#navigation .sub-menu{position:absolute; left:0; top:100%; display:none; width:100%; padding:30px 0; background:#404040;}
#navigation .sub-menu table{width:1170px; margin:0 auto;}
#navigation .sub-menu td{width:20%; padding:0 40px 40px 0; vertical-align:top; box-sizing:border-box;}
#navigation .sub-menu td h2{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #cacaca; font-size:1.125em; font-weight:normal;}
#navigation .sub-menu td h2 a{color:#d1c0a7; transition:all .3s;}
#navigation .sub-menu td h2 a:hover{color:#FFF;}
#navigation .sub-menu td p a{position:relative; display:inline-block; padding-left:20px; font-size:1em; color:#FFF; line-height:22px; transition:all .3s;}
#navigation .sub-menu td p a:before{content:"‧"; position:absolute; left:6px; top:0;}
#navigation .sub-menu td p a:hover{color:#CCC;}
#navigation .menu > li:hover .sub-menu{display:block;}

/* mobile */
#mobi-btn{position:relative; float:right; display:none; width:25px; height:20px; margin-top:25px;}
#mobi-btn:before ,
#mobi-btn hr ,
#mobi-btn:after{content:""; position:absolute; left:0; display:block; width:100%; height:4px; margin:0; padding:0; background:#a68240; border:none; border-radius:3px;}
#mobi-btn:before{top:0;}
#mobi-btn hr{top:8px;}
#mobi-btn:after{bottom:0;}
#mask{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(255,255,255,.9); text-indent:-9999px; z-index:9;}
#mobile{position:absolute; right:-320px; top:0; display:none; width:320px; min-height:100%; padding-left:50px; box-sizing:border-box; transition:all .3s; z-index:10}
#mobile form{position:relative; padding:25px 55px 10px 65px; background:#a68240;}
#mobile form:before{content:"搜尋"; position:absolute; left:20px; top:30px; font-size:1.125em; color:#FFF;}
#mobile form input{display:block; width:100%; height:35px; padding:0 5px; border:none; font-size:0.938em; color:#333; box-sizing:border-box;}
#mobile form button{position:absolute; right:20px; top:25px; width:35px; height:35px; background:url(../images/search_icon.png) center center no-repeat #a6937c; border:none; text-indent:-9999px;}
#mobile .keyword{padding:10px 20px 20px 20px; background:#a68240; font-size:0.938em;}
#mobile .keyword span{display:block; margin-bottom:5px; color:#ffcc00; font-weight:bold;}
#mobile .keyword a{color:#382c1e;}
#mobile ul{background:#a68240;}
#mobile ul > li.search{display:none;}
#mobile ul > li > a{position:relative; display:block; padding:15px 30px 15px 20px; border-top:1px solid #FFF; font-size:1.25em; color:#FFF; box-sizing:border-box;}
#mobile ul > li > a:after{content:""; position:absolute; right:20px; top:50%; display:block; width:8px; height:5px; margin-top:-2.5px; background:url(../images/arrow_1.png) center bottom no-repeat;}
#mobile ul > li:nth-last-child(1) > a:after ,
#mobile ul > li:nth-last-child(4) > a:after ,
#mobile ul > li:nth-last-child(5) > a:after{display:none;}
#mobile ul > li.active > a:after{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#mobile .sub-menu{display:none; background:#d1c0a5;}
#mobile .sub-menu table ,
#mobile .sub-menu tbody ,
#mobile .sub-menu tr ,
#mobile .sub-menu td{display:block; width:100%; box-sizing:border-box;}
#mobile .sub-menu tr{padding:0 21px;}
#mobile .sub-menu td{padding:10px 0; border-bottom:1px solid #7f6c4d;}
#mobile .sub-menu td h2 a{display:block; padding:10px 0; font-size:1.125em; color:#7f6c4d;}
#mobile .sub-menu td p{display:none;}
#mobile .sub-menu td p a{display:block; padding:15px 0; font-size:1em; color:#000;}
#mobile .sub-menu tr:last-child td:last-child{border:none;}

#mobile .social{padding:0 0 20px 20px; background:none;}
#mobile .social a{display:inline-block; width:33px; height:33px; margin-right:10px; background-image:url(../images/social.png); background-size:600% auto; text-indent:-9999px;}
#mobile .social a.blogger{background-position:left top;}
#mobile .social a.fb{background-color:#FFF; background-position:-100% top;}
#mobile .social a.youtube{background-position:-200% top;}
#mobile .social a.tripadvisor{background-position:-300% top;}
#mobile .social a.twitter{background-position:-400% top;}
#mobile .social a.flickr{background-position:right top;margin-top:10px;}
#mobile .social a.ins{background-image:url(../images/ins.jpg);background-size:33px auto;margin-top:10px;}
#mobile .social a.podcast{background-image:url(../images/podcast.jpg);background-size:33px auto;margin-top:10px;}

#mobile .lang{padding:0 20px; background:none;}
#mobile .lang a{display:block; padding:10px 0; border-bottom:1px solid #bebebe; font-size:0.938em; color:#FFF;}
#mobile .lang a:last-child{border:none;}

#mobile .close{position:absolute; left:0; top:0; display:block; width:50px; height:50px; background:url(../images/search_close.png) center center no-repeat; text-indent:-9999px;}

/* slider */
#slider{position:relative;}
#slider .owl-nav > div{position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; background:url(../images/arrow_2.png); text-indent:-9999px;}
#slider .owl-nav .owl-prev{left:25px; background-position:left top;}
#slider .owl-nav .owl-next{right:25px; background-position:right top;}
#slider .owl-dots{position:absolute; left:0; bottom:25px; width:100%; text-align:center;}
#slider .owl-dots .owl-dot{display:inline-block; width:10px; height:10px; margin:0 5px; background:#46473e; border:1px solid #FFF; border-radius:50%; box-sizing:border-box;}
#slider .owl-dots .owl-dot.active{background:#FFF; border:1px solid #46473e;}

/* news */
#news{width:90%; max-width:1170px; margin:0 auto; padding:30px 0;}
#news h2{padding:30px 10px 15px 0;/* border:1px solid #b89c69; */font-size:2em;color:#a76351;line-height:32px;}
#news .wrap li{position:relative; padding:15px 100px 15px 0; border-bottom:1px dashed #d2d2d2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#news .wrap li b{display:inline-block; margin-right:10px; padding:5px 10px; background:#a76351; font-size:1.125em; color:#FFF; font-weight:normal;}
#news .wrap li b-new{display:inline-block; margin-right:10px; padding:5px 10px; background:#b89c69; font-size:1.125em; color:#FFF; font-weight:normal;}
#news .wrap li a{font-size:1.5em; color:#565656; transition:all .3s;}
#news .wrap li a:hover{color:#000;}
#news .wrap li span{position:absolute; right:0; top:17px; display:inline-block; padding:5px; border:1px solid #b89c69; font-size:1em; color:#b89c69;}
#news .more{padding-top:20px; text-align:right;}
#news .more a{font-size:1em; color:#aa6a59; transition:all .3s;}
#news .more a:after{content:""; display:inline-block; width:0; height:0; margin-left:5px; border-style:solid; border-width:5px 0 5px 9px; border-color:transparent transparent transparent #aa6a59;}
#news .more a:hover{opacity:.6;}

/* event */
#event{position:relative; padding:30px 0; background:#EEE;}
#event:before{content:""; position:absolute; left:2%; top:-72px; display:block; width:149px; height:154px; background:url(../images/butterfly.png);}
#event h2{width:90%; max-width:1170px; margin:0 auto 20px auto; font-size:2em; color:#a76351;}
#event .wrap{width:90%; max-width:1170px; margin:0 auto; overflow:hidden;}
#event .wrap dl{position:relative; float:left; width:31.33%; margin-bottom:20px;}
#event .wrap dl:nth-child(3n+2){margin:0 3% 20px 3%;}
#event .wrap dl a{display:block;}
#event .wrap dl:hover dt img{-webkit-filter:blur(5px);}
#event .wrap dl:hover dt p{opacity:0;}
#event .wrap dl:hover dd{opacity:1;}
#event .wrap dt{position:relative; padding-bottom:139%; background-color:#fff;}
#event .wrap dt img{position:absolute; left:0; top:0; right:0; bottom:0; display:block; width:auto; max-width:100%; height:auto; max-height:100%; margin:auto;}
#event .wrap dd{position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0) , rgba(50,50,50,.6)); opacity:0; transition:all .3s;}
#event .wrap dd h3{position:absolute;left:5%;bottom:60px;width:90%;border-bottom:1px solid #FFF;font-size:1.5em;color:#FFF;line-height:40px;}
#event .wrap dd span{position:absolute; right:5%; bottom:20px; font-size:1.125em; color:#FFF; font-weight:bold;}
#event .wrap dd span:before{content:"→ ";}
#event .wrap dl:hover dd{opacity:1;}

#event .more{padding-top:20px;text-align:right;width:90%;max-width:1170px;margin:0px auto;}
#event .more a{font-size:1em; color:#aa6a59; transition:all .3s;}
#event .more a:after{content:""; display:inline-block; width:0; height:0; margin-left:5px; border-style:solid; border-width:5px 0 5px 9px; border-color:transparent transparent transparent #aa6a59;}
#event .more a:hover{opacity:.6;}


/* system */
#system{padding:30px 0;}
#system h2{width:96%; max-width:1170px; margin:0 auto 20px auto; font-size:2em; color:#a76351;} 
#system .wrap{width:96%; max-width:1170px; margin:0 auto; overflow:hidden;}
#system .wrap .btn{float:left; width:32.33%; margin-bottom:1.5%; overflow:hidden;}
#system .wrap .btn a{float:left;display:block;width:32.33%;margin-bottom:1.5%;padding:8.1% 0;background:#a68240;font-size:1em;color:#FFF;line-height:21px;text-align:center;transition:all .3s;}
#system .wrap .btn a:nth-child(3n+2){margin:0 1.5% 1.5% 1.5%;}
#system .wrap .btn a:nth-child(4) ,
#system .wrap .btn a:nth-child(5) ,
#system .wrap .btn a:nth-child(6){margin-bottom:0;}
#system .wrap .btn a:before{content:""; display:block; width:46px; height:30px; margin:0 auto 10px auto; background:url(../images/system_icon.png); background-size:600% auto;}
#system .wrap .btn a.btn-1:before{background-position:left top;}
#system .wrap .btn a.btn-2:before{background-position:-100% top;}
#system .wrap .btn a.btn-3:before{background-position:-200% top;}
#system .wrap .btn a.btn-4:before{background-position:-300% top;}
#system .wrap .btn a.btn-5:before{background-position:-400% top;}
#system .wrap .btn a.btn-6:before{background-position:right top;}
#system .wrap .btn a:hover{background:#333;}
#system .wrap dl{position:relative; float:left; width:32.33%; margin-bottom:1.5%;}
#system .wrap dl a{display:block;}
#system .wrap dl:nth-child(3n+2){margin:0 1.5% 1.5% 1.5%;}
#system .wrap dt{position:relative;overflow:hidden;}
#system .wrap dt img{display:block;width:100%;height:auto;transition:all .3s;}
#system .wrap dt p{position:absolute;left:0;bottom:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);font-size:1.5em;color:#FFF;text-align:center;transition:all .3s;}
/*#system .wrap dd{position:absolute;left:2%;top:50%;width:96%;text-align:center;opacity:0;transition:all .3s;}*/

#system .wrap dd{position:absolute;left:0;top:0;width:100%;height:100%; text-align:center;opacity:0;transition:all .3s; background:linear-gradient(rgba(0,0,0,0) , rgba(50,50,50,.6));}

#system .wrap dd p{margin-bottom:5px; font-size:1.125em; color:#FFF; line-height:36px;}
/*#system .wrap dd span{display:inline-block;padding:5px 10px;font-size:1.875em;color:#FFF;transition:all .3s;}*/
#system .wrap dd span{display:inline-block;font-size:1.875em;color:#FFF;transition:all .3s;position:absolute;left:40%;top:40%;}
#system .wrap dd a{display:block;width:100%;height:100%;}

#system .wrap dl:hover dt img{-webkit-filter:blur(5px);}
#system .wrap dl:hover dt p{opacity:0;}
#system .wrap dl:hover dd{opacity:1;}

/* collection */
#collection{padding:30px 0; background:#7e6b5b; border-bottom:2px solid #FFF;}
#collection h2{margin-bottom:20px; font-size:2.25em; color:#FFF; text-align:center;}
#collection .wrap{padding:35px 0; background:#313131;}
#collection .owl-carousel{position:relative; width:96%; max-width:1170px; margin:0 auto; box-sizing:border-box;}
#collection .item a{position:relative; display:block; overflow:hidden;}
#collection .item a img{display:block; width:100%; height:auto; transition:all .3s;}
#collection .item a p{position:absolute; left:0; bottom:0; width:100%; padding:10px 0; background:rgba(0,0,0,.5); font-size:1.5em; color:#FFF; text-align:center; box-sizing:border-box; transition:all .3s;}
#collection .item a:hover img{-webkit-filter:blur(5px);}
#collection .item a:hover p{height:100%;}
#collection .owl-nav > div{position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; background:url(../images/arrow_2.png); text-indent:-9999px;}
#collection .owl-nav .owl-prev{left:0; background-position:left top;}
#collection .owl-nav .owl-next{right:0; background-position:right top;}

/* fast-btn */
#fast-btn{padding:60px 0; background:#7e6b5b;}
#fast-btn .wrap{width:96%; max-width:1170px; margin:0 auto; overflow:hidden;}
#fast-btn .wrap li{float:left; width:24%; margin-right:1.33%; padding:20px; background:#fcfbee; text-align:center; box-sizing:border-box;}
#fast-btn .wrap li:last-child{margin:0;}
#fast-btn .wrap li:before{content:""; display:block; width:97px; height:86px; margin:0 auto 10px auto; background:url(../images/fastbtn.png); background-size:400% auto;}
#fast-btn .wrap li.fast-1:before{background-position:left top;}
#fast-btn .wrap li.fast-2:before{background-position:-100% top;}
#fast-btn .wrap li.fast-3:before{background-position:-200% top;}
#fast-btn .wrap li.fast-4:before{background-position:right top;}
#fast-btn .wrap li h2{margin-bottom:5px; font-size:1.25em; color:#a55656;}
#fast-btn .wrap li p a{font-size:1em; color:#a55656; line-height:30px;}
#fast-btn .wrap li p a:hover{color:#000;}

/* footer */
#footer .link{padding-bottom:80px; background:#7e6b5b;}
#footer .link .wrap{width:90%; max-width:1170px; margin:0 auto; overflow:hidden;}
#footer .link li{float:left; width:14.2%; padding-right:20px; box-sizing:border-box;}
#footer .link li h2{margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #FFF; font-size:1.125em; color:#FFF;}
#footer .link li p a{font-size:0.875em; color:#FFF; line-height:20px;}

#footer .information{padding-bottom:30px;}
#footer .information .wrap{position:relative; width:90%; max-width:1170px; margin:0 auto; padding:30px 110px 30px 90px; font-size:1em; color:#000; line-height:30px; box-sizing:border-box;}
#footer .information .wrap:before{content:""; position:absolute; right:100px; top:-25px; display:block; width:56px; height:51px; background:url(../images/footer_img.png);}
#footer .information .wrap .logo{position:absolute; left:0; top:30px; display:block; width:69px; height:66px; background:url(../images/footer_logo.png); text-indent:-9999px;}
#footer .information .wrap li{overflow:hidden;}
#footer .information .wrap li span{float:left;}
#footer .information .wrap li span.title{width:150px;}
#footer .information .wrap li span.tel{width:180px;}
#footer .information .wrap li a{display:inline-block; width:25px; height:25px; margin-left:5px; background:url(../images/map.png); text-indent:-9999px; transition:all .3s;}
#footer .information .wrap li a:hover{opacity:.6;}
#footer .information .wrap p a{color:#000;}
#footer .information .wrap .aplus{position:absolute; right:0; top:50px; display:block; width:88px; height:31px; background:url(../images/AA.png); text-indent:-9999px;background-size:100% auto;}
#footer .social{width:90%; max-width:1170px; margin:0 auto; text-align:right;}
#footer .social a{display:inline-block; width:50px; height:50px; margin-left:10px; background:url(../images/social.png); background-size:600% auto; text-align:left; text-indent:-9999px; transition:all .3s;}
#footer .social a.blogger{background-position:left top;}
#footer .social a.fb{background-position:-100% top;}
#footer .social a.youtube{background-position:-200% top;}
#footer .social a.tripadvisor{background-position:-300% top;}
#footer .social a.twitter{background-position:-400% top;}
#footer .social a.flickr{background-position:right top;}
#footer .social a.ins{background-image:url(../images/ins.jpg);background-size:50px auto;}
#footer .social a.podcast{background-image:url(../images/podcast.jpg);background-size:50px auto;}
/* gotop */
#gotop{position:absolute; right:10px; top:-40px; font-size:1.125em; color:#333; text-align:center; transition:all .3s;}
#gotop:before{content:""; display:block; width:0; height:0; margin-bottom:5px; border-style:solid; border-width:0 35px 40px 35px; border-color:transparent transparent #FFF transparent;}
#gotop:after{content:""; position:absolute; left:50%; top:20px; display:block; width:0; height:0; margin-left:-16px; border-style:solid; border-width:0; border-width:0 16px 20px 16px; border-color:transparent transparent #333 transparent;}
#gotop:hover{opacity:.6;}

/* search */
#search{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(84,53,20,.9); z-index:10}
#search .wrap{display:table-cell; vertical-align:middle;}
#search .wrap form{position:relative; max-width:830px; margin:0 auto 20px auto; padding-right:60px; box-sizing:border-box;}
#search .wrap form input{display:block; width:100%; height:80px; padding:20px 15px; background:none; border:5px solid #d1c0a7; font-size:2.25em; color:#d1c0a7; box-sizing:border-box;}
#search .wrap form input::placeholder{color:#d1c0a7;}
#search .wrap form button{position:absolute; right:0; top:20px; display:block; width:46px; height:46px; background:url(../images/search.png); border:none; text-indent:-9999px; transition:all .3s;}
#search .wrap form button:hover{opacity:.6;}
#search .wrap form .close{position:absolute; right:15px; top:-100px; display:block; width:23px; height:24px; background:url(../images/search_close.png); text-indent:-9999px; transition:all .3s;}
#search .wrap form .close:hover{opacity:.6;}
#search .wrap .keyword{max-width:830px; margin:0 auto; font-size:1.125em; color:#d1c0a7;}
#search .wrap .keyword a{font-size:1.5em; color:#d1c0a7; transition:all .3s;}
#search .wrap .keyword a:hover{color:#FFF;}





/* RWD */
@media screen and (max-width:1500px){
/* event */
#event:before{display:none;}
}

@media screen and (max-width:1250px){
/* system */
#system .wrap .btn{float:none; width:100%; margin-bottom:10px;}
#system .wrap .btn a{width:16.66%; margin:0 !important; padding:20px 0; border-right:1px solid #FFF; box-sizing:border-box;}
#system .wrap dl:nth-child(3n+2){margin:0 0 1.5% 0;}
#system .wrap dl:nth-child(3) ,
#system .wrap dl:nth-child(6){margin:0 1.5% 1.5% 1.5%;}
}

@media screen and (max-width:1170px){
#all{padding-top:76px;}
/* header */
#header > .wrap{padding:0 20px;}
#top-link{display:none;}
#navigation{display:none;}
/* mobile */
#mobi-btn{display:block;}
/* footer */
#footer .link{display:none;}
#footer .information .wrap{padding:30px 0;}
#footer .information .wrap .logo{position:static;}
#footer .information .wrap ul{margin:20px 0; overflow:hidden;}
#footer .information .wrap li{float:left; width:25%; padding-right:20px; box-sizing:border-box;}
#footer .information .wrap li span{float:none; display:block;}
#footer .information .wrap .aplus{position:static; margin-top:10px;}

}

@media screen and (max-width:768px){
/* event */
#event .wrap dl{width:48%;}
#event .wrap dl:nth-child(3n+2){margin:0 0 20px 0;}
#event .wrap dl:nth-child(odd){margin-right:2%;}
#event .wrap dl:nth-child(even){margin-left:2%;}
#event .wrap dd{/*display:none;*/}
/* system */
#system .wrap .btn a{width:33.33%; border-bottom:1px solid #FFF;}
#system .wrap dl{width:49%;}
#system .wrap dl:nth-child(3) ,
#system .wrap dl:nth-child(6){margin:0 0 2% 0;}
#system .wrap dl:nth-child(2) ,
#system .wrap dl:nth-child(4) ,
#system .wrap dl:nth-child(6){margin-right:1%;}
#system .wrap dl:nth-child(3) ,
#system .wrap dl:nth-child(5){margin:0 0 2% 1%;}
#system .wrap dt p{font-size:1em;}
#system .wrap dd{/*display:none;*/}
#system .wrap dl:hover dt img{-webkit-filter:none;}
#system .wrap dl:hover dt p{opacity:1;}
/* collection */
#collection .owl-carousel{padding:0 50px;}
/* fast-btn */
#fast-btn{padding:30px 0 60px 0;}
#fast-btn .wrap li{width:48%; margin:1% !important;}
/* footer */
#footer .information .wrap li{width:50%; padding-bottom:20px;}
}

@media screen and (max-width:480px){
/* slider */
#slider .owl-dots{position:static; padding-top:10px;}
/* news */
#news h2{margin-bottom:10px; padding:0; border:none;}
#news .wrap li{padding-right:0; white-space:normal;}
#news .wrap li a{display:block; margin:10px 0;}
#news .wrap li span{position:static;}
/* system */
#system .wrap dl{float:none; width:100%; margin:0 0 20px 0 !important;}
/* fast-btn */
#fast-btn{display:none;}
/* footer */
#footer .information .wrap li{float:none; width:100%; margin-bottom:20px; padding:0;}
#footer .social{text-align:left;}
#footer .social a{margin:5px;}
}
a:focus{outline:3px #ab2a08 dotted !important;}
.owl-carousel .owl-item a:focus img{border:3px #a76351 dotted !important;}
#footer .link li p a:focus{outline:3px #fff7f5 dotted !important;}

  /*跳到主要內容區塊*/
              a.sr-only {background:#fff; color:#000;float:left;z-index:9;}
              .sr-only {position:absolute;padding:0;margin:-0.063rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;width:0.063rem;height:0.063rem;}
              .sr-only-focusable:active, .sr-only-focusable:focus {width:auto;height:auto;margin:0;overflow:visible;clip:auto;}