/* 
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;
}

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;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    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 */

/*所有通用設定-----------------------------------------------------------------------*/
/*border-box-------------*/
* {
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}

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

body{ font-family:"微軟正黑體", Microsoft YaHei, Verdana, Geneva, sans-serif; font-size:15px; line-height:1.7; font-weight:normal; color:#272727;}

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

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

/*去除圖片底下空白*/
img{ vertical-align: bottom;}

/*ul*/
ul, ol{list-style-type:none}

/*h標題設定*/
h1 { font-size:20px; font-weight:normal;}
h2 { font-size:20px; font-weight:normal;}
h3 { font-size:16px; font-weight:normal;}
h4 { font-size:14px; font-weight:normal;}
h5 { font-size:13px; font-weight:normal;}

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

/*清除 clear*/
.clear{ clear:both;}

/*more基本型*/
.more_box{ clear:both;}
a.more{ display:block; height:30px; line-height:30px; padding-right:25px; font-size:15px; text-align:right; color:#666;}
a.more:hover, a.more:active{ color:#333;}
.more_box a.more{ margin-bottom:10px;}

/* .gototop 滾回網頁最上面 ============*/
.gototop{ width:45px; height:45px; text-indent:-9999px; background:url(../images/gototop.png) no-repeat; background-size:45px 45px; border-radius:5px; opacity:0.9; position:fixed; bottom:25px; right:15px; cursor:pointer; z-index:10; display:none; }


/*修正slider輪播=====================*/
.run .bx-wrapper{margin:0 auto;}
.run .bx-wrapper .bx-pager{margin-bottom:40px; display:none;}
@media only screen and (min-width:768px){
/*輪播小圓點出現*/
.run .bx-wrapper .bx-pager{display:block;}
}



@charset "utf-8";
/*此為測試用按鈕 - 正式不需要 ========================*/
.menu_type { margin-bottom:15px;}
.menu_type a { display:block; float:left; width:22%; text-align:center; background:#666; color:#fff; padding:5px; margin-right:2%;}
.menu_type a.active { background:#000;}

.menu_choose { margin-bottom:10px;}
.menu_choose a { display:inline-block; padding:5px; background:#999; color:#fff; margin-bottom:10px;}
.menu_choose a.active { background:green;}
/*此為測試用按鈕 - 正式不需要 ========================*/



/*====================================== 上方題目區 =======================================*/
.iframe_vote { max-width:768px; margin:0 auto; background:#ddd; padding:10px; border:1px solid #aaa;}
/*info*/
.iframe_vote .info { margin-bottom:10px; padding:10px;}
.iframe_vote .info h2 { margin-bottom:10px; color:#000;}
.iframe_vote .info p { color:#666; margin-bottom:10px;}
/*pic*/
.iframe_vote .info .pic { margin-bottom:20px; }
.iframe_vote .info .pic img { max-width:100%; height:auto;}
/*video*/
.iframe_vote .info .video{position:relative; height:0; padding-bottom:56.25%; overflow:hidden;}
.iframe_vote .info .video iframe{ width:100%; height:100%; position:absolute; top:0; left:0;}
/*使用者條款*/
.iframe_vote .btn_terms a { display:inline-block; float:right; border-radius:5px; background:#666; color:#fff; padding:5px 10px; margin-left:15px;}

/*大於等於625 (各頻道PC版-C1最小尺寸)============================*/
@media only screen and (min-width:625px){
.iframe_vote .info h2 { font-size:22px; font-weight:bold;}
.iframe_vote .info p { font-size:18px;}
}

/*大於等於768 (iPAD-外容器padding:20px)============================*/
@media only screen and (min-width:728px){
.iframe_vote .info h2 { font-size:26px;}
.iframe_vote .info p { font-size:18px;}
}


/*====================================== 下方答案區 =======================================*/
/*==========================基本樣式==========================*/
.iframe_vote .part_pictxt_1 { }
.iframe_vote .part_pictxt_1 .item { margin-bottom:10px; position:relative;}
.iframe_vote .part_pictxt_1 .item .inner{ background:#fff; padding:5%; box-shadow:0 0 5px #ddd;}
.iframe_vote .part_pictxt_1 .item .inner:hover { box-shadow:0 0 5px #ddd, 0 0 2px #666;}
/*圖片=====*/
.iframe_vote .part_pictxt_1 .item .pic { width:100%; text-align:center; position:relative; overflow:hidden;}
.iframe_vote .part_pictxt_1 .item .pic img { max-width:100%; height:auto; vertical-align:middle;}
.iframe_vote .part_pictxt_1 .item a.pic { display:block; position:relative;}
.iframe_vote .part_pictxt_1 .item .pic.video::before { content:""; display:block; width:100%; height:100%;
background:rgba(0,0,0,0.5) url(../images/icon_play.png) center center no-repeat; background-size:80px 80px; position:absolute; left:0px; top:0px; opacity:0.7;}
/*標籤=====*/
.iframe_vote .part_pictxt_1 .item .label{ position:absolute; right:10px; top:0px; z-index:9;}
.iframe_vote .part_pictxt_1 .item .label span{display:inline-block; float:right; width:25px; height:60px; line-height:30px; margin-left:10px; text-align:center;
 border-radius:0px 0px 8px 8px;}
.iframe_vote .part_pictxt_1 .item .label span.color1{background:#4bcd70; color:#fff;}
.iframe_vote .part_pictxt_1 .item .label span.color2{background:#54adeb; color:#fff;}
/*淹水=====*/
.iframe_vote .part_pictxt_1 .item .pic .effect{ display:none; width:100%; height:100%;
background:rgba(0,0,0,0.5); position:absolute; left:0px; bottom:0px;}
.iframe_vote .part_pictxt_1 .item .pic .effect span{ width:100%; height:100%; line-height:159px; font-size:30px; color:#fff;
position:absolute; left:0; bottom:0px; text-align:center;}
.iframe_vote .part_pictxt_1 .item .pic .effect em{ display:block; width:100%; height:0;
background:rgba(40,180,255,0.5); position:absolute; left:0; bottom:0px; transition:all 1s ease-out;}
/*標題&摘要=====*/
.iframe_vote .part_pictxt_1 .item .text { margin-bottom:5px;}
.iframe_vote .part_pictxt_1 .item .text h3 { text-align:center; font-size:20px;}
.iframe_vote .part_pictxt_1 .item .text p.summary { font-size:16px; color:#777;}
/*投票數&投票率=====*/
.iframe_vote .part_pictxt_1 .item .vote { text-align:center; margin-bottom:5px;}
.iframe_vote .part_pictxt_1 .item .vote p { font-size:18px; color:#666;}
.iframe_vote .part_pictxt_1 .item .vote p span { font-size:20px; color:#333; font-weight:bold; margin-right:3px;}
/*投票按鈕=====*/
.iframe_vote .part_pictxt_1 .item a.btn { display:block; text-align:center; background:#333; color:#fff; padding:5px 10px; border-radius:5px; margin:0 auto 2% auto;}
.iframe_vote .part_pictxt_1 .item a.btn:hover { opacity:0.92;}



/*==========================各種樣式(橫式、大量、直式、PK)==========================*/
/*橫式=====*/

/*大量=====*/
.plenty .part_pictxt_1 .item { float:left; width:49%; margin-right:2%;}
.plenty .part_pictxt_1 .item:nth-of-type(2n) { margin-right:0;}
.plenty .part_pictxt_1 .item .pic { }
.plenty .part_pictxt_1 .item .label{ display:none;}
.plenty .part_pictxt_1 .item .pic .effect span{ line-height:99px; font-size:22px;}
.plenty .part_pictxt_1 .item .text { margin-bottom:0;}
.plenty .part_pictxt_1 .item .text h3 { font-size:16px;}
.plenty .part_pictxt_1 .item .text p.summary { display:none;}
.plenty .part_pictxt_1 .item .vote p { font-size:16px;}
.plenty .part_pictxt_1 .item .vote p span { font-size:18px;}

/*直式=====*/
.column .part_pictxt_1 .item { clear:both; position:relative;}
.column .part_pictxt_1 .item .inner { padding:2% 2% 50px 2%;}
.column .part_pictxt_1 .item .pic { float:left; width:35%; margin-bottom:10px;}
.column .part_pictxt_1 .item .label{ display:none;}
.column .part_pictxt_1 .item .pic .effect span{ line-height:74px; font-size:20px;}
.column .part_pictxt_1 .item .pic + .text { width:62%; float:right;}
.column .part_pictxt_1 .item .text { margin-bottom:10px;}
.column .part_pictxt_1 .item .text h3 { font-size:14px; text-align:left;}
.column .part_pictxt_1 .item .text p.summary { font-size:14px;}
.column .part_pictxt_1 .item .vote { width:55%; clear:both;}
.column .part_pictxt_1 .item .vote p { float:left; margin-right:10px; font-size:14px;}
.column .part_pictxt_1 .item .vote p span { font-size:15px;}
.column .part_pictxt_1 .item .vote p.number { margin-right:0px;}
.column .part_pictxt_1 .item a.btn { width:40%; position:absolute; right:10px; bottom:5px;}

/*PK=====*/
.pk .part_pictxt_1 .item { float:left; width:49.5%;}
.pk .part_pictxt_1 .item:nth-of-type(2n) { float:right;}
.pk .part_pictxt_1 .item .pic { }
.pk .part_pictxt_1 .item .label{ display:none;}
.pk .part_pictxt_1 .item .pic .effect span{ line-height:101px; font-size:22px;}
.pk .part_pictxt_1 .item .text h3 { font-size:18px;}
.pk .part_pictxt_1 .item .vote p { font-size:16px; text-align:center; }
.pk .part_pictxt_1 .item .vote p span { font-size:16px;}


/*大於等於414 (外容器padding:20px)============================*/
@media only screen and (min-width:374px){

/*橫式=====*/
.row .part_pictxt_1 .item { float:left; width:49%; margin-right:2%;}
.row .part_pictxt_1 .item:nth-of-type(2n) { margin-right:0;}
.row .part_pictxt_1 .item .pic { }
.row .part_pictxt_1 .item .label{ display:none;}
.row .part_pictxt_1 .item .pic .effect span{ line-height:130px; font-size:24px;}
.row .part_pictxt_1 .item .text { margin-bottom:0px;}
.row .part_pictxt_1 .item .text h3 { font-size:18px;}
.row .part_pictxt_1 .item .text p.summary { font-size:14px;}

/*大量=====*/
.plenty .part_pictxt_1 .item { float:left; width:32%; margin-right:2%;}
.plenty .part_pictxt_1 .item:nth-of-type(2n) { margin-right:2%;}
.plenty .part_pictxt_1 .item:nth-of-type(3n) { margin-right:0;}
.plenty .part_pictxt_1 .item:nth-of-type(3n+1) { clear:both;}
.plenty .part_pictxt_1 .item .pic { }
.plenty .part_pictxt_1 .item .pic .effect span { line-height:81px;}

/*直式=====*/
.column .part_pictxt_1 .item { }
.column .part_pictxt_1 .item .pic { }
.column .part_pictxt_1 .item .pic .effect span{ line-height:73px;}
.column .part_pictxt_1 .item .text { margin-bottom:0;}
.column .part_pictxt_1 .item .text h3 { font-size:18px;}
.column .part_pictxt_1 .item .text p.summary { font-size:14px;}
.column .part_pictxt_1 .item .vote p span { font-size:18px;}
.column .part_pictxt_1 .item a.btn { bottom:0;}

/*PK=====*/
.pk .part_pictxt_1 { position:relative;}
.pk .part_pictxt_1::before { content:"VS."; display:block; text-align:center; font-size:24px; color:#666;
position:absolute; left:50%; top:50%; width:80px; height:80px; line-height:80px; margin-left:-40px; margin-top:-40px;}
.pk .part_pictxt_1 .item { width:44%;}
.pk .part_pictxt_1 .item .pic { }
.pk .part_pictxt_1 .item .pic .effect span{ line-height:115px;}
.pk .part_pictxt_1 .item .text h3 { font-size:19px;}
.pk .part_pictxt_1 .item .text p.summary { font-size:14px;}
.pk .part_pictxt_1 .item .vote p { font-size:18px;}
.pk .part_pictxt_1 .item .vote p span { font-size:20px;}

}


/*大於等於625 (各頻道PC版-C1最小尺寸)============================*/
@media only screen and (min-width:625px){

/*橫式=====*/
.row .part_pictxt_1 .item { width:32%; margin-right:2%;}
.row .part_pictxt_1 .item:nth-of-type(2n) { margin-right:2%;}
.row .part_pictxt_1 .item:nth-of-type(3n) { margin-right:0;}
.row .part_pictxt_1 .item:nth-of-type(3n+1) { clear:both;}
.row .part_pictxt_1 .item .pic { }
.row .part_pictxt_1 .item .label{ display:block;}
.row .part_pictxt_1 .item .pic .effect span{ line-height:154px; font-size:26px;}
.row .part_pictxt_1 .item .text h3 { font-size:18px;}
.row .part_pictxt_1 .item .text p.summary { font-size:15px;}

/*大量=====*/
.plenty .part_pictxt_1 .item { width:18%; margin-right:2.5%;}
.plenty .part_pictxt_1 .item .inner{ }
.plenty .part_pictxt_1 .item:nth-of-type(2n) { margin-right:2.5%;}
.plenty .part_pictxt_1 .item:nth-of-type(3n) { margin-right:2.5%;}
.plenty .part_pictxt_1 .item:nth-of-type(5n) { margin-right:0;}
.plenty .part_pictxt_1 .item:nth-of-type(3n+1) { clear:none;}
.plenty .part_pictxt_1 .item:nth-of-type(5n+1) { clear:both;}
.plenty .part_pictxt_1 .item .pic { }
.plenty .part_pictxt_1 .item .pic .effect span{ line-height:88px; font-size:20px;}
.plenty .part_pictxt_1 .item .text h3 { font-size:17px;}

/*直式=====*/
.column .part_pictxt_1 .item { }
.column .part_pictxt_1 .item .pic { width:25%; margin-right:2%;}
.column .part_pictxt_1 .item .pic .effect span{ line-height:99px; font-size:22px;}
.column .part_pictxt_1 .item .pic + .text { float:left; margin-bottom:5px;}
.column .part_pictxt_1 .item .text h3 { font-size:20px;}
.column .part_pictxt_1 .item .text p.summary { font-size:16px;}
.column .part_pictxt_1 .item .vote { clear:none;}
.column .part_pictxt_1 .item .vote p span { font-size:18px;}
.column .part_pictxt_1 .item a.btn { width:25%;}

/*PK=====*/
.pk .part_pictxt_1::before { font-size:40px;}
.pk .part_pictxt_1 { padding:2%}
.pk .part_pictxt_1 .item { width:44%;}
.pk .part_pictxt_1 .item .pic { }
.pk .part_pictxt_1 .item .pic .effect span{ line-height:211px; font-size:32px;}
.pk .part_pictxt_1 .item .text h3 { height:30px; font-size:22px;}
.pk .part_pictxt_1 .item .text p.summary { font-size:18px;}
.pk .part_pictxt_1 .item .vote p { font-size:18px;}
.pk .part_pictxt_1 .item .vote p span { font-size:20px;}
.pk .part_pictxt_1 .item a.btn { font-size:17px;}

}



/* 投完票 ===========================*/
.part_pictxt_1 .item a.btn.voted { background:#aaa !important; cursor:default; }

/*大於等於768 (iPAD-外容器padding:20px)============================*/
@media only screen and (min-width:728px){

/*橫式=====*/
.row .part_pictxt_1 .item .text p.summary { font-size:17px;}

/*大量=====*/

/*直式=====*/

/*PK=====*/

}
@charset "utf-8";