html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}img{display:block;border:none}html{-webkit-text-size-adjust:100%}html *,html *:before,html *:after{font-size:14px;line-height:20px;color:#000;font-family:"Microsoft JhengHei", "Apple LiGothic Medium", "PMingLiU", "sans-serif", "serif"}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}html,body{width:100%;height:100%;min-width:960px}.btnMenu{background-image:url('../images/menu_bg.png');width:83px;height:64px;background-repeat:no-repeat;display:inline-block;position:absolute;top:10px;right:85px;z-index:33}.btnMenu>div{width:33px;height:15px;display:block;margin:19px 32px}.btnMenu>div>P{color:#fff;font-size:12px;line-height:12px}.stick{width:33px;height:2px;border-radius:4px;margin-bottom:5px;background-color:#fff;display:block}.stick:last-child{margin-bottom:0px}.stick-1.open{-moz-animation:stick-1-open 0.6s ease-out forwards;-webkit-animation:stick-1-open 0.6s ease-out forwards;animation:stick-1-open 0.6s ease-out forwards}.stick-2.open{-moz-animation:stick-2-open 0.6s linear forwards;-webkit-animation:stick-2-open 0.6s linear forwards;animation:stick-2-open 0.6s linear forwards}.stick-3.open{-moz-animation:stick-3-open 0.6s linear forwards;-webkit-animation:stick-3-open 0.6s linear forwards;animation:stick-3-open 0.6s linear forwards}@-moz-keyframes stick-1-open{0%{width:33px}40%{background-color:#fff;width:2px;-moz-transform:translate(28px, 0px);transform:translate(28px, 0px)}75%, 80%{width:2px;-moz-transform:translate(28px, -10px);transform:translate(28px, -10px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}100%{background-color:#fff;width:2px;-moz-transform:translate(28px, 18px);transform:translate(28px, 18px)}}@-webkit-keyframes stick-1-open{0%{width:33px}40%{background-color:#fff;width:2px;-webkit-transform:translate(28px, 0px);transform:translate(28px, 0px)}75%, 80%{width:2px;-webkit-transform:translate(28px, -10px);transform:translate(28px, -10px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}100%{background-color:#fff;width:2px;-webkit-transform:translate(28px, 18px);transform:translate(28px, 18px)}}@keyframes stick-1-open{0%{width:33px}40%{background-color:#fff;width:2px;-moz-transform:translate(28px, 0px);-ms-transform:translate(28px, 0px);-webkit-transform:translate(28px, 0px);transform:translate(28px, 0px)}75%, 80%{width:2px;-moz-transform:translate(28px, -10px);-ms-transform:translate(28px, -10px);-webkit-transform:translate(28px, -10px);transform:translate(28px, -10px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}100%{background-color:#fff;width:2px;-moz-transform:translate(28px, 18px);-ms-transform:translate(28px, 18px);-webkit-transform:translate(28px, 18px);transform:translate(28px, 18px)}}@-moz-keyframes stick-2-open{80%{background-color:#fff;-moz-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}100%{background-color:#fff;-moz-transform:translate(0px, -1px) rotate(45deg);transform:translate(0px, -1px) rotate(45deg)}}@-webkit-keyframes stick-2-open{80%{background-color:#fff;-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}100%{background-color:#fff;-webkit-transform:translate(0px, -1px) rotate(45deg);transform:translate(0px, -1px) rotate(45deg)}}@keyframes stick-2-open{80%{background-color:#fff;-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}100%{background-color:#fff;-moz-transform:translate(0px, -1px) rotate(45deg);-ms-transform:translate(0px, -1px) rotate(45deg);-webkit-transform:translate(0px, -1px) rotate(45deg);transform:translate(0px, -1px) rotate(45deg)}}@-moz-keyframes stick-3-open{80%{background-color:#fff;-moz-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}100%{background-color:#fff;-moz-transform:translate(1px, -8px) rotate(-45deg);transform:translate(1px, -8px) rotate(-45deg)}}@-webkit-keyframes stick-3-open{80%{background-color:#fff;-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}100%{background-color:#fff;-webkit-transform:translate(1px, -8px) rotate(-45deg);transform:translate(1px, -8px) rotate(-45deg)}}@keyframes stick-3-open{80%{background-color:#fff;-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}100%{background-color:#fff;-moz-transform:translate(1px, -8px) rotate(-45deg);-ms-transform:translate(1px, -8px) rotate(-45deg);-webkit-transform:translate(1px, -8px) rotate(-45deg);transform:translate(1px, -8px) rotate(-45deg)}}.stick-1.close{width:2px;-moz-animation:stick-1-close 0.6s ease-out forwards;-webkit-animation:stick-1-close 0.6s ease-out forwards;animation:stick-1-close 0.6s ease-out forwards}.stick-2.close{-moz-animation:stick-2-close 0.6s ease-out forwards;-webkit-animation:stick-2-close 0.6s ease-out forwards;animation:stick-2-close 0.6s ease-out forwards}.stick-3.close{-moz-animation:stick-3-close 0.6s ease-out forwards;-webkit-animation:stick-3-close 0.6s ease-out forwards;animation:stick-3-close 0.6s ease-out forwards}@-moz-keyframes stick-1-close{0%{width:0px;-moz-transform:translate(28px, 18px);transform:translate(28px, 18px)}70%{width:0px;-moz-transform:translate(14px, -10px);transform:translate(14px, -10px)}100%{width:33px;-moz-transform:translate(0, 0px);transform:translate(0, 0px)}}@-webkit-keyframes stick-1-close{0%{width:0px;-webkit-transform:translate(28px, 18px);transform:translate(28px, 18px)}70%{width:0px;-webkit-transform:translate(14px, -10px);transform:translate(14px, -10px)}100%{width:33px;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}@keyframes stick-1-close{0%{width:0px;-moz-transform:translate(28px, 18px);-ms-transform:translate(28px, 18px);-webkit-transform:translate(28px, 18px);transform:translate(28px, 18px)}70%{width:0px;-moz-transform:translate(14px, -10px);-ms-transform:translate(14px, -10px);-webkit-transform:translate(14px, -10px);transform:translate(14px, -10px)}100%{width:33px;-moz-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}@-moz-keyframes stick-2-close{0%{background-color:#fff;width:33px}20%{background-color:#fff;width:3px;-moz-transform:translate(14px, 0px) rotate(40deg);transform:translate(14px, 0px) rotate(40deg)}40%{background-color:#fff;width:0px}65%{-moz-transform:translate(14px, -40px);transform:translate(14px, -40px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}80%{width:0px}100%{width:33px;-moz-transform:translate(0, 0px);transform:translate(0, 0px)}}@-webkit-keyframes stick-2-close{0%{background-color:#fff;width:33px}20%{background-color:#fff;width:3px;-webkit-transform:translate(14px, 0px) rotate(40deg);transform:translate(14px, 0px) rotate(40deg)}40%{background-color:#fff;width:0px}65%{-webkit-transform:translate(14px, -40px);transform:translate(14px, -40px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}80%{width:0px}100%{width:33px;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}@keyframes stick-2-close{0%{background-color:#fff;width:33px}20%{background-color:#fff;width:3px;-moz-transform:translate(14px, 0px) rotate(40deg);-ms-transform:translate(14px, 0px) rotate(40deg);-webkit-transform:translate(14px, 0px) rotate(40deg);transform:translate(14px, 0px) rotate(40deg)}40%{background-color:#fff;width:0px}65%{-moz-transform:translate(14px, -40px);-ms-transform:translate(14px, -40px);-webkit-transform:translate(14px, -40px);transform:translate(14px, -40px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}80%{width:0px}100%{width:33px;-moz-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}@-moz-keyframes stick-3-close{0%{background-color:#fff;width:33px}20%{background-color:#fff;width:0px;-moz-transform:translate(14px, -23px) rotate(-40deg);transform:translate(14px, -23px) rotate(-40deg)}40%{background-color:#fff}65%{-moz-transform:translate(14px, -20px);transform:translate(14px, -20px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}90%{width:2px}100%{width:33px;-moz-transform:translate(0, 0px);transform:translate(0, 0px)}}@-webkit-keyframes stick-3-close{0%{background-color:#fff;width:33px}20%{background-color:#fff;width:0px;-webkit-transform:translate(14px, -23px) rotate(-40deg);transform:translate(14px, -23px) rotate(-40deg)}40%{background-color:#fff}65%{-webkit-transform:translate(14px, -20px);transform:translate(14px, -20px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}90%{width:2px}100%{width:33px;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}@keyframes stick-3-close{0%{background-color:#fff;width:33px}20%{background-color:#fff;width:0px;-moz-transform:translate(14px, -23px) rotate(-40deg);-ms-transform:translate(14px, -23px) rotate(-40deg);-webkit-transform:translate(14px, -23px) rotate(-40deg);transform:translate(14px, -23px) rotate(-40deg)}40%{background-color:#fff}65%{-moz-transform:translate(14px, -20px);-ms-transform:translate(14px, -20px);-webkit-transform:translate(14px, -20px);transform:translate(14px, -20px);animation-timing-function:cubic-bezier(0, 1, 1, 1)}90%{width:2px}100%{width:33px;-moz-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}nav{width:100%;background-color:#8d4e32;background-position:center;position:absolute;top:-100%;left:0px;z-index:20;-moz-transition:all .5s .5s;-o-transition:all .5s .5s;-webkit-transition:all .5s;-webkit-transition-delay:.5s;transition:all .5s .5s}nav:after{content:"";display:inline-block;background-image:url('../images/menu_bg2.png');width:100%;height:100%;height:28px;background-repeat:no-repeat;position:absolute;bottom:-28px;left:0px}nav ul{max-width:100%;margin-left:auto;margin-right:auto;max-width:960px;padding:21px 20px 5px;font-size:0;text-align:center}nav ul:after{content:" ";display:block;clear:both}nav li{width:120px;display:inline-block;vertical-align:middle}nav li a{display:inline-block}nav li+li{margin-left:70px}nav li figure{width:100%}nav li figure img{max-width:100%;margin:auto}nav li figcaption{width:100%;font-weight:bold;color:#fff;font-size:18px;line-height:30px}#footer{max-width:100%;margin-left:auto;margin-right:auto;max-width:100%;background-color:#884d32;position:relative;padding-bottom:10px}#footer:after{content:" ";display:block;clear:both}#footer:before{content:"";display:inline-block;background-image:url('../images/b_wave.png');width:100%;height:100%;height:28px;background-repeat:no-repeat;background-repeat:repeat;background-position:center;position:absolute;top:-28px;left:0px}.footer_content{max-width:100%;margin-left:auto;margin-right:auto;max-width:1200px}.footer_content:after{content:" ";display:block;clear:both}.footer_content>p{width:calc(100% - 320px);padding:0px 10px;float:left;text-align:center;color:#fff;font-weight:bold;font-size:16px;line-height:20px;margin-top:24px}.th_share{width:320px;float:right;font-size:0px;text-align:center}.th_share>span{color:#fff;font-weight:bold;display:inline-block;vertical-align:middle;font-size:21px;line-height:30px}.th_share ul{display:inline-block;vertical-align:middle}.th_share ul li{width:60px;display:inline-block;vertical-align:middle;margin:0px 3px;position:relative}.th_share ul a{width:100%;display:inline-block}.th_share ul a img{width:100%}.active nav{top:0}.gotop{position:fixed;bottom:105px;right:10px;z-index:99;background-image:url('../images/menu_bg.png');width:83px;height:64px;background-repeat:no-repeat;display:inline-block;text-align:center;display:none}.gotop>div{display:inline-block;margin:10px 5px 10px 16px}.gotop>div>img{width:14px;margin:auto}.gotop>div>span{display:inline-block;font-size:16px;line-height:25px;color:#fff;font-weight:bold}.gotop.showgo{display:block}@media (min-width: 0px){html,body{min-width:320px}}@media (max-width: 980px){.footer_content>p{width:100%;margin-top:10px}.th_share{width:100%;margin-top:20px}}@media (max-width: 720px){.btnMenu{right:10px}.footer_content{margin-bottom:40px}.th_share>span{display:block}.th_share ul{display:block;margin-top:10px}nav li{display:block;margin:auto}nav li+li{margin:10px auto}.gotop{bottom:10px}}
/*# sourceMappingURL=layout.css.map */