@charset "utf-8";

/*  WD_WP Team. Author : Choi Hyunsun 2017-06-20. Edit : Choi Hyunsun 2017-06-20 */

html	{-webkit-text-size-adjust:none;font-size:10px;}
body		{margin:0;padding:0;}
*	{margin:0;padding:0;list-style:none;border:0;font-family:sans-serif;}
*:lang(ja){font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif;}
*:lang(zh-hans){font-family:Times New Roman;}
*:lang(zh-hant){font-family:Times New Roman;}
img	{width:100%;vertical-align:top;}
html, body	{width:100%;height:100%;}
.wrap	{width:100%;height:100%;position:relative;}

@media only screen and (orientation:portrait) {
.wrap .contents	{width:440px;height:496px;position:absolute;top:50%;left:50%;margin:-248px 0 0 -220px;background-image:url('http://hivepromotion-fn.qpyou.cn/markup/img/2016/ua/error_unavailable.png');background-repeat:no-repeat;background-position:50% 0;background-size:260px 358px;}
.wrap .contents .msg	{padding-top:404px;font-weight:bold;font-size:2.6rem;line-height:123%;color:#777;text-align:center;}
.wrap .copy	{position:absolute;bottom:56px;left:0;width:100%;font-size:16px;color:#bfbfbf;text-align:center;} /* #14630 */
}
@media (max-width:359px) and (orientation:portrait) {
html	{font-size:31.25%;}
.wrap .contents	{width:220px;height:248px;margin:-124px 0 0 -110px;background-size:130px 179px;}
.wrap .contents .msg	{padding-top:202px;}
.wrap .copy	{bottom:28px;font-size:8px;} /* #14630 */
}
@media (min-width:360px) and (max-width:413px) and (orientation:portrait)    {
html	{font-size:35.16%;}
.wrap .contents	{width:247px;height:279px;margin:-139px 0 0 -123px;background-size:146px 201px;}
.wrap .contents .msg	{padding-top:227px;}
.wrap .copy	{bottom:31px;font-size:9px;} /* #14630 */
}
@media (min-width:414px) and (max-width:479px) and (orientation:portrait)    {
html	{font-size:40.43%;}
.wrap .contents	{width:284px;height:320px;margin:-160px 0 0 -142px;background-size:168px 231px;}
.wrap .contents .msg	{padding-top:261px;}
.wrap .copy	{bottom:36px;font-size:10px;} /* #14630 */
}
@media (min-width:480px) and (max-width:599px) and (orientation:portrait)    {
html	{font-size:46.88%;}
.wrap .contents	{width:330px;height:372px;margin:-186px 0 0 -165px;background-size:195px 268px;}
.wrap .contents .msg	{padding-top:303px;}
.wrap .copy	{bottom:42px;font-size:12px;} /* #14630 */
}
@media (min-width:600px) and (max-width:639px) and (orientation:portrait)    {
html	{font-size:58.59%;}
.wrap .contents	{width:412px;height:465px;margin:-232px 0 0 -206px;background-size:243px 335px;}
.wrap .contents .msg	{padding-top:378px;}
.wrap .copy	{bottom:52px;font-size:15px;} /* #14630 */
}

@media only screen and (orientation:landscape) {
.wrap .contents	{width:756px;height:368px;position:absolute;top:50%;left:50%;margin:-184px 0 0 -378px;background-image:url('http://hivepromotion-fn.qpyou.cn/markup/img/2016/ua/error_unavailable.png');background-repeat:no-repeat;background-position:right 0;background-size:260px 358px;}
.wrap .contents .msg	{width:420px;padding-top:122px;font-weight:bold;font-size:2.6rem;line-height:123%;color:#777;}
.wrap .copy	{width:756px;height:368px;position:absolute;top:50%;left:50%;margin:-184px 0 0 -378px;}
.wrap .copy span	{display:block;position:absolute;bottom:96px;left:0;font-size:16px;color:#bfbfbf;} /* #14630 */
}
@media (max-width:479px) and (orientation:landscape) {
html	{font-size:20.83%;}
.wrap .contents	{width:252px;height:122px;margin:-61px 0 0 -126px;background-size:86px 119px;}
.wrap .contents .msg	{width:140px;padding-top:40px;}
.wrap .copy	{width:252px;height:122px;margin:-61px 0 0 -126px;}
.wrap .copy span	{bottom:32px;font-size:5px;} /* #14630 */
}
@media (min-width:480px) and (max-width:567px) and (orientation:landscape)    {
html	{font-size:31.25%;}
.wrap .contents	{width:378px;height:184px;margin:-92px 0 0 -189px;background-size:130px 179px;}
.wrap .contents .msg	{width:210px;padding-top:61px;}
.wrap .copy	{width:378px;height:184px;margin:-92px 0 0 -189px;}
.wrap .copy span	{bottom:48px;font-size:8px;} /* #14630 */
}
@media (min-width:568px) and (max-width:639px) and (orientation:landscape)    {
html	{font-size:36.98%;}
.wrap .contents	{width:447px;height:217px;margin:-108px 0 0 -223px;background-size:153px 211px;}
.wrap .contents .msg	{width:248px;padding-top:72px;}
.wrap .copy	{width:447px;height:217px;margin:-108px 0 0 -223px;}
.wrap .copy span	{bottom:56px;font-size:9px;} /* #14630 */
}
@media (min-width:640px) and (max-width:735px) and (orientation:landscape)    {
html	{font-size:41.67%;}
.wrap .contents	{width:504px;height:245px;margin:-122px 0 0 -252px;background-size:173px 238px;}
.wrap .contents .msg	{width:280px;padding-top:81px;}
.wrap .copy	{width:504px;height:245px;margin:-122px 0 0 -252px;}
.wrap .copy span	{bottom:64px;font-size:10px;} /* #14630 */
}
@media (min-width:736px) and (max-width:767px) and (orientation:landscape)    {
html	{font-size:47.92%;}
.wrap .contents	{width:579px;height:282px;margin:-141px 0 0 -289px;background-size:199px 274px;}
.wrap .contents .msg	{width:322px;padding-top:93px;}
.wrap .copy	{width:579px;height:282px;margin:-141px 0 0 -289px;}
.wrap .copy span	{bottom:73px;font-size:12px;} /* #14630 */
}
@media (min-width:768px) and (max-width:1023px) and (orientation:landscape)   {
html	{font-size:50%;}
.wrap .contents	{width:604px;height:294px;margin:-147px 0 0 -302px;background-size:208px 286px;}
.wrap .contents .msg	{width:336px;padding-top:97px;}
.wrap .copy	{width:604px;height:294px;margin:-147px 0 0 -302px;}
.wrap .copy span	{bottom:76px;font-size:12px;} /* #14630 */
}