.sub-page{height: 100%; overflow: hidden;}
.sub-container{position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background: rgba(0,0,0,.8);z-index: 100;display:none;}
.join-box{background:url(/type02/imgs/sub-container-bg.png) no-repeat center center;background-size: cover;width:715px;margin:0 auto;margin-top:175px;border:2px solid #aa6b27;padding:45px 50px;position: relative;}
.join-box > h3.logo-tit{text-align:center;}
.join-box > a.popup-close{position: absolute;right:20px;top:20px;}
.join-box > a.popup-close > span.icon{background: linear-gradient(to right,#c68a2d,#8b5a13);-webkit-background-clip: text;color: transparent;font-size:40px;}
.join-box > .join-input{margin-top:30px;}
.join-box > .join-input > dl{border:2px solid #91571c;display:table;width:100%;background:#000000;padding:9px 0}
.join-box > .join-input > dl + dl{margin-top:7px;}
.join-box > .join-input > dl > *{display:table-cell;vertical-align: middle;height:23px;}
.join-box > .join-input > dl > dt{width:150px;padding-left:15px;font-size:15px;color:#93774e;border-right:1px solid #91571c;}
.join-box > .join-input > dl > dd{padding-left:15px;}
.join-box > .join-input > dl > dd > span{font-size:11px;color:#7f7a73;}
.join-box > .join-input > dl > dd > input{border:0 !important;background:none;width:175px;height:23px;padding-left:0;}
.join-box > .join-input > dl > dd > select{background:url(/type02/imgs/select-bg.gif) no-repeat right center #000000;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;width:160px;}
.join-box > .join-input > dl > dd > select::-ms-expand { display: none;}

.gamelist-box{background:url(/type02/imgs/sub-container-bg.png) no-repeat center center;background-size: cover;width:1260px;margin:0 auto;margin-top:50px;border:2px solid #aa6b27;padding:40px 20px 45px 20px;position: relative;display:none;}
.gamelist-box > a.popup-close{position: absolute;right:-50px;top:7px;width:40px;height:40px;line-height:40px;}
.gamelist-box > a.popup-close > span.icon{background: linear-gradient(to right,#c68a2d,#8b5a13);-webkit-background-clip: text;color: transparent;font-size:40px;}
.gamelist-box > .gamelist{margin-left:-15px;}
.gamelist-box > .gamelist > li{margin-left:15px;width:calc(100% / 6 - 15px);float:left;margin-bottom:15px;}
.gamelist-box > .gamelist > li > p.img{height: 190px;overflow: hidden;border: 1px solid #b27a24;transition:all 0.2s ease-in-out;}
.gamelist-box > .gamelist > li > p.img:hover > a{display:block;transform: scale(1.2);}
.gamelist-box > .gamelist > li > p.name{display:table;width:100%;border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#000,#000),linear-gradient(#c5892d,#845610);}
.gamelist-box > .gamelist > li > p.name > span{display:table-cell;vertical-align: middle;height:32px;background: linear-gradient(to right, #c68a2d, #8a5912);font-size:13px;font-weight:700;color:#fff;text-align:center;}

.sub-page-box{background:url(/type02/imgs/sub-container-bg.png) no-repeat center center;background-size: cover;width:885px;margin:0 auto;margin-top:175px;border:2px solid #aa6b27;padding:45px 50px;position: relative;padding:20px;}
.sub-page-box > a.popup-close{position: absolute;right:-50px;top:7px;width:40px;height:40px;line-height:40px;}
.sub-page-box > a.popup-close > span.icon{background: linear-gradient(to right,#c68a2d,#8b5a13);-webkit-background-clip: text;color: transparent;font-size:40px;}
.sub-page-box > .sub-page-txt > .sub-tab > ul{margin-left:-5px;}
.sub-page-box > .sub-page-txt > .sub-tab > ul > li{float:left;width:calc(100% / 6 - 5px);margin-left:5px;text-align:center;display:table;border:2px solid #4a443b;}
.sub-page-box > .sub-page-txt > .sub-tab > ul > li > a{display:table-cell;vertical-align: middle;background:#4a443b;height:35px;font-size:15px;font-weight:700;}
.sub-page-box > .sub-page-txt > .sub-tab > ul > li.on{border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#000,#000),linear-gradient(#e0a461,#e18624);}
.sub-page-box > .sub-page-txt > .sub-tab > ul > li.on > a{color:#fff;background:#aa6b27;box-shadow: 0 0 5px rgba(0,0,0,.5) inset;}
.sub-page-box > .sub-page-txt > .sub-tab > ul > li:hover{border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#000,#000),linear-gradient(#e0a461,#e18624);}
.sub-page-box > .sub-page-txt > .sub-tab > ul > li:hover > a{color:#fff;background:#aa6b27;box-shadow: 0 0 5px rgba(0,0,0,.5) inset;}
.sub-page-box > .sub-page-txt > .rotationCon{margin-top:10px;background:rgba(0,0,0,.5);border:1px solid #333333;padding:20px 10px 30px 10px;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl + dl{margin-top:15px;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dt{color:#e0a562;font-size:15px;margin-bottom:10px;padding-left:10px;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > input{width:244px;height:45px;color:#fecb00;font-weight:700;font-size:16px;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > input.w100p{width:100%;color:#fff;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > input::-webkit-input-placeholder {color: #7f7a73;font-size:13px;} 
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > input:-moz-placeholder {color: #7f7a73; font-size:13px;} 
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > input::-moz-placeholder {color: #7f7a73; font-size:13px;} 
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > input:-ms-input-placeholder {color: #7f7a73; font-size:13px;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > .btnset{float:right;width:calc(100% - 243px);margin-left:-5px;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > .btnset > li{float:left;width:calc(100% / 6 - 5px);margin-left:5px;text-align:center;border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#000,#000),linear-gradient(#91571c,#8e6833);display:table;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > .btnset > li > a{display:table-cell;background: linear-gradient(to bottom, #c4892c, #8c5c13);height:41px;vertical-align: middle;font-size:13px;font-weight:700;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > .btnset > li > a:hover{background: linear-gradient(to bottom, #8c5c13, #c4892c);}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > .btnset > li:last-child{border:2px solid #4a443b;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > .btnset > li:last-child > a{background:#4a443b;}
.sub-page-box > .sub-page-txt > .rotationCon > .popContBox > dl > dd > .btnset > li:last-child:hover{border:2px solid #be852d;}
.sub-page-box > .sub-page-txt > .rotationCon.notice-box{background:none;border:0;padding:0;min-height:540px;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-table-box > table > thead th{height:44px;background:#412d14;text-align:center;border-bottom:2px solid #c68a2d;font-size:14px;font-weight:700;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-table-box > table > tbody td{text-align:center;height:41px;border-bottom:1px solid #4a443b;background:rgba(0,0,0,.5);color:#a6a6a6;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-table-box > table > tbody td > a.table-tit{color:#fff;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-table-box > table > tbody td > a > span.icon{color:#918f8c;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-view-box{display:none;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-view-box > h3.tit{height:44px;background:#412d14;border-bottom:2px solid #c68a2d;font-size:14px;font-weight:700;padding:10px 20px;line-height:24px;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-view-box > h3.tit2{height:44px;background:#4a443b;border-bottom:2px solid #c68a2d;font-size:14px;font-weight:700;padding:10px 20px;line-height:24px;margin-top:25px;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-view-box > .notice-view-txt{background:rgba(0,0,0,.5);border:1px solid #333333;padding:15px 20px;overflow-y: auto;line-height:1.5px;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-view-box > .notice-view-txt > .box{height:410px;line-height:1.5;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-view-box > .notice-view-txt > .box.min-box{height:170px;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-writing-box{display:none;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-writing-box > h3.tit{height:44px;background:#412d14;border-bottom:2px solid #c68a2d;font-size:14px;padding:10px 20px;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-writing-box > h3.tit > select{background:url(/type02/imgs/select-bg2.gif) no-repeat right center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;width:125px;padding:0;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-writing-box > h3.tit > select::-ms-expand { display: none;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-writing-box > .notice-view-txt{background:rgba(0,0,0,.5);border:1px solid #333333;padding:15px 20px;overflow-y: auto;line-height:1.5px;}
.sub-page-box > .sub-page-txt > .rotationCon > .notice-writing-box > .notice-view-txt > textarea{background:none;height:410px;line-height:1.5;border:none;}