@charset "utf-8";
/* CSS Document */

.myform #home_show{width:670px;top:40px; margin-left:0px; height:265px;left:5px;}
#slider-range{width:648px; margin:0 auto; clear:both}
#datepicker td{ padding:1px; text-align:center}
#datepicker{width:670px; }#datepicker .ui-datepicker{padding-bottom:10px}
#datepicker .ui-datepicker-group{width:220px;}
/*.ui-datepicker td a{ text-align:center}
.ui-datepicker{width:auto}
.ui-datepicker-group .ui-state-select{ background:url(/skins/ok.png) no-repeat 3px 3px}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ display:none}
*/#amount{ margin:5px 0; text-align:center; font-size:18px}
.fc-ctime{width: 100%;height: 100%;
background: #2C67B3;
position: relative;font-weight:normal; padding:2px;
z-index: 2;color:#FFF;font-size:12px;border-radius:3px; margin-bottom:5px; display:inline-block }
#amount{color:#999;}
#amount span{color:#333; margin-left:5px}
#sliderbtn{ text-align:center}
#sliderbtn input{ background:url(/skins/t_3.jpg) no-repeat;width:80px;height:30px; border:0;cursor:pointer; font:100 16px Tahoma;color:#FFF; margin-top:20px;}
.showlesson label{ margin:0 5px;}
.myform #home_show{width:670px;top:40px; margin-left:0px; height:265px;left:5px;}
.myform #home_mask{width:auto;height:245px;}
#hourlist{width:614px; margin:0 auto}
.myform #hourlist tr td,#hourlist tr th{ text-align:center; padding:5px 10px; font-size:16px}
.myform #hourlist td.endr{ text-align:left}
#hourlist tr{ display:none}
#hourlist tr#tr1{ display:table-row}
#add{ margin-left:10px}
#hourlist tr td input{ margin-right:3px}
#hourlist tr td label{ margin-right:10px}
#selecthour td, #selecthour1 td,#selecthour2 td{ width:120px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; padding:10px; vertical-align:text-top}
#selecthour,#selecthour1,#selecthour2 {border-top:1px solid #CCC; border-right:1px solid #CCC;}
#selecthour label,#selecthour1 label,#selecthour2 label{ display:block; padding:5px; border:1px solid #CCC; margin:10px 0}
#selecthour,#selecthour1,#selecthour2{width:100%;table-layout:fixed;}
#selecthourbox,#selecthourbox1{width:830px; overflow-x:scroll}
#selecthourbox2{ width:600; overflow-x:scroll }
#showmsg,#showmsg1{color:red; margin:10px 0}
.red{ color:red!important; padding:10px 0}

/*文章*/
.bread .more{ float:right; display:inline-block; background:url(more.gif) no-repeat left center; padding-left:8px}
.artlist{ padding-top:5px;overflow:hidden; margin-bottom:15px; border-bottom:1px dashed #CCC; padding-bottom:5px}
.bread{ font-size:14px; font-weight:bold; background:url(dotted.jpg) repeat-x left bottom;  padding:0 5px; margin-bottom:15px;padding-bottom:10px;}
.timg img{width:60px; height:60px;}
.timg{ text-align:center;width:80px; overflow:hidden; float:left; margin-right:15px;}
.acon{font:100 14px "Trebuchet MS", Arial, Helvetica, sans-serif; width:665px;}
.atit{ padding-bottom:6px;font-weight:normal; }
.audiobox .seer{/* display:none*/}
.seer span,.seer a{ font-size:12px; display:inline-block;background:url(bgseer.png) no-repeat left 5px; padding-left:12px}
.seer a:link,.seer a:visited{color:#8AC5EC}
.seer a:hover{color:#F03}
.seer font{ font-size:12px}
.seer .dislike{ background-position:left -15px; margin:0 10px}
.seer .see{ background-position:left -34px; padding-left:14px}
.artbox .rcon{width:760px; float:left;}
.audiobox .acon{ height:25px; overflow:hidden;width:160px;}
.aon{/* background-color:#DBDBDB*/}
.seer .mentcon{ background:url(ico_recom.gif) no-repeat left center; padding-left:16px; margin-right:10px;}
.comtext{ padding-top:10px;}
.comtext .ctxt{max-width:500px; max-height:40px;width:500px;height:30px; border:1px solid #DDD; font-size:12px; font-family:Tahoma}
.comtext .onctxt{ height:40px}
a.comsub:link,a.comsub:visited{ display:inline-block; width:70px; height:20px; padding:3px 5px; cursor:pointer; background-color:#8FC04C; border:0; color:#FFF;border-radius:5px; line-height:20px; text-align:center; font-size:12px;}
a.comsub:hover{ background-color:#77A439}
.comtext p{width:502px; text-align:right; padding:5px 0}
.replay{ margin-left:5px;background:url(ico_recom.gif) no-repeat left center; padding-left:16px;}
.comtext{ /*position:absolute;left:0px; bottom:5px;*/width:100%; height:78px}

.audiobox .atit{ font-size:12px}
.audiobox{  padding-top:5px; border-bottom:1px dashed #CCC; padding-bottom:5px; margin-bottom:15px}
.acon div{ position:relative }
.dew{ position:absolute;left:2px;top:2px;width:15px; height:15px; z-index:99}
.dew img{width:15px; height:15px}
.readmore:link,.readmore:visited{ background-color:#8FC04D; display:inline-block; padding:2px 3px; margin-left:5px; text-align:center; border-radius:4px;color:#FFF; font-size:12px}
.readmore:hover{color:#CD3035}


.videobox{border-bottom:1px dashed #BBB; padding-bottom:5px; padding-top:5px; margin-bottom:15px; }
.videobox .acon{ height:auto; margin-bottom:10px; position:relative}
.videobox .acon .vcover{width:200px; height:150px;}
.videobox .acon .vbtn{width:50px;height:50px; position:absolute;left:70px;top:50px;}
.videobox .timg img{vertical-align:bottom}
.videobox .seer{}
.videobox .rcon{width:500px; float:left	}

#sidebar{ background-color:#FBFBFB; z-index:199999; padding:20px 8px;position:fixed;width:960px; height:600px;right:-840px; top:0px;border:1px solid #ddd;-webkit-box-shadow:0px 0px 15px #333333;padding-top:10px}
#t_btn{ width:960px; margin-left:20px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #999; }
#wrapsiderbox{ height:500%; width:980px; background-color:#FBFBFB;
z-index:299999; opacity:0.6; position:absolute;top:0px;left:0px;}
#open{ position:fixed;right:90px; width:30px; height:60px; background-color:#333; padding:10px;z-index:4999999;top:320px; border-radius:5px; display:none; line-height:60px;}
#open a:link,#open a:visited{color:#FFF; display:inline-block;width:30px; height:60px;}
#open a:hover{color:#FFF}
.comment .timg img{width:30px; height:30px;}
.comment .timg{width:30px; height:30px; float:left}
.comment{ width:700px; margin-bottom:5px; margin-top:10px; border-radius:5px;color:#555; font-family:Tahoma, Geneva, sans-serif}
.comment{ position:relative; background:#E3EFD1; padding:10px; padding-bottom:1px}
.cmtcon{width:580px; float:left;}
.cmtcon .uname{ margin-right:5px}
.cmtcon em{color:#888}
.cmtcon .ctime{ margin-left:12px; color:#999}
.comlist{  margin-bottom:10px;}
.comlist .clear{  border-bottom:1px solid #B1D280; padding-bottom:5px}
.comment{width:625px}
.comment .cjiao{ background:url(cjiao.png) no-repeat;width:17px; height:11px; display:inline-block; position:absolute;left:40px;top:-10px}
.rcomlist{padding-top:5px;}
.zmc{ margin-bottom:10px}
.rcomlist .cmtcon{width:500px;}
.rcomlist .clear{border:0}


#wordlist li span{ float:right;color:#999}
#wordlist li{ background:url(dotted.jpg) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; font-size:14px}
#wordlist li strong{ font-weight:normal; margin-left:5px;color:#999; font-size:12px}
#wordlist li span a:link,#wordlist li span a:visited{color:#8FBF4F}
#wordlist li span a:hover{color:#F06}
#wordlist .seer{padding-bottom:0}
#wordlist .seer span{ float:none; margin-top:3px; }
#wordlist .seer strong{ float:right; margin-top:5px;}


.rbtn{ width:680px; margin-bottom:20px; height:32px; margin-left:30px; padding-bottom:10px; border-bottom:1px solid #DDD;}
.rbtn a:link,.rbtn a:visited{display:inline-block;color:#FFF; padding:6px 8px; background-color:#8FC04D; border-radius:5px; margin-left:5px; font-size:16px}
.rbtn a:hover{color:#D51028}
.myform_left .myeditor{ padding-left:30px}
#wordlist .volist strong{ margin-left:10px;}
#wordlist .volist div{ padding-left:3px;color:#555; padding-bottom:3px}
#wordlist .volist li{border height:50px;border-radius:5px; overflow:hidden; width:303px; margin-bottom:20px; float:left;padding-bottom:1px;/*-webkit-box-shadow: 0px 0px 5px #99*/9}
#wordlist .volist li{ background:#E4E4E4;padding:5px; padding-right:7px;}
#wordlist .volist li.on{-webkit-box-shadow: 1px 1px 5px #7FCC2D/*#8FC04D*/}
#wordlist .volist li.even{ margin-right:40px;border-left:0;}
#wordlist .volist li span{ float:none}
#wordlist .volist li .uac{ float:right}
#wordlist .volist li .vti{ padding-bottom:5px; border-bottom:1px dashed #999; margin-bottom:10px}
#wordlist .volist .seer strong{ float:right}
#wordlist .volist .seer { height:auto; margin-top:5px}
#wordlist .volist {/* background:url(img03.jpg) repeat-y 335px top*/}

/*myhome*/
#home_menu a:link,#home_menu a:visited{ background-color:#EEE; display:inline-block;width:118px; height:38px;
line-height:38px; text-align:center; margin-right:2px; border:1px solid #BBB; border-bottom:0;color:#666; font-size:14px; border-radius:5px 5px 0 0 ;}
#home_menu span{ float:right;}
#home_menu{width:935px;border-bottom:1px solid #BBB; margin-left:34px; margin-bottom:30px;}
#home_menu a:hover,#home_menu a.on{ border-bottom:1px solid #F9F8F7;background-color:#F9F8F7; position:relative;margin-bottom:-1px;color:#222}

.videolist .video {width:320px; float:left; margin-bottom:20px;}
.videolist .image{ width:200px; float:left; margin-bottom:20px;}
.videolist .videoc{ position:relative; height:212px;width:320px;}
.videolist .imagec{  position:relative; height:150px;width:200px; }
.videolist .even{ margin-right:35px;}
.videolist .video img{width:320px; height:212px}
.videolist .image img{ width:200px; height:150px;}
.v_title{ margin-bottom:10px;}
.videolist .video .seer{ margin-top:4px;}
.videolist .seer strong{font-weight:100;}
.videolist .uac a,.videolist .uac{ padding:0; background:none;}
#wordlist .videolist .seer strong{ margin-top:0px; vertical-align:top}
#wordlist .uac a:link,#wordlist .uac a:visited{color:#8FBF4F}
#wordlist .uac a:hover{color:#F06}
#wordlist .uac{color:#999}
.videolist .altfont{ padding:0 5px;width:310px; line-height:160%; font-size:12px; text-align:left;}
#page-nav{ text-align:center; padding-bottom:5px;}
#infscr-loading{ text-align:center; position:relative; clear:both}
#page-nav a:link,#page-nav a:visited{ font-size:16px}
#sidebar_more{ width:500px; height:30px; margin:0 auto; background-color:#E3EFD1; line-height:30px; border-radius:5px; text-align:center;}
#sidebar_more a:link,#sidebar_more a:visited{ display:inline-block;width:90%; height:30px;color:#000; font-size:16px}


#showcon{ padding:20px; font-size:14px; line-height:180%;
margin-bottom:20px; word-wrap:break-word;min-height:300px;}
.showtitle{ padding-top:20px; font-size:16px; text-align:center}
.titledesc{ text-align:center; padding-top:10px; font-style:italic; 
margin-bottom:20px; padding-bottom:5px;}
.comment{ background-color:#E3EFD1; border:1px solid #E3EFD1}

.havatar{width:180px; float:left; margin-right:10px; background-color:#FFF; padding:10px}
.havatar img{width:180px; height:180px}
.hiteminfo p{ font-size:18px; padding-top:10px;color:#666}
.hiteminfo p font{color:#888; margin:0 5px}
.hiteminfo p span{color:#888}
.hiteminfo p { font-size:14px}
.hiteminfo{width:550px; float:left;}
.hinfobox{ margin:15px 0}
#intro{width:500px; border:1px solid #CCC; padding:10px; margin-top:10px; border-radius:5px;
padding-left:5px ;word-wrap:break-word;}


.pagebox{ padding-bottom:20px}
.pageleft{width:740px; float:left;border-right:1px solid #CCC;}
.pageright{width:220px; padding-left:10px;   float:left}
.pageright img{width:210px; overflow:hidden}
.pageright{width:210px; overflow:hidden}
#showcon{ padding:10px 5px}

#noticebox{ margin-left:60px}
#noticebox li{ margin-right:10px; padding-top:5px}
#adbox{ position:absolute;top:110px;right:0px;width:180px; overflow:hidden; background-color:#FFF;  border-left:1px solid #DDD;z-index:89999}
#adbox .adlist{ margin:10px; border-bottom:1px solid #DDD; padding-bottom:10px;}
#closeadbox{ padding-bottom:10px; text-align:right}
.adlist h2{ margin-bottom:5px}
.adlist{ margin-bottom:10px}
.adcon{ margin-top:5px}
.v_tip{ margin-top:10px; width:710px; line-height:24px;}
.v_tip span{ font-size:14px; font-weight:bold}
.v_tip img{ width:500px; height:300px; margin-top:20px;}