body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input::-ms-clear{display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
body {  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
  font-weight: normal;
  line-height: 1.4;
  font-size: 1.4rem;
    text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}
a{background:transparent;}
a:active,a:hover{outline:0;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{margin:0;font:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}
optgroup{font-weight:bold;}
table{border-spacing:0;border-collapse:collapse;}
td,th{padding:0;}
h1,h2,h3,h4,h5,h6,ul,dl,ol,p,table,td,tr,form,fieldset,input,textarea,a,select { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
li { list-style-type:none;}
img { border:none; }
input,select,textarea {font-size:100%;}
i { margin-right: 3px; font-style: normal; color: #333; font-size: 2rem;}
.input:not(:first-child):not(:last-child){border-radius:0;}
table { border-collapse:collapse;border-spacing:0;}
.en { font-family:Tahoma, Arial, Helvetica, sans-serif;}
a {text-decoration:none; color:#333;}
a:focus { outline:0;}
a:hover { text-decoration: none; color: #005490;}
:focus {  -moz-outline-style:none;}
a:active { color:#333;}

.cr { height: 1%; overflow: auto; clear: both; }
.ah { height:1%; overflow:auto;}
.hid { display:none;}
.swiper-banner, .swiper-pic { width: 100%;  position: relative; overflow: hidden; }
    .swiper-slide { 
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.swiper-banner .swiper-pagination-bullet {  cursor: pointer; }
.swiper-banner .swiper-pagination-bullet-active {  }
#pd { position: relative; }
#pd .swiper-pic-next,#pd .swiper-pic-prev { cursor: pointer; z-index: 60; width: 20px; height: 20px;position: absolute; top: 50%; margin-top: 5px; }
#pd .swiper-pic-next { background: url(../img/left2.png) center center no-repeat; background-size: 90% auto;  left: -30px; }
#pd .swiper-pic-prev { background: url(../img/right2.png) center center no-repeat; background-size: 90% auto;  right: -30px; }
img { max-width: 100%; }
@media screen and (min-width: 720px) {
.fl { float: left; }
.fr { float: right; }
.w24 { width: 240px; }
.w84 { width: 840px; }
.w53 { margin-top: 20px; width: 530px; }
.swiper-banner .swiper-button-next { background: hsla(0,0%,0%,.3) url(../img/right1.png) center center no-repeat; background-size: 80% auto; }
.swiper-banner .swiper-button-prev { background: hsla(0,0%,0%,.3) url(../img/left1.png) center center no-repeat; background-size: 80% auto; }
.w11 { margin:0 auto; width: 1100px; }
body { background:#f9f9f9; font-size: 1.4rem; }
#head { background: hsla(0,100%,100%,.9); height: 70px; line-height: 70px;  box-shadow: 0 2px 2px hsla(0,0%,0%,.2);}
	#head #logo { float: left; }
	#head #logo img {  width: auto; height: 44px; }
	#head ul { float: right; }
		#head ul li { float: left; }
		#head ul li a { padding: 0 5px; margin:0 10px; display: block; height: 70px; text-transform: capitalize; font-size: 1.6rem; }
		#head ul li a:hover,#head ul li.c a { border-bottom: solid #005490 4px; color: #005490;}
#ban {background: #555; width: 100%; height: 320px; color: white; text-align: center;}
#bans { background: url(../img/ban.jpg) center center no-repeat; background-size: cover; padding: 20px 0; }
	#bans .w11 { border:solid white 6px; background: white; box-shadow: 4px 4px 4px hsla(0,0%,0%,.1); }
	#bans img { width: 100%; }
#about { margin-bottom: 20px; padding-top: 20px; background: #f5f5f5 url(../img/bg_about.png) center bottom repeat-x; background-size: auto 100%; border-bottom: solid #eee 1px; }
  #about div.w11 div { text-indent: -5px; line-height: 1.8; padding: 0 480px 60px 0; }
  #about div.w11 div a { color: #005490; text-decoration: underline; }
  #about div.w11 div a:hover { color: green; text-decoration: none; }
#pd { margin-bottom: 20px; }
#news ul { height: 1%; overflow: auto; }
#pd .swiper-pic {  }
#pd .swiper-slide {  display: inline-block; text-align: center; line-height: 3;}
    #pd .swiper-slide img { width:100%; border-radius: 500px; border:solid #f9f9f9 5px; box-shadow: 0 3px 3px hsla(0,0%,0%,.2); }
#news h4 { padding: 10px 0 0 0; font-size: 1.6rem; }
#news li { float: left; display: block; width: 50%; padding: 10px; }
#news li div { padding: 10px; background: white; border:solid #eee 1px; height: 162px;}
  #news li img { width: 240px; height: 140px; float: left; margin-right: 10px; }
  #news li p { color: #888; font-size: 1.2rem; line-height: 1.8; padding-top: 10px;}

.tit {  line-height: 34px; margin-bottom: 20px;  font-size: 1.8rem; color: #005490; letter-spacing: 1px; text-shadow: 0 2px 2px hsla(0,0%,0%,.1); border-bottom: solid #eee 1px; padding-bottom: 10px; }
.tit span,#space span { height: 34px; line-height: 34px; }
.tit span,#space span { float: left; display: block; width: 34px; border-radius: 100px; margin-right: 10px;  }
.tit a { float: right; font-size: 1.2rem; color: #888; margin:5px 5px 0 0; }
.tit .i1 { background: #666 url(../img/ico1.png) center center no-repeat; background-size:60% 60%; }
.tit .i2 { background: #666 url(../img/ico2.png) center center no-repeat; background-size:60% 60%; }
.tit .i3 { background: #666 url(../img/ico3.png) center center no-repeat; background-size:80% 80%; }
.tit .i4 { background: #666 url(../img/ico4.png) center center no-repeat; background-size:80% 80%; }
.tit .i5 { background: #666 url(../img/ico5.png) center center no-repeat; background-size:60% 60%; }
.tit .i6 { background: #666 url(../img/ico6.png) center center no-repeat; background-size:60% 60%; }
.tit .i7 { background: #666 url(../img/ico7.png) center center no-repeat; background-size:60% 60%; }
#footer { margin-top: 40px; padding: 20px 0; background: #005490; color: white; text-align: center; font-size: 1.2rem;}
    #footer p { padding: 5px 0; }
    #footer h3 { color: #369; }
    #footer h3 a { color: #369; margin:0 5px; }
    #footer h3 a:hover { color: #eee; }
#ask { padding: 10px; background: white; border:solid #eee 1px; }
.hg { height: 320px; overflow: hidden; }
#ask li h4, .list3 li h4 { margin-bottom: 5px; height: 30px; line-height: 30px; overflow: hidden; }
  #ask li div, .list3 li div { overflow: hidden; height: 50px; line-height: 1.6;  }
  #ask li h4 span, .list3 li h4 span { margin-top: 3px; }
  #ask li h4 span,#ask li div span, .list3 li h4 span, .list3 li div span { margin-right: 10px; float: left; display: block; width: 24px; height: 24px; line-height: 24px;  color: white; font-size: 1.2rem; font-weight: bold; text-align: center; border-radius: 100px; }
  #ask li h4 span, .list3 li h4 span { background: #005490; }
  #ask li div span, .list3 li div span { background: #f60; }
  #ask li div, .list3 li div {  color: #888; }
  #ask li h4 a, .list3 li h4 a { color: #005490; }
  #ask li h4 a:hover, .list3 li h4 a:hover { color: #444; text-decoration: underline; }
  #ask li, .list3 li { border-bottom: dotted #ddd 1px; padding-bottom: 10px; margin-bottom: 10px; }
  #ask li:last-child, .list3 li:last-child { border-bottom: 0; }
  #order { background: url(../img/bg_order.jpg) center center no-repeat; background-size: cover; }
  #order .c { padding: 20px; background: hsla(0,100%,100%,.8); margin:20px 40px 0 40px; height: 280px; border-radius: 4px; box-shadow: 0 3px 3px hsla(0,0%,0%,.2); }
  #order .d { text-align: center; }
    #order .d input { height: 30px; background: #f60; font-weight: bold; color: white; padding: 0 20px; border:0; letter-spacing: 2px; border-radius: 4px; }
    #order p { height: 40px; line-height: 40px; }
      #order p span,#order div span { float: left; display: block;  width: 70px; text-align: right; margin-right: 10px; color: #666; }
      #order p.e input { padding: 0 5px; color: #005490; background: hsla(0,100%,100%,.8); width: 310px; height: 30px; border:solid #ddd 1px; border-radius: 4px; }
      #order div textarea { padding: 5px;  color: #005490; background: hsla(0,100%,100%,.8); border:solid #ddd 1px; border-radius: 4px; width: 310px; height: 80px; }
#fan { }
#fan a { display: none; position: absolute; width: 100%; left:0; bottom:0; height: 30px; line-height: 30px; text-align: center; color: white; background: hsla(0,0%,0%,.5);}
#fan li { padding: 5px; float: left; display: block; width: 25%;  }
#fan li img { width: 100%; height: 150px; }
#fan li div { position: relative; cursor: pointer; }
#myfan,#conn { margin-top: 30px; }
#conn li { padding: 5px 10px; float: left; display: block; }
#conn li a { display: block;  }
#conn li img { border:solid #eee 1px; }
#space span { background: #666 url(../img/ico8.png) center center no-repeat; background-size:70% 70%; }
#space { margin:20px 0; height: 34px; line-height: 34px; color: #888; }
#slide { margin-top: 20px;  }
#slide h3 { padding-left: 40px; height: 34px; line-height: 34px; background: #666 url(../img/ico2.png) 10px center no-repeat; background-size:auto 60%; color: #eee;  border-radius: 6px 6px 0 0; font-size: 1.6rem; font-weight: bold; letter-spacing: 1px; }
#slide ul { padding: 5px 5px 15px 5px; background: #eee; border-radius: 0 0 6px 6px; height: 1%; overflow: auto; border:solid #ddd 1px; border-width: 0 1px 1px 1px; }
#slide li { float: left; display: block; margin: 5px 0; width: 50%; text-align: center; height: 34px; line-height: 34px; padding: 5px; }
#slide li a { display: block; background: white; border:solid #ddd 1px; color: #666; border-radius: 4px; }
#slide li a:hover { background: #005490; color: white; border:solid #005490 1px; }
#main { padding: 20px; border:solid #eee 1px; background: white; border-radius: 6px; }
#mbody { line-height: 1.8; font-size:1.6rem; }
#mbody p { padding: 5px 0; }
#mbody h1 { text-align: center; font-size: 2rem; }
#mbody #info { margin: 20px 0; font-size:1.2rem;  text-align: center; background: #f9f9f9; border:solid #eee 1px; height: 32px; line-height: 32px; border-radius: 4px; }
  #mbody #info span { margin:0 20px; color: #333;}
  #mbody #info b { margin-right: 5px; color: #888; }
#mbody #mb {  }
#mbody #npage { margin-top: 20px; height: 40px; line-height: 40px; border-top: solid #eee 1px; font-size: 1.4rem; }
#mbody #npage a { color: #369; text-decoration: underline; }
#mbody #npage a:hover { color: #333; text-decoration: none; }
#mbody #npage i { font-size: 1.2rem; color: #666; }
.list1 li { height: 30px; line-height: 30px; }
.list1 li span { font-size: 1.2rem; color: #888; margin-left: 20px; font-family:Tahoma, Arial, Helvetica, sans-serif; background:#f9f9f9; border:solid #efefef 1px; padding: 1px 4px; border-radius: 2px;}
.list1 li a:before { content:"\00B7\0020";} 
.list2 { height: 1%; overflow: auto; }
.list2 li { float: left; width: 25%; padding: 10px; line-height: 2; }
.list2 li img { margin-bottom: 10px; width: 100%; border-radius: 500px; }
.list2 li a { display: block; text-align: center; }
#fpage { margin-top: 20px; border-top: solid #eee 1px; padding-top: 10px; text-align: center; color: #666; font-size: 1.2rem; }
#fpage li { display: inline-block; }
	#fpage li a { padding: 4px 6px; border-radius: 4px; background:#f9f9f9; border:solid #eee 1px; color: #888; font-size: 1.2rem; font-family:Tahoma, Arial, Helvetica, sans-serif;}
	#fpage li.thisclass a { background:#005490; color: white; border:0; font-weight: bold;}
#slide ul { margin-bottom: 20px; }
#slide h4 { padding-left: 40px; height: 34px; line-height: 34px; background: #666 url(../img/ico9.png) 5px center no-repeat; background-size:auto 80%; color: #eee;  border-radius: 6px 6px 0 0; font-size: 1.6rem; font-weight: bold; letter-spacing: 1px;  }
#slide #cont { background:white; border:solid #eee 1px; border-radius: 0 0 6px 6px; padding: 10px; }
#slide #cont i { color: #333; font-size: 1.6rem; margin-right: 5px; }
#slide #cont p { padding: 10px; line-height: 1.6; border-bottom: dotted #eee 1px; }
#slide #cont span { color: #888; margin-right: 5px; }

}

@media screen and (max-width: 720px) {
#head { margin-bottom: 10px; padding-bottom: 10px; background: hsla(0,100%,100%,.9);  box-shadow: 0 3px 3px hsla(0,0%,0%,.1); text-align: center;}
#head img { width: 180px; margin:20px auto;}
#head li { margin-bottom:8px; padding: 4px; float: left; display: block; width: 25%; height: 34px; line-height: 34px; }
#head li a { border-radius: 2px;  display: block; width: 100%; height: 34px; color: #666; border:solid #eee 1px; background:#f9f9f9;  }
#head ul { padding: 0 8px; height: 1%; overflow: auto; clear: both; }

.tit {  line-height: 26px; margin:0 10px; font-size: 1.6rem; color: #005490; letter-spacing: 1px; text-shadow: 0 2px 2px hsla(0,0%,0%,.1); border-bottom: solid #eee 1px; padding-bottom: 10px; }
.tit span,#space span { height: 26px; line-height: 26px; }
.tit span,#space span { float: left; display: block; width: 26px; border-radius: 100px; margin-right: 8px;  }
.tit a { float: right; font-size: 1.2rem; color: #888; margin:5px 5px 0 0; }
.tit .i1 { background: #666 url(../img/ico1.png) center center no-repeat; background-size:60% 60%; }
.tit .i2 { background: #666 url(../img/ico2.png) center center no-repeat; background-size:60% 60%; }
.tit .i3 { background: #666 url(../img/ico3.png) center center no-repeat; background-size:80% 80%; }
.tit .i4 { background: #666 url(../img/ico4.png) center center no-repeat; background-size:80% 80%; }
.tit .i5 { background: #666 url(../img/ico5.png) center center no-repeat; background-size:60% 60%; }
.tit .i6 { background: #666 url(../img/ico6.png) center center no-repeat; background-size:60% 60%; }
.tit .i7 { background: #666 url(../img/ico7.png) center center no-repeat; background-size:60% 60%; }
#footer { margin-top: 40px; padding: 10px 0; background: #005490; color: white; text-align: center; font-size: 1.2rem;}
    #footer p { padding: 5px 0; }
    #footer h3 { color: #369; }
    #footer h3 a { color: #369; margin:0 5px; }
    #footer h3 a:hover { color: #eee; }
body { padding-bottom: 54px; background:#f9f9f9; }
#about { margin-bottom: 10px; padding: 10px 0; background:white; border-bottom: solid #eee 1px; }
#about div.w11 div { padding: 10px; line-height: 1.8; text-indent: -5px; }
#about a { margin-left:10px;color: #005490; text-decoration: underline; }
#pd .swiper-pic { padding: 20px; }
#pd .swiper-slide {  display: inline-block; text-align: center; line-height: 3;}
    #pd .swiper-slide img { width: 100%; border-radius: 500px; border:solid #f9f9f9 5px; box-shadow: 0 3px 3px hsla(0,0%,0%,.2); }
#news h4 { padding: 10px 0 0 0; font-size: 1.6rem; }
#news li { padding: 10px; }
#news li div { padding: 10px; background: white; border:solid #eee 1px; }
  #news li img { width: 100%; }
  #news li p { color: #888; font-size: 1.2rem; line-height: 1.6; padding-top: 10px;}
 #news { padding-bottom: 10px; }
#ask { padding: 10px; background: white; border:solid #eee 1px; margin-bottom: 20px;}
#ask li h4, .list3 li h4 { margin-bottom: 5px; height: 30px; line-height: 30px; overflow: hidden; }
  #ask li div, .list3 li div { overflow: hidden; line-height: 1.6;  }
  #ask li h4 span, .list3 li h4 span { margin-top: 3px; }
  #ask li h4 span,#ask li div span, .list3 li h4 span, .list3 li div span { margin-right: 10px; float: left; display: block; width: 24px; height: 24px; line-height: 24px;  color: white; font-size: 1.2rem; font-weight: bold; text-align: center; border-radius: 100px; }
  #ask li h4 span, .list3 li h4 span { background: #005490; }
  #ask li div span, .list3 li div span { background: #f60; }
  #ask li div, .list3 li div {  color: #888; }
  #ask li h4 a, .list3 li h4 a { color: #005490; }
  #ask li h4 a:hover, .list3 li h4 a:hover { color: #444; text-decoration: underline; }
  .list3 { padding: 10px; }
  #ask li, .list3 li { border-bottom: dotted #ddd 1px; padding-bottom: 10px; margin-bottom: 10px; }
  #ask li:last-child, .list3 li:last-child { border-bottom: 0; }
  #order { margin-bottom: 20px; padding: 20px;  background: url(../img/bg_order.jpg) center center no-repeat; background-size: cover; }
  #order .c { padding: 10px 0; background: hsla(0,100%,100%,.8);   border-radius: 4px; box-shadow: 0 3px 3px hsla(0,0%,0%,.2); }
  #order .d { text-align: center; }
    #order .d input { height: 34px; background: #f60; font-weight: bold; color: white; padding: 0 30px;  border:0; letter-spacing: 2px; border-radius: 4px; }
    #order p,#order div { padding:2px 20px; line-height: 2;}
      #order p span,#order div span { display: block; color: #666; }
      #order p.e input { padding: 0 10px; color: #005490; background: hsla(0,100%,100%,.8); width: 100%; height: 34px; border:solid #ddd 1px; border-radius: 4px; }
      #order div textarea { padding: 5px;  color: #005490; background: hsla(0,100%,100%,.8); border:solid #ddd 1px; border-radius: 4px; width: 100%; height: 80px; }
#pd { width: 100%; overflow: hidden;  }
#conn li { float: left; margin: 10px; }
#conn li a { font-size: 1.2rem; color: #888; text-decoration: underline;}
#footbar { height:54px; background:hsla(203,85%,50%,.9); z-index: 9;  color: white; text-align: center;}
#footbar li { display: inline-block; padding: 8px 20px 0 10px; text-align: center; }
#footbar li a { display: block; color:white; font-size: 1.2rem; line-height: 2.2; display: block; letter-spacing: 4px; }
#footbar i { color: white; display: block; }
#head ul li.c a { background:hsla(203,85%,50%,.9); color: white; border:solid hsla(203,85%,50%,.9) 1px;}
#slide { margin: 10px;  }
#slide h3 { padding-left: 40px; height: 34px; line-height: 34px; background: #666 url(../img/ico2.png) 10px center no-repeat; background-size:auto 60%; color: #eee;  border-radius: 6px 6px 0 0; font-size: 1.6rem; font-weight: bold; letter-spacing: 1px; }
#slide ul { padding: 5px 5px 15px 5px; background: #eee; border-radius: 0 0 6px 6px; height: 1%; overflow: auto; border:solid #ddd 1px; border-width: 0 1px 1px 1px; }
#slide li { float: left; display: block; margin: 5px 0; width: 50%; text-align: center; height: 34px; line-height: 34px; padding: 5px; }
#slide li a { display: block; background: white; border:solid #ddd 1px; color: #666; border-radius: 4px; }
#slide li a:hover { background: #005490; color: white; border:solid #005490 1px; }
#slide ul { margin-bottom: 10px; }
#slide h4 { padding-left: 40px; height: 34px; line-height: 34px; background: #666 url(../img/ico9.png) 5px center no-repeat; background-size:auto 80%; color: #eee;  border-radius: 6px 6px 0 0; font-size: 1.6rem; font-weight: bold; letter-spacing: 1px;  }
#slide #cont { background:white; border:solid #eee 1px; border-radius: 0 0 6px 6px; padding: 10px; }
#slide #cont i { color: #333; font-size: 1.6rem; margin-right: 5px; }
#slide #cont p { padding: 10px; line-height: 1.6; border-bottom: dotted #eee 1px; }
#slide #cont span { color: #888; margin-right: 5px; }

#mbody { line-height: 1.8; font-size:1.6rem; }
#mbody p { padding: 5px 0; }
#mbody h1 { padding: 0 10px; text-align: center; font-size: 2rem; }
#mbody #info { margin: 20px 0; font-size:1.2rem;  text-align: center; background: white; border:solid #eee 1px; height: 32px; line-height: 32px; border-radius: 4px; }
  #mbody #info span { margin:0 5px; color: #333;}
  #mbody #info b { margin-right: 2px; color: #888; font-weight: normal; }
#mbody #mb {  padding: 10px; }
#mbody #npage { padding:10px; border-top: solid #eee 1px; font-size: 1.2rem; }
#mbody #npage li { height: 30px; line-height: 30px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
#mbody #npage a { color: #369; text-decoration: underline; }
#mbody #npage a:hover { color: #333; text-decoration: none; }
#mbody #npage i { font-size: 1.2rem; color: #666; }
.list1 { padding: 10px; }
.list1 li { line-height: 26px; padding-bottom: 8px; }
.list1 li span { font-size: 1.2rem; color: #888; margin-left: 20px; font-family:Tahoma, Arial, Helvetica, sans-serif; background:white; border:solid #efefef 1px; padding: 1px 4px; border-radius: 2px;}
.list1 li a:before { content:"\00B7\0020";} 
.list2 { padding: 0 5px; height: 1%; overflow: auto; }
.list2 li { float: left; width: 50%; padding: 10px; line-height: 2; }
.list2 li img { width: 100%; border-radius: 500px; }
.list2 li a { display: block; text-align: center; }
#fpage { margin-top: 20px; border-top: solid #eee 1px; padding-top: 10px; text-align: center; color: #666; font-size: 1.2rem; }
#fpage li { display: inline-block; }
	#fpage li a { padding: 4px 6px; border-radius: 4px; background:#f9f9f9; border:solid #eee 1px; color: #888; font-size: 1.2rem; font-family:Tahoma, Arial, Helvetica, sans-serif;}
	#fpage li.thisclass a { background:#005490; color: white; border:0; font-weight: bold;}
#space span { background: #666 url(../img/ico8.png) center center no-repeat; background-size:70% 70%; }
#space { margin:10px; height: 40px; line-height: 30px; color: #888; border-bottom: solid #eee 1px; padding-bottom: 10px; font-size: 1.2rem;}

}