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


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:#203787;}
.top_bar p{color:#FFF;text-align:center;padding:2px 0;}
.top_bar a{display:inline-block;background:#FFFFFF;color:#203787;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 #203787;}


.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:#F7F7F7;position:relative;border-bottom:1px solid #203787; }    
.swiper-slide .part_1 p{font-size:18px;color:#3B3B3B;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;padding-bottom:10px;border-right:1px solid #203787;}
.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:#000;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: #20368c;}
    
/*600px*/
@media only screen and (max-width:100px){
    .iframe_gamelist{width:100%;}
    .swiper_btn{display:none;}

}
/*pc樣式*/
.pc .top_bar{display:block;}
.pc .swiper{ background: #203787;  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;}
.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:#203787;padding:0 3px;}
.app .swiper{background:none;padding:0;}
.app .swiper-slide {flex-direction:row;padding:1px;}

.app .swiper-slide .part_1{flex:0 1 20%;height:100%;border-bottom:none;border-right: 1px solid #203787;padding:0 2px;}
.app .swiper-slide .part_1 p{font-size:12px;line-height:15px;}

.app .swiper-slide .part_2{flex:0 1 80%;}
.app .swiper-slide .part_2 .box_0 {padding:0;}
.app .swiper-slide .part_2 .box_0>p{font-size:12px;height:auto;line-height:16px;}
.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;}