/** 

【基本样式库】

CSS技巧：
	- width=100%时，不能设置padding，否则撑破父容器
	- lightblue=#add8e6
	- 客户CSS全部小写

压缩CSS工具:	http://developer.yahoo.com/yui/compressor/

**/

/* 网站基准字体大小 */
html {font-size: 13px;}
body {font-size: 13px;}

/* 表格风格 */
table {
    width: 100%;
    table-layout: fixed;
}

/* anchor */
a:link, a:visited, a:active {
    color: #333333;
    text-decoration: none;
}



/**************************************************************************************************************
    兼容bootstrap与ckeditor 
  *************************************************************************************************************/
/*
 * Configure the z-index of the editor UI, so when inside a Bootstrap
 * modal, it will be rendered over the modal.
 */
:root {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}

/*
 * Override the width of the table set by Bootstrap content styles.
 * See: https://github.com/ckeditor/ckeditor5/issues/3253.
 */
.ck-content .table {
    width: auto;
}

/* ************************************************************************************************************** */


/* For MS Office: Mso Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal {
    margin: 0cm;
    margin-bottom: .0001pt;
    text-align: justify;
    font-size: 10.5pt;
    font-family: "Times New Roman";
}

p.MsoHeader, li.MsoHeader, div.MsoHeader {
    margin: 0cm;
    margin-bottom: .0001pt;
    text-align: center;
    border: none;
    padding: 0cm;
    font-size: 9.0pt;
    font-family: "Times New Roman";
}

p.MsoFooter, li.MsoFooter, div.MsoFooter {
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 9.0pt;
    font-family: "Times New Roman";
}

p.MsoBodyText, li.MsoBodyText, div.MsoBodyText {
    margin: 0cm;
    margin-bottom: .0001pt;
    text-align: justify;
    line-height: 150%;
    font-size: 14.0pt;
    font-family: "Times New Roman";
    font-weight: bold;
}

p.MsoBodyTextIndent, li.MsoBodyTextIndent, div.MsoBodyTextIndent {
    margin: 0cm;
    margin-bottom: .0001pt;
    text-align: justify;
    text-indent: 21.0pt;
    font-size: 10.5pt;
    font-family: "Times New Roman";
}

p.MsoBodyText2, li.MsoBodyText2, div.MsoBodyText2 {
    margin: 0cm;
    margin-bottom: .0001pt;
    text-align: justify;
    line-height: 150%;
    font-size: 14.0pt;
    font-family: "Times New Roman";
    font-style: italic;
    text-decoration: underline;
}

p.MsoBodyTextIndent2, li.MsoBodyTextIndent2, div.MsoBodyTextIndent2 {
    margin: 0cm;
    margin-bottom: .0001pt;
    text-align: justify;
    text-indent: 28.0pt;
    font-size: 14.0pt;
    font-family: "Times New Roman";
}


/* 水平放置的一组anchor,用于垂直的功能,每个项目相隔3个像素点 */
a.vertical {
    display: block;
    padding: 1px;
    width: auto;
}


/* 背景 */
.bgsky {
    width: 100%;
    background-image: url(/iKidsIcons/bgCroud.jpg);
    background-repeat: repeat-x;
    background-position: top center;
}

.bgbw {
    width: 100%;
    background-image: url(/iKidsIcons/bgbw.png);
    background-repeat: repeat-x;
    background-position: top center;
}

/* 固定宽度居中 */
.w1004,.w1260 {
    height: auto;
    overflow-x: hidden; overflow-y: visible;
    margin-left: auto; margin-right: auto;
}

.w1004 {width: 1004px;}
.w1260 {width: 1260px;}

/* cursor */
.hand {cursor: pointer;}

/* iKidsHomePhoto */
.pphoto {
    padding-bottom: 3px;
    width: auto;
    font-size: 1rem;
    text-align: center;
}

.pphotofunc {
    width: auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 2px;
    text-align: center;
}

/* HomePage */
.homepagetop {
    width: auto;
    min-width: 1004px;
    height: 50px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
    background-image: url(/iKidsIcons/bghomepagetop.png);
    background-repeat: repeat-x;
    background-position: top left;
}

.homepagename, .homepagem, .homepagef, .homepagefrom {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    height: 30px;
    padding: 10px 0px 0px 35px;
    margin-right: 20px;
    background-image: url(/iKidsIcons/desIcons.png);
    background-repeat: no-repeat;
}

.homepagename {
    background-position: 0px 0px;
}

.homepagefrom {
    background-position: 0px -50px;
}

.homepagef {
    background-position: 0px -100px;
}

.homepagem {
    background-position: 0px -150px;
}

.homepagelog, .homepagebarlogin, .homepagebarlogout, .homepagebarpassword,
.homepagebarpersonalinfo, .homepagebarpersonal, .homepagebarsmalltalk,
.homepagebarwebmanage, .homepagebarweibo, .homepagebarmonitor, .homepagebarreport {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    cursor: pointer;
    width: 80px;
    height: 50px;
    margin-right: 1px;
    background-image: url(/iKidsIcons/bghomepagetop.png);
    background-repeat: no-repeat;
}

.homepagelog {
    background-position: 0px -55px;
}

.homepagebarlogin {
    background-position: 0px -105px;
    margin-right: 0px;
}

.homepagebarlogout {
    background-position: 0px -155px;
    margin-right: 0px;
}

.homepagebarpassword {
    background-position: 0px -205px;
}

.homepagebarpersonalinfo {
    background-position: 0px -255px;
}

.homepagebarpersonal {
    background-position: 0px -305px;
}

.homepagebarsmalltalk {
    background-position: 0px -355px;
}

.homepagebarwebmanage {
    background-position: 0px -405px;
}

.homepagebarweibo {
    background-position: 0px -455px;
}

