.kp-box-overlay {background-color: #fff; left:0; opacity:0; filter:alpha(opacity=70);  position: absolute; top:0; width:100%; z-index:100; font-size: 0px; }
.kp-box { display: none; position:fixed; #position:absolute; z-index: 1000; top:50%; left:50%; width: 796px; height: 434px; z-index:110;}
.kp-body { top: 68px; left: 48px; padding: 0px 10px; width: 630px; height: 327px; z-index: 11; }
.kp-body-bg { top: 68px; left: 48px; padding: 0px 10px; width: 630px; height: 327px; background: #fffaed  url(../images/kp/bg-body.png) top repeat-x !important; }

.kp-body-bg-tr { top: 68px; right: 99px; width: 213px; height: 207px; background: url(../images/kp/body-tr-bg.png) right top; z-index: 10; }
.kp-body-bg-br { bottom: 39px; right: 99px; width: 138px; height: 200px; background: url(../images/kp/body-br-bg.png) right bottom; z-index: 10; }

.kp-ctl { top: 0px; left: 0px; width: 48px; height: 68px; background: url(../images/kp/corner-tl.png) right bottom; }
.kp-ctr { top: 0px; right: 0px; width: 99px; height: 68px; background: url(../images/kp/corner-tr.png) left bottom; }
.kp-cbl { bottom: 0px; left: 0px; width: 48px; height: 39px; background: url(../images/kp/corner-bl.png) right top; }
.kp-cbr { bottom: 0px; right: 0px; width: 99px; height: 39px; background: url(../images/kp/corner-br.png) left top; }

.kp-stm { top: 0px; left: 325px; width: 160px; height: 68px; background: url(../images/kp/side-tm.png) bottom repeat-x !important; }
.kp-sbm { bottom: 0px; left: 325px; width: 160px; height: 39px; background: url(../images/kp/side-bm.png) top repeat-x !important; }

.kp-slt { top: 68px; left: 0px; width: 48px; height: 207px; background: url(../images/kp/side-lt.png) right; }
.kp-srt { top: 68px; right: 0px; width: 99px; height: 207px; background: url(../images/kp/side-rt.png) left; }
.kp-slb { bottom: 39px; left: 0px; width: 48px; height: 120px; background: url(../images/kp/side-lb.png) right; }
.kp-srb { bottom: 39px; right: 0px; width: 99px; height: 120px; background: url(../images/kp/side-rb.png) left; }
.kp-stl { top: 0px; left: 48px; width: 277px; height: 68px; background: right bottom;  }
.kp-str { top: 0px; right: 99px; width: 212px; height: 68px; background: url(../images/kp/side-tr.png) bottom; }
.kp-sbl { bottom: 0px; left: 48px; width: 277px; height: 39px; background: url(../images/kp/side-bl.png) top; }
.kp-sbr { bottom: 0px; right: 99px; width: 212px; height: 39px; background: url(../images/kp/side-br.png) top; }

.kp-bhide { width: 22px; height: 21px; right: 70px; top: 35px; background: url(../images/kp/b-hide.png); cursor: pointer; }
.kp-bclose { width: 22px; height: 22px; right: 45px; top: 40px; background: url(../images/kp/b-close.png); cursor: pointer; }

.kp-box div { position: absolute; background-repeat: no-repeat;}
.kp-box div div { position: static; }
.kp-box .title { background-image: url(../images/kp/title-popup.png); }

.popup-big { height: 540px!important; }
.popup-big .kp-slm { top: 275px; left: 0px; width: 48px; height: 106px; background: url(../images/kp/bg-l.png) left repeat-y!important; }
.popup-big .kp-srm { top: 275px; right: 0px; width: 99px; height: 106px; background: url(../images/kp/bg-r.png) left repeat-y!important; }
.popup-big .kp-ctr { top: 0px; right: 0px; width: 99px; height: 68px; background: url(../images/kp/corner-tr-close.png) no-repeat left bottom; }
.popup-big .title { background-image: url(../images/kp/title-popup-big.png); }
.popup-big .kp-bclose { right: 43px; }
.popup-big .kp-body { top: 48px; height: 433px; }
.popup-big .kp-body-bg { height: 433px; }
.popup-big .actions { position: absolute; bottom: -15px; right: 30px; overflow: hidden;  }
.popup-big .actions .b-func1 { float: left; margin-left: 10px; }

.kp-box-small { position: fixed; //position: absolute; display: none; z-index: 1000; top:50%; left:50%; width: 489px; height: 228px; background: url(../images/kp/popup-small.png) no-repeat left bottom; }
.kp-box-small .kp-body {top: 50px; left: 45px; padding: 0px 10px; width: 390px; height: 130px; z-index: 11;}
.kp-box-small .kp-bclose { right: 27px; top: 29px; }
.kp-box-small div { position: absolute; background-repeat: no-repeat;}
.kp-box-small div div { position: static; }

/*----------------- kita test ----------------------*/
.kts-kita-pic { position: absolute !important; top: 10px; right: 10px; width: 183px; height: 253px; background: url(../images/kp/kita-pic.png) no-repeat; z-index: 120; }
.kita-test { font: 12px Verdana; line-height: 18px; color: #660066; }
.kita-test .kts-list a { font: bold 14px Verdana; color: #990099; text-decoration: none; line-height: 20px; }
.kita-test .kts-list a:hover { text-decoration: underline; }
.kita-test .kts-list li { margin: 5px 0px; }
.kita-test .title { background-image: url(../images/kp/title-test-service.png); }
.kita-test h1 { font-size: 18px; color: #990099; }
.kts-back { display: block; position: absolute; bottom: 10px; left: 20px; background: url(../images/kp/but-bg.png) no-repeat; line-height: 18px; color: #fef7e5; font-size: 10px; padding: 0px 14px; text-decoration: none; }
.kts-start { display: block; position: absolute; bottom: 10px; right: 30px; background: url(../images/kp/but-bg.png) no-repeat; line-height: 18px; color: #fef7e5; font-size: 10px; padding: 0px 14px; text-decoration: none; }
.kts-next { display: block; position: absolute; bottom: 10px; right: 30px; background: url(../images/kp/but-bg.png) no-repeat; line-height: 18px; color: #fef7e5; font-size: 10px; padding: 0px 20px; text-decoration: none; }
.kts-pre { display: block; position: absolute; bottom: 10px; right: 130px; background: url(../images/kp/but-bg.png) no-repeat; line-height: 18px; color: #fef7e5; font-size: 10px; padding: 0px 20px; text-decoration: none; }
.kita-test p { padding: 0px; margin: 0px; }
.kita-test p img { float: left; margin: 0px 10px 5px 0px; max-height:220px; _height: auto !important; _height: 220px;}
.kita-test ul { list-style: none; list-style-position: outside; }
.kita-test .kts-error { color: red; }


/*----------------- kita Confirm ----------------------*/
.kita-confirm { color: #892481; }
.kita-confirm p { font-size: 12px; }
.kita-confirm .actions { position: absolute; bottom: -15px; right: 30px; overflow: hidden;  }
.kita-confirm .b-func1 { float: left; margin-left: 10px; }

/*-------------------Karma Popup-----------------------*/
.user_status_content-popup {z-index: 1001 !important;}

.popup-desire { background: url("../images/kp/popup-desire.png") no-repeat; width: 568px; height: 268px; }
.popup-desire .kp-bclose { background: url("../images/kp/desire-cls.gif") no-repeat; width: 22px; height: 22px; top: 6px; right: 35px; z-index: 10000;}
.popup-desire .kp-body {width: auto; height: auto; top: 0; left: 70px;}
.popup-desire .kp-body .form-wall {float: none;}
.popup-desire .kp-body .form-wall table {width: 400px;}
.popup-desire .kp-body .form-wall table textarea {width: 377px;}

.popup-winter-contest {background: #fff; border: 3px solid #f7d5e5; width: 409px; height: 409px; }
.popup-winter-contest .pop-cls-bg {background: url("../images/kp/pop-cls-bg.png") no-repeat; width: 40px; height: 29px; position: absolute; top: 0; right: 12px; z-index: 111;}
.popup-winter-contest .kp-bclose { background: url("../images/kp/pop-winter-contest-cls.gif") no-repeat; width: 22px; height: 21px; top: 2px; right: 21px; z-index: 111;}
.popup-winter-contest .kp-body {width: auto; height: auto; top: 5px; left: 6px; padding: 0;}

.popup-winter-contest-big {width: 450px; height: 590px;}