@import url('../../css2');



*{margin:0;padding:0}

body{margin:0;color:#2e231a;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;}

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%}

.text-clamp{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}

a:link,a:visited, a:link,a:visited a {color:#2e231a;font-weight:normal;text-decoration:none}

a:hover{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}

body{background: #fbfbfb;}

.rightjoin{position:fixed;right:10px;bottom:90px;transition:ease .3s;z-index:80}

.rightjoin:hover{opacity:.8}

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

.wrapper section{overflow:hidden;margin:0 auto;width: 1440px;}

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

a.joinbtn{display:inline-block;padding:4px 15px;background:#ffae00;color:#fff !important;border-radius:5px;margin-left:10px;transition:ease .3s;font-size:16px;font-weight:bold}

.joinbtn:hover{opacity:.8}

.wrapper header{background:#fff;}

.wrapper header >section{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}

.wrapper header .topNav{text-align:right}

.wrapper header #cis{overflow:hidden;float: left;margin: 10px 0;}

.wrapper header #cis a img{width: 130px;}

.wrapper header #cd-nav{float: right;width: calc(100% - 250px);}



/* top-nav */

header #top-nav{background: #064378;padding: 10px 0;}

header #memberArea{ text-align: end;}

header #memberArea input{height: 32px;line-height: 32px;background-color: rgb(255 255 255 / 0%) !important;padding-left: 10px;border: 1px solid rgb(247 247 247 / 75%);border-radius: 2px;display: inline-block;color: #fff;font-size: 13px;-webkit-transition: all .3s;transition: all .3s;width: 130px;padding-right: 10px;margin-right: 10px;outline: none;}

header #memberArea input::placeholder{color:rgb(255 255 255 / 0.5);}

header #memberArea ._fzFk1Wn{display: inline-block;}

header #memberArea #forget_pwd{ display: inline-block; color: #fff; font-size: 14px;}

header #memberArea .login{background: #0297ff;display: inline-block;color: #fff;padding: 8px 20px;border-radius: 5px;font-weight: bold;letter-spacing: 1px;line-height: 100%;}

header #memberArea .registered{background: #13b5b1;display: inline-block;color: #fff;padding: 8px 20px;border-radius: 5px;font-weight: bold;letter-spacing: 1px;line-height: 100%;}



/* thaapp_box */

#thaapp_box{display: none !important;}

#thaapp_box{padding: 0 10px;width: calc(100% - 20px);height:55px;background: #ffffff;display:flex;align-items:center;top:0;left:0;z-index:9999999999;position: relative;}

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

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

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

#thaapp_box .txt font{line-height:1;font-size:.75em;text-transform: capitalize;}

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



.wrapper section #webSeo{overflow:hidden;padding:15px 10px 15px 40px;height:15px;background:url(../../images/06/main/icon-marquee.png) no-repeat;background-position:left 90%;border-top-left-radius:5px;border-top-right-radius:5px}

.wrapper section #webSeo .seo{overflow:hidden}

.banner .silderShow .silderImg a{display:block;background-size:contain;background-repeat:no-repeat;background-position:center}

.indexWrap{position:relative;margin-top:-45px;z-index:10}

.wrapper #gotop{display:none;position:fixed;bottom:50%;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}

footer nav ul{display:flex;justify-content:center;margin-top:18px}

footer nav ul li{padding-right:20px;position:relative}

footer nav ul li+li::after{content:"";position:absolute;left:-10px;height:15px;width:1px;background:#fff;top:50%;transform:translateY(-50%)}

footer nav ul li a{color:#fff !important;font-size:16px}

footer .join-box{text-align:center}

.wrapper footer{overflow:hidden;padding: 40px 0;background: #242424;color:#fff}

.wrapper footer .info,.wrapper footer .functionlink{overflow:hidden;float:left}

.wrapper footer .functionlink{text-align:right}

.wrapper footer .functionlink .put{float:right;width:60%}

.wrapper footer .functionlink .put ul{overflow:hidden;margin:20px 0}

.wrapper footer .functionlink .put ul li{padding:0 10px;float:left;width:25px;border-right:1px #433529 solid}

.wrapper footer .functionlink .put ul li a{width:24px;height:25px;display:block;background:url(../../images/06/main/bookmark.png) no-repeat 0 0}

.wrapper footer .functionlink .put ul li.tPlus a{background-position:-24px 0}

.wrapper footer .functionlink .put ul li.gPlus a{background-position:-48px 0}

.wrapper footer .functionlink .put ul li.rPlus a{background-position:-72px 0}

a.mobilebtn{display:none;position:fixed;z-index:80;width:50%;left:50%;bottom:0px;padding:15px 0px;background:#ffae00;font-size:18px;text-align:center;color:#fff}
a.mobilebtn_join{display:none;position:fixed;z-index:80;width:50%;left:0px;bottom:0px;padding:15px 0px;background:cornflowerblue;font-size:18px;text-align:center;color:#fff}

/* linejoin */
#linejoin{position: fixed;top: 30%;z-index: 99999999999;}
.animeEffectA ul li img{width: 40px;}
#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: 50%; margin-left: 150px;}
#linejoin .gogogog a{ text-decoration: none; background: #f39800; padding: 5px; color: #fff; border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
#linejoin .gogogog #clickclose{ display: block;}
#linejoin .gogogog #clickopen{ display: none; padding: 15px;}
.menu_list {text-align: center;margin-top: 10px;}
.menu_list li{list-style-type: none;text-align: center;display: inline-block;cursor: pointer;margin: 0 2px;}
.menu_list li a { text-decoration: none;}
.menu_list li:hover a{ -webkit-filter: grayscale(1); -webkit-animation: tada 1s; animation: tada 1s;}
.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;}

@media only screen and (max-width:1440px){
#linejoin {display:none;}
	.wrapper section{width: 95%;}

}

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

	.rightjoin img{width:200px}

}

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

	.rightjoin{right:15px;bottom:20%}

	.rightjoin img{width:150px}

}

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

	header #top-nav{display:none;}

	#thaapp_box {display: flex !important;background: #c4cdd9;}

	footer .join-box a img{width:35%}

	footer nav ul{flex-wrap:wrap}

	footer nav ul li{width:28%;text-align:center;padding:3px 0px}

	footer nav ul li+li::after{display:none}

}

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

	.wrapper footer{padding-bottom: 90px;}

	.rightjoin{display:none}

	footer nav ul li{width:46%}

	footer .join-box a img{width:60%}

	a.mobilebtn{display:block}
	a.mobilebtn_join{display:block}

}