@charset "utf-8";
/* CSS Document */
/** 清除內外邊距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, 
blockquote, /* structural elements 結構元素 */
dl, dt, dd, ul, ol, li, /* list elements 清單元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表單元素 */
th, td, /* table elements 表格元素 */
img/* img elements 圖片元素 */{ 
  border:medium none; 
  margin: 0; 
  padding: 0; 
}
@font-face {
  font-family: ARLRDBD;
  src: url(../font/ARLRDBD.TTF);
}

/*html{ -webkit-text-size-adjust:none; height:100%; }*//*清除apple行動裝置文字的bug*/
html{ -webkit-text-size-adjust:none; }
html, body { font-family:PingFang TC, "微軟正黑體", "Microsoft JhengHei", Arial,sans-serif; font-size:16px;  height:100%; color:#000;}
body{ position:relative;}
main{ width:100%; padding:94px 0 50px; margin:0 auto;}


.displayTable{ display:table;}
.clear{ clear:both; overflow:hidden;}
.floatL{ float:left;}
.floatR{ float:right;}
.arial{ font-family:Arial, sans-serif; }

.bg_w{ background: #fff; }
.bg_b{ background: #000; }

.color_gray{ color: #818081; }
.color_blue{ color: #01496f; }
.color_green{ color: #2dac37; }
.color_orange{ color: #f18312; }
.color_darkGray{ color: #5a5a5a; }

/*表單元素樣式*/
input[type="radio"], input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px \9; line-height: normal;}
input[type="checkbox"], input[type="radio"] { padding: 0;box-sizing: border-box;}
input {margin:0; padding:0; letter-spacing:0; word-spacing:0;}
input placeholder{ color:#a08c54; }
::-webkit-input-placeholder{ color:#a08c54; }
::-moz-placeholder{ color:#a08c54; }
:-ms-input-placeholder{ color:#a08c54; }
:-moz-placeholder{ color:#a08c54; }
.boxSizing{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box;}


/*共用=================================================================================================*/

.wrap{ width:1200px; margin:0 auto;}
nav{ width:100%; /*height:95px;*/ background:#fff; position:fixed; top:0; z-index:10;display:block;}
#content{width: 100%;height: auto; margin: 0 auto;}


.line_green{ width: 100%; height:10px; background: #16a722;  }
#menu_pc{  height:64px;  font-weight: bold;  margin:0 auto;  font-size:1em; position:relative; display:table; overflow:hidden; }
#menu_mobile{ display:none;}
#menu_pc #searchArea{ width:0px;  overflow:hidden;  position:absolute; z-index:9; opacity:0; right:0;  display:none; color:#c5ad68;}
#menu_pc #searchArea .btnSearch{ width:25px; height:30px; background:url(../images/icon_search.png) no-repeat center; background-size:70%; display:inline-block; vertical-align:middle; font-size:0; cursor:pointer; margin:35px 10px 0 0;  }
#menu_pc #searchArea .btnSearch a{ width:25px; height:30px; display:block; }

#menu_pc #searchArea input{  height:30px; line-height:30px; border:0; color:#c5ad68; background:none; display:inline-block; vertical-align:middle;  margin:35px 0 0; font-size:1em; font-family:PingFang TC, "微軟正黑體", "Microsoft JhengHei", Arial,sans-serif;  }
#menu_pc #searchArea .btn_closeSearch{ width:20px; height:20px;  display:inline-block; vertical-align:middle; text-align:right; margin:0 10px; cursor:pointer; float:right;  margin:40px 10px 0 0; position:relative; }
#menu_pc #searchArea .btn_closeSearch .closeLine01, #menu_pc #searchArea .btn_closeSearch .closeLine02{ width:100%; height:2px; background:#a08c54; position:absolute; top:50%; transform-origin:center;}
#menu_pc #searchArea .btn_closeSearch .closeLine01{ transform:rotate(45deg);}
#menu_pc #searchArea .btn_closeSearch .closeLine02{ transform:rotate(-45deg);}
#menu_pc ul{ height: 64px;   padding:0;  font-size:0; display: inline-block; text-align:center; margin: 0 -1px 0 0;}
#menu_pc ul li{ list-style:none; display:inline-block; margin: 0 0 0 15px; color:#000; font-size:16px;     }

#menu_pc ul li a{  color:#000; text-decoration:none; display:block; line-height: 54px;  margin:5px 0; padding: 0; -webkit-transition:all ease-out 0.6s; transition:all ease-out 0.6s;}
#menu_pc ul li a:after{ content: ""; border-right: 1px solid #000; padding: 0 0 0 15px; }
#menu_pc ul li:hover a{ color:#16a722; }
#menu_story, #menu_prod, #menu_salon, #menu_member, #menu_contact, #menu_bag, #menu_search,#menu_design{ margin-left:57px;}
#menu_pc ul li#menu_bag { width:30px; height:90px; background:url(../images/icon_bag.png) no-repeat center 45%; background-size:55%; font-size:0; cursor:pointer;  }
#menu_pc ul li#menu_search{ width:30px; height:90px; background:url(../images/icon_search.png) no-repeat center 45%;  background-size:55%; font-size:0; cursor:pointer; }
#menu_pc ul li#menu_design { width:20px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

#menu_logo{ width:272px; display: inline-block; /*float:left;*/ /*line-height:94px;*/}
#menu_logo a img{ width:70%; height:auto; vertical-align:middle;}
article{ width:100%; }


.banner{ padding-top: 74px; }
.banner_1200{ width: 1200px; margin: 0 auto; }
.banner_1600{ width: 1600px; margin: 0 auto; }
.banner h1{ font-size: 3em; line-height: 1.2em; }
.operat_banner p{ font-size: 1.8em; }
.smartBot_banner p{ font-size: 2.5em; font-weight: bold; }
.linePoint_banner p{ font-size: 2.5em; font-weight: bold; }



.txt_color_green{ color: #189d22; }
.txt_clor_white{ color:#fff; }
.txt_clor_black{ color:#000; }


.txt_shadow_white{ text-shadow:0 0 5px #fff ; }
.txt_shadow_black{ text-shadow:0 0 1px #000 ; }
.txt_shadow_gray{ text-shadow:0 0 5px #ddd ; }
.txt_shadow_green{ text-shadow:0 0 1px #189d22 ; }


.txt_left{ text-align: left; }
.txt_right{ text-align: right; }
.txt_center{ text-align: center; }


.margTop_certifi{margin: 10% 0 0;}
.margTop_lineOperation{ margin: 10% 0 0;}
.margTop_smartBot{margin: 20% auto 0;}
.margTop_linePoint{margin: 10% auto 0;}
.mgb15{ margin-bottom: 15px; }








/*首頁==================================================================================*/
.lineBear{ position: absolute; z-index: 5; bottom: -9%; right:-100%; width: 20.625%; height: 0; padding-bottom: 25.78%; background: url(../images/img_lineBear.png) no-repeat; background-size: 100%; font-size: 0;   }

.marketArea{ display: table; font-size: 0; margin-bottom: 50px; }
.pre_about{ width: 33%; display: inline-block; font-size: 16px; text-align: center; margin: 0 ;   }
.pre_about:nth-child(2){ margin: 0 0.5%; }
.img_about{ width: 33.33%; height: 0; padding-bottom: 35%; margin: 0 auto; background: url(../images/icon_indexMarket.png) no-repeat; background-size: 300%; }
.market01{ background-position: 0 center; }
.market02{ background-position: 50% center; }
.market03{ background-position: 97% center; }
.pre_about h3{ font-family: ARLRDBD, sans-serif; color: #2dac37; font-size: 2em; margin: 0.3em 0;  }
.txt_about{ width: 100%; }
.txt_about p{ color: #b5b5b5; font-size: 1.2em; }

.featuresArea{ position: relative; }
.img_iphone7{ width:25%; position: absolute; left: 0; top:30%; margin: -18% 0 0; display: block;  }
.img_iphone7 img{ width: 100%; height: auto; }
.featuresArea_list{ width: 73%; margin-left: 27%; display: table; font-size: 0;}
.pre_featuresArea{ width: 45%; margin:0 0 50px 5%; display: inline-block; font-size: 16px; }
.ico_features{ width: 25%; height:0; padding-bottom: 25%;  background: url(../images/icon_indexFeatures.png) no-repeat; background-size: 400%; display: inline-block; font-size: 0;vertical-align: top; }
.features01{ background-position: 0 center; }
.features02{ background-position: 33.333% center; }
.features03{ background-position: 66.666% center; }
.features04{ background-position: 100% center; }
.txt_features{ width: 70%; margin-left: 2%; display: inline-block; vertical-align: top;   }
.txt_features h3{ color: #2dac37; font-size: 1.3em;  }
.txt_features p{ color:#5a5a5a; font-size: 1.1em; line-height: 1.8em;}

.O2OArea{ width: 100%; display: table; font-size: 0; }
.pre_O2O{ width: 33.33%; display: inline-block; }
.pre_O2O img{ width: 100%; height: auto; }

.serviceArea{ display: table; font-size: 0;  }
.pre_service{ width: 25%; display: inline-block; font-size: 16px; text-align: center; border-right: 1px solid #4e4e4e; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0;   }
.pre_service:last-child{ border:none; }
.img_service{ width: 100px; height: 0; padding-bottom: 35%; margin: 0 auto; background: url(../images/icon_indexService.png) no-repeat; }
.service01{ background-position: 0 center; }
.service02{ background-position: -100px center; }
.service03{ background-position: -200px center; }
.service04{ background-position: -300px center; }
.pre_service h3{ color: #2dac37; font-size: 2em; margin: 0.3em 0;  }
.txt_service{ width: 100%; }
.txt_service p{ color: #b5b5b5; font-size: 1.2em; font-weight: 800; }
.btn_more a{ width: 10%; margin: 50px auto 0;  height: 40px; line-height: 40px; border:1px solid #fff; border-radius: 40px; font-size: 1.2em; font-weight: 600; color: #fff; text-align: center; text-decoration: none; display: block; }
.btn_more a:hover{ color: #2dac37; border:1px solid #2dac37;}

.clientsArea{ display: table; min-height:300px; padding: 20px 0; font-size: 0; position: relative; }
.pre_clients{ width: 21%; height:0; padding-bottom: 21%; margin:0 2%;  display: inline-block;  }
/*.pre_clients:last-child{ margin-right: 0; }*/
.clients01{ background:url(../images/img_clients01.png) no-repeat; background-size: 100%; z-index:5; }
.clients02{ background:url(../images/img_clients02.png) no-repeat; background-size: 100%; z-index:4; }
.clients03{ background:url(../images/img_clients03.png) no-repeat; background-size: 100%; z-index:3; }
.clients04{ background:url(../images/img_clients04.png) no-repeat; background-size: 100%; z-index:2; }
.btn_contact { border-radius: 80px; display: table; color: #fff; text-decoration: none; padding: 10px 30px 10px 10px;  margin: 100px auto 50px; text-align: center; background:#d94d00;  }

.btn_contact h3{ font-family:ARLRDBD, sans-serif; font-size: 2em; display: inline-block;  vertical-align: middle; }
.btn_contact h3:before{ content: ""; width:57px; height: 57px; background:url(../images/icon_indexClients.png) no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 10px; }
.btn_contact p{font-size: 1.2em; display: inline-block; vertical-align: middle;}
.btn_contact a{ color: #fff; text-decoration: none; font-size: 1.2em; margin: 100px auto ;  }
.btn_contact:hover { background:#2dac37;}


footer{ width: 100%; padding: 50px 0; background: #343434; }
.wrap_footer{ width: 72%; margin: 0 auto; clear: both; overflow:hidden; }
.footer_L{ width: 35%; float: left; text-align: left; margin: 0; }
.footer_R{ width: 60%; float: right; }
.footer_L h2 a{ color: #d94d00; font-size:2.5em; }
.footer_L h2 + p{ margin-top: 20px; }
.footer_L p a{ color: #fff; font-size: 1em; line-height: 1.5em; text-decoration: none; }
.signature{ width: 50%; margin:0 0 0 50%;  }
.signature img{ width: 100%; height: auto; }
.copyright{ color: #000; font-size: 1em; line-height: 1.5em; text-align: right; clear: both; }
.community{ display: table; float: right; margin: 0;   }
.community div , .community iframe{ display: inline-block; vertical-align:middle; }
.community div{margin-right: 30px;}
.copyright a{ color: #000; text-decoration: none; }
.copyright a:hover{ color:#fff; }












/*操作=============================================================================================*/
/*側邊連絡按鈕*/
.subRight_contact{ position: fixed; top:30%; right: -110px; z-index: 5; border-radius: 50px; display: table; color: #fff; text-decoration: none; padding: 5px 20px 5px 10px;  margin: 0 auto; text-align: center; background:#d94d00;  transform: rotate(90deg);}
.subRight_contact h3{ font-family:ARLRDBD, sans-serif; font-size: 1.5em; letter-spacing: 2px; line-height: 40px; display: inline-block;  vertical-align: middle; margin:0; }
.subRight_contact h3:before{ content: ""; width:40px; height: 40px; background:url(../images/icon_indexClients.png) no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 10px; transform: rotate(-90deg); }
.subRight_contact p{ font-size: 1.2em; display: inline-block; vertical-align: middle; transform: rotate(-90deg); margin: 0 1px 0 2px; }
.subRight_contact a{ color: #fff; text-decoration: none; display: block;  }
.subRight_contact:hover { background:#2dac37;}

.operat_banner{ width: 100%; height: 738px;  background: url(../images/img_map.jpg) no-repeat center bottom; /*background-size: 100%;*/  }
/*.wrap_operat_banner{ width: 1600px; margin: 0 auto; }
.wrap_operat_banner h3{ font-size: 2.2em;  color: #00b900; line-height: 1.8em; margin: 18% 0 0; }
.wrap_operat_banner p{ font-size: 1.8em;  color: #fff; line-height: 1.8em; }
*/.operat01{ width: 100%; display: none;}
.operat01.lazy{ display: block; }



.operat02{ width: 100%; position: relative; }
.operat03{ width: 100%; position: relative; }
.operat04{ width: 100%; overflow: hidden; position: relative; background: #f08311 url(../images/bg_operat05.jpg) no-repeat top center; background-size: 100%; text-align: center; }


.operat01 h2, .operat02 h2, .operat03 h2{ font-size: 2.2em;   line-height: 1.8em; text-align: center; }
.operat01 h2{ padding: 50px 0 150px; color: #00b900;}
.operat02 h2{ padding: 50px 0 ;  border-bottom: 4px solid #c8c8c8; color:#5a5a5a;}
.operat03 h2{ padding: 50px 0 ; background: #464646; color: #fff; }

.con_sec01_operat{ width: 100%; position: relative; background: #c8c8c8; padding-bottom: 30px;}
.sec01_operatTop{ width:100%; height:0; padding-bottom: 11.46%; background: url(../images/img_addfriend01.jpg) no-repeat center; font-size: 0;  background-size: 100%; position:relative; }
.sec01_operatTop-1{ width: 5%; top: 38%; left:29%; position: absolute; }
.sec01_operatTop-2{ width: 8.28125%; top: 15%; left:40%;  position: absolute; }
.sec01_operatTop-3{ width: 11.5625%; top: 0%; left:52%; position: absolute;}
.sec01_operatTop-1 img,.sec01_operatTop-2 img,.sec01_operatTop-3 img{ width: 100%; height:auto; }

.sec01_operatRight{ width:38.23%; height:0; padding-bottom: 45.68%; position:absolute; top:-15%; right: 0; z-index: 2; font-size: 0; background: url(../images/img_addfriend02.png ) no-repeat; background-size: 100%; display: block; }
.pre_sec01_operat{ width:46.875%; margin:0 0 0 15%; padding: 25px 0; display: table; font-size: 0;  }
.operat_L{ width: 34.5%; height: 0; padding-bottom:14.75%; text-align: center;  display: inline-block; vertical-align: middle; font-size: 24px; font-weight: bold; background: url(../images/bg_addfriend_title.png) no-repeat; background-size: 100%; }
.operat_L span{ margin: 14% 0; display: block; }
.operat_R{ width: 60%; margin-left: 0.5%; display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; }


.sec02_operatLeftTop{ width:25.83% ; height: 0; padding-bottom: 29.06%; background: url(../images/img_phone.png) no-repeat; background-size: 100%; font-size: 0; position: absolute; top:-10px; left: 0; z-index: 2; }
.sec02_operatRightBottom{ width:31.04% ; height: 0; padding-bottom: 19.27%; background: url(../images/img_strength02.png) no-repeat; background-size: 100%; font-size: 0; position: absolute; bottom:0; right: 0; z-index: 0; display: block;  }
.con_sec02_operat{ width: 1200px; margin: 100px auto 0; clear: both; overflow:hidden;   }
.pre_sec02_operat{ width: 48%; margin:0 1% 80px;  float: left; position: relative; }
.box_linearGradient{ width: 80%; margin: 0 auto 20px; padding-bottom: 1px; background-image:-webkit-linear-gradient(top, #fafafa 10%, #b1b1b1 ); background-image:-moz-linear-gradient(top, #fafafa, #b1b1b1 ); background-image:-ms-linear-gradient(top, #fafafa, #b1b1b1 ); background-image:linear-gradient(top, #fafafa, #b1b1b1 ); }
.conWrap_sec02{ /*width: 80%; margin: 0 auto 20px;*/ width: calc(100% - 2px); margin: 0 auto; background:#fff; /*border:1px solid #ddd; border-top:none; */ }
.greenbox{ width: 80%; height: 180px; position: absolute; z-index: -1; left: 5%; bottom: 0; background:#01b701;}
.title_sec02_operat{ width: 80%; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px solid #464646; color: #818081; font-size: 1.8em; font-weight: bold; vertical-align: bottom; text-align: center;  }
.img_sec02_operat{width: 25%; height: 0; padding-bottom: 23.75%; background: url(../images/icon_strength.png) no-repeat; background-size: 400%; margin: 0 auto;}
.img_sec02_operat01{ background-position: 0 0; }
.img_sec02_operat02{ background-position: 33.33% 0; }
.img_sec02_operat03{ background-position: 66.66% 0; }
.img_sec02_operat04{ background-position: 100% 0; }
.txt_sec02_operat{ width: 80%; min-height: 130px; margin: 0 auto; padding: 15px 0; text-align: justify; line-height: 1.5em; }

.sec03_operatRightTop{ width:23.75% ; height: 0; padding-bottom:35.625%; background: url(../images/img_Introduction_right.png) no-repeat; background-size: 100%; position: absolute; top: 0; right: 0; z-index: 2; font-size: 0;  }
.sec03_operatLeftBottom{ width:18.18% ; height: 0; padding-bottom:42.17%; background: url(../images/img_Introduction_left.png) no-repeat; background-size: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; font-size: 0;  }
.con_sec03_operat{ width: 1200px; margin: 50px auto; }
.pre_sec03_operat{ width:75%; display: table; font-size: 0;}
.pre_sec03_operat:nth-child(odd){ margin: -10% 25% 0 0; }
.pre_sec03_operat:nth-child(even){ margin: -10% 0 0 25%; }
.pre_sec03_operat:nth-child(1){ margin: 0 25% 0 0; }
.pre_sec03_operat_img{ width: 31%; display: inline-block; vertical-align: middle; font-size: 16px; text-align: center;  }
.pre_sec03_operat_img img{ width: 95%; height: auto;}
.pre_sec03_operat_txt{ width: 68%; margin: 0 0.5%; display: inline-block; vertical-align: middle; font-size: 16px;   }
.pre_sec03_operat h3{ font-size: 1.8em; color: #d94d00; line-height: 1.8em;   }
.pre_sec03_operat p{ font-size: 1.2em; color: #595757; line-height: 1.5em; font-weight: bold; }
.operat_txt_left{ text-align: left; }
.operat_txt_right{ text-align: right; }


.title_operat05{ width: 510px; height: 279px; margin: 0 auto; background: url(../images/bg_obizCheck.png) no-repeat; background-size: 100%; color: #fff; font-size: 2.2em;    }
.title_operat05 h2{ padding: 210px 0 0 ; }
.con_sec04_operat{ width: 1200px;  display: table; font-size: 0;  }
.sec04_operat_mar01{ margin: 6% auto 3%;}
.sec04_operat_mar02{ margin: 3% auto; }
.pre_sec04_operat{ width: 31%; height: 0; padding-bottom: 31%; display: inline-block; background: url(../images/img_step.png) no-repeat; background-size: 300%;   }
.pre_sec04_operat:nth-child(2){margin: 0 3.5%;}
.sec04_operat01{ background-position: 0 0; }
.sec04_operat02{ background-position: 50% 0; }
.sec04_operat03{ background-position: 100% 0; }
.hr_sec04_operat{ width: 100%; height: 20px; background-image: -webkit-linear-gradient( top, #bc9a27, #facb34); }
.pre_sec04_operat_txt{ width: 31%; display: inline-block; color: #fff; font-size: 2vw ; vertical-align: middle; }
.pre_sec04_operat_icon{ width:3.5%; height: 0; padding-bottom: 3.5%; display: inline-block; background: url(../images/icon_arrStep.png) no-repeat center; background-size: 95%; vertical-align: middle; }















/*LINE @======================================================================================================*/
.wrap_linePoint{ width: 1200px; height: 100%; margin: 0  auto; position: relative; display: table;}


.wrap_linePoint_sec03{ width: 1680px; height: 100%; margin: 0  auto; position: relative;}
.wrap_linePoint_sec04{ width: 1680px; height: 100%; margin: 0  auto; position: relative;}
.linePoint_banner{  width: 100%; height: 738px; padding-bottom: 0; background: url(../images/banner_linePoint.jpg) no-repeat center bottom; }
.linePoint01{ width: 100%; }
.linePoint02{ width: 100%; /*position: relative; z-index: 2;*/ }
.linePoint03{ width: 100%; }


.linePoint04{ width: 100%; height: 0; padding-bottom:100%;   background: #7f7b7a url( ../images/bg_linePoint_sec03.jpg)no-repeat center bottom; background-size: 100%; }
.linePoint_banner h2, .linePoint02 h2, .linePoint03 h2, .linePoint04 h2{ font-size: 3em;   line-height: 2em; text-align: center; }
.linePoint_banner h2{ color: #189d22; padding:5% 0 0; }
.linePoint02 h2{ color: #fff; padding:100px 0 0; }
.linePoint03 h2{ color: #5a5a5a; padding:5% 0; }
.linePoint04 h2{ color: #fff; padding: 50px 0 ; background: #424242;  } 
.linePoint01 h3{ color: #fff; font-size:1.8em;  }



.linePoint{ padding: 30px 0 100px; }
/*.linePoint01_1{ width: 100%; height: 738px; padding-bottom: 0; background: url(../images/banner_linePoint.jpg) no-repeat center bottom; }*/
.linePoint01_1 p{ color:#189d22; font-size: 2em;  text-align: center; font-weight: bold;  }
.linePoint01_2{ width: 100%; background: url(../images/bg_linePoint_sec01.jpg) repeat top left; }
.img_lulu{ width: 37.58%; height: 0; padding-bottom:34.58%;  position: absolute; bottom: 0; left: 0; z-index: 1; font-size: 0; background: url(../images/img_LuLu.png) no-repeat bottom left; background-size: 70%; }
.img_Illu{ width: 37.58%; height: 0; padding-bottom:41%;  position: absolute; bottom: 0; left: 0; z-index: 1; font-size: 0; background: url(../images/img_Illu.png) no-repeat bottom left; background-size: 70%; }

.con_linePoint_sec01{ font-size: 0; width: 100%; height: 928px; padding-bottom:0; background: url(../images/bg_linePoint_sec01con.png) no-repeat top center; background-size: 100%; }

.wrap_sec02_linePoint{ position: relative; width: 100%; margin: 8% 0 0; }
.linePoint02{ width: 100%; height:1088px; background: url(../images/bg_linePoint_sec02.png) no-repeat center top;  margin: -100px 0 0 0; }
.linePoint03{ width: 100%; margin: 0 0 50px; }
.linePoint02 p{ color:#fff; font-size: 2em;  text-align: center; font-weight: bold;  }
.con_linePoint_sec02{ width: 100%; height: 100%; position: relative; }
.img_sec02_linePoint{ width: 50%; height: auto; padding-bottom: 0;  position: absolute;   left:60%; }
.wrap_sec02_linePoint_relative{ width: 100%; margin: 65% auto 0;  position: relative;  }
.img_linePoint_sec02_01{ width:57.83%; height: 0; padding-bottom:123.66%;  position: absolute; bottom: 0; left: 0; z-index: 3; background: url(../images/img_linePoint_sec02_01.png) no-repeat center bottom; background-size: 100%; font-size: 0; }
.img_linePoint_sec02_02{ width:51.17%; height: 0; padding-bottom:109.85%;  position: absolute; bottom: 0; left: 50%; z-index: 2; background: url(../images/img_linePoint_sec02_02.png) no-repeat center bottom; background-size: 100%; font-size: 0; }
.sec02_top_linePoint02{  width: 50%;  color: #fff;  }
.sec02_top_linePoint02 ul{ list-style:none; padding: 0;}
.sec02_top_linePoint02 li{ width: 100%; font-size:1.8em; font-weight: bold; display: table; margin: 0 0 30px;  }
.sec02_top_linePoint02 li i{ width: 30px; height: 30px; margin-right: 10px; border-radius: 30px;  background: #56b442; text-align: center; line-height: 30px; display:inline-block; vertical-align: middle; font-style: normal; }
.sec02_top_linePoint02 li span{ width: calc(100% - 40px); display:inline-block; vertical-align: top; }
.pre_sec03_linePoint{ width: 25%;  float: left; text-align: center;  display: inline-block;  vertical-align: middle;  }
.pre_sec03_linePoint_arr{  width: 12.5%; height: 0; padding-bottom: 10%; float: left; background: url(../images/icon_linePoint02.png) no-repeat center; background-size: 400%; display: inline-block;  vertical-align: middle;   }
.icon_sec03_linePoint{ width: 50%; height: 0; padding-bottom:40%; background: url(../images/icon_linePoint02.png) no-repeat; background-size: 400%; margin: 0 auto 20px;   }
.sec02_linePoint01{ background-position: 0 center;}
.sec02_linePoint02{ background-position: 33.33% center; }
.sec02_linePoint03{ background-position: 66.66% center; }
.sec02_linePoint04{ background-position: 100% center;  font-size: 0;}/*箭頭*/
.sec03_linePoint_txt{ font-size: 1.5em; color:#5a5b5b; font-weight: bold;  }

.sec04_linePoint_txt01{ width: 100%; position: relative; }
.img_linePoint_sec04{ width:25.04%; height: 0; padding-bottom: 47.09%; background: url(../images/img_linePoint_sec03.png) no-repeat center top; background-size: 100%; position: absolute; top:-100px; left: 0; z-index: 1; font-size: 0;  }/*iphone&momey*/
.sec04_linePoint_txt01{ width:60%; margin: 50px auto;  }
.sec04_linePoint_txt02{ width:60%; margin: 50px auto;  }
.sec04_linePoint_txt03{ width:100%; margin: 20% auto 0; clear: both; overflow: hidden;  }
.sec04_linePoint_txt01 h3, .sec04_linePoint_txt02 h3{ color: #ffd93b; font-size: 1.8em; line-height: 1.3em; margin-bottom: 20px; }
.sec04_linePoint_txt01 ul, .sec04_linePoint_txt01 ul li, .sec04_linePoint_txt02 ul, .sec04_linePoint_txt02 ul li{ list-style-type: decimal; font-size: 20px; line-height: 1.2em; margin: 0 0 10px; color: #fff;  }
.sec04_linePoint_txt02 ul, .sec04_linePoint_txt02 ul li{ list-style-type: none; }
.sec04_linePoint_txt01 ul{ padding-left: 1.2em; }

.pre_sec04_linePoint_txt03{ width: 20%; margin: 0 2.5%; float: left; text-align: center;   }
.icon_linePoint04{ width: 50%; height: 0; padding-bottom: 50%; background: url(../images/icon_linePoint04.png) no-repeat center; background-size: 400%; margin: 0 auto; }
.linePoint04_1{ background-position: 0 center; }
.linePoint04_2{ background-position: 33.33% center; }
.linePoint04_3{ background-position: 66.66% center; }
.linePoint04_4{ background-position: 100% center; }
.pre_sec04_linePoint_txt03 h4{ font-size: 1.5em; line-height: 1.1em; margin-bottom: 10px; color: #b33e04;  }
.pre_sec04_linePoint_txt03 h4 span{ display: block; }
.pre_sec04_linePoint_txt03 p{ font-size: 1.2em; line-height: 1.2em; color: #000; font-weight: bold; }
















/*認證===============================================================================================*/
.certifi_banner{ width: 100%; height: 738px; padding-bottom: 0; background: url(../images/banner_certification.jpg) no-repeat center bottom; overflow: hidden; }

/*.wrap_certifi_banner_1200{ width: 1200px; margin: 0 auto; }*/



/*.title_certifi_banner{ text-align: right; font-size: 3em; line-height: 1.2em; color: #189d22; margin: 10% 0 0; }*/
.certifi01, .certifi02, .certifi03, .certifi04, .certifi05{ width: 100%; }
.certifi01 h2, .certifi03 h2, .certifi04 h2, .certifi05 h2 { width: 100%;  padding: 50px 0;  font-size:3em; text-align: center;  }
.certifi01 h2{ background:#5a5a5a; color: #fff;  }
.certifi01 h2 span{color:#2dac37; font-size: 1.2em; }
.certifi01 h2 span i{color:#2dac37; font-size: 1.4em; font-style: normal; }
.certifi03 h2{ background:#fff; color: #5a5a5a;  }
.certifi04 h2{ background:#fff; color: #5a5a5a;  }
.certifi05 h2{ background:#a3a3a3; color: #fff;  }
.con_sec01_certifi{ width: 100%; background: url(../images/bg_lineCertification_banner.jpg)repeat; }
.wrap_certifi_sec01_1600{ width: 1600px; height:820px; padding-bottom: 0;  margin: 0 auto;  background: url(../images/img_lineCertification_sec01_1.png)center top no-repeat; background-size: 100%; }
.box_sec01_certifi{ position: relative; width: 39.375%; height: 100%; padding-bottom: 0;  margin: 0 0 0 45%;  }
.box_sec01_certifi h3{ position: absolute; top:45%; left: 20%; width: auto; text-align: center; font-size:2.5em; font-weight: bold; color: #5a5a5a;   }
.img_sec01_certifi_01{ position: absolute; top:10%; right: 2%; z-index: 1; width:17.94% ; height: 0 ; padding-bottom: 20.75%; background: url(../images/img_lineCertification_sec01_3.png) no-repeat; background-size: 100%; font-size: 0; animation: activeLine3 2s ease-in  1s infinite  ; }/*叮咚*/
.img_sec01_certifi_02{ position: absolute; top:20%; right: 15%; z-index: 1; width:19.53% ; height: 0 ; padding-bottom: 18.26%; background: url(../images/img_lineCertification_sec01_4.png) no-repeat; background-size: 100%; font-size: 0; animation: activeLine4 2s ease-in  infinite  ; }/*LINE*/
@keyframes activeLine3{
	0%{ opacity: 0; top:33%; right: 20%; width:0% ; height: 0 ; padding-bottom: 0%; }
	30%{ opacity: 1; top:10%; right: 2%; width:17.94% ; height: 0 ; padding-bottom: 20.75%;}

	98%{ opacity: 1; top:10%; right: 2%; width:17.94% ; height: 0 ; padding-bottom: 20.75%;}
	100%{ opacity: 0; top:10%; right: 2%; width:17.94% ; height: 0 ; padding-bottom: 20.75%; }
}
@keyframes activeLine4{
	0%{ opacity: 0; top:40%; right: 0%; z-index: 1; width:0 ; height: 0 ; padding-bottom: 0; }
	30%{ opacity: 1; top:20%; right: 15%; z-index: 1; width:19.53% ; height: 0 ; padding-bottom: 18.26%; }

	98%{ opacity: 1; top:20%; right: 15%; z-index: 1; width:19.53% ; height: 0 ; padding-bottom: 18.26%;}
	100%{ opacity: 0; top:20%; right: 15%; z-index: 1; width:19.53% ; height: 0 ; padding-bottom: 18.26%;}
}

.title_operat04{ width: 544px; height: 298px; margin: 0 auto; background: url(../images/bg_obizCheck.png) no-repeat; background-size: 100%; color: #fff; font-size: 3em; }
.title_operat04 h2{ padding: 220px 0 0; }



.img_sec01_certifi_03{ position: absolute; top:52%; left:0; z-index: 1; width:78.89% ; height: 0 ; padding-bottom: 22.23%; background: url(../images/img_lineCertification_sec01_2-1.png) no-repeat; background-size: 100%; font-size: 0; animation: activeLine 2s ease-in  infinite  ; }/*傳輸線*/
.img_sec01_certifi_03:after{  content: ""; position: absolute; top:0; left:0; z-index: 2; width:100% ; height: 0 ; padding-bottom: 29.23%; background: url(../images/img_lineCertification_sec01_2-2.png) no-repeat; background-size: 100%; animation: activeLine2 2s ease-in  infinite  ; }

@keyframes activeLine{
	0%{ opacity: 0; }
	30%{ opacity: 1; }

	89%{ opacity: 1; }
	100%{ opacity: 0; }
}

@keyframes activeLine2{
	0%{ opacity: 0; }
	30%{ opacity: 1; }

	99%{ opacity: 1; }
	100%{ opacity: 0; }
}





.certifi02{ width: 100%;  }
.con_sec02_certifi{ width: 100%; clear: both; overflow: hidden; }
.pre_sec02_certifi{ float: left; box-sizing: border-box; background:#c9c9c9; text-align: center; border-left: 2px solid #fff;}
.sec02_certifi_1, .sec02_certifi_3{ width: 30.26%; }
.sec02_certifi_2{ width: 39.48%; }

.sec02_certifi_Left, .sec02_certifi_Right{width: 100%; height: 0; padding-bottom:133.3%;  }
.sec02_certifi_Left{ background:#c9c9c9 url(../images/img_certification_sec02_01.png)no-repeat center bottom; background-size: 100%;}
.sec02_certifi_Right{  background:#c9c9c9 url(../images/img_certification_sec02_03.png)no-repeat center bottom; background-size: 100%;}
.sec02_certifi_Center{ width: 100%; height: 0; padding-bottom:102.2636%; background:#c9c9c9 url(../images/img_certification_sec02_02.png)no-repeat center bottom; background-size: 100%; }
.title_sec02_certifi{ color: #00ae24; font-size: 1.5em; margin: 50px 0 20px ; padding:5px 10px; display: inline-block; border: 1px solid #00ae24; border-radius: 50px;  }

.con_sec03_certifi{ width: 100%; background: #f2f2f3; }
.wrap_sec03_certifi{ width: 1200px; margin: 0 auto; position: relative;  }
.sec03_certifi_01{ width: 67.6%; padding: 100px 0; clear: both; overflow: hidden; }
.pre_sec03_certifi{ width: 30%; margin:0 1.66%; float: left;   }
.ico_sec03_certifi{ width: 60%; height: 0; padding-bottom: 60%; margin: 0 auto 10px; background: url(../images/icon_lineCertification_sec03.png) no-repeat; }
.ico_sec03_certifi_01{ background-position: 0 0; background-size: 300%; }
.ico_sec03_certifi_02{ background-position: 50% 0; background-size: 300%; }
.ico_sec03_certifi_03{ background-position: 100% 0; background-size: 300%; }
.txt_sec03_certifi{ width: 100%; margin: 0 auto; font-size: 1.2em; font-weight: bold; text-align: center;  }
.sec03_certifi_02{ width: 32.4%;  height: 0; padding-bottom :42.71%; position: absolute; right: 0; margin: -39% 0 0; background: url(../images/img_lineCertification_sec03.png) no-repeat right top; background-size: 90%; font-size: 0;  }

.con_sec04_certifi{ width: 1600px; margin: 0 auto; }
.pre_sec04_certifi{ width: 100%;  }
.hr_sec04_certifi{ background: url(../images/hr_certification.jpg) no-repeat center bottom; background-size: 100%;  }
.wrap_sec04_certifi{ width: 75%; margin: 0 auto; padding: 3% 0; display: table;  }
.sec04_certifi_Left01, .sec04_certifi_Left02, .sec04_certifi_Left03{ display: inline-block; vertical-align: middle; font-size: 0;  font-weight: bold; }
.sec04_certifi_Left01{ width: 15%;  height: 0; padding-bottom: 15%; background:url(../images/icon_lineCertification_sec04.png) no-repeat center;   }
.icon_sec04_certifi_01{ background-position: 0 0;  background-size: 300%;}
.icon_sec04_certifi_02{ background-position: 50% 0; background-size: 300%;}
.icon_sec04_certifi_03{ background-position: 100% 0; background-size: 300%;}
.sec04_certifi_Left02{ width: 18%; text-align: center; margin-left: 0;  }
.sec04_certifi_Left03{ width: 67%;  }
.sec04_certifi_Left02 h4{ font-size: 32px;  }
.sec04_certifi_Left02 p{ font-size: 20px;  }
.pre_sec04_certifi_Left03{ width: 100%; margin: 15px 0;  font-size: 20px; clear: both; overflow: hidden;  }
.pre_sec04_certifi_Left03_subject{ width: 15%; float: left; }
.pre_sec04_certifi_Left03_txt{ width: 85%; float: left; }

.con_sec05_certifi{ width: 100%; height: 0;  padding-bottom:60%; background:#8b8b8b url(../images/bg_certification_sec05.jpg) no-repeat top center; background-size: 100%;   }
.wrap_sec05_certifi_1200{ width: 1200px; margin: 0 auto; padding: 50px 0; text-align: center; clear: both; overflow: hidden;}
.wrap_sec05_certifi_1200 h3{ width: 96%; color: #fff; font-size: 1.4em; font-weight: bold; margin: 20px auto 50px; text-align: left; }
.pre_certifi_sec05{ width: 27.5%; min-height: 320px; padding: 20px 0; margin: 0 2.915% 60px;  float: left; background: rgba(234, 89, 2,0.8); border:1px solid #fff; box-sizing: border-box;   }
.first_sec05_certifi{ display: block; }
.icon_certifi_sec05{ width: 30%; height: 0; margin: 0 auto; padding-bottom:24%; background: url(../images/icon_lineCertification_sec05.png)no-repeat center;  }
.icon_certifi_sec05-1{ background-position: 0 0; background-size: 500%;}
.icon_certifi_sec05-2{ background-position: 25% 0; background-size: 500%;}
.icon_certifi_sec05-3{ background-position: 50% 0; background-size: 500%;}
.icon_certifi_sec05-4{ background-position: 75% 0; background-size: 500%;}
.icon_certifi_sec05-5{ background-position: 100% 0; background-size: 500%;}
.certifi_sec05_margin{ margin-left:19.58%;   }
.pre_certifi_sec05 h4, .pre_certifi_sec05 p{ width: 70%; padding: 0 15%;  text-align: center; font-weight: bold;}
.pre_certifi_sec05 h4{ color: #fff600; font-size: 1.5em; line-height: 2em; }
.pre_certifi_sec05 p{ color: #fff; font-size: 1em; line-height: 1.5em; }


















/*smartBot======================================================================================================*/
.title_smartBot_banner{ width: 90%; text-align: left; font-size: 3vw; line-height: 1.5em; color: #000; margin: 20% auto 0; font-weight: bold; }

.smartBot_banner{width: 100%; height: 738px; padding-bottom: 0; background: url(../images/banner_smartBot.jpg) no-repeat center bottom; }
.smartBot01, .smartBot02, .smartBot03, .smartBot04{ width: 100%; }
.smartBot01{ background: url(../images/bg_smartBot_sec01.jpg) repeat; }
.smartBot02{  height: 0; padding-bottom:57.03%;  background:#252324 url(../images/bg_smartbot_sec02.jpg) no-repeat top center; }
.smartBot04{ position: relative;}


.smartBot01 h2, .smartBot03 h2, .smartBot04 h2{ width: 100%;  padding: 50px 0;  font-size:3em; text-align: center;}
.smartBot01 h2{ background: #fff; color:#5a5a5a; }
.smartBot03 h2{ background: #fff; color:#5a5a5a; }
.smartBot04 h2{ background: #b4b4b4; color:#5a5a5a; }
.con_sec01_smartBot,.con_sec02_smartBot{ width: 1500px; margin: 0 auto; padding: 20px 0; position: relative; }
.con_sec03_smartBot,.con_sec04_smartBot{ width: 1200px; margin: 0 auto; padding: 20px 0; position: relative;}


.con_sec01_smartBot h3{ width: 100%; text-align: center; color: #000; font-size: 1.5em; margin: 30px 0; }
.con_sec_smartbot_pc{ width: 100%; clear: both; overflow: hidden; display: block; }
.con_sec_smartbot_mobile{ display:none; text-align: center; }
.pre_sec01_smart_col3{ width: 28%;  margin: 0 2.66% 50px; float: left; position: relative;  }
.pre_sec01_smart_col5{ width: 18%;  margin: 0 1% 50px;  float: left;  position: relative; }
.pre_sec01_smart_col3>img, .pre_sec01_smart_col5>img { width: 100%; height: auto; }
.pre_sec01_smart_col3 img:hover,.pre_sec01_smart_col5 img:hover{  cursor: pointer; animation: waggle 2s ease-in infinite; }
@keyframes waggle {
    0%, 7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%,
    100% {
        transform: rotateZ(0);
    }
}


.pre_sec01_smart_col3 p{ width: 150px; height: 30px; line-height: 30px; border-radius: 30px; border:1px solid #43b34c; margin: 10px auto; font-size: 1.2em; text-align: center; }
.pre_sec01_smart_col5 p{ width: 150px; height: 30px; line-height: 30px; border-radius: 30px; border:1px solid #43b34c; margin: 10px auto; font-size: 1.1em; text-align: center; }
.smart_bg_green{ background: #43b34c;  font-weight: bold;}
.smart_txt_green{ color: #43b34c; font-weight: bold;}
.smart_bg_white{ background: #fff;}
.smart_txt_white{ color: #fff;}
.sec01_img01{ width:32.5%; height: 0; padding-bottom:29.975%; background: url(../images/img_smartBot_sec01_01.png) no-repeat; background-size: 100%; position: absolute; right: -10%; top:20%; z-index: 1; font-size: 0;}
.sec01_img02{ width:32.5%; height: 0; padding-bottom:29.975%; background: url(../images/img_smartBot_sec01_02.png) no-repeat; background-size: 100%; position: absolute; right: -20%; bottom:30%; z-index: 1; font-size: 0;}

.sec02_smartBot_title{ width: 30%;  padding-bottom:18.93%; height: 0; position: absolute; top:120px; left: 5%; background:url(../images/icon_smartBotservice_sec02-1.png) no-repeat; background-size: 100% ; font-size: 0;   }
.sec02_smartBot_con{ width: 64%; margin: 280px 0 0 36%;  }
.pre_sec02_smartBot{ width: 100%; display: table; font-size: 0; margin: 30px 0; color: #fff; font-weight: bold;  }
.pre_sec02_smartBot01, .pre_sec02_smartBot02, .pre_sec02_smartBot03{ display:inline-block;   vertical-align: middle; font-size: 16px; }
.pre_sec02_smartBot01{ width:10%; height: 0 ; padding-bottom:12.174%; background: url(../images/icon_smartBotservice_sec02.png) no-repeat center; font-size: 0;   }
.icon_smart_sec02_01{ background-position: 0 0; background-size: 300%; }
.icon_smart_sec02_02{ background-position: 50% 0; background-size: 300%; }
.icon_smart_sec02_03{ background-position: 100% 0; background-size: 300%; }
.pre_sec02_smartBot02{ width:18%; text-align: center; }
.pre_sec02_smartBot03{ width:72%; }
.pre_sec02_smartBot02 h4{ font-size: 1.5em; line-height: 1.5em;}
.pre_sec02_smartBot02 p{ font-size: 1.2em; line-height: 1.5em;}
.pre_sec02_smartBot03 p{ font-size: 1.2em; line-height: 1.5em;}
.smart_txt_yellow{ color:#ffff00; }


.con_sec03_smartBot{ padding: 7% 0 15%; clear: both; overflow: hidden; position: relative; }
.pre_sec03_smartBot{ width: 35%; height: 0; padding-bottom: 35%; margin: 0 10px; border-radius: 100%; box-shadow: 0 0 10px #ddd; background: #fff;  }
.sec03_smart_item1{ float: left; }
.sec03_smart_item2{ width: 38%; position: absolute; padding-bottom: 38%; left: 50%; margin-left: -19%; margin-top: -3%;  }
.sec03_smart_item3{ float: right; }
.ico_sec03_smartBot{ width:30%; height: 0; padding-bottom: 29%; margin: -40px auto 0; background: url(../images/icon_smartBotservice_sec03.png) no-repeat center;  }
.sec03_smart_item2 .ico_sec03_smartBot{  }
.icon_sec03_smartBot01{ background-position: 0 0;  background-size: 300%; }
.icon_sec03_smartBot02{ background-position: 50% 0;  background-size: 300%; }
.icon_sec03_smartBot03{ background-position: 100% 0; background-size: 300%; }
.pre_sec03_smartBot h4,.pre_sec03_smartBot p{ width: 60%; margin-left: auto; margin-right: auto; text-align: center;}
.pre_sec03_smartBot h4{ color: #00ae24;  font-size: 1.5em; line-height: 2em; border-bottom: 1px solid #f28b22;  margin-bottom: 20px;  }
.pre_sec03_smartBot p{ font-size: 1.1em; line-height: 1.6em; font-weight: bold; color: #595757;  }



.wrapH2{ width: 100%; position: relative; }
.robot{ width:15% ; height: 0; padding-bottom:28.65%; position: absolute; bottom: 0; right: 10%; z-index:2; background:url(../images/robot.png) no-repeat ;background-size: 100%; font-size: 0;  }
.con_sec04_smartBot ul{ list-style: none; clear: none; overflow: hidden;padding: 20px 0; }
.con_sec04_smartBot li{ width: 20%; float: left; margin: 0 2.5% 30px; box-shadow: 0 0 10px #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;}
.itemWrap_SB{padding: 10px;}
.tempUp{ text-align: center; padding: 15px 0 0 0; }

.icon_sec04_sB{ width: 50%; height: 0; padding-bottom:33.33%; margin: 0 auto; background: url(../images/icon_smartBot_sec04.png) no-repeat; font-size: 0;  }
.sec04_sB01{ background-position: 0 0; -webkit-background-size:400% ;
background-size:400% ; }
.sec04_sB02{ background-position: 33.33% 0; -webkit-background-size:400% ;
background-size:400% ; }
.sec04_sB03{ background-position: 66.66% 0; -webkit-background-size:400% ;
background-size:400% ; }
.sec04_sB04{ background-position: 100% 0; -webkit-background-size:400% ;
background-size:400% ; }
.sec04_sB05{ background-position: 0 100%; -webkit-background-size:400% ;
background-size:400% ; }
.sec04_sB06{ background-position: 33.33% 100%; -webkit-background-size:400% ;
background-size:400% ; }
.sec04_sB07{ background-position:  66.66% 100%; -webkit-background-size:400% ;
background-size:400% ; }
.sec04_sB08{ background-position: 100% 100%; -webkit-background-size:400% ;
background-size:400% ; }
.subTitle_sec04_sB{ font-size: 1.3em; font-weight: bold; color: #e43000; line-height: 3em; }
.tempDown{ width: 100%; height: 150px;background: #6e6e6e ; padding: 10px 0 20px;}
.tempDown p{ padding: 10px;  text-align: justify; font-size: 1.1em; color: #fff; background: url(../images/bg_line_gray.png) repeat-x top left;font-weight: bold; }






/*lineGift=============================================================================*/
.lineGift_banner{ width: 100%; height: 738px; padding-bottom: 0; background: url(../images/banner_lineGift.jpg) no-repeat center bottom;}

.lineGift01 h2, .lineGift02 h2, .lineGift03 h2, .lineGift04 h2{ width: 100%;  padding: 50px 0;  font-size:3em; text-align: center;}

.lineGift01 h2{ background: #424242; color: #fff;}
.lineGift02 h2{ color: #fff;}
.lineGift03 h2{ background: #e8e8e8; color: #5a5a5a;}
.lineGift03 h2 span{ display:block; color: #5a5a5a; font-size: 0.5em;}
.lineGift04 h2{ background: #424242; color: #fff;}
.con_sec01_LG{ width: 100%; clear: both; overflow: hidden; padding: 30px 0; }
.con_sec01_LG_L{ width: 55%; float: left; height: 0; padding-bottom:45%; margin: 0 ; background: url(../images/img_lineGift_sec01.png)no-repeat left bottom; background-size: 100%; font-size: 0;  }
.con_sec01_LG_R{ width: 45%; float: right; margin:2% 0 0 0;  }
.item_sec01_LG{ width: 100%; margin: 0 0 20px; display: table; }
.icon_sec01_LG, .txt_sec01_LG{ display: inline-block; vertical-align: middle;}
.icon_sec01_LG{ width: 10%; height: 0; padding-bottom: 14.286%; background: url(../images/icon_lineGift01.png) no-repeat ;  display: inline-block; vertical-align: middle; }
.icon_sec01_LG01{ background-position: 0 0; background-size: 400%; }
.icon_sec01_LG02{ background-position: 33.33% 0; background-size: 400%; }
.icon_sec01_LG03{ background-position: 66.66% 0; background-size: 400%; }
.icon_sec01_LG04{ background-position: 100% 0; background-size: 400%; }
.txt_sec01_LG{ width: 85%; margin: 0 0 0 2%; color:#5a5a5a; }
.title_sec01_LG{ font-size: 1.5em; font-weight: bold; text-indent: -1em; padding-left: 1em;  }
.txt_sec01_LG{ font-size: 1em;  display: inline-block; vertical-align: middle; box-sizing: border-box; }
.lineGift02{ width: 100%; /*height: 0; padding-bottom: 26.66%; */ height: 512px; padding-bottom: 0;  background: url(../images/bg_lineGift_sec02.jpg) no-repeat center;  }
.con_sec02_LG{ width: 1200px; margin: 0 auto; clear: both; overflow: hidden; text-align: center; }
.item_sec02_LG{ float: left; width: 30%; margin: 0 1.66%;  }
.icon_sec02_LG{ width: 85%; height: 0;  padding-bottom:23.94% ; margin: 0 auto; background: url(../images/icon_lineGift02.png) no-repeat ; font-size: 0;  }
.icon_sec02_LG01{ background-position: 0 0; background-size: 300%;}
.icon_sec02_LG02{ background-position: 50% 0; background-size: 300%; margin: 0 auto;}
.icon_sec02_LG03{ background-position: 100% 0; background-size: 300%;}
.title_sec02_LG{ color: #56b442; font-weight: bold; font-size: 2em; }
.title_sec02_LG+p{ color: #fff; font-weight: bold; font-size: 1.2em; }

.con_sec03_LG{ width: 1600px; margin: 0 auto; clear: both; overflow: hidden; text-align: center; padding: 50px 0;}
.con_sec03_LG_L{ width: 60%; float: left; margin: 30px 0; }
.con_sec03_LG_R{ width: 40%; float: right; border:2px solid #000; box-sizing: border-box; -webkit-box-sizing: border-box; /*height: 0;padding-bottom:40%; background: url(../images/img_lineGift_sec03.png) no-repeat; background-size: 100%; */font-size: 0; margin: 0;  }
.wrap_item_sec03_LG{ width: 100%; clear: both; overflow: hidden; }
.item_sec03_LG{ width: 48%; min-height: 70px; margin: 0 1% 20px; float: left; display: table; }
.icon_sec03_LG{ width: 15%; height: 0; padding-bottom: 15%; background: url(../images/icon_lineGift03.png) no-repeat; display:inline-block; vertical-align: middle; }
.icon_sec03_LG01{ background-position: 0 0; background-size: 400%; }
.icon_sec03_LG02{ background-position: 33.33% 0; background-size: 400%; }
.icon_sec03_LG03{ background-position: 66.66% 0; background-size: 400%; }
.icon_sec03_LG04{ background-position: 100% 0; background-size: 400%; }
.icon_sec03_LG05{ background-position: 0 100%; background-size: 400%; }
.icon_sec03_LG06{ background-position: 33.33% 100%; background-size: 400%; }
.icon_sec03_LG07{ background-position: 66.66% 100%; background-size: 400%; }
.icon_sec03_LG08{ background-position: 100% 100%; background-size: 400%; }
.title_sec03_LG{ width: 80%; margin: 0 0 0 2%; display:inline-block; vertical-align: middle; color: #5a5b5b; font-size: 2em; font-weight: bold; text-align: left; }


.con_sec04_LG{ width:100%; height: auto; padding: 25% 0 50px; background:#e4d9c7 url(../images/bg_lineGift_sec04.jpg) no-repeat top center; font-size: 0;  }
.wrap_sec04_LG{ width: 1600px; margin: 0 auto;  }
.con_sec04_LG_up{ width: 85%; margin: 0 auto;  display: table;}
.item_sec04_LG01, .item_sec04_LG02, .item_sec04_LG03, .item_sec04_LG04, .item_sec04_LG05, .item_sec04_LG06, .item_sec04_LG07{ display: inline-block; vertical-align: middle; }
.item_sec04_LG01 img, .item_sec04_LG05 img{ display: inline-block; }
.item_sec04_LG01 img, .item_sec04_LG02 img, .item_sec04_LG03 img, .item_sec04_LG04 img, .item_sec04_LG05 img, .item_sec04_LG06 img, .item_sec04_LG07 img{ width: 100%; height: auto; }
/*img.take1, img.take2, img.take3, img.take4, img.take5, img.take6, img.take7, img.take8, img.take9, img.take10, img.take11{ opacity: 0; }
img.take1{ animation: move1 20s ease-in infinite ; }
img.take2{ animation: move2 20s ease-in 0.5s infinite ; }
img.take3{ animation: move3 20s ease-in 1s infinite ; }
img.take4{ animation: move4 20s ease-in 1.5s infinite ; }
img.take5{ animation: move5 20s ease-in 2s infinite ; }
img.take6{ animation: move6 20s ease-in 2.5s infinite ; }
img.take7{ animation: move7 20s ease-in 3s infinite ; }
img.take8{ animation: move8 20s ease-in 3.5s infinite ; }
img.take9{ animation: move9 20s ease-in 4s infinite ; }
img.take10{ animation: move10 20s ease-in 4.5s infinite ; }
img.take11{ animation: move11 20s ease-in 5s infinite ; }
@keyframes move1{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	80%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move2{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	78%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move3{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	76%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move4{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	75%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move5{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	74%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move6{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	72%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move7{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	70%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move8{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	68%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move9{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	66%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move10{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	64%{ opacity: 0; }
	100%{ opacity: 0;  }
}
@keyframes move11{
	0%{ opacity: 0; }
	2%{ opacity: 1;}
	60%{ opacity: 1; }
	62%{ opacity: 0; }
	100%{ opacity: 0;  }
}
*/



.item_sec04_LG01{ width:28%;  }
.item_sec04_LG02{ width:5.5%;  }
.item_sec04_LG03{ width:19.5%;  }
.item_sec04_LG04{ width:6.5%;  }
.item_sec04_LG05{ width:17%;  }
.item_sec04_LG06{ width:6.5%;  }
.item_sec04_LG07{ width:17%;  }

.con_sec04_LG_bottom{ width: 85%; margin:120px auto 50px; position: relative; border-top: 3px solid #ff9734;}
.imgObiz{ width: 20%; height: 0; padding-bottom:26.95%; z-index: 2; position: absolute; top:-50px; left: -30px; background: url(../images/img_lineGift_Obiz.png) no-repeat; background-size: 100%; font-size: 0;  }
.con_sec04_LG_bottom_box{ width: 80%; margin: 0 0 0 20%; clear: both; overflow: hidden; font-size: 16px; padding: 30px 0; }
.item_sec04_LG{ float: left; width: 22%; margin: 0 1.5%; }
.item_sec04_LG_up{ width: 100%; display: table; }
.icon_sec04_LG{ width:45%; height: 0; padding-bottom: 35%; background: url(../images/icon_lineGift04.png) no-repeat; display: inline-block; vertical-align: middle;  }
.icon_sec04_LG01{ background-position: 0 0; background-size: 400%; }
.icon_sec04_LG02{ background-position: 33.33% 0; background-size: 400%; }
.icon_sec04_LG03{ background-position: 66.66% 0; background-size: 400%; }
.icon_sec04_LG04{ background-position: 100% 0; background-size: 400%; }
.txt_sec04_LG{ width: 53%; margin: 0 0 0 2%; color: #d93a42; font-size: 1.5em; font-weight: bold; display: inline-block; vertical-align: middle; }
.item_sec04_LG_down{ width: 90%; margin: 5px auto 20px; color:#424242; font-size: 1em; line-height: 1.5em; font-weight: bold;  }


/*隱私權政策*/
.privacy_banner{width: 100%; height: 0; padding-bottom: 35%; background: url(../images/banner_privacy.jpg) no-repeat center bottom; background-size: 100%; }
.privacy_con{ width: 1600px; margin: 20px auto; font-weight: 800;}
.privacy_con h2{ font-size: 2em; line-height: 4em;  }
.privacy_con h3{ font-size: 1.5em; line-height: 1.5em;  }
.privacy_con p{ font-size: 1em; }
.privacy_con ol{ list-style: none; }
.privacy_con ol>li{ margin-bottom: 20px; }
.privacy_con ol ul{ padding-left: 3em; }
.privacy_con ol p{ padding-left: 2em;  }
.privacy_con ol p+ul{ padding-left: 5em;  }
.privacy_con ol ul>li{  list-style: disc; margin-bottom:0.5em;}




@media screen and ( max-width:1679px){
/*LINE @*/
.wrap_linePoint_sec03{ width: 100%; height: 100%; margin: 0  auto; position: relative;}
.wrap_linePoint_sec04{ width: 100%; height: 100%; margin: 0  auto; position: relative;}
.linePoint04{ width: 100%; height: 0; padding-bottom:120%;   background: #7f7b7a url( ../images/bg_linePoint_sec03.jpg)no-repeat center bottom; background-size: 100%; }
.img_linePoint_sec04{ width:20%; height: 0; padding-bottom: 37.68%; background: url(../images/img_linePoint_sec03.png) no-repeat center top; background-size: 100%; position: absolute; top:-100px; left: 0; z-index: 1; font-size: 0;  }/*iphone&momey*/
.sec04_linePoint_txt03{ width:100%; margin: 15% auto 0; clear: both; overflow: hidden;  }

}


@media screen and ( max-width:1599px){

/*共用===============================================================================*/
.banner_1600{ width: 80%; margin: 0 auto; }






/*
.operat_banner{ width: 100%; height: 738px;  background: url(../images/img_map.jpg) no-repeat 77% bottom;  }*/



/*LINE @*/
.img_sec02_linePoint{ width: 50%; height: auto; padding-bottom: 0; position: absolute;  left:50%; }
.sec02_top_linePoint02{  width: 45%;  color: #fff; margin: 8% 0 0; }

/*認證*/
.wrap_certifi_sec01_1600{ width: 100%; height:0; padding-bottom: 51.25%;  margin: 0 auto;  background: url(../images/img_lineCertification_sec01_1.png)center top no-repeat; background-size: 100%; }
.box_sec01_certifi{ position: relative; width: 39.375%; height: 100%; padding-bottom: 51.25%;  margin: 0 0 0 45%;  }
.con_sec04_certifi{ width: 100%; margin: 0 auto; }
.con_sec05_certifi{ width: 100%; height: auto; padding-bottom:0; background:#8b8b8b url(../images/bg_certification_sec05.jpg) no-repeat top center; background-size: 100%;   }




/*smartBot*/
.con_sec01_smartBot,.con_sec02_smartBot{ width: 90%; margin: 0 auto; padding: 20px 0;}




/*lineGift================================*/

.con_sec03_LG{ width: 90%; margin: 0 auto; clear: both; overflow: hidden; text-align: center; padding: 30px 0; }
.con_sec04_LG{ width:100%; height: auto; padding: 25% 0 50px; background:#e4d9c7 url(../images/bg_lineGift_sec04.jpg) no-repeat top center; background-size:100%; font-size: 0;  }
.wrap_sec04_LG{ width: 90%; margin: 0 auto;  }
.txt_sec04_LG{ width: 53%; margin: 0 0 0 2%; color: #d93a42; font-size: 1.2em; font-weight: bold; display: inline-block; vertical-align: middle; }


/*隱私權政策*/
.privacy_con{ width: 95%; margin: 20px auto; }

}


@media screen and ( max-width:1365px){

/*共用=================================================================================================*/
.banner_1200{ width: 80%; margin: 0 auto;}













.wrap_footer{ width: 80%; margin: 0 auto; clear: both; overflow:hidden; }
.footer_L{ width: 40%; float: left;  }
.footer_R{ width: 60%; float: right; }

/*操作*/
.operat_banner{ width: 100%; height: 0; padding-bottom: 38.4375%; background: url(../images/img_map.jpg) no-repeat center bottom; background-size: 100%; }

.operat_L{ width: 34.5%; height: 0; padding-bottom:14.75%; text-align: center;  display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; background: url(../images/bg_addfriend_title.png) no-repeat; background-size: 100%; }
.operat_L span{ margin: 14% 0; display: block; }
.operat_R{ width: 60%; margin-left: 0.5%; display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; }


/*LINE @*/
.linePoint_banner{ width: 100%; height: 0; padding-bottom: 38.4375%; background: url(../images/banner_linePoint.jpg) no-repeat center bottom; background-size: 100%; }

.con_linePoint_sec02{ width: 90%; margin: 0 auto; height: 100%; position: relative; }
.sec02_top_linePoint02 li{ width: 100%; font-size:1.5em; font-weight: bold; display: table; margin: 0 0 30px;  }
.linePoint02{ width: 100%; height:auto; background: url(../images/bg_linePoint_sec02.png) no-repeat center top;  margin: -78px 0 0 0; }
.wrap_sec02_linePoint_relative{ width: 80%; margin: 0 auto;  position: relative;  }

.img_sec02_linePoint{ width: 50%; height: auto; padding-bottom: 0; position: absolute;   left:50%; }
.sec02_top_linePoint02{  width: 50%;  color: #fff; margin: 15% 0 15%; }


.linePoint04{ width: 100%; height: 0; padding-bottom:130%;   background: #7f7b7a url( ../images/bg_linePoint_sec03.jpg)no-repeat center bottom; background-size: 100%; overflow: hidden; }

/*認證*/
.certifi_banner{ width: 100%; height: 0; padding-bottom: 38.4375%; background: url(../images/banner_certification.jpg) no-repeat center bottom; background-size: 100%; }
/*.wrap_certifi_banner_1200{ width: 80%; margin: 0 auto; }*/

.box_sec01_certifi h3{ position: absolute; top:40%; width: auto; left: 15%;  text-align: center; font-size:3vw; font-weight: bold; color: #5a5a5a;   }
.sec04_certifi_Left02 h4{ font-size: 2vw;  }
.sec04_certifi_Left02 p{ font-size: 1.6vw;  }
.pre_sec04_certifi_Left03{ width: 100%; margin: 1% 0;  font-size: 1.6vw; clear: both; overflow: hidden;  }



/*smartBot*/
.smartBot_banner{ width: 100%; height: 0; padding-bottom: 38.4375%; background: url(../images/banner_smartBot.jpg) no-repeat center bottom; background-size: 100%; }









/*lineGift=============================================================================*/
.lineGift_banner{ width: 100%; height: 0; padding-bottom: 38.4375%;  background: url(../images/banner_lineGift.jpg) no-repeat center bottom; -webkit-background-size: 100%;
background-size: 100%;}



}




















@media screen and (max-width:1199px){

/*共用======================================================================	*/
body{ position:relative;}
  
main{ width:95%; padding:50px 0; margin:0 auto;}  
nav{ display:none;}
#menu_mobile{ width:100%; height:auto; margin:0 auto;  font-size:1em; position:relative; display:block;}
#mobile_controlboxArea{  width:100%;  height:30px; border-bottom: 3px solid #16a722; padding:10px 0; background:#fff; position:fixed; z-index:21; top:0; left:0; }
#mobile_menu_labIcon{ position:absolute; right:5%; top:10px;}

#mobile_menu_logo{ width:auto;  height:30px; position:absolute; left:50%; margin-left:-80px;}
#mobile_menu_logo img{ width:auto; height:100%;}
#mobile_menulist{ width:100%; height:100%; background:#fff;  position:fixed; z-index:20; top:-100%; overflow:auto; }
#mobile_menulist .mobileMenu_list{ width:100%; height:300px; overflow:auto; margin:0 auto; position:relative;}
#mobile_menulist .mobileMenu_list ul{ width:100%;  list-style:none; padding:10px 0; position:absolute; top:0; }
#mobile_menulist .mobileMenu_list li{ width:100%; margin:0 auto; height:55px; line-height:55px; border-bottom:1px solid #16a722; color:#baa461; font-size:1em; font-weight: bold; text-align:center; }
#mobile_menulist .mobileMenu_list ul li a{ color:#000; text-decoration:none; display:block; }
#mobile_menulist .mobileMenu_list ul li a:hover{ color:#16a722; }
#mobile_menulist .mobileMenu_list ul li#mobile_menu_search a img{ width:16px; height:16px; vertical-align:middle; margin-right:5px;}



.hamburger .line{
  width: 28px;
  height: 2px;
  background-color: #16a722;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

.clientsArea{ display: table; min-height:200px; padding: 20px 0; font-size: 0; position: relative; }

.banner{ padding-top: 53px; }
.banner h1{ font-size: 2em; line-height: 1.2em; }
.operat_banner p{ font-size: 1.5em; }
.smartBot_banner p{ font-size: 1.8em; font-weight: bold;}
.linePoint_banner p{ font-size: 1.5em; font-weight: bold; }


.margTop_certifi{margin: 10% 0 0;}







/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){

  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){

  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

.wrap{ width: 95%; margin-right:auto; margin-left: auto;  }




/*操作*/
.pre_sec01_operat{ width:54.875%; margin:0 0 0 10%; padding: 20px 0; display: table; font-size: 0;  }
.operat_L{ width: 34.5%; height: 0; padding-bottom:14.75%; text-align: center;  display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; background: url(../images/bg_addfriend_title.png) no-repeat; background-size: 100%; }
.operat_R{ width: 60%; margin-left: 0.5%; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; }
.con_sec02_operat{ width: 90%; margin: 50px auto 0; clear: both; overflow:hidden;  }
.con_sec03_operat{ width: 90%; margin: 50px auto; }
.con_sec04_operat{ width: 90%;  display: table; font-size: 0;  }
.pre_sec04_operat_txt{ width: 31%; display: inline-block; color: #fff; font-size: 3vw ; vertical-align: middle; }



/*LINE @*/
.wrap_linePoint{ width: 95%; height: 100%; margin: 0  auto; position: relative; display: table;}
.con_linePoint_sec01{ font-size: 0; width: 100%; height: 0; padding-bottom:77.21%;  background: url(../images/bg_linePoint_sec01con.png) no-repeat top center; background-size: 100%; }
.img_lulu{ width: 37.58%; height: 0; padding-bottom:34.58%;  position: absolute; bottom:50px; left: 0%; z-index: 1; font-size: 0; background: url(../images/img_LuLu.png) no-repeat bottom left; background-size: 70%; }
.img_Illu{ width: 37.58%; height: 0; padding-bottom:41%;  position: absolute; bottom:0;  left: 0; z-index: 1; font-size: 0; background: url(../images/img_Illu.png) no-repeat bottom left; background-size: 70%; }




/*認證*/


/*.title_certifi_banner{ text-align: right; font-size: 3vw; line-height: 1.5em; color: #189d22; margin: 5% 0 0;}*/
.wrap_sec03_certifi{ width: 90%; margin: 0 auto; position: relative;  }
.sec03_certifi_02{ width: 32.4%;  height: 0; padding-bottom :42.71%; position: absolute; right: 0; margin: -42% 0 0; background: url(../images/img_lineCertification_sec03.png) no-repeat right top; background-size: 90%; font-size: 0;  }
.sec03_certifi_01{ width: 67.6%; padding: 8% 0; clear: both; overflow: hidden; }
.txt_sec03_certifi{ width: 100%; margin: 0 auto; font-size: 1.5vw; font-weight: bold; text-align: center;  }
.wrap_sec04_certifi{ width: 85%; margin: 0 auto; padding: 3% 0; display: table;  }
.wrap_sec05_certifi_1200{ width: 90%; margin: 0 auto; padding: 5% 0; text-align: center; clear: both; overflow: hidden;}



/*smartBot*/
.title_smartBot_banner{ width: 90%; text-align: left; font-size: 3vw; line-height: 1.5em; color: #000; margin: 18% auto 0; font-weight: bold; }

.con_sec03_smartBot{ width: 90%; margin: 0 auto; padding: 7% 0 15% ; }
.con_sec04_smartBot{ width: 90%; margin: 0 auto; padding: 20px 0  ; }
.smartBot02{ width: 100%; height: auto; padding-bottom:0;  background:#252324 url(../images/bg_smartbot_sec02.jpg) no-repeat top center; background-size: 100%; }
.sec02_smartBot_title{ width: 30%;  padding-bottom:18.93%; height: 0; position: absolute; top:10%; left: 5%; background:url(../images/icon_smartBotservice_sec02-1.png) no-repeat; background-size: 100% ; font-size: 0;   }
.sec02_smartBot_con{ width: 80%; margin: 23% 0 0 20%;  }
.pre_sec02_smartBot02 h4{ font-size: 1.3em; line-height: 1.5em;}
.pre_sec02_smartBot02 p{ font-size: 1.1em; line-height: 1.5em;}
.pre_sec02_smartBot03 p{ font-size: 1.1em; line-height: 1.5em;}



.pre_sec03_smartBot h4,.pre_sec03_smartBot p{ width: 70%; margin-left: auto; margin-right: auto; text-align: center;}
.pre_sec03_smartBot h4{ color: #00ae24;  font-size: 1.3em; line-height: 2em; border-bottom: 1px solid #f28b22;  margin-bottom: 20px;  }
.pre_sec03_smartBot p{ font-size: 1em; line-height: 1.5em; font-weight: bold; color: #595757;  }


/*smartBot*/
.tempDown{ width: 100%; height: 180px;background: #6e6e6e ; padding: 10px 0 20px;}











/*lineGift========================================*/


.lineGift02{ width: 100%; height: auto; padding-bottom:50px;  background:#3d3d3d url(../images/bg_lineGift_sec02.jpg) no-repeat center top;  background-size: 	100%; }
.con_sec02_LG{ width: 90%; margin: 0 auto; clear: both; overflow: hidden; text-align: center; }
.title_sec02_LG{ color: #56b442; font-weight: bold; font-size: 1.5em; }
.title_sec02_LG+p{ color: #fff; font-weight: bold; font-size: 1.2em; }
.title_sec03_LG{ width: 80%; margin: 0 0 0 2%; display:inline-block; vertical-align: middle; color: #5a5b5b; font-size: 1.8em; font-weight: bold; text-align: left; }


.con_sec04_LG_bottom_box{ width: 85%; margin:0 0 0 15%; clear: both; overflow: hidden; font-size: 16px; padding: 30px 0; }
.item_sec04_LG{ float: left; width: 23%; margin: 0 1%; }
.txt_sec04_LG{ width: 55%; margin: 0 0 0 0; color: #d93a42; font-size: 1.2em; font-weight: bold; display: inline-block; vertical-align: middle; }


}
























@media screen and (max-width:1024px){

/*首頁*/

/*section3*/

.pre_featuresArea{ width: 45%; margin:0 2.5% 50px;  display: inline-block; font-size: 16px; }



}


@media screen and (max-width:1023px){
.wrap_footer{ width: 95%; margin: 0 auto; clear: both; overflow:hidden; }
.footer_L{ width: 100%; float: none; text-align: center; margin: 0 0 20px; }
.footer_R{ width: 100%; float: none; }
.signature{ width: 50%; margin: 0 auto;  }
.copyright{ color: #000; font-size: 1em; line-height: 1.5em; text-align: center; }
.community{ display: table; float: none; margin: 0 auto;  }


/*首頁*/

/*section2*/
.pre_about h3{ font-family: ARLRDBD, sans-serif; color: #2dac37; font-size: 1.5em; margin: 0.3em 0;  }
.txt_about p{ color: #b5b5b5; font-size: 1em; }


/*section5*/
.pre_service{ width: 50%; display: inline-block; font-size: 16px; text-align: center; border-right: 1px solid #4e4e4e; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 50px;   }
.pre_service:nth-child(even){ border:none; }
.btn_more a{ width: 200px; margin: 50px auto 0;  height: 40px; line-height: 40px; border:1px solid #fff; border-radius: 40px; font-size: 1.2em; font-weight: 600; color: #fff; text-align: center; text-decoration: none; display: block; }





/*操作*/
.sec01_operatRight{ display: none; }
.pre_sec01_operat{ width:90%; margin:0 auto; padding: 0; display: table; font-size: 0;  }
.operat_L{ width: 34.5%; height: 0; padding-bottom:14.75%; text-align: center;  display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; background: url(../images/bg_addfriend_title.png) no-repeat; background-size: 100%; }
.operat_R{ width: 65%; margin-left: 0.5%; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; }
.title_sec02_operat{ width: 80%; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px solid #464646; color: #818081; font-size: 1.5em; font-weight: bold; vertical-align: bottom; text-align: center;  }
.txt_sec02_operat{ width: 80%; min-height: 180px; margin: 0 auto; padding: 15px 0; text-align: justify; line-height: 1.5em;  }
.pre_sec03_operat h3{ font-size: 1.5em; color: #d94d00; line-height: 1.8em;   }
.pre_sec03_operat p{ font-size: 1.1em; color: #595757; line-height: 1.5em; font-weight: bold; }
.title_operat04{ width: 340px; height: 186px; margin: 0 auto; background: url(../images/bg_obizCheck.png) no-repeat; background-size: 100%; color: #fff; font-size: 2em; }
.title_operat04 h2{ padding: 138px 0 0; }

/*LINE @*/
/*.linePoint_banner{ width: 100%; height: 0; padding-bottom: 38.44%; background: url(../images/banner_linePoint.jpg) no-repeat center bottom; background-size: 100%; }
*/
/*.linePoint01_1{ width: 100%; height: 0; padding-bottom: 38.44%; background: url(../images/banner_linePoint.jpg) no-repeat center bottom; background-size: 100%; }*/
.linePoint_banner h2, .linePoint02 h2, .linePoint03 h2, .linePoint04 h2{ font-size: 1.5em;   line-height: 2em; text-align: center; }
.linePoint_banner h2{ padding: 30px 0 0; }
.linePoint02 h2{ padding: 70px 0 0; }
.linePoint04 h2{ padding: 30px 0; }
.linePoint01_1 p{ color:#189d22; font-size: 1em;  text-align: center; font-weight: bold;  }
.linePoint02 p{ color:#fff; font-size: 0.9em;  text-align: center; font-weight: bold;  }
.sec02_top_linePoint02{  width: 50%;  color: #fff; margin: 10% 0 10%; }
.sec02_top_linePoint02 li{ width: 100%; font-size:1.2em; font-weight: bold; display: table; margin: 0 0 30px;  }
.linePoint04{ width: 100%; height: auto; padding-bottom:40%;   background: #7f7b7a url( ../images/bg_linePoint_sec03.jpg)no-repeat center bottom; background-size: 100%; }
.sec04_linePoint_txt02{ width:65%; margin: 50px auto;  }

/*認證*/
.certifi01 h2, .certifi03 h2, .certifi04 h2, .certifi05 h2 { font-size:1.5em; padding: 30px 0;  line-height: 2em; text-align: center;  }
.title_sec02_certifi{ color: #00ae24; font-size: 2vw; margin: 50px 0 20px ; padding:5px 10px; display: inline-block; border: 1px solid #00ae24; border-radius: 50px;  }
.sec04_certifi_Left03{ width: 100%;  }
.sec04_certifi_Left02 h4{ font-size: 2.5vw;  }
.sec04_certifi_Left02 p{ font-size: 2vw;  }
.pre_sec04_certifi_Left03{ width: 100%; margin: 1% 0;  font-size: 2vw; clear: both; overflow: hidden;  }
.pre_certifi_sec05 h4, .pre_certifi_sec05 p{ width: 90%; padding: 0 5%;  text-align: center; font-weight: bold;}
.pre_certifi_sec05 h4{ color: #fff600; font-size: 1.5em; line-height: 2em; }
.pre_certifi_sec05 p{ color: #fff; font-size: 1em; line-height: 1.5em; }


/*smartBot*/
.smartBot01 h2, .smartBot03 h2, .smartBot04 h2{ width: 100%;  padding: 30px 0;  font-size: 1.5em; text-align: center;}

.pre_sec01_smart_col3 p{ width: 60%; height: 30px; line-height: 30px; border-radius: 30px; border:1px solid #43b34c; margin: 10px auto; font-size: 2vw; text-align: center; }
.pre_sec01_smart_col5 p{ width: 100%; height: 30px; line-height: 30px; border-radius: 30px; border:1px solid #43b34c; margin: 10px auto; font-size: 2vw; text-align: center; }
.pre_sec03_smartBot h4,.pre_sec03_smartBot p{ width: 70%; margin-left: auto; margin-right: auto; text-align: center;}
.pre_sec03_smartBot h4{ color: #00ae24;  font-size: 1em; line-height: 2em; border-bottom: 1px solid #f28b22;  margin-bottom: 10px;  }
.pre_sec03_smartBot p{ font-size: 0.9em; line-height: 1.5em; font-weight: bold; color: #595757;  }
.con_sec04_smartBot li{ width: 40%; float: left; margin: 0 5% 30px; box-shadow: 0 0 10px #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;}
.tempDown{ width: 100%; height: 120px;background: #6e6e6e ; padding: 10px 0 20px;}
.subTitle_sec04_sB{ font-size: 1.2em; font-weight: bold; color: #e43000; line-height: 3em; }





/*lineGift=============================================================================*/
.lineGift01 h2, .lineGift02 h2, .lineGift03 h2, .lineGift04 h2{ width: 100%;  padding: 30px 0;  font-size:1.5em; text-align: center;}
.title_sec02_LG{ color: #56b442; font-weight: bold; font-size: 1.2em; }
.title_sec02_LG+p{ color: #fff; font-weight: bold; font-size: 1em; }
.con_sec01_LG_R{ width: 40%; float: right; margin:0 0 0 2%;  }



.con_sec04_LG_bottom_box{ width: 85%; margin:0 0 0 15%; clear: both; overflow: hidden; font-size: 16px; padding: 30px 0; }
.item_sec04_LG{ float: left; width: 46%; margin: 0 2%; }
.txt_sec04_LG{ width: 55%; margin: 0 0 0 0; color: #d93a42; font-size: 1.2em; font-weight: bold; display: inline-block; vertical-align: middle; }
.con_sec03_LG{ width: 90%; margin: 0 auto; clear: both; overflow: hidden; text-align: center; padding: 30px 0;  }
.con_sec03_LG_L{ width: 90%; float: none; margin: 30px auto;}
.con_sec03_LG_R{ width: 80%; float: none; /*height: 0;padding-bottom:80%; background: url(../images/img_lineGift_sec03.png) no-repeat; background-size: 100%;*/ font-size: 0; margin: 30px auto;}



}



























@media screen and (min-width:768px) and ( max-width:1024px){
#menu_pc{ width:85%; margin:0 auto;  font-size:1em; position:relative; }
#menu_logo{ width:17%; float:left; /*line-height:94px;*/}
#menu_pc ul{ /*width:80%;*/ /*float:right;*/ padding:0; margin:0; font-size:0; /*display:table;*/}

}



















@media screen and (max-width:767px){

/*共用=================================================================================================*/

.footer_L h2 a{ color: #d94d00; font-size:2em; }
.footer_L p a{ color: #fff; font-size: 0.9em; line-height: 1.5em; text-decoration: none; }
.copyright{ color: #000; font-size: 0.9em; line-height: 1.5em; text-align: center; } 
.banner h1{ font-size: 1.5em; line-height: 1.2em; }
.operat_banner p{ font-size: 1em; }
.smartBot_banner p{ font-size: 1.2em; font-weight: bold;}
.linePoint_banner p{ font-size: 1em; font-weight: bold; }






/*首頁*/




/*section6*/
.btn_contact {   border-radius: 80px; display: table; color: #fff; text-decoration: none; padding: 10px 30px 10px 10px;  margin: 50px auto 50px; text-align: center; background:#d94d00;  }
.btn_contact h3{ font-family:ARLRDBD, sans-serif; font-size: 1.2em; display: inline-block;  vertical-align: middle; }
.btn_contact h3:before{ content: ""; width:30px; height: 30px; background:url(../images/icon_indexClients.png) no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 10px; }
.btn_contact p{font-size: 1em; display: inline-block; vertical-align: middle;}
.btn_contact a{ color: #fff; text-decoration: none; font-size: 1em; margin: 100px auto ;  }




/*操作*/

/*側邊連絡按鈕*/
.subRight_contact{ position: fixed; top:40%; right: -60px; z-index: 5; border-radius: 50px; display: table; color: #fff; text-decoration: none; padding: 5px 20px 5px 10px;  margin: 0 auto; text-align: center; background:#d94d00;  transform: rotate(90deg);}
.subRight_contact h3{ font-family:ARLRDBD, sans-serif; font-size: 1em; letter-spacing: 1px; line-height: 30px; display: inline-block;  vertical-align: middle; margin:0; }
.subRight_contact h3:before{ content: ""; width:30px; height: 30px; background:url(../images/icon_indexClients.png) no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 10px; transform: rotate(-90deg); }
.subRight_contact p{ display: none; }
.subRight_contact a{ color: #fff; text-decoration: none; display: block;  }
.subRight_contact:hover { background:#2dac37;}

.operat01 h2, .operat02 h2, .operat03 h2{ font-size: 1.5em;  line-height: 1em; text-align: center; }
.operat01 h2{ padding: 30px 0; color: #00b900; }
.operat02 h2{ padding: 30px 0; color: #5a5a5a; margin: 0; }
.pre_sec02_operat{ width: 100%; margin:0 0 80px;  float: none; position: relative; }
.greenbox{ width: 80%; height: 180px; position: absolute; z-index: -1; left: 5%; bottom: -10%; background:#01b701;}
.txt_sec02_operat{ width: 80%; min-height: auto; margin: 0 auto; padding: 15px 0; text-align: justify;  line-height: 1.5em; }
.con_sec03_operat{ width: 80%; margin: 50px auto; }
.pre_sec03_operat{ width:100%; display: table; font-size: 0;}
.pre_sec03_operat:nth-child(odd){ margin: 0 0 30px; }
.pre_sec03_operat:nth-child(even){ margin: 0 0 30px;}
.pre_sec03_operat:nth-child(1){ margin: 0 0 30px; }




/*LINE @*/
.sec03_linePoint_txt{ font-size: 3vw; color:#5a5b5b; font-weight: bold;  }


.sec04_linePoint_txt01{ width:60%; margin: 50px auto 0;  }
.sec04_linePoint_txt02{ width:80%; margin: 30px auto 0;  }

.linePoint04{ width: 100%; height: 0; padding-bottom:200%;   background: #7f7b7a url( ../images/bg_linePoint_sec03.jpg)no-repeat center bottom; background-size: 100%; }
.pre_sec04_linePoint_txt03{ width: 45%; margin: 0 2.5%; float: left; text-align: center;   }
.icon_linePoint04{ width: 25%; height: 0; padding-bottom: 25%; background: url(../images/icon_linePoint04.png) no-repeat center; background-size: 400%; margin: 0 auto; }
.linePoint04_1{ background-position: 0 center; }
.linePoint04_2{ background-position: 33.33% center; }
.linePoint04_3{ background-position: 66.66% center; }
.linePoint04_4{ background-position: 100% center; }
.pre_sec04_linePoint_txt03 h4{ font-size: 1.2em; line-height: 1.3em; color: #b33e04;  }
.pre_sec04_linePoint_txt03 p{ font-size: 1em; line-height: 1.5em; min-height: 85px; color: #000; font-weight: bold; }

.sec04_linePoint_txt01 h3, .sec04_linePoint_txt02 h3{ color: #ffd93b; font-size: 1.5em; line-height: 1.5em; }
.sec04_linePoint_txt01 ul, .sec04_linePoint_txt01 ul li, .sec04_linePoint_txt02 ul, .sec04_linePoint_txt02 ul li{ list-style-type: decimal; font-size: 1em; line-height: 1.5em; margin: 0 0 10px; color: #fff;  }
.sec04_linePoint_txt01 ul{ padding-left: 1.2em; }
.sec04_linePoint_txt02 ul, .sec04_linePoint_txt02 ul li{ list-style-type: none;}




/*認證*/


.txt_sec03_certifi{ width: 100%; margin: 0 auto; font-size: 0.9em; font-weight: bold; text-align: center;  }

.sec04_certifi_Left02 h4{ font-size: 20px;  }
.sec04_certifi_Left02 p{ font-size: 16px;  }
.pre_sec04_certifi_Left03{ width: 100%; margin: 1% 0;  font-size: 16px; clear: both; overflow: hidden;  }
.pre_certifi_sec05{ width: 45%; min-height: 320px; padding: 20px 0; margin: 0 2.5% 60px;  float: left; background: rgba(234, 89, 2,0.8); border:1px solid #fff; box-sizing: border-box;   }
.wrap_sec05_certifi_1200 h3{ width: 96%; color: #fff; font-size: 1.2em; font-weight: bold; margin: 20px auto 50px; text-align: left; }
.first_sec05_certifi{ display: none; }
.certifi_sec05_margin{ margin-left:2.5%; }


/*smartBot*/
.sec02_smartBot_title{ width: 200px;  padding-bottom:0; height:127px; position: absolute; top:10%; left: 5%; background:url(../images/icon_smartBotservice_sec02-1.png) no-repeat; background-size: 100% ; font-size: 0;   }
.sec02_smartBot_con{ width: 100%; margin: 30% auto 0;  }
/*.pre_sec02_smartBot{ width: 100%; display: table; font-size: 0; margin: 30px 0; color: #fff; font-weight:normal;  }*/
.pre_sec02_smartBot02 h4{ font-size: 1.2em; line-height: 1.5em;}
.pre_sec02_smartBot02 p{ font-size: 1em; line-height: 1.5em;}
.pre_sec02_smartBot03 p{ font-size: 1em; line-height: 1.5em;}

.pre_sec03_smartBot{ width: 60%; height: 0; padding-bottom: 60%; margin: 0 auto 15%; border-radius: 100%; box-shadow: 0 0 10px #ddd; background: #fff;  }
.sec03_smart_item1{ float: none; }
.sec03_smart_item2{ width: 60%; position: relative; padding-bottom: 60%; left: 0; margin-left: auto; margin-top: 0;   }
.sec03_smart_item3{ float: none; }
.ico_sec03_smartBot{ width:30%; height: 0; padding-bottom: 29%; margin: 0 auto; background: url(../images/icon_smartBotservice_sec03.png) no-repeat center;  }
.icon_sec03_smartBot01{ background-position: 0 0;  background-size: 300%; }
.icon_sec03_smartBot02{ background-position: 50% 0;  background-size: 300%; }
.icon_sec03_smartBot03{ background-position: 100% 0; background-size: 300%; }
.pre_sec03_smartBot h4,.pre_sec03_smartBot p{ width: 70%; margin-left: auto; margin-right: auto; text-align: center;}
.pre_sec03_smartBot h4{ color: #00ae24;  font-size: 1.2em; line-height: 2em; border-bottom: 1px solid #f28b22;  margin-bottom: 10px;  }
.pre_sec03_smartBot p{ font-size: 1em; line-height: 1.5em; font-weight: bold; color: #595757;  }
.tempDown{ width: 100%; height: 160px;/*background: #f18f28 ;*/ background: #6e6e6e ; padding: 10px 0 20px;}

/*lineGift==========================================*/
.title_sec01_LG{ font-size: 1.2em; font-weight: bold; text-indent: -1em; padding-left: 1em;  }
.txt_sec01_LG{ font-size: 1em;  display: inline-block; vertical-align: middle; box-sizing: border-box; }

}
























@media screen and (max-width:666px){

/*共用==================================================================================*/

.banner h1{ font-size: 1em; line-height: 1.2em; }

.operat_banner p{ font-size: 0.9em; }

.smartBot_banner p{ font-size: 0.9em; font-weight: bold;}
.linePoint_banner p{ font-size: 0.9em; font-weight: bold; }

.margTop_smartBot{margin: 18% auto 0;}







/*首頁*/
.clientsArea{ display: table; min-height:100px; padding: 20px 0; font-size: 0; position: relative; }





/*section3*/
.img_iphone7{ display: none;  }
.featuresArea_list{ width: 100%; margin-left: 0; display: table; font-size: 0;}
.pre_featuresArea{ width: 100%; margin:0 0 30px;  display: inline-block; font-size: 16px; }








/*section2*/
.pre_about{ width: 100%; display: inline-block; font-size: 16px; text-align: center; margin: 0 0 50px 0;   }
.pre_about:nth-child(2){ margin: 0 0 50px; }
.pre_about h3{ font-family: ARLRDBD, sans-serif; color: #2dac37; font-size: 1.5em; margin: 0.3em 0;  }
.txt_about p{ color: #b5b5b5; font-size: 1.2em; }



/*LINE @*/
.img_sec02_linePoint{ width: 100%; height: auto; padding-bottom: 0;  position: relative;  left:0; }
.sec02_top_linePoint02{  width: 100%;  color: #fff; margin: 0 0 10%; }
.wrap_sec02_linePoint_relative{ width: 50%; height: 0; padding-bottom:60%;  margin: 0 auto;  position: relative;  }
.sec02_top_linePoint02 li{ width: 100%; font-size:1em; font-weight:bold; display: table; margin: 0 0 30px;  }


.linePoint04{ width: 100%; height: 0; padding-bottom:250%;   background: #7f7b7a url( ../images/bg_linePoint_sec03.jpg)no-repeat center bottom; background-size: 100%; }

/*認證*/
.sec03_certifi_02{ width: 50%;  height: 0; padding-bottom :60%; position: relative; right: 0; margin: 0 auto; background: url(../images/img_lineCertification_sec03.png) no-repeat right top; background-size: 90%; font-size: 0;  }
.sec03_certifi_01{ width: 100%; padding: 8% 0; clear: both; overflow: hidden; }
.pre_sec03_certifi{ width: 31%; margin:0 1%; float: left;   }
.sec04_certifi_Left02{ width: 20%; text-align: center; margin-left: 1%;  }
.pre_sec04_linePoint_txt03{ width: 48%; margin: 0 1%; float: left; text-align: center;   }
.icon_linePoint04{ width: 50%; height: 0; padding-bottom: 50%; background: url(../images/icon_linePoint04.png) no-repeat center; background-size: 400%; margin: 0 auto; }
.linePoint04_1{ background-position: 0 center; }
.linePoint04_2{ background-position: 33.33% center; }
.linePoint04_3{ background-position: 66.66% center; }
.linePoint04_4{ background-position: 100% center; }

/*smartBot*/
.con_sec_smartbot_pc{ display:none; }
.con_sec_smartbot_mobile{ width: 100%; clear: both; overflow: hidden; display: block;}
.pre_sec01_smart_col3{ width: 40%;  margin: 0 5% 50px; float: left;  }
.pre_sec01_smart_col5{ width: 40%;  margin: 0 5% 50px;  float: left;}
.pre_sec01_smart_col3 p{ width: 135px;  font-size: 3vw;  }
.pre_sec01_smart_col5 p{ width: 135px;  font-size: 3vw;  }
.pre_sec03_smartBot{ width: 70%; height: 0; padding-bottom: 70%; margin: 0 auto 15%; border-radius: 100%; box-shadow: 0 0 10px #ddd; background: #fff;  }

.sec03_smart_item2{ width: 70%; position: relative; padding-bottom: 70%; left: 0; margin-left: auto; margin-top: 0;   }

.pre_sec03_smartBot h4,.pre_sec03_smartBot p{ width: 80%; margin-left: auto; margin-right: auto; text-align: center;}
.sec02_smartBot_con{ width: 100%; margin: 45% auto 20%;  }
.pre_sec02_smartBot01{ width:15%; height: 0 ; padding-bottom:18.261%; background: url(../images/icon_smartBotservice_sec02.png) no-repeat center; font-size: 0;   }
.icon_smart_sec02_01{ background-position: 0 0; background-size: 300%; }
.icon_smart_sec02_02{ background-position: 50% 0; background-size: 300%; }
.icon_smart_sec02_03{ background-position: 100% 0; background-size: 300%; }
.pre_sec02_smartBot02{ width:30%; text-align: center; }
.pre_sec02_smartBot03{ width:100%; }
.pre_sec02_smartBot02 h4{ font-size: 1.2em; line-height: 1.5em;}
.pre_sec02_smartBot02 p{ font-size: 1em; line-height: 1.5em;}
.pre_sec02_smartBot03 p{ font-size: 1em; line-height: 1.5em;}
.robot{ width:15% ; height: 0; padding-bottom:28.65%; position: absolute; bottom: 0; right: 5%; z-index:2; background:url(../images/robot.png) no-repeat ;background-size: 100%; font-size: 0;  }







/*lineGift====================================*/

.con_sec01_LG_L{ width: 95%; float: none; height: 0; padding-bottom:75%; background: url(../images/img_lineGift_sec01.png)no-repeat left bottom; background-size: 100%; font-size: 0; margin: 0 auto ;  }
.con_sec01_LG_R{ width: 80%; float: none; margin:30px auto 0;  }
.title_sec02_LG{ color: #56b442; font-weight: bold; font-size: 1em; }
.title_sec02_LG+p{ color: #fff; font-weight: bold; font-size: 0.9em; }

.icon_sec03_LG{ width: 20%; height: 0; padding-bottom: 20%; background: url(../images/icon_lineGift03.png) no-repeat; display:inline-block; vertical-align: middle; }
.icon_sec03_LG01{ background-position: 0 0; background-size: 400%; }
.icon_sec03_LG02{ background-position: 33.33% 0; background-size: 400%; }
.icon_sec03_LG03{ background-position: 66.66% 0; background-size: 400%; }
.icon_sec03_LG04{ background-position: 100% 0; background-size: 400%; }
.icon_sec03_LG05{ background-position: 0 100%; background-size: 400%; }
.icon_sec03_LG06{ background-position: 33.33% 100%; background-size: 400%; }
.icon_sec03_LG07{ background-position: 66.66% 100%; background-size: 400%; }
.icon_sec03_LG08{ background-position: 100% 100%; background-size: 400%; }
.title_sec03_LG{ width: 75%; margin: 0 0 0 5%; display:inline-block; vertical-align: middle; color: #5a5b5b; font-size: 1.5em; font-weight: bold; text-align: left; }

}

















@media screen and (max-width:767px) and ( min-width: 480px){


}





















@media screen and (max-width:567px){
/*首頁*/
/*section5*/
.pre_service h3{ color: #2dac37; font-size: 1.5em; margin: 0.3em 0;  }
.txt_service p{ color: #b5b5b5; font-size: 1em; font-weight: 400; }


/*section6*/
.pre_clients{ width: 46%; height:0; padding-bottom: 46%; margin:0 2% 50px; display: inline-block;  }
.btn_contact h3{ font-family:ARLRDBD, sans-serif; font-size: 1.2em; display: inline-block;  vertical-align: middle; }
.btn_contact h3:before{ content: ""; width:30px; height: 30px; background:url(../images/icon_indexClients.png) no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 10px; }
.btn_contact p{font-size: 1em; display: inline-block; vertical-align: middle;}
.btn_contact a{ color: #fff; text-decoration: none; font-size: 1em; margin: 100px auto ;  }



/*操作*/
.sec01_operatRight{ display: none; }
.pre_sec01_operat{ width:90%; margin:0 auto; padding: 10px 0; display: table; font-size: 0;  }
.operat_L{ width: 109px; height: 47px; padding-bottom:0; text-align: center;  display: block; vertical-align: middle; font-size: 16px; font-weight: bold; background: url(../images/bg_addfriend_title.png) no-repeat; background-size: 100%; }
.operat_L span{ margin: 0; line-height: 47px; display: block; }
.operat_R{ width: 100%; margin-left: 0; display:block; vertical-align: middle; font-size: 15px; font-weight: bold; }
.sec02_operatRightBottom{ display: none; }
.greenbox{ width: 80%; height: 70%; position: absolute; z-index: -1; left: 5%; bottom: -5%; background:#01b701;}
.pre_sec04_operat_txt{ width: 31%; display: inline-block; color: #fff; font-size: 2.5vw ; vertical-align: middle; }
.title_operat04{ width: 272px; height: 149px; margin: 0 auto; background: url(../images/bg_obizCheck.png) no-repeat; background-size: 100%; color: #fff; font-size: 1.5em;   }
.title_operat04 h2{ padding: 108px 0 0 ; }

/*LINE @*/
.sec04_linePoint_txt01{ width:80%; margin: 100px auto 0;  }

.linePoint04{ width: 100%; height:auto; padding-bottom:30%;   background: #7f7b7a url( ../images/bg_linePoint_sec03.jpg)no-repeat center bottom; background-size: 100%; }
.sec04_linePoint_txt01 h3, .sec04_linePoint_txt02 h3{ color: #ffd93b; font-size: 5vw; line-height: 1.1em; }
.sec04_linePoint_txt01 ul, .sec04_linePoint_txt01 ul li, .sec04_linePoint_txt02 ul, .sec04_linePoint_txt02 ul li{ list-style-type: decimal; font-size: 4vw; line-height: 1.2em; margin: 0 0 10px; color: #fff;  }
.sec04_linePoint_txt02 ul, .sec04_linePoint_txt02 ul li{ list-style-type: none;}
.pre_sec04_linePoint_txt03 h4{ font-size: 1.1em; line-height: 1.3em; color: #b33e04;  }
.pre_sec04_linePoint_txt03 p{ height: 100px; font-size: 1em; line-height: 1.5em; color: #000; font-weight: bold; }


/*認證*/

.sec04_certifi_Left01{ width: 20%;  height: 0; padding-bottom: 20%; background:url(../images/icon_lineCertification_sec04.png) no-repeat center;   }
.icon_sec04_certifi_01{ background-position: 0 0;  background-size: 300%;}
.icon_sec04_certifi_02{ background-position: 50% 0; background-size: 300%;}
.icon_sec04_certifi_03{ background-position: 100% 0; background-size: 300%;}
.sec04_certifi_Left02{ width: 75%; text-align: left; margin-left: 5%; }
.pre_sec04_certifi_Left03_subject{ width: 20%; float: left; }
.pre_sec04_certifi_Left03_txt{ width: 80%; float: left; }
.pre_certifi_sec05{ width: 48%; min-height: 350px; padding: 20px 0; margin: 0 1% 30px;  float: left; background: rgba(234, 89, 2,0.8); border:1px solid #fff; box-sizing: border-box;   }



/*smartBot*/


.sec02_smartBot_title{ width: 200px;  padding-bottom:0; height:127px; position: absolute; top:5%; left: 0; background:url(../images/icon_smartBotservice_sec02-1.png) no-repeat; background-size: 100% ; font-size: 0;   }
.sec02_smartBot_con{ width: 100%; margin: 45% auto 0;  }

.pre_sec03_smartBot{ width: 80%; height: 0; padding-bottom: 80%; margin: 0 auto 50px; border-radius: 100%; box-shadow: 0 0 10px #ddd; background: #fff;  }

.sec03_smart_item2{ width: 80%; position: relative; padding-bottom: 80%; left: 0; margin-left: auto; margin-top: 0;   }

.pre_sec03_smartBot h4,.pre_sec03_smartBot p{ width: 80%; margin-left: auto; margin-right: auto; text-align: center;}
.con_sec04_smartBot li{ width: 80%; float: left; margin: 0 10% 30px; box-shadow: 0 0 10px #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;}
.tempDown{ width: 100%; height: auto;background: #6e6e6e ; padding: 10px 0 20px;}
.con_sec01_smartBot h3{ width: 100%; text-align: center; color: #000; font-size: 1.2em; margin: 30px 0; }









/*lineGift=============================*/
.item_sec02_LG{ float: none; width: 80%; margin: 0 auto 40px;  }
.icon_sec02_LG{ width: 55%; height: 0;  padding-bottom:15.50% ; margin: 0 auto; background: url(../images/icon_lineGift02.png) no-repeat ; font-size: 0;  }
.icon_sec02_LG01{ background-position: 0 0; background-size: 300%;}
.icon_sec02_LG02{ background-position: 50% 0; background-size: 300%; margin: 0 auto;}
.icon_sec02_LG03{ background-position: 100% 0; background-size: 300%;}
.title_sec02_LG{ color: #56b442; font-weight: bold; font-size: 1.2em; }
.title_sec02_LG+p{ color: #fff; font-weight: bold; font-size: 1em; }
.con_sec04_LG_bottom_box{ width: 85%; margin: 0 auto 0; clear: both; overflow: hidden; font-size: 16px; padding: 30px 0; }
.item_sec04_LG{ float: left; width: 90%; margin: 0 5%; }
.icon_sec04_LG{ width:45%; height: 0; padding-bottom: 35%; background: url(../images/icon_lineGift04.png) no-repeat; display: inline-block; vertical-align: middle;  }
.icon_sec04_LG01{ background-position: 0 0; background-size: 400%; }
.icon_sec04_LG02{ background-position: 33.33% 0; background-size: 400%; }
.icon_sec04_LG03{ background-position: 66.66% 0; background-size: 400%; }
.icon_sec04_LG04{ background-position: 100% 0; background-size: 400%; }
.txt_sec04_LG{ width: 53%; margin: 0 0 0 2%; color: #d93a42; font-size: 1.5em; font-weight: bold; display: inline-block; vertical-align: middle; }
.item_sec04_LG_down{ width: 90%; margin: 5px auto 35px; color:#424242; font-size: 1em; line-height: 1.5em; font-weight: bold;  }
.imgObiz{ width: 35%; height: 0; padding-bottom:48%; z-index: 2; position: absolute; top:100%; left: -30px; background: url(../images/img_lineGift_Obiz.png) no-repeat; background-size: 100%; font-size: 0;  }


}



























@media screen and (max-width:479px){
/*首頁*/
/*section4*/
.pre_O2O{ width: 100%; display: block; }


/*section5*/
.pre_service{ width: 100%; display: inline-block; font-size: 16px; text-align: center; border-right: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 50px;   }  
.img_service{ width: 100px; height: 0; padding-bottom: 20%; margin: 0 auto; background: url(../images/icon_indexService.png) no-repeat; }
.service01{ background-position: 0 center; }
.service02{ background-position: -100px center; }
.service03{ background-position: -200px center; }
.service04{ background-position: -300px center; }
.pre_service h3{ color: #2dac37; font-size: 1.5em; margin: 0.3em 0;  }
.txt_service p{ color: #b5b5b5; font-size: 1em; font-weight: 400; }

/*操作*/
.sec02_operatLeftTop{ width:28.41% ; height: 0; padding-bottom: 31%; background: url(../images/img_phone.png) no-repeat; background-size: 100%; font-size: 0; position: absolute; top:-10px; left: 0; z-index: 2; }
.pre_sec03_operat_img{  display: none; }
.pre_sec03_operat_txt{ width: 100%; }
.operat_txt_right{ text-align: left; }

/*LINE @*/
.sec04_linePoint_txt01{ width:80%; margin: 50px auto 0;  }
.linePoi879nt04{ width: 100%; height: 0; padding-bottom:295%;   background: #7f7b7a url( ../images/bg_linePoint_sec03.jpg)no-repeat center bottom; background-size: 100%; }


/*認證*/
.txt_sec03_certifi{ width: 100%; margin: 0 auto; font-size: 0.85em; font-weight: bold; text-align: center;  }

.pre_sec04_certifi_Left03_subject{ width: 25%; float: left; }
.pre_sec04_certifi_Left03_txt{ width:75%; float: left; }
.pre_certifi_sec05{ width: 80%; min-height: auto; padding: 20px 0; margin: 0 10% 30px;  float: left; background: rgba(234, 89, 2,0.8); border:1px solid #fff; box-sizing: border-box;   }
.box_sec01_certifi h3{ position: absolute; top:10%; width: auto; left: -15%;  text-align: center; font-size:16px; font-weight: bold; color: #5a5a5a;   }


/*smartBot*/
.pre_sec01_smart_col3 p{ width: 135px;  font-size: 4vw;  }
.pre_sec01_smart_col5 p{ width: 135px;  font-size: 4vw;  }

/*smartBot*/
.pre_sec03_smartBot{ width: 90%; height: 0; padding-bottom: 90%; margin: 0 auto 50px; border-radius: 100%; box-shadow: 0 0 10px #ddd; background: #fff;  }

.sec03_smart_item2{ width: 90%; position: relative; padding-bottom: 90%; left: 0; margin-left: auto; margin-top: 0;   }

.pre_sec03_smartBot h4,.pre_sec03_smartBot p{ width: 75%; margin-left: auto; margin-right: auto; text-align: center;}
.pre_sec03_smartBot p{ font-size: 0.9em; line-height: 1.5em; font-weight: bold; color: #595757;  }





/*linrGift=============================================*/
.item_sec03_LG{ width: 100%; min-height: auto; margin: 0 1% 20px; float: none; display: table; }
.icon_sec03_LG{ width: 20%; height: 0; padding-bottom: 20%; background: url(../images/icon_lineGift03.png) no-repeat; display:inline-block; vertical-align: middle; }
.icon_sec03_LG01{ background-position: 0 0; background-size: 400%; }
.icon_sec03_LG02{ background-position: 33.33% 0; background-size: 400%; }
.icon_sec03_LG03{ background-position: 66.66% 0; background-size: 400%; }
.icon_sec03_LG04{ background-position: 100% 0; background-size: 400%; }
.icon_sec03_LG05{ background-position: 0 100%; background-size: 400%; }
.icon_sec03_LG06{ background-position: 33.33% 100%; background-size: 400%; }
.icon_sec03_LG07{ background-position: 66.66% 100%; background-size: 400%; }
.icon_sec03_LG08{ background-position: 100% 100%; background-size: 400%; }
.title_sec03_LG{ width: 75%; margin: 0 0 0 5%; display:inline-block; vertical-align: middle; color: #5a5b5b; font-size: 2em; font-weight: bold; text-align: left; }




.con_sec03_LG_R{ width: 100%; float: none; /*height: 0;padding-bottom:100%; background: url(../images/img_lineGift_sec03.png) no-repeat; background-size: 100%;*/ font-size: 0; margin: 30px auto;}


}








@media screen and (max-width:374px){
}