.cCCC, a.cCCC:link, a.cCCC:visited {
    color: #CCC;
}

body{ background:#FFF; }
body, html, p, div{ font:14px "Lucida Grande", Verdana, Lucida, Helvetica, Arial; }
a{ text-decoration:none; }
i{ font-style:normal;  }
p i.r{ float:right; color:#999; }
.gwidth{ width:760px; display:block; margin:0px auto; clear:both; }
.ie6{ color:#F00; background-color:#FFC; text-align:center; padding:10px 0; padding:10px 0px; }
.clear { clear:both; }

.nav{ text-align:center; font-size:larger; padding:20px 0 0 0; }
.nav a{ position:relative; display:inline-block; padding:1px 3px; }

.head{ width:480px; height:55px; display:block; clear:both; text-align:center; margin:10px auto 10px auto; }
.head h1{ font-size:18px; font-weight:bold; padding:0px 0px; margin:15px 0px 5px 0px; }
.head h1 a{ font-size:18px; font-weight:bold; }
.head p{ padding:0px 0px 0px 0px; margin:5px 0px 5px 0px; }
.head img{ float:right; margin:-10px 10px 0px 10px; }

.out{ margin:auto 10px; }
.block{ width:100%; float:none; }
.in{ 
    padding:10px; margin:10px; border:1px solid #CCC; 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px inset;
    border-radius: 5px 20px 0px 0px;
}

.in h2{ width:calc(100% - 1.5rem); clear:both; font-size:18px; text-align:left; background:#F8F8F8; padding:10px 10px; border-radius: 10px 10px 0 0; }
.in h2 a{ display:inline; }
.in h2 span{ display:inline; }
.in h2 .tg1{ float:right; }
.in p{ border-top:1px dashed #CCC; border-bottom:0px; padding:10px 0px 0px 0px; }

.in:hover, .in:hover h2{ background:#FFF; }

/* ---  */

.qrcode_pic{ z-index:1200; }
iframe{ width:100%; height:66vh; min-height:240px; border:1px solid #DDD; }

.home-roll{ width:960px; height:413px; }
.home-roh{ height:43.02vw; }
.home-rtext{ background:#0f4188; color:#FFF; }
.home-rtext>div{ color:#FFF;font-size:large;line-height:150%; padding:0.5rem 1rem; }
.home-rtext>div.rtitle{ font-size:large; text-align:center; }

.home-f4img{ width:260px;height:150px; margin:0 25% 0 25%; }
.home-f4img b{ font-size:24px;color:#FFF; display:block; padding-top:2rem; }
.home-f4img i{ font-size:18px;color:#FFF; font-style:normal; }
.home-f4shad1 { text-shadow:2px -2px 5px #00F; }
.home-f4shad2 { text-shadow:2px -2px 5px #fd944d; }

.home-title{ font-family:Microsoft YaHei; font-size:40px; color:#000A2B; text-align:center; padding:20px 0; }
.home-title-color{ font-weight:bold; color:#1691F2; }
.home-title span{ display:inline-block; }
.home-f4title{ font-size:larger; text-align:center; padding:0.5rem;margin:0; }
.home-f4notes{ font-size:smaller; text-align:center; padding:0.5rem;margin:0 auto 1rem auto; color:#666; }

/* ---  */

@media only screen and (min-width:980px){
    .out{ width:960px; margin:auto; }
    .block{ width:50%; float:left; }
    .in{ border-radius: 0px 0px 5px 20px; }
    .in div{ clear:both; }
} /*>=1150(1200)*/

@media only screen and (max-width:750px){
    .grc2{ float:none; width:100%; }
    .home-f4img{ margin:0 auto; }
}

@media only screen and (max-width:960px){
    .home-roll{ width:100%; }
    .home-roh{ height:413px; }
}
@media only screen and (max-width:500px){
    .out{ width:100%; min-width:240px; max-width:480px; margin:auto; }
    .block{ width:100%; float:none; }
    .in{ border-radius: 0px 0px 5px 20px; }
    .in div{ clear:both; }
    .in h2{ display:block; clear:both; font-size:16px; text-align:left; background:#F8F8F8; }
    .in h2 a{ display:inline; }
    .in h2 span{ display:inline; }
    .in h2 .tg1{ float:right; }
    .in p{ border-top:1px dashed #CCC; border-bottom:0px; padding:10px 0px 0px 0px; }
    .head{ width:100%; height:auto; margin:10px auto; }
    .head img{ display:block; float:none; margin:auto; }
    .head h1{ clear:both; margin:10px auto; }
    .head p{ display:block; margin:auto 0px 20px 0px; }
} /*<=764(768)*/


.foot{ text-align:center; clear:both; padding:20px 0; }
.foot p{ padding:0px 0; margin:5px 0; }
.foot a{ display:inline-block; }


.qrcode_tip, .qrcode_pic { display:inline-block; font-style:normal; font-weight:normal; }
.qrcode_pic {
    position: absolute; background:#FFF; 
    top: 23px; left: 0px; text-align:center;
    padding:5px; border:1px solid #CCC;
}

a.qrcode_home { position:relative; }
.qrcode_home, .qrcode_hpic { display:inline-block; font-style:normal; font-weight:normal; }
.qrcode_hpic {
    position: absolute; background:#FFF;
    bottom:10px; left: -105px; text-align:center;
    padding:5px; border:1px solid #CCC;
}