@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');



*{margin:0;padding:0}

body{margin:0;color:#56534e;background:url(../../images/05/main/img-body.jpg) repeat-x #E2E2E2 0 0;font-size:14px}

div,h1,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,img,span,ul,li{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;border-width:0;font-family: 'Noto Sans TC', sans-serif;font-weight: 400;}

hr{border-top:1px #000 solid;margin:0 0 10px 0}

th{font-weight:normal}

ul,ol{list-style:none}

p.lineHeight{line-height:170%}

p.marginTop{margin:10px 0}

p.marginLeft{margin:0 10px}

input,button,select,textarea{outline:none}

img{max-width:100%}

a:link,a:visited, a:link,a:visited a{color:#56534e;font-weight:normal;text-decoration:none;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}

a:hover{color:#900;text-decoration:none}

.clear{clear:both}

.clearfix{display:inline-block}

.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:"."}

* html .clearfix{height:1%}

.clearfix{display:block}



/* tbapp_box */

#tbapp_box{display: none !important;}

#tbapp_box{padding: 0 10px;width: 100%;height:55px;background: #ffffff;display:flex;align-items:center;top:0;left:0;position: relative;}

#tbapp_box img{margin-left:5px;width:40px}

#tbapp_box .txt{margin:0 2vw;display:flex;flex-direction:column}

#tbapp_box .txt p{margin-bottom:5px;font-weight:bold;line-height:1;font-size:20px}

#tbapp_box .txt font{font-family:auto;line-height:1;font-size:.75em}

#tbapp_box .link{position:absolute;padding:5px 8px;background-color: #262626;border-radius:2px;display:inline-block;color:#fff;top:50%;right: 15px;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:.85em}



/* linejoin */

#linejoin{position: fixed;top: 30%;z-index: 99999999999;}

.animeEffectA ul li img{width: 15px;margin-right: 5px;display: inline-block;vertical-align: middle;}

#linejoin .share{background: linear-gradient(90deg, #ca652f 0%,#d34670 20%,#de0ea0 40%,#de0ea0 60%,#5e38e3 100%);width: 80%;margin: 10px auto 0;text-align: center;}

#linejoin .share a{color: #fff;font-size: 25px;display: inline-block;margin: 0 5px;height: 45px;}

#linejoin .gogogog{position: absolute;top: 35.5%;margin-left: 150px;}

#linejoin .gogogog a{text-decoration: none;background: #ef8115;padding: 5px;color: #fff;}

#linejoin .gogogog #clickclose{ display: block;}

#linejoin .gogogog #clickopen{ display: none; padding: 15px;}

.menu_list {text-align: center;border: 5px solid #fff;width: 132px;margin: 0 auto;background: #fff;}

.menu_list li{list-style-type: none;text-align: center;display: block;cursor: pointer;}

.menu_list li a {text-decoration: none;display: block;background: #2d88ff;padding: 10px 10px;color: #fff;font-size: 14px;}

.menu_list li:hover a{ -webkit-filter: grayscale(1); -webkit-animation: tada 1s; animation: tada 1s;}

.menu_list li:nth-child(2) a{background: #f71d6d;}

.menu_list li:nth-child(3) a{background: #39ce00;}

.menu_list i { font-size: 2em; padding: 2px 0;}

.menu_list li:hover i { color: white; background: linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}



.wrapper{width:100%;overflow:hidden;position:relative;background: #fff;}

.wrapper section{overflow:hidden;margin:20px auto;width: auto !important;max-width: 1540px;/*width: 1440px;*/}

#jumpDiv,#jumpIframe{position:relative;background:#fff;top:0;left:0;z-index:50}

a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block;transition:all 0.4s ease-in-out 0s}

a.photo img{width:100%}

.wrapper header{width:100%;background: #121212;}

.wrapper header .topBar{margin: 30px 0 0;float:right}

.wrapper header .topBar a{background:#3db33d;color: #fff;font-size: 16px;padding: 15px 30px;border-radius: 5px;display: inline-block;margin-left: 15px;}

.wrapper header .topBar a:last-child{background:#b11111}

.wrapper header section #cis{margin: 20px;width: 160px;}

.wrapper header section nav{margin:0 15px}

.wrapper header section nav ul.menu{display:none}

.wrapper header section nav ul.menu li ul.subnav{display:none;position:absolute;padding:10px 0;background:#000;z-index:9999;box-sizing:initial}

.wrapper header section nav ul.menu li:hover ul.subnav{display:block}

.wrapper header section nav ul.menu li ul.subnav li p{padding:0 20px;height:45px;display:block;line-height:45px;font-size:16px;color:#fff;font-weight:bold}

.wrapper header section nav ul.menu li ul.subnav li ul.subOption{padding:10px 0;background:#414242}

.wrapper header section nav ul.menu li ul.subnav li{float:none;border:0}

#m-nav .nav a:hover{color:#d0d0d0}

#m-nav .nav .curryent a{background: url(../../images/05/main/menu.png) no-repeat 20px 10px;color:#fff;border-radius:5px}

.wrapper #gotop{display:none;position:fixed;bottom: 8%;right:20px;width:43px;height:43px;background:url(../../images/02/all/totop.png) no-repeat 0 0;text-indent:-100000px;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;cursor:pointer;z-index:200}

.wrapper #gotop:hover{background-position:-43px 0}

.wrapper .line{position:fixed;right:20px;top:50%;display:block;z-index:100000}

.wrapper footer{overflow:hidden;padding: 60px 0;background: #121212;}

.wrapper footer section .information{}

.wrapper footer #row {

    border-bottom: 1px solid #3f3f3f;

    padding-bottom: 40px;

}

.wrapper footer #row h4 {

    display: inline-block;

    font-size: 15px;

    letter-spacing: 3px;

    vertical-align: middle;

    color: #fff;

}

.wrapper footer #row p {

    display: inline-block;

    vertical-align: middle;

    margin: 0 15px;

    -webkit-filter: grayscale(1);

}

.wrapper footer section >div{margin: 20px 0;}

.wrapper footer section .information ul li{margin:5px 0}

.wrapper footer section .information ul li a{color:#eee;letter-spacing: 2px;margin-right: 30px;}

.wrapper footer section #fb-plugin{}

#ad-list .adImg{padding:10px;border:1px fff solid}

#ad-list .adImg a.photo{background-size:100% auto}

.phoneWrap{position:fixed;bottom: 0;display:block;z-index:999999999999999;width: 100%;}

.phoneWrap ul{overflow:hidden;display: flex;width: 100%;}

.phoneWrap ul li{width: 50%;}

.phoneWrap ul li.line{position:inherit}

.phoneWrap ul li a{padding: 10px 50px;background: #b11111;display: block;color:#fff;text-align: center;}

.phoneWrap ul li.line a{background: #3db33d;}



@media only screen and (min-width:320px){

	#m-nav .nav{position:absolute;width:100%;min-height:40px;z-index:999;left: 0;top: 126px;margin: 0;}

	#m-nav .nav ul{width: 100%;padding: 10px 0;position:absolute;top:0;left:0;background: #333;}

	#m-nav .nav li{display:none;margin:0}

	#m-nav .nav .curryent{display:block}

	#m-nav .nav a{display:block;padding: 5px 5px 5px 50px;color:#fff;text-align:left}

	#m-nav .nav .curryent a{color:#fff}

	#m-nav .nav ul:hover li{display:block;padding: 10px 0;border-bottom: 1px solid rgb(255 255 255 / 5%);}

	#m-nav .nav ul:hover li:hover{background: #545353;}

	#m-nav .nav ul:hover li:hover a:hover{color: #fff;}

	.wrapper .banner{margin:80px 0 0}

	.wrapper footer section #fb-plugin >div{

    text-transform: uppercase;

    letter-spacing: 2px;

}

	.phoneWrap{}

}

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

	.phoneWrap{}

}

@media only screen and (min-width:640px){

	.phoneWrap{}

}

@media only screen and (min-width:768px){

	.wrapper footer section #fb-plugin >div{}

}

@media only screen and (min-width:960px){

	.wrapper header section nav{margin:0}

	.wrapper .banner{margin:0}

	.wrapper header section nav ul.menu{background: #333;display:block;overflow:hidden;margin-bottom: 20px;border-radius: 5px;display: flex;justify-content: center;align-items: center;}

	.wrapper header section nav ul.menu li:first-child a{border-left:1px solid #121212;}

	.wrapper header section nav ul.menu li a{padding: 15px 40px;font-size:16px;font-weight: 200;letter-spacing: 2px;color:#fff;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1pxrgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;border-right: 1px solid #121212;}

	.wrapper header section nav ul.menu li ul.subnav li a{background:#000;box-sizing:initial}

	.wrapper header section nav ul.menu li ul.subnav li ul.subOption li a{background:#414242}

	.wrapper header section nav ul.menu li a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background: #b11111;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

	.wrapper header section nav ul.menu li a:hover,.wrapper header section nav ul.menu li a:focus,.wrapper header section nav ul.menu li a:active{color:white}

	.wrapper header section nav ul.menu li a:hover:before,.wrapper header section nav ul.menu li a:focus:before,.wrapper header section nav ul.menu li a:active:before{-webkit-transform:scale(2);transform:scale(2)}

	.wrapper header section nav #m-nav,.wrapper .line,.phoneWrap{display:none}

	.wrapper footer section .information{

    margin: 0;

}

	.wrapper footer section #fb-plugin >div{}

}

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

	.wrapper section{

    width: 90%;

}

}

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

	#linejoin{

    display: none;

}

	.wrapper header section nav ul.menu li a{

    padding: 15px 25px;

}

}

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

	.wrapper header .topBar{

    margin-top: 10px;

}

    #tbapp_box{display: flex !important;}

	.wrapper header section #cis{width: 100px;margin: 10px;}

	.wrapper .banner{

    margin-top: 50px;

}

}

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

	.wrapper header .topBar{

    display: none;

}

	.wrapper footer #row p{

    margin: 5px 20px 5px 0;

}

	.wrapper footer #row h4{

    display: block;

    margin-bottom: 20px;

}

}