@charset "big5";
/* CSS Document */

/*body { font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif"; color: #333; min-width: 1050px;}
a { text-decoration: none; }
:focus { outline: none; }
i { font-style: normal; }
.header, .footer { width: 1050px; margin: auto;}
.hd_pc { width: 1050px; }
.hd_m { display: none; }*/

.div_group { 
    overflow: hidden;
    width: 1150px; 
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
}

/**圖表**/
.canvas { 
    width: 90%; 
    margin: 0 auto; 
    z-index: 100;
}

/**32個國家**/
.nationGroup { 
    width: 90%;
    margin: 0 auto;
    display: flex; 
    flex-wrap: wrap;
    justify-content: space-between
}

/**A-G分組**/
.groupTeam{
    width: 24%;
    margin-bottom: 15px;
}

.group_tit{
    font-size: 18px; 
    border-radius: 40px; 
    color: #8a1538; 
    font-weight: bold;
    text-align: center;
}
.group_nation{}

.nation{
    /**width: 160px;**/
    margin: 4% 0;
    z-index: 999;
    border-radius: 10px; 
    background:#eeeee4;
    border: 1px #cfcfb9 solid;
    transition: linear .2s;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	position: relative;
	overflow: hidden;
}

.nation:hover{
    filter: brightness(110%);
    cursor: pointer;
}

/**over淘汰**/
.nation.over .tag_over {
    display: block;
    position: absolute;
    width: 100%;
    height: 37px;
    background: url(../images/tag_over.png) center;
    z-index: 15;
}

.nation .flag{
    width: 30px;
	padding-left: 5%;
    margin-right: 3%;
}
.nation .flag img{
    width: 100%;
    vertical-align: middle;
}

.group_nation a{
    display: block; 
    text-decoration: none; 
    text-align: left; 
    font-size: 15px; 
    color: #000; 
    font-weight: bold; 
    line-height: 35px;   
}

/**iframe**/
.voteGroup iframe {
    width: 1130px;
    height: 510px;
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
}

@media screen and (max-width: 768px) {
body { width: 100vw; min-width: inherit;  }
* { box-sizing: border-box; }
#doyoo_panel { display: none!important; }
.header { width: 100vw }
.footer { display: none; }
.hd_pc { display: none; }
.hd_m { display: block }
 
.div_group {
    width: 100vw;
    padding: 25px 0;
}
/**32個國家**/    
.nationGroup { 
    width: 95%
}
/**.canvas {width: 100%;}**/
.canvas {width: 230vw !important;}
/**iframe**/    
.voteGroup iframe {width: 97vw; height: 115vw;}
 ::-webkit-scrollbar {width: 0;} /*捲軸消失*/

.groupTeam{
    width: 49%;
    margin-bottom: 3%;
}
.nation{margin: 3% 0;}    
    
}