@charset utf-8;
body{background:url(../images/bgr.jpg) fixed;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#fff;margin:0;padding:0}
#pwr{width:960px;margin:auto}
#header{background:url(../images/bgr_head.jpg);position:relative;width:100%}
.logo{position:relative;width:100%;height:150px}
.logo .logo-img{float:left;margin-left:45px;margin-top:12px}
.logo .logolink{display:block;height:140px;width:490px}
.search{position:absolute;right:10px;top:0}
.search ul{background:url(../images/bgr_user.jpg);height:29px;border:solid 1px #000;padding:0 10px 5px}
.search ul li{float:left;font-weight:700;color:#c6c6c6;margin:10px 4px}
.search ul li a:hover{text-decoration:underline}
.search ul .hello{width:70px;float:left}
.search ul .uname{display:inline-block;float:left;max-width:200px;overflow:hidden}
.searchtxt{background:url(../images/divsearch.jpg);height:38px;width:446px;position:absolute;right:0;top:80px}
.btt-search{position:absolute;top:1px;right:1px;z-index:1;width:42px;height:36px}
.menu{background:url(../images/menu-bgr.jpg) repeat-x;height:48px;margin:0}
.menu ul li{float:left;font-weight:700;margin:13px 20px 0}
.menu ul li.active{background:url(../images/nav-bg.png) repeat-x left top;height:35px;margin:0;padding:13px 20px 0}
.menu ul li.line{width:2px;height:48px;background:url(../images/line-menu.jpg) no-repeat;margin:0}
.banner{background:url(../images/bgr_slide.jpg);display:inline-block;position:relative;width:100%;padding-bottom:25px}
.slides{float:left;width:640px;font-weight:700;font-size:18px;margin:25px 0 0 15px}
.slides ul li{float:left;border:solid 5px #7f7f7f;margin-top:20px}
.slides ul li.center{margin-left:28px;margin-right:28px}
.slides ul li.bt-slide{border:none;margin:110px 2px 0}
.mem-grid{float:left;width:278px;font-family:Segoe UI, Tahoma;font-weight:700;margin-left:15px;margin-top:20px}
#content{background-color:#ececec;position:relative;width:100%;display:block;padding-bottom:15px;margin:0 auto}
.cont-detail{margin-top:13px;float:left;width:670px}
.div-left{width:630px;position:relative;display:inline-block;margin:0 20px 0 15px}
.left-table th,.mysub-table th{color:#353535;font-weight:700;padding-bottom:5px;padding-top:20px}
.mysub-table th{padding-left:0}
.mysub-table ul li{float:left;background:#4e4e4e;text-align:center;vertical-align:middle;padding-top:5px;width:25px;height:20px;margin:1px}
.mysub-table ul li:hover{background:#A7B723}
.mysub-table th.th1{width:150px;padding-left:0}
.mysub-table,.mysub-allsub{position:relative;margin-bottom:20px;z-index:10}
.mysub-allsub{margin:20px 0}
.mysub-table img.editpen{border:none;margin:-2px 0 0}
.left-table{margin-bottom:20px}
.left-table tr,.mysub-table tr{border-bottom:solid 1px #cfcfcf}
.left-table td,.mysub-table td{vertical-align:middle;padding:13px 0}
.left-table .td3 a{color:#1987f5;font-weight:700;font-size:11px}
.left-table .td3 a:hover{color:#678E1C}
.left-table tr:hover td{background:#f1f1f1}
.mysub-table td.td1{width:400px;word-wrap:break-word}
.mysub-table td.td2{color:#858585;padding-left:20px;width:120px}
.left-table a:hover,.mysub-table a:hover{color:#BACC30}
.mysub-table td.td3{width:100px;color:#858585;padding-left:10px}
.dl-add-film dl{float:left;width:420px}
.dl-add-film dt{float:left;color:#666;font-weight:700;width:100px;height:40px;margin-top:9px}
.dl-add-film dd{min-height:50px}
.td1{width:420px}
.td6{width:570px}
.td4{color:#5e821b;width:190px}
.td1 a,.td6 a{color:#353535}
.td2{color:#858585;padding-left:20px;width:90px}
.mysub-table td.td6{color:#858585;padding-left:5px;width:100px}
.left-table td.td3,.mysub-table td.td5{text-align:right;width:100px;padding-bottom:11px}
.mysub-table td.td5{width:150px}
.left-table td.ttitle,.mysub-table td.ttitle{color:#678e1c;font-size:18px;font-family:Segoe UI, Tahoma;font-weight:700;padding-bottom:2px;padding-top:0;max-width:620px;position:relative}
.left-table td.ttitle span,.mysub-table td.ttitle span{position:absolute;left:112px;top:0;display:block;width:81.5%;overflow:hidden}
.left-table img,.mysub-table img{margin:0 8px 0 6px}
.trangtri{position:absolute;top:33px;right:-5px;z-index:1}
ul.sortby,dl.sortby,ul.sortby1{position:relative;display:inline-block;width:100%}
dl.sortby{clear:both;z-index:9;margin:20px 0 0}
.sortby li,.sortby1 li{float:left;background:url(../images/gray.png) repeat-x;text-align:center;height:22px;border:solid 1px #4e4e4e;font-weight:700;padding:10px 10px 0}
.sortby1 li{padding:10px 25px 0}
.sortby li.choose1,.sortby1 li.choose1{background:url(../images/green.png) repeat-x;border:1px solid #8ea005}
.sortby dt{float:left;font-weight:700;color:#666;margin-top:9px;height:30px;margin-left:15px}
.sortbykt{float:left;font-weight:700;color:#666;display:inline-block;position:relative;padding:4px 5px}
.sortby dd{float:left;margin-left:18px}
.bbt-val{background-color:#202020;color:#fff;font-family:Tahoma;font-size:12px;padding:6px 20px}
.bbt-val:hover{background-color:#BACC30;cursor:pointer}
.div-right{width:280px;float:right;position:relative;padding-bottom:0;margin:15px 10px 0 0}
.div-right ul{margin-left:15px;margin-right:15px}
.div-right ul li{font-family:Segoe UI, Tahoma;line-height:18px;border-bottom:solid 1px #3c3c3c;position:relative}
.div-right ul li div{display:inline-block;position:relative;width:264px;margin:11px 0}
.div-right ul li div.viewall{position:absolute;top:-4px;right:10px;z-index:2;width:inherit}
.div-right ul li div.viewall a{font-size:12px}
.div-right ul li img{float:left;margin:5px 10px 0 0}
.div-right ul li a{color:#bacc30;font-size:14px}
.static{background:#00A651;height:93px;width:590px;margin-left:15px;position:relative;display:inline-block;margin-bottom:20px;font-family:Segoe UI;padding:10px 0 10px 20px}
.static ul li{font-weight:700;list-style:url(../images/li_white.jpg);margin:0 0 7px 40px}
.info-detail{color:#535353;width:100%;margin-top:15px}
.info-detail tr{height:27px;border-bottom:1px solid silver}
.board{background-color:#242226;border:solid 1px #b8b8b8;position:relative;display:inline-block;width:620px;padding:20px 10px 15px}
.info{margin-left:10px;width:490px;position:relative;display:inline-block}
.star-rate{position:absolute;top:19px;left:17px;z-index:4;color:#000;font-weight:700}
.imdb-sta{position:absolute;z-index:6;bottom:30px;right:0}
.imdb-btt{position:absolute;z-index:7;top:0;left:3px}
.rate-imdb{position:absolute;z-index:7;right:15px;bottom:45px;color:#000;font-weight:700}
.rate-imdb span{display:inline-block;position:relative;margin-right:40px}
.action-sub{clear:both}
.action-sub ul{margin:15px 0 0 15px}
ul.lii{margin-left:140px;margin-top:15px;width:300px}
.action-sub ul li,.birthday ul li,ul.lii li{margin-bottom:8px;list-style:url(../images/li_green.jpg)}
ul.lii li{margin-bottom:2px}
.div-right div.birthday ul{margin-top:30px}
.div-right div.birthday ul li{margin-bottom:0;border-bottom:none;font-family:Segoe UI, Tahoma}
.div-right div.birthday ul li a{font-size:12px;font-weight:600}
.action-sub ul li img{margin:0 0 -5px 5px}
.action-sub a,.lii a{color:#c3d537}
.comments{clear:both;margin:25px 0 0}
.comments ul li{margin-bottom:18px;display:inline-block;position:relative}
.comments ul li i{background:url(../images/cmkt.jpg);width:30px;height:29px;position:absolute;overflow:hidden;top:10px;left:80px;z-index:2}
.txt-cm{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:solid 1px #ababab;width:479px;min-height:40px;background-color:#fff;line-height:18px;margin-left:30px;color:#464545;padding:10px 20px}
.who-post{clear:both;text-align:right;color:#a0a0a0;width:520px;font-size:11px;line-height:16px;margin:4px 0 0 25px}
.reply,.quote{position:absolute;top:0}
.reply{z-index:3;left:0}
.quote{z-index:4;left:26px}
.avarta{background:url(../images/bgr_avarta.png) no-repeat top;width:112px}
.send-comment{clear:both;margin-bottom:50px}
.hr1{border-bottom:1px dashed #c6c6c6;height:1px;border-left:none;border-right:none;margin-bottom:20px}
.hr2{border-bottom:1px solid #dbdbdb;height:1px;border-left:none;border-right:none;margin:10px 0 20px}
.page{float:right;margin-bottom:10px}
.page ul li{float:left;background:#678E1C;text-align:center;vertical-align:middle;width:25px;height:20px;margin:0 1px;padding:5px 0 0}
.page ul li.choose{font-weight:700;color:#BACC30}
.page ul li img{margin-top:-5px}
.page ul li a{color:#fff;display:block;width:100%;height:20px;padding-top:5px;margin-top:-5px;text-align:center;background:#4e4e4e}
.page ul li a:hover{background:#678E1C}
.editor{margin:5px 0}
.title1{color:#70acf6}
.birthday{font-family:Segoe UI, Tahoma;margin-top:10px;line-height:22px}
ul.nhandich{position:relative;display:inline-block;clear:both}
ul.nhandich li{width:100px;float:left;color:#666;text-align:center;margin:10px 26px 0 0;padding:0}
ul.nhandich li p{font-weight:400;text-align:center}
ul.nhandich li span.mauxanhla{color:#678e1c;display:inline-block;text-align:center;margin:4px 0}
ul.nhandich li a.mauxanh{color:#288edc;margin-bottom:5px;display:inline-block}
#footer{height:90px;background:url(../images/bgr_head.jpg);padding-left:2%;width:98%;clear:both;position:relative;margin:0 auto}
#footer .copyright{position:absolute;left:34px;top:56px}
.stylegree{color:#bacc30}
.stylegreen{color:#678e1c}
.font18{font-size:18px;font-family:Segoe UI, Tahoma}
.graytext{font-weight:700;color:#666}
.tk{background:url(../images/timkiem.jpg);width:164px;height:33px;cursor:pointer;color:#fff;margin-left:0;font-family:Tahoma;padding-bottom:3px;font-weight:700}
.tk:hover{background:#242226}
select.searchfilm{background-image:url(../images/cbb_search.jpg);background-position:center right;background-repeat:no-repeat;border:1px solid #3d3d3d;color:#b6b6b6;white-space:nowrap;height:36px;width:118px;font-weight:700;border-right:none;border-bottom:none;padding:10px 0 0}
.styled-select{width:110px;height:30px;overflow:hidden;background:url(../images/select.png) no-repeat right #b4b4b4;border:solid 1px #4e4e4e}
.styled-select select,.styled-search select{width:140px;color:#fff;-webkit-appearance:none;font-weight:700;vertical-align:top!important;text-align:left;line-height:20px;height:auto;background:transparent;font-family:Arial;padding:5px 0 5px 5px}
.styled-search select{color:#b6b6b6;font-weight:700}
.styled-select option{background-color:#b4b4b4;height:20px;border:0;margin:0}
.styled-search option{height:20px;border:0;background-color:#131313;margin:0}
.styled-search{width:110px;height:30px;overflow:hidden;font-family:Arial;position:relative;margin:5px 8px 5px 2px}
.styled-search .search-arrdown{background:url(../images/cbb_search.png) no-repeat left -4px;height:20px;width:18px;top:0;right:2px;position:absolute; pointer-events:none;}
input.searchphim{background-color:#131313;margin-left:34px;color:#b6b6b6;width:260px;font-weight:400;font-family:Tahoma;font-size:12px}
input.sub,input.addfilm,textarea.areastyle{background-color:#b4b4b4;color:#000;font-family:Arial, Helvetica, sans-serif;width:450px;border:solid 1px #4e4e4e;height:30px}
input.sub{height:31px;margin-right:5px}
input.addfilm{width:291px}
textarea.areastyle{height:85px;width:290px}
#button{height:32px;width:184px;position:absolute;top:30px;left:250px;z-index:15;margin:auto}
#button1{height:32px;width:184px;position:absolute;top:30px;left:334px;z-index:16;margin:auto}
.menu_class,.menu_class1{cursor:pointer}
ul.the_menu,ul.the_menu1{width:300px;border:1px solid #1c1c1c;background:url(../images/bgr_1.jpg);overflow:hidden;display:none;margin:7px 0 0 -19px}
.menu ul.the_menu li,.menu ul.the_menu1 li{clear:both;list-style:url(../images/li_green.jpg);margin:10px 0 0 26px}
ul.the_menu li a,ul.the_menu1 li a{color:#bacc30;text-decoration:none;display:block;padding:5px}
.the_menu li a:hover,.the_menu1 li a:hover{font-weight:700;color:#fff;padding:5px}
.notice{border:none;color:red;padding:10px 0}
.notice a{color:#514721}
.time_down{color:#353535;font-weight:700;width:150px}
.searchlabel{width:300px;overflow:hidden;padding:3px 5px}
.c_editor{border:1px solid #000;width:630px;margin:5px 0}
.c_textarea{border-top:1px solid #CCC;height:200px;width:630px}
.avatar_book i{background:url(../images/cmkt.jpg) repeat scroll 0 0 transparent;height:29px;left:80px;overflow:hidden;position:absolute;top:10px;width:30px;z-index:2}
.ff-table tr{border-bottom:none}
.stylegray{color:#4E4E4E}
.margin0{margin:0}
.magrinleft5{margin-left:5px}
ul.wrpkt{margin-left:20px;padding-bottom:0}
ul.wrpkt li{list-style:url(../images/li_bl.jpg)}
.wrewrap{white-space:pre-line;word-wrap:break-word}
blockquote.style1{background-image:url(../images/openquote1.gif);background-position:top left;background-repeat:no-repeat;text-indent:23px;color:#999;margin:5px;padding:8px}
blockquote.style1 span{display:block;background-image:url(../images/closequote1.gif);background-repeat:no-repeat;background-position:bottom right}
.rate{float:left;color:#fe4e00}
.ckkhiemthinh{float:left;margin-top:10px}
.editmysub1{float:left;width:65px;text-align:right}
.editmysub2{float:right;width:25px;text-align:right}
#subnavi1{margin-left:20px}
#subnavi2{margin-left:14px}
.giua{text-align:center}
.menu ul li a,.mysub-table ul li:hover a,.mysub-table ul li a,.sortby li a,.sortby1 li a,.stylewht{color:#fff}
.div-left,div-right,.comments ul li img,.comments ul li div,.left,.rate div{float:left}
.dl-add-film,.like,.dislike{position:relative;display:inline-block}
.div-right ul li a:hover,ul.lii li a:hover{color:#70ACF6}
@media only screen and (max-width: 768px) {
    .leftadv{display:none}
    #pwr{width:100%}
    .mem-grid{display:none}
    .hello{display:none}
    .cont-detail{width:100%; overflow-x:auto}
    .menu{display:none !important;}
    #header{padding-bottom:78px;}
    .search{right:0; width:100%}
    .searchtxt{width: 94%;right: 3%;top: 157px;}
    input.searchphim{width:49%}
    .logo .logo-img{height: 74px;margin-top: 64px;margin-left: 10px;}
    .logo .logolink{width:155px;}
    .static{width: 100%;margin: 20px 0 0;box-sizing: border-box;height: auto;}
    .slides{width:100%;margin: 0;padding: 25px 15px 0;box-sizing: border-box;}
    #slider-stage{width:176px !important}
    #sliderBloc a#next{margin-left:6px}
    .div-right{width: 100%;box-sizing: border-box;padding:0 10px; margin:0;}
    #sliderBloc{width: 240px !important;margin: 5px auto !important;}
    
}