

.article-header > .label.label-warning {
  display: none; font-size: 0; visibility: hidden; }
  
#sp-bottom {
padding: 110px 0 0px 0;}

.keywords {
	display: none;
	
}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.downloadtracker_functions_ttl{position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.42rem;font-weight:800;border:2px solid #000;border-radius:7px;background-color:#f3f4fb;width:14.8rem;padding:10px 0;height:50px;top:-2.7%;left:0;right:0;margin:0 auto;line-height:1.3;z-index:1;}
.downloadtracker_functions_ttl::after,.downloadtracker_functions_ttl::before{content:"";position:absolute;width:0;height:0;}
.downloadtracker_functions_ttl::before{bottom:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-top:12px solid #000;border-right:12px solid transparent;border-left:12px solid transparent;}
.downloadtracker_functions_ttl::after{bottom:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-top:10px solid #f3f4fb;border-right:10px solid transparent;border-left:10px solid transparent;}
@media screen and (min-width:768px){
.downloadtracker_functions_ttl{width:351px;height:58px;font-size:30px;top:-29px;}
}

.downloadtracker_functions_bg{position:relative;border-radius:20px 20px 0 0;padding:38px 0 17px;overflow:hidden;}
.downloadtracker_functions_bg::after,.downloadtracker_functions_bg::before{content:'';width:150vw;padding-top:150vw;border-radius:50%;position:absolute;pointer-events:none;opacity:.5;}
.downloadtracker_functions_bg::before{background:radial-gradient(#dd6fae,transparent 50%);top:-30%;left:-30%;-webkit-transform:translate(-20%,-20%);transform:translate(-20%,-20%);}
.downloadtracker_functions_bg::after{background:radial-gradient(#7655e7,transparent 50%);top:50%;left:30%;-webkit-transform:translate(-12%,-27%);transform:translate(-12%,-27%);}
.downloadtracker_functions_bg_ttl{position:relative;text-align:center;font-size:1.5rem;font-weight:800;line-height:1.4;z-index:1;text-shadow:-2px -2px .5px #fff,-2px 0 .5px #fff,-2px 1px .5px #fff,0 -2px .5px #fff,0 1px .5px #fff,2px -2px .5px #fff,2px 0 .5px #fff,1px 2px .5px #fff;}
.downloadtracker_functions_bg_ttl_pink{font-size:2.21rem;color:#dd6fae;}
@media screen and (min-width:768px){
.downloadtracker_functions_bg::after,.downloadtracker_functions_bg::before{width:120%;padding-top:100%;}
.downloadtracker_functions_bg::before{top:15%;left:-48%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.downloadtracker_functions_bg::after{right:-49%;left:auto;-webkit-transform:translate(0,-40%);transform:translate(0,-40%);}
.downloadtracker_functions_bg_ttl{font-size:27px;}
.downloadtracker_functions_bg_ttl_pink{font-size:39px;margin:0 3px 0 12px;}
}




.products .sppb-addon-title {
position: relative;
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    height: 4.35rem;
    padding: 0 20px;
    font-size: 2rem !important;
    background-color: #a38bf8;
    border-radius: 0 2.21rem 2.21rem 0;
    line-height: 1.1;
    margin-bottom: 30px;
	  padding-left: 12px !important;
}
.products .sppb-addon-title::before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 10px;
    background-color: #7655e7;
    top: 0;
    left: 0;
    border-radius: 4px 0 0 4px;
}
.products .sppb-carousel-extended-heading {
  font-size: 22px;
  letter-spacing: 0px;
  padding: 15px;
  border-radius: 20px;
  background-color: #ece3ff;
}


/*文章*/
.article-list .article {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #bdb8b8;
  border-radius: 3px;
  background: #f3f4fb;
  border-radius: 40px;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
  margin: -20px -20px 20px -20px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
  border-radius: 40px 40px 0 0;
}
.article-list .article .readmore a {
  color: #252525;
  font-weight: 500;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  border: 2px solid #414141;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  font-size: inherit;
  color: inherit;
  transition: all .3s;
  text-decoration: none !important;
}

.article-list .article .readmore a:hover {
    box-shadow: unset;
    background: #414141;
    color: #fff;
}

/*首頁*/

.home2 .co2{
	
  font-weight: 800;
  border: 2px solid #000;
  border-radius: 7px;
  background-color: #f3f4fb;
  width: 92.3%;
  padding: 15px;
  aspect-ratio: 207 / 50;
}
.home2 .co2::before {
    bottom: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 12px solid #000;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}
.home2 .co2::after {
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 10px solid #f3f4fb;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.home2 .co2::after, .home2 .co2::before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}


/*文章*/
.related-article-list-container .related-article-title {
  padding-bottom: 0px;
  border-bottom: 2px solid #000;
}

.related-article-title {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #000;
  border-radius: 7px;
  background-color: #f3f4fb;
 width: 300px;
  height: 50px;
  margin: 0 auto;
}
.related-article-list-container .related-article-title::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 12px solid #000;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  margin-top: 57px;
}
.related-article-list-container .related-article-title::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 10px solid #f3f4fb;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;margin-top: 57px;

}
.related-article-title::after, .related-article-title::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}



.related-article-list {
	margin-top: 30px;
}

.related-article-list .article {
  margin-bottom: 30px;
  padding: 0px;
  border: 1px solid #bdb8b8;
  border-radius: 3px;
  background: #f3f4fb;
  border-radius: 40px;
}

.related-article-list img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 40px 40px 0 0;
}
.related-article-list .article-header{
	padding: 10px 20px 0px 20px;
}
.related-article-list .article-info {

  padding: 0px 20px 0px 20px;
}


    html {   
      scroll-behavior: smooth;   
    }   
      
    :root {   
      scroll-padding-top: 130px;   
    }   


.sppb-carousel-extended-item img {
	
	height: auto !important;
}

.dd {
	
	display: none !important;
}

.rr2:hover {
    background-color: #ffd2d2;
}
.rr1:hover {
    background-color: #ffd2d2;
}

.rr2:hover {
    background-color: #ffe7d2;
}

.rr3:hover {
    background-color: #f5ffd2;
}

.rr4:hover {
    background-color: #d6ffd2;
}

.rr5:hover {
    background-color: #d2f4ff;
}

.rr6:hover {
    background-color: #f3d2ff;
}



.text-stroke .sppb-addon-title {
-webkit-text-stroke: 3px #ffc900;
  background-color: rgba(255,255,255,0);
  color: rgba(255,255,255,0);margin-bottom: .5rem;
  font-family: 'Microsoft JhengHei',sans-serif;
}

/*! CSS Used from: https://utelung12.com/media/com_jchoptimize/cache/css/7c16ab00db49525c73b43de3ddc924116166df8f69a7d28db519154dd1911b16.css */
.sppb-animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
#sp-page-builder .page-content .sppb-section,#sp-page-builder .sppb-section{z-index:1;position:relative;}
#sp-page-builder .page-content .sppb-section,#sp-page-builder .sppb-section{will-change:top;}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
.sppb-img-responsive{width:100%;}
}
.sppb-addon-single-image::after,.sppb-addon-single-image::before{content:"";display:table;}
.sppb-addon-single-image-container{display:inline-block;position:relative;transition:all .4s ease;}
.sppb-addon-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;z-index:1;}
.sppb-addon-single-image-container:hover .sppb-addon-image-overlay{opacity:1;}
.sppb-addon-image-overlay-icon{position:absolute;color:#fff;text-decoration:none;display:none;width:36px;font-size:28px;height:36px;line-height:30px;text-align:center;top:50%;left:50%;margin-left:-18px;margin-top:-18px;background:rgba(0,0,0,.8);border-radius:40px;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:2;}
.sppb-addon-image-overlay-icon:active,.sppb-addon-image-overlay-icon:focus,.sppb-addon-image-overlay-icon:hover{text-decoration:none;color:#fff;background:#000;outline:0;}
.sppb-addon-single-image-container:hover .sppb-addon-image-overlay-icon{display:block;-webkit-animation:zoomIn .2s;animation:zoomIn .2s;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{vertical-align:middle;}
.sppb-img-responsive{display:block;max-width:100%;height:auto;}
.sppb-text-left{text-align:left;}
.sppb-text-center{text-align:center;}
.sppb-text-center .sppb-img-responsive{display:inline-block;}
.sppb-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.sppb-col-md-4,.sppb-col-md-8{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width:992px){
.sppb-col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.sppb-col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
}
.sppb-column,.sppb-column-addons{position:relative;z-index:1;width:100%;}
.sppb-column{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.sppb-container-inner{position:relative;z-index:3;}

body .sppb-btn.sppb-btn-default, body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .btn.sppb-btn-default, body .btn.sppb-btn-primary, body .btn.btn-primary {
  background: #fff;
  border-color: #0345bf;
  color: #000;
}

body .sppb-btn.sppb-btn-default:hover, body .sppb-btn.sppb-btn-default:focus, body .sppb-btn.sppb-btn-default:active, body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.sppb-btn-primary:focus, body .sppb-btn.sppb-btn-primary:active, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-primary:active, body .btn.sppb-btn-default:hover, body .btn.sppb-btn-default:focus, body .btn.sppb-btn-default:active, body .btn.sppb-btn-primary:hover, body .btn.sppb-btn-primary:focus, body .btn.sppb-btn-primary:active, body .btn.btn-primary:hover, body .btn.btn-primary:focus, body .btn.btn-primary:active {
background: #fff;
  border-color: #044cd0;
  color: #fff;
}





.sppb-btn{display:inline-block;font-weight:400;text-align:center;white-space:pre-line;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:8px 12px;font-size:16px;line-height:1.25;border-radius:4px;transition:all .15s ease-in-out;}
.sppb-btn:focus,.sppb-btn:hover{text-decoration:none;}
.sppb-btn:focus{outline:0;box-shadow:0 0 0 3px rgba(0,123,255,.25);}
.sppb-btn:disabled{opacity:.65;}
.sppb-btn:active{background-image:none;}
.sppb-btn-default{color:#010101;background-color:#eff1f4;border-color:#eff1f4;}
.sppb-btn-default:hover{color:#010101;background-color:#d7dadd;border-color:#d7dadd;}
.sppb-btn-default:focus{color:#010101;box-shadow:0 0 0 3px rgba(239,241,244,.8);}
.sppb-btn-default:disabled{background-color:#eff1f4;border-color:#eff1f4;color:#010101;}
.sppb-btn-default:active{background-color:#d7dadd;background-image:none;border-color:#d7dadd;}
.sppb-btn-block{display:block;width:100%;}
.clearfix:after,.clearfix:before{content:" ";display:table;}
.clearfix:after{clear:both;}
.sppb-divider{display:inline-block;width:100%;}
a:hover{color:#9B5151;}
#column-id-1553078823131{box-shadow:0 0 0 0 #fff;}
#sppb-addon-wrapper-1553082350563{margin:0px 0px 30px 0px;}
#sppb-addon-1553082350563{box-shadow:0 0 0 0 #fff;}
@media (min-width:768px) and (max-width:991px){
#sppb-addon-wrapper-1553082350563{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;}
}
@media (max-width:767px){
#sppb-addon-wrapper-1553082350563{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}
}
#sppb-addon-1553082350563 .sppb-divider{margin-top:30px;margin-bottom:1px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#7e8689;}
@media (min-width:768px) and (max-width:991px){
#sppb-addon-1553082350563 .sppb-divider{margin-top:20px;}
}
@media (max-width:767px){
#sppb-addon-1553082350563 .sppb-divider{margin-top:10px;}
}
.sp-page-builder .page-content #section-id-1575292079488{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
#column-id-1575292079489{box-shadow:0 0 0 0 #fff;}
#sppb-addon-wrapper-1553082350569{margin:0px 0px 10px 0px;}
#sppb-addon-1553082350569{box-shadow:0 0 0 0 #fff;}
#sppb-addon-1553082350569 .sppb-addon-title{font-size:100px;font-weight:700;}
@media (max-width:767px){
#sppb-addon-1553082350569 .sppb-addon-title{font-size:50px;line-height:50px;}
}
#sppb-addon-1553082350569 h4.sppb-addon-title{text-transform:none;}
#sppb-addon-wrapper-1553082350578{margin:0px 0px 30px 0px;}
#sppb-addon-1553082350578{box-shadow:0 0 0 0 #fff;}
#sppb-addon-1553082350578 .sppb-addon-title{margin-bottom:15px;color:#0a0a0a;font-size:30px;}
@media (min-width:768px) and (max-width:991px){
#sppb-addon-wrapper-1553082350578{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;}
}
@media (max-width:767px){
#sppb-addon-wrapper-1553082350578{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}
}
#sppb-addon-wrapper-1575292079430{margin:0px 0px 0px 0px;}
#sppb-addon-1575292079430{box-shadow:0 0 0 0 #fff;}
@media (min-width:768px) and (max-width:991px){
#sppb-addon-wrapper-1575292079430{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;}
}
@media (max-width:767px){
#sppb-addon-wrapper-1575292079430{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}
}
#sppb-addon-1575292079430 .sppb-addon-image-overlay{background-color:rgba(255,255,255,0.5);}
#sppb-addon-wrapper-1575292079523{margin:0px 0px 30px 0px;}
#sppb-addon-1575292079523{box-shadow:0 0 0 0 #fff;}
@media (min-width:768px) and (max-width:991px){
#sppb-addon-wrapper-1575292079523{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;}
}
@media (max-width:767px){
#sppb-addon-wrapper-1575292079523{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}
}
#sppb-addon-1575292079523 #btn-1575292079523.sppb-btn-default{font-weight:700;}
*,::after,::before{box-sizing:border-box;}

.sppb-btn{background:transparent;border:none;padding:7px 15px;font-size:14px;font-weight:500;position:relative;z-index:3;letter-spacing:0.3px;cursor:pointer;color:#171717;}
.sppb-btn:before{content:"";position:absolute;top:0px;left:3px;right:0;bottom:0px;background:#ffc900;z-index:-1;transform:skewX(-20deg);width:15px;transition:0.3s;}
.sppb-btn:focus,.sppb-btn:hover{box-shadow:none;background-color:transparent;}
.sppb-btn:focus:before,.sppb-btn:hover:before{width:100%;top:0;bottom:0;}
.sppb-btn.sppb-btn-default{color:#171717;}
.sppb-btn.sppb-btn-default:before{background:#a2a2a2;}
.sppb-btn.sppb-btn-default:active,.sppb-btn.sppb-btn-default:focus,.sppb-btn.sppb-btn-default:hover{background-color:transparent;}
.op-25{opacity:0.25;}
.col-animation:hover .stroke-text-black{color:#000;opacity:1;}
.stroke-text-black{-webkit-text-stroke:1px #000;background-color:rgba(255,255,255,0);color:rgba(255,255,255,0);transition:0.3s;}
.sppb-addon-single-image.konstra-gallery .sppb-addon-single-image-container{position:relative;}
.sppb-addon-single-image.konstra-gallery .sppb-addon-single-image-container:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;border:3px solid transparent;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.sppb-addon-single-image.konstra-gallery .sppb-addon-single-image-container .sppb-addon-image-overlay-icon{width:auto;height:auto;font-size:65px;line-height:1;color:#ffc900;background-color:transparent;}
.sppb-addon-single-image.konstra-gallery .sppb-addon-single-image-container:hover:after{border-color:#ffc900;}

/*! CSS Used from: https://utelung12.com/images/css.css?92 */
h2,h4{margin-bottom:.5rem;font-family:'Microsoft JhengHei',sans-serif;font-weight:600;}
.sppb-btn{font-size:20px;}
.sppb-btn-block{width:95%;}
.sppb-addon-image-overlay-icon{position:absolute;text-decoration:none;display:none;text-align:center;top:0%;left:0%;border-radius:0px;margin-left:0px;margin-top:0px;}
.sppb-addon-single-image.konstra-gallery .sppb-addon-single-image-container .sppb-addon-image-overlay-icon{width:100%;height:100%;}
.sppb-addon-single-image-container:hover .sppb-addon-image-overlay-icon{line-height:200px!important;}
body p{line-height:1.5;}
.homeim .sppb-addon-single-image.konstra-gallery .sppb-addon-single-image-container{height:200px;overflow:hidden;border:2px solid #666;position:relative;}
/*! CSS Used keyframes */
@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}100%{-webkit-transform:none;transform:none;}}
@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}100%{-webkit-transform:none;transform:none;}}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}




@media (max-width: 576px) {
  .logo-image-phone {
    height: 42px;
    position: absolute;
    margin-top: -30px;
    width: auto;
  }
}