@charset 'utf-8';
 
/* sub */
h2.ctit  {position:relative;  width:100%;  padding:20px 0 20px 0;  margin:0 ; font-size:20px; color:#3e3e3e; font-weight:600; text-align:center;  line-height:1.2;  }
h2.ctit  span { font-weight:600; }
h2.ctit  .cstxt { width:100%; display:block; font-size:20px; padding:5px 0 0 0; }

 h3.ctit {width:50%; float:left;  padding:0; margin:0;    }
 h3.ctit.w100p {width:100%; float:none;   }
 h3.ctit:after {content:''; display:block; clear:both; }
 h3.ctit span { line-height:1.2; display:inline-block; font-size:14px;  font-weight:400;  color:#b4b4b4; margin:5px 0 0 0; }
 h3.ctit em { color:#fb924a; font-weight:500;} 

 h4.ctit {width:50%; float:left;  font-size:14px; margin:0; padding:0; font-weight:500; color:#55565b; }
 h4.ctit:after {content:''; display:block; clear:both; }
 h4.ctit span {padding:0 0 0 3px; line-height:30px; height:30px; display:inline-block; font-weight:600; }
 h4.ctit .bar {width:7px; height:18px; display:inline-block; background:#55565b; margin:7px 7px 0 0;}
 h4.ctit .all { padding:0 0 0 15px;  font-size:16px; color:#858f99;  }

.btn_more {width:100%;  text-align:center; padding:30px 0 0 0;}
.btn_more:after {content:''; display:block; clear:both; }
.btn_more span {cursor:pointer; width:110px; text-align:center; background:#fff; border:1px solid #d9dde6;  line-height:34px; height:36px; color:#444;  border-radius:40px;  font-weight:300; display:inline-block;} 
.btn_more span em { padding-right:23px; background:url(../img/com/icon_barr.png) no-repeat right 52%;  background-size:13px;  }
.btn_more span:hover {text-decoration:none; color:#444; background:#f5f5f5; }
.btn_more span:hover em {background:#f5f5f5 url(../img/com/icon_barr.png) no-repeat right 52%; background-size:13px;}

.board_tit { width:100%; position:relative; border-bottom:1px solid #000;  padding:0 0 5px; margin:0; display:flex; justify-content:space-between; align-items:center;  }
.board_tit:after {content:''; display:block; clear:both; }
.board_tit .snb_menu { width:140px;  margin:0;  }

.board_tit .rbox {width:50%;   text-align:right; }
 
.board_tit:after {content:''; display:block; clear:both; }
.board_tit .snb_menu {float:right;  width:140px; }
.board_tit.rb2 .snb_menu {margin-left:8px;}
.board_tit .tbox { width: auto ; padding:0;  } 
.board_tit .tbox .tit { padding:7px 5px 0 0;  color:#fb8834; font-weight:600; line-height:1.2;  display:inline-block;  word-break:break-all;    } 
.board_tit .tbox .larr {width:20px; line-height:30px; height:30px; display:inline-block;  background:url(../img/com/icon_larr.png) no-repeat center 50%;   } 
.board_tit .tbox .rarr {width:20px; line-height:30px; height:30px; display:inline-block;  background:url(../img/com/icon_rarr.png) no-repeat center 50%;    } 
.nobbar {border-bottom:none !important; }
.btn_dapplink { width:32px; margin-left:15px; }
.btn_dapplink img { width:100%; }
.bth2 {margin:40px 0 0 0; }
 
@media all and (max-width:900px){   
h2.ctit  {position:fixed; top:0;left:0;z-index:2; height:58px; padding:17px 0 0 0; background:#fff;}
.bth2 {margin:30px 0 0 0 ; }
}
 
@media all and (max-width:700px){
.board_tit.rb2 h3.ctit {  width:100%;  padding:0 0 5px;}
.board_tit.rb2 .rbox {width:100%; margin:0 ; display:flex; justify-content:space-between; align-items:center; }
.board_tit.rb2 .rbox .snb_menu {  width:49%; margin:0;}
}

@media all and (max-width:600px){ 
h2.ctit { font-size:18px;  } 
h3.ctit {width:100%; float:none; }
h4.ctit {width:100%;}
.board_tit {display:block; }
.board_tit .rbox,
.board_tit .snb_menu {  width:100%; display:block; margin:5px 0 8px 0;}
.transWrap .board_tit .tbox {width:100%; padding:0; margin:0; display:inline;} 
}

@media all and (max-width:480px){
h2.ctit { font-size:16px;  }
h2.ctit  .cstxt { font-size:16px;  } 
.transWrap .board_tit .tbox .tit {padding-left:0 }
 
.btn_dapplink { width:30px;}
}

@media all and (max-width:400px){  
.transWrap .board_tit .tbox .tit {font-size:15px; }
 
.board_tit .tbox .tit { padding:7px 2px 0 2px; }
.board_tit .tbox .larr { margin-top:3px; width:24px; line-height:24px; height:24px;  background-size:8px;     } 
.board_tit .tbox .rarr {margin-top:3px; width:24px; line-height:24px; height:24px;  background-size:8px;     } 
 }

 @media all and (max-width:360px){
.transWrap .board_tit .tbox .tit {font-size:13px;}
.board_tit .tbox .tit { padding:7px 0 0 0; }
.board_tit .tbox .larr {  width:20px;     } 
.board_tit .tbox .rarr { width:20px; } 
 }

  @media all and (max-width:340px){
  .board_tit .tbox .tit { padding:8px 0 0 0; } 
 }


/* boardList */
.boardList {width:100%; margin:0;}
.boardList:after {content:''; display:block; clear:both; }
.boardList ul {width:100%; border-bottom:1px solid #eee; font-size:0; display:flex; justify-content:space-between; align-items:stretch; }
.boardList ul:hover {background:#faf8eb;}
.boardList ul:after {content:''; display:block; clear:both; }
.boardList ul li { display:flex; justify-content:center; align-items:center; padding:14px 10px; border-right:1px solid #eee; line-height:1.4;  text-align:center; }
.boardList ul li:last-child {border-right:none;}
.boardList ul li span { display:inline-block; color:#222;   font-weight:400;   }
.boardList ul li.tit a {color:#fb8834;  font-weight:500;    }
.boardList ul li.tit:hover a {cursor:pointer;}
.boardList ul li.time { line-height:1.1;  }
.boardList ul li.time span {  padding: 0 2px 0 0; font-weight:400;   }
.boardList ul li.from span  { display:inline-block; width:90%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
.boardList ul li.to span  { display:inline-block; width:90%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}

.boardList ul.titbox { padding:0;}
.boardList ul.titbox { border-bottom:1px solid #ddd; background:#f9f9f9; display:flex; align-items:stretch; }
.boardList ul.titbox li {color:#000; font-weight:500; border-right:1px solid #ddd; padding:12px 0; display:flex; justify-content: center; align-items:center; text-align:center;}
.boardList ul.titbox li:last-child {border-right:0;} 2021-07-07

.boardList ul li.num { text-align:right;}
.boardList ul.titbox  li.num { text-align:center;}
.boardList ul li.num span {width:100%;display:inline-block; color:#999; font-size:13px;  font-weight:300;}
.boardList ul li .stit {width:50px; display:inline-block;  color:#999; font-weight:400; }

.boardList.bBlock ul li:nth-child(1) {width:35%; }
.boardList.bBlock ul li:nth-child(2) {width:30%; }
.boardList.bBlock ul li:nth-child(3) {width:35%; } 
.num.tran_col {justify-content:flex-end;}

 @media all and (max-width:600px){
.boardList.bBlock ul li:nth-child(1) ,
.boardList.bBlock ul li:nth-child(3) ,
 
.boardList ul {align-items:stretch;}
.boardList ul li { display:flex; align-items:center; justify-content:center; padding:14px 5px; border-right:1px solid #eee;}
.boardList ul li em {display:inline-block; width:auto;}
.boardList ul li.time span {  font-size:13px; }
} 

 @media all and (max-width:400px){
.boardList ul.titbox {/*padding:13px 0 ;+*/}
.boardList ul.titbox li {  font-size:14px;  }
 }


.boardList.bTrans ul li:nth-child(1) {width:10%;  }
.boardList.bTrans ul li:nth-child(2) {width:16%;  }
.boardList.bTrans ul li:nth-child(3) {width:12%;  }
.boardList.bTrans ul li:nth-child(4) {width:12%;  }
.boardList.bTrans ul li:nth-child(5) {width:12%;  }
.boardList.bTrans ul li:nth-child(6) {width:12%;  }
.boardList.bTrans ul li:nth-child(7) {width:14%; word-break:break-all;  }
.boardList.bTrans ul li:nth-child(8) {width:12%;  }
.boardList.bTrans ul li em {display:none; }
.boardList.bTrans ul li.txid a { width:90%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
 
.titbox_transaction_list li {justify-content:center;} 
.boardList.bTrans ul li.num span {width:100%;display:inline-block; color:#999; font-size:13px;  font-weight:300;}
.boardList.bTrans ul.titbox li.num{justify-content:center;}

.boardList.bTrans2 ul li:nth-child(1) {width:50%;  }
.boardList.bTrans2 ul li:nth-child(2) {width:50%;  }
.boardList.bTrans2 ul li em.stit {display:none;}

@media all and (max-width:801px){
.boardList ul li {padding:14px 0;}
.boardList.bTrans ul.titbox {display:none; height:0;}
.boardList.bTrans ul { display:block; } 
.boardList.bTrans ul li {float:left; border-right:0;padding:2px 10px; }


.dappWrap .boardList ul,
.transWrap .boardList ul,
.holderWrap .boardList ul {padding:12px 0;}
.dappWrap .boardList ul li,
.transWrap .boardList ul li,
.holderWrap .boardList ul li { padding:2px 10px;  display:block;}

.boardList.bTrans ul li:nth-child(1) {width:15%; float:left;  }
.boardList.bTrans ul li:nth-child(2),
.boardList.bTrans ul li:nth-child(3),
.boardList.bTrans ul li:nth-child(4),
.boardList.bTrans ul li:nth-child(5),
.boardList.bTrans ul li:nth-child(6),
.boardList.bTrans ul li:nth-child(7),
.boardList.bTrans ul li:nth-child(8) {width:85%; float:right;  text-align:left; line-height:1.4; display:flex; justify-content:flex-start; align-items:stretch; }
.boardList.bTrans ul li em.stit {width:25%; max-width:80px; float:left;}
.boardList.bTrans ul li.txid a { width:75%; }
.boardList.bTrans ul li.from span,
.boardList.bTrans ul li.to span {  width:70%; padding:0; }


.boardList.bTrans2 ul.titbox {display:none; height:0;}
.boardList.bTrans2 ul { display:block; } 
.boardList.bTrans2 ul li {float:left; border-right:0; padding:2px 10px;  }
.boardList.bTrans2 ul li:nth-child(1) ,
.boardList.bTrans2 ul li:nth-child(2) { width:100%; float:none  text-align:left; line-height:1.4; display:flex; justify-content:flex-start; align-items:stretch; }
.boardList.bTrans2 ul li em.stit {display:inline-block; width:30%; max-width:90px; min-width:70px;  text-align:left; }
.boardList.bTrans2 ul li span {width:70%; text-align:left;display:inline-block; }


.titbox_transaction_list li {display:block;}
.titbox_transaction_list li.num {display:block;}

.boardList.bTrans ul li em {display:inline-block; }
.boardList ul li.num span,
.boardList.bTrans ul li.num span  {width:auto;}
.my_wallet .boardList ul li {padding:0; display:block;}
.my_wallet .titbox_transaction_list {padding:14px 0;}
} 


@media all and (max-width:350px){
.boardList ul li.num span,
.boardList.bTrans ul li.num span,.boardList.bTrans2 ul li.num span {width:80%; float:right; display:inline-block;}
}

@media all and (max-width:321px){
.boardList.bTrans ul li.txid a, .boardList.bTrans2 ul li.txid a { width:70%; }
}


/* board_write */
.board_write {width:100%; }
.board_write table {width:100%; padding:0; margin:0; }
.board_write table tbody  {width:100%;}
.board_write table tbody tr {width:100%; border-bottom:1px solid #eee; background:#f9f9f9;}
.board_write table tbody tr th {width:25%;  padding:12px 3%; text-align:left; font-weight:500; color:#222;  }
.board_write table tbody tr td {width:75%; padding:12px 3%; text-align:left; color:#444;  background:#fff;   }

.board_write .iconInfo {margin-left:8px; vertical-align:top;} 
.board_write .id {color:#000;word-break:break-all; }
.board_write .id .btn_copy { background:url(../img/wallet/copy.png) no-repeat center 50%; width:20px; height:20px; display:inline-block; margin-left:8px;  }
.board_write .id .btn_copy:hover {cursor:pointer; }
.board_write .num { color:#222; font-weight:500;}
.board_write .num .usd {color:#999; font-weight:400;}

@media all and (max-width:801px){
.board_write .id .btn_copy { background:url(../img/wallet/copy_mo.png) no-repeat center 50%; background-size:20px;  }
}

@media all and (max-width:640px){
.board_write table tbody tr th {width:30%;  padding: 12px 0 12px 3%; }
.board_write table tbody tr td {width:70%; padding:12px 3%; }
}

@media all and (max-width:480px){
.board_write table tbody tr th {width:35%; }
.board_write table tbody tr td {width:65%;  }
}

.stbar {width:100%; margin-top:30px !important; border-top:1px solid #ddd !important;  }
.stbar:after {content:''; display:block; clear:both; }
.tbar { border-top:1px solid #333 !important;  }


/* board_round */
.board_round {width:100%; border:1px solid #ddd; border-radius:18px;padding:15px 25px; display:block;}
.board_round table {width:100%; padding:0; margin:0; }
.board_round table tbody  {width:100%;}
.board_round table tbody tr {width:100% ; display:flex; justify-content:flex-start; align-items:stretch;  }
.board_round table tbody tr th {width:25%; min-width:180px; max-width:220px;  padding:8px 0; text-align:left; font-weight:500; color:#222; word-break:keep-all;  }
.board_round table tbody tr td {width:75%; padding:8px 0 8px 10px; text-align:left; color:#444;  background:#fff;   }

.board_round .iconInfo {margin-left:10px; vertical-align:top;} 
.board_round .id {word-break:break-all; }
.board_round .id em {margin-right:8px; }
.board_round .id .btn_copy { background:url(../img/wallet/copy.png) no-repeat center 50%; width:20px; height:20px; display:inline-block;  }
.board_round .id .btn_copy:hover {cursor:pointer; }
 

@media all and (max-width:801px){ 
.board_round .id .btn_copy { background:url(../img/wallet/copy_mo.png) no-repeat center 50%; background-size:16px; }
}

@media all and (max-width:768px){ 
.board_round { padding:12px 20px;}
}

@media all and (max-width:600px){  
.board_round table tbody tr th {width:30%; min-width:160px;   }
.board_round table tbody tr td {width:70%; }
}

@media all and (max-width:480px){ 
.board_round { padding:12px 15px;}
.board_round table tbody tr th { min-width:105px;   }
}


/* dapp */
.dapp_index {width:100%; }
.boardList.dapp_index ul li:nth-child(1) {width:34%; display:inline-block;   }
.boardList.dapp_index ul li:nth-child(2) {width:12%; }
.boardList.dapp_index ul li:nth-child(3) {width:17%; }
.boardList.dapp_index ul li:nth-child(4) {width:17%; }
.boardList.dapp_index ul li:nth-child(5) {width:22%; }
.boardList.dapp_index ul.titbox li:nth-child(1){text-align:center; }
.boardList.dapp_index ul.titbox li:nth-child(2){text-align:center; }
.boardList.dapp_index ul.titbox li:nth-child(3){text-align:center; }
.boardList.dapp_index ul.titbox li:nth-child(4){text-align:center; }
.boardList.dapp_index ul.titbox li:nth-child(5) {text-align:center; }

.boardList.dapp_index ul li.coin span {width:100%;  text-align:left; display:inline-block; font-weight:400;line-height:1.5;}
.boardList.dapp_index ul li.coin span.tit {color:#222; font-weight:600; font-size:16px; padding:0 0 5px; }
.boardList.dapp_index ul li.price {  text-align:right;  }
.boardList.dapp_index ul li.price span { clear:both;width:100%;display:block; font-weight:500; color:#222;}
.boardList.dapp_index ul li.price em {width:100%; display:block; font-weight:400; color:#777;}
.boardList.dapp_index ul li.amount {color:#222;  text-align:right;   }
.boardList.dapp_index ul li.amount span {width:100%;display:block;}
.boardList.dapp_index ul li.amount span em { width:100%;  display:block; font-weight:400; color:#999; margin-left:3px; }
.boardList.dapp_index ul li em.stit  {display:none; height:0;}
.boardList.dapp_index ul li.symbol img { width:36px;} 

@media all and (max-width:801px){
.boardList.dapp_index ul {display:block; position:relative;}
.boardList.dapp_index ul.titbox {display:none; height:0;}
.boardList.dapp_index ul li { border:none; } 
.boardList.dapp_index ul li:nth-child(1) {width:90%; display:block; float:right; padding:0; }
.boardList.dapp_index ul li.coin span.tit {width:100%; display:inline-block; float:none; padding: 5px 0 10px 0 ;  line-height:1; }
.boardList.dapp_index ul li.coin span.txt {width:100%; display:inline-block;  float:none;  }
.boardList.dapp_index ul li:nth-child(2) {width:10%; display:inline-block; float:left;  text-align:left; padding:4px 0 4px 3px;   }
.boardList.dapp_index ul li:nth-child(3),
.boardList.dapp_index ul li:nth-child(4),
.boardList.dapp_index ul li:nth-child(5)  {width:90%; display:inline-block; float:right; text-align:left; padding:4px 0;  }
.boardList.dapp_index ul li:nth-child(3) {padding-top:10px; }
 
.boardList.dapp_index ul li.coin span.tit { font-size:15px; }
.boardList.dapp_index ul li.symbol {position:absolute; left:0; top:14px;}
.boardList.dapp_index ul li.price span,
.boardList.dapp_index ul li.price em,
.boardList.dapp_index ul li.amount span,
.boardList.dapp_index ul li.amount span em { width:auto;display:inline-block; text-align:left; padding:0; }
.boardList.dapp_index ul li em.stit  {width:70px; display:inline-block; height:auto; }
}

@media all and (max-width:600px){ 
.boardList.dapp_index ul li:nth-child(2) {width:12%;    }
.boardList.dapp_index ul li:nth-child(1),
.boardList.dapp_index ul li:nth-child(3),
.boardList.dapp_index ul li:nth-child(4),
.boardList.dapp_index ul li:nth-child(5)  {width:88%;  }
}

@media all and (max-width:500px){ 
.boardList.dapp_index ul li:nth-child(2) {width:13%;    }
.boardList.dapp_index ul li:nth-child(1),
.boardList.dapp_index ul li:nth-child(3),
.boardList.dapp_index ul li:nth-child(4),
.boardList.dapp_index ul li:nth-child(5)  {width:87%;  }
}

@media all and (max-width:400px){
.boardList.dapp_index ul li:nth-child(2) {width:15%;    }
.boardList.dapp_index ul li:nth-child(1),
.boardList.dapp_index ul li:nth-child(3),
.boardList.dapp_index ul li:nth-child(4),
.boardList.dapp_index ul li:nth-child(5)  {width:85%;  }
}

@media all and (max-width:360px){
.boardList.dapp_index ul li:nth-child(2) {width:17%;    }
.boardList.dapp_index ul li:nth-child(1),
.boardList.dapp_index ul li:nth-child(3),
.boardList.dapp_index ul li:nth-child(4),
.boardList.dapp_index ul li:nth-child(5)  {width:83%;  }
}
 

.dapp_tit {border-bottom:none;  padding-bottom:20px;}

.btn_dapp { width:100%; ; *zoom:1; display:inline-block; *display:inline; text-align:right; font-size:0;}
.btn_dapp:after {content:""; display:block; clear:both;} 
.btn_dapp li {display:inline-block; #float:left;  border:1px solid #d9dde6;  line-height:34px; height:36px; color:#444; width:33.33%; max-width:150px; text-align:center; margin-left:-1px;}
.btn_dapp li a { width:100%; }
.btn_dapp li.on a { width:100%; background:#f0f1f4; color:#000; font-weight:500;}

@media all and (max-width:801px){
.board_tit.dapp_tit { display:block;}
.board_tit.dapp_tit h3.ctit {  width:100%;  padding:0 0 5px; display:block;}
.board_tit.dapp_tit .rbox {width:100%; margin:0 ; display:block; }
.board_tit.dapp_tit .rbox .btn_dapp {  width:100%; margin:0;}
.board_tit.dapp_tit .rbox .btn_dapp li {  max-width:33.33%;  }
 }


/*dapp info 상세추가*/
.website {
	background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.youtb {	width:100%; height:22vw;}

.weblink {
	background: #fff;
    border-radius: 4px;
	font-size: 13px;
    border: 1px solid #ddd;
    padding: 6px 10px;
}

.weblink:hover,
.weblink:focus {background: #f5f5f5;}

.dapp_tit2 {padding-bottom: 10px;}
.comp_img {width: 100%;}

.board_write table tbody tr th {padding: 12px 3%;}

.boardList.bTrans1 ul li.txid {width: 50%; word-break: break-all;}
.boardList.bTrans1 ul li.txid a { width:90%; white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
.boardList.bTrans1 ul li .stit {display:none;}
.boardList.bTrans1 ul.titbox .num {width: 50%; text-align:center;}
.boardList.bTrans1 ul .num {width: 50%;}
.boardList.bTrans1 ul .num > span.pia_hold {width: 100%; text-align:right; color: #000 !important; font-weight:500 !important; font-size: 14px !important;}
.boardList.bTrans1 ul .num > span.pia_hold  {width: 100%; word-break: break-all; text-align:right; color: #000 !important; font-weight:500 !important; font-size: 14px !important;}
.boardList.bTrans1 ul .num > span.pia_hold .doll_p  {display:block;}

@media all and (max-width:1600px){
	.youtb {	width:100%; height:25vw;}
}

@media all and (max-width:1400px){
	.youtb {	width:100%; height:28vw;}
}
@media all and (max-width:1300px){
	.youtb {	width:100%; height:30vw;}
}
@media all and (max-width:1200px){
	.youtb {	width:100%; height:32vw;}
}
@media all and (max-width:1100px){
	.youtb {	width:100%; height:40vw;}
}

@media all and (max-width:1000px){	
	.youtb {	width:100%; height:35vw;}
}

@media all and (max-width: 801px){
	.board_tit.dapp_tit2 {display: block;	}
	.boardList.bTrans1 ul {padding:0;}
	.boardList.bTrans1 ul li {padding: 14px 10px;}	
}


@media all and (max-width: 768px){
	.boardList.bTrans1 ul.titbox {display:none !important;}
	.boardList.bTrans1 ul {display:block; padding-top: 10px; padding-bottom: 10px;}
	.boardList.bTrans1 ul li.txid {width: 100%; display:block; border-right:0; text-align:left; padding:0;}
	.boardList.bTrans1 ul li.txid > a {display:inline-block; width: 67%;}
	.boardList.bTrans1 ul .num {margin-top: 5px;}
	.boardList.bTrans1 ul .num {width: 100%; display:block; text-align:left; padding:0;}
	.boardList.bTrans1 ul .num > span.pia_hold {text-align:left; width: 67%;}
	.boardList.bTrans1 ul .num > span.pia_hold .doll_p  {display:block;}
	.boardList.bTrans1 ul li .stit {display:inline-block; width: 22%; padding-left: 3%; margin-right: 15px;}
}

@media all and (max-width: 350px){
.boardList.bTrans1 ul .num > span.pia_hold{float:none!important;}
}


/* page */
.page {width:100%; padding:30px 0 0 0;  }
.page ul {width:100%;padding:0; display:flex; justify-content:center; align-items:center;font-size:0; }
 
.page ul li {text-align:center;  }
 
.page ul li a { display:inline-block;  padding:0; line-height:19px; height:20px; text-align:center; margin:0 5px; font-size:14px;  color:#5f5f5f; border-bottom:1px solid #fff; text-decoration:none; }
.page ul li a span {font-size:0;}
.page ul li a.on {  color:#fff;  color:#fff; border-bottom:1px solid #f9ae41; color:#f9ae41; font-weight:500;}
.page ul li a:hover {color:#000;}
.page ul li a.on:hover {color:#f9ae41;}
.page ul li.start a {width:24px; margin:0; background:url('../img/com/page_start.png') no-repeat center 50%; margin:0;  }
.page ul li.pre a {width:24px; margin:0; background:url('../img/com/page_pre.png') no-repeat center 50%;  margin:0 4px 0 0 ;}
.page ul li.next a {width:24px;margin:0; background:url('../img/com/page_next.png') no-repeat center 50%; margin:0 0 0 4px; }
.page ul li.end a {width:24px;margin:0; background:url('../img/com/page_end.png') no-repeat center 50%; margin:0;}
.page ul li.start a:hover { background:url('../img/com/page_start_on.png') no-repeat center 50%;  }
.page ul li.pre a:hover { background:url('../img/com/page_pre_on.png') no-repeat center 50%;   }
.page ul li.next a:hover { background:url('../img/com/page_next_on.png') no-repeat center 50%;  }
.page ul li.end a:hover { background:url('../img/com/page_end_on.png') no-repeat center 50%; }
 
.op20 a { width:24px; height:24px; display:inline-block;opacity:0.2 !important; filter:alpha(opacity=20) !important; }


 /* burnbox */
.burnbox {width:100%; display:flex; justify-content:space-between; align-items:top;  margin:40px 0 40px;   } 
.burnbox:after {display:block;clear:both;content:'';}
.burnbox > div {width:32%; float:left; margin:0 0 0 2%;  font-weight:500; text-transform:uppercase; text-align:left;border-radius:20px; border:1px solid #f3efd7;background:#faf8eb; padding:0 0 0 20px;
						-webkit-box-shadow:3px 3px 0 rgba(215,214,209,1);
						-moz-box-shadow:3px 3px 0 rgba(215,214,209,1);
						-o-box-shadow:3px 3px 0 rgba(215,214,209,1);
						-ms-box-shadow:3px 3px 0 rgba(215,214,209,1);
						box-shadow:3px 3px 0 rgba(215,214,209,1);} 
.burnbox > div:nth-child(1) {margin-left:0;} 
.burnbox > div span { width:100%; padding:0 ; height:65px;  display:flex; justify-content:flex-start;  align-items:center;  font-size:15px; font-weight:500; color:#3d3d3d;}
.burnbox > div em{width:100%;  text-align:left; line-height:64px; height:65px;  color:#3d3d3d; font-size:20px; font-weight:600;  }
.burnbox > div em i { color:#8b8b8b; font-size:14px; font-weight:400;  }
.burnbox > div.brbox em{ color:#f9ae41;  }
 
@media all and (max-width:1400px){  
.burnbox > div { margin:0 0 0 20px;  }
}

@media all and (max-width:1150px){  
.burnbox {width:100%; display:flex; justify-content:space-between; align-items:center;  margin:40px 0 30px 0; } 
.burnbox > div span {height:60px;} 
.burnbox > div em {  line-height:59px; height:60px; }
}


@media all and (max-width:801px){ 
.page ul li.start a { background:url('../img/com/page_start_mo.png') no-repeat center 50%; background-size:24px; }
.page ul li.pre a { background:url('../img/com/page_pre_mo.png') no-repeat center 50%; background-size:24px;}
.page ul li.next a { background:url('../img/com/page_next_mo.png') no-repeat center 50%; background-size:24px; }
.page ul li.end a { background:url('../img/com/page_end_mo.png') no-repeat center 50%; background-size:24px;}
.page ul li.start a:hover { background:url('../img/com/page_start_mo_on.png') no-repeat center 50%; background-size:24px; }
.page ul li.pre a:hover { background:url('../img/com/page_pre_mo_on.png') no-repeat center 50%; background-size:24px;}
.page ul li.next a:hover { background:url('../img/com/page_next_mo_on.png') no-repeat center 50%; background-size:24px;}
.page ul li.end a:hover { background:url('../img/com/page_end_mo_on.png') no-repeat center 50%;background-size:24px;}
}

@media all and (max-width:700px){  
.burnbox { display:block; }  
.burnbox > div.blbox { width:48%; float:left; margin: 20px  0 0 ; }
.burnbox > div.brbox { width:48%; float:right; margin: 20px  0 0;}
.burnbox > div.current { width:100%;margin:0 ;} 
.burnbox > div.current:after {display:block;clear:both;content:'';}
}
  
@media all and (max-width:700px){  
.burnbox { margin:35px 0 30px 0; }  
}

@media all and (max-width:600px){  
.burnbox > div span {height:55px;} 
.burnbox > div em {  line-height:54px; height:55px; }
}

@media all and (max-width:500px){  
.burnbox > div.blbox,
.burnbox > div.brbox { width:100%; display:block;margin: 20px  0 0 ; }
.burnbox > div.brbox { margin: 20px 0 0;}
}

@media all and (max-width:450px){  
.burnbox > div span {height:50px;} 
.burnbox > div em {  line-height:49px; height:50px; }
}