/*@font-face {
  font-family: 'Droid-Sans-Fallback';
  src: url('https://www.ffonts.net/Droid-Sans-Fallback.font.zip');
}*/

body {
    padding-top: 75px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px; 
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px; 
}
.main_Img{
    width:102%;
    height:100%;
    position:absolute; 
    top:0px; 
    left:0px;
    z-index:1; 
}
.main_title_Img{
    width:50%;
    position:relative;  
    top:-20px;
    left:25%;
    z-index:2;
}
.main_sub_text1{        
    font-size:14px;
    color:#252525;
    position:relative; 
    top:-10px;
    z-index:3;
    width:100%;
}
.main_sub_text2{
    font-size:14px;
    color:#252525;
    position:relative; 
    top:-10px;
    z-index:3;
    width:100%;
}
.main_center_Img{
    width:50%;
    position:relative; 
    top:-10px;
    left:25%;
    z-index:2;
}

.Index_img_vod{
    width:103%;
    position:relative; 
    top:-50px;
    left:-5px;
    z-index:3;
}
.Index_img_MV{
    width:103%;
    position:relative; 
    top:-60px;
    left:-5px;
    z-index:4;
}
.main_sub_text3{
    width:100%;
    color:#ffffff;
    position:relative; 
    top:-45px;
    font-size:8px;
    z-index:4;
}
.Common_Title{
    /*font-family:Droid-Sans-Fallback;*/
    font-size:medium;
    color:white;
    padding-top:8px;
    padding-bottom:5px; 
    background-color:#757575;
    height:35px;
}
.Common_Title_hidden{
    padding-top:0px;
    padding-bottom:0px; 
    height:0px;
}

.Common_Title_Left{ 
    color:white;
    font-size:9px;
    position:absolute;
    left:10px;
    top:7px; 
}
.Common_Title_Left:active{
    color:#e52e31;
    font-weight:bold;
}
.menu_back{
    width:21px;
}
.menu_home{
    width:21px;  
    position:absolute;
    top:7px; 
    left:10px; 
}

.Category_back_img{ 
    width:25px;
    left:4px;
    top:5px;
    position:relative;
    margin-right:10px;
}

.Common_Title_Left_Today{
    color:#525252;
    font-size:11px;
    position:absolute;
    left:10px;
    top:7px; 
    /*border:1px solid #525252;*/
    /*background-color:rgba( 255, 255, 255, 0.5 );*/
    /*background-color:black;*/
}
.Common_Title_Left_Today:active{
    color:#e52e31;
    font-weight:bold;
    /*border:1px solid #e52e31;*/
}


.Common_Title_Center{
     text-align:center;
}

.Common_back{
    height:18px;
    width:18px;
    float:left;
    margin-top:3px;
    margin-left:10px;  
} 
 
.Active_Menu{ 
    color:#e52e31; 
    border-bottom:4px solid #e52e31; 
    padding:9px 5px 5px 5px;
    font-weight:bold;
}
.Totay_List_Image{
    width:100%;
    vertical-align:top; 
    border:1px solid #cbcbcb; 
}
.Img_title_style{
    color:black; 
    font-size:13px;
    text-decoration:none;  
} 
.Img_sub_title_style{
    color:darkgray;
    font-size:12px;
    text-align:center;
}

.Home_img_div_cell{  
    width:50%;
    vertical-align:top;
    padding-left:4px;
    padding-right:4px;
}
.Category_div{
    background-color:white;
    padding-top:5px;  
}

.Category_img_div{
    width:100%;
    background-color:white;
    margin-bottom:5px; 
}
.More_title_div{
    width:100%;
    height:25px;
    background-color:white;
    line-height:25px;
    margin-bottom:5px;
}
.More_title_name{
    float:left;
    font-size:13px;
    font-weight:bold;
}

