@import url('/css/SeoJump.css');
* { margin: 0; padding: 0;box-sizing: border-box; }

body { margin:0; }
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; line-height: 170%; border-width: 0; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; font-size: 14px; word-wrap: break-word; word-break: break-all; }
: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{color: #000}
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; }


/*遮罩*/
#itr{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: #FFFFFF;
    width: 100%;
    height: 100vh;
}
/*信封*/
#trs{
	position:fixed;
	z-index:-1;
	left:0;
	top:0;
	width:100%;
	pointer-events:none;
    pointer-events:auto;

}
#trs #trs1,
#trs #trs2,
#trs #trs3{
	position:absolute;
	left:0;
	width:100%;
	height:100%;
}
#trs #trs1{
	top:100%;
	transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) ;
}
#trs #trs2{
    top:-100%;
    transition: cubic-bezier(0.165, 0.84, 0.44, 1) ;
	
}
#trs #trs3{
    top:-150%;
    transition: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	
}
#trs #trs3 img{
	width:100%;
    height:100%;
    transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) ;
}
#trs #trs1.loading{top:0;}
#trs #trs2.loading{top:0;}
#trs #trs3.loading{top:0;}
#trs.loading{pointer-events:none}
/*-----------------------------------*/

/* a.photo */
a.photo { overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; }

/* wow */
.wow { animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-duration: 1s; -webkit-animation-duration: 1s; }

/* webBox */
.webBox { position: relative;}
.webBox .pageh1 { position: absolute; top: 0; z-index: 1; }
.pageh1 {position: fixed; z-index: -8989898; opacity: 0;color: #fff;}
.webBox .wrapper { position: relative; background: url(/images/26/bg.gif); top: 0; left: 0; z-index: 2; transition: all linear 0.3s; }
.webBox .wrapper.openwrap { left: -300px; transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);}

/* workframe */
.workframe { position: relative; margin: 0 auto; width: 100%; }

/* Sitemap */
#Sitemap #jsonUL a { color: #000; }

/* header */
header { margin-top: 15px; width: 100%; transition: all linear 0.3s; top: -115px; left: 0; z-index: 99; background:url(/images/26/bg.gif); }
header.fixed{position: fixed;}
header.headerTop{top: 0px;}

