body { margin: 0; border: 0; width: 100%; color: #274385; font-size: 22px; 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"; }

span , strong { vertical-align: baseline; }

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 */
form p input[type="text"] , form p input[type="password"] , form p textarea , form p select { background-color: rgba(255 , 255 , 255 , 0.6); border: 1px #858384 solid; }
form p input[type="text"]:focus , form p input[type="password"]:focus { border-color: #13a5e0; background: #13a5e0; color: #fff; }
input[type="text"] , input[type="submit"] , input[type="reset"] , input[type="button"] , button { -webkit-appearance: none; }
select , input[type="text"] { border-radius: 0; -webkit-appearance: none; font-size: 16px; }
select { background: url(/images/35/selectbutton.png) no-repeat 95% 50%; }

/* 跳一、三 */
#jumpDiv , #jumpIframe { position: relative; background: #fff; top: 0; left: 0; z-index: 9999999999999999999999; }

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

.nav-func , .phoneWrap { display: none; }

/* hair */
#hair { padding: 5px 0; background: #fff; }
#hair li a img { padding-right: 5px; float: right; width: 13%; }
#hair .line { position: relative; margin: -90px 0 100px; }
#hair #h1 { float: left; }
#hair #webtool { float: right; font-size: 14px; margin-top: 13px; }
#hair #webtool a { color: #0078cd; font-weight: normal; }

/* brain */
#brain { background: url(/images/35/bottom-bg.jpg) no-repeat 50% / cover; }
#brain nav ul { text-align: center; }
#brain nav li { float: left; width: 120px; display: inline-block; }
#brain nav li a { padding: 15px 0; display: block; text-align: center; font-size: 18px; color: #fff; transition: all linear 0.3s; }
#brain nav li:hover a { background: #0877a9; }

/* content */
#content { background: url(/images/35/content-bg2.png) repeat-x 100%; animation: bgm 10s linear infinite alternate running; }
@keyframes bgm { 0% { background-position: 0 100%; } 100% { background-position: 100% 130%; } }
#content section { background: #fff; }

/* page-form */
#page-form { background: #f8f8f8; padding: 15px 20px; }
#page-form form , #page-form fieldset { margin: 0; padding: 0; border: 0; }
#page-form p { overflow: hidden; color: #000; font-size: 16px; margin: 5px 0; }
#page-form label { padding: 5px 0; float: left; width: 100px; text-align: right; }
#page-form span { float: right; width: calc(100% - 110px); display: block; }
#page-form .ra span { float: left; margin-left: 10px; padding: 5px 0; width: auto; }
#page-form input[type="text"] , #page-form select { padding: 5px 10px; width: calc(100% - 22px); }
#page-form input#Checknum { margin-left: 10px; width: 80px; }
#page-form select { width: calc(100% - 1px); }
#page-form p.send input { margin-top: 15px; padding: 5px 0; width: 100%; background: #d60c0c; border-radius: 7px; text-align: center; font-size: 18px; color: #fff; letter-spacing: 0.2em; outline: none; }
#page-form h2 { margin-bottom: 10px; text-align: center; font-size: 14px; color: #9c9c9c; }
#page-form h2 img { margin-right: 5px; vertical-align: bottom; }
#page-form h2 b { margin-right: 10px; display: inline-block; font-size: 24px; color: #353535; vertical-align: baseline; }

/* bottom-icon */
#bottom-icon { background: url(/images/35/bottom-bg2.jpg) no-repeat 50% / cover; }
#bottom-icon li { margin: 10px 0; float: left; width: 25%; text-align: center; }

/* footerall */
#footerall { padding: 20px 0; }
#footerall .left { float: left; width: 33.3%; text-align: right; }
#footer-cis { text-align: right; }
#footerall .right { float: right; width: 33.3%; display: inline-block; text-align: left; font-size: 14px; color: #155456; }
#footerall .right li p { margin-right: 15px; padding-left: 5px; border-left: 1px solid #155456; display: inline-block; line-height: 100%; }
#footerall .right li p:first-child { border-left: 0; }
#footerall .right li p a { color: #155456; }

/* community */
#community { display: inline-block; text-align: center; }
#community a { margin-left: 10px; padding-left: 10px; border-left: 1px solid #626263; display: inline-block; font-size: 20px; color: #626263; }
#community a:first-child { border-left: 0; }

#webcopy { padding: 5px 0; background: #0555af; text-align: center; font-size: 12px; color: #fff; }
#webSeo { margin-top: 20px; color: #999; font-size: 12px; }
#webcopy a { color: #fff; }

#gotop { position: fixed; padding: 5px 10px; border: 2px solid #d6d6d6; font-size: 14px; color: #bbb; z-index: 9; right: 20px; bottom: 30px; }
#gotop:hover { background: #bbb; color: #fff; }

.wrapper footer #footer-qrcode img { text-align: center; }
#footer-qrcode {width: 33.3%;display: inline-block;text-align: center;margin-top: 40px;}

@media screen and (min-width: 1024px) {
	#hair .line a img { padding-right: 30px; padding-up: 1px; float: right; width: 10%; display: none; }
	#hair .line { margin: -100px 0 67px; display: none; }
}
@media screen and (max-width: 980px) {
	#footerall .starRating { text-align: center; }
	#hair .line a img { padding-right: 5px; width: 9%; }
}
@media screen and (max-width: 768px) {
	#hair .line a img { padding-right: 5px; padding-up: 5px; width: 13%; }
	#hair .line { margin: -80px 0 40px }
}
@media screen and (max-width: 441px) {
	#hair .line a img { padding: 1px 5px 0 0; width: 23%; }
	#hair .line { margin-bottom: 30px; }
}
@media screen and (max-width: 500px) {
	#hair .line a img { width: 19%; }
}
@media screen and (max-width: 450px) {
	#hair .line a img { width: 21%; }
}
@media screen and (max-width: 680px) {
	.wrapper footer #footer-qrcode img { display: none; }
}
@media screen and (max-width: 360px) {
	#hair .line a img { padding: 10px 0 5px; width: 24%; }
	#hair .line { margin: -60px 0 10px; }
}
@media screen and (max-width: 320px) {
	#hair .line a img { width: 27%; }
}