﻿{"id":3621,"date":"2020-04-22T11:34:34","date_gmt":"2020-04-22T03:34:34","guid":{"rendered":"http:\/\/hato-group.com.tw\/?page_id=3621"},"modified":"2020-04-22T11:35:27","modified_gmt":"2020-04-22T03:35:27","slug":"%e7%a9%bf%e6%90%ad%e5%89%8d%e7%b7%9a","status":"publish","type":"page","link":"https:\/\/hato-group.com.tw\/?page_id=3621","title":{"rendered":"\u7a7f\u642d\u524d\u7dda"},"content":{"rendered":"<div class=\"row row-full-width\"  id=\"row-898193005\">\n\n\t<div id=\"col-723953328\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(255, 255, 255, 0.65);\" >\n\t\t\t\n\t\t\t\n\n\n\t<section class=\"section\" id=\"section_1458774387\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgb(255, 255, 255);border-width:0px 0px 100px 0px;margin:9px 0px 0px 0px;\">\n\t<\/div>\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"slider-wrapper relative hide-for-medium\" id=\"slider-728025576\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-container\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 6000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": true,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": true,\n            \"rightToLeft\": false,\n            \"draggable\": false,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-954486720\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"?p=1753\" ><div class=\"fill banner-link\"><\/div><\/a>            \n   <div id=\"text-box-1905943524\" class=\"text-box banner-layer hidden x0 md-x0 lg-x0 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3>2019 SS<\/h3>\n<p>Lorem ipsum dolor sit amet, <\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1905943524 {\n  width: 60%;\n}\n#text-box-1905943524 .text-box-content {\n  font-size: 140%;\n}\n@media (min-width:550px) {\n  #text-box-1905943524 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-954486720 {\n  padding-top: 43%;\n}\n#banner-954486720 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_01.jpg);\n}\n#banner-954486720 .bg {\n  background-position: 80% 20%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-1603213599\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"?p=2181\" ><div class=\"fill banner-link\"><\/div><\/a>            \n   <div id=\"text-box-887386760\" class=\"text-box banner-layer hidden x0 md-x0 lg-x0 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3>This is a simple headline<\/h3>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-887386760 {\n  width: 60%;\n}\n#text-box-887386760 .text-box-content {\n  font-size: 140%;\n}\n@media (min-width:550px) {\n  #text-box-887386760 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1603213599 {\n  padding-top: 43%;\n}\n#banner-1603213599 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_02.jpg);\n}\n#banner-1603213599 .bg {\n  background-position: 63% 35%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-1636019285\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"?p=1909\" ><div class=\"fill banner-link\"><\/div><\/a>            \n   <div id=\"text-box-366991335\" class=\"text-box banner-layer x50 md-x50 lg-x50 y0 md-y0 lg-y0 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-366991335 {\n  width: 60%;\n}\n#text-box-366991335 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-366991335 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1636019285 {\n  padding-top: 43%;\n}\n#banner-1636019285 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_04-1.jpg);\n}\n#banner-1636019285 .bg {\n  background-position: 55% 0%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-449576504\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"?p=1926\" ><div class=\"fill banner-link\"><\/div><\/a>            \n   <div id=\"text-box-295897229\" class=\"text-box banner-layer x100 md-x100 lg-x100 y70 md-y70 lg-y70 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-295897229 {\n  width: 60%;\n}\n#text-box-295897229 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-295897229 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-449576504 {\n  padding-top: 43%;\n}\n#banner-449576504 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_03-1.jpg);\n}\n#banner-449576504 .bg {\n  background-position: 30% 2%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-182570800\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1924372211\" class=\"text-box banner-layer x100 md-x100 lg-x100 y70 md-y70 lg-y70 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1924372211 {\n  width: 60%;\n}\n#text-box-1924372211 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-1924372211 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-182570800 {\n  padding-top: 43%;\n}\n#banner-182570800 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_05-1.jpg);\n}\n#banner-182570800 .bg {\n  background-position: 27% 0%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-406422462\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-909022858\" class=\"text-box banner-layer x100 md-x100 lg-x100 y70 md-y70 lg-y70 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-909022858 {\n  width: 60%;\n}\n#text-box-909022858 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-909022858 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-406422462 {\n  padding-top: 43%;\n}\n#banner-406422462 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_06.jpg);\n}\n#banner-406422462 .bg {\n  background-position: 27% 0%;\n}\n<\/style>\n  <\/div>\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t\n<style>\n#slider-728025576 .flickity-slider > * {\n  max-width: 1200px!important;\n}\n<\/style>\n<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1458774387 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n#section_1458774387 .section-bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_pink.jpg);\n}\n<\/style>\n\t<\/section>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\n<div class=\"slider-wrapper relative show-for-small\" id=\"slider-349673434\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-container\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 6000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": true,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": true,\n            \"rightToLeft\": false,\n            \"draggable\": false,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-842021865\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1023821151\" class=\"text-box banner-layer hidden x0 md-x0 lg-x0 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3>2019 SS<\/h3>\n<p>Lorem ipsum dolor sit amet, <\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1023821151 {\n  width: 60%;\n}\n#text-box-1023821151 .text-box-content {\n  font-size: 140%;\n}\n@media (min-width:550px) {\n  #text-box-1023821151 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-842021865 {\n  padding-top: 70%;\n}\n#banner-842021865 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_01.jpg);\n}\n#banner-842021865 .bg {\n  background-position: 80% 20%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-270918676\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1106674808\" class=\"text-box banner-layer hidden x0 md-x0 lg-x0 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3>This is a simple headline<\/h3>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1106674808 {\n  width: 60%;\n}\n#text-box-1106674808 .text-box-content {\n  font-size: 140%;\n}\n@media (min-width:550px) {\n  #text-box-1106674808 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-270918676 {\n  padding-top: 70%;\n}\n#banner-270918676 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_02.jpg);\n}\n#banner-270918676 .bg {\n  background-position: 63% 35%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-652944544\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-540940729\" class=\"text-box banner-layer x50 md-x50 lg-x50 y0 md-y0 lg-y0 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-540940729 {\n  width: 60%;\n}\n#text-box-540940729 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-540940729 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-652944544 {\n  padding-top: 70%;\n}\n#banner-652944544 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_04-1.jpg);\n}\n#banner-652944544 .bg {\n  background-position: 55% 0%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-251852760\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1158563916\" class=\"text-box banner-layer x100 md-x100 lg-x100 y70 md-y70 lg-y70 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1158563916 {\n  width: 60%;\n}\n#text-box-1158563916 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-1158563916 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-251852760 {\n  padding-top: 70%;\n}\n#banner-251852760 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_03-1.jpg);\n}\n#banner-251852760 .bg {\n  background-position: 30% 2%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-125950482\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-111455806\" class=\"text-box banner-layer x100 md-x100 lg-x100 y70 md-y70 lg-y70 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-111455806 {\n  width: 60%;\n}\n#text-box-111455806 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-111455806 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-125950482 {\n  padding-top: 70%;\n}\n#banner-125950482 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_05-1.jpg);\n}\n#banner-125950482 .bg {\n  background-position: 27% 0%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover bg-overlay-remove-50\" id=\"banner-1620318349\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-500818712\" class=\"text-box banner-layer x100 md-x100 lg-x100 y70 md-y70 lg-y70 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-500818712 {\n  width: 60%;\n}\n#text-box-500818712 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-500818712 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1620318349 {\n  padding-top: 70%;\n}\n#banner-1620318349 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_06.jpg);\n}\n#banner-1620318349 .bg {\n  background-position: 27% 0%;\n}\n<\/style>\n  <\/div>\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t\n<style>\n#slider-349673434 .flickity-slider > * {\n  max-width: 1200px!important;\n}\n<\/style>\n<\/div>\n\n\n\n\n<div class=\"row align-center\"  id=\"row-1683865706\">\n\n\t<div id=\"col-820334241\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 style=\"text-align: center;\">2019 SPRING \/ SUMMER<\/h2>\n<div class=\"text-center\"><div class=\"is-divider divider clearfix\" style=\"max-width:62px;height:2px;background-color:rgb(151, 151, 151);\"><\/div><\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row row-box-shadow-1 row-box-shadow-2-hover\"  id=\"row-1061426602\">\n\n\t<div id=\"col-544940006\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover bg-zoom-fade\" id=\"banner-1645823292\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"?page_id=317\" ><div class=\"fill banner-link\"><\/div><\/a>            \n   <div id=\"text-box-1756935381\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1756935381 {\n  width: 60%;\n}\n#text-box-1756935381 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1756935381 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1645823292 {\n  padding-top: 150%;\n}\n#banner-1645823292 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-2005.jpg);\n}\n#banner-1645823292 .bg {\n  background-position: 35% 13%;\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-792897026\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover bg-zoom-fade\" id=\"banner-1843148205\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"?page_id=317\" ><div class=\"fill banner-link\"><\/div><\/a>            \n   <div id=\"text-box-205600212\" class=\"text-box banner-layer hidden x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<div class=\"is-divider divider clearfix\" ><\/div>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-205600212 {\n  width: 60%;\n}\n#text-box-205600212 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1843148205 {\n  padding-top: 150%;\n}\n#banner-1843148205 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-2042.jpg);\n}\n#banner-1843148205 .bg {\n  background-position: 44% 61%;\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-709182080\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover bg-zoom-fade\" id=\"banner-1665323230\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"?page_id=317\" ><div class=\"fill banner-link\"><\/div><\/a>            \n   <div id=\"text-box-801790269\" class=\"text-box banner-layer hidden x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<div class=\"is-divider divider clearfix\" ><\/div>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-801790269 {\n  width: 60%;\n}\n#text-box-801790269 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1665323230 {\n  padding-top: 150%;\n}\n#banner-1665323230 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1991.jpg);\n}\n#banner-1665323230 .bg {\n  background-position: 61% 39%;\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-495705604\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-495705604 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"container section-title-container hidden\" ><h4 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:128%;\">Try SomeThing New<\/span><b><\/b><\/h4><\/div>\n<div class=\"row align-center\"  id=\"row-854460610\">\n\n\t<div id=\"col-1280622643\" class=\"col medium-10 small-12 large-10\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"uppercase\">Fashion must-have<\/h2>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-854460610 > .col > .col-inner {\n  padding: 20px 0px 20px 0px;\n}\n<\/style>\n<\/div>\n<div class=\"row row-full-width\"  id=\"row-558580583\">\n\n\t<div id=\"col-446028516\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover bg-color is-full-height\" id=\"banner-1441365178\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"?p=1776\" ><div class=\"fill banner-link\"><\/div><\/a>            \n   <div id=\"text-box-644363406\" class=\"text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n\t<div class=\"is-border\"\n\t\tstyle=\"border-width:1px 1px 1px 1px;\">\n\t<\/div>\n              <div class=\"text-inner text-center\">\n                  \n<h5>DETAIL<\/h5>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-644363406 .text-box-content {\n  background-color: rgba(255, 255, 255, 0.21);\n  font-size: 0%;\n}\n#text-box-644363406 {\n  width: 15%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1441365178 {\n  padding-top: 100%;\n}\n#banner-1441365178 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-0309.jpg);\n}\n#banner-1441365178 .bg {\n  background-position: 27% 41%;\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-189470734\">\n\n\t<div id=\"col-486075689\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner dark\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_577444993\">\n\t\t<a class=\"\" href=\"?p=2068\" >\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img width=\"1020\" height=\"680\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1734-1200x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1734-1200x800.jpg 1200w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1734-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1734-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1734-500x333.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1734-700x467.jpg 700w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_577444993 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_185820011\">\n\t\t<a class=\"\" href=\"?p=1966\" >\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img width=\"1020\" height=\"680\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1351-1200x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1351-1200x800.jpg 1200w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1351-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1351-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1351-500x333.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1351-700x467.jpg 700w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_185820011 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-388573585\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_412320931\">\n\t\t<a class=\"\" href=\"?p=2089\" >\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img width=\"1020\" height=\"680\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1792-1200x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1792-1200x800.jpg 1200w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1792-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1792-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1792-500x333.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1792-700x467.jpg 700w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_412320931 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-1167096269\">\n\n\t<div id=\"col-696311903\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1399522306\">\n\t\t<a class=\"\" href=\"?p=588\" >\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img width=\"835\" height=\"557\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0308-0032.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0308-0032.jpg 835w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0308-0032-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0308-0032-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0308-0032-500x334.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0308-0032-700x467.jpg 700w\" sizes=\"(max-width: 835px) 100vw, 835px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_1399522306 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1216077151\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner dark\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1008772721\">\n\t\t<a class=\"\" href=\"?p=2045\" >\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img width=\"1020\" height=\"680\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1043-1200x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1043-1200x800.jpg 1200w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1043-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1043-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1043-500x333.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1043-700x467.jpg 700w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_1008772721 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_46467841\">\n\t\t<a class=\"\" href=\"?p=2082\" >\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img width=\"1020\" height=\"680\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1024-1200x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1024-1200x800.jpg 1200w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1024-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1024-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1024-500x333.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1024-700x467.jpg 700w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_46467841 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-647590451\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-647590451 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\t<section class=\"section\" id=\"section_1088810296\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row align-center\"  id=\"row-750714943\">\n\n\t<div id=\"col-1381442576\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<a class=\"plain\" href=\"\/?page_id=304\" >\t<div class=\"icon-box featured-box icon-box-center text-center is-xsmall\"  style=\"margin:21px 0px 0px 0px;\">\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 177px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(43, 14, 14);\">\n\t\t\t\t\t\t<img width=\"503\" height=\"400\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/\u9d3f\u5b50\u670d\u98fe-\u6a19\u6e96logo-02-503x400.png\" class=\"attachment-medium size-medium\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/\u9d3f\u5b50\u670d\u98fe-\u6a19\u6e96logo-02-503x400.png 503w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/\u9d3f\u5b50\u670d\u98fe-\u6a19\u6e96logo-02-500x397.png 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/\u9d3f\u5b50\u670d\u98fe-\u6a19\u6e96logo-02.png 677w\" sizes=\"(max-width: 503px) 100vw, 503px\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t<\/a>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1004166841\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<a class=\"plain\" href=\"\/?page_id=308\" >\t<div class=\"icon-box featured-box icon-box-center text-center is-xsmall\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 118px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(255, 255, 255);\">\n\t\t\t\t\t\t<img width=\"279\" height=\"400\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/\u9d3f\u5b50\u670d\u98fe-\u6a19\u6e96logo-01-2-279x400.png\" class=\"attachment-medium size-medium\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/\u9d3f\u5b50\u670d\u98fe-\u6a19\u6e96logo-01-2-279x400.png 279w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/\u9d3f\u5b50\u670d\u98fe-\u6a19\u6e96logo-01-2.png 398w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t<\/a>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-750714943 > .col > .col-inner {\n  padding: 50px 0px 40px 0px;\n}\n<\/style>\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1088810296 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(228, 228, 228);\n}\n<\/style>\n\t<\/section>\n\t\n\t<div id=\"gap-939464751\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-939464751 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row align-center\"  id=\"row-566810429\">\n\n\t<div id=\"col-871609234\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2 style=\"text-align: center;\" >2019 AUTUMN EARLY<\/h2>\n<div class=\"text-center\"><div class=\"is-divider divider clearfix\" style=\"max-width:62px;height:2px;background-color:rgb(151, 151, 151);\"><\/div><\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-1790721349\">\n\n\t<div id=\"col-1843141569\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-1477170626\" class=\"banner-grid row row-grid row-small\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col large-6 grid-col-1\" ><div class=\"col-inner\">\n<div class=\"slider-wrapper relative\" id=\"slider-122700990\" >\n    <div class=\"slider slider-nav-circle slider-nav-normal slider-nav-light slider-style-normal\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 4000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": true,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": true,\n            \"rightToLeft\": false,\n            \"draggable\": true,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_233970250\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-zoom-fade image-cover dark\" style=\"padding-top:50%;\">\n\t\t\t<img width=\"1020\" height=\"680\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0791-1200x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0791-1200x800.jpg 1200w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0791-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0791-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0791-500x333.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0791-700x467.jpg 700w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0791.jpg 1500w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_233970250 {\n  width: 29%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_725302085\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-zoom-fade image-cover dark\" style=\"padding-top:50%;\">\n\t\t\t<img width=\"533\" height=\"800\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0735-533x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0735-533x800.jpg 533w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0735-267x400.jpg 267w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0735-768x1152.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0735-500x750.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0735-700x1050.jpg 700w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0735.jpg 1000w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_725302085 {\n  width: 29%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_919623604\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-zoom-fade image-cover dark\" style=\"padding-top:200%;\">\n\t\t\t<img width=\"533\" height=\"800\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1772-533x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1772-533x800.jpg 533w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1772-267x400.jpg 267w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1772-768x1152.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1772-500x750.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1772-700x1050.jpg 700w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1772.jpg 1000w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_919623604 {\n  width: 54%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_841455196\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-zoom-fade image-cover dark\" style=\"padding-top:200%;\">\n\t\t\t<img width=\"533\" height=\"800\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1686-533x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1686-533x800.jpg 533w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1686-267x400.jpg 267w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1686-768x1152.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1686-500x750.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1686-700x1050.jpg 700w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-1686.jpg 1000w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_841455196 {\n  width: 54%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1471164241\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-zoom-fade image-cover dark\" style=\"padding-top:75%;\">\n\t\t\t<img width=\"1020\" height=\"680\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0922-1200x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0922-1200x800.jpg 1200w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0922-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0922-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0922-500x333.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0922-700x467.jpg 700w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0922.jpg 1500w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1471164241 {\n  width: 48%;\n}\n<\/style>\n\t<\/div>\n\t\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-6 grid-col-1-2\" ><div class=\"col-inner\">\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1336648141\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-zoom-fade dark\" >\n\t\t\t<img width=\"1020\" height=\"680\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0165-1200x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0165-1200x800.jpg 1200w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0165-600x400.jpg 600w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0165-768x512.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0165-500x333.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0165-700x467.jpg 700w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0165.jpg 1500w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1336648141 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<\/div><\/div>\n<div class=\"col grid-col large-3 grid-col-1-2\" ><div class=\"col-inner\">\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1191454761\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-zoom-fade image-cover dark\" style=\"padding-top:75%;\">\n\t\t\t<img width=\"533\" height=\"800\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0445-533x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0445-533x800.jpg 533w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0445-267x400.jpg 267w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0445-768x1152.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0445-500x750.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0445-700x1050.jpg 700w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0445.jpg 1000w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1191454761 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<\/div><\/div>\n<div class=\"col grid-col large-3 grid-col-1-2\" ><div class=\"col-inner\">\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_323638584\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-zoom-fade dark\" >\n\t\t\t<img width=\"533\" height=\"800\" src=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0573-533x800.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0573-533x800.jpg 533w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0573-267x400.jpg 267w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0573-768x1152.jpg 768w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0573-500x750.jpg 500w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0573-700x1050.jpg 700w, https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/0523-0573.jpg 1000w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_323638584 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-1477170626 .grid-col-1{height: 600px}\n    #banner-grid-1477170626 .grid-col-1-2{height: 300px}\n    #banner-grid-1477170626 .grid-col-1-3{height:200px}\n    #banner-grid-1477170626 .grid-col-2-3{height: 400px}\n    #banner-grid-1477170626 .grid-col-1-4{height: 150px}\n    #banner-grid-1477170626 .grid-col-3-4{height: 450px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-809216381\">\n\n\t<div id=\"col-1808810381\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<a href=\"?page_id=327\" class=\"button primary is-outline bttxt\"  >\n    <span>All Product<\/span>\n  <\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":[],"_links":{"self":[{"href":"https:\/\/hato-group.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/3621"}],"collection":[{"href":"https:\/\/hato-group.com.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hato-group.com.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hato-group.com.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hato-group.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3621"}],"version-history":[{"count":1,"href":"https:\/\/hato-group.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/3621\/revisions"}],"predecessor-version":[{"id":3622,"href":"https:\/\/hato-group.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/3621\/revisions\/3622"}],"wp:attachment":[{"href":"https:\/\/hato-group.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}