1. html, body {height:100%;}
  2. html {background:url(../images/html-bg.jpg);}
  3. body {
  4. 	margin:0;
  5. 	font:11px Tahoma, Arial, Helvetica, sans-serif;
  6. 	color:#fff;
  7. }
  8. img {border:none;}
  9. form {
  10. 	padding:0;
  11. 	margin:0;
  12. }
  13. a:hover {text-decoration:none;}
  14. h2 {
  15. 	font:24px/33px Tahoma, Arial, Helvetica, sans-serif;
  16. 	margin:0 0 14px;
  17. 	padding:0 0 0 11px;
  18. 	background:url(../images/title-bg.png) no-repeat;
  19. 	height:1%;
  20. }
  21. .more {
  22. 	margin:0;
  23. 	width:100%;
  24. 	overflow:hidden;
  25. }
  26. .more a {
  27. 	color:#fff !important;
  28. 	padding:0 4px 1px;
  29. 	text-decoration:none;
  30. 	border:1px solid #000;
  31. 	float:left;
  32. 	background:#000;
  33. }
  34. .more a:hover {
  35. 	color:#000 !important;
  36. 	background:#fff;
  37. 	border-color:#fff;
  38. }
  39.  
  40. /*page*/
  41. #page {
  42. 	margin:0 auto;
  43. 	width:950px;
  44. 	overflow:hidden;
  45. }
  46. /*header*/
  47. .header {
  48. 	height:1%;
  49. 	overflow:hidden;
  50. 	margin:0 0 29px;
  51. }
  52. .info-area {
  53. 	height:1%;
  54. 	overflow:hidden;
  55. 	background:url(../images/info-area-bg.png) no-repeat;
  56. 	padding:0 19px 12px 17px;
  57. 	margin:0 0 19px;
  58. }
  59. .podcast {
  60. 	float:left;
  61. 	color:#ff0024;
  62. 	margin:10px 32px 0 0;
  63. 	width:166px;
  64. 	background:url(../images/podcast-ico.gif) no-repeat 100% 0;
  65. 	line-height:17px;
  66. 	position:relative;
  67. }
  68. .podcast a {
  69. 	text-decoration:none;
  70. 	color:#fff;
  71. }
  72. .podcast a:hover {text-decoration:underline;}
  73.  
  74. .forum {
  75. 	position:relative;
  76. 	float:left;
  77. 	width:545px;
  78. 	margin:10px 0 0;
  79. 	padding:1px 0 0 32px;
  80. 	line-height:16px;
  81. 	color:#949494;
  82. 	background:url(../images/forum-ico.gif) no-repeat;
  83. }
  84. .forum span,
  85. .forum em {
  86. 	color:#fff;
  87. 	font-size:10px;
  88. }
  89. .forum em {
  90. 	font-style:normal;
  91. 	color:#949494;
  92. }
  93. .forum strong {color:#d1ccb0;}
  94. .forum a {
  95. 	color:#00b4ff;
  96. 	text-decoration:none;
  97. 	background:url(../images/bullet.gif) no-repeat 100% 0;
  98. 	padding:0 21px 0 0;
  99. }
  100. .forum a:hover {text-decoration:underline;}
  101.  
  102. .info-area ul {
  103. 	float:right;
  104. 	padding:11px 0 0;
  105. 	margin:0;
  106. 	list-style:none;
  107. 	position:relative;
  108. }
  109. .info-area ul li {
  110. 	float:left;
  111. 	padding:1px 6px 2px 7px;
  112. 	line-height:12px;
  113. 	background:url(../images/separator.gif) no-repeat 0 3px;
  114. }
  115. .info-area ul li.login {
  116. 	background:url(../images/login-ico.gif) no-repeat;
  117. 	padding-left:20px;
  118. }
  119. .info-area ul a {color:#fff;}
  120.  
  121. .logo-area {
  122. 	height:1%;
  123. 	overflow:hidden;
  124. 	margin:0 0 25px;
  125. }
  126. .logo {
  127. 	float:left;
  128. 	width:199px;
  129. 	height:99px;
  130. 	margin:0;
  131. 	text-indent:-9999px;
  132. 	overflow:hidden;
  133. 	background:url(../images/logo.png) no-repeat;
  134. }
  135. .logo a {
  136. 	display:block;
  137. 	height:100%;
  138. }
  139. .logo-area img {
  140. 	float:right;
  141. 	margin:5px 0 0;
  142. }
  143.  
  144. ul.menu {
  145. 	width:100%;
  146. 	overflow:hidden;
  147. 	height:33px;
  148. 	padding:0;
  149. 	margin:0;
  150. 	list-style:none;
  151. 	background:url(../images/menu-bg.png) no-repeat;
  152. }
  153. ul.menu li {
  154. 	float:left;
  155. 	font:17px/33px Tahoma, Arial, Helvetica, sans-serif;
  156. }
  157. ul.menu li a {
  158. 	padding:0 14px;
  159. 	color:#fff;
  160. 	float:left;
  161. 	height:33px;
  162. 	text-decoration:none;
  163. 	position:relative;
  164. }
  165. ul.menu li a:hover,
  166. ul.menu li.active a {
  167. 	background:url(../images/menu-bg.png) no-repeat;
  168. 	cursor:pointer;
  169. }
  170.  
  171. /*primary content*/
  172. .primary-content {
  173. 	height:1%;
  174. 	padding:0 0 25px;
  175. 	overflow:hidden;
  176. }
  177. .main-col {
  178. 	width:506px;
  179. 	float:left;
  180. 	z-index:5;
  181. 	position:relative;
  182. }
  183. .main-col:after {
  184. 	content:" ";
  185. 	display:block;
  186. 	width:100%;
  187. 	overflow:hidden;
  188. 	height:1%;
  189. 	clear:both;
  190. }
  191.  
  192. .video {
  193. 	height:266px;
  194. 	width:502px;
  195. 	overflow:hidden;
  196. 	position:relative;
  197. 	border:1px solid #82807e;
  198. 	padding:1px;
  199. 	margin:0 0 11px;
  200. }
  201. .video img {display:block;}
  202. .video-txt {
  203. 	position:absolute;
  204. 	left:1px;
  205. 	bottom:0;
  206. 	width:458px;
  207. 	padding:5px 32px 3px 12px;
  208. 	background:url(../images/video-txt-bg.png) repeat-y;
  209. }
  210. .video-txt h2 {
  211. 	font:18px Tahoma, Arial, Helvetica, sans-serif;
  212. 	margin:0 0 5px;
  213. 	padding:0;
  214. 	background:none;
  215. }
  216. .video-txt h2 a {color:#fff;}
  217. .video-txt p {
  218. 	margin:0 0 5px;
  219. }
  220. .tag {
  221. 	position:absolute;
  222. 	top:29px;
  223. 	left:1px;
  224. 	display:block;
  225. 	padding:0 17px;
  226. 	text-transform:uppercase;
  227. 	background:#ff0048;
  228. 	font:18px/36px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  229. }
  230. ul.video-nav {
  231. 	padding:0;
  232. 	margin:0;
  233. 	list-style:none;
  234. 	position:absolute;
  235. 	top:12px;
  236. 	right:10px;
  237. }
  238. ul.video-nav li {
  239. 	float:left;
  240. 	margin:0 5px 0 0;
  241. 	font:12px/16px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  242. 	text-align:center;
  243. }
  244. ul.video-nav a {
  245. 	color:#000;
  246. 	text-decoration:none;
  247. 	float:left;
  248. 	padding:0 5px;
  249. 	height:16px;
  250. 	background:url(../images/bullet2.gif) no-repeat 50% 0;
  251. }
  252. ul.video-nav a:hover,
  253. ul.video-nav li.active a {
  254. 	background-position:50% -16px;
  255. 	color:#fff;
  256. }
  257.  
  258. ul.gallery {
  259. 	height:1%;
  260. 	padding:0;
  261. 	margin:0;
  262. 	list-style:none;
  263. }
  264. ul.gallery:after {
  265. 	content:" ";
  266. 	display:block;
  267. 	width:100%;
  268. 	overflow:hidden;
  269. 	height:0;
  270. 	clear:both;
  271. }
  272.  
  273. ul.gallery li {
  274. 	float:left;
  275. 	width:70px;
  276. 	padding:1px;
  277. 	border:1px solid #858381;
  278. 	margin:0 12px 16px 0;
  279. }
  280. ul.gallery li.last {margin-right:0;}
  281. ul.gallery li img {display:block;}
  282. ul.gallery li a {
  283. 	position:relative;
  284. 	display:block;
  285. 	text-decoration:none;
  286. }
  287. .popup {
  288. 	position:absolute;
  289. 	top:70px;
  290. 	right:-99999px;
  291. 	width:129px;
  292. 	display:block;
  293. 	z-index:5;
  294. }
  295. .popup-top,
  296. .popup-btm {
  297. 	display:block;
  298. 	width:129px;
  299. 	height:13px;
  300. 	background:url(../images/popup-top.gif) no-repeat;
  301. }
  302. .popup-btm {
  303. 	height:3px;
  304. 	background:url(../images/popup-btm.gif) no-repeat;
  305. }
  306. .popup-cnt {
  307. 	display:block;
  308. 	width:124px;
  309. 	color:#313030;
  310. 	background:url(../images/popup-bg.gif) repeat-y;
  311. 	font-size:10px;
  312. 	padding:0 0 0 5px;
  313. }
  314. ul.gallery li a:hover {border:0;}
  315. ul.gallery li a:hover .popup {right:-119px;}
  316.  
  317. .news-show {
  318. 	height:1%;
  319. 	padding:0 4px 18px 0;
  320. 	overflow:hidden;
  321. }
  322. .news-col {
  323. 	width:240px;
  324. 	float:left;
  325. }
  326. ul.news-list {
  327. 	height:1%;
  328. 	overflow:hidden;
  329. 	padding:0;
  330. 	margin:0;
  331. 	list-style:none;
  332. }
  333. ul.news-list li {
  334. 	height:1%;
  335. 	padding:0 0 17px;
  336. 	overflow:hidden;
  337. }
  338. ul.news-list li span,
  339. .shows-col p span,
  340. .must ul p span,
  341. .news-box p span {display:block;}
  342.  
  343. ul.news-list li img,
  344. .news-box img {
  345. 	float:left;
  346. 	margin:0 14px 0 0;
  347. 	padding:1px;
  348. 	border:1px solid #858381;
  349. }
  350.  
  351. ul.news-list li a,
  352. .shows-col p a,
  353. .must ul p a,
  354. .news-box p a  {color:#00b4ff;}
  355.  
  356. ul.news-list li p,
  357. .news-box p {
  358. 	margin:0;
  359. 	height:1%;
  360. 	display:table;
  361. }
  362.  
  363. .shows-col {
  364. 	float:right;
  365. 	width:241px;
  366. }
  367. .shows-col img,
  368. .must ul li img {
  369. 	display:block;
  370. 	padding:1px;
  371. 	margin:0 0 12px;
  372. 	border:1px solid #858381;
  373. }
  374. .shows-col p {margin:0 0 21px;}
  375. .shows-col p span,
  376. .must ul p span {padding-bottom:3px;}
  377.  
  378. .must {
  379. 	height:1%;
  380. 	overflow:hidden;
  381. 	width:505px;
  382. }
  383. .must h2 {background:url(../images/title-bg2.png) no-repeat;} 
  384.  
  385. .must ul {
  386. 	width:520px;
  387. 	padding:0 0 5px;
  388. 	margin:0;
  389. 	list-style:none;
  390. 	overflow:hidden;
  391. }
  392. .must ul li {
  393. 	float:left;
  394. 	width:160px;
  395. 	margin:0 12px 0 0;
  396. }
  397. .must ul li img {margin-bottom:8px;}
  398. .must ul p {margin:0;}
  399.  
  400. .secondary-col {
  401. 	width:435px;
  402. 	float:right;
  403. 	z-index:1;
  404. 	position:relative;
  405. }
  406. .search {
  407. 	height:1%;
  408. 	padding:6px 5px 5px 12px;
  409. 	margin:0 0 8px;
  410. 	overflow:hidden;
  411. 	background:url(../images/search-bg.png) repeat-y;
  412. }
  413. .search-area {
  414. 	width:291px;
  415. 	float:left;
  416. }
  417. .input-area {
  418. 	height:1%;
  419. 	overflow:hidden;
  420. 	border:1px solid #fff;
  421. 	margin:5px 0 8px;
  422. 	background:url(../images/input-bg.png);
  423. }
  424. .input-area input {
  425. 	width:277px;
  426. 	padding:3px 6px 4px;
  427. 	border:0;
  428. 	background:none;
  429. 	color:#fff;
  430. 	font:11px Tahoma, Arial, Helvetica, sans-serif;
  431. }
  432.  
  433. .category {
  434. 	height:1%;
  435. 	overflow:hidden;
  436. }
  437. .category label {
  438. 	float:left;
  439. 	margin:0 14px 0 0;
  440. }
  441. .category input.check {
  442. 	margin:0 5px 0 0;
  443. 	padding:0;
  444. }
  445. * html .category input.check {margin:-2px 3px -1px 0;}
  446.  
  447. .category a {
  448. 	float:right;
  449. 	background:url(../images/search-ico.gif) no-repeat 100% 0;
  450. 	padding:0 19px 3px 0;
  451. 	color:#fff;
  452. }
  453.  
  454. .recent-area {
  455. 	width:105px;
  456. 	float:right;
  457. 	font-size:10px;
  458. }
  459. .recent-area p {
  460. 	margin:0 0 1px;
  461. 	color:#626262;
  462. }
  463. .recent-area ul {
  464. 	padding:0;
  465. 	margin:0 0 0 1px;
  466. 	list-style:none;
  467. 	height:1%;
  468. 	overflow:hidden;
  469. }
  470. .recent-area ul li {
  471. 	height:1%;
  472. 	overflow:hidden;
  473. }
  474. .recent-area ul li a {color:#fff;}
  475.  
  476. .extra {
  477. 	height:1%;
  478. 	overflow:hidden;
  479. }
  480. .column {
  481. 	float:left;
  482. 	width:305px;
  483. }
  484. .column h2 {
  485. 	background-image:url(../images/title-bg3.png);
  486. 	margin-bottom:8px;
  487. }
  488.  
  489. .chart-box {
  490. 	height:1%;
  491. 	background:#090809;
  492. 	margin:0 1px 2px;
  493. 	padding:1px 0;
  494. }
  495. .chart-box-cnt {
  496. 	position:relative;
  497. 	margin:0 -1px;
  498. 	padding:8px 10px 8px 73px;
  499. 	height:1%;
  500. 	overflow:hidden;
  501. 	z-index:1;
  502. }
  503. .chart-box img {
  504. 	float:left;
  505. 	padding:1px;
  506. 	margin:0 10px 0 0;
  507. 	border:1px solid #6e6e6e;
  508. }
  509. .chart-box p {
  510. 	margin:0;
  511. 	display:table;
  512. 	height:1%;
  513. }
  514. .chart-box p span {
  515. 	display:block;
  516. 	padding:0 0 6px;
  517. }
  518. .chart-box p a {color:#d1ccb0;}
  519.  
  520. .one .chart-box-cnt,
  521. .three .chart-box-cnt,
  522. .five .chart-box-cnt,
  523. .seven .chart-box-cnt,
  524. .nine .chart-box-cnt {background:#090809 url(../images/one.gif) no-repeat 11px 8px;}
  525.  
  526. .three .chart-box-cnt {background-image:url(../images/three.gif);}
  527. .five .chart-box-cnt {background-image:url(../images/five.gif);}
  528. .seven .chart-box-cnt {background-image:url(../images/seven.gif);}
  529. .nine .chart-box-cnt {background-image:url(../images/nine.gif);}
  530.  
  531. .two,
  532. .four,
  533. .six,
  534. .eight,
  535. .ten {background-color:#0e0d0e;}
  536.  
  537. .two .chart-box-cnt,
  538. .four .chart-box-cnt,
  539. .six .chart-box-cnt,
  540. .eight .chart-box-cnt,
  541. .ten .chart-box-cnt {background:#0e0d0e url(../images/two.gif) no-repeat 11px 8px;}
  542.  
  543. .four .chart-box-cnt {background-image:url(../images/four.gif);}
  544. .six .chart-box-cnt {background-image:url(../images/six.gif);}
  545. .eight .chart-box-cnt {background-image:url(../images/eight.gif);}
  546. .ten .chart-box-cnt {background-image:url(../images/ten.gif);}
  547.  
  548. .banner-box {
  549. 	height:1%;
  550. 	overflow:hidden;
  551. 	padding:0 0 0 3px;
  552. 	margin:6px 0 7px;
  553. }
  554. .banner-box img {display:block;}
  555.  
  556. .column .more {margin:13px 0 19px;}
  557.  
  558. .adv-box {
  559. 	height:1%;
  560. 	overflow:hidden;
  561. }
  562. .adv-box img {
  563. 	display:block;
  564. 	border:1px solid #6e6e6e;
  565. 	padding:1px;
  566. }
  567.  
  568. .side-banner {
  569. 	float:right;
  570. 	width:120px;
  571. }
  572. .side-banner img {display:block;}
  573.  
  574. /*footer*/
  575. .footer {
  576. 	height:74px;
  577. 	width:899px;
  578. 	padding:18px 33px 0 18px;
  579. 	overflow:hidden;
  580. 	background:url(../images/footer-bg.png) no-repeat;
  581. }
  582. .footer-menu {
  583. 	float:left;
  584. 	width:363px;
  585. 	position:relative;
  586. }
  587. .footer-menu ul {
  588. 	margin:0;
  589. 	padding:0 0 10px;
  590. 	list-style:none;
  591. 	width:310px;
  592. 	overflow:hidden;
  593. }
  594. .footer-menu ul li {
  595. 	float:left;
  596. 	padding:0 14px 3px 0;
  597. }	
  598. .footer-menu ul a {color:#fff;}
  599. .footer-menu p,
  600. .share p {
  601. 	margin:0;
  602. 	color:#969696;
  603. }
  604. .share {
  605. 	width:340px;
  606. 	float:left;
  607. 	padding:15px 0 0;
  608. 	position:relative;
  609. }
  610. .share ul {
  611. 	height:1%;
  612. 	overflow:hidden;
  613. 	padding:5px 0 0;
  614. 	margin:0;
  615. 	list-style:none;
  616. }
  617. .share ul li {
  618. 	float:left;
  619. 	padding:0 4px 0 0;
  620. }
  621. .share ul li img {display:block;}
  622. .kavoon {
  623. 	float:right;
  624. 	position:relative;
  625. 	width:127px;
  626. 	height:40px;
  627. 	text-indent:-9999px;
  628. 	margin:9px 0 0;
  629. 	overflow:hidden;
  630. }
  631.  
  632. /* inner page
  633. ------------- */
  634.  
  635. .intro {
  636. 	height:1%;
  637. 	overflow:hidden;
  638. }
  639. .intro h1 {
  640. 	margin:0 0 9px;
  641. 	padding:0 0 0 11px;
  642. 	height:1%;
  643. 	background:url(../images/title-bg2.png) no-repeat;
  644. 	font:24px/33px Tahoma, Arial, Helvetica, sans-serif;	
  645. }
  646. .intro-img {
  647. 	height:1%;
  648. 	overflow:hidden;
  649. 	margin:0 0 8px;
  650. }
  651. .intro-img img {
  652. 	display:block;
  653. 	padding:1px;
  654. 	border:1px solid #6e6e6e;
  655. }
  656. .intro p {
  657. 	margin:0 0 14px;
  658. }
  659.  
  660. .rate-box {
  661. 	height:1%;
  662. 	padding:0 7px 0 8px;
  663. 	margin:0 0 12px;
  664. 	overflow:hidden;
  665. 	font-size:10px;
  666. 	background:#000;
  667. }
  668. .rate-box p {
  669. 	float:left;
  670. 	margin:0 6px 0 0;
  671. 	color:#c4c4c4;
  672. 	line-height:16px;
  673. }
  674. .rate-box ul {
  675. 	float:left;
  676. 	width:75px;
  677. 	height:11px;
  678. 	padding:0;
  679. 	margin:3px 0 0;
  680. 	list-style:none;
  681. 	background:url(../images/rate-bg.gif) no-repeat;
  682. }
  683. .rate-box ul li {
  684. 	float:left;
  685. 	width:12px;
  686. 	overflow:hidden;
  687. 	margin:0 3px 0 0;
  688. }
  689. .rate-box ul li.on {background:url(../images/full-star.gif) no-repeat;}
  690. .rate-box ul li.half {background:url(../images/half-star.gif) no-repeat;}
  691. .rate-box ul li a {
  692. 	display:block;
  693. 	text-indent:-9999px;
  694. 	overflow:hidden;
  695. 	height:100%;
  696. }
  697. .rate-box .comment {
  698. 	float:right;
  699. 	color:#00b4ff;
  700. }
  701.  
  702. .comments {
  703. 	height:1%;
  704. 	overflow:hidden;
  705. }
  706. .comments h2 {background-image:url(../images/title-bg2.png);}
  707. .comment-box {
  708. 	background:#000;
  709. 	padding:11px;
  710. 	margin:0 0 6px;
  711. 	height:1%;
  712. 	overflow:hidden;
  713. }
  714. .comment-box img {
  715. 	float:left;
  716. 	border:1px solid #6e6e6e;
  717. 	padding:1px;
  718. 	margin:0 14px 0 0;
  719. }
  720. .comment-box p {
  721. 	display:table;
  722. 	margin:0;
  723. 	height:1%;
  724. 	color:#00b4ff;
  725. }
  726. .comment-box p span {
  727. 	display:block;
  728. 	padding:0 0 3px;
  729. 	color:#969696;
  730. 	font-size:10px;
  731. }
  732. .comment-box p span em {
  733. 	color:#fff;
  734. 	font-style:normal;
  735. }
  736. .comment-box p strong {
  737. 	color:#d1ccb0;
  738. 	font-size:11px;
  739. }
  740. ul.comm-nav {
  741. 	height:1%;
  742. 	overflow:hidden;
  743. 	padding:0;
  744. 	margin:13px 0 24px;
  745. 	list-style:none;
  746. }
  747. ul.comm-nav li {
  748. 	float:right;
  749. 	padding:0 0 0 5px;
  750. }
  751. ul.comm-nav li a {
  752. 	background:#000;
  753. 	border:solid #000;
  754. 	border-width:1px 0 2px;
  755. 	float:left;
  756. 	color:#fff;
  757. 	padding:0 5px;
  758. 	text-decoration:none;
  759. }
  760. ul.comm-nav li a:hover,
  761. ul.comm-nav li.active a {
  762. 	background:#6b6b6b;
  763. 	border-color:#6b6b6b;
  764. }
  765. .comment-area {
  766. 	height:1%;
  767. 	overflow:hidden;
  768. 	background:#000;
  769. 	padding:11px 14px 0 13px;
  770. }
  771. .comment-area textarea {
  772. 	color:#fff;
  773. 	display:block;
  774. 	width:465px;
  775. 	height:73px;
  776. 	border:1px solid #fff;
  777. 	padding:3px 6px;
  778. 	font:11px Tahoma, Arial, sans-serif;
  779. 	background:#1f1f1f;
  780. }
  781. .comment-area .rate-box {padding:12px 0 0;}
  782. .comment-area .rate-box a {
  783. 	color:#fff;
  784. 	font-size:11px;
  785. }
  786. .column .rate-box p {
  787. 	float:right;
  788. 	margin:0;
  789. }
  790. .news-box {
  791. 	height:1%;
  792. 	overflow:hidden;
  793. 	margin:0 0 13px;
  794. }
  795. .news-box p span {padding-bottom:3px;}
  796.  
  797. /* inner 2 page
  798. ---------------- */
  799.  
  800. .date {
  801. 	height:1%;
  802. 	overflow:hidden;
  803. 	padding:10px 0 5px;
  804. 	border-bottom:1px solid #929292;
  805. }
  806. .date p {
  807. 	float:left;
  808. 	font-weight:bold;
  809. 	margin:0;
  810. }
  811. .date ul {
  812. 	float:right;
  813. 	padding:0;
  814. 	margin:0;
  815. 	list-style:none;
  816. 	overflow:hidden;
  817. }
  818. .date ul li {
  819. 	float:left;
  820. 	margin:0 0 0 4px;
  821. 	line-height:14px;
  822. }
  823. .date ul li a {
  824. 	color:#fff;
  825. 	display:block;
  826. 	padding:0 5px 2px;
  827. 	text-decoration:none;
  828. 	background:#000;
  829. }
  830. .date ul li a:hover,
  831. .date ul li.active a {background:#6b6b6b;}
  832.  
  833. .schedule-box {
  834. 	height:1%;
  835. 	overflow:hidden;
  836. 	border-bottom:1px solid #929292;
  837. 	padding:15px 0 14px;
  838. }
  839. .schedule-title {
  840. 	height:1%;
  841. 	overflow:hidden;
  842. 	padding:0 7px;
  843. }
  844.  
  845. .time {
  846. 	float:left;
  847. 	width:39px;
  848. 	color:#d1ccb0;
  849. }
  850. .schedule-box p {
  851. 	height:1%;
  852. 	display:table;
  853. 	margin:0;
  854. }
  855. .schedule-box p span,
  856. ul.schedule-list div p span {display:block;}
  857. .schedule-box p a {
  858. 	color:#fff;
  859. 	font-weight:bold;
  860. 	text-decoration:none;
  861. }
  862. .schedule-box p a:hover {text-decoration:underline;}
  863.  
  864. .top .schedule-title {
  865. 	background:#110f0e;
  866. 	padding:10px 7px;
  867. }
  868. .schedule-cnt,
  869. ul.schedule-list div  {
  870. 	height:1%;
  871. 	overflow:hidden;
  872. 	background:#1c1a19;
  873. 	padding:6px 7px 7px;
  874. }
  875. .schedule-cnt img,
  876. ul.schedule-list div img {
  877. 	float:left;
  878. 	border:1px solid #747272;
  879. 	padding:1px;
  880. 	margin:0 14px 0 0;
  881. }
  882. .schedule-cnt span {padding-bottom:3px;}
  883. .schedule-box .schedule-cnt a,
  884. ul.schedule-list li div a {
  885. 	font-weight:normal;
  886. 	color:#00b4ff;
  887. 	text-decoration:underline;
  888. }
  889. .schedule-box .schedule-cnt a:hover,
  890. ul.schedule-list li div a:hover {text-decoration:none;}
  891.  
  892. .news-month,
  893. .news-month div {
  894. 	height:1%;
  895. 	overflow:hidden;
  896. 	padding:0 0 10px;
  897. }
  898. .news-month div {padding:0 0 10px;}
  899. .news-month p {
  900. 	margin:0 0 2px;
  901. 	font-weight:bold;
  902. }
  903. .news-month ul {
  904. 	float:left;
  905. 	width:90px;
  906. 	padding:0 10px 0 0;
  907. 	margin:0;
  908. 	list-style:none;
  909. }
  910. .news-month ul li {
  911. 	height:1%;
  912. 	overflow:hidden;
  913. 	color:#929292;
  914. }
  915. .news-month ul li a {color:#fff;}
  916.  
  917. ul.schedule-list {
  918. 	height:1%;
  919. 	overflow:hidden;
  920. 	padding:0 0 30px;
  921. 	margin:0;
  922. 	list-style:none;
  923. }
  924. ul.schedule-list li {
  925. 	height:1%;
  926. 	padding:8px 0;
  927. 	overflow:hidden;
  928. 	border-bottom:1px solid #929292;
  929. }
  930. ul.schedule-list li a {
  931. 	display:block;
  932. 	padding:0 10px 0 12px;
  933. 	color:#fff;
  934. 	text-decoration:none;
  935. }
  936. ul.schedule-list li a:hover {text-decoration:underline;}
  937. ul.schedule-list li.active a {
  938. 	background:#110f0e;
  939. 	padding:8px 10px 8px 12px;
  940. }
  941. ul.schedule-list li div {display:none;}
  942. ul.schedule-list li.active div {display:block;}
  943. ul.schedule-list li.active div a {
  944. 	display:inline;
  945. 	padding:0;
  946. 	background:none;
  947. }
  948. ul.schedule-list div p {margin:0 70px 0 0;}