/*home in*/*{-webkit-overflow-scrolling:touch}body{color:#000;background-color:#fff}#wrap{background:none;position:relative;width:100%;max-width:640px;min-width:320px;height:auto;margin:0 auto;overflow:hidden;padding-top:0}.hprize{margin-top:-10px;position:absolute;left:0;top:80px}.page{position:relative;width:100%;min-width:320px;max-width:640px;height:auto;margin:0 auto;padding:0}.page>.ctr{position:relative;width:100%;max-width:640px;height:auto;margin:0 auto;padding:0;display:block}.abs{position:absolute}.alpha0{opacity:0}.relbox{position:relative}.local .abtn{background-color:rgba(255,0,0,.5)}.abtn{position:absolute;display:block;cursor:pointer}.abtn img{position:relative;width:100%;height:100%}.hide{display:none}.ptr{cursor:pointer}.bdr{border:1px solid rgba(255,0,0,0)}.local .bdr{border:1px solid rgba(255,0,0,1)}.rsps{width:100%;height:auto;padding:0;margin:0;display:block}.nojust{text-align:left}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#ccc}::-webkit-scrollbar-thumb{background-color:#666}::-webkit-scrollbar-button{background-color:#ccc;height:1px}::-webkit-scrollbar-corner{background-color:#ccc}.cpane{display:block;position:absolute;border:0 solid #fff;z-index:2}.scrollbar-inner>.scroll-element .scroll-bar{opacity:1;background-color:#C7A864}@media only screen and (max-width :640px){#wrap{}}*{font-family:Arial,Helvetica,Geneva,微軟儷黑體,微軟正黑體,sans-serifs}b,.b{font-weight:700}.f1{font-size:30pt;line-height:45pt}.f2{font-size:22pt;line-height:33pt}.f3{font-size:16pt;line-height:24pt}.f4{font-size:14pt;line-height:21pt}.f5{font-size:11pt;line-height:17pt}.f6{font-size:9pt;line-height:14pt}.f1a{font-size:26pt;line-height:38pt}.f2a{font-size:18pt;line-height:29pt}input::-webkit-input-placeholder{font-size:22pt}textarea::-webkit-input-placeholder{font-size:22pt}@media only screen and (max-width :640px){.f1{font-size:6vw;line-height:9vw}.f2{font-size:4.2vw;line-height:6vw}.f3{font-size:3.2vw;line-height:4.5vw}.f4{font-size:2.7vw;line-height:3.7vw}.f5{font-size:2.4vw;line-height:3vw}.f6{font-size:1vw;line-height:1.2vw}.f1a{font-size:5vw;line-height:7,5vw}.f2a{font-size:3.5vw;line-height:5.2vw}input::-webkit-input-placeholder{font-size:4vw}textarea::-webkit-input-placeholder{font-size:4vw}}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,hr{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100%}body{height:100%;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-size:14px;font-family:微軟儷黑體,微軟正黑體,Arial,Helvetica,Geneva,sans-serifs;line-height:20px;background:#fff;text-decoration:none}a{text-decoration:none;outline:medium none!important;border:none}a:focus,a:link,a:visited,a:hover,a:active{border:none;outline:medium none!important}a,a:link,a:visited{color:#333}a:hover,a:active{color:#333}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}*:focus{outline:none}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}input,select,textarea{font-family:微軟儷黑體,微軟正黑體,Arial,Helvetica,Geneva,sans-serifs!important}#hdr{position:fixed;width:100%;height:auto;left:0;top:0}#hdr{z-index:998}#hdr>.ctr,#logo>.ctr{display:block;position:relative;width:100%;max-width:640px;min-width:320px;margin:0 auto}#hdr>.mid{display:block;position:relative;width:100%;max-width:640px;height:auto;margin:0 auto;padding:0;border:0 solid red}#hdr .logobtn{width:50%;height:100%;left:0;top:0;position:absolute}#hdr .opn,#hdr .opnf{right:0;top:0;position:absolute;z-index:4;width:15%;cursor:pointer}#nav{xbackground:#000 repeat;background-color:rgba(255,255,255,.95);position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;display:none}#nav>.mid{xbackground-image:url(../img/navbg.jpg);background-size:100%;background-position:bottom;background-repeat:no-repeat;border:0 solid red;width:100%;max-width:640px;height:100%;margin:auto;position:relative;overflow:auto;text-align:center}#nav .mid .ctr{width:100%;height:100%;position:relative}#nav .mid .ctr .relbox{text-align:right;overflow:hidden}#nav #navclz{position:absolute;right:0;top:0;width:15%;cursor:pointer;z-index:2}#nav>.ctr{position:relative;width:100%;max-width:640px;height:auto;margin:15% auto 0 auto}#nav .ctr .tmp a{display:block;width:100%;height:auto;margin:0 auto;xpadding:10px;color:#17cc9f;padding:7px 0}#nav .tseg{display:block;width:100%;padding-bottom:8%;position:relative}#nav .sbox{text-align:center}#nav .sbox img{margin:10px;width:5%;min-width:30px}.nojust{text-align:left}#foot{width:100%;background-color:#000;display:block;position:relative}#foot .ctr{display:block;width:100%;height:100%;line-height:100%;color:#fff;text-align:center;vertical-align:middle;padding:5% 0;font-size:10pt}#foot a{color:#fff}@media only screen and (max-width :640px){#wrap{}#navbtn,#navclz{width:15%}.hprize{top:100%;width:16%}#hdr .fb,#hdr .ln{width:12%}#hdr .fb{right:28.6%}#hdr .ln{right:15.6%}#nav .ctr .tmp a{padding:2vw}#foot .ctr{font-size:2.8vw}}.scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-element .scroll-bar,.scroll-element .scroll-arrow{cursor:default}.scroll-textarea{border:1px solid #ccc;border-top-color:#999}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;outline:none;padding:2px;position:relative!important;top:0;width:100%!important}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-inner>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}.scrollbar-inner>.scroll-element.scroll-y{height:100%;right:2px;top:0;width:8px}.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track,.scrollbar-inner>.scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.scrollbar-inner>.scroll-element .scroll-element_track,.scrollbar-inner>.scroll-element .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4}.scrollbar-inner>.scroll-element .scroll-element_track{background-color:#e0e0e0}.scrollbar-inner>.scroll-element .scroll-bar{background-color:#c2c2c2}.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#919191}.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}.scrollbar-outer>.scroll-element,.scrollbar-outer>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-outer>.scroll-element{background-color:#fff}.scrollbar-outer>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-outer>.scroll-element.scroll-x{bottom:0;height:12px;left:0;width:100%}.scrollbar-outer>.scroll-element.scroll-y{height:100%;right:0;top:0;width:12px}.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer{height:8px;top:2px}.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer{left:2px;width:8px}.scrollbar-outer>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-outer>.scroll-element .scroll-element_track{background-color:#eee}.scrollbar-outer>.scroll-element .scroll-element_outer,.scrollbar-outer>.scroll-element .scroll-element_track,.scrollbar-outer>.scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.scrollbar-outer>.scroll-element .scroll-bar{background-color:#d9d9d9}.scrollbar-outer>.scroll-element .scroll-bar:hover{background-color:#c2c2c2}.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-outer>.scroll-content.scroll-scrolly_visible{left:-12px;margin-left:12px}.scrollbar-outer>.scroll-content.scroll-scrollx_visible{top:-12px;margin-top:12px}.scrollbar-outer>.scroll-element.scroll-x .scroll-bar{min-width:10px}.scrollbar-outer>.scroll-element.scroll-y .scroll-bar{min-height:10px}.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-14px}.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-14px}.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-14px}.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-14px}.scrollbar-macosx>.scroll-element,.scrollbar-macosx>.scroll-element div{background:none;border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-macosx>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-macosx>.scroll-element .scroll-element_track{display:none}.scrollbar-macosx>.scroll-element .scroll-bar{background-color:#6C6E71;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.scrollbar-macosx:hover>.scroll-element .scroll-bar,.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:.7}.scrollbar-macosx>.scroll-element.scroll-x{bottom:0;height:0;left:0;min-width:100%;overflow:visible;width:100%}.scrollbar-macosx>.scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:0}.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar{height:7px;min-width:10px;top:-9px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar{left:-9px;min-height:10px;width:7px}.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer{left:2px}.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer{top:2px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-light>.scroll-element,.scrollbar-light>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-light>.scroll-element{background-color:#fff}.scrollbar-light>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-light>.scroll-element .scroll-element_outer{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light>.scroll-element .scroll-element_size{background:#dbdbdb;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#dbdbdb),color-stop(100%,#e8e8e8));background:-webkit-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);background:-o-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);background:-ms-linear-gradient(left,#dbdbdb 0%,#e8e8e8 100%);background:linear-gradient(to right,#dbdbdb 0%,#e8e8e8 100%);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light>.scroll-element.scroll-x{bottom:0;height:17px;left:0;min-width:100%;width:100%}.scrollbar-light>.scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:17px}.scrollbar-light>.scroll-element .scroll-bar{background:#fefefe;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#fefefe),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);background:-o-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);background:-ms-linear-gradient(left,#fefefe 0%,#f5f5f5 100%);background:linear-gradient(to right,#fefefe 0%,#f5f5f5 100%);border:1px solid #dbdbdb;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light>.scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.scrollbar-light>.scroll-content.scroll-scrollx_visible{top:-17px;margin-top:17px}.scrollbar-light>.scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:0}.scrollbar-light>.scroll-element.scroll-y .scroll-bar{left:0;min-height:10px;width:10px}.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer{height:12px;left:2px;top:2px}.scrollbar-light>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer{left:2px;top:2px;width:12px}.scrollbar-light>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-19px}.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-19px}.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-19px}.scrollbar-rail>.scroll-element,.scrollbar-rail>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-rail>.scroll-element{background-color:#fff}.scrollbar-rail>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-rail>.scroll-element .scroll-element_size{background-color:#999;background-color:rgba(0,0,0,.3)}.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:#666;background-color:rgba(0,0,0,.5)}.scrollbar-rail>.scroll-element.scroll-x{bottom:0;height:12px;left:0;min-width:100%;padding:3px 0 2px;width:100%}.scrollbar-rail>.scroll-element.scroll-y{height:100%;min-height:100%;padding:0 2px 0 3px;right:0;top:0;width:12px}.scrollbar-rail>.scroll-element .scroll-bar{background-color:#d0b9a0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.5)}.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar{box-shadow:1px 1px 3px rgba(0,0,0,.6)}.scrollbar-rail>.scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.scrollbar-rail>.scroll-content.scroll-scrollx_visible{margin-top:17px;top:-17px}.scrollbar-rail>.scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:1px}.scrollbar-rail>.scroll-element.scroll-y .scroll-bar{left:1px;min-height:10px;width:10px}.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer{height:15px;left:5px}.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size{height:2px;left:-10px;top:5px}.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer{top:5px;width:15px}.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size{left:5px;top:-10px;width:2px}.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-25px}.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-25px}.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-25px}.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-25px}.scrollbar-dynamic>.scroll-element,.scrollbar-dynamic>.scroll-element div{background:none;border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-dynamic>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-dynamic>.scroll-element.scroll-x{bottom:2px;height:7px;left:0;min-width:100%;width:100%}.scrollbar-dynamic>.scroll-element.scroll-y{height:100%;min-height:100%;right:2px;top:0;width:7px}.scrollbar-dynamic>.scroll-element .scroll-element_outer{opacity:.3;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.scrollbar-dynamic>.scroll-element .scroll-element_size{background-color:#ccc;opacity:0;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-ms-transition:opacity 0.2s;transition:opacity 0.2s}.scrollbar-dynamic>.scroll-element .scroll-bar{background-color:#6c6e71;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar{bottom:0;height:7px;min-width:24px;top:auto}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar{left:auto;min-height:24px;right:0;width:7px}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer{bottom:0;top:auto;left:2px;-webkit-transition:height 0.2s;-moz-transition:height 0.2s;-o-transition:height 0.2s;-ms-transition:height 0.2s;transition:height 0.2s}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer{left:auto;right:0;top:2px;-webkit-transition:width 0.2s;-moz-transition:width 0.2s;-o-transition:width 0.2s;-ms-transition:width 0.2s;transition:width 0.2s}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer{overflow:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:.7}.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size{opacity:1}.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar,.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar{height:100%;width:100%;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer{height:20px;min-height:7px}.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer{min-width:7px;width:20px}.scrollbar-chrome>.scroll-element,.scrollbar-chrome>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-chrome>.scroll-element{background-color:#fff}.scrollbar-chrome>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-chrome>.scroll-element .scroll-element_track{background:#f1f1f1;border:1px solid #dbdbdb}.scrollbar-chrome>.scroll-element.scroll-x{bottom:0;height:16px;left:0;min-width:100%;width:100%}.scrollbar-chrome>.scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:16px}.scrollbar-chrome>.scroll-element .scroll-bar{background-color:#d9d9d9;border:1px solid #bdbdbd;cursor:default;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.scrollbar-chrome>.scroll-element .scroll-bar:hover{background-color:#c2c2c2;border-color:#a9a9a9}.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191;border-color:#7e7e7e}.scrollbar-chrome>.scroll-content.scroll-scrolly_visible{left:-16px;margin-left:16px}.scrollbar-chrome>.scroll-content.scroll-scrollx_visible{top:-16px;margin-top:16px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar{height:8px;min-width:10px;top:3px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar{left:3px;min-height:10px;width:8px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer{border-left:1px solid #dbdbdb}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track{height:14px;left:-3px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size{height:14px;left:-4px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer{border-top:1px solid #dbdbdb}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track{top:-3px;width:14px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size{top:-4px;width:14px}.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-19px}.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-19px}.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-19px}.modal{width:100%;height:0%;position:fixed;left:0;top:0%;z-index:1000;display:block}.modal[class~=on]{display:block;height:115%}.modal .mbg{display:block;width:100%;height:115%;background-color:rgba(255,255,255,.95);opacity:0;transition:opacity .1s;-webkit-transition:opacity .1s}.modal[class~=on] .mbg{opacity:1;height:115%;transition:all .3s;-webkit-transition:all .3s}.modal .cbox{position:fixed;left:50%;top:40%;width:100%;max-width:640px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);opacity:1;transition:all .1s;-webkit-transition:all .1s}.modal[class~=on] .cbox{opacity:1;top:50%;transition:all .5s;-webkit-transition:all .5s}.modal .cbox .relbox{display:none}.modal[class~=on] .cbox .relbox{display:block}.modal .close{position:absolute;right:10%;top:0;width:10%;cursor:pointer}.modal .mvbox{position:fixed;left:50%;top:50%;background:#fff;height:500px;width:750px;margin-left:-375px;margin-top:-250px}.modal .mvbox .close{z-index:3;position:absolute;top:-5%;right:-5%;width:10%;cursor:pointer}.modal .mvbox iframe{position:absolute;width:100%;height:100%}@media only screen and (max-width :640px){.modal .close{width:10vw;height:10vw}.modal .mvbox{position:fixed;left:0%;top:50%;xbackground:#fff;width:100%;height:66vw;margin-left:0;margin-top:-25%}.modal .mvbox .close{top:-13vw;right:1vw}}.owl-carousel{-ms-touch-action:pan-y;touch-action:pan-y}.sldbox{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.slider{width:100%;height:100%}.slider .item{height:100%;background-size:cover;position:relative}.slider .owl-stage-outer,.slider .owl-stage,.slider .owl-item{height:100%}.sldbox .owl-dots{bottom:7%;position:absolute;width:100%;text-align:center;z-index:5;height:10px}.sldbox .owl-carousel .owl-dot{width:15px;height:15px;border-radius:20px;display:inline-block;background-color:#759a95;margin:15px}.sldbox .owl-dot[class~=active]{background-color:#e3f6f3}.sldbox .al,.sldbox .ar{position:absolute;top:50%;z-index:2;cursor:pointer;width:10%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.sldbox .al{left:0%}.sldbox .ar{right:0%}*{-webkit-overflow-scrolling:touch}body{color:#000;background-color:#fff}#wrap{background:none;position:relative;width:100%;max-width:640px;min-width:320px;height:auto;margin:0 auto;overflow:hidden;padding-top:0}.hprize{margin-top:-10px;position:absolute;left:0;top:80px}.page{position:relative;width:100%;min-width:320px;max-width:640px;height:auto;margin:0 auto;padding:0}.page>.ctr{position:relative;width:100%;max-width:640px;height:auto;margin:0 auto;padding:0;display:block}.abs{position:absolute}.alpha0{opacity:0}.relbox{position:relative}.local .abtn{background-color:rgba(255,0,0,.5)}.abtn{position:absolute;display:block;cursor:pointer}.abtn img{position:relative;width:100%;height:100%}.hide{display:none}.ptr{cursor:pointer}.bdr{border:1px solid rgba(255,0,0,0)}.local .bdr{border:1px solid rgba(255,0,0,1)}.rsps{width:100%;height:auto;padding:0;margin:0;display:block}.nojust{text-align:left}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#ccc}::-webkit-scrollbar-thumb{background-color:#666}::-webkit-scrollbar-button{background-color:#ccc;height:1px}::-webkit-scrollbar-corner{background-color:#ccc}.cpane{display:block;position:absolute;border:0 solid #fff;z-index:2}.scrollbar-inner>.scroll-element .scroll-bar{opacity:1;background-color:#C7A864}@media only screen and (max-width :640px){#wrap{}}body {
font-size:1rem	
}

