@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}html{line-height:1;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}q,blockquote{quotes:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}a img{border:none;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}.slick-prev,.slick-next{position:absolute;display:block;height:30px;width:30px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;margin-top:-10px\9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1;}.slick-prev i,.slick-next i{font-size:30px;color:#fff;cursor:pointer;}.slick-prev i:hover,.slick-next i:hover{color:#2CA1F1;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25;}.slick-prev:before,.slick-next:before{font-family:"./slick";font-size:20px;line-height:1;color:white;opacity:0.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{left:-25px;}[dir="rtl"] .slick-prev{left:auto;right:-25px;}.slick-next{right:-25px;}[dir="rtl"] .slick-next{left:-25px;right:auto;}.slick-slider{margin-bottom:30px;}.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer;}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer;}.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:"./slick";font-size:6px;line-height:20px;text-align:center;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{color:black;opacity:0.75;}.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;left:0;top:0;display:block;}.slick-track:before,.slick-track:after{content:"";display:table;}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{float:left;height:100%;min-height:1px;display:none;}[dir="rtl"] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}.slick-arrow.slick-hidden{display:none;}.button{display:inline-block;margin:0 3px;padding:0 6px;height:44px;line-height:44px;text-align:center;background-color:#000;font-size:13px;color:#fff;cursor:pointer;}.button i{font-size:18px;}.button.pinterest{background-color:#B81621;}.button.pinterest:hover{background-color:#8a1119;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}.button.google{background-color:#E93F2E;}.button.google:hover{background-color:#ce2616;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}.button.facebook{background-color:#306199;}.button.facebook:hover{background-color:#244872;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}.button.twitter{background-color:#26C4F1;}.button.twitter:hover{background-color:#0eaad6;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html,body{margin:0 auto;height:100%;background-color:#FFF;font-family:"Microsoft YaHei","Microsoft JhengHei",Arial,sans-serif;}input.focus,textarea.focus{outline:none;}div:focus{outline:0;}a{color:#000;text-decoration:none;outline:none;}[contentEditable=true]:empty:not(:focus):before{content:attr(data-text);}.clearfix{clear:both;}#container{position:relative;width:100%;height:auto;min-height:calc(100% - 194px);padding-top:110px;}#container .sectionContent{margin:50px auto 0;width:1170px;height:auto;background-color:#FFF;font-size:0;}#container .sectionContent.video{margin:18px auto 0;}#container .sectionContent.video_jav{font-size:0;}#container .sectionContent.jav_member{padding:0 15px;}#container .sectionContent.below_path_content{margin:25px auto 0;}#container .sectionContent.below_path_content .divider{padding:15px;}#container .sectionContent.below_path_content .divider .bottom-line{border-bottom:1px solid #DADADA;}.videoGroup{vertical-align:top;margin-bottom:20px;width:100%;}.videoGroup .section-title{position:relative;margin-bottom:25px;padding-left:15px;padding-right:15px;}.videoGroup .section-title h2{display:inline-block;font-size:30px;}.videoGroup .section-title h2.font_gray{color:#BDBDBD;}.videoGroup .section-title h2 .font_javcolor{margin-left:5px;font-size:15px;color:#FF8382;}.videoGroup .section-title .more-action{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);right:15px;width:60px;padding:0 3px;padding-left:6px;height:25px;line-height:25px;text-align:center;border:1px solid #616161;font-size:12px;cursor:pointer;color:#616161;-webkit-border-radius:12.5px;-moz-border-radius:12.5px;-ms-border-radius:12.5px;-o-border-radius:12.5px;border-radius:12.5px;}.videoGroup .section-title .more-action:hover{background-color:#2CA1F1;color:#fff;border-color:#2CA1F1;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}.videoGroup .section-title .more-action .more-text{display:inline-block;}.videoGroup.video_shows .wrapper{padding-left:15px;}.videoGroup.video_shows .wrapper .left_slider,.videoGroup.video_shows .wrapper .right_video_content{vertical-align:top;display:inline-block;width:50%;font-size:0;}#container .sectionContent #showMoreNews{height:40px;text-align:center;}#container .sectionContent #showMoreNews img{height:40px;}#video-section{margin:0 auto;width:100%;min-width:1170px;min-height:529px;background-color:#000;}#video-section .videoWrapper{margin:0 auto;padding-top:10px;width:1170px;font-size:0;}#video-section .videoWrapper.fullsrceen .videoContent{width:1160px;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper.fullsrceen .videoContent .videoBar{min-height:550px;}#video-section .videoWrapper.fullsrceen .videoContent iframe,#video-section .videoWrapper.fullsrceen .videoContent #iframeCover{width:100%;height:550px;}#video-section .videoWrapper.fullsrceen .videoContent #bitdashContent{height:auto!important;}#video-section .videoWrapper.fullsrceen .videoContent #bitdashContent .player-wrapper .bitdash-vc{width:1160px!important;height:550px!important;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent,#video-section .videoWrapper .videoSidebar,#video-section .videoWrapper .videoBar{vertical-align:top;display:inline-block;}#video-section .videoWrapper .videoContent{position:relative;margin-right:10px;width:790px;height:100%;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent #bitdashContent,#video-section .videoWrapper .videoContent #iframeCover{width:100%;height:444px;}#video-section .videoWrapper .videoContent #bitdashContent figure{margin:0;padding:0;}#video-section .videoWrapper .videoContent #bitdashContent .player-wrapper{margin:0 auto;margin-right:auto;margin-left:auto;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.7);-moz-box-shadow:0 0 30px rgba(0,0,0,0.7);box-shadow:0 0 30px rgba(0,0,0,0.7);}#video-section .videoWrapper .videoContent #bitdashContent .player-wrapper .bitdash-vc{margin:0 auto!important;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent #bitdashContent .player-wrapper .bitdash-vc .bitdash-ctrl-w:hover .bitdash-btn-overlay{background-position:center -76px;}#video-section .videoWrapper .videoContent #bitdashContent .player-wrapper .bitdash-vc .bitdash-ctrl-w .bitdash-ctrl{z-index:3;}#video-section .videoWrapper .videoContent #bitdashContent .player-wrapper .bitdash-vc .bitdash-btn-overlay{background-position:center 0;width:75px;height:75px;min-width:75px;min-height:75px;background-image:url("/img/play_video.png");}#video-section .videoWrapper .videoContent .videoBar{position:absolute;top:0;right:-10px;width:10px;min-height:444px;cursor:pointer;}#video-section .videoWrapper .videoContent .videoBar .bar{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:8px;height:444px;background-color:#212121;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF212121',endColorstr='#FF212121');background:-owg-linear-gradient(top,#212121 0%,#757575 44%,#757575 60%,#212121 100%);background:-webkit-linear-gradient(top,#212121 0%,#757575 44%,#757575 60%,#212121 100%);background:-moz-linear-gradient(top,#212121 0%,#757575 44%,#757575 60%,#212121 100%);background:-o-linear-gradient(top,#212121 0%,#757575 44%,#757575 60%,#212121 100%);background:linear-gradient(top,#212121 0%,#757575 44%,#757575 60%,#212121 100%);}#video-section .videoWrapper .videoContent .videoBar .bar:hover{background-color:#212121;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF212121',endColorstr='#FF212121');background:-owg-linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);background:-webkit-linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);background:-moz-linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);background:-o-linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);background:linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);}#video-section .videoWrapper .videoContent .videoBar .bar:hover .arrow{border-left:5px solid #000;}#video-section .videoWrapper .videoContent .videoBar .bar .arrow{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-top:5px solid transparent;border-left:5px solid white;border-bottom:5px solid transparent;display:inline-block;}#video-section .videoWrapper .videoContent .videoBar .bar.clicked{background-color:#212121;min-height:550px;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF212121',endColorstr='#FF212121');background:-owg-linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);background:-webkit-linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);background:-moz-linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);background:-o-linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);background:linear-gradient(top,#212121 0%,#2ca1f1 50%,#2ca1f1 51%,#212121 100%);}#video-section .videoWrapper .videoContent .videoBar .bar.clicked .arrow{border-left:none;border-right:5px solid #212121;-webkit-transition:all,0.1s;-moz-transition:all,0.1s;-o-transition:all,0.1s;transition:all,0.1s;}#video-section .videoWrapper .videoContent .videoplayer{position:relative;padding-bottom:56.25%;width:100%;height:0;}#video-section .videoWrapper .videoContent .videoplayer iframe,#video-section .videoWrapper .videoContent .videoplayer embed{position:absolute;top:0;left:0;width:100%;height:100%;}#video-section .videoWrapper .videoContent #iframeCover{position:absolute;top:0;left:0;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:1;}#video-section .videoWrapper .videoContent #iframeCover #iframeCoverPlay{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75px;height:75px;min-width:75px;min-height:75px;background-image:url("/img/play_video.png");}#video-section .videoWrapper .videoContent #iframeCover #iframeCoverPlay:hover{background-position:center -76px;}#video-section .videoWrapper .videoContent #iframeCover #iframeCoverWatermark{position:absolute;right:20px;bottom:20px;width:157px;height:26px;background-repeat:none;}#video-section .videoWrapper .videoContent #permissCover{position:relative;width:100%;height:444px;cursor:pointer;background-color:rgba(0,0,0,0.5);z-index:2;}#video-section .videoWrapper .videoContent #permissCover .permissCoverContent{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}#video-section .videoWrapper .videoContent #permissCover .permissCoverContent .title{margin-bottom:25px;line-height:30px;white-space:nowrap;font-size:26px;color:#fff;}#video-section .videoWrapper .videoContent #permissCover .permissCoverContent .desc{margin-bottom:25px;line-height:23px;font-size:24px;white-space:pre;color:#fff;}#video-section .videoWrapper .videoContent #permissCover .permissCoverContent .permissbtn{display:inline-block;width:155px;height:45px;line-height:45px;background-color:#F32B70;border:1px solid #F32B70;font-size:15px;color:#FFFFFF;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;-webkit-transition:all,0.2s;-moz-transition:all,0.2s;-o-transition:all,0.2s;transition:all,0.2s;}#video-section .videoWrapper .videoContent #permissCover .permissCoverContent .permissbtn:hover{background-color:transparent;}#video-section .videoWrapper .videoContent #permissCover .permissCoverContent .permissbtn:active{background-color:#F32B70;}#video-section .videoWrapper .videoContent .video-part{margin-top:35px;}#video-section .videoWrapper .videoContent .video-part .part-item{vertical-align:top;display:inline-block;margin-right:15px;width:60px;height:20px;line-height:22px;text-align:center;background-color:#424242;font-size:13px;color:#fff;cursor:pointer;}#video-section .videoWrapper .videoContent .video-part .part-item.playing{background-color:#2CA1F1;}#video-section .videoWrapper .videoContent .video-action{position:relative;margin:20px 0;}#video-section .videoWrapper .videoContent .video-action .like-number{position:relative;vertical-align:middle;display:inline-block;margin:0 15px;margin-left:10px;width:50px;height:35px;line-height:35px;text-align:center;border:1px solid #616161;color:#fff;font-size:13px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}#video-section .videoWrapper .videoContent .video-action .like-number:after,#video-section .videoWrapper .videoContent .video-action .like-number:before{content:'';position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;}#video-section .videoWrapper .videoContent .video-action .like-number:after{left:-6px;border-color:transparent #878787 transparent transparent;}#video-section .videoWrapper .videoContent .video-action .like-number:before{left:-5px;border-color:transparent #000000 transparent transparent;z-index:1;}#video-section .videoWrapper .videoContent .video-action .download{margin-right:10px;}#video-section .videoWrapper .videoContent .video-action .download .downloadIcon{margin-right:10px;width:20px;height:20px;}#video-section .videoWrapper .videoContent .video-action .heart{vertical-align:top;display:inline-block;padding:0 15px;width:140px;height:35px;line-height:37px;text-align:center;border:1px solid #616161;background:rgba(0,0,0,0.2);font-size:22px;color:#fff;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}#video-section .videoWrapper .videoContent .video-action .heart i{font-size:22px;color:#FF8382;-webkit-transition:color,opacity,0.2s;-moz-transition:color,opacity,0.2s;-o-transition:color,opacity,0.2s;transition:color,opacity,0.2s;}#video-section .videoWrapper .videoContent .video-action .heart .text{vertical-align:top;display:inline-block;padding-left:5px;line-height:33px;font-size:15px;color:#fff;}#video-section .videoWrapper .videoContent .video-action .heart:hover{background-color:#333333;border:1px solid #333333;}#video-section .videoWrapper .videoContent .video-action .heart:hover+.like-number{background-color:#333333;border:1px solid #333333;}#video-section .videoWrapper .videoContent .video-action .heart:hover+.like-number:after{border-color:transparent #333333 transparent transparent;}#video-section .videoWrapper .videoContent .video-action .heart:hover+.like-number:before{border-color:transparent #333333 transparent transparent;}#video-section .videoWrapper .videoContent .video-action .heart.checked{background-color:#FF8382;border:1px solid #FF8382;}#video-section .videoWrapper .videoContent .video-action .heart.checked>i.icon-full-like{vertical-align:top;display:inline-block;color:#fff;-webkit-animation:beat .5s ease-in-out;-moz-animation:beat .5s ease-in-out;animation:beat .5s ease-in-out;}#video-section .videoWrapper .videoContent .video-action .btn_line{display:none;}#video-section .videoWrapper .videoContent .video-action .video-action-btn{vertical-align:top;display:inline-block;margin-right:10px;height:35px;line-height:35px;text-align:center;border:1px solid #616161;font-size:15px;color:#fff;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.share{width:215px;background-color:#3B5998;border:1px solid #3B5998;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.share:hover{background-color:#3B4B9B;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.share .icon-fb-icon{display:none;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.wait{position:relative;width:100px;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.wait .waitAlertSuccess,#video-section .videoWrapper .videoContent .video-action .video-action-btn.wait .waitAlertFail{display:none;position:absolute;top:40px;right:0;padding:0 12px;width:250px;height:45px;line-height:47px;text-align:center;background:#2CA1F1;font-size:15px;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 2px 4px 0px rgba(0,0,0,0.5);-moz-box-shadow:0 2px 4px 0px rgba(0,0,0,0.5);box-shadow:0 2px 4px 0px rgba(0,0,0,0.5);}#video-section .videoWrapper .videoContent .video-action .video-action-btn.wait .waitAlertSuccess span,#video-section .videoWrapper .videoContent .video-action .video-action-btn.wait .waitAlertFail span{padding-right:10px;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.wait:hover{border-color:#2CA1F1;background-color:#2CA1F1;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.wait.checked{border-color:#2CA1F1;background-color:#2CA1F1;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.report{width:100px;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.report:hover{border-color:#2CA1F1;background-color:#2CA1F1;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action{position:absolute;left:920px;width:230px;border:none;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .adjustBrower{color:#9B9B9B;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .adjustBrower i{padding-right:10px;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .adjustBrower:hover{color:#2CA1F1;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .adjBrowser_mr_10{position:absolute;top:3px;right:10px;color:#9B9B9B;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .adjBrowser_mr_10 i{padding-right:10px;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .adjBrowser_mr_10:hover{color:#2CA1F1;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .checkboxSwitch{position:absolute;right:0;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .checkboxSwitch input{display:none;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .checkboxSwitch i{margin-top:11px;display:inline-block;padding-right:14px;background:#616161;-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5) inset;-moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5) inset;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5) inset;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;cursor:pointer;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .checkboxSwitch i:before{content:'';display:block;width:14px;height:14px;background:white;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);box-shadow:0 1px 2px rgba(0,0,0,0.5);}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .checkboxSwitch span{vertical-align:top;display:inline-block;margin-left:4px;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .checkboxSwitch :checked+i{padding-right:0;padding-left:14px;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .checkboxSwitch :checked+i:before{background-color:#2CA1F1;}#video-section .videoWrapper .videoContent .video-action .video-action-btn.right-action .checkboxSwitch :checked+i+span{color:#2CA1F1;}#video-section .videoWrapper .videoSidebar{width:350px;min-width:350px;max-height:444px;background-color:#212121;overflow:auto;}#video-section .videoWrapper .videoSidebar .sidebar-title{padding-left:15px;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #616161;overflow:hidden;*zoom:1;}#video-section .videoWrapper .videoSidebar .sidebar-title .title{font-size:18px;color:#FFFFFF;}#video-section .videoWrapper .videoSidebar .sidebar-title .switch{float:right;}#video-section .videoWrapper .videoSidebar .sidebar-title .switch label{vertical-align:top;display:inline-block;width:40px;height:18px;background-color:#616161;-webkit-border-radius:9px;-moz-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;border-radius:9px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}#video-section .videoWrapper .videoSidebar .sidebar-title .switch input{display:none;}#video-section .videoWrapper .videoSidebar .sidebar-title .switch i{display:inline-block;height:18px;width:18px;background:#FFF;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;}#video-section .videoWrapper .videoSidebar .sidebar-title .switch input:checked+label>i{margin-left:22px;background-color:#2CA1F1;box-shadow:0 3px 2px rgba(0,0,0,0.25);}#video-section .videoWrapper .videoSidebar .sidebar-title .switch label:active>i{width:20px;background-color:#2CA1F1;}#video-section .videoWrapper .videoSidebar .sidebar-title .switch input:checked+label:active>i{margin-left:13px;}#video-section .videoWrapper .videoSidebar .sidebar-title .switch input:checked+label{border:none;}#video-section .videoWrapper .videoSidebar .sidebar-title .switch span.switch-text,#video-section .videoWrapper .videoSidebar .sidebar-title .switch span.switch-auto{display:inline-block;margin-left:5px;font-size:15px;color:#DBDBDB;}#video-section .videoWrapper .videoSidebar .videoList{width:100%;}#video-section .videoWrapper .videoSidebar .videoList .videoItem{display:block;position:relative;padding:10px 0;width:100%;height:85px;cursor:pointer;font-size:0;}#video-section .videoWrapper .videoSidebar .videoList .videoItem:hover{background-color:#424242;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#video-section .videoWrapper .videoSidebar .videoList .videoItem:hover .video-title{color:#2CA1F1;}#video-section .videoWrapper .videoSidebar .videoList .videoItem.currentIndex{background-color:#424242;}#video-section .videoWrapper .videoSidebar .videoList .videoItem.currentIndex .video-title{color:#2CA1F1;}#video-section .videoWrapper .videoSidebar .videoList .videoItem .img,#video-section .videoWrapper .videoSidebar .videoList .videoItem .video-title{vertical-align:top;display:inline-block;overflow:hidden;}#video-section .videoWrapper .videoSidebar .videoList .videoItem .img{position:relative;margin-left:15px;width:115px;height:65px;background-size:cover;background-repeat:no-repeat;background-color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}#video-section .videoWrapper .videoSidebar .videoList .videoItem .img .video-time{position:absolute;right:0;bottom:0;padding:0 5px;min-width:50px;height:25px;line-height:25px;text-align:center;background-color:#000;color:#fff;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}#video-section .videoWrapper .videoSidebar .videoList .videoItem .img .video-free{position:absolute;top:0;left:0;padding:2px 0;width:35px;min-height:15px;line-height:15px;text-align:center;background-color:#FF8382;font-size:12px;color:#fff;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}#video-section .videoWrapper .videoSidebar .videoList .videoItem .video-title{width:calc(100% - 165px);margin-left:20px;margin-right:15px;height:45px;line-height:23px;font-size:15px;color:#fff;}#video-section .videoWrapper .videoSidebar .slimScrollBar{background-color:#757575!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;-ms-border-radius:0!important;-o-border-radius:0!important;border-radius:0!important;}#video-section .videoWrapper .videoSidebar .slimScrollRail{display:block!important;background-color:#2D2D2D!important;}#tvpcAD{text-align:center;padding:15px 0 33px;}#msg-section{vertical-align:top;display:inline-block;margin-right:20px;padding-bottom:50px;width:780px;min-width:780px;height:100%;overflow:auto;}#msg-section.floatleft_70{margin-right:0;padding:0 30px 30px 15px;width:70%;min-width:initial;}#msg-section #video-detail{width:100%;}#msg-section #video-detail .title{display:inline-block;max-width:780px;max-height:72px;line-height:36px;font-size:28px;color:#000000;overflow:hidden;}#msg-section #video-detail .title .time{vertical-align:middle;display:inline-block;margin-left:20px;line-height:17px;font-size:13px;color:#BDBDBD;}#msg-section #video-detail .user-info{margin-top:10px;}#msg-section #video-detail .user-info div{vertical-align:middle;display:inline-block;}#msg-section #video-detail .user-info .user-img{vertical-align:middle;display:inline-block;width:35px;height:35px;background-size:cover;background-color:#dddddd;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}#msg-section #video-detail .user-info .user-name{font-size:13px;color:#2CA1F1;}#msg-section #video-detail .user-info .user-name{position:relative;vertical-align:middle;display:inline-block;margin-left:10px;}#msg-section #video-detail .user-info .user-name:after{content:"";position:absolute;width:3px;height:3px;background-color:rgba(0,0,0,0.5);border-radius:50%;margin:5px 0 5px 8px;}#msg-section #video-detail .user-info .user-time{margin-left:20px;font-size:13px;color:#616161;}#msg-section #video-detail .user-info .user-status .user-watch,#msg-section #video-detail .user-info .user-status .user-like{position:relative;margin-left:10px;padding-right:25px;font-size:13px;color:#616161;}#msg-section #video-detail .user-info .user-status .user-watch .number,#msg-section #video-detail .user-info .user-status .user-like .number{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:25px;}#msg-section #video-detail .user-info .user-status .user-watch i,#msg-section #video-detail .user-info .user-status .user-like i{font-size:14px;color:#616161;}#msg-section #video-detail .user-info .user-status .user-watch i.icon-views:before,#msg-section #video-detail .user-info .user-status .user-like i.icon-views:before{margin-top:4px;font-size:17px;}#msg-section #video-detail .user-info .user-status .user-like{margin-left:30px;}#msg-section #video-detail .user-msg{margin-top:15px;max-height:48px;line-height:24px;font-size:15px;color:#000000;overflow:hidden;}#msg-section #video-detail .user-msg-more,#msg-section #video-detail .user-msg-less{margin-top:25px;line-height:24px;font-size:12px;color:#BDBDBD;cursor:pointer;}#msg-section #video-detail .user-msg-more:hover,#msg-section #video-detail .user-msg-less:hover{color:#b0b0b0;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#msg-section #video-detail .user-video-classes .icon-show_right{margin-left:7px;font-size:10px;}#msg-section #video-detail .user-msg-less{display:none;}#msg-section #video-detail .user-video-classes,#msg-section #video-detail .user-video-tags{display:none;margin-top:15px;font-size:15px;color:#000000;}#msg-section #video-detail .user-video-classes a,#msg-section #video-detail .user-video-classes span,#msg-section #video-detail .user-video-tags a,#msg-section #video-detail .user-video-tags span{color:#2CA1F1;}#msg-section #video-detail .user-video-classes a .comma,#msg-section #video-detail .user-video-classes span .comma,#msg-section #video-detail .user-video-tags a .comma,#msg-section #video-detail .user-video-tags span .comma{color:#000000;}#msg-section #userfeedback{margin-top:25px;}#msg-section #userfeedback #userMsg,#msg-section #userfeedback #facebookMsg{vertical-align:top;position:relative;display:inline-block;width:50%;height:40px;line-height:40px;text-align:center;border-bottom:1px solid #DADADA;cursor:pointer;overflow:hidden;}#msg-section #userfeedback #userMsg .text,#msg-section #userfeedback #userMsg .number,#msg-section #userfeedback #facebookMsg .text,#msg-section #userfeedback #facebookMsg .number{vertical-align:top;display:inline-block;font-size:18px;color:#000000;}#msg-section #userfeedback #userMsg .number,#msg-section #userfeedback #facebookMsg .number{margin-top:1px;margin-left:5px;}#msg-section #userfeedback #userMsg.checked,#msg-section #userfeedback #facebookMsg.checked{border:1px solid #DADADA;border-bottom:none;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}#msg-section #userfeedback #userMsg.checked:after,#msg-section #userfeedback #facebookMsg.checked:after{content:'';position:absolute;top:-2px;left:0;right:0;height:5px;background-color:#2CA1F1;}#msg-section #userfeedback #InputFBmsg{margin-top:20px;width:100%;min-height:100px;}#msg-section #userfeedback .msgTextara-section{padding:0 15px;width:100%;}#msg-section #userfeedback .msgTextara-section.replyM{display:none;padding:0 0 10px 60px;border-bottom:none;}#msg-section #userfeedback .msgTextara-section.replyM img{width:90px;height:81.9px;}#msg-section #userfeedback .msgTextara{position:relative;width:100%;}#msg-section #userfeedback .msgTextara .inputTextarea,#msg-section #userfeedback .msgTextara .inputTextareaReply{position:relative;margin-top:20px;padding:20px;padding-bottom:50px;width:100%;min-height:70px;line-height:20px;background-color:#F8F8F8;border:1px solid #EDECEE;font-size:15px;color:#BDBDBD;}#msg-section #userfeedback .msgTextara #mainAddPicBin,#msg-section #userfeedback .msgTextara .add-pic-btn{position:absolute;right:15px;bottom:10px;width:25px;height:25px;border:1px solid #D8D8D8;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}#msg-section #userfeedback .msgTextara #mainAddPicBin:hover,#msg-section #userfeedback .msgTextara #mainAddPicBin.checked,#msg-section #userfeedback .msgTextara .add-pic-btn:hover,#msg-section #userfeedback .msgTextara .add-pic-btn.checked{border:1px solid #2CA1F1;}#msg-section #userfeedback .msgTextara #mainAddPicBin:hover .eyes,#msg-section #userfeedback .msgTextara #mainAddPicBin:hover .month,#msg-section #userfeedback .msgTextara #mainAddPicBin.checked .eyes,#msg-section #userfeedback .msgTextara #mainAddPicBin.checked .month,#msg-section #userfeedback .msgTextara .add-pic-btn:hover .eyes,#msg-section #userfeedback .msgTextara .add-pic-btn:hover .month,#msg-section #userfeedback .msgTextara .add-pic-btn.checked .eyes,#msg-section #userfeedback .msgTextara .add-pic-btn.checked .month{background-color:#2CA1F1;}#msg-section #userfeedback .msgTextara #mainAddPicBin .eyes,#msg-section #userfeedback .msgTextara #mainAddPicBin .month,#msg-section #userfeedback .msgTextara .add-pic-btn .eyes,#msg-section #userfeedback .msgTextara .add-pic-btn .month{background-color:#D8D8D8;position:absolute;}#msg-section #userfeedback .msgTextara #mainAddPicBin .eyes,#msg-section #userfeedback .msgTextara .add-pic-btn .eyes{top:7px;width:4px;height:4px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}#msg-section #userfeedback .msgTextara #mainAddPicBin .eyes.left,#msg-section #userfeedback .msgTextara .add-pic-btn .eyes.left{left:6px;}#msg-section #userfeedback .msgTextara #mainAddPicBin .eyes.right,#msg-section #userfeedback .msgTextara .add-pic-btn .eyes.right{right:6px;}#msg-section #userfeedback .msgTextara #mainAddPicBin .month,#msg-section #userfeedback .msgTextara .add-pic-btn .month{left:50%;bottom:4px;height:4.25px;width:10px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}#msg-section #userfeedback .msgTextaraImg{display:none;margin-top:-1px;padding:20px;padding-right:0;padding-bottom:0;width:100%;-webkit-box-shadow:0 0 0 1px #EDECEE inset;-moz-box-shadow:0 0 0 1px #EDECEE inset;box-shadow:0 0 0 1px #EDECEE inset;}#msg-section #userfeedback .msgTextaraImg img{margin-right:20px;margin-bottom:20px;width:100px;height:91px;cursor:pointer;}#msg-section #userfeedback .msgTextaraSubmit,#msg-section #userfeedback .msgTextaraSubmitReply{position:relative;margin-top:-1px;width:100%;height:60px;line-height:60px;border:1px solid #EDECEE;border-top:none;overflow:hidden;*zoom:1;}#msg-section #userfeedback .msgTextaraSubmit .desc,#msg-section #userfeedback .msgTextaraSubmit .btn,#msg-section #userfeedback .msgTextaraSubmit .btnCancel,#msg-section #userfeedback .msgTextaraSubmitReply .desc,#msg-section #userfeedback .msgTextaraSubmitReply .btn,#msg-section #userfeedback .msgTextaraSubmitReply .btnCancel{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}#msg-section #userfeedback .msgTextaraSubmit .desc,#msg-section #userfeedback .msgTextaraSubmitReply .desc{left:15px;font-size:13px;color:#BDBDBD;}#msg-section #userfeedback .msgTextaraSubmit .btn,#msg-section #userfeedback .msgTextaraSubmit .btnCancel,#msg-section #userfeedback .msgTextaraSubmitReply .btn,#msg-section #userfeedback .msgTextaraSubmitReply .btnCancel{right:15px;display:inline-block;width:90px;height:35px;line-height:35px;text-align:center;color:#2CA1F1;font-size:15px;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 0 1px #2CA1F1;-moz-box-shadow:0 0 0 1px #2CA1F1;box-shadow:0 0 0 1px #2CA1F1;}#msg-section #userfeedback .msgTextaraSubmit .btn:hover,#msg-section #userfeedback .msgTextaraSubmit .btnCancel:hover,#msg-section #userfeedback .msgTextaraSubmitReply .btn:hover,#msg-section #userfeedback .msgTextaraSubmitReply .btnCancel:hover{background-color:#2CA1F1;color:#fff;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#msg-section #userfeedback .msgTextaraSubmit .btnCancel,#msg-section #userfeedback .msgTextaraSubmitReply .btnCancel{right:115px;color:#DADADA;-webkit-box-shadow:0 0 0 1px #DADADA;-moz-box-shadow:0 0 0 1px #DADADA;box-shadow:0 0 0 1px #DADADA;}#msg-section #userfeedback .msgTextaraSubmit .btnCancel:hover,#msg-section #userfeedback .msgTextaraSubmitReply .btnCancel:hover{background-color:#DADADA;color:#fff;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#msg-section #userfeedback #otherfeedback{padding:0 15px;}#msg-section #userfeedback #otherfeedback .reply{margin-top:10px;padding-bottom:10px;border-bottom:1px solid #CFD8DC;}#msg-section #userfeedback #otherfeedback .reply:first-child{margin-top:20px;}#msg-section #userfeedback #otherfeedback .reply .reply-info div{vertical-align:middle;display:inline-block;}#msg-section #userfeedback #otherfeedback .reply .reply-info .reply-img{vertical-align:middle;display:inline-block;width:35px;height:35px;background-size:cover;background-color:#dddddd;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}#msg-section #userfeedback #otherfeedback .reply .reply-info .reply-name,#msg-section #userfeedback #otherfeedback .reply .reply-info .reply-time{font-size:13px;}#msg-section #userfeedback #otherfeedback .reply .reply-info .reply-name{vertical-align:middle;display:inline-block;margin-left:10px;color:#2CA1F1;}#msg-section #userfeedback #otherfeedback .reply .reply-info .reply-time{color:#616161;}#msg-section #userfeedback #otherfeedback .reply .reply-info .reply-btn{margin-left:30px;width:60px;height:20px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;line-height:20px;text-align:center;background-color:#EDECEE;font-size:12px;color:#616161;cursor:pointer;}#msg-section #userfeedback #otherfeedback .reply .reply-info .reply-btn:hover{background-color:#2CA1F1;color:#fff;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}#msg-section #userfeedback #otherfeedback .reply .reply-content{margin-top:5px;padding-left:55px;line-height:24px;font-size:15px;color:#000000;word-break:break-word;}#msg-section #userfeedback #otherfeedback .reply .reply-content img{width:100px;height:91px;}#msg-section #userfeedback #otherfeedback .reply .reply-second{margin-top:20px;margin-left:60px;padding-left:15px;border-left:1px solid #BDBDBD;}#msg-section #userfeedback #otherfeedback .reply .reply-second:last-child{margin-bottom:40px;}#msg-section_right30{display:inline-block;vertical-align:top;width:30%;}#msg-section_right30 .user-info div{vertical-align:middle;display:inline-block;}#msg-section_right30 .user-info .user-img{vertical-align:middle;display:inline-block;width:35px;height:35px;background-size:cover;background-color:#dddddd;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}#msg-section_right30 .user-info .user-name{font-size:13px;color:#2CA1F1;}#msg-section_right30 .user-info .user-name{position:relative;vertical-align:middle;display:inline-block;margin-left:10px;}#msg-section_right30 .user-info .user-name:after{content:"";position:absolute;width:3px;height:3px;background-color:rgba(0,0,0,0.5);border-radius:50%;margin:5px 0 5px 8px;}#msg-section_right30 .user-info .user-time{margin-left:20px;font-size:13px;color:#616161;}#msg-section_right30 .user-info .user-status{display:block;margin-top:15px;margin-bottom:10px;}#msg-section_right30 .user-info .user-status .user-watch,#msg-section_right30 .user-info .user-status .user-like{position:relative;padding-right:25px;font-size:13px;color:#616161;}#msg-section_right30 .user-info .user-status .user-watch .number,#msg-section_right30 .user-info .user-status .user-like .number{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:25px;}#msg-section_right30 .user-info .user-status .user-watch i,#msg-section_right30 .user-info .user-status .user-like i{font-size:14px;color:#616161;}#msg-section_right30 .user-info .user-status .user-watch i.icon-views:before,#msg-section_right30 .user-info .user-status .user-like i.icon-views:before{margin-top:4px;font-size:17px;}#msg-section_right30 .user-info .user-status .user-like{margin-left:30px;}#msg-section_right30 .user-msg-less{display:none;}#msg-section_right30 .user-video-tags{margin-top:10px;font-size:15px;line-height:1.5;}#msg-section_right30 .user-video-tags a{color:#2CA1F1;}#msg-section_right30 .user-video-tags .comma{color:#000000;}.reportPop{position:absolute;display:none;width:200px;height:auto;background-color:#FFF;z-index:101;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:popupReport;animation-name:popupReport;}.reportPop .title{position:relative;padding-left:15px;width:100%;height:50px;line-height:55px;font-size:15px;color:#BDBDBD;overflow:hidden;}.reportPop .title .border{position:absolute;top:0;left:0;right:0;height:4px;background-color:#2CA1F1;}.reportPop #reportPopClose{position:absolute;top:20px;right:14px;height:17px;width:17px;opacity:0.3;cursor:pointer;}.reportPop #reportPopClose:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:1;}.reportPop #reportPopClose:before,.reportPop #reportPopClose:after{position:absolute;left:6px;content:"";height:17px;width:2px;background-color:#000;}.reportPop #reportPopClose:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}.reportPop #reportPopClose:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}.reportPop .roundedOneGroup{padding:20px 15px;padding-bottom:0;width:100%;height:auto;border-top:1px solid #DADADA;border-bottom:1px solid #DADADA;}.reportPop .roundedOneGroup .roundedOneItem{margin:0 auto;margin-bottom:15px;}.reportPop .roundedOneGroup .roundedOneItem .text{display:inline-block;margin-left:5px;font-size:15px;color:#616161;}.reportPop .roundedOneGroup .roundedOneItem.self input{margin-top:10px;margin-left:25px;width:70%;}.reportPop .submitReport{position:relative;width:100%;height:75px;}.reportPop .submitReport .btn{display:inline-block;width:100px;height:35px;line-height:35px;text-align:center;background-color:#2CA1F1;font-size:15px;color:#fff;cursor:pointer;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.reportPop .submitReport .btn:hover{background-color:#2388F4;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;}.roundedOne{position:relative;vertical-align:top;display:inline-block;width:15px;height:15px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 1px rgba(97,97,97,0.5);-moz-box-shadow:0 0 0 1px rgba(97,97,97,0.5);box-shadow:0 0 0 1px rgba(97,97,97,0.5);}.roundedOne label{width:9px;height:9px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;cursor:pointer;}.roundedOne label:after{content:'';opacity:0;width:9px;height:9px;background-color:#2CA1F1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}.roundedOne label:hover::after{opacity:0.3;}.roundedOne input[type=radio]{visibility:hidden;}.roundedOne input[type=radio]:checked+label:after{opacity:1;}#editVideoBtn #v_click{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:20px;width:50px;border-radius:10px;border:none;background-color:#2CA1F1;line-height:20px;font-size:13px;color:#fff;}#editVideoBtn #v_click:active,#editVideoBtn #v_click:focus{border:none;outline:0;}@-webkit-keyframes popupReport{0%{-webkit-transform:matrix3d(0.95,0,0,0,0,0.95,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(0.95,0,0,0,0,0.95,0,0,0,0,1,0,0,0,0,1);}3.333333% {
-webkit-transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
6.666667% {
-webkit-transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
10% {
-webkit-transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
13.333333% {
-webkit-transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
16.666667% {
-webkit-transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
20% {
-webkit-transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
23.333333% {
-webkit-transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
26.666667% {
-webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
30% {
-webkit-transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
33.333333% {
-webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
36.666667% {
-webkit-transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
40% {
-webkit-transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
43.333333% {
-webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
46.666667% {
-webkit-transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
50% {
-webkit-transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
53.333333% {
-webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
56.666667% {
-webkit-transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
60% {
-webkit-transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
63.333333% {
-webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
66.666667% {
-webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
70% {
-webkit-transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
73.333333% {
-webkit-transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
76.666667% {
-webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
80% {
-webkit-transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
83.333333% {
-webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
86.666667% {
-webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
90% {
-webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
93.333333% {
-webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
96.666667% {
-webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-moz-keyframes popupReport {
0% {
-webkit-transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
3.333333% {
-webkit-transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
6.666667% {
-webkit-transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
10% {
-webkit-transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
13.333333% {
-webkit-transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
16.666667% {
-webkit-transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
20% {
-webkit-transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
23.333333% {
-webkit-transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
26.666667% {
-webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
30% {
-webkit-transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
33.333333% {
-webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
36.666667% {
-webkit-transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
40% {
-webkit-transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
43.333333% {
-webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
46.666667% {
-webkit-transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
50% {
-webkit-transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
53.333333% {
-webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
56.666667% {
-webkit-transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
60% {
-webkit-transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
63.333333% {
-webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
66.666667% {
-webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
70% {
-webkit-transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
73.333333% {
-webkit-transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
76.666667% {
-webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
80% {
-webkit-transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
83.333333% {
-webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
86.666667% {
-webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
90% {
-webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
93.333333% {
-webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
96.666667% {
-webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-ms-keyframes popupReport {
0% {
-webkit-transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
3.333333% {
-webkit-transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
6.666667% {
-webkit-transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
10% {
-webkit-transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
13.333333% {
-webkit-transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
16.666667% {
-webkit-transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
20% {
-webkit-transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
23.333333% {
-webkit-transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
26.666667% {
-webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
30% {
-webkit-transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
33.333333% {
-webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
36.666667% {
-webkit-transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
40% {
-webkit-transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
43.333333% {
-webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
46.666667% {
-webkit-transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
50% {
-webkit-transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
53.333333% {
-webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
56.666667% {
-webkit-transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
60% {
-webkit-transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
63.333333% {
-webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
66.666667% {
-webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
70% {
-webkit-transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
73.333333% {
-webkit-transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
76.666667% {
-webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
80% {
-webkit-transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
83.333333% {
-webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
86.666667% {
-webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
90% {
-webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
93.333333% {
-webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
96.666667% {
-webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@keyframes popupReport {
0% {
-webkit-transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
3.333333% {
-webkit-transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
6.666667% {
-webkit-transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
10% {
-webkit-transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
13.333333% {
-webkit-transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
16.666667% {
-webkit-transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
20% {
-webkit-transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
23.333333% {
-webkit-transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
26.666667% {
-webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
30% {
-webkit-transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
33.333333% {
-webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
36.666667% {
-webkit-transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
40% {
-webkit-transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
43.333333% {
-webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
46.666667% {
-webkit-transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
50% {
-webkit-transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
53.333333% {
-webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
56.666667% {
-webkit-transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
60% {
-webkit-transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
63.333333% {
-webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
66.666667% {
-webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
70% {
-webkit-transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
73.333333% {
-webkit-transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
76.666667% {
-webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
80% {
-webkit-transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
83.333333% {
-webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
86.666667% {
-webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
90% {
-webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
93.333333% {
-webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
96.666667% {
-webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
/* ===============================
404錯誤頁
Author: Sheng & Johnny
最後更新日期：2015 / 10 / 29
================================*/
#container .noise_wrapper {
position: relative;
width: 100%;
height: 100vh; }
#container .noise_wrapper #canvas {
background: #fff; }
#container .noise_wrapper .error_box {
position: absolute;
top: 40%;
height: 100px;
width: 100%;
background-color: #000;
z-index: 1; }
#container .noise_wrapper .error_box .wrapper {
position: relative;
display: block;
width: 100%;
height: 100px; }
#container .noise_wrapper .error_box .wrapper .font,
#container .noise_wrapper .error_box .wrapper .font_mobile {
position: absolute;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#container .noise_wrapper .error_box .wrapper .font_mobile {
display: none; }
#container .noise_wrapper .home-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 70%;
display: block;
margin: 0 auto;
width: 170px;
height: 40px;
background-color: #2CA1F1;
border-radius: 5px;
font-size: 15px;
line-height: 40px;
text-align: center;
color: #fff;
cursor: pointer; }
#container .noise_wrapper .home-button:hover {
background-color: #5AB0EB; }
/* ===============================
成人警告
Author: Sheng & Johnny
最後更新日期：2016 / 1 / 6
================================*/
#container #warn_wrapper {
position: relative;
width: 100%;
height: calc(100vh - 282px);
min-height: 600px;
background-image: url("/img/splash_bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center; }
#container #warn_wrapper .center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 49%; }
#container #warn_wrapper .center .circle {
margin: 0 auto;
height: 140px;
width: 140px;
background-color: #FF6161;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
line-height: 140px;
text-align: center;
color: #fff;
font-size: 53px; }
#container #warn_wrapper .center .title {
margin-top: 25px;
font-size: 20px;
font-weight: bolder; }
#container #warn_wrapper .center .title .line {
display: inline-block; }
#container #warn_wrapper .center .title .line.break {
margin-left: 5px; }
#container #warn_wrapper .center #para_title {
display: none;
text-align: center;
font-size: 20px;
font-weight: bolder;
color: initial; }
#container #warn_wrapper .center .paragraph {
margin-top: 35px;
font-size: 13px;
color: #616161;
line-height: 2em;
text-align: justify; }
#container #warn_wrapper .center .paragraph .button_close {
display: none;
width: 100px;
background-color: #2CA1F1; }
#container #warn_wrapper .center .checkbox {
display: inline-block;
margin-top: 40px; }
#container #warn_wrapper .center #rule_above_m {
display: none;
margin-left: 5px;
color: #2CA1F1;
text-decoration: underline; }
#container #warn_wrapper .center .button_group {
margin-top: 35px; }
#container #warn_wrapper .center .button_age {
display: inline-block;
margin: 0 auto;
width: 170px;
height: 40px;
background-color: #bdbdbd;
border-radius: 5px;
font-size: 15px;
line-height: 40px;
text-align: center;
color: #fff;
cursor: pointer; }
#container #warn_wrapper .center .button_age.back_home {
background-color: #2CA1F1;
margin-right: 50px; }
#container #warn_wrapper .center .button_age.back_home:hover {
background-color: #5AB0EB; }
/* ===============================
Index Layout
Author: Sheng
最後更新日期：2015 / 10 / 20
================================*/
.videoGroup #upgradeAlert {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
padding: 0 15px;
margin-bottom: 45px; }
.videoGroup #upgradeAlert .content {
padding: 10px 10px 0;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
.videoGroup #upgradeAlert .content .upperBox {
background-image: url("/img/noticeBkg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 230px;
color: #fff;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-direction: column;
flex-direction: column; }
.videoGroup #upgradeAlert .content .upperBox .title {
font-size: 48px;
letter-spacing: 5px; }
.videoGroup #upgradeAlert .content .upperBox .schedule {
margin-top: 25px;
font-size: 18px; }
.videoGroup #upgradeAlert .content .lowerBox {
padding: 50px 60px; }
.videoGroup #upgradeAlert .content .lowerBox .message {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 15px;
color: #333;
text-align: justify; }
.videoGroup #upgradeAlert .content .lowerBox .middle {
margin-top: 15px;
line-height: 2em; }
.videoGroup #upgradeAlert .content .lowerBox .middle .important {
color: #FF8382; }
.videoGroup #upgradeAlert .content .lowerBox .bottom {
margin-top: 25px;
line-height: 2em; }
.videoGroup #upgradeAlert .content .lowerBox .contact {
margin-left: auto;
margin-top: 50px; }
.videoGroup #upgradeAlert .content .lowerBox .contact .brand,
.videoGroup #upgradeAlert .content .lowerBox .contact .email {
display: block; }
.videoGroup #upgradeAlert .content .lowerBox .contact .email {
margin-top: 15px;
color: #999; }
/* ===============================
Header
Author: Sheng
最後更新日期：2015 / 09 / 04
================================*/
header {
position: fixed;
top: 0;
width: 100%;
background-color: #000;
z-index: 101;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
header .header-container {
z-index: 101;
position: relative;
margin: 0 auto;
padding-left: 15px;
max-width: 1170px;
min-width: 320px;
width: 100%;
height: 65px;
line-height: 65px;
color: #fff;
font-size: 0; }
header .header-container.active .header_link,
header .header-container.active .arrowdown {
background-color: #333;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
header .header-container.active .logo_dropdown {
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
header .header-container .logo_switch {
display: inline-block;
position: relative;
min-width: 170px;
font-size: 0;
vertical-align: top; }
header .header-container .header-logotitle {
display: inline-block;
vertical-align: top;
padding-left: 20px; }
header .header-container .header-logotitle .logo {
height: 27px;
vertical-align: middle; }
header .header-container .header-logotitle.cktv {
width: 191px; }
header .header-container .arrowdown {
display: inline-block;
position: relative;
vertical-align: top;
font-size: 15px;
width: 35px;
height: 50px;
line-height: 2em; }
header .header-container .arrowdown:before, header .header-container .arrowdown:after {
top: 54%;
right: 13px;
position: absolute;
content: '';
width: .5em;
height: 2px;
background: #fff; }
header .header-container .arrowdown:before {
margin-right: .16em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
header .header-container .arrowdown:after {
margin-right: -.16em;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
header .header-container .arrowdown.open:before, header .header-container .arrowdown.open:after, header .header-container .arrowdown.close:before, header .header-container .arrowdown.close:after {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
header .header-container .arrowdown.open:before {
-webkit-animation-name: arrow-left;
animation-name: arrow-left; }
header .header-container .arrowdown.open:after {
-webkit-animation-name: arrow-right;
animation-name: arrow-right; }
header .header-container .arrowdown.close:before {
-webkit-animation-name: arrow-left-close;
animation-name: arrow-left-close; }
header .header-container .arrowdown.close:after {
-webkit-animation-name: arrow-right-close;
animation-name: arrow-right-close; }
header .header-container .logo_dropdown {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50px;
background-color: #333333;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
header .header-container .logo_dropdown.cktv {
width: 226px; }
header .header-container .logo_dropdown.jav {
width: 261px; }
header .header-container .logo_dropdown .link_style {
display: block;
height: 52px;
padding-left: 20px;
line-height: 52px;
color: #BDBDBD;
font-size: 15px; }
header .header-container .logo_dropdown .link_style:hover {
color: #fff; }
header .header-container .menu_burger {
vertical-align: middle;
display: inline-block;
position: relative;
margin-right: 25px;
height: 30px;
width: 30px;
border: 1px solid #616161;
background: transparent;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; }
header .header-container .menu_burger:before, header .header-container .menu_burger:after {
content: "";
position: absolute;
left: 4px;
width: 20px;
height: 1px;
background: #616161;
-webkit-transition: all, 0.75s;
-moz-transition: all, 0.75s;
-o-transition: all, 0.75s;
transition: all, 0.75s; }
header .header-container .menu_burger:before {
box-shadow: #616161 0 14px 0 0;
top: 6px; }
header .header-container .menu_burger:after {
top: 13px; }
header .header-container .website_switch {
display: inline-block;
vertical-align: top;
height: 100%; }
header .header-container .website_switch a {
position: relative;
display: inline-block;
margin: 0 0 0 25px;
color: #DADADA;
font-size: 16px; }
header .header-container .website_switch a:hover {
color: #fff; }
header .header-container .website_switch a.currentSite {
color: #fff; }
header .header-container .website_switch a.currentSite:before, header .header-container .website_switch a.currentSite:after {
position: absolute;
left: 50%;
content: ' ';
width: 0;
height: 0;
border-style: solid;
z-index: 1; }
header .header-container .website_switch a.currentSite:before {
bottom: 0;
margin-left: -10px;
border-width: 0px 10px 10px 10px;
border-color: transparent transparent #555 transparent; }
header .header-container .website_switch a.currentSite:after {
bottom: -1px;
margin-left: -9px;
border-width: 0px 9px 9px 9px;
border-color: transparent transparent #222 transparent; }
header .header-container .website_switch img {
display: none; }
header .header-container .searchbar_wrapper {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: 400px; }
header .header-container .searchbar_wrapper .search_bar {
vertical-align: middle;
width: 200px;
height: 30px;
padding: 0 40px 0 20px;
border: none;
background-color: #212121;
color: #9B9B9B;
outline: none;
font-size: 17px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; }
header .header-container .searchbar_wrapper .search_btn {
position: absolute;
top: 3px;
right: 15px;
cursor: pointer; }
header .header-container .searchbar_wrapper .search_btn i {
font-size: 20px; }
header .header-container .searchbar_wrapper #searchClose {
display: none;
-webkit-transition: all, 0.75s;
-moz-transition: all, 0.75s;
-o-transition: all, 0.75s;
transition: all, 0.75s;
vertical-align: middle;
height: 18px;
width: 18px;
padding-left: 20px; }
header .header-container .searchbar_wrapper #searchClose:before, header .header-container .searchbar_wrapper #searchClose:after {
position: absolute;
content: "";
height: 18px;
width: 2px;
background-color: #dfdfdf; }
header .header-container .searchbar_wrapper #searchClose:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
header .header-container .searchbar_wrapper #searchClose:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
header .header-container .searchkey_wrapper {
vertical-align: middle;
display: inline-block;
margin-left: 15px;
width: 325px;
overflow: hidden;
font-size: 13px;
color: #9B9B9B; }
@media screen and (min-width: 1100px) and (max-width: 1200px) {
header .header-container .searchkey_wrapper {
width: 250px; } }
@media screen and (min-width: 1000px) and (max-width: 1099px) {
header .header-container .searchkey_wrapper {
width: 150px; } }
@media screen and (max-width: 999px) {
header .header-container .searchkey_wrapper {
display: none; } }
header .header-container .searchkey_wrapper a {
margin-right: 10px;
color: #9B9B9B; }
header .header-container .searchkey_wrapper a:last-child {
margin: 0; }
header .header-container .login_menu {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 175px;
text-align: center; }
header .header-container .login_menu.jav_login {
width: auto; }
header .header-container .login_menu .login-button {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 35px;
line-height: 34px;
text-align: center;
font-size: 15px;
color: #616161;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
border-radius: 35px; }
header .header-container .login_menu .login-button:hover {
border-color: #7b7b7b;
color: #7b7b7b;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s; }
header .header-container .login_menu .login-button.cktvRegister {
width: 113px;
margin-right: 10px;
background-color: #2CA1F1;
color: #fff; }
header .header-container .login_menu .login-button.javRegister {
width: 113px;
margin-right: 10px;
background-color: #FF8382;
color: #fff; }
header .header-container .login_menu .login-button.login_option {
width: 140px; }
header .header-container .login_menu .login-button.login_option:hover .sprite.main {
background-position: 0px -142px; }
header .header-container .login_menu .login-button.login_option:hover .sprite.jav {
background-position: 0px -85px; }
header .header-container .login_menu .login-button.login_option .sprite {
display: inline-block;
vertical-align: middle;
background-image: url(/img/cklink_group.png);
background-repeat: no-repeat;
background-size: cover;
width: 30px;
height: 30px; }
header .header-container .login_menu .login-button.login_option .sprite.main {
background-position: 0px -112px; }
header .header-container .login_menu .login-button.login_option .sprite.jav {
background-position: 0px -58px; }
header .header-container .login_menu .login-button.space {
margin-right: 10px; }
header .header-container .login_menu .member_group:hover .member_dropdown {
opacity: 1;
visibility: visible;
-webkit-transition: all, 0.5s;
-moz-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s; }
header .header-container .login_menu .member_group .user_profile {
display: block;
text-align: center; }
header .header-container .login_menu .member_group .user_profile .user_pic_wrapper {
display: inline-block;
vertical-align: top;
margin-right: 20px; }
header .header-container .login_menu .member_group .user_profile .user_pic_wrapper .user_pic {
vertical-align: middle;
width: 35px;
height: 35px; }
header .header-container .login_menu .member_group .user_profile .user_pic_wrapper .user_pic.round_pic {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
header .header-container .login_menu .member_group .user_profile .user_id {
display: inline-block;
vertical-align: top;
max-width: 100px;
overflow: hidden;
font-size: 15px;
font-weight: 800;
color: #2CA1F1; }
header .header-container .login_menu .member_group .user_profile .user_id.intern {
color: #FFBAB9; }
header .header-container .login_menu .member_group .user_profile .user_id.silver {
color: #FF8382; }
header .header-container .login_menu .member_group .user_profile .user_id.gold {
color: #F32B70; }
header .header-container .login_menu .member_group .member_dropdown {
position: absolute;
opacity: 0;
visibility: hidden;
background-color: #333;
width: 175px;
border-radius: 0px 0px 8px 8px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s; }
header .header-container .login_menu .member_group .member_dropdown.vjav .list_style:hover {
background-color: #FF8382; }
header .header-container .login_menu .member_group .member_dropdown.cktv .list_style:hover {
background-color: #2CA1F1; }
header .header-container .login_menu .member_group .member_dropdown .list_style {
display: block;
color: #fff;
height: 52px;
font-size: 15px;
text-align: center;
line-height: 52px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
header .header-container .login_menu .member_group .member_dropdown .list_style:last-child, header .header-container .login_menu .member_group .member_dropdown .list_style :hover {
border-radius: 0px 0px 8px 8px; }
/* ===============================
手機側邊menu
Author: Sheng
最後更新日期：2015 / 09 / 11
================================*/
nav.mobile {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 185px;
background-color: #212121;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-webkit-transform: translate3d(185px, 0, 0);
-moz-transform: translate3d(185px, 0, 0);
-ms-transform: translate3d(185px, 0, 0);
-o-transform: translate3d(185px, 0, 0);
transform: translate3d(185px, 0, 0);
z-index: 102;
overflow: auto; }
nav.mobile.isShow, nav.mobile.isHide {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
nav.mobile.isShow {
-webkit-animation-name: MenuShow;
animation-name: MenuShow; }
nav.mobile.isHide {
-webkit-animation-name: MenuHide;
animation-name: MenuHide; }
nav.mobile .nav_group {
width: 100%;
height: 100%;
min-height: 900px; }
nav.mobile .nav_group .mobile_login.jav .menu_item:active {
color: #FF8382; }
nav.mobile .nav_group .mobile_login.cktv .menu_item:active {
color: #2CA1F1; }
nav.mobile .nav_group .mobile_login .login_menu {
display: block;
padding-left: 15px;
height: 70px;
line-height: 70px;
border-bottom: 1px solid #313131;
color: #fff; }
nav.mobile .nav_group .mobile_login .login_menu .noavatar {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
height: 45px;
border-radius: 50%; }
nav.mobile .nav_group .mobile_login .login_menu .noavatar.user_pic {
margin-right: 10px;
height: 40px; }
nav.mobile .nav_group .mobile_login .login_menu .status {
display: inline-block;
vertical-align: top; }
nav.mobile .nav_group .mobile_login .login_menu .status .user_id {
font-size: 13px; }
nav.mobile .nav_group .mobile_login .login_menu .status .user_id a {
color: #fff; }
nav.mobile .nav_group .mobile_login .login_menu .javLevelIcon {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
height: 40px; }
nav.mobile .nav_group .mobile_login .login_menu .userLevel {
display: inline-block;
vertical-align: top;
font-size: 13px; }
nav.mobile .nav_group .mobile_login .login_menu .userLevel.intern {
color: #FFBAB9; }
nav.mobile .nav_group .mobile_login .login_menu .userLevel.silver {
color: #FF8382; }
nav.mobile .nav_group .mobile_login .login_menu .userLevel.gold {
color: #F32B70; }
nav.mobile .nav_group .mobile_login .menu_item {
display: block;
padding-left: 15px;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #313131;
color: #fff;
font-size: 1.2em;
overflow: hidden; }
nav.mobile .nav_group .mobile_login .menu_item.joinus {
color: #FF8382; }
nav.mobile .nav_group .mobile_login .menu_item.menu_title {
height: 30px;
line-height: 30px;
color: #616161;
font-size: 13px; }
nav.mobile .nav_group .mobile_login .menu_item.withswitch_btn {
display: inline-block;
vertical-align: top;
width: 150px; }
nav.mobile .nav_group .mobile_login .menu_item.font_pink {
color: #FF8382; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper {
position: relative; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper.show_submenu .submenu {
display: block;
-webkit-animation: fadeInDown 0.2s ease-in;
-moz-animation: fadeInDown 0.2s ease-in;
-o-animation: fadeInDown 0.2s ease-in;
animation: fadeInDown 0.2s ease-in; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .submenu {
display: none; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .submenu .submenuList {
background-color: #2B2B2B; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .submenu .submenuList:active {
background-color: #323232; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .submenu .submenuList .menu_item {
font-size: 15px;
border: 0; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown {
position: absolute;
right: 0;
top: 0;
width: 35px;
height: 50px;
border-bottom: 1px solid #313131;
line-height: 2em;
font-size: 15px; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown:before, nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown:after {
top: 48%;
right: 20px;
position: absolute;
content: '';
width: .5em;
height: 2px;
background: #fff; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown:before {
margin-right: .16em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown:after {
margin-right: -.16em;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown.open:before, nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown.open:after, nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown.close:before, nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown.close:after {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown.open:before {
-webkit-animation-name: arrow-left;
animation-name: arrow-left; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown.open:after {
-webkit-animation-name: arrow-right;
animation-name: arrow-right; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown.close:before {
-webkit-animation-name: arrow-left-close;
animation-name: arrow-left-close; }
nav.mobile .nav_group .mobile_login .menu_item_wrapper .arrowdown.close:after {
-webkit-animation-name: arrow-right-close;
animation-name: arrow-right-close; }
/* ===============================
mobile右側sidebar 蓋版樣式
Author: Sheng & Johnny
最後更新日期：2016 / 04 / 18
================================*/
#left_mask {
position: fixed;
top: 0;
z-index: 102;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
#left_mask.show {
opacity: 1;
visibility: visible; }
/* ===============================
手機搜尋Btn樣式
Author: Johnny
最後更新日期：2017 / 4 / 18
================================*/
.con_search {
display: none;
width: 100%;
border-bottom: 1px solid #F3F2F1;
background: #F8F8F8;
padding: 13px;
color: #FF8382;
font-size: 13px; }
.con_search.cktv {
color: #2CA1F1; }
.con_search.cktv .icon_search_pink {
background-image: url(/img/icon_search_blue.png); }
.con_search .btn_search {
margin: 0 auto;
width: 100%;
height: 30px;
text-align: center;
border: 1px solid #DADADA;
line-height: 29px;
border-radius: 30px;
background: #fff; }
.con_search .icon_search_pink {
display: inline-block;
vertical-align: middle;
background-size: cover;
background-image: url(/img/icon_search_pink.png);
width: 15px;
height: 15px;
margin-right: 5px; }
/* ===============================
goTop樣式
Author: Sheng & Johnny
最後更新日期：2015 / 10 / 8
================================*/
#gotop {
position: fixed;
right: 15px;
bottom: 30%;
display: none;
width: 45px;
height: 45px;
line-height: 45px;
background-color: rgba(0, 0, 0, 0.3);
cursor: pointer;
z-index: 2;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s; }
#gotop:hover {
background-color: rgba(0, 0, 0, 0.6); }
#gotop .icon-gotop {
padding: 3px 0 0 3px;
font-size: 28px; }
/* ===============================
Footer
Author: Sheng
最後更新日期：2015 / 09 / 04
================================*/
footer {
width: 100%;
color: #fff;
background-color: #000; }
footer .footer-container {
margin: 0 auto;
padding: 30px 0;
width: 100%;
max-width: 1170px; }
footer .footer-container .footer-upper {
position: relative; }
footer .footer-container .footer-upper .footer-link {
display: inline-block;
vertical-align: top; }
footer .footer-container .footer-upper .footer-link a {
height: 40px;
display: inline-block; }
footer .footer-container .footer-upper .footer-link a .jav_logo {
height: 27px; }
footer .footer-container .footer-upper .footer-upper-right {
vertical-align: top;
display: inline-block;
position: absolute;
right: 0;
height: 25px;
line-height: 25px;
font-size: 14px;
color: #acacac; }
footer .footer-container .footer-upper .footer-upper-right .space {
margin-left: 10px;
color: #acacac; }
footer .footer-container .footer-upper .footer-upper-right .space:hover {
color: #fff; }
footer .footer-container .footer-upper .footer-upper-right .logo_group {
display: inline-block; }
footer .footer-container .footer-upper .footer-upper-right .logo_group .policy {
display: none; }
footer .footer-container .footer-upper .footer-upper-right .link {
display: inline-block;
vertical-align: top;
height: 25px; }
footer .footer-container .footer-upper .footer-upper-right .link:hover .sprite.main {
background-position: 0px -142px; }
footer .footer-container .footer-upper .footer-upper-right .link:hover .sprite.cktv {
background-position: 5px -31px; }
footer .footer-container .footer-upper .footer-upper-right .link .sprite {
display: inline-block;
background-image: url(/img/cklink_group.png);
background-repeat: no-repeat;
background-size: cover;
width: 30px;
height: 30px; }
footer .footer-container .footer-upper .footer-upper-right .link .sprite.main {
background-position: 0px -112px; }
footer .footer-container .footer-upper .footer-upper-right .link .sprite.cktv {
background-position: 5px -2px; }
footer .footer-container .footer-upper .footer-upper-right .related_link_m {
display: none; }
footer .footer-container .ft_partner {
position: absolute;
top: 0;
right: 0;
font-size: 13px;
font-weight: bold;
color: #ACACAC;
height: 20px;
line-height: 20px; }
footer .footer-container .ft_partner ul {
display: inline-block; }
footer .footer-container .ft_partner li {
margin-right: 10px;
display: inline-block;
height: 20px; }
footer .footer-container .ft_partner li:hover span {
background-position: 0 -20px; }
footer .footer-container .ft_partner li:hover a {
color: #fff; }
footer .footer-container .ft_partner a {
color: #ACACAC; }
footer .footer-container .ft_partner span {
vertical-align: top;
margin-right: 5px;
display: inline-block;
width: 23px;
height: 20px;
background-image: url(/img/icon_gray_logo.png);
background-size: cover; }
footer .footer-container .footer-declaration {
margin-top: 22px;
line-height: 20px;
color: #acacac;
font-size: 12px; }
footer .footer-container .footer-declaration a {
padding-right: 5px;
margin-right: 2px;
border-right: 1px solid #616161;
color: #acacac; }
footer .footer-container .footer-declaration a#tv_hideborder {
border-right: initial; }
footer .footer-container .footer-declaration .statement {
margin-top: 15px;
color: #616161; }
/* ===============================
VideoBox
Author: Johnny Fu
最後更新日期：2015 / 09 / 14
================================*/
.video-wrapper {
min-height: 220px; }
.video-wrapper .col-style {
position: relative;
vertical-align: top;
display: inline-block;
padding: 15px;
padding-top: 0; }
.video-wrapper .col-style.lazy {
opacity: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-transform: 360deg;
-moz-transform: 360deg;
-ms-transform: 360deg;
-o-transform: 360deg;
transform: 360deg; }
.video-wrapper .col-style.lazy.loaded {
opacity: 1;
-webkit-transform: 0deg;
-moz-transform: 0deg;
-ms-transform: 0deg;
-o-transform: 0deg;
transform: 0deg; }
.video-wrapper .col-style input[type="checkbox"] {
display: none;
top: 10px;
position: absolute;
left: 25px;
visibility: hidden;
margin: 0;
width: 17px;
height: 17px;
z-index: 2; }
.video-wrapper .col-style input[type="checkbox"]:checked + .item_check_ok {
background-color: #419BFF;
border: #fff; }
.video-wrapper .col-style .item_check_ok {
display: none;
position: absolute;
left: 25px;
top: 10px;
width: 17px;
height: 17px;
line-height: 17px;
text-align: center;
font-size: 12px;
color: #fff;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
z-index: 2; }
.video-wrapper .col-style .item_check_ok.status_show {
display: block; }
.video-wrapper .col-style .videoBox {
display: block;
width: 100%;
min-height: 205px;
cursor: pointer; }
.video-wrapper .col-style .videoBox:focus {
color: #2CA1F1; }
.video-wrapper .col-style .videoBox .videoBox_wrap {
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
/* 16:9 */
height: 0; }
.video-wrapper .col-style .videoBox .videoBox_wrap .videoBox-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-color: #DDD;
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s; }
.video-wrapper .col-style .videoBox .videoBox_wrap .videoBox-cover:hover {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05); }
.video-wrapper .col-style .videoBox .videoBox_wrap .videoBox-cover:hover:after {
opacity: 0.25; }
.video-wrapper .col-style .videoBox .videoBox_wrap .videoBox-cover:after {
content: 'A';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0, #000 100%);
opacity: 0;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s; }
.video-wrapper .col-style .videoBox .videoBox_wrap .video_tag {
position: absolute;
top: 10px;
right: 10px;
height: 45px;
width: 45px;
line-height: 45px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
font-size: 13px;
color: #fff; }
.video-wrapper .col-style .videoBox .videoBox_wrap .video_tag.free {
background-color: #FF8382; }
.video-wrapper .col-style .videoBox .videoBox_wrap .videoBox-time {
display: block;
padding: 0 8px;
position: absolute;
bottom: 10px;
right: 10px;
min-width: 50px;
height: 25px;
background-color: #000;
text-align: center;
line-height: 25px;
font-size: 13px;
color: #fff; }
.video-wrapper .col-style .videoBox .videoBox-info {
min-height: 45px; }
.video-wrapper .col-style .videoBox .videoBox-info .title {
margin-top: 10px;
height: 45px;
overflow: hidden;
line-height: 21px;
font-size: 14px; }
.video-wrapper .col-style .videoBox .videoBox-info:hover {
color: #2CA1F1;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.video-wrapper .col-style .videoBox .videoBox-action {
position: relative;
margin-top: 10px;
height: 20px;
color: #616161; }
.video-wrapper .col-style .videoBox .videoBox-action .views, .video-wrapper .col-style .videoBox .videoBox-action .likes {
position: absolute; }
.video-wrapper .col-style .videoBox .videoBox-action .views .number, .video-wrapper .col-style .videoBox .videoBox-action .likes .number {
vertical-align: top;
display: inline-block;
margin-left: 5px;
font-size: 12px; }
.video-wrapper .col-style .videoBox .videoBox-action .views {
margin-top: 1px; }
.video-wrapper .col-style .videoBox .videoBox-action .views i {
font-size: 15px; }
.video-wrapper .col-style .videoBox .videoBox-action .views i:before {
margin-top: 1px; }
.video-wrapper .col-style .videoBox .videoBox-action .likes {
left: 80px; }
.video-wrapper .col-style .videoBox .videoBox-action .likes i {
font-size: 12px; }
.video-wrapper .col-style .videoBox .videoBox-action .likes i:before {
margin-top: 0.55px; }
/* ===============================
Johnny Fu
Author: Sheng
最後更新日期：2015 / 09 / 15
================================*/
@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.sprite{background-image:url(../img/sprite_2x.png);background-size:453px 494px}}.sprite-apenlogo{width:221px;height:29px;background-position:0 0}.sprite-apenlogom{width:175px;height:22px;background-position:0 -29px}.sprite-downloadicon{width:18px;height:18px;background-position:0 -52px}.sprite-pausearrow-big{width:453px;height:118px;background-position:0 -70px}.sprite-pausearrow-mid{width:309px;height:80px;background-position:0 -188px}.sprite-pausearrow-small{width:222px;height:57px;background-position:0 -268px}.sprite-player-pinkbkg{width:320px;height:55px;background-position:0 -325px}.sprite-yellowtag-greatdeal{width:121px;height:57px;background-position:0 -380px}.sprite-yellowtag-new{width:121px;height:57px;background-position:0 -437px}.topBannerWrap .slick-next,.topBannerWrap .slick-prev{width:70px;background-image:url(../img/linear-gradientCode.svg)}.actor_wrapper .actor_box .actor_img_wrapper .actor_img,.category_wrapper .category_box .category_img,.filterBanner_container .filterBanner_wrapper .filterBanner,.topBannerWrap .bannerList{background-position:center;background-repeat:no-repeat;background-size:cover}.topBannerWrap{background-color:#000;margin-top:110px}.topBannerWrap .indexBanner{max-width:1170px;margin:0 auto;padding:0 15px;overflow:hidden;max-height:400px}.topBannerWrap .bannerList{height:400px}.topBannerWrap .slick-next,.topBannerWrap .slick-prev{z-index:1;height:400px}.topBannerWrap .slick-next i,.topBannerWrap .slick-prev i{position:relative;font-size:40px;color:#fff;cursor:pointer;text-shadow:1px 0 1px rgba(85,85,85,.86)}.actor_wrapper .actor_box:hover .actor_name,.category_wrapper .category_box:hover .category_name,.filterQuestion_form .options_box.categoryoptions_box .category_box input[type=radio]:checked+label .text_type{color:#FF8382}.topBannerWrap .slick-next i:active,.topBannerWrap .slick-next i:hover,.topBannerWrap .slick-prev i:active,.topBannerWrap .slick-prev i:hover{color:#FF8382;-webkit-transition:all,.3s;transition:all,.3s}.topBannerWrap .slick-next .icon-next:before,.topBannerWrap .slick-next .icon-prev:before,.topBannerWrap .slick-prev .icon-next:before,.topBannerWrap .slick-prev .icon-prev:before{position:absolute;left:-6px;font-weight:700}.topBannerWrap .slick-prev{left:15px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 25%;transform-origin:50% 25%}.topBannerWrap .slick-prev .icon-prev:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:25% 25%;transform-origin:25% 25%}.topBannerWrap .slick-next{right:15px;-webkit-transform-origin:25% 50%;transform-origin:25% 50%}@media (min-width:0) and (max-width:999px){.topBannerWrap{margin-top:0}.topBannerWrap .indexBanner{padding:0;max-height:140px}.topBannerWrap .slick-next,.topBannerWrap .slick-prev{display:none!important}.exclusiveWrap{margin-top:35px}}.actor_wrapper{display:-webkit-box;display:flex;flex-wrap:wrap}.actor_wrapper .actor_box{position:relative;width:16.66%;height:215px;text-align:center}.actor_wrapper .actor_box a{position:absolute;display:block;width:100%;height:100%}.actor_wrapper .actor_box .actor_img_wrapper{margin:0 auto;width:145px;border:1px solid #dadada}.actor_wrapper .actor_box .actor_img_wrapper .actor_img{margin:10px;width:125px;height:125px}.actor_wrapper .actor_box .actor_name{margin:15px auto 0;max-width:145px;font-size:15px;text-align:center}@media (min-width:640px) and (max-width:999px){.actor_wrapper .actor_box{width:25%}}@media (min-width:0) and (max-width:639px){.actor_wrapper .actor_box{width:50%}}.category_wrapper{display:-webkit-box;display:flex;flex-wrap:wrap}.category_wrapper .category_box{position:relative;width:20%;height:362px;text-align:center}.category_wrapper .category_box a{position:absolute;display:block;width:100%;height:100%}
/* ===============================
Index mobile top banner
Author: Sheng & Johnny Fu
最後更新日期：2015 / 11 / 11
================================*/
.sectionBanner_M {
display: none;
width: 100%;
height: auto;
font-size: 0; }
.sectionBanner_M .indexBanner_M {
vertical-align: top;
display: inline-block;
width: 100%;
min-height: 190px; }
.sectionBanner_M .indexBanner_M.bigBanner {
position: relative;
overflow: hidden;
background-color: #dfdfdf; }
.sectionBanner_M .indexBanner_M.bigBanner .image {
width: 100%;
height: 100%;
cursor: pointer;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 1s;
-webkit-transition-delay: 0.2s;
-moz-transition: all 1s 0.2s;
-o-transition: all 1s 0.2s;
transition: all 1s 0.2s; }
.sectionBanner_M .indexBanner_M.bigBanner .image:hover {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05); }
.sectionBanner_M .indexBanner_M.bigBanner .blurbox {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
left: 0;
right: 0;
bottom: 0;
padding: 10px;
height: 70px;
line-height: 70px;
text-align: center;
color: #fff; }
.sectionBanner_M .indexBanner_M.bigBanner .blurbox .title {
display: inline-block;
margin: 0;
max-height: 50px;
overflow: hidden;
vertical-align: top;
line-height: 27px;
font-size: 20px;
text-align: justify;
font-weight: 800; }
.sectionBanner_M .slick-dots {
bottom: -30px; }
.sectionBanner_M .slick-dots li {
margin: 0;
height: 20px; }
.sectionBanner_M .slick-dots li button:before {
opacity: 0.5;
font-size: 30px;
color: #616161; }
.sectionBanner_M .slick-dots li.slick-active button:before {
opacity: 1;
color: #2CA1F1; }
/* ===============================
Rewrite slickjs style
Author: Sheng
最後更新日期：2015 / 09 / 16
================================*/
.sectionBanner .slick-prev {
left: 25px; }
.sectionBanner .slick-next {
right: 25px; }
.sectionBanner .slick-dots {
height: 10px;
bottom: -10px;
background-color: #000; }
.sectionBanner .slick-dots li {
margin: 0;
height: 10px;
bottom: 10px; }
.sectionBanner .slick-dots li.slick-active button:before {
width: 100%;
height: 11px; }
.sectionBanner .slick-dots li.slick-active button:before {
opacity: 1;
background: #2CA1F1; }
.sectionBanner .slick-dots li button {
margin: 0;
padding: 0;
width: 100%;
height: 10px; }
.sectionBanner .slick-dots li button:before {
content: ''; }
.left_slider .image_bar {
background-color: #000; }
.left_slider .image_bar .slick-prev, .left_slider .image_bar .slick-next {
right: 25px; }
.left_slider .image_bar .slick-prev {
top: 40px;
left: auto; }
.left_slider .image_bar .slick-next {
top: 100px; }
.left_slider .image_bar .slick-dots {
width: auto;
height: 10px;
right: 35px;
bottom: 70px; }
.left_slider .image_bar .slick-dots li {
display: block; }
.left_slider .image_bar .slick-dots li button:before {
font-size: 30px;
color: #616161; }
.left_slider .image_bar .slick-dots li.slick-active button:before {
color: #2CA1F1; }
.left_slider .image_bar .album .photo {
width: calc(100% - 100px);
height: 627px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
/* ===============================
Page 分頁
Author: Sheng
最後更新日期：2015 / 8 / 26
================================*/
#page {
margin: 60px 0;
width: 100%;
height: 30px;
text-align: center; }
#page .page_prev, #page .page_next, #page .page_number, #page .page_fast, #page .page_last {
vertical-align: top;
display: inline-block;
margin-right: 7px;
min-width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #FFF;
border: 1px solid #616161;
font-size: 12px;
color: #616161;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; }
#page .page_prev:hover, #page .page_prev.active, #page .page_next:hover, #page .page_next.active, #page .page_number:hover, #page .page_number.active, #page .page_fast:hover, #page .page_fast.active, #page .page_last:hover, #page .page_last.active {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background-color: #616161;
border: 1px solid #616161;
color: #fff;
-webkit-transition: all, 0.2s;
-moz-transition: all, 0.2s;
-o-transition: all, 0.2s;
transition: all, 0.2s; }
#page .page_prev, #page .page_next {
padding-left: 5px; }
#page .page_fast, #page .page_last {
min-width: 30px; }
#page .page_last {
min-width: 35px; }
#page .page_number {
min-width: 30px; }
/* ===============================
列表頁樣式－左側（長條模式）
Author: Sheng & Johnny
最後更新日期：2015 / 10 / 6
================================*/
#container .sectionContent .content-left-box {
display: inline-block;
width: calc(100% - 300px);
vertical-align: top; }
#container .sectionContent .content-left-box.fullGrid {
display: block;
width: 100%;
vertical-align: initial; }
#container .sectionContent .content-left-box .control-bar {
margin-bottom: 40px;
height: 50px;
width: 100%;
padding: 0 30px 0 15px; }
#container .sectionContent .content-left-box .control-bar.padClear {
padding: 0 15px; }
#container .sectionContent .content-left-box .control-bar .wrapper {
position: relative;
height: 100%;
border-bottom: 1px solid #DADADA;
font-size: 0; }
#container .sectionContent .content-left-box .control-bar .wrapper .category {
display: inline-block;
vertical-align: top; }
#container .sectionContent .content-left-box .control-bar .wrapper .category h2 {
font-size: 25px; }
#container .sectionContent .content-left-box .control-bar .wrapper .keyword {
display: inline-block;
font-size: 25px; }
#container .sectionContent .content-left-box .control-bar .wrapper .number {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 15px;
color: #999999; }
#container .sectionContent .content-left-box .control-bar .wrapper .switch {
display: inline-block;
vertical-align: top; }
#container .sectionContent .content-left-box .control-bar .wrapper .switch.left {
position: absolute;
left: -90px;
top: -4px; }
#container .sectionContent .content-left-box .control-bar .wrapper .switch i {
font-size: 23px;
cursor: pointer; }
#container .sectionContent .content-left-box .control-bar .wrapper .switch i:hover {
color: #2CA1F1; }
#container .sectionContent .content-left-box .control-bar .wrapper .switch i.icon-switch_grid {
margin-left: 20px; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group {
display: inline-block;
position: absolute;
top: 10px;
right: 0; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .label {
vertical-align: top;
font-size: 15px;
color: #BDBDBD;
margin-right: 15px; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown {
display: inline-block;
vertical-align: top;
position: relative;
width: 115px;
height: 40px;
cursor: pointer; }
@media screen and (min-width: 769px) {
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown:hover .rank-dropdown-menu {
opacity: 1;
visibility: visible;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s; } }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-title {
margin-right: 10px;
font-size: 15px;
color: #BDBDBD; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .icon-arrowdown {
display: inline-block;
padding-top: 5px;
vertical-align: top;
font-size: 15px;
color: #BDBDBD; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown #iconClose {
display: none;
vertical-align: top;
height: 13px;
width: 13px;
opacity: 0.3;
padding-left: 4px; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown #iconClose:before, #container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown #iconClose:after {
position: absolute;
content: "";
height: 12px;
width: 2px;
background-color: #000; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown #iconClose:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown #iconClose:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-dropdown-menu {
opacity: 0;
visibility: hidden;
background-color: #fff;
position: absolute;
list-style: none;
z-index: 2;
width: 175px;
right: 0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
margin-top: 20px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-dropdown-menu:before {
content: "";
position: absolute;
width: 100%;
height: 20px;
background-color: transparent;
z-index: -1; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-dropdown-menu .rank-style {
padding: 18px 15px;
font-size: 15px;
color: #BDBDBD; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-dropdown-menu .rank-style:hover {
color: #000;
background-color: #f1f0f1;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-dropdown-menu .rank-style.rank-newest.active, #container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-dropdown-menu .rank-style.rank-views.active {
color: #fff;
background-color: #2CA1F1; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-dropdown-menu .rank-style:last-child:hover {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; }
#container .sectionContent .content-left-box .control-bar .wrapper .rank-group .rank-dropdown .rank-dropdown-menu .rank-style:last-child.active {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; }
#container .sectionContent .content-left-box .content-list {
display: none;
padding: 0 30px 0 15px;
min-height: 300px; }
#container .sectionContent .content-left-box .content-list .content-box {
margin-bottom: 25px; }
#container .sectionContent .content-left-box .content-list .content-box.lazy {
opacity: 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
-webkit-transform: 360deg;
-moz-transform: 360deg;
-ms-transform: 360deg;
-o-transform: 360deg;
transform: 360deg; }
#container .sectionContent .content-left-box .content-list .content-box.lazy.loaded {
opacity: 1;
-webkit-transform: 0deg;
-moz-transform: 0deg;
-ms-transform: 0deg;
-o-transform: 0deg;
transform: 0deg; }
#container .sectionContent .content-left-box .content-list .content-box .cover,
#container .sectionContent .content-left-box .content-list .content-box .info {
display: inline-block;
position: relative;
vertical-align: top; }
#container .sectionContent .content-left-box .content-list .content-box .cover a {
display: block;
width: 270px;
height: 152px;
background-color: #DDD;
-webkit-box-shadow: inset 0 0 0 1px #c0c0c0;
-moz-box-shadow: inset 0 0 0 1px #c0c0c0;
box-shadow: inset 0 0 0 1px #c0c0c0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
overflow: hidden; }
#container .sectionContent .content-left-box .content-list .content-box .cover a .pic {
width: 100%;
height: 100%;
background-size: cover;
background-color: #DDD;
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s; }
#container .sectionContent .content-left-box .content-list .content-box .cover a .pic:hover {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05); }
#container .sectionContent .content-left-box .content-list .content-box .cover a .pic:hover:after {
opacity: 0.25; }
#container .sectionContent .content-left-box .content-list .content-box .cover a .pic:after {
content: 'A';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0, #000 100%);
opacity: 0;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s; }
#container .sectionContent .content-left-box .content-list .content-box .cover a .videoBox-time {
display: block;
padding: 0 8px;
position: absolute;
bottom: 10px;
right: 10px;
min-width: 50px;
height: 25px;
background-color: #000;
text-align: center;
line-height: 25px;
font-size: 13px;
color: #fff;
pointer-events: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; }
#container .sectionContent .content-left-box .content-list .content-box .info {
padding-left: 30px;
height: 152px;
width: calc(100% - 270px);
position: relative; }
#container .sectionContent .content-left-box .content-list .content-box .info .title {
max-height: 50px;
font-size: 18px;
line-height: 1.4em;
overflow: hidden; }
#container .sectionContent .content-left-box .content-list .content-box .info .title a:hover,
#container .sectionContent .content-left-box .content-list .content-box .info .title a :focus {
color: #2CA1F1; }
#container .sectionContent .content-left-box .content-list .content-box .info .word {
height: 90px;
margin-top: 10px;
overflow: hidden;
font-size: 13px;
line-height: 1.8em;
color: #616161;
word-break: break-all; }
#container .sectionContent .content-left-box .content-list .content-box .info .word a {
display: block;
max-height: 45px;
overflow: hidden;
color: #999999; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action {
position: absolute;
bottom: 0;
height: 20px;
color: #999999; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .views, #container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .likes {
position: relative;
vertical-align: top;
display: inline-block; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .views .number, #container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .likes .number {
vertical-align: top;
display: inline-block;
margin-left: 5px;
font-size: 12px; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .views {
margin-top: 1px; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .views i {
font-size: 15px; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .views i:before {
margin-top: 1px; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .likes {
left: 24px; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .likes i {
font-size: 12px; }
#container .sectionContent .content-left-box .content-list .content-box .info .videoBox-action .likes i:before {
margin-top: 0.55px; }
#container .sectionContent .content-left-box.listView .content-list {
display: block; }
#container .sectionContent .content-left-box.listView .icon-switch_list {
color: #2CA1F1; }
#container .sectionContent .content-left-box.listView .icon-switch_grid {
color: inherit; }
/* ===============================
列表頁樣式－左側（格狀模式）
Author: Sheng & Johnny
最後更新日期：2015 / 10 / 6
================================*/
#container .mobile_page {
display: none;
margin: 20px 0;
min-height: 50px;
border-bottom: 1px solid #EDECEE; }
#container .mobile_page .container {
font-size: 0; }
#container .mobile_page .container .page_button {
padding: 0 5px;
display: inline-block;
width: 33.33%;
vertical-align: top;
cursor: pointer;
text-align: center; }
#container .mobile_page .container .page_button.mobile_optmenu {
position: relative;
border: 1px solid #999;
height: 30px;
line-height: 30px;
font-size: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #999; }
#container .mobile_page .container .page_button.mobile_optmenu .icon-arrowdown {
position: absolute;
right: 8px;
top: 4px;
font-size: 10px; }
#container .mobile_page .container .page_button.mobile_optmenu .hideSelect {
position: absolute;
left: 0;
width: 100%;
height: 100%;
-webkit-appearance: none;
opacity: 0; }
#container .mobile_page .container .page_button .arrow_button,
#container .mobile_page .container .page_button .arrow_button_pink {
height: 30px;
line-height: 30px;
font-size: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; }
#container .mobile_page .container .page_button .arrow_button {
background-color: #2CA1F1;
color: #fff; }
#container .mobile_page .container .page_button .arrow_button_pink {
background-color: #FF8382;
color: #fff; }
#container .sectionContent .content-left-box .content-grid {
display: none; }
#container .sectionContent .content-left-box.gridView .content-grid {
display: block; }
#container .sectionContent .content-left-box.gridView .icon-switch_list {
color: inherit; }
#container .sectionContent .content-left-box.gridView .icon-switch_grid {
color: #2CA1F1; }
/* ===============================
列表頁樣式-熱門預告側邊欄
Author: Sheng & Johnny
最後更新日期：2015 / 10 / 6
================================*/
#container .sectionContent .content-right-box {
display: inline-block;
margin-bottom: 40px;
padding-top: 4px;
height: auto;
width: 300px;
vertical-align: top; }
#container .sectionContent .content-right-box.fixed {
position: fixed;
top: 90px; }
#container .sectionContent .content-right-box .hot-video-container .hot-video-title {
font-size: 25px;
color: #BDBDBD;
margin-bottom: 20px; }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox {
display: block;
margin-bottom: 25px;
width: 100%;
cursor: pointer; }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox_wrap {
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
/* 16:9 */
height: 0; }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox_wrap .video-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-color: #DDD;
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s; }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox_wrap .video-cover:hover {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05); }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox_wrap .video-cover:hover:after {
opacity: 0.25; }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox_wrap .video-cover:after {
content: 'A';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0, #000 100%);
opacity: 0;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s; }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox_wrap .videoBox-time {
display: block;
padding: 0 8px;
position: absolute;
bottom: 10px;
right: 10px;
min-width: 50px;
height: 25px;
background-color: #000;
text-align: center;
line-height: 25px;
font-size: 13px;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox-info .title {
margin-top: 10px;
height: 45px;
overflow: hidden;
line-height: 24px;
font-size: 15px; }
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox-info .title:hover,
#container .sectionContent .content-right-box .hot-video-container .hot-videoBox .videoBox-info .title :focus {
color: #2CA1F1; }
#container .sectionContent .content-right-box .hot-video-container .fb_fanpage_wrapper {
width: 300px;
border-top: 1px solid #DADADA;
padding-top: 20px; }
/* ===============================
列表頁樣式－查無結果
Author: Sheng & Johnny
最後更新日期：2015 / 10 / 29
================================*/
#container .sectionContent .content-left-box .no_data_container {
padding: 0 30px 0 15px; }
#container .sectionContent .content-left-box .no_data_container .content-box {
position: relative;
height: 450px; }
#container .sectionContent .content-left-box .no_data_container .content-box .show-message {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#container .sectionContent .content-left-box .no_data_container .content-box .show-message .icon {
display: block;
height: 95px;
width: 95px;
margin: 0 auto;
margin-bottom: 20px; }
#container .sectionContent .content-left-box .no_data_container .content-box .show-message .message {
margin-bottom: 20px;
font-size: 25px;
font-weight: 800;
text-align: center;
line-height: 1.4em; }
/* ===============================
Path Bar
Author: Johnny
最後更新日期：2015 / 10 / 21
================================*/
.path_bar {
position: relative;
z-index: 100;
margin: 0 auto;
height: 45px;
width: 100%;
background-color: #222;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
.path_bar:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-top: 1px solid #555;
content: '';
display: block; }
.path_bar .word_wrapper {
margin: 0 auto;
height: 45px;
width: 100%;
padding-left: 15px;
max-width: 1170px;
line-height: 45px; }
.path_bar .word_wrapper .menu_container {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 0; }
.path_bar .word_wrapper .menu_container.jav .menu_items:hover .type,
.path_bar .word_wrapper .menu_container.jav .menu_items:active .type {
color: #FF8382; }
.path_bar .word_wrapper .menu_container.jav .menu_items .type.status_show {
color: #FF8382; }
.path_bar .word_wrapper .menu_container.cktv .menu_items:hover .type,
.path_bar .word_wrapper .menu_container.cktv .menu_items:active .type {
color: #2CA1F1; }
.path_bar .word_wrapper .menu_container.cktv .menu_items .type.status_show {
color: #2CA1F1; }
.path_bar .word_wrapper .menu_container .menu_items {
position: relative;
display: inline-block;
vertical-align: top; }
.path_bar .word_wrapper .menu_container .menu_items:hover > ul.submenu {
opacity: 1;
visibility: visible;
-webkit-transition: all, 0.3s, ease-in;
-moz-transition: all, 0.3s, ease-in;
-o-transition: all, 0.3s, ease-in;
transition: all, 0.3s, ease-in; }
.path_bar .word_wrapper .menu_container .menu_items .type {
display: inline-block;
padding: 0 20px;
height: 45px;
vertical-align: top;
font-size: 15px;
color: #9B9B9B;
-webkit-transition: all, 0.3s, ease-in;
-moz-transition: all, 0.3s, ease-in;
-o-transition: all, 0.3s, ease-in;
transition: all, 0.3s, ease-in; }
@media screen and (min-width: 900px) and (max-width: 1200px) {
.path_bar .word_wrapper .menu_container .menu_items .type {
padding: 0 10px; } }
@media screen and (min-width: 769px) and (max-width: 899px) {
.path_bar .word_wrapper .menu_container .menu_items .type {
padding: 0 5px; } }
.path_bar .word_wrapper .menu_container .menu_items .type.apen {
-webkit-animation: blink-smooth 1s ease;
-moz-animation: blink-smooth 1s ease;
-o-animation: blink-smooth 1s ease;
animation: blink-smooth 1s ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
color: #F6A623; }
.path_bar .word_wrapper .menu_container .menu_items ul.submenu {
opacity: 0;
visibility: hidden;
width: 166px;
background: #1E1E1E;
position: absolute;
top: 45px;
left: 0px;
-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5); }
.path_bar .word_wrapper .menu_container .menu_items ul.submenu .submenuList {
display: block;
line-height: 40px;
font-size: 14px; }
.path_bar .word_wrapper .menu_container .menu_items ul.submenu .submenuList a {
display: block;
padding: 0px 20px;
color: #9B9B9B; }
.path_bar .word_wrapper .menu_container .menu_items ul.submenu .submenuList:hover a {
color: #2CA1F1; }
.path_bar .word_wrapper .menu_container .menu_items ul.submenu .submenuList:active a {
color: #63B4EA; }
.path_bar .word_wrapper .keyword {
display: inline-block;
font-size: 20px;
color: #fff;
font-weight: 800; }
.path_bar .word_wrapper .number {
display: inline-block;
height: 70px;
vertical-align: top;
font-size: 15px;
font-weight: 800;
color: #BDBDBD; }
#container .sectionContent .videoGroup .section-title.member {
margin-bottom: 45px; }
#container .sectionContent .videoGroup .section-title .wrapper {
height: 65px;
border-bottom: 1px solid #DADADA; }
#container .sectionContent .videoGroup .section-title .wrapper h2 {
line-height: 55px; }
#container .sectionContent .videoGroup .section-title .wrapper .profile {
display: inline-block;
vertical-align: top;
position: relative;
line-height: 55px; }
#container .sectionContent .videoGroup .section-title .wrapper .profile .profile_pic,
#container .sectionContent .videoGroup .section-title .wrapper .profile .profile_id {
display: inline-block; }
#container .sectionContent .videoGroup .section-title .wrapper .profile .profile_pic {
height: 40px;
width: 40px;
vertical-align: middle;
border-radius: 50%; }
#container .sectionContent .videoGroup .section-title .wrapper .profile .profile_id {
margin-left: 20px;
vertical-align: middle;
font-size: 15px; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-button {
display: none;
position: absolute;
top: 10px;
right: 0;
margin-right: 15px;
width: 170px;
height: 35px;
border: 1px solid #616161;
border-radius: 5px;
font-size: 15px;
line-height: 35px;
text-align: center;
color: #616161;
cursor: pointer; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-button.status_show {
display: inline-block; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-button:hover {
background-color: #2CA1F1;
color: #fff;
border: none; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action {
display: none;
position: absolute;
top: 10px;
right: 0;
margin-right: 15px; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action.status_show {
display: inline-block; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all {
display: inline-block;
position: relative;
vertical-align: top;
margin-right: 20px;
width: 50px;
height: 35px;
line-height: 35px; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all input[type="checkbox"], #container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all label {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all input[type="checkbox"] {
visibility: hidden;
margin: 0;
width: 17px;
height: 17px; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all label {
width: 100px;
cursor: pointer; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all label .text_all, #container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all label .check_ok {
vertical-align: middle;
display: inline-block; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all label .check_ok {
width: 17px;
height: 17px;
line-height: 17px;
text-align: center;
font-size: 12px;
color: #fff;
border: 1px solid #616161;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all label .text_all {
margin-left: 20px;
font-size: 15px;
cursor: pointer; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .select_all input[type="checkbox"]:checked + label .check_ok {
background-color: #419BFF;
border: #fff; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .delete-button, #container .sectionContent .videoGroup .section-title .wrapper .edit-action .cancel-button {
display: inline-block;
margin-right: 15px;
width: 100px;
height: 35px;
border: 1px solid #616161;
border-radius: 5px;
font-size: 15px;
line-height: 35px;
text-align: center;
color: #616161;
cursor: pointer; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .delete-button:hover, #container .sectionContent .videoGroup .section-title .wrapper .edit-action .cancel-button:hover {
background-color: #D32F2F;
color: #fff;
border: none; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .cancel-button {
margin: 0; }
#container .sectionContent .videoGroup .section-title .wrapper .edit-action .cancel-button:hover {
background-color: #2CA1F1;
color: #fff;
border: none; }
#container .sectionContent .videoGroup .no_data_container {
padding: 0 15px;
margin-bottom: 45px; }
#container .sectionContent .videoGroup .no_data_container .content-box {
position: relative;
margin-bottom: 45px;
height: 450px;
background-color: #F8F8F8;
border: 1px solid #EDECEE; }
#container .sectionContent .videoGroup .no_data_container .content-box .show-message {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#container .sectionContent .videoGroup .no_data_container .content-box .show-message .icon {
display: block;
height: 95px;
width: 95px;
margin: 0 auto;
margin-bottom: 20px; }
#container .sectionContent .videoGroup .no_data_container .content-box .show-message .message {
margin-bottom: 20px;
font-size: 25px;
font-weight: 800;
text-align: center;
line-height: 1.4em; }
#container .sectionContent .videoGroup .no_data_container .content-box .show-message .reminder {
font-size: 18px;
color: #616161;
text-align: center; }
#container .sectionContent .videoGroup .no_data_container .bottom-line {
border-bottom: 1px solid #DADADA; }
/* ===============================
Animate
Author: Johnny
最後更新日期：2015 / 10 / 28
================================*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@-moz-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@-ms-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
#container .google_ad_wrap {
position: relative;
height: 170px; }
#container .google_ad_wrap .ad_center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
/* ===============================
LightBox
Author: Sheng
最後更新日期：2016 / 01 / 27
================================*/
#light_box {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10010;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s; }
#light_box.isShow {
opacity: 1;
visibility: visible;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s; }
#light_box_wrapper {
position: absolute;
top: 50%;
left: 50%;
min-width: 535px;
min-height: 437px;
background-color: #fff;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
z-index: 10012; }
#light_box_wrapper:before {
content: '';
position: absolute;
top: -5px;
left: 0;
right: 0;
height: 5px;
background-color: #2CA1F1; }
#light_box_wrapper #light_box_content {
padding: 30px 25px; }
#light_box_wrapper #light_box_content .title {
margin-bottom: 20px;
font-size: 23px;
color: #333333;
letter-spacing: 1.1px; }
#light_box_wrapper #light_box_content .desc {
margin-bottom: 35px;
font-family: STHeitiTC-Light;
font-size: 14px;
color: #2CA1F1; }
#light_box_wrapper #light_box_content .form_title {
width: 100%;
height: 25px;
line-height: 25px;
background: #F3F3F3;
text-align: center;
font-family: STHeitiTC-Light;
font-size: 14px;
color: #9B9B9B; }
#light_box_wrapper #light_box_content .form_body {
position: relative;
margin-bottom: 30px;
font-size: 0; }
#light_box_wrapper #light_box_content .form_body:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 25%;
width: 1px;
background-color: #EDECEE; }
#light_box_wrapper #light_box_content .form_body .form_tr:first-child {
border-bottom: 1px solid #EDECEE; }
#light_box_wrapper #light_box_content .form_body .form_tr:nth-child(2) {
padding-top: 20px; }
#light_box_wrapper #light_box_content .form_body .form_tr .form_td {
position: relative;
display: inline-block;
width: 25%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 13px; }
#light_box_wrapper #light_box_content .form_body .form_tr .form_td .yes {
vertical-align: middle;
display: inline-block;
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 1px #979797;
-moz-box-shadow: 0 0 0 1px #979797;
box-shadow: 0 0 0 1px #979797; }
#light_box_wrapper #light_box_content .form_body .form_tr .form_td i {
color: #FF8382; }
#light_box_wrapper #light_box_content .desc_ps {
display: block;
font-size: 13px;
color: #9B9B9B; }
#light_box_wrapper #light_box_content .desc_ps a {
color: #2CA1F1; }
#light_box_wrapper #light_box_content .desc_ps a:hover {
color: #0d79c4;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s; }
#light_box_wrapper #light_box_close {
position: absolute;
top: 22px;
right: 22px;
color: #D8D8D8;
font-size: 14px;
cursor: pointer; }
#light_box_wrapper #light_box_close:hover {
color: #333333;
-webkit-transition: all, 0.3s;
-moz-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s; }
#light_box_bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.35);
z-index: 10011; }
/* ===============================
AD
Author: Sheng
最後更新日期：2016 / 04 / 12
================================*/
#tvmobileFloatAD {
bottom: 0;
position: fixed;
box-shadow: rgba(0, 0, 0, 0.498039) 0px -5px 5px -5px;
background-color: rgba(0, 0, 0, 0.65098);
z-index: 50;
width: 100%;
min-height: 50px;
text-align: center; }
#videoTVAD {
opacity: 0;
visibility: hidden;
position: absolute;
left: 50%;
bottom: 135px;
max-width: 728px;
max-height: 90px;
text-align: center;
background-color: rgba(0, 0, 0, 0.35);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 50;
-webkit-transition: all, 0.1s;
-moz-transition: all, 0.1s;
-o-transition: all, 0.1s;
transition: all, 0.1s; }
#videoTVAD.isShow {
-webkit-transition: all, 0.1s;
-moz-transition: all, 0.1s;
-o-transition: all, 0.1s;
transition: all, 0.1s; }
#videoTVAD.isShow {
opacity: 1;
visibility: visible; }
#videoTVAD #videoTVAD_content {
position: relative; }
#videoTVAD #videoTVAD_content #videoTVAD_close {
position: absolute;
top: -10px;
right: -10px;
height: 22px;
width: 22px;
background-color: #666666;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
#videoTVAD #videoTVAD_content #videoTVAD_close:hover:before, #videoTVAD #videoTVAD_content #videoTVAD_close:hover:after {
background-color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
#videoTVAD #videoTVAD_content #videoTVAD_close:before, #videoTVAD #videoTVAD_content #videoTVAD_close:after {
position: absolute;
top: 4px;
left: 10px;
content: "";
height: 13px;
width: 2px;
background-color: #B7B7B7; }
#videoTVAD #videoTVAD_content #videoTVAD_close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#videoTVAD #videoTVAD_content #videoTVAD_close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
/* ===============================
服務條款及隱私權政策樣式
Author: Sheng
最後更新日期：2015 / 09 / 04
================================*/
#container .sectionContent .policy_wrapper {
padding: 0 15px;
font-size: 14px;
color: #333333;
margin-bottom: 40px; }
#container .sectionContent .policy_wrapper .header_title {
font-size: 24px;
margin-bottom: 30px; }
#container .sectionContent .policy_wrapper .p_title {
font-size: 18px;
margin: 30px 0 15px; }
#container .sectionContent .policy_wrapper .p_item {
line-height: 25px;
color: #616161; }
#container .sectionContent .policy_wrapper .p_margin {
margin-bottom: 30px; }
#container .sectionContent .policy_wrapper .p_circle {
vertical-align: middle;
display: inline-block;
margin: 0 10px 2px 0;
width: 6px;
height: 6px;
background: #616161;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
#container .sectionContent .policy_wrapper .p_padleft {
padding-left: 25px; }
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .vjs-control.vjs-setting:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center; }
/*
Icon Font: fontcustom
*/
[data-icon]:before {
content: attr(data-icon); }
[data-icon]:before,
.icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before,
.icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
.icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before,
.icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before,
.icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before,
.icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before,
.icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before,
.icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
display: inline-block;
font-family: "fontcustom";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased; }
.icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
padding-left: 13px;
line-height: 2.75; }
.icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before,
.icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
line-height: 2.75; }
.icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before,
.icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before,
.icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before,
.icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
font-size: 1.8em;
line-height: 2.50; }
.video-js .vjs-control .icon-volume-high:before, .video-js .vjs-control .vjs-mute-control:before, .video-js .vjs-control .vjs-volume-menu-button:before {
line-height: 2.9; }
.icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
content: "\F106"; }
.icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\F107"; }
.icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
content: "\F10C"; }
.icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
content: "\F10D"; }
.icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
content: "\F115"; }
.icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
content: "\F116"; }
.icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
content: "\F117"; }
.icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
content: "\F118"; }
.icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
line-height: 2.5em; }
.icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
line-height: 2.5em; }
.video-js {
/* display:inline-block would be closer to the video el's display:inline
* but it results in flash reloading when going into fullscreen [#2205]
*/
display: block;
/* Make video.js videos align top when next to video elements */
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
/* Start with 10px for base font size so other dimensions can be em based and
easily calculable. */
font-size: 10px;
line-height: 1;
/* Provide some basic defaults for fonts */
font-weight: normal;
font-style: normal;
/* Avoiding helvetica: issue #376 */
font-family: Arial, Helvetica, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
checking fullScreenEnabled. */ }
.video-js:-moz-full-screen {
position: absolute; }
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important; }
/* All elements inherit border-box sizing */
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit; }
/* List style reset */
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
/* Important to specify each */
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0; }
/* Fill the width of the containing element and use padding to create the
desired aspect ratio. Default to 16x9 unless another ratio is given. */
/* Not including a default AR in vjs-fluid because it would override
the user set AR injected into the header. */
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0; }
.video-js.vjs-16-9 {
padding-top: 56.25%; }
.video-js.vjs-4-3 {
padding-top: 75%; }
.video-js.vjs-fill {
width: 100%;
height: 100%; }
/* Playback technology elements expand to the width/height of the containing div