body { margin:0; border:0; width:100%; color:#292929; font-size:14px; line-height:170%; border-top:7px solid #fff; }

div,h1,h2,h3,h4,hr,p,form,label,input,textarea,img,span { 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"; transition:all linear 0.5s; -moz-transition:all linear 0.5s; -ms-transition:all linear 0.5s; -o-transition:all linear 0.5s; -webkit-transition:all linear 0.5s; }

hr { noshade:noshade; }
th { font-weight:normal; }

ul { list-style:none; margin:0; padding:0; overflow:hidden; }

a,a:hover { text-decoration:none; cursor:pointer; transition:all linear 0.5s; -moz-transition:all linear 0.5s; -ms-transition:all linear 0.5s; -o-transition:all linear 0.5s; -webkit-transition:all linear 0.5s; }

img { max-width:100%; }

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

/* a.photo */
a.photo { overflow:hidden; background:no-repeat 50% / auto 100%; display:block; }
a.photo img { width:100%; max-width:inherit; }

#mobile-funtion { display:none; }

section { width:1160px; margin:0 auto; overflow:hidden; }

/* header */
header { margin:5px 0 40px; }
.headerright {float:right;overflow:hidden;width: 60%;}
#main-menu ul.pc{
	display: flex;
    width: 100%;
    justify-content: flex-end;
}
#main-menu{
    width: 100%;
}
#main-menu ul.pc li{
    display: flex;
    margin-left: 0;
    padding-left: 0;
    width: calc((100%/6) - 20px);
    flex-direction: column;
    align-items: center;
}
#cis {margin-top: 45px;float:left;width: 40%;}
#top-nav {text-align:right;font-size:14px;margin-bottom: 11px;margin-top: 10px;}
#top-nav a { color:#363636; }
#top-nav .search-bar { display:inline-block; margin-right:25px; }
#top-nav .search-bar form {background: #dd2d20;padding: 7px 7px;border-radius:5px;}
#top-nav .search-bar input { line-height:130%; width:100px; padding:2px 10px; display:inline-block; vertical-align:baseline; }
#top-nav .search-bar a {color:#fff;display:inline-block;font-size:18px;padding: 0px 10px;}
.menu {float:right;overflow:hidden;margin-top: 0;}
.menu li {float:left;margin-left: 14px;padding-left: 27px;}
.menu li a { display:block; font-size:18px; color:#363636; }
.menu li a span { display:block; color:#F44336; font-size:14px; text-align:center; }

/* gotop */
#gotop { position:fixed; right:10px; bottom:30px; }
#gotop a { width:52px; height:52px; line-height:52px; text-decoration:none; display:block; border:2px solid #e8e8e8; -o-border-radius:52px; -moz-border-radius:52px; -webkit-border-radius:52px; border-radius:52px; text-align:center; color:#b0b0b0; }
#gotop a i { font-size:22px; line-height:52px; }
#gotop a:hover { background:#000; color:#fff; }

/* footer */
footer { padding:60px 0 10px; background-color:#f0f8ffa8; }
footer .f_info { margin-bottom: 10px; display: grid; align-items: center; grid-template-columns: 235px 1fr 160px 120px; grid-column-gap: 15px; }
footer .row * { color:#3e3e3e; font-size:14px; }
.row .info,.row .info a { color:#787878; font-size:12px; }
.row .info .copy { display:inline-block; margin-left:50px; }
.infoGG { position:relative; width:100%; float:left; text-align:center; }
.infoGG p { text-align:center; }

/* phoneWrap */
footer .phoneWrap { margin-bottom:5px; }
footer .phoneWrap li { margin-bottom: 10px; }
footer .phoneWrap li a { padding: 5px 15px; background: #d73838; border-radius: 5px; display: grid; grid-template-columns: 30px 1fr; grid-gap: 10px; align-items: center; }
footer .phoneWrap li.fb a { background: #1877f2; }
footer .phoneWrap li a svg { width: 25px; height: 25px; fill: #fff; }
footer .phoneWrap li a span { line-height: 1; font-size: 18px; color: #fff; }

/* f_community */
#f_community { text-align:center; }
#f_community a { font-size:16px; color:#1e1e1f; border-right:1px solid #1e1e1f; display:inline-block; padding:0 10px; }
#f_community a:last-child { border:none; }

/* webSeo */
#webSeo { clear:both; padding:20px 0 10px; color:#0052f9; font-size:12px; }
#webSeo,#webSeo div { transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; -webkit-transition:none; }

div#footer-cis {
    padding-right: 30px;
}


@media screen and (max-width:1180px) {
	section { width:940px; }
	.menu { margin-top:0; }
	.menu li { padding-left:20px; }
	.menu li a { position:relative; padding-bottom:5px; font-size:16px; display:block; }
	.menu li a:after { position:absolute; width:0; height:2px; bottom:0; background:#9c090f; display:block; content:""; transition:all linear 0.5s; -moz-transition:all linear 0.5s; -ms-transition:all linear 0.5s; -o-transition:all linear 0.5s; -webkit-transition:all linear 0.5s; }
	#cis img {}
	#top-nav a { font-size:12px; }
	#footer-cis { text-align:center; }
}
@media screen and (max-width:1024px) {
	.menu li { padding-left:16px; }
}
@media screen and (min-width:961px) {
	.menu li:hover { background-image:none; }
	.menu li:hover a:after { width:100%; }
	.menu li:hover a { color:#de1600; }
}
@media screen and (max-width:960px) {
	section { width:748px; }
	#mobile-funtion { display:block; }
	header { margin:0; }
	header .headerright { display:none; }
	#cis {width: 405px;}
	.share { float:none; width:100%; padding-top:20px; clear:both; }
	#f_community { text-align:center; }
	.row { width:100%; }
	#main-banner { padding:30px 0; }
	.control { overflow:hidden; }
	.control #cis { margin:auto; float:none; background:#fff; width:90%; }
	.control #cis .h1 { text-align:center; }
	.control .menu { float:none; margin:20px 0; }
	.control .menu li { float:none; padding:0; text-align:center; margin:5px 0 0; }
	.menu li a span { text-align:center; }
	.control .menu li:hover { background:none; }
	.control .phoneWrap { display:block; text-align:center; margin-bottom:0; position:fixed; bottom:0; left:0; width:100%; }
	.control .phoneWrap li a { color:#ffffff; font-size:18px; display:block; padding:10px 0; background:#8a2020; }
	.menu li a { color:#fff; }
	#cis img { width:100%; }
	.search-barB { text-align:center; width:90%; margin:0 auto; background:#587cd2; padding:10px 0; }
	.search-barB form { margin:0 10px; overflow:hidden; }
	.search-barB input { width:calc(100% - 30px - 25px); line-height:120%; padding:5px 15px; float:left; }
	.search-barB a { color:#fff; font-size:18px; float:right; }
}
@media screen and (max-width:768px) {
	section { width:90%; }
	#gotop { bottom: 100px; z-index: 1000; }
	footer .f_info { grid-template-columns: 180px 1fr; grid-template-areas: "flogo flist" "fphone fphone"; }
	footer .f_info #footer-cis { grid-area: flogo; }
	footer .f_info .row { grid-area: flist; }
	footer .f_info .share { padding-top: 0; grid-area: fphone; }
	footer .f_info .share .phoneWrap { position: fixed; margin-bottom: 0; width: 100vw; bottom: 0; left: 0; z-index: 999; }
	footer .f_info .share .phoneWrap ul { display: flex; }
	footer .f_info .share .phoneWrap ul li { margin-bottom: 0; width: 50%; }
	footer .f_info .share .phoneWrap ul li a { padding: 8px 15px; grid-template-columns: 30px 80px; justify-content: center; border-radius: 0; }
	footer .f_info .share #f_community { width: 180px; }
	footer .f_info .fgt {
    width: 200px;
    margin: 15px auto 0;
}
}
@media screen and (max-width:550px) {
	footer .f_info { display: block; }
	footer .row li p { text-align: center; }
	footer .f_info .share #f_community { margin-top: 10px; width: 100%; }
}
@media screen and (max-width:480px) {
	body .cd-panel-content { padding:30px 0; }
	.menu li a { padding-bottom:10px; }
	.menu li a span { display:none; }
	.row ul li p,.row .info { text-align:center; }
	#cis {margin-top:5px;width: 310px;}
	.row .info .copy { text-align:center; margin-left:0;  }
	.phoneWrap { text-align:center; }
	div#footer-cis {
		padding: 0;
	}

}