@charset "utf-8";
/* CSS Document */

body{width:100%; margin:0px; padding:0px; height:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:Helvetica,Arial, '微軟正黑體','Microsoft JhengHei', MingLiU_HKSCS, sans-serif; scrollbar-face-color: rgba(255,255,255,0); background-color:#220f07;}
*{box-sizing:border-box; background-size:300px; background-repeat:no-repeat; margin:0px; padding:0px; -webkit-overflow-scrolling:touch;}
a{color:#000000; text-decoration:none;}
a:hover{color:#666666;}
#Nav a{display: inline-block; width: 100%; height: 100%;}
.date{font-size:11px; color:#000000; display:inline-block; margin:0px 5px 0px 0px; vertical-align:middle;}
h1{font-weight:normal; line-height:120%;}
.Category{font-size:15px; color:#000000; margin:0px; font-weight:normal;}
.Category a{color:#000000; display:inline-block; vertical-align:top;}
/*image buffering handle*/
img.not_displayed {width: 25px !important; height: 25px !important; top: 35% !important; position: relative !important;}
.Thumbnail img.not_displayed {width: 25px !important; height: 25px !important; top: 35% !important; position: relative !important;}
#Segment li.selected{color:white;}
#Segment li a{color:#a45a40;display:inline-block;width:100%;height:100%;}
#Segment li a:hover{color:#a45a40;}
.Remark {padding: 0 5px; color: #666; font-size: 12px;}
.CommentSymbol {height: 15px; margin: 0 4px; padding: 0 0 0 18px; vertical-align: baseline; display: inline-block; background-image: url(/mobile/tc/common/images/global.png); background-position: -143px -931px; font-size: 12px; font-weight: normal; line-height: 100%;}
/* Grid */
#Container{width:100%; margin:50px 0px 0px 0px; padding:0px;}
#ContentWrapper, #Segment, #Pagination, #Lead #LeadWrapper{width:calc(100% - 16px); max-width:1016px; margin:auto; padding:0px; font-size:0px;}
h5{font-size:30px; line-height:120%; margin:30px 8px 0px 8px; color:#FFFFFF; font-weight:lighter; display:block; width:calc(100% - 16px);}
h5 a, h5 a:hover{color:#FFFFFF;}
.RowA, .RowB, .RowC, .RowD, .Adv{list-style:none; height:300px; margin:8px; padding:0px; font-size:0px; overflow:hidden; background-color:#FFFFFF; vertical-align:top; display:inline-block; position:relative; -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,1); box-shadow:0px 0px 8px 0px rgba(0,0,0,1);}
.RowD{background-color:transparent !important; -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.0); box-shadow:0px 0px 8px 0px rgba(0,0,0,0.0);}
.RowA li, .RowB li, .RowC li, .RowD li, .Adv li{overflow:hidden; display:inline-block; vertical-align:top;}
.RowA{width:calc(100% - 16px);}
.RowB{width:calc(50% - 16px);}
.RowC{width:calc(33.3333333% - 16px);}
.RowD{width:calc(66.6666666% - 16px);}
h1{font-size:24px; font-weight:normal;}
.RowA h1{font-size:30px; font-weight:lighter;}
.RowA h1, .RowA .Abstract{padding-top:18px;}
.RowB h1, .RowB .Abstract{padding-top:14px;}
.RowC h1, .RowC .Abstract, .RowD h1, .RowD .Abstract{padding-top:10px;}
.Thumbnail, .Text{display:inline-block;}
.Thumbnail img, .Author img{margin:0px; position:absolute; top:50%; left:50%; margin-right:-50%; transform:translate(-50%,-50%); border:0px;}
.Text{padding:15px; width:100%;}

/* Header */
#Header{width:100%; height:48px; background-color:#FFFFFF; background-color:rgba(255,255,255,0.9); border-bottom:1px solid #000000; z-index:9998; -moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5); position:fixed; top:0px; left:0px;}
#Header #HdrContainer{width:100%; max-width:1016px; position:relative; margin:auto; height:42px;}
#Header #HdrContainer #TopLogo{width:65px; height:38px; margin:5px; overflow:hidden; position:absolute; top:0px; left:0px;}
#Header #HdrContainer #TopLogo img{width:100%;}
#Header #HdrContainer #Nav{position:absolute; top:0px; right:0px; list-style:none; margin:0px; padding:0px; display:block; font-size:0px;}
#Header #HdrContainer #Nav li{list-style:none; margin:0px; padding:0px 10px; display:inline-block; height:48px; font-size:15px; font-weight:normal; word-spacing:-1px; line-height:48px; cursor:pointer;}
#Header #HdrContainer #Menu{position:absolute; top:0px; right:0px; width:48px; height:48px; background-color:#000000; background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:center center; background-size:48px; display:none; cursor:pointer; z-index:9999;}

/* Lead */
#Lead{position:relative; overflow:hidden; width:100%; margin:auto; padding:15px 0px; font-size:0px; background-image:url(../images/leadbg.jpg); background-repeat:no-repeat; background-position:center top -190px; background-size:1600px;}
#Lead #LeadWrapper{height:100%; position:relative; z-index:3;}
#Lead #Headline{width:100%; font-size:17px; color:#FFFFFF; font-weight:lighter; background-color:rgba(34,15,7,0.8); padding:10px 30px; margin:20px 0px 10px 0px; border-top:1px solid #571809; background:-webkit-linear-gradient(top, rgba(34,15,7,0.8) 0%, rgba(34,15,7,0) 100%); background:-ms-linear-gradient(top, rgba(34,15,7,0.8) 0%, rgba(34,15,7,0) 100%); background:-moz-linear-gradient(top, rgba(34,15,7,0.8) 0%, rgba(34,15,7,0) 100%); background:linear-gradient(top, rgba(34,15,7,0.8) 0%, rgba(34,15,7,0) 100%); -moz-box-shadow:0px -8px 8px 0px rgba(0,0,0,0.7); -webkit-box-shadow:0px -8px 8px 0px rgba(0,0,0,0.7); box-shadow:0px -8px 8px 0px rgba(0,0,0,0.7);}
#Lead #Headline p{margin:15px 0px;}
#Lead #Title{width:450px; margin:20px 0px 10px 3%; display:inline-block; vertical-align:bottom;}
#Lead #Title img{width:100%;}


/* Segment */
#Segment{display:table; table-layout:fixed; -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3); margin-bottom:10px;}
#Segment li{display:table-cell; padding:10px 5px; line-height:120%; font-size:22px; text-align:center; vertical-align:middle; color:#a45a40; background-color:transparent; border-bottom:1px solid #a45a40;  cursor:pointer;}
#Segment li.selected{background-color:rgba(150,20,0,0.6); border-bottom-color:#8c0000; color:#FFFFFF; cursor:default; -webkit-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.8); box-shadow:0px 5px 8px 0px rgba(0,0,0,0.8);}

/* SubMenu */
.SubMenu{display:table; margin-top:20px; padding-top:20px;}
.SubMenu li{display:table-cell; padding:0px 20px; margin:0px; line-height:130%; font-size:15px; padding-left:0px; text-align:center; vertical-align:middle; color:#a45a40; background-color:transparent; cursor:pointer; border-right:1px solid #a45a40;}
.SubMenu li.selected{color:#FFFFFF; cursor:default;}
.SubMenu li p{display:inline-block; margin:0px; padding:0px; text-align:center;}
.SubMenu li p:first-child{font-size:21px; padding-left:15px;}
.SubMenu li:first-child{padding-left:8px;}
.SubMenu li:last-child{border-right:none;}

.VoteGroup{font-size:0px; display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-content:flex-start; align-content:flex-start; -webkit-align-items:stretch; align-items:stretch;}
.VoteListA{padding:6px; height:auto !important; font-size:0px; -webkit-align-self:auto; align-self:auto;}
.VoteListA > li, .VoteListB > ul, .VoteListB > ul > li{font-size:0px; display:inline-block; margin:0px; padding:0px; list-style:none; vertical-align:top;}
.VoteListA > li:first-child{width:80px;}
.VoteListA > li:nth-child(2){width:calc(100% - 130px); padding-left:6px;}
.VoteListA > li:nth-child(3){width:50px;}
.VoteListA > li:last-child{display:block; margin:10px 0px; width:100%;}

#NTW .VoteListA > li:last-child span:first-child, #DC2 .VoteListA > li:last-child span:first-child{display:none;}

.VoteListA > li:last-child span{font-size:15px; display:inline-block; word-spacing:3px;}
.VoteListA > li:last-child span:first-child{margin-right:10px;}
.VoteListA > li:last-child span:first-child::before{content:"得票︰";}
.VoteListA > li:last-child span:nth-child(2){color:#8c0000;}
.VoteListA > li:last-child span:nth-child(2)::before{content:"當選︰";}
.VoteListA.Bingo, .VoteListB ul.Bingo{background-color:#ffdddd;}
.VoteGroup p{margin:0px; letter-spacing:-1px;}
.VoteGroup img{width:100%;}
.VoteListA > li:nth-child(2) p{font-size:15px; display:inline-block; vertical-align:top; padding-right:8px;}
.VoteListA > li:nth-child(2) p:first-child{font-size:20px; display:block; margin-bottom:6px;}
.VoteListA > li:nth-child(2) p:nth-child(2){font-size:12px; display:block; margin-bottom:3px; color:#999999;}
.VoteListA > li:nth-child(3) p{font-size:11px; text-align:center; line-height:120%;}
.VoteListA > li:nth-child(3) p img{display:block; width:100%;}
.VoteListA.Joint > li:nth-child(2){width:calc(100% - 180px); padding-left:10px;}
.VoteListA.Joint > li:nth-child(3){width:100px;}
.VoteListA.Joint > li:nth-child(3) img{width:50%; display:inline-block; vertical-align:middle;}
.VoteListB{margin:8px 20px 8px 8px; padding:0px; font-size:0px; overflow:hidden; vertical-align:top; display:inline-block;}
.VoteListB > ul{list-style:none; margin:2px; padding:6px; background-color:#FFFFFF; font-size:0px; -webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,1); box-shadow:0px 0px 4px 0px rgba(0,0,0,1);}
.VoteListB > ul > li:first-child{width:80px;}
.VoteListB > ul > li:nth-child(2){width:50px; padding-left:6px;}
.VoteListB > ul > li:nth-child(2) p{font-size:11px; text-align:center; line-height:110%;}
.VoteListB > ul > li:last-child{display:block; width:auto; padding-left:0px; margin:6px 0px 0px 0px;}
.VoteListB > ul > li:last-child p{font-size:20px !important; text-align:left; line-height:110%;}
.VoteListB > ul > li:last-child p:last-child{margin-top:5px;}
.VoteListB > ul > li:last-child p span{font-size:15px !important; text-align:left; line-height:110%; display:block;}
.VoteListB > ul > li:last-child p span:first-child::before{content:"得票︰";}
.VoteListB > ul > li:last-child p span:nth-child(2){color:#8c0000;}
.VoteListB h5{margin-left:0px; font-size:15px; letter-spacing:-1px; line-height:100%; margin-right:0px;}
.VoteListB h5 span{padding-left:0px; display:block;}
h5 span{font-size:15px; padding-left:5px; vertical-align:middle; display:inlne-block;}

/* Voting */
.RowB.VotingStyle{height:auto; min-height:325px;}
.VotingStyle .Chart{width:100%; padding:0px 15px; list-style:none; font-size:0px;}
.VotingStyle .Chart li{display:inline-block; vertical-align:top;}
.VotingStyle .Chart li:nth-child(odd){width:60px; height:26px; line-height:26px; font-size:13px; text-align:right; border-right:1px solid #666666; padding-right:5px;}
.VotingStyle .Chart li:nth-child(even){width:calc(100% - 60px); height:26px;}
.VotingStyle .Chart li div{height:22px; font-size:10px; color:#333333; overflow:visible; margin:1px 0px; text-align:right; line-height:22px; border:1px solid #FFFFFF; border-left:0px; -moz-box-shadow:2px 0px 8px 0px rgba(0,0,0,0.2); -webkit-box-shadow:2px 0px 8px 0px rgba(0,0,0,0.2); box-shadow:2px 0px 8px 0px rgba(0,0,0,0.2);display:inline-block;}
.VotingStyle .Chart li div:nth-child(2){border:0;box-shadow:none;}
.VotingStyle .Chart li div::before, .VotingStyle .Chart li div::after{content:"\00a0\00a0";}
.VotingStyle .Chart li:nth-child(2) div:first-child{background-color:#18cfd6;}
.VotingStyle .Chart li:nth-child(4) div:first-child{background-color:#ef4d79;}
.VotingStyle .Chart li:nth-child(6) div:first-child{background-color:#bfc63b;}
.VotingStyle .Chart li:nth-child(8) div:first-child{background-color:#534c0d;}
.VotingStyle .Chart li:nth-child(10) div:first-child{background-color:#d58a58;}
.VotingStyle .Chart li:nth-child(12) div:first-child{background-color:#f26522;}
.VotingStyle .Chart li:nth-child(14) div:first-child{background-color:#2574a9;}
.VotingStyle .Chart li:nth-child(16) div:first-child{background-color:#26a65b;}
.VotingStyle .Chart li:nth-child(18) div:first-child{background-color:#f62459;}
.VotingStyle .Chart li:nth-child(20) div:first-child{background-color:#9b59b6;}
.VotingStyle .Chart li:nth-child(22) div:first-child{background-color:#34495e;}
.VotingStyle h5{margin:0px; padding:0px;}
.VotingStyle h5 a{font-size:21px; color:#ef4d79; font-weight:normal;}
.VotingStyle .Btn{margin:18px; cursor:pointer; display:inline-block; border:1px solid #FFFFFF; font-size:18px; color:#FFFFFF; padding:5px 10px; -moz-box-shadow:2px 0px 8px 0px rgba(0,0,0,0.2); -webkit-box-shadow:2px 0px 8px 0px rgba(0,0,0,0.2); box-shadow:2px 0px 8px 0px rgba(0,0,0,0.2);}
.VotingStyle .VotingBtn{background-color:#ef4d79;}
.VotingStyle .CommentBtn{background-color:#18cfd6; margin-left:-10px;}
.VotingStyle .Category{color:#f60;}


/* Big Highlight */
.RowA .Thumbnail, .RowA .Text{width:50%; height:300px; overflow:hidden; font-size:0px; vertical-align:top; margin:0px;}
.RowA .Thumbnail{padding:0px;}
.RowA .Thumbnail{position:relative; line-height:0px; font-size:0px;}
.RowA .Thumbnail img{width:110%;}
.RowA .Abstract{font-size:18px;}

.RowD > li{width:100%;}
.RowD > li > ul{width:calc(50% - 8px) !important; height:300px; padding:0px; margin:0px; font-size:0px; overflow:hidden; background-color:#FFFFFF; vertical-align:top; display:inline-block; position:relative; -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.8); box-shadow:0px 0px 8px 0px rgba(0,0,0,0.8);}
.RowD > li > ul:first-child{margin-right:16px;}
.RowD > li > ul > li{width:100%; -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.0); box-shadow:0px 0px 8px 0px rgba(0,0,0,0.0);}

/* PhotoStyle */
.PhotoStyle .Thumbnail{width:100%; height:300px; overflow:hidden; position:relative; line-height:0px; font-size:0px;}
.RowB.PhotoStyle .Thumbnail img{width:110%;}
.RowC.PhotoStyle .Thumbnail img{height:110%;}
.PhotoStyle .Text{width:100%; background-color:rgba(255,255,255,0.75); position:absolute; bottom:0px; left:0px;}
.PhotoStyle h1{font-size:22px;}

/* ColumnStyle */
.ColumnStyle li{padding:15px; position:relative;}
.ColumnStyle .Abstract{font-size:16px;}
.ColumnStyle .Author{width:102px; height:69px; overflow:hidden; position:relative; line-height:0px; font-size:0px; border:1px solid #CCCCCC; margin:15px; margin-bottom:0px;}
.ColumnStyle .Author img{width:100%;}

/* NewsStyle */
.NewsStyle li{padding:15px;}
.NewsStyle .Abstract{font-size:16px;}

/* Adv */
.Adv{width:calc(33.3333333% - 16px); background-color:transparent !important; -webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.0) !important; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.0) !important;}
.Adv li > *{background-color:#FFFFFF; vertical-align:middle; text-align:center; width:300px; margin:0px; position:absolute; top:50%; left:50%; margin-right:-50%; transform:translate(-50%,-50%);}
#TopBanner{width:100%; padding:10px 0px; text-align:center; background-color:rgba(0,0,0,0.4);}

/* Pagination */
form{margin:0px;}
input, textarea, input[type=number]::-webkit-inner-spin-button, input[type="checkbox"]{-webkit-appearance:none; appearance:none; outline:none; border-radius:0px; border:1px solid #c2c2c2; display:inline-block; background-color:#FFFFFF;}
select{width:96%; margin:0px 2%; font-size:22px; line-height:36px; height:36px; -webkit-appearance:none; appearance:none; outline:none; border-radius:0px; color:#545454; border:1px solid #c2c2c2; background-color:#FFFFFF; padding:0px 40px 0px 10px; background-image:url(../images/selectbg.png); background-repeat:no-repeat; background-size:36px; background-position:right center;}
#Pagination ul{margin:50px auto; font-size:0px; list-style:none; padding:0px; text-align:center;}
#Pagination ul li{font-size:20px; color:#601c0f; height:36px; line-height:26px; text-align:center; margin:0px 8px; padding:5px; display:inline-block; vertical-align:middle;}
#Pagination ul li a{color:#a45a40;}
#Pagination ul li.PageNumber{width:36px; margin:0px 15px;}
#Pagination ul li.Active{background-color:#a45a40; color:#FFFFFF; border-radius:50%;}
#Pagination ul li.SelectMenu{display:none;}

/* Footer */
#FooterWrapper{width:100%; margin:auto; padding:0px; font-size:0px;}
#FooterWrapper ul{width:calc(100% - 16px); max-width:1016px; list-style:none; margin:0px auto; padding:0px; font-size:0px;}
#FooterWrapper .CorpID{width:100%; background-color:#570e00;}
#FooterWrapper .CorpID ul, #FooterWrapper .CorpID ul li{height:79px;}
#FooterWrapper .CorpID img{height:100%;}
#FooterWrapper .CorpID li{width:50%; display:inline-block; vertical-align:top;}
#FooterWrapper li.CorpLogo{width:90px;}
#FooterWrapper li.CorpFB{text-align:right; width:calc(100% - 90px);}
#FooterWrapper li.CorpFB a{margin:0px 8px;}
#FooterWrapper .Disclaimer{width:100%; padding:15px 0px;;}
#FooterWrapper .Disclaimer p{width:calc(100% - 16px); max-width:1016px; margin:20px auto; color:#666666; font-size:11px; text-align:justify;}
#FooterWrapper .Disclaimer p a{color:#666666; display:inline-block; margin:0px 10px; font-size:13px;}

/* PageTop */
#PageTop{cursor:pointer; width:50px; height:50px; background-image:url(../images/pagetop.png); background-size:50px; position:fixed; right:30px; bottom:30px; z-index:2000; border-radius:5px; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); display:none;}

/* Social */
#Social{list-style:none; height:60px; display:inline-block; margin:0px 0px 15px 0px; padding:0px; font-size:0px; vertical-align:bottom;}
#Social li{display:inline-block; vertical-align:middle; width:60px; height:60px; background-repeat:no-repeat; background-position:center center; background-size:50px; cursor:pointer; overflow:hidden; margin:1px; background-color:rgba(34,15,7,0.8);}
#Social li.Like{background-color:transparent; width:78px !important; height:60px !important; text-align:center; line-height:0px; margin:0px; padding:0px;}
#Social li.FB{background-image:url(../images/fb.png);}
#Social li.WhatsApp{background-image:url(../images/whatsapp.png); display:none;}
#Social li.Line{background-image:url(../images/line.png); display:none;}
#Social li.Email{background-image:url(../images/email.png);}


@media only screen and (max-device-width: 989px){
#Social li.WhatsApp, #Social li.Line{display:inline-block;}
}
@media only screen and (max-width: 989px){
#TopBanner{display:none;}
}
@media only screen and (max-width: 900px){
#Lead{background-size:1400px; background-position:center top -100px;}
.RowA .Thumbnail img, .RowB.PhotoStyle .Thumbnail img{width:auto; height:110%;}
.RowC, .Adv{width:calc(50% - 16px);}
.RowD{width:calc(50% - 16px);}
.RowD > li > ul{width:100% !important; height:auto;}
.RowD > li > ul:first-child{margin-right:0px; margin-bottom:16px;}
.RowD .Abstract{display:none;}
.RowD .ColumnStyle li{display:inline-block;}
.RowD .PhotoStyle{height:150px;}
.RowD .PhotoStyle li.Text{width:70%; left:30%; height:100%;}
.RowD .PhotoStyle li.Text h1{font-size:20px;}
.RowD .ColumnStyle li.Text{width:calc(100% - 140px); padding-left:0px;}
#Header #HdrContainer #Nav{position:absolute; top:48px; left:0px; width:100%; background-color:rgba(255,255,255,0.95); -moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.7); -webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.7); box-shadow:0px 4px 4px 0px rgba(0,0,0,0.7); display:none;}
#Header #HdrContainer #Nav li{width:50%; padding:0px; text-indent:10px; border-bottom:1px solid #CCCCCC;}
#Header #HdrContainer #Nav li:nth-child(even){border-left:1px solid #CCCCCC;}
#Header #HdrContainer #Menu{display:block;}
}
@media only screen and (max-width: 850px){
#Lead{background-size:1200px; background-position:center top -100px;}
#Social{display:block; margin:10px 0px 0px 10px;}
h1{font-size:20px;}
h5{font-size:24px;}
.RowA, .RowA .Thumbnail, .RowB, .RowC, .Adv, .PhotoStyle .Thumbnail{height:250px;}
.RowA h1{font-size:28px;}
.RowA h1, .RowA .Abstract{padding-top:16px;}
.RowA .Abstract, .NewsStyle .Abstract{font-size:14px;}
.RowB h1, .RowB .Abstract{padding-top:14px;}
.ColumnStyle .Abstract{display:none;}
#Segment li{font-size:17px;}
.RowB.VotingStyle{min-height:336px;}
.SubMenu li{font-size:17px;}
}
@media only screen and (max-width: 660px){
#Lead #Headline{padding:10px 20px;}
.RowB, .RowC, .RowD, .Adv{width:calc(100% - 16px);}
.RowA, .RowB, .RowC, .RowD{height:auto;}
.RowA .Thumbnail, .RowA .Text{display:block; width:100%;}
.RowA .Text{height:auto;}
.RowD .PhotoStyle{height:auto;}
.RowD .PhotoStyle li.Text{width:100%; left:0%; height:auto;}
.RowD .PhotoStyle li.Text h1{font-size:22px;}
.RowD .ColumnStyle li{display:block;}
.RowD .ColumnStyle li.Text{width:100%; padding-left:15px;}
.Thumbnail img{width:110% !important; height:auto !important;}
.Abstract{display:none;}
h1{padding-top:8px !important;}
.RowA .Thumbnail{width:100%; overflow:hidden; position:relative; line-height:0px; font-size:0px;}
.RowA .Text{width:100%; background-color:rgba(255,255,255,0.75); position:absolute; bottom:0px; left:0px; padding:15px;}
#FooterWrapper .CorpID ul{height:158px;}
#FooterWrapper li.CorpLogo, #FooterWrapper li.CorpFB{width:100%; height:50%; text-align:center;}
.RowB.VotingStyle{min-height:0px;}
.SubMenu{width:100%;}
.SubMenu li{padding:0px 5px;}
.SubMenu li p{display:block; padding-left:0px !important;}
}
@media only screen and (max-width: 560px){
#FooterWrapper .CorpID ul{height:150px;}
#FooterWrapper li.CorpFB img{height:60px;}
}
@media only screen and (max-width: 414px){
#Lead #Title{width:100%; margin:20px 0px 10px 0px;}
#Lead #Headline{padding:5px;}
}
@media only screen and (max-width: 375px){
#Social li{width:50px; height:50px;}
.Thumbnail img{width:auto !important; height:110% !important;}
h1{font-size:20px !important; font-weight:normal !important;}
.Text, .ColumnStyle li{padding:12px !important;}
#FooterWrapper .CorpID ul{height:220px;}
#FooterWrapper li.CorpFB a{display:block;}
}
@media only screen and (max-width: 320px){
#ContentWrapper{width:calc(100% - 4px);}
.Category{font-size:13px;}
h1{font-size:18px !important; font-weight:normal !important;}
.Text, .ColumnStyle li{padding:10px !important;}
}
@media only screen and (max-width: 850px), (max-device-width: 768px) and (orientation: portrait), (max-device-width: 1024px) and (orientation: landscape){
#Pagination ul{display:table; width:100%;}
#Pagination ul li{margin:0px; padding:5px; display:table-cell; width:60px;}
#Pagination ul li.JumpPage, #Pagination ul li.PageNumber{display:none;}
#Pagination ul li.SelectMenu{display:table-cell; width:calc(100% - 240px);}
}
@media only screen and (max-width: 560px), (max-device-width: 414px) and (orientation: portrait), (max-device-width: 736px) and (orientation: landscape){
#Pagination ul li, select{font-size:18px;}
#Pagination ul li{margin:0px; padding:5px; display:table-cell; width:50px;}
#Pagination ul li.SelectMenu{display:table-cell; width:calc(100% - 200px);}
}
@media only screen and (max-device-width: 700px){
#Lead #Headline{font-size:14px;}
}
@media only screen and (max-device-width: 736px) and (orientation: landscape){
#Lead{background-size:1000px; background-position:center top -100px;}
#Lead #Title{width:50%; margin:20px 0px 10px 0px;}
#Lead #Headline{padding:5px;}
#Social{display:inline-block; margin-bottom:10px;}
#Lead #Headline{font-size:14px;}
.RowB.VotingStyle{height:315px;}
}
@media only screen and (max-device-width: 667px) and (orientation: landscape){
#Social li{width:50px; height:50px;}
.RowB.VotingStyle{height:336px;}
}
@media only screen and (max-device-width: 568px) and (orientation: landscape){
#Lead #Title{width:45%;}
.RowB.VotingStyle{min-height:0px;}
}