.homepagebarmonitor {
    background-position: 0px -505px;
}

.homepagebarreport {
    background-position: 0px -555px;
}

.homepage, .homepagew {
    margin-left: auto;
    margin-right: auto;
    padding: 1px;
    height: auto;
    overflow-x: hidden;
    overflow-y: visible;
}

.homepage {
    width: 1004px;
}

.homepagew {
    width: 1260px;
}

.homepagebottom {
    width: auto;
    padding: 5px;
    margin-top: 10px;
    font-size: 1rem;
    text-align: center;
    line-height: 20px;
}


/* 半透明 */
.opacity, .opacityblack, .opacitylb, .opacitylight,.opacitywhite {
    background-repeat: repeat;
}

.opacity {
    background-image: url(/iKidsIcons/bgOpacity.png);
}

.opacitylb {
    background-image: url(/iKidsIcons/bgOpacitylb.png);
}

.opacityblack {
    background-image: url(/iKidsIcons/bgOpacityBlack.png);
}

.opacitylight {
    background-image: url(/iKidsIcons/bgOpacitylight.png);
}

.opacitywhite {
    background-image: url(/iKidsIcons/bgOpacityWhite.png);
}

.cssopacity5 {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.cssopacity6 {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.cssopacity7 {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.cssopacity8 {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.cssopacity9 {
    filter: alpha(opacity=90);
    opacity: 0.9;
}

/* text input style */
.enter {border: solid 1px #DEE2E6;color: #000080;font-size: 1rem;padding:5px;border-radius:3px;}
.enter:focus {
    outline: none; /* 去掉默认的聚焦样式 */
    border: solid 1px #DEE2E6;
    box-shadow: 0 0 8px rgba(0, 0, 128, 0.5); /* 添加阴影 */
    border-color: #000080; /* 可选：改变边框颜色以突出聚焦 */
}
.enterfull {
    width: 100%;
    border: none;
    color: #000080;
    font-size: 1rem;
    padding: 5px;
}
.enterfull:focus {
    outline: none; /* 去掉默认的聚焦样式 */
    border: solid 1px #DEE2E6;
    box-shadow: 0 0 8px rgba(0, 0, 128, 0.5); /* 添加阴影 */
    border-color: #000080; /* 可选：改变边框颜色以突出聚焦 */
}
.enterblank {
    width: 100%;
    line-height: 20px;
    color: #000080;
    border: none;
    background-image: url(/iKidsIcons/enterblank.gif);
    background-repeat: repeat-y;
    background-position: left top;
    padding: 5px;
}
.enterblank:focus {
    outline: none; /* 去掉默认的聚焦样式 */
    border: solid 1px #DEE2E6;
    box-shadow: 0 0 8px rgba(0, 0, 128, 0.5); /* 添加阴影 */
    border-color: #000080; /* 可选：改变边框颜色以突出聚焦 */
}

.tdwrap {
    border: solid 1px #666666!important;
    overflow: hidden;
}

.enterwrap {
    width: auto;
    border: solid 1px #666666;
    margin: 1px 1px 1px 0px;
    overflow: hidden;
    padding: 5px;
}

/* image style */
.icon, .iconh {
    margin-right: 3px;
}

.iconh {
    cursor: pointer;
}

.legend {
    max-width: 16px;
    max-height: 16px;
}

/* table style */
.tbbox {
    width: 100%;
    color: #333333;
    border: solid #aaaaaa 1px;
}

tr.title {
    text-align: center;
    background-color: #b0b0c0;
    color: white;
    vertical-align: middle;
}

.tr0 {
    background-color: white;
}

.tr1 {
    background-color: #fafafa;
}

.sub,.subv {
    text-align: right;
    font-weight:bold;
}

.subv {
    vertical-align: top;
    padding-top: 3px;
}

.body {
    text-align: left;
    color: #333333;
    overflow-x: hidden;
    vertical-align: top;
}

.break {
    border-top: solid lightblue 5px;
}

.column {
    border-bottom: solid #e0e0e0 1px;
}

.breakvline {
    color:#e0e0e0;
}

.nextpic {
    cursor: url(/iKidsHome/Mouse/next.cur),auto;
}

.lastpic {
    cursor: url(/iKidsHome/Mouse/pre.cur),auto;
}


/* font size */
.font-normal {font-weight:normal;font-size: 1rem;}
.font-size-xsmall {font-size: 0.69rem;}/* 9px */
.font-size-small {font-size: 0.84rem;}/* 11px */
.font-size-xxxlarge {font-size: 3rem;}/* 39px */
.font-size-xxxxlarge {font-size: 4rem;}/* 52px */

.firstchar {
    font-size: 1.3rem;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    background-image: url('/iKidsIcons/bgCircle.gif');
    background-repeat: no-repeat;
    background-position: center center;
}



/* text decoration */
.dash {
    border: 0px;
    border-bottom: dashed lightgray 1px;
}

.dashtop {
    border: 0px;
    border-top: dashed lightgray 1px;
}


/* width & height */
.auto {width:auto;height:auto;overflow:hidden;}
.autox {width:auto;height:auto;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}

.w0 {width: 0px;}
.w3 {width: 3px;}
.w5 {width: 5px;}
.w10 {width: 10px;}
.w20 {width: 20px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w45 {width: 45px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w64 {width: 64px;}
.w70 {width: 70px;}
.w75 {width: 75px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w153 {width: 153px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w173 {width: 173px;}
.w180 {width: 180px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w210 {width: 210px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w240 {width: 240px;}
.w250 {width: 250px;}
.w260 {width: 260px;}
.w270 {width: 270px;}
.w280 {width: 280px;}
.w290 {width: 290px;}
.w300 {width: 300px;}
.w320 {width: 320px;}
.w400 {width: 400px;}
.w480 {width: 480px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w640 {width: 640px;}
.w700 {width: 700px;}
.w730 {width: 730px;}
.w780 {width: 780px;}
.w800 {width: 800px;}

.h10 {height: 10px;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h50 {height: 50px;}
.h55 {height: 55px;}
.h60 {height: 60px;}
.h64 {height: 64px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h90 {height: 90px;}
.h100 {height: 100px;}
.h110 {height: 110px;}
.h120 {height: 120px;}
.h125 {height: 125px;}
.h130 {height: 130px;}
.h140 {height: 140px;}
.h150 {height: 150px;}
.h160 {height: 160px;}
.h170 {height: 170px;}
.h180 {height: 180px;}
.h190 {height: 190px;}
.h200 {height: 200px;}
.h210 {height: 210px;}
.h300 {height: 300px;}
.h330 {height: 330px;}
.h480 {height: 480px;}
.h640 {height: 640px;}
.h800 {height: 800px;}

/* 用以ActiveTitle BG 专用 */
.h66 {height: 66px;}
.h86 {height: 86px;}
.h153 {height: 153px;}
.h160 {height: 160px;}
.h173 {height: 173px;}
.h326 {height: 326px;}

/* min width and height */
.max-width-100p {max-width: 100%;}
.max-width-160 {max-width: 160px;}
.max-width-320 {max-width: 320px;}
.max-width-480 {max-width: 480px;}
.max-width-640 {max-width: 640px;}
.max-width-800 {max-width: 800px;}

.min-width-160 {min-width: 160px;}
.min-width-480 {min-width: 480px;}
.min-width-640 {min-width: 640px;}
.min-width-800 {min-width: 800px;}
.min-width-960 {min-width: 960px;}
.min-width-1004 {min-width: 1004px;}
.min-width-1260 {min-width: 1260px;}
.min-width-1900 {min-width: 1900px;}
.min-width-2028 {min-width: 2028px;}
.min-width-2480 {min-width: 2480px;}

.max-height-100p {max-height: 100%;}
.min-height-100 {min-height: 100px;}
.min-height-300 {min-height: 300px;}
.min-height-500 {min-height: 500px;}


/* line height */
.lh20, .lh25, .lh30, .lh35, .lh40, .lh50, .lh80, .lh100 {
    vertical-align: middle;
}

.lh20 {
    line-height: 20px;
}

.lh25 {
    line-height: 25px;
}

.lh30 {
    line-height: 30px;
}

.lh35 {
    line-height: 35px;
}

.lh40 {
    line-height: 40px;
}

.lh50 {
    line-height: 50px;
}

.lh80 {
    line-height: 80px;
}

.lh100 {
    line-height: 100px;
}

/* padding */
.pt50 {
    padding-top: 50px;
}

.pt80 {
    padding-top: 80px;
}

/* display as a icon or a bar*/
.typeicon, .lineicon, .lineiconc {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
}

.typeicon {
    height: 16px;
    width: 0px;
}

.lineicon {
    width: 36px;
    height: 36px;
    background: url(/iKidsIcons/lineicon.png);
    background-repeat: no-repeat;
}

.lineiconc {
    width: 145px;
    height: 105px;
    padding: 78px 5px 0px 5px;
    text-align: center;
    background: url(/iKidsIcons/lineiconc.png);
    background-repeat: no-repeat;
}
/* 每行5个，w145*h103 */

.typebar {
    display: block;
    width: auto;
    padding-left: 24px;
}

.hidden {-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/**	swfupload: Flash上传功能 **/
.progresswrapper {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.progresscontainer {
    padding: 4px;
    background-color: #F7F7F7;
    overflow: hidden;
}

.message {
    padding: 10px 10px;
    background-color: #FFFFCC;
    overflow: hidden;
}
/* Message */

/* Complete */
.progressname {
    font-size: 1rem;
    font-weight: bold;
    color: #555;
    width: 100%;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressbarinprogress, .progressbarcomplete, .progressbarerror {
    font-size: 0rem;
    width: 0%;
    height: 2px;
    background-color: blue;
}

.progressbarcomplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressbarerror {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressbarstatus {
    width: 100%;
    font-size: 1rem;
    text-align: left;
    white-space: nowrap;
}

a.progresscancel {
    font-size: 0rem;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(/iKidsIcons/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progresscancel:hover {
    background-position: 0px 0px;
}


/**
	Digital: 用于显示数字，具体的数字表现及字符均由系统自动计算
**/
.s-digital {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    background-image: url(/iKidsHome/Digital/spriteDigital.gif);
    background-repeat: no-repeat;
}


/* click to help */
.help {
    padding-left: 20px;
    cursor: pointer;
    background-image: url(/iKidsIcons/iconHelp.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

/* iKids Used div */
.smenu, .scard{position: absolute; top: 0px; left: 0px; text-align: left;}
.scard {z-index: 2000;}
.smenu {z-index: 2030;text-align:center;
        padding: 2px;left: -300px;height: 100%;width: 304px;overflow-y: auto;
        background-color: white;color:dimgray;filter: alpha(opacity=85);opacity: 0.85;}

.bshadow {
    position: absolute;
    left: 0px;
    top: 0px;
    filter: alpha(opacity=70);
    opacity: 0.7;
    background-color: #66ffff;
    border: none;
    z-index: 40;
    cursor: move;
    width: 14px;
    height: 14px;
    padding: 2px;
    text-align: left;
}

.floathelp {z-index: 19;position: absolute;overflow: visible;width: 100%;height: 0px;}
.floathelpimage {border: none;}

/*浮动层*/
.flHide {
    width: 30px;
    background-image: url(/iKidsIcons/delgray12.png);
    background-repeat: no-repeat;
    background-position: center center;
}

 
/* arrows.gif: 关闭和打开 */
.opendown, .closeup, .openjia, .closejian, .sortup, .sortdown, .areajia, .areajian, .max, .min {
    cursor: pointer;
    padding: 2px 2px 2px 20px;
    white-space: nowrap;
    background-image: url(/iKidsIcons/Arrows.gif);
    background-repeat: no-repeat;
}

.opendown {
    background-position: 0px 0px;
}

.closeup {
    background-position: 0px -50px;
}

.openjia {
    background-position: 0px -100px;
}

.closejian {
    background-position: 0px -150px;
}

.max {
    background-position: 0px -100px;
}

.min {
    background-position: 0px -150px;
}

/*qfd 2016-8-3 13:57:13 移动端样式V*/
.maxNew {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c7c7cc;
    border-style: solid;
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
}

.minNew {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(315deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c7c7cc;
    border-style: solid;
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
}
/************************************/

.sortdown {
    background-position: 0px -200px;
}

.sortup {
    background-position: 0px -250px;
}

.areajia, .areajian {
    color: #333333;
    font-size: 1rem;
}

.areajia {
    background-position: 0px -97px;
}

.areajian {
    background-position: 0px -147px;
}

/* 定义一组快捷图标，用于点击后快速进入相应的功能(bgShortCut.png) */
.sctoday, .sctomorrow, .sctheweek, .scnextweek, .sclist, .scdownload, .scupload {
    background-image: url(/iKidsIcons/bgShortCut.png);
    background-repeat: no-repeat;
    padding-top: 60px;
    text-align: center;
    cursor: pointer;
}
.sctoday {background-position: center 0px;}
.sctomorrow {background-position: center -200px;}
.sctheweek {background-position: center -400px;}
.scnextweek {background-position: center -600px;}
.sclist {background-position: center -800px;}
.scdownload {background-position: center -1000px;}
.scupload {background-position: center -1200px;}

/**
	iKidsQuickMenu: 导航栏主菜单
**/
.quickmenuitem {
    cursor: pointer;
    background-color: #FFFFFF;
    width: auto;
    overflow: auto;
    padding-top: 10px;
    overflow: hidden;
    border-right: 1px solid #D5D5D5;
    border-bottom: 3px solid #D5D5D5;
}

.quickmenutext {
    border-style: none;
    border-color: inherit;
    border-width: 1px;
    background-color: white;
    width: auto;
    height: 100%;
    overflow: auto;
    text-align: center;
    overflow-x: hidden;
    overflow-y: visible;
}

/**
	SimpleMenuText: 简单主菜单
**/
.simplemenuitem {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    width: auto;
    white-space: nowrap;
}

/**
	marquee style
**/
/* marquee pics */
.marqueeu, .marqueel {
    cursor: pointer;
    overflow: Hidden;
}

.marqueeu {
    text-align: left;
    margin-bottom: 5px;
    width: 100%;
}

.marqueel {
    color: #ffffff;
    white-space: nowrap;
}

/* marquee text */
.marqueeksub {
    color: #ff9933;
    text-decoration: underline;
}

.marqueekbody {
    color: #333333;
}


/* 排序符号 */
.listup, .listdown {
    padding-left: 10px;
    background-image: url(/iKidsIcons/sortIcon.gif);
    background-repeat: no-repeat;
}

.listup {
    background-position: 0px 0px;
}

.listdown {
    background-position: -1000px 0px;
}


/*************************************
	bgIconsBuilding.png: 建筑样式 
*************************************/
.blockadd {
    background-image: url(/iKidsIcons/bgBlockAdd100.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.conference, .group, .addhome, .addstaff, .star, .here, .staffcount, .departmentcount, .addconference, .salesman, .tagdate {
    padding-left: 24px;
    text-align: left;
    overflow: hidden;
    background-image: url(/iKidsIcons/bgIconsBuilding.png);
    background-repeat: no-repeat;
}

.here {
    background-position: 0px -900px;
    min-height: 20px;
}

.conference {
    background-position: 0px -200px;
    min-height: 24px;
    border-bottom: solid #add8e6 2px;
    vertical-align: bottom;
    background-color: #f0f0ff;
}

.group {
    background-position: 0px -600px;
    padding-left: 20px;
}

.star {
    background-position: 0px -800px;
    padding-left: 13px;
}

.staffcount {
    background-position: 0px -1000px;
    padding-left: 15px;
}

.departmentcount {
    background-position: 0px -1100px;
    padding-left: 17px;
}

.addhome {
    cursor: pointer;
    background-position: 0px -700px;
    padding-left: 22px;
}

.addstaff {
    cursor: pointer;
    background-position: 0px -1300px;
    padding-left: 18px;
}

.addconference {
    cursor: pointer;
    background-position: 0px -1400px;
    padding-left: 18px;
}

.salesman {
    background-position: 0px -1500px;
    padding-left: 18px;
}

.tagdate {
    background-position: 0px -1700px;
    height: 20px;
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    padding-left: 17px;
}

/* 用于显示弹出的功能模块:bgFuncBox.png */
.popfuncbox {
    position: absolute;
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    z-index: 9;
    padding: 5px;
    background-image: url(/iKidsIcons/bgFuncBox.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

/* 信息显示块 */
.messageblock {
    width: auto;
    height: auto;
    text-align: left;
    border-bottom: dashed gray 1px;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: visible;
    margin-bottom: 2px;
    padding: 2px;
}


/* flag */
.flagr, .flagb, .flagy, .flagp, .flagg {
    padding-left: 12px;
    background-image: url(/iKidsIcons/bgIconsFlag.png);
    background-repeat: no-repeat;
}
.flagb {background-position: 0px 0px;}
.flagg {background-position: 0px -100px;}
.flagp {background-position: 0px -200px;}
.flagy {background-position: 0px -300px;}
.flagr {background-position: 0px -400px;}


/* title */
.updatetitle {
    text-align: left;
    color: white;
    background-color: #3B5998;
    padding: 2px 2px 2px 20px;
    background-image: url(/iKidsIcons/EditNoticeOn.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

span.title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #333333;
}

.groupTitle {
    width: auto;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px 10px 10px 25px;
    margin-bottom: 10px;
    background-position: left center;
    background-repeat: no-repeat;
    color: #333333;
    background-image: url(/iKidsIcons/iconGroup.gif);
}

/* 聚焦点 */
.addman, .link, .file, .go, .move {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    height: 13px;
    padding-left: 20px;
    white-space: nowrap;
    cursor: pointer;
    background-image: url(/iKidsIcons/bgIconsFunc.png);
    background-repeat: no-repeat;
}

.addman {
    background-position: 0px -400px;
}

.link {
    background-position: 10px -500px;
    height: 26px;
}

.file {
    background-position: 0px -700px;
    height: 20px;
}

.go {
    background-position: 0px -800px;
}

.move {
    background-position: 0px -1000px;
    padding-left: 34px;
}

.newinfo, .moreinfo {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
    margin:0px 5px 0px 5px;
}

.newinfo {
    height: 15px;
    padding-left: 32px;
    background-image: url(/iKidsIcons/NewLog.gif);
}

.moreinfo {
    height: 20px;
    padding-left: 65px;
    background-image: url(/iKidsIcons/more.gif);
}

.high, .low {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    height: 10px;
    padding-left: 8px;
    background-image: url(/iKidsIcons/iconPriority.png);
    background-repeat: no-repeat;
}

.low {
    background-position: 0px 0px;
}

.high {
    background-position: 0px -50px;
}

.top1, .top2, .top3 {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    height: 24px;
    padding-left: 25px;
    background-image: url(/iKidsIcons/iconTop3.png);
    background-repeat: no-repeat;
}

.top1 {
    background-position: 0px 0px;
}

.top2 {
    background-position: 0px -50px;
}

.top3 {
    background-position: 0px -100px;
}

.scorelevel0, .scorelevel1, .scorelevel2, .scorelevel3 {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    height: 16px;
    width: 16px;
    background-image: url(/iKidsIcons/iconLevel.png);
    background-repeat: no-repeat;
}

.scorelevel0 {
    background-position: 0px 0px;
}

.scorelevel1 {
    background-position: 0px -16px;
}

.scorelevel2 {
    background-position: 0px -32px;
}

.scorelevel3 {
    background-position: 0px -48px;
}

.setdate {
    cursor: pointer;
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    height: 17px;
    padding-left: 22px;
    background-image: url(/iKidsIcons/iconAgenda.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

/* div */
.ikidscard {
    /* css3 */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/* 一张白纸，用于显示报表 */
.float {
    z-index: 10;
    position: absolute;
}

.search, .tool, div.title {
    width: auto; overflow-x: auto; overflow-y: visible;
    padding: 5px; color: #333333;text-align: left;white-space:nowrap;
}

.search {border-left: solid #8BBF2E 5px;}
.tool {border-left: solid #add8e6 5px;}
div.title {
    font-size: 1.1rem;
    font-weight: bold;
    border-left: solid #f0f0f0 5px;
}

div.titlecontent {
    width: auto;
    padding-left: 23px;
    margin-bottom: 20px;
    overflow-x: hidden;
}

.select{
    width: auto;
    height: auto;
    overflow: auto;
    white-space: nowrap;
    text-align: left;
    padding: 2px;
    color: #333333;
    margin-bottom: 20px;
}

.select {
    border-bottom: dashed gray 1px;
}

.result {
    margin: 2px 0px 2px 0px;
    padding: 2px;
    text-align: left;
    border: solid #add8e6 1px;
    color: #333333;
}

/* span */
.icontips {
    font-weight: bold;
    padding-left: 15px;
    background-image: url(/iKidsIcons/iconTip.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

.blue14 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #0000ff;
}

.gray11 {
    color: #333333;
    font-size: 0.8rem;
}

.blue11 {
    color: blue;
    font-size: 0.8rem;
}

.gray9 {
    color: #333333;
    font-size: 0.7rem;
}

.red9 {
    color: #ff6633;
    font-size: 0.7rem;
}

/* Small User Image */
.piSel{cursor: pointer;overflow: hidden; height: 40px;width:40px;border-radius:50%;}
.borderB {border: solid #e0e0ff 1px;}
.borderR {border: solid #ffe0e0 1px;}

/* KindergartenBottom */
.cert {
    width: auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: visible;
    white-space: nowrap;
    line-height: 30px;
}

/* iKidsComments */
.NCTitle {
    width: auto;
    background-color: #f0f0f0;
    text-align: left;
    font-size: 1rem;
    padding: 5px;
}

img.em {
    float: left;
    cursor: pointer;
}

.bcType {
    margin-right: 1px;
    float: left;
    cursor: pointer;
}

.bctitle0, .bctitle1 {
    /* For Firefox  */
    overflow-x: hidden;
    overflow-y: visible;
    padding: 2px;
    line-height: 24px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #F0F0F0)); /* For Safari and Chrome */
}

.bctitle0 {
    width: 20%;
}

.bccontent {
    /* For Firefox  */
    width: auto;
    overflow-x: hidden;
    overflow-y: visible;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 2px;
    border-bottom: 1px solid gray;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F0F0FF),color-stop(1, #FFFFFF)); /* For Safari and Chrome */
    /* For IE */
}

.idLead {
    font-size: 0.8rem;
    color: #ff6633;
}

.bcSub {
    font-size: 1.1rem;
    font-weight: bold;
    color: black;
}

.bcWhen {
    font-size: 0.8rem;
    color: #333333;
}

.bcWho {
    float: left;
}

.bcReplyWho {
    float: left;
}

.bcReply {
    /* For Firefox  */
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 2px;
    width: auto;
    overflow-x: hidden;
    overflow-y: visible;
    border-bottom: 1px solid gray;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #FFE0E0)); /* For Safari and Chrome */
}

.bcSendTitle {
    width: auto;
    color: #333333;
    padding: 5px;
    background-color: #add8e6;
}

.bcSendBody {
    width: auto;
    padding: 5px;
}

.bcReTitle {
    width: auto;
    color: #333333;
    padding: 5px;
    background-color: #add8e6;
    background-color: #f0f0f0;
}

.divNC {
    border: #3B8CCE 1px solid;
    width: 100%;
    background-color: #f0f0f0;
}

.divNCName {
    width: auto;
    padding: 2px;
    border-bottom: 1px solid #3B8CCE;
    text-align: left;
}

.divNCNotice {
    width: auto;
    font-size: 1.1rem;
    padding: 2px;
    border: gray 1px solid;
    background-color: #f0f0f0;
}

.divNCComments {
    border: gray 1px solid;
    padding: 2px;
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* MemberFunction */
.memberFuncR, .memberFuncL {
    width: 100%;
}

.memberFuncR {
    float: right;
}

.memberFuncL {
    float: left;
}

/* Name Card */
.nameCardTitle {
    font-size: 0.8rem;
    color: blue;
}


/* User Image */
.imgUser {
    width: 100%;
    height: 80px;
    overflow: hidden;
    text-align: center;
}

.userIn, .userOut {
    cursor: pointer;
    height: 80px;
}

.userOut {
    filter: alpha(opacity=50);
    opacity: 0.5;
}


/* PopUp */
.pop {
    left: 0px;
    padding: 2px;
    position: absolute;
    top: 0px;
    height: 100%;
}

.SysInfoTitle {
    text-align: center;
    height: 32px;
    font-size: 1.1rem;
    font-weight: bold;
    border-bottom: solid gray 1px;
}

.SysInfoBody {
    text-align: left;
}

.SysInfoClose {
    text-align: right;
    height: 19px;
    border-top: solid gray 1px;
}


/* iKidsPageOver */
.pageOver {
    white-space: nowrap;
    overflow: Hidden;
    margin-left: auto;
    margin-right: auto;
}


/* KindergartenTop */
.webTitle {
    margin-right: 3px;
    color: #333333;
    float: left;
}

input.logInEnter {
    float: left;
    background-color: #FAFAFA;
    border-width: 1px;
    border-style: Inset;
    width: 80px;
    margin-right: 3px;
}

.LoginPopUp {
    width: auto;
    padding: 20px 40px 20px 40px;
}

/* Thumbnail */
.boxpreview {
    width: auto;
    text-align: center;
    padding: 2px;
    font-weight: bold;
    font-size: 1rem;
    color: #333333;
    position: relative;
}

.thumbnail {
    width: 145px;
    height: 145px;
    margin-left: auto;
    margin-right: auto;
}

.bgwork {
    width: 105px;
    height: 120px;
    border: none;
}

.tempthumbnail, .tempthumbnailselect,.tempthumbnail4school, .tempthumbnailselect4school {
    width: 150px;
    height: 120px;
    padding-top: 100px;
    text-align: center;
    cursor: pointer;
    color: #666666;
    margin: 2px;
    float: left;
    background-repeat: no-repeat;
}

.tempthumbnail, .tempthumbnailselect {
    background-image: url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/HomePageTemplate/TemplateThumbnail.jpg);
}

.tempthumbnail,.tempthumbnail4school {
    border: solid #EEEEEE 3px;
}

.tempthumbnailselect,.tempthumbnailselect4school {
    border: solid #FFB941 3px;
}


/* Baby Show */
.homepagelisttitle {
    width: auto;
    overflow-x: hidden;
    overflow-y: visible;
    color: #3B3B3B;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
}

.homepagelistcontent {
    width: auto;
    border: solid gray 1px;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 2px;
}


/* iKidsHome.aspx.vb */
.spaniKidsAlert {
    margin-left: 10px;
    font-size: 1rem;
    font-weight: bold;
}



/* QQ Service */
.divQQServive {
    width: auto;
    text-align: center;
    padding: 2px;
}

.titleQQServive {
    width: 100%;
    text-align: center;
    text-decoration: underline;
    color: #333333;
}




/* Title Image Style */
.RowDiv {
    position: relative;
    width: auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: visible;
    text-align: center;
}

.ColumnDiv, .ColumnDiv2 {
    position: relative;
    height: 210px;
    text-align: center;
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    overflow: hidden;
    white-space: nowrap;
}

.ColumnDiv {
    width: 25%;
}

.ColumnDiv2 {
    width: 50%;
}



/* KindergartenJobs */
.jobs {
    width: auto;
    text-align: left;
}

.anchorSingle {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0px 10px 0px;
}

/* ClassRoomVisitMap */
.visitNum {
    font-size: 0.8rem;
    color: black;
    text-align: left;
}

.visitBar {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    height: 20px;
    background-color: lightblue;
    color: white;
    text-align: right;
    padding-right: 5px;
}

/* TopUserPanner */
.spanDateStatus {
    color: #333333;
    float: left;
    padding-top: 2px;
}

/* PersonalInfoSecurity */
.divPISBodyName {
    float: left;
    width: 30%;
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    line-height: 26px;
    text-align: right;
    color: #333333;
}

.divPISBody {
    float: right;
    width: 69%;
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    text-align: left;
}

/* 显示访客及好友名单 */
.friendbox {
    margin: 5px;
    padding: 2px;
    width: 124px;
    height: 174px;
    white-space: nowrap;
    text-align: center;
    color: #696969;
    overflow: hidden;
    float: left;
}

.friendimg {
    width: 80px;
    height: 80px;
    border: none;
    cursor: pointer;
    margin-bottom: 5px;
}

.friendtitle {
    font-size: 1rem;
    margin: 2px;
    color: #696969;
    line-height: 20px;
}



/* Kindergarten Half Year Plan */
.divHYTitle {
    width: auto;
    text-decoration: underline;
    font-size: 1.1rem;
    font-weight: bold;
    margin-top: 10px;
    color: #000080;
    background-color: #add8e6;
}

/* TargetTitle */
.targetTitle {
    width: auto;
    overflow: auto;
    padding: 2px;
    text-align: left;
    font-size: 1.1rem;
    font-weight: bold;
    color: Blue;
}


/* Personal HomePage Head */
.HPTitle {
    font-size: 1.2rem;
    font-weight: bold;
    color: #00ffff;
}

.HPNameCard {
    color: #6060ff;
}

/* iKidsHomeSideBarMenu */
.divSBMenu {
    color: black;
    padding: 2px;
    padding-left: 12px;
    background-image: url(/iKidsIcons/iconTip.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

/* DisplayNotice */
.wbarp {
    z-index: 10;
    position: absolute;
    text-align: center;
}

.tdTop {
    text-align: left;
}

.divNavi {
    text-align: left;
    width: auto;
    padding: 2px;
    color: Gray;
    margin-top: 5px;
}


/* simple menu item */
.mClass {
    font-size: 1.1rem;
    color: #333;
}

.mBr {
    color: #b0b0b0;
    margin: 0px 3px 0px 3px;
}

/* User Info */
.UITitle {
    width: auto;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}


/* MostUpdateComments */
.comMost {
    width: auto;
    padding: 2px;
    border-bottom: solid #add8e6 1px;
    cursor: pointer;
    margin-bottom: 10px;
}

.comName {
    text-decoration: underline;
    color: #333333;
}

.comSub {
    color: #ff6633;
    padding-left: 13px;
    text-decoration: underline;
    background-image: url(/iKidsIcons/iconHasComments.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.comBody {
    margin: 2px;
}

.com4Verify {
    padding-left: 13px;
    background-image: url(/iKidsIcons/iconHasComments.gif);
    background-position: left top;
    background-repeat: no-repeat;
}



/* Upload Files */
.uploadBox {
    width: 596px;
    background-color: #e9eae1;
    TEXT-ALIGN: left;
    padding: 2px;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
}

.titleBox {
    width: 290px;
    background-color: #F5F6EC;
    border: solid 1px gray;
    padding: 5px;
    color: #6B68BA;
    font-size: 1.1rem;
    font-weight: bold;
}

.memberTypeSel, .selectAlbum {
    text-align: left;
    padding: 2px;
    width: auto;
    background-color: #F0F0F0;
    border: solid gray 1px;
}

.selectAlbum {
    color: #333333;
}

/* 上传与下载 */
.download {
    width: auto;
    padding: 2px 2px 2px 20px;
    background-color: #f0f0f0;
    text-align: left;
    font-size: 1.1rem;
    color: white;
    background-image: url(/iKidsIcons/iconDownload.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.upload {
    width: auto;
    padding: 2px 2px 2px 20px;
    background-color: #f0f0f0;
    text-align: left;
    font-size: 1.1rem;
    color: white;
    background-image: url(/iKidsIcons/iconFilesReport.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.xlsdownload {
    padding: 2px 0px 0px 13px;
    text-align: left;
    font-size: 1rem;
    background-image: url(/iKidsIcons/iconExcel.gif);
    background-repeat: no-repeat;
    background-position: left center;
}




/* div Bar */
.BarAccount, .BarDollar {
    height: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.BarAccount {
    background-color: #99ffff;
    border-right: solid #66cccc 1px;
    background-image: url(/iKidsIcons/iconSalesAccount.gif);
}

.BarDollar {
    background-color: #ffff66;
    border-right: solid #cccc33 1px;
    background-image: url(/iKidsIcons/iconDollar16.gif);
}




/* 音乐播放控制图片 */
.musicHide {
    display: none;
}

.musicOn, .musicOff {
    cursor: pointer;
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    width: 21px;
    height: 16px;
    background-image: url(/iKidsIcons/bgMusic.gif);
    background-repeat: no-repeat;
}

.musicOn {
    background-position: 0px 0px;
}

.musicOff {
    background-position: 0px -32px;
}



/**
	DeskTop: 用于显示桌面背景
**/
.toolbox {
    width: auto;
    display: block;
    padding-left: 5px;
    padding-top: 12px;
    overflow-x: hidden;
    margin-right: 2px;
    margin-bottom: 10px;
    background-image: url(/iKidsIcons/bgTools.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.tooltitle {
    width: 100%;
    height: 30px;
    color: #F96A4A;
    font-weight: bold;
    font-size: 1.1rem;
    text-align: left;
    background-image: url(/iKidsIcons/bgIconsFunc.png);
    background-position: right -1600px;
    background-repeat: no-repeat;
}

.tooltitletext {
    padding-left: 30px;
}

.toolcontentwrap {
    width: auto;
    border-right: solid gray 1px;
    border-bottom: solid gray 1px;
}

.toolcontent {
    width: auto;
    padding: 2px;
}

.toolmorefunc {
    width: auto;
    cursor: pointer;
    color: Purple;
    padding-left: 90px;
    margin: 30px 0px 10px 0px;
    height: 80px;
    text-align: left;
    line-height: 80px;
    font-size: 1.4rem;
    font-weight: bold;
    background-image: url(/iKidsIcons/MoreService.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

/**
	Who is Speaking
**/
.whoisspeaking {
    width: auto;
    padding: 5px 5px 25px 5px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#FFFF99);
    background-image: url(/iKidsIcons/iconNovel.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

/*	链式显示 */
.bglinkt, .bglinkb, .bglink {
    width: 20px;
    background-image: url(/iKidsIcons/bgLink.png);
    background-repeat: no-repeat;
}

.bglink {
    background-position: -10px 0px;
}

.bglinkt {
    background-position: 0px 0px;
}

.bglinkb {
    background-position: 0px -980px;
}


/* Function Top Pannel 子功能栏 */
.mainfunc, .noticealert, .serviceonline {
    background-image: url(/iKidsIcons/butMore.png);
    background-repeat: no-repeat;
}

.mainfunc {
    background-position: -960px 0px;
    width: auto;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 10px 0px 0px 60px;
}

.noticealert, .serviceonline {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    cursor: pointer;
    width: 80px;
    height: 24px;
}

.noticealert {
    background-position: -160px -25px;
}

.serviceonline {
    background-position: -240px -25px;
}

.funcblock {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    height: 50px;
    width: 70px;
    text-align: center;
    overflow: hidden;
    float: left;
}




.activecontent, .activecontentshort, .activecalendar, .activeannouncement, .activesmalltalk, .activeapp, .activetimeoffstaff, .activetimeoffikids {
    width: auto;
    overflow: hidden;
    background-image: url(/iKidsIcons/bgiKidsSpecialNew.png);
    background-repeat: no-repeat;
}

.activecontent {
    background-position: center -60px;
}

.activecontentshort {
    background-position: center -140px;
}

.activecalendar {
    background-position: center -400px;
}

.activeannouncement {
    background-position: center -600px;
}

.activesmalltalk {
    background-position: center -780px;
}

.activeapp {
    background-position: center -980px;
}

.activetimeoffikids {
    background-position: center -1180px;
}

.activetimeoffstaff {
    background-position: center -1380px;
}

.menuitem, .menuitemsel {
    cursor: pointer;
    font-size: 1.4rem;
    display: inline-block;display: -moz-inline-stack;*display: inline;zoom: 1;
    padding: 5px;margin-right: 10px;
}

.menuitem {
    color:gray;font-weight:normal;
    border-bottom:solid white 5px;
}

.menuitemsel {
    color:orangered;font-weight:bold;
    border-bottom:solid orangered 5px;
}


/* 提示点击我 */
.clickme {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    width: 130px;
    height: 20px;
    margin-left: 10px;
    background-image: url(/iKidsIcons/arrowTips.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

/* 翻页效果 */
.pageCorner, .pageCornerBlack {
    background-color: #FAF9F2;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.pageCornerBlack {
    background-image: url(/iKidsIcons/PageCornerBlack.png);
}

.pageCorner {
    background-image: url(/iKidsIcons/PageCorner.png);
}

/* 注销效果 */
.statusdel {
    background-image: url(/iKidsIcons/bgStatusDel.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}



/* 卡片 */
.bgcardsingle, .bgcardmore {
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgcardsingle {
    background-image: url(/iKidsIcons/bgcardsingle.png);
}

.bgcardmore {
    background-image: url(/iKidsIcons/bgcardmore.png);
}


/* 园长信箱 */
.divmail {
    padding: 140px 2px 2px 2px;
    width: auto;
    background-image: url(/iKidsIcons/bgMail.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/**********************短提示******************************/
.colortipsblue, .colortipsorange, .colortipsgreen {
    width: 150px;
    height: 42px;
    padding-left:27px;
    font-size: 1.2rem;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left center;
}

.colortipsblue {
    background-image: url(/iKidsIcons/bartipblue.png);
}

.colortipsorange {
    background-image: url(/iKidsIcons/bartiporange.png);
}

.colortipsgreen {
    background-image: url(/iKidsIcons/bartipgreen.png);
}

/* 闪烁 */
.toblink {
    animation: blink 0.5s linear infinite;
    -webkit-animation: blink 0.5s linear infinite;
    -moz-animation: blink 0.5s linear infinite;
    -ms-animation: blink 0.5s linear infinite;
    -o-animation: blink 0.5s linear infinite;
}

@keyframes blink {
    0% {
        filter: alpha(opacity=100);
        opacity: 1.0;
    }
    50% {
        filter: alpha(opacity=20);
        opacity: 0.2;
    }
    100% {
        filter: alpha(opacity=100);
        opacity: 1.0;
    }
}

/* 与小程序风格保持一致 */
.bgcolor0 {
    background-color: #9cdd7b;
}

.bgcolor1 {
    background-color: #f7d46b;
}

.bgcolor2 {
    background-color: #77d6bf;
}

.bgcolor3 {
    background-color: #5fa9ef;
}

.bgcolor4 {
    background-color: #ff69b4;
}

.bgcolor5 {
    background-color: #c8c8c8;
}


/* 控制文本容器的最大高度 */
.text-container {
    max-height: 7.5em; /* 5 行文本高度 */
    overflow: hidden;
    transition: max-height 0.3s ease;
    position: relative;
}

/* 过渡至全高度 */
.text-container.expanded {
    max-height: none;
}

/* 添加渐变遮罩效果 */
.fade-mask::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

/* 稍微增加高度10% */
.slightly-taller {
    transform: scaleY(1.1); /* 增加 10% 的高度 */
}

.animateitem {
    transition: transform 0.5s ease; /* 设置动画过渡时间为 0.5 秒 */
    transform-origin: bottom; /* 从底部拉伸 */
}

.shadow-bottom {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 调整第二个值以控制向下的投影距离 */
}

/* Pdf预览功能 */
.pdf-container {
    border: 1px solid #ddd;
    height: 600px;
    overflow: auto;
    text-align: center;
}

.pdf-canvas {
    display: block;
    margin: 0 auto;
}