@charset "utf-8";
/* CSS Document */

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }

img { border: 0 none; vertical-align: top; }

ul, li { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; }

body, input, select, button, textarea { font-size:100%; font-family: Tahoma, Geneva, sans-serif; }

button { cursor: pointer; }

i, em, cite { font-style: normal; }

body { background: #fff; color: #363636; line-height: 1.2; }

a, a:link { color: #222; text-decoration: none; }

a:visited {  }

a:active, a:hover { text-decoration: underline; }

a:focus { outline: none; }

 

.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.fixed { display: block; min-height: 1%; }

*html .fixed { height: 1%; }

.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

.more { float: right; }

       .more a { font-weight: normal; font-size: 12px; }

.fl, .fr { display: inline; float: left; }

.fr { float: right; } 

.pr{ position:relative; }

.pa{ position:absolute; }
.share{ margin:0 auto;}

.thickdiv { background: none repeat scroll 0 0 #000000; border: 0 none; height: 100%;left: 0; opacity: 0.5; position: fixed; top: 0;width: 100%;z-index:999;filter:alpha(opacity=50);}

@media only screen and (min-width:0) and (max-width:359px){
.hint{ background:url(https://png.pookcdn.net/mobile_image/minvite/hint_bg.gif) no-repeat; width:306px; height:70px;background-size:306px 70px; top:0; left:8px; z-index:9999; position:fixed;}	
.share{ width:320px;}
.share_01{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_01.jpg) no-repeat; height:92px; background-size:320px 92px;}
.share_02{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_02.jpg) no-repeat; height:92px; background-size:320px 92px;}
.share_03{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_03.jpg) no-repeat; height:92px; background-size:320px 92px;}
.share_04{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_04.jpg) no-repeat; height:92px; background-size:320px 92px; overflow:hidden;}
.share_05{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_05.jpg) no-repeat; height:92px; background-size:320px 92px;}
.share_06{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_06.jpg) no-repeat; height:92px; background-size:320px 92px;}
.btn_start{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/btn_start.png) no-repeat; width:224px; height:67px; background-size:224px 67px; display:block; margin:15px auto;}
}
@media only screen and (min-width:360px) and (max-width:479px){
.hint{ background:url(https://png.pookcdn.net/mobile_image/minvite/hint_bg.gif) no-repeat; width:344px; height:77px;background-size:344px 77px; top:0; left:8px; z-index:9999;position:fixed;}	
.share{ width:360px;}
.share_01{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_01.jpg) no-repeat; height:101px; background-size:360px 101px;}
.share_02{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_02.jpg) no-repeat; height:101px; background-size:360px 101px;}
.share_03{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_03.jpg) no-repeat; height:101px; background-size:360px 101px;}
.share_04{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_04.jpg) no-repeat; height:101px; background-size:360px 101px; overflow:hidden;}
.share_05{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_05.jpg) no-repeat; height:101px; background-size:360px 101px;}
.share_06{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_06.jpg) no-repeat; height:101px; background-size:360px 101px;}
.btn_start{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/btn_start.png) no-repeat; width:252px; height:74px; background-size:252px 74px; display:block; margin:17px auto;}
}
@media only screen and (min-width:480px) and (max-width:639px){
.hint{ background:url(https://png.pookcdn.net/mobile_image/minvite/hint_bg.gif) no-repeat; width:458px; height:101px;background-size:458px 101px; top:0; left:11px; z-index:9999;position:fixed;}	
.share{ width:480px;}
.share_01{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_01.jpg) no-repeat; height:134px; background-size:480px 134px;}
.share_02{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_02.jpg) no-repeat; height:134px; background-size:480px 134px;}
.share_03{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_03.jpg) no-repeat; height:134px; background-size:480px 134px;}
.share_04{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_04.jpg) no-repeat; height:134px; background-size:480px 134px; overflow:hidden;}
.share_05{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_05.jpg) no-repeat; height:134px; background-size:480px 134px;}
.share_06{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_06.jpg) no-repeat; height:134px; background-size:480px 134px;}
.btn_start{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/btn_start.png) no-repeat; width:334px; height:97px; background-size:334px 97px; display:block; margin:23px auto;}
}
@media only screen and (min-width:640px) and (max-width:719px){
.hint{ background:url(https://png.pookcdn.net/mobile_image/minvite/hint_bg.gif) no-repeat; width:610px; height:134px;background-size:610px 134px; top:0; left:18px; z-index:9999;position:fixed;}	
.share{ width:640px;}
.share_01{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_01.jpg) no-repeat; height:178px; background-size:640px 178px;}
.share_02{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_02.jpg) no-repeat; height:178px; background-size:640px 178px;}
.share_03{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_03.jpg) no-repeat; height:178px; background-size:640px 178px;}
.share_04{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_04.jpg) no-repeat; height:178px; background-size:640px 178px; overflow:hidden;}
.share_05{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_05.jpg) no-repeat; height:178px; background-size:640px 178px;}
.share_06{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_06.jpg) no-repeat; height:178px; background-size:640px 178px;}
.btn_start{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/btn_start.png) no-repeat; width:444px; height:127px; background-size:444px 127px; display:block; margin:30px auto;}
}
@media only screen and (min-width:720px){
.hint{ background:url(https://png.pookcdn.net/mobile_image/minvite/hint_bg.gif) no-repeat; width:685px; height:149px;background-size:685px 149px; top:0; left:18px; z-index:9999;position:fixed;}	
.share{ width:720px;}
.share_01{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_01.jpg) no-repeat; height:200px; background-size:720px 200px;}
.share_02{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_02.jpg) no-repeat; height:200px; background-size:720px 200px;}
.share_03{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_03.jpg) no-repeat; height:200px; background-size:720px 200px;}
.share_04{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_04.jpg) no-repeat; height:200px; background-size:720px 200px; overflow:hidden;}
.share_05{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_05.jpg) no-repeat; height:200px; background-size:720px 200px;}
.share_06{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/share_06.jpg) no-repeat; height:200px; background-size:720px 200px;}
.btn_start{ background:url(https://png.pookcdn.net/sj_lobby/activity/mxddz_share/btn_start.png) no-repeat; width:498px; height:142px; display:block; margin:35px auto;}
}