﻿{"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-622765040\">\n\n\t<div id=\"col-368571421\" 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_315066331\">\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-1506447063\" >\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-2042494519\">\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-1872131617\" 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-1872131617 {\n  width: 60%;\n}\n#text-box-1872131617 .text-box-content {\n  font-size: 140%;\n}\n@media (min-width:550px) {\n  #text-box-1872131617 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-2042494519 {\n  padding-top: 43%;\n}\n#banner-2042494519 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_01.jpg);\n}\n#banner-2042494519 .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-752296583\">\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-57450473\" 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-57450473 {\n  width: 60%;\n}\n#text-box-57450473 .text-box-content {\n  font-size: 140%;\n}\n@media (min-width:550px) {\n  #text-box-57450473 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-752296583 {\n  padding-top: 43%;\n}\n#banner-752296583 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_02.jpg);\n}\n#banner-752296583 .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-1974666886\">\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-1585052040\" 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-1585052040 {\n  width: 60%;\n}\n#text-box-1585052040 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-1585052040 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1974666886 {\n  padding-top: 43%;\n}\n#banner-1974666886 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_04-1.jpg);\n}\n#banner-1974666886 .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-1968668486\">\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-153853344\" 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-153853344 {\n  width: 60%;\n}\n#text-box-153853344 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-153853344 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1968668486 {\n  padding-top: 43%;\n}\n#banner-1968668486 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_03-1.jpg);\n}\n#banner-1968668486 .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-685655285\">\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-1396721064\" 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-1396721064 {\n  width: 60%;\n}\n#text-box-1396721064 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-1396721064 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-685655285 {\n  padding-top: 43%;\n}\n#banner-685655285 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_05-1.jpg);\n}\n#banner-685655285 .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-885971082\">\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-319529932\" 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-319529932 {\n  width: 60%;\n}\n#text-box-319529932 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-319529932 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-885971082 {\n  padding-top: 43%;\n}\n#banner-885971082 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_06.jpg);\n}\n#banner-885971082 .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-1506447063 .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_315066331 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n#section_315066331 .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-902171756\" >\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-531237002\">\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-133954950\" 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-133954950 {\n  width: 60%;\n}\n#text-box-133954950 .text-box-content {\n  font-size: 140%;\n}\n@media (min-width:550px) {\n  #text-box-133954950 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-531237002 {\n  padding-top: 70%;\n}\n#banner-531237002 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_01.jpg);\n}\n#banner-531237002 .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-314710866\">\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-60452297\" 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-60452297 {\n  width: 60%;\n}\n#text-box-60452297 .text-box-content {\n  font-size: 140%;\n}\n@media (min-width:550px) {\n  #text-box-60452297 {\n    width: 50%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-314710866 {\n  padding-top: 70%;\n}\n#banner-314710866 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_02.jpg);\n}\n#banner-314710866 .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-1380465267\">\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-665595221\" 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-665595221 {\n  width: 60%;\n}\n#text-box-665595221 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-665595221 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1380465267 {\n  padding-top: 70%;\n}\n#banner-1380465267 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_04-1.jpg);\n}\n#banner-1380465267 .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-1918719075\">\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-10434849\" 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-10434849 {\n  width: 60%;\n}\n#text-box-10434849 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-10434849 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1918719075 {\n  padding-top: 70%;\n}\n#banner-1918719075 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_03-1.jpg);\n}\n#banner-1918719075 .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-956170345\">\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-572152390\" 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-572152390 {\n  width: 60%;\n}\n#text-box-572152390 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-572152390 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-956170345 {\n  padding-top: 70%;\n}\n#banner-956170345 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_05-1.jpg);\n}\n#banner-956170345 .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-1805710239\">\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-614086455\" 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-614086455 {\n  width: 60%;\n}\n#text-box-614086455 .text-box-content {\n  font-size: 175%;\n}\n@media (min-width:550px) {\n  #text-box-614086455 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1805710239 {\n  padding-top: 70%;\n}\n#banner-1805710239 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/06\/index_06.jpg);\n}\n#banner-1805710239 .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-902171756 .flickity-slider > * {\n  max-width: 1200px!important;\n}\n<\/style>\n<\/div>\n\n\n\n\n<div class=\"row align-center\"  id=\"row-1265589667\">\n\n\t<div id=\"col-1347011236\" 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-1140818294\">\n\n\t<div id=\"col-1787313307\" 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-1017070896\">\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-691984459\" 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-691984459 {\n  width: 60%;\n}\n#text-box-691984459 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-691984459 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1017070896 {\n  padding-top: 150%;\n}\n#banner-1017070896 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-2005.jpg);\n}\n#banner-1017070896 .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-450443711\" 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-1858505308\">\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-1342722182\" 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-1342722182 {\n  width: 60%;\n}\n#text-box-1342722182 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1858505308 {\n  padding-top: 150%;\n}\n#banner-1858505308 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-2042.jpg);\n}\n#banner-1858505308 .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-13642958\" 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-733161376\">\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-445359793\" 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-445359793 {\n  width: 60%;\n}\n#text-box-445359793 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-733161376 {\n  padding-top: 150%;\n}\n#banner-733161376 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-1991.jpg);\n}\n#banner-733161376 .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-802309567\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-802309567 {\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-583666525\">\n\n\t<div id=\"col-1997252367\" 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-583666525 > .col > .col-inner {\n  padding: 20px 0px 20px 0px;\n}\n<\/style>\n<\/div>\n<div class=\"row row-full-width\"  id=\"row-1628002039\">\n\n\t<div id=\"col-1227397202\" 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-1911649118\">\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-1279897607\" 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-1279897607 .text-box-content {\n  background-color: rgba(255, 255, 255, 0.21);\n  font-size: 0%;\n}\n#text-box-1279897607 {\n  width: 15%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1911649118 {\n  padding-top: 100%;\n}\n#banner-1911649118 .bg.bg-loaded {\n  background-image: url(https:\/\/hato-group.com.tw\/wp-content\/uploads\/2019\/05\/0308-0309.jpg);\n}\n#banner-1911649118 .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-395304264\">\n\n\t<div id=\"col-376919499\" 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_40099970\">\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_40099970 {\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_1201567361\">\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_1201567361 {\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-1820538894\" 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_837345267\">\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_837345267 {\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-1993087337\">\n\n\t<div id=\"col-1256078043\" 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_1028742292\">\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_1028742292 {\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-725961290\" 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_751235048\">\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_751235048 {\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_1941248790\">\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_1941248790 {\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-31272366\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-31272366 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\t<section class=\"section\" id=\"section_740912046\">\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-1976110781\">\n\n\t<div id=\"col-34461450\" 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-893701220\" 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-1976110781 > .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_740912046 {\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-1918948824\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1918948824 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row align-center\"  id=\"row-1540691416\">\n\n\t<div id=\"col-1347664314\" 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-20918274\">\n\n\t<div id=\"col-256332599\" 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-2033528325\" 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-186089901\" >\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_1571746002\">\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_1571746002 {\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_339611060\">\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_339611060 {\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_902213691\">\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_902213691 {\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_1825530609\">\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_1825530609 {\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_483414423\">\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_483414423 {\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_1862797646\">\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_1862797646 {\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_1181064559\">\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_1181064559 {\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_445939508\">\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_445939508 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-2033528325 .grid-col-1{height: 600px}\n    #banner-grid-2033528325 .grid-col-1-2{height: 300px}\n    #banner-grid-2033528325 .grid-col-1-3{height:200px}\n    #banner-grid-2033528325 .grid-col-2-3{height: 400px}\n    #banner-grid-2033528325 .grid-col-1-4{height: 150px}\n    #banner-grid-2033528325 .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-1487289834\">\n\n\t<div id=\"col-541927195\" 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}]}}