@charset "utf-8";
html, body {
text-align: center;
min-height: 100%;
margin-bottom: 1px;
background: transparent url('http://kuei.tw/pinkie/images/body.png') repeat;
color: rgb(153, 153, 153);
font-size: 10px;
scrollbar-highlight-color:#9FA0A7;
scrollbar-arrow-color:#F5A4DE;
scrollbar-face-color:#535457;
scrollbar-shadow-color:#1D1D28;
scrollbar-base-color:#535457;
scrollbar-darkshadow-color:#101019;
scrollbar-3d-light-color:#F3F7FA;
}
ul, li, ol, dl, dd, h1, h2, h3, h4, h5, p, form, fieldset, img { border: 0pt none ; margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; font-weight: normal; font-size: 1em; }
.clean { clear: both; }
hr, #skip, #level-1 h1 { display: none; }
a { color: rgb(204, 204, 204); text-decoration: none; font-weight: normal; }
a:hover { color: rgb(255, 0, 153); }
a:hover img { background: transparent none repeat; }
#textinput { border: 1px solid rgb(64, 64, 64); padding: 4px 5px; background: rgb(48, 48, 48) none repeat; width: 200px; color: rgb(153, 153, 153); float: left; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; margin-left: 3px; }
#textinput2 { border: 1px solid rgb(64, 64, 64); padding: 4px 5px; background: rgb(48, 48, 48) none repeat; color: rgb(153, 153, 153); float: left; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; margin-left: 3px; }
#sel { border: 1px solid rgb(64, 64, 64); padding: 4px 5px; background: rgb(48, 48, 48) none repeat; color: rgb(153, 153, 153); font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; margin-left: 3px; }
#go { margin-right: 3px; }
#column-left h5, #level h5 { margin: 5px 2px; text-transform: uppercase; text-align: center; font-size: 1.1em; }
#ads-google { background: rgb(37, 37, 37) none repeat; text-align: center; }
#page-wrapper { background: transparent url('http://kuei.tw/pinkie/images/page-wrapper.png') repeat-x; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }
#page-container { margin: 0pt auto; width: 974px; }
#level-1 { background: transparent url('http://kuei.tw/pinkie/images/level-1_cny.png') no-repeat; position: relative; height: 130px; }
#logo, #logo a:hover { background: transparent url('http://kuei.tw/pinkie/images/logo-hover.png') no-repeat scroll left top; }
#logo a { background: transparent url('http://kuei.tw/pinkie/images/logo.png') no-repeat scroll left top; display: block; width: 206px; height: 54px; position: absolute; top: 55px; left: 25px; }
#level-1 .advert { position: absolute; top: 45px; right: 31px; width: 468px; height: 60px; display: block; }
#level-1 .advert a img, #level-1 .advert a:hover img { border: 0pt none ; }
#level-2 { padding: 0pt 22px; background: transparent url('http://kuei.tw/pinkie/images/level-2.png') repeat-y; text-align: left; }
#column-left { float: left; width: 150px; }
.menu { margin: 0pt 0pt 3px; }
.menu h2 a, .menu h2 { display: block; height: 33px; width: 150px; }
.menu h2 a:focus { outline-color: -moz-mac-focusring; outline-style: none; outline-width: medium; }
#column-left h5 { text-transform: uppercase; }
#menu-main h2 a { background: transparent url('http://kuei.tw/pinkie/images/menu-main.png') no-repeat; }
#menu-main li { border-top: 1px solid rgb(52, 52, 52); margin: 0pt 0pt 0pt 4px; padding: 5px; font-size: 1.1em; text-transform: uppercase; }
#menu-main li.toplistitem { border: 0pt none ; }
#menu-main ul ul { margin: 3px 0pt 0pt; }
#menu-main li li { padding: 3px 0pt 5px 15px; background: transparent url('http://kuei.tw/pinkie/images/bullet_black.gif') no-repeat scroll 0px 5px; color: rgb(153, 153, 153); font-size: 1em; text-transform: none; }
#menu-main li li.catSelect { padding: 3px 0pt 5px 15px; background: transparent url('http://kuei.tw/pinkie/images/bullet_orange.gif') no-repeat scroll 0px 5px; color: rgb(153, 153, 153); font-size: 1em; text-transform: none; }
#menu-search a { background: transparent url('http://kuei.tw/pinkie/images/menu-search.png') no-repeat scroll left top; }
#menu-search form { margin: 5px 0pt; }
#menu-search form #searchtext { border: 1px solid rgb(64, 64, 64); padding: 4px 5px; background: rgb(48, 48, 48) none repeat; width: 100px; color: rgb(153, 153, 153); float: left; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; margin-left: 3px; }
#menu-search form #searchgo { float: right; margin-right: 3px; }
#menu-login h2 a { background: transparent url('http://kuei.tw/pinkie/images/menu-logine.png') no-repeat; }
#menu-login li { border-top: 1px solid rgb(52, 52, 52); margin: 0pt 0pt 0pt 4px; padding: 5px; font-size: 1.1em; text-transform: uppercase; }
#menu-login li.toplistitem { border: 0pt none ; }
#menu-login ul ul { margin: 3px 0pt 0pt; }
#menu-login li li { padding: 3px 0pt 5px 15px; background: transparent url('http://kuei.tw/pinkie/images/bullet_black.gif') no-repeat scroll 0px 5px; color: rgb(153, 153, 153); font-size: 1em; text-transform: none; }
#menu-sponsors h2 { background: transparent url('http://kuei.tw/pinkie/images/menu-sponsors.png') no-repeat; }
.ads-list-mid { margin: 0pt 2px; background: transparent url('http://kuei.tw/pinkie/images/ads-list-mid.png') repeat-y scroll left top; }
.ads-list-head { background: transparent url('http://kuei.tw/pinkie/images/ads-list-head.png') no-repeat scroll left top; }
.ads-list-base { padding: 11px; background: transparent url('http://kuei.tw/pinkie/images/ads-list-base.png') no-repeat scroll left bottom; }
.ads-list, #links60024 { margin: 0pt 2px; }
#ads-graphical li { margin-bottom: 3px; }
#ads-graphical #bottomitem { margin-bottom: 0pt; }
#ads-text li { border-bottom: 1px solid rgb(64, 64, 64); margin-bottom: 3px; padding-bottom: 3px; }
.seperator { margin: 3px 2px; display: block; height: 1px; }
#promo-feed { margin: 0pt; padding: 35px 0pt 0pt 5px; background: transparent url('http://kuei.tw/pinkie/images/promo-feed.png') no-repeat; display: block; height: 32px; width: 146px; }
#feedburner { margin: 15px 0pt 0pt; }
#feedburner img { border: 0pt none ; }
#gooods { margin: 0pt 0pt 0pt 150px; }
html > body #gooods { margin: 0pt; width: 775px; float: right; }
.asite-mid { margin: 0pt 0pt 10px 5px; background: transparent url('http://kuei.tw/pinkie/images/asite-mid.png') repeat-y scroll left top; float: left; width: 150px; }
.asite-head { background: transparent url('http://kuei.tw/pinkie/images/asite-head.png') no-repeat scroll left top; }
.asite-base { padding: 7px 9px 12px; background: transparent url('http://kuei.tw/pinkie/images/asite-base.png') no-repeat scroll left bottom; }
.asite-base .sitename-on, .asite-base .leaveacomment-on { display: inline; }
.asite-base .sitename-off, .asite-base .leaveacomment-off { display: none; }
.asite-base p { margin: 0pt 0pt 10px; }
.asite-base p a img { border: 2px solid rgb(80, 80, 80); opacity: 0.8; }
.asite-base p a:hover img, .asite-base:hover p img { opacity: 1; }
.asite-base h4 { margin: 0pt 0pt 2px; height: 1.6em; }
.asite-base h4 a:hover { background: rgb(0, 0, 0) none repeat; }
.asite-base h4 img { border: 0pt none ; }
#details a:hover { background: rgb(0, 0, 0) none repeat; }
.asite-base .cname, #details .cname { display: block; height: 19px; }
.asite-base .cname p, #details .cname p { margin: 0pt 0pt 0pt 6px; display: inline; font-size: 1.0em; font-family: Arial,Helvetica,sans-serif; }
.asite-base .cname .unit-cname, #details .cname .unit-cname { margin: -19px 0pt 0pt 28px; background: transparent url('http://kuei.tw/pinkie/images/star_rating.gif') repeat scroll left top; position: relative; height: 19px; width: 100px; display: block; }
.asite-base .cname .unit-cname .current-cname, #details .cname .unit-cname .current-cname { background: transparent url('http://kuei.tw/pinkie/images/star_rating.gif') repeat scroll left bottom; height: 19px; }
.asite-base .cname .unit-cname li, #details .cname .unit-cname li { float: left; }
.asite-base .cname .unit-cname li a, #details .cname .unit-cname li a { padding: 0px; display: block; width: 20px; height: 19px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; }
.asite-base .cname .unit-cname li a:hover, #details .cname .unit-cname li a:hover { background: transparent url('http://kuei.tw/pinkie/images/star_rating.gif') repeat scroll left center; z-index: 2; left: 0px; }
.asite-base .cname .unit-cname a.r1-unit, #details .cname .unit-cname a.r1-unit { left: 0px; }
.asite-base .cname .unit-cname a.r1-unit:hover, #details .cname .unit-cname a.r1-unit:hover { width: 20px; }
.asite-base .cname .unit-cname a.r2-unit, #details .cname .unit-cname a.r2-unit { left: 20px; }
.asite-base .cname .unit-cname a.r2-unit:hover, #details .cname .unit-cname a.r2-unit:hover { width: 40px; }
.asite-base .cname .unit-cname a.r3-unit, #details .cname .unit-cname a.r3-unit { left: 40px; }
.asite-base .cname .unit-cname a.r3-unit:hover, #details .cname .unit-cname a.r3-unit:hover { width: 60px; }
.asite-base .cname .unit-cname a.r4-unit, #details .cname .unit-cname a.r4-unit { left: 60px; }
.asite-base .cname .unit-cname a.r4-unit:hover, #details .cname .unit-cname a.r4-unit:hover { width: 80px; }
.asite-base .cname .unit-cname a.r5-unit, #details .cname .unit-cname a.r5-unit { left: 80px; }
.asite-base .cname .unit-cname a.r5-unit:hover, #details .cname .unit-cname a.r5-unit:hover { width: 100px; }
.asite-base .cname .loading, #details .cname .loading { margin: 0pt 0pt 0pt 6px; background: transparent url('http://kuei.tw/pinkie/images/loading.gif') no-repeat scroll left top; height: 20px; width: 122px; }
#gooods .pagebar { margin: 0pt; padding: 0pt; clear: both; float: right; }
#gooods .pagebar .this-page { background: transparent url('http://kuei.tw/pinkie/images/pagebarthispage.gif') no-repeat scroll left top; padding-top: 8px; text-align: center; display: inline; width: 30px; height: 22px; float: left; margin-right: 3px; }
#gooods .pagebar .break { border: medium none ; padding: 8px 5px 0pt; text-align: center; text-decoration: none; display: inline; float: left; margin-right: 3px; }
#gooods .pagebar a { border: 0pt none ; background: transparent url('http://kuei.tw/pinkie/images/pagebarlink.gif') no-repeat scroll left top; padding-top: 8px; text-align: center; text-decoration: none; display: block; width: 30px; height: 22px; float: left; margin-right: 3px; }
#gooods .pagebar a:hover { color: rgb(255, 0, 153); text-decoration: none; }
.singlemid { background: transparent url('http://kuei.tw/pinkie/images/screenshotmid.gif') repeat-y scroll left top; width: 775px; float: right; }
.singlemid #singlehead { background: transparent url('http://kuei.tw/pinkie/images/screenshothead.gif') no-repeat scroll left top; }
.singlemid #singlehead #singlebase { padding: 12px 12px 20px 11px; background: transparent url('http://kuei.tw/pinkie/images/screenshotbase.gif') no-repeat scroll left bottom; overflow: hidden; width: 747px; }
.singlemid #singlehead #singlebase h2, .singlemid #singlehead #singlebase h3, .singlemid #singlehead #singlebase h4, .singlemid #singlehead #singlebase h5 { text-transform: uppercase; font-weight: bold; color: rgb(204, 204, 204); }
.singlemid #singlehead #singlebase h2 { border-bottom: 1px solid rgb(64, 64, 64); margin: 0pt 0pt 10px; padding: 0pt 0pt 2px; font-size: 2em; }
.singlemid #singlehead #singlebase h3 { font-size: 1.6em; }
.singlemid #singlehead #singlebase h4 { font-size: 1.4em; }
.singlemid #singlehead #singlebase h5 { font-size: 1em; }
#website { }
#screenshot { }
#screenshot a img { border: 2px solid rgb(80, 80, 80); opacity: 0.9; }
#screenshot a:hover img { border-color: rgb(80, 80, 80); opacity: 1; }
#spotlight { padding: 7px; }
#spotlight img { margin: 0pt 15px 5px 0pt; float: left; }
#spotlight p { font-size: 1.2em; margin-bottom: 10px; }
#spotlight h4 { border-top: 1px solid rgb(64, 64, 64); padding-top: 10px; }
#spotlight blockquote { margin: 10px; padding: 15px; background: rgb(64, 64, 64) none repeat; width: 250px; float: right; font-family: Georgia,"Times New Roman",Times,serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.4em; line-height: normal; font-size-adjust: none; font-stretch: normal; }
#details { padding: 10px 7px 0pt; }
#postgoodies { width: 150px; float: left; }
#postgoodies .box { border-top: 1px solid rgb(64, 64, 64); padding: 7px 0pt; width: 136px; }
#postgoodies .box a:hover { background: transparent none repeat; }
#postgoodies .box p a:hover { background: rgb(0, 0, 0) none repeat; }
#postgoodies .box .cname { margin: 5px 0pt 0pt; padding: 3px 0pt 0pt; height: auto; }
#postgoodies .box .cname p { margin: 0pt; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.4em; line-height: normal; font-size-adjust: none; font-stretch: normal; }
#postgoodies .box .cname .unit-cname { margin: -20px 0pt 0pt 24px; padding: 0pt; }
#postgoodies .box .cname .loading { background: transparent url('http://kuei.tw/pinkie/images/loading.gif') no-repeat scroll left top; height: 20px; width: 125px; }
#postgoodies .box .wp-notable { margin: 0pt 5px 0pt 0pt ! important; padding: 2px 0pt 0pt 2px; background: transparent url('http://kuei.tw/pinkie/images/bookmarkit.gif') no-repeat scroll left top; display: block; float: left; width: 23px; height: 23px; }
#postgoodies .box img { border: 0pt none ; }
#commentslist { float: right; }
#commentslist ol { }
#commentslist ol li { margin: 0pt 0pt 10px; background: transparent url('http://kuei.tw/pinkie/images/commentmid.gif') repeat-y; width: 574px; }
#commentslist .commenthead { background: transparent url('http://kuei.tw/pinkie/images/commenthead.gif') no-repeat; }
#commentslist .commentheadalt .commenthead { background: transparent url('http://kuei.tw/pinkie/images/commentheadalt.gif') no-repeat; }
#commentslist .commentbase { padding: 10px 25px; background: transparent url('http://kuei.tw/pinkie/images/commentbase.gif') no-repeat scroll left bottom; }
#commentslist li h5 { margin: 0pt 0pt 3px; color: rgb(153, 153, 153); text-transform: none; font-size: 1em; }
#commentslist li p { margin: 0pt 0pt 10px; color: rgb(204, 204, 204); font-size: 1.2em; }
#commentslist .commentinfo { margin: 0pt 0pt 5px; padding: 7px 25px; background: transparent url('http://kuei.tw/pinkie/images/commentmid.gif') repeat-y; }
#commentslist #commentform { margin: 0pt; background: transparent url('http://kuei.tw/pinkie/images/commentmid.gif') repeat-y; width: 574px; }
#commentform form { width: 260px; float: left; }
#commentform form #author, #commentform form #email, #commentform form #url, #commentform form #comment { border: 0pt none ; margin: 0pt 0pt 10px; padding: 5px; background: rgb(76, 76, 76) none repeat; color: rgb(153, 153, 153); font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; width: 250px; display: block; }
#commentform form #comment { overflow: auto; height: 100px; }
#commentform .disclaimer { margin-left: 280px; }
#commentform .disclaimer p { margin-bottom: 10px; }
#page { padding: 5px 7px 0pt; }
#page p { margin: 0pt 0pt 15px; font-size: 1.2em; }
#page li { border-top: 1px solid rgb(64, 64, 64); padding: 7px 0pt; display: block; }
#page li p { margin: 0pt; }
#page form #wpsf_your_name, #page form #wpsf_msg, #page form #wpcf_your_name, #page form #wpcf_msg, #page form #wpcf_subject, #page form #wpcf_email { border: 0pt none ; padding: 5px; background: rgb(76, 76, 76) none repeat; overflow: hidden; width: 326px; margin-bottom: 10px; color: rgb(153, 153, 153); font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1em; line-height: normal; font-size-adjust: none; font-stretch: normal; }
#page #guidelines { width: 350px; float: left; }
#page #submit { margin: 0pt 0pt 0pt 30px; float: left; width: 350px; }
#page #submit form { padding: 7px; background: rgb(64, 64, 64) none repeat; }
#page #submit form #wpcf_your_name, #page #submit form #wpcf_msg, #page #submit form #wpcf_subject, .singlemid #singlehead #singlebase #page #submit form #wpcf_email { border: 0pt none ; padding: 5px; background: rgb(76, 76, 76) none repeat; width: 326px; margin-bottom: 10px; color: rgb(153, 153, 153); font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1em; line-height: normal; font-size-adjust: none; font-stretch: normal; }
#page #submit form #wpcf_msg { height: 100px; }
#page #guidelines table { border-style: solid; border-color: rgb(76, 76, 76) rgb(44, 44, 44) rgb(44, 44, 44) rgb(76, 76, 76); border-width: 1px; background: rgb(64, 64, 64) none repeat; margin-bottom: 15px; width: 100%; }
#page #guidelines table tr:hover { background: rgb(75, 75, 75) none repeat; }
#page #guidelines table th { border-right: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(51, 51, 51); padding: 3px 5px; font-weight: bold; color: rgb(204, 204, 204); }
#page #guidelines table td { border-right: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(51, 51, 51); padding: 3px 5px; }
#level-bottom { padding: 70px 0pt 0px; display: block; height: 0px; width: 974px; }
*:first-child + html #level-bottom { background: rgb(53, 53, 53) url('http://kuei.tw/pinkie/images/level-3.png') no-repeat; }
* html #level-bottom { background: rgb(53, 53, 53) url('http://kuei.tw/pinkie/images/level-3.png') no-repeat; }
html > body #level-bottom { background: transparent url('http://kuei.tw/pinkie/images/level-3.png') no-repeat; }
#level-bottom h5 { font-size: 1.1em; padding-bottom: 10px; text-transform: uppercase; }
.photo-border { padding: 7px 9px 12px; background: transparent no-repeat scroll left bottom; }
.photo-border p { margin: 0pt 0pt 10px; }
.photo-border p a img { border: 2px solid rgb(80, 80, 80); opacity: 0.8; }
.photo-border p a:hover img, .asite-base:hover p img { opacity: 1; }
.ads-google {
border-top: 1px solid #2e2e2e;
border-left: 1px solid #2e2e2e;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
background: #1a1a1a;
text-align: center;
padding: 3px 0; }
.side-google {
padding: 10px 0;
}
.body-google {
margin: 0 0 5px 157px;
}
.body-google p {
background: #1a1a1a;
margin: 0 auto;
display: block;
width: 768px;
height: 15px; }
#menu-more {
margin-bottom: 10px; }
#menu-more h2 {
background: url(http://kuei.tw/pinkie/images/menu-more.gif) 0 0 no-repeat;
display: block;
height: 29px;
width: 150px; }
#apost, #apage, #theforum {
background: #333333;
width: 746px;
padding: 12px 13px 12px 13px;
float: right; }
#bpost, #bpage {
width: 746px;
padding: 12px 13px 12px 13px;
float: right; }
/* +-+-+-+-+-+-+-+ Static Page +-+-+-+-+-+-+-+ */
#apage p {
font-size: 1.2em;
margin: 0 0 15px 0; }
#apage li {
border-top: 1px solid #404040;
display: block;
padding: 7px 0; }
#apage li p {
margin: 0;}
#apage form #wpsf_your_name,
#apage form #wpsf_msg,
#apage form #wpcf_your_name,
#apage form #wpcf_msg,
#apage form #wpcf_subject,
#apage form #wpcf_email {
width: 326px;
padding: 5px;
background: #4c4c4c;
border: 0;
margin-bottom: 10px;
color: #999999;
font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
overflow: hidden; }
/* +---- Mootools Loading ------+ */
.loading-indicator {
font-size:8pt;
background-image:url('http://kuei.tw/pinkie/css/loading.gif');
background-repeat: no-repeat;
background-position:top left;
padding-left:20px;
height:18px;
text-align:left;
}
#loading-mask{
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-color: #333333;
}
#loading{
position:absolute;
left:45%;
top:40%;
width:150px;
text-align:center;
z-index:20001;
}
#loading .loading-indicator{
border:1px solid #a3bad9;
background:white url('http://kuei.tw/pinkie/css/loading.gif') repeat-x;
color:#333333;
font:bold 13px tahoma,arial,helvetica;
padding:10px;
margin:0;
}