*{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:#3CA3BD; text-decoration:none; }

/*標*/
.top_bar{display:none;background:linear-gradient( 135deg,#cc3d3d, #1a80c4);font-weight:bold;}
.top_bar p{color:#FFF;text-align:center;padding:2px 0;}
.top_bar a{display:inline-block;background:#FFFFFF;color:#256828;font-size:13px;border-radius:5px;padding:2px;}

/*內容*/
.container{display:flex;height: 97px;}
/*左側固定*/
.container .side_box{display:flex;flex-wrap: wrap;align-content:center; width:200px;background:#FFF;border:0px solid red;}
.container .side_box p{text-align:center;;font-size:16px;font-weight:bold;}
.container .side_box p span{display:block;width:100%;font-size:23px;font-weight:bold;}
.container .side_box p:nth-of-type(1){flex:1 1 40%;background:#FFF;color:#cc3d3d;padding-top:10px;border:1px dashed #cc3d3d;}

.container .side_box p:nth-of-type(2){flex:1 1 40%;background:#FFF;color:#1a80c4;padding-top:10px;border:1px dashed #1a80c4;}

.container .side_box p:nth-of-type(3){flex:1 0 22px;background:#000;height:100%;font-size:17px;color:#FFF;writing-mode: vertical-lr;    line-height: normal;}

.container .side_box i {display: block;width:95%;font-size: 12px; font-style: normal;font-weight: 300;color: #fff;padding: 0px 3px; border-radius: 10px;    margin: 0 auto;}
.container .side_box p:nth-of-type(1) i{background-color: #cc3d3d;}
.container .side_box p:nth-of-type(2) i{background-color: #1a80c4;}



.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 #75C176;}


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


.swiper-slide .part_1{width:100%;height:30px;background:#F7F7F7;position:relative;border-bottom:1px solid #75C176; }    
.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 #75C176;}
.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{display:block;width:30px;height:20px;margin:5px auto 0;border: 1px solid #CCC;}    
.swiper-slide .part_2 .box_0 .box p{font-size:13px;  
    overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;}        
.swiper-slide .part_2 .box_0 .box_1{flex:0 0 50%;height:45px;margin-top:5px;border:0px solid green;}
.swiper-slide .part_2 .box_0 .box_2{flex:0 0 50%;height:45px;margin-top:5px;border:0px solid orange;}
.swiper-slide .part_2 .box_0 .box_3{display:flex;flex:0 0 100%;height:23px;;border:0px solid #000;}
.swiper-slide .part_2 .box_0 .box_3 p{flex:0 0 50%;font-size:16px;color:#3293D9;font-weight:700;}
.swiper-slide .part_2 .box_0 .box_3 p:nth-of-type(1){position:relative;}


.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: #8C72B1;}
    
/*768px*/
@media only screen and (max-width:768px){
    .iframe_gamelist{width:100%;}
    .swiper_btn{display:none;}

}
/*pc樣式*/
.pc .top_bar{display:block;}
.pc .swiper{ background:#8C72B1;  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;}


/*2024美國大選*/

/* 表格===================== */
.table_box{display:flex;flex-wrap:wrap;justify-content:space-between;width:200px;height: 100%;}
.table_box p {display:flex;justify-content:space-between;align-items: center;width:100%;font-size:17px;padding:0 8px;}
.table_box .box_1{background:#FFF;color:#000;font-weight:bold;justify-content:center;    align-items: center;border-radius:5px 5px 0 0;border-bottom:1px solid #CCC;}
.table_box .box_1 span{display:block;width:22px;height:22px;background:#A48DBD;border-radius:50px;color:#FFFA99;font-size:12px;font-weight:bold;margin-left:8px;line-height:22px;}
.table_box .box_2 span{display:block;}



.table_box p.elected::before{content: "✓"; width: 20px;height: 20px;line-height: 18px; font-size: 14px;text-align: center; background-color: gold; color: rgb(0, 0, 0);font-weight: 500; border-radius: 50%;}

.table_box .box_2.elected{background:#cc3d3d; color: #fff;}
.table_box .box_3.elected{background:#1a80c4; color: #fff;border-radius: 0 0 5px 5px;}




/*app樣式*/
.app .top_bar{display:block;height:22px;}
.app .top_bar p{padding: 0;font-size:13px;}
.app .top_bar a{padding:1px 3px;font-size:11px;}
.app .iframe_gamelist{height:75px;background:#8C72B1;}
.app .swiper{background:none;padding:0;}
.app .swiper-slide {flex-direction:row;height: 49px;}

.app .swiper-slide .part_1{flex:0 1 20%;height:100%;border-bottom:none;border-right: 1px solid #75C176;padding:0 2px;}
.app .swiper-slide .part_1 p{font-size:13px;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樣式*/
/*左側固定*/
.app .container{height: 55px;}
.app p{font-size:13px !important;}
.app .container .side_box{width: 145px;height:53px;}
.app .container .side_box p{height:55px;text-align:center;font-weight:500;padding:0;}
.app .container .side_box p span{display:block;width:100%;font-size:20px;font-weight:700;}
.app .container .side_box p:nth-of-type(1){padding-top:0px;}
.app .container .side_box p:nth-of-type(3){flex:0 0 17px;font-size: 14px !important;}


.app .table_box {width:245px;}
.app .table_box p{padding:0 3px;}
.app .table_box p.elected::before{width: 12px;height: 12px;font-size:10px;line-height:10px; }



.app .table_box .box_1{flex: 1 1 100%;height:18px;}
.app .table_box .box_1 span{width: 15px; height: 15px;font-size:9px;margin-left: 6px;line-height:14px;}
.app .table_box .box_2{flex: 1 1 50%;height: 28px;border-right:1px dashed #CCC;}
.app .table_box .box_3{flex: 1 1 50%;height: 28px;}

.app .table_box .box_2.elected{border-radius: 0 0 0px 5px;}
.app .table_box .box_3.elected{border-radius: 0 0 5px 0px;}