@charset "utf-8";@font-face{font-family:'Glyphicons Halflings';src:url('https://opstatics.com/mage/fonts/bootstrap/glyphicons-halflings-regular.eot?1620617878');src:url('https://opstatics.com/mage/fonts/bootstrap/glyphicons-halflings-regular.eot?1620617878') format("embedded-opentype"),url('https://opstatics.com/mage/fonts/bootstrap/glyphicons-halflings-regular.woff2?1620617878') format("woff2"),url('https://opstatics.com/mage/fonts/bootstrap/glyphicons-halflings-regular.woff?1620617878') format("woff"),url('https://opstatics.com/mage/fonts/bootstrap/glyphicons-halflings-regular.ttf?1620617878') format("truetype"),url('https://opstatics.com/mage/fonts/bootstrap/glyphicons-halflings-regular.svg?1620617878') format("svg");font-weight:normal;font-style:normal}.clearboth{clear:both;opacity:0}.w1200{width:100%;max-width:1200px;margin:0 auto}#vote-banner{font-family:SlateForOnePlusThin,Lato,"Lato Latin","Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;height:1000px;position:relative}#vote-banner:before{content:'';width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-image:url('https://opstatics.com/mage/images/activities/tvc/vote-banner.jpg?1620617888');background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 1660px){#vote-banner:before{background-image:url('https://opstatics.com/mage/images/activities/tvc/vote-banner-m.jpg?1620617888')}}@media screen and (max-width: 768px){#vote-banner:before{background-image:url('https://opstatics.com/mage/images/activities/tvc/vote-banner-s.jpg?1620617888')}}#vote-banner .part1{height:610px;position:relative;z-index:2;width:100%;max-width:1000px;margin:0 auto}#vote-banner h2{font-size:36px;line-height:1.5em;position:absolute;left:10%;top:50%;width:80%;text-align:center;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#vote-banner section{height:390px;position:relative;z-index:2;background-color:rgba(29,30,33,0.7)}#vote-banner section .w1200{height:100%;position:relative}#vote-banner .star{width:345px;height:100%;float:left;background-image:url('https://opstatics.com/mage/images/activities/tvc/vp-star.png?1620617888');background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 1660px){#vote-banner .star{background-image:url('https://opstatics.com/mage/images/activities/tvc/vp-star-m.png?1620617888')}}@media screen and (max-width: 768px){#vote-banner .star{background-image:url('https://opstatics.com/mage/images/activities/tvc/vp-star-s.png?1620617888')}}#vote-banner .vote-detail{position:absolute;top:50%;right:5%;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:60%}#vote-banner .vote-detail h3{font-size:22px;margin-bottom:30px}#vote-banner .vote-detail .m-h3{display:none}#vote-banner .vote-detail ul li{font-size:16px;line-height:1.8em;padding-left:20px;position:relative}#vote-banner .vote-detail ul li:before{content:'';width:4px;height:4px;display:block;background-color:#8da2c5;border-radius:1px;position:absolute;left:0;top:12px}@media screen and (max-width: 1000px){#vote-banner .vote-detail{right:30px;width:50%}#vote-banner .vote-detail ul li{font-size:14px;line-height:1.5em}#vote-banner .vote-detail ul li:before{top:10px}}@media screen and (max-width: 768px){#vote-banner{height:auto}#vote-banner:before{padding-top:83.75%;height:0}#vote-banner .part1{padding-top:83.75%;height:0}#vote-banner h2{font-size:18px}#vote-banner section{height:120px;background-color:#2b2e33}#vote-banner section .w1200{height:100%;position:relative;overflow:hidden}#vote-banner .star{width:116px;height:120px;float:left;margin-left:20px}#vote-banner .vote-detail{position:relative;top:0;right:0%;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);width:240px;float:left;margin-left:100px;margin-top:28px}#vote-banner .vote-detail h3{font-size:18px;margin-bottom:0;display:none}#vote-banner .vote-detail .m-h3{display:block;line-height:1.8em;cursor:pointer}#vote-banner .vote-detail .m-h3 span{display:block}#vote-banner .vote-detail ul{display:none}#vote-banner section.mb-show{height:auto}#vote-banner section.mb-show .star{margin-left:-116px}#vote-banner section.mb-show .vote-detail{margin-left:0;margin-top:0;width:100%;padding:20px}#vote-banner section.mb-show .vote-detail .m-h3{margin-bottom:10px}#vote-banner section.mb-show .vote-detail .m-h3 span{display:inline}#vote-banner section.mb-show .vote-detail ul{display:block}}@media screen and (max-width: 500px){#vote-banner .vote-detail{width:180px;margin-left:50px}#vote-banner .vote-detail h3{font-size:14px}}@media screen and (max-width: 400px){#vote-banner .star{margin-left:0px}#vote-banner .vote-detail{margin-left:10px}}#timebar{height:70px;background:#fff;border-bottom:1px solid #d7d7d7}#timebar .w1200{padding:0 40px}#timebar h3{font-size:18px;color:#000;line-height:70px;float:left}#timebar h3 span{font-size:14px;color:#999}#timebar #countdown-box{line-height:70px;float:right;font-size:14px;color:#999}#timebar #countdown-box span{color:#000;margin-left:10px;font-size:16px}@media screen and (max-width: 768px){#timebar .w1200{padding:0 20px}#timebar h3 span{display:none}}@media screen and (max-width: 480px){#timebar #countdown-box{font-size:12px}#timebar #countdown-box span{margin-left:6px;font-size:14px}}#vote-section{background-color:#efefef;padding-bottom:200px}@media screen and (max-width: 768px){#vote-section{padding-bottom:50px}}#name-list{background-color:#fff;box-shadow:0 5px 10px #ccc;margin-bottom:20px}#name-list h2{padding:25px 20px;background-color:#f9f9f9;text-align:center;font-size:18px;color:#000;line-height:1.4em;font-weight:normal}#name-list h2 em{font-size:20px;font-style:normal;color:#f00}#name-list h2 a{margin-left:20px}@media screen and (max-width: 768px){#name-list{box-shadow:none;margin-bottom:0}#name-list h2{text-align:left}#name-list h2 a{display:block;margin-left:0;margin-top:10px}}#name-list-ul-box{padding:0 20px}@media screen and (max-width: 768px){#name-list-ul-box{display:none}}.name-list-ul{width:47%;float:left;margin:0 1.5%}.name-list-ul li{width:100%;padding:20px 0;line-height:40px;float:left;border-bottom:1px solid #f2f2f2}.name-list-ul li img{width:40px;height:40px;display:block;border-radius:50%;float:left;margin-right:10px}.name-list-ul li:before{content:attr(data-index);font-size:16px;display:block;float:left;margin-right:10px;margin-top:10px;width:22px;height:22px;line-height:22px;text-align:center}.name-list-ul li .name{font-size:16px;float:left}.name-list-ul li b{font-size:16px;float:right}.name-list-ul li a{width:70px;height:30px;display:block;border:1px solid #666;border-radius:15px;color:#666;line-height:28px;text-align:center;font-size:16px;float:right;margin:5px 0 0 10px}.name-list-ul li a:hover{background-color:#666;color:#fff}.name-list-ul.sortby-votenum li:nth-of-type(1):before,.name-list-ul.sortby-votenum li:nth-of-type(2):before,.name-list-ul.sortby-votenum li:nth-of-type(3):before,.name-list-ul.sortby-votenum li:nth-of-type(4):before,.name-list-ul.sortby-votenum li:nth-of-type(5):before{border-radius:5px;background-color:#f8be33;font-size:14px;color:#fff}.btn-tvc-red{display:inline-block;width:200px;height:50px;line-height:50px;text-align:center;cursor:pointer;font-size:16px;background:#eb0028;color:#fff;box-sizing:border-box;border:1px solid #eb0028;overflow:hidden;-webkit-transition:color 0.15s ease 0s;-o-transition:color 0.15s ease 0s;transition:color 0.15s ease 0s;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:relative;z-index:1}@media screen and (min-width: 768px){.btn-tvc-red:before{position:absolute;width:0px;background:#d70808;content:"";-webkit-transition:width 0.15s ease 0s;-o-transition:width 0.15s ease 0s;transition:width 0.15s ease 0s;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;z-index:-1;top:-1px;left:-1px;height:52px}.btn-tvc-red:hover{color:#fff}.btn-tvc-red:hover:before{width:202px}}#vote-area{position:relative}#vote-area .item{width:49.16667%;padding:30px 0 20px 0;background-color:#fff;color:#000;position:absolute;margin-bottom:20px;box-shadow:0 5px 10px #ccc}#vote-area .item h3{padding:0 30px 0 30px;line-height:40px;margin-bottom:20px}#vote-area .item h3 img{width:40px;height:40px;display:block;border-radius:50%;float:left;margin-right:20px}#vote-area .item h3 .name{font-size:16px}#vote-area .item h3 .from-media{color:#d6d6d6;font-size:13px;height:20px;float:right;line-height:20px;position:relative}#vote-area .item h3 .from-media.from-amazon:after{content:'';display:block;float:right;background-image:url('https://opstatics.com/mage/images/activities/tvc/icon-amazon.png?1620617887');background-position:center;background-repeat:no-repeat;background-size:contain;width:70px;height:20px;margin-left:10px}#vote-area .item h3 .from-media.icon-facebook,#vote-area .item h3 .from-media.icon-twitter{width:60px;height:20px;padding-right:24px;display:block}#vote-area .item h3 .from-media.icon-facebook:before,#vote-area .item h3 .from-media.icon-twitter:before{width:20px;height:20px;color:#fff;float:right;position:absolute;right:0;top:0;text-align:center;border-radius:2px;background:#d6d6d6;font-size:15px}#vote-area .item h3 .from-media.icon-twitter:before{background:#fff;color:#d6d6d6;font-size:16px}#vote-area .item h3 .vote-num,#vote-area .item h3 i{display:none}#vote-area .item .content{padding:0 30px 20px 30px}#vote-area .item .content p{font-size:16px;margin-bottom:16px}#vote-area .item .content h4{font-size:18px;font-weight:normal;margin-bottom:10px}#vote-area .item .content>img{width:100%;display:block}#vote-area .item .vote-panel{padding:20px 30px 0;border-top:1px solid #e5e5e5}#vote-area .item .vote-panel .g-recaptcha{width:100%;height:78px;overflow:hidden;float:right;clear:both}#vote-area .item .vote-panel .g-recaptcha>div{float:right;-moz-transform:scale(0.66, 0.66) translate(26%, 0);-ms-transform:scale(0.66, 0.66) translate(26%, 0);-webkit-transform:scale(0.66, 0.66) translate(26%, 0);transform:scale(0.66, 0.66) translate(26%, 0)}#vote-area .item .vote-panel .share-btn{width:40px;height:40px;padding:8px;float:left;margin-top:13px;position:relative;z-index:5}#vote-area .item .vote-panel .share-btn i{width:24px;height:24px;display:block;background-image:url('https://opstatics.com/mage/images/activities/tvc/share-btn.png?1620617887');background-position:center;background-repeat:no-repeat;background-size:contain}#vote-area .item .vote-panel .share-btn div{height:40px;width:0;position:absolute;left:0;top:0;overflow:hidden;-webkit-transition:width 0.2s;-o-transition:width 0.2s;transition:width 0.2s}#vote-area .item .vote-panel .share-btn div span{height:40px;width:80px;display:block}#vote-area .item .vote-panel .share-btn a{width:40px;height:40px;background-color:#ddd;display:block;float:left;font-size:20px;text-align:center;line-height:40px;cursor:pointer}#vote-area .item .vote-panel .share-btn a:before{color:#666}#vote-area .item .vote-panel .share-btn a.icon-facebook:hover:before{color:#315296}#vote-area .item .vote-panel .share-btn a.icon-twitter:hover:before{color:#01b4e8}#vote-area .item .vote-panel .share-btn:hover div{width:80px}#vote-area .item .vote-panel .vote-panel-right{float:right;position:relative;padding-bottom:10px}#vote-area .item .vote-panel .vote-panel-right.error:after{content:attr(data-errmes);width:100%;text-align:right;display:block;font-size:12px;color:#f00;position:absolute;left:0;bottom:-5px;clear:both}#vote-area .item .vote-panel .btn-tvc-red{color:#fff}#vote-area .item .vote-panel .btn-tvc-red:hover{color:#fff}#vote-area .item .vote-panel .vote-number{float:left;line-height:50px;font-size:16px;color:#999;margin-right:25px}#vote-area .item .vote-panel .vote-number span{color:#333;margin-right:5px}#vote-area .item-ad{padding:0}#vote-area .item-ad:before{content:'';height:0;display:block;padding:72.88136% 0 0 0;background-position:center;background-repeat:no-repeat;background-size:cover}#vote-area .item-ad1:before{background-image:url('https://opstatics.com/mage/images/activities/tvc/img-ad-1.jpg?1620617887')}#vote-area .item-ad2:before{background-image:url('https://opstatics.com/mage/images/activities/tvc/img-ad-2.jpg?1620617887')}#vote-area .item-ad3:before{background-image:url('https://opstatics.com/mage/images/activities/tvc/img-ad-3.jpg?1620617887')}@media screen and (min-width: 769px){#vote-area .item .collapse-box{display:block !important}}@media screen and (max-width: 768px){#vote-area{position:static}#vote-area .item{width:100%;position:relative;top:0 !important;left:0 !important;margin-bottom:0;box-shadow:none;border-bottom:1px solid #f2f2f2}#vote-area .item .content{padding:0 20px 20px 20px}#vote-area .item h3 .vote-num,#vote-area .item h3 i{display:block}#vote-area .item h3 .from-media{display:none !important}#vote-area .item h3 i{width:30px;height:30px;border:1px solid #5b5b5b;border-radius:50%;position:relative;float:right;margin:4px 0 0 10px;cursor:pointer}#vote-area .item h3 i:before,#vote-area .item h3 i:after{content:'';width:10px;height:2px;overflow:hidden;background:#5b5b5b;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#vote-area .item h3 i:after{width:2px;height:10px}#vote-area .item h3 .vote-num{float:right}#vote-area .item .collapse-box{display:none}#vote-area .item.show h3 i:after{display:none}#vote-area .item.show .collapse-box{display:block}#vote-area .item .vote-panel{padding:0 20px 0;border-top:none}#vote-area .item .vote-panel .g-recaptcha{margin-top:10px}#vote-area .item .vote-panel .g-recaptcha>div{float:left;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none}#vote-area .item .vote-panel .share-btn{margin-top:0;margin-bottom:-40px}#vote-area .item .vote-panel .vote-panel-right{width:100%}#vote-area .item .vote-panel .vote-panel-right.error:after{text-align:left}#vote-area .item .vote-panel .vote-number{float:right;position:relative;top:-5px}#vote-area .item .vote-panel .btn-tvc-red{width:100%}#vote-area .item-ad{display:none}}@media screen and (max-width: 350px){#vote-area .item .vote-panel .g-recaptcha>div{-moz-transform:scale(0.86, 0.86);-ms-transform:scale(0.86, 0.86);-webkit-transform:scale(0.86, 0.86);transform:scale(0.86, 0.86)}}#btn-backtotop{width:100%;height:50px;line-height:50px;text-align:center;background-color:#e3e3e3;color:#000;font-size:16px;display:block;margin-top:40px}