/*載入思源黑體*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#fff;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}/*******global.css**************************************************************/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*調整手機旋轉字放大*/
html{font-size: 100%; /*1*/ -webkit-text-size-adjust: 100%; /*2*/ -ms-text-size-adjust: 100%; /*2*/}
body { font-family:'Noto Sans TC', '微軟正黑體'; /*思源黑體*/ font-size:13px; line-height:1.5; color:#333;}
ul{ list-style:none;}

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

/*圖片無框*/
a img {border:none;}

/*h標題設定*/
h1 {font-size:28px; font-weight: normal;}
h2 {font-size:24px; font-weight: normal;}
h3 {font-size:18px; font-weight: normal;}
h4 {font-size:16px; font-weight: normal;}
h5 {font-size:15px; font-weight: normal;}
h6 {font-size:13px; font-weight: normal;}

/*hr*/
hr{ display:block; margin:20px 0px;}

/*strong em設定*/
strong, em{ font-style:normal; font-weight:normal;}

/*清除 clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

/*回上層*/
.gototop{ display:block; width:45px; height:45px; border-radius:50%; background:url("../images/icon_gototop.png") center no-repeat; background-size:100% auto; text-indent:-9999px; position:fixed; right:20px; bottom:30px; border:0px solid red;}

/*看更多按鈕*/
a.btn_more{ display:block; margin:0 auto; padding:10px; border:0px solid #F97173; border-radius:50px; font-size:16px; text-align:center; background-color:#F97173; color:#fff; }
a.btn_more:hover{ background:#F97173; opacity:0.9;  color:#fff;}


/*即時開票 警語*/
span.hint{ display:block; margin:auto auto 20px auto; text-align:center; font-size:14px; color:#F97173; border:0px solid red; }

/*當選*/
i.icon_elected{ display:inline-block; width:30px; height:30px; margin:0px 2px;  background:url("../images/icon_elected.png") no-repeat; background-size:100% auto;  vertical-align:-7px; }

/*黨徽*/
i.icon_party{display:inline-block; width:30px; height:30px; margin:0px 5px;  vertical-align:-7px;   }
i.icon_party img{ display:block; width:100%; height:auto; }

/*頭照*/
i.icon_head{ display:block; width:100px; height:100px; position:relative; box-shadow:0px 0px 3px 0#ccc; }
i.icon_head img:nth-of-type(1){ display:block; width:100%; height:auto;  }
i.icon_head img:nth-of-type(2){ display:block; width:30%; height:30%; position:absolute; right:-5px; bottom:-5px;   }

/*電視台*/
i.icon_tv{ display:inline-block; width:100px; height:40px; vertical-align:-13px; position:relative; border:0px solid red;   }
i.icon_tv img{ display:block; width:100%; height:auto;  }

/*icon 重整*/
a.btn_reset{display:block; width:20px; height:20px; background:url(../images/btn_reset.png) no-repeat; background-size:100% auto; position:absolute; right:2%; top:25%; border:0px solid red;}
/*重整 hover 變顏色*/
a.btn_reset:hover{display:block; width:20px; height:20px; background:url(../images/btn_reset_hover.png) no-repeat; background-size:100% auto; position:absolute; right:2%; top:25%;}

/*圖表文字 斷行*/
/*375px*/
@media only screen and (max-width:375px){
	em.hint_title{ display:block; }
}


/*表格==========================*/
table{}

table caption{ font-size:17px; vertical-align:middle; }

table th,
table td{ font-size:17px; border-bottom:2px solid #eee; text-align:center; vertical-align:middle; }

table th, td{ padding:10px 5px; }

/*414px*/
@media only screen and (max-width:414px){
	h3,
	h4,
	table caption,
	table th,
	table td{ font-size:15px; }
}

/*375px*/
@media only screen and (max-width:375px){
	h3,
	h4,
	table caption,
	table th,
	table td{ font-size:14px; }
}

/*320px*/
@media only screen and (max-width:320px){
	h3,
	h4,
	table caption,
	table th,
	table td{ font-size:12px; }

}




table caption{ padding:10px;  background: #4D4D81; color:#fff; position:relative;  }

table th{ color:#4D4D81; }




/*分類按鈕*/
.part_btn{ text-align:center; border:0px solid red; }
.part_btn a.btn{ width:30%;  display:inline-block; padding:10px;  background:#fd9fa0; color:#fff; font-size:16px;  border-radius:50px; }
.part_btn a.btn:hover{  background:#F97173;}
.part_btn a.btn.current{ background:#F97173; margin-right:15px; }


/*空心按鈕*/
.part_btn.ghost a.btn{  background:#fff; color:#F97173; border:2px solid #F97173; }
.part_btn.ghost a.btn:hover{  background:#F97173; color:#fff; border:2px solid #F97173; }


/* .part_btn.large a.btn{  } */






/*測試外框=========*/
/* *{ box-shadow:0px 0px 0px 1px #f0f inset!important;} */

/*wrapper ===============*/
.wrapper{ border:0px solid #333; }

/*topbar===============*/
.topbar_box{ background:url("../images/bg_topbar_box.png") no-repeat center right; margin:0 auto; }
.topbar{ width:100%; max-width:768px; height:44px; margin:0 auto; margin-bottom:20px; background-color:#4D4D81; }

/*topbar 元件=======================================*/

/*topbar menu_1*/
.topbar .menu_1{ float:left; color:#777; }
.topbar .menu_1 a{ line-height:44px; margin:5px; }
.topbar .menu_1 a:first-child{ margin-left:10px; }
.topbar .menu_1 a:link, .topbar .menu_1 a:visited { color:#fff;}
.topbar .menu_1 a:hover, .topbar .menu_1 a:active { color:#F97173;}

/*topbar .menu_2*/
.topbar .menu_2{ float:right; position:relative; top:10px; margin-right:10px;}
.topbar .menu_2 a{ display:inline-block; width:25px; height:25px; margin-right:10px; background:url(../images/push_box@2x.jpg) left top no-repeat; background-size:50px 125px; text-indent:-9999px; border-radius:50%; }
.topbar .menu_2 a:last-child{ margin-right:0; }

/*menu_2 icon定位*/
.topbar .menu_2 a.fb{ background-position:0px 0px;}
.topbar .menu_2 a.line{ background-position:0px -50px;}
.topbar .menu_2 a.sina{ background-position:0px -75px;}

.topbar .menu_2 a.fb:hover{ background-position:-25px 0px;}
.topbar .menu_2 a.line:hover{ background-position:-25px -50px;}
.topbar .menu_2 a.sina:hover{ background-position:-25px -75px;}

/*吸住*/
.topbar.active { width:100%; max-width:768px;  position:fixed;  top:0px; left:50%; transform:translate(-50%, 0%); z-index:100; border:0px solid blue;}

/*768px*/
@media only screen and (max-width:768px){
	.topbar .menu_1 a:first-child{ margin-left:10px;}
	.topbar .menu_2{ margin-right:10px;}
}

/*320px*/
@media only screen and (max-width:320px){
	.topbar .menu_2 a{margin-right:5px;}
}



/*container ===============*/
/*背景*/
.container_box{ background:url("../images/bg_container.jpg") no-repeat center top;}
.container{ width:100%; max-width:768px; margin:0 auto; background-color:#fff; border:0px solid orange;}


/*header*/
.header{ width:100%; max-width:768px; height:180px; margin:0 auto; margin-bottom:22px; position:relative; border:0px solid red;}

/*header 元件=======================================*/

/*logo 選舉版=============*/
.header h2.logo_election{ width:210px; height:100px; background:url("../images/logo_logo_election@2x.png") no-repeat; background-size:100% auto; position:absolute; left:10px; top:0px;  border:0px solid red;}
.header h2.logo_election a{ display:block; width:100%; height:100%; background:rgba(0,255,0,0); text-indent:-9999px;}

/*414px*/
@media only screen and (max-width:414px){
	.header h2.logo_election{ width:180px; }
}

/*375px*/
@media only screen and (max-width:375px){
	.header h2.logo_election{ width:160px;}
}

/*320px*/
@media only screen and (max-width:320px){
	.header h2.logo_election{ width:130px; }
}



/*nav_1 pc 導航===============*/
.header .nav_1{ width:100%; height:55px; position: absolute; left:0px; bottom:0px; background:#fff; box-shadow:0px 0px 3px #D2D2D2;}
.header .nav_1 ul{}
.header .nav_1 li{ float:left; width:calc(100% / 7); position:relative;}

/*分隔線*/
.header .nav_1 li a{ display:block; flex-grow:1; height:55px;  line-height:55px; font-size:18px; text-align:center; cursor:pointer; }
.header .nav_1 li:nth-of-type(n+2)::before{ content:""; display:block; width:1px; height:20px; background-color: #ccc; position:absolute; left: 0px; top: 50%; transform: translateY(-50%); }


/*一般hover狀態*/
.header .nav_1 li a:link, .header .nav_1 li a:visited { color:#272063; background:#fff; text-decoration:none; }
.header .nav_1 li a:hover, .header .nav_1 li a:active { color:#272063; background:#F6F6FF;}


/*分隔線 hover狀態*/
.header .nav_1 li:hover::before, .header .nav_1 li:hover + li::before{ display:none;}



/*nav_1 current*/

.header .nav_1 li.current{background:#4D4D81; color:#F3F4F8; border-left:1px solid #ddd; border-right:1px solid #ddd;}

.header .nav_1 li.current::before, .header .nav_1 li.current + li::before{display:none;}


.header .nav_1 li.current a:link, .header .nav_1 li.current a:visited { color:#fff; background:#F97173; text-decoration:none; }
.header .nav_1 li.current a:hover, .header .nav_1 li.current a:active { color:#fff; background:#F97173;  }






/*414px*/
@media only screen and (max-width:414px){
	.header .nav_1{ display:none;} /*mobile時隱藏*/
}

/*吸住*/
.header .nav_1.active{ width:100%; max-width:768px;   position:fixed;  top:44px; bottom:auto; left:50%; transform:translate(-50%, 0%); z-index:100;    border:0px solid red;}





/*nav_2 mobile 導航===============*/
.header .nav_2{ width:100%; height:auto; background:#F3F4F8; position:absolute; left:0px; bottom:0px; display:none;/*初始隱藏*/ border:0px solid green;} 
.header .nav_2 ul{background:#fff;box-shadow:0px 0px 3px #D2D2D2; }
.header .nav_2 li{ width:calc(100% / 4); float:left;}
.header .nav_2 li a{ display:block; height:40px; line-height:40px; text-align:center; font-size:16px;  }

.header .nav_2 li a:link, .header .nav_2 li a:visited { color:#272063; background:#fff; text-decoration:none; }
.header .nav_2 li a:hover, .header .nav_2 li a:active { color:#272063; background:#F6F6FF; }

/*nav_2 current*/

.header .nav_2 li.current a:link, .header .nav_2 li.current a:visited { color:#fff; background:#F97173; }
.header .nav_2 li.current a:hover, .header .nav_2 li.current a:active { color:#fff; background:#F97173; }

/*吸住*/
.header .nav_2.active{ width:100%; max-width:768px;   position:fixed;  top:44px; bottom:auto; left:50%; transform:translate(-50%, 0%); z-index:100; border:0px solid green;}

/*414px*/
@media only screen and (max-width:414px){
	.header{ height:190px;}
	.header .nav_2{ display:block;} /*mobile時出現*/
	.header .nav_2 li a{ font-size:16px;}
}

/*375px*/
@media only screen and (max-width:375px){
	.header{ height:180px;}
}


/*320px*/
@media only screen and (max-width:320px){
	.header{ height:165px;}
}









/*計時器================*/
.counter_style { width:200px;  height:50px; line-height:60px;  color:#999; font-size:15px; text-align:right; position:absolute; right:10px; top:54px; border:0px solid green;
}

/*年月週日時分秒*/
.counter_style span{ }
.counter_style span.yn{}
.counter_style span.on{}
.counter_style span.wn{}
.counter_style span.dn{}
.counter_style span.hn{}
.counter_style span.mn{}
.counter_style span.sn{ display:none;}

/*數字*/
.counter_style span em{ font-size:36px; }

.counter_style span.hn em,
.counter_style span.mn em,
.counter_style span.sn em{font-size:30px;}

/*單位*/
.counter_style span strong{}

/*不同天數換字色*/
.counter_style em.color_1{ color:#4D4D81; }
.counter_style em.color_2{ color:#F97173; }
.counter_style em.color_3{ color:red; }

/*414px*/
@media only screen and (max-width:414px){
   .counter_style { top:41px;}
}

/*375px*/
@media only screen and (max-width:375px){
   .counter_style { top:31px;}
}

/*320px*/
@media only screen and (max-width:320px){
	.counter_style { top:12px; line-height:74px; }

	.counter_style span.dn em,
	.counter_style span.hn em,
	.counter_style span.mn em,
	.counter_style span.sn em{font-size:22px;}

	.counter_style span.title,
	.counter_style span strong{font-size:14px;}
	
} 

/*footer_box ===============*/
.footer_box{ height:250px; background-color:#4D4D81;}	

/*footer */
.footer{ width:100%; max-width:768px; margin:0 auto; padding-top:85px; border:0px solid red;}

/*fb 新聞雲元件*/
.footer .fb_pages_box{ width:280px; height:70px; float:right; border:0px solid red; }

/*選單*/
.footer .menu{ margin-bottom:10px; color:#777; border:0px solid red;}
.footer .menu a{ padding:0px 10px; font-size:15px; border:0px solid green;}
.footer .menu a:first-child{ padding-left:0px; border:0px solid green;}

.footer .menu a:link, .footer .menu a:visited { color:#fff;}
.footer .menu a:hover, .footer .menu a:active { color:#F97173;}

.footer address{ font-style: normal; color:#fff;  border:0px solid navy; }	

/*768px*/
@media only screen and (max-width:768px){
	.footer .fb_pages{ margin-right:10px;}
	.footer .menu{margin-left:10px;}
	.footer address{ margin-left:10px;}
}

/*414px*/
@media only screen and (max-width:414px){
	.footer{ padding-top:40px; margin-bottom:20px;}
	.footer .fb_pages_box{ float:none; margin:0 auto; margin-bottom:10px;}
	.footer .menu{ margin:0 auto; text-align: center; margin-bottom:10px;}
	.footer address{ width:55%; margin: 0 auto;}	
	address{ text-align: center; }	
}

/*375px*/
@media only screen and (max-width:375px){
	.footer .fb_pages_box{ margin-bottom:10px;}
	.footer .menu{ margin-bottom:10px;}
	.footer address{ width:61%;}	
}


/*320px*/
@media only screen and (max-width:320px){
	.footer address{ width:70%;}	
	.footer .menu a{font-size:14px;}
	.footer .menu a:last-child{ padding-right:0px;}
}


/*block 區塊=========*/
.block{ clear:both; margin-bottom:20px;}
.block .block_title{ clear:both;}
.block .block_content{ clear:both;}

/*block_1 區塊*/
.block_1{ box-shadow:0px 0px 3px #D2D2D2;}
.block_1 .block_title{ padding:10px 50px 10px 15px; background:#4D4D81; position:relative; }
.block_1 .block_title h3{ color:#fff;}
.block_1 .block_content{ padding:20px;}
.block_1 .block_content hr{ height:0px; border-top:1px solid #D2D2D2; }

/*block_2 區塊*/
.block_2{ box-shadow:0px 0px 3px #D2D2D2;}
.block_2 .block_title{ padding:10px 10px 10px 15px; background:#4D4D81;}
.block_2 .block_title h3{ color:#fff;}
.block_2 .block_content{ padding:20px 20px 0 20px;}
.block_2 .block_content hr{ height:0px; border-top:1px solid #D2D2D2; }



/*part_menu 立委選情 上排按鈕 ===============*/
.part_menu{ width:100%; }
.part_menu ul{ width:80%;  margin:0 auto; margin-bottom:20px; border:0px solid red; }
.part_menu li{ width:calc(100% /7);  float:left; position:relative; }

/*分隔線*/
.part_menu li a{ display:block; flex-grow:1; line-height:50px; font-size:17px; text-align:center; cursor:pointer; }




/*414px*/
@media only screen and (max-width:414px){
	.part_menu li a{font-size:17px;}
}

/*375px*/
@media only screen and (max-width:375px){
	.part_menu li a{font-size:14px;}
}

/*320px*/
@media only screen and (max-width:320px){
	.part_menu li a{font-size:12px;}
}


.part_menu li:nth-of-type(n+2)::before{ content:""; display:block; width:1px; height:20px; background-color: #ccc; position:absolute; left: 0px; top: 50%; transform: translateY(-50%); }

.part_menu li:nth-of-type(7n+1)::before{ display:none; }

/*一般hover狀態*/
.part_menu li a:link, .part_menu li a:visited { background:#F6F6FF;color:#272063;}
.part_menu li a:hover, .part_menu li a:active { background:#A4ACCC; color:#272063;}

/*分隔線 hover狀態*/
.part_menu li:hover::before, .part_menu li:hover + li::before{ display:none;}


/*nav_2 current*/
/*左右白線*/
.part_menu li.current {background:#4D4D81; color:#F3F4F8; border-left:1px solid #ddd; border-right:1px solid #ddd;}

.part_menu li.current::before, .part_menu li.current + li::before{ display:none;}

.part_menu li.current a:link, .part_menu li.current a:visited { background:#4D4D81; color:#fff;}
.part_menu li.current a:hover, .part_menu li.current a:active { background:#4D4D81; color:#fff;} 


/*414px*/
@media only screen and (max-width:414px){
	.part_menu ul{width:100%;}
	.part_menu li{ width:calc(100% /5); float:left;}
	/*按鈕 高度*/
	.part_menu li a{ height:55px; line-height:55px;font-size:15px;}
	/*分隔線*/
	.part_menu li:nth-of-type(7n+1)::before{ display:block; }
	.part_menu li:nth-of-type(5n+1)::before{ display:none; }
}


/*375px*/
@media only screen and (max-width:320px){
	.part_menu li{ width:calc(100% /4); float:left;}
	/*分隔線*/
	.part_menu li:nth-of-type(5n+1)::before{ display:none; }
	/*按鈕 高度*/
	.part_menu li a{ height:55px; line-height:55px;font-size:14px;}
}

/*320px*/
@media only screen and (max-width:320px){
	.part_menu li{ width:calc(100% /4); float:left;}
	/*分隔線*/
	.part_menu li:nth-of-type(5n+1)::before{ display:block; }
	.part_menu li:nth-of-type(4n+1)::before{ display:none; }
	/*按鈕 高度*/
	.part_menu li a{ height:55px; line-height:55px;font-size:12px;}
}

/*part_menu_2 總統選情 上排按鈕 ===============*/
.part_menu_2{ width:100%; }
.part_menu_2 ul{width:80%; margin:0 auto; margin-bottom:20px; border:0px solid red; }
.part_menu_2 li{ width:calc(100% /4); float:left; position:relative;}

/*分隔線*/
.part_menu_2 li a{ display:block; flex-grow:1; line-height:50px; font-size:16px; text-align:center; cursor:pointer; }

.part_menu_2 li:nth-of-type(n+2)::before{ content:""; display:block; width:1px; height:20px; background-color: #ccc; position:absolute; left: 0px; top: 50%; transform: translateY(-50%); }

/*一般hover狀態*/
.part_menu_2 li a:link, .part_menu_2 li a:visited { background:#F6F6FF;color:#272063;}
.part_menu_2 li a:hover, .part_menu_2 li a:active { background:#A4ACCC; color:#272063;}

/*分隔線 hover狀態*/
.part_menu_2 li:hover::before, .part_menu_2 li:hover + li::before{ display:none;}


/*nav_2 current*/
/*左右白線*/
.part_menu_2 li.current {background:#4D4D81; color:#F3F4F8; border-left:1px solid #ddd; border-right:1px solid #ddd;}

.part_menu_2 li.current::before, .part_menu_2 li.current + li::before{ display:none;}

.part_menu_2 li.current a:link, .part_menu_2 li.current a:visited { background:#4D4D81; color:#fff;}
.part_menu_2 li.current a:hover, .part_menu_2 li.current a:active { background:#4D4D81; color:#fff;} 



/*768px*/
@media only screen and (max-width:768px){
	.part_menu_2 li{ width:calc(100% / 4); }
}

/*414px*/
@media only screen and (max-width:414px){
	.part_menu_2 li{ width:calc(100% /2); float:left;}
	.part_menu_2 li a{ height:40px; line-height:40px; font-size:16px;}
	.part_menu_2 li:nth-of-type(n+2)::before{ display:none;}
}

/*320px*/
@media only screen and (max-width:320px){
	.part_menu_2 li{ width:calc(100% /2); float:left;}
	
}



/*gallery_1 大圖輪播=========*/
.gallery_1{ max-height: 0; overflow:hidden; transition: max-height 0.8s ease-out; z-index: 1;}
.gallery_1 .piece{ background:#fff;}

.gallery_1 .piece > a{ display:block; padding-bottom:56%;/*16:9*/}
.gallery_1 .piece > a img{ width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:none;}


/*gallery_1 按鈕*/
.gallery_1 .bx-wrapper .bx-prev {left:10px; background:url(../images/btn_1.png) no-repeat 0 -32px;}
.gallery_1 .bx-wrapper .bx-next { right:10px; background:url(../images/btn_1.png) no-repeat -43px -32px;}
.gallery_1 .bx-wrapper .bx-prev:hover { background-position:0 0;}
.gallery_1 .bx-wrapper .bx-next:hover { background-position: -43px 0;}
.gallery_1{ position:relative; margin-bottom:25px;}
.gallery_1 .bx-wrapper .bx-viewport{ box-shadow:none; border:none; left:0px;/*外掛歸零*/}

/*gallery_1 大圖輪播文字*/	
.gallery_1 .bx-wrapper .bx-caption{ background-color:rgba(0,0,0,0.8);/*壓黑底*/}
.gallery_1 .bx-wrapper .bx-caption span{ font-family:'Noto Sans TC'; /*思源黑體*/; height:55px; line-height:55px; padding:0px 20px; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*gallery_1 小圓分頁*/
.gallery_1 .bx-pager{ border:0px solid navy!important; padding:0px!important; bottom:59px!important;  }
.gallery_1 .bx-pager *{ border:1px solid fff!important; }
.gallery_1 .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border:2px solid #fff!important;}

	
	.gallery_1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.gallery_1 .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #4D4D81; 
		border:2px solid #fff!important;
		
		
	}

/*414px*/
@media only screen and (max-width:414px){
	.gallery_1 .bx-wrapper .bx-caption span{ height:35px; line-height:35px; padding:0px 20px; font-size:17px;}
	.gallery_1 .bx-pager{ bottom:37px!important;}
}

/*375px*/
@media only screen and (max-width:375px){
	.gallery_1 .bx-wrapper .bx-caption span{ font-size:16px;}
}





/*gallery_2 影音輪播=========*/	
.gallery_2{  border:0px solid olive;}	

/*gallery_2 按鈕*/
.gallery_2 .bx-wrapper .bx-prev { background:url(../images/btn_2.png) no-repeat 0 -32px;}
.gallery_2 .bx-wrapper .bx-next { background:url(../images/btn_2.png) no-repeat -43px -32px;}
.gallery_2 .bx-wrapper .bx-prev:hover { background-position:0 0;}
.gallery_2 .bx-wrapper .bx-next:hover { background-position:-43px 0;}

/*gallery_2 影音*/
.gallery_2 .run {}	
.gallery_2 .run .piece{ height:200px; border:0px solid navy;}	
.gallery_2 .run .piece img{ width:auto; height:130px;}	
.gallery_2 .run .piece h5{ padding:8px; font-size:15px;}

/*gallery_2 看更多*/
.gallery_2 .run .more_box { height:200px;}
.gallery_2 .run .more_box a.btn_more{ display:block; width:85%; height:43px; line-height:43px; font-size:16px; padding:0px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

/*.gallery_2 文字顏色+hover設定*/
.gallery_2 .run .piece:link, 
.gallery_2 .run .piece:visited 
{color:#272063; text-decoration:none;}

.gallery_2 .run .piece:hover, 
.gallery_2 .run .piece:active
{color:#8991B1; text-decoration:none;}




/*part_list_1 總統新聞=========*/	
.part_list_1{}

/*part_list_1 文字顏色+hover設定*/
 .part_list_1 h3 a:link , .part_list_1 h3 a:visited { color:#272063;}
 .part_list_1 h3 a:hover , .part_list_1 h3 a:active { color:#8991B1;}

/*part_list_1 col_1 圖片+新聞標題*/
.part_list_1 .col_1{ width:39%; float:left; border:0px solid red; }

/*圖片補白邊*/
.part_list_1 .col_1 a.pic{ display:block; background:#F6F6FF; margin-bottom:20px; position:relative; overflow:hidden;}
.part_list_1 .col_1 a.pic::after{ content:""; display: block; width:100%; padding-bottom:75%;/*4:3圖片撐高*/}
.part_list_1 .col_1 a.pic img { width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

/* col_1*/
.part_list_1 .col_1 h3 a{ font-size:16px; line-height: 25px; border:0px solid green; }


/*多行截字*/
.part_list_1 .col_1 h3 a{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/*最多幾行*/
	}



/*col_2*/
.part_list_1 .col_2{ width:58%; float:right; border:0px solid red;}
.part_list_1 .col_2 h3 {  padding:6px 10px 6px 12px; background:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.part_list_1 .col_2 h3:nth-child(odd){ padding:6px 10px 6px 12px;background:#F6F6FF; }
.part_list_1 .col_2 h3 a{line-height:48px; font-size:16px; }
.part_list_1 .col_2 a.btn_more{ width:80%;}
.part_list_1 .col_2 h3 a{line-height:48px; font-size:16px; }



/*短標*/
.part_list_1 em{ display:none;/*初始隱藏*/ }


/*414px*/
@media only screen and (max-width:414px){
	.part_list_1 .col_1{ width:100%;}
	.part_list_1 .col_2{ width:100%;}

	/*短標截字 col_1*/
	.part_list_1 .col_1 em{  margin:0px 27px; margin-bottom:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

	/*短標截字 col_2*/
	.part_list_1 .col_2 em{ margin:0px 17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


	/*切換長短標*/
	.part_list_1 strong{ display:none;}
	.part_list_1 em{ display:block; }
}

/*320px*/
@media only screen and (max-width:320px){
	.part_list_1 .col_1 em{ margin-left:15px;}
	.part_list_1 .col_2 em{ margin-left:4px;}
}




/*part_list_2 2020總統參選人新聞==============*/
.part_list_2{}
.part_list_2 .piece{ float:left; width:30.66%; margin-right:4%;}
.part_list_2 .piece:last-child{ margin-right:0%;} 

/*part_list_2 圖片*/
.part_list_2 .piece a.pic{ display:block; overflow:hidden; width:70%; margin:0 auto; margin-bottom:14px; border-radius:50%; position:relative; border:0px solid red;}
.part_list_2 .piece a.pic::after{ content:""; display:block; padding-bottom:100%; background:gold;}
.part_list_2 .piece a.pic img{ width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

/*part_list_2 文字*/
/*人名*/
.part_list_2 .piece h3{ padding-bottom:10px; text-align:center; border-bottom:1px solid #C1C1C1;}
.part_list_2 .piece h3 a{ font-size:20px;}

/*新聞標*/
.part_list_2 .piece h4 { padding:10px 0px; border-bottom:1px solid #C1C1C1; }
.part_list_2 .piece h4 a{ display:block; }
.part_list_2 .piece h4:last-of-type{ margin-bottom:20px;}

/*多行截字*/
.part_list_2 .piece h4 a{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;/*最多幾行*/
}


/*長標*/
.part_list_2 .piece h4 a strong{ display:block; text-align:left; line-height: 25px; margin:5px 0px 5px 7px; border:0px solid red;}
/*短標*/
.part_list_2 .piece h4 a em{ display:none;/*初始隱藏*/ }
.part_list_2 .piece h4 a em{ height:50px; line-height:50px; text-align:center; margin:0 auto; border:0px solid red; display:none;/*初始隱藏*/}

/*part_list_2 看更多*/
.part_list_2 a.btn_more{ display:block; } 

/*part_list_2 文字顏色+hover設定*/
/*h3*/
.part_list_2 h3 a:link , .part_list_2 h3 a:visited { color:#272063; }
.part_list_2 h3 a:hover , .part_list_2 h3 a:active { color:#8991B1; }
/*h4*/
.part_list_2 h4 a:link , .part_list_2 h4 a:visited { color:#272063; }
.part_list_2 h4 a:hover , .part_list_2 h4 a:active { color:#8991B1; }


/*768px*/
@media only screen and (max-width:768px){
	.part_list_2 .piece{ width:31.33%; margin-right:3%;  }
}

/*414px*/
@media only screen and (max-width:414px){
	.part_list_2 .piece a.pic{ width:60%; height:auto; margin:0 auto; margin-bottom:10px; }
	.part_list_2 .piece{ width:100%; padding:10px; margin-bottom:20px;  box-shadow:0px 0px 3px #D2D2D2; }
	.part_list_2 a.btn_more{ margin-bottom:10px; } 
	.part_list_2 .piece h4 a{ padding:10px; }

	/*放開 多行截字*/
	.part_list_2 .piece h4 a{ min-height:auto; overflow:visible; display:block; }

}

/*375px*/
@media only screen and (max-width:375px){
	.part_list_2 .piece h4 a strong{ margin:5px 6px;}
}


/*320px*/
@media only screen and (max-width:320px){
	.part_list_2 .piece h4 a strong{ margin:5px 11px; border:0px solid red;}
	.part_list_2 .piece h4 a{ padding:9px 0px;}
}


/*part_list_4 總統選情 立委選情 圖文列表=====================*/
.part_list_4{}
.part_list_4 .piece{ float:left; width:49%; margin-right:2%; margin-bottom:20px; border:0px solid red;}
.part_list_4 .piece:nth-child(2n+2){ margin-right:0%; border:0px solid red;}

/*圖片補白邊*/
.part_list_4 .piece a.pic{ float:left; display:block; width:40%; overflow:hidden; position:relative;  background:#F6F6FF; border:0px solid red;}
.part_list_4 .piece a.pic::after{ content:""; display: block; width:100%; padding-bottom:75%;/*4:3圖片撐高*/}
.part_list_4 .piece a.pic img{ width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.part_list_4 .piece .box{ float:right; width:57%; border:0px solid red;}
.part_list_4 .piece .box span{ float:right; padding:5px;}
.part_list_4 .piece .box h3{ clear:both; margin-top:10px; font-size:15px; background:#fff;}



/*.part_list_4 文字顏色+hover設定*/
.part_list_4 .piece a:link , .part_list_4 .piece a:visited { color:#272063;}
.part_list_4 .piece a:hover , .part_list_4 .piece a:active { color:#8991B1;}

/*414px*/
@media only screen and (max-width:414px){
	.part_list_4 .piece{ float:none; width:100%;}
	.part_list_4 .piece .box span{ padding:4px;}
}

/*375px*/
@media only screen and (max-width:375px){
	.part_list_4 .piece{ float:none; width:100%;}
	.part_list_4 .piece .box span{ padding:2px;}
	.part_list_4 .piece .box h3{ font-size:16px;}
}

/*320px*/
@media only screen and (max-width:320px){
	.part_list_4 .piece .box span{ padding:0px;}
	.part_list_4 .piece .box h3{ font-size:15px;}
}

/*part_list_5 民調=========*/	
.part_list_5{}

/*part_list_5 文字顏色+hover設定*/
 .part_list_5 h3 a:link , .part_list_5 h3 a:visited { color:#272063;}
 .part_list_5 h3 a:hover , .part_list_5 h3 a:active { color:#8991B1;}

/*part_list_5 文字顏色+hover設定*/
.part_list_5 p a:link , .part_list_5 p a:visited { color:#272063;}
.part_list_5 p a:hover , .part_list_5 p a:active { color:#8991B1;}

/*part_list_5 col_1*/
.part_list_5 .col_1{ width:30%; float:left;}

/*圖片補白邊*/
.part_list_5 .col_1 a.pic{ display:block; background:#F6F6FF; position:relative; overflow:hidden;}
.part_list_5 .col_1 a.pic::after{ content:""; display: block; width:100%; padding-bottom:100%;/*方形圖片撐高*/}
.part_list_5 .col_1 a.pic img { width:100%; height:auto;  position:absolute; left:50%; top:0%; transform:translate(-50%, 0%);}


/*part_list_5 col_2*/
.part_list_5 .col_2{ width:67%; float:right;}
.part_list_5 .col_2 h3{ margin-bottom:10px; font-size:20px;}
.part_list_5 .col_2 p{ margin-bottom:16px; font-size:16px;}
.part_list_5 .col_2 em{ padding:11px 26px; float:left; background-color:#F6F6FF;}
.part_list_5 .col_2 .btn_more{ width:50%; float:right;}

.box_survey{ width:50%; margin:0 auto;}
.box_survey a:link, .box_survey a:visited { background-color:#fff; color:#F97173; border:2px solid #F97173;}
.box_survey a:hover , .box_survey a:active { background-color:#F97173;; color:#fff; }

/*768px*/
@media only screen and (max-width:768px){
	.box_survey{ width:40%; margin:0 auto;}
	.box_survey a.btn_more{ background-color:#fff; color:#F97173; border:2px solid #F97173; }
	
	.box_survey a:link, .box_survey a:visited { background-color:#fff; color:#F97173; border:2px solid #F97173;}
	.box_survey a:hover , .box_survey a:active { background-color:#F97173;; color:#fff; }
}

/*414px*/
@media only screen and (max-width:414px){
	.part_list_5 .col_1{ width:100%;}
	.part_list_5 .col_1 a.pic{ margin-bottom:10px;}
	.part_list_5 .col_2{ width:100%;}
	.part_list_5 .col_2 em{ padding:10px 26px;}
	.part_list_5 .col_2 .btn_more{ width:45%;}
	.box_survey{ width:100%;}
}

/*375px*/
@media only screen and (max-width:375px){
	.part_list_5 .col_2 em{ padding:10px 17px;}
}

/*320px*/
@media only screen and (max-width:320px){
	.part_list_5 .col_2 em{ padding:10px 6px;}
	.part_list_5 .col_2 p{ line-height: 25px;}
}



/*part_list_6 2016總統選舉分析*/
.part_list_6{ margin-bottom:20px;  border:0px solid red; }

.part_list_6 .col_1{ width:57%; float:left;  box-shadow:0px 0px 3px #D2D2D2;  }
.part_list_6 .col_1 h3{ padding:10px 10px 10px 15px; background:#4D4D81; color:#fff;}
/**/
.part_list_6 .col_1 .box_1{ width:50%; float:left; padding:20px 0px 13px 20px;  }
.part_list_6 .col_1 .box_1 img{ display:block; width:100%; height:auto; margin-bottom:10px;  }
.part_list_6 .col_1 .box_1 h4{ text-align:center; font-size:18px; }

/**/
.part_list_6 .col_1 .box_2 { width:47%; float:right; padding:20px 20px 13px 0px; text-align: center;}
.part_list_6 .col_1 .box_2 p{height:31px; line-height:31px; background: #F6F6FF; font-size:15px;}
.part_list_6 .col_1 .box_2 p:nth-of-type(even){ background:#fff; }
.part_list_6 .col_1 .box_2 a.more{}

/**/
.part_list_6 .col_2{ width:40%; float:right; border:0px solid green; }


/*600px*/
@media only screen and (max-width:600px){
	.part_list_6{ display:none;}
}



/*分頁 part_pager_1=============*/
.part_pager_1{ clear: both; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*主軸對齊*/ -ms-flex-wrap: wrap; flex-wrap: wrap; /*換行*/ margin-bottom: 50px;}
.part_pager_1 > .btn{ display: block; -ms-flex-negative: 0; flex-shrink: 0; /*不縮放*/ width: 30px; height: 30px; background-color: #A4ACCC;opacity:0.5; border-radius: 50%; overflow: hidden; margin: 0 2px; position: relative; }
.part_pager_1 > .btn::before{ content: ""; display: block; width: 20px; height: 20px; background-image: url(../images/part_pager_1.png); background-repeat: no-repeat; background-size: auto 400%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.part_pager_1 > .btn.prev_all::before{ background-position: 0px -40px;}
.part_pager_1 > .btn.prev::before{ background-position: -40px -40px;}
.part_pager_1 > .btn.next_all::before{ background-position: -20px -40px;}
.part_pager_1 > .btn.next::before{ background-position: -60px -40px;}
.part_pager_1 > .btn:hover{ background-color: #A4ACCC;}
.part_pager_1 > .btn:hover.prev_all::before{ background-position: 0px -20px;}
.part_pager_1 > .btn:hover.prev::before{ background-position: -40px -20px;}
.part_pager_1 > .btn:hover.next_all::before{ background-position: -20px -20px;}
.part_pager_1 > .btn:hover.next::before{ background-position: -60px -20px;}
.part_pager_1 > .btn.disabled{ background: #A4ACCC; opacity:0.5; }
.part_pager_1 > .btn.disabled.prev_all::before{ background-position: 0px 0px;}
.part_pager_1 > .btn.disabled.prev::before{ background-position: -40px 0px;}
.part_pager_1 > .btn.disabled.next_all::before{ background-position: -20px 0px;}
.part_pager_1 > .btn.disabled.next::before{ background-position: -60px 0px;}
.part_pager_1 > .menu{ display: block; max-width: 136px; /*34*4(顆)  單顆34*/ height: 30px; overflow: auto; position: relative;}
.part_pager_1 > .menu > .inner{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.part_pager_1 > .menu > .inner > a{ display: block; -ms-flex-negative: 0; flex-shrink: 0; /*不縮放*/ width: 30px; height: 30px; line-height: 28px; text-align: center; background-color: #F3F4F8; margin: 0 2px; color:#282164; border-radius: 50%;}
.part_pager_1 > .menu > .inner > a:hover{ background-color: #A4ACCC;}
.part_pager_1 > .menu > .inner > span{ display: block; -ms-flex-negative: 0; flex-shrink: 0; /*不縮放*/ width: 30px; height: 30px; line-height: 28px; text-align: center; background-color: #ededed; margin: 0 2px; border-radius: 50%;}
.part_pager_1 > .menu > .inner > span.current{ background-color: #4D4D81; color: #fff;}
.part_pager_1 > .info{ -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; margin-top: 10px; color: #888; font-size: 14px;}
.part_pager_1 > .info > em{ display: inline-block; width: 1px; height: 12px; background-color: #626262; margin: 0 6px; position: relative; top: 1px;}

html{
	-webkit-text-size-adjust:none;/*修正旋轉後文字會變大*/
	-webkit-overflow-scrolling:touch;/*修正ios滾動順暢*/
   }

@media (min-width: 375px){ .part_pager_1 > .menu{ max-width: 204px; /*34*6(顆)  單顆34*/ }}
@media (min-width: 414px){ .part_pager_1 > .menu{ max-width: 238px; /*34*7(顆)  單顆34*/ }}
@media (min-width: 768px){ .part_pager_1 > .menu{ max-width: 800px; overflow: hidden;}}







/*圖表模組 迪給========= */
.tab_x{ clear:both; border-left: 1px solid rgba(210, 210,210, 0.5); border-right: 1px solid rgba(210, 210,210, 0.5); border-top: 1px solid rgba(210, 210,210, 0.5);  outline:0.5px solid rgba(210, 210,210, 0.2); margin-bottom: 50px; }
.tab_x .tab_title{ display:flex; background:#fff; padding: 20px 90px;}
.tab_x .tab_title > a{ display:block; flex-grow:1; line-height:50px; font-size:16px; text-align:center; cursor:pointer; position:relative;}
.tab_x .tab_title > a:nth-of-type(n+2)::before{ content:""; display:block; width:1px; height:20px; background-color: #ccc; position:absolute; left: 0px; top: 50%; transform: translateY(-50%);}

.tab_x .tab_title a:link, .tab_x .tab_title a:visited { background:#F6F6FF; color:#4D4D81; }
.tab_x .tab_title a:hover, .tab_x .tab_title a:active { background:#A4ACCC; color:#272063;}
.tab_x .tab_title a:hover::before, .tab_x .tab_title a:hover + a::before{ display:none;}

.tab_x .tab_title > a.current{ background:#4D4D81; color:#F3F4F8; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.tab_x .tab_title > a.current::before, 
.tab_x .tab_title > a.current + a::before{ display:none;}
.tab_x .tab_content{ clear:both;}
.tab_x > span{display:block; text-align: center; padding:10px; color:#F97173; font-size: 14px; border:0px solid red; }

/*414px*/
@media only screen and (max-width:414px){
	.tab_x .tab_title{ padding: 0px;}
	.tab_x .tab_title > a{ font-size:16px;}
}


/* subject_history========= */
.subject_history{ width:100%; }
.subject_history .president{ box-shadow:0px 0px 3px #D2D2D2; padding: 20px; margin-bottom: 20px;}
.subject_history .president .pic{width:32.3%; float:left; position:relative; overflow:hidden; background:#F3F4F8; margin-bottom:20px;}
.subject_history .president .pic::after{ content:""; display:block; width:100%; height:0; padding-bottom:75%;/*4:3圖片撐高*/ border:0px solid blue;}
.subject_history .president .pic img{ width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.subject_history .president ul{ width:100%; height:100%; margin:0 auto; text-align:center; border:0px solid red; }
.subject_history .president ul{ width:65%; float:right;  text-align: center;}
.subject_history .president li{ width:100%; padding:10px 0px; font-size:16px; background: #F6F6FF;}
.subject_history .president li:nth-of-type(2n){ background: #fff; font-size:16px;}


.subject_history .president > span{ clear:both; display: block; margin:0 auto; text-align: center; font-size: 14px; color:#F97173; border:0px solid red; }



/*414px*/
@media only screen and (max-width:414px){
	.subject_history .president .pic{ width:100%; float:none;}
	.subject_history .president ul{ width:100%;}
	
}

.subject_history .chart_box{ clear:both; box-shadow:0px 0px 3px #D2D2D2; margin-bottom: 20px;}
.subject_history .chart_box > h3{ font-size:18px; color:#fff; padding:10px 10px 10px 15px; background:#4D4D81; margin-bottom: 20px;}

/*768px*/
@media only screen and (min-width:768px){
	.subject_history .chart_box > h2{ margin-bottom:30px;}
	
}

.subject_history .chart_box .chart{ min-width:300px; border:0px solid green;}
.subject_history .chart_box .chart svg > rect{ fill:transparent;}
.ettoday_vod{margin-bottom: 20px;}

/*ad_300 廣告*/
.ad_300{ width:300px!important; margin:0 auto 15px;}

/*part_list_7 2020 總統即時開票================================*/

/*號次*/
.table_1 th:nth-child(1), .table_1 td:nth-child(1){ width:10%; }
/*空白*/
.table_1 th:nth-child(2), .table_1 td:nth-child(2){ width:20%; }
/*候選人*/
.table_1 th:nth-child(3), .table_1 td:nth-child(3){ width:20%; text-align: left; padding-left: 50px; }
/*票數th*/
.table_1 th:nth-child(4), .table_1 td:nth-child(4){ width:20%; text-align:right; }
/*來源*/
.table_1 th:nth-child(5), .table_1 td:nth-child(5){ width:30%; }

/*圖片置中*/
/* .table_1 .icon_head_2{ margin:0 auto; } */
.table_1 i.icon_head_2 img{ width:30px; height:30px; }

/*大頭貼*/
.table_1 i.icon_head_2{ display:inline-block; width:90%; position:relative; top:4px; border:0px solid red; }
.table_1 i.icon_head_2::after{ content:""; display:block; padding-bottom:100%; }

/*圓形容器*/
.table_1 i.icon_head_2 span{display:block; overflow:hidden; border-radius:50%; position:absolute; }
.table_1 i.icon_head_2 span img{ display:block; width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }

/*頭*/
.table_1 i.icon_head_2 span:nth-of-type(1){ width:100%; height:100%; border:0px solid green; }

/*黨徽*/
.table_1 i.icon_head_2 span:nth-of-type(2){ width:30px; height:30px; right:0px; bottom:0px; border:0px solid pink; }

/*隱藏標*/
.table_1 td b{ display:none; color:#4D4D81; }

/*414px*/
@media only screen and (max-width:414px){
	.table_1 th, .table_1 td{padding:10px 0px; }
	
	/*空白*/
	.table_1 th:nth-child(2), .table_1 td:nth-child(2){ width:25%; }
	/*候選人*/
	.table_1 th:nth-child(3), .table_1 td:nth-child(3){ width:25%; text-align:left; padding-left:5px;}
	/*票數th*/
	.table_1 th:nth-child(4), .table_1 td:nth-child(4){ width:25%; text-align:right; }
	/*來源*/
	.table_1 th:nth-child(5), .table_1 td:nth-child(5){ width:25%; }

	/*電視台*/
	.table_1 i.icon_tv{ width:90%; height:auto; }
	/*黨徽*/
	.table_1 i.icon_head_2 span:nth-of-type(2){ width:25px; height:25px;}
	/*當選*/
	.table_1 i.icon_elected{ width:20px; height:20px; }

	/*隱藏 第一排號次*/
	.table_1 th:first-child{ display:none; }
	.table_1 td:first-child{ display:none; }
	.table_1 td b{ display:inline; }	
}

/*320px*/
@media only screen and (max-width:320px){
	/*空白*/
	.table_1 th:nth-child(2), .table_1 td:nth-child(2){ width:20%; }
	/*候選人*/
	.table_1 th:nth-child(3), .table_1 td:nth-child(3){ width:25%; padding-left:0px;}
	/*票數th*/
	.table_1 th:nth-child(4), .table_1 td:nth-child(4){ width:25%; text-align:right; }
	/*來源*/
	.table_1 th:nth-child(5), .table_1 td:nth-child(5){ width:25%; }
	/*頭*/
	.table_1 i.icon_head_2 span:nth-of-type(1){ width:80%; height:80%; border:0px solid green; }
	/*黨徽*/
	.table_1 i.icon_head_2 span:nth-of-type(2){ width:20px; height:20px; right:6px; bottom:10px;}
}

/*part_list_8 2020 總統即時開票================================*/

/*電視台*/
.table_2 th:nth-child(1), .table_2 td:nth-child(1){ width:25%; }

/*第一區*/
.table_2 th:nth-child(2){ width:25%; text-align:center; }
/*第一區 數字*/
.table_2 td:nth-child(2){  text-align:right; padding-right:50px; }


/*第二區*/
.table_2 th:nth-child(3){ width:25%; text-align:center; }
/*第二區 數字*/
.table_2 td:nth-child(3){ text-align:right; padding-right:50px; }

/*第三區*/
.table_2 th:nth-child(4){ width:25%; text-align:center; }
/*第三區 數字*/
.table_2 td:nth-child(4){  text-align:right; padding-right:50px; }


/*隱藏標*/
.table_2 td i:nth-child(n+2){ display:none; }
.table_2 td b{ display:none; }

/*黨徽*/
.table_2 i.icon_party{ margin:0px 0px 0px 5px; }

/*414px*/
@media only screen and (max-width:414px){

	/*電視*/
	.table_2 th:nth-child(1), .table_2 td:nth-child(1){ width:100%; }
	/*第一區*/
	.table_2 th:nth-child(2), .table_2 td:nth-child(2){ width:100%; text-align:left; }
	/*第二區*/
	.table_2 th:nth-child(3), .table_2 td:nth-child(3){ width:100%; text-align:left; }
	/*第三區*/
	.table_2 th:nth-child(4), .table_2 td:nth-child(4){ width:100%; text-align:left; }
	/*第四區*/
	.table_2 th:nth-child(5), .table_2 td:nth-child(5){ width:100%; text-align:left; }

	/*黨徽*/
	.table_2 i.icon_party{ margin:0px 5px; }
	/*電視台*/
	.table_2 i.icon_tv{ width:90px; height:auto; }
	.table_2 { text-align:center; }
	.table_2 th{ display:none; }
	.table_2 td{ display:block; }
	.table_2 td i:nth-child(n+2){display:inline-block; }
	.table_2 td b{ display:inline-block; color: #4D4D81; }
}

/*375px*/
@media only screen and (max-width:375px){
	/*電視台*/
	.table_2 i.icon_tv{ width:80px; height:auto; }
}

/*320px*/
@media only screen and (max-width:320px){
	/*電視台*/
	.table_2 i.icon_tv{ width:70px; height:auto; }
}

/*part_list_9 2020 總統各縣市得票狀況================================*/

.part_list_9 table{ width:47%; float:left; margin:10px; }

/*.table_3=====================*/
.table_3 caption{ border: none;  }

/*td*/
.table_3 caption , .table_3 td{ padding:10px 5px; }

/*號次*/
.table_3 th:nth-child(1), .table_3 td:nth-child(1){ width:15%; }
/*黨別*/
.table_3 th:nth-child(2), .table_3 td:nth-child(2){ width:10%; }
/*候選人*/
.table_3 th:nth-child(3), .table_3 td:nth-child(3){ width:32%; text-align:left; padding-left:17px; }
/*票數*/
.table_3 th:nth-child(4), .table_3 td:nth-child(4){ width:35%; text-align:right; }

/*414px*/
@media only screen and (max-width:414px){	
	.part_list_9 table{ width:100%; float:none; margin:0px; }
	.table_3 caption{ margin-top:20px; }
}

/*part_list_10 2020 總統各縣市得票狀況================================*/

/*年份*/
.table_4 th:nth-child(1), .table_4 td:nth-child(1){ width:15%; text-align:right; }
/*選舉人數*/
.table_4 th:nth-child(2), .table_4 td:nth-child(2){ width:25%; text-align:right; }
/*投票人數*/
.table_4 th:nth-child(3), .table_4 td:nth-child(3){ width:25%; text-align:right; }
/*投票率*/
.table_4 th:nth-child(4), .table_4 td:nth-child(4){ width:30%; text-align:right; padding-right:50px;}

/*414px*/
@media only screen and (max-width:414px){	
	/*投票率*/
	.table_4 th:nth-child(4), .table_4 td:nth-child(4){ width:20%; padding-right:10px;}

	/*候選人*/
	.table_3 th:nth-child(3), .table_3 td:nth-child(3){ padding-left: 30px; }
}

/*375px*/
@media only screen and (max-width:375px){	
	/*候選人*/
	.table_3 th:nth-child(3), .table_3 td:nth-child(3){ padding-left:25px; }
}

/*320px*/
@media only screen and (max-width:320px){	
	/*候選人*/
	.table_3 th:nth-child(3), .table_3 td:nth-child(3){ padding-left:10px; }
}

/*part_list_11 2020 台北市立委即時開票================================*/

.part_list_11 h4{ width:100%; padding:10px; margin-bottom:20px; position:relative;  text-align:center; background-color:#4D4D81; color:#fff; }

/*414px*/
@media only screen and (max-width:414px){
	.part_btn a.btn{ width:100%; margin-bottom:20px; }
	.part_btn a.btn:last-child{ margin-bottom:0px; }
}

/*part_list_12 2020 台北市立委即時開票================================*/

/*號次*/
.table_5 th:nth-child(1), .table_5 td:nth-child(1){ width:15%; }
/*黨別*/
.table_5 th:nth-child(2), .table_5 td:nth-child(2){ width:15%; }
/*選舉人*/
.table_5 th:nth-child(3), .table_5 td:nth-child(3){ width:20%; text-align:left; padding-left:30px; }
/*得票率*/
.table_5 th:nth-child(4), .table_5 td:nth-child(4){ width:50%; text-align:left; }



/*414px*/
@media only screen and (max-width:414px){
	/*號次*/
	.table_5 th:nth-child(1), .table_5 td:nth-child(1){ width:12%; }
	/*黨別*/
	.table_5 th:nth-child(2), .table_5 td:nth-child(2){ width:12%; }
	/*選舉人*/
	.table_5 th:nth-child(3), .table_5 td:nth-child(3){ width:26%; padding-left:10px;}
	/*標題換行*/
	/* .block_title h3 span{display:block;} */

	.block_title a.btn_reset{display:block; width:20px; height:20px; background:url(../images/btn_reset.png) no-repeat; background-size:100% auto; position:absolute; right:2%; top:20%;}
	
	.block_title a.btn_reset:hover{display:block; width:20px; height:20px; background:url(../images/btn_reset_hover.png) no-repeat; background-size:100% auto; position:absolute; right:2%; top:25%;}

}

/*375px*/
@media only screen and (max-width:375px){
	/*號次*/
	.table_5 th:nth-child(1), .table_5 td:nth-child(1){ width:15%; }
	/*黨別*/
	.table_5 th:nth-child(2), .table_5 td:nth-child(2){ width:15%; }
	/*選舉人*/
	.table_5 th:nth-child(3), .table_5 td:nth-child(3){ width:30%; }
	
}

/*320px*/
@media only screen and (max-width:320px){
	/*號次*/
	.table_5 th:nth-child(1), .table_5 td:nth-child(1){ width:14%; }
	/*黨別*/
	.table_5 th:nth-child(2), .table_5 td:nth-child(2){ width:14%; }
	/*選舉人*/
	.table_5 th:nth-child(3), .table_5 td:nth-child(3){ width:36%; }
	/*得票率*/
	.table_5 th:nth-child(4), .table_5 td:nth-child(4){ width:36%; }


}

/*長條圖*/
.part_list_12 td p.bar{ width:0px; height:15px; background:#aaa; }

/*黨籍顏色*/
.part_list_12 td p.bar.color_1{ background-color: #3087ca;}/*中國國民黨*/
.part_list_12 td p.bar.color_2{ background-color: #5aba7e;}/*民主進步黨*/
.part_list_12 td p.bar.color_3{ background-color: #FFDA00;}/*新黨*/
.part_list_12 td p.bar.color_4{ background-color: #FF6310;}/*親民黨*/
.part_list_12 td p.bar.color_5{ background-color: #C20F51;}/*無黨團結聯盟*/
.part_list_12 td p.bar.color_6{ background-color: #FFBE00;}/*時代力量*/
.part_list_12 td p.bar.color_7{ background-color: #0CB5B5;}/*台灣民眾黨*/

/*part_list_13 2020 不分區立委得票數概況================================*/
/*號次*/
.table_6 th:nth-child(1){ width:15%; text-align:left; padding-left: 10px;}
.table_6 td:nth-child(1){ width:15%; text-align:left; padding-left: 20px;}

/*黨別*/
.table_6 th:nth-child(2), .table_6 td:nth-child(2){ width:45%; text-align:left; }

/*得票*/
.table_6 th:nth-child(3), .table_6 td:nth-child(3){ width:40%; text-align:left;}

/*長條圖*/
.part_list_13 td.bar .inner{ width:0px; height:15px; background:#aaa; }
.part_list_13 td.bar em{ display:inline-block; font-style:normal; }

/*ghost按鈕*/
.part_btn.ghost a.btn_open, .part_btn.ghost a.btn_close{ margin-top:20px;}
.part_btn.ghost a.btn_close{ display:none;}

/*黨籍顏色*/
.part_list_13 td.bar.color_1 .inner{ background-color: #3087ca;}/*中國國民黨*/
.part_list_13 td.bar.color_2 .inner{ background-color: #5aba7e;}/*民主進步黨*/
.part_list_13 td.bar.color_3 .inner{ background-color: #FFDA00;}/*新黨*/
.part_list_13 td.bar.color_4 .inner{ background-color: #FF6310;}/*親民黨*/
.part_list_13 td.bar.color_5 .inner{ background-color: #C20F51;}/*無黨團結聯盟*/
.part_list_13 td.bar.color_6 .inner{ background-color: #FFBE00;}/*時代力量*/
.part_list_13 td.bar.color_7 .inner{ background-color: #0CB5B5;}/*台灣民眾黨*/

/*320px*/
@media only screen and (max-width:320px){
	/*號次*/
	.table_6 th:nth-child(1), .table_6 td:nth-child(1){ width:50%; }
	/*黨別*/
	.table_6 th:nth-child(2), .table_6 td:nth-child(2){ width:50%; }
}

/*part_list_14 不分區立委名單================================*/
/*下拉選單 名單*/
.part_list_14 ul{ width:100%;  display:none; }
.part_list_14 ul:nth-last-of-type(1){ display:table; }
.part_list_14 select{ width:100%; height:40px; padding-left:10px; margin-bottom:15px; font-size:16px; }

/*當選標誌 對齊*/
.part_list_14 img{ width:30px; vertical-align: middle;}

/*標題*/
.part_list_14 h4{ padding:10px; text-align:center; background:#4D4D81; color:#fff; border:0px solid red; }

/*表格*/
.part_list_14 ul li{ width:calc(100% / 4); height:60px; line-height:60px; text-align:left; padding-left:50px; font-size:16px; float:left; border:1px solid #eee; }

/*414px*/
@media only screen and (max-width:414px){
	.part_list_14 ul li{ width:calc(100% / 3); }
	
	/*表格*/
	.part_list_14 ul li{ padding-left:20px; }

	/*當選*/
	.part_list_14 i.icon_elected{ width:25px; vertical-align: middle; }
}

/*375px*/
@media only screen and (max-width:375px){
	/*表格*/
	.part_list_14 ul li{ padding-left:15px; }
}


/*320px*/
@media only screen and (max-width:320px){
	.part_list_14 ul li{ width:calc(100% / 2); }
	.part_list_14 .piece em{ display:block; }
	/*表格*/
	.part_list_14 ul li{ padding-left:30px; }
}

/*大陸選舉版========================*/
body.theme_2{ }

/*logo 大陸選舉版=============*/
body.theme_2 .header{ border:0px solid red; }

body.theme_2 .header h2.logo_election{ width:100%; height:70px; margin-left:10px; background:url("../images/a003_v2_logo.png") no-repeat; background-size:auto 100%; position:absolute; left:0px; top:35px; }


/*414px*/
@media only screen and (max-width:414px){ 

	body.theme_2 .header h2.logo_election{ width:100%; height:43px;  background:url("../images/a003_v2_logo.png") center top no-repeat; background-size:auto 100%; left:-10px; top:0px; }


	body.theme_2 .counter_style { width:160px; height:40px; line-height:40px; color:#999; font-size:15px; text-align:center; position:absolute; left:50%; top:35%; transform:translate(-50%, -50%);} 
}

/*375px*/
@media only screen and (max-width:375px){ 
body.theme_2 .header h2.logo_election{ height:40px; }
}

/*320px*/
@media only screen and (max-width:320px){ 
body.theme_2 .header h2.logo_election{ height:35px; }
}