@charset "big5";
/* CSS Document */
.index_class_box{ background:url(/cnt/class/index_class_bg.jpg) no-repeat top center;position:relative; height:740px; width:940px; margin:10px auto; font-size:15px; line-height:1.5em; font-family:"·L³n¥¿¶ÂÅé";}
.class_bookmark{ background:url(/cnt/class/index_class_06.png) no-repeat; position:absolute; left:100px; top:20px; width:815px; height:121px; padding-top:20px; padding-left:20px;}
.class_bookmark strong{ color:#C00; font-weight:normal;}
.class_bookmark em{ display:block; text-align:right; margin-right:250px; color:#999;}
.class_geo{ position:absolute; left:90px; top:200px;}
.class_geo ul { padding-left:10px;}
.class_geo ul li{ padding:2px 0px 0px 20px; line-height:24px; background:url(/cnt/class/article_class_09.gif) no-repeat 0px 5px; }
.class_geo ul li a{ color:#666;}
.class_geo ul li a:hover{ color:#563cdc;}
.class_palace{ position:absolute; left:20px; top:511px;}
.class_qa{ position:absolute; top:520px; left:240px;}
.class_qa ul li {padding-top:2px;}
.class_qa ul li a{ color:#666;}
.class_qa ul li a:hover{ color:#563cdc;}
.class_planet{ position:absolute; left:500px; top:190px; width:370px;}
.class_planet a{white-space: nowrap;  color:#666; padding-left:10px; background:url(../images/index_ic-arrow.png) no-repeat left; margin-right:5px; padding-bottom:5px;}
.class_planet a:hover{ color:#563cdc;}
.class_box{ background:url(/cnt/class/article_class_13.gif) repeat-y center;}
.class_box .title{background:url(/cnt/class/article_class_03.gif) no-repeat top center; padding-top:17px;}
.class_box .title h2{ background:url(/cnt/class/article_class_06.png) no-repeat top left; font-family:·L³n¥¿¶ÂÅé; height:63px; padding-top:20px; padding-left:20px; font-size:28px; color:#333333;}
.class_box .info{ color:#8a98ff; text-align:right; margin:10px 20px;}
.class_box .content{ padding:10px 20px; font-size:16px; line-height:2em;}
.class_box .content p{ padding:10px 0px;}
.class_box .content ol, .class_box .content ul{padding-left:30px;}
.class_box .content img.border{ padding:5px; border:1px solid #ddd;}
.class_box ul.class_list li{ padding:5px; font-size:15px;}
.class_box ul.class_list li a{ border:0px; padding:0px; margin:0px;}
.class_recmd{ float:left; width:245px; height:162px; padding:25px 30px; background:url(/cnt/class/article_class_18.png) no-repeat top left; margin-top:10px;}
.class_recmd h3{ margin-top:10px; margin-bottom:0px;}
.class_recmd p{ line-height:1.75em; font-size:15px;}
.class_recmd strong{ color:#e72487;}
.class_box .dede_pages{ clear:both;}
.class_bottom{ background:url(/cnt/class/article_class_15.gif) no-repeat bottom center; height:17px; clear:both;}
.class_nav{ border:1px solid #ffbddf; padding:5px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.class_nav ul{ padding:0px; margin:0px; background-color:#ffeef7; padding:10px 0px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.class_nav ul li{ border-bottom:1px dotted #ffbddf; font-size:15px; line-height:1.5em;}
.class_nav ul li a{ display:block; height:30px; background:url(/cnt/class/article_class_09.gif) no-repeat 10px 5px; color:#c53a4b; padding:5px 10px 0px 35px;}
.class_nav ul li a:hover{ background-color:#FFF; text-decoration:none;}
.class_myth{ position:absolute; left:500px; top:330px; height:300px;}
.class_myth-block{ background:url(/cnt/class/index_class_18.gif) no-repeat; width:210px; height:180px;}
.class_myth-block a{ display:block; width:70px; height:45px; float:left;}
.class_dir{ position:absolute; left:500px; top:600px;}