/*goreg*/
.goregbox {
position:fixed;
left:0px;
bottom:0px;
z-index:10;
padding:20px;
width:100%;
text-align:center;
background-color:rgba(255,255,255,.8);
}

.goreg {
width:49%;
max-width:370px;
margin:auto;
}


/*idx*/
#idx {
	
}
#idx .gonext {
 width:20%;
 bottom:10%;
 left:40%;	
 position:absolute;
 height:10%;
}

/*notice*/
#nts .abtn {
 width:50%;
 bottom:3%;
 left:25%;	
 position:absolute;
 height:10%;
}



/*inf---------------------------------------------------------*/
#vdo {
	
}


/*use---------------------------------------------------------*/
#inf .t1{
position:absolute;
top:13.6%;
left:0%;
width:100%;
color:#A0A0A0;	
text-align:center;
font-size:18pt;
line-height:32pt;
letter-spacing:4pt	
}



#inf .p {
position:absolute;	
left:18%;
top:27%;
width:60%;	
text-align:justify;
xtext-align-last: center;
color:#fff;
}



/*itm---------------------------------------------------------*/
#itm .t1{
position:absolute;
top:11%;
left:0%;
width:100%;
color:#016C54;	
text-align:center;
font-size:18pt;
line-height:32pt;
letter-spacing:4pt	
}


