/* base */ /* 0 site config */ body{ background:#fff url(/web/img/common/bg/bg_body.gif) 0 0 repeat-x; text-align:center; color:#666;} /* Atag */ a:link { color:#0066CC; text-decoration:underline;} a:visited { color:#666; text-decoration:underline;} a:hover { color:#EA782C; text-decoration:none;} a:active { color:#0066CC; text-decoration:underline;} /* SiteRule */ #wrapper .mar0 { padding:0px;} #wrapper .mar_tp0 { margin-top:0px;} #wrapper .mar_rt0 { margin-right:0px;} #wrapper .mar_rt5 { margin-right:5px;} #wrapper .mar_rt20 { margin-right:20px;} #wrapper .mar_bm0 { margin-bottom:0px;} #wrapper .mar_bm4 { margin-bottom:4px;} #wrapper .mar_bm10 { margin-bottom:10px;} #wrapper .mar_bm30 { margin-bottom:30px;} #wrapper .mar_bm40 { margin-bottom:40px;} #wrapper .mar_lt0 { margin-left:0px;} #wrapper .mar_lt5 { margin-left:5px;} #wrapper .mar_lt20 { margin-left:20px;} #wrapper .pad0 { padding:0px;} #wrapper .pad_tp0 { padding-top:0px;} #wrapper .pad_tp10 { padding-top:10px;} #wrapper .pad_tp12 { padding-top:12px;} #wrapper .pad_rt0 { padding-right:0px;} #wrapper .pad_bm0 { padding-bottom:0px;} #wrapper .pad_bm12 { padding-bottom:12px;} #wrapper .pad_lt0 { padding-left:0px;} #wrapper .pad_lt10 { padding-left:10px;} #wrapper .pad_lt15 { padding-left:15px;} #wrapper .pad_lt20 { padding-left:20px;} #wrapper .pad_lt2em { padding-left:2em;} #wrapper .padTB5 { padding:10px 0;} #wrapper .pos_relative { position:relative;} #wrapper .clr { clear:both;} /* font color */ /* Layout */ /* page wrapper */ #pagebody { width:950px; margin:0 auto;} /* header */ #header { position:relative; width:950px; height:114px;} #logo { position:absolute; top:24px; left:29px;} .p_lead_head1 { position:absolute; top:8px; left:12px; font-size:77%;} #spnav_list { position:absolute; top:22px; right:162px; text-align:right;} #spnav_list li { display:inline; padding-right:12px; margin-right:10px; background:url(/web/img/common/icon/icon_blue1.gif) right bottom no-repeat; letter-spacing:-0.5px;} #spnav_list li a { text-decoration:none;} #bnr_head1 { position:absolute; top:18px; right:0px;} #glnav_list { position:absolute; top:53px; right:0px;} #glnav_list li { float:left;} #glnav_list li a { display:block; overflow:hidden; float:left; height:31px; background:url(/web/img/common/header/bg_glnav1.jpg) 0 0 no-repeat; text-indent:-9999px;} #glnav_list .glnav1 a { width:109px; background-position:0px 0px;} #glnav_list .glnav2 a { width:118px; background-position:-109px 0px;} #glnav_list .glnav3 a { width:138px; background-position:-227px 0px;} #glnav_list .glnav4 a { width:109px; background-position:-365px 0px;} #glnav_list .glnav5 a { width:118px; background-position:-474px 0px;} #glnav_list .glnav6 a { width:118px; background-position:-592px 0px;} #glnav_list .glnav1 a:hover , #glnav_list .glnav1 a.on { background-position:0px -31px;} #glnav_list .glnav2 a:hover , #glnav_list .glnav2 a.on { background-position:-109px -31px;} #glnav_list .glnav3 a:hover , #glnav_list .glnav3 a.on { background-position:-227px -31px;} #glnav_list .glnav4 a:hover , #glnav_list .glnav4 a.on { background-position:-365px -31px;} #glnav_list .glnav5 a:hover , #glnav_list .glnav5 a.on { background-position:-474px -31px;} #glnav_list .glnav6 a:hover , #glnav_list .glnav6 a.on { background-position:-592px -31px;} /* wrapper */ #wrapper {} #wrapper_inner { padding:0 0 40px 0; text-align:left;} /* alpha */ #alpha { overflow:hidden; float:right; width:710px;} #crumb_list { margin-bottom:20px;} #crumb_list li { display:block; float:left; height:26px; line-height:26px; font-size:85%;} #crumb_list li.on { padding:0 10px 0 18px; background:url(/web/img/common/bg/bg_clumb_right.gif) 0 0 no-repeat; font-weight:bold; color:#333;} #crumb_list li a { display:block; float:left; padding:0 2px 0 24px; text-decoration:none; background:url(/web/img/common/bg/bg_clumb.gif) 0 0 no-repeat;} #crumb_list .crumb1 a { padding-left:10px; background:url(/web/img/common/bg/bg_clumb.gif) right 0 no-repeat;} .alpha_readmore1 { padding-top:10px; text-align:right;} .alpha_readmore1 a { padding-right:10px; background:url(/web/img/common/icon/icon_blue1.gif) right bottom no-repeat; text-decoration:none;} /* toppage */ .top_top_left1 .alpha_readmore1 { margin-top:-20px;} /* beta */ #beta { float:left; width:210px;} .beta_title1 { margin-bottom:10px;} .beta_readmore1 { padding-top:10px; border-top:1px dotted #ccc; text-align:right;} .beta_readmore1 a { padding-right:10px; background:url(/web/img/common/icon/icon_blue1.gif) right bottom no-repeat; text-decoration:none;} /* mypage menu */ #mypage_menu_list { margin-bottom:25px; border:1px solid #ccc; border-bottom:0px;} #mypage_menu_list li { border-bottom:1px solid #ccc;} #mypage_menu_list li a { display:block; overflow:hidden; width:208px; height:38px; background:url(/web/img/common/beta/bg_mypage_menu.gif) 0 0 no-repeat; text-indent:-9999px;} #mypage_menu_list .mypage_menu1 a { background-position:0px 0px;} #mypage_menu_list .mypage_menu2 a { background-position:0px -39px;} #mypage_menu_list .mypage_menu3 a { background-position:0px -78px;} #mypage_menu_list .mypage_menu4 a { background-position:0px -117px;} #mypage_menu_list .mypage_menu1 a:hover , #mypage_menu_list .mypage_menu1 a.on { background-position:-208px 0px;} #mypage_menu_list .mypage_menu2 a:hover , #mypage_menu_list .mypage_menu2 a.on { background-position:-208px -39px;} #mypage_menu_list .mypage_menu3 a:hover , #mypage_menu_list .mypage_menu3 a.on { background-position:-208px -78px;} #mypage_menu_list .mypage_menu4 a:hover , #mypage_menu_list .mypage_menu4 a.on { background-position:-208px -117px;} /* compe menu */ #compe_menu_list { margin-bottom:25px; border:1px solid #ccc;} #compe_menu_list li {} #compe_menu_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/compe/btn_compe_set.gif) 0 0 no-repeat; text-indent:-9999px;} #compe_menu_list .compe_menu1 a { height:39px; background-position:0px 0px;} #compe_menu_list .compe_menu2 a { height:30px; background-position:0px -39px;} #compe_menu_list .compe_menu3 a { height:29px; background-position:0px -69px;} #compe_menu_list .compe_menu1 a:hover , #compe_menu_list .compe_menu1 a.on { background-position:-208px 0px;} #compe_menu_list .compe_menu2 a:hover , #compe_menu_list .compe_menu2 a.on { background-position:-208px -39px;} #compe_menu_list .compe_menu3 a:hover , #compe_menu_list .compe_menu3 a.on { background-position:-208px -69px;} #news_menu_list { margin-bottom:25px; border:1px solid #ccc;} #news_menu_list li {} #news_menu_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/news/btn_news_set.gif) 0 0 no-repeat; text-indent:-9999px;} #news_menu_list .news_menu1 a { height:39px; background-position:0px 0px;} #news_menu_list .news_menu2 a { height:30px; background-position:0px -39px;} #news_menu_list .news_menu3 a { height:29px; background-position:0px -69px;} #news_menu_list .news_menu4 a { height:29px; background-position:0px -98px;} #news_menu_list .news_menu5 a { height:31px; background-position:0px -127px;} #news_menu_list .news_menu1 a:hover , #news_menu_list .news_menu1 a.on { background-position:-208px 0px;} #news_menu_list .news_menu2 a:hover , #news_menu_list .news_menu2 a.on { background-position:-208px -39px;} #news_menu_list .news_menu3 a:hover , #news_menu_list .news_menu3 a.on { background-position:-208px -69px;} #news_menu_list .news_menu4 a:hover , #news_menu_list .news_menu4 a.on { background-position:-208px -98px;} #news_menu_list .news_menu5 a:hover , #news_menu_list .news_menu5 a.on { background-position:-208px -127px;} #faq_menu_list { margin-bottom:25px; border:1px solid #ccc;} #faq_menu_list li {} #faq_menu_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/faq/btn_faq_set.gif) 0 0 no-repeat; text-indent:-9999px;} #faq_menu_list .faq_menu1 a { height:39px; background-position:0px 0px;} #faq_menu_list .faq_menu2 a { height:29px; background-position:0px -39px;} #faq_menu_list .faq_menu1 a:hover , #faq_menu_list .faq_menu1 a.on { background-position:-208px 0px;} #faq_menu_list .faq_menu2 a:hover , #faq_menu_list .faq_menu2 a.on { background-position:-208px -39px;} #other_menu1_list { margin-bottom:25px; border:1px solid #ccc;} #other_menu1_list li {} #other_menu1_list li a { display:block; overflow:hidden; width:208px; background:url(/web/img/other/btn_other_set1.gif) 0 0 no-repeat; text-indent:-9999px;} #other_menu1_list .other_menu1 a { height:30px; background-position:0px 0px;} #other_menu1_list .other_menu2 a { height:29px; background-position:0px -30px;} #other_menu1_list .other_menu1 a:hover , #other_menu1_list .other_menu1 a.on { background-position:-208px 0px;} #other_menu1_list .other_menu2 a:hover , #other_menu1_list .other_menu2 a.on { background-position:-208px -30px;} .news_beta { clear:both; margin-bottom:25px;} .news_beta_list { margin-bottom:10px;} .news_beta_list li { clear:both; margin-bottom:10px; height:55px;} .news_beta_list .p_date { padding-left:64px; margin-bottom:2px; color:#666; font-size:93%;} .news_beta_list .news_status1 .p_date { background:url(/web/img/common/icon/icon_news_status1.gif) 0 0 no-repeat;} .news_beta_list .news_status2 .p_date { background:url(/web/img/common/icon/icon_news_status2.gif) 0 0 no-repeat;} .news_beta_list .news_status3 .p_date { background:url(/web/img/common/icon/icon_news_status3.gif) 0 0 no-repeat;} .news_beta_list .news_status4 .p_date { background:url(/web/img/common/icon/icon_news_status4.gif) 0 0 no-repeat;} .faq_beta { clear:both; margin-bottom:25px;} .feed_beta { margin-bottom:25px; padding:10px; border:1px solid #CCC;} .feed_left { float:left; width:28px;} .feed_right { float:right; width:150px; font-size:93%; line-height:1.2;} .bnr_beta_list {} .bnr_beta_list li { margin-bottom:10px;} .new_entry1_beta { margin-bottom:10px;} .login_beta { margin-bottom:25px; border:1px solid #ccc; background:#EAEAEA;} .login_beta_inner { position:relative; width:208px; height:108px; background:url(/web/img/common/beta/bg_login_box1.gif) 0 0 no-repeat;} .login_beta_inner .login_id { position:absolute; top:32px; left:13px; width:180px; padding:0; border:0; outline:none;} .login_beta_inner .login_pass { position:absolute; top:84px; left:13px; width:180px; padding:0; border:0; outline:none;} .login_beta_inner .label_login_beta_id1 { position:absolute; top:8px; left:10px;} .login_beta_inner .label_login_beta_pass1 { position:absolute; top:61px; left:10px;} .login_beta_bottom { padding:10px 0px 10px 13px;} .login_beta_bottom .login_auto { margin:0 5px 4px 0; padding:0; vertical-align:middle;} .login_beta_bottom .login_auto_label { padding-bottom:2px; font-size:85%; color:#333;} .login_beta_bottom .btn_login_bottom { padding:3px 0 0;} .login_beta_bottom .btn_login_bottom img { vertical-align:middle;} .login_beta_bottom .link_forget1 { padding-left:5px; font-size:77%;} .newcourse_beta { margin-bottom:10px;} .newcourse_beta .bnr_box1 { padding:14px 0; margin-bottom:3px; border-bottom:1px dotted #ccc; text-align:center;} .newcourse_beta .bnr_box1 .bnr_img1 { margin-bottom:5px;} .bnr_course_info1 .course_num1 { margin-bottom:3px;} .bnr_course_info1 .course_num1 .spn_course_num1 { color:#7EB200; font-size:182%; font-weight:bold;} .bnr_course_info1 .btn_demo_movie1 { text-align:center;} /* footer */ #footer { clear:both; text-align:center; background:#F3F3F3 url(/web/img/common/footer/bg_footer.gif) 0 0 repeat-x;} #footer_inner { position:relative; width:950px; margin:0 auto; padding-top:11px; background:url(/web/img/common/footer/bg_footer_inner.gif) 475px 11px no-repeat; font-size:85%; text-align:left;} #footer_inner .btn_pagetop { position:absolute; right:0px; top:-26px;} #footer_inner p { color:#333;} #footer_left { float:left; width:450px;} #footer_left_left { float:left; width:110px; margin-right:8px;} #footer_left_right { float:left; width:326px;} #footer_right { float:right; width: 450px;} #footer_right_left { float:left; width:110px; margin-right:8px;} #footer_right_right { float:left; width:306px;} .footer_title { margin-bottom:8px;} .footnav_list { margin-bottom:15px;} .footnav_list li { display:inline; margin-right:5px; padding-left:6px; border-left:1px solid #666;} .footnav_list li.footnav_first { padding-left:0px; border-left:0;} .p_foot1 { height:48px;} #footer_bottom { clear:both; padding:10px 0 15px; border-top:1px solid #ccc; text-align:center;} #footer_bottom .p_copyright { text-align:center;}