*{margin: 0; padding: 0;    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

:root{
	--primary: #006368;
	--secondary: #02BE62;
	--lightBackground: #f6fcfc;
	--text_1:#002823;
  --heightLight:#e5ad5b;
  --heightLight_2:#369A98;
}

body { font-family: "微軟正黑體",Arial, Helvetica, sans-serif, "新細明體";  font-size:15px; line-height:1.5; font-weight:normal; color:#333;}
em{ font-style: normal;}


/*預設連結狀態*/
a:link, a:visited { color:#000; text-decoration:none; }
a:hover, a:active { color:#0168b7; text-decoration:none; }

/*標*/
.top_bar{display:none;background:var(--primary);}
.top_bar p{color:#FFF;text-align:center;padding:2px 0;}
.top_bar a{display:inline-block;background:#FFFFFF;color:var(--primary);font-size:13px;border-radius:5px;padding:2px;}


.iframe_gamelist{/*width:calc(100% - 60px);margin:0 auto;*/position:relative;}    
.swiper{width:100%;}    
.swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; border:1px solid var(--primary);}


.swiper-slide{background:#FFF;text-align:center; font-size:18px; color:#000;flex-direction: column; width:auto;flex:1 1 auto;}


.swiper-slide .part_1{width:100%;height:30px;background:var(--primary);position:relative;border-bottom:1px solid var(--primary);}    
.swiper-slide .part_1 p{font-size:18px; line-height: 30px; color: #fff;font-weight:700;}    
    
.swiper-slide .part_2{width:100%;display:flex;justify-content:space-around;border:0px solid green; }    
.swiper-slide .part_2 .box_0{display:flex;flex-wrap:wrap;width:150px;border-right:1px solid var(--primary); padding: 5px 0; }
.swiper-slide .part_2 .box_0:last-child{border-right: 0;}    
.swiper-slide .part_2 .box_0>p{flex:0 0 100%;height:30px;line-height:30px;font-size:17px;font-weight:700;color: var(--text_1);position:relative;margin:-1px ;border:0px solid yellow;}
.swiper-slide .part_2 .box_0>p span{}
.swiper-slide .part_2 .box_0 .box img{float:left;display:block;width:30px;height:20px;margin:5px auto 0;border: 1px solid #CCC;}    
.swiper-slide .part_2 .box_0 .box p{float:left;display:inline-block;font-size:15px; margin-left:5px; }   
.swiper-slide .part_2 .box_0 .box em{float:right;display:block;color:#CCC;}
.swiper-slide .part_2 .box_0 .box_1{flex:0 0 100%;height:35px;text-align:left;margin-top:5px;padding:0 10px;border:0px solid green;}
.swiper-slide .part_2 .box_0 .box_2{flex:0 0 100%;height:35px;text-align:left;margin-top:5px;padding:0 10px;border:0px solid orange;}

/*比完*/
.swiper-slide .part_2 .box_0.end .box em{font-size:18px;color:#e70012;font-weight:700;}


.swiper_btn{position:absolute;z-index:10;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left:-30px;}    
.swiper-button-next, .swiper-rtl .swiper-button-prev{right:-30px;}    
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{width:50%;left:50%;transform:translateX(-50%);bottom:0px;}    
:root {  --swiper-theme-color: var(--primary);;}
    
/*600px*/
@media only screen and (max-width:600px){
    .iframe_gamelist{width:100%;}
    .swiper_btn{display:none;}

}
/*pc樣式*/
.pc .top_bar{display:block;}
.pc .swiper{ background: var(--primary);  padding: 0 8px 8px;}
.pc .swiper-slide .part_1{height:auto;}
.pc .swiper-slide .part_1 p{font-size:15px;}

.pc .swiper-slide .part_2 .box_0{padding-bottom:0px;}
.pc .swiper-slide .part_2 .box_0>p{font-size:15px;height:auto;line-height:18px; padding: 3px 0; margin-bottom: 3px;}
.pc .swiper-slide .part_2 .box_0 .box_1{margin-top:0;}
.pc .swiper-slide .part_2 .box_0 .box_2{margin-top:0;}


/*app樣式*/
body.app{line-height:19px;}
.app .top_bar{display:block;}
.app .top_bar p{padding:2px 0;font-size:12px;}
.app .top_bar a{padding:1px 2px;font-size:12px;}
.app .iframe_gamelist{height:85px;background:var(--primary);padding:0 3px;}
.app .swiper{background:none;padding:0;}
.app .swiper-slide {flex-direction:row;padding:1px;}

.app .swiper-slide .part_1{height:100%;border-bottom:none; border-right: 2px solid #16d478;padding:0 2px; flex-shrink: 0; width: 50px; background: #fdfdfd; }
.app .swiper-slide .part_1 p{font-size:12px;line-height:15px; color: var(--secondary); font-weight: 800;}

.app .swiper-slide .part_2{flex:0 1 80%;}

.app .swiper-slide .part_2 .box_0 {padding:0; width: 130px;}
.app .swiper-slide .part_2 .box_0>p{font-size:12px;height:auto;line-height:16px; color: var(--primary);}
.app .swiper-slide .part_2 .box_0 .box p{}
.app .swiper-slide .part_2 .box_0 .box_1{height:auto;margin-top:0px;}
.app .swiper-slide .part_2 .box_0 .box_2{height:auto;margin-top:0px;}
.app .swiper-slide .part_2 .box_0 .box img {display:none;}
.app .swiper-slide .part_2 .box_0 .box_3{height:15px;}
.app .swiper-slide .part_2 .box_0 .box_3 p{font-size:13px;line-height:13px;}
.app .swiper-slide .part_2 .box_0 .box em{font-size:16px;}
.app .swiper-slide .part_2 .box_0.end .box em {font-size:16px;}