#itm .sld-itm {
position:absolute;	
left:0%;
top:60%;
width:100%;	
height:30%;
text-align:justify;
color:#fff;
}
#itm .sld-itm .itm_arrow_l{
position:absolute;	
left:7%;
width:10%;
}
#itm .sld-itm .itm_arrow_r{
position:absolute;	
right:7%;
width:10%;
}
#itm .sld-itm .arr img{
width:100%;
}
#itm .sld-itm .item .md{
 width:50%;	
 margin:auto;	
}
#itm .sld-itm .item .iphoto {
background-color:#53d8b8;
margin:5% 0%;
}
#itm .sld-itm .item .iphoto h3 {
margin:0;
padding:5% 0;
text-align:center;
}
#itm .sld-itm .item p {
color:#1acca0;
text-align:justify;
text-align-last: center;
}

#itm .sldbox .owl-dots {
 bottom:-10%;	
}

/*evt---------------------------------------------------------*/
#evt .sec4more {
 width:10%;
 right:0%;
 top:14%;	
 z-index:3;
}



.sld-evt .evt_arrow_l{
position:absolute;	
left:17%;
top:25%;
width:10%;
}
.sld-evt .evt_arrow_r{
position:absolute;	
right:17%;
top:25%;
width:10%;
}
.sld-evt .evt_arrow_l img,.sld-evt .evt_arrow_r img{
width:100%;
}