.Img_More{
    width:15px;
    height:15px;
    vertical-align:middle;  
    margin-left:-5px;
    padding-bottom:3px; 
}
.More_Text{
    float:right;
    height:100%;
    width:80px;
    text-align:right;
    vertical-align:middle;   
    color:darkgray;
}
.Category_img_div_cell{
    vertical-align:top;
    height:230px; 
    padding-left:2px;
    padding-right:2px; 
}
.Category_img_div_cell_rating{  
    vertical-align:top;
    margin-top:-15%;
    width:113px;
}
.Category_img{
    width:113px;
    height:170px;
    vertical-align:top; 
    border:1px solid #cbcbcb;
}
.Category_img_title{
    text-align:left;
    margin-top:5px;
    font-size:13px;
}
.Category_img_info{
    text-align:left;
    color:darkgrey;
    font-size:13px;
}
.Sub_Category_div{
    width:33%;
    vertical-align:top;
    padding-left:2px;
    padding-right:2px;
}
.Sub_Category_img{
    width:100%;
    vertical-align:top;
    border:1px solid #cbcbcb;  
}

.MV_background{
    background-color:#e0e0e0;
    padding-top:20px;
}
.MV_background_Title{
    padding-left:20px;
    padding-right:20px;
    font-size:11px;
    margin-bottom:20px;
}

.MV_List_div{
    width:90%;
    border:1px solid white;
    background-color:white;
    padding-left:10px;
    padding-right:10px;
    height:155px;
    margin-top:-5px;
}

.MV_text_div{
    text-align:center;
    width:100%;
    margin-top:10px;
}

.MV_hr{
    color:#e0e0e0;
    margin-bottom: 10px;
    margin-top: 10px;
    width:95%;
}

.MV_time_img {
    width:13px;
    height:13px;
}
.MV_ch_img{
    width:13px;
    height:13px;
}

.MV_Main_title{
   color:#e62e31;
}

.MV_sub_title{
    color:#999999;
}

.MV_pgNM{
    text-align:left;
    width:100%;
    color:#525252;
    margin-left:10px;
    font-size:12px;
}

.MV_Cost_div{
   text-align:left;
   width:100%;
   color:#e62E31;
   margin-bottom:10px;
   font-size:12px;
}

.MV_rating_img{
    margin-right:-5px;
    width:25px;
    height:25px;
}

.MV_Card_btn{
    width:100%; /*45%;*/
    font-size:12px;
    height:30px;
    border:1px solid #c7c6c6;
    background-color:white;
    float:center; /*left;*/
    margin-left:5px;
}

.MV_Bill_btn{
    width:45%;  
    font-size:10px;
    height:30px;
    border:1px solid #c7c6c6;
    background-color:white;
    float:right;
    margin-right:5px;
    visibility:hidden;   /*<< delete */
} 

.Detail_top{
    background-size:contain;
    width:100%;
    margin-top:-8px;
    opacity:0.7;
    height:100%;
}
.Detail_top_div{
    width:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}

.Detail_table{
    background-color:white;
    width:100%;
    position:absolute;
    z-index:2;
    margin-left:-5px;
    padding-left:10px;
    padding-right:10px;
}
.Detail_table_row_group{
    width:100%;
    background-color:white;
}
.Detail_table_row{
    width:100%;
    background-color:white;
}
.Detail_table_cell_img{
    width:45%;
}
.Detail_main_img{
    width:100%;
    margin-top:-20%;
    margin-left:5%;
    border:1px solid #cbcbcb;
}
.Detail_cell_Info{
    width:50%;
    position:absolute;
    top:10%;
    left:50%;
    z-index:3;       
}

.Detail_HD_img{
    width:18px;
    height:13px;
    margin-right:2px; 
}
.Detail_start_hr{
    color:#f5f5f5;
    margin-bottom:10px;
    margin-top:10px;
}
.Detail_end_hr{
    color:#f5f5f5;
    margin-bottom:15px;
    margin-top:3px;
    width:100%;
}

.Detail_cell_Info_title{
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}
.Detail_cell_Info_type{
    color:#999999;
    font-size:11px;
    margin-bottom:20px;
}
.Detail_cell_Info_cost{
    color:#525252;
    font-size:12px;
}

