@font-face
{
	font-family: 'AofLCenturyGothicBold';
	src:  url('https://www.abcmouse.cn/artwork/fonts/abcmouse_sans/abcmousesans-bold-webfont.eot');
	src:  url('https://www.abcmouse.cn/artwork/fonts/abcmouse_sans/abcmousesans-bold-webfont.eot?#iefix') format('embedded-opentype'),
			url('https://www.abcmouse.cn/artwork/fonts/abcmouse_sans/abcmousesans-bold-webfont.woff') format('woff'),
			url('https://www.abcmouse.cn/artwork/fonts/abcmouse_sans/abcmousesans-bold-webfont.ttf') format('truetype'),
			url('https://www.abcmouse.cn/artwork/fonts/abcmouse_sans/abcmousesans-bold-webfont.svg#AbcmousesansBoldWebfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background: url("https://www.abcmouse.cn/artwork/home/non-member-homepage/bg.jpg"); background-color: #012B53; font-family: kaiTi_GB2312,"Arial Narrow",Verdana; font-size: 14px; margin-top: 15px; margin-bottom: 15px;}
#container { width: 992px; margin: 0 auto;}
/*#header { height: 201px; background-color: #FAF599; background: url("https://www.abcmouse.cn/artwork/home/non-member-homepage/header_zhs.jpg") no-repeat;}*/
#header { height: 164px; border-bottom: 3px solid #000000; background-color: #FDF69D; position: relative; border-top-left-radius: 11px; border-top-right-radius: 11px;}
.zhs #header { height: 165px; }

/*#header .header-sprite { background: url("https://www.abcmouse.cn/artwork/home/header/ABCmouse_logo_zhs.png") no-repeat;}*/
#header .header-sprite { background: url("https://www.abcmouse.cn/artwork/home/header/header-sprite_zhs.png") no-repeat;}

#header .corner { position: absolute; width: 13px; height: 13px; background-color: #0A3156;}
#header .left-top-corner { top: 0; left: 0; background-position: 0 0;}
#header .right-top-corner { top: 0; right: 0; background-position: -14px 0;}
#header .abcmouse-logo { width: 457px; height: 102px; background-position: -29px 0; position: absolute; top: 23px; left: 273px; cursor: pointer;}
#header .curriculum-logo { position: absolute; bottom: -28px; left: 326px; background-position: -1px -134px; width: 340px; height: 71px;}
#header .child-safe-logo { position: absolute; bottom: -37px; left: 43px; background-position: -344px -100px; width: 140px; height: 140px; }
#header #header_links { text-align: right; float: right; margin-top: 20px; margin-right: 30px; line-height: 150%; font-weight: bold;}
#header .feedback_link { position: absolute; bottom: 5px; right: 0; text-align: right; margin-right: 30px;}
.version_585 #header .feedback_link, .baidu_7_day_trial #header .feedback_link { display: none;}
.link_like { color: #0000FF; text-decoration: underline; cursor: pointer;}

.force_english #header .abcmouse-logo { width: 566px; height: 102px; background-position: -29px 0; position: absolute; top: 13px; left: 224px; cursor: pointer;}
.force_english #header .curriculum-logo { position: absolute; bottom: -28px; left: 208px; background-position: -1px -242px; width: 598px;  height: 71px;}

.zhs #header .abcmouse-logo { width: 424px; height: 79px; background: url("https://www.abcmouse.cn/artwork/cnTemplate/cn_abc_top_logo.png"); background-size: 100% 100%; left: 326px;}
.zhs #header .curriculum-logo { width: 200px; height: 59px; background: url("https://www.abcmouse.cn/artwork/home/header/html5/curriculum_headline_dadi.png"); left: 426px; top:150px;}
/*.zhs #header .curriculum-logo { width: 204px; height: 63px; background: url("https://www.abcmouse.cn/artwork/home/header/pgHeader_cn.png"); left: 426px;}*/
.zhs #header .child-safe-logo { width: 130px; height: 130px; background: url("https://www.abcmouse.cn/artwork/home/header/html5/child_safe_cn_dadi.png"); left: 93px;}
/*.zhs #header .child-safe-logo { width: 130px; height: 130px; background: url("https://www.abcmouse.cn/artwork/home/header/Child_Safe_cn.png"); left: 93px;} */

/*.zhs #header .curriculum-logo { position: absolute; bottom: -39px; left: 326px; background-position: -1px -134px; width: 340px; height: 71px;}*/
/*.zhs #header .child-safe-logo { position: absolute; bottom: -57px; left: 93px; background-position: -344px -100px; width: 140px; height: 140px; }*/

/*pl 05062014  turn on if want new logo
.zht #header .abcmouse-logo { width: 427px; height: 82px; background: url("https://www.abcmouse.cn/artwork/home/header/ABCmouse_logo_tw.png"); left: 326px;}
.zht #header .curriculum-logo { width: 204px; height: 63px; background: url("https://www.abcmouse.cn/artwork/home/header/pgHeader_tw.png"); left: 426px;}
.zht #header .child-safe-logo { width: 130px; height: 130px; background: url("https://www.abcmouse.cn/artwork/home/header/Child_Safe_tw.png"); left: 43px;} */

#body { border-right: 2px solid #FFCC00; border-left: 1px solid #FFCC00; border-top: none; background-color: #FFFFE3; padding-top: 1px; padding-bottom: 1px;}
#body .left_drop_shadow { border-left: 1px solid #FEE46B; padding: 1px;}
#footer { background-color: #FDF69C; border-top: 3px solid #FECA16; border-bottom: 3px solid #FECA16; min-height: 65px;}
a.footer_red, a:visited.footer_red { color:#dd0000; }
	#footer #footer_text { margin-top: 17px; margin-bottom: 15px;}
#footer #footer_text p { text-align: center; font-size: 12px; line-height: 160%;}

a { color: #0000FF;}
a.feedback_link { text-decoration: none; color: #FF0000;}
a:visited { color: #0000FF;}
a.feedback_link:visited { color: #FF0000;}
.clear { clear: both;}
.bold { font-weight: bold;}
.italic { font-style: italic;}
.underline { text-decoration: underline;}
.center { text-align: center;}
.clickable { cursor: pointer;}
.hidden { display: none;}
.invisible { visibility: hidden;}
.english { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing: 0;}
.popupcover { position: fixed; top: 0px; left: 0px; background-color: #000000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 6; width: 100%; height: 100%;}
.aofl_bold { font-weight: 700; }
.aofl_bold.text_language_zhs { font-family:"Kaiti-GB2312",STKaiti,Kaiti,Kai; font-weight:bold; }

.button { display: inline-block; zoom:1; *display: inline;}
.button .leftSide, .button .rightSide, .button .content { background: url("https://www.abcmouse.cn/artwork/home/non-member-homepage/btn-sprite.png"); height: 36px; float: left;}
.button .leftSide { width: 5px; background-position: top left;}
.button .rightSide { width: 5px; background-position: top right;}
.button .content { background-position: 0 -36px; text-align: center;}
.button .content input { background-color: transparent; outline: none; border: none; padding: 0; margin: 0; padding-right: 9px; padding-left: 9px; color: #FFFFFF; text-align: center; font-size: 25px; font-weight: bold; margin-top: 3px; cursor: pointer; overflow: visible; font-family: kaiTi_GB2312,"Arial Narrow",Verdana;}

.textField { display: inline-block; zoom:1; *display: inline;}
.textField .leftSide, .textField .rightSide, .textField .content { background: url("https://www.abcmouse.cn/artwork/home/sub-page/text-field-sprite.png"); height: 22px; float: left;}
.textField .leftSide { width: 4px; background-position: top left;}
.textField .rightSide { width: 5px; background-position: top right;}
.textField .content { background-position: 0 -22px;}
.textField .content input { background-color: transparent; outline: none; border: none; height: 16px; margin-top: 2px; width: 250px;}

#header .chat_btn { position: absolute; bottom: 29px; right: 30px;}

/******************* HTML5 Shell *************/

body.html5_shell_main { margin-top: 10px;}
.zhs.html5_shell_main #body { padding-top: 1px;}
.html5_shell_main #container { width: 1024px;}
.zhs.html5_shell_main #header { background-color: #FEF667; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: 4px solid #FFD300; height: 175px;}
.zhs.html5_shell_main #header .abcmouse-logo { width: 420px; height: 82px; background: url("https://www.abcmouse.cn/artwork/home/header/html5/abcmouse_logo_zhs.png"); top: 20px; left: 338px;}

/*.zhs.html5_shell_main #header .abcmouse-logo { width: 364px; height: 77px; background: url("https://www.abcmouse.cn/artwork/home/header/html5/abcmouse_logo_zhs.png"); top: 20px; left: 338px;}*/
.zhs.version_1106.html5_shell_main #header .abcmouse-logo { background: url("https://www.abcmouse.cn/artwork/home/header/html5/abcmouse_logo_002_zhs.png"); width: 389px; height: 78px;}
.zhs.version_1116.html5_shell_main #header .abcmouse-logo,
.zhs.version_1126.html5_shell_main #header .abcmouse-logo,
.zhs.version_1128.html5_shell_main #header .abcmouse-logo,
.zhs.version_1801.html5_shell_main #header .abcmouse-logo,
.zhs.version_2401.html5_shell_main #header .abcmouse-logo { background: url("https://www.abcmouse.cn/artwork/home/header/html5/abcmouse_logo_1116_zhs.png"); width: 367px; height: 78px;}
.zhs.version_1114.html5_shell_main #header .abcmouse-logo,
.zhs.version_2301.html5_shell_main #header .abcmouse-logo,
.zhs.version_1901.html5_shell_main #header .abcmouse-logo,
.zhs.version_2001.html5_shell_main #header .abcmouse-logo,
.zhs.version_4010.html5_shell_main #header .abcmouse-logo { background: url("https://www.abcmouse.cn/artwork/home/header/html5/abcmouse_logo_1114_zhs.png"); width: 402px; height: 78px;}
.zhs.html5_shell_main #header  .zhs.html5_shell_main #header  .html5_shell_main #header .corner, .html5_shell_main #header .feedback_link { display: none;}
/*.zhs.html5_shell_main #header .curriculum-logo, .zhs.html5_shell_main #header .child-safe-logo, .html5_shell_main #header .corner, .html5_shell_main #header .feedback_link { display: none;} */
.html5_shell_main #header .chat_btn { bottom: 57px; right: 25px;}

.html5_shell_main #main_frame { width: 930px; margin: 0 auto; margin-top: -62px; margin-bottom: -67px; position: relative;}
.html5_shell_main #main_frame #main_frame_header { background: url("https://www.abcmouse.cn/artwork/home/non-member-homepage/dadi/frame_top.png"); height: 16px; position: relative;}
.html5_shell_main #main_frame #main_frame_header .child_lock_icon { position: absolute; top: -60px; left: 55px; width: 133px; height: 132px; background: url("https://www.abcmouse.cn/artwork/home/header/html5/child_safe_logo_zhs.png"); z-index: 2;}
.html5_shell_main #main_frame #main_frame_header .full_curriculum_logo { position: absolute; top: -12px; left: 390px; width: 204px; height: 63px; background: url("https://www.abcmouse.cn/artwork/home/header/html5/full_curriculum_header_zhs.png"); z-index: 2;}
/*  pl20141009   .html5_shell_main #main_frame #main_frame_header .full_curriculum_logo { position: absolute; top: -12px; left: 350px; width: 264px; height: 63px; background: url("https://www.abcmouse.cn/artwork/home/header/html5/curriculum_headline_zhs.png"); z-index: 2;}  */

.html5_shell_main #main_frame #main_frame_body { background: url("https://www.abcmouse.cn/artwork/home/non-member-homepage/dadi/frame_bg.png"); padding-top: 56px; border-top: 1px solid transparent; /*fix for ie7*/}
.html5_shell_main #main_frame #main_frame_footer { background: url("https://www.abcmouse.cn/artwork/home/header/html5/frame_footer.png") 2px 0; height: 21px;}

.html5_shell_main #footer { background-color: #FEF667; border-top: 4px solid #FFCC00; padding-bottom: 35px;}
.html5_shell_main #footer #footer_text { margin-top: 90px;}

#cn_redeem_button_outer { width:192px; height:44px; position:absolute; top:92px; right:72px; z-index:1; }
#cn_redeem_button_outer_nmhp { width:192px; height:44px; position:absolute; top:95px; right:-60px; z-index:1; font-size: 15px;}
.zht #cn_redeem_button_outer_nmhp { display: none;}
#cn_redeem_link_img { width:192px; height:44px; display:block; position:absolute; top:0px; left:0px; z-index:2; }
#cn_redeem_button_stripe { width:192px; height:44px; position:absolute; left:0px; top:0px; background-color:#1bb0ff; border-radius:22px; }
#cn_redeem_button_bkg { width:182px; height:34px; position:absolute; left:5px; top:5px; background-color:#006ca6; border-radius:17px; }
#cn_redeem_button_text { width:100%; text-align:center; position:absolute; left:0px; top:8px; color:#ffffff; font-size:26px; }
#cn_redeem_button_text.text_language_ { font-size:21px; top:11px; }


/******************* Popups ******************/

.abcmouse_popup { position: fixed; z-index: 20;}

.html5_popup { width: 576px; position: fixed; z-index: 20;}
.html5_popup .abcmouse_popup_header { background: url("../../store/popup_header.png"); height: 75px; position: relative;}
.html5_popup .abcmouse_popup_header .abcmouse_popup_close_btn { width: 25px; height: 25px; position: absolute; top: 27px; right: 26px; cursor: pointer;}
.html5_popup .abcmouse_popup_header .abcmouse_popup_title { color: #FFFFFF; font-size: 36px; position: absolute; left: 31px; top: 22px; line-height: 100%; height: auto;}
.html5_popup .abcmouse_popup_footer { background: url("../../store/popup_footer.png"); height: 55px;}
.html5_popup .abcmouse_popup_body { background: url("../../store/popup_bg.png") repeat-y;}
.html5_popup .abcmouse_popup_body { padding: 0px 50px; padding-top: 15px; padding-bottom: 35px; text-align: center;}
.html5_popup .abcmouse_popup_body .abcmouse_popup_text { font-size: 23px; font-weight: bold; color: #212025; line-height: 110%;}

.blue_popup_001 { width: 542px; min-height: 224px; background: url("../../misc/blue_popup_001_bg.png") top center repeat-x #0378FF; border: 3px solid #00246a;}
.blue_popup_001 .abcmouse_popup_header .abcmouse_popup_title { display: none;}
.blue_popup_001 .abcmouse_popup_header .abcmouse_popup_close_btn { position: absolute; top: -15px; right: -15px; width: 39px; height: 40px; background: url("../../misc/blue_popup_close_icon.png"); cursor: pointer;}
.blue_popup_001 .abcmouse_popup_body { padding-top: 28px; padding-left: 45px; padding-right: 45px;}
.blue_popup_001 .abcmouse_popup_body .abcmouse_popup_text { color: #FFFFFF; font-size: 25px; line-height: 130%;}

.blue_popup_002 { background-color: #EEF7FC; border: 4px solid #0360C7; z-index: 100; box-shadow: 3px 3px 2px #777; position: fixed; width: 670px;}
.blue_popup_002 .abcmouse_popup_header { background-color: #0360C7; padding: 10px; }
.blue_popup_002 .abcmouse_popup_header .abcmouse_popup_close_btn { position: absolute; width: 38px; height: 38px; top: 3px; right: 3px; background: url("../../html5/bits/blueclosebutton.png"); cursor: pointer;}
.blue_popup_002 .abcmouse_popup_header .abcmouse_popup_title { color: #FFF; font-size: 27px;}
.blue_popup_002 .abcmouse_popup_body { padding: 25px; font-size: 20px;}

.blue_popup_003 { background-color: #EEF7FC; border: 4px solid #0360C7; z-index: 100; box-shadow: 3px 3px 2px #777; position: fixed; width: 670px;}
.blue_popup_003 .abcmouse_popup_header { background-color: #0360C7; padding: 10px;}
.blue_popup_003 .abcmouse_popup_header .abcmouse_popup_close_btn { position: absolute; width: 38px; height: 38px; top: 3px; right: 3px; background: url("../../html5/bits/blueclosebutton.png"); cursor: pointer;}
.blue_popup_003 .abcmouse_popup_header .abcmouse_popup_title { color: #FFF; font-size: 27px;}
.blue_popup_003 .abcmouse_popup_body { padding: 25px; font-size: 20px;}

.blue_popup_004 { background-color: #fffee2; width: 628px; min-height: 595px; z-index: 100; box-shadow: 4px 4px 1px rgba(0,0,0,0.25); position: fixed;}
.blue_popup_004 .abcmouse_popup_header { background-color: #0360C7; padding: 7px; padding-left: 11px; background: url('../../misc/popup_title_bg.png') repeat-x top left #00499B;}
.blue_popup_004 .abcmouse_popup_header .abcmouse_popup_close_btn { position: absolute; width: 38px; height: 38px; top: 4px; right: 8px; background: url("../../html5/bits/blueclosebutton.png"); cursor: pointer;}
.blue_popup_004 .abcmouse_popup_header .abcmouse_popup_title { color: #FFF; font-weight: bold; font-size: 31px; letter-spacing: -1px;}
.blue_popup_004 .abcmouse_popup_body { padding: 25px; padding-top: 14px; font-size: 20px; border: 4px solid #0360C7; border-top: none;}

/******************* Buttons ******************/

.dynamic_button { display: inline-block; zoom:1; *display: inline; cursor: pointer;}
.dynamic_button .btn_left_edge, .dynamic_button .btn_right_edge, .dynamic_button .btn_content { background-image: url("../../misc/blue_button_001_sprite.png"); height: 42px; float: left;}
.dynamic_button .btn_left_edge, .dynamic_button .btn_right_edge { width: 8px;}
.dynamic_button .btn_left_edge { background-position: top left;}
.dynamic_button .btn_right_edge { background-position: top right;}
.dynamic_button .btn_content { background-repeat: repeat-x; background-position: bottom center; padding-left: 5px; padding-right: 5px;}
.dynamic_button .btn_content .btn_text, .print_btn_content.btn_content .btn_text { color: #FFFFFF; font-weight: 700; font-size: 22px; margin-top: 7px; text-align: center;}

/****** green_button_001 *******/
.dynamic_button.green_button_001 .btn_left_edge, .dynamic_button.green_button_001 .btn_right_edge, .dynamic_button.green_button_001 .btn_content { background-image: url("../../misc/green_button_001_sprite.png"); height: 38px;}
.dynamic_button.green_button_001 .btn_content { padding-left: 20px; padding-right: 20px;}


/* Smart Video Player */

.inline_html5_vid {
    border-radius:36px;
    height:188px;
    left:4px;
    position:relative;
    top:50px;
    width:368px;
    z-index:1;
}
.NMHP_video_player_mask {
    background-color:#000;
    height:100%;
    left:0;
    margin:0;
    padding:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:6;
}
.NMHP_video_player {
    color:#fff;
    margin:0 auto;
    padding:0;
    position:fixed;
    top:0;
    z-index:7;
}
.NMHP_video_player_head {
    float: left;
    width:100%;
    height:30px;
    background-color:#000;
}
.NMHP_video_player_vid {
    width:100%;
    float: left;
}
NMHP_video_player_vid source {
    position: absolute;
    z-index: -5;
}
.NMHP_video_player_head {
    float: left;
    width:100%;
    height: auto;
    position: fixed;
    z-index: 1000;
}
.NMHP_video_player_close {
    height: 40px;
    width: 40px;
    cursor: pointer;
    background-image: url('../../html5/video_player/vp_closebtn.png');
    background-repeat: no-repeat;
    background-size: 40px 40px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}