@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding:0; margin:0; }    
table { border-collapse:collapse;  border-spacing:0; }    
fieldset,img { border:0; }    
address,caption,cite,code,dfn,em,strong,th,var,b,u,i { font-weight:normal;  font-style:normal; }    
ol,ul { list-style:none; }    
caption,th { text-align:left; }    
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%;}    
q:before,q:after { content:'';content:none;}    
abbr,acronym { border:0;}
big,small { font-size:100%;}
a, :focus { outline:0; }
ins { text-decoration: none;}
del { text-decoration: line-through;}
.clear { clear:both; }
html, body { background:#000; }
a { color:#111; }
a:hover { color:#990000; text-decoration:none; }
a.link1 { color:#000; text-decoration:none; border-bottom:1px solid #f00;}
a.link1:hover { color:#f00; text-decoration:none; border-bottom:1px dotted #f00; }

.bb1, .bb2, .bb3, .bb4{ display:inline-block; padding:2px 18px 2px 8px; margin:0 3px; background:#000 url(./images/btnarr-white.gif) no-repeat right 8px; color:#fff; text-decoration:none; line-height:18px; }
.bb2 { background-color:#a90000}
.bb3 { background-color:#ff6000}
.bb4 { background-color:#fff; background-image:url(./images/btnarr-black.gif); color:#333; }
input.bb1, input.bb2, input.bb3 { border:none; line-height:13px; font-family:"Microsoft JhengHei","Microsoft YaHei",'Trebuchet MS',simhei,Verdana,Sans-Serif; cursor:pointer; }
.bb1:hover, .bb2:hover, .bb3:hover, .bb4:hover { background-color:#fc0; background-image:url(./images/btnarr-black.gif); color:#000;}
.bt1, .bt2, .bt3, .bt4 { display:inline-block;width:110px; height:30px;  border:1px outset #474747; margin:0 5px; background:#000 url(./images/btn-bg1.gif) repeat-x; line-height:30px; text-align:center; font-size:15px; color:#fff; text-decoration:none; }
.bt2 {  border-color:#ffe600; background:#ffea00 url(./images/btn-bg2.gif) repeat-x; color:#000; }
.bt3 {  border-color:#c90000; background:#c90000 url(./images/btn-bg3.gif) repeat-x; color:#fff; }
.bt4 { border-color:#c0c0c0; background:#c0c0c0; color:#fff; }
.bt1:hover, .bt2:hover, .bt3:hover, .bt4:hover { position:relative; top:1px; left:1px; }
.bt1:hover, .bt3:hover, .bt4:hover { color:#ddd; }
.bt2:hover { color:#222; }
input.bt1, input.bt2, input.bt3, input.bt4 { font-family:"Microsoft JhengHei","Microsoft YaHei",'Trebuchet MS',simhei,Verdana,Sans-Serif; cursor:pointer; }
.ra1 { display:inline-block; margin:0 3px; background:url(./images/circlearr-black.gif) no-repeat left top; text-indent:20px; font-size:11px; color:#000; text-decoration:none; }
.ra1:hover { text-decoration:underline; }
.ra2 { display:inline-block; margin:0 3px; background:url(./images/circlearr-red.gif) no-repeat left top; text-indent:20px; font-size:11px; color:#ac0000; text-decoration:none; }
.ra2:hover { text-decoration:underline; }
.iclink1 { display:inline-block; margin:0 3px; background:url(./images/icon1.gif) no-repeat left center; text-indent:14px; font-size:11px; color:#ac0000; text-decoration:none; }
.iclink1:hover { text-decoration:underline; }
.udl1 { padding:0 0 0 1px; margin:0 3px; border-bottom:2px solid #000; font-size:11px; color:#000; text-decoration:none; }
.udl1:hover { color:#555; border-bottom:4px solid #555; }
p.more { padding:5px 0; text-align:right; }
.backtop { padding:5px 0; text-align:right; }
h1.dotbar, h2.dotbar, h3.dotbar, h4.dotbar, h5.dotbar, h6.dotbar { display:block; height:18px; margin-bottom:20px; background:url(./images/dot-dark.gif); }
div.dotbar, span.dotbar { display:block; overflow:hidden; height:10px; background:url(./images/dot-dark.gif);}
.dotbar span { display:inline-block; height:18px; padding:0 12px 0 0; background-color:#fff; background-repeat:no-repeat}
.udlbar { margin-bottom:20px; padding-bottom:10px; background:url(./images/dot-dual-light.gif) bottom repeat-x; font-size:16px; color:#444; height:1%; }
.udlbar em { color:#b77400; font-weight:bold;}
.gouser { font-size:11px; color:#b77400!important; text-decoration:underline!important;}
.gouser:hover { color:#4e3100!important;}
.gouser a { color:#b77400!important; text-decoration:underline!important;}
.gouser a:hover { color:#4e3100!important;}
.bigbtn1 {display:block; width:124px; height:36px; background:url(./images/bigbtn.gif); font-size:17px; text-align:center; line-height:30px; color:#fffc00; text-decoration:none;}
.bigbtn1:hover { background-position:0 -36px; color:#F0D535; line-height:36px; text-indent:2px; }
.ipttext{ height:20px; padding:2px 0 0 2px; border:1px inset #ddd;  background:#f7f7f7; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; }
.ipttext:focus{  background-color:#FFFFEE; }
.iptselect { background:#f7f7f7;border:1px inset #ddd; padding:1px 1px 1px 2px; font-size:13px; color:#000;  font-family:Arial, Helvetica, sans-serif; color:#000;}
.iptselect:focus { background-color:#FFFFEE; }
.iptcheckbox, .iptradio { margin-right:4px; vertical-align:middle; }
.ipttextarea { padding:2px 0 0 2px; border:1px inset #ddd;  background:#f7f7f7; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;  }
.ipttextarea:focus { background-color:#FFFFEE;}
.pad, .pad1, .pad2, .pad3, .pad4, .pad5, .pad6, .pad7, .pad8, .pad9, .pad10, .pad11, .pad12 
{ display:inline-block; height:15px; padding:0 50px 0 5px; background:#c60000 url(./images/pad-end.gif) no-repeat right top; font-size:11px; line-height:15px; color:#fff; }
.pad a, .pad1 a, .pad2 a, .pad3 a, .pad4 a, .pad5 a, .pad6 a, .pad7 a, .pad8 a, .pad9 a, .pad10 a, .pad11 a, .pad12 a 
{text-decoration:none; color:#fff; }
.pad1 { background-color:#ff0012; } .pad2 { background-color:#008cdc; } .pad3 { background-color:#ffae00; } 
.pad4 { background-color:#ff0090; }.pad5 { background-color:#00b5d5; } .pad6 { background-color:#006995; }
.pad7 { background-color:#ff6022; } .pad8 { background-color:#00b37e; }.pad9 { background-color:#d5c900; } 
.pad10 { background-color:#79c600; } .pad11 { background-color:#9b0000; } .pad12 { background-color:#343434; }
.meta { font-size:11px; color:#999;}
.meta small {color:#bdbdbd;}
.meta span { color:#5276a2;}
.meta .kw a { color:#FF0000; text-decoration:none; }
.meta .kw a:hover { color:#000; text-decoration:underline; }
.meta em { color:#b77400; }
.pager { height:1%;  position:relative; left:50%; top:0; float:left;  }
.pager:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.pager a, .pager span { display:block; overflow:hidden; position:relative; right:50%; float:left; color:#000; text-decoration:none; padding:0 3px; margin:0 2px; }
.pager a:hover, .pager span { color:#CC0000; }
.pager .pf, .pager .pp, .pager .pn, .pager .pl { width:18px; height:18px; padding:0; margin:0 1px; background-image:url(./images/pager.gif); text-indent:-200px; outline:0;}
.pager a.pf { background-position:0 0;} .pager a.pf:hover { background-position:0 -18px;} .pager span.pf {background-position:0 -36px;}
.pager a.pp { background-position:-18px 0;} .pager a.pp:hover { background-position:-18px -18px;} .pager span.pp {background-position:-18px -36px;}
.pager a.pn { background-position:-36px 0;} .pager a.pn:hover { background-position:-36px -18px;} .pager span.pn {background-position:-36px -36px;}
.pager a.pl { background-position:-54px 0;} .pager a.pl:hover { background-position:-54px -18px;} .pager span.pl {background-position:-54px -36px;}
.pager2 {}
.pager2 a, .pager2 span { color:#000; text-decoration:none; padding:0 3px; margin:0 2px; }
.pager2 a:hover, .pager2 span { color:#CC0000; }
.pager2 label span { display:none; }
.pager2 input { margin-left:5px; width:28px; border:1px solid #000; padding-left:2px; font:12px Arial;  }
.pager2 input:focus {background:#FFFFEE; }
.tvwall { position:relative; overflow:hidden; }
.tvwall .wall { position:relative;  }
.tvwall .wall li { position:absolute; left:0; top:0; z-index:1;}
.tvwall .menu { position:absolute; right:0; bottom:5px; z-index:2; height:20px;}
.tvwall .menu a { float:left; margin:0 4px 0 0; width:20px; height:20px; background:url(./images/tvwall-menu-bd.gif) 0 0; text-align:center; text-decoration:none; font:11px/20px Tahoma; color:#fff; vertical-align:middle; }
.tvwall .menu a:hover,
.tvwall .menu a.on{ background-position:-20px 0; }
.response-md ol { margin:20px 0 20px 0; }
.response-md ol li { overflow:hidden; height:1%; margin:0 0 15px 0; }
.response-md ol li .pic { float:left; }
.response-md ol li .meta { padding-left:60px; }
.response-md ol li .msg { padding-left:60px; color:#777; line-height:1.6; }
.response-md .pager { margin-bottom:20px; }
.response-md form { clear:both; overflow:hidden; height:1%; }
.response-md form textarea { float:left; width:390px; height:100px; border:1px solid #000; padding-left:2px; font:12px Arial; }
.response-md form textarea:focus { background:#FFFFEE; }
.response-md form .submit { float:left; width:100px; height:102px; margin:0 0 0 4px; border:none; background:#000; font-size:18px; font-family:"Microsoft JhengHei","Microsoft YaHei",'Trebuchet MS',simhei,Verdana,Sans-Serif; text-align:center; line-height:100px; color:#fff; cursor:pointer; } 
.response-md form .submit:hover { background:#333; }
.response-md form .pcode { clear:left; display:block; padding:10px 0;}
.response-md form .pcode a { display:block; margin:0 0 5px 0;} 
.response-md form .pcode label { margin-right:5px;}
.response-md form .pcode input { width:60px; height:18px;border:1px solid #000; padding-left:2px; font:12px Arial;}
.notch, .notch a, .notch b { display:block; border:1px #ccc solid;}
.notch { border-width:1px 0; margin:0 1px;}
.notch a, .notch b { border-width:0 1px; margin:0 -1px; padding:2px; background-color:#f8f8f8; text-decoration:none; color:#555;}
.notch a:hover, .notch b:hover  {background-color:#FFFFEE;}
.notch > a:hover, .notch > b:hover, .notch:hover {border-color:#aaa;} 
.notch b a, .notch b b { display:inline; margin:0; padding:0; background:none; text-decoration:underline; border:none; }
.notch b a:hover { background:none; }
.notch2, .notch2 b,.notch2 .b { display:block; border:1px #ccc solid;}
.notch2 { border-width:1px 0; margin:0 1px;}
.notch2 b, .notch2 .b { border-width:0 1px; margin:0 -1px; padding:4px 5px; background-color:#f8f8f8; text-decoration:none; color:#555;}
.notch2 b b { display:inline; margin:0; padding:0; background:none; text-decoration:underline; border:none; }
.noticebox { position:relative; width:680px; margin-bottom:20px; padding:20px 40px; background:url(./images/noticebox-b.gif) repeat-y; font-size:12px; color:#555; line-height:1.5; }
.noticebox .h { position:absolute; top:0; left:0; overflow:hidden; width:760px; height:10px; background:url(./images/noticebox-h.gif) no-repeat;}
.noticebox .f { position:absolute; bottom:0; left:0; overflow:hidden; width:760px; height:10px; background:url(./images/noticebox-f.gif) no-repeat;}
.noticebox big { font-size:16px; color:#333; font-weight:bold; }
.noticebox big.warn { color:#CC0000; font-weight:bolder;}
.noticebox p { margin-bottom:5px; }
.noticebox strong  { font-weight:bold; color:#000; }
.noticebox em { color:#007ad9; }
.noticebox li { padding-left:12px; background:url(./images/arr-black.gif) no-repeat left 5px; margin:2px 0; }
.table1 {clear:both; margin-bottom:20px; border:0;}
.table1 th {height:35px; padding-bottom:3px; text-align:center; background:url(./images/forum-th.gif) no-repeat; font-size:11px; vertical-align:bottom; }
.table1 td { padding:4px 3px; border-bottom:3px solid #f8f7f5; }
.table1 .head { font-size:14px; color:#000; font-weight:bold; letter-spacing:2px; border-bottom:3px solid #fff;}
.table1 .name { background:#f8f7f5; padding-left:10px; border-bottom:3px solid #fff; color:#6f6859; font-weight:bold;}
.table1 .cont { padding-left:10px;}
.table1 .em1 { color:#CC0000; }
.table1 .em2 { color:#4e9700; }
.table1 .em3 { color:#968e78; }
.table1 a { color:#2E5E99; text-decoration:none; }
.table1 a:hover { text-decoration:underline; }
.table1 small { font-size:85%; }
.table1 big { font-size:115%; }
.table1 strong { font-weight:bold; }
.threecoltb, .twocoltb, fourcoltb { table-layout:fixed; width:100%; border:0; }
.threecoltb td, .twocoltb td, .fourcoltb td { text-align:center; padding:0 5px 10px 5px; }
.threecoltb td { width:33.3%; } .twocoltb td { width:50%; } .fourcoltb td { width:25%; }
.twocoltb td h5, .threecoltb td h5, .fourcoltb td h5  { margin:8px 0; font-weight:bold; }
.twocoltb td h5 a, .threecoltb td h5 a, .fourcoltb td h5 a { text-decoration:none;}
.tagcloud { font-size:10px; }
.tagcloud a { text-decoration:none; padding:0 1px; margin:0 2px; vertical-align:middle; word-wrap:break-word; word-break:break-all;}
.tagcloud a:hover { color:#000;}
.tagcloud .s1 { font-size:100%; color:#430c0c} 
.tagcloud .s2 { font-size:110%; color:#430c0c} 
.tagcloud .s3 { font-size:120%; color:#990000} 
.tagcloud .s4 { font-size:130%; color:#990000} 
.tagcloud .s5 { font-size:140%; color:#990000} 
.tagcloud .s6 { font-size:150%; color:#990000}
.tagcloud .s7 { font-size:160%; color:#CC3300} 
.tagcloud .s8 { font-size:170%; color:#CC3300} 
.tagcloud .s9 { font-size:180%; color:#CC3300} 
.tagcloud .s10{ font-size:210%; color:#FF0000; }
.typemenu { margin-bottom:10px;}
.typemenu .pad, .typemenu span { padding-top:4px; padding-bottom:4px; font-size:13px; background-color:#4e4a43; }
.typemenu .pad:hover { background-color:#d5d1c8!important; } .typemenu .pad:hover a { color:#111!important; }
.typemenu .on { background-color:#7e7258;}
.bf-film { text-align:center; margin-bottom:5px; }
.bf-film .pic { overflow:hidden; width:166px; height:130px; margin:0 auto 5px auto; background:url(./images/film-bd-sprites.png) no-repeat; }
.bf-film .pic img { display:block; margin:8px auto 0 auto;}
.bf-film h5 { width:166px; margin:0 auto 4px auto; color:#2e5e99; line-height:1.2; font-size:14px; font-weight:bold;}
.bf-film h5 a { color:#2e5e99; text-decoration:none; } .bf-film h5 a:hover { color:#fff; background:#2e5e99}
.bf-film .meta { line-height:1.2; }
.bf-film-closed .pic { background-position:0 -200px} .bf-film-coming .pic { background-position:0 -400px}
.viewtitle { margin:0 0 20px 0; }
.viewtitle .title { margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#111;}
.viewcont { margin-bottom:20px; overflow:hidden; height:1%; }
.viewcont .pic { float:left; margin:0 10px 10px 0;}
.viewcont .desc	{ margin-bottom:20px; font-size:15px; line-height:1.5; color:#000; }
.viewcont .specs { margin-bottom:20px; overflow:hidden; height:1%;}
.viewcont .specs li { margin-bottom:4px; padding-left:10px; background:url(./images/btnarr-black.gif) no-repeat 0 6px; color:#333;}
.viewcont .specs li a { color:#9f0700; text-decoration:underline; }
.viewcont .specs li em { color:#2e5e99; }
.viewcont .util { text-align:center; }
.datatb { border:1px solid #efefef; table-layout:fixed; }
.datatb thead { background-color:#333; color:#fff; font-size:11px; }
.datatb th, .datatb td { padding:5px;  }
.datatb th { white-space:nowrap; }
.datatb td { background-color:#f8f8f8;border-bottom:1px dotted #ddd; overflow:hidden; }
.datatb img { border:1px solid #c2c2c2 }
.tabmd { width:560px; }
	.tabmd .tabs li { float:left; width:140px;border-bottom:1px solid #c0c0c0; color:#111; }
	.tabmd .tabs li strong { display:block; height:28px; margin-top:4px; background:#f7f7f7 url(./images/tab1-sprites.png); }
	.tabmd .tabs li strong a { display:block; height:28px; overflow:hidden; margin-left:4px; background:url(./images/tab1-sprites.png) -423px 0; font-size:12px; color:#111; text-decoration:none; line-height:33px; text-align:center; text-indent:-4px; }
	.tabmd .tabs li strong a:hover {text-decoration:underline;}
	.tabmd .tabs li.on { border-bottom:none; }
	.tabmd .tabs li.on strong { height:33px; background-position:0 -65px; background-color:#000; margin-top:0; }
	.tabmd .tabs li.on a { height:33px; background-position:right -65px; margin-left:5px; text-indent:-5px; color:#fff; line-height:38px; }
	.tabmd .tabs li.last strong a { background-position:-424px 0;}
	.tabmd .tabs li.last.on strong a { background-position:right -65px;}
.tabmd .body { clear:both; height:130px; padding:12px 18px 8px 18px; background:#000 url(./images/tab1-sprites.png) 0 bottom; color:#fff; }
.tabmd .body li { float:left}
	.tabmd .body .pic { float:left; margin:0 10px 0 0; background:#fff; padding:4px; }
	.tabmd .body h5 { margin-bottom:5px; font-size:18px; line-height:1.2;}
	.tabmd .body h5 a { color:#fff; text-decoration:none; }
	.tabmd .body h5 a:hover { text-decoration:underline;}
	.tabmd .body .meta { margin-bottom:5px;  }
	.tabmd .body .cite { margin-bottom:8px; line-height:1.5; color:#999; }
	.tabmd .body .related a { color:#fff; background:url(./images/arr-red.gif) no-repeat 0 center; padding-left:12px; text-decoration:none; }
	.tabmd .body .related a:hover { text-decoration:underline; }
.related-md { margin-bottom:20px; }
.related-md li { font-size:15px; padding-left:15px; margin-bottom:5px; background:url(./images/arr-black.gif) no-repeat 0 10px; line-height:1.3; }
.related-md a { text-decoration:none; }

/* global layout */
#wrap { font-size:12px; font-family:'Trebuchet MS',Verdana,Sans-Serif; line-height:1.5; color:#111;  }
#header { position:relative; z-index:10; height:400px; border-bottom:4px solid #b3b3b3; background:#b3b3b3 url(./images/header-bg.gif) repeat-x;  }
#header-wrap { position:relative; z-index:5; width:1000px; height:400px; margin:0 auto; }
#header hr { display:none; }
#header .greybar { display:none;/* position:absolute; z-index:10; bottom:0; overflow:hidden; width:100%; height:15px; background: url(./images/header-greybar.png)*/}
#header.narrow { height:126px; background:#b3b3b3 url(./images/header-bg-narrow.gif) repeat-x; }
#header.narrow #header-wrap { height:126px; }
#header.narrow .girlshape { position:absolute; right:155px; bottom:0; width:107px; height:125px; background:url(./images/header-girlshape.png) no-repeat;}

#header .logo { position:absolute; right:10px; top:0;	z-index:2; display:block; overflow:hidden; width:140px; height:126px; background:#000;}
#header .logo img { display:block; margin:10px auto 0 auto; } 
#header .logo strong { display:none; }
#header-ad { position:absolute; left:20px; top:10px; overflow:hidden; width:560px; height:60px;}

#visual { width:1000px; }
#visualmenu { position:absolute; left:840px; top:130px; z-index:2; width:140px; height:270px; background:url(./images/visualmenu-bd.png); }
#visualmenu h3 { position:absolute; left:36px; top:246px; overflow:hidden; width:71px; height:7px; background:url(./images/visualmenu-title.png); text-indent:-1000px; outline:0; }
#visualmenu li { position:relative; overflow:hidden; left:20px; top:27px; width:50px; height:50px; float:left; margin:0 1px 1px 0;}

#navigation { position:absolute; left:20px; top:368px; z-index:3; }
#navigation li { float:left; width:100px;  margin-right:1px; }
#navigation .m a { display:block; height:32px; background-image:url(./images/navi-sprites.png); text-indent:-1000px; overflow:hidden; }
#navigation li.b1 .m a { background-position:0 0; } #navigation li.b1 .m a:hover { background-position:0 -32px; } 
#navigation li.b2 .m a { background-position:-100px 0; } #navigation li.b2 .m a:hover { background-position:-100px -32px; } 
#navigation li.b3 .m a { background-position:-200px 0; } #navigation li.b3 .m a:hover { background-position:-200px -32px; }
#navigation li.b4 .m a { background-position:-300px 0; } #navigation li.b4 .m a:hover { background-position:-300px -32px; }
#navigation li.b5 .m a { background-position:-400px 0; } #navigation li.b5 .m a:hover { background-position:-400px -32px; }
#navigation li.b6 .m a { background-position:-500px 0; } #navigation li.b6 .m a:hover { background-position:-500px -32px; }
#navigation li.b7 .m a { background-position:-600px 0; } #navigation li.b7 .m a:hover { background-position:-600px -32px; }
#navigation li.b8 .m a { background-position:-700px 0; } #navigation li.b8 .m a:hover { background-position:-700px -32px; }
#navigation li.b1 .m .on { background-position:0 -64px; }
#navigation li.b2 .m .on { background-position:-100px -64px; }
#navigation li.b3 .m .on { background-position:-200px -64px; }
#navigation li.b4 .m .on { background-position:-300px -64px; }
#navigation li.b5 .m .on { background-position:-400px -64px; }
#navigation li.b6 .m .on { background-position:-500px -64px; }
#navigation li.b7 .m .on { background-position:-600px -64px; }
#navigation li.b8 .m .on { background-position:-700px -64px; }
#navigation li.b-ext1 .m a { background-image:url(./images/nav-supergirl.png);}
#navigation li.b-ext1 .m a:hover { background-position:0 -32px; } 
#navigation .s { display:none; position:relative; top:4px; width:100%; background:#e70000; text-align:center; color:#fff;  }
#navigation .s ul { position:relative; z-index:3; padding:10px 0 7px 0; }
#navigation .s li { float:none; width:inherit; margin:0 0 5px 0; background:none; font-size:13px; }
#navigation .s li a { color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } #navigation .s li a:hover { color:#fc0; }
#navigation .s .hd { position:absolute; z-index:1; left:0; top:0; width:100%; height:40px; background:url(./images/subnavi-bd.png) no-repeat; }
#navigation .s .ft { position:relative; bottom:-3px; overflow:hidden; height:3px; background:url(./images/subnavi-bd.png) 0 -40px no-repeat; }
#header.narrow #navigation { top:94px;}
#footer { background:#000;}
#footer-wrap { overflow:hidden; height:1%; width:1000px; overflow:hidden; height:1%;  margin:0 auto; padding:45px 0 50px 0; color:#fff; }
#footer hr { display:none; }
#footer .logo { float:left; width:200px; height:200px; margin-top:3px; font-size:11px; color:#494949; letter-spacing:1px; }
#footer .logo img { display:block; margin:0 0 5px 0; }
#footer .logo small { display:block; font-size:100%; }
#footer .logo big { display:block;font-size:100%; }
#footer-links { overflow:hidden; display:block; height:1%; padding:0 0 0 20px; margin:0 0 25px 0; color:#fff8db; }
#footer-links li { float:left; }
#footer-links li a { margin:0 35px 0 0; color:#fff8db; text-decoration:none; }
#footer-links li a:hover { color:#c9c09e; }
#footer-enews { padding:0 0 0 200px; margin:0 0 20px 20px; }
#footer-enews-form {}
#footer-enews-email { width:136px; padding:1px 0 1px 2px; border:1px solid #5e5e5e; background:transparent; font:12px Arial; color:#858585;}
#footer-enews-submit { width:90px; border:1px solid #5e5e5e; background:transparent; font:12px Arial; color:#636363; cursor:pointer; text-align:center;}
#footer-enews-email:hover, #footer-enews-submit:hover { border-color:#fff; color:#fff; }
#footer-enews-submit:focus { color:#fff; }
#footer-enews-rss { display:inline-block; margin:0 0 0 10px; background:url(./images/footer-rss.gif) no-repeat; text-indent:18px; text-decoration:none; color:#fff;}
#footer-enews-rss:hover { text-decoration:underline; }
#footer-sitemap { overflow:hidden; display:block; height:1%;}
#footer-sitemap li.r { float:left; min-width:90px; }
#footer-sitemap li.r ul {}
#footer-sitemap li.r ul li.d { padding:0 20px 4px 20px;}
#footer-sitemap li.r ul li.head { margin-bottom:15px; background:url(./images/dot-dark.gif) right repeat-y;}
#footer-sitemap a { color:#bebebe; text-decoration:none;}
#footer-sitemap a:visited { color:#909090;}
#footer-sitemap a:hover { text-decoration:underline;}
#footer-sitemap li.r ul li.head a { color:#fff }

#main { position:relative; z-index:5; overflow:hidden; background:url(./images/main-bg.gif) repeat-y center top;  }
#main-wrap { position:relative; overflow:hidden; width:1000px; margin:0 auto; background:url(./images/main-wrap-bg.gif) repeat-y; }
#content { position:relative; float:left; width:800px;}
#content-wrap { padding:25px 0 50px 40px; min-height:500px; overflow:hidden; height:1%;}

#crumb { margin:0 0 20px 0; color:#686868; font-size:12px; line-height:1.25;}
#crumb a { display:block; float:left; background:url(./images/arr-grey.gif) no-repeat right 5px; padding:0 8px 0 0; margin:0 12px 0 0; color:#686868; text-decoration:none;}
#crumb a:hover { color:#000; text-decoration:underline; }
#crumb span { color:#999; }

#side { float:left; overflow:hidden; width:200px; }
#side .module { overflow:hidden; width:182px; }
#side .module h3 { height:32px; background-repeat:no-repeat; text-indent:-1000px; outline:0;}
#side .module .item { margin:0 0 20px 0; }
#side .module .image {}
#side .module .title { margin-top:5px; color:#3d3d3d; text-align:center; line-height:17px;}
#side .module .title a { color:#fff; background:#f00; padding:0 4px; text-decoration:none; }
#side .module .title a:hover { color:#f00; background:#fff; }
#side .module .info { color:#696868; text-align:center;}

#side-wrap { padding:25px 0 50px 0; margin:0 auto; }
#side-login { overflow:hidden; width:182px; margin:0 0 20px 0;}
#side-login h3 { height:22px; padding:0 0 0 15px; background:url(./images/icon-stone.gif) no-repeat left 3px; font-weight:bold;}
#side-login-form { position:relative; }
#side-login-username input { display:block; width:138px; height:22px; padding:0 0 0 2px; border:1px solid #5e5e5e; background:transparent; font:12px/22px Arial; }
#side-login-password input { display:block; width:138px; height:22px; padding:0 0 0 2px; border:1px solid #5e5e5e; border-top:none; background:transparent;font:12px/22px Arial; }
#side-login label span { display:none; }
#side-login-submit { position:absolute; left:146px; top:0; width:35px; height:47px; border:1px solid #5e5e5e; background:transparent; font:12px Arial; color:#636363; cursor:pointer; text-align:center; vertical-align:middle; }
#side-login-username input:focus, #side-login-password input:focus, #side-login-submit:hover { background:#000;color:#ddd;}
#side-login-utils { line-height:30px;}
#side-login-remember { margin-right:6px; }
#side-login-remember input { vertical-align:middle; margin-right:2px; }
#side-login-utils a { margin-left:5px; color:#8b8b8b; }
#side-login-utils a:hover { color:#111; text-decoration:underline }
#side-login-ctrl { padding:8px; background-color:#f9f9f9; border:1px solid #c9c9c9;}
#side-login-ctrl:hover { border-color:#999; background-color:#fff; }
#side-login-ctrl img { float:left; margin:0 5px 5px 0; }
#side-login-ctrl .name { font-size:14px; color:#956909; word-wrap:break-word; word-break: break-all; line-height:1.1;  }
#side-login-ctrl .name a { color:#956909; text-decoration:none; font-weight:bold; }
#side-login-ctrl .name a:hover { text-decoration:underline; color:#4e3100; }
#side-login-ctrl .level { color:#615641; }
#side-login-ctrl .utils { clear:left; }
#side-login-ctrl .utils li { padding-left:10px; background:url(./images/arr-grey.gif) no-repeat 2px 5px; line-height:17px;  }
#side-login-ctrl .utils a { color:#8b8b8b; text-decoration:none;}
#side-login-ctrl .utils a:hover { color:#000; text-decoration:underline; }
#side-login-ctrl .utils em, #side-login-ctrl .utils em a { color:#cd0000; font-weight:bold; }

#side-search { overflow:hidden; width:182px; margin:0 0 20px 0;}
#side-search h3 { height:22px; padding:0 0 0 15px; background:url(./images/icon-stone.gif) no-repeat left 3px; font-weight:bold;}
#side-search-form { position:relative; }
#side-search label span { display:none; }
#side-search-input input { display:block; width:138px; height:22px; padding:0 0 0 2px; border:1px solid #5e5e5e; background:transparent; font:12px/22px Arial;}
#side-search-select select { display:block; width:142px; height:22px; margin:2px 0 0 0; border:1px solid #5e5e5e; background:#fff; font:12px/22px Arial;}
#side-search-submit { position:absolute; left:146px; top:0; width:35px; height:47px; border:1px solid #5e5e5e; background:transparent; font:12px Arial; color:#636363; cursor:pointer; text-align:center; vertical-align:middle; }
#side-search-input input:focus, #side-search-submit:hover { background:#000; color:#ddd;}

#side-tagcloud { width:182px; margin:0 0 20px 0; }
#side-tagcloud h3 { height:22px; padding:0 0 0 15px; background:url(./images/icon-stone.gif) no-repeat left 3px; font-weight:bold;}
#side-tagcloud .tagcloud { line-height:1.2;  }

#side-shop { margin:0 0 20px 0; }
#side-shop h3 { background-image:url(./images/side-shop-title.gif);}
#side-shop .image { height:152px; padding:1px 0 0 1px; background:url(./images/side-shop-bd.gif) no-repeat; }
#side-shop .image img { display:block; }
#side-event { margin:0 0 20px 0; }
#side-event h3 { background-image:url(./images/side-event-title.gif);}
#side-poll { margin:0 0 20px 0; }
#side-poll h3 { background-image:url(./images/side-poll-title.gif);}

#side-navi { position:relative; overflow:hidden; height:1%; padding:20px 0 20px 20px; margin:0 0 20px 0; background:url(./images/side-navi-b.gif) repeat-y;}
#side-navi b.h { position:absolute; top:0; left:0; overflow:hidden; display:block; width:200px; height:5px;  background:url(./images/side-navi-h.gif);}
#side-navi b.f { position:absolute; bottom:0; left:0; overflow:hidden; display:block; width:200px; height:8px; background:url(./images/side-navi-f.gif);}
#side-navi h3 { overflow:hidden; height:5px; background:url(./images/dot-light.gif); text-indent:-1000px; outline:0; opacity:.5; filter:alpha(opacity=50);}
#side-navi li div { display:block; height:17px; margin:10px 0; }
#side-navi li div span { height:17px; padding-right:20px; font-size:12px; line-height:17px;}
#side-navi li div em { font-size:9px; color:#c60000; padding:0 0 0 3px;}
#side-navi li div span:hover { background-color:#000;}
#side-navi li .sub { padding-left:5px; }
#side-navi li .sub li { margin-bottom:5px; padding-left:8px; height:1%; background:url(./images/arr-grey.gif) no-repeat 0 5px; line-height:1.2;}
#side-navi li .sub li a { text-decoration:none; }

#maincol { float:left; width:560px; padding:0 20px 0 0; }
#subcol { float:left; width:180px; background:url(./images/dot-light.gif) repeat-y;}

#subside-forum { margin:0 0 20px 0; }
#subside-forum h2 { height:40px; margin:0 0 8px 0; background:url(./images/subside-forum-title.gif) no-repeat 1px 0; text-indent:-1000px; outline:0;}
#subside-forum li { position:relative; height:42px; margin:0 0 5px 0; background:url(./images/subside-forum-li-bd.gif) no-repeat 1px 0; }
#subside-forum li:hover, #subside-forum li:first-child { background-image:url(./images/subside-forum-li-bd-hover.gif); }
#subside-forum li span { display:block; position:absolute; left:0; top:5px; width:27px; font-size:22px; font-weight:bold; font-style:italic; color:#a6a6a6; text-align:center; letter-spacing:-2px; font-family:Arial, Helvetica, sans-serif;}
#subside-forum li h5 {  padding:6px 0 6px 38px; color:#000; font-size:12px; line-height:14px; }
#subside-forum li h5 a { color:#2f2f2f; text-decoration:none;}
#subside-forum li:hover span, #subside-forum li:first-child span { color:#fff; }
#subside-forum li:hover h5 a, #subside-forum li:first-child h5 a { color:#ff005a; }

#subside-blog { margin:0 0 20px 0; }
#subside-blog h2 { height:40px; height:40px; margin:0 0 8px 0; background:url(./images/subside-blog-title.gif) no-repeat 1px 0; text-indent:-1000px; outline:0;}
#subside-blog li { overflow:hidden; position:relative; height:1%; min-height:48px; padding:0 0 0 7px; margin:0 0 15px 0; }
#subside-blog li .pic { float:left; width:48px; height:48px; margin:0 6px 0 0; }
#subside-blog li h5 { padding:0 0 14px 0; font-size:12px; line-height:14px; }
#subside-blog li h5 a { color:#2f2f2f; text-decoration:none; }
#subside-blog li h5 a:hover { background:#2f2f2f; color:#fff; }
#subside-blog li .blog { position:absolute; bottom:0; left:61px; font-size:11px; color:#00b0dc; text-decoration:none; }

/* index =================================================================== */
#index-hot { overflow:hidden; height:1%; margin-bottom:10px; }
#index-hot h2 { display:none;}
#index-tvwall { float:left; width:400px; height:273px; margin-bottom:10px; z-index:-10}
#index-video { float:right; width:340px; height:273px;}
#index #news-latest h5 { font-size:15px; font-weight:bold; }
#index #mgz-hot h5 { font-size:15px; font-weight:bold; }
#index-must { overflow:hidden; width:560px; margin:0 0 20px 0; }
#index-must h2 { margin:0 0 20px 0;}
#index #news-tab { margin-bottom:20px; }
.mustb { width:275px; padding:0; margin:0 10px 15px 0; background:url(./images/index-must-bd-b.gif); }
.mustb .hd { height:5px; font-size:1px; background:url(./images/index-must-bd-h.gif) no-repeat;}
.mustb .bd { padding:10px 6px; }
.mustb .ft { height:5px; font-size:1px; background:url(./images/index-must-bd-f.gif) no-repeat bottom;}
.mustb .pic { overflow:hidden; float:left; width:100px; }
.mustb h5 { padding-left:105px;  font-size:12px; font-weight:bold; color:#000; line-height:1.5; }
.mustb h5 a { color:#000; text-decoration:none; } .mustb h5 a:hover { background:#000!important; color:#fff!important; } 	
.mustb .cite { padding-left:105px; font-size:11px; line-height:1.5; color:#555; }

/* news =================================================================== */
#news-latest { overflow:hidden; height:1%; margin:0 0 20px 0; }
#news-latest h2 { margin:0 0 20px 0;}
#news-latest ol { }
#news-latest ol li { overflow:hidden; height:1%; padding:0 0 15px 0; margin:0 0 15px 0;  background:url(./images/dot-light.gif) bottom repeat-x; }
#news-latest ol li .pic { overflow:hidden; float:left; margin:0 10px 0 0; }
#news-latest ol li h5 { margin-bottom:5px; font-size:18px; color:#000; line-height:1.2;}
#news-latest ol li h5 a { color:#000; text-decoration:none; }
#news-latest ol li h5 a:hover { background:#000; color:#fff; }
#news-latest ol li .meta { margin-bottom:5px;  }
#news-latest ol li .cite { line-height:1.5; color:#555; }

#news-hot { margin:0 0 20px 0; }
#news-hot ol { padding:20px 0 0 0; }
#news-hot ol li { clear:both; overflow:hidden; height:1%; padding:0 0 15px 0; margin:0 0 15px 0; background:url(./images/dot-light.gif) bottom repeat-x; }
#news-hot ol li h5 { margin:0 0 5px 0; font-size:18px; line-height:1.2; color:#000; }
#news-hot ol li .set {margin:0 0 5px 0; padding-right:10px; padding-left:2px; float:left; }
#news-hot ol li .meta { margin:0 0 5px 0;  }
#news-hot ol li .cite { font-size:12px; line-height:1.5; color:#555555;}
#news-hot ol li .cite .more {}
#news-hot ol li .pic.left { float:left; margin:0 10px 0 0; }
#news-hot ol li .pic.right { float:right; margin:0 0 0 10px; }

#news-list h3 { margin:0 0 20px 0; }
#news-list h2 { height:18px; margin:0 0 20px 0; padding-right:120px; font-size:13px; line-height:18px; font-weight:bold;}

#news-alist ol { overflow:hidden; height:1%; padding:0 0 20px 0; margin:0 0 20px 0; background:url(./images/dot-light.gif) bottom repeat-x; }
#news-alist ol li { float:left; overflow:hidden; height:1%; width:230px; height:280px; margin:0 22px 10px 0;}
#news-alist ol li h5 { margin:0 0 5px 0; font-size:15px; line-height:1.2; color:#000; font-weight:bold;}
#news-alist ol li .meta { margin:0 0 5px 0;}
#news-alist ol li .cite { font-size:12px; line-height:1.5; color:#555; }
#news-alist ol li .set { margin:0 0 5px 0; }

#news-view-header h1 { margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#000;}
#news-view-header div.dotbar { margin:0 0 5px 0; }
#news-view-header h2 { margin:0 0 20px 0; font-size:17px; line-height:1.2; color:#aa0000; }
#news-view-header h3 {float:left; padding-right:50px; margin:0 10px 5px 0;  }
#news-view-header .meta { margin:0 0 10px 0 }
#news-view-article {padding:0 0 20px 0; margin:0 0 20px 0; background:url(./images/dot-light.gif) bottom repeat-x; }
#news-view-article-wrap { line-height:1.6;font-size:15px; }
#news-view-article-wrap strong, #news-view-article-wrap b { font-weight:bolder; }
#news-view-article-wrap em, #news-view-article-wrap i { font-style:italic; }
#news-view-article-wrap u { text-decoration:underline; }
#news-view-response { width:560px; margin:0 0 20px 0; }

/* magazine =================================================================== */
#mgz-tvwall { margin:0 0 20px 0;}
#mgz-hot { margin:0 0 20px 0; }
#mgz-hot ol li { clear:both; overflow:hidden; height:1%; padding:0 0 15px 0; margin:0 0 15px 0; background:url(./images/dot-light.gif) bottom repeat-x; }
#mgz-hot ol li h5 { margin:0 0 5px 0; font-size:18px; line-height:1.2; color:#000; }
#mgz-hot ol li .set {margin:0 0 5px 0; padding-right:10px; padding-left:2px; float:left; }
#mgz-hot ol li .meta { margin:0 0 5px 0;  }
#mgz-hot ol li .cite { font-size:12px; line-height:1.5; color:#555555;}
#mgz-hot ol li .pic.left { float:left; margin:0 10px 0 0; }
#mgz-hot ol li .pic.right { float:right; margin:0 0 0 10px; }

#mgz-volume { margin-bottom:20px;}
#mgz-volume ul { overflow:hidden; height:1%; padding:10px 0 0 0;}
#mgz-volume ul li { float:left; position:relative; overflow:hidden; width:277px; height:353px; margin-bottom:12px; background:url(./images/bookbg.gif) no-repeat left top;}
#mgz-volume ul li.r { width:276px; background-position:-277px 0; }
#mgz-volume ul li .pic {position:absolute; z-index:1; top:1px; }
#mgz-volume ul li.l .pic { left:5px;}
#mgz-volume ul li.r .pic { left:1px;}
#mgz-volume ul li .set { position:absolute; z-index:2; left:1px; top:1px; line-height:21px; font-size:12px; font-family:"Arial Black";}
#mgz-volume ul li .set span { float:left; width:45px; height:21px; margin-right:4px; border-right:3px solid #FF0000; color:#000; text-align:center; }
#mgz-volume ul li .t { position:absolute; z-index:3; left:10px; top:240px; width:250px; height:85px; overflow:hidden; padding:5px;}
#mgz-volume ul li .t h5 { position:relative; z-index:2; margin:0 0 6px 0; font-size:16px; line-height:1.1; font-weight:bold;}
#mgz-volume ul li .t p { position:relative; z-index:3; font-size:12px; line-height:1.2; }
#mgz-volume ul li .t .bg { position:absolute; left:0; top:0; width:260px; height:95px; z-index:1; opacity:0.72; filter:alpha(opacity=72); }
#mgz-volume ul li.styA .t { color:#ededed; }
#mgz-volume ul li.styB .t { color:#111; }
#mgz-volume ul li.styA .t .bg { background:#111;}
#mgz-volume ul li.styB .pic { top:35px; }
#mgz-volume ul li.l .flip, #mgz-volume ul li.r .flip { display:block; position:absolute; z-index:4; left:4px; bottom:4px; width:9px; height:10px; overflow:hidden; background:url(./images/bookflip.gif);}
#mgz-volume ul li.r .flip { left:auto; right:4px; background-position:-9px 0; }



#mgz-volume ul li.f h5, #mgz-volume ul li.f h6, #mgz-volume ul li.f .sub
{ position:relative; left:18px; padding:0 30px 0 0; line-height:1.1; }
#mgz-volume ul li.f h5 { top:40px; font-size:22px; font-weight:bold;}
#mgz-volume ul li.f h5 em { color:#CC0000; }
#mgz-volume ul li.f h6 { top:45px; font-size:18px; }
#mgz-volume ul li.f .sub { top:48px; font-size:15px; }
#mgz-volume ul li.f .cite { position:relative; left:18px; top:52px; padding:0 30px 0 0; font-size:12px; line-height:1.5; color:#777; }

#mgz-list h3 { margin:0 0 20px 0; }
#mgz-list h2 { height:18px; margin:0 0 20px 0; padding-right:120px; font-size:13px; line-height:18px; font-weight:bold;}

#mgz-headline { overflow:hidden; height:1%; padding:0 0 20px 0; margin:0 0 20px 0; background:url(./images/dot-light.gif) bottom repeat-x; }
#mgz-headline .pic { float:left; margin:0 10px 0 0; }
#mgz-headline h1 { margin:0 0 8px 0; font-size:18px; line-height:1.2; color:#000; }
#mgz-headline .sub { margin:0 0 5px 0; font-size:13px; line-height:1.2; color:#aa0000; }
#mgz-headline .meta {  margin:0 0 5px 0;}
#mgz-headline .cite { font-size:12px; line-height:1.8; color:#555;}
#mgz-headline .cite:first-letter { font-size:42px; float:left; line-height:1.02; }
#mgz-alist ol { overflow:hidden; height:1%; padding:0 0 20px 0; margin:0 0 20px 0; background:url(./images/dot-light.gif) bottom repeat-x; }
#mgz-alist ol li { float:left; overflow:hidden; width:230px; height:250px; margin:0 22px 10px 0;}
#mgz-alist ol li .pic { float:left; margin-right:5px; margin-bottom:5px;}
#mgz-alist ol li h5 { margin:0 0 5px 0; font-size:15px; line-height:1.2; color:#000; font-weight:bold;}
#mgz-alist ol li .meta { margin:0 0 5px 0; line-height:1.2;word-wrap: break-word; word-break: break-all; }
#mgz-alist ol li .cite { font-size:12px; line-height:1.2; color:#555; }
#mgz-alist ol li .set { margin:0 0 2px 0; float:left; }
#mgz-alist ol li .set span { padding-right:10px; padding-left:2px; }
#mgz-view-header h1 { margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#000;}
#mgz-view-header div.dotbar { margin:0 0 5px 0; }
#mgz-view-header h2 { margin:0 0 20px 0; font-size:17px; line-height:1.2; color:#aa0000; }
#mgz-view-header h3 {float:left; padding-right:50px; margin:0 10px 5px 0;  }
#mgz-view-header .meta { margin:0 0 10px 0 }
#mgz-view-article {padding:0 0 20px 0; margin:0 0 20px 0; background:url(./images/dot-light.gif) bottom repeat-x; }
#mgz-view-article-wrap { line-height:1.6; font-size:15px; }
#mgz-view-article-wrap strong, #mgz-view-article-wrap b { font-weight:bolder; }
#mgz-view-article-wrap em, #mgz-view-article-wrap i { font-style:italic; }
#mgz-view-article-wrap u { text-decoration:underline; }
#mgz-view-response { width:560px; margin:0 0 20px 0; }

/* community =================================================================== */
#comm-maincol { float: left; width: 440px; padding-right:20px; }
#comm-subcol { float: left; width: 300px; }
#comm-tvwall { position:relative; overflow:hidden; height:1%; margin-bottom:20px; }
#comm-tvwall .pic { float:left; }
#comm-tvwall h1 { margin-bottom:8px; padding-left:330px;  font-size:24px;line-height:1.2; color:#000; font-weight:bold;}
#comm-tvwall h6 { margin-bottom:10px;padding-left:330px;   }
#comm-tvwall h6 a { display:block; height:22px; padding-left:29px; background:url(./images/icon-blog.gif) no-repeat;  text-decoration:none; font-weight:bold; color:#000;  line-height:22px;}
#comm-tvwall h6 a:hover { color:#CC0000; }
#comm-tvwall .cite { padding-left:330px; padding-bottom:24px;  font-size:13px; color:#777; line-height:1.4; }
#comm-tvwall .menu { position:absolute; right:5px; bottom:0; z-index:2; height:20px;}
#comm-tvwall .menu a { float:left; margin:0 4px 0 0; width:20px; height:20px; background:url(./images/tvwall-menu-bd.gif) 0 0; text-align:center; text-decoration:none; font:11px/20px Tahoma; color:#fff; vertical-align:middle; }
#comm-tvwall .menu a:hover,
#comm-tvwall .menu a.on{ background-position:-20px 0; }
#comm-polling { margin-bottom: 20px; }
#comm-polling h2 { background: url(./images/comm-polling-h.gif) no-repeat; text-indent: -1000px; height: 84px; }
#comm-polling .b { background: url(./images/comm-polling-b.gif) repeat-y; padding:0 30px; }
#comm-polling .b h4 { font-size: 15px; line-height: 1.3; font-weight: bold; color: #b80000; margin-bottom: 8px; }
#comm-polling .b .pic { display: block; margin-bottom: 10px; }
#comm-polling .b .cite { font-size: 12px; line-height: 1.2; color: #595959; }
#comm-polling .f { background: url(./images/comm-polling-f.gif) no-repeat; height: 59px; }
#comm-polling .f .bigbtn1 { position:relative; top:16px; margin:0 auto; }
#comm-chart { margin-bottom: 20px; }
#comm-album { margin-bottom: 20px; }
#comm-album h2 { margin-bottom:20px; }
#comm-album ol { width:315px; height: 1%; overflow: hidden; }
#comm-album li { overflow:hidden; margin:0 15px 5px 0; float: left; height:115px; width:90px; text-align:center; }
#comm-album li a { text-decoration: none; }
#comm-album li a img { display:block; margin:0 auto 3px auto; }
#comm-album li a em { }
#comm-album li a:hover em { background:#000; color:#fff; }
#comm-forumhot{ margin-bottom:20px; }
#comm-forumhot h2 { margin-bottom:20px; }
#comm-forumhot ol li { margin-bottom:15px; padding-bottom:15px; background:url(./images/dot-light.gif) repeat-x bottom; }
#comm-forumhot ol li h5 { margin-bottom:8px; font-size:15px; line-height:1.2; color:#000; font-weight:bold;}
#comm-forumhot ol li h5 a{ text-decoration:none; color:#000; }
#comm-forumhot ol li h5 a:hover { background:#000; color:#fff; }
#comm-forumhot ol li h6 { float:left; margin-right:10px; }
#comm-forumhot ol li h6 a{ display:block; height:22px; padding-left:29px; background:url(./images/icon-forum.gif) no-repeat;  text-decoration:none; font-weight:bold; color:#000; line-height:22px; }
#comm-forumhot ol li h6 a:hover { color:#CC0000; }
#comm-forumhot ol li .meta { margin-bottom:8px;}
#comm-forumhot ol li .cite { color:#777; line-height:1.2; }
#comm-bloghot { margin-bottom:20px; }
#comm-bloghot h2 { margin-bottom:20px; }
#comm-bloghot ol li { margin-bottom:15px; padding-bottom:15px; background:url(./images/dot-light.gif) repeat-x bottom; }
#comm-bloghot ol li h5 { margin-bottom:8px; font-size:15px; line-height:1.2; color:#000; font-weight:bold;}
#comm-bloghot ol li h5 a{ text-decoration:none; color:#000; }
#comm-bloghot ol li h5 a:hover { background:#000; color:#fff; }
#comm-bloghot ol li h6 { float:left; margin-right:10px; }
#comm-bloghot ol li h6 a{ display:block; height:22px; padding-left:29px; background:url(./images/icon-blog.gif) no-repeat;  text-decoration:none; font-weight:bold; color:#000; line-height:22px; }
#comm-bloghot ol li h6 a:hover { color:#CC0000; }
#comm-bloghot ol li .meta { margin-bottom:8px;}
#comm-bloghot ol li .cite { color:#777; line-height:1.2; }
#comm-chart h5 { margin:10px 0; padding-left:20px; font-weight:bold; color:#000; background:url(./images/circlearr-black.gif) no-repeat; }
#comm-chart h5 a { color:#000; text-decoration:none; }
#comm-chart h5 a:hover { color:#555; }
#comm-chart ol { overflow:hidden; height:1%; }
#comm-chart ol li { float:left;	 width:48px; margin-right:12px; }
#comm-chart ol li a { text-decoration:none; }
#comm-chart ol li a img { display:block; }
#comm-chart ol li a b { display:block; width:13px; height:15px; margin:3px auto; overflow:hidden;}
#comm-chart ol li a .u { background:url(./images/icon-chart-up.gif) no-repeat; text-align:center; font-size:9px; color:#fff; font-weight:bold; line-height:15px; }
#comm-chart ol li a .d { background:url(./images/icon-chart-down.gif) bottom no-repeat; text-align:center; font-size:9px; color:#fff; font-weight:bold; line-height:15px; }
#comm-chart ol li a .f { text-indent:-100px;}

/* community/ forum =================================================================== */
p.master { text-align:right; }
p.master a { color:#a90000; text-decoration:underline; }
p.master a:hover { color:#e90000;}
#frm-home h2 { margin-bottom:8px; }
#frm-home .more { margin-bottom:5px; }
.frm-group { margin-bottom:40px; }
.frm-group h3 { float:left; width:60%; margin:0 0 8px 0; font-size:18px; line-height:1.2; color:#000; }
.frm-group h3 a { text-decoration:none; color:#000;}
.frm-group h3 a:hover { color:#CC0000; text-decoration:underline; }
.frm-group p.master { float:right; width:40%; }
.frm-group-tb { clear:both; width:100%; font-family:Arial, Helvetica, sans-serif; table-layout:fixed;}
.frm-group-tb tr:hover { background-color:#fbfbfa; }
.frm-group-tb th { height:35px; padding-bottom:3px; text-align:center; background:url(./images/forum-th.gif) no-repeat; font-size:11px; vertical-align:bottom; }
.frm-group-tb th.ic { width:65px;}
.frm-group-tb th.pic { width:80px; }
.frm-group-tb th.tt { width:auto; }
.frm-group-tb th.tp { width:45px; }
.frm-group-tb th.pt { width:45px; }
.frm-group-tb th.lt { width:165px; }
.frm-group-tb td { padding:2px 0; border-bottom:3px solid #f8f7f5; }
.frm-group-tb td.ic { text-align:center; }
.frm-group-tb td.pic { text-align:center; }
.frm-group-tb td.tt { padding:8px; }
.frm-group-tb td.tt .pic { float:left; }
.frm-group-tb td.tt h5 { margin-bottom:5px; font-size:15px; color:#000; line-height:1.2; font-weight:bold; }
.frm-group-tb td.tt h5 a { color:#000; text-decoration:none; }
.frm-group-tb td.tt h5 a:hover { color:#CC0000; text-decoration:underline;}
.frm-group-tb td.tt h6 { font-size:11px; color:#777; line-height:1.2; }
.frm-group-tb td.tp, 
.frm-group-tb td.pt { text-align:center; font-size:13px; color:#555; }
.frm-group-tb td.lt .meta { margin-bottom:4px; background:url(./images/icon-pen.gif) no-repeat left center; text-indent:12px; }
.frm-group-tb td.lt .cite { font-size:11px; line-height:1.2; color:#777; }
#frm-info { height:1%; margin-bottom:20px;}
#frm-info .notch b { padding:15px 20px; background-color:#f8f7f5; color:#575757; }
#frm-info .notch b span { margin-right:20px;}
#frm-info .notch b span em { font-weight:bold; margin-left:5px; color:#000;}
#frm-status { margin-bottom:20px; text-align:right; }
#frm-status span { margin-left:20px; }
#frm-status span img { margin-right:5px; vertical-align:middle; }
#frm-user {  margin-bottom:20px;text-align:right; }
#frm-user span { margin-left:20px; }
#frm-user span img { margin-right:5px; vertical-align:middle; }

.frm-topic-tb { clear:both; width:100%; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; table-layout:fixed;}
.frm-topic-tb tr:hover { background-color:#fbfbfa; }
.frm-topic-tb th { height:35px; padding-bottom:3px; text-align:center; background:url(./images/forum-th.gif) no-repeat; font-size:11px; vertical-align:bottom; }
.frm-topic-tb th.ic { width:40px;}
.frm-topic-tb th.tt { width:auto; }
.frm-topic-tb th.sp { width:25px;}
.frm-topic-tb th.au { width:75px; }
.frm-topic-tb th.hit { width:90px; }
.frm-topic-tb th.lt { width:165px; }
.frm-topic-tb td { height:55px; padding:2px 0; background:url(./images/dot-light.gif) bottom repeat-x;}
.frm-topic-tb td.ic { text-align:center; }
.frm-topic-tb td.tt h5 { font-size:12px; color:#000; line-height:1.2;}
.frm-topic-tb td.tt h5 a { color:#000; text-decoration:none; }
.frm-topic-tb td.tt h5 a:hover { color:#CC0000; text-decoration:underline;}
.frm-topic-tb td.tt p { margin-top:3px; padding-left:10px; background:url(./images/icon-page.gif) no-repeat left center; }
.frm-topic-tb td.tt p a { color:#154ba0; text-decoration:none; padding:0 2px; margin:0 1px; font-size:10px;}
.frm-topic-tb td.tt p a:hover { text-decoration:underline; }
.frm-topic-tb td.sp { text-align:center; }
.frm-topic-tb td.au { text-align:center; }
.frm-topic-tb td.hit { text-align:center; color:#999; }
.frm-topic-tb td.hit big { position:relative; top:-4px; color:#CC0033; font-size:12px;  }
.frm-topic-tb td.hit small { position:relative; top:4px; color:#555; font-size:10px;  }
.frm-topic-tb td.lt .meta { margin-bottom:4px; background:url(./images/icon-pen.gif) no-repeat left center; text-indent:12px; }
.frm-topic-tb td.lt .cite { font-size:11px; line-height:1.2; color:#777; }

#frm-topic { height:1%; overflow:hidden; }
#frm-topic h2 { margin-bottom:8px; }
#frm-topic h1 { height:43px; margin-bottom:2px; padding-top:12px; padding-left:48px; background:url(./images/icon-forum-tp4.gif) no-repeat left 0;  font-size:18px; line-height:1.2; color:#000; font-weight:bold; }
#frm-topic .ic-digest { background-image:url(./images/icon-forum-tp5.gif); }
#frm-topic .ic-digest span { color:#ff005a;}
#frm-topic .more { clear:both; padding-bottom:0; }
#frm-topic .pager2 {  margin-bottom:10px; margin-top:-18px; }
#frm-topic .pager2 label span { display:none; }
#frm-topic .pager2 input { margin-left:5px; width:28px; border:1px solid #000; padding-left:2px; font:12px Arial;  }
#frm-topic .pager2 input:focus {background:#FFFFEE; }
#frm-topic .pagerbtm { margin-bottom:40px; margin-top:0; }

#frm-view { height:1%; overflow:hidden; margin-bottom:20px; }
#frm-view h2 { margin-bottom:15px; }
#frm-view h1 { padding-top:2px; padding-left:30px; background:url(./images/icon-topic-tp5.gif) no-repeat left 0; font-size:18px; line-height:1.2; color:#000; font-weight:bold; }
#frm-view .pager2 {  margin-bottom:10px; margin-top:-24px; }
#frm-view .pager2 label span { display:none; }
#frm-view .pager2 input { margin-left:5px; width:28px; border:1px solid #000; padding-left:2px; font:12px Arial;  }
#frm-view .pager2 input:focus {background:#FFFFEE; }
#frm-view-thread { font-family:Arial, Helvetica, sans-serif; }
#frm-view-thread .tdh, #frm-view-thread .tdf { display:block; overflow:hidden; height:5px; background:url(./images/forum-thread-side-bd.gif) no-repeat;}
#frm-view-thread .tdf { clear:both; background-position:0 -5px;}
#frm-view-thread .tdb { overflow:hidden; height:1%; background:url(./images/forum-thread-side-bd-b.gif) repeat-y; }
#frm-view-thread .tr { overflow:hidden; height:1%; margin-bottom:8px; padding-bottom:12px; background:url(./images/dot-dual-light.gif) repeat-x bottom;}
#frm-view-thread .tr .sd { overflow:hidden; float:left; width:160px;}
#frm-view-thread .tr .sd-wrap { width:140px; margin:0 auto; }
#frm-view-thread .tr .sdh { min-height:25px; padding:2px 0 5px 0; background:url(./images/dot-light.gif) bottom repeat-x;}
#frm-view-thread .tr .sdh .gouser { font-size:13px; font-weight:bold;  }
#frm-view-thread .tr .sdh .gouser a {word-wrap:break-word; word-break: break-all; text-decoration:none;}
#frm-view-thread .tr .sdb .level {  font-weight:bold; font-size:13px; letter-spacing:1px; color:#615641; margin:5px 0; }
#frm-view-thread .tr .sdb { padding:10px 0; }
#frm-view-thread .tr .sdb ul li { padding-left:10px; background:url(./images/icon-cross.gif) no-repeat left 6px; font-size:12px; margin-bottom:4px; color:#272727;}
#frm-view-thread .tr .sdb ul li a { color:#272727; text-decoration:none; } 
#frm-view-thread .tr .sdb ul li a:hover { color:#cd0000; }
#frm-view-thread .tr .mn { position:relative; overflow:hidden; height:1%; min-height:100px; }
#frm-view-thread .tr .mn-wrap { padding:0 0 0 170px;  }
#frm-view-thread .tr .mnh { min-height:25px; padding:2px 0 5px 0; background:url(./images/dot-light.gif) bottom repeat-x;}
#frm-view-thread .tr .mnh .tm { color:#818181; line-height:18px; }
#frm-view-thread .tr .mnh .fa { height:18px; margin-top:-18px; text-align:right; padding-right:40px; color:#999; font-size:11px; line-height:18px; }
#frm-view-thread .tr .mnh .fa a { color:#8b8b8b; text-decoration:none; padding:0 1px; margin:0 2px; }
#frm-view-thread .tr .mnh .fa a:hover { color:#000; }
#frm-view-thread .tr .mnh .tb { height:18px; margin-top:-18px; text-align:right; line-height:18px;  }
#frm-view-thread .tr .mnh .tb a { font-size:15px; color:#333333; font-weight:bold; text-decoration:none; }
#frm-view-thread .tr .mnb { padding:10px 0; }
#frm-view-thread .tr .mnf { width:590px; }
#frm-view-thread .tr .mnf .util-user { text-align:right;  }
#frm-view-thread .tr .mnf .util-user a {color:#0066FF;}
#frm-view-thread .tr .mnf .util-master { text-align:right;  }
#frm-view-thread .tr .mnf .util-master a {color:#cd0000;}
#frm-view-thread .tr .mnf .rating { color:#8b8b8b;}
#frm-view-thread .tr .mnf .rating strong { margin:0 3px; color:#555; font-size:17px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
#frm-view-thread .tr .mnf .ed { color:#8b8b8b;}
#frm-view-thread .tr .mnf .ed a { color:#111; margin-left:10px; }
#frm-view-thread .tr .mnf .top { height:14px; margin-top:-14px;  text-align:right;}
#frm-view-thread .tr .mnf .top a { font-size:10px; color:#555; text-decoration:none; }
#frm-view-thread .tr .mnf .top a:hover { color:#000; }
#frm-view-thread .tr .mnb .post { padding-bottom:50px; }
#frm-view-thread .tr .mnb .post blockquote { background:#f7f7f7 url(./images/dot-dark.gif) repeat-x bottom; margin:15px 0 15px 30px; padding:10px; color:#6a6a6a; font-family:'Trebuchet MS',Verdana,Sans-Serif;}
/* post format */
#frm-view-thread .tr .mnb .post { line-height:1.8; }
#frm-view-thread .tr .mnb .post p { margin-bottom:18px; }
#frm-view-thread .report, #frm-view-thread .ratingbar { margin:10px 0;}
#frm-view-thread .report .notch2 b, #frm-view-thread .ratingbar .notch2 b { background:#fdfdfd; padding:10px;}
#frm-view-thread .report textarea { width:300px; height:150px; }
#frm-view-thread .report strong { font-size:12px; margin-bottom:10px; }

#frm-view-thread .tr .sdb .ratingbar, .rating { margin-bottom:10px;}
#frm-view-thread .tr .sdb .ratingbar, 
#frm-view-thread .tr .sdb .rating .notch2 b { padding:6px 4px; }
#frm-view-thread .tr .sdb .ratingbar span { display:block; margin-bottom:3px; }
#frm-view-thread .tr .sdb .ratingbar em { font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; }
#frm-view-thread .tr .sdb .ratingbar .good b, 
#frm-view-thread .tr .sdb .ratingbar .fair b, 
#frm-view-thread .tr .sdb .ratingbar .bad b { margin-right:3px; display:inline-block; width:24px; height:24px; background-image:url(./images/icon-rating-sprites.png); vertical-align:middle;}
#frm-view-thread .tr .sdb .ratingbar .good b{ background-position:-10px -10px; } 
#frm-view-thread .tr .sdb .ratingbar .fair b{ background-position:-34px -10px; } 
#frm-view-thread .tr .sdb .ratingbar .bad b{ background-position:-58px -10px; }
#frm-view-thread .tr .sdb .rating .notch2 b { text-align:center; }
#frm-view-thread .tr .sdb .rating label { margin:0 2px; }
#frm-view-thread .tr .sdb .rating .good, 
#frm-view-thread .tr .sdb .rating .fair, 
#frm-view-thread .tr .sdb .rating .bad { display:inline-block; width:20px; height:20px; background-image:url(./images/icon-rating-sprites.png); text-indent:-1000px; overflow:hidden; vertical-align:middle; }
#frm-view-thread .tr .sdb .rating .good { background-position:-10px -34px; } 
#frm-view-thread .tr .sdb .rating .fair { background-position:-30px -34px; } 
#frm-view-thread .tr .sdb .rating .bad { background-position:-50px -34px; }
#frm-view-thread .tr .sdb .rating input { vertical-align:middle; }
#frm-view-thread .tr .sdb .rating .submit { margin:5px 2px; border:1px solid #9e8b83; background:#f8f7f5; font-size:11px; color:#9e8b83; }
#frm-view-thread .tr .sdb .rating .btn { text-align:center; }

#frm-re h1, #frm-new h1
 { margin-bottom:15px; padding-top:2px; padding-left:30px; background:url(./images/icon-topic-tp5.gif) no-repeat left 0; font-size:18px; line-height:1.2; color:#000; font-weight:bold; }
#frm-re h1 i { color:#888; font-weight:bold; }
.frm-formbd { width:640px; background:#f8f7f5;}
.frm-formbd b.h { display:block; overflow:hidden; height:5px; background:url(./images/forum-form-bd-h.gif); }
.frm-formbd b.f { display:block; overflow:hidden; height:5px; background:url(./images/forum-form-bd-f.gif); }
.frm-formbd-wrap { width:595px; padding:10px 0;  margin:0 auto; }
.frm-formbd label { display:block; line-height:1.5; }
.frm-formbd label strong {  font-size:15px; color:#000; font-weight:bold;}
.frm-formbd label small { display:block; margin:5px 0; font-size:11px; color:#8c8c8c; }
.frm-formbd br { display:none; }
.frm-formbd .subject, .frm-formbd .content { margin-bottom:10px; }
.frm-formbd .subject input, 
.frm-formbd .content textarea { width:99%; padding:2px 0; border:1px solid #5e5e5e; background:#fff;font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.frm-formbd .content textarea { height:300px; }
.frm-formbd .richedit { display:block;}
.frm-formbd .submit { margin:20px auto; border:none; }
#frm-new h2 { margin-bottom:20px; }

/* community/ blog =================================================================== */
#blog-home h2 { margin-bottom:20px; }

#blog-feats { overflow:hidden; height:1%; margin-bottom:20px;	}
#blog-feats > div { float:left; width:244px; margin:0 9px 0 0; color:#fff;  }
#blog-feats h3 { height:40px; text-indent:-1000px; background-repeat:no-repeat;  }
#blog-feats b.f { display:block; overflow:hidden; height:10px; background-repeat:no-repeat; }
#blog-feats ol { min-height:250px; }
#blog-feats ol li { overflow:hidden; height:1%; padding:8px 12px; line-height:1.2;}
#blog-feats ol li img { float:left; }
#blog-feats ol li h5 { padding-left:70px; font-size:15px; }
#blog-feats ol li h6 { padding-left:70px;}
#blog-feats ol li em { font-weight:bold; font-size:12px; color:#fff; font-size:11px; }
#blog-feats ol li a { text-decoration:none; color:#fff; }

#blog-cele ol { background-color:#00b0dc; }
#blog-cele h3 { background-image:url(./images/blog-b1-title.gif); }
#blog-cele b.f { background-image:url(./images/blog-b1-f.gif); }
#blog-cele ol li h5 a { color:#8be8ff; }
#blog-cele ol li h5 a:hover { color:#fff; }
#blog-cele ol li em { display:block; padding-left:70px;}

#blog-hot ol { background-color:#ff005a; }
#blog-hot h3 { background-image:url(./images/blog-b2-title.gif); }
#blog-hot b.f { background-image:url(./images/blog-b2-f.gif); }
#blog-hot ol li h5 a { color:#ffcedf; }
#blog-hot ol li h5 a:hover { color:#fff; }

#blog-newly ol { background-color:#fed92e; }
#blog-newly h3 { background-image:url(./images/blog-b3-title.gif); }
#blog-newly b.f { background-image:url(./images/blog-b3-f.gif); }
#blog-newly ol li h6 a { color:#000; }
#blog-newly ol li h5 a { color:#855800; }
#blog-newly ol li h5 a:hover { color:#000; }

#blog-category { overflow:hidden; height:1%; }
#blog-category ul {  overflow:hidden; height:1%;}
#blog-category ul>li { float:left; width:364px;  margin:0 7px 7px 0;}
#blog-category p { text-align:right; margin:5px 0; }
#blog-category p a {color:#00b0dc; font-size:11px; }
#blog-category h3 { padding-left:38px; background:url(./images/icon-blog2.gif) no-repeat; color:#00b0dc; font-size:15px; font-weight:bold; line-height:26px; }
#blog-category h3 a { text-decoration:none; color:#00b0dc }
#blog-category ol { background:#ecfafd; padding:10px 20px; }
#blog-category ol li { margin:6px 0; padding-left:16px; background:url(./images/icon-cross.gif) no-repeat left center; }
#blog-category ol li h5 {width:82%;  font-size:15px;color:#3b3b3b;  }
#blog-category ol li h5 a { text-decoration:none; color:#3b3b3b;  }
#blog-category ol li h5 a:hover { text-decoration:underline; color:#555; }
#blog-category ol li em { display:block; width:18%;  margin:-20px 0 0 auto; text-align:right; font-size:11px; color:#6b6b6b; }

#blog-maincol { float:left; width:496px;  }
#blog-subcol { float:right; width:244px;  }

#blog-list h2 { margin-bottom:20px; }
#blog-list h1 {height:43px; margin-bottom:2px; padding-top:12px; padding-left:48px; background:url(./images/icon-blog-large.gif) no-repeat left 0;  font-size:18px; line-height:1.2; color:#000; font-weight:bold; }

#blog-alist ol li { overflow:hidden; height:1%; padding:0 0 15px 0; margin:0 0 15px 0;  background:url(./images/dot-light.gif) bottom repeat-x; }
#blog-alist ol li .pic { overflow:hidden; float:left;}
#blog-alist ol li h5 { margin-bottom:5px; padding-left:170px; font-size:18px; color:#000; line-height:1.2;}
#blog-alist ol li h5 a { color:#000; text-decoration:none; }
#blog-alist ol li h5 a:hover { background:#000; color:#fff; }
#blog-alist ol li .meta { margin-bottom:5px; padding-left:170px; }
#blog-alist ol li .cite { margin-bottom:10px; padding-left:170px;line-height:1.4; color:#555; }


/* channel =================================================================== */

.chn-alist { overflow:hidden; height:1%; }
.chn-alist li { overflow:hidden; float:left; width:170px; height:150px; margin:0 16px 10px 0; }
.chn-alist li div { position:relative; width:120px; height:72px; padding:1px; margin:0 0 5px 0; border:1px solid #666; background:#fff;} 
.chn-alist li div:hover { border-color:#FF0000; background:#990000; }
.chn-alist li div i { display:block; position:absolute; right:1px; bottom:1px; width:30px; height:14px; background:#000;  color:#fff; font:11px Arial, Helvetica, sans-serif; font-weight:bold; opacity:.75; fliter:alpha(opacity=.75);} /*video time */
.chn-alist li div a { overflow:hidden; display:block; width:120px; height:72px;}
.chn-alist li div a img { margin:-10px 0 0 0;}
.chn-alist li h5 {margin:0 0 3px 0; font-size:15px; line-height:1.2; color:#000; font-weight:bold;}
.chn-alist li h5 a { color:#000; text-decoration:none; }
.chn-alist li h5 a:hover { background:#000; color:#fff; }

#chn-headline { margin:0 0 20px 0; }
#chn-headline .plybk { margin:20px 0 20px 0; }
#chn-headline h1 { margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#000; }
#chn-headline h3 { float:left;}
#chn-headline .meta { margin:0 0 5px 0; }
#chn-headline .cite { line-height:1.5; color:#555; }

#chn-hot { padding:0 0 20px 0;}
#chn-hot .chn-alist { margin:20px 0 0 0;  }
#chn-hot .chn-alist { }

#chn-promo { padding:0 0 20px 0; }
#chn-promo .chn-alist { margin:20px 0 0 0;  }
#chn-promo .chn-alist { }

#chn-list h3 { margin:0 0 20px 0; }
#chn-list h2 { height:18px; margin:0 0 20px 0; padding-right:120px; font-size:13px; line-height:18px; font-weight:bold;}


#chn-view { overflow:hidden; height:1%;}
#chn-view-header {  margin:0 0 20px 0; }
#chn-view-header h1 {margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#000; font-weight:bold;}
#chn-view-header div.dotbar { }

#chn-view-cont { float:left; width:560px; padding:0 0 20px 0; margin:0 0 20px 0; background:url(./images/dot-light.gif) bottom repeat-x; }
#chn-view-cont .plybk { margin:0 0 10px 0; }
#chn-view-cont h3 { margin:0 0 10px 0; }
#chn-view-cont .meta { margin:0 0 20px 0; }
#chn-view-cont .cite { margin:0 0 20px 0; color:#555; line-height:1.5; }
#chn-view-cont .cite .notch b { padding:10px 15px; font-size:14px; }
#chn-view-cont .embed { display:block; font-size:12px; color:#111; margin:0 0 20px 0;}
#chn-view-cont #embedinput {width:250px; border:1px solid #000; padding-left:2px; margin:0 0 0 5px; font:10px Arial; color:#555;}

#chn-view-related { float:right; width:180px; margin:0 0 10px 0; }
#chn-view-related h2 { display:block; height:40px; margin:-8px 0 5px 0; background:url(./images/chn-related-title.gif) no-repeat; text-indent:-1000px; }
#chn-view-related .chn-alist li, #chn-view-hot .chn-alist li  { width:auto; height:auto; margin-left:15px;}
#chn-view-hot { float:right; width:180px;  margin:0 0 10px 0;}
#chn-view-hot h2 { display:block; height:40px; margin:-8px 0 5px 0; background:url(./images/chn-hot2-title.gif) no-repeat; text-indent:-1000px; }

#chn-view-response { float:left; width:560px; margin:0 0 20px 0;}

/* event =================================================================== */
.evt-meta { }
.evt-meta span { display:block; overflow:hidden; height:1%; margin:4px 0; color:#b90060;  }
.evt-meta .notch { float:left;width:55px; margin-right:10px;  }
.evt-meta .notch b{ text-align:center; letter-spacing:1px; padding:0; background-color:#ffffee; font-size:11px; line-height:13px;}
.evt-meta span a { color:#f60080; text-decoration:underline; }
.evt-meta span a:hover { color:#000; }

.evt-list li { overflow:hidden; height:1%; margin:0 0 20px 0; padding:0 0 20px 0; background:url(./images/dot-black.gif) repeat-x bottom;}
.evt-list li .pic { float:left; margin-right:10px; margin-bottom:5px; }
.evt-list li h5 { margin:0 0 8px 0; font-size:18px; line-height:1.2; color:#000; font-weight:bold;}
.evt-list li h6 { margin:0 0 5px 0; font-size:15px; line-height:1.2; color:#828000; }
.evt-list li .evt-meta { margin:10px 0; }
.evt-list li .cite { margin:0 0 20px 0; font-size:12px; line-height:1.5; color:#555;}
.evt-list li .join { overflow:hidden; height:1%;}
.evt-list li .join a { float:right; height:34px; background:url(./images/icon-go.gif) no-repeat; padding-left:38px; font-size:16px; font-weight:bold; color:#333333; text-decoration:none; line-height:34px; }
.evt-list li .join a:hover {color:#e60000; }

.evt-list2 { overflow:hidden; height:1%;}
.evt-list2 li { float:left; width:180px; height:300px; margin:0 6px 8px 0; }
.evt-list2 li .pic { display:block; margin:0 0 10px 0}
.evt-list2 li h5 { font-size:15px; line-height:1.2; color:#000; font-weight:bold; text-align:center;}
.evt-list2 li h5 a { color:#000; text-decoration:none; }
.evt-list2 li h5 a:hover { background:#000; color:#fff; }
 
#evt-tvwall { margin:0 0 20px 0;}
#evt-newly {margin:0 0 20px 0;}
#evt-newly h2 { margin:0 0 20px 0;}
#evt-past {margin:0 0 20px 0;}
#evt-past h2 { margin:0 0 20px 0;}

#evt-list { height: 1%; overflow: hidden; }
#evt-list h3 { margin-bottom:20px; }
#evt-list h2 { height:18px; margin-bottom:20px; padding-right:120px; font-size:15px; line-height:18px; }
#evt-list .evt-list {}
#evt-list .evt-list2 li { margin-right:10px; }

#evt-view { height: 1%; overflow: hidden; }
#evt-view div.dotbar { margin-bottom:10px;}
#evt-view-cont { overflow:hidden; height:1%; margin:0 0 20px 0; padding:0 0 20px 0; background:url(./images/dot-light.gif) repeat-x bottom;}
#evt-view-cont .pic { margin-bottom:10px; }
#evt-view-cont h1 {margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#000; font-weight:bold;}
#evt-view-cont h2 { margin:0 0 10px 0; font-size:17px; line-height:1.2; color:#828000; font-weight:bold;}
#evt-view-cont .evt-meta { float:right; margin:0 0 10px 20px; width:300px; }
#evt-view-cont .cite { font-size:13px; line-height:1.8; color:#000; }
#evt-view-cont .cite:first-letter { font-size:42px; float:left; line-height:1.02; }
#evt-view-article { clear:both; margin:0 0 10px 0; }
#evt-view-cont .join { text-align:center; }
#evt-view-cont .join .bigbtn1 {  margin:20px auto;  }
#evt-view-cont .join strong { font-style:italic; font-size:15px; color:#c40000; }
#evt-view-response { width:560px; margin:0 0 20px 0; }

/* shop =================================================================== */
#shop-tvwall { margin-bottom:20px;}

#shop-hot { margin-bottom:20px; width:560px; overflow:hidden;}
#shop-hot h2 { margin-bottom:20px; }
#shop-hot ol { overflow:hidden; width:591px; height:1%; background:url(./images/dot-light.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:13px; }
#shop-hot ol li { position:relative; overflow:hidden; float:left; width:182px; height:210px;  margin-right:8px; margin-bottom:10px; }
#shop-hot ol li .pic { width:166px; height:130px; margin:0 auto 5px auto; background:url(./images/shop-set-bd1.gif) no-repeat; }
#shop-hot ol li .pic img { display:block; position:relative; top:8px; left:8px; }
#shop-hot ol li h5 { margin-bottom:4px; color:#2e5e99; line-height:1.2; font-size:14px; font-weight:bold; text-align:center; }
#shop-hot ol li h5 a { color:#2e5e99; text-decoration:none; }
#shop-hot ol li h5 a:hover { color:#fff; background:#2e5e99}
#shop-hot ol li .meta { text-align:center; line-height:1.2; }
#shop-hot ol li .price { position:absolute; bottom:0; width:100%; height:18px; line-height:18px; font-size:17px; color:#FF3333; font-family:"Trebuchet MS", Helvetica, Arail, sans-serif; text-align:center; }

#shop-promo, #shop-chosen { float:left; width:275px;}
#shop-promo h2, #shop-chosen h2 { margin-bottom:20px; }
#shop-promo ol, #shop-chosen ol { overflow:hidden; height:1%; background:url(./images/dot-light.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:13px; }
#shop-promo ol li, #shop-chosen ol li { position:relative; overflow:hidden; height:1%; margin-bottom:10px; }
#shop-promo ol li .pic, #shop-chosen ol li .pic { float:left; width:130px; height:100px; margin-right:5px;  background:url(./images/shop-set-bd2.gif) no-repeat; }
#shop-promo ol li .pic img, #shop-chosen ol li .pic img { position:relative; display:block; left:5px; top:5px; }
#shop-promo ol li h5, #shop-chosen ol li h5 { margin-bottom:4px; color:#2e5e99; line-height:1.2; font-size:13px; font-weight:bold;}
#shop-promo ol li h5 a, #shop-chosen ol li h5 a { color:#2e5e99; text-decoration:none; } 
#shop-promo ol li h5 a:hover, #shop-chosen ol li h5 a:hover { color:#fff; background:#2e5e99}
#shop-promo ol li .cite, #shop-chosen ol li .cite { line-height:1.2; color:#222; }

#shop-promo { margin-right:10px; }

#shop-list { height:1%; overflow:hidden; }
#shop-list h3 { margin-bottom:20px; }
#shop-list h2 { margin-bottom:20px; font-size:13px; font-weight:bold; padding-right:120px; }
#shop-list .util { overflow:hidden; height:1%; line-height:21px; margin-top:-24px;  }
#shop-list .util a.cart { float:right; display:block; background:url(./images/icon-shoppincart.gif) no-repeat; padding-left:40px; color:#343434; text-decoration:none; line-height:21px; font-weight:bold; font-weight:13px;}
#shop-list .util a.cart:hover { color:#CC0000; }

.shop-list-tb { clear:both; width:100%; margin-bottom:10px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; table-layout:fixed;}
.shop-list-tb tr:hover { background-color:#fbfbfa; }
.shop-list-tb th { height:35px; padding-bottom:3px; text-align:center; background:url(./images/forum-th.gif) no-repeat; font-size:11px; vertical-align:bottom; }
.shop-list-tb th.pic { width:150px;}
.shop-list-tb th.tt { width:auto;  }
.shop-list-tb th.pr { width:90px; }
.shop-list-tb th.buy { width:55px; }
.shop-list-tb th.hit { width:55px; }
.shop-list-tb th.tm { width:90px; }
.shop-list-tb td.pr, .shop-list-tb td.buy, .shop-list-tb td.hit, .shop-list-tb td.tm { text-align:center;}
.shop-list-tb td { padding:6px 2px; border-bottom:3px solid #f8f7f5; color:#777; }
.shop-list-tb td.pic div { width:130px; height:100px; background:url(./images/shop-set-bd2.gif) no-repeat; }
.shop-list-tb td.pic div img { position:relative; display:block; left:5px; top:5px; }
.shop-list-tb td.tt {}
.shop-list-tb td.tt h5 { margin-bottom:4px; color:#000; font-weight:bold; font-size:15px; line-height:1.2; }
.shop-list-tb td.tt h5 a { color:#000; text-decoration:none; }
.shop-list-tb td.tt h5 a:hover { background:#000; color:#fff; }
.shop-list-tb td.tt h6 { margin-bottom:4px;color:#777; line-height:1.2; }
.sp .notch { display:inline-block; margin:2px 3px; text-decoration:none;}
.sp .notch b { padding:0 3px; font-size:10px; text-align:center; background-color:#fff; }
.sp .notch b.clr1 { color:#00baff;} .sp .notch b.clr2 { color:#f00;}
.sp .notch b.clr3 { color:#ff8400;} .sp .notch b.clr4 { color:#44e32f;}
.sp .notch b.clr5 { color:#ea00ff;} .sp .notch b.clr6 { color:#4800ff;}
.shop-list-tb td.pr small { color:#777; font-size:11px;}
.shop-list-tb td.pr big { display:block; text-align:center; color:#CC0000; font-weight:bold; font-size:15px;  font-family:"Trebuchet MS", Helvetica, Arail, sans-serif;}

#shop-view-header h1 { margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#111;}
#shop-view-header div.dotbar { margin:0 0 20px 0; }
#shop-view-cont { position:relative; overflow:hidden; height:1%; margin-bottom:30px; background:url(./images/dot-dual-light.gif) repeat-x bottom; padding-bottom:30px;}
#shop-view-display { float:left; width:400px; margin-right:20px; }
#shop-view-display img { display:block; margin-bottom:10px; }
#shop-view-side { float:left; width:340px; padding-bottom:45px; }
#shop-view-side ul li { margin-bottom:4px; padding-left:10px; background:url(./images/btnarr-black.gif) no-repeat left center; color:#333; line-height:24px; }
#shop-view-side ul li a { color:#333; text-decoration:underline; }
#shop-view-side ul li.price strong { font-size:15px; font-family:"Trebuchet MS", Helvetica, Arail, sans-serif; color:#d30000; font-weight:bold; }
#shop-view-side ul li.order input { margin-left:5px; width:28px; border:1px solid #000; padding-left:2px; font:12px Arial; }
#shop-view-side .util { position:absolute; bottom:30px;  }
#shop-view-side .util a.buy {margin-top:5px; margin-bottom:5px;}
#shop-view-side .util a.cart { display:inline-block; height:21px; background:url(./images/icon-shoppincart.gif) no-repeat; padding-left:40px; color:#343434; margin:5px; text-decoration:none; line-height:21px; font-weight:bold; font-weight:13px;}
#shop-view-side .util a.cart:hover { color:#CC0000; }
#shop-view-cont2 { }

/* album =================================================================== */
.album-list { overflow:hidden; height:1%; background:url(./images/dot-light.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:13px; }
.album-list li { position:relative; overflow:hidden; float:left; width:180px; height:240px;  margin-right:8px; margin-bottom:10px; }
.album-list li .pic { width:180px; height:180px; display:table-cell; vertical-align:middle; text-align:center; margin:0 auto 0 auto; background:url(./images/album-set-bd1.gif) no-repeat; }
.album-list li .pic:hover { background-image:url(./images/album-set-bd2.gif); }
.album-list li .pic img { }
.album-list li h5 { margin-bottom:4px; margin-top:5px; color:#000; line-height:1.2; font-size:12px; font-weight:bold; text-align:center; }
.album-list li h5 a { color:#000; text-decoration:none; }
.album-list li h5 a:hover { color:#fff; background:#f00}
.album-list li strong { display:block; width:52px; height:52px; position:absolute; right:0; top:0; text-indent:-1000px; overflow:hidden; background-repeat:no-repeat; }
.album-list li strong.new { background-image:url(./images/album-icon-new.gif); } .album-list li strong.hot { background-image:url(./images/album-icon-hot.gif); } 
.album-list li strong.fhm { background-image:url(./images/album-icon-fhm.gif); }
.album-list li .meta { text-align:center; line-height:1.2; }
#album-newly { margin-bottom:20px; width:560px; overflow:hidden;}
#album-newly h2 { margin-bottom:20px; }
#album-newly .album-list {width:600px; }
#album-list h3 { margin-bottom:20px; }
#album-list h2 { margin-bottom:20px; font-size:13px; font-weight:bold; padding-right:120px; }
#album-view-header h1 { margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#111;}
#album-view-header div.dotbar { margin:0 0 20px 0; }
#album-view-cont { overflow:hidden; height:1%; margin-bottom:20px;}
#album-view-display { float:left; width:540px; margin-right:20px; }
#album-view-display img { display:block; margin-bottom:10px; }
#album-view-side { float:left; width:200px; }
#album-view-side h2 { width:150px; height:46px; padding-left:50px; display:table-cell; background:url(./images/album-icon-title.gif) no-repeat left top; vertical-align:middle; font-size:15px; font-weight:bold; color:#444; line-height:1.2; }
#album-view-side h2 a { color:#444; text-decoration:none; }
#album-view-side h2 a:hover { background:#444; color:#fff; }
#album-view-side ol { margin:20px 0 20px 0;}
#album-view-side ol li { width:75px; height:75px; overflow:hidden; ;margin-bottom:4px;}
#album-view-side ol li img { display:block;  }
#album-view-side ul li { margin-bottom:4px; padding-left:10px; background:url(./images/btnarr-black.gif) no-repeat left center; color:#333; }
#album-view-side ul li a { color:#333; text-decoration:underline; }
#album-view-side .util b { padding:10px; }
#album-view-side .util .download .bt1 { margin-left:0; }
#album-view-response { width:540px; }
/* download =================================================================== */
#download-home .row { margin-bottom:20px; }
#download-list-wrap { width:640px; }
#download-home .threecoltb td .pic, #download-home .twocoltb td .pic,
#download-list .threecoltb td .pic, #download-list .twocoltb td .pic { border:1px solid #ddd; display:inline-block; padding:1px; }

#download-list h3 { margin-bottom:20px; }
#download-view h1 { margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#111;}
#download-view .dotbar { margin:0 0 20px 0; }
#download-view-cont { overflow:hidden; height:1%; margin-bottom:20px; padding-bottom:20px; background:url(./images/dot-light.gif) left bottom repeat-x;}
#download-view-cont .display { margin-bottom:20px; }
#download-view-cont .side { width:560px; margin-bottom:20px; }
#download-view-cont .side .util b { padding:10px; }
#download-view-cont .side ul li { margin-bottom:4px; padding-left:10px; background:url(./images/btnarr-black.gif) no-repeat left center; color:#333; }
#download-view-cont .side ul li a { color:#333; text-decoration:underline; }
#download-view-cont .side .util .download .bt1 { margin-left:0; }
#download-view-cont .fourcoltb { width:100%; }
#download-view-cont .fourcoltb td .pic{ border:1px solid #ddd; display:inline-block; padding:1px; }
#download-view-cont .more { text-align:center; }

/* member =================================================================== */
#side-navi.memb h3 {height:18px; background:url(./images/member-sidenavi-title.gif) no-repeat; opacity:1; filter:opacity(alpha=100);}
#side-navi.memb span.pad { background-color:#cee8f1; color:#000; }
#side-navi.memb span.pad a { color:#000; }
#side-navi.memb span.pad a:hover { color:#c60000;}

.memb-form .fds { position:relative; margin-bottom:2px; padding-left:130px; height:1%; }
.memb-form .fds > label { position:absolute; left:8px; top:1px; width:120px; display:block; color:#333; font-size:14px; cursor:pointer; line-height:15px;  }
.memb-form .fds > label .rq { color:#C00; position:absolute; left:-8px; top:0px; font-weight:bold; font-size:14px; }
.memb-form .fd { position:relative; padding-bottom:18px; }
.memb-form .fd small { display:block; margin-top:3px; color:#9b9b9b; font-size:11px; }
.memb-form .fd small.alert { position:absolute; bottom:0; color:#ce0000; padding-left:17px; background:url(./images/icon-fieldcheck.gif) no-repeat; }
.memb-form .fd small em { color:#990000; }
.memb-form .fd input[type="text"], 
.memb-form .fd input[type="password"],
.memb-form .fd input[type="file"]{ width:420px; height:20px; padding:2px 0 0 2px; border:1px inset #ddd;  background:#f7f7f7; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;  }
.memb-form .fd input[type="text"]:focus, 
.memb-form .fd input[type="password"]:focus { background-color:#FFFFEE; }
.memb-form .fd .input_disabled { width:420px; height:20px; padding:2px 0 0 2px; border:1px solid #ddd;  background:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#007ad9; }
.memb-form .fd p {  width:420px; padding:2px 0 0 0; }
.memb-form .fd select { width:240px; background:#f7f7f7;border:1px inset #ddd; padding:1px 1px 1px 2px; font-size:13px; color:#000;  font-family:Arial, Helvetica, sans-serif; color:#000;}
.memb-form .fd select:focus { background-color:#FFFFEE; }
.memb-form .fd input[type="checkbox"],
.memb-form .fd input[type="radio"] { margin-right:4px; vertical-align:middle; }
.memb-form .fd textarea {  width:420px; height:200px; padding:2px 0 0 2px; border:1px inset #ddd;  background:#f7f7f7; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;  }
.memb-form .fd textarea:focus { background-color:#FFFFEE;}
.memb-form .util { margin:20px 0; }
.memb-form .util input { margin-left:0; margin-right:10px; }
.memb-form .util input:focus { position:relative; left:1px; top:1px; }
/* member / home */
#memb-home h3 em { color:#b77400; font-weight:bold; }
#memb-home-ctrl { overflow:hidden; height:1%; margin-bottom:20px; }
#memb-home-ctrl-side {  position:relative; float:left; width:165px; min-height:330px; margin-right:5px; padding-bottom:10px; background:url(./images/member-side-bd-b.gif) repeat-y; line-height:1.3; }
#memb-home-ctrl-side .h { overflow:hidden; height:10px; background:url(./images/member-side-bd-h.gif) no-repeat; }
#memb-home-ctrl-side .f { position:absolute; left:0; bottom:0; z-index:1; overflow:hidden; width:100%; height:10px; background:url(./images/member-side-bd-f.gif) no-repeat; }
#memb-home-ctrl-side .pic { width:140px; height:140px; margin:0 auto 15px auto; }
#memb-home-ctrl-side  p {width:140px; margin:2px auto;}
#memb-home-ctrl-side .level { color:#615641; font-weight:bold; font-size:15px; }
#memb-home-ctrl-side ul { width:140px; margin:0 auto; font-size:11px; color:#919191; }
#memb-home-ctrl-side ul span { margin-right:5px; color:#333; }
#memb-home-ctrl-side ul em { color:#cd0000; font-weight:bold; }
#memb-home-ctrl-main {   position:relative; float:left; width:590px; min-height:330px; padding-bottom:10px;  background:url(./images/member-main-bd-b.gif) repeat-y;}
#memb-home-ctrl-main .h { overflow:hidden; height:10px; background:url(./images/member-main-bd-h.gif) no-repeat; }
#memb-home-ctrl-main .f { position:absolute; left:0; bottom:0; z-index:1; overflow:hidden; width:100%;  height:10px; background:url(./images/member-main-bd-f.gif) no-repeat; }
#memb-home-ctrl-main .col { float:left; width:151px; min-height:300px; border-left:2px solid #fff; padding:0 20px; margin:10px 0; }
#memb-home-ctrl-main .col h4 { margin-bottom:20px; font-size:16px; color:#333; font-weight:bold; }
#memb-home-ctrl-main .col ul {}
#memb-home-ctrl-main .col ul li { height:15px; margin-bottom:8px; padding-left:15px; background:url(./images/icon-stone.gif) no-repeat left center; color:#4c4c4c; line-height:15px; font-size:13px;}
#memb-home-ctrl-main .col ul li a { color:#4c4c4c; text-decoration:none; }
#memb-home-ctrl-main .col ul li a:hover { color:#0081ae; text-decoration:underline; }
#memb-home-ctrl-main .col1 { border-left:none; }
#memb-home-promo { float:left; width:530px; margin-right:10px; }
#memb-home-promo ul li { padding-bottom:5px; margin-bottom:10px; background:url(./images/dot-light.gif) repeat-x bottom; }
#memb-home-promo ul li h5 { margin-bottom:8px; color:#ab0000; font-size:15px; font-weight:bold; }
#memb-home-promo ul li h6 { color:#525252; font-size:13px; line-height:1.4; }
#memb-home-infoside { float:left; width:220px; }
#memb-home-infoside .box { position:relative; margin-bottom:20px; padding:35px 8px 0 8px; }
#memb-home-infoside .box h4 { position:absolute; top:0; left:0; width:100%; height:25px; background:url(./images/member-infoside-h.gif) no-repeat; color:#3c7390; line-height:26px; padding-left:15px; font-weight:bold; }
#memb-home-infoside .box li { padding-left:10px; margin-bottom:4px; background:url(./images/arr-black.gif) left 5px no-repeat; } 
#memb-home-infoside .box a{ color:#3c7390; text-decoration:underline; } 
#memb-home-infoside .box a:hover { color:#000; }
#memb-home-ctrl-side-logout { padding-top:10px; }
#memb-home-ctrl-side-logout p { margin-bottom:6px; text-align:center; }
#memb-home-ctrl-side-logout p a { width:60%;}
#memb-home-ctrl-side-logout .pattern { position:absolute; bottom:1px;  display:block; z-index:100; left:24px;}
/* member / other pages */
#memb-reg .noticebox { margin-bottom:30px; }
#memb-mod h3 em { color:#b77400; font-weight:bold; }
#memb-getpswd-form .fd input[type="text"], 
#memb-editpsw-form .fd input[type="text"], 
#memb-editpsw-form .fd input[type="password"] { width:240px; }
#memb-getpswd-form .fd input.m_code { width:130px; margin-right:10px; }
#memb-getpswd-form .fd img { vertical-align:middle; }
#memb-login-form .fd input[type="text"], 
#memb-login-form .fd input[type="password"]  { width:240px; }
#memb-login-form a.link_forget { margin:0 10px; color:#8b8b8b; }
#memb-login-form a.link_reg { margin:0 10px; color:#d20000; }
#memb-login-form a:hover { color:#000; text-decoration:underline; }
#memb-cart h1 em { color:#b77400; font-weight:bold; }
#memb-editphoto-preview { margin-bottom:20px; padding-left:8px; }
#memb-editphoto-preview h4 { font-size:14px; float:left; width:120px; }
/* member / shoppig cart */
#memb-cart-account h2,#memb-orderby h2, #memb-receiveby h2, #memb-payby h2 { height:32px; padding-left:32px; background:#2e5e99; color:#e6f1ff;line-height:32px; font-size:16px; font-weight:bold; }
#memb-cart-tb { table-layout:fixed; width:100%; border:0; border-collapse:collapse; padding:0; margin:0; color:#111; } 
#memb-cart-tb th { width:60px; background-color:#f9f9f9; height:26px; vertical-align:middle; text-align:center; }
#memb-cart-tb th.tt { width:auto;padding-left:32px; text-align:left;  }
#memb-cart-tb th.pr, #memb-cart-tb th.sum { text-align:right; padding-right:6px; }
#memb-cart-tb td { padding:12px 2px; text-align:center; vertical-align:top; background:url(./images/dot-light.gif) bottom repeat-x; } 
#memb-cart-tb td.tt {padding-left:32px; color:#2e5e99; font-weight:bold; text-align:left; }
#memb-cart-tb td.tt a { color:#2e5e99; font-weight:bold; }
#memb-cart-tb td.pr, #memb-cart-tb td.sum { text-align:right; padding-right:6px; }
#memb-cart-tb td.md a { color:#2e5e99  }
#memb-cart-tb input[type="text"] { width:70%; padding:2px 2px 0 0; border:1px inset #ddd;  background:#f7f7f7;  text-align:right;}
#memb-cart-tb input[type="text"]:focus { background:#FFFFEE; }
#memb-cart-tb td.sum { font-family:"Trebuchet MS", Helvetica, Arail, sans-serif; color:#CC0000; }
#memb-cart-account p { padding:6px 60px 6px 0; font-size:15px; text-align:right; }
#memb-cart-account p em { display:inline-block; width:60px;  font-family:"Trebuchet MS", Helvetica, Arail, sans-serif; color:#CC0000; }
#memb-cart-account p.sum_after { background:#f9f9f9 url(./images/dot-black.gif) top repeat-x; } 
#memb-cart-account p.sum_after em { font-weight:bolder; }
#memb-cart-account .util { margin:20px 0; padding-right:0; text-align:center; }

#memb-orderform .util { text-align:center; }
#memb-orderby h2, #memb-receiveby h2, #memb-payby h2 { margin:20px 0; }
#memb-orderform .memb-form .fd { padding-bottom:5px; }
#memb-orderform .memb-form .fd small.alert { position:relative;}
#memb-rate .myrate { margin-bottom:20px; width:540px; }
#memb-rate .myrate .icon { margin-right:3px; display:inline-block; width:38px; height:38px; background-image:url(./images/icon-rating-sprites.png); vertical-align:middle;}
#memb-rate .myrate .good .icon{ background-position:-10px -54px; } 
#memb-rate .myrate .fair .icon{ background-position:-48px -54px; } 
#memb-rate .myrate .bad .icon{ background-position:-86px -54px; }
#memb-rate .myrate .notch2 b { padding:30px; font-size:16px; font-weight:bold; color:#111; text-align:center;  }
#memb-rate .myrate .notch2 b em { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; }
#memb-rate .myrate .good { color:#CC0000; margin-right:12px; }
#memb-rate .myrate .bad { color:#333; }
#memb-rate .myrate .fair { color:#777; margin-right:12px; }
#memb-rate .wrap { width:400px;  }

.icon-attach { width:20px; height:20px; background-image:url(./images/mail-icon-sprites.png); background-position:3px 4px; background-repeat:no-repeat; }
.mailbox, .mailview { font-family:Arial, Helvetica, sans-serif; }
.mailbox tr:hover { background-color:#f2eee6;}
.mailbox .unread { background-color:#F8F7F5; font-weight:bold;}
.mailbox .unread h5 a {font-weight:bold;}
.mailbox .count { text-align:center; margin-bottom:5px; font-size:11px; }
.mailview h1 { line-height:1.2; font-size:15px; font-weight:bold; margin-bottom:10px; }
.mailview .gouser { font-size:12px; }
.mailbody .notch2 .b { background-color:#fff; }
.mailbody .frame td { padding:3px 5px; }
.mailbody tr { background-color:#f8f7f5; }
.mailbody h5 { font-weight:bold; }
.mailbody i { color:#9d8d6c;  }
.mailbody .body { background-color:#fff; }
.mailbody .body .bodyinner { padding:15px; }
.mailbody .body .bodyinner p { margin-bottom:1em; line-height:1.6; }
.mailbody .body blockquote { padding-left:5px; margin-left:5px; border-left:1px solid #d5c6a8; }


/* search-result =================================================================== */
.searchlist { margin-bottom:20px;}
.searchlist li { margin-bottom:12px; padding-bottom:12px; background:url(./images/dot-light.gif) repeat-x bottom; }
.searchlist li:last-child { background:none; }
.searchlist li h3 { font-size:16px; margin-bottom:5px; }
.searchlist li .desc { color:#888; padding-left:10px; }
.searchlist li em { color:#f00!important; }

#search-result .search-meta .form .ipttext { height:18px; background-color:#fff;}
#search-result .search-meta .tagcloud { font-size:13px; line-height:1.3; }

/* draw =================================================================== */
#draw-list {  background:url(images/dot-light.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:13px;}
#draw .prizelist, .winnerlist { margin-bottom:20px; }
#draw .prizelist .udlbar, .winnerlist .udlbar { text-align:center; margin-bottom:0; color:#000; font-weight:900; letter-spacing:5px;}

/* poll =================================================================== */
.govote,.govoteresult { display:inline-block; width:21px; height:19px; background:url(./images/poll-icon-sprites.png); overflow:hidden; vertical-align:middle;}
.govoteresult { background-position:0 -40px; }
.poll-group { margin-bottom:20px; }
.poll-group h3,.poll-group h3 a { font-size:18px;  text-decoration:none; }
.poll-group h5 { font-size:16px; font-weight:900; }
.poll-ques  { margin-bottom:20px; }
.poll-ques h1 { font-size:20px; font-weight:900; margin-bottom:10px; color:#2E5E99; }
.poll-ques h2 { font-size:14px; }
.poll-ques .notch2 .b { padding:15px 30px } 
.poll-ans { padding:0 20px; }
.poll-ans td { padding-bottom:8px; height:40px; }
.poll-ans h5 { font-size:16px;}
.poll-ans .pic img {border:1px solid #efefef; }
.icon-vote, .icon-voteresult { display:inline-block; width:28px; height:24px; overflow:hidden; margin:0 2px; background:url(./images/poll-icon-sprites.png) 0 -80px; vertical-align:middle;}
.icon-voteresult { background-position:0 -120px; }
.pollrate {background:#fbfaf3; border:1px solid #00BAFF; overflow:hidden; height:3px;}
#poll .util { text-align:center; }

/* UTOS =================================================================== */
#utos-cont { padding:0 100px 0 20px; line-height:1.5; }
#utos-cont h4 { margin-bottom:20px; font-size:15px; font-weight:bold; color:#0081ae; }
#utos-cont p { margin-bottom:30px; color:#555; font-size:12px; }

/* private =================================================================== */
#private-cont { padding:0 100px 0 20px; line-height:1.5; }
#private-cont h4 { margin-bottom:20px; font-size:15px; font-weight:bold; color:#0081ae; }
#private-cont p { margin-bottom:30px; color:#555; font-size:12px; }

/* faq-list =================================================================== */
.faq-category { margin-bottom:25px; }
.faq-list li { padding-bottom:10px; margin-bottom:9px; background:url(./images/dot-light.gif) repeat-x bottom; }
.faq-list li span { display:block; padding-left:24px; background:url(./images/circlearr-black.gif) no-repeat;}
.faq-list li a { text-decoration:none; }

/* base =================================================================== */
#base-cont { padding:0 100px 0 0; line-height:1.5; }
#base-cont .hd { margin-bottom:20px; font-size:15px; font-weight:bold; color:#0081ae; }
#base-cont p { margin-bottom:30px; color:#555; font-size:12px; }


/* banner */
#ad-goldeneye { overflow:hidden;  width:180px; height:150px; }
#ad-sky { overflow:hidden;  width:150px; height:600px;}
#ad-belt { overflow:hidden; width:760px; height:60px; background:#fff; }
#side #ad-goldeneye { border:1px solid #c0c0c0; margin:0 0 20px 0; }
#side #ad-sky { border:1px solid #c0c0c0; margin:0 0 20px 0; }
#index #ad-belt { clear:left; }

/* 於 2009-10-05 19:20:02 給的css版本已無此設定 */
/*.typemenu { margin-bottom:10px;}
/*.typemenu .pad, .typemenu span { padding-top:4px; padding-bottom:4px; font-size:13px; background-color:#4e4a43; }
/*.typemenu .pad:hover { background-color:#d5d1c8!important; } .typemenu .pad:hover a { color:#111!important; }
/*.typemenu .on { background-color:#7e7258;}

/*#draw-list {  background:url(images/dot-light.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:13px;}
/*#draw .prizelist, .winnerlist { margin-bottom:20px; }
/*#draw .prizelist .udlbar, .winnerlist .udlbar { text-align:center; margin-bottom:0; color:#000; font-weight:900; letter-spacing:5px;}

/*.bf-film { text-align:center; margin-bottom:5px; }
/*.bf-film .pic { overflow:hidden; width:166px; height:130px; margin:0 auto 5px auto; background:url(./images/film-bd-sprites.png) no-repeat; }
/*.bf-film .pic img { display:block; margin:8px auto 0 auto;}
/*.bf-film h5 { width:166px; margin:0 auto 4px auto; color:#2e5e99; line-height:1.2; font-size:14px; font-weight:bold;}
/*.bf-film h5 a { color:#2e5e99; text-decoration:none; } .bf-film h5 a:hover { color:#fff; background:#2e5e99}
/*.bf-film .meta { line-height:1.2; }
/*.bf-film-closed .pic { background-position:0 -200px} .bf-film-coming .pic { background-position:0 -400px}

/*.viewcont { margin-bottom:20px; overflow:hidden; height:1%; }
/*.viewcont .pic { float:left; margin:0 10px 10px 0;}
/*.viewcont .desc	{ margin-bottom:20px; font-size:15px; line-height:1.5; color:#000; }
/*.viewcont .specs { margin-bottom:20px; overflow:hidden; height:1%;}
/*.viewcont .specs li { margin-bottom:4px; padding-left:10px; background:url(./images/btnarr-black.gif) no-repeat 0 6px; color:#333;}
/*.viewcont .specs li a { color:#9f0700; text-decoration:underline; }
/*.viewcont .specs li em { color:#2e5e99; }
/*.viewcont .util { text-align:center; }

/*.viewtitle { margin:0 0 20px 0; }
/*.viewtitle .title { margin:0 0 8px 0; font-size:24px; line-height:1.2; color:#111;}

/*.datatb { border:1px solid #efefef; table-layout:fixed; }
/*.datatb thead { background-color:#333; color:#fff; font-size:11px; }
/*.datatb th, .datatb td { padding:5px;  }
/*.datatb td { background-color:#f8f8f8;border-bottom:1px dotted #ddd; }
/*.datatb img { border:1px solid #c2c2c2 }

/*.backtop { padding:5px 0; text-align:right; }

/*#side-poll { margin:0 0 20px 0; }
/*#side-poll h3 { background-image:url(./images/side-poll-title.gif);}

/*#comm-polling { margin-bottom: 20px; }
/*#comm-polling h2 { background: url(./images/comm-polling-h.gif) no-repeat; text-indent: -1000px; height: 84px; }
/*#comm-polling .b { background: url(./images/comm-polling-b.gif) repeat-y; padding:0 30px; }
/*#comm-polling .b h4 { font-size: 15px; line-height: 1.3; font-weight: bold; color: #b80000; margin-bottom: 8px; }
/*#comm-polling .b .pic { display: block; margin-bottom: 10px; }
/*#comm-polling .b .cite { font-size: 12px; line-height: 1.2; color: #595959; }
/*#comm-polling .f { background: url(./images/comm-polling-f.gif) no-repeat; height: 59px; }
/*#comm-polling .f .bigbtn1 { position:relative; top:16px; margin:0 auto; }

/*.govote,.govoteresult { display:inline-block; width:21px; height:19px; background:url(./images/poll-icon-sprites.png); overflow:hidden; vertical-align:middle;}
/*.govoteresult { background-position:0 -40px; }
/*.poll-group { margin-bottom:20px; }
/*.poll-group h3,.poll-group h3 a { font-size:18px;  text-decoration:none; }
/*.poll-group h5 { font-size:16px; font-weight:900; }
/*.poll-ques  { margin-bottom:20px; }
/*.poll-ques h1 { font-size:20px; font-weight:900; margin-bottom:10px; color:#2E5E99; }
/*.poll-ques h2 { font-size:14px; }
/*.poll-ques .notch2 .b { padding:15px 30px } 
/*.poll-ans { padding:0 20px; }
/*.poll-ans td { padding-bottom:8px; height:40px; }
/*.poll-ans h5 { font-size:16px;}
/*.poll-ans .pic img {border:1px solid #efefef; }
/*.icon-vote, .icon-voteresult { display:inline-block; width:28px; height:24px; overflow:hidden; margin:0 2px; background:url(./images/poll-icon-sprites.png) 0 -80px; vertical-align:middle;}
/*.icon-voteresult { background-position:0 -120px; }
/*.pollrate {background:#fbfaf3; border:1px solid #00BAFF; overflow:hidden; height:3px;}
/*#poll .util { text-align:center; }

/*.notch, .notch a, .notch b { display:block; border:1px #ccc solid;}
/*.notch { border-width:1px 0; margin:0 1px;}
/*.notch a, .notch b { border-width:0 1px; margin:0 -1px; padding:2px; background-color:#f8f8f8; text-decoration:none; color:#555;}
/*.notch a:hover, .notch b:hover  {background-color:#FFFFEE;}
/*.notch > a:hover, .notch > b:hover, .notch:hover {border-color:#aaa;} 
/*.notch b a, .notch b b { display:inline; margin:0; padding:0; background:none; text-decoration:underline; border:none; }
/*.notch b a:hover { background:none; }
/*.notch2, .notch2 b,.notch2 .b { display:block; border:1px #ccc solid;}
/*.notch2 { border-width:1px 0; margin:0 1px;}
/*.notch2 b, .notch2 .b { border-width:0 1px; margin:0 -1px; padding:4px 5px; background-color:#f8f8f8; text-decoration:none; color:#555;}
/*.notch2 b b { display:inline; margin:0; padding:0; background:none; text-decoration:underline; border:none; }

/*#draw-list {  background:url(images/dot-light.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:13px;}
/*#draw .prizelist, .winnerlist { margin-bottom:20px; }
/*#draw .prizelist .udlbar, .winnerlist .udlbar { text-align:center; margin-bottom:0; color:#000; font-weight:900; letter-spacing:5px;}

/* search-result =================================================================== */
/*.searchlist { margin-bottom:20px;}
/*.searchlist li { margin-bottom:12px; padding-bottom:12px; background:url(./images/dot-light.gif) repeat-x bottom; }
/*.searchlist li:last-child { background:none; }
/*.searchlist li h3 { font-size:16px; margin-bottom:5px; }
/*.searchlist li .desc { color:#888; padding-left:10px; }
/*.searchlist li em { color:#f00!important; }

/*#search-result .search-meta .form .ipttext { height:18px; background-color:#fff;}
/*#search-result .search-meta .tagcloud { font-size:13px; line-height:1.3; }


/*.udlbar { margin-bottom:20px; padding-bottom:10px; background:url(./images/dot-dual-light.gif) bottom repeat-x; font-size:16px; color:#444; }
/*.udlbar em { color:#b77400; font-weight:bold;}

/*.tagcloud { font-size:10px; }
/*.tagcloud a { text-decoration:none; padding:0 1px; margin:0 2px; vertical-align:middle; word-wrap:break-word; word-break:break-all;}
/*.tagcloud a:hover { color:#000;}
/*.tagcloud .s1 { font-size:100%; color:#430c0c} 
/*.tagcloud .s2 { font-size:110%; color:#430c0c} 
/*.tagcloud .s3 { font-size:120%; color:#990000} 
/*.tagcloud .s4 { font-size:130%; color:#990000} 
/*.tagcloud .s5 { font-size:140%; color:#990000} 
/*.tagcloud .s6 { font-size:150%; color:#990000}
/*.tagcloud .s7 { font-size:160%; color:#CC3300} 
/*.tagcloud .s8 { font-size:170%; color:#CC3300} 
/*.tagcloud .s9 { font-size:180%; color:#CC3300} 
/*.tagcloud .s10{ font-size:210%; color:#FF0000; }

/*#side-tagcloud { width:182px; margin:0 0 20px 0; }
/*#side-tagcloud h3 { height:22px; padding:0 0 0 15px; background:url(./images/icon-stone.gif) no-repeat left 3px; font-weight:bold;}
/*#side-tagcloud .tagcloud { line-height:1.2;  }

/*#index #news-tab { margin-bottom:20px; }

/*.tabmd { width:560px; }
/*.tabmd .tabs li { float:left; width:140px;border-bottom:1px solid #c0c0c0; color:#111; }
/*.tabmd .tabs li strong { display:block; height:28px; margin-top:4px; background:#f7f7f7 url(./images/tab1-sprites.png); }
/*.tabmd .tabs li strong a { display:block; height:28px; overflow:hidden; margin-left:4px; background:url(./images/tab1-sprites.png) -423px 0; font-size:12px; color:#111; text-decoration:none; line-height:33px; text-align:center; text-indent:-4px; }
/*.tabmd .tabs li strong a:hover {text-decoration:underline;}
/*.tabmd .tabs li.on { border-bottom:none; }
/*.tabmd .tabs li.on strong { height:33px; background-position:0 -65px; background-color:#000; margin-top:0; }
/*.tabmd .tabs li.on a { height:33px; background-position:right -65px; margin-left:5px; text-indent:-5px; color:#fff; line-height:38px; }
/*.tabmd .tabs li.last strong a { background-position:-424px 0;}
/*.tabmd .tabs li.last.on strong a { background-position:right -65px;}
/*.tabmd .body { clear:both; height:130px; padding:12px 18px 8px 18px; background:#000 url(./images/tab1-sprites.png) 0 bottom; color:#fff; }
/*.tabmd .body li { float:left}
/*.tabmd .body .pic { float:left; margin:0 10px 0 0; background:#fff; padding:4px; }
/*.tabmd .body h5 { margin-bottom:5px; font-size:18px; line-height:1.2;}
/*.tabmd .body h5 a { color:#fff; text-decoration:none; }
/*.tabmd .body h5 a:hover { text-decoration:underline;}
/*.tabmd .body .meta { margin-bottom:5px;  }
/*.tabmd .body .cite { margin-bottom:8px; line-height:1.5; color:#999; }
/*.tabmd .body .related a { color:#fff; background:url(./images/arr-red.gif) no-repeat 0 center; padding-left:12px; text-decoration:none; }
/*.tabmd .body .related a:hover { text-decoration:underline; }

/*######################  MDTECH MODIFY ##########################*/
/*圖片增加黑底圖*/
/*--大首頁--*/
/*.picback_1 {float:left;background-color: #000000;width:180px;height:237px;margin-bottom:7px;}
/*.picback_2 {float:left;background-color: #000000;width:180px;height:130px;margin-bottom:7px;}
/*.picback_3 {float:left;background-color: #000000;width:150px;height:113px;margin-right:8px;}
/*.picback_4 {float:left;background-color: #000000;width:240px;height:160px;margin-right:8px;}
/*.picback_5 {float:right;background-color: #000000;width:140px;height:180px;margin-left:8px;}
/*.picback_6 {float:left;background-color: #000000;width:100px;height:80px;margin-right:8px;}
/*.picback_7 {float:left;background-color: #000000;width:48px;height:48px;margin-right:4px;}
/*--大首頁--*/

/*--會員中心--*/
/*.picback_member_1 {float:left;background-color: #000000;margin-bottom:8px;width:140px;height:140px;}
/*.picback_member_2 {float:left;background-color: #000000;margin-right:8px;width:140px;height:140px;}
/*--會員中心--*/

/*--商城--*/
/*.picback_mall_1 {float:left;background-color: #000000;margin-left:8px;margin-top:8px;width:150px;height:100px;}
/*.picback_mall_2 {float:right;background-color:#000000;margin-top:5px; margin-right:5px;width:120px;height:80px;}
/*.picback_mall_3 {float:left;background-color: #000000;margin-right:8px;width:120px;height:80px;}
/*.picback_mall_4 {float:left;background-color: #000000;margin-right:8px;width:400px;height:267px;}
/*--商城--*/

/*--相簿--*/
/*.picback_album_1 {float:left;background-color: #000000;width:120px;height:160px;}
/*.picback_album_2 {float:left;background-color: #000000;width:75px;height:75px;}
/*.picback_album_3 {float:left;background-color: #000000;width:540px;height:405px;}
/*.picback_album_4 {float:left;background-color: #000000;width:400px;height:500px;}

/*--相簿--*/

/*--Blog--*/
/*.picback_blog_1 {float:left;background-color: #000000;width:60px;height:60px;margin-right:4px;}
/*--Blog--*/

/*--news--*/
/*.picback_news_1 {float:left;background-color: #000000;width:240px;height:180px;margin-right:8px;}
/*.picback_news_2 {float:left;background-color: #000000;width:230px;height:150px;margin-right:8px;}
/*.picback_news_3 {background-color: #000000;width:500px;height:375px;margin-right:8px;}
/*--news--*/

/*--magazine--*/
/*.picback_magazine_1 {float:right;background-color: #000000;width:240px;height:160px;margin-left:8px;}
/*.picback_magazine_2 {float:left;background-color: #000000;width:140px;height:180px;margin-right:8px;}
/*.picback_magazine_3 {float:left;background-color: #000000;width:270px;height:345px;margin-bottom:8px;}
/*.picback_magazine_4 {float:left;background-color: #000000;width:260px;height:334px;margin-right:8px;}
/*.picback_magazine_5 {float:left;background-color: #000000;width:330px;height:220px;margin-right:8px;}
/*.picback_magazine_6 {float:left;background-color: #000000;width:120px;height:230px;margin-right:8px;}
/*.picback_magazine_7 {float:left;background-color: #000000;width:230px;height:120px;margin-bottom:8px;}
/*.picback_magazine_8 {background-color: #000000;width:400px;height:514px;margin-right:8px;}
/*.picback_magazine_9 {background-color: #000000;width:520px;height:520px;margin-right:8px;}
/*--magazine--*/

/*--vedio--*/
/*.picback_vedio_1 {float:left;background-color: #000000;width:120px;height:72px;}
/*--vedio--*/

/*--course*/
/*.picback_course_1 {float:left;background-color: #000000;width:180px;height:237px;}
/*.picback_course_2 {float:left;background-color: #000000;width:300px;height:395px;margin-right:8px;}
/*.picback_course_3 {float:left;background-color: #000000;width:760px;height:1000px;}
/*--course*/

/*--forum 精華區--*/
/*#frm-home h1 { height:43px; margin-bottom:2px; padding-top:12px; padding-left:48px; background:url(./images/icon-forum-tp4.gif) no-repeat left 0;  font-size:18px; line-height:1.2; color:#000; font-weight:bold; }
/*#frm-home .ic-digest { background-image:url(./images/icon-forum-tp5.gif); }
/*#frm-home .ic-digest span { color:#ff005a;}
/*#frm-view h1 { height:43px; margin-bottom:2px; padding-top:12px; padding-left:48px; background:url(./images/icon-forum-tp4.gif) no-repeat left 0;  font-size:18px; line-height:1.2; color:#000; font-weight:bold; }
/*#frm-view .ic-digest { background-image:url(./images/icon-forum-tp5.gif); }
/*#frm-view .ic-digest span { color:#ff005a;}
/*--forum 精華區--*/
/*######################  MDTECH MODIFY ##########################*/