header .community{position: absolute;top: 40px;right: 40px;}
header .community i{font-size: 22px;color: #fff;margin: 0 3px;display: inline-block;width: 37px;height: 37px;background: #E33339;line-height: 40px;text-align: center;border-radius: 50%;}
header #translate {display: inline-block;border: 1px solid #dadada;}
header #translate >p{display:inline-block;vertical-align:initial;font-size:12px;margin-left:10px;color:#238dc7}
header #translate >p a{color:#1b6c98}
header #translate form{top:132px;right:50px;z-index:8;text-align:center;line-height:40px;color:#fff; transition: ease .3s;}
.openwrap header #translate form{right: 300px;}
header #translate form p{border:1px solid #7d7d7d;overflow:hidden;background:#fff}
header #translate #goSearch{transition: ease .3s; text-align:center;background:#e1224e;padding:0px 10px;color:#fff;line-height:20px;float:right;font-size:12px;letter-spacing:.1em;line-height:25px}
header #translate #goSearch:hover{opacity: .9}
header #translate form input{height:25px;width:120px;padding:0 5px;font-size:14px;display:inline-block;float:left;background: none;}
header#openSearch #translate{position: absolute; display: block;}
header #cis { position: absolute; top:15px; left: 40px; z-index: 10; transition: ease .3s;}
header.headerTop #cis{top: 15px;}
.openwrap header.headerTop #cis{left: -300px;}
header .topBox{position: absolute;right:40px;top: 0px;display: inline-block;z-index: 2; transition: ease .3s;}
header.headerTop .topBox{top: 0px;}
.openwrap header.headerTop .topBox{right: 300px;}
header .topBox font { padding:5px; display: inline-block; transition: all linear 0.3s; }

header .topBox font#openMenu { display: none;}
header .topBox font#openMenu a{display: block;width: 28px;height: 28px;}
header .topBox font#openMenu a span{transition: ease .3s; display:block;width: 100%;height: 2px;margin: 6px 0px; background: #E33339;}
.openwrap header .topBox font#openMenu a span:nth-child(1){transform: rotate(45deg) translateY(10px);}
.openwrap header .topBox font#openMenu a span:nth-child(2){opacity: 0;}
.openwrap header .topBox font#openMenu a span:nth-child(3){transform: rotate(-45deg) translateY(-11px) translateX(1px);}
header .topBox font a , header .topMenu nav .mobtop font a { color: #333; }

header .topMenu { position: relative;text-align: right; }
header .topMenu nav { margin-left: 450px; }
header .topMenu nav ul.pc{display: inline-block;}
header .topMenu nav .mobtop , header .topMenu nav .pc >li >p b { display: none; }
header .topMenu nav .pc >li { display: inline-block; }
header .topMenu nav .pc >li >p a { padding: 35px 10px; display: block; text-align: center; font-size: 16px; color: #333; transition: all linear 0.3s; }
header .topMenu nav .pc >li:hover >p a { color: #E33339; }
header .topMenu nav .pc li .menu_body { overflow: hidden; position: absolute; width: 130px; height: 0; background: #fff; text-align: left; z-index: 10; opacity: 0; transition: all linear 0.3s; }
header .topMenu nav .pc li:hover .menu_body { overflow: visible; height: auto; opacity:1; }
header .topMenu nav .pc li .menu_body ul li , header .topMenu nav .pc li .menu_body ul li .bo { position: relative; }
header .topMenu nav .pc li .menu_body ul li >div a {background-color:#E33339; position: relative; padding: 10px 15px 10px 15px; display: block;  color: #fff; z-index: 3; }
header .topMenu nav .pc li .menu_body ul li >div a::after{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 1px;background: url(/images/26/txr1_w.png);}
header .topMenu nav .pc li .menu_body ul li:hover >div a { color: #fff; }
header .topMenu nav .pc li .menu_body ul li:hover b ,
header .topMenu nav .pc li .menu_body ul li .sub2Option b ,
header .topMenu nav .pc li .menu_body ul li .sub2Option a { color: rgba(255,255,255,0.6); }
header .topMenu nav .pc li .menu_body ul li b {color: #fff; position: absolute; padding: 0 5px; right: 0; top: calc(50% - 13px); z-index: 4; }
header .topMenu nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f0da"; }
header .topMenu nav .pc li .menu_body ul li > .sub2Option ,
header .topMenu nav .pc li .menu_body ul li > .sub3Option { position: absolute; width: 130px; background: rgba(31, 77, 161, 0.7); right: 0; top: 0; opacity:0; }
header .topMenu nav .pc li .menu_body ul li:hover > .sub2Option ,
header .topMenu nav .pc li .menu_body ul li:hover > .sub3Option { right: -130px; opacity: 1; }

/*橫線*/
.ykln {
    width: 100%;
    height: 1px;
    pointer-events: none;
}

.ykln .ykln2{
    position: relative;
    height: 1px;
    overflow: hidden;
    margin: 0 20px;
    background: url(/images/26/txr1.png);
}
.ykln.t-line{position: absolute;top: 0px;left: 0px;}
.ykln.b-line{position: absolute;bottom: 0px;left: 0px;}



/*中線*/
.ttln {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: url(/images/26/txr1.png);
    background-position: -64px -64px;
    overflow: hidden;
    width: 1px;
    height: 100%;
}
.ttln.r-line{left: inherit;}
.ttln .ttln1,
.ttln .ttln2 {
    position: absolute;
    left: -2px;
    top: 0;
    width: 5px;
    height: 20px;
    overflow: hidden;
    background: url(/images/26/bg.gif);
}




/* gotop */
#gotop { position: fixed; bottom: 40px; right: 10px; z-index: 999; color: #425582; }
#gotop i{color: #E33339;font-size: 45px;}
/* gocart */
#gocart {position: fixed;width: 40px;bottom: 95px;right: 10px;z-index: 999;color: #ffffff;height: 40px;border-radius: 50%;background: #333;text-align: center;line-height: 40px;font-size: 20px;}


/*上下方橫條*/

#diagonal .t, #diagonal .b {
	z-index: 100;
    position: fixed;
    left: 0;
    width: 100%;
    height: 15px;
    background: url(/images/26/bg.gif);
    overflow: hidden;
}
#diagonal .t {top: 0;}
#diagonal .b {bottom: 0;}
#diagonal .t .sub, #diagonal .b .sub {
    position: relative;
    width: 100%;
    height: 15px;
    background: url(/images/26/diagonal.svg) -15px 0;
    overflow: hidden;
    transition: all linear .3s;
}
.wrapper.openwrap #diagonal .t,.wrapper.openwrap #diagonal .b{left:-300px;transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1)}


/* footer */
footer{color:#fff;font-size:13px;}
footer #footerCompany{padding:80px 80px 0px 80px;}
footer #footerCompany .row{display:inline-block;width:calc(25% - 4px);vertical-align:top;overflow: hidden;}
footer #footerCompany .row h2{font-size:18px;font-weight:400;margin-bottom:20px;color: #333;}
footer #footerCompany .row h2 span{display:inline-block;width:2px;height:23px;background:#E33339;transform:rotate(35deg);vertical-align:bottom;margin-right:15px;margin-left:8px}
footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{max-width:80%}
footer #footerCompany .fcontact li:nth-child(2n+1) .btn a > span{background: #818181;}
footer #footerCompany .fcontact li:nth-child(2n+1) .btn a:hover > span{background:#818181 }
footer #footerCompany .fcontact li:nth-child(even) .btn a:hover > span{background:#E33339;}
footer #footerCompany #footer-qrcode,footer #footerCompany #footer-FB,footer #footerCompany #footer-map{width:100%;display:inline-block;margin:0 10px 10px 0;}
footer #footerCompany .comlist li{color: #333;padding: 10px 0px; position: relative;}
footer #footerCompany .comlist li .ykln .ykln2{margin: 0px;}
footer #footerCompany .comlist li:first-child{margin-bottom:15px}
footer #footerCompany .comlist li b{color:#333;margin-right:5px;vertical-align:middle}
footer #footerCompany .comlist li span{vertical-align:middle;color:#818181;}
footer #footerCompany p{margin-bottom:15px;color: #333;}
footer #footerCompany .fcontact li{margin-bottom:5px}
footer #footerCompany .fcontact li a{display:block;background:#818181;text-align:center;color:#fff;padding:13px 0;transition:all linear .3s}
footer #footerCompany .fcontact li:nth-child(even) a{background:#E33339;color:#fff}
footer #footerCompany .fcontact li a:hover{opacity:.8}
footer #footerCompany .footernav li{margin-bottom:5px;float:left;width:100%;position: relative;padding: 10px 0px;}
footer #footerCompany .footernav li .ykln .ykln2{margin: 0px;}
footer #footerCompany .footernav li.sitemap i{color: #333;}
footer #footerCompany .footernav li a{color: #333;}
footer #footerCompany .comlist li span a{color:#818181}
footer #footerCompany .footernav li a:hover{text-decoration: underline;}
#footerSet .info{
    overflow: hidden;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 15px;
}
#footerSet .info div,#footerSet .info p{display:inline-block;vertical-align:top;color:#818181;font-size:12px}
#footerSet .info .SeoWebFooter{display:block;text-align: center;padding-bottom: 5px;}
#footerSet .info a{color:#818181}
#footerSet .community{text-align: center;}
#footerSet .community li{display: inline-block;}
#footerSet .community li a{display: inline-block;font-size: 22px;padding: 0 5px;}
#footerSet .community li a i{color: #333;}
footer #footerCompany .comlist{overflow:visible}
footer #footerCompany .plus-information{overflow:visible}
footer #footerCompany .plus-information a{position:relative;display:inline-block}
footer #footerCompany .plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}
.web{color:#333;font-size:8pt;padding:20px 0}

/* webSeo */
#webSeo { overflow: hidden; width: 100%; }
#webSeo .seo > div { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* phoneWrap */
.phoneWrap { position: fixed; width: 100%; display: none; bottom: 0; left: 0; z-index: 998;transition: all linear .3s; }
.wrapper.openwrap .phoneWrap { left: -300px;transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
.phoneWrap ul { overflow: hidden; }
.phoneWrap ul li { float: left; width: 50%; }
.phoneWrap ul li a { padding: 6px 0; background: #E33339; border-right: 1px #1a253e solid; display: block; text-align: center; font-size: 16px; color: #fff; }
.phoneWrap ul li:nth-child(2) a { background-color: #1CB829; }
.phoneWrap ul li:last-child a { background-color: #191919; border-right: 0; }

/* SeoStarRating */
#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; }

@media screen and (min-width: 1281px) {
	footer #footer-info ul li.plus-information a:hover img { display:block; }
}
@media screen and (min-width: 1280px) {
footer #footerCompany .plus-information a:hover img{display:block}

}

@media screen and (max-width: 1540px) and (min-width: 1025px){
	header .topMenu nav .pc li:nth-child(7) ~ li .menu_body ul li:hover > .sub2Option, header .topMenu nav .pc li:nth-child(7) ~ li .menu_body ul li:hover > .sub3Option{
		right: 130px;
	}
	
	header .topMenu nav .pc li:nth-child(10) .menu_body ul li b{left: 0px;right: unset;}
	header .topMenu nav .pc li:nth-child(10) .menu_body ul li b i{transform: rotate(180deg);}
}
@media screen and (max-width: 1440px) {
	header .topMenu nav{margin-left: 350px;}
	header .topMenu nav .pc >li >p a{padding: 35px 5px;}
	
}

@media screen and (max-width: 1280px) {
header .community i{font-size: 20px;padding: 0 5px;}
header .topMenu nav{margin-left: 300px;}
footer #footerCompany .row{width:calc(50% - 4px);margin-bottom:50px}
footer #footerCompany .row:last-child,footer #footerCompany .row:nth-child(3){margin-bottom:0}
header .topMenu nav .pc >li >p a{padding: 35px 4px;}
}
@media screen and (max-width: 1180px) {
	header #cis{left: 4%;width: 200px;}
	header .topMenu nav{margin-left: 280px;}
}
@media screen and (max-width: 1140px) {
	header .topMenu nav .pc >li >p a{padding: 45px 4px 30px;}
	header .topBox{right: 20px;}
	header .community{display: none;}
}
@media screen and (max-width: 1024px) {
	header #translate{display: none;}

	header .ykln{display: none;}
	header.headerTop .ykln{position: absolute;display: block; bottom: 0px;}
	header.headerTop .topBox{top: 15px;}
	header .topMenu nav .mobtop .community{display: block;z-index: 10;}
	header .topMenu nav .mobtop .community i{color: #fff;font-size: 18px;}
	header .topMenu nav .pc >li:hover >p a{color: #fff;}
	header .topBox{right: 0px;top: 15px; display: flex;align-items: center;}
	.workframe { width: 95%; }
	header { height: 85px; }
	header #cis { top: 15px; left: 3%; }
	header #cis a.photo img { width: 170px; }
	header .topBox .workframe { width: 100%; }
	header .topBox font.languagebox{display: none;}
	header .topBox font { padding: 5px 15px 15px; }
	header .topBox font#openMenu{padding-top: 10px;}
	header .topBox font.phone , header .topBox font.cont { display: none; }
	header .topBox font#openMenu { display: inline-block; }
	header .topMenu:before { background-size: auto 5px; top: -4px; height: 5px; }
	header .topMenu nav { overflow-y: scroll; position: fixed; margin-left: 0; padding: 0 0 100px; width: 300px; height: 100%; background:#E33339; right: -300px; top: 0; z-index: 110; transition: all 0.5s ease; }
	header .topMenu nav::-webkit-scrollbar { width: 0; }
	.openwrap header .topMenu nav {right: 0; transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
	header .topMenu nav .mobtop , header .topMenu nav .pc >li { display: block; }
	header .topMenu nav .mobtop font { padding: 10px 0 15px; float: left; width: 50%; text-align: center; }
	header .topMenu nav .pc {background: #E33339; position: relative; padding: 70px 30px 30px 30px;width: 100%; }
	header .topMenu nav .pc >li,header .topMenu nav .pc >li:first-child { border-bottom:1px solid rgba(255,255,255,0.2);}
	header .topMenu nav .pc >li >p { position: relative; }
	header .topMenu nav .pc >li >p a , header.headerTop .topMenu nav .pc >li >p a { padding: 5px 20px 5px 10px; text-align: left; color: #fff; }
	header .topMenu nav .pc >li >p b { position: absolute; padding: 0 10px; display: block; color: #fff; top: calc(50% - 13px); right: 0; z-index: 1; }
	header .topMenu nav .pc li .menu_body ,
	header .topMenu nav .pc li .menu_body ul li > .sub2Option ,
	header .topMenu nav .pc li .menu_body ul li > .sub3Option { position: relative; padding: 0 5px 0 10px; width: auto; height: auto; background: none; display: none; opacity: 1; transition: none; }
	header .topMenu nav .pc li .menu_body ul li:hover >div a { background: none; }
	header .topMenu nav .pc li .menu_body ul li > .sub2Option { padding: 0 10px; background: unset; }
	header .topMenu nav .pc li .menu_body ul li > .sub3Option { padding-right: 0; }
	header .topMenu nav .pc li .menu_body ul li >div a { border-bottom: 0; color: rgba(255,255,255,0.6); }
	header .topMenu nav .pc li .menu_body ul li b { color: #fff; }
	header .topMenu nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f067"; }
	header .topMenu nav .pc li .menu_body ul li:hover > .sub2Option ,
	header .topMenu nav .pc li .menu_body ul li:hover > .sub3Option { right: 0; }
	header .topMenu nav .pc li .menu_body ul li > .sub2Option >li:last-child { border-bottom: 0; }
	footer { padding: 0px 0 45px; }
	footer #footer-links { width: calc(48% - 40px); }
	footer #footer-menu { width: 48%; }
	footer #footer-info { margin: 15px 0; width: 100%; }
	footer #footer-info ul li { padding-right: 15px; width: calc(50% - 20px); display: inline-block; }
	.phoneWrap { display: block; }
}
@media screen and (max-width: 640px) {
footer #footerCompany .row,footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{width:100%;max-width:100%}
footer #footerCompany .row:nth-child(3){margin-bottom:50px}
footer #footerCompany .row:last-child,footer #footerCompany .footernav li{text-align:left;}
#footerSet .info,#footerSet .info .SeoWebFooter{text-align: center;}
#footerSet .info{width:100%}
footer #footerCompany{padding: 80px 40px 0px 40px;}
#trs1 img{height: 100vh !important;}
#trs #trs2 img,#trs #trs3 img{height: 100vh !important;}
}
@media screen and (max-width: 680px) {
	footer #footer-links #qrcode { display: none; }
	footer #footer-info ul li { padding-right: 0; width: auto; display: block; }
}
@media screen and (max-width: 480px) {
	footer #footerCompany .row:last-child{text-align: left;}
	footer #footerCompany #footer-FB{display: block;width: 85%;}
	footer #footerCompany #footer-qrcode{display: block;width: 150px;}
	footer #footerCompany #footer-map{width:70px}
	.web{font-size:6pt}
	footer #footerCompany{padding:80px 20px 0px 20px}

	
}
@media screen and (max-width: 530px) {
	header.headerTop .topBox font:nth-child(2) { padding: 10px 0 15px; }
	header .topMenu nav { width: 280px; }
	.openwrap header.headerTop .topBox,.openwrap header #translate form{right: 0px;}
	.webBox .wrapper.openwrap , .wrapper.openwrap header , .wrapper.openwrap .phoneWrap,
	.wrapper.openwrap #diagonal .t,.wrapper.openwrap #diagonal .b { left: -280px;transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
}
@media screen and (max-width: 420px){
	header #translate form{right: 0px;}
	header .topBox font{padding: 6px 15px;}
}
@media screen and (max-width: 400px){
	header .topBox font:first-child{display: none;}
}