* { margin: 0; padding: 0; }
body { position: relative; margin: 0; font-size: 16px; line-height: 150%;}
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: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; }
hr { border-top: 1px #000 solid; margin: 0 0 10px; }
th { font-weight: 400; }
ul, ol { list-style: none; }
p.lineHeight { line-height: 170%; }
p.marginTop { margin: 10px 0; }
p.marginLeft { margin: 0 10px; }
fieldset { border: 0; }
input, button, select, textarea { outline: none; }
img { max-width: 100%; }
a:link, a:visited { color: #1f1f1f; font-weight: 400; text-decoration: none; }
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; }
livedemo00.template-help.com/media="screen":after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.wow { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
body ::selection { background: #ff0606; color: #fff; }
section { overflow: hidden; margin: 0 auto; width: 1550px; }
.wrapper { overflow: hidden; width: 100%; }
a.photo { overflow: hidden; background-repeat: no-repeat; background-size: 100% auto; display: block; transition: all .4s ease; }
a.photo img { width: 100%; max-width: inherit; }
header { position: fixed; width: 100%; background: #fff; z-index: 99; transition: all .4s ease; }
header.shrink {padding: 10px 0;background: rgb(255 255 255);border-top: 0;box-shadow: 0 0 7px #000;}
header.shrink section{width:100%;}
header .topBar { overflow: hidden; text-align: right; background: rgba(199,199,199,0.36); transition: all .4s ease; }
header.shrink .topBar { height: 0; }
header .topBar aside { overflow: hidden; margin: 0 auto; width: 1550px; }
header .topBar a { margin: 5px; }
header .topBar a i { color: #d84545; }
header #cis, header nav, header #topcontact { float: left; overflow: hidden; }
header nav { float: right; }
header #topcontact { margin-top: 30px; margin-left: 70px; }
header #topcontact a , header nav ul li:last-child a { color: #fff; }
header #topcontact .webphone, header #topcontact .webcontact { float: left; color: #fff; }
header #topcontact .webcontact div { overflow: hidden; background: #b52420; border-radius: 20px; padding: 6px 15px; margin-left: 30px; }
header #topcontact .webcontact b { float: left; margin-top: 5px; margin-right: 6px; }
header #topcontact .webcontact h3 { float: left; font-weight: 400; line-height: 110%; }
header #topcontact .webcontact h3 span { display: block; font-size: 12px; line-height: 110%; }
header #cis:hover h2 a:before { -webkit-animation: cisanima .5s both infinite; animation: cisanima .5s both infinite; }
header nav ul li:last-child { background: #de0003; animation-name: topliblin; animation-iteration-count: infinite; animation-duration: 1s; transition: all linear .5s; animation-direction: alternate; }
@keyframes topliblin { 0% { background:#de0003; } 100% { background:#e98a1a; } }
header nav ul li:last-child a b { color: #ffd71e; }
@keyframes cisanima { 0% { transform:rotate(0deg); } 25%, 75% { transform:rotate(3deg); } 50%, 100% { transform:rotate(-3deg); } }
@-webkit-keyframes cisanima { 0% { -webkit-transform:rotate(0deg); } 25%, 75% { -webkit-transform:rotate(3deg); } 50%, 100% { -webkit-transform:rotate(-3deg); } }
header.shrink #cis h2 a:before { width: 90px; }
header #cis h2 a img {margin: 15px 0 0 0;display: inline-block;transition: all .4s ease;width: 200px;}
header.shrink #cis h2 a img { margin: 0 0 0 105px; width: 180px; }
header #threeline { display: none; }
header #threeline .line { width: 40px; height: 5px; background: #322f31; display: block; margin: 8px auto; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
header #threeline.is-active .line { background: #fff; }
header #threeline.is-active { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
header #threeline.is-active .line:nth-child(2) { width: 0; }
header #threeline.is-active .line:nth-child(1), header #threeline.is-active .line:nth-child(3) { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
header #threeline.is-active .line:nth-child(1) { -webkit-transform: translateY(13px); -ms-transform: translateY(13px); -o-transform: translateY(13px); transform: translateY(13px); }
header #threeline.is-active .line:nth-child(3) { -webkit-transform: translateY(-13px) rotate(90deg); -ms-transform: translateY(-13px) rotate(90deg); -o-transform: translateY(-13px) rotate(90deg); transform: translateY(-13px) rotate(90deg); }
header nav ul { text-align: right; }
header nav ul li { padding: 30px; border-right: 1px #eae1e1 solid; height: 45px; display: inline-block; margin-right: -4px; }
header.shrink nav ul li { padding: 5px 10px; }
header.shrink #topcontact { margin-top: 10px; }
header.shrink nav { margin-top: 7px; }
header nav ul li:first-child { border-left: 1px #eae1e1 solid; }
header nav ul li a, header nav ul li a b { position: relative; display: block; text-align: center; transition: all .4s ease; line-height: 158%; }
header nav ul li a { font-size: 16px;width: 73px; }
header nav ul li a b { font-size: 12px; color: #de0000; }
header nav ul li:hover a { padding-top: 20px; }
header nav ul li:hover a b { position: absolute; top: 0; left: 0; display: block; text-align: center; width: 100%; }
section #webSeo, section #webSeo .seo { overflow: hidden; font-size: 12px; color: #545454; }
section #webSeo .seo .js-marquee-wrapper { transition: none; font-size: 12px!important; }
#gotop {position: fixed;padding: 10px;right: 28px;bottom: 270px;background: rgba(255,255,255,0.5);display: inline-block;z-index: 999;-webkit-animation: gotop 5s both infinite;animation: gotop 5s both infinite;}
@keyframes gotop { 0%, 84%, 90.6%, 96%, 80%, 100% { transform:translateY(5px) } 88% { transform:translateY(4px) } 94% { transform:translateY(0); } 98% {
transform:translateY(-4px); } } @-webkit-keyframes gotop { 0%, 84%, 90.6%, 96%, 80%, 100% { -webkit-transform:translateY(5px); } 88% { -webkit-transform:translateY(4px); } 94% { -webkit-transform:translateY(0); } 98% { -webkit-transform:translateY(-4px); } }
footer {position: relative;background: #424242;color: #fff;z-index: 5;/* margin-top: 40px; */line-height: initial;}
footer a:link, footer a:visited { color: #fff; }
footer #footerLink {margin-bottom: 15px;padding: 5px 0;background: #585858;text-align: center;}
footer #footerLink a { margin: 0 10px; }
footer #footerInfo {position: relative;display: flex;flex-direction: row;justify-content: center;}
footer #footerInfo .partnerJ{
    display: flex;
    width: 250px;
    margin-left: 150px;
    align-items: center;
    justify-content: center;
}
footer #footerInfo .partnerJ img{width: 190px;}
footer #footerInfo .info, footer #footerInfo .google { width: 70%; display: inline-block; }
footer #footerInfo .info{
	display:flex;
	flex-direction: column;
	align-content: center;
	align-items: flex-start;
	width: 550px;
	justify-content: space-around;
	margin-left: 20px;
}
footer #footerInfo .info .box {margin: 5px 0;display: flex;flex-direction: row;align-items: center;align-content: center;}
footer #footerInfo .info .box p { margin-right: 5px; display: inline-block; }
footer #footerInfo .google { width: 29%; text-align: right; }
footer #footerInfo .google img { width: 150px; }
footer .seo, .seo, footer .seo .js-marquee { font-size: 12px!important; }
footer .seo { margin-top: 25px; }
footer .design { margin-top: 10px; padding: 5px 0; background: #000; text-align: center; }
footer .design p { display: inline-block; }

#starRating {width: 1550px;bottom: 58px;z-index: 5;margin: 0 auto;}
#starRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
#starRating font:first-child { font-weight: bold; font-size: 18px; color: #FF9800; }
#starRating font:nth-child(2) { font-size: 16px; color: #FF9800; }
#starRating font:last-child {color: #000;}

#fbMess { position: fixed; bottom: 11px; right: 8pt; display: none; z-index: 10; }

.fixedline {position: fixed;right: 25px;bottom: 100px;}
.fixedline .fixedlineM { position: relative; }
.fixedline .fixedlineM a { display: block; }
.fixedline .fixedlineM >p { position: absolute; width: 141px; right: 158px; bottom: 0; opacity: 0; }
.fixedline .fixedlineM:hover >p { opacity: 1; }

@media screen and (max-width: 1680px) {
	section { width: 1160px; }
	#starRating { width: 1160px; left: calc((100% - 1160px) / 2); }
	header .topBar aside { width: 1160px; }
	header nav ul { text-align: right; }
	header #topcontact { margin-left: 20px; }
	header nav ul li { padding: 30px 10px; }
	header #cis h2 a:before { width: 80px; }
}
@media screen and (max-width: 1280px) {
	section, header .topBar aside { width: 960px; }
	header #cis h2 a img { margin-left: 100px; width: 50%; }
	header.shrink #cis h2 a img { margin: 10px 0 0 85px;width: 40%; }
	header #cis h2 a:before { width: 77px; height: 100px; }
	header.shrink #cis h2 a:before { width: 70px; }
	header nav ul li { padding: 30px 5px; }
	header.shrink nav ul li { padding: 5px; }
	header nav ul li a { font-size: 16px; }
	header #topcontact { margin-left: 20px; }
	section { width: 97%; }
	#starRating { width: 97%; left: 1.5%; }
	header { position: relative; }
	header.shrink {position: fixed;background: white;}
	header .topBar aside { width: 97%; }
	header #cis { padding-bottom: 10px; }
	header #cis h2 a img { width: 60%; }
	header.shrink #cis h2 a img { width: 50%; }
	header #threeline { position: absolute; right: 30px; top: 40px; display: block; z-index: 2; }
	header.shrink #threeline { top: 20px; }
	header nav { position: absolute; width: 100%; height: 100vh; background: rgba(47,49,50,0.95); left: -100%; top: 0; z-index: 1; transition: all .4s ease; }
	header nav.menuOpen { left: 0; }
	header nav ul { padding-top: 30px; }
	header nav ul li { padding: 10px 5px; height: auto; display: block; border-right: 0; }
	header nav ul li:first-child { border-left: 0; }
	header nav ul li a, header nav ul li a:link, header nav ul li a:visited { margin-left: 10%; padding: 10px 0; display: inline-block; font-size: 25px; text-align: left; color: #fff; width: auto; }
	header nav ul li a b { margin-left: 10px; display: inline-block; font-size: 16px; color: #757272; }
	header nav ul li:hover a { padding-top: 10px; }
	header nav ul li:hover a b { position: relative; }
}
@media screen and (max-width: 1024px) {
	header #cis h2 a:before { width: 77px; height: 100px; }
	footer #footerInfo{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    footer #footerInfo .partnerJ{
        width: 100%;
        display: flex;
        margin-left: 10px;
    }
    footer #footerInfo .info{
    width: 100%;
}
}
@media screen and (max-width: 768px) {
	header #cis h2 a:before { width: 78px; height: 100px; }
	header #topcontact .webcontact { display: none; }
	#gotop { bottom: 135px; }
	#fbMess { bottom: 51px; display: block;}
	.fb_dialog { display: none !important; opacity: 0; }
}
@media screen and (max-width: 640px) {
	footer #footerInfo p, footer .seo { font-size: 12px; }
	footer #footerInfo .info .box p { font-size: 14px; }
	header #cis { float: none; width: 270px; margin: 0 auto; }
	header #topcontact, header #topcontact .webphone, header #topcontact .webcontact { float: none; text-align: center; }
	header #topcontact .webphone, header #topcontact .webcontact { display: inline-block; margin: 0 0 0 10px; }
	header #topcontact .webcontact div { margin-left: 0; }
	header #topcontact { margin: 30px 0 15px; }
	header.shrink #topcontact { display: none; }
	header.shrink #cis { margin: 0; }
	header #cis h2 a:before { width: 67px; height: 100px; }
	header #cis h2 a img { margin-left: 83px; }
	footer .seo, .seo, footer .seo .js-marquee { font-size: 5pt!important; }
}
@media screen and (max-width: 480px) {
	header #cis { width: auto; }
	header #cis h2 a img { width: 150px; }
	header.shrink #cis h2 a img { width: 100px; }
	footer #footerInfo .info, footer #footerInfo .google { margin-bottom: 10px; width: 100%; display: block; text-align: center; }
	footer .design { display: none; }
	header nav ul li a, header nav ul li a:link, header nav ul li a:visited { font-size: 17px; }
	header #cis h2 a img { margin-left: 75px; }
	header #cis h2 a:before { width: 66px; height: 100px; }
	footer{ padding-bottom:50px; }
	#gotop {bottom: 161px;width: 21px;height: 22px;right: 12px;}
	#wh-widget-send-button.wh-widget-right{bottom: 51px!important;right: -12px!important;}
}
@media screen and (max-width: 450px) {
	header .topBar { display: none; }
	header #cis h2 a img { width: 140px; }
	header #cis h2 a:before { width: 58px; height: 80px; top: 9px; }
	header #cis h2 a img { margin-left: 69px; }
	header #threeline { top: 10px; }
	footer #footerLink a { margin: 0 5px; }
	footer #footerLink a:last-child, footer #footerInfo .cis { display: none; }
	footer #footerInfo .info .box p, footer #footerInfo p { display: block;
	text-align: center; } header #topcontact .webphone { display: inline-block; margin: 0; width: calc(100% - 183px); }
	header #topcontact .webcontact h3 { font-size: 13px; }
	header #topcontact .webcontact b { margin-top: 3px; }
	footer .starRating {text-align: center;}
}
@media screen and (max-width: 1440px) { .fixedline {transform: scale(0.8);right: 18px;} }
@media screen and (max-width: 1280px) {
	.fixedline { display: none; }
}