@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: main.css
 * @Description : m Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */   


.main_con {}
.main_content { background-color:#eaeaea; padding:30px 0 40px;}

/* main_visual */
.main_visual { position:relative; width:1200px; margin:0 auto;}

/* today_movie */
.today_movie { position:relative; height:80px; overflow:hidden; padding:0 10px 0 95px;}
.today_movie .icon_title { position:absolute; left:5px; top:10px; width:75px;}
.today_movie .today { color:#000; font-size:20px; line-height:30px; padding-top:7px; letter-spacing:-0.05em;}
.today_movie .today strong { font-size:30px;}
.today_movie .today .clo_O { color:#ff6600;}
.today_movie .title { line-height:30px; font-size:16px; color:#333;}
.today_movie .title .on_air, .today_movie .title .off_air { display:inline-block; font-size:12px; line-height:14px; padding:2px 10px 4px; border-radius:3px; margin-right:15px; vertical-align: middle;}
.today_movie .title .on_air { color:#fff; background-color:#fc8024; }
.today_movie .title .off_air { color:#666; background-color:#eeee; border:1px #ccc solid; }

/* main movie */
.main_movie { width:840px; height:471px; position:relative; overflow:hidden;}
.main_movie img { width:100%;}
.main_movie .img_txt01, .main_movie .img_txt02 { position:absolute; left:50%;}
.main_movie .img_txt01 { width:440px; top:40px; margin-left:-220px;}
.main_movie .img_txt02 { width:176px; top:380px; margin-left:-88px;}

/* quick_channel */
.quick_channel { position:absolute; right:0px; top:80px; width:360px; height:340px; padding:15px 20px ; background:#2d7a9c url("../img/main/bg_channel.png") no-repeat right bottom;}
.quick_channel .title { color:#fff; font-size:22px; height:65px; border-bottom:1px #afbacd dashed; letter-spacing:-0.05em; line-height:22px; margin-bottom:7px;}
.quick_channel .title span { font-size:14px; opacity:0.7;}
.quick_channel .title .no_br {}
.quick_channel a { display:block; font-size:20px; color:#fff; cursor:default; padding:6px 0;}
.quick_channel a .on_air { display:inline-block; font-size:13px; width:70px; height:26px; line-height:26px; border-radius:3px; color:#999; background-color:#fff; text-align:center; margin-right:7px; }
.quick_channel a.select { cursor: pointer; opacity:1; color:#fff;}
.quick_channel a.select .on_air { border:0px;background-color:#fc8024; color:#fff;}
.quick_channel a.select:hover .on_air { background-color:#f56f0c;}
.quick_channel .btn_more {cursor: pointer; font-size:18px; padding:0; position:inherit; width:320px; height:40px; line-height:36px; text-align:center; color:#fff; bottom:20px; border:1px #fff solid; letter-spacing:-0.05em; border-radius:3px;}
.quick_channel .btn_more:hover {background-color:#fc8024; border:1px #fc8024 solid; color:#fff; }

/* btn_search */
.btn_search { position:absolute; right:0px; top:420px; width:360px; height:131px; background-color:#fff; border:1px #2d7a9c solid;}
.btn_search a { width:360px; height:130px; display:inline-block; padding:15px 25px;}
.btn_search a:hover .title_com { color:#333;}
.btn_search .img_sear { width:74px; float:left; margin-top:7px;}
.btn_search .title { font-size:22px; color:#000; line-height:30px; padding-left:95px;}
.btn_search .title_com { font-size:13px; color:#999; line-height:18px; padding-left:95px; padding-bottom:7px;}
.btn_search .btn_more { font-size:13px; color:#666; line-height:18px; margin-left:95px; width:80px; height:26px; line-height:25px; border:1px #ccc solid; border-radius:3px; text-align:center;}
.btn_search a:hover .btn_more {background-color:#fc8024; border:1px #fc8024 solid; color:#fff}

.floating-menu {
    font-family: sans-serif;
    padding: 5px;;
    width: 130px;
    z-index: 100;
    position: fixed;
    top: 300px;
    right: 0px;
  }

  .floating-menu a, 
  .floating-menu h3 {
    font-size: 0.9em;
    display: block;
    margin: 0 0.5em;
    color: white;
  }





/* calender */
.today_calendar { position:relative; width:550px; height:260px; padding:10px; background-color:#fff; border:1px #ccc solid; overflow:hidden;}
.calender { width:240px; height:260px;}
.calender .cal_today { color:#000; font-size:26px; line-height:28px; text-align:center;}
.calender .cal_today a.btn_pre, .calender .cal_today a.btn_next { width:40px; height:34px; text-align:center; cursor:pointer;}
.calender .cal_today a.btn_pre img, .calender .cal_today a.btn_next img { vertical-align:middle; }
.calender .cal_today a.btn_pre { float:left;}
.calender .cal_today a.btn_next { float:right;}
.calender .cal_today .txt_help { display:none; position:absolute; right:10px; font-size:13px; line-height:25px; color:#888;}
.calender .cal_today .txt_help img { vertical-align:middle; margin-right:5px;}
.calender_sheet { table-layout:fixed;}
.calender_sheet th {border-right:1px solid #ddd; background:#003b7e; padding:5px 0; text-align:center; font-size:13px; color:#fff;}
.calender_sheet td:first-child {color:#ff606a;} 
.calender_sheet td:last-child {color:#0099ff;} 
.calender_sheet td { text-align:center; font-size:12px; color:#888; border:1px #ddd solid; height:29px;}
.calender_sheet td.today { background-color:#f0f0f0; color:#000 !important;}
.calender_sheet span.on {background-color:#fc8024; color:#fff;  width:24px; height:24px; line-height:24px; display:inline-block; border-radius:30px; font-size:12px;}
.calender .btn_more { position:absolute; top:10px; right:10px; width:30px; height:30px; display:inline-block; background:#000 url("../img/main/btn_more02.png") no-repeat center; font-size:0px;}
/* select today informatino */ .today_infor { position:absolute; right:0px; top:0px; width:300px; height:260px; padding:10px 20px 0; letter-spacing:-0.05em;}
.today_infor .title { color:#000; font-size:22px; padding:5px 0;  line-height:26px;}
.today_infor .select_day { font-size:20px; color:#000; line-height:20px; background:url("../img/main/icon_sch_infor.png") no-repeat left 3px; border-bottom:1px #ccc dashed; padding:0 0 10px 17px; margin-bottom:5px; } 
.today_infor .select_day .clo_01 { color:#fc8024;}
.today_infor .txt_help01 { color:#999; line-height:26px; clear:both; padding-bottom:10px;letter-spacing:-0.08em; }
.today_infor dl { font-size:16px; clear:both;}
.today_infor dt { float:left; width:60px; float:left; padding:5px 0 4px 8px; background: url("../img/main/icon_dot.gif") no-repeat left center;}
.today_infor dd { color:#444; margin-left:50px; line-height:20px; padding:5px 0 4px 10px;}
.today_calendar .btn_more { position:absolute; top:10px; right:10px; width:30px; height:30px; display:inline-block; background:url("../img/main/btn_more02.png") no-repeat center; font-size:0px;}

/* notice */
.main_notice { position:absolute; left:550px; top:40px; width:400px; height:260px; padding:15px 20px; border:1px #ccc solid; border-left:0px; border-right:0px;}
.main_notice .title { color:#000; font-size:22px; line-height:22px; padding:5px 0 15px;}
.main_notice a {display:block; padding:7px 0; font-size:16px; background:url("../img/main/icon_dot.gif") no-repeat left 15px; padding-left:8px;}
.main_notice a img { vertical-align:middle; margin:-3px 0 0 3px;}
.main_notice .day { color:#888; opacity:0.8; font-size:14px; float:right; display:inline-block; letter-spacing:-0.05em;}
.main_notice .btn_more { position:absolute; right:10px; top:10px; width:32px; height:32px; display:inline-block; font-size:0; background:#fff url("../img/main/btn_more02.png") no-repeat center; vertical-align:middle;}

/* link */
.main_link { position:absolute; right:0px; top:40px; width:250px; height:260px;}
.main_link img { width:90px; float:left;}
.main_link .title { font-size:22px; color:#fff; line-height:22px; padding:15px 0; padding-left:100px; letter-spacing:-0.03em;}
.main_link .btn_more {font-size:13px; color:#fff; border:1px #fff solid; line-height:18px; margin-left:100px; width:80px; height:26px; line-height:25px; border-radius:3px; text-align:center;}
.main_link a:hover .btn_more { background-color:#fff; border:1px #fff solid; color:#666;}
.main_link .link1, .main_link .link2 { display:block; height:130px; padding:17px 0 0 10px;}
.main_link .link1 { background-color:#0cc2d2;}
.main_link .link2 { background-color:#5e83c2;}

/* section */
#section { padding:40px 0; width:1200px; margin:0 auto; position:relative;}

/* main_newvod */
#main_newvod { position:relative; overflow:hidden; margin-top:20px;}
#main_newvod .title { color:#000; font-size:22px; line-height:22px; padding:10px 0;}
#main_newvod .title span { font-size:13px; opacity:0.5;}
#main_newvod li { float:left; width:290px; min-height:226px; margin-right:13px; margin-bottom:10px;}
#main_newvod li:last-child { margin-right:0px;}
#main_newvod li a {display:block;}
#main_newvod li .vod_infor { padding:10px 0 0 10px; height:65px; border:1px #ccc solid; border-top:0px; background-color:#fff;}
#main_newvod .vod_movie { width:290px; height:163px; background:#4f4f4f url("../img/main/no_movie.png") no-repeat center; }
#main_newvod .vod_img { width:100%; height:100%;}
#main_newvod .subject { font-size:16px; color:#000; line-height:20px; letter-spacing:-0.05em;}
#main_newvod .subject:hover { color:#FF6600;}
#main_newvod .subject .new { margin-top:-3px;}
#main_newvod .subject span { color:#FF6600; margin-right:5px;}
#main_newvod .subject img { vertical-align:middle; margin-left:5px;}
#main_newvod a:hover .contents { color:#000;}
#main_newvod .date { font-size:14px; color:#999; line-height:26px;}
#main_newvod .btn_more { position: absolute; right:0px; top:0px; width:32px; height:32px; display:inline-block; font-size:0; background:#fff url("../img/main/btn_more02.png") no-repeat center; vertical-align:middle; border:1px #ccc solid;}











@media all and (max-width:1024px) and (min-width:768px){

.main_content { width:100%; padding:20px 20px 30px;}

/* main_visual */
.main_visual { width:100%; max-width:840px;}

/* today_movie */
.today_movie { width:100%;}
.today_movie .today strong { font-size:26px;}

/* main movie */
.main_movie { width:100%; max-width:840px; height:51.8vw; max-height:471px; background-color:#000;}
.main_movie .img_txt01 { top:8%;}
.main_movie .img_txt02 { top:80%;}
.main_movie .img_bg { width:100%;}

/* quick_channel */
.quick_channel {position: relative; top:0px; width:60%; height:130px; display:inline-block;}
.quick_channel .title { height:50px; line-height:18px;}
.quick_channel a { float:left; width:33.33%; font-size:16px;}
.quick_channel a .on_air { font-size:13px; width:70px; height:26px; line-height:26px; margin-right:5px;}
.quick_channel .btn_more { position:absolute; right:20px; top:10px; font-size:14px; width:80px;}
.quick_channel .btn_more .no_br { display:none;}

/* btn_search */
.btn_search { position:relative; float:right; right:0px; top:0px; width:40%;}
.btn_search a { width:100%; padding:15px 0 0 7%;}
.btn_search .img_sear { width:65px;}
.btn_search .title { padding-left:30%;}
.btn_search .title_com { padding-left:30%}
.btn_search .btn_more { margin-left:30%;}

/* section */
#section { padding:30px 20px; width:100%; max-width:880px;}

/* calender */
.today_calendar {width:100%; height:236px; margin-bottom:20px;}
.calender {width:50%; height:220px;}
.calender .cal_today { font-size:22px; line-height:30px;}
.calender .cal_today a.btn_pre, .calender .cal_today a.btn_next {width:40px; height:34px;}
.calender_sheet th { padding:4px 0;}
.calender_sheet td { height:25px;}
.calender_sheet span.on { width:22px; height:22px; line-height:22px;}
/* select today informatino */ .today_infor { width:50%; height:auto;}

/* notice */
.main_notice { position:relative; left:0px; top:0px; float:left; border:1px #ccc solid; border-right:0px; width:60%; height:210px; margin-bottom:10px;}
.main_notice .title { padding:5px 0;}
.main_notice a { padding:5px 0; padding-left:8px;}

/* link */
.main_link { position: relative; float:right; right:0px; top:0px; width:40%; height:210px;}
.main_link .title { padding-left:40%; padding-bottom:10px;}
.main_link .btn_more { margin-left:40%;}
.main_link .link1, .main_link .link2 { height:105px; padding:8px 0 0 8%;}

/* list_box */
#list_box { position:relative; width:100%; border-left:1px #ccc solid; top:0px; height:250px;}

/* main_newvod */
#main_newvod { width:100%; max-width:840px; margin:0 auto;}
#main_newvod .title { padding:10px 0;}
#main_newvod li { width:32.5%; margin-right:1.2%; margin-bottom:0px; min-height:inherit;}
#main_newvod li:last-child { display:none;}
#main_newvod li:nth-child(3) { margin-right:0px;}
#main_newvod .vod_movie { width:100%; height:16.2vw; max-height:153px; min-height:130px; overflow:hidden;}
#main_newvod .vod_img { height:auto;}
#main_newvod .btn_more { position:absolute; right:0px; top:0px;}



}










@media all and (max-width:767px){

.main_content { width:100%; padding:0px;}

/* main_visual */
.main_visual { width:100%; padding:0px; border-radius:0px; margin:0;}

/* today_movie */
.today_movie { width:100%; height:auto; padding:8px 0 2px;}
.today_movie .icon_title { left:5x; top:12px; width:58px;}
.today_movie .today { font-size:17px; line-height:18px; padding-left:75px; letter-spacing:-0.05em;}
.today_movie .today strong { font-size:17px;}
.today_movie .title { line-height:30px; font-size:14px; padding-left:75px; padding-bottom:5px;}
.today_movie .title .on_air, .today_movie .title .off_air { margin-right:5px;}

/* main movie */
.main_movie { width:100%; height:54.6vw; max-height:420px; background-color:#454545;}
.main_movie .img_txt01 { width:70%; top:6%; margin-left:-35%;}
.main_movie .img_txt02 { width:30%; top:75%; margin-left:-15%;}

/* quick_channel */
.quick_channel { padding:10px 15px; position:relative; left:0px; top:0px; width:100%; height:inherit; display:inline-block;}
.quick_channel .title { font-size:18px; line-height:20px; height:inherit; padding-bottom:5px; margin-bottom:7px;}
.quick_channel .title span {font-size:13px;}
.quick_channel a { float:left; width:100%; font-size:18px; padding:3px 0; line-height:24px;}
.quick_channel a .on_air {font-size:12px; width:60px; height:24px; line-height:22px; margin-right:5px; vertical-align:top;}
.quick_channel .btn_more { position:absolute; right:10px; top:10px; width:70px; height:38px; font-size:13px;}
.quick_channel .btn_more .no_br { display:none;}

/* btn_search */
.btn_search { position:relative; float:none; right:0px; top:0px; width:100%; height:auto; border:3px #2d7a9c solid;}
.btn_search a { width:100%; padding:5px 10px; height:inherit; display:block;}
.btn_search .img_sear { width:50px;}
.btn_search .title { padding-left:60px; line-height:36px; font-size:18px; padding-top:5px;}
.btn_search .title_com { padding-left:60px; letter-spacing:-0.05em;}
.btn_search .title_com .no_br { display:none;}
.btn_search .btn_more { position:absolute; right:10px; top:10px; width:70px; height:28px; font-size:13px;}

/* calender */
.today_calendar { position:relative; display:inline-block; width:100%; height:auto; border:0px; padding:0 15px;}
.calender { width:100%; height:auto; border:0px;}
.calender .title { position:absolute; left:15px; top:10px; font-size:18px; padding:0;}
.calender .cal_today { padding:65px 0 0 0;}
.calender .cal_today a.btn_pre, .calender .cal_today a.btn_next { width:14%; height:36px; border:0px; text-align:center; cursor:pointer;}
.calender_sheet th { padding:5px 0;}
.calender_sheet td:first-child { border-left:1px #ccd2db solid;} 
.calender_sheet td:last-child  { border-right:1px #ccd2db solid;}
.calender_sheet td { height:28px;}
.calender .btn_more { top:10px; right:10px; width:40px; height:40px; width:32px; height:32px;}
/* select today informatino */ .today_infor { width:100%; clear:both; height:auto; position:static; border-top:0px; padding:10px 0;}
.today_infor .title01 { font-size:20px;} 
.today_infor .txt_help01 { position:absolute; left:15px; top:34px; letter-spacing:-0.05em; font-size:13px;}
.today_infor .select_day { font-size:20px;  padding:0 0 5px 17px;  background:url("../img/main/icon_sch_infor.png") no-repeat left 2px; letter-spacing:0em;} 
.today_infor dl { font-size:15px;}
.today_infor dt {  padding:4px 0 3px 8px;}
.today_infor dd {  padding:4px 0 3px 10px;}

/* notice */
.main_notice { position: relative; left:0px; top:0px; width:100%; display:inline-block; padding:10px 15px; height:inherit; border-bottom:0px;}
.main_notice .title { font-size:20px; padding:8px 0;}
.main_notice .not_list { height:auto; padding:10px 15px;}
.main_notice a { padding:5px 0; padding-left:8px; font-size:15px;}
.main_notice .day { font-size:13px;}
.main_notice .btn_more { right:10px;}

/* link */
.main_link { position:static; width:100%; height:auto;}
.main_link img { float:none; margin-top:28px; width:100px;}
.main_link .title { font-size:18px; padding:0; position:absolute; width:100%; top:15px; text-align:center;}
.main_link .btn_more { margin:5px auto;}
.main_link .link1, .main_link .link2 { width:50%; float:left; height:auto; text-align:center; padding:10px 0; position:relative;}

/* section */
#section { padding:0px; width:100%;}
/* main_newvod */
#main_newvod { width:100%; padding:10px 10px; margin:0px; border:0px;}
#main_newvod ul { width:100%;}
#main_newvod .title { height:46px; line-height:46px; font-size:20px; padding:0px;}
#main_newvod li { float:none; width:100%; min-height:inherit; margin-right:0px;}
#main_newvod li:last-child { display:none;}
#main_newvod li .vod_infor { padding:10px 0 0 10px; height:65px; border:0px; border:1px #ccc solid; border-top:0px;}
#main_newvod .vod_movie { width:100%; height:54.4vw; max-height:417px; overflow:hidden;}
#main_newvod .vod_img { height:100%;}
#main_newvod .btn_more { position:absolute; right:10px; top:10px;}

#floatdiv { 
    position:fixed; right:60px; bottom:0;
    width:225px;
    overflow:hidden;
    background-color: transparent;
    margin:10px;
    padding:0px;
}

}