#evt .sld-evt {
top:9%;
left:0%;
width:100%;
height:35%;	
}

#evt .sld-evt .item .md {
width:70%;
margin:auto;	
}

#evt .sld-evt .item h3 {
color:#17cc9f;
font-size:24pt;
text-align:center;
padding:10px;
border-bottom:1px solid #17cc9f;
font-weight:bold;
}
#evt .sld-evt .item p {
color:#626262;
padding-top:5%;
text-align:justify;

}
#evt .sld-evt .item p[class~=ct]{
text-align:center;
	
}
#evt .sld-evt .item p sub {
color:#17cc9f;	
}

#evt .sldbox .owl-dot[class~=active] {
 background-color:#70dfc4;
}


#evt .gonext {
 width:20%;
 bottom:0%;
 left:40%;	
 position:absolute;
 height:6%;
}

/*#evt .evtitm*/
.evtitm h2,.evtitm i {
position:absolute;
display:block;
border:1px solid rgba(0,0,0,0);	
}
.local .evtitm h2,.local .evtitm i {
border:1px solid #f00;	
}

#evtitm {
position:absolute;	
top:45%;
left:10%;
}


.evtitm .t1{
top:46%;
left:10%;
width:80%;
text-align:center;
color:#fff;
font-size:32pt;
letter-spacing:3px
}
.evtitm .itmt{
top:69.3%;
left:10%;
width:80%;	
color:#fff;
text-align:center;
font-size:22pt;
}
.evtitm .pzu{
top:72%;
left:20%;
width:6%;
height:2.5%;
color:#2f7d7b;
vertical-align:top;
font-size:12pt;
}
.evtitm .pz{
top:72%;
left:26%;
width:22%;
height:2.5%;
color:#2f7d7b;
vertical-align:top;	
font-size:32pt;
font-weight:bold;
}

