@charset "utf-8";

body{background:#132633 url(../images/bg_top.png) left top repeat-x;}

/* header */
.header{height:55px; z-index:3; overflow:hidden; position:relative; z-index:2; width:1260px;margin:0 auto; }
.header .top_logo{display:block; width:147px; height:0px; padding-top:30px; background:url(../images/img_logo.png) left -61px no-repeat; overflow:hidden; position:absolute; top:9px; left:21px;}
.header .top_logo_admin{display:block; width:200px; height:30px; padding-top:0px; font-size:24px; font-weight:bold; color:#eee; position:absolute; top:11px; left:15px;}
.header .top_nav{width:670px; height:50px; overflow:hidden; position:absolute; top:0; left:245px;}
.header .top_nav li{float:left; margin-right:1px;}
.header .top_nav li a{display:block; height:50px; line-height:50px; padding:0 20px; position:relative; z-index:1; color:#999; font-weight:bold; text-shadow:0 0 3 #000000;}
.header .top_nav li a:hover{text-decoration:none; color:#d6d6d6;}
.header .top_nav .active a{border:0; border-bottom:1px solid #099dbd; z-index:2; color:#d6d6d6;}
.header .side_menu{height:34px; background:url(../images/my_info_mid.png) left top repeat-x; float:right; margin-right:20px;}
.header .side_menu a{color:#fffeb5; display:inline-block; font-size:0.9em; line-height:35px;}
.header .side_menu a:hover{text-decoration:none;}
.header .side_menu .first{background:url(../images/my_info_left.png) left top no-repeat; position:relative; left:-3px; padding:0 16px 0 22px;}
.header .side_menu .last{background:url(../images/my_info_right.png) right top no-repeat; position:relative; right:-3px; padding:0 20px;}
.header .side_menu .bar{display:inline-block; background:url(../images/my_info_bar.gif) left top no-repeat; width:2px; height:11px; position:relative; top:2px;}

/* footer */
.footer{width:1260px; margin:0 auto; height:70px; background:#132633; position:relative;}
.footer footer{width:927px; margin:0 auto; padding-top:20px; padding-left:333px;}
.footer footer .footer_logo{display:inline-block; width:148px; height:0; padding-top:31px; background:url(../images/img_logo.png) left -30px no-repeat; overflow:hidden;}
.footer footer address{display:inline-block; position:relative; top:-7px; left:9px; color:#666;}
.select_lang_box{position:absolute; top:28px; left:50%; margin-left:250px;}
.selected_lang{display:inline-block; position:relative; cursor:pointer; font-weight:bold; color:#fff; width:80px; padding:3px 10px 0 10px; line-height:23px; background:#1a1a1a; -webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;}
.selected_lang:after{display:block; content:''; width:13px; height:13px; background:url(../images/img_icon.png) -211px top no-repeat; position:absolute; top:7px; right:10px;}
.selected_lang.active:after{background-position:-197px top;}
.select_lang_box .select_lang{display:none; width:100px; position:absolute; bottom:25px; left:0; z-index:999; background:#1a1a1a; padding-top:5px;
-webkit-border-top-left-radius:0.3em; -webkit-border-top-right-radius:0.3em; -moz-border-radius-topleft:0.3em; -moz-border-radius-topright:0.3em; border-top-left-radius:0.3em; border-top-right-radius:0.3em;}
.select_lang_box .select_lang a{color:#a9a9a9; display:block; padding:0 10px; line-height:22px;}
.select_lang_box .select_lang a:hover{color:#00f0ff; text-decoration:none;}

/* admin */
.admin_bg, .admin_bg .footer{background:#172f2d;}
.admin_bg .container_wrap{background:#fff url(../images/bg_left_admin.gif) left top repeat-y;}
.admin_bg .menu_container ul{border-top:1px solid #38615f;}
.admin_bg .menu_container ul li a{width:157px;}
.admin_bg .menu_container ul li a:hover, .admin_bg .menu_container ul li .active{color:#7befbd; background:#112b27;
-moz-box-shadow:inset 0px 1px 0px 0px #0e2321, 0 1px 0 #3e6560; -webkit-box-shadow:inset 0px 1px 0px 0px #0e2321, 0 1px 0 #3e6560; box-shadow:inset 0px 1px 0px 0px #0e2321, 0 1px 0 #3e6560;
}

/* contents */
.container_wrap{width:1260px; margin:0 auto; background:#fff url(../images/bg_left.gif) left top repeat-y; overflow:hidden; position:relative; z-index:1; margin-top:-5px; min-height:600px;}
.package_page{padding:30px 40px 100px 40px; width:1180px; margin:0 auto; background:#fff; overflow:hidden; position:relative; z-index:1; margin-top:-5px; min-height:600px;}
.container_wrap .menu_container{width:224px; z-index:3; float:left; padding-bottom:100px;}
.menu_container h3{margin:35px 10px 0 20px; height:24px; line-height:24px; color:#fff; font-weight:bold; font-size:1em; position:relative; border-bottom:1px solid #000000; padding-left:10px;}
.menu_container ul{border-top:1px solid #314f68; margin:0 10px 0 20px; padding:4px 0 0 23px;}
.admin_menu_container ul{padding-left:10px;}
.menu_container ul ul{border-top:0; padding:0;}
.menu_container ul li{position:relative; margin-bottom:2px;}
.menu_container ul li a{width:145px; height:24px; line-height:25px; display:block; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 13px; color:#97abc1; text-shadow:0 0 3px #000;}
.menu_container ul li a:hover, .menu_container ul li .active{text-decoration:none; color:#00f0ff;
border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em;
background:#0d2330;
-moz-box-shadow:inset 0px 1px 0px 0px #0b1c27, 0 1px 0 #375468; -webkit-box-shadow:inset 0px 1px 0px 0px #0b1c27, 0 1px 0 #375468; box-shadow:inset 0px 1px 0px 0px #0b1c27, 0 1px 0 #375468;
}
.menu_container ul li ul{margin-bottom:15px;}
.menu_container ul li li a{color:#cdd7e3; height:22px; line-height:22px; text-shadow:none; padding:0;}
.menu_container ul li li a:before{display:inline-block; content:''; width:5px; height:5px; overflow:hidden; background:url(../images/img_icon.png) -155px -9px no-repeat; position:relative; top:-2px; margin-right:5px;}
.menu_container ul li li a:hover, .menu_container ul li li .active{text-decoration:underline; background:none; color:#cdd7e3;
-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.container_wrap .content_container{width:996px; float:right; padding-right:20px; padding-bottom:100px; position:relative;}
.content_container h1{padding:30px 0 17px 0; font-size:1.2em; color:#696969; line-height:1.5em; margin-bottom:10px;}
.package_page h1, .layer_wrap h1{font-size:1.2em; color:#696969;}
.content_container h1 .title_icon, .package_page h1 .title_icon, .layer_wrap h1 .title_icon{display:inline-block; width:4px; height:13px; background:#8ccdf1; position:relative; top:1px; margin-right:10px;}
.content_container h1.title_right_mg{display:block; margin-right:200px;}
.content_container h2{font-size:14px; color:#686868; border-bottom:2px solid #5ebbee; padding-bottom:5px; margin:30px 0 10px 0;}
.con_info_list_title{border-top:1px solid #e7e7e7; border-bottom:2px solid #5ebbee; margin-bottom:1px; height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#696969; margin-top:35px;
background-color:#f4f4f4;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #d4d4d4) );
background:-moz-linear-gradient( center top, #f4f4f4 5%, #d4d4d4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d4d4d4');
}
.list_sorting{width:550px; height:25px; position:absolute; right:18px; text-align:right; margin-top:-35px;}
.package_page .list_sorting{top:0px; right:0px; margin-top:0;}
.movie_play_list{position:relative; border:1px solid #d8d8d8; margin-top:40px;}
.movie_play_list .list_sorting{top:70px; right:0;}
.movie_play_list h1{background:#e9e9e9; line-height:54px; padding:0 55px; color:#333;}
.movie_play_list .icon_movie{display:inline-block; width:26px; height:18px; background-position:-127px -125px; position:absolute; top:17px; left:19px;}
.movie_play_list h1 .ex{color:#666; font-size:12px; font-weight:normal; padding-left:10px;}
.movie_play_list .con{border-top:1px solid #fff; padding:50px 20px;
-moz-box-shadow:inset 0px 1px 10px 0px #dddddd; -webkit-box-shadow:inset 0px 1px 10px 0px #dddddd; box-shadow:inset 0px 1px 10px 0px #dddddd;
}
.main_wrap{width:100%; height:100%; position:relative;
background-color:#ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ffffff 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf');
}
.main_wrap h1{width:240px;height:0;padding-top:54px;background:url(../images/img_logo.png) left -123px no-repeat; overflow:hidden; margin:0 auto 30px auto;}
.main_wrap .browser_ch{width:150px;height:0;padding-top:30px;background:url(../images/img_logo.png) left top no-repeat; overflow:hidden; margin:0 auto 30px auto;}
.admin_login h1{width:400px; background:none; height:54px; padding-top:0; line-height:54px; text-align:center; font-size:28px; font-weight:bold; color:#444;}
.main_inner_box{width:450px; height:535px; position:absolute; top:50%; left:50%; margin-top:-275px; margin-left:-225px;}
.main_box_style{width:360px; padding:30px 45px; position:relative; border:1px solid #dcdcdc; -moz-box-shadow:0px 1px 0px #b4b4b4; -webkit-box-shadow:0px 1px 0px #b4b4b4; box-shadow:0px 1px 0px #b4b4b4; background:#f4f4f4;}
.btn_favorit{border:1px solid #dddddd; border-top:1px solid #f2f2f2; border-radius:0; -moz-border-radius:0 0 0.3em 0.3em; -webkit-border-radius:0 0 0.3em 0.3em; padding:6px 7px 7px 7px; background:#f9f9f9; color:#7e7e7e; font-size:11px; position:absolute; top:0; right:5px;}
.btn_favorit .icon_favorit{width:14px; height:12px; background-position:-197px -14px; top:1px;}
.main_box_style h2{color:#7e7e7e; font:normal 24px Tahoma; border-bottom:1px solid #e1e1e1; box-shadow:0 1px 0 #fff; padding-bottom:10px; margin-bottom:10px;}
.main_box_style h2 .icon_login{width:26px; height:20px; background-position:-170px top; top:4px;}
.main_box_style .login_errer_text{background:#ffe5ce; border:1px solid #ec7e1e; padding:8px 15px; color:#696969; margin-bottom:20px;}
.main_box_style .login_errer_text em{font-weight:bold;}
.main_box_style .service_stop_text{text-align:center; font-size:14px; line-height:18px; padding:30px 0;}
.main_box_style .service_stop_text em{color:#1a76a9;}
.login_id_box{font:italic 80px Arial; color:#c5c5c5; display:block; position:absolute; bottom:10px; right:10px;}
.main_wrap .main_btn{margin-top:15px; text-align:right;}
.main_wrap .login_ul label{display:block; font-size:14px; color:#7e7e7e; font-weight:bold;}
.main_wrap .login_ul label .icon{width:8px; height:11px; background-position:-251px -64px; position:relative; top:1px; margin-right:5px;}
.main_wrap .login_ul .input_text{border:1px solid #999; background:#fff; width:340px; font-size:14px; padding:10px; margin:10px 0 20px;}
.main_wrap .login_ul .check_remember{margin-top:-10px;}
.main_wrap .login_ul .login_pw_check{display:inline; vertical-align:middle; font-size:12px; font-weight:normal;}
.main_wrap .main_footer{position:relative; left:0; top:0px; text-align:center; width:450px; height:60px;}
.main_wrap .main_footer .select_language{overflow:hidden; margin:0 auto; width:165px;}
.main_wrap .main_footer .select_language li{float:left;}
.main_wrap .main_footer .select_language li:before{display:inline-block; content:''; width:1px; height:11px; background:#666; position:relative; top:1px;}
.main_wrap .main_footer .select_language li:first-child:before{display:none;}
.main_wrap .main_footer .select_language li a{display:inline-block; padding:15px; color:#666;}
.main_wrap .main_footer address{color:#7e7e7e;}

.list_option{height:27px; line-height:27px; margin-bottom:1px; padding:10px 18px; color:#696969; position:relative; border-top:1px solid #d4d4d4; border-bottom:1px solid #b7b7b7;
-moz-box-shadow:inset 0px 1px 0px 0px #fdfdfd; -webkit-box-shadow:inset 0px 1px 0px 0px #fdfdfd; box-shadow:inset 0px 1px 0px 0px #fdfdfd;
background-color:#f4f4f4;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #d1d1d1) );
background:-moz-linear-gradient( center top, #f4f4f4 5%, #d1d1d1 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#d1d1d1');
}
.list_option .mr{margin-right:25px;}
.list_option .right_option{text-align:right; width:450px; position:absolute; right:15px; top:10px;}
.list_option .btn_exl_down{position:absolute; top:10px; right:20px;}
.package_page .list_option{margin-top:20px;}
.date_pick{display:inline-block; padding-right:15px;}
.date_pick label{font-weight:bold; display:inline-block; padding-right:10px;}
.r_text{display:block; position:absolute; right:205px; top:11px; text-align:right;}
.preview_player{position:absolute; top:63px; left:0;}
.package_page .preview_player{top:167px; left:50px}
.home_list{margin-bottom:100px;}
.home_list_box{border:1px solid #d3d3d3; background:#f8f7f5; padding:5px; margin:15px 15px 0 15px; width:860px;}
.home_list_box .inner_bg{background:#fcfcfc; padding:0 0 45px 0;}
.home_list_box .inner_box{border-bottom:1px solid #efefed; padding:15px 5px 10px 325px; min-height:125px; position:relative;}
.home_list_box .inner_box_s{min-height:86px;}
.home_list_box .inner_box img{display:block; position:absolute; top:5px; left:5px;}
.home_list_box .inner_box .btn_style{text-align:center; position:absolute; right:0; bottom:-43px; width:150px;}
.home_list_box .inner_box h2{color:#646464; font-size:1.2em; margin-bottom:20px;}
.home_list_box .inner_box li{margin-bottom:10px; color:#646464;}
.account_notice_text{padding:25px 0; font-size:1.2em; line-height:2.5em; font-weight:bold; color:#646464;}
.account_notice_text strong{color:#ff0000;}
.btn_payment{text-align:right;}
.btn_payment .btn_style{width:170px; text-align:center;}

.chart_wrap{overflow:hidden; width:1000px; margin:30px auto; position:relative; z-index:1;}
.chart_wrap .chart_left{width:469px;float:left;padding:0 15px; position:relative; border-right:1px solid #ccc;}
.chart_wrap .chart_right{width:470px;float:right;padding:0 15px; position:relative;}
.chart_wrap .select_style{position:absolute; top:0; right:30px; z-index:2;}

.load_video_wrap{overflow:hidden;}
.load_video_wrap .load_folder_list .load_folder_btn{padding:10px; text-align:center;}
.load_video_wrap .load_folder_list .load_folder_btn button{width:100%;}
.load_video_wrap .load_folder_list .load_folder_btn button .icon{right:7px;}
.load_video_wrap .load_folder_list{float:left; width:198px; height:648px; overflow:auto; margin-right:10px; border:1px solid #8d8d8d;}
.load_video_wrap .load_folder_list h6{padding:0 10px; line-height:36px; margin:0; border-bottom:1px solid #aebcc7; background:#1b3648; color:#fff; font-size:1.2em;}
.load_video_wrap .load_folder_list h6 .icon_movie_archaive{width:13px; height:10px; background-position:-162px -130px;}
.load_video_wrap .load_folder_list ul{border-top:1px solid #e3e3e3;}
.load_video_wrap .load_folder_list li{border-bottom:1px solid #e3e3e3; position:relative;}
.load_video_wrap .load_folder_list li a{display:block; height:30px; line-height:30px; padding:0 10px 0 30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.load_video_wrap .load_folder_list li a:hover{background:#e9e9e9; text-decoration:none;}
.load_video_wrap .load_folder_list li .icon_folder{display:block; width:13px; height:10px; background-position:-148px -130px; position:absolute; top:9px; left:10px;}
.load_video_wrap .load_folder_list .active a{background:#e9e9e9; color:#6686a1; font-weight:bold;}
.load_video_wrap .folder_info{float:left; width:674px; height:650px; overflow:auto; padding:0 10px;}
.load_video_wrap .folder_info h5{font-size:14px; margin-bottom:10px; color:#696969;}
.load_video_wrap .folder_info h5 .title_icon{display:inline-block; width:4px; height:13px; background:#8ccdf1; position:relative; top:1px; margin-right:10px;}
.load_video_wrap .folder_info .list_sorting{text-align:right; position:relative; top:0; right:0; width:100%; margin-bottom:10px; margin-top:0;}
.load_video_wrap .folder_info .list_sorting .search_box .btn_style{margin-right:0;}
.load_video_wrap .folder_info .list_option{height:27px; line-height:27px; margin-bottom:1px; padding:10px 18px; color:#696969; position:relative; border-top:1px solid #d4d4d4; border-bottom:1px solid #b7b7b7;
-moz-box-shadow:inset 0px 1px 0px 0px #fdfdfd; -webkit-box-shadow:inset 0px 1px 0px 0px #fdfdfd; box-shadow:inset 0px 1px 0px 0px #fdfdfd;
background-color:#f3fbfe;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f3fbfe), color-stop(1, #dae4e9) );
background:-moz-linear-gradient( center top, #f3fbfe 5%, #dae4e9 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3fbfe', endColorstr='#dae4e9');
}
.load_video_wrap .btn_reload{position:absolute; top:12px; right:15px;}
.load_video_wrap .folder_info .select_page_text{top:50px;}

.publish_default_info{background:#f0f0f0; border:1px solid #ddd; position:relative; overflow:hidden; padding:15px;}
.publish_default_info .preview_player {width: 350px;float: left;position: relative;top: 0;left: 0;}
.publish_default_info .preview_player .icon_play{display:block; width:50px; height:0px; padding-top:50px; overflow:hidden; line-height:30px; background:url(../images/icon_play.png) left top no-repeat; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px;}
.publish_default_info .qr_box{width:195px; height:195px; border:1px solid #bebebe; border-left:0; text-align:center; background:#fff; float:left; margin-right:20px; overflow:hidden;}
.publish_default_info .identity_box{width:280px; float:left;}
.publish_default_info .identity_box li{padding-left:100px;}
.pack_play_list .re_encoding{width:160px;}

.video_default_info{overflow:hidden; position:relative;}
.video_default_info .preview_player{position:relative; top:0; left:0; float:left; width:550px; height:338px; margin-bottom:20px; background:#000;}
.video_default_info .info_text_box{position:absolute; top:50%; left:20px; width:480px; margin-top:-48px; text-align:center;}
.video_default_info .identity_box{float:right; width:330px;}

.watermark_img {position:relative;}
.watermark_bg { position:absolute; top:-2px; left:22px; z-index:10; background:url(../images/watermark_bg.jpg) left top repeat; padding:7px; border:1px solid #ccc;}