@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,100);@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);@import url(https://fonts.googleapis.com/css?family=Play);html{min-height:100% !important}body{font-family:'Roboto', sans-serif,'arial', "微軟正黑體", "Microsoft JhengHei";line-height:1.75em;word-wrap:break-word;word-break:normal;text-shadow:rgba(217,210,192,0.2) 0 0 10px;color:#fff;background:#faf8e8}body a{color:#faf8e8}body h1{color:#faf8e8}body .navbar{background-color:transparent;background-color:rgba(250,248,232,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FAF8E8,endColorstr=#B3FAF8E8);zoom:1}body .navbar a{color:#d9d2c0}body .navbar a:hover{background:#093225}@media only screen and (max-width: 767px){body .navbar .about-us{background:#093225}}body .sider{color:#fff;background:#666;position:relative}body .sider a{color:#faf8e8}body .login-form{color:#fff;background:#666}body .login-form a{color:#faf8e8}body .input-group-addon{background:#093225;color:#cecece}body .video-container{background:url("../images/live-bg.jpg") center center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}ul,li{padding:0;list-style:none}::-moz-selection{text-shadow:none;color:#d9d2c0;background:#d34f42}::selection{text-shadow:none;color:#d9d2c0;background:#d34f42}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.btn{-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}h1,h2,h3,h4,h5,h6{margin:10px auto}p{font-size:1.125em;margin:0}section p{margin-bottom:10px}a{color:#faf8e8;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}a:hover,a:active,a:focus{text-decoration:none;outline:0}button:focus,input:focus,textarea:focus{outline:0}.btn-fanily{color:#d9d2c0;line-height:30px;background:#ff6e00}.btn-fanily:before{content:"";display:block;background:url("../images/fanily-circle.png") no-repeat;width:30px;height:30px;float:left;margin:0 6px 0 0}.btn-fanily:hover{background:#ff6e00}@media only screen and (min-width: 769px) and (max-width: 991px){.btn-fanily{font-size:1em}}i.fa{padding:0 5px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#093225;background:rgba(9,50,37,0.6)}@media only screen and (min-width: 769px) and (max-width: 991px){.container{width:100%}}@media only screen and (max-width: 768px){.container{width:100%}}.show{display:block}.navbar{margin-bottom:0}.navbar a{color:#d9d2c0;display:block}.top{position:relative}.top .logout{position:absolute;right:9px;top:9px;display:none;cursor:pointer}.top .logout .avatars{width:40px;height:40px;background:#d9d2c0}.nav .container{position:relative}.nav.navbar-fixed-top{border:none}.nav .main-title{text-align:center;margin:4px auto}.nav .main-title h2,.nav .main-title .logo{margin:0;display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;vertical-align:middle}.nav .main-title h2{font-weight:300}.nav .main-title h2 span{font-family:'Roboto', sans-serif;padding:2px 6px;font-size:14px;display:inline}.nav .main-title .logo{width:40px}.nav .about-us,.nav .logout{position:absolute;cursor:pointer;line-height:40px;font-size:1em}.nav .about-us button,.nav .logout button{padding:10px;background:transparent;border:none}.nav .about-us{display:none}.nav .logout{right:0;top:0;display:none}.nav .logout a{padding:9px}.nav .logout .avatars{width:40px;height:40px;background:#d9d2c0}@media only screen and (max-width: 767px){.nav .about-us{font-size:1.5em}}@media only screen and (max-width: 480px){.nav.navbar{min-height:0;height:40px;overflow:hidden}.nav .main-title{margin:0 auto}.nav .main-title h2{font-size:1.25em}.nav .about-us,.nav .logout{line-height:20px}.nav .logout a{padding:10px}.nav .logout .avatars{display:none}}#main .main-content,#main .bottom{display:table;width:100%}#main .col-md-9,#main .col-md-3{display:table-cell;margin:0 !important;padding:0 !important;float:none;vertical-align:top;height:100%}#main .bottom .col-md-9{width:70%}#main .bottom .col-md-3{width:30%}#main .main-content .col-md-9{vertical-align:middle;width:70%}#main .main-content .col-md-9.main{background:#000}#main .main-content .col-md-3{width:30%;padding:20px 0;overflow:hidden}#main .main-content .col-md-3>.info-div{height:100%;overflow-y:scroll;overflow-x:hidden;padding:10px;*zoom:1;margin-top:10px}#main .main-content .col-md-3>.info-div:after,#main .main-content .col-md-3>.info-div:before{content:"";display:table}#main .main-content .col-md-3>.info-div:after{clear:both}@media only screen and (min-width: 992px) and (max-width: 1200px){#main .main-content{overflow:hidden}}@media only screen and (min-width: 769px) and (max-width: 991px){#main{padding-bottom:0}}@media only screen and (max-width: 768px){#main{padding-bottom:0}#main .main-content .col-md-9,#main .main-content .col-md-3,#main .bottom .col-md-9,#main .bottom .col-md-3{display:block;width:100%}#main .col-md-3{overflow:hidden}#main .col-md-3 .info-div{max-height:300px;margin-top:0;padding-bottom:20px}#main .col-md-3 .chat-list{max-height:300px;min-height:300px;overflow-y:scroll}}.container{padding:0px}.container header.live-info,.container header.live-title{overflow:hidden}.container header.live-title{display:none;height:70px;padding:0 4px;text-shadow:0 0 4px #faf8e8,0 0 4px #faf8e8,0 0 4px #faf8e8,0 0 10px #faf8e8}.container header.live-title h1{font-size:2.5em;line-height:1.75em}.container header.live-title h2{font-size:1.25em}.container header.live-info{padding:2px 8px 2px 5px;font-size:0.8em;text-align:center}.container header.live-info .user-btn,.container header.live-info .comment-btn,.container header.live-info .logout{padding:1px 0}.container header.live-info .logout{cursor:pointer;display:none}.container header.live-info .logout.show{display:inline-block}.container header.live-info .user-btn{float:left}.container header.live-info .comment-btn{float:right}.container .banner a{display:block}.container .banner a img{width:100%}.container .info-div,.container .login-form{display:none;top:0;left:0;z-index:101;width:100%;text-align:center}.container .info-div h2{font-size:2.5em;font-weight:bold}.container .info-div h2 span{font-size:0.8em;line-height:12px !important}.container .info-div h3{font-size:1.25em;line-height:1.5em;font-weight:normal;margin:10px auto}.container .info-div .countdown{text-align:center;font-family:'Roboto', sans-serif;font-weight:100;padding:10px 0}.container .info-div .countdown>span{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1}.container .info-div .countdown>span span{display:block;font-size:1em;color:#888}.container .info-div .countdown>span span:nth-of-type(2){font-size:52px;letter-spacing:-.06em;color:#faf8e8;padding:10px 0}.container .info-div .countdown>span span:nth-of-type(2):after{content:":";padding-left:2px}.container .info-div .countdown>span:nth-of-type(1) span:nth-of-type(2):after{content:"-"}.container .info-div .countdown>span:nth-of-type(4) span:nth-of-type(2):after{content:""}.container .info-div p{margin:15px auto;text-align:left}.container .info-div .social-group{margin:10px auto}.container .info-div .social-group li{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;width:40px;height:40px;line-height:40px;color:#d9d2c0;font-size:1.25em;text-align:center;margin:2px;cursor:pointer;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}.container .info-div .social-group li a{display:block;color:#fff;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.container .info-div .social-group li a:hover{color:#fff;background:transparent}.container .info-div .social-group li.fb{background-color:#3b5998}.container .info-div .social-group li.twitter{background-color:#55acee}.container .info-div .social-group li.google-plus{background-color:#dc4e41}.container .info-div .social-group li.weibo{background-color:#d52b2b}.container .login-form{position:absolute;top:0px;left:0px;background:rgba(102,102,102,0.9);height:100%;z-index:102}.container .login-form .login-form-inner{width:100%;margin-top:42%;padding:20px;font-size:1.125em}.container .login-form .login-form-inner .fb-login-btn{display:inline-block;margin-top:10px;background:#3b5998;color:#fff;padding:8px 15px;margin:10px auto;width:90%;line-height:30px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px}.container .comment{position:relative;height:auto;overflow:hidden;display:none}.container .chat-list{overflow-y:scroll;clear:both}.container .show-more{display:none;opacity:0;-moz-transition:opacity,ease-in 0.5s;-o-transition:opacity,ease-in 0.5s;-webkit-transition:opacity,ease-in 0.5s;transition:opacity,ease-in 0.5s;position:absolute;height:45px;line-height:45px;background:#ff6565;color:#fff;border:none;z-index:10;box-shadow:0px 0px 5px 0px #ff6565;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.container .show-more.show{display:block;opacity:1}.container .chat{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #888;padding:10px;cursor:pointer}.container .chat.highlight{color:#fff;background:#faf8e8}.container .chat.mention{background:rgba(85,85,85,0.7)}.container .chat.announce{position:absolute;top:30px;width:100%;z-index:99;background-color:transparent;background-color:rgba(85,85,85,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6555555,endColorstr=#E6555555);zoom:1;color:#fff}.container .chat header .avatars{width:30px;height:30px;background:#d9d2c0;overflow:hidden}.container .chat header .author{width:80%;font-size:1.125em;line-height:30px;font-weight:bold;cursor:pointer}.container .chat header .author:hover{text-decoration:underline}.container .chat header .avatars,.container .chat header .author{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;vertical-align:top}.container .chat .post-at{display:block;width:100%;text-align:right;color:#888;font-size:0.9em;line-height:1em}.container .chat .content{padding:6px 0;font-size:1em;text-align:justify;word-wrap:break-word;word-break:break-all}.container .chat .content img{width:90%;margin-left:5%}.container .chat .content a{color:#ff6565}.container .chat .content a:hover{color:#ff6565;text-decoration:underline}.container .add-chat{display:none}.container .add-chat.show{display:block}.container .add-chat .fa{font-size:1.125em;padding-right:0px}.container .add-chat .upload-btn,.container .add-chat .emoji-btn,.container .add-chat .add-chat-btn{cursor:pointer}.container .add-chat #add-photo-file{display:none}@media only screen and (min-width: 1200px){.container .info-div h2{font-size:1.75em;line-height:1.5em}.container .info-div h3{font-size:1.25em;line-height:1.5em;font-weight:normal;margin:10px auto}.container .info-div .countdown>span span:nth-of-type(2){font-size:40px}.container .info-div p{margin:12px auto}.container .main-content{max-height:650px}.container .chat-list{max-height:400px;min-height:400px;padding-bottom:33px}}@media only screen and (min-width: 1440px){.container .main-content{max-height:750px}.container .chat-list{max-height:510px;min-height:510px;padding-bottom:33px}}@media only screen and (min-width: 992px) and (max-width: 1200px){.container .main-content{max-height:526px}.container .chat-list{padding-bottom:33px;max-height:342px;min-height:342px}.container .info-div{padding-top:10px}.container .info-div h2{font-size:1.5em}.container .info-div .countdown{padding:0}.container .info-div .countdown>span span:nth-of-type(2){font-size:30px}.container .info-div p{margin:0}}@media only screen and (min-width: 769px) and (max-width: 991px){.container .chat-list{padding-bottom:33px;max-height:400px;min-height:400px}.container .login-form .login-form-inner{font-size:1em}.container header h1{font-size:1.75em}.container .info-div h2{font-size:1.5em}.container .info-div .countdown{padding:0}.container .info-div .countdown>span span:nth-of-type(2){font-size:30px}.container .info-div p{margin:0}}@media only screen and (max-width: 768px){.container .chat-list{padding-bottom:33px;max-height:300px;min-height:300px}.container .chat-list .chat{position:relative}.container .chat-list .chat.announce{top:34px}.container .chat-list .chat .content{padding:0 30px 0 40px}.container .sider{height:100%}.container .comment{height:100%}.container header.live-info,.container header.live-title{height:auto;padding-top:0}.container header.live-title h1{font-size:1.5em}.container header.live-title h2{margin:10px auto;font-size:1em}.container .login-form{padding-top:20px}.container .login-form .login-form-inner{margin-top:0}.container .info-div{padding-top:10px;padding-bottom:7%;height:100%}.container .info-div section{margin:6px auto}}@media only screen and (max-width: 480px){.container .chat-list{padding-bottom:33px;max-height:300px;min-height:300px}.container .chat-list .chat{padding:4px;font-size:0.9em !important;line-height:1.25em}.container header{padding:0 5px !important}.container header h1{font-size:1.5em;margin:10px;color:#d9d2c0}.container header p{margin:0 5px}}@media only screen and (max-width: 320px){.container header h1{font-size:1.25em}.container .info-div h2{font-size:1.5em;margin:0 auto}.container .info-div h3,.container .info-div p{margin:0 auto}.container .info-div .countdown>span span:nth-of-type(2){font-size:30px}.container .chat-list{padding-bottom:33px}}.link-group h2,.cast-list h2,.article h2{text-align:center;color:#1d1d1d;font-weight:bold;font-size:2.5em;line-height:2em}.link-group,.cast-list{padding:2% 5%;color:#646464;background-color:#fff}.link-group a,.cast-list a{color:#faf8e8}.link-group ul,.cast-list ul{text-align:center;margin:10px 0}.link-group ul li,.cast-list ul li{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;margin:4px}.link-group{border-bottom:1px solid #4ebc85}.link-group ul li a{-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;line-height:20px;padding:6px;width:130px;font-size:1.125em;background:#e0e0e0;color:#666;display:block}.link-group ul li a:hover{background-color:transparent;background-color:rgba(224,224,224,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE0E0E0,endColorstr=#CCE0E0E0);zoom:1}.cast-list h3{font-size:1.5em}.cast-list h4{font-size:1em}.cast-list ul li{width:200px;margin:10px 20px}.cast-list ul li img{box-shadow:0 5px 0 rgba(102,102,102,0.8);margin-bottom:15px}.cast-list ul li a{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;line-height:40px;padding:0 20px;font-size:1.25em;background:#d34f42;color:#fff;display:block}.cast-list ul li a:hover{background-color:transparent;background-color:rgba(211,79,66,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCD34F42,endColorstr=#CCD34F42);zoom:1}.partner{padding:15px 5% 0 5%;background:#999;text-align:center}.partner h6,.partner ul{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;vertical-align:top}.partner h6{font-size:1em;line-height:70px;height:70px}.partner h6.live{margin-left:15px}.partner ul li{line-height:70px;display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;margin:0 4px;vertical-align:middle}.partner ul li img{display:inline}@media only screen and (max-width: 767px){.partner h6,.partner ul{display:block;line-height:normal;height:auto;text-align:center}.partner ul li{width:40%}}.article{padding:5% 7%;color:#646464;background-color:#fff;border-bottom:1px solid #4ebc85}.article a{color:#faf8e8}.article p{line-height:2em}.container .info-div .social-group li{width:auto;padding:0 18px}.hide-countdown{display:none}.review{padding:2% 7%;background:#cccec5}.review h2{line-height:1.75em}.review p{line-height:2em;margin-bottom:20px}.review h4{color:#9e103c;font-size:1.5em;line-height:1.5em;margin-top:30px}.review img{padding:6px 10px;float:right;width:50%}.review img.img-left{float:left}@media only screen and (max-width: 768px){.review img{padding:6px 10px;float:none;width:100%}}