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

#swt{ width:676px; height:auto; float:left; background-color:White; }


#a,#b,#c,#d{ width:676px; height:auto; clear:both; }
#b{ margin:12px 0 0 0;}
#picture{ width:433px; height:154px; float:left;}
#swt #video{ width:215px; height:153px;float:right; }
#introduction{ width:433px; height:152px; float:left; }
#introduction .content{ width:383px; height:90px; margin:auto;clear:both;}
#introduction h1{ width:400px; margin:0; font-size:14px; font-weight:bold; padding:0 0 0 25px; color:#37922d; clear:both; border-bottom:solid 1px #37922d;}

#enroll{float:right;width:215px; height:152px; background:url(../images/enroll.gif) no-repeat;}
#enroll .enroll_btn{margin:85px auto auto 3px;}

#swt_flow{border:solid 1px #ccc; height:98px; line-height:19px; width:674px;margin:12px 0; clear:both;}
#swt_flow ul{ float:left; width:145px; height:98px; margin:0 0 0 18px; }
#swt_flow li{ clear:both;}
#swt_flow h1{ color:#37922d; font-weight:bold; width:132px; font-size:12px; margin:0; padding:0;}
#swt_flow .a{ background:url(../images/line1.gif) no-repeat;}
#swt_flow .b{ background:url(../images/line2.gif) no-repeat;}
#swt_flow .c{ background:url(../images/line3.gif) no-repeat;}
#swt_flow .d{ background:url(../images/line4.gif) no-repeat;}

#exercitation{ width:433px; height:451px; clear:both;float:left;}
#exercitation .note{ width:270px!important; width:260px;height:45px;  float:left;}
#exercitation .more{float:right; width:100px;color:#ff6600; text-align:right; margin-top:-10px;}
#exercitation h1{ line-height:24px; margin:0; padding:0;}

.TabbedPanelsContent li{ clear:both;margin:11px 7px !important; margin:0px 7px;height:100px;border-bottom: 1px dashed #999;}
.TabbedPanelsContent .li2{ clear:both;margin:11px 7px;height:100px;}
.TabbedPanelsContent .more2{ float:right; width:100px;color:#ff6600; text-align:right; margin:0 10px 0 0; clear:both;}

#comments{width:215px; height:200px; border-left:#5dab24 1px solid;border-right:#5dab24 1px solid;border-bottom:#5dab24 1px solid; float:right;}
#comments .title{background:url(../images/swt_comments_title.png); font-weight:bold; height:27px; overflow:hidden; }
#comments .title h1{ margin:7px 0 0 30px!important;margin:7px 0 0 18px; font-size:12px;width:150px; padding:0 5px; font-weight:bold;   }
#comments .line{ background:url(../images/line.gif) repeat-x; width:200px; margin:auto; height:1px;}
#comments .photo{float:left; width:87px; height:66px;}
#comments .name{ font-weight:bold; float:right;  text-align:left; width:95px;}
#comments .school{float:right; text-align:left; width:95px;}
#comments .contents{ width:195px; height:70px; margin:5px auto auto auto;}
#comments span{ width:215px; margin:10px 0 0 0; clear:both; display:block;}

#comments_02{width:215px; height:251px; border-left:#5dab24 1px solid;border-right:#5dab24 1px solid;border-bottom:#5dab24 1px solid; float:right;}
#comments_02 .title{background:url(../images/jii.jpg); font-weight:bold; height:27px; overflow:hidden; }
#comments_02 .title h1{ margin:7px 0 0 30px!important;margin:7px 0 0 18px; font-size:12px;width:150px; padding:0 5px; font-weight:bold; }
#comments_02 .line{ background:url(../images/line.gif) repeat-x; width:200px; margin:auto; height:1px;}
#comments_02 .photo{float:left; width:87px; height:66px;}
#comments_02 .name{ font-weight:bold; float:right;  text-align:left; width:95px;}
#comments_02 .school{float:right; text-align:left; width:95px;}
#comments_02 .contents{ width:195px; height:70px; margin:5px auto auto auto;}
#comments_02 span{ width:215px; height:200px; margin:10px 0 0 0; clear:both; display:block;}

#comments_01{width:215px; height:251px; border-left:#5dab24 1px solid;border-right:#5dab24 1px solid;border-bottom:#5dab24 1px solid; float:right;}
#comments_01 .title{background:url(../images/xiaoyuan.jpg); font-weight:bold; height:27px; overflow:hidden; }
#comments_01 .title h1{ margin:7px 0 0 30px!important;margin:7px 0 0 18px; font-size:12px;width:150px; padding:0 5px; }
#comments_01 .line{ background:url(../images/line.gif) repeat-x; width:200px; margin:auto; height:1px;}
#comments_01 .photo{float:left; width:87px; height:66px;}
#comments_01 .name{ font-weight:bold; float:right;  text-align:left; width:95px;}
#comments_01 .school{float:right; text-align:left; width:95px;}
#comments_01 .contents{ width:195px; height:70px; margin:5px auto auto auto;}
#comments_01 span{ width:215px; height:200px; margin:10px 0 0 0; clear:both; display:block;}