@import url('/css/SeoJump.css');
body{margin:0;border:0;width:100%;color:#595757;font-size:15px;position:relative;line-height:170%;}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span, strong{text-align:left;vertical-align:middle;margin:0px;padding:0px;word-wrap:normal;word-break:normal;border-width:0;font-family:"微軟正黑體", "蘋果儷中黑",  "Lucida Grande", "Arial", "Arial Narrow";/* outline:none; */-webkit-text-size-adjust: none;}
hr{noshade:noshade;}
th{font-weight:normal;}
ul{list-style:none;margin:0;padding:0;overflow:hidden;}
li{list-style:none;}
a ,
a:hover{text-decoration:none;cursor:pointer;outline:none;}
img{max-width:100%;}
br{font-family:Arial !important;}
form p input[type="text"],
form p input[type="password"],
form p textarea,
form p select{width:95%;padding:10px 0;padding-left:3%;background:rgba(255,255,255,0.6);border:1px #858384 solid;font-size:16px;}
form p input[type="text"]:focus ,
form p input[type="password"]:focus{border-color:#64bdbd;}
.slick-slider{margin-bottom:0;}
.wrapper{position:relative;overflow:hidden;}
.framework{width:1160px;margin:0 auto;overflow:hidden;margin-bottom: 23px;margin-bottom: 23px;margin-bottom: 22px;margin-bottom: 21px;margin-bottom: 20px;margin-bottom: 19px;margin-bottom: 18px;margin-bottom: 17px;margin-bottom: 16px;margin-bottom: 15px;margin-bottom: 14px;margin-bottom: 13px;margin-bottom: 12px;margin-bottom: 11px;margin-bottom: 10px;margin-bottom: 10p;margin-bottom: 10;margin-bottom: 1;margin-bottom:;}
.h6{position:fixed;z-index:-99999999999;opacity:0;}
header{position:fixed;top:0;z-index:8;width:calc(100% - 120px);left:0;margin:60px;position:fixed;overflow: visible;}
.main-nav{float:left;width: calc(100% - 300px);}
#cis{width: 164px;transition:all ease-in-out 0.3s;position: fixed;right: 60px;top: 60px;}
#cis a{display:block;background-repeat:no-repeat;background-position:50% 0;background-size:contain;}
.headerTop #cis{width:90px;}
.main-nav .menu{float:left;max-width: calc(100% - 80px);}
.main-nav .menu >ul{overflow: visible;}
.main-nav .menu >ul >li{float:left; position:relative;margin-bottom: 1px;}
.main-nav .menu >ul >li >ul{display:none;top: 100%;width: 150px;left: 0;z-index: 8;position: absolute;}
.main-nav .menu >ul >li >ul >li >a,
.main-nav .menu >ul >li >ul >li >p{
	padding: 5px 15px;
    color: #fff;
	border-bottom: 1px solid #7c7c7c;
    display: block;
    background: #505050;
}
.main-nav .menu >ul >li >ul >li >a:hover{
	background: #c77d0b;
}
.main-nav .menu >ul >li >ul >li >ul >li a{
    background: rgba(118, 115, 112, 0.83);
    display: block;
    color: #fff;
    border-bottom: 1px solid #848484;
    padding: 5px 25px;
}
.main-nav .menu >ul >li >ul >li >ul >li a:hover{
	background: rgba(214, 130, 0, 0.83);
}
.main-nav .menu >ul >li .en,
.main-nav .menu >ul >li:hover .cn{display:none;}
.main-nav .menu >ul >li:hover .en{display:block;text-align:center;}
.main-nav .menu >ul >li:hover >ul{display:block;}
.main-nav .menu >ul >li >a,
.main-nav .trantran a{color:#fff;display:block;background: #1d1d1b;padding:15px 20px;font-size:15px;line-height:100%;transition:all linear 0.3s;}
.main-nav .menu >ul >li >a:hover,
.main-nav .trantran a:hover{background: #9fbdc7;}
.main-nav .menu >ul >li .subnav{display:none;position:absolute;width:132px;overflow:visible;left: calc(50% - 66px);}
.main-nav .menu >ul >li:hover .subnav{display:block;}
.main-nav .menu >ul >li .subnav li{text-align:center;position:relative;}
.main-nav .menu >ul >li .subnav li >a{background:rgba(0, 0, 0, 0.7);padding: 12px 20px;color:#fff;}
.main-nav .menu >ul >li .subnav li p{text-align:center;}
.main-nav .menu >ul >li .subnav li:hover{background:#0e2b61;}
.main-nav .menu >ul >li .subnav li a{color:#fff;text-align:center;}
.main-nav .menu >ul >li .subnav li .sub2nav{position:absolute;right:-132px;width:132px;top:0;overflow:hidden;transition:all ease-in-out 0.3s;opacity:0;}
.main-nav .menu >ul >li .subnav li .sub3nav{position:absolute;right:0;width:132px;top:0;overflow:hidden;transition:all ease-in-out 0.3s;opacity:0;}
.main-nav .menu >ul >li .subnav li:hover .sub2nav{opacity:1;overflow:visible;}
.main-nav .menu >ul >li .sub2nav li:hover .sub3nav{right:-132px;opacity:1;}
.nav-func{color:#434343;display:block;float:left;font-size:15px;text-align:center;}
.nav-func i{display:block;background:#434343;padding:15px 20px;font-size:15px;color:#fff;}
#top-nav{float:left;padding:15px 20px;line-height:100%;background:#29abe2;margin-left:10px;}
#top-nav a{color:#fff;line-height:100%;font-size:15px;margin:0 10px;}
.main-nav .trantran{float:left;margin-left:10px;}
.main-nav .trantran a{background: #48494c;}
.phoneWrap,
.mobile-main-nav,
.nav-funcB,
#mobile-menu{display:none;}
#gotop{position:fixed;right:0;bottom:50px;color:#444;z-index:999;display:block;text-align:center;font-size:13px;}
#gotop p{transform:rotate(90deg);}
#gotop p i{margin-left:10px;transition:linear all 1s;animation-name:pi;animation-iteration-count:infinite;animation-duration:1s;animation-direction:alternate;}
.fixSearch-button{position:fixed;right: 16px;bottom: 120px;z-index: 558;line-height: 45px;width: 45px;height: 45px;background: #db261d;border-radius: 50%;text-align: center;color: #fff;border: 2px solid #801611;cursor: pointer;}
.fixSearch-button b{font-size: 20px;line-height: 110%;}
#hSearch{display:none;position: fixed;right: 70px;bottom: 120px;z-index: 558;}
#hSearch p{
    width: 200px;
    overflow: hidden;
    background: #fff;
    border-radius: 25px;
    border: 1px solid #aeaeae;
}
#hSearch p a{
    display: block;
    float: right;
    font-size: 24px;
    width: 30px;
    padding: 10px 0;
    text-align: center;
    margin-right: 10px;
    color: #3f3f3f;
}
#hSearch p input{
    float: left;
    width: calc(100% - 70px);
    padding: 15px;
    border: 0;
    font-size: 16px;
    line-height: 110%;
}
@keyframes pi{0%{margin-left:0;}
100%{margin-left:10px;}
}
footer{color:#000000;font-size:13px;padding-bottom: 8px;margin-top: 0;}
footer #footer-cis{text-align:center;margin-bottom: 34px;margin-top: -18px;margin-top: -18px;margin-top: -17px;margin-top: -16px;margin-top: -15px;margin-top: -14px;margin-top: -13px;margin-top: -12px;margin-top: -11px;margin-top: -10px;margin-top: -9px;margin-top: -8px;margin-top: -7px;margin-top: -6px;margin-top: -5px;margin-top: -4px;margin-top: -3px;margin-top: -2px;margin-top: -1px;margin-top: 0px;margin-top: 1px;margin-top: 2px;margin-top: 3px;margin-top: 4px;margin-top: 5px;margin-top: 6px;margin-top: 7px;margin-top: 8px;margin-top: 9px;margin-top: 10px;margin-top: 10p;margin-top: 10;margin-top: 1;margin-top:;}
footer #footer-cis img{width:200px;}
.footercontact li{float:left;width: 33%;overflow:hidden;margin-bottom: 30px;}
.footercontact li .photo{float:left;margin-top:7px;}
.footercontact li .txt{float:left;width:calc(100% - 42px);margin-left:10px;}
.footercontact li .txt b{color:#4c4c4c;}
.footercontact li .txt p{line-height:110%;}
.footercontact li .txt p a{color:#4c4c4c;}
footer .customizeInfo{
    margin-bottom: 30px;
}
footer .customizeInfo ul{
    overflow: visible;
}
footer .customizeInfo .plus-information{overflow: visible;width: 30%;display: inline-block;margin-right: 3%;vertical-align: top;margin-bottom: 15px;
}
footer .customizeInfo .plus-information b{
    margin-right: 10px;
    color: #29abe2;
}
footer .customizeInfo .plus-information span{
    vertical-align: baseline;
    color: #3b3b3b;
}
footer .customizeInfo .plus-information span a{
    color: #5a5a5a;
}
footer .customizeInfo .plus-information a{
	position:relative;
	display: inline-block;
}
footer .customizeInfo .plus-information img{
	position:absolute;
	max-width: 150px;
	bottom: 100%;
	left: 0;
	z-index: 8;
	max-height: 150px;
	display:none;
}
footer .footernav{}
footer .footernav li{
    margin-bottom: 5px;
    float: left;
    width: 20%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
footer .footernav li a{
	color: #2a2a2a;
}
footer .footernav li a:hover{
	color:#ea7029;
}

#sharepublic{text-align:center;margin:50px 0 20px;}
#sharepublic a{display:inline-block;color: #db261d;font-size:20px;margin:0 10px;}
.webcopy p,
.webcopy div{text-align:center;font-size:12px;}
.webcopy a{color:#444444;}
#webSeo{color:#010101;font-size:7pt;margin-top:50px;}
#ssbanner{
    margin-top: 150px;
    position:relative;
}
#ssbanner .framework{
	position:relative;
}
#ssbanner:after{
    position: absolute;
    content: '';
    width: 70%;
    height: 70%;
    bottom: -50px;
    left: 15%;
    background: #ececec;
    z-index: -1;
}
#ssbanner li a{
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	margin: 0 10px;
	position:relative;
	transition: all cubic-bezier(0.67, -0.4, 0, 1.11) 0.5s;
}
#ssbanner li:hover a{
	margin: 0;
}
#ssbanner li a:after{
	content: '';
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    background: rgba(134, 30, 30, 0.3);
	opacity:0;
    transition: all cubic-bezier(0.67, -0.4, 0, 1.11) 0.3s;
}
#ssbanner li:hover a:after{
	opacity:1;
}
#ssbanner li a p{
	position:absolute;
	color:#453e36;
	font-size:18px;
	background:#fff;
	top: 20px;
    left: 20px;
	transition: all cubic-bezier(0.67, -0.4, 0, 1.11) 0.3s;
}
#ssbanner li:nth-child(even) a p{
	bottom: 20px;
    right: 20px;
	top: inherit;
    left: inherit;
}
#ssbanner li a p span{
	position:relative;
	padding: 5px 20px;
	display:block;
	z-index: 2;
}
#ssbanner li a p span:after{
	position: absolute;
    content: '';
    width:0;
    height: 100%;
    z-index: -1;
    background: #C00;
    left: 0;
    top: 0;
	opacity:0;
	transition: all cubic-bezier(0.67, -0.4, 0, 1.11) 0.9s;
}
#ssbanner li:hover a p span:after{
    width: 100%;
	opacity:1;
}
#ssbanner li:hover a p{
	color:#fff;
}
#ssbanner li a p:after{
    position: absolute;
    content: '';
    background: rgba(255, 255, 255, 0.45);
    width: 100%;
    height: 100%;
    left: 5px;
    top: 5px;
    z-index: 1;
	transition: all cubic-bezier(0.67, -0.4, 0, 1.11) 0.3s;
}
#ssbanner li:hover a p:after{
    left: 0;
    top: 0;
}
#ssbanner li a img{
	width:100%;
}
@media screen and (min-width: 1280px) {
	footer .customizeInfo .plus-information a:hover img{
		display:block;
	}
}
@media screen and (min-width:960px){.main-nav .menu >ul >li .subnav:after{content:'';position:absolute;top:-5px;left: calc(50% - 2.5px);width:0;height:0;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #ffffff transparent;}
}
@media screen and (max-width:1680px){#cis{width:120px;}
.main-nav{width: calc(100% - 260px);}
}
@media screen and (max-width:1440px){header{width:calc(100% - 60px);margin:30px;}
#cis{right: 30px;top: 30px;}
}
@media screen and (max-width:1366px){.main-nav .menu >ul >li >a,
.nav-func i,
#top-nav,
.main-nav .trantran a{padding:10px 15px;font-size:14px;}
#top-nav a{font-size:14px;}
#top-nav,
.main-nav .menu{margin-left:5px;}
.framework{width:90%;}
}
@media screen and (max-width:1280px){footer #footer-cis{float:none;width:100%;text-align:center;margin-bottom:20px;}
header{width:calc(100% - 40px);margin:20px;z-index:999;}
#cis{width:90px;right: 20px;top: 20px;}
.footercontact ul,
footer .customizeInfo ul{margin: 0 auto;width: 600px;}
.footercontact li{width: calc(33% - 40px);margin: 0 20px 30px 20px;}
footer .customizeInfo .plus-information{width: calc(47% - 40px);margin: 0 20px 15px;}
.nav-funcB{
	display: block;
    position: fixed;
	top: 20px;
    left: 2.5%;
    color: #fff;
    padding: 10px 15px;
    font-size: 20px;
    z-index: 89898;
    width: 20px;
    text-align: center;
    background: #464444;
}
#mobile-menu{
	position:fixed;left:0;top:0;z-index:999;width:30%;background: #232221;height:100vh;
}
.mobile-main-nav{display: block;}
#mobile-menu >ul{margin-top:70px;overflow:auto;max-height:calc(100vh - 110px);}
#mobile-menu .sizes,
.main-nav #main-menu,
.nav-func{display:none !important;}
#mobile-menu >ul >li .menu_body >li .subOption a{color:#fff;display:block;padding:15px 20px;}
.main-nav .trantran{position: absolute;left: calc(4% + 14px);}
.main-nav .trantran a{padding: 14.5px 15px;}
#mobile-menu >ul >li .menu_head,
.subOption >li .sub2Title,
.subOption >li .sub3Title{
	overflow:hidden;
	padding: 15px;
	border-bottom: 1px solid #535353;
}
#mobile-menu >ul >li .menu_head.c0 b,
.subOption >li .sub2Title.c0 b,{
	display:none;
}
#mobile-menu >ul >li .menu_head p,
.subOption >li .sub2Title p,
.subOption >li .sub3Title p{
	float:left;
	font-size: 11pt;
	width: calc(100% - 20px);
}
#mobile-menu >ul >li .menu_head a,
.subOption >li .sub2Title a,
.subOption >li .sub3Title a{
	color: #f4b730;
}
#mobile-menu >ul >li .menu_head b,
.subOption >li .sub2Title b,
.subOption >li .sub3Title b{
	float:right;
	color: #eaeaea;
	cursor:pointer;
}
.subOption >li .sub2Title b{
    color: #b7b7b7;
}
#mobile-menu >ul >li .menu_body li p,
.subOption >li .sub2Option li p{
	background: #ffcb59;
	padding: 5px 15px;
	font-size: 14px;
	border-bottom: 1px solid #fff;
}
#mobile-menu >ul >li .menu_body li a,
.subOption >li .sub2Option li p a{
	color: #404040;
	display: block;
	padding: 10px 35px;
	font-size: 11pt;
}
#mobile-menu .subOption >li .sub2Title{background: #f5f5f5;padding: 15px 15px 15px 30px;font-size: 14px;border-bottom: 1px solid #d7d7d7;}
#mobile-menu .subOption >li .sub2Title p{
	background: none;
	padding: 0;
	border: 0;
}
#mobile-menu .subOption >li .sub2Title p a{
	padding: 0;
	border: none;
}
#mobile-menu .subOption >li .sub2Title.bo p a{
	display:inline-block;
}
#mobile-menu .subOption >li .sub3Title{background: #e4e4e4;padding: 15px 15px 15px 45px;border-bottom: 1px solid #d7d7d7;}
#mobile-menu .subOption >li .sub3Title p{
	background: none;
	width: calc(100% - 20px - 30px);
	padding: 0;
	border: 0;
}
#mobile-menu .subOption >li .sub3Title b{
    color: #828282;
}
#mobile-menu .subOption >li .sub3Title p a{
	padding: 0;
}
#mobile-menu .subOption >li .sub2Option,
#mobile-menu .subOption >li .sub3Option{display: none;}
#mobile-menu .subOption >li .sub3Option p{
	padding: 15px 10px 15px 55px;
}
#mobile-menu .subOption >li .sub3Option p a{
	padding: 0;
}
#mobile-menu >ul::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}
#mobile-menu >ul::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
#mobile-menu >ul::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

}
@media screen and (max-width:980px){header{overflow:visible;height: 0;}
.nav-func{z-index:999999;position:fixed;}
.nav-func span{display:none;}
.main-nav .menu{margin-left:0;position:fixed;top:0;left:0;height:100vh;width:230px;background:#313131;float:none;padding-top:90px;box-shadow:0 0 5px #313131;}
.main-nav .menu >ul >li{float:none;}
#top-nav{position:fixed;bottom:0;left:0;width:230px;margin:0;padding:15px 0;text-align:center;border-top:1px solid #0c232d;}
.main-nav{float:none;width:auto;height:auto;display:block;position:relative;}
.main-nav .menu >ul >li >a{background:#313131;border-top:1px dashed #464646;}
.main-nav .menu >ul >li:last-child >a{border-bottom:1px dashed #464646;}
.main-nav .menu >ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#333364;}
.main-nav .menu >ul::-webkit-scrollbar{width:5px;background-color:#3f3f3f;}
.main-nav .menu >ul::-webkit-scrollbar-thumb{background-color:#314cb2;border:none;}
#mobile-menu{width:50%;}
#ssbanner li a p{
	font-size: 16px;	
}
#ssbanner{margin-top: 73px;}
footer .Links{ display:none;}
}
@media screen and (max-width:768px){.footercontact ul, footer .customizeInfo ul{width:100%;}
}
@media screen and (max-width:640px){.phoneWrap{display:block;position:fixed;bottom:0;left:0;width:100%;z-index:99;}
.phoneWrap ul li{float:left;width:calc(50% - 20px);background: #ffe500;text-align:center;padding:3px 0;border-radius:15px;margin:0 10px 5px;}
.phoneWrap ul li a{color:#fff;}
.main-nav .menu >ul{height:calc(100vh - 99px);}
#gotop{right:-10px;bottom:75px;}
footer{padding-bottom:60px;/* margin-top: 100px; */}
#ssbanner li a p{
	font-size: 14px;	
}
.fixSearch-button{
    bottom: initial;
    top: 20px;
    right: initial;
    left: calc(4% + 14px + 89px);
    border-radius: 0;
    line-height: 100%;
    width: auto;
    height: auto;
    border: 0;
    padding: 10px 15px 11px;
    background: rgba(230, 0, 0, 0.84);
}
#hSearch{
    right: inherit;
    bottom: inherit;
    left: 2.5%;
    top: 68px;
}
footer .customizeInfo .plus-information{    width: calc(48% - 20px);
    margin: 0 0 15px 20px;}
}
@media screen and (max-width:480px){
.headerTop #cis{width:60px;}
#mobile-menu{width:80%;}
.nav-funcB{
	top: 20px;
    left: 5%;	
}
#ssbanner li a{
	margin: 0;	
}
.main-nav .trantran{left: calc(5% + 35px);margin-left: 0;}
.fixSearch-button{
    left: calc(5% + 35px + 79px);
}
#hSearch p a{margin-top: 2px;}
#hSearch p input::placeholder{font-size: 16px;    line-height: 110%;}
.footercontact li{width: calc(50% - 10px); margin: 0 10px 30px 0;}
footer .customizeInfo .plus-information{width: 100%;margin: 0 0 7px 0px;}
.footercontact li .txt{font-size: 7pt;}
}