@charset "utf-8";

body { margin:0; padding:0; background-color:#999;
scrollbar-face-color:#CCC; scrollbar-track-color:#CCC; scrollbar-arrow-color:#FFF; scrollbar-shadow-color:#FFF; scrollbar-3dlight-color:#FFF;
/*background:url(../images/bg.jpg) no-repeat center top; background-attachment:fixed;*/}
.bg2 { margin:0;}
.header { background-color:#999;}
.middle { background-color:#FFF;}
a { font:normal 10pt Arial, Helvetica, sans-serif; color:#00238a; text-decoration:underline;}
a:hover { color:#00F; text-decoration:none;}

.table-bg { background-color:#E9E9E9;}
.table-title { font:normal 10pt Arial, Helvetica, sans-serif; color:#333; text-align:center; background-color:#DDD;/*border: 1px solid #CCC;*/}
.table-tr0 { background-color:#FFF;}
.table-tr1 { background-color:#F6F6F6;}
.title { font:bold 11pt Arial, Helvetica, sans-serif; color:#000; line-height:25px; text-align:left; border-top:0; border-bottom:0; margin:0;
background:url(../images/title_center.jpg) repeat-x left top #FFF;}
.text { font:normal 10pt Arial, Helvetica, sans-serif; color:#454545; line-height:14px; text-align:left;}
.text-high { font:normal 10pt Arial, Helvetica, sans-serif; color:#F00; line-height:120%;}
.text-high2 { font:normal 10pt Arial, Helvetica, sans-serif; color:#34632E; line-height:120%;}
.text-high3 { font:normal 10pt Arial, Helvetica, sans-serif; color:#000; line-height:120%;}
.text-blue { font:normal 10pt Arial, Helvetica, sans-serif; color:blue; line-height:120%;}
.text-title {
font: bold 10pt Arial, Helvetica, sans-serif;
color: #0000CC;
line-height: 160%;
background-color: #D0E0FF;
border-bottom: 1px solid #CCC;}
.otherbg { background-color:#FFFFA0;}



body{ font:13px Verdana, Arial, Helvetica, sans-serif; color:#686868;}
ul.news{ margin:0; padding:0; margin:0 auto; width:680px; padding-top:28px;}
ul.news li{ padding:5px 0 5px 15px; font:13px Verdana, Arial, Helvetica, sans-serif; background:url(../images/dot_ul2.gif) no-repeat 5px 13px; }
table.info{ border:1px solid #ccc; background-color:#f6f6f6; width:700px; margin:0 auto;}
table.info td { padding:15px; font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#999; text-align:left;}
table.info td strong { font-weight:bold; color:#0e7982;}
p.intro{ padding:15px 10px 15px 22px; font:13px/22px Verdana, Arial, Helvetica, sans-serif;}
td.side{ background:url(../images/bg_side.jpg) no-repeat right bottom;}
input.in{ border:1px solid #685041; width:70px; height:18px; font:11px Verdana, Arial, Helvetica, sans-serif; background-color:#FFF; color:#686868; padding-top:1px; padding-left:1px;}
input.butn{ border:none; background:transparent url(../images/but_login.jpg) no-repeat; width:29px; height:18px;}
label{ padding:0;margin:auto 2px;}
.small{ font:bold 11px "新細明體","細明體";}

.white { color:#FFF;}
.text-high4 { color:#003399; font-weight:bold; font-size:15px;}
table.table-bg { border-top:1px solid #ccc; border-left:1px solid #ccc;}
table.table-bg td { font:12px/18px Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #ccc;border-right:1px solid #ccc; padding:2px 3px;}
table.table-bg td a { font:12px/18px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}
.nullcolor { background:transparent;}
.scroll { overflow-x: hidden; overflow-y:auto;}
a.noline { text-decoration:none; color:#FFF;}



/*----------- 0414 -----------*/
.style1 { font-size:12px; line-height:14px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif, "新細明體"; font-weight:bold;}
.style2 { color:#DB090E}
.style3 { font-family:Verdana, Arial, Helvetica, sans-serif, "新細明體"; font-weight:bold; font-size:14px;}

.hd { width:167px; height:26px; background:url(http://chart.cnyes.com/images/cnyeshomeBgX.png) 0 bottom repeat-x; padding:0 0 0 3px; margin:5px 0 0 0;}
.hd li { list-style:none; display:list-item; float:left; border:1px solid #ccc; border-bottom:0; margin-right:-1px;}
.hd li a { display:block; float:left; width:70px; font:12px PMingLiU; color:#888; height:24px; line-height:24px; text-align:center;
background:url(http://chart.cnyes.com/images/TagsBgX.png) 0 bottom repeat-x; text-decoration:none;}
.hd li.current a { color:#333; font-weight:bold; border-bottom:1px solid #fff; background:url(http://chart.cnyes.com/images/TagsBgX.png) 0 0 repeat-x;
padding-left:1px;}
.hd li a:hover { color:#c00; text-decoration:none;}




/******** headers *************************************************************/
#headers { display:block; width:770px; height:120px; background:url(../images/tw_top.jpg) center top no-repeat; margin:0 auto; overflow:hidden;}
a.cnyes_logo { float:left; display:block; width:136px; height:47px; background:url(../images/cnyes_logo.gif) 0 0 no-repeat; text-indent:-9999px; margin:0;}
.winner { float:right; width:240px; margin:9px 7px 0 0; background:url(../images/winner_03.gif) 0 0 no-repeat; padding-top:49px;}
.winner ul { width:240px; margin:0; padding:0;}
.winner ul li { float:left; margin:0; padding:0;}
.winner ul li a { display:block; width:58px; height:25px; text-indent:-9999px;}
.winner ul li .win_1 { background:url(../images/winner_05.gif) left top no-repeat; width:62px;}
.winner ul li .win_2 { background:url(../images/winner_06.gif) left top no-repeat;}
.winner ul li .win_3 { background:url(../images/winner_07.gif) left top no-repeat;}
.winner ul li .win_4 { background:url(../images/winner_08.gif) left top no-repeat; width:62px;}
.winner ul li .win_5 { background:url(../images/winner_09.gif) left top no-repeat; width:62px; height:28px;}
.winner ul li .win_6 { background:url(../images/winner_10.gif) left top no-repeat; height:28px;}
.winner ul li .win_7 { background:url(../images/winner_11.gif) left top no-repeat; height:28px;}
.winner ul li .win_8 { background:url(../images/winner_12.gif) left top no-repeat; width:62px; height:28px;}
.winner li a:hover { background-position:left bottom;}
.winner ul .menu_on a { background-position:left bottom;}

/******** menu *************************************************************/
#menu { display:block; width:770px; height:43px; margin:0 auto; padding:0; background:url(../images/menu_bg.jpg) 0 0 repeat-x; overflow:hidden;}
#menu ul { width:100%;}
#menu li { float:left;}
#menu li a { display:block; width:100px; height:43px; text-indent:-9999px;}
#menu li .tw_01 { background:url(../images/tw_01.jpg) left top no-repeat; width:98px;}
#menu li .tw_02 { background:url(../images/tw_02.jpg) left top no-repeat;}
#menu li .tw_03 { background:url(../images/tw_03.jpg) left top no-repeat; width:97px;}
#menu li .tw_04 { background:url(../images/tw_04.jpg) left top no-repeat; width:131px;}
#menu li .tw_05 { background:url(../images/tw_05.jpg) left top no-repeat; width:114px;}
#menu li .tw_06 { background:url(../images/tw_06.jpg) left top no-repeat;}
#menu li .tw_07 { background:url(../images/tw_07.jpg) left top no-repeat; width:130px;}
#menu li a:hover { background-position:left bottom;}
#menu ul .menu_on a { background-position:left bottom;}

/******** contents *************************************************************/
#contents { width:770px; height:1%; overflow:hidden; margin:0 auto; padding:0; background:#FFF;}

.h10 { display:block; width:100%; height:10px;}
.h20 { display:block; width:100%; height:20px;}
.bg_news { background:url(../images/bg_news.jpg) 0 0 no-repeat; width:770px; height:131px; padding-top:35px; text-align:center;}

.title1 { display:block; width:100%; height:25px; background:url(../images/title_right.gif) right top no-repeat; margin-bottom:5px;}
.title1 strong { float:left; display:block; height:25px; background:url(../images/title_left.gif) left top no-repeat;
font:bold 11pt Arial, Helvetica, sans-serif; color:#000; line-height:25px; vertical-align:middle; margin:0; padding:0 0 0 22px;}
.title1 a { font-style:normal; font-weight:normal; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; color:#03C;}
.title1 a:hover { text-decoration:underline;}
.text1 { width:490px; font:normal 10pt Verdana, Arial, Helvetica, sans-serif; color:#454545; line-height:150%; text-align:left; padding:0 0 10px 10px;}
.text2 { width:100%; font:normal 10pt Verdana, Arial, Helvetica, sans-serif; color:#454545; line-height:150%; text-align:left; padding:0;}


ul.but { width:465px; margin:0 auto;}
ul.but li { float:left; margin-right:5px;}
ul.but li a { display:block; width:150px; height:40px; text-indent:-9999px;}
ul.but li a.online { background:url(../images/but_online_buy.jpg) left top no-repeat;}
ul.but li a.fax { background:url(../images/but_fax_buy.jpg) left top no-repeat;}
ul.but li a.china { background:url(../images/but_china_buy.jpg) left top no-repeat;}
ul.but li a:hover { background-position:left bottom;}



/******** R-Menu *************************************************************/
ul.r_menu { width:160px;}
ul.r_menu li { display:block; width:160px; height:25px; font:normal 10pt Arial, Helvetica, sans-serif; color:#454545; line-height:25px; text-align:center;
background:url(../images/line.gif) left bottom repeat-x; padding:0;}
ul.r_menu li a { display:block; width:160px; height:25px; font:normal 10pt Arial, Helvetica, sans-serif; color:#00238a; line-height:25px; text-decoration:none;}
ul.r_menu li a:hover { text-decoration:underline; background-position:left bottom;}
a.arr { background:url(../images/arrow.gif) 0 0 no-repeat;}
ul.r_menu .on { background-position:left bottom;}
a.r1 { background:url(../images/schoolMenu01.jpg) 0 0 no-repeat; text-indent:-9999px;}
a.r2 { background:url(../images/schoolMenu02.jpg) 0 0 no-repeat; text-indent:-9999px;}
a.r3 { background:url(../images/schoolMenu03.jpg) 0 0 no-repeat; text-indent:-9999px;}
a.r4 { background:url(../images/schoolMenu04.jpg) 0 0 no-repeat; text-indent:-9999px;}
a.r5 { background:url(../images/schoolMenu05.jpg) 0 0 no-repeat; text-indent:-9999px;}
a.r6 { background:url(../images/schoolMenu06.jpg) 0 0 no-repeat; text-indent:-9999px;}
a.r7 { background:url(../images/schoolMenu07.jpg) 0 0 no-repeat; text-indent:-9999px;}
a.r8 { background:url(../images/schoolMenu08.jpg) 0 0 no-repeat; text-indent:-9999px;}
a.r9 { background:url(../images/schoolMenu09.jpg) 0 0 no-repeat; text-indent:-9999px;}


/******** footer *************************************************************/
.copyright { font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#4a2a0e; text-align:center;
width:770px; background:url(../images/footer.jpg) center top no-repeat; margin:0 auto; padding:10px 0;}
.copyright a { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#900; text-decoration:none;}
.copyright a:hover { color:#F00; text-decoration:underline;}
.copyright2 { font:bold 11pt Arial, Helvetica, sans-serif; color:#000; line-height:150%; text-align:center;}
.copyright2 a { font:bold 11pt Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.copyright2 a:hover { color:#F00; text-decoration:underline;}