- Scan-ID:
- ea979374-1870-4aa7-b578-99c6b9537754Beendet
- Eingereichte URL:
- https://www.laritzco.com/
- Bericht beendet:
Links · 4 gefunden
Die von der Seite ausgehenden identifizierten Links
| Link | Text |
|---|---|
| https://line.me/R/ti/p/@342aaize | |
| https://laritzco.com/website/search | 嚴選只售能讓顧客保值的鑽石 |
| https://lin.ee/wxZuK2v | |
| https://goo.gl/maps/jgti5PoxTibBu7Dp7 | 台中市烏日區高鐵五路156號7樓之1 (台中TTC高鐵商貿中心-距高鐵站300m) |
JavaScript-Variablen · 119 gefunden
Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind
| Name | Typ |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| ValidateNumber | function |
| delay_till_last | function |
| radio_text_focus | function |
Konsolenprotokoll-Meldungen · 5 gefunden
In der Web-Konsole protokollierte Meldungen
| Typ | Kategorie | Protokoll |
|---|---|---|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
HTML
Der HTML-Rohtext der Seite
<!DOCTYPE html><html lang="zh-Hant-TW" style="--scrollbar-width: 10px;"><link rel="stylesheet" type="text/css" href="/assets/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="/assets/css/custom/prj_reset.css"><link rel="stylesheet" type="text/css" href="/assets/css/animate.css"><link rel="stylesheet" type="text/css" href="/plugin/sweetAlert2/sweetalert2.css"><link rel="stylesheet" type="text/css" href="/plugin/OwlCarousel2-2.3.4/assets/owl.carousel.min.css"><link rel="stylesheet" type="text/css" href="/plugin/OwlCarousel2-2.3.4/assets/owl.theme.default.min.css"><link rel="stylesheet" type="text/css" href="/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css"><link rel="stylesheet" type="text/css" href="/plugin/bootstrap-date-picker/bootstrap-datepicker.min.css"><link rel="stylesheet" type="text/css" href="/plugin/select/css/select2.min.css"><link rel="stylesheet" type="text/css" href="/plugin/select/themes/select2-bootstrap.min.css"><link rel="stylesheet" type="text/css" href="/plugin/fullcalendar-4.3.1/packages/core/main.min.css"><link rel="stylesheet" type="text/css" href="/plugin/fullcalendar-4.3.1/packages/daygrid/main.min.css"><link rel="stylesheet" type="text/css" href="/plugin/fullcalendar-4.3.1/packages/timegrid/main.min.css"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 分享標題 -->
<meta property="og:title" content="LARITZCO元儷鑽石">
<!-- 分享內文 -->
<meta property="og:description" content="">
<!-- 分享圖片 -->
<meta property="og:image" content="https://www.laritzco.com/assets/images/logo/og_logo.png">
<!-- 分享當頁網址 -->
<meta property="og:url" content="https://www.laritzco.com/">
<!--
<meta name="description" content="">
<meta name="keywords" content="鑽石，GIA，GIA鑽石，GIA證書，裸鑽，鑽戒，婚戒，訂婚，求婚，婚紗，珠寶，diamond，情人節，禮物，母親節，父親節，保值，增值，CP值，克拉，一克拉，二克拉，三克拉，台中鑽石"> -->
<!-- ICO -->
<link rel="icon" href="/assets/uploads/logo/website_favicon_20220208214355919906.png" type="image/x-icon">
<!-- icomoon -->
<link rel="stylesheet" href="/assets/icomoon/style.css?v=1">
<!-- project_css -->
<!-- simplebar -->
<link rel="stylesheet" href="/plugin/simplebar/simplebar.css">
<link rel="stylesheet" href="/assets/css/custom/obj_style.css?v=14">
<!-- ---------------------------------------- -->
<title>LARITZCO元儷鑽石</title>
<!-- ---------------------------------------- -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script></head>
<body class="is-ready">
<div class="app-layer js-layout-pd-monit">
<div class="layer-right">
<div class="app-fixed-menu-bar">
<a class="menu-bar-item sty-round-btn sty-line" href="https://line.me/R/ti/p/@342aaize" target="_blank">
<img src="/assets/images/appmenu/line.svg" alt="" srcset="">
</a>
<a class="menu-bar-item sty-round-btn sty-book" href="/website/reservation">
<img src="/assets/images/appmenu/book.svg" alt="" srcset="">
<div class="menu-bar-item-text">
預約
</div>
</a>
<!-- <a class="menu-bar-item sty-round-btn sty-gotop sty-no-bg js-gotop" href="javascript:;">
<img src="/assets/images/icon/gotop.png" alt="" title="Gotop">
<div class="menu-bar-item-text">
TOP
</div>
</a> -->
</div>
</div>
</div>
<!-- <a class="e-gotop js-layout-pd-monit" style="display: block;"><img src="/assets/images/icon/gotop.png" alt="" title="Gotop"> <div class="text">TOP</div></a> -->
<header class="l-pc-menu header-top js-layout-pd-monit">
<div class="col-left col-main container">
<h1 class="wrap-logo">
<a class="logo" href="/website">
<img src="/assets/uploads/logo/website_logo_20220222173317683157.png" alt="">
</a>
</h1>
<ul class="wrap-opt">
<!-- <li class="item item-bell">
</li> -->
<li class="item item-login logined-yes">
<!-- 未登入 -->
<a href="javascript:;" class="href menu-hori-link" title="會員登入" data-toggle="modal" data-target="#login-modal">
<i class="icon-circle-arrow"></i>
<span class="link-txt">
登入
</span>
</a>
</li>
<!--<li class="item item-bag">
<a href="javascript:;" class="href" title="會員登入" data-toggle="modal" data-target="#login-modal" onclick="swal('請登入會員');">
<svg version="1.1" id="bag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<g>
<path class="st0" d="M20.6,41.4L20.6,41.4C20.6,41.4,20.6,41.4,20.6,41.4l34,0c0.8,0,1.6-0.6,1.8-1.4l7.5-26.3
c0.2-0.6,0-1.2-0.3-1.6c-0.4-0.5-0.9-0.7-1.5-0.7H16.3l-1.3-6c-0.2-0.9-1-1.5-1.8-1.5H1.9C0.8,3.9,0,4.7,0,5.7s0.8,1.9,1.9,1.9h9.7
c0.2,1.1,6.4,28.9,6.8,30.5c-2,0.9-3.4,2.9-3.4,5.2c0,3.1,2.5,5.6,5.6,5.6h34c1,0,1.9-0.8,1.9-1.9c0-1-0.8-1.9-1.9-1.9h-34
c-1,0-1.9-0.8-1.9-1.9C18.8,42.2,19.6,41.4,20.6,41.4z M59.6,15.1l-6.4,22.5H22.1l-5-22.5H59.6z" />
<path class="st0" d="M18.8,54.5c0,3.1,2.5,5.6,5.6,5.6s5.6-2.5,5.6-5.6s-2.5-5.6-5.6-5.6S18.8,51.4,18.8,54.5z M24.4,52.6
c1,0,1.9,0.8,1.9,1.9c0,1-0.8,1.9-1.9,1.9c-1,0-1.9-0.8-1.9-1.9C22.5,53.5,23.3,52.6,24.4,52.6z" />
<path class="st0" d="M45.3,54.5c0,3.1,2.5,5.6,5.6,5.6c3.1,0,5.6-2.5,5.6-5.6s-2.5-5.6-5.6-5.6C47.8,48.9,45.3,51.4,45.3,54.5z
M50.9,52.6c1,0,1.9,0.8,1.9,1.9c0,1-0.8,1.9-1.9,1.9c-1,0-1.9-0.8-1.9-1.9C49,53.5,49.8,52.6,50.9,52.6z" />
</g>
</svg>
<div class="info">
<div class="title">shopping cart</div>
<div class="in-cart">-->
<!-- item(s) -->
<!-- <span class="num" id="cart_num">0</span> item(s)-$<span class="num" id="cart_total">0</span> -->
<!-- item -->
<!-- <span class="num">1</span>item-$<span class="num">18,407</span> -->
<!-- </div>
</div>
</a> -->
<!-- <div class="num-badge reach-max">
<div class="num" id="num_rows">1</div>
</div> -->
<!-- </li> -->
</ul>
<a href="javascript:;" class="mobile-menu mobile-menu_hide-below-and-pad">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="mobile-subheader">
<div class="mobile-subheader__inner">
<div class="mobile-subheader__left">
<div class="mobile-subheader__cell-item">
<a href="javascript:;" class="mobile-subheader__person-name">
</a>
</div>
</div>
<div class="mobile-subheader__right">
<div class="mobile-subheader__cell-item">
<a href="javascript:;" class="mobile-menu pesudo-sensor-10px">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
</div>
<nav class="col-right col-sec">
<div class="sect-nav container" data-simplebar="init"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden;"><div class="simplebar-content" style="padding: 0px;">
<ul class="nav-wrap">
<li class="item item-search">
<form action="/website/product_search" method="POST" id="search_form_mobile">
<input type="hidden" name="csrf_test_name" class="csrf_test_name" value="dab6b1d5eb61907621afa9fa99534e57"><input type="text" name="search_keyword" id="search_keyword_mobile" class="ipt-search" placeholder="請輸入關鍵字...">
<a href="javascript:;" class="href" onclick="$('#search_form_mobile').submit();">
<svg version="1.1" id="icon-search" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<g>
<path class="st0" d="M24.9,49.8c6.1,0,11.6-2.2,15.9-5.8l19.3,19.3c0.4,0.4,1,0.7,1.6,0.7c0.6,0,1.2-0.2,1.6-0.7
c0.9-0.9,0.9-2.3,0-3.2L44,40.8c3.6-4.3,5.8-9.9,5.8-15.9C49.8,11.2,38.7,0,24.9,0C11.2,0,0,11.2,0,24.9
C0,38.7,11.2,49.8,24.9,49.8z M24.9,4.5c11.3,0,20.4,9.2,20.4,20.4c0,11.3-9.1,20.4-20.4,20.4S4.5,36.1,4.5,24.9S13.7,4.5,24.9,4.5
z">
</path>
</g>
</svg>
</a>
</form>
</li>
<li class="item" data-submenu="category index">
<a class="wrap " href="/website/">
首頁
</a>
</li>
<li class="item ">
<!-- 要新增次選單記得在父層a加上 class : open-sub-menu -->
<a class="wrap " href="/website/search">
<div class="item-name">
挑選鑽石
</div>
<!-- <i class="fa fa-angle-down" aria-hidden="true"></i> -->
</a>
</li>
<li class="item ">
<a class="wrap " href="/website/news_list">
<div class="item-name">
最新消息
</div>
</a>
<template class="沒用到先隱藏">
<div class="sub-menu-wrap">
<ul class="sub-menu">
<li>
<a href="/website/news_list">消息 A-1</a>
</li>
<li>
<a href="/website/news_list">消息 A-2</a>
</li>
</ul>
</div>
</template>
</li>
<li class="item ">
<!-- 未登入 -->
<a href="javascript:;" class="wrap" title="會員登入" data-toggle="modal" data-target="#login-modal">
<div class="item-name">
會員專區 </div>
</a>
</li>
<!-- <li class="item ">
<a class="wrap" href="/website/questions_list">
<div class="item-name">
Q&A
</div>
</a>
</li> -->
<li class="item ">
<a class="wrap" href="/website/contact_us">
<div class="item-name">
聯絡資訊
</div>
</a>
</li>
<!-- <li class="item ">
<a class="wrap" href="/website/store_list">
<div class="item-name">
聯盟商家
</div>
</a>
</li> -->
<li class="item ">
<a class="wrap" href="/website/reservation">
<div class="item-name">
預約
</div>
</a>
</li>
<li class="item item-login">
<!-- 未登入 -->
<a class="wrap" onclick="$('.mask').click();" href="javascript:;" data-toggle="modal" data-target="#login-modal">
<div class="item-name">
會員登入
</div>
</a>
</li>
<!-- <li class="item item-cart">
<a class="wrap" href="/website/cart_step1">
<div class="item-name">
購物車
</div>
</a>
</li> -->
</ul>
</div></div></div></div><div class="simplebar-placeholder" style="width: auto; height: 426px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"><div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: hidden;"><div class="simplebar-scrollbar simplebar-visible" style="height: 0px; display: none;"></div></div></div>
<!-- Mask -->
</nav>
<div class="mask"></div>
<div class="sub-slide-menu" style="display:none">
<div class="container">
<!-- 左邊種類 -->
<div class="types">
<ul class="type-item-wrap mCustomScrollbar _mCS_3 _mCS_1 mCS_no_scrollbar"><div id="mCSB_1" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_inside" style="max-height: 0px;" tabindex="0"><div id="mCSB_1_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
<div id="mCSB_3" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_inside" tabindex="0" style="max-height: none;">
<div id="mCSB_3_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
<li class="item" data-idx="1">
<a href="/website/product_list/37" class="link-active">保健品</a>
</li>
<li class="item" data-idx="2">
<a href="/website/product_list/38" class="">保養品</a>
</li>
<li class="item" data-idx="3">
<a href="/website/product_list/39" class="">沐浴用品</a>
</li>
<li class="item" data-idx="4">
<a href="/website/product_list/41" class="">日常用品</a>
</li>
<li class="item" data-idx="5">
<a href="/website/product_list/43" class="">美容儀器</a>
</li>
<li class="item" data-idx="6">
<a href="/website/product_list/46" class="">VIP套組</a>
</li>
<li class="item" data-idx="7">
<a href="/website/product_list/48" class="">測試用</a>
</li>
</div>
<div id="mCSB_3_scrollbar_vertical" class="mCSB_scrollTools mCSB_3_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;">
<div class="mCSB_draggerContainer">
<div id="mCSB_3_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 169px; top: 0px; display: block; height: 169px; max-height: 190px;">
<div class="mCSB_dragger_bar" style="line-height: 169px;"></div>
</div>
<div class="mCSB_draggerRail"></div>
</div>
</div>
<div id="mCSB_3_scrollbar_vertical" class="mCSB_scrollTools mCSB_3_scrollbar mCS-dark mCSB_scrollTools_vertical"><div class="mCSB_draggerContainer"><div id="mCSB_3_dragger_vertical" class="mCSB_dragger" style="position:absolute;"><div class="mCSB_dragger_bar"></div></div><div class="mCSB_draggerRail"></div></div></div></div>
</div><div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></ul>
</div>
<!-- 右邊產品SLIDER -->
<div class="menu-wrap">
<div data-idx="1" class="menus-category owl-carousel owl-theme owl-loaded owl-drag" id="category" style="display: block;">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1299px;">
<div class="owl-item active" style="width: 146.5px; margin-right: 70px;">
<div class="m-showcase-box ">
<a href="/website/product_detailed/37/63" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_20190906011549812769.jpg" alt="">
</div>
<div class="box-context">
<div class="title">Care My Babee 小心甘</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">1,680</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">1680</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item active" style="width: 146.5px; margin-right: 70px;">
<div class="m-showcase-box ">
<a href="/website/product_detailed/37/64" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_20190906012412533669.jpg" alt="">
</div>
<div class="box-context">
<div class="title">Burning Body 動動爆燃</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">1,680</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">1680</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item active" style="width: 146.5px; margin-right: 70px;">
<div class="m-showcase-box ">
<a href="/website/product_detailed/37/65" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_20190906012539143441.jpg" alt="">
</div>
<div class="box-context">
<div class="title">Man Power 瑪卡活力久久</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">1,980</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">1980</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item active" style="width: 146.5px; margin-right: 70px;">
<div class="m-showcase-box ">
<a href="/website/product_detailed/37/66" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_2019090601262711777.jpg" alt="">
</div>
<div class="box-context">
<div class="title">Let it go 纖姿暢快</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">1,680</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">1680</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item" style="width: 146.5px; margin-right: 70px;">
<div class="m-showcase-box ">
<a href="/website/product_detailed/37/67" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_20190906012718265472.jpg" alt="">
</div>
<div class="box-context">
<div class="title">Ego Eye 五彩葉黃素</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">1,680</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">1680</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item" style="width: 146.5px; margin-right: 70px;">
<div class="m-showcase-box ">
<a href="/website/product_detailed/37/72" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_2019091018232355062.jpg" alt="">
</div>
<div class="box-context">
<div class="title">TEST</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">111</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">111</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="owl-nav"><button type="button" role="presentation" class="owl-prev disabled"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div>
<div class="owl-dots disabled"></div>
</div>
<div data-idx="2" class="menus-category owl-carousel owl-theme owl-loaded owl-drag" id="category" style="display: none;">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="m-showcase-box ">
<a href="/website/product_detailed/38/68" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_201909060129177363.jpg" alt="">
</div>
<div class="box-context">
<div class="title">DSK 胺基酸潔顏慕絲</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">580</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">580</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item">
<div class="m-showcase-box ">
<a href="/website/product_detailed/38/69" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_20190906013020264796.jpg" alt="">
</div>
<div class="box-context">
<div class="title">DSK 全效保濕活膚露</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">880</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">880</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item">
<div class="m-showcase-box ">
<a href="/website/product_detailed/38/70" class="box-body">
<div class="box-img">
<img src="/assets/uploads/768x768/product_picture_20190906013106154228.jpg" alt="">
</div>
<div class="box-context">
<div class="title">DSK 賦活緊緻精華乳</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">1,680</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">1680</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="owl-item">
<div class="m-showcase-box ">
<a href="/website/product_detailed/38/71" class="box-body">
<div class="box-img">
<img src="" alt="">
</div>
<div class="box-context">
<div class="title">保養品套組A</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">10,000</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">12000</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev disabled"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div>
<div class="owl-dots disabled"></div>
</div>
<div data-idx="3" class="menus-category owl-carousel owl-theme owl-loaded owl-drag" id="category" style="display: none;">
<div class="owl-stage-outer">
<div class="owl-stage"></div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div>
<div class="owl-dots disabled"></div>
</div>
<div data-idx="4" class="menus-category owl-carousel owl-theme owl-loaded owl-drag" id="category" style="display: none;">
<div class="owl-stage-outer">
<div class="owl-stage"></div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div>
<div class="owl-dots disabled"></div>
</div>
<div data-idx="5" class="menus-category owl-carousel owl-theme owl-loaded owl-drag" id="category" style="display: none;">
<div class="owl-stage-outer">
<div class="owl-stage"></div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div>
<div class="owl-dots disabled"></div>
</div>
<div data-idx="6" class="menus-category owl-carousel owl-theme owl-loaded owl-drag" id="category" style="display: none;">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="m-showcase-box ">
<a href="/website/product_detailed/46/71" class="box-body">
<div class="box-img">
<img src="" alt="">
</div>
<div class="box-context">
<div class="title">保養品套組A</div>
<div class="price">
<div class="dis">
<span class="currency">$</span>
<span class="num">10,000</span>
</div>
<div class="org">
<span class="currency">$</span>
<span class="num">12000</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev disabled"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next disabled"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div>
<div class="owl-dots disabled"></div>
</div>
<div data-idx="7" class="menus-category owl-carousel owl-theme owl-loaded owl-drag" id="category" style="display: none;">
<div class="owl-stage-outer">
<div class="owl-stage"></div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
</div>
</header>
<!-- <header class="l-pc-menu d-flex">
<div class="container d-flex justify-content-end align-items-center">
<a href="/website_shopping/cart_step1" aria-hidden="true">
<i class="fa fa-shopping-cart"></i>
<span id="num_rows">0</span>
</a>
</div>
</header> -->
<!-- ------------------------------------------------------------------------ -->
<!-- Main Content -->
<div id="" class="l-page p-index js-menu-target">
<div class="container">
<!-- Slider -->
<section class="l-slider">
<div class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transition: all 0s ease 0s; width: 5640px; transform: translate3d(-1410px, 0px, 0px);"><div class="owl-item cloned" style="width: 690px; margin-right: 15px;"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_2022061716000480411.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 690px; margin-right: 15px;"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_list_20220705200025244684.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item active center" style="width: 690px; margin-right: 15px;"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_20211004170252846713.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item" style="width: 690px; margin-right: 15px;"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_2022021415303360502.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item" style="width: 690px; margin-right: 15px;"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_2022061716000480411.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item" style="width: 690px; margin-right: 15px;"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_list_20220705200025244684.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 690px; margin-right: 15px;"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_20211004170252846713.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 690px; margin-right: 15px;"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_2022021415303360502.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div><div class="owl-dots"><button role="button" class="owl-dot active"><span style="background: linear-gradient(to right, rgb(204, 174, 139) 22.8%, rgb(0, 0, 0) 22.8%);"></span></button><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot"><span></span></button></div></div>
</section>
<section class="l-slider l-slider--mobile">
<div class="owl-carousel owl-theme owl-loaded owl-drag">
<!-- item -->
<div class="owl-stage-outer"><div class="owl-stage" style="transition: all 0s ease 0s;"><div class="owl-item"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_20211004170252846713.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_2022021415303360502.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_2022061716000480411.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div><div class="owl-item"><div class="item ">
<div class="inner" style="background-image:url(/assets/uploads/1170x500/banner_list_20220705200025244684.jpg)">
<div class="content">
<div class="title">
</div>
<div class="sub">
</div>
</div>
</div>
</div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button></div><div class="owl-dots"><button role="button" class="owl-dot"><span style="background: linear-gradient(to right, rgb(204, 174, 139) 22.8%, rgb(0, 0, 0) 22.8%);"></span></button><button role="button" class="owl-dot active"><span></span></button><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot"><span></span></button></div></div>
</section>
<!-- Slider / -->
<!-- 報價表 -->
<section class="sects-price-table">
<!-- 標題 -->
<div class="e-head">
<div class="title">
國際鑽石報價表
</div>
<small class="des">
最新報價日期：2024-10-25 </small>
<div class="line">
<img src="/assets/images/icon/diamond.svg" alt="" class="diamond">
</div>
</div>
<div class="tab-title-wrapper">
<ul id="myTab-style" class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a id="tab-A" href="#pane_1" class="nav-link active" data-toggle="tab" role="tab">
ROUND圓形車工 </a>
</li>
<li class="nav-item">
<a id="tab-A" href="#pane_2" class="nav-link " data-toggle="tab" role="tab">
PEAR花式車工 </a>
</li>
</ul>
</div>
<div id="content-style" class="tab-content" role="tablist">
<div id="pane_1" class="card tab-pane fade show active" role="tabpanel" aria-labelledby="tab_1">
<div class="card-header" role="tab" id="heading_1">
<ul id="myTab-style1-tab" class="nav" role="tablist">
<li class="nav-item">
<a id="tab-A" href="#pane_1-1" class="nav-link active" data-toggle="tab" role="tab">
1.01~1.49 CT </a>
</li>
<li class="nav-item">
<a id="tab-A" href="#pane_1-2" class="nav-link " data-toggle="tab" role="tab">
1.51~1.99 CT </a>
</li>
<li class="nav-item">
<a id="tab-A" href="#pane_1-3" class="nav-link " data-toggle="tab" role="tab">
2.01~2.99 CT <aside class="note">(重量區間)</aside> </a>
</li>
</ul>
</div>
<!-- Note: New place of `data-parent` -->
<div id="collapse_1" class="collapse show" data-parent="#content" role="tabpanel" aria-labelledby="heading_1">
<div class="card-body first-deck mCustomScrollbar _mCS_7"><div id="mCSB_7" class="mCustomScrollBox mCS-dark mCSB_horizontal mCSB_inside" tabindex="0" style="max-height: none;"><div id="mCSB_7_container" class="mCSB_container" style="position: relative; top: 0px; left: 0px; width: 1100px;" dir="ltr">
<div id="content-style" class="tab-content" role="tablist">
<div id="pane_1-1" class="card tab-pane fade show active " role="tabpanel" aria-labelledby="tab_1-1">
<!-- Note: New place of `data-parent` -->
<div id="collapse_1-1" class="collapse show" data-parent="#content" role="tabpanel" aria-labelledby="heading_1-1">
<div class="card-body">
<div class="price-table">
<div class="tr-head cell-row">
<div class="head">克拉單價</div>
<div class="head">FL</div>
<div class="head">IF</div>
<div class="head">VVS1</div>
<div class="head">VVS2</div>
<div class="head">VS1</div>
<div class="head">VS2</div>
<div class="head">S11</div>
</div>
<div class="cell-row">
<div class="head">D</div>
<div class="cell">
16000 <span class=""></span>
</div>
<div class="cell">
16000 <span class=""></span>
</div>
<div class="cell">
12800 <span class=""></span>
</div>
<div class="cell">
10800 <span class=""></span>
</div>
<div class="cell">
9600 <span class=""></span>
</div>
<div class="cell">
8000 <span class=""></span>
</div>
<div class="cell">
6500 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">E</div>
<div class="cell">
12500 <span class=""></span>
</div>
<div class="cell">
12500 <span class=""></span>
</div>
<div class="cell">
11100 <span class=""></span>
</div>
<div class="cell">
9800 <span class=""></span>
</div>
<div class="cell">
8700 <span class=""></span>
</div>
<div class="cell">
7200 <span class=""></span>
</div>
<div class="cell">
6000 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">F</div>
<div class="cell">
11000 <span class=""></span>
</div>
<div class="cell">
11000 <span class=""></span>
</div>
<div class="cell">
10000 <span class=""></span>
</div>
<div class="cell">
8900 <span class=""></span>
</div>
<div class="cell">
7900 <span class=""></span>
</div>
<div class="cell">
6700 <span class=""></span>
</div>
<div class="cell">
5600 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">G</div>
<div class="cell">
8500 <span class=""></span>
</div>
<div class="cell">
8500 <span class=""></span>
</div>
<div class="cell">
8000 <span class=""></span>
</div>
<div class="cell">
7400 <span class=""></span>
</div>
<div class="cell">
6900 <span class=""></span>
</div>
<div class="cell">
6000 <span class=""></span>
</div>
<div class="cell">
5200 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">H</div>
<div class="cell">
6800 <span class=""></span>
</div>
<div class="cell">
6800 <span class=""></span>
</div>
<div class="cell">
6400 <span class=""></span>
</div>
<div class="cell">
6100 <span class=""></span>
</div>
<div class="cell">
5800 <span class=""></span>
</div>
<div class="cell">
5400 <span class=""></span>
</div>
<div class="cell">
4700 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">I</div>
<div class="cell">
5800 <span class=""></span>
</div>
<div class="cell">
5800 <span class=""></span>
</div>
<div class="cell">
5500 <span class=""></span>
</div>
<div class="cell">
5200 <span class=""></span>
</div>
<div class="cell">
4900 <span class=""></span>
</div>
<div class="cell">
4500 <span class=""></span>
</div>
<div class="cell">
4200 <span class=""></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="pane_1-2" class="card tab-pane fade show " role="tabpanel" aria-labelledby="tab_1-2">
<!-- Note: New place of `data-parent` -->
<div id="collapse_1-2" class="collapse show" data-parent="#content" role="tabpanel" aria-labelledby="heading_1-2">
<div class="card-body">
<div class="price-table">
<div class="tr-head cell-row">
<div class="head">克拉單價</div>
<div class="head">FL</div>
<div class="head">IF</div>
<div class="head">VVS1</div>
<div class="head">VVS2</div>
<div class="head">VS1</div>
<div class="head">VS2</div>
<div class="head">S11</div>
</div>
<div class="cell-row">
<div class="head">D</div>
<div class="cell">
21000 <span class=""></span>
</div>
<div class="cell">
21000 <span class=""></span>
</div>
<div class="cell">
18700 <span class=""></span>
</div>
<div class="cell">
15400 <span class=""></span>
</div>
<div class="cell">
13400 <span class=""></span>
</div>
<div class="cell">
12000 <span class=""></span>
</div>
<div class="cell">
9600 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">E</div>
<div class="cell">
18800 <span class=""></span>
</div>
<div class="cell">
18800 <span class=""></span>
</div>
<div class="cell">
17300 <span class=""></span>
</div>
<div class="cell">
14300 <span class=""></span>
</div>
<div class="cell">
12200 <span class=""></span>
</div>
<div class="cell">
11000 <span class=""></span>
</div>
<div class="cell">
8900 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">F</div>
<div class="cell">
16400 <span class=""></span>
</div>
<div class="cell">
16400 <span class=""></span>
</div>
<div class="cell">
15300 <span class=""></span>
</div>
<div class="cell">
13200 <span class=""></span>
</div>
<div class="cell">
11400 <span class=""></span>
</div>
<div class="cell">
10300 <span class=""></span>
</div>
<div class="cell">
8400 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">G</div>
<div class="cell">
13600 <span class=""></span>
</div>
<div class="cell">
13600 <span class=""></span>
</div>
<div class="cell">
12600 <span class=""></span>
</div>
<div class="cell">
11400 <span class=""></span>
</div>
<div class="cell">
9900 <span class=""></span>
</div>
<div class="cell">
8900 <span class=""></span>
</div>
<div class="cell">
7800 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">H</div>
<div class="cell">
11000 <span class=""></span>
</div>
<div class="cell">
11000 <span class=""></span>
</div>
<div class="cell">
10200 <span class=""></span>
</div>
<div class="cell">
9300 <span class=""></span>
</div>
<div class="cell">
8300 <span class=""></span>
</div>
<div class="cell">
7600 <span class=""></span>
</div>
<div class="cell">
7100 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">I</div>
<div class="cell">
9000 <span class=""></span>
</div>
<div class="cell">
9000 <span class=""></span>
</div>
<div class="cell">
8400 <span class=""></span>
</div>
<div class="cell">
7600 <span class=""></span>
</div>
<div class="cell">
7000 <span class=""></span>
</div>
<div class="cell">
6500 <span class=""></span>
</div>
<div class="cell">
6100 <span class=""></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="pane_1-3" class="card tab-pane fade show " role="tabpanel" aria-labelledby="tab_1-3">
<!-- Note: New place of `data-parent` -->
<div id="collapse_1-3" class="collapse show" data-parent="#content" role="tabpanel" aria-labelledby="heading_1-3">
<div class="card-body">
<div class="price-table">
<div class="tr-head cell-row">
<div class="head">克拉單價</div>
<div class="head">FL</div>
<div class="head">IF</div>
<div class="head">VVS1</div>
<div class="head">VVS2</div>
<div class="head">VS1</div>
<div class="head">VS2</div>
<div class="head">S11</div>
</div>
<div class="cell-row">
<div class="head">D</div>
<div class="cell">
33000 <span class=""></span>
</div>
<div class="cell">
33000 <span class=""></span>
</div>
<div class="cell">
27500 <span class=""></span>
</div>
<div class="cell">
23500 <span class=""></span>
</div>
<div class="cell">
20500 <span class=""></span>
</div>
<div class="cell">
17500 <span class=""></span>
</div>
<div class="cell">
14100 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">E</div>
<div class="cell">
27000 <span class=""></span>
</div>
<div class="cell">
27000 <span class=""></span>
</div>
<div class="cell">
24500 <span class=""></span>
</div>
<div class="cell">
21000 <span class=""></span>
</div>
<div class="cell">
19000 <span class=""></span>
</div>
<div class="cell">
16000 <span class=""></span>
</div>
<div class="cell">
13200 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">F</div>
<div class="cell">
24500 <span class=""></span>
</div>
<div class="cell">
24500 <span class=""></span>
</div>
<div class="cell">
22000 <span class=""></span>
</div>
<div class="cell">
19500 <span class=""></span>
</div>
<div class="cell">
17500 <span class=""></span>
</div>
<div class="cell">
15000 <span class=""></span>
</div>
<div class="cell">
12300 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">G</div>
<div class="cell">
20500 <span class=""></span>
</div>
<div class="cell">
20500 <span class=""></span>
</div>
<div class="cell">
18500 <span class=""></span>
</div>
<div class="cell">
16500 <span class=""></span>
</div>
<div class="cell">
15000 <span class=""></span>
</div>
<div class="cell">
13500 <span class=""></span>
</div>
<div class="cell">
11200 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">H</div>
<div class="cell">
16500 <span class=""></span>
</div>
<div class="cell">
16500 <span class=""></span>
</div>
<div class="cell">
15000 <span class=""></span>
</div>
<div class="cell">
13500 <span class=""></span>
</div>
<div class="cell">
12500 <span class=""></span>
</div>
<div class="cell">
11500 <span class=""></span>
</div>
<div class="cell">
10400 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">I</div>
<div class="cell">
13500 <span class=""></span>
</div>
<div class="cell">
13500 <span class=""></span>
</div>
<div class="cell">
12000 <span class=""></span>
</div>
<div class="cell">
11000 <span class=""></span>
</div>
<div class="cell">
10000 <span class=""></span>
</div>
<div class="cell">
9300 <span class=""></span>
</div>
<div class="cell">
8700 <span class=""></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="mCSB_7_scrollbar_horizontal" class="mCSB_scrollTools mCSB_7_scrollbar mCS-dark mCSB_scrollTools_horizontal" style="display: block;"><div class="mCSB_draggerContainer"><div id="mCSB_7_dragger_horizontal" class="mCSB_dragger" style="position: absolute; min-width: 30px; display: block; width: 388px; max-width: 643px; left: 0px;"><div class="mCSB_dragger_bar"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
</div>
</div>
<div id="pane_2" class="card tab-pane fade show " role="tabpanel" aria-labelledby="tab_2">
<div class="card-header" role="tab" id="heading_1">
<ul id="myTab-style1-tab" class="nav" role="tablist">
<li class="nav-item">
<a id="tab-A" href="#pane_2-4" class="nav-link active" data-toggle="tab" role="tab">
1.01~1.49 CT </a>
</li>
<li class="nav-item">
<a id="tab-A" href="#pane_2-5" class="nav-link " data-toggle="tab" role="tab">
1.51~1.99 CT </a>
</li>
<li class="nav-item">
<a id="tab-A" href="#pane_2-6" class="nav-link " data-toggle="tab" role="tab">
2.01~2.99 CT <aside class="note">(重量區間)</aside> </a>
</li>
</ul>
</div>
<!-- Note: New place of `data-parent` -->
<div id="collapse_2" class="collapse show" data-parent="#content" role="tabpanel" aria-labelledby="heading_2">
<div class="card-body first-deck mCustomScrollbar _mCS_8"><div id="mCSB_8" class="mCustomScrollBox mCS-dark mCSB_horizontal mCSB_inside" tabindex="0" style="max-height: none;"><div id="mCSB_8_container" class="mCSB_container" style="position: relative; top: 0px; left: -100px; width: 100%;" dir="ltr">
<div id="content-style" class="tab-content" role="tablist">
<div id="pane_2-4" class="card tab-pane fade show active " role="tabpanel" aria-labelledby="tab_2-4">
<!-- Note: New place of `data-parent` -->
<div id="collapse_2-4" class="collapse show" data-parent="#content" role="tabpanel" aria-labelledby="heading_2-4">
<div class="card-body">
<div class="price-table">
<div class="tr-head cell-row">
<div class="head">克拉單價</div>
<div class="head">FL</div>
<div class="head">IF</div>
<div class="head">VVS1</div>
<div class="head">VVS2</div>
<div class="head">VS1</div>
<div class="head">VS2</div>
<div class="head">S11</div>
</div>
<div class="cell-row">
<div class="head">D</div>
<div class="cell">
10100 <span class=""></span>
</div>
<div class="cell">
10100 <span class=""></span>
</div>
<div class="cell">
8600 <span class=""></span>
</div>
<div class="cell">
7900 <span class=""></span>
</div>
<div class="cell">
7000 <span class=""></span>
</div>
<div class="cell">
6000 <span class=""></span>
</div>
<div class="cell">
4900 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">E</div>
<div class="cell">
8600 <span class=""></span>
</div>
<div class="cell">
8600 <span class=""></span>
</div>
<div class="cell">
7900 <span class=""></span>
</div>
<div class="cell">
7200 <span class=""></span>
</div>
<div class="cell">
6500 <span class=""></span>
</div>
<div class="cell">
5700 <span class=""></span>
</div>
<div class="cell">
4600 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">F</div>
<div class="cell">
7900 <span class=""></span>
</div>
<div class="cell">
7900 <span class=""></span>
</div>
<div class="cell">
7100 <span class=""></span>
</div>
<div class="cell">
6700 <span class=""></span>
</div>
<div class="cell">
6100 <span class=""></span>
</div>
<div class="cell">
5400 <span class=""></span>
</div>
<div class="cell">
4300 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">G</div>
<div class="cell">
6900 <span class=""></span>
</div>
<div class="cell">
6900 <span class=""></span>
</div>
<div class="cell">
6500 <span class=""></span>
</div>
<div class="cell">
6000 <span class=""></span>
</div>
<div class="cell">
5600 <span class=""></span>
</div>
<div class="cell">
5100 <span class=""></span>
</div>
<div class="cell">
4000 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">H</div>
<div class="cell">
5700 <span class=""></span>
</div>
<div class="cell">
5700 <span class=""></span>
</div>
<div class="cell">
5400 <span class=""></span>
</div>
<div class="cell">
5100 <span class=""></span>
</div>
<div class="cell">
4800 <span class=""></span>
</div>
<div class="cell">
4400 <span class=""></span>
</div>
<div class="cell">
3700 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">I</div>
<div class="cell">
4900 <span class=""></span>
</div>
<div class="cell">
4900 <span class=""></span>
</div>
<div class="cell">
4600 <span class=""></span>
</div>
<div class="cell">
4300 <span class=""></span>
</div>
<div class="cell">
4000 <span class=""></span>
</div>
<div class="cell">
3700 <span class=""></span>
</div>
<div class="cell">
3300 <span class=""></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="pane_2-5" class="card tab-pane fade show " role="tabpanel" aria-labelledby="tab_2-5">
<!-- Note: New place of `data-parent` -->
<div id="collapse_2-5" class="collapse show" data-parent="#content" role="tabpanel" aria-labelledby="heading_2-5">
<div class="card-body">
<div class="price-table">
<div class="tr-head cell-row">
<div class="head">克拉單價</div>
<div class="head">FL</div>
<div class="head">IF</div>
<div class="head">VVS1</div>
<div class="head">VVS2</div>
<div class="head">VS1</div>
<div class="head">VS2</div>
<div class="head">S11</div>
</div>
<div class="cell-row">
<div class="head">D</div>
<div class="cell">
15100 <span class=""></span>
</div>
<div class="cell">
15100 <span class=""></span>
</div>
<div class="cell">
14000 <span class=""></span>
</div>
<div class="cell">
12900 <span class=""></span>
</div>
<div class="cell">
11600 <span class=""></span>
</div>
<div class="cell">
9900 <span class=""></span>
</div>
<div class="cell">
8100 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">E</div>
<div class="cell">
14000 <span class=""></span>
</div>
<div class="cell">
14000 <span class=""></span>
</div>
<div class="cell">
12800 <span class=""></span>
</div>
<div class="cell">
11600 <span class=""></span>
</div>
<div class="cell">
10800 <span class=""></span>
</div>
<div class="cell">
9300 <span class=""></span>
</div>
<div class="cell">
7600 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">F</div>
<div class="cell">
12300 <span class=""></span>
</div>
<div class="cell">
12300 <span class=""></span>
</div>
<div class="cell">
11500 <span class=""></span>
</div>
<div class="cell">
10800 <span class=""></span>
</div>
<div class="cell">
10200 <span class=""></span>
</div>
<div class="cell">
8800 <span class=""></span>
</div>
<div class="cell">
7200 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">G</div>
<div class="cell">
10900 <span class=""></span>
</div>
<div class="cell">
10900 <span class=""></span>
</div>
<div class="cell">
10500 <span class=""></span>
</div>
<div class="cell">
10000 <span class=""></span>
</div>
<div class="cell">
9300 <span class=""></span>
</div>
<div class="cell">
8200 <span class=""></span>
</div>
<div class="cell">
6700 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">H</div>
<div class="cell">
9200 <span class=""></span>
</div>
<div class="cell">
9200 <span class=""></span>
</div>
<div class="cell">
8800 <span class=""></span>
</div>
<div class="cell">
8400 <span class=""></span>
</div>
<div class="cell">
7900 <span class=""></span>
</div>
<div class="cell">
7100 <span class=""></span>
</div>
<div class="cell">
6200 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">I</div>
<div class="cell">
7900 <span class=""></span>
</div>
<div class="cell">
7900 <span class=""></span>
</div>
<div class="cell">
7500 <span class=""></span>
</div>
<div class="cell">
7200 <span class=""></span>
</div>
<div class="cell">
6800 <span class=""></span>
</div>
<div class="cell">
6300 <span class=""></span>
</div>
<div class="cell">
5600 <span class=""></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="pane_2-6" class="card tab-pane fade show " role="tabpanel" aria-labelledby="tab_2-6">
<!-- Note: New place of `data-parent` -->
<div id="collapse_2-6" class="collapse show" data-parent="#content" role="tabpanel" aria-labelledby="heading_2-6">
<div class="card-body">
<div class="price-table">
<div class="tr-head cell-row">
<div class="head">克拉單價</div>
<div class="head">FL</div>
<div class="head">IF</div>
<div class="head">VVS1</div>
<div class="head">VVS2</div>
<div class="head">VS1</div>
<div class="head">VS2</div>
<div class="head">S11</div>
</div>
<div class="cell-row">
<div class="head">D</div>
<div class="cell">
22500 <span class=""></span>
</div>
<div class="cell">
22500 <span class=""></span>
</div>
<div class="cell">
21000 <span class=""></span>
</div>
<div class="cell">
19000 <span class=""></span>
</div>
<div class="cell">
17500 <span class=""></span>
</div>
<div class="cell">
16000 <span class=""></span>
</div>
<div class="cell">
13500 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">E</div>
<div class="cell">
20500 <span class=""></span>
</div>
<div class="cell">
20500 <span class=""></span>
</div>
<div class="cell">
19000 <span class=""></span>
</div>
<div class="cell">
17500 <span class=""></span>
</div>
<div class="cell">
16000 <span class=""></span>
</div>
<div class="cell">
15000 <span class=""></span>
</div>
<div class="cell">
12500 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">F</div>
<div class="cell">
18500 <span class=""></span>
</div>
<div class="cell">
18500 <span class=""></span>
</div>
<div class="cell">
17500 <span class=""></span>
</div>
<div class="cell">
16000 <span class=""></span>
</div>
<div class="cell">
15000 <span class=""></span>
</div>
<div class="cell">
14000 <span class=""></span>
</div>
<div class="cell">
11700 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">G</div>
<div class="cell">
17000 <span class=""></span>
</div>
<div class="cell">
17000 <span class=""></span>
</div>
<div class="cell">
16000 <span class=""></span>
</div>
<div class="cell">
15000 <span class=""></span>
</div>
<div class="cell">
14000 <span class=""></span>
</div>
<div class="cell">
13000 <span class=""></span>
</div>
<div class="cell">
10700 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">H</div>
<div class="cell">
13500 <span class=""></span>
</div>
<div class="cell">
13500 <span class=""></span>
</div>
<div class="cell">
12500 <span class=""></span>
</div>
<div class="cell">
12000 <span class=""></span>
</div>
<div class="cell">
11500 <span class=""></span>
</div>
<div class="cell">
11000 <span class=""></span>
</div>
<div class="cell">
9900 <span class=""></span>
</div>
</div>
<div class="cell-row">
<div class="head">I</div>
<div class="cell">
10800 <span class=""></span>
</div>
<div class="cell">
10800 <span class=""></span>
</div>
<div class="cell">
10400 <span class=""></span>
</div>
<div class="cell">
9900 <span class=""></span>
</div>
<div class="cell">
9500 <span class=""></span>
</div>
<div class="cell">
9000 <span class=""></span>
</div>
<div class="cell">
8500 <span class=""></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="mCSB_8_scrollbar_horizontal" class="mCSB_scrollTools mCSB_8_scrollbar mCS-dark mCSB_scrollTools_horizontal" style="display: block;"><div class="mCSB_draggerContainer"><div id="mCSB_8_dragger_horizontal" class="mCSB_dragger" style="position: absolute; min-width: 30px; display: block; width: 0px; left: 0px;"><div class="mCSB_dragger_bar"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
</div>
</div>
</div>
</section>
<!-- 報價表 /-->
</div>
<!-- 交易流程 -->
<section class="sects-procedure">
<div class="container">
<img src="/assets/images/icon/diamond_1.png" alt="" class="shape-diamond-1">
<img src="/assets/images/icon/diamond_2.png" alt="" class="shape-diamond-2">
<!-- 標題 -->
<div class="e-head">
<div class="title">
交易流程
</div>
<div class="line">
<img src="/assets/images/icon/diamond.svg" alt="" class="diamond">
</div>
</div>
<div class="text_editor_block">
<div> </div>
<div style="text-align: center;"><a href="https://laritzco.com/website/search"><span style="font-size:48px;"><span style="color:#000000;"><span style="font-family:標楷體;">嚴選只售能讓顧客保值的鑽石</span></span></span></a></div>
</div>
</div>
</section>
<!-- 交易流程 /-->
<!-- 特色 -->
<section class="sects-features" style="background-image: url(/assets/images/feature_bg.png)">
<div class="container">
<div class="row">
<div class="col-12 col-md-4">
<img src="/assets/uploads/40x43/news_20191120141823454202.png" alt="" class="img">
<div class="title">堅持只售能讓您保值的GIA證書天然鑽石</div>
<div class="des">
<div>每顆鑽石都是團購價、批發價、盤商直售<br>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<img src="/assets/uploads/40x43/news_20191120123630739649.png" alt="" class="img">
<div class="title">專售國際GIA證書嚴選切工天然克拉鑽石</div>
<div class="des">
<div>每顆鑽石都經過標準作業程序SOP售出<br>
最嚴謹的驗鑽程序!</div>
</div>
</div>
<div class="col-12 col-md-4">
<img src="/assets/uploads/40x43/news_2019112012363992234.png" alt="" class="img">
<div class="title">以色列高科技光學儀器現場檢驗鑽石裸石</div>
<div class="des">
<div>防止鑽石套證,讓您更了解鑽石的切工比例</div>
</div>
</div>
</div>
</div>
</section>
<!-- 特色 /-->
<section class="sects-intro">
<div class="text-center text_editor_block p-3"><div style="text-align:center"><span style="font-size:36px;"><span style="font-family:標楷體;"><span style="color:#800000;">元儷GIA鑽石-特色與聲明</span></span></span><br>
<span style="font-size:24px;">1、同等級條件車工的鑽石售價比市場上<span style="color:#000000;">平均<ins>低10%~100%</ins>以上<br>
2、只售附有<ins>GIA鑑定分級証書</ins>之<ins>天然鑽石</ins><br>
3、展售之鑽石皆經過<ins>嚴格車工挑選</ins></span></span></div>
<div style="text-align: center;"><span style="color:#000000;"><span style="font-size:24px;">4、所售鑽石皆<ins>不帶咖•綠•奶(BGM)</ins>等雜色(Shade)</span><br>
<span style="font-size:24px;">5、所售之鑽石皆符合<ins>國際金伯利流程</ins>以<ins>杜絕衝突鑽石</ins></span><br>
<span style="font-size:24px;">6、我們致力於讓客戶珍藏的鑽石<ins>保值增值<br>
7、維護顧客利益是我們努力的宗旨</ins></span></span><br>
</div>
<br>
<br>
<br>
<a href="https://lin.ee/wxZuK2v"><img border="0" height="36" src="https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png"></a></div>
</section>
</div>
<!-- ------------------------------------------------------------------------ -->
<form class="" action="">
<!-- Footer -->
<div class="l-footer">
<div class="container">
<div class="row">
<div class="col-12 logo">
<!-- /assets/images/logo/logo_4.png -->
<img src="/assets/uploads/logo/footer_logo_20220222172306590600.png" alt="">
</div>
<div class="col-lg-6 addr">
<address>
<a href="https://goo.gl/maps/jgti5PoxTibBu7Dp7" target="_blank">
<div class="location">
台中市烏日區高鐵五路156號7樓之1 (台中TTC高鐵商貿中心-距高鐵站300m) </div>
</a>
<a href="tel:04-23385658" class="tel">04-23385658</a>
<a href="mailto:[email protected]" class="mail">[email protected]</a>
</address>
</div>
<nav class="col-lg-6 nav">
<ul class="wrap">
<li>
<a href="/website/" class="href">
首頁
</a>
</li>
<li>
<a href="/website/search" class="href">
挑選鑽石
</a>
</li>
<li>
<a href="/website/news_list" class="href">
最新消息
</a>
</li>
<li>
<a href="/website_member/shopping_record" class="href">
會員專區
</a>
</li>
<!-- <li>
<a href="/website/questions_list" class="href">
Q&A
</a>
</li> -->
<li>
<a href="/website/contact_us" class="href">
聯絡資訊
</a>
</li>
<!-- <li>
<a href="/website/store_list" class="href">
聯盟商家
</a>
</li> -->
<li>
<a href="/website/privacy_policy" class="href">
隱私權條款
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- Search Block -->
<div class="l-search-block" style="display:none">
<div class="container">
<div class="mobile-info">
<h2 class="info-title">搜尋產品</h2>
<p>
尋找最適合您的相關產品
</p>
</div>
<div class="ipt-wrap">
<input type="text" class="text" placeholder="請輸入產品關鍵字">
<a class="icon">
<i class="fa fa-search search-icon js-toggle-search" aria-hidden="true"></i>
</a>
</div>
<div class="key-words">
<a class="keyword" href="javascript:;" data-v="關鍵">櫻花蝦蘿蔔糕禮盒</a>
<a class="keyword" href="javascript:;" data-v="關鍵">養生黑木耳露</a>
<a class="keyword" href="javascript:;" data-v="關鍵">養生黑木耳露</a>
<a class="keyword" href="javascript:;" data-v="關鍵">養生黑木耳露</a>
</div>
</div>
<i class="fa fa-times close" aria-hidden="true" onclick="toggle_search()"></i>
</div></form>
<!-- 會員登入 -->
<form action="/website/login_check" method="POST" id="login_form" novalidate="novalidate">
<input type="hidden" name="csrf_test_name" class="csrf_test_name" value="dab6b1d5eb61907621afa9fa99534e57"> <input type="hidden" name="uri_string" value="/">
<div class="l-login-modal modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="login-modalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<!-- 標題 -->
<h3 class="modal-title">會員登入</h3>
<!-- 帳號 -->
<div class="input-group">
<input type="text" class="form-control" id="account" name="account" placeholder="帳號" required="" aria-required="true">
</div>
<!-- 密碼 -->
<div class="input-group">
<input type="password" class="form-control" id="password" name="password" pattern="[A-Za-z0-9]{8,12}" required="" placeholder="密碼" aria-required="true">
</div>
<!-- 驗證碼 -->
<div class="sects-verify">
<div class="m-verify-block verify-block--icon">
<div class="input-group m-0">
<input type="text" name="captcha" id="captcha_code_login" class="form-control" placeholder="驗證碼" aria-describedby="helpId" aria-required="true" required="">
</div>
<div class="verify-img-wrapper ">
<img src="https://www.laritzco.com/website/get_captcha" id="captcha_login" class="verification_pic verify-img" alt="">
<a href="javascript:;" class="reset_btn verify-reload" onclick="document.getElementById('captcha_login').src='https://www.laritzco.com/website/get_captcha?'+Math.random();document.getElementById('captcha_code_login').focus();">
<i class="fa fa-repeat"></i>
</a>
<a href="javascript:;" class="b-link forget-pwd" data-dismiss="modal" data-toggle="modal" data-target="#forget-pwdModal" style="font-size:14px">忘記密碼</a>
</div>
</div>
</div>
<!-- 按鈕 -->
<a href="javascript:;" type="submit" class="btn btn-primary btn-login" onclick="$('#login_form').submit();">
登入
</a>
<a href="javascript:;" type="" class="b-link btn btn-register" data-dismiss="modal" data-toggle="modal" data-target="#register-modal" style="font-size:14px">
立即註冊
</a>
</div>
</div>
</div>
</div>
</form>
<!-- 忘記密碼 -->
<a href="javascript:;" data-dismiss="modal" data-toggle="modal" data-target="#forget-pwdModal" id="href-forget-pwdModal"></a>
<form action="/website/forget_password1_check" method="POST" id="forget_password1" novalidate="novalidate">
<input type="hidden" name="csrf_test_name" class="csrf_test_name" value="dab6b1d5eb61907621afa9fa99534e57"> <input type="hidden" name="uri_string" value="/">
<div class="l-login-modal modal fade" id="forget-pwdModal" tabindex="-1" role="dialog" aria-labelledby="forgetLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<!-- 標題 -->
<h3 class="modal-title">忘記密碼</h3>
<!-- 帳號 -->
<div class="input-group">
<input type="text" class="form-control" id="forget_account" name="account" value="" pattern="[A-Za-z0-9]{8,12}" placeholder="請輸入帳號" required="" aria-required="true">
</div>
<!-- Email -->
<div class="input-group">
<input type="text" class="form-control" id="forget_email" name="email" value="" pattern="[A-Za-z0-9]{8,12}" placeholder="請輸入Email" required="" aria-required="true">
</div>
<div class="info mb-3">
</div>
<!-- 按鈕 -->
<a href="javascript:;" class="btn btn-primary btn-login" onclick="$('#forget_password1').submit();">
送出
</a>
<!-- 返回登入 -->
<div class="have-account mt-3 text-center" style="font-size:14px;">
<a class="b-link" href="javascript:;" data-toggle="modal" data-target="#login-modal" data-dismiss="modal">返回登入頁</a>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- 修改密碼 -->
<a href="javascript:;" data-dismiss="modal" data-toggle="modal" data-target="#change-pwdModal" id="href-change-pwdModal"></a>
<form action="/website/forget_password2_check" method="POST" id="forget_password2" novalidate="novalidate">
<input type="hidden" name="csrf_test_name" class="csrf_test_name" value="dab6b1d5eb61907621afa9fa99534e57"> <div class="l-login-modal modal fade" id="change-pwdModal" tabindex="-1" role="dialog" aria-labelledby="change-pwdLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<!-- 標題 -->
<h3 class="modal-title">修改密碼</h3>
<!-- 新密碼 -->
<div class="input-group">
<input type="password" class="form-control" id="password_forget" name="password_forget" pattern="[A-Za-z0-9]{8,12}" placeholder="新密碼" required="" aria-required="true">
</div>
<!-- 確認新密碼 -->
<div class="input-group">
<input type="password" class="form-control" id="password_chk" name="password_chk" placeholder="確認新密碼">
</div>
<!-- 按鈕 -->
<a href="javascript:;" class="btn btn-primary btn-login" onclick="$('#forget_password2').submit();">
送出
</a>
<!-- 返回登入 -->
<div class="have-account mt-3 text-center" style="font-size:14px;">
<a class="b-link" href="javascript:;" data-toggle="modal" data-target="#login-modal" data-dismiss="modal">返回登入頁</a>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- 會員註冊 -->
<form action="/website/register_check" method="POST" id="register_form" novalidate="novalidate">
<input type="hidden" name="csrf_test_name" class="csrf_test_name" value="dab6b1d5eb61907621afa9fa99534e57"> <input type="hidden" name="uri_string" value="/">
<input type="hidden" value="03AFcWeA4XUpkjdwpFbp38L_iPcfgRU3HhlgKjsrhCFoEbjfGvpsuFAHRQ5GYgAlKLbHuYPlp1QqmzWSjcqcVM6P3QwBm9HYd5qsuU0gC9zR3ioJ6BZW98PqT79aEEF6mwkqjobl77ygxoexbDfmHWTasvUVkjg0HEOmvYAJ4XZURaK-Fk9VVAvzWMwiChCKTbcJzCxzBNf0tmkVKAmIYv-s82agN1RdRqdxK5m_ZV4VI6OhISCJB8bRd3Do7M3rX25NgnUoHjPla_WT_d30L68jcsT6ZKvDGaGps7yeVeLGDr2PZaqmr2wMdlLbJgnhGF8zKl5L4aJcl5LbSMMPA4YIF6kXjEpfXtKYN7enFQzcyk-eL4Msq06Kx_1rWcA7cZEtMbcahi1k1utzCvBfXys1eZ4x3qpEKuvYUN7lFkkpmy7AEfzP00q6ROFkxM6CZGUQChjn3lHItHqnplsiUN98JO4jw34tLjkVjI7ObNuabIQdZJ82CSjWru6lfXv2wsdPdxQtPIm9n8e_IE6QbPeMstLvqS2vbmwa0SlxjInCX2y1PZhT11J-pCIp3YQtkwcq5oCwyIkXuuYUlJKZ3DPMQlkj2ckUOe_ggQck0O55X5TwFbEp8GYMajf8tgH2LuYQCc8kY_e_LZH4MZTnAmfuaP9LHSidvB8hDEM3jzbmLu0if-a0DiH14G_Pfm3RkGCeiuLTRNd1xnNhWFXSgsehUo7qUIBMksfL1TR3tRYqK67BYFgBmKFWiD-JxAfEuprC3vY758OSPlT_QKgrHgRp3IJiVqxQYK_xMsDKnI9RKX5IC4SNaMIhSGk_wkmg2BzJ73QVwhUj4eSOqWWd9LqKO_pGofuzqQk5GCedlGz-AdPqAHcvajYj4" name="recaptcha_response" id="recaptchaResponse2">
<div class="l-register-modal modal fade" id="register-modal" tabindex="-1" role="dialog" aria-labelledby="register-modalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="sect-left">
<!-- <img src="/assets/images/logo/logo_3.png" alt="" class="logo"> -->
</div>
<div class="sect-right">
<!-- 標題 -->
<h3 class="modal-title">會員註冊</h3>
<!-- 帳號 -->
<div class="input-group">
<input type="text" class="form-control" id="register_account" name="account" value="" placeholder="輸入帳號">
</div>
<!-- 姓名 -->
<div class="input-group">
<input type="text" class="form-control" id="member_name" name="member_name" value="" placeholder="輸入名稱">
</div>
<!-- 密碼 -->
<div class="input-group">
<input type="password" class="form-control" id="register_password" name="register_password" value="" placeholder="輸入密碼">
</div>
<!-- 確認密碼 -->
<div class="input-group">
<input type="password" class="form-control" id="password_check" name="password_check" value="" placeholder="確認密碼">
</div>
<!-- 電子郵件 -->
<div class="input-group">
<input type="text" class="form-control" id="email" name="email" value="" placeholder="電子郵件">
</div>
<!-- 手機號碼 -->
<div class="input-group">
<input type="text" class="form-control" id="register_mobile" name="mobile" value="" placeholder="手機號碼">
<a href="javascript:;" class="btn btn-primary btn-get-code" onclick="get_verify_code(this);">
取得驗證碼
</a>
</div>
<!-- 輸入驗證碼 -->
<div class="input-group">
<input type="text" class="form-control" id="verify_code" name="verify_code" value="" placeholder="輸入驗證碼">
<a href="/website_member/member_information" type="submit" class="btn btn-primary btn-get-code invisible">
輸入驗證碼
</a>
</div>
<div class="divider-wrap">
<div class="e-divider"></div>
</div>
<div class="input-group article-agreed">
<div class="custom-control custom-checkbox mb-3">
<input type="checkbox" name="article_agreed" class="custom-control-input" id="article_agreed">
<label class="custom-control-label" for="article_agreed">本人已詳細閱讀並同意</label>
<a href="javascript:;" data-dismiss="modal" data-toggle="modal" data-target="#privacy_policyModalLabel" class="href">隱私權條款</a>
</div>
</div>
<!-- 按鈕 -->
<div class="btn-wrap">
<button href="javascript:;" type="submit" id="send" class="btn btn-primary btn-login">
確認送出
</button>
</div>
<!-- 已有帳號 -->
<div class="have-account mt-3 text-center" style="font-size:14px;">
已有帳號? <a class="b-link" href="javascript:;" data-toggle="modal" data-target="#login-modal" data-dismiss="modal">立即登入</a>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- 隱私權條款 -->
<div class="modal fade l-article-modal" id="privacy_policyModalLabel" tabindex="-1" role="dialog" aria-labelledby="privacy_policyModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title m-auto" id="privacy_policyModalLabel">隱私權條款</h5>
</div>
<div class="modal-body mCustomScrollbar _mCS_2 mCS_no_scrollbar"><div id="mCSB_2" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_inside" tabindex="0" style="max-height: none;"><div id="mCSB_2_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
<p>歡迎您光臨「元儷GIA鑽石」（以下簡稱本網站），為了讓您能夠安心使用本網站的各項服務與資訊，特此向您說明本網站的隱私權保護政策，以保障您的權益，請您詳閱下列內容：</p>
<h3>一、隱私權保護政策的適用範圍</h3>
<p>隱私權保護政策內容，包括本網站如何處理在您使用網站服務時收集到的個人識別資料。隱私權保護政策不適用於本網站以外的相關連結網站，也不適用於非本網站所委託或參與管理的人員。</p>
<h3>二、個人資料的蒐集、處理及利用方式</h3>
<ul>
<li>當您造訪本網站或使用本網站所提供之功能服務時，我們將視該服務功能性質，請您提供必要的個人資料，並在該特定目的範圍內處理及利用您的個人資料；非經您書面同意，本網站不會將個人資料用於其他用途。</li>
<li>本網站在您使用服務信箱、問卷調查等互動性功能時，會保留您所提供的姓名、電子郵件地址、聯絡方式及使用時間等。</li>
<li>於一般瀏覽時，伺服器會自行記錄相關行徑，包括您使用連線設備的IP位址、使用時間、使用的瀏覽器、瀏覽及點選資料記錄等，做為我們增進網站服務的參考依據，此記錄為內部應用，決不對外公佈。</li>
<li>為提供精確的服務，我們會將收集的問卷調查內容進行統計與分析，分析結果之統計數據或說明文字呈現，除供內部研究外，我們會視需要公佈統計數據及說明文字，但不涉及特定個人之資料。</li>
</ul>
<h3>三、資料之保護</h3>
<ul>
<li>本網站主機均設有防火牆、防毒系統等相關的各項資訊安全設備及必要的安全防護措施，加以保護網站及您的個人資料採用嚴格的保護措施，只由經過授權的人員才能接觸您的個人資料，相關處理人員皆簽有保密合約，如有違反保密義務者，將會受到相關的法律處分。</li>
<li>如因業務需要有必要委託其他單位提供服務時，本網站亦會嚴格要求其遵守保密義務，並且採取必要檢查程序以確定其將確實遵守。</li>
</ul>
<h3>四、網站對外的相關連結</h3>
<p>本網站的網頁提供其他網站的網路連結，您也可經由本網站所提供的連結，點選進入其他網站。但該連結網站不適用本網站的隱私權保護政策，您必須參考該連結網站中的隱私權保護政策。</p>
<h3>五、與第三人共用個人資料之政策</h3>
<p>本網站絕不會提供、交換、出租或出售任何您的個人資料給其他個人、團體、私人企業或公務機關，但有法律依據或合約義務者，不在此限。</p>
<p>前項但書之情形包括不限於：</p>
<ul>
<li>經由您書面同意。</li>
<li>法律明文規定。</li>
<li>為免除您生命、身體、自由或財產上之危險。</li>
<li>與公務機關或學術研究機構合作，基於公共利益為統計或學術研究而有必要，且資料經過提供者處理或蒐集著依其揭露方式無從識別特定之當事人。</li>
<li>當您在網站的行為，違反服務條款或可能損害或妨礙網站與其他使用者權益或導致任何人遭受損害時，經網站管理單位研析揭露您的個人資料是為了辨識、聯絡或採取法律行動所必要者。</li>
<li>有利於您的權益。</li>
<li>本網站委託廠商協助蒐集、處理或利用您的個人資料時，將對委外廠商或個人善盡監督管理之責。</li>
</ul>
<h3>六、Cookie之使用</h3>
<p>為了提供您最佳的服務，本網站會在您的電腦中放置並取用我們的Cookie，若您不願接受Cookie的寫入，您可在您使用的瀏覽器功能項中設定隱私權等級為高，即可拒絕Cookie的寫入，但可能會導至網站某些功能無法正常執行 。</p>
<h3>七、隱私權保護政策之修正</h3>
<p>本網站隱私權保護政策將因應需求隨時進行修正，修正後的條款將刊登於網站上。</p>
</div><div id="mCSB_2_scrollbar_vertical" class="mCSB_scrollTools mCSB_2_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_2_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#register-modal" data-dismiss="modal">確定</button>
</div>
</div>
</div>
</div>
<!-- 會員條款 -->
<div class="modal fade l-article-modal" id="member-articleModal" tabindex="-1" role="dialog" aria-labelledby="member-articleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title m-auto" id="member-articleModalLabel">會員條款</h5>
</div>
<div class="modal-body mCustomScrollbar _mCS_3 mCS_no_scrollbar"><div id="mCSB_3" class="mCustomScrollBox mCS-dark mCSB_vertical"><div id="mCSB_3_container" class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr">
歌曲春天熱門樹林準備開始說明團體大學天使論文一本業績，事項而言解決思路具體軟體經營慢慢對著照顧塑膠電影那種，當地影視高速顯示頁面家電瘋狂這段，學習反映他不望着幾乎見到，登錄位元出來考察至今手機接觸需求所在權限焦點，同學上去實業印刷影音免費版身後戰鬥警察選。
歌曲春天熱門樹林準備開始說明團體大學天使論文一本業績，事項而言解決思路具體軟體經營慢慢對著照顧塑膠電影那種，當地影視高速顯示頁面家電瘋狂這段，學習反映他不望着幾乎見到，登錄位元出來考察至今手機接觸需求所在權限焦點，同學上去實業印刷影音免費版身後戰鬥警察選。
</div></div></div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#register-modal" data-dismiss="modal">確定</button>
</div>
</div>
</div>
</div>
<!-- 網站交易規則 -->
<div class="modal fade l-article-modal" id="ruleModal" tabindex="-1" role="dialog" aria-labelledby="ruleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title m-auto" id="ruleModalLabel">網站交易規則</h5>
</div>
<div class="modal-body mCustomScrollbar _mCS_4 mCS_no_scrollbar"><div id="mCSB_4" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_inside" tabindex="0" style="max-height: none;"><div id="mCSB_4_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
歌曲春天熱門樹林準備開始說明團體大學天使論文一本業績，事項而言解決思路具體軟體經營慢慢對著照顧塑膠電影那種，當地影視高速顯示頁面家電瘋狂這段，學習反映他不望着幾乎見到，登錄位元出來考察至今手機接觸需求所在權限焦點，同學上去實業印刷影音免費版身後戰鬥警察選。
</div><div id="mCSB_4_scrollbar_vertical" class="mCSB_scrollTools mCSB_4_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_4_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#register-modal" data-dismiss="modal">確定</button>
</div>
</div>
</div>
</div>
<!-- 隱私權保護政策與個資保護聲明 -->
<div class="modal fade l-article-modal" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title m-auto" id="privacyModalLabel">隱私權保護政策與個資保護聲明</h5>
</div>
<div class="modal-body mCustomScrollbar _mCS_5 mCS_no_scrollbar"><div id="mCSB_5" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_inside" tabindex="0" style="max-height: none;"><div id="mCSB_5_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
歌曲春天熱門樹林準備開始說明團體大學天使論文一本業績，事項而言解決思路具體軟體經營慢慢對著照顧塑膠電影那種，當地影視高速顯示頁面家電瘋狂這段，學習反映他不望着幾乎見到，登錄位元出來考察至今手機接觸需求所在權限焦點，同學上去實業印刷影音免費版身後戰鬥警察選。
歌曲春天熱門樹林準備開始說明團體大學天使論文一本業績，事項而言解決思路具體軟體經營慢慢對著照顧塑膠電影那種，當地影視高速顯示頁面家電瘋狂這段，學習反映他不望着幾乎見到，登錄位元出來考察至今手機接觸需求所在權限焦點，同學上去實業印刷影音免費版身後戰鬥警察選。
歌曲春天熱門樹林準備開始說明團體大學天使論文一本業績，事項而言解決思路具體軟體經營慢慢對著照顧塑膠電影那種，當地影視高速顯示頁面家電瘋狂這段，學習反映他不望着幾乎見到，登錄位元出來考察至今手機接觸需求所在權限焦點，同學上去實業印刷影音免費版身後戰鬥警察選。
</div><div id="mCSB_5_scrollbar_vertical" class="mCSB_scrollTools mCSB_5_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_5_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#register-modal" data-dismiss="modal">確定</button>
</div>
</div>
</div>
</div>
<!-- 交易安全 -->
<div class="modal fade l-article-modal" id="securityModal" tabindex="-1" role="dialog" aria-labelledby="securityModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title m-auto" id="securityModalLabel">交易安全</h5>
</div>
<div class="modal-body mCustomScrollbar _mCS_6 mCS_no_scrollbar"><div id="mCSB_6" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_inside" tabindex="0" style="max-height: none;"><div id="mCSB_6_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
歌曲春天熱門樹林準備開始說明團體大學天使論文一本業績，事項而言解決思路具體軟體經營慢慢對著照顧塑膠電影那種，當地影視高速顯示頁面家電瘋狂這段，學習反映他不望着幾乎見到，登錄位元出來考察至今手機接觸需求所在權限焦點，同學上去實業印刷影音免費版身後戰鬥警察選。
</div><div id="mCSB_6_scrollbar_vertical" class="mCSB_scrollTools mCSB_6_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_6_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#register-modal" data-dismiss="modal">確定</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/lqsTZ5beIbCkK4uGEGv9JmUR/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-me+fKkpx+LDPr+jjTccMyZRS5BoP+JLiYHKscp4bUxp+j6TnL/qxiwcgzpRCCrlc"></script><script type="text/javascript" src="/assets/js/custom/introduce/jquery.js"></script>
<!-- common scripts -->
<script type="text/javascript" src="/assets/js/common/common.js"></script>
<!-- custom scripts -->
<script type="text/javascript" src="/assets/js/custom/introduce/bootstrap4/js/bootstrap.min.js" async="async"></script>
<script type="text/javascript" src="/plugin/sweetAlert2/core.js"></script>
<script type="text/javascript" src="/plugin/sweetAlert2/sweetalert2.min.js"></script>
<script type="text/javascript" src="/plugin/sweetAlert2/es6-promise.min.js"></script>
<script type="text/javascript" src="/plugin/OwlCarousel2-2.3.4/owl.carousel.min.js" defer="defer"></script>
<script type="text/javascript" src="/assets/js/custom/main.js?v=1" defer="defer"></script>
<!-- validate -->
<script type="text/javascript" src="/assets/js/ace_backstage/jquery.validate.js"></script>
<script type="text/javascript" src="/assets/js/common/jquery.validate.custom.js"></script>
<!-- BS4 -->
<script src="/assets/js/custom/introduce/bootstrap4/js/popper.min.js"></script>
<script src="/assets/js/custom/introduce/bootstrap4/js/bootstrap.min.js"></script>
<!-- Calendar -->
<script src="/plugin/fullcalendar-4.3.1/packages/core/main.min.js" title="核心"></script>
<script src="/plugin/fullcalendar-4.3.1/packages/core/locales/zh-tw.js" title="中文"></script>
<script src="/plugin/fullcalendar-4.3.1/packages/daygrid/main.min.js" title=""></script>
<script src="/plugin/fullcalendar-4.3.1/packages/timegrid/main.min.js" title=""></script>
<script src="/plugin/fullcalendar-4.3.1/packages/interaction/main.min.js" title="互動"></script>
<script src="/plugin/fullcalendar-4.3.1/vendor/rrule.js" title="週期性event-1"></script>
<script src="/plugin/fullcalendar-4.3.1/packages/rrule/main.min.js" title="週期性event-2"></script>
<!-- Scrollbar -->
<script src="/plugin/mCustomScrollbar/jquery.mCustomScrollbar.js" defer="defer"></script>
<script src="/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js" defer="defer"></script>
<!-- date-picker -->
<script src="/plugin/bootstrap-date-picker/bootstrap-datepicker.min.js" defer="defer"></script>
<script src="/plugin/bootstrap-date-picker/bootstrap-datepicker.zh-TW.min.js" charset="UTF-8" defer="defer"></script>
<!-- Select -->
<script src="/plugin/select/js/select2.full.min.js" defer="defer"></script>
<script src="/assets/js/libs/muki_core.js"></script>
<script src="/assets/js/custom/app.js?1729881453"></script>
<script src="/assets/js/libs/muki_basic.js?1729881453"></script>
<script src="/assets/js/libs/muki_share.js?1729881453"></script>
<!-- simplebar -->
<script defer="defer" src="/plugin/simplebar/simplebar.min.js"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6LcI9BAeAAAAAEykRlxm07NjTJglnd435DxSBScH"></script>
<script>
grecaptcha.ready(function() {
grecaptcha.execute('6LcI9BAeAAAAAEykRlxm07NjTJglnd435DxSBScH', {action: 'homepage'}).then(function(token) {
var recaptchaResponse = document.getElementById('recaptchaResponse2');
recaptchaResponse.value = token;
});
});
//Every 90 Seconds
setInterval(function () {
grecaptcha.execute('6LcI9BAeAAAAAEykRlxm07NjTJglnd435DxSBScH', {action: 'homepage'}).then(function(token) {
var recaptchaResponse = document.getElementById('recaptchaResponse2');
recaptchaResponse.value = token;
});
}, 90*1000);
</script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-BT0ZXLYRFG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BT0ZXLYRFG');
</script>
<!-- CSS -->
<script type="text/javascript" defer="defer">
$(function(){
// 表單驗證
$('#forget_password1').validate({
errorElement: 'div',
errorClass: 'help-block',
focusInvalid: false,
ignore: '',
rules: {
account: {
required: true,
},
email: {
required: true,
email: true
},
},
messages: {
password_forget: {
regex: '密碼為 6~20個字元的英文字母、數字、底線混合，但不含空白鍵及特殊符號'
},
},
highlight: function (e) {
$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
},
success: function (e) {
$(e).closest('.form-group').removeClass('has-error');//.addClass('has-info');
$(e).remove();
},
errorPlacement: function (error, element) {
error.insertAfter(element);
},
submitHandler: function (form)
{
$('#pwd_send').attr('disabled', 'disabled');
form.submit();
}
});
// 表單驗證
$('#forget_password2').validate({
errorElement: 'div',
errorClass: 'help-block',
focusInvalid: false,
ignore: '',
rules: {
password_forget: {
required: true,
regex: '^[\\w]{6,20}$'
},
password_chk: {
required: true,
equalTo: "#password_forget"
},
},
messages: {
password_forget: {
regex: '密碼為 6~20個字元的英文字母、數字、底線混合，但不含空白鍵及特殊符號'
},
},
highlight: function (e) {
$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
},
success: function (e) {
$(e).closest('.form-group').removeClass('has-error');//.addClass('has-info');
$(e).remove();
},
errorPlacement: function (error, element) {
error.insertAfter(element);
},
submitHandler: function (form)
{
$('#pwd_send').attr('disabled', 'disabled');
form.submit();
}
});
/*-------------------------------------------------------------------
條款
-------------------------------------------------------------------*/
$('.article-to-read .inner').mCustomScrollbar({
theme: "dark",
});
$('.l-article-modal .modal-body').mCustomScrollbar({
theme: "dark",
});
})
var cssListAll = function() {
var cssList = [
'/assets/css/font-awesome.min.css',
'/assets/css/custom/prj_reset.css',
'/assets/css/animate.css',
'/plugin/sweetAlert2/sweetalert2.css',
'/plugin/OwlCarousel2-2.3.4/assets/owl.carousel.min.css',
'/plugin/OwlCarousel2-2.3.4/assets/owl.theme.default.min.css',
'/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css',
'/plugin/bootstrap-date-picker/bootstrap-datepicker.min.css', // Date Picker
'/plugin/select/css/select2.min.css', // Select
'/plugin/select/themes/select2-bootstrap.min.css',
'/plugin/fullcalendar-4.3.1/packages/core/main.min.css', // Calendar
'/plugin/fullcalendar-4.3.1/packages/daygrid/main.min.css', // Calendar
'/plugin/fullcalendar-4.3.1/packages/timegrid/main.min.css' // Time grid
]
var cssAll = document.getElementsByTagName('head')[0];
cssList.forEach(function(item , index){
var a = document.createElement('link');
a.rel = 'stylesheet';
a.type = 'text/css';
a.href = item;
cssAll.parentNode.insertBefore(a,cssAll);
})
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(cssListAll);
else window.addEventListener('load', cssListAll);
//註冊取得驗證碼
var is_get_verify_code = true;
function get_verify_code(el){
var mobile = $('#register_mobile').val();
var csrf_test_name = $('.csrf_test_name').val();
var mobile_res = true;
re = /^09[0-9]{8}$/;
if (!re.test(mobile)){
mobile_res = false;
}
else{
mobile_res = true;
}
if(is_get_verify_code && mobile_res == true){
if(mobile != $('#country-code').val()){
$.post('/ajax/ajax_website/send_registered_captcha', {
'mobile': mobile,
'run_sms': 0,
'csrf_test_name': csrf_test_name
}, function(res) {
$('.csrf_test_name').val(res['csrf_data']['hash']);
// 提示文字
var msg = res['message'];
if(res['result'] === 1) {
var csrf_test_name = $('.csrf_test_name').val();
$.post('/ajax/ajax_website/send_registered_captcha', {
'mobile': mobile,
'run_sms': 1,
'csrf_test_name': csrf_test_name
}, function(res) {
console.log(res);
data = $.parseJSON(res);
$('.csrf_test_name').val(data['csrf_data']['hash']);
});
swal({
text: '驗證碼已成功發送，有效時間為10分鐘，如逾時或沒有收到請再試一次',
type: 'info',
}).then(
function () {
show_verify_code_time(el);
}
);
} else {
swal({
text: msg,
type: 'error',
}).then(
function () {
is_get_verify_code = true;
}
);
}
}, 'json').fail(function(res) { console.log('err', res); });
}
else{
swal({
text: '請輸入手機號碼',
type: 'error',
});
}
}
else{
if (is_get_verify_code == false){
swal({
text: '60秒內不可重發',
type: 'error',
});
}
if (mobile_res == false){
swal({
text: '手機號碼請輸入09開頭的10位數號碼',
type: 'error',
});
}
}
}
//顯示驗證碼計數器
var set_sec = sec = 60;
function show_verify_code_time(el){
is_get_verify_code = false;
setTimeout(function() {
if(sec == 0){
sec = set_sec;
$(el).html('取得驗證碼');
is_get_verify_code = true;
}
else{
sec--;
$(el).html('取得驗證碼('+(sec<=9?'0'+sec:sec)+')');
show_verify_code_time(el);
}
}, 1000);
}
//忘記密碼取得驗證碼
var is_get_verify_code = true;//
function get_forget_verify_code(el){
var mobile = $('#forget_mobile').val();
var csrf_test_name = $('.csrf_test_name').val();
var mobile_res = true;
re = /^09[0-9]{8}$/;
if (!re.test(mobile)){
mobile_res = false;
}
else{
mobile_res = true;
}
if(is_get_verify_code && mobile_res == true){
if(mobile != $('#country-code').val()){
$.post('/ajax/ajax_website/send_forget_password_captcha', {
'mobile': mobile,
'run_sms': 0,
'csrf_test_name': csrf_test_name
}, function(res) {
$('.csrf_test_name').val(res['csrf_data']['hash']);
// 提示文字
var msg = res['message'];
if(res['result'] === 1) {
var csrf_test_name = $('.csrf_test_name').val();
$.post('/ajax/ajax_website/send_forget_password_captcha', {
'mobile': mobile,
'run_sms': 1,
'csrf_test_name': csrf_test_name
}, function(res) {
console.log(res);
data = $.parseJSON(res);
$('.csrf_test_name').val(data['csrf_data']['hash']);
});
swal({
text: '驗證碼已成功發送，有效時間為10分鐘，如逾時或沒有收到請再試一次',
type: 'info',
}).then(
function () {
show_verify_code_time(el);
}
);
} else {
swal({
text: msg,
type: 'error',
}).then(
function () {
is_get_verify_code = true;
}
);
}
}, 'json').fail(function(res) { console.log('err', res); });
}
else{
swal({
text: '請輸入手機號碼',
type: 'error',
});
}
}
else{
if (is_get_verify_code == false){
swal({
text: '60秒內不可重發',
type: 'error',
});
}
if (mobile_res == false){
swal({
text: '手機號碼請輸入09開頭的10位數號碼',
type: 'error',
});
}
}
}
//顯示驗證碼計數器
var set_sec = sec = 60;
function show_verify_code_time(el){
is_get_verify_code = false;
setTimeout(function() {
if(sec == 0){
sec = set_sec;
$(el).html('取得驗證碼');
is_get_verify_code = true;
}
else{
sec--;
$(el).html('取得驗證碼('+(sec<=9?'0'+sec:sec)+')');
show_verify_code_time(el);
}
}, 1000);
}
// 表單驗證
$('#register_form').validate({
errorElement: 'div',
errorClass: 'help-block',
focusInvalid: false,
ignore: '',
rules: {
member_name: {
required: true,
},
account: {
required: true,
regex: '^[\\w]{6,20}$',
remote: {
url: "/ajax/ajax_common/field_validate", //後台處理程序
type: "post", //數據發送方式
dataType: "json", //接受數據格式
data: { //要傳遞的數據
table: function() {
return "member_list";
},
field: function() {
return "account";
},
value: function() {
return $("#register_account").val();
},
csrf_test_name: function() {
return $('.csrf_test_name').val();
}
},
dataFilter: function(data, type) {
console.log(data);
data = $.parseJSON(data);
$('.csrf_test_name').val(data['csrf_data']['hash']);
if (data['num_rows'] == 0) {
return true;
} else {
return false;
}
}
},
},
register_password: {
required: true,
regex: '^[\\w]{6,20}$'
},
password_check: {
required: true,
equalTo: "#register_password"
},
email: {
required: true,
email: true,
remote: {
url: "/ajax/ajax_common/field_validate", //後台處理程序
type: "post", //數據發送方式
dataType: "json", //接受數據格式
data: { //要傳遞的數據
table: function() {
return "member_analysis_temporary";
},
field: function() {
return "email";
},
value: function() {
return $("#email").val();
},
csrf_test_name: function() {
return $('.csrf_test_name').val();
}
},
dataFilter: function(data, type) {
console.log(data);
data = $.parseJSON(data);
$('.csrf_test_name').val(data['csrf_data']['hash']);
if (data['num_rows'] == 0) {
return true;
} else {
return false;
}
}
},
},
mobile: {
required: true,
digits: true
},
verify_code: {
required: true
},
article_agreed: {
required: true
}
},
messages: {
account: {
remote: "帳號不得重複",
regex: '帳號為 6~20個字元的英文字母、數字、底線混合，但不含空白鍵及特殊符號'
},
register_password: {
regex: '密碼為 6~20個字元的英文字母、數字、底線混合，但不含空白鍵及特殊符號'
},
email: {
remote: '電子郵件不得重複'
},
},
highlight: function (e) {
$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
},
success: function (e) {
$(e).closest('.form-group').removeClass('has-error');//.addClass('has-info');
$(e).remove();
},
errorPlacement: function (error, element) {
error.insertAfter(element.parent());
},
submitHandler: function (form)
{
$('#register_form #send').attr('disabled', 'disabled');
form.submit();
}
});
// 表單驗證
$('#login_form').validate({
errorElement: 'div',
errorClass: 'help-block',
focusInvalid: false,
ignore: '',
rules: {
account: {
required: true,
},
password: {
required: true,
regex: '^[\\w]{6,20}$'
},
captcha: {
required: true
}
},
messages: {
password: {
regex: '密碼為 6~20個字元的英文字母、數字、底線混合，但不含空白鍵及特殊符號'
},
},
highlight: function (e) {
$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
},
success: function (e) {
$(e).closest('.form-group').removeClass('has-error');//.addClass('has-info');
$(e).remove();
},
errorPlacement: function (error, element) {
var
accept_followed_helpblock = ['account', 'password'], // 要直接將help block 放在後面的所有input
element_name = $(element).attr('name');
if ( accept_followed_helpblock.indexOf(element_name) !== -1 ) {
error.insertAfter(element);
return;
}
if ( element_name == 'captcha') {
error.insertAfter(element.parents('.m-verify-block'));
return;
}
error.insertAfter(element.parent());
},
submitHandler: function (form)
{
$('#register_form #send').attr('disabled', 'disabled');
form.submit();
}
});
</script>
<script>
$(function() {
// 發送請求前觸發
$.ajaxSetup({
beforeSend: function (xhr) {
var now_time = Date.parse( new Date());
var csrf_expire = 21600000;
var csrf_deadlime = 1729903053000;
if(now_time >= csrf_deadlime) {
swal({
title: "",
text: "表單有效期間已過，請重新進行操作",
type: "warning",
closeOnConfirm: false
},
function(){
location.reload();
});
} else {
csrf_deadlime = now_time + csrf_expire;
}
}
});
});
/*-----------------------------------------------------------------
搜尋框
-----------------------------------------------------------------*/
var box = $('.l-search-block');
var timeout = window.getComputedStyle(box[0], null)['transitionDuration']; // Timeout 啟動時機
var display = window.getComputedStyle(box[0], null)['display']; // 紀錄Display
var command=''; // Jqurey 命令
function toggle_search() {
if(box.is('.l-search-block--open')){ // 搜尋框開著
command = 'removeClass';
// For IE 10
setTimeout(function(e){
box.css('display','none');
}, timeout);
}else { // 搜尋框沒開
command = 'addClass';
box.show('display', display);
// Setup Backdrop
var backdrop = $('<div></div>',{
class:'l-search-block-backdrop',
css:{
display: 'block',
position:'fixed',
top:0,
left:0,
right:0,
bottom:0,
},
click:function(e){
console.log('click');
toggle_search();
backdrop.remove();
},
});
backdrop.insertBefore(box);
}
// 非開啟狀態
box[command]('l-search-block--open');
}
// 點擊搜尋框外
// 放一個after 用來偵測是否點擊到框外
//
function ajaxData(){
}
function ajax_record_time_id(time_id){
var csrf_test_name = $('#booking_form .csrf_test_name').val();
$.post('/ajax/ajax_website/ajax_record_time_id', {
'time_id': time_id, 'csrf_test_name':csrf_test_name
}, function(data) {
$('#booking_form .csrf_test_name').val(data['csrf_data']['hash']);
$('#isSubmit').attr('disabled', false);
}, 'json').fail(function(data) { console.log('err', data); });
}
//分享到 facebook
function share_to_fb(href) {
var config = {
share_content : href
};
var $shareFB = new ShareToFacebook();
$shareFB.action(config);
}
//分享到 line
function share_to_line() {
var url_coded = encodeURIComponent(window.location.href);
var config = {
share_content : url_coded
};
var $shareLine = new ShareToLine();
$shareLine.action(config);
}
</script><!-- ------------------------------------------------------------------------ -->
<script>
$(function(e){
// 價格表
$('.price-table').interactive_table({
table: '.price-table', // 表格
listen_to: '.cell', // 監聽
row: '.cell-row', // 水平
row_head: '.tr-head', // 水平標題
head_type: '.head', // 標題class
nth_of_type:1,
});
/*-------------------------------------------------------------------
價格表
-------------------------------------------------------------------*/
// TODO : 手機板才啟用
$('.sects-price-table .first-deck').mCustomScrollbar({
theme: "dark",
axis: 'x'
});
/*-------------------------------------------------------------------
交易流程
-------------------------------------------------------------------*/
// 進場動畫
(function(){
var ani_ele = Array.prototype.slice.call($('.animated'),0);
$(window).on('load scroll',function(e){
var scroll_top = $(window).scrollTop();
var window_height = $(window).height();
var view_botom = scroll_top + window_height;
var count=0;
ani_ele.forEach(function(ele,idx){
if (view_botom - $(ele).offset()['top'] > 50){
var ani_class = $(ele).data('ani');
(function(){
setTimeout(function(){
$(ele).addClass(ani_class);
},400 * count++);
}());
ani_ele.splice(idx,1);
}
});
});
}());
});
</script><div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-jtzci061t05" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcI9BAeAAAAAEykRlxm07NjTJglnd435DxSBScH&co=aHR0cHM6Ly93d3cubGFyaXR6Y28uY29tOjQ0Mw..&hl=en&v=lqsTZ5beIbCkK4uGEGv9JmUR&size=invisible&cb=89umyq2l7ley"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div></body></html><!-- jQuery -->