h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Microsoft YaHei UI", "Microsoft YaHei", "Arial", "Verdana", "Tahoma";font-weight: 500;}
html{font-size:62.5%}
body{color:#34495e;background:#fefefe;font-family: "Microsoft YaHei", "Arial", "Verdana", "Tahoma";color: #424242}
blockquote{font-size:1.4rem;color:darkgray}
/*navbar*/
.navbar{font-size:1.2rem;font-weight:500;opacity:.9}

.navbar-brand{font-size:1.5rem;padding:1rem 1.2rem;font-weight:500;text-shadow:0 -1px 0 #263d55}
.navbar-brand img{display:inline;margin:0 5px;}
.navbar li a{font-size:1.4rem;font-weight:500}
.body-content{margin-top:53px}
.navbar img.brand {float:left;display:inline;margin:5px 21px;display:inline-block;vertical-align:middle}
.jumbotron {min-height:460px;background:url(../Images/intropic.jpg) no-repeat 100% 50%/cover;}
#bigad{}
#bigad,#bigad a{color:#fff !important}
#bigad h5{color:#fff;padding:15px 0 0 0;margin-top:225px;text-shadow:1px 0 0 #666;text-align:left}
#bigad h5 small{color:#f0f0f0;font-size:1.2rem;clear:both;}
#bigad h5 small:before{content: '\A';white-space: pre;}
#bigad button{width:200px}
#bigad #inbox,#bigad h5{text-align:right}
/*form*/
input,textarea { -webkit-appearance: none; }
legend,label,.legend{text-shadow:1px 1px 1px #fff;color:#1ABC9C}
.legend .btn{text-shadow:none;}
label.option{color:#34495e;vertical-align:middle;height:20px;line-height:20px;padding-left:0;}
label input[type="radio"]{vertical-align:middle}
legend,.legend{color:#E74C3C;text-shadow:0 0 3px #F1C40F;margin-bottom:10px}
legend small,.legend small{color:#BDC3C7;text-shadow:none}
.icon{margin:0 5px;vertical-align:middle;text-shadow:none;color:#F39C12}
input[type="radio"]{vertical-align:middle}

/*Eval*/
.areaCon{background:#2F9FD6;color:#d1f2eb;padding:5px;font-size:1.4rem;border-bottom:1px #16A085 solid}
.evalItemContainerGreen{font-size:1.6rem;height:18rem}
.evalItemContainerGreen p{font-size:1.6rem;margin:0;padding:0;line-height:1.6;color:#fff}
#progressArea{background:#ECF0F1;padding:10px 25px;border-top:1px #fff solid;border-bottom:1px #BDC3C7 solid;}
#progressArea .progress{margin-bottom:0;background:#fff;}
#evaltopics{margin-bottom:0 !important;}
#i_standard{}

/*micro eval*/
.micro_item{clear:both}
#fs_micro{padding-right:15px;}
#fs_micro .micro_topic{width:100%;line-height:1.6;clear:left}
#fs_micro .micro_option_box{float:left;width:50%;margin:2px 0;}
#fs_micro label.option{font-size:1.2rem;}
#fs_micro .micro_option_box:last-of-type:after{content:'';clear:right;}

#areaReport .tile p{margin-bottom:0;font-size:1.2rem;font-weight:500}
.areaReportContent{text-align:left;font-size:1.2rem;}
#areaReport h3{margin-bottom:.5rem;}
#areaReport .tile-hot-ribbon{width:auto !important;right:20px;top:30px}
#areaReport .tile.blue{background-color:#3498DB;color:#fff;}
#edusuggest h5{font-size:1.8rem;font-weight:700;color:#1ABC9C}
#edusuggest dt{font-size:1.6rem;font-weight:500;color:#335}
#edusuggest dd{font-size:1.4rem;color:#668}

#affixcontent_topics_handler{position:fixed;right:0;bottom:20px;font-size:1.2rem;margin:0;padding:0;list-style:none}
#affixcontent_topics_handler li{margin:0;padding:0;border-left:2px #fff solid;padding:0 0 0 3px;height:1.4rem;line-height:1.4rem;}
#affixcontent_topics_handler li.notshow,#affixcontent_topics_handler li.active.notshow{display:none !important}
#affixcontent_topics_handler li.active{border-left:2px #1ABC9C solid;font-size:1.2rem;font-weight:700}
#affixcontent_topics_handler li.active a{font-size:1.4rem;font-weight:700}
#affixcontent_topics_handler.nav-tabs{border-bottom:none;}
#affixcontent_topics_handler.nav-tabs >li >a {margin:0;padding:0;border:none !important;text-align:center;border-radius:0;}
#affixcontent_topics_handler.nav-tabs >li >a:hover,#affixcontent_topics_handler.nav-tabs >li >a:active,#affixcontent_topics_handler.nav-tabs >li >a:focus{background:none;}
#affixcontent_topics_handler.nav-tabs >li.icon i{font-size:2.5rem !important;}

/*pnotify*/
.alert h4{font-size:1.6rem !important;}
.alert .ui-pnotify-text{font-size:1.4rem !important;}
.ui-pnotify.stack-bar-bottom{top:auto !important; margin:0 auto;right:auto;bottom:0;left:auto !important;max-height:300px;}

.ui-pnotify.custom .ui-pnotify-container{background-color:#F39C12 !important;background-image:none!important;border:none!important;margin-top:5px}
.ui-pnotify.custom .ui-pnotify-title,.ui-pnotify.custom .ui-pnotify-text{color:#FFF!important;padding-left:22px!important;line-height:1!important;text-rendering:geometricPrecision!important; text-shadow:0 0 2px #ce8108}
.ui-pnotify.custom .ui-pnotify-text{font-size:1.4rem !important}
.ui-pnotify.custom .ui-pnotify-title{font-size:1.6rem !important}
.ui-pnotify.custom .ui-pnotify-icon{float:left;}
.ui-pnotify.custom .picon{margin:3px;width:33px;height:33px;}

.btn-latest-evaluation{width:48px;display:inline-block;padding-top:3px}
    .btn-latest-evaluation span{font-size:.8em;}
    .text-white { color: #ffffff !important }
.share-toolbar { background: rgba(255,255,255,.7); width: 75px; height: 75px; padding:0; position: fixed; right: 2px; bottom: 5px; text-align: center; border: 2px #1296db solid; color: #1296db }
    .share-toolbar svg{padding:0; margin:0}
    .share-toolbar div { padding: 0; margin: 0; line-height: 1em; margin-top: -3px; }
    .share-toolbar small { font-size: 10px; }
.navbar-toggle{padding-left:0;}
.navbar-share{}
.navbar-share .glyphicon, .return-btn .glyphicon {font-size:200%; vertical-align:text-bottom}
.d-none{display:none !important;}
.pl-2{padding-left:0.5rem !important;}
.pr-2 { padding-right: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pr-3 { padding-right: 1rem !important; }
.mr-2, .mx-2 { margin-right: 0.5rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mr-4, .mx-4 { margin-right: 1.5rem !important; }
.pt-2, .px-2 {padding-top:0.5rem !important;}
.pt-3, .px-3 { padding-top: 1rem !important; }
.pt-4, .px-4 { padding-top: 1.5rem !important; }
.v-align-middle{vertical-align:middle;}
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }