*{ margin:0; padding:0;} ul{ list-style:none;} img{ border:0;border:none;} a{ color:#333; text-decoration:none;} a:hover{color:#333;} .Clear{ clear:both;} .Center{ text-align:center} .NotBackground{ background:none} body{ font-family:Trebuchet MS; font-size:12px; color:#555;} .Header{ background:url(http://www.mychineselearning.com/images/201006/header_bg.png) repeat-x; height:130px; width:100%;} .Header .Container{ width:950px; margin-left:auto; margin-right:auto; background:url(http://www.mychineselearning.com/images/201006/header_bg.jpg) no-repeat; height:130px;} .Header .Container .Top{ padding-top:10px; height:78px;} .Header .Container .Top .Logo{ background:url(http://www.mychineselearning.com/images/201006/logo.gif); width:331px; height:60px; float:left} .Header .Container .Top .Nav{ float:right; padding-right:10px; color:#fff; font-size:14px; padding-top:30px;} .Header .Container .Top .Nav a{ color:#fff; text-decoration:none;} .Header .Container .Top .Nav a:hover{ color:#fff;} .Header .Container .Menu{ background:none; } .Header .Container .Menu li{ background:#84d526 url(http://www.mychineselearning.com/images/201006/nav_bg.jpg) 0 -168px repeat-x;text-align:center;float:left; padding-top:14px; height:28px;} .Header .Container .Menu li a{ color:#fff; text-decoration:none; font-size:14px;} .Header .Container .Menu li a:hover{ color:#fff;} .Header .Container .Menu .MenuHome{ background-position:0 0; width:110px} .Header .Container .Menu .MenuHome:hover{ background-position:0 -42px} .Header .Container .Menu .MenuService{ background-position:0 -168px; background-repeat:repeat-x; width:108px} .Header .Container .Menu .MenuLessons{ background-position:0 -168px; background-repeat:repeat-x; width:108px} .Header .Container .Menu .MenuResources{ background-position:0 -168px; background-repeat:repeat-x; width:110px} .Header .Container .Menu .MenuAboutus{ background-position:0 -168px; background-repeat:repeat-x; width:110px} .Header .Container .Menu .MenuSignUp{ background-position:0 -168px; background-repeat:repeat-x; width:108px} .Header .Container .Menu .MenuTeahers{ background-position:0 -168px; background-repeat:repeat-x; width:108px} .Header .Container .Menu .MenuKids{ background-position:-26px -84px;background-repeat:no-repeat; width:131px; padding-right:50px; } .Header .Container .Menu .MenuService:hover,.Header .Container .Menu .MenuLessons:hover,.Header .Container .Menu .MenuTeahers:hover, .Header .Container .Menu .MenuLessons:hover,.Header .Container .Menu .MenuResources:hover, .Header .Container .Menu .MenuAboutus:hover,.Header .Container .Menu .MenuSignUp:hover { background-position:0 -210px;} .Header .Container .Menu .MenuKids:hover {background-position:-26px -126px;} .Header .Container .Menu .MenuSpacer{background-position:0 -252px; width:1px;} .Banner{ background:#e2eaec; width:100%; text-align:center;} .Warp{ width:950px; margin-left:auto; margin-right:auto; overflow:hidden; clear:both; padding-top:10px} .Warp .WarpLeft{ width:235px; float:right;} .Warp .WarpRight{ width:700px; float:left; padding-right:15px;} .Warp .IndexLeft{ float:left; padding:0; padding-right:15px;} .Warp .IndexRight{ float:right; overflow:hidden; padding:0;} .Warp .WarpLeft .IndexSign{background:url(http://www.mychineselearning.com/images/201006/Home_sign_bg_bottom.jpg) no-repeat bottom; padding-bottom:10px; margin-bottom:10px;} .Warp .WarpLeft .IndexSign .Top{ background:url(http://www.mychineselearning.com/images/201006/home_sign_title.jpg) no-repeat; height:37px;} .Warp .WarpLeft .IndexSign .IndexSignContainer{ background:url(http://www.mychineselearning.com/images/201006/home_sign_bg.jpg) repeat-y; height:310px; overflow:hidden;} .Warp .WarpLeft .IndexSign .IndexSignContainer .Info{ background:url(http://www.mychineselearning.com/images/201006/Home_sign_bg_top.jpg) no-repeat top; color:#000; padding:14px 14px 5px 14px;} .Warp .WarpLeft .IndexSign .IndexSignContainer .Info span{ color:#f60;} .Warp .WarpLeft .IndexSign .IndexSignContainer .Regisiter{ background:url(http://www.mychineselearning.com/images/201006/Home_sign_bg_center.jpg) no-repeat top; padding-top:20px;} .Warp .WarpLeft .IndexSign .IndexSignContainer .Regisiter p{ padding-top:4px; padding-bottom:2px;} .Warp .WarpLeft .IndexSign .IndexSignContainer .Regisiter p label{ display:inline-block; width:80px; text-align:right; padding-right:3px} .Warp .WarpLeft .IndexSign .IndexSignContainer .Regisiter p input{ width:125px; border:1px #acc0c7 solid; height:18px; padding-left:3px; padding-top:2px} .Warp .WarpLeft .IndexSign .IndexSignContainer .Regisiter p select{width:130px; border:1px #acc0c7 solid;} .Warp .WarpLeft .IndexSign .IndexSignContainer .Regisiter .submit{ padding-top:8px; padding-bottom:10px; text-align:center;} .Warp .WarpLeft .IndexSign .IndexSignContainer .Regisiter .submit img{ cursor:pointer;} .Warp .WarpLeft .Voince{ background:url(http://www.mychineselearning.com/images/201006/Home_Voince.jpg) no-repeat; margin-bottom:15px; padding-top:32px;} .Warp .WarpLeft .Voince .Content{ border-top:0; overflow:hidden;} .Warp .WarpLeft .Voince .txt{ padding:4px;} .Warp .WarpLeft .Voince .txt span{ color:#000; font-weight:bold;} .Warp .WarpLeft .Voince .Content textarea{height:50px; width:170px; color:#666; border:1px solid #ccc; padding:2px} .Warp .WarpLeft .Voince .Content img{ padding:4px; cursor:pointer;} .Warp .WarpLeft .Summer{ background:url(/images/201006/summer2.jpg) no-repeat bottom; padding-bottom:15px;} .Warp .WarpLeft .Summer div{background:url(/images/201006/summer1.jpg) no-repeat top; padding-top:79px; padding-left:8px; padding-right:8px; padding-bottom:4px;} .Warp .WarpLeft .Summer div p{ text-align:right;} .Warp .WarpLeft .MenuBox{ background:url(http://www.mychineselearning.com/images/201006/warpMenu_bottom.gif) no-repeat bottom; padding-bottom:5px; margin-bottom:20px; } .Warp .WarpLeft .MenuBox h1{ background:url(http://www.mychineselearning.com/images/201006/WarpMenu_title.gif) repeat-x; height:26px; font-size:14px; padding-left:10px; color:#fff; padding-top:8px} .Warp .WarpLeft .MenuBox ul{ background:url(http://www.mychineselearning.com/images/201006/WarpMenu_bg.gif);} .Warp .WarpLeft .MenuBox ul li{ border:1px solid #ccc;border-top:0; padding:4px 2px 4px 6px;} .Warp .WarpLeft .MenuBox ul li a{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-warpMenu-dot.gif) no-repeat 0 50%; padding-left:8px;} .Warp .WarpLeft .MenuBox ul .NoBorderButtom{ border-bottom:0;} .Warp .WarpLeft .IndexLeftBox{ clear:both; padding-top:4px;} .Warp .WarpLeft .IndexLeftBox h1{ font-size:18px; color:#000; padding-left:10px; padding-bottom:3px; border-bottom:1px solid #ccc; font-family:Arial Baltic} .Warp .WarpLeft .IndexLeftBox .Content{ padding:4px 0 2px 0;} .Warp .WarpLeft .IndexLeftBox .Content p{ line-height:20px; padding-left:8px} .Warp .WarpLeft .IndexLeftBox .Content img{ padding-bottom:6px;} .Warp .WarpLeft .IndexLeftBox .Content .Demo{ background:url(http://www.mychineselearning.com/images/201006/home_video.jpg) no-repeat; height:146px; width:235px; cursor:pointer; padding-bottom:0} /*******************Contact US*******************************/ .Warp .WarpLeft .IndexLeftBox .ContactusBox{ background:url(http://www.mychineselearning.com/images/201006/ico/dot.gif) repeat-x bottom; height:30px; padding-top:8px; padding-bottom:8px; clear:both;} .Warp .WarpLeft .IndexLeftBox .ContactusBox .Ico{ width:26px; text-align:center; height:26px; float:left} .Warp .WarpLeft .IndexLeftBox .ContactusBox .USA{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-usa.gif) no-repeat 50% 50%;} .Warp .WarpLeft .IndexLeftBox .ContactusBox .MY{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-my.gif) no-repeat 50% 50%;} .Warp .WarpLeft .IndexLeftBox .ContactusBox .China{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-china.gif) no-repeat 50% 50%;} .Warp .WarpLeft .IndexLeftBox .ContactusBox .Skype{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-skype.gif) no-repeat 50% 50%;} .Warp .WarpLeft .IndexLeftBox .ContactusBox .Email{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-email.gif) no-repeat 50% 50%;} .Warp .WarpLeft .IndexLeftBox .ContactusBox .Msn{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-msn.gif) no-repeat 50% 50%;} .Warp .WarpLeft .IndexLeftBox .ContactusBox .Info{ float:left; padding-left:10px;} .Warp .WarpLeft .IndexLeftBox .Contactimg{ margin-top:10px; cursor:pointer; padding-bottom:0} .Warp .WarpRight .IndexContainer{ clear:both; padding-bottom:10px; overflow:hidden; } .Warp .WarpRight .IndexContainer h1{ color:#0098b4; font-size:20px;} .Warp .WarpRight .IndexContainer h1 span{color:#7bcc0d} .Warp .WarpRight .IndexContainer .IndexHowItWorks{height:40px; overflow:hidden} .Warp .WarpRight .IndexContainer .IndexHowItWorks .IndexHowItWorksTitle{ color:#0098b4; font-size:20px; float:left; font-weight:bold; } .Warp .WarpRight .IndexContainer .IndexHowItWorks .IndexHowItWorksTitle span{color:#7bcc0d} .Warp .WarpRight .IndexContainer .IndexHowItWorks .ChineseOneDay{ float:right; font-size:13px; padding-top:5px; width:372px; overflow:hidden} .Warp .WarpRight .IndexContainer .IndexHowItWorks .ChineseOneDay a{ color:#666} .Warp .WarpRight .IndexContainer .IndexHowItWorks .ChineseOneDay a:hover{ color:#0098b4} .Warp .WarpRight .IndexContainer .IndexHowItWorks .ChineseOneDay div{border:1px solid #ccc; background:url(/images/201006/ico/sound_16x16.gif) no-repeat 0 50%; height:19px; padding-left:20px; padding-top:4px; width:215px; float:left} .Warp .WarpRight .IndexContainer .IndexHowItWorks .ChineseOneDay img{ float:right; border:0} .Warp .WarpRight .IndexContainer p{ padding-top:5px;line-height:20px;} .Warp .WarpRight .IndexContainer p span{ color:#000; font-weight:bold;} .Warp .WarpRight .IndexContainer .Content{ padding-top:15px; } .Warp .WarpRight .IndexContainer .Content ul{ padding-left:40px; width:400px;} .Warp .WarpRight .IndexContainer .Content ul li{ background:url(http://www.mychineselearning.com/images/201006/ico/icon-list-dot.gif) no-repeat left; padding-left:10px; float:left; width:190px; padding-top:4px; padding-bottom:2px;} .Warp .WarpRight .IndexContainer .Works{background: url(/images/201006/home_works.jpg) no-repeat; width:700px; height:274px;} .Warp .WarpRight .IndexContainer .Works ul{ padding-top:35px; padding-left:275px; width:300px} .Warp .WarpRight .IndexContainer .Works ul li{ float:none; width:280px;} .Warp .WarpRight .IndexContainer .Basic{ background:url(http://www.mychineselearning.com/images/201006/home_basic.jpg) no-repeat 80% bottom; width:700px; height:148px; } .Warp .WarpRight .IndexContainer .Business{ background:url(http://www.mychineselearning.com/images/201006/home_Business.jpg) no-repeat 80% bottom; width:700px; height:150px; } .Warp .WarpRight .IndexContainer .Whyus{background:url(/images/2011/whyus/whyus.jpg) no-repeat 80% bottom; width:700px; height:148px;} .Warp .WarpRight .IndexContainer a:hover{ color:Red;} .Warp .WarpRight .Nav{ background:url(http://www.mychineselearning.com/images/201006/warp_nav_bg.gif) repeat-x; height:33px; border:1px solid #ccc;} .Warp .WarpRight .Nav a{ background:url(http://www.mychineselearning.com/images/201006/warp_nav_spacer.gif) no-repeat left; display:inline-block; padding-left:15px; padding-right:6px; padding-top:8px; height:25px;} .Warp .WarpRight .BasicInfo{ padding-top:20px; width:650px; padding-left:25px;} .Warp .WarpRight .BasicInfo h1{ color:#56b2db;} .Warp .WarpRight .BasicInfo .Title{ font-size:24px; font-weight:bold; color:#56b2db;} .Warp .WarpRight .BasicInfo .Content{ overflow:hidden; padding-top:7px;} .Warp .WarpRight .BasicInfo .Content a{ color:#333;} .Warp .WarpRight .BasicInfo .Content a:hover{ color:#ff0000;} .Warp .WarpRight .Related{ clear:both; overflow:hidden;} .Warp .WarpRight .Related h1{ font-size:16px; color:#666; border-bottom:1px solid #ccc; background:url(/images/201006/ico/bookmarks-star.png) no-repeat 0 50%; padding-left:20px;} .Warp .WarpRight .Related ul{ padding-left:10px; padding-top:4px;} .Warp .WarpRight .Related ul li{ background:url(/images/201006/ico/icon-warpMenu-dot.gif) no-repeat 0 50%; padding-left:10px; padding-top:2px; padding-bottom:2px} .Warp .WarpRight .Related ul li a{ color:#00479d} /*****(*********************兼容以前写法******************************/ .Warp .WarpRight .Pannel{ padding-top:20px; width:650px; padding-left:25px;} .Warp .WarpRight .Pannel h1{ color:#56b2db;} .Warp .WarpRight .Pannel .Title{ font-size:14px; font-weight:bold; color:#56b2db;} .Warp .WarpRight .Pannel .Content{ overflow:hidden; padding-top:7px;} .Warp .WarpRight .Feedback{ background:url(/images/201006/feedback_bg.jpg) no-repeat; height:199px; clear:both; padding:15px 10px 15px 20px; width:645px;} .Warp .WarpRight .Feedback h1{ background:url(/images/201006/feedback.gif) no-repeat; height:29px;} .Warp .WarpRight .Feedback .Content{} .Warp .WarpRight .Feedback .Bottom{ background:url(/images/201006/usa.gif) no-repeat right; text-align:right; padding-right:50px; padding-top:10px; height:20px} .Warp .WarpRight .WarpBottomSign{ background:url(http://www.mychineselearning.com/images/201006/warp_sign_bg.gif) no-repeat bottom; height:203px; width:660px; clear:both; margin-left:20px; margin-top:15px; margin-bottom:10px;} .Warp .WarpRight .WarpBottomSign h1{ background:url(http://www.mychineselearning.com/images/201006/warp_sign_title.gif) no-repeat; height:25px; padding-top:8px; padding-left:10px; font-size:14px; color:#fff6de;} .Warp .WarpRight .WarpBottomSign .Container{ padding-top:10px; padding-left:140px; width:500px;} .Warp .WarpRight .WarpBottomSign .Container ul{ width:500px;} .Warp .WarpRight .WarpBottomSign .Container ul li{ width:250px; float:left; padding-top:8px; padding-bottom:8px;} .Warp .WarpRight .WarpBottomSign .Container ul li label{color:#000; font-weight:bold; display:inline-block; text-align:right; padding-right:4px; width:70px;} .Warp .WarpRight .WarpBottomSign .Container ul li input{ border:1px solid #ccc; width:140px; height:20px; padding-top:2px;} .Warp .WarpRight .WarpBottomSign .Container ul li select{border:1px solid #ccc; width:145px; } .Warp .WarpRight .WarpBottomSign .Container p{ font-size:11px; padding-left:30px; padding-top:10px;} .Warp .WarpRight .WarpBottomSign .Container p img{ padding-left:40px; cursor:pointer;} .Warp .WarpRight .PageSignUp{ margin:40px 0 40px 20px; height:466px; width:650px;} .Warp .WarpRight .PageSignUp .SignUpTop{background:url(/images/2011/signup/signup_content_top.jpg) no-repeat; height:151px; width:606px; padding-left:40px; padding-top:50px; font-size:14px;} .Warp .WarpRight .PageSignUp .SignUpTop .list{ padding-left:150px; padding-top:15px;} .Warp .WarpRight .PageSignUp .SignUpTop .list p{ padding-bottom:4px; font-size:12px;} .Warp .WarpRight .PageSignUp .SignUpTop .list p span{ color:#f60; font-weight:bold} .Warp .WarpRight .PageSignUp .Container{ padding-left:220px;background:url(/images/2011/signup/signup_content_bottom.jpg) no-repeat; height:245px; padding-top:20px} .Warp .WarpRight .PageSignUp .Container p{ padding-top:10px; padding-bottom:5px;} .Warp .WarpRight .PageSignUp .Container p label{ display:inline-block; text-align:right; padding-right:4px; width:70px; color:#000; font-weight:bold;} .Warp .WarpRight .PageSignUp .Container p .input{ border:1px solid #ccc; height:20px; padding-left:2px; padding-top:2px; width:180px;} .Warp .WarpRight .PageSignUp .Container p select{border:1px solid #ccc;width:185px; height:22px} .Warp .WarpRight .PageSignUp .Container .submit{ padding-left:30px; text-align:center} .Footer{ padding-top:10px;} .Footer .Container{ background:url(http://www.mychineselearning.com/images/2011/Footer_Container_bg.jpg) no-repeat; width:980px; height:220px; margin-left:auto; margin-right:auto; padding-bottom:4px;} .Footer .Container .Box{ float:left; width:220px; padding-left:25px;background:url(http://www.mychineselearning.com/images/201006/home_map_spacer.gif) no-repeat left; height:201px; padding-top:19px;} .Footer .Container .Box h1{ color:#0098b4; font-size:18pt; padding-bottom:16px; padding-top:20px;} .Footer .Container .Box h1 span{ font-size:12pt; color:#ccc;} .Footer .Container .Box ul{clear:both;} .Footer .Container .Box ul li{ background:url(http://www.mychineselearning.com/images/201006/icon-list-dot.gif) no-repeat left; padding-left:10px; margin-bottom:6px;} .Footer .Nav{ background:#6dc1e5 url(http://www.mychineselearning.com/images/2011/Footer_Nav_bg.gif); width:100%; height:120px; text-align:center; color:#fff;} .Footer .Nav a{ color:#fff; text-decoration:none;} .Footer .Nav a:hover{ color:#fff;} .FooterPartner{background:#6dc1e5; height:40px } .FooterPartner p{ margin-left:auto; margin-right:auto; width:1000px;} /***********************************************************/ #pages { clear:both; padding-top:10px; text-align:center; padding-left:10px; padding-bottom:10px; font-weight:bold; } .PagesNormal,.PagesActive { display:inline-block; padding:6px 12px 6px 12px; border:1px #d4d7dc solid; text-decoration:none; } .PagesNormal { background:#fffeff; color:#3f6da9; } .PagesNormal:hover,.PagesActive:hover,.PagesActive { background:#97bb3d; color:#fff; }