solution | TPOC台灣議題研究中心 | 掌握輿情風向,剖析網民意見
讓您在社群中暢行無阻用網友的語言與他們溝通
TPOC網路監看與議題輿情解決方案,以網路輿情監測為基礎透過討論環境營造、社群小編形象建立、網路媒體轉發支持等技巧協助您與網友們有效溝通
了解QuickseeK快析情報數據庫 諮詢TPOC輿情議題解決方案
為甚麼網路輿情解決方案如此重要?
根據哈佛商學院研究,80%的大型機構/公眾人物曾面臨長達十天以上的議題事件其中73%將長期因此衝擊其正常運作,43%則永遠無法恢復昔日的良好形象。
而事件從開始到結束,都有其脈絡可循。主要是以下三大重點:
系統解決方案QuickseeK快析情報數據庫
3秒快搜,60秒刷新資訊24小時網路監測,及時議題不落,深入詳盡的分析報告,彈性資訊圖表,時課解讀輿情數據奧秘,適合品牌端/公關人/新聞從業人員
深入了解QuickseeK快析
了解QuickseeK快析情報數據庫
諮詢TPOC輿情議題解決方案
@charset "UTF-8";
/*========== Basic ==========*/
/*==================================================*\
SCSS Variables
\*==================================================*/
/*==================== Duration ====================*/
/*========== Mixin ==========*/
/*==================================================*\
Mixins
\*==================================================*/
/*** Pseudo Class ***/
/**
* div:after{
* @include pseudo;
* top: -1rem; left: -1rem;
* width: 1rem; height: 1rem;
* }
*/
/*** Media Queries (Mobile First) ***/
/**
* .site-header {
* padding: 2rem;
* font-size: 1.8rem;
*
* @include mq('tablet-wide') {
* padding-top: 4rem;
* font-size: 2.4rem;
* }
* }
*/
/*** Input Placeholder Style ***/
/**
* input,
* textarea {
* @include placeholderStyle {
* color: $grey;
* }
* }
*/
/*** Responsive Ratio ***/
/**
* .ifr-wrap{
* @include responsive-ratio(16,9);
* }
*/
/*** z-index Setting ***/
/**
* example:
* .site-header {
* z-index: z("lightbox");
* }
*/
/*** CSS Triangle ***/
/**
* used for creating CSS only triangles
* example:
* .element {
* &::before {
* @include css-triangle(blue, down);
* }
* }
*/
/*** Width && Height ***/
/**
* example:
* .element {
* @include wh(100%);
* }
*/
/*** Full Page Popup ***/
/**
* example:
* .element {
* @include fullPopup();
* }
*/
/*** Flexbox Setting ***/
/**
* example:
* .element {
* @include setFlex(center, center);
* }
*/
/*** Text Indent ***/
/**
* 有前綴符號或文字,但又需要文字對齊時使用
* example:
* .element {
* @include textIndent(7px);
* }
*/
/*==================================================*\
Functions
\*==================================================*/
/*** PX to REM ***/
/**
* example:
* .site-header {
* z-index: z("lightbox");
* }
*/
.tool03 ._slick {
-webkit-box-shadow: 0 0 15px #aaa;
box-shadow: 0 0 15px #aaa;
background-color: #fff;
}
.tool03 ._slick img {
width: 100%;
display: block;
}
body {
padding: 0;
margin: 0;
font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
background-color: #f4f5f5;
}
html, body {
width: 100%;
overflow-x: hidden;
}
p {
margin: 0;
}
/*
.bottombanner btn-info:hover{
background: #ffb400;
}*/
span{
color: white;
line-height: 1.7;
}
input,
select {
font-size: 15px;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
h1,
h2,
h3,
h4 {
margin: 0;
padding: 0;
font-family: "微軟正黑體";
line-height: 1.2;
color: white;
}
._c:after {
content: '';
width: 100%;
height: 0;
clear: both;
display: block;
}
.loading {
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1000;
position: fixed;
top: 0;
left: 0;
}
.loading > div {
width: 50px;
height: 50px;
margin: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
border-radius: 50px;
border: 6px solid transparent;
border-top-color: #247cbc;
border-bottom-color: #247cbc;
-o-animation: spin 1.5s linear infinite;
-moz-animation: spin 1.5s linear infinite;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.loading > div:before, .loading > div:after {
content: "";
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
border-radius: 50px;
border: 6px solid transparent;
border-top-color: #247cbc;
border-bottom-color: #247cbc;
opacity: 0.6;
filter: alpha(opacity=60);
-o-animation: spinreverse 2s linear infinite;
-moz-animation: spinreverse 2s linear infinite;
-webkit-animation: spinreverse 2s linear infinite;
animation: spinreverse 2s linear infinite;
}
.loading > div:before {
top: 13px;
left: 13px;
bottom: 13px;
right: 13px;
-o-animation: spinreverse 3s linear infinite;
-moz-animation: spinreverse 3s linear infinite;
-webkit-animation: spinreverse 3s linear infinite;
animation: spinreverse 3s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
tranform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
tranform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
tranform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
tranform: rotate(360deg);
}
}
@-webkit-keyframes spinreverse {
0% {
-webkit-transform: rotate(0deg);
tranform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
tranform: rotate(-360deg);
}
}
@keyframes spinreverse {
0% {
-webkit-transform: rotate(0deg);
tranform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
tranform: rotate(-360deg);
}
}
/*-------tool-------*/
#toolout {
width: 100%;
}
#tool_topbanner {
height: 420px;
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
position: relative;
}
#tool_topbanner1 {
height: 420px;
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
position: relative;
}
#tool_topbanner img {
width: 100%;
height:100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 768px){
#tool_topbanner1 {
height: 608px;
margin: 0 auto;
}
}
@media only screen and (min-width: 768px) {
#tool_topbanner {
height: 519px;
margin: 0 auto;
}
}
#tool_topbanner #btn > a,
#bottombanner .btn > a {
width: 46.1%;
border-width: 1px;
border-style: solid;
float: left;
font-size: 16px;
line-height: 2;
text-decoration: none;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
z-index: 1;
position: relative;
}
#tool_topbanner #btn > a:before,
#bottombanner .btn > a:before {
content: "";
display: block;
position: absolute;
width: 25%;
height: 25%;
margin: auto;
opacity: 0;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
background-color: #1bd7ed;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media only screen and (min-width: 560px) {
#tool_topbanner #btn > a,
#bottombanner .btn > a {
line-height: 2.2375;
}
}
@media only screen and (min-width: 1024px) {
#tool_topbanner #btn > a:hover,
#bottombanner .btn > a:hover {
border-color: #1bd7ed;
color: #fff;
}
#tool_topbanner #btn > a:hover:before,
#bottombanner .btn > a:hover:before {
width: 100%;
height: 100%;
opacity: 1;
}
}
#tool_topbanner #btn {
width: 100%;
padding: 0 6.75%;
text-align: center;
position: absolute;
top: 25px;
left: 0;
z-index: 1;
}
@media only screen and (min-width: 768px) {
#tool_topbanner #btn {
text-align: left;
}
}
@media only screen and (min-width: 768px) {
#tool_topbanner #btn {
width: 370px;
margin-left: 6.75%;
padding: 0;
top: 20%;
}
}
#tool_topbanner #btn a {
width: 120px;
float: none;
display: inline-block;
}
#tool_topbanner #btn > div {
color: #fff;
}
#tool_topbanner #btn > div h2,
#tool_topbanner #btn > div span {
color: inherit;
}
#tool_topbanner #btn > div h2 {
margin-bottom: 10px;
font-size: 24px;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
#tool_topbanner #btn > div h2 {
margin-bottom: 0;
font-size: 30px;
}
}
#tool_topbanner #btn > div span {
margin-bottom: 15px;
padding-left: 5px;
color: #ddd;
font-size: 12px;
letter-spacing: 5px;
display: block;
}
#tool_topbanner #btn > div p {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.3;
letter-spacing: 1px;
}
@media only screen and (min-width: 768px) {
#tool_topbanner #btn > div p {
font-size: 17px;
}
}
a.btn_download {
border-color: #ffc000;
background-color: #ffc000;
color: #000;
text-align: center;
margin-right: 20px;
margin-right: 7.6%;
}
a.btn_try {
border-color: #fff;
color: #fff;
text-align: center;
}
.tool_topmenu {
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
background-repeat: repeat-x;
background-position: bottom;
}
@media only screen and (min-width: 768px) {
.tool_topmenu {
margin-bottom: 60px;
}
}
.tool_topmenu ul {
margin-left: -15px;
margin-right: -15px;
}
@media only screen and (min-width: 768px) {
.tool_topmenu ul {
margin-left: 0;
margin-right: 0;
}
}
.tool_topmenu li {
font-size: 16px;
text-align: center;
position: relative;
}
.tool_topmenu li:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 5px;
background-color: #b8b8b8;
bottom: 0;
left: 0;
}
.tool_topmenu li a {
width: 48%;
display: inline-block;
color: #333;
line-height: 50px;
text-decoration: none;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
position: relative;
}
@media only screen and (min-width: 640px) {
.tool_topmenu li a {
width: auto;
}
.tool_topmenu li a:not(:last-child) {
margin-right: 60px;
}
}
.tool_topmenu li a:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 5px;
margin: auto;
opacity: 0;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
bottom: 0;
left: 0;
right: 0;
}
.tool_topmenu li a.blue:before, .tool_topmenu li a.green:before, .tool_topmenu li a.red:before, .tool_topmenu li a.brown:before {
width: 100%;
opacity: 1;
}
.tool_topmenu li a.blue {
color: #0071b8;
}
.tool_topmenu li a.green {
color: #00b2a0;
}
.tool_topmenu li a.red {
color: #ad2535;
}
.tool_topmenu li a.brown {
color: #d94700;
}
@media only screen and (min-width: 1024px) {
.tool_topmenu li a:hover:before {
width: 100%;
opacity: 1;
}
}
#tool_topmenu_1 li a:before {
background-color: #0071b8;
}
@media only screen and (min-width: 1024px) {
#tool_topmenu_1 li a:hover {
color: #0071b8;
}
}
#tool_topmenu_2 li a:before {
background-color: #00b2a0;
}
@media only screen and (min-width: 1024px) {
#tool_topmenu_2 li a:hover {
color: #00b2a0;
}
}
#tool_topmenu_3 li a:before {
background-color: #ad2535;
}
@media only screen and (min-width: 1024px) {
#tool_topmenu_3 li a:hover {
color: #ad2535;
}
}
#tool_topmenu_4 li a:before {
background-color: #d94700;
}
@media only screen and (min-width: 1024px) {
#tool_topmenu_4 li a:hover {
color: #d94700;
}
}
#toolmain {
margin-bottom: 40px;
}
.tool_leftmenu {
margin-bottom: 50px;
background-color: #e1e1e1;
}
@media only screen and (min-width: 768px) {
.tool_leftmenu {
width: 230px;
height: 600px;
margin-bottom: 0;
padding-top: 40px;
float: left;
}
}
.tool_leftmenu li a {
width: 100%;
text-align: center;
color: #555;
font-size: 14px;
line-height: 2.5;
text-decoration: none;
display: block;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
z-index: 1;
position: relative;
}
.tool_leftmenu li a:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 0;
margin: auto;
opacity: 0;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
}
@media only screen and (min-width: 768px) {
.tool_leftmenu li a {
font-size: 16px;
line-height: 3.4375;
}
}
.tool_leftmenu li a.blue, .tool_leftmenu li a.green, .tool_leftmenu li a.red {
color: #fff;
}
.tool_leftmenu li a.blue:before, .tool_leftmenu li a.green:before, .tool_leftmenu li a.red:before {
height: 100%;
opacity: 1;
}
.tool_leftmenu li a.blue:before {
background-color: #247cbc;
}
.tool_leftmenu li a.green:before {
background-color: #009b89;
}
.tool_leftmenu li a.red:before {
background-color: #d2717c;
}
@media only screen and (min-width: 768px) {
.tool_content {
float: right;
width: calc(100% - 230px - 6%);
}
}
@media only screen and (min-width: 768px) {
.tool04 .tool_content {
margin: auto;
float: none;
}
}
.tool_content h2 {
font-size: 20px;
line-height: 20px;
margin-bottom: 15px;
font-weight: bold;
text-align: center;
}
@media only screen and (min-width: 768px) {
.tool_content h2 {
text-align: left;
}
}
.tool_content h4 {
font-size: 20px;
line-height: 50px;
margin-bottom: 15px;
border-bottom: #c3c4c4 1px solid;
font-weight: normal;
clear: both;
text-align: center;
}
@media only screen and (min-width: 768px) {
.tool_content h4 {
text-align: left;
}
}
.tool_content .txt {
font-size: 18px;
line-height: 30px;
margin-bottom: 25px;
display: block;
}
@media only screen and (min-width: 992px) {
.tool_content .left {
float: left;
width: 352px;
}
}
.tool_content .rightpic {
width: 100%;
}
@media only screen and (min-width: 992px) {
.tool_content .rightpic {
float: right;
}
}
@media only screen and (min-width: 992px) {
.tool01 .tool_content .rightpic {
width: calc(99.574% - 352px);
}
}
@media only screen and (min-width: 992px) {
.tool02 .tool_content .rightpic {
width: calc(99.93% - 411px);
}
}
@media only screen and (min-width: 992px) {
.tool03 .tool_content .rightpic {
width: calc(99.93% - 380px);
}
}
.tool_content .leftpic {
width: 100%;
}
@media only screen and (min-width: 992px) {
.tool_content .leftpic {
float: left;
}
}
.tool02 .tool_content .leftpic {
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
.tool02 .tool_content .leftpic {
width: calc(99.93% - 471px);
}
}
.tool_content .left h3 {
font-size: 16px;
line-height: 24px;
font-weight: bold;
margin-bottom: 20px;
display: block;
}
.tool_content .left .title,
.tool_content .right .title {
width: calc(100% - 1.15em);
text-indent: -1.15em;
-webkit-transform: translateX(1.15em);
-ms-transform: translateX(1.15em);
transform: translateX(1.15em);
font-size: 16px;
line-height: 28px;
font-weight: bold;
display: block;
}
.tool02 .tool_content.page3 .left .title:before,
.tool02 .tool_content.page3 .right .title:before {
content: "";
display: inline-block;
position: static;
width: 15px;
height: 15px;
margin-right: 5px;
background-image: url("/resources/site/1536642119256.jpg");
background-size: 100% 100%;
}
.tool_content .left .txt {
display: block;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 992px) {
.tool_content .left .txt {
width: 290px;
margin-left: 18px;
margin-bottom: 20px;
}
}
.tool_content .left .txt2 {
display: block;
padding-left: 18px;
margin-bottom: 20px;
width: 330px;
font-size: 16px;
line-height: 24px;
text-align: left;
}
.tool_content .left .txt3 {
display: block;
margin-left: 27px;
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
text-align: left;
}
@media only screen and (min-width: 992px) {
.tool_content .left .txt3 {
width: 380px;
}
}
.tool_content .left .tick {
margin-right: 8px;
}
@media only screen and (min-width: 992px) {
.tool_content .right {
float: right;
width: 400px;
}
}
.tool_content .right .txt3 {
display: block;
margin-left: 24px;
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
text-align: left;
}
@media only screen and (min-width: 992px) {
.tool_content .right .txt3 {
width: 380px;
}
}
.tool_content .right .tick {
margin-right: 8px;
}
.tool_content .pricetitle {
font-size: 20px;
line-height: 50px;
margin-bottom: 15px;
border-bottom: #c3c4c4 1px solid;
font-weight: normal;
clear: both;
text-align: center;
}
.tool_content .pricebanner {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
@media only screen and (min-width: 768px) {
.tool_content .pricebanner {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 30px;
}
}
.tool_content .txt2 {
font-size: 16px;
line-height: 24px;
display: block;
text-align: center;
}
.tool_content .gray_13 {
font-size: 13px;
color: #666;
}
.tool_content .box {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
display: block;
text-align: justify;
}
@media only screen and (min-width: 768px) {
.tool_content .box {
width: 29.113%;
margin-bottom: 50px;
vertical-align: top;
display: inline-block;
}
.tool_content .box:not(:nth-of-type(3n)) {
margin-right: 5.8%;
}
.tool_content .box:nth-of-type(3n) {
float: right;
}
}
.tool_content .box > img ~ p {
width: calc(100% - 1.1em);
text-indent: -1.1em;
-webkit-transform: translateX(1.1em);
-ms-transform: translateX(1.1em);
transform: translateX(1.1em);
}
.tool_content .box .title {
font-weight: bold;
margin-bottom: 8px;
display: block;
}
.tool_content .box .title2 {
font-weight: bold;
margin-bottom: 8px;
display: block;
text-align: center;
}
.tool_content .box img {
width: 100%;
display: block;
margin-bottom: 10px;
}
.tool_content .box_r {
width: 245px;
float: left;
font-size: 16px;
line-height: 24px;
display: block;
text-align: justify;
margin-bottom: 50px;
}
.tool_content .box_r .title {
font-weight: bold;
margin-bottom: 8px;
display: block;
}
.tool_content .box_r .title2 {
font-weight: bold;
margin-bottom: 8px;
display: block;
text-align: center;
}
.tool_content .box_r img {
margin-bottom: 10px;
}
#bottombanner {
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: -15px;
background-color: #000253;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
color: #fff;
clear: both;
}
#bottombanner .title {
font-size: 30px;
line-height: 50px;
}
#bottombanner .txt {
font-size: 16px;
line-height: 30px;
clear: both;
display: block;
margin-bottom: 15px;
}
#bottombanner .btn {
margin: 0 auto;
width: 286px;
}
/*----------price--------------*/
#priceform {
width: 100%;
margin: 0 auto;
}
#priceform select,
input {
border: none;
width: 238px;
color: #666;
padding: 3px;
font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
background-color: #f4f5f5;
}
#priceform textarea {
border: none;
width: 300px;
color: #666;
padding: 3px;
font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
background-color: #f4f5f5;
height: 117px;
resize: none;
font-size: 16px;
}
@media only screen and (min-width: 768px) {
#priceform table {
width: 400px;
}
}
#priceform td {
border-bottom: #c3c4c4 1px solid;
display: block;
}
#priceform td:first-of-type {
margin-top: 20px;
border-bottom-width: 0;
}
@media only screen and (min-width: 768px) {
#priceform td {
display: table-cell;
height: 50px;
}
#priceform td:first-of-type {
width: 100px;
margin-top: 0;
border-bottom-width: 1px;
}
}
#priceform td input,
#priceform td textarea {
width: 100%;
}
.btn_submit {
height: 40px;
color: #fff;
font-size: 16px;
line-height: 40px;
background-color: #247cbc;
margin-top: 40px;
text-align: center;
text-decoration: none;
width: 86px;
display: block;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
border-radius: 1px;
border-radius: 5px;
}
.btn_submit:hover {
text-decoration: none;
color: #fff;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.goTop {
width: 40px;
height: 40px;
opacity: 0.5;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
border-radius: 6px;
border: 1px solid #aaa;
display: none;
background-color: #fff;
position: fixed;
bottom: 10vh;
right: 15px;
}
@media only screen and (min-width: 1024px) {
.goTop {
display: none;
}
}
.goTop > div {
width: 50%;
height: 50%;
margin: auto;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #666;
position: absolute;
top: 35%;
bottom: 0;
left: 0;
right: 0;
}
/*# sourceMappingURL=tool.css.map */
var $win = $(window);
$('img').imagesLoaded().always(function () {
$('.loading').fadeOut(400, function () {
$(this).remove();
});
})
$(function () {
$(".ezbrand-page-main>div:first-child").remove();
$(".ezbrand-page-sidebar").remove();
$(".ezbrand-page-main").removeClass("col-lg-9 col-md-9");
// $("#bottombanner").width($("body").width())
// $("#bottombanner").css("margin-left", ($('#toolout').width()-$("body").width())/2)
var toolLeftMenuColor = ['blue', 'green', 'red'];
if (isExist('#tool_leftmenu_1')) toolLeftMenuColor = toolLeftMenuColor[0];
if (isExist('#tool_leftmenu_2')) toolLeftMenuColor = toolLeftMenuColor[1];
if (isExist('#tool_leftmenu_3')) toolLeftMenuColor = toolLeftMenuColor[2];
$('.tool_leftmenu a').mouseover(function () {
$('.tool_leftmenu a').removeClass(toolLeftMenuColor)
$(this).addClass(toolLeftMenuColor)
var $thisPage = $('.page' + ($('.tool_leftmenu a').index(this) + 1));
$('.tool_content').hide()
if ($thisPage.find('._slick').length>0) {
$thisPage.css({
display: 'block',
opacity: 0
});
$('._slick img').imagesLoaded().always(function () {
if (!$('.slick-track').length>0){
$('._slick').slick({
speed: 300,
infinite: true,
autoplay: true,
autoplaySpeed: 2500,
dots: false,
arrows: false,
});
}
$thisPage.animate({ opacity: 1 }, 300);
});
} else {
$thisPage.fadeIn(300)
}
$('.tool_leftmenu a').click(function (e) {
e.preventDefault();
})
})
$('.btn_submit').click(function (e) {
e.preventDefault();
msg = '';
phone = $('input[name="phone"]').val()
mailreg = /^.+@.+\..{2,3}$/;
phonereg = /^[^a-zA-Z]{8,16}$/; // F 版
if ($('input[name="name"]').val() == "") msg = "請輸入聯絡人姓名";
else if ($('input[name="company"]').val() == "") msg = "請輸入公司名稱";
else if (mailreg.test($('input[name="mail"]').val()) == false) msg = "請填寫並確認email格式";
else if (phonereg.test(phone) == false) msg = "請填寫並確認聯絡電話格式";
else if ($('select[name="serving"]').val() == "0") msg = "請選擇服務需求";
else if ($('input[name="message"]').val() == "") msg = "請輸入需求說明";
if (msg == '') {
$('#form1').submit();
} else if (msg != "") {
alert(msg);
return false;
}
})
$('.goTop').on('click', function() {
$('html, body').animate({
scrollTop: 0
}, 400);
});
$(window).on('scroll', _scroll).scroll();
var nowPos;
var key = false;
function _scroll() {
nowPos = $win.scrollTop();
if (nowPos > $win.height() / 2 && !key) {
$('.goTop').stop().fadeIn(400);
key = true;
} else if(nowPos 0) {
return true;
} else {
return false;
}
}
zh_tw