.evtitm .pzou{
top:72%;
left:48%;
width:6%;
height:2.5%;
color:#63a99f;
vertical-align:top;	
font-size:12pt;	
}

.evtitm .pzo{
top:72%;
left:54%;
width:12.5%;
height:2.5%;
color:#63a99f;
vertical-align:top;		
font-size:18pt;
}
.evtitm .pzoe{
top:72%;
left:66.5%;
width:14%;
height:2.5%;
color:#63a99f;
vertical-align:top;	
font-size:8pt;	
}

.evtitm .info{
top:74.5%;
left:20%;
width:36%;
height:4.5%;
line-height:;
vertical-align:top;	
color:#63a99f;
font-size:14pt;	
}
.evtitm .sp{
top:82%;
left:35%;
width:52%;
height:4.5%;
line-height:20pt;
vertical-align:top;		
color:#2f7d7b;
font-size:17pt;	

}
.evtitm .sp b{
font-weight:bold;
}

.evtitm .note{
top:89%;
left:10%;
width:80%;	
text-align:center;
color:#63a99f;
font-size:9pt;	
}








/*kol---------------------------------------------------------*/
#kol {
	
}

#kol .gokol {
  position:absolute;
  top:17%;
  left:10%;
  width:80%;
  height:30%;	
}
#kol .t1{
  position:absolute;
  top:41.6%;
  left:20%;
  width:60%;	
  color:#fff;
  text-align:center;	
  letter-spacing:1%;
}

/*slider*/
#kol .sld-kol {
position:absolute;
width:100%;
height:52%;
left:0px;
top:48%;	
}


.sld-kol .al{
position:absolute;	
left:0%;
top:45%;
width:10%;
}
.sld-kol .ar{
position:absolute;	
right:0%;
top:45%;
width:10%;
}
.sld-kol .al  img,.sld-kol .ar img{
width:100%;
}

#kol .sldbox .owl-dot[class~=active] {
 background-color:#51D8B7;
}





/*sld item*/

#kol .item{
position:relative;	
display:block;
width:100%;
height:100%;
}

#kol .item .md{
width:84%;
margin:auto;
display:block;
height:100%;
top:0px;
}
#kol .kbox {
width:30%;
margin:1.3%;
height:28%;	
display:inline-block;
}


#kol .cr {
display:block;	
width:100%;
background-size:cover;
background-position:center center;
padding-bottom:100%;
border-radius:100%;
over-flow:hidden
}
#kol h3{
text-align:center;
color:#007579;
text-align:center;
padding-top:8%;	
}




/*reg-----------------*/
#reg {
color:#9e9e9e;	
	
}
#reg input::-webkit-input-placeholder{
color:#cbcbcb;	
}

#reg .iptbox1{	
 top:47%;	
 left:12.5%;
 height:4%;	
 width:75%;
}
#reg .iptbox2{
 top:53%;	
 left:12.5%;
 height:4%;	
 width:75%;		
	
}
#reg .iptbox3{
 top:59%;	
 left:12.5%;
 height:4%;	
 width:75%;
}
#reg .iptbox4{
 top:65%;	
 left:12.5%;
 height:4%;	
 width:75%;		
}
#reg input[type=text] {
width:100%;
height:100%;
line-height:100%;
background-color:transparent;
border:0px #f00 solid;
box-sizing:border-box;
text-indent:10px	
}
#reg .iptbox4  input[type=text]{
width:88%;	
}

#reg .shop_fr{	
position:absolute;
z-index:2;
width:100%;
height:100%;
opacity:0;
}


#reg .chkbox{	
 top:71%;	
 left:12.5%;
 height:4%;	
 width:75%;
 text-align:Center;
}
#reg .chk,#reg .chkf{	
 position:absolute;
 left:13%;
 width:7%;
}

#reg b {
font-weight:bold;	
}


#reg .txtbox1{	
 top:37.5%;	
 left:12.5%;
 width:75%;
 text-align:center;
 letter-spacing:1%; 
 line-height:120%;
}
#reg .txtbox2{	
 top:83%;	
 left:12.5%;
 width:75%;
 color:#17cc9f;
 text-align:center;
 letter-spacing:1%; 
 line-height:150%; 
}

#reg #sndbtn {
 top:76%;	
 left:12.5%;
 height:5%;	
 width:75%;	
	
}


/*modal -----------------------------------------------------------------*/
#evtbox .close{
width:10%;
right:11%;
top:1%;
}

#evtbox .t1{
width:50%;
left:25%;
top:28%;
color:#1acca0;
}
#evtbox .p1{
width:24%;
left:26%;
top:38%;
box-sizing:border-box;
color:#fff;
}

#evtbox .t2{
width:50%;
left:25%;
top:58%;
color:#1acca0;
text-align:right;
}
#evtbox .p2{
width:24%;
left:50%;
top:69%;
color:#fff;
}

/*#rulebox# ---------------------*/
#rulebox .close{
width:10%;
right:8%;
top:0%;
}

#rulebox .inbox {
 position:absolute;
 top:10%;
 width:70%;
 left:15%;
	
}

#rulebox .inbox h3 {
 border-bottom:1px solid #016C54;
 margin-bottom:3%;
 color:#016C54;	
 text:align-center;
}

#rulebox .inbox p {
 color:#a2a2a2;	
}



#finbox .close{
width:10%;
right:8%;
top:0%;
}
#finbox .line{
width:40%;
right:30%;
top:87%;
height:10%;
}

#finbox .t1{
width:80%;
left:10%;
top:75%;
color:#515151;
font-weight:bold;
text-align:center;
}

#finbox .t2{
width:80%;
left:10%;
top:81%;
color:#515151;
text-align:center;
}








/*
#vf .okbtn {
 width:50%;	
 height:10%;
 left:25%;
 bottom:10%;
 top:auto;		
}
*/

@media only screen and (max-width : 640px) {
body {
font-size:2.6vw
}

.goregbox {
padding:6vw 0vw;
}


#inf .p {
font-size:4.5vw;
line-height:7.2vw;
}


#inf .t1{
font-size:3.6vw;
line-height:6vw;
letter-spacing:1.2vw	
}


#itm .t1{
font-size:3.6vw;
line-height:6vw;
letter-spacing:1.2vw	
}

#itm .sld-itm .item p {
line-height:5vw;
}

#evt .sld-evt .item h3 {
font-size:6vw;
padding:5vwpx;
}

#evt .sld-evt .item p {
font-size:3.6vw;
line-height:5.2vw;
}

/*evtitm*/
.evtitm .t1{
top:45.5%;	
font-size:6vw;
letter-spacing:1vw
}
.evtitm .itmt{
top:68.7%;	
font-size:4vw;
}
.evtitm .pzu{
font-size:3vw;
width:auto;
left:19%;
}
.evtitm .pz{
font-size:6vw;
}

.evtitm .pzou{
font-size:3vw;
width:auto;
left:47%;
}

.evtitm .pzo{
top:71.8%;	
font-size:3.6vw;
}
.evtitm .pzoe{
font-size:2.4vw;
width:auto;
}

.evtitm .info{
font-size:3vw;
line-height:4vw;
}
.evtitm .sp{
line-height:5.2vw;
font-size:3.2vw;	
}

.evtitm .note{
font-size:2vw;
line-height:3vw;
}

#reg input[type=text]{
box-sizing:border-box;
border:0px solid #f00;
}


/*placeholder*/	
input::-webkit-input-placeholder {
	box-sizing:border-box;
    font-size: 4vw;
	line-height:7vw;
}
textarea::-webkit-input-placeholder {
	box-sizing:border-box;
    font-size:4vw;
	line-height:7vw;
}
	
input::-webkit-input-placeholder {
	box-sizing:border-box;
    font-size: 4vw;
	line-height:7vw;
}



}