@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/SeoJump.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');
/*@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);*{margin:0;padding:0}*/
body{margin:0}
body::selection{background:#353637;color:#fff}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#c5c5c5}
body::-webkit-scrollbar-thumb{background:#0d1011}
body::-webkit-scrollbar-thumb:hover{background:#393939}
div,nav,article,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,ul,li,img,span,a{text-align:left;vertical-align:middle;margin:0;padding:0;line-height:200%;border-width:0;font-family:'cwTeXYen',serif !important;font-size:18px;word-wrap:normal;word-break:normal;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
:before,:after{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
ul,ol{list-style:none}
fieldset{border:0}
input,button,select,textarea{outline:none}
img{max-width:100%}
a:link,a:visited,a:hover{text-decoration:none;vertical-align:initial}
* html .clearfix{height:1%}
.clearfix{display:block}
livedemo00.template-help:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.text-clamp{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
a.photo,.bgBox{overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}
a.photo img,.bgBox img{width:100%}
.wow{animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
[class^="fancybox-"],[class^="fancybox-"] *,#visul #banner .slick-track{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
form .fb_iframe_widget{display:none;}
.webBox{position:relative;overflow:hidden;width:100%}
.webBox .pageh1{position:absolute;top:0;z-index:1}
.webBox .wrapper{position:relative;background:#fff;z-index:2}
.workframe{position:relative;margin:0 auto;width:1160px}
#Sitemap #jsonUL a{color:#000}
header{position:relative;width:100%;background:#fff;z-index:9999999}
header .workframe{width:1500px;font-size:0}
header #cis a.photo{max-width:222px}
header h3.menuIcon{margin:10px 0;display:none}
header h3.menuIcon a{margin:8px 25px 0 0;width:30px;height:30px;display:inline-block}
header h3.menuIcon a span{width:22px;height:3px;background:#333333;display:block;margin:5px auto;opacity:1}
header h3.menuIcon.opneBtn a span{-webkit-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
header h3.menuIcon.opneBtn a span:nth-child(2){opacity:0}
header h3.menuIcon.opneBtn a span:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
header .row{margin:10px 0;width:350px;display:inline-block}
header .row.adrow{margin:10px;width:calc(100% - 720px)}
header .row.adrow >div{text-align:center}
header .row.memsear{position:absolute;right:0;top:-9px}
header .row.memsear form{border:1px #000 solid}
header .row.memsear form input{width:calc(100% - 61px);border:0}
header .row.memsear form a{padding:5px 10px;display:inline-block;color:#000}
header .row.memsear .memberSBtn >div{margin-top:5px;font-size:0}
header .row.memsear .memberSBtn .loginBtn a{padding:2px 0;width:calc(50% - 5px);background:#3e3f40;border-radius:20px;display:inline-block;text-align:center;color:#fff}
header .row.memsear .memberSBtn .loginBtn a:last-child{margin-left:10px;background:#67686a}
header .row.memsear .memberSBtn .memberTopBar{margin-top:0}
header .row.memsear .memberSBtn .memberTopBar .imgBox{overflow:hidden;width:80px;background:no-repeat 50% / cover;border-radius:50%;display:inline-block}
header .row.memsear .memberSBtn .memberTopBar .info{margin:0 10px;width:calc(100% - 250px);display:inline-block}
header .row.memsear .memberSBtn .memberTopBar .info p{font-size:16px;line-height:130%}
header .row.memsear .memberSBtn .memberTopBar .info p:nth-child(2){font-size:12px;margin-top:5px}
header .row.memsear .memberSBtn .memberTopBar .btns{width:150px;display:inline-block}
header .row.memsear .memberSBtn .memberTopBar .btns a{margin:5px;padding:5px;background:#6b696c;display:inline-block;font-size:12px;color:#fff;width:calc(100% - 20px);text-align:center}
header .row.memsear .memberSBtn .memberTopBar .btns a:first-child{display:block;margin-bottom:5px;width:calc(100% - 20px);background:#ff8d00}
header #main-menu nav >ul{text-align:center;font-size:0}
header #main-menu nav >ul >li p{position:relative}
header #main-menu nav >ul >li p a{padding:20px 20px;display:block;font-size:18px;color:#fff;letter-spacing:2px}
header #main-menu nav >ul >li.live{display:none}
header #main-menu nav >ul >li p a:hover{opacity:.7}
header #main-menu nav >ul >li p b[data-action="sideOpen"]{position:absolute;padding:0 20px;display:none;color:#000;top:calc((100% - 23px) / 2);right:0}
header #main-menu nav >ul >li .menu_body ul li a{padding:9px 10px;display:block;color:#1f1f1f;text-align:center}
#visul #banner{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;position:relative;background:#fff;clear:both;z-index:3}
#visul #banner .slick-slider{margin-bottom:0}
#visul #banner .item .b-de{position:relative;background:no-repeat 50% /cover}
#visul #banner .item .b-de a{position:absolute;width:100%;height:100%;display:block;top:0;left:0}
#visul #banner .item .b-de .banner-txt{position:absolute;width:100%;top:15%;left:0}
#visul #banner .item .b-de .banner-txt h2{text-align:center;line-height:120%;font-size:30px;color:#fff}
#visul #banner .item .b-de .banner-txt p{text-align:center;line-height:120%;display:none}
#visul #banner .item .b-de img{}
#visul #banner .item.slick-center img{background:none}
#visul #banner .slick-dots{position:absolute;bottom:auto;bottom:0px}
#visul #banner .slick-dots li{margin:10px 5px;opacity:.6;font-size:0;line-height:0;width:15px;height:15px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
#visul #banner .slick-dots li.slick-active{opacity:1}
#visul #banner .slick-dots li button,#visul #banner .slick-dots li button:before{padding:0;margin:0;width:100%;height:100%;content:"";border-radius:12px}
#banner .btn{text-align:center;width:1270px;margin:0 auto;position:relative}
#banner .btn a{bottom:210px;position:absolute;z-index:9;display:inline-block;width:52px;height:52px;background:url(/images/02/slider_arrow.png) 0 0 no-repeat;opacity:0.5;left:0}
#banner .btn a:hover{opacity:1}
#banner  .btn a#nextBtn{right:0;background-position:-52px 0;left:unset}
#banner  .btn a#nextBtn:before,#banner  .btn a#nextBtn:after{background:#ffffff}
#banner .btn a#nextBtn:before{margin:1px 1px 0 0;left:auto;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:20px;bottom:38%;right:35%}
#banner .btn a#nextBtn:after{margin:1px 1px 0 0;left:auto;bottom:60%;right:35%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.adBox{overflow:hidden;text-align:center}
.adBox > div,.adBox > a{margin-bottom:15px;display:inline-block}
.adBox.sbox ins{width:800px;height:200px}
.adBox a[data-action="closead"]{position:absolute;width:20px;height:20px;background:#3d3d3d;border:1px #fff solid;border-radius:50%;text-align:center;line-height:20px;color:#fff;right:-8px;top:-8px;z-index:100}
#popBox{position:fixed;padding:0 20px;width:calc(100% - 40px);height:100vh;background:rgba(0,0,0,.3);line-height:80vh;text-align:center;top:0;left:0;z-index:9999999}
#popBox .adBox,#floatBox .adBox{position:relative;overflow:visible;display:inline-block}
#popBox .adBox > div,#popBox .adBox > a,#floatBox .adBox > div,#floatBox .adBox > a{margin-bottom:0}
#floatBox{position:fixed;width:100%;background:rgba(0,0,0,.3);text-align:center;bottom:0;left:0;z-index:999;display:none}
#SeoStarRating font{margin-right:5px;display:inline-block;vertical-align:middle}
#SeoStarRating font{display:inline-block}
#SeoStarRating font:first-child{font-weight:bold;font-size:18px;color:#FF9800}
#SeoStarRating font:nth-child(2){font-size:16px;color:#FF9800}
#SeoStarRating font:last-child{color:#ff003b}
#join{position:fixed;right:0px;bottom:150px;font-size:40px;color:#fff;text-shadow:0 0 10px #000;z-index:999;width:180px}
#mobile-join{display:none}
#gotop{position:fixed;padding:8px 30px;background:#36b13a;border-radius:5px;color:#fff;right:20px;bottom:10%;z-index:99999}
footer{overflow:hidden;padding:40px 0 5px;background:#625f5f;color:#fff}
footer #flogo{width:80%}
footer a{color:#c3c3c3}
footer .workframe{font-size:0}
footer .row{width:30%;display:inline-block;font-size:0}
footer .row.center{margin-left:50px}
footer .row .webInfo{margin:20px 0 0}
footer .row .webInfo p,footer .row .webCopy{color:#c3c3c3;font-size:12px}
footer .row.links{width:calc(40% - 50px);text-align:right}
footer .row.links >div{margin:0 30px;display:inline-block;vertical-align:top}
footer .row.links >div h4{margin-bottom:10px;font-weight:normal;font-size:18px}
footer .row.links >div h4:after{margin-top:10px;width:35px;height:1px;background:#fff;display:block;content:""}
footer .row.links >div p{margin:5px 0}
#missionBox{position:fixed;left:0px;bottom:150px;z-index:99}
#missionBox #pic{position:relative}
#missionBox #pic a#close{position:absolute;width:25px;height:25px;background:#36b13a;border-radius:50%;box-shadow:0 0 10px #000;display:inline-block;text-align:center;line-height:24px;color:#fff;top:-7.5px;right:-10.5px}
#webSeo{overflow:hidden;margin-top:40px;width:100%}
#webSeo .seo > div,#webSeo .seo > div *{font-size:12px !important;color:#9e9e9e;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.ssabanner{margin:35px 0}
@media screen and (max-width:1500px){header .workframe{width:1160px}
#banner .btn{max-width:100%}
#banner  .btn a#prevBtn{left:60px}
#banner  .btn a#nextBtn{right:60px}
}@media screen and (min-width:1281px){header #main-menu{background:-webkit-linear-gradient(rgb(0 0 0),rgb(0 0 0 / 0%));z-index:99999;position:absolute;width:100%}
header #main-menu nav >ul >li{display:inline-block}
header #main-menu nav >ul >li.live p:after{content:'live';position:absolute;line-height:100%;font-size:12px;background:#e00202;display:inline-block;color:#fff;padding:3px 7px;border-radius:5px;bottom:10px;right:17px;-webkit-transform:scale(0.75);z-index:-1}
header #main-menu nav >ul >li .menu_body{position:absolute;overflow:hidden;min-width:110px;height:0;background:rgb(255 255 255 / 0.95);z-index:10;opacity:0;box-shadow:0px 5px 15px -5px rgba(0,0,0,0.3)}
header #main-menu nav >ul >li:hover .menu_body{height:auto;opacity:1}
header #main-menu nav >ul >li .menu_body >ul >li{text-align:center}
header #main-menu nav >ul >li .menu_body >ul >li:hover{background-color:#33aa3b}
header #main-menu nav >ul >li .menu_body >ul >li:hover a{color:#fff}
footer #footercont ul .plus-information a:hover img{display:block}
}
@media screen and (max-width:1440px){
    #visul #banner .item .b-de{background-position: 50% 50%;}
    #join{width:100px}
}
@media screen and (max-width:1280px){header #main-menu nav >ul >li .menu_body ul li a{text-align:left;padding:10px 40px;font-family:'Lato','cwTeXYen',serif !important}
header .workframe,.workframe{width:95%}
header h3.menuIcon{display:inline-block}
header .row.adrow{width:calc(100% - 770px)}
header .row.adrow >div{display:none}
header #main-menu{position:absolute;width:300px;background:#f0f0f0;z-index:999}
header #main-menu nav{overflow:hidden;height:0;opacity:0}
header #main-menu nav.menuShow{height:100vh;opacity:1;padding-top:10px}
header #main-menu nav >ul >li .menu_body{padding:0;background:rgb(233 233 233);display:none}
header #main-menu nav >ul >li.action .menu_body{display:block}
header #main-menu nav >ul >li p a{color:#000;padding:10px 25px}
header #main-menu nav >ul >li p b[data-action="sideOpen"]{display:block}
.adBox.sbox ins{width:600px;height:150px}
#gotop{padding:8px 10px}
}
@media screen and (max-width:1024px){#gotop{right:0}
    #visul #banner .item .b-de{background-position: 40% 50%;}
header{border-bottom:1px solid #e8e8e8}
#join{display:none}
#mobile-join{display:flex;position:fixed;right:2.5%;bottom:60px;font-size:40px;z-index:999;width:calc(95% - 20px);background:#fff;box-shadow:0 0 5px rgb(0 0 0 / 20%);justify-content:space-between;padding:10px;align-items:center}
#mobile-join .text{position:relative;width:calc(100% - 90px)}
#mobile-join .text a{position:absolute;width:100%;height:100%;top:0;left:0}
#mobile-join .text .textBox{display:flex;align-items:center}
#mobile-join .text .textBox img{width:50px;margin-right:20px}
#mobile-join .text .textBox h2{line-height:100%}
#mobile-join .text .textBox h2 b{display:block;font-size:12px;color:#6e6e6e;font-weight:normal}
#mobile-join .share{background:linear-gradient(90deg,#ca652f 0%,#d34670 20%,#de0ea0 40%,#de0ea0 60%,#5e38e3 100%);width:80%;margin:10px auto 0;text-align:center}
#mobile-join .share a{color:#fff;font-size:25px;display:inline-block;margin:0 5px;height:45px}
#mobile-join .gogogog{width:70px;margin-left:20px}
#mobile-join .gogogog a{text-decoration:none;background:#303030;padding:5px 15px;color:#fff;font-size:14px;border-radius:5px;text-align:center}
#mobile-join .gogogog #clickclose{display:block}
#mobile-join .gogogog #clickopen{display:none;padding:15px}
footer .row{width:100%;display:block}
footer #flogo{width:200px;margin:0 auto}
footer .row.center,footer .row.links{width:50%;margin:0;display:inline-block}
}@media screen and (max-width:980px){header.headerTop{position:fixed;border-top:0;box-shadow:0 0 5px rgb(0 0 0 / 15%)}
#floatBox{display:block}
    #visul #banner .item .b-de{background-position: 40% 50%;}
footer .row{}
footer .row.links{}
}@media screen and (max-width:768px){footer .row,footer .row.center,footer .row.links{width:100%;display:block;margin-bottom:20px;text-align:center}
#fb-wrap{text-align:center}
header #cis{margin-right:20px;width:calc(100% - 245px)}
header .row.memsear{width:180px}
header .row.memsear form input,header .row.memsear form a{padding:1px 10px}
header .row.memsear .memberSBtn .memberTopBar .imgBox{width:50px}
header .row.memsear .memberSBtn .memberTopBar .info{margin:0 0 0 10px;width:calc(100% - 60px)}
header .row.memsear .memberSBtn .memberTopBar .btns{display:block;width:100%}
header .row.memsear .memberSBtn .memberTopBar .btns a{padding: 10px 0;width: 50%;margin: 0;font-size: 14px;}
header .row.memsear .memberSBtn .memberTopBar .btns a:first-child{display:inline-block;width:auto;margin-bottom:0}
header .row.adrow{display:none}
#banner .btn a{}
}
@media screen and (max-width:680px){
    #visul #banner .item .b-de{background-position: 50% 50%;}
	#missionBox{display:none}
footer .row,footer .row.links{margin-bottom:10px;width:100%;text-align:left}
footer .row.links >div{margin-left:0}
}
@media screen and (max-width:550px){#gotop{bottom:18%;font-size:14px;line-height:100%;padding:15px 10px}
header #cis{width:45%}
header .row.memsear{width:100%;position:fixed;top:inherit;bottom:0;margin:0;display: flex;flex-wrap: wrap;justify-content: space-between;}
									header .row.memsear >div{width:50%}
									header .row.memsear .on{width:100%;}
header .row.memsear .memberSBtn .loginBtn{margin-top:0}
header .row.memsear .memberSBtn .loginBtn a,header .row.memsear .memberSBtn .loginBtn a:last-child{font-size:15px;display:block;float:left;width:50%;border-radius:0;margin:0;padding:10px 0;background:#1c5d1e}
header .row.memsear .memberSBtn .loginBtn a{background:#34ab3b}
header .row.memsear .memberSBtn .memberTopBar .imgBox,header .row.memsear .memberSBtn .memberTopBar .info{display:none;}
header .row.memsear .memberSBtn .memberTopBar .btns{width:100%;text-align:center;display: flex;justify-content: space-between;}
header .row.memsear .memberSBtn .memberTopBar .btns a:first-child{margin-left:0;width: 50%;}
}@media screen and (max-width:440px){header .row.memsear .memberSBtn .memberTopBar .btns a:nth-child(2){display:none}
#banner .btn a{bottom:90px}
#banner  .btn a#prevBtn{left:10px}
#banner  .btn a#nextBtn{right:10px}
#visul #banner .item .b-de img{height: 180px;}
}@media screen and (max-width:360px){header .row.memsear .memberSBtn .memberTopBar .btns a:nth-child(3){display:none}
}