.Detail_main_info{
    padding-bottom:9px;
    color:#525252;
    font-size:14px;
    width:100%;
}
.Detail_main_info_story{
    padding-bottom:5px;
    color:#525252;
    font-size:14px;
    width:100%;
}
.Detail_btn{
    width:100%;
    height:45px;
    background-color:red;
    color:white; 
    font-size:14px;
    vertical-align:bottom;
    padding-top:11px;
}

.Relation_VOD_div{
    width:100%;
    border-top:10px solid #f0f0f0;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:15px;
    font-size:15px;
}
.Relation_VOD_List{ 
    width:97%;
    position:absolute;
}
.LayerPop{ 
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:700px;
    background-color:white;
    overflow-y:auto;
    border:1px solid #f0f0f0;
    z-index:1;
}
.UserInfobtn{
    background-color:white;
    color:black;
    width:100px;
    height:30px;
    font-size:15px;
    border:1px solid black;
}

.UserInfoInput_Title_Center{
    width:100%;
    text-align:center;
    color:#525252;
    font-size:16px;  
    top:0px;
    left:0px;
    position:absolute;
    margin-top:15px;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:5px solid #f0f0f0;
}
.smart_card_input{
    width:86.5%;
    margin-left:20px;
    margin-top:-10px;
    border:0px solid #525252;
}
.smart_card_input_box{  
    width:7.5%; 
    border:1px solid #a4a4a4;
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
    /*letter-spacing:3px;*/
}  
.smart_card_input_box:focus{
    border:1px solid #ff7373;
    outline-width:0px;
}
.smart_card_input_box::-webkit-input-placeholder{  /*Crome*/
    color:#999999;
    font-size:13px;
}
.smart_card_input_box:-ms-input-placeholder{ /*IE*/
    color:#999999;
    font-size:13px;
}
.smart_card_input_box::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
  opacity: 1;
  font-size:13px;
}
.smart_card_input_box:-moz-placeholder { /* Firefox 4 - 18 */
  color: #999999;
  opacity: 1;
  font-size:13px;
}


.InputSCIDTxt1{
    margin-right:3%;
}
.InputSCIDTxt2{
    margin-right:3%
}
.InputSCIDTxt3{
    margin-right:3%
}
.InputSCIDTxt4{

}

.smart_card_img{  
    width:90%;
    height:auto;
    left:50%;
    margin:0 auto;
}
.smart_card_img1{
    width:100%;
    height:auto;
    border-radius:10px;
}
.smart_card_img2{
    width:49%;
    height:auto;
}

.UserInfobtn_buy{
    background-color:#e54545;
    color:#ffffff;
    width:40%;
    height:35px;
    font-size:15px;
    border:0px solid white;
    float:left;
    margin-left:20px;
}

.UserInfobtn_cancel{
    background-color:#c7c6c6;
    color:#ffffff;
    width:40%;
    height:35px;
    font-size:15px;
    border:0px solid white;
    margin-left:20px;
}
.VOD_text_1{  
    padding:10px 20px 10px 20px;
    font-size:14px;
}
.VOD_text_2{
    padding:10px 20px 10px 20px;
    font-size:14px;
}
.VOD_text_3{
    padding:10px 20px 10px 20px;
    font-size:14px;
}
.VOD_text_4{
    padding:2px 20px 5px 20px;
    font-size:14px;
}
.VOD_text_4_1{
    padding:2px 20px 2px 20px;
    font-size:14px; 
}
.VOD_text_4_2{
    padding:2px 20px 2px 20px;
    font-size:14px;
}
.VOD_text_5{
    padding:2px 20px 5px 20px;
    font-size:14px;
}
.VOD_text_5_1{
    padding:2px 20px 2px 20px;
    font-size:14px;
}
.VOD_text_5_2{
    padding:2px 20px 2px 20px;
    font-size:14px;
}
.note_icon{
    margin-bottom:2px;
    width:11px;
    height:auto;
}
.note_text{
    color:#525252;
    font-weight:bold;
    padding-bottom:5px;
}