body {
	background-color: #EAF3F8;
	background-image: url(../images/spetopbg.jpg);
	background-repeat: repeat-x;
	padding:0;
	margin:0;
	text-align:center;
}
h2{
    color:#0458A0;
}
img{
    border:0px;
}
p{
    padding:0;
	margin:0;
}
#top01{
	padding:0;
	margin:0;
	height:219px;
}
#nav{
    width:100%;
	height:31px;
	background:url(../images/spenav.jpg) repeat-x;
	padding:9px 0 0 0;
}
#nav a,#specolume a{
    color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
#nav a:hover,#specolume a:hover{
    color:#D5E9FA;
}
#wksp {
    text-align:left;
    margin:0 auto;
    width:966px;
	background:#FFFFFF;
}

#wk {
    text-align:left;
    margin:0 auto;
    width:920px;

}
#focus01{
    width:100%;
	height:324px;
	margin:8px 0 0 0;
}
#specolume{
    width:100%;
	height:25px;
    background:url(../images/specolumnbg.jpg) repeat-x;
	margin:8px 0 0 0;
	padding:10px 0 0 0;
	text-align:center;
}
#spetitle{
    text-align:left;
	padding-left:25px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}
#guarantee01,#guarantee02{
   width:964px;
   border:1px solid #ACCCE6;
   text-align:center;
   background:#FFFFFF;
}
#guarantee02{
   background-color:#E1EDF7;
   text-align:center;
}
#intro{
    background-color:#FFFFFF;
	border:1px solid #D8D8D8;
    width:94%;
	font-size:14px;
	color:#646464;
	padding:10px;
	line-height:140%;
	text-align:left;
}
#linkdetail a{
    color:#FF0000;
	text-decoration:underline;
}
#linkdetail a:hover{
	color:#003399;
}
#details{
    width:96%;
	border:1px solid #D8D8D8;
}
#detail01{
    height:32px;
	text-align:left;
    font-size:20px;
	color:#0360A8;
	font-weight:bold;
	background-color:#FFFFFF;
	padding-top:15px;
}
#detail02{
    background:#F5F5F5;
	padding:10px;
	font-size:14px;
	color:#646464;
	line-height:140%;
	text-align:left;
}
#guarantee01 table{
   font-size:14px;
   text-align:center;
   color:#646464;
}
.items{
   color:#FFFFFF;
   font-weight:bold;
   font-size:16px;
}
.lesson01{
   font-weight:bold;
   color:#646464;
   line-height:150%;
}
.lesson02{
   color:#4E82A7;
}
.lesson03{
   color:#83A930;
   text-decoration:line-through;
}
.lesson04{
   color:#ff0000;
}
.lesson05{
   font-size:12px;
   line-height:150%;
   color:#646464;
}
.lesson06 a{
   font-size:12px;
   color:#4E82A7;
   text-decoration:underline;
}
.lesson06 a:hover{
   color:#80A7C4;
}
#activity02{
   width:329px;
   height:302px;
   float:left;
   margin:3px;
}
#activity03{
   width:272px;
   height:284px;
   border:1px solid #D9D9D9;
   float:left;
   margin-top:3px;
   font-size:12px;
   color:#999999;
   line-height:150%;
   text-align:left;
   padding:8px;
}
#activity04{
   width:327px;
   height:302px;
   float:right;
   margin:3px;
   overflow:hidden;
}

#guarantee01 #teach01,#guarantee01 #teach11{
   width:920px;
/*   height:20px;*/
}
#guarantee01 #teach01 li{
   width:450px;
   height:94px;
   float:left;
   margin-top:10px;
   text-align:left;
}
#guarantee01 #teach11 li{
   width:215px;
   height:60px;
   float:left;
   text-align:left;
   margin:10px 0 0 10px;;
}
#guarantee01 #teach01 li img,#guarantee01 #teach11 li img{
   float:left;
}
#guarantee01 #teach01 li a:hover,#guarantee01 #teach11 li a:hover{
   text-decoration:underline;
}
#teach02{
   margin-left:20px;
}
#tc03{
   font-size:14px;
   font-weight:bold;
   color:#50959C;
   display:block;
   width:310px;
   float:right;
}
#tc04{
   line-height:150%;
   color:#646464;
   display:block;
   width:310px;
   float:right;
}

#tc13{
   font-size:14px;
   font-weight:bold;
   color:#50959C;
   display:block;
   width:132px;
   float:right;
}
#tc14{
   line-height:150%;
   color:#646464;
   display:block;
   width:132px;
   float:right;
}
#freebook{
   margin:8px 0 8px 0;
   text-align:center;
}
#freebook a img{
   border:3px solid #ffffff;
}
#freebook a:hover img{
   border:3px solid #E7CE8F;
}

/*spe_yati2012 CSS*/

#spe_yati_wk{
    text-align:left;
    margin:0 auto;
    width:950px;
}
#yatinav{
    height:40px;
	background:url(../images/yatibg01.jpg) repeat-x;
	margin-top:8px;
	padding:16px 0 0 15px;
	text-align:center;
}
#yatinav a{
    color:#FFFF66;
	font-size:18px;
	font-weight:bold;
}
#yatinav a:hover{
    text-decoration:underline;
}
#yajincons01{
    background-color:#E6E6B5;
	border:1px solid #A5A538;
	width:950px;
	margin-bottom:8px;

}
#yatticons02title{
    width:auto;
	height:42px;
    background:url(../images/yatibg03.jpg) no-repeat;
	background-color:#000000;
	margin:8px 0;
	padding:9px 0 0 50px;
}
#yatticons02title a{
	font-size:29px;
	color:#F3DE21;
	font-weight:bold;
}
#yatticons02{
    width:100%;
	background:#CCCCCC;
	padding-top:13px;
}
#yatticons02_a,#yatticons02_b{
    background:url(../images/yatibg02.jpg) no-repeat;
	width:454px;
	height:259px;
	margin-bottom:12px;
}
#yatticons02_a{
    float:left;
	*margin-left:13px;
	_margin-left:7px;
	
}
#yatticons02_b{
    float:right;
	*margin-right:13px;
	_margin-right:7px;
}
#yaticon_key{
    font-size:16px;
	color:#313131;
	padding:13px 0 0 13px;
	margin:0 0 13px 0;
}
#yaticon_des{
    height:156px;
    font-size:14px;
	padding:13px;
	line-height:150%;
	overflow:hidden;
}
#yatimore{
    text-align:right;
	padding:0 40px 0 0;
}
#yatimore a{
    color:#E3421B;
	font-size:14px;
	font-weight:bold;
}
#yatimore a:hover{
    text-decoration:underline;
}

#QIAO_INVITE_CONTAINER { max-width: 0%;max-height: 0%;opacity:0; }

#QIAO_ICON_CONTAINER.qiao-icon-sector-left .qiao-icon-sector-inner {display: none;}
@media only screen and (max-width:640px) {
	.right_xf,.advBtn{ display:none;}
	.bottomAD { display:block